"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[22],{59:(e,r,s)=>{s.d(r,{a:()=>R});var i=s(0),a=s(1),c=s(305),n=s(2),t=s(20);function d(e){return r=>{r.on("animationStarted",(()=>{const s=r.track.details.minIdx,i=r.track.details.maxIdx,a=r.animator.targetIdx||0;e({min:s,max:i,current:a})}))}}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),m=s(60);const{wrapperBiggerFont:x,wrapperTitle:g,wrapperCrossedPrice:h,wrapperImageContainer:j,wrapperPricesContainer:b,wrapperPricesContainerActualPrice:w,wrapperPricesContainerComparePrice:v,wrapperPricesContainerActualPriceFrom:C,wrapperFullPadding:P,wrapperQuickAddButton:k}=m.a,O=({product:{productTitle:e,productLink:r,featuredImage:s,variantId:n,price:t,crossedPrice:d,isFromPrice:l},currencySymbol:o="$",squareImage:m,onOpenModal:k,isQuickAdd:O})=>{var N;const f=null!==(N=r.split("/").pop())&&void 0!==N?N:"",S=t!==d,y=Object.assign({},u),I=`${r}?variant=${n}`;return(0,i.jsx)(a.Fragment,{children:(0,i.jsxs)("div",Object.assign({className:(0,c.c)(m&&P)},{children:[(0,i.jsxs)("div",Object.assign({className:j},{children:[(0,i.jsx)("a",Object.assign({href:I},{children:(0,i.jsx)("img",{width:20,height:20,src:s.src,alt:s.alt})})),O&&(0,i.jsx)(p.a,{onClick:()=>null==k?void 0:k(n,f)})]})),(0,i.jsx)("div",{children:(0,i.jsxs)("div",{children:[(0,i.jsx)("p",Object.assign({className:g},{children:e})),l&&(0,i.jsx)("div",Object.assign({className:b},{children:(0,i.jsx)("p",Object.assign({className:C},{children:`From ${o}${Number(t).toFixed(2)}`}))})),!l&&(0,i.jsxs)("div",Object.assign({className:b},{children:[S&&(0,i.jsx)("p",Object.assign({className:(0,c.c)(v,h),style:{color:y.regularPriceColor}},{children:`${o}${Number(d).toFixed(2)}`})),(0,i.jsx)("p",Object.assign({className:(0,c.c)(w,!S&&x),style:{color:S?y.redPriceColor:y.grayscaleColor}},{children:` ${o}${Number(t).toFixed(2)}`}))]}))]})})]}))})};var N=s(61),f=s(4);const{wrapper:S,wrapperLeft:y,wrapperRight:I,wrapperHidden:F}=N.a,$=({current:e,min:r,max:s,handleSlideNext:n,handleSlidePrev:t})=>{const d=e===r,l=e===s;return(0,i.jsxs)(a.Fragment,{children:[(0,i.jsx)("button",Object.assign({onClick:t,className:(0,c.c)(S,y,d&&F)},{children:(0,i.jsx)(f.f,{})})),(0,i.jsx)("button",Object.assign({onClick:n,className:(0,c.c)(S,I,l&&F)},{children:(0,i.jsx)(f.f,{})}))]})};var A=s(22),Q=s(39),T=s(36),V=s(62);const{wrapper:q,arrowLeft:B,arrowRight:E,disable:J,slide:L,slider:M}=V.a,R=({slides:e,currencySymbol:r,squareImages:s,addToCart:u,isBusy:p,isQuickAdd:m,isHideOldColors:x,hideSoldOutColors:g})=>{const{error:h,isLoading:j,activeProduct:b,isModalOpen:w,handleSetProduct:v,handleCloseModal:C,activeModalData:P}=(0,T.a)(x,g),k=s?o:l,{carouselRef:N,isJsDisabled:S,handleSlideNext:y,handleSlidePrev:I,slideIdx:{current:F,min:V,max:R}}=function(e){const[r,s]=(0,n.useState)(!0),[i,a]=(0,n.useState)({min:0,max:1,current:0}),[c,l]=(0,t.a)(e,[d(a)]);var o,u;(0,n.useEffect)((o=l,u=e,()=>(o.current&&o.current.update(Object.assign({},u)),()=>{o.current&&o.current.destroy()})),[l.current]);const p=(0,n.useCallback)((e=>{e.stopPropagation(),l.current&&l.current.prev()}),[l.current]),m=(0,n.useCallback)((e=>{e.stopPropagation(),l.current&&l.current.next()}),[l.current]);return(0,n.useEffect)((()=>{s(!1)}),[]),{carouselRef:c,handleSlideNext:m,handleSlidePrev:p,isJsDisabled:r,instanceRef:l,slideIdx:i}}(k),D=s?"noJsSquareProductSlider":"noJsProductSlider";return(0,i.jsxs)(a.Fragment,{children:[(0,i.jsxs)("div",Object.assign({className:(0,c.c)(q,S&&D)},{children:[(0,i.jsx)($,{current:F,min:V,max:R,handleSlideNext:y,handleSlidePrev:I}),(0,i.jsx)("a",Object.assign({className:(0,c.c)(B,F===V?J:""),onClick:I},{children:(0,i.jsx)(f.J,{})})),(0,i.jsx)("a",Object.assign({className:(0,c.c)(E,F===R?J:""),onClick:y},{children:(0,i.jsx)(f.K,{})})),(0,i.jsx)("div",Object.assign({ref:N,class:(0,c.c)("keen-slider",s&&M)},{children:e.length>0&&e.map(((e,a)=>(0,i.jsx)("div",Object.assign({className:(0,c.c)(`keen-slider__slide number-slide${a}`,s&&L)},{children:(0,i.jsx)(O,{currencySymbol:r,product:e,squareImage:s,onOpenModal:v,isQuickAdd:m},e.productTitle)}),e.productTitle)))}))]})),w&&b&&(0,i.jsx)(A.a,{children:(0,i.jsx)(Q.a,{showQuickAdd:w,handleQuickAdd:C,quickAddProductData:b,addToCart:u,isBusy:p,variantId:null==P?void 0:P.variantId,error:h,isLoading:j})})]})}}}]);