Search and Pay/ My Bills: Bill Details and Payer's Details

Objective:

It enables the user to search the property (with or without login) and pay for any pending dues, it also gives the user an option to load all the bills associated with the current mobile number and pay for the bill.

Search Property

User can search for Property with or without login, It also gives the two method to search using Property Id or using Property Details.

Open

Open

Once the User gives certain params, it will call search Property API and gives the desired result.

On clicking on view details, it will take the user to Bill details Page where user can pay the remaining dues.

Here user will be able to see the break up for the amount due and also can choose full or partial payment according to the needs and if selected partial payment, user will need to enter the amount to be paid.

On click of ‘Proceed To Pay’ user is taken to Payer’s Details Page.

1. For Logged In Users, below information is captured.

   1. I am making the payment as the owner/ consumer of the service.

   2. I am making the payment on the behalf of  the owner/ consumer of the service.

      1. In case option ‘(i)' is selected, owner’s detail is linked with receipt.

      2. In case option ‘(ii)' is selected, user’s profile detail is linked with receipt.

2. For without login users, below information is captured.

   1. I am making the payment as the owner/ consumer of the service.

   2. I am making the payment on the behalf of  the owner/ consumer of the service.

      1. In case option ‘(i)' is selected, owner’s detail is linked with receipt.

      2. In case option ‘(ii)' is selected, user’s is asked to enter the Name and Mobile No. and the same is linked with receipt.

According the Data entered or option selected it will redirect to total amount page and then the flow is same as DIGIT Payments.

Technical Implementation

The code for Payer details can be found in the below file:

https://github.com/egovernments/DIGIT-Dev/tree/develop/frontend/micro-ui/web/micro-ui-internals/packages/modules/common/src/payments/citizen/payers-details

Here according to the above mentioned criteria, we add the payer information for the payments API.

API Call Role Action mapping: