https://village.ai/_next/static/chunks/451.6163644decbac07a.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[451],{10451:(e,s,t)=>{t.r(s),t.d(s,{default:()=>j});var l=t(64255),a=t(41695),n=t(78694),i=t(75082),d=t(75441),r=t(90165),c=t(90924),o=t(89446),m=t(6524),u=t(83924),x=t(64852),f=t(49954);let p={Complete:"text-success-emphasis","In progress":"text-warning-emphasis"},h=new Map,b=new Set;function g(){let e=(0,n.Zp)(),{user:s}=(0,x.As)(),{visibleSteps:t,allComplete:i,completedCount:g,totalCount:j}=(0,d.R6)(),v=(null==s?void 0:s.id)!=null?String(s.id):"anonymous",N=Math.round(g/Math.max(j,1)*100),_=t.findIndex(e=>!e.isComplete);return(0,a.useEffect)(()=>{let e=h.get(v);for(let s of(e||(e=new Set,h.set(v,e)),t))s.isComplete&&!e.has(s.id)&&(e.add(s.id),(0,u.u)("onboarding_step_completed",{step_id:s.id,step_label:s.label,completed_count:g,total_count:j}))},[t,v,g,j]),(0,a.useEffect)(()=>{i&&!b.has(v)&&(b.add(v),(0,u.u)("onboarding_all_steps_completed",{}))},[i,v]),(0,l.jsx)("main",{className:"flex-1",children:(0,l.jsx)("div",{className:"flex-1 rounded-lg p-6 md:p-8 lg:p-10",children:(0,l.jsxs)("div",{className:"mx-auto max-w-3xl",children:[(0,l.jsxs)("div",{className:"mb-6",children:[(0,l.jsx)("h1",{className:"page-title",children:"Getting Started"}),(0,l.jsx)("p",{className:"text-sm text-muted-foreground",children:"Complete the steps below to get the most out of Village."})]}),(0,l.jsxs)("div",{className:"mb-6 flex flex-col gap-2",children:[(0,l.jsx)(c.k,{value:N,variant:i?"success":"default",className:"h-3"}),(0,l.jsxs)("p",{className:"text-sm text-muted-foreground",children:[g," / ",j," completed"]})]}),i&&(0,l.jsx)("div",{className:"mb-6",children:(0,l.jsx)(r.c,{active:i})}),(0,l.jsx)("div",{className:"flex flex-col divide-y overflow-hidden rounded-md border",children:t.map((s,t)=>{let a=t===_;return(0,l.jsxs)("button",{type:"button",className:(0,f.cn)("relative flex items-center justify-between gap-4 px-6 py-4 text-left transition-colors outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:ring-inset",a?"bg-brand/5 hover:bg-brand/10":"hover:bg-muted/50"),onClick:()=>e(s.navigateTo),children:[a&&(0,l.jsx)("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-0.5 bg-brand"}),(0,l.jsxs)("div",{className:"flex items-start gap-4",children:[(0,l.jsx)("div",{className:"pt-0.5",children:s.isComplete?(0,l.jsx)(o.A,{className:"size-5 text-success-emphasis"}):(0,l.jsx)("div",{className:"size-5 rounded border border-muted-foreground/30"})}),(0,l.jsxs)("div",{className:"flex flex-col",children:[(0,l.jsx)("span",{className:(0,f.cn)("text-base text-foreground",a?"font-semibold":"font-medium"),children:s.label}),(0,l.jsx)("span",{className:"text-sm text-muted-foreground",children:s.description})]})]}),(0,l.jsxs)("div",{className:"flex items-center gap-3",children:[(0,l.jsx)("span",{className:(0,f.cn)("text-xs font-medium",function(e){var s;let{isFocal:t,statusLabel:l}=e;return t?"text-brand-emphasis":null!=(s=p[l])?s:"text-muted-foreground"}({isFocal:a,statusLabel:s.statusLabel})),children:a?"Next up":s.statusLabel}),(0,l.jsx)(m.A,{className:(0,f.cn)("size-4",a?"text-brand-emphasis":"text-muted-foreground")})]})]},s.id)})})]})})})}function j(){return(0,l.jsx)(i.Xf,{children:(0,l.jsx)(g,{})})}},90165:(e,s,t)=>{t.d(s,{c:()=>o});var l=t(64255),a=t(41695),n=t(79851),i=t(22628),d=t(17273),r=t(66029);let c=!1;function o(e){let{active:s,message:t="You're all set! You've completed all onboarding steps."}=e,[o,m]=(0,a.useState)(!1);return((0,a.useEffect)(()=>{if(s&&!c){c=!0;let e=setTimeout(()=>m(!0),100);return()=>clearTimeout(e)}},[s]),s)?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{className:"pointer-events-none fixed top-1/2 left-1/2 z-9999 -translate-x-1/2 -translate-y-1/2",children:(0,l.jsx)(n.A,{active:o,config:d.m})}),(0,l.jsxs)(r.Fc,{variant:"success",role:"status",children:[(0,l.jsx)(i.A,{}),(0,l.jsx)(r.XL,{children:t})]})]}):null}}}]);