Sondages d'invitation

// 1. Les listes d'options : la seule définition des choix possibles.
//    L'ordre du tableau est l'ordre d'affichage partout.
export const CHOIX = [{ id: "a", label: "Option A" }] as const;

// 2. La forme STOCKÉE : ce qui part en base dans la colonne jsonb.
//    Le sceneId est stocké pour pouvoir discriminer les scènes plus tard.
export const responsesSchema = z.object({
	sceneId: z.enum(SCENE_IDS),
	choix: z.enum(CHOIX.map((c) => c.id)),
	// …les champs du sondage, avec leurs messages d'erreur en français
});

// 3. Le corps de requête : l'identité du répondant + ses réponses.
export const submissionSchema = z.object({
	respondentName: z.string().trim().min(1, "Le nom est requis.").max(200),
	responses: responsesSchema,
});

// 4. Les valeurs du FORMULAIRE : la forme stockée à plat, sans sceneId.
export const formSchema = responsesSchema
	.omit({ sceneId: true })
	.extend({ respondentName: submissionSchema.shape.respondentName });

export const FORM_DEFAULTS: FormValues = { … };

// 5. Le seul point de conversion « valeurs du formulaire » → « corps de requête ».
export function toSubmission(sceneId: SceneId, { respondentName, ...responses }: FormValues) {
	return { respondentName, responses: { sceneId, ...responses } };
}

const form = useForm({
	defaultValues: FORM_DEFAULTS,
	// onChange (et pas seulement onBlur) : voir « Pièges » plus bas
	validators: { onChange: formSchema, onSubmit: formSchema },
	onSubmit: async ({ value }) => {
		await onSurveySubmit(toSubmission("<slug-de-la-scène>", value));
	},
});

const parsed = formSchema.safeParse(values);
if (!parsed.success) return setError(parsed.error.issues[0]?.message);
await onSurveySubmit(toSubmission("<slug-de-la-scène>", parsed.data));