SaFi Bank Space : FE: Residential address (profile)

User residential address page of “address change flow from user profile“.

UML flows

Scenarios

  1. screen is opened (previous address prefills fields) and after some delay (500ms) location prompt bottom sheet is shown

  2. 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

  3. 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

  4. User clicks continue and local validation is performed (Err5 can be triggered) → address value is filled to customer data (Err6 can be triggered)

  5. Flow exits

Back action - moves back to previous page 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

Elements

Tag

Description

Data

1

Appbar

Localization key - onboarding.profile.addressChangeTitle

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 exits flow

Location 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