@bjsdistribution/dms-client-return 0.1.84-prod → 0.1.85-prod

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,8 +1,8 @@
1
- import { jsx as t, Fragment as D, jsxs as p } from "react/jsx-runtime";
2
- import P, { useState as y, useMemo as b } from "react";
3
- import { useClientData as O, useInternalSearchText as W } from "../../order-view/store.js";
4
- import { useStatsLoading as v } from "../store/store.js";
5
- import { StyledTableWrapper as x, StyledTable as A, EmptyDataContainer as U, ColumStyle as a, GreyBox as c } from "./table-data/styles.js";
1
+ import { jsx as e, Fragment as P, jsxs as g } from "react/jsx-runtime";
2
+ import k, { useState as O, useMemo as b } from "react";
3
+ import { useClientData as W, useInternalSearchText as v } from "../../order-view/store.js";
4
+ import { useStatsLoading as U } from "../store/store.js";
5
+ import { StyledTableWrapper as A, StyledTable as L, EmptyDataContainer as y, ColumStyle as c, GreyBox as o } from "./table-data/styles.js";
6
6
  import { Skeleton as M, Empty as Y } from "antd";
7
7
  import { useNavigate as F } from "react-router-dom";
8
8
  import { filtersReducerAtom as G } from "../header-filters/filterStore.js";
@@ -10,68 +10,68 @@ import { useCustomerData as $ } from "../../store.js";
10
10
  import j from "../../../common/SortIcon.js";
11
11
  import R from "../../../common/CaretDownFilledIcon.js";
12
12
  import { useAtom as B } from "jotai";
13
- const re = () => {
14
- const [u] = O(), [L] = v(), [, o] = B(G), f = F(), [C] = $(), [m] = W(), [s, T] = y(null), I = (r) => {
13
+ const rt = () => {
14
+ const [u] = W(), [x] = U(), [, a] = B(G), m = F(), [S] = $(), [f] = v(), [s, T] = O(null), I = (r) => {
15
15
  T((n) => n?.key === r && n.direction === "asc" ? { key: r, direction: "desc" } : { key: r, direction: "asc" });
16
- }, g = b(() => (m && m?.length > 0 ? u || [] : C || [])?.map((d) => {
17
- const e = u?.find(
18
- (i) => i?.customer_id != null && i?.customer_id.toString() === d?.customer_id?.toString()
16
+ }, p = b(() => (f && f?.length > 0 ? u || [] : S || [])?.map((i) => {
17
+ const t = u?.find(
18
+ (d) => d?.customer_id != null && d?.customer_id.toString() === i?.customer_id?.toString()
19
19
  );
20
- let l = d?.children?.map((i) => {
21
- const _ = u?.find(
22
- (E) => E?.customer_id != null && E?.customer_id.toString() === i?.customer_id?.toString()
20
+ let l = i?.children?.map((d) => {
21
+ const D = u?.find(
22
+ (E) => E?.customer_id != null && E?.customer_id.toString() === d?.customer_id?.toString()
23
23
  );
24
24
  return {
25
- ...i,
26
- ..._
25
+ ...d,
26
+ ...D
27
27
  };
28
28
  });
29
29
  return {
30
- ...d,
31
- ...e,
30
+ ...i,
31
+ ...t,
32
32
  children: l
33
33
  };
34
- }) || [], [C, u, m]), S = b(() => {
35
- if (!g || !s) return g;
34
+ }) || [], [S, u, f]), C = b(() => {
35
+ if (!p || !s) return p;
36
36
  const { key: r, direction: n } = s;
37
- return [...g].sort((d, e) => {
38
- const l = d[r], i = e[r];
39
- 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
+ return [...p].sort((i, t) => {
38
+ const l = i[r], d = t[r];
39
+ return typeof l == "number" && typeof d == "number" ? n === "asc" ? l - d : d - l : typeof l == "string" && typeof d == "string" ? n === "asc" ? l.localeCompare(d) : d.localeCompare(l) : 0;
40
40
  });
41
- }, [g, s]), N = (r) => !s || s.key !== r ? /* @__PURE__ */ t(j, {}) : s.direction === "asc" ? /* @__PURE__ */ t(R, {}) : /* @__PURE__ */ t(R, {}), k = (r) => {
42
- r ? (o({
41
+ }, [p, s]), N = (r) => !s || s.key !== r ? /* @__PURE__ */ e(j, {}) : s.direction === "asc" ? /* @__PURE__ */ e(R, {}) : /* @__PURE__ */ e(R, {}), _ = (r) => {
42
+ r ? (a({
43
43
  type: "SET_CLIENT_FILTER",
44
44
  payload: r
45
- }), o({
45
+ }), a({
46
46
  type: "SET_PAGE",
47
47
  payload: 1
48
- })) : o({
48
+ })) : a({
49
49
  type: "SET_CLIENT_FILTER",
50
50
  payload: []
51
51
  });
52
52
  const n = new URLSearchParams({
53
53
  customerId: r?.toString()
54
54
  });
55
- f(`/orders/view/return/filter?${n.toString()}`);
55
+ m(`/orders/view/return/filter?${n.toString()}`);
56
56
  }, h = (r, n) => {
57
- r ? (o({
57
+ r ? (a({
58
58
  type: "SET_CLIENT_FILTER",
59
59
  payload: r
60
- }), o({
60
+ }), a({
61
61
  type: "SET_PAGE",
62
62
  payload: 1
63
- })) : o({
63
+ })) : a({
64
64
  type: "SET_CLIENT_FILTER",
65
65
  payload: []
66
66
  });
67
- const d = new URLSearchParams({
67
+ const i = new URLSearchParams({
68
68
  customerId: r?.toString(),
69
69
  type: n
70
70
  });
71
- f(`/orders/view/return/filter?${d.toString()}`);
71
+ m(`/orders/view/return/filter?${i.toString()}`);
72
72
  };
73
- return /* @__PURE__ */ t(D, { children: /* @__PURE__ */ t(x, { children: /* @__PURE__ */ p(A, { children: [
74
- /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ t("tr", { children: [
73
+ return /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(A, { children: /* @__PURE__ */ g(L, { children: [
74
+ /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: [
75
75
  { label: "Trading Name", key: "trading_as", width: "180px", align: "left" },
76
76
  { label: "Client", key: "customer_name", width: "180px", align: "center" },
77
77
  { label: "Orders", key: "orders", width: "90px", align: "center" },
@@ -84,204 +84,188 @@ const re = () => {
84
84
  { label: "Re-Del", key: "RE-Del", width: "90px", align: "center" },
85
85
  { label: "Recycle", key: "RECYCLE", width: "90px", align: "center" },
86
86
  { label: "Unknown", key: "UNKNOWN", width: "90px", align: "center" }
87
- ].map(({ label: r, key: n, width: d, align: e }) => /* @__PURE__ */ t("th", { onClick: () => I(n), style: { whiteSpace: "nowrap", width: d, textAlign: e }, children: /* @__PURE__ */ p("div", { style: { display: "flex", cursor: "pointer", justifyContent: e === "left" ? "flex-start" : "center" }, children: [
87
+ ].map(({ label: r, key: n, width: i, align: t }) => /* @__PURE__ */ e("th", { onClick: () => I(n), style: { whiteSpace: "nowrap", width: i, textAlign: t }, children: /* @__PURE__ */ g("div", { style: { display: "flex", cursor: "pointer", justifyContent: t === "left" ? "flex-start" : "center" }, children: [
88
88
  r,
89
89
  " ",
90
- /* @__PURE__ */ t("span", { children: N(n) })
90
+ /* @__PURE__ */ e("span", { children: N(n) })
91
91
  ] }) }, n)) }) }),
92
- /* @__PURE__ */ t("tbody", { children: L ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { colSpan: 12, children: /* @__PURE__ */ t(M, { active: !0 }) }) }) : S?.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { colSpan: 12, children: /* @__PURE__ */ t(U, { children: /* @__PURE__ */ t(Y, {}) }) }) }) : S?.map((r, n) => {
92
+ /* @__PURE__ */ e("tbody", { children: x ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 12, children: /* @__PURE__ */ e(M, { active: !0 }) }) }) : C?.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 12, children: /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(Y, {}) }) }) }) : C?.map((r, n) => {
93
93
  if (!r) return null;
94
- const d = (e, l = !1) => e ? /* @__PURE__ */ p("tr", { style: l ? { backgroundColor: "#ffffff" } : {}, children: [
95
- /* @__PURE__ */ t(
94
+ const i = (t, l = !1) => t ? /* @__PURE__ */ g("tr", { style: l ? { backgroundColor: "#ffffff" } : {}, children: [
95
+ /* @__PURE__ */ e(
96
96
  "td",
97
97
  {
98
98
  style: {
99
99
  paddingLeft: "15px",
100
100
  color: "inherit"
101
101
  },
102
- children: /* @__PURE__ */ t("span", { style: { fontWeight: !l && e?.children?.length > 0 ? 600 : 400 }, children: e?.trading_as })
102
+ children: /* @__PURE__ */ e("span", { style: { fontWeight: !l && t?.children?.length > 0 ? 600 : 400 }, children: t?.trading_as })
103
103
  }
104
104
  ),
105
- /* @__PURE__ */ t(
105
+ /* @__PURE__ */ e(
106
106
  "td",
107
107
  {
108
- onClick: () => k(e?.customer_id),
108
+ onClick: () => _(t?.customer_id),
109
109
  style: {
110
110
  color: "#0099ff",
111
111
  fontWeight: 600,
112
112
  cursor: "pointer",
113
113
  textAlign: "center"
114
114
  },
115
- children: /* @__PURE__ */ t("span", { children: e?.customer_name })
115
+ children: /* @__PURE__ */ e("span", { children: t?.customer_name })
116
116
  }
117
117
  ),
118
- /* @__PURE__ */ t("td", { style: { textAlign: "center" }, children: /* @__PURE__ */ t(a, { children: /* @__PURE__ */ t(c, { children: e?.orders ?? 0 }) }) }),
119
- /* @__PURE__ */ t("td", { style: { textAlign: "center" }, children: /* @__PURE__ */ t(a, { children: /* @__PURE__ */ t(c, { children: e?.return_order_products ?? 0 }) }) }),
120
- /* @__PURE__ */ t(
118
+ /* @__PURE__ */ e("td", { style: { textAlign: "center" }, children: /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(o, { children: t?.orders ?? 0 }) }) }),
119
+ /* @__PURE__ */ e("td", { style: { textAlign: "center" }, children: /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(o, { children: t?.return_order_products ?? 0 }) }) }),
120
+ /* @__PURE__ */ e(
121
121
  "td",
122
122
  {
123
123
  style: {
124
- color: e?.RTS > 0 ? "#0099ff" : "inherit",
125
- fontWeight: e?.RTS > 0 ? 600 : "normal",
126
- cursor: e?.RTS > 0 ? "pointer" : "default",
124
+ color: t?.RTS > 0 ? "#0099ff" : "inherit",
125
+ fontWeight: t?.RTS > 0 ? 600 : "normal",
126
+ cursor: t?.RTS > 0 ? "pointer" : "default",
127
127
  textAlign: "center"
128
128
  },
129
- onClick: e?.RTS > 0 ? () => h(e?.customer_id, "RTS") : void 0,
130
- children: /* @__PURE__ */ t(a, { children: /* @__PURE__ */ t(
131
- c,
129
+ onClick: t?.RTS > 0 ? () => h(t?.customer_id, "RTS") : void 0,
130
+ children: /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(
131
+ o,
132
132
  {
133
133
  style: {
134
- backgroundColor: e?.RTS > 0 ? "rgba(99, 150, 229, 0.1)" : "rgba(153, 153, 153, 0.1)"
134
+ backgroundColor: t?.RTS > 0 ? "rgba(99, 150, 229, 0.1)" : "rgba(153, 153, 153, 0.1)"
135
135
  },
136
- children: e?.RTS ?? 0
136
+ children: t?.RTS ?? 0
137
137
  }
138
138
  ) })
139
139
  }
140
140
  ),
141
- /* @__PURE__ */ t("td", { style: { textAlign: "center" }, children: /* @__PURE__ */ t(a, { children: /* @__PURE__ */ t(c, { children: e?.PENDING ?? 0 }) }) }),
142
- /* @__PURE__ */ t(
141
+ /* @__PURE__ */ e("td", { style: { textAlign: "center" }, children: /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(o, { children: t?.PENDING ?? 0 }) }) }),
142
+ /* @__PURE__ */ e(
143
143
  "td",
144
144
  {
145
145
  style: {
146
- color: e?.["CLAIMS PAID"] > 0 ? "#0099ff" : "inherit",
147
- fontWeight: e?.["CLAIMS PAID"] > 0 ? 600 : "normal",
148
- cursor: e?.["CLAIMS PAID"] > 0 ? "pointer" : "default",
146
+ color: t?.["CLAIMS PAID"] > 0 ? "#0099ff" : "inherit",
147
+ fontWeight: t?.["CLAIMS PAID"] > 0 ? 600 : "normal",
148
+ cursor: t?.["CLAIMS PAID"] > 0 ? "pointer" : "default",
149
149
  textAlign: "center"
150
150
  },
151
- onClick: e?.["CLAIMS PAID"] > 0 ? () => h(e?.customer_id, "CLAIMS PAID") : void 0,
152
- children: /* @__PURE__ */ t(a, { children: /* @__PURE__ */ t(
153
- c,
151
+ onClick: t?.["CLAIMS PAID"] > 0 ? () => h(t?.customer_id, "CLAIMS PAID") : void 0,
152
+ children: /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(
153
+ o,
154
154
  {
155
155
  style: {
156
- backgroundColor: e?.["CLAIMS PAID"] > 0 ? "rgba(99, 150, 229, 0.1)" : "rgba(153, 153, 153, 0.1)"
156
+ backgroundColor: t?.["CLAIMS PAID"] > 0 ? "rgba(99, 150, 229, 0.1)" : "rgba(153, 153, 153, 0.1)"
157
157
  },
158
- children: e?.["CLAIMS PAID"] ?? 0
158
+ children: t?.["CLAIMS PAID"] ?? 0
159
159
  }
160
160
  ) })
161
161
  }
162
162
  ),
163
- /* @__PURE__ */ t(
163
+ /* @__PURE__ */ e(
164
164
  "td",
165
165
  {
166
166
  style: {
167
- color: e?.DISPOSE > 0 ? "#0099ff" : "inherit",
168
- fontWeight: e?.DISPOSE > 0 ? 600 : "normal",
169
- cursor: e?.DISPOSE > 0 ? "pointer" : "default",
167
+ color: t?.DISPOSE > 0 ? "#0099ff" : "inherit",
168
+ fontWeight: t?.DISPOSE > 0 ? 600 : "normal",
169
+ cursor: t?.DISPOSE > 0 ? "pointer" : "default",
170
170
  textAlign: "center"
171
171
  },
172
- onClick: e?.DISPOSE > 0 ? () => h(e?.customer_id, "DISPOSE") : void 0,
173
- children: /* @__PURE__ */ t(a, { children: /* @__PURE__ */ t(
174
- c,
172
+ onClick: t?.DISPOSE > 0 ? () => h(t?.customer_id, "DISPOSE") : void 0,
173
+ children: /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(
174
+ o,
175
175
  {
176
176
  style: {
177
- backgroundColor: e?.DISPOSE > 0 ? "rgba(99, 150, 229, 0.1)" : "rgba(153, 153, 153, 0.1)"
177
+ backgroundColor: t?.DISPOSE > 0 ? "rgba(99, 150, 229, 0.1)" : "rgba(153, 153, 153, 0.1)"
178
178
  },
179
- children: e?.DISPOSE ?? 0
179
+ children: t?.DISPOSE ?? 0
180
180
  }
181
181
  ) })
182
182
  }
183
183
  ),
184
- /* @__PURE__ */ t(
184
+ /* @__PURE__ */ e(
185
185
  "td",
186
186
  {
187
187
  style: {
188
- color: e?.["RE-ALLOCATE"] > 0 ? "#0099ff" : "inherit",
189
- fontWeight: e?.["RE-ALLOCATE"] > 0 ? 600 : "normal",
190
- cursor: e?.["RE-ALLOCATE"] > 0 ? "pointer" : "default",
188
+ color: t?.["RE-ALLOCATE"] > 0 ? "#0099ff" : "inherit",
189
+ fontWeight: t?.["RE-ALLOCATE"] > 0 ? 600 : "normal",
190
+ cursor: t?.["RE-ALLOCATE"] > 0 ? "pointer" : "default",
191
191
  textAlign: "center"
192
192
  },
193
- onClick: e?.["RE-ALLOCATE"] > 0 ? () => h(e?.customer_id, "RE-ALLOCATE") : void 0,
194
- children: /* @__PURE__ */ t(a, { children: /* @__PURE__ */ t(
195
- c,
193
+ onClick: t?.["RE-ALLOCATE"] > 0 ? () => h(t?.customer_id, "RE-ALLOCATE") : void 0,
194
+ children: /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(
195
+ o,
196
196
  {
197
197
  style: {
198
- backgroundColor: e?.["RE-ALLOCATE"] > 0 ? "rgba(99, 150, 229, 0.1)" : "rgba(153, 153, 153, 0.1)"
198
+ backgroundColor: t?.["RE-ALLOCATE"] > 0 ? "rgba(99, 150, 229, 0.1)" : "rgba(153, 153, 153, 0.1)"
199
199
  },
200
- children: e?.["RE-ALLOCATE"] ?? 0
200
+ children: t?.["RE-ALLOCATE"] ?? 0
201
201
  }
202
202
  ) })
203
203
  }
204
204
  ),
205
- /* @__PURE__ */ t("td", { style: { textAlign: "center" }, children: /* @__PURE__ */ t(a, { children: /* @__PURE__ */ t(c, { children: e?.["RE-DEL"] ?? 0 }) }) }),
206
- /* @__PURE__ */ t(
205
+ /* @__PURE__ */ e("td", { style: { textAlign: "center" }, children: /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(o, { children: t?.["RE-DEL"] ?? 0 }) }) }),
206
+ /* @__PURE__ */ e(
207
207
  "td",
208
208
  {
209
209
  style: {
210
- color: e?.RECYCLE > 0 ? "#0099ff" : "inherit",
211
- fontWeight: e?.RECYCLE > 0 ? 600 : "normal",
212
- cursor: e?.RECYCLE > 0 ? "pointer" : "default",
210
+ color: t?.RECYCLE > 0 ? "#0099ff" : "inherit",
211
+ fontWeight: t?.RECYCLE > 0 ? 600 : "normal",
212
+ cursor: t?.RECYCLE > 0 ? "pointer" : "default",
213
213
  textAlign: "center"
214
214
  },
215
- onClick: e?.RECYCLE > 0 ? () => h(e?.customer_id, "RECYCLE") : void 0,
216
- children: /* @__PURE__ */ t(a, { children: /* @__PURE__ */ t(
217
- c,
215
+ onClick: t?.RECYCLE > 0 ? () => h(t?.customer_id, "RECYCLE") : void 0,
216
+ children: /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(
217
+ o,
218
218
  {
219
219
  style: {
220
- backgroundColor: e?.RECYCLE > 0 ? "rgba(99, 150, 229, 0.1)" : "rgba(153, 153, 153, 0.1)"
220
+ backgroundColor: t?.RECYCLE > 0 ? "rgba(99, 150, 229, 0.1)" : "rgba(153, 153, 153, 0.1)"
221
221
  },
222
- children: e?.RECYCLE ?? 0
222
+ children: t?.RECYCLE ?? 0
223
223
  }
224
224
  ) })
225
225
  }
226
226
  ),
227
- /* @__PURE__ */ t(
227
+ /* @__PURE__ */ e(
228
228
  "td",
229
229
  {
230
230
  style: {
231
- color: e?.UNKNOWN > 0 ? "#0099ff" : "inherit",
232
- fontWeight: e?.UNKNOWN > 0 ? 600 : "normal",
233
- cursor: e?.UNKNOWN > 0 ? "pointer" : "default",
231
+ color: t?.UNKNOWN > 0 ? "#0099ff" : "inherit",
232
+ fontWeight: t?.UNKNOWN > 0 ? 600 : "normal",
233
+ cursor: t?.UNKNOWN > 0 ? "pointer" : "default",
234
234
  textAlign: "center"
235
235
  },
236
- onClick: e?.UNKNOWN > 0 ? () => h(e?.customer_id, "UNKNOWN") : void 0,
237
- children: /* @__PURE__ */ t(a, { children: /* @__PURE__ */ t(
238
- c,
236
+ onClick: t?.UNKNOWN > 0 ? () => h(t?.customer_id, "UNKNOWN") : void 0,
237
+ children: /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(
238
+ o,
239
239
  {
240
240
  style: {
241
- backgroundColor: e?.UNKNOWN > 0 ? "rgba(99, 150, 229, 0.1)" : "rgba(153, 153, 153, 0.1)"
241
+ backgroundColor: t?.UNKNOWN > 0 ? "rgba(99, 150, 229, 0.1)" : "rgba(153, 153, 153, 0.1)"
242
242
  },
243
- children: e?.UNKNOWN ?? 0
243
+ children: t?.UNKNOWN ?? 0
244
244
  }
245
245
  ) })
246
246
  }
247
247
  )
248
- ] }, l ? `child-${e?.customer_id}` : e?.customer_id) : null;
249
- return !r?.children || r?.children?.length === 0 ? /* @__PURE__ */ t(P.Fragment, { children: d(r, !1) }, n) : /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { colSpan: 12, style: { padding: 0, border: "none", background: "transparent" }, children: /* @__PURE__ */ t("div", { style: {
250
- margin: "12px 10px",
248
+ ] }, l ? `child-${t?.customer_id}` : t?.customer_id) : null;
249
+ return !r?.children || r?.children?.length === 0 ? /* @__PURE__ */ e(k.Fragment, { children: i(r, !1) }, n) : /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 12, style: { padding: 0, border: "none", background: "transparent" }, children: /* @__PURE__ */ e("div", { style: {
250
+ margin: "3px 10px",
251
251
  backgroundColor: "#f8fafc",
252
252
  borderRadius: "16px",
253
253
  border: "1px solid rgba(0,0,0,0.08)",
254
254
  borderLeft: "4px solid #0099ff",
255
255
  boxShadow: "inset 0 1px 4px rgba(0,0,0,0.02)"
256
- }, children: /* @__PURE__ */ t(x, { style: {
257
- margin: "0",
256
+ }, children: /* @__PURE__ */ e(A, { style: {
257
+ padding: "0px 4px",
258
258
  border: "none",
259
259
  borderRadius: "15px",
260
260
  overflow: "hidden"
261
- }, children: /* @__PURE__ */ p(A, { style: { marginBottom: 0 }, children: [
262
- /* @__PURE__ */ t("thead", { style: { visibility: "collapse" }, children: /* @__PURE__ */ t("tr", { children: [
263
- { label: "Trading Name", key: "trading_as", width: "180px" },
264
- { label: "Client", key: "customer_name", width: "180px" },
265
- { label: "Orders", key: "orders", width: "90px" },
266
- { label: "Products", key: "return_order_products", width: "90px" },
267
- { label: "RTS", key: "RTS", width: "80px" },
268
- { label: "Pending", key: "PENDING", width: "90px" },
269
- { label: "Claims Paid", key: "CLAIMS PAID", width: "110px" },
270
- { label: "Dispose", key: "DISPOSE", width: "90px" },
271
- { label: "Re-allocate", key: "RE-ALLOCATE", width: "110px" },
272
- { label: "Re-Del", key: "RE-Del", width: "90px" },
273
- { label: "Recycle", key: "RECYCLE", width: "90px" },
274
- { label: "Unknown", key: "UNKNOWN", width: "90px" }
275
- ].map(({ label: e, key: l, width: i }) => /* @__PURE__ */ t("th", { style: { padding: "0 15px", border: "none", height: 0, width: i }, children: /* @__PURE__ */ t("div", { style: { display: "flex" }, children: e }) }, `hidden-${l}`)) }) }),
276
- /* @__PURE__ */ p("tbody", { children: [
277
- d(r, !1),
278
- r?.children?.map((e) => d(e, !0))
279
- ] })
280
- ] }) }) }) }) }, `group-${n}`);
261
+ }, children: /* @__PURE__ */ e(L, { style: { marginBottom: 0, borderSpacing: "0 2px" }, children: /* @__PURE__ */ g("tbody", { children: [
262
+ i(r, !1),
263
+ r?.children?.map((t) => i(t, !0))
264
+ ] }) }) }) }) }) }, `group-${n}`);
281
265
  }) })
282
266
  ] }) }) });
283
267
  };
284
268
  export {
285
- re as default
269
+ rt as default
286
270
  };
287
271
  //# sourceMappingURL=ReturnTable.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ReturnTable.js","sources":["../../../../src/components/order-daily-overview/table/ReturnTable.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport { useAtom, useClientData, useInternalSearchText } from '../../order-view/store';\nimport { useStatsLoading } from '../store/store';\nimport {\n ColumStyle,\n EmptyDataContainer,\n GreyBox,\n StyledTable,\n StyledTableWrapper,\n} from './table-data/styles';\nimport { Empty, Skeleton } from 'antd';\nimport { useNavigate } from 'react-router-dom';\nimport { filtersReducerAtom } from '../header-filters/filterStore';\nimport { useCustomerData } from '../../store';\nimport SortIcon from '../../../common/SortIcon';\nimport CaretDownFilledIcon from '../../../common/CaretDownFilledIcon';\n\nconst ReturnTable: React.FC = () => {\n const [clientData] = useClientData();\n const [statsLoading] = useStatsLoading();\n const [, dispatch] = useAtom(filtersReducerAtom);\n const navigate = useNavigate();\n const [customers] = useCustomerData();\n const [debouncedSearchText] = useInternalSearchText();\n // const [searchParams] = useSearchParams();\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 => {\n if (prev?.key === key && prev.direction === 'asc') {\n return { key, direction: 'desc' };\n }\n return { key, direction: 'asc' };\n });\n };\n\n //updated client data\n const updatedData = useMemo(() => {\n\n let baseCustomers = (debouncedSearchText && debouncedSearchText?.length > 0)\n ? (clientData || [])\n : (customers || []);\n\n const mappedCustomers = baseCustomers?.map((customer: any) => {\n // Normal state: Merge aggregate stats from the stats API onto the generic customers list\n const matchingClientStats = clientData?.find((client: any) =>\n client?.customer_id != null && client?.customer_id.toString() === customer?.customer_id?.toString()\n );\n\n let processedChildren = customer?.children?.map((child: any) => {\n const matchingChildStats = clientData?.find((client: any) =>\n client?.customer_id != null && client?.customer_id.toString() === child?.customer_id?.toString()\n );\n return {\n ...child,\n ...matchingChildStats,\n };\n });\n\n return {\n ...customer,\n ...matchingClientStats,\n children: processedChildren,\n };\n }) || [];\n\n return mappedCustomers;\n }, [customers, clientData, debouncedSearchText]);\n\n const sortedData = useMemo(() => {\n if (!updatedData || !sortConfig) return updatedData;\n\n const { key, direction } = sortConfig;\n return [...updatedData].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 }, [updatedData, 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 //handle Redirect\n const handleRedirect = (customerId: number) => {\n if (customerId) {\n dispatch({\n type: 'SET_CLIENT_FILTER',\n payload: customerId,\n });\n dispatch({\n type: 'SET_PAGE',\n payload: 1,\n });\n } else {\n dispatch({\n type: 'SET_CLIENT_FILTER',\n payload: [],\n });\n }\n\n const queryParams = new URLSearchParams({\n customerId: customerId?.toString(),\n });\n //for dev\n navigate(`/orders/view/return/filter?${queryParams.toString()}`);\n\n //for local\n // navigate(`/filter?${queryParams.toString()}`);\n };\n\n //for RTS\n const handleRedirectRTS = (customerId: number, RTS: string) => {\n if (customerId) {\n dispatch({\n type: 'SET_CLIENT_FILTER',\n payload: customerId,\n });\n dispatch({\n type: 'SET_PAGE',\n payload: 1,\n });\n } else {\n dispatch({\n type: 'SET_CLIENT_FILTER',\n payload: [],\n });\n }\n\n const queryParams = new URLSearchParams({\n customerId: customerId?.toString(),\n type: RTS,\n });\n //for dev\n navigate(`/orders/view/return/filter?${queryParams.toString()}`);\n\n //for local\n //navigate(`/filter?${queryParams.toString()}`);\n };\n\n return (\n <>\n <StyledTableWrapper>\n <StyledTable>\n <thead>\n <tr>\n {[\n { label: 'Trading Name', key: 'trading_as', width: '180px', align: 'left' },\n { label: 'Client', key: 'customer_name', width: '180px', align: 'center' },\n { label: 'Orders', key: 'orders', width: '90px', align: 'center' },\n { label: 'Products', key: 'return_order_products', width: '90px', align: 'center' },\n { label: 'RTS', key: 'RTS', width: '80px', align: 'center' },\n { label: 'Pending', key: 'PENDING', width: '90px', align: 'center' },\n { label: 'Claims Paid', key: 'CLAIMS PAID', width: '110px', align: 'center' },\n { label: 'Dispose', key: 'DISPOSE', width: '90px', align: 'center' },\n { label: 'Re-allocate', key: 'RE-ALLOCATE', width: '110px', align: 'center' },\n { label: 'Re-Del', key: 'RE-Del', width: '90px', align: 'center' },\n { label: 'Recycle', key: 'RECYCLE', width: '90px', align: 'center' },\n { label: 'Unknown', key: 'UNKNOWN', width: '90px', align: 'center' },\n ].map(({ label, key, width, align }) => (\n <th key={key} onClick={() => handleSort(key)} style={{ whiteSpace: 'nowrap', width, textAlign: align as any }}>\n <div style={{ display: 'flex', cursor: 'pointer', justifyContent: align === 'left' ? 'flex-start' : 'center' }}>\n {label} <span>{renderSortIcon(key)}</span>\n </div>\n </th>\n ))}\n </tr>\n </thead>\n <tbody>\n {statsLoading ? (\n <tr>\n <td colSpan={12}>\n <Skeleton active />\n </td>\n </tr>\n ) : sortedData?.length === 0 ? (\n <tr>\n <td colSpan={12}>\n <EmptyDataContainer>\n <Empty />\n </EmptyDataContainer>\n </td>\n </tr>\n ) : (\n sortedData?.map((key: any, index: number) => {\n if (!key) return null; // Safe rendering fallback \n\n const renderDataRow = (rowKey: any, isChild: boolean = false) => {\n if (!rowKey) return null; // Prevent properties of undefined UI crashes\n\n return (\n <tr key={isChild ? `child-${rowKey?.customer_id}` : rowKey?.customer_id} style={isChild ? { backgroundColor: '#ffffff' } : {}}>\n <td\n style={{\n paddingLeft: '15px',\n color: 'inherit',\n }}\n >\n <span style={{ fontWeight: !isChild && rowKey?.children?.length > 0 ? 600 : 400 }}>\n {rowKey?.trading_as}\n </span>\n </td>\n\n <td\n onClick={() => handleRedirect(rowKey?.customer_id)}\n style={{\n color: '#0099ff',\n fontWeight: 600,\n cursor: 'pointer',\n textAlign: 'center',\n }}\n >\n <span>{rowKey?.customer_name}</span>\n </td>\n\n <td style={{ textAlign: 'center' }}>\n <ColumStyle>\n <GreyBox>{rowKey?.orders ?? 0}</GreyBox>\n </ColumStyle>\n </td>\n\n <td style={{ textAlign: 'center' }}>\n <ColumStyle>\n <GreyBox>{rowKey?.return_order_products ?? 0}</GreyBox>\n </ColumStyle>\n </td>\n <td\n style={{\n color: rowKey?.RTS > 0 ? '#0099ff' : 'inherit',\n fontWeight: rowKey?.RTS > 0 ? 600 : 'normal',\n cursor: rowKey?.RTS > 0 ? 'pointer' : 'default',\n textAlign: 'center',\n }}\n onClick={\n rowKey?.RTS > 0\n ? () => handleRedirectRTS(rowKey?.customer_id, 'RTS')\n : undefined\n }\n >\n <ColumStyle>\n <GreyBox\n style={{\n backgroundColor:\n rowKey?.RTS > 0\n ? 'rgba(99, 150, 229, 0.1)'\n : 'rgba(153, 153, 153, 0.1)',\n }}\n >\n {rowKey?.RTS ?? 0}\n </GreyBox>\n </ColumStyle>\n </td>\n\n <td style={{ textAlign: 'center' }}>\n <ColumStyle>\n <GreyBox>{rowKey?.PENDING ?? 0}</GreyBox>\n </ColumStyle>\n </td>\n <td\n style={{\n color: rowKey?.['CLAIMS PAID'] > 0 ? '#0099ff' : 'inherit',\n fontWeight: rowKey?.['CLAIMS PAID'] > 0 ? 600 : 'normal',\n cursor: rowKey?.['CLAIMS PAID'] > 0 ? 'pointer' : 'default',\n textAlign: 'center',\n }}\n onClick={\n rowKey?.['CLAIMS PAID'] > 0\n ? () => handleRedirectRTS(rowKey?.customer_id, 'CLAIMS PAID')\n : undefined\n }\n >\n <ColumStyle>\n <GreyBox\n style={{\n backgroundColor:\n rowKey?.['CLAIMS PAID'] > 0\n ? 'rgba(99, 150, 229, 0.1)'\n : 'rgba(153, 153, 153, 0.1)',\n }}\n >\n {rowKey?.['CLAIMS PAID'] ?? 0}\n </GreyBox>\n </ColumStyle>\n </td>\n <td\n style={{\n color: rowKey?.DISPOSE > 0 ? '#0099ff' : 'inherit',\n fontWeight: rowKey?.DISPOSE > 0 ? 600 : 'normal',\n cursor: rowKey?.DISPOSE > 0 ? 'pointer' : 'default',\n textAlign: 'center',\n }}\n onClick={\n rowKey?.DISPOSE > 0\n ? () => handleRedirectRTS(rowKey?.customer_id, 'DISPOSE')\n : undefined\n }\n >\n <ColumStyle>\n <GreyBox\n style={{\n backgroundColor:\n rowKey?.DISPOSE > 0\n ? 'rgba(99, 150, 229, 0.1)'\n : 'rgba(153, 153, 153, 0.1)',\n }}\n >\n {rowKey?.DISPOSE ?? 0}\n </GreyBox>\n </ColumStyle>\n </td>\n <td\n style={{\n color: rowKey?.['RE-ALLOCATE'] > 0 ? '#0099ff' : 'inherit',\n fontWeight: rowKey?.['RE-ALLOCATE'] > 0 ? 600 : 'normal',\n cursor: rowKey?.['RE-ALLOCATE'] > 0 ? 'pointer' : 'default',\n textAlign: 'center',\n }}\n onClick={\n rowKey?.['RE-ALLOCATE'] > 0\n ? () => handleRedirectRTS(rowKey?.customer_id, 'RE-ALLOCATE')\n : undefined\n }\n >\n <ColumStyle>\n <GreyBox\n style={{\n backgroundColor:\n rowKey?.['RE-ALLOCATE'] > 0\n ? 'rgba(99, 150, 229, 0.1)'\n : 'rgba(153, 153, 153, 0.1)',\n }}\n >\n {rowKey?.['RE-ALLOCATE'] ?? 0}\n </GreyBox>\n </ColumStyle>\n </td>\n <td style={{ textAlign: 'center' }}>\n <ColumStyle>\n <GreyBox>{rowKey?.['RE-DEL'] ?? 0}</GreyBox>\n </ColumStyle>\n </td>\n <td\n style={{\n color: rowKey?.RECYCLE > 0 ? '#0099ff' : 'inherit',\n fontWeight: rowKey?.RECYCLE > 0 ? 600 : 'normal',\n cursor: rowKey?.RECYCLE > 0 ? 'pointer' : 'default',\n textAlign: 'center',\n }}\n onClick={\n rowKey?.RECYCLE > 0\n ? () => handleRedirectRTS(rowKey?.customer_id, 'RECYCLE')\n : undefined\n }\n >\n <ColumStyle>\n <GreyBox\n style={{\n backgroundColor:\n rowKey?.RECYCLE > 0\n ? 'rgba(99, 150, 229, 0.1)'\n : 'rgba(153, 153, 153, 0.1)',\n }}\n >\n {rowKey?.RECYCLE ?? 0}\n </GreyBox>\n </ColumStyle>\n </td>\n <td\n style={{\n color: rowKey?.UNKNOWN > 0 ? '#0099ff' : 'inherit',\n fontWeight: rowKey?.UNKNOWN > 0 ? 600 : 'normal',\n cursor: rowKey?.UNKNOWN > 0 ? 'pointer' : 'default',\n textAlign: 'center',\n }}\n onClick={\n rowKey?.UNKNOWN > 0\n ? () => handleRedirectRTS(rowKey?.customer_id, 'UNKNOWN')\n : undefined\n }\n >\n <ColumStyle>\n <GreyBox\n style={{\n backgroundColor:\n rowKey?.UNKNOWN > 0\n ? 'rgba(99, 150, 229, 0.1)'\n : 'rgba(153, 153, 153, 0.1)',\n }}\n >\n {rowKey?.UNKNOWN ?? 0}\n </GreyBox>\n </ColumStyle>\n </td>\n </tr>\n );\n };\n\n if (!key?.children || key?.children?.length === 0) {\n return <React.Fragment key={index}>{renderDataRow(key, false)}</React.Fragment>;\n }\n\n return (\n <tr key={`group-${index}`}>\n <td colSpan={12} style={{ padding: 0, border: 'none', background: 'transparent' }}>\n <div style={{\n margin: '12px 10px',\n backgroundColor: '#f8fafc',\n borderRadius: '16px',\n border: '1px solid rgba(0,0,0,0.08)',\n borderLeft: '4px solid #0099ff',\n boxShadow: 'inset 0 1px 4px rgba(0,0,0,0.02)'\n }}>\n <StyledTableWrapper style={{\n margin: '0',\n border: 'none',\n borderRadius: '15px',\n overflow: 'hidden'\n }}>\n <StyledTable style={{ marginBottom: 0 }}>\n <thead style={{ visibility: 'collapse' }}>\n <tr>\n {[\n { label: 'Trading Name', key: 'trading_as', width: '180px' },\n { label: 'Client', key: 'customer_name', width: '180px' },\n { label: 'Orders', key: 'orders', width: '90px' },\n { label: 'Products', key: 'return_order_products', width: '90px' },\n { label: 'RTS', key: 'RTS', width: '80px' },\n { label: 'Pending', key: 'PENDING', width: '90px' },\n { label: 'Claims Paid', key: 'CLAIMS PAID', width: '110px' },\n { label: 'Dispose', key: 'DISPOSE', width: '90px' },\n { label: 'Re-allocate', key: 'RE-ALLOCATE', width: '110px' },\n { label: 'Re-Del', key: 'RE-Del', width: '90px' },\n { label: 'Recycle', key: 'RECYCLE', width: '90px' },\n { label: 'Unknown', key: 'UNKNOWN', width: '90px' },\n ].map(({ label, key: thKey, width }) => (\n <th key={`hidden-${thKey}`} style={{ padding: '0 15px', border: 'none', height: 0, width }}>\n <div style={{ display: 'flex' }}>{label}</div>\n </th>\n ))}\n </tr>\n </thead>\n <tbody>\n {renderDataRow(key, false)}\n {key?.children?.map((child: any) => renderDataRow(child, true))}\n </tbody>\n </StyledTable>\n </StyledTableWrapper>\n </div>\n </td>\n </tr>\n );\n })\n )}\n </tbody>\n </StyledTable>\n </StyledTableWrapper>\n </>\n );\n};\n\nexport default ReturnTable;\n"],"names":["ReturnTable","clientData","useClientData","statsLoading","useStatsLoading","dispatch","useAtom","filtersReducerAtom","navigate","useNavigate","customers","useCustomerData","debouncedSearchText","useInternalSearchText","sortConfig","setSortConfig","useState","handleSort","key","prev","updatedData","useMemo","customer","matchingClientStats","client","processedChildren","child","matchingChildStats","sortedData","direction","a","b","valueA","valueB","renderSortIcon","columnKey","SortIcon","CaretDownFilledIcon","handleRedirect","customerId","queryParams","handleRedirectRTS","RTS","jsx","Fragment","StyledTableWrapper","jsxs","StyledTable","label","width","align","Skeleton","EmptyDataContainer","Empty","index","renderDataRow","rowKey","isChild","ColumStyle","GreyBox","React","thKey"],"mappings":"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"}
1
+ {"version":3,"file":"ReturnTable.js","sources":["../../../../src/components/order-daily-overview/table/ReturnTable.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport { useAtom, useClientData, useInternalSearchText } from '../../order-view/store';\nimport { useStatsLoading } from '../store/store';\nimport {\n ColumStyle,\n EmptyDataContainer,\n GreyBox,\n StyledTable,\n StyledTableWrapper,\n} from './table-data/styles';\nimport { Empty, Skeleton } from 'antd';\nimport { useNavigate } from 'react-router-dom';\nimport { filtersReducerAtom } from '../header-filters/filterStore';\nimport { useCustomerData } from '../../store';\nimport SortIcon from '../../../common/SortIcon';\nimport CaretDownFilledIcon from '../../../common/CaretDownFilledIcon';\n\nconst ReturnTable: React.FC = () => {\n const [clientData] = useClientData();\n const [statsLoading] = useStatsLoading();\n const [, dispatch] = useAtom(filtersReducerAtom);\n const navigate = useNavigate();\n const [customers] = useCustomerData();\n const [debouncedSearchText] = useInternalSearchText();\n // const [searchParams] = useSearchParams();\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 => {\n if (prev?.key === key && prev.direction === 'asc') {\n return { key, direction: 'desc' };\n }\n return { key, direction: 'asc' };\n });\n };\n\n //updated client data\n const updatedData = useMemo(() => {\n\n let baseCustomers = (debouncedSearchText && debouncedSearchText?.length > 0)\n ? (clientData || [])\n : (customers || []);\n\n const mappedCustomers = baseCustomers?.map((customer: any) => {\n // Normal state: Merge aggregate stats from the stats API onto the generic customers list\n const matchingClientStats = clientData?.find((client: any) =>\n client?.customer_id != null && client?.customer_id.toString() === customer?.customer_id?.toString()\n );\n\n let processedChildren = customer?.children?.map((child: any) => {\n const matchingChildStats = clientData?.find((client: any) =>\n client?.customer_id != null && client?.customer_id.toString() === child?.customer_id?.toString()\n );\n return {\n ...child,\n ...matchingChildStats,\n };\n });\n\n return {\n ...customer,\n ...matchingClientStats,\n children: processedChildren,\n };\n }) || [];\n\n return mappedCustomers;\n }, [customers, clientData, debouncedSearchText]);\n\n const sortedData = useMemo(() => {\n if (!updatedData || !sortConfig) return updatedData;\n\n const { key, direction } = sortConfig;\n return [...updatedData].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 }, [updatedData, 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 //handle Redirect\n const handleRedirect = (customerId: number) => {\n if (customerId) {\n dispatch({\n type: 'SET_CLIENT_FILTER',\n payload: customerId,\n });\n dispatch({\n type: 'SET_PAGE',\n payload: 1,\n });\n } else {\n dispatch({\n type: 'SET_CLIENT_FILTER',\n payload: [],\n });\n }\n\n const queryParams = new URLSearchParams({\n customerId: customerId?.toString(),\n });\n //for dev\n navigate(`/orders/view/return/filter?${queryParams.toString()}`);\n\n //for local\n // navigate(`/filter?${queryParams.toString()}`);\n };\n\n //for RTS\n const handleRedirectRTS = (customerId: number, RTS: string) => {\n if (customerId) {\n dispatch({\n type: 'SET_CLIENT_FILTER',\n payload: customerId,\n });\n dispatch({\n type: 'SET_PAGE',\n payload: 1,\n });\n } else {\n dispatch({\n type: 'SET_CLIENT_FILTER',\n payload: [],\n });\n }\n\n const queryParams = new URLSearchParams({\n customerId: customerId?.toString(),\n type: RTS,\n });\n //for dev\n navigate(`/orders/view/return/filter?${queryParams.toString()}`);\n\n //for local\n //navigate(`/filter?${queryParams.toString()}`);\n };\n\n return (\n <>\n <StyledTableWrapper>\n <StyledTable>\n <thead>\n <tr>\n {[\n { label: 'Trading Name', key: 'trading_as', width: '180px', align: 'left' },\n { label: 'Client', key: 'customer_name', width: '180px', align: 'center' },\n { label: 'Orders', key: 'orders', width: '90px', align: 'center' },\n { label: 'Products', key: 'return_order_products', width: '90px', align: 'center' },\n { label: 'RTS', key: 'RTS', width: '80px', align: 'center' },\n { label: 'Pending', key: 'PENDING', width: '90px', align: 'center' },\n { label: 'Claims Paid', key: 'CLAIMS PAID', width: '110px', align: 'center' },\n { label: 'Dispose', key: 'DISPOSE', width: '90px', align: 'center' },\n { label: 'Re-allocate', key: 'RE-ALLOCATE', width: '110px', align: 'center' },\n { label: 'Re-Del', key: 'RE-Del', width: '90px', align: 'center' },\n { label: 'Recycle', key: 'RECYCLE', width: '90px', align: 'center' },\n { label: 'Unknown', key: 'UNKNOWN', width: '90px', align: 'center' },\n ].map(({ label, key, width, align }) => (\n <th key={key} onClick={() => handleSort(key)} style={{ whiteSpace: 'nowrap', width, textAlign: align as any }}>\n <div style={{ display: 'flex', cursor: 'pointer', justifyContent: align === 'left' ? 'flex-start' : 'center' }}>\n {label} <span>{renderSortIcon(key)}</span>\n </div>\n </th>\n ))}\n </tr>\n </thead>\n <tbody>\n {statsLoading ? (\n <tr>\n <td colSpan={12}>\n <Skeleton active />\n </td>\n </tr>\n ) : sortedData?.length === 0 ? (\n <tr>\n <td colSpan={12}>\n <EmptyDataContainer>\n <Empty />\n </EmptyDataContainer>\n </td>\n </tr>\n ) : (\n sortedData?.map((key: any, index: number) => {\n if (!key) return null; // Safe rendering fallback \n\n const renderDataRow = (rowKey: any, isChild: boolean = false) => {\n if (!rowKey) return null; // Prevent properties of undefined UI crashes\n\n return (\n <tr key={isChild ? `child-${rowKey?.customer_id}` : rowKey?.customer_id} style={isChild ? { backgroundColor: '#ffffff' } : {}}>\n <td\n style={{\n paddingLeft: '15px',\n color: 'inherit',\n }}\n >\n <span style={{ fontWeight: !isChild && rowKey?.children?.length > 0 ? 600 : 400 }}>\n {rowKey?.trading_as}\n </span>\n </td>\n\n <td\n onClick={() => handleRedirect(rowKey?.customer_id)}\n style={{\n color: '#0099ff',\n fontWeight: 600,\n cursor: 'pointer',\n textAlign: 'center',\n }}\n >\n <span>{rowKey?.customer_name}</span>\n </td>\n\n <td style={{ textAlign: 'center' }}>\n <ColumStyle>\n <GreyBox>{rowKey?.orders ?? 0}</GreyBox>\n </ColumStyle>\n </td>\n\n <td style={{ textAlign: 'center' }}>\n <ColumStyle>\n <GreyBox>{rowKey?.return_order_products ?? 0}</GreyBox>\n </ColumStyle>\n </td>\n <td\n style={{\n color: rowKey?.RTS > 0 ? '#0099ff' : 'inherit',\n fontWeight: rowKey?.RTS > 0 ? 600 : 'normal',\n cursor: rowKey?.RTS > 0 ? 'pointer' : 'default',\n textAlign: 'center',\n }}\n onClick={\n rowKey?.RTS > 0\n ? () => handleRedirectRTS(rowKey?.customer_id, 'RTS')\n : undefined\n }\n >\n <ColumStyle>\n <GreyBox\n style={{\n backgroundColor:\n rowKey?.RTS > 0\n ? 'rgba(99, 150, 229, 0.1)'\n : 'rgba(153, 153, 153, 0.1)',\n }}\n >\n {rowKey?.RTS ?? 0}\n </GreyBox>\n </ColumStyle>\n </td>\n\n <td style={{ textAlign: 'center' }}>\n <ColumStyle>\n <GreyBox>{rowKey?.PENDING ?? 0}</GreyBox>\n </ColumStyle>\n </td>\n <td\n style={{\n color: rowKey?.['CLAIMS PAID'] > 0 ? '#0099ff' : 'inherit',\n fontWeight: rowKey?.['CLAIMS PAID'] > 0 ? 600 : 'normal',\n cursor: rowKey?.['CLAIMS PAID'] > 0 ? 'pointer' : 'default',\n textAlign: 'center',\n }}\n onClick={\n rowKey?.['CLAIMS PAID'] > 0\n ? () => handleRedirectRTS(rowKey?.customer_id, 'CLAIMS PAID')\n : undefined\n }\n >\n <ColumStyle>\n <GreyBox\n style={{\n backgroundColor:\n rowKey?.['CLAIMS PAID'] > 0\n ? 'rgba(99, 150, 229, 0.1)'\n : 'rgba(153, 153, 153, 0.1)',\n }}\n >\n {rowKey?.['CLAIMS PAID'] ?? 0}\n </GreyBox>\n </ColumStyle>\n </td>\n <td\n style={{\n color: rowKey?.DISPOSE > 0 ? '#0099ff' : 'inherit',\n fontWeight: rowKey?.DISPOSE > 0 ? 600 : 'normal',\n cursor: rowKey?.DISPOSE > 0 ? 'pointer' : 'default',\n textAlign: 'center',\n }}\n onClick={\n rowKey?.DISPOSE > 0\n ? () => handleRedirectRTS(rowKey?.customer_id, 'DISPOSE')\n : undefined\n }\n >\n <ColumStyle>\n <GreyBox\n style={{\n backgroundColor:\n rowKey?.DISPOSE > 0\n ? 'rgba(99, 150, 229, 0.1)'\n : 'rgba(153, 153, 153, 0.1)',\n }}\n >\n {rowKey?.DISPOSE ?? 0}\n </GreyBox>\n </ColumStyle>\n </td>\n <td\n style={{\n color: rowKey?.['RE-ALLOCATE'] > 0 ? '#0099ff' : 'inherit',\n fontWeight: rowKey?.['RE-ALLOCATE'] > 0 ? 600 : 'normal',\n cursor: rowKey?.['RE-ALLOCATE'] > 0 ? 'pointer' : 'default',\n textAlign: 'center',\n }}\n onClick={\n rowKey?.['RE-ALLOCATE'] > 0\n ? () => handleRedirectRTS(rowKey?.customer_id, 'RE-ALLOCATE')\n : undefined\n }\n >\n <ColumStyle>\n <GreyBox\n style={{\n backgroundColor:\n rowKey?.['RE-ALLOCATE'] > 0\n ? 'rgba(99, 150, 229, 0.1)'\n : 'rgba(153, 153, 153, 0.1)',\n }}\n >\n {rowKey?.['RE-ALLOCATE'] ?? 0}\n </GreyBox>\n </ColumStyle>\n </td>\n <td style={{ textAlign: 'center' }}>\n <ColumStyle>\n <GreyBox>{rowKey?.['RE-DEL'] ?? 0}</GreyBox>\n </ColumStyle>\n </td>\n <td\n style={{\n color: rowKey?.RECYCLE > 0 ? '#0099ff' : 'inherit',\n fontWeight: rowKey?.RECYCLE > 0 ? 600 : 'normal',\n cursor: rowKey?.RECYCLE > 0 ? 'pointer' : 'default',\n textAlign: 'center',\n }}\n onClick={\n rowKey?.RECYCLE > 0\n ? () => handleRedirectRTS(rowKey?.customer_id, 'RECYCLE')\n : undefined\n }\n >\n <ColumStyle>\n <GreyBox\n style={{\n backgroundColor:\n rowKey?.RECYCLE > 0\n ? 'rgba(99, 150, 229, 0.1)'\n : 'rgba(153, 153, 153, 0.1)',\n }}\n >\n {rowKey?.RECYCLE ?? 0}\n </GreyBox>\n </ColumStyle>\n </td>\n <td\n style={{\n color: rowKey?.UNKNOWN > 0 ? '#0099ff' : 'inherit',\n fontWeight: rowKey?.UNKNOWN > 0 ? 600 : 'normal',\n cursor: rowKey?.UNKNOWN > 0 ? 'pointer' : 'default',\n textAlign: 'center',\n }}\n onClick={\n rowKey?.UNKNOWN > 0\n ? () => handleRedirectRTS(rowKey?.customer_id, 'UNKNOWN')\n : undefined\n }\n >\n <ColumStyle>\n <GreyBox\n style={{\n backgroundColor:\n rowKey?.UNKNOWN > 0\n ? 'rgba(99, 150, 229, 0.1)'\n : 'rgba(153, 153, 153, 0.1)',\n }}\n >\n {rowKey?.UNKNOWN ?? 0}\n </GreyBox>\n </ColumStyle>\n </td>\n </tr>\n );\n };\n\n if (!key?.children || key?.children?.length === 0) {\n return <React.Fragment key={index}>{renderDataRow(key, false)}</React.Fragment>;\n }\n\n return (\n <tr key={`group-${index}`}>\n <td colSpan={12} style={{ padding: 0, border: 'none', background: 'transparent' }}>\n <div style={{\n margin: '3px 10px',\n backgroundColor: '#f8fafc',\n borderRadius: '16px',\n border: '1px solid rgba(0,0,0,0.08)',\n borderLeft: '4px solid #0099ff',\n boxShadow: 'inset 0 1px 4px rgba(0,0,0,0.02)'\n }}>\n <StyledTableWrapper style={{\n padding: '0px 4px',\n border: 'none',\n borderRadius: '15px',\n overflow: 'hidden'\n }}>\n <StyledTable style={{ marginBottom: 0, borderSpacing: '0 2px' }}>\n <tbody>\n {renderDataRow(key, false)}\n {key?.children?.map((child: any) => renderDataRow(child, true))}\n </tbody>\n </StyledTable>\n </StyledTableWrapper>\n </div>\n </td>\n </tr>\n );\n })\n )}\n </tbody>\n </StyledTable>\n </StyledTableWrapper>\n </>\n );\n};\n\nexport default ReturnTable;\n"],"names":["ReturnTable","clientData","useClientData","statsLoading","useStatsLoading","dispatch","useAtom","filtersReducerAtom","navigate","useNavigate","customers","useCustomerData","debouncedSearchText","useInternalSearchText","sortConfig","setSortConfig","useState","handleSort","key","prev","updatedData","useMemo","customer","matchingClientStats","client","processedChildren","child","matchingChildStats","sortedData","direction","a","b","valueA","valueB","renderSortIcon","columnKey","SortIcon","CaretDownFilledIcon","handleRedirect","customerId","queryParams","handleRedirectRTS","RTS","jsx","Fragment","StyledTableWrapper","jsxs","StyledTable","label","width","align","Skeleton","EmptyDataContainer","Empty","index","renderDataRow","rowKey","isChild","ColumStyle","GreyBox","React"],"mappings":"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"}
@@ -13,6 +13,7 @@ function T() {
13
13
  }, d = () => {
14
14
  switch (a()) {
15
15
  case "release_uk":
16
+ return "https://api.bjshomedelivery.com/v2/orders/labels";
16
17
  case "release_us":
17
18
  return "https://us.api.bjshomedelivery.com/v2/orders/labels";
18
19
  case "staging":
@@ -23,7 +24,7 @@ function T() {
23
24
  }, c = (e) => {
24
25
  const r = e?.toLowerCase()?.replaceAll(" ", ""), n = d();
25
26
  return s ? r === "returnlabels" ? `${n}/generate_labels?pdf=true&product_type=Return&order_id=${s}` : "" : (console.error("Missing orderId. Cannot generate Return Labels URL."), "");
26
- }, u = (e) => {
27
+ }, p = (e) => {
27
28
  const r = e?.value, n = w();
28
29
  if (r)
29
30
  if (r === "returncovernote")
@@ -40,7 +41,7 @@ function T() {
40
41
  const m = c(r);
41
42
  window.open(m, "_blank");
42
43
  }
43
- }, p = {
44
+ }, u = {
44
45
  items: g?.map((e) => ({
45
46
  key: e.value,
46
47
  label: e.label,
@@ -51,7 +52,7 @@ function T() {
51
52
  "div",
52
53
  {
53
54
  onClick: (r) => {
54
- r.stopPropagation(), u(e);
55
+ r.stopPropagation(), p(e);
55
56
  },
56
57
  children: e.label
57
58
  }
@@ -59,12 +60,12 @@ function T() {
59
60
  // disabled,
60
61
  }))
61
62
  };
62
- return /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(b, { menu: p, trigger: ["hover"], children: /* @__PURE__ */ t("a", { onClick: (e) => e.preventDefault(), style: { cursor: "pointer" }, children: /* @__PURE__ */ f(k, { children: [
63
+ return /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(b, { menu: u, trigger: ["hover"], children: /* @__PURE__ */ t("a", { onClick: (e) => e.preventDefault(), style: { cursor: "pointer" }, children: /* @__PURE__ */ f(j, { children: [
63
64
  "PRINT",
64
65
  /* @__PURE__ */ t(y, { fill: "#f0f2f2" })
65
66
  ] }) }) }) });
66
67
  }
67
- const P = i.div``, k = i(h)`
68
+ const P = i.div``, j = i(h)`
68
69
  .ant-space-item {
69
70
  color: #6a7378;
70
71
  text-align: center;
@@ -1 +1 @@
1
- {"version":3,"file":"Print.js","sources":["../../../../../src/components/order-view/general-information/dropdowns/Print.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport styled from 'styled-components';\nimport { PrintMenu } from '../../fakedata';\nimport { useOrderDetails } from '../../store';\nimport { Dropdown, Space } from 'antd';\nimport ArrowDownIcon from '../../../../assets/icons/ArrowDownIcon';\nimport { getBaseEndpoint } from '@bjsdistribution/dms-component-library';\n\nfunction Print() {\n const [orderDetails] = useOrderDetails();\n const gsitId = orderDetails?.gsit_order_id;\n\n const orderId = useMemo(() => {\n return orderDetails?.id;\n }, [orderDetails]);\n\n const getEnvironment = ():\n | 'development'\n | 'release_us'\n | 'release_uk'\n | 'staging' => {\n const projectEnv = process.env.REACT_APP_PROJECT_ENV;\n const apiPath = process.env.REACT_APP_API_PATH;\n\n if (apiPath === 'https://us.dms.api.bjshomedelivery.com') {\n return 'release_us';\n }\n if (apiPath === 'https://development.dms.api.bjshomedelivery.com') {\n return 'development';\n }\n if (apiPath === 'https://staging.dms.api.bjshomedelivery.com') {\n return 'staging';\n }\n\n if (projectEnv === 'release_uk') {\n return 'release_uk';\n }\n if (projectEnv === 'release_us') {\n return 'release_us';\n }\n if (projectEnv === 'staging') {\n return 'staging';\n }\n return 'development';\n };\n\n const getBaseUrl = (): string => {\n const environment = getEnvironment();\n switch (environment) {\n case 'release_uk':\n case 'release_us':\n return 'https://us.api.bjshomedelivery.com/v2/orders/labels';\n case 'staging':\n return 'https://staging.api.bjshomedelivery.com/v2/orders/labels';\n default:\n return 'https://api.development.bjshomedelivery.com/v2/orders/labels';\n }\n };\n\n const getUrl = (option: string) => {\n const val = option?.toLowerCase()?.replaceAll(' ', '');\n const baseUrl = getBaseUrl();\n\n if (!gsitId) {\n console.error('Missing orderId. Cannot generate Return Labels URL.');\n return '';\n }\n if (val === 'returnlabels') {\n return `${baseUrl}/generate_labels?pdf=true&product_type=Return&order_id=${gsitId}`;\n } else {\n return '';\n }\n };\n\n const handleSelectChange = (selectedOption: any) => {\n const selectedValue = selectedOption?.value;\n const baseEndpoint = getBaseEndpoint();\n if (selectedValue) {\n //return\n if (selectedValue === 'returncovernote') {\n window.open(\n `${baseEndpoint}/orders/return_cover_notes/?order_id=${orderId}`,\n '_blank'\n );\n //proof\n } else if (selectedValue === 'proofofdelivery') {\n window.open(\n `${baseEndpoint}/orders/generate_note/?order_id=${orderId}&output_format=pdf`,\n '_blank'\n );\n } else {\n const url = getUrl(selectedValue);\n window.open(url, '_blank');\n }\n }\n };\n\n // const optionToLabelKey: Record<string, keyof typeof orderDetails.labels> = {\n // proofofdelivery: 'deliver',\n // returnlabels: 'return',\n // returncovernote: 'collect',\n // };\n\n // const isOptionDisabled = (optionValue: string) => {\n // const labels = orderDetails?.labels || {};\n // const labelKey = optionToLabelKey[optionValue];\n\n // if (!labelKey) return false;\n // return !labels[labelKey];\n // };\n\n const filteredOptions = PrintMenu?.map((option: any) => ({\n key: option.value,\n label: option.label,\n value: option.value,\n }));\n\n const menuItems = {\n items: filteredOptions?.map((option: any) => {\n // const disabled = isOptionDisabled(option.value);\n\n return {\n key: option.value,\n label: (\n <div\n onClick={e => {\n e.stopPropagation();\n // if (!disabled) {\n handleSelectChange(option);\n // }\n }}\n // style={{\n // color: disabled ? '#bfbfbf' : undefined,\n // cursor: disabled ? 'not-allowed' : 'pointer',\n // }}\n >\n {option.label}\n </div>\n ),\n // disabled,\n };\n }),\n };\n\n return (\n <Container>\n <Dropdown menu={menuItems} trigger={['hover']}>\n <a onClick={e => e.preventDefault()} style={{ cursor: 'pointer' }}>\n <StyledSpace>\n PRINT\n <ArrowDownIcon fill={'#f0f2f2'} />\n </StyledSpace>\n </a>\n </Dropdown>\n </Container>\n );\n}\n\nconst Container = styled.div``;\n\nconst StyledSpace = styled(Space)`\n .ant-space-item {\n color: #6a7378;\n text-align: center;\n font-family: Lato;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n }\n`;\n\nexport default Print;\n"],"names":["Print","orderDetails","useOrderDetails","gsitId","orderId","useMemo","getEnvironment","projectEnv","apiPath","getBaseUrl","getUrl","option","val","baseUrl","handleSelectChange","selectedOption","selectedValue","baseEndpoint","getBaseEndpoint","url","menuItems","PrintMenu","jsx","e","Container","Dropdown","jsxs","StyledSpace","ArrowDownIcon","styled","Space"],"mappings":";;;;;;;;AAQA,SAASA,IAAQ;AACf,QAAM,CAACC,CAAY,IAAIC,EAAA,GACjBC,IAASF,GAAc,eAEvBG,IAAUC,EAAQ,MACfJ,GAAc,IACpB,CAACA,CAAY,CAAC,GAEXK,IAAiB,MAIN;AACf,UAAMC,IAAa,QAAA,IAAY,uBACzBC,IAAU,QAAA,IAAY;AAE5B,WAAIA,MAAY,2CACP,eAELA,MAAY,oDACP,gBAELA,MAAY,gDACP,YAGLD,MAAe,eACV,eAELA,MAAe,eACV,eAELA,MAAe,YACV,YAEF;AAAA,EACT,GAEME,IAAa,MAAc;AAE/B,YADoBH,EAAA,GACZ;AAAA,MACN,KAAK;AAAA,MACL,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IAAA;AAAA,EAEb,GAEMI,IAAS,CAACC,MAAmB;AACjC,UAAMC,IAAMD,GAAQ,YAAA,GAAe,WAAW,KAAK,EAAE,GAC/CE,IAAUJ,EAAA;AAEhB,WAAKN,IAIDS,MAAQ,iBACH,GAAGC,CAAO,0DAA0DV,CAAM,KAE1E,MANP,QAAQ,MAAM,qDAAqD,GAC5D;AAAA,EAOX,GAEMW,IAAqB,CAACC,MAAwB;AAClD,UAAMC,IAAgBD,GAAgB,OAChCE,IAAeC,EAAA;AACrB,QAAIF;AAEF,UAAIA,MAAkB;AACpB,eAAO;AAAA,UACL,GAAGC,CAAY,wCAAwCb,CAAO;AAAA,UAC9D;AAAA,QAAA;AAAA,eAGOY,MAAkB;AAC3B,eAAO;AAAA,UACL,GAAGC,CAAY,mCAAmCb,CAAO;AAAA,UACzD;AAAA,QAAA;AAAA,WAEG;AACL,cAAMe,IAAMT,EAAOM,CAAa;AAChC,eAAO,KAAKG,GAAK,QAAQ;AAAA,MAC3B;AAAA,EAEJ,GAsBMC,IAAY;AAAA,IAChB,OAPsBC,GAAW,IAAI,CAACV,OAAiB;AAAA,MACvD,KAAKA,EAAO;AAAA,MACZ,OAAOA,EAAO;AAAA,MACd,OAAOA,EAAO;AAAA,IAAA,EACd,GAGwB,IAAI,CAACA,OAGpB;AAAA,MACL,KAAKA,EAAO;AAAA,MACZ,OACE,gBAAAW;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,CAAAC,MAAK;AACZ,YAAAA,EAAE,gBAAA,GAEFT,EAAmBH,CAAM;AAAA,UAE3B;AAAA,UAMC,UAAAA,EAAO;AAAA,QAAA;AAAA,MAAA;AAAA;AAAA,IACV,EAIL;AAAA,EAAA;AAGH,SACE,gBAAAW,EAACE,KACC,4BAACC,GAAA,EAAS,MAAML,GAAW,SAAS,CAAC,OAAO,GAC1C,UAAA,gBAAAE,EAAC,OAAE,SAAS,CAAA,MAAK,EAAE,eAAA,GAAkB,OAAO,EAAE,QAAQ,UAAA,GACpD,UAAA,gBAAAI,EAACC,GAAA,EAAY,UAAA;AAAA,IAAA;AAAA,IAEX,gBAAAL,EAACM,GAAA,EAAc,MAAM,WAAW;AAAA,EAAA,GAClC,EAAA,CACF,EAAA,CACF,GACF;AAEJ;AAEA,MAAMJ,IAAYK,EAAO,OAEnBF,IAAcE,EAAOC,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
1
+ {"version":3,"file":"Print.js","sources":["../../../../../src/components/order-view/general-information/dropdowns/Print.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport styled from 'styled-components';\nimport { PrintMenu } from '../../fakedata';\nimport { useOrderDetails } from '../../store';\nimport { Dropdown, Space } from 'antd';\nimport ArrowDownIcon from '../../../../assets/icons/ArrowDownIcon';\nimport { getBaseEndpoint } from '@bjsdistribution/dms-component-library';\n\nfunction Print() {\n const [orderDetails] = useOrderDetails();\n const gsitId = orderDetails?.gsit_order_id;\n\n const orderId = useMemo(() => {\n return orderDetails?.id;\n }, [orderDetails]);\n\n const getEnvironment = ():\n | 'development'\n | 'release_us'\n | 'release_uk'\n | 'staging' => {\n const projectEnv = process.env.REACT_APP_PROJECT_ENV;\n const apiPath = process.env.REACT_APP_API_PATH;\n\n if (apiPath === 'https://us.dms.api.bjshomedelivery.com') {\n return 'release_us';\n }\n if (apiPath === 'https://development.dms.api.bjshomedelivery.com') {\n return 'development';\n }\n if (apiPath === 'https://staging.dms.api.bjshomedelivery.com') {\n return 'staging';\n }\n\n if (projectEnv === 'release_uk') {\n return 'release_uk';\n }\n if (projectEnv === 'release_us') {\n return 'release_us';\n }\n if (projectEnv === 'staging') {\n return 'staging';\n }\n return 'development';\n };\n\n const getBaseUrl = (): string => {\n const environment = getEnvironment();\n switch (environment) {\n case 'release_uk':\n return 'https://api.bjshomedelivery.com/v2/orders/labels';\n case 'release_us':\n return 'https://us.api.bjshomedelivery.com/v2/orders/labels';\n case 'staging':\n return 'https://staging.api.bjshomedelivery.com/v2/orders/labels';\n default:\n return 'https://api.development.bjshomedelivery.com/v2/orders/labels';\n }\n };\n\n const getUrl = (option: string) => {\n const val = option?.toLowerCase()?.replaceAll(' ', '');\n const baseUrl = getBaseUrl();\n\n if (!gsitId) {\n console.error('Missing orderId. Cannot generate Return Labels URL.');\n return '';\n }\n if (val === 'returnlabels') {\n return `${baseUrl}/generate_labels?pdf=true&product_type=Return&order_id=${gsitId}`;\n } else {\n return '';\n }\n };\n\n const handleSelectChange = (selectedOption: any) => {\n const selectedValue = selectedOption?.value;\n const baseEndpoint = getBaseEndpoint();\n if (selectedValue) {\n //return\n if (selectedValue === 'returncovernote') {\n window.open(\n `${baseEndpoint}/orders/return_cover_notes/?order_id=${orderId}`,\n '_blank'\n );\n //proof\n } else if (selectedValue === 'proofofdelivery') {\n window.open(\n `${baseEndpoint}/orders/generate_note/?order_id=${orderId}&output_format=pdf`,\n '_blank'\n );\n } else {\n const url = getUrl(selectedValue);\n window.open(url, '_blank');\n }\n }\n };\n\n // const optionToLabelKey: Record<string, keyof typeof orderDetails.labels> = {\n // proofofdelivery: 'deliver',\n // returnlabels: 'return',\n // returncovernote: 'collect',\n // };\n\n // const isOptionDisabled = (optionValue: string) => {\n // const labels = orderDetails?.labels || {};\n // const labelKey = optionToLabelKey[optionValue];\n\n // if (!labelKey) return false;\n // return !labels[labelKey];\n // };\n\n const filteredOptions = PrintMenu?.map((option: any) => ({\n key: option.value,\n label: option.label,\n value: option.value,\n }));\n\n const menuItems = {\n items: filteredOptions?.map((option: any) => {\n // const disabled = isOptionDisabled(option.value);\n\n return {\n key: option.value,\n label: (\n <div\n onClick={e => {\n e.stopPropagation();\n // if (!disabled) {\n handleSelectChange(option);\n // }\n }}\n // style={{\n // color: disabled ? '#bfbfbf' : undefined,\n // cursor: disabled ? 'not-allowed' : 'pointer',\n // }}\n >\n {option.label}\n </div>\n ),\n // disabled,\n };\n }),\n };\n\n return (\n <Container>\n <Dropdown menu={menuItems} trigger={['hover']}>\n <a onClick={e => e.preventDefault()} style={{ cursor: 'pointer' }}>\n <StyledSpace>\n PRINT\n <ArrowDownIcon fill={'#f0f2f2'} />\n </StyledSpace>\n </a>\n </Dropdown>\n </Container>\n );\n}\n\nconst Container = styled.div``;\n\nconst StyledSpace = styled(Space)`\n .ant-space-item {\n color: #6a7378;\n text-align: center;\n font-family: Lato;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n }\n`;\n\nexport default Print;\n"],"names":["Print","orderDetails","useOrderDetails","gsitId","orderId","useMemo","getEnvironment","projectEnv","apiPath","getBaseUrl","getUrl","option","val","baseUrl","handleSelectChange","selectedOption","selectedValue","baseEndpoint","getBaseEndpoint","url","menuItems","PrintMenu","jsx","e","Container","Dropdown","jsxs","StyledSpace","ArrowDownIcon","styled","Space"],"mappings":";;;;;;;;AAQA,SAASA,IAAQ;AACf,QAAM,CAACC,CAAY,IAAIC,EAAA,GACjBC,IAASF,GAAc,eAEvBG,IAAUC,EAAQ,MACfJ,GAAc,IACpB,CAACA,CAAY,CAAC,GAEXK,IAAiB,MAIN;AACf,UAAMC,IAAa,QAAA,IAAY,uBACzBC,IAAU,QAAA,IAAY;AAE5B,WAAIA,MAAY,2CACP,eAELA,MAAY,oDACP,gBAELA,MAAY,gDACP,YAGLD,MAAe,eACV,eAELA,MAAe,eACV,eAELA,MAAe,YACV,YAEF;AAAA,EACT,GAEME,IAAa,MAAc;AAE/B,YADoBH,EAAA,GACZ;AAAA,MACN,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IAAA;AAAA,EAEb,GAEMI,IAAS,CAACC,MAAmB;AACjC,UAAMC,IAAMD,GAAQ,YAAA,GAAe,WAAW,KAAK,EAAE,GAC/CE,IAAUJ,EAAA;AAEhB,WAAKN,IAIDS,MAAQ,iBACH,GAAGC,CAAO,0DAA0DV,CAAM,KAE1E,MANP,QAAQ,MAAM,qDAAqD,GAC5D;AAAA,EAOX,GAEMW,IAAqB,CAACC,MAAwB;AAClD,UAAMC,IAAgBD,GAAgB,OAChCE,IAAeC,EAAA;AACrB,QAAIF;AAEF,UAAIA,MAAkB;AACpB,eAAO;AAAA,UACL,GAAGC,CAAY,wCAAwCb,CAAO;AAAA,UAC9D;AAAA,QAAA;AAAA,eAGOY,MAAkB;AAC3B,eAAO;AAAA,UACL,GAAGC,CAAY,mCAAmCb,CAAO;AAAA,UACzD;AAAA,QAAA;AAAA,WAEG;AACL,cAAMe,IAAMT,EAAOM,CAAa;AAChC,eAAO,KAAKG,GAAK,QAAQ;AAAA,MAC3B;AAAA,EAEJ,GAsBMC,IAAY;AAAA,IAChB,OAPsBC,GAAW,IAAI,CAACV,OAAiB;AAAA,MACvD,KAAKA,EAAO;AAAA,MACZ,OAAOA,EAAO;AAAA,MACd,OAAOA,EAAO;AAAA,IAAA,EACd,GAGwB,IAAI,CAACA,OAGpB;AAAA,MACL,KAAKA,EAAO;AAAA,MACZ,OACE,gBAAAW;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,CAAAC,MAAK;AACZ,YAAAA,EAAE,gBAAA,GAEFT,EAAmBH,CAAM;AAAA,UAE3B;AAAA,UAMC,UAAAA,EAAO;AAAA,QAAA;AAAA,MAAA;AAAA;AAAA,IACV,EAIL;AAAA,EAAA;AAGH,SACE,gBAAAW,EAACE,KACC,4BAACC,GAAA,EAAS,MAAML,GAAW,SAAS,CAAC,OAAO,GAC1C,UAAA,gBAAAE,EAAC,OAAE,SAAS,CAAA,MAAK,EAAE,eAAA,GAAkB,OAAO,EAAE,QAAQ,UAAA,GACpD,UAAA,gBAAAI,EAACC,GAAA,EAAY,UAAA;AAAA,IAAA;AAAA,IAEX,gBAAAL,EAACM,GAAA,EAAc,MAAM,WAAW;AAAA,EAAA,GAClC,EAAA,CACF,EAAA,CACF,GACF;AAEJ;AAEA,MAAMJ,IAAYK,EAAO,OAEnBF,IAAcE,EAAOC,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.1.84-prod",
2
+ "version": "0.1.85-prod",
3
3
  "license": "MIT",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.js",
@@ -88,4 +88,4 @@
88
88
  "react-switch-selector": "^2.2.1",
89
89
  "uuid": "^10.0.0"
90
90
  }
91
- }
91
+ }