SaFi Bank Space : 🟢 Sender Flow: 1. Upload QR Code of another SaFi Account to send Money

Created by User d1ebf, last modified on Aug 30, 2022

Key parent P fe story points be story points story points Status
SM-1435 Epic Transfer Money with QR/Barcode Medium 2.0 0.0 3.0 Done

 

Role: User

Objective:

The user wants to upload the QR code as an image and get the transaction details (name, account number).

Reason:

The user will be able to get payment details (such as account number and beneficiary name) by importing/uploading the QR code from the phone gallery as an image.

Functional requirements:

We should encrypt and be able to decrypt the account holder name and the corresponding account number while generating and recognizing the QR code.

UI requirements: -

Process flow:

  1. Camera module is opened

  2. Image with QR code is loaded

  3. Code is decrypted

  4. Data is correctly filled in on the “Send money to” panel

Execution steps:

  1. User is on the “Scan QR“ camera feed

  2. User taps on “Upload QR” button

  3. OS native gallery/file selector appears

  4. User selects an image with a pre-generated QR code of another SaFi bank account

  5. User is navigated to “Send money to” panel

    1. “Receiver name” & “Account number” fields are filled with the data decrypted from the QR code

Internal dependencies:

“Payments” screen

Shortcuts

🟣Beneficiary Flow: 2. Share QR Code as Image

External dependencies: -

Alternative scenarios:

  1. User is on the “Scan QR“ camera feed

  2. User taps on “Upload QR” button

  3. OS native gallery/file selector appears

  4. User selects an image with a pre-generated QR code of another SaFi bank account

  5. The image does not contain a QR code/cannot read useful information

  6. Error message appears

Acceptance criteria:

  • the QR code is placed in “Send to” screen which is part of the Withdraw money (Send money) flow. There are 2 entry points to this screen:

    • user will choose “Payments” and then selects the “Send money” option

    • user will click on the “Shortcuts menu” and selects the “Send money” option

  • User clicks on the QR code icon and selects “Upload photo” option

  • User is asked to give permission to the device photo gallery

  • Following data will be pre-populated in the text fields from the uploaded QR code:

    • Legal name of the beneficiary

    • Account number of the beneficiary

  • the switcher between “Account number | Phone number” is still available to the user

  • the CTA button “Continue/Next” is available to the user

Links to wireframes/UI:
https://www.figma.com/file/0LEEFZgkUnPkPTkY9PMREt/SaFi---WF-%26-UI-(Shared)?node-id=7301%3A65346