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

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

@@ -0,0 +1,320 @@
+import { jsx as e, Fragment as it, jsxs as i } from "react/jsx-runtime";
+import { useApiHook as st, Checkbox as B } from "@bjsdistribution/dms-component-library";
+import { notification as H, Skeleton as dt, Empty as ut, Tooltip as ht } from "antd";
+import { format as pt } from "date-fns";
+import { useAtom as _t } from "jotai";
+import { useRef as K, useState as mt, useMemo as ft, useEffect as k } from "react";
+import gt from "../../../../assets/icons/DownIcon.js";
+import Ct from "../../../../assets/icons/PrinterIcon.js";
+import $ from "../../../../common/CaretDownFilledIcon.js";
+import yt from "../../../../common/SortIcon.js";
+import St from "../../../order-view/details-filters/left-side-filters/dropdowns/PrintDropDownReturn.js";
+import { useReturnData as Nt, usefetchAgain as wt } from "../../../order-view/store.js";
+import { useSelectedOrders as Dt, useSelectAll as kt, useReturnPayload as Pt, useNewReturnPayload as bt, useGroupedPayload as At, useLocationData as It, useFlatCustomerData as Rt } from "../../../store.js";
+import { filtersReducerAtom as Ot } from "../../header-filters/filterStore.js";
+import { displayValueOrNA as s } from "../../shared/utlis.js";
+import { useLoading as Lt, usePrintOptionTOggle as vt, UsePaginationData as Et } from "../../store/store.js";
+import { EmptyDataContainer as Tt } from "../../table/table-data/styles.js";
+import { StyledTableWrapper as Ft, StyledTable as Wt, CustomDrop as xt } from "./returnstyles.js";
+import { useSearchParams as Mt, NavLink as Ut } from "react-router-dom";
+import { WEIGHT_UNIT as J } from "../../../../common/utils.js";
+const jt = [
+  "RTS",
+  "CLAIMS PAID",
+  "DISPOSE",
+  "RE-ALLOCATE",
+  "RECYCLE",
+  "UNKNOWN"
+], y = (_) => jt.includes(_?.product_return_action) && _?.return_location !== "null" && _?.return_location !== null, le = () => {
+  const [_] = _t(Ot), [S, P] = Dt(), [V, b] = kt(), { "x-filters": Y, "x-pagination": q } = _, [h, E] = Nt(), [z, T] = Lt(), Q = K(null), A = K(null), [F, W] = vt(), [, X] = Pt(), [I, N] = bt(), [, R] = At(), [O] = It(), [, Z] = Et(), [tt] = wt(), [et] = Mt(), L = et.get("customerId"), [m, nt] = mt(null), f = (t) => {
+    nt((n) => n?.key === t && n.direction === "asc" ? { key: t, direction: "desc" } : { key: t, direction: "asc" });
+  }, x = ft(() => {
+    if (!h || !m) return h;
+    const { key: t, direction: n } = m;
+    return [...h].sort((o, c) => {
+      const a = o[t], l = c[t];
+      return typeof a == "number" && typeof l == "number" ? n === "asc" ? a - l : l - a : typeof a == "string" && typeof l == "string" ? n === "asc" ? a.localeCompare(l) : l.localeCompare(a) : 0;
+    });
+  }, [h, m]), g = (t) => !m || m.key !== t ? /* @__PURE__ */ e(yt, {}) : m.direction === "asc" ? /* @__PURE__ */ e($, {}) : /* @__PURE__ */ e($, {}), rt = (t) => {
+    W((n) => n === t ? null : t);
+  };
+  k(() => (document.addEventListener("mousedown", M), () => {
+    document.removeEventListener("mousedown", M);
+  }), []);
+  const M = (t) => {
+    A.current && !A.current.contains(t.target) && W(null);
+  }, {
+    data: p,
+    loading: w,
+    paginationData: U,
+    setShouldPerformAction: ot
+  } = st({
+    endpoint: "/v1/return/product/pending/",
+    method: "GET",
+    filters: Y,
+    pagination: q,
+    performAction: !1,
+    showLoader: !1
+  });
+  k(() => {
+    if (T(w), p && p?.data)
+      if (E(p?.data), U)
+        try {
+          const { count: t, ...n } = JSON.parse(U);
+          Z(n);
+        } catch (t) {
+          console.error("Error parsing paginationData:", t), H.error({
+            message: "Error",
+            description: "Failed to parse pagination data"
+          });
+        }
+      else
+        H.error({
+          message: "Error",
+          description: "Pagination data is null or undefined"
+        });
+  }, [p, w]), k(() => {
+    if (T(w), ot(!0), p && p?.data && O) {
+      const t = p.data.map((n) => {
+        const o = O.find(
+          (c) => c?.token === n?.return_location
+        );
+        return {
+          ...n,
+          new_location: o ? o?.location_name : null
+        };
+      });
+      E(t);
+    }
+  }, [p, w, O, _, tt]);
+  const [ct] = Rt(), j = ct?.find((t) => {
+    const n = t?.customer_id?.toString();
+    return n && n === L;
+  }), G = j?.account_number;
+  console.log(j, "selectedCustomer");
+  const at = (t) => {
+    const n = t.target.checked;
+    if (b(n), n) {
+      const o = h?.find(
+        (r) => y(r)
+      ), c = S.length > 0 ? S[0]?.product_return_action : o?.product_return_action;
+      if (!c) return;
+      const a = h?.filter(
+        (r) => y(r) && r?.product_return_action === c
+      ), l = a.map((r) => ({
+        id: r.id,
+        return_locations: r?.return_location_name,
+        return_location: r?.return_location,
+        products: r?.legacy_product_id,
+        product_return_action: r?.product_return_action,
+        return_location_token: r?.return_location
+      })), d = a.map((r) => ({
+        id: r.id,
+        account_number: G,
+        customer_id: Number(L),
+        products: [r?.legacy_product_id],
+        return_action: r?.product_return_action,
+        return_location_token: r?.return_location || null
+      }));
+      console.log(d, "newPayloadnewPayload"), P(l), N(d);
+    } else
+      P([]), N([]), R([]);
+  }, lt = (t, n, o, c, a) => {
+    P((l) => {
+      if (l?.some(
+        (r) => r.id === t
+      )) {
+        const r = l.filter(
+          (u) => u.id !== t
+        );
+        X((u) => ({
+          ...u,
+          products: a,
+          return_action: c || null,
+          return_location_token: n || null
+        })), N(
+          (u) => u.filter((C) => C.id !== t)
+        );
+        const D = c, v = h?.filter(
+          (u) => y(u) && u?.product_return_action === D
+        )?.length;
+        return b(
+          r?.length > 0 && r?.length === v
+        ), r;
+      } else {
+        const r = {
+          id: t,
+          account_number: G,
+          customer_id: Number(L),
+          products: [a],
+          return_action: c || null,
+          return_location_token: n || null
+        };
+        N((C) => [...C, r]);
+        const D = [
+          ...l,
+          {
+            id: t,
+            return_location: n,
+            return_location_name: o,
+            product_return_action: c
+          }
+        ], v = c, u = h?.filter(
+          (C) => y(C) && C?.product_return_action === v
+        )?.length;
+        return b(D?.length === u), D;
+      }
+    });
+  };
+  return k(() => {
+    if (I?.length === 0) {
+      R([]);
+      return;
+    }
+    const t = I?.reduce((o, c) => {
+      const { return_location_token: a, id: l } = c, d = a || `no_token_${l}`;
+      return o[d] || (o[d] = {
+        ...c,
+        products: [],
+        return_action: []
+      }), o[d].products = [...o[d].products, ...c.products], o[d].return_action = Array.from(
+        /* @__PURE__ */ new Set([...o[d].return_action, ...c.return_action])
+      ), o;
+    }, {}), n = Object.values(t);
+    R(n);
+  }, [I]), /* @__PURE__ */ e(it, { children: /* @__PURE__ */ e(Ft, { className: "fortables", children: /* @__PURE__ */ i(Wt, { children: [
+    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ i("tr", { children: [
+      h?.some((t) => y(t)) ? /* @__PURE__ */ e("th", { className: "emailInvoiceCheckbox", children: /* @__PURE__ */ e(B, { checked: V, onChange: at }) }) : /* @__PURE__ */ e("th", {}),
+      /* @__PURE__ */ e("th", { onClick: () => f("location"), children: /* @__PURE__ */ i("div", { className: "sortIconClass", children: [
+        "Product Location ",
+        g("location")
+      ] }) }),
+      /* @__PURE__ */ e("th", { onClick: () => f("return_location_name"), children: /* @__PURE__ */ i("div", { className: "sortIconClass", children: [
+        "Return Location ",
+        g("return_location_name")
+      ] }) }),
+      /* @__PURE__ */ e("th", { children: "Client" }),
+      /* @__PURE__ */ e("th", { onClick: () => f("recipient_name"), children: /* @__PURE__ */ i("div", { className: "sortIconClass", children: [
+        "Recipient ",
+        g("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: () => f("weight"), children: /* @__PURE__ */ i("div", { className: "sortIconClass", children: [
+        "Weight (",
+        J,
+        ") ",
+        g("weight")
+      ] }) }),
+      /* @__PURE__ */ e("th", { children: "CBM" }),
+      /* @__PURE__ */ e("th", { onClick: () => f("return_reason"), children: /* @__PURE__ */ i("div", { className: "sortIconClass", children: [
+        "Return Reason ",
+        g("return_reason")
+      ] }) }),
+      /* @__PURE__ */ e("th", { children: "Collected" }),
+      /* @__PURE__ */ e("th", { onClick: () => f("collection_reason"), children: /* @__PURE__ */ i("div", { className: "sortIconClass", children: [
+        "Collection Reason ",
+        g("collection_reason")
+      ] }) }),
+      /* @__PURE__ */ e("th", { className: "emailInvoiceShare", children: "Labels" })
+    ] }) }),
+    /* @__PURE__ */ e("tbody", { children: z ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 14, children: /* @__PURE__ */ e(dt, { active: !0 }) }) }) : x?.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 14, children: /* @__PURE__ */ e(Tt, { children: /* @__PURE__ */ e(ut, {}) }) }) }) : x?.map((t, n) => /* @__PURE__ */ i("tr", { children: [
+      /* @__PURE__ */ e("td", { children: y(t) ? (() => {
+        const o = S?.length > 0 && S[0]?.product_return_action !== t?.product_return_action;
+        return /* @__PURE__ */ e(
+          ht,
+          {
+            title: o ? "Cannot select different return actions" : "",
+            children: /* @__PURE__ */ e(
+              "span",
+              {
+                className: o ? "disabled-wrapper" : "",
+                children: /* @__PURE__ */ e(
+                  B,
+                  {
+                    className: "custom-check",
+                    disabled: o,
+                    checked: S.some(
+                      (c) => c?.id === t?.id
+                    ),
+                    onChange: () => lt(
+                      t?.id,
+                      t?.return_location,
+                      t?.return_location_name,
+                      t?.product_return_action,
+                      t?.legacy_product_id
+                    )
+                  }
+                )
+              }
+            )
+          }
+        );
+      })() : null }),
+      /* @__PURE__ */ e("td", { children: t?.location !== null && t?.location !== void 0 ? t?.location : /* @__PURE__ */ e("div", { className: "awaiting", children: "Awaiting" }) }),
+      /* @__PURE__ */ i("td", { children: [
+        " ",
+        s(t?.return_location_name)
+      ] }),
+      /* @__PURE__ */ e("td", { title: t?.client_name ?? "", children: s(t?.client_name) }),
+      /* @__PURE__ */ e("td", { children: /* @__PURE__ */ i("ul", { style: { listStyleType: "none", padding: 0 }, children: [
+        /* @__PURE__ */ e(
+          "li",
+          {
+            style: {
+              color: "#0099ff",
+              fontWeight: 600,
+              paddingLeft: 0
+            },
+            children: /* @__PURE__ */ e(Ut, { to: `/orders/view/${t?.order_id}`, children: s(t?.recipient_name) })
+          }
+        ),
+        /* @__PURE__ */ e("li", { style: { color: "#888075" }, children: s(t?.postcode) })
+      ] }) }),
+      /* @__PURE__ */ e("td", { children: s(t?.product_return_action) }),
+      /* @__PURE__ */ e("td", { children: s(t?.code) }),
+      /* @__PURE__ */ e("td", { children: s(t?.description) }),
+      /* @__PURE__ */ e("td", { children: s(t?.part) }),
+      /* @__PURE__ */ i("td", { children: [
+        s(t?.weight),
+        " ",
+        t?.weight && t?.weight !== null ? J : ""
+      ] }),
+      /* @__PURE__ */ e("td", { children: s(t?.cube) }),
+      /* @__PURE__ */ e("td", { children: s(t?.return_reason) }),
+      /* @__PURE__ */ e("td", { children: t?.collected_at ? pt(new Date(t?.collected_at), "dd/MM/yyyy") : "UNKNOWN" }),
+      /* @__PURE__ */ e("td", { children: s(t?.collection_reason) }),
+      /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("ul", { className: "actionbox", children: /* @__PURE__ */ e(
+        xt,
+        {
+          ref: Q,
+          className: F === n ? "active" : "",
+          children: /* @__PURE__ */ i(
+            "li",
+            {
+              className: "shareIconContainer",
+              onClick: () => rt(n),
+              children: [
+                /* @__PURE__ */ e(Ct, {}),
+                /* @__PURE__ */ e(gt, {}),
+                F === n && /* @__PURE__ */ e("div", { ref: A, children: /* @__PURE__ */ e(
+                  St,
+                  {
+                    legacyURL: t?.return_order_product_label,
+                    legacyProductID: t?.legacy_product_id
+                  }
+                ) })
+              ]
+            }
+          )
+        }
+      ) }) })
+    ] }, t.id)) })
+  ] }) }) });
+};
+export {
+  le as default
+};
+//# sourceMappingURL=ReturnOrderTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReturnOrderTable.js","sources":["../../../../../src/components/order-daily-overview/return-order-table/return-orders-filters/ReturnOrderTable.tsx"],"sourcesContent":["import { Checkbox, useApiHook } from '@bjsdistribution/dms-component-library';\nimport { Empty, notification, Skeleton, Tooltip } from 'antd';\nimport { format } from 'date-fns';\nimport { useAtom } from 'jotai';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport DownIcon from '../../../../assets/icons/DownIcon';\nimport PrinterIcon from '../../../../assets/icons/PrinterIcon';\nimport CaretDownFilledIcon from '../../../../common/CaretDownFilledIcon';\nimport SortIcon from '../../../../common/SortIcon';\nimport PrintDropDownReturn from '../../../order-view/details-filters/left-side-filters/dropdowns/PrintDropDownReturn';\nimport { usefetchAgain, useReturnData } from '../../../order-view/store';\nimport {\n  useFlatCustomerData,\n  useGroupedPayload,\n  useLocationData,\n  useNewReturnPayload,\n  useReturnPayload,\n  useSelectAll,\n  useSelectedOrders,\n} from '../../../store';\nimport { ApiResponse } from '../../../types';\nimport { filtersReducerAtom } from '../../header-filters/filterStore';\nimport { displayValueOrNA } from '../../shared/utlis';\nimport {\n  useLoading,\n  UsePaginationData,\n  usePrintOptionTOggle,\n} from '../../store/store';\nimport { EmptyDataContainer } from '../../table/table-data/styles';\nimport { CustomDrop, StyledTable, StyledTableWrapper } from './returnstyles';\nimport { NavLink, useSearchParams } from 'react-router-dom';\nimport { WEIGHT_UNIT } from '../../../../common/utils';\n\nconst SELECTABLE_ACTIONS = [\n  'RTS',\n  'CLAIMS PAID',\n  'DISPOSE',\n  'RE-ALLOCATE',\n  'RECYCLE',\n  'UNKNOWN',\n];\n\nconst isSelectableItem = (item: any) =>\n  SELECTABLE_ACTIONS.includes(item?.product_return_action) &&\n  item?.return_location !== 'null' &&\n  item?.return_location !== null;\n\nconst ReturnOrderTable = () => {\n  const [state] = useAtom(filtersReducerAtom);\n  const [selectedReturnOrder, setSelectedReturnOrder] = useSelectedOrders();\n  const [selectAll, setSelectAll] = useSelectAll();\n  const { 'x-filters': filters, 'x-pagination': pagination } = state;\n  const [returnData, setReturnData] = useReturnData();\n  const [load, setLoading] = useLoading();\n  const dropdownRefParent = useRef<HTMLDivElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const [printToogle, setPrintToggle] = usePrintOptionTOggle();\n  const [, setReturnPayload] = useReturnPayload();\n  const [newpayload, setNewPayload] = useNewReturnPayload();\n  const [, setGrouped] = useGroupedPayload();\n  const [locationData] = useLocationData();\n  const [, setPaginationObject] = UsePaginationData();\n  const [callForFetch] = usefetchAgain();\n  const [searchParams] = useSearchParams();\n  const urlCustomerId = searchParams.get('customerId');\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 (!returnData || !sortConfig) return returnData;\n\n    const { key, direction } = sortConfig;\n    return [...returnData].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  }, [returnData, 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 {\n    data: fetchedOrderData,\n    loading: returnDataLoad,\n    paginationData,\n    setShouldPerformAction,\n  } = useApiHook<ApiResponse>({\n    endpoint: '/v1/return/product/pending/',\n    method: 'GET',\n    filters: filters,\n    pagination: pagination,\n    performAction: false,\n    showLoader: false,\n  });\n\n  useEffect(() => {\n    setLoading(returnDataLoad);\n    if (fetchedOrderData && fetchedOrderData?.data) {\n      setReturnData(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    setShouldPerformAction(true);\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      setReturnData(updatedReturnData);\n    }\n    // setShouldPerformAction(false);\n  }, [fetchedOrderData, returnDataLoad, locationData, state, callForFetch]);\n  // const [customers] = useCustomerData();\n  const [flatCustomers] = useFlatCustomerData();\n\n  const selectedCustomer = flatCustomers?.find((customer: any) => {\n    const customerId = customer?.customer_id?.toString();\n    return customerId && customerId === urlCustomerId;\n  });\n\n  const accountNumber = selectedCustomer?.account_number;\n  console.log(selectedCustomer, 'selectedCustomer');\n  const handleSelectAll = (e: any) => {\n    const isChecked = e.target.checked;\n    setSelectAll(isChecked);\n\n    if (isChecked) {\n      const firstSelectable = returnData?.find((loc: any) =>\n        isSelectableItem(loc)\n      );\n      const targetAction =\n        selectedReturnOrder.length > 0\n          ? selectedReturnOrder[0]?.product_return_action\n          : firstSelectable?.product_return_action;\n\n      if (!targetAction) return;\n\n      const filteredData = returnData?.filter(\n        (loc: any) =>\n          isSelectableItem(loc) && loc?.product_return_action === targetAction\n      );\n\n      const selectedOrders = filteredData.map((loc: any) => ({\n        id: loc.id,\n        return_locations: loc?.return_location_name,\n        return_location: loc?.return_location,\n        products: loc?.legacy_product_id,\n        product_return_action: loc?.product_return_action,\n        return_location_token: loc?.return_location,\n      }));\n      const newPayload = filteredData.map((loc: any) => ({\n        id: loc.id,\n        account_number: accountNumber,\n        customer_id: Number(urlCustomerId),\n        products: [loc?.legacy_product_id],\n        return_action: loc?.product_return_action,\n        return_location_token: loc?.return_location || null,\n      }));\n      console.log(newPayload, 'newPayloadnewPayload');\n\n      setSelectedReturnOrder(selectedOrders);\n      setNewPayload(newPayload);\n    } else {\n      setSelectedReturnOrder([]);\n      setNewPayload([]);\n      setGrouped([]);\n    }\n  };\n\n  const handleSelectOrderReturn = (\n    id: any,\n    return_location: any,\n    return_location_name: any,\n    product_return_action: any,\n    legacy_product_id: any\n  ) => {\n    setSelectedReturnOrder((prevSelectedLocations: any) => {\n      const isSelected = prevSelectedLocations?.some(\n        (loc: any) => loc.id === id\n      );\n      if (isSelected) {\n        const updatedSelectedLocations = prevSelectedLocations.filter(\n          (loc: any) => loc.id !== id\n        );\n\n        setReturnPayload(prevState => ({\n          ...prevState,\n          products: legacy_product_id,\n          return_action: product_return_action || null,\n          return_location_token: return_location || null,\n        }));\n\n        setNewPayload((prevPayload: any) =>\n          prevPayload.filter((item: any) => item.id !== id)\n        );\n\n        const targetAction = product_return_action;\n        const totalItemsOfAction = returnData?.filter(\n          (loc: any) =>\n            isSelectableItem(loc) && loc?.product_return_action === targetAction\n        )?.length;\n\n        setSelectAll(\n          updatedSelectedLocations?.length > 0 &&\n          updatedSelectedLocations?.length === totalItemsOfAction\n        );\n        return updatedSelectedLocations;\n      } else {\n        const newReturnPayload = {\n          id,\n          account_number: accountNumber,\n          customer_id: Number(urlCustomerId),\n          products: [legacy_product_id],\n          return_action: product_return_action || null,\n          return_location_token: return_location || null,\n        };\n\n        setNewPayload((prevPayload: any) => [...prevPayload, newReturnPayload]);\n\n        const updatedSelectedLocations = [\n          ...prevSelectedLocations,\n          {\n            id,\n            return_location,\n            return_location_name,\n            product_return_action,\n          },\n        ];\n\n        const targetAction = product_return_action;\n        const totalItemsOfAction = returnData?.filter(\n          (loc: any) =>\n            isSelectableItem(loc) && loc?.product_return_action === targetAction\n        )?.length;\n\n        setSelectAll(updatedSelectedLocations?.length === totalItemsOfAction);\n        return updatedSelectedLocations;\n      }\n    });\n  };\n\n  useEffect(() => {\n    if (newpayload?.length === 0) {\n      setGrouped([]);\n      return;\n    }\n\n    const groupedPayload = newpayload?.reduce((acc: any, item: any) => {\n      const { return_location_token, id } = item;\n      const key = return_location_token || `no_token_${id}`;\n\n      if (!acc[key]) {\n        acc[key] = {\n          ...item,\n          products: [],\n          return_action: [],\n        };\n      }\n\n      acc[key].products = [...acc[key].products, ...item.products];\n\n      acc[key].return_action = Array.from(\n        new Set([...acc[key].return_action, ...item.return_action])\n      );\n\n      return acc;\n    }, {});\n    const mergedPayload = Object.values(groupedPayload);\n    setGrouped(mergedPayload);\n  }, [newpayload]);\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              {returnData?.some((item: any) => isSelectableItem(item)) ? (\n                <th className=\"emailInvoiceCheckbox\">\n                  <Checkbox checked={selectAll} onChange={handleSelectAll} />\n                </th>\n              ) : (\n                <th></th>\n              )}\n              <th onClick={() => handleSort('location')}>\n                <div className=\"sortIconClass\">\n                  Product Location {renderSortIcon('location')}\n                </div>\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>Client</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                    {isSelectableItem(item) ? (() => {\n                      const isDisabled =\n                        selectedReturnOrder?.length > 0 &&\n                        selectedReturnOrder[0]?.product_return_action !==\n                        item?.product_return_action;\n\n                      return (\n                        <Tooltip\n                          title={\n                            isDisabled\n                              ? 'Cannot select different return actions'\n                              : ''\n                          }\n                        >\n                          <span\n                            className={isDisabled ? 'disabled-wrapper' : ''}\n                          >\n                            <Checkbox\n                              className=\"custom-check\"\n                              disabled={isDisabled}\n                              checked={selectedReturnOrder.some(\n                                (selectedInvoice: any) =>\n                                  selectedInvoice?.id === item?.id\n                              )}\n                              onChange={() =>\n                                handleSelectOrderReturn(\n                                  item?.id,\n                                  item?.return_location,\n                                  item?.return_location_name,\n                                  item?.product_return_action,\n                                  item?.legacy_product_id\n                                )\n                              }\n                            />\n                          </span>\n                        </Tooltip>\n                      );\n                    })() : null}\n                  </td>\n\n                  <td>\n                    {item?.location !== null && item?.location !== undefined ? (\n                      item?.location\n                    ) : (\n                      <div className=\"awaiting\">Awaiting</div>\n                    )}\n                  </td>\n                  <td> {displayValueOrNA(item?.return_location_name)}</td>\n                  <td title={item?.client_name ?? ''}>\n                    {displayValueOrNA(item?.client_name)}\n                  </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 ReturnOrderTable;\n"],"names":["SELECTABLE_ACTIONS","isSelectableItem","item","ReturnOrderTable","state","useAtom","filtersReducerAtom","selectedReturnOrder","setSelectedReturnOrder","useSelectedOrders","selectAll","setSelectAll","useSelectAll","filters","pagination","returnData","setReturnData","useReturnData","load","setLoading","useLoading","dropdownRefParent","useRef","dropdownRef","printToogle","setPrintToggle","usePrintOptionTOggle","setReturnPayload","useReturnPayload","newpayload","setNewPayload","useNewReturnPayload","setGrouped","useGroupedPayload","locationData","useLocationData","setPaginationObject","UsePaginationData","callForFetch","usefetchAgain","searchParams","useSearchParams","urlCustomerId","sortConfig","setSortConfig","useState","handleSort","key","prev","sortedData","useMemo","direction","a","b","valueA","valueB","renderSortIcon","columnKey","SortIcon","CaretDownFilledIcon","OpenDropDown","index","prevIndex","useEffect","handleClickOutside","event","fetchedOrderData","returnDataLoad","paginationData","setShouldPerformAction","useApiHook","count","rest","error","notification","updatedReturnData","returnItem","matchingLocation","location","flatCustomers","useFlatCustomerData","selectedCustomer","customer","customerId","accountNumber","handleSelectAll","e","isChecked","firstSelectable","loc","targetAction","filteredData","selectedOrders","newPayload","handleSelectOrderReturn","id","return_location","return_location_name","product_return_action","legacy_product_id","prevSelectedLocations","updatedSelectedLocations","prevState","prevPayload","totalItemsOfAction","newReturnPayload","groupedPayload","acc","return_location_token","mergedPayload","jsx","StyledTableWrapper","StyledTable","Checkbox","jsxs","WEIGHT_UNIT","Skeleton","EmptyDataContainer","Empty","isDisabled","Tooltip","selectedInvoice","displayValueOrNA","NavLink","format","CustomDrop","PrinterIcon","DownIcon","PrintDropDownReturn"],"mappings":";;;;;;;;;;;;;;;;;;;;AAiCA,MAAMA,KAAqB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEMC,IAAmB,CAACC,MACxBF,GAAmB,SAASE,GAAM,qBAAqB,KACvDA,GAAM,oBAAoB,UAC1BA,GAAM,oBAAoB,MAEtBC,KAAmB,MAAM;AAC7B,QAAM,CAACC,CAAK,IAAIC,GAAQC,EAAkB,GACpC,CAACC,GAAqBC,CAAsB,IAAIC,GAAA,GAChD,CAACC,GAAWC,CAAY,IAAIC,GAAA,GAC5B,EAAE,aAAaC,GAAS,gBAAgBC,MAAeV,GACvD,CAACW,GAAYC,CAAa,IAAIC,GAAA,GAC9B,CAACC,GAAMC,CAAU,IAAIC,GAAA,GACrBC,IAAoBC,EAAuB,IAAI,GAC/CC,IAAcD,EAAuB,IAAI,GACzC,CAACE,GAAaC,CAAc,IAAIC,GAAA,GAChC,CAAA,EAAGC,CAAgB,IAAIC,GAAA,GACvB,CAACC,GAAYC,CAAa,IAAIC,GAAA,GAC9B,CAAA,EAAGC,CAAU,IAAIC,GAAA,GACjB,CAACC,CAAY,IAAIC,GAAA,GACjB,CAAA,EAAGC,CAAmB,IAAIC,GAAA,GAC1B,CAACC,EAAY,IAAIC,GAAA,GACjB,CAACC,EAAY,IAAIC,GAAA,GACjBC,IAAgBF,GAAa,IAAI,YAAY,GAE7C,CAACG,GAAYC,EAAa,IAAIC,GAG1B,IAAI,GAERC,IAAa,CAACC,MAAgB;AAClC,IAAAH,GAAc,CAACI,MACTA,GAAM,QAAQD,KAAOC,EAAK,cAAc,QACnC,EAAE,KAAAD,GAAK,WAAW,OAAA,IAEpB,EAAE,KAAAA,GAAK,WAAW,MAAA,CAC1B;AAAA,EACH,GAEME,IAAaC,GAAQ,MAAM;AAC/B,QAAI,CAACnC,KAAc,CAAC4B,EAAY,QAAO5B;AAEvC,UAAM,EAAE,KAAAgC,GAAK,WAAAI,EAAA,IAAcR;AAC3B,WAAO,CAAC,GAAG5B,CAAU,EAAE,KAAK,CAACqC,GAAGC,MAAM;AACpC,YAAMC,IAASF,EAAEL,CAAG,GACdQ,IAASF,EAAEN,CAAG;AAEpB,aAAI,OAAOO,KAAW,YAAY,OAAOC,KAAW,WAC3CJ,MAAc,QAAQG,IAASC,IAASA,IAASD,IAEtD,OAAOA,KAAW,YAAY,OAAOC,KAAW,WAC3CJ,MAAc,QACjBG,EAAO,cAAcC,CAAM,IAC3BA,EAAO,cAAcD,CAAM,IAE1B;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAACvC,GAAY4B,CAAU,CAAC,GAErBa,IAAiB,CAACC,MAClB,CAACd,KAAcA,EAAW,QAAQc,sBAC5BC,IAAA,EAAS,IAEZf,EAAW,cAAc,0BAC7BgB,GAAA,CAAA,CAAoB,sBAEpBA,GAAA,EAAoB,GAInBC,KAAe,CAACC,MAAkB;AACtC,IAAApC,EAAe,CAAAqC,MAAcA,MAAcD,IAAQ,OAAOA,CAAM;AAAA,EAClE;AAEA,EAAAE,EAAU,OACR,SAAS,iBAAiB,aAAaC,CAAkB,GAClD,MAAM;AACX,aAAS,oBAAoB,aAAaA,CAAkB;AAAA,EAC9D,IACC,CAAA,CAAE;AACL,QAAMA,IAAqB,CAACC,MAAsB;AAChD,IACE1C,EAAY,WACZ,CAACA,EAAY,QAAQ,SAAS0C,EAAM,MAAc,KAElDxC,EAAe,IAAI;AAAA,EAEvB,GAEM;AAAA,IACJ,MAAMyC;AAAA,IACN,SAASC;AAAA,IACT,gBAAAC;AAAA,IACA,wBAAAC;AAAA,EAAA,IACEC,GAAwB;AAAA,IAC1B,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAAAzD;AAAA,IACA,YAAAC;AAAA,IACA,eAAe;AAAA,IACf,YAAY;AAAA,EAAA,CACb;AAED,EAAAiD,EAAU,MAAM;AAEd,QADA5C,EAAWgD,CAAc,GACrBD,KAAoBA,GAAkB;AAExC,UADAlD,EAAckD,GAAkB,IAAI,GAChCE;AACF,YAAI;AACF,gBAAM,EAAE,OAAAG,GAAO,GAAGC,MAAS,KAAK,MAAMJ,CAAc;AACpD,UAAAhC,EAAoBoC,CAAI;AAAA,QAC1B,SAASC,GAAO;AACd,kBAAQ,MAAM,iCAAiCA,CAAK,GACpDC,EAAa,MAAM;AAAA,YACjB,SAAS;AAAA,YACT,aAAa;AAAA,UAAA,CACd;AAAA,QACH;AAAA;AAEA,QAAAA,EAAa,MAAM;AAAA,UACjB,SAAS;AAAA,UACT,aAAa;AAAA,QAAA,CACd;AAAA,EAGP,GAAG,CAACR,GAAkBC,CAAc,CAAC,GAErCJ,EAAU,MAAM;AAGd,QAFA5C,EAAWgD,CAAc,GACzBE,GAAuB,EAAI,GACvBH,KAAoBA,GAAkB,QAAQhC,GAAc;AAC9D,YAAMyC,IAAoBT,EAAiB,KAAK,IAAI,CAAAU,MAAc;AAChE,cAAMC,IAAmB3C,EAAa;AAAA,UACpC,CAAC4C,MAAkBA,GAAU,UAAUF,GAAY;AAAA,QAAA;AAErD,eAAO;AAAA,UACL,GAAGA;AAAA,UACH,cAAcC,IACVA,GAAkB,gBAClB;AAAA,QAAA;AAAA,MAER,CAAC;AAED,MAAA7D,EAAc2D,CAAiB;AAAA,IACjC;AAAA,EAEF,GAAG,CAACT,GAAkBC,GAAgBjC,GAAc9B,GAAOkC,EAAY,CAAC;AAExE,QAAM,CAACyC,EAAa,IAAIC,GAAA,GAElBC,IAAmBF,IAAe,KAAK,CAACG,MAAkB;AAC9D,UAAMC,IAAaD,GAAU,aAAa,SAAA;AAC1C,WAAOC,KAAcA,MAAezC;AAAA,EACtC,CAAC,GAEK0C,IAAgBH,GAAkB;AACxC,UAAQ,IAAIA,GAAkB,kBAAkB;AAChD,QAAMI,KAAkB,CAACC,MAAW;AAClC,UAAMC,IAAYD,EAAE,OAAO;AAG3B,QAFA3E,EAAa4E,CAAS,GAElBA,GAAW;AACb,YAAMC,IAAkBzE,GAAY;AAAA,QAAK,CAAC0E,MACxCxF,EAAiBwF,CAAG;AAAA,MAAA,GAEhBC,IACJnF,EAAoB,SAAS,IACzBA,EAAoB,CAAC,GAAG,wBACxBiF,GAAiB;AAEvB,UAAI,CAACE,EAAc;AAEnB,YAAMC,IAAe5E,GAAY;AAAA,QAC/B,CAAC0E,MACCxF,EAAiBwF,CAAG,KAAKA,GAAK,0BAA0BC;AAAA,MAAA,GAGtDE,IAAiBD,EAAa,IAAI,CAACF,OAAc;AAAA,QACrD,IAAIA,EAAI;AAAA,QACR,kBAAkBA,GAAK;AAAA,QACvB,iBAAiBA,GAAK;AAAA,QACtB,UAAUA,GAAK;AAAA,QACf,uBAAuBA,GAAK;AAAA,QAC5B,uBAAuBA,GAAK;AAAA,MAAA,EAC5B,GACII,IAAaF,EAAa,IAAI,CAACF,OAAc;AAAA,QACjD,IAAIA,EAAI;AAAA,QACR,gBAAgBL;AAAA,QAChB,aAAa,OAAO1C,CAAa;AAAA,QACjC,UAAU,CAAC+C,GAAK,iBAAiB;AAAA,QACjC,eAAeA,GAAK;AAAA,QACpB,uBAAuBA,GAAK,mBAAmB;AAAA,MAAA,EAC/C;AACF,cAAQ,IAAII,GAAY,sBAAsB,GAE9CrF,EAAuBoF,CAAc,GACrC9D,EAAc+D,CAAU;AAAA,IAC1B;AACE,MAAArF,EAAuB,CAAA,CAAE,GACzBsB,EAAc,CAAA,CAAE,GAChBE,EAAW,CAAA,CAAE;AAAA,EAEjB,GAEM8D,KAA0B,CAC9BC,GACAC,GACAC,GACAC,GACAC,MACG;AACH,IAAA3F,EAAuB,CAAC4F,MAA+B;AAIrD,UAHmBA,GAAuB;AAAA,QACxC,CAACX,MAAaA,EAAI,OAAOM;AAAA,MAAA,GAEX;AACd,cAAMM,IAA2BD,EAAsB;AAAA,UACrD,CAACX,MAAaA,EAAI,OAAOM;AAAA,QAAA;AAG3B,QAAApE,EAAiB,CAAA2E,OAAc;AAAA,UAC7B,GAAGA;AAAA,UACH,UAAUH;AAAA,UACV,eAAeD,KAAyB;AAAA,UACxC,uBAAuBF,KAAmB;AAAA,QAAA,EAC1C,GAEFlE;AAAA,UAAc,CAACyE,MACbA,EAAY,OAAO,CAACrG,MAAcA,EAAK,OAAO6F,CAAE;AAAA,QAAA;AAGlD,cAAML,IAAeQ,GACfM,IAAqBzF,GAAY;AAAA,UACrC,CAAC0E,MACCxF,EAAiBwF,CAAG,KAAKA,GAAK,0BAA0BC;AAAA,QAAA,GACzD;AAEH,eAAA/E;AAAA,UACE0F,GAA0B,SAAS,KACnCA,GAA0B,WAAWG;AAAA,QAAA,GAEhCH;AAAA,MACT,OAAO;AACL,cAAMI,IAAmB;AAAA,UACvB,IAAAV;AAAA,UACA,gBAAgBX;AAAA,UAChB,aAAa,OAAO1C,CAAa;AAAA,UACjC,UAAU,CAACyD,CAAiB;AAAA,UAC5B,eAAeD,KAAyB;AAAA,UACxC,uBAAuBF,KAAmB;AAAA,QAAA;AAG5C,QAAAlE,EAAc,CAACyE,MAAqB,CAAC,GAAGA,GAAaE,CAAgB,CAAC;AAEtE,cAAMJ,IAA2B;AAAA,UAC/B,GAAGD;AAAA,UACH;AAAA,YACE,IAAAL;AAAA,YACA,iBAAAC;AAAA,YACA,sBAAAC;AAAA,YACA,uBAAAC;AAAA,UAAA;AAAA,QACF,GAGIR,IAAeQ,GACfM,IAAqBzF,GAAY;AAAA,UACrC,CAAC0E,MACCxF,EAAiBwF,CAAG,KAAKA,GAAK,0BAA0BC;AAAA,QAAA,GACzD;AAEH,eAAA/E,EAAa0F,GAA0B,WAAWG,CAAkB,GAC7DH;AAAA,MACT;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAAtC,EAAU,MAAM;AACd,QAAIlC,GAAY,WAAW,GAAG;AAC5B,MAAAG,EAAW,CAAA,CAAE;AACb;AAAA,IACF;AAEA,UAAM0E,IAAiB7E,GAAY,OAAO,CAAC8E,GAAUzG,MAAc;AACjE,YAAM,EAAE,uBAAA0G,GAAuB,IAAAb,EAAA,IAAO7F,GAChC6C,IAAM6D,KAAyB,YAAYb,CAAE;AAEnD,aAAKY,EAAI5D,CAAG,MACV4D,EAAI5D,CAAG,IAAI;AAAA,QACT,GAAG7C;AAAA,QACH,UAAU,CAAA;AAAA,QACV,eAAe,CAAA;AAAA,MAAC,IAIpByG,EAAI5D,CAAG,EAAE,WAAW,CAAC,GAAG4D,EAAI5D,CAAG,EAAE,UAAU,GAAG7C,EAAK,QAAQ,GAE3DyG,EAAI5D,CAAG,EAAE,gBAAgB,MAAM;AAAA,QAC7B,oBAAI,IAAI,CAAC,GAAG4D,EAAI5D,CAAG,EAAE,eAAe,GAAG7C,EAAK,aAAa,CAAC;AAAA,MAAA,GAGrDyG;AAAA,IACT,GAAG,CAAA,CAAE,GACCE,IAAgB,OAAO,OAAOH,CAAc;AAClD,IAAA1E,EAAW6E,CAAa;AAAA,EAC1B,GAAG,CAAChF,CAAU,CAAC,2BAGX,UAAA,gBAAAiF,EAACC,IAAA,EAAmB,WAAU,aAC5B,4BAACC,IAAA,EACC,UAAA;AAAA,IAAA,gBAAAF,EAAC,SAAA,EACC,4BAAC,MAAA,EAIE,UAAA;AAAA,MAAA/F,GAAY,KAAK,CAACb,MAAcD,EAAiBC,CAAI,CAAC,sBACpD,MAAA,EAAG,WAAU,wBACZ,UAAA,gBAAA4G,EAACG,GAAA,EAAS,SAASvG,GAAW,UAAU2E,IAAiB,GAC3D,sBAEC,MAAA,CAAA,CAAG;AAAA,MAEN,gBAAAyB,EAAC,MAAA,EAAG,SAAS,MAAMhE,EAAW,UAAU,GACtC,UAAA,gBAAAoE,EAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA;AAAA,QAAA;AAAA,QACX1D,EAAe,UAAU;AAAA,MAAA,EAAA,CAC7C,EAAA,CACF;AAAA,MACA,gBAAAsD,EAAC,MAAA,EAAG,SAAS,MAAMhE,EAAW,sBAAsB,GAClD,UAAA,gBAAAoE,EAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA;AAAA,QAAA;AAAA,QACZ1D,EAAe,sBAAsB;AAAA,MAAA,EAAA,CACxD,EAAA,CACF;AAAA,MACA,gBAAAsD,EAAC,QAAG,UAAA,SAAA,CAAM;AAAA,MACV,gBAAAA,EAAC,MAAA,EAAG,SAAS,MAAMhE,EAAW,gBAAgB,GAC5C,UAAA,gBAAAoE,EAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA;AAAA,QAAA;AAAA,QAClB1D,EAAe,gBAAgB;AAAA,MAAA,EAAA,CAC5C,EAAA,CACF;AAAA,MACA,gBAAAsD,EAAC,QAAG,UAAA,gBAAA,CAAa;AAAA,MACjB,gBAAAA,EAAC,QAAG,UAAA,OAAA,CAAI;AAAA,MACR,gBAAAA,EAAC,QAAG,UAAA,cAAA,CAAW;AAAA,MACf,gBAAAA,EAAC,QAAG,UAAA,OAAA,CAAI;AAAA,MACR,gBAAAA,EAAC,MAAA,EAAG,SAAS,MAAMhE,EAAW,QAAQ,GACpC,UAAA,gBAAAoE,EAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA;AAAA,QAAA;AAAA,QACpBC;AAAA,QAAY;AAAA,QAAG3D,EAAe,QAAQ;AAAA,MAAA,EAAA,CACjD,EAAA,CACF;AAAA,MACA,gBAAAsD,EAAC,QAAG,UAAA,MAAA,CAAG;AAAA,MACP,gBAAAA,EAAC,MAAA,EAAG,SAAS,MAAMhE,EAAW,eAAe,GAC3C,UAAA,gBAAAoE,EAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA;AAAA,QAAA;AAAA,QACd1D,EAAe,eAAe;AAAA,MAAA,EAAA,CAC/C,EAAA,CACF;AAAA,MACA,gBAAAsD,EAAC,QAAG,UAAA,YAAA,CAAS;AAAA,MACb,gBAAAA,EAAC,MAAA,EAAG,SAAS,MAAMhE,EAAW,mBAAmB,GAC/C,UAAA,gBAAAoE,EAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA;AAAA,QAAA;AAAA,QACV1D,EAAe,mBAAmB;AAAA,MAAA,EAAA,CACvD,EAAA,CACF;AAAA,MACA,gBAAAsD,EAAC,MAAA,EAAG,WAAU,qBAAoB,UAAA,SAAA,CAAM;AAAA,IAAA,EAAA,CAC1C,EAAA,CACF;AAAA,sBACC,SAAA,EACE,UAAA5F,IACC,gBAAA4F,EAAC,MAAA,EACC,4BAAC,MAAA,EAAG,SAAS,IACX,UAAA,gBAAAA,EAACM,MAAS,QAAM,GAAA,CAAC,GACnB,EAAA,CACF,IACEnE,GAAY,WAAW,IACzB,gBAAA6D,EAAC,MAAA,EACC,4BAAC,MAAA,EAAG,SAAS,IACX,UAAA,gBAAAA,EAACO,IAAA,EACC,4BAACC,IAAA,CAAA,CAAM,GACT,EAAA,CACF,EAAA,CACF,IAEArE,GAAY,IAAI,CAAC/C,GAAW2D,wBACzB,MAAA,EACC,UAAA;AAAA,MAAA,gBAAAiD,EAAC,MAAA,EACE,UAAA7G,EAAiBC,CAAI,KAAK,MAAM;AAC/B,cAAMqH,IACJhH,GAAqB,SAAS,KAC9BA,EAAoB,CAAC,GAAG,0BACxBL,GAAM;AAER,eACE,gBAAA4G;AAAA,UAACU;AAAA,UAAA;AAAA,YACC,OACED,IACI,2CACA;AAAA,YAGN,UAAA,gBAAAT;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWS,IAAa,qBAAqB;AAAA,gBAE7C,UAAA,gBAAAT;AAAA,kBAACG;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,UAAUM;AAAA,oBACV,SAAShH,EAAoB;AAAA,sBAC3B,CAACkH,MACCA,GAAiB,OAAOvH,GAAM;AAAA,oBAAA;AAAA,oBAElC,UAAU,MACR4F;AAAA,sBACE5F,GAAM;AAAA,sBACNA,GAAM;AAAA,sBACNA,GAAM;AAAA,sBACNA,GAAM;AAAA,sBACNA,GAAM;AAAA,oBAAA;AAAA,kBACR;AAAA,gBAAA;AAAA,cAEJ;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAGN,GAAA,IAAO,MACT;AAAA,MAEA,gBAAA4G,EAAC,MAAA,EACE,UAAA5G,GAAM,aAAa,QAAQA,GAAM,aAAa,SAC7CA,GAAM,WAEN,gBAAA4G,EAAC,OAAA,EAAI,WAAU,YAAW,sBAAQ,GAEtC;AAAA,wBACC,MAAA,EAAG,UAAA;AAAA,QAAA;AAAA,QAAEY,EAAiBxH,GAAM,oBAAoB;AAAA,MAAA,GAAE;AAAA,MACnD,gBAAA4G,EAAC,QAAG,OAAO5G,GAAM,eAAe,IAC7B,UAAAwH,EAAiBxH,GAAM,WAAW,EAAA,CACrC;AAAA,MACA,gBAAA4G,EAAC,MAAA,EACC,UAAA,gBAAAI,EAAC,MAAA,EAAG,OAAO,EAAE,eAAe,QAAQ,SAAS,EAAA,GAC3C,UAAA;AAAA,QAAA,gBAAAJ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,OAAO;AAAA,cACP,YAAY;AAAA,cACZ,aAAa;AAAA,YAAA;AAAA,YAGf,UAAA,gBAAAA,EAACa,IAAA,EAAQ,IAAI,gBAAgBzH,GAAM,QAAQ,IACxC,UAAAwH,EAAiBxH,GAAM,cAAc,EAAA,CACxC;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,gBAAA4G,EAAC,MAAA,EAAG,OAAO,EAAE,OAAO,aACjB,UAAAY,EAAiBxH,GAAM,QAAQ,EAAA,CAClC;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,MACA,gBAAA4G,EAAC,MAAA,EAAI,UAAAY,EAAiBxH,GAAM,qBAAqB,GAAE;AAAA,MACnD,gBAAA4G,EAAC,MAAA,EAAI,UAAAY,EAAiBxH,GAAM,IAAI,GAAE;AAAA,MAClC,gBAAA4G,EAAC,MAAA,EAAI,UAAAY,EAAiBxH,GAAM,WAAW,GAAE;AAAA,MACzC,gBAAA4G,EAAC,MAAA,EAAI,UAAAY,EAAiBxH,GAAM,IAAI,GAAE;AAAA,wBACjC,MAAA,EACE,UAAA;AAAA,QAAAwH,EAAiBxH,GAAM,MAAM;AAAA,QAAG;AAAA,QAChCA,GAAM,UAAUA,GAAM,WAAW,OAAOiH,IAAc;AAAA,MAAA,GACzD;AAAA,MACA,gBAAAL,EAAC,MAAA,EAAI,UAAAY,EAAiBxH,GAAM,IAAI,GAAE;AAAA,MAClC,gBAAA4G,EAAC,MAAA,EAAI,UAAAY,EAAiBxH,GAAM,aAAa,GAAE;AAAA,MAC3C,gBAAA4G,EAAC,MAAA,EACE,UAAA5G,GAAM,eACH0H,GAAO,IAAI,KAAK1H,GAAM,YAAY,GAAG,YAAY,IACjD,UAAA,CACN;AAAA,MAEA,gBAAA4G,EAAC,MAAA,EAAI,UAAAY,EAAiBxH,GAAM,iBAAiB,GAAE;AAAA,MAC/C,gBAAA4G,EAAC,MAAA,EACC,UAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,aACZ,UAAA,gBAAAA;AAAA,QAACe;AAAA,QAAA;AAAA,UACC,KAAKxG;AAAA,UACL,WAAWG,MAAgBqC,IAAQ,WAAW;AAAA,UAE9C,UAAA,gBAAAqD;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,SAAS,MAAMtD,GAAaC,CAAK;AAAA,cAEjC,UAAA;AAAA,gBAAA,gBAAAiD,EAACgB,IAAA,EAAY;AAAA,kCACZC,IAAA,EAAS;AAAA,gBACTvG,MAAgBqC,KACf,gBAAAiD,EAAC,OAAA,EAAI,KAAKvF,GACR,UAAA,gBAAAuF;AAAA,kBAACkB;AAAA,kBAAA;AAAA,oBACC,WAAW9H,GAAM;AAAA,oBACjB,iBAAiBA,GAAM;AAAA,kBAAA;AAAA,gBAAA,EACzB,CACF;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAEJ;AAAA,MAAA,GAEJ,EAAA,CACF;AAAA,IAAA,KA/GOA,EAAK,EAgHd,CACD,EAAA,CAEL;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}

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

@@ -0,0 +1,61 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import r from "styled-components";
+import { countReducerAtom as u, useReturnData as c } from "../../../order-view/store.js";
+import { useSelectedOrders as p } from "../../../store.js";
+import { ExportButton as f } from "@bjsdistribution/dms-component-library";
+import { filtersReducerAtom as m } from "../../header-filters/filterStore.js";
+import { useAtom as t } from "jotai";
+const w = () => {
+  const [, o] = t(u), [n] = p(), [i] = c(), [s] = t(m), { "x-filters": a } = s, l = {
+    isExportedData: !(i?.length <= 0),
+    moduleName: "return",
+    filter: a,
+    file_type: "csv",
+    apiUrlEndPoint: "v1/return/product/pending/",
+    reference: "return_export",
+    feature_name: "return"
+  };
+  return /* @__PURE__ */ d(x, { children: [
+    /* @__PURE__ */ e(
+      g,
+      {
+        onClick: () => o({ type: "create-return" }),
+        disabled: n?.length === 0,
+        children: "Create Return"
+      }
+    ),
+    /* @__PURE__ */ e(f, { moduleInfoModule: l })
+  ] });
+}, x = r.div`
+  display: flex;
+  /* align-items: flex-start; */
+  gap: 16px;
+  align-items: center;
+`, g = r.button`
+  color: white;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 600;
+
+  display: flex;
+  padding: 7px 12px;
+  justify-content: center;
+  align-items: center;
+  gap: 2px;
+  border-radius: 15px;
+  background: #3a3630;
+  font-family: 'Lato';
+  cursor: pointer;
+  border: none;
+
+  &:disabled {
+    border-radius: 15px;
+    background: rgba(136, 128, 117, 0.35);
+    color: #888075;
+    cursor: not-allowed;
+  }
+`;
+export {
+  w as default
+};
+//# sourceMappingURL=RightFilters.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RightFilters.js","sources":["../../../../../src/components/order-daily-overview/return-order-table/return-orders-filters/RightFilters.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport {\n  countReducerAtom,\n  useAtom,\n  useReturnData,\n} from '../../../order-view/store';\nimport { useSelectedOrders } from '../../../store';\n// import { StyledBulkItem } from '../../filters/BulkFilterStyle';\n// import SearchType from '../../header/route-header/search/SearchType';\n// import DownloadIcon from '../../../../assets/icons/DownloadIcon';\nimport { ExportButton } from '@bjsdistribution/dms-component-library';\nimport { filtersReducerAtom } from '../../header-filters/filterStore';\n// import { FilterIconConatiner } from '../../filters/FilterStyle';\n\nconst RightFilters = () => {\n  const [, dispatch] = useAtom(countReducerAtom);\n  const [selectedReturnOrder] = useSelectedOrders();\n  const [returnData] = useReturnData();\n  const [state] = useAtom(filtersReducerAtom);\n\n  const { 'x-filters': filters } = state;\n  const moduleInfo = {\n    isExportedData: returnData?.length <= 0 ? false : true,\n    moduleName: 'return',\n    filter: filters,\n    file_type: 'csv',\n    apiUrlEndPoint: `v1/return/product/pending/`,\n    reference: 'return_export',\n    feature_name: 'return',\n  };\n\n  return (\n    <Container>\n      <ButtonText\n        onClick={() => dispatch({ type: 'create-return' })}\n        disabled={selectedReturnOrder?.length === 0}\n      >\n        Create Return\n      </ButtonText>\n      {/* <StyledBulkItem>\n        <SearchType />\n      </StyledBulkItem> */}\n      {/* <IconConatiner>\n        <Mid> */}\n      <ExportButton moduleInfoModule={moduleInfo} />\n      {/* <DownloadIcon />\n        </Mid> */}\n      {/* </IconConatiner> */}\n    </Container>\n  );\n};\nconst Container = styled.div`\n  display: flex;\n  /* align-items: flex-start; */\n  gap: 16px;\n  align-items: center;\n`;\n// const Mid = styled.div`\n//   display: flex;\n//   padding: 4px 10px;\n//   align-items: center;\n//   gap: 8px;\n//   align-self: stretch;\n//   border-radius: 15px 0px 0px 15px;\n// `;\n\nconst ButtonText = styled.button`\n  color: white;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n\n  display: flex;\n  padding: 7px 12px;\n  justify-content: center;\n  align-items: center;\n  gap: 2px;\n  border-radius: 15px;\n  background: #3a3630;\n  font-family: 'Lato';\n  cursor: pointer;\n  border: none;\n\n  &:disabled {\n    border-radius: 15px;\n    background: rgba(136, 128, 117, 0.35);\n    color: #888075;\n    cursor: not-allowed;\n  }\n`;\n\n// const IconConatiner = styled.div`\n//   /* display: flex;\n//   height: 34px;\n//   padding: 4px 10px;\n//   align-items: flex-start;\n//   border-radius: 8px 8px 8px 8px; */\n//   box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n//   background: #f0f2f2;\n//   border: 1px solid #e2e0db;\n//   display: flex;\n//   padding: 7px 12px;\n//   justify-content: center;\n//   align-items: center;\n//   gap: 2px;\n//   border-radius: 15px;\n//   height: 34px;\n// `;\n\n// const IconText = styled.div`\n//   color: #3a3630;\n//   text-align: center;\n\n//   /* body/captions */\n//   font-family: 'Lato';\n//   font-size: 13px;\n//   font-style: normal;\n//   font-weight: 400;\n//   line-height: 16px;\n// `;\nexport default RightFilters;\n"],"names":["RightFilters","dispatch","useAtom","countReducerAtom","selectedReturnOrder","useSelectedOrders","returnData","useReturnData","state","filtersReducerAtom","filters","moduleInfo","Container","jsx","ButtonText","ExportButton","styled"],"mappings":";;;;;;;AAeA,MAAMA,IAAe,MAAM;AACzB,QAAM,GAAGC,CAAQ,IAAIC,EAAQC,CAAgB,GACvC,CAACC,CAAmB,IAAIC,EAAA,GACxB,CAACC,CAAU,IAAIC,EAAA,GACf,CAACC,CAAK,IAAIN,EAAQO,CAAkB,GAEpC,EAAE,aAAaC,EAAA,IAAYF,GAC3BG,IAAa;AAAA,IACjB,gBAAgB,EAAAL,GAAY,UAAU;AAAA,IACtC,YAAY;AAAA,IACZ,QAAQI;AAAA,IACR,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,cAAc;AAAA,EAAA;AAGhB,2BACGE,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAS,MAAMb,EAAS,EAAE,MAAM,iBAAiB;AAAA,QACjD,UAAUG,GAAqB,WAAW;AAAA,QAC3C,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAQD,gBAAAS,EAACE,GAAA,EAAa,kBAAkBJ,EAAA,CAAY;AAAA,EAAA,GAI9C;AAEJ,GACMC,IAAYI,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAenBF,IAAaE,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}