@mseva/digit-ui-module-ndc 1.0.14 → 1.0.16

package/dist/index.modern.js

@@ -1221,13 +1221,14 @@ const ApplicationOverview = () => {
   useEffect(() => {
     var _applicationDetails$A;
     const ndcObject = applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$A = applicationDetails.Applications) === null || _applicationDetails$A === void 0 ? void 0 : _applicationDetails$A[0];
+    console.log("ndcObject", ndcObject);
     if (ndcObject) {
-      var _ndcObject$NdcDetails, _ndcObject$NdcDetails2, _ndcObject$NdcDetails3, _ndcObject$owners, _ndcObject$owners$, _ndcObject$owners2, _ndcObject$owners2$, _ndcObject$owners3, _ndcObject$owners3$, _removeDuplicatesByUU;
+      var _ndcObject$owners, _ndcObject$owners$, _ndcObject$owners2, _ndcObject$owners2$, _ndcObject$owners3, _ndcObject$owners3$, _ndcObject$NdcDetails, _ndcObject$NdcDetails2, _ndcObject$NdcDetails3, _removeDuplicatesByUU;
       const applicantData = {
-        address: ndcObject === null || ndcObject === void 0 ? void 0 : (_ndcObject$NdcDetails = ndcObject.NdcDetails) === null || _ndcObject$NdcDetails === void 0 ? void 0 : (_ndcObject$NdcDetails2 = _ndcObject$NdcDetails[0]) === null || _ndcObject$NdcDetails2 === void 0 ? void 0 : (_ndcObject$NdcDetails3 = _ndcObject$NdcDetails2.additionalDetails) === null || _ndcObject$NdcDetails3 === void 0 ? void 0 : _ndcObject$NdcDetails3.propertyAddress,
-        email: ndcObject === null || ndcObject === void 0 ? void 0 : (_ndcObject$owners = ndcObject.owners) === null || _ndcObject$owners === void 0 ? void 0 : (_ndcObject$owners$ = _ndcObject$owners[0]) === null || _ndcObject$owners$ === void 0 ? void 0 : _ndcObject$owners$.emailId,
+        name: ndcObject === null || ndcObject === void 0 ? void 0 : (_ndcObject$owners = ndcObject.owners) === null || _ndcObject$owners === void 0 ? void 0 : (_ndcObject$owners$ = _ndcObject$owners[0]) === null || _ndcObject$owners$ === void 0 ? void 0 : _ndcObject$owners$.name,
         mobile: ndcObject === null || ndcObject === void 0 ? void 0 : (_ndcObject$owners2 = ndcObject.owners) === null || _ndcObject$owners2 === void 0 ? void 0 : (_ndcObject$owners2$ = _ndcObject$owners2[0]) === null || _ndcObject$owners2$ === void 0 ? void 0 : _ndcObject$owners2$.mobileNumber,
-        name: ndcObject === null || ndcObject === void 0 ? void 0 : (_ndcObject$owners3 = ndcObject.owners) === null || _ndcObject$owners3 === void 0 ? void 0 : (_ndcObject$owners3$ = _ndcObject$owners3[0]) === null || _ndcObject$owners3$ === void 0 ? void 0 : _ndcObject$owners3$.name,
+        email: ndcObject === null || ndcObject === void 0 ? void 0 : (_ndcObject$owners3 = ndcObject.owners) === null || _ndcObject$owners3 === void 0 ? void 0 : (_ndcObject$owners3$ = _ndcObject$owners3[0]) === null || _ndcObject$owners3$ === void 0 ? void 0 : _ndcObject$owners3$.emailId,
+        address: ndcObject === null || ndcObject === void 0 ? void 0 : (_ndcObject$NdcDetails = ndcObject.NdcDetails) === null || _ndcObject$NdcDetails === void 0 ? void 0 : (_ndcObject$NdcDetails2 = _ndcObject$NdcDetails[0]) === null || _ndcObject$NdcDetails2 === void 0 ? void 0 : (_ndcObject$NdcDetails3 = _ndcObject$NdcDetails2.additionalDetails) === null || _ndcObject$NdcDetails3 === void 0 ? void 0 : _ndcObject$NdcDetails3.propertyAddress,
         applicationNo: ndcObject === null || ndcObject === void 0 ? void 0 : ndcObject.uuid
       };
       const Documents = removeDuplicatesByUUID((ndcObject === null || ndcObject === void 0 ? void 0 : ndcObject.Documents) || []);
@@ -1375,9 +1376,9 @@ const ApplicationOverview = () => {
     value: {
       workflowDocs: displayData === null || displayData === void 0 ? void 0 : displayData.Documents
     }
-  }) : /*#__PURE__*/React.createElement("div", null, t("TL_NO_DOCUMENTS_MSG")))), (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data9 = workflowDetails.data) === null || _workflowDetails$data9 === void 0 ? void 0 : _workflowDetails$data9.timeline) && /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardSubHeader, null, t("NDC_APPLICATION_TIMELINE")), (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data0 = workflowDetails.data) === null || _workflowDetails$data0 === void 0 ? void 0 : _workflowDetails$data0.timeline.length) === 1 ? /*#__PURE__*/React.createElement(CheckPoint, {
+  }) : /*#__PURE__*/React.createElement("div", null, t("TL_NO_DOCUMENTS_MSG")))), (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data9 = workflowDetails.data) === null || _workflowDetails$data9 === void 0 ? void 0 : _workflowDetails$data9.timeline) && /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardSubHeader, null, t("CS_APPLICATION_DETAILS_APPLICATION_TIMELINE")), (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data0 = workflowDetails.data) === null || _workflowDetails$data0 === void 0 ? void 0 : _workflowDetails$data0.timeline.length) === 1 ? /*#__PURE__*/React.createElement(CheckPoint, {
     isCompleted: true,
-    label: t("NDC_STATUS_" + (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data1 = workflowDetails.data) === null || _workflowDetails$data1 === void 0 ? void 0 : (_workflowDetails$data10 = _workflowDetails$data1.timeline[0]) === null || _workflowDetails$data10 === void 0 ? void 0 : _workflowDetails$data10.status))
+    label: t(workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data1 = workflowDetails.data) === null || _workflowDetails$data1 === void 0 ? void 0 : (_workflowDetails$data10 = _workflowDetails$data1.timeline[0]) === null || _workflowDetails$data10 === void 0 ? void 0 : _workflowDetails$data10.status)
   }) : /*#__PURE__*/React.createElement(ConnectingCheckPoints, null, workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data11 = workflowDetails.data) === null || _workflowDetails$data11 === void 0 ? void 0 : _workflowDetails$data11.timeline.map((checkpoint, index, arr) => /*#__PURE__*/React.createElement(CheckPoint, {
     keyValue: index,
     isCompleted: index === 0,
@@ -9005,7 +9006,7 @@ const CitizenApplicationOverview = () => {
     value: {
       workflowDocs: displayData === null || displayData === void 0 ? void 0 : displayData.Documents
     }
-  }) : /*#__PURE__*/React.createElement("div", null, t("TL_NO_DOCUMENTS_MSG")))), (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data = workflowDetails.data) === null || _workflowDetails$data === void 0 ? void 0 : _workflowDetails$data.timeline) && /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardSubHeader, null, t("NDC_APPLICATION_TIMELINE")), (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data2 = workflowDetails.data) === null || _workflowDetails$data2 === void 0 ? void 0 : _workflowDetails$data2.timeline.length) === 1 ? /*#__PURE__*/React.createElement(CheckPoint, {
+  }) : /*#__PURE__*/React.createElement("div", null, t("TL_NO_DOCUMENTS_MSG")))), (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data = workflowDetails.data) === null || _workflowDetails$data === void 0 ? void 0 : _workflowDetails$data.timeline) && /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(CardSubHeader, null, t("CS_APPLICATION_DETAILS_APPLICATION_TIMELINE")), (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data2 = workflowDetails.data) === null || _workflowDetails$data2 === void 0 ? void 0 : _workflowDetails$data2.timeline.length) === 1 ? /*#__PURE__*/React.createElement(CheckPoint, {
     isCompleted: true,
     label: t("NDC_STATUS_" + (workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data3 = workflowDetails.data) === null || _workflowDetails$data3 === void 0 ? void 0 : (_workflowDetails$data4 = _workflowDetails$data3.timeline[0]) === null || _workflowDetails$data4 === void 0 ? void 0 : _workflowDetails$data4.status))
   }) : /*#__PURE__*/React.createElement(ConnectingCheckPoints, null, workflowDetails === null || workflowDetails === void 0 ? void 0 : (_workflowDetails$data5 = workflowDetails.data) === null || _workflowDetails$data5 === void 0 ? void 0 : _workflowDetails$data5.timeline.map((checkpoint, index, arr) => /*#__PURE__*/React.createElement(CheckPoint, {
@@ -11435,7 +11436,7 @@ const PropertyDetailsStep2 = ({
 };
 
 const config = [{
-  head: "NDC_COMMON_NEW_APPLICATION",
+  head: "",
   stepNumber: 1,
   body: [{
     name: "",
@@ -11477,8 +11478,8 @@ const config = [{
 }];
 
 const createEmployeeConfig = [{
-  head: "NDC Details",
-  stepLabel: "NDC Details",
+  head: "Applicant Details",
+  stepLabel: "Applicant Details",
   stepNumber: 1,
   isStepEnabled: true,
   type: "component",
@@ -11542,7 +11543,7 @@ const NewNDCStepForm = () => {
       color: "#1C1D1F"
     },
     divider: true
-  }, t("New NDC Application")), /*#__PURE__*/React.createElement(Stepper, {
+  }, t("ndc_header_application")), /*#__PURE__*/React.createElement(Stepper, {
     stepsList: updatedCreateEmployeeconfig,
     onSubmit: handleSubmit,
     step: step,
@@ -11572,7 +11573,6 @@ const NewNDCStepFormOne = ({
   const tenantId = window.localStorage.getItem("CITIZEN.CITY");
   function goNext(data) {
     var _checkFormData$apiDat, _checkFormData$apiDat2, _checkFormData$apiDat3;
-    console.log(`Data in step ${config.currStepNumber} is: \n`, data);
     const missingFields = validateStepData(currentStepData);
     if (missingFields.length > 0) {
       setError(`${missingFields[0]}`);
@@ -11675,19 +11675,43 @@ const NewNDCStepFormOne = ({
       };
     }
   };
-  const validatePropertyId = value => {
-    const regex = /^PT-\d{4}-\d{7,8}$/;
-    return regex.test(value);
-  };
   function validateStepData(data) {
+    var _data$cpt6, _data$cpt6$dues, _data$cpt7, _data$cpt7$dues, _data$dues, _propertyDetails$wate, _propertyDetails$sewe;
     const missingFields = [];
     const invalidFields = [];
     const cpt = (data === null || data === void 0 ? void 0 : data.cpt) || {};
     const cptDetails = (cpt === null || cpt === void 0 ? void 0 : cpt.details) || {};
     const propertyDetails = (data === null || data === void 0 ? void 0 : data.PropertyDetails) || {};
     const NDCReason = (data === null || data === void 0 ? void 0 : data.NDCReason) || {};
+    if ((data === null || data === void 0 ? void 0 : (_data$cpt6 = data.cpt) === null || _data$cpt6 === void 0 ? void 0 : (_data$cpt6$dues = _data$cpt6.dues) === null || _data$cpt6$dues === void 0 ? void 0 : _data$cpt6$dues.totalAmount) != 0) {
+      missingFields.push(`${t("NDC_MESSAGE_PLEASE_CHECK_STATUS_OF_PROPERTY_TAX")} ${cpt === null || cpt === void 0 ? void 0 : cpt.id}`);
+    }
+    if (data !== null && data !== void 0 && (_data$cpt7 = data.cpt) !== null && _data$cpt7 !== void 0 && (_data$cpt7$dues = _data$cpt7.dues) !== null && _data$cpt7$dues !== void 0 && _data$cpt7$dues.id && (data === null || data === void 0 ? void 0 : (_data$dues = data.dues) === null || _data$dues === void 0 ? void 0 : _data$dues.totalAmount) > 0) {
+      missingFields.push(`${t("NDC_MESSAGE_PLEASE_PAY_DUES_OF_PROPERTY_TAX")} ${cpt === null || cpt === void 0 ? void 0 : cpt.id}`);
+    }
+    if ((propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$wate = propertyDetails.waterConnection) === null || _propertyDetails$wate === void 0 ? void 0 : _propertyDetails$wate.length) > 0) {
+      propertyDetails.waterConnection.forEach(value => {
+        var _value$billData, _value$billData2, _value$billData3;
+        if ((value === null || value === void 0 ? void 0 : (_value$billData = value.billData) === null || _value$billData === void 0 ? void 0 : _value$billData.totalAmount) != 0) {
+          missingFields.push(`${t("NDC_MESSAGE_PLEASE_CHECK_STATUS_OF_WATER_CONNECTION")} ${value === null || value === void 0 ? void 0 : value.connectionNo}`);
+        }
+        if (value !== null && value !== void 0 && (_value$billData2 = value.billData) !== null && _value$billData2 !== void 0 && _value$billData2.id && (value === null || value === void 0 ? void 0 : (_value$billData3 = value.billData) === null || _value$billData3 === void 0 ? void 0 : _value$billData3.totalAmount) > 0) {
+          missingFields.push(`${t("NDC_MESSAGE_PLEASE_PAY_DUES_OF_WATER_CONNECTION")} ${value === null || value === void 0 ? void 0 : value.connectionNo}`);
+        }
+      });
+    }
+    if ((propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$sewe = propertyDetails.sewerageConnection) === null || _propertyDetails$sewe === void 0 ? void 0 : _propertyDetails$sewe.length) > 0) {
+      propertyDetails.sewerageConnection.forEach(value => {
+        var _value$billData4, _value$billData5, _value$billData6;
+        if ((value === null || value === void 0 ? void 0 : (_value$billData4 = value.billData) === null || _value$billData4 === void 0 ? void 0 : _value$billData4.totalAmount) != 0) {
+          missingFields.push(`${t("NDC_MESSAGE_PLEASE_CHECK_STATUS_OF_SEWERAGE_CONNECTION")} ${value === null || value === void 0 ? void 0 : value.connectionNo}`);
+        }
+        if (value !== null && value !== void 0 && (_value$billData5 = value.billData) !== null && _value$billData5 !== void 0 && _value$billData5.id && (value === null || value === void 0 ? void 0 : (_value$billData6 = value.billData) === null || _value$billData6 === void 0 ? void 0 : _value$billData6.totalAmount) > 0) {
+          missingFields.push(`${t("NDC_MESSAGE_PLEASE_PAY_DUES_OF_SEWERAGE_CONNECTION")} ${value === null || value === void 0 ? void 0 : value.connectionNo}`);
+        }
+      });
+    }
     if (!(cpt !== null && cpt !== void 0 && cpt.id)) missingFields.push(t("NDC_MESSAGE_PROPERTY_ID"));
-    if (!validatePropertyId(cpt === null || cpt === void 0 ? void 0 : cpt.id)) missingFields.push(t("PT_PROPERTY_ID_INVALID"));
     if (!cptDetails || Object.keys(cptDetails).length === 0) missingFields.push(t("NDC_MESSAGE_PLEASE_SEARCH_PROPERTY_ID"));
     if (!(propertyDetails !== null && propertyDetails !== void 0 && propertyDetails.firstName)) missingFields.push(t("NDC_MESSAGE_FIRST_NAME"));
     if (!(propertyDetails !== null && propertyDetails !== void 0 && propertyDetails.lastName)) missingFields.push(t("NDC_MESSAGE_LAST_NAME"));
@@ -11701,8 +11725,12 @@ const NewNDCStepFormOne = ({
     if (propertyDetails !== null && propertyDetails !== void 0 && propertyDetails.firstName && !nameRegex.test(propertyDetails.firstName)) {
       invalidFields.push(t("NDC_MESSAGE_FIRST_NAME_ONLY_ALPHABETS_ALLOWED"));
     }
-    if (propertyDetails !== null && propertyDetails !== void 0 && propertyDetails.lastName && !nameRegex.test(propertyDetails.lastName)) {
-      invalidFields.push(t("NDC_MESSAGE_LAST_NAME_ONLY_ALPHABETS_ALLOWED"));
+    if (propertyDetails !== null && propertyDetails !== void 0 && propertyDetails.lastName) {
+      if (!nameRegex.test(propertyDetails.lastName)) {
+        invalidFields.push(t("NDC_MESSAGE_LAST_NAME_ONLY_ALPHABETS_ALLOWED"));
+      } else if (propertyDetails.lastName.length > 100) {
+        invalidFields.push(t("NDC_MESSAGE_LAST_NAME_MAX_100_CHARACTERS"));
+      }
     }
     if (propertyDetails !== null && propertyDetails !== void 0 && propertyDetails.email && !emailRegex.test(propertyDetails.email)) {
       invalidFields.push(t("NDC_MESSAGE_EMAIL_INVALID_FORMAT"));
@@ -11834,7 +11862,7 @@ const PropertyDetailsForm$1 = ({
   formState,
   clearErrors
 }) => {
-  var _formData$cpt, _formData$cpt$details, _formData$cpt3, _Digit, _Digit$ComponentRegis, _formData$cpt4, _formData$cpt5, _propertyDetails$prop, _propertyDetails$prop2, _formData$cpt7, _propertyDetails$prop3, _propertyDetails$prop4, _formData$cpt8, _propertyDetails$prop6, _propertyDetails$prop7, _propertyDetails$wate, _propertyDetails$sewe;
+  var _formData$cpt, _formData$cpt$details, _formData$cpt3, _Digit, _Digit$ComponentRegis, _formData$cpt4, _propertyDetails$wate, _propertyDetails$sewe;
   const {
     control,
     formState: localFormState,
@@ -11970,7 +11998,6 @@ const PropertyDetailsForm$1 = ({
     }));
   }
   async function fetchBill(bussinessService, consumercodes, index) {
-    setPropertyLoader(true);
     if (bussinessService === "WS") {
       const updated = [...propertyDetails.waterConnection];
       updated[index].isLoading = true;
@@ -11986,6 +12013,7 @@ const PropertyDetailsForm$1 = ({
         sewerageConnection: updated
       }));
     } else if (bussinessService === "PT") {
+      setPropertyLoader(true);
       let updated = {
         ...(propertyDetails === null || propertyDetails === void 0 ? void 0 : propertyDetails.propertyBillData)
       };
@@ -12002,6 +12030,7 @@ const PropertyDetailsForm$1 = ({
         consumerCode: consumercodes
       });
       setPropertyLoader(false);
+      console.log("result======???????", result);
       if ((result === null || result === void 0 ? void 0 : (_result$Bill = result.Bill) === null || _result$Bill === void 0 ? void 0 : _result$Bill.length) > 0) {
         var _result$Bill$;
         if ((result === null || result === void 0 ? void 0 : (_result$Bill$ = result.Bill[0]) === null || _result$Bill$ === void 0 ? void 0 : _result$Bill$.totalAmount) > 0) {
@@ -12044,11 +12073,14 @@ const PropertyDetailsForm$1 = ({
         }
       } else if (result !== null && result !== void 0 && result.Bill) {
         setShowToast({
-          error: true,
+          error: false,
           label: t("NDC_MESSAGE_NO_BILLS_FOUND_FOR_THIS_CONSUMER_NUMBER")
         });
         if (bussinessService === "WS") {
           const updated = [...propertyDetails.waterConnection];
+          updated[index].billData = {
+            totalAmount: 0
+          };
           updated[index].isLoading = false;
           setPropertyDetails(prev => ({
             ...prev,
@@ -12056,6 +12088,9 @@ const PropertyDetailsForm$1 = ({
           }));
         } else if (bussinessService === "SW") {
           const updated = [...propertyDetails.sewerageConnection];
+          updated[index].billData = {
+            totalAmount: 0
+          };
           updated[index].isLoading = false;
           setPropertyDetails(prev => ({
             ...prev,
@@ -12073,12 +12108,15 @@ const PropertyDetailsForm$1 = ({
         }
       } else {
         setShowToast({
-          error: true,
-          label: t("INVALID_CONSUMER_NUMBER")
+          error: false,
+          label: t("NDC_MESSAGE_NO_BILLS_FOUND_FOR_THIS_CONSUMER_NUMBER")
         });
         if (bussinessService === "WS") {
           const updated = [...propertyDetails.waterConnection];
           updated[index].isLoading = false;
+          updated[index].billData = {
+            totalAmount: 0
+          };
           setPropertyDetails(prev => ({
             ...prev,
             waterConnection: updated
@@ -12086,6 +12124,9 @@ const PropertyDetailsForm$1 = ({
         } else if (bussinessService === "SW") {
           const updated = [...propertyDetails.sewerageConnection];
           updated[index].isLoading = false;
+          updated[index].billData = {
+            totalAmount: 0
+          };
           setPropertyDetails(prev => ({
             ...prev,
             sewerageConnection: updated
@@ -12121,9 +12162,14 @@ const PropertyDetailsForm$1 = ({
     } else if ((billData === null || billData === void 0 ? void 0 : billData.businessService) === "SW") {
       service = "SEWERAGE";
     } else if ((billData === null || billData === void 0 ? void 0 : billData.businessService) === "PT") {
-      service = "PROPERTY";
+      service = "PT";
+    }
+    let payUrl;
+    if ((billData === null || billData === void 0 ? void 0 : billData.businessService) === "PT") {
+      payUrl = "https://sdc-uat.lgpunjab.gov.in" + `/${userType}/egov-common/pay?consumerCode=${billData === null || billData === void 0 ? void 0 : billData.consumerCode}&tenantId=${billData === null || billData === void 0 ? void 0 : billData.tenantId}&businessService=${service}`;
+    } else {
+      payUrl = "https://sdc-uat.lgpunjab.gov.in" + `/${userType}/wns/viewBill?connectionNumber=${billData === null || billData === void 0 ? void 0 : billData.consumerCode}&tenantId=${billData === null || billData === void 0 ? void 0 : billData.tenantId}&service=${service}`;
     }
-    const payUrl = "https://sdc-uat.lgpunjab.gov.in" + `/${userType}/wns/viewBill?connectionNumber=${billData === null || billData === void 0 ? void 0 : billData.consumerCode}&tenantId=${billData === null || billData === void 0 ? void 0 : billData.tenantId}&service=${service}`;
     window.open(payUrl, "_blank");
     if ((billData === null || billData === void 0 ? void 0 : billData.businessService) === "WS") {
       const updated = [...propertyDetails.waterConnection];
@@ -12169,43 +12215,7 @@ const PropertyDetailsForm$1 = ({
     style: {
       marginBottom: "16px"
     }
-  }, (formData === null || formData === void 0 ? void 0 : (_formData$cpt4 = formData.cpt) === null || _formData$cpt4 === void 0 ? void 0 : _formData$cpt4.details) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement("div", {
-    className: "field",
-    style: {
-      display: "flex",
-      flexDirection: "column",
-      gap: "4px"
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: "flex",
-      flexDirection: "row"
-    }
-  }, propertyLoader ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement("div", null, (formData === null || formData === void 0 ? void 0 : (_formData$cpt5 = formData.cpt) === null || _formData$cpt5 === void 0 ? void 0 : _formData$cpt5.id) && !(propertyDetails !== null && propertyDetails !== void 0 && (_propertyDetails$prop = propertyDetails.propertyBillData) !== null && _propertyDetails$prop !== void 0 && (_propertyDetails$prop2 = _propertyDetails$prop.billData) !== null && _propertyDetails$prop2 !== void 0 && _propertyDetails$prop2.id) && /*#__PURE__*/React.createElement("button", {
-    className: "submit-bar",
-    type: "button",
-    style: {
-      color: "white"
-    },
-    onClick: () => {
-      var _formData$cpt6;
-      fetchBill("PT", formData === null || formData === void 0 ? void 0 : (_formData$cpt6 = formData.cpt) === null || _formData$cpt6 === void 0 ? void 0 : _formData$cpt6.id);
-    }
-  }, `${t("CHECK_STATUS")}`), (formData === null || formData === void 0 ? void 0 : (_formData$cpt7 = formData.cpt) === null || _formData$cpt7 === void 0 ? void 0 : _formData$cpt7.id) && (propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$prop3 = propertyDetails.propertyBillData) === null || _propertyDetails$prop3 === void 0 ? void 0 : (_propertyDetails$prop4 = _propertyDetails$prop3.billData) === null || _propertyDetails$prop4 === void 0 ? void 0 : _propertyDetails$prop4.totalAmount) > 0 && /*#__PURE__*/React.createElement("button", {
-    className: "submit-bar",
-    type: "button",
-    style: {
-      color: "white"
-    },
-    onClick: () => {
-      var _propertyDetails$prop5;
-      redirectToPayBill(propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$prop5 = propertyDetails.propertyBillData) === null || _propertyDetails$prop5 === void 0 ? void 0 : _propertyDetails$prop5.billData);
-    }
-  }, `${t("PAY_DUES")}`), (formData === null || formData === void 0 ? void 0 : (_formData$cpt8 = formData.cpt) === null || _formData$cpt8 === void 0 ? void 0 : _formData$cpt8.id) && (propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$prop6 = propertyDetails.propertyBillData) === null || _propertyDetails$prop6 === void 0 ? void 0 : (_propertyDetails$prop7 = _propertyDetails$prop6.billData) === null || _propertyDetails$prop7 === void 0 ? void 0 : _propertyDetails$prop7.totalAmount) == 0 && /*#__PURE__*/React.createElement("div", {
-    style: {
-      color: "green"
-    }
-  }, t("NO_DUES_FOUND_FOR_PROPERTY")))))), /*#__PURE__*/React.createElement(LabelFieldPair, {
+  }, (formData === null || formData === void 0 ? void 0 : (_formData$cpt4 = formData.cpt) === null || _formData$cpt4 === void 0 ? void 0 : _formData$cpt4.details) && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LabelFieldPair, {
     style: {
       marginTop: "40px"
     }
@@ -12216,11 +12226,13 @@ const PropertyDetailsForm$1 = ({
     style: {
       display: "flex",
       flexDirection: "column",
-      gap: "8px"
+      gap: "8px",
+      width: "100%"
     }
   }, propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$wate = propertyDetails.waterConnection) === null || _propertyDetails$wate === void 0 ? void 0 : _propertyDetails$wate.map((item, index) => {
-    var _item$billData, _item$billData2, _item$billData3;
+    var _item$billData, _item$billData2, _item$billData3, _item$billData4;
     return /*#__PURE__*/React.createElement("div", {
+      className: "ndc_property_search",
       key: index,
       style: {
         display: "flex",
@@ -12259,16 +12271,17 @@ const PropertyDetailsForm$1 = ({
         alignItems: "center",
         gap: "12px"
       }
-    }, (item === null || item === void 0 ? void 0 : item.connectionNo) && !(item !== null && item !== void 0 && (_item$billData = item.billData) !== null && _item$billData !== void 0 && _item$billData.id) && /*#__PURE__*/React.createElement("button", {
+    }, (item === null || item === void 0 ? void 0 : item.connectionNo) && !(item !== null && item !== void 0 && (_item$billData = item.billData) !== null && _item$billData !== void 0 && _item$billData.id) && (item === null || item === void 0 ? void 0 : (_item$billData2 = item.billData) === null || _item$billData2 === void 0 ? void 0 : _item$billData2.totalAmount) != 0 && /*#__PURE__*/React.createElement("button", {
       className: "submit-bar",
       type: "button",
       style: {
-        color: "white"
+        color: "white",
+        fontSize: "13px"
       },
       onClick: () => {
         fetchBill("WS", item.connectionNo, index);
       }
-    }, `${t("CHECK_STATUS")}`), (item === null || item === void 0 ? void 0 : item.connectionNo) && (item === null || item === void 0 ? void 0 : (_item$billData2 = item.billData) === null || _item$billData2 === void 0 ? void 0 : _item$billData2.totalAmount) > 0 && /*#__PURE__*/React.createElement("button", {
+    }, `${t("CHECK_STATUS_WATER")}`), (item === null || item === void 0 ? void 0 : item.connectionNo) && (item === null || item === void 0 ? void 0 : (_item$billData3 = item.billData) === null || _item$billData3 === void 0 ? void 0 : _item$billData3.totalAmount) > 0 && /*#__PURE__*/React.createElement("button", {
       className: "submit-bar",
       type: "button",
       style: {
@@ -12277,7 +12290,7 @@ const PropertyDetailsForm$1 = ({
       onClick: () => {
         redirectToPayBill(item === null || item === void 0 ? void 0 : item.billData, index, item.isEdit);
       }
-    }, `${t("PAY_DUES")}`), (item === null || item === void 0 ? void 0 : item.connectionNo) && (item === null || item === void 0 ? void 0 : (_item$billData3 = item.billData) === null || _item$billData3 === void 0 ? void 0 : _item$billData3.totalAmount) == 0 && /*#__PURE__*/React.createElement("div", {
+    }, `${t("PAY_DUES")}`), (item === null || item === void 0 ? void 0 : item.connectionNo) && (item === null || item === void 0 ? void 0 : (_item$billData4 = item.billData) === null || _item$billData4 === void 0 ? void 0 : _item$billData4.totalAmount) == 0 && /*#__PURE__*/React.createElement("div", {
       style: {
         color: "green"
       }
@@ -12304,7 +12317,8 @@ const PropertyDetailsForm$1 = ({
     className: "submit-bar",
     type: "button",
     style: {
-      color: "white"
+      color: "white",
+      fontSize: "12px"
     },
     onClick: () => {
       addWaterConnection();
@@ -12320,11 +12334,13 @@ const PropertyDetailsForm$1 = ({
     style: {
       display: "flex",
       flexDirection: "column",
-      gap: "8px"
+      gap: "8px",
+      width: "100%"
     }
   }, propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$sewe = propertyDetails.sewerageConnection) === null || _propertyDetails$sewe === void 0 ? void 0 : _propertyDetails$sewe.map((item, index) => {
-    var _item$billData4, _item$billData5, _item$billData6;
+    var _item$billData5, _item$billData6, _item$billData7, _item$billData8;
     return /*#__PURE__*/React.createElement("div", {
+      className: "ndc_property_search",
       key: index,
       style: {
         display: "flex",
@@ -12363,26 +12379,30 @@ const PropertyDetailsForm$1 = ({
         alignItems: "center",
         gap: "12px"
       }
-    }, (item === null || item === void 0 ? void 0 : item.connectionNo) && !(item !== null && item !== void 0 && (_item$billData4 = item.billData) !== null && _item$billData4 !== void 0 && _item$billData4.id) && /*#__PURE__*/React.createElement("button", {
+    }, (item === null || item === void 0 ? void 0 : item.connectionNo) && !(item !== null && item !== void 0 && (_item$billData5 = item.billData) !== null && _item$billData5 !== void 0 && _item$billData5.id) && (item === null || item === void 0 ? void 0 : (_item$billData6 = item.billData) === null || _item$billData6 === void 0 ? void 0 : _item$billData6.totalAmount) != 0 && /*#__PURE__*/React.createElement("button", {
       className: "submit-bar",
       type: "button",
       style: {
-        color: "white"
+        color: "white",
+        fontSize: "13px"
       },
       onClick: () => {
         fetchBill("SW", item.connectionNo, index);
       }
-    }, `${t("CHECK_STATUS")}`), (item === null || item === void 0 ? void 0 : item.connectionNo) && (item === null || item === void 0 ? void 0 : (_item$billData5 = item.billData) === null || _item$billData5 === void 0 ? void 0 : _item$billData5.totalAmount) > 0 && /*#__PURE__*/React.createElement("button", {
+    }, `${t("CHECK_STATUS_SEWERAGE")}`), (item === null || item === void 0 ? void 0 : item.connectionNo) && (item === null || item === void 0 ? void 0 : (_item$billData7 = item.billData) === null || _item$billData7 === void 0 ? void 0 : _item$billData7.totalAmount) > 0 && /*#__PURE__*/React.createElement("button", {
       className: "submit-bar",
       type: "button",
       style: {
-        color: "white",
-        padding: "3px 100px"
+        color: "white"
       },
       onClick: () => {
         redirectToPayBill(item === null || item === void 0 ? void 0 : item.billData, index);
       }
-    }, `${t("PAY_DUES")}`), (item === null || item === void 0 ? void 0 : item.connectionNo) && (item === null || item === void 0 ? void 0 : (_item$billData6 = item.billData) === null || _item$billData6 === void 0 ? void 0 : _item$billData6.totalAmount) == 0 && /*#__PURE__*/React.createElement("div", null, t("NO_DUES")), (item === null || item === void 0 ? void 0 : item.isEdit) && /*#__PURE__*/React.createElement("button", {
+    }, `${t("PAY_DUES")}`), (item === null || item === void 0 ? void 0 : item.connectionNo) && (item === null || item === void 0 ? void 0 : (_item$billData8 = item.billData) === null || _item$billData8 === void 0 ? void 0 : _item$billData8.totalAmount) == 0 && /*#__PURE__*/React.createElement("div", {
+      style: {
+        color: "green"
+      }
+    }, t("NO_DUES")), (item === null || item === void 0 ? void 0 : item.isEdit) && /*#__PURE__*/React.createElement("button", {
       onClick: () => {
         let updated = [...propertyDetails.sewerageConnection];
         updated.splice(index, 1);
@@ -12405,7 +12425,8 @@ const PropertyDetailsForm$1 = ({
     className: "submit-bar",
     type: "button",
     style: {
-      color: "white"
+      color: "white",
+      fontSize: " 12px"
     },
     onClick: () => {
       addSewerageConnection();
@@ -12429,7 +12450,7 @@ const PropertyDetailsForm$1 = ({
       }
     },
     render: props => {
-      var _formData$cpt9, _formData$cpt9$detail, _formData$cpt9$detail2, _formData$cpt9$detail3, _formData$cpt9$detail4, _formData$cpt9$detail5, _formData$cpt9$detail6;
+      var _formData$cpt5, _formData$cpt5$detail, _formData$cpt5$detail2, _formData$cpt5$detail3, _formData$cpt5$detail4, _formData$cpt5$detail5, _formData$cpt5$detail6;
       return /*#__PURE__*/React.createElement(TextInput, {
         value: (propertyDetails === null || propertyDetails === void 0 ? void 0 : propertyDetails.firstName) || "",
         onChange: e => {
@@ -12442,7 +12463,7 @@ const PropertyDetailsForm$1 = ({
         onBlur: e => {
           props.onBlur(e);
         },
-        disabled: (formData === null || formData === void 0 ? void 0 : (_formData$cpt9 = formData.cpt) === null || _formData$cpt9 === void 0 ? void 0 : (_formData$cpt9$detail = _formData$cpt9.details) === null || _formData$cpt9$detail === void 0 ? void 0 : (_formData$cpt9$detail2 = _formData$cpt9$detail.owners) === null || _formData$cpt9$detail2 === void 0 ? void 0 : (_formData$cpt9$detail3 = _formData$cpt9$detail2[0]) === null || _formData$cpt9$detail3 === void 0 ? void 0 : (_formData$cpt9$detail4 = _formData$cpt9$detail3.name) === null || _formData$cpt9$detail4 === void 0 ? void 0 : (_formData$cpt9$detail5 = _formData$cpt9$detail4.split(" ")) === null || _formData$cpt9$detail5 === void 0 ? void 0 : (_formData$cpt9$detail6 = _formData$cpt9$detail5[0]) === null || _formData$cpt9$detail6 === void 0 ? void 0 : _formData$cpt9$detail6.length) > 0
+        disabled: (formData === null || formData === void 0 ? void 0 : (_formData$cpt5 = formData.cpt) === null || _formData$cpt5 === void 0 ? void 0 : (_formData$cpt5$detail = _formData$cpt5.details) === null || _formData$cpt5$detail === void 0 ? void 0 : (_formData$cpt5$detail2 = _formData$cpt5$detail.owners) === null || _formData$cpt5$detail2 === void 0 ? void 0 : (_formData$cpt5$detail3 = _formData$cpt5$detail2[0]) === null || _formData$cpt5$detail3 === void 0 ? void 0 : (_formData$cpt5$detail4 = _formData$cpt5$detail3.name) === null || _formData$cpt5$detail4 === void 0 ? void 0 : (_formData$cpt5$detail5 = _formData$cpt5$detail4.split(" ")) === null || _formData$cpt5$detail5 === void 0 ? void 0 : (_formData$cpt5$detail6 = _formData$cpt5$detail5[0]) === null || _formData$cpt5$detail6 === void 0 ? void 0 : _formData$cpt5$detail6.length) > 0
       });
     }
   }))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
@@ -12460,7 +12481,7 @@ const PropertyDetailsForm$1 = ({
       }
     },
     render: props => {
-      var _formData$cpt0, _formData$cpt0$detail, _formData$cpt0$detail2, _formData$cpt0$detail3, _formData$cpt0$detail4, _formData$cpt0$detail5, _formData$cpt0$detail6;
+      var _formData$cpt6, _formData$cpt6$detail, _formData$cpt6$detail2, _formData$cpt6$detail3, _formData$cpt6$detail4, _formData$cpt6$detail5, _formData$cpt6$detail6;
       return /*#__PURE__*/React.createElement(TextInput, {
         value: (propertyDetails === null || propertyDetails === void 0 ? void 0 : propertyDetails.lastName) || "",
         onChange: e => {
@@ -12473,7 +12494,7 @@ const PropertyDetailsForm$1 = ({
         onBlur: e => {
           props.onBlur(e);
         },
-        disabled: (formData === null || formData === void 0 ? void 0 : (_formData$cpt0 = formData.cpt) === null || _formData$cpt0 === void 0 ? void 0 : (_formData$cpt0$detail = _formData$cpt0.details) === null || _formData$cpt0$detail === void 0 ? void 0 : (_formData$cpt0$detail2 = _formData$cpt0$detail.owners) === null || _formData$cpt0$detail2 === void 0 ? void 0 : (_formData$cpt0$detail3 = _formData$cpt0$detail2[0]) === null || _formData$cpt0$detail3 === void 0 ? void 0 : (_formData$cpt0$detail4 = _formData$cpt0$detail3.name) === null || _formData$cpt0$detail4 === void 0 ? void 0 : (_formData$cpt0$detail5 = _formData$cpt0$detail4.split(" ")) === null || _formData$cpt0$detail5 === void 0 ? void 0 : (_formData$cpt0$detail6 = _formData$cpt0$detail5[1]) === null || _formData$cpt0$detail6 === void 0 ? void 0 : _formData$cpt0$detail6.length) > 0
+        disabled: (formData === null || formData === void 0 ? void 0 : (_formData$cpt6 = formData.cpt) === null || _formData$cpt6 === void 0 ? void 0 : (_formData$cpt6$detail = _formData$cpt6.details) === null || _formData$cpt6$detail === void 0 ? void 0 : (_formData$cpt6$detail2 = _formData$cpt6$detail.owners) === null || _formData$cpt6$detail2 === void 0 ? void 0 : (_formData$cpt6$detail3 = _formData$cpt6$detail2[0]) === null || _formData$cpt6$detail3 === void 0 ? void 0 : (_formData$cpt6$detail4 = _formData$cpt6$detail3.name) === null || _formData$cpt6$detail4 === void 0 ? void 0 : (_formData$cpt6$detail5 = _formData$cpt6$detail4.split(" ")) === null || _formData$cpt6$detail5 === void 0 ? void 0 : (_formData$cpt6$detail6 = _formData$cpt6$detail5[1]) === null || _formData$cpt6$detail6 === void 0 ? void 0 : _formData$cpt6$detail6.length) > 0
       });
     }
   }))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
@@ -12485,7 +12506,7 @@ const PropertyDetailsForm$1 = ({
     name: "email",
     defaultValue: (propertyDetails === null || propertyDetails === void 0 ? void 0 : propertyDetails.email) || "",
     render: props => {
-      var _formData$cpt1, _formData$cpt1$detail, _formData$cpt1$detail2, _formData$cpt1$detail3, _formData$cpt1$detail4;
+      var _formData$cpt7, _formData$cpt7$detail, _formData$cpt7$detail2, _formData$cpt7$detail3, _formData$cpt7$detail4;
       return /*#__PURE__*/React.createElement(TextInput, {
         value: propertyDetails === null || propertyDetails === void 0 ? void 0 : propertyDetails.email,
         onChange: e => {
@@ -12498,7 +12519,7 @@ const PropertyDetailsForm$1 = ({
         onBlur: e => {
           props.onBlur(e);
         },
-        disabled: (formData === null || formData === void 0 ? void 0 : (_formData$cpt1 = formData.cpt) === null || _formData$cpt1 === void 0 ? void 0 : (_formData$cpt1$detail = _formData$cpt1.details) === null || _formData$cpt1$detail === void 0 ? void 0 : (_formData$cpt1$detail2 = _formData$cpt1$detail.owners) === null || _formData$cpt1$detail2 === void 0 ? void 0 : (_formData$cpt1$detail3 = _formData$cpt1$detail2[0]) === null || _formData$cpt1$detail3 === void 0 ? void 0 : (_formData$cpt1$detail4 = _formData$cpt1$detail3.email) === null || _formData$cpt1$detail4 === void 0 ? void 0 : _formData$cpt1$detail4.length) > 0
+        disabled: (formData === null || formData === void 0 ? void 0 : (_formData$cpt7 = formData.cpt) === null || _formData$cpt7 === void 0 ? void 0 : (_formData$cpt7$detail = _formData$cpt7.details) === null || _formData$cpt7$detail === void 0 ? void 0 : (_formData$cpt7$detail2 = _formData$cpt7$detail.owners) === null || _formData$cpt7$detail2 === void 0 ? void 0 : (_formData$cpt7$detail3 = _formData$cpt7$detail2[0]) === null || _formData$cpt7$detail3 === void 0 ? void 0 : (_formData$cpt7$detail4 = _formData$cpt7$detail3.email) === null || _formData$cpt7$detail4 === void 0 ? void 0 : _formData$cpt7$detail4.length) > 0
       });
     }
   }))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
@@ -12531,7 +12552,7 @@ const PropertyDetailsForm$1 = ({
     name: "address",
     defaultValue: (propertyDetails === null || propertyDetails === void 0 ? void 0 : propertyDetails.address) || "",
     render: props => {
-      var _formData$cpt10, _formData$cpt10$detai, _formData$cpt10$detai2, _formData$cpt10$detai3, _formData$cpt10$detai4;
+      var _formData$cpt8, _formData$cpt8$detail, _formData$cpt8$detail2, _formData$cpt8$detail3, _formData$cpt8$detail4;
       return /*#__PURE__*/React.createElement(TextInput, {
         value: propertyDetails === null || propertyDetails === void 0 ? void 0 : propertyDetails.address,
         onChange: e => {
@@ -12544,7 +12565,7 @@ const PropertyDetailsForm$1 = ({
         onBlur: e => {
           props.onBlur(e);
         },
-        disabled: (formData === null || formData === void 0 ? void 0 : (_formData$cpt10 = formData.cpt) === null || _formData$cpt10 === void 0 ? void 0 : (_formData$cpt10$detai = _formData$cpt10.details) === null || _formData$cpt10$detai === void 0 ? void 0 : (_formData$cpt10$detai2 = _formData$cpt10$detai.owners) === null || _formData$cpt10$detai2 === void 0 ? void 0 : (_formData$cpt10$detai3 = _formData$cpt10$detai2[0]) === null || _formData$cpt10$detai3 === void 0 ? void 0 : (_formData$cpt10$detai4 = _formData$cpt10$detai3.permanentAddress) === null || _formData$cpt10$detai4 === void 0 ? void 0 : _formData$cpt10$detai4.length) > 0
+        disabled: (formData === null || formData === void 0 ? void 0 : (_formData$cpt8 = formData.cpt) === null || _formData$cpt8 === void 0 ? void 0 : (_formData$cpt8$detail = _formData$cpt8.details) === null || _formData$cpt8$detail === void 0 ? void 0 : (_formData$cpt8$detail2 = _formData$cpt8$detail.owners) === null || _formData$cpt8$detail2 === void 0 ? void 0 : (_formData$cpt8$detail3 = _formData$cpt8$detail2[0]) === null || _formData$cpt8$detail3 === void 0 ? void 0 : (_formData$cpt8$detail4 = _formData$cpt8$detail3.permanentAddress) === null || _formData$cpt8$detail4 === void 0 ? void 0 : _formData$cpt8$detail4.length) > 0
       });
     }
   })))), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement(CardLabel, {
@@ -12588,28 +12609,23 @@ const getAddress = (address, t) => {
 const PropertySearchNSummary = ({
   config,
   onSelect,
-  userType,
-  formData,
-  setError,
-  formState,
-  clearErrors
+  formData
 }) => {
-  var _formData$cpt, _formData$cpt2, _propertyDetails$Prop3;
+  var _formData$cpt, _formData$cpt2, _propertyDetails$Prop3, _formData$cpt11, _formData$cpt12, _formData$cpt14, _formData$cpt15, _formData$cpt15$dues, _formData$cpt17, _formData$cpt18, _formData$cpt18$dues;
   const {
     t
   } = useTranslation();
-  const history = useHistory();
+  const myElementRef = useRef(null);
   let {
     pathname,
     state
   } = useLocation();
   state = state && (typeof state === "string" || state instanceof String) ? JSON.parse(state) : state;
   const isEditScreen = pathname.includes("/modify-application/");
-  const tenantId = Digit.ULBService.getCurrentPermanentCity();
-  const isEmpNewApplication = window.location.href.includes("/employee/tl/new-application") || window.location.href.includes("/citizen/tl/tradelicence/new-application");
-  const isEmpRenewLicense = window.location.href.includes("/employee/tl/renew-application-details") || window.location.href.includes("/employee/tl/edit-application-details");
+  const tenantId = window.location.href.includes("employee") ? Digit.ULBService.getCurrentPermanentCity() : localStorage.getItem("CITIZEN.CITY");
   const search = useLocation().search;
   const urlPropertyId = new URLSearchParams(search).get("propertyId");
+  const isfirstRender = useRef(true);
   const [propertyId, setPropertyId] = useState((formData === null || formData === void 0 ? void 0 : (_formData$cpt = formData.cpt) === null || _formData$cpt === void 0 ? void 0 : _formData$cpt.id) || (urlPropertyId !== "null" ? urlPropertyId : "") || "");
   const [searchPropertyId, setSearchPropertyId] = useState(formData !== null && formData !== void 0 && (_formData$cpt2 = formData.cpt) !== null && _formData$cpt2 !== void 0 && _formData$cpt2.id || urlPropertyId !== "null" ? urlPropertyId : "");
   const [showToast, setShowToast] = useState(null);
@@ -12628,9 +12644,22 @@ const PropertySearchNSummary = ({
       };
     }
   });
-  const isMobile = window.Digit.Utils.browser.isMobile();
-  const serachParams = window.location.href.includes("?") ? window.location.href.substring(window.location.href.indexOf("?") + 1, window.location.href.length) : "";
-  const myElementRef = useRef(null);
+  const [propertyDues, setPropertyDues] = useState(() => {
+    var _formData$cpt6, _formData$cpt7;
+    if (formData !== null && formData !== void 0 && (_formData$cpt6 = formData.cpt) !== null && _formData$cpt6 !== void 0 && _formData$cpt6.dues && Object.keys(formData === null || formData === void 0 ? void 0 : (_formData$cpt7 = formData.cpt) === null || _formData$cpt7 === void 0 ? void 0 : _formData$cpt7.dues).length > 0) {
+      var _formData$cpt8;
+      return {
+        dues: {
+          ...(formData === null || formData === void 0 ? void 0 : (_formData$cpt8 = formData.cpt) === null || _formData$cpt8 === void 0 ? void 0 : _formData$cpt8.dues)
+        }
+      };
+    } else {
+      return {
+        dues: {}
+      };
+    }
+  });
+  const [isSearchClicked, setIsSearchClicked] = useState(false);
   const {
     isLoading,
     isError,
@@ -12649,19 +12678,18 @@ const PropertySearchNSummary = ({
     enabled: searchPropertyId ? true : false,
     privacy: Digit.Utils.getPrivacyObject()
   });
-  const isfirstRender = useRef(true);
   useEffect(() => {
     var _propertyDetailsFetch;
     if (propertyDetailsFetch && propertyDetailsFetch !== null && propertyDetailsFetch !== void 0 && propertyDetailsFetch.Properties && (propertyDetailsFetch === null || propertyDetailsFetch === void 0 ? void 0 : (_propertyDetailsFetch = propertyDetailsFetch.Properties) === null || _propertyDetailsFetch === void 0 ? void 0 : _propertyDetailsFetch.length) > 0) {
       setPropertyDetails(propertyDetailsFetch);
       setShowToast(null);
     } else {
-      var _formData$cpt6;
+      var _formData$cpt9;
       if (isfirstRender.current) {
         isfirstRender.current = false;
         return;
       }
-      if (!(formData !== null && formData !== void 0 && (_formData$cpt6 = formData.cpt) !== null && _formData$cpt6 !== void 0 && _formData$cpt6.details)) {
+      if (!(formData !== null && formData !== void 0 && (_formData$cpt9 = formData.cpt) !== null && _formData$cpt9 !== void 0 && _formData$cpt9.details)) {
         console.log("Property Id not found in response", propertyId);
         setPropertyDetails({});
         setShowToast({
@@ -12691,6 +12719,12 @@ const PropertySearchNSummary = ({
       details: propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$Prop2 = propertyDetails.Properties) === null || _propertyDetails$Prop2 === void 0 ? void 0 : _propertyDetails$Prop2[0]
     });
   }, [propertyDetails, pathname]);
+  useEffect(() => {
+    onSelect(config.key, {
+      ...formData[config.key],
+      dues: propertyDues === null || propertyDues === void 0 ? void 0 : propertyDues.dues
+    });
+  }, [propertyDues, pathname]);
   const searchProperty = () => {
     if (!propertyId) {
       setShowToast({
@@ -12704,8 +12738,14 @@ const PropertySearchNSummary = ({
         Properties: []
       });
       setSearchPropertyId(propertyId);
+      setIsSearchClicked(true);
     }
   };
+  const handlePropertyChange = e => {
+    setPropertyId(e.target.value);
+    setValue(e.target.value, propertyIdInput.name);
+    setIsSearchClicked(false);
+  };
   if (isEditScreen) {
     return /*#__PURE__*/React.createElement(React.Fragment, null);
   }
@@ -12736,7 +12776,65 @@ const PropertySearchNSummary = ({
   function getValue(input) {
     return formData && formData[config.key] ? formData[config.key][input] : undefined;
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  async function fetchBill() {
+    try {
+      var _formData$cpt0, _result$Bill;
+      const result = await Digit.PaymentService.fetchBill(tenantId, {
+        businessService: "PT",
+        consumerCode: formData === null || formData === void 0 ? void 0 : (_formData$cpt0 = formData.cpt) === null || _formData$cpt0 === void 0 ? void 0 : _formData$cpt0.id
+      });
+      if ((result === null || result === void 0 ? void 0 : (_result$Bill = result.Bill) === null || _result$Bill === void 0 ? void 0 : _result$Bill.length) > 0) {
+        var _result$Bill$;
+        if ((result === null || result === void 0 ? void 0 : (_result$Bill$ = result.Bill[0]) === null || _result$Bill$ === void 0 ? void 0 : _result$Bill$.totalAmount) > 0) {
+          setShowToast({
+            error: true,
+            label: t("NDC_MESSAGE_DUES_FOUND_PLEASE_PAY")
+          });
+        } else {
+          setShowToast({
+            error: false,
+            label: t("NDC_MESSAGE_NO_DUES_FOUND")
+          });
+        }
+        setPropertyDues({
+          dues: result === null || result === void 0 ? void 0 : result.Bill[0]
+        });
+      } else if (result !== null && result !== void 0 && result.Bill) {
+        setShowToast({
+          error: false,
+          label: t("NDC_MESSAGE_NO_BILLS_FOUND_FOR_THIS_CONSUMER_NUMBER")
+        });
+        setPropertyDues({
+          dues: {
+            totalAmount: 0
+          }
+        });
+      } else {
+        setShowToast({
+          error: false,
+          label: t("NDC_MESSAGE_NO_BILLS_FOUND_FOR_THIS_CONSUMER_NUMBER")
+        });
+        setPropertyDues({
+          dues: {
+            totalAmount: 0
+          }
+        });
+      }
+    } catch (error) {
+      setShowToast({
+        error: true,
+        label: t("NDC_MESSAGE_FETCH_FAILED")
+      });
+    }
+  }
+  function redirectToPayBill(billData, index, isEdit) {
+    var _formData$cpt1, _formData$cpt10, _formData$cpt10$detai;
+    const userType = window.location.href.includes("employee") ? "employee" : "citizen";
+    const payUrl = "https://sdc-uat.lgpunjab.gov.in" + `/${userType}/egov-common/pay?consumerCode=${formData === null || formData === void 0 ? void 0 : (_formData$cpt1 = formData.cpt) === null || _formData$cpt1 === void 0 ? void 0 : _formData$cpt1.id}&tenantId=${formData === null || formData === void 0 ? void 0 : (_formData$cpt10 = formData.cpt) === null || _formData$cpt10 === void 0 ? void 0 : (_formData$cpt10$detai = _formData$cpt10.details) === null || _formData$cpt10$detai === void 0 ? void 0 : _formData$cpt10$detai.tenantId}&businessService=PT`;
+    window.open(payUrl, "_blank");
+    setPropertyDues({});
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, isLoading && /*#__PURE__*/React.createElement(Loader, null), /*#__PURE__*/React.createElement("div", {
     style: {
       marginBottom: "16px"
     }
@@ -12744,36 +12842,62 @@ const PropertySearchNSummary = ({
     className: "card-label-smaller",
     style: getInputStyles()
   }, `${t(propertyIdInput.label)}`,  null), /*#__PURE__*/React.createElement("div", {
-    className: "field",
+    className: "field ndc_property_search",
     style: {
       marginTop: "20px",
-      display: "flex"
+      display: "flex",
+      gap: "16px",
+      alignItems: "baseline",
+      width: "100%"
     },
     ref: myElementRef,
     id: "search-property-field"
   }, /*#__PURE__*/React.createElement(TextInput, Object.assign({
     key: propertyIdInput.name,
     value: getValue(propertyIdInput.name),
-    onChange: e => {
-      setPropertyId(e.target.value);
-      setValue(e.target.value, propertyIdInput.name);
-    },
+    onChange: handlePropertyChange,
     disable: false,
     maxlength: 16,
-    defaultValue: undefined,
+    defaultValue: undefined
+  }, propertyIdInput.validation)), !isSearchClicked && /*#__PURE__*/React.createElement("button", {
+    className: "submit-bar",
+    type: "button",
+    style: {
+      color: "white",
+      width: "100%",
+      maxWidth: "100px"
+    },
+    onClick: searchProperty
+  }, `${t("PT_SEARCH")}`), (formData === null || formData === void 0 ? void 0 : (_formData$cpt11 = formData.cpt) === null || _formData$cpt11 === void 0 ? void 0 : _formData$cpt11.details) && !(formData !== null && formData !== void 0 && (_formData$cpt12 = formData.cpt) !== null && _formData$cpt12 !== void 0 && _formData$cpt12.dues) && /*#__PURE__*/React.createElement("button", {
+    className: "submit-bar",
+    type: "button",
     style: {
-      width: "80%",
-      float: "left",
-      marginRight: "20px"
+      color: "white",
+      fontSize: "13px",
+      width: "100%",
+      maxWidth: "180px"
+    },
+    onClick: () => {
+      fetchBill();
     }
-  }, propertyIdInput.validation)), /*#__PURE__*/React.createElement("button", {
+  }, `${t("CHECK_STATUS_PROPERTY")}`), (formData === null || formData === void 0 ? void 0 : (_formData$cpt14 = formData.cpt) === null || _formData$cpt14 === void 0 ? void 0 : _formData$cpt14.id) && (formData === null || formData === void 0 ? void 0 : (_formData$cpt15 = formData.cpt) === null || _formData$cpt15 === void 0 ? void 0 : (_formData$cpt15$dues = _formData$cpt15.dues) === null || _formData$cpt15$dues === void 0 ? void 0 : _formData$cpt15$dues.totalAmount) > 0 && /*#__PURE__*/React.createElement("button", {
     className: "submit-bar",
     type: "button",
     style: {
-      color: "white"
+      color: "white",
+      width: "100%",
+      maxWidth: "100px"
     },
-    onClick: searchProperty
-  }, `${t("PT_SEARCH")}`))), showToast && /*#__PURE__*/React.createElement(Toast, {
+    onClick: () => {
+      redirectToPayBill();
+    }
+  }, `${t("PAY_DUES")}`), (formData === null || formData === void 0 ? void 0 : (_formData$cpt17 = formData.cpt) === null || _formData$cpt17 === void 0 ? void 0 : _formData$cpt17.id) && (formData === null || formData === void 0 ? void 0 : (_formData$cpt18 = formData.cpt) === null || _formData$cpt18 === void 0 ? void 0 : (_formData$cpt18$dues = _formData$cpt18.dues) === null || _formData$cpt18$dues === void 0 ? void 0 : _formData$cpt18$dues.totalAmount) == 0 && /*#__PURE__*/React.createElement("div", {
+    style: {
+      color: "green",
+      width: "100%",
+      maxWidth: "75px"
+    }
+  }, t("NO_DUES_FOUND_FOR_PROPERTY")))), showToast && /*#__PURE__*/React.createElement(Toast, {
     isDleteBtn: true,
     labelstyle: {
       width: "100%"
@@ -13486,8 +13610,8 @@ const PayWSBillModal = ({
 };
 
 const createEmployeeConfig$1 = [{
-  head: "NDC Details",
-  stepLabel: "NDC Details",
+  head: "Applicant Details",
+  stepLabel: "Applicant Details",
   stepNumber: 1,
   isStepEnabled: true,
   type: "component",
@@ -13548,7 +13672,7 @@ const NewNDCStepForm$1 = () => {
       color: "#1C1D1F"
     },
     divider: true
-  }, t("New NDC Application")), /*#__PURE__*/React.createElement(Stepper, {
+  }, t("ndc_header_application")), /*#__PURE__*/React.createElement(Stepper, {
     stepsList: updatedCreateEmployeeconfig$1,
     onSubmit: handleSubmit,
     step: step,
@@ -13688,12 +13812,41 @@ const NewNDCStepFormOne$1 = ({
     }
   };
   function validateStepData(data) {
+    var _data$cpt6, _data$cpt6$dues, _data$cpt7, _data$cpt7$dues, _data$dues, _propertyDetails$wate, _propertyDetails$sewe;
     const missingFields = [];
     const invalidFields = [];
     const cpt = (data === null || data === void 0 ? void 0 : data.cpt) || {};
     const cptDetails = (cpt === null || cpt === void 0 ? void 0 : cpt.details) || {};
     const propertyDetails = (data === null || data === void 0 ? void 0 : data.PropertyDetails) || {};
     const NDCReason = (data === null || data === void 0 ? void 0 : data.NDCReason) || {};
+    if ((data === null || data === void 0 ? void 0 : (_data$cpt6 = data.cpt) === null || _data$cpt6 === void 0 ? void 0 : (_data$cpt6$dues = _data$cpt6.dues) === null || _data$cpt6$dues === void 0 ? void 0 : _data$cpt6$dues.totalAmount) != 0) {
+      invalidFields.push(`${t("NDC_MESSAGE_PLEASE_CHECK_STATUS_OF_PROPERTY_TAX")} ${cpt === null || cpt === void 0 ? void 0 : cpt.id}`);
+    }
+    if (data !== null && data !== void 0 && (_data$cpt7 = data.cpt) !== null && _data$cpt7 !== void 0 && (_data$cpt7$dues = _data$cpt7.dues) !== null && _data$cpt7$dues !== void 0 && _data$cpt7$dues.id && (data === null || data === void 0 ? void 0 : (_data$dues = data.dues) === null || _data$dues === void 0 ? void 0 : _data$dues.totalAmount) > 0) {
+      invalidFields.push(`${t("NDC_MESSAGE_PLEASE_PAY_DUES_OF_PROPERTY_TAX")} ${cpt === null || cpt === void 0 ? void 0 : cpt.id}`);
+    }
+    if ((propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$wate = propertyDetails.waterConnection) === null || _propertyDetails$wate === void 0 ? void 0 : _propertyDetails$wate.length) > 0) {
+      propertyDetails.waterConnection.forEach(value => {
+        var _value$billData, _value$billData2, _value$billData3;
+        if ((value === null || value === void 0 ? void 0 : (_value$billData = value.billData) === null || _value$billData === void 0 ? void 0 : _value$billData.totalAmount) != 0) {
+          invalidFields.push(`${t("NDC_MESSAGE_PLEASE_CHECK_STATUS_OF_WATER_CONNECTION")} ${value === null || value === void 0 ? void 0 : value.connectionNo}`);
+        }
+        if (value !== null && value !== void 0 && (_value$billData2 = value.billData) !== null && _value$billData2 !== void 0 && _value$billData2.id && (value === null || value === void 0 ? void 0 : (_value$billData3 = value.billData) === null || _value$billData3 === void 0 ? void 0 : _value$billData3.totalAmount) > 0) {
+          invalidFields.push(`${t("NDC_MESSAGE_PLEASE_PAY_DUES_OF_WATER_CONNECTION")} ${value === null || value === void 0 ? void 0 : value.connectionNo}`);
+        }
+      });
+    }
+    if ((propertyDetails === null || propertyDetails === void 0 ? void 0 : (_propertyDetails$sewe = propertyDetails.sewerageConnection) === null || _propertyDetails$sewe === void 0 ? void 0 : _propertyDetails$sewe.length) > 0) {
+      propertyDetails.sewerageConnection.forEach(value => {
+        var _value$billData4, _value$billData5, _value$billData6;
+        if ((value === null || value === void 0 ? void 0 : (_value$billData4 = value.billData) === null || _value$billData4 === void 0 ? void 0 : _value$billData4.totalAmount) != 0) {
+          invalidFields.push(`${t("NDC_MESSAGE_PLEASE_CHECK_STATUS_OF_SEWERAGE_CONNECTION")} ${value === null || value === void 0 ? void 0 : value.connectionNo}`);
+        }
+        if (value !== null && value !== void 0 && (_value$billData5 = value.billData) !== null && _value$billData5 !== void 0 && _value$billData5.id && (value === null || value === void 0 ? void 0 : (_value$billData6 = value.billData) === null || _value$billData6 === void 0 ? void 0 : _value$billData6.totalAmount) > 0) {
+          invalidFields.push(`${t("NDC_MESSAGE_PLEASE_PAY_DUES_OF_SEWERAGE_CONNECTION")} ${value === null || value === void 0 ? void 0 : value.connectionNo}`);
+        }
+      });
+    }
     if (!(cpt !== null && cpt !== void 0 && cpt.id)) missingFields.push(t("NDC_MESSAGE_PROPERTY_ID"));
     if (!cptDetails || Object.keys(cptDetails).length === 0) missingFields.push(t("NDC_MESSAGE_PLEASE_SEARCH_PROPERTY_ID"));
     if (!(propertyDetails !== null && propertyDetails !== void 0 && propertyDetails.firstName)) missingFields.push(t("NDC_MESSAGE_FIRST_NAME"));