E-mail sign up flow modifications

[phwizard]

Screen 1: Sign up with e-mail

Add description in the top:

Please specify your contact details including the e-mail you will be using to sign into the system. You will receive a temporary password and further details into your inbox.

Screen 2: Confirmation e-mail

Please change the text accordingly:

Somebody (hopefully you) has specified this e-mail to be used with your [ App name ] account.

Your temporary password is:
[ temporary password ]

In order to proceed and create your account, press "Confirm account" below.

[ Confirm account ]

Screen 3: Specify temporary password

Thank you for confirming your e-mail!

Just specify a permanent password now and you'll be all set!

Temporary password: [ pre-populated via link from the e-mail button ]

New password: [ ] Repeat password: [ ]

[ Create account ]

Possible warnings:

• Temporary password doesn't match.
• Please set a new password in order to proceed.
• Your new password and repeat password should match.

Screen 4: Sign-in

Once user has successfully set a new permanent password, take them to normal sign-in via e-mail screen, ideally with e-mail pre-populated.

[phwizard]

comments

1. how long the link will be vaild - you can keep it valid forever for now. We will display in Users list their statuses.
2. “what to do if the user logs in using Google authentication, but the admin has created a temporary password for them.” I guess in such case we should display errors or warnings and don’t allow to create a new temporary password. These passwords should only be for e-mail login accounts.

[phwizard]

In progress by Borys.

[dendidibe]

https://user-images.githubusercontent.com/54039544/234541890-b3f35cc5-3847-4a1b-9a79-bbf06306c83d.mp4

[phwizard]

thank you. closing.