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

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

@@ -1,41 +1,41 @@
-import { jsx as e, Fragment as $, jsxs as t } from "react/jsx-runtime";
-import { Select as V, notification as k, Skeleton as z, Empty as B } from "antd";
-import { useRef as S, useState as v, useMemo as G, useEffect as D } from "react";
-import { useOrderId as q, useReturnAfterOrderData as J } from "../../../order-view/store.js";
-import { EmptyDataContainer as K } from "../../table/table-data/styles.js";
-import Q from "../../../../assets/icons/PrinterIcon.js";
-import X from "../../../../assets/icons/DownIcon.js";
-import { StyledTableWrapper as Y, StyledTable as Z, CustomDrop as ee } from "../../return-order-table/return-orders-filters/returnstyles.js";
-import { usePrintOptionTOggle as re, useLoading as te } from "../../store/store.js";
-import { NavLink as ne } from "react-router-dom";
-import { formatDate as oe, displayValueOrNA as o } from "../../shared/utlis.js";
-import ce from "../../shared/elements/PrintDropDown.js";
-import { useAssignData as ae, useAssignPayload as le, useCallApiAgain as se, useClientPortal as ie } from "../../../store.js";
-import de from "styled-components";
-import { useApiHook as ue, toReverseDeliveryLabel as he } from "@bjsdistribution/dms-component-library";
-import N from "../../../../common/CaretDownFilledIcon.js";
+import { jsx as e, Fragment as V, jsxs as r } from "react/jsx-runtime";
+import { Select as z, notification as k, Skeleton as B, Empty as G } from "antd";
+import { useRef as S, useState as N, useMemo as q, useEffect as v } from "react";
+import { useOrderId as J, useReturnAfterOrderData as K } from "../../../order-view/store.js";
+import { EmptyDataContainer as Q } from "../../table/table-data/styles.js";
+import X from "../../../../assets/icons/PrinterIcon.js";
+import Y from "../../../../assets/icons/DownIcon.js";
+import { StyledTableWrapper as Z, StyledTable as ee, CustomDrop as te } from "../../return-order-table/return-orders-filters/returnstyles.js";
+import { usePrintOptionTOggle as re, useLoading as ne } from "../../store/store.js";
+import { NavLink as ae } from "react-router-dom";
+import { formatDate as oe, displayValueOrNA as a } from "../../shared/utlis.js";
+import le from "../../shared/elements/PrintDropDown.js";
+import { useAssignData as ce, useAssignPayload as se, useCallApiAgain as ie, useClientPortal as de } from "../../../store.js";
+import ue from "styled-components";
+import { useApiHook as he } from "@bjsdistribution/dms-component-library";
+import T from "../../../../common/CaretDownFilledIcon.js";
 import pe from "../../../../common/SortIcon.js";
-import { WEIGHT_UNIT as F, VOLUME_UNIT as ge, getAccountTypeLabel as I } from "../../../../common/utils.js";
-const Re = () => {
-  const O = S(null), h = S(null), [m, f] = re(), [P] = ae(), [, T] = q(), [d] = J(), [b, L] = le(), [, R] = v(!1), [, C] = se(), [E] = te(), [y] = ie(), [l, U] = v(null), s = (r) => {
-    U((n) => n?.key === r && n.direction === "asc" ? { key: r, direction: "desc" } : { key: r, direction: "asc" });
-  }, _ = G(() => {
-    if (!d || !l) return d;
-    const { key: r, direction: n } = l;
-    return [...d].sort((w, u) => {
-      const c = w[r], a = u[r];
-      return typeof c == "number" && typeof a == "number" ? n === "asc" ? c - a : a - c : typeof c == "string" && typeof a == "string" ? n === "asc" ? c.localeCompare(a) : a.localeCompare(c) : 0;
+import { WEIGHT_UNIT as m, VOLUME_UNIT as O, getAccountTypeLabel as D } from "../../../../common/utils.js";
+const Le = () => {
+  const P = S(null), h = S(null), [f, b] = re(), [F] = ce(), [, I] = J(), [d] = K(), [C, L] = se(), [, R] = N(!1), [, y] = ie(), [E] = ne(), [U] = de(), [c, j] = N(null), s = (t) => {
+    j((n) => n?.key === t && n.direction === "asc" ? { key: t, direction: "desc" } : { key: t, direction: "asc" });
+  }, A = q(() => {
+    if (!d || !c) return d;
+    const { key: t, direction: n } = c;
+    return [...d].sort((_, u) => {
+      const o = _[t], l = u[t];
+      return typeof o == "number" && typeof l == "number" ? n === "asc" ? o - l : l - o : typeof o == "string" && typeof l == "string" ? n === "asc" ? o.localeCompare(l) : l.localeCompare(o) : 0;
     });
-  }, [d, l]), i = (r) => !l || l.key !== r ? /* @__PURE__ */ e(pe, {}) : l.direction === "asc" ? /* @__PURE__ */ e(N, {}) : /* @__PURE__ */ e(N, {}), j = (r) => {
-    f((n) => n === r ? null : r);
+  }, [d, c]), i = (t) => !c || c.key !== t ? /* @__PURE__ */ e(pe, {}) : c.direction === "asc" ? /* @__PURE__ */ e(T, {}) : /* @__PURE__ */ e(T, {}), W = (t) => {
+    b((n) => n === t ? null : t);
   };
-  D(() => (document.addEventListener("mousedown", A), () => {
-    document.removeEventListener("mousedown", A);
+  v(() => (document.addEventListener("mousedown", w), () => {
+    document.removeEventListener("mousedown", w);
   }), []);
-  const A = (r) => {
-    h.current && !h.current.contains(r.target) && f(null);
-  }, x = (r) => {
-    switch (r) {
+  const w = (t) => {
+    h.current && !h.current.contains(t.target) && b(null);
+  }, x = (t) => {
+    switch (t) {
       case "Cancelled":
         return { color: "#E95252", background: "rgba(233, 82, 82, 0.15)" };
       case "On Hold":
@@ -60,25 +60,25 @@ const Re = () => {
     }
   }, {
     data: p,
-    setShouldPerformAction: W,
+    setShouldPerformAction: $,
     error: g
-  } = ue({
+  } = he({
     endpoint: "return_orders/update/assign/",
     method: "PUT",
-    body: [b],
+    body: [C],
     performAction: !1
-  }), H = P?.map((r) => ({
-    label: r?.type?.charAt(0)?.toUpperCase() + r?.type?.slice(1),
-    value: r?.bjs_delivery
-  })), M = (r, n) => {
-    C(!1), R(n), L({
-      ...b,
-      return_order_id: r,
+  }), H = F?.map((t) => ({
+    label: t?.type?.charAt(0)?.toUpperCase() + t?.type?.slice(1),
+    value: t?.bjs_delivery
+  })), M = (t, n) => {
+    y(!1), R(n), L({
+      ...C,
+      return_order_id: t,
       bjs_delivery: n
-    }), W(!0);
+    }), $(!0);
   };
-  return D(() => {
-    p?.code === 200 ? (C(!0), k.success({
+  return v(() => {
+    p?.code === 200 ? (y(!0), k.success({
       message: "Success",
       // @ts-ignore
       description: `${p?.message}`
@@ -87,19 +87,19 @@ const Re = () => {
       // @ts-ignore
       description: `${g?.detail[0]?.msg}`
     });
-  }, [p, g]), /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(Y, { className: "fortables", children: /* @__PURE__ */ t(Z, { children: [
-    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ t("tr", { children: [
-      /* @__PURE__ */ e("th", { onClick: () => s("created_at"), children: /* @__PURE__ */ t("div", { className: "sortIconClass", children: [
+  }, [p, g]), /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(Z, { className: "fortables", children: /* @__PURE__ */ r(ee, { className: "order-after-table", children: [
+    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ r("tr", { children: [
+      /* @__PURE__ */ e("th", { onClick: () => s("created_at"), children: /* @__PURE__ */ r("div", { className: "sortIconClass", children: [
         "Created ",
         i("created_at")
       ] }) }),
-      /* @__PURE__ */ e("th", { onClick: () => s("return_location_name"), children: /* @__PURE__ */ t("div", { className: "sortIconClass", children: [
+      /* @__PURE__ */ e("th", { onClick: () => s("return_location_name"), children: /* @__PURE__ */ r("div", { className: "sortIconClass", children: [
         "Return Location ",
         i("return_location_name")
       ] }) }),
       /* @__PURE__ */ e("th", { children: "Pick Up Location" }),
       /* @__PURE__ */ e("th", { children: " Client" }),
-      /* @__PURE__ */ e("th", { onClick: () => s("recipient_name"), children: /* @__PURE__ */ t("div", { className: "sortIconClass", children: [
+      /* @__PURE__ */ e("th", { onClick: () => s("recipient_name"), children: /* @__PURE__ */ r("div", { className: "sortIconClass", children: [
         "Recipient ",
         i("recipient_name")
       ] }) }),
@@ -107,15 +107,15 @@ const Re = () => {
       /* @__PURE__ */ e("th", { children: "Return Order No" }),
       /* @__PURE__ */ e("th", { children: " Total Parts" }),
       /* @__PURE__ */ e("th", { children: " Total Orders" }),
-      /* @__PURE__ */ e("th", { onClick: () => s("weight"), children: /* @__PURE__ */ t("div", { className: "sortIconClass", children: [
+      /* @__PURE__ */ e("th", { onClick: () => s("weight"), children: /* @__PURE__ */ r("div", { className: "sortIconClass", children: [
         "Total Weight (",
-        F,
+        m,
         ") ",
         i("weight")
       ] }) }),
-      /* @__PURE__ */ e("th", { onClick: () => s("cube"), children: /* @__PURE__ */ t("div", { className: "sortIconClass", children: [
+      /* @__PURE__ */ e("th", { onClick: () => s("cube"), children: /* @__PURE__ */ r("div", { className: "sortIconClass", children: [
         "Total ",
-        ge,
+        O,
         " ",
         i("cube")
       ] }) }),
@@ -123,10 +123,10 @@ const Re = () => {
       /* @__PURE__ */ e("th", { children: "Status" }),
       /* @__PURE__ */ e("th", { className: "emailInvoiceShare", children: "Labels" })
     ] }) }),
-    /* @__PURE__ */ e("tbody", { children: E ? /* @__PURE__ */ t("tr", { children: [
-      /* @__PURE__ */ e("td", { colSpan: 16, children: /* @__PURE__ */ e(z, { active: !0 }) }),
+    /* @__PURE__ */ e("tbody", { children: E ? /* @__PURE__ */ r("tr", { className: "state-row", children: [
+      /* @__PURE__ */ e("td", { className: "state-cell", colSpan: 16, children: /* @__PURE__ */ e(B, { active: !0 }) }),
       /* @__PURE__ */ e("td", { colSpan: 16 })
-    ] }) : _?.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 16, children: /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(B, {}) }) }) }) : _?.map((r, n) => {
+    ] }) : A?.length === 0 ? /* @__PURE__ */ e("tr", { className: "state-row", children: /* @__PURE__ */ e("td", { className: "state-cell", colSpan: 16, children: /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(G, {}) }) }) }) : A?.map((t, n) => {
       const u = {
         cancelled: "Cancelled",
         "on hold": "On Hold",
@@ -137,22 +137,20 @@ const Re = () => {
         outstanding: "Outstanding",
         routed: "Routed",
         failed: "Failed"
-      }[r?.status_value] || "Unknown", c = x(u);
-      return /* @__PURE__ */ t("tr", { children: [
-        /* @__PURE__ */ e("td", { children: oe(new Date(r?.created_at)) }),
-        /* @__PURE__ */ e("td", { children: y ? o(r?.return_location_name) : o(
-          he(r?.return_location_name)
-        ) }),
-        /* @__PURE__ */ e("td", { children: r?.locations?.length ? r?.locations.join(", ") : "N/A" }),
-        /* @__PURE__ */ t("td", { children: [
-          o(r?.customer_name),
-          I(r?.owner_id) && /* @__PURE__ */ t("span", { children: [
+      }[t?.status_value] || "Unknown", o = x(u);
+      return /* @__PURE__ */ r("tr", { children: [
+        /* @__PURE__ */ e("td", { "data-label": "Created", children: oe(new Date(t?.created_at)) }),
+        /* @__PURE__ */ e("td", { "data-label": "Return Location", children: a(t?.return_location_name) }),
+        /* @__PURE__ */ e("td", { "data-label": "Pick Up Location", children: t?.locations?.length ? t?.locations.join(", ") : "N/A" }),
+        /* @__PURE__ */ r("td", { "data-label": "Client", children: [
+          a(t?.customer_name),
+          D(t?.owner_id) && /* @__PURE__ */ r("span", { children: [
             " (",
-            I(r?.owner_id),
+            D(t?.owner_id),
             ")"
           ] })
         ] }),
-        /* @__PURE__ */ e("td", { onClick: () => T(r.id), children: /* @__PURE__ */ t("ul", { style: { listStyleType: "none", padding: 0 }, children: [
+        /* @__PURE__ */ e("td", { "data-label": "Recipient", onClick: () => I(t.id), children: /* @__PURE__ */ r("ul", { style: { listStyleType: "none", padding: 0 }, children: [
           /* @__PURE__ */ e(
             "li",
             {
@@ -161,14 +159,14 @@ const Re = () => {
                 fontWeight: 600,
                 paddingLeft: 0
               },
-              children: /* @__PURE__ */ e(ne, { to: `../${r.id}`, children: o(r?.recipient_name) })
+              children: /* @__PURE__ */ e(ae, { to: `../${t.id}`, children: a(t?.recipient_name) })
             }
           ),
-          /* @__PURE__ */ e("li", { style: { color: "#888075" }, children: o(r?.postcode) })
+          /* @__PURE__ */ e("li", { style: { color: "#888075" }, children: a(t?.postcode) })
         ] }) }),
-        /* @__PURE__ */ t("td", { children: [
-          o(r?.consignment),
-          !y && Number(r?.failure_count) > 0 && /* @__PURE__ */ t(
+        /* @__PURE__ */ r("td", { "data-label": "Consignment", children: [
+          a(t?.consignment),
+          !U && Number(t?.failure_count) > 0 && /* @__PURE__ */ r(
             "span",
             {
               style: {
@@ -179,72 +177,72 @@ const Re = () => {
               title: "Delivery Failure Count",
               children: [
                 "- [",
-                r?.failure_count,
+                t?.failure_count,
                 "]"
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ e("td", { children: o(r?.order_number) }),
-        /* @__PURE__ */ e("td", { children: o(r?.total_products) }),
-        /* @__PURE__ */ e("td", { children: o(r?.total_orders) }),
-        /* @__PURE__ */ t("td", { children: [
-          o(r?.weight),
+        /* @__PURE__ */ e("td", { "data-label": "Return Order No", children: a(t?.order_number) }),
+        /* @__PURE__ */ e("td", { "data-label": "Total Parts", children: a(t?.total_products) }),
+        /* @__PURE__ */ e("td", { "data-label": "Total Orders", children: a(t?.total_orders) }),
+        /* @__PURE__ */ r("td", { "data-label": `Total Weight (${m})`, children: [
+          a(t?.weight),
           " ",
-          r?.weight && r?.weight > 0 ? F : ""
+          t?.weight && t?.weight > 0 ? m : ""
         ] }),
-        /* @__PURE__ */ e("td", { children: o(r?.cube) }),
-        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
-          me,
+        /* @__PURE__ */ e("td", { "data-label": `Total ${O}`, children: a(t?.cube) }),
+        /* @__PURE__ */ e("td", { "data-label": "Assign", children: /* @__PURE__ */ e(
+          ge,
           {
             options: H,
             placeholder: "Select",
-            onChange: (a) => M(r?.id, a),
+            onChange: (l) => M(t?.id, l),
             style: { width: "150px" },
-            value: r?.bjs_delivery
+            value: t?.bjs_delivery
           }
-        ) }, r.id),
-        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
+        ) }, t.id),
+        /* @__PURE__ */ e("td", { "data-label": "Status", children: /* @__PURE__ */ e(
           "ul",
           {
             className: "statuscontainer",
             style: {
               listStyleType: "none",
-              background: c.background
+              background: o.background
             },
             children: /* @__PURE__ */ e(
               "li",
               {
                 className: "statustext",
-                style: { color: c.color },
+                style: { color: o.color },
                 children: u
               }
             )
           }
         ) }),
-        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("ul", { className: "actionbox", children: /* @__PURE__ */ e(
-          ee,
+        /* @__PURE__ */ e("td", { "data-label": "Labels", children: /* @__PURE__ */ e("ul", { className: "actionbox", children: /* @__PURE__ */ e(
+          te,
           {
-            ref: O,
-            className: m === n ? "active" : "",
-            children: /* @__PURE__ */ t(
+            ref: P,
+            className: f === n ? "active" : "",
+            children: /* @__PURE__ */ r(
               "li",
               {
                 className: "shareIconContainer",
-                onClick: () => j(n),
+                onClick: () => W(n),
                 children: [
-                  /* @__PURE__ */ e(Q, {}),
                   /* @__PURE__ */ e(X, {}),
-                  m === n && /* @__PURE__ */ e("div", { ref: h, children: /* @__PURE__ */ e(ce, { legacyProductId: r }) })
+                  /* @__PURE__ */ e(Y, {}),
+                  f === n && /* @__PURE__ */ e("div", { ref: h, children: /* @__PURE__ */ e(le, { legacyProductId: t }) })
                 ]
               }
             )
           }
         ) }) })
-      ] }, r.id);
+      ] }, t.id);
     }) })
   ] }) }) });
-}, me = de(V)`
+}, ge = ue(z)`
   .ant-select-selector {
     /* width: 22vw; */
     border-radius: 22px;
@@ -255,6 +253,6 @@ const Re = () => {
   }
 `;
 export {
-  Re as default
+  Le as default
 };
 //# sourceMappingURL=OrderTable.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OrderTable.js","sources":["../../../../../src/components/order-daily-overview/return-after-table/table/OrderTable.tsx"],"sourcesContent":["import { Empty, notification, Select } from 'antd';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { Skeleton } from 'antd';\n// import { useSelectedOrders } from '../../../store';\nimport { useOrderId, useReturnAfterOrderData } from '../../../order-view/store';\nimport { EmptyDataContainer } from '../../table/table-data/styles';\nimport PrinterIcon from '../../../../assets/icons/PrinterIcon';\nimport DownIcon from '../../../../assets/icons/DownIcon';\nimport {\n  StyledTable,\n  StyledTableWrapper,\n  CustomDrop,\n} from '../../return-order-table/return-orders-filters/returnstyles';\nimport { useLoading, usePrintOptionTOggle } from '../../store/store';\nimport { NavLink } from 'react-router-dom';\nimport { displayValueOrNA, formatDate } from '../../shared/utlis';\nimport PrintDropDown from '../../shared/elements/PrintDropDown';\nimport {\n  useAssignData,\n  useAssignPayload,\n  useCallApiAgain,\n  useClientPortal,\n} from '../../../store';\nimport styled from 'styled-components';\nimport { toReverseDeliveryLabel, useApiHook } from '@bjsdistribution/dms-component-library';\nimport { ApiResponse } from '../../common/interface';\nimport CaretDownFilledIcon from '../../../../common/CaretDownFilledIcon';\nimport SortIcon from '../../../../common/SortIcon';\nimport { WEIGHT_UNIT } from '../../../../common/utils';\nimport { VOLUME_UNIT } from '../../../../common/utils';\nimport {  getAccountTypeLabel } from '../../../../common/utils';\n\nconst OrderTable = () => {\n  // const [, setSelectedReturnOrder] = useSelectedOrders();\n  // const [selectAll, setSelectAll] = useState(false);\n  const dropdownRefParent = useRef<HTMLDivElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const [printToogle, setPrintToggle] = usePrintOptionTOggle();\n  const [assignData] = useAssignData();\n  const [, setOrderId] = useOrderId();\n  const [returnAfterOrder] = useReturnAfterOrderData();\n  const [assignPayload, setAssignPayload] = useAssignPayload();\n  const [, setAssign] = useState<boolean>(false);\n  const [, setCallAPi] = useCallApiAgain();\n  const [loading] = useLoading();\n  const [isClientPortal] = useClientPortal();\n\n  //sorting\n  const [sortConfig, setSortConfig] = useState<{\n    key: string;\n    direction: 'asc' | 'desc';\n  } | null>(null);\n\n  const handleSort = (key: string) => {\n    setSortConfig((prev: any) => {\n      if (prev?.key === key && prev.direction === 'asc') {\n        return { key, direction: 'desc' };\n      }\n      return { key, direction: 'asc' };\n    });\n  };\n\n  const sortedData = useMemo(() => {\n    if (!returnAfterOrder || !sortConfig) return returnAfterOrder;\n\n    const { key, direction } = sortConfig;\n    return [...returnAfterOrder].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  }, [returnAfterOrder, 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\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 handleSelectAll = (e: any) => {\n  //   setSelectAll(e.target.checked);\n  //   if (e.target.checked) {\n  //     setSelectedReturnOrder(\n  //       returnAfterOrder.map((e: any) => ({\n  //         id: e.id,\n  //         status_id: 3,\n  //       }))\n  //     );\n  //   } else {\n  //     setSelectedReturnOrder([]);\n  //   }\n  // };\n\n  // const handleSelectInvoice = (id: any) => {\n  //   setSelectedReturnOrder((prevSelectedInvoices: any) => {\n  //     const isSelected = prevSelectedInvoices?.some(\n  //       (item: any) => item.id === id\n  //     );\n\n  //     if (isSelected) {\n  //       return prevSelectedInvoices.filter((items: any) => items.id !== id);\n  //     } else {\n  //       return [...prevSelectedInvoices, { id, status_id: 3 }];\n  //     }\n  //   });\n  // };\n\n  const getStatusClass = (status: string) => {\n    switch (status) {\n      case 'Cancelled':\n        return { color: '#E95252', background: 'rgba(233, 82, 82, 0.15)' };\n      case 'On Hold':\n        return { color: '#F4A503', background: '#FFF1D6' };\n      case 'Sub-Contracted':\n        return { color: '#F4A503', background: '#FFF1D6' };\n      case 'Awaiting route':\n        return { color: '#845ADF', background: 'rgba(132, 90, 223, 0.15)' };\n      case 'Awaiting':\n        return { color: '#845ADF', background: 'rgba(132, 90, 223, 0.15)' };\n      case 'Completed':\n        return {\n          color: '#1F9254',\n          background: 'rgba(41, 204, 106, 0.15)',\n        };\n      case 'Outstanding':\n        return { color: '#FF9900', background: 'rgba(255, 153, 0, 0.15)' };\n      case 'Routed':\n        return { color: '#6396E5', background: 'rgba(99, 150, 229, 0.15)' };\n      default:\n        return { color: '#000', background: '#fff' };\n    }\n  };\n\n  // API for Assign\n  const {\n    data: actionResponse,\n    setShouldPerformAction: setAssignAction,\n    error: apiError,\n  } = useApiHook<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `return_orders/update/assign/`,\n    method: 'PUT',\n    body: [assignPayload],\n    performAction: false,\n  });\n\n  //client options\n  const assignOptions = assignData?.map((option: any) => ({\n    label: option?.type?.charAt(0)?.toUpperCase() + option?.type?.slice(1),\n    value: option?.bjs_delivery,\n  }));\n\n  const handleAssignPayload = (Id: number, value: boolean) => {\n    setCallAPi(false);\n    setAssign(value);\n    setAssignPayload({\n      ...assignPayload,\n      return_order_id: Id,\n      bjs_delivery: value,\n    });\n    setAssignAction(true);\n  };\n\n  useEffect(() => {\n    //@ts-ignore\n    if (actionResponse?.code === 200) {\n      setCallAPi(true);\n      notification.success({\n        message: 'Success',\n        // @ts-ignore\n        description: `${actionResponse?.message}`,\n      });\n      // @ts-ignore\n    } else if (apiError?.detail) {\n      notification.error({\n        message: 'Failure',\n        // @ts-ignore\n        description: `${apiError?.detail[0]?.msg}`,\n      });\n    }\n  }, [actionResponse, apiError]);\n\n  return (\n    <>\n      <StyledTableWrapper className=\"fortables\">\n        <StyledTable>\n          <thead>\n            <tr>\n              {/* <th className=\"emailInvoiceCheckbox\">\n                <Checkbox checked={false} />\n              </th> */}\n              <th onClick={() => handleSort('created_at')}>\n                <div className=\"sortIconClass\">\n                  Created {renderSortIcon('created_at')}\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>Pick Up Location</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>Consignment</th>\n              <th>Return Order No</th>\n              <th> Total Parts</th>\n              <th> Total Orders</th>\n              <th onClick={() => handleSort('weight')}>\n                <div className=\"sortIconClass\">\n                  Total Weight ({WEIGHT_UNIT}) {renderSortIcon('weight')}\n                </div>\n              </th>\n              <th onClick={() => handleSort('cube')}>\n                <div className=\"sortIconClass\">\n                  Total {VOLUME_UNIT} {renderSortIcon('cube')}\n                </div>\n              </th>\n              <th>Assign</th>\n              <th>Status</th>\n              <th className=\"emailInvoiceShare\">Labels</th>\n            </tr>\n          </thead>\n          <tbody>\n            {loading ? (\n              <tr>\n                <td colSpan={16}>\n                  <Skeleton active />\n                </td>\n                <td colSpan={16}></td>\n              </tr>\n            ) : sortedData?.length === 0 ? (\n              <tr>\n                <td colSpan={16}>\n                  <EmptyDataContainer>\n                    <Empty />\n                  </EmptyDataContainer>\n                </td>\n              </tr>\n            ) : (\n              sortedData?.map((item: any, index: any) => {\n                const statusMapping: any = {\n                  cancelled: 'Cancelled',\n                  'on hold': 'On Hold',\n                  SC: 'Sub-Contracted',\n                  'awaiting route': 'Awaiting',\n                  'awaiting confirmation': 'Awaiting',\n                  complete: 'Completed',\n                  outstanding: 'Outstanding',\n                  routed: 'Routed',\n                  failed: 'Failed',\n                };\n                const status = statusMapping[item?.status_value] || 'Unknown';\n                const statusClass = getStatusClass(status);\n\n                return (\n                  <tr key={item.id}>\n                    {/* <td>\n                      <Checkbox\n                        checked={false}\n                        // onChange={() => handleSelectInvoice(item.id)}\n                      />\n                    </td> */}\n                    <td>{formatDate(new Date(item?.created_at))}</td>\n                    <td>\n                      {isClientPortal\n                        ? displayValueOrNA(item?.return_location_name)\n                        : displayValueOrNA(\n                            toReverseDeliveryLabel(item?.return_location_name)\n                          )}\n                    </td>\n\n                    <td>\n                      {item?.locations?.length\n                        ? item?.locations.join(', ')\n                        : 'N/A'}\n                    </td>\n\n                    <td>\n                      {displayValueOrNA(item?.customer_name)}\n                      {getAccountTypeLabel(item?.owner_id) && (\n                        <span> ({getAccountTypeLabel(item?.owner_id)})</span>\n                      )}\n                    </td>\n\n                    <td onClick={() => setOrderId(item.id)}>\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={`../${item.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\n                    <td>\n                      {displayValueOrNA(item?.consignment)}\n                      {!isClientPortal && Number(item?.failure_count) > 0 && (\n                        <span\n                          style={{\n                            color: 'inherit',\n                            fontWeight: 700,\n                            marginLeft: 2,\n                          }}\n                          title=\"Delivery Failure Count\"\n                        >\n                          - [{item?.failure_count}]\n                        </span>\n                      )}\n                    </td>\n                    <td>{displayValueOrNA(item?.order_number)}</td>\n\n                    <td>{displayValueOrNA(item?.total_products)}</td>\n                    <td>{displayValueOrNA(item?.total_orders)}</td>\n\n                    <td>\n                      {displayValueOrNA(item?.weight)}{' '}\n                      {item?.weight && item?.weight > 0 ? WEIGHT_UNIT : ''}\n                    </td>\n\n                    <td>{displayValueOrNA(item?.cube)}</td>\n\n                    <td key={item.id}>\n                      <StyledAntSelect\n                        options={assignOptions}\n                        placeholder=\"Select\"\n                        onChange={(value: any) =>\n                          handleAssignPayload(item?.id, value)\n                        }\n                        style={{ width: '150px' }}\n                        value={item?.bjs_delivery}\n                      />\n                    </td>\n\n                    <td>\n                      <ul\n                        className=\"statuscontainer\"\n                        style={{\n                          listStyleType: 'none',\n                          background: statusClass.background,\n                        }}\n                      >\n                        <li\n                          className=\"statustext\"\n                          style={{ color: statusClass.color }}\n                        >\n                          {status}\n                        </li>\n                      </ul>\n                    </td>\n                    <td>\n                      <ul className=\"actionbox\">\n                        <CustomDrop\n                          ref={dropdownRefParent}\n                          className={printToogle === index ? 'active' : ''}\n                        >\n                          <li\n                            className=\"shareIconContainer\"\n                            onClick={() => OpenDropDown(index)}\n                          >\n                            <PrinterIcon />\n                            <DownIcon />\n\n                            {printToogle === index && (\n                              <div ref={dropdownRef}>\n                                <PrintDropDown legacyProductId={item} />\n                              </div>\n                            )}\n                          </li>\n                        </CustomDrop>\n                      </ul>\n                    </td>\n                  </tr>\n                );\n              })\n            )}\n          </tbody>\n        </StyledTable>\n      </StyledTableWrapper>\n    </>\n  );\n};\n\nconst StyledAntSelect = styled(Select)`\n  .ant-select-selector {\n    /* width: 22vw; */\n    border-radius: 22px;\n  }\n  .ant-select-clear {\n    top: 40% !important;\n    font-size: 18px !important;\n  }\n`;\n\nexport default OrderTable;\n"],"names":["OrderTable","dropdownRefParent","useRef","dropdownRef","printToogle","setPrintToggle","usePrintOptionTOggle","assignData","useAssignData","setOrderId","useOrderId","returnAfterOrder","useReturnAfterOrderData","assignPayload","setAssignPayload","useAssignPayload","setAssign","useState","setCallAPi","useCallApiAgain","loading","useLoading","isClientPortal","useClientPortal","sortConfig","setSortConfig","handleSort","key","prev","sortedData","useMemo","direction","a","b","valueA","valueB","renderSortIcon","columnKey","SortIcon","CaretDownFilledIcon","OpenDropDown","index","prevIndex","useEffect","handleClickOutside","event","getStatusClass","status","actionResponse","setAssignAction","apiError","useApiHook","assignOptions","option","handleAssignPayload","Id","value","notification","jsx","StyledTableWrapper","StyledTable","jsxs","WEIGHT_UNIT","VOLUME_UNIT","Skeleton","EmptyDataContainer","Empty","item","statusClass","formatDate","displayValueOrNA","toReverseDeliveryLabel","getAccountTypeLabel","NavLink","StyledAntSelect","CustomDrop","PrinterIcon","DownIcon","PrintDropDown","styled","Select"],"mappings":"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"}
+{"version":3,"file":"OrderTable.js","sources":["../../../../../src/components/order-daily-overview/return-after-table/table/OrderTable.tsx"],"sourcesContent":["import { Empty, notification, Select } from 'antd';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { Skeleton } from 'antd';\n// import { useSelectedOrders } from '../../../store';\nimport { useOrderId, useReturnAfterOrderData } from '../../../order-view/store';\nimport { EmptyDataContainer } from '../../table/table-data/styles';\nimport PrinterIcon from '../../../../assets/icons/PrinterIcon';\nimport DownIcon from '../../../../assets/icons/DownIcon';\nimport {\n  StyledTable,\n  StyledTableWrapper,\n  CustomDrop,\n} from '../../return-order-table/return-orders-filters/returnstyles';\nimport { useLoading, usePrintOptionTOggle } from '../../store/store';\nimport { NavLink } from 'react-router-dom';\nimport { displayValueOrNA, formatDate } from '../../shared/utlis';\nimport PrintDropDown from '../../shared/elements/PrintDropDown';\nimport {\n  useAssignData,\n  useAssignPayload,\n  useCallApiAgain,\n  useClientPortal,\n} from '../../../store';\nimport styled from 'styled-components';\nimport { useApiHook } from '@bjsdistribution/dms-component-library';\nimport { ApiResponse } from '../../common/interface';\nimport CaretDownFilledIcon from '../../../../common/CaretDownFilledIcon';\nimport SortIcon from '../../../../common/SortIcon';\nimport { VOLUME_UNIT } from '../../../../common/utils';\nimport { WEIGHT_UNIT, getAccountTypeLabel } from '../../../../common/utils';\n\nconst OrderTable = () => {\n  // const [, setSelectedReturnOrder] = useSelectedOrders();\n  // const [selectAll, setSelectAll] = useState(false);\n  const dropdownRefParent = useRef<HTMLDivElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const [printToogle, setPrintToggle] = usePrintOptionTOggle();\n  const [assignData] = useAssignData();\n  const [, setOrderId] = useOrderId();\n  const [returnAfterOrder] = useReturnAfterOrderData();\n  const [assignPayload, setAssignPayload] = useAssignPayload();\n  const [, setAssign] = useState<boolean>(false);\n  const [, setCallAPi] = useCallApiAgain();\n  const [loading] = useLoading();\n  const [isClientPortal] = useClientPortal();\n\n  //sorting\n  const [sortConfig, setSortConfig] = useState<{\n    key: string;\n    direction: 'asc' | 'desc';\n  } | null>(null);\n\n  const handleSort = (key: string) => {\n    setSortConfig((prev: any) => {\n      if (prev?.key === key && prev.direction === 'asc') {\n        return { key, direction: 'desc' };\n      }\n      return { key, direction: 'asc' };\n    });\n  };\n\n  const sortedData = useMemo(() => {\n    if (!returnAfterOrder || !sortConfig) return returnAfterOrder;\n\n    const { key, direction } = sortConfig;\n    return [...returnAfterOrder].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  }, [returnAfterOrder, 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\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 handleSelectAll = (e: any) => {\n  //   setSelectAll(e.target.checked);\n  //   if (e.target.checked) {\n  //     setSelectedReturnOrder(\n  //       returnAfterOrder.map((e: any) => ({\n  //         id: e.id,\n  //         status_id: 3,\n  //       }))\n  //     );\n  //   } else {\n  //     setSelectedReturnOrder([]);\n  //   }\n  // };\n\n  // const handleSelectInvoice = (id: any) => {\n  //   setSelectedReturnOrder((prevSelectedInvoices: any) => {\n  //     const isSelected = prevSelectedInvoices?.some(\n  //       (item: any) => item.id === id\n  //     );\n\n  //     if (isSelected) {\n  //       return prevSelectedInvoices.filter((items: any) => items.id !== id);\n  //     } else {\n  //       return [...prevSelectedInvoices, { id, status_id: 3 }];\n  //     }\n  //   });\n  // };\n\n  const getStatusClass = (status: string) => {\n    switch (status) {\n      case 'Cancelled':\n        return { color: '#E95252', background: 'rgba(233, 82, 82, 0.15)' };\n      case 'On Hold':\n        return { color: '#F4A503', background: '#FFF1D6' };\n      case 'Sub-Contracted':\n        return { color: '#F4A503', background: '#FFF1D6' };\n      case 'Awaiting route':\n        return { color: '#845ADF', background: 'rgba(132, 90, 223, 0.15)' };\n      case 'Awaiting':\n        return { color: '#845ADF', background: 'rgba(132, 90, 223, 0.15)' };\n      case 'Completed':\n        return {\n          color: '#1F9254',\n          background: 'rgba(41, 204, 106, 0.15)',\n        };\n      case 'Outstanding':\n        return { color: '#FF9900', background: 'rgba(255, 153, 0, 0.15)' };\n      case 'Routed':\n        return { color: '#6396E5', background: 'rgba(99, 150, 229, 0.15)' };\n      default:\n        return { color: '#000', background: '#fff' };\n    }\n  };\n\n  // API for Assign\n  const {\n    data: actionResponse,\n    setShouldPerformAction: setAssignAction,\n    error: apiError,\n  } = useApiHook<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `return_orders/update/assign/`,\n    method: 'PUT',\n    body: [assignPayload],\n    performAction: false,\n  });\n\n  //client options\n  const assignOptions = assignData?.map((option: any) => ({\n    label: option?.type?.charAt(0)?.toUpperCase() + option?.type?.slice(1),\n    value: option?.bjs_delivery,\n  }));\n\n  const handleAssignPayload = (Id: number, value: boolean) => {\n    setCallAPi(false);\n    setAssign(value);\n    setAssignPayload({\n      ...assignPayload,\n      return_order_id: Id,\n      bjs_delivery: value,\n    });\n    setAssignAction(true);\n  };\n\n  useEffect(() => {\n    //@ts-ignore\n    if (actionResponse?.code === 200) {\n      setCallAPi(true);\n      notification.success({\n        message: 'Success',\n        // @ts-ignore\n        description: `${actionResponse?.message}`,\n      });\n      // @ts-ignore\n    } else if (apiError?.detail) {\n      notification.error({\n        message: 'Failure',\n        // @ts-ignore\n        description: `${apiError?.detail[0]?.msg}`,\n      });\n    }\n  }, [actionResponse, apiError]);\n\n  return (\n    <>\n      <StyledTableWrapper className=\"fortables\">\n        <StyledTable className=\"order-after-table\">\n          <thead>\n            <tr>\n              {/* <th className=\"emailInvoiceCheckbox\">\n                <Checkbox checked={false} />\n              </th> */}\n              <th onClick={() => handleSort('created_at')}>\n                <div className=\"sortIconClass\">\n                  Created {renderSortIcon('created_at')}\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>Pick Up Location</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>Consignment</th>\n              <th>Return Order No</th>\n              <th> Total Parts</th>\n              <th> Total Orders</th>\n              <th onClick={() => handleSort('weight')}>\n                <div className=\"sortIconClass\">\n                  Total Weight ({WEIGHT_UNIT}) {renderSortIcon('weight')}\n                </div>\n              </th>\n              <th onClick={() => handleSort('cube')}>\n                <div className=\"sortIconClass\">\n                  Total {VOLUME_UNIT} {renderSortIcon('cube')}\n                </div>\n              </th>\n              <th>Assign</th>\n              <th>Status</th>\n              <th className=\"emailInvoiceShare\">Labels</th>\n            </tr>\n          </thead>\n          <tbody>\n            {loading ? (\n              <tr className=\"state-row\">\n                <td className=\"state-cell\" colSpan={16}>\n                  <Skeleton active />\n                </td>\n                <td colSpan={16}></td>\n              </tr>\n            ) : sortedData?.length === 0 ? (\n              <tr className=\"state-row\">\n                <td className=\"state-cell\" colSpan={16}>\n                  <EmptyDataContainer>\n                    <Empty />\n                  </EmptyDataContainer>\n                </td>\n              </tr>\n            ) : (\n              sortedData?.map((item: any, index: any) => {\n                const statusMapping: any = {\n                  cancelled: 'Cancelled',\n                  'on hold': 'On Hold',\n                  SC: 'Sub-Contracted',\n                  'awaiting route': 'Awaiting',\n                  'awaiting confirmation': 'Awaiting',\n                  complete: 'Completed',\n                  outstanding: 'Outstanding',\n                  routed: 'Routed',\n                  failed: 'Failed',\n                };\n                const status = statusMapping[item?.status_value] || 'Unknown';\n                const statusClass = getStatusClass(status);\n\n                return (\n                  <tr key={item.id}>\n                    {/* <td>\n                      <Checkbox\n                        checked={false}\n                        // onChange={() => handleSelectInvoice(item.id)}\n                      />\n                    </td> */}\n                    <td data-label=\"Created\">{formatDate(new Date(item?.created_at))}</td>\n                    <td data-label=\"Return Location\">{displayValueOrNA(item?.return_location_name)}</td>\n\n                    <td data-label=\"Pick Up Location\">\n                      {item?.locations?.length\n                        ? item?.locations.join(', ')\n                        : 'N/A'}\n                    </td>\n\n                    <td data-label=\"Client\">\n                      {displayValueOrNA(item?.customer_name)}\n                      {getAccountTypeLabel(item?.owner_id) && (\n                        <span> ({getAccountTypeLabel(item?.owner_id)})</span>\n                      )}\n                    </td>\n\n                    <td data-label=\"Recipient\" onClick={() => setOrderId(item.id)}>\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={`../${item.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\n                    <td data-label=\"Consignment\">\n                      {displayValueOrNA(item?.consignment)}\n                      {!isClientPortal && Number(item?.failure_count) > 0 && (\n                        <span\n                          style={{\n                            color: 'inherit',\n                            fontWeight: 700,\n                            marginLeft: 2,\n                          }}\n                          title=\"Delivery Failure Count\"\n                        >\n                          - [{item?.failure_count}]\n                        </span>\n                      )}\n                    </td>\n                    <td data-label=\"Return Order No\">{displayValueOrNA(item?.order_number)}</td>\n\n                    <td data-label=\"Total Parts\">{displayValueOrNA(item?.total_products)}</td>\n                    <td data-label=\"Total Orders\">{displayValueOrNA(item?.total_orders)}</td>\n\n                    <td data-label={`Total Weight (${WEIGHT_UNIT})`}>\n                      {displayValueOrNA(item?.weight)}{' '}\n                      {item?.weight && item?.weight > 0 ? WEIGHT_UNIT : ''}\n                    </td>\n\n                    <td data-label={`Total ${VOLUME_UNIT}`}>{displayValueOrNA(item?.cube)}</td>\n\n                    <td data-label=\"Assign\" key={item.id}>\n                      <StyledAntSelect\n                        options={assignOptions}\n                        placeholder=\"Select\"\n                        onChange={(value: any) =>\n                          handleAssignPayload(item?.id, value)\n                        }\n                        style={{ width: '150px' }}\n                        value={item?.bjs_delivery}\n                      />\n                    </td>\n\n                    <td data-label=\"Status\">\n                      <ul\n                        className=\"statuscontainer\"\n                        style={{\n                          listStyleType: 'none',\n                          background: statusClass.background,\n                        }}\n                      >\n                        <li\n                          className=\"statustext\"\n                          style={{ color: statusClass.color }}\n                        >\n                          {status}\n                        </li>\n                      </ul>\n                    </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\n                            {printToogle === index && (\n                              <div ref={dropdownRef}>\n                                <PrintDropDown legacyProductId={item} />\n                              </div>\n                            )}\n                          </li>\n                        </CustomDrop>\n                      </ul>\n                    </td>\n                  </tr>\n                );\n              })\n            )}\n          </tbody>\n        </StyledTable>\n      </StyledTableWrapper>\n    </>\n  );\n};\n\nconst StyledAntSelect = styled(Select)`\n  .ant-select-selector {\n    /* width: 22vw; */\n    border-radius: 22px;\n  }\n  .ant-select-clear {\n    top: 40% !important;\n    font-size: 18px !important;\n  }\n`;\n\nexport default OrderTable;\n"],"names":["OrderTable","dropdownRefParent","useRef","dropdownRef","printToogle","setPrintToggle","usePrintOptionTOggle","assignData","useAssignData","setOrderId","useOrderId","returnAfterOrder","useReturnAfterOrderData","assignPayload","setAssignPayload","useAssignPayload","setAssign","useState","setCallAPi","useCallApiAgain","loading","useLoading","isClientPortal","useClientPortal","sortConfig","setSortConfig","handleSort","key","prev","sortedData","useMemo","direction","a","b","valueA","valueB","renderSortIcon","columnKey","SortIcon","CaretDownFilledIcon","OpenDropDown","index","prevIndex","useEffect","handleClickOutside","event","getStatusClass","status","actionResponse","setAssignAction","apiError","useApiHook","assignOptions","option","handleAssignPayload","Id","value","notification","jsx","Fragment","StyledTableWrapper","jsxs","StyledTable","WEIGHT_UNIT","VOLUME_UNIT","Skeleton","EmptyDataContainer","Empty","item","statusClass","formatDate","displayValueOrNA","getAccountTypeLabel","NavLink","StyledAntSelect","CustomDrop","PrinterIcon","DownIcon","PrintDropDown","styled","Select"],"mappings":"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"}