SaFi Bank Space : 🟢 2. [FE] Select Telco Provider from the List with Icons

Key	parent	P	fe story points	be story points	story points	Status
SM-3764	Digital Goods: Mobile Top-up Airtime Load (Paynamics)		2.0	0.0	2.0	Done

Role: User

Objective: want to select Telco provider from the list of providers,

Reason: so that I can buy load and top-up a mobile number

Functional requirements:

User can choose a bill provider by clicking on one of the tiles (only one can be selected).

UI requirements:

• telco providers should have also logos displayed if possible

Process flow:

1. Telco providers are listed on the “Buy Load” screen

2. One is selected by the user

Execution steps:

1. User is on “Buy Load” screen

2. User selects a telco provider

Internal dependencies:

SM-3765 - 3. [FE] [Same screen as in point 2] Type in Phone Number or Select from the Contact list Done

External dependencies:

List of telco providers

Alternative scenarios: -

Acceptance criteria:

• a list of telco providers is displayed horizontally (as separate tiles, not as a drop-down list)

• “Select Telco” is a list of telco providers to be displayed:

  • Globe

  • Smart

  • TNT

  • Sun

  • DITO

• User can choose a bill provider by clicking on one of the tiles (only one can be selected at the time)

• CTA button “Continue” is available to the user at the bottom of the page

Note: input field for phone number is also placed on this screen, separate user story here >> SM-3765 - 3. [FE] [Same screen as in point 2] Type in Phone Number or Select from the Contact list Done

Links to wireframes/UI: https://www.figma.com/file/dkDQHRa1zq7tU58MiL6hBR/SaFi---UI---MVP-(Shared)?node-id=9925%3A62092