Skip to content

feat(onboarding): add email verification code UI#3052

Open
baktun14 wants to merge 2 commits intofeat/auth0-verification-backendfrom
feat/auth0-verification-frontend
Open

feat(onboarding): add email verification code UI#3052
baktun14 wants to merge 2 commits intofeat/auth0-verification-backendfrom
feat/auth0-verification-frontend

Conversation

@baktun14
Copy link
Copy Markdown
Contributor

@baktun14 baktun14 commented Apr 9, 2026

Why

Part of CON-197 — Replace Auth0's default email verification link with a 6-digit code flow.

This is PR 2 of 2 — frontend only. Split from #2824 to make review manageable.
Depends on PR 1 (backend): #3051

What

  • VerificationCodeInput: 6-digit OTP input with autofill support (extracted per review feedback)
  • EmailVerificationStep: code entry UI with cooldown timer and resend
  • EmailVerificationContainer: lean container orchestrating send/verify/resend (UI concerns moved to view per review feedback)
  • VerifyEmailPage: updated to use new code-based verification
  • SessionService: simplified to remove legacy verification logic
  • useEmailVerificationRequiredEventHandler: updated for code-based flow
  • Snackbar: fix DOM nesting warning
  • Unit tests for all new and modified components

13 files changed (~670 additions, ~465 deletions)

…to-advance

Implement 6-digit code input with OTP autofill, cooldown timer for
resend, auto-advance on verification success, and toast notifications
for errors. Extracts VerificationCodeInput component and simplifies
EmailVerificationContainer/Step separation.
@baktun14 baktun14 requested a review from a team as a code owner April 9, 2026 23:08
@coderabbitai
Copy link
Copy Markdown
Contributor

coderabbitai bot commented Apr 9, 2026

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: cef57699-9613-4848-9ae1-3372ffb2368e

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feat/auth0-verification-frontend

Comment @coderabbitai help to get the list of available commands and usage tips.

Remove redundant refs (cooldownRef, isSendingRef) that duplicated state,
fix resend button showing "Verifying..." label, remove dead user.id
guard, and inject redirect as dependency to simplify VerifyEmailPage tests.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant