https://www.mannings.com.hk/85.0148e8ae92b3eb7018b2.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([[85],{HbVs:function(n,e,t){"use strict"
3t.r(e),t.d(e,"default",function(){return y})
4var a=t("J4zp"),r=t.n(a),i=t("q1tI"),o=t.n(i),s=t("dDsW"),l=t("Ty5D"),d=t("y1Xp"),c=t("LboF"),p=t.n(c),m=t("PUc9"),b={injectType:"singletonStyleTag",insert:"head",singleton:!0},u=(p()(m.a,b),m.a.locals||{}),g=t("UVTC"),f=t("znku"),x=t("1zDE"),_=t("KaN7"),v=t("Pqt/"),w=t("4HAa"),h=t("u/j5"),y=function Brands(n){var e=Object(d.a)(u,n.classes),t=Object(l.g)(),a=Object(s.a)().formatMessage,c=Object(v.a)().isPhone,p=Object(h.a)().isApp,m=Object(f.b)(),b=r()(m,1)[0],y=b.brandTabId,E=b.favoriteBrands,F=Object(g.a)(),j=F.items,N=F.loading,O=F.favoriteLoading,z=Object(i.useState)(""),k=r()(z,2),P=k[0],B=k[1],M=function toggleBrandHover(n){B(n)},C=j.filter(function(n){var e
5return null==n?void 0:null===(e=n.values)||void 0===e?void 0:e.length}).map(function(n,a){var r
6return o.a.createElement("div",{key:a,className:e.list_group,id:"brand_"+n.letter},o.a.createElement("div",{className:e.letter},n.letter),o.a.createElement("div",{className:e.list_wrapper},null==n?void 0:null===(r=n.values)||void 0===r?void 0:r.map(function(n,a){return o.a.createElement("div",{key:a,className:e.list_item,onClick:function onClick(){return function handleClick(n){t.push("/brands/".concat(encodeURIComponent(n.url_path)))}(n)},onMouseEnter:function onMouseEnter(){return M(n.brand_id)},onMouseLeave:function onMouseLeave(){return M("")}},!c&&o.a.createElement(_.a,{brandId:n.brand_id,color:P===n.brand_id?"#FF8200":"#444"}),o.a.createElement("span",null,n.name),c&&o.a.createElement(_.a,{brandId:n.brand_id}))})),o.a.createElement("div",{className:e.line,id:"brand_line_"+n.letter}))})
7Object(i.useEffect)(function(){window.scrollTo(0,0)},[y])
8var I=Object(i.useMemo)(function(){return"favoriteBrands"===y?!O&&((null==E?void 0:E.length)>0?o.a.createElement(i.Fragment,null,o.a.createElement(x.a,{items:j,id:"brand_letter_root"}),o.a.createElement("div",{className:e.content},C),o.a.createElement("div",{className:e.btn_wrapper,style:{bottom:p?"0px":"60px"}},o.a.createElement(w.a,null))):o.a.createElement("div",{className:e.empty_wrapper},o.a.createElement("img",{src:"/venia-static-assets/icons/cart/emptyBrand.svg",className:e.empty_coupon}),o.a.createElement("div",{className:e.empty_text},a({id:"brand.emptyMessage",defaultMessage:"To get started, save a brand by tapping the flag icon."})))):!N&&o.a.createElement(i.Fragment,null,o.a.createElement(x.a,{items:j,id:"brand_letter_root"}),o.a.createElement("div",{className:e.content},C))},[y,j,N,O,E,c,P])
9return o.a.createElement("div",{className:e.root},I)}},PUc9:function(n,e,t){"use strict"
10var a=t("JPst"),r=t.n(a)()(function(n){return n[1]})
11r.push([n.i,'.brands-root-jS- {\n    position: relative;\n    box-sizing: box-border from global;\n    /* composes: lg_w-full from global; */\n    padding-top: 16px;\n    padding-bottom: 16px;\n    background: #FFF;\n    min-height: 40rem;\n\n    div[class^="breadcrumbs-root"] {\n        margin-left: 0 !important;\n    }\n}\n\n.brands-content-7Bv {\n    position: relative;\n    width: calc(100% - 22px);\n}\n\n@media screen and (min-width: 768px) {\n    .brands-content-7Bv {\n        width: 100%;\n    }\n}\n\n.brands-list_group-mOl {\n    .brands-letter-FvP {\n        margin-bottom: 16px;\n        padding: 4px 0;\n        color: #212121;\n        font-size: 16px;\n        font-weight: 700;\n        line-height: normal;\n    }\n}\n\n\n.brands-list_wrapper-OsO {\n    flex-wrap: wrap;\n}\n\n.brands-list_item-Nwn {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 16px;\n    padding-right: 12px;\n    color: #000;\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n}\n\n.brands-line-F-j {\n    margin-top: 24px;\n    margin-bottom: 24px;\n    border-top: 1px solid #E0E0E0;\n}\n\n.brands-favorite_brand_btn-I1z {\n    display: flex;\n    justify-content: center;

11\n    align-items: center;\n    height: 48px;\n    padding: 8px 16px;\n    border-radius: 8px;\n    background: #FF8200;\n    box-shadow: 0 -2px 0 0 #F06813 inset;\n    color: #FFF;\n    font-size: 16px;\n    font-weight: 700;\n    cursor: pointer;\n}\n\n.brands-empty_wrapper-FKP {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: 8px;\n    width: 100%;\n    padding: 0 12px;\n}\n\n.brands-empty_text-Jzn {\n    color: #000;\n    text-align: center;\n    font-size: 14px;\n    line-height: 19px;\n}\n\n.brands-btn_wrapper-u1C {\n    box-sizing: border-box;\n    position: fixed;\n    left: 0;\n    bottom: 60px;\n    z-index: 9999999;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 80px;\n    padding: 16px;\n    background: #fff;\n}\n\n@media screen and (min-width: 768px) {\n    .brands-list_item-Nwn {\n        justify-content: flex-start;\n        padding-right: 0;\n    }\n    .brands-list_item-Nwn:hover {\n        color: #FF8300;\n    }\n}\n    ',""]),r.locals={root:"brands-root-jS- max-w-site mx-auto px-xs md_px-10",content:"brands-content-7Bv",list_group:"brands-list_group-mOl",letter:"brands-letter-FvP",list_wrapper:"brands-list_wrapper-OsO block md_flex",list_item:"brands-list_item-Nwn w-full md_w-1/4",line:"brands-line-F-j",favorite_brand_btn:"brands-favorite_brand_btn-I1z",empty_wrapper:"brands-empty_wrapper-FKP",empty_text:"brands-empty_text-Jzn",btn_wrapper:"brands-btn_wrapper-u1C flex md_hidden"},e.a=r}}])