https://www.mannings.com.hk/86.14d114acb7026b5237f4.js

1/*! @version pwa-studio: 0.0.1, @magento/venia-ui: ~11.3.0, @magento/upward-security-headers: ~1.0.14, @magento/pwa-theme-venia: ~2.4.0, @magento/pwa-buildpack: ~11.4.3, @magento/peregrine: ~14.2.1, @magento/pagebuilder: ~9.2.1, @magento/eslint-config: ~1.5.0, @magento/babel-preset-peregrine: ~1.2.3, @apollo/client: ~3.5.0 */
2(window.webpackJsonp=window.webpackJsonp||[]).push([[86],{akLj:function(e,n,t){"use strict"
3t.r(n),t.d(n,"default",function(){return j})
4var a=t("RIqP"),o=t.n(a),i=t("J4zp"),r=t.n(i),c=t("q1tI"),l=t.n(c),g=t("Ty5D"),d=t("55Ip"),u=t("y1Xp"),s=t("V6Kw"),m=t("dDsW"),p=t("p2Z7"),f=t("LboF"),b=t.n(f),v=t("i5Q6"),y={injectType:"singletonStyleTag",insert:"head",singleton:!0},h=(b()(v.a,y),v.a.locals||{}),x=t("Kdy3"),k=t("E+oP"),P=t.n(k),I=t("yfPB"),O=t("KaN7"),w=t("znku"),j=function CategoryPage(e){var n=e.classes,t=Object(m.a)().formatMessage,a=Object(g.g)(),i=Object(u.a)(h,n),f=Object(c.useState)(null),b=r()(f,2),v=b[0],y=b[1],k=Object(c.useState)(null),j=r()(k,2),E=j[0],M=j[1],_=Object(c.useState)({}),C=r()(_,2),N=C[0],T=C[1],W=Object(c.useState)([]),J=r()(W,2),S=J[0],z=J[1],L=Object(c.useState)(null),B=r()(L,2),F=B[0],G=B[1],K=Object(s.a)().megaMenuNodes,q=Object(w.b)(),Q=r()(q,1)[0],D=Q.isSignedIn,A=Q.favoriteBrands
5Object(c.useEffect)(function(){if(null!=K&&K.length){var e={}
6K.forEach(function(n){e[n.id]=n.child_nodes}),T(e)}},[K]),Object(c.useEffect)(function(){if(N&&!P()(N)){var e=K.find(function(e){var n
7return(null==e?void 0:null===(n=e.child_nodes)||void 0===n?void 0:n.length)>0})
8e&&Z(e,"auto")}},[N])
9var R=Object(c.useMemo)(function(){return S.find(function(e){return e.id===F})},[S,F]),V=Object(c.useMemo)(function(){return(null==S?void 0:S.length)>1&&S[1].id===F},[F,S]),X=Object(c.useMemo)(function(){var e
10if(!S||!F)return[]
11var n=null!=R&&R.child_nodes?o()(null==R?void 0:R.child_nodes):[]
12if(R.id===(null===(e=S[0])||void 0===e?void 0:e.id)&&E&&n.unshift({name:"".concat(t({id:"category.go"})," ").concat(E.name," >"),link:E.link,id:"0"}),D&&V&&E){var a,i,r=(null==R?void 0:null===(a=R.child_nodes)||void 0===a?void 0:a.map(function(e){return Object(x.c)(e.link)}))||[],c=null==A?void 0:null===(i=A.filter(function(e){return null==r?void 0:r.includes(e.url_key)}))||void 0===i?void 0:i.map(function(e){return e.name}),l=Object(x.a)(E.link,"brand",c)
13null!=c&&c.length&&n.unshift({name:"".concat(t({id:"category.shopFavoriteCategoryBrand",defaultMessage:"Shop your favorite {category} brands"},{category:E.name})," >"),link:D?l:"/login",id:"favorite_category_brand"})}return n},[S,F,E,R,V,A,D]),Z=function handleLevel1Click(e,n){var t=e.id,o=e.link,i=e.name
14y(t),M({name:i,link:o})
15var r=N[t]
16if(n||Object(I.f)({navi_button:i,navi_category:i,sub_navi_category:""}),r){var c
17z(r),G(null==r?void 0:null===(c=r[0])||void 0===c?void 0:c.id)}else{var l=Object(x.d)(o)
18a.push(l)}}
19return l.a.createElement("div",{className:i.root},l.a.createElement("div",{className:i.left},null==K?void 0:K.map(function(e){var n=e.name,t=e.icon,a=e.id,o=t,r=a===v
20return l.a.createElement("div",{className:i.Level1Item,key:a,onClick:function onClick(){return Z(e)}},l.a.createElement("div",{className:"".concat(i.imgWrap," ").concat(r?i.activeItem:"")},o&&l.a.createElement("img",{className:i.img,src:o}),!o&&l.a.createElement(p.a,{style:{color:"black",fontSize:"65px"}})),l.a.createElement("div",{className:i.title},n))})),l.a.createElement("div",{className:i.right},l.a.createElement("div",{className:i.subMenuTab},null==S?void 0:S.map(function(e){var n=e.id,t=e.name,a=n===F
21return l.a.createElement("div",{className:"".concat(i.tabItem," ").concat(a?i.active:""),key:n,onClick:function onClick(){return function handleTabClick(e){var n=e.id
22e.name,G(n)}(e)}},t)})),l.a.createElement("div",{className:i.subMenuContent},null==X?void 0:X.map(function(e){var n=e.id,t=e.name,a=e.link,o=Object(x.d)(a)
23return l.a.createElement("div",{className:i.linkItemWrap,key:n,onClick:function onClick(){return function handleSubItemClick(e){var n=e.name
24Object(I.f)({navi_button:n,navi_category:E.name,sub_navi_category:n})}(e)}},l.a.createElement(d.b,{to:o},l.a.createElement("span",{className:i.linkItem},V&&"favorite_category_brand"!==n&&l.a.createElement(O.a,{brandCode:Object(x.c)(a)}),l.a.createElement("span",null,t))))}))))}},i5Q6:function(e,n,t){"use strict"
25var a=t("JPst"),o=t.n(a)()(function(e){return e[1]})

26o.push([e.i,"main.category-main {\n    display: flex;\n    flex-direction: column;\n    height: 100vh;\n}\nmain.category-main-ios {\n    display: flex;\n    flex-direction: column;\n    height: 100dvh;\n}\n.category-main .bottom-nav {\n    height: 62px;\n}\n.category-content {\n    min-height: 200px;\n    flex: 1;\n}\n.categoryPage-root-JdI {\n    background-color: #f5f5f5;\n    display: flex;\n    height: 100%;\n}\n\n.categoryPage-left-G2- {\n    width: 110px;\n    padding-top: 20px;\n    padding-bottom: 20px;\n    overflow-y: auto;\n    scrollbar-width: none;\n    background-color: white;\n}\n.categoryPage-right-OmM {\n    background-color: #f1f1f1;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n}\n.categoryPage-Level1Item-y6G {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    padding: 0 15px;\n    margin-bottom: 30px;\n}\n.categoryPage-Level1Item-y6G .categoryPage-title-otz {\n    font-size: 12px;\n    line-height: 14px;\n    padding-top: 6px;\n    text-align: center;\n    color: black;\n}\n.categoryPage-imgWrap--BO {\n    /* composes: shadow-md from global; */\n    width: 74px;\n    height: 74px;\n    overflow: hidden;\n    border-radius: 70px;\n    background-color: white;\n    box-shadow: 0 1px 8px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n    border: 3px solid white;\n}\n.categoryPage-imgWrap--BO img {\n    width: 100%;\n}\n.categoryPage-imgWrap--BO svg {\n    left: 5px;\n    top: 7px;\n    position: relative;\n}\n.categoryPage-activeItem-bJ9 {\n    border-color: #FF8200;\n}\n.categoryPage-subMenuTab-8mv {\n    display: flex;\n    background-color: white;\n}\n.categoryPage-subMenuTab-8mv .categoryPage-tabItem-rpT {\n    flex: 1;\n    max-width: 50%;\n    height: 40px;\n    font-size: 14px;\n    text-align: center;\n    line-height: 40px;\n    border-bottom: 3px solid white;\n    cursor: pointer;\n}\n.categoryPage-subMenuTab-8mv .categoryPage-active-nTx {\n    border-bottom: 3px solid #FF8200;\n}\n.categoryPage-subMenuContent-Jgr {\n    flex: 1;\n    padding: 20px;\n    overflow-y: auto;\n}\n.categoryPage-linkItemWrap-KQP {\n    margin-bottom: 15px;\n}\n.categoryPage-linkItem-wq0 {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    width: -moz-fit-content;\n    width: fit-content;\n    color: black;\n    background-color: #EAE3DA;\n    padding: 8px 16px;\n    font-size: 12px;\n    line-height: 16px;\n    border-radius: 999px;\n}",""]),o.locals={root:"categoryPage-root-JdI",left:"categoryPage-left-G2-",right:"categoryPage-right-OmM",Level1Item:"categoryPage-Level1Item-y6G",title:"categoryPage-title-otz",imgWrap:"categoryPage-imgWrap--BO",activeItem:"categoryPage-activeItem-bJ9",subMenuTab:"categoryPage-subMenuTab-8mv",tabItem:"categoryPage-tabItem-rpT",active:"categoryPage-active-nTx",subMenuContent:"categoryPage-subMenuContent-Jgr",linkItemWrap:"categoryPage-linkItemWrap-KQP",linkItem:"categoryPage-linkItem-wq0"},n.a=o}}])