@djb25/digit-ui-module-wt 1.0.17 → 1.0.18

package/dist/index.modern.js

@@ -3559,6 +3559,7 @@ const AddTripModal = ({
 const FixedPointScheduleManagement = ({
   ...props
 }) => {
+  var _data$;
   const {
     t
   } = useTranslation();
@@ -3587,12 +3588,50 @@ const FixedPointScheduleManagement = ({
     value: "all"
   });
   const [editingRowIndex, setEditingRowIndex] = useState(null);
-  const [filters, setFilters] = useState({});
+  const [pageOffset, setPageOffset] = useState(0);
+  const [pageSize, setPageSize] = useState(10);
+  const [filters, setFilters] = useState({
+    limit: 10,
+    offset: 0
+  });
   const {
     isLoading,
     data: scheduleData,
     refetch: reSearch
   } = Digit.Hooks.wt.useFixedPointScheduleSearch(tenantId, filters);
+  const {
+    data: fixedPointData,
+    isLoading: isFpLoading
+  } = Digit.Hooks.wt.useFixedPointSearchAPI({
+    tenantId,
+    filters: {
+      offset: 0,
+      limit: 100
+    }
+  });
+  const {
+    data: allSchedulesData
+  } = Digit.Hooks.wt.useFixedPointScheduleSearch(tenantId, {
+    limit: 1000,
+    offset: 0
+  });
+  const fixedPoints = React.useMemo(() => {
+    const fromFpApi = (fixedPointData === null || fixedPointData === void 0 ? void 0 : fixedPointData.fixedPointTimeTableDetails) || (fixedPointData === null || fixedPointData === void 0 ? void 0 : fixedPointData.waterTankerBookingDetail) || (fixedPointData === null || fixedPointData === void 0 ? void 0 : fixedPointData.fixedPoints) || [];
+    const fromScheduleApi = (allSchedulesData === null || allSchedulesData === void 0 ? void 0 : allSchedulesData.fixedPointTimeTableDetails) || [];
+    const combinedData = [...fromFpApi, ...fromScheduleApi];
+    const points = combinedData.map(fp => {
+      var _fp$applicantDetail;
+      return {
+        label: fp.fixedPointCode || fp.name || ((_fp$applicantDetail = fp.applicantDetail) === null || _fp$applicantDetail === void 0 ? void 0 : _fp$applicantDetail.name) || fp.bookingId,
+        value: fp.fixedPointCode || fp.bookingId
+      };
+    }).filter(p => p.label && p.value);
+    const uniquePoints = points.filter((v, i, a) => a.findIndex(t => t.value === v.value) === i);
+    return [{
+      label: t("WT_ALL_FIXED_POINTS") !== "WT_ALL_FIXED_POINTS" ? t("WT_ALL_FIXED_POINTS") : "All Fixed Points",
+      value: "all"
+    }, ...uniquePoints];
+  }, [fixedPointData, allSchedulesData, t]);
   const {
     mutate: createSchedule
   } = Digit.Hooks.wt.useCreateFixedPointSchedule(tenantId);
@@ -3648,20 +3687,42 @@ const FixedPointScheduleManagement = ({
         returnToFpl: item.timeOfArrivingBackFplAfterDelivery,
         volume: item.volumeWaterTobeDelivery,
         vehicle: item.vehicleId,
-        active: item.isEnable ? "Y" : "N"
+        active: item.isEnable ? "Y" : "N",
+        totalCount: item.totalCount
       }));
       setData(mappedData);
     }
   }, [scheduleData]);
-  const handleSearch = (customFilters = null) => {
+  const fetchNextPage = () => {
+    setPageOffset(prevState => prevState + pageSize);
+  };
+  const fetchPrevPage = () => {
+    setPageOffset(prevState => prevState - pageSize);
+  };
+  const handlePageSizeChange = e => {
+    setPageSize(Number(e.target.value));
+  };
+  const handleSearch = (customFilters = null, offset = null) => {
     var _day$value;
-    setFilters(customFilters || {
+    const searchFilters = customFilters || {
       fixedPointCode: (fixedPoint === null || fixedPoint === void 0 ? void 0 : fixedPoint.value) === "all" ? "" : fixedPoint === null || fixedPoint === void 0 ? void 0 : fixedPoint.value,
       day: (day === null || day === void 0 ? void 0 : day.value) === "all" ? "" : day === null || day === void 0 ? void 0 : (_day$value = day.value) === null || _day$value === void 0 ? void 0 : _day$value.toUpperCase(),
       status: (status === null || status === void 0 ? void 0 : status.value) === "all" ? "" : status === null || status === void 0 ? void 0 : status.value,
       vehicleId: (vehicle === null || vehicle === void 0 ? void 0 : vehicle.value) === "all" ? "" : vehicle === null || vehicle === void 0 ? void 0 : vehicle.value
+    };
+    const newOffset = offset !== null ? offset : 0;
+    if (offset === null) setPageOffset(0);
+    setFilters({
+      ...searchFilters,
+      limit: pageSize,
+      offset: newOffset
     });
   };
+  React.useEffect(() => {
+    if (pageOffset !== 0) {
+      handleSearch(null, pageOffset);
+    }
+  }, [pageOffset, pageSize]);
   const columns = React.useMemo(() => [{
     Header: t("WT_SCHEDULE_ID"),
     accessor: "scheduleId"
@@ -3754,7 +3815,7 @@ const FixedPointScheduleManagement = ({
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: "finance-mainlayout-col1"
-  }, /*#__PURE__*/React.createElement(CardLabel, null, t("WT_FIXED_POINT")), /*#__PURE__*/React.createElement(Dropdown, {
+  }, /*#__PURE__*/React.createElement(CardLabel, null, t("WT_EXPORT")), /*#__PURE__*/React.createElement(Dropdown, {
     option: [{
       label: t("WT_EXCEL_WEEKWISE"),
       value: "Weekwise"
@@ -3772,33 +3833,14 @@ const FixedPointScheduleManagement = ({
   })), /*#__PURE__*/React.createElement("div", {
     className: "finance-mainlayout-col1"
   }, /*#__PURE__*/React.createElement(CardLabel, null, t("WT_FIXED_POINT")), /*#__PURE__*/React.createElement(Dropdown, {
-    option: [{
-      label: "All Fixed Points",
-      value: "all"
-    }, {
-      label: "FP01",
-      value: "FP01"
-    }, {
-      label: "FP02",
-      value: "FP02"
-    }, {
-      label: "FP03",
-      value: "FP03"
-    }],
+    option: fixedPoints,
     optionKey: "label",
     selected: fixedPoint,
     t: t,
     select: val => {
-      var _day$value2;
       setFixedPoint(val);
-      handleSearch({
-        fixedPointCode: (val === null || val === void 0 ? void 0 : val.value) === "all" ? "" : val === null || val === void 0 ? void 0 : val.value,
-        day: (day === null || day === void 0 ? void 0 : day.value) === "all" ? "" : day === null || day === void 0 ? void 0 : (_day$value2 = day.value) === null || _day$value2 === void 0 ? void 0 : _day$value2.toUpperCase(),
-        status: (status === null || status === void 0 ? void 0 : status.value) === "all" ? "" : status === null || status === void 0 ? void 0 : status.value,
-        vehicleId: (vehicle === null || vehicle === void 0 ? void 0 : vehicle.value) === "all" ? "" : vehicle === null || vehicle === void 0 ? void 0 : vehicle.value
-      });
     },
-    placeholder: "All Fixed Points"
+    placeholder: t("WT_ALL_FIXED_POINTS")
   })), /*#__PURE__*/React.createElement("div", {
     className: "finance-mainlayout-col1"
   }, /*#__PURE__*/React.createElement(CardLabel, null, t("WT_DAY")), /*#__PURE__*/React.createElement(Dropdown, {
@@ -3859,44 +3901,21 @@ const FixedPointScheduleManagement = ({
     selected: status,
     t: t,
     select: val => {
-      var _day$value3;
+      var _day$value2;
       setStatus(val);
       handleSearch({
         fixedPointCode: (fixedPoint === null || fixedPoint === void 0 ? void 0 : fixedPoint.value) === "all" ? "" : fixedPoint === null || fixedPoint === void 0 ? void 0 : fixedPoint.value,
-        day: (day === null || day === void 0 ? void 0 : day.value) === "all" ? "" : day === null || day === void 0 ? void 0 : (_day$value3 = day.value) === null || _day$value3 === void 0 ? void 0 : _day$value3.toUpperCase(),
+        day: (day === null || day === void 0 ? void 0 : day.value) === "all" ? "" : day === null || day === void 0 ? void 0 : (_day$value2 = day.value) === null || _day$value2 === void 0 ? void 0 : _day$value2.toUpperCase(),
         status: (val === null || val === void 0 ? void 0 : val.value) === "all" ? "" : val === null || val === void 0 ? void 0 : val.value,
         vehicleId: (vehicle === null || vehicle === void 0 ? void 0 : vehicle.value) === "all" ? "" : vehicle === null || vehicle === void 0 ? void 0 : vehicle.value
       });
     },
     placeholder: "All Status"
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: "finance-mainlayout",
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "finance-mainlayout-col1",
     style: {
-      marginBottom: "20px"
+      alignSelf: "flex-end"
     }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "finance-mainlayout-col1"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "finance-mainlayout-col1"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "finance-mainlayout-col1"
-  }, /*#__PURE__*/React.createElement(Dropdown, {
-    option: [{
-      label: t("WT_EXCEL_WEEKWISE"),
-      value: "Weekwise"
-    }, {
-      label: t("WT_EXCEL_MONTHWISE"),
-      value: "Monthwise"
-    }, {
-      label: t("WT_EXCEL_YEARWISE"),
-      value: "Yearwise"
-    }],
-    optionKey: "label",
-    placeholder: t("WT_EXPORT"),
-    t: t,
-    select: handleDownload
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "finance-mainlayout-col1"
   }, /*#__PURE__*/React.createElement(SubmitBar, {
     label: t("ES_COMMON_SEARCH"),
     onSubmit: () => handleSearch()
@@ -3947,15 +3966,15 @@ const FixedPointScheduleManagement = ({
       overflowX: "auto"
     },
     isLoading: isLoading,
-    onPageSizeChange: props.onPageSizeChange,
-    currentPage: props.currentPage,
-    onNextPage: props.onNextPage,
-    onPrevPage: props.onPrevPage,
-    pageSizeLimit: props.pageSizeLimit,
+    onPageSizeChange: handlePageSizeChange,
+    currentPage: Math.floor(pageOffset / pageSize),
+    onNextPage: fetchNextPage,
+    onPrevPage: fetchPrevPage,
+    pageSizeLimit: pageSize,
     onSort: props.onSort,
     disableSort: props.disableSort,
     sortParams: props.sortParams,
-    totalRecords: props.totalRecords
+    totalRecords: (scheduleData === null || scheduleData === void 0 ? void 0 : scheduleData.count) || (scheduleData === null || scheduleData === void 0 ? void 0 : scheduleData.totalCount) || (data === null || data === void 0 ? void 0 : (_data$ = data[0]) === null || _data$ === void 0 ? void 0 : _data$.totalCount)
   })), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("button", {
     onClick: () => {
       setEditingRowIndex(null);
@@ -4012,11 +4031,11 @@ const FixedPointScheduleManagement = ({
         const dayVal = typeof formDataDay === "string" ? formDataDay : formDataDay === null || formDataDay === void 0 ? void 0 : formDataDay.value;
         if (dayVal && dayVal !== "WT_SELECT_ALL") daysArr = [dayVal];
       }
-      const fixedPointTimeTableDetails = {
+      const fixedPointDetails = {
         tenantId,
         system_assigned_schedule_id: formData.scheduleId,
         fixed_point_code: formData.fixedPointCode,
-        days: daysArr.map(d => d.toUpperCase()),
+        day: daysArr.map(d => d.toUpperCase()),
         trip_no: formData.frequencyNo,
         arrival_time_to_fpl: formData.arrivalTimeFpl,
         departure_time_from_fpl: formData.departureTimeFpl,
@@ -4030,7 +4049,7 @@ const FixedPointScheduleManagement = ({
         vehicle_id: formData.vehicleId
       };
       const payload = {
-        fixedPointTimeTableDetails
+        fixedPointDetails
       };
       createSchedule(payload, {
         onError: (error, variables) => {
@@ -21828,7 +21847,9 @@ const WTCitizenCard = () => {
     links,
     onDetailsClick: handleDetailsClick
   };
-  return /*#__PURE__*/React.createElement(EmployeeModuleCard, propsForModuleCard);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wt-citizen-card-premium"
+  }, /*#__PURE__*/React.createElement(EmployeeModuleCard, propsForModuleCard));
 };
 
 const MTCard = () => {