Add AuthGateStep page (wizard step 5)

- Centered-form layout with 3 progressive sub-steps: SSO/email → details → verify
- Google/Microsoft SSO buttons + email entry (sub-step 1)
- Name, phone, contact preference fields (sub-step 2) — phone optional when email-only
- 6-digit verification code entry (sub-step 3)
- Benefit framing ("Save your plan") not gate framing
- Responsive name fields (stacked on mobile, side-by-side on desktop)
- autoComplete + inputMode on all fields per WCAG 3.3.8
- Audit: 18/20 (Excellent), P1 fixed (responsive name fields)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-29 14:49:32 +11:00
parent 57e485ee8b
commit 9738e6e893
3 changed files with 613 additions and 0 deletions

View File

@@ -0,0 +1,8 @@
export { AuthGateStep, default } from './AuthGateStep';
export type {
AuthGateStepProps,
AuthGateStepValues,
AuthGateStepErrors,
AuthSubStep,
ContactPreference,
} from './AuthGateStep';