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

package/dist/index.modern.js

@@ -2786,11 +2786,12 @@ const WTCard = () => {
     link: `${APPLICATION_PATH}/employee/wt/vendor-assignment`
   }];
   const WT_CEMP = Digit.UserService.hasAccess(["WT_CEMP"]) || false;
+  const totalInboxCount = isCitizenInboxLoading || isFixedPointInboxLoading ? "-" : citizenInboxCount + fixedPointInboxCount;
   const propsForModuleCard = {
     Icon: /*#__PURE__*/React.createElement(CHBIcon, null),
     moduleName: t("WT_MODULE_NAME"),
     kpis: [{
-      count: citizenInboxCount,
+      count: totalInboxCount,
       label: t("ES_TITLE_INBOX"),
       link: `${APPLICATION_PATH}/employee/wt/inbox`
     }],
@@ -25338,6 +25339,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 +25953,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"