@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
package/dist/common/utils.js
CHANGED
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
import { getProjectEnv as
|
|
2
|
-
const e =
|
|
1
|
+
import { getProjectEnv as s } from "@bjsdistribution/dms-component-library";
|
|
2
|
+
const e = s(), r = e === "release_us" ? "Zipcode" : "Postcode", _ = e === "release_us" ? "LBS" : "KG", E = e === "release_us" ? "CFT" : "CBM", a = e === "release_us" ? "CFT" : "m³", n = {
|
|
3
3
|
staging: { 86: "BJS HD", 112: "BJS Extra" },
|
|
4
4
|
production: { 1: "BJS HD", 108: "BJS Extra" }
|
|
5
|
-
},
|
|
5
|
+
}, u = (t) => t == null ? "" : n[e === "staging" || e === "development" ? "staging" : "production"][Number(t)] || "";
|
|
6
6
|
export {
|
|
7
7
|
r as POSTCODE_LABEL,
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
E as VOLUME_UNIT,
|
|
9
|
+
a as VOLUME_UNIT_CONVERT,
|
|
10
|
+
_ as WEIGHT_UNIT,
|
|
11
|
+
u as getAccountTypeLabel
|
|
10
12
|
};
|
|
11
13
|
//# sourceMappingURL=utils.js.map
|
package/dist/common/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["../../src/common/utils.ts"],"sourcesContent":["import { getProjectEnv } from '@bjsdistribution/dms-component-library';\n\nconst basedEnv = getProjectEnv();\n\nexport const POSTCODE_LABEL = basedEnv === 'release_us' ? 'Zipcode' : 'Postcode';\nexport const CURRENCY_SYMBOL = basedEnv === 'release_us' ? '$' : '£';\nexport const WEIGHT_UNIT = basedEnv === 'release_us' ? 'LBS' : 'KG';\n\nexport const getEnvironment = () => basedEnv;\n\nconst ACCOUNT_TYPE_BY_OWNER_ID: Record<string, Record<number, string>> = {\n staging: { 86: 'BJS HD', 112: 'BJS Extra' },\n production: { 1: 'BJS HD', 108: 'BJS Extra' },\n};\n\nexport const getAccountTypeLabel = (ownerId: number | string | undefined) => {\n if (ownerId === undefined || ownerId === null) return '';\n const envKey = basedEnv === 'staging' || basedEnv === 'development'\n ? 'staging'\n : 'production';\n return ACCOUNT_TYPE_BY_OWNER_ID[envKey][Number(ownerId)] || '';\n};\n"],"names":["basedEnv","getProjectEnv","POSTCODE_LABEL","WEIGHT_UNIT","ACCOUNT_TYPE_BY_OWNER_ID","getAccountTypeLabel","ownerId"],"mappings":";AAEA,MAAMA,IAAWC,EAAA,GAEJC,IAAiBF,MAAa,eAAe,YAAY,YAEzDG,IAAcH,MAAa,eAAe,QAAQ,
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../src/common/utils.ts"],"sourcesContent":["import { getProjectEnv } from '@bjsdistribution/dms-component-library';\n\nconst basedEnv = getProjectEnv();\n\nexport const POSTCODE_LABEL = basedEnv === 'release_us' ? 'Zipcode' : 'Postcode';\nexport const CURRENCY_SYMBOL = basedEnv === 'release_us' ? '$' : '£';\nexport const WEIGHT_UNIT = basedEnv === 'release_us' ? 'LBS' : 'KG';\nexport const VOLUME_UNIT = basedEnv === 'release_us' ? 'CFT' : 'CBM';\nexport const VOLUME_UNIT_CONVERT = basedEnv === 'release_us' ? 'CFT' : 'm³';\n\n\nexport const getEnvironment = () => basedEnv;\n\nconst ACCOUNT_TYPE_BY_OWNER_ID: Record<string, Record<number, string>> = {\n staging: { 86: 'BJS HD', 112: 'BJS Extra' },\n production: { 1: 'BJS HD', 108: 'BJS Extra' },\n};\n\nexport const getAccountTypeLabel = (ownerId: number | string | undefined) => {\n if (ownerId === undefined || ownerId === null) return '';\n const envKey = basedEnv === 'staging' || basedEnv === 'development'\n ? 'staging'\n : 'production';\n return ACCOUNT_TYPE_BY_OWNER_ID[envKey][Number(ownerId)] || '';\n};\n"],"names":["basedEnv","getProjectEnv","POSTCODE_LABEL","WEIGHT_UNIT","VOLUME_UNIT","VOLUME_UNIT_CONVERT","ACCOUNT_TYPE_BY_OWNER_ID","getAccountTypeLabel","ownerId"],"mappings":";AAEA,MAAMA,IAAWC,EAAA,GAEJC,IAAiBF,MAAa,eAAe,YAAY,YAEzDG,IAAcH,MAAa,eAAe,QAAQ,MAClDI,IAAcJ,MAAa,eAAe,QAAQ,OAClDK,IAAsBL,MAAa,eAAe,QAAQ,MAKjEM,IAAmE;AAAA,EACvE,SAAS,EAAE,IAAI,UAAU,KAAK,YAAA;AAAA,EAC9B,YAAY,EAAE,GAAG,UAAU,KAAK,YAAA;AAClC,GAEaC,IAAsB,CAACC,MACLA,KAAY,OAAa,KAI/CF,EAHQN,MAAa,aAAaA,MAAa,gBAClD,YACA,YACkC,EAAE,OAAOQ,CAAO,CAAC,KAAK;"}
|
|
@@ -11,34 +11,34 @@ import { usefetchAgain as he } from "../order-view/store.js";
|
|
|
11
11
|
import { useLoading as ue, usePrintOptionTOggle as pe, UsePaginationData as fe } from "../order-daily-overview/store/store.js";
|
|
12
12
|
import me from "../../common/SortIcon.js";
|
|
13
13
|
import F from "../../common/CaretDownFilledIcon.js";
|
|
14
|
-
import { StyledTableWrapper as ge, StyledTable as
|
|
14
|
+
import { StyledTableWrapper as ge, StyledTable as _e, EmptyDataContainer as Ce, CustomDrop as ye } from "../order-daily-overview/return-order-table/return-orders-filters/returnstyles.js";
|
|
15
15
|
import De from "../../assets/icons/PrinterIcon.js";
|
|
16
16
|
import Se from "../../assets/icons/DownIcon.js";
|
|
17
17
|
import Ne from "../order-view/details-filters/left-side-filters/dropdowns/PrintDropDownReturn.js";
|
|
18
18
|
import { dateFilterCPReducer as Ie } from "./DateFilterStore.js";
|
|
19
|
-
import { WEIGHT_UNIT as x } from "../../common/utils.js";
|
|
19
|
+
import { WEIGHT_UNIT as x, VOLUME_UNIT as Oe } from "../../common/utils.js";
|
|
20
20
|
const Ke = () => {
|
|
21
|
-
const [
|
|
21
|
+
const [U] = L(ce), { "x-pagination": y } = U, [
|
|
22
22
|
s,
|
|
23
23
|
D
|
|
24
|
-
] = ie(), [
|
|
24
|
+
] = ie(), [W, S] = ue(), M = A(null), m = A(null), [N, I] = pe(), [g] = le(), [, j] = fe(), [G] = he(), [J] = ae(), [V, _] = de(), [B, H] = E(!1), [O] = se(), [R] = L(Ie), { "x-filters": K } = R, [l, $] = E(null), h = (t) => {
|
|
25
25
|
$((n) => n?.key === t && n.direction === "asc" ? { key: t, direction: "desc" } : { key: t, direction: "asc" });
|
|
26
|
-
},
|
|
26
|
+
}, b = re(() => {
|
|
27
27
|
if (!s || !l) return s;
|
|
28
28
|
const { key: t, direction: n } = l;
|
|
29
|
-
return [...s].sort((i,
|
|
30
|
-
const a = i[t], d =
|
|
29
|
+
return [...s].sort((i, C) => {
|
|
30
|
+
const a = i[t], d = C[t];
|
|
31
31
|
return typeof a == "number" && typeof d == "number" ? n === "asc" ? a - d : d - a : typeof a == "string" && typeof d == "string" ? n === "asc" ? a.localeCompare(d) : d.localeCompare(a) : 0;
|
|
32
32
|
});
|
|
33
33
|
}, [s, l]), u = (t) => !l || l.key !== t ? /* @__PURE__ */ e(me, {}) : l.direction === "asc" ? /* @__PURE__ */ e(F, {}) : /* @__PURE__ */ e(F, {}), q = (t) => {
|
|
34
34
|
I((n) => n === t ? null : t);
|
|
35
35
|
};
|
|
36
|
-
f(() => (document.addEventListener("mousedown",
|
|
37
|
-
document.removeEventListener("mousedown",
|
|
36
|
+
f(() => (document.addEventListener("mousedown", k), () => {
|
|
37
|
+
document.removeEventListener("mousedown", k);
|
|
38
38
|
}), []);
|
|
39
|
-
const
|
|
39
|
+
const k = (t) => {
|
|
40
40
|
m.current && !m.current.contains(t.target) && I(null);
|
|
41
|
-
}, z =
|
|
41
|
+
}, z = K.filter((t) => t.field !== "order_status"), v = [...[
|
|
42
42
|
{ field: "isdeleted", op: "=", value: 0 },
|
|
43
43
|
{ field: "product_return_action_id", op: "=", value: "RTS" }
|
|
44
44
|
], ...z], {
|
|
@@ -49,12 +49,12 @@ const Ke = () => {
|
|
|
49
49
|
} = Z({
|
|
50
50
|
endpoint: "/v1/return/product/pending/",
|
|
51
51
|
method: "GET",
|
|
52
|
-
filters:
|
|
52
|
+
filters: v,
|
|
53
53
|
pagination: y
|
|
54
54
|
});
|
|
55
55
|
f(() => {
|
|
56
|
-
|
|
57
|
-
}, [JSON.stringify(
|
|
56
|
+
J && O === "" && Q();
|
|
57
|
+
}, [JSON.stringify(v), O, y]), f(() => {
|
|
58
58
|
if (S(p), c && c?.data)
|
|
59
59
|
if (D(c?.data), w)
|
|
60
60
|
try {
|
|
@@ -75,7 +75,7 @@ const Ke = () => {
|
|
|
75
75
|
if (S(p), c && c?.data && g) {
|
|
76
76
|
const t = c.data.map((n) => {
|
|
77
77
|
const i = g.find(
|
|
78
|
-
(
|
|
78
|
+
(C) => C?.token === n?.return_location
|
|
79
79
|
);
|
|
80
80
|
return {
|
|
81
81
|
...n,
|
|
@@ -84,21 +84,21 @@ const Ke = () => {
|
|
|
84
84
|
});
|
|
85
85
|
D(t);
|
|
86
86
|
}
|
|
87
|
-
}, [c, p, g,
|
|
87
|
+
}, [c, p, g, R, G]);
|
|
88
88
|
const X = (t) => {
|
|
89
|
-
|
|
89
|
+
_(
|
|
90
90
|
(n) => n.includes(t) ? n.filter((i) => i !== t) : [...n, t]
|
|
91
91
|
);
|
|
92
92
|
};
|
|
93
|
-
return /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(ge, { className: "fortables", children: /* @__PURE__ */ r(
|
|
93
|
+
return /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(ge, { className: "fortables", children: /* @__PURE__ */ r(_e, { children: [
|
|
94
94
|
/* @__PURE__ */ e("thead", { children: /* @__PURE__ */ r("tr", { children: [
|
|
95
95
|
/* @__PURE__ */ e("th", { className: "emailInvoiceCheckbox", children: /* @__PURE__ */ e(
|
|
96
96
|
P,
|
|
97
97
|
{
|
|
98
|
-
checked:
|
|
98
|
+
checked: B,
|
|
99
99
|
onChange: (t) => {
|
|
100
100
|
const n = t.target.checked;
|
|
101
|
-
|
|
101
|
+
H(n), _(
|
|
102
102
|
n ? s?.map((i) => i?.order_id) || [] : []
|
|
103
103
|
);
|
|
104
104
|
}
|
|
@@ -122,7 +122,7 @@ const Ke = () => {
|
|
|
122
122
|
") ",
|
|
123
123
|
u("weight")
|
|
124
124
|
] }) }),
|
|
125
|
-
/* @__PURE__ */ e("th", { children:
|
|
125
|
+
/* @__PURE__ */ e("th", { children: Oe }),
|
|
126
126
|
/* @__PURE__ */ e("th", { onClick: () => h("return_reason"), children: /* @__PURE__ */ r("div", { className: "sortIconClass", children: [
|
|
127
127
|
"Return Reason ",
|
|
128
128
|
u("return_reason")
|
|
@@ -134,11 +134,11 @@ const Ke = () => {
|
|
|
134
134
|
] }) }),
|
|
135
135
|
/* @__PURE__ */ e("th", { className: "emailInvoiceShare", children: "Labels" })
|
|
136
136
|
] }) }),
|
|
137
|
-
/* @__PURE__ */ e("tbody", { children:
|
|
137
|
+
/* @__PURE__ */ e("tbody", { children: W ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 14, children: /* @__PURE__ */ e(ee, { active: !0 }) }) }) : b?.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 14, children: /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ e(te, {}) }) }) }) : b?.map((t, n) => /* @__PURE__ */ r("tr", { children: [
|
|
138
138
|
/* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
|
|
139
139
|
P,
|
|
140
140
|
{
|
|
141
|
-
checked:
|
|
141
|
+
checked: V.includes(t?.order_id),
|
|
142
142
|
onChange: () => X(t?.order_id)
|
|
143
143
|
}
|
|
144
144
|
) }),
|
|
@@ -176,7 +176,7 @@ const Ke = () => {
|
|
|
176
176
|
/* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("ul", { className: "actionbox", children: /* @__PURE__ */ e(
|
|
177
177
|
ye,
|
|
178
178
|
{
|
|
179
|
-
ref:
|
|
179
|
+
ref: M,
|
|
180
180
|
className: N === n ? "active" : "",
|
|
181
181
|
children: /* @__PURE__ */ r(
|
|
182
182
|
"li",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OutstandingTable.js","sources":["../../../src/components/client-portal/OutstandingTable.tsx"],"sourcesContent":["import {\n Checkbox,\n displayValueOrNA,\n useAxios,\n} from '@bjsdistribution/dms-component-library';\nimport { Empty, notification, Skeleton } from 'antd';\nimport { format } from 'date-fns';\nimport { useAtom } from 'jotai';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { NavLink } from 'react-router-dom';\nimport { filtersReducerAtom } from '../order-daily-overview/header-filters/filterStore';\nimport {\n useClientOutstandingReturnData,\n useClientPortal,\n useLocationData,\n useSearchText,\n useSelectedClientPortOrders,\n} from '../store';\nimport { usefetchAgain } from '../order-view/store';\nimport {\n useLoading,\n UsePaginationData,\n usePrintOptionTOggle,\n} from '../order-daily-overview/store/store';\nimport SortIcon from '../../common/SortIcon';\nimport CaretDownFilledIcon from '../../common/CaretDownFilledIcon';\nimport { ApiResponse } from '../types';\nimport {\n CustomDrop,\n EmptyDataContainer,\n StyledTable,\n StyledTableWrapper,\n} from '../order-daily-overview/return-order-table/return-orders-filters/returnstyles';\nimport PrinterIcon from '../../assets/icons/PrinterIcon';\nimport DownIcon from '../../assets/icons/DownIcon';\nimport PrintDropDownReturn from '../order-view/details-filters/left-side-filters/dropdowns/PrintDropDownReturn';\nimport { dateFilterCPReducer } from './DateFilterStore';\nimport { WEIGHT_UNIT } from '../../common/utils';\n\nconst OutstandingTable = () => {\n const [statePagination] = useAtom(filtersReducerAtom);\n const { 'x-pagination': pagination } = statePagination;\n const [\n outstandingReturnData,\n setOutstandingReturnData,\n ] = useClientOutstandingReturnData();\n const [load, setLoading] = useLoading();\n const dropdownRefParent = useRef<HTMLDivElement>(null);\n const dropdownRef = useRef<HTMLDivElement>(null);\n const [printToogle, setPrintToggle] = usePrintOptionTOggle();\n const [locationData] = useLocationData();\n const [, setPaginationObject] = UsePaginationData();\n const [callForFetch] = usefetchAgain();\n const [clientPortal] = useClientPortal();\n const [selectedOrderIds, setSelectedOrderIds] = useSelectedClientPortOrders();\n const [selectClientAll, setSelectClientAll] = useState(false);\n const [debouncedSearchText] = useSearchText();\n\n const [state] = useAtom(dateFilterCPReducer);\n const { 'x-filters': filters } = state;\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 (!outstandingReturnData || !sortConfig) return outstandingReturnData;\n\n const { key, direction } = sortConfig;\n return [...outstandingReturnData].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 }, [outstandingReturnData, sortConfig]);\n\n const renderSortIcon = (columnKey: string) => {\n if (!sortConfig || sortConfig.key !== columnKey) {\n return <SortIcon />;\n }\n return sortConfig.direction === 'asc' ? (\n <CaretDownFilledIcon />\n ) : (\n <CaretDownFilledIcon />\n );\n };\n\n const OpenDropDown = (index: number) => {\n setPrintToggle(prevIndex => (prevIndex === index ? null : index));\n };\n // Close dropdown outside click\n useEffect(() => {\n document.addEventListener('mousedown', handleClickOutside);\n return () => {\n document.removeEventListener('mousedown', handleClickOutside);\n };\n }, []);\n const handleClickOutside = (event: MouseEvent) => {\n if (\n dropdownRef.current &&\n !dropdownRef.current.contains(event.target as Node)\n ) {\n setPrintToggle(null);\n }\n };\n\n const cleanedFilters = filters.filter(f => f.field !== 'order_status');\n const baseFilters = [\n { field: 'isdeleted', op: '=', value: 0 },\n { field: 'product_return_action_id', op: '=', value: 'RTS' },\n ];\n\n const modifiedFilters = [...baseFilters, ...cleanedFilters];\n const {\n data: fetchedOrderData,\n loading: returnDataLoad,\n paginationData,\n fetchData,\n } = useAxios<ApiResponse>({\n endpoint: '/v1/return/product/pending/',\n method: 'GET',\n filters: modifiedFilters,\n pagination: pagination,\n });\n\n useEffect(() => {\n if (clientPortal && debouncedSearchText === '') {\n fetchData();\n }\n }, [JSON.stringify(modifiedFilters), debouncedSearchText, pagination]);\n\n useEffect(() => {\n setLoading(returnDataLoad);\n if (fetchedOrderData && fetchedOrderData?.data) {\n setOutstandingReturnData(fetchedOrderData?.data);\n if (paginationData) {\n try {\n const { count, ...rest } = JSON.parse(paginationData);\n setPaginationObject(rest);\n } catch (error) {\n console.error('Error parsing paginationData:', error);\n notification.error({\n message: 'Error',\n description: 'Failed to parse pagination data',\n });\n }\n } else {\n notification.error({\n message: 'Error',\n description: 'Pagination data is null or undefined',\n });\n }\n }\n }, [fetchedOrderData, returnDataLoad]);\n\n useEffect(() => {\n setLoading(returnDataLoad);\n if (fetchedOrderData && fetchedOrderData?.data && locationData) {\n const updatedReturnData = fetchedOrderData.data.map(returnItem => {\n const matchingLocation = locationData.find(\n (location: any) => location?.token === returnItem?.return_location\n );\n return {\n ...returnItem,\n new_location: matchingLocation\n ? matchingLocation?.location_name\n : null,\n };\n });\n\n setOutstandingReturnData(updatedReturnData);\n }\n }, [fetchedOrderData, returnDataLoad, locationData, state, callForFetch]);\n\n //Client Portal\n const handleSelectOrderId = (id: string | number) => {\n setSelectedOrderIds(prev =>\n prev.includes(id) ? prev.filter(orderId => orderId !== id) : [...prev, id]\n );\n };\n\n const handleClientSelectAll = (e: React.ChangeEvent<HTMLInputElement>) => {\n const isChecked = e.target.checked;\n setSelectClientAll(isChecked);\n\n if (isChecked) {\n setSelectedOrderIds(\n outstandingReturnData?.map((item: any) => item?.order_id) || []\n );\n } else {\n setSelectedOrderIds([]);\n }\n };\n return (\n <>\n <StyledTableWrapper className=\"fortables\">\n <StyledTable>\n <thead>\n <tr>\n {/* <th className=\"emailInvoiceCheckbox\">\n <Checkbox checked={selectAll} onChange={handleSelectAll} />\n </th> */}\n <th className=\"emailInvoiceCheckbox\">\n <Checkbox\n checked={selectClientAll}\n onChange={handleClientSelectAll}\n />\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 onClick={() => handleSort('recipient_name')}>\n <div className=\"sortIconClass\">\n Recipient {renderSortIcon('recipient_name')}\n </div>\n </th>\n <th>Return Action</th>\n <th>Code</th>\n <th>Description</th>\n <th>Part</th>\n <th onClick={() => handleSort('weight')}>\n <div className=\"sortIconClass\">\n Weight ({WEIGHT_UNIT}) {renderSortIcon('weight')}\n </div>\n </th>\n <th>CBM</th>\n <th onClick={() => handleSort('return_reason')}>\n <div className=\"sortIconClass\">\n Return Reason {renderSortIcon('return_reason')}\n </div>\n </th>\n <th>Collected</th>\n <th onClick={() => handleSort('collection_reason')}>\n <div className=\"sortIconClass\">\n Collection Reason {renderSortIcon('collection_reason')}\n </div>\n </th>\n <th className=\"emailInvoiceShare\">Labels</th>\n </tr>\n </thead>\n <tbody>\n {load ? (\n <tr>\n <td colSpan={14}>\n <Skeleton active />\n </td>\n </tr>\n ) : sortedData?.length === 0 ? (\n <tr>\n <td colSpan={14}>\n <EmptyDataContainer>\n <Empty />\n </EmptyDataContainer>\n </td>\n </tr>\n ) : (\n sortedData?.map((item: any, index: any) => (\n <tr key={item.id}>\n <td>\n <Checkbox\n checked={selectedOrderIds.includes(item?.order_id)}\n onChange={() => handleSelectOrderId(item?.order_id)}\n />\n </td>\n <td> {displayValueOrNA(item?.return_location_name)}</td>\n <td>\n <ul style={{ listStyleType: 'none', padding: 0 }}>\n <li\n style={{\n color: '#0099ff',\n fontWeight: 600,\n paddingLeft: 0,\n }}\n >\n <NavLink to={`/orders/view/${item?.order_id}`}>\n {displayValueOrNA(item?.recipient_name)}\n </NavLink>\n </li>\n <li style={{ color: '#888075' }}>\n {displayValueOrNA(item?.postcode)}\n </li>\n </ul>\n </td>\n <td>{displayValueOrNA(item?.product_return_action)}</td>\n <td>{displayValueOrNA(item?.code)}</td>\n <td>{displayValueOrNA(item?.description)}</td>\n <td>{displayValueOrNA(item?.part)}</td>\n <td>\n {displayValueOrNA(item?.weight)}{' '}\n {item?.weight && item?.weight !== null ? WEIGHT_UNIT : ''}\n </td>\n <td>{displayValueOrNA(item?.cube)}</td>\n <td>{displayValueOrNA(item?.return_reason)}</td>\n <td>\n {item?.collected_at\n ? format(new Date(item?.collected_at), 'dd/MM/yyyy')\n : 'UNKNOWN'}\n </td>\n\n <td>{displayValueOrNA(item?.collection_reason)}</td>\n <td>\n <ul className=\"actionbox\">\n <CustomDrop\n ref={dropdownRefParent}\n className={printToogle === index ? 'active' : ''}\n >\n <li\n className=\"shareIconContainer\"\n onClick={() => OpenDropDown(index)}\n >\n <PrinterIcon />\n <DownIcon />\n {printToogle === index && (\n <div ref={dropdownRef}>\n <PrintDropDownReturn\n legacyURL={item?.return_order_product_label}\n legacyProductID={item?.legacy_product_id}\n />\n </div>\n )}\n </li>\n </CustomDrop>\n </ul>\n </td>\n </tr>\n ))\n )}\n </tbody>\n </StyledTable>\n </StyledTableWrapper>\n </>\n );\n};\n\nexport default OutstandingTable;\n"],"names":["OutstandingTable","statePagination","useAtom","filtersReducerAtom","pagination","outstandingReturnData","setOutstandingReturnData","useClientOutstandingReturnData","load","setLoading","useLoading","dropdownRefParent","useRef","dropdownRef","printToogle","setPrintToggle","usePrintOptionTOggle","locationData","useLocationData","setPaginationObject","UsePaginationData","callForFetch","usefetchAgain","clientPortal","useClientPortal","selectedOrderIds","setSelectedOrderIds","useSelectedClientPortOrders","selectClientAll","setSelectClientAll","useState","debouncedSearchText","useSearchText","state","dateFilterCPReducer","filters","sortConfig","setSortConfig","handleSort","key","prev","sortedData","useMemo","direction","a","b","valueA","valueB","renderSortIcon","columnKey","SortIcon","CaretDownFilledIcon","OpenDropDown","index","prevIndex","useEffect","handleClickOutside","event","cleanedFilters","f","modifiedFilters","fetchedOrderData","returnDataLoad","paginationData","fetchData","useAxios","count","rest","error","notification","updatedReturnData","returnItem","matchingLocation","location","handleSelectOrderId","id","orderId","jsx","StyledTableWrapper","StyledTable","Checkbox","e","isChecked","item","jsxs","WEIGHT_UNIT","Skeleton","EmptyDataContainer","Empty","displayValueOrNA","NavLink","format","CustomDrop","PrinterIcon","DownIcon","PrintDropDownReturn"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"OutstandingTable.js","sources":["../../../src/components/client-portal/OutstandingTable.tsx"],"sourcesContent":["import {\n Checkbox,\n displayValueOrNA,\n useAxios,\n} from '@bjsdistribution/dms-component-library';\nimport { Empty, notification, Skeleton } from 'antd';\nimport { format } from 'date-fns';\nimport { useAtom } from 'jotai';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { NavLink } from 'react-router-dom';\nimport { filtersReducerAtom } from '../order-daily-overview/header-filters/filterStore';\nimport {\n useClientOutstandingReturnData,\n useClientPortal,\n useLocationData,\n useSearchText,\n useSelectedClientPortOrders,\n} from '../store';\nimport { usefetchAgain } from '../order-view/store';\nimport {\n useLoading,\n UsePaginationData,\n usePrintOptionTOggle,\n} from '../order-daily-overview/store/store';\nimport SortIcon from '../../common/SortIcon';\nimport CaretDownFilledIcon from '../../common/CaretDownFilledIcon';\nimport { ApiResponse } from '../types';\nimport {\n CustomDrop,\n EmptyDataContainer,\n StyledTable,\n StyledTableWrapper,\n} from '../order-daily-overview/return-order-table/return-orders-filters/returnstyles';\nimport PrinterIcon from '../../assets/icons/PrinterIcon';\nimport DownIcon from '../../assets/icons/DownIcon';\nimport PrintDropDownReturn from '../order-view/details-filters/left-side-filters/dropdowns/PrintDropDownReturn';\nimport { dateFilterCPReducer } from './DateFilterStore';\nimport { WEIGHT_UNIT, VOLUME_UNIT } from '../../common/utils';\n\nconst OutstandingTable = () => {\n const [statePagination] = useAtom(filtersReducerAtom);\n const { 'x-pagination': pagination } = statePagination;\n const [\n outstandingReturnData,\n setOutstandingReturnData,\n ] = useClientOutstandingReturnData();\n const [load, setLoading] = useLoading();\n const dropdownRefParent = useRef<HTMLDivElement>(null);\n const dropdownRef = useRef<HTMLDivElement>(null);\n const [printToogle, setPrintToggle] = usePrintOptionTOggle();\n const [locationData] = useLocationData();\n const [, setPaginationObject] = UsePaginationData();\n const [callForFetch] = usefetchAgain();\n const [clientPortal] = useClientPortal();\n const [selectedOrderIds, setSelectedOrderIds] = useSelectedClientPortOrders();\n const [selectClientAll, setSelectClientAll] = useState(false);\n const [debouncedSearchText] = useSearchText();\n\n const [state] = useAtom(dateFilterCPReducer);\n const { 'x-filters': filters } = state;\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 (!outstandingReturnData || !sortConfig) return outstandingReturnData;\n\n const { key, direction } = sortConfig;\n return [...outstandingReturnData].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 }, [outstandingReturnData, sortConfig]);\n\n const renderSortIcon = (columnKey: string) => {\n if (!sortConfig || sortConfig.key !== columnKey) {\n return <SortIcon />;\n }\n return sortConfig.direction === 'asc' ? (\n <CaretDownFilledIcon />\n ) : (\n <CaretDownFilledIcon />\n );\n };\n\n const OpenDropDown = (index: number) => {\n setPrintToggle(prevIndex => (prevIndex === index ? null : index));\n };\n // Close dropdown outside click\n useEffect(() => {\n document.addEventListener('mousedown', handleClickOutside);\n return () => {\n document.removeEventListener('mousedown', handleClickOutside);\n };\n }, []);\n const handleClickOutside = (event: MouseEvent) => {\n if (\n dropdownRef.current &&\n !dropdownRef.current.contains(event.target as Node)\n ) {\n setPrintToggle(null);\n }\n };\n\n const cleanedFilters = filters.filter(f => f.field !== 'order_status');\n const baseFilters = [\n { field: 'isdeleted', op: '=', value: 0 },\n { field: 'product_return_action_id', op: '=', value: 'RTS' },\n ];\n\n const modifiedFilters = [...baseFilters, ...cleanedFilters];\n const {\n data: fetchedOrderData,\n loading: returnDataLoad,\n paginationData,\n fetchData,\n } = useAxios<ApiResponse>({\n endpoint: '/v1/return/product/pending/',\n method: 'GET',\n filters: modifiedFilters,\n pagination: pagination,\n });\n\n useEffect(() => {\n if (clientPortal && debouncedSearchText === '') {\n fetchData();\n }\n }, [JSON.stringify(modifiedFilters), debouncedSearchText, pagination]);\n\n useEffect(() => {\n setLoading(returnDataLoad);\n if (fetchedOrderData && fetchedOrderData?.data) {\n setOutstandingReturnData(fetchedOrderData?.data);\n if (paginationData) {\n try {\n const { count, ...rest } = JSON.parse(paginationData);\n setPaginationObject(rest);\n } catch (error) {\n console.error('Error parsing paginationData:', error);\n notification.error({\n message: 'Error',\n description: 'Failed to parse pagination data',\n });\n }\n } else {\n notification.error({\n message: 'Error',\n description: 'Pagination data is null or undefined',\n });\n }\n }\n }, [fetchedOrderData, returnDataLoad]);\n\n useEffect(() => {\n setLoading(returnDataLoad);\n if (fetchedOrderData && fetchedOrderData?.data && locationData) {\n const updatedReturnData = fetchedOrderData.data.map(returnItem => {\n const matchingLocation = locationData.find(\n (location: any) => location?.token === returnItem?.return_location\n );\n return {\n ...returnItem,\n new_location: matchingLocation\n ? matchingLocation?.location_name\n : null,\n };\n });\n\n setOutstandingReturnData(updatedReturnData);\n }\n }, [fetchedOrderData, returnDataLoad, locationData, state, callForFetch]);\n\n //Client Portal\n const handleSelectOrderId = (id: string | number) => {\n setSelectedOrderIds(prev =>\n prev.includes(id) ? prev.filter(orderId => orderId !== id) : [...prev, id]\n );\n };\n\n const handleClientSelectAll = (e: React.ChangeEvent<HTMLInputElement>) => {\n const isChecked = e.target.checked;\n setSelectClientAll(isChecked);\n\n if (isChecked) {\n setSelectedOrderIds(\n outstandingReturnData?.map((item: any) => item?.order_id) || []\n );\n } else {\n setSelectedOrderIds([]);\n }\n };\n return (\n <>\n <StyledTableWrapper className=\"fortables\">\n <StyledTable>\n <thead>\n <tr>\n {/* <th className=\"emailInvoiceCheckbox\">\n <Checkbox checked={selectAll} onChange={handleSelectAll} />\n </th> */}\n <th className=\"emailInvoiceCheckbox\">\n <Checkbox\n checked={selectClientAll}\n onChange={handleClientSelectAll}\n />\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 onClick={() => handleSort('recipient_name')}>\n <div className=\"sortIconClass\">\n Recipient {renderSortIcon('recipient_name')}\n </div>\n </th>\n <th>Return Action</th>\n <th>Code</th>\n <th>Description</th>\n <th>Part</th>\n <th onClick={() => handleSort('weight')}>\n <div className=\"sortIconClass\">\n Weight ({WEIGHT_UNIT}) {renderSortIcon('weight')}\n </div>\n </th>\n <th>{VOLUME_UNIT}</th>\n <th onClick={() => handleSort('return_reason')}>\n <div className=\"sortIconClass\">\n Return Reason {renderSortIcon('return_reason')}\n </div>\n </th>\n <th>Collected</th>\n <th onClick={() => handleSort('collection_reason')}>\n <div className=\"sortIconClass\">\n Collection Reason {renderSortIcon('collection_reason')}\n </div>\n </th>\n <th className=\"emailInvoiceShare\">Labels</th>\n </tr>\n </thead>\n <tbody>\n {load ? (\n <tr>\n <td colSpan={14}>\n <Skeleton active />\n </td>\n </tr>\n ) : sortedData?.length === 0 ? (\n <tr>\n <td colSpan={14}>\n <EmptyDataContainer>\n <Empty />\n </EmptyDataContainer>\n </td>\n </tr>\n ) : (\n sortedData?.map((item: any, index: any) => (\n <tr key={item.id}>\n <td>\n <Checkbox\n checked={selectedOrderIds.includes(item?.order_id)}\n onChange={() => handleSelectOrderId(item?.order_id)}\n />\n </td>\n <td> {displayValueOrNA(item?.return_location_name)}</td>\n <td>\n <ul style={{ listStyleType: 'none', padding: 0 }}>\n <li\n style={{\n color: '#0099ff',\n fontWeight: 600,\n paddingLeft: 0,\n }}\n >\n <NavLink to={`/orders/view/${item?.order_id}`}>\n {displayValueOrNA(item?.recipient_name)}\n </NavLink>\n </li>\n <li style={{ color: '#888075' }}>\n {displayValueOrNA(item?.postcode)}\n </li>\n </ul>\n </td>\n <td>{displayValueOrNA(item?.product_return_action)}</td>\n <td>{displayValueOrNA(item?.code)}</td>\n <td>{displayValueOrNA(item?.description)}</td>\n <td>{displayValueOrNA(item?.part)}</td>\n <td>\n {displayValueOrNA(item?.weight)}{' '}\n {item?.weight && item?.weight !== null ? WEIGHT_UNIT : ''}\n </td>\n <td>{displayValueOrNA(item?.cube)}</td>\n <td>{displayValueOrNA(item?.return_reason)}</td>\n <td>\n {item?.collected_at\n ? format(new Date(item?.collected_at), 'dd/MM/yyyy')\n : 'UNKNOWN'}\n </td>\n\n <td>{displayValueOrNA(item?.collection_reason)}</td>\n <td>\n <ul className=\"actionbox\">\n <CustomDrop\n ref={dropdownRefParent}\n className={printToogle === index ? 'active' : ''}\n >\n <li\n className=\"shareIconContainer\"\n onClick={() => OpenDropDown(index)}\n >\n <PrinterIcon />\n <DownIcon />\n {printToogle === index && (\n <div ref={dropdownRef}>\n <PrintDropDownReturn\n legacyURL={item?.return_order_product_label}\n legacyProductID={item?.legacy_product_id}\n />\n </div>\n )}\n </li>\n </CustomDrop>\n </ul>\n </td>\n </tr>\n ))\n )}\n </tbody>\n </StyledTable>\n </StyledTableWrapper>\n </>\n );\n};\n\nexport default OutstandingTable;\n"],"names":["OutstandingTable","statePagination","useAtom","filtersReducerAtom","pagination","outstandingReturnData","setOutstandingReturnData","useClientOutstandingReturnData","load","setLoading","useLoading","dropdownRefParent","useRef","dropdownRef","printToogle","setPrintToggle","usePrintOptionTOggle","locationData","useLocationData","setPaginationObject","UsePaginationData","callForFetch","usefetchAgain","clientPortal","useClientPortal","selectedOrderIds","setSelectedOrderIds","useSelectedClientPortOrders","selectClientAll","setSelectClientAll","useState","debouncedSearchText","useSearchText","state","dateFilterCPReducer","filters","sortConfig","setSortConfig","handleSort","key","prev","sortedData","useMemo","direction","a","b","valueA","valueB","renderSortIcon","columnKey","SortIcon","CaretDownFilledIcon","OpenDropDown","index","prevIndex","useEffect","handleClickOutside","event","cleanedFilters","f","modifiedFilters","fetchedOrderData","returnDataLoad","paginationData","fetchData","useAxios","count","rest","error","notification","updatedReturnData","returnItem","matchingLocation","location","handleSelectOrderId","id","orderId","jsx","StyledTableWrapper","StyledTable","Checkbox","e","isChecked","item","jsxs","WEIGHT_UNIT","VOLUME_UNIT","Skeleton","EmptyDataContainer","Empty","displayValueOrNA","NavLink","format","CustomDrop","PrinterIcon","DownIcon","PrintDropDownReturn"],"mappings":"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"}
|
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
import { jsx as e, Fragment as L, jsxs as n } from "react/jsx-runtime";
|
|
2
2
|
import { Skeleton as P, Empty as M } from "antd";
|
|
3
|
-
import { useRef as k, useState as S, useMemo as x, useEffect as
|
|
4
|
-
import { NavLink as
|
|
3
|
+
import { useRef as k, useState as S, useMemo as x, useEffect as U } from "react";
|
|
4
|
+
import { NavLink as W } from "react-router-dom";
|
|
5
5
|
import { Checkbox as w, displayValueOrNA as o } from "@bjsdistribution/dms-component-library";
|
|
6
|
-
import { usePrintOptionTOggle as
|
|
7
|
-
import { useReturnConfirmedOrderData as
|
|
6
|
+
import { usePrintOptionTOggle as Y, useLoading as j } from "../../order-daily-overview/store/store.js";
|
|
7
|
+
import { useReturnConfirmedOrderData as H, useSelectedClientAfterOrders as V } from "../../store.js";
|
|
8
8
|
import { useOrderId as $ } from "../../order-view/store.js";
|
|
9
|
-
import
|
|
9
|
+
import B from "../../../common/SortIcon.js";
|
|
10
10
|
import y from "../../../common/CaretDownFilledIcon.js";
|
|
11
|
-
import { StyledTableWrapper as
|
|
11
|
+
import { StyledTableWrapper as G, StyledTable as q, EmptyDataContainer as z, CustomDrop as J } from "../../order-daily-overview/return-order-table/return-orders-filters/returnstyles.js";
|
|
12
12
|
import K from "../../../assets/icons/PrinterIcon.js";
|
|
13
13
|
import Q from "../../../assets/icons/DownIcon.js";
|
|
14
14
|
import X from "../../order-daily-overview/shared/elements/PrintDropDown.js";
|
|
15
15
|
import { formatDate as Z } from "../../order-daily-overview/shared/utlis.js";
|
|
16
16
|
import ee from "dayjs";
|
|
17
|
-
import { WEIGHT_UNIT as I } from "../../../common/utils.js";
|
|
18
|
-
const
|
|
19
|
-
const _ = k(null), m = k(null), [p, g] =
|
|
17
|
+
import { WEIGHT_UNIT as I, VOLUME_UNIT as re } from "../../../common/utils.js";
|
|
18
|
+
const Se = () => {
|
|
19
|
+
const _ = k(null), m = k(null), [p, g] = Y(), [, N] = $(), [u] = H(), [O] = j(), [D, F] = S(!1), [
|
|
20
20
|
v,
|
|
21
21
|
f
|
|
22
|
-
] =
|
|
23
|
-
|
|
22
|
+
] = V(), [l, T] = S(null), h = (r) => {
|
|
23
|
+
T((t) => t?.key === r && t.direction === "asc" ? { key: r, direction: "desc" } : { key: r, direction: "asc" });
|
|
24
24
|
}, C = x(() => {
|
|
25
25
|
if (!u || !l) return u;
|
|
26
26
|
const { key: r, direction: t } = l;
|
|
@@ -28,10 +28,10 @@ const ke = () => {
|
|
|
28
28
|
const c = i[r], s = d[r];
|
|
29
29
|
return typeof c == "number" && typeof s == "number" ? t === "asc" ? c - s : s - c : typeof c == "string" && typeof s == "string" ? t === "asc" ? c.localeCompare(s) : s.localeCompare(c) : 0;
|
|
30
30
|
});
|
|
31
|
-
}, [u, l]), a = (r) => !l || l.key !== r ? /* @__PURE__ */ e(
|
|
31
|
+
}, [u, l]), a = (r) => !l || l.key !== r ? /* @__PURE__ */ e(B, {}) : l.direction === "asc" ? /* @__PURE__ */ e(y, {}) : /* @__PURE__ */ e(y, {}), A = (r) => {
|
|
32
32
|
g((t) => t === r ? null : r);
|
|
33
33
|
};
|
|
34
|
-
|
|
34
|
+
U(() => (document.addEventListener("mousedown", b), () => {
|
|
35
35
|
document.removeEventListener("mousedown", b);
|
|
36
36
|
}), []);
|
|
37
37
|
const b = (r) => {
|
|
@@ -66,15 +66,15 @@ const ke = () => {
|
|
|
66
66
|
(t) => t.includes(r) ? t.filter((i) => i !== r) : [...t, r]
|
|
67
67
|
);
|
|
68
68
|
};
|
|
69
|
-
return /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(
|
|
69
|
+
return /* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(G, { className: "fortables", children: /* @__PURE__ */ n(q, { children: [
|
|
70
70
|
/* @__PURE__ */ e("thead", { children: /* @__PURE__ */ n("tr", { children: [
|
|
71
71
|
/* @__PURE__ */ e("th", { className: "emailInvoiceCheckbox", children: /* @__PURE__ */ e(
|
|
72
72
|
w,
|
|
73
73
|
{
|
|
74
|
-
checked:
|
|
74
|
+
checked: D,
|
|
75
75
|
onChange: (r) => {
|
|
76
76
|
const t = r.target.checked;
|
|
77
|
-
|
|
77
|
+
F(t), f(
|
|
78
78
|
t ? u?.map((i) => i?.id) || [] : []
|
|
79
79
|
);
|
|
80
80
|
}
|
|
@@ -107,13 +107,15 @@ const ke = () => {
|
|
|
107
107
|
a("weight")
|
|
108
108
|
] }) }),
|
|
109
109
|
/* @__PURE__ */ e("th", { onClick: () => h("cube"), children: /* @__PURE__ */ n("div", { className: "sortIconClass", children: [
|
|
110
|
-
"Total
|
|
110
|
+
"Total ",
|
|
111
|
+
re,
|
|
112
|
+
" ",
|
|
111
113
|
a("cube")
|
|
112
114
|
] }) }),
|
|
113
115
|
/* @__PURE__ */ e("th", { children: "Status" }),
|
|
114
116
|
/* @__PURE__ */ e("th", { className: "emailInvoiceShare", children: "Labels" })
|
|
115
117
|
] }) }),
|
|
116
|
-
/* @__PURE__ */ e("tbody", { children:
|
|
118
|
+
/* @__PURE__ */ e("tbody", { children: O ? /* @__PURE__ */ n("tr", { children: [
|
|
117
119
|
/* @__PURE__ */ e("td", { colSpan: 16, children: /* @__PURE__ */ e(P, { active: !0 }) }),
|
|
118
120
|
/* @__PURE__ */ e("td", { colSpan: 16 })
|
|
119
121
|
] }) : C?.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 16, children: /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(M, {}) }) }) }) : C?.map((r, t) => {
|
|
@@ -140,7 +142,7 @@ const ke = () => {
|
|
|
140
142
|
) }),
|
|
141
143
|
/* @__PURE__ */ e("td", { children: Z(new Date(r?.created_at)) }),
|
|
142
144
|
/* @__PURE__ */ e("td", { children: o(r?.return_location_name) }),
|
|
143
|
-
/* @__PURE__ */ e("td", { onClick: () =>
|
|
145
|
+
/* @__PURE__ */ e("td", { onClick: () => N(r.id), children: /* @__PURE__ */ n("ul", { style: { listStyleType: "none", padding: 0 }, children: [
|
|
144
146
|
/* @__PURE__ */ e(
|
|
145
147
|
"li",
|
|
146
148
|
{
|
|
@@ -149,7 +151,7 @@ const ke = () => {
|
|
|
149
151
|
fontWeight: 600,
|
|
150
152
|
paddingLeft: 0
|
|
151
153
|
},
|
|
152
|
-
children: /* @__PURE__ */ e(
|
|
154
|
+
children: /* @__PURE__ */ e(W, { to: `/return/view/${r.id}`, children: o(r?.recipient_name) })
|
|
153
155
|
}
|
|
154
156
|
),
|
|
155
157
|
/* @__PURE__ */ e("li", { style: { color: "#888075" }, children: o(r?.postcode) })
|
|
@@ -197,7 +199,7 @@ const ke = () => {
|
|
|
197
199
|
"li",
|
|
198
200
|
{
|
|
199
201
|
className: "shareIconContainer",
|
|
200
|
-
onClick: () =>
|
|
202
|
+
onClick: () => A(t),
|
|
201
203
|
children: [
|
|
202
204
|
/* @__PURE__ */ e(K, {}),
|
|
203
205
|
/* @__PURE__ */ e(Q, {}),
|
|
@@ -212,6 +214,6 @@ const ke = () => {
|
|
|
212
214
|
] }) }) });
|
|
213
215
|
};
|
|
214
216
|
export {
|
|
215
|
-
|
|
217
|
+
Se as default
|
|
216
218
|
};
|
|
217
219
|
//# sourceMappingURL=ReturnConfirmedTable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReturnConfirmedTable.js","sources":["../../../../src/components/client-portal/return-confirm/ReturnConfirmedTable.tsx"],"sourcesContent":["import { Empty } from 'antd';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { Skeleton } from 'antd';\nimport { NavLink } from 'react-router-dom';\nimport {\n Checkbox,\n displayValueOrNA,\n} from '@bjsdistribution/dms-component-library';\nimport {\n useLoading,\n usePrintOptionTOggle,\n} from '../../order-daily-overview/store/store';\nimport {\n useReturnConfirmedOrderData,\n useSelectedClientAfterOrders,\n} from '../../store';\nimport { useOrderId } from '../../order-view/store';\nimport SortIcon from '../../../common/SortIcon';\nimport CaretDownFilledIcon from '../../../common/CaretDownFilledIcon';\nimport {\n CustomDrop,\n EmptyDataContainer,\n StyledTable,\n StyledTableWrapper,\n} from '../../order-daily-overview/return-order-table/return-orders-filters/returnstyles';\nimport PrinterIcon from '../../../assets/icons/PrinterIcon';\nimport DownIcon from '../../../assets/icons/DownIcon';\nimport PrintDropDown from '../../order-daily-overview/shared/elements/PrintDropDown';\nimport { formatDate } from '../../order-daily-overview/shared/utlis';\nimport dayjs from 'dayjs';\nimport { WEIGHT_UNIT } from '../../../common/utils';\n\nconst ReturnConfirmedTable = () => {\n const dropdownRefParent = useRef<HTMLDivElement>(null);\n const dropdownRef = useRef<HTMLDivElement>(null);\n const [printToogle, setPrintToggle] = usePrintOptionTOggle();\n const [, setOrderId] = useOrderId();\n const [returnConfirmedTable] = useReturnConfirmedOrderData();\n const [loading] = useLoading();\n const [selectClientAll, setSelectClientAll] = useState(false);\n const [\n selectedOrderIds,\n setSelectedOrderIds,\n ] = useSelectedClientAfterOrders();\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 (!returnConfirmedTable || !sortConfig) return returnConfirmedTable;\n\n const { key, direction } = sortConfig;\n return [...returnConfirmedTable].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 }, [returnConfirmedTable, 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: any) => (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 getStatusClass = (status: string) => {\n switch (status) {\n case 'Cancelled':\n case 'Failed':\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 case 'SC':\n return { color: '#F4A503', background: '#FFF1D6' };\n case 'Awaiting route':\n case 'Awaiting Confirmation':\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 const handleSelectOrderId = (id: string | number) => {\n setSelectedOrderIds(prev =>\n prev.includes(id) ? prev.filter(orderId => orderId !== id) : [...prev, id]\n );\n };\n const handleClientSelectAll = (e: React.ChangeEvent<HTMLInputElement>) => {\n const isChecked = e.target.checked;\n setSelectClientAll(isChecked);\n\n if (isChecked) {\n setSelectedOrderIds(\n returnConfirmedTable?.map((item: any) => item?.id) || []\n );\n } else {\n setSelectedOrderIds([]);\n }\n };\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 className=\"emailInvoiceCheckbox\">\n <Checkbox\n checked={selectClientAll}\n onChange={handleClientSelectAll}\n />\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 Delivery Date {renderSortIcon('return_location_name')}\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 onClick={() => handleSort('recipient_name')}>\n <div className=\"sortIconClass\">\n Recipient {renderSortIcon('recipient_name')}\n </div>\n </th>\n {/* <th onClick={() => handleSort('recipient_reference')}> */}\n <th>\n {/* <div className=\"sortIconClass\"> */}\n Recipient Reference{renderSortIcon('recipient_reference')}\n {/* </div> */}\n </th>\n <th>Sender</th>\n <th>Consignment</th>\n <th>Return Order No</th>\n <th> Total Parts</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>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 subcontracted: 'Sub-Contracted',\n SC: 'Sub-Contracted',\n 'awaiting route': 'Awaiting route',\n 'awaiting confirmation': 'Awaiting Confirmation',\n complete: 'Completed',\n outstanding: 'Outstanding',\n routed: 'Routed',\n failed: 'Failed',\n confirmed: 'Confirmed',\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={selectedOrderIds.includes(item?.id)}\n onChange={() => handleSelectOrderId(item?.id)}\n />\n </td>\n <td>{formatDate(new Date(item?.created_at))}</td>\n {/* <td>{formatDate(new Date(item?.action_date))}</td> */}\n <td>{displayValueOrNA(item?.return_location_name)}</td>\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={`/return/view/${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 <td>{displayValueOrNA(item?.recipient_reference)}</td>\n\n <td>{displayValueOrNA(item?.customer_name)}</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>\n {displayValueOrNA(item?.weight)}{' '}\n {item?.weight && item?.weight > 0 ? WEIGHT_UNIT : ''}\n </td>\n\n <td>{displayValueOrNA(item?.cube)}</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\n {(status === 'Completed' || status === 'Failed') &&\n item?.action_date\n ? ` - ${dayjs(item?.action_date).format(\n 'DD/MM/YYYY'\n )}`\n : ''}\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\nexport default ReturnConfirmedTable;\n"],"names":["ReturnConfirmedTable","dropdownRefParent","useRef","dropdownRef","printToogle","setPrintToggle","usePrintOptionTOggle","setOrderId","useOrderId","returnConfirmedTable","useReturnConfirmedOrderData","loading","useLoading","selectClientAll","setSelectClientAll","useState","selectedOrderIds","setSelectedOrderIds","useSelectedClientAfterOrders","sortConfig","setSortConfig","handleSort","key","prev","sortedData","useMemo","direction","a","b","valueA","valueB","renderSortIcon","columnKey","SortIcon","CaretDownFilledIcon","OpenDropDown","index","prevIndex","useEffect","handleClickOutside","event","getStatusClass","status","handleSelectOrderId","id","orderId","jsx","StyledTableWrapper","StyledTable","Checkbox","e","isChecked","item","jsxs","WEIGHT_UNIT","Skeleton","EmptyDataContainer","Empty","statusClass","formatDate","displayValueOrNA","NavLink","dayjs","CustomDrop","PrinterIcon","DownIcon","PrintDropDown"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ReturnConfirmedTable.js","sources":["../../../../src/components/client-portal/return-confirm/ReturnConfirmedTable.tsx"],"sourcesContent":["import { Empty } from 'antd';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { Skeleton } from 'antd';\nimport { NavLink } from 'react-router-dom';\nimport {\n Checkbox,\n displayValueOrNA,\n} from '@bjsdistribution/dms-component-library';\nimport {\n useLoading,\n usePrintOptionTOggle,\n} from '../../order-daily-overview/store/store';\nimport {\n useReturnConfirmedOrderData,\n useSelectedClientAfterOrders,\n} from '../../store';\nimport { useOrderId } from '../../order-view/store';\nimport SortIcon from '../../../common/SortIcon';\nimport CaretDownFilledIcon from '../../../common/CaretDownFilledIcon';\nimport {\n CustomDrop,\n EmptyDataContainer,\n StyledTable,\n StyledTableWrapper,\n} from '../../order-daily-overview/return-order-table/return-orders-filters/returnstyles';\nimport PrinterIcon from '../../../assets/icons/PrinterIcon';\nimport DownIcon from '../../../assets/icons/DownIcon';\nimport PrintDropDown from '../../order-daily-overview/shared/elements/PrintDropDown';\nimport { formatDate } from '../../order-daily-overview/shared/utlis';\nimport dayjs from 'dayjs';\nimport { WEIGHT_UNIT, VOLUME_UNIT } from '../../../common/utils';\n\nconst ReturnConfirmedTable = () => {\n const dropdownRefParent = useRef<HTMLDivElement>(null);\n const dropdownRef = useRef<HTMLDivElement>(null);\n const [printToogle, setPrintToggle] = usePrintOptionTOggle();\n const [, setOrderId] = useOrderId();\n const [returnConfirmedTable] = useReturnConfirmedOrderData();\n const [loading] = useLoading();\n const [selectClientAll, setSelectClientAll] = useState(false);\n const [\n selectedOrderIds,\n setSelectedOrderIds,\n ] = useSelectedClientAfterOrders();\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 (!returnConfirmedTable || !sortConfig) return returnConfirmedTable;\n\n const { key, direction } = sortConfig;\n return [...returnConfirmedTable].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 }, [returnConfirmedTable, 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: any) => (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 getStatusClass = (status: string) => {\n switch (status) {\n case 'Cancelled':\n case 'Failed':\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 case 'SC':\n return { color: '#F4A503', background: '#FFF1D6' };\n case 'Awaiting route':\n case 'Awaiting Confirmation':\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 const handleSelectOrderId = (id: string | number) => {\n setSelectedOrderIds(prev =>\n prev.includes(id) ? prev.filter(orderId => orderId !== id) : [...prev, id]\n );\n };\n const handleClientSelectAll = (e: React.ChangeEvent<HTMLInputElement>) => {\n const isChecked = e.target.checked;\n setSelectClientAll(isChecked);\n\n if (isChecked) {\n setSelectedOrderIds(\n returnConfirmedTable?.map((item: any) => item?.id) || []\n );\n } else {\n setSelectedOrderIds([]);\n }\n };\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 className=\"emailInvoiceCheckbox\">\n <Checkbox\n checked={selectClientAll}\n onChange={handleClientSelectAll}\n />\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 Delivery Date {renderSortIcon('return_location_name')}\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 onClick={() => handleSort('recipient_name')}>\n <div className=\"sortIconClass\">\n Recipient {renderSortIcon('recipient_name')}\n </div>\n </th>\n {/* <th onClick={() => handleSort('recipient_reference')}> */}\n <th>\n {/* <div className=\"sortIconClass\"> */}\n Recipient Reference{renderSortIcon('recipient_reference')}\n {/* </div> */}\n </th>\n <th>Sender</th>\n <th>Consignment</th>\n <th>Return Order No</th>\n <th> Total Parts</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>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 subcontracted: 'Sub-Contracted',\n SC: 'Sub-Contracted',\n 'awaiting route': 'Awaiting route',\n 'awaiting confirmation': 'Awaiting Confirmation',\n complete: 'Completed',\n outstanding: 'Outstanding',\n routed: 'Routed',\n failed: 'Failed',\n confirmed: 'Confirmed',\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={selectedOrderIds.includes(item?.id)}\n onChange={() => handleSelectOrderId(item?.id)}\n />\n </td>\n <td>{formatDate(new Date(item?.created_at))}</td>\n {/* <td>{formatDate(new Date(item?.action_date))}</td> */}\n <td>{displayValueOrNA(item?.return_location_name)}</td>\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={`/return/view/${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 <td>{displayValueOrNA(item?.recipient_reference)}</td>\n\n <td>{displayValueOrNA(item?.customer_name)}</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>\n {displayValueOrNA(item?.weight)}{' '}\n {item?.weight && item?.weight > 0 ? WEIGHT_UNIT : ''}\n </td>\n\n <td>{displayValueOrNA(item?.cube)}</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\n {(status === 'Completed' || status === 'Failed') &&\n item?.action_date\n ? ` - ${dayjs(item?.action_date).format(\n 'DD/MM/YYYY'\n )}`\n : ''}\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\nexport default ReturnConfirmedTable;\n"],"names":["ReturnConfirmedTable","dropdownRefParent","useRef","dropdownRef","printToogle","setPrintToggle","usePrintOptionTOggle","setOrderId","useOrderId","returnConfirmedTable","useReturnConfirmedOrderData","loading","useLoading","selectClientAll","setSelectClientAll","useState","selectedOrderIds","setSelectedOrderIds","useSelectedClientAfterOrders","sortConfig","setSortConfig","handleSort","key","prev","sortedData","useMemo","direction","a","b","valueA","valueB","renderSortIcon","columnKey","SortIcon","CaretDownFilledIcon","OpenDropDown","index","prevIndex","useEffect","handleClickOutside","event","getStatusClass","status","handleSelectOrderId","id","orderId","jsx","StyledTableWrapper","StyledTable","Checkbox","e","isChecked","item","jsxs","WEIGHT_UNIT","VOLUME_UNIT","Skeleton","EmptyDataContainer","Empty","statusClass","formatDate","displayValueOrNA","NavLink","dayjs","CustomDrop","PrinterIcon","DownIcon","PrintDropDown"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fakedata.js","sources":["../../../../src/components/order-daily-overview/common/fakedata.tsx"],"sourcesContent":["import { POSTCODE_LABEL } from '../../../common/utils';\nexport const RouteCountTable = [\n {\n id: 1,\n icon: 'onTotalOrder',\n status: 'onTotalOrder',\n count: 200,\n label: 'TOTAL ORDERS',\n },\n\n {\n id: 3,\n icon: 'onComplete',\n status: 'onComplete',\n count: 200,\n label: 'Deliverd',\n },\n\n {\n id: 4,\n icon: 'onPending',\n status: 'onPending',\n count: 200,\n label: 'Pending',\n },\n // {\n // id: 5,\n // icon: 'collection',\n // status: 'collection',\n // count: 2000,\n // label: 'Completed',\n // },\n {\n id: 2,\n icon: 'onCollection',\n status: 'late',\n count: 200,\n label: 'Failed',\n },\n];\n\nexport const FilterRoutes = [\n { id: 1, icon: 'assembly', label: 'Assembly Routes', value: '' },\n {\n id: 2,\n icon: 'heavyItems',\n label: 'Heavy Items',\n value: 'contains_heavy_item',\n },\n {\n id: 3,\n icon: 'supplier',\n label: 'Supplier Collections',\n value: 'contains_collection',\n },\n { id: 4, icon: 'vip', label: 'VIP', value: '' },\n];\n\nexport const departmentDropDownList = [\n {\n label: 'Made-Direct',\n value: 'madedirect',\n },\n {\n label: 'Made-Direct',\n value: 'madedirect',\n },\n {\n label: 'Made-Direct',\n value: 'madedirect',\n },\n {\n label: 'Made-Direct',\n value: 'madedirect',\n },\n];\n\nexport const TableData = [\n {\n tableHead: [\n { key: 'time', label: 'Time', alwaysVisible: true },\n { key: 'tomtom', label: 'Tomtom', alwaysVisible: true },\n { key: 'recipient', label: 'Recipient', alwaysVisible: true },\n { key: 'postcode', label: POSTCODE_LABEL },\n { key: 'route', label: 'Route' },\n\n { key: 'vehicle', label: 'Vehicle' },\n { key: 'driverSideman', label: 'Crew' },\n { key: 'customer', label: 'Customer' },\n { key: 'ArrivalDeparture', label: 'Arrival-> Departure' },\n { key: 'status', label: 'Status' },\n { key: 'action', label: 'Action' },\n ],\n },\n];\n\ninterface PrintOption {\n icon: string;\n label: string;\n type: string;\n}\n\nexport const optionsPrint: PrintOption[] = [\n { icon: 'runSheet', label: 'Print Runsheet', type: 'runsheet_url' },\n { icon: 'loadSheet', label: 'Print Loadsheet', type: 'loadsheet_url' },\n {\n icon: 'deliveryLables',\n label: 'Print Delivery Labels',\n type: 'delivery_label_url',\n },\n {\n icon: 'customerLables',\n label: 'Print Customer Labels',\n type: 'customer_label_url',\n },\n {\n icon: 'collectionLables',\n label: 'Print Return Labels',\n type: 'return_label_url',\n },\n];\n\nexport const optionsClientPortPrint: PrintOption[] = [\n {\n icon: 'deliveryLables',\n label: 'Print Delivery Labels',\n type: 'delivery_label_url',\n },\n {\n icon: 'customerLables',\n label: 'Print Customer Labels',\n type: 'customer_label_url',\n },\n {\n icon: 'collectionLables',\n label: 'Print Return Labels',\n type: 'return_label_url',\n },\n];\n\nexport const optionsForReturnPrint = [\n { icon: 'deliveryLables', label: 'Print Return Labels' },\n];\n\nexport const Depots = [\n { value: 'bjsCouriers', label: 'BJS COURIERS' },\n { value: 'bjsSales', label: 'BJS SALES' },\n { value: 'test', label: 'TEST' },\n];\n\nexport const TableData2 = [\n {\n tableHead: [\n { key: 'drop', label: 'Drop', alwaysVisible: true },\n { key: 'escalation', label: 'Escalation', alwaysVisible: true },\n { key: 'arriveDepart', label: 'Arrive/Depart', alwaysVisible: true },\n { key: 'type', label: 'Type' },\n { key: 'recipient', label: 'Recipient' },\n { key: 'instructions', label: 'Instructions' },\n { key: 'postCode', label: POSTCODE_LABEL },\n { key: 'customer', label: 'Customer' },\n { key: 'weightCubes', label: 'Weight/Cubes' },\n { key: 'boxes', label: 'Boxes' },\n { key: 'received', label: 'Received' },\n { key: 'actStartFinish', label: 'Act Start/Finish' },\n { key: 'status', label: 'Status' },\n { key: 'action', label: 'Action' },\n { key: 'linkOrder', label: 'Link Order' },\n ],\n tableBody: [\n {\n drop: { id: 1 },\n escalation: { name: 'VIP 2' },\n arriveDepart: {\n arriveTime: '11:30',\n departime: '23:28',\n slote: 'Slot:8-11',\n days: 'All Day',\n },\n type: {\n icontype: 'collection',\n },\n recipient: {\n name: 'Clayton Hopkins',\n isValid: true,\n },\n instructions: {\n notes: 'Closed for lunch between 12:30 - 13:30 hrs. Business Hours',\n },\n postCode: {\n code: 'DN31 2PE',\n },\n customer: {\n name: 'HAPPY BEDS 2 Man',\n },\n weightCubes: {\n weight:
|
|
1
|
+
{"version":3,"file":"fakedata.js","sources":["../../../../src/components/order-daily-overview/common/fakedata.tsx"],"sourcesContent":["import { POSTCODE_LABEL, WEIGHT_UNIT, VOLUME_UNIT } from '../../../common/utils';\nexport const RouteCountTable = [\n {\n id: 1,\n icon: 'onTotalOrder',\n status: 'onTotalOrder',\n count: 200,\n label: 'TOTAL ORDERS',\n },\n\n {\n id: 3,\n icon: 'onComplete',\n status: 'onComplete',\n count: 200,\n label: 'Deliverd',\n },\n\n {\n id: 4,\n icon: 'onPending',\n status: 'onPending',\n count: 200,\n label: 'Pending',\n },\n // {\n // id: 5,\n // icon: 'collection',\n // status: 'collection',\n // count: 2000,\n // label: 'Completed',\n // },\n {\n id: 2,\n icon: 'onCollection',\n status: 'late',\n count: 200,\n label: 'Failed',\n },\n];\n\nexport const FilterRoutes = [\n { id: 1, icon: 'assembly', label: 'Assembly Routes', value: '' },\n {\n id: 2,\n icon: 'heavyItems',\n label: 'Heavy Items',\n value: 'contains_heavy_item',\n },\n {\n id: 3,\n icon: 'supplier',\n label: 'Supplier Collections',\n value: 'contains_collection',\n },\n { id: 4, icon: 'vip', label: 'VIP', value: '' },\n];\n\nexport const departmentDropDownList = [\n {\n label: 'Made-Direct',\n value: 'madedirect',\n },\n {\n label: 'Made-Direct',\n value: 'madedirect',\n },\n {\n label: 'Made-Direct',\n value: 'madedirect',\n },\n {\n label: 'Made-Direct',\n value: 'madedirect',\n },\n];\n\nexport const TableData = [\n {\n tableHead: [\n { key: 'time', label: 'Time', alwaysVisible: true },\n { key: 'tomtom', label: 'Tomtom', alwaysVisible: true },\n { key: 'recipient', label: 'Recipient', alwaysVisible: true },\n { key: 'postcode', label: POSTCODE_LABEL },\n { key: 'route', label: 'Route' },\n\n { key: 'vehicle', label: 'Vehicle' },\n { key: 'driverSideman', label: 'Crew' },\n { key: 'customer', label: 'Customer' },\n { key: 'ArrivalDeparture', label: 'Arrival-> Departure' },\n { key: 'status', label: 'Status' },\n { key: 'action', label: 'Action' },\n ],\n },\n];\n\ninterface PrintOption {\n icon: string;\n label: string;\n type: string;\n}\n\nexport const optionsPrint: PrintOption[] = [\n { icon: 'runSheet', label: 'Print Runsheet', type: 'runsheet_url' },\n { icon: 'loadSheet', label: 'Print Loadsheet', type: 'loadsheet_url' },\n {\n icon: 'deliveryLables',\n label: 'Print Delivery Labels',\n type: 'delivery_label_url',\n },\n {\n icon: 'customerLables',\n label: 'Print Customer Labels',\n type: 'customer_label_url',\n },\n {\n icon: 'collectionLables',\n label: 'Print Return Labels',\n type: 'return_label_url',\n },\n];\n\nexport const optionsClientPortPrint: PrintOption[] = [\n {\n icon: 'deliveryLables',\n label: 'Print Delivery Labels',\n type: 'delivery_label_url',\n },\n {\n icon: 'customerLables',\n label: 'Print Customer Labels',\n type: 'customer_label_url',\n },\n {\n icon: 'collectionLables',\n label: 'Print Return Labels',\n type: 'return_label_url',\n },\n];\n\nexport const optionsForReturnPrint = [\n { icon: 'deliveryLables', label: 'Print Return Labels' },\n];\n\nexport const Depots = [\n { value: 'bjsCouriers', label: 'BJS COURIERS' },\n { value: 'bjsSales', label: 'BJS SALES' },\n { value: 'test', label: 'TEST' },\n];\n\nexport const TableData2 = [\n {\n tableHead: [\n { key: 'drop', label: 'Drop', alwaysVisible: true },\n { key: 'escalation', label: 'Escalation', alwaysVisible: true },\n { key: 'arriveDepart', label: 'Arrive/Depart', alwaysVisible: true },\n { key: 'type', label: 'Type' },\n { key: 'recipient', label: 'Recipient' },\n { key: 'instructions', label: 'Instructions' },\n { key: 'postCode', label: POSTCODE_LABEL },\n { key: 'customer', label: 'Customer' },\n { key: 'weightCubes', label: 'Weight/Cubes' },\n { key: 'boxes', label: 'Boxes' },\n { key: 'received', label: 'Received' },\n { key: 'actStartFinish', label: 'Act Start/Finish' },\n { key: 'status', label: 'Status' },\n { key: 'action', label: 'Action' },\n { key: 'linkOrder', label: 'Link Order' },\n ],\n tableBody: [\n {\n drop: { id: 1 },\n escalation: { name: 'VIP 2' },\n arriveDepart: {\n arriveTime: '11:30',\n departime: '23:28',\n slote: 'Slot:8-11',\n days: 'All Day',\n },\n type: {\n icontype: 'collection',\n },\n recipient: {\n name: 'Clayton Hopkins',\n isValid: true,\n },\n instructions: {\n notes: 'Closed for lunch between 12:30 - 13:30 hrs. Business Hours',\n },\n postCode: {\n code: 'DN31 2PE',\n },\n customer: {\n name: 'HAPPY BEDS 2 Man',\n },\n weightCubes: {\n weight: `1,959.73${WEIGHT_UNIT}`,\n cube: `12.70 ${VOLUME_UNIT}`,\n },\n boxes: {\n count: '6 (6)',\n },\n received: {\n status: 'No stock Received',\n },\n actStartFinish: {\n startTIme: '23:00',\n endTime: '23:47',\n totalTime: '47m',\n },\n status: {\n status: 'completed',\n },\n action: {\n dateCOnfirm: true,\n preCall: 'true',\n },\n linkOrder: {\n status: true,\n },\n },\n ],\n },\n];\n"],"names":["optionsPrint","optionsClientPortPrint","optionsForReturnPrint"],"mappings":";AAsGO,MAAMA,IAA8B;AAAA,EACzC,EAAE,MAAM,YAAY,OAAO,kBAAkB,MAAM,eAAA;AAAA,EACnD,EAAE,MAAM,aAAa,OAAO,mBAAmB,MAAM,gBAAA;AAAA,EACrD;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAER;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAER;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAEV,GAEaC,IAAwC;AAAA,EACnD;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAER;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAER;AAAA,IACE,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAEV,GAEaC,IAAwB;AAAA,EACnC,EAAE,MAAM,kBAAkB,OAAO,sBAAA;AACnC;"}
|