"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[28],{57:function(e,s,c){var l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(s,"__esModule",{value:!0}),s.useColorOrderWrapper=s.ColorSelector=void 0;const r=c(0),i=c(1),t=c(3),a=c(2);c(9),c(101);const o=c(18),n=c(184),d=l(c(103)),h=c(661),{wrapper:u,wrapperText:p,wrapperInUpsell:m,wrapperTextLabel:j,wrapperTextSelectedColor:w,wrapperSwatches:C,wrapperSwatchesContent:x,wrapperSwatchesContentOption:g,wrapperSwatchesContentOptionItem:b,wrapperSwatchesContentOptionItemReducedWidth:v,wrapperSwatchesContentOptionGroupSwatches:O,slider:S,sliderSlide:_,sliderSlideActive:f,sliderSlideContent:k}=d.default;s.ColorSelector=function({isMobile:e,colorOrder:s,selectedColor:c,variantLabel:l="Color",groupMetallic:t=!1,inUpsell:d=!1,groupDisneyColors:N=!1,reduceColorsBoxWidth:y=!1,colorGroups:I,colorGroup:D,setColorGroup:G,setCurrentVariantById:M,areBlendjetColorsGroupsTabs:P=!1,swatchType:T}){let W,$=s;if(N){const e=function(e){return e.reduce(((e,s)=>s.id.includes("disney")||s.id.includes("pixar")?Object.assign(Object.assign({},e),{disneyColors:[...e.disneyColors,s]}):Object.assign(Object.assign({},e),{classicColors:[...e.classicColors,s]})),{classicColors:[],disneyColors:[]})}(s);$=e.classicColors,W=e.disneyColors}const{sliderRef:z,currentSlide:B,jsEnabled:E,handleClick:L}=(0,h.useSlider)({setColorGroup:G}),R=e&&!!D&&!!I&&P;return(0,r.jsxs)(i.Fragment,{children:[R&&(E?(0,r.jsx)("div",Object.assign({ref:z,className:(0,a.cx)("keen-slider",S)},{children:I.map((({logo:e,name:s},c)=>(0,r.jsx)("div",Object.assign({style:{minWidth:"27%"},className:(0,a.cx)("keen-slider__slide",_,B===c&&f),onClick:()=>L(c)},{children:(0,r.jsx)("div",Object.assign({className:k},{children:e?(0,r.jsx)("img",{src:e.image.url,alt:s}):(0,r.jsx)("p",{children:s})}))}),c)))})):(0,r.jsx)("div",Object.assign({className:S},{children:[I[I.length-1],...I].map((({logo:e,name:s},c)=>(0,r.jsx)("div",Object.assign({style:{minWidth:"27%"},className:(0,a.cx)(_,1===c&&f),onClick:()=>L(c)},{children:(0,r.jsx)("div",Object.assign({className:k},{children:e?(0,r.jsx)("img",{src:e.image.url,alt:s}):(0,r.jsx)("p",{children:s})}))}),c)))}))),(0,r.jsxs)("div",Object.assign({className:u},{children:[c.title&&(0,r.jsxs)("div",Object.assign({className:(0,a.cx)(p,d&&m)},{children:[(0,r.jsx)("h6",Object.assign({className:j},{children:`${l}:`})),(0,r.jsx)("h6",Object.assign({className:(0,a.cx)(w,"no-translate")},{children:c.title}))]})),(0,r.jsx)("div",Object.assign({className:C},{children:(0,r.jsx)("div",Object.assign({className:(0,a.cx)(x,"options nacelle")},{children:R?(0,r.jsx)("div",Object.assign({className:g},{children:(0,r.jsx)("div",Object.assign({className:(0,a.cx)(b,y&&v,"columns is-marginless is-multiline nacelle")},{children:D.variants.map((({colorId:e,id:s,colorData:{swatch_src:l,swatch_hex:i,swatch_centered_image:t},image:a},n)=>(0,r.jsx)("div",{children:(0,r.jsx)(o.ProductOptionSwatch,{colorId:e,swatch_src:"image"===T?a.src.replace("h_800","h_50"):"centeredImage"===T?t&&""!=t?t:a.src.replace("h_800","h_200"):l,swatch_hex:i,isSelected:c.variantId===s,swatchClicked:()=>{M&&M(s)},isInSelect:"largeColor"!==T&&"mediumColor"!==T,swatchType:t&&""!=t?void 0:T,size:"largeColor"===T?"xl":"mediumColor"===T?"md":void 0},`swatch${s}${n}`)},`swatch${s}${n}`)))}))})):(0,r.jsxs)(i.Fragment,{children:[(0,r.jsx)("div",Object.assign({className:g},{children:(0,r.jsx)("div",Object.assign({className:(0,a.cx)(b,y&&v,"columns is-marginless is-multiline nacelle")},{children:$.filter((({swatch:e})=>!t||!e.includes("metallic"))).map((({swatch:e,swatchClicked:s,swatch_src:l,swatch_hex:i})=>(0,r.jsx)(o.ProductOptionSwatch,{colorId:e,swatch_src:l,swatch_hex:i,isSelected:e===c.id,swatchClicked:s,isInSelect:"largeColor"!==T&&"mediumColor"!==T,size:"largeColor"===T?"xl":"mediumColor"===T?"md":void 0})))}))})),N&&W&&(0,r.jsx)(n.DisneyColorSelector,{colors:W,selectedColor:c}),t&&(0,r.jsx)("div",Object.assign({className:O},{children:s.filter((({swatch:e})=>e.includes("metallic"))).map((({swatch:e,swatchClicked:s,swatch_src:l,swatch_hex:i})=>(0,r.jsx)(o.ProductOptionSwatch,{colorId:e,swatch_src:l,swatch_hex:i,isSelected:e===c.id,swatchClicked:s,isInSelect:"largeColor"!==T&&"mediumColor"!==T,size:"largeColor"===T?"xl":"mediumColor"===T?"md":void 0})))}))]})}))}))]}))]})},s.useColorOrderWrapper=(e,s,c)=>{var l;const[r,i]=(0,t.useState)(0),a=null!=c?c:i,o=null!==(l=(e=e.map(((e,s)=>Object.assign(Object.assign({},e),{swatchClicked:()=>a(s)}))))[r])&&void 0!==l?l:e[0];return{colorOrder:e,selected:s||(o?{id:o.swatch,title:o.swatch.split("-").join(" ")}:void 0)}}},184:function(e,s,c){var l=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(s,"__esModule",{value:!0}),s.DisneyColorSelector=void 0;const r=c(0),i=(c(1),c(18)),t=l(c(102)),{wrapper:a,wrapperLogo:o,wrapperSwatches:n}=t.default;s.DisneyColorSelector=function({colors:e,selectedColor:s}){return(0,r.jsxs)("div",Object.assign({className:a},{children:[(0,r.jsx)("div",Object.assign({className:o},{children:(0,r.jsx)("img",{src:"https://res.cloudinary.com/davda9b9c/image/upload/v1670925462/blendjet/Group%20427322582.svg",alt:"Disney logo"})})),(0,r.jsx)("div",Object.assign({className:n},{children:e.map((({swatch:e,swatchClicked:c,swatch_hex:l,swatch_src:t})=>(0,r.jsx)(i.ProductOptionSwatch,{swatch_hex:l,swatch_src:t,colorId:e,isSelected:e===s.id,swatchClicked:c,isInSelect:!0})))}))]}))}},661:(e,s,c)=>{Object.defineProperty(s,"__esModule",{value:!0}),s.useSlider=void 0;const l=c(12),r=c(3);s.useSlider=({setColorGroup:e})=>{const[s,c]=(0,r.useState)(0),[i,t]=(0,r.useState)(!1),[a,o]=(0,l.useKeenSlider)({slides:{origin:"center",perView:"auto"},loop:!0,rubberband:!0,slideChanged:s=>{c(s.track.details.rel),e&&e(s.track.details.rel)}});return(0,r.useEffect)((()=>{t(!0)}),[]),{sliderRef:a,currentSlide:s,jsEnabled:i,handleClick:e=>{o.current&&o.current.moveToIdx(e)}}}}}]);