> For the complete documentation index, see [llms.txt](https://docs.digit.org/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.digit.org/local-governance/v2.8/platform/configure-digit/configuring-digit-services/water-services/water-and-sewerage-service-ui-docs/employee-application-details.md).

# Employee: Application Details

Water and Sewerage employee application UI technical implementation doc

**Objective:** Provide employees with purposeful workflow actions. 

The same screen is used for both Application Details and Modify Application Details workflows. The details are provided below for the applicable scenarios.

## Workflow Details

#### **Application Details**

Clicking on the application number from the inbox/search screen/connection search, routes to the application details screen.\
A search call is made before rendering the screen and details are populated based on the search response.

**Application Details Screen**

![](https://1885278393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUYtUmELy66UydIQtJOn5%2Fuploads%2FEeiHPDVLb3k1UPxXyGhB%2Fimage.png?alt=media\&token=db156851-b0e7-4df4-ae19-3ef0951a749b)

**Refer to** [Employee: Ad-hoc Rebate/Penalty and View Breakup in application details](/local-governance/v2.8/platform/configure-digit/configuring-digit-services/water-services/water-and-sewerage-service-ui-docs/employee-ad-hoc-rebate-penalty-and-view-breakup.md)

#### **Timeline View**

![](https://1885278393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUYtUmELy66UydIQtJOn5%2Fuploads%2FOeZK087EJ7uVlkkD9Lqe%2Fimage.png?alt=media\&token=94c9e6c9-bfbe-4347-97b9-890fb33ec1b7)

#### **Downloads** <a href="#downloads" id="downloads"></a>

<figure><img src="https://1885278393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUYtUmELy66UydIQtJOn5%2Fuploads%2FcUxs8U4saXrIUrGdWgI6%2Fimage.png?alt=media&amp;token=2839593d-7209-43e2-87a6-5844468dc05f" alt=""><figcaption></figcaption></figure>

#### Estimation Letter

Once the Pending for Field Inspection stage is complete (if the status is pending approval) an Estimation Letter is generated.

<figure><img src="https://1885278393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUYtUmELy66UydIQtJOn5%2Fuploads%2F2SRrCiERkCqa8LyI0HPt%2Fimage.png?alt=media&amp;token=db03114d-c78c-487f-946b-b334602f4708" alt=""><figcaption></figcaption></figure>

#### Sanction Letter & Download Receipt

Once the payment stage is complete (and the status is pending for connection activation), the Sanction letter and receipt are generated.

<figure><img src="https://1885278393-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUYtUmELy66UydIQtJOn5%2Fuploads%2F5mWpgVnitJd7BUhylNVd%2Fimage.png?alt=media&amp;token=c9f33998-2567-4b6d-8c77-c9927bad95a5" alt=""><figcaption></figcaption></figure>

### **Water & Sewerage Workflow Table**

<table data-header-hidden><thead><tr><th width="193"></th><th width="226"></th><th></th><th></th></tr></thead><tbody><tr><td><strong>Role</strong></td><td><strong>Action</strong></td><td><strong>Next State</strong></td><td><strong>Status</strong></td></tr><tr><td>Citizen/ Counter Employee/WS_CEMP/ SW_CEMP</td><td>INITIATE</td><td>INITIATED</td><td>INITIATED</td></tr><tr><td>Citizen/Counter Employee/WS_CEMP / SW_CEMP</td><td>EDIT</td><td>EDIT/ DOCUMENTVERIFICATION</td><td>Pending for Document Verification</td></tr><tr><td>Citizen/Counter Employee/WS_CEMP / SW_CEMP</td><td>Send Back to Citizen</td><td><p>Pending for Citizen Action</p><p><br><br></p></td><td>Pending for Citizen Action</td></tr><tr><td>WS_DOC_VERIFIER / SW_DOC_VERIFIER</td><td>VERIFY &#x26;FORWARD</td><td>FIELDVERIFICATION</td><td>Pending for Field Verification</td></tr><tr><td>WS_FIELD_INSPECTOR / SW_FIELD_INSPECTOR</td><td>VERIFY &#x26;FORWARD</td><td>PENDINGAPPROVAL</td><td>Pending for APproval</td></tr><tr><td>WS_APPROVER / SW_APPROVER</td><td>APPROVE</td><td>PENDINGPAYMENT</td><td>Pending for Payment</td></tr><tr><td>Citizen/Counter Employee/WS_CEMP / SW_CEMP</td><td>PAY</td><td>Approved</td><td><p>Approved</p><p> </p></td></tr><tr><td>WS_APPROVER / SW_APPROVER</td><td>REJECT</td><td>Rejected</td><td>Rejected</td></tr><tr><td>WS_CLERK/SW_CLERK</td><td>Activate Connection</td><td>Connection activated</td><td>Connection activated</td></tr></tbody></table>

## **Technical Implementation Details**

**Application Details File Path:** <https://github.com/egovernments/DIGIT-Dev/blob/develop/frontend/micro-ui/web/micro-ui-internals/packages/modules/ws/src/pages/employee/ApplicationDetails.js>

**Hook details for application details search:**

```
let { isLoading, isError, data: applicationDetails, error } = Digit.Hooks.ws.useWSDetailsPage(t, tenantId, applicationNumber, serviceType);  let workflowDetails = Digit.Hooks.useWorkflowDetails(    {      tenantId: tenantId,      id: applicationNumber,      moduleCode: applicationDetails?.processInstancesDetails?.[0]?.businessService,    },    {      enabled: applicationDetails?.processInstancesDetails?.[0]?.businessService ? true : false,    }  );
const { data: reciept_data, isLoading: recieptDataLoading } = Digit.Hooks.useRecieptSearch(    {      tenantId: stateCode,      businessService:  serviceType == "WATER" ? "WS.ONE_TIME_FEE" : "SW.ONE_TIME_FEE",      consumerCodes: applicationDetails?.applicationData?.applicationNo    },    {      enabled: applicationDetails?.applicationData?.applicationType?.includes("NEW_")    }  );
const { data: oldData } = Digit.Hooks.ws.useOldValue({    tenantId,    filters: { connectionNumber: applicationDetails?.applicationData?.connectionNo, isConnectionSearch: true },    businessService: serviceType,  });
```

The timeline view is common for all modules. File path: <https://github.com/egovernments/DIGIT-Dev/blob/develop/frontend/micro-ui/web/micro-ui-internals/packages/modules/templates/ApplicationDetails/index.js>

#### Downloads Method Reference:

`const applicationDownloadObject = { order: 3, label: t("WS_APPLICATION"), onClick: handleDownloadPdf, };`&#x20;

File Path: <https://github.com/egovernments/DIGIT-Dev/blob/develop/frontend/micro-ui/web/micro-ui-internals/packages/modules/ws/src/pages/employee/ApplicationDetails.js>

#### Estimation Letter Method Reference:

`const wsEstimateDownloadObject = { order: 1, label: t("WS_ESTIMATION_NOTICE"), onClick: () => getFiles([applicationDetails?.applicationData?.additionalDetails?.estimationFileStoreId], stateCode), };`

File Path: <https://github.com/egovernments/DIGIT-Dev/blob/develop/frontend/micro-ui/web/micro-ui-internals/packages/modules/ws/src/pages/employee/ApplicationDetails.js>

**Sanction Fee Method Reference:**

`const sanctionDownloadObject = { order: 2, label: t("WS_SANCTION_LETTER"), onClick: () => getFiles([applicationDetails?.applicationData?.additionalDetails?.sanctionFileStoreId], stateCode), };`

**Receipt Method Reference:**

`const appFeeDownloadReceipt = { order: 4, label: t("DOWNLOAD_RECEIPT_HEADER"), onClick: () => getRecieptSearch(applicationDetails?.applicationData?.tenantId ? applicationDetails?.applicationData?.tenantId : Digit.ULBService.getCurrentTenantId(), reciept_data?.Payments?.[0], applicationDetails?.applicationData?.applicationNo, receiptKey ), };`&#x20;

File Path: <https://github.com/egovernments/DIGIT-Dev/blob/develop/frontend/micro-ui/web/micro-ui-internals/packages/modules/ws/src/pages/employee/ApplicationDetails.js>

## **Localisation Details**

Localisation keys are added in the ‘*rainmaker-ws*’ locale module.

## **API Call Role Action Mapping**

| API                                                                                          | Action ID                                         | Roles                                                                                                                                                                                                                       |
| -------------------------------------------------------------------------------------------- | ------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `/access/v1/actions/mdms/_get`                                                               | `870`                                             |                                                                                                                                                                                                                             |
| `/user/_search`                                                                              | `604`                                             |                                                                                                                                                                                                                             |
| `/localization/messages/v1/_search`                                                          | `1531`                                            |                                                                                                                                                                                                                             |
| `/egov-workflow-v2/egov-wf/businessservice/_search`                                          | `1743`                                            | `EMPLOYEE`                                                                                                                                                                                                                  |
| `/ws-services/wc/_search`                                                                    | `1900`                                            | `WS_CEMP`,`WS_DOC_VERIFIER`,`WS_FIELD_INSPECTOR`,`WS_APPROVER`,`WS_CLERK`                                                                                                                                                   |
| `/sw-services/swc/_search`                                                                   | `1940`                                            | `SW_CEMP`,`SW_DOC_VERIFIER`,`SW_FIELD_INSPECTOR`,`SW_CLERK`                                                                                                                                                                 |
| `/property-services/property/_search`                                                        | `1897`                                            | `PT_CEMP`,`PT_DOC_VERIFIER`,`PT_FIELD_INSPECTOR`,`PT_APPROVER`                                                                                                                                                              |
| `/ws-services/wc/_create`                                                                    | `1899`                                            | `WS_CEMP`                                                                                                                                                                                                                   |
| `/filestore/v1/files/url`                                                                    | `1528`                                            | `EMPLOYEE`                                                                                                                                                                                                                  |
| `/ws-services/wc/_update`                                                                    | `1901`                                            | `WS_CEMP`,`WS_DOC_VERIFIER`,`WS_FIELD_INSPECTOR`,`WS_APPROVER`,`WS_CLERK`                                                                                                                                                   |
| `/sw-services/swc/_update`                                                                   | `1939`                                            | `SW_CEMP`,`SW_DOC_VERIFIER`,`SW_FIELD_INSPECTOR`,`SW_CLERK`                                                                                                                                                                 |
| /`ws-calculator/waterCalculator/_estimate` and `/sw-calculator/sewerageCalculator/_estimate` | <p><code>1966,</code></p><p><code>1967</code></p> | <p><code>WS\_CEMP</code>,<code>WS\_DOC\_VERIFIER</code>,<code>WS\_FIELD\_INSPECTOR</code>,<code>WS\_APPROVER</code>,<code>WS\_CLERK</code></p><p><code>SW\_CEMP,SW\_DOC\_VERIFIER,SW\_FIELD\_INSPECTOR,SW\_CLERK</code></p> |
| `/egov-hrms/employees/_search`                                                               | `1752`                                            |                                                                                                                                                                                                                             |

&#x20;**Employee Roles and Credentials -** The credentials and details are available in the document attached below:

[<img src="https://developers.google.com/drive/images/drive_icon.png" alt="" data-size="line">DIGIT Login Credentials](https://docs.google.com/spreadsheets/d/15p6dmlVUXvopvzyyG06ty2rxtffSMQxN5F2l2FSWoFA/edit#gid=0)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.digit.org/local-governance/v2.8/platform/configure-digit/configuring-digit-services/water-services/water-and-sewerage-service-ui-docs/employee-application-details.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.