Created by Martin Vodila (Unlicensed) on Nov 02, 2022

SMS OTP input page of “sign up subflow“.

UML flows

Scenarios

  1. screen is opened and user wait for SMS to come

  2. If SMS is not received, user can trigger new code (can trigger Err1)

  3. User edits field and clicks continue (or automatically after last character filled)

  4. App sends values to CM in verify-otp request (can trigger Err2 or Err3)

  5. App navigates to next step of sub-flow (create password page)

Back action - navigates to previous page of subflow (email+phone input) without any confirmation prompt.

Code

Description

Handle

Err1

CM resend OTP endpoint fails

TBD

Err2

Validation errors

TBD

Err3

CM verify OTP endpoint fails

TBD

Elements

Warning: Figma UI does not represent current state → Figma is missing Continue action button

Tag

Description

Data

1

Appbar

Localization key - onboarding.signUp.appbar

2

Title

Localization key - onboarding.verifyPhone.text.title

3

Description

Localization key - onboarding.verifyPhone.text.subtitle

4

SMS resend

Localization key -

non action part - onboarding.verifyPhone.text.notReceived1

action part - onboarding.verifyPhone.text.notReceived2

5

Action button

Localization key - common.journey.text.continue

Action - verifies phone number with SMS OTP code and navigates to next step of sign up subflow

Attachments:

image-20221102-090522.png (image/png)
plantuml_1662665822209.png (image/png)
plantuml_1662665822209 (text/plain)
plantuml_1662665822209.svg (image/svg+xml)
image-20221101-102121.png (image/png)
image-20220913-135822.png (image/png)
image-20221024-190008.png (image/png)
image-20221024-193454.png (image/png)
image-20221024-193612.png (image/png)
image-20221102-065420.png (image/png)
image-20221102-102514.png (image/png)
plantuml_1662665822209.svg (image/svg+xml)
plantuml_1662665822209 (text/plain)
plantuml_1662665822209.png (image/png)