SaFi Bank Space : FE: Residential address (onboarding)

User residential address page of “identity check subflow“.

UML flows

screen is opened and after some delay (500ms) location prompt bottom sheet is shown
User decides whether he will share his location to us
1. agrees → location is gathered and converted to address
  1. Err1 when permission missing
  2. Err2 when permission is locked
  3. Err3 when BE service fails
2. close prompt
User can edit fields
1. country field edit → load provices (can fail with Err4)
2. province field edit → load cities (can fail with Err4)
3. city field edit → load barangays (can fail with Err4)
4. barangay field edit → zip is pre-filled from selected barangay
User clicks continue and local validation is performed (Err5 can be triggered) → address value is filled to customer data (Err6 can be triggered)
App shows summary bottom sheet
1. user can decide to edit profile → navigates back to profile with previous data pre-filled
2. user can decide to edit address → navigates back to address with previous data pre-filled
3. confirm his data
After summary confirm, workflow is finished (can trigger Err7)
App navigates to “new account root page“ with sub-flow marked as completed

Back action - moves back to previous page of subflow without any confirmation prompt. (or closes bottom sheets when displayed)

Code	Description	Handle
Err1	Location permission not granted	Inline error - localization key - TDB
Err2	Location permission locked	Inline error - localization key - TBD
Err3	CM location endpoint fails	TBD
Err4	CM address endpoint(s) fails	TBD
Err5	Validation errors	Mandatory checks
Err6	CM address save endpoint fails	TBD
Err7	CM workflow finish endpoint fails	TBD

Tag	Description	Data
1	Appbar	Localization key - `onboarding.idCheck.appbar`
2	Title	Localization key - `onboarding.address.text.title`
3	Description	Localization key - `onboarding.address.text.subtitle`
4	Country	Localization key -`onboarding.address.label.country` Source - `/v1/address-catalogue/countries`
5	Province	Localization key - `onboarding.address.label.province` Source - `/v1/address-catalogue/countries/$countryId/areas`
6	City	Localization key - `onboarding.address.label.city` Source - `/v1/address-catalogue/areas/$areaId/children'`
7	Barangay	Localization key - `onboarding.address.label.barangay` Source - `/v1/address-catalogue/areas/$areaId/children'`
8	Street name	Localization key - `onboarding.address.label.street`
9	Street number	Localization key - `onboarding.address.label.streetNumber`
10	Zipcode	Localization key - `onboarding.address.label.zip` Prefilled with value after barangay is picked
11	Action button	Localization key -`common.journey.text.continue` Action - saves address data and show “Summary prompt“

UI - To be added

Tag	Description	Data
1	Title	Localization key - `onboarding.locationSheet.title`
2	Description	Localization key - `onboarding.locationSheet.description`
3	Negative action	Localization key - `common.journey.text.close`
4	Positive action	Localization key - `common.journey.text.continue`
5	Inline error area	Errors: missing permission - `common.error.permissionNotGranted` permanent permission denied - `common.error.permissionNotGrantedPermanent` other errors - `common.error.generic`

Tag	Description	Data
1	Title	Localization key - `onboarding.recheck.text.title`
2	Section title (for personal info)	Localization key - `onboarding.personalInfo.text.title`
3	Edit (for personal info)	Localization key - `common.journey.text.edit` Action - navigates user back to edit of Personal info
4	Name	Localization key -`onboarding.recheck.label.name`
5	Gender	Localization key - `onboarding.personalInfo.label.gender`
6	Date of birth	Localization key - `onboarding.personalInfo.label.birthday`
7	Place of birth	Localization key - `onboarding.personalInfo.label.birthplace`
8	Nationality	Localization key - `onboarding.personalInfo.label.nationality`
9	Section title (for residential address)	Localization key - `onboarding.address.text.title`
10	Edit (residential address)	Localization key - `common.journey.text.edit` Action - navigates user back to edit of Address
11	Country	Localization key -`onboarding.address.label.country`
12	Province	Localization key - `onboarding.address.label.province`
13	City	Localization key - `onboarding.address.label.city`
14	Barangay	Localization key - `onboarding.address.label.barangay`
15	Street name and number	Localization key - `onboarding.address.label.street`
16	Zipcode	Localization key - `onboarding.address.label.zip`
17	Action button	Localization key -`onboarding.recheck.text.action` Action - finished workflow stage and navigates user back to onboarding “guide post“ page (with steps 1-4)