https://pixelgamelab.com/_next/static/chunks/app/maker/(app)/layout-1ef8553a89e431da.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5087],{19357:(e,t,i)=>{"use strict";i.d(t,{NewAlertPopup:()=>p});var r=i(95155),n=i(12115),l=i(80378),a=i(2183),o=i(20063),s=i(2561);let d="pgl-alert-popped";function c(e){try{localStorage.setItem(d,JSON.stringify([...e].slice(-200)))}catch(e){}}function p(){let[e,t]=(0,n.useState)([]),[i,a]=(0,n.useState)(0),o=(0,n.useRef)(!1),s=(0,n.useRef)(null),p=(0,n.useRef)(!1);return((0,n.useEffect)(()=>{let e=!0,i=function(){try{let e=localStorage.getItem(d);return null==e?null:new Set(JSON.parse(e))}catch(e){return null}}();p.current=null===i,s.current=null!=i?i:new Set;let r=async()=>{var i;if(!e||o.current||document.hidden||document.querySelector(".pgl-game-scene"))return;let r=await (0,l.T)().catch(()=>[]);if(!e)return;let n=null!=(i=s.current)?i:new Set;if(p.current){p.current=!1;let e=Date.now()-36e5;for(let t of r){let i=Date.parse(t.createdAt);(!Number.isFinite(i)||i<e)&&n.add(t.id)}s.current=n,c(n)}let d=r.filter(e=>!e.read&&"coop"!==e.kind&&!n.has(e.id));if(!d.length)return;let h=d.slice().reverse(),x=h.slice(0,3);h.forEach(e=>n.add(e.id)),s.current=n,c(n),o.current=!0,a(h.length-x.length),t(x)},n=window.setTimeout(r,1500),h=window.setInterval(r,3e4);return()=>{e=!1,window.clearTimeout(n),window.clearInterval(h)}},[]),e.length)?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("style",{children:"\n        @keyframes pglAlertIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: none; } }\n        .pgl-alert { animation: pglAlertIn 220ms ease-out both; }\n        @media (prefers-reduced-motion: reduce) { .pgl-alert { animation: none; } }\n      "}),(0,r.jsx)("div",{style:{position:"fixed",top:14,left:"50%",transform:"translateX(-50%)",zIndex:7e3,fontFamily:"var(--font-barlow)",maxWidth:"94vw",display:"flex",flexDirection:"column",gap:8,pointerEvents:"none"},children:e.map((n,l)=>(0,r.jsx)(h,{n:n,delay:400*l,onDone:()=>{var e;return e=n.id,void t(t=>{let i=t.filter(t=>t.id!==e);return i.length||(o.current=!1),i})},more:l===e.length-1&&i>0?i:0},n.id))})]}):null}function h(e){let{n:t,delay:i,more:l,onDone:d}=e,[c,p]=(0,n.useState)(!1),h=(0,o.useRouter)();(0,n.useEffect)(()=>{if(c)return;let e=window.setTimeout(d,6e3+i);return()=>window.clearTimeout(e)},[c,i,d]);let x=t.href?()=>{(0,a.s)(t.id).catch(()=>{}),d(),h.push((0,s.nz)(t.href))}:void 0;return(0,r.jsxs)("div",{className:"pgl-alert",role:"status","aria-live":"polite",onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),onClick:x,style:{pointerEvents:"auto",display:"flex",alignItems:"center",gap:12,background:"white",border:"1.5px solid #E1E0DC",borderRadius:16,padding:"10px 12px 10px 16px",boxShadow:"0 10px 30px rgba(20,40,60,0.22)",cursor:x?"pointer":"default"},children:[(0,r.jsx)("span",{style:{fontSize:22},children:"\uD83D\uDD14"}),(0,r.jsxs)("span",{style:{display:"flex",flexDirection:"column",minWidth:0},children:[(0,r.jsx)("span",{style:{fontSize:13.5,fontWeight:800,color:"#242424",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:300},children:t.title}),t.body&&(0,r.jsx)("span",{style:{fontSize:12,color:"#5A6B62",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:300},children:t.body}),l>0&&(0,r.jsxs)("span",{style:{fontSize:11,color:"#6E6E6E"},children:[l," more in Social ▸ Alerts"]})]}),(0,r.jsx)("button",{type:"button",onClick:e=>{e.stopPropagation(),d()},"aria-label":"Dismiss",style:{border:"none",background:"transparent",color:"#6E6E6E",fontSize:18,lineHeight:1,cursor:"pointer",fontFamily:"inherit",padding:"2px 4px"},children:"\xd7"})]})}},22313:(e,t,i)=>{"use strict";i.d(t,{MakerShell:()=>E});var r=i(95155),n=i(52619),l=i.n(n),a=i(20063),o=i(12115),s=i(23342),d=i(89672),c=i(20322),p=i(30926);let h=(0,p.createServerReference)("008206d62d4d51be7202be95546b726835cb631cc6",p.callServer,void 0,p.findSourceMapURL,"getMyUserLevel");var x=i(92278);let g=(0,p.createServerReference)("0087e0971bfea7eada5ad1bc1104ea7820fc824645",p.callServer,void 0,p.findSourceMapURL,"grantWelcomeReward"),u=(0,p.createServerReference)("001ab94aff6db83d4fcdd83e8bce0cdc513aee62c1",p.callServer,void 0,p.findSourceMapURL,"getWelcomePopupSeen"),m=(0,p.createServerReference)("00ec709a84aa0d46a176a908121a5a28d22ff58148",p.callServer,void 0,p.findSourceMapURL,"markWelcomePopupSeen"),f="gda-welcome-session-v3",b=[{img:"/button_pixel.webp",label:"Create pixel art",color:"#E8930C",caption:"Turn ideas into characters and tiles."},{img:"/button_level.webp",label:"Build levels",color:"#8A63D2",caption:"Craft amazing worlds and challenges."},{img:"/button_gamepack.webp",label:"Make & share games",color:"#2FA96A",caption:"Put it all together and publish!"}];function y(e){let{firstName:t}=e,[i,n]=(0,o.useState)(!1),[l,a]=(0,o.useState)(!1),[s,d]=(0,o.useState)(!1);function c(e){n(!1);try{sessionStorage.setItem(f,"1"),localStorage.removeItem("gda-p

1arent-onboard")}catch(e){}s&&m().catch(()=>{})}return((0,o.useEffect)(()=>{let e=!1;try{e="1"===localStorage.getItem("gda-parent-onboard")}catch(e){}if(a(e),g().catch(()=>{}),e)return void n(!0);let t=!1;try{t="1"===sessionStorage.getItem(f)}catch(e){}t||u().then(e=>{e||n(!0)}).catch(()=>{})},[]),i)?(0,r.jsx)("div",{onClick:e=>{e.target===e.currentTarget&&c()},style:{position:"fixed",inset:0,background:"rgba(16,28,22,0.55)",display:"grid",placeItems:"center",zIndex:1e3,padding:10,fontFamily:"var(--font-barlow)"},children:(0,r.jsxs)("div",{style:{position:"relative",width:"min(700px, 95vw)",maxHeight:"min(94dvh, 640px)",overflowY:"auto",background:"white",borderRadius:20,boxShadow:"0 24px 70px rgba(10,30,20,0.4)",padding:"clamp(10px, 1.8vh, 18px) clamp(12px, 2.4vw, 24px) clamp(10px, 1.6vh, 16px)"},children:[(0,r.jsx)("button",{type:"button","aria-label":"Close",onClick:()=>c(),style:{position:"absolute",top:10,right:10,width:32,height:32,borderRadius:10,border:"1.5px solid #E3EFE7",background:"white",color:"#2FA96A",fontWeight:900,fontSize:15,lineHeight:1,cursor:"pointer",boxShadow:"0 2px 8px rgba(20,40,30,0.12)",fontFamily:"inherit"},children:"✕"}),l?(0,r.jsxs)("div",{style:{textAlign:"center",padding:"clamp(8px,2vh,20px) 6px"},children:[(0,r.jsxs)("h2",{style:{fontWeight:900,fontSize:"clamp(20px, 3.4vh, 26px)",color:"#1F2A24",margin:"6px 0 10px"},children:["Welcome",t?", ".concat(t):"","! \uD83C\uDF89"]}),(0,r.jsxs)("p",{style:{fontSize:"clamp(13.5px, 2.2vh, 15.5px)",lineHeight:1.6,color:"#4A554E",margin:"0 auto 18px",maxWidth:560},children:["Your child invited you! To connect their account to yours, go to ",(0,r.jsx)("strong",{style:{color:"#1F2A24"},children:"Settings → Child Accounts"})," and add them by username (or approve their request). Once connected, you can manage their account and unlock more for them."]}),(0,r.jsx)("button",{type:"button",onClick:()=>c(),style:{background:"#6DDCA7",color:"#0E2436",fontWeight:800,fontSize:15,padding:"11px 26px",borderRadius:12,border:"none",cursor:"pointer",fontFamily:"inherit",boxShadow:"0 3px 0 #4FBF85"},children:"Got it"})]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"clamp(6px, 1.8vw, 16px)",marginTop:0},children:[(0,r.jsx)("img",{src:"/welcome/welcome_kid.png",alt:"",style:{width:"clamp(56px, 11vh, 96px)",height:"auto",flexShrink:0}}),(0,r.jsxs)("div",{style:{textAlign:"center",minWidth:0},children:[(0,r.jsx)("div",{style:{fontWeight:900,fontSize:"clamp(17px, 3.4vh, 24px)",color:"#242424",lineHeight:1.1},children:"Welcome to"}),(0,r.jsx)("img",{src:"/pixelgamelab_logo_wide.png",alt:"Pixel Game Lab",style:{display:"block",margin:"clamp(3px, 0.8vh, 7px) auto 0",width:"min(100%, clamp(200px, 34vh, 300px))",height:"auto"}}),(0,r.jsxs)("div",{style:{fontWeight:700,fontSize:"clamp(11.5px, 2vh, 14px)",color:"#5E6B63",marginTop:"clamp(3px, 0.8vh, 7px)"},children:[t?"".concat(t,", your"):"Your"," adventure starts now."]})]}),(0,r.jsx)("img",{src:"/welcome/welcome_tree.png",alt:"",style:{width:"clamp(50px, 10vh, 86px)",height:"auto",flexShrink:0}})]}),(0,r.jsxs)("div",{style:{background:"#F7FAF7",border:"1.5px solid #E8F0EA",borderRadius:14,padding:"clamp(6px, 1.2vh, 12px) clamp(6px, 1.2vw, 12px)",marginTop:"clamp(6px, 1.2vh, 12px)"},children:[(0,r.jsx)("div",{style:{textAlign:"center",fontWeight:900,fontSize:"clamp(12.5px, 2.1vh, 16px)",color:"#2FA96A",marginBottom:"clamp(4px, 1vh, 9px)"},children:"◆ What you can do ◆"}),(0,r.jsx)("div",{style:{display:"grid",gridTemplateColumns:"repeat(".concat(b.length,", 1fr)"),gap:"clamp(3px, 0.8vw, 10px)"},children:b.map((e,t)=>(0,r.jsxs)("div",{style:{textAlign:"center",padding:"0 3px",borderLeft:t>0?"1px solid #E8F0EA":"none"},children:[(0,r.jsx)("img",{src:e.img,alt:"",style:{width:"clamp(36px, 6.5vh, 56px)",height:"auto",display:"block",margin:"0 auto 4px",borderRadius:10}}),(0,r.jsx)("div",{style:{fontWeight:800,fontSize:"clamp(10.5px, 1.8vh, 13px)",color:e.color,lineHeight:1.2},children:e.label}),(0,r.jsx)("div",{style:{fontWeight:600,fontSize:"clamp(9px, 1.5vh, 11px)",color:"#6E7B73",lineHeight:1.3,marginTop:2},children:e.caption})]},e.label))})]}),(0,r.jsx)(x.AppLink,{href:"/maker/help",onClick:()=>c(),style:{display:"block",marginTop:"clamp(6px, 1.2vh, 10px)",lineHeight:0},children:(0,r.jsx)("img",{src:"/welcome/welcome_tutorials.png",alt:"New here? Start with tutorials and learn step by step.",style:{width:"100%",height:"auto",maxHeight:"clamp(64px, 12vh, 104px)",objectFit:"cover",borderRadius:12,display:"block"}})}),(0,r.jsxs)("div",{style:{display:"flex",gap:"clamp(6px, 1.4vw, 12px)",marginTop:"clamp(6px, 1.2vh, 10px)"},children:[(0,r.jsx)(x.AppLink,{href:"/maker/help",onClick:()=>c(),style:{flex:1,display:"inline-flex",alignItems:"center",justifyContent:"center",gap:7,background:"#3A9968",color:"white",fontWeight:800,fontSize:"clamp(13px, 2.2vh, 15.5px)",padding:"clamp(8px, 1.6vh, 11px) 8px",borderRadius:12,textDecoration:"none",boxShadow:"0 3px 0 #2E7A53"},children:"\uD83C\uDFAC Watch Tutorial Videos"}),(0,r.jsx)("button",{type:"button",onClick:()=>c(),style:{flex:1,background:"white",color:"#4A554E",fontWeight:800,fontSize:"clamp(13px, 2.2vh, 15.5px)",padding:"clamp(8px, 1.6vh, 11px) 8px",borderRadius:12,border:"1.5px solid #DCE3DE",cursor:"pointer",fontFamily:"inherit",boxShadow:"0 3px 0 #E8EDE9"},children:"Maybe Later"})]}),(0,r.jsxs)("label",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:7,marginTop:"clamp(5px, 1vh, 9px)",cursor:"pointer",fontWeight:700,fontSize:"clamp(11px, 1.8vh, 13px)",color:"#6E7B73",userSelect:"none"},children:[(0,r.jsx)("input",{type:"checkbox",checked:s,onChange:e=>d(e.target.checked),style:{width:16,height:16,accentColor:"#2FA96A",cursor:"pointer"}}),"Don't show this again"]})]})]})}):null}function v(e,t){return e+t.replace(/^\/maker/,"")||"/"}let w=[{id:"tools",href:"/maker/tools",icon:"select",label:"Tools"},{id:"classes",href:"/maker/classes",icon:"learn",label:"My Classes"},...s.jd?[]:[{id:"help",href:"/maker/help",icon:"help",label:"Tutorials"}],...s.GE?[]:[{id:"games",href:"/maker/games",icon:"game",label:"Play Games"}]],j=[{id:"tools",href:"/maker/tools",icon:"select",label:"Tools"},{id:"library",href:"/maker/library",icon:"myprojects",label:"My Library"},...s.jd?[]:[{id:"help",href:"/maker/help",icon:"help",label:"Tutorials"}],...s.$H?[]:[{id:"marketplace",href:"/maker/marketplace",icon:"shared",label:"Marketplace"}],...s.GE?[]:[{id:"games",href:"/maker/games",icon:"game",label:"Play Games"}]],S=[{id:"pixel",href:"/maker/pixel",icon:"pixelart",label:"Pixel Art"},{id:"level",href:"/maker/level",icon:"leveldesign",label:"Level Design"},...s.ND?[]:[{id:"publish",href:"/maker/publish",icon:"gamepublish",label:"Game Package"}]];function k(e){let{username:t,isStudent:i,isDemo:n,collapsed:a,avatarUrl:o,userLevel:s,accountLabel:d,linkBase:p="/maker"}=e,h=v(p,"/maker/settings"),x=(t||"?").trim().charAt(0).toUpperCase(),g=o?"#16283A":i?"#5BA8FF":"#6DDCA7",u=i?"0 2px 0 #3A7FCC, inset 0 -2px 0 rgba(0,0,0,0.06)":"0 2px 0 #4FBF85, inset 0 -2px 0 rgba(0,0,0,0.06)",m=o?(0,r.jsx)("img",{src:o,alt:"",style:{width:"100%",height:"100%",objectFit:"contain",imageRendering:"pixelated",display:"block"}}):x;return a?(0,r.jsx)("div",{style:{position:"relative"},children:(0,r.jsx)(l(),{href:h,"aria-label":"Settings",title:t,style:{display:"flex",justifyContent:"center",width:"100%",padding:"6px 0",borderRadius:12,textDecoration:"none"},children:(0,r.jsx)("div",{style:{width:40,height:40,borderRadius:11,background:g,display:"grid",placeItems:"center",fontWeight:900,fontSize:19,color:"white",boxShadow:u,overflow:"hidden"},children:m})})}):(0,r.jsx)("div",{style:{position:"relative"},children:(0,r.jsxs)(l(),{href:h,style:{display:"flex",alignItems:"center",gap:10,padding:"6px 8px 6px 6px",margin:"0 2px 6px",borderRadius:12,background:"white",border:"1.5px solid #ECECEC",width:"calc(100% - 4px)",textAlign:"left",textDecoration:"none",fontFamily:"inherit"},children:[(0,r.jsx)("div",{style:{width:40,height:40,borderRadius:11,background:g,display:"grid",placeItems:"center",fontWeight:900,fontSize:19,color:"white",flexShrink:0,boxShadow:u,overflow:"hidden"},children:m}),(0,r.jsxs)("div",{style:{flex:1,minWidth:0,display:"flex",flexDirection:"column",lineHeight:1.05},children:[(0,r.jsx)("div",{style:{fontWeight:800,fontSize:13,color:"#242424",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:t}),(0,r.jsxs)("div",{style:{display:"inline-flex",alignItems:"center",gap:5,fontSize:10,fontWeight:800,letterSpacing:"0.04em",padding:"2px 7px 2px 6px",borderRadius:999,width:"max-content",marginTop:2,background:i?"#EFF6FF":"#E5F8EE",color:i?"#2C66A8":"#4FBF85"},children:[(0,r.jsx)("span",{style:{width:6,height:6,borderRadius:"50%",background:"currentColor"}}),d||(n?"Demo":i?"Student":"Personal")]}),s&&(0,r.jsx)("div",{style:{marginTop:6},children:(0,r.jsx)(c.S,{data:s,size:"sm"})})]})]})})}function E(e){let{firstName:t,username:i,isStudent:n,isTeacher:s=!1,isDemo:c=!1,avatarUrl:p=null,userLevel:x=null,accountLabel:g="",enrolledClasses:u=[],taskIds:m=[],linkBase:f="/maker",children:b}=e,E=((0,a.usePathname)()||"/").replace(/^\/maker/,"")||"/",F=e=>e.replace(/^\/maker/,"")||"/",C=e=>v(f,e);(0,d.V)(!0);let[D,W]=(0,o.useState)(!1),[A,R]=(0,o.useState)(!1),[z,I]=(0,o.useState)(0),[T,L]=(0,o.useState)(x);(0,o.useEffect)(()=>

1{if(n||c)return;let e=!0;return h().then(t=>{e&&t&&L(t)}).catch(()=>{}),()=>{e=!1}},[n,c]),(0,o.useEffect)(()=>{R(!0);try{let e=localStorage.getItem("gda-sidebar-collapsed");"1"===e&&W(!0)}catch(e){}function e(){window.innerWidth<=1100&&W(!0)}return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),(0,o.useEffect)(()=>{function e(){try{var e;let t=JSON.parse(null!=(e=localStorage.getItem("gda-seen-tasks"))?e:"[]");I(m.filter(e=>!t.includes(e)).length)}catch(e){I(m.length)}}return e(),window.addEventListener("gda-tasks-seen",e),()=>window.removeEventListener("gda-tasks-seen",e)},[m]);let B=n||s?w:j,P=A&&D?76:240;return/^\/(concept|pixel|level|publish)\/[^/]+/.test(E)?(0,r.jsx)("div",{style:{height:"100dvh",width:"100vw",overflow:"auto",background:"#FAF9F6"},children:b}):(0,r.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"".concat(P,"px 1fr"),height:"100dvh",width:"100vw",background:"#FAF9F6",transition:"grid-template-columns 0.3s"},children:[(0,r.jsxs)("aside",{className:D?void 0:"gda-noscroll",style:{background:"white",borderRight:"1px solid #ECECEC",display:"flex",flexDirection:"column",padding:"18px 14px",gap:4,position:"relative",zIndex:5,overflow:D?"visible":"hidden auto"},children:[(0,r.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",padding:"6px 4px 8px",gap:8},children:[D?(0,r.jsx)("img",{src:"/pixelgamelab_icon.png",alt:"Pixel Game Lab",style:{width:46,height:46,objectFit:"contain",borderRadius:12}}):(0,r.jsx)("img",{src:"/pixelgamelab_logo_transparent.png",alt:"Pixel Game Lab",style:{width:"100%",maxWidth:164,height:"auto",margin:"0 auto",display:"block"}}),(0,r.jsx)("button",{type:"button",onClick:function(){W(e=>{let t=!e;try{localStorage.setItem("gda-sidebar-collapsed",t?"1":"0")}catch(e){}return t})},"aria-label":D?"Expand sidebar":"Collapse sidebar",style:{width:24,height:24,borderRadius:"50%",background:"white",border:"1.5px solid #E1E0DC",color:"#6E6E6E",display:"grid",placeItems:"center",cursor:"pointer",zIndex:10,boxShadow:"0 2px 6px rgba(20,30,40,0.08)",transition:"color 0.15s, border-color 0.15s",flexShrink:0},children:(0,r.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",children:(0,r.jsx)("path",{d:D?"M9 6l6 6-6 6":"M15 6l-6 6 6 6",stroke:"currentColor",strokeWidth:"2.4",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),!D&&(0,r.jsx)("div",{style:{fontSize:10,fontWeight:700,letterSpacing:"0.14em",color:"#6E6E6E",padding:"10px 12px 6px",textTransform:"uppercase"},children:"Menu"}),B.map(e=>{let t=function(e){let t=F(e);return"/tools"===t?"/tools"===E||"/"===E:E===t||E.startsWith(t+"/")}(e.href);return(0,r.jsxs)("div",{style:{display:"contents"},children:[(0,r.jsxs)(l(),{href:C(e.href),title:D?e.label:void 0,style:{display:"flex",alignItems:"center",gap:12*!D,padding:D?"12px 0":"10px 12px",justifyContent:D?"center":"flex-start",borderRadius:12,fontWeight:600,fontSize:14.5,color:t?"#4FBF85":"#585858",background:t?"#E5F8EE":"transparent",textDecoration:"none",transition:"background 0.15s, color 0.15s"},children:[(0,r.jsx)("span",{style:{width:22,height:22,display:"grid",placeItems:"center",flexShrink:0},children:(0,r.jsx)("img",{src:"/icons/".concat(e.icon,".webp"),alt:"",width:20,height:20,style:{width:20,height:20,filter:t?"invert(53%) sepia(72%) saturate(384%) hue-rotate(100deg) brightness(95%) contrast(91%)":"none"}})}),!D&&(0,r.jsx)("span",{style:{flex:1},children:e.label}),!D&&"classes"===e.id&&z>0&&(0,r.jsx)("span",{style:{marginLeft:"auto",background:"#EF4444",color:"white",borderRadius:99,padding:"1px 7px",fontSize:10,fontWeight:800,flexShrink:0},children:z})]}),"tools"===e.id&&(t||S.some(e=>E===F(e.href)||E.startsWith(F(e.href)+"/")))&&S.map(e=>{let t=E===F(e.href)||E.startsWith(F(e.href)+"/");return(0,r.jsxs)(l(),{href:C(e.href),title:D?e.label:void 0,style:{display:"flex",alignItems:"center",gap:10*!D,padding:D?"8px 0":"7px 12px 7px 26px",justifyContent:D?"center":"flex-start",borderRadius:10,fontWeight:600,fontSize:13,color:t?"#4FBF85":"#585858",background:t?"#E5F8EE":"transparent",textDecoration:"none",transition:"background 0.15s, color 0.15s"}

1,children:[(0,r.jsx)("span",{style:{width:18,height:18,display:"grid",placeItems:"center",flexShrink:0},children:(0,r.jsx)("img",{src:"/icons/".concat(e.icon,".webp"),alt:"",width:16,height:16,style:{width:16,height:16,filter:t?"invert(53%) sepia(72%) saturate(384%) hue-rotate(100deg) brightness(95%) contrast(91%)":"none"}})}),!D&&(0,r.jsx)("span",{style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:e.label})]},e.id)})]},e.id)}),n&&u.length>0&&("/classes"===E||E.startsWith("/classes/"))&&(0,r.jsxs)("div",{style:{marginTop:10},children:[!D&&(0,r.jsx)("div",{style:{fontSize:10,fontWeight:700,letterSpacing:"0.14em",color:"#6E6E6E",padding:"10px 12px 4px",textTransform:"uppercase"},children:"My Classes"}),D&&(0,r.jsx)("div",{style:{height:1,background:"#ECECEC",margin:"8px 10px"}}),u.map(e=>{let t="/maker/classes/".concat(e.id),i=E===F(t)||E.startsWith(F(t)+"/");return(0,r.jsx)(l(),{href:C(t),title:D?e.name:void 0,style:{display:"flex",alignItems:"center",gap:10*!D,padding:D?"10px 0":"7px 12px",justifyContent:D?"center":"flex-start",borderRadius:10,fontWeight:600,fontSize:13,color:i?"#4FBF85":"#585858",background:i?"#E5F8EE":"transparent",textDecoration:"none",transition:"background 0.15s, color 0.15s"},children:D?(0,r.jsx)("span",{style:{width:10,height:10,borderRadius:"50%",background:i?"#4FBF85":"#D0D0D0",flexShrink:0}}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{style:{width:6,height:6,borderRadius:"50%",background:i?"#4FBF85":"#D0D0D0",flexShrink:0,marginLeft:6}}),(0,r.jsx)("span",{style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:e.name})]})},e.id)})]}),(0,r.jsx)("div",{style:{flex:1,minHeight:8}}),(0,r.jsxs)("div",{style:{paddingBottom:10},children:[D?(0,r.jsx)("div",{style:{display:"flex",justifyContent:"center",marginBottom:8},children:(0,r.jsx)(d.y,{variant:"icon",isStudent:n,isTeacher:s,isDemo:c})}):(0,r.jsx)("div",{style:{display:"flex",padding:"0 2px",marginBottom:-12,position:"relative",zIndex:0},children:(0,r.jsx)(d.y,{variant:"sidebar",isStudent:n,isTeacher:s,isDemo:c})}),(0,r.jsx)("div",{style:{position:"relative",zIndex:1},children:(0,r.jsx)(k,{username:i,isStudent:n,isDemo:c,collapsed:D,avatarUrl:p,userLevel:T,accountLabel:g,linkBase:f})})]})]}),(0,r.jsx)("main",{style:{display:"flex",flexDirection:"column",minWidth:0,minHeight:0,overflow:"hidden"},children:(0,r.jsx)("div",{style:{flex:1,minHeight:0,overflow:"auto",position:"relative"},children:b})}),(0,r.jsx)(y,{firstName:t})]})}},77014:(e,t,i)=>{Promise.resolve().then(i.bind(i,51562)),Promise.resolve().then(i.bind(i,22313)),Promise.resolve().then(i.bind(i,19357)),Promise.resolve().then(i.bind(i,17244))},92278:(e,t,i)=>{"use strict";i.d(t,{AppLink:()=>o});var r=i(95155),n=i(52619),l=i.n(n),a=i(2561);function o(e){let{href:t,...i}=e,n=(0,a.RS)();return(0,r.jsx)(l(),{href:(0,a.cV)(n,t),...i})}}},e=>{e.O(0,[2619,1562,4735,7244,8441,1255,7358],()=>e(e.s=77014)),_N_E=e.O()}]);