"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:P,wrapperQuickAddButton:C}=j.a,N=({product:{productTitle:e,productLink:s,featuredImage:r,variantId:t,price:c,crossedPrice:d,isFromPrice:l},currencySymbol:o="$",squareImage:j,onOpenModal:C,isQuickAdd:N})=>{var O;const f=null!==(O=s.split("/").pop())&&void 0!==O?O:"",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&&P)},{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}),N&&(0,a.jsx)(p.a,{onClick:()=>null==C?void 0:C(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 O=r(231),f=r(4);const{wrapper:S,wrapperLeft:y,wrapperRight:I,wrapperHidden:A}=O.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})=>{const{error:x,isLoading:g,activeProduct:h,isModalOpen:b,handleSetProduct:v,handleCloseModal:w,activeModalData:k}=(0,T.a)(m),P=r?o:l,{carouselRef:C,isJsDisabled:O,handleSlideNext:S,handleSlidePrev:y,slideIdx:{current:I,min:A,max:B}}=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}}(P),D=r?"noJsSquareProductSlider":"noJsProductSlider";return(0,a.jsxs)(i.Fragment,{children:[(0,a.jsxs)("div",Object.assign({className:(0,n.a)(Q,O&&D)},{children:[(0,a.jsx)(L,{current:I,min:A,max:B,handleSlideNext:S,handleSlidePrev:y}),(0,a.jsx)("a",Object.assign({className:(0,n.a)(R,I===A?V:""),onClick:y},{children:(0,a.jsx)(f.K,{})})),(0,a.jsx)("a",Object.assign({className:(0,n.a)(q,I===B?V:""),onClick:S},{children:(0,a.jsx)(f.L,{})})),(0,a.jsx)("div",Object.assign({ref:C,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)(N,{currencySymbol:s,product:e,squareImage:r,onOpenModal:v,isQuickAdd:j},e.productTitle)}),e.productTitle)))}))]})),b&&h&&(0,a.jsx)(F.a,{children:(0,a.jsx)($.a,{showQuickAdd:b,handleQuickAdd:w,quickAddProductData:h,addToCart:u,isBusy:p,variantId:null==k?void 0:k.variantId,error:x,isLoading:g})})]})};var J=r(233);const{wrapper:_}=J.a,H=({buttonLabel:e,buttonLink:s})=>(0,a.jsx)("a",Object.assign({href:s,className:_},{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})=>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)(H,{buttonLabel:r,buttonLink:n})]})),(0,a.jsx)(D,{slides:e,currencySymbol:"$",squareImages:t,addToCart:c,isBusy:d,isQuickAdd:l,isRegularAndPlus:o}),(0,a.jsx)("div",Object.assign({className:X},{children:(0,a.jsx)(H,{buttonLabel:r,buttonLink:n})}))]})):(0,a.jsx)(i.Fragment,{})}}]);