https://www.mannings.com.hk/78.ddf3e21028c4dea2a78d.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([[78],{Hqpc:function(n,t,e){"use strict"
3var a=e("JPst"),i=e.n(a)()(function(n){return n[1]})
4i.push([n.i,".notification-notification_wrapper-3Eq {\n    box-sizing: box-border from global;\n    /* composes: mx-auto from global; */\n    /* composes: lg_w-full from global; */\n    padding-right: 16px;\n    padding-left: 16px;\n    padding-bottom: 16px;\n    background: #F5F5F5;\n}\n\n.notification-header-9WE {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding-bottom: 16px;\n    .notification-header_title-M-4 {\n        font-size: 28px;\n        font-weight: 700;\n    }\n    .notification-header_right-eJ0 {\n        .notification-header_message-gv6 {\n            margin-right: 1rem;\n            color: #535353;\n            font-size: 13px;\n            font-weight: 600;\n        }\n    }\n}\n\n.notification-notification_content-raa {\n    background: #FFFFFF;\n    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);\n    border-radius: 8px;\n    /* padding: 25px; */\n}\n\n.notification-empty_wrapper-0P- {\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;

4\n    align-items: center;\n    padding: 1.5rem;\n    .notification-empty_text-XnG {\n        margin-top: 0.5rem;\n        font-size: 16px;\n        color: #000000;\n    }\n    .notification-empty_btn-Qv0 {\n        margin-top: 1.5rem;\n    }\n}\n\nli.notification-tabHeader-HHf {\n    border: 1px solid transparent;\n    border-bottom: none;\n    bottom: -1px;\n    cursor: pointer;\n    display: inline-block;\n    list-style: none;\n    position: relative;\n    font-size: 14px;\n    font-weight: 400;\n    color: #000;\n    flex-shrink: 0;\n    padding: 14px 16px;\n}\n.notification-panelSelected-hTb {\n    border-bottom: 3px solid #FF8300!important;\n}\n\n.notification-login_btn-6Le {\n    background-color: #FF8300;\n    border: none;\n    color: #FFFFFF;\n    font-size: 12px;\n    font-weight: 700;\n    white-space: unset;\n    border-radius: 8px;\n    box-shadow: inset 0px -2px 0px #CF5506;\n    padding: 8px 20px;\n    &:hover {\n        background-color: #ff973b;\n        box-shadow: none;\n    }\n}\n\n.notification-notification_content-raa [class^='react-tabs__tab-list'] {\n    border-bottom:  1px solid #B3B3B3;\n    flex-wrap: nowrap;\n    display: flex;\n    padding: 0 16px;\n    overflow-y: scroll;\n}\n\n.notification-notification_content-raa [class^='react-tabs__tab-list']::-webkit-scrollbar {\n    height: 0;\n}\n\n.notification-listWrapper-5xG {\n    margin-top: 16px;\n}\n\n.notification-pagination_wrapper-Icj {\n    padding: 0 16px;\n}\n\n@media (max-width: 768px) {\n    .notification-pagination_wrapper-Icj [class^='pagination-pageWrapper'] {\n        padding: 16px 0;\n        flex-direction: column;\n        gap: 12px;\n    }\n\n    .notification-pagination_wrapper-Icj [class^='pagination-perPageWrapper'] {\n        padding-right: 0;\n        width: 100%;\n    }\n\n    .notification-pagination_wrapper-Icj [class^='pagination-sortButton'] {\n        width: 100%;\n    }\n\n    .notification-pagination_wrapper-Icj [class^='pagination-menu'] {\n        width: 100%;\n    }\n}\n\n/* pc */\n@media (min-width: 768px) {\n    .notification-listWrapper-5xG {\n        margin-top: 28px;\n    }\n    .notification-notification_wrapper-3Eq {\n    }\n    .notification-notification_content-raa [class^='react-tabs__tab-list'] {\n        padding: 0;\n        margin: 0 5px;\n    }\n    .notification-notification_content-raa {\n        padding: 25px 20px 15px;\n    }\n    li.notification-tabHeader-HHf {\n        padding: 9px 30px;\n    }\n    .notification-pagination_wrapper-Icj {\n        padding: 0;\n        margin-top: 11px;\n    }\n}\n",""]),i.locals={notification_wrapper:"notification-notification_wrapper-3Eq max-w-site mx-auto",header:"notification-header-9WE",header_title:"notification-header_title-M-4",header_right:"notification-header_right-eJ0",header_message:"notification-header_message-gv6",notification_content:"notification-notification_content-raa",empty_wrapper:"notification-empty_wrapper-0P-",empty_text:"notification-empty_text-XnG",empty_btn:"notification-empty_btn-Qv0",tabHeader:"notification-tabHeader-HHf",panelSelected:"notification-panelSelected-hTb",login_btn:"notification-login_btn-6Le",listWrapper:"notification-listWrapper-5xG",pagination_wrapper:"notification-pagination_wrapper-Icj"},t.a=i},"ZW+w":function(n,t,e){"use strict"
5var a=e("J4zp"),i=e.n(a),o=e("q1tI"),r=e.n(o),c=e("dDsW"),s=e("y1Xp"),l=e("Ty5D"),p=e("znku"),d=e("aXen"),g=e("BBzE"),f=e("+TN3"),m=e("Lm/n"),b=e("N5ap"),u=e("IOPv"),x=e("uNBV"),h=e("MhtG"),_=function useNotification(n){var t=Object(s.a)(x.a,null==n?void 0:n.operations),e=t.getNotificationCategoryQuery,a=t.getNotificationsQuery,r=Object(l.g)(),c=Object(l.h)(),p=Object(u.a)("category",c)||"all",d=Object(o.useState)(p),g=i()(d,2),_=g[0],w=g[1],v=Object(f.a)(e,{fetchPolicy:"cache-and-network",nextFetchPolicy:"cache-first"}),y=v.data,N=(v.error,v.loading,(null==y?void 0:y.getNotificationCategory)||[]),E=Object(b.a)(),j=i()(E,2),P=j[0],F=j[1],k=P.currentPage,O=P.totalPages,C=F.setCurrentPage,S=F.setTotalPages,T=Object(o.useState)(12),z=i()(T,2),H=z[0],M=z[1],W={currentPage:k,setPage:C,totalPages:O,pageSize:H,setPageSize:M},I=Object(m.a)(a,{fetchPolicy:"no-cache",errorPolicy:"all"}),L=i()(I,2),q=L[0],B=L[1],G=(B.called,B.data),J=B.loading,D=B.error,Q=Object(o.useMemo)(function(){var n
6return D?[]:(null==G?void 0:null===(n=G.getNotifications)||void 0===n?void 0:n.notifications)||[]},[G,D])
7Object(o.useEffect)(function(){var n
8null!=G&&G.getNotifications&&S((null==G?void 0:null===(n=G.getNotifications)||void 0===n?void 0:n.total_pages)||1)},[null==G?void 0:G.getNotifications])
9return Object(o.useEffect)(function(){!function setQueryParam(n,t){var e=c.search,a=new URLSearchParams(e)
10a.set(n,t)
11var i={search:a.toString()}
12r.replace(i)}("category",_)},[_]),Object(o.useEffect)(function(){Object(h.a)()||q({variables:{timestamp:Number((+new Date).toString().slice(-9)),notificationType:_,pageSize:Number(H),currentPage:Number(k),sortCode:"created_at",sortDirection:"DESC",loading:!0}})},[q,_,k,H]),{tabs:N,items:Q,activeTab:_,setActiveTab:w,pageControl:W,setCurrentPage:C,loading:J,error:D}},w=e("Pqt/"),v=e("GTV5"),y=e("LboF"),N=e.n(y),E=e("Hqpc"),j={injectType:"singletonStyleTag",insert:"head",singleton:!0},P=(N()(E.a,j),E.a.locals||{}),F=e("gmnR")
13t.a=function Notification(n){var t=Object(s.a)(P,n.classes),e=(Object(w.a)().isPhone,Object(l.g)()),a=Object(p.b)(),f=i()(a,1)[0].isSignedIn,m=Object(c.a)().formatMessage,b=[{text:m({id:"notification.title",defaultMessage:"Notifications"})}],u=_(),x=u.tabs,h=u.items,y=u.activeTab,N=u.setActiveTab,E=u.pageControl,j=u.setCurrentPage,k=u.loading,O=f?null:r.a.createElement(o.Fragment,null,r.a.createElement(g.a,{pathMap:b}),r.a.createElement("div",{className:t.header},r.a.createElement("div",{className:t.header_title},m({id:"notification.title",defaultMessage:"Notifications"}

13)))),C=x.map(function(n){return r.a.createElement(v.a,{className:[t.tabHeader,n.code==y?t.panelSelected:""],key:n.code,onClick:function onClick(){return function handleToggleTab(n){n.code!==y&&(N(n.code),j(1,!0))}(n)}},n.label)}),S=x.map(function(n){return r.a.createElement(v.c,{key:n.code,className:t.tabPanel,forceRender:y===n.code},k?void 0:y===n.code&&(null!=h&&h.length?r.a.createElement("div",{className:t.listWrapper},r.a.createElement(F.a,{items:h})):r.a.createElement("div",{className:t.empty_wrapper},r.a.createElement("img",{src:"/venia-static-assets/icons/my-account/emptyNotification.svg",className:t.empty_coupon}),f||"order"!==n.code&&"backinstock"!==n.code?r.a.createElement("div",{className:t.empty_text},m({id:"notification.emptyMessage",defaultMessage:"No message at the moment."})):r.a.createElement(o.Fragment,null,r.a.createElement("div",{className:t.empty_text},m({id:"notification.loginMessage",defaultMessage:"Please login and check your message."})),r.a.createElement("button",{className:[t.login_btn,t.empty_btn].join(" "),onClick:function onClick(){return e.push("/login")}},m({id:"notification.loginRegister",defaultMessage:"Login / register"}))))))})
14return r.a.createElement("div",{className:f?"":t.notification_wrapper},r.a.createElement(o.Fragment,null,O),r.a.createElement("div",{className:t.notification_content},r.a.createElement(v.d,{className:t.tabWrapper},r.a.createElement("div",null,r.a.createElement(v.b,{className:t.tabList,style:{overflowY:"hidden"}},C)),r.a.createElement("div",null,S)),r.a.createElement("div",{className:t.pagination_wrapper},r.a.createElement(d.a,{pageControl:E,showPageNumerList:!0}))))}},v4Lu:function(n,t,e){"use strict"
15e.r(t)
16var a=e("ZW+w")
17e.d(t,"default",function(){return a.a})}}])