Login: with Phone Number

[arroyoDev]

Images Link to Figma here.

https://www.figma.com/file/GA0bFEfJZ0FHVm9rw7koyk/Crisis-Web_Platform?type=design&node-id=9536-32047&mode=design&t=8CMs4NyEn5v3XE6V-4

A user wants to login with their cell phone

Preview Give feedback

1. Create Login with Cell phone button
2. Create Login with Cell phone button
3. This loads the Log in with Cell phone screen
4. Screen has a link to “log in using different method that goes back to choices screen
5. Type in your phone number
6. IF the phone number is not valid, show the “Error Message”
7. If the phone number is valid, text a security code to the phone

When a number is typed in and clicked Login

Preview Give feedback

1. If >+1 user with matching dnis is found (at least 1 of the usrs ha validated the dnis associated with their account), then whow the pin entry screen
2. IF the usr has more than one account, return a drop down box of accounts to select from
3. Use the account drop down box to inform the submit button where to send the user next
4. If the user only has one account, do NOT show the drop down box
5. Provide a resend button that will repeat the code sending operation
6. make sure the cancel button will return you to the previous screen

Type in Security Code

Preview Give feedback

1. if 5 digit code does not match, show error message
2. if 5 digit code matches, send email to the email address on file notifying user of the login
3. route to Menu Page of app

Potential issues to address via Braden:
🤔 Also another potential issue here for existing users who have added phone numbers already (and wont be validated).
I think in this case we should just provide you with an error. "The associated account has not verified this phone number. Please login using credentials and request a verification token."

This list must consist of only the subset of associated users that are also validated. Since validating phone number is a new concept for existing users (meaning they would likely have to make an effort to go do it), maybe we need to show accounts that have not been validated as greyed out or something? Would probably need a note to go along with it somehow.
Also -- another api change here is likely for the existing registration flow. If you give us a phone number initially, we should probably go ahead and send you a validation text (like we do email)