https://microbit.org/component---src-templates-getting-started-page-tsx-725aa9cfba2b1ab3875b.js

1"use strict";(self.webpackChunk_microbit_foundation_microbit_org_gatsby=self.webpackChunk_microbit_foundation_microbit_org_gatsby||[]).push([[9320],{625:function(e,t,a){a.d(t,{A:function(){return i}});var l=a(2485),n=a.n(l),r=a(6540),o="ModalBody-module--root--8e93e";var i=e=>{let{className:t,children:a}=e;return r.createElement("div",{className:n()(o,t)},a)}},1001:function(e,t,a){a.d(t,{A:function(){return g}});var l=a(2485),n=a.n(l),r=a(6540),o=a(6689),i=a(5133),c=a(5585),m=a(9619),s="OneColumnLayout-module--container--9d257",d="OneColumnLayout-module--titleRow--b2d43",u="OneColumnLayout-module--breadcrumbsRow--25059";var g=e=>{let{title:t,visuallyHiddenTitle:a,main:l,social:g=!0,socialTitle:v,widths:E={sm:10,md:8},className:b,breadcrumbs:A}=e;return r.createElement(i.mO,{className:n()(s,b)},a&&r.createElement(m.A,null,r.createElement("h1",null,a)),A&&r.createElement(o.A,Object.assign({},E,{className:u,breadcrumbs:A})),r.createElement(c.A,Object.assign({social:g,socialTitle:v,title:t,className:d},E,{ariaHiddenTitle:!!a})),r.createElement(i.fI,{justify:"center"},r.createElement(i.fv,Object.assign({},E,{as:"main"}),l)))}},3318:function(e,t,a){a.d(t,{A:function(){return i}});var l=a(6540),n={root:"Breadcrumbs-module--root--7a8fd"},r=a(9846),o=a(648);var i=e=>{let{breadcrumbs:t=[]}=e;return t&&t.length?l.createElement("div",{className:n.root},t.map((e,a)=>{if(e)return l.createElement(l.Fragment,{key:a},l.createElement(r.A,{to:e.href,className:n.link},l.createElement(o.A,{variant:"breadcrumb",as:"span"},e.title)),a+1!==t.length&&" / ")})):null}},4014:function(e,t,a){a.d(t,{A:function(){return i}});var l=a(2485),n=a.n(l),r=a(6540),o="ModalFooter-module--root--36f82";var i=e=>{let{className:t,children:a}=e;return r.createElement("div",{className:n()(o,t)},a)}},5585:function(e,t,a){a.d(t,{A:function(){return s}});var l=a(6540),n=a(5133),r=a(5665),o="TitleRow-module--root--98998",i=a(2485),c=a.n(i),m=a(648);var s=e=>{let{title:t,ariaHiddenTitle:a=!1,socialTitle:i,social:s=!0,className:d,xs:u,sm:g=10,md:v}=e;return l.createElement(n.fI,{className:c()(o,d),justify:"center"},l.createElement(n.fv,{xs:u,sm:g,md:v},l.createElement(m.A,{"aria-hidden":a&&!0,variant:"h1"},t),s&&l.createElement(r.A,{title:i||t})))}},5665:function(e,t,a){a.d(t,{A:function(){return A}});var l=a(2485),n=a.n(l),r=a(6540),o=a(6442),i=a(8065),c=a(4662),m=a(4072),s=a(3369),d=a(2441),u=a(3972),g=a(9871),v=a(9846),E=a(648),b={root:"SocialLinks-module--root--f1dfb",normal:"SocialLinks-module--normal--8d778",white:"SocialLinks-module--white--ad9ab",shareTitle:"SocialLinks-module--shareTitle--a782a"};var A=e=>{let{className:t,type:a="normal",textVariant:l="default",scale:A=1}=e;const{pathname:h}=(0,u.H)(),f=(0,s.V)(),{canonicalUrlOverride:N}=(0,g.y)(),p=encodeURIComponent(""+f.url+(N||h)),C="https://www.facebook.com/sharer/sharer.php?u="+p,w="https://www.linkedin.com/shareArticle?url="+p,{facebook:y,linkedin:k}=(0,d.P)(),P=(0,o.A)().formatMessage({id:"share",defaultMessage:"Share"});return r.createElement("div",{className:n()(b.root,t,b[a])},r.createElement(E.A,{className:b.shareTitle,variant:l,as:"span"},r.createElement(i.A,{id:"share",defaultMessage:"Share"})),r.createElement(v.A,{"aria-label":"Facebook "+P,to:C||"https://www.facebook.com/"+y.handle},r.createElement(c.A,{height:20*A,width:20*A})),r.createElement(v.A,{"aria-label":"LinkedIn "+P,to:w||"https://www.linkedin.com/company/"+k.handle},r.createElement(m.A,{height:20*A,width:20*A})))}},6689:function(e,t,a){a.d(t,{A:function(){return m}});var l=a(2485),n=a.n(l),r=a(6540),o=a(3318),i=a(5133),c="BreadcrumbsRow-module--root--8a93e";var m=e=>{let{breadcrumbs:t,className:a,xs:l,sm:m=10,md:s}=e;return r.createElement(i.fI,{justify:"center",className:n()(c,a)},r.createElement(i.fv,{xs:l,sm:m,md:s},r.createElement(o.A,{breadcrumbs:t})))}},8867:function(e,t,a){a.d(t,{K:function(){return n},N:function(){return l}});a(6449),a(3514);const l=(e,t)=>n(e,t).flat(),n=(e,t)=>{const a=t.filter(t=>t.type===e);return 0===a.length?[]:a.map(e=>e.content)}},9530:function(e,t,a){var l=a(6540);t.A=e=>{let{className:t="",fill:a="none",height:n=20,stroke:r,strokeWidth:o,width:i=20}=e;

1return l.createElement("svg",{width:i,height:n,className:t},l.createElement("g",{fill:a,fillRule:"evenodd",stroke:r},l.createElement("rect",{width:18.5,height:18.5,x:.75,y:.75,strokeWidth:o,rx:2}),l.createElement("path",{strokeLinecap:"round",strokeWidth:1.2,d:"M5 10.76L8.214 14 15 5"})))}},9599:function(e,t,a){var l=a(2485),n=a.n(l),r=a(6540),o=a(3307),i=a(648),c=a(3910);t.A=e=>{let{onClick:t,text:a,bold:l=!1,disabled:m,stepNumber:s}=e;return r.createElement(o.A,{className:c.A.root,onClick:t,disabled:m},r.createElement("div",{className:n()(c.A.content,c.A.active,!s&&c.A.withoutNumber)},s&&r.createElement(i.A,{className:c.A.stepNumber,variant:"defaultBold",as:"span"},s),r.createElement(i.A,{className:c.A.stepTitle,variant:l?"defaultBold":"default",as:"span"},a)))}},9619:function(e,t,a){a.d(t,{A:function(){return r}});var l=a(6540),n="VisuallyHidden-module--root--dd434";var r=e=>{let{children:t}=e;return l.createElement("div",{className:n},t)}},9722:function(e,t,a){a.r(t),a.d(t,{default:function(){return Se}});var l=a(6540),n=a(7518),r=a(9476),o=a(5133),i=a(8007),c=a(3038),m=a(8867),s=a(9693),d=a(625),u=a(4014),g=a(9599);var v=e=>{let{content:t}=e;const[a]=(0,m.N)("content",t),[r]=(0,m.N)("cta",t),o=(0,c.o)(),v=(0,s.e)(r,o),E=(0,l.useCallback)(()=>{(0,i.oo)(v)},[v]);return l.createElement(l.Fragment,null,l.createElement(d.A,null,l.createElement(n.Ay,{content:a.content})),l.createElement(u.A,null,l.createElement(g.A,{onClick:E,text:r.title,bold:!0})))},E=a(8587);const b=["className","fill","height","width","stroke"];var A=e=>{let{className:t,fill:a="none",height:n=34,width:r=34,stroke:o="rgb(101, 101, 101)"}=e,i=(0,E.A)(e,b);return l.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:r,height:n,viewBox:"0 0 34 34",className:t},i),l.createElement("g",{id:"Group_559","data-name":"Group 559",transform:"translate(-13304 261)"},l.createElement("line",{id:"Line_89","data-name":"Line 89",y2:"30",transform:"translate(13321 -259)",fill:a,stroke:o,strokeLinecap:"round",strokeWidth:"4"}),l.createElement("line",{id:"Line_90","data-name":"Line 90",y2:"30",transform:"translate(13336 -244) rotate(90)",fill:a,stroke:o,strokeLinecap:"round",strokeWidth:"4"})))},h=a(1960),f=a(9846),N=a(7440),p=a(648),C="PowerUpAndPlayModal-module--root--db37a",w="PowerUpAndPlayModal-module--items--e00a5",y="PowerUpAndPlayModal-module--item--2bcc8",k="PowerUpAndPlayModal-module--itemIcon--b7f8c",P="PowerUpAndPlayModal-module--itemText--44001",M="PowerUpAndPlayModal-module--footer--1038c",T=a(7474);const S=e=>{let{image:t,title:a,subtitle:n}=e;return l.createElement("li",{className:y},!(0,T.IH)(t)&&l.createElement("img",{alt:"",width:t.asset.metadata.dimensions.width,height:t.asset.metadata.dimensions.height,src:h.A.image(t.asset).width(2*t.asset.metadata.dimensions.width).url()}),l.createElement("div",{className:P},l.createElement(p.A,{variant:"defaultBold"},a),l.createElement(p.A,{variant:"default"},n)))};var x=e=>{let{content:t,onClose:a}=e;const[n]=(0,m.N)("text",t),[r]=(0,m.N)("secondaryCTA",t),[o]=(0,m.N)("closeButtonText",t),[i,v,E]=(0,m.N)("itemImages",t),[b,h,y,P]=(0,m.N)("itemText",t),T=[{image:i,title:b.value,subtitle:P.value},l.createElement(A,{className:k,"aria-hidden":!0}),{image:v,title:h.value,subtitle:P.value},l.createElement(A,{className:k,"aria-hidden":!0}),{image:E,title:y.value,subtitle:P.value}],x=(0,c.o)();return l.createElement("div",{className:C},l.createElement(d.A,null,l.createElement(N.A,null,l.createElement("div",null,l.createElement(p.A,{variant:"default"},n.value),l.createElement("ul",{className:w},T.map((e,t)=>function(e){return void 0!==e.image&&void 0!==e.title&&void 0!==e.subtitle}(e)?l.createElement(S,Object.assign({key:e.image._key},e)):l.createElement(l.Fragment,{key:t},e)))))),l.createElement(u.A,{className:M},l.createElement(p.A,{variant:"default"},l.createElement(f.A,{to:(0,s.e)(r,x)},r.title)),l.createElement(g.A,{onClick:a,bold:!0,text:o.value})))},W=a(2485),I=a.n(W),R=a(9530),L="GettingStartedRadio-module--root--6751f",V="GettingStartedRadio-module--selected--58055",O="GettingStartedRadio-module--text--57627",G="GettingStartedRadio-module--imageContainer--316dd",_="GettingStartedRadio-module--checked--6461a";var U=e=>{var t;let{id:a,value:n,selected:r,title:o,subtitle:i,image:c,onChange:m,imageScale:s,className:d,tabbable:u,children:g}=e;const v=s?120*s:120;return l.createElement("label",{className:I()(L,d,r&&V)},l.createElement("input",{type:"radio",name:a,value:n,checked:r,onChange:()=>m(n),tabIndex:u?void 0:-1}),r&&l.createElement(R.A,{className:_,fill:"#30c812"}),l.createElement("div",{className:G,style:{height:120}},!(0,T.IH)(c)&&l.createElement("img",{alt:"",width:null!==(t=v*c.asset.metadata.dimensions.aspectRatio)&&void 0!==t?t:1,height:v,src:h.A.image(c.asset).height(2*v).url()})),l.createElement("div",{className:O},l.createElement(p.A,{variant:"defaultBold"},o),l.createElement(p.A,{variant:"default"},i)),g)},Q=a(4373),D=a(4220),H="SelectDeviceModal-module--root--f2f95",B="SelectDeviceModal-module--item--4929b";var Y=e=>{let{content:t,onClose:a}=e;const{0:n,1:r}=(0,l.useState)(),[i]=(0,m.N)("text",t),[c,s]=(0,m.N)("itemImages",t),[v,E,b,A]=(0,m.N)("itemText",t),[h,f]=(0,m.N)("itemCTAs",t),C=(0,l.useCallback)(e=>{"computer"!==e&&"iOS"!==e||r(e)},[]),w=(0,l.useCallback)(()=>{"computer"===n&&h.targetModal?((0,Q.N)({device:n}

1),(0,D.ED)(h.targetModal)):"iOS"===n&&f.targetModal&&((0,Q.N)({device:n}),(0,D.ED)(f.targetModal)),a()},[n,h.targetModal,f.targetModal,a]),y=[{id:"device",title:v.value,subtitle:E.value,image:c,selected:"computer"===n,value:"computer",onChange:C},{id:"device",title:b.value,subtitle:A.value,image:s,selected:"iOS"===n,value:"iOS",onChange:C,imageScale:.8}];return l.createElement("div",{className:H},l.createElement(d.A,null,l.createElement(N.A,null,l.createElement("div",null,l.createElement(p.A,{variant:"default"},i.value),l.createElement(o.fI,null,y.map((e,t)=>l.createElement(o.fv,{key:t,className:B,xs:12,sm:6},l.createElement(U,{id:"microbit",value:e.value,title:e.title,subtitle:e.subtitle,image:e.image,onChange:e.onChange,selected:e.selected,imageScale:e.imageScale,tabbable:n?e.selected:0===t}))))))),l.createElement(u.A,null,l.createElement(g.A,{onClick:w,text:"computer"===n?h.title:f.title,bold:!0,disabled:!n})))},j={root:"SelectMicrobitModal-module--root--45c20",item:"SelectMicrobitModal-module--item--bce88"};var F=e=>{let{content:t,onClose:a}=e;const{0:r,1:i}=(0,l.useState)(),[c]=(0,m.N)("content",t),[s,v]=(0,m.N)("itemImages",t),[E,b,A,h]=(0,m.N)("itemText",t),[f,p]=(0,m.N)("ctaItems",t),C=(0,l.useCallback)(e=>{"V1"!==e&&"V2"!==e||i(e)},[]),w=(0,l.useCallback)(()=>{"V2"===r&&f.targetModal?(0,D.ED)(f.targetModal):"V1"===r&&p.targetModal&&(0,D.ED)(p.targetModal),a()},[r,p.targetModal,f.targetModal,a]),y=[{image:s,title:E.value,subtitle:b.value,value:"V2",onChange:C,selected:"V2"===r},{image:v,title:A.value,subtitle:h.value,value:"V1",onChange:C,selected:"V1"===r}];return l.createElement("div",{className:j.root},l.createElement(d.A,null,l.createElement(N.A,null,l.createElement("div",null,l.createElement(n.Ay,{content:c.content}),l.createElement(o.fI,{className:j.items},y.map((e,t)=>l.createElement(o.fv,{key:t,className:j.item,xs:12,sm:6},l.createElement(U,{id:"microbit",value:e.value,title:e.title,subtitle:e.subtitle,image:e.image,onChange:e.onChange,selected:e.selected,tabbable:r?e.selected:0===t}))))))),l.createElement(u.A,null,l.createElement(g.A,{onClick:w,text:"V2"===r?f.title:p.title,bold:!0,disabled:!r})))},K=a(3972),q=a(3307),z={root:"SelectProgramModal-module--root--c4c0e",item:"SelectProgramModal-module--item--9b1d2",positionRelative:"SelectProgramModal-module--positionRelative--da287",videoLink:"SelectProgramModal-module--videoLink--82e28"};var J=e=>{let{content:t,onClose:a,inputKey:r}=e;const{0:v,1:E}=(0,l.useState)(),{0:b,1:A}=(0,l.useState)(),[h]=(0,m.N)("content",t),[f,C,w]=(0,m.N)("images",t),[y,k,P,M,T,S]=(0,m.N)("text",t),[x,W,I]=(0,m.N)("ctas",t),R=(0,c.o)(),L="oldWelcomeProgram"===v?x:I,V=v&&(0,s.e)(L,R),[O]=(0,m.N)("secondaryCTA",t),{search:G}=(0,K.H)();(0,l.useEffect)(()=>{const e=new URLSearchParams(G).get("welcomeProgram");A("old"===e?"old":"new")},[G]);const _=(0,l.useCallback)(()=>{!V||"newWelcomeProgram"!==v&&"oldWelcomeProgram"!==v?"other"===v&&W.targetModal&&(0,D.ED)(W.targetModal):(0,i.oo)(V,{replace:!0,state:{scrollToElementId:"#welcome-to-your-microbit-"+("newWelcomeProgram"===v?"new":"old")}}),a()},[a,v,W.targetModal,V]),Q=(0,l.useCallback)(e=>{"newWelcomeProgram"!==e&&"oldWelcomeProgram"!==e&&"other"!==e||E(e)},[]),H={title:y.value,subtitle:k.value,value:"oldWelcomeProgram",image:f,onChange:Q,selected:"oldWelcomeProgram"===v},B={title:T.value,subtitle:S.value,value:"newWelcomeProgram",image:w,onChange:Q,selected:"newWelcomeProgram"===v},Y=["new"===b?H:B,{title:P.value,subtitle:M.value,value:"other",image:C,onChange:Q,selected:"other"===v}],j=(0,l.useCallback)(()=>{O.targetModal&&(0,D.ED)(O.targetModal)},[O]);return l.createElement("div",{className:z.root},l.createElement(d.A,null,l.createElement(N.A,null,l.createElement("div",null,l.createElement(n.Ay,{content:h.content}),l.createElement(o.fI,{className:z.items},Y.map((e,t)=>l.createElement(o.fv,{key:t,className:z.item,xs:12,sm:6},l.createElement(U,{id:"program-"+r,value:e.value,title:e.title,subtitle:e.subtitle,image:e.image,onChange:e.onChange,selected:e.selected,className:0===t&&z.positionRelative,tabbable:v?e.selected:0===t},0===t&&l.createElement(q.A,{className:z.videoLink,onClick:j},l.createElement(p.A,{variant:"default"},O.title))))))))),l.createElement(u.A,null,l.createElement(g.A,{onClick:_,text:"oldWelcomeProgram"===v?x.title:"newWelcomeProgram"===v?I.title:W.title,disabled:!v,bold:!0})))},X=a(6442),Z=a(7966),$=a(8111),ee="TransferCodeModal-module--root--f4f15",te="TransferCodeModal-module--tabs--ac88b",ae="TransferCodeModal-module--footer--ad22c";var le=e=>{let{content:t,onClose:a,modalId:n}=e;const[r]=(0,m.N)("subtitle",t),[o]=(0,m.N)("secondaryCTA",t),[i,g]=(0,m.N)("buttonText",t),v=(0,c.o)(),[E,b]=(0,m.N)("videos",t),A=(0,X.A)().formatMessage({id:"close"});return l.createElement("div",{className:ee},l.createElement(d.A,null,l.createElement(N.A,null,l.createElement("div",null,l.createElement(p.A,{variant:"default"},r.value),l.createElement($.A,{className:te,node:{_key:"transfer-code-modal",content:[{title:i.value,content:[E],queryParameterValue:"tablet"===n?"iOS":void 0},{title:g.value,content:[b],queryParameterValue:"tablet"===n?"android":void 0}],layout:"genericContent",useTabButtons:!0,queryParameter:"device"}})))),l.createElement(u.A,{className:ae},l.createElement(p.A,{variant:"default"},l.createElement(f.A,{to:(0,s.e)(o,v),onClick:a},o.title)),l.createElement(Z.A,{onClick:a,primary:!0},A)))},ne=a(8065),re=a(5760);var oe=e=>{let{content:t,onClose:a}=e;const[n]=(0,m.N)("video",t);return l.createElement("div",null,l.createElement(d.A,null,l.createElement(re.A,{node:n})),l.createElement(u.A,null,l.createElement(Z.A,{primary:!0,onClick:a},l.createElement(p.A,{variant:"default"},l.createElement(ne.A,{id:"close"})))))},ie=a(8084),ce="YouWillNeedModal-module--root--79991",me="YouWillNeedModal-module--items--3b1e0",se="YouWillNeedModal-module--itemIcon--38c6c",de="YouWillNeedModal-module--item--c50c3",ue="YouWillNeedModal-module--itemText--6505b",ge="YouWillNeedModal-module--footer--9ebee",ve="YouWillNeedModal-module--footerLinks--3f6b9";const Ee=e=>{var t,a;let{image:n,title:r,subtitle:o,additionalImage:i}=e;return l.createElement("li",{className:de},l.createElement(ie.A,{to:n.externalLink},!(0,T.IH)(n)&&l.createElement("img",{alt:"",width:150,height:150/(null!==(t=n.asset.metadata.dimensions.aspectRatio)&&void 0!==t?t:1),src:h.A.image(n.asset).width(300).url()})),i&&l.createElement(ie.A,{to:i.externalLink},!(0,T.IH)(n)&&l.createElement("img",{alt:"",width:150,height:150/(null!==(a=i.asset.metadata.dimensions.aspectRatio)&&void 0!==a?a:1),src:h.A.image(i.asset).width(300).url()})),l.createElement("div",{className:ue},l.createElement(p.A,{variant:"defaultBold"},r),l.createElement(p.A,{variant:"default"},o)))};var be=e=>{let{content:t,onClose:a}=e;const[n]=(0,m.N)("secondaryCTA",t),r=(0,c.o)(),[o]=(0,m.N)("closeButtonText",t),[i]=(0,m.N)("text",t),[v]=(0,m.N)("link",t),[E,b,h,C]=(0,m.N)("itemImages",t),[w,y,k,P,M,T]=(0,m.N)("itemText",t),S=[{image:E,title:w.value,subtitle:y.value},l.createElement(A,{className:se,"aria-hidden":!0}),{image:b,title:k.value,subtitle:P.value},l.createElement(A,{className:se,"aria-hidden":!0}),{image:h,additionalImage:C,title:M.value,subtitle:T.value}];return l.createElement("div",{className:ce},l.createElement(d.A,null,l.createElement(N.A,null,l.createElement("div",null,(null==i?void 0:i.value)&&l.createElement(p.A,{variant:"default"},i.value),l.createElement("ul",{className:me},S.map((e,t)=>function(e){return void 0!==e.image&&void 0!==e.title&&void 0!==e.subtitle}(e)?l.createElement(Ee,Object.assign({key:e.image._key},e)):l.createElement(l.Fragment,{key:t},e)))))),l.createElement(u.A,{className:ge},l.createElement("div",{className:ve},l.createElement(p.A,{variant:"default"},l.createElement(f.A,{to:(0,s.e)(v,r),onClick:a},v.title)),l.createElement(p.A,{variant:"default"},l.createElement(f.A,{to:(0,s.e)(n,r),onClick:a},n.title))),l.createElement(g.A,{onClick:a,bold:!0,text:o.value})))},Ae=a(7628),he="GettingStartedContent-module--root--657b2",fe="GettingStartedContent-module--card--b6acf",Ne="GettingStartedContent-module--embedContainer--62019";const pe=e=>{let{content:t}=e;return l.createElement(o.fI,{justify:"center",className:fe},l.createElement(o.fv,{sm:12},l.createElement(r.A,{type:"main"},l.createElement(n.Ay,{content:t,cap:"3/4",customEmbeds:{youtubeVideo:e=>{let{node:t}=e;return l.createElement("div",{className:Ne},l.createElement(re.A,{node:t}))}}}))))};

1var Ce=e=>{let{content:t,pageModals:a}=e;const n=null==t?void 0:t.map(e=>{if("gettingStartedPageContentCard"===e._type)return l.createElement(pe,{key:e._key,content:e.content});throw new Error("Unknown getting started page item: "+e._type)}),[r,o]=(0,Ae.Pf)(),i=(0,l.useCallback)(e=>{r&&("powerUpAndPlay"===e&&o(Object.assign({},r,{gettingStartedReadyPrompt:!0})),"getCodingDevice"===e&&o(Object.assign({},r,{getCodingDevicePrompt:!0})))},[r,o]),c=(0,l.useCallback)((e,t,a)=>{switch(e){case D.Q7.PowerUpAndPlay:return l.createElement(x,{content:null!=t?t:[],onClose:a});case D.Q7.PowerUpAndPlayWelcomeProgram:return l.createElement(F,{content:null!=t?t:[],onClose:a});case D.Q7.GetCodingDevice:return l.createElement(Y,{content:null!=t?t:[],onClose:a});case D.Q7.GetCodingYouWillNeedComputer:case D.Q7.GetCodingYouWillNeedTablet:return l.createElement(be,{content:null!=t?t:[],onClose:a});case D.Q7.GetCodingTransferComputer:return l.createElement(le,{content:null!=t?t:[],onClose:a,modalId:"computer"});case D.Q7.GetCodingTransferTablet:return l.createElement(le,{content:null!=t?t:[],onClose:a,modalId:"tablet"});case D.Q7.PowerUpAndPlayV2:return l.createElement(J,{content:null!=t?t:[],inputKey:"V2",onClose:a});case D.Q7.PowerUpAndPlayV1:return l.createElement(J,{content:null!=t?t:[],inputKey:"V1",onClose:a});case D.Q7.PowerUpAndPlayNoWelcome:return l.createElement(v,{content:null!=t?t:[],onClose:a});case D.Q7.AnimationVideo:return l.createElement(oe,{content:null!=t?t:[],onClose:a});default:throw new Error("Unknown modal item: "+e)}},[]),{search:m}=(0,K.H)(),s=(0,l.useMemo)(()=>new URLSearchParams(m),[m]),d=(0,l.useCallback)(e=>{let t,a=s.get(D.Rg.TransferCodeHelp);return("computer"===a&&e.type===D.Q7.GetCodingTransferComputer||"tablet"===a&&e.type===D.Q7.GetCodingTransferTablet)&&(e.showOnPageView=!0,t=()=>{s.delete(D.Rg.TransferCodeHelp),(0,Q.V)(s)}),a=s.get(D.Rg.YouWillNeed),("computer"===a&&e.type===D.Q7.GetCodingYouWillNeedComputer||"tablet"===a&&e.type===D.Q7.GetCodingYouWillNeedTablet)&&(e.showOnPageView=!0,t=()=>{s.delete(D.Rg.YouWillNeed),(0,Q.V)(s)}),t},[s]),u=(0,l.useCallback)(e=>{if("getCodingDevice"===e.type){const t=s.get(D.Rg.Device);t&&["computer","android","iOS"].includes(t)&&(e.showOnPageView=!1)}},[s]);return l.createElement(l.Fragment,null,l.createElement("div",{className:he},n),null==a?void 0:a.map(e=>{const t=d(e);return u(e),l.createElement(D.Ay,{key:e._key,data:e,modalDismissedThisSession:e.type===D.Q7.PowerUpAndPlay&&(null==r?void 0:r.gettingStartedReadyPrompt)||e.type===D.Q7.GetCodingDevice&&(null==r?void 0:r.getCodingDevicePrompt),onClose:()=>i(e.type),onOpen:t,renderBodyComponent:c})}))},we=a(1001),ye=a(257),ke=a(10),Pe=a(1616),Me="GettingStartedPage-module--root--79762";const Te=e=>{let{pageContext:t,page:a,menus:n}=e;const{title:r,_rawContent:o,pageModals:i}=a,c=(0,X.A)().formatMessage({id:"getting-started"});return l.createElement(ye.A,{metadata:{title:c,page:a,alternates:t.alternates},menus:n},l.createElement(we.A,{title:c,visuallyHiddenTitle:c+": "+r,className:Me,main:l.createElement(Ce,{content:o,pageModals:i}),widths:{sm:10,md:10}}))};var Se=e=>{var t;let{pageContext:a,data:{menus:n,page:r},location:o}=e;return l.createElement(ke.A,{language:null!==(t=r.language)&&void 0!==t?t:"en",location:o,menus:n,messages:a.messages,siteArea:Pe.LQ.GET_STARTED},l.createElement(Te,{pageContext:a,menus:n,page:r}))}}}]);
2//# sourceMappingURL=component---src-templates-getting-started-page-tsx-725aa9cfba2b1ab3875b.js.map