!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]="146a835c-87bf-417c-9c05-27d1e68e3c54",e._sentryDebugIdIdentifier="sentry-dbid-146a835c-87bf-417c-9c05-27d1e68e3c54")}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 Rt},default:function(){return Qt}});var r=i(95235),n=i(2784),o=i(92868),a=i(35463),s=i(9311),d=i(65239),c=i(82731),l=i(13610),m=i(27851),p=i(83290),u=i(75803),h=i(36724),g=i(83533),x=i(38949),f=i(97795),y=i(38598),v=i(79351),b=i(75260),w=i(85405);const j=(0,c.ZP)(x.$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,c.ZP)(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,c.ZP)(u.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})),P=c.ZP.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]})),I=(0,c.ZP)(o.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})),C=c.ZP.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]})),z=(0,c.ZP)(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]})),$=c.ZP.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}')`})),Z=c.ZP.div.withConfig({componentId:"sc-lqno8q-8"})(["position:absolute;top:0%;height:100%;z-index:0;width:100%;"]),O=(0,c.ZP)(h.R).withConfig({componentId:"sc-lqno8q-9"})(["z-index:10;"]),R=(0,c.ZP)($).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})),Q=c.ZP.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}),$),B=(0,c.ZP)(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=c.ZP.section.withConfig({componentId:"sc-lqno8q-13"})(["","{margin-bottom:",";}","{","{margin-bottom:",";}}"],$,(e=>{let{theme:t}=e;return t.spacing[12]}),(e=>{let{theme:t}=e;return t.mediaQuery.desktop}),$,(e=>{let{theme:t}=e;return t.spacing[20]})),q=c.ZP.div.withConfig({componentId:"sc-lqno8q-14"})(["width:100%;","{display:flex;gap:20px;}"],(e=>{let{theme:t}=e;return t.mediaQuery.desktop})),T=c.ZP.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;}}"],(e=>{let{theme:t}=e;return t.spacing[20]}),(e=>{let{theme:t}=e;return t.mediaQuery.desktop}),Z),E=(0,c.ZP)(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})),_=(0,c.ZP)(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})),M=c.ZP.div.withConfig({componentId:"sc-lqno8q-18"})(["p{margin:0;font-size:var(--theme-font-size-legalMobile);}"]),L=(0,c.ZP)(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 N=i(52322);const H={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:a,dividerImage:s,headingImage:d,customSetHeading:v,preBuiltSetHeading:b,decorativeIcons:w,preBuiltSets:G,subHeading:Y}=e,F=(0,c.Fg)(),{price:V}=(0,l.useLocalizer)(),{state:{productsBySku:K},actions:{selectPreBuiltSet:X,selectBuildYourOwn:U}}=(0,f.bI)(),W=(0,g.Z)(g.o.DESKTOP),J=(0,n.useRef)(),{primary:ee,secondary:te}=i,ie=e=>e.skus.every((e=>K[e]?.isSalableQty)),re=G.some(ie);return(0,N.jsxs)(j,{$mobileBg:t?.primary?.[0]?.url,$desktopBg:t?.secondary?.[0]?.url,backgroundTiled:!0,children:[(0,N.jsxs)(P,{children:[(0,N.jsxs)(m.H,{children:[(0,N.jsx)(p.S,{children:d?.alt}),(0,N.jsx)(S,{alt:"",assetPath:d.primary?.[0]?.url})]}),(0,N.jsx)(k,{children:Y}),(0,N.jsx)(o.E.div,{initial:{opacity:0},animate:{opacity:[0,.5,1]},transition:H,children:w?.map(((e,t)=>(0,N.jsx)(I,{variants:A,initial:"hidden",animate:"visible",style:{willChange:"auto"},transition:H,custom:t,children:(0,N.jsx)(u.I,{alt:"",role:"presentation",assetPath:e.public_id,lazyLoad:!1})},t)))})]}),(0,N.jsx)(L,{width:s?221:void 0,height:s?38:1,color:F.colors.ui.line,variant:s?"stretch":"line",imgSrc:s?.primary?.[0]?.public_id}),(0,N.jsxs)(m.H.NewLevel,{children:[(0,N.jsxs)(C,{children:[(0,N.jsx)(z,{id:"custom-set-heading",children:v}),(0,N.jsx)(Q,{children:(0,N.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,N.jsx)(h.R,{layoutSwitch:1025,alt:i?.alt,desktopMargin:!1,primary:ee?.[0]?.public_id,secondary:te?.[0]?.public_id,lazyLoad:!1}):(0,N.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,N.jsxs)(D,{children:[(0,N.jsx)(z,{children:b}),(0,N.jsx)(m.H.NewLevel,{children:(0,N.jsx)(q,{children:G.filter(ie).map(((e,t)=>{const i=(0,y.p)(K,e.skus);return(0,N.jsxs)(T,{children:[(0,N.jsxs)($,{"aria-labelledby":`set-title-${t}`,onClick:()=>X(e),$mobilePreBuiltBg:e?.background?.primary?.[0]?.url,$desktopPreBuiltBg:e?.background?.secondary?.[0]?.url,children:[(0,N.jsx)(Z,{}),(0,N.jsx)(O,{alt:e.coverImage?.alt,primary:e.coverImage?.primary?.[0]?.public_id,secondary:e.coverImage?.secondary?.[0]?.public_id,layoutSwitch:1025,fullWidth:!0})]}),(0,N.jsx)(_,{id:`set-title-${t}`,children:e.title}),(0,N.jsx)(E,{children:V(i)})]},e.title)}))})})]})]}),(0,N.jsx)(M,{children:(0,N.jsx)(x.Ho,{data:a})})]})},Y=i(43499),F=i(1205),V=i(51855),K=i(29278);const X=(0,c.ZP)(o.E.div).withConfig({componentId:"sc-1uuxj5p-0"})(["display:flex;align-items:center;justify-content:center;flex:1;min-width:20px;"]),U=c.ZP.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,c.ZP)(o.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,c.ZP)(K.B).withConfig({componentId:"sc-1uuxj5p-3"})(["width:100%;@media (--theme-mediaQuery-tabletSmall){width:100%;}"]),ee=c.ZP.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(81265);var ie=e=>{const{canProceed:t,numberOfSteps:i,onNext:r,onPrevious:n,isSummaryStep:a,addToCart:s,cartLoading:d}=e,m=(0,c.Fg)(),{text:p}=(0,l.useLocalizer)(),u=e.activeStep>i?i:e.activeStep<1?1:e.activeStep,h=0===i||a,x={active:{width:m.spacing[36],background:m.color.primary},inactive:{width:m.spacing[8],background:m.colors.button.background.ghost}},f=(0,g.Z)(g.o.DESKTOP),y={expand:{width:"100%"},contract:{width:f?"auto":"76px"}};return(0,N.jsxs)(U,{$hideSteps:h,children:[(0,N.jsx)(o.E.div,{initial:"expand",variants:y,animate:h?"expand":"contract",transition:{type:"spring",duration:.5},children:(0,N.jsx)(J,{disabled:d,round:!0,size:"small",variant:"secondary","aria-label":p("Back"),onClick:n,children:f?(0,N.jsxs)(ee,{children:[(0,N.jsx)(Y.Z,{size:20}),(0,N.jsx)("div",{children:p("Back")})]}):(0,N.jsx)(N.Fragment,{children:a?`${p("Back")}`:(0,N.jsx)(Y.Z,{alt:p("back"),size:20})})})}),(0,N.jsx)(X,{"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&&p(`Step ${u} of ${i}`),children:new Array(i).fill().map(((e,t)=>{const i=u===t+1;return(0,N.jsx)(W,{"aria-current":!!i&&"step",initial:"inactive",animate:i?"active":"inactive",variants:x,transition:{duration:.5,type:"spring"}},t)}))}),(0,N.jsx)(o.E.div,{initial:"expand",variants:y,animate:h?"expand":"contract",transition:{type:"spring",duration:.5},children:(0,N.jsx)(J,{disabled:!t,round:!0,size:"small",variant:"primary","aria-label":p(a?"Add to cart":"Next"),onClick:a?s:r,children:a?d?(0,N.jsx)(te.L,{}):(0,N.jsxs)(ee,{children:[(0,N.jsx)("div",{children:p("Add to cart")}),f&&(0,N.jsx)(F.Z,{size:20})]}):f?(0,N.jsxs)(ee,{children:[(0,N.jsx)("div",{children:""+(p("Next")+" ")}),(0,N.jsx)(V.Z,{size:20})]}):(0,N.jsx)(V.Z,{alt:p("Next"),size:20})})})]})},re=i(12968),ne=i(13580),oe=i(77064);const ae=c.ZP.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=c.ZP.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,c.iv)(["display:grid;grid-template-columns:1fr 1fr;column-gap:1rem;width:auto;"])})),de=(0,c.ZP)(K.B).withConfig({componentId:"sc-v2i337-2"})(["padding:0 1rem;"]),ce=(0,c.ZP)(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})),le=(0,c.ZP)(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,c.ZP)(le).attrs({as:"strong"}).withConfig({componentId:"sc-v2i337-5"})(["display:block;margin:0;"]);var pe=e=>{const{visible:t}=e,{state:{basket:i,outOfStockProducts:r,selectedSystemEditionSku:n},actions:{addToCart:o,closeOOSModal:a}}=(0,f.bI)(),{text:s}=(0,l.useLocalizer)(),d=r.map((e=>{let{name:t}=e;return t})),c=r.every((e=>{let{sku:t}=e;return t!==n}));return(0,N.jsxs)(ne.M,{visible:t,onClose:a,children:[(0,N.jsx)(ce,{children:s("Item sold out")}),(0,N.jsxs)(ae,{children:[(0,N.jsx)(oe.Z,{size:32}),(0,N.jsx)(le,{children:s(c?"One or more items have sold out and were removed from your set:":"One or more items have sold out:")}),d.map((e=>(0,N.jsx)(me,{children:e},e))),(0,N.jsx)(le,{children:s(c?"You can continue without the item(s) or go back to edit your set.":"Please change your system to continue.")}),(0,N.jsxs)(se,{$itemRemoved:c,children:[c&&(0,N.jsx)(de,{variant:"secondary",onClick:()=>{a(),o(i)},children:s("Continue")}),(0,N.jsx)(de,{onClick:a,children:s("Back")})]})]})]})},ue=i(65439),he=i(93556),ge=i(82665);i(22013),i(98087),i(93135),i(76454),i(79149);const xe=["xEnd","yEnd","assetWidth"];function fe(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 ye(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?fe(Object(i),!0).forEach((function(t){(0,r.Z)(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):fe(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}const ve=(0,c.ZP)(he.m.img).withConfig({componentId:"sc-gi3rpy-0"})(["position:absolute;height:auto;transform:translateX(-50%) translateY(-50%);pointer-events:none;z-index:",";width:",";"],(e=>{let{$zIndex:t}=e;return t||1}),(e=>{let{$widthPercentage:t}=e;return t?`${t}%`:"auto"}));var be=e=>{const{animatedImages:t,animationState:i}=e,r=(0,ge.JZ)(),n=(0,c.Fg)();return t?(0,N.jsx)(a.X,{features:s.H,children:(0,N.jsx)(d.M,{children:t.filter((e=>{let{image:t}=e;return!!t})).map((e=>{let{image:t,isVisible:o}=e;const{internalName:a,yStart:s,xStart:d,zIndex:c,type:l}=t||{},m=Array.isArray(t.asset)?t.asset[0]:t.asset,{xEnd:p,yEnd:u,assetWidth:h}=((e,t)=>xe.reduce(((i,r)=>{const n=e[r];return Array.isArray(n)?t===ue.a9.SYSTEM_AND_ANYTHING_ELSE?ye(ye({},i),{},{[r]:n[n.length-1]}):t===ue.a9.SYSTEM_ONLY?ye(ye({},i),{},{[r]:n[0]}):t===ue.a9.SYSTEM_AND_GAME?ye(ye({},i),{},{[r]:n[n.length%2]}):void 0:ye(ye({},i),{},{[r]:n})}),{}))(t,i),g={show:{top:`${u}%`,left:`${p}%`,width:`${h}%`,opacity:1},hide:ye({top:`${r?u:s}%`,left:`${r?p:d}%`,width:`${h}%`},r&&{opacity:0})};return(0,N.jsx)(ve,{initial:o?"show":"hide",animate:o?"show":"hide",exit:{top:`${r?u:s}%`,left:`${r?p:d}%`,width:`${h}%`},transition:n.animation.vertical[l],variants:g,id:a,src:(0,ge.R6)({publicId:m?.public_id}),alt:"",$widthPercentage:h,$zIndex:c},a)}))})}):null};const we=c.ZP.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});`})),je=(0,c.ZP)(o.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 ke=e=>{const{animatedImages:t,animationState:i,label:r,includePrefix:n,selectedSystemSku:o,totalFormattedPrice:a,$canvasBackgroundImage:s,$canvasBackgroundImageMobile:d}=e,m=(0,c.Fg)(),{text:u}=(0,l.useLocalizer)(),h=(0,g.Z)(g.o.DESKTOP),x=o?n?`${u("Starting at")} ${a}`:a:u("Choose your system"),f={noSystemSelected:{background:m.color.lightGray2,color:m.color.darkGray3},systemSelected:{background:m.color.primary,color:m.color.white}};return(0,N.jsxs)(we,{"aria-label":r,$canvasBackgroundImage:s,$canvasBackgroundImageMobile:d,children:[(0,N.jsxs)(je,{initial:"noSystemSelected",animate:o?"systemSelected":"noSystemSelected",variants:f,transition:{duration:.5,type:"spring"},children:[(0,N.jsx)(p.S,{children:(0,N.jsx)("span",{"aria-live":"polite",children:`${u("Subtotal")} ${a}`})}),x]}),(0,N.jsx)(be,{animationState:i,animatedImages:t.map((e=>{let{image:t,isVisible:i}=e;return{image:h?t?.desktop:t?.mobile,isVisible:i}}))})]})},Se=i(46533),Pe=i.n(Se),Ie=i(77682),Ce=i(81131);const ze=c.ZP.div.withConfig({componentId:"sc-1bg06jw-0"})(["overflow:hidden;width:100%;max-width:120px;align-content:center;",""],(e=>{let{$squareImage:t}=e;return t&&(0,c.iv)(["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}))})),$e=(0,c.ZP)(o.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})),Ze=(0,c.ZP)(o.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:",";","{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.font.weight.bold}),(e=>{let{theme:t}=e;return t.mediaQuery.desktop})),Oe=(0,c.ZP)(Ze).withConfig({componentId:"sc-1bg06jw-3"})(["background:",";"],(e=>{let{theme:t}=e;return t.color.darkGray4})),Re=(0,c.ZP)(o.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,c.iv)(["grid-template-columns:77px 1fr;"])}),(e=>{let{$storage:t}=e;return t&&(0,c.iv)(["grid-template-columns:82px 1fr;"])}),(e=>{let{$portraitImage:t}=e;return t&&(0,c.iv)(["grid-template-columns:48px 1fr;"])}),(e=>{let{$squareImage:t}=e;return t&&(0,c.iv)(["grid-template-columns:minmax(var(--square-tile-image-width),max-content) 1fr;"])}),(e=>{let{$itemLimitReached:t}=e;return t&&(0,c.iv)(["opacity:0.6;"])})),Qe=(0,c.ZP)(o.E.div).withConfig({componentId:"sc-1bg06jw-5"})(["display:flex;flex-direction:column;justify-content:space-between;gap:1rem;div:first-child{font-weight:",";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.font.weight.bold}),(e=>{let{theme:t}=e;return t.mediaQuery.desktop}),(e=>{let{theme:t}=e;return t.mediaQuery.desktop})),Be=(0,c.ZP)(Ce.I).withConfig({componentId:"sc-1bg06jw-6"})(["padding:0;font-weight:",";font-size:12px;cursor:pointer;border-width:0;","{font-size:var(--theme-font-size-captionDesktop);}"],(e=>{let{theme:t}=e;return t.font.weight.bold}),(e=>{let{theme:t}=e;return t.mediaQuery.desktop})),De=(0,c.ZP)(o.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})),qe=(0,c.ZP)(o.E.div).withConfig({componentId:"sc-1bg06jw-8"})(["z-index:0;"]),Te=(0,c.ZP)(x.Ho).withConfig({componentId:"sc-1bg06jw-9"})(["margin:0;ul{margin:0;}"]),Ee=c.ZP.div.withConfig({componentId:"sc-1bg06jw-10"})(["-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;"]);var _e=i(59124),Me=i(1505);const Le={open:{opacity:1,transition:{duration:.25,delay:.15}},closed:{opacity:0,transition:{duration:.25,delay:.1}}},Ne={open:{height:"auto",marginTop:8,transition:{duration:.25,delay:.1}},closed:{height:0,marginTop:0,transition:{duration:.25,delay:.15}}};var He=e=>{let{isSelected:t,productName:i,price:r,priceText:o,tag:a,assetUrl:s,portraitImage:d,controllers:c,storage:m,productDescription:p,squareImage:h,onClick:g,onSeeMoreClick:x,children:f,isStatic:y,itemLimitReached:v}=e;const{0:b,1:w}=(0,n.useState)(!1),{text:j}=(0,l.useLocalizer)();return(0,N.jsxs)($e,{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:a,children:[(0,N.jsxs)(Re,{$squareImage:h,$itemLimitReached:v,$portraitImage:d,$controllers:c,$storage:m,children:[(0,N.jsx)(ze,{$squareImage:h,children:(0,N.jsx)(u.I,{lazyLoad:!0,alt:"",assetPath:s})}),(0,N.jsxs)(Qe,{children:[(0,N.jsx)(Ee,{title:i,children:i}),(0,N.jsxs)("div",{children:[o,r]})]})]}),a&&!v&&(0,N.jsx)(Ze,{children:a}),v&&(0,N.jsx)(Oe,{children:j("Item limit reached")}),p&&(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(qe,{variants:Ne,initial:"closed",animate:b?"open":"closed","aria-hidden":!b,children:(0,N.jsx)(De,{initial:"closed",animate:b?"open":"closed",variants:Le,id:`${i} Details`,children:(0,N.jsx)(Te,{data:p})})}),(0,N.jsx)(Be,{"aria-controls":`${i} Details`,"aria-expanded":b,icon:b?_e.Z:Me.Z,onClick:e=>{e.stopPropagation(),x&&x(b),w((e=>!e))},children:j(b?"Less info":"More info")})]}),f]})},Ae=i(82269),Ge=i(53873),Ye=i(52248);const Fe=c.ZP.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})),Ve=c.ZP.div.withConfig({componentId:"sc-1d9zgzn-1"})(["border-top:"," solid 1px;display:flex;flex-direction:row;"],(e=>{let{theme:t}=e;return t.color.lightGray2})),Ke=c.ZP.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})),Xe=c.ZP.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})),Ue=(0,c.ZP)(Ge.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})),We=(0,c.ZP)(Ye.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})),Je=(0,c.ZP)(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 et=i(32687);const tt=["esrbRating","esrbDescriptors","countryOfOrigin","legal","onChangeSystem","onRemove","hideModifyLink"];function it(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 rt(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?it(Object(i),!0).forEach((function(t){(0,r.Z)(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):it(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}var nt=e=>{let{esrbRating:t,esrbDescriptors:i,countryOfOrigin:r,legal:o,onChangeSystem:a,onRemove:s,hideModifyLink:d}=e,c=(0,Ae.Z)(e,tt);const{text:m}=(0,l.useLocalizer)(),p=(0,n.useCallback)((e=>i?.filter((t=>t.type===e)).map((e=>{let{label:t}=e;return t})).join(", ")),[i]);return(0,N.jsx)(He,rt(rt({},c),{},{isStatic:!0,children:(0,N.jsxs)(Fe,{children:[t&&(0,N.jsx)(Ve,{children:(0,N.jsx)(We,{rating:t,descriptors:p("CONTENT_DESCRIPTOR"),interactiveElements:p("INTERACTIVE_ELEMENT")})}),o&&(0,N.jsx)(Ve,{children:(0,N.jsx)(Je,{variant:"legal",children:o})}),r&&(0,N.jsx)(Ve,{children:(0,N.jsxs)(Ke,{children:[(0,N.jsx)(et.Z,{size:12}),(0,N.jsxs)("div",{children:[(0,N.jsx)(Xe,{children:`${m("Country of origin")}: `}),m(r)]})]})}),(0,N.jsx)(Ve,{children:!d&&(0,N.jsx)(Ue,{$modifyButton:!0,onClick:a||s,children:m(a?"Change system and start over":"Remove")})})]})}))};const ot={visible:{x:0},hidden:e=>({x:e?"-110%":"100%"}),exit:e=>({x:e?"100%":"-110%"})},at=(0,c.ZP)(o.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"})([""]),st=c.ZP.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})),dt=c.ZP.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=c.ZP.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})),lt=(0,c.ZP)(Ge.L).withConfig({componentId:"sc-13sgf3e-4"})(["display:flex;span{font-size:var(--theme-font-size-legalDesktop);}"]),mt=c.ZP.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,c.ZP)(mt).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})),ut=c.ZP.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})),ht=c.ZP.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})),gt=c.ZP.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=c.ZP.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})),ft=c.ZP.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 yt=e=>{let{systemsPage:t,summaryPage:i}=e;const{state:{allCategories:r,basket:o,basePriceBySystem:a,currentCategory:s,currentCategoryIdx:c,isSummary:p,isSystemSelect:u,productsBySku:h,systemSkus:g,isPreBuiltSet:y,selectedSystemSku:v,prevClicked:b},actions:{changeSystem:w,removeProduct:j,selectEdition:k,selectProduct:S,selectSystem:P}}=(0,f.bI)(),I=(0,l.useCart)(),{price:C,text:z}=(0,l.useLocalizer)(),$=u?g:s?.products?.map((e=>{let{sku:t}=e;return t})),Z=u?t?.disclaimer:s?.disclaimer,{trackCtaClick:O,trackViewItem:R,trackStepView:Q}=(0,l.useAnalytics)();return(0,n.useEffect)((()=>{$?.forEach((e=>{const t=h[e];t&&R(t)}))}),[h,$,R]),(0,n.useEffect)((()=>{if(r?.length){Q(`step ${u?1:c+2} / step ${r?.length+1}`)}}),[r?.length,c,u,p,Q]),(0,N.jsxs)(d.M,{mode:"popLayout",custom:b,children:[u&&(0,N.jsxs)(at,{$prevClicked:b,children:[(0,N.jsx)(Pe(),{children:(0,N.jsx)("title",{children:`${z("Systems")} - ${z("Build your own Nintendo Switch bundle")}`})}),(0,N.jsxs)(ut,{children:[(0,N.jsx)(m.H,{tabIndex:"-1",children:t.heading}),(0,N.jsx)(dt,{children:t.description})]}),(0,N.jsxs)(mt,{children:[(0,N.jsx)(st,{role:"listbox",children:g.map(((e,i)=>(0,N.jsx)(He,{onClick:()=>P(e),isSelected:v===e,productName:h?.[e]?.name,productDescription:t.systemOptions[i]?.description,price:`${z("Starting at")} ${C(a[e])}`,assetUrl:(0,ge.R6)({publicId:h[e]?.customTileImage?.fields?.primary?.[0]?.public_id||h[e]?.productImage?.publicId}),onSeeMoreClick:t=>{O(t?"See less":"See more",`Systems - ${h?.[e]?.name}`)}},e)))}),Z&&(0,N.jsx)(xt,{children:(0,N.jsx)(x.Ho,{data:Z})})]})]}),!p&&!u&&(0,N.jsxs)(at,{$prevClicked:b,children:[(0,N.jsx)(Pe(),{children:(0,N.jsx)("title",{children:`${z(`${s?.pageTitle}`)} -\n                ${z("Build your own Nintendo Switch bundle")}`})}),(0,N.jsxs)(ut,{children:[(0,N.jsx)(m.H,{tabIndex:"-1",children:s?.heading}),(0,N.jsx)(dt,{children:s?.description})]}),(0,N.jsxs)(mt,{children:[(0,N.jsx)(st,{role:"listbox",$gap:h[$?.[0]]?.tag,children:$?.filter((e=>{const t=h?.[e];return t&&t.isSalableQty}))?.map((e=>(0,N.jsx)(He,{productName:h[e]?.name,price:C(h[e]?.prices?.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,ge.R6)({publicId:h[e]?.customTileImage?.fields?.primary?.[0]?.public_id||h[e]?.productImage?.publicId}),onClick:()=>{0===c?k(e):(e=>{o.includes(e)?j(e):S(e)})(e)},isSelected:o.includes(e)&&I.addableQty(h?.[e])>0,itemLimitReached:0===I.addableQty(h?.[e])},e)))}),Z&&(0,N.jsx)(xt,{children:(0,N.jsx)(x.Ho,{data:Z})})]})]},c),p&&(0,N.jsxs)(at,{$prevClicked:!!b,children:[(0,N.jsx)(Pe(),{children:(0,N.jsx)("title",{children:`${z("Review")} - ${z("Build your own Nintendo Switch bundle")}`})}),(0,N.jsxs)(ht,{children:[(0,N.jsx)(gt,{children:(0,N.jsx)(Ie.Z,{})}),(0,N.jsxs)("div",{children:[(0,N.jsx)(m.H,{tabIndex:"-1",children:i.heading}),(0,N.jsx)("span",{children:i.description})]})]}),(0,N.jsxs)(pt,{children:[(0,N.jsx)(st,{$gap:!0,children:o.map((e=>{const t=h[e],i=t?.name?.toLowerCase()?.includes("eshop card"),r="Games"===t?.categories[0]&&!i,n=t?.name?.includes("microSD"),o=t?.categories[1]?.includes("controllers");return(0,N.jsx)(nt,{assetUrl:(0,ge.R6)({publicId:t?.customTileImage?.fields?.primary?.[0]?.public_id||t?.productImage?.publicId}),squareImage:r,controllers:o,storage:n,portraitImage:i,productName:t?.name,tag:t?.tag,price:C(t?.prices?.finalPrice),onChangeSystem:"Nintendo Switch systems"===t?.categories[1]?()=>{O("Change system and start over","Review"),w()}:null,onRemove:()=>{O(`Remove - ${t?.name}`,"Review"),j(e)},hideModifyLink:y,countryOfOrigin:t?.countryOfOrigin,displayProp65:t?.displayProp65,esrbDescriptors:t?.contentDescriptors,esrbRating:t?.contentRating?.code},e)}))}),(0,N.jsxs)(ft,{children:[o.some((e=>h?.[e]?.displayProp65))&&(0,N.jsxs)("div",{children:[(0,N.jsxs)(ct,{children:[(0,N.jsx)(oe.Z,{size:12}),(0,N.jsxs)("div",{children:[(0,N.jsx)("strong",{children:z(`${z("Warning:")} `)}),z("Cancer and reproductive harm.")]})]}),(0,N.jsx)(lt,{href:"https://www.p65warnings.ca.gov/",children:"p65warnings.ca.gov"})]}),i?.disclaimer&&(0,N.jsx)(xt,{$topMargin:"0px",children:(0,N.jsx)(x.Ho,{data:i?.disclaimer})})]})]})]})]})},vt=i(94989);const bt=c.ZP.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);"]),wt="step-navigation-drawer";var jt=e=>{let{onNext:t,onPrevious:i}=e;const{actions:{addOrUpdateDrawer:r,closeDrawer:o,openDrawer:a}}=(0,vt.eV)(),{state:{allCategories:s,canProceed:d,currentCategoryIdx:c,isAddingToCart:l,isSummary:m,isSystemSelect:p,selectedSystemSku:u,basket:h},actions:{addToCart:g}}=(0,f.bI)(),x=(0,n.useRef)(),y=(0,n.useMemo)((()=>({id:wt,drawer:{height:"90px",content:(0,N.jsx)(bt,{children:(0,N.jsx)(ie,{canProceed:d,activeStep:p?1:c+2,numberOfSteps:u?s?.length+1:0,isSummaryStep:m,onNext:t,onPrevious:i,cartLoading:l,addToCart:()=>g(h)})})}})),[s?.length,d,c,i,t,m,p,u,g,h,l]);return(0,n.useEffect)((()=>{r(y.id,y.drawer)}),[r,y]),(0,n.useEffect)((()=>(a(wt),()=>o(wt))),[a,o]),(0,N.jsx)("div",{"data-drawer-id":wt,ref:x})};const kt=(0,c.ZP)(x.$0).attrs({constrained:!0,marginTop:16,marginBottom:0,constrainedMaxWidth:"1144px"}).withConfig({componentId:"sc-15m9rq7-0"})([""]),St=(0,c.ZP)(kt).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)})),Pt=c.ZP.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)})),It=c.ZP.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,c.iv)(["border:1px solid var(--theme-color-lightGray2);border-radius:var(--theme-borderRadius);"])})),Ct=c.ZP.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,c.iv)(["border:1px solid var(--theme-color-lightGray2);border-top:0;border-radius:0 0 var(--theme-borderRadius) var(--theme-borderRadius);"])}));c.ZP.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 zt=e=>{const{systemsPage:t,summaryPage:i,$canvasBackgroundImage:r}=e,{state:{allCategories:o,basket:a,basePriceBySystem:s,canvasAnimationState:d,canProceed:c,currentCategory:m,currentCategoryIdx:p,isAddingToCart:u,isPreBuiltSet:x,isSummary:y,isSystemSelect:v,preselectedSkus:b,productsBySku:w,selectedPreBuiltSet:j,selectedSystemSku:k,showOOSModal:S,showErrorBanner:P,systemSkus:I,totalBasketPrice:C},actions:{goToNextStep:z,goToPrevStep:$,addToCart:Z}}=(0,f.bI)(),{price:O,text:R}=(0,l.useLocalizer)(),Q=v?I:x?[]:(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(),z()},q=()=>{B(),$()},T=[...new Set([k,...a,...Q,...b])],E=(0,g.Z)(g.o.DESKTOP);return(0,N.jsxs)(N.Fragment,{children:[P&&(0,N.jsx)(kt,{children:(0,N.jsx)(re.N,{type:"error",role:"alert",children:R("Something went wrong. Please try again.")})}),(0,N.jsxs)(St,{children:[(0,N.jsx)(Pt,{$isPreBuiltSet:x,children:x?(0,N.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,N.jsx)(ke,{label:`Your set so far: ${a.map((e=>w[e]?.name))}`,$canvasBackgroundImage:r?.primary?.[0]?.url,$canvasBackgroundImageMobile:r?.secondary?.[0]?.url,animationState:d,animatedImages:T.map((e=>({image:w[e]?.animatedImage,isVisible:a.includes(e)}))),selectedSystemSku:k,includePrefix:v&&!!k,totalFormattedPrice:O(v||!a?.length?s?.[k]||null:C)})}),(0,N.jsxs)(It,{$isSummary:y,children:[(0,N.jsx)(yt,{systemsPage:t,selectableSkus:Q,summaryPage:i}),E&&(0,N.jsx)(Ct,{$isSummary:y,children:(0,N.jsx)(ie,{canProceed:c,activeStep:v?1:p+2,numberOfSteps:k?o?.length+1:0,isSummaryStep:y,onNext:D,onPrevious:q,cartLoading:u,addToCart:()=>Z(a)})})]}),!E&&(0,N.jsx)(jt,{onNext:D,onPrevious:q})]}),(0,N.jsx)(pe,{visible:S})]})};function $t(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 Zt(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?$t(Object(i),!0).forEach((function(t){(0,r.Z)(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):$t(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}const Ot=e=>(0,N.jsx)(o.E.div,Zt({initial:"hide",animate:"show",exit:"hide",variants:{show:{opacity:1,transition:{duration:.3}},hide:{opacity:0,transition:{duration:.3}}}},e));var Rt=!0,Qt=function(e){const{canvasBackgroundImage:t,categoriesBySystemSku:i,preBuiltSets:r,productsBySku:n,landingPage:o,systemsPage:c,summaryPage:l}=e;return(0,N.jsx)(f.KX,{productsBySku:n,categoriesBySystem:i,systemSkus:c.systemOptions.map((e=>{let{sku:t}=e;return t})),children:e=>{let{state:i}=e;return(0,N.jsx)(a.X,{features:s.H,children:(0,N.jsx)(d.M,{mode:"wait",children:i.isLandingPage?(0,N.jsx)(Ot,{initial:!1,children:(0,N.jsx)(G,Zt(Zt({},o),{},{preBuiltSets:r}))},"landing page"):(0,N.jsx)(Ot,{children:(0,N.jsx)(zt,{currentStep:i.currentStep,systemsPage:c,summaryPage:l,$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,[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-293611ddfb4a6e35.js.map