"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[17],{42:(e,s,a)=>{a.d(s,{a:()=>P});var l=a(0),r=a(1),t=a(21),n=a(43);const{container:c,containerCard:o,containerCardBottomHeading:i,containerCardBottomFooter:d,containerCardWrapper:u,containerCardWrapperImage:m,containerCardBottom:b,containerCardBottomTitle:j,containerCardBottomSubtitle:p,containerCardBottomColors:h,containerCardBottomPrice:x}=n.a,g=({className:e,product:s,colorsCountSuffix:a,currencySymbol:t,hasColorCount:n})=>{const u=s[0];if(!u)return(0,l.jsx)(r.Fragment,{});const g=(e=>""===e.selectedValues.color?e.title.replace(e.selectedValues.brand,"").trim():e.title.replace(` - ${e.selectedValues.colorName}`,"").replace(e.selectedValues.brand,"").trim())(u),{handle:C,otherColorsProducts:S,selectedValues:N,variants:v,image:f,compareAtPrice:y}=u;return(0,l.jsx)("a",Object.assign({className:`${e} ${c}`,href:`/products/${C}?variant=${v[0].id}`},{children:(0,l.jsxs)("div",Object.assign({className:o},{children:[(0,l.jsx)("div",Object.assign({className:m},{children:(0,l.jsx)("img",{src:f.url,alt:f.altText||"",loading:"lazy"})})),(0,l.jsxs)("div",Object.assign({className:b},{children:[(0,l.jsxs)("div",Object.assign({className:i},{children:[(0,l.jsx)("p",Object.assign({className:j},{children:N.brand})),(0,l.jsxs)("p",Object.assign({className:p},{children:[(0,l.jsx)("span",{children:g}),` | ${N.color} `,(0,l.jsx)("span",{children:" "})]}))]})),(0,l.jsxs)("div",Object.assign({className:d},{children:[n&&(0,l.jsx)("p",Object.assign({className:h},{children:`${S.length} ${a}`})),(0,l.jsx)("p",Object.assign({className:x},{children:`${t}${y}`}))]}))]}))]}))}))};var C=a(145),S=a(270),N=a(44);const{wrapper:v,wrapperCarousel:f}=N.a,y=({upsellProducts:e,subtitle:s,title:a,currencySymbol:r,colorsCountSuffix:n})=>{const{jsDisabled:c,handleGoToNextSlide:o,handleGoToPreviousSlide:i,mainSliderRef:d}=(0,C.a)(e.length),u=1===e.length?"noJsForOneSlideCarousel":"noJsForUpsellCarouselDesktop";return(0,l.jsxs)("div",Object.assign({className:(0,S.a)(v,c&&u)},{children:[(0,l.jsx)(t.a,{subtitle:s,title:a,handleGoToNextSlide:o,handleGoToPrevSlide:i}),(0,l.jsx)("div",Object.assign({className:`keen-slider upsellSliderDesktop ${f}`,ref:d},{children:e.map(((e,s)=>(0,l.jsx)(g,{hasColorCount:!0,className:`keen-slider__slide number-slide${s+1}`,product:e,colorsCountSuffix:n,currencySymbol:r},`${e[0].handle}`)))}))]}))};var O=a(39),$=a(63);const{wrapper:k,wrapperText:B}=$.a,P=({badgeLabels:e,colorsCountSuffix:s,currencySymbol:a,isSaleBadgeEnabled:t,subtitle:n,title:c,upsellProducts:o,titleMobile:i,backgroundColor:d="white"})=>(0,l.jsxs)(r.Fragment,{children:[(0,l.jsxs)("div",Object.assign({className:k},{children:[(0,l.jsx)("div",{className:B,dangerouslySetInnerHTML:{__html:i}}),(0,l.jsx)(O.a,{badgeLabels:e,isSaleBadgeEnabled:t,upsellProducts:o,currencySymbol:a})]})),(0,l.jsx)("div",Object.assign({style:{backgroundColor:d}},{children:(0,l.jsx)(y,{colorsCountSuffix:s,currencySymbol:a,subtitle:n,title:c,upsellProducts:o})}))]})}}]);