"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[21],{119:(e,r,s)=>{s.d(r,{a:()=>U});var a=s(0),i=s(1),n=s(194),c=s(2),t=s(8);function l(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 d={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 p={priceColor:"#000000",grayscaleColor:"#000000",regularPriceColor:"#8E8E8E",redPriceColor:"#B70111"};var u=s(120);const{wrapper:j,wrapperBiggerFont:m,wrapperTitle:x,wrapperCrossedPrice:g,wrapperImageContainer:b,wrapperPricesContainer:h,wrapperPricesContainerActualPrice:w,wrapperPricesContainerComparePrice:v,wrapperPricesContainerActualPriceFrom:N,wrapperFullPadding:O}=u.a,P=({product:{productTitle:e,productLink:r,featuredImage:s,variantId:i,price:c,crossedPrice:t,isFromPrice:l},currencySymbol:d="$",squareImage:o})=>{const u=c!==t,P=Object.assign({},p),C=`${r}?variant=${i}`,k=o?"":b;return(0,a.jsxs)("div",Object.assign({className:(0,n.a)(j,o&&O)},{children:[(0,a.jsx)("a",Object.assign({href:C},{children:(0,a.jsx)("div",Object.assign({className:k},{children:(0,a.jsx)("img",{width:20,height:20,src:s.src,alt:s.alt})}))})),(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:h},{children:(0,a.jsx)("p",Object.assign({className:N},{children:`From ${d}${c}`}))})),!l&&(0,a.jsxs)("div",Object.assign({className:h},{children:[u&&(0,a.jsx)("p",Object.assign({className:(0,n.a)(v,g),style:{color:P.regularPriceColor}},{children:`${d}${t}`})),(0,a.jsx)("p",Object.assign({className:(0,n.a)(w,!u&&m),style:{color:u?P.redPriceColor:P.grayscaleColor}},{children:` ${d}${c}`}))]}))]})})]}))};var C=s(121),k=s(4);const{wrapper:f,wrapperLeft:S,wrapperRight:y,wrapperHidden:I}=C.a,L=({current:e,min:r,max:s,handleSlideNext:c,handleSlidePrev:t})=>{const l=e===r,d=e===s;return(0,a.jsxs)(i.Fragment,{children:[(0,a.jsx)("button",Object.assign({onClick:t,className:(0,n.a)(f,S,l&&I)},{children:(0,a.jsx)(k.d,{})})),(0,a.jsx)("button",Object.assign({onClick:c,className:(0,n.a)(f,y,d&&I)},{children:(0,a.jsx)(k.d,{})}))]})};var $=s(122);const{wrapper:F,arrowLeft:q,arrowRight:V,disable:E,slide:R,slider:T}=$.a,J=({slides:e,currencySymbol:r,squareImages:s})=>{const i=s?o:d,{carouselRef:p,isJsDisabled:u,handleSlideNext:j,handleSlidePrev:m,slideIdx:{current:x,min:g,max:b}}=function(e){const[r,s]=(0,c.useState)(!0),[a,i]=(0,c.useState)({min:0,max:1,current:0}),[n,d]=(0,t.a)(e,[l(i)]);var o,p;(0,c.useEffect)((o=d,p=e,()=>(o.current&&o.current.update(Object.assign({},p)),()=>{o.current&&o.current.destroy()})),[d.current]);const u=(0,c.useCallback)((e=>{e.stopPropagation(),d.current&&d.current.prev()}),[d.current]),j=(0,c.useCallback)((e=>{e.stopPropagation(),d.current&&d.current.next()}),[d.current]);return(0,c.useEffect)((()=>{s(!1)}),[]),{carouselRef:n,handleSlideNext:j,handleSlidePrev:u,isJsDisabled:r,instanceRef:d,slideIdx:a}}(i),h=s?"noJsSquareProductSlider":"noJsProductSlider";return(0,a.jsxs)("div",Object.assign({className:(0,n.a)(F,u&&h)},{children:[(0,a.jsx)(L,{current:x,min:g,max:b,handleSlideNext:j,handleSlidePrev:m}),(0,a.jsx)("a",Object.assign({className:(0,n.a)(q,x===g?E:""),onClick:m},{children:(0,a.jsx)(k.r,{})})),(0,a.jsx)("a",Object.assign({className:(0,n.a)(V,x===b?E:""),onClick:j},{children:(0,a.jsx)(k.s,{})})),(0,a.jsx)("div",Object.assign({ref:p,class:(0,n.a)("keen-slider",s&&T)},{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&&R)},{children:(0,a.jsx)(P,{currencySymbol:r,product:e,squareImage:s},e.productTitle)}),e.productTitle)))}))]}))};var B=s(123);const{wrapper:A}=B.a,D=({buttonLabel:e,buttonLink:r})=>(0,a.jsx)("a",Object.assign({href:r,className:A},{children:e}));var _=s(124);const{wrapper:H}=_.a,z=({title:e})=>(0,a.jsx)("h1",Object.assign({className:H},{children:e}));var G=s(125);const{wrapper:K,wrapperBtn:M,wrapperTitle:Q}=G.a,U=({products:e,heading:r,buttonLabel:s,buttonLink:n,squareImages:c})=>e&&0!==e.length?(0,a.jsxs)("div",Object.assign({className:K},{children:[(0,a.jsxs)("div",Object.assign({className:Q},{children:[(0,a.jsx)(z,{title:r}),(0,a.jsx)(D,{buttonLabel:s,buttonLink:n})]})),(0,a.jsx)(J,{slides:e,currencySymbol:"$",squareImages:c}),(0,a.jsx)("div",Object.assign({className:M},{children:(0,a.jsx)(D,{buttonLabel:s,buttonLink:n})}))]})):(0,a.jsx)(i.Fragment,{})}}]);