"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[20],{119:(e,r,s)=>{s.d(r,{a:()=>ee});var a=s(0),i=s(1),n=s(357),t=s(2),c=s(16);function d(e){return r=>{r.on("animationStarted",(()=>{const s=r.track.details.minIdx,a=r.track.details.maxIdx,i=r.animator.targetIdx||0;e({min:s,max:a,current:i})}))}}const l={initial:0,mode:"free",slides:{perView:1.8,spacing:16},breakpoints:{"(min-width: 650px)":{slides:{perView:2.8,spacing:16}},"(min-width: 990px)":{slides:{perView:5,spacing:16}}},loop:!1},o={initial:0,mode:"free",slides:{perView:1.5,spacing:16},breakpoints:{"(min-width: 650px)":{slides:{perView:2.8,spacing:16}},"(min-width: 990px)":{slides:{perView:4,spacing:16}}},loop:!1};const u={priceColor:"#000000",grayscaleColor:"#000000",regularPriceColor:"#8E8E8E",redPriceColor:"#B70111"};var p=s(58),m=s(110);const{wrapperBiggerFont:j,wrapperTitle:x,wrapperCrossedPrice:g,wrapperImageContainer:h,wrapperPricesContainer:b,wrapperPricesContainerActualPrice:w,wrapperPricesContainerComparePrice:v,wrapperPricesContainerActualPriceFrom:k,wrapperFullPadding:C,wrapperQuickAddButton:O}=m.a,N=({product:{productTitle:e,productLink:r,featuredImage:s,variantId:t,price:c,crossedPrice:d,isFromPrice:l},currencySymbol:o="$",squareImage:m,onOpenModal:O,isQuickAdd:N})=>{var P;const f=null!==(P=r.split("/").pop())&&void 0!==P?P:"",S=c!==d,y=Object.assign({},u),I=`${r}?variant=${t}`;return(0,a.jsx)(i.Fragment,{children:(0,a.jsxs)("div",Object.assign({className:(0,n.a)(m&&C)},{children:[(0,a.jsx)("a",Object.assign({href:I},{children:(0,a.jsxs)("div",Object.assign({className:m?void 0:h},{children:[(0,a.jsx)("img",{width:20,height:20,src:s.src,alt:s.alt}),N&&(0,a.jsx)(p.a,{onClick:()=>null==O?void 0:O(t,f)})]}))})),(0,a.jsx)("div",{children:(0,a.jsxs)("div",{children:[(0,a.jsx)("p",Object.assign({className:x},{children:e})),l&&(0,a.jsx)("div",Object.assign({className:b},{children:(0,a.jsx)("p",Object.assign({className:k},{children:`From ${o}${Number(c).toFixed(2)}`}))})),!l&&(0,a.jsxs)("div",Object.assign({className:b},{children:[S&&(0,a.jsx)("p",Object.assign({className:(0,n.a)(v,g),style:{color:y.regularPriceColor}},{children:`${o}${Number(d).toFixed(2)}`})),(0,a.jsx)("p",Object.assign({className:(0,n.a)(w,!S&&j),style:{color:S?y.redPriceColor:y.grayscaleColor}},{children:` ${o}${Number(c).toFixed(2)}`}))]}))]})})]}))})};var P=s(111),f=s(4);const{wrapper:S,wrapperLeft:y,wrapperRight:I,wrapperHidden:L}=P.a,F=({current:e,min:r,max:s,handleSlideNext:t,handleSlidePrev:c})=>{const d=e===r,l=e===s;return(0,a.jsxs)(i.Fragment,{children:[(0,a.jsx)("button",Object.assign({onClick:c,className:(0,n.a)(S,y,d&&L)},{children:(0,a.jsx)(f.f,{})})),(0,a.jsx)("button",Object.assign({onClick:t,className:(0,n.a)(S,I,l&&L)},{children:(0,a.jsx)(f.f,{})}))]})};var A=s(32),$=s(63),T=s(65),B=s(112);const{wrapper:H,arrowLeft:Q,arrowRight:q,disable:M,slide:V,slider:E}=B.a,J=({slides:e,currencySymbol:r,squareImages:s,addToCart:u,isBusy:p,isQuickAdd:m,isHideOldColors:j})=>{const{error:x,isLoading:g,activeProduct:h,isModalOpen:b,handleSetProduct:w,handleCloseModal:v,activeModalData:k}=(0,T.a)(j),C=s?o:l,{carouselRef:O,isJsDisabled:P,handleSlideNext:S,handleSlidePrev:y,slideIdx:{current:I,min:L,max:B}}=function(e){const[r,s]=(0,t.useState)(!0),[a,i]=(0,t.useState)({min:0,max:1,current:0}),[n,l]=(0,c.a)(e,[d(i)]);var o,u;(0,t.useEffect)((o=l,u=e,()=>(o.current&&o.current.update(Object.assign({},u)),()=>{o.current&&o.current.destroy()})),[l.current]);const p=(0,t.useCallback)((e=>{e.stopPropagation(),l.current&&l.current.prev()}),[l.current]),m=(0,t.useCallback)((e=>{e.stopPropagation(),l.current&&l.current.next()}),[l.current]);return(0,t.useEffect)((()=>{s(!1)}),[]),{carouselRef:n,handleSlideNext:m,handleSlidePrev:p,isJsDisabled:r,instanceRef:l,slideIdx:a}}(C),J=s?"noJsSquareProductSlider":"noJsProductSlider";return(0,a.jsxs)(i.Fragment,{children:[(0,a.jsxs)("div",Object.assign({className:(0,n.a)(H,P&&J)},{children:[(0,a.jsx)(F,{current:I,min:L,max:B,handleSlideNext:S,handleSlidePrev:y}),(0,a.jsx)("a",Object.assign({className:(0,n.a)(Q,I===L?M:""),onClick:y},{children:(0,a.jsx)(f.J,{})})),(0,a.jsx)("a",Object.assign({className:(0,n.a)(q,I===B?M:""),onClick:S},{children:(0,a.jsx)(f.K,{})})),(0,a.jsx)("div",Object.assign({ref:O,class:(0,n.a)("keen-slider",s&&E)},{children:e.length>0&&e.map(((e,i)=>(0,a.jsx)("div",Object.assign({className:(0,n.a)(`keen-slider__slide number-slide${i}`,s&&V)},{children:(0,a.jsx)(N,{currencySymbol:r,product:e,squareImage:s,onOpenModal:w,isQuickAdd:m},e.productTitle)}),e.productTitle)))}))]})),b&&h&&(0,a.jsx)(A.a,{children:(0,a.jsx)($.a,{showQuickAdd:b,handleQuickAdd:v,quickAddProductData:h,addToCart:u,isBusy:p,variantId:null==k?void 0:k.variantId,error:x,isLoading:g})})]})};var R=s(113);const{wrapper:D}=R.a,_=({buttonLabel:e,buttonLink:r})=>(0,a.jsx)("a",Object.assign({href:r,className:D},{children:e}));var K=s(114);const{wrapper:z}=K.a,G=({title:e})=>(0,a.jsx)("h1",Object.assign({className:z},{children:e}));var U=s(115);const{wrapper:W,wrapperBtn:X,wrapperTitle:Y,wrapperHomeHeroShorterOnMobile:Z}=U.a,ee=({products:e,heading:r,buttonLabel:s,buttonLink:t,squareImages:c,addToCart:d,isBusy:l,isQuickAdd:o,isHideOldColors:u,isHomeHeroShorter:p})=>e&&0!==e.length?(0,a.jsxs)("div",Object.assign({className:(0,n.a)(W,p&&Z)},{children:[(0,a.jsxs)("div",Object.assign({className:Y},{children:[(0,a.jsx)(G,{title:r}),(0,a.jsx)(_,{buttonLabel:s,buttonLink:t})]})),(0,a.jsx)(J,{slides:e,currencySymbol:"$",squareImages:c,addToCart:d,isBusy:l,isQuickAdd:o,isHideOldColors:u}),(0,a.jsx)("div",Object.assign({className:X},{children:(0,a.jsx)(_,{buttonLabel:s,buttonLink:t})}))]})):(0,a.jsx)(i.Fragment,{})}}]);