@bjsdistribution/dms-client-return 0.1.70-prod → 0.1.71-prod

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateFilterStore.js","sources":["../../../src/components/client-portal/DateFilterStore.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { atom } from 'jotai';\n\ninterface Filter {\n  field: string;\n  op: string;\n  value: any;\n}\n\ninterface Pagination {\n  page: number;\n  per_page: number;\n}\n\ninterface FilterState {\n  'x-filters': Filter[];\n  'x-pagination': Pagination;\n}\n\nconst initialState: FilterState = {\n  'x-filters': [{ field: 'order_status', op: '=', value: 'complete' }],\n  'x-pagination': { page: 1, per_page: 50 },\n};\n\nconst overviewFilterReducer = (\n  state: FilterState,\n  action: any\n): FilterState => {\n  switch (action.type) {\n    case 'SET_CP_DATE_FILTER': {\n      const { startDate, endDate, status } = action.payload;\n\n      let fieldName = 'created_at';\n      if (status === 'return_completed') {\n        fieldName = 'action_date';\n      }\n\n      const filters: Filter[] = [];\n\n      if (startDate && endDate && startDate === endDate) {\n        filters.push({\n          field: fieldName,\n          op: '>=',\n          value: `${startDate}T00:00:00+00:00`,\n        });\n        filters.push({\n          field: fieldName,\n          op: '<=',\n          value: `${startDate}T23:59:59+00:00`,\n        });\n      } else if (startDate && !endDate) {\n        const nextDay = dayjs(startDate)\n          .add(1, 'day')\n          .format('YYYY-MM-DD');\n\n        filters.push({\n          field: fieldName,\n          op: '>=',\n          value: `${startDate}T00:00:00+00:00`,\n        });\n        filters.push({\n          field: fieldName,\n          op: '<=',\n          value: `${nextDay}T00:00:00+00:00`,\n        });\n      } else {\n        if (startDate) {\n          filters.push({\n            field: fieldName,\n            op: '>=',\n            value: `${startDate}T00:00:00+00:00`,\n          });\n        }\n\n        if (endDate) {\n          filters.push({\n            field: fieldName,\n            op: '<=',\n            value: `${endDate}T23:59:59+00:00`,\n          });\n        }\n      }\n\n      return {\n        ...state,\n        'x-filters': [\n          ...state['x-filters'].filter(\n            f => f.field !== 'created_at' && f.field !== 'action_date'\n          ),\n          ...filters,\n        ],\n      };\n    }\n\n    case 'CLEAR_CP_DATE_FILTER': {\n      console.log('Before clearing:', state['x-filters']);\n      const updatedFilters = state['x-filters'].filter(\n        f => f.field !== 'created_at' && f.field !== 'action_date'\n      );\n\n      return {\n        ...state,\n        'x-filters': updatedFilters,\n      };\n    }\n\n    //client portal\n    case 'SET_SCHEDULED_RETURN_FILTER':\n      if (action.payload) {\n        return {\n          ...state,\n          'x-filters': [\n            ...state['x-filters'].filter(f => f.field !== 'order_status'),\n            {\n              field: 'order_status',\n              op: '=',\n              value: action.payload,\n            },\n          ],\n        };\n      } else {\n        return {\n          ...state,\n          'x-filters': state['x-filters'].filter(\n            f => f.field !== 'order_status'\n          ),\n        };\n      }\n\n    case 'SET_RETURN_COMPLETED_FILTER':\n      if (action.payload) {\n        return {\n          ...state,\n          'x-filters': [\n            ...state['x-filters'].filter(f => f.field !== 'order_status'),\n            {\n              field: 'order_status',\n              op: '=',\n              value: action.payload,\n            },\n          ],\n        };\n      } else {\n        return {\n          ...state,\n          'x-filters': state['x-filters'].filter(\n            f => f.field !== 'order_status'\n          ),\n        };\n      }\n\n    case 'SET_PAGE':\n      return {\n        ...state,\n        'x-pagination': {\n          ...state['x-pagination'],\n          page: action.payload,\n        },\n      };\n\n    case 'SET_PERPAGE':\n      return {\n        ...state,\n        'x-pagination': {\n          ...state['x-pagination'],\n          per_page: action.payload,\n        },\n      };\n    case 'CLEAR_FILTERS':\n      return {\n        ...state,\n      };\n    default:\n      return state;\n  }\n};\n\nconst overviewfiltersStateAtom = atom(initialState);\n\nexport const dateFilterCPReducer = atom(\n  get => get(overviewfiltersStateAtom),\n  (get, set, action) =>\n    set(\n      overviewfiltersStateAtom,\n      overviewFilterReducer(get(overviewfiltersStateAtom), action)\n    )\n);\n"],"names":["initialState","overviewFilterReducer","state","action","startDate","endDate","status","fieldName","filters","nextDay","dayjs","f","updatedFilters","overviewfiltersStateAtom","atom","dateFilterCPReducer","get","set"],"mappings":"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"}

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

@@ -0,0 +1,207 @@
+import { jsx as e, Fragment as Y, jsxs as r } from "react/jsx-runtime";
+import { useAxios as Z, Checkbox as P, displayValueOrNA as o } from "@bjsdistribution/dms-component-library";
+import { notification as T, Skeleton as ee, Empty as te } from "antd";
+import { format as ne } from "date-fns";
+import { useAtom as L } from "jotai";
+import { useRef as A, useState as E, useMemo as re, useEffect as f } 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 le, useClientPortal as ae, 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 Ce, EmptyDataContainer as _e, 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 Ne from "../order-view/details-filters/left-side-filters/dropdowns/PrintDropDownReturn.js";
+import { dateFilterCPReducer as Ie } from "./DateFilterStore.js";
+import { WEIGHT_UNIT as x } from "../../common/utils.js";
+const Ke = () => {
+  const [W] = L(ce), { "x-pagination": y } = W, [
+    s,
+    D
+  ] = ie(), [M, S] = ue(), U = A(null), m = A(null), [N, I] = pe(), [g] = le(), [, j] = fe(), [B] = he(), [G] = ae(), [J, C] = de(), [H, K] = E(!1), [R] = se(), [b] = L(Ie), { "x-filters": V } = b, [l, $] = E(null), h = (t) => {
+    $((n) => n?.key === t && n.direction === "asc" ? { key: t, direction: "desc" } : { key: t, direction: "asc" });
+  }, k = re(() => {
+    if (!s || !l) return s;
+    const { key: t, direction: n } = l;
+    return [...s].sort((i, _) => {
+      const a = i[t], d = _[t];
+      return typeof a == "number" && typeof d == "number" ? n === "asc" ? a - d : d - a : typeof a == "string" && typeof d == "string" ? n === "asc" ? a.localeCompare(d) : d.localeCompare(a) : 0;
+    });
+  }, [s, l]), u = (t) => !l || l.key !== t ? /* @__PURE__ */ e(me, {}) : l.direction === "asc" ? /* @__PURE__ */ e(F, {}) : /* @__PURE__ */ e(F, {}), q = (t) => {
+    I((n) => n === t ? null : t);
+  };
+  f(() => (document.addEventListener("mousedown", v), () => {
+    document.removeEventListener("mousedown", v);
+  }), []);
+  const v = (t) => {
+    m.current && !m.current.contains(t.target) && I(null);
+  }, z = V.filter((t) => t.field !== "order_status"), O = [...[
+    { field: "isdeleted", op: "=", value: 0 },
+    { field: "product_return_action_id", op: "=", value: "RTS" }
+  ], ...z], {
+    data: c,
+    loading: p,
+    paginationData: w,
+    fetchData: Q
+  } = Z({
+    endpoint: "/v1/return/product/pending/",
+    method: "GET",
+    filters: O,
+    pagination: y
+  });
+  f(() => {
+    G && R === "" && Q();
+  }, [JSON.stringify(O), R, y]), f(() => {
+    if (S(p), c && c?.data)
+      if (D(c?.data), w)
+        try {
+          const { count: t, ...n } = JSON.parse(w);
+          j(n);
+        } catch (t) {
+          console.error("Error parsing paginationData:", t), T.error({
+            message: "Error",
+            description: "Failed to parse pagination data"
+          });
+        }
+      else
+        T.error({
+          message: "Error",
+          description: "Pagination data is null or undefined"
+        });
+  }, [c, p]), f(() => {
+    if (S(p), c && c?.data && g) {
+      const t = c.data.map((n) => {
+        const i = g.find(
+          (_) => _?.token === n?.return_location
+        );
+        return {
+          ...n,
+          new_location: i ? i?.location_name : null
+        };
+      });
+      D(t);
+    }
+  }, [c, p, g, b, B]);
+  const X = (t) => {
+    C(
+      (n) => n.includes(t) ? n.filter((i) => i !== t) : [...n, t]
+    );
+  };
+  return /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(ge, { className: "fortables", children: /* @__PURE__ */ r(Ce, { children: [
+    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ r("tr", { children: [
+      /* @__PURE__ */ e("th", { className: "emailInvoiceCheckbox", children: /* @__PURE__ */ e(
+        P,
+        {
+          checked: H,
+          onChange: (t) => {
+            const n = t.target.checked;
+            K(n), C(
+              n ? s?.map((i) => i?.order_id) || [] : []
+            );
+          }
+        }
+      ) }),
+      /* @__PURE__ */ e("th", { onClick: () => h("return_location_name"), children: /* @__PURE__ */ r("div", { className: "sortIconClass", children: [
+        "Return Location ",
+        u("return_location_name")
+      ] }) }),
+      /* @__PURE__ */ e("th", { onClick: () => h("recipient_name"), children: /* @__PURE__ */ r("div", { className: "sortIconClass", children: [
+        "Recipient ",
+        u("recipient_name")
+      ] }) }),
+      /* @__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,
+        ") ",
+        u("weight")
+      ] }) }),
+      /* @__PURE__ */ e("th", { children: "CBM" }),
+      /* @__PURE__ */ e("th", { onClick: () => h("return_reason"), children: /* @__PURE__ */ r("div", { className: "sortIconClass", children: [
+        "Return Reason ",
+        u("return_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__ */ e("th", { className: "emailInvoiceShare", children: "Labels" })
+    ] }) }),
+    /* @__PURE__ */ e("tbody", { children: M ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 14, children: /* @__PURE__ */ e(ee, { active: !0 }) }) }) : k?.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 14, children: /* @__PURE__ */ e(_e, { children: /* @__PURE__ */ e(te, {}) }) }) }) : k?.map((t, n) => /* @__PURE__ */ r("tr", { children: [
+      /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
+        P,
+        {
+          checked: J.includes(t?.order_id),
+          onChange: () => X(t?.order_id)
+        }
+      ) }),
+      /* @__PURE__ */ r("td", { children: [
+        " ",
+        o(t?.return_location_name)
+      ] }),
+      /* @__PURE__ */ e("td", { children: /* @__PURE__ */ r("ul", { style: { listStyleType: "none", padding: 0 }, children: [
+        /* @__PURE__ */ e(
+          "li",
+          {
+            style: {
+              color: "#0099ff",
+              fontWeight: 600,
+              paddingLeft: 0
+            },
+            children: /* @__PURE__ */ e(oe, { to: `/orders/view/${t?.order_id}`, children: o(t?.recipient_name) })
+          }
+        ),
+        /* @__PURE__ */ e("li", { style: { color: "#888075" }, children: o(t?.postcode) })
+      ] }) }),
+      /* @__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(t?.weight),
+        " ",
+        t?.weight && t?.weight !== null ? x : ""
+      ] }),
+      /* @__PURE__ */ e("td", { children: o(t?.cube) }),
+      /* @__PURE__ */ e("td", { children: o(t?.return_reason) }),
+      /* @__PURE__ */ e("td", { children: t?.collected_at ? ne(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(
+        ye,
+        {
+          ref: U,
+          className: N === n ? "active" : "",
+          children: /* @__PURE__ */ r(
+            "li",
+            {
+              className: "shareIconContainer",
+              onClick: () => q(n),
+              children: [
+                /* @__PURE__ */ e(De, {}),
+                /* @__PURE__ */ e(Se, {}),
+                N === n && /* @__PURE__ */ e("div", { ref: m, children: /* @__PURE__ */ e(
+                  Ne,
+                  {
+                    legacyURL: t?.return_order_product_label,
+                    legacyProductID: t?.legacy_product_id
+                  }
+                ) })
+              ]
+            }
+          )
+        }
+      ) }) })
+    ] }, t.id)) })
+  ] }) }) });
+};
+export {
+  Ke as default
+};
+//# sourceMappingURL=OutstandingTable.js.map

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

@@ -0,0 +1 @@
+{"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 } 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 />\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: pagination,\n  });\n\n  useEffect(() => {\n    if (clientPortal && debouncedSearchText === '') {\n      fetchData();\n    }\n  }, [JSON.stringify(modifiedFilters), debouncedSearchText, pagination]);\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      } else {\n        notification.error({\n          message: 'Error',\n          description: 'Pagination data is null or undefined',\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>CBM</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","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","jsx","StyledTableWrapper","StyledTable","Checkbox","e","isChecked","item","jsxs","WEIGHT_UNIT","Skeleton","EmptyDataContainer","Empty","displayValueOrNA","NavLink","format","CustomDrop","PrinterIcon","DownIcon","PrintDropDownReturn"],"mappings":"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"}

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

@@ -0,0 +1,121 @@
+import { jsxs as A, jsx as o } from "react/jsx-runtime";
+import { useAxios as m, SearchIcon as k, CrossIcon as j } from "@bjsdistribution/dms-component-library";
+import E, { useState as G, useEffect as s } from "react";
+import d from "styled-components";
+import { useSearchAfterText as I, useReturnConfirmedOrderData as N, useStatsCPCount as O, useClientPortal as $ } from "../store.js";
+import { javascriptStringDumpToJSON as B } from "../utils.js";
+import { UsePaginationData as F } from "../order-daily-overview/store/store.js";
+import { notification as g } from "antd";
+import { filtersReducerReturnAtom as J } from "../order-daily-overview/return-after-table/table-filters/ReturnFilterStore.js";
+import { useParams as M } from "react-router-dom";
+import { dateFilterCPReducer as Q } from "./DateFilterStore.js";
+import { useAtom as x } from "jotai";
+function V() {
+  const [a, i] = G(""), [t, S] = I(), [, h] = N(), [, C] = F(), [b] = x(J), { "x-pagination": T } = b, [, c] = O(), [v] = $(), [y] = x(Q), { "x-filters": l } = y, { status: u } = M(), P = (e) => {
+    i(e.target.value);
+  }, { paginationData: f, fetchData: _ } = m({
+    endpoint: "/v1/return/orders/",
+    method: "GET",
+    filters: l,
+    pagination: T
+  });
+  s(() => {
+    t?.length > 2 ? _({
+      endPointQuery: `?search_term=${t}`
+    }).then((e) => {
+      if (f) {
+        const p = B(
+          f
+        ), { ...r } = p;
+        C(r);
+      }
+      e?.data ? h(e?.data) : h([]);
+    }) : t?.length > 0 && t?.length <= 2 && g.warning({
+      message: "Search Phrase cannot be less than 3 characters"
+    });
+  }, [t, JSON.stringify(l)]), s(() => {
+    const e = setTimeout(() => {
+      S(a);
+    }, 1e3);
+    return () => {
+      clearTimeout(e);
+    };
+  }, [a]), s(() => {
+    t?.length === 0 && i("");
+  }, [t]);
+  const D = l.filter((e) => e.field !== "order_status"), { fetchData: w } = m({
+    endpoint: "v1/portal/return/stats/",
+    method: "GET",
+    pagination: { is_pagination: !1 },
+    filters: [...D]
+  });
+  return s(() => {
+    if (!(v && ["scheduled_for_return", "return_completed"].includes(u || ""))) return;
+    const r = t?.trim() || "";
+    if (r.length > 0 && r.length <= 2) {
+      g.warning({
+        message: "Search phrase cannot be less than 2 characters"
+      });
+      return;
+    }
+    if (r.length === 0) return;
+    const R = {
+      scheduled_for_return: "scheduled",
+      return_completed: "complete"
+    }[u];
+    w({
+      endPointQuery: `?search_term=${r}&type=${R}`
+    }).then((n) => {
+      n?.data ? (console.log("inside response", n), c(n.data)) : c(null);
+    }).catch((n) => {
+      console.error("Error fetching stats:", n), c(null);
+    });
+  }, [t, u]), /* @__PURE__ */ A(U, { children: [
+    /* @__PURE__ */ o(k, {}),
+    /* @__PURE__ */ o(
+      W,
+      {
+        type: "text",
+        placeholder: "Search",
+        value: a,
+        onChange: P
+      }
+    ),
+    a ? /* @__PURE__ */ o(z, { className: "clear", onClick: () => {
+      i("");
+    }, children: /* @__PURE__ */ o(j, {}) }) : null
+  ] });
+}
+const z = d.button`
+  border: none;
+  background: none;
+  position: relative;
+  border: none;
+  cursor: pointer;
+  padding: 0 4px;
+  font-size: 0;
+  &:hover {
+    color: #000;
+  }
+`, U = d.div`
+  display: flex;
+  padding: 4px 12px;
+  align-items: center;
+  gap: 8px;
+  align-self: stretch;
+  border-radius: 20px;
+  border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);
+  background-color: var(--Flowkit-White, #fff);
+  height: 35px;
+  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+`, W = d.input`
+  border: none;
+  outline: none;
+  flex-grow: 1;
+  width: 100%;
+  background: transparent;
+`, it = E.memo(V);
+export {
+  it as default
+};
+//# sourceMappingURL=ReturnAfterSearchBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReturnAfterSearchBar.js","sources":["../../../src/components/client-portal/ReturnAfterSearchBar.tsx"],"sourcesContent":["import {\n  CrossIcon,\n  SearchIcon,\n  useAxios,\n} from '@bjsdistribution/dms-component-library';\nimport React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport {\n  useAtom,\n  useClientPortal,\n  useReturnConfirmedOrderData,\n  useSearchAfterText,\n  useStatsCPCount,\n} from '../store';\n\nimport { ApiResponse } from '../types';\nimport { javascriptStringDumpToJSON } from '../utils';\nimport { UsePaginationData } from '../order-daily-overview/store/store';\nimport { notification } from 'antd';\nimport { filtersReducerReturnAtom } from '../order-daily-overview/return-after-table/table-filters/ReturnFilterStore';\nimport { returnCountType } from './ReturnStatus';\nimport { useParams } from 'react-router-dom';\nimport { dateFilterCPReducer } from './DateFilterStore';\n\nfunction ReturnAfterSearchBar() {\n  const [searchText, setSearchText] = useState('');\n  const [debouncedSearchText, setDebouncedSearchText] = useSearchAfterText();\n  const [, setReturnConfirmedData] = useReturnConfirmedOrderData();\n  const [, setPaginationObject] = UsePaginationData();\n\n  const [statePagination] = useAtom(filtersReducerReturnAtom);\n  const { 'x-pagination': pagination } = statePagination;\n  const [, setCount] = useStatsCPCount();\n  const [clientPortal] = useClientPortal();\n  const [state] = useAtom(dateFilterCPReducer);\n  const { 'x-filters': filters } = state;\n  const { status } = useParams();\n\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setSearchText(event.target.value);\n  };\n\n  const { paginationData, fetchData: returnAfterCall } = useAxios<ApiResponse>({\n    endpoint: '/v1/return/orders/',\n    method: 'GET',\n    filters: filters,\n    pagination: pagination,\n  });\n\n  useEffect(() => {\n    if (debouncedSearchText?.length > 2) {\n      returnAfterCall({\n        endPointQuery: `?search_term=${debouncedSearchText}`,\n      }).then((response: any) => {\n        if (paginationData) {\n          const formattedPagination = javascriptStringDumpToJSON(\n            paginationData\n          );\n          const { ...rest } = formattedPagination;\n          setPaginationObject(rest);\n        }\n        if (response?.data) {\n          setReturnConfirmedData(response?.data);\n        } else {\n          setReturnConfirmedData([]);\n        }\n      });\n    } else if (\n      debouncedSearchText?.length > 0 &&\n      debouncedSearchText?.length <= 2\n    ) {\n      notification.warning({\n        message: 'Search Phrase cannot be less than 3 characters',\n      });\n    }\n  }, [debouncedSearchText, JSON.stringify(filters)]);\n\n  // Debouncing effect\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedSearchText(searchText);\n    }, 1000);\n    return () => {\n      clearTimeout(handler);\n    };\n  }, [searchText]);\n\n  useEffect(() => {\n    if (debouncedSearchText?.length === 0) {\n      setSearchText('');\n    }\n  }, [debouncedSearchText]);\n  const cleanedFilters = filters.filter(f => f.field !== 'order_status');\n\n  const { fetchData: fetchStatsData } = 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    const validStatuses = ['scheduled_for_return', 'return_completed'];\n    const isClientView = clientPortal && validStatuses.includes(status || '');\n\n    if (!isClientView) return;\n\n    const trimmedText = debouncedSearchText?.trim() || '';\n    if (trimmedText.length > 0 && trimmedText.length <= 2) {\n      notification.warning({\n        message: 'Search phrase cannot be less than 2 characters',\n      });\n      return;\n    }\n    if (trimmedText.length === 0) return;\n    const statusTypeMap: Record<string, string> = {\n      scheduled_for_return: 'scheduled',\n      return_completed: 'complete',\n    };\n\n    const type = statusTypeMap[status as keyof typeof statusTypeMap];\n\n    fetchStatsData({\n      endPointQuery: `?search_term=${trimmedText}&type=${type}`,\n    })\n      .then((response: any) => {\n        if (response?.data) {\n          console.log('inside response', response);\n          setCount(response.data);\n        } else {\n          setCount(null);\n        }\n      })\n      .catch((error: any) => {\n        console.error('Error fetching stats:', error);\n        setCount(null);\n      });\n  }, [debouncedSearchText, status]);\n\n  const handleClear = () => {\n    setSearchText('');\n  };\n  return (\n    <Search>\n      <SearchIcon />\n\n      <SearchInput\n        type=\"text\"\n        placeholder=\"Search\"\n        value={searchText}\n        onChange={handleInputChange}\n      />\n      {searchText ? (\n        <ClearButton className=\"clear\" onClick={handleClear}>\n          <CrossIcon />\n        </ClearButton>\n      ) : null}\n    </Search>\n  );\n}\n\nconst ClearButton = styled.button`\n  border: none;\n  background: none;\n  position: relative;\n  border: none;\n  cursor: pointer;\n  padding: 0 4px;\n  font-size: 0;\n  &:hover {\n    color: #000;\n  }\n`;\n\nconst Search = styled.div`\n  display: flex;\n  padding: 4px 12px;\n  align-items: center;\n  gap: 8px;\n  align-self: stretch;\n  border-radius: 20px;\n  border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n  background-color: var(--Flowkit-White, #fff);\n  height: 35px;\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n`;\nconst SearchInput = styled.input`\n  border: none;\n  outline: none;\n  flex-grow: 1;\n  width: 100%;\n  background: transparent;\n`;\n\nexport default React.memo(ReturnAfterSearchBar);\n"],"names":["ReturnAfterSearchBar","searchText","setSearchText","useState","debouncedSearchText","setDebouncedSearchText","useSearchAfterText","setReturnConfirmedData","useReturnConfirmedOrderData","setPaginationObject","UsePaginationData","statePagination","useAtom","filtersReducerReturnAtom","pagination","setCount","useStatsCPCount","clientPortal","useClientPortal","state","dateFilterCPReducer","filters","status","useParams","handleInputChange","event","paginationData","returnAfterCall","useAxios","useEffect","response","formattedPagination","javascriptStringDumpToJSON","rest","notification","handler","cleanedFilters","f","fetchStatsData","trimmedText","type","error","Search","jsx","SearchIcon","SearchInput","ClearButton","CrossIcon","styled","ReturnAfterSearchBar$1","React"],"mappings":"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"}

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

@@ -0,0 +1,204 @@
+import { jsxs as n, Fragment as p, jsx as t } from "react/jsx-runtime";
+import { useState as j, useEffect as m, useMemo as L } from "react";
+import B from "../order-daily-overview/header-filters/HeaderFilter.js";
+import x from "styled-components";
+import E from "../order-daily-overview/return-order-table/return-orders-filters/ReturnFilter.js";
+import H from "../order-daily-overview/table-view/Pagination.js";
+import { UsePaginationData as N, useItemsPerPage as J, UsePaginationReturnData as M, useLoading as W } from "../order-daily-overview/store/store.js";
+import { useClientPortal as U, useSearchAfterText as G, useReturnConfirmedOrderData as $ } from "../store.js";
+import { useParams as q } from "react-router-dom";
+import K from "./OutstandingTable.js";
+import Q from "./return-confirm/ConfirmedMain.js";
+import V from "../order-daily-overview/header/route-header/ClientRouterHeader.js";
+import { filtersReducerReturnAtom as X } from "../order-daily-overview/return-after-table/table-filters/ReturnFilterStore.js";
+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 h } from "jotai";
+const bt = () => {
+  const [u] = N(), [, f] = j(1), [v, P] = J(), { page: b, total: d } = u, { status: e } = q(), [r] = U(), [l] = G(), [, y] = M(), [
+    C,
+    _
+  ] = $(), [D] = h(X), [, R] = W(), { "x-pagination": o } = D, [S] = h(Y), { "x-filters": i } = S, F = (a) => {
+    f(a);
+  }, T = (a) => {
+    P(a);
+  }, w = r && e === "scheduled_for_return" || r && e === "return_completed", z = [
+    "outstanding_return",
+    "scheduled_for_return",
+    "return_completed"
+  ], {
+    data: s,
+    loading: c,
+    paginationData: g,
+    fetchData: A
+  } = Z({
+    endpoint: "/v1/return/orders/",
+    method: "GET",
+    filters: i,
+    pagination: o
+  });
+  m(() => {
+    r && l === "" && A();
+  }, [JSON.stringify(i), l, o]), m(() => {
+    if (R(c), s?.data && (_(s?.data), g))
+      try {
+        const { count: a, ...k } = JSON.parse(g);
+        y(k);
+      } catch {
+        tt.error({
+          message: "Error",
+          description: "Failed to parse pagination data"
+        });
+      }
+  }, [s, c]);
+  const O = process.env.REACT_APP_API_PATH || "https://development.dmsbackend.bjshomedelivery.com", I = L(
+    () => ({
+      file_type: "import_manifest",
+      url: `${O}/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(p, { children: [
+    r && typeof e == "string" && z.includes(e) && /* @__PURE__ */ t(V, {}),
+    /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(rt, { children: /* @__PURE__ */ n("div", { className: "Tableconatiner", children: [
+      /* @__PURE__ */ t(B, {}),
+      /* @__PURE__ */ n(et, { children: [
+        /* @__PURE__ */ t(E, { data: C, payload: I }),
+        r && e === "outstanding_return" && /* @__PURE__ */ n(p, { children: [
+          /* @__PURE__ */ t(K, {}),
+          d > 0 && /* @__PURE__ */ t(
+            H,
+            {
+              currentPage: b,
+              totalItems: d,
+              itemsPerPage: v,
+              onPageChange: F,
+              onItemsPerPageChange: T
+            }
+          )
+        ] }),
+        w && /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(Q, {}) })
+      ] })
+    ] }) }) })
+  ] });
+}, et = x.div`
+  position: relative;
+  top: -16px;
+`, rt = x.section`
+  .Tableconatiner {
+    border-radius: 12px;
+    background: #fff;
+    box-shadow: -2px 0px 12px 0px rgba(56, 71, 109, 0.1);
+    display: block;
+    padding: 15px 20px;
+  }
+  .headerWrap,
+  .tableData,
+  .styleCovered {
+    transition: all ease 0.5s;
+  }
+  &.stickyTableHead {
+    h2 {
+      font-size: 21px;
+    }
+    .headerWrap {
+      height: 84px;
+      padding: 10px;
+      border-radius: 0px 0px 15px 15px;
+      > div {
+        position: relative;
+        z-index: 10;
+      }
+    }
+    .styleCovered {
+      margin-top: -32px;
+      width: 67%;
+      float: right;
+      gap: 5px;
+      padding-right: 11px;
+
+      li {
+        padding: 4px 10px 5px 5px;
+        gap: 5px;
+        .svgCover {
+          width: 30px;
+          height: 30px;
+          svg {
+            height: auto;
+            width: 58%;
+          }
+        }
+        .countDigit {
+          font-size: 19px;
+        }
+      }
+      .countMess {
+        font-size: 13px;
+      }
+    }
+    .dmsBulkFilter {
+      min-height: unset;
+      gap: 4px;
+      > div {
+        padding: 4px 12px;
+        label {
+          font-size: 11px;
+        }
+      }
+    }
+
+    .StyledFilterList {
+      gap: 4px;
+      li {
+        height: 29px;
+        padding: 3px 8px;
+        gap: 4px;
+        .StyledFilterBtnIcon {
+          width: 20px;
+          height: 20px;
+          svh {
+            width: 10px;
+            height: auto;
+          }
+        }
+        .StyledFilterBtnLabel {
+          font-size: 13px;
+        }
+      }
+    }
+    .StyledFilterLabel {
+      padding-left: 10px;
+      span {
+        font-size: 13px;
+      }
+    }
+    .cardcontainer.tableData {
+      max-height: calc(100vh - 310px);
+      min-height: calc(100vh - 310px);
+    }
+
+    .tableData {
+      max-height: calc(100vh - 320px);
+      min-height: calc(100vh - 320px);
+
+      margin-top: 8px;
+      thead {
+        position: sticky;
+        top: 0;
+        z-index: 9;
+        th {
+          font-size: 13px;
+          padding: 2px 15px;
+        }
+      }
+    }
+  }
+`;
+export {
+  bt as default
+};
+//# sourceMappingURL=ReturnOverview.js.map