SaFi Bank Space : 🟢 2. View Logos of Over-the-Counter Merchants & Select Merchant

Key	parent	P	fe story points	be story points	story points	Status
SM-1799	Top-up via Cash-In (Paynamics) \| Only In App		2.0	0.0	3.0	Done

Role: User

Objective:

The user should be able to select a specific Over-the-Counter merchant from the Over-the-Counter Top-up section by clicking on the merchant’s logo.

Reason:

so that I can top up my SaFI account with cash

Functional requirements:

Merchants are displayed with their logos next to them and users can choose from which one they would like to cash-in at the cashier.

There is a limit for 1 active top-up via cash-in per merchant at a time.

UI requirements:

Process flow: Top-up via Cash-In

Execution steps (Happy path):

Internal dependencies:

External dependencies:

List of available merchants

Alternative scenarios:

If there’s already a transaction pending by the same OTC merchant:

User selects a merchant
“You have a pending transaction…” warning is presented
1. User taps on See details
  1. User is navigated to the “Transaction details”
2. User taps on Close
  1. Warning panel closes

Acceptance criteria:

The list of all Over-the-Counter merchants is designed as a list (not as a drop-down list) with the company logo and maximum transaction amount in PESO.
Merchants to be displayed are mentioned in the following sub-task
User can choose the desired OTC merchant by clicking on the component.
User can return to this screen from the following screen by clicking on the “arrow back” icon arrow in the corner), so that he/she can rechoose the selected OTC merchant

Links to wireframes/UI: