@djb25/digit-ui-module-wt 1.0.61 → 1.0.63

package/dist/index.modern.js

@@ -2790,9 +2790,13 @@ const WTCard = () => {
     Icon: /*#__PURE__*/React.createElement(CHBIcon, null),
     moduleName: t("WT_MODULE_NAME"),
     kpis: [{
-      count: citizenInboxCount,
-      label: t("ES_TITLE_INBOX"),
+      count: isCitizenInboxLoading ? "-" : citizenInboxCount,
+      label: t("WT_ONLINE_INBOX") !== "WT_ONLINE_INBOX" ? t("WT_ONLINE_INBOX") : "General Inbox",
       link: `${APPLICATION_PATH}/employee/wt/inbox`
+    }, {
+      count: isFixedPointInboxLoading ? "-" : fixedPointInboxCount,
+      label: t("WT_EMERGENCY_INBOX") !== "WT_EMERGENCY_INBOX" ? t("WT_EMERGENCY_INBOX") : "Emergency Inbox",
+      link: `${APPLICATION_PATH}/employee/wt/fixed-point/inbox`
     }],
     links: links.filter(link => !(link !== null && link !== void 0 && link.role) || WT_CEMP)
   };
@@ -25338,6 +25342,122 @@ const RenewPopup = ({
   })))));
 };
 
+const DueVerification = () => {
+  const {
+    t
+  } = useTranslation();
+  const [kno, setKno] = useState("");
+  const [tableData, setTableData] = useState([]);
+  const columns = useMemo(() => [{
+    Header: t("K No."),
+    accessor: "kno"
+  }, {
+    Header: t("Full Name"),
+    accessor: "fullName"
+  }, {
+    Header: t("Full Address"),
+    accessor: "fullAddress"
+  }, {
+    Header: t("Due Amount"),
+    accessor: "dueAmount"
+  }, {
+    Header: t("Total Amount"),
+    accessor: "totalAmount"
+  }], [t]);
+  const handleAdd = () => {
+    if (kno) {
+      const mockData = {
+        kno: kno,
+        fullName: "John Doe",
+        fullAddress: "123 Main St, New Delhi, Delhi 110001",
+        dueAmount: "1500",
+        totalAmount: "1500"
+      };
+      setTableData([...tableData, mockData]);
+      setKno("");
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginBottom: "20px"
+    }
+  }, /*#__PURE__*/React.createElement("h2", {
+    style: {
+      fontSize: "24px",
+      fontWeight: "bold",
+      color: "#4f6cfc",
+      marginBottom: "16px"
+    }
+  }, t("Due Verification")), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      alignItems: "flex-end",
+      gap: "20px",
+      marginBottom: "20px"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontSize: "16px",
+      color: "#0B0C0C",
+      marginBottom: "8px",
+      display: "inline-block"
+    }
+  }, t("K No.(Existing KNo of same property)"), " ", /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: "red"
+    }
+  }, "*")), /*#__PURE__*/React.createElement(TextInput, {
+    type: "number",
+    value: kno,
+    onChange: e => setKno(e.target.value),
+    style: {
+      width: "100%",
+      marginBottom: "0"
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      flex: 1,
+      paddingBottom: "2px"
+    }
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    onClick: handleAdd,
+    style: {
+      backgroundColor: "#4f6cfc",
+      color: "white",
+      padding: "8px 24px",
+      borderRadius: "4px",
+      border: "none",
+      cursor: "pointer"
+    }
+  }, t("Add")))), tableData.length > 0 && /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: "30px",
+      overflowX: "auto"
+    }
+  }, /*#__PURE__*/React.createElement(Table, {
+    className: "customTable table-fixed-first-column table-border-style",
+    t: t,
+    disableSort: false,
+    autoSort: true,
+    manualPagination: false,
+    isPaginationRequired: false,
+    data: tableData,
+    columns: columns,
+    getCellProps: cellInfo => {
+      return {
+        style: {
+          padding: "12px"
+        }
+      };
+    }
+  })));
+};
+
 function ApplicationDetailsContent({
   applicationDetails,
   workflowDetails,
@@ -25836,7 +25956,7 @@ function ApplicationDetailsContent({
     }), (detail === null || detail === void 0 ? void 0 : detail.isWaterConnectionDetails) && /*#__PURE__*/React.createElement(WSAdditonalDetails, {
       wsAdditionalDetails: detail,
       oldValue: oldValue
-    }), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet23 = detail.additionalDetails) === null || _detail$additionalDet23 === void 0 ? void 0 : _detail$additionalDet23.redirectUrl) && /*#__PURE__*/React.createElement(Link, {
+    }), (detail === null || detail === void 0 ? void 0 : detail.isDueVerification) && (applicationData === null || applicationData === void 0 ? void 0 : applicationData.applicationStatus) === "PENDING_FOR_FIELD_INSPECTION" && /*#__PURE__*/React.createElement(DueVerification, null), (detail === null || detail === void 0 ? void 0 : (_detail$additionalDet23 = detail.additionalDetails) === null || _detail$additionalDet23 === void 0 ? void 0 : _detail$additionalDet23.redirectUrl) && /*#__PURE__*/React.createElement(Link, {
       to: detail === null || detail === void 0 ? void 0 : (_detail$additionalDet24 = detail.additionalDetails) === null || _detail$additionalDet24 === void 0 ? void 0 : (_detail$additionalDet25 = _detail$additionalDet24.redirectUrl) === null || _detail$additionalDet25 === void 0 ? void 0 : _detail$additionalDet25.url
     }, /*#__PURE__*/React.createElement("span", {
       className: "add-details-link hover-button"