@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.
- package/dist/common/utils.js +7 -5
- package/dist/common/utils.js.map +1 -1
- package/dist/components/client-portal/OutstandingTable.js +24 -24
- package/dist/components/client-portal/OutstandingTable.js.map +1 -1
- package/dist/components/client-portal/return-confirm/ReturnConfirmedTable.js +24 -22
- package/dist/components/client-portal/return-confirm/ReturnConfirmedTable.js.map +1 -1
- package/dist/components/order-daily-overview/common/fakedata.js.map +1 -1
- package/dist/components/order-daily-overview/return-after-table/table/OrderTable.js +29 -27
- package/dist/components/order-daily-overview/return-after-table/table/OrderTable.js.map +1 -1
- package/dist/components/order-daily-overview/return-order-table/return-orders-filters/ReturnOrderTable.js +32 -32
- package/dist/components/order-daily-overview/return-order-table/return-orders-filters/ReturnOrderTable.js.map +1 -1
- package/dist/components/order-view/order-actions/actions/force-debrief/charges/order-charges/index.js +30 -28
- package/dist/components/order-view/order-actions/actions/force-debrief/charges/order-charges/index.js.map +1 -1
- package/dist/components/order-view/products-info/collapsed-content/index.js +8 -8
- package/dist/components/order-view/products-info/collapsed-content/index.js.map +1 -1
- package/dist/types/common/utils.d.ts +2 -0
- package/package.json +2 -2
|
@@ -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
|
|
3
|
-
import { useRef as k, useState as S, useMemo as
|
|
4
|
-
import { useOrderId as
|
|
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
|
|
19
|
-
const
|
|
20
|
-
const
|
|
21
|
-
|
|
22
|
-
}, y =
|
|
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, {}),
|
|
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
|
-
},
|
|
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:
|
|
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 =
|
|
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),
|
|
74
|
+
C(!1), E(t), P({
|
|
75
75
|
...b,
|
|
76
76
|
return_order_id: r,
|
|
77
77
|
bjs_delivery: t
|
|
78
|
-
}),
|
|
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
|
-
|
|
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
|
|
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:
|
|
125
|
-
/* @__PURE__ */ e("td", { colSpan: 16, children: /* @__PURE__ */ e(
|
|
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 =
|
|
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
|
-
|
|
147
|
+
N(r?.owner_id) && /* @__PURE__ */ n("span", { children: [
|
|
146
148
|
" (",
|
|
147
|
-
|
|
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 ?
|
|
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
|
-
|
|
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:
|
|
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: () =>
|
|
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
|
-
},
|
|
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
|
-
|
|
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":"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"}
|
|
@@ -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
|
|
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
|
|
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
|
|
18
|
-
import { StyledTableWrapper as
|
|
19
|
-
import { useSearchParams as
|
|
20
|
-
import { WEIGHT_UNIT as
|
|
21
|
-
const
|
|
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 = (_) =>
|
|
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),
|
|
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
|
-
},
|
|
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(
|
|
39
|
-
|
|
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",
|
|
42
|
-
document.removeEventListener("mousedown",
|
|
41
|
+
b(() => (document.addEventListener("mousedown", x), () => {
|
|
42
|
+
document.removeEventListener("mousedown", x);
|
|
43
43
|
}), []);
|
|
44
|
-
const
|
|
45
|
-
|
|
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:
|
|
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),
|
|
61
|
+
if (E(p?.data), M)
|
|
62
62
|
try {
|
|
63
|
-
const { count: e, ...n } = JSON.parse(
|
|
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 (
|
|
170
|
+
if (P?.length === 0) {
|
|
171
171
|
R([]);
|
|
172
172
|
return;
|
|
173
173
|
}
|
|
174
|
-
const e =
|
|
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
|
-
}, [
|
|
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
|
-
|
|
207
|
+
$,
|
|
208
208
|
") ",
|
|
209
209
|
g("weight")
|
|
210
210
|
] }) }),
|
|
211
|
-
/* @__PURE__ */ t("th", { children:
|
|
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 }) }) }) :
|
|
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
|
-
|
|
263
|
+
J(e?.owner_id) && /* @__PURE__ */ a("span", { children: [
|
|
264
264
|
" (",
|
|
265
|
-
|
|
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 ?
|
|
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
|
-
|
|
297
|
+
xe,
|
|
298
298
|
{
|
|
299
299
|
ref: X,
|
|
300
|
-
className:
|
|
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
|
-
|
|
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
|
-
|
|
325
|
+
st as default
|
|
326
326
|
};
|
|
327
327
|
//# sourceMappingURL=ReturnOrderTable.js.map
|