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