https://guardianindonesia.co.id/66.b5c2d76cc5c93843d016.js

1/*! @version pwa-studio: 13.1.0, @magento/venia-ui: ~10.1.0, @magento/upward-security-headers: file:./src/extensions/upward-security-headers, @magento/swift-language-packs: link:./src/extensions/swift-language-packs, @magento/pwa-theme-venia: ~1.4.0, @magento/pwa-buildpack: ~11.4.1, @magento/peregrine: ~13.0.1, @magento/pagebuilder: ~8.1.0, @magento/eslint-config: ~1.5.0, @magento/babel-preset-peregrine: ~1.2.2, @apollo/client: ~3.5.0 */
2(window.webpackJsonp=window.webpackJsonp||[]).push([[66],{"4KwP":function(e,n,t){"use strict"
3var a,o,i=t("VkAN"),r=t.n(i),s=t("UYTu"),l=t("KK35"),c=(Object(s.a)(a||(a=r()(["\n    query GetStoreConfigForCategoryTree {\n        # eslint-disable-next-line @graphql-eslint/require-id-when-available\n        storeConfig {\n            store_code\n            category_url_suffix\n        }\n    }\n"]))),Object(s.a)(o||(o=r()(["\n    query GetNavigationMenu($id: String!) {\n        categories(filters: { category_uid: { in: [$id] } }) {\n            # eslint-disable-next-line @graphql-eslint/require-id-when-available\n            items {\n                uid\n                name\n                # eslint-disable-next-line @graphql-eslint/require-id-when-available\n                children {\n                    children_count\n                    uid\n                    include_in_menu\n                    name\n                    position\n                    url_path\n                    url_suffix\n                }\n                children_count\n                include_in_menu\n                url_path\n            }\n        }\n    }\n"]))))
4n.a={getNavigationMenuQuery:c,getCategoryUrlSuffixQuery:l.a}},"7RQw":function(e,n,t){"use strict"
5var a=t("JPst"),o=t.n(a),i=t("iztM"),r=o()(function(e){return e[1]})
6r.i(i.a,"",!0),r.push([e.i,".categoryBranch-root-c2q {\n}\n\n.categoryBranch-target-8ON {\n}\n\n.categoryBranch-text-gId {\n}\n",""]),r.locals={root:"categoryBranch-root-c2q "+i.a.locals.root,target:"categoryBranch-target-8ON "+i.a.locals.target,text:"categoryBranch-text-gId "+i.a.locals.text},n.a=r},SoRE:function(e,n,t){"use strict"
7t.r(n),t.d(n,"default",function(){return he}),t.d(n,"NavHeader",function(){return le})
8var a,o,i=t("q1tI"),r=t.n(i),s=t("17x9"),l=t("+TN3"),c=t("y1Xp"),g=t("OlZo"),d=t("UqBt"),u=t("znku"),v=t("97VA"),h=t("CjCK"),m=t("VkAN"),b=t.n(m),y=t("UYTu"),p=t("KK35"),f=Object(y.a)(a||(a=b()(["\n    query GetCustomerForLeftNav {\n        # eslint-disable-next-line @graphql-eslint/require-id-when-available\n        customer {\n            email\n            firstname\n            lastname\n            is_subscribed\n        }\n    }\n"]))),x=(Object(y.a)(o||(o=b()(["\n    query getRootCategoryId {\n        # eslint-disable-next-line @graphql-eslint/require-id-when-available\n        storeConfig {\n            store_code\n            root_category_uid\n        }\n    }\n"]))),{getCustomerQuery:f,getRootCategoryId:p.a}),C={CREATE_ACCOUNT:"SIGN_IN",FORGOT_PASSWORD:"SIGN_IN",MY_ACCOUNT:"MENU",SIGN_IN:"MENU",MENU:null},w=t("y1A/"),O=t("eGdG"),E=t("9kLR"),N=t("LboF"),T=t.n(N),_=t("7RQw"),M={injectType:"singletonStyleTag",insert:"head",singleton:!0},j=(T()(_.a,M),_.a.locals||{}),k=e=>{var{category:n,setCategoryId:t}=e,{name:a}=n,o=Object(c.a)(j,e.classes),i=Object(E.a)({category:n,setCategoryId:t}),{exclude:s,handleClick:l}=i
9return s?null:r.a.createElement("li",{className:o.root},r.a.createElement("button",{className:o.target,type:"button",onClick:l},r.a.createElement("span",{className:o.text},r.a.createElement("div",{dangerouslySetInnerHTML:{__html:a}}))))},I=k
10k.propTypes={category:Object(s.shape)({id:s.number.isRequired,include_in_menu:s.number,name:s.string.isRequired}).isRequired,classes:Object(s.shape)({root:s.string,target:s.string,text:s.string}),setCategoryId:s.func.isRequired}
11var S=t("55Ip"),q=t("oG8t"),A=t("STEg"),R=t("iztM"),B={injectType:"singletonStyleTag",insert:"head",singleton:!0},U=(T()(R.a,B),R.a.locals||{}),P=e=>{var{category:n,onNavigate:t,categoryUrlSuffix:a}=e,{name:o,url_path:i,children:s}=n,l=Object(c.a)(U,e.classes),{handleClick:g}=Object(q.a)({onNavigate:t}

11),d=Object(A.a)("/".concat(i).concat(a||"")),u=r.a.createElement("div",{dangerouslySetInnerHTML:{__html:o}})
12return r.a.createElement("li",{className:l.root},r.a.createElement(S.b,{className:l.target,to:d,onClick:g},r.a.createElement("span",{className:l.text},u)))},L=P
13P.propTypes={category:Object(s.shape)({name:s.string.isRequired,url_path:s.string.isRequired}).isRequired,classes:Object(s.shape)({root:s.string,target:s.string,text:s.string}),onNavigate:s.func.isRequired,categoryUrlSuffix:s.string}
14var G=t("XJH2"),H={injectType:"singletonStyleTag",insert:"head",singleton:!0},z=(T()(G.a,H),G.a.locals||{}),V=t("5PVS"),Y=t("hYaU"),Q={injectType:"singletonStyleTag",insert:"head",singleton:!0},D=(T()(Y.a,Q),Y.a.locals||{}),J=e=>{var{childrenData:n,category:t,setDataChildren:a,setOpenChildren:o}=e,i=Object(c.a)(D,e.classes)
15return r.a.createElement("li",{className:i.root},r.a.createElement("button",{className:i.target,type:"button",onClick:()=>{a(n),o(!0)}},r.a.createElement("span",{className:i.text},r.a.createElement("div",{dangerouslySetInnerHTML:{__html:t.name}}))))},F=e=>{var{categoryId:n,onNavigate:t,setCategoryId:a,updateCategories:o,openChildren:s,setOpenChildren:l}=e,{vesMenuData:g,activeCategoryId:d}=Object(V.a)(),[u,v]=Object(i.useState)(null),h=Object(O.a)({categoryId:n,updateCategories:o}),{data:m,childCategories:b,categoryUrlSuffix:y}=h,p=Object(c.a)(z,e.classes),f=(m&&Array.from(b,e=>{var[n,{category:o,isLeaf:i}]=e
16return i?r.a.createElement(L,{key:n,category:o,onNavigate:t,categoryUrlSuffix:y}):r.a.createElement(I,{key:n,category:o,setCategoryId:a})}),g&&g.children&&g.children.length?g.children.map(e=>{if(e.children.length){var n=e.children
17return r.a.createElement(J,{key:e.id,setOpenChildren:l,setDataChildren:v,category:e,childrenData:n})}return r.a.createElement(L,{key:e.id,category:e,onNavigate:t})}):null),x=u&&u.map(e=>r.a.createElement(L,{key:e.id,category:e,onNavigate:t}))
18return r.a.createElement("div",{className:p.root},r.a.createElement("ul",{className:p.tree},s?x:f))},K=F
19F.propTypes={categoryId:s.number,classes:Object(s.shape)({root:s.string,tree:s.string}),onNavigate:s.func.isRequired,setCategoryId:s.func.isRequired,updateCategories:s.func.isRequired}
20var W=t("bGCr"),Z=t("eYVk"),X=t("dDsW"),$=t("wHH0"),ee=t("G5e0"),ne=t("HAtQ"),te=t("bNDk"),ae=t("z/0X"),oe={injectType:"singletonStyleTag",insert:"head",singleton:!0},ie=(T()(ae.a,oe),ae.a.locals||{}),re=t("w4DU"),se=e=>{var{isTopLevel:n,onBack:t,view:a,openChildren:o}=e,{formatMessage:s}=Object(X.a)(),l=Object(re.a)({isTopLevel:n,onBack:t,view:a}),{handleBack:g,isTopLevelMenu:d}=l,u=(Object(c.a)(ie,e.classes),{CREATE_ACCOUNT:s({id:"navHeader.createAccountText",defaultMessage:"Create Account"}),FORGOT_PASSWORD:s({id:"navHeader.forgotPasswordText",defaultMessage:"Forgot Password"}),MY_ACCOUNT:s({id:"navHeader.myAccountText",defaultMessage:"My Account"}),SIGN_IN:s({id:"navHeader.signInText",defaultMessage:"Sign In"}),MENU:s({id:"navHeader.mainMenuText",defaultMessage:"Main Menu"})})
21if(["MY_ACCOUNT","SIGN_IN"].includes(a))r.a.createElement(ne.a,{fallbackText:s({id:"navHeader.accountText",defaultMessage:"Account"})})
22else{var v=u[a]||u.MENU
23r.a.createElement("span",null,v)}var h=!o&&d?r.a.createElement($.a,null):r.a.createElement(ee.a,null)
24return r.a.createElement(i.Fragment,null,r.a.createElement(te.a,{key:"backButton",action:g},h))},le=se
25se.propTypes={classes:Object(s.shape)({title:s.string}),isTopLevel:s.bool,onBack:s.func.isRequired,view:s.string.isRequired}
26var ce=t("l2Gu"),ge={injectType:"singletonStyleTag",insert:"head",singleton:!0},de=(T()(ce.a,ge),ce.a.locals||{}),ue=r.a.lazy(()=>Promise.all([t.e(0),t.e(1),t.e(3),t.e(9),t.e(35)]).then(t.bind(null,"yu8+"))),ve=e=>{var{catalogActions:n,categoryId:t,handleBack:a,handleClose:o,hasModal:s,isOpen:m,isTopLevel:b,setCategoryId:y,showCreateAccount:p,showForgotPassword:f,showMainMenu:O,showMyAccount:E,showSignIn:N,view:T,openChildren:_,setOpenChildren:M}=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object(c.a)(x,e.operations),{getCustomerQuery:t,getRootCategoryId:a}=n,[o,{closeDrawer:r}]=Object(g.b)(),[s,{actions:m}]=Object(d.b)(),[,{getUserDetails:b}]=Object(u.b)(),y=Object(v.a)(t)
27Object(i.useEffect)(()=>{b({fetchUserDetails:y})},[y,b])
28var{data:p}=Object(l.a)(a,{fetchPolicy:"cache-and-network"}),f=Object(i.useMemo)(()=>

28{if(p)return p.storeConfig.root_category_id},[p]),{drawer:w}=o,O="nav"===w,{categories:E}=s,[N,T]=Object(i.useState)("MENU"),[_,M]=Object(i.useState)(f)
29Object(i.useEffect)(()=>{f&&!_&&M(f)},[_,f])
30var j=E[_],k=_===f,[I,S]=Object(i.useState)(!1),q="MENU"!==N,A=Object(i.useCallback)(()=>{var e=C[N]
31e?T(e):j&&!k?M(j.parentId):I?S(!1):r()},[j,r,k,N,I]),{setShimmerType:R}=Object(h.a)("category"),B=Object(i.useCallback)(()=>{r(),R()},[r,R]),U=Object(i.useCallback)(()=>{T("CREATE_ACCOUNT")},[T]),P=Object(i.useCallback)(()=>{T("FORGOT_PASSWORD")},[T]),L=Object(i.useCallback)(()=>{T("MENU")},[T]),G=Object(i.useCallback)(()=>{T("MY_ACCOUNT")},[T]),H=Object(i.useCallback)(()=>{T("SIGN_IN")},[T])
32return{catalogActions:m,categoryId:_,handleBack:A,handleClose:B,hasModal:q,isOpen:O,isTopLevel:k,setCategoryId:M,showCreateAccount:U,showForgotPassword:P,showMainMenu:L,showMyAccount:G,showSignIn:H,view:N,openChildren:I,setOpenChildren:S}}(),j=Object(c.a)(de,e.classes),k=m?j.root_open:j.root,I=s?j.modal_open:j.modal,S=s?j.body_masked:j.body,q=s?r.a.createElement(i.Suspense,{fallback:r.a.createElement(Z.a,null)},r.a.createElement(ue,{closeDrawer:o,showCreateAccount:p,showForgotPassword:f,showMainMenu:O,showMyAccount:E,showSignIn:N,view:T})):null
33return r.a.createElement("aside",{className:k},r.a.createElement("header",{className:j.header},r.a.createElement(le,{isTopLevel:b,openChildren:_,onBack:a,view:T})),r.a.createElement("div",{className:S},r.a.createElement(K,{categoryId:t,onNavigate:o,setCategoryId:y,updateCategories:n.updateCategories,openChildren:_,setOpenChildren:M})),r.a.createElement("div",{className:j.footer},r.a.createElement("div",{className:j.switchers},r.a.createElement(W.a,null)),r.a.createElement(w.a,{disabled:s,showMyAccount:E,showSignIn:N})),r.a.createElement("div",{className:I},q))},he=ve
34ve.propTypes={classes:Object(s.shape)({body:s.string,form_closed:s.string,form_open:s.string,footer:s.string,header:s.string,root:s.string,root_open:s.string,

34signIn_closed:s.string,signIn_open:s.string})}},WJG8:function(e,n,t){"use strict"
35var a=t("JPst"),o=t.n(a),i=t("G4iS"),r=o()(function(e){return e[1]})
36r.i(i.a,"",!0),r.push([e.i,".linkButton-root-P3A {\n    color: var(--color-primary);\n    font-size: var(--venia-global-fontSize-200);\n    font-weight: var(--venia-global-fontWeight-semibold);\n    text-decoration: underline;\n    line-height: 1.25rem;\n    max-width: 100%;\n    border: none;\n}\n\n.linkButton-root-P3A:hover {\n    color: rgb(var(--venia-global-color-gray-900));\n}\n\n.linkButton-root-P3A:focus {\n    border: none;\n}\n",""]),r.locals={root:"linkButton-root-P3A "+i.a.locals.root},n.a=r},XJH2:function(e,n,t){"use strict"
37var a=t("JPst"),o=t.n(a)()(function(e){return e[1]})
38o.push([e.i,".categoryTree-root-8ge {\n}\n\n.categoryTree-tree-hpR {\n}\n\n.categoryTree-leaf-9o5 {\n}\n\n.categoryTree-branch-9qd {\n}\n\n.categoryTree-inactive-C71 {\n    position: fixed;\n    visibility: hidden;\n}\n",""]),o.locals={root:"categoryTree-root-8ge",tree:"categoryTree-tree-hpR",leaf:"categoryTree-leaf-9o5",branch:"categoryTree-branch-9qd",inactive:"categoryTree-inactive-C71"},n.a=o},hYaU:function(e,n,t){"use strict"
39var a=t("JPst"),o=t.n(a),i=t("iztM"),r=o()(function(e){return e[1]})
40r.i(i.a,"",!0),r.push([e.i,".vesMenuMobileBranch-root-VkX {\n}\n\n.vesMenuMobileBranch-target-qyR {\n}\n\n.vesMenuMobileBranch-text-KrH {\n}\n",""]),r.locals={root:"vesMenuMobileBranch-root-VkX "+i.a.locals.root,target:"vesMenuMobileBranch-target-qyR "+i.a.locals.target,text:"vesMenuMobileBranch-text-KrH "+i.a.locals.text},n.a=r},iztM:function(e,n,t){"use strict"
41var a=t("JPst"),o=t.n(a)()(function(e){return e[1]})
42o.push([e.i,".categoryLeaf-root-z8a {\n    align-items: center;\n    /* border-bottom: 1px solid rgb(var(--venia-global-color-border)); */\n    display: flex;\n    margin: 8px 1.25rem;\n}\n\n.categoryLeaf-target-mxR {\n    align-items: center;\n    display: flex;\n    flex: auto;\n    /* height: 3.5rem; */\n    justify-content: flex-start;\n    margin: 0 -1.25rem;\n    padding: 0 1.5rem;\n    width: 100%;\n    text-decoration: none;\n    font-weight: bold;\n    font-size: 20px\n}\n\n\n.categoryLeaf-text-aId {\n    display: inline-block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.categoryLeaf-root-z8a:hover .categoryLeaf-target-mxR{\n    color: var(--color-primary);\n}",""]),o.locals={root:"categoryLeaf-root-z8a",target:"categoryLeaf-target-mxR",text:"categoryLeaf-text-aId"},n.a=o},l2Gu:function(e,n,t){"use strict"
43var a=t("JPst"),o=t.n(a)()(function(e){return e[1]})
44o.push([e.i,"/* animation helpers */\n\n.navigation-enter-QxO {\n    transition-duration: 384ms;\n    transition-timing-function: var(--venia-global-anim-in);\n}\n\n.navigation-exit-xVY {\n    transition-duration: 192ms;\n    transition-timing-function: var(--venia-global-anim-out);\n}\n\n.navigation-hidden-1E7 {\n    opacity: 0;\n    visibility: hidden;\n}\n\n.navigation-visible-qv3 {\n    opacity: 1;\n    visibility: visible;\n}\n\n/* module */\n\n.navigation-root-tSP {\n    background-color: white;\n    bottom: 0;\n    display: grid;\n    grid-template-rows: auto 1fr auto;\n    left: 0;\n    /* max-width: 360px; */\n    overflow: hidden;\n    position: fixed;\n    top: 0;\n    transform: translate3d(100%, 0, 0);\n    transition-property: opacity, transform, visibility;\n    width: 100%;\n    z-index: 3;\n}\n\n.navigation-root_open-A7d {\n    box-shadow: 1px 0 rgb(var(--venia-global-color-border));\n    transform: translate3d(0, 0, 0);\n}

44\n\n.navigation-header-Z3W {\n    align-content: center;\n    /* background-color: rgb(var(--venia-global-color-gray)); */\n    background-color: #fff;\n    /* box-shadow: 0 1px rgb(var(--venia-global-color-border)); */\n    display: grid;\n    grid-auto-columns: 3.5rem;\n    grid-auto-flow: column;\n    grid-auto-rows: 3.5rem;\n    grid-template-columns: 3.5rem 1fr 3.5rem;\n    height: 3.5rem;\n    position: relative;\n    z-index: 1;\n}\n\n.navigation-body-gpU {\n    min-height: 0;\n    overflow: auto;\n    transition-property: opacity, visibility;\n}\n\n.navigation-body_masked-IRd {\n}\n\n.navigation-footer-Q5Q {\n}\n\n.navigation-switchers-BZq {\n    display: grid;\n    grid-auto-flow: column;\n    justify-content: space-between;\n    background-color: rgb(var(--venia-global-color-gray-100));\n    width: 100%;\n}\n\n@media (min-width: 641px) {\n    .navigation-switchers-BZq {\n        display: none;\n    }\n}\n\n.navigation-modal-LPB {\n    background-color: white;\n    bottom: 0;\n    left: 0;\n    overflow: auto;\n    position: absolute;\n    right: 0;\n    top: 3.5rem;\n    transform: translate3d(-100%, 0, 0);\n    transition-property: opacity, transform, visibility;\n}\n\n.navigation-modal_open-eo9 {\n    transform: translate3d(0, 0, 0);\n}\n",""]),o.locals={enter:"navigation-enter-QxO",exit:"navigation-exit-xVY",hidden:"navigation-hidden-1E7",visible:"navigation-visible-qv3",root:"navigation-root-tSP navigation-exit-xVY navigation-hidden-1E7",root_open:"navigation-root_open-A7d navigation-root-tSP navigation-exit-xVY navigation-hidden-1E7 navigation-enter-QxO navigation-visible-qv3",header:"navigation-header-Z3W",body:"navigation-body-gpU navigation-exit-xVY navigation-visible-qv3",body_masked:"navigation-body_masked-IRd navigation-body-gpU navigation-exit-xVY navigation-visible-qv3 navigation-enter-QxO navigation-hidden-1E7",footer:"navigation-footer-Q5Q",switchers:"navigation-switchers-BZq",modal:"navigation-modal-LPB navigation-exit-xVY navigation-hidden-1E7",modal_open:"navigation-modal_open-eo9 navigation-modal-LPB navigation-exit-xVY navigation-hidden-1E7 navigation-enter-QxO navigation-visible-qv3"},n.a=o},"z/0X":function(e,n,t){"use strict"
45var a=t("JPst"),o=t.n(a)()(function(e){return e[1]})
46o.push([e.i,".navHeader-title-ZVo {\n    align-items: center;\n    display: inline-flex;\n    font-size: 1rem;\n    font-weight: 400;\n    padding: 0 0.5rem;\n    text-transform: capitalize;\n}\n",""]),o.locals={title:"navHeader-title-ZVo"},n.a=o}}])