https://static.tiptip.id/webapp/current/_next/static/chunks/pages/cart-2e43b68c750475f9.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6442],{13059:(t,e,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/cart",function(){return r(27613)}])},20035:(t,e,r)=>{"use strict";r.d(e,{A:()=>i});let i=(0,r(14710).Ay)()},27613:(t,e,r)=>{"use strict";r.r(e),r.d(e,{default:()=>z});var i=r(37876),n=r(14232),o=r(21544),a=r(30566),l=r(64593),s=r(24154),c=r(61626),d=r(82451),u=r(99306),p=r(47468),x=r(44809),h=r(67835),m=r(62828),g=r(34846);let A=t=>{var e,r;let{onDeleteProduct:n=()=>{},product:o,isFetchingDeleteCart:l}=t,{t:s}=(0,g.Bd)(),A=(0,a.A)(),y=t=>{(0,p.A)(t)};return(0,i.jsxs)(h.ek,{direction:"row",gap:2,onClick:()=>y("/content/".concat(null==o?void 0:o.product_uid)),id:"l-cart-productcard-".concat(null==o?void 0:o.product_uid),children:[(0,i.jsx)(h.Xq,{children:(0,i.jsx)("img",{src:null==o?void 0:o.cover})}),(0,i.jsxs)(c.A,{direction:{xs:"column",md:"row"},sx:{justifyContent:"space-between",width:"100%",alignItems:"start"},children:[(0,i.jsxs)("div",{children:[(0,i.jsx)(h.QP,{className:"c-cart-content-name",children:null==o?void 0:o.title}),(0,i.jsxs)(c.A,{direction:"row",sx:{alignItems:"center"},gap:1,children:[(0,i.jsx)(h.NU,{className:"c-cart-creator-name",children:null==o||null==(e=o.creator)?void 0:e.name}),(null==o||null==(r=o.creator)?void 0:r.verified)&&(0,i.jsx)(x.A,{size:"sm"})]}),(0,i.jsx)(h.H1,{children:(null==o?void 0:o.head_source)==="DIGITAL_CONTENT"?s("productItemLabelDigitalContent"):"-"}),(0,i.jsxs)(h.gI,{direction:"row",gap:1,children:[(0,i.jsx)(d.A,{className:"c-cart-content-price",children:(0,u.A)(null==o?void 0:o.sale_price)}),(null==o?void 0:o.price)!==(null==o?void 0:o.sale_price)&&(0,i.jsx)(d.A,{sx:{...A.typography.mediumBold,textAlign:"left",color:A.palette.text.tertiery,textDecoration:"line-through"},children:(0,u.A)(null==o?void 0:o.price)})]})]}),(0,i.jsx)(m.A,{buttonVariant:"nude",className:"b-cart-delete",id:"b-cart-productcard-delete-".concat(null==o?void 0:o.product_uid),disabled:l,variant:"text",sx:{paddingLeft:"0",minWidth:"auto"},onClick:t=>n(t),children:s("delete")})]})]})};var y=r(2673),_=r(89099),f=r(47742),v=r(42252),b=r(85335),j=r(84059);let k=()=>{let{setCartListItems:t}=(0,f.b)(t=>({setCartListItems:t.setCartListItems}));return(0,v.I)({queryKey:["listCartItems"],queryFn:async()=>{try{var t;let e=await (0,b.hf)();return null==e||null==(t=e.data)?void 0:t.data}catch(t){(0,j.ll)(t)}},enabled:!1,retry:!1,refetchOnWindowFocus:!1,onSuccess:e=>{t(e)}})},w=(t,e,r)=>{let{setDeleteCartItem:i}=(0,f.b)(t=>({setDeleteCartItem:t.setDeleteCartItem}));return(0,v.I)({queryKey:["deleteProductCart"],queryFn:async()=>{try{var i;let n=await (0,b.At)({product_uid:t,head_source:e,idempotentKey:r});return null==n||null==(i=n.data)?void 0:i.data}catch(t){(0,j.ll)(t)}},enabled:!1,retry:!1,refetchOnWindowFocus:!1,onSuccess:t=>i(t)})};var C=r(18935),I=r(47810),S=r(5300),T=r(10841),E=r(39151),D=r(5708);function P(t){let{open:e=!1,duration:r=4e3,severity:n="success",description:o="",onHandleClose:a}=t;return(0,i.jsx)(D.A,{id:"c-cart-notificationformobile-snackbar",open:e,autoHideDuration:r,severity:n,onClose:(t,e)=>{"clickaway"!==e&&a()},sx:{bottom:"128px !important",left:"15px",right:"15px"},desc:o})}var N=r(37224),B=r(58865),H=r(14628),W=r(83198),O=r(83705);function F(t){let{open:e=!1,severity:r="success",description:n=""}=t,o=(0,a.A)();return(0,i.jsx)(c.A,{direction:"column",justifyContent:"space-around",sx:{position:"relative"},children:(0,i.jsx)(O.A,{padding:{xs:"0px 16px",sm:"0px 48px",md:"0px 24px"},sx:{margin:"32px auto 0px auto",width:"100%",maxWidth:1152},children:(0,i.jsx)(N.A,{in:e,children:(0,i.jsx)(O.A,{children:(0,i.jsx)(B.A,{id:"c-cart-notificationfordesktop-alert",variant:"outlined",severity:r,sx:{color:o.palette.text.primary,width:"100%",padding:1},icon:"success"===r?(0,i.jsx)(H.A,{}):(0,i.jsx)(W.A,{sx:{color:o.palette.error.main}}),children:n})})})})})}function L(t){let{totalItems:e=0,total:r=0,labelAction:n="",onHandleAction:o}=t,{t:a}=(0,g.Bd)();return(0,i.jsxs)(h.j5,{direction:"row",children:[(0,i.jsxs)(c.A,{direction:"column",children:[(0,i.jsx)(h.Gw,{children:a("subtotalShoppingCartStickyBottom",{itemCount:e})}),(0,i.jsx)(h.Tm,{id:"c-cart-total-price",children:(0,u.A)(r)}

1)]}),(0,i.jsx)(h.OV,{buttonVariant:"filled",onClick:()=>{o()},id:"b-cart-buy-now",children:n})]})}var R=r(62790),q=r(41988);let z=(0,r(82734).A)(function(){var t;let{t:e}=(0,g.Bd)(),{isReady:r,pathname:c,query:d}=(0,_.useRouter)(),u=(0,a.A)(),x=(0,y.A)(u.breakpoints.up("sm")),m=t=>new Promise(e=>setTimeout(e,t)),[v,b]=(0,n.useState)(""),[j,D]=(0,n.useState)(""),[N,B]=(0,n.useState)(!1),[H,W]=(0,n.useState)("success"),[z,V]=(0,n.useState)(""),{responseDelete:G,resetDataDeleteItem:X}=(0,f.b)(t=>({responseDelete:t.responseDelete,resetDataDeleteItem:t.resetDataDeleteItem})),{refetch:K}=(0,q.K)(),{data:M,refetch:U,isLoading:Q,isSuccess:J,isError:Y}=k(),{refetch:Z,isLoading:$,isFetching:tt,isSuccess:te,isError:tr}=w(j,"DIGITAL_CONTENT",v),{selectedProducts:ti}=(0,C.E)(t=>({selectedProducts:t.selectedProducts})),tn={pathname:c,query:d,cartListItems:M};(0,n.useEffect)(()=>{b((0,T.F)())},[]);let to=()=>{let t=[];for(let e of null==M?void 0:M.products)t=[...t,{product_uid:e.product_uid,qty:1,head_source:e.head_source}];return t},ta=()=>{to(),ti.clearSelectedProductsData(),ti.setSelectedProductsData({products:to(),checkout_source:"CART",voucher_code:"",user_mask_id:""}),(0,p.A)("payment?source=".concat(c,"&source_action=click_purchase_cart_item"))};(0,n.useEffect)(()=>{r&&J&&I.A.cart("visit_cart_detail",tn,{cart_num_item:null==M?void 0:M.total_item})},[r,J]),(0,n.useEffect)(()=>{r&&U()},[r]),(0,n.useEffect)(()=>{r&&te&&!$&&(K(),U(),X())},[te,tt]),(0,n.useEffect)(()=>{""!==j&&Z()},[j]);let tl=t=>t?e("key_product_has_been_removed_from"):(null==G?void 0:G.message)!==""?null==G?void 0:G.message:e("key_something_wrong_try_again");return(0,n.useEffect)(()=>{(tr||te)&&(B(!0),W(tr?"error":"success"),V(tl(te)))},[tt,te,tr]),(0,n.useEffect)(()=>{!async function(){await m(1500),B(!1)}()},[null==M?void 0:M.total_item]),(0,i.jsxs)(o.A,{renderBackButton:!0,renderHeader:x,renderFooter:!1,renderBottomBar:!1,headerTitle:e("shoppingCartTitle"),children:[!x&&(0,i.jsx)(E.A,{variant:"base",title:e("shoppingCartTitle"),onBack:()=>{I.A.cart("back_form_cart",tn),(0,p.A)((0,S.f)(c,"trigger_back"))},style:{padding:0}}),x&&(0,i.jsx)(O.A,{paddingTop:{xs:"12px",sm:"28px",md:"8px"},paddingBottom:"8px",children:(0,i.jsx)(h.sT,{children:e("shoppingCartTitle")})}),(0,i.jsxs)(h.mc,{children:[x?(0,i.jsx)(F,{open:N,severity:H,description:z}):(0,i.jsx)(P,{open:N,severity:H,description:z,onHandleClose:()=>{B(!1)}}),!Q&&!Y&&(null==M?void 0:M.total_item)===0&&(0,i.jsx)(l.A,{sx:{padding:{xs:"32px 0px"}},title:e("emptyShoppingCartErrorTitle"),subtitle:e("emptyShoppingCartErrorDescription"),image:(0,i.jsx)(R.A,{type:"error"}),actions:[(0,i.jsx)(s.WH,{buttonVariant:"outlined",onClick:()=>{I.A.cart("click_browse_search",tn,{state_name:"HOME"}),(0,p.A)("/browse?status=all&source=".concat(c,"&source_action=click_browse_search"))},children:e("emptyShoppingCartErrorButtonTitle")},1)]}),!Q&&Y&&(0,i.jsx)(l.A,{sx:{padding:{xs:"32px 0px"}},title:e("otherApiErrorTitle"),subtitle:e("otherApiErrorSubtitle"),image:(0,i.jsx)(R.A,{type:"error"}),actions:[(0,i.jsx)(s.WH,{onClick:()=>U(),children:e("retry")},1)]}),null==M||null==(t=M.products)?void 0:t.map(t=>(0,i.jsx)(A,{product:t,onDeleteProduct:e=>{e.preventDefault(),e.stopPropagation(),I.A.cart("delete_item_from_cart",tn,{product_uid:null==t?void 0:t.product_uid}),D(null==t?void 0:t.product_uid)},isFetchingDeleteCart:tt},"cart-product-".concat(null==t?void 0:t.product_uid)))]}),(null==M?void 0:M.total_item)!==0&&!Y&&(0,i.jsx)(L,{totalItems:null==M?void 0:M.total_item,total:null==M?void 0:M.total,onHandleAction:()=>{I.A.cart("click_purchase_cart_item",tn,{cart_num_item:null==M?void 0:M.total_item,cart_total_price:null==M?void 0:M.total}),ta()},labelAction:e("buyNow")})]})},"/login")},56826:(t,e,r)=>{"use strict";r.d(e,{A:()=>o});var i=r(93944),n=r(37876);let o=(0,i.A)((0,n.jsx)("path",{d:"M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"}),"MoreVert")},67835:(t,e,r)=>{"use strict";r.d(e,{Gw:()=>u,H1:()=>y,NU:()=>A,OV:()=>x,QP:()=>g,Tm:()=>p,Xq:()=>m,ek:()=>h,gI:()=>_,j5:()=>d,mc:()=>s,sT:()=>c});var i=r(54773),n=r(61626),o=r(82451),a=r(62828),l=r(83705);let s=(0,i.Ay)(l.A)(t=>{let{theme:e}=t;return{color:"white",width:"100%",marginBottom:"150px",minHeight:"80vh",[e.breakpoints.down("sm")]:{marginTop:"50px"}}}),c=(0,i.Ay)(o.A)(t=>{let{theme:e}=t;return{...e.typography.h4,color:e.palette.text.primary,textAlign:"center",lineHeight:"22px","@media only screen and (min-width: 600px)":{...e.typography.h4Desk,textAlign:"left",lineHeight:"40px",letterSpacing:"0.0025em"}}

1}),d=(0,i.Ay)(n.A)(t=>{let{theme:e}=t;return{position:"fixed",width:"100%",justifyContent:"space-between",alignItems:"center",bottom:"0",left:"0",zIndex:"10",background:e.palette.background.secondary,[e.breakpoints.up("sm")]:{padding:"24px 8%"},[e.breakpoints.down("sm")]:{padding:"24px 16px"}}}),u=(0,i.Ay)(o.A)(t=>{let{theme:e}=t;return{...e.typography.smallRegular,color:e.palette.text.secondary,marginBottom:"2px"}}),p=(0,i.Ay)(o.A)(t=>{let{theme:e}=t;return{...e.typography.h3,color:e.palette.text.primary,[e.breakpoints.up("sm")]:{...e.typography.h3Desk}}}),x=(0,i.Ay)(a.A)(t=>{let{theme:e}=t;return{borderRadius:"8px",padding:"12px 26px",[e.breakpoints.up("sm")]:{padding:"14px 56px"},height:"44px"}});(0,i.Ay)(a.A)({borderRadius:"8px",display:"block"});let h=(0,i.Ay)(n.A)(t=>{let{theme:e}=t;return{justifyContent:"start",alignItems:"normal",width:"100%",padding:"24px 0px",borderBottom:"1px solid ".concat(e.palette.background.tertiery),cursor:"pointer",wordBreak:"break-all"}}),m=(0,i.Ay)(l.A)({img:{width:"40px",height:"40px",borderRadius:"4px"}}),g=(0,i.Ay)(o.A)({fontSize:"14px",fontWeight:700,lineHeight:"21px",letterSpacing:"0.021px"}),A=(0,i.Ay)(o.A)(t=>{let{theme:e}=t;return{color:e.palette.text.secondary,fontSize:"14px",fontWeight:400,lineHeight:"21px",letterSpacing:"0.021px"}}),y=(0,i.Ay)(o.A)(t=>{let{theme:e}=t;return{color:e.palette.text.secondary,fontSize:"14px",fontWeight:400,lineHeight:"21px",letterSpacing:"0.021px"}}),_=(0,i.Ay)(n.A)(t=>{let{theme:e}=t;return{alignItems:"center",p:{color:e.palette.text.primary,lineHeight:"21px",letterSpacing:"0.021px",fontWeight:700,fontSize:"14px"}}})},82734:(t,e,r)=>{"use strict";r.d(e,{A:()=>l});var i=r(37876),n=r(20008),o=r(12994),a=r(47468);let l=(t,e,r)=>{let l=e=>(0,i.jsx)(t,{...e});return l.getInitialProps=async i=>{let l=(0,o.Ri)(r||n.A.idTokenName,i),s=encodeURIComponent(i.asPath?i.asPath:"");return l||(0,a.A)(e||n.A.loginPath,{referrer:s,ctx:i}),{...(null==t?void 0:t.getInitialProps)&&await t.getInitialProps(i),idToken:l}},l}}},t=>{var e=e=>t(t.s=e);t.O(0,[9151,636,6593,8792],()=>e(13059)),_N_E=t.O()}]);