"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[22],{70:(e,r,s)=>{s.d(r,{a:()=>ee});var a=s(0),i=s(1),n=s(303),t=s(2),c=s(20);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(40),b=s(71);const{wrapperBiggerFont:m,wrapperTitle:j,wrapperCrossedPrice:x,wrapperImageContainer:h,wrapperPricesContainer:g,wrapperPricesContainerActualPrice:w,wrapperPricesContainerComparePrice:v,wrapperPricesContainerActualPriceFrom:C,wrapperFullPadding:O,wrapperQuickAddButton:k}=b.a,N=({product:{productTitle:e,productLink:r,featuredImage:s,variantId:t,price:c,crossedPrice:d,isFromPrice:l},currencySymbol:o="$",squareImage:b,onOpenModal:k,isQuickAdd:N})=>{var P;const S=null!==(P=r.split("/").pop())&&void 0!==P?P:"",f=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.b)(b&&O)},{children:[(0,a.jsx)("a",Object.assign({href:I},{children:(0,a.jsxs)("div",Object.assign({className:b?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==k?void 0:k(t,S)})]}))})),(0,a.jsx)("div",{children:(0,a.jsxs)("div",{children:[(0,a.jsx)("p",Object.assign({className:j},{children:e})),l&&(0,a.jsx)("div",Object.assign({className:g},{children:(0,a.jsx)("p",Object.assign({className:C},{children:`From ${o}${Number(c).toFixed(2)}`}))})),!l&&(0,a.jsxs)("div",Object.assign({className:g},{children:[f&&(0,a.jsx)("p",Object.assign({className:(0,n.b)(v,x),style:{color:y.regularPriceColor}},{children:`${o}${Number(d).toFixed(2)}`})),(0,a.jsx)("p",Object.assign({className:(0,n.b)(w,!f&&m),style:{color:f?y.redPriceColor:y.grayscaleColor}},{children:` ${o}${Number(c).toFixed(2)}`}))]}))]})})]}))})};var P=s(72),S=s(4);const{wrapper:f,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.b)(f,y,d&&L)},{children:(0,a.jsx)(S.f,{})})),(0,a.jsx)("button",Object.assign({onClick:t,className:(0,n.b)(f,I,l&&L)},{children:(0,a.jsx)(S.f,{})}))]})};var A=s(22),$=s(39),T=s(36),B=s(78);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:b,isHideOldColors:m,hideSoldOutColors:j})=>{const{error:x,isLoading:h,activeProduct:g,isModalOpen:w,handleSetProduct:v,handleCloseModal:C,activeModalData:O}=(0,T.a)(m,j),k=s?o:l,{carouselRef:P,isJsDisabled:f,handleSlideNext:y,handleSlidePrev:I,slideIdx:{current:L,min:B,max:J}}=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]),b=(0,t.useCallback)((e=>{e.stopPropagation(),l.current&&l.current.next()}),[l.current]);return(0,t.useEffect)((()=>{s(!1)}),[]),{carouselRef:n,handleSlideNext:b,handleSlidePrev:p,isJsDisabled:r,instanceRef:l,slideIdx:a}}(k),R=s?"noJsSquareProductSlider":"noJsProductSlider";return(0,a.jsxs)(i.Fragment,{children:[(0,a.jsxs)("div",Object.assign({className:(0,n.b)(H,f&&R)},{children:[(0,a.jsx)(F,{current:L,min:B,max:J,handleSlideNext:y,handleSlidePrev:I}),(0,a.jsx)("a",Object.assign({className:(0,n.b)(Q,L===B?M:""),onClick:I},{children:(0,a.jsx)(S.J,{})})),(0,a.jsx)("a",Object.assign({className:(0,n.b)(q,L===J?M:""),onClick:y},{children:(0,a.jsx)(S.K,{})})),(0,a.jsx)("div",Object.assign({ref:P,class:(0,n.b)("keen-slider",s&&E)},{children:e.length>0&&e.map(((e,i)=>(0,a.jsx)("div",Object.assign({className:(0,n.b)(`keen-slider__slide number-slide${i}`,s&&V)},{children:(0,a.jsx)(N,{currencySymbol:r,product:e,squareImage:s,onOpenModal:v,isQuickAdd:b},e.productTitle)}),e.productTitle)))}))]})),w&&g&&(0,a.jsx)(A.a,{children:(0,a.jsx)($.a,{showQuickAdd:w,handleQuickAdd:C,quickAddProductData:g,addToCart:u,isBusy:p,variantId:null==O?void 0:O.variantId,error:x,isLoading:h})})]})};var R=s(79);const{wrapper:D}=R.a,_=({buttonLabel:e,buttonLink:r})=>(0,a.jsx)("a",Object.assign({href:r,className:D},{children:e}));var K=s(80);const{wrapper:z}=K.a,G=({title:e})=>(0,a.jsx)("h1",Object.assign({className:z},{children:e}));var U=s(73);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,hideSoldOutColors:p,isHomeHeroShorter:b})=>e&&0!==e.length?(0,a.jsxs)("div",Object.assign({className:(0,n.b)(W,b&&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,hideSoldOutColors:p}),(0,a.jsx)("div",Object.assign({className:X},{children:(0,a.jsx)(_,{buttonLabel:s,buttonLink:t})}))]})):(0,a.jsx)(i.Fragment,{})}}]);