// Confirmation page — shown after a successful POST /api/signup. Reads // confirmation details from `ctx` (set by the Waiver step) and the event from // the events store. Calendar export is generated client-side: Google Calendar // uses a URL template, Apple gets a blob-URL ICS download. const Confirm = ({ ctx, setCtx, go, event }) => { const fullName = `${ctx.first || 'Candidate'} ${ctx.last || ''}`.trim(); const careers = Array.isArray(ctx.careers) ? ctx.careers : (ctx.career ? [ctx.career] : []); const careerLabel = careers.length === 0 ? '—' : careers.map(code => { const c = CAREER_FIELDS.find(cf => cf.code === code); return c ? c.code : code; }).join(' · '); const [resources] = useResources(); // Build the calendar payload once. Both buttons consume `cal`. const cal = buildCalendarPayload(event, ctx, fullName); return (
{/* Hero confirmation */}
// REGISTRATION CONFIRMED YOU'RE IN. {ctx.confirmNum || 'AFSW-XXX-XXXX'}
{/* Dossier grid */}
// EVENT DOSSIER {event.city}, {event.state} {event.date} · {event.startTime || '0600'} LOCAL {event.venue} Final time and address sent via email when finalized.
{/* Single calendar button — the .ics file works in Apple Calendar (auto-imports on iOS / macOS), Google Calendar (download + drop into calendar.google.com or open on Android), Outlook, and every other major calendar app. */} + Add to calendar
// CANDIDATE {fullName}
CAREER {careerLabel}
EMAIL {ctx.email}
PHONE {ctx.phone}
WAIVER ✓ SIGNED
{/* Resources */} {resources.length > 0 && ( )}
Confirmation sent to {ctx.email}.
); }; // ── Calendar helpers ───────────────────────────────────────────────────── // // We build both formats off the same payload: the event date is a string // like "11 JUL 2026" and the start time is "0600". Duration defaults to 8 h // since training day is a full-day event. End time is computed in local // time — the user's calendar app will treat it as floating local. const MONTHS = { JAN:0, FEB:1, MAR:2, APR:3, MAY:4, JUN:5, JUL:6, AUG:7, SEP:8, OCT:9, NOV:10, DEC:11 }; function parseEventStart(event) { const m = (event.date || '').trim().split(/\s+/); // ["11","JUL","2026"] const day = parseInt(m[0], 10); const month = MONTHS[(m[1] || '').toUpperCase()]; const year = parseInt(m[2], 10); if (!Number.isFinite(day) || month === undefined || !Number.isFinite(year)) return null; const t = (event.startTime || '0600').padStart(4, '0'); const hh = parseInt(t.slice(0, 2), 10) || 6; const mm = parseInt(t.slice(2, 4), 10) || 0; return new Date(year, month, day, hh, mm, 0); } function buildCalendarPayload(event, ctx, fullName) { const start = parseEventStart(event) || new Date(); const end = new Date(start.getTime() + 8 * 60 * 60 * 1000); // +8h const title = `SW Training Day · ${event.city}, ${event.state}`; const location = [event.venue, event.address].filter(Boolean).join(', '); const details = [ `Confirmation: ${ctx.confirmNum || 'AFSW-XXXX'}`, `Candidate: ${fullName}`, '', 'Final logistics will be emailed before the event. Reply to the confirmation email if anything changes.', ].join('\\n'); const fmtUtc = (d) => d.toISOString().replace(/[-:]/g, '').replace(/\.\d{3}/, ''); const dates = `${fmtUtc(start)}/${fmtUtc(end)}`; const params = new URLSearchParams({ action: 'TEMPLATE', text: title, dates, details: details.replace(/\\n/g, '\n'), location, }); return { title, location, details, start, end, googleUrl: `https://www.google.com/calendar/render?${params.toString()}`, confirmNum: ctx.confirmNum || 'AFSW-XXXX', }; } // Backend serves the ICS with Content-Type: text/calendar so iOS Safari // opens the Calendar import sheet directly (Blob URLs save to Files // instead, which is the bug we hit on phones). Desktop browsers download // the file and offer to open with the user's calendar app, same UX. function icsUrl(confirmNum) { if (!confirmNum) return '#'; return `${window.api.API_BASE_URL}/api/ical/${encodeURIComponent(confirmNum)}.ics`; } window.Confirm = Confirm; window.buildCalendarPayload = buildCalendarPayload; window.icsUrl = icsUrl;