@bjsdistribution/dms-client-return 0.1.72-prod → 0.1.73-prod

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,7 +1,7 @@
1
1
  import { jsx as e, Fragment as W, jsxs as n } from "react/jsx-runtime";
2
- import { Select as $, notification as _, Skeleton as B, Empty as z } from "antd";
3
- import { useRef as k, useState as S, useMemo as G, useEffect as v } from "react";
4
- import { useOrderId as V, useReturnAfterOrderData as q } from "../../../order-view/store.js";
2
+ import { Select as $, notification as _, Skeleton as V, Empty as z } from "antd";
3
+ import { useRef as k, useState as S, useMemo as B, useEffect as v } from "react";
4
+ import { useOrderId as G, useReturnAfterOrderData as q } from "../../../order-view/store.js";
5
5
  import { EmptyDataContainer as J } from "../../table/table-data/styles.js";
6
6
  import K from "../../../../assets/icons/PrinterIcon.js";
7
7
  import Q from "../../../../assets/icons/DownIcon.js";
@@ -15,18 +15,18 @@ import le from "styled-components";
15
15
  import { useApiHook as ie } from "@bjsdistribution/dms-component-library";
16
16
  import D from "../../../../common/CaretDownFilledIcon.js";
17
17
  import de from "../../../../common/SortIcon.js";
18
- import { WEIGHT_UNIT as F, getAccountTypeLabel as I } from "../../../../common/utils.js";
19
- const Oe = () => {
20
- const N = k(null), h = k(null), [m, f] = ee(), [O] = ce(), [, T] = V(), [d] = q(), [b, P] = ae(), [, R] = S(!1), [, C] = se(), [E] = re(), [s, L] = S(null), l = (r) => {
21
- L((t) => t?.key === r && t.direction === "asc" ? { key: r, direction: "desc" } : { key: r, direction: "asc" });
22
- }, y = G(() => {
18
+ import { WEIGHT_UNIT as I, VOLUME_UNIT as ue, getAccountTypeLabel as N } from "../../../../common/utils.js";
19
+ const Te = () => {
20
+ const O = k(null), h = k(null), [m, f] = ee(), [F] = ce(), [, T] = G(), [d] = q(), [b, P] = ae(), [, E] = S(!1), [, C] = se(), [L] = re(), [s, R] = S(null), l = (r) => {
21
+ R((t) => t?.key === r && t.direction === "asc" ? { key: r, direction: "desc" } : { key: r, direction: "asc" });
22
+ }, y = B(() => {
23
23
  if (!d || !s) return d;
24
24
  const { key: r, direction: t } = s;
25
25
  return [...d].sort((w, u) => {
26
26
  const c = w[r], a = u[r];
27
27
  return typeof c == "number" && typeof a == "number" ? t === "asc" ? c - a : a - c : typeof c == "string" && typeof a == "string" ? t === "asc" ? c.localeCompare(a) : a.localeCompare(c) : 0;
28
28
  });
29
- }, [d, s]), i = (r) => !s || s.key !== r ? /* @__PURE__ */ e(de, {}) : s.direction === "asc" ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(D, {}), j = (r) => {
29
+ }, [d, s]), i = (r) => !s || s.key !== r ? /* @__PURE__ */ e(de, {}) : s.direction === "asc" ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(D, {}), U = (r) => {
30
30
  f((t) => t === r ? null : r);
31
31
  };
32
32
  v(() => (document.addEventListener("mousedown", A), () => {
@@ -34,7 +34,7 @@ const Oe = () => {
34
34
  }), []);
35
35
  const A = (r) => {
36
36
  h.current && !h.current.contains(r.target) && f(null);
37
- }, x = (r) => {
37
+ }, j = (r) => {
38
38
  switch (r) {
39
39
  case "Cancelled":
40
40
  return { color: "#E95252", background: "rgba(233, 82, 82, 0.15)" };
@@ -60,22 +60,22 @@ const Oe = () => {
60
60
  }
61
61
  }, {
62
62
  data: p,
63
- setShouldPerformAction: U,
63
+ setShouldPerformAction: x,
64
64
  error: g
65
65
  } = ie({
66
66
  endpoint: "return_orders/update/assign/",
67
67
  method: "PUT",
68
68
  body: [b],
69
69
  performAction: !1
70
- }), H = O?.map((r) => ({
70
+ }), H = F?.map((r) => ({
71
71
  label: r?.type?.charAt(0)?.toUpperCase() + r?.type?.slice(1),
72
72
  value: r?.bjs_delivery
73
73
  })), M = (r, t) => {
74
- C(!1), R(t), P({
74
+ C(!1), E(t), P({
75
75
  ...b,
76
76
  return_order_id: r,
77
77
  bjs_delivery: t
78
- }), U(!0);
78
+ }), x(!0);
79
79
  };
80
80
  return v(() => {
81
81
  p?.code === 200 ? (C(!0), _.success({
@@ -109,20 +109,22 @@ const Oe = () => {
109
109
  /* @__PURE__ */ e("th", { children: " Total Orders" }),
110
110
  /* @__PURE__ */ e("th", { onClick: () => l("weight"), children: /* @__PURE__ */ n("div", { className: "sortIconClass", children: [
111
111
  "Total Weight (",
112
- F,
112
+ I,
113
113
  ") ",
114
114
  i("weight")
115
115
  ] }) }),
116
116
  /* @__PURE__ */ e("th", { onClick: () => l("cube"), children: /* @__PURE__ */ n("div", { className: "sortIconClass", children: [
117
- "Total CBM ",
117
+ "Total ",
118
+ ue,
119
+ " ",
118
120
  i("cube")
119
121
  ] }) }),
120
122
  /* @__PURE__ */ e("th", { children: "Assign" }),
121
123
  /* @__PURE__ */ e("th", { children: "Status" }),
122
124
  /* @__PURE__ */ e("th", { className: "emailInvoiceShare", children: "Labels" })
123
125
  ] }) }),
124
- /* @__PURE__ */ e("tbody", { children: E ? /* @__PURE__ */ n("tr", { children: [
125
- /* @__PURE__ */ e("td", { colSpan: 16, children: /* @__PURE__ */ e(B, { active: !0 }) }),
126
+ /* @__PURE__ */ e("tbody", { children: L ? /* @__PURE__ */ n("tr", { children: [
127
+ /* @__PURE__ */ e("td", { colSpan: 16, children: /* @__PURE__ */ e(V, { active: !0 }) }),
126
128
  /* @__PURE__ */ e("td", { colSpan: 16 })
127
129
  ] }) : y?.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 16, children: /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(z, {}) }) }) }) : y?.map((r, t) => {
128
130
  const u = {
@@ -135,16 +137,16 @@ const Oe = () => {
135
137
  outstanding: "Outstanding",
136
138
  routed: "Routed",
137
139
  failed: "Failed"
138
- }[r?.status_value] || "Unknown", c = x(u);
140
+ }[r?.status_value] || "Unknown", c = j(u);
139
141
  return /* @__PURE__ */ n("tr", { children: [
140
142
  /* @__PURE__ */ e("td", { children: ne(new Date(r?.created_at)) }),
141
143
  /* @__PURE__ */ e("td", { children: o(r?.return_location_name) }),
142
144
  /* @__PURE__ */ e("td", { children: r?.locations?.length ? r?.locations.join(", ") : "N/A" }),
143
145
  /* @__PURE__ */ n("td", { children: [
144
146
  o(r?.customer_name),
145
- I(r?.owner_id) && /* @__PURE__ */ n("span", { children: [
147
+ N(r?.owner_id) && /* @__PURE__ */ n("span", { children: [
146
148
  " (",
147
- I(r?.owner_id),
149
+ N(r?.owner_id),
148
150
  ")"
149
151
  ] })
150
152
  ] }),
@@ -169,11 +171,11 @@ const Oe = () => {
169
171
  /* @__PURE__ */ n("td", { children: [
170
172
  o(r?.weight),
171
173
  " ",
172
- r?.weight && r?.weight > 0 ? F : ""
174
+ r?.weight && r?.weight > 0 ? I : ""
173
175
  ] }),
174
176
  /* @__PURE__ */ e("td", { children: o(r?.cube) }),
175
177
  /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
176
- ue,
178
+ he,
177
179
  {
178
180
  options: H,
179
181
  placeholder: "Select",
@@ -203,13 +205,13 @@ const Oe = () => {
203
205
  /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("ul", { className: "actionbox", children: /* @__PURE__ */ e(
204
206
  Z,
205
207
  {
206
- ref: N,
208
+ ref: O,
207
209
  className: m === t ? "active" : "",
208
210
  children: /* @__PURE__ */ n(
209
211
  "li",
210
212
  {
211
213
  className: "shareIconContainer",
212
- onClick: () => j(t),
214
+ onClick: () => U(t),
213
215
  children: [
214
216
  /* @__PURE__ */ e(K, {}),
215
217
  /* @__PURE__ */ e(Q, {}),
@@ -222,7 +224,7 @@ const Oe = () => {
222
224
  ] }, r.id);
223
225
  }) })
224
226
  ] }) }) });
225
- }, ue = le($)`
227
+ }, he = le($)`
226
228
  .ant-select-selector {
227
229
  /* width: 22vw; */
228
230
  border-radius: 22px;
@@ -233,6 +235,6 @@ const Oe = () => {
233
235
  }
234
236
  `;
235
237
  export {
236
- Oe as default
238
+ Te as default
237
239
  };
238
240
  //# sourceMappingURL=OrderTable.js.map
@@ -1 +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} 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 { 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\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 CBM {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>{displayValueOrNA(item?.return_location_name)}</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>{displayValueOrNA(item?.consignment)}</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","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","Skeleton","EmptyDataContainer","Empty","item","statusClass","formatDate","displayValueOrNA","getAccountTypeLabel","NavLink","StyledAntSelect","CustomDrop","PrinterIcon","DownIcon","PrintDropDown","styled","Select"],"mappings":"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"}
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} 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\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>{displayValueOrNA(item?.return_location_name)}</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>{displayValueOrNA(item?.consignment)}</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","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","getAccountTypeLabel","NavLink","StyledAntSelect","CustomDrop","PrinterIcon","DownIcon","PrintDropDown","styled","Select"],"mappings":";;;;;;;;;;;;;;;;;;AA8BA,MAAMA,KAAa,MAAM;AAGvB,QAAMC,IAAoBC,EAAuB,IAAI,GAC/CC,IAAcD,EAAuB,IAAI,GACzC,CAACE,GAAaC,CAAc,IAAIC,GAAA,GAChC,CAACC,CAAU,IAAIC,GAAA,GACf,CAAA,EAAGC,CAAU,IAAIC,EAAA,GACjB,CAACC,CAAgB,IAAIC,EAAA,GACrB,CAACC,GAAeC,CAAgB,IAAIC,GAAA,GACpC,GAAGC,CAAS,IAAIC,EAAkB,EAAK,GACvC,CAAA,EAAGC,CAAU,IAAIC,GAAA,GACjB,CAACC,CAAO,IAAIC,GAAA,GAGZ,CAACC,GAAYC,CAAa,IAAIN,EAG1B,IAAI,GAERO,IAAa,CAACC,MAAgB;AAClC,IAAAF,EAAc,CAACG,MACTA,GAAM,QAAQD,KAAOC,EAAK,cAAc,QACnC,EAAE,KAAAD,GAAK,WAAW,OAAA,IAEpB,EAAE,KAAAA,GAAK,WAAW,MAAA,CAC1B;AAAA,EACH,GAEME,IAAaC,EAAQ,MAAM;AAC/B,QAAI,CAACjB,KAAoB,CAACW,EAAY,QAAOX;AAE7C,UAAM,EAAE,KAAAc,GAAK,WAAAI,EAAA,IAAcP;AAC3B,WAAO,CAAC,GAAGX,CAAgB,EAAE,KAAK,CAACmB,GAAGC,MAAM;AAC1C,YAAMC,IAASF,EAAEL,CAAG,GACdQ,IAASF,EAAEN,CAAG;AAEpB,aAAI,OAAOO,KAAW,YAAY,OAAOC,KAAW,WAC3CJ,MAAc,QAAQG,IAASC,IAASA,IAASD,IAEtD,OAAOA,KAAW,YAAY,OAAOC,KAAW,WAC3CJ,MAAc,QACjBG,EAAO,cAAcC,CAAM,IAC3BA,EAAO,cAAcD,CAAM,IAE1B;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAACrB,GAAkBW,CAAU,CAAC,GAE3BY,IAAiB,CAACC,MAClB,CAACb,KAAcA,EAAW,QAAQa,sBAC5BC,IAAA,EAAS,IAEZd,EAAW,cAAc,0BAC7Be,GAAA,CAAA,CAAoB,sBAEpBA,GAAA,EAAoB,GAInBC,IAAe,CAACC,MAAkB;AACtC,IAAAlC,EAAe,CAAAmC,MAAcA,MAAcD,IAAQ,OAAOA,CAAM;AAAA,EAClE;AAGA,EAAAE,EAAU,OACR,SAAS,iBAAiB,aAAaC,CAAkB,GAClD,MAAM;AACX,aAAS,oBAAoB,aAAaA,CAAkB;AAAA,EAC9D,IACC,CAAA,CAAE;AACL,QAAMA,IAAqB,CAACC,MAAsB;AAChD,IACExC,EAAY,WACZ,CAACA,EAAY,QAAQ,SAASwC,EAAM,MAAc,KAElDtC,EAAe,IAAI;AAAA,EAEvB,GA8BMuC,IAAiB,CAACC,MAAmB;AACzC,YAAQA,GAAA;AAAA,MACN,KAAK;AACH,eAAO,EAAE,OAAO,WAAW,YAAY,0BAAA;AAAA,MACzC,KAAK;AACH,eAAO,EAAE,OAAO,WAAW,YAAY,UAAA;AAAA,MACzC,KAAK;AACH,eAAO,EAAE,OAAO,WAAW,YAAY,UAAA;AAAA,MACzC,KAAK;AACH,eAAO,EAAE,OAAO,WAAW,YAAY,2BAAA;AAAA,MACzC,KAAK;AACH,eAAO,EAAE,OAAO,WAAW,YAAY,2BAAA;AAAA,MACzC,KAAK;AACH,eAAO;AAAA,UACL,OAAO;AAAA,UACP,YAAY;AAAA,QAAA;AAAA,MAEhB,KAAK;AACH,eAAO,EAAE,OAAO,WAAW,YAAY,0BAAA;AAAA,MACzC,KAAK;AACH,eAAO,EAAE,OAAO,WAAW,YAAY,2BAAA;AAAA,MACzC;AACE,eAAO,EAAE,OAAO,QAAQ,YAAY,OAAA;AAAA,IAAO;AAAA,EAEjD,GAGM;AAAA,IACJ,MAAMC;AAAA,IACN,wBAAwBC;AAAA,IACxB,OAAOC;AAAA,EAAA,IACLC,GAED;AAAA,IACD,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,MAAM,CAACpC,CAAa;AAAA,IACpB,eAAe;AAAA,EAAA,CAChB,GAGKqC,IAAgB3C,GAAY,IAAI,CAAC4C,OAAiB;AAAA,IACtD,OAAOA,GAAQ,MAAM,OAAO,CAAC,GAAG,YAAA,IAAgBA,GAAQ,MAAM,MAAM,CAAC;AAAA,IACrE,OAAOA,GAAQ;AAAA,EAAA,EACf,GAEIC,IAAsB,CAACC,GAAYC,MAAmB;AAC1D,IAAApC,EAAW,EAAK,GAChBF,EAAUsC,CAAK,GACfxC,EAAiB;AAAA,MACf,GAAGD;AAAA,MACH,iBAAiBwC;AAAA,MACjB,cAAcC;AAAA,IAAA,CACf,GACDP,EAAgB,EAAI;AAAA,EACtB;AAEA,SAAAN,EAAU,MAAM;AAEd,IAAIK,GAAgB,SAAS,OAC3B5B,EAAW,EAAI,GACfqC,EAAa,QAAQ;AAAA,MACnB,SAAS;AAAA;AAAA,MAET,aAAa,GAAGT,GAAgB,OAAO;AAAA,IAAA,CACxC,KAEQE,GAAU,UACnBO,EAAa,MAAM;AAAA,MACjB,SAAS;AAAA;AAAA,MAET,aAAa,GAAGP,GAAU,OAAO,CAAC,GAAG,GAAG;AAAA,IAAA,CACzC;AAAA,EAEL,GAAG,CAACF,GAAgBE,CAAQ,CAAC,0BAIzB,UAAA,gBAAAQ,EAACC,GAAA,EAAmB,WAAU,aAC5B,4BAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAF,EAAC,SAAA,EACC,4BAAC,MAAA,EAIC,UAAA;AAAA,MAAA,gBAAAA,EAAC,MAAA,EAAG,SAAS,MAAMhC,EAAW,YAAY,GACxC,UAAA,gBAAAmC,EAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA;AAAA,QAAA;AAAA,QACpBzB,EAAe,YAAY;AAAA,MAAA,EAAA,CACtC,EAAA,CACF;AAAA,MACA,gBAAAsB,EAAC,MAAA,EAAG,SAAS,MAAMhC,EAAW,sBAAsB,GAClD,UAAA,gBAAAmC,EAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA;AAAA,QAAA;AAAA,QACZzB,EAAe,sBAAsB;AAAA,MAAA,EAAA,CACxD,EAAA,CACF;AAAA,MACA,gBAAAsB,EAAC,QAAG,UAAA,mBAAA,CAAgB;AAAA,MACpB,gBAAAA,EAAC,QAAG,UAAA,UAAA,CAAO;AAAA,MACX,gBAAAA,EAAC,MAAA,EAAG,SAAS,MAAMhC,EAAW,gBAAgB,GAC5C,UAAA,gBAAAmC,EAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA;AAAA,QAAA;AAAA,QAClBzB,EAAe,gBAAgB;AAAA,MAAA,EAAA,CAC5C,EAAA,CACF;AAAA,MACA,gBAAAsB,EAAC,QAAG,UAAA,cAAA,CAAW;AAAA,MACf,gBAAAA,EAAC,QAAG,UAAA,kBAAA,CAAe;AAAA,MACnB,gBAAAA,EAAC,QAAG,UAAA,eAAA,CAAY;AAAA,MAChB,gBAAAA,EAAC,QAAG,UAAA,gBAAA,CAAa;AAAA,MACjB,gBAAAA,EAAC,MAAA,EAAG,SAAS,MAAMhC,EAAW,QAAQ,GACpC,UAAA,gBAAAmC,EAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA;AAAA,QAAA;AAAA,QACdC;AAAA,QAAY;AAAA,QAAG1B,EAAe,QAAQ;AAAA,MAAA,EAAA,CACvD,EAAA,CACF;AAAA,MACA,gBAAAsB,EAAC,MAAA,EAAG,SAAS,MAAMhC,EAAW,MAAM,GAClC,UAAA,gBAAAmC,EAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA;AAAA,QAAA;AAAA,QACtBE;AAAA,QAAY;AAAA,QAAE3B,EAAe,MAAM;AAAA,MAAA,EAAA,CAC5C,EAAA,CACF;AAAA,MACA,gBAAAsB,EAAC,QAAG,UAAA,SAAA,CAAM;AAAA,MACV,gBAAAA,EAAC,QAAG,UAAA,SAAA,CAAM;AAAA,MACV,gBAAAA,EAAC,MAAA,EAAG,WAAU,qBAAoB,UAAA,SAAA,CAAM;AAAA,IAAA,EAAA,CAC1C,EAAA,CACF;AAAA,IACA,gBAAAA,EAAC,SAAA,EACE,UAAApC,IACC,gBAAAuC,EAAC,MAAA,EACC,UAAA;AAAA,MAAA,gBAAAH,EAAC,QAAG,SAAS,IACX,4BAACM,GAAA,EAAS,QAAM,IAAC,EAAA,CACnB;AAAA,MACA,gBAAAN,EAAC,MAAA,EAAG,SAAS,GAAA,CAAI;AAAA,IAAA,EAAA,CACnB,IACE7B,GAAY,WAAW,sBACxB,MAAA,EACC,UAAA,gBAAA6B,EAAC,MAAA,EAAG,SAAS,IACX,UAAA,gBAAAA,EAACO,KACC,UAAA,gBAAAP,EAACQ,GAAA,CAAA,CAAM,GACT,GACF,EAAA,CACF,IAEArC,GAAY,IAAI,CAACsC,GAAW1B,MAAe;AAYzC,YAAMM,IAXqB;AAAA,QACzB,WAAW;AAAA,QACX,WAAW;AAAA,QACX,IAAI;AAAA,QACJ,kBAAkB;AAAA,QAClB,yBAAyB;AAAA,QACzB,UAAU;AAAA,QACV,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,QAAQ;AAAA,MAAA,EAEmBoB,GAAM,YAAY,KAAK,WAC9CC,IAActB,EAAeC,CAAM;AAEzC,+BACG,MAAA,EAOC,UAAA;AAAA,QAAA,gBAAAW,EAAC,QAAI,UAAAW,GAAW,IAAI,KAAKF,GAAM,UAAU,CAAC,GAAE;AAAA,QAC5C,gBAAAT,EAAC,MAAA,EAAI,UAAAY,EAAiBH,GAAM,oBAAoB,GAAE;AAAA,QAElD,gBAAAT,EAAC,MAAA,EACE,UAAAS,GAAM,WAAW,SACdA,GAAM,UAAU,KAAK,IAAI,IACzB,MAAA,CACN;AAAA,0BAEC,MAAA,EACE,UAAA;AAAA,UAAAG,EAAiBH,GAAM,aAAa;AAAA,UACpCI,EAAoBJ,GAAM,QAAQ,uBAChC,QAAA,EAAK,UAAA;AAAA,YAAA;AAAA,YAAGI,EAAoBJ,GAAM,QAAQ;AAAA,YAAE;AAAA,UAAA,EAAA,CAAC;AAAA,QAAA,GAElD;AAAA,0BAEC,MAAA,EAAG,SAAS,MAAMxD,EAAWwD,EAAK,EAAE,GACnC,UAAA,gBAAAN,EAAC,MAAA,EAAG,OAAO,EAAE,eAAe,QAAQ,SAAS,KAC3C,UAAA;AAAA,UAAA,gBAAAH;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,gBACL,OAAO;AAAA,gBACP,YAAY;AAAA,gBACZ,aAAa;AAAA,cAAA;AAAA,cAGf,UAAA,gBAAAA,EAACc,IAAA,EAAQ,IAAI,MAAML,EAAK,EAAE,IACvB,UAAAG,EAAiBH,GAAM,cAAc,EAAA,CACxC;AAAA,YAAA;AAAA,UAAA;AAAA,UAEF,gBAAAT,EAAC,MAAA,EAAG,OAAO,EAAE,OAAO,aACjB,UAAAY,EAAiBH,GAAM,QAAQ,EAAA,CAClC;AAAA,QAAA,EAAA,CACF,EAAA,CACF;AAAA,QAEA,gBAAAT,EAAC,MAAA,EAAI,UAAAY,EAAiBH,GAAM,WAAW,GAAE;AAAA,QACzC,gBAAAT,EAAC,MAAA,EAAI,UAAAY,EAAiBH,GAAM,YAAY,GAAE;AAAA,QAE1C,gBAAAT,EAAC,MAAA,EAAI,UAAAY,EAAiBH,GAAM,cAAc,GAAE;AAAA,QAC5C,gBAAAT,EAAC,MAAA,EAAI,UAAAY,EAAiBH,GAAM,YAAY,GAAE;AAAA,0BAEzC,MAAA,EACE,UAAA;AAAA,UAAAG,EAAiBH,GAAM,MAAM;AAAA,UAAG;AAAA,UAChCA,GAAM,UAAUA,GAAM,SAAS,IAAIL,IAAc;AAAA,QAAA,GACpD;AAAA,QAEA,gBAAAJ,EAAC,MAAA,EAAI,UAAAY,EAAiBH,GAAM,IAAI,GAAE;AAAA,0BAEjC,MAAA,EACC,UAAA,gBAAAT;AAAA,UAACe;AAAA,UAAA;AAAA,YACC,SAASrB;AAAA,YACT,aAAY;AAAA,YACZ,UAAU,CAACI,MACTF,EAAoBa,GAAM,IAAIX,CAAK;AAAA,YAErC,OAAO,EAAE,OAAO,QAAA;AAAA,YAChB,OAAOW,GAAM;AAAA,UAAA;AAAA,QAAA,EACf,GATOA,EAAK,EAUd;AAAA,0BAEC,MAAA,EACC,UAAA,gBAAAT;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,eAAe;AAAA,cACf,YAAYU,EAAY;AAAA,YAAA;AAAA,YAG1B,UAAA,gBAAAV;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO,EAAE,OAAOU,EAAY,MAAA;AAAA,gBAE3B,UAAArB;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAAA,GAEJ;AAAA,QACA,gBAAAW,EAAC,MAAA,EACC,UAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,aACZ,UAAA,gBAAAA;AAAA,UAACgB;AAAA,UAAA;AAAA,YACC,KAAKvE;AAAA,YACL,WAAWG,MAAgBmC,IAAQ,WAAW;AAAA,YAE9C,UAAA,gBAAAoB;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,SAAS,MAAMrB,EAAaC,CAAK;AAAA,gBAEjC,UAAA;AAAA,kBAAA,gBAAAiB,EAACiB,GAAA,EAAY;AAAA,oCACZC,GAAA,EAAS;AAAA,kBAETtE,MAAgBmC,KACf,gBAAAiB,EAAC,OAAA,EAAI,KAAKrD,GACR,UAAA,gBAAAqD,EAACmB,IAAA,EAAc,iBAAiBV,EAAA,CAAM,EAAA,CACxC;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UAEJ;AAAA,QAAA,GAEJ,EAAA,CACF;AAAA,MAAA,EAAA,GAxGOA,EAAK,EAyGd;AAAA,IAEJ,CAAC,EAAA,CAEL;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ,GAEMM,KAAkBK,GAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
@@ -6,47 +6,47 @@ import { useAtom as me } from "jotai";
6
6
  import { useRef as K, useState as fe, useMemo as ge, useEffect as b } from "react";
7
7
  import Ce from "../../../../assets/icons/DownIcon.js";
8
8
  import ye from "../../../../assets/icons/PrinterIcon.js";
9
- import $ from "../../../../common/CaretDownFilledIcon.js";
9
+ import V from "../../../../common/CaretDownFilledIcon.js";
10
10
  import Se from "../../../../common/SortIcon.js";
11
11
  import Ne from "../../../order-view/details-filters/left-side-filters/dropdowns/PrintDropDownReturn.js";
12
12
  import { useReturnData as we, usefetchAgain as De } from "../../../order-view/store.js";
13
- import { useSelectedOrders as be, useSelectAll as ke, useReturnPayload as Ae, useNewReturnPayload as Pe, useGroupedPayload as Ie, useLocationData as Re, useFlatCustomerData as Oe } from "../../../store.js";
13
+ import { useSelectedOrders as be, useSelectAll as ke, useReturnPayload as Ae, useNewReturnPayload as Ie, useGroupedPayload as Pe, useLocationData as Re, useFlatCustomerData as Oe } from "../../../store.js";
14
14
  import { filtersReducerAtom as Le } from "../../header-filters/filterStore.js";
15
15
  import { displayValueOrNA as s } from "../../shared/utlis.js";
16
16
  import { useLoading as ve, usePrintOptionTOggle as Ee, UsePaginationData as Te } from "../../store/store.js";
17
- import { EmptyDataContainer as Fe } from "../../table/table-data/styles.js";
18
- import { StyledTableWrapper as We, StyledTable as xe, CustomDrop as Me } from "./returnstyles.js";
19
- import { useSearchParams as Ue, NavLink as je } from "react-router-dom";
20
- import { WEIGHT_UNIT as J, getAccountTypeLabel as V } from "../../../../common/utils.js";
21
- const Ge = [
17
+ import { EmptyDataContainer as Ue } from "../../table/table-data/styles.js";
18
+ import { StyledTableWrapper as Fe, StyledTable as We, CustomDrop as xe } from "./returnstyles.js";
19
+ import { useSearchParams as Me, NavLink as je } from "react-router-dom";
20
+ import { WEIGHT_UNIT as $, VOLUME_UNIT as Ge, getAccountTypeLabel as J } from "../../../../common/utils.js";
21
+ const Be = [
22
22
  "RTS",
23
23
  "CLAIMS PAID",
24
24
  "DISPOSE",
25
25
  "RE-ALLOCATE",
26
26
  "RECYCLE",
27
27
  "UNKNOWN"
28
- ], y = (_) => Ge.includes(_?.product_return_action) && _?.return_location !== "null" && _?.return_location !== null, it = () => {
29
- const [_] = me(Le), [S, k] = be(), [Y, A] = ke(), { "x-filters": q, "x-pagination": z } = _, [h, E] = we(), [Q, T] = ve(), X = K(null), P = K(null), [F, W] = Ee(), [, Z] = Ae(), [I, N] = Pe(), [, R] = Ie(), [O] = Re(), [, ee] = Te(), [te] = De(), [ne] = Ue(), L = ne.get("customerId"), [m, re] = fe(null), f = (e) => {
28
+ ], y = (_) => Be.includes(_?.product_return_action) && _?.return_location !== "null" && _?.return_location !== null, st = () => {
29
+ const [_] = me(Le), [S, k] = be(), [Y, A] = ke(), { "x-filters": q, "x-pagination": z } = _, [h, E] = we(), [Q, T] = ve(), X = K(null), I = K(null), [U, F] = Ee(), [, Z] = Ae(), [P, N] = Ie(), [, R] = Pe(), [O] = Re(), [, ee] = Te(), [te] = De(), [ne] = Me(), L = ne.get("customerId"), [m, re] = fe(null), f = (e) => {
30
30
  re((n) => n?.key === e && n.direction === "asc" ? { key: e, direction: "desc" } : { key: e, direction: "asc" });
31
- }, x = ge(() => {
31
+ }, W = ge(() => {
32
32
  if (!h || !m) return h;
33
33
  const { key: e, direction: n } = m;
34
34
  return [...h].sort((o, c) => {
35
35
  const l = o[e], i = c[e];
36
36
  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;
37
37
  });
38
- }, [h, m]), g = (e) => !m || m.key !== e ? /* @__PURE__ */ t(Se, {}) : m.direction === "asc" ? /* @__PURE__ */ t($, {}) : /* @__PURE__ */ t($, {}), oe = (e) => {
39
- W((n) => n === e ? null : e);
38
+ }, [h, m]), g = (e) => !m || m.key !== e ? /* @__PURE__ */ t(Se, {}) : m.direction === "asc" ? /* @__PURE__ */ t(V, {}) : /* @__PURE__ */ t(V, {}), oe = (e) => {
39
+ F((n) => n === e ? null : e);
40
40
  };
41
- b(() => (document.addEventListener("mousedown", M), () => {
42
- document.removeEventListener("mousedown", M);
41
+ b(() => (document.addEventListener("mousedown", x), () => {
42
+ document.removeEventListener("mousedown", x);
43
43
  }), []);
44
- const M = (e) => {
45
- P.current && !P.current.contains(e.target) && W(null);
44
+ const x = (e) => {
45
+ I.current && !I.current.contains(e.target) && F(null);
46
46
  }, {
47
47
  data: p,
48
48
  loading: w,
49
- paginationData: U,
49
+ paginationData: M,
50
50
  setShouldPerformAction: ce
51
51
  } = de({
52
52
  endpoint: "/v1/return/product/pending/",
@@ -58,9 +58,9 @@ const Ge = [
58
58
  });
59
59
  b(() => {
60
60
  if (T(w), p && p?.data)
61
- if (E(p?.data), U)
61
+ if (E(p?.data), M)
62
62
  try {
63
- const { count: e, ...n } = JSON.parse(U);
63
+ const { count: e, ...n } = JSON.parse(M);
64
64
  ee(n);
65
65
  } catch (e) {
66
66
  console.error("Error parsing paginationData:", e), H.error({
@@ -167,11 +167,11 @@ const Ge = [
167
167
  });
168
168
  };
169
169
  return b(() => {
170
- if (I?.length === 0) {
170
+ if (P?.length === 0) {
171
171
  R([]);
172
172
  return;
173
173
  }
174
- const e = I?.reduce((o, c) => {
174
+ const e = P?.reduce((o, c) => {
175
175
  const { return_location_token: l, id: i } = c, d = l || `no_token_${i}`;
176
176
  return o[d] || (o[d] = {
177
177
  ...c,
@@ -182,7 +182,7 @@ const Ge = [
182
182
  ), o;
183
183
  }, {}), n = Object.values(e);
184
184
  R(n);
185
- }, [I]), /* @__PURE__ */ t(se, { children: /* @__PURE__ */ t(We, { className: "fortables", children: /* @__PURE__ */ a(xe, { children: [
185
+ }, [P]), /* @__PURE__ */ t(se, { children: /* @__PURE__ */ t(Fe, { className: "fortables", children: /* @__PURE__ */ a(We, { children: [
186
186
  /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ a("tr", { children: [
187
187
  h?.some((e) => y(e)) ? /* @__PURE__ */ t("th", { className: "emailInvoiceCheckbox", children: /* @__PURE__ */ t(B, { checked: Y, onChange: le }) }) : /* @__PURE__ */ t("th", {}),
188
188
  /* @__PURE__ */ t("th", { onClick: () => f("location"), children: /* @__PURE__ */ a("div", { className: "sortIconClass", children: [
@@ -204,11 +204,11 @@ const Ge = [
204
204
  /* @__PURE__ */ t("th", { children: "Part" }),
205
205
  /* @__PURE__ */ t("th", { onClick: () => f("weight"), children: /* @__PURE__ */ a("div", { className: "sortIconClass", children: [
206
206
  "Weight (",
207
- J,
207
+ $,
208
208
  ") ",
209
209
  g("weight")
210
210
  ] }) }),
211
- /* @__PURE__ */ t("th", { children: "CBM" }),
211
+ /* @__PURE__ */ t("th", { children: Ge }),
212
212
  /* @__PURE__ */ t("th", { onClick: () => f("return_reason"), children: /* @__PURE__ */ a("div", { className: "sortIconClass", children: [
213
213
  "Return Reason ",
214
214
  g("return_reason")
@@ -220,7 +220,7 @@ const Ge = [
220
220
  ] }) }),
221
221
  /* @__PURE__ */ t("th", { className: "emailInvoiceShare", children: "Labels" })
222
222
  ] }) }),
223
- /* @__PURE__ */ t("tbody", { children: Q ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { colSpan: 14, children: /* @__PURE__ */ t(ue, { active: !0 }) }) }) : x?.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { colSpan: 14, children: /* @__PURE__ */ t(Fe, { children: /* @__PURE__ */ t(he, {}) }) }) }) : x?.map((e, n) => /* @__PURE__ */ a("tr", { children: [
223
+ /* @__PURE__ */ t("tbody", { children: Q ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { colSpan: 14, children: /* @__PURE__ */ t(ue, { active: !0 }) }) }) : W?.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { colSpan: 14, children: /* @__PURE__ */ t(Ue, { children: /* @__PURE__ */ t(he, {}) }) }) }) : W?.map((e, n) => /* @__PURE__ */ a("tr", { children: [
224
224
  /* @__PURE__ */ t("td", { children: y(e) ? (() => {
225
225
  const o = S?.length > 0 && S[0]?.product_return_action !== e?.product_return_action;
226
226
  return /* @__PURE__ */ t(
@@ -260,9 +260,9 @@ const Ge = [
260
260
  ] }),
261
261
  /* @__PURE__ */ a("td", { title: e?.client_name ?? "", children: [
262
262
  s(e?.client_name),
263
- V(e?.owner_id) && /* @__PURE__ */ a("span", { children: [
263
+ J(e?.owner_id) && /* @__PURE__ */ a("span", { children: [
264
264
  " (",
265
- V(e?.owner_id),
265
+ J(e?.owner_id),
266
266
  ")"
267
267
  ] })
268
268
  ] }),
@@ -287,17 +287,17 @@ const Ge = [
287
287
  /* @__PURE__ */ a("td", { children: [
288
288
  s(e?.weight),
289
289
  " ",
290
- e?.weight && e?.weight !== null ? J : ""
290
+ e?.weight && e?.weight !== null ? $ : ""
291
291
  ] }),
292
292
  /* @__PURE__ */ t("td", { children: s(e?.cube) }),
293
293
  /* @__PURE__ */ t("td", { children: s(e?.return_reason) }),
294
294
  /* @__PURE__ */ t("td", { children: e?.collected_at ? _e(new Date(e?.collected_at), "dd/MM/yyyy") : "UNKNOWN" }),
295
295
  /* @__PURE__ */ t("td", { children: s(e?.collection_reason) }),
296
296
  /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t("ul", { className: "actionbox", children: /* @__PURE__ */ t(
297
- Me,
297
+ xe,
298
298
  {
299
299
  ref: X,
300
- className: F === n ? "active" : "",
300
+ className: U === n ? "active" : "",
301
301
  children: /* @__PURE__ */ a(
302
302
  "li",
303
303
  {
@@ -306,7 +306,7 @@ const Ge = [
306
306
  children: [
307
307
  /* @__PURE__ */ t(ye, {}),
308
308
  /* @__PURE__ */ t(Ce, {}),
309
- F === n && /* @__PURE__ */ t("div", { ref: P, children: /* @__PURE__ */ t(
309
+ U === n && /* @__PURE__ */ t("div", { ref: I, children: /* @__PURE__ */ t(
310
310
  Ne,
311
311
  {
312
312
  legacyURL: e?.return_order_product_label,
@@ -322,6 +322,6 @@ const Ge = [
322
322
  ] }) }) });
323
323
  };
324
324
  export {
325
- it as default
325
+ st as default
326
326
  };
327
327
  //# sourceMappingURL=ReturnOrderTable.js.map