SaFi Bank Space : 🟢 6. [FE] Display Payment in Process

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

Role: User

Objective: want to see the transaction status screen,

Reason: so that I can check the transaction detials.

Functional requirements:

Details of the transaction are displayed on the screen & view transaction details.

UI requirements:

The following elements are displayed on the “We’re processing your payment” screen:

• an icon and the transaction status “We’re processing your payment”

• Telco provider name

• Product SKU

• Amount

• User is able to display Transaction details by clicking on the hyperlink “See transaction detail”

Process flow:

SM-4065 - Airtime Load - Technical Analysis Done

Execution steps:

1. User is on “We’re processing your payment” screen

2. User taps on “See transaction details”

3. Transaction Details are being displayed

Internal dependencies:

🟢 5. [FE] Review Screen shows name, phone number & telco provider

External dependencies:

Paynamics

Alternative scenarios: -

Acceptance criteria:

• “We’re processing your payment” information screen is displayed to the user as a confirmation, that the user submitted the transaction request. This includes:

  • an icon and the transaction status “We’re processing your payment”

  • Telco provider name

  • Product SKU

  • Amount

  • User is able to display Transaction details by clicking on the hyperlink “See transaction detail”

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