@djb25/digit-ui-module-ws 1.0.47 → 1.0.49

package/dist/index.js

@@ -20630,7 +20630,7 @@ const _excluded = ["t", "config", "onSelect", "formData", "formState", "setError
 const NUMBER_PATTERN = /^\d+$/;
 const DECIMAL_PATTERN = /^\d+(\.\d{1,2})?$/;
 const PropertyWaterConnection = _ref => {
-  var _formData$cpt2, _errors$useDetails, _errors$useDetails2, _errors$useDetails3, _errors$useDetails4, _errors$useDetails5, _errors$useDetails6, _errors$useDetails7, _errors$useDetails8, _errors$useDetails9, _errors$useDetails0, _errors$useDetails1;
+  var _formData$cpt2, _errors$useDetails, _errors$useDetails2, _errors$useDetails3, _errors$useDetails4, _errors$useDetails5, _errors$useDetails6, _errors$useDetails7, _errors$useDetails8, _errors$useDetails9, _errors$useDetails0, _errors$useDetails1, _errors$useDetails10, _errors$useDetails11;
   let t = _ref.t,
     config = _ref.config,
     onSelect = _ref.onSelect,
@@ -20647,10 +20647,12 @@ const PropertyWaterConnection = _ref => {
           noOfFloors: null,
           plotArea: "",
           builtUpArea: "",
+          farArea: "",
           SelectYearofConstruction: null,
           NumberofDwellingUnits: "",
           NumberofRooms: "",
-          hospitalBeds: ""
+          hospitalBeds: "",
+          numnberOfStudents: ""
         }
       }
     }),
@@ -20688,6 +20690,7 @@ const PropertyWaterConnection = _ref => {
   const watchWaterConnectionUsageType = watch("useDetails.WaterConnectionUsageType");
   const isHospitalProperty = (watchPropertyType === null || watchPropertyType === void 0 ? void 0 : watchPropertyType.code) === "HOSPITAL_NURSING_HOME" || (watchPropertyType === null || watchPropertyType === void 0 ? void 0 : watchPropertyType.code) === "HospitalNursingHome";
   const isHotelRestaurantProperty = (watchPropertyType === null || watchPropertyType === void 0 ? void 0 : watchPropertyType.code) === "HOTEL_OR_RESTAURANT" || (watchPropertyType === null || watchPropertyType === void 0 ? void 0 : watchPropertyType.code) === "HotelOrRestaurant";
+  const isSchoolCollegeProperty = (watchPropertyType === null || watchPropertyType === void 0 ? void 0 : watchPropertyType.code) === "School" || (watchPropertyType === null || watchPropertyType === void 0 ? void 0 : watchPropertyType.code) === "College";
   const yearOptions = React.useMemo(() => {
     const currentYear = new Date().getFullYear();
     const years = [];
@@ -20813,10 +20816,12 @@ const PropertyWaterConnection = _ref => {
       setValue("useDetails.noOfFloors", null);
       setValue("useDetails.plotArea", "");
       setValue("useDetails.builtUpArea", "");
+      setValue("useDetails.farArea", "");
       setValue("useDetails.SelectYearofConstruction", null);
       setValue("useDetails.NumberofDwellingUnits", "");
       setValue("useDetails.NumberofRooms", "");
       setValue("useDetails.hospitalBeds", "");
+      setValue("useDetails.numnberOfStudents", "");
     }
   }, [formData === null || formData === void 0 ? void 0 : (_formData$cpt2 = formData.cpt) === null || _formData$cpt2 === void 0 ? void 0 : _formData$cpt2.details, formData === null || formData === void 0 ? void 0 : formData.cpt, categoryOptions, propertyTypeOptions, usageTypeOptions, floorOptions, yearOptions, categoryTypeList, setValue]);
   const lastErrorState = React__default.useRef(null);
@@ -20842,7 +20847,7 @@ const PropertyWaterConnection = _ref => {
   };
   return /*#__PURE__*/React__default.createElement(digitUiReactComponents.CollapsibleCardPage, {
     title: t("WS_PROPERTY_AND_WATER_CONNECTION_USE_DETAILS") + (config !== null && config !== void 0 && config.isAutomaticFill ? " " + t("(Automatic Fill by Property)") : ""),
-    defaultOpen: false,
+    defaultOpen: config !== null && config !== void 0 && config.isAutomaticFill ? false : true,
     style: props.style
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "formcomposer-section-grid"
@@ -20966,7 +20971,21 @@ const PropertyWaterConnection = _ref => {
     disabled: isPropertyFound
   }))), (errors === null || errors === void 0 ? void 0 : (_errors$useDetails7 = errors.useDetails) === null || _errors$useDetails7 === void 0 ? void 0 : _errors$useDetails7.builtUpArea) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabelError, {
     style: errorStyle
-  }, errors.useDetails.builtUpArea.message), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, t("WS_SELECT_YEAR_OF_CONSTRUCTION") + "*"), /*#__PURE__*/React__default.createElement("div", {
+  }, errors.useDetails.builtUpArea.message), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, "" + t("WS_FAR_AREA")), /*#__PURE__*/React__default.createElement("div", {
+    className: "form-field"
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, {
+    t: t,
+    inputRef: register({
+      pattern: {
+        value: DECIMAL_PATTERN,
+        message: t("ERR_INVALID_DECIMAL")
+      }
+    }),
+    name: "useDetails.farArea",
+    disabled: isPropertyFound
+  }))), (errors === null || errors === void 0 ? void 0 : (_errors$useDetails8 = errors.useDetails) === null || _errors$useDetails8 === void 0 ? void 0 : _errors$useDetails8.farArea) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabelError, {
+    style: errorStyle
+  }, errors.useDetails.farArea.message), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, t("WS_SELECT_YEAR_OF_CONSTRUCTION") + "*"), /*#__PURE__*/React__default.createElement("div", {
     className: "form-field"
   }, /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
     control: control,
@@ -20983,7 +21002,7 @@ const PropertyWaterConnection = _ref => {
       onBlur: props.onBlur,
       disable: isPropertyFound
     })
-  }))), (errors === null || errors === void 0 ? void 0 : (_errors$useDetails8 = errors.useDetails) === null || _errors$useDetails8 === void 0 ? void 0 : _errors$useDetails8.SelectYearofConstruction) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabelError, {
+  }))), (errors === null || errors === void 0 ? void 0 : (_errors$useDetails9 = errors.useDetails) === null || _errors$useDetails9 === void 0 ? void 0 : _errors$useDetails9.SelectYearofConstruction) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabelError, {
     style: errorStyle
   }, errors.useDetails.SelectYearofConstruction.message), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, "" + t("WS_NUMBER_OF_DWELLING_UNITS")), /*#__PURE__*/React__default.createElement("div", {
     className: "form-field"
@@ -20997,7 +21016,7 @@ const PropertyWaterConnection = _ref => {
     }),
     name: "useDetails.NumberofDwellingUnits",
     disabled: isPropertyFound
-  }))), (errors === null || errors === void 0 ? void 0 : (_errors$useDetails9 = errors.useDetails) === null || _errors$useDetails9 === void 0 ? void 0 : _errors$useDetails9.NumberofDwellingUnits) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabelError, {
+  }))), (errors === null || errors === void 0 ? void 0 : (_errors$useDetails0 = errors.useDetails) === null || _errors$useDetails0 === void 0 ? void 0 : _errors$useDetails0.NumberofDwellingUnits) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabelError, {
     style: errorStyle
   }, errors.useDetails.NumberofDwellingUnits.message), isHotelRestaurantProperty ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, t("WS_NUMBER_OF_ROOMS") + "*"), /*#__PURE__*/React__default.createElement("div", {
     className: "form-field"
@@ -21012,7 +21031,7 @@ const PropertyWaterConnection = _ref => {
     }),
     name: "useDetails.NumberofRooms",
     disabled: isPropertyFound
-  }))) : null, isHotelRestaurantProperty && (errors === null || errors === void 0 ? void 0 : (_errors$useDetails0 = errors.useDetails) === null || _errors$useDetails0 === void 0 ? void 0 : _errors$useDetails0.NumberofRooms) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabelError, {
+  }))) : null, isHotelRestaurantProperty && (errors === null || errors === void 0 ? void 0 : (_errors$useDetails1 = errors.useDetails) === null || _errors$useDetails1 === void 0 ? void 0 : _errors$useDetails1.NumberofRooms) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabelError, {
     style: errorStyle
   }, errors.useDetails.NumberofRooms.message), isHospitalProperty ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, t("WS_NUMBER_OF_BEDS") + "*"), /*#__PURE__*/React__default.createElement("div", {
     className: "form-field"
@@ -21027,9 +21046,23 @@ const PropertyWaterConnection = _ref => {
     }),
     name: "useDetails.hospitalBeds",
     disabled: isPropertyFound
-  }))) : null, isHospitalProperty && (errors === null || errors === void 0 ? void 0 : (_errors$useDetails1 = errors.useDetails) === null || _errors$useDetails1 === void 0 ? void 0 : _errors$useDetails1.hospitalBeds) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabelError, {
+  }))) : null, isHospitalProperty && (errors === null || errors === void 0 ? void 0 : (_errors$useDetails10 = errors.useDetails) === null || _errors$useDetails10 === void 0 ? void 0 : _errors$useDetails10.hospitalBeds) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabelError, {
     style: errorStyle
-  }, errors.useDetails.hospitalBeds.message)));
+  }, errors.useDetails.hospitalBeds.message), isSchoolCollegeProperty ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, "" + t("WS_NUMBER_OF_STUDENTS")), /*#__PURE__*/React__default.createElement("div", {
+    className: "form-field"
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, {
+    t: t,
+    inputRef: register({
+      pattern: {
+        value: NUMBER_PATTERN,
+        message: t("ERR_INVALID_NUMBER")
+      }
+    }),
+    name: "useDetails.numnberOfStudents",
+    disabled: isPropertyFound
+  }))) : null, isSchoolCollegeProperty && (errors === null || errors === void 0 ? void 0 : (_errors$useDetails11 = errors.useDetails) === null || _errors$useDetails11 === void 0 ? void 0 : _errors$useDetails11.numnberOfStudents) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabelError, {
+    style: errorStyle
+  }, errors.useDetails.numnberOfStudents.message)));
 };
 
 const WSPropertyWaterConnection = props => {
@@ -39900,19 +39933,6 @@ const ActionModal$5 = _ref => {
       if (parsedAdhocRebateData !== null && parsedAdhocRebateData !== void 0 && (_parsedAdhocRebateDat7 = parsedAdhocRebateData.value) !== null && _parsedAdhocRebateDat7 !== void 0 && _parsedAdhocRebateDat7.adhocRebate) applicationData.additionalDetails.adhocRebate = parseInt(parsedAdhocRebateData === null || parsedAdhocRebateData === void 0 ? void 0 : (_parsedAdhocRebateDat8 = parsedAdhocRebateData.value) === null || _parsedAdhocRebateDat8 === void 0 ? void 0 : _parsedAdhocRebateDat8.adhocRebate) || "";
       if (parsedAdhocRebateData !== null && parsedAdhocRebateData !== void 0 && (_parsedAdhocRebateDat9 = parsedAdhocRebateData.value) !== null && _parsedAdhocRebateDat9 !== void 0 && _parsedAdhocRebateDat9.adhocRebateComment) applicationData.additionalDetails.adhocRebateComment = (parsedAdhocRebateData === null || parsedAdhocRebateData === void 0 ? void 0 : (_parsedAdhocRebateDat0 = parsedAdhocRebateData.value) === null || _parsedAdhocRebateDat0 === void 0 ? void 0 : _parsedAdhocRebateDat0.adhocRebateComment) || "";
       if (parsedAdhocRebateData !== null && parsedAdhocRebateData !== void 0 && (_parsedAdhocRebateDat1 = parsedAdhocRebateData.value) !== null && _parsedAdhocRebateDat1 !== void 0 && _parsedAdhocRebateDat1.adhocRebateReason) applicationData.additionalDetails.adhocRebateReason = (parsedAdhocRebateData === null || parsedAdhocRebateData === void 0 ? void 0 : (_parsedAdhocRebateDat10 = parsedAdhocRebateData.value) === null || _parsedAdhocRebateDat10 === void 0 ? void 0 : _parsedAdhocRebateDat10.adhocRebateReason) || "";
-      const inspectionInformationData = sessionStorage.getItem("Digit.INSPECTION_INFORMATION_DATA");
-      if (inspectionInformationData) {
-        try {
-          const parsedInspectionData = JSON.parse(inspectionInformationData);
-          if (parsedInspectionData !== null && parsedInspectionData !== void 0 && parsedInspectionData.inspectionDate) {
-            const dateVal = parsedInspectionData.inspectionDate;
-            parsedInspectionData.inspectionDate = typeof dateVal === 'string' ? new Date(dateVal).getTime() : dateVal;
-          }
-          applicationData.inspectionInformation = parsedInspectionData;
-        } catch (e) {
-          console.error("Error parsing inspection information data", e);
-        }
-      }
       ((_applicationData12 = applicationData) === null || _applicationData12 === void 0 ? void 0 : _applicationData12.serviceType) == "WATER" ? submitAction({
         WaterConnection: applicationData,
         disconnectRequest: false,
@@ -43415,7 +43435,8 @@ const DueVerification = _ref => {
       return newData;
     });
   }, [applicationData]);
-  const isPendingApproval = (applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_APPROVAL_FOR_CONNECTION";
+  const isPendingApproval = (applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_APPROVAL_FOR_CONNECTION" || (applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_FOR_CONNECTION_ACTIVATION";
+  const isActivation = (applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_FOR_CONNECTION_ACTIVATION";
   const columns = React.useMemo(() => {
     const baseColumns = [{
       Header: t("K No."),
@@ -43440,7 +43461,7 @@ const DueVerification = _ref => {
         Cell: _ref2 => {
           let row = _ref2.row,
             value = _ref2.value;
-          return /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, {
+          return isActivation ? value || "-" : /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, {
             style: {
               marginBottom: "0px",
               minWidth: "150px"
@@ -43487,7 +43508,7 @@ const DueVerification = _ref => {
       fontWeight: "bold",
       marginBottom: "16px"
     }
-  }, t("Due Verification")), /*#__PURE__*/React__default.createElement("div", {
+  }, t("Due Verification")), !isActivation && /*#__PURE__*/React__default.createElement("div", {
     style: {
       display: "flex",
       alignItems: "flex-end",
@@ -43534,25 +43555,19 @@ const DueVerification = _ref => {
     }
   }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.AddIcon, null)))), tableData.length > 0 && /*#__PURE__*/React__default.createElement("div", {
     style: {
-      marginTop: "30px",
+      marginTop: "15px",
       overflowX: "auto"
     }
   }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Table, {
     className: "customTable table-fixed-first-column table-border-style",
     t: t,
+    totalRecords: tableData.length,
     disableSort: false,
     autoSort: true,
-    manualPagination: false,
-    isPaginationRequired: false,
+    manualPagination: true,
+    isPaginationRequired: true,
     data: tableData,
-    columns: columns,
-    getCellProps: cellInfo => {
-      return {
-        style: {
-          padding: "12px"
-        }
-      };
-    }
+    columns: columns
   })));
 };
 
@@ -43570,30 +43585,35 @@ const InspectionInformation = _ref => {
     inspectorName = _useState3[0],
     setInspectorName = _useState3[1];
   React.useEffect(() => {
-    const savedData = sessionStorage.getItem("Digit.INSPECTION_INFORMATION_DATA");
-    if (savedData) {
-      try {
-        const parsed = JSON.parse(savedData);
-        setInspectionType(parsed.inspectionType || null);
-        setInspectionDate(parsed.inspectionDate || "");
-        setInspectorName(parsed.inspectorName || "");
-      } catch (e) {
-        console.error("Error parsing inspection information data", e);
-      }
-    } else if (applicationData !== null && applicationData !== void 0 && applicationData.inspectionInformation) {
-      setInspectionType(applicationData.inspectionInformation.inspectionType || null);
-      setInspectionDate(applicationData.inspectionInformation.inspectionDate || "");
+    if (applicationData !== null && applicationData !== void 0 && applicationData.inspectionInformation) {
+      const apiInspectionType = applicationData.inspectionInformation.inspectionType;
+      let matchedType = null;
+      const inspectionCode = typeof apiInspectionType === "object" && apiInspectionType !== null ? apiInspectionType.code : apiInspectionType;
+      if (inspectionCode) {
+        matchedType = [{
+          i18nKey: "ES_COMMON_SELECT",
+          code: ""
+        }, {
+          i18nKey: "New Connection Visit",
+          code: "new_connection_visit"
+        }].find(opt => opt.code === inspectionCode || opt.i18nKey === inspectionCode);
+      }
+      setInspectionType(matchedType || null);
+      let dateValue = applicationData.inspectionInformation.inspectionDate || "";
+      if (dateValue && typeof dateValue === 'number') {
+        const d = new Date(dateValue);
+        dateValue = d.getFullYear() + "-" + String(d.getMonth() + 1).padStart(2, '0') + "-" + String(d.getDate()).padStart(2, '0');
+      } else if (dateValue && typeof dateValue === 'string' && dateValue.includes('-')) ; else if (dateValue) {
+        const num = Number(dateValue);
+        if (!isNaN(num)) {
+          const d = new Date(num);
+          dateValue = d.getFullYear() + "-" + String(d.getMonth() + 1).padStart(2, '0') + "-" + String(d.getDate()).padStart(2, '0');
+        }
+      }
+      setInspectionDate(dateValue);
       setInspectorName(applicationData.inspectionInformation.inspectorName || "");
-      sessionStorage.setItem("Digit.INSPECTION_INFORMATION_DATA", JSON.stringify(applicationData.inspectionInformation));
     }
   }, [applicationData]);
-  React.useEffect(() => {
-    sessionStorage.setItem("Digit.INSPECTION_INFORMATION_DATA", JSON.stringify({
-      inspectionType,
-      inspectionDate,
-      inspectorName
-    }));
-  }, [inspectionType, inspectionDate, inspectorName]);
   const inspectionTypeOptions = [{
     i18nKey: "ES_COMMON_SELECT",
     code: ""
@@ -43601,6 +43621,23 @@ const InspectionInformation = _ref => {
     i18nKey: "New Connection Visit",
     code: "new_connection_visit"
   }];
+  const handleInspectionTypeChange = selected => {
+    setInspectionType(selected);
+    if (!applicationData.inspectionInformation) applicationData.inspectionInformation = {};
+    applicationData.inspectionInformation.inspectionType = selected;
+  };
+  const handleInspectionDateChange = date => {
+    setInspectionDate(date);
+    if (!applicationData.inspectionInformation) applicationData.inspectionInformation = {};
+    applicationData.inspectionInformation.inspectionDate = date ? new Date(date).getTime() : null;
+  };
+  const handleInspectorNameChange = e => {
+    const val = e.target.value;
+    setInspectorName(val);
+    if (!applicationData.inspectionInformation) applicationData.inspectionInformation = {};
+    applicationData.inspectionInformation.inspectorName = val;
+  };
+  const readOnly = (applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_FOR_CONNECTION_ACTIVATION";
   return /*#__PURE__*/React__default.createElement("div", {
     style: {
       marginBottom: "20px"
@@ -43620,79 +43657,53 @@ const InspectionInformation = _ref => {
     }
   }, /*#__PURE__*/React__default.createElement("div", {
     style: {
-      flex: "1"
+      flex: 1
     }
   }, /*#__PURE__*/React__default.createElement("span", {
     style: {
       fontSize: "16px",
-      color: "#0B0C0C",
       marginBottom: "8px",
       display: "inline-block"
     }
-  }, t("Inspection Type"), " ", /*#__PURE__*/React__default.createElement("span", {
-    style: {
-      color: "red"
-    }
-  }, "*")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
+  }, t("Inspection Type")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
     option: inspectionTypeOptions,
     optionKey: "i18nKey",
-    id: "inspectionType",
     selected: inspectionType,
-    select: setInspectionType,
+    select: handleInspectionTypeChange,
     t: t,
-    style: {
-      width: "100%"
-    }
+    disable: readOnly
   })), /*#__PURE__*/React__default.createElement("div", {
     style: {
-      flex: "1"
+      flex: 1
     }
   }, /*#__PURE__*/React__default.createElement("span", {
     style: {
       fontSize: "16px",
-      color: "#0B0C0C",
       marginBottom: "8px",
       display: "inline-block"
     }
-  }, t("Inspection Date"), " ", /*#__PURE__*/React__default.createElement("span", {
-    style: {
-      color: "red"
-    }
-  }, "*")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.DatePicker, {
+  }, t("Inspection Date")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.DatePicker, {
     date: inspectionDate,
-    onChange: setInspectionDate,
-    style: {
-      width: "100%"
-    }
+    onChange: handleInspectionDateChange,
+    disabled: readOnly
   }))), /*#__PURE__*/React__default.createElement("div", {
     style: {
-      display: "flex",
-      gap: "20px",
-      marginBottom: "20px",
-      flexWrap: "wrap"
+      display: "flex"
     }
   }, /*#__PURE__*/React__default.createElement("div", {
     style: {
-      flex: "1"
+      flex: 1
     }
   }, /*#__PURE__*/React__default.createElement("span", {
     style: {
       fontSize: "16px",
-      color: "#0B0C0C",
       marginBottom: "8px",
       display: "inline-block"
     }
-  }, t("Inspector Name"), " ", /*#__PURE__*/React__default.createElement("span", {
-    style: {
-      color: "red"
-    }
-  }, "*")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, {
+  }, t("Inspector Name")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.TextInput, {
     value: inspectorName,
-    onChange: e => setInspectorName(e.target.value),
-    style: {
-      width: "50%",
-      marginBottom: "0"
-    }
+    onChange: handleInspectorNameChange,
+    disabled: readOnly
   }))));
 };
 
@@ -44208,9 +44219,11 @@ function ApplicationDetailsContent(_ref) {
     }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet17 = detail.additionalDetails) === null || _detail$additionalDet17 === void 0 ? void 0 : _detail$additionalDet17.documents) && /*#__PURE__*/React__default.createElement(PropertyDocuments, {
       documents: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet18 = detail.additionalDetails) === null || _detail$additionalDet18 === void 0 ? void 0 : _detail$additionalDet18.documents,
       applicationStatus: applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet19 = detail.additionalDetails) === null || _detail$additionalDet19 === void 0 ? void 0 : _detail$additionalDet19.documents) && ((applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_FOR_FIELD_INSPECTION" || (applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_APPROVAL_FOR_CONNECTION") && /*#__PURE__*/React__default.createElement(DueVerification, {
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet19 = detail.additionalDetails) === null || _detail$additionalDet19 === void 0 ? void 0 : _detail$additionalDet19.documents) && ((applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_FOR_FIELD_INSPECTION" || (applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_APPROVAL_FOR_CONNECTION" || (applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_FOR_CONNECTION_ACTIVATION" || (applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_FOR_RECONNECTION") && /*#__PURE__*/React__default.createElement(DueVerification, {
+      applicationData: applicationData
+    }), " ", (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet20 = detail.additionalDetails) === null || _detail$additionalDet20 === void 0 ? void 0 : _detail$additionalDet20.documents) && ((applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_APPROVAL_FOR_CONNECTION" || (applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_FOR_CONNECTION_ACTIVATION") && /*#__PURE__*/React__default.createElement(InspectionInformation, {
       applicationData: applicationData
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet20 = detail.additionalDetails) === null || _detail$additionalDet20 === void 0 ? void 0 : _detail$additionalDet20.documents) && (applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_APPROVAL_FOR_CONNECTION" && /*#__PURE__*/React__default.createElement(InspectionInformation, null), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet21 = detail.additionalDetails) === null || _detail$additionalDet21 === void 0 ? void 0 : _detail$additionalDet21.taxHeadEstimatesCalculation) && /*#__PURE__*/React__default.createElement(PropertyEstimates, {
+    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet21 = detail.additionalDetails) === null || _detail$additionalDet21 === void 0 ? void 0 : _detail$additionalDet21.taxHeadEstimatesCalculation) && /*#__PURE__*/React__default.createElement(PropertyEstimates, {
       taxHeadEstimatesCalculation: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet22 = detail.additionalDetails) === null || _detail$additionalDet22 === void 0 ? void 0 : _detail$additionalDet22.taxHeadEstimatesCalculation
     }), (detail === null || detail === void 0 ? void 0 : detail.isWaterConnectionDetails) && /*#__PURE__*/React__default.createElement(WSAdditonalDetails, {
       wsAdditionalDetails: detail,
@@ -45317,16 +45330,16 @@ const ApplicationDetails$1 = () => {
 };
 
 const GetConnectionDetails = () => {
-  var _applicationDetails$a, _applicationDetails$a2, _applicationDetails$a3, _applicationDetails$a4, _applicationDetails$a5, _applicationDetails$a6, _applicationDetails$a7, _applicationDetails$a8, _applicationDetails$a9, _applicationDetails$a0, _applicationDetails$a1, _applicationDetails$a10, _applicationDetails$a11, _applicationDetails$a12, _mdmsCommonmastersDat, _applicationDetails$a14, _applicationDetails$a17, _applicationDetails$f4, _applicationDetails$p2, _applicationDetails$p3, _applicationDetails$a18, _applicationDetails$a19, _applicationDetails$a20, _applicationDetails$f5, _applicationDetails$f6;
+  var _applicationDetails$a, _applicationDetails$a2, _applicationDetails$a3, _applicationDetails$a4, _applicationDetails$a5, _applicationDetails$a6, _applicationDetails$a7, _applicationDetails$a8, _applicationDetails$a9, _applicationDetails$a0, _applicationDetails$a1, _applicationDetails$a10, _applicationDetails$a11, _applicationDetails$a12, _mdmsCommonmastersDat, _applicationDetails$a14, _applicationDetails$a18, _applicationDetails$f5, _applicationDetails$p3, _applicationDetails$p4, _applicationDetails$a19, _applicationDetails$a20, _applicationDetails$a21, _applicationDetails$f6, _applicationDetails$f7;
   const getBillSearch = function () {
     try {
-      const _temp = function (_applicationDetails$f7) {
-        if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f7 = applicationDetails.fetchBillsData) === null || _applicationDetails$f7 === void 0 ? void 0 : _applicationDetails$f7.length) > 0) {
-          var _applicationDetails$a21;
+      const _temp = function (_applicationDetails$f8) {
+        if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f8 = applicationDetails.fetchBillsData) === null || _applicationDetails$f8 === void 0 ? void 0 : _applicationDetails$f8.length) > 0) {
+          var _applicationDetails$a22;
           const service = serviceType === "WATER" ? "WS" : "SW";
           let wsSearchFilters = {
             isConnectionSearch: true,
-            connectionNumber: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a21 = applicationDetails.applicationData) === null || _applicationDetails$a21 === void 0 ? void 0 : _applicationDetails$a21.connectionNo
+            connectionNumber: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a22 = applicationDetails.applicationData) === null || _applicationDetails$a22 === void 0 ? void 0 : _applicationDetails$a22.connectionNo
           };
           return Promise.resolve(Digit.WSService.search({
             tenantId,
@@ -45339,8 +45352,8 @@ const GetConnectionDetails = () => {
               bussinessService: service
             };
             if ((wsConnectionDetails === null || wsConnectionDetails === void 0 ? void 0 : (_wsConnectionDetails$5 = wsConnectionDetails.WaterConnection) === null || _wsConnectionDetails$5 === void 0 ? void 0 : _wsConnectionDetails$5.length) > 0 || (wsConnectionDetails === null || wsConnectionDetails === void 0 ? void 0 : (_wsConnectionDetails$6 = wsConnectionDetails.SewerageConnections) === null || _wsConnectionDetails$6 === void 0 ? void 0 : _wsConnectionDetails$6.length) > 0) {
-              var _applicationDetails$a22;
-              downloadAndOpenPdf(applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a22 = applicationDetails.applicationData) === null || _applicationDetails$a22 === void 0 ? void 0 : _applicationDetails$a22.connectionNo, filters);
+              var _applicationDetails$a23;
+              downloadAndOpenPdf(applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a23 = applicationDetails.applicationData) === null || _applicationDetails$a23 === void 0 ? void 0 : _applicationDetails$a23.connectionNo, filters);
             }
           });
         }
@@ -45369,7 +45382,7 @@ const GetConnectionDetails = () => {
     showOptions = _useState3[0],
     setShowOptions = _useState3[1];
   const stateCode = Digit.ULBService.getStateId();
-  const actionConfig = ["MODIFY_CONNECTION_BUTTON", "BILL_AMENDMENT_BUTTON", "DISCONNECTION_BUTTON"];
+  const actionConfig = ["MODIFY_CONNECTION_BUTTON", "MUTATION_BUTTON", "BILL_AMENDMENT_BUTTON", "DISCONNECTION_BUTTON"];
   const _Digit$Hooks$ws$useCo = Digit.Hooks.ws.useConnectionDetail(t, tenantId, applicationNumber, serviceType, {
       privacy: Digit.Utils.getPrivacyObject()
     }),
@@ -45471,8 +45484,29 @@ const GetConnectionDetails = () => {
       data: applicationDetails
     }));
   };
+  const getMutationButton = () => {
+    var _applicationDetails$f2, _applicationDetails$a16, _applicationDetails$p2;
+    if (!checkApplicationStatus) {
+      setshowActionToast({
+        key: "error",
+        label: "CONN_NOT_ACTIVE"
+      });
+      return;
+    }
+    if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f2 = applicationDetails.fetchBillsData[0]) === null || _applicationDetails$f2 === void 0 ? void 0 : _applicationDetails$f2.totalAmount) > 0) {
+      setshowActionToast({
+        key: "error",
+        label: "WS_DUE_AMOUNT_SHOULD_BE_ZERO"
+      });
+      return;
+    }
+    let pathname = "/digit-ui/employee/ws/mutation-application?applicationNumber=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a16 = applicationDetails.applicationData) === null || _applicationDetails$a16 === void 0 ? void 0 : _applicationDetails$a16.connectionNo) + "&service=" + serviceType + "&propertyId=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$p2 = applicationDetails.propertyDetails) === null || _applicationDetails$p2 === void 0 ? void 0 : _applicationDetails$p2.propertyId) + "&from=WS_COMMON_CONNECTION_DETAIL";
+    history.push("" + pathname, JSON.stringify({
+      data: applicationDetails
+    }));
+  };
   const getBillAmendmentButton = () => {
-    var _demandData$Demands, _applicationDetails$a16;
+    var _demandData$Demands, _applicationDetails$a17;
     let isBillAmendNotApplicable = false;
     billData === null || billData === void 0 ? void 0 : billData.map(bill => {
       if ((bill === null || bill === void 0 ? void 0 : bill.status) === "INWORKFLOW") {
@@ -45493,7 +45527,7 @@ const GetConnectionDetails = () => {
       });
       return;
     }
-    history.push("/digit-ui/employee/ws/required-documents?connectionNumber=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a16 = applicationDetails.applicationData) === null || _applicationDetails$a16 === void 0 ? void 0 : _applicationDetails$a16.connectionNo) + "&tenantId=" + getTenantId + "&service=" + serviceType, JSON.stringify({
+    history.push("/digit-ui/employee/ws/required-documents?connectionNumber=" + (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a17 = applicationDetails.applicationData) === null || _applicationDetails$a17 === void 0 ? void 0 : _applicationDetails$a17.connectionNo) + "&tenantId=" + getTenantId + "&service=" + serviceType, JSON.stringify({
       data: applicationDetails
     }));
   };
@@ -45513,9 +45547,9 @@ const GetConnectionDetails = () => {
         label: "WORKFLOW_IN_PROGRESS"
       });
     } else {
-      var _billData$, _applicationDetails$f2;
+      var _billData$, _applicationDetails$f3;
       console.log("due", due, applicationDetails);
-      if (((_billData$ = billData[0]) === null || _billData$ === void 0 ? void 0 : _billData$.status) === "ACTIVE" || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f2 = applicationDetails.fetchBillsData) === null || _applicationDetails$f2 === void 0 ? void 0 : _applicationDetails$f2.length) <= 0 || due == "0" || due < 0) {
+      if (((_billData$ = billData[0]) === null || _billData$ === void 0 ? void 0 : _billData$.status) === "ACTIVE" || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f3 = applicationDetails.fetchBillsData) === null || _applicationDetails$f3 === void 0 ? void 0 : _applicationDetails$f3.length) <= 0 || due == "0" || due < 0) {
         Digit.SessionStorage.set("WS_DISCONNECTION", applicationDetails);
         history.push("" + pathname);
       } else {
@@ -45531,8 +45565,8 @@ const GetConnectionDetails = () => {
         label: "WORKFLOW_IN_PROGRESS"
       });
     } else {
-      var _billData$2, _applicationDetails$f3;
-      if (((_billData$2 = billData[0]) === null || _billData$2 === void 0 ? void 0 : _billData$2.status) === "ACTIVE" || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f3 = applicationDetails.fetchBillsData) === null || _applicationDetails$f3 === void 0 ? void 0 : _applicationDetails$f3.length) <= 0 || due === "0") {
+      var _billData$2, _applicationDetails$f4;
+      if (((_billData$2 = billData[0]) === null || _billData$2 === void 0 ? void 0 : _billData$2.status) === "ACTIVE" || (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f4 = applicationDetails.fetchBillsData) === null || _applicationDetails$f4 === void 0 ? void 0 : _applicationDetails$f4.length) <= 0 || due === "0") {
         Digit.SessionStorage.set("WS_DISCONNECTION", applicationDetails);
         history.push("" + pathname);
       } else {
@@ -45543,6 +45577,8 @@ const GetConnectionDetails = () => {
   function onActionSelect(action) {
     if (action === "MODIFY_CONNECTION_BUTTON") {
       getModifyConnectionButton();
+    } else if (action === "MUTATION_BUTTON") {
+      getMutationButton();
     } else if (action === "BILL_AMENDMENT_BUTTON") {
       getBillAmendmentButton();
     } else if (action === "DISCONNECTION_BUTTON") {
@@ -45551,7 +45587,7 @@ const GetConnectionDetails = () => {
       getRestorationButton();
     }
   }
-  const checkApplicationStatusForDisconnection = (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a17 = applicationDetails.applicationData) === null || _applicationDetails$a17 === void 0 ? void 0 : _applicationDetails$a17.status) === "Active" ? true : false;
+  const checkApplicationStatusForDisconnection = (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a18 = applicationDetails.applicationData) === null || _applicationDetails$a18 === void 0 ? void 0 : _applicationDetails$a18.status) === "Active" ? true : false;
   const showAction = checkApplicationStatusForDisconnection ? actionConfig : actionConfig.filter(item => item !== "DISCONNECTION_BUTTON");
   const showActionRestoration = ["RESTORATION_BUTTON"];
   let dowloadOptions = [];
@@ -45565,7 +45601,7 @@ const GetConnectionDetails = () => {
     label: t("WS_CONNECTION_DETAILS"),
     onClick: () => downloadConnectionDetails()
   };
-  if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f4 = applicationDetails.fetchBillsData) === null || _applicationDetails$f4 === void 0 ? void 0 : _applicationDetails$f4.length) > 0) dowloadOptions = [appFeeDownloadReceipt, connectionDetailsReceipt];else dowloadOptions = [connectionDetailsReceipt];
+  if ((applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f5 = applicationDetails.fetchBillsData) === null || _applicationDetails$f5 === void 0 ? void 0 : _applicationDetails$f5.length) > 0) dowloadOptions = [appFeeDownloadReceipt, connectionDetailsReceipt];else dowloadOptions = [connectionDetailsReceipt];
   const Close = () => /*#__PURE__*/React__default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -45631,7 +45667,7 @@ const GetConnectionDetails = () => {
     isDataLoading: isLoading,
     applicationData: applicationDetails === null || applicationDetails === void 0 ? void 0 : applicationDetails.applicationData,
     mutate: mutate,
-    businessService: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$p2 = applicationDetails.processInstancesDetails) === null || _applicationDetails$p2 === void 0 ? void 0 : (_applicationDetails$p3 = _applicationDetails$p2[0]) === null || _applicationDetails$p3 === void 0 ? void 0 : _applicationDetails$p3.businessService,
+    businessService: applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$p3 = applicationDetails.processInstancesDetails) === null || _applicationDetails$p3 === void 0 ? void 0 : (_applicationDetails$p4 = _applicationDetails$p3[0]) === null || _applicationDetails$p4 === void 0 ? void 0 : _applicationDetails$p4.businessService,
     moduleCode: "WS",
     showToast: showToast,
     setShowToast: setShowToast,
@@ -45649,7 +45685,7 @@ const GetConnectionDetails = () => {
     ref: actionMenuRef,
     label: t("WF_TAKE_ACTION"),
     onSubmit: () => setDisplayMenu(!displayMenu)
-  })) : applicationDetails !== null && applicationDetails !== void 0 && (_applicationDetails$a18 = applicationDetails.applicationData) !== null && _applicationDetails$a18 !== void 0 && _applicationDetails$a18.isDisconnectionTemporary && (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a19 = applicationDetails.applicationData) === null || _applicationDetails$a19 === void 0 ? void 0 : _applicationDetails$a19.status) !== "Active" && (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a20 = applicationDetails.applicationData) === null || _applicationDetails$a20 === void 0 ? void 0 : _applicationDetails$a20.applicationStatus) == "DISCONNECTION_EXECUTED" ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.ActionBar, null, displayMenu ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Menu, {
+  })) : applicationDetails !== null && applicationDetails !== void 0 && (_applicationDetails$a19 = applicationDetails.applicationData) !== null && _applicationDetails$a19 !== void 0 && _applicationDetails$a19.isDisconnectionTemporary && (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a20 = applicationDetails.applicationData) === null || _applicationDetails$a20 === void 0 ? void 0 : _applicationDetails$a20.status) !== "Active" && (applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$a21 = applicationDetails.applicationData) === null || _applicationDetails$a21 === void 0 ? void 0 : _applicationDetails$a21.applicationStatus) == "DISCONNECTION_EXECUTED" ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.ActionBar, null, displayMenu ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Menu, {
     options: showActionRestoration,
     localeKeyPrefix: "WS",
     t: t,
@@ -45705,7 +45741,7 @@ const GetConnectionDetails = () => {
     className: "modal-header-ws"
   }, t("WS_CLEAR_DUES_DISCONNECTION_SUB_HEADER_LABEL"), " "), /*#__PURE__*/React__default.createElement("div", {
     className: "modal-body-ws"
-  }, /*#__PURE__*/React__default.createElement("span", null, t("WS_COMMON_TABLE_COL_AMT_DUE_LABEL"), ": \u20B9", due ? due : applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f5 = applicationDetails.fetchBillsData) === null || _applicationDetails$f5 === void 0 ? void 0 : (_applicationDetails$f6 = _applicationDetails$f5[0]) === null || _applicationDetails$f6 === void 0 ? void 0 : _applicationDetails$f6.totalAmount))) : null, showActionToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
+  }, /*#__PURE__*/React__default.createElement("span", null, t("WS_COMMON_TABLE_COL_AMT_DUE_LABEL"), ": \u20B9", due ? due : applicationDetails === null || applicationDetails === void 0 ? void 0 : (_applicationDetails$f6 = applicationDetails.fetchBillsData) === null || _applicationDetails$f6 === void 0 ? void 0 : (_applicationDetails$f7 = _applicationDetails$f6[0]) === null || _applicationDetails$f7 === void 0 ? void 0 : _applicationDetails$f7.totalAmount))) : null, showActionToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
     error: showActionToast.key,
     label: t("" + showActionToast.label),
     onClose: closeBillToast
@@ -49730,7 +49766,7 @@ const OLDApplication = () => {
                 withoutLabel: true,
                 isAutomaticFill: true,
                 texts: {
-                  header: "PT_LOCATION_DETAILS " + t("(Automatic Fill by Property)")
+                  header: "" + t("PT_LOCATION_DETAILS_AUTOMATIC_FILL_BY_PROPERTY")
                 },
                 defaultOpen: false
               }]