To provide the facility for the citizen user which allows view the application details, updating the BPA application state and make the payment.
...
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:
...
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.
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
...
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.
Localization :
Localization 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 ‘rainmkaer‘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.
...