# OBPS BPA / OCBPA Citizen

## Overview

To provide the facility for the citizen user to view the application details, update the BPA application state and make the payment.

## Workflow Details

Users can review the list of applications and their status registered using their mobile number on the My Applications page. Each Application initially displays the Application Number, Application Type, Service Type, status, and SLA with the View Details option.

<div align="left"><img src="https://1885278393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUYtUmELy66UydIQtJOn5%2Fuploads%2FVZ3kqBQQqqIej9hcckZl%2FScreenshot%20from%202021-09-30%2010-20-48%20(3).png?alt=media&#x26;token=57a3d179-8e7f-4be7-b727-bcb92571bd9c" alt="BPA Home Card"></div>

### **View Application By Citizen**

Click on the View Applications by Citizen link routes users to the My Applications screen.\
The screen provides BPA, OC-BPA and stakeholder registration applications and details.\
The BPA search API and the Stakeholder Registration search APIs are called and the application cards are visible after getting the response from the APIs.

<div align="left"><img src="https://1885278393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUYtUmELy66UydIQtJOn5%2Fuploads%2FAHBfw4QvyJ3DclNsElfO%2Fimage-20211207-092617.png?alt=media&#x26;token=f9c5daf9-2b0c-4312-bb30-3a6ea737ca11" alt=""></div>

&#x20;File Path

{% embed url="<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 button. It routes users to the application details screen.\
\
**1. BPA Application Details**

Clicking on the BPA/OC BPA application card routes users to the BPA application details page. The application details page displays the details of the application and also showcases all the actions that can be taken on the application.

<div align="left"><img src="https://1885278393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUYtUmELy66UydIQtJOn5%2Fuploads%2FjiRDBjIPCVD8Qi4JuXjI%2Fimage-20211207-092333.png?alt=media&#x26;token=69e735e2-6c3e-44be-b702-5031fd2c500b" alt=""> <img src="https://1885278393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUYtUmELy66UydIQtJOn5%2Fuploads%2Fr2o68eFpsHOJpgPX4ztu%2Fimage-20211207-092355.png?alt=media&#x26;token=5549497f-2172-43b9-9d40-1e996e794925" alt=""> <img src="https://1885278393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUYtUmELy66UydIQtJOn5%2Fuploads%2FsOy6rXvaEBCLkBh9ueXH%2Fimage-20211207-092417.png?alt=media&#x26;token=a1572653-0c79-4528-870f-d3addb298508" alt=""></div>

&#x20;

Clicking on the Action button provides the citizen users with the actions list. Clicking on any one of the options opens a popup window. Users can enter comments and upload documents. Clicking on the Submit or Forward button triggers the Update API call.

File Path

{% embed url="<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 employees click on the Send Back to Citizen button, the applications are routed back to the My Applications list of the citizen. The Application Details screen allows users to make the required changes. The forward action button routes the citizen to the Summary screen. Users can attach the documents and submit the application.&#x20;

![
](https://1885278393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUYtUmELy66UydIQtJOn5%2Fuploads%2FqAtL4z8JyJ6z9yY2rXQq%2Fimage-20211207-095351.png?alt=media\&token=c85c3859-276e-4afe-bc29-8e865e01cb46)

![](https://1885278393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUYtUmELy66UydIQtJOn5%2Fuploads%2FaaHhElKbewwzfQk8M79M%2Fimage-20211207-095434.png?alt=media\&token=5aa79533-f925-4dbb-8061-67d2fa604908)

File Path

{% embed url="<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**&#x20;

Citizens can download the receipts which include Application Fee, Sanction Fee, Permit order, Revocation pdf, Comparison report etc based on the conditions.&#x20;

File Path

{% embed url="<https://github.com/egovernments/DIGIT-Dev/blob/develop/frontend/micro-ui/web/micro-ui-internals/packages/modules/obps/src/pages/citizen/BpaApplicationDetail/index.js>" %}

### **Stakeholder Registration Application Details**

Clicking on the Stakeholder Application card routes the user to the stakeholder application details. The application details page displays the details of the application and also showcases all the actions that can be taken on the application.

<div align="left"><img src="https://1885278393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUYtUmELy66UydIQtJOn5%2Fuploads%2FXEPAGPL3iUzv62cqbsno%2Fimage-20211207-093009.png?alt=media&#x26;token=94a54faa-b550-465f-9f1e-7278a91e4cbf" alt=""></div>

File Path

{% embed url="<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**

The Timeline component is present at the end of the application details and provides information on the current status.

<div align="left"><img src="https://1885278393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUYtUmELy66UydIQtJOn5%2Fuploads%2FooLgrrH5Rr1fvbDkjrx5%2Fimage-20211209-054317.png?alt=media&#x26;token=582c42db-c870-4061-9b0f-104e49e949b7" alt=""></div>

## **Technical Implementation**&#x20;

All the screens have been developed using the new-UI structure followed previously in FSM, PGR, PT and TL.<br>

**OBPS Hooks Details**

File Path&#x20;

{% embed url="<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

![](https://1885278393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUYtUmELy66UydIQtJOn5%2Fuploads%2FFUwcgcH2LcC3kFbHccDm%2Fimage-20211209-054939.png?alt=media\&token=f92a53cd-7f90-4da8-b3a0-68399395e04f)

OBPS Update API Hook

![](https://1885278393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUYtUmELy66UydIQtJOn5%2Fuploads%2Fyu6sJ5CgHgnXyr1OBZTl%2Fimage-20211209-055050.png?alt=media\&token=6b675b4b-70fb-46be-89cd-f3dc348f57be)

OBPS WorkFlow API Hook

![](https://1885278393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUYtUmELy66UydIQtJOn5%2Fuploads%2FCNR4SPFUHqbapskwS1n2%2Fimage-20211209-055128.png?alt=media\&token=90b47922-17e1-4562-aa19-c25ba9b8a880)

OBPS MDMS Hooks

![](https://1885278393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUYtUmELy66UydIQtJOn5%2Fuploads%2FP1VlkyIZDtwAvCO4HN9Y%2Fimage-20211209-055242.png?alt=media\&token=57e42d7d-aa18-4c57-bef7-80979a2db515)

Collection Services Hooks(For Receipts and Amount display)

![](https://1885278393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUYtUmELy66UydIQtJOn5%2Fuploads%2FfY4eDpmTsbg8QmNLOhiB%2Fimage-20211209-055333.png?alt=media\&token=804f07c6-0440-4abc-b349-14e5792baeff)

**Stakeholder Hooks**<br>

File Path

{% embed url="<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

![](https://1885278393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUYtUmELy66UydIQtJOn5%2Fuploads%2FDSlE8BnSl4J1ESLyMdXo%2Fimage-20211209-055531.png?alt=media\&token=3fd2a1d5-6276-4825-875f-231f8537c877)

MDMS Hook

![](https://1885278393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUYtUmELy66UydIQtJOn5%2Fuploads%2FpkUh1yeDGlhGvwPaiT3Y%2Fimage-20211209-055600.png?alt=media\&token=83e8e9da-02da-44a8-95b5-185ae837a636)

Collection Service Hook(For Receipts and Amount display)

![](https://1885278393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUYtUmELy66UydIQtJOn5%2Fuploads%2FFnBcCeQYHRqET9BBkkbk%2Fimage-20211209-055622.png?alt=media\&token=94001bcb-b1b9-4db5-b0ff-93051c82a5cb)

## **Localisation**

Localisation keys are added under the ‘*rainmaker-bpa*’ and ‘rainmaker-bpareg’ locale modules. In future, if any new labels are implemented in the OBPS - Architect (Citizen) they should also be pushed to the locale DB under '*rainmaker-bpa'* locale module. Below is an example of a few locale labels.&#x20;

## **API Call Role Action Mapping**

<table data-header-hidden><thead><tr><th width="150"></th><th width="274"></th><th width="150"></th><th></th></tr></thead><tbody><tr><td><a href="http://s.no/"><strong>S.No</strong></a><strong>.</strong></td><td><p><strong>API</strong></p><p> </p></td><td><strong>Action id</strong></td><td><strong>Roles</strong></td></tr><tr><td>1</td><td><code>/egov-mdms-service/v1/_search</code></td><td><code>954</code></td><td><code>CITIZEN</code></td></tr><tr><td>2</td><td><code>/edcr/rest/dcr/scrutinydetails</code></td><td> </td><td><code>CITIZEN</code></td></tr><tr><td>3</td><td><code>/filestore/v1/files/url</code></td><td><code>1528</code></td><td><code>CITIZEN</code></td></tr><tr><td>4</td><td><code>/billing-service/bill/v2/_fetchbill</code></td><td><code>1862</code></td><td><code>CITIZEN</code></td></tr><tr><td>5</td><td><code>collection-services/payments/{businessService}/_search/</code></td><td><code>1864</code></td><td><code>CITIZEN</code></td></tr><tr><td>6</td><td><code>/noc-services/v1/noc/_search</code></td><td> </td><td><code>CITIZEN</code></td></tr><tr><td>7</td><td><code>/localization/messages/v1/_search</code></td><td><code>1531</code></td><td><code>CITIZEN</code></td></tr><tr><td>8</td><td><code>/noc-services/v1/noc/_update</code></td><td> </td><td><code>CITIZEN</code></td></tr><tr><td>9</td><td><code>/bpa-services/v1/bpa/_update</code></td><td> </td><td><code>CITIZEN</code></td></tr><tr><td>10</td><td><code>/bpa-services/v1/bpa/_search</code></td><td> </td><td><code>CITIZEN</code></td></tr><tr><td>11</td><td><code>/egov-workflow-v2/egov-wf/process/_search</code></td><td> </td><td><code>CITIZEN</code></td></tr><tr><td>12</td><td><code>/egov-workflow-v2/egov-wf/businessservice/_search</code></td><td> </td><td><code>CITIZEN</code></td></tr><tr><td>13</td><td><code>/tl-services/v1/BPAREG/_search</code></td><td> </td><td><code>CITIZEN</code></td></tr></tbody></table>

<br>

> [![Creative Commons License](https://i.creativecommons.org/l/by/4.0/80x15.png)*​*](http://creativecommons.org/licenses/by/4.0/)*All content on this page by* [*eGov Foundation*](https://egov.org.in/) *is licensed under a* [*Creative Commons Attribution 4.0 International License*](http://creativecommons.org/licenses/by/4.0/)*.*