@djb25/digit-ui-module-wt 1.0.60 → 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`
     }],
@@ -3319,7 +3320,7 @@ const WTDesktopInbox = ({
   const [clearSearchCalled, setClearSearchCalled] = useState(false);
   const columns = React.useMemo(() => props.isSearch ? tableConfig.searchColumns(props) : tableConfig.inboxColumns(props) || [], []);
   const inboxCsvColumns = React.useMemo(() => {
-    var _columns$, _columns$2, _columns$3, _columns$4, _columns$find2;
+    var _columns$, _columns$2, _columns$3, _columns$4, _columns$find3;
     const csvColumns = [{
       Header: (columns === null || columns === void 0 ? void 0 : (_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.Header) || t("WT_BOOKING_NO"),
       exportAccessor: row => {
@@ -3348,20 +3349,67 @@ const WTDesktopInbox = ({
         return t(`${prefix}_REVENUE_${row.searchData.localityCode}`);
       }
     }];
-    if (columns !== null && columns !== void 0 && columns.some(column => (column === null || column === void 0 ? void 0 : column.id) === "createdTime")) {
+    if (columns !== null && columns !== void 0 && columns.some(column => (column === null || column === void 0 ? void 0 : column.id) === "fillingPoint")) {
       var _columns$find;
       csvColumns.push({
-        Header: (columns === null || columns === void 0 ? void 0 : (_columns$find = columns.find(column => (column === null || column === void 0 ? void 0 : column.id) === "createdTime")) === null || _columns$find === void 0 ? void 0 : _columns$find.Header) || t("CREATED_AT"),
+        Header: (columns === null || columns === void 0 ? void 0 : (_columns$find = columns.find(column => (column === null || column === void 0 ? void 0 : column.id) === "fillingPoint")) === null || _columns$find === void 0 ? void 0 : _columns$find.Header) || t("Filling Point"),
+        exportAccessor: row => {
+          var _row$searchData7, _row$searchData7$fill, _row$searchData8;
+          return (row === null || row === void 0 ? void 0 : (_row$searchData7 = row.searchData) === null || _row$searchData7 === void 0 ? void 0 : (_row$searchData7$fill = _row$searchData7.fillingPointMetadata) === null || _row$searchData7$fill === void 0 ? void 0 : _row$searchData7$fill.name) || (row === null || row === void 0 ? void 0 : (_row$searchData8 = row.searchData) === null || _row$searchData8 === void 0 ? void 0 : _row$searchData8.fillingPointName) || "-";
+        }
+      });
+    }
+    if (columns !== null && columns !== void 0 && columns.some(column => (column === null || column === void 0 ? void 0 : column.id) === "createdTime")) {
+      var _columns$find2;
+      csvColumns.push({
+        Header: (columns === null || columns === void 0 ? void 0 : (_columns$find2 = columns.find(column => (column === null || column === void 0 ? void 0 : column.id) === "createdTime")) === null || _columns$find2 === void 0 ? void 0 : _columns$find2.Header) || t("CREATED_AT"),
         exportAccessor: row => getCreatedAtValue(row)
       });
     }
     csvColumns.push({
-      Header: (columns === null || columns === void 0 ? void 0 : (_columns$find2 = columns.find(column => (column === null || column === void 0 ? void 0 : column.id) === "applicationStatus")) === null || _columns$find2 === void 0 ? void 0 : _columns$find2.Header) || t("WT_STATUS"),
+      Header: (columns === null || columns === void 0 ? void 0 : (_columns$find3 = columns.find(column => (column === null || column === void 0 ? void 0 : column.id) === "applicationStatus")) === null || _columns$find3 === void 0 ? void 0 : _columns$find3.Header) || t("WT_STATUS"),
       exportAccessor: row => {
         var _row$workflowData2, _row$workflowData2$st;
         return row !== null && row !== void 0 && (_row$workflowData2 = row.workflowData) !== null && _row$workflowData2 !== void 0 && (_row$workflowData2$st = _row$workflowData2.state) !== null && _row$workflowData2$st !== void 0 && _row$workflowData2$st.applicationStatus ? t(row.workflowData.state.applicationStatus) : "";
       }
     });
+    if (columns !== null && columns !== void 0 && columns.some(column => (column === null || column === void 0 ? void 0 : column.id) === "vendorName")) {
+      var _columns$find4;
+      csvColumns.push({
+        Header: (columns === null || columns === void 0 ? void 0 : (_columns$find4 = columns.find(column => (column === null || column === void 0 ? void 0 : column.id) === "vendorName")) === null || _columns$find4 === void 0 ? void 0 : _columns$find4.Header) || t("WT_VENDOR_NAME"),
+        exportAccessor: row => {
+          var _row$searchData9, _row$searchData9$vend, _row$searchData0;
+          return (row === null || row === void 0 ? void 0 : (_row$searchData9 = row.searchData) === null || _row$searchData9 === void 0 ? void 0 : (_row$searchData9$vend = _row$searchData9.vendor) === null || _row$searchData9$vend === void 0 ? void 0 : _row$searchData9$vend.name) || (row === null || row === void 0 ? void 0 : (_row$searchData0 = row.searchData) === null || _row$searchData0 === void 0 ? void 0 : _row$searchData0.vendorName) || "-";
+        }
+      });
+    }
+    if (columns !== null && columns !== void 0 && columns.some(column => (column === null || column === void 0 ? void 0 : column.id) === "vehicleNumber")) {
+      var _columns$find5;
+      csvColumns.push({
+        Header: (columns === null || columns === void 0 ? void 0 : (_columns$find5 = columns.find(column => (column === null || column === void 0 ? void 0 : column.id) === "vehicleNumber")) === null || _columns$find5 === void 0 ? void 0 : _columns$find5.Header) || t("WT_VEHICLE_NO"),
+        exportAccessor: row => {
+          var _searchData$vendor, _searchData$vendor$ve;
+          const searchData = row === null || row === void 0 ? void 0 : row.searchData;
+          const mappedVehicle = (searchData === null || searchData === void 0 ? void 0 : searchData.vehicle) || (searchData === null || searchData === void 0 ? void 0 : (_searchData$vendor = searchData.vendor) === null || _searchData$vendor === void 0 ? void 0 : (_searchData$vendor$ve = _searchData$vendor.vehicles) === null || _searchData$vendor$ve === void 0 ? void 0 : _searchData$vendor$ve.find(vehicle => (vehicle === null || vehicle === void 0 ? void 0 : vehicle.id) === (searchData === null || searchData === void 0 ? void 0 : searchData.vehicleId)));
+          return (mappedVehicle === null || mappedVehicle === void 0 ? void 0 : mappedVehicle.registrationNumber) || (mappedVehicle === null || mappedVehicle === void 0 ? void 0 : mappedVehicle.name) || (mappedVehicle === null || mappedVehicle === void 0 ? void 0 : mappedVehicle.type) || (searchData === null || searchData === void 0 ? void 0 : searchData.vehicleName) || (searchData === null || searchData === void 0 ? void 0 : searchData.vehicleRegistrationNo) || "-";
+        }
+      });
+    }
+    if (columns !== null && columns !== void 0 && columns.some(column => (column === null || column === void 0 ? void 0 : column.id) === "driverName")) {
+      var _columns$find6;
+      csvColumns.push({
+        Header: (columns === null || columns === void 0 ? void 0 : (_columns$find6 = columns.find(column => (column === null || column === void 0 ? void 0 : column.id) === "driverName")) === null || _columns$find6 === void 0 ? void 0 : _columns$find6.Header) || t("WT_DRIVER_NAME"),
+        exportAccessor: row => {
+          var _searchData$vendor2, _searchData$vendor2$d, _mappedDriver$owner;
+          const searchData = row === null || row === void 0 ? void 0 : row.searchData;
+          const mappedDriver = (searchData === null || searchData === void 0 ? void 0 : searchData.driver) || (searchData === null || searchData === void 0 ? void 0 : (_searchData$vendor2 = searchData.vendor) === null || _searchData$vendor2 === void 0 ? void 0 : (_searchData$vendor2$d = _searchData$vendor2.drivers) === null || _searchData$vendor2$d === void 0 ? void 0 : _searchData$vendor2$d.find(driver => {
+            var _driver$owner;
+            return (driver === null || driver === void 0 ? void 0 : driver.id) === (searchData === null || searchData === void 0 ? void 0 : searchData.driverId) || (driver === null || driver === void 0 ? void 0 : driver.ownerId) === (searchData === null || searchData === void 0 ? void 0 : searchData.driverId) || (driver === null || driver === void 0 ? void 0 : (_driver$owner = driver.owner) === null || _driver$owner === void 0 ? void 0 : _driver$owner.uuid) === (searchData === null || searchData === void 0 ? void 0 : searchData.driverId);
+          }));
+          return (mappedDriver === null || mappedDriver === void 0 ? void 0 : mappedDriver.name) || (mappedDriver === null || mappedDriver === void 0 ? void 0 : (_mappedDriver$owner = mappedDriver.owner) === null || _mappedDriver$owner === void 0 ? void 0 : _mappedDriver$owner.name) || (searchData === null || searchData === void 0 ? void 0 : searchData.driverName) || "-";
+        }
+      });
+    }
     return csvColumns;
   }, [columns, getCreatedAtValue, t]);
   let result;
@@ -10143,7 +10191,7 @@ const EmployeeApp = ({
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
     path: `${path}/booking-details/:id`,
     component: props => /*#__PURE__*/React.createElement(LayoutWrapper, {
-      layoutClass: "normal"
+      layoutClass: "action"
     }, /*#__PURE__*/React.createElement(ApplicationDetails, Object.assign({}, props, {
       parentRoute: path
     })))
@@ -17661,6 +17709,7 @@ const Filter = ({
       status: null,
       applicationStatus: null,
       fromDate: "",
+      toDate: "",
       fillingPointId: null,
       fillingPoint: null
     };
@@ -17745,11 +17794,56 @@ const Filter = ({
     style: {
       marginTop: "16px"
     }
-  }, /*#__PURE__*/React.createElement("label", null, t("DATE")), /*#__PURE__*/React.createElement(DatePicker, {
-    date: _searchParams === null || _searchParams === void 0 ? void 0 : _searchParams.fromDate,
-    onChange: date => localParamChange({
-      fromDate: date
-    }),
+  }, /*#__PURE__*/React.createElement("label", null, t("FROM_DATE")), /*#__PURE__*/React.createElement(DatePicker, {
+    date: typeof (_searchParams === null || _searchParams === void 0 ? void 0 : _searchParams.fromDate) === "number" ? (() => {
+      const d = new Date(_searchParams.fromDate);
+      const y = d.getFullYear();
+      const m = String(d.getMonth() + 1).padStart(2, "0");
+      const day = String(d.getDate()).padStart(2, "0");
+      return `${y}-${m}-${day}`;
+    })() : _searchParams === null || _searchParams === void 0 ? void 0 : _searchParams.fromDate,
+    onChange: date => {
+      if (date) {
+        const dateParts = date.split("-");
+        const fromDateObj = new Date(dateParts[0], dateParts[1] - 1, dateParts[2]);
+        fromDateObj.setHours(0, 0, 0, 0);
+        localParamChange({
+          fromDate: fromDateObj.getTime()
+        });
+      } else {
+        localParamChange({
+          fromDate: ""
+        });
+      }
+    },
+    max: new Date().toISOString().split("T")[0]
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "search-field-wrapper",
+    style: {
+      marginTop: "16px"
+    }
+  }, /*#__PURE__*/React.createElement("label", null, t("TO_DATE")), /*#__PURE__*/React.createElement(DatePicker, {
+    date: typeof (_searchParams === null || _searchParams === void 0 ? void 0 : _searchParams.toDate) === "number" ? (() => {
+      const d = new Date(_searchParams.toDate);
+      const y = d.getFullYear();
+      const m = String(d.getMonth() + 1).padStart(2, "0");
+      const day = String(d.getDate()).padStart(2, "0");
+      return `${y}-${m}-${day}`;
+    })() : _searchParams === null || _searchParams === void 0 ? void 0 : _searchParams.toDate,
+    onChange: date => {
+      if (date) {
+        const dateParts = date.split("-");
+        const toDateObj = new Date(dateParts[0], dateParts[1] - 1, dateParts[2]);
+        toDateObj.setHours(23, 59, 59, 999);
+        localParamChange({
+          toDate: toDateObj.getTime()
+        });
+      } else {
+        localParamChange({
+          toDate: ""
+        });
+      }
+    },
     max: new Date().toISOString().split("T")[0]
   })), /*#__PURE__*/React.createElement("div", {
     className: "tag-container hide-x-scrollbar"
@@ -25245,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,
@@ -25743,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"