OTP & Email verification page redesign and rewriting

[bhanu2217]

• On the OTP verification page show progress bar
  1. Mobile verification
  2. Email verification

Mobile Verification tab:

• Have timer to resend otp only after 120 seconds
• Resend otp or receive call button shouldn't be this big and both are greyed out till time is done
• Allow maximum 3 resend in 24 hours
• Display message incase they didn't receive otp to contact customer support

On Email verification tab:

• Give option to refresh to check if email verification is done
• Give option to resend the email
• Have a time, resend can be sent once in 120 seconds
• Display instruction to check spam/junk folder
• Allow maximum 3 resend in 24 hours
• Display message incase they didn't receive otp to contact customer support

PS:

• URL for verification has to be unique. Currently some jugaad has ben done on this page and URL is same as login page
• This URL will open only for those users who's mobile or email is not verified
• Pass username and unique random string to this page for verification/security. Using this username and security key, pick user details from database for further processing
• Don't display API structure, through which OTP is being sent
• If anyone is opening this page directly or passing wrong parameters to this page, just redirect them to login page
• There are 2 scenarios when user will land on verification page
  1. After registration page
  2. After login and when email or mobile is not verified

[bhanu2217]

Prototype for this page is created and is available with Shivaleela