Note |
---|
Please note that this document is a draft and still not finalized. |
Info |
---|
This page describes the user flows to view and pay receipts and invoices on Mobility Web. |
Table of Contents |
---|
Invoices
From My Pages > Transactions, the user should be able to view a list of all the invoices that come under the logged-in user’s account.
User can filter the list by applying a filter or setting a date filter. By default, ‘All Statuses’ will be selected in the filters drop-down and starting from the current date, a week’s period will get selected in the calendar component.
For a particular invoice, the following information will be shown on the list card,
Invoiced Date
Due Date
Status
Payment Type
Amount
Balance
VIEW PDF CTA - for all the Pending and Paid invoices and PAY NOW CTA for all the Unpaid and Post Due Date invoices
Pay an Invoice
An unpaid or post due date invoice can be paid using the ‘Pay Now’ CTA on the corresponding list card.
The user can view the invoice added to the ‘Payment Confirm’ page and pay it using the generic checkout flow.
View an Invoice
For any of the invoice, the user can select the ‘View PDF’ button to open the invoice in a PDF view.
Generally, in the invoice list view, the user will be able to see invoices from one year back in time starting from the current date and pagination options will be given for the user’s easy reference.
Purchases
From My Pages > Transactions, the user should be able to view a list of all the receipts that come under the logged-in user’s account.
In the list view, for a particular receipt, the following details are shown,
Receipt Date
receipt Number
Payment Method
Amount
‘View More’ CTA
Users are only allowed to view the available receipts using the ‘View More’ button,
Settings and Configurations
Enabling the Invoices
If the BRP API version >= 2021.5004 and showInvoicesPage === true
and feature toggle in Front end Feature.INVOICES==true
, the setting showInvoicesPage
is active then the invoices feature is enabled.
Enabling Purchases
If the feature toggle in front end, Feature.PURCHASES == true
and showReceiptsOnCustomerWeb === true
, setting showReceiptsOnCustomerWeb
and allowCustomerReceiptsEndpointApi3
are active: then the purchases feature is enabled.