Page Comparison

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

...

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.

Image Added

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.

...

Image AddedImage AddedImage Added

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

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

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

Localization :

Localization keys are added under the ‘rainmaker-bpa’ and ‘rainmkaer-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: