Employee: Water and Sewerage Connection Details

Objective

Provide the details of the Connection to Employee and Citizen.

 

Connection Details page provide the details about the connection, the Property which is used to create the connection and the Owner details of the property. The same can be downloaded as a PDF file or printed directly from the page.

Employee will be able to open “View Consumption Details” page from “Connection Details” page for the Metered Reading Connection. Consumption details page will provide more options like adding details of the consumed water charges.

 

the hook used here :

const { isLoading, isError, data: response } = Digit.Hooks.ws.useWSConsumptionSearch({ filters: filter1 }, { filters: filter1 });

user will have an option to add new meter reading, once clicking on it, a pop up will appear, in which user can fill the asked details and click on submit to add new meter reading for the connection.
File Path : https://github.com/egovernments/DIGIT-Dev/blob/master/frontend/micro-ui/web/micro-ui-internals/packages/modules/ws/src/pages/employee/connectionDetails/ConsumptionDetails.js

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

Hook Details for connection Details search and others:

const { isLoading, isError, data: applicationDetails, error } = Digit.Hooks.ws.useConnectionDetail(t, tenantId, applicationNumber, serviceType); const { isLoading: updatingApplication, isError: updateApplicationError, data: updateResponse, error: updateError, mutate, } = Digit.Hooks.ws.useWSApplicationActions(serviceType); 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?.applicationNo && applicationDetails?.applicationData?.applicationType?.includes("NEW_") && !applicationDetails?.colletionOfData?.length > 0) ? true : false } );

 

Localisation:

Localisation keys used in this page are added under “rainmaker-ws” locale module and the same should be used if any new keys are added in this page.

 

Downloads:

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

  1. Download Receipt Method:

const appFeeDownloadReceipt = { order: 1, label: t("DOWNLOAD_RECEIPT_HEADER"), onClick: () => getRecieptSearch(reciept_data?.Payments?.[0]), };

 

2. Connection Details Receipt Method:

 

API Call Role Action mapping:

API

Action id

Roles

API

Action id

Roles

1

/ws-calculator/meterConnection/_search

1913

EMPLOYEE

2

/billing-service/bill/v2/_fetchbill

1862

EMPLOYEE

3

/ws-services/wc/_search

1900

WS_CEMP,WS_DOC_VERIFIER,WS_FIELD_INSPECTOR,WS_APPROVER,WS_CLERK

4

/sw-services/swc/_search

1919

WS_CEMP,WS_DOC_VERIFIER,WS_FIELD_INSPECTOR,WS_APPROVER,WS_CLERK

5

/property-services/property/_search

1897

EMPLOYEE