"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4176],{79512:function(e,t,l){l.d(t,{O:function(){return n},W:function(){return u}});var r=l(35944);l(67294);var a=l(99914),i=l(90762),o=l(76318);let d=l(87379).ZP.div.withConfig({componentId:"sc-ee959cfc-0"})([""]),n=e=>{let{customDataProps:t,wrapperProps:l,pages:o=[],...n}=e,c=u(o);return(0,r.tZ)(i.xu,{...l,children:(0,r.tZ)(d,{...t,children:(0,r.tZ)(a.L,{...n,pages:c})})})},u=e=>{let t=(0,o.U)();return e.map(e=>({dataEventCategory:"Ecommerce",dataEventAction:"Breadcrumb Click",dataEventLabel:t,...e}))}},4176:function(e,t,l){l.d(t,{N:function(){return I}});var r=l(35944),a=l(67294),i=l(90762),o=l(24738),d=l(78160),n=l(79512),u=l(82970);let c=(0,l(87379).ZP)(i.xu).withConfig({componentId:"sc-579700-0"})(["width:100%;padding:16px 0;top:48px;left:0;border-radius:8px;background-color:",";transform:appears 0.5s;box-shadow:0px 8px 40px rgba(0,0,0,0.1);"],e=>e.theme.colors.white),s=e=>{let{wrapperProps:t,categories:l,onSelect:o,defaultSelectedCategory:n}=e,[s,v]=(0,a.useState)(n),g=u.D.useTranslation(),p=e=>{v(e),o(e)},h=e=>{e.id===(null==s?void 0:s.id)?v(void 0):v(e)};return(0,r.BX)(c,{...t,children:[(0,r.tZ)(i.xv,{size:"s3",colour:"gray400",customDataProps:{style:{display:"block",padding:"0 16px 8px 16px",textTransform:"uppercase"}},children:g({id:"navigation.bottom.categories",defaultMessage:"DANH MỤC"})}),(0,r.tZ)(i.xu,{children:l.map((e,t)=>{var l;return(0,r.BX)(a.Fragment,{children:[(0,r.tZ)(d.pB,{category:e,isParentCategory:!0,isSelected:(null==s?void 0:s.id)===e.id,isExpanded:(null==s?void 0:s.parentId)===e.id,onSelect:p,onExpanding:h}),(0,r.tZ)(i.xu,{customDataProps:{style:{maxHeight:(null==s?void 0:s.id)===e.id||(null==s?void 0:s.parentId)===e.id?"100vh":"0",overflow:"hidden",transition:"max-height .5s ease-in-out",paddingRight:8}},children:null===(l=e.children)||void 0===l?void 0:l.map((e,t)=>(0,r.tZ)(d.pB,{category:e,isParentCategory:!1,isExpanded:!1,isSelected:(null==s?void 0:s.id)===e.id,onSelect:p},"product-child-category-"+e.id+"-"+t))})]},"product-category-"+e.id+"-"+t)})})]})};var v=l(49246),g=l(30074),p=l(51219),h=l(76318),m=l(40776),y=l(37280),f=l(15038),b=l(90143),_=l(92525),S=l(330),w=l(48119),Z=l(30409),D=l(36289),C=l(29419);let x={discount:{type:"discount_percent",order:"desc"},priceIncrease:{type:"price",order:"asc"},priceDecrease:{type:"price",order:"desc"},dateDecrease:{type:"updated_at",order:"desc"},dateIncrease:{type:"updated_at",order:"asc"}},P={page:"1",sort_type:"discount_percent",sort_order:"desc"},I=e=>{var t,l,c,I;let{categoryPage:E,brandPage:k,defaultProductFilter:B,defaultProductsListing:L,defaultProductsListingPagination:N,defaultProductsSort:R}=e,A=(0,a.useRef)(null),T=(0,h.U)(),{slug:q,description:M,banners:z,image:X,name:O}=E?{...E,image:""}:k,{categories:F=[]}=f.f.useNavigationContext(),{isMobile:G,isMobileCsr:H,isDesktop:U}=_.v.useDevice(),j=b.z.useRouter(),Y=u.D.useTranslation(),[K,V]=(0,a.useState)((null==E?void 0:E.id)||0),[W,$]=(0,a.useState)([]);(0,a.useEffect)(()=>{q&&(null==E?void 0:E.id)?p.lu.getCategoryBestsellerProducts(q).then(e=>{var t,l;$((null==e?void 0:null===(l=e.data)||void 0===l?void 0:null===(t=l.items)||void 0===t?void 0:t.map(y.l.formatProduct).filter(S.$K))||[])}):q&&(null==k?void 0:k.id)&&p.lu.getBrandBestsellerProducts(q).then(e=>{var t,l;$((null==e?void 0:null===(l=e.data)||void 0===l?void 0:null===(t=l.items)||void 0===t?void 0:t.map(y.l.formatProduct).filter(S.$K))||[])})},[q,null==E?void 0:E.id,null==k?void 0:k.id]);let J=E?(0,C.G)(F,E.id):[],Q=E?[{label:Y({id:"breadcrumb.home",defaultMessage:"Trang chủ"}),value:b.z.getNewRelativeURL("","shop").toString()},...J.map(e=>({label:e.name,value:b.z.getLocalisedUrl(e.fullSlug||e.slug,"CATEGORY").toString()}))]:[{label:Y({id:"breadcrumb.home",defaultMessage:"Trang chủ"}),value:b.z.getNewRelativeURL("","shop").toString()},{label:Y({id:"breadcrumb.brands",defaultMessage:"Thương hiệu"}),value:b.z.getLocalisedUrl("","BRAND").toString()},{label:O,value:b.z.getLocalisedUrl("".concat(q),"BRAND").toString()}],ee=J.slice(-1)[0],et=J.slice(-2)[0],el=J[0],er=null!==(I=(null==ee?void 0:null===(t=ee.children)||void 0===t?void 0:t.length)?ee.children:null==et?void 0:et.children)&&void 0!==I?I:[],ea=[{label:Y({id:"categoryPage.sort.discount",defaultMessage:"Giảm gi\xe1 nhiều nhất"}),value:"discount"},{label:Y({id:"categoryPage.sort.priceIncrease",defaultMessage:"Gi\xe1 tăng dần"}),value:"priceIncrease"},{label:Y({id:"categoryPage.sort.priceDecrease",defaultMessage:"Gi\xe1 giảm dần"}),value:"priceDecrease"},{label:Y({id:"categoryPage.sort.newest",defaultMessage:"Mới nhất"}),value:"dateDecrease"},{label:Y({id:"categoryPage.sort.oldest",defaultMessage:"Cũ nhất"}),value:"dateIncrease"}],[ei,eo]=(0,a.useState)(()=>(null==R?void 0:R.type)?ea.find(e=>x[e.value].type===(null==R?void 0:R.type)&&(!R.order||x[e.value].order===R.order))||ea[0]:ea.find(e=>x[e.value].type===(null==P?void 0:P.sort_type)&&x[e.value].order===(null==P?void 0:P.sort_order))||ea[0]),[ed,en]=(0,a.useState)(!1),[eu,ec]=(0,a.useState)(B||{priceRange:["",""],brandIds:[],ratings:[],categoryIds:[],affiliates:[]}),[es,ev]=(0,a.useState)((null==N?void 0:N.current)&&(null==L?void 0:L.length)?Array(N.current).fill(null).map((e,t)=>t===((null==N?void 0:N.current)||1)-1&&L||[]):L?[L]:[]),[eg,ep]=(0,a.useState)(N||{prev:0,current:0,next:1,last:1,itemsPerPage:16}),[eh,em]=(0,a.useState)(!1),ey=async e=>{let{filterData:t,sortData:l,page:r=1,perPage:a=48,forceCategory:i}=e;em(!0);try{var o,d,n,u,c,s,v;let e=await p.AP.getProductsList({page:r,perPage:a,sortBy:(null==l?void 0:l.type)||P.sort_type,sortOrder:(null==l?void 0:l.order)||P.sort_order,categoryIds:E&&!i?[K]:null==t?void 0:t.categoryIds,brandIds:k?[k.id]:null==t?void 0:t.brandIds,minPrice:null==t?void 0:null===(o=t.priceRange)||void 0===o?void 0:o[0],maxPrice:null==t?void 0:null===(d=t.priceRange)||void 0===d?void 0:d[1],channel:null==t?void 0:t.affiliates}),g=(null==e?void 0:null===(u=e.data)||void 0===u?void 0:null===(n=u.products)||void 0===n?void 0:n.map(y.l.formatProduct).filter(S.$K))||[];r<=1?(null==e?void 0:null===(s=e.data)||void 0===s?void 0:s.products)&&ev([g]):(null==e?void 0:null===(v=e.data)||void 0===v?void 0:v.products)&&ev(t=>{var l,r,a;return(null==e?void 0:null===(l=e.data)||void 0===l?void 0:l.products)&&(t[((null==e?void 0:null===(a=e.data)||void 0===a?void 0:null===(r=a.pagination)||void 0===r?void 0:r.current)||1)-1]=g),t.slice()});let h=(null==e?void 0:null===(c=e.data)||void 0===c?void 0:c.pagination)?y.l.formatPagination(e.data.pagination):null;return h&&ep(h),null==e?void 0:e.data}catch(e){}finally{em(!1)}};(0,a.useEffect)(()=>{es.length||0!==eg.current||ey({page:1,filterData:eu,sortData:x[ei.value]})},[]);let ef=(0,a.useRef)(G),eb=(0,a.useRef)(!1);(0,a.useEffect)(()=>{(!ef.current&&G||!U===H&&!eb.current&&G)&&(1!==eg.current&&ey({page:1,filterData:eu,sortData:x[ei.value]}),eb.current=!0),ef.current=G},[G,H]),(0,a.useEffect)(()=>{var e,t,l,r,a;eS({page:eg.current,sort_type:x[ei.value].type,sort_order:x[ei.value].order,category_ids:(null==eu?void 0:null===(e=eu.categoryIds)||void 0===e?void 0:e.join(","))||"",brand_ids:(null==eu?void 0:null===(t=eu.brandIds)||void 0===t?void 0:t.join(","))||"",min_price:(null==eu?void 0:null===(l=eu.priceRange)||void 0===l?void 0:l[0])||"",max_price:(null==eu?void 0:null===(r=eu.priceRange)||void 0===r?void 0:r[1])||"",channel:(null==eu?void 0:null===(a=eu.affiliates)||void 0===a?void 0:a.join(","))||""})},[ei,eu,eg.current]);let e_=(0,a.useRef)(!0);(0,a.useEffect)(()=>{e_.current?e_.current=!1:ey({page:1,filterData:eu,sortData:x[ei.value]})},[ei,eu]);let eS=e=>{let t=e=>(Object.keys(e).forEach(t=>{e[t]||delete e[t]}),e),l=t({page:j.query.page?String(j.query.page):P.page,sort_type:j.query.sort_type?String(j.query.sort_type):P.sort_type,sort_order:j.query.sort_order?String(j.query.sort_order):P.sort_order,category_ids:j.query.category_ids?String(j.query.category_ids):"",brand_ids:j.query.brand_ids?String(j.query.brand_ids):"",min_price:j.query.min_price?String(j.query.min_price):"",max_price:j.query.max_price?String(j.query.max_price):"",channel:j.query.channel?String(j.query.channel):""}),r=t({page:e.page?String(e.page):P.page,sort_type:e.sort_type||P.sort_type,sort_order:e.sort_order||P.sort_order,category_ids:e.category_ids||"",brand_ids:e.brand_ids||"",min_price:e.min_price||"",max_price:e.max_price||"",channel:e.channel||""});(Object.keys(r).some(e=>r[e]!==l[e])||Object.keys(l).some(e=>l[e]!==r[e]))&&j.replace({pathname:j.pathname,query:{slug:j.query.slug,...r}},void 0,{shallow:!0})};return(0,m.g)(),(0,a.useEffect)(()=>{if((null==E?void 0:E.id)&&(null==L?void 0:L.length)===0){var e,t;let l=null===(t=J[J.length-1])||void 0===t?void 0:null===(e=t.children)||void 0===e?void 0:e[0];(null==l?void 0:l.id)&&(async()=>{var e,t,r,a;let i=await ey({page:1,filterData:{...eu,categoryIds:[l.id]},sortData:x[ei.value],forceCategory:!0});if(null==i?void 0:null===(e=i.products)||void 0===e?void 0:e.length)V(l.id);else if(null===(r=l.children)||void 0===r?void 0:null===(t=r[0])||void 0===t?void 0:t.id){let e=await ey({page:1,filterData:{...eu,categoryIds:[l.children[0].id]},sortData:x[ei.value],forceCategory:!0});(null==e?void 0:null===(a=e.products)||void 0===a?void 0:a.length)&&V(l.children[0].id)}})()}},[E,L]),(0,r.BX)(D.Di,{children:[(0,r.tZ)("div",{className:"page-breadcrumbs-wrapper",children:(0,r.tZ)(i.EW,{isDesktopPadding:!0,children:(0,r.tZ)(n.O,{size:"md",pages:Q})})}),(0,r.tZ)(i.EW,{isDesktopPadding:!0,noGutter:!U,children:(0,r.tZ)(o.T,{leftColumn:U?(0,r.BX)(r.HY,{children:[E&&(0,r.tZ)(s,{wrapperProps:{display:{margin:"0 0 12px"}},categories:(null==el?void 0:el.children)||[],onSelect:e=>{j.push(b.z.getLocalisedUrl(e.fullSlug,"CATEGORY"))},defaultSelectedCategory:ee},E.id),(0,r.tZ)(v.k7,{brands:k?void 0:(null==E?void 0:null===(l=E.brands)||void 0===l?void 0:l.map(e=>({name:e.name,id:Number(e.id)})))||[],categories:k?F:void 0,defaultFilterData:B,onApplyFilter:e=>{var t;null===(t=A.current)||void 0===t||t.scrollIntoView({behavior:"smooth"}),ec(e),en(!1)},hideAffiliates:!0})]}):void 0,rightColumn:(0,r.BX)(r.HY,{children:[U&&E&&(0,r.BX)(D.wy,{"data-top-bar":!0,children:[(0,r.tZ)(i.xv,{size:"s2",as:"h1",weight:"semi-bold",colour:"secondaryBase",children:O}),(0,r.tZ)(D.LC,{options:ea,placeholder:" ",id:"sort-dropdown",value:ei,onChange:e=>{var t;null===(t=A.current)||void 0===t||t.scrollIntoView({behavior:"smooth"}),eo({label:String(e.label),value:String(e.value)})},dropdownLabelTrackingAttributes:{"data-event-category":"Ecommerce","data-event-action":"Filter Shortcut Click","data-event-label":T,"data-event-keyword":ei.label}})]}),!U&&k&&(0,r.BX)(D.LY,{children:[X&&(0,r.tZ)(i.E9,{src:X,alt:O}),(0,r.tZ)(i.X6,{tag:"h1",weight:"bold",colour:"secondaryDark",children:O})]}),!U&&E&&(0,r.tZ)(D.pS,{children:(0,r.tZ)(D.LC,{options:[{label:Y({id:"categoryPage.category.all",defaultMessage:"Tất cả danh mục"}),value:null==et?void 0:et.fullSlug},...(null==er?void 0:er.map(e=>({label:e.name||"",value:e.fullSlug||"",icon:e.logo?(0,r.tZ)(i.E9,{style:{width:24,height:24,objectFit:"cover"},src:e.logo,alt:e.name}):void 0})))||[]],placeholder:" ",id:"category-dropdown",value:{label:"Xem th\xeam ".concat(er.length," danh mục"),value:(null==ee?void 0:ee.fullSlug)||""},onChange:e=>{j.push(b.z.getLocalisedUrl(String(null==e?void 0:e.value),"CATEGORY"))},dropdownLabelTrackingAttributes:{"data-event-category":"Ecommerce","data-event-action":"Category Navigation Click","data-event-label":T},style:{zIndex:17}})}),!!(null==z?void 0:z.length)&&(0,r.tZ)(d.qh,{wrapperProps:{className:"category-page-banners"},items:z.map((e,t)=>({image:(G?e.mobileImage||e.featuredImage:e.featuredImage||e.mobileImage)||"",alt:e.alt||"category banner ".concat(t+1),link:e.url})),autoScrollTime:6e3,showEdgeArrow:!0},G?"mobile":"desktop"),!!(null==W?void 0:W.length)&&(0,r.tZ)(D.JZ,{children:(0,r.tZ)(g.N,{customDataProps:{className:"category-page-best-sellers"},productRegion:"Best Seller",background:{colour:"red50"},heading:(0,r.tZ)(g.N.Header,{colour:"red700",children:Y({id:"category.bestSellers.title",defaultMessage:"\uD83D\uDD25 B\xc1N CHẠY NHẤT"})}),slideButton:{colour:"red700"},itemsPerPage:G?2:4,showSlideArrow:!G,children:W.map((e,t)=>(0,r.tZ)(g.A,{product:e,customDataProps:{"data-product-region":"Best Seller"}},t))})}),!U&&(0,r.BX)(D.vZ,{children:[(0,r.tZ)(D.LC,{options:ea,placeholder:" ",id:"sort-dropdown",value:ei,onChange:e=>{var t;null===(t=A.current)||void 0===t||t.scrollIntoView({behavior:"smooth"}),eo({label:String(e.label),value:String(e.value)})},dropdownLabelTrackingAttributes:{"data-event-category":"Ecommerce","data-event-action":"Filter Shortcut Click","data-event-label":T,"data-event-keyword":ei.label}}),(0,r.tZ)(i.zx,{size:"sm",color:"ghost",icon:(0,r.tZ)(Z.Z,{style:{width:18,height:18}}),customDataProps:{className:"category-page-filter-button"},onClick:()=>en(!0),children:Y({id:"categoryPage.sort.filter",defaultMessage:"Bộ Lọc"})})]}),U&&k&&(0,r.BX)(D.wy,{"data-top-bar":!0,children:[(0,r.BX)("div",{style:{display:"flex"},children:[X&&(0,r.tZ)(i.E9,{className:"brand-top-bar-image",src:X,alt:O}),(0,r.tZ)(i.xv,{size:"s2",as:"h1",weight:"semi-bold",colour:"secondaryBase",children:O})]}),(0,r.tZ)(D.LC,{options:ea,placeholder:" ",id:"sort-dropdown",value:ei,onChange:e=>eo({label:String(e.label),value:String(e.value)}),dropdownLabelTrackingAttributes:{"data-event-category":"Ecommerce","data-event-action":"Filter Shortcut Click","data-event-label":T,"data-event-keyword":ei.label}})]}),(0,r.tZ)("div",{ref:A,style:{scrollMarginTop:G?120:210}}),(0,r.tZ)(w.K,{customDataProps:{className:"category-page-product-list"},items:(G?es.reduce((e,t)=>e.concat(t),[]):es[(eg.current||1)-1])||[],pagination:eg,onPageChange:e=>{if(e!==eg.current){var t;ef.current||null===(t=A.current)||void 0===t||t.scrollIntoView({behavior:"smooth"}),ey({page:e,filterData:eu,sortData:x[ei.value]})}},isInfinityScroll:G,isLoading:eh}),M&&(0,r.tZ)(D.wy,{children:(0,r.tZ)(D.K3,{dangerouslySetInnerHTML:{__html:M}})})]})})}),(0,r.tZ)(v.TS,{isOpen:ed,onClose:()=>en(!1),brands:k?void 0:(null==E?void 0:null===(c=E.brands)||void 0===c?void 0:c.map(e=>({name:e.name,id:Number(e.id)})))||[],categories:k?F:void 0,defaultFilterData:B,onApplyFilter:e=>{var t;null===(t=A.current)||void 0===t||t.scrollIntoView({behavior:"smooth"}),ec(e),en(!1)},hideAffiliates:!0})]})}},29419:function(e,t,l){l.d(t,{G:function(){return r},H:function(){return a}});let r=(e,t)=>{let l=e.find(e=>e.id===t);if(l)return[l];{let l=[];return e.some(e=>{var a;if(null===(a=e.children)||void 0===a?void 0:a.length){let a=r(e.children,t);if(null==a?void 0:a.length)return l=[e,...a],!0}return!1}),l}},a=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;if(3===t)return[e];{var l;let r=[];return null===(l=e.children)||void 0===l||l.forEach(e=>{let l=a(e,t+1);(null==l?void 0:l.length)&&(r=[...r,...l])}),r}}}}]);