(window.webpackJsonp_N_E=window.webpackJsonp_N_E||[]).push([[116],{ZEen:function(e,t,r){"use strict";r.r(t);var i=r("cpVT"),a=r("nKUr"),n=r("zxIu"),o=r("z7pX"),l=r("TSYQ"),s=r.n(l),d=r("hlie"),c=r("lopY"),p=r("WHFF"),g=r("dhJC"),h=r("MX0m"),b=r.n(h),x=r("q1tI"),m=r.n(x),j=r("OS56"),f=r.n(j),u=r("gLOz"),w=r.n(u),O=r("E3hX"),y=r.n(O),v=r("YFqc"),S=r.n(v),k=r("bOoQ"),A=r("R/WZ"),P=r("yP8F"),N=r("VZJq");function C(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function M(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?C(Object(r),!0).forEach((function(t){Object(i.a)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):C(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var T=Object(A.a)((function(e){var t;return{caraousel:(t={width:"100%",height:"100%",paddingBottom:25,position:"relative"},Object(i.a)(t,e.breakpoints.up("sm"),{height:"auto",paddingBottom:25}),Object(i.a)(t,e.breakpoints.down("sm"),{maxWidth:"100vw"}),t),arrow:M(M({fontSize:"1.5rem",background:"#FFFFFF 0% 0% no-repeat padding-box",boxShadow:"0px 3px 6px #00000029",position:"absolute"},N.b),{},Object(i.a)({padding:10,borderRadius:"20px",textAlign:"center",paddingLeft:10,top:"calc(40% - 1rem)",width:40,height:40,cursor:"pointer","&:hover":{backgroundColor:P.l,color:P.q}},e.breakpoints.down("sm"),{display:"none"})),leftArrow:{left:5,paddingLeft:"3%"},leftArrowCenter:{left:"1%"},rightArrow:{right:"1%"},viewAllContainer:{marginLeft:"1.5vw",position:"absolute",top:"calc(50% - 1rem)",display:"flex !important",alignItems:"center"},viewAllArrow:M(M({background:"".concat(P.b," 0% 0% no-repeat padding-box"),boxShadow:"0px 3px 6px #00000029"},N.b),{},{borderRadius:"20px",textAlign:"center",width:"20px !important",height:20,cursor:"pointer",color:P.q,"& .MuiSvgIcon-root":{fontSize:".75rem"}})}}));function z(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function B(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?z(Object(r),!0).forEach((function(t){Object(i.a)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):z(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var L=function(e){var t=e.data,r=void 0===t?[]:t,i=e.xs,n=void 0===i?767:i,l=e.sm,d=void 0===l?1023:l,c=e.md,p=void 0===c?1200:c,h=e.breakpoints,j=void 0===h?[]:h,u=e.slideXs,O=void 0===u?1:u,v=e.slideSm,A=void 0===v?3:v,P=e.slideMd,N=void 0===P?4:P,C=e.slideLg,M=void 0===C?6:C,z=e.slidesToScroll,L=void 0===z?"default":z,R=e.showArrow,_=void 0===R||R,I=e.centerMode,D=void 0===I||I,F=e.infinite,E=void 0!==F&&F,X=e.url_path,Y=e.autoplay,q=void 0!==Y&&Y,W=e.Item,H=e.rows,J=void 0===H?1:H,Z=e.leftSpace,Q=void 0!==Z&&Z,V=e.customSettings,G=e.handleClick,K=e.t,U=e.rightArrowStyle,$=void 0===U?{}:U,ee=e.leftArrowStyle,te=void 0===ee?{}:ee,re=e.arrowStyle,ie=void 0===re?{}:re,ae=e.dots,ne=void 0!==ae&&ae,oe=Object(g.a)(e,["data","xs","sm","md","breakpoints","slideXs","slideSm","slideMd","slideLg","slidesToScroll","showArrow","centerMode","infinite","url_path","autoplay","Item","rows","leftSpace","customSettings","handleClick","t","rightArrowStyle","leftArrowStyle","arrowStyle","dots"]),le=T(),se=Object(x.useState)(0),de=se[0],ce=se[1],pe=Object(x.useState)(1),ge=(pe[0],pe[1]),he=m.a.createRef(),be=B({arrows:!1,dots:ne,infinite:E,speed:500,rows:J,autoplay:q,autoplaySpeed:4e3,slidesPerRow:1,slidesToShow:Math.ceil((r.length<M?r.length:M)/J),slidesToScroll:D?1:"default"===L?M:L,initialSlide:0,className:"slider",centerMode:D,afterChange:function(e){return ge(e)},beforeChange:function(e,t){return ce(t)},responsive:[{breakpoint:p,settings:{slidesToShow:Math.ceil((r.length<N?r.length:N)/J),slidesToScroll:D?1:"default"===L?N:L,className:"slider",centerMode:D}},{breakpoint:d,settings:{slidesToShow:Math.ceil((r.length<A?r.length:A)/J),swipeToSlide:!0,centerMode:D,centerPadding:"50px",className:"slider"}},{breakpoint:n,settings:{slidesToShow:Math.ceil((r.length<O?r.length:O)/J),swipeToSlide:!0,centerMode:D,centerPadding:"50px",className:"slider"}}].concat(Object(o.a)(j))},V),xe=r&&r.length>0&&(E?r:r.slice(0,3*M));return m.a.useEffect((function(){he.slickGoTo(0,!0)}),[r]),Object(a.jsxs)("div",{className:"jsx-3554477890 "+(s()(!E&&"carousel-finite",Q&&"carousel-finite-lg","carousel",le.caraousel)||""),children:[Object(a.jsxs)(f.a,B(B({ref:function(e){return he=e}},be),{},{children:[xe&&xe.length>0&&xe.map((function(e,t){return Object(a.jsx)(W,B(B({},e),oe),t)})),!E&&Object(a.jsx)("div",{className:"jsx-3554477890 "+(s()(le.viewAllContainer)||""),children:Object(a.jsx)(S.a,{prefetch:!1,href:"/[...slug]",as:"/".concat(X),children:Object(a.jsxs)("a",{style:{display:"flex",alignItems:"center"},onClick:function(){return G("/".concat(X))},className:"jsx-3554477890",children:[Object(a.jsx)(k.default,{letter:"capitalize",variant:"span",align:"left",type:"bold",children:K("common:button:viewAll")}),Object(a.jsx)("div",{className:"jsx-3554477890 "+(s()(le.viewAllArrow,"arrow-all")||""),children:Object(a.jsx)(y.a,{fontSize:"10"})})]})})})]})),_?E?Object(a.jsxs)(a.Fragment,{children:[Object(a.jsx)("div",{onClick:function(){return he.slickPrev()},className:"jsx-3554477890 "+(s()(ie,te,le.arrow,D?le.leftArrowCenter:le.leftArrow)||""),children:Object(a.jsx)(w.a,{fontSize:"inherit"})}),Object(a.jsx)("div",{onClick:function(){return he.slickNext()},className:"jsx-3554477890 "+(s()(ie,$,le.arrow,le.rightArrow)||""),children:Object(a.jsx)(y.a,{fontSize:"inherit"})})]}):Object(a.jsxs)(a.Fragment,{children:[0!==de?Object(a.jsx)("div",{onClick:function(){return he.slickPrev()},className:"jsx-3554477890 "+(s()(ie,te,le.arrow,D?le.leftArrowCenter:le.leftArrow)||""),children:Object(a.jsx)(w.a,{fontSize:"inherit"})}):null,Object(a.jsx)("div",{onClick:function(){return he.slickNext()},className:"jsx-3554477890 "+(s()(ie,$,le.arrow,le.rightArrow)||""),children:Object(a.jsx)(y.a,{fontSize:"inherit"})})]}):null,Object(a.jsx)(b.a,{id:"3554477890",children:[".carousel .slick-track{margin-right:auto;margin-left:auto;}",".carousel-finite .arrow-all{display:-webkit-box !important;display:-webkit-flex !important;display:-ms-flexbox !important;display:flex !important;}","@media (max-width:1023px){.carousel-finite .slick-track{margin-left:-31vw !important;}}","@media (max-width:767px){.carousel-finite .slick-track{margin-left:-50vw !important;}.carousel .price__final{font-size:2.5vw;}.carousel .badge__container{right:-15%;top:-10%;width:20px;height:20px;}.carousel .badge__value{font-size:8px;line-height:20px;}}"]})]})},R=Object(A.a)((function(e){return{root:{display:"flex",flexDirection:"column"},sliders:{width:"100%",display:"flex",justifyContent:"center"},noPadding:{padding:0},noPaddingLeft:{paddingLeft:0},title:{textAlign:"center",marginTop:"1.25%"},slideImage:{width:"100%",borderRadius:"10px",padding:"0 2%"},slideImageLg:{width:"100%",borderRadius:"10px",boxShadow:"0px 3px 6px #00000029"},slideImageBorderless:{maxWidth:"100%",borderRadius:"10px",height:"100%",objectFit:"contain"},itemContainer:{paddingBottom:20,margin:"0 5px",display:"flex",justifyContent:"center","@media (max-width: 767px )":{paddingTop:8}},itemContainerLg:{padding:"0px !important",margin:"0px !important"},smallCardsRoot:{"& .slick-track":{display:"flex",gap:"16px"}},smallCard:{borderRadius:8,overflow:"hidden",height:70,width:"auto",padding:0,"& img":{height:"70px",width:"auto"}},noPaddingBrand:{"@media (max-width: 767px )":{padding:"0 10px !important"}},noPaddingBrandSmall:{"@media (max-width: 767px )":{padding:"0 15px !important"},"& .slick-slide > div":{margin:"0 -10px"}},labelCategory:{color:P.l,paddingTop:"2%",paddingBottom:"2%",fontSize:18,display:"flex",alignItems:"center",justifyContent:"center",flexWrap:"wrap","@media (max-width: 767px )":{"& *":{fontSize:18},display:"flex",justifyContent:"space-between",padding:"2% 3%"}},header:{letterSpacing:"1.1px",color:P.l,textTransform:"uppercase"},arrowStyle:{top:"calc(40% + 1rem)"},leftArrowStyle:{paddingLeft:"2.5%",top:"50%",transform:"translateY(-20px)",height:"42px",width:"42px"},rightArrowStyle:{paddingRight:"1%",top:"50%",transform:"translateY(-20px)",height:"42px",width:"42px"},leftArrowStyleBrand:{left:"-10px",paddingLeft:"1.5%",top:"50%",transform:"translateY(-20px)",height:"42px",width:"42px"},rightArrowStyleBrand:{right:"-5px",paddingRight:"0.5%",top:"50%",transform:"translateY(-20px)",height:"42px",width:"42px"},leftArrowStyleRight:{left:"5px",paddingLeft:"2.5%",top:"50%",transform:"translateY(-20px)",height:"42px",width:"42px"},rightArrowStyleRight:{right:"5px",paddingRight:"1%",top:"50%",transform:"translateY(-20px)",height:"42px",width:"42px"},brandContainer:Object(i.a)({},e.breakpoints.down("xs"),{marginTop:"-41px",marginBottom:"-41px"})}})),_=r("oQ/t"),I=function(e){var t=e.images1,r=e.images2,i=e.images3,n=e.t,l=function(e){return e&&e.length&&e.length<5?[].concat(Object(o.a)(e),Object(o.a)(e)):e},g=R(),h=Object(c.a)((function(e){return e.breakpoints.up(767)}));return Object(a.jsxs)("div",{className:g.root,children:[Object(a.jsx)(_.a,{title:"Shop by Brand"}),Object(a.jsx)("div",{className:g.sliders,children:Object(a.jsxs)("div",{className:s()(g.noPadding,"col-xs-12 row"),children:[Object(a.jsx)("div",{className:s()(g.noPaddingLeft,"col-xs-12 col-sm-6 p-0"),children:Object(a.jsx)(L,{autoplay:!0,centerMode:!1,data:l(t),slideXs:1,slideSm:1,slideMd:1,slideLg:1,row:1,t:n,infinite:!0,leftArrowStyle:g.leftArrowStyle,rightArrowStyle:g.rightArrowStyle,Item:function(e){var t=e.image_url,r=e.url_redirection;return Object(a.jsx)("div",{className:g.itemContainerLg,children:Object(a.jsx)(d.a,{href:r?r.replace(".html",""):null,children:Object(a.jsx)(p.default,{src:t,width:597,height:381,quality:100,alt:t,lazy:!1,className:g.slideImageLg})})})}})}),Object(a.jsx)("div",{className:s()(g.noPaddingBrand,"col-xs-12 col-sm-6"),style:{padding:0},children:Object(a.jsx)(L,{autoplay:!0,centerMode:!1,data:l(r),slidesToScroll:1,slideXs:3,slideSm:3,slideMd:3,slideLg:3,rows:2,t:n,infinite:!0,arrowStyle:g.arrowStyle,leftArrowStyle:g.leftArrowStyleRight,rightArrowStyle:g.rightArrowStyleRight,Item:function(e){var t=e.image_url,r=e.url_redirection;return Object(a.jsx)("div",{className:g.itemContainer,children:Object(a.jsx)(d.a,{style:{width:"100%",height:"100%"},href:r?r.replace(".html",""):null,children:Object(a.jsx)(p.default,{src:t,width:293,height:179,quality:100,alt:t,lazy:!1,className:g.slideImage})})})}})})]})}),Object(a.jsx)("div",{className:s()(g.noPaddingBrandSmall,g.smallCardsRoot,"col-xs-12 p-0",g.brandContainer),style:{padding:0},children:Object(a.jsx)(L,{autoplay:!0,dots:h,centerMode:!0,data:l(i),slideXs:3,slideSm:5,slideMd:7,slideLg:7,t:n,infinite:!0,leftArrowStyle:g.leftArrowStyleBrand,rightArrowStyle:g.rightArrowStyleBrand,Item:function(e){var t=e.image_url,r=e.url_redirection;return Object(a.jsx)("div",{className:s()(g.itemContainer,g.smallCard),children:Object(a.jsx)(d.a,{style:{width:"100%",height:"100%"},href:r?r.replace(".html",""):null,children:Object(a.jsx)(p.default,{src:t,width:180,height:68,quality:100,alt:t,lazy:!1,className:g.slideImageBorderless})})})},breakpoints:[{breakpoint:480,settings:{slidesToShow:3,swipeToSlide:!0,centerMode:!0,centerPadding:"50px",className:"slider"}}]})})]})},D=r("uADZ"),F=r("wzcX"),E=function(){var e=Object(F.a)();return Object(a.jsxs)("div",{className:"jsx-529301803 "+(s()(e.skeletonWrapper,"shop-by-brand-skeleton")||""),children:[Object(a.jsx)(D.a,{className:"title",variant:"rect",animation:"wave"}),Object(a.jsx)(D.a,{className:"box1",variant:"rect",animation:"wave"}),Object(a.jsx)(D.a,{className:"box2",variant:"rect",animation:"wave"}),Object(a.jsx)(D.a,{className:"box2a",variant:"rect",animation:"wave"}),Object(a.jsx)(D.a,{className:"box3",variant:"rect",animation:"wave"}),Object(a.jsx)(b.a,{id:"529301803",children:[".shop-by-brand-skeleton.jsx-529301803 .title{width:300px;padding-top:50px;margin-bottom:12px;}",".shop-by-brand-skeleton.jsx-529301803 .box1{width:50%;padding-top:calc(100% * 31 / 100);margin-bottom:12px;float:left;}",".shop-by-brand-skeleton.jsx-529301803 .box2{width:49%;padding-top:calc(100% * 31 / 100);margin-bottom:12px;float:right;}",".shop-by-brand-skeleton.jsx-529301803 .box2a{display:none;}",".shop-by-brand-skeleton.jsx-529301803 .box3{width:100%;padding-top:calc(100% * 8 / 100);margin-bottom:12px;}","@media (max-width:767px){.shop-by-brand-skeleton.jsx-529301803 .box1{width:100%;padding-top:calc(100% * 61 / 100);margin-bottom:12px;}.shop-by-brand-skeleton.jsx-529301803 .box2{width:50%;padding-top:calc(100% * 30 / 100);margin-bottom:12px;float:left;}.shop-by-brand-skeleton.jsx-529301803 .box2a{display:inline;width:49%;padding-top:calc(100% * 30 / 100);margin-bottom:12px;float:right;}.shop-by-brand-skeleton.jsx-529301803 .box3{width:100%;padding-top:calc(100% * 20 / 100);margin-bottom:12px;}.shop-by-brand-skeleton.jsx-529301803 .title{width:300px;margin:auto;padding-top:40px;margin-bottom:12px;margin-top:-40px;}}"]})]})};function X(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}t.default=function(e){var t=n.a.getSlider({variables:{title:"Homepage Brands - 1"}}),r=n.a.getSlider({variables:{title:"Homepage Brands - 2"}}),o=n.a.getSlider({variables:{title:"Homepage Brands - 3"}});return t.loading||t.error||r.loading||r.error||o.loading||o.error?Object(a.jsx)(E,{}):Object(a.jsx)(I,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?X(Object(r),!0).forEach((function(t){Object(i.a)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):X(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({images1:t.data&&t.data.slider&&t.data.slider.images,images2:r.data&&r.data.slider&&r.data.slider.images,images3:o.data&&o.data.slider&&o.data.slider.images},e))}}}]);