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

package/dist/components/client-portal/OutstandingTable.js

@@ -1,149 +1,147 @@
-import { jsx as t, Fragment as X, jsxs as r } from "react/jsx-runtime";
-import { useAxios as Y, Checkbox as L, displayValueOrNA as o, toReverseDeliveryLabel as P } from "@bjsdistribution/dms-component-library";
-import { notification as Z, Skeleton as ee, Empty as te } from "antd";
-import { format as ne } from "date-fns";
-import { useAtom as T } from "jotai";
-import { useRef as A, useState as E, useMemo as re, useEffect as m } from "react";
-import { NavLink as oe } from "react-router-dom";
-import { filtersReducerAtom as ce } from "../order-daily-overview/header-filters/filterStore.js";
-import { useClientOutstandingReturnData as ie, useLocationData as ae, useClientPortal as le, useSelectedClientPortOrders as de, useSearchText as se } from "../store.js";
-import { usefetchAgain as he } from "../order-view/store.js";
-import { useLoading as ue, usePrintOptionTOggle as pe, UsePaginationData as fe } from "../order-daily-overview/store/store.js";
-import me from "../../common/SortIcon.js";
-import F from "../../common/CaretDownFilledIcon.js";
-import { StyledTableWrapper as ge, StyledTable as _e, EmptyDataContainer as Ce, CustomDrop as ye } from "../order-daily-overview/return-order-table/return-orders-filters/returnstyles.js";
-import De from "../../assets/icons/PrinterIcon.js";
-import Se from "../../assets/icons/DownIcon.js";
-import ve from "../order-view/details-filters/left-side-filters/dropdowns/PrintDropDownReturn.js";
+import { jsx as e, Fragment as Q, jsxs as r } from "react/jsx-runtime";
+import { useAxios as X, Checkbox as w, displayValueOrNA as o } from "@bjsdistribution/dms-component-library";
+import { notification as Y, Skeleton as Z, Empty as ee } from "antd";
+import { format as te } from "date-fns";
+import { useAtom as P } from "jotai";
+import { useRef as T, useState as L, useMemo as ne, useEffect as f } from "react";
+import { NavLink as re } from "react-router-dom";
+import { filtersReducerAtom as oe } from "../order-daily-overview/header-filters/filterStore.js";
+import { useClientOutstandingReturnData as ce, useLocationData as ie, useClientPortal as ae, useSelectedClientPortOrders as le, useSearchText as de } from "../store.js";
+import { usefetchAgain as se } from "../order-view/store.js";
+import { useLoading as he, usePrintOptionTOggle as ue, UsePaginationData as pe } from "../order-daily-overview/store/store.js";
+import fe from "../../common/SortIcon.js";
+import A from "../../common/CaretDownFilledIcon.js";
+import { StyledTableWrapper as me, StyledTable as ge, EmptyDataContainer as _e, CustomDrop as Ce } from "../order-daily-overview/return-order-table/return-orders-filters/returnstyles.js";
+import ye from "../../assets/icons/PrinterIcon.js";
+import De from "../../assets/icons/DownIcon.js";
+import Se from "../order-view/details-filters/left-side-filters/dropdowns/PrintDropDownReturn.js";
 import { dateFilterCPReducer as Ne } from "./DateFilterStore.js";
-import { WEIGHT_UNIT as x, VOLUME_UNIT as Re } from "../../common/utils.js";
-const $e = () => {
-  const [U] = T(ce), { "x-pagination": Ie } = U, [
+import { WEIGHT_UNIT as E, VOLUME_UNIT as Ie } from "../../common/utils.js";
+const Ke = () => {
+  const [F] = P(oe), { "x-pagination": Oe } = F, [
     s,
-    D
-  ] = ie(), [W, S] = ue(), M = A(null), g = A(null), [v, N] = pe(), [_] = ae(), [, j] = fe(), [G] = he(), [p] = le(), [J, C] = de(), [V, B] = E(!1), [R] = se(), [I] = T(Ne), { "x-filters": H } = I, [a, K] = E(null), h = (e) => {
-    K((n) => n?.key === e && n.direction === "asc" ? { key: e, direction: "desc" } : { key: e, direction: "asc" });
-  }, b = re(() => {
+    y
+  ] = ce(), [x, D] = he(), U = T(null), m = T(null), [S, N] = ue(), [g] = ie(), [, W] = pe(), [M] = se(), [j] = ae(), [G, _] = le(), [J, V] = L(!1), [I] = de(), [O] = P(Ne), { "x-filters": B } = O, [a, H] = L(null), h = (t) => {
+    H((n) => n?.key === t && n.direction === "asc" ? { key: t, direction: "desc" } : { key: t, direction: "asc" });
+  }, R = ne(() => {
     if (!s || !a) return s;
-    const { key: e, direction: n } = a;
-    return [...s].sort((i, y) => {
-      const l = i[e], d = y[e];
+    const { key: t, direction: n } = a;
+    return [...s].sort((i, C) => {
+      const l = i[t], d = C[t];
       return typeof l == "number" && typeof d == "number" ? n === "asc" ? l - d : d - l : typeof l == "string" && typeof d == "string" ? n === "asc" ? l.localeCompare(d) : d.localeCompare(l) : 0;
     });
-  }, [s, a]), u = (e) => !a || a.key !== e ? /* @__PURE__ */ t(me, {}) : a.direction === "asc" ? /* @__PURE__ */ t(F, {}) : /* @__PURE__ */ t(F, { style: { transform: "rotate(180deg)" } }), $ = (e) => {
-    N((n) => n === e ? null : e);
+  }, [s, a]), u = (t) => !a || a.key !== t ? /* @__PURE__ */ e(fe, {}) : a.direction === "asc" ? /* @__PURE__ */ e(A, {}) : /* @__PURE__ */ e(A, { style: { transform: "rotate(180deg)" } }), K = (t) => {
+    N((n) => n === t ? null : t);
   };
-  m(() => (document.addEventListener("mousedown", O), () => {
-    document.removeEventListener("mousedown", O);
+  f(() => (document.addEventListener("mousedown", b), () => {
+    document.removeEventListener("mousedown", b);
   }), []);
-  const O = (e) => {
-    g.current && !g.current.contains(e.target) && N(null);
-  }, q = H.filter((e) => e.field !== "order_status"), k = [...[
+  const b = (t) => {
+    m.current && !m.current.contains(t.target) && N(null);
+  }, $ = B.filter((t) => t.field !== "order_status"), k = [...[
     { field: "isdeleted", op: "=", value: 0 },
     { field: "product_return_action_id", op: "=", value: "RTS" }
-  ], ...q], {
+  ], ...$], {
     data: c,
-    loading: f,
-    paginationData: w,
-    fetchData: z
-  } = Y({
+    loading: p,
+    paginationData: v,
+    fetchData: q
+  } = X({
     endpoint: "/v1/return/product/pending/",
     method: "GET",
     filters: k,
     pagination: { is_pagination: !1 }
   });
-  m(() => {
-    p && R === "" && z();
-  }, [JSON.stringify(k), R]), m(() => {
-    if (S(f), c && c?.data && (D(c?.data), w))
+  f(() => {
+    j && I === "" && q();
+  }, [JSON.stringify(k), I]), f(() => {
+    if (D(p), c && c?.data && (y(c?.data), v))
       try {
-        const { count: e, ...n } = JSON.parse(w);
-        j(n);
-      } catch (e) {
-        console.error("Error parsing paginationData:", e), Z.error({
+        const { count: t, ...n } = JSON.parse(v);
+        W(n);
+      } catch (t) {
+        console.error("Error parsing paginationData:", t), Y.error({
           message: "Error",
           description: "Failed to parse pagination data"
         });
       }
-  }, [c, f]), m(() => {
-    if (S(f), c && c?.data && _) {
-      const e = c.data.map((n) => {
-        const i = _.find(
-          (y) => y?.token === n?.return_location
+  }, [c, p]), f(() => {
+    if (D(p), c && c?.data && g) {
+      const t = c.data.map((n) => {
+        const i = g.find(
+          (C) => C?.token === n?.return_location
         );
         return {
           ...n,
           new_location: i ? i?.location_name : null
         };
       });
-      D(e);
+      y(t);
     }
-  }, [c, f, _, I, G]);
-  const Q = (e) => {
-    C(
-      (n) => n.includes(e) ? n.filter((i) => i !== e) : [...n, e]
+  }, [c, p, g, O, M]);
+  const z = (t) => {
+    _(
+      (n) => n.includes(t) ? n.filter((i) => i !== t) : [...n, t]
     );
   };
-  return /* @__PURE__ */ t(X, { children: /* @__PURE__ */ t(ge, { className: "fortables", children: /* @__PURE__ */ r(_e, { children: [
-    /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ r("tr", { children: [
-      /* @__PURE__ */ t("th", { className: "emailInvoiceCheckbox", children: /* @__PURE__ */ t(
-        L,
+  return /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(me, { className: "fortables", children: /* @__PURE__ */ r(ge, { children: [
+    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ r("tr", { children: [
+      /* @__PURE__ */ e("th", { className: "emailInvoiceCheckbox", children: /* @__PURE__ */ e(
+        w,
         {
-          checked: V,
-          onChange: (e) => {
-            const n = e.target.checked;
-            B(n), C(
+          checked: J,
+          onChange: (t) => {
+            const n = t.target.checked;
+            V(n), _(
               n ? s?.map((i) => i?.order_id) || [] : []
             );
           }
         }
       ) }),
-      /* @__PURE__ */ t("th", { onClick: () => h("return_location_name"), children: /* @__PURE__ */ r("div", { className: "sortIconClass", children: [
+      /* @__PURE__ */ e("th", { onClick: () => h("return_location_name"), children: /* @__PURE__ */ r("div", { className: "sortIconClass", children: [
         "Return Location ",
         u("return_location_name")
       ] }) }),
-      /* @__PURE__ */ t("th", { onClick: () => h("recipient_name"), children: /* @__PURE__ */ r("div", { className: "sortIconClass", children: [
+      /* @__PURE__ */ e("th", { onClick: () => h("recipient_name"), children: /* @__PURE__ */ r("div", { className: "sortIconClass", children: [
         "Recipient ",
         u("recipient_name")
       ] }) }),
-      /* @__PURE__ */ t("th", { children: "Return Action" }),
-      /* @__PURE__ */ t("th", { children: "Code" }),
-      /* @__PURE__ */ t("th", { children: "Description" }),
-      /* @__PURE__ */ t("th", { children: "Part" }),
-      /* @__PURE__ */ t("th", { onClick: () => h("weight"), children: /* @__PURE__ */ r("div", { className: "sortIconClass", children: [
+      /* @__PURE__ */ e("th", { children: "Return Action" }),
+      /* @__PURE__ */ e("th", { children: "Code" }),
+      /* @__PURE__ */ e("th", { children: "Description" }),
+      /* @__PURE__ */ e("th", { children: "Part" }),
+      /* @__PURE__ */ e("th", { onClick: () => h("weight"), children: /* @__PURE__ */ r("div", { className: "sortIconClass", children: [
         "Weight (",
-        x,
+        E,
         ") ",
         u("weight")
       ] }) }),
-      /* @__PURE__ */ t("th", { children: Re }),
-      /* @__PURE__ */ t("th", { onClick: () => h("return_reason"), children: /* @__PURE__ */ r("div", { className: "sortIconClass", children: [
+      /* @__PURE__ */ e("th", { children: Ie }),
+      /* @__PURE__ */ e("th", { onClick: () => h("return_reason"), children: /* @__PURE__ */ r("div", { className: "sortIconClass", children: [
         "Return Reason ",
         u("return_reason")
       ] }) }),
-      /* @__PURE__ */ t("th", { children: "Collected Date" }),
-      /* @__PURE__ */ t("th", { onClick: () => h("collection_reason"), children: /* @__PURE__ */ r("div", { className: "sortIconClass", children: [
-        p ? "Collection" : "Reverse Delivery",
-        " Reason",
-        " ",
+      /* @__PURE__ */ e("th", { children: "Collected" }),
+      /* @__PURE__ */ e("th", { onClick: () => h("collection_reason"), children: /* @__PURE__ */ r("div", { className: "sortIconClass", children: [
+        "Collection Reason ",
         u("collection_reason")
       ] }) }),
-      /* @__PURE__ */ t("th", { className: "emailInvoiceShare", children: "Labels" })
+      /* @__PURE__ */ e("th", { className: "emailInvoiceShare", children: "Labels" })
     ] }) }),
-    /* @__PURE__ */ t("tbody", { children: W ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { colSpan: 14, children: /* @__PURE__ */ t(ee, { active: !0 }) }) }) : b?.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { colSpan: 14, children: /* @__PURE__ */ t(Ce, { children: /* @__PURE__ */ t(te, {}) }) }) }) : b?.map((e, n) => /* @__PURE__ */ r("tr", { children: [
-      /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t(
-        L,
+    /* @__PURE__ */ e("tbody", { children: x ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 14, children: /* @__PURE__ */ e(Z, { active: !0 }) }) }) : R?.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 14, children: /* @__PURE__ */ e(_e, { children: /* @__PURE__ */ e(ee, {}) }) }) }) : R?.map((t, n) => /* @__PURE__ */ r("tr", { children: [
+      /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
+        w,
         {
-          checked: J.includes(e?.order_id),
-          onChange: () => Q(e?.order_id)
+          checked: G.includes(t?.order_id),
+          onChange: () => z(t?.order_id)
         }
       ) }),
       /* @__PURE__ */ r("td", { children: [
         " ",
-        o(e?.return_location_name)
+        o(t?.return_location_name)
       ] }),
-      /* @__PURE__ */ t("td", { children: /* @__PURE__ */ r("ul", { style: { listStyleType: "none", padding: 0 }, children: [
-        /* @__PURE__ */ t(
+      /* @__PURE__ */ e("td", { children: /* @__PURE__ */ r("ul", { style: { listStyleType: "none", padding: 0 }, children: [
+        /* @__PURE__ */ e(
           "li",
           {
             style: {
@@ -151,46 +149,42 @@ const $e = () => {
               fontWeight: 600,
               paddingLeft: 0
             },
-            children: /* @__PURE__ */ t(oe, { to: `/orders/view/${e?.order_id}`, children: o(e?.recipient_name) })
+            children: /* @__PURE__ */ e(re, { to: `/orders/view/${t?.order_id}`, children: o(t?.recipient_name) })
           }
         ),
-        /* @__PURE__ */ t("li", { style: { color: "#888075" }, children: o(e?.postcode) })
+        /* @__PURE__ */ e("li", { style: { color: "#888075" }, children: o(t?.postcode) })
       ] }) }),
-      /* @__PURE__ */ t("td", { children: o(e?.product_return_action) }),
-      /* @__PURE__ */ t("td", { children: o(e?.code) }),
-      /* @__PURE__ */ t("td", { children: o(e?.description) }),
-      /* @__PURE__ */ t("td", { children: o(e?.part) }),
+      /* @__PURE__ */ e("td", { children: o(t?.product_return_action) }),
+      /* @__PURE__ */ e("td", { children: o(t?.code) }),
+      /* @__PURE__ */ e("td", { children: o(t?.description) }),
+      /* @__PURE__ */ e("td", { children: o(t?.part) }),
       /* @__PURE__ */ r("td", { children: [
-        o(e?.weight),
+        o(t?.weight),
         " ",
-        e?.weight && e?.weight !== null ? x : ""
+        t?.weight && t?.weight !== null ? E : ""
       ] }),
-      /* @__PURE__ */ t("td", { children: o(e?.cube) }),
-      /* @__PURE__ */ t("td", { children: o(
-        p ? e?.return_reason : P(e?.return_reason)
-      ) }),
-      /* @__PURE__ */ t("td", { children: e?.collected_at ? ne(new Date(e?.collected_at), "dd/MM/yyyy") : "UNKNOWN" }),
-      /* @__PURE__ */ t("td", { children: o(
-        p ? e?.collection_reason : P(e?.collection_reason)
-      ) }),
-      /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t("ul", { className: "actionbox", children: /* @__PURE__ */ t(
-        ye,
+      /* @__PURE__ */ e("td", { children: o(t?.cube) }),
+      /* @__PURE__ */ e("td", { children: o(t?.return_reason) }),
+      /* @__PURE__ */ e("td", { children: t?.collected_at ? te(new Date(t?.collected_at), "dd/MM/yyyy") : "UNKNOWN" }),
+      /* @__PURE__ */ e("td", { children: o(t?.collection_reason) }),
+      /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("ul", { className: "actionbox", children: /* @__PURE__ */ e(
+        Ce,
         {
-          ref: M,
-          className: v === n ? "active" : "",
+          ref: U,
+          className: S === n ? "active" : "",
           children: /* @__PURE__ */ r(
             "li",
             {
               className: "shareIconContainer",
-              onClick: () => $(n),
+              onClick: () => K(n),
               children: [
-                /* @__PURE__ */ t(De, {}),
-                /* @__PURE__ */ t(Se, {}),
-                v === n && /* @__PURE__ */ t("div", { ref: g, children: /* @__PURE__ */ t(
-                  ve,
+                /* @__PURE__ */ e(ye, {}),
+                /* @__PURE__ */ e(De, {}),
+                S === n && /* @__PURE__ */ e("div", { ref: m, children: /* @__PURE__ */ e(
+                  Se,
                   {
-                    legacyURL: e?.return_order_product_label,
-                    legacyProductID: e?.legacy_product_id
+                    legacyURL: t?.return_order_product_label,
+                    legacyProductID: t?.legacy_product_id
                   }
                 ) })
               ]
@@ -198,10 +192,10 @@ const $e = () => {
           )
         }
       ) }) })
-    ] }, e.id)) })
+    ] }, t.id)) })
   ] }) }) });
 };
 export {
-  $e as default
+  Ke as default
 };
 //# sourceMappingURL=OutstandingTable.js.map

package/dist/components/client-portal/OutstandingTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"OutstandingTable.js","sources":["../../../src/components/client-portal/OutstandingTable.tsx"],"sourcesContent":["import {\n  Checkbox,\n  displayValueOrNA,\n  toReverseDeliveryLabel,\n  useAxios,\n} from '@bjsdistribution/dms-component-library';\nimport { Empty, notification, Skeleton } from 'antd';\nimport { format } from 'date-fns';\nimport { useAtom } from 'jotai';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { NavLink } from 'react-router-dom';\nimport { filtersReducerAtom } from '../order-daily-overview/header-filters/filterStore';\nimport {\n  useClientOutstandingReturnData,\n  useClientPortal,\n  useLocationData,\n  useSearchText,\n  useSelectedClientPortOrders,\n} from '../store';\nimport { usefetchAgain } from '../order-view/store';\nimport {\n  useLoading,\n  UsePaginationData,\n  usePrintOptionTOggle,\n} from '../order-daily-overview/store/store';\nimport SortIcon from '../../common/SortIcon';\nimport CaretDownFilledIcon from '../../common/CaretDownFilledIcon';\nimport { ApiResponse } from '../types';\nimport {\n  CustomDrop,\n  EmptyDataContainer,\n  StyledTable,\n  StyledTableWrapper,\n} from '../order-daily-overview/return-order-table/return-orders-filters/returnstyles';\nimport PrinterIcon from '../../assets/icons/PrinterIcon';\nimport DownIcon from '../../assets/icons/DownIcon';\nimport PrintDropDownReturn from '../order-view/details-filters/left-side-filters/dropdowns/PrintDropDownReturn';\nimport { dateFilterCPReducer } from './DateFilterStore';\nimport { WEIGHT_UNIT, VOLUME_UNIT } from '../../common/utils';\n\nconst OutstandingTable = () => {\n  const [statePagination] = useAtom(filtersReducerAtom);\n  const { 'x-pagination': pagination } = statePagination;\n  const [\n    outstandingReturnData,\n    setOutstandingReturnData,\n  ] = useClientOutstandingReturnData();\n  const [load, setLoading] = useLoading();\n  const dropdownRefParent = useRef<HTMLDivElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const [printToogle, setPrintToggle] = usePrintOptionTOggle();\n  const [locationData] = useLocationData();\n  const [, setPaginationObject] = UsePaginationData();\n  const [callForFetch] = usefetchAgain();\n  const [clientPortal] = useClientPortal();\n  const [selectedOrderIds, setSelectedOrderIds] = useSelectedClientPortOrders();\n  const [selectClientAll, setSelectClientAll] = useState(false);\n  const [debouncedSearchText] = useSearchText();\n\n  const [state] = useAtom(dateFilterCPReducer);\n  const { 'x-filters': filters } = state;\n\n  //sorting\n  const [sortConfig, setSortConfig] = useState<{\n    key: string;\n    direction: 'asc' | 'desc';\n  } | null>(null);\n\n  const handleSort = (key: string) => {\n    setSortConfig((prev: any) => {\n      if (prev?.key === key && prev.direction === 'asc') {\n        return { key, direction: 'desc' };\n      }\n      return { key, direction: 'asc' };\n    });\n  };\n\n  const sortedData = useMemo(() => {\n    if (!outstandingReturnData || !sortConfig) return outstandingReturnData;\n\n    const { key, direction } = sortConfig;\n    return [...outstandingReturnData].sort((a, b) => {\n      const valueA = a[key];\n      const valueB = b[key];\n\n      if (typeof valueA === 'number' && typeof valueB === 'number') {\n        return direction === 'asc' ? valueA - valueB : valueB - valueA;\n      }\n      if (typeof valueA === 'string' && typeof valueB === 'string') {\n        return direction === 'asc'\n          ? valueA.localeCompare(valueB)\n          : valueB.localeCompare(valueA);\n      }\n      return 0;\n    });\n  }, [outstandingReturnData, sortConfig]);\n\n  const renderSortIcon = (columnKey: string) => {\n    if (!sortConfig || sortConfig.key !== columnKey) {\n      return <SortIcon />;\n    }\n    return sortConfig.direction === 'asc' ? (\n      <CaretDownFilledIcon />\n    ) : (\n      <CaretDownFilledIcon style={{ transform: 'rotate(180deg)' }} />\n    );\n  };\n\n  const OpenDropDown = (index: number) => {\n    setPrintToggle(prevIndex => (prevIndex === index ? null : index));\n  };\n  // Close dropdown outside click\n  useEffect(() => {\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n  }, []);\n  const handleClickOutside = (event: MouseEvent) => {\n    if (\n      dropdownRef.current &&\n      !dropdownRef.current.contains(event.target as Node)\n    ) {\n      setPrintToggle(null);\n    }\n  };\n\n  const cleanedFilters = filters.filter(f => f.field !== 'order_status');\n  const baseFilters = [\n    { field: 'isdeleted', op: '=', value: 0 },\n    { field: 'product_return_action_id', op: '=', value: 'RTS' },\n  ];\n\n  const modifiedFilters = [...baseFilters, ...cleanedFilters];\n  const {\n    data: fetchedOrderData,\n    loading: returnDataLoad,\n    paginationData,\n    fetchData,\n  } = useAxios<ApiResponse>({\n    endpoint: '/v1/return/product/pending/',\n    method: 'GET',\n    filters: modifiedFilters,\n    pagination: { is_pagination: false },\n  });\n\n  useEffect(() => {\n    if (clientPortal && debouncedSearchText === '') {\n      fetchData();\n    }\n  }, [JSON.stringify(modifiedFilters), debouncedSearchText]);\n\n  useEffect(() => {\n    setLoading(returnDataLoad);\n    if (fetchedOrderData && fetchedOrderData?.data) {\n      setOutstandingReturnData(fetchedOrderData?.data);\n      if (paginationData) {\n        try {\n          const { count, ...rest } = JSON.parse(paginationData);\n          setPaginationObject(rest);\n        } catch (error) {\n          console.error('Error parsing paginationData:', error);\n          notification.error({\n            message: 'Error',\n            description: 'Failed to parse pagination data',\n          });\n        }\n      }\n    }\n  }, [fetchedOrderData, returnDataLoad]);\n\n  useEffect(() => {\n    setLoading(returnDataLoad);\n    if (fetchedOrderData && fetchedOrderData?.data && locationData) {\n      const updatedReturnData = fetchedOrderData.data.map(returnItem => {\n        const matchingLocation = locationData.find(\n          (location: any) => location?.token === returnItem?.return_location\n        );\n        return {\n          ...returnItem,\n          new_location: matchingLocation\n            ? matchingLocation?.location_name\n            : null,\n        };\n      });\n\n      setOutstandingReturnData(updatedReturnData);\n    }\n  }, [fetchedOrderData, returnDataLoad, locationData, state, callForFetch]);\n\n  //Client Portal\n  const handleSelectOrderId = (id: string | number) => {\n    setSelectedOrderIds(prev =>\n      prev.includes(id) ? prev.filter(orderId => orderId !== id) : [...prev, id]\n    );\n  };\n\n  const handleClientSelectAll = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const isChecked = e.target.checked;\n    setSelectClientAll(isChecked);\n\n    if (isChecked) {\n      setSelectedOrderIds(\n        outstandingReturnData?.map((item: any) => item?.order_id) || []\n      );\n    } else {\n      setSelectedOrderIds([]);\n    }\n  };\n  return (\n    <>\n      <StyledTableWrapper className=\"fortables\">\n        <StyledTable>\n          <thead>\n            <tr>\n              {/* <th className=\"emailInvoiceCheckbox\">\n                <Checkbox checked={selectAll} onChange={handleSelectAll} />\n              </th> */}\n              <th className=\"emailInvoiceCheckbox\">\n                <Checkbox\n                  checked={selectClientAll}\n                  onChange={handleClientSelectAll}\n                />\n              </th>\n              <th onClick={() => handleSort('return_location_name')}>\n                <div className=\"sortIconClass\">\n                  Return Location {renderSortIcon('return_location_name')}\n                </div>\n              </th>\n              <th onClick={() => handleSort('recipient_name')}>\n                <div className=\"sortIconClass\">\n                  Recipient {renderSortIcon('recipient_name')}\n                </div>\n              </th>\n              <th>Return Action</th>\n              <th>Code</th>\n              <th>Description</th>\n              <th>Part</th>\n              <th onClick={() => handleSort('weight')}>\n                <div className=\"sortIconClass\">\n                  Weight ({WEIGHT_UNIT}) {renderSortIcon('weight')}\n                </div>\n              </th>\n              <th>{VOLUME_UNIT}</th>\n              <th onClick={() => handleSort('return_reason')}>\n                <div className=\"sortIconClass\">\n                  Return Reason {renderSortIcon('return_reason')}\n                </div>\n              </th>\n              <th>{'Collected Date'}</th>\n              <th onClick={() => handleSort('collection_reason')}>\n                <div className=\"sortIconClass\">\n                  {clientPortal ? 'Collection' : 'Reverse Delivery'} Reason{' '}\n                  {renderSortIcon('collection_reason')}\n                </div>\n              </th>\n              <th className=\"emailInvoiceShare\">Labels</th>\n            </tr>\n          </thead>\n          <tbody>\n            {load ? (\n              <tr>\n                <td colSpan={14}>\n                  <Skeleton active />\n                </td>\n              </tr>\n            ) : sortedData?.length === 0 ? (\n              <tr>\n                <td colSpan={14}>\n                  <EmptyDataContainer>\n                    <Empty />\n                  </EmptyDataContainer>\n                </td>\n              </tr>\n            ) : (\n              sortedData?.map((item: any, index: any) => (\n                <tr key={item.id}>\n                  <td>\n                    <Checkbox\n                      checked={selectedOrderIds.includes(item?.order_id)}\n                      onChange={() => handleSelectOrderId(item?.order_id)}\n                    />\n                  </td>\n                  <td> {displayValueOrNA(item?.return_location_name)}</td>\n                  <td>\n                    <ul style={{ listStyleType: 'none', padding: 0 }}>\n                      <li\n                        style={{\n                          color: '#0099ff',\n                          fontWeight: 600,\n                          paddingLeft: 0,\n                        }}\n                      >\n                        <NavLink to={`/orders/view/${item?.order_id}`}>\n                          {displayValueOrNA(item?.recipient_name)}\n                        </NavLink>\n                      </li>\n                      <li style={{ color: '#888075' }}>\n                        {displayValueOrNA(item?.postcode)}\n                      </li>\n                    </ul>\n                  </td>\n                  <td>{displayValueOrNA(item?.product_return_action)}</td>\n                  <td>{displayValueOrNA(item?.code)}</td>\n                  <td>{displayValueOrNA(item?.description)}</td>\n                  <td>{displayValueOrNA(item?.part)}</td>\n                  <td>\n                    {displayValueOrNA(item?.weight)}{' '}\n                    {item?.weight && item?.weight !== null ? WEIGHT_UNIT : ''}\n                  </td>\n                  <td>{displayValueOrNA(item?.cube)}</td>\n                  <td>\n                    {displayValueOrNA(\n                      clientPortal\n                        ? item?.return_reason\n                        : toReverseDeliveryLabel(item?.return_reason)\n                    )}\n                  </td>\n                  <td>\n                    {item?.collected_at\n                      ? format(new Date(item?.collected_at), 'dd/MM/yyyy')\n                      : 'UNKNOWN'}\n                  </td>\n\n                  <td>\n                    {displayValueOrNA(\n                      clientPortal\n                        ? item?.collection_reason\n                        : toReverseDeliveryLabel(item?.collection_reason)\n                    )}\n                  </td>\n                  <td>\n                    <ul className=\"actionbox\">\n                      <CustomDrop\n                        ref={dropdownRefParent}\n                        className={printToogle === index ? 'active' : ''}\n                      >\n                        <li\n                          className=\"shareIconContainer\"\n                          onClick={() => OpenDropDown(index)}\n                        >\n                          <PrinterIcon />\n                          <DownIcon />\n                          {printToogle === index && (\n                            <div ref={dropdownRef}>\n                              <PrintDropDownReturn\n                                legacyURL={item?.return_order_product_label}\n                                legacyProductID={item?.legacy_product_id}\n                              />\n                            </div>\n                          )}\n                        </li>\n                      </CustomDrop>\n                    </ul>\n                  </td>\n                </tr>\n              ))\n            )}\n          </tbody>\n        </StyledTable>\n      </StyledTableWrapper>\n    </>\n  );\n};\n\nexport default OutstandingTable;\n"],"names":["OutstandingTable","statePagination","useAtom","filtersReducerAtom","pagination","outstandingReturnData","setOutstandingReturnData","useClientOutstandingReturnData","load","setLoading","useLoading","dropdownRefParent","useRef","dropdownRef","printToogle","setPrintToggle","usePrintOptionTOggle","locationData","useLocationData","setPaginationObject","UsePaginationData","callForFetch","usefetchAgain","clientPortal","useClientPortal","selectedOrderIds","setSelectedOrderIds","useSelectedClientPortOrders","selectClientAll","setSelectClientAll","useState","debouncedSearchText","useSearchText","state","dateFilterCPReducer","filters","sortConfig","setSortConfig","handleSort","key","prev","sortedData","useMemo","direction","a","b","valueA","valueB","renderSortIcon","columnKey","SortIcon","jsx","CaretDownFilledIcon","OpenDropDown","index","prevIndex","useEffect","handleClickOutside","event","cleanedFilters","f","modifiedFilters","fetchedOrderData","returnDataLoad","paginationData","fetchData","useAxios","count","rest","error","notification","updatedReturnData","returnItem","matchingLocation","location","handleSelectOrderId","id","orderId","StyledTableWrapper","StyledTable","Checkbox","isChecked","item","jsxs","WEIGHT_UNIT","VOLUME_UNIT","Skeleton","EmptyDataContainer","Empty","displayValueOrNA","NavLink","toReverseDeliveryLabel","format","CustomDrop","PrinterIcon","DownIcon","PrintDropDownReturn"],"mappings":"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"}
+{"version":3,"file":"OutstandingTable.js","sources":["../../../src/components/client-portal/OutstandingTable.tsx"],"sourcesContent":["import {\n  Checkbox,\n  displayValueOrNA,\n  useAxios,\n} from '@bjsdistribution/dms-component-library';\nimport { Empty, notification, Skeleton } from 'antd';\nimport { format } from 'date-fns';\nimport { useAtom } from 'jotai';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { NavLink } from 'react-router-dom';\nimport { filtersReducerAtom } from '../order-daily-overview/header-filters/filterStore';\nimport {\n  useClientOutstandingReturnData,\n  useClientPortal,\n  useLocationData,\n  useSearchText,\n  useSelectedClientPortOrders,\n} from '../store';\nimport { usefetchAgain } from '../order-view/store';\nimport {\n  useLoading,\n  UsePaginationData,\n  usePrintOptionTOggle,\n} from '../order-daily-overview/store/store';\nimport SortIcon from '../../common/SortIcon';\nimport CaretDownFilledIcon from '../../common/CaretDownFilledIcon';\nimport { ApiResponse } from '../types';\nimport {\n  CustomDrop,\n  EmptyDataContainer,\n  StyledTable,\n  StyledTableWrapper,\n} from '../order-daily-overview/return-order-table/return-orders-filters/returnstyles';\nimport PrinterIcon from '../../assets/icons/PrinterIcon';\nimport DownIcon from '../../assets/icons/DownIcon';\nimport PrintDropDownReturn from '../order-view/details-filters/left-side-filters/dropdowns/PrintDropDownReturn';\nimport { dateFilterCPReducer } from './DateFilterStore';\nimport { WEIGHT_UNIT, VOLUME_UNIT } from '../../common/utils';\n\nconst OutstandingTable = () => {\n  const [statePagination] = useAtom(filtersReducerAtom);\n  const { 'x-pagination': pagination } = statePagination;\n  const [\n    outstandingReturnData,\n    setOutstandingReturnData,\n  ] = useClientOutstandingReturnData();\n  const [load, setLoading] = useLoading();\n  const dropdownRefParent = useRef<HTMLDivElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const [printToogle, setPrintToggle] = usePrintOptionTOggle();\n  const [locationData] = useLocationData();\n  const [, setPaginationObject] = UsePaginationData();\n  const [callForFetch] = usefetchAgain();\n  const [clientPortal] = useClientPortal();\n  const [selectedOrderIds, setSelectedOrderIds] = useSelectedClientPortOrders();\n  const [selectClientAll, setSelectClientAll] = useState(false);\n  const [debouncedSearchText] = useSearchText();\n\n  const [state] = useAtom(dateFilterCPReducer);\n  const { 'x-filters': filters } = state;\n\n  //sorting\n  const [sortConfig, setSortConfig] = useState<{\n    key: string;\n    direction: 'asc' | 'desc';\n  } | null>(null);\n\n  const handleSort = (key: string) => {\n    setSortConfig((prev: any) => {\n      if (prev?.key === key && prev.direction === 'asc') {\n        return { key, direction: 'desc' };\n      }\n      return { key, direction: 'asc' };\n    });\n  };\n\n  const sortedData = useMemo(() => {\n    if (!outstandingReturnData || !sortConfig) return outstandingReturnData;\n\n    const { key, direction } = sortConfig;\n    return [...outstandingReturnData].sort((a, b) => {\n      const valueA = a[key];\n      const valueB = b[key];\n\n      if (typeof valueA === 'number' && typeof valueB === 'number') {\n        return direction === 'asc' ? valueA - valueB : valueB - valueA;\n      }\n      if (typeof valueA === 'string' && typeof valueB === 'string') {\n        return direction === 'asc'\n          ? valueA.localeCompare(valueB)\n          : valueB.localeCompare(valueA);\n      }\n      return 0;\n    });\n  }, [outstandingReturnData, sortConfig]);\n\n  const renderSortIcon = (columnKey: string) => {\n    if (!sortConfig || sortConfig.key !== columnKey) {\n      return <SortIcon />;\n    }\n    return sortConfig.direction === 'asc' ? (\n      <CaretDownFilledIcon />\n    ) : (\n      <CaretDownFilledIcon style={{ transform: 'rotate(180deg)' }} />\n    );\n  };\n\n  const OpenDropDown = (index: number) => {\n    setPrintToggle(prevIndex => (prevIndex === index ? null : index));\n  };\n  // Close dropdown outside click\n  useEffect(() => {\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n  }, []);\n  const handleClickOutside = (event: MouseEvent) => {\n    if (\n      dropdownRef.current &&\n      !dropdownRef.current.contains(event.target as Node)\n    ) {\n      setPrintToggle(null);\n    }\n  };\n\n  const cleanedFilters = filters.filter(f => f.field !== 'order_status');\n  const baseFilters = [\n    { field: 'isdeleted', op: '=', value: 0 },\n    { field: 'product_return_action_id', op: '=', value: 'RTS' },\n  ];\n\n  const modifiedFilters = [...baseFilters, ...cleanedFilters];\n  const {\n    data: fetchedOrderData,\n    loading: returnDataLoad,\n    paginationData,\n    fetchData,\n  } = useAxios<ApiResponse>({\n    endpoint: '/v1/return/product/pending/',\n    method: 'GET',\n    filters: modifiedFilters,\n    pagination: { is_pagination: false },\n  });\n\n  useEffect(() => {\n    if (clientPortal && debouncedSearchText === '') {\n      fetchData();\n    }\n  }, [JSON.stringify(modifiedFilters), debouncedSearchText]);\n\n  useEffect(() => {\n    setLoading(returnDataLoad);\n    if (fetchedOrderData && fetchedOrderData?.data) {\n      setOutstandingReturnData(fetchedOrderData?.data);\n      if (paginationData) {\n        try {\n          const { count, ...rest } = JSON.parse(paginationData);\n          setPaginationObject(rest);\n        } catch (error) {\n          console.error('Error parsing paginationData:', error);\n          notification.error({\n            message: 'Error',\n            description: 'Failed to parse pagination data',\n          });\n        }\n      }\n    }\n  }, [fetchedOrderData, returnDataLoad]);\n\n  useEffect(() => {\n    setLoading(returnDataLoad);\n    if (fetchedOrderData && fetchedOrderData?.data && locationData) {\n      const updatedReturnData = fetchedOrderData.data.map(returnItem => {\n        const matchingLocation = locationData.find(\n          (location: any) => location?.token === returnItem?.return_location\n        );\n        return {\n          ...returnItem,\n          new_location: matchingLocation\n            ? matchingLocation?.location_name\n            : null,\n        };\n      });\n\n      setOutstandingReturnData(updatedReturnData);\n    }\n  }, [fetchedOrderData, returnDataLoad, locationData, state, callForFetch]);\n\n  //Client Portal\n  const handleSelectOrderId = (id: string | number) => {\n    setSelectedOrderIds(prev =>\n      prev.includes(id) ? prev.filter(orderId => orderId !== id) : [...prev, id]\n    );\n  };\n\n  const handleClientSelectAll = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const isChecked = e.target.checked;\n    setSelectClientAll(isChecked);\n\n    if (isChecked) {\n      setSelectedOrderIds(\n        outstandingReturnData?.map((item: any) => item?.order_id) || []\n      );\n    } else {\n      setSelectedOrderIds([]);\n    }\n  };\n  return (\n    <>\n      <StyledTableWrapper className=\"fortables\">\n        <StyledTable>\n          <thead>\n            <tr>\n              {/* <th className=\"emailInvoiceCheckbox\">\n                <Checkbox checked={selectAll} onChange={handleSelectAll} />\n              </th> */}\n              <th className=\"emailInvoiceCheckbox\">\n                <Checkbox\n                  checked={selectClientAll}\n                  onChange={handleClientSelectAll}\n                />\n              </th>\n              <th onClick={() => handleSort('return_location_name')}>\n                <div className=\"sortIconClass\">\n                  Return Location {renderSortIcon('return_location_name')}\n                </div>\n              </th>\n              <th onClick={() => handleSort('recipient_name')}>\n                <div className=\"sortIconClass\">\n                  Recipient {renderSortIcon('recipient_name')}\n                </div>\n              </th>\n              <th>Return Action</th>\n              <th>Code</th>\n              <th>Description</th>\n              <th>Part</th>\n              <th onClick={() => handleSort('weight')}>\n                <div className=\"sortIconClass\">\n                  Weight ({WEIGHT_UNIT}) {renderSortIcon('weight')}\n                </div>\n              </th>\n              <th>{VOLUME_UNIT}</th>\n              <th onClick={() => handleSort('return_reason')}>\n                <div className=\"sortIconClass\">\n                  Return Reason {renderSortIcon('return_reason')}\n                </div>\n              </th>\n              <th>Collected</th>\n              <th onClick={() => handleSort('collection_reason')}>\n                <div className=\"sortIconClass\">\n                  Collection Reason {renderSortIcon('collection_reason')}\n                </div>\n              </th>\n              <th className=\"emailInvoiceShare\">Labels</th>\n            </tr>\n          </thead>\n          <tbody>\n            {load ? (\n              <tr>\n                <td colSpan={14}>\n                  <Skeleton active />\n                </td>\n              </tr>\n            ) : sortedData?.length === 0 ? (\n              <tr>\n                <td colSpan={14}>\n                  <EmptyDataContainer>\n                    <Empty />\n                  </EmptyDataContainer>\n                </td>\n              </tr>\n            ) : (\n              sortedData?.map((item: any, index: any) => (\n                <tr key={item.id}>\n                  <td>\n                    <Checkbox\n                      checked={selectedOrderIds.includes(item?.order_id)}\n                      onChange={() => handleSelectOrderId(item?.order_id)}\n                    />\n                  </td>\n                  <td> {displayValueOrNA(item?.return_location_name)}</td>\n                  <td>\n                    <ul style={{ listStyleType: 'none', padding: 0 }}>\n                      <li\n                        style={{\n                          color: '#0099ff',\n                          fontWeight: 600,\n                          paddingLeft: 0,\n                        }}\n                      >\n                        <NavLink to={`/orders/view/${item?.order_id}`}>\n                          {displayValueOrNA(item?.recipient_name)}\n                        </NavLink>\n                      </li>\n                      <li style={{ color: '#888075' }}>\n                        {displayValueOrNA(item?.postcode)}\n                      </li>\n                    </ul>\n                  </td>\n                  <td>{displayValueOrNA(item?.product_return_action)}</td>\n                  <td>{displayValueOrNA(item?.code)}</td>\n                  <td>{displayValueOrNA(item?.description)}</td>\n                  <td>{displayValueOrNA(item?.part)}</td>\n                  <td>\n                    {displayValueOrNA(item?.weight)}{' '}\n                    {item?.weight && item?.weight !== null ? WEIGHT_UNIT : ''}\n                  </td>\n                  <td>{displayValueOrNA(item?.cube)}</td>\n                  <td>{displayValueOrNA(item?.return_reason)}</td>\n                  <td>\n                    {item?.collected_at\n                      ? format(new Date(item?.collected_at), 'dd/MM/yyyy')\n                      : 'UNKNOWN'}\n                  </td>\n\n                  <td>{displayValueOrNA(item?.collection_reason)}</td>\n                  <td>\n                    <ul className=\"actionbox\">\n                      <CustomDrop\n                        ref={dropdownRefParent}\n                        className={printToogle === index ? 'active' : ''}\n                      >\n                        <li\n                          className=\"shareIconContainer\"\n                          onClick={() => OpenDropDown(index)}\n                        >\n                          <PrinterIcon />\n                          <DownIcon />\n                          {printToogle === index && (\n                            <div ref={dropdownRef}>\n                              <PrintDropDownReturn\n                                legacyURL={item?.return_order_product_label}\n                                legacyProductID={item?.legacy_product_id}\n                              />\n                            </div>\n                          )}\n                        </li>\n                      </CustomDrop>\n                    </ul>\n                  </td>\n                </tr>\n              ))\n            )}\n          </tbody>\n        </StyledTable>\n      </StyledTableWrapper>\n    </>\n  );\n};\n\nexport default OutstandingTable;\n"],"names":["OutstandingTable","statePagination","useAtom","filtersReducerAtom","pagination","outstandingReturnData","setOutstandingReturnData","useClientOutstandingReturnData","load","setLoading","useLoading","dropdownRefParent","useRef","dropdownRef","printToogle","setPrintToggle","usePrintOptionTOggle","locationData","useLocationData","setPaginationObject","UsePaginationData","callForFetch","usefetchAgain","clientPortal","useClientPortal","selectedOrderIds","setSelectedOrderIds","useSelectedClientPortOrders","selectClientAll","setSelectClientAll","useState","debouncedSearchText","useSearchText","state","dateFilterCPReducer","filters","sortConfig","setSortConfig","handleSort","key","prev","sortedData","useMemo","direction","a","b","valueA","valueB","renderSortIcon","columnKey","SortIcon","jsx","CaretDownFilledIcon","OpenDropDown","index","prevIndex","useEffect","handleClickOutside","event","cleanedFilters","f","modifiedFilters","fetchedOrderData","returnDataLoad","paginationData","fetchData","useAxios","count","rest","error","notification","updatedReturnData","returnItem","matchingLocation","location","handleSelectOrderId","id","orderId","StyledTableWrapper","StyledTable","Checkbox","e","isChecked","item","jsxs","WEIGHT_UNIT","VOLUME_UNIT","Skeleton","EmptyDataContainer","Empty","displayValueOrNA","NavLink","format","CustomDrop","PrinterIcon","DownIcon","PrintDropDownReturn"],"mappings":"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"}

package/dist/components/client-portal/ReturnOverview.js

@@ -1,5 +1,5 @@
-import { jsxs as n, Fragment as m, jsx as t } from "react/jsx-runtime";
-import { useState as j, useEffect as h, useMemo as L } from "react";
+import { jsxs as n, jsx as t, Fragment as k } from "react/jsx-runtime";
+import { useState as j, useEffect as g, useMemo as L } from "react";
 import B from "../order-daily-overview/header-filters/HeaderFilter.js";
 import p from "styled-components";
 import E from "../order-daily-overview/return-order-table/return-orders-filters/ReturnFilter.js";
@@ -14,37 +14,38 @@ import { filtersReducerReturnAtom as X } from "../order-daily-overview/return-af
 import { dateFilterCPReducer as Y } from "./DateFilterStore.js";
 import { useAxios as Z } from "@bjsdistribution/dms-component-library";
 import { notification as tt } from "antd";
-import { useAtom as x } from "jotai";
-const Ct = () => {
-  const [u] = N(), [, f] = j(1), [v, P] = J(), { page: b, total: d } = u, { status: e } = q(), [r] = U(), [l] = G(), [, C] = M(), [
-    y,
-    _
-  ] = $(), [D] = x(X), [, R] = W(), { "x-pagination": o } = D, [S] = x(Y), { "x-filters": i } = S, F = (a) => {
-    f(a);
-  }, O = (a) => {
-    P(a);
-  }, T = r && e === "scheduled_for_return" || r && e === "return_completed", w = [
+import { ClientPortalResponsive as et } from "./ClientPortalResponsive.js";
+import { useAtom as h } from "jotai";
+const _t = () => {
+  const [x] = N(), [, u] = j(1), [f, v] = J(), { page: P, total: d } = x, { status: e } = q(), [r] = U(), [l] = G(), [, b] = M(), [
+    C,
+    y
+  ] = $(), [_] = h(X), [, R] = W(), { "x-pagination": o } = _, [D] = h(Y), { "x-filters": i } = D, S = (a) => {
+    u(a);
+  }, F = (a) => {
+    v(a);
+  }, O = r && e === "scheduled_for_return" || r && e === "return_completed", T = [
     "outstanding_return",
     "scheduled_for_return",
     "return_completed"
   ], {
     data: s,
     loading: c,
-    paginationData: g,
-    fetchData: z
+    paginationData: m,
+    fetchData: w
   } = Z({
     endpoint: "/v1/return/orders/",
     method: "GET",
     filters: i,
     pagination: o
   });
-  h(() => {
-    r && l === "" && z();
-  }, [JSON.stringify(i), l, o]), h(() => {
-    if (R(c), s?.data && (_(s?.data), g))
+  g(() => {
+    r && l === "" && w();
+  }, [JSON.stringify(i), l, o]), g(() => {
+    if (R(c), s?.data && (y(s?.data), m))
       try {
-        const { count: a, ...k } = JSON.parse(g);
-        C(k);
+        const { count: a, ...I } = JSON.parse(m);
+        b(I);
       } catch {
         tt.error({
           message: "Error",
@@ -52,49 +53,49 @@ const Ct = () => {
         });
       }
   }, [s, c]);
-  const A = process.env.REACT_APP_API_PATH || "https://development.dmsbackend.bjshomedelivery.com", I = L(
+  const z = process.env.REACT_APP_API_PATH || "https://development.dmsbackend.bjshomedelivery.com", A = L(
     () => ({
       file_type: "import_manifest",
-      url: `${A}/v1/return/orders/`,
+      url: `${z}/v1/return/orders/`,
       reference: "overview_retuen_orders",
       feature_name: "client portal",
       x_filter: JSON.stringify([i?.length > 0 ? i : void 0])
     }),
     [o]
   );
-  return /* @__PURE__ */ n(m, { children: [
-    r && typeof e == "string" && w.includes(e) && /* @__PURE__ */ t(V, {}),
-    /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(at, { children: /* @__PURE__ */ n("div", { className: "Tableconatiner", children: [
+  return /* @__PURE__ */ n(et, { children: [
+    r && typeof e == "string" && T.includes(e) && /* @__PURE__ */ t(V, {}),
+    /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(it, { children: /* @__PURE__ */ n("div", { className: "Tableconatiner", children: [
       /* @__PURE__ */ t(B, {}),
-      /* @__PURE__ */ n(et, { children: [
-        /* @__PURE__ */ t(E, { data: y, payload: I }),
-        r && e === "outstanding_return" && /* @__PURE__ */ n(rt, { children: [
+      /* @__PURE__ */ n(rt, { children: [
+        /* @__PURE__ */ t(E, { data: C, payload: A }),
+        r && e === "outstanding_return" && /* @__PURE__ */ n(at, { children: [
           /* @__PURE__ */ t(K, {}),
           d > 0 && /* @__PURE__ */ t(
             H,
             {
-              currentPage: b,
+              currentPage: P,
               totalItems: d,
-              itemsPerPage: v,
-              onPageChange: F,
-              onItemsPerPageChange: O
+              itemsPerPage: f,
+              onPageChange: S,
+              onItemsPerPageChange: F
             }
           )
         ] }),
-        T && /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(Q, {}) })
+        O && /* @__PURE__ */ t(k, { children: /* @__PURE__ */ t(Q, {}) })
       ] })
     ] }) }) })
   ] });
-}, et = p.div`
+}, rt = p.div`
   position: relative;
   top: -16px;
-`, rt = p.div`
+`, at = p.div`
   background: #fff;
   border-radius: 18px;
   padding: 10px 10px;
   width: calc(100% + 32px);
   margin: 0 -16px;
-`, at = p.section`
+`, it = p.section`
   .Tableconatiner {
     display: block;
     padding: 10px 16px;
@@ -202,6 +203,6 @@ const Ct = () => {
   }
 `;
 export {
-  Ct as default
+  _t as default
 };
 //# sourceMappingURL=ReturnOverview.js.map