- {formConfig.title} -
- {formConfig.subtitle && ( -{formConfig.subtitle}
- )} -+ Monthly check-in · Co-op organizing +
++ {formConfig.title} +
++ {formConfig.subtitle} +
+ +This link is missing required information.
-+
+ This link is missing required information. +
+Open the form using the personalized link from your email. If you no longer have it, please contact your engagement coordinator and ask for a fresh link.
diff --git a/components/EngagementForm.tsx b/components/EngagementForm.tsx index 7ef5b6e..49396e8 100644 --- a/components/EngagementForm.tsx +++ b/components/EngagementForm.tsx @@ -1,10 +1,11 @@ "use client"; -import { useEffect, useMemo, useState } from "react"; +import { useEffect, useMemo, useRef, useState } from "react"; import { useForm } from "react-hook-form"; import type { FormConfig, FormDataPayload, SubmitPayload } from "@/types/form"; import { evaluate } from "@/lib/conditional"; import { StageSection } from "./StageSection"; +import { loadDraft, saveDraft, clearDraft } from "@/lib/draft"; interface EngagementFormProps { config: FormConfig; @@ -17,33 +18,38 @@ type LoadState = | { kind: "error"; message: string } | { kind: "ready"; data: FormDataPayload }; -/** - * Top-level form orchestrator. Responsible for: - * - fetching prefill data + the org's current stage from /api/data - * - hydrating react-hook-form with prefill values - * - re-evaluating section visibility against live form values on every change - * - submitting to /api/submit and surfacing success / error feedback - */ +type SubmitStatus = + | { kind: "idle" } + | { kind: "submitting" } + | { kind: "success" } + | { kind: "error"; message: string }; + +const STAGE_RANK: Record-
+ {sectionsToRender.map(({ section, sectionVisible }) => {
+ if (!sectionVisible) return null;
+ return (
+
-
+
+
+ );
+ })}
+
Check-in for
-{orgName}
-
- Framework Stage:{" "}
-
- {currentStage || "—"}
+ Check-in for Your changes will be saved as a new check-in record.
+ Draft restored from {ago}. Your in-progress edits were
+ saved locally and have been re-applied.
+
+ {isDirty
+ ? draftSavedAt
+ ? `Draft saved ${formatRelative(draftSavedAt)} (locally on this device)`
+ : "Editing — your draft will save automatically"
+ : "Submitting saves a new check-in record on your co-op."}
+
+
Saving your check-in…
✓ Check-in saved. Thank you.
+ ✕ {state.message}
+
- ✕ {state.message}
- Loading your check-in form… Loading your check-in… {message}
- If this problem persists, please contact your engagement coordinator and ask for a fresh
+ {message}
+ If this keeps happening, please contact your engagement coordinator and ask for a fresh
link.
+ {orgName}
+
+ We couldn't load your check-in form.
-
+ We couldn't open your check-in.
+
+