SaFi Bank Space : FE: New account root page

Guidepost page of onboarding process.

UML flows

Scenarios

screen is opened and immediately workflow structure is loaded
When workflow is not started, it is automatically started before content of page is shown
User click continue
1. app navigates to SIgn up subflow, or
2. app navigates to Identity check subflow, or
3. app navigates to Liveness subflow, or
4. app navigates to Survey subflow, or
When subflow finished, state of screen is updated and continue button will navigate to next subflow
After all subflows are completed, app automatically submits application and navigates to next stage of onboarding process (waiting page for OSP result)

Back action - exits onboarding process with logout confirmation prompt (Promtp1 for users without completed Sign up subflow, Prompt2 for users that are already signed up)

Code	Description	Handle
Err1	Workflow structure can not be loaded	TBD
Err2	Workflow can not be started	TBD
Err3	Application submission failed	TBD

Elements

Tag	Description	Data
1	Title	Localization key - `onboarding.newAccount.text.title`
2	Description	Localization key - `onboarding.newAccount.text.subtitle`
3	Step 1 title	Localization key - `onboarding.newAccount.rowSignUp.text.label`
4	Step 1 description	Localization key - `onboarding.newAccount.rowSignUp.text.sublabel`
5	Step 2 title	Localization key - `onboarding.newAccount.rowIdCheck.text.label`
6	Step 2 description	Localization key - `onboarding.newAccount.rowIdCheck.text.sublabel`
7	Step 3 title	Localization key - `onboarding.newAccount.rowLiveness.text.label`
8	Step 3 description	Localization key - `onboarding.newAccount.rowLiveness.text.sublabel`
9	Step 4 title	Localization key - `onboarding.newAccount.rowMoreInfo.text.label`
10	Step 4 description	Localization key - `onboarding.newAccount.rowMoreInfo.text.sublabel`
11	Action button	Localization key: signup -`onboarding.newAccount.text.actionSignUp` signup -`onboarding.newAccount.text.actionIdCheck` signup -`onboarding.newAccount.text.actionLiveness` signup -`onboarding.newAccount.text.actionMoreInfo` Action - opens subflow

Prompt1

Logout from onboarding when user has not completed Sign up subflow. User will not be able to continue onboarding process and will have to start from scratch.

Tag	Description	Data
1	Icon	Image asset - `images/avatars64/10.svg`
2	Title	Localization key - `onboarding.logoutPrompt.text.title`
3	Description	Localization key - `onboarding.logoutPrompt.text.subtitle`
4	Cancel logout	Localization key - `onboarding.logoutPrompt.text.actionNegative` Dismiss prompt
5	Confirm logout	Localization key - `onboarding.logoutPrompt.text.actionPositive` Logout is performed

Prompt2

Logout from onboarding when user has completed Sign up subflow. User will be able to continue onboarding process from last completed subflow.

Tag	Description	Data
1	Icon	Image asset - `images/avatars64/10.svg`
2	Title	Localization key - `onboarding.logoutPrompt.text.title`
3	Description	Localization key - `onboarding.logoutPrompt.text.subtitleAfterSignUp`
4	Cancel logout	Localization key - `onboarding.logoutPrompt.text.actionNegative` Dismiss prompt
5	Confirm logout	Localization key - `onboarding.logoutPrompt.text.actionPositive` Logout is performed