/* ============================================================ Minha Jornada — App principal Estado central: índice da etapa atual (0..STEPS.length-1). ============================================================ */ function statusOf(i, current) { if (i < current) return "done"; if (i === current) return "current"; return "locked"; } const BADGE = { done: { cls: "badge--done", txt: "Concluída" }, current: { cls: "badge--current", txt: "Você está aqui" }, locked: { cls: "badge--locked", txt: "Bloqueada" }, }; /* ---------- Cabeçalho de status ---------- */ function StatusHeader({ current, candidato }) { const total = STEPS.length; const done = current; const pct = Math.round((done / (total - 1)) * 100); const next = STEPS[current]; const saudacao = candidato ? `Olá, ${candidato.nome.split(" ")[0]} 👋` : "Bem-vindo(a)! 👋"; return (
Vestibular 2026.2 · Graduação

{saudacao}

Acompanhe aqui toda a sua jornada — do cadastro à matrícula. A cada etapa concluída, você avança rumo à sua vaga.

{pct}%
{current < total - 1 ? (
Próximo passo
{next.title} — {next.sub}
) : (
Jornada
Tudo concluído! 🎉
)}
); } /* ---------- Um passo da timeline ---------- */ function TimelineStep({ step, index, status, isOpen, onToggle, onComplete }) { const Body = STEP_COMPONENTS[step.key]; const badge = BADGE[status]; const clickable = status !== "locked"; return (
{status === "done" ? : index + 1}
clickable && onToggle()}>

{step.title}

{step.sub}

{badge.txt} {status === "locked" ? : }
{isOpen && clickable && (
{step.key === "pronto" ? : }
)}
); } /* ---------- Capa de abertura (hero full-screen, foto randômica) ---------- */ function Cover({ onEnter }) { // escolhe uma capa aleatória uma vez por carga const cover = React.useMemo(() => COVERS[Math.floor(Math.random() * COVERS.length)], []); const [jaInscrito, setJaInscrito] = React.useState(false); const [buscando, setBuscando] = React.useState(false); const [erro, setErro] = React.useState(""); const buscar = async (e) => { e.preventDefault(); const termo = e.target.elements.numeroInscricao.value.trim(); setErro(""); setBuscando(true); try { const insc = await SEIAdapter.buscarInscricao(termo); if (!insc) { setErro("Não encontramos uma inscrição com esses dados. Confira o número/CPF."); setBuscando(false); return; } onEnter({ inscricao: insc }); } catch { setErro("Não foi possível buscar agora. Tente novamente em instantes."); setBuscando(false); } }; return (
Faculdade ESUP Inscrições abertas
Vestibular 2026.2 · Goiânia

Sua vez de
protagonizar.

Inscreva-se no Vestibular 2026.2 da ESUP e acompanhe cada etapa em um só lugar — da inscrição à prova, do resultado à matrícula. Você sempre sabe onde está e qual é o próximo passo.

{!jaInscrito ? (
{CURSOS_CHIPS.map((c) => {c})}
) : (
{erro &&
{erro}
}
)}
); } /* ---------- App ---------- */ function iniciaisDe(nome) { const p = (nome || "").trim().split(/\s+/); return ((p[0]?.[0] || "") + (p.length > 1 ? p[p.length - 1][0] : "")).toUpperCase(); } function App() { const [entered, setEntered] = React.useState(false); const [current, setCurrent] = React.useState(0); const [openKey, setOpenKey] = React.useState("visita"); const [candidato, setCandidato] = React.useState(null); // null = visitante novo, sem identidade const advance = (data) => { // a etapa de inscrição envia { nome, numeroInscricao } e passamos a identificar o candidato if (data && data.nome) { setCandidato({ nome: data.nome, iniciais: iniciaisDe(data.nome), numeroInscricao: data.numeroInscricao || "" }); } const next = Math.min(current + 1, STEPS.length - 1); setCurrent(next); setOpenKey(STEPS[next].key); window.scrollTo({ top: 0, behavior: "smooth" }); }; // Entrada: nova inscrição (info vazio) ou retorno de quem já é inscrito (info.inscricao) const entrar = (info) => { if (info && info.inscricao) { const i = info.inscricao; setCandidato({ nome: i.candidato.nome, iniciais: iniciaisDe(i.candidato.nome), numeroInscricao: i.codigo }); const stepKey = window.SEIAdapter ? SEIAdapter.etapaAtualDe(i) : "prova"; const idx = STEPS.findIndex((s) => s.key === stepKey); setCurrent(idx > 0 ? idx : 1); setOpenKey(stepKey); } setEntered(true); }; if (!entered) return ; return (
ESUP {candidato && (
{candidato.nome} {candidato.numeroInscricao ? `Inscrição ${candidato.numeroInscricao}` : "Inscrição em andamento"}
{candidato.iniciais}
)}
{STEPS.map((step, i) => { const status = statusOf(i, current); return ( setOpenKey(openKey === step.key ? null : step.key)} onComplete={advance} /> ); })}
); } ReactDOM.createRoot(document.getElementById("root")).render();