Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Passcodes | Use new sign in ux for passcodes behind flag #3025

Open
wants to merge 2 commits into
base: main
Choose a base branch
from

Conversation

coldlink
Copy link
Member

@coldlink coldlink commented Jan 8, 2025

What does this change?

In #2942 we implemented sign in using a one time passcode behind a feature flag (query parameter) ?usePasscodeSignIn=true.

The UX in that example wasn't particularly ideal, where we used a toggle to allow the reader to switch between sign in via passcodes or sign in via passwords.

In this PR we change the UX to remove the toggle, and instead when using the feature flag, we make passcodes the default option.

In this scenario, the reader has to just enter their email address and click "Continue with email". We then send the user a passcode, and show the passcode input page as before. However we've added an additional button here which allows the reader to "Sign in with password instead".

This button will take them to a sign in page with the password input, where they can use a password to sign in.

Passcode Password
Screen.Recording.2025-01-14.at.10.20.25.mov
Screen.Recording.2025-01-14.at.10.21.16.mov

This PR also sets up an AB test for passcodes, which rather than used for AB testing, we use it to release passcodes to 10% of the audience so we can test out the flow and look for any issues that may occur.

Tested

  • CODE

@coldlink coldlink added the passwordless PRs/Issues related to passwordless/passcode functionality label Jan 8, 2025
@coldlink coldlink requested review from guardian-ci and removed request for guardian-ci January 8, 2025 16:45
@coldlink coldlink force-pushed the mm/passcode-signin-ux-changes branch from 9d336a4 to 64e74a2 Compare January 13, 2025 14:30
@coldlink coldlink marked this pull request as ready for review January 13, 2025 16:22
@coldlink coldlink requested a review from a team as a code owner January 13, 2025 16:22
AshCorr
AshCorr previously approved these changes Jan 13, 2025
src/client/pages/PasscodeEmailSent.tsx Outdated Show resolved Hide resolved
src/client/pages/SignIn.tsx Outdated Show resolved Hide resolved
@coldlink coldlink force-pushed the mm/passcode-signin-ux-changes branch from 68c378a to 9e830c4 Compare January 14, 2025 09:17
@coldlink coldlink requested a review from a team January 14, 2025 09:18
@coldlink coldlink force-pushed the mm/passcode-signin-ux-changes branch from 9e830c4 to 4fbf374 Compare January 14, 2025 10:06
@coldlink coldlink requested review from a team and removed request for a team January 14, 2025 10:06
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
passwordless PRs/Issues related to passwordless/passcode functionality
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants