https://dienthoaigiakho.vn/_next/static/chunks/4776.608bbd1978e54cef.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4776],{74776:function(n,e,t){t.r(e),t.d(e,{default:function(){return A}});var i=t(85893),o=t(2962),r=t(5152),l=t.n(r),a=t(11163),d=t(67294),c=t(47257),s=t(76443),u=t(2694),h=t(74504),m=t(16549),p=t(27459),f=t(75824),g=t(2536);let x=(n,e)=>0===e.length?null:e.find(e=>e.id===n),v=(n,e)=>0===e.length?null:e.find(e=>e.id===n)||null,b=(n,e,t)=>{if(0===n.length||0===t.length)return 0;let i=n.filter(n=>t.some(e=>{var t;return(null===(t=e.option)||void 0===t?void 0:t.id)===n.optionId}));return i.reduce((n,t)=>{var i,o,r,l,a,d;let c=x(t.id,e);if(!c)return n;let s=v(t.optionId,c.pOptions);if(!s)return n;let u=(null==c?void 0:c.singleOption)&&(null==c?void 0:null===(i=c.singleOption)||void 0===i?void 0:i.isActive)&&(0,g.Rl)(null==c?void 0:null===(o=c.singleOption)||void 0===o?void 0:o.saleStart,null==c?void 0:null===(r=c.singleOption)||void 0===r?void 0:r.saleEnd)&&((null==c?void 0:null===(l=c.singleOption)||void 0===l?void 0:l.productSKU)===(null==s?void 0:s.productSKU)||!(null==c?void 0:null===(a=c.singleOption)||void 0===a?void 0:a.productSKU))&&(null==c?void 0:null===(d=c.singleOption)||void 0===d?void 0:d.salePrice)||0;return n+t.amount*(s.salePrice-u)},0)},w=(n,e,t)=>{if(0===n.length||0===t.length)return 0;let i=n.filter(n=>t.some(e=>{var t;return(null===(t=e.option)||void 0===t?void 0:t.id)===n.optionId}));return i.reduce((n,t)=>{var i,o,r,l,a,d,c;let s=x(t.id,e);if(!s)return n;let u=v(t.optionId,s.pOptions);if(!u)return n;let h=s.newPromotions.length>0&&t.promotionId&&(null===(i=s.newPromotions.find(n=>n.id===t.promotionId))||void 0===i?void 0:i.amount)||0,m=(null==s?void 0:s.singleOption)&&(null==s?void 0:null===(o=s.singleOption)||void 0===o?void 0:o.isActive)&&(0,g.Rl)(null==s?void 0:null===(r=s.singleOption)||void 0===r?void 0:r.saleStart,null==s?void 0:null===(l=s.singleOption)||void 0===l?void 0:l.saleEnd)&&((null==s?void 0:null===(a=s.singleOption)||void 0===a?void 0:a.productSKU)===(null==u?void 0:u.productSKU)||!(null==s?void 0:null===(d=s.singleOption)||void 0===d?void 0:d.productSKU))&&(null==s?void 0:null===(c=s.singleOption)||void 0===c?void 0:c.salePrice)||0;return n+t.amount*(u.salePrice-m-h)},0)};var k=t(45048),P=t(3388);let y=l()(()=>Promise.all([t.e(5675),t.e(1664),t.e(6107)]).then(t.bind(t,96107)),{loadableGenerated:{webpack:()=>[96107]}}),j=l()(()=>Promise.all([t.e(5675),t.e(1664),t.e(7407)]).then(t.bind(t,57407)),{loadableGenerated:{webpack:()=>[57407]}}),C=l()(()=>Promise.all([t.e(5675),t.e(6104)]).then(t.bind(t,46104)),{loadableGenerated:{webpack:()=>[46104]}}),I=l()(()=>Promise.all([t.e(5675),t.e(9662)]).then(t.bind(t,29662)),{loadableGenerated:{webpack:()=>[29662]}}),Z=l()(()=>t.e(1232).then(t.bind(t,81232)),{loadableGenerated:{webpack:()=>[81232]}}),O=l()(()=>t.e(8462).then(t.bind(t,18462)),{loadableGenerated:{webpack:()=>[18462]}}),F=l()(()=>Promise.all([t.e(5675),t.e(5197)]).then(t.bind(t,5197)),{loadableGenerated:{webpack:()=>[5197]}}),_=l()(()=>Promise.all([t.e(5675),t.e(1664),t.e(3925)]).then(t.bind(t,33925)),{loadableGenerated:{webpack:()=>[33925]}}),S=l()(()=>Promise.all([t.e(5675),t.e(1664),t.e(6107),t.e(2870)]).then(t.bind(t,32870)),{loadableGenerated:{webpack:()=>[32870]}}),E=l()(()=>t.e(5908).then(t.bind(t,75908)),{loadableGenerated:{webpack:()=>[75908]}}),G=l()(()=>Promise.all([t.e(5675),t.e(1664),t.e(4991)]).then(t.bind(t,8644)),{loadableGenerated:{webpack:()=>[8644]}}),R=l()(()=>Promise.all([t.e(5675),t.e(5976)]).then(t.bind(t,65976)),{loadableGenerated:{webpack:()=>[65976]}}),D=["poptions","coupons","preferences","promotions","attachedproducts","warranties","brands","category"],K={key:"cart",activeIndex:0,name:u.Zb[0].name,path:u.Zb[0].path},M=()=>{let[n,e]=(0,d.useState)([]),[t,r]=(0,d.useState)(!1),[l,g]=(0,d.useState)(K),[x,v]=(0,d.useState)(!1),[M,A]=(0,d.useState)(!1),[B,L]=(0,d.useState)([]),[T,U]=(0,d.useState)(!0),[W,N]=(0,d.useState)(!1),V=(0,d.useRef)(null),z=(0,d.useRef)(null),H=(0,a.useRouter)(),{products:q}=(0,s.sC)(),{products:X,coupon:$,setLoading:Y,setUserApplyCoupon:J,updateProductFromCart:Q,selectedProductsStorage:nn}=(0,s.jD)(),{products:ne,isLoading:nt}=(0,c.Z)({productIds:q.map(n=>n.id).filter(n=>!!n),keyword:D}),ni=(0,d.useMemo)(()=>nn&&X?X.filter(n=>nn.some(e=>{var t;return e.optionId===(null===(t=n.option)||void 0===t?void 0:t.id)})):[],[nn,X]),no=(0,d.useMemo)(()=>ni.length<=0?0:ni.reduce((n,e)=>{var t;return n+(null!==(t=e.amount)&&void 0!==t?t:0)},0),[ni]),nr=(0,d.useMemo)(()=>b(q,ne,ni),[q,ne,ni]),nl=(0,d.useMemo)(()=>{let n=ne.filter(n=>n.coupons.some(n=>n.id===(null==$?void 0:$.id)));return w(q,n,ni)},[ne,q,null==$?void 0:$.id,ni]),na=(0,d.useMemo)(()=>$?(0,m.zk)($,nl):0,[$,nl]),nd=(0,d.useMemo)(()=>ni.reduce((n,e)=>e.selectedPromotion&&"discount"===e.selectedPromotion.promoType?n+e.selectedPromotion.amount*e.amount:n,0),[X,ni]),nc=(0,d.useMemo)(()=>

1{if(ni.length<=0)return[];let n=ni.flatMap(n=>n.coupons),e=Array.from(new Map(n.map(n=>[n.id,n])).values());return e||[]},[ni]);(0,d.useEffect)(()=>{var n;J(null),["cart-storage","gio-hang","cart","new-cart-storage"].forEach(n=>{window.localStorage.removeItem(n)}),(0,p.dataLayerPageView)(null===(n=u.Zb.find(n=>H.asPath===n.path))||void 0===n?void 0:n.name,H.asPath,"cart")},[]),(0,d.useEffect)(()=>{Y(nt)},[nt,Y]),(0,d.useEffect)(()=>{if(ne.length>0){let n=q.map(n=>{var e,t,i,o,r,l,a,d,c,s,u,h,m,p;let g=ne.find(e=>e.id===n.id);if(!g)return null;let x=g.pOptions.find(e=>e.id===n.optionId);if(!x)return null;let v=(null==g?void 0:g.singleOption)&&(null==g?void 0:null===(e=g.singleOption)||void 0===e?void 0:e.isActive)&&"ongoing"===(0,f.OG)(null==g?void 0:null===(t=g.singleOption)||void 0===t?void 0:t.saleStart,null==g?void 0:null===(i=g.singleOption)||void 0===i?void 0:i.saleEnd)&&((null==g?void 0:null===(o=g.singleOption)||void 0===o?void 0:o.productSKU)===(null==x?void 0:x.productSKU)||!(null==g?void 0:null===(r=g.singleOption)||void 0===r?void 0:r.productSKU))&&(null==g?void 0:null===(l=g.singleOption)||void 0===l?void 0:l.salePrice)||0;return{id:g.id,name:g.name,uri:g.uri,amount:n.amount,attachedProduct:g.attachedProduct,option:{id:x.id,name:x.name,price:x.price,salePrice:x.salePrice-v,images:x.images,stock:x.stock,isKiotHKD:x.isKiotHKD||!1},newPromotions:g.newPromotions.map(n=>({id:n.id,name:n.name,link:n.link,startDate:n.startDate,endDate:n.endDate,isActive:n.isActive,ProductNewPromotion:n.ProductNewPromotion,promoType:n.promoType,amount:n.amount,icon:n.icon,description:n.description})),selectedPromotion:g.newPromotions.find(e=>e.id===n.promotionId)||n.promotionId,coupons:g.coupons.map(n=>({id:n.id,code:n.code,is_stacking:n.is_stacking,is_combinable:n.is_combinable,max_amout:n.max_amout,percent:n.percent,start_date:n.start_date,end_date:n.end_date})),singleOption:null==g?void 0:g.singleOption,warranties:g.warranties.map(n=>({id:n.id,name:n.name,description:n.description,uri:n.uri,amount:n.amount,ProductWarranty:{duration:n.ProductWarranty.duration,additionalPrice:n.ProductWarranty.additionalPrice}})),warranty_id:n.warrantyId||null,selectedWarranty:g.warranties.find(e=>e.id===n.warrantyId)||null,utm:n.utm,item_brand:(null==g?void 0:g.brand)||"",item_category:(null==g?void 0:null===(a=g.metadata)||void 0===a?void 0:null===(d=a.commercial)||void 0===d?void 0:d.dataCategory)||"",item_category2:(null==g?void 0:null===(c=g.metadata)||void 0===c?void 0:null===(s=c.commercial)||void 0===s?void 0:s.dataSubCategory)||"",item_category3:(null==g?void 0:null===(u=g.metadata)||void 0===u?void 0:null===(h=u.commercial)||void 0===h?void 0:h.dataLineProduct)||"",item_image:(null==g?void 0:null===(m=g.metadata)||void 0===m?void 0:null===(p=m.commercial)||void 0===p?void 0:p.image)||""}}).filter(n=>!!n&&Object.keys(n).length>0);Q(n)}},[ne,q,Q]),(0,d.useEffect)(()=>{"/cart"===H.asPath&&X.length>0&&(0,p.dataLayerViewCart)(X,"cart",nr-(nd+na),null==$?void 0:$.code)},[X,H.asPath,$]),(0,d.useEffect)(()=>{"/checkout"===H.asPath&&ni.length>0&&(0,p.dataLayerBeginCheckout)(ni,"cart",nr-(nd+na),null==$?void 0:$.code)},[H.asPath,ni]),(0,d.useEffect)(()=>{let n=H.asPath.includes("merTrxId")?3:u.Zb.findIndex(n=>H.asPath===n.path);if(-1===n)H.push("/cart");else{let{name:e,key:t,path:i}=u.Zb[n];g({name:e,key:t,activeIndex:n,path:i})}},[H]),(0,d.useEffect)(()=>{if(e(nc),0===nc.length)return J(null);$&&!nc.some(n=>n.id===$.id)&&J(null)},[nc]);let ns=n=>{window.scroll({top:0,behavior:"smooth"}),H.push(n,void 0,{shallow:!0})},nu=n=>{(null==n?void 0:n.current)&&n.current.scrollIntoView({behavior:"smooth",block:"center"})},nh=n=>{"/checkout/payment-info"!==H.asPath&&0!==q.length&&("/checkout/payment-info"!==n||np())&&ns(n)},nm=e=>{if(0===n.length){r(!0);return}let t=n.find(n=>n.code===e);if(t&&!(0,f.Rg)(t.start_date,t.end_date)){r(!1),J(t);return}J(null),r(!0)},np=()=>

1{if(q.length>0){let n=V.current;if(!n)return!1;if(!T)return N(!0),!1;let e=n.querySelectorAll(":invalid");if(e.length>0){e.forEach(n=>n.classList.add("error"));let n=e[0];if("male"===n.id||"female"===n.id){let e=document.querySelector('label[for="'.concat(n.id,'"]'));return e?e.scrollIntoView({behavior:"smooth",block:"center"}):n.scrollIntoView({behavior:"smooth",block:"center"}),!1}return n.scrollIntoView({behavior:"smooth",block:"center"}),!1}return!0}return!1},nf=function(){let n=!(arguments.length>0)||void 0===arguments[0]||arguments[0],{key:e}=l;switch(e){case"cart":return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(k.KM,{title:"Tiến h\xe0nh đặt h\xe0ng",type:"button",disabled:0===ni.length||nr<=0||no<=0,onClick:()=>{if(!T){N(!0);return}nh("/checkout")},children:["ĐẶT H\xc0NG NGAY ",no>0?"(".concat(no,")"):""]}),n&&(0,i.jsxs)(k.RF,{children:[(0,i.jsxs)("span",{children:[(0,i.jsx)(P.Z,{isChecked:T,style:{margin:"auto 0","--checkbox-width":"14px","--checkbox-height":"14px"},handleClick:()=>U(!T)}),"Bằng việc đặt h\xe0ng, bạn đ\xe3 đọc v\xe0 chấp nhận"]}),(0,i.jsx)("a",{href:"/pages/chinh-sach-bao-mat-thong-tin",target:"_blank",rel:"noopener noreferrer",children:"Ch\xednh s\xe1ch bảo mật v\xe0 xử l\xfd th\xf4ng tin c\xe1 nh\xe2n"}),"\xa0của ",(0,i.jsx)("a",{href:h.M5,target:"_blank",rel:"noopener noreferrer",children:"Dienthoaigiakho.vn"})]})]});case"checkout":return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(Z,{total:nr-(nd+na),discountPromotion:nd,discountCoupon:na,validateForm:np,selectedProducts:ni,error:x,setError:n=>v(n),setEPayFields:n=>L(n),loading:M,setLoading:n=>A(n)}),n&&(0,i.jsxs)(k.RF,{children:[(0,i.jsxs)("span",{children:[(0,i.jsx)(P.Z,{isChecked:T,style:{margin:"auto 0","--checkbox-width":"14px","--checkbox-height":"14px"},handleClick:()=>U(!T)}),"Bằng việc đặt h\xe0ng, bạn đ\xe3 đọc v\xe0 chấp nhận"]}),(0,i.jsx)("a",{href:"/pages/chinh-sach-bao-mat-thong-tin",target:"_blank",rel:"noopener noreferrer",children:"Ch\xednh s\xe1ch bảo mật v\xe0 xử l\xfd th\xf4ng tin c\xe1 nh\xe2n"}),"\xa0của ",(0,i.jsx)("a",{href:h.M5,target:"_blank",rel:"noopener noreferrer",children:"Dienthoaigiakho.vn"})]})]});case"success":return(0,i.jsxs)(k.$B,{children:[(0,i.jsx)(k.KM,{style:{marginTop:0},onClick:()=>{H.push("/")},children:"TRỞ VỀ TRANG CHỦ"}),(0,i.jsxs)(k.RF,{children:["Cần hỗ trợ về đơn h\xe0ng ",(0,i.jsx)("a",{href:"tel:19008922",children:"Li\xean hệ 1900 8922"})]})]});default:return(0,i.jsx)(i.Fragment,{})}};return(0,i.jsxs)(k.W2,{id:"cart-page",children:[(0,i.jsx)(o.PB,{noindex:h.cI,nofollow:h.cI,title:"Giỏ h\xe0ng",canonical:"".concat(h.M5,"/cart")}),(0,i.jsx)(G,{data:"cart"===l.key?[{name:"Giỏ h\xe0ng",link:"/cart"}]:[{name:"Giỏ h\xe0ng",link:"/cart"},{name:l.name,link:l.path}]}),(0,i.jsx)(k.W_,{}),(0,i.jsxs)(k.X2,{isSuccess:"success"===l.key,children:[(0,i.jsx)(k.Ig,{children:(0,i.jsx)(k.W_,{children:(()=>{let{key:n}=l;switch(n){case"cart":if(0===q.length)return(0,i.jsx)(j,{});return(0,i.jsx)(y,{});case"checkout":return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(O,{formRef:V}),(0,i.jsx)(_,{ePayFields:B,selectedProducts:ni,isDisabled:x||M})]});case"success":return(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(S,{ePayFields:B,setEPayFields:n=>L(n)})});default:return(0,i.jsx)(i.Fragment,{})}})()})}),(q.length>0||"success"===l.key)&&(0,i.jsxs)(k.ii,{children:["success"!==l.key?(0,i.jsx)(C,{userApplyCoupon:$,removeApplyCoupon:()=>{J(null)},onSubmit:nm,errorCouponInvalid:t,data:nc,salePrice:nl,isDisabled:x||M,readOnly:"checkout"===l.key}):(0,i.jsx)(F,{dataSummary:{total:nr,discount:{promotion:nd,coupon:na}}}),(0,i.jsxs)(k.im,{children:["success"!==l.key&&(0,i.jsx)(I,{orderInfoRef:z,total:nr,discount:{promotion:nd,coupon:na}}),nf()]})]})]}),W&&(0,i.jsx)(R,{imgURL:"https://cdn.dienthoaigiakho.vn/photos/1767601790041-hapi-3D-order-500x500.png",title:"Bạn chưa đồng \xfd Ch\xednh s\xe1ch bảo mật & xử l\xfd dữ liệu c\xe1 nh\xe2n",description:"\n          Để tiếp tục đặt h\xe0ng, vui l\xf2ng kiểm tra v\xe0 x\xe1c nhận\n          </br>

1\n          <a href='/pages/chinh-sach-bao-mat-thong-tin' target='_blank' rel='noopener noreferrer'>Ch\xednh s\xe1ch bảo mật v\xe0 xử l\xfd th\xf4ng tin c\xe1 nh\xe2n</a>\n          ",onClickLeftButton:()=>{N(!1)},onCloseClick:()=>{N(!1)},onClickRightButton:()=>{U(!0),N(!1)}}),"success"!==l.key&&(0,i.jsx)(E,{total:nr-(nd+na),error:x,scrollTo:()=>nu(z),children:nf(!1)})]})};var A=M},45048:function(n,e,t){t.d(e,{$B:function(){return j},C_:function(){return C},Ig:function(){return w},KM:function(){return y},RF:function(){return I},W2:function(){return x},W_:function(){return P},X2:function(){return v},ii:function(){return k},im:function(){return Z}});var i=t(7297),o=t(93391);function r(){let n=(0,i.Z)(["\n  /* position: relative;\n  z-index: 9;\n  width: 63rem;\n  max-width: 95%;\n  padding: 3.2rem 2.4rem; */\n  margin: 1rem auto;\n\n  /* border-radius: 1rem; */\n  /* background-color: #FFFFFF; */\n  /* box-shadow: 0rem 0.4rem 2rem rgba(0, 0, 0, 0.15); */\n\n  /* @media (max-width: 768px) {\n    margin: 1rem auto;\n  }\n\n  @media (max-width: 575px) {\n    max-width: 100%;\n    padding: 1rem;\n  } */\n  .wrapper-breadcrumb {\n    top: 7rem;\n    margin-top: 0rem;\n    margin-bottom: 1rem;\n    @media (max-width: 600px) {\n      top: 5.5rem !important;\n    }\n  }\n"]);return r=function(){return n},n}function l(){let n=(0,i.Z)(["\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  flex-direction: ",";\n  \n  gap: 1.6rem;\n  margin-bottom: 3.2rem;\n  padding-bottom: 3.2rem;\n  border-bottom: 1px solid #eaeaea;\n\n  @media (min-width: 1025px) {\n    gap: 2rem;\n    flex-direction: row;\n  }\n  @media (max-width: 768px) {\n    margin-bottom: 2.4rem;\n    padding-bottom: 2.4rem;\n    gap: 1rem;\n  }\n"]);return l=function(){return n},n}function a(){let n=(0,i.Z)(["\n  display: flex;\n  gap: 1rem;\n  flex-direction: column;\n  width: 100%;\n  overflow-x: hidden;\n  @media (max-width: 479px) {\n    padding: 0;\n  }\n  &.box-shadow{\n    background-color: #FFFFFF;\n    border-radius: 5px;\n    box-shadow: rgb(0, 0, 0, 0.1) 0px 1px 2px 0px;\n  }\n"]);return a=function(){return n},n}function d(){let n=(0,i.Z)(["\n  @media (min-width: 1025px) {\n    flex: 1;\n    width: 700px;\n  }\n"]);return d=function(){return n},n}function c(){let n=(0,i.Z)(["\n  padding: 1rem;\n  background: linear-gradient(rgba(255, 226, 129, 1), rgba(255, 255, 255, 1));\n  border-radius: 10px;\n  @media (min-width: 1025px) {\n    position: sticky;\n    top: 11rem;\n    width: 480px;\n  }\n  @media (max-width: 479px) {\n    padding: 0.5rem;\n  }\n"]);return c=function(){return n},n}function s(){let n=(0,i.Z)(["\n  display: flex;\n  flex-direction: column;\n  gap: 1.6rem;\n"]);return s=function(){return n},n}function u(){let n=(0,i.Z)(["\n  font-size: 2.4rem;\n  font-weight: bold;\n  text-align: center;\n  text-transform: uppercase;\n"]);return u=function(){return n},n}function h(){let n=(0,i.Z)(["\n  display: grid;\n  place-items: center;\n\n  height: 4.3rem;\n  border: none;\n  border-radius: 0.5rem;\n\n  font-size: 2rem;\n  font-weight: bold;\n  font-family: 'Roboto', sans-serif;\n  text-transform: uppercase;\n\n  cursor: pointer;\n\n  color: #23232b;\n  background-color: var(--primary-color);\n  border: none;\n  outline: none;\n  &:disabled{\n    background-color: #DEDEDE;\n  }\n"]);return h=function(){return n},n}function m(){let n=(0,i.Z)(["\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  width: 100%;\n  @media (max-width: 1024px) {\n    display: none;\n  }\n"]);return m=function(){return n},n}function p(){let n=(0,i.Z)(["\n  display: none;\n  @media (max-width: 1024px) {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n    width: 100%;\n  }\n"]);return p=function(){return n},n}function f(){let n=(0,i.Z)(["\n  font-size: 11px;\n  text-align: center;\n  a {\n    font-weight: bold;\n    &:hover {\n      text-decoration: underline;\n      color: #0700B3;\n    }\n  } \n  span {\n    display: flex;\n    justify-content: center;

1\n    align-items: center;\n    gap: 0.5rem;\n  }\n"]);return f=function(){return n},n}function g(){let n=(0,i.Z)(["\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n\n  padding: 1rem;\n  border-radius: 0.5rem;\n  background-color: #FFF;\n"]);return g=function(){return n},n}let x=o.ZP.div.withConfig({componentId:"sc-2450763b-0"})(r()),v=o.ZP.div.withConfig({componentId:"sc-2450763b-1"})(l(),n=>{let{isSuccess:e}=n;return e?"column-reverse":"column"}),b=o.ZP.div.withConfig({componentId:"sc-2450763b-2"})(a()),w=(0,o.ZP)(b).withConfig({componentId:"sc-2450763b-3"})(d()),k=(0,o.ZP)(b).withConfig({componentId:"sc-2450763b-4"})(c()),P=o.ZP.div.withConfig({componentId:"sc-2450763b-5"})(s());o.ZP.h1.withConfig({componentId:"sc-2450763b-6"})(u());let y=o.ZP.button.withConfig({componentId:"sc-2450763b-7"})(h()),j=o.ZP.div.withConfig({componentId:"sc-2450763b-8"})(m()),C=o.ZP.div.withConfig({componentId:"sc-2450763b-9"})(p()),I=o.ZP.p.withConfig({componentId:"sc-2450763b-10"})(f()),Z=o.ZP.span.withConfig({componentId:"sc-2450763b-11"})(g())},3388:function(n,e,t){t.d(e,{Z:function(){return c}});var i=t(85893);t(67294);var o=t(7297),r=t(93391);function l(){let n=(0,o.Z)(["\n  --checkbox-width: 2rem;\n  --checkbox-height: 2rem;\n\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  i {\n    align-self: flex-start;\n    display: grid;\n    place-items: center;\n    min-width: var(--checkbox-width);\n    height: var(--checkbox-height);\n    border-radius: 0.5rem;\n    border: 1px solid var(--not-active-color, #9f9f9f);\n    transition: border 0.2s ease-in-out;\n    &::after {\n      content: '';\n      display: block;\n      width: 0;\n      height: 0;\n      border-radius: 3px;\n      background-color: var(--active-color, #f5a300);\n      transition: all 0.2s ease-in-out;\n    }\n  }\n  input {\n    &:checked {\n      ~ i {\n        border-color: var(--active-color, #f5a300);\n        &::after {\n          width: calc(var(--checkbox-width) * 60 / 100);\n          height: calc(var(--checkbox-height) * 60 / 100);\n        }\n      }\n    }\n    &.error:not(:checked) ~ {\n      i {\n        border-color: red !important;\n      }\n      span {\n        font-weight: 500;\n        color: red !important;\n      }\n    }\n  }\n  /* span {\n    font-size: 1.4rem;\n    margin-left: 1rem;\n  }\n  a {\n    color: blue;\n    font-style: italic;\n    &:hover {\n      text-decoration: underline;\n    }\n  } */\n"]);return l=function(){return n},n}let a=r.ZP.label.withConfig({componentId:"sc-123e3d0f-0"})(l()),d=n=>{let{isChecked:e,handleClick:t,style:o,children:r,isDisabled:l=!1}=n;return(0,i.jsxs)(a,{style:{...o},onClick:n=>{n.preventDefault(),!l&&t&&t()},children:[(0,i.jsx)("input",{type:"checkbox",hidden:!0,checked:e,readOnly:!0}),(0,i.jsx)("i",{}),r]})};var c=d},47257:function(n,e,t){var i=t(44591),o=t(8100);let r=n=>{let{productIds:e,keyword:t}=n,{data:r,error:l}=(0,o.ZP)("/products/cart?ids=".concat(e,"&keyword=").concat(t),i.F.getByIds),a=function(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=arguments.length>1?arguments[1]:void 0;return 0===e.length||0===n.length?[]:n.sort((n,t)=>e.indexOf(n.id)-e.indexOf(t.id))}(null==r?void 0:r.rows,e);return{products:a,isLoading:!l&&!r,isError:l}};e.Z=r}}]);