https://ancarat.com/_next/static/chunks/7244-71b9ef9fdf844113.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7244],{17244:(e,t,r)=>{r.r(t),r.d(t,{default:()=>R});var i=r(37876),n=r(64947),o=r(6995),a=r(67578),l=r(49794),s=r(37224),c=r(71538),d=r(22474),h=r(14232),x=r(1800),u=r(89099),p=r(70574),m=r(82675),g=r(8019),v=r(46655),b=r(99427),f=r(12362),_=r(82260),A=r(54587),j=r.n(A);let w=h.memo(e=>{let{checked:t,onChange:r}=e;return(0,i.jsx)(_.A,{checked:t,onChange:r,icon:(0,i.jsx)(j(),{src:f.I.IC_CHECKED,alt:"checked",width:17,height:12}),checkedIcon:(0,i.jsx)(j(),{src:f.I.IC_CHECKED,alt:"checked",width:17,height:12}),onClick:e=>e.stopPropagation(),sx:{borderRadius:"5px",border:"1px solid",borderColor:"divider",width:17,height:12,"& .MuiSvgIcon-root":{borderRadius:"5px",border:"1px solid",borderColor:"divider"},"&.Mui-checked":{backgroundColor:"primary.main",borderRadius:"5px",border:"1px solid"}}})});w.displayName="CheckboxComponent";var C=r(3706),y=r(82014);let k=(0,h.memo)(e=>{var t,r,n,o,s,c,h,x,u,m,g;let{item:v,index:b,order:f,isSingleItem:_,handleItemToggle:A,checked:j,showInActiveMark:k=!0}=e,I=null!=(x=null==(r=v.product)||null==(t=r.variant)?void 0:t.is_active)&&x&&null!=(u=null==(n=v.product)?void 0:n.is_active)&&u||!k;return(0,i.jsxs)(a.A,{width:"100%",position:"relative",children:[(0,i.jsx)(a.A,{sx:{position:"absolute",width:"100%",height:"100%",display:I?"none":"flex",alignItems:"center",justifyContent:"center",borderRadius:1,zIndex:1e3},children:(0,i.jsx)(l.A,{color:"white",fontWeight:600,textAlign:"center",bgcolor:"rgba(0, 0, 0, 0.7)",p:1,borderRadius:1,children:"Sản phẩm kh\xf4ng c\xf2n tồn tại"})}),(0,i.jsx)(a.A,{sx:{position:"relative",borderColor:"divider",borderRadius:1,opacity:I?1:.5,cursor:"pointer","&:hover":{borderColor:"primary.main",backgroundColor:"action.hover"}},onClick:()=>{var e;return!_&&I&&A(null!=(e=v.product_variant_id)?e:"")},children:(0,i.jsxs)(d.A,{width:"100%",direction:{xs:"column",md:"row"},gap:1,alignItems:"center",px:1,children:[(0,i.jsxs)(d.A,{width:"100%",flex:{xs:3,xl:4},direction:"row",spacing:1,alignItems:"center",children:[!_&&I&&(0,i.jsx)(w,{checked:j,onChange:e=>{e.stopPropagation(),A(v.product_variant_id)}}),(0,i.jsx)(p.A,{src:null!=(m=null==(o=v.product)?void 0:o.image)?m:"",alt:null!=(g=null==(s=v.product)?void 0:s.name)?g:"",boxWidth:77,boxHeight:77}),(0,i.jsx)(l.A,{className:"text-line","data-lines":"2",variant:"body1",fontWeight:600,gutterBottom:!0,children:(0,y.Wy)(v.product)})]}),(0,i.jsxs)(d.A,{width:"100%",flexDirection:{xs:"column",md:"row"},gap:1,flex:2,fontWeight:600,alignItems:{xs:"flex-end",md:"center"},children:[(0,i.jsxs)(d.A,{flexDirection:{xs:"row",md:"column"},gap:1,flex:1,fontWeight:600,textAlign:"center",alignItems:"center",children:[(0,i.jsx)(l.A,{variant:"h6",fontWeight:600,textAlign:"center",whiteSpace:"nowrap",children:(0,C.v)(v.price_with_vat)}),v.original_price_with_vat&&v.original_price_with_vat>v.price_with_vat&&(0,i.jsx)(l.A,{fontWeight:500,variant:"body2",color:"text.secondary",textAlign:"center",whiteSpace:"nowrap",children:(0,i.jsx)("s",{children:(0,C.v)(v.original_price_with_vat)})})]}),(0,i.jsxs)(l.A,{flex:1,variant:"body2",color:"text.secondary",textAlign:"right",children:[null==(h=v.product)||null==(c=h.variant)?void 0:c.name," x ",v.quantity]})]})]})},v.product_variant_id)]})});k.displayName="SelectionOrderItemComponent";var I=r(69997),S=r(11163);let R=e=>{let{open:t,onClose:r,order:_}=e,A=(0,o.A)(v.A.breakpoints.down("md")),j=(0,u.useRouter)(),[C,y]=(0,h.useState)(new Set),[R,E]=(0,h.useState)(!1),[W,D]=(0,h.useState)(!1),z=(0,h.useRef)(!1),M=1===_.items.length,T=(0,h.useMemo)(()=>_.items.filter(e=>{var t,r,i,n,o;return null!=(n=null==(r=e.product)||null==(t=r.variant)?void 0:t.is_active)&&n&&null!=(o=null==(i=e.product)?void 0:i.is_active)&&o}),[_.items]),N=(0,h.useMemo)(()=>_.items.filter(e=>{var t,r,i,n,o;return!(null!=(n=null==(r=e.product)||null==(t=r.variant)?void 0:t.is_active)&&n)||!(null!=(o=null==(i=e.product)?void 0:i.is_active)&&o)}),[_.items]);h.useEffect(()=>{y(new Set([...T.map(e=>{var t;return null!=(t=e.product_variant_id)?t:""})]))},[T]);let Y=(0,h.useCallback)(e=>{y(t=>{let r=new Set(t);return r.has(e)?r.delete(e):r.add(e),r})},[]),H=(0,h.useMemo)(()=>C.size===T.length,[C,T]),P=(0,h.useCallback)(()=>{y(new Set([...T.map(e=>{var t;return null!=(t=e.product_variant_id)?t:""})]))},[T]),G=(0,h.useCallback)(()=>{D(e=>!e)},[]),O=(0,h.useCallback)(async()=>{try{if(z.current)return;E(!0),z.current=!0;let e=await g.A.addToCart(Array.from(C).map(e=>({product_variant_id:e,quantity:1})));if(e.error)return void(0,b.M8)(e.error.message,{variant:"error"});(0,b.M8)("Th\xeam sản phẩm v\xe0o giỏ h\xe0ng th\xe0nh c\xf4ng",{variant:"success"}),window.dispatchEvent(new Event(S.Pr.TRIGGER_OPEN_CART_DRAWER)),r()}catch(e){(0,b.M8)("Th\xeam sản phẩm v\xe0o giỏ h\xe0ng thất bại ".concat(e),{variant:"error"})}finally{E(!1),z.current=!1}},[C,j,r]),q=(0,h.useMemo)(()=>0===N.length?null:(0,i.jsxs)(a.A,{mb:2,borderRadius:2,sx:{border:"1px solid rgba(0, 140, 255, 0.2)"}

1,children:[(0,i.jsxs)(a.A,{onClick:G,sx:{display:"flex",alignItems:"center",gap:1,p:1.5,cursor:"pointer",bgcolor:"rgba(0, 140, 255, 0.08)",transition:"all 0.3s cubic-bezier(0.4, 0, 0.2, 1)","&:hover":{bgcolor:"rgba(0, 140, 255, 0.12)",transform:"translateY(-1px)",boxShadow:"0 4px 12px rgba(0, 140, 255, 0.15)"},"&:active":{transform:"translateY(0)"}},children:[(0,i.jsx)(a.A,{sx:{width:6,height:6,borderRadius:"50%",bgcolor:"warning.main",flexShrink:0}}),(0,i.jsxs)(l.A,{variant:"body2",sx:{flex:1,color:"text.primary",fontWeight:500},children:[N.length," sản phẩm đ\xe3 bị ẩn đi v\xec kh\xf4ng c\xf2n tồn tại"]}),(0,i.jsxs)(a.A,{sx:{display:"flex",alignItems:"center",gap:.5,color:"primary.main",fontSize:"0.875rem",fontWeight:600,transition:"color 0.2s ease"},children:[W?"Ẩn chi tiết":"Xem chi tiết",(0,i.jsx)(a.A,{sx:{transition:"transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)",transform:W?"rotate(180deg)":"rotate(0deg)",display:"flex",alignItems:"center"},children:(0,i.jsx)(I.A,{fontSize:"small"})})]})]}),(0,i.jsx)(s.A,{in:W,timeout:{enter:400,exit:300},easing:{enter:"cubic-bezier(0.4, 0, 0.2, 1)",exit:"cubic-bezier(0.4, 0, 0.6, 1)"},children:(0,i.jsx)(a.A,{sx:{p:2,bgcolor:"grey.50",borderColor:"grey.200",position:"relative",display:"flex",flexDirection:"column",gap:1},children:N.map((e,t)=>(0,i.jsx)(a.A,{sx:{opacity:0,animation:"fadeInUp 0.4s ease forwards",animationDelay:"".concat(.1*t,"s"),"@keyframes fadeInUp":{"0%":{opacity:0,transform:"translateY(20px)"},"100%":{opacity:1,transform:"translateY(0)"}}},children:(0,i.jsx)(k,{item:e,index:t,order:_,isSingleItem:!1,handleItemToggle:()=>{},checked:!1})},e.product_variant_id))})})]}),[N,W,G,_]),B=(0,h.useMemo)(()=>T.map((e,t)=>{var r;return(0,i.jsxs)(h.Fragment,{children:[(0,i.jsx)(k,{item:e,index:t,order:_,isSingleItem:M,handleItemToggle:Y,checked:C.has(null!=(r=e.product_variant_id)?r:"")}),t!==T.length-1&&(0,i.jsx)(c.A,{})]},e.product_variant_id)}),[T,_,M,Y,C]);return(0,i.jsxs)(n.A,{open:t,onClose:r,title:"Chọn sản phẩm mua lại",fullScreen:A,sx:{maxWidth:{xs:"100%",lg:"70%",xl:"50%"}},footerComponent:(0,i.jsx)(a.A,{sx:{display:"flex",px:"10%"},children:(0,i.jsx)(x.A,{onClick:O,text:"Th\xeam v\xe0o giỏ h\xe0ng",startIcon:(0,i.jsx)(p.A,{src:f.I.IC_ADD_TO_CART,width:20,height:20,alt:"add-to-cart"}),disabled:0===C.size,sx:{flex:1}})}),children:[!M&&(0,i.jsxs)(d.A,{direction:"row",alignItems:"center",spacing:1,mb:2,px:1,pb:1,borderBottom:1,borderColor:m.l.DIVIDER,sx:{flexShrink:0},children:[(0,i.jsx)(w,{checked:H,onChange:P}),(0,i.jsxs)(l.A,{color:"primary",fontWeight:600,children:["Chọn tất cả ",(0,i.jsxs)("span",{style:{fontWeight:500,color:m.l.GREY_555,fontSize:"0.75rem"},children:["(",T.length," sản phẩm)"]})]})]}),(0,i.jsxs)(a.A,{display:"flex",flexDirection:"column",gap:.5,sx:{flex:1,overflow:"auto",minHeight:0},children:[q,B]})]})}}}]);