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

package/dist/index.modern.js

@@ -39897,19 +39897,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,
@@ -43412,7 +43399,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 = useMemo(() => {
     const baseColumns = [{
       Header: t("K No."),
@@ -43437,7 +43425,7 @@ const DueVerification = _ref => {
         Cell: _ref2 => {
           let row = _ref2.row,
             value = _ref2.value;
-          return /*#__PURE__*/React.createElement(TextInput, {
+          return isActivation ? value || "-" : /*#__PURE__*/React.createElement(TextInput, {
             style: {
               marginBottom: "0px",
               minWidth: "150px"
@@ -43484,7 +43472,7 @@ const DueVerification = _ref => {
       fontWeight: "bold",
       marginBottom: "16px"
     }
-  }, t("Due Verification")), /*#__PURE__*/React.createElement("div", {
+  }, t("Due Verification")), !isActivation && /*#__PURE__*/React.createElement("div", {
     style: {
       display: "flex",
       alignItems: "flex-end",
@@ -43531,25 +43519,19 @@ const DueVerification = _ref => {
     }
   }, /*#__PURE__*/React.createElement(AddIcon, null)))), tableData.length > 0 && /*#__PURE__*/React.createElement("div", {
     style: {
-      marginTop: "30px",
+      marginTop: "15px",
       overflowX: "auto"
     }
   }, /*#__PURE__*/React.createElement(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
   })));
 };
 
@@ -43567,30 +43549,35 @@ const InspectionInformation = _ref => {
     inspectorName = _useState3[0],
     setInspectorName = _useState3[1];
   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]);
-  useEffect(() => {
-    sessionStorage.setItem("Digit.INSPECTION_INFORMATION_DATA", JSON.stringify({
-      inspectionType,
-      inspectionDate,
-      inspectorName
-    }));
-  }, [inspectionType, inspectionDate, inspectorName]);
   const inspectionTypeOptions = [{
     i18nKey: "ES_COMMON_SELECT",
     code: ""
@@ -43598,6 +43585,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.createElement("div", {
     style: {
       marginBottom: "20px"
@@ -43617,79 +43621,53 @@ const InspectionInformation = _ref => {
     }
   }, /*#__PURE__*/React.createElement("div", {
     style: {
-      flex: "1"
+      flex: 1
     }
   }, /*#__PURE__*/React.createElement("span", {
     style: {
       fontSize: "16px",
-      color: "#0B0C0C",
       marginBottom: "8px",
       display: "inline-block"
     }
-  }, t("Inspection Type"), " ", /*#__PURE__*/React.createElement("span", {
-    style: {
-      color: "red"
-    }
-  }, "*")), /*#__PURE__*/React.createElement(Dropdown, {
+  }, t("Inspection Type")), /*#__PURE__*/React.createElement(Dropdown, {
     option: inspectionTypeOptions,
     optionKey: "i18nKey",
-    id: "inspectionType",
     selected: inspectionType,
-    select: setInspectionType,
+    select: handleInspectionTypeChange,
     t: t,
-    style: {
-      width: "100%"
-    }
+    disable: readOnly
   })), /*#__PURE__*/React.createElement("div", {
     style: {
-      flex: "1"
+      flex: 1
     }
   }, /*#__PURE__*/React.createElement("span", {
     style: {
       fontSize: "16px",
-      color: "#0B0C0C",
       marginBottom: "8px",
       display: "inline-block"
     }
-  }, t("Inspection Date"), " ", /*#__PURE__*/React.createElement("span", {
-    style: {
-      color: "red"
-    }
-  }, "*")), /*#__PURE__*/React.createElement(DatePicker, {
+  }, t("Inspection Date")), /*#__PURE__*/React.createElement(DatePicker, {
     date: inspectionDate,
-    onChange: setInspectionDate,
-    style: {
-      width: "100%"
-    }
+    onChange: handleInspectionDateChange,
+    disabled: readOnly
   }))), /*#__PURE__*/React.createElement("div", {
     style: {
-      display: "flex",
-      gap: "20px",
-      marginBottom: "20px",
-      flexWrap: "wrap"
+      display: "flex"
     }
   }, /*#__PURE__*/React.createElement("div", {
     style: {
-      flex: "1"
+      flex: 1
     }
   }, /*#__PURE__*/React.createElement("span", {
     style: {
       fontSize: "16px",
-      color: "#0B0C0C",
       marginBottom: "8px",
       display: "inline-block"
     }
-  }, t("Inspector Name"), " ", /*#__PURE__*/React.createElement("span", {
-    style: {
-      color: "red"
-    }
-  }, "*")), /*#__PURE__*/React.createElement(TextInput, {
+  }, t("Inspector Name")), /*#__PURE__*/React.createElement(TextInput, {
     value: inspectorName,
-    onChange: e => setInspectorName(e.target.value),
-    style: {
-      width: "50%",
-      marginBottom: "0"
-    }
+    onChange: handleInspectorNameChange,
+    disabled: readOnly
   }))));
 };
 
@@ -44205,9 +44183,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.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.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.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.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.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.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.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.createElement(WSAdditonalDetails, {
       wsAdditionalDetails: detail,