Skip to content

feat(settings): Split and update design ConfirmTotpResetPassword#18853

Merged
vpomerleau merged 1 commit intomainfrom
FXA-11511
May 13, 2025
Merged

feat(settings): Split and update design ConfirmTotpResetPassword#18853
vpomerleau merged 1 commit intomainfrom
FXA-11511

Conversation

@vpomerleau
Copy link
Copy Markdown
Contributor

Because

  • We are setting up this flow to expand and include recovery phone option
  • We want to simplify components and remove internal branches between 2FA TOTP and backup authentication codes
  • We want to assign individual routes to each page
  • We want to update to the new designs for these pages

This pull request

  • Split ConfirmTotpResetPassword into to components (adding ConfirmBackupCodeResetPassword)
  • Update design of both pages
  • Add missing localization
  • Swap FormVerifyCode to FormVerifyTotp that disables input unless code of correct length is input
  • Add container tests
  • Fix act warning in CompleteResetPassword tests

Issue that this pull request solves

Closes: FXA-11511

Checklist

Put an x in the boxes that apply

  • My commit is GPG signed.
  • If applicable, I have modified or added tests which pass locally.
  • I have added necessary documentation (if appropriate).
  • I have verified that my changes render correctly in RTL (if appropriate).

Screenshots (Optional)

image

image

Other information (Optional)

Latest design:
https://www.figma.com/design/Xnjs0YApSnC0CV6Ns5gCt4/2SV_Security_key_flow-Email_phone_number_2023?node-id=9947-15331&t=SOZL48jY1eKafOMr-4

@vpomerleau vpomerleau requested review from a team as code owners May 9, 2025 22:59
@vpomerleau vpomerleau marked this pull request as draft May 9, 2025 23:47
@vpomerleau vpomerleau marked this pull request as ready for review May 12, 2025 17:13
confirm-backup-code-reset-password-confirm-button = Confirm
confirm-backup-code-reset-password-subheader = Enter backup authentication code
confirm-backup-code-reset-password-instruction = Enter one of the one-time-use codes you saved when you set up two-step authentication.
# Lin out to support article: https://support.mozilla.org/kb/what-if-im-locked-out-two-step-authentication
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
# Lin out to support article: https://support.mozilla.org/kb/what-if-im-locked-out-two-step-authentication
# Link out to support article: https://support.mozilla.org/kb/what-if-im-locked-out-two-step-authentication

Because:

* We are setting up this flow to expand and include recovery phone option
* We want to simplify components and remove internal branches between 2FA TOTP and backup authentication codes
* We want to assign individual routes to each page
* We want to update to the new designs for these pages

This commit:

* Split ConfirmTotpResetPassword into to components (adding ConfirmBackupCodeResetPassword)
* Update design of both pages
* Add missing localization
* Swap FormVerifyCode to FormVerifyTotp that disables input unless code of correct length is input
* Add container tests
* Fix act warning in CompleteResetPassword tests

Closes #FXA-11511
@vpomerleau vpomerleau merged commit a541202 into main May 13, 2025
19 checks passed
@vpomerleau vpomerleau deleted the FXA-11511 branch May 13, 2025 15:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants