Toggle switch to show the user's password when on the UserSettingsCard

[kevinbtesar]

Preflight checklist

• [X] I could not find a solution in the existing issues, docs, nor discussions.
• [X] I agree to follow this project's Code of Conduct.
• [X] I have read and am following this repository's Contribution Guidelines.
• [X] This issue affects my Ory Cloud project.
• [X] I have joined the Ory Community Slack.
• [X] I am signed up to the Ory Security Patch Newsletter.

Describe your problem

My feature request is not related to a problem or issue. This request concerns the SettingsFlow. The concern is that once the user has submitted the password reset code, we take them to the UserSetting card within the auth flow. At this point, they can enter their new password. However, there is no way to confirm they have entered their desired value. If an incorrect value is entered, they are forced to go through the password reset process for a second time.

Describe your ideal solution

Our ideal solution is a toggle switch that shows the entered value in the password field as clear text. I'll paste in a mockup our Project Manager and Lead Designer created in Zeplin that illustrates our request.

Workarounds or alternatives

An alternative would be a password confirmation box. I.e., a second password input field that confirms the characters match the value in the first password input field.

Version

v0.0.1-beta.7

Additional Context

I have no additional context at this time.

Thank you

[Benehiko]

I have been looking into this, please take a look at the draft PR. Suggestions are welcome! :)

[kevinbtesar]

@Benehiko That is awesome! Thank you! I can't try it out right now due to other pressing tasks, but PM will check it out and give me the go-ahead when it's apt for our project. However, I looked over the changes, and they seemed solid. Thanks again!

[Benehiko]

Hi @kevinbtesar

I actually found another problem with this implementation when using native form posts (since there are now technically two fields with the same name in the form). I'm busy fixing that quick in a different PR.

[kevinbtesar]

@Benehiko That sounds like a plan. No rush. However, I will watch this thread to inform my bosses about your progress.

Do you think the issue/feature request should be reopened until fully addressed?

[Benehiko]

Sorry about all of the delays, the latest version should now be working :)

[kevinbtesar]

@Benehiko No worries at all! While I can't test it out yet, I looked at your changes, and it seems to be super easy to implement. Many thanks from me, my team, and everyone at Pulsar!!