https://samugiken.com/_next/static/chunks/pages/cart-a5b082439fbcd3c4.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9190],{81800:function(e,l,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/cart",function(){return t(38685)}])},38685:function(e,l,t){"use strict";t.r(l),t.d(l,{__N_SSP:function(){return P}});var i=t(52676),s=t(46980),n=t(5317),a=t(9059),d=t(91709),r=t(78051),o=t(99508),c=t(58929),u=t(79406),m=t(75271),x=t(32623),h=t.n(x),v=t(27026),p=t.n(v),j=t(22903),b=t(40372),f=t(85761),N=t(98774),g=t(57285),y=t(85304),k=t(33561),w=t(62581),C=t(71030),P=!0;function _(){let{items:e,updateItem:l,removeItem:t,loading:s}=(0,n.j)(),{user:x}=(0,y.a)(),v=(0,k.useRouter)(),[P,_]=(0,m.useState)(!1),[Z,I]=(0,m.useState)(null),[M,q]=(0,m.useState)(null),[z,R]=(0,m.useState)(!1),S=e=>{var l,t,i,s,n,a,d,r;let o=Number(null!==(n=null==e?void 0:null===(l=e.variation)||void 0===l?void 0:l.discountedPrice)&&void 0!==n?n:0),c=Number(null!==(a=null==e?void 0:null===(t=e.variation)||void 0===t?void 0:t.price)&&void 0!==a?a:0),u=Number(null!==(d=null==e?void 0:null===(i=e.product)||void 0===i?void 0:i.discountedPrice)&&void 0!==d?d:0),m=Number(null!==(r=null==e?void 0:null===(s=e.product)||void 0===s?void 0:s.price)&&void 0!==r?r:0);return o>0?o:c>0?c:u>0?u:m},F=(0,m.useMemo)(()=>{let l=e.reduce((e,l)=>e+S(l)*l.quantity,0);return{subtotal:l,total:l}},[e]),E=(0,C.D)({mutationFn:g.ir,onMutate:()=>{I(null),q(null),R(!0)},onSuccess:async()=>{v.push("/checkout?type=cart")},onError:l=>{var t,s,n,a,d;let r=null!==(n=null==l?void 0:null===(s=l.response)||void 0===s?void 0:null===(t=s.data)||void 0===t?void 0:t.errors)&&void 0!==n?n:[];if(r.length>0){let l=r.map((l,t)=>{var s,n,a,d;let r=e.find(e=>e.refId===l.itemId),o=null!==(d=null==r?void 0:null===(n=r.variation)||void 0===n?void 0:null===(s=n.attributes)||void 0===s?void 0:s.map(e=>{var l;return null===(l=e.attributeValue)||void 0===l?void 0:l.value}).filter(Boolean))&&void 0!==d?d:[],c=l.productName||(null==r?void 0:null===(a=r.product)||void 0===a?void 0:a.name)||"Item";return(0,i.jsxs)("li",{children:[(0,i.jsx)("span",{className:"font-medium",children:c}),o.length>0?" (".concat(o.join(" / "),")"):"",": ",l.message]},t)});I("Some items need your attention before checkout."),q((0,i.jsx)("ul",{className:"pl-4 list-disc",children:l}))}else I((null==l?void 0:null===(d=l.response)||void 0===d?void 0:null===(a=d.data)||void 0===a?void 0:a.message)||"Unable to proceed to checkout.")},onSettled:()=>{R(!1)}}),B=()=>{if(!x){_(!0);return}E.mutate()};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{className:"px-4 pb-24 maxContainer md:pb-0",children:[(0,i.jsxs)("div",{className:"flex items-center justify-between my-4 md:my-6",children:[(0,i.jsx)("h1",{className:"text-2xl font-bold",children:"My Cart"}),(0,i.jsx)(p(),{href:"/",className:"hidden text-sm font-medium text-neutral-600 hover:text-neutral-800 md:inline",children:"Continue shopping"})]}),(s||z)&&(0,i.jsx)("div",{className:"flex items-center justify-center py-8",children:(0,i.jsx)(a.Z,{tip:z?"Processing checkout...":"Loading cart..."})}),(0,i.jsxs)("div",{className:"grid gap-6 md:grid-cols-[2fr_1fr]",children:[(0,i.jsxs)("div",{className:"flex flex-col gap-3",children:[Z&&(0,i.jsx)(d.Z,{className:"mb-2",type:"error",message:Z,description:null!=M?M:void 0,showIcon:!0}),(0,i.jsxs)("div",{className:"hidden px-3 py-2 text-sm font-semibold rounded text-neutral-600 bg-neutral-50 md:grid md:grid-cols-12",children:[(0,i.jsx)("div",{className:"col-span-6",children:"Item"}),(0,i.jsx)("div",{className:"col-span-2 text-right",children:"Unit Price (RM)"}),(0,i.jsx)("div",{className:"col-span-2 text-right",children:"Quantity"}),(0,i.jsx)("div",{className:"col-span-2 text-right",children:"Subtotal (RM)"})]}),(0,i.jsx)("div",{className:"border-b border-neutral-200"}),0===e.length&&(0,i.jsxs)("div",{className:"flex flex-col items-center justify-center py-16 text-center",children:[(0,i.jsx)("div",{className:"mb-3 text-xl font-semibold",children:"Your cart is empty"}),(0,i.jsx)("div",{className:"mb-5 text-neutral-500",children:"Looks like you haven't added anything yet."}),(0,i.jsx)(p(),{href:"/",className:"inline-block",children:(0,i.jsx)(r.ZP,{type:"primary",danger:!0,size:"large",children:"Browse products"})})]}),e.map(e=>{var s,n,a,d,u,m,x,v,p;let g=S(e),y=(null==e?void 0:null===(n=e.variation)||void 0===n?void 0:null===(s=n.image)||void 0===s?void 0:s.key)||(null==e?void 0:null===(d=e.product)||void 0===d?void 0:null===(a=d.image)||void 0===a?void 0:a.key)||"",k=(null==e?void 0:null===(x=e.variation)||void 0===x?void 0:null===(m=x.attributes)||void 0===m?void 0:null===(u=m.map(e=>{var l;return null===(l=e.attributeValue)||void 0===l?void 0:l.value}))||void 0===u?void 0:u.filter(Boolean))||[];return(0,i.jsxs)("div",{className:"grid items-center gap-3 px-4 py-4 bg-white border shadow-sm rounded-xl md:shadow-none md:bg-transparent md:border-0 md:rounded-none md:grid-cols-12 hover:bg-neutral-50/50",children:[(0,i.jsxs)("div",{className:"flex items-start col-span-6 gap-3",children:[(0,i.jsx)("div",{className:"flex-shrink-0 w-16 h-16 overflow-hidden bg-white border rounded-lg border-neutral-200 md:w-16 md:h-16",children:y?(0,i.jsx)(h(),{src:(0,j.I)(y),alt:(null===(v=e.product)||void 0===v?void 0:v.name)||"Product",width:64,height:64,className:"object-contain w-full h-full"}):null}),(0,i.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,i.jsx)("div",{className:"font-semibold leading-tight line-clamp-2",children:null===(p=e.product)||void 0===p?void 0:p.name}),k.length>0&&(0,i.jsx)("div",{className:"mt-0.5 text-sm truncate text-neutral-500",children:k.join(" / ")}),(0,i.jsx)("div",{className:"mt-2 md:hidden",children:(0,i.jsxs)("div",{className:"flex items-center justify-between",children:[(0,i.jsxs)("div",{className:"text-sm text-neutral-600",children:["RM ",g.toFixed(2)," \xd7 ",e.quantity]}),(0,i.jsxs)("div",{className:"text-base font-semibold",children:["RM ",(g*e.quantity).toFixed(2)]})]})})]}),(0,i.jsx)("div",{className:"self-start",children:(0,i.jsxs)(r.ZP,{type:"text",size:"large",className:"!px-2",onClick:()=>t(e.refId),"aria-label":"Remove item",children:[(0,i.jsx)(b.Z,{size:20}),(0,i.jsx)("span",{className:"hidden sm:inline",children:"Remove"})]})})]}),(0,i.jsx)("div",{className:"hidden col-span-2 text-right md:block",children:g.toFixed(2)}),(0,i.jsx)("div",{className:"md:col-span-2",children:(0,i.jsx)("div",{className:"flex justify-between md:justify-start",children:(0,i.jsxs)(o.Z.Compact,{children:[(0,i.jsx)(r.ZP,{size:"large",icon:(0,i.jsx)(f.Z,{size:20,strokeWidth:2.5}),onClick:()=>l(e.refId,Math.max(1,e.quantity-1)),disabled:e.quantity<=1,"aria-label":"Decrease quantity"}),(0,i.jsx)(c.Z,{min:1,value:e.quantity,onChange:t=>{let i="number"==typeof t?t:e.quantity;l(e.refId,Math.max(1,i))},className:"!w-20",controls:!1,size:"large"}),(0,i.jsx)(r.ZP,{size:"large",icon:(0,i.jsx)(N.Z,{size:20,strokeWidth:2.5}),onClick:()=>l(e.refId,Math.max(1,e.quantity+1)),disabled:e.quantity>=100,"aria-label":"Increase quantity"})]})})}),(0,i.jsx)("div",{className:"hidden col-span-2 text-right md:block",children:(g*e.quantity).toFixed(2)})]},e.refId)})]}),(0,i.jsx)("div",{className:"h-max",children:(0,i.jsxs)("div",{className:"p-4 bg-white border shadow-sm rounded-xl border-neutral-200",children:[(0,i.jsxs)("div",{className:"flex items-center justify-between",children:[(0,i.jsx)("span",{className:"text-neutral-600",children:"Subtotal"}),(0,i.jsxs)("span",{className:"font-semibold",children:["RM ",F.subtotal.toFixed(2)]})]}),(0,i.jsx)("div",{className:"my-2 border-b border-neutral-200"}),(0,i.jsxs)("div",{className:"flex items-center justify-between",children:[(0,i.jsx)("span",{className:"text-neutral-600",children:"Total"}),(0,i.jsxs)("span",{className:"text-lg font-bold",children:["RM ",F.total.toFixed(2)]})]}),(0,i.jsx)(r.ZP,{type:"primary",size:"large",danger:!0,block:!0,className:"!mt-4 !font-semibold !hidden md:!block",disabled:0===e.length,loading:z||E.isPending,onClick:B,children:"Checkout"}),(0,i.jsx)("div",{className:"mt-2 text-xs text-neutral-500",children:"Taxes and shipping calculated at checkout."})]})})]}),e.length>0&&(0,i.jsx)("div",{className:"fixed inset-x-0 z-40 p-3 pointer-events-none bottom-20 md:hidden",children:(0,i.jsx)("div",{className:"mx-auto maxContainer",children:(0,i.jsx)("div",{className:"pointer-events-auto mx-2 rounded-2xl border border-white/20 bg-white/60 shadow-[0_8px_30px_rgba(0,0,0,0.12)] backdrop-blur-md",style:{marginBottom:"calc(env(safe-area-inset-bottom, 0px) + 4px)"},children:(0,i.jsxs)("div",{className:"flex items-center justify-between px-4 py-3",children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("div",{className:"text-xs text-neutral-600",children:"Total"}),(0,i.jsxs)("div",{className:"text-lg font-bold",children:["RM ",F.total.toFixed(2)]})]}),(0,i.jsx)(r.ZP,{type:"primary",danger:!0,size:"large",className:"!font-semibold",loading:z||E.isPending,onClick:B,children:"Checkout"})]})})})})]}),(0,i.jsx)(u.Z,{title:"Login required",open:P,onCancel:()=>_(!1),footer:[(0,i.jsx)(r.ZP,{onClick:()=>_(!1),children:"Cancel"},"cancel"),(0,i.jsx)(r.ZP,{type:"primary",onClick:()=>{let e=encodeURIComponent("/cart");v.push("".concat(w.Z.LOGIN,"?redirect=").concat(e))},children:"Go to Login"},"login")],children:"Please login to proceed to checkout."})]})}l.default=e=>{let{user:l}=e;return(0,i.jsx)(s.Z,{user:l,whatsAppMobileBottomOffset:180,children:(0,i.jsx)(_,{})})}}},function(e){e.O(0,[5989,4237,7610,8174,9834,8051,4298,4190,6631,9406,9059,9830,8929,3649,6980,2888,9774,179],function(){return e(e.s=81800)}),_N_E=e.O()}]);