"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9268],{47490:function(e,t,i){i.d(t,{x:function(){return a}});var o=i(35944);i(67294);let a=e=>{var t;let{display:i,tag:a="div",className:r,customId:n,customDataProps:l,children:d,style:c,boxRef:s,...p}=e;if(!i&&!r&&!n&&!l&&!c)return(0,o.tZ)(o.HY,{children:d});let{padding:h,margin:u,innerAlign:g,outerAlign:m,type:f}=null!=i?i:{},x={display:f};switch("string"==typeof h?x.padding=h:h&&(x.padding=2*h),g&&h){case"left":x.paddingLeft=0;break;case"right":x.paddingRight=0;break;case"bottom":x.paddingBottom=0;break;case"top":x.paddingTop=0}switch("string"==typeof u?x.margin=u:u&&(x.margin=2*u),m&&h){case"left":x.marginLeft=0;break;case"right":x.marginRight=0;break;case"bottom":x.marginBottom=0;break;case"top":x.marginTop=0}return(0,o.tZ)(a||"div",{id:n,...l,...p,className:"".concat(r," ").concat(null!==(t=null==l?void 0:l.className)&&void 0!==t?t:""),style:{...x,...null==l?void 0:l.style,...c},ref:s,children:d})}},30118:function(e,t,i){var o=i(67294);class a extends o.Component{static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e,t){console.error("Uncaught error:",e,t)}render(){return this.state.hasError?this.props.fallback||null:this.props.children}constructor(...e){super(...e),this.state={hasError:!1}}}t.Z=a},11674:function(e,t,i){i.d(t,{E:function(){return n}});var o=i(35944),a=i(67294),r=i(23236);let n=e=>{let{fallbackSrc:t=r.Wc.DefaultImage.src,...i}=e,n=(0,a.useRef)(null),l=i.src||t||"";return(0,a.useEffect)(()=>{l!==t&&n.current&&(n.current.src=l)},[]),(0,o.tZ)("img",{ref:n,...i,src:l,onError:e=>{var o;e.currentTarget.src!==t?e.currentTarget.src=t:e.currentTarget.src!==r.Wc.DefaultImage.src&&(e.currentTarget.src=r.Wc.DefaultImage.src),null===(o=i.onError)||void 0===o||o.call(i,e)}})}},90762:function(e,t,i){i.d(t,{Ct:function(){return F},EW:function(){return s},xu:function(){return o.x},zx:function(){return z},XZ:function(){return w},Af:function(){return u},X6:function(){return f},hU:function(){return I},E9:function(){return A.E},II:function(){return R},KW:function(){return U},Y8:function(){return y},xv:function(){return p.x}});var o=i(47490),a=i(35944),r=i(67294),n=i(30118),l=i(28220),d=i(87379);let c=(0,d.ZP)(o.x).withConfig({componentId:"sc-b4692f14-0"})(["margin:0 auto;padding-left:16px;padding-right:16px;","{padding-left:24px;padding-right:24px;}","{max-width:1200px;}","{max-width:1024px;}&[data-is-full-width='true']{max-width:none;}&[data-is-full-width='true']{max-width:none;}&[data-no-gutter='true']{padding-left:0;padding-right:0;}"],l.M.tdOnly,l.M.tdUp,l.M.tdOnly),s=e=>{let{isFullWidth:t=!1,customDataProps:i,children:o,className:r,isDesktopPadding:l,noGutter:d,style:s}=e;return(0,a.tZ)(n.Z,{children:(0,a.tZ)(c,{customDataProps:{"data-is-full-width":t,"data-desktop-padding":l,"data-no-gutter":d,...i},className:r,style:s,children:o})})};var p=i(98845);let h=d.ZP.div.withConfig({componentId:"sc-d4828d99-0"})(["border-radius:30px;display:inline-flex;align-items:center;cursor:pointer;&[data-color='primary']{background-color:",";}&[data-color='tertiary']{border:1px solid ",";}&[data-color='danger']{background-color:",";}&[data-color='secondary']{background-color:",";}&[data-color='quaternary']{border-color:transparent;background-color:",";}&[data-size='lg']{padding:7px 12px;border-radius:40px;}&[data-size='md']{padding:4px 8px;}&[data-size='sm']{padding:2px 4px;}"],e=>e.theme.colors.primaryBase,e=>e.theme.colors.neutral100,e=>e.theme.colors.red700,e=>e.theme.colors.neutral50,e=>e.theme.colors.neutral50),u=e=>{let{wrapperProps:t={},customDataProps:i={},color:r="primary",size:n="md",textProps:l,children:d,onClick:c}=e;return(0,a.tZ)(o.x,{...t,children:(0,a.tZ)(h,{"data-color":r,"data-size":n,onClick:c,...i,children:(0,a.tZ)(p.x,{colour:"tertiary"===r?"gray800":"quaternary"===r?"primaryBase":"white",size:"lg"===n?"s4":"md"===n?"s5":"description",weight:"tertiary"===r||"quaternary"===r?"regular":"semi-bold",...l,children:d})})})};var g=i(78411);let m=(0,d.ZP)(o.x).withConfig({componentId:"sc-713d965e-0"})(["--text-color:var( --custom-color,"," );color:var(--text-color);&[data-tag='h1']{font-size:26px;line-height:32px;letter-spacing:-0.9px;}&[data-tag='h2']{font-size:24px;line-height:32px;letter-spacing:-0.8px;}&[data-tag='h3']{font-size:20px;line-height:28px;letter-spacing:-0.7px;}&[data-tag='h4']{font-size:18px;line-height:28px;letter-spacing:-0.6px;}&[data-tag='h5']{font-size:16px;line-height:26px;letter-spacing:-0.2px;}&[data-tag='h6']{font-size:14px;line-height:24px;letter-spacing:0px;}","{&[data-tag='h1']{font-size:40px;line-height:52px;letter-spacing:-1.2px;}&[data-tag='h2']{font-size:32px;line-height:42px;letter-spacing:-1px;}&[data-tag='h3']{font-size:28px;line-height:36px;letter-spacing:-0.8px;}&[data-tag='h4']{font-size:24px;line-height:32px;letter-spacing:-0.6px;}&[data-tag='h5']{font-size:20px;line-height:28px;letter-spacing:-0.2px;}&[data-tag='h6']{font-size:16px;line-height:26px;letter-spacing:0px;}}&[data-weight='bold']{font-weight:",";}&[data-weight='semi-bold']{font-weight:",";}&[data-weight='regular']{font-weight:",";}"],e=>e.theme.defaultColor||e.theme.colors.gray800,l.M.mbUp,e=>e.theme.sizes.fwBold,e=>e.theme.sizes.fwSemiBold,e=>e.theme.sizes.fwRegular),f=e=>{let{customDataProps:t,wrapperProps:i,children:o,tag:r,as:n,weight:l,wordWrap:d="none",colour:c,isUppercase:s}=e,p={...c?{"--custom-color":g.t.colors[c]}:{},...s?{textTransform:"uppercase"}:{},..."break-all"===d?{wordBreak:"break-all"}:"break-word"===d?{wordWrap:"break-word"}:{}},h=n||r;return(0,a.tZ)(m,{tag:h,...t,...i,customDataProps:{"data-tag":r,"data-weight":l||"bold","data-word-wrap":d,style:{...p,...null==i?void 0:i.style},...null==i?void 0:i.customDataProps},children:o})},x=d.ZP.div.withConfig({componentId:"sc-c70bf4dc-0"})(["cursor:pointer;label{display:flex;align-items:center;cursor:inherit;}input{position:relative;width:18px;height:18px;flex-shrink:0;border:solid 2px ",";margin-right:10px;border-radius:2px;cursor:inherit;transition:background 0.4s,border-color 0.4s;&:hover,&:active,&:checked{border-color:",";}&:checked{border:0;background:"," url(\"data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L4.125 8L1 4.81819' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A\") no-repeat center center;}&:disabled{border-color:",";&:checked{background-color:",";}}}&[data-disabled='true']{label{color:",";}cursor:not-allowed;}"],e=>e.theme.colors.gray600,e=>e.theme.colors.primaryBase,e=>e.theme.colors.primaryBase,e=>e.theme.colors.gray300,e=>e.theme.colors.gray300,e=>e.theme.colors.gray300),v=d.ZP.div.withConfig({componentId:"sc-c70bf4dc-1"})(["margin-left:20px;display:flex;align-items:center;"]),w=e=>{let{wrapperProps:t={},customDataProps:i={},label:r,value:n,isChecked:l,name:d,id:c,onChange:s,isDisabled:h,isRequired:u,icon:g,inputProps:m}=e;return(0,a.tZ)(o.x,{...t,children:(0,a.tZ)(x,{"data-disabled":h,...i,children:(0,a.BX)("label",{children:[(0,a.tZ)("input",{type:"checkbox",checked:l,name:d,id:c,value:n,onChangeCapture:s,onChange:()=>!1,disabled:h,required:u,...m}),r&&(0,a.tZ)(p.x,{size:"p3",weight:"regular",children:r}),g&&(0,a.tZ)(v,{children:g})]})})})},b=d.ZP.div.withConfig({componentId:"sc-86aaef67-0"})(["cursor:pointer;label{display:flex;align-items:center;cursor:inherit;}input{position:relative;width:20px;height:20px;flex-shrink:0;border:solid 2px ",";margin-right:10px;border-radius:50%;cursor:inherit;transition:background 0.4s,border-color 0.4s;&:hover,&:active,&:checked{border-color:",";}&:checked{display:flex;align-items:center;justify-content:center;&:after{position:absolute;top:50%;left:50%;width:10px;height:10px;background-color:",";border-radius:50%;content:'';transform:translate(-50%,-50%);}}&:disabled{border-color:",";&:checked{&:after{background-color:",";}}}}&[data-disabled='true']{label{color:",";}cursor:not-allowed;}"],e=>e.theme.colors.gray600,e=>e.theme.colors.primaryBase,e=>e.theme.colors.primaryBase,e=>e.theme.colors.gray300,e=>e.theme.colors.gray300,e=>e.theme.colors.gray300),y=e=>{let{wrapperProps:t={},customDataProps:i={},label:n,value:l,isChecked:d,name:c,id:s,onChange:h,isDisabled:u,isRequired:g,customLabelProps:m}=e,f=r.isValidElement(n);return(0,a.tZ)(o.x,{...t,children:(0,a.tZ)(b,{"data-disabled":u,...i,children:(0,a.BX)("label",{...m,children:[(0,a.tZ)("input",{type:"radio",checked:d,name:c,id:s,value:l,onChange:h,disabled:u,required:g}),n&&(f?n:(0,a.tZ)(p.x,{size:"p3",weight:"regular",children:n}))]})})})},Z=d.ZP.button.withConfig({componentId:"sc-b2a17ee-0"})(["width:auto;border-radius:8px;cursor:pointer;font-weight:",";transition:background-color 0.3s,border-color 0.3s;display:flex;align-items:center;justify-content:center;&[data-size='lg']{padding:11px 24px;font-size:16px;line-height:26px;}&[data-size='md']{padding:8px 24px;font-size:14px;line-height:24px;}&[data-size='sm']{padding:7px 12px;font-size:12px;line-height:18px;}&[data-has-icon='true']&[data-is-loading='false']{.button-icon{display:flex;align-items:center;justify-content:center;svg{vertical-align:middle;}> *{width:100%;height:100%;}}&[data-size='lg']{.button-icon{width:20px;height:20px;}}&[data-size='md']{.button-icon{width:18px;height:18px;}}&[data-size='sm']{.button-icon{width:16px;height:16px;}}&[data-icon-left='true']{.button-icon{margin-right:4px;}&[data-size='lg']{padding-left:16px;}&[data-size='md']{padding-left:16px;}&[data-size='sm']{padding-left:8px;}}&[data-icon-left='false']{.button-icon{margin-left:4px;}&[data-size='lg']{padding-right:16px;}&[data-size='md']{padding-right:16px;}&[data-size='sm']{padding-right:8px;}}}&[data-color='primary']{background-color:",";color:",";&:hover:not(:disabled){background-color:",";}&:active{background-color:",";}}&[data-color='secondary']{border:solid 1px ",";background-color:",";color:",";&:hover{border-color:",";background-color:",";color:",";}&:active{border-color:",";background-color:",";color:",";}}&[data-color='tertiary']{border:solid 1px ",";background-color:transparent;color:",";}&[data-color='ghost']{border:0;background-color:transparent;color:",";&:disabled{border-color:0;background-color:transparent;color:",";cursor:not-allowed;}}&[data-color='danger']{border:solid 1px ",";background-color:transparent;color:",";&:disabled{border-color:0;background-color:transparent;color:",";cursor:not-allowed;}}&[data-color='ghost']{border:0;background-color:transparent;color:",";&:disabled{border-color:0;background-color:transparent;color:",";cursor:not-allowed;}}&[data-is-loading='true']{.loading-container{display:flex;justify-content:center;align-items:center;height:24px;width:24px;position:relative;> svg{position:absolute;width:100%;height:100%;}}&[data-size='lg']{.loading-container{width:26px;height:26px;}}&[data-size='md']{.loading-container{width:24px;height:24px;}}&[data-size='sm']{.loading-container{width:22px;height:22px;}}}&:disabled{border-color:",";background-color:",";color:",";cursor:not-allowed;}"],e=>e.theme.sizes.fwSemiBold,e=>e.theme.colors.primaryBase,e=>e.theme.colors.white,e=>e.theme.colors.primaryHover,e=>e.theme.colors.primaryActive,e=>e.theme.colors.primaryBase,e=>e.theme.colors.white,e=>e.theme.colors.primaryBase,e=>e.theme.colors.primaryHover,e=>e.theme.colors.primaryHover,e=>e.theme.colors.white,e=>e.theme.colors.primaryActive,e=>e.theme.colors.primaryActive,e=>e.theme.colors.white,e=>e.theme.colors.gray300,e=>e.theme.colors.gray800,e=>e.theme.colors.primaryBase,e=>e.theme.colors.gray300,e=>e.theme.colors.red600,e=>e.theme.colors.red600,e=>e.theme.colors.gray300,e=>e.theme.colors.primaryBase,e=>e.theme.colors.gray300,e=>e.theme.colors.gray300,e=>e.theme.colors.gray300,e=>e.theme.colors.white),C=(0,d.F4)(["0%{transfrom:rotate(0deg);}100%{transform:rotate(360deg);}"]),k=d.ZP.svg.withConfig({componentId:"sc-b2a17ee-1"})(["animation:"," 1.2s linear infinite;"],C),z=e=>{let{size:t="md",color:i="primary",disabled:r,title:n,className:l,onClick:d,icon:c,isIconRight:s,children:p,isLoading:h,loadingText:u,wrapperProps:g,customDataProps:m}=e;return(0,a.tZ)(o.x,{...g,children:(0,a.BX)(Z,{className:l,"data-size":t,"data-color":i,"data-has-icon":!!c,"data-icon-left":!s,disabled:r,onClick:r?void 0:d,title:n,"data-is-loading":!!h,...m,children:[h?(0,a.BX)("div",{className:"loading-container",children:[(0,a.tZ)("svg",{width:"24",height:"24",fill:"none",viewBox:"0 0 24 24",children:(0,a.tZ)("circle",{cx:"12",cy:"12",r:"10",stroke:"primary"===i?"white":"#DBDFE5",strokeWidth:"4"})}),(0,a.BX)(k,{width:"24",height:"24",fill:"none",viewBox:"0 0 24 24",children:[(0,a.tZ)("mask",{id:"ecom-button-loading-a",fill:"#fff",children:(0,a.tZ)("path",{d:"M12 0A12 12 0 11.19 9.88l3.9.7A8.03 8.03 0 1012 3.98V0z"})}),(0,a.tZ)("path",{d:"M12 0A12 12 0 11.19 9.88l3.9.7A8.03 8.03 0 1012 3.98V0z",stroke:"primary"===i?"#91CAFF":"#2D87F3",strokeWidth:"8",mask:"url(#ecom-button-loading-a)"})]})]}):void 0,!h&&!s&&c&&(0,a.tZ)("span",{className:"button-icon",children:c}),h?u&&(0,a.tZ)("span",{children:u}):(0,a.tZ)("span",{children:p}),!h&&s&&c&&(0,a.tZ)("span",{className:"button-icon",children:c})]})})},P=d.ZP.button.withConfig({componentId:"sc-4f38e18b-0"})(["width:auto;border-radius:4px;cursor:pointer;font-weight:",";transition:background-color 0.3s,border-color 0.3s;color:",";display:flex;align-items:center;justify-content:center;&[data-size='lg']{padding:12px;font-size:16px;line-height:24px;min-width:48px;height:48px;}&[data-size='md']{padding:10px;font-size:14px;line-height:22px;min-width:40px;height:40px;}&[data-size='sm']{padding:8px;font-size:12px;line-height:18px;min-width:32px;height:32px;}&[data-size='mobile']{padding:0;min-width:24px;height:24px;font-weight:600;font-size:14px;line-height:24px;}&[data-is-circle='true']{border-radius:50%;}&[data-color='primary']{background-color:",";color:",";&:hover:not(:disabled){background-color:",";}&:active{background-color:",";}&:disabled{background-color:",";color:inherit;}}&[data-color='secondary']{background-color:",";&:hover:not(:disabled){background-color:",";}&:active{background-color:",";}&:disabled{background-color:#fafafa;}}&[data-color='secondary']{background-color:",";&:hover:not(:disabled){background-color:",";}&:active{background-color:",";}&:disabled{background-color:#fafafa;}}&[data-color='minimal']{background-color:transparent;&:hover:not(:disabled){background-color:#fafafa;}&:active{background-color:",";}&:disabled{background-color:transparent;}}&[data-color='tertiary']{border:1px solid ",";background-color:transparent;&:hover:not(:disabled){border:1px solid ",";background-color:#fafafa;}&:active{border:1px solid ",";background-color:",";}&:disabled{border:1px solid ",";background-color:transparent;}}&:disabled{cursor:not-allowed;> span{opacity:40%;}}"],e=>e.theme.sizes.fwBold,e=>e.theme.colors.gray600,e=>e.theme.colors.primaryBase,e=>e.theme.colors.white,e=>e.theme.colors.primaryHover,e=>e.theme.colors.primaryActive,e=>e.theme.colors.gray100,e=>e.theme.colors.gray100,e=>e.theme.colors.gray200,e=>e.theme.colors.gray300,e=>e.theme.colors.gray100,e=>e.theme.colors.gray200,e=>e.theme.colors.gray300,e=>e.theme.colors.gray100,e=>e.theme.colors.gray300,e=>e.theme.colors.gray400,e=>e.theme.colors.gray500,e=>e.theme.colors.gray100,e=>e.theme.colors.gray100),I=e=>{let{size:t="md",color:i="primary",disabled:r,title:n,className:l,onClick:d,children:c,wrapperProps:s,isCircle:p,customDataProps:h}=e;return(0,a.tZ)(o.x,{...s,children:(0,a.tZ)(P,{className:l,"data-size":t,"data-color":i,disabled:r,onClick:r?void 0:d,title:n,"data-is-circle":!!p,...h,children:c})})};var D=i(57333),M=i(23236);let B=d.ZP.div.withConfig({componentId:"sc-e48cd9d2-0"})(["position:relative;width:100%;&[data-has-error]{input{border-color:",";}}.input-wrapper{display:flex;position:relative;.phone-input-prefix-wrapper{position:relative;padding:12px 8px 12px 16px;background-color:",";border-radius:4px 0px 0px 4px;border:1px solid ",";display:flex;align-items:center;cursor:pointer;> svg{height:16px;margin-right:6px;}.phone-input-prefix-icon{width:8px;height:6px;margin-left:6px;margin-right:0;}.phone-input-prefix-dropdown{width:calc(100% + 2px);position:absolute;top:100%;left:-1px;border:1px solid ",";.phone-input-item{padding:12px 16px;width:100%;background:white;display:flex;align-items:center;&[data-selected='true'],&:hover{background-color:",";}> svg{height:16px;margin-right:6px;}}}}.input-inner-wrapper{flex:1;position:relative;}}input{width:100%;padding:12px 16px;border:solid 1px ",";border-radius:4px;&[data-has-phone-input]{border-top-left-radius:0;border-bottom-left-radius:0;}&[data-no-top-border='true']{border-top-left-radius:0;border-top-right-radius:0;}transition:all 100ms;&:active,&:focus{border-color:",";box-shadow:0px 0px 2px 2px ",";}&:hover{border-color:",";}&:invalid{border-color:",";}&:disabled{background:",";border-color:",";cursor:not-allowed;}}&[data-has-action-icon]{input{padding:12px 48px 12px 16px;}}&[data-has-display-icon]{input{padding:12px 16px 12px 48px;}}&[data-has-action-icon][data-has-display-icon]{input{padding:12px 48px;}}&[data-size='lg']{.phone-input-prefix-wrapper,input{font-size:16px;font-weight:",";","{font-size:22px;line-height:1.7;}","{font-size:26px;line-height:1.625;}}}&[data-size='md']{.phone-input-prefix-wrapper,input{font-weight:",";line-height:22px;","{font-size:14px;line-height:1.7;}","{font-size:16px;line-height:1.625;}}}&[data-size='sm']{.phone-input-prefix-wrapper,input{font-weight:",";height:40px;","{font-size:16px;line-height:24px;letter-spacing:0px;}","{font-size:16px;line-height:26px;letter-spacing:0px;}}}"],e=>e.theme.colors.red700,e=>e.theme.colors.gray200,e=>e.theme.colors.gray200,e=>e.theme.colors.gray200,e=>e.theme.colors.gray200,e=>e.theme.colors.gray200,e=>e.theme.colors.primaryBase,e=>e.theme.colors.blue200,e=>e.theme.colors.primaryBase,e=>e.theme.colors.red700,e=>e.theme.colors.gray100,e=>e.theme.colors.gray200,e=>e.theme.sizes.fwRegular,l.M.mbDown,l.M.mbUp,e=>e.theme.sizes.fwRegular,l.M.mbDown,l.M.mbUp,e=>e.theme.sizes.fwRegular,l.M.mbDown,l.M.mbUp),S=d.ZP.label.withConfig({componentId:"sc-e48cd9d2-1"})(["display:block;.input-label-wrapper{font-size:14px;color:",";font-weight:",";margin-bottom:6px;}"],e=>e.theme.colors.gray600,e=>e.theme.sizes.fwSemiBold),E=d.ZP.label.withConfig({componentId:"sc-e48cd9d2-2"})(["display:block;margin-top:6px;font-size:12px;color:",";font-weight:",";&[data-is-success]{color:",";}> svg{width:16px;height:16px;margin-right:4px;vertical-align:middle;}"],e=>e.theme.colors.red700,e=>e.theme.sizes.fwRegular,e=>e.theme.colors.green700),T=d.ZP.div.withConfig({componentId:"sc-e48cd9d2-3"})(["position:absolute;top:50%;right:16px;cursor:pointer;transform:translateY(-50%);width:24px;height:24px;&[data-disabled]{opacity:50%;}> *{width:100%;height:100%;}"]),q=d.ZP.div.withConfig({componentId:"sc-e48cd9d2-4"})(["position:absolute;top:50%;left:16px;cursor:default;transform:translateY(-50%);width:24px;height:24px;&[data-disabled]{opacity:50%;}> *{width:100%;height:100%;}"]),X=[{Icon:(0,a.tZ)(M.Cd,{}),value:"+84"},{Icon:(0,a.tZ)(M.hi,{}),value:"+62"},{Icon:(0,a.tZ)(M._W,{}),value:"+66"}],R=e=>{var t,i;let{wrapperProps:n={},customDataProps:l={},customInputProps:d={},name:c,id:s,value:p,invalidText:h,validatedText:u,isNumerousKeyboard:m=!1,actionIcon:f,displayIcon:x,onActionClick:v,label:w,placeholder:b,onChange:y,onKeyPress:Z,isDisabled:C,isRequired:k,CustomInput:z,size:P,autoComplete:I="off",type:R="text",hasPhonePrefixDropdown:N,onPhonePrefixChange:A}=e,[L,O]=(0,r.useState)(0),[j,U]=(0,r.useState)(!1),_=null===(t=X[L])||void 0===t?void 0:t.Icon,H=null===(i=X[L])||void 0===i?void 0:i.value,F=(0,r.useRef)(null);return(0,r.useEffect)(()=>{let e=function(e){var t;!F.current||e.target&&(null===(t=F.current)||void 0===t?void 0:t.contains(e.target))||U(!1)};return window.addEventListener("click",e),()=>window.removeEventListener("click",e)},[]),(0,a.tZ)(o.x,{...n,children:(0,a.tZ)(B,{"data-size":P,"data-has-action-icon":!!f||void 0,"data-has-display-icon":!!x||void 0,"data-has-error":h&&h.length>0||void 0,...l,children:(0,a.BX)(S,{className:"input-label",htmlFor:s,children:[w&&(0,a.tZ)("div",{className:"input-label-wrapper",children:w}),(0,a.BX)("div",{className:"input-wrapper",style:{position:"relative"},children:[N&&(0,a.BX)("div",{ref:F,className:"phone-input-prefix-wrapper",onClick:e=>{e.preventDefault(),U(e=>!e)},children:[_,"(".concat(H,")"),(0,a.tZ)("svg",{width:"8",height:"5",viewBox:"0 0 8 5",fill:"none",className:"phone-input-prefix-icon",children:(0,a.tZ)("path",{d:"M4 5L0.535898 0.5L7.4641 0.5L4 5Z",fill:"#8C8C8C"})}),j&&(0,a.tZ)("div",{className:"phone-input-prefix-dropdown",children:X.map((e,t)=>(0,a.BX)("div",{"data-selected":t===L,className:"phone-input-item",onClick:()=>{var e;X[t]&&A&&A(null===(e=X[t])||void 0===e?void 0:e.value),O(t)},children:[e.Icon,"(".concat(e.value,")")]},t))})]}),(0,a.BX)("div",{className:"input-inner-wrapper",children:[z||("separatorDecimal"===R?(0,a.tZ)(D.Z,{value:p,thousandSeparator:!0,onChange:y,id:s,name:c,placeholder:b,onKeyPress:Z,"aria-label":R,disabled:C,required:k,autoComplete:I,inputMode:m?"numeric":"separatorDecimal"===R?"text":R,pattern:m?"[0-9]*":void 0,style:{backgroundColor:g.t.colors.white},...d}):(0,a.tZ)("input",{"data-has-phone-input":N,id:s,name:c,placeholder:b,onChange:y,onKeyPress:Z,type:R,"aria-label":R,value:p,disabled:C,required:k,autoComplete:I,inputMode:m?"numeric":R,pattern:m?"[0-9]*":void 0,style:{backgroundColor:g.t.colors.white},...d})),x&&(0,a.tZ)(q,{"data-disabled":C,className:"displayIcon",children:x}),f&&(0,a.tZ)(T,{"data-disabled":C,className:"actionIcon",onClick:v,children:f})]})]}),(null==h?void 0:h.length)?(0,a.BX)(E,{className:"errorLabel",children:[(0,a.tZ)(M.go,{}),h]}):(null==u?void 0:u.length)?(0,a.BX)(E,{"data-is-success":!0,className:"validLabel",children:[(0,a.tZ)(M.eT,{}),u]}):null]})})})};var N=i(54479),A=i(11674);let L=d.ZP.div.withConfig({componentId:"sc-a16468bb-0"})(["width:100%;:before{content:'';display:block;padding-top:100%;}position:relative;&[data-size='lg']{width:180px;}&[data-size='md']{width:163px;}&[data-size='sm']{width:104px;}&[data-size='100%']{width:100%;}.product-image-frame{position:absolute;top:0;left:0;width:100%;height:100%;}"]),O=d.ZP.div.withConfig({componentId:"sc-a16468bb-1"})(["position:absolute;top:4.3%;width:fit-content;&[data-position='left']{left:4.3%;padding-left:2.8%;padding-right:8.9%;padding-bottom:7.8%;transform:translateX(0);}&[data-position='right']{right:4.3%;padding-left:11.7%;transform:translateX(0);padding-bottom:7.8%;}&[data-position='center']{left:50%;transform:translateX(-50%);padding:2.2% 11.7%;}.product-image-text-frame{position:absolute;top:0;left:0;width:100%;height:100%;z-index:",";object-fit:contain;}"],N.v3.zIndexes.negative),j=(0,d.ZP)(A.E).withConfig({componentId:"sc-a16468bb-2"})(["position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;object-fit:contain;"]),U=e=>{let{customDataProps:t,wrapperProps:i,image:r,frameTextPosition:n="center",frameText:l,alt:d="",size:c="md",variant:s="1",fallbackSrc:h}=e,u="1"===s?M.od:"2"===s?M.Gm:M.rg,g="left"===n?M.dB:"right"===n?M.QH:M.n1;return(0,a.tZ)(o.x,{...i,children:(0,a.BX)(L,{"data-variant":s,"data-size":c,...t,children:[(0,a.tZ)(j,{src:r,alt:d,fallbackSrc:h}),(0,a.tZ)(u,{className:"product-image-frame"},s),l&&(0,a.BX)(O,{"data-position":n,children:[(0,a.tZ)(g,{preserveAspectRatio:"none",className:"product-image-text-frame"}),(0,a.tZ)(p.x,{colour:"white",size:"lg"===c?"c2":"s5",weight:"lg"===c?"bold":"semi-bold",children:l})]})]})})},_=(0,d.ZP)(o.x).withConfig({componentId:"sc-a0447e80-0"})(["display:flex;position:relative;"]),H=(0,d.ZP)(o.x).withConfig({componentId:"sc-a0447e80-1"})(["background-color:var( --custom-color,"," );margin-top:-8px;margin-left:-8px;display:flex;align-items:center;justify-content:center;border-radius:20px;outline:2px solid ",";&[data-size='sm']{min-width:16px;height:16px;padding:0 4px;}"],e=>e.theme.colors.red600,e=>e.theme.colors.white),F=e=>{let{customDataProps:t,wrapperProps:i,attachingElement:o,text:r,size:n}=e;return(0,a.BX)(_,{...i,...t,children:[o,(0,a.tZ)(H,{customDataProps:{"data-size":n},children:(0,a.tZ)(p.x,{size:"s5",colour:"white",children:r})})]})};i(31616)},31616:function(e,t,i){i(67294),i(90762),i(23236),i(87379).ZP.div.withConfig({componentId:"sc-a051f1b6-0"})(["display:inline-flex;&[data-size='md']{gap:4px;> svg{width:32px;height:32px;}}&[data-size='sm']{gap:2px;> svg{width:24px;height:24px;}}&[data-selectable='true']{> svg{cursor:pointer;}}&[data-selectable='false']{> svg{pointer-events:none;}}"])},98845:function(e,t,i){i.d(t,{x:function(){return c}});var o=i(35944);i(67294);var a=i(78411),r=i(28220),n=i(87379),l=i(47490);let d=(0,n.ZP)(l.x).withConfig({componentId:"sc-2aa86396-0"})(["--text-color:var( --custom-color,"," );color:var(--text-color);&[data-size='s1']{font-size:18px;line-height:28px;letter-spacing:-0.6px;}&[data-size='s2']{font-size:16px;line-height:26px;letter-spacing:-0.2px;}&[data-size='s3']{font-size:14px;line-height:24px;letter-spacing:0px;}&[data-size='s4']{font-size:12px;line-height:18px;letter-spacing:0px;}&[data-size='s5']{font-size:10px;line-height:16px;letter-spacing:0px;}&[data-size='p1']{font-size:18px;line-height:28px;letter-spacing:0px;}&[data-size='p2']{font-size:16px;line-height:26px;letter-spacing:0px;}&[data-size='p3']{font-size:14px;line-height:24px;letter-spacing:0px;}&[data-size='c1']{font-size:14px;line-height:24px;letter-spacing:0px;}&[data-size='c2']{font-size:12px;line-height:18px;letter-spacing:0px;}&[data-size='description']{font-size:12px;line-height:18px;letter-spacing:0px;}","{&[data-size='s1']{font-size:22px;line-height:32px;letter-spacing:-0.6px;}&[data-size='s2']{font-size:18px;line-height:28px;letter-spacing:-0.2px;}&[data-size='s3']{font-size:16px;line-height:26px;letter-spacing:0px;}&[data-size='s4']{font-size:14px;line-height:24px;letter-spacing:0px;}&[data-size='s5']{font-size:12px;line-height:18px;letter-spacing:0px;}&[data-size='p1']{font-size:18px;line-height:28px;letter-spacing:-0.2px;}&[data-size='p2']{font-size:16px;line-height:26px;letter-spacing:0px;}&[data-size='p3']{font-size:14px;line-height:24px;letter-spacing:0px;}&[data-size='c1']{font-size:16px;line-height:26px;letter-spacing:0px;}&[data-size='c2']{font-size:14px;line-height:24px;letter-spacing:0px;}&[data-size='description']{font-size:12px;line-height:18px;letter-spacing:0px;}}&[data-weight='bold']{font-weight:",";}&[data-weight='semi-bold']{font-weight:",";}&[data-weight='regular']{font-weight:",";}"],e=>e.theme.defaultColor||e.theme.colors.gray800,r.M.mbUp,e=>e.theme.sizes.fwBold,e=>e.theme.sizes.fwSemiBold,e=>e.theme.sizes.fwRegular),c=e=>{let t;let{customDataProps:i,wrapperProps:r,children:n,size:l,weight:c,wordWrap:s="none",colour:p,isUppercase:h,decoration:u="none",as:g="span",...m}=e;["s1","s2","s3","s4","s5"].includes(l)&&(t=c||"semi-bold"),["p1","p2","p3"].includes(l)&&(t=c||"regular"),["c1","c2"].includes(l)&&(t=c||"bold"),["description"].includes(l)&&(t=c||"bold");let f={...{...p?{"--custom-color":a.t.colors[p]}:{},...h?{textTransform:"uppercase"}:{},..."break-all"===s?{wordBreak:"break-all"}:"break-word"===s?{wordWrap:"break-word"}:{},textDecoration:u},...null==r?void 0:r.style,...null==i?void 0:i.style};return(0,o.tZ)(d,{tag:g,...i,...r,...m,customDataProps:{"data-size":l,"data-weight":t,"data-word-wrap":s,...null==r?void 0:r.customDataProps,style:f},children:n})}},8370:function(e,t,i){i.d(t,{q:function(){return m}});var o=i(35944),a=i(67294),r=i(66494),n=i(22074),l=i(90762),d=i(11674),c=i(23236),s=i(92525),p=i(28220),h=i(87379);h.ZP.div.withConfig({componentId:"sc-41f28ae8-0"})(["position:relative;.banner-scroll-container{.bullet-nav{list-style-type:none;bottom:24px;","{bottom:7.5px;}.bullet-nav__item{.bullet-nav__link{width:6px;height:6px;margin-right:4px;border-radius:6px;&.active{width:10px;}","{width:4px;height:4px;border-radius:4px;&.active{width:8px;}}}&:last-item{.bullet-nav__link{margin-right:0;}}}}}"],p.M.mbDown,p.M.mbDown);let u=h.ZP.a.withConfig({componentId:"sc-41f28ae8-1"})(["cursor:pointer;display:block;text-decoration:none;width:100%;position:relative;user-drag:none;-webkit-user-drag:none;> img{width:100%;height:100%;border-radius:8px;}img,a{user-drag:none;-webkit-user-drag:none;}"]),g=h.ZP.div.withConfig({componentId:"sc-41f28ae8-2"})(["position:absolute;right:0;top:0;height:100%;overflow:hidden;padding-right:8px;cursor:pointer;display:flex;align-items:center;> *{transform:translateX(calc(100% + 8px));transition:transform 0.3s ease-in-out;}&:hover{> *{transform:translateX(0);}}&[data-is-left]{left:0;right:unset;padding-left:8px;padding-right:0;> *{transform:translateX(calc(-100% - 8px));}&:hover{> *{transform:translateX(0);}}}"]),m=e=>{let{wrapperProps:t,items:i,autoScrollTime:p,showEdgeArrow:h}=e,{isDesktop:m}=s.v.useDevice();(0,a.useRef)((null==i?void 0:i.length)||0).current=(null==i?void 0:i.length)||0;let f=(0,a.useRef)(null),x=(0,a.useRef)((0,n.Z)({delay:p}));return(0,o.tZ)(l.xu,{...t,children:(0,o.BX)("div",{style:{position:"relative"},children:[(0,o.tZ)(r.n,{withIndicators:!0,withControls:!1,controlsOffset:0,slidesToScroll:1,styles:e=>({indicators:{gap:4},indicator:{width:"4px",height:"4px",backgroundColor:"white",opacity:1,"&[data-active]":{width:"8px",backgroundColor:e.colors.primaryBase}}}),getEmblaApi:e=>{f.current=e},plugins:[x.current],children:null==i?void 0:i.map((e,t)=>(0,o.tZ)(r.n.Slide,{children:(0,o.tZ)(u,{target:"_blank",href:e.link,"data-event-category":"Ecommerce","data-event-action":"Banner Click","data-event-label":e.link,className:"banner-scroll-item",children:m?(0,o.tZ)(d.E,{src:e.image,alt:e.alt||"banner item ".concat(t+1)}):(0,o.tZ)(d.E,{src:e.mobileImage||e.image,alt:e.alt||"banner item ".concat(t+1)})})},t))}),!!(null==i?void 0:i.length)&&h&&(0,o.BX)(o.HY,{children:[(0,o.tZ)(g,{"data-is-left":!0,children:(0,o.tZ)(l.hU,{isCircle:!0,size:"md",color:"secondary",onClick:()=>{var e;x.current.reset(),null===(e=f.current)||void 0===e||e.scrollPrev()},children:(0,o.tZ)(c.Vm,{style:{width:20,transform:"rotate(180deg)"}})})}),(0,o.tZ)(g,{children:(0,o.tZ)(l.hU,{isCircle:!0,size:"md",color:"secondary",onClick:()=>{var e;x.current.reset(),null===(e=f.current)||void 0===e||e.scrollNext()},children:(0,o.tZ)(c.Vm,{style:{width:20}})})})]})]})})}},41630:function(e,t,i){i.d(t,{P:function(){return c}});var o=i(35944);i(67294);var a=i(90762),r=i(11674),n=i(92525),l=i(28220);let d=i(87379).ZP.a.withConfig({componentId:"sc-aef88b4a-0"})(["display:flex;flex-direction:column;align-items:center;user-select:none;cursor:pointer;text-align:center;user-drag:none;-webkit-user-drag:none;background-color:",";border-radius:8px;padding:12px 8px;img,a{user-drag:none;-webkit-user-drag:none;}> img{width:48px;height:48px;object-fit:cover;margin-bottom:10px;border-radius:9px;","{width:28px;height:28px;}}&[data-type='narrow']{padding:12px 4px;> img{margin-bottom:8px;width:24px;height:24px;}}"],e=>{let{theme:t}=e;return t.colors.neutral50},l.M.mbDown),c=e=>{let{customDataProps:t,wrapperProps:i,image:l,name:c,link:s,type:p="normal"}=e,{isMobile:h}=n.v.useDevice();return(0,o.tZ)(a.xu,{...i,children:(0,o.BX)(d,{"data-type":p,href:s,target:"_blank","data-event-category":"Ecommerce","data-event-action":"Category Icon Click","data-event-label":s,...t,children:[(0,o.tZ)(r.E,{src:l,alt:c}),(0,o.tZ)(a.xv,{size:h?"description":"p3",weight:"semi-bold",wordWrap:"break-word",children:c})]})})}},41588:function(e,t,i){i.d(t,{D:function(){return h}});var o=i(35944);i(67294);var a=i(90762),r=i(23236),n=i(54479),l=i(87379);let d=(0,l.ZP)(a.xu).withConfig({componentId:"sc-af7abdc6-0"})(["display:flex;align-items:center;justify-content:space-between;cursor:pointer;&[data-is-mobile-category-menu='true']{box-shadow:inset 0px 1px 0px #f7f9fc;padding:12px 4px;width:100%;}"]),c=(0,l.ZP)(a.xu).withConfig({componentId:"sc-af7abdc6-1"})(["display:flex;align-items:center;"]),s=(0,l.ZP)(a.E9).withConfig({componentId:"sc-af7abdc6-2"})(["height:100%;width:100%;object-fit:cover;"]),p=(0,l.ZP)(a.xu).withConfig({componentId:"sc-af7abdc6-3"})(["display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;margin-right:16px;overflow:hidden;"]),h=e=>{let{category:t,isExtensible:i,isSelected:l,wrapperProps:h,onSelect:u,categoryMobileMenu:g}=e;return(0,o.BX)(d,{...h,customDataProps:{"data-is-mobile-category-menu":g,onClick:()=>{u(t)},"data-event-category":"Ecommerce","data-event-action":"Category Navigation Click","data-event-label":n.zM.getLocalisedUrl(t.fullSlug,"CATEGORY").href},children:[(0,o.BX)(c,{children:[(0,o.tZ)(p,{customDataProps:{style:{backgroundColor:t.backgroundColor,flexShrink:0}},children:(0,o.tZ)(s,{src:t.logo})}),(0,o.tZ)(a.xv,{colour:l?"primaryBase":"gray800",size:"p3",children:t.name})]}),i&&(0,o.tZ)(r.XC,{style:{height:20,width:20,flexShrink:0}})]})}},62789:function(e,t,i){i.d(t,{P:function(){return s}});var o=i(35944);i(67294);var a=i(13240),r=i(90762),n=i(87379);let l=n.ZP.div.withConfig({componentId:"sc-6dad398d-0"})(["display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:16px;"]),d=n.ZP.div.withConfig({componentId:"sc-6dad398d-1"})(["display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:8px;text-align:center;"]),c=n.ZP.div.withConfig({componentId:"sc-6dad398d-2"})(["display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;gap:12px;button{border-radius:8px;}"]),s=e=>{let{isShow:t=!1,onClose:i,icon:n,title:s,description:p,onAccept:h,acceptText:u,cancelText:g}=e;return(0,o.tZ)(a.M,{opened:t,onClose:i,styles:{content:{borderRadius:16},body:{padding:24}},children:(0,o.BX)(l,{children:[(0,o.BX)(d,{children:[n||null,s&&(0,o.tZ)(r.X6,{tag:"h3",weight:"bold",colour:"gray800",children:s}),p&&(0,o.tZ)(r.xv,{size:"p2",colour:"gray600",customDataProps:{style:{whiteSpace:"pre-wrap"}},children:p})]}),(0,o.BX)(c,{children:[g&&(0,o.tZ)(r.zx,{customDataProps:{style:{width:"50%"}},size:"lg",color:"tertiary",onClick:i,children:g}),u&&(0,o.tZ)(r.zx,{customDataProps:{style:{width:"50%"}},size:"lg",color:"primary",onClick:h,children:u})]})]})})}},62146:function(e,t,i){i.d(t,{x:function(){return m}});var o=i(35944),a=i(67294),r=i(73935),n=i(90762),l=i(23236),d=i(76902),c=i(54479),s=i(87379);let p=s.ZP.div.withConfig({componentId:"sc-b420dcdb-0"})(["width:100vw;height:calc( var(--app-height,100vh) - (var(--space-top) + var(--space-bottom)) * 1px );position:fixed;top:calc(var(--space-top) * 1px);left:0;transition:all ","ms;opacity:0;pointer-events:none;z-index:",";&[data-open='true']{opacity:1;pointer-events:initial;z-index:var(--active-z-index);}&[data-direction='top']{transform:translateY(-20%);&[data-open='true']{transform:translateY(0);}}&[data-direction='right']{transform:translateX(20%);&[data-open='true']{transform:translateX(0);}}&[data-direction='bottom']{transform:translateY(20%);&[data-open='true']{transform:translateY(0);}}&[data-direction='left']{transform:translateX(-20%);&[data-open='true']{transform:translateX(0);}}"],c.v3.animationDuration.normal,c.v3.zIndexes.negative),h=s.ZP.div.withConfig({componentId:"sc-b420dcdb-1"})(["background-color:",";position:fixed;top:0;left:0;width:100%;height:100%;opacity:0.3;"],e=>e.theme.colors.gray800),u=s.ZP.div.withConfig({componentId:"sc-b420dcdb-2"})(["position:relative;"]),g=s.ZP.div.withConfig({componentId:"sc-b420dcdb-3"})(["padding:20px 16px;display:flex;border-bottom:1px solid ",";background:",";.close-icon{width:24px;height:24px;cursor:pointer;margin-right:16px;}"],e=>e.theme.colors.neutral100,e=>e.theme.colors.white),m=e=>{var t;let{isOpen:i,children:s,direction:m="right",space:f,zIndexLayer:x,withBackdrop:v,disableBodyScrollOnOpen:w=!0,wrapperProps:b,customDataProps:y,renderOutside:Z=!1,heading:C,onClose:k}=e,[z,P]=(0,a.useState)(!1),[I,D]=(0,a.useState)(!!i);(0,a.useEffect)(()=>{i?D(!0):setTimeout(()=>{D(!1)},c.v3.animationDuration.normal),P(i),w&&c.v3.toggleNoScroll(!!i)},[i]),(0,a.useEffect)(()=>()=>{c.v3.toggleNoScroll(!1)},[]);let M=(null==v?void 0:v.showBackdrop)?"div":a.Fragment,B=(0,o.tZ)(n.xu,{...b,children:(0,o.BX)(p,{...y,"data-open":z,"data-direction":m,"data-with-backdrop":!0,style:{"--space-top":(null==f?void 0:f.top)||0,"--space-bottom":(null==f?void 0:f.bottom)||0,"--active-z-index":c.v3.zIndexes[x||"fullScreenModal"],...null==y?void 0:y.style},children:[(null==v?void 0:v.showBackdrop)&&(0,o.tZ)(h,{style:v.backdropStyle,onClick:v.onBackdropClick}),I?(0,o.BX)(u,{as:M,style:null==v?void 0:v.childrenWrapperStyle,children:[C&&(0,o.BX)(g,{children:[(0,o.tZ)(l.Tw,{className:"close-icon",onClick:()=>{null==k||k()}}),(0,o.tZ)(n.X6,{tag:"h5",weight:"bold",children:C})]}),s]}):null]})}),S=!d.DM&&(null===(t=document)||void 0===t?void 0:t.querySelector("body"));return Z&&S?r.createPortal(B,S):B}},78160:function(e,t,i){i.d(t,{qh:function(){return z.q},Ho:function(){return X},pB:function(){return G},aU:function(){return M},xG:function(){return J.x},wS:function(){return $},ol:function(){return P.o},Du:function(){return k}});var o=i(35944),a=i(67294),r=i(90762),n=i(23236),l=i(55902),d=i(12354),c=i(19695),s=i(76318),p=i(30623),h=i(54479),u=i(38066),g=i(90143),m=i(92525),f=i(28220),x=i(23808),v=i(87379),w=i(76902);let b=(0,v.ZP)(r.xu).withConfig({componentId:"sc-13b4fbc1-0"})(["height:64px;display:flex;align-items:center;justify-content:space-between;background-color:white;padding:0 16px;","{align-items:center;max-height:80px;min-height:64px;}","{border-bottom:1px solid ",";}"],f.M.mbDown,f.M.tdUp,e=>e.theme.colors.neutral100),y=(0,v.ZP)(r.xu).withConfig({componentId:"sc-13b4fbc1-1"})(["width:",";","{width:auto;}"],w.Mj,f.M.mbDown);(0,v.ZP)(r.xu).withConfig({componentId:"sc-13b4fbc1-2"})(["display:flex;align-items:center;height:100%;> :not(:last-child){margin-right:24px;}"]);let Z=(0,v.ZP)(r.xu).withConfig({componentId:"sc-13b4fbc1-3"})(["display:flex;align-items:center;"]),C=(0,v.ZP)(x.D).withConfig({componentId:"sc-13b4fbc1-4"})(["&[data-has-icons='true']{border:none;background:none;svg{max-width:unset;margin:0;}> div:first-child{padding:8px;::after{display:none;}}> ul{max-width:unset;min-width:180px;right:0;left:unset;white-space:nowrap;li{align-items:center;> div{display:flex;max-width:unset;align-items:center;}svg{width:24px;height:24px;path{fill:",";}}}}}"],e=>e.theme.colors.gray600);v.ZP.div.withConfig({componentId:"sc-13b4fbc1-5"})(["width:368px;position:absolute;top:calc(100% + 16px);right:0px;box-shadow:rgb(217 217 217) 0px 4px 8px;background-color:",";border-radius:8px;z-index:",";transition:all ","ms;opacity:0;transform:translateY(-30px);pointer-events:none;&[data-is-open-panel='true']{opacity:1;transform:translateY(0);pointer-events:auto;}&:before{content:'';width:0;height:0;border:8px solid transparent;border-bottom-color:",";position:absolute;bottom:100%;right:8px;}"],e=>e.theme.colors.white,h.v3.zIndexes.profilePanel,h.v3.animationDuration.normal,e=>e.theme.colors.white),(0,v.ZP)(r.xu).withConfig({componentId:"sc-13b4fbc1-6"})(["display:flex;"]);let k=e=>{var t;let{wrapperProps:i,customDataProps:f,...x}=e,v=(0,s.U)(),{isDesktop:w}=m.v.useDevice(),[k,z]=(0,p.O)(!1),{push:P,query:I,asPath:D}=g.z.useRouter(),{state:M,globalStateDispatch:B}=h.f8.useAppContext(),{topBarDisplayConfigs:S={}}=h.f8.useNavigationContext(),E=null==M?void 0:null===(t=M.components)||void 0===t?void 0:t.modal,{data:T}=(0,c.P)(),{data:q}=(0,d.jD)(),X=(0,a.useRef)(null),[R,N]=(0,a.useState)(!1);(0,a.useEffect)(()=>{let e=e=>{var t;!R||(null===(t=X.current)||void 0===t?void 0:t.contains(e.target))||N(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[R]);let A=S.hasBorder||x.hasBorder,L={...x.titleProps,...S.titleProps},O={...x.cartProps,...S.cartProps},j={...x.searchProps,...S.searchProps},U={...x.backProps,...S.backProps},_={...x.rightKebabProps,...S.rightKebabProps};return(0,o.BX)(r.xu,{...i,children:[(0,o.tZ)("a",{href:"https://hellobacsi.blog/shop/khuyen-mai/Mien-phi-van-chuyen-toan-bo-don-hang-pharmacity-duy-nhat-tai-hello-bacsi/",target:"_blank",children:(0,o.tZ)("img",{style:{minWidth:"100%",height:52,objectFit:"contain",backgroundColor:"#C0F9FF",display:"block"},src:"/shop/images/sitewide-mobile.png?v=3"})}),(0,o.BX)(b,{...f,customDataProps:{...null==f?void 0:f.customDataProps,"data-has-border":String(A)},children:[(0,o.BX)(r.xu,{customDataProps:{style:{display:"flex",alignItems:"center",height:"100%",width:"100%"}},children:[!w&&(null==U?void 0:U.visible)&&(0,o.tZ)(r.xu,{customDataProps:{style:{display:"flex",paddingRight:16,cursor:"pointer"},onClick:U.onClick},children:(0,o.tZ)(n.XC,{width:"24px",style:{transform:"rotate(180deg)"}})}),(null==L?void 0:L.visible)&&(null==L?void 0:L.content)&&(0,o.tZ)(y,{customDataProps:{onClick:L.onClick},children:(0,o.tZ)(r.X6,{tag:"h5",as:"h1",weight:"bold",wordWrap:"none",children:L.content})})]}),(0,o.BX)(Z,{children:[(null==j?void 0:j.visible)&&(0,o.tZ)(r.xu,{customDataProps:{style:{display:"flex",alignItems:"center",height:"100%",marginRight:8,padding:8,cursor:"pointer"},onClick:()=>{B({type:u.M.SET_MODAL,payload:{modal:"mobile-search"===E?null:"mobile-search"}})},"data-event-category":"Ecommerce","data-event-action":"Search Box Click","data-event-label":v},children:(0,o.tZ)(n.W1,{width:"24px"})}),(null==O?void 0:O.visible)&&(0,o.tZ)(r.xu,{customDataProps:{style:{display:"flex",alignItems:"center",height:"100%",marginRight:8,padding:8,cursor:"pointer"},onClick:()=>{P(g.z.getLocalisedUrl("","CART"))}},children:(null==q?void 0:q.itemsQty)?(0,o.tZ)(r.Ct,{size:"sm",text:q.itemsQty,attachingElement:(0,o.tZ)(n.w7,{width:"24px"})}):(0,o.tZ)(n.w7,{width:"24px"})}),(null==_?void 0:_.visible)&&(0,o.tZ)(C,{placeholder:"",placeholderIcon:(0,o.tZ)(n.PE,{width:"24px"}),id:"123",size:"md",options:[{label:"Trang chủ",value:"home",icon:(0,o.tZ)(n.UW,{width:"16px"})},{label:"Danh mục sản phẩm",value:"categories",icon:(0,o.tZ)(n.Yk,{width:"16px"})},{label:"C\xe1 nh\xe2n",value:"user",icon:(0,o.tZ)(n.Pb,{width:"16px"})}],onChange:e=>{switch(N(!1),e.value){case"home":P(g.z.getNewRelativeURL("","shop"));break;case"categories":B({type:u.M.SET_MODAL,payload:{modal:"mobile-categories"===E?null:"mobile-categories"}});break;case"user":(null==T?void 0:T.id)?z():P(new URL(g.z.getUrlToSSO(g.z.getCurrentPath(D,I).toString(),"ecom")))}}})]}),(0,o.tZ)(l.k,{isShow:k,onClose:()=>{setTimeout(()=>z(!1),50)}})]})]})};i(17180),i(41630);var z=i(8370);i(98911);var P=i(16314),I=i(82970);let D=(0,v.ZP)(r.xu).withConfig({componentId:"sc-cf99ed7c-0"})(["width:",";height:100%;display:flex;align-items:center;flex-shrink:0;"],w.Mj),M=e=>{let{wrapperProps:t,customDataProps:i}=e,a=I.D.useTranslation(),l=(0,s.U)();return(0,o.tZ)(D,{...t,customDataProps:{...null==t?void 0:t.customDataProps,tabIndex:0,"data-event-category":"Ecommerce","data-event-action":"Category Navigation Click","data-event-label":l},children:(0,o.BX)(r.hU,{size:"md",color:"minimal",customDataProps:{style:{width:"100%",display:"flex",justifyContent:"flex-start",paddingLeft:0},"data-event-category":"Ecommerce","data-event-action":"Category Navigation Click","data-event-label":l,tabIndex:0},...i,children:[(0,o.tZ)(n.Vb,{width:"20px"}),(0,o.tZ)(r.xv,{wrapperProps:{display:{margin:"0 0 0 8px"}},size:"p3",children:a({id:"home.navigator.category.menu.title",defaultMessage:"Danh mục"})})]})})};var B=i(99914),S=i(78411),E=i(15038),T=i(41588);let q=(0,v.ZP)(r.xu).withConfig({componentId:"sc-85d060d2-0"})(["position:absolute;width:100%;padding:24px 24px;top:48px;left:50%;transform:translateX(-50%);transform:appears 0.5s;border-radius:0 0 4px 4px;border-top:1px solid ",";background-color:",";","{max-width:min(1248px,100vw);}","{max-width:min(1072px,100vw);}> div{position:relative;}"],e=>e.theme.colors.neutral50,e=>e.theme.colors.white,f.M.tdUp,f.M.tdOnly),X=e=>{var t,i;let{className:n,wrapperProps:l}=e,{categories:d=[]}=E.f.useNavigationContext(),c=(0,a.useRef)(null),[s,p]=(0,a.useState)();(0,a.useEffect)(()=>{var e;p(null===(e=d[0])||void 0===e?void 0:e.id)},[]);let h=g.z.usePush(),u="300px 1fr",m=e=>{if(s===e.id){var t;h(g.z.getLocalisedUrl(e.fullSlug,"CATEGORY")),null===(t=c.current)||void 0===t||t.blur()}else p(e.id)},f=e=>{var t;h(g.z.getLocalisedUrl(e.fullSlug,"CATEGORY")),null===(t=c.current)||void 0===t||t.blur()};return(0,o.tZ)(q,{...l,customDataProps:{tabIndex:1},className:n,boxRef:c,children:(0,o.tZ)(r.EW,{children:(0,o.BX)(B.G,{gridTemplateColumns:u,gridTemplateColumnsDesktop:u,gap:"24px",children:[(0,o.tZ)(r.xu,{display:{padding:"0 24px 0 0"},customDataProps:{style:{borderRight:"1px solid ".concat(S.t.colors.neutral50)}},children:d.map(e=>{var t,i;return(0,o.tZ)(T.D,{category:e,isExtensible:!!(null===(t=e.children)||void 0===t?void 0:t.length),isSelected:s===e.id,onSelect:(null===(i=e.children)||void 0===i?void 0:i.length)?m:f,wrapperProps:{display:{margin:"0 0 12px 0"}}},"category-"+e.id)})}),(0,o.tZ)(r.xu,{customDataProps:{style:{display:"grid",gridTemplateColumns:"1fr 1fr 1fr",gridAutoRows:"40px",rowGap:24}},children:void 0!==s&&(null===(i=d.find(e=>e.id===s))||void 0===i?void 0:null===(t=i.children)||void 0===t?void 0:t.map(e=>(0,o.tZ)(T.D,{category:e,isExtensible:!1,isSelected:!1,onSelect:f},"child-category-"+e.id)))})]})})})},R=(0,v.ZP)(r.xu).withConfig({componentId:"sc-6423ee2e-0"})(["display:flex;align-items:center;justify-content:space-between;cursor:pointer;"]),N=(0,v.ZP)(r.xu).withConfig({componentId:"sc-6423ee2e-1"})(["display:flex;align-items:center;width:100%;"]),A=(0,v.ZP)(r.E9).withConfig({componentId:"sc-6423ee2e-2"})(["height:100%;width:100%;object-fit:cover;"]),L=(0,v.ZP)(r.xu).withConfig({componentId:"sc-6423ee2e-3"})(["display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;margin-right:16px;overflow:hidden;"]),O=v.ZP.span.withConfig({componentId:"sc-6423ee2e-4"})(["display:flex;align-items:center;align-self:stretch;width:40px;padding:0 10px;"]),j=v.ZP.span.withConfig({componentId:"sc-6423ee2e-5"})(["height:100%;border-left:1px solid ",";"],e=>e.theme.colors.neutral100),U=v.ZP.span.withConfig({componentId:"sc-6423ee2e-6"})(["width:7px;height:7px;background-color:",";border:1.5px solid ",";border-radius:50%;margin-left:-4px;"],e=>e.theme.colors.neutral100,e=>e.theme.colors.neutral50),_=v.ZP.span.withConfig({componentId:"sc-6423ee2e-7"})(["width:7px;height:7px;background-color:",";border:1.5px solid ",";border-radius:50%;margin-left:-4px;"],e=>e.theme.colors.primaryBase,e=>e.theme.colors.neutral50),H=(0,v.ZP)(r.xu).withConfig({componentId:"sc-6423ee2e-8"})(["width:56px;padding-right:16px;height:100%;display:flex;align-items:center;justify-content:flex-end;"]),F=v.ZP.span.withConfig({componentId:"sc-6423ee2e-9"})(["& > svg > path{fill:",";}"],e=>e.theme.colors.primaryBase),W=(0,o.BX)(O,{children:[(0,o.tZ)(j,{}),(0,o.tZ)(U,{})]}),V=(0,o.BX)(O,{children:[(0,o.tZ)(j,{}),(0,o.tZ)(_,{})]}),G=e=>{var t;let{category:i,isParentCategory:a,isExpanded:l,isSelected:d,wrapperProps:c,onSelect:s,onExpanding:p}=e;return(0,o.BX)(R,{...c,customDataProps:{style:{paddingTop:a?8:4,paddingBottom:a?8:4,backgroundColor:d&&a&&!l?S.t.colors.blue50:S.t.colors.white}},display:{padding:"0 0 0 16px"},children:[!a&&(d?V:W),(0,o.BX)(N,{customDataProps:{onClick:()=>{s(i)},"data-event-category":"Ecommerce","data-event-action":"Category Navigation Click","data-event-label":h.zM.getLocalisedUrl(i.fullSlug,"CATEGORY").href},children:[a&&(0,o.tZ)(L,{customDataProps:{style:{backgroundColor:i.backgroundColor}},children:(0,o.tZ)(A,{src:i.logo})}),(0,o.tZ)(r.xv,{colour:d?"primaryBase":"gray800",size:d?"s4":"p3",weight:d?"semi-bold":"regular",children:i.name})]}),a&&!!(null===(t=i.children)||void 0===t?void 0:t.length)&&(l||d?(0,o.tZ)(H,{customDataProps:{onClick:()=>{null==p||p(i)}},children:(0,o.tZ)(F,{children:(0,o.tZ)(n.v4,{style:{height:20,width:20}})})}):(0,o.tZ)(H,{customDataProps:{onClick:()=>{null==p||p(i)}},children:(0,o.tZ)(n.XC,{style:{height:20,width:20}})}))]})},Y=(0,v.ZP)(r.xu).withConfig({componentId:"sc-213ed4e5-0"})(["display:flex;align-items:flex-start;justify-content:flex-start;"]),K=(0,v.ZP)(r.E9).withConfig({componentId:"sc-213ed4e5-1"})(["height:64px;width:64px;border-radius:4px;flex-shrink:0;object-fit:cover;"]),Q=(0,v.ZP)(r.xu).withConfig({componentId:"sc-213ed4e5-2"})(["display:flex;flex-direction:column;justify-content:flex-start;margin-left:12px;"]),$=e=>{let{wrapperProps:t,promotion:i}=e,a=h.D1.useTranslation(),n=h.zM.usePush();return(0,o.BX)(Y,{...t,customDataProps:{style:{cursor:"pointer"},onClick:()=>{n(h.zM.getLocalisedUrl(i.slug||"","PROMOTION"))}},children:[(0,o.tZ)(K,{src:i.thumbnail}),(0,o.BX)(Q,{children:[(0,o.tZ)(r.xv,{size:"s4",weight:"semi-bold",wrapperProps:{display:{margin:"0 0 4px 0"}},children:i.name}),!!i.expiredDate&&(0,o.tZ)(r.xv,{size:"description",weight:"regular",children:a({id:"productDetail.promotion.endDate",defaultMessage:"Hết hạn {endDate}"},{endDate:i.expiredDate})})]})]})};i(13844);var J=i(62146)},52352:function(e,t,i){i.d(t,{M:function(){return c}});var o=i(35944),a=i(67294),r=i(71500),n=i(23236),l=i(19695),d=i(62789);let c=e=>{let{activeItem:t,className:i}=e,[c,s]=(0,a.useState)(!1),{data:p}=(0,l.P)(),{mutate:h}=(0,l.a)();return(0,o.BX)(o.HY,{children:[(0,o.tZ)(r.P,{activeItem:t,onLogout:()=>s(!0),siteType:"helloSites",userInfo:p||void 0,className:i}),(0,o.tZ)(d.P,{isShow:c,onClose:()=>s(!1),icon:(0,o.tZ)(n.tw,{style:{with:"56px",height:"56px"}}),onAccept:h,title:"Đăng xuất?",description:"Bạn c\xf3 chắc chắn muốn đăng xuất?",acceptText:"Đăng xuất",cancelText:"Hủy"})]})}},98911:function(e,t,i){i.d(t,{I:function(){return w}});var o=i(35944),a=i(90762),r=i(47490),n=i(11674),l=i(65181),d=i(330),c=i(90143),s=i(28220),p=i(78411),h=i(85118),u=i(41664),g=i.n(u),m=i(87379);let f=(0,m.ZP)(g()).withConfig({componentId:"sc-61d06f93-0"})(["text-decoration:none;cursor:pointer;position:relative;background:",";border-radius:16px;word-break:break-word;display:flex;flex-direction:column;user-drag:none;transition:all 0.3s ease;border:1px solid ",";&:hover{button[data-size][data-color='tertiary']{background-color:#2d87f3;border:1px solid #2d87f3;color:#fff;&:hover{background-color:#2c74df;}}}-webkit-user-drag:none;&[data-size='100%']{--product-item-width:100%;--product-item-padding:16px;--product-card-padding:16px;","{--product-card-padding:8px;}}&[data-size='xxs']{--product-card-width:134px;--product-card-padding:8px;}&[data-size='xs']{--product-card-width:148px;--product-card-padding:0 12px 12px;}&[data-size='sm']{--product-card-width:163px;--product-card-padding:12px;}&[data-size='md']{--product-card-width:167px;--product-card-padding:0 12px 14.5px;}&[data-size='lg']{--product-card-width:172px;--product-card-padding:16px;}&[data-size='xl']{--product-card-width:180px;--product-card-padding:16px;}&[data-size='xxl']{--product-card-width:184px;--product-card-padding:16px;}&[data-size='xxxl']{--product-card-width:194px;--product-card-padding:16px;}width:var(--product-card-width);.product-card-image-wrapper{width:var(--product-card-width);padding-top:100%;height:0;position:relative;.product-card-image-with-frame img,img.product-card-image{top:0;left:0;position:absolute;width:100%;height:100%;object-fit:cover;border-top-left-radius:16px;border-top-right-radius:16px;}.product-card-promotion-tag-wrapper{position:absolute;bottom:0;left:0;width:100%;display:flex;img{height:22px;}}}.product-card-discount{position:absolute;top:8px;right:8px;&[data-color='danger']{background:",";border-radius:4px;padding:1px 4px;> span{font-size:10px;font-weight:600;line-height:16px;letter-spacing:-0.2px;}}}"],e=>e.theme.colors.white,e=>e.theme.colors.neutral100,s.M.mbDown,p.t.colors.yellow800),x=m.ZP.div.withConfig({componentId:"sc-61d06f93-1"})(["padding:var(--product-card-padding);display:flex;flex-direction:column;flex:1;.product-card-price-wrapper{display:flex;flex-wrap:wrap;overflow-wrap:break-word;margin-bottom:4px;align-items:center;.product-card-original-price{margin-left:4px;text-decoration:line-through;display:flex;align-items:center;color:",";}}.product-card-cat-name{display:flex;margin-bottom:4px;}.product-card-name{display:flex;margin-bottom:4px;.product-card-name-text{display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}}"],e=>e.theme.colors.gray400);m.ZP.div.withConfig({componentId:"sc-61d06f93-2"})(["margin-top:auto;display:flex;flex-wrap:wrap;overflow-wrap:break-word;align-items:center;.product-star-icon{width:16px;height:16px;margin-right:4px;}.product-card-rating{margin-right:4px;display:flex;align-items:center;}"]),m.ZP.div.withConfig({componentId:"sc-61d06f93-3"})(["margin-top:auto;display:flex;button[data-size]{width:100%;pointer-events:initial;padding:9px 12px;}border-width:1px;"]),(0,m.ZP)(h.M).withConfig({componentId:"sc-61d06f93-4"})([".hhg-modal.hhg-modal{width:572px;","{width:350px;}.title-container{display:flex;align-items:center;justify-content:space-between;}.image-info-wrapper{display:flex;gap:16px;align-items:center;margin-bottom:12px;.product-image{border-radius:3px;width:120px;height:120px;object-fit:contain;}}.title-divider{border-top:1px solid #e4e8ec;margin:16px 0 12px;","{margin-top:9px;}}}"],s.M.mbDown,s.M.mbDown);let v=m.ZP.label.withConfig({componentId:"sc-61d06f93-5"})(["width:100%;border-radius:4px;border:1px solid #feccbf;background:#fae9e8;padding:4px 8px;align-items:center;display:flex;justify-content:center;text-align:center;margin-top:auto;"]),w=e=>{var t,i,s,p,h,u,g,m,w,b,y,Z,C;let{className:k,wrapperProps:z={},customDataProps:P={},size:I="md",product:D,imageFrameProps:M,isHotdeal:B}=e,S=c.z.useLocale(),{data:E}=(0,l.t)(),T=null==E?void 0:E.filter(e=>{var t,i;return e.isApplyAll&&!(null===(t=e.excludedSku)||void 0===t?void 0:t.includes(D.sku))||(null===(i=e.sku)||void 0===i?void 0:i.includes(D.sku))}).slice(0,3),q=(null===(t=D.price)||void 0===t?void 0:t.final)?"".concat(null===(i=D.price)||void 0===i?void 0:i.final):"",X=(null===(s=D.price)||void 0===s?void 0:s.discountPercent)?"-".concat(0===Math.floor(D.price.discountPercent)?Math.ceil(D.price.discountPercent):Math.floor(D.price.discountPercent),"%"):"",R=X&&(null===(p=D.price)||void 0===p?void 0:p.regular)?"".concat(null===(h=D.price)||void 0===h?void 0:h.regular):"",N=c.z.getLocalisedUrl(D.slug,"PRODUCT").href;return(0,o.tZ)(r.x,{...z,className:k+" "+(z.className||""),children:(0,o.BX)(f,{title:D.name,"data-size":I,"data-event-category":"Ecommerce","data-event-action":"Item Click","data-event-label":N,"data-product-sku":D.sku,...P,href:N,children:[(0,o.BX)("div",{className:"product-card-image-wrapper",children:[M?(0,o.tZ)(a.KW,{customDataProps:{className:"product-card-image-with-frame"},image:D.thumbnail,alt:D.name,fallbackSrc:(null==D?void 0:null===(g=D.images)||void 0===g?void 0:null===(u=g[0])||void 0===u?void 0:u.medium)||(null==D?void 0:null===(w=D.images)||void 0===w?void 0:null===(m=w[0])||void 0===m?void 0:m.small),...M}):(0,o.tZ)(n.E,{className:"product-card-image",src:D.thumbnail,alt:null==D?void 0:D.name,fallbackSrc:(null==D?void 0:null===(y=D.images)||void 0===y?void 0:null===(b=y[0])||void 0===b?void 0:b.medium)||(null==D?void 0:null===(C=D.images)||void 0===C?void 0:null===(Z=C[0])||void 0===Z?void 0:Z.small)}),!!(null==T?void 0:T.length)&&(0,o.tZ)("div",{className:"product-card-promotion-tag-wrapper",children:T.map((e,t)=>(0,o.tZ)("div",{children:(0,o.tZ)("img",{src:e.image,alt:e.name})},t))})]}),(0,o.BX)(x,{children:[D.tag&&(0,o.tZ)("div",{className:"product-card-cat-name",children:(0,o.tZ)(a.xv,{size:"description",colour:"primaryBase",weight:"regular",children:D.tag.name})}),(0,o.tZ)("div",{className:"product-card-name",children:(0,o.tZ)(a.xv,{size:"p3",as:"h3",colour:"gray800",weight:"regular",className:"product-card-name-text",dangerouslySetInnerHTML:{__html:D.name}})}),(0,o.BX)("div",{className:"product-card-price-wrapper",children:[(0,o.tZ)(a.xv,{size:"s4",colour:"red800",children:(0,d.OH)(q,S,"VND")}),R&&(0,o.tZ)("div",{className:"product-card-original-price",children:(0,o.tZ)(a.xv,{size:"description",colour:"gray400",weight:"regular",children:(0,d.OH)(R,S,"VND")})})]}),B&&(0,o.tZ)(v,{children:(0,o.tZ)(a.xv,{size:"s5",weight:"semi-bold",colour:"red800",children:"Đang b\xe1n chạy"})})]}),X&&(0,o.tZ)(a.Af,{customDataProps:{className:"product-card-discount"},size:"sm",color:"danger",children:X})]})})}},17180:function(e,t,i){i.d(t,{h:function(){return u}});var o=i(35944);i(67294);var a=i(86896),r=i(90762),n=i(47490),l=i(54479),d=i(41664),c=i.n(d),s=i(87379);let p=(0,s.ZP)(c()).withConfig({componentId:"sc-3f2a015f-0"})(["display:block;text-decoration:none;cursor:pointer;position:relative;background:",";border-radius:4px;word-break:break-word;&[data-size='xs']{--reward-item-width:unset;--reward-item-description-padding:0 0 0 16px;display:flex;width:unset;.reward-item-image-wrapper{width:64px;padding-top:64px;flex-shrink:0;}}&[data-size='sm']{--reward-item-width:163px;--reward-item-description-padding:16px 0 0 0;}&[data-size='md']{--reward-item-width:180px;--reward-item-description-padding:16px;}&[data-size='lg']{--reward-item-width:205px;--reward-item-description-padding:16px 0 0 0;}width:var(--reward-item-width);.reward-item-image-wrapper{width:var(--reward-item-width);padding-top:100%;height:0;position:relative;.reward-item-image{top:0;left:0;position:absolute;width:100%;height:100%;object-fit:cover;border-radius:4px;}}"],e=>e.theme.colors.white),h=s.ZP.div.withConfig({componentId:"sc-3f2a015f-1"})(["padding:var(--reward-item-description-padding);display:flex;flex-direction:column;&[data-size='xs']{flex-direction:row;}.reward-item-title{display:flex;margin-bottom:4px;}.reward-item-end-date{display:flex;}"]),u=e=>{let{wrapperProps:t={},customDataProps:i={},size:d="md",promotion:c}=e,{formatMessage:s}=(0,a.Z)(),{slug:u,thumbnail:g,name:m,expiredDate:f}=c;return(0,o.tZ)(n.x,{...t,children:(0,o.BX)(p,{href:l.zM.getLocalisedUrl(u||"","PROMOTION").toString(),"data-size":d,...i,children:[(0,o.tZ)("div",{className:"reward-item-image-wrapper",children:(0,o.tZ)(r.E9,{className:"reward-item-image",src:g,alt:m})}),(0,o.BX)(h,{children:[(0,o.tZ)("div",{className:"reward-item-title",children:(0,o.tZ)(r.xv,{size:"s3",colour:"gray800",weight:"semi-bold",children:m})}),f&&(0,o.tZ)("div",{className:"reward-item-end-date",children:(0,o.tZ)(r.xv,{size:"lg"===d?"p3":"description",colour:"gray600",weight:"regular",children:s({id:"rewardItem.endDate"},{date:f})})})]})]})})}},16314:function(e,t,i){i.d(t,{o:function(){return f}});var o=i(35944),a=i(67294),r=i(66494),n=i(20058),l=i(23236),d=i(76318),c=i(54479),s=i(38066),p=i(92525),h=i(82970),u=i(87379),g=i(90762);let m=(0,u.ZP)(g.xu).withConfig({componentId:"sc-f7f31af6-0"})(["position:relative;& .search-result-panel{display:none;}&:focus-within .search-result-panel{display:unset;}"]);(0,u.ZP)(g.xu).withConfig({componentId:"sc-f7f31af6-1"})(["display:flex;flex-direction:column;align-items:center;"]);let f=e=>{let{wrapperProps:t,customInputProps:i,hideSearchIcon:u,autoFocus:g}=e,{push:f}=c.zM.useRouter(),[x,v]=(0,a.useState)(""),w=h.D.useTranslation(),{isMobile:b,isDesktop:y}=p.v.useDevice(),{state:{searchKeyword:Z},globalStateDispatch:C}=c.f8.useAppContext(),k=(0,d.U)(),z=(0,a.useCallback)(function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";C({type:s.M.SET_SEARCH_KEYWORD,payload:{searchKeyword:e}})},[]),P=()=>{f({pathname:c.zM.getLocalisedUrl("","SEARCH").toString(),query:{keyword:encodeURIComponent(Z)}}),C({type:s.M.SET_MODAL,payload:{modal:null}})},I=(0,a.useCallback)(e=>{C({type:s.M.SET_MODAL,payload:{modal:e?"mobile-search":null}})},[]);return(0,o.BX)(m,{className:"search-box",children:[(0,o.tZ)(r.c,{wrapperProps:t,autoFocus:g,onFocus:()=>{I(!0)},onKeyPress:e=>{console.log("keydown"),"Enter"===e.key&&P()},...i,size:b?"md":"sm",value:void 0!==Z?Z:x,onChange:e=>{void 0!==z?z(e):v(e)},icon:u?void 0:(0,o.tZ)(l.W1,{width:"20"}),placeholder:w({id:"search.input.placeHolder",defaultMessage:"T\xecm theo t\xean thuốc, bệnh l\xfd, ..."}),"data-event-category":"Ecommerce","data-event-action":"Search Box Click","data-event-label":k}),y&&(0,o.tZ)(n.s,{wrapperProps:{style:{minWidth:"100%",position:"absolute",top:"100%",left:0,zIndex:p.v.zIndexes.searchBarResult,maxHeight:"calc(100vh - 110px)",overflowY:"auto"},className:"search-result-panel"},customDataProps:{tabIndex:0}})]})}},20058:function(e,t,i){i.d(t,{s:function(){return D}});var o=i(35944),a=i(67294),r=i(90762),n=i(78411),l=i(87379),d=i(11674);let c=l.ZP.div.withConfig({componentId:"sc-f9009f7e-0"})(["display:flex;gap:calc(var(--gap) * 1px);cursor:pointer;align-items:center;&:hover{background-color:var(--hover-background);}"]),s=l.ZP.div.withConfig({componentId:"sc-f9009f7e-1"})(["width:calc(var(--image-wrapper-size) * 1px);height:calc(var(--image-wrapper-size) * 1px);display:inline-flex;align-items:center;justify-content:center;&[data-is-round='true']{border-radius:50%;}"]),p=(0,l.ZP)(d.E).withConfig({componentId:"sc-f9009f7e-2"})(["width:calc(var(--image-size) * 1px);height:calc(var(--image-size) * 1px);"]),h=e=>{let{image:t,label:i,gap:a=8,imageComponent:l,roundImageWrapper:d,imageWrapperBackgroundColor:h,imageWrapperSize:u=48,imageFit:g="contain",imageSize:m=48,labelComponent:f,labelStyle:x,customTextProps:v,hoverBackground:w,tag:b="div",layout:y="horizontal",onClick:Z,wrapperProps:C,customDataProps:k}=e;return(0,o.tZ)(r.xu,{...C,children:(0,o.BX)(c,{as:b,onClick:Z,...k,style:{"--gap":a,"--hover-background":w&&n.t.colors[w],flexDirection:"horizontal"===y?"row":"column",...k&&k.style},children:[(0,o.tZ)(s,{"data-is-round":!!d,style:{backgroundColor:h,"--image-wrapper-size":u},children:l||(0,o.tZ)(p,{src:t,alt:i,style:{"--image-size":m,objectFit:g}})}),f||(0,o.tZ)(r.xv,{size:"p3",customDataProps:{style:x,className:"text-limited-line"},...v,dangerouslySetInnerHTML:{__html:i||""}})]})})};var u=i(23236),g=i(76318),m=i(54479),f=i(38066),x=i(92525),v=i(82970),w=i(28220);let b=l.ZP.div.withConfig({componentId:"sc-94c4da4a-0"})(["padding:16px 24px;box-shadow:0px 8px 40px rgba(0,0,0,0.1);border-radius:4px;background-color:",";","{box-shadow:none;border-radius:0;padding:0 16px 16px 16px;}"],e=>e.theme.colors.white,w.M.tdDown),y=l.ZP.div.withConfig({componentId:"sc-94c4da4a-1"})(["display:flex;flex-wrap:wrap;gap:8px;padding:0 0 16px 0;> div{flex:0 0 auto;}"]),Z=l.ZP.div.withConfig({componentId:"sc-94c4da4a-2"})(["padding:8px 0;","{> div:not(:last-child){border-bottom:1px solid ",";}}"],w.M.tdDown,e=>e.theme.colors.neutral50),C=l.ZP.div.withConfig({componentId:"sc-94c4da4a-3"})(["display:grid;gap:12px;grid-template-columns:1fr 1fr;padding:16px 0 0;","{grid-template-columns:repeat(4,1fr);gap:16px 8px;}"],w.M.mbDown),k=l.ZP.div.withConfig({componentId:"sc-94c4da4a-4"})(["border-bottom:1px solid ",";","{border-width:8px;margin:0 -16px;}"],e=>e.theme.colors.neutral50,w.M.mbDown),z=l.ZP.div.withConfig({componentId:"sc-94c4da4a-5"})(["padding:8px 0;"]),P=l.ZP.div.withConfig({componentId:"sc-94c4da4a-6"})([".keyword{color:",";}"],e=>e.theme.colors.primaryBase),I=e=>{let{keyword:t,fullText:i}=e,r=(0,a.useMemo)(()=>i.replace(RegExp("(".concat(t,")"),"ig"),'<span class="keyword">$1</span>'),[t,i]);return(0,o.tZ)(P,{dangerouslySetInnerHTML:{__html:r}})},D=e=>{let{wrapperProps:t,customDataProps:i}=e,n=(0,g.U)(),l=v.D.useTranslation(),{isMobile:d}=x.v.useDevice(),c=m.zM.usePush(),{state:{searchSuggestionData:{popularKeywords:s=[],searchKeyword:p="",products:w=[],popularProducts:P=[],categories:D=[]}},globalStateDispatch:M}=m.f8.useAppContext(),B=(0,a.useCallback)(function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";M({type:f.M.SET_SEARCH_KEYWORD,payload:{searchKeyword:e}})},[]),S=()=>{M({type:f.M.SET_MODAL,payload:{modal:null}})};return(0,o.tZ)(r.xu,{...t,children:(0,o.BX)(b,{...i,children:[!!(null==w?void 0:w.length)&&(0,o.tZ)(r.xu,{children:(0,o.tZ)(z,{children:w.map((e,t)=>(0,o.tZ)(h,{imageComponent:(0,o.tZ)(u.W1,{width:24}),imageWrapperSize:24,gap:12,hoverBackground:"neutral50",labelComponent:(0,o.tZ)(r.xv,{size:"p3",children:(0,o.tZ)(I,{keyword:p,fullText:e.name})}),label:e.name,onClick:()=>{c(m.zM.getLocalisedUrl(e.slug,"PRODUCT")),S()},customDataProps:{style:{padding:"6px 0"}}},t))})}),!(null==w?void 0:w.length)&&(0,o.BX)(o.HY,{children:[!!s.length&&(0,o.BX)(r.xu,{children:[(0,o.tZ)(y,{children:s.map((e,t)=>(0,o.tZ)(r.Af,{color:"quaternary",size:"md",onClick:()=>{B(e)},customDataProps:{"data-event-category":"Ecommerce","data-event-action":"Search Click","data-event-label":n,"data-event-region":"Popular Search","data-event-keyword":e},children:(0,o.BX)(r.xv,{size:"p3",children:[" ",e]})},t))}),(0,o.tZ)(k,{})]}),!!P.length&&(0,o.BX)(r.xu,{style:{marginTop:16},children:[(0,o.tZ)(r.xv,{size:d?"c1":"s4",colour:"secondaryDark",customDataProps:{style:{textTransform:"uppercase"}},children:l({id:"common.search.popularSearch",defaultMessage:"Popular search"})}),(0,o.tZ)(Z,{children:P.map((e,t)=>(0,o.tZ)(h,{image:e.thumbnail,label:e.name,gap:12,onClick:()=>{c(m.zM.getLocalisedUrl(e.slug,"PRODUCT")),S()},hoverBackground:"neutral50",customDataProps:{style:{padding:d?"12px 0":"8px 0"},"data-event-category":"Ecommerce","data-event-action":"Search Click","data-event-label":n,"data-event-region":"Popular Products","data-event-keyword":m.zM.getLocalisedUrl(e.slug,"PRODUCT").href}},t))}),(0,o.tZ)(k,{})]}),!!D.length&&(0,o.BX)(r.xu,{style:{marginTop:16,marginBottom:16},children:[(0,o.tZ)(r.xv,{size:d?"c1":"s4",colour:"secondaryDark",customDataProps:{style:{textTransform:"uppercase"}},children:l({id:"search.popularCategories",defaultMessage:"Popular categories"})}),(0,o.tZ)(C,{children:D.map(e=>(0,o.tZ)(h,{layout:d?"vertical":"horizontal",image:e.logo,label:e.name,imageFit:"cover",gap:d?4:16,imageSize:d?40:48,onClick:()=>{c(m.zM.getLocalisedUrl(e.slug,"CATEGORY")),S()},hoverBackground:"neutral50",customTextProps:{colour:d?"gray600":"gray800",size:d?"description":"p3",weight:"regular"},labelStyle:{"--max-line":2,textAlign:"center"},customDataProps:{"data-event-category":"Ecommerce","data-event-action":"Search Click","data-event-label":n,"data-event-region":"Popular Catgeories","data-event-keyword":m.zM.getLocalisedUrl(e.slug,"CATEGORY").href}},e.id))})]})]})]})})}},13844:function(e,t,i){i(67294),i(90762);var o=i(87379);o.ZP.div.withConfig({componentId:"sc-34f87d95-0"})(["height:4px;position:relative;&:before{content:'';border-radius:2px;background-color:",";opacity:0.15;position:absolute;top:0;left:0;width:100%;height:100%;}&:after{content:'';border-radius:2px;background-color:",";position:absolute;top:0;left:0;height:100%;width:calc(var(--progress) * 1%);}"],e=>e.theme.colors.yellow400,e=>e.theme.colors.yellow400),i(54479),o.ZP.table.withConfig({componentId:"sc-4e8646a1-0"})(["width:100%;table-layout:auto;"]),o.ZP.tr.withConfig({componentId:"sc-4e8646a1-1"})(["width:100%;height:34px;"]),o.ZP.td.withConfig({componentId:"sc-4e8646a1-2"})(["white-space:nowrap;padding-right:12px;vertical-align:middle;"]),o.ZP.td.withConfig({componentId:"sc-4e8646a1-3"})(["width:100%;vertical-align:middle;"])},49246:function(e,t,i){i.d(t,{qM:function(){return S},Ai:function(){return eg},ge:function(){return W},k7:function(){return es},TS:function(){return ep},Np:function(){return em.N},E1:function(){return P},EE:function(){return ew},w8:function(){return j}});var o=i(35944),a=i(67294),r=i(41664),n=i.n(r),l=i(26068),d=i(57148),c=i(54479);let s=e=>{let{count:t,style:i,...a}=e;return void 0!==t?(0,o.tZ)(n(),{href:c.zM.getLocalisedUrl("","CART").toString(),style:{textDecoration:"none",...i},...a,children:(0,o.tZ)(d.z,{withBorder:!0,color:"red",size:20,disabled:0===t,label:(0,o.tZ)(l.T,{color:"white",size:"s5",children:t>99?"99+":t}),children:(0,o.tZ)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:(0,o.tZ)("path",{d:"M5.308 21.5q-.748 0-1.278-.53a1.74 1.74 0 0 1-.53-1.278V8.308q0-.75.53-1.278.53-.53 1.278-.53H7.5q0-1.873 1.313-3.187Q10.127 2 12 2t3.187 1.313T16.5 6.5h2.192q.749 0 1.278.53.53.53.53 1.278v11.384q0 .749-.53 1.278-.53.53-1.278.53zm0-1.5h13.384a.3.3 0 0 0 .212-.096.3.3 0 0 0 .096-.212V8.308a.3.3 0 0 0-.096-.212.3.3 0 0 0-.212-.096H5.308a.3.3 0 0 0-.212.096.3.3 0 0 0-.096.212v11.384q0 .116.096.212a.3.3 0 0 0 .212.096M9 6.5h6q0-1.25-.875-2.125A2.9 2.9 0 0 0 12 3.5q-1.25 0-2.125.875A2.9 2.9 0 0 0 9 6.5m2.985 7q1.695 0 3.047-1.148 1.35-1.148 1.335-2.606a.74.74 0 0 0-.207-.528.7.7 0 0 0-.527-.218.7.7 0 0 0-.471.182 1 1 0 0 0-.295.506 2.8 2.8 0 0 1-1.036 1.665 2.9 2.9 0 0 1-1.846.647 2.93 2.93 0 0 1-1.854-.647A2.73 2.73 0 0 1 9.1 9.688q-.086-.34-.278-.514A.66.66 0 0 0 8.367 9a.72.72 0 0 0-.534.218.72.72 0 0 0-.216.528q0 1.457 1.336 2.606 1.335 1.148 3.032 1.148",fill:"#fff"})})})}):null};var p=i(90762),h=i(16314),u=i(12354),g=i(76318),m=i(76902),f=i(38066),x=i(28220),v=i(87379);let w=v.ZP.div.withConfig({componentId:"sc-323d960d-0"})(["display:flex;flex-direction:column;align-items:center;","{.logo-x-sign{display:none;}transform:scale(0.85);body[data-scroll='down'] &{height:32px;flex-direction:row;transform:unset;.logo-x-sign{display:initial;}.partner-text{display:none;}}}","{height:32px;flex-direction:row;.partner-text{display:none;}}"],x.M.tdUp,x.M.tdDown),b=()=>(0,o.BX)(w,{children:[(0,o.BX)("svg",{width:"146",height:"22",viewBox:"0 0 146 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,o.tZ)("path",{d:"M3.372 16.253H.605V1.143h2.767v5.534a4.6 4.6 0 0 1 1.288-.703q.712-.255 1.522-.255 1.085 0 2.01.447A4.6 4.6 0 0 1 9.757 7.38q.51.618.788 1.447.277.83.277 2.171v5.256H8.054v-5.468q0-.766-.16-1.203a2 2 0 0 0-.457-.734q-.576-.575-1.554-.574-.447 0-.84.128a3.5 3.5 0 0 0-1.277.734 3.4 3.4 0 0 0-.394.416zm18.51-1.811a4.9 4.9 0 0 1-1.884 1.373 6 6 0 0 1-2.351.479 5.9 5.9 0 0 1-2.14-.384 5.1 5.1 0 0 1-1.713-1.085 5 5 0 0 1-1.138-1.691q-.416-.99-.416-2.203 0-1.085.35-2.054a5.3 5.3 0 0 1 1.012-1.714q.66-.744 1.585-1.181.927-.435 2.075-.436 1.064 0 1.957.425.893.427 1.544 1.139a5.2 5.2 0 0 1 1.01 1.67q.363.958.363 2.043 0 .447-.064.787h-7.15q.063.555.298 1 .234.447.608.766a2.84 2.84 0 0 0 1.884.68q.893 0 1.563-.393.67-.394 1.033-.798zM19.307 9.59a2.2 2.2 0 0 0-.202-.671 2 2 0 0 0-1.053-.99q-.36-.149-.787-.148-.874 0-1.49.554-.617.553-.725 1.255z",fill:"#fff"}),(0,o.tZ)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M32.597 3.39c0-.171-.011-.353-.024-.526a1.9 1.9 0 0 0-.326-.966C31.759 1.153 31.077.794 30.22.83a1.21 1.21 0 0 0-1.033.633c-.193.33-.242.724-.134 1.084.107.355.352.642.685.806.173.092.224.173.206.335v9.548l-.002.079c-.003.062-.006.127.002.192.009.124-.031.186-.151.236-.555.241-.815.696-.775 1.348.04.675.544 1.164 1.228 1.19l.09.001c1.251 0 2.179-1.054 2.237-2.032.013-.178.024-.35.024-.53V8.56l.003-1.719c.001-1.13.004-2.298-.003-3.452m-6.018 10.389c-.212-.092-.28-.21-.259-.452v-9.72c.01-.123.054-.185.16-.227.065-.026.132-.052.184-.092.486-.32.708-.924.552-1.505-.169-.584-.627-.94-1.226-.953h-.045c-.712 0-1.312.288-1.781.856-.33.401-.498.895-.498 1.467v5.385q0 1.373.006 2.738.005 1.36.006 2.72c0 .783.457 1.748 1.48 2.139q.401.147.758.147.209 0 .406-.05c.508-.126.878-.566.945-1.12.069-.561-.214-1.108-.688-1.333",fill:"#fff"}),(0,o.tZ)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"m40.73 15.807-.056-.15-.147.015c-.098.01-.533.026-.954.042-.943.035-1.057.043-1.103.058l-.097.033.002.103a2.95 2.95 0 0 1-1.76 2.77 5.2 5.2 0 0 1-1.169.334 10.7 10.7 0 0 1-3.34 0 4.8 4.8 0 0 1-1.393-.437 2.5 2.5 0 0 1-1.193-1.326c-.053-.133-.1-.274-.148-.412a5 5 0 0 0-.157-.425c-.225-.526-.778-.809-1.313-.673-.554.137-.923.62-.897 1.174.013.322.073.622.21 1.04.142.418.365.837.645 1.209.508.69 1.181 1.216 2.06 1.61.844.383 1.774.608 2.846.688q.581.04 1.104.04c.741 0 1.405-.06 2.034-.185.931-.176 1.709-.453 2.377-.846 1.3-.774 2.53-1.792 2.45-4.663",fill:"#fff"}),(0,o.tZ)("path",{d:"M39.56 5.344c-2.976 0-5.397 2.454-5.397 5.471s2.42 5.472 5.397 5.472c2.976 0 5.396-2.454 5.396-5.472 0-3.017-2.42-5.471-5.396-5.471m2.922 5.471c0 1.636-1.31 2.966-2.922 2.966-1.611 0-2.923-1.331-2.923-2.966S37.95 7.85 39.56 7.85c1.611-.002 2.922 1.33 2.922 2.965",fill:"#fff"}),(0,o.tZ)("path",{d:"M40.779 10.883a1.213 1.213 0 1 1-2.426 0 1.213 1.213 0 0 1 2.426 0m5.475 5.379V1.137h2.77v5.538q1.214-.959 2.918-.959 1.044 0 1.97.415a5.1 5.1 0 0 1 1.62 1.14 5.3 5.3 0 0 1 1.085 1.704q.394.98.394 2.13a5.6 5.6 0 0 1-.352 1.992 5.3 5.3 0 0 1-.97 1.63 4.8 4.8 0 0 1-1.714 1.278 5.2 5.2 0 0 1-2.184.47 4.7 4.7 0 0 1-1.512-.246 4.1 4.1 0 0 1-1.363-.8v.832h-2.662zm2.77-3.62a3.02 3.02 0 0 0 2.493 1.277q.574 0 1.076-.213.5-.213.872-.586.372-.372.576-.884.201-.51.202-1.13 0-.554-.192-1.064a3 3 0 0 0-.532-.906 2.52 2.52 0 0 0-1.939-.862q-.81 0-1.47.351a3.2 3.2 0 0 0-1.086.927zm19.732 3.62h-2.663v-.83q-.64.554-1.363.798a4.7 4.7 0 0 1-1.512.246 5.2 5.2 0 0 1-2.184-.47 4.8 4.8 0 0 1-1.715-1.277 5.3 5.3 0 0 1-.97-1.63 5.6 5.6 0 0 1-.351-1.992q0-1.151.393-2.13a5.3 5.3 0 0 1 1.087-1.704 5.1 5.1 0 0 1 1.608-1.14 4.7 4.7 0 0 1 1.98-.415 4.76 4.76 0 0 1 3.024 1.044V5.93h2.663v10.331zm-2.77-6.71a3.2 3.2 0 0 0-1.086-.926 3.1 3.1 0 0 0-1.47-.352q-.62 0-1.108.233a2.5 2.5 0 0 0-.83.63 2.9 2.9 0 0 0-.533.905 3 3 0 0 0-.192 1.065q0 .617.202 1.13.201.51.576.883a2.73 2.73 0 0 0 1.948.8q.788 0 1.439-.352a3 3 0 0 0 1.054-.926zm14.064 4.601q-.917 1.215-2.066 1.769-1.151.553-2.62.553a5.8 5.8 0 0 1-2.216-.415 5.2 5.2 0 0 1-1.757-1.15 5.4 5.4 0 0 1-1.15-1.703 5.3 5.3 0 0 1-.415-2.1q0-1.128.426-2.108a5.36 5.36 0 0 1 2.928-2.865 5.7 5.7 0 0 1 2.204-.415q1.342 0 2.481.564a5.3 5.3 0 0 1 1.864 1.501l-1.96 1.726a3.4 3.4 0 0 0-1.033-.895 2.7 2.7 0 0 0-1.353-.34 2.74 2.74 0 0 0-1.992.83 2.83 2.83 0 0 0-.8 2.003q0 .617.214 1.13.212.511.586.884.372.373.894.585.521.213 1.161.214.852 0 1.492-.426.638-.425.98-.937zm2.216-1.043a3.7 3.7 0 0 0 1.288.756 4.6 4.6 0 0 0 1.545.267q.555 0 .938-.245.383-.244.383-.63 0-.381-.372-.628a4.6 4.6 0 0 0-.926-.447 72 72 0 0 0-1.203-.426 5.6 5.6 0 0 1-1.203-.575 3.2 3.2 0 0 1-.926-.885q-.372-.531-.372-1.363 0-.745.33-1.341a3.2 3.2 0 0 1 .884-1.013 4.2 4.2 0 0 1 1.268-.639q.715-.223 1.48-.223.512 0 1.023.085a6.8 6.8 0 0 1 1.822.574q.394.191.65.383l-1.3 2.003q-.406-.299-.916-.5a2.9 2.9 0 0 0-1.065-.203q-.576-.001-.991.214-.415.212-.415.617 0 .341.372.544.371.203.926.394l1.203.415q.65.224 1.203.607.554.384.926.96.372.575.372 1.47 0 .745-.34 1.331a3.3 3.3 0 0 1-.906 1.001q-.566.415-1.31.64a5.4 5.4 0 0 1-1.555.223 6.9 6.9 0 0 1-2.162-.352 6.9 6.9 0 0 1-1.992-1.033zm7.869-10.843q0-.745.532-1.256T91.945.5t1.278.51q.532.511.532 1.257 0 .747-.532 1.256-.533.51-1.278.511a1.78 1.78 0 0 1-1.278-.51 1.67 1.67 0 0 1-.532-1.257m3.195 13.995h-2.77V5.931h2.77zm9.37-.931q1.367.885 3.35.886 2.156 0 3.522-1.097 1.367-1.098 1.367-2.965 0-1.097-.5-1.906-.328-.615-1.271-1.193-.27-.193-.847-.404a13 13 0 0 0-.866-.328l-.924-.308q-1.463-.442-2.041-.847-.519-.404-.519-1.04 0-.596.481-.962.481-.385 1.29-.385 1.77 0 2.579 1.733l2.233-1.29q-.693-1.444-1.944-2.233t-2.868-.79q-1.848 0-3.138 1.098-1.29 1.059-1.29 2.907 0 1.829 1.271 2.772 1.02.713 2.791 1.251 1.637.462 2.271.866.636.386.636 1.098 0 .654-.539 1.039-.54.385-1.617.385-2.31 0-3.1-2.06l-2.271 1.329a4.83 4.83 0 0 0 1.944 2.444m15.208-9.278q1.597 0 2.598 1.059 1.04 1.078 1.04 2.925v5.91h-2.483v-5.601q0-.944-.52-1.463-.501-.52-1.386-.52-.982 0-1.559.616-.56.597-.559 1.77v5.198h-2.483V2.472h2.483V7.4q.886-1.347 2.869-1.347",fill:"#fff"}),(0,o.tZ)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M128.248 16.217q2.155 0 3.619-1.463 1.482-1.482 1.482-3.62 0-2.115-1.482-3.599-1.483-1.482-3.619-1.482t-3.619 1.482q-1.463 1.463-1.463 3.6 0 2.155 1.463 3.619 1.462 1.463 3.619 1.463m0-2.426q-1.117 0-1.868-.75-.73-.77-.731-1.906 0-1.136.731-1.906.751-.75 1.868-.75t1.867.75.751 1.906q0 1.155-.751 1.906t-1.867.75m15.76-6.256q-1.366-1.482-3.311-1.482-2.021 0-3.118 1.405V6.322h-2.483v13.475h2.483v-4.985q1.097 1.405 3.118 1.405 1.964 0 3.311-1.463 1.386-1.463 1.386-3.62 0-2.115-1.386-3.599m-3.773 6.314q-1.155 0-1.905-.75-.751-.77-.751-1.964t.751-1.944q.75-.77 1.905-.77t1.906.77q.77.75.77 1.944t-.77 1.963q-.75.75-1.906.751",fill:"#fff"})]}),(0,o.tZ)("svg",{className:"logo-x-sign",width:"9",height:"8",viewBox:"0 0 9 8",fill:"none",style:{margin:"0 12px"},children:(0,o.tZ)("path",{d:"M5.79948 7.89137L4.09558 5.14315L2.45764 7.89137H0.215088L2.94133 3.78003L0.434946 0.108398H2.69948L4.15055 2.52684L5.57962 0.108398H7.76721L5.3048 3.78003L8.11898 7.89137H5.79948Z",fill:"white"})}),(0,o.BX)("div",{style:{display:"flex",alignItems:"center",gap:10,marginTop:3.5},children:[(0,o.tZ)("svg",{className:"partner-text",width:"62",height:"11",viewBox:"0 0 62 11",fill:"none",children:(0,o.BX)("g",{opacity:".6",fill:"#fff",children:[(0,o.tZ)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.178 6.558q0 .795-.275 1.46a3.3 3.3 0 0 1-.768 1.127q-.484.465-1.156.72-.674.257-1.46.257a4.1 4.1 0 0 1-1.46-.256 3.5 3.5 0 0 1-1.156-.72 3.4 3.4 0 0 1-.758-1.128 3.8 3.8 0 0 1-.275-1.46q0-.805.275-1.45.275-.654.758-1.11a3.5 3.5 0 0 1 1.156-.7 4.2 4.2 0 0 1 1.46-.247q.785 0 1.46.246A3.3 3.3 0 0 1 14.135 4q.493.455.768 1.109.274.645.274 1.45m-1.735 0q0-.435-.142-.815a1.85 1.85 0 0 0-.398-.645 1.7 1.7 0 0 0-.607-.426 1.8 1.8 0 0 0-.777-.161 1.8 1.8 0 0 0-.777.16 1.85 1.85 0 0 0-1.005 1.071 2.5 2.5 0 0 0-.133.816q0 .454.143.843.141.38.388.654.255.276.607.436.35.152.777.152.426 0 .777-.152a1.9 1.9 0 0 0 1.005-1.09q.142-.389.142-.843"}),(0,o.tZ)("path",{d:"m11.538 2.027-.645.768H9.68l1.175-1.365h1.403l1.157 1.365h-1.233zm1.175-.312.673-1.337h1.479l-1.213 1.337zM53.958 7.41q0 .607-.209 1.11a2.4 2.4 0 0 1-.578.853 2.7 2.7 0 0 1-.92.55 3.4 3.4 0 0 1-1.184.199q-.663 0-1.195-.2a2.6 2.6 0 0 1-.9-.55 2.5 2.5 0 0 1-.569-.852 3 3 0 0 1-.199-1.11V3.232h1.611v4.047q0 .274.067.522.075.246.218.445.151.189.389.303.246.114.587.114t.578-.114q.247-.114.398-.303.152-.2.218-.445.067-.248.067-.522V3.231h1.62zm-3.289-4.615q0-.236.094-.398.096-.161.36-.313.275-.16.275-.37a.28.28 0 0 0-.075-.208q-.077-.076-.228-.076a.34.34 0 0 0-.265.104q-.095.105-.123.36l-.93-.113q.076-.522.418-.777.35-.256.919-.256.597 0 .91.275.322.275.322.644 0 .522-.53.768a.47.47 0 0 0-.219.152.37.37 0 0 0-.056.208z"}),(0,o.tZ)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"m59.77 9.942-.521-1.318h-2.597l-.493 1.318h-1.763l2.815-6.71h1.574l2.786 6.71zm-1.8-4.92-.854 2.304h1.688z"}),(0,o.tZ)("path",{d:"M46.524 9.828a3.25 3.25 0 0 0 1.1-.815l-1.13-1.063a1.64 1.64 0 0 1-.578.493q-.36.19-.843.19-.417 0-.768-.152a1.9 1.9 0 0 1-.607-.417 2 2 0 0 1-.388-.654 2.4 2.4 0 0 1-.142-.834q0-.446.142-.815.142-.379.398-.654a1.9 1.9 0 0 1 1.393-.588q.39 0 .759.152.369.151.597.464l1.099-1.1a2.64 2.64 0 0 0-1.118-.729 4 4 0 0 0-1.394-.256q-.768 0-1.43.246a3.4 3.4 0 0 0-1.157.711 3.25 3.25 0 0 0-.777 1.11 3.7 3.7 0 0 0-.275 1.459q0 .787.275 1.44.275.655.758 1.129.483.465 1.137.72.664.256 1.44.256.855 0 1.508-.294m-7.773-.814a3.25 3.25 0 0 1-1.1.815q-.655.294-1.507.294a4 4 0 0 1-1.441-.256 3.4 3.4 0 0 1-1.137-.72 3.4 3.4 0 0 1-.759-1.128 3.7 3.7 0 0 1-.275-1.441q0-.806.275-1.46a3.25 3.25 0 0 1 .778-1.109q.492-.465 1.156-.71.664-.247 1.431-.247.71 0 1.393.256.692.246 1.119.73l-1.1 1.1a1.36 1.36 0 0 0-.597-.465 2 2 0 0 0-.758-.152 1.9 1.9 0 0 0-1.393.588q-.257.274-.398.654a2.3 2.3 0 0 0-.143.815q0 .454.143.834.142.379.388.654.255.265.607.417.35.152.767.152.484 0 .844-.19.36-.189.578-.493z"}),(0,o.tZ)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"m30.182 8.624.52 1.318h1.802l-2.787-6.71h-1.573l-2.815 6.71h1.763l.492-1.318zm-2.133-1.298.853-2.304.834 2.304z"}),(0,o.tZ)("path",{d:"M28.248 2.7h1.175l1.384-1.365h-1.573zM24.13 4.615v5.327h-1.62V4.615h-1.897V3.23h5.413v1.384zm-7.933-1.384v6.71h1.63v-6.71z"}),(0,o.tZ)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.814 8.074q.322-.634.322-1.507 0-.89-.303-1.526a2.9 2.9 0 0 0-.806-1.033 3.1 3.1 0 0 0-1.166-.587q-.663-.19-1.374-.19H.899V6H.321v1.014H.9v2.929h2.579q.663 0 1.317-.2a3.5 3.5 0 0 0 1.175-.616q.522-.416.844-1.052m-1.498-2.36q.162.36.161.853 0 .522-.18.891a1.6 1.6 0 0 1-.474.607 2 2 0 0 1-.73.35q-.415.105-.91.105h-.7V7.013h1.715V5.999H2.482V4.643h.853q.474 0 .863.114.398.114.682.35.285.238.436.607"})]})}),(0,o.tZ)("svg",{width:"74",height:"25",viewBox:"0 0 74 25",fill:"none",children:(0,o.tZ)("path",{d:"M61.936 11.786c.589.058 1.313-.19 1.77.284.27.234.312.598.295.93a33 33 0 0 0-.004 1.067h1.219c-.006.349.052.752-.222 1.035-.236.291-.633.372-.997.35q-.002 2.107 0 4.214c-.014.205.08.437.297.5.303.065.615.017.924.03 0 .51-.006 1.02 0 1.532-.71.004-1.42.027-2.134-.034-.281-.023-.577-.107-.784-.31-.27-.26-.356-.645-.358-1.003 0-2.868.002-5.733-.004-8.599m-10.711 3.165c.537-.644 1.365-1.012 2.209-1.081.935-.08 1.934.052 2.727.577.679.445 1.087 1.188 1.298 1.94-.692 0-1.384-.012-2.074.002-.17-.275-.364-.554-.67-.696-.578-.26-1.349-.205-1.809.253-.402.446-.508 1.062-.527 1.635-.019.657 0 1.366.37 1.943.52.85 1.938.882 2.557.123.136-.142.303-.28.514-.28.563-.02 1.129 0 1.7-.011-.207.751-.64 1.458-1.311 1.892-.899.607-2.066.732-3.122.55a3.16 3.16 0 0 1-2.214-1.568c-.462-.826-.57-1.8-.537-2.724.038-.905.278-1.842.89-2.55m7.086-.929c.496.033 1.021-.08 1.495.086.35.16.602.518.588.901v6.722c-.692-.004-1.391 0-2.085 0q.008-3.855 0-7.705m7.674-.004h2.306q.686 2.313 1.369 4.623c.07.242.115.497.245.72.472-1.575.934-3.156 1.4-4.731a.84.84 0 0 1 .762-.6c.537-.025 1.072-.002 1.609-.01-.942 2.708-1.877 5.423-2.82 8.139-.257.738-.498 1.583-1.204 2.047-.786.364-1.702.322-2.543.226V22.85c.506-.01 1.09.061 1.51-.284.276-.21.234-.594.129-.882-.92-2.553-1.846-5.106-2.766-7.657m-9.724-4.391c.928.097 1.876.266 2.7.724.549.309 1.032.803 1.145 1.428.046.368.03.746-.062 1.108-.619-.757-1.297-1.507-2.187-1.965.606.71 1.283 1.386 1.703 2.222a2.37 2.37 0 0 1-1.844-.332c-.61-.412-.97-1.085-1.175-1.76-.156-.461-.207-.946-.282-1.425M2.191 13.527c.002.943 0 1.89 0 2.833.748.01 1.497.015 2.245 0 .368 0 .757-.092 1.027-.351.272-.259.347-.644.36-.997.012-.406-.078-.847-.373-1.146-.296-.26-.708-.343-1.1-.34l-2.159.002m-2.114-.695c-.027-.556.48-1.072 1.056-1.05q1.855.004 3.713.003c.805.016 1.665.225 2.237.81.569.541.778 1.339.822 2.096.044.863-.094 1.788-.65 2.497-.517.673-1.41.955-2.248.976-.938.004-1.877-.002-2.818.004.006 1.186 0 2.373.006 3.56H.07c.006-2.968 0-5.933.006-8.898m8.605-1.045c.345 0 .686-.01 1.031-.004.535-.02 1.016.456 1.005.976.004.751 0 1.5 0 2.25a2.47 2.47 0 0 1 1.8-1.125c1.512-.274 3.103.795 3.436 2.237.09.372.129.755.13 1.136v4.472q-1.008-.002-2.021 0c-.008-1.391 0-2.775-.002-4.163.017-.759-.347-1.633-1.139-1.898-.562-.162-1.24-.057-1.646.374-.41.431-.553 1.031-.558 1.6v4.085H8.681c-.002-3.318.002-6.635-.002-9.946m11.846 6.498c-.418.088-.88.16-1.204.453-.33.387-.33 1.044.077 1.374.322.23.757.205 1.133.155.542-.065 1.042-.43 1.238-.931.193-.466.13-.976.142-1.467a6.5 6.5 0 0 1-1.386.416m-2.101-3.942c.76-.476 1.704-.53 2.584-.478.77.056 1.59.19 2.19.7.422.347.647.88.65 1.414 0 .907-.003 1.816 0 2.724-.003.72-.143 1.487-.644 2.051-.592.74-1.59 1.039-2.526 1.08-.92.1-1.924.05-2.699-.5-.634-.41-.862-1.197-.83-1.905-.028-.663.19-1.406.794-1.786.705-.48 1.575-.623 2.413-.724.464-.075.98-.112 1.351-.422.265-.228.192-.692-.12-.838-.28-.136-.6-.174-.907-.203-.496-.021-1.093.073-1.34.55q-1.001.007-1.999 0c.09-.673.49-1.297 1.085-1.662m12.344.37c.742-.554 1.679-.843 2.612-.866.855.023 1.772.159 2.448.715.629-.51 1.463-.658 2.26-.707a4.5 4.5 0 0 1 2.584.734c.542.375.809 1.014.912 1.635.11.552.07 1.119.075 1.677v3.833c-.456-.019-.93.044-1.384-.048-.39-.11-.684-.488-.673-.89v-3.857c0-.355-.04-.746-.305-1.014-.565-.577-1.612-.577-2.18-.01-.25.247-.307.608-.307.941-.006 1.625 0 3.253-.006 4.878h-2.072v-4.957c.013-.36-.113-.753-.426-.975-.575-.437-1.478-.418-1.999.092-.234.228-.314.562-.31.882-.004 1.65 0 3.302 0 4.958q-1.051 0-2.094-.002c0-1.596-.005-3.199 0-4.795.04-.796.21-1.678.863-2.224M45.5 18.374c-.362.096-.803.238-.916.63-.196.445-.021 1.085.496 1.23.694.173 1.538-.007 1.955-.609.372-.513.294-1.17.298-1.757-.583.259-1.214.372-1.833.506m-1.156-4.28c.932-.336 1.955-.293 2.92-.134.79.136 1.613.567 1.893 1.345.217.683.09 1.41.127 2.11-.035 1.026.14 2.153-.45 3.07-.526.845-1.55 1.272-2.533 1.328-.93.097-1.945.114-2.754-.4-.617-.329-.93-1.011-.964-1.672-.046-.668.034-1.427.552-1.915.646-.558 1.522-.777 2.363-.874.535-.094 1.13-.094 1.585-.418.303-.2.28-.686-.032-.86-.269-.15-.583-.185-.886-.221-.51-.03-1.134.052-1.399.542q-.996.008-1.995 0c.107-.858.743-1.61 1.575-1.903m-18.274.784c.891-.702 2.095-.878 3.209-.851 0 .686 0 1.378.002 2.066-.58.01-1.21-.079-1.733.226-.48.265-.644.834-.644 1.336v4.081h-2.082c.004-1.36-.008-2.714.004-4.07.017-1.034.399-2.117 1.242-2.784M11.242 8.394v-5.93h1.652l2.4 3.861h.034l-.034-3.862h1.407v5.93h-1.645l-2.424-3.87h-.018l.035 3.87zm6.695 0v-5.93h1.459v2.244h2.33V2.463h1.442v5.93h-1.441v-2.48h-2.331v2.48zm5.739-.001 2.526-5.93h1.39l2.501 5.93h-1.61l-.475-1.165h-2.314l-.44 1.165zm2.866-6.482L25.457.705h1.406l.721 1.206zm-.434 4.163h1.518l-.745-2.003V4.04l-.008.042-.763 1.993zm7.368 2.32V3.676H31.79V2.461h4.832v1.215h-1.697v4.718zm3.805 0v-5.93h1.459v2.244h2.33V2.463h1.442v5.93H41.07v-2.48h-2.33v2.48zm8.976.159q-.78 0-1.351-.301a2.17 2.17 0 0 1-.886-.842 2.45 2.45 0 0 1-.314-1.251V2.463h1.424V6.04q.001.585.314.904.316.32.813.319.56 0 .847-.34.288-.339.288-.883V2.463h1.449v3.694q0 .713-.318 1.251-.32.54-.91.842-.593.3-1.358.3zm6.732 0c-.937 0-1.718-.296-2.335-.884q-.928-.884-.928-2.275c0-.928.307-1.681.92-2.245q.92-.845 2.345-.845c.95 0 1.748.286 2.365.855q.923.856.924 2.244c0 .926-.309 1.677-.928 2.266q-.928.883-2.361.884zm0-1.306q.762 0 1.246-.515.483-.514.483-1.329c0-.542-.161-.958-.483-1.3q-.484-.51-1.246-.511c-.508 0-.912.169-1.229.506q-.475.506-.475 1.303c0 .531.157.986.47 1.329q.47.515 1.232.515zM51.42 1.993l.966-1.205h1.255l.95 1.205h-1.103L53 1.315l-.493.678zm2.772-.787L54.903 0h1.408l-1.078 1.206h-1.042zm5.985 7.347q-1.392 0-2.314-.88t-.924-2.254c0-.917.309-1.685.928-2.258q.929-.86 2.335-.859.653 0 1.263.23t.975.64l-.975.972a1.16 1.16 0 0 0-.518-.41 1.8 1.8 0 0 0-.696-.134q-.753 0-1.242.515-.487.515-.486 1.304c0 .525.159.973.475 1.31q.474.507 1.238.507.407 0 .738-.167a1.44 1.44 0 0 0 .525-.435l1.008.947a2.9 2.9 0 0 1-1.004.717 3.3 3.3 0 0 1-1.326.255",fill:"white"})})]})]}),y=(0,v.ZP)(p.xu).withConfig({componentId:"sc-f448d86a-0"})(["background-color:",";","{padding-top:0px;padding-bottom:8px;}"],e=>e.theme.colors.primaryBase,x.M.tdDown),Z=(0,v.ZP)(p.EW).withConfig({componentId:"sc-f448d86a-1"})(["display:flex;align-items:center;.cart-badge{opacity:0;width:0;pointer-events:none;transition:opacity 0.3s,width 0.3s;display:flex;align-items:center;justify-content:center;}","{padding:8px 6px;body[data-scroll='down'] &{.cart-badge{opacity:1;pointer-events:initial;cursor:pointer;margin-left:16px;width:40px;height:40px;}}}","{flex-direction:column;.cart-badge{display:none;}}"],x.M.tdUp,x.M.tdDown),C=v.ZP.a.withConfig({componentId:"sc-f448d86a-2"})(["","{margin-right:40px;}","{width:100%;display:flex;align-items:center;justify-content:center;padding:8px 0;}"],x.M.tdUp,x.M.tdDown),k=(0,v.ZP)(p.xu).withConfig({componentId:"sc-f448d86a-3"})(["position:relative;flex:1;.popular-searches{margin:6px 0 0 0;display:flex;flex-wrap:wrap;gap:16px;max-height:2rem;overflow:hidden;transition:max-height 0.3s;}","{body[data-scroll='down'] &{.popular-searches{max-height:0;}}}","{width:100%;.popular-searches{gap:4px;}}"],x.M.tdUp,x.M.tdDown),z=(0,v.ZP)(p.xu).withConfig({componentId:"sc-f448d86a-4"})(["cursor:pointer;","{background-color:",";border-radius:2px;padding:2px 4px;}"],x.M.tdDown,e=>e.theme.colors.blue400),P=e=>{let{}=e,t=(0,g.U)(),{data:i}=(0,u.jD)(),{asPath:r,locale:l="vi-VN"}=c.zM.useRouter(),{headerPopularSearches:d=[]}=c.f8.useNavigationContext(),{globalStateDispatch:x}=c.f8.useAppContext(),v=(0,a.useCallback)(function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";x({type:f.M.SET_SEARCH_KEYWORD,payload:{searchKeyword:e}})},[]);(0,a.useEffect)(()=>{var e;let t=(null===(e=m.Yz[l])||void 0===e?void 0:e.SEARCH)||"";r.startsWith("/".concat(t))||v("")},[r]);let w=(null==i?void 0:i.itemsQty)||0;return(0,o.tZ)(y,{children:(0,o.BX)(Z,{isDesktopPadding:!0,children:[(0,o.tZ)(C,{href:"/shop",children:(0,o.tZ)(b,{})}),(0,o.BX)(k,{children:[(0,o.tZ)(h.o,{customInputProps:{onKeyDown:e=>{e.key},enterKeyHint:"search"}}),(0,o.tZ)("div",{className:"popular-searches",children:d.map((e,i)=>(0,o.tZ)(z,{children:(0,o.tZ)(n(),{href:e.url||c.zM.getLocalisedUrl("?keyword="+encodeURIComponent(e.text.toLowerCase()),"SEARCH").toString(),style:{textDecoration:"none"},"data-event-category":"Ecommerce","data-event-action":"Search Click","data-event-label":t,"data-event-region":"Top Keywords","data-event-keyword":e.text,children:(0,o.tZ)(p.xv,{colour:"white",size:"description",weight:"semi-bold",children:e.text})})},i))})]}),(0,o.tZ)(s,{className:"cart-badge",count:w})]})})};var I=i(15038),D=i(92525);let M=(0,v.ZP)(p.xu).withConfig({componentId:"sc-da83be1d-0"})(["height:48px;position:relative;background-color:",";border-bottom:1px solid #e4e8ec;"],e=>{let{theme:t}=e;return t.colors.white});(0,v.ZP)(p.xu).withConfig({componentId:"sc-da83be1d-1"})(["width:20px;height:20px;display:flex;"]);let B=(0,v.ZP)(p.xu).withConfig({componentId:"sc-da83be1d-2"})(["overflow-x:scroll;display:flex;&::-webkit-scrollbar{display:none;}-ms-overflow-style:none;scrollbar-width:none;"]),S=e=>{let{wrapperProps:t,hideCategory:i}=e,{helpfulUrls:a=[]}=I.f.useNavigationContext(),{isMobile:r}=D.v.useDevice();return(0,o.BX)(M,{...t,children:[!i&&(0,o.tZ)(eg,{}),(0,o.tZ)(p.EW,{customDataProps:{style:{width:"100%",height:"100%"}},noGutter:r,children:(0,o.tZ)(p.xu,{customDataProps:{style:{marginTop:i?0:-48,height:"100%",display:"flex",alignItems:"center"}},children:(0,o.tZ)(B,{customDataProps:{style:{marginLeft:i?0:m.Mj,position:"relative",zIndex:D.v.zIndexes.helpfulUrls}},children:a.map((e,t)=>(0,o.tZ)(p.hU,{size:"md",color:"minimal",wrapperProps:{customDataProps:{style:{flexShrink:0}}},children:(0,o.BX)("a",{target:"_blank",href:e.url,style:{textDecoration:"none",display:"inline-flex",alignItems:"center"},rel:"noreferrer","data-event-category":"Ecommerce”","data-event-action":"Navigation Top Link  Click","data-event-label":e.url,children:[(0,o.tZ)(p.E9,{style:{objectFit:"contain",width:20,height:20},src:e.featuredImage,alt:e.name}),(0,o.tZ)(p.xv,{wrapperProps:{display:{margin:"0 0 0 8px"}},size:"p3",weight:"semi-bold",children:e.name})]})},t))})})})]})};var E=i(52421),T=i(55902),q=i(19695),X=i(30623),R=i(82970),N=i(23236);let A=(0,v.ZP)(p.xu).withConfig({componentId:"sc-b967c6aa-0"})(["display:flex;align-items:center;width:100%;justify-content:space-evenly;position:fixed;bottom:0;z-index:",";background-color:white;border-top:1px solid #e4e8ec;"],D.v.zIndexes.stickyBottom),L=e=>{let{icon:t,title:i,isActive:a=!1,onMenuClicked:r,buttonProps:n}=e;return(0,o.BX)(O,{"data-active":a,onClick:r,...n,children:[t,(0,o.tZ)(p.xv,{size:"s5",colour:a?"primaryBase":"gray600",weight:"regular",children:i})]})},O=v.ZP.button.withConfig({componentId:"sc-a1f829cd-0"})(["flex:1;background:none;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;cursor:pointer;svg{width:24px;height:24px;}&[data-active='true']{svg path{fill:",";}}"],e=>e.theme.colors.primaryBase),j=e=>{let{wrapperProps:t,onMenuItemSelected:i,defaultMenuItemType:r}=e,[n,l]=(0,X.O)(!1),{data:d}=(0,q.P)(),s=(0,g.U)(),h=c.zM.usePush(),m=R.D.useTranslation(),{data:x}=(0,u.jD)(),v=(null==x?void 0:x.itemsQty)||0,[w,b]=(0,a.useState)(r||null),y=(0,a.useRef)(null),Z=(0,a.useRef)(null),{state:{components:{modal:C}},globalStateDispatch:k}=c.f8.useAppContext(),z=()=>{var e;k({type:f.M.SET_BOTTOM_BAR_HEIGHT,payload:{bottomBarHeight:(null===(e=Z.current)||void 0===e?void 0:e.clientHeight)||0}})};(0,a.useEffect)(()=>(window.addEventListener("resize",z),null==z||z(),()=>{window.removeEventListener("resize",z)}),[]),(0,a.useEffect)(()=>{switch(C){case"mobile-search":b("search");break;case"mobile-categories":b("categories");break;default:b(r||null)}},[C]),(0,a.useEffect)(()=>{n?b("profile"):b(r||null)},[n]);let P=e=>{y.current=Date.now(),e&&(null==i||i(e)),setTimeout(()=>{switch(e){case"search":k({type:f.M.SET_MODAL,payload:{modal:"mobile-search"===C?null:"mobile-search"}});break;case"categories":k({type:f.M.SET_MODAL,payload:{modal:"mobile-categories"===C?null:"mobile-categories"}});break;case"cart":k({type:f.M.SET_MODAL,payload:{modal:null}}),h(c.zM.getLocalisedUrl("","CART"));break;case"home":k({type:f.M.SET_MODAL,payload:{modal:null}}),h(c.zM.getNewRelativeURL("","shop"));break;case"profile":k({type:f.M.SET_MODAL,payload:{modal:null}}),(null==d?void 0:d.id)?l():window.location.href=c.zM.getUrlToSSO(window.location.href,"ecom");break;default:k({type:f.M.SET_MODAL,payload:{modal:null}})}},100)};return(0,o.tZ)(o.HY,{children:(0,o.BX)(A,{boxRef:Z,...t,children:[(0,o.tZ)(L,{icon:(0,o.tZ)(N.UW,{}),title:m({id:"navigation.bottom.home",defaultMessage:"Trang chủ"}),isActive:"home"===w,onMenuClicked:()=>{P("home")},buttonProps:{"data-event-category":"Ecommerce”","data-event-action":"Sticky Bottom - Home Click","data-event-label":s}}),(0,o.tZ)(L,{icon:(0,o.tZ)(N.Yk,{}),title:m({id:"navigation.bottom.categories",defaultMessage:"Danh mục"}),isActive:"categories"===w,onMenuClicked:()=>{"categories"!==w?P("categories"):P(null)},buttonProps:{"data-event-category":"Ecommerce”","data-event-action":"Sticky Bottom - Category Click","data-event-label":s}}),(0,o.tZ)(L,{icon:(0,o.tZ)(N.T4,{}),title:m({id:"navigation.bottom.search",defaultMessage:"T\xecm kiếm"}),isActive:"search"===w,onMenuClicked:()=>{"search"!==w?P("search"):P(null)},buttonProps:{"data-event-category":"Ecommerce”","data-event-action":"Sticky Bottom - Search Click","data-event-label":s}}),(0,o.tZ)(L,{icon:(0,o.tZ)(E.I,{withBorder:!0,inline:!0,label:(0,o.tZ)(p.xv,{size:"s5",colour:"white",children:v}),color:"red",offset:2,size:16,styles:{indicator:{borderWidth:"1px",paddingLeft:5,paddingRight:5}},disabled:!v,children:(0,o.tZ)(N.AC,{})}),title:m({id:"navigation.bottom.cart",defaultMessage:"Giỏ h\xe0ng"}),isActive:"cart"===w,onMenuClicked:()=>{P("cart")}}),(0,o.tZ)(L,{icon:(0,o.tZ)(N.M2,{}),title:m({id:"navigation.bottom.profile",defaultMessage:"C\xe1 nh\xe2n"}),isActive:"profile"===w,onMenuClicked:()=>{P("profile")}}),(0,o.tZ)(T.k,{isShow:n,onClose:()=>{l(!1)}})]})})};var U=i(78160),_=i(71500);let H=v.ZP.div.withConfig({componentId:"sc-448ee98-0"})(["position:sticky;top:0;width:100%;z-index:",";pointer-events:none;transform:translateZ(0);*{pointer-events:auto;}section,#navigation-v2{pointer-events:none;}section *{pointer-events:auto;}"],D.v.zIndexes.header),F=(0,v.ZP)(_.N).withConfig({componentId:"sc-448ee98-1"})(["body[data-scroll='down'] &{> section > div[data-sitewide-banner-shown]{transform:translateY(-100%);}}"]),W=e=>{let{topBarProps:t,showSearchBar:i,extraStickyComponent:a,logoComponent:r}=e,{locale:n}=c.zM.useRouter(),l=(0,g.U)(),{isDesktop:d,isMobile:s}=c.v3.useDevice(),{state:h}=c.f8.useAppContext(),{dataNavMenuContent:m}=c.f8.useNavigationContext(),{data:f}=(0,q.P)(),{mutate:x}=(0,q.a)(),{data:v}=(0,u.jD)();return(0,o.BX)(o.HY,{children:[(0,o.BX)(H,{id:"desktop-sticky-header",children:[(d||!t)&&(0,o.tZ)(F,{siteType:"helloSites",locale:n,currentUrl:l,projectType:"ecom",onLogout:x,ssrMenuContent:m||{},userState:{...h,userInfo:f||void 0},isMobile:s,activeMenuService:"ecom",sitewideBanner:(0,o.tZ)("a",{href:"https://hellobacsi.blog/shop/khuyen-mai/Mien-phi-van-chuyen-toan-bo-don-hang-pharmacity-duy-nhat-tai-hello-bacsi/",target:"_blank",children:(0,o.tZ)("img",{style:{minWidth:"100%",height:64,objectFit:"contain",objectPosition:"center",background:"linear-gradient(180deg, rgba(149,221,240,1) 0%, rgba(217,243,250,1) 100%)"},src:d?"/shop/images/sitewide-desktop.png?v=4":"/shop/images/sitewide-mobile.png?v=4",alt:""})}),onTopBarAppears:e=>{var t;document.body.dataset.scroll=e?"up":"down",document.body.style.setProperty("--site-wide-offset",e?"0px":"-".concat((null===(t=document.getElementById("navigation-v2"))||void 0===t?void 0:t.clientHeight)||0,"px"))},logoComponent:r,cartNumber:s?void 0:(null==v?void 0:v.itemsQty)||0}),!d&&t&&(0,o.tZ)(p.EW,{isDesktopPadding:!0,noGutter:!0,children:(0,o.tZ)(U.Du,{...t})}),i&&d&&(0,o.BX)("div",{style:{transition:"transform 0.3s",transform:"translateY(var(--site-wide-offset))"},children:[(0,o.tZ)(P,{}),(0,o.tZ)(S,{})]}),a]}),i&&!d&&(0,o.BX)(o.HY,{children:[(0,o.tZ)(P,{}),(0,o.tZ)(S,{hideCategory:!0})]})]})},V=v.ZP.div.withConfig({componentId:"sc-7272da6a-0"})(["width:100%;padding:20px;background:white;border-radius:8px;"]),G=v.ZP.div.withConfig({componentId:"sc-7272da6a-1"})(["display:block;margin-bottom:1rem;"]),Y=v.ZP.div.withConfig({componentId:"sc-7272da6a-2"})(["margin-bottom:16px;"]),K=v.ZP.div.withConfig({componentId:"sc-7272da6a-3"})(["display:flex;margin-bottom:12px;align-items:center;.category-product-filter-price-title-1{margin-right:4px;}"]),Q=v.ZP.div.withConfig({componentId:"sc-7272da6a-4"})(["display:flex;align-items:center;.category-product-filter-price-separator{margin-left:8px;margin-right:8px;display:flex;align-items:center;}"]),$=v.ZP.div.withConfig({componentId:"sc-7272da6a-5"})(["margin-bottom:16px;"]),J=v.ZP.div.withConfig({componentId:"sc-7272da6a-6"})(["","{border-bottom:8px solid ",";margin:0 -20px 16px -20px;}"],x.M.mbDown,e=>e.theme.colors.neutral50),ee=v.ZP.div.withConfig({componentId:"sc-7272da6a-7"})(["margin-bottom:16px;"]),et=v.ZP.div.withConfig({componentId:"sc-7272da6a-8"})(["margin-bottom:16px;display:block;"]),ei=v.ZP.div.withConfig({componentId:"sc-7272da6a-9"})(["cursor:pointer;&:not(:last-child){margin-bottom:12px;}"]),eo=v.ZP.div.withConfig({componentId:"sc-7272da6a-10"})(["margin-top:12px;display:block;cursor:pointer;"]),ea=v.ZP.div.withConfig({componentId:"sc-7272da6a-11"})(["cursor:pointer;&[data-top-level='true']{padding:16px 0;&:not(:first-child){border-top:1px solid #f7f9fc;}}&[data-top-level='false']{margin-bottom:16px;}"]),er=v.ZP.div.withConfig({componentId:"sc-7272da6a-12"})(["display:flex;align-items:center;justify-content:space-between;"]),en=v.ZP.div.withConfig({componentId:"sc-7272da6a-13"})(["margin-top:16px;margin-left:32px;"]),el=v.ZP.div.withConfig({componentId:"sc-7272da6a-14"})(["display:flex;justify-content:center;gap:16px;> div{flex:1;max-width:150px;}> button{width:100%;}","{position:absolute;bottom:0;left:50%;width:100%;transform:translateX(-50%);border-top:1px solid ",";padding:12px 0;background-color:",";padding:12px 20px;z-index:50;}"],x.M.mbDown,e=>e.theme.colors.neutral50,e=>e.theme.colors.white),ed=v.ZP.div.withConfig({componentId:"sc-7272da6a-15"})(["width:100%;height:100%;background:white;display:flex;flex-direction:column;position:relative;.product-filter-popup-content{flex:1;width:100%;overflow-y:auto;padding-bottom:60px;}"]),ec=[{label:"Shopee",value:"shopee"},{label:"Tiki",value:"tiki"},{label:"Lazada",value:"lazada"},{label:"Hellobacsi",value:"hellobacsi"}],es=e=>{var t,i;let{customDataProps:r,brands:n,onApplyFilter:l,showRatingFilter:d,categories:s,defaultFilterData:h,wrapperProps:u,hideTitle:m,hideAffiliates:f}=e,x=(0,g.U)(),v=c.D1.useTranslation(),[w,b]=(0,a.useState)((null==h?void 0:null===(t=h.priceRange)||void 0===t?void 0:t[0])||""),[y,Z]=(0,a.useState)((null==h?void 0:null===(i=h.priceRange)||void 0===i?void 0:i[1])||""),[C,k]=(0,a.useState)((null==h?void 0:h.brandIds)||[]),[z,P]=(0,a.useState)((null==h?void 0:h.categoryIds)||[]),[I,D]=(0,a.useState)((null==h?void 0:h.ratings)||[]),[M,B]=(0,a.useState)(f?[]:(null==h?void 0:h.affiliates)||[]),[S,E]=(0,a.useState)(!1),[T,q]=(0,a.useState)(!1),X=e=>{let t=e.replace("-","");return -1!=t.indexOf(",")?t.slice(0,t.indexOf(",")):t},R=(0,a.useMemo)(()=>{let e=Number(w.split(".").join("")||"NaN"),t=Number(y.split(".").join("")||"NaN");return!isNaN(e)&&!isNaN(t)&&e>t},[w,y]);return(0,o.tZ)(p.xu,{...u,children:(0,o.BX)(V,{...r,children:[!m&&(0,o.tZ)(G,{children:(0,o.tZ)(p.xv,{colour:"gray400",size:"s3",weight:"semi-bold",children:v({id:"productFilter.title",defaultMessage:"Bộ lọc t\xecm kiếm"})})}),(0,o.BX)(Y,{children:[(0,o.BX)(K,{children:[(0,o.tZ)(p.xv,{colour:"secondaryBase",customDataProps:{className:"category-product-filter-price-title-1"},size:"s3",weight:"semi-bold",children:v({id:"productFilter.priceRange",defaultMessage:"Khoảng gi\xe1"})}),(0,o.tZ)(p.xv,{colour:"gray500",size:"p2",weight:"regular",children:v({id:"productFilter.priceRangeCurrency",defaultMessage:"(vnd)"})})]}),(0,o.BX)(Q,{children:[(0,o.tZ)(p.II,{name:"productFilter.lowerPrice",size:"md",value:w,onChange:e=>{b(e.target.value)},customInputProps:{thousandSeparator:".",decimalSeparator:",",onBlur:()=>{b(e=>X(e))},"data-event-category":"Ecommerce","data-event-action":"Filter Criteria Click","data-event-label":x,"data-event-keyword":"input price"},placeholder:"0",type:"separatorDecimal"}),(0,o.tZ)(p.X6,{customDataProps:{className:"category-product-filter-price-separator"},colour:"gray400",tag:"h6",weight:"bold",children:"-"}),(0,o.tZ)(p.II,{name:"productFilter.upperPrice",size:"md",value:y,onChange:e=>{Z(e.target.value)},placeholder:"",type:"separatorDecimal",customInputProps:{thousandSeparator:".",decimalSeparator:",",onBlur:()=>{b(e=>X(e))},"data-event-category":"Ecommerce","data-event-action":"Filter Criteria Click","data-event-label":x,"data-event-keyword":"input price"}})]}),R&&(0,o.tZ)(p.xv,{size:"s4",colour:"red300",children:v({id:"productFilter.priceRangeError",defaultMessage:"Khoảng gi\xe1 kh\xf4ng hợp lệ"})})]}),!!(null==n?void 0:n.length)&&(0,o.tZ)(J,{}),!!(null==n?void 0:n.length)&&(0,o.BX)($,{children:[(0,o.tZ)(et,{children:(0,o.tZ)(p.xv,{colour:"secondaryBase",size:"s3",weight:"semi-bold",children:v({id:"productFilter.brands",defaultMessage:"Thương hiệu"})})}),(0,o.BX)("div",{children:[n.slice(0,S?void 0:10).map(e=>(0,o.tZ)(ei,{children:(0,o.tZ)(p.XZ,{label:e.name,name:"productFilter.brands",value:String(e.id),isChecked:C.includes(e.id),onChange:t=>{t.currentTarget.checked?k(t=>t.includes(e.id)?t:t.concat(e.id)):k(t=>t.filter(t=>t!==e.id))},inputProps:{"data-event-category":"Ecommerce","data-event-action":"Filter Criteria Click","data-event-label":x,"data-event-keyword":e.name}})},e.id)),n.length>10&&(0,o.tZ)(eo,{onClick:()=>E(e=>!e),children:(0,o.tZ)(p.xv,{size:"s4",colour:"primaryBase",children:S?v({id:"productFilter.seeLess",defaultMessage:"Thu gọn"}):v({id:"common.seeMore",defaultMessage:"Xem th\xeam"})})})]})]}),!!(null==s?void 0:s.length)&&(0,o.BX)($,{children:[(0,o.tZ)(et,{children:(0,o.tZ)(p.xv,{colour:"secondaryBase",size:"s3",weight:"semi-bold",children:v({id:"productFilter.categories",defaultMessage:"Danh mục sản phẩm"})})}),(0,o.BX)("div",{children:[s.slice(0,T?void 0:10).map(e=>(0,o.tZ)(eh,{category:e,selectedCategoryIds:z,setSelectedCategoryIds:P,isTopLevel:!0},e.id)),s.length>10&&(0,o.tZ)(eo,{onClick:()=>q(e=>!e),children:(0,o.tZ)(p.xv,{size:"s4",colour:"primaryBase",children:T?v({id:"productFilter.seeLess",defaultMessage:"Thu gọn"}):v({id:"common.seeMore",defaultMessage:"Xem th\xeam"})})})]})]}),d&&(0,o.BX)(ee,{children:[(0,o.tZ)(et,{children:(0,o.tZ)(p.xv,{colour:"secondaryBase",size:"s3",weight:"semi-bold",children:v({id:"productFilter.rating",defaultMessage:"Đ\xe1nh gi\xe1"})})}),(0,o.tZ)("div",{children:[5,4,3,2,1].map(e=>(0,o.tZ)(ei,{children:(0,o.tZ)(p.XZ,{label:(0,o.BX)(o.HY,{children:[Array(e).fill(0).map((e,t)=>(0,o.tZ)(N.r7,{style:{width:20,height:20}},t))," ".concat(v({id:"productFilter.ratingLabel",defaultMessage:"({count} sao trở l\xean)"},{count:e}))]}),name:"productFilter.rating",value:String(e),isChecked:I.includes(e),onChange:t=>{t.currentTarget.checked?D(t=>t.concat(e)):D(t=>t.filter(t=>t!==e))},inputProps:{"data-event-category":"Ecommerce","data-event-action":"Filter Criteria Click","data-event-label":x,"data-event-keyword":"".concat(e," star")}})},e))})]}),!f&&(0,o.BX)(ee,{children:[(0,o.tZ)(et,{children:(0,o.tZ)(p.xv,{colour:"secondaryBase",size:"s3",weight:"semi-bold",children:v({id:"productFilter.affiliates",defaultMessage:"C\xe1c k\xeanh mua b\xe1n"})})}),(0,o.tZ)("div",{children:ec.map(e=>(0,o.tZ)(ei,{children:(0,o.tZ)(p.XZ,{label:e.label,name:"productFilter.affiliates",value:e.value,isChecked:M.includes(e.value),onChange:t=>{t.currentTarget.checked?B(t=>t.concat(e.value)):B(t=>t.filter(t=>t!==e.value))},inputProps:{"data-event-category":"Ecommerce","data-event-action":"Filter Criteria Click","data-event-label":x,"data-event-keyword":e.label}})},e.value))})]}),(0,o.BX)(el,{children:[(0,o.tZ)(p.zx,{onClick:()=>{b(""),Z(""),P([]),D([]),q(!1),k([]),E(!1),B([]),l&&l({priceRange:["",""],brandIds:[],ratings:[],categoryIds:[],affiliates:[]})},size:"lg",color:"tertiary",customDataProps:{"data-event-category":"Ecommerce","data-event-action":"Filter Reset Click","data-event-label":x},children:v({id:"productFilter.reset",defaultMessage:"Đặt lại"})}),(0,o.tZ)(p.zx,{onClick:()=>!R&&l&&l({priceRange:[w.split(".").join("")||"",y.split(".").join("")||""],brandIds:C,ratings:I,categoryIds:z,affiliates:M}),disabled:R,size:"lg",color:"primary",customDataProps:{"data-event-category":"Ecommerce","data-event-action":"Filter Apply Click","data-event-label":x},children:v({id:"productFilter.apply",defaultMessage:"\xc1p dụng"})})]})]})})},ep=e=>{let{isOpen:t,onClose:i,space:a,...r}=e,n=c.D1.useTranslation(),{isMobile:l}=c.v3.useDevice();return(0,o.tZ)(U.xG,{isOpen:!!t,space:a,zIndexLayer:"mobileFilterPanel",heading:n({id:"productFilter.popup.title",defaultMessage:"Bộ lọc"}),onClose:i,renderOutside:!0,withBackdrop:{showBackdrop:!l,childrenWrapperStyle:{height:"100%",background:"transparent",...l?{}:{width:"50vw"}},onBackdropClick:i,backdropStyle:{...l?{}:{width:"100vw"}}},customDataProps:{style:{...l?{display:"flex",flexDirection:"column"}:{right:0,left:"auto",display:"flex",justifyContent:"flex-end"}}},children:(0,o.tZ)(ed,{style:{overflowY:"auto"},children:(0,o.tZ)(es,{wrapperProps:{className:"product-filter-popup-content"},hideTitle:!0,...r})})})},eh=e=>{var t,i;let{category:r,selectedCategoryIds:n=[],setSelectedCategoryIds:l,isTopLevel:d}=e,c=(0,g.U)(),[s,h]=(0,a.useState)(!1),u=!!(null==r?void 0:null===(t=r.children)||void 0===t?void 0:t.length),m=!!(null==n?void 0:n.includes(r.id));(0,a.useEffect)(()=>{var e,t,i;l&&n.length&&(null===(e=r.children)||void 0===e?void 0:e.length)&&(m?(null===(i=r.children)||void 0===i?void 0:i.some(e=>!n.includes(e.id)))&&l(e=>e.filter(e=>e!==r.id)):(null===(t=r.children)||void 0===t?void 0:t.every(e=>n.includes(e.id)))&&l(e=>e.includes(r.id)?e:e.concat(r.id)))},[n.join(","),r.id,m]);let f=e=>{if(l){var t;l(t=>t.filter(t=>t!==e.id)),(null===(t=e.children)||void 0===t?void 0:t.length)&&e.children.forEach(e=>f(e))}},x=e=>{if(l){var t;l(t=>t.includes(e.id)?t:t.concat(e.id)),(null===(t=e.children)||void 0===t?void 0:t.length)&&e.children.forEach(e=>x(e))}};return(0,o.BX)(ea,{"data-top-level":!!d,children:[(0,o.BX)(er,{onClick:()=>h(e=>!e),children:[(0,o.tZ)(p.XZ,{customDataProps:{onClick:e=>{e.stopPropagation()}},label:r.name,name:"productFilter.categories",value:String(r.id),isChecked:m,onChange:e=>{l&&(e.currentTarget.checked?x(r):f(r))},inputProps:{"data-event-category":"Ecommerce","data-event-action":"Filter Criteria Click","data-event-label":c,"data-event-keyword":r.name}}),u&&(s?(0,o.tZ)(N.Vm,{style:{width:20,height:20,transform:"rotate(90deg)"}}):(0,o.tZ)(N.XC,{style:{width:20,height:20}}))]}),s&&u?(0,o.tZ)(en,{children:null===(i=r.children)||void 0===i?void 0:i.map(e=>(0,o.tZ)(eh,{category:e,selectedCategoryIds:n,setSelectedCategoryIds:l},e.id))}):null]},r.id)},eu=(0,v.ZP)(p.xu).withConfig({componentId:"sc-3b843c6f-0"})(["position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:flex-start;z-index:",";&:not(:focus-within){.category-panel{display:none;}}&:focus-within{&:before{content:'';width:100%;height:100vh;position:absolute;top:100%;left:0;background-color:#00000080;}}"],D.v.zIndexes.categoryPanel),eg=e=>{let{wrapperProps:t}=e,[i,r]=(0,a.useState)({}),n=(0,a.useRef)(null),l=(0,a.useMemo)(()=>()=>{var e;let t=null===(e=n.current)||void 0===e?void 0:e.querySelector(".category-panel");if(!t)return;let i=t.getBoundingClientRect().top,o=window.innerHeight-i;r({maxHeight:"".concat(o,"px")})},[]);return(0,a.useEffect)(()=>(document.addEventListener("resize",l),()=>{document.removeEventListener("resize",l)}),[]),(0,o.BX)(eu,{boxRef:n,...t,children:[(0,o.tZ)(p.EW,{customDataProps:{style:{width:"100%",display:"flex"},onFocus:()=>{l()}},children:(0,o.tZ)(U.aU,{})}),(0,o.tZ)(U.Ho,{className:"category-panel",wrapperProps:{style:{overflow:"auto",...i}}})]})};var em=i(30074);i(31616),i(13844),v.ZP.div.withConfig({componentId:"sc-6c6cf21e-0"})(["padding:16px;&[data-layout='horizontal']{display:flex;align-items:center;gap:32px;background-color:",";border-radius:4px;}"],e=>e.theme.colors.neutral50),v.ZP.div.withConfig({componentId:"sc-6c6cf21e-1"})(["&[data-layout='vertical']{display:flex;padding-bottom:24px;margin-bottom:16px;border-bottom:1px solid ",";}.star{width:20px;height:20px;margin-right:4px;}"],e=>e.theme.colors.neutral100),v.ZP.div.withConfig({componentId:"sc-6c6cf21e-2"})(["flex-shrink:0;border-radius:4px;border:1px solid ",";width:80px;height:80px;overflow:hidden;margin-right:16px;"],e=>e.theme.colors.neutral100),(0,v.ZP)(p.E9).withConfig({componentId:"sc-6c6cf21e-3"})(["width:100%;height:100%;object-fit:contain;"]),v.ZP.div.withConfig({componentId:"sc-6c6cf21e-4"})(["display:flex;flex-direction:column;[data-layout='vertical'] &{justify-content:space-between;}"]),v.ZP.div.withConfig({componentId:"sc-6c6cf21e-5"})(["display:flex;align-items:center;"]);var ef=i(20058);let ex=v.ZP.div.withConfig({componentId:"sc-8fc55303-0"})(["position:relative;height:100%;background-color:",";","{&[data-mobile-page]{border:1px solid #5bae46;border-top-left-radius:0;border-top-right-radius:0;}overflow-y:auto;& .search-result-panel{display:unset;}}"],e=>e.theme.colors.white,x.M.mbDown),ev=(0,v.ZP)(U.ol).withConfig({componentId:"sc-8fc55303-1"})([""]),ew=e=>{let{wrapperProps:t,isPopupMobile:i,autoFocus:r}=e,n=(0,a.useRef)(null);return(0,o.BX)(ex,{ref:n,...t,children:[(0,o.tZ)(ev,{wrapperProps:{style:{padding:16,...i?{marginBottom:8}:{}}},autoFocus:r}),(0,o.tZ)(ef.s,{wrapperProps:{className:"search-result-panel",style:{minWidth:"100%",...i?{flex:1,overflow:"auto",paddingBottom:140}:{}}}})]})}},30074:function(e,t,i){i.d(t,{A:function(){return k},N:function(){return C}});var o=i(35944),a=i(67294),r=i(66494),n=i(78411),l=i(90762),d=i(98911),c=i(76318),s=i(92525),p=i(28220),h=i(87379);let u=h.ZP.div.withConfig({componentId:"sc-47f48423-0"})(["display:flex;.countdown{line-height:1.4;display:inline-flex;gap:2px;}.countdown--separator{display:block;font-size:1em;font-weight:700;color:white;}"]),g=h.ZP.div.withConfig({componentId:"sc-47f48423-1"})(["text-align:center;background:#262626;border-radius:4px;padding:2px 4px;min-width:28px;color:white;display:flex;align-items:baseline;justify-content:center;gap:4px;span{display:block;}font-size:12px;line-height:1.5;.countdown--number{font-weight:700;}.countdown--label{}"]),m={days:"00",hours:"00",minutes:"00",seconds:"00"};function f(e){var t,i,r,n;let{countdown:l,style:d,align:c}=e,[s,p]=(0,a.useState)(m),{paddingTop:h,paddingBottom:f,paddingLeft:x,paddingRight:v,...w}=l.style||{};(0,a.useEffect)(()=>{let e;let t=new Date(l.date||0).getTime(),i=()=>{let i=t-new Date().getTime();i<0?(clearInterval(e),p(m)):p({days:Math.floor(i/864e5).toString().padStart(2,"0"),hours:Math.floor(i%864e5/36e5).toString().padStart(2,"0"),minutes:Math.floor(i%36e5/6e4).toString().padStart(2,"0"),seconds:Math.floor(i%6e4/1e3).toString().padStart(2,"0")})};return i(),e=setInterval(i,1e3),()=>{clearInterval(e)}},[l.date]);let b={paddingTop:h,paddingBottom:f,paddingLeft:x,paddingRight:v},y={paddingTop:h,paddingBottom:f};return("center"===c?d?d.justifyContent="center":d={justifyContent:"center"}:"right"===c&&(d?d.justifyContent="flex-end":d={justifyContent:"flex-end"}),null==l?void 0:l.date)?(0,o.tZ)(u,{style:d,children:(0,o.BX)("div",{className:"countdown",style:w,children:[!!Number(s.days)&&(0,o.BX)(o.HY,{children:[(0,o.BX)(g,{style:b,children:[(0,o.tZ)("span",{className:"countdown--number",children:s.days}),(null===(t=l.wording)||void 0===t?void 0:t.day)&&(0,o.tZ)("span",{className:"countdown--label",children:l.wording.day})]}),(0,o.tZ)("span",{className:"countdown--separator",style:y,children:l.separator})]}),(0,o.BX)(g,{style:b,children:[(0,o.tZ)("span",{className:"countdown--number",children:s.hours}),(null===(i=l.wording)||void 0===i?void 0:i.hour)&&(0,o.tZ)("span",{className:"countdown--label",children:l.wording.hour})]}),(0,o.tZ)("span",{className:"countdown--separator",style:y,children:l.separator}),(0,o.BX)(g,{style:b,children:[(0,o.tZ)("span",{className:"countdown--number",children:s.minutes}),(null===(r=l.wording)||void 0===r?void 0:r.minute)&&(0,o.tZ)("span",{className:"countdown--label",children:l.wording.minute})]}),(0,o.tZ)("span",{className:"countdown--separator",style:y,children:l.separator}),(0,o.BX)(g,{style:b,children:[(0,o.tZ)("span",{className:"countdown--number",children:s.seconds}),(null===(n=l.wording)||void 0===n?void 0:n.second)&&(0,o.tZ)("span",{className:"countdown--label",children:l.wording.second})]})]})}):null}let x=h.ZP.div.withConfig({componentId:"sc-e697ede2-0"})(["display:flex;gap:16px;","{gap:8px;width:100%;}.content-wrapper{display:flex;gap:8px;align-items:center;border-radius:8px;padding:4px 12px;word-break:keep-all;","{flex:1;gap:4px;flex-direction:column;justify-content:center;}}"],p.M.mbDown,p.M.mbDown),v=e=>{let{countDownEnd:t}=e;return(0,o.BX)(x,{children:[(0,o.tZ)("div",{className:"content-wrapper",style:{background:"#FFF3DE"},children:(0,o.BX)(l.xv,{size:"s4",weight:"semi-bold",wrapperProps:{style:{"--custom-color":"#DE472A"}},children:[(0,o.tZ)("svg",{width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",children:(0,o.tZ)("circle",{cx:"4",cy:"4",r:"4",fill:"#DE472A"})}),"\xa0ĐANG DIỄN RA"]})}),(0,o.BX)("div",{className:"content-wrapper",style:{background:"#BF331B",paddingRight:4},children:[(0,o.tZ)(l.xv,{size:"s4",weight:"semi-bold",colour:"white",children:"KẾT TH\xdaC SAU"}),(0,o.tZ)(f,{countdown:{date:t,separator:":",wording:{day:"Ng\xe0y"}}})]})]})};var w=i(47490);let b=h.ZP.div.withConfig({componentId:"sc-98202cbc-0"})(["border-radius:16px;padding:20px;background-size:cover;background-position:center;display:flex;flex-direction:column;gap:16px;","{padding:24px 16px;}","{padding:16px;border-radius:0;}"],p.M.tdDown,p.M.mbDown);h.ZP.div.withConfig({componentId:"sc-98202cbc-1"})(["display:flex;gap:8px;button{&[data-color='ghost']{padding:6px;background-color:white;> span{display:flex;}&:disabled{background:transparent;opacity:0.5;}svg{width:16px;height:16px;}}}","{display:none;}"],p.M.mbDown);let y=h.ZP.div.withConfig({componentId:"sc-98202cbc-2"})(["display:flex;justify-content:space-between;align-items:center;&.center{display:flex;justify-content:center;text-align:center;}"]),Z=h.ZP.div.withConfig({componentId:"sc-98202cbc-3"})(["display:flex;gap:16px;.mantine-Carousel-root{flex:1;max-width:100%;}.banner{width:33.33%;aspect-ratio:368/612;","{margin-left:1rem;margin-right:1rem;aspect-ratio:16/9;width:calc(100% - 2rem);margin-bottom:16px;}img{width:100%;height:100%;object-fit:cover;border-radius:8px;}}img,a{user-drag:none;-webkit-user-drag:none;}","{display:block;margin-left:-16px;margin-right:-16px;.mantine-Carousel-container{margin-left:16px;margin-right:8px;}}"],p.M.mbDown,p.M.mbDown);(0,h.ZP)(w.x).withConfig({componentId:"sc-98202cbc-4"})(["display:flex;align-items:center;justify-content:center;& > svg > path{fill:",";}"],e=>n.t.colors[e.colour]);let C=e=>{let{customDataProps:t,children:i,heading:d,background:p,slideButton:h,itemsPerPage:u=4,customNavButton:g,showSlideArrow:m,loop:f,productRegion:x,headingAlign:w,customIndicator:C,withIndicators:k,underTitle:z,bannerImg:P,countDownStart:I,countDownEnd:D}=e,{isMobile:M}=s.v.useDevice(),B=(0,a.useRef)(null),[S,E]=a.useState(!0),[T,q]=a.useState(!1),X=(0,c.U)(),R=a.Children.toArray(i),N=void 0!==k?k:R.length>u,A=a.useMemo(()=>{if(I&&D){let e=new Date;return e>=new Date(I)&&e<=new Date(D)}return!1},[I,D]),L=!d&&!(null==g?void 0:g.content)&&!A;return(0,o.BX)(b,{...t,style:{backgroundColor:(null==p?void 0:p.colour)?n.t.colors[null==p?void 0:p.colour]:void 0,backgroundImage:(null==p?void 0:p.image)?"url(".concat(p.image,")"):void 0,...null==t?void 0:t.style},children:[!L&&(0,o.BX)(y,{className:w||void 0,children:[d,(0,o.BX)("div",{style:{marginLeft:"auto",display:"flex",gap:8,flexShrink:0},children:[!M&&A&&D&&(0,o.tZ)(v,{countDownEnd:D}),!!(null==g?void 0:g.content)&&(0,o.tZ)(l.zx,{size:"sm",color:"ghost",icon:null==g?void 0:g.icon,isIconRight:!0,onClick:null==g?void 0:g.onClick,customDataProps:{"data-event-category":"Ecommerce","data-event-action":"See More Click","data-event-label":X,"data-product-region":x,as:(null==g?void 0:g.href)?"a":"button",href:null==g?void 0:g.href,style:{flexShrink:0,paddingRight:0,...null==g?void 0:g.style}},children:(0,o.tZ)(l.xv,{size:"s5",colour:(null==g?void 0:g.colour)||"primaryBase",children:null==g?void 0:g.content})})]})]}),M&&A&&D&&(0,o.tZ)(v,{countDownEnd:D}),z,(0,o.BX)(Z,{children:[P&&(0,o.tZ)("div",{className:"banner",children:(0,o.tZ)("img",{src:P,alt:"banner"})}),(0,o.tZ)(r.n,{withIndicators:N,withControls:!!m&&R.length>u,controlsOffset:0,slideSize:String(Math.floor(1/u*1e4)/100)+"%",slidesToScroll:Math.floor(u),slideGap:M?8:16,styles:e=>({root:{marginBottom:N?"1rem":0},indicators:{bottom:-16,gap:4},indicator:{width:"4px",height:"4px",backgroundColor:(null==C?void 0:C.defaultColour)?n.t.colors[C.defaultColour]:void 0,"&[data-active]":{width:"8px",backgroundColor:(null==C?void 0:C.activeColour)?n.t.colors[C.activeColour]:void 0}},controls:{marginLeft:-14,width:"calc(100% + 28px)"},control:{opacity:1,width:32,height:32,color:(null==h?void 0:h.colour)?n.t.colors.gray600:void 0,border:"2px solid transparent",svg:{width:"1.2rem !important",height:"1.2rem !important",path:{stroke:"currentcolor"}},"&:first-child":{visibility:S?"hidden":void 0,pointerEvents:S?"hidden":void 0},"&:last-child":{visibility:T?"hidden":void 0,pointerEvents:T?"none":void 0},...null==h?void 0:h.style},arrow:{opacity:1}}),getEmblaApi:e=>{B.current=e,E(!e.canScrollPrev()),q(!e.canScrollNext()),e.on("scroll",()=>{E(!e.canScrollPrev()),q(!e.canScrollNext())})},loop:f,children:R.map((e,t)=>(0,o.tZ)(r.n.Slide,{children:e},t))},String(M)+String(u))]})]})},k=e=>{var t,i;return(0,o.tZ)(d.I,{size:"100%",...e,customDataProps:{...null==e?void 0:e.customDataProps,style:{height:"100%",...null==e?void 0:null===(t=e.customDataProps)||void 0===t?void 0:t.style}},wrapperProps:{...null==e?void 0:e.wrapperProps,style:{height:"100%",...null==e?void 0:null===(i=e.wrapperProps)||void 0===i?void 0:i.style}}})};C.Header=e=>{let{children:t,colour:i="white",as:a,style:r}=e;return(0,o.tZ)(l.X6,{colour:i,tag:"h5",as:a||"h2",weight:"bold",wrapperProps:{style:{textTransform:"capitalize",...r}},children:t})}},55902:function(e,t,i){i.d(t,{k:function(){return v}});var o=i(35944),a=i(67294),r=i(78411),n=i(87379),l=i(90762),d=i(78160),c=i(52352),s=i(23236),p=i(19695),h=i(76902),u=i(54479),g=i(28220);let m=(0,n.ZP)(l.xu).withConfig({componentId:"sc-279f1170-0"})(["padding:0px !important;min-width:480px;width:100%;max-height:100vh;overflow-y:auto;","{min-width:0;width:100vw;}"],g.M.mbDown),f=(0,n.ZP)(l.xu).withConfig({componentId:"sc-279f1170-1"})(["width:100%;border-bottom:1px solid ",";padding:16px 24px;background-color:white;","{display:flex;padding:19px 16px;}"],e=>e.theme.colors.neutral100,g.M.tdDown);(0,n.ZP)(l.xu).withConfig({componentId:"sc-279f1170-2"})(["display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column;gap:16px;padding:16px 24px;width:100%;","{padding:16px;}"],g.M.mbDown);let x=n.ZP.form.withConfig({componentId:"sc-279f1170-3"})([".nav-header{div{line-height:normal;}}"]);n.ZP.div.withConfig({componentId:"sc-279f1170-4"})(["margin-left:auto;margin-right:0;align-self:center;color:",";display:flex;align-content:center;justify-content:center;"],e=>e.theme.colors.green800),n.ZP.div.withConfig({componentId:"sc-279f1170-5"})(["width:calc(100% - 30px);height:42px;margin:6px auto;background-color:",";border-radius:6px;padding:0 16px;display:flex;align-items:center;gap:12px;"],e=>e.theme.colors.blue50);let v=e=>{let{isShow:t=!1,onClose:i}=e,{data:n}=(0,p.P)(),c=u.D1.useTranslation(),{isDesktop:g}=u.v3.useDevice(),v=u.zM.useRouter(),b=(0,a.useMemo)(()=>{let e="userProfile.nav.card.eCom",t=v.asPath,i=h.Yz[v.locale];if(i){let o=Object.keys(i).filter(e=>{let o=i[e];if(o&&t.startsWith("/"+o))return e}).reduce((e,t)=>{var o,a;return((null===(o=i[e])||void 0===o?void 0:o.length)||0)>((null===(a=i[t])||void 0===a?void 0:a.length)||0)?e:t},"");if(o)return({PROFILE_MANAGE_ORDERS:"userProfile.nav.card.ecom.manageOrders",PROFILE_MANAGE_ADDRESS:"userProfile.nav.card.ecom.DeliveryAddress",PROFILE_MANAGE_VOUCHER:"userProfile.nav.card.ecom.voucher"})[o]||e}return e},[v.asPath]);return!g&&(null==n?void 0:n.id)?(0,o.tZ)(d.xG,{isOpen:t,customDataProps:{style:{backgroundColor:r.t.colors.neutral50}},zIndexLayer:"bottom",renderOutside:!0,children:(0,o.tZ)(m,{children:(0,o.BX)(x,{children:[(0,o.BX)(f,{children:[(0,o.tZ)(l.xu,{customDataProps:{style:{paddingRight:20,cursor:"pointer"},onClick:i},children:(0,o.tZ)(s.Tw,{style:{width:"24px"}})}),(0,o.tZ)(l.X6,{tag:"h5",weight:"bold",colour:"secondaryDark",children:c({id:"navMobile.card.account",defaultMessage:"T\xe0i khoản"})})]}),(0,o.tZ)(w,{activeItem:b})]})})}):(0,o.tZ)(o.HY,{})},w=(0,n.ZP)(c.M).withConfig({componentId:"sc-897d98d5-0"})(["background-color:unset;padding-bottom:5rem;hr{border:none;margin-top:0.25rem;margin-bottom:0.25rem;}.profile-nav-item-group{box-shadow:0px 4px 8px 0px #0000000a;padding:8px 16px;}"])},9268:function(e,t,i){i.d(t,{_:function(){return R}});var o=i(35944),a=i(67294),r=i(99914),n=i(12250),l=i(9008),d=i.n(l),c=i(78160),s=i(49246),p=i(19695),h=i(76902),u=i(54479),g=i(15038),m=i(38066);let f=(e,t)=>{let i=(0,a.useRef)(()=>!1);i.current=t,(0,a.useEffect)(()=>{let t=t=>{t.target instanceof Element&&e.current&&!e.current.contains(t.target)&&i.current(t.target)};return document.addEventListener("click",t),()=>{document.removeEventListener("click",t)}},[])};var x=i(62146),v=i(70917),w=i(78411),b=i(90762),y=i(23236),Z=i(90143),C=i(41588),k=i(87379);let z=(0,k.ZP)(b.xu).withConfig({componentId:"sc-b052010c-0"})(["min-width:100%;height:100%;border-radius:6px;background:",";transform:appears 0.5s;overflow-y:auto;.container-category{border-radius:6px;overflow:hidden;}"],e=>e.theme.colors.blue50);(0,k.ZP)(b.xu).withConfig({componentId:"sc-b052010c-1"})(["border-radius:6px;"]);let P=(0,k.ZP)(b.xu).withConfig({componentId:"sc-b052010c-2"})(["display:flex;align-items:center;justify-content:center;width:100%;padding:8px;cursor:pointer;&[data-is-selected='true']{background-color:",";border:1px solid #e3f2ff;border-right:none;border-top-left-radius:6px;border-bottom-left-radius:6px;margin-left:8px;padding-left:0px;:first-child{border-top:none;}}"],e=>e.theme.colors.white),I=(0,k.ZP)(b.xu).withConfig({componentId:"sc-b052010c-3"})(["display:flex;align-items:center;justify-content:center;flex-direction:column;"]),D=(0,k.ZP)(b.E9).withConfig({componentId:"sc-b052010c-4"})(["height:40px;width:40px;"]),M=(0,k.ZP)(b.xu).withConfig({componentId:"sc-b052010c-5"})(["display:flex;align-items:center;justify-content:center;border-radius:80px;margin-top:8px;"]),B=(0,k.ZP)(b.xu).withConfig({componentId:"sc-b052010c-6"})(["display:flex;align-items:center;justify-content:space-between;width:100%;padding-bottom:8px;"]),S=(0,k.ZP)(b.xu).withConfig({componentId:"sc-b052010c-7"})(["display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;padding:16px;background:",";padding-bottom:60px;"],e=>e.theme.colors.white),E=(0,k.ZP)(b.xu).withConfig({componentId:"sc-b052010c-8"})(["display:flex;justify-content:flex-start;align-items:center;flex-direction:column;width:100%;background:",";min-height:90vh;padding-bottom:120px;"],e=>e.theme.colors.neutral50),T=(0,k.ZP)(b.xu).withConfig({componentId:"sc-b052010c-9"})(["position:relative;padding:16px;background:",";& > .search-panel{display:none;}&:focus-within > .search-panel{display:unset;}input{border:none;}"],e=>e.theme.colors.blue50);(0,k.ZP)(b.xu).withConfig({componentId:"sc-b052010c-10"})(["display:flex;flex-direction:column;align-items:center;"]);let q=e=>{var t;let{className:i,wrapperProps:n,mref:l}=e,{categories:d=[]}=g.f.useNavigationContext(),{globalStateDispatch:c}=g.f.useAppContext(),[s,p]=(0,a.useState)(),[h,f]=(0,a.useState)("");(0,a.useEffect)(()=>{p(d[0])},[]);let x=u.D1.useTranslation(),k=Z.z.usePush(),q="104px 1fr",X=e=>{p(e)},R=e=>{c({type:m.M.SET_MODAL,payload:{modal:null}}),k(Z.z.getLocalisedUrl(e.fullSlug,"CATEGORY"))},N=(0,a.useMemo)(()=>{p(void 0);let e=h.toLowerCase(),t=[];return d.forEach(i=>{if(i.name.toLowerCase().includes(e))t.push(i);else{var o;let a=[];if(null===(o=i.children)||void 0===o||o.forEach(t=>{t.name.toLowerCase().includes(e)&&a.push(t)}),a.length){let e={...i,children:a};t.push(e)}}}),t},[h]);return(0,o.tZ)(z,{...n,customDataProps:{tabIndex:1},className:i,boxRef:l,children:(0,o.BX)(b.EW,{children:[(0,o.tZ)(T,{children:(0,o.tZ)(b.II,{wrapperProps:n,size:"sm",value:h,onChange:e=>{f(e.target.value)},displayIcon:(0,o.tZ)(y.W1,{style:{height:24,width:24,fill:"".concat(w.t.colors.gray600)}}),placeholder:x({id:"search.input.category.placeHolder",defaultMessage:"T\xecm danh mục"})})}),(0,o.BX)(r.G,{className:"container-category",gridTemplateColumns:q,gridTemplateColumnsDesktop:q,children:[(0,o.tZ)(E,{children:((null==h?void 0:h.length)?N:d).map(e=>(0,v.az)(P,{...n,key:"category-"+e.id,customDataProps:{"data-is-selected":(null==s?void 0:s.id)===e.id,onClick:()=>{var t;(null===(t=e.children)||void 0===t?void 0:t.length)?X(e):R(e)}}},(0,o.BX)(I,{children:[(0,o.tZ)(M,{customDataProps:{style:{backgroundColor:e.backgroundColor}},children:(0,o.tZ)(D,{src:e.logo})}),(0,o.tZ)(b.xv,{colour:"gray800",size:"p3",wordWrap:"break-word",customDataProps:{style:{paddingTop:"4px",textAlign:"center",fontSize:"12px"}},children:e.name})]})))}),(0,o.tZ)(S,{children:void 0!==s&&(0,o.BX)(o.HY,{children:[(0,o.BX)(B,{customDataProps:{onClick:()=>R(s)},children:[(0,o.tZ)(b.xv,{colour:"gray800",size:"p3",weight:"bold",isUppercase:!0,children:s.name}),(0,o.tZ)(y.XC,{style:{height:20,width:20,fill:"".concat(w.t.colors.gray600)}})]}),null==s?void 0:null===(t=s.children)||void 0===t?void 0:t.map(e=>(0,o.tZ)(C.D,{category:e,isExtensible:!1,isSelected:!1,onSelect:R,categoryMobileMenu:!0},"child-category-"+e.id))]})})]})]})})},X=e=>{var t;let{state:i,globalStateDispatch:r}=u.f8.useAppContext(),n=u.D1.useTranslation(),l="mobile-categories"===(null==i?void 0:null===(t=i.components)||void 0===t?void 0:t.modal),d=e=>{r({type:m.M.SET_MODAL,payload:{modal:e?"mobile-categories":null}})},c=(0,a.useRef)(null),s=(0,a.useRef)(null);return f(s,()=>{c.current&&Date.now()-c.current>100&&(d(!1),c.current=null)}),(0,a.useEffect)(()=>{l&&(c.current=Date.now())},[l]),(0,o.tZ)(x.x,{heading:n({id:"navigation.bottom.categories",defaultMessage:"Categories"}),isOpen:l,zIndexLayer:"modalOfStickyBottom",children:(0,o.tZ)(q,{mref:s,...e})})},R=e=>{let{children:t,locale:i,showStickyBottomMenu:l,headerProps:f,bottomBarProps:x,isShowHeader:v=!0,SEOData:w,customHead:b}=e,y=u.D1.useTranslation(),{isDesktop:Z}=u.v3.useDevice(),{pathname:C,query:k}=u.zM.useRouter(),{footer:z}=g.f.useNavigationContext(),{state:{components:{modal:P}},globalStateDispatch:I}=g.f.useAppContext(),{data:D}=(0,p.P)(),M=decodeURIComponent(String(k.keyword||""));(0,a.useEffect)(()=>{""!==M&&I({type:m.M.SET_SEARCH_KEYWORD,payload:{searchKeyword:M}})},[M]);let[B,S]=(0,a.useState)("https://hellobacsi.blog");return(0,a.useEffect)(()=>{S(window.location.origin)},[]),(0,o.BX)(o.HY,{children:[(0,o.tZ)(r.u,{SEOData:{SEOImage:"".concat(B,"/shop/images/ecom-seo-image-").concat(i.split("-")[0],".jpg"),SEOImageWidth:2400,SEOImageHeight:1260,...w},locale:i,siteType:"helloSites",nextHead:e=>{let{children:t}=e;return(0,o.BX)(d(),{children:[t,b]})},routerPathname:C,routerQuery:k,userId:null==D?void 0:D.id,seoCustom:!0}),v&&(0,o.tZ)(s.ge,{showSearchBar:!0,...f}),t,z&&(0,o.tZ)(n.F,{type:"main",locale:i,basePath:h.sb,footerInfo:z,siteType:"helloSites"}),(0,o.tZ)(X,{}),!Z&&l&&(0,o.tZ)(s.w8,{...x}),!Z&&(0,o.tZ)(c.xG,{heading:y({id:"navigation.bottom.search",defaultMessage:"Search"}),isOpen:"mobile-search"===P,renderOutside:!0,zIndexLayer:"modalOfStickyBottom",onClose:()=>{I({type:m.M.SET_MODAL,payload:{modal:null}})},children:"mobile-search"===P&&(0,o.tZ)(s.EE,{wrapperProps:{style:{display:"flex",flexDirection:"column"}},isPopupMobile:!0,autoFocus:!0})})]})}},97038:function(e,t,i){i.d(t,{A:function(){return a}});var o=i(54479);let a={getProductsList:function(e){let{page:t,perPage:i,sortBy:a,sortOrder:r,categoryIds:n,brandIds:l,minPrice:d,maxPrice:c,isDiscount:s,channel:p}=e,h={page:"1",sortBy:"discount_percent",sortOrder:"desc",perPage:"16"};return o.GH.callApi({to:"ecom",path:"GET_PRODUCTS",method:"GET",params:{page:String(t||h.page),perPage:String(i||h.perPage),sortBy:String(a||h.sortBy),sortOrder:String(r||h.sortOrder),categoryIds:(null==n?void 0:n.length)?String(n.join(",")):"",brandIds:(null==l?void 0:l.length)?String(l.join(",")):"",minPrice:String(d||""),maxPrice:String(c||""),isDiscount:String("boolean"==typeof s?s:""),channel:(null==p?void 0:p.length)?String(p.join(",")):""}})},getReviewList:function(e){let{page:t,perPage:i,maxStar:a,productId:r}=e;return o.GH.callApi({to:"ecom",path:"GET_PRODUCT_REVIEW_LIST",method:"GET",params:{page:String(t),perPage:String(i||"16"),maxStar:String(a||""),id:String(r||"")}})},createReview:function(e){let{productId:t,detail:i,rating:a,images:r}=e,n=new FormData;return n.append("review[title]","none"),n.append("review[detail]",i),n.append("review[ratings][0][rating_id]","1"),n.append("review[ratings][0][value]",String(a)),n.append("review[review_entity]","product"),n.append("review[entity_pk_value]",String(t)),r.forEach(e=>{n.append("review[images][]",e)}),o.GH.callApiWithAuth({to:"ecom",path:"CREATE_PRODUCT_REVIEW",method:"POST",options:{data:n}})},trackViewedProduct:function(e){return o.GH.callApiWithAuth({to:"ecom",path:"TRACK_VIEWED_PRODUCT",method:"POST",options:{data:{trackViewProductRequest:{product_ids:e}}}})},getViewedProduct:function(){return o.GH.callApiWithAuth({to:"ecom",path:"GET_VIEWED_PRODUCT",method:"GET"})},getBestSellerProducts:function(e){return o.GH.callApi({to:"ecom",path:"GET_PRODUCT_BEST_SELLER_PRODUCTS",method:"GET",params:{productId:String(e)}})},getRelatedProducts:function(e){return o.GH.callApi({to:"ecom",path:"GET_PRODUCT_RELATED_PRODUCTS",method:"GET",params:{productId:String(e)}})},getServiceUrl:function(e){let{slug:t}=e;return o.zM.getLocalisedUrl(t,"PRODUCT")},getPromotionTags:function(){return o.GH.callApi({to:"ecom",path:"GET_PROMOTION_TAGS",method:"GET"})}}},65181:function(e,t,i){i.d(t,{t:function(){return n}});var o=i(52204),a=i(54479),r=i(97038);let n=e=>(0,o.a)({queryKey:["promotionTags"],queryFn:async()=>{var e,t;let i=await r.A.getPromotionTags(),o=new Date;if(i)return(null==i?void 0:null===(t=i.data)||void 0===t?void 0:null===(e=t.items)||void 0===e?void 0:e.map(a.lZ.formatPromotionTag).filter(e=>{let t=(null==e?void 0:e.fromDate)&&o>=new Date(Number(e.fromDate+"000"))||!(null==e?void 0:e.fromDate),i=(null==e?void 0:e.toDate)&&o<=new Date(Number(e.toDate+"000"))||!(null==e?void 0:e.toDate);return!!e&&t&&i}))||[]},enabled:e})},76318:function(e,t,i){i.d(t,{U:function(){return l}});var o=i(67294),a=i(11163),r=i(76902),n=i(15865);function l(){let{locale:e="vi-VN",asPath:t}=(0,a.useRouter)()||{},[i,l]=(0,o.useState)(()=>"".concat((0,n.U)(e,!1),"/").concat(r.sb).concat(t));return(0,o.useEffect)(()=>{l(window.location.href)},[t]),i}},30623:function(e,t,i){i.d(t,{O:function(){return a}});var o=i(67294);let a=(e,t)=>{let[i,a]=(0,o.useState)(e||!1);return[i,e=>{"boolean"==typeof e?(a(e),null==t||t(e)):a(e=>(null==t||t(!e),!e))}]}}}]);