OBPS BPA / OCBPA Citizen

To provide the facility for the citizen user which allows view the application details, updating the BPA application state and make the payment.

Open

BPA HOME CARD

Users can review the list of applications and their status registered under their mobile number in My Applications page. Each Application for the initial view will display Application Number, Application Type, Service Type, status, SLA with View Details option.

View application by Citizen:

Click on view applications by Citizen link, it will route to my applications screen.
This my applications screen includes BPA, OC-BPA and stakeholder registration applications.
bpa search api and stakeholder registration search api will call and after getting the response from api, we will showing the applications cards.

Open

File Path: https://github.com/egovernments/DIGIT-Dev/blob/develop/frontend/micro-ui/web/micro-ui-internals/packages/modules/obps/src/pages/citizen/MyApplication/index.js

Click on the view details, it will route to application details screen.

1. BPA Application Details

If we click on BPA/OC BPA application card, it will route to BPA application details, the application details page is used to display the details of the application and also showcase all the actions which can be taken on the application.

Click on the Action citizen will get the actions list. After click on any one option, popup will open. After entering the comments and uploading the document, citizen need to click on submit/forward, then update api will call.

File Path: https://github.com/egovernments/DIGIT-Dev/blob/develop/frontend/micro-ui/web/micro-ui-internals/packages/modules/obps/src/pages/citizen/BpaApplicationDetail/index.js

Send back to citizen: When Employee click on send back to citizen, it will come to citizen my application, from that click on the application card, it will route to application details screen, there citizen can find the action “FORWARD” action, when we click on that it will route it summary screen and from there citizen can attach the documents and submit application.

File Path: https://github.com/egovernments/DIGIT-Dev/blob/develop/frontend/micro-ui/web/micro-ui-internals/packages/modules/obps/src/pages/citizen/BPASendBackToCitizen/index.js

DOWNLOAD: Citizen can download the receipts which includes Application Fee, Sanction Fee, Permit order, Revocation pdf, Comparison report etc based on the conditions. Please find the file path below

File Path: https://github.com/egovernments/DIGIT-Dev/blob/develop/frontend/micro-ui/web/micro-ui-internals/packages/modules/obps/src/pages/citizen/BpaApplicationDetail/index.js

2. Stakeholder Registration Application Details

If we click on stakeholder application card, it will route to stakeholder application details. The application details page is used to display the details of the application and also showcase all the actions which can be taken on the application.

File Path: https://github.com/egovernments/DIGIT-Dev/blob/develop/frontend/micro-ui/web/micro-ui-internals/packages/modules/obps/src/pages/citizen/ApplicationDetail/index.js

Timeline component:

Timeline component is present at the end of the application details which tells about the current status.

Technical Implementation Details:
All the screen has been developed using the new-UI structure followed previously in FSM, PGR, PT and TL.

1.OBPS Hooks Details:

File Path: https://github.com/egovernments/DIGIT-Dev/blob/develop/frontend/micro-ui/web/micro-ui-internals/packages/modules/obps/src/pages/citizen/BpaApplicationDetail/index.js
OBPS Search API Hook:

OBPS Update API Hook:

OBPS WorkFlow API Hook:

OBPS MDMS Hooks:

Collection Services Hooks(For Receipts and Showing the amount):

2.Stakeholder Hooks:
File Path: https://github.com/egovernments/DIGIT-Dev/blob/develop/frontend/micro-ui/web/micro-ui-internals/packages/modules/obps/src/pages/citizen/ApplicationDetail/index.js
Search Hook:

MDMS Hook:

Collection Service Hook(For Receipts and Showing the amount):

Localisation :

Localisation keys are added under the ‘rainmaker-bpa’ and ‘rainmaker-bpareg’ locale module. In future if any new labels are implemented in the OBPS - Architect (Citizen) that should also be pushed in the locale DB under 'rainmaker-bpa' locale module. Below is the example of few locale labels.

API Call Role Action mapping: