@bjsdistribution/dms-client-return 0.2.2-prod → 0.2.3-prod

package/dist/components/order-daily-overview/return-after-table/table-filters/ReturnOrderFilter.js

@@ -1,38 +1,38 @@
-import { jsx as e, Fragment as C, jsxs as r } from "react/jsx-runtime";
-import { useState as o, useEffect as p } from "react";
-import { StyledFiter as w, StyledFIlterELements as P, LeftSideConatiner as V } from "../../filters/FilterStyle.js";
+import { jsxs as o, Fragment as y, jsx as e } from "react/jsx-runtime";
+import { useState as r, useEffect as c } from "react";
+import { DateRangePopupStyle as O, StyledFiter as w, StyledFIlterELements as V, LeftSideConatiner as P } from "../../filters/FilterStyle.js";
 import G from "./TableFilters.js";
 import k from "../../../../assets/icons/FilterIcon.js";
 import j from "../../../../assets/icons/DateIcon.js";
 import H from "../../../../assets/icons/ClientIcon.js";
-import { DatePicker as U, Select as m } from "antd";
+import { DatePicker as U, Select as d } from "antd";
 import "../../../order-view/store.js";
-import T from "styled-components";
-import E from "dayjs";
-import { useStatusOrderData as W, useAssignData as Y, useClientPortal as z } from "../../../store.js";
-import B from "../../../../assets/icons/StatusIcon.js";
-import M from "../../../../assets/icons/VehicleIcon.js";
-import { ClearAll as $, StyledFilterBtnIcon as q, StyledFilterBtnLabel as J } from "../../table/table-data/styles.js";
-import { filtersReducerReturnAtom as K } from "./ReturnFilterStore.js";
-import { useAxios as Q, toReverseDeliveryLabel as X } from "@bjsdistribution/dms-component-library";
-import { useAtom as Z } from "jotai";
-const ee = [
+import E from "styled-components";
+import C from "dayjs";
+import { useStatusOrderData as W } from "../../../store.js";
+import Y from "../../../../assets/icons/StatusIcon.js";
+import z from "../../../../assets/icons/VehicleIcon.js";
+import { ClearAll as B, StyledFilterBtnIcon as M, StyledFilterBtnLabel as $ } from "../../table/table-data/styles.js";
+import { filtersReducerReturnAtom as q } from "./ReturnFilterStore.js";
+import { useAxios as J } from "@bjsdistribution/dms-component-library";
+import { useAtom as K } from "jotai";
+const Q = [
   { label: "LGV", value: "LGV" },
   { label: "HGV", value: "HGV" }
-], Le = () => {
-  const [, l] = Z(K), [a, h] = o(), [x] = W(), [le, ae] = o(), [re] = Y(), [S] = z(), [s, i] = o([]), [f, c] = o([]), [y, d] = o(null), { data: _, fetchData: L } = Q({
+], Ce = () => {
+  const [, l] = K(q), [a, m] = r(), [T] = W(), [h, n] = r([]), [u, i] = r([]), [f, s] = r(null), { data: x, fetchData: S } = J({
     endpoint: "/v1/return/order/customers/",
     method: "GET",
     //@ts-ignore
     pagination: { is_pagination: !1 }
   });
-  p(() => {
-    L();
+  c(() => {
+    S();
   }, []);
-  const g = (t) => {
-    h(t ? [t[0]?.$d, t[1]?.$d] : null);
+  const _ = (t) => {
+    m(t ? [t[0]?.$d, t[1]?.$d] : null);
   };
-  p(() => {
+  c(() => {
     a && (l({
       type: "SET_DATE_FILTER",
       payload: a
@@ -41,151 +41,152 @@ const ee = [
       payload: 1
     }));
   }, [a]);
-  const v = _?.data?.map((t) => ({
+  const v = x?.data?.map((t) => ({
     label: t?.customer_name?.charAt(0)?.toUpperCase() + t?.customer_name?.slice(1),
     value: t?.customer_id
-  })), A = x?.map((t) => {
-    const n = t?.status_type?.charAt(0)?.toUpperCase() + t?.status_type?.slice(1);
-    return {
-      label: S ? n : X(n),
-      value: t?.type
-    };
-  }), b = (t) => {
-    t !== s && (i(t), l({
+  })), L = T?.map((t) => ({
+    label: t?.status_type?.charAt(0)?.toUpperCase() + t?.status_type?.slice(1),
+    value: t?.type
+  })), g = (t) => {
+    n(t), l({
       type: "SET_CLIENT_FILTER",
       payload: t
     }), l({
       type: "SET_PAGE",
       payload: 1
-    }));
-  }, R = (t) => {
-    c(t), l({
+    });
+  }, A = (t) => {
+    i(t), l({
       type: "SET_STATUS_ORDER_FILTER",
       payload: t
     }), l({
       type: "SET_PAGE",
       payload: 1
     });
-  }, I = (t) => {
-    d(t), l({
+  }, b = (t) => {
+    s(t), l({
       type: "SET_VEHICLE_TYPE_FILTER",
       payload: t
     }), l({
       type: "SET_PAGE",
       payload: 1
     });
-  }, D = () => {
-    d(null), l({
+  }, R = () => {
+    s(null), l({
       type: "CLEAR_VEHICLE_TYPE_FILTER"
     }), l({
       type: "SET_PAGE",
       payload: 1
     });
+  }, I = () => {
+    m(null), n([]), i([]), s(null), l({ type: "CLEAR_ALL_FILTER" });
   }, N = () => {
-    h(null), i([]), c([]), d(null), l({ type: "CLEAR_ALL_FILTER" });
-  }, F = () => {
     l({
       type: "CLEAR_STATUS_ORDER_FILTER"
-    }), c([]);
-  }, O = () => {
+    }), i([]);
+  }, F = () => {
     l({
       type: "CLEAR_CLIENT_FILTER"
-    }), i([]);
+    }), n([]);
   };
-  return p(() => {
+  return c(() => {
     a === null && l({ type: "CLEAR_DATE" });
-  }, [a]), /* @__PURE__ */ e(C, { children: /* @__PURE__ */ r(w, { children: [
-    /* @__PURE__ */ e(P, { children: /* @__PURE__ */ r(V, { children: [
-      /* @__PURE__ */ r("div", { className: "filtercontainer", children: [
-        /* @__PURE__ */ e("div", { className: "filtericon", children: /* @__PURE__ */ e(k, {}) }),
-        /* @__PURE__ */ e("div", { className: "textcont", children: "Filters" })
-      ] }),
-      /* @__PURE__ */ r("div", { className: "datefilter", children: [
-        /* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(j, {}) }),
-        /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(
-          U.RangePicker,
-          {
-            className: "custom-datepicker",
-            onChange: g,
-            style: { width: "220px" },
-            value: a ? [E(a[0]), E(a[1])] : null,
-            format: "DD/MM/YY",
-            placeholder: ["Start date", "End date"],
-            needConfirm: !0,
-            allowClear: !0
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ r("div", { className: "datefilter", children: [
-        /* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(B, {}) }),
-        /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(
-          m,
-          {
-            mode: "multiple",
-            options: A,
-            className: "custom-select",
-            placeholder: "Status of Order",
-            onChange: R,
-            style: { minWidth: "250px", maxWidth: "300px" },
-            value: f,
-            onClear: F,
-            allowClear: !0,
-            maxTagCount: "responsive"
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ r("div", { className: "datefilter", children: [
-        /* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(H, {}) }),
-        /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(
-          m,
-          {
-            mode: "multiple",
-            options: v,
-            className: "custom-select",
-            placeholder: "Clients",
-            onChange: b,
-            value: s,
-            style: {
-              minWidth: "150px",
-              width: "auto",
-              cursor: "pointer"
-            },
-            allowClear: !0,
-            onClear: O,
-            filterOption: (t, n) => (n?.label ?? "").toLowerCase().includes(t.toLowerCase()),
-            showSearch: !0,
-            maxTagCount: "responsive"
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ r("div", { className: "datefilter", children: [
-        /* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(M, {}) }),
-        /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(
-          m,
-          {
-            options: ee,
-            className: "custom-select",
-            placeholder: "Vehicle Type",
-            onChange: I,
-            value: y,
-            style: { minWidth: "150px" },
-            allowClear: !0,
-            onClear: D
-          }
-        ) })
-      ] }),
-      a || f?.length || s?.length || y ? /* @__PURE__ */ e(C, { children: /* @__PURE__ */ r($, { onClick: N, children: [
-        /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e("i", { className: "cross" }) }),
-        /* @__PURE__ */ e(J, { children: "Clear all" })
-      ] }) }) : null
-    ] }) }),
-    /* @__PURE__ */ e(G, {})
-  ] }) });
-}, te = T.div`
+  }, [a]), /* @__PURE__ */ o(y, { children: [
+    /* @__PURE__ */ e(O, {}),
+    /* @__PURE__ */ o(w, { children: [
+      /* @__PURE__ */ e(V, { children: /* @__PURE__ */ o(P, { children: [
+        /* @__PURE__ */ o("div", { className: "filtercontainer", children: [
+          /* @__PURE__ */ e("div", { className: "filtericon", children: /* @__PURE__ */ e(k, {}) }),
+          /* @__PURE__ */ e("div", { className: "textcont", children: "Filters" })
+        ] }),
+        /* @__PURE__ */ o("div", { className: "datefilter", children: [
+          /* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(j, {}) }),
+          /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(
+            U.RangePicker,
+            {
+              className: "custom-datepicker",
+              popupClassName: "date-range-mobile-popup",
+              onChange: _,
+              style: { width: "220px" },
+              value: a ? [C(a[0]), C(a[1])] : null,
+              format: "DD/MM/YY",
+              placeholder: ["Start date", "End date"],
+              needConfirm: !0,
+              allowClear: !0
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ o("div", { className: "datefilter", children: [
+          /* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(Y, {}) }),
+          /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
+            d,
+            {
+              mode: "multiple",
+              options: L,
+              className: "custom-select",
+              placeholder: "Status of Order",
+              onChange: A,
+              style: { minWidth: "250px", maxWidth: "300px" },
+              value: u,
+              onClear: N,
+              allowClear: !0,
+              maxTagCount: "responsive"
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ o("div", { className: "datefilter", children: [
+          /* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(H, {}) }),
+          /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
+            d,
+            {
+              mode: "multiple",
+              options: v,
+              className: "custom-select",
+              placeholder: "Clients",
+              onChange: g,
+              value: h,
+              style: {
+                minWidth: "150px",
+                width: "auto",
+                cursor: "pointer"
+              },
+              allowClear: !0,
+              onClear: F,
+              filterOption: (t, D) => (D?.label ?? "").toLowerCase().includes(t.toLowerCase()),
+              showSearch: !0,
+              maxTagCount: "responsive"
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ o("div", { className: "datefilter", children: [
+          /* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(z, {}) }),
+          /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
+            d,
+            {
+              options: Q,
+              className: "custom-select",
+              placeholder: "Vehicle Type",
+              onChange: b,
+              value: f,
+              style: { minWidth: "150px" },
+              allowClear: !0,
+              onClear: R
+            }
+          ) })
+        ] }),
+        a || u?.length || h?.length || f ? /* @__PURE__ */ e(y, { children: /* @__PURE__ */ o(B, { onClick: I, children: [
+          /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e("i", { className: "cross" }) }),
+          /* @__PURE__ */ e($, { children: "Clear all" })
+        ] }) }) : null
+      ] }) }),
+      /* @__PURE__ */ e(G, {})
+    ] })
+  ] });
+}, X = E.div`
   .custom-datepicker {
     border: none;
   }
-`, u = T.div`
+`, p = E.div`
   .custom-select {
     border: none;
     width: 80px;
@@ -224,7 +225,7 @@ const ee = [
   }
 `;
 export {
-  u as StyledAntSelect,
-  Le as default
+  p as StyledAntSelect,
+  Ce as default
 };
 //# sourceMappingURL=ReturnOrderFilter.js.map

package/dist/components/order-daily-overview/return-after-table/table-filters/ReturnOrderFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReturnOrderFilter.js","sources":["../../../../../src/components/order-daily-overview/return-after-table/table-filters/ReturnOrderFilter.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  LeftSideConatiner,\n  StyledFIlterELements,\n  StyledFiter,\n} from '../../filters/FilterStyle';\nimport TableFilters from './TableFilters';\nimport FilterIcon from '../../../../assets/icons/FilterIcon';\nimport DateIcon from '../../../../assets/icons/DateIcon';\n// import StatusIcon from '../../../../assets/icons/StatusIcon';\nimport ClientIcon from '../../../../assets/icons/ClientIcon';\n// import AssigneIcon from '../../../../assets/icons/AssigneIcon';\nimport { DatePicker, Select } from 'antd';\nimport { useAtom } from '../../../order-view/store';\nimport styled from 'styled-components';\nimport dayjs from 'dayjs';\nimport {\n  useAssignData,\n  useClientPortal,\n  // useCustomerData,\n  useStatusOrderData,\n} from '../../../store';\nimport StatusIcon from '../../../../assets/icons/StatusIcon';\nimport VehicleIcon from '../../../../assets/icons/VehicleIcon';\nimport {\n  ClearAll,\n  StyledFilterBtnIcon,\n  StyledFilterBtnLabel,\n} from '../../table/table-data/styles';\nimport { filtersReducerReturnAtom } from './ReturnFilterStore';\nimport { toReverseDeliveryLabel, useAxios } from '@bjsdistribution/dms-component-library';\nimport { ApiResponse } from '../../common/interface';\n\nconst vehicleTypeOptions = [\n  { label: 'LGV', value: 'LGV' },\n  { label: 'HGV', value: 'HGV' },\n\n];\n\nconst ReturnOrderFilter = () => {\n  const [, dispatch] = useAtom(filtersReducerReturnAtom);\n  // const [customers] = useCustomerData();\n  const [selectedDate, setSelectedDate] = useState<any | null>();\n  const [statusOfOrder] = useStatusOrderData();\n  const [selectedAssignee, setSelectedAssignee] = useState<any | null>();\n  const [assignData] = useAssignData();\n  const [isClientPortal] = useClientPortal();\n  const [selectedClient, setSelectedClient] = useState<any[]>([]);\n  const [statusOrder, setStatusOfOrder] = useState<any[]>([]);\n  const [selectedVehicleType, setSelectedVehicleType] = useState<string | null>(null);\n\n  //API for client data\n  const { data: fetchedCustomerData, fetchData } = useAxios<ApiResponse>({\n    endpoint: `/v1/return/order/customers/`,\n    method: 'GET',\n    //@ts-ignore\n    pagination: { is_pagination: false },\n  });\n\n  useEffect(() => {\n    fetchData();\n  }, []);\n\n  // date change here\n  const handleDateChange = (dates: any | null) => {\n    setSelectedDate(dates ? [dates[0]?.$d, dates[1]?.$d] : null);\n  };\n  useEffect(() => {\n    if (selectedDate) {\n      dispatch({\n        type: 'SET_DATE_FILTER',\n        payload: selectedDate,\n      });\n      // Reset to the first page\n      dispatch({\n        type: 'SET_PAGE',\n        payload: 1,\n      });\n    }\n  }, [selectedDate]);\n  //client options\n  const clientOptions = fetchedCustomerData?.data?.map((option: any) => ({\n    label:\n      option?.customer_name?.charAt(0)?.toUpperCase() +\n      option?.customer_name?.slice(1),\n    value: option?.customer_id,\n  }));\n  //status of order\n  const orderOptions = statusOfOrder?.map((option: any) => {\n    const statusLabel =\n      option?.status_type?.charAt(0)?.toUpperCase() +\n      option?.status_type?.slice(1);\n    return {\n      label: isClientPortal ? statusLabel : toReverseDeliveryLabel(statusLabel),\n      value: option?.type,\n    };\n  });\n  const handleClientChange = (value: any) => {\n    if (value === selectedClient) return;\n    setSelectedClient(value);\n    dispatch({\n      type: 'SET_CLIENT_FILTER',\n      payload: value,\n    });\n    // Reset to the first page\n    dispatch({\n      type: 'SET_PAGE',\n      payload: 1,\n    });\n  };\n  const handleStatusOfOrder = (value: any[]) => {\n    setStatusOfOrder(value);\n    dispatch({\n      type: 'SET_STATUS_ORDER_FILTER',\n      payload: value,\n    });\n    // Reset to the first page\n    dispatch({\n      type: 'SET_PAGE',\n      payload: 1,\n    });\n  };\n\n  const handleVehicleTypeChange = (value: any) => {\n    setSelectedVehicleType(value);\n    dispatch({\n      type: 'SET_VEHICLE_TYPE_FILTER',\n      payload: value,\n    });\n    dispatch({\n      type: 'SET_PAGE',\n      payload: 1,\n    });\n  };\n\n  const handleClearVehicleType = () => {\n    setSelectedVehicleType(null);\n    dispatch({\n      type: 'CLEAR_VEHICLE_TYPE_FILTER',\n    });\n    dispatch({\n      type: 'SET_PAGE',\n      payload: 1,\n    });\n  };\n\n  const handleClearAll = () => {\n    setSelectedDate(null);\n    setSelectedClient([]);\n    setStatusOfOrder([]);\n    setSelectedVehicleType(null);\n    dispatch({ type: 'CLEAR_ALL_FILTER' });\n  };\n\n  const handleClear = () => {\n    dispatch({\n      type: 'CLEAR_STATUS_ORDER_FILTER',\n    });\n\n    setStatusOfOrder([]);\n  };\n\n  const handleClearClient = () => {\n    dispatch({\n      type: 'CLEAR_CLIENT_FILTER',\n    });\n    setSelectedClient([]);\n  };\n  //clearing filters\n  useEffect(() => {\n    if (selectedDate === null) {\n      dispatch({ type: 'CLEAR_DATE' });\n    }\n  }, [selectedDate]);\n\n  return (\n    <>\n      <StyledFiter>\n        <StyledFIlterELements>\n          <LeftSideConatiner>\n            <div className=\"filtercontainer\">\n              <div className=\"filtericon\">\n                <FilterIcon />\n              </div>\n              <div className=\"textcont\">Filters</div>\n            </div>\n            <div className=\"datefilter\">\n              <div className=\"dateiconcontainer\">\n                <DateIcon />\n              </div>\n              <StyledDatePicker>\n                <DatePicker.RangePicker\n                  className=\"custom-datepicker\"\n                  onChange={handleDateChange}\n                  style={{ width: '220px' }}\n                  value={\n                    selectedDate\n                      ? [dayjs(selectedDate[0]), dayjs(selectedDate[1])]\n                      : null\n                  }\n                  format=\"DD/MM/YY\"\n                  placeholder={['Start date', 'End date']}\n                  needConfirm\n                  allowClear\n                />\n              </StyledDatePicker>\n            </div>\n            <div className=\"datefilter\">\n              <div className=\"dateiconcontainer\">\n                <StatusIcon />\n              </div>\n              <StyledAntSelect>\n                <Select\n                  mode=\"multiple\"\n                  options={orderOptions}\n                  className=\"custom-select\"\n                  placeholder=\"Status of Order\"\n                  onChange={handleStatusOfOrder}\n                  style={{ minWidth: '250px', maxWidth: '300px' }}\n                  value={statusOrder}\n                  onClear={handleClear}\n                  allowClear\n                  maxTagCount=\"responsive\"\n                />\n              </StyledAntSelect>\n            </div>\n            <div className=\"datefilter\">\n              <div className=\"dateiconcontainer\">\n                <ClientIcon />\n              </div>\n              <StyledAntSelect>\n                <Select\n                  mode=\"multiple\"\n                  options={clientOptions}\n                  className=\"custom-select\"\n                  placeholder=\"Clients\"\n                  onChange={handleClientChange}\n                  value={selectedClient}\n                  style={{\n                    minWidth: '150px',\n                    width: 'auto',\n                    cursor: 'pointer',\n                  }}\n                  allowClear\n                  onClear={handleClearClient}\n                  filterOption={(input: any, option: any) =>\n                    (option?.label ?? '')\n                      .toLowerCase()\n                      .includes(input.toLowerCase())\n                  }\n                  showSearch\n                  maxTagCount=\"responsive\"\n                />\n              </StyledAntSelect>\n            </div>\n\n            <div className=\"datefilter\">\n              <div className=\"dateiconcontainer\">\n                <VehicleIcon />\n              </div>\n              <StyledAntSelect>\n                <Select\n                  options={vehicleTypeOptions}\n                  className=\"custom-select\"\n                  placeholder=\"Vehicle Type\"\n                  onChange={handleVehicleTypeChange}\n                  value={selectedVehicleType}\n                  style={{ minWidth: '150px' }}\n                  allowClear\n                  onClear={handleClearVehicleType}\n                />\n              </StyledAntSelect>\n            </div>\n\n            {selectedDate ||\n              statusOrder?.length ||\n              selectedClient?.length ||\n              selectedVehicleType ? (\n              <>\n                <ClearAll onClick={handleClearAll}>\n                  <StyledFilterBtnIcon>\n                    <i className=\"cross\"></i>\n                  </StyledFilterBtnIcon>\n                  <StyledFilterBtnLabel>Clear all</StyledFilterBtnLabel>\n                </ClearAll>\n              </>\n            ) : null}\n\n          </LeftSideConatiner>\n        </StyledFIlterELements>\n        <TableFilters />\n      </StyledFiter>\n    </>\n  );\n};\nconst StyledDatePicker = styled.div`\n  .custom-datepicker {\n    border: none;\n  }\n`;\n// const DropdownContainer = styled.div``;\nexport const StyledAntSelect = styled.div`\n  .custom-select {\n    border: none;\n    width: 80px;\n  }\n  .ant-select-selector {\n    border: 1px solid #ffffff !important;\n  }\n  :where(.css-dev-only-do-not-override-m4timi).ant-select-single:not(.ant-select-customize-input)\n    .ant-select-selector {\n    padding: 0 5px;\n  }\n  :where(.css-dev-only-do-not-override-m4timi).ant-select-outlined:not(.ant-select-customize-input)\n    .ant-select-selector {\n    border: none;\n  }\n  .roundbox {\n    display: flex;\n    width: 18px;\n    height: 18px;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    border-radius: 18px;\n    background: #fff;\n    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);\n    left: 359px;\n    position: absolute;\n    border-radius: 18px;\n    background: #fff;\n    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);\n    top: 16px;\n  }\n  .ant-select-clear {\n    top: 40% !important;\n    font-size: 18px !important;\n  }\n`;\nexport default ReturnOrderFilter;\n"],"names":["vehicleTypeOptions","ReturnOrderFilter","dispatch","useAtom","filtersReducerReturnAtom","selectedDate","setSelectedDate","useState","statusOfOrder","useStatusOrderData","selectedAssignee","setSelectedAssignee","assignData","useAssignData","isClientPortal","useClientPortal","selectedClient","setSelectedClient","statusOrder","setStatusOfOrder","selectedVehicleType","setSelectedVehicleType","fetchedCustomerData","fetchData","useAxios","useEffect","handleDateChange","dates","clientOptions","option","orderOptions","statusLabel","toReverseDeliveryLabel","handleClientChange","value","handleStatusOfOrder","handleVehicleTypeChange","handleClearVehicleType","handleClearAll","handleClear","handleClearClient","jsx","Fragment","StyledFiter","StyledFIlterELements","LeftSideConatiner","jsxs","FilterIcon","DateIcon","StyledDatePicker","DatePicker","dayjs","StatusIcon","StyledAntSelect","Select","ClientIcon","input","VehicleIcon","ClearAll","StyledFilterBtnIcon","StyledFilterBtnLabel","TableFilters","styled"],"mappings":"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"}
+{"version":3,"file":"ReturnOrderFilter.js","sources":["../../../../../src/components/order-daily-overview/return-after-table/table-filters/ReturnOrderFilter.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  DateRangePopupStyle,\n  LeftSideConatiner,\n  StyledFIlterELements,\n  StyledFiter,\n} from '../../filters/FilterStyle';\nimport TableFilters from './TableFilters';\nimport FilterIcon from '../../../../assets/icons/FilterIcon';\nimport DateIcon from '../../../../assets/icons/DateIcon';\n// import StatusIcon from '../../../../assets/icons/StatusIcon';\nimport ClientIcon from '../../../../assets/icons/ClientIcon';\n// import AssigneIcon from '../../../../assets/icons/AssigneIcon';\nimport { DatePicker, Select } from 'antd';\nimport { useAtom } from '../../../order-view/store';\nimport styled from 'styled-components';\nimport dayjs from 'dayjs';\nimport {\n  useAssignData,\n  // useCustomerData,\n  useStatusOrderData,\n} from '../../../store';\nimport StatusIcon from '../../../../assets/icons/StatusIcon';\nimport VehicleIcon from '../../../../assets/icons/VehicleIcon';\nimport {\n  ClearAll,\n  StyledFilterBtnIcon,\n  StyledFilterBtnLabel,\n} from '../../table/table-data/styles';\nimport { filtersReducerReturnAtom } from './ReturnFilterStore';\nimport { useAxios } from '@bjsdistribution/dms-component-library';\nimport { ApiResponse } from '../../common/interface';\n\nconst vehicleTypeOptions = [\n  { label: 'LGV', value: 'LGV' },\n  { label: 'HGV', value: 'HGV' },\n\n];\n\nconst ReturnOrderFilter = () => {\n  const [, dispatch] = useAtom(filtersReducerReturnAtom);\n  // const [customers] = useCustomerData();\n  const [selectedDate, setSelectedDate] = useState<any | null>();\n  const [statusOfOrder] = useStatusOrderData();\n  const [selectedClient, setSelectedClient] = useState<any[]>([]);\n  const [statusOrder, setStatusOfOrder] = useState<any[]>([]);\n  const [selectedVehicleType, setSelectedVehicleType] = useState<string | null>(null);\n\n  //API for client data\n  const { data: fetchedCustomerData, fetchData } = useAxios<ApiResponse>({\n    endpoint: `/v1/return/order/customers/`,\n    method: 'GET',\n    //@ts-ignore\n    pagination: { is_pagination: false },\n  });\n\n  useEffect(() => {\n    fetchData();\n  }, []);\n\n  // date change here\n  const handleDateChange = (dates: any | null) => {\n    setSelectedDate(dates ? [dates[0]?.$d, dates[1]?.$d] : null);\n  };\n  useEffect(() => {\n    if (selectedDate) {\n      dispatch({\n        type: 'SET_DATE_FILTER',\n        payload: selectedDate,\n      });\n      // Reset to the first page\n      dispatch({\n        type: 'SET_PAGE',\n        payload: 1,\n      });\n    }\n  }, [selectedDate]);\n  //client options\n  const clientOptions = fetchedCustomerData?.data?.map((option: any) => ({\n    label:\n      option?.customer_name?.charAt(0)?.toUpperCase() +\n      option?.customer_name?.slice(1),\n    value: option?.customer_id,\n  }));\n  //status of order\n  const orderOptions = statusOfOrder?.map((option: any) => ({\n    label:\n      option?.status_type?.charAt(0)?.toUpperCase() +\n      option?.status_type?.slice(1),\n    value: option?.type,\n  }));\n  const handleClientChange = (value: any[]) => {\n    setSelectedClient(value);\n    dispatch({\n      type: 'SET_CLIENT_FILTER',\n      payload: value,\n    });\n    // Reset to the first page\n    dispatch({\n      type: 'SET_PAGE',\n      payload: 1,\n    });\n  };\n  const handleStatusOfOrder = (value: any[]) => {\n    setStatusOfOrder(value);\n    dispatch({\n      type: 'SET_STATUS_ORDER_FILTER',\n      payload: value,\n    });\n    // Reset to the first page\n    dispatch({\n      type: 'SET_PAGE',\n      payload: 1,\n    });\n  };\n\n  const handleVehicleTypeChange = (value: any) => {\n    setSelectedVehicleType(value);\n    dispatch({\n      type: 'SET_VEHICLE_TYPE_FILTER',\n      payload: value,\n    });\n    dispatch({\n      type: 'SET_PAGE',\n      payload: 1,\n    });\n  };\n\n  const handleClearVehicleType = () => {\n    setSelectedVehicleType(null);\n    dispatch({\n      type: 'CLEAR_VEHICLE_TYPE_FILTER',\n    });\n    dispatch({\n      type: 'SET_PAGE',\n      payload: 1,\n    });\n  };\n\n  const handleClearAll = () => {\n    setSelectedDate(null);\n    setSelectedClient([]);\n    setStatusOfOrder([]);\n    setSelectedVehicleType(null);\n    dispatch({ type: 'CLEAR_ALL_FILTER' });\n  };\n\n  const handleClear = () => {\n    dispatch({\n      type: 'CLEAR_STATUS_ORDER_FILTER',\n    });\n\n    setStatusOfOrder([]);\n  };\n\n  const handleClearClient = () => {\n    dispatch({\n      type: 'CLEAR_CLIENT_FILTER',\n    });\n    setSelectedClient([]);\n  };\n  //clearing filters\n  useEffect(() => {\n    if (selectedDate === null) {\n      dispatch({ type: 'CLEAR_DATE' });\n    }\n  }, [selectedDate]);\n\n  return (\n    <>\n      <DateRangePopupStyle />\n      <StyledFiter>\n        <StyledFIlterELements>\n          <LeftSideConatiner>\n            <div className=\"filtercontainer\">\n              <div className=\"filtericon\">\n                <FilterIcon />\n              </div>\n              <div className=\"textcont\">Filters</div>\n            </div>\n            <div className=\"datefilter\">\n              <div className=\"dateiconcontainer\">\n                <DateIcon />\n              </div>\n              <StyledDatePicker>\n                <DatePicker.RangePicker\n                  className=\"custom-datepicker\"\n                  popupClassName=\"date-range-mobile-popup\"\n                  onChange={handleDateChange}\n                  style={{ width: '220px' }}\n                  value={\n                    selectedDate\n                      ? [dayjs(selectedDate[0]), dayjs(selectedDate[1])]\n                      : null\n                  }\n                  format=\"DD/MM/YY\"\n                  placeholder={['Start date', 'End date']}\n                  needConfirm\n                  allowClear\n                />\n              </StyledDatePicker>\n            </div>\n            <div className=\"datefilter\">\n              <div className=\"dateiconcontainer\">\n                <StatusIcon />\n              </div>\n              <StyledAntSelect>\n                <Select\n                  mode=\"multiple\"\n                  options={orderOptions}\n                  className=\"custom-select\"\n                  placeholder=\"Status of Order\"\n                  onChange={handleStatusOfOrder}\n                  style={{ minWidth: '250px', maxWidth: '300px' }}\n                  value={statusOrder}\n                  onClear={handleClear}\n                  allowClear\n                  maxTagCount=\"responsive\"\n                />\n              </StyledAntSelect>\n            </div>\n            <div className=\"datefilter\">\n              <div className=\"dateiconcontainer\">\n                <ClientIcon />\n              </div>\n              <StyledAntSelect>\n                <Select\n                  mode=\"multiple\"\n                  options={clientOptions}\n                  className=\"custom-select\"\n                  placeholder=\"Clients\"\n                  onChange={handleClientChange}\n                  value={selectedClient}\n                  style={{\n                    minWidth: '150px',\n                    width: 'auto',\n                    cursor: 'pointer',\n                  }}\n                  allowClear\n                  onClear={handleClearClient}\n                  filterOption={(input: any, option: any) =>\n                    (option?.label ?? '')\n                      .toLowerCase()\n                      .includes(input.toLowerCase())\n                  }\n                  showSearch\n                  maxTagCount=\"responsive\"\n                />\n              </StyledAntSelect>\n            </div>\n\n            <div className=\"datefilter\">\n              <div className=\"dateiconcontainer\">\n                <VehicleIcon />\n              </div>\n              <StyledAntSelect>\n                <Select\n                  options={vehicleTypeOptions}\n                  className=\"custom-select\"\n                  placeholder=\"Vehicle Type\"\n                  onChange={handleVehicleTypeChange}\n                  value={selectedVehicleType}\n                  style={{ minWidth: '150px' }}\n                  allowClear\n                  onClear={handleClearVehicleType}\n                />\n              </StyledAntSelect>\n            </div>\n\n            {selectedDate ||\n              statusOrder?.length ||\n              selectedClient?.length ||\n              selectedVehicleType ? (\n              <>\n                <ClearAll onClick={handleClearAll}>\n                  <StyledFilterBtnIcon>\n                    <i className=\"cross\"></i>\n                  </StyledFilterBtnIcon>\n                  <StyledFilterBtnLabel>Clear all</StyledFilterBtnLabel>\n                </ClearAll>\n              </>\n            ) : null}\n\n          </LeftSideConatiner>\n        </StyledFIlterELements>\n        <TableFilters />\n      </StyledFiter>\n    </>\n  );\n};\nconst StyledDatePicker = styled.div`\n  .custom-datepicker {\n    border: none;\n  }\n`;\n// const DropdownContainer = styled.div``;\nexport const StyledAntSelect = styled.div`\n  .custom-select {\n    border: none;\n    width: 80px;\n  }\n  .ant-select-selector {\n    border: 1px solid #ffffff !important;\n  }\n  :where(.css-dev-only-do-not-override-m4timi).ant-select-single:not(.ant-select-customize-input)\n    .ant-select-selector {\n    padding: 0 5px;\n  }\n  :where(.css-dev-only-do-not-override-m4timi).ant-select-outlined:not(.ant-select-customize-input)\n    .ant-select-selector {\n    border: none;\n  }\n  .roundbox {\n    display: flex;\n    width: 18px;\n    height: 18px;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    border-radius: 18px;\n    background: #fff;\n    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);\n    left: 359px;\n    position: absolute;\n    border-radius: 18px;\n    background: #fff;\n    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);\n    top: 16px;\n  }\n  .ant-select-clear {\n    top: 40% !important;\n    font-size: 18px !important;\n  }\n`;\nexport default ReturnOrderFilter;\n"],"names":["vehicleTypeOptions","ReturnOrderFilter","dispatch","useAtom","filtersReducerReturnAtom","selectedDate","setSelectedDate","useState","statusOfOrder","useStatusOrderData","selectedClient","setSelectedClient","statusOrder","setStatusOfOrder","selectedVehicleType","setSelectedVehicleType","fetchedCustomerData","fetchData","useAxios","useEffect","handleDateChange","dates","clientOptions","option","orderOptions","handleClientChange","value","handleStatusOfOrder","handleVehicleTypeChange","handleClearVehicleType","handleClearAll","handleClear","handleClearClient","jsxs","Fragment","jsx","DateRangePopupStyle","StyledFiter","StyledFIlterELements","LeftSideConatiner","FilterIcon","DateIcon","StyledDatePicker","DatePicker","dayjs","StatusIcon","StyledAntSelect","Select","ClientIcon","input","VehicleIcon","ClearAll","StyledFilterBtnIcon","StyledFilterBtnLabel","TableFilters","styled"],"mappings":"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"}

package/dist/components/order-daily-overview/return-after-table/table-filters/TableFilters.js

@@ -1,11 +1,12 @@
-import { jsxs as n, jsx as s } from "react/jsx-runtime";
-import { ExportButton as i } from "@bjsdistribution/dms-component-library";
-import f from "styled-components";
-import { useReturnAfterOrderData as l } from "../../../order-view/store.js";
+import { jsxs as n, jsx as i } from "react/jsx-runtime";
+import { ExportButton as s } from "@bjsdistribution/dms-component-library";
+import l from "styled-components";
+import { useReturnAfterOrderData as f } from "../../../order-view/store.js";
 import { filtersReducerReturnAtom as m } from "./ReturnFilterStore.js";
-import { useAtom as u } from "jotai";
-const _ = () => {
-  const [e] = u(m), [r] = l(), { "x-filters": t } = e, o = {
+import { device as a } from "../../common/mediaQuery.js";
+import { useAtom as p } from "jotai";
+const g = () => {
+  const [e] = p(m), [r] = f(), { "x-filters": t } = e, o = {
     isExportedData: !(r?.length <= 0),
     moduleName: "return",
     filter: t,
@@ -14,16 +15,21 @@ const _ = () => {
     reference: "return_overview_export",
     feature_name: "return"
   };
-  return /* @__PURE__ */ n(a, { children: [
+  return /* @__PURE__ */ n(u, { children: [
     " ",
-    /* @__PURE__ */ s(i, { moduleInfoModule: o })
+    /* @__PURE__ */ i(s, { moduleInfoModule: o })
   ] });
-}, a = f.div`
+}, u = l.div`
   display: flex;
   gap: 16px;
   align-items: center;
+
+  @media ${a.filterCollapse} {
+    flex-shrink: 0;
+    white-space: nowrap;
+  }
 `;
 export {
-  _ as default
+  g as default
 };
 //# sourceMappingURL=TableFilters.js.map

package/dist/components/order-daily-overview/return-after-table/table-filters/TableFilters.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableFilters.js","sources":["../../../../../src/components/order-daily-overview/return-after-table/table-filters/TableFilters.tsx"],"sourcesContent":["import { ExportButton } from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useAtom, useReturnAfterOrderData } from '../../../order-view/store';\nimport { filtersReducerReturnAtom } from './ReturnFilterStore';\n\nconst TableFilters = () => {\n  const [state] = useAtom(filtersReducerReturnAtom);\n  const [returnAfterOrder] = useReturnAfterOrderData();\n\n  const { 'x-filters': filters } = state;\n  const moduleInfo = {\n    isExportedData: returnAfterOrder?.length <= 0 ? false : true,\n    moduleName: 'return',\n    filter: filters,\n    file_type: 'csv',\n    apiUrlEndPoint: `v1/return/orders/`,\n    reference: 'return_overview_export',\n    feature_name: 'return',\n  };\n  return (\n    <Container>\n      {' '}\n      <ExportButton moduleInfoModule={moduleInfo} />\n    </Container>\n  );\n};\nconst Container = styled.div`\n  display: flex;\n  gap: 16px;\n  align-items: center;\n`;\nexport default TableFilters;\n"],"names":["TableFilters","state","useAtom","filtersReducerReturnAtom","returnAfterOrder","useReturnAfterOrderData","filters","moduleInfo","Container","jsx","ExportButton","styled"],"mappings":";;;;;;AAMA,MAAMA,IAAe,MAAM;AACzB,QAAM,CAACC,CAAK,IAAIC,EAAQC,CAAwB,GAC1C,CAACC,CAAgB,IAAIC,EAAA,GAErB,EAAE,aAAaC,EAAA,IAAYL,GAC3BM,IAAa;AAAA,IACjB,gBAAgB,EAAAH,GAAkB,UAAU;AAAA,IAC5C,YAAY;AAAA,IACZ,QAAQE;AAAA,IACR,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,cAAc;AAAA,EAAA;AAEhB,2BACGE,GAAA,EACE,UAAA;AAAA,IAAA;AAAA,IACD,gBAAAC,EAACC,GAAA,EAAa,kBAAkBH,EAAA,CAAY;AAAA,EAAA,GAC9C;AAEJ,GACMC,IAAYG,EAAO;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"TableFilters.js","sources":["../../../../../src/components/order-daily-overview/return-after-table/table-filters/TableFilters.tsx"],"sourcesContent":["import { ExportButton } from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useAtom, useReturnAfterOrderData } from '../../../order-view/store';\nimport { filtersReducerReturnAtom } from './ReturnFilterStore';\nimport { device } from '../../common/mediaQuery';\n\nconst TableFilters = () => {\n  const [state] = useAtom(filtersReducerReturnAtom);\n  const [returnAfterOrder] = useReturnAfterOrderData();\n\n  const { 'x-filters': filters } = state;\n  const moduleInfo = {\n    isExportedData: returnAfterOrder?.length <= 0 ? false : true,\n    moduleName: 'return',\n    filter: filters,\n    file_type: 'csv',\n    apiUrlEndPoint: `v1/return/orders/`,\n    reference: 'return_overview_export',\n    feature_name: 'return',\n  };\n  return (\n    <Container>\n      {' '}\n      <ExportButton moduleInfoModule={moduleInfo} />\n    </Container>\n  );\n};\nconst Container = styled.div`\n  display: flex;\n  gap: 16px;\n  align-items: center;\n\n  @media ${device.filterCollapse} {\n    flex-shrink: 0;\n    white-space: nowrap;\n  }\n`;\nexport default TableFilters;\n"],"names":["TableFilters","state","useAtom","filtersReducerReturnAtom","returnAfterOrder","useReturnAfterOrderData","filters","moduleInfo","Container","jsx","ExportButton","styled","device"],"mappings":";;;;;;;AAOA,MAAMA,IAAe,MAAM;AACzB,QAAM,CAACC,CAAK,IAAIC,EAAQC,CAAwB,GAC1C,CAACC,CAAgB,IAAIC,EAAA,GAErB,EAAE,aAAaC,EAAA,IAAYL,GAC3BM,IAAa;AAAA,IACjB,gBAAgB,EAAAH,GAAkB,UAAU;AAAA,IAC5C,YAAY;AAAA,IACZ,QAAQE;AAAA,IACR,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,cAAc;AAAA,EAAA;AAEhB,2BACGE,GAAA,EACE,UAAA;AAAA,IAAA;AAAA,IACD,gBAAAC,EAACC,GAAA,EAAa,kBAAkBH,EAAA,CAAY;AAAA,EAAA,GAC9C;AAEJ,GACMC,IAAYG,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,WAKdC,EAAO,cAAc;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-daily-overview/return-order-table/return-orders-filters/ReturnFilter.js

@@ -2,15 +2,15 @@ import { jsx as e, Fragment as i, jsxs as l } from "react/jsx-runtime";
 import { useEffect as m } from "react";
 import { StyledFiter as R, Text as b, StyledFIlterELements as A, StyledTableFilter as N } from "../../filters/FilterStyle.js";
 import w from "./RightFilters.js";
-import { useCustomerData as E, useClientPortal as L, useStatsCPCount as j, useSearchAfterText as v, useSearchText as B } from "../../../store.js";
+import { useCustomerData as B, useClientPortal as E, useStatsCPCount as L, useSearchAfterText as j, useSearchText as v } from "../../../store.js";
 import { useParams as D } from "react-router-dom";
 import I from "../../../client-portal/ReturnRTFilters.js";
 import { useAxios as O, GlobalElements as a } from "@bjsdistribution/dms-component-library";
 import "@bjsdistribution/dms-component-library/style.css";
-import { dateFilterCPReducer as q } from "../../../client-portal/DateFilterStore.js";
-import { useAtom as G } from "jotai";
+import { dateFilterCPReducer as $ } from "../../../client-portal/DateFilterStore.js";
+import { useAtom as q } from "jotai";
 const Z = ({ data: d, payload: u }) => {
-  const [p] = E(), [o] = L(), { status: r } = D(), [f, h] = j(), [n] = v(), [g] = B(), [x] = G(q), { "x-filters": c } = x, S = c.filter((t) => t.field !== "order_status"), _ = new URLSearchParams(location.search).get("customerId"), C = p?.find(
+  const [p] = B(), [o] = E(), { status: r } = D(), [f, h] = L(), [n] = j(), [g] = v(), [x] = q($), { "x-filters": c } = x, S = c.filter((t) => t.field !== "order_status"), _ = new URLSearchParams(location.search).get("customerId"), C = p?.find(
     (t) => t?.customer_id?.toString() === _
   )?.customer_name, F = (t) => {
     switch (t) {
@@ -36,7 +36,7 @@ const Z = ({ data: d, payload: u }) => {
   }, [T]), /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(R, { children: o ? /* @__PURE__ */ l(
     "div",
     {
-      className: a.managementBar,
+      className: `${a.managementBar} cpManagementBar`,
       style: {
         width: "calc(100% + 32px)",
         margin: "-40px -16px 15px"

package/dist/components/order-daily-overview/return-order-table/return-orders-filters/ReturnFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReturnFilter.js","sources":["../../../../../src/components/order-daily-overview/return-order-table/return-orders-filters/ReturnFilter.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport {\n  StyledFIlterELements,\n  StyledFiter,\n  StyledTableFilter,\n  Text,\n} from '../../filters/FilterStyle';\nimport RightFilters from './RightFilters';\nimport {\n  useAtom,\n  useClientPortal,\n  useCustomerData,\n  useSearchAfterText,\n  useSearchText,\n  useStatsCPCount,\n} from '../../../store';\nimport { useParams } from 'react-router-dom';\nimport ReturnRTFilters from '../../../client-portal/ReturnRTFilters';\nimport { returnCountType } from '../../../client-portal/ReturnStatus';\nimport { GlobalElements, useAxios } from '@bjsdistribution/dms-component-library';\nimport '@bjsdistribution/dms-component-library/style.css';\nimport { dateFilterCPReducer } from '../../../client-portal/DateFilterStore';\n\nconst ReturnFilter = ({ data, payload }: { data?: any; payload?: any }) => {\n  const [customers] = useCustomerData();\n  const [clientPortal] = useClientPortal();\n  const { status } = useParams();\n  const [count, setCount] = useStatsCPCount();\n  const [debouncedSearchAfterText] = useSearchAfterText();\n  const [debouncedSearchText] = useSearchText();\n\n  const [state] = useAtom(dateFilterCPReducer);\n  const { 'x-filters': filters } = state;\n\n  const cleanedFilters = filters.filter(f => f.field !== 'order_status');\n\n  const queryParams = new URLSearchParams(location.search);\n  const customerId = queryParams.get('customerId');\n\n  const selectedCustomer = customers?.find(\n    (customer: any) => customer?.customer_id?.toString() === customerId\n  );\n\n  const customerName = selectedCustomer?.customer_name;\n  // const accountNumber = selectedCustomer?.account_number;\n\n  const getStatusLabel = (status: string) => {\n    switch (status) {\n      case 'outstanding_return':\n        return 'Outstanding Return';\n      case 'scheduled_for_return':\n        return 'All Scheduled Orders';\n      case 'return_completed':\n        // return 'View Return Order';\n        return 'Completed Return';\n      default:\n        return status\n          .replace(/_/g, ' ')\n          .replace(/\\b\\w/g, char => char.toUpperCase());\n    }\n  };\n\n  const { data: statsData, loading: statsApiLoading, fetchData } = useAxios<{\n    data: returnCountType[];\n  }>({\n    endpoint: `v1/portal/return/stats/`,\n    method: 'GET',\n    pagination: { is_pagination: false },\n    filters: cleanedFilters,\n  });\n\n  useEffect(() => {\n    if (\n      clientPortal &&\n      debouncedSearchAfterText === '' &&\n      status == 'return_completed'\n    ) {\n      fetchData();\n    }\n  }, [debouncedSearchAfterText, debouncedSearchText, JSON.stringify(filters)]);\n\n  useEffect(() => {\n    if (statsData?.data && typeof statsData?.data === 'object') {\n      setCount(statsData?.data);\n    }\n  }, [statsApiLoading]);\n\n  return (\n    <>\n      <StyledFiter>\n        {!clientPortal ? (\n          <>\n            <Text>{customerName}</Text>\n            <StyledFIlterELements>\n              <StyledTableFilter />\n            </StyledFIlterELements>\n            <RightFilters />\n          </>\n        ) : (\n          <div\n            className={GlobalElements.managementBar}\n            style={{\n              width: 'calc(100% + 32px)',\n              margin: '-40px -16px 15px',\n            }}\n          >\n            <h2 className={GlobalElements.managementBarTitle}>\n              {status\n                ? `${getStatusLabel(status)} (${count?.completed_count})`\n                : ''}\n            </h2>\n            <div className={GlobalElements.managementBarActions}>\n              <ReturnRTFilters data={data} payload={payload} />\n            </div>\n          </div>\n        )}\n      </StyledFiter>\n    </>\n  );\n};\n\nexport default ReturnFilter;\n"],"names":["ReturnFilter","data","payload","customers","useCustomerData","clientPortal","useClientPortal","status","useParams","count","setCount","useStatsCPCount","debouncedSearchAfterText","useSearchAfterText","debouncedSearchText","useSearchText","state","useAtom","dateFilterCPReducer","filters","cleanedFilters","f","customerId","customerName","customer","getStatusLabel","char","statsData","statsApiLoading","fetchData","useAxios","useEffect","jsx","Fragment","StyledFiter","jsxs","GlobalElements","ReturnRTFilters","Text","StyledFIlterELements","StyledTableFilter","RightFilters"],"mappings":";;;;;;;;;;;AAuBA,MAAMA,IAAe,CAAC,EAAE,MAAAC,GAAM,SAAAC,QAA6C;AACzE,QAAM,CAACC,CAAS,IAAIC,EAAA,GACd,CAACC,CAAY,IAAIC,EAAA,GACjB,EAAE,QAAAC,EAAA,IAAWC,EAAA,GACb,CAACC,GAAOC,CAAQ,IAAIC,EAAA,GACpB,CAACC,CAAwB,IAAIC,EAAA,GAC7B,CAACC,CAAmB,IAAIC,EAAA,GAExB,CAACC,CAAK,IAAIC,EAAQC,CAAmB,GACrC,EAAE,aAAaC,EAAA,IAAYH,GAE3BI,IAAiBD,EAAQ,OAAO,CAAAE,MAAKA,EAAE,UAAU,cAAc,GAG/DC,IADc,IAAI,gBAAgB,SAAS,MAAM,EACxB,IAAI,YAAY,GAMzCC,IAJmBpB,GAAW;AAAA,IAClC,CAACqB,MAAkBA,GAAU,aAAa,eAAeF;AAAA,EAAA,GAGpB,eAGjCG,IAAiB,CAAClB,MAAmB;AACzC,YAAQA,GAAAA;AAAAA,MACN,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AAEH,eAAO;AAAA,MACT;AACE,eAAOA,EACJ,QAAQ,MAAM,GAAG,EACjB,QAAQ,SAAS,CAAAmB,MAAQA,EAAK,YAAA,CAAa;AAAA,IAAA;AAAA,EAEpD,GAEM,EAAE,MAAMC,GAAW,SAASC,GAAiB,WAAAC,EAAA,IAAcC,EAE9D;AAAA,IACD,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,YAAY,EAAE,eAAe,GAAA;AAAA,IAC7B,SAASV;AAAA,EAAA,CACV;AAED,SAAAW,EAAU,MAAM;AACd,IACE1B,KACAO,MAA6B,MAC7BL,KAAU,sBAEVsB,EAAA;AAAA,EAEJ,GAAG,CAACjB,GAA0BE,GAAqB,KAAK,UAAUK,CAAO,CAAC,CAAC,GAE3EY,EAAU,MAAM;AACd,IAAIJ,GAAW,QAAQ,OAAOA,GAAW,QAAS,YAChDjB,EAASiB,GAAW,IAAI;AAAA,EAE5B,GAAG,CAACC,CAAe,CAAC,GAGlB,gBAAAI,EAAAC,GAAA,EACE,UAAA,gBAAAD,EAACE,GAAA,EACE,UAAC7B,IASA,gBAAA8B;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAe;AAAA,MAC1B,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,MAGV,UAAA;AAAA,QAAA,gBAAAJ,EAAC,MAAA,EAAG,WAAWI,EAAe,oBAC3B,UAAA7B,IACG,GAAGkB,EAAelB,CAAM,CAAC,KAAKE,GAAO,eAAe,MACpD,IACN;AAAA,QACA,gBAAAuB,EAAC,SAAI,WAAWI,EAAe,sBAC7B,UAAA,gBAAAJ,EAACK,GAAA,EAAgB,MAAApC,GAAY,SAAAC,EAAA,CAAkB,EAAA,CACjD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAtBF,gBAAAiC,EAAAF,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAD,EAACM,KAAM,UAAAf,EAAA,CAAa;AAAA,IACpB,gBAAAS,EAACO,GAAA,EACC,UAAA,gBAAAP,EAACQ,GAAA,CAAA,CAAkB,GACrB;AAAA,sBACCC,GAAA,CAAA,CAAa;AAAA,EAAA,EAAA,CAChB,GAmBJ,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"ReturnFilter.js","sources":["../../../../../src/components/order-daily-overview/return-order-table/return-orders-filters/ReturnFilter.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport {\n  StyledFIlterELements,\n  StyledFiter,\n  StyledTableFilter,\n  Text,\n} from '../../filters/FilterStyle';\nimport RightFilters from './RightFilters';\nimport {\n  useAtom,\n  useClientPortal,\n  useCustomerData,\n  useSearchAfterText,\n  useSearchText,\n  useStatsCPCount,\n} from '../../../store';\nimport { useParams } from 'react-router-dom';\nimport ReturnRTFilters from '../../../client-portal/ReturnRTFilters';\nimport { returnCountType } from '../../../client-portal/ReturnStatus';\nimport { GlobalElements, useAxios } from '@bjsdistribution/dms-component-library';\nimport '@bjsdistribution/dms-component-library/style.css';\nimport { dateFilterCPReducer } from '../../../client-portal/DateFilterStore';\n\nconst ReturnFilter = ({ data, payload }: { data?: any; payload?: any }) => {\n  const [customers] = useCustomerData();\n  const [clientPortal] = useClientPortal();\n  const { status } = useParams();\n  const [count, setCount] = useStatsCPCount();\n  const [debouncedSearchAfterText] = useSearchAfterText();\n  const [debouncedSearchText] = useSearchText();\n\n  const [state] = useAtom(dateFilterCPReducer);\n  const { 'x-filters': filters } = state;\n\n  const cleanedFilters = filters.filter(f => f.field !== 'order_status');\n\n  const queryParams = new URLSearchParams(location.search);\n  const customerId = queryParams.get('customerId');\n\n  const selectedCustomer = customers?.find(\n    (customer: any) => customer?.customer_id?.toString() === customerId\n  );\n\n  const customerName = selectedCustomer?.customer_name;\n  // const accountNumber = selectedCustomer?.account_number;\n\n  const getStatusLabel = (status: string) => {\n    switch (status) {\n      case 'outstanding_return':\n        return 'Outstanding Return';\n      case 'scheduled_for_return':\n        return 'All Scheduled Orders';\n      case 'return_completed':\n        // return 'View Return Order';\n        return 'Completed Return';\n      default:\n        return status\n          .replace(/_/g, ' ')\n          .replace(/\\b\\w/g, char => char.toUpperCase());\n    }\n  };\n\n  const { data: statsData, loading: statsApiLoading, fetchData } = useAxios<{\n    data: returnCountType[];\n  }>({\n    endpoint: `v1/portal/return/stats/`,\n    method: 'GET',\n    pagination: { is_pagination: false },\n    filters: cleanedFilters,\n  });\n\n  useEffect(() => {\n    if (\n      clientPortal &&\n      debouncedSearchAfterText === '' &&\n      status == 'return_completed'\n    ) {\n      fetchData();\n    }\n  }, [debouncedSearchAfterText, debouncedSearchText, JSON.stringify(filters)]);\n\n  useEffect(() => {\n    if (statsData?.data && typeof statsData?.data === 'object') {\n      setCount(statsData?.data);\n    }\n  }, [statsApiLoading]);\n\n  return (\n    <>\n      <StyledFiter>\n        {!clientPortal ? (\n          <>\n            <Text>{customerName}</Text>\n            <StyledFIlterELements>\n              <StyledTableFilter />\n            </StyledFIlterELements>\n            <RightFilters />\n          </>\n        ) : (\n          <div\n            className={`${GlobalElements.managementBar} cpManagementBar`}\n            style={{\n              width: 'calc(100% + 32px)',\n              margin: '-40px -16px 15px',\n            }}\n          >\n            <h2 className={GlobalElements.managementBarTitle}>\n              {status\n                ? `${getStatusLabel(status)} (${count?.completed_count})`\n                : ''}\n            </h2>\n            <div className={GlobalElements.managementBarActions}>\n              <ReturnRTFilters data={data} payload={payload} />\n            </div>\n          </div>\n        )}\n      </StyledFiter>\n    </>\n  );\n};\n\nexport default ReturnFilter;\n"],"names":["ReturnFilter","data","payload","customers","useCustomerData","clientPortal","useClientPortal","status","useParams","count","setCount","useStatsCPCount","debouncedSearchAfterText","useSearchAfterText","debouncedSearchText","useSearchText","state","useAtom","dateFilterCPReducer","filters","cleanedFilters","f","customerId","customerName","customer","getStatusLabel","char","statsData","statsApiLoading","fetchData","useAxios","useEffect","jsx","Fragment","StyledFiter","jsxs","GlobalElements","ReturnRTFilters","Text","StyledFIlterELements","StyledTableFilter","RightFilters"],"mappings":";;;;;;;;;;;AAuBA,MAAMA,IAAe,CAAC,EAAE,MAAAC,GAAM,SAAAC,QAA6C;AACzE,QAAM,CAACC,CAAS,IAAIC,EAAA,GACd,CAACC,CAAY,IAAIC,EAAA,GACjB,EAAE,QAAAC,EAAA,IAAWC,EAAA,GACb,CAACC,GAAOC,CAAQ,IAAIC,EAAA,GACpB,CAACC,CAAwB,IAAIC,EAAA,GAC7B,CAACC,CAAmB,IAAIC,EAAA,GAExB,CAACC,CAAK,IAAIC,EAAQC,CAAmB,GACrC,EAAE,aAAaC,EAAA,IAAYH,GAE3BI,IAAiBD,EAAQ,OAAO,CAAAE,MAAKA,EAAE,UAAU,cAAc,GAG/DC,IADc,IAAI,gBAAgB,SAAS,MAAM,EACxB,IAAI,YAAY,GAMzCC,IAJmBpB,GAAW;AAAA,IAClC,CAACqB,MAAkBA,GAAU,aAAa,eAAeF;AAAA,EAAA,GAGpB,eAGjCG,IAAiB,CAAClB,MAAmB;AACzC,YAAQA,GAAAA;AAAAA,MACN,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AAEH,eAAO;AAAA,MACT;AACE,eAAOA,EACJ,QAAQ,MAAM,GAAG,EACjB,QAAQ,SAAS,CAAAmB,MAAQA,EAAK,YAAA,CAAa;AAAA,IAAA;AAAA,EAEpD,GAEM,EAAE,MAAMC,GAAW,SAASC,GAAiB,WAAAC,EAAA,IAAcC,EAE9D;AAAA,IACD,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,YAAY,EAAE,eAAe,GAAA;AAAA,IAC7B,SAASV;AAAA,EAAA,CACV;AAED,SAAAW,EAAU,MAAM;AACd,IACE1B,KACAO,MAA6B,MAC7BL,KAAU,sBAEVsB,EAAA;AAAA,EAEJ,GAAG,CAACjB,GAA0BE,GAAqB,KAAK,UAAUK,CAAO,CAAC,CAAC,GAE3EY,EAAU,MAAM;AACd,IAAIJ,GAAW,QAAQ,OAAOA,GAAW,QAAS,YAChDjB,EAASiB,GAAW,IAAI;AAAA,EAE5B,GAAG,CAACC,CAAe,CAAC,GAGlB,gBAAAI,EAAAC,GAAA,EACE,UAAA,gBAAAD,EAACE,GAAA,EACE,UAAC7B,IASA,gBAAA8B;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAGC,EAAe,aAAa;AAAA,MAC1C,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,MAGV,UAAA;AAAA,QAAA,gBAAAJ,EAAC,MAAA,EAAG,WAAWI,EAAe,oBAC3B,UAAA7B,IACG,GAAGkB,EAAelB,CAAM,CAAC,KAAKE,GAAO,eAAe,MACpD,IACN;AAAA,QACA,gBAAAuB,EAAC,SAAI,WAAWI,EAAe,sBAC7B,UAAA,gBAAAJ,EAACK,GAAA,EAAgB,MAAApC,GAAY,SAAAC,EAAA,CAAkB,EAAA,CACjD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAtBF,gBAAAiC,EAAAF,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAD,EAACM,KAAM,UAAAf,EAAA,CAAa;AAAA,IACpB,gBAAAS,EAACO,GAAA,EACC,UAAA,gBAAAP,EAACQ,GAAA,CAAA,CAAkB,GACrB;AAAA,sBACCC,GAAA,CAAA,CAAa;AAAA,EAAA,EAAA,CAChB,GAmBJ,EAAA,CACF;AAEJ;"}