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

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

@@ -1,23 +1,23 @@
-import { jsx as t, Fragment as le, jsxs as c } from "react/jsx-runtime";
-import { useApiHook as ie, Checkbox as B } from "@bjsdistribution/dms-component-library";
-import { notification as se, Skeleton as de, Empty as ue, Tooltip as he } from "antd";
-import { format as pe } from "date-fns";
-import { useAtom as _e } from "jotai";
-import { useRef as H, useState as me, useMemo as fe, useEffect as R } from "react";
-import ge from "../../../../assets/icons/DownIcon.js";
-import Ce from "../../../../assets/icons/PrinterIcon.js";
-import K from "../../../../common/CaretDownFilledIcon.js";
-import be from "../../../../common/SortIcon.js";
-import ye from "../../../order-view/details-filters/left-side-filters/dropdowns/PrintDropDownReturn.js";
-import { useReturnData as Ne, usefetchAgain as Se } from "../../../order-view/store.js";
-import { useSelectedOrders as we, useSelectAll as Re, useReturnPayload as De, useNewReturnPayload as Ae, useGroupedPayload as Pe, useLocationData as ke, useFlatCustomerData as Ie } from "../../../store.js";
-import { filtersReducerAtom as Le } from "../../header-filters/filterStore.js";
+import { jsx as t, Fragment as se, jsxs as c } from "react/jsx-runtime";
+import { useApiHook as de, Checkbox as E } from "@bjsdistribution/dms-component-library";
+import { notification as ue, Skeleton as he, Empty as pe, Tooltip as H } from "antd";
+import { format as _e } from "date-fns";
+import { useAtom as me } from "jotai";
+import { useRef as K, useState as fe, useMemo as ge, useEffect as R } from "react";
+import Ce from "../../../../assets/icons/DownIcon.js";
+import be from "../../../../assets/icons/PrinterIcon.js";
+import V from "../../../../common/CaretDownFilledIcon.js";
+import ye from "../../../../common/SortIcon.js";
+import Ne from "../../../order-view/details-filters/left-side-filters/dropdowns/PrintDropDownReturn.js";
+import { useReturnData as we, usefetchAgain as Se } from "../../../order-view/store.js";
+import { useSelectedOrders as Re, useSelectAll as ke, useReturnPayload as Ae, useNewReturnPayload as De, useGroupedPayload as Pe, useLocationData as Ie, useFlatCustomerData as Le } from "../../../store.js";
+import { filtersReducerAtom as Oe } from "../../header-filters/filterStore.js";
 import { displayValueOrNA as s } from "../../shared/utlis.js";
-import { useLoading as Oe, usePrintOptionTOggle as ve, UsePaginationData as Ee } from "../../store/store.js";
-import { EmptyDataContainer as Te } from "../../table/table-data/styles.js";
-import { StyledTableWrapper as Ue, StyledTable as We, CustomDrop as Fe } from "./returnstyles.js";
-import { useSearchParams as Me, NavLink as xe } from "react-router-dom";
-import { WEIGHT_UNIT as V, VOLUME_UNIT as je, getAccountTypeLabel as $ } from "../../../../common/utils.js";
+import { useLoading as ve, usePrintOptionTOggle as Ee, UsePaginationData as Te } from "../../store/store.js";
+import { EmptyDataContainer as Ue } from "../../table/table-data/styles.js";
+import { StyledTableWrapper as We, StyledTable as Fe, CustomDrop as Me } from "./returnstyles.js";
+import { useSearchParams as xe, NavLink as je } from "react-router-dom";
+import { WEIGHT_UNIT as $, VOLUME_UNIT as Be, getAccountTypeLabel as J } from "../../../../common/utils.js";
 const Ge = [
   "RTS",
   "CLAIMS PAID",
@@ -25,51 +25,51 @@ const Ge = [
   "RE-ALLOCATE",
   "RECYCLE",
   "UNKNOWN"
-], b = (_) => Ge.includes(_?.product_return_action) && _?.return_location !== "null" && _?.return_location !== null, st = () => {
-  const [_] = _e(Le), [y, D] = we(), [J, A] = Re(), { "x-filters": Y, "x-pagination": Be } = _, [h, E] = Ne(), [q, T] = Oe(), z = H(null), P = H(null), [U, W] = ve(), [, Q] = De(), [k, N] = Ae(), [, I] = Pe(), [L] = ke(), [, X] = Ee(), [Z] = Se(), [ee] = Me(), O = ee.get("customerId"), [m, te] = me(null), f = (e) => {
-    te((n) => n?.key === e && n.direction === "asc" ? { key: e, direction: "desc" } : { key: e, direction: "asc" });
-  }, F = fe(() => {
-    if (!h || !m) return h;
+], Y = (d) => Ge.includes(d?.product_return_action), He = (d) => !!d?.return_location && d?.return_location !== "null" && d?.new_location !== null, b = (d) => Y(d) && He(d), ut = () => {
+  const [d] = me(Oe), [y, k] = Re(), [q, A] = ke(), { "x-filters": z, "x-pagination": Ke } = d, [p, T] = we(), [Q, U] = ve(), X = K(null), D = K(null), [W, F] = Ee(), [, Z] = Ae(), [P, N] = De(), [, I] = Pe(), [L] = Ie(), [, ee] = Te(), [te] = Se(), [ne] = xe(), O = ne.get("customerId"), [m, re] = fe(null), f = (e) => {
+    re((n) => n?.key === e && n.direction === "asc" ? { key: e, direction: "desc" } : { key: e, direction: "asc" });
+  }, M = ge(() => {
+    if (!p || !m) return p;
     const { key: e, direction: n } = m;
-    return [...h].sort((o, a) => {
+    return [...p].sort((o, a) => {
       const l = o[e], i = a[e];
       return typeof l == "number" && typeof i == "number" ? n === "asc" ? l - i : i - l : typeof l == "string" && typeof i == "string" ? n === "asc" ? l.localeCompare(i) : i.localeCompare(l) : 0;
     });
-  }, [h, m]), g = (e) => !m || m.key !== e ? /* @__PURE__ */ t(be, {}) : m.direction === "asc" ? /* @__PURE__ */ t(K, {}) : /* @__PURE__ */ t(K, {}), ne = (e) => {
-    W((n) => n === e ? null : e);
+  }, [p, m]), g = (e) => !m || m.key !== e ? /* @__PURE__ */ t(ye, {}) : m.direction === "asc" ? /* @__PURE__ */ t(V, {}) : /* @__PURE__ */ t(V, {}), oe = (e) => {
+    F((n) => n === e ? null : e);
   };
-  R(() => (document.addEventListener("mousedown", M), () => {
-    document.removeEventListener("mousedown", M);
+  R(() => (document.addEventListener("mousedown", x), () => {
+    document.removeEventListener("mousedown", x);
   }), []);
-  const M = (e) => {
-    P.current && !P.current.contains(e.target) && W(null);
+  const x = (e) => {
+    D.current && !D.current.contains(e.target) && F(null);
   }, {
-    data: p,
-    loading: S,
-    paginationData: x,
-    setShouldPerformAction: re
-  } = ie({
+    data: _,
+    loading: w,
+    paginationData: j,
+    setShouldPerformAction: ae
+  } = de({
     endpoint: "/v1/return/product/pending/",
     method: "GET",
-    filters: Y,
+    filters: z,
     pagination: { is_pagination: !1 },
     performAction: !1,
     showLoader: !1
   });
   R(() => {
-    if (T(S), p && p?.data && (E(p?.data), x))
+    if (U(w), _ && _?.data && (T(_?.data), j))
       try {
-        const { count: e, ...n } = JSON.parse(x);
-        X(n);
+        const { count: e, ...n } = JSON.parse(j);
+        ee(n);
       } catch (e) {
-        console.error("Error parsing paginationData:", e), se.error({
+        console.error("Error parsing paginationData:", e), ue.error({
           message: "Error",
           description: "Failed to parse pagination data"
         });
       }
-  }, [p, S]), R(() => {
-    if (T(S), re(!0), p && p?.data && L) {
-      const e = p.data.map((n) => {
+  }, [_, w]), R(() => {
+    if (U(w), ae(!0), _ && _?.data && L) {
+      const e = _.data.map((n) => {
         const o = L.find(
           (a) => a?.token === n?.return_location
         );
@@ -78,22 +78,22 @@ const Ge = [
           new_location: o ? o?.location_name : null
         };
       });
-      E(e);
+      T(e);
     }
-  }, [p, S, L, _, Z]);
-  const [oe] = Ie(), j = oe?.find((e) => {
+  }, [_, w, L, d, te]);
+  const [ce] = Le(), B = ce?.find((e) => {
     const n = e?.customer_id?.toString();
     return n && n === O;
-  }), G = j?.account_number;
-  console.log(j, "selectedCustomer");
-  const ae = (e) => {
+  }), G = B?.account_number;
+  console.log(B, "selectedCustomer");
+  const le = (e) => {
     const n = e.target.checked;
     if (A(n), n) {
-      const o = h?.find(
+      const o = p?.find(
         (r) => b(r)
       ), a = y.length > 0 ? y[0]?.product_return_action : o?.product_return_action;
       if (!a) return;
-      const l = h?.filter(
+      const l = p?.filter(
         (r) => b(r) && r?.product_return_action === a
       ), i = l.map((r) => ({
         id: r.id,
@@ -102,7 +102,7 @@ const Ge = [
         products: r?.legacy_product_id,
         product_return_action: r?.product_return_action,
         return_location_token: r?.return_location
-      })), d = l.map((r) => ({
+      })), u = l.map((r) => ({
         id: r.id,
         account_number: G,
         customer_id: Number(O),
@@ -110,27 +110,27 @@ const Ge = [
         return_action: r?.product_return_action,
         return_location_token: r?.return_location || null
       }));
-      console.log(d, "newPayloadnewPayload"), D(i), N(d);
+      console.log(u, "newPayloadnewPayload"), k(i), N(u);
     } else
-      D([]), N([]), I([]);
-  }, ce = (e, n, o, a, l) => {
-    D((i) => {
+      k([]), N([]), I([]);
+  }, ie = (e, n, o, a, l) => {
+    k((i) => {
       if (i?.some(
         (r) => r.id === e
       )) {
         const r = i.filter(
-          (u) => u.id !== e
+          (h) => h.id !== e
         );
-        Q((u) => ({
-          ...u,
+        Z((h) => ({
+          ...h,
           products: l,
           return_action: a || null,
           return_location_token: n || null
         })), N(
-          (u) => u.filter((C) => C.id !== e)
+          (h) => h.filter((C) => C.id !== e)
         );
-        const w = a, v = h?.filter(
-          (u) => b(u) && u?.product_return_action === w
+        const S = a, v = p?.filter(
+          (h) => b(h) && h?.product_return_action === S
         )?.length;
         return A(
           r?.length > 0 && r?.length === v
@@ -145,7 +145,7 @@ const Ge = [
           return_location_token: n || null
         };
         N((C) => [...C, r]);
-        const w = [
+        const S = [
           ...i,
           {
             id: e,
@@ -153,32 +153,32 @@ const Ge = [
             return_location_name: o,
             product_return_action: a
           }
-        ], v = a, u = h?.filter(
+        ], v = a, h = p?.filter(
           (C) => b(C) && C?.product_return_action === v
         )?.length;
-        return A(w?.length === u), w;
+        return A(S?.length === h), S;
       }
     });
   };
   return R(() => {
-    if (k?.length === 0) {
+    if (P?.length === 0) {
       I([]);
       return;
     }
-    const e = k?.reduce((o, a) => {
-      const { return_location_token: l, id: i } = a, d = l || `no_token_${i}`;
-      return o[d] || (o[d] = {
+    const e = P?.reduce((o, a) => {
+      const { return_location_token: l, id: i } = a, u = l || `no_token_${i}`;
+      return o[u] || (o[u] = {
         ...a,
         products: [],
         return_action: []
-      }), o[d].products = [...o[d].products, ...a.products], o[d].return_action = Array.from(
-        /* @__PURE__ */ new Set([...o[d].return_action, ...a.return_action])
+      }), o[u].products = [...o[u].products, ...a.products], o[u].return_action = Array.from(
+        /* @__PURE__ */ new Set([...o[u].return_action, ...a.return_action])
       ), o;
     }, {}), n = Object.values(e);
     I(n);
-  }, [k]), /* @__PURE__ */ t(le, { children: /* @__PURE__ */ t(Ue, { className: "fortables return-cards-wrapper", children: /* @__PURE__ */ c(We, { className: "return-cards", children: [
+  }, [P]), /* @__PURE__ */ t(se, { children: /* @__PURE__ */ t(We, { className: "fortables return-cards-wrapper", children: /* @__PURE__ */ c(Fe, { className: "return-cards", children: [
     /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ c("tr", { children: [
-      h?.some((e) => b(e)) ? /* @__PURE__ */ t("th", { className: "emailInvoiceCheckbox", children: /* @__PURE__ */ t(B, { checked: J, onChange: ae }) }) : /* @__PURE__ */ t("th", {}),
+      p?.some((e) => b(e)) ? /* @__PURE__ */ t("th", { className: "emailInvoiceCheckbox", children: /* @__PURE__ */ t(E, { checked: q, onChange: le }) }) : /* @__PURE__ */ t("th", {}),
       /* @__PURE__ */ t("th", { onClick: () => f("location"), children: /* @__PURE__ */ c("div", { className: "sortIconClass", children: [
         "Product Location ",
         g("location")
@@ -198,11 +198,11 @@ const Ge = [
       /* @__PURE__ */ t("th", { children: "Part" }),
       /* @__PURE__ */ t("th", { onClick: () => f("weight"), children: /* @__PURE__ */ c("div", { className: "sortIconClass", children: [
         "Weight (",
-        V,
+        $,
         ") ",
         g("weight")
       ] }) }),
-      /* @__PURE__ */ t("th", { children: je }),
+      /* @__PURE__ */ t("th", { children: Be }),
       /* @__PURE__ */ t("th", { onClick: () => f("return_reason"), children: /* @__PURE__ */ c("div", { className: "sortIconClass", children: [
         "Return Reason ",
         g("return_reason")
@@ -214,11 +214,11 @@ const Ge = [
       ] }) }),
       /* @__PURE__ */ t("th", { className: "emailInvoiceShare", children: "Labels" })
     ] }) }),
-    /* @__PURE__ */ t("tbody", { children: q ? /* @__PURE__ */ t("tr", { className: "state-row", children: /* @__PURE__ */ t("td", { colSpan: 14, className: "state-cell", children: /* @__PURE__ */ t(de, { active: !0 }) }) }) : F?.length === 0 ? /* @__PURE__ */ t("tr", { className: "state-row", children: /* @__PURE__ */ t("td", { colSpan: 14, className: "state-cell", children: /* @__PURE__ */ t(Te, { children: /* @__PURE__ */ t(ue, {}) }) }) }) : F?.map((e, n) => /* @__PURE__ */ c("tr", { children: [
+    /* @__PURE__ */ t("tbody", { children: Q ? /* @__PURE__ */ t("tr", { className: "state-row", children: /* @__PURE__ */ t("td", { colSpan: 14, className: "state-cell", children: /* @__PURE__ */ t(he, { active: !0 }) }) }) : M?.length === 0 ? /* @__PURE__ */ t("tr", { className: "state-row", children: /* @__PURE__ */ t("td", { colSpan: 14, className: "state-cell", children: /* @__PURE__ */ t(Ue, { children: /* @__PURE__ */ t(pe, {}) }) }) }) : M?.map((e, n) => /* @__PURE__ */ c("tr", { children: [
       /* @__PURE__ */ t("td", { "data-label": "Select", children: b(e) ? (() => {
         const o = y?.length > 0 && y[0]?.product_return_action !== e?.product_return_action;
         return /* @__PURE__ */ t(
-          he,
+          H,
           {
             title: o ? "Cannot select different return actions" : "",
             children: /* @__PURE__ */ t(
@@ -226,14 +226,14 @@ const Ge = [
               {
                 className: o ? "disabled-wrapper" : "",
                 children: /* @__PURE__ */ t(
-                  B,
+                  E,
                   {
                     className: "custom-check",
                     disabled: o,
                     checked: y.some(
                       (a) => a?.id === e?.id
                     ),
-                    onChange: () => ce(
+                    onChange: () => ie(
                       e?.id,
                       e?.return_location,
                       e?.return_location_name,
@@ -246,7 +246,14 @@ const Ge = [
             )
           }
         );
-      })() : null }),
+      })() : Y(e) ? /* @__PURE__ */ t(H, { title: "Return location is missing", children: /* @__PURE__ */ t("span", { className: "disabled-wrapper", children: /* @__PURE__ */ t(
+        E,
+        {
+          className: "custom-check",
+          disabled: !0,
+          checked: !1
+        }
+      ) }) }) : null }),
       /* @__PURE__ */ t("td", { "data-label": "Product Location", children: e?.location !== null && e?.location !== void 0 ? e?.location : /* @__PURE__ */ t("div", { className: "awaiting", children: "Awaiting" }) }),
       /* @__PURE__ */ c("td", { "data-label": "Return Location", children: [
         " ",
@@ -254,9 +261,9 @@ const Ge = [
       ] }),
       /* @__PURE__ */ c("td", { "data-label": "Client", title: e?.client_name ?? "", children: [
         s(e?.client_name),
-        $(e?.owner_id) && /* @__PURE__ */ c("span", { children: [
+        J(e?.owner_id) && /* @__PURE__ */ c("span", { children: [
           " (",
-          $(e?.owner_id),
+          J(e?.owner_id),
           ")"
         ] })
       ] }),
@@ -269,7 +276,7 @@ const Ge = [
               fontWeight: 600,
               paddingLeft: 0
             },
-            children: /* @__PURE__ */ t(xe, { to: `/orders/view/${e?.order_id}`, children: s(e?.recipient_name) })
+            children: /* @__PURE__ */ t(je, { to: `/orders/view/${e?.order_id}`, children: s(e?.recipient_name) })
           }
         ),
         /* @__PURE__ */ t("li", { style: { color: "#888075" }, children: s(e?.postcode) })
@@ -281,27 +288,27 @@ const Ge = [
       /* @__PURE__ */ c("td", { "data-label": "Weight", children: [
         s(e?.weight),
         " ",
-        e?.weight && e?.weight !== null ? V : ""
+        e?.weight && e?.weight !== null ? $ : ""
       ] }),
       /* @__PURE__ */ t("td", { "data-label": "CBM", children: s(e?.cube) }),
       /* @__PURE__ */ t("td", { "data-label": "Return Reason", children: s(e?.return_reason) }),
-      /* @__PURE__ */ t("td", { "data-label": "Collected", children: e?.collected_at ? pe(new Date(e?.collected_at), "dd/MM/yyyy") : "UNKNOWN" }),
+      /* @__PURE__ */ t("td", { "data-label": "Collected", children: e?.collected_at ? _e(new Date(e?.collected_at), "dd/MM/yyyy") : "UNKNOWN" }),
       /* @__PURE__ */ t("td", { "data-label": "Collection Reason", children: s(e?.collection_reason) }),
       /* @__PURE__ */ t("td", { "data-label": "Labels", children: /* @__PURE__ */ t("ul", { className: "actionbox", children: /* @__PURE__ */ t(
-        Fe,
+        Me,
         {
-          ref: z,
-          className: U === n ? "active" : "",
+          ref: X,
+          className: W === n ? "active" : "",
           children: /* @__PURE__ */ c(
             "li",
             {
               className: "shareIconContainer",
-              onClick: () => ne(n),
+              onClick: () => oe(n),
               children: [
+                /* @__PURE__ */ t(be, {}),
                 /* @__PURE__ */ t(Ce, {}),
-                /* @__PURE__ */ t(ge, {}),
-                U === n && /* @__PURE__ */ t("div", { ref: P, children: /* @__PURE__ */ t(
-                  ye,
+                W === n && /* @__PURE__ */ t("div", { ref: D, children: /* @__PURE__ */ t(
+                  Ne,
                   {
                     legacyURL: e?.return_order_product_label,
                     legacyProductID: e?.legacy_product_id
@@ -316,6 +323,6 @@ const Ge = [
   ] }) }) });
 };
 export {
-  st as default
+  ut as default
 };
 //# sourceMappingURL=ReturnOrderTable.js.map

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

@@ -1 +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 { VOLUME_UNIT } from '../../../../common/utils';\nimport { WEIGHT_UNIT, getAccountTypeLabel } 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: { is_pagination: false } as any,\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      }\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 return-cards-wrapper\">\n        <StyledTable className=\"return-cards\">\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>{VOLUME_UNIT}</th>\n              <th onClick={() => handleSort('return_reason')}>\n                <div className=\"sortIconClass\">\n                  Return Reason {renderSortIcon('return_reason')}\n                </div>\n              </th>\n              <th>Collected</th>\n              <th onClick={() => handleSort('collection_reason')}>\n                <div className=\"sortIconClass\">\n                  Collection Reason {renderSortIcon('collection_reason')}\n                </div>\n              </th>\n              <th className=\"emailInvoiceShare\">Labels</th>\n            </tr>\n          </thead>\n          <tbody>\n            {load ? (\n              <tr className=\"state-row\">\n                <td colSpan={14} className=\"state-cell\">\n                  <Skeleton active />\n                </td>\n              </tr>\n            ) : sortedData?.length === 0 ? (\n              <tr className=\"state-row\">\n                <td colSpan={14} className=\"state-cell\">\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 data-label=\"Select\">\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 data-label=\"Product Location\">\n                    {item?.location !== null && item?.location !== undefined ? (\n                      item?.location\n                    ) : (\n                      <div className=\"awaiting\">Awaiting</div>\n                    )}\n                  </td>\n                  <td data-label=\"Return Location\"> {displayValueOrNA(item?.return_location_name)}</td>\n                  <td data-label=\"Client\" title={item?.client_name ?? ''}>\n                    {displayValueOrNA(item?.client_name)}\n                    {getAccountTypeLabel(item?.owner_id) && (\n                      <span> ({getAccountTypeLabel(item?.owner_id)})</span>\n                    )}\n                  </td>\n                  <td data-label=\"Recipient\">\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 data-label=\"Return Action\">{displayValueOrNA(item?.product_return_action)}</td>\n                  <td data-label=\"Code\">{displayValueOrNA(item?.code)}</td>\n                  <td data-label=\"Description\">{displayValueOrNA(item?.description)}</td>\n                  <td data-label=\"Part\">{displayValueOrNA(item?.part)}</td>\n                  <td data-label=\"Weight\">\n                    {displayValueOrNA(item?.weight)}{' '}\n                    {item?.weight && item?.weight !== null ? WEIGHT_UNIT : ''}\n                  </td>\n                  <td data-label=\"CBM\">{displayValueOrNA(item?.cube)}</td>\n                  <td data-label=\"Return Reason\">{displayValueOrNA(item?.return_reason)}</td>\n                  <td data-label=\"Collected\">\n                    {item?.collected_at\n                      ? format(new Date(item?.collected_at), 'dd/MM/yyyy')\n                      : 'UNKNOWN'}\n                  </td>\n\n                  <td data-label=\"Collection Reason\">{displayValueOrNA(item?.collection_reason)}</td>\n                  <td data-label=\"Labels\">\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","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","Fragment","StyledTableWrapper","jsxs","StyledTable","Checkbox","WEIGHT_UNIT","VOLUME_UNIT","Skeleton","EmptyDataContainer","Empty","isDisabled","Tooltip","selectedInvoice","displayValueOrNA","getAccountTypeLabel","NavLink","format","CustomDrop","PrinterIcon","DownIcon","PrintDropDownReturn"],"mappings":"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"}
+{"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 { VOLUME_UNIT } from '../../../../common/utils';\nimport { WEIGHT_UNIT, getAccountTypeLabel } from '../../../../common/utils';\n\nconst SELECTABLE_ACTIONS = [\n  'RTS',\n  'CLAIMS PAID',\n  'DISPOSE',\n  'RE-ALLOCATE',\n  'RECYCLE',\n  'UNKNOWN',\n];\n\nconst hasSelectableAction = (item: any) =>\n  SELECTABLE_ACTIONS.includes(item?.product_return_action);\n\n// needs a real return location; new_location is null when the token is not\n// in the location list\nconst hasReturnLocation = (item: any) =>\n  Boolean(item?.return_location) &&\n  item?.return_location !== 'null' &&\n  item?.new_location !== null;\n\nconst isSelectableItem = (item: any) =>\n  hasSelectableAction(item) && hasReturnLocation(item);\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: { is_pagination: false } as any,\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      }\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 return-cards-wrapper\">\n        <StyledTable className=\"return-cards\">\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>{VOLUME_UNIT}</th>\n              <th onClick={() => handleSort('return_reason')}>\n                <div className=\"sortIconClass\">\n                  Return Reason {renderSortIcon('return_reason')}\n                </div>\n              </th>\n              <th>Collected</th>\n              <th onClick={() => handleSort('collection_reason')}>\n                <div className=\"sortIconClass\">\n                  Collection Reason {renderSortIcon('collection_reason')}\n                </div>\n              </th>\n              <th className=\"emailInvoiceShare\">Labels</th>\n            </tr>\n          </thead>\n          <tbody>\n            {load ? (\n              <tr className=\"state-row\">\n                <td colSpan={14} className=\"state-cell\">\n                  <Skeleton active />\n                </td>\n              </tr>\n            ) : sortedData?.length === 0 ? (\n              <tr className=\"state-row\">\n                <td colSpan={14} className=\"state-cell\">\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 data-label=\"Select\">\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                    })() : hasSelectableAction(item) ? (\n                      <Tooltip title=\"Return location is missing\">\n                        <span className=\"disabled-wrapper\">\n                          <Checkbox\n                            className=\"custom-check\"\n                            disabled\n                            checked={false}\n                          />\n                        </span>\n                      </Tooltip>\n                    ) : null}\n                  </td>\n\n                  <td data-label=\"Product Location\">\n                    {item?.location !== null && item?.location !== undefined ? (\n                      item?.location\n                    ) : (\n                      <div className=\"awaiting\">Awaiting</div>\n                    )}\n                  </td>\n                  <td data-label=\"Return Location\"> {displayValueOrNA(item?.return_location_name)}</td>\n                  <td data-label=\"Client\" title={item?.client_name ?? ''}>\n                    {displayValueOrNA(item?.client_name)}\n                    {getAccountTypeLabel(item?.owner_id) && (\n                      <span> ({getAccountTypeLabel(item?.owner_id)})</span>\n                    )}\n                  </td>\n                  <td data-label=\"Recipient\">\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 data-label=\"Return Action\">{displayValueOrNA(item?.product_return_action)}</td>\n                  <td data-label=\"Code\">{displayValueOrNA(item?.code)}</td>\n                  <td data-label=\"Description\">{displayValueOrNA(item?.description)}</td>\n                  <td data-label=\"Part\">{displayValueOrNA(item?.part)}</td>\n                  <td data-label=\"Weight\">\n                    {displayValueOrNA(item?.weight)}{' '}\n                    {item?.weight && item?.weight !== null ? WEIGHT_UNIT : ''}\n                  </td>\n                  <td data-label=\"CBM\">{displayValueOrNA(item?.cube)}</td>\n                  <td data-label=\"Return Reason\">{displayValueOrNA(item?.return_reason)}</td>\n                  <td data-label=\"Collected\">\n                    {item?.collected_at\n                      ? format(new Date(item?.collected_at), 'dd/MM/yyyy')\n                      : 'UNKNOWN'}\n                  </td>\n\n                  <td data-label=\"Collection Reason\">{displayValueOrNA(item?.collection_reason)}</td>\n                  <td data-label=\"Labels\">\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","hasSelectableAction","item","hasReturnLocation","isSelectableItem","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","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","Fragment","StyledTableWrapper","jsxs","StyledTable","Checkbox","WEIGHT_UNIT","VOLUME_UNIT","Skeleton","EmptyDataContainer","Empty","isDisabled","Tooltip","selectedInvoice","displayValueOrNA","getAccountTypeLabel","NavLink","format","CustomDrop","PrinterIcon","DownIcon","PrintDropDownReturn"],"mappings":"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"}

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

@@ -295,6 +295,12 @@ const a = t.div`
           * {
             pointer-events: none !important;
           }
+          /* greyed out so a disabled box is obvious at a glance. The visible
+             box is the div after the (hidden) input in the library Checkbox. */
+          input[type='checkbox'] + div {
+            background: #d4d4d4 !important;
+            border-color: #a8a8a8 !important;
+          }
         }
         .actionbox {
           display: flex;

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

@@ -1 +1 @@
-{"version":3,"file":"returnstyles.js","sources":["../../../../../src/components/order-daily-overview/return-order-table/return-orders-filters/returnstyles.ts"],"sourcesContent":["import { Button } from '@bjsdistribution/dms-component-library';\nimport styled from 'styled-components';\nimport { device } from '../../common/mediaQuery';\n\nexport const IconContainers = styled.div`\n  display: flex;\n  gap: 5px;\n  i {\n    display: flex;\n    width: 25px;\n    height: 25px;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: 10px;\n    flex-shrink: 0;\n    border-radius: 15px;\n    background: #edebe8;\n    svg {\n    }\n  }\n`;\n\nexport const Div = styled.div`\n  display: flex;\n  justify-content: center;\n`;\n\nexport const ModalTitle = styled.span`\n  font-size: 20px;\n  font-weight: 900;\n  line-height: 32px;\n  margin: 5px;\n  padding: 0;\n  text-transform: uppercase;\n  align-items: center;\n  display: flex;\n  justify-content: center;\n`;\n\nexport const Description = styled.span`\n  color: #aea9a1;\n  padding: 10px;\n`;\n\nexport const Container = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 75px;\n  height: 75px;\n  padding: 14px;\n  border-radius: 50%;\n  background: #eff2f5;\n  border: 10px solid #b7d0f7;\n`;\n\nexport const ConfirmButton = styled(Button)``;\n\nexport const CancelButton = styled.button`\n  cursor: pointer;\n  font-size: 16px;\n  opacity: 1;\n  background: white;\n  color: #3a3630;\n  border: thin solid #3a3630;\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 40px;\n  padding: 8px 10px;\n  border-radius: 6px;\n`;\n\nexport const SectionsContainer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 10px;\n  text-align: center;\n`;\n\nexport const MainContainer = styled.div`\n  padding: 24px;\n  border-radius: 12px;\n  background: #ffffff;\n  box-shadow: 0px 20px 24px -4px #10182814;\n  width: 30%;\n  max-width: 50%;\n  margin: 0 auto;\n  @media (max-width: 1024px) {\n    max-width: 40%;\n  }\n`;\n\nexport const ButtonContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n`;\n\nexport const Header = styled.div`\n  display: flex;\n  justify-content: space-between;\n  border-bottom: 1px solid #e3e3e3;\n`;\n\nexport const HeaderText = styled.div`\n  color: #3a3630;\n  font-size: 16px;\n  font-weight: 500;\n  text-transform: uppercase;\n  padding: 10px;\n`;\n\nexport const Padding = styled.div`\n  padding: 0px 10px 10px 10px;\n`;\n\nexport const HeaderCont = styled.div`\n  display: flex;\n  flex-direction: column;\n  padding: 10px;\n`;\n\nexport const Main = styled.div`\n  border: 1px solid #e3e3e3;\n  background: #f8fafc;\n  justify-content: space-between;\n  align-items: center;\n  border-radius: 15px 15px 0 0;\n  margin-top: 15px;\n  padding-top: 10px;\n`;\n\nexport const SendButton = styled(Button)`\n  border-radius: 25px;\n  &:disabled {\n    background-color: #d3d3d3;\n    cursor: not-allowed;\n  }\n`;\n\nexport const TdWrapper = styled.span`\n  background-color: rgba(153, 153, 153, 0.1);\n  padding: 3px 12px;\n  border-radius: 4px;\n`;\n\nexport const EmptyDataContainer = styled.div`\n  display: flex;\n  justify-content: center;\n`;\n\nexport const StyledTableWrapper = styled.div`\n  max-height: calc(100vh - 310px);\n  overflow-x: hidden;\n  width: 100%;\n  padding-top: 10px;\n  background: #fff;\n\n  @media ${device.tableScroll} {\n    overflow-x: auto;\n  }\n\n  &.return-cards-wrapper {\n    @media ${device.tabletPortrait} {\n      overflow-x: visible;\n      max-height: none;\n    }\n  }\n\n  &.fortables {\n    @media ${device.mobileLandscape} {\n      /* cards stack full-width here (no horizontal scrolling needed), and\n         hidden overflow was clipping the print dropdown's absolutely\n         positioned popup */\n      overflow-x: visible;\n      /* the desktop max-height caps this box while the full card list\n         renders past it, overlapping the pagination bar that follows —\n         let it grow to fit all cards instead */\n      max-height: none;\n    }\n  }\n\n  &::-webkit-scrollbar {\n    width: 6px;\n    border-radius: 100px;\n    height: 6px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: #e2e0db;\n    border-radius: 100px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background: #989898;\n;\n    border-radius: 100px;\n  }\n\n  &::-webkit-scrollbar-thumb:hover {\n    background: #989898;\n;\n  }\n`;\n\nexport const StyledTable = styled.table`\n  border-spacing: 0 10px;\n  width: 100%;\n  table-layout: auto;\n\n  @media ${device.tableScroll} {\n    min-width: 1300px;\n  }\n\n  thead {\n    position: sticky;\n    top: 0;\n    z-index: 1;\n    background: #fff;\n    box-shadow: 0px 0px 1px #ffffff, 0px -10px 1px #ffffff;\n    tr {\n      border-radius: 40px;\n      border-spacing: 0 10px;\n      position: relative;\n      font-family: 'lato', sans-serif;\n      .emailInvoiceCheckbox {\n        padding-right: 0px;\n        width: 24px;\n        > div {\n          width: fit-content;\n        }\n      }\n      .emailInvoiceNo {\n        padding-left: 0px;\n      }\n      .emailInvoiceShare {\n        width: 80px;\n      }\n      th {\n        color: #3a3630;\n        font-size: 12px;\n        font-style: normal;\n        font-weight: 600;\n        line-height: 1.3;\n        padding: 8px 6px;\n        background: #f0f2f2;\n        border-right: none;\n        border-left: none;\n\n        @media ${device.mobileLandscape} {\n          padding: 4px 6px;\n        }\n        text-align: left;\n        border: 1px solid rgba(0, 0, 0, 0.08);\n        border-width: 1px 0;\n        word-wrap: break-word;\n        overflow-wrap: break-word;\n        white-space: normal;\n\n        .ant-checkbox-wrapper,\n        .ant-checkbox,\n        input[type='checkbox'] {\n          transform: scale(0.8);\n          transform-origin: center center;\n        }\n\n        &:first-child {\n          border-radius: 100px 0 0 100px;\n          border-left: 1px solid rgba(0, 0, 0, 0.08);\n        }\n        &:last-child {\n          border-radius: 0px 100px 100px 0;\n          border-right: 1px solid rgba(0, 0, 0, 0.08);\n        }\n        .sortIconClass {\n          cursor: pointer;\n          display: flex;\n          align-items: center;\n          gap: 4px;\n        }\n      }\n    }\n  }\n  tbody {\n    tr {\n      td {\n        color: #3a3630;\n        font-size: 11px;\n        font-style: normal;\n        font-weight: 400;\n        line-height: 1.3;\n        padding: 6px 6px;\n        background: #fff;\n        border: 1px solid rgba(0, 0, 0, 0.08);\n        border-right: none;\n        border-left: none;\n        position: relative;\n        word-wrap: break-word;\n        overflow-wrap: break-word;\n        white-space: normal;\n\n        .custom-check,\n        .ant-checkbox-wrapper,\n        .ant-checkbox,\n        input[type='checkbox'] {\n          transform: scale(0.8);\n          transform-origin: center center;\n        }\n\n        .disabled-wrapper {\n          cursor: not-allowed !important;\n          display: inline-block;\n          * {\n            pointer-events: none !important;\n          }\n        }\n        .actionbox {\n          display: flex;\n          gap: 5px;\n        }\n        .shareIconContainer {\n          display: flex;\n          padding: 2px 8px;\n          align-items: center;\n          gap: 4px;\n          border-radius: 20px;\n          border: 1px solid var(--tonal-brown-101, #e2e0db);\n          background: #fff;\n          list-style-type: none;\n          cursor: pointer;\n          position: relative;\n        }\n        .statusCancelled {\n          color: #e95252;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusOnHold {\n          color: #f4a503;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusSubContracted {\n          color: #845adf;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusAwaiting {\n          color: #845adf;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusCompleted {\n          color: #1f9254;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusOutstanding {\n          color: #f4a503;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusUnknown {\n          color: #000;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n        .statustext {\n          color: #1f9254;\n          font-family: 'Open Sans';\n          font-size: 11px;\n          font-style: normal;\n          font-weight: 600;\n          line-height: normal;\n        }\n        .downloadcontainer {\n          display: flex;\n          padding: 2px 12px;\n          align-items: center;\n          width: 28px;\n          height: 28px;\n          flex-direction: column;\n          border-radius: 14px;\n          border: 1px solid #e2e0db;\n          background: #fff;\n        }\n        .statuscontainer {\n          display: flex;\n          padding: 5px 30px 5px 30px;\n          justify-content: center;\n          align-items: center;\n          gap: 5px;\n          flex: 1 0 0;\n          border-radius: 22px;\n          background: rgba(41, 204, 106, 0.15);\n        }\n        .awaiting {\n          display: flex;\n          min-width: fit-content;\n          padding: 4px 6px;\n          justify-content: center;\n          align-items: center;\n          gap: 5px;\n          border-radius: 22px;\n          background: rgba(233, 82, 82, 0.15);\n          color: #e95252;\n          font-family: 'Open Sans';\n          font-size: 11px;\n          font-weight: 600;\n        }\n        ul > li > a {\n          text-decoration: none !important;\n          color: #0099ff;\n          word-break: break-all;\n        }\n      }\n      &:nth-child(even) td {\n        background: #f6fbff;\n      }\n      td:first-child {\n        border-radius: 100px 0 0 100px;\n        border-left: 1px solid rgba(0, 0, 0, 0.08);\n      }\n      td:last-child {\n        border-radius: 0px 100px 100px 0;\n        border-right: 1px solid rgba(0, 0, 0, 0.08);\n      }\n      .flex {\n        display: flex;\n        flex-direction: row;\n        gap: 5px;\n        height: 29px;\n        align-items: center;\n      }\n\n      &.insideTable {\n        td {\n          border-radius: 0;\n          border: none;\n          &:last-child {\n            border-radius: 0;\n            border-right: none;\n          }\n        }\n        table {\n          border-spacing: 0;\n          width: 100%;\n          border-radius: 5px;\n          border: 1px solid rgba(0, 0, 0, 0.08);\n          overflow: hidden;\n          border-top-left-radius: 15px;\n          border-top-right-radius: 15px;\n          thead {\n            tr {\n              border-bottom: none;\n              th {\n                padding: 14px 20px;\n                text-align: left;\n                border-top: 0;\n                border-right: 0;\n                border-left: 0;\n                background: #f8fafc;\n\n                &:first-child {\n                  border-radius: 0;\n                  border-left: 1px solid rgba(0, 0, 0, 0.08);\n                  border-top-left-radius: 15px;\n                }\n                &:last-child {\n                  border-radius: 0;\n                }\n              }\n            }\n          }\n          tbody {\n            tr.product-row td {\n              border-bottom: none;\n            }\n\n            tr.ni-row td {\n              border-top: none;\n              padding-top: 0;\n              background: #fff;\n            }\n\n            tr.product-row td:first-child {\n              border-bottom-left-radius: 0;\n            }\n\n            tr.product-row td:last-child {\n              border-bottom-right-radius: 0;\n            }\n\n            tr.ni-row td:first-child {\n              border-top-left-radius: 0;\n            }\n\n            tr.ni-row td:last-child {\n              border-top-right-radius: 0;\n            }\n\n            tr.ni-row:nth-child(even) td {\n              background: #fff;\n            }\n            tr {\n              td {\n                padding: 14px 20px;\n                text-align: left;\n                border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n                background: #fff;\n                > svg {\n                  transform: scale(1.5);\n                  background-color: #edebe8;\n                  border-radius: 20px;\n                  padding: 5px;\n                }\n                &:last-child {\n                  border-radius: 0;\n                  border-right: none;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .actions {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    > svg {\n      transform: scale(1.5);\n      background-color: #edebe8;\n      border-radius: 20px;\n      padding: 5px;\n    }\n\n    .close-icon {\n      transform: scale(1.3);\n      background-color: transparent;\n      border-radius: 0;\n      padding: 0;\n    }\n  }\n\n  &.order-after-table {\n    @media ${device.mobileLandscape} {\n      display: block;\n      width: 100%;\n      min-width: 0;\n      border-spacing: 0;\n\n      thead {\n        display: none;\n      }\n\n      tbody {\n        display: block;\n        width: 100%;\n      }\n\n      tbody tr {\n        display: block;\n        width: 100%;\n        box-sizing: border-box;\n        border-radius: 12px;\n        border: 1px solid rgba(0, 0, 0, 0.08);\n        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);\n        margin-bottom: 10px;\n        background: #fff;\n        /* no overflow:hidden here — the Labels cell's print dropdown\n           (position: absolute) needs to be able to pop out past the\n           card's bottom edge; every td is already white so there's\n           nothing that needs clipping to keep the rounded corners clean */\n\n        td:first-child {\n          border-radius: 12px 12px 0 0 !important;\n        }\n\n        td:last-child {\n          border-radius: 0 0 12px 12px !important;\n        }\n\n        td {\n          display: flex;\n          flex-direction: row;\n          justify-content: space-between;\n          align-items: center;\n          gap: 8px;\n          width: 100%;\n          box-sizing: border-box;\n          border: none !important;\n          border-radius: 0 !important;\n          border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;\n          padding: 8px 12px;\n\n          &::before {\n            content: attr(data-label);\n            display: block;\n            flex-shrink: 0;\n            color: #6a7378;\n            font-size: 11px;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.02em;\n          }\n\n          &:last-child {\n            border-bottom: none !important;\n          }\n\n          .ant-select {\n            width: 100% !important;\n          }\n        }\n\n        &:nth-child(even) td {\n          background: inherit;\n        }\n\n        /* the Labels cell is a row with the print button pinned to the\n           card's right edge (space-between), so \"left: 0\" made the popup\n           extend further right, off the edge of the screen, clipping its\n           text. Anchor it via the button's right edge instead so it opens\n           leftward, staying on-card. */\n        .shareIconContainer > div > ul {\n          left: auto;\n          right: 0;\n        }\n      }\n\n      tbody tr.state-row {\n        border: none;\n        box-shadow: none;\n        margin-bottom: 0;\n\n        td.state-cell {\n          display: block;\n          border: none !important;\n          padding: 15px;\n\n          &::before {\n            content: none;\n          }\n        }\n      }\n    }\n  }\n\n  /* Return products table: stacked cards on tablet and mobile only */\n  &.return-cards {\n    @media ${device.tabletPortrait} {\n      display: block;\n      width: 100%;\n      min-width: 0;\n      border-spacing: 0;\n\n      thead {\n        display: none;\n      }\n\n      tbody {\n        display: block;\n        width: 100%;\n      }\n\n      tbody tr {\n        display: block;\n        width: 100%;\n        box-sizing: border-box;\n        border-radius: 12px;\n        border: 1px solid rgba(0, 0, 0, 0.08);\n        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);\n        margin-bottom: 10px;\n        background: #fff;\n        /* no overflow:hidden here — the Labels cell's print dropdown\n           (position: absolute) needs to be able to pop out past the\n           card's bottom edge; every td is already white so there's\n           nothing that needs clipping to keep the rounded corners clean */\n\n        td:first-child {\n          border-radius: 12px 12px 0 0 !important;\n        }\n\n        td:last-child {\n          border-radius: 0 0 12px 12px !important;\n        }\n\n        td {\n          display: flex;\n          flex-direction: row;\n          justify-content: space-between;\n          align-items: center;\n          gap: 8px;\n          width: 100%;\n          box-sizing: border-box;\n          border: none !important;\n          border-radius: 0 !important;\n          border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;\n          padding: 8px 12px;\n\n          &::before {\n            content: attr(data-label);\n            display: block;\n            flex-shrink: 0;\n            color: #6a7378;\n            font-size: 11px;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.02em;\n          }\n\n          &:last-child {\n            border-bottom: none !important;\n          }\n\n          .ant-select {\n            width: 100% !important;\n          }\n        }\n\n        &:nth-child(even) td {\n          background: inherit;\n        }\n\n        /* the Labels cell is a row with the print button pinned to the\n           card's right edge (space-between), so \"left: 0\" made the popup\n           extend further right, off the edge of the screen, clipping its\n           text. Anchor it via the button's right edge instead so it opens\n           leftward, staying on-card. */\n        .shareIconContainer > div > ul {\n          left: auto;\n          right: 0;\n        }\n      }\n\n      tbody tr.state-row {\n        border: none;\n        box-shadow: none;\n        margin-bottom: 0;\n\n        td.state-cell {\n          display: block;\n          border: none !important;\n          padding: 15px;\n\n          &::before {\n            content: none;\n          }\n        }\n      }\n    }\n  }\n \n  &.return-cards {\n    @media ${device.tabletPortrait} {\n      thead {\n        display: block;\n        position: static;\n        box-shadow: none;\n        background: transparent;\n      }\n      thead tr {\n        display: flex;\n        align-items: center;\n        margin-bottom: 8px;\n      }\n      thead th {\n        display: none;\n      }\n      thead th.emailInvoiceCheckbox {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        width: auto;\n        padding: 4px 4px 4px 12px;\n        background: transparent;\n        border: 0;\n        border-radius: 0;\n        &::after {\n          content: 'Select all';\n          font-size: 13px;\n          font-weight: 600;\n          color: #3a3630;\n        }\n      }\n      tbody tr td {\n        font-size: 13px;\n        text-align: right;\n        word-break: break-word;\n        min-height: 40px;\n      }\n      tbody tr td::before {\n        flex: 0 0 38%;\n        text-align: left;\n      }\n      tbody tr td ul {\n        margin: 0;\n        text-align: right;\n      }\n      tbody tr td[data-label='Select']:empty {\n        display: none;\n      }\n      tbody tr td[data-label='Select']:empty + td {\n        border-radius: 12px 12px 0 0 !important;\n      }\n    }\n  }\n\n  &.order-after-table {\n    @media ${device.mobileLandscape} {\n      tbody tr td {\n        font-size: 13px;\n        text-align: right;\n        word-break: break-word;\n        min-height: 40px;\n      }\n      tbody tr td::before {\n        flex: 0 0 38%;\n        text-align: left;\n      }\n      tbody tr td ul {\n        margin: 0;\n        text-align: right;\n      }\n      tbody tr.state-row td.state-cell {\n        text-align: center;\n      }\n    }\n  }\n`;\n\nexport const CustomDrop = styled.div`\n  cursor: pointer;\n  &.active .drop {\n    transform: rotate(180deg);\n  }\n`;\n"],"names":["styled","Button","EmptyDataContainer","StyledTableWrapper","device","StyledTable","CustomDrop"],"mappings":";;;AAI8BA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBlBA,EAAO;AAAA;AAAA;AAAA;AAKAA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYNA,EAAO;AAAA;AAAA;AAAA;AAKTA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYHA,EAAOC,CAAM;AAEdD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBFA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQXA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaLA,EAAO;AAAA;AAAA;AAAA;AAAA;AAMhBA,EAAO;AAAA;AAAA;AAAA;AAAA;AAMHA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQVA,EAAO;AAAA;AAAA;AAIJA,EAAO;AAAA;AAAA;AAAA;AAAA;AAMbA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUDA,EAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQdD,EAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAME,IAAqBF,EAAO;AAAA;AAAA;AAAA,GAK5BG,IAAqBH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAO9BI,EAAO,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,aAKhBA,EAAO,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAOrBA,EAAO,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAmCtBC,IAAcL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,WAKvBI,EAAO,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAuCZA,EAAO,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAiT1BA,EAAO,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAyGtBA,EAAO,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAwGrBA,EAAO,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAuDrBA,EAAO,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAsBtBE,IAAaN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"returnstyles.js","sources":["../../../../../src/components/order-daily-overview/return-order-table/return-orders-filters/returnstyles.ts"],"sourcesContent":["import { Button } from '@bjsdistribution/dms-component-library';\nimport styled from 'styled-components';\nimport { device } from '../../common/mediaQuery';\n\nexport const IconContainers = styled.div`\n  display: flex;\n  gap: 5px;\n  i {\n    display: flex;\n    width: 25px;\n    height: 25px;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    gap: 10px;\n    flex-shrink: 0;\n    border-radius: 15px;\n    background: #edebe8;\n    svg {\n    }\n  }\n`;\n\nexport const Div = styled.div`\n  display: flex;\n  justify-content: center;\n`;\n\nexport const ModalTitle = styled.span`\n  font-size: 20px;\n  font-weight: 900;\n  line-height: 32px;\n  margin: 5px;\n  padding: 0;\n  text-transform: uppercase;\n  align-items: center;\n  display: flex;\n  justify-content: center;\n`;\n\nexport const Description = styled.span`\n  color: #aea9a1;\n  padding: 10px;\n`;\n\nexport const Container = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 75px;\n  height: 75px;\n  padding: 14px;\n  border-radius: 50%;\n  background: #eff2f5;\n  border: 10px solid #b7d0f7;\n`;\n\nexport const ConfirmButton = styled(Button)``;\n\nexport const CancelButton = styled.button`\n  cursor: pointer;\n  font-size: 16px;\n  opacity: 1;\n  background: white;\n  color: #3a3630;\n  border: thin solid #3a3630;\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 40px;\n  padding: 8px 10px;\n  border-radius: 6px;\n`;\n\nexport const SectionsContainer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 10px;\n  text-align: center;\n`;\n\nexport const MainContainer = styled.div`\n  padding: 24px;\n  border-radius: 12px;\n  background: #ffffff;\n  box-shadow: 0px 20px 24px -4px #10182814;\n  width: 30%;\n  max-width: 50%;\n  margin: 0 auto;\n  @media (max-width: 1024px) {\n    max-width: 40%;\n  }\n`;\n\nexport const ButtonContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  gap: 10px;\n`;\n\nexport const Header = styled.div`\n  display: flex;\n  justify-content: space-between;\n  border-bottom: 1px solid #e3e3e3;\n`;\n\nexport const HeaderText = styled.div`\n  color: #3a3630;\n  font-size: 16px;\n  font-weight: 500;\n  text-transform: uppercase;\n  padding: 10px;\n`;\n\nexport const Padding = styled.div`\n  padding: 0px 10px 10px 10px;\n`;\n\nexport const HeaderCont = styled.div`\n  display: flex;\n  flex-direction: column;\n  padding: 10px;\n`;\n\nexport const Main = styled.div`\n  border: 1px solid #e3e3e3;\n  background: #f8fafc;\n  justify-content: space-between;\n  align-items: center;\n  border-radius: 15px 15px 0 0;\n  margin-top: 15px;\n  padding-top: 10px;\n`;\n\nexport const SendButton = styled(Button)`\n  border-radius: 25px;\n  &:disabled {\n    background-color: #d3d3d3;\n    cursor: not-allowed;\n  }\n`;\n\nexport const TdWrapper = styled.span`\n  background-color: rgba(153, 153, 153, 0.1);\n  padding: 3px 12px;\n  border-radius: 4px;\n`;\n\nexport const EmptyDataContainer = styled.div`\n  display: flex;\n  justify-content: center;\n`;\n\nexport const StyledTableWrapper = styled.div`\n  max-height: calc(100vh - 310px);\n  overflow-x: hidden;\n  width: 100%;\n  padding-top: 10px;\n  background: #fff;\n\n  @media ${device.tableScroll} {\n    overflow-x: auto;\n  }\n\n  &.return-cards-wrapper {\n    @media ${device.tabletPortrait} {\n      overflow-x: visible;\n      max-height: none;\n    }\n  }\n\n  &.fortables {\n    @media ${device.mobileLandscape} {\n      /* cards stack full-width here (no horizontal scrolling needed), and\n         hidden overflow was clipping the print dropdown's absolutely\n         positioned popup */\n      overflow-x: visible;\n      /* the desktop max-height caps this box while the full card list\n         renders past it, overlapping the pagination bar that follows —\n         let it grow to fit all cards instead */\n      max-height: none;\n    }\n  }\n\n  &::-webkit-scrollbar {\n    width: 6px;\n    border-radius: 100px;\n    height: 6px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: #e2e0db;\n    border-radius: 100px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background: #989898;\n;\n    border-radius: 100px;\n  }\n\n  &::-webkit-scrollbar-thumb:hover {\n    background: #989898;\n;\n  }\n`;\n\nexport const StyledTable = styled.table`\n  border-spacing: 0 10px;\n  width: 100%;\n  table-layout: auto;\n\n  @media ${device.tableScroll} {\n    min-width: 1300px;\n  }\n\n  thead {\n    position: sticky;\n    top: 0;\n    z-index: 1;\n    background: #fff;\n    box-shadow: 0px 0px 1px #ffffff, 0px -10px 1px #ffffff;\n    tr {\n      border-radius: 40px;\n      border-spacing: 0 10px;\n      position: relative;\n      font-family: 'lato', sans-serif;\n      .emailInvoiceCheckbox {\n        padding-right: 0px;\n        width: 24px;\n        > div {\n          width: fit-content;\n        }\n      }\n      .emailInvoiceNo {\n        padding-left: 0px;\n      }\n      .emailInvoiceShare {\n        width: 80px;\n      }\n      th {\n        color: #3a3630;\n        font-size: 12px;\n        font-style: normal;\n        font-weight: 600;\n        line-height: 1.3;\n        padding: 8px 6px;\n        background: #f0f2f2;\n        border-right: none;\n        border-left: none;\n\n        @media ${device.mobileLandscape} {\n          padding: 4px 6px;\n        }\n        text-align: left;\n        border: 1px solid rgba(0, 0, 0, 0.08);\n        border-width: 1px 0;\n        word-wrap: break-word;\n        overflow-wrap: break-word;\n        white-space: normal;\n\n        .ant-checkbox-wrapper,\n        .ant-checkbox,\n        input[type='checkbox'] {\n          transform: scale(0.8);\n          transform-origin: center center;\n        }\n\n        &:first-child {\n          border-radius: 100px 0 0 100px;\n          border-left: 1px solid rgba(0, 0, 0, 0.08);\n        }\n        &:last-child {\n          border-radius: 0px 100px 100px 0;\n          border-right: 1px solid rgba(0, 0, 0, 0.08);\n        }\n        .sortIconClass {\n          cursor: pointer;\n          display: flex;\n          align-items: center;\n          gap: 4px;\n        }\n      }\n    }\n  }\n  tbody {\n    tr {\n      td {\n        color: #3a3630;\n        font-size: 11px;\n        font-style: normal;\n        font-weight: 400;\n        line-height: 1.3;\n        padding: 6px 6px;\n        background: #fff;\n        border: 1px solid rgba(0, 0, 0, 0.08);\n        border-right: none;\n        border-left: none;\n        position: relative;\n        word-wrap: break-word;\n        overflow-wrap: break-word;\n        white-space: normal;\n\n        .custom-check,\n        .ant-checkbox-wrapper,\n        .ant-checkbox,\n        input[type='checkbox'] {\n          transform: scale(0.8);\n          transform-origin: center center;\n        }\n\n        .disabled-wrapper {\n          cursor: not-allowed !important;\n          display: inline-block;\n          * {\n            pointer-events: none !important;\n          }\n          /* greyed out so a disabled box is obvious at a glance. The visible\n             box is the div after the (hidden) input in the library Checkbox. */\n          input[type='checkbox'] + div {\n            background: #d4d4d4 !important;\n            border-color: #a8a8a8 !important;\n          }\n        }\n        .actionbox {\n          display: flex;\n          gap: 5px;\n        }\n        .shareIconContainer {\n          display: flex;\n          padding: 2px 8px;\n          align-items: center;\n          gap: 4px;\n          border-radius: 20px;\n          border: 1px solid var(--tonal-brown-101, #e2e0db);\n          background: #fff;\n          list-style-type: none;\n          cursor: pointer;\n          position: relative;\n        }\n        .statusCancelled {\n          color: #e95252;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusOnHold {\n          color: #f4a503;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusSubContracted {\n          color: #845adf;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusAwaiting {\n          color: #845adf;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusCompleted {\n          color: #1f9254;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusOutstanding {\n          color: #f4a503;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n\n        .statusUnknown {\n          color: #000;\n          padding: 4px 8px;\n          border-radius: 4px;\n        }\n        .statustext {\n          color: #1f9254;\n          font-family: 'Open Sans';\n          font-size: 11px;\n          font-style: normal;\n          font-weight: 600;\n          line-height: normal;\n        }\n        .downloadcontainer {\n          display: flex;\n          padding: 2px 12px;\n          align-items: center;\n          width: 28px;\n          height: 28px;\n          flex-direction: column;\n          border-radius: 14px;\n          border: 1px solid #e2e0db;\n          background: #fff;\n        }\n        .statuscontainer {\n          display: flex;\n          padding: 5px 30px 5px 30px;\n          justify-content: center;\n          align-items: center;\n          gap: 5px;\n          flex: 1 0 0;\n          border-radius: 22px;\n          background: rgba(41, 204, 106, 0.15);\n        }\n        .awaiting {\n          display: flex;\n          min-width: fit-content;\n          padding: 4px 6px;\n          justify-content: center;\n          align-items: center;\n          gap: 5px;\n          border-radius: 22px;\n          background: rgba(233, 82, 82, 0.15);\n          color: #e95252;\n          font-family: 'Open Sans';\n          font-size: 11px;\n          font-weight: 600;\n        }\n        ul > li > a {\n          text-decoration: none !important;\n          color: #0099ff;\n          word-break: break-all;\n        }\n      }\n      &:nth-child(even) td {\n        background: #f6fbff;\n      }\n      td:first-child {\n        border-radius: 100px 0 0 100px;\n        border-left: 1px solid rgba(0, 0, 0, 0.08);\n      }\n      td:last-child {\n        border-radius: 0px 100px 100px 0;\n        border-right: 1px solid rgba(0, 0, 0, 0.08);\n      }\n      .flex {\n        display: flex;\n        flex-direction: row;\n        gap: 5px;\n        height: 29px;\n        align-items: center;\n      }\n\n      &.insideTable {\n        td {\n          border-radius: 0;\n          border: none;\n          &:last-child {\n            border-radius: 0;\n            border-right: none;\n          }\n        }\n        table {\n          border-spacing: 0;\n          width: 100%;\n          border-radius: 5px;\n          border: 1px solid rgba(0, 0, 0, 0.08);\n          overflow: hidden;\n          border-top-left-radius: 15px;\n          border-top-right-radius: 15px;\n          thead {\n            tr {\n              border-bottom: none;\n              th {\n                padding: 14px 20px;\n                text-align: left;\n                border-top: 0;\n                border-right: 0;\n                border-left: 0;\n                background: #f8fafc;\n\n                &:first-child {\n                  border-radius: 0;\n                  border-left: 1px solid rgba(0, 0, 0, 0.08);\n                  border-top-left-radius: 15px;\n                }\n                &:last-child {\n                  border-radius: 0;\n                }\n              }\n            }\n          }\n          tbody {\n            tr.product-row td {\n              border-bottom: none;\n            }\n\n            tr.ni-row td {\n              border-top: none;\n              padding-top: 0;\n              background: #fff;\n            }\n\n            tr.product-row td:first-child {\n              border-bottom-left-radius: 0;\n            }\n\n            tr.product-row td:last-child {\n              border-bottom-right-radius: 0;\n            }\n\n            tr.ni-row td:first-child {\n              border-top-left-radius: 0;\n            }\n\n            tr.ni-row td:last-child {\n              border-top-right-radius: 0;\n            }\n\n            tr.ni-row:nth-child(even) td {\n              background: #fff;\n            }\n            tr {\n              td {\n                padding: 14px 20px;\n                text-align: left;\n                border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n                background: #fff;\n                > svg {\n                  transform: scale(1.5);\n                  background-color: #edebe8;\n                  border-radius: 20px;\n                  padding: 5px;\n                }\n                &:last-child {\n                  border-radius: 0;\n                  border-right: none;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .actions {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    > svg {\n      transform: scale(1.5);\n      background-color: #edebe8;\n      border-radius: 20px;\n      padding: 5px;\n    }\n\n    .close-icon {\n      transform: scale(1.3);\n      background-color: transparent;\n      border-radius: 0;\n      padding: 0;\n    }\n  }\n\n  &.order-after-table {\n    @media ${device.mobileLandscape} {\n      display: block;\n      width: 100%;\n      min-width: 0;\n      border-spacing: 0;\n\n      thead {\n        display: none;\n      }\n\n      tbody {\n        display: block;\n        width: 100%;\n      }\n\n      tbody tr {\n        display: block;\n        width: 100%;\n        box-sizing: border-box;\n        border-radius: 12px;\n        border: 1px solid rgba(0, 0, 0, 0.08);\n        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);\n        margin-bottom: 10px;\n        background: #fff;\n        /* no overflow:hidden here — the Labels cell's print dropdown\n           (position: absolute) needs to be able to pop out past the\n           card's bottom edge; every td is already white so there's\n           nothing that needs clipping to keep the rounded corners clean */\n\n        td:first-child {\n          border-radius: 12px 12px 0 0 !important;\n        }\n\n        td:last-child {\n          border-radius: 0 0 12px 12px !important;\n        }\n\n        td {\n          display: flex;\n          flex-direction: row;\n          justify-content: space-between;\n          align-items: center;\n          gap: 8px;\n          width: 100%;\n          box-sizing: border-box;\n          border: none !important;\n          border-radius: 0 !important;\n          border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;\n          padding: 8px 12px;\n\n          &::before {\n            content: attr(data-label);\n            display: block;\n            flex-shrink: 0;\n            color: #6a7378;\n            font-size: 11px;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.02em;\n          }\n\n          &:last-child {\n            border-bottom: none !important;\n          }\n\n          .ant-select {\n            width: 100% !important;\n          }\n        }\n\n        &:nth-child(even) td {\n          background: inherit;\n        }\n\n        /* the Labels cell is a row with the print button pinned to the\n           card's right edge (space-between), so \"left: 0\" made the popup\n           extend further right, off the edge of the screen, clipping its\n           text. Anchor it via the button's right edge instead so it opens\n           leftward, staying on-card. */\n        .shareIconContainer > div > ul {\n          left: auto;\n          right: 0;\n        }\n      }\n\n      tbody tr.state-row {\n        border: none;\n        box-shadow: none;\n        margin-bottom: 0;\n\n        td.state-cell {\n          display: block;\n          border: none !important;\n          padding: 15px;\n\n          &::before {\n            content: none;\n          }\n        }\n      }\n    }\n  }\n\n  /* Return products table: stacked cards on tablet and mobile only */\n  &.return-cards {\n    @media ${device.tabletPortrait} {\n      display: block;\n      width: 100%;\n      min-width: 0;\n      border-spacing: 0;\n\n      thead {\n        display: none;\n      }\n\n      tbody {\n        display: block;\n        width: 100%;\n      }\n\n      tbody tr {\n        display: block;\n        width: 100%;\n        box-sizing: border-box;\n        border-radius: 12px;\n        border: 1px solid rgba(0, 0, 0, 0.08);\n        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.04);\n        margin-bottom: 10px;\n        background: #fff;\n        /* no overflow:hidden here — the Labels cell's print dropdown\n           (position: absolute) needs to be able to pop out past the\n           card's bottom edge; every td is already white so there's\n           nothing that needs clipping to keep the rounded corners clean */\n\n        td:first-child {\n          border-radius: 12px 12px 0 0 !important;\n        }\n\n        td:last-child {\n          border-radius: 0 0 12px 12px !important;\n        }\n\n        td {\n          display: flex;\n          flex-direction: row;\n          justify-content: space-between;\n          align-items: center;\n          gap: 8px;\n          width: 100%;\n          box-sizing: border-box;\n          border: none !important;\n          border-radius: 0 !important;\n          border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;\n          padding: 8px 12px;\n\n          &::before {\n            content: attr(data-label);\n            display: block;\n            flex-shrink: 0;\n            color: #6a7378;\n            font-size: 11px;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.02em;\n          }\n\n          &:last-child {\n            border-bottom: none !important;\n          }\n\n          .ant-select {\n            width: 100% !important;\n          }\n        }\n\n        &:nth-child(even) td {\n          background: inherit;\n        }\n\n        /* the Labels cell is a row with the print button pinned to the\n           card's right edge (space-between), so \"left: 0\" made the popup\n           extend further right, off the edge of the screen, clipping its\n           text. Anchor it via the button's right edge instead so it opens\n           leftward, staying on-card. */\n        .shareIconContainer > div > ul {\n          left: auto;\n          right: 0;\n        }\n      }\n\n      tbody tr.state-row {\n        border: none;\n        box-shadow: none;\n        margin-bottom: 0;\n\n        td.state-cell {\n          display: block;\n          border: none !important;\n          padding: 15px;\n\n          &::before {\n            content: none;\n          }\n        }\n      }\n    }\n  }\n \n  &.return-cards {\n    @media ${device.tabletPortrait} {\n      thead {\n        display: block;\n        position: static;\n        box-shadow: none;\n        background: transparent;\n      }\n      thead tr {\n        display: flex;\n        align-items: center;\n        margin-bottom: 8px;\n      }\n      thead th {\n        display: none;\n      }\n      thead th.emailInvoiceCheckbox {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        width: auto;\n        padding: 4px 4px 4px 12px;\n        background: transparent;\n        border: 0;\n        border-radius: 0;\n        &::after {\n          content: 'Select all';\n          font-size: 13px;\n          font-weight: 600;\n          color: #3a3630;\n        }\n      }\n      tbody tr td {\n        font-size: 13px;\n        text-align: right;\n        word-break: break-word;\n        min-height: 40px;\n      }\n      tbody tr td::before {\n        flex: 0 0 38%;\n        text-align: left;\n      }\n      tbody tr td ul {\n        margin: 0;\n        text-align: right;\n      }\n      tbody tr td[data-label='Select']:empty {\n        display: none;\n      }\n      tbody tr td[data-label='Select']:empty + td {\n        border-radius: 12px 12px 0 0 !important;\n      }\n    }\n  }\n\n  &.order-after-table {\n    @media ${device.mobileLandscape} {\n      tbody tr td {\n        font-size: 13px;\n        text-align: right;\n        word-break: break-word;\n        min-height: 40px;\n      }\n      tbody tr td::before {\n        flex: 0 0 38%;\n        text-align: left;\n      }\n      tbody tr td ul {\n        margin: 0;\n        text-align: right;\n      }\n      tbody tr.state-row td.state-cell {\n        text-align: center;\n      }\n    }\n  }\n`;\n\nexport const CustomDrop = styled.div`\n  cursor: pointer;\n  &.active .drop {\n    transform: rotate(180deg);\n  }\n`;\n"],"names":["styled","Button","EmptyDataContainer","StyledTableWrapper","device","StyledTable","CustomDrop"],"mappings":";;;AAI8BA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBlBA,EAAO;AAAA;AAAA;AAAA;AAKAA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYNA,EAAO;AAAA;AAAA;AAAA;AAKTA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYHA,EAAOC,CAAM;AAEdD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBFA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQXA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaLA,EAAO;AAAA;AAAA;AAAA;AAAA;AAMhBA,EAAO;AAAA;AAAA;AAAA;AAAA;AAMHA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQVA,EAAO;AAAA;AAAA;AAIJA,EAAO;AAAA;AAAA;AAAA;AAAA;AAMbA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUDA,EAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQdD,EAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAME,IAAqBF,EAAO;AAAA;AAAA;AAAA,GAK5BG,IAAqBH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAO9BI,EAAO,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,aAKhBA,EAAO,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAOrBA,EAAO,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAmCtBC,IAAcL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,WAKvBI,EAAO,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAuCZA,EAAO,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAuT1BA,EAAO,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAyGtBA,EAAO,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAwGrBA,EAAO,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAuDrBA,EAAO,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAsBtBE,IAAaN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.2.3-prod",
+  "version": "0.2.4-prod",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.js",