https://potenciatech.com.br/build/assets/index-B0yMY3LS.js

1import{j as e,r as E,u as ne,d as X}from"./vendor-react-Caf6nGZS.js";import{u as se}from"./index-CYeJW1Tb.js";import{f as ae,m as le,e as ce,t as de,C as V}from"./message-utils-BQ_up39G.js";import{F as I,$ as q,aA as Y,P as S,aB as pe,C as he}from"./vendor-icons-CPDSsqVu.js";import{b as d,V as j,B as a,a as N,D as k,H as Z,a2 as B,F as D,T as _,as as Q,G,t as P,z as J,i as M,L as W,E as xe,J as me,K as ue,ak as ge,N as _e,W as Ee,am as be,y as fe,q as K,Y as Le,aU as U,d as ee,aQ as Ie}from"./vendor-chakra-vTj1AOQN.js";import{u as je,a as C}from"./index-CEbyZKln.js";import{C as Oe}from"./course-plans-modal-Civ21i_d.js";import"./vendor-live-BnuEDD1a.js";import"./vendor-forms-CJIvkx3-.js";import"./vendor-i18n-DjMpJ670.js";import"./preload-helper-I4rgV-VL.js";import"./index-LkN4aDLv.js";import"./number-to-brazillian-currency-BfE81M-A.js";import"./remove-string-html-CbFA641z.js";import"./vendor-video-C24YjE40.js";import"./url-validator-Dx-iHbax.js";import"./toast-Ci2RJ7Uh.js";class Te{constructor(o,n){this.url=o,this.httpClient=n}url;httpClient;async loadById({id:o,page:n}){const s=await this.httpClient.request({url:`${this.url}/play/${o}/progresso/gamification?page=${n}`,method:"GET",headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest"},params:{api_request:!0}}),l=s.body||{};switch(s.status){case 200:return l;case 401:throw new Error("Unauthorized");case 404:throw new Error("Not found");default:throw new Error("Unhandled error")}}}const we=()=>new Te(ae(),le());function Ce({id:t,page:o}){return we().loadById({id:t,page:o})}function He({id:t,page:o}){return ce({queryKey:["trailGame",t,o],queryFn:()=>Ce({id:t,page:o}),placeholderData:de,refetchOnWindowFocus:!1})}function De({numberOfItems:t,numberOfFinishedItems:o,badges:n,completedBadgesIndexList:s}){const l=t!==0?o/t*100:0,c=d("rgba(0, 0, 0, 0.8)","rgba(255, 255, 255, 0.8)");return e.jsxs(j,{spacing:4,position:"sticky",children:[e.jsxs(a,{bg:d("white","#111315"),borderRadius:"md",width:"100%",children:[e.jsx(a,{p:5,children:e.jsx(N,{as:"p",size:"sm",children:"Seu Progresso"})}),e.jsx(k,{borderColor:d("#E1E1E1","#2A2A2A")}),e.jsx(a,{p:5,children:e.jsxs(j,{align:"left",spacing:6,children:[e.jsxs(Z,{spacing:-5,pos:"relative",children:[e.jsx(B,{borderWidth:2,borderColor:"#D37A01",bg:"#FEC10D",size:"8",zIndex:1,color:"#D37A01",fontWeight:700,children:"1"}),e.jsx(a,{h:"6",w:"100%",bg:d("#EDEDED","#2A2A2A"),pos:"relative",_before:{content:'""',display:"block",height:6,background:"#FFC00C",width:`${l}%`,top:"0",left:"0",borderRadius:"full"},children:e.jsx(a,{bg:"white",opacity:d(.2,.1),top:1,h:"2",w:"100%",pos:"absolute"})}),e.jsx(B,{borderWidth:2,borderColor:"#D37A01",bg:"#FEC10D",size:"8",zIndex:1,color:"#D37A01",children:e.jsx(I,{icon:q})})]}),e.jsxs(D,{fontSize:"sm",fontWeight:500,align:"center",justify:"space-between",children:[e.jsx(_,{color:c,children:"Concluídos:"}),e.jsxs(_,{color:c,children:[o,"/",t]})]})]})})]}),e.jsxs(a,{bg:d("white","#111315"),borderRadius:"md",width:"100%",children:[e.jsx(a,{p:5,children:e.jsx(N,{as:"p",size:"sm",children:"Medalhas"})}),e.jsx(k,{borderColor:d("#E1E1E1","#2A2A2A")}),e.jsx(a,{p:5,children:n.length>0?e.jsx(Q,{templateColumns:"repeat(4, 1fr)",gap:4,children:n.map((h,g)=>e.jsx(G,{children:e.jsx(P,{width:"100%",src:h.image,"aria-label":h.title,filter:s.includes(g)?"grayscale(0%)":"grayscale(100%)"})},h.id))}):e.jsx(_,{fontSize:"sm",textAlign:"center",py:6,color:c,children:"Ainda não possuímos medalhas para você."})})]}),e.jsxs(a,{bg:d("white","#111315"),borderRadius:"md",width:"100%",children:[e.jsx(a,{p:5,children:e.jsx(N,{as:"p",size:"sm",children:"Missões"})}),e.jsx(k,{borderColor:d("#E1E1E1","#2A2A2A")}),e.jsxs(j,{align:"center",spacing:4,py:6,children:[e.jsx(a,{color:d("blackAlpha.700","whiteAlpha.700"),children:e.jsx(I,{icon:Y,size:"2x"})}),e.jsx(_,{fontSize:"sm",fontWeight:400,color:c,children:"Aguarde novidades"})]})]})]})}function te({loggedIn:t,progress:o,fullWidth:n=!1,borderRadius:s=!1,label:l="Trilha",nextItem:c}){const{onOpen:h,onClose:g,isOpen:O}=J(),{getLabelByWord:T}=je(),{cartMutate:i}=E.useContext(V),p=c.payment?.package,x=Array.isArray(p)&&p.length>1,f={variant:"brand-solid",width:n?"100%":"unset",py:"16px",borderRadius:s?"full":"none",textTransform:"uppercase",fontSize:"sm",_hover:{textDecoration:"none",color:"white",backgroundColor:"brand-scheme.600"}},H=async()=>{i({id:c?.payment?.package?c.payment.package[0].id:c.id,type:c?.payment.package?"PACKAGE":"ITEM"})},y=()=>c&&c.payment&&!c.payment.wasPaid?e.jsxs(a,{children:[x&&e.jsx(Oe,{isOpen:O,onClose:g,plans:p??[]}),e.jsxs(M,{leftIcon:e.jsx(I,{icon:S}),onClick:x?h:H,...f,children:["Adicionar próximo"," ",T({word:"Curso",mode:"singular"})," ao carrinho"]})]}):t&&(o==="IN_PROGRESS"||o==="NOT_INITIALIZED")?c&&e.jsxs(M,{as:W,href:c.url,leftIcon:e.jsx(I,{icon:S}),...f,children:[o==="IN_PROGRESS"?"Continuar":"Iniciar"," ",l]}):t&&o==="COMPLETED"?e.jsx(M,{leftIcon:e.jsx(I,{icon:pe}),pointerEvents:"none",...f,children:"Concluído"}):e.jsxs(M,{as:W,href:"/login_app",leftIcon:e.jsx(I,{icon:S}),...f,children:["Iniciar ",l]});return e.jsx(a,{children:y()})}function ye({title:t="",description:o="",progress:n,label:s,user:l,nextItem:c,isOpen:h,onClose:g}){return e.jsxs(xe,{scrollBehavior:"inside",isOpen:h,onClose:g,children:[e.jsx(me,{}),e.jsxs(ue,{bg:d("white","#111315"),minWidth:"80vw",pt:"6",children:[e.jsx(ge,{px:"12",children:e.jsx(N,{fontSize:"32px",children:t})}),e.jsx(_e,{top:"40px",right:"42px",color:d("#111315","white"),_focus:{outline:"none"}}),e.jsx(Ee,{px:"12",pb:"6",children:e.jsx(_,{fontSize:"16px",as:"span",dangerouslySetInnerHTML:{__html:o||""}})}),e.jsx(be,{padding:0,children:e.jsx(a,{width:"100%",children:e.jsx(te,{loggedIn:l!==void 0,progress:n,label:s,nextItem:c,fullWidth:!0})})})]})]})}function Ne({image:t,title:o,description:n,progress:s,progressPercentage:l,label:c,nextItem:h}){const g=C(),{isOpen:O,onClose:T,onOpen:i}=J(),p=()=>window.innerWidth,x=d(["black","white"],["white","black"]),f=d("white","#111315"),H=d("black","white"),y=d("#111315","#fff"),A=d("#E1E1E1","#2A2A2A"),[L,m]=E.useState(!1),b=(w,R,$)=>{if(!R)return 0;const v=w-$*2;return R.split(`
2`).reduce((F,ie)=>{const z=ie.length*$;return z>v?F+Math.ceil(z/v):F+1},0)},u=()=>{const w=p();return b(w,n||"",16)};return e.jsxs(e.Fragment,{children:[e.jsxs(a,{children:[e.jsxs(fe,{direction:g?"column":"row",px:["1rem","1rem","3rem","3rem"],py:["1rem","1rem","3rem","3rem"],bg:f,boxShadow:"lg",alignItems:"flex-start",spacing:["1rem","3rem"],children:[e.jsx(P,{src:t,borderRadius:"md",height:["auto","auto","266px","266px"],width:["100%","100%","595px","595px"],objectFit:"contain",alt:o}),e.jsxs(j,{align:"left",children:[e.jsx(N,{as:"h1",size:"xl",children:o}),e.jsx(_,{as:"div",bgGradient:u()>3&&!L?`linear(to-b, ${x[0]}, ${x[1]})`:"transparent",bgClip:u()>3&&!L?"text":"none",noOfLines:L?100:3,color:H,dangerouslySetInnerHTML:{__html:n||""}}),u()>3&&e.jsx(_,{as:"u",onClick:()=>{g?m(!L):i()},fontWeight:700,fontSize:"sm",textTransform:"uppercase",cursor:"pointer",color:y,children:L?"Ver menos":"Ver mais"})]})]}),e.jsx(a,{w:"100%",bg:A,position:"absolute",h:1,_before:{content:'""',dis

2play:"block",height:1,background:"var(--primary-color)",width:`${l}%`,top:"0",left:"0"}})]}),e.jsx(ye,{title:o,description:n,label:c,progress:s,user:{id:1,name:"teste"},nextItem:h,onClose:T,onOpen:i,isOpen:O})]})}function Be({user:t,label:o,title:n,progress:s}){const l=()=>t?.name?s==="ALL_UNPUBLISHED"?{title:`Bem vindo(a), ${t.name}.`,subtitle:"Os conteúdos ainda não estão disponíveis."}:s==="COMPLETED"?{title:`Bem vindo(a) de volta, ${t.name}.`,subtitle:`Parabéns por concluir a(o) ${o} ${n}.`}:s==="IN_PROGRESS"?{title:`Bem vindo(a) de volta, ${t.name}.`,subtitle:`Vamos retomar nossa(o) ${o}?`}:{title:`Bem vindo(a), ${t.name}.`,subtitle:`Vamos começar a(o) ${o} ${n}?`}:{title:"Bem vindo(a), Visitante.",subtitle:`Vamos começar a(o) ${o} ${n}?`};return e.jsxs(j,{spacing:1,align:"left",children:[e.jsx(_,{color:d("black","white"),fontWeight:700,children:l()?.title}),e.jsx(_,{color:d("black","white"),children:l()?.subtitle})]})}function oe({image:t,title:o,completed:n}){const s=C();return e.jsxs(B,{position:"relative",zIndex:1,size:s?"94px":"128px",bg:n?"var(--primary-color)":"#838383",borderWidth:4,borderColor:d("white","#111315"),children:[t==="TROPHY"?e.jsx(I,{icon:q,size:s?"2x":"3x",color:"white"}):e.jsx(P,{src:t,alt:o,w:"100%",h:"100%",padding:["0.5rem","1rem"],objectFit:"contain",filter:n?"grayscale(0)":"grayscale(100%)"}),e.jsx(j,{width:s?"64px":"128px",textAlign:"center",fontSize:["sm","sm","md","md"],position:"absolute",top:"calc(100% + 5px)",spacing:["0","0","0.5rem","0.5rem"],children:e.jsx(_,{fontWeight:700,color:d("black","white"),children:o})})]})}function Me({children:t,hasLink:o,href:n}){return o?e.jsx(W,{href:n,children:t}):e.jsx(a,{children:t})}function re({data:t}){const o=C(),{cartMutate:n}=E.useContext(V),s=async()=>{if(!(t.locked||t.all_unpublished||t.payment?.wasPaid)){if(t.payment?.package?.length&&!t.payment.wasPaid){n({id:t.payment.package[0].id,type:"PACKAGE"});return}t.payment?.price&&!t.payment.wasPaid&&n({id:t.id})}},l={hidden:{opacity:0},visible:{opacity:1,transition:{duration:.5,ease:"easeInOut"}}};return e.jsx(Me,{hasLink:t.payment?t.payment.wasPaid:!0,href:t.locked?void 0:t.url,children:e.jsxs(a,{pos:"relative",as:K.div,transition:"all 0.5s ease-in-out",initial:"hidden",whileHover:"visible",onClick:()=>{s()},children:[e.jsx(a,{borderWidth:6,cursor:"pointer",borderColor:d("white","#111315"),children:e.jsx(P,{src:t.image,minWidth:o?"156px":"288px",maxWidth:o?"156px":"288px",minHeight:o?"84px":"136px",maxHeight:o?"84px":"136px",objectFit:"cover",transition:"all 0.2s",cursor:t.locked||t.all_unpublished?"default":"pointer",borderRadius:"md",filter:!t.all_unpublished&&(t.completed||!t.locked)?"grayscale(0)":"grayscale(100%)"})}),o?null:e.jsx(Le,{pos:"absolute",top:"14px",left:"12px",bg:"rgba(0, 0, 0, 0.64)",fontSize:"xs",fontWeight:700,textTransform:"capitalize",size:"sm",color:"white",borderRadius:"full",children:t.type}),(t.locked||t.all_unpublished)&&e.jsx(U,{children:e.jsx(B,{color:"white",bg:"rgba(0, 0, 0, 0.64)",size:o?"34px":"48px",children:e.jsx(a,{children:e.jsx(I,{icon:Y,size:"1x"})})})}),!t.all_unpublished&&(t.completed||!t.locked)&&e.jsx(U,{cursor:"pointer",children:e.jsx(B,{as:K.div,variants:l,color:"white",bg:"rgba(0, 0, 0, 0.64)",size:"48px",children:e.jsx(a,{children:e.jsx(I,{icon:he,size:"1x"})})})}),e.jsxs(j,{width:o?"calc(156px + 0.375rem)":"calc(288px + 0.375rem)",textAlign:"center",fontSize:o?"sm":"md",position:"absolute",top:"calc(100% + 0.375rem)",spacing:o?0:2,children:[e.jsxs(_,{fontWeight:700,textAlign:"center",children:[t.title," ",t.payment&&!t.payment.wasPaid&&"- Pago"]}),e.jsx(_,{fontSize:"xs",color:"gray.500",children:t.type})]})]})})}const r={LINE_WIDTH:16,LINE_DEFAULT_COLOR:"#E1E1E1",LINE_DEFAULT_COLOR_DARK_MODE:"#2A2A2A",LINE_COMPLETED_COLOR:"#FFC00C",LINE_BOX_DESKTOP_HEIGHT:140,LINE_BOX_MOBILE_HEIGHT:120};function Pe({element:t,direction:o}){const n=C(),s=d(r.LINE_DEFAULT_COLOR,r.LINE_DEFAULT_COLOR_DARK_MODE);return e.jsx(a,{my:"-1px",w:"100%",children:e.jsxs(D,{align:"center",flexDirection:o,children:[e.jsx(a,{position:"relative",borderRadius:`${n?r.LINE_BOX_MOBILE_HEIGHT:r.LINE_BOX_DESKTOP_HEIGHT}px 0 0 0`,borderWidth:"16px",borderColor:t.component.completed?r.LINE_COMPLETED_COLOR:s,borderRight:"none",borderBottom:"none",width:"25%",height:n?`${r.LINE_BOX_MOBILE_HEIGHT}px`:`${r.LINE_BOX_DESKTOP_HEIGHT}px`,mt:n?`calc(${r.LINE_BOX_MOBILE_HEIGHT}

2px - ${r.LINE_WIDTH}px)`:`calc(${r.LINE_BOX_DESKTOP_HEIGHT}px - ${r.LINE_WIDTH}px)`,transform:o==="row"?"none":"scaleX(-1)"}),e.jsx(re,{data:t.component}),e.jsx(a,{width:n?"20px":"100px",height:`${r.LINE_WIDTH}px`,bg:t.badge.completed?r.LINE_COMPLETED_COLOR:s}),t.badge.image?e.jsx(oe,{image:t.badge.image,title:t.badge.title,completed:t.badge.completed}):e.jsx(a,{width:n?"64px":"100px",height:`${r.LINE_WIDTH}px`,bg:t.badge.completed?r.LINE_COMPLETED_COLOR:s}),e.jsx(a,{position:"relative",borderRadius:`0 ${n?r.LINE_BOX_MOBILE_HEIGHT:r.LINE_BOX_DESKTOP_HEIGHT}px 0 0`,borderWidth:`${r.LINE_WIDTH}px`,borderColor:t.badge.completed?r.LINE_COMPLETED_COLOR:s,borderLeft:"none",borderBottom:"none",width:"25%",height:n?`${r.LINE_BOX_MOBILE_HEIGHT}px`:`${r.LINE_BOX_DESKTOP_HEIGHT}px`,transform:o==="row"?"scaleY(-1)":"scale(-1)",mt:n?`calc(-${r.LINE_BOX_MOBILE_HEIGHT}px + ${r.LINE_WIDTH}px)`:`calc(-${r.LINE_BOX_DESKTOP_HEIGHT}px + ${r.LINE_WIDTH}px)`})]})})}function Ae({element:t}){const o=C(),n=d(r.LINE_DEFAULT_COLOR,r.LINE_DEFAULT_COLOR_DARK_MODE);return e.jsx(a,{my:"-1px",w:"100%",children:e.jsxs(D,{align:"center",justify:"end",children:[e.jsx(re,{data:t.component}),e.jsx(a,{width:"10px",height:`${r.LINE_WIDTH}px`,bg:t.component.completed?r.LINE_COMPLETED_COLOR:n}),e.jsx(a,{position:"relative",borderRadius:`0 ${o?r.LINE_BOX_MOBILE_HEIGHT:r.LINE_BOX_DESKTOP_HEIGHT}px 0 0`,borderWidth:`${r.LINE_WIDTH}px`,borderColor:t.component.completed?r.LINE_COMPLETED_COLOR:n,borderLeft:"none",borderBottom:"none",width:"25%",height:o?`${r.LINE_BOX_MOBILE_HEIGHT}px`:`${r.LINE_BOX_DESKTOP_HEIGHT}px`,mt:o?`calc(${r.LINE_BOX_MOBILE_HEIGHT}px - ${r.LINE_WIDTH}px)`:`calc(${r.LINE_BOX_DESKTOP_HEIGHT}

2px - ${r.LINE_WIDTH}px)`})]})})}function Re({direction:t,element:o,isLastPage:n}){const s=C(),l=d(r.LINE_DEFAULT_COLOR,r.LINE_DEFAULT_COLOR_DARK_MODE);return e.jsx(a,{my:"-1px",w:"100%",children:e.jsxs(D,{align:"center",justify:t==="row"?"end":"start",flexDirection:t==="row"?"row":"row-reverse",children:[e.jsx(a,{position:"relative",width:"25%",mx:"-1px",height:s?`${r.LINE_BOX_MOBILE_HEIGHT}px`:`${r.LINE_BOX_DESKTOP_HEIGHT}px`,transform:"scaleY(-1)",mt:s?`calc(${r.LINE_BOX_MOBILE_HEIGHT}px - ${r.LINE_WIDTH}px)`:`calc(${r.LINE_BOX_DESKTOP_HEIGHT}px - ${r.LINE_WIDTH}px)`}),n?e.jsx(oe,{image:o.badge.image,title:o.badge.title,completed:o.completed}):e.jsx(Z,{width:"100%",align:"center",justify:"center",spacing:4,children:e.jsx(a,{children:e.jsx(ee,{size:"sm",color:"brand.primary",_dark:{color:"white"}})})}),e.jsx(a,{width:"22%",height:`${r.LINE_WIDTH}px`,bg:o.completed?r.LINE_COMPLETED_COLOR:l}),e.jsx(a,{position:"relative",borderRadius:`0 ${s?r.LINE_BOX_MOBILE_HEIGHT:r.LINE_BOX_DESKTOP_HEIGHT}px 0 0`,borderWidth:`${r.LINE_WIDTH}px`,borderColor:o.completed?r.LINE_COMPLETED_COLOR:l,borderLeft:"none",borderBottom:"none",width:"25%",height:s?`${r.LINE_BOX_MOBILE_HEIGHT}px`:`${r.LINE_BOX_DESKTOP_HEIGHT}px`,mt:s?`calc(-${r.LINE_BOX_MOBILE_HEIGHT}px + ${r.LINE_WIDTH}px)`:`calc(-${r.LINE_BOX_DESKTOP_HEIGHT}px + ${r.LINE_WIDTH}px)`,transform:t==="row"?"scaleY(-1)":"scale(-1)"})]})})}function $e({index:t,numberOfElements:o,item:n,isLastPage:s}){const l=()=>t%2===0?"row-reverse":"row",c=()=>{switch(t){case 0:return e.jsx(Ae,{element:n});case o:return e.jsx(Re,{isLastPage:s,direction:l(),element:n});default:return e.jsx(Pe,{direction:l(),element:n})}};return e.jsx(a,{w:"100%",maxWidth:"3xl",children:c()})}function Se({isLastPage:t,items:o,roadmapBadge:n,roadmapCompleted:s,userLoggedIn:l,all_unpublished:c}){if(!o||o.length===0)return null;const h=p=>l?p.url:"/login_app",g={component:{id:o[0].item_id,image:o[0].image,title:o[0].title,url:h(o[0]),type:o[0].type,completed:o[0].completed,locked:o[0].locked,all_unpublished:c,payment:o[0].payment}},O=o.slice(1).map((p,x)=>({component:{id:p.item_id,image:p.image,title:p.title,url:h(p),type:p.type,completed:p.completed,locked:p.locked,all_unpublished:c,payment:p.payment},badge:{image:o[x].badge?.image||"",title:o[x].badge?.title||"",description:p.badge?.description||"",completed:o[x].completed}})),T=()=>n.image?{badge:{image:n.image,title:n.title},completed:s}:o[o.length-1].badge.image?{badge:{image:o[o.length-1].badge.image??"",title:o[o.length-1].badge.title??""},completed:o[o.length-1].completed}:{badge:{image:"TROPHY",title:"Conquista liberada!"},completed:s},i=[g,...O,T()];return e.jsx(D,{align:"center",direction:"column",w:"100%",children:i.map((p,x)=>e.jsx($e,{isLastPage:t,index:x,numberOfElements:i.length-1,item:p},x))})}function it(){const{id:t}=ne();t||(window.location.href="/");const o=C(),[n,s]=E.useState(1),[l,c]=E.useState(),[h,g]=E.useState(!0),[O,T]=E.useState(!0),{data:i,isLoading:p}=He({id:Number(t),page:n});E.useEffect(()=>{(async()=>(await new Promise(b=>setTimeout(b,1e3)),T(!1)))()},[]);const{ref:x,inView:f}=se({rootMargin:"100px",threshold:.1});E.useEffect(()=>{i&&(c(n===1?i.items:m=>[...m||[],...i.items.filter(b=>!(m||[]).some(u=>u.id===b.id))]),g(n<i.pagination.last_page))},[i,n]);const H=E.useCallback(()=>{h&&!p&&s(m=>m+1)},[h,p]);E.useEffect(()=>{f&&h&&H()},[f,h,H]);const{badgesList:y,completedBadgesIndexList:A}=X.useMemo(()=>{const m=[],b=[];if(i&&i.all_badges&&i.all_badges.length>0)i.all_badges.forEach((u,w)=>{m.push(u),u.completed&&b.push(w)});else if(l&&l.length>0&&l.forEach(u=>{if(u.badge.image){const w=m.length;u.completed&&b.push(w),m.push(u.badge)}}),i&&i.badge&&i.badge.image){const u=m.length;i.completed&&b.push(u),m.push(i.badge)}return{badgesList:m,completedBadgesIndexList:b}},[i]),L=X.useMemo(()=>i?i.all_unpublished?"ALL_UNPUBLISHED":i.completed?"COMPLETED":i.number_of_completed_items<i.number_of_items&&i.number_of_completed_items>0?"IN_PROGRESS":"NOT_INITIALIZED":"NOT_INITIALIZED",[i]);return e.jsx(a,{marginTop:"64px",bg:d("#F9F9F9","black"),children:O?e.jsx(Ie,{h:"100vh",children:e.jsx(ee,{size:"xl",thickness:"4px",color:"blue.500"})}):i?e.jsxs(j,{align:"left",children:[e.jsx(Ne,{image:i.image,title:i.title,de

2scription:i.description,progressPercentage:i.number_of_items?i.number_of_completed_items/i.number_of_items*100:0,progress:L,label:i.label,nextItem:i.next_item}),e.jsxs(Q,{h:"100%",p:[0,0,12,10],templateColumns:"repeat(12, 1fr)",gap:4,children:[e.jsxs(G,{background:"#FFFFFF",_dark:{background:"#111315"},borderRadius:"md",px:[3,3,8,8],py:8,colSpan:[12,12,9,9],children:[e.jsxs(D,{direction:o?"column":"row",justify:"space-between",align:"center",children:[e.jsx(Be,{label:i.label,progress:L,title:i.title,user:{id:i.viewer_id,name:i.viewer_name}}),!o&&!i.next_item_has_paid&&!i.all_unpublished&&i.items&&i.items.length>0&&e.jsx(te,{loggedIn:!!i.viewer_name,progress:L,borderRadius:!0,nextItem:i.next_item,label:i.label})]}),e.jsxs(a,{children:[l&&l.length>0&&e.jsx(Se,{isLastPage:!h,items:l,userLoggedIn:!!i.viewer_id,roadmapCompleted:i.completed,roadmapBadge:i.badge,all_unpublished:i.all_unpublished}),e.jsx(a,{ref:x})]})]}),e.jsx(G,{colSpan:[0,0,3,3],display:["none","none","grid","grid"],children:e.jsx(De,{badges:y,completedBadgesIndexList:A,numberOfFinishedItems:i.number_of_completed_items,numberOfItems:i.number_of_items})})]})]}):null})}export{it as TrailGamePage};