!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="636e7923-5abf-4544-899c-6667c2780e6e",e._sentryDebugIdIdentifier="sentry-dbid-636e7923-5abf-4544-899c-6667c2780e6e")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[36],{46017:function(e,t,i){"use strict";i.r(t),i.d(t,{__N_SSP:function(){return Tt},default:function(){return Bt}});var r=i(95235),n=i(2784),a=i(92868),o=i(35463),s=i(9311),d=i(65239),l=i(7307),c=i(82091),m=i(89051),u=i(21059),p=i(48352),h=i(7506),g=i(83533),f=i(88627),x=i(97795),y=i(38598),v=i(83821),b=i(29229),w=i(52399);const j=(0,l.default)(f.$0).attrs({constrained:!0,marginTop:16,marginBottom:16}).withConfig({componentId:"sc-lqno8q-0"})(["background-image:",";background-repeat:repeat-x;background-position:top center;background-size:90px;","{background-image:",";background-size:160px;}"],(e=>{let{$mobileBg:t}=e;return t&&`url('${t}')`}),(e=>{let{theme:t}=e;return t.mediaQuery.desktop}),(e=>{let{$desktopBg:t}=e;return t&&`url('${t}')`})),k=(0,l.default)(v.T).attrs({as:"p",variant:"body"}).withConfig({componentId:"sc-lqno8q-1"})(["max-width:400px;margin:var(--theme-spacing-16) auto;color:var(--theme-color-darkGray1);","{font-size:var(--theme-font-size-bodyDesktop);max-width:620px;}"],(e=>{let{theme:t}=e;return t.mediaQuery.desktop})),S=(0,l.default)(p.I).withConfig({componentId:"sc-lqno8q-2"})(["margin:0 auto;width:100%;","{max-width:490px;}","{max-width:70%;}","{max-width:665px;}"],(e=>{let{theme:t}=e;return t.mediaQuery.tabletSmall}),(e=>{let{theme:t}=e;return t.mediaQuery.tablet}),(e=>{let{theme:t}=e;return t.mediaQuery.desktop})),I=l.default.section.withConfig({componentId:"sc-lqno8q-3"})(["position:relative;display:flex;flex-direction:column;height:636px;padding-top:",";text-align:center;margin-bottom:",";","{padding-top:",";}","{padding-top:",";}","{padding-top:",";justify-content:unset;height:640px;}"],(e=>{let{theme:t}=e;return t.pxToRem(196)}),(e=>{let{theme:t}=e;return t.spacing[40]}),(e=>{let{theme:t}=e;return t.mediaQuery.tabletSmall}),(e=>{let{theme:t}=e;return t.pxToRem(170)}),(e=>{let{theme:t}=e;return t.mediaQuery.tablet}),(e=>{let{theme:t}=e;return t.pxToRem(140)}),(e=>{let{theme:t}=e;return t.mediaQuery.desktop}),(e=>{let{theme:t}=e;return t.spacing[96]})),C=(0,l.default)(a.E.div).withConfig({componentId:"sc-lqno8q-4"})(["position:absolute;height:auto;&:first-child{width:170px;top:var(--theme-spacing-48);","{width:213px;}","{width:270px;}}&:nth-child(2){width:92px;bottom:var(--theme-spacing-32);","{width:100px;bottom:var(--theme-spacing-24);}","{width:128px;bottom:var(--theme-spacing-48);}}&:nth-child(3){width:210px;right:0;bottom:var(--theme-spacing-64);","{width:290px;bottom:var(--theme-spacing-96);}}&:nth-child(4){width:108px;top:var(--theme-spacing-48);right:0;","{width:138px;}","{width:159px;}}&:nth-child(5),&:nth-child(6){display:none;","{display:block;width:265px;height:265px;overflow:hidden;bottom:calc(-1 * var(--theme-spacing-16));}}","{&:nth-child(5){right:calc(50% + var(--theme-spacing-48));}&:nth-child(6){left:calc(50% + var(--theme-spacing-48));}}","{&:nth-child(5){right:calc(50% + var(--theme-spacing-64));}&:nth-child(6){left:calc(50% + var(--theme-spacing-64));}}"],(e=>{let{theme:t}=e;return t.mediaQuery.tabletSmall}),(e=>{let{theme:t}=e;return t.mediaQuery.desktop}),(e=>{let{theme:t}=e;return t.mediaQuery.tabletSmall}),(e=>{let{theme:t}=e;return t.mediaQuery.desktop}),(e=>{let{theme:t}=e;return t.mediaQuery.desktop}),(e=>{let{theme:t}=e;return t.mediaQuery.tabletSmall}),(e=>{let{theme:t}=e;return t.mediaQuery.desktop}),(e=>{let{theme:t}=e;return t.mediaQuery.desktop}),(e=>{let{theme:t}=e;return t.mediaQuery.desktop}),(e=>{let{theme:t}=e;return t.mediaQuery.desktopLarge})),z=l.default.section.withConfig({componentId:"sc-lqno8q-5"})(["margin-top:",";margin-bottom:",";","{margin-top:",";}"],(e=>{let{theme:t}=e;return t.spacing[64]}),(e=>{let{theme:t}=e;return t.spacing[48]}),(e=>{let{theme:t}=e;return t.mediaQuery.desktop}),(e=>{let{theme:t}=e;return t.spacing[112]})),$=(0,l.default)(m.H).withConfig({componentId:"sc-lqno8q-6"})(["display:inline-block;font-size:20px;letter-spacing:0.5px;font-weight:800;color:var(--theme-colors-text-standard);margin-bottom:",";","{font-size:28px;margin-bottom:",";}"],(e=>{let{theme:t}=e;return t.spacing[16]}),(e=>{let{theme:t}=e;return t.mediaQuery.desktop}),(e=>{let{theme:t}=e;return t.spacing[20]})),P=l.default.button.withConfig({componentId:"sc-lqno8q-7"})(["position:relative;overflow:hidden;padding:0;width:100%;height:auto;min-height:180px;border-radius:var(--theme-borderRadiusSmall);border:1px solid var(--theme-colors-ui-line);background-size:100px;background-image:",";",";background-repeat:repeat;cursor:pointer;","{border-radius:var(--theme-borderRadius);box-shadow:0 4px 16px 0 rgba(0,0,0,0.1);min-height:330px;background-image:",";}"],(e=>{let{$mobilePreBuiltBg:t}=e;return t&&`url('${t}')`}),(e=>{let{$mobilePreBuiltBg:t}=e;return!t&&"background: #eee"}),(e=>{let{theme:t}=e;return t.mediaQuery.desktop}),(e=>{let{$desktopPreBuiltBg:t}=e;return t&&`url('${t}')`})),O=l.default.div.withConfig({componentId:"sc-lqno8q-8"})(["position:absolute;top:0%;height:100%;z-index:0;width:100%;"]),Q=(0,l.default)(h.R).withConfig({componentId:"sc-lqno8q-9"})(["z-index:10;"]),R=(0,l.default)(P).withConfig({componentId:"sc-lqno8q-10"})(["position:relative;&::after{content:",";display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);opacity:0;transition:opacity 200ms ease-in-out;color:var(--theme-color-white);font-size:var(--theme-spacing-48);font-weight:600;}&:hover::after{","{opacity:1;}}"],(e=>{let{$hoverText:t}=e;return t?`"${t}"`:""}),(e=>{let{theme:t}=e;return t.mediaQuery.desktop})),T=l.default.div.withConfig({componentId:"sc-lqno8q-11"})(["border-radius:var(--theme-borderRadiusSmall);","{border-radius:var(--theme-borderRadius);top:0;right:0;bottom:0;left:0;z-index:-1;margin:3px;width:100%;height:100%;display:inline-block;background:linear-gradient( to right,#01c3c6,#ff8d37,#ff4b58,#ff2b91,#01b2e9 );","{background-clip:padding-box;border:solid 3px transparent;}}"],(e=>{let{theme:t}=e;return t.mediaQuery.desktop}),P),B=(0,l.default)(b.V).withConfig({componentId:"sc-lqno8q-12"})(["margin-bottom:-2px;aspect-ratio:680 / 456;","{aspect-ratio:2060 / 722;}"],(e=>{let{theme:t}=e;return t.mediaQuery.desktop})),D=l.default.section.withConfig({componentId:"sc-lqno8q-13"})(["","{margin-bottom:",";}","{","{margin-bottom:",";}}"],P,(e=>{let{theme:t}=e;return t.spacing[12]}),(e=>{let{theme:t}=e;return t.mediaQuery.desktop}),P,(e=>{let{theme:t}=e;return t.spacing[20]})),q=l.default.div.withConfig({componentId:"sc-lqno8q-14"})(["width:100%;","{display:flex;gap:20px;}"],(e=>{let{theme:t}=e;return t.mediaQuery.desktop})),E=l.default.div.withConfig({componentId:"sc-lqno8q-15"})(["margin-bottom:",";","{flex:0.333;--duration:150ms;&:hover ","{background-color:rgba(0,0,0,0.4);transition:var(--duration) ease-in-out;}&:hover h3{color:var(--theme-color-primary);transition:var(--duration) ease-in-out;}}--duration:150ms;&:hover ","{background-color:rgba(0,0,0,0.4);transition:var(--duration) ease-in-out;}&:hover h3{color:var(--theme-color-primary);transition:var(--duration) ease-in-out;}"],(e=>{let{theme:t}=e;return t.spacing[20]}),(e=>{let{theme:t}=e;return t.mediaQuery.desktop}),O,O),_=(0,l.default)(v.T).attrs({variant:"caption"}).withConfig({componentId:"sc-lqno8q-16"})(["color:var(--theme-colors-text-standard);","{font-size:var(--theme-font-size-bodyDesktop);}"],(e=>{let{theme:t}=e;return t.mediaQuery.desktop})),M=(0,l.default)(m.H).attrs({variant:"h3"}).withConfig({componentId:"sc-lqno8q-17"})(["margin-bottom:",";","{font-size:var(--theme-font-size-h2Desktop);}"],(e=>{let{theme:t}=e;return t.spacing[4]}),(e=>{let{theme:t}=e;return t.mediaQuery.desktop})),L=l.default.div.withConfig({componentId:"sc-lqno8q-18"})(["p{margin:0;font-size:var(--theme-font-size-legalMobile);}"]),N=(0,l.default)(w.D).withConfig({componentId:"sc-lqno8q-19"})(["max-width:calc(100% - var(--theme-spacing-12));& > div{margin-left:0;margin-right:0;width:100%;}"]);var H=i(52322);const Z={duration:.6,ease:"easeInOut",delay:.3,type:"spring"},A={visible:e=>{switch(e){case 0:return{x:"-25%"};case 1:return{x:"25%"};case 2:return{x:"15%"};case 3:case 4:case 5:return{x:"0%"}}},hidden:e=>{switch(e){case 0:case 1:return{x:"-100%",rotate:-15};case 2:return{x:"100%",rotate:-70};case 3:return{x:"100%",rotate:15};case 4:return{x:"-100%"};case 5:return{x:"100%"}}}};var G=e=>{const{backgroundImage:t,buildYourOwnCoverImage:i,buildYourOwnCoverImageHoverText:r,disclaimer:o,dividerImage:s,headingImage:d,customSetHeading:v,preBuiltSetHeading:b,decorativeIcons:w,preBuiltSets:G,subHeading:Y}=e,V=(0,l.useTheme)(),{price:K}=(0,c.useLocalizer)(),{state:{productsBySku:X},actions:{selectPreBuiltSet:F,selectBuildYourOwn:U}}=(0,x.bI)(),W=(0,g.Z)(g.o.DESKTOP),J=(0,n.useRef)(),{primary:ee,secondary:te}=i,ie=e=>e.skus.every((e=>X[e]?.isSalableQty)),re=G.some(ie);return(0,H.jsxs)(j,{$mobileBg:t?.primary?.[0]?.url,$desktopBg:t?.secondary?.[0]?.url,backgroundTiled:!0,children:[(0,H.jsxs)(I,{children:[(0,H.jsxs)(m.H,{children:[(0,H.jsx)(u.S,{children:d?.alt}),(0,H.jsx)(S,{alt:"",assetPath:d.primary?.[0]?.url})]}),(0,H.jsx)(k,{children:Y}),(0,H.jsx)(a.E.div,{initial:{opacity:0},animate:{opacity:[0,.5,1]},transition:Z,children:w?.map(((e,t)=>(0,H.jsx)(C,{variants:A,initial:"hidden",animate:"visible",style:{willChange:"auto"},transition:Z,custom:t,children:(0,H.jsx)(p.I,{alt:"",role:"presentation",assetPath:e.public_id,lazyLoad:!1})},t)))})]}),(0,H.jsx)(N,{width:s?221:void 0,height:s?38:1,color:V.colors.ui.line,variant:s?"stretch":"line",imgSrc:s?.primary?.[0]?.public_id}),(0,H.jsxs)(m.H.NewLevel,{children:[(0,H.jsxs)(z,{children:[(0,H.jsx)($,{id:"custom-set-heading",children:v}),(0,H.jsx)(T,{children:(0,H.jsx)(R,{"aria-labelledby":"custom-set-heading",onClick:U,onMouseOver:()=>J.current.videoRef.current.pause(),onMouseOut:()=>J.current.videoRef.current.play(),$hoverText:r,children:"image"===ee?.[0]?.resource_type?(0,H.jsx)(h.R,{layoutSwitch:1025,alt:i?.alt,desktopMargin:!1,primary:ee?.[0]?.public_id,secondary:te?.[0]?.public_id,lazyLoad:!1}):(0,H.jsx)(B,{assetPath:W?ee?.[0]?.public_id:te?.[0]?.public_id,playsInline:!0,ref:J,onMouseOver:()=>J.current.videoRef.current.pause(),onMouseOut:()=>J.current.videoRef.current.play(),loop:!0,autoplay:!0,controls:!1,lazyLoad:!1})})})]}),re&&(0,H.jsxs)(D,{children:[(0,H.jsx)($,{children:b}),(0,H.jsx)(m.H.NewLevel,{children:(0,H.jsx)(q,{children:G.filter(ie).map(((e,t)=>{const i=(0,y.p)(X,e.skus);return(0,H.jsxs)(E,{children:[(0,H.jsxs)(P,{"aria-labelledby":`set-title-${t}`,onClick:()=>F(e),$mobilePreBuiltBg:e?.background?.primary?.[0]?.url,$desktopPreBuiltBg:e?.background?.secondary?.[0]?.url,children:[(0,H.jsx)(O,{}),(0,H.jsx)(Q,{alt:e.coverImage?.alt,primary:e.coverImage?.primary?.[0]?.public_id,secondary:e.coverImage?.secondary?.[0]?.public_id,layoutSwitch:1025,fullWidth:!0})]}),(0,H.jsx)(M,{id:`set-title-${t}`,children:e.title}),(0,H.jsx)(_,{children:K(i)})]},e.title)}))})})]})]}),(0,H.jsx)(L,{children:(0,H.jsx)(f.Ho,{data:o})})]})},Y=i(43499),V=i(1205),K=i(51855),X=i(4721);const F=(0,l.default)(a.E.div).withConfig({componentId:"sc-1uuxj5p-0"})(["display:flex;align-items:center;justify-content:center;flex:1;min-width:20px;"]),U=l.default.div.withConfig({componentId:"sc-1uuxj5p-1"})(["display:flex;align-items:center;justify-content:space-between;","{padding:0 16px;}"],(e=>{let{theme:t}=e;return t.mediaQuery.desktop})),W=(0,l.default)(a.E.span).withConfig({componentId:"sc-1uuxj5p-2"})(["display:inline-block;height:",";border-radius:",";margin-left:",";&:first-child{margin-left:0;}"],(e=>{let{theme:t}=e;return t.spacing[8]}),(e=>{let{theme:t}=e;return t.borderRadiusSmall}),(e=>{let{theme:t}=e;return t.spacing[8]})),J=(0,l.default)(X.B).withConfig({componentId:"sc-1uuxj5p-3"})(["width:100%;@media (--theme-mediaQuery-tabletSmall){width:100%;}"]),ee=l.default.div.withConfig({componentId:"sc-1uuxj5p-4"})(["display:grid;grid-auto-flow:column;align-items:center;justify-content:center;gap:var(--theme-spacing-12);"]);var te=i(12223);var ie=e=>{const{canProceed:t,numberOfSteps:i,onNext:r,onPrevious:n,isSummaryStep:o,addToCart:s,cartLoading:d}=e,m=(0,l.useTheme)(),{text:u}=(0,c.useLocalizer)(),p=e.activeStep>i?i:e.activeStep<1?1:e.activeStep,h=0===i||o,f={active:{width:m.spacing[36],background:m.color.primary},inactive:{width:m.spacing[8],background:m.colors.button.background.ghost}},x=(0,g.Z)(g.o.DESKTOP),y={expand:{width:"100%"},contract:{width:x?"auto":"76px"}};return(0,H.jsxs)(U,{$hideSteps:h,children:[(0,H.jsx)(a.E.div,{initial:"expand",variants:y,animate:h?"expand":"contract",transition:{type:"spring",duration:.5},children:(0,H.jsx)(J,{disabled:d,round:!0,size:"small",variant:"secondary","aria-label":u("Back"),onClick:n,children:x?(0,H.jsxs)(ee,{children:[(0,H.jsx)(Y.Z,{size:20}),(0,H.jsx)("div",{children:u("Back")})]}):(0,H.jsx)(H.Fragment,{children:o?`${u("Back")}`:(0,H.jsx)(Y.Z,{alt:u("back"),size:20})})})}),(0,H.jsx)(F,{"data-testid":"steps",initial:"inactive",animate:h?"hideSteps":"showSteps",variants:{hideSteps:{width:"20px",opacity:0},showSteps:{width:"100%",opacity:1}},transition:{type:"spring",duration:.5},"aria-label":!!i&&u(`Step ${p} of ${i}`),children:new Array(i).fill().map(((e,t)=>{const i=p===t+1;return(0,H.jsx)(W,{"aria-current":!!i&&"step",initial:"inactive",animate:i?"active":"inactive",variants:f,transition:{duration:.5,type:"spring"}},t)}))}),(0,H.jsx)(a.E.div,{initial:"expand",variants:y,animate:h?"expand":"contract",transition:{type:"spring",duration:.5},children:(0,H.jsx)(J,{disabled:!t,round:!0,size:"small",variant:"primary","aria-label":u(o?"Add to cart":"Next"),onClick:o?s:r,children:o?d?(0,H.jsx)(te.L,{}):(0,H.jsxs)(ee,{children:[(0,H.jsx)("div",{children:u("Add to cart")}),x&&(0,H.jsx)(V.Z,{size:20})]}):x?(0,H.jsxs)(ee,{children:[(0,H.jsx)("div",{children:""+(u("Next")+" ")}),(0,H.jsx)(K.Z,{size:20})]}):(0,H.jsx)(K.Z,{alt:u("Next"),size:20})})})]})},re=i(20118),ne=i(6948),ae=i(77064);const oe=l.default.div.withConfig({componentId:"sc-v2i337-0"})(["display:flex;flex-direction:column;align-items:center;padding:var(--theme-spacing-16) var(--theme-spacing-16) var(--theme-spacing-24);border-radius:var(--theme-borderRadius);background:var(--theme-color-white);","{max-width:",";min-width:",";}"],(e=>{let{theme:t}=e;return t.mediaQuery.tablet}),(e=>{let{theme:t}=e;return t.pxToRem(625)}),(e=>{let{theme:t}=e;return t.pxToRem(582)})),se=l.default.div.withConfig({componentId:"sc-v2i337-1"})(["display:flex;flex-direction:column;row-gap:var(--theme-spacing-8);width:100%;margin-top:var(--theme-spacing-16);","{","}"],(e=>{let{theme:t}=e;return t.mediaQuery.tablet}),(e=>{let{$itemRemoved:t}=e;return t&&(0,l.css)(["display:grid;grid-template-columns:1fr 1fr;column-gap:1rem;width:auto;"])})),de=(0,l.default)(X.B).withConfig({componentId:"sc-v2i337-2"})(["padding:0 1rem;"]),le=(0,l.default)(m.H).withConfig({componentId:"sc-v2i337-3"})(["display:flex;justify-content:center;align-items:center;font-size:var(--theme-font-size-h3Mobile);font-weight:var(--theme-font-weight-bold);width:100%;height:var(--theme-spacing-48);color:var(--theme-color-white);background-color:var(--theme-color-primary);","{font-size:var(--theme-font-size-h3Desktop);}"],(e=>{let{theme:t}=e;return t.mediaQuery.tablet})),ce=(0,l.default)(v.T).withConfig({componentId:"sc-v2i337-4"})(["max-width:",";font-size:var(--theme-font-size-bodyMobile);margin:var(--theme-spacing-16) 0;text-align:center;","{font-size:var(--theme-font-size-bodyDesktop);}"],(e=>{let{theme:t}=e;return t.pxToRem(475)}),(e=>{let{theme:t}=e;return t.mediaQuery.tablet})),me=(0,l.default)(ce).attrs({as:"strong"}).withConfig({componentId:"sc-v2i337-5"})(["display:block;margin:0;"]);var ue=e=>{const{visible:t}=e,{state:{basket:i,outOfStockProducts:r,selectedSystemEditionSku:n},actions:{addToCart:a,closeOOSModal:o}}=(0,x.bI)(),{text:s}=(0,c.useLocalizer)(),d=r.map((e=>{let{name:t}=e;return t})),l=r.every((e=>{let{sku:t}=e;return t!==n}));return(0,H.jsxs)(ne.M,{visible:t,onClose:o,children:[(0,H.jsx)(le,{children:s("Item sold out")}),(0,H.jsxs)(oe,{children:[(0,H.jsx)(ae.Z,{size:32}),(0,H.jsx)(ce,{children:s(l?"One or more items have sold out and were removed from your set:":"One or more items have sold out:")}),d.map((e=>(0,H.jsx)(me,{children:e},e))),(0,H.jsx)(ce,{children:s(l?"You can continue without the item(s) or go back to edit your set.":"Please change your system to continue.")}),(0,H.jsxs)(se,{$itemRemoved:l,children:[l&&(0,H.jsx)(de,{variant:"secondary",onClick:()=>{o(),a(i)},children:s("Continue")}),(0,H.jsx)(de,{onClick:o,children:s("Back")})]})]})]})},pe=i(65439),he=i(93556),ge=i(2002);i(13486),i(98087),i(93135),i(76454);const fe=["xEnd","yEnd","assetWidth"];var xe=i(82090);function ye(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,r)}return i}function ve(e){for(var t=1;t{let{$zIndex:t}=e;return t||1}),(e=>{let{$widthPercentage:t}=e;return t?`${t}%`:"auto"}));var we=e=>{const{animatedImages:t,animationState:i}=e,r=(0,ge.JZ)(),n=(0,l.useTheme)();return t?(0,H.jsx)(o.X,{features:s.H,children:(0,H.jsx)(d.M,{children:t.filter((e=>{let{image:t}=e;return!!t})).map((e=>{let{image:t,isVisible:a}=e;const{internalName:o,yStart:s,xStart:d,zIndex:l,type:c}=t||{},m=Array.isArray(t.asset)?t.asset[0]:t.asset,{xEnd:u,yEnd:p,assetWidth:h}=((e,t)=>fe.reduce(((i,r)=>{const n=e[r];return Array.isArray(n)?t===pe.a9.SYSTEM_AND_ANYTHING_ELSE?ve(ve({},i),{},{[r]:n[n.length-1]}):t===pe.a9.SYSTEM_ONLY?ve(ve({},i),{},{[r]:n[0]}):t===pe.a9.SYSTEM_AND_GAME?ve(ve({},i),{},{[r]:n[n.length%2]}):void 0:ve(ve({},i),{},{[r]:n})}),{}))(t,i),g={show:{top:`${p}%`,left:`${u}%`,width:`${h}%`},hide:{top:`${r?p:s}%`,left:`${r?u:d}%`,width:`${h}%`}};return(0,H.jsx)(be,{initial:a?"show":"hide",animate:a?"show":"hide",exit:{top:`${r?p:s}%`,left:`${r?u:d}%`,width:`${h}%`},transition:n.animation.vertical[c],variants:g,id:o,src:(0,xe.R6)({publicId:m?.public_id}),alt:"",$widthPercentage:h,$zIndex:l},o)}))})}):null};const je=l.default.div.withConfig({componentId:"sc-z14exu-0"})(["position:relative;border-radius:",";background:#eee;"," background-repeat:repeat;background-size:100px;width:100%;min-height:230px;overflow:hidden;aspect-ratio:1.4;","{display:flex;align-items:center;flex-direction:column;aspect-ratio:1;"," max-width:707px;background-size:200px;}"],(e=>{let{theme:t}=e;return t.borderRadius}),(e=>{let{$canvasBackgroundImageMobile:t,$canvasBackgroundImage:i}=e;return`background-image: url(${t||i});`}),(e=>{let{theme:t}=e;return t.mediaQuery.desktop}),(e=>{let{$canvasBackgroundImage:t}=e;return` background-image: url(${t});`})),ke=(0,l.default)(a.E.div).withConfig({componentId:"sc-z14exu-1"})(["display:inline-block;font-size:",";padding:6px 14px;font-weight:",";border-radius:"," 0;","{margin-top:",";padding:"," ",";border-radius:",";font-size:",";}"],(e=>{let{theme:t}=e;return t.font.size.h4Mobile}),(e=>{let{theme:t}=e;return t.font.weight.bold}),(e=>{let{theme:t}=e;return t.borderRadius}),(e=>{let{theme:t}=e;return t.mediaQuery.desktop}),(e=>{let{theme:t}=e;return t.spacing[24]}),(e=>{let{theme:t}=e;return t.spacing[12]}),(e=>{let{theme:t}=e;return t.spacing[24]}),(e=>{let{theme:t}=e;return t.spacing[24]}),(e=>{let{theme:t}=e;return t.font.size.h3Desktop}));var Se=e=>{const{animatedImages:t,animationState:i,label:r,includePrefix:n,selectedSystemSku:a,totalFormattedPrice:o,$canvasBackgroundImage:s,$canvasBackgroundImageMobile:d}=e,m=(0,l.useTheme)(),{text:p}=(0,c.useLocalizer)(),h=(0,g.Z)(g.o.DESKTOP),f=a?n?`${p("Starting at")} ${o}`:o:p("Choose your system"),x={noSystemSelected:{background:m.color.lightGray2,color:m.color.darkGray3},systemSelected:{background:m.color.primary,color:m.color.white}};return(0,H.jsxs)(je,{"aria-label":r,$canvasBackgroundImage:s,$canvasBackgroundImageMobile:d,children:[(0,H.jsxs)(ke,{initial:"noSystemSelected",animate:a?"systemSelected":"noSystemSelected",variants:x,transition:{duration:.5,type:"spring"},children:[(0,H.jsx)(u.S,{children:(0,H.jsx)("span",{"aria-live":"polite",children:`${p("Subtotal")} ${o}`})}),f]}),(0,H.jsx)(we,{animationState:i,animatedImages:t.map((e=>{let{image:t,isVisible:i}=e;return{image:h?t?.desktop:t?.mobile,isVisible:i}}))})]})},Ie=i(97729),Ce=i.n(Ie),ze=i(77682),$e=i(50444);const Pe=l.default.div.withConfig({componentId:"sc-1bg06jw-0"})(["overflow:hidden;width:100%;max-width:120px;align-content:center;",""],(e=>{let{$squareImage:t}=e;return t&&(0,l.css)(["img{width:100%;border:1px solid ",";border-radius:",";}width:var(--square-tile-image-width);height:var(--square-tile-image-width);","{--square-tile-image-width:76px;}"],(e=>{let{theme:t}=e;return t.color.lightGray2}),(e=>{let{theme:t}=e;return t.borderRadiusSmall}),(e=>{let{theme:t}=e;return t.mediaQuery.desktop}))})),Oe=(0,l.default)(a.E.div).withConfig({componentId:"sc-1bg06jw-1"})(["--square-tile-image-width:72px;display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:",";border-radius:",";border:",";gap:4px;margin-top:",";cursor:",";min-height:80px;","{--square-tile-image-width:76px;}"],(e=>{let{$isSelected:t,theme:i}=e;return t?"var(--theme-spacing-12)":i.pxToRem(13)}),(e=>{let{theme:t}=e;return t.borderRadius}),(e=>{let{$isSelected:t,theme:i}=e;return t?`${i.color.primary} 2px solid`:`${i.color.lightGray2} 1px solid`}),(e=>{let{theme:t,$hasTag:i}=e;return i?t.spacing[8]:0}),(e=>{let{$isStatic:t}=e;return t?"auto":"pointer"}),(e=>{let{theme:t}=e;return t.mediaQuery.desktop})),Qe=(0,l.default)(a.E.div).withConfig({componentId:"sc-1bg06jw-2"})(["display:flex;right:1rem;top:-1rem;border-radius:",";padding:0.2rem 0.625rem;position:absolute;border:"," solid 4px;background:",";color:",";font-size:10px;font-weight:bold;","{font-size:var(--theme-font-size-captionMobile);}"],(e=>{let{theme:t}=e;return t.borderRadiusRound}),(e=>{let{theme:t}=e;return t.color.white}),(e=>{let{theme:t}=e;return t.color.primary}),(e=>{let{theme:t}=e;return t.color.white}),(e=>{let{theme:t}=e;return t.mediaQuery.desktop})),Re=(0,l.default)(Qe).withConfig({componentId:"sc-1bg06jw-3"})(["background:",";"],(e=>{let{theme:t}=e;return t.color.darkGray4})),Te=(0,l.default)(a.E.div).withConfig({componentId:"sc-1bg06jw-4"})(["display:grid;grid-template-columns:minmax(77px,max-content) 1fr;gap:16px;width:100%;"," "," "," "," ",""],(e=>{let{$controllers:t}=e;return t&&(0,l.css)(["grid-template-columns:77px 1fr;"])}),(e=>{let{$storage:t}=e;return t&&(0,l.css)(["grid-template-columns:82px 1fr;"])}),(e=>{let{$portraitImage:t}=e;return t&&(0,l.css)(["grid-template-columns:48px 1fr;"])}),(e=>{let{$squareImage:t}=e;return t&&(0,l.css)(["grid-template-columns:minmax(var(--square-tile-image-width),max-content) 1fr;"])}),(e=>{let{$itemLimitReached:t}=e;return t&&(0,l.css)(["opacity:0.6;"])})),Be=(0,l.default)(a.E.div).withConfig({componentId:"sc-1bg06jw-5"})(["display:flex;flex-direction:column;justify-content:space-between;gap:1rem;div:first-child{font-weight:bold;font-size:14px;","{font-size:var(--theme-font-size-titleDesktop);}}div:nth-child(2){font-size:12px;","{font-size:var(--theme-font-size-captionDesktop);}}"],(e=>{let{theme:t}=e;return t.mediaQuery.desktop}),(e=>{let{theme:t}=e;return t.mediaQuery.desktop})),De=(0,l.default)($e.I).withConfig({componentId:"sc-1bg06jw-6"})(["padding:0;font-weight:bold;font-size:12px;cursor:pointer;border-width:0;","{font-size:var(--theme-font-size-captionDesktop);}"],(e=>{let{theme:t}=e;return t.mediaQuery.desktop})),qe=(0,l.default)(a.E.div).withConfig({componentId:"sc-1bg06jw-7"})(["z-index:0;p,li{font-size:12px;","{font-size:var(--theme-font-size-captionDesktop);}}p{min-height:0;}ul{margin:0;padding:0 0 0 16px;li{margin-bottom:4px;}}"],(e=>{let{theme:t}=e;return t.mediaQuery.desktop})),Ee=(0,l.default)(a.E.div).withConfig({componentId:"sc-1bg06jw-8"})(["z-index:0;"]),_e=(0,l.default)(f.Ho).withConfig({componentId:"sc-1bg06jw-9"})(["margin:0;ul{margin:0;}"]),Me=l.default.div.withConfig({componentId:"sc-1bg06jw-10"})(["-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;"]);var Le=i(59124),Ne=i(1505);const He={open:{opacity:1,transition:{duration:.25,delay:.15}},closed:{opacity:0,transition:{duration:.25,delay:.1}}},Ze={open:{height:"auto",marginTop:8,transition:{duration:.25,delay:.1}},closed:{height:0,marginTop:0,transition:{duration:.25,delay:.15}}};var Ae=e=>{let{isSelected:t,productName:i,price:r,priceText:a,tag:o,assetUrl:s,portraitImage:d,controllers:l,storage:m,productDescription:u,squareImage:h,onClick:g,onSeeMoreClick:f,children:x,isStatic:y,itemLimitReached:v}=e;const{0:b,1:w}=(0,n.useState)(!1),{text:j}=(0,c.useLocalizer)();return(0,H.jsxs)(Oe,{tabIndex:y||v?-1:0,onClick:y||v?null:g,onKeyDown:e=>{v||"Enter"!==e.key&&"Space"!==e.code||(e.preventDefault(),g())},role:y?null:"option","aria-selected":y?null:t,"aria-label":`${i} - ${r}`,$isSelected:t,$isStatic:y||v,$hasTag:o,children:[(0,H.jsxs)(Te,{$squareImage:h,$itemLimitReached:v,$portraitImage:d,$controllers:l,$storage:m,children:[(0,H.jsx)(Pe,{$squareImage:h,children:(0,H.jsx)(p.I,{lazyLoad:!0,alt:"",assetPath:s})}),(0,H.jsxs)(Be,{children:[(0,H.jsx)(Me,{title:i,children:i}),(0,H.jsxs)("div",{children:[a,r]})]})]}),o&&!v&&(0,H.jsx)(Qe,{children:o}),v&&(0,H.jsx)(Re,{children:j("Item limit reached")}),u&&(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(Ee,{variants:Ze,initial:"closed",animate:b?"open":"closed","aria-hidden":!b,children:(0,H.jsx)(qe,{initial:"closed",animate:b?"open":"closed",variants:He,id:`${i} Details`,children:(0,H.jsx)(_e,{data:u})})}),(0,H.jsx)(De,{"aria-controls":`${i} Details`,"aria-expanded":b,icon:b?Le.Z:Ne.Z,onClick:e=>{e.stopPropagation(),f&&f(b),w((e=>!e))},children:j(b?"Less info":"More info")})]}),x]})},Ge=i(82269),Ye=i(96998),Ve=i(26257);const Ke=l.default.div.withConfig({componentId:"sc-1d9zgzn-0"})(["display:flex;flex-direction:column;justify-content:center;font-size:12px;padding-top:8px;margin-top:0.5em;> div:first-child{display:flex;flex-direction:column;}","{font-size:var(--theme-font-size-captionDesktop);}width:100%;"],(e=>{let{theme:t}=e;return t.mediaQuery.desktop})),Xe=l.default.div.withConfig({componentId:"sc-1d9zgzn-1"})(["border-top:"," solid 1px;display:flex;flex-direction:row;"],(e=>{let{theme:t}=e;return t.color.lightGray2})),Fe=l.default.div.withConfig({componentId:"sc-1d9zgzn-2"})(["display:flex;padding:8px 0;flex-direction:",";justify-items:center;gap:var(--theme-spacing-12);"],(e=>{let{$flexDirection:t}=e;return t})),Ue=l.default.strong.withConfig({componentId:"sc-1d9zgzn-3"})(["font-size:12px;","{font-size:var(--theme-font-size-captionDesktop);}"],(e=>{let{theme:t}=e;return t.mediaQuery.desktop})),We=(0,l.default)(Ye.L).withConfig({componentId:"sc-1d9zgzn-4"})(["display:flex;"," span{font-size:12px;","{font-size:var(--theme-font-size-captionDesktop);}}"],(e=>{let{$modifyButton:t}=e;return t&&"margin: 16px auto 0px auto;"}),(e=>{let{theme:t}=e;return t.mediaQuery.desktop})),Je=(0,l.default)(Ve.E).withConfig({componentId:"sc-1d9zgzn-5"})(["padding:8px 0;div{font-size:10px;","{font-size:var(--theme-font-size-captionDesktop);}}"],(e=>{let{theme:t}=e;return t.mediaQuery.desktop})),et=(0,l.default)(v.T).withConfig({componentId:"sc-1d9zgzn-6"})(["padding:8px 0;font-size:10px;","{font-size:var(--theme-font-size-captionDesktop);}"],(e=>{let{theme:t}=e;return t.mediaQuery.desktop}));var tt=i(32687);const it=["esrbRating","esrbDescriptors","countryOfOrigin","legal","onChangeSystem","onRemove","hideModifyLink"];function rt(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,r)}return i}function nt(e){for(var t=1;t{let{esrbRating:t,esrbDescriptors:i,countryOfOrigin:r,legal:a,onChangeSystem:o,onRemove:s,hideModifyLink:d}=e,l=(0,Ge.Z)(e,it);const{text:m}=(0,c.useLocalizer)(),u=(0,n.useCallback)((e=>i?.filter((t=>t.type===e)).map((e=>{let{label:t}=e;return t})).join(", ")),[i]);return(0,H.jsx)(Ae,nt(nt({},l),{},{isStatic:!0,children:(0,H.jsxs)(Ke,{children:[t&&(0,H.jsx)(Xe,{children:(0,H.jsx)(Je,{rating:t,descriptors:u("CONTENT_DESCRIPTOR"),interactiveElements:u("INTERACTIVE_ELEMENT")})}),a&&(0,H.jsx)(Xe,{children:(0,H.jsx)(et,{variant:"legal",children:a})}),r&&(0,H.jsx)(Xe,{children:(0,H.jsxs)(Fe,{children:[(0,H.jsx)(tt.Z,{size:12}),(0,H.jsxs)("div",{children:[(0,H.jsx)(Ue,{children:`${m("Country of origin")}: `}),m(r)]})]})}),(0,H.jsx)(Xe,{children:!d&&(0,H.jsx)(We,{$modifyButton:!0,onClick:o||s,children:m(o?"Change system and start over":"Remove")})})]})}))};const ot={visible:{x:0},hidden:e=>({x:e?"-110%":"100%"}),exit:e=>({x:e?"100%":"-110%"})},st=(0,l.default)(a.E.div).attrs((e=>{let{$prevClicked:t}=e;return{initial:"hidden",animate:"visible",exit:"exit",custom:t,variants:ot,transition:{type:"spring",bounce:.1}}})).withConfig({componentId:"sc-13sgf3e-0"})([""]),dt=l.default.div.withConfig({componentId:"sc-13sgf3e-1"})(["display:grid;gap:",";","{grid-template-columns:1fr 1fr;gap:var(--theme-spacing-16);}","{gap:var(--theme-spacing-20);grid-template-columns:1fr;}"],(e=>{let{$gap:t}=e;return t?"var(--theme-spacing-20)":"var(--theme-spacing-12)"}),(e=>{let{theme:t}=e;return t.mediaQuery.tablet}),(e=>{let{theme:t}=e;return t.mediaQuery.desktop})),lt=l.default.span.withConfig({componentId:"sc-13sgf3e-2"})(["font-size:",";","{font-size:var(--theme-font-size-titleDesktop);}"],(e=>{let{theme:t}=e;return t.pxToRem(14)}),(e=>{let{theme:t}=e;return t.mediaQuery.desktop})),ct=l.default.div.withConfig({componentId:"sc-13sgf3e-3"})(["display:flex;align-content:center;font-size:var(--theme-font-size-legalDesktop);gap:var(--theme-spacing-8);flex-direction:row;","{font-size:var(--theme-font-size-legalDesktop);}"],(e=>{let{theme:t}=e;return t.mediaQuery.desktop})),mt=(0,l.default)(Ye.L).withConfig({componentId:"sc-13sgf3e-4"})(["display:flex;span{font-size:var(--theme-font-size-legalDesktop);}"]),ut=l.default.div.withConfig({componentId:"sc-13sgf3e-5"})(["","{max-height:",";overflow-y:auto;padding:var(--theme-spacing-16) var(--theme-spacing-16) var(--theme-spacing-96);}","{padding-bottom:var(--theme-spacing-8);}"],(e=>{let{theme:t}=e;return t.mediaQuery.desktop}),(e=>{let{theme:t}=e;return t.pxToRem(484)}),(e=>{let{theme:t}=e;return t.mediaQuery.desktopLarge})),pt=(0,l.default)(ut).withConfig({componentId:"sc-13sgf3e-6"})(["","{border:1px solid var(--theme-color-lightGray2);border-radius:var(--theme-borderRadius);}"],(e=>{let{theme:t}=e;return t.mediaQuery.desktop})),ht=l.default.div.withConfig({componentId:"sc-13sgf3e-7"})(["padding-bottom:var(--theme-spacing-16);","{display:grid;padding:var(--theme-spacing-24) var(--theme-spacing-16);text-align:center;gap:var(--theme-spacing-8);align-items:center;}"],(e=>{let{theme:t}=e;return t.mediaQuery.desktop})),gt=l.default.div.withConfig({componentId:"sc-13sgf3e-8"})(["display:flex;align-items:center;justify-content:center;gap:var(--theme-spacing-20);background-color:var(--theme-color-primary);color:var(--theme-color-white);margin-bottom:var(--theme-spacing-16);border-radius:var(--theme-borderRadius);font-size:var(--theme-font-size-bodyMobile);padding:var(--theme-spacing-16);svg{width:46px;}h1{font-size:var(--theme-font-size-h1SMobile);}","{font-size:var(--theme-font-size-bodyDesktop);h1{font-size:var(--theme-font-size-h1SDesktop);}svg{width:52px;}}"],(e=>{let{theme:t}=e;return t.mediaQuery.desktop})),ft=l.default.div.withConfig({componentId:"sc-13sgf3e-9"})(["display:flex;border-radius:100%;background-color:var(--theme-color-white);padding:var(--theme-spacing-16);svg{color:var(--theme-color-primary);}"]),xt=l.default.div.withConfig({componentId:"sc-13sgf3e-10"})(["margin-bottom:var(--theme-spacing-24);margin-top:",";p{margin:0;font-size:var(--theme-font-size-legalMobile);","{font-size:var(--theme-font-size-legalDesktop);}}"],(e=>{let{$topMargin:t}=e;return t??"var(--theme-spacing-16)"}),(e=>{let{theme:t}=e;return t.mediaQuery.desktop})),yt=l.default.div.withConfig({componentId:"sc-13sgf3e-11"})(["display:grid;grid-template-columns:1fr;gap:var(--theme-spacing-20);margin-top:var(--theme-spacing-20);","{padding:0 var(--theme-spacing-16);grid-template-columns:1fr;}"],(e=>{let{theme:t}=e;return t.mediaQuery.desktop}));var vt=e=>{let{systemsPage:t,summaryPage:i}=e;const{state:{allCategories:r,basket:a,basePriceBySystem:o,currentCategory:s,currentCategoryIdx:l,isSummary:u,isSystemSelect:p,productsBySku:h,systemSkus:g,isPreBuiltSet:y,selectedSystemSku:v,prevClicked:b},actions:{changeSystem:w,removeProduct:j,selectEdition:k,selectProduct:S,selectSystem:I}}=(0,x.bI)(),C=(0,c.useCart)(),{price:z,text:$}=(0,c.useLocalizer)(),P=p?g:s?.products?.map((e=>{let{sku:t}=e;return t})),O=p?t?.disclaimer:s?.disclaimer,{trackCtaClick:Q,trackViewItem:R,trackStepView:T}=(0,c.useAnalytics)();return(0,n.useEffect)((()=>{P?.forEach((e=>{const t=h[e];t&&R(t)}))}),[h,P,R]),(0,n.useEffect)((()=>{if(r?.length){T(`step ${p?1:l+2} / step ${r?.length+1}`)}}),[r?.length,l,p,u,T]),(0,H.jsxs)(d.M,{mode:"popLayout",custom:b,children:[p&&(0,H.jsxs)(st,{$prevClicked:b,children:[(0,H.jsx)(Ce(),{children:(0,H.jsx)("title",{children:`${$("Systems")} - ${$("Build your own Nintendo Switch bundle")}`})}),(0,H.jsxs)(ht,{children:[(0,H.jsx)(m.H,{tabIndex:"-1",children:t.heading}),(0,H.jsx)(lt,{children:t.description})]}),(0,H.jsxs)(ut,{children:[(0,H.jsx)(dt,{role:"listbox",children:g.map(((e,i)=>(0,H.jsx)(Ae,{onClick:()=>I(e),isSelected:v===e,productName:h?.[e]?.name,productDescription:t.systemOptions[i]?.description,price:`${$("Starting at")} ${z(o[e])}`,assetUrl:(0,xe.R6)({publicId:h[e]?.customTileImage?.fields?.primary?.[0]?.public_id||h[e]?.productImage?.publicId}),onSeeMoreClick:t=>{Q(t?"See less":"See more",`Systems - ${h?.[e]?.name}`)}},e)))}),O&&(0,H.jsx)(xt,{children:(0,H.jsx)(f.Ho,{data:O})})]})]}),!u&&!p&&(0,H.jsxs)(st,{$prevClicked:b,children:[(0,H.jsx)(Ce(),{children:(0,H.jsx)("title",{children:`${$(`${s?.pageTitle}`)} -\n ${$("Build your own Nintendo Switch bundle")}`})}),(0,H.jsxs)(ht,{children:[(0,H.jsx)(m.H,{tabIndex:"-1",children:s?.heading}),(0,H.jsx)(lt,{children:s?.description})]}),(0,H.jsxs)(ut,{children:[(0,H.jsx)(dt,{role:"listbox",$gap:h[P?.[0]]?.tag,children:P?.filter((e=>{const t=h?.[e];return t&&t.isSalableQty}))?.map((e=>(0,H.jsx)(Ae,{productName:h[e]?.name,price:z(h[e]?.prices?.minimum?.finalPrice),tag:h[e]?.tag,squareImage:s.useSquareImages,portraitImage:s.title?.toLowerCase().includes("eshop cards"),controllers:s.title?.toLowerCase().includes("controllers"),storage:s.title?.toLowerCase().includes("storage"),assetUrl:(0,xe.R6)({publicId:h[e]?.customTileImage?.fields?.primary?.[0]?.public_id||h[e]?.productImage?.publicId}),onClick:()=>{0===l?k(e):(e=>{a.includes(e)?j(e):S(e)})(e)},isSelected:a.includes(e)&&C.addableQty(h?.[e])>0,itemLimitReached:0===C.addableQty(h?.[e])},e)))}),O&&(0,H.jsx)(xt,{children:(0,H.jsx)(f.Ho,{data:O})})]})]},l),u&&(0,H.jsxs)(st,{$prevClicked:!!b,children:[(0,H.jsx)(Ce(),{children:(0,H.jsx)("title",{children:`${$("Review")} - ${$("Build your own Nintendo Switch bundle")}`})}),(0,H.jsxs)(gt,{children:[(0,H.jsx)(ft,{children:(0,H.jsx)(ze.Z,{})}),(0,H.jsxs)("div",{children:[(0,H.jsx)(m.H,{tabIndex:"-1",children:i.heading}),(0,H.jsx)("span",{children:i.description})]})]}),(0,H.jsxs)(pt,{children:[(0,H.jsx)(dt,{$gap:!0,children:a.map((e=>{const t=h[e],i=t?.name?.toLowerCase()?.includes("eshop card"),r="Games"===t?.categories[0]&&!i,n=t?.name?.includes("microSD"),a=t?.categories[1]?.includes("controllers");return(0,H.jsx)(at,{assetUrl:(0,xe.R6)({publicId:t?.customTileImage?.fields?.primary?.[0]?.public_id||t?.productImage?.publicId}),squareImage:r,controllers:a,storage:n,portraitImage:i,productName:t?.name,tag:t?.tag,price:z(t?.prices?.minimum?.finalPrice),onChangeSystem:"Nintendo Switch systems"===t?.categories[1]?()=>{Q("Change system and start over","Review"),w()}:null,onRemove:()=>{Q(`Remove - ${t?.name}`,"Review"),j(e)},hideModifyLink:y,countryOfOrigin:t?.countryOfOrigin,displayProp65:t?.displayProp65,esrbDescriptors:t?.contentDescriptors,esrbRating:t?.contentRating?.code},e)}))}),(0,H.jsxs)(yt,{children:[a.some((e=>h?.[e]?.displayProp65))&&(0,H.jsxs)("div",{children:[(0,H.jsxs)(ct,{children:[(0,H.jsx)(ae.Z,{size:12}),(0,H.jsxs)("div",{children:[(0,H.jsx)("strong",{children:$(`${$("Warning:")} `)}),$("Cancer and reproductive harm.")]})]}),(0,H.jsx)(mt,{href:"https://www.p65warnings.ca.gov/",children:"p65warnings.ca.gov"})]}),i?.disclaimer&&(0,H.jsx)(xt,{$topMargin:"0px",children:(0,H.jsx)(f.Ho,{data:i?.disclaimer})})]})]})]})]})},bt=i(19550);const wt=l.default.div.withConfig({componentId:"sc-c9k7x5-0"})(["width:100%;height:100%;background:var(--theme-color-lightGray4);box-shadow:0 4px 8px 0 rgba(0,0,0,0.1);border-radius:var(--theme-borderRadiusRound) var(--theme-borderRadiusRound) 0 0;border:1px solid var(--theme-color-lightGray3);padding:var(--theme-spacing-8) var(--theme-spacing-16);"]),jt="step-navigation-drawer";var kt=e=>{let{onNext:t,onPrevious:i}=e;const{actions:{addOrUpdateDrawer:r,closeDrawer:a,openDrawer:o}}=(0,bt.eV)(),{state:{allCategories:s,canProceed:d,currentCategoryIdx:l,isAddingToCart:c,isSummary:m,isSystemSelect:u,selectedSystemSku:p,basket:h},actions:{addToCart:g}}=(0,x.bI)(),f=(0,n.useRef)(),y=(0,n.useMemo)((()=>({id:jt,drawer:{height:"90px",content:(0,H.jsx)(wt,{children:(0,H.jsx)(ie,{canProceed:d,activeStep:u?1:l+2,numberOfSteps:p?s?.length+1:0,isSummaryStep:m,onNext:t,onPrevious:i,cartLoading:c,addToCart:()=>g(h)})})}})),[s?.length,d,l,i,t,m,u,p,g,h,c]);return(0,n.useEffect)((()=>{r(y.id,y.drawer)}),[r,y]),(0,n.useEffect)((()=>(o(jt),()=>a(jt))),[o,a]),(0,H.jsx)("div",{"data-drawer-id":jt,ref:f})};const St=(0,l.default)(f.$0).attrs({constrained:!0,marginTop:16,marginBottom:0,constrainedMaxWidth:"1144px"}).withConfig({componentId:"sc-15m9rq7-0"})([""]),It=(0,l.default)(St).attrs({marginBottom:16}).withConfig({componentId:"sc-15m9rq7-1"})(["max-height:calc(100% - 96px);display:grid;overflow:hidden;","{height:100%;margin-top:var(--theme-spacing-48);margin-bottom:var(--theme-spacing-48);> div{display:grid;grid-template-columns:1fr ",";justify-items:stretch;gap:var(--theme-spacing-32);}}"],(e=>{let{theme:t}=e;return t.mediaQuery.desktop}),(e=>{let{theme:t}=e;return t.pxToRem(437)})),Ct=l.default.div.withConfig({componentId:"sc-15m9rq7-2"})(["display:flex;align-items:center;border-radius:",";background:",";margin-bottom:",";width:100%;min-height:",";","{aspect-ratio:1;justify-content:center;max-height:",";margin-bottom:0;}"],(e=>{let{theme:t}=e;return t.borderRadius}),(e=>{let{$isPreBuiltSet:t}=e;return t?"#eee":"transparent"}),(e=>{let{theme:t}=e;return t.spacing[16]}),(e=>{let{theme:t}=e;return t.pxToRem(230)}),(e=>{let{theme:t}=e;return t.mediaQuery.desktop}),(e=>{let{theme:t}=e;return t.pxToRem(703)})),zt=l.default.div.withConfig({componentId:"sc-15m9rq7-3"})(["display:grid;overflow:hidden;gap:var(--theme-spacing-16);","{max-height:",";position:relative;gap:0;",";}"],(e=>{let{theme:t}=e;return t.mediaQuery.desktop}),(e=>{let{theme:t}=e;return t.pxToRem(703)}),(e=>{let{$isSummary:t}=e;return!t&&(0,l.css)(["border:1px solid var(--theme-color-lightGray2);border-radius:var(--theme-borderRadius);"])})),$t=l.default.div.withConfig({componentId:"sc-15m9rq7-4"})(["position:absolute;bottom:0;width:100%;background:white;padding:var(--theme-spacing-24) 0;z-index:5;",""],(e=>{let{$isSummary:t}=e;return t&&(0,l.css)(["border:1px solid var(--theme-color-lightGray2);border-top:0;border-radius:0 0 16px 16px;"])}));l.default.div.withConfig({componentId:"sc-15m9rq7-5"})(["margin-bottom:var(--theme-spacing-16);p{margin:0;font-size:var(--theme-font-size-legalMobile);","{font-size:var(--theme-font-size-legalDesktop);}}"],(e=>{let{theme:t}=e;return t.mediaQuery.desktop}));var Pt=e=>{const{systemsPage:t,summaryPage:i,$canvasBackgroundImage:r}=e,{state:{allCategories:a,basket:o,basePriceBySystem:s,canvasAnimationState:d,canProceed:l,currentCategory:m,currentCategoryIdx:u,isAddingToCart:p,isPreBuiltSet:f,isSummary:y,isSystemSelect:v,preselectedSkus:b,productsBySku:w,selectedPreBuiltSet:j,selectedSystemSku:k,showOOSModal:S,showErrorBanner:I,systemSkus:C,totalBasketPrice:z},actions:{goToNextStep:$,goToPrevStep:P,addToCart:O}}=(0,x.bI)(),{price:Q,text:R}=(0,c.useLocalizer)(),T=v?C:f?[]:(m?.products||[]).map((e=>{let{sku:t}=e;return t}));(0,n.useEffect)((()=>{window.scrollTo(0,0)}),[]);const B=()=>{window.scrollTo(0,0),setTimeout((()=>{document.querySelectorAll("h1")?.[1]?.focus()}),300)},D=()=>{B(),$()},q=()=>{B(),P()},E=[...new Set([k,...o,...T,...b])],_=(0,g.Z)(g.o.DESKTOP);return(0,H.jsxs)(H.Fragment,{children:[I&&(0,H.jsx)(St,{children:(0,H.jsx)(re.N,{type:"error",role:"alert",children:R("Something went wrong. Please try again.")})}),(0,H.jsxs)(It,{children:[(0,H.jsx)(Ct,{$isPreBuiltSet:f,children:f?(0,H.jsx)(h.R,{alt:j.coverImage?.alt,desktopMargin:!1,primary:j.coverImage?.primary?.[0]?.public_id,secondary:j.coverImage?.secondary?.[0]?.public_id,layoutSwitch:1025}):(0,H.jsx)(Se,{label:`Your set so far: ${o.map((e=>w[e]?.name))}`,$canvasBackgroundImage:r?.primary?.[0]?.url,$canvasBackgroundImageMobile:r?.secondary?.[0]?.url,animationState:d,animatedImages:E.map((e=>({image:w[e]?.animatedImage,isVisible:o.includes(e)}))),selectedSystemSku:k,includePrefix:v&&!!k,totalFormattedPrice:Q(v||!o?.length?s?.[k]||null:z)})}),(0,H.jsxs)(zt,{$isSummary:y,children:[(0,H.jsx)(vt,{systemsPage:t,selectableSkus:T,summaryPage:i}),_&&(0,H.jsx)($t,{$isSummary:y,children:(0,H.jsx)(ie,{canProceed:l,activeStep:v?1:u+2,numberOfSteps:k?a?.length+1:0,isSummaryStep:y,onNext:D,onPrevious:q,cartLoading:p,addToCart:()=>O(o)})})]}),!_&&(0,H.jsx)(kt,{onNext:D,onPrevious:q})]}),(0,H.jsx)(ue,{visible:S})]})};function Ot(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,r)}return i}function Qt(e){for(var t=1;t(0,H.jsx)(a.E.div,Qt({initial:"hide",animate:"show",exit:"hide",variants:{show:{opacity:1,transition:{duration:.3}},hide:{opacity:0,transition:{duration:.3}}}},e));var Tt=!0,Bt=function(e){const{canvasBackgroundImage:t,categoriesBySystemSku:i,preBuiltSets:r,productsBySku:n,landingPage:a,systemsPage:l,summaryPage:c}=e;return(0,H.jsx)(x.KX,{productsBySku:n,categoriesBySystem:i,systemSkus:l.systemOptions.map((e=>{let{sku:t}=e;return t})),children:e=>{let{state:i}=e;return(0,H.jsx)(o.X,{features:s.H,children:(0,H.jsx)(d.M,{mode:"wait",children:i.isLandingPage?(0,H.jsx)(Rt,{initial:!1,children:(0,H.jsx)(G,Qt(Qt({},a),{},{preBuiltSets:r}))},"landing page"):(0,H.jsx)(Rt,{children:(0,H.jsx)(Pt,{currentStep:i.currentStep,systemsPage:l,summaryPage:c,$canvasBackgroundImage:t})},"product select")})})}})}},68430:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/build-your-own-system-bundle",function(){return i(46017)}])}},function(e){e.O(0,[2868,9774,2888,179],(function(){return t=68430,e(e.s=t);var t}));var t=e.O();_N_E=t}]); //# sourceMappingURL=build-your-own-system-bundle-1e1cb8ca08fb3e59.js.map