@djb25/digit-ui-module-wt 1.0.73 → 1.0.74

package/dist/index.js

@@ -1799,7 +1799,7 @@ const App = () => {
       parentRoute: path
     })
   }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PrivateRoute, {
-    path: path + "/vendor",
+    path: path + "/wt-Vendor",
     component: () => Digit.UserService.hasAccess(["WT_VENDOR"]) ? /*#__PURE__*/React__default.createElement("div", {
       style: {
         display: "flex",
@@ -3523,6 +3523,9 @@ const WTDesktopInbox = _ref => {
   const _useState3 = React.useState(false),
     clearSearchCalled = _useState3[0],
     setClearSearchCalled = _useState3[1];
+  const _useState4 = React.useState(false),
+    isSidebarCollapsed = _useState4[0],
+    setIsSidebarCollapsed = _useState4[1];
   const columns = React__default.useMemo(() => props.isSearch ? tableConfig.searchColumns(props) : tableConfig.inboxColumns(props) || [], []);
   const inboxCsvColumns = React__default.useMemo(() => {
     var _columns$, _columns$2, _columns$3, _columns$4, _columns$find3;
@@ -3688,14 +3691,88 @@ const WTDesktopInbox = _ref => {
     });
   }
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "inbox-container"
+    className: "inbox-container",
+    style: {
+      display: "flex",
+      flexDirection: "row",
+      gap: "12px",
+      alignItems: "flex-start",
+      width: "100%",
+      minHeight: 0,
+      overflow: "visible"
+    }
   }, !props.isSearch && /*#__PURE__*/React__default.createElement("div", {
-    className: "side-panel-item"
+    className: "wt-sidebar-panel",
+    style: {
+      width: isSidebarCollapsed ? "40px" : "240px",
+      minWidth: isSidebarCollapsed ? "40px" : "240px",
+      flexShrink: 0,
+      transition: "width 0.25s ease, min-width 0.25s ease",
+      overflow: "hidden",
+      display: "flex",
+      flexDirection: "column",
+      gap: "8px"
+    }
+  }, /*#__PURE__*/React__default.createElement("button", {
+    onClick: () => setIsSidebarCollapsed(prev => !prev),
+    title: isSidebarCollapsed ? "Expand Filters" : "Collapse Filters",
+    style: {
+      alignSelf: "flex-end",
+      background: "#0B2559",
+      border: "none",
+      borderRadius: "6px",
+      width: "32px",
+      height: "32px",
+      cursor: "pointer",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      flexShrink: 0,
+      boxShadow: "0 2px 6px rgba(0,0,0,0.15)",
+      transition: "background 0.2s ease",
+      marginBottom: "4px"
+    },
+    onMouseEnter: e => e.currentTarget.style.background = "#1a3a7a",
+    onMouseLeave: e => e.currentTarget.style.background = "#0B2559"
+  }, isSidebarCollapsed ? /*#__PURE__*/React__default.createElement("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M9 18l6-6-6-6",
+    stroke: "#fff",
+    strokeWidth: "2.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })) : /*#__PURE__*/React__default.createElement("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M15 18l-6-6 6-6",
+    stroke: "#fff",
+    strokeWidth: "2.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }))), /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      opacity: isSidebarCollapsed ? 0 : 1,
+      visibility: isSidebarCollapsed ? "hidden" : "visible",
+      transition: "opacity 0.2s ease, visibility 0.2s ease",
+      display: "flex",
+      flexDirection: "column",
+      gap: "8px",
+      overflow: "hidden"
+    }
   }, /*#__PURE__*/React__default.createElement(InboxLinks, {
     parentRoute: props.parentRoute,
     businessService: props.moduleCode
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "filter-form "
+    className: "filter-form"
   }, /*#__PURE__*/React__default.createElement(FilterComponent, {
     defaultSearchParams: props.defaultSearchParams,
     onFilterChange: props.onFilterChange,
@@ -3704,14 +3781,24 @@ const WTDesktopInbox = _ref => {
     useNewInboxAPI: useNewInboxAPI,
     statusMap: useNewInboxAPI ? data === null || data === void 0 ? void 0 : data[0].statusMap : null,
     moduleCode: props.moduleCode
-  }))), /*#__PURE__*/React__default.createElement("div", {
-    className: "employee-form-content",
+  })))), /*#__PURE__*/React__default.createElement("div", {
     style: {
-      flex: 1
+      flex: 1,
+      display: "flex",
+      flexDirection: "column",
+      gap: "12px",
+      minWidth: 0,
+      overflow: "hidden"
     }
   }, !props.isSearch && /*#__PURE__*/React__default.createElement("div", {
-    className: "summary-cards-container"
-  }, ((_props$searchParams, _props$searchParams$s, _data$4, _props$searchParams2) => {
+    className: "summary-cards-container",
+    style: {
+      display: "flex",
+      gap: "10px",
+      flexWrap: "wrap",
+      width: "100%"
+    }
+  }, ((_data$4, _props$searchParams) => {
     const getCount = statusList => {
       var _data$3;
       return ((data === null || data === void 0 ? void 0 : (_data$3 = data[0]) === null || _data$3 === void 0 ? void 0 : _data$3.statusMap) || []).filter(s => {
@@ -3719,13 +3806,12 @@ const WTDesktopInbox = _ref => {
         return statusList.includes(st);
       }).reduce((acc, curr) => acc + curr.count, 0);
     };
-    const isFixedPoint = props.businessService === "watertanker-fixedpoint" || ((_props$searchParams = props.searchParams) === null || _props$searchParams === void 0 ? void 0 : (_props$searchParams$s = _props$searchParams.services) === null || _props$searchParams$s === void 0 ? void 0 : _props$searchParams$s.includes("watertanker-fixedpoint"));
     const cards = [{
       label: "WT_TOTAL_BOOKINGS",
       count: (data === null || data === void 0 ? void 0 : (_data$4 = data[0]) === null || _data$4 === void 0 ? void 0 : _data$4.totalCount) || 0,
       color: "#0B2559",
       filter: null,
-      active: !((_props$searchParams2 = props.searchParams) !== null && _props$searchParams2 !== void 0 && _props$searchParams2.status)
+      active: !((_props$searchParams = props.searchParams) !== null && _props$searchParams !== void 0 && _props$searchParams.status)
     }, {
       label: "WT_SCHEDULED",
       count: getCount(["SCHEDULED", "VENDOR_ASSIGNED"]),
@@ -3736,8 +3822,7 @@ const WTDesktopInbox = _ref => {
       count: getCount(["TANKER_DELIVERED", "DELIVERED"]),
       color: "#10B981",
       filter: ["TANKER_DELIVERED"]
-    }];
-    cards.push({
+    }, {
       label: "IN_TRANSIT",
       count: getCount(["IN_TRANSIT", "DELIVERY_PENDING"]),
       color: "#A855F7",
@@ -3752,21 +3837,21 @@ const WTDesktopInbox = _ref => {
       count: getCount(["CANCELLED", "REJECTED", "REQUEST_REJECTED"]),
       color: "#64748B",
       filter: ["CANCELLED"]
-    });
+    }];
     return cards;
   })().map((card, idx) => {
-    var _props$searchParams3, _props$searchParams3$, _card$filter, _props$searchParams4, _props$searchParams4$;
-    const isActive = (_props$searchParams3 = props.searchParams) !== null && _props$searchParams3 !== void 0 && (_props$searchParams3$ = _props$searchParams3.status) !== null && _props$searchParams3$ !== void 0 && _props$searchParams3$.code ? (_card$filter = card.filter) === null || _card$filter === void 0 ? void 0 : _card$filter.includes((_props$searchParams4 = props.searchParams) === null || _props$searchParams4 === void 0 ? void 0 : (_props$searchParams4$ = _props$searchParams4.status) === null || _props$searchParams4$ === void 0 ? void 0 : _props$searchParams4$.code) : card.active;
+    var _props$searchParams2, _props$searchParams2$, _card$filter, _props$searchParams3, _props$searchParams3$;
+    const isActive = (_props$searchParams2 = props.searchParams) !== null && _props$searchParams2 !== void 0 && (_props$searchParams2$ = _props$searchParams2.status) !== null && _props$searchParams2$ !== void 0 && _props$searchParams2$.code ? (_card$filter = card.filter) === null || _card$filter === void 0 ? void 0 : _card$filter.includes((_props$searchParams3 = props.searchParams) === null || _props$searchParams3 === void 0 ? void 0 : (_props$searchParams3$ = _props$searchParams3.status) === null || _props$searchParams3$ === void 0 ? void 0 : _props$searchParams3$.code) : card.active;
     return /*#__PURE__*/React__default.createElement("div", {
       key: idx,
       className: "summary-card",
       style: {
         backgroundColor: "#fff",
         borderRadius: "6px",
-        padding: "16px 14px",
+        padding: "12px 14px",
         boxShadow: "0 2px 8px rgba(0,0,0,0.05)",
-        flex: "1 1 0%",
-        minWidth: "110px",
+        flex: "1 1 110px",
+        minWidth: "100px",
         border: isActive ? "2px solid " + card.color : "1px solid #E2E8F0",
         cursor: "pointer",
         display: "flex",
@@ -3776,7 +3861,7 @@ const WTDesktopInbox = _ref => {
       }
     }, /*#__PURE__*/React__default.createElement("div", {
       style: {
-        fontSize: "11px",
+        fontSize: "10px",
         color: "#64748B",
         fontWeight: "600",
         textTransform: "uppercase",
@@ -3787,10 +3872,10 @@ const WTDesktopInbox = _ref => {
       }
     }, t(card.label)), /*#__PURE__*/React__default.createElement("div", {
       style: {
-        fontSize: "28px",
+        fontSize: "24px",
         fontWeight: "700",
         color: card.color,
-        marginTop: "12px"
+        marginTop: "8px"
       }
     }, String(card.count).padStart(2, "0")));
   })), /*#__PURE__*/React__default.createElement(SearchApplication, {
@@ -3807,7 +3892,9 @@ const WTDesktopInbox = _ref => {
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "result",
     style: {
-      flex: 1
+      flex: 1,
+      minWidth: 0,
+      overflowX: "auto"
     }
   }, result)));
 };
@@ -17830,7 +17917,7 @@ const TableConfig = t => ({
     }] : [])],
     serviceRequestIdKey: original => {
       var _original$t, _original$t$props;
-      return original === null || original === void 0 ? void 0 : (_original$t = original[t("WT_INBOX_UNIQUE_BOOKING_NO")]) === null || _original$t === void 0 ? void 0 : (_original$t$props = _original$t.props) === null || _original$t$props === void 0 ? void 0 : _original$t$props.children;
+      return original === null || original === void 0 ? void 0 : (_original$t = original[t("WT_BOOKING_NO")]) === null || _original$t === void 0 ? void 0 : (_original$t$props = _original$t.props) === null || _original$t$props === void 0 ? void 0 : _original$t$props.children;
     }
   },
   MT: {
@@ -17919,7 +18006,7 @@ const TableConfig = t => ({
     }],
     serviceRequestIdKey: original => {
       var _original$t2, _original$t2$props;
-      return original === null || original === void 0 ? void 0 : (_original$t2 = original[t("WT_INBOX_UNIQUE_BOOKING_NO")]) === null || _original$t2 === void 0 ? void 0 : (_original$t2$props = _original$t2.props) === null || _original$t2$props === void 0 ? void 0 : _original$t2$props.children;
+      return original === null || original === void 0 ? void 0 : (_original$t2 = original[t("MT_BOOKING_NO")]) === null || _original$t2 === void 0 ? void 0 : (_original$t2$props = _original$t2.props) === null || _original$t2$props === void 0 ? void 0 : _original$t2$props.children;
     }
   },
   TP: {
@@ -18008,7 +18095,7 @@ const TableConfig = t => ({
     }],
     serviceRequestIdKey: original => {
       var _original$t3, _original$t3$props;
-      return original === null || original === void 0 ? void 0 : (_original$t3 = original[t("WT_INBOX_UNIQUE_BOOKING_NO")]) === null || _original$t3 === void 0 ? void 0 : (_original$t3$props = _original$t3.props) === null || _original$t3$props === void 0 ? void 0 : _original$t3$props.children;
+      return original === null || original === void 0 ? void 0 : (_original$t3 = original[t("MT_BOOKING_NO")]) === null || _original$t3 === void 0 ? void 0 : (_original$t3$props = _original$t3.props) === null || _original$t3$props === void 0 ? void 0 : _original$t3$props.children;
     }
   }
 });
@@ -27264,6 +27351,14 @@ const ApplicationDetails = props => {
   function onActionSelect(action) {
     sessionStorage.setItem("SELECTED_ACTION", action === null || action === void 0 ? void 0 : action.action);
     if (action) {
+      if ((action === null || action === void 0 ? void 0 : action.action) === "PAY" && !(action !== null && action !== void 0 && action.redirectionUrl) && !(action !== null && action !== void 0 && action.redirectionUrll)) {
+        if (window.location.href.includes("/employee")) {
+          history.push("/digit-ui/employee/payment/collect/" + businessService + "/" + applicationNumber + "?tenantId=" + tenantId);
+        } else {
+          history.push("/digit-ui/citizen/payment/my-bills/" + businessService + "/" + applicationNumber + "?tenantId=" + tenantId);
+        }
+        return;
+      }
       if (action !== null && action !== void 0 && action.isToast) {
         setShowToast({
           key: "error",