SaFi Bank Space : 🟢 2. View 6 Logos of E-Wallets & Select E-Wallet

Key	parent	P	fe story points	be story points	story points	Status
SM-1639	Top-up via E-Wallet (Paynamics) \| In App		2.0	0.0	2.0	Done

Role: User

Objective:

The user should be able to choose preferred E-Wallet option.

Reason:

The user will be able to fund SaFi account with money from chosen E-Wallet.

Functional requirements:

There are 6 E-Wallets in scope:

Gcash, Alipay, WeChat Pay, Grabpay, Paymaya, Shopee Direct.

UI requirements:

E-Wallets are design as separate components (tiles) and not as a drop-down list. User should be able to see the logo of each E-Wallet and its name.

CTA button “Continue” is displayed on the bottom of the screen.

Process flow: https://safibank.atlassian.net/l/cp/gfrxHApM

Execution steps (Happy path):

User is on “Cash-in via” panel
User selects “E-wallet” option
“Select E-wallet” screen is displayed
1. Each available E-wallet merchant is listed with their logos
User selects an E-wallet merchant
User taps on “Continue”

Internal dependencies:

External dependencies:

List of E-wallet merchants

Alternative scenarios: -

Acceptance criteria:

The list of all E-Wallets is designed as tiles with the company logo (not as a drop-down list).
User can choose an E-Wallet he wants to fund the account from by clicking/tapping on one of the tiles

Links to wireframes/UI: