"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9398],{64063:function(e){e.exports=function e(t,i){if(t===i)return!0;if(t&&i&&"object"==typeof t&&"object"==typeof i){if(t.constructor!==i.constructor)return!1;if(Array.isArray(t)){if((n=t.length)!=i.length)return!1;for(o=n;0!=o--;)if(!e(t[o],i[o]))return!1;return!0}if(t.constructor===RegExp)return t.source===i.source&&t.flags===i.flags;if(t.valueOf!==Object.prototype.valueOf)return t.valueOf()===i.valueOf();if(t.toString!==Object.prototype.toString)return t.toString()===i.toString();if((n=(r=Object.keys(t)).length)!==Object.keys(i).length)return!1;for(o=n;0!=o--;)if(!Object.prototype.hasOwnProperty.call(i,r[o]))return!1;for(o=n;0!=o--;){var n,o,r,a=r[o];if(!e(t[a],i[a]))return!1}return!0}return t!=t&&i!=i}},24738:function(e,t,i){i.d(t,{T:function(){return p}});var n=i(35944);i(67294);var o=i(99914),r=i(90762),a=i(92525),l=i(28220),d=i(87379);let s=d.ZP.div.withConfig({componentId:"sc-80df87f3-0"})(["overflow:hidden;&[data-is-sidebar='true'][data-is-bottom-mobile='true']{","{order:2;}}"],l.M.tdDown),c=d.ZP.div.withConfig({componentId:"sc-80df87f3-1"})(["overflow:hidden;&[data-is-sidebar='true'][data-is-bottom-mobile='false']{","{order:-1;}}"],l.M.tdDown),u=d.ZP.div.withConfig({componentId:"sc-80df87f3-2"})(["position:relative;overflow:visible;"]),p=e=>{let{leftColumn:t,rightColumn:i,type:l="sidebar-left",sidebarWidth:d="320px",gapDesktop:p,gap:h="16px",isSidebarBottomMobile:g=!1,wrapperProps:m,customDataProps:f}=e,{isDesktop:v}=a.v.useDevice(),b="sidebar-left"===l?"".concat(d," 1fr"):"1fr ".concat(d),w=v?b:"1fr";return(0,n.tZ)(r.xu,{...m,children:i&&t?(0,n.BX)(o.G,{gridTemplateColumns:w,gridTemplateColumnsDesktop:b,gap:v&&p||h,...f,children:[(0,n.tZ)(s,{"data-is-bottom-mobile":g,"data-is-sidebar":"sidebar-left"===l,children:t}),(0,n.tZ)(c,{"data-is-bottom-mobile":g,"data-is-sidebar":"sidebar-right"===l,children:i})]}):(0,n.tZ)(u,{...f,children:i||t||(0,n.tZ)(n.HY,{})})})}},79512:function(e,t,i){i.d(t,{O:function(){return d},W:function(){return s}});var n=i(35944);i(67294);var o=i(99914),r=i(90762),a=i(76318);let l=i(87379).ZP.div.withConfig({componentId:"sc-ee959cfc-0"})([""]),d=e=>{let{customDataProps:t,wrapperProps:i,pages:a=[],...d}=e,c=s(a);return(0,n.tZ)(r.xu,{...i,children:(0,n.tZ)(l,{...t,children:(0,n.tZ)(o.L,{...d,pages:c})})})},s=e=>{let t=(0,a.U)();return e.map(e=>({dataEventCategory:"Ecommerce",dataEventAction:"Breadcrumb Click",dataEventLabel:t,...e}))}},41536:function(e,t,i){i.d(t,{q:function(){return c}});var n=i(35944);i(67294);var o=i(86896),r=i(17180),a=i(49246),l=i(23236),d=i(54479),s=i(92525);let c=e=>{let{customDataProps:t,items:i=[],heading:c}=e,{formatMessage:u}=(0,o.Z)(),{isMobile:p}=s.v.useDevice(),h=d.zM.usePush();return(0,n.tZ)(a.Np,{background:{colour:"white"},heading:(0,n.tZ)(a.Np.Header,{colour:"secondaryDark",children:c}),customNavButton:{icon:(0,n.tZ)(l.Vm,{}),onClick:()=>h(d.zM.getLocalisedUrl("","PROMOTION")),colour:"primaryBase",content:u({id:"common.seeMore"}),href:d.zM.getLocalisedUrl("","PROMOTION").toString()},itemsPerPage:p?2.3:6,customDataProps:{...t,style:{marginBottom:p?8:16,...null==t?void 0:t.style}},customIndicator:{defaultColour:"neutral100",activeColour:"primaryBase"},withIndicators:!1,children:i.map((e,t)=>(0,n.tZ)(r.h,{customDataProps:{style:{"--reward-item-width":"unset",height:"100%"}},promotion:e},t))})}},17321:function(e,t,i){i.d(t,{ql:function(){return c},o2:function(){return s},_2:function(){return n._},Xg:function(){return o.X},oc:function(){return u}});var n=i(9268),o=i(10877),r=i(35944);i(67294);var a=i(11163),l=i(3527),d=i(54479);let s=e=>{let{children:t,pageTitle:i,SEOData:o,customHead:s}=e,{locale:c="vi-VN"}=(0,a.useRouter)(),{isDesktop:u}=d.v3.useDevice(),p=(0,l.x)();return(0,r.tZ)(n._,{locale:c,showStickyBottomMenu:!1,headerProps:{topBarProps:{backProps:{visible:!0,onClick:p},titleProps:{visible:!0,content:i},cartProps:{visible:!0},searchProps:{visible:!0},rightKebabProps:{visible:!0},hasBorder:!0},showSearchBar:u},SEOData:o,customHead:s,children:t})},c=e=>{let{children:t,pageTitle:i,SEOData:o,customHead:s}=e,{locale:c="vi-VN"}=(0,a.useRouter)(),{isDesktop:u}=d.v3.useDevice(),p=(0,l.x)();return(0,r.tZ)(n._,{locale:c,showStickyBottomMenu:!1,headerProps:{topBarProps:{backProps:{visible:!0,onClick:p},titleProps:{visible:!0,content:i},cartProps:{visible:!0},searchProps:{visible:!0},rightKebabProps:{visible:!0},hasBorder:!0},showSearchBar:u},SEOData:o,customHead:s,children:t})},u=e=>{let{children:t,pageTitle:i,SEOData:o,customHead:l,onBack:s}=e,{locale:c="vi-VN"}=(0,a.useRouter)(),{isDesktop:u}=d.v3.useDevice();return(0,r.tZ)(n._,{locale:c,headerProps:{topBarProps:{backProps:{visible:!0,onClick:s},titleProps:{visible:!0,content:i},cartProps:{visible:!1},searchProps:{visible:!1},rightKebabProps:{visible:!0},hasBorder:!0},showSearchBar:u},SEOData:o,customHead:l,showStickyBottomMenu:!0,bottomBarProps:{defaultMenuItemType:"profile"},children:t})}},10877:function(e,t,i){i.d(t,{X:function(){return d}});var n=i(35944);i(67294);var o=i(11163),r=i(90762),a=i(54479),l=i(9268);let d=e=>{let{children:t,pageTitle:i,SEOData:d,customHead:s,bottomMenuDefault:c}=e,{locale:u="vi-VN"}=(0,o.useRouter)(),{isMobile:p}=a.v3.useDevice();return(0,n.tZ)(l._,{locale:u,showStickyBottomMenu:!0,headerProps:{logoComponent:p&&i?(0,n.tZ)(r.X6,{tag:"h5",as:"h1",weight:"bold",wordWrap:"none",children:i}):void 0},bottomBarProps:{defaultMenuItemType:c},SEOData:d,customHead:s,children:t})}},3527:function(e,t,i){i.d(t,{x:function(){return a}});var n=i(67294),o=i(11163),r=i(54479);let a=()=>{let e=(0,o.useRouter)(),{back:t}=e,i=(0,n.useRef)(!1);return(0,n.useEffect)(()=>{let e=()=>{i.current=!0};return window.addEventListener("beforeunload",e),()=>{i.current=!0,window.removeEventListener("beforeunload",e)}},[]),(0,n.useEffect)(()=>{i.current=!0,setTimeout(()=>{i.current=!1},700)},[e.asPath]),()=>{t(),setTimeout(()=>{i.current||e.push(r.zM.getNewRelativeURL("","shop").toString())},500)}}},89676:function(e,t,i){i.r(t),i.d(t,{__N_SSP:function(){return tD},default:function(){return tI}});var n=i(35944),o=i(67294);let r="VMefTjL46qbbiQ3YFb2HgmoW";var a=()=>((0,o.useEffect)(()=>{var e,t,i,n;let o="chatwoot-script";if(null===(e=document.querySelector("#"+o))||void 0===e||e.remove(),null===(t=document.querySelector(".woot--bubble-holder"))||void 0===t||t.remove(),null===(i=document.querySelector(".woot-widget-holder"))||void 0===i||i.remove(),delete window.$chatwoot,r){window.chatwootSettings={hideMessageBubble:!1,position:"right",locale:"vi",type:"standard"};let e="https://app.chatwoot.com",t=document.createElement("script"),i=document.getElementsByTagName("script")[0];t.setAttribute("id",o),t.src=e+"/packs/js/sdk.js",null===(n=i.parentNode)||void 0===n||n.insertBefore(t,i),t.async=!0,t.onload=function(){window.chatwootSDK.run({websiteToken:r,baseUrl:e})},document.body.classList.add("has-chatwoot")}return()=>{var e,t,i;document.body.classList.remove("has-chatwoot"),null===(e=document.querySelector("#chatwoot-script"))||void 0===e||e.remove(),null===(t=document.querySelector(".woot--bubble-holder"))||void 0===t||t.remove(),null===(i=document.querySelector(".woot-widget-holder"))||void 0===i||i.remove(),delete window.$chatwoot}},[r]),null),l=i(30118),d=i(99914),s=i(78411),c=i(90762),u=i(23236),p=i(65181),h=i(76318);let g=(e,t)=>{let i=(0,o.useRef)({});return{onMouseDown:e=>{i.current={time:Date.now(),down:!0,x:e.clientX,y:e.clientY}},onMouseMove:e=>{i.current.down&&(Math.abs(e.clientX-(i.current.x||0))>40||Math.abs(e.clientY-(i.current.y||0))>40)&&(i.current.down=!1)},onClickCapture:n=>{if(i.current.down){if(Date.now()-(i.current.time||0)<200){i.current={},null==e||e();return}i.current={}}null==t||t(),n.preventDefault(),n.stopPropagation()},onMouseOut:()=>{i.current={}}}};var m=i(92525),f=i(82970),v=i(28220),b=i(87379),w=i(54479);let x=(0,b.ZP)(c.xu).withConfig({componentId:"sc-6b99eda0-0"})(["width:100%;"]),y=b.ZP.div.withConfig({componentId:"sc-6b99eda0-1"})(["height:0;width:100%;padding-top:100%;align-items:center;position:relative;margin-bottom:16px;&[data-in-popup='true']{margin-bottom:46px;","{margin-bottom:24px;}}&[data-no-bottom-list='true']{margin-bottom:0;}","{padding-top:54%;}.product-card-promotion-tag-wrapper{position:absolute;bottom:0;left:0;width:100%;display:flex;img{height:44px;}}"],v.M.mbDown,v.M.tdOnly),P=b.ZP.div.withConfig({componentId:"sc-6b99eda0-2"})(["position:absolute;width:100%;height:100%;top:0;left:0;"]),Z=(0,b.ZP)(c.E9).withConfig({componentId:"sc-6b99eda0-3"})(["position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;user-select:none;user-drag:none;&[data-blur='true']{filter:blur(4px);-webkit-filter:blur(4px);-moz-filter:blur(4px);-o-filter:blur(4px);-ms-filter:blur(4px);}"]),C=b.ZP.div.withConfig({componentId:"sc-6b99eda0-4"})(["height:0;padding-top:calc(100% - 2px);position:relative;cursor:pointer;border-radius:4px;background:",";border:1px solid ",";overflow:hidden;&[data-no-border]{border:none;padding-top:100%;","{padding-top:54%;}}&[data-selected='true']{border-color:",";}> *{pointer-events:none;}"],e=>{let{theme:t}=e;return t.colors.white},e=>{let{theme:t}=e;return t.colors.neutral100},v.M.tdOnly,e=>{let{theme:t}=e;return t.colors.primaryBase}),k=b.ZP.div.withConfig({componentId:"sc-6b99eda0-5"})(["position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.5);display:flex;align-items:center;justify-content:center;text-align:center;"]),M=b.ZP.div.withConfig({componentId:"sc-6b99eda0-6"})(["position:fixed;top:0;left:0;width:100%;height:100%;z-index:",";background:",";display:none;&[data-open='true']{display:block;}"],w.v3.zIndexes.imageCaroselPopup,e=>{let{theme:t}=e;return t.colors.gray800}),B=(0,b.iv)(["width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:2px solid ",";border-radius:50%;position:absolute;cursor:pointer;"],e=>{let{theme:t}=e;return t.colors.white}),D=b.ZP.div.withConfig({componentId:"sc-6b99eda0-7"})([""," top:68px;right:148px;","{top:40px;left:16px;width:unset;height:unset;border:none;right:unset;}"],B,v.M.mbDown),I=b.ZP.div.withConfig({componentId:"sc-6b99eda0-8"})([""," top:50%;transform:translateY(-50%);left:148px;"],B),S=b.ZP.div.withConfig({componentId:"sc-6b99eda0-9"})([""," top:50%;right:148px;transform:translateY(-50%);"],B),z=b.ZP.div.withConfig({componentId:"sc-6b99eda0-10"})(["position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;max-width:min(65vh,90vw);","{width:100%;}"],v.M.mbDown),T=b.ZP.div.withConfig({componentId:"sc-6b99eda0-11"})([".grid-layout{grid-gap:8px;grid-template-columns:repeat(var(--carousel-max),1fr) !important;}&[data-in-popup='true']{","{padding:0 16px;}}"],v.M.mbDown),O=e=>{let{images:t,customDataProps:i,wrapperProps:r,currentImageIndex:a,setCurrentImageIndex:l,openPreviewImageIndex:u,isInPopup:v,hideBottomScrollList:b,productName:w,isOutOfStock:M,productSku:B}=e,D=(0,h.U)(),I=f.D.useTranslation(),[S,z]=(0,o.useState)(a||0),{data:O}=(0,p.t)(!!B),E=null==O?void 0:O.filter(e=>{var t,i;return!!B&&(e.isApplyAll&&!(null===(t=e.excludedSku)||void 0===t?void 0:t.includes(B))||(null===(i=e.sku)||void 0===i?void 0:i.includes(B)))}).slice(0,3),{isMobile:N}=m.v.useDevice(),X=v?N?4:6:5,A=void 0!==a?a:S,H=e=>{z(e),"function"==typeof l&&l(e)},{onMouseDown:R,onMouseMove:L,onClickCapture:_,onMouseOut:j}=g(),U=(null==t?void 0:t.length)?t:["/shop/images/default-image.jpg"],V=v?U:U.slice(0,X);return(0,n.BX)(x,{...r,customDataProps:{...i,style:{"--carousel-max":X}},children:[(0,n.BX)(y,{"data-in-popup":v,"data-no-bottom-list":b,children:[M&&(0,n.tZ)("div",{style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%,-50%)",borderRadius:"50%",padding:16,background:"rgba(38,38,38,0.8)",display:"flex",aspectRatio:"1",alignItems:"center",justifyContent:"center",zIndex:10},children:(0,n.tZ)(c.xv,{size:"p3",colour:"white",children:I({id:"tag.outOfStock",defaultMessage:"Hết h\xe0ng"})})}),(0,n.tZ)(P,{onMouseDown:R,onMouseMove:L,onClickCapture:_,onMouseOut:j,children:(0,n.tZ)(d.S,{row:1,column:1,page:A,isDotsShown:!1,onChangePage:e=>H(e),mode:"snapped",children:U.map((e,t)=>(0,n.tZ)(C,{onClick:()=>{null==u||u(t)},"data-no-border":!0,"data-event-category":"Ecommerce","data-event-action":"Product Image Click","data-event-label":D,children:(0,n.tZ)(Z,{src:e,alt:w||"product image ".concat(t+1)})},t))},U.length)}),(0,n.tZ)(c.Af,{customDataProps:{style:{background:s.t.colors.neutral100,padding:"2px 8px",position:"absolute",bottom:16,right:16}},size:"md",color:"tertiary",children:"".concat(A+1,"/").concat(U.length)}),!!(null==E?void 0:E.length)&&(0,n.tZ)("div",{className:"product-card-promotion-tag-wrapper",children:E.map((e,t)=>(0,n.tZ)("div",{children:(0,n.tZ)("img",{src:e.image,alt:e.name})},t))})]}),!b&&(0,n.tZ)(T,{"data-in-popup":v,children:(0,n.tZ)(d.S,{row:1,column:X||6,page:Math.floor(A/X),isDotsShown:!1,mode:"snapped",children:V.map((e,t)=>{let i=t+1===X&&!v;return(0,n.BX)(C,{"data-selected":t===A,onClick:()=>i?null==u?void 0:u(t):H(t),"data-event-category":"Ecommerce","data-event-action":"Product Image Click","data-event-label":D,children:[(0,n.tZ)(Z,{src:e}),i&&(0,n.tZ)(k,{children:(0,n.tZ)(c.xv,{size:"description",wordWrap:"break-word",weight:"regular",children:I({id:"productImageCarousel.seeAll",defaultMessage:"Xem tất cả"})})})]},t)})},U.length+"-"+X)})]})},E=e=>{let{images:t,customDataProps:i,wrapperProps:r,isOpen:a,onClose:l,defaultCurrentImageIndex:d,productSku:s}=e,{isMobile:c}=m.v.useDevice(),[p,h]=(0,o.useState)(d||0),g=(0,o.useRef)(null);return(0,o.useEffect)(()=>{a&&h(d||0)},[a]),(0,o.useEffect)(()=>{let e=()=>{if(g.current){let e,t;let i=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth,n=Math.round((e=.65*(window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight))<(t=.9*i)?e:t);g.current.style.maxWidth=n+"px"}};return window.addEventListener("resize",e),setTimeout(e,500),setTimeout(e,1e3),()=>{window.removeEventListener("resize",e)}},[]),(0,n.BX)(M,{"data-open":a,children:[(0,n.tZ)(z,{ref:g,children:(0,n.tZ)(O,{customDataProps:i,wrapperProps:r,images:t,currentImageIndex:p,setCurrentImageIndex:h,isInPopup:!0,productSku:s})}),(0,n.tZ)(D,{onClick:l,children:(0,n.tZ)(u.CC,{style:{width:24,height:24}})}),!c&&(0,n.BX)(n.HY,{children:[(0,n.tZ)(I,{onClick:()=>h(e=>e>0?e-1:e),children:(0,n.tZ)(u.ZH,{style:{width:24,height:24,transform:"rotate(180deg)"}})}),(0,n.tZ)(S,{onClick:()=>h(e=>e+1<t.length?e+1:e),children:(0,n.tZ)(u.ZH,{style:{width:24,height:24}})})]})]})};var N=i(24738),X=i(79512),A=i(330);let H=b.ZP.div.withConfig({componentId:"sc-71cc3823-0"})(["display:grid;gap:8px;&[data-more]{transition:max-height 0.6s;max-height:0;overflow:hidden;margin-top:8px;}&[data-show-all='true']{max-height:400px;}grid-template-columns:repeat(2,1fr);&[data-size='3']{","{grid-template-columns:repeat(3,1fr);}}"],v.M.mbUp),R=b.ZP.a.withConfig({componentId:"sc-71cc3823-1"})(["display:flex;text-decoration:none;padding:6px;align-items:center;gap:8px;border:1px solid ",";border-radius:8px;&:hover,&:active,&:focus{background-color:",";border-color:",";}.info-text{display:flex;flex-direction:column;.price-text{display:flex;align-items:center;}svg,img{margin-left:4px;}img{object-fit:cover;border-radius:4px;}svg path{fill:",";}}"],e=>{let{theme:t}=e;return t.colors.blue100},e=>{let{theme:t}=e;return t.colors.blue100},e=>{let{theme:t}=e;return t.colors.primaryBase},e=>{let{theme:t}=e;return t.colors.red800}),L=(0,b.ZP)(c.zx).withConfig({componentId:"sc-71cc3823-2"})(["&[data-show='true']{margin-top:0px;}> span{display:inline-flex;align-items:center;}margin-top:-8px;color:",";svg[data-show='true']{transform:rotate(-90deg);}svg path{fill:",";}","{padding-left:6px;}","{width:100%;}"],e=>{let{theme:t}=e;return t.colors.primaryBase},e=>{let{theme:t}=e;return t.colors.primaryBase},v.M.mbUp,v.M.mbDown),_={shopee:{name:"Shopee",icon:e=>(0,n.tZ)("img",{src:"/shop/images/vendors/vendor-shopee.png",style:{width:e,height:e},alt:"Lazada"})},lazada:{name:"Lazada",icon:e=>(0,n.tZ)("img",{src:"/shop/images/vendors/vendor-lazada.png",style:{width:e,height:e},alt:"Lazada"})},tiki:{name:"Tiki",icon:e=>(0,n.tZ)("img",{src:"/shop/images/vendors/vendor-tiki.png",style:{width:e,height:e},alt:"Tiki"})},hellobacsi:{name:"Hellobacsi",icon:e=>(0,n.tZ)("img",{src:"/shop/images/vendors/vendor-hellobacsi.png",style:{width:e,height:e},alt:"affiliate hellobacsi"})}},j=e=>{var t,i;let{wrapperProps:r,affiliates:a,anchorProps:l,hideHeader:d,forceShowAll:s}=e,p=w.zM.useLocale(),{isMobile:h}=w.v3.useDevice(),g=w.D1.useTranslation(),m=h?4:8,[f,v]=o.useState(!1),b=a.length>m,x=3===a.length?"3":"2";return(0,n.BX)(c.xu,{...r,children:[!d&&(0,n.tZ)("div",{style:{marginBottom:8},children:h?(0,n.tZ)(c.X6,{tag:"h5",weight:"bold",as:"p",children:g({id:"product.affiliate.buyNow",defaultMessage:"Mua ngay"})}):(0,n.tZ)(c.xv,{size:"s4",weight:"regular",children:g({id:"product.affiliate.buyNow",defaultMessage:"Mua ngay"})})}),(0,n.tZ)(H,{"data-size":x,"data-one":(null==a?void 0:a.length)<=1,children:null==a?void 0:null===(t=a.slice(0,m))||void 0===t?void 0:t.map((e,t)=>_[e.channelCode]&&(0,n.BX)(R,{href:e.url,target:"_blank","data-event-category":"Ecommerce","data-event-action":"Shop Click","data-product-channel":e.channelCode.charAt(0).toUpperCase()+e.channelCode.slice(1),...l,children:[_[e.channelCode].icon(36),(0,n.BX)("div",{className:"info-text",children:[(0,n.tZ)(c.xv,{size:"description",weight:"regular",children:_[e.channelCode].name}),(0,n.BX)(c.xv,{className:"price-text",size:"s4",weight:"semi-bold",colour:"red800",children:[(0,A.OH)(e.price,p,"VND"),(0,n.tZ)(u.XC,{width:"16px"})]})]})]},e.channelCode+t))}),b&&(0,n.BX)(n.HY,{children:[(0,n.tZ)(H,{"data-size":"2","data-more":!0,"data-show-all":String(s||f),children:null==a?void 0:null===(i=a.slice(m))||void 0===i?void 0:i.map((e,t)=>_[e.channelCode]&&(0,n.BX)(R,{href:e.url,target:"_blank","data-event-category":"Ecommerce","data-event-action":"Shop Click","data-product-channel":e.channelCode.charAt(0).toUpperCase()+e.channelCode.slice(1),...l,children:[_[e.channelCode].icon(36),(0,n.BX)("div",{className:"info-text",children:[(0,n.tZ)(c.xv,{size:"description",weight:"regular",children:_[e.channelCode].name}),(0,n.BX)(c.xv,{className:"price-text",size:"s4",weight:"semi-bold",colour:"red800",children:[(0,A.OH)(e.price,p,"VND"),(0,n.tZ)(u.XC,{width:"16px"})]})]})]},e.channelCode+t))}),!s&&(0,n.BX)(L,{onClick:()=>v(!f),size:"sm",color:"ghost",customDataProps:{"data-show":f},children:[f?g({id:"common.seeLess",defaultMessage:"Thu gọn"}):g({id:"product.affiliate.seeMore",defaultMessage:"Xem th\xeam {count} s\xe0n"},{count:a.length-m}),(0,n.tZ)(u.XC,{"data-show":f,width:"16px"})]})]})]})};var U=i(62789),V=i(49246),q=i(64761);let[Y,K]=(0,i(68216).R)("Drawer component was not found in tree");var G=i(96768),W=i(56817),F=i(14258);let $={xs:(0,G.h)(320),sm:(0,G.h)(380),md:(0,G.h)(440),lg:(0,G.h)(620),xl:(0,G.h)(780)};var Q=(0,W.k)((e,{position:t},{size:i})=>({header:{zIndex:1e3},content:{flex:"right"===t||"left"===t?`0 0 ${(0,F.a)({size:i,sizes:$})}`:"0 0 100%",maxWidth:"100%",maxHeight:"100%",height:"right"===t||"left"===t?"100%":(0,F.a)({size:i,sizes:$}),borderRadius:0,overflowY:"auto"},inner:{display:"flex",justifyContent:"right"===t?"flex-end":"flex-start",alignItems:"bottom"===t?"flex-end":"flex-start"}})),J=i(26423),ee=Object.defineProperty,et=Object.defineProperties,ei=Object.getOwnPropertyDescriptors,en=Object.getOwnPropertySymbols,eo=Object.prototype.hasOwnProperty,er=Object.prototype.propertyIsEnumerable,ea=(e,t,i)=>t in e?ee(e,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[t]=i,el=(e,t)=>{for(var i in t||(t={}))eo.call(t,i)&&ea(e,i,t[i]);if(en)for(var i of en(t))er.call(t,i)&&ea(e,i,t[i]);return e},ed=(e,t)=>et(e,ei(t)),es=(e,t)=>{var i={};for(var n in e)eo.call(e,n)&&0>t.indexOf(n)&&(i[n]=e[n]);if(null!=e&&en)for(var n of en(e))0>t.indexOf(n)&&er.call(e,n)&&(i[n]=e[n]);return i};let ec={top:"slide-down",bottom:"slide-up",left:"slide-right",right:"slide-left"},eu={top:"slide-down",bottom:"slide-up",right:"slide-right",left:"slide-left"},ep=ed(el({},J.K),{position:"left"});function eh(e){let t=(0,q.N4)("DrawerRoot",ep,e),{classNames:i,variant:n,size:r,scrollAreaComponent:a,position:l,transitionProps:d}=t,s=es(t,["classNames","variant","size","scrollAreaComponent","position","transitionProps"]),{classes:c,cx:u,theme:p}=Q({position:l},{name:"Drawer",variant:n,size:r}),h=("rtl"===p.dir?eu:ec)[l];return o.createElement(Y,{value:{scrollAreaComponent:a}},o.createElement(J.e,el({__staticSelector:"Drawer",size:r,variant:n,transitionProps:el({transition:h,duration:200},d),classNames:ed(el({},i),{content:u(c.content,null==i?void 0:i.content),inner:u(c.inner,null==i?void 0:i.inner)})},s)))}var eg=Object.defineProperty,em=Object.getOwnPropertySymbols,ef=Object.prototype.hasOwnProperty,ev=Object.prototype.propertyIsEnumerable,eb=(e,t,i)=>t in e?eg(e,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[t]=i,ew=(e,t)=>{for(var i in t||(t={}))ef.call(t,i)&&eb(e,i,t[i]);if(em)for(var i of em(t))ev.call(t,i)&&eb(e,i,t[i]);return e},ex=(e,t)=>{var i={};for(var n in e)ef.call(e,n)&&0>t.indexOf(n)&&(i[n]=e[n]);if(null!=e&&em)for(var n of em(e))0>t.indexOf(n)&&ev.call(e,n)&&(i[n]=e[n]);return i};let ey={shadow:"xl"},eP=(0,o.forwardRef)((e,t)=>{let i=(0,q.N4)("ModalContent",ey,e),{children:n,scrollAreaComponent:r}=i,a=ex(i,["children","scrollAreaComponent"]),l=K(),d=r||l.scrollAreaComponent||J.e.NativeScrollArea;return o.createElement(J.e.Content,ew({ref:t,radius:0},a),o.createElement(d,{style:{height:"100vh"}},n))});var eZ=Object.defineProperty,eC=Object.defineProperties,ek=Object.getOwnPropertyDescriptors,eM=Object.getOwnPropertySymbols,eB=Object.prototype.hasOwnProperty,eD=Object.prototype.propertyIsEnumerable,eI=(e,t,i)=>t in e?eZ(e,t,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[t]=i,eS=(e,t)=>{for(var i in t||(t={}))eB.call(t,i)&&eI(e,i,t[i]);if(eM)for(var i of eM(t))eD.call(t,i)&&eI(e,i,t[i]);return e},ez=(e,t)=>{var i={};for(var n in e)eB.call(e,n)&&0>t.indexOf(n)&&(i[n]=e[n]);if(null!=e&&eM)for(var n of eM(e))0>t.indexOf(n)&&eD.call(e,n)&&(i[n]=e[n]);return i};let eT=eC(eS({},J.K),ek({withOverlay:!0,withCloseButton:!0}));function eO(e){let t=(0,q.N4)("Drawer",eT,e),{title:i,withOverlay:n,overlayProps:r,withCloseButton:a,closeButtonProps:l,children:d}=t,s=ez(t,["title","withOverlay","overlayProps","withCloseButton","closeButtonProps","children"]),c=!!i||a;return o.createElement(eh,eS({},s),n&&o.createElement(J.e.Overlay,eS({},r)),o.createElement(eP,null,c&&o.createElement(J.e.Header,null,i&&o.createElement(J.e.Title,null,i),a&&o.createElement(J.e.CloseButton,eS({},l))),o.createElement(J.e.Body,null,d)))}eO.Root=eh,eO.CloseButton=J.e.CloseButton,eO.Overlay=J.e.Overlay,eO.Content=eP,eO.Header=J.e.Header,eO.Title=J.e.Title,eO.Body=J.e.Body,eO.NativeScrollArea=J.e.NativeScrollArea;let eE=e=>{let{affiliates:t,productUrl:i}=e,{isDesktop:r}=w.v3.useDevice(),[a,l]=(0,o.useState)(!1),[d,s]=(0,o.useState)(!1),u=w.D1.useTranslation();return((0,o.useEffect)(()=>{let e=()=>{let e=document.getElementById("product-sticky-affiliate-marker");e&&l(e.getBoundingClientRect().top<=0)};return window.addEventListener("scroll",e,{passive:!0}),()=>{window.removeEventListener("scroll",e)}},[]),console.log(">> isDesktop",r),r)?null:(0,n.BX)(n.HY,{children:[(0,n.tZ)("div",{id:"product-sticky-affiliate-marker"}),a&&(0,n.BX)(eN,{children:[(0,n.tZ)(c.zx,{size:"lg",color:"primary",onClick:()=>s(!0),customDataProps:{"data-event-action":"Affiliate Popup Click","data-event-category":"Ecommerce","data-event-label":i,style:{width:"100%"}},children:u({id:"product.affiliate.buyNow",defaultMessage:"Mua ngay"})}),(0,n.tZ)(eO,{opened:d,onClose:()=>s(!1),title:(0,n.tZ)(c.X6,{tag:"h5",weight:"bold",as:"p",children:u({id:"product.affiliate.buyNow",defaultMessage:"Mua ngay"})}),position:"bottom",children:(0,n.tZ)(j,{affiliates:t||[],hideHeader:!0,forceShowAll:!0})})]})]})},eN=b.ZP.div.withConfig({componentId:"sc-dd068ec2-0"})(["position:fixed;bottom:0;left:0;width:100%;z-index:20;border-top:1px solid #e4e8ec;padding:8px;background-color:white;"]);var eX=i(30074),eA=i(41536),eH=i(51219),eR=i(38066),eL=i(76902);let e_=b.ZP.div.withConfig({componentId:"sc-de56e0e7-0"})(["","{padding:16px;}"],v.M.tdDown),ej=b.ZP.div.withConfig({componentId:"sc-de56e0e7-1"})(["display:flex;gap:20px;","{flex-direction:column;gap:8px;}","{.buy-now-buttons-desktop{display:none;}}","{.buy-now-buttons{display:none;}}"],v.M.tdDown,v.M.mbDown,v.M.mbUp),eU=b.ZP.div.withConfig({componentId:"sc-de56e0e7-2"})(["align-self:start;width:150px;background:",";border:1px solid ",";border-radius:8px;padding:4px;cursor:pointer;","{display:flex;padding:12px;border:none;width:100%;border-radius:4px;}"],e=>e.theme.colors.neutral50,e=>e.theme.colors.neutral100,v.M.tdDown),eV=(0,b.ZP)(c.E9).withConfig({componentId:"sc-de56e0e7-3"})(["border-radius:4px;width:100%;height:unset;min-height:64px;object-fit:contain;margin-bottom:8px;border-radius:4px;","{height:40px;width:unset;aspect-ratio:unset;margin-right:12px;margin-bottom:0;}"],v.M.tdDown),eq=b.ZP.div.withConfig({componentId:"sc-de56e0e7-4"})(["display:flex;justify-content:center;text-align:center;align-items:center;"]);b.ZP.div.withConfig({componentId:"sc-de56e0e7-5"})(["width:calc(100% + 32px);height:1px;background:",";","{display:none;}"],e=>e.theme.colors.neutral100,v.M.tdDown);let eY=b.ZP.table.withConfig({componentId:"sc-de56e0e7-6"})(["margin-bottom:24px;td:first-child{white-space:nowrap;}","{display:none;}"],v.M.mbDown),eK=b.ZP.div.withConfig({componentId:"sc-de56e0e7-7"})(["padding:12px;border:1px solid ",";border-radius:4px;justify-content:space-between;display:none;cursor:pointer;","{display:flex;}"],e=>e.theme.colors.neutral100,v.M.tdDown),eG=b.ZP.div.withConfig({componentId:"sc-de56e0e7-8"})(["flex:1;"]),eW=b.ZP.div.withConfig({componentId:"sc-de56e0e7-9"})(["position:fixed;background:rgba(0,0,0,0.7);top:0;left:0;height:100%;width:100%;z-index:",";"],w.v3.zIndexes.dropdown+1),eF=b.ZP.div.withConfig({componentId:"sc-de56e0e7-10"})(["position:absolute;background:#ffffff;border-radius:12px 12px 0px 0px;padding:16px;padding-bottom:24px;bottom:66px;width:100%;"]),e$=b.ZP.div.withConfig({componentId:"sc-de56e0e7-11"})(["display:flex;gap:8px;align-items:center;.input-wrapper .input-inner-wrapper input{width:54px;height:32px;text-align:center;padding-left:8px;padding-right:8px;}"]),eQ=(0,b.ZP)(c.xu).withConfig({componentId:"sc-de56e0e7-12"})(["display:flex;flex-wrap:wrap;gap:8px;padding-left:16px;padding-bottom:8px;"]),eJ=b.ZP.div.withConfig({componentId:"sc-de56e0e7-13"})(["> [data-tag-type='standard']:hover{&[data-is-selected],&:active{background:",";}}"],e=>e.theme.colors.blue50),e0=(0,b.ZP)(c.xu).withConfig({componentId:"sc-de56e0e7-14"})(["margin-bottom:8px;","{margin-bottom:4px;}.tag{margin:4px;:first-child{margin-left:0;}}"],v.M.tdDown);(0,b.ZP)(c.xu).withConfig({componentId:"sc-de56e0e7-15"})(["display:flex;justify-content:space-between;align-items:center;gap:4px;padding:2px;svg{width:18px;height:18px;object-fit:fit-contain;flex-shrink:0;}"]);let e1=(0,b.ZP)(c.xu).withConfig({componentId:"sc-de56e0e7-16"})(["&[data-disabled='true']{pointer-events:none;}width:100%;display:flex;gap:24px;button[data-color='primary']{svg{path{fill:white;}}}","{gap:8px;padding:8px;> *{flex:1;}z-index:",";}"],v.M.tdDown,w.v3.zIndexes.dropdown),e2=(0,b.ZP)(c.xu).withConfig({componentId:"sc-de56e0e7-17"})(["background:#fdfefe;","{position:fixed;bottom:0;left:0;width:100%;z-index:20;border-top:1px solid #e4e8ec;}"],v.M.tdDown),e6=b.ZP.div.withConfig({componentId:"sc-de56e0e7-18"})(["display:flex;align-items:center;padding:6px 4px;width:100%;cursor:pointer;"]),e8=e=>{let{amount:t,setAmount:i,style:o}=e;return(0,n.BX)(e$,{style:o,children:[(0,n.tZ)(c.hU,{onClick:()=>{i(Math.max(t-1,1))},size:"sm",color:"secondary",children:(0,n.tZ)(u.V_,{width:"16px"})}),(0,n.tZ)(c.II,{customDataProps:{style:{width:"unset"}},size:"sm",type:"numeric",value:String(t),onChange:e=>{i(Math.min(Math.max(Math.floor(Number(e.target.value)||0),1),999))}}),(0,n.tZ)(c.hU,{onClick:()=>{i(Math.min(t+1,999))},size:"sm",color:"secondary",children:(0,n.tZ)(u.pO,{width:"16px"})})]})},e4=e=>{let{amount:t,properties:i,selectedPropertyValues:r=[],setAmount:a,setSelectedPropertyValues:l}=e,d=f.D.useTranslation(),[p,h]=(0,o.useState)(!1),[g,m]=(0,o.useState)(t),[v,b]=(0,o.useState)(r||[]);return(0,n.BX)(n.HY,{children:[(0,n.BX)(eK,{onClick:()=>{m(t),b(r),h(!0)},children:[(0,n.BX)(eG,{children:[(null==i?void 0:i.length)&&!(null==r?void 0:r.length)?(0,n.tZ)(c.xv,{size:"description",weight:"regular",children:d({id:"productInfo.propertiesMobile.selectProperty",defaultMessage:"Chọn thuộc t\xednh"})}):null,!!(null==r?void 0:r.length)&&!!(null==i?void 0:i.length)&&i.map((e,t)=>{let i=e.values.find(e=>r.includes(e.value));return i?(0,n.BX)(c.xu,{customDataProps:{style:{display:"flex",alignItems:"end",gap:4}},children:[(0,n.tZ)(c.xv,{size:"description",weight:"regular",children:e.text}),(0,n.tZ)(c.xv,{size:"s4",weight:"semi-bold",colour:"gray400",children:"•"}),(0,n.tZ)(c.xv,{size:"s5",weight:"semi-bold",children:i.text})]},t):null}),t?(0,n.BX)(c.xu,{customDataProps:{style:{display:"flex",alignItems:"end",gap:4}},children:[(0,n.BX)(c.xv,{size:"description",weight:"regular",children:[d({id:"productInfo.amount",defaultMessage:"Số lượng"}),":"]}),(0,n.tZ)(c.xv,{size:"s5",weight:"semi-bold",children:t})]}):null]}),(0,n.BX)(c.xv,{size:"s5",colour:"primaryBase",weight:"semi-bold",children:[d({id:"productInfo.propertiesMobile.change",defaultMessage:"Thay đổi"}),(0,n.tZ)(u.Vm,{style:{width:18,height:18,verticalAlign:"middle"}})]})]}),p&&(0,n.tZ)(eW,{onClick:()=>{h(!1)},children:(0,n.BX)(eF,{onClick:e=>{e.stopPropagation()},children:[(0,n.BX)(c.xu,{customDataProps:{style:{display:"flex",justifyContent:"space-between"}},children:[(0,n.tZ)(c.X6,{tag:"h5",weight:"bold",children:d({id:"productInfo.propertiesMobile.popup.selectProperty",defaultMessage:"Chọn thuộc t\xednh"})}),(0,n.tZ)(u.Tw,{style:{width:24,cursor:"pointer"},onClick:()=>{h(!1)}})]}),(0,n.tZ)("div",{style:{width:"100%",background:s.t.colors.neutral100,height:1,margin:"16px 0"}}),null==i?void 0:i.map((e,t)=>(0,n.BX)(c.xu,{customDataProps:{style:{display:"flex",gap:16,flexDirection:"column",marginBottom:16}},children:[(0,n.tZ)(c.xv,{size:"s3",weight:"semi-bold",colour:"secondaryBase",children:e.text}),e.values.map((i,o)=>(0,n.tZ)(c.Y8,{name:e.text,isChecked:v.includes(i.value),onChange:t=>{t.currentTarget.checked?b(t=>t.filter(t=>-1===e.values.findIndex(e=>e.value===t)).concat(i.value)):b(e=>e.filter(e=>e!==i.value))},label:i.text,value:i.value},t+"-"+o))]},t)),(0,n.BX)(c.xu,{customDataProps:{style:{display:"flex",gap:16,alignItems:"center"}},children:[(0,n.tZ)(c.xv,{size:"s3",weight:"semi-bold",colour:"secondaryBase",children:d({id:"productInfo.propertiesMobile.popup.amount",defaultMessage:"Số lượng"})}),(0,n.BX)(e$,{"data-is-popup":!0,children:[(0,n.tZ)(c.hU,{onClick:()=>{m(Math.max(g-1,1))},size:"sm",color:"secondary",children:(0,n.tZ)(u.V_,{width:"16px"})}),(0,n.tZ)(c.II,{customDataProps:{style:{width:"unset"}},size:"sm",type:"numeric",value:String(g),onChange:e=>{m(Math.min(Math.max(Math.floor(Number(e.target.value)||0),1),999))}}),(0,n.tZ)(c.hU,{onClick:()=>{m(Math.min(g+1,999))},size:"sm",color:"secondary",children:(0,n.tZ)(u.pO,{width:"16px"})})]})]}),(0,n.tZ)(c.zx,{size:"lg",color:"primary",onClick:()=>{a(g),null==l||l(v),h(!1)},customDataProps:{style:{marginTop:24,width:"100%"}},children:d({id:"productInfo.propertiesMobile.popup.save",defaultMessage:"Lưu"})})]})})]})};var e3=i(24139),e5=i(27037),e9=i(30202);function e7(e,t){return e.findAll(t.filters).map(e=>t.select?t.select(e):e.state)}let te=e=>{let{onAddToCart:t,onBuyNow:i,isInStock:r,productUrl:a}=e,l=f.D.useTranslation(),d=function(e,t){let i=(0,e9.NL)(void 0);return function(e={},t){let i=(0,e9.NL)(t).getMutationCache(),n=o.useRef(e),r=o.useRef();return r.current||(r.current=e7(i,e)),o.useEffect(()=>{n.current=e}),o.useSyncExternalStore(o.useCallback(e=>i.subscribe(()=>{let t=(0,e3.Q$)(r.current,e7(i,n.current));r.current!==t&&(r.current=t,e5.V.schedule(e))}),[i]),()=>r.current,()=>r.current)}({filters:{...e,status:"pending"}},i).length}({mutationKey:["addToCart"]})>0;return(0,n.tZ)(e2,{children:(0,n.tZ)(e1,{customDataProps:{"data-disable":!r},children:r?(0,n.BX)(n.HY,{children:[(0,n.tZ)(c.zx,{size:"lg",color:"primary",onClick:t,icon:(0,n.tZ)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:(0,n.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"})}),customDataProps:{"data-event-action":"Add To Cart Click","data-event-category":"Ecommerce","data-event-label":a},disabled:d,isLoading:d,children:l({id:"productInfo.addToCart",defaultMessage:"Th\xeam v\xe0o giỏ h\xe0ng"})}),i&&(0,n.tZ)(c.zx,{size:"lg",color:"primary",onClick:i,customDataProps:{"data-event-action":"Buy Now Click","data-event-category":"Ecommerce","data-event-label":a},children:l({id:"productInfo.buyNow",defaultMessage:"Mua ngay"})})]}):(0,n.tZ)(c.zx,{size:"lg",color:"primary",disabled:!0,customDataProps:{style:{width:"100%"}},children:l({id:"tag.outOfStock",defaultMessage:"Hết h\xe0ng"})})})})},tt=e=>{var t,i;let{onAddToCart:r,onBuyNow:a,amount:l,setAmount:d,product:s}=e,{isDesktop:u}=w.v3.useDevice(),[p,h]=(0,o.useState)(!1),g=w.D1.useTranslation();if((0,o.useEffect)(()=>{let e=()=>{let e=document.getElementById("desktop-sticky-header"),t=document.getElementById("product-sticky-info-marker");if(e&&t){let i=e.offsetHeight;t.getBoundingClientRect().top<=i?h(i-1):h(!1)}};return window.addEventListener("scroll",e,{passive:!0}),()=>{window.removeEventListener("scroll",e)}},[]),!u)return null;let m=(null==s?void 0:s.thumbnail)||(null==s?void 0:null===(i=s.images)||void 0===i?void 0:null===(t=i[0])||void 0===t?void 0:t.small)||"";return(0,n.BX)(n.HY,{children:[(0,n.tZ)("div",{id:"product-sticky-info-marker"}),(0,n.tZ)(ti,{style:{display:p?"block":"none",top:p||0,transform:"translateY(var(--site-wide-offset))",transition:"all 0.25s ease"},children:(0,n.tZ)(c.EW,{isDesktopPadding:!0,children:(0,n.BX)("div",{style:{display:"flex",gap:20,justifyContent:"space-between",alignItems:"center",padding:"8px 0"},children:[(0,n.BX)("div",{style:{display:"flex",alignItems:"center",gap:16},children:[(0,n.tZ)(c.E9,{src:m,alt:(null==s?void 0:s.name)||"",className:"sticky-product-img"}),(0,n.tZ)(c.xv,{size:"s4",weight:"semi-bold",className:"sticky-product-name",style:{},dangerouslySetInnerHTML:{__html:(null==s?void 0:s.name)||""}})]}),(0,n.tZ)("div",{style:{display:"flex",gap:20},children:(null==s?void 0:s.isAffiliateProduct)?(0,n.tZ)(c.zx,{size:"lg",color:"primary",onClick:()=>{window.scrollTo(0,0)},customDataProps:{"data-event-action":"Affiliate Click","data-event-category":"Ecommerce","data-event-label":w.zM.getLocalisedUrl((null==s?void 0:s.slug)||"","PRODUCT").toString()},children:g({id:"productInfo.buyNow",defaultMessage:"Mua ngay"})}):(0,n.BX)(n.HY,{children:[(0,n.tZ)(e8,{amount:l,setAmount:d}),(0,n.tZ)(te,{onAddToCart:r,onBuyNow:a,isInStock:null==s?void 0:s.isInStock,productUrl:w.zM.getLocalisedUrl((null==s?void 0:s.slug)||"","PRODUCT").toString()})]})})]})})})]})},ti=b.ZP.div.withConfig({componentId:"sc-d9516676-0"})(["position:fixed;top:0;background:white;border-bottom:1px solid ",";z-index:19;width:100%;left:0;.sticky-product-img{border:1px solid ",";width:64px;height:64px;border-radius:8px;object-fit:contain;}.sticky-product-name{max-width:480px;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}"],e=>e.theme.colors.neutral100,e=>e.theme.colors.neutral100);var tn=i(85118),to=i(90786),tr=i(57409),ta=i(89553),tl=i(69986);let td={id:0,name:"CH\xd3NG MẶT CUỒNG QUAY - B\xc1C SĨ TƯ VẤN NGAY",slug:"chuong-trinh-uu-dai-voucher-40k",thumbnail:"",expiredDate:"",banners:[{name:"",url:"",featuredImage:"/shop/images/tanganil/t&c_desktop.png",mobileImage:"/shop/images/tanganil/t&c_mobile.png",alt:""}],points:0,description:'<style>#html-body [data-pb-style=VQBTRB6]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="VQBTRB6"><div data-content-type="text" data-appearance="default" data-element="main"><p><strong>1. Th\xf4ng tin chương tr\xecnh&nbsp;</strong></p>\r\n<p>&nbsp;</p>\r\n<p><em>• Nội dung:&nbsp;</em></p>\r\n<p><br>Ưu đ\xe3i đặc biệt với voucher 40,000đ d\xe0nh cho kh\xe1ch h\xe0ng đặt lịch kh\xe1m tr\xean nền tảng Hello Bacsi (\xc1p dụng d\xe0nh cho h\xecnh thức tư vấn trực tuyến - telemedicine c\xf9ng b\xe1c sĩ).</p>\r\n<p><br><em>• Đơn vị thực hiện:&nbsp;</em></p>\r\n<p><br>Chương tr\xecnh được Hello Bacsi phối hợp c\xf9ng c\xe1c ph\xf2ng kh\xe1m, cơ sở y tế tổ chức.&nbsp;</p>\r\n<p><br>(*) Danh s\xe1ch c\xe1c cơ sở y tế ti\xeau biểu (được cập nhật theo từng thời điểm \xe1p dụng chương tr\xecnh): Ph\xf2ng kh\xe1m Chuy\xean khoa T\xe2m thần Y\xean H\xf2a, Trung t\xe2m T\xe2m l\xfd trị liệu NHC Việt Nam.</p>\r\n<p dir="ltr" style="line-height: 1.38; margin-left: 36pt; margin-top: 0pt; margin-bottom: 0pt;">&nbsp;</p>\r\n<p><br><strong>2. Thời gian thực hiện &amp; số lượng voucher&nbsp;</strong></p>\r\n<p>&nbsp;</p>\r\n<p>• Chương tr\xecnh \xe1p dụng to\xe0n quốc từ ng\xe0y 13/06/2024 đến hết ng\xe0y 13/12/2024 (hoặc đến khi voucher đ\xe3 được ph\xe1t h\xe0nh hết).&nbsp;</p>\r\n<p><br>• Ưu đ\xe3i d\xe0nh cho 200 kh\xe1ch h\xe0ng quan t\xe2m v\xe0 đặt hẹn th\xe0nh c\xf4ng tư vấn c\xf9ng b\xe1c sĩ đầu ti\xean.</p>\r\n<p><br><strong>3. Đối tượng tham gia:&nbsp;</strong></p>\r\n<p><br>• Mọi c\xf4ng d\xe2n Việt Nam c\xf3 nhu cầu tư vấn sức khỏe, đặc biệt l\xe0 người gặp c\xe1c triệu chứng đau đầu ch\xf3ng mặt do rối loạn tiền đ\xecnh, cần hỗ trợ điều trị.</p>\r\n<p><br><strong>4. H\xecnh thức tham gia</strong></p>\r\n<p><br><em>• C\xe1ch sử dụng voucher:</em></p>\r\n<p>&nbsp;</p>\r\n<p>Bước 1: Kh\xe1ch h\xe0ng lựa chọn b\xe1c sĩ ph\xf9 hợp theo nhu cầu sức khỏe tại đ\xe2y.</p>\r\n<p>Bước 2: Đặt lịch hẹn v\xe0 \xe1p dụng voucher 40,000đ đ\xe3 được nhận.&nbsp;</p>\r\n<p>Bước 3: Tiến h\xe0nh thăm kh\xe1m, tư vấn c\xf9ng b\xe1c sĩ.</p>\r\n<p><br>(**): Mọi th\xf4ng tin cần hỗ trợ trong qu\xe1 tr\xecnh đặt hẹn, qu\xfd kh\xe1ch h\xe0ng c\xf3 thể li\xean hệ qua c\xe1c k\xeanh sau:</p>\r\n<p><br>- Hotline Hello Bacsi: 02871096118 nhấn ph\xedm 1</p>\r\n<p>- Email: hotro@hellobacsi.blog</p>\r\n<p>&nbsp;</p>\r\n<p>• Điều kiện sử dụng voucher:</p>\r\n<p>&nbsp;</p>\r\n<p>- Voucher kh\xf4ng giới hạn chi ph\xed thanh to\xe1n.&nbsp;<br>- Voucher kh\xf4ng quy đổi th\xe0nh tiền mặt hoặc c\xe1c phương thức kh\xe1c.&nbsp;<br>- Voucher giảm gi\xe1 đặt hẹn kh\xe1m chỉ \xe1p dụng với c\xe1c đối t\xe1c đặc biệt của Hello Bacsi.&nbsp;<br>- Kh\xe1ch h\xe0ng c\xf3 thể mua nhiều đơn h\xe0ng để nhận voucher với số lượt tương ứng.&nbsp;<br>- Voucher được chuyển nhượng/cho/tặng t\xf9y theo nhu cầu của kh\xe1ch h\xe0ng.<br>- Hạn sử dụng: 30 ng\xe0y kể từ khi kh\xe1ch h\xe0ng nhận được m\xe3 voucher.&nbsp;<br>- Voucher sẽ hết hiệu lực nếu đơn h\xe0ng v\xe0/hoặc lịch hẹn kh\xe1m đ\xe3 đặt nhưng kh\xf4ng được thực hiện.<br>- Hello Bacsi bảo lưu quyền được điều chỉnh, sửa đổi, bổ sung c\xe1c Điều khoản v\xe0 điều kiện của chương tr\xecnh n\xe0y theo quy định của ph\xe1p luật hiện h\xe0nh v\xe0 c\xe1c ch\xednh s\xe1ch của Hello Bacsi.&nbsp;<br>- Chương tr\xecnh chỉ \xe1p dụng cho Kh\xe1ch h\xe0ng thỏa điều kiện nhất định v\xe0 quyền quyết định cuối c\xf9ng thuộc về Hello Bacsi.&nbsp;</p>\r\n<p>&nbsp;</p>\r\n<p><span id="docs-internal-guid-b5f9da19-7fff-7188-0619-8c664558ab1e"><span style="font-size: 11pt; font-family: Arial, sans-serif; color: #000000; background-color: transparent; font-variant-numeric: normal; font-variant-east-asian: normal; font-variant-alternates: normal; font-variant-position: normal; vertical-align: baseline; white-space-collapse: preserve;">Cảm ơn bạn đ\xe3 lựa chọn đặt lịch kh\xe1m tr\xean nền tảng. Hello Bacsi lu\xf4n đồng h\xe0nh c\xf9ng sức khỏe bạn!</span></span></p></div></div></div>',metaTitle:"Nhức đầu buồn n\xf4n k\xe9o d\xe0i - C\xf3 ngay b\xe1c sĩ tư vấn",metaKeywords:"",metaDescription:"Đặt lịch tư vấn b\xe1c sĩ t\xe2m l\xfd, Nhi khoa, Sản - Phụ khoa ngay tại Hello Bacsi"},ts=(0,b.ZP)(tn.M).withConfig({componentId:"sc-8691ba8d-0"})([".hhg-modal.hhg-modal{max-height:90vh;overflow-y:auto;border-radius:16px;","{max-height:100vh;height:100%;border-radius:0px;}}.hhg-modal__content.hhg-modal__content{min-width:640px;max-width:90vw;","{min-width:0;width:100vw;max-width:100%;}","{min-width:0;width:100vw;}.header{","{display:none;}height:48px;padding:12px 16px;display:flex;align-items:center;}}.hhg-modal__close{z-index:30;background-color:white;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;","{pointer-events:none;display:none;}}"],v.M.tdDown,v.M.tdDown,v.M.mbDown,v.M.tdUp,v.M.tdDown),tc=e=>{let{isShow:t=!1,setIsShow:i}=e,{isDesktop:r}=w.v3.useDevice(),[a,l]=(0,o.useState)(td);return(0,o.useEffect)(()=>{t&&(async()=>{let e=await tl.S.getPromotionDetail("chuong-trinh-uu-dai-voucher-40k");(null==e?void 0:e.data)&&l(w.lZ.formatPromotion(e.data)||td)})()},[t]),(0,n.BX)(ts,{type:"lead",isOpen:t,onClose:()=>null==i?void 0:i(!1),closeIcon:r?(0,n.tZ)(u.Tw,{style:{width:"24px",height:"24px",zIndex:30}}):(0,n.tZ)(n.HY,{}),children:[(0,n.BX)("div",{className:"header",children:[(0,n.tZ)(to.s$$,{width:24,height:24,style:{marginRight:16,cursor:"pointer"},onClick:()=>null==i?void 0:i(!1)}),(0,n.tZ)(c.xv,{size:"p1",colour:"gray800",weight:"bold",children:"Quay lại"})]}),a?(0,n.tZ)(ta.f,{pageType:"PROFILE_MANAGE_VOUCHER_DETAIL",promotionDetail:a,hideBreadcrumb:!0,customDataProps:{style:{marginTop:r?-16:0}}}):(0,n.tZ)(tr.L,{})]})},tu=e=>"hop"===e.toLowerCase()?"Hộp":"cai"===e.toLowerCase()?"C\xe1i":"vien"===e.toLowerCase()?"Vi\xean":"vi"===e.toLowerCase()?"Vỉ":"lo"===e.toLowerCase()?"Lọ":void 0,tp=e=>{var t;let{wrapperProps:i,customDataProps:r,product:a,properties:l,onAddToCart:s,memberPoints:p}=e,h=f.D.useTranslation(),g=w.zM.useRouter(),{tags:m,name:v,brand:b,price:x,unit:y,isInStock:P}=a,{isMobile:Z,isDesktop:C}=w.v3.useDevice(),[k,M]=(0,o.useState)([]),[B,D]=(0,o.useState)(1),I=!!(null==a?void 0:a.campaignBanner),[S,z]=(0,o.useState)(!1);return(0,n.BX)(c.xu,{...i,children:[(0,n.BX)(e_,{...r,children:[(0,n.BX)(c.xu,{children:[(0,n.tZ)(e0,{children:null==m?void 0:m.slice(0,5).map((e,t)=>(0,n.tZ)(d.T,{className:"tag",isInline:!0,isSquared:!0,isSelected:!0,children:(0,n.tZ)(c.xv,{size:"description",colour:"primaryBase",weight:"regular",children:e.name})},t))}),(0,n.tZ)(c.xv,{size:"s1",as:"h1",weight:"semi-bold",dangerouslySetInnerHTML:{__html:v}})]}),(0,n.BX)(ej,{children:[(0,n.BX)(c.xu,{customDataProps:{style:{flex:1}},children:[!I&&(0,n.BX)(c.xu,{display:{type:"flex",margin:"0 0 16px"},children:[(0,n.tZ)(c.xv,{customDataProps:{style:{marginRight:8}},size:C?"s1":"s2",weight:"semi-bold",colour:"red600",children:(0,A.OH)(x.final,eL.SP,"VND")}),(0,n.BX)(c.xu,{customDataProps:{style:{display:"flex",alignItems:"center",gap:8,marginTop:"auto"}},children:[x.regular&&x.regular!==x.final?(0,n.tZ)(c.xv,{size:C?"p3":"description",weight:"semi-bold",decoration:"line-through",children:(0,A.OH)(x.regular,eL.SP,"VND")}):null,y&&(0,n.BX)(c.xv,{size:C?"p3":"description",weight:"regular",children:["/",tu(y)]}),x.discountPercent?(0,n.BX)(c.Af,{size:"sm",color:"danger",children:["-",0===Math.floor(x.discountPercent)?Math.ceil(x.discountPercent):Math.floor(x.discountPercent),"%"]}):null]})]}),(0,n.tZ)(tt,{onAddToCart:()=>{null==s||s({amount:B,selectedPropertyValues:[]})},amount:B,setAmount:D,product:a}),a.isAffiliateProduct?(null===(t=a.affiliates)||void 0===t?void 0:t.length)&&!Z?(0,n.tZ)(j,{wrapperProps:{className:"buy-now-buttons-desktop"},affiliates:a.affiliates||[]}):null:(0,n.BX)(n.HY,{children:[Z?null:(0,n.tZ)(eY,{children:(0,n.BX)("tbody",{children:[I&&(0,n.tZ)("tr",{children:(0,n.tZ)("td",{colSpan:2,children:(0,n.BX)("div",{style:{position:"relative",marginBottom:16},children:[(0,n.tZ)("img",{src:C?"/shop/images/tanganil/product_desktop.png":"/shop/images/tanganil/product_mobile.png",alt:"Tanganil",style:{borderRadius:4,cursor:"pointer",display:"block"},onClick:()=>z(!0)}),(0,n.BX)("div",{style:{position:"absolute",height:"100%",display:"flex",flexDirection:"column",justifyContent:"center",gap:4,top:0,paddingLeft:16,pointerEvents:"none"},children:[(0,n.BX)("div",{style:{display:"flex",alignItems:"end"},children:[(0,n.tZ)(c.xv,{size:C?"s1":"s2",weight:"semi-bold",colour:"white",children:(0,A.OH)(x.final,eL.SP,"VND")}),y&&(0,n.BX)(c.xv,{size:C?"p3":"description",weight:"regular",colour:"white",children:["/",tu(y)]})]}),x.regular&&x.regular!==x.final||x.discountPercent?(0,n.BX)("div",{style:{display:"flex",gap:7,alignItems:"center"},children:[x.regular&&x.regular!==x.final?(0,n.tZ)(c.xv,{size:C?"p3":"description",weight:"regular",decoration:"line-through",colour:"white",children:(0,A.OH)(x.regular,eL.SP,"VND")}):null,x.discountPercent?(0,n.BX)(c.Af,{size:"sm",color:"tertiary",customDataProps:{style:{borderRadius:8,borderColor:"#FEAA96",backgroundColor:"white"}},textProps:{colour:"red800"},children:["-",0===Math.floor(x.discountPercent)?Math.ceil(x.discountPercent):Math.floor(x.discountPercent),"%"]}):null]}):null]})]})})}),!!(null==l?void 0:l.length)&&l.map((e,t)=>(0,n.BX)("tr",{children:[(0,n.tZ)("td",{style:{verticalAlign:"initial",paddingTop:5},children:(0,n.tZ)(c.xv,{size:"p3",weight:"regular",children:e.text})}),(0,n.tZ)("td",{children:(0,n.tZ)(eQ,{children:e.values.map((t,i)=>(0,n.tZ)(eJ,{onClick:()=>{k.includes(t.value)?M(e=>e.filter(e=>e!==t.value)):M(i=>i.filter(t=>-1===e.values.findIndex(e=>e.value===t)).concat(t.value))},children:(0,n.tZ)(d.T,{type:"standard",isLight:!0,isInline:!0,isSquared:!0,isSelected:k.includes(t.value),children:(0,n.tZ)(c.xv,{size:"description",weight:"regular",children:t.text})})},i))})})]},t)),P?(0,n.BX)("tr",{children:[(0,n.tZ)("td",{children:(0,n.tZ)(c.xv,{size:"p3",weight:"regular",children:h({id:"productInfo.amount",defaultMessage:"Số lượng"})})}),(0,n.tZ)("td",{children:(0,n.tZ)(e8,{amount:B,setAmount:D,style:{marginLeft:16,marginBottom:8}})})]}):null]})}),I&&Z&&(0,n.BX)("div",{style:{position:"relative",marginBottom:8},children:[(0,n.tZ)("img",{src:"/shop/images/tanganil/product_mobile.png",alt:"Tanganil",style:{borderRadius:8,cursor:"pointer",display:"block"},onClick:()=>z(!0)}),(0,n.BX)("div",{style:{position:"absolute",display:"flex",gap:4,top:0,padding:"12px 16px",alignItems:"end",pointerEvents:"none"},children:[(0,n.tZ)(c.xv,{customDataProps:{style:{marginRight:4}},size:C?"s1":"s2",weight:"semi-bold",colour:"white",children:(0,A.OH)(x.final,eL.SP,"VND")}),x.regular&&x.regular!==x.final||x.discountPercent?(0,n.tZ)(c.xv,{size:C?"p3":"description",weight:"regular",decoration:"line-through",colour:"white",customDataProps:{style:{marginBottom:2}},children:(0,A.OH)(x.regular,eL.SP,"VND")}):null,y&&(0,n.BX)(c.xv,{size:C?"p3":"description",weight:"regular",colour:"white",customDataProps:{style:{marginRight:8,marginBottom:2}},children:["/",tu(y)]}),x.discountPercent?(0,n.BX)(c.Af,{size:"sm",color:"tertiary",customDataProps:{style:{borderRadius:8,borderColor:"#FEAA96",backgroundColor:"white"}},textProps:{colour:"red800"},children:["-",0===Math.floor(x.discountPercent)?Math.ceil(x.discountPercent):Math.floor(x.discountPercent),"%"]}):null]})]}),p?(0,n.tZ)(d.T,{type:"yellow",isLight:!0,isSquared:!0,style:{display:"block",marginBottom:C?24:8},children:(0,n.BX)(e6,{onClick:()=>{},children:[(0,n.tZ)(u.Kp,{style:{width:18,height:18,marginRight:8}}),(0,n.tZ)("div",{style:{flex:1},children:(0,n.tZ)(c.xv,{size:"p3",weight:"regular",children:h({id:"productInfo.gainMemberPoints",defaultMessage:"T\xedch điểm th\xe0nh vi\xean"})})}),(0,n.tZ)(d.T,{type:"standard",isLight:!0,isInline:!0,style:{border:"none"},children:(0,n.tZ)(c.xv,{size:"s4",colour:"yellow900",children:p})})]})}):null,Z?(0,n.tZ)(n.HY,{children:(0,n.tZ)(e4,{amount:B,setAmount:D})}):null,(0,n.tZ)(te,{isInStock:P,onAddToCart:()=>null==s?void 0:s({amount:B,selectedPropertyValues:[]}),productUrl:w.zM.getLocalisedUrl(a.slug,"PRODUCT").toString()})]})]}),b?(0,n.BX)(eU,{onClick:()=>{g.push(w.zM.getLocalisedUrl(b.slug,"BRAND").toString())},"data-event-category":"Ecommerce","data-event-action":"Brand Click","data-event-label":w.zM.getLocalisedUrl(b.slug,"BRAND").toString(),children:[(0,n.tZ)(eV,{src:b.image||b.pmcImage}),(0,n.tZ)(eq,{children:(0,n.tZ)(c.xv,{size:C?"s3":"s5",weight:"semi-bold",children:b.name})})]}):(0,n.tZ)("div",{style:{width:150}})]})]}),(0,n.tZ)(tc,{isShow:S,setIsShow:z})]})};var th=i(12354);let tg=(0,b.ZP)(c.xu).withConfig({componentId:"sc-a84bb16f-0"})(["display:flex;gap:16px;padding:24px 16px;background:",";> div:first-child{width:360px;}","{flex-direction:column;gap:0;padding:0;> div:first-child{width:100%;}}"],e=>{let{theme:t}=e;return t.colors.white},v.M.tdDown),tm=e=>{var t;let{customDataProps:i,product:r}=e,{isDesktop:a}=w.v3.useDevice(),{globalStateDispatch:l}=w.f8.useAppContext(),[d,s]=(0,o.useState)(0),{mutate:p}=(0,th.tI)();return(0,n.tZ)(c.EW,{noGutter:!a,children:(0,n.BX)(tg,{...i,children:[(0,n.BX)("div",{children:[(0,n.tZ)(O,{images:(null===(t=r.images)||void 0===t?void 0:t.map(e=>e.medium))||[],openPreviewImageIndex:e=>{var t;return l({type:eR.M.SET_CAROUSEL_IMAGE_POPUP,payload:{imageCarousel:{isOpen:!0,images:(null===(t=r.images)||void 0===t?void 0:t.map(e=>e.large))||[],defaultCurrentImageIndex:e}}})},hideBottomScrollList:!a,productName:r.name,isOutOfStock:!r.isInStock,productSku:r.sku}),!r.isAffiliateProduct&&(0,n.BX)(c.Af,{color:"quaternary",size:"md",customDataProps:{style:{backgroundColor:"#E3F2FF",width:a?void 0:"100%",marginTop:a?16:0,borderRadius:a?8:0,paddingLeft:a?void 0:16,paddingRight:a?void 0:16}},textProps:{style:{display:"flex",alignItems:"center",gap:8}},children:[(0,n.tZ)(u.aF,{width:16}),"Sản phẩm 100% ch\xednh h\xe3ng, mẫu m\xe3 c\xf3 thể thay đổi theo l\xf4 h\xe0ng"]})]}),(0,n.tZ)(tp,{product:r,wrapperProps:{style:{flex:1}},onAddToCart:async e=>{let{amount:t}=e;p({product:r,amount:t}),s(Date.now())}},d)]})})};var tf=i(78160);let tv=(0,b.ZP)(c.xu).withConfig({componentId:"sc-834fd6b0-0"})(["background-color:",";border-radius:8px;width:100%;padding:20px 16px 12px;"],e=>e.theme.colors.white),tb=(0,b.ZP)(c.xu).withConfig({componentId:"sc-834fd6b0-1"})(["display:grid;row-gap:22px;margin-top:16px;"]),tw=e=>{let{wrapperProps:t,promotions:i}=e,o=w.D1.useTranslation(),r=w.zM.usePush();return(0,n.BX)(tv,{...t,children:[(0,n.tZ)(c.X6,{tag:"h5",isUppercase:!0,children:o({id:"productDetail.promotion.title",defaultMessage:"Khuyến m\xe3i"})}),(0,n.tZ)(tb,{children:i.slice(0,5).map((e,t)=>(0,n.tZ)(tf.wS,{promotion:e},t))}),(0,n.tZ)(c.xv,{size:"s4",wrapperProps:{tag:"div",style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"22px 0 0",cursor:"pointer"},customDataProps:{onClick:()=>{r(w.zM.getLocalisedUrl("","PROMOTION"))}}},colour:"primaryBase",children:o({id:"home.popularBrands.seeAll",defaultMessage:"Xem tất cả"})})]})},tx=b.ZP.div.withConfig({componentId:"sc-ffdd8161-0"})(["background:",";padding-bottom:40px;","{padding-bottom:24px;}"],e=>{let{theme:t}=e;return t.colors.neutral50},v.M.tdDown),ty=b.ZP.div.withConfig({componentId:"sc-ffdd8161-1"})(["background:",";border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:20px;","{padding:16px;border-radius:0;gap:16px;}"],e=>{let{theme:t}=e;return t.colors.white},v.M.mbDown),tP=b.ZP.div.withConfig({componentId:"sc-ffdd8161-2"})(["line-height:1.7;> *{&:not(:last-child){margin-bottom:16px;}}ul,ol{padding-left:16px;> li{margin-bottom:8px;}}ul{list-style:disc;> li{&::marker{color:",";font-size:10px;}}}ol{list-style:decimal;}table{table-layout:fixed;td *{max-width:100%;}}"],e=>{let{theme:t}=e;return t.colors.primaryBase}),tZ=e=>{var t,i,r,a;let{productDetailPage:l,viewedProducts:d}=e,{state:{lastCategoryAccess:u}={},globalStateDispatch:p}=w.f8.useAppContext(),{isMobile:h,isDesktop:g}=m.v.useDevice(),f=w.D1.useTranslation(),{categories:v=[]}=w.f8.useNavigationContext(),[b,x]=(0,o.useState)(!1),[y,P]=(0,o.useState)([]),[Z,C]=(0,o.useState)([]),k=(0,o.useMemo)(()=>{let e=[],t=[],i=[],n=(o,r)=>o.map(o=>{var a;let l=o.children&&(null===(a=o.children)||void 0===a?void 0:a.length)>0;if(0===o.parentId&&(i=[],e=[]),o.parentId&&-1!==i.indexOf(o.parentId)){let t=i.indexOf(o.parentId);i=[...i.slice(0,t+1)],e=[...e.slice(0,t+1)]}if(i.push(o.id),e.push({label:o.name,value:w.zM.getLocalisedUrl(o.fullSlug||o.slug,"CATEGORY").toString()}),o.id===r)t=[...e];else if(l)return n(o.children||[],r);if(l)return n(o.children||[],r)}),o=((null==l?void 0:l.categories)||[]).filter(e=>e.id===u);return o.length>0&&n(v,o[0].id),[{label:f({id:"breadcrumb.home",defaultMessage:"Trang chủ"}),value:w.zM.getNewRelativeURL("","shop").toString()},...t,{label:l.name,value:""}]},[l,v,u]);return(0,o.useEffect)(()=>{(null==l?void 0:l.id)&&(eH.AP.getBestSellerProducts(l.id).then(e=>{var t,i;P((null==e?void 0:null===(i=e.data)||void 0===i?void 0:null===(t=i.items)||void 0===t?void 0:t.map(w.lZ.formatProduct).filter(A.$K))||[])}),eH.AP.getRelatedProducts(l.id).then(e=>{var t,i;C((null==e?void 0:null===(i=e.data)||void 0===i?void 0:null===(t=i.items)||void 0===t?void 0:t.map(w.lZ.formatProduct).filter(A.$K))||[])}))},[null==l?void 0:l.id]),(0,o.useEffect)(()=>{p({type:eR.M.SET_TOP_BAR_HEIGHT,payload:{topBarHeight:g?198:64}})},[g]),(0,n.BX)(tx,{children:[(0,n.tZ)("div",{className:"page-breadcrumbs-wrapper",children:(0,n.tZ)(c.EW,{isDesktopPadding:!0,children:(0,n.tZ)(X.O,{size:"md",pages:k})})}),(0,n.tZ)(tm,{product:l,customDataProps:{style:{marginBottom:g?24:8,borderRadius:8}}}),h&&(null==l?void 0:l.isAffiliateProduct)&&(null===(t=l.affiliates)||void 0===t?void 0:t.length)?(0,n.tZ)(j,{wrapperProps:{style:{backgroundColor:s.t.colors.white,padding:16,marginBottom:8}},affiliates:l.affiliates||[]}):null,(null==l?void 0:l.isAffiliateProduct)&&(null===(i=l.affiliates)||void 0===i?void 0:i.length)?(0,n.tZ)(eE,{affiliates:l.affiliates||[]}):null,(0,n.tZ)("div",{style:{scrollMarginTop:200},id:"product-description"}),(0,n.tZ)(c.EW,{noGutter:!g,children:(0,n.tZ)(N.T,{leftColumn:(0,n.BX)(ty,{children:[(0,n.tZ)(c.X6,{tag:"h5",as:"h2",weight:"bold",children:f({id:"productDetailPage.productDescription",defaultMessage:"TH\xd4NG TIN SẢN PHẨM"})}),(0,n.tZ)(tP,{dangerouslySetInnerHTML:{__html:l.description.replace(/font-family:.*?;/,"")}})]}),rightColumn:(null===(r=l.promotions)||void 0===r?void 0:r.length)?g?(0,n.tZ)(tw,{promotions:l.promotions}):(0,n.tZ)(eA.q,{heading:f({id:"productDetail.promotion.title",defaultMessage:"Khuyến m\xe3i"}),items:l.promotions}):g?(0,n.tZ)(n.HY,{}):void 0,type:"sidebar-right",wrapperProps:{style:{marginBottom:g?24:8}}})}),(0,n.tZ)(U.P,{isShow:b,onClose:()=>x(!1),title:f({id:"popupConfirm.preview.title",defaultMessage:"Th\xe0nh c\xf4ng"}),description:f({id:"popupConfirm.preview.description",defaultMessage:"Nhận x\xe9t của bạn đang được duyệt. Bạn vui l\xf2ng chờ một l\xfac nh\xe9. \nXin cảm ơn!"}),cancelText:f({id:"popupConfirm.preview.buttonOK",defaultMessage:"Đồng \xfd"})}),(0,n.BX)(c.EW,{noGutter:!g,children:[(0,n.tZ)(N.T,{leftColumn:(0,n.BX)(n.HY,{children:[!!(null==Z?void 0:Z.length)&&(0,n.tZ)(V.Np,{productRegion:"Recommendation",background:{colour:"blue50"},heading:(0,n.tZ)(V.Np.Header,{colour:"secondaryDark",children:f({id:"productDetail.relatedProducts.title",defaultMessage:"C\xd3 THỂ BẠN SẼ QUAN T\xc2M"})}),headingAlign:g?void 0:"center",showSlideArrow:!h,itemsPerPage:h?2:4,customDataProps:{style:{marginBottom:g?24:8,borderRadius:8}},children:Z.map((e,t)=>(0,n.tZ)(eX.A,{product:e,customDataProps:{"data-product-region":"Recommendation"}},t))}),!!(null==y?void 0:y.length)&&(0,n.tZ)(V.Np,{productRegion:"Recommendation",background:{colour:"green50"},heading:(0,n.tZ)(V.Np.Header,{colour:"secondaryDark",children:f({id:"productDetail.brand.bestSellers",defaultMessage:"SẢN PHẨM B\xc1N CHẠY CỦA THƯƠNG HIỆU {brand}"},{brand:null===(a=l.brand)||void 0===a?void 0:a.name})}),customDataProps:{style:{marginBottom:g?24:8,borderRadius:8}},showSlideArrow:!h,itemsPerPage:h?2:4,children:y.map((e,t)=>(0,n.tZ)(eX.A,{product:e,customDataProps:{"data-product-region":"Recommendation"}},t))})]}),rightColumn:g?(0,n.tZ)(n.HY,{}):null,type:"sidebar-right"}),!!(null==d?void 0:d.length)&&(0,n.tZ)(V.Np,{productRegion:"Recently View",heading:(0,n.tZ)(V.Np.Header,{colour:"secondaryDark",children:f({id:"productDetail.viewedProducts",defaultMessage:"SẢN PHẨM Đ\xc3 XEM"})}),itemsPerPage:h?2:6,isDesktopPadding:!0,customDataProps:{style:{borderRadius:8}},showSlideArrow:!h,children:d.map((e,t)=>(0,n.tZ)(eX.A,{product:e,customDataProps:{"data-product-region":"Recently View"}},t))})]})]})};var tC=i(17321),tk=i(19695),tM=i(37280),tB=i(90143),tD=!0,tI=e=>{var t,i,r,d,s,c;let{navigation:u,productDetailPage:p,productReviews:h,productReviewsPagination:g,productReviewsStatistic:m,canonicalUrl:f}=e,v=tB.z.useLocale(),{state:b,globalStateDispatch:x}=w.f8.useAppContext(),{data:y}=(0,tk.P)(),P=w.D1.useTranslation(),[Z,C]=(0,o.useState)([]),k=async e=>{try{return await eH.AP.trackViewedProduct(e)}catch(e){console.log(e)}};(0,o.useEffect)(()=>{if(void 0===y)return;let e=JSON.parse(localStorage.getItem("viewedProducts")||"[]");if(C(e||[]),null==p?void 0:p.id){if(null==y?void 0:y.id)e.length>0?k(e.map(e=>e.id).concat(p.id)):k([p.id]),eH.AP.getViewedProduct().then(e=>{var t,i;(null==e?void 0:null===(i=e.data)||void 0===i?void 0:null===(t=i.items)||void 0===t?void 0:t.length)&&C(e.data.items.map(tM.l.formatProduct).filter(A.$K))}),localStorage.removeItem("viewedProducts");else{let t={id:p.id,price:p.price,thumbnail:p.thumbnail,name:p.name,averageRating:p.averageRating,reviewsCount:p.reviewsCount,tag:p.tag,sku:p.sku,slug:p.slug,tags:p.tags,images:p.images,unit:p.unit,brand:p.brand,productPromotions:p.productPromotions,description:p.description,categories:p.categories,isInStock:p.isInStock,isAffiliateProduct:p.isAffiliateProduct,affiliates:p.affiliates};if(e.length>0){let t=e.findIndex(e=>e.id==p.id);t>-1&&e.splice(t,1)}localStorage.setItem("viewedProducts",JSON.stringify([t,...e]))}}},[p,y]);let M=!!(null==p?void 0:p.campaignBanner);return(0,n.tZ)(tC.o2,{pageTitle:P({id:"product.detail.page.title",defaultMessage:"Trang sản phẩm"}),navigation:u,SEOData:{canonicalUrl:f,SEOTitle:(null==p?void 0:p.metaTitle)||P({id:"product.detail.seo.title",defaultMessage:"Mua Sản phẩm {productName} chỉ với {productPrice} - Cửa h\xe0ng {site}"},{productName:null==p?void 0:p.name,productPrice:null==p?void 0:p.name,site:(null===(t=eL.CX[v])||void 0===t?void 0:t.SITE_NAME_FORMATTED)||""}),SEODescription:(null==p?void 0:p.metaDescription)||P({id:"product.detail.seo.description",defaultMessage:"Mua h\xe0ng {productName} từ {site} - Thanh to\xe1n khi nhận h\xe0ng, Miễn ph\xed vận chuyển & Đảm bảo gi\xe1 tốt nhất!"},{productName:null==p?void 0:p.name,site:(null===(i=eL.CX[v])||void 0===i?void 0:i.SITE_NAME_FORMATTED)||""}),schemaData:(null===(d=eL.X1[v])||void 0===d?void 0:null===(r=d.PRODUCT_DETAIL)||void 0===r?void 0:r.call(d,p))||"",customMetaData:[{name:"keywords",content:(null==p?void 0:p.metaKeywords)||""}]},children:(0,n.BX)(l.Z,{children:[(0,n.tZ)(E,{isOpen:b.components.imageCarousel.isOpen&&!!(null===(s=b.components.imageCarousel.images)||void 0===s?void 0:s.length),defaultCurrentImageIndex:b.components.imageCarousel.defaultCurrentImageIndex,images:(null===(c=b.components.imageCarousel)||void 0===c?void 0:c.images)||[],onClose:()=>x({type:eR.M.SET_CAROUSEL_IMAGE_POPUP,payload:{imageCarousel:{isOpen:!1}}}),productSku:p.sku}),(0,n.tZ)(tZ,{productDetailPage:p,defaultProductReviews:h,defaultProductReviewsPagination:g,defaultProductReviewsStatistic:m,viewedProducts:Z},p.id),M&&(0,n.tZ)(a,{})]})})}}}]);