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