@bjsdistribution/dms-client-return 0.1.91-prod → 0.1.92-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,6 +1,6 @@
1
1
  import { jsx as e, Fragment as P, jsxs as n } from "react/jsx-runtime";
2
- import { Skeleton as M, Empty as W } from "antd";
3
- import { useRef as k, useState as S, useMemo as x, useEffect as U } from "react";
2
+ import { Skeleton as M, Empty as x } from "antd";
3
+ import { useRef as k, useState as S, useMemo as W, useEffect as U } from "react";
4
4
  import { NavLink as Y } from "react-router-dom";
5
5
  import { Checkbox as y, displayValueOrNA as o } from "@bjsdistribution/dms-component-library";
6
6
  import { usePrintOptionTOggle as j, useLoading as H } from "../../order-daily-overview/store/store.js";
@@ -12,32 +12,32 @@ import { StyledTableWrapper as z, StyledTable as J, EmptyDataContainer as K, Cus
12
12
  import X from "../../../assets/icons/PrinterIcon.js";
13
13
  import Z from "../../../assets/icons/DownIcon.js";
14
14
  import ee from "../../order-daily-overview/shared/elements/PrintDropDown.js";
15
- import { formatDate as re } from "../../order-daily-overview/shared/utlis.js";
16
- import te from "dayjs";
15
+ import { formatDate as te } from "../../order-daily-overview/shared/utlis.js";
16
+ import re from "dayjs";
17
17
  import { WEIGHT_UNIT as w, VOLUME_UNIT as ne } from "../../../common/utils.js";
18
18
  const _e = () => {
19
19
  const I = k(null), m = k(null), [p, g] = j(), [, N] = G(), [h] = V(), [D] = $(), [F] = H(), [O, v] = S(!1), [
20
- T,
20
+ A,
21
21
  f
22
- ] = B(), [l, A] = S(null), a = (r) => {
23
- A((t) => t?.key === r && t.direction === "asc" ? { key: r, direction: "desc" } : { key: r, direction: "asc" });
24
- }, C = x(() => {
22
+ ] = B(), [l, T] = S(null), i = (t) => {
23
+ T((r) => r?.key === t && r.direction === "asc" ? { key: t, direction: "desc" } : { key: t, direction: "asc" });
24
+ }, C = W(() => {
25
25
  if (!h || !l) return h;
26
- const { key: r, direction: t } = l;
26
+ const { key: t, direction: r } = l;
27
27
  return [...h].sort((d, s) => {
28
- const c = d[r], u = s[r];
29
- return typeof c == "number" && typeof u == "number" ? t === "asc" ? c - u : u - c : typeof c == "string" && typeof u == "string" ? t === "asc" ? c.localeCompare(u) : u.localeCompare(c) : 0;
28
+ const c = d[t], u = s[t];
29
+ return typeof c == "number" && typeof u == "number" ? r === "asc" ? c - u : u - c : typeof c == "string" && typeof u == "string" ? r === "asc" ? c.localeCompare(u) : u.localeCompare(c) : 0;
30
30
  });
31
- }, [h, l]), i = (r) => !l || l.key !== r ? /* @__PURE__ */ e(q, {}) : l.direction === "asc" ? /* @__PURE__ */ e(_, {}) : /* @__PURE__ */ e(_, { style: { transform: "rotate(180deg)" } }), R = (r) => {
32
- g((t) => t === r ? null : r);
31
+ }, [h, l]), a = (t) => !l || l.key !== t ? /* @__PURE__ */ e(q, {}) : l.direction === "asc" ? /* @__PURE__ */ e(_, {}) : /* @__PURE__ */ e(_, { style: { transform: "rotate(180deg)" } }), R = (t) => {
32
+ g((r) => r === t ? null : t);
33
33
  };
34
34
  U(() => (document.addEventListener("mousedown", b), () => {
35
35
  document.removeEventListener("mousedown", b);
36
36
  }), []);
37
- const b = (r) => {
38
- m.current && !m.current.contains(r.target) && g(null);
39
- }, E = (r) => {
40
- switch (r) {
37
+ const b = (t) => {
38
+ m.current && !m.current.contains(t.target) && g(null);
39
+ }, E = (t) => {
40
+ switch (t) {
41
41
  case "Cancelled":
42
42
  case "Failed":
43
43
  return { color: "#E95252", background: "rgba(233, 82, 82, 0.15)" };
@@ -61,9 +61,9 @@ const _e = () => {
61
61
  default:
62
62
  return { color: "#000", background: "#fff" };
63
63
  }
64
- }, L = (r) => {
64
+ }, L = (t) => {
65
65
  f(
66
- (t) => t.includes(r) ? t.filter((d) => d !== r) : [...t, r]
66
+ (r) => r.includes(t) ? r.filter((d) => d !== t) : [...r, t]
67
67
  );
68
68
  };
69
69
  return /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(z, { className: "fortables", children: /* @__PURE__ */ n(J, { children: [
@@ -72,53 +72,53 @@ const _e = () => {
72
72
  y,
73
73
  {
74
74
  checked: O,
75
- onChange: (r) => {
76
- const t = r.target.checked;
77
- v(t), f(
78
- t ? h?.map((d) => d?.id) || [] : []
75
+ onChange: (t) => {
76
+ const r = t.target.checked;
77
+ v(r), f(
78
+ r ? h?.map((d) => d?.id) || [] : []
79
79
  );
80
80
  }
81
81
  }
82
82
  ) }),
83
- /* @__PURE__ */ e("th", { onClick: () => a("created_at"), children: /* @__PURE__ */ n("div", { className: "sortIconClass", children: [
83
+ /* @__PURE__ */ e("th", { onClick: () => i("created_at"), children: /* @__PURE__ */ n("div", { className: "sortIconClass", children: [
84
84
  "Created ",
85
- i("created_at")
85
+ a("created_at")
86
86
  ] }) }),
87
- /* @__PURE__ */ e("th", { onClick: () => a("return_location_name"), children: /* @__PURE__ */ n("div", { className: "sortIconClass", children: [
87
+ /* @__PURE__ */ e("th", { onClick: () => i("return_location_name"), children: /* @__PURE__ */ n("div", { className: "sortIconClass", children: [
88
88
  "Return Location ",
89
- i("return_location_name")
89
+ a("return_location_name")
90
90
  ] }) }),
91
- /* @__PURE__ */ e("th", { onClick: () => a("recipient_name"), children: /* @__PURE__ */ n("div", { className: "sortIconClass", children: [
91
+ /* @__PURE__ */ e("th", { onClick: () => i("recipient_name"), children: /* @__PURE__ */ n("div", { className: "sortIconClass", children: [
92
92
  "Recipient ",
93
- i("recipient_name")
93
+ a("recipient_name")
94
94
  ] }) }),
95
- /* @__PURE__ */ e("th", { onClick: () => a("recipient_reference"), children: /* @__PURE__ */ n("div", { className: "sortIconClass", children: [
95
+ /* @__PURE__ */ e("th", { onClick: () => i("recipient_reference"), children: /* @__PURE__ */ n("div", { className: "sortIconClass", children: [
96
96
  "Recipient Reference ",
97
- i("recipient_reference")
97
+ a("recipient_reference")
98
98
  ] }) }),
99
99
  /* @__PURE__ */ e("th", { children: "Sender" }),
100
100
  /* @__PURE__ */ e("th", { children: "Consignment" }),
101
101
  /* @__PURE__ */ e("th", { children: "Return Order No" }),
102
102
  /* @__PURE__ */ e("th", { children: " Total Parts" }),
103
- /* @__PURE__ */ e("th", { onClick: () => a("weight"), children: /* @__PURE__ */ n("div", { className: "sortIconClass", children: [
103
+ /* @__PURE__ */ e("th", { onClick: () => i("weight"), children: /* @__PURE__ */ n("div", { className: "sortIconClass", children: [
104
104
  "Total Weight (",
105
105
  w,
106
106
  ") ",
107
- i("weight")
107
+ a("weight")
108
108
  ] }) }),
109
- /* @__PURE__ */ e("th", { onClick: () => a("cube"), children: /* @__PURE__ */ n("div", { className: "sortIconClass", children: [
109
+ /* @__PURE__ */ e("th", { onClick: () => i("cube"), children: /* @__PURE__ */ n("div", { className: "sortIconClass", children: [
110
110
  "Total ",
111
111
  ne,
112
112
  " ",
113
- i("cube")
113
+ a("cube")
114
114
  ] }) }),
115
- /* @__PURE__ */ e("th", { children: "Status" }),
115
+ /* @__PURE__ */ e("th", { style: { textAlign: "center" }, children: "Status" }),
116
116
  /* @__PURE__ */ e("th", { className: "emailInvoiceShare", children: "Labels" })
117
117
  ] }) }),
118
118
  /* @__PURE__ */ e("tbody", { children: F ? /* @__PURE__ */ n("tr", { children: [
119
119
  /* @__PURE__ */ e("td", { colSpan: 16, children: /* @__PURE__ */ e(M, { active: !0 }) }),
120
120
  /* @__PURE__ */ e("td", { colSpan: 16 })
121
- ] }) : C?.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 16, children: /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(W, {}) }) }) }) : C?.map((r, t) => {
121
+ ] }) : C?.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 16, children: /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(x, {}) }) }) }) : C?.map((t, r) => {
122
122
  const s = {
123
123
  cancelled: "Cancelled",
124
124
  "on hold": "On Hold",
@@ -131,18 +131,18 @@ const _e = () => {
131
131
  routed: "Routed",
132
132
  failed: "Failed",
133
133
  confirmed: "Confirmed"
134
- }[r?.status_value] || "Unknown", c = E(s);
134
+ }[t?.status_value] || "Unknown", c = E(s);
135
135
  return /* @__PURE__ */ n("tr", { children: [
136
136
  /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
137
137
  y,
138
138
  {
139
- checked: T.includes(r?.id),
140
- onChange: () => L(r?.id)
139
+ checked: A.includes(t?.id),
140
+ onChange: () => L(t?.id)
141
141
  }
142
142
  ) }),
143
- /* @__PURE__ */ e("td", { children: re(new Date(r?.created_at)) }),
144
- /* @__PURE__ */ e("td", { children: o(r?.return_location_name) }),
145
- /* @__PURE__ */ e("td", { onClick: () => N(r.id), children: /* @__PURE__ */ n("ul", { style: { listStyleType: "none", padding: 0 }, children: [
143
+ /* @__PURE__ */ e("td", { children: te(new Date(t?.created_at)) }),
144
+ /* @__PURE__ */ e("td", { children: o(t?.return_location_name) }),
145
+ /* @__PURE__ */ e("td", { onClick: () => N(t.id), children: /* @__PURE__ */ n("ul", { style: { listStyleType: "none", padding: 0 }, children: [
146
146
  /* @__PURE__ */ e(
147
147
  "li",
148
148
  {
@@ -151,29 +151,29 @@ const _e = () => {
151
151
  fontWeight: 600,
152
152
  paddingLeft: 0
153
153
  },
154
- children: /* @__PURE__ */ e(Y, { to: `/return/view/${r.id}`, children: o(r?.recipient_name) })
154
+ children: /* @__PURE__ */ e(Y, { to: `/return/view/${t.id}`, children: o(t?.recipient_name) })
155
155
  }
156
156
  ),
157
- /* @__PURE__ */ e("li", { style: { color: "#888075" }, children: o(r?.postcode) })
157
+ /* @__PURE__ */ e("li", { style: { color: "#888075" }, children: o(t?.postcode) })
158
158
  ] }) }),
159
- /* @__PURE__ */ e("td", { children: o(r?.recipient_reference) }),
160
- /* @__PURE__ */ e("td", { children: o(r?.customer_name) }),
159
+ /* @__PURE__ */ e("td", { children: o(t?.recipient_reference) }),
160
+ /* @__PURE__ */ e("td", { children: o(t?.customer_name) }),
161
161
  /* @__PURE__ */ n("td", { children: [
162
- o(r?.consignment),
163
- !D && Number(r?.failure_count) > 0 && /* @__PURE__ */ n("span", { style: { color: "inherit", fontWeight: 700, marginLeft: 2 }, title: "Delivery Failure Count", children: [
162
+ o(t?.consignment),
163
+ !D && Number(t?.failure_count) > 0 && /* @__PURE__ */ n("span", { style: { color: "inherit", fontWeight: 700, marginLeft: 2 }, title: "Delivery Failure Count", children: [
164
164
  "- [",
165
- r?.failure_count,
165
+ t?.failure_count,
166
166
  "]"
167
167
  ] })
168
168
  ] }),
169
- /* @__PURE__ */ e("td", { children: o(r?.order_number) }),
170
- /* @__PURE__ */ e("td", { children: o(r?.total_products) }),
169
+ /* @__PURE__ */ e("td", { children: o(t?.order_number) }),
170
+ /* @__PURE__ */ e("td", { children: o(t?.total_products) }),
171
171
  /* @__PURE__ */ n("td", { children: [
172
- o(r?.weight),
172
+ o(t?.weight),
173
173
  " ",
174
- r?.weight && r?.weight > 0 ? w : ""
174
+ t?.weight && t?.weight > 0 ? w : ""
175
175
  ] }),
176
- /* @__PURE__ */ e("td", { children: o(r?.cube) }),
176
+ /* @__PURE__ */ e("td", { children: o(t?.cube) }),
177
177
  /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
178
178
  "ul",
179
179
  {
@@ -189,7 +189,7 @@ const _e = () => {
189
189
  style: { color: c.color },
190
190
  children: [
191
191
  s,
192
- (s === "Completed" || s === "Failed") && r?.action_date ? ` - ${te(r?.action_date).format(
192
+ (s === "Completed" || s === "Failed") && t?.action_date ? ` - ${re(t?.action_date).format(
193
193
  "DD/MM/YYYY"
194
194
  )}` : ""
195
195
  ]
@@ -201,22 +201,22 @@ const _e = () => {
201
201
  Q,
202
202
  {
203
203
  ref: I,
204
- className: p === t ? "active" : "",
204
+ className: p === r ? "active" : "",
205
205
  children: /* @__PURE__ */ n(
206
206
  "li",
207
207
  {
208
208
  className: "shareIconContainer",
209
- onClick: () => R(t),
209
+ onClick: () => R(r),
210
210
  children: [
211
211
  /* @__PURE__ */ e(X, {}),
212
212
  /* @__PURE__ */ e(Z, {}),
213
- p === t && /* @__PURE__ */ e("div", { ref: m, children: /* @__PURE__ */ e(ee, { legacyProductId: r }) })
213
+ p === r && /* @__PURE__ */ e("div", { ref: m, children: /* @__PURE__ */ e(ee, { legacyProductId: t }) })
214
214
  ]
215
215
  }
216
216
  )
217
217
  }
218
218
  ) }) })
219
- ] }, r.id);
219
+ ] }, t.id);
220
220
  }) })
221
221
  ] }) }) });
222
222
  };
@@ -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 useClientPortal,\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 [isClientPortal] = useClientPortal();\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 style={{ transform: 'rotate(180deg)' }} />\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 <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>\n {displayValueOrNA(item?.consignment)}\n {!isClientPortal && Number(item?.failure_count) > 0 && (\n <span style={{ color: 'inherit', fontWeight: 700, marginLeft: 2 }} title=\"Delivery Failure Count\">- [{item?.failure_count}]</span>\n )}\n </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","isClientPortal","useClientPortal","loading","useLoading","selectClientAll","setSelectClientAll","useState","selectedOrderIds","setSelectedOrderIds","useSelectedClientAfterOrders","sortConfig","setSortConfig","handleSort","key","prev","sortedData","useMemo","direction","a","b","valueA","valueB","renderSortIcon","columnKey","SortIcon","jsx","CaretDownFilledIcon","OpenDropDown","index","prevIndex","useEffect","handleClickOutside","event","getStatusClass","status","handleSelectOrderId","id","orderId","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
+ {"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 useClientPortal,\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 [isClientPortal] = useClientPortal();\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 style={{ transform: 'rotate(180deg)' }} />\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 <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 style={{ textAlign: 'center' }}>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>\n {displayValueOrNA(item?.consignment)}\n {!isClientPortal && Number(item?.failure_count) > 0 && (\n <span style={{ color: 'inherit', fontWeight: 700, marginLeft: 2 }} title=\"Delivery Failure Count\">- [{item?.failure_count}]</span>\n )}\n </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","isClientPortal","useClientPortal","loading","useLoading","selectClientAll","setSelectClientAll","useState","selectedOrderIds","setSelectedOrderIds","useSelectedClientAfterOrders","sortConfig","setSortConfig","handleSort","key","prev","sortedData","useMemo","direction","a","b","valueA","valueB","renderSortIcon","columnKey","SortIcon","jsx","CaretDownFilledIcon","OpenDropDown","index","prevIndex","useEffect","handleClickOutside","event","getStatusClass","status","handleSelectOrderId","id","orderId","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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"}
@@ -83,6 +83,8 @@ const n = e.div`
83
83
  display: flex;
84
84
  justify-content: space-between;
85
85
  align-items: center;
86
+ margin-top: 11px;
87
+ margin-bottom: 11px;
86
88
  `, r = e.div`
87
89
  display: flex;
88
90
  padding: 0;
@@ -1 +1 @@
1
- {"version":3,"file":"FilterStyle.js","sources":["../../../../src/components/order-daily-overview/filters/FilterStyle.tsx"],"sourcesContent":["// LeftSide filter\n\nimport styled from 'styled-components';\n\n//Left side\nexport const LeftSideConatiner = styled.div`\n display: flex;\n padding: 1px 5px 1px 1.1px;\n align-items: center;\n gap: 10px;\n border-radius: 40px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n background: var(--Flowkit-White, #fff);\n\n .filtercontainer {\n display: flex;\n padding: 8px 8px 8px 4px;\n align-items: center;\n gap: 4px;\n align-self: stretch;\n border-radius: 20px 0px 0px 20px;\n border-right: 1px solid rgba(0, 0, 0, 0.04);\n background: var(--BjsColor-Bg-F0F2F2, #f0f2f2);\n\n .filtericon {\n display: flex;\n padding: 7px 0px 5px 5px;\n align-items: flex-start;\n gap: 10px;\n border-radius: 30px;\n }\n .textcont {\n color: #758588;\n text-align: center;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n }\n }\n .datefilter {\n display: flex;\n height: 36px;\n padding: 6px 8px;\n justify-content: center;\n align-items: center;\n gap: 2px;\n border-radius: 20px;\n border: 1px solid #edebe8;\n\n .dateiconcontainer {\n display: flex;\n width: 24px;\n height: 24px;\n padding: 5px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n border-radius: 20px;\n border: 1px solid var(--tonal-brown-101, #e2e0db);\n background: #f1f5f6;\n }\n .datetext {\n color: #6a7378;\n\n /* body/captions */\n font-family: 'Lato';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; /* 123.077% */\n }\n }\n`;\n\nexport const FilterConatiner = styled.div`\n display: flex;\n padding: 0px 8px 0px 4px;\n align-items: center;\n gap: 4px;\n align-self: stretch;\n border-radius: 20px 0px 0px 20px;\n border-right: 1px solid rgba(0, 0, 0, 0.04);\n background: var(--BjsColor-Bg-F0F2F2, #f0f2f2);\n`;\n\nexport const FilterIconConatiner = styled.div``;\n\n//\nexport const StyledFiter = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n`;\nexport const StyledFIlterELements = styled.div`\n display: flex;\n padding: 0;\n gap: 10px;\n align-items: center;\n`;\n\nexport const StyledFilterLabel = styled.div`\n display: flex;\n gap: 4px;\n align-items: center;\n span {\n color: #758588;\n text-align: center;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n }\n`;\n\nexport const Text = styled.div`\n color: #232d42;\n font-style: normal;\n line-height: 175%;\n position: relative;\n padding-right: 10px;\n text-transform: uppercase;\n font-size: 20px;\n font-style: normal;\n font-weight: 900;\n /* &:after{\n content: '';\n width: 1px;\n height: 100%;\n background: rgba(58, 54, 48, 0.20);\n position: absolute;\n right: 0;\n top: 0;\n } */\n`;\n// Right side filter\n\nexport const StyledTableFilter = styled.div``;\n"],"names":["LeftSideConatiner","styled","StyledFiter","StyledFIlterELements","Text","StyledTableFilter"],"mappings":";AAKO,MAAMA,IAAoBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsETA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWHA,EAAO;AAGnC,MAAMC,IAAcD,EAAO;AAAA;AAAA;AAAA;AAAA,GAKrBE,IAAuBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOVA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcjC,MAAMG,IAAOH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAsBdI,IAAoBJ,EAAO;"}
1
+ {"version":3,"file":"FilterStyle.js","sources":["../../../../src/components/order-daily-overview/filters/FilterStyle.tsx"],"sourcesContent":["// LeftSide filter\n\nimport styled from 'styled-components';\n\n//Left side\nexport const LeftSideConatiner = styled.div`\n display: flex;\n padding: 1px 5px 1px 1.1px;\n align-items: center;\n gap: 10px;\n border-radius: 40px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n background: var(--Flowkit-White, #fff);\n\n .filtercontainer {\n display: flex;\n padding: 8px 8px 8px 4px;\n align-items: center;\n gap: 4px;\n align-self: stretch;\n border-radius: 20px 0px 0px 20px;\n border-right: 1px solid rgba(0, 0, 0, 0.04);\n background: var(--BjsColor-Bg-F0F2F2, #f0f2f2);\n\n .filtericon {\n display: flex;\n padding: 7px 0px 5px 5px;\n align-items: flex-start;\n gap: 10px;\n border-radius: 30px;\n }\n .textcont {\n color: #758588;\n text-align: center;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n }\n }\n .datefilter {\n display: flex;\n height: 36px;\n padding: 6px 8px;\n justify-content: center;\n align-items: center;\n gap: 2px;\n border-radius: 20px;\n border: 1px solid #edebe8;\n\n .dateiconcontainer {\n display: flex;\n width: 24px;\n height: 24px;\n padding: 5px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n border-radius: 20px;\n border: 1px solid var(--tonal-brown-101, #e2e0db);\n background: #f1f5f6;\n }\n .datetext {\n color: #6a7378;\n\n /* body/captions */\n font-family: 'Lato';\n font-size: 13px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px; /* 123.077% */\n }\n }\n`;\n\nexport const FilterConatiner = styled.div`\n display: flex;\n padding: 0px 8px 0px 4px;\n align-items: center;\n gap: 4px;\n align-self: stretch;\n border-radius: 20px 0px 0px 20px;\n border-right: 1px solid rgba(0, 0, 0, 0.04);\n background: var(--BjsColor-Bg-F0F2F2, #f0f2f2);\n`;\n\nexport const FilterIconConatiner = styled.div``;\n\n//\nexport const StyledFiter = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 11px;\n margin-bottom: 11px;\n`;\nexport const StyledFIlterELements = styled.div`\n display: flex;\n padding: 0;\n gap: 10px;\n align-items: center;\n`;\n\nexport const StyledFilterLabel = styled.div`\n display: flex;\n gap: 4px;\n align-items: center;\n span {\n color: #758588;\n text-align: center;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n }\n`;\n\nexport const Text = styled.div`\n color: #232d42;\n font-style: normal;\n line-height: 175%;\n position: relative;\n padding-right: 10px;\n text-transform: uppercase;\n font-size: 20px;\n font-style: normal;\n font-weight: 900;\n /* &:after{\n content: '';\n width: 1px;\n height: 100%;\n background: rgba(58, 54, 48, 0.20);\n position: absolute;\n right: 0;\n top: 0;\n } */\n`;\n// Right side filter\n\nexport const StyledTableFilter = styled.div``;\n"],"names":["LeftSideConatiner","styled","StyledFiter","StyledFIlterELements","Text","StyledTableFilter"],"mappings":";AAKO,MAAMA,IAAoBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsETA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWHA,EAAO;AAGnC,MAAMC,IAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOrBE,IAAuBF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOVA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcjC,MAAMG,IAAOH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAsBdI,IAAoBJ,EAAO;"}
@@ -151,12 +151,14 @@ const d = r.div`
151
151
  }
152
152
 
153
153
  &::-webkit-scrollbar-thumb {
154
- background: #7b61ff;
154
+ background: #989898;
155
+ ;
155
156
  border-radius: 100px;
156
157
  }
157
158
 
158
159
  &::-webkit-scrollbar-thumb:hover {
159
- background: #5d3eff;
160
+ background: #989898;
161
+ ;
160
162
  }
161
163
  `, a = r.table`
162
164
  border-spacing: 0 10px;
@@ -1 +1 @@
1
- {"version":3,"file":"returnstyles.js","sources":["../../../../../src/components/order-daily-overview/return-order-table/return-orders-filters/returnstyles.ts"],"sourcesContent":["import { Button } from '@bjsdistribution/dms-component-library';\nimport styled from 'styled-components';\n\nexport const IconContainers = styled.div`\n display: flex;\n gap: 5px;\n i {\n display: flex;\n width: 25px;\n height: 25px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n flex-shrink: 0;\n border-radius: 15px;\n background: #edebe8;\n svg {\n }\n }\n`;\n\nexport const Div = styled.div`\n display: flex;\n justify-content: center;\n`;\n\nexport const ModalTitle = styled.span`\n font-size: 20px;\n font-weight: 900;\n line-height: 32px;\n margin: 5px;\n padding: 0;\n text-transform: uppercase;\n align-items: center;\n display: flex;\n justify-content: center;\n`;\n\nexport const Description = styled.span`\n color: #aea9a1;\n padding: 10px;\n`;\n\nexport const Container = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n width: 75px;\n height: 75px;\n padding: 14px;\n border-radius: 50%;\n background: #eff2f5;\n border: 10px solid #b7d0f7;\n`;\n\nexport const ConfirmButton = styled(Button)``;\n\nexport const CancelButton = styled.button`\n cursor: pointer;\n font-size: 16px;\n opacity: 1;\n background: white;\n color: #3a3630;\n border: thin solid #3a3630;\n white-space: nowrap;\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 40px;\n padding: 8px 10px;\n border-radius: 6px;\n`;\n\nexport const SectionsContainer = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 10px;\n text-align: center;\n`;\n\nexport const MainContainer = styled.div`\n padding: 24px;\n border-radius: 12px;\n background: #ffffff;\n box-shadow: 0px 20px 24px -4px #10182814;\n width: 30%;\n max-width: 50%;\n margin: 0 auto;\n @media (max-width: 1024px) {\n max-width: 40%;\n }\n`;\n\nexport const ButtonContainer = styled.div`\n display: flex;\n flex-direction: row;\n gap: 10px;\n`;\n\nexport const Header = styled.div`\n display: flex;\n justify-content: space-between;\n border-bottom: 1px solid #e3e3e3;\n`;\n\nexport const HeaderText = styled.div`\n color: #3a3630;\n font-size: 16px;\n font-weight: 500;\n text-transform: uppercase;\n padding: 10px;\n`;\n\nexport const Padding = styled.div`\n padding: 0px 10px 10px 10px;\n`;\n\nexport const HeaderCont = styled.div`\n display: flex;\n flex-direction: column;\n padding: 10px;\n`;\n\nexport const Main = styled.div`\n border: 1px solid #e3e3e3;\n background: #f8fafc;\n justify-content: space-between;\n align-items: center;\n border-radius: 15px 15px 0 0;\n margin-top: 15px;\n padding-top: 10px;\n`;\n\nexport const SendButton = styled(Button)`\n border-radius: 25px;\n &:disabled {\n background-color: #d3d3d3;\n cursor: not-allowed;\n }\n`;\n\nexport const TdWrapper = styled.span`\n background-color: rgba(153, 153, 153, 0.1);\n padding: 3px 12px;\n border-radius: 4px;\n`;\n\nexport const EmptyDataContainer = styled.div`\n display: flex;\n justify-content: center;\n`;\n\nexport const StyledTableWrapper = styled.div`\n max-height: calc(100vh - 310px);\n overflow-x: hidden;\n width: 100%;\n padding-top: 10px;\n background: #fff;\n\n &::-webkit-scrollbar {\n width: 6px;\n border-radius: 100px;\n height: 6px;\n }\n\n &::-webkit-scrollbar-track {\n background: #e2e0db;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #7b61ff;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: #5d3eff;\n }\n`;\n\nexport const StyledTable = styled.table`\n border-spacing: 0 10px;\n width: 100%;\n table-layout: auto;\n\n thead {\n position: sticky;\n top: 0;\n z-index: 1;\n background: #fff;\n box-shadow: 0px 0px 1px #ffffff, 0px -10px 1px #ffffff;\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n position: relative;\n font-family: 'lato', sans-serif;\n .emailInvoiceCheckbox {\n padding-right: 0px;\n width: 24px;\n > div {\n width: fit-content;\n }\n }\n .emailInvoiceNo {\n padding-left: 0px;\n }\n .emailInvoiceShare {\n width: 80px;\n }\n th {\n color: #3a3630;\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: 1.3;\n padding: 8px 6px;\n background: #f0f2f2;\n border-right: none;\n border-left: none;\n text-align: left;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-width: 1px 0;\n word-wrap: break-word;\n overflow-wrap: break-word;\n white-space: normal;\n\n .ant-checkbox-wrapper,\n .ant-checkbox,\n input[type='checkbox'] {\n transform: scale(0.8);\n transform-origin: center center;\n }\n\n &:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n &:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .sortIconClass {\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: 4px;\n }\n }\n }\n }\n tbody {\n tr {\n td {\n color: #3a3630;\n font-size: 11px;\n font-style: normal;\n font-weight: 400;\n line-height: 1.3;\n padding: 6px 6px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n position: relative;\n word-wrap: break-word;\n overflow-wrap: break-word;\n white-space: normal;\n\n .custom-check,\n .ant-checkbox-wrapper,\n .ant-checkbox,\n input[type='checkbox'] {\n transform: scale(0.8);\n transform-origin: center center;\n }\n\n .disabled-wrapper {\n cursor: not-allowed !important;\n display: inline-block;\n * {\n pointer-events: none !important;\n }\n }\n .actionbox {\n display: flex;\n gap: 5px;\n }\n .shareIconContainer {\n display: flex;\n padding: 2px 8px;\n align-items: center;\n gap: 4px;\n border-radius: 20px;\n border: 1px solid var(--tonal-brown-101, #e2e0db);\n background: #fff;\n list-style-type: none;\n cursor: pointer;\n position: relative;\n }\n .statusCancelled {\n color: #e95252;\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusOnHold {\n color: #f4a503;\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusSubContracted {\n color: #845adf;\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusAwaiting {\n color: #845adf;\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusCompleted {\n color: #1f9254;\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusOutstanding {\n color: #f4a503;\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusUnknown {\n color: #000;\n padding: 4px 8px;\n border-radius: 4px;\n }\n .statustext {\n color: #1f9254;\n font-family: 'Open Sans';\n font-size: 11px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n }\n .downloadcontainer {\n display: flex;\n padding: 2px 12px;\n align-items: center;\n width: 28px;\n height: 28px;\n flex-direction: column;\n border-radius: 14px;\n border: 1px solid #e2e0db;\n background: #fff;\n }\n .statuscontainer {\n display: flex;\n padding: 5px 30px 5px 30px;\n justify-content: center;\n align-items: center;\n gap: 5px;\n flex: 1 0 0;\n border-radius: 22px;\n background: rgba(41, 204, 106, 0.15);\n }\n .awaiting {\n display: flex;\n min-width: fit-content;\n padding: 4px 6px;\n justify-content: center;\n align-items: center;\n gap: 5px;\n border-radius: 22px;\n background: rgba(233, 82, 82, 0.15);\n color: #e95252;\n font-family: 'Open Sans';\n font-size: 11px;\n font-weight: 600;\n }\n ul > li > a {\n text-decoration: none !important;\n color: #0099ff;\n word-break: break-all;\n }\n }\n &:nth-child(even) td {\n background: #f6fbff;\n }\n td:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n td:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .flex {\n display: flex;\n flex-direction: row;\n gap: 5px;\n height: 29px;\n align-items: center;\n }\n\n &.insideTable {\n td {\n border-radius: 0;\n border: none;\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n table {\n border-spacing: 0;\n width: 100%;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n overflow: hidden;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n thead {\n tr {\n border-bottom: none;\n th {\n padding: 14px 20px;\n text-align: left;\n border-top: 0;\n border-right: 0;\n border-left: 0;\n background: #f8fafc;\n\n &:first-child {\n border-radius: 0;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n border-top-left-radius: 15px;\n }\n &:last-child {\n border-radius: 0;\n }\n }\n }\n }\n tbody {\n tr.product-row td {\n border-bottom: none;\n }\n\n tr.ni-row td {\n border-top: none;\n padding-top: 0;\n background: #fff;\n }\n\n tr.product-row td:first-child {\n border-bottom-left-radius: 0;\n }\n\n tr.product-row td:last-child {\n border-bottom-right-radius: 0;\n }\n\n tr.ni-row td:first-child {\n border-top-left-radius: 0;\n }\n\n tr.ni-row td:last-child {\n border-top-right-radius: 0;\n }\n\n tr.ni-row:nth-child(even) td {\n background: #fff;\n }\n tr {\n td {\n padding: 14px 20px;\n text-align: left;\n border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n background: #fff;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n }\n }\n }\n }\n }\n }\n\n .actions {\n display: flex;\n align-items: center;\n gap: 20px;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n\n .close-icon {\n transform: scale(1.3);\n background-color: transparent;\n border-radius: 0;\n padding: 0;\n }\n }\n`;\n\nexport const CustomDrop = styled.div`\n cursor: pointer;\n &.active .drop {\n transform: rotate(180deg);\n }\n`;\n"],"names":["styled","Button","EmptyDataContainer","StyledTableWrapper","StyledTable","CustomDrop"],"mappings":";;AAG8BA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBlBA,EAAO;AAAA;AAAA;AAAA;AAKAA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYNA,EAAO;AAAA;AAAA;AAAA;AAKTA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYHA,EAAOC,CAAM;AAEdD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBFA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQXA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaLA,EAAO;AAAA;AAAA;AAAA;AAAA;AAMhBA,EAAO;AAAA;AAAA;AAAA;AAAA;AAMHA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQVA,EAAO;AAAA;AAAA;AAIJA,EAAO;AAAA;AAAA;AAAA;AAAA;AAMbA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUDA,EAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQdD,EAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAME,IAAqBF,EAAO;AAAA;AAAA;AAAA,GAK5BG,IAAqBH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA4B5BI,IAAcJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAqVrBK,IAAaL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}
1
+ {"version":3,"file":"returnstyles.js","sources":["../../../../../src/components/order-daily-overview/return-order-table/return-orders-filters/returnstyles.ts"],"sourcesContent":["import { Button } from '@bjsdistribution/dms-component-library';\nimport styled from 'styled-components';\n\nexport const IconContainers = styled.div`\n display: flex;\n gap: 5px;\n i {\n display: flex;\n width: 25px;\n height: 25px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n flex-shrink: 0;\n border-radius: 15px;\n background: #edebe8;\n svg {\n }\n }\n`;\n\nexport const Div = styled.div`\n display: flex;\n justify-content: center;\n`;\n\nexport const ModalTitle = styled.span`\n font-size: 20px;\n font-weight: 900;\n line-height: 32px;\n margin: 5px;\n padding: 0;\n text-transform: uppercase;\n align-items: center;\n display: flex;\n justify-content: center;\n`;\n\nexport const Description = styled.span`\n color: #aea9a1;\n padding: 10px;\n`;\n\nexport const Container = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n width: 75px;\n height: 75px;\n padding: 14px;\n border-radius: 50%;\n background: #eff2f5;\n border: 10px solid #b7d0f7;\n`;\n\nexport const ConfirmButton = styled(Button)``;\n\nexport const CancelButton = styled.button`\n cursor: pointer;\n font-size: 16px;\n opacity: 1;\n background: white;\n color: #3a3630;\n border: thin solid #3a3630;\n white-space: nowrap;\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 40px;\n padding: 8px 10px;\n border-radius: 6px;\n`;\n\nexport const SectionsContainer = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 10px;\n text-align: center;\n`;\n\nexport const MainContainer = styled.div`\n padding: 24px;\n border-radius: 12px;\n background: #ffffff;\n box-shadow: 0px 20px 24px -4px #10182814;\n width: 30%;\n max-width: 50%;\n margin: 0 auto;\n @media (max-width: 1024px) {\n max-width: 40%;\n }\n`;\n\nexport const ButtonContainer = styled.div`\n display: flex;\n flex-direction: row;\n gap: 10px;\n`;\n\nexport const Header = styled.div`\n display: flex;\n justify-content: space-between;\n border-bottom: 1px solid #e3e3e3;\n`;\n\nexport const HeaderText = styled.div`\n color: #3a3630;\n font-size: 16px;\n font-weight: 500;\n text-transform: uppercase;\n padding: 10px;\n`;\n\nexport const Padding = styled.div`\n padding: 0px 10px 10px 10px;\n`;\n\nexport const HeaderCont = styled.div`\n display: flex;\n flex-direction: column;\n padding: 10px;\n`;\n\nexport const Main = styled.div`\n border: 1px solid #e3e3e3;\n background: #f8fafc;\n justify-content: space-between;\n align-items: center;\n border-radius: 15px 15px 0 0;\n margin-top: 15px;\n padding-top: 10px;\n`;\n\nexport const SendButton = styled(Button)`\n border-radius: 25px;\n &:disabled {\n background-color: #d3d3d3;\n cursor: not-allowed;\n }\n`;\n\nexport const TdWrapper = styled.span`\n background-color: rgba(153, 153, 153, 0.1);\n padding: 3px 12px;\n border-radius: 4px;\n`;\n\nexport const EmptyDataContainer = styled.div`\n display: flex;\n justify-content: center;\n`;\n\nexport const StyledTableWrapper = styled.div`\n max-height: calc(100vh - 310px);\n overflow-x: hidden;\n width: 100%;\n padding-top: 10px;\n background: #fff;\n\n &::-webkit-scrollbar {\n width: 6px;\n border-radius: 100px;\n height: 6px;\n }\n\n &::-webkit-scrollbar-track {\n background: #e2e0db;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #989898;\n;\n border-radius: 100px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: #989898;\n;\n }\n`;\n\nexport const StyledTable = styled.table`\n border-spacing: 0 10px;\n width: 100%;\n table-layout: auto;\n\n thead {\n position: sticky;\n top: 0;\n z-index: 1;\n background: #fff;\n box-shadow: 0px 0px 1px #ffffff, 0px -10px 1px #ffffff;\n tr {\n border-radius: 40px;\n border-spacing: 0 10px;\n position: relative;\n font-family: 'lato', sans-serif;\n .emailInvoiceCheckbox {\n padding-right: 0px;\n width: 24px;\n > div {\n width: fit-content;\n }\n }\n .emailInvoiceNo {\n padding-left: 0px;\n }\n .emailInvoiceShare {\n width: 80px;\n }\n th {\n color: #3a3630;\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: 1.3;\n padding: 8px 6px;\n background: #f0f2f2;\n border-right: none;\n border-left: none;\n text-align: left;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-width: 1px 0;\n word-wrap: break-word;\n overflow-wrap: break-word;\n white-space: normal;\n\n .ant-checkbox-wrapper,\n .ant-checkbox,\n input[type='checkbox'] {\n transform: scale(0.8);\n transform-origin: center center;\n }\n\n &:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n &:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .sortIconClass {\n cursor: pointer;\n display: flex;\n align-items: center;\n gap: 4px;\n }\n }\n }\n }\n tbody {\n tr {\n td {\n color: #3a3630;\n font-size: 11px;\n font-style: normal;\n font-weight: 400;\n line-height: 1.3;\n padding: 6px 6px;\n background: #fff;\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-right: none;\n border-left: none;\n position: relative;\n word-wrap: break-word;\n overflow-wrap: break-word;\n white-space: normal;\n\n .custom-check,\n .ant-checkbox-wrapper,\n .ant-checkbox,\n input[type='checkbox'] {\n transform: scale(0.8);\n transform-origin: center center;\n }\n\n .disabled-wrapper {\n cursor: not-allowed !important;\n display: inline-block;\n * {\n pointer-events: none !important;\n }\n }\n .actionbox {\n display: flex;\n gap: 5px;\n }\n .shareIconContainer {\n display: flex;\n padding: 2px 8px;\n align-items: center;\n gap: 4px;\n border-radius: 20px;\n border: 1px solid var(--tonal-brown-101, #e2e0db);\n background: #fff;\n list-style-type: none;\n cursor: pointer;\n position: relative;\n }\n .statusCancelled {\n color: #e95252;\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusOnHold {\n color: #f4a503;\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusSubContracted {\n color: #845adf;\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusAwaiting {\n color: #845adf;\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusCompleted {\n color: #1f9254;\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusOutstanding {\n color: #f4a503;\n padding: 4px 8px;\n border-radius: 4px;\n }\n\n .statusUnknown {\n color: #000;\n padding: 4px 8px;\n border-radius: 4px;\n }\n .statustext {\n color: #1f9254;\n font-family: 'Open Sans';\n font-size: 11px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n }\n .downloadcontainer {\n display: flex;\n padding: 2px 12px;\n align-items: center;\n width: 28px;\n height: 28px;\n flex-direction: column;\n border-radius: 14px;\n border: 1px solid #e2e0db;\n background: #fff;\n }\n .statuscontainer {\n display: flex;\n padding: 5px 30px 5px 30px;\n justify-content: center;\n align-items: center;\n gap: 5px;\n flex: 1 0 0;\n border-radius: 22px;\n background: rgba(41, 204, 106, 0.15);\n }\n .awaiting {\n display: flex;\n min-width: fit-content;\n padding: 4px 6px;\n justify-content: center;\n align-items: center;\n gap: 5px;\n border-radius: 22px;\n background: rgba(233, 82, 82, 0.15);\n color: #e95252;\n font-family: 'Open Sans';\n font-size: 11px;\n font-weight: 600;\n }\n ul > li > a {\n text-decoration: none !important;\n color: #0099ff;\n word-break: break-all;\n }\n }\n &:nth-child(even) td {\n background: #f6fbff;\n }\n td:first-child {\n border-radius: 100px 0 0 100px;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n }\n td:last-child {\n border-radius: 0px 100px 100px 0;\n border-right: 1px solid rgba(0, 0, 0, 0.08);\n }\n .flex {\n display: flex;\n flex-direction: row;\n gap: 5px;\n height: 29px;\n align-items: center;\n }\n\n &.insideTable {\n td {\n border-radius: 0;\n border: none;\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n table {\n border-spacing: 0;\n width: 100%;\n border-radius: 5px;\n border: 1px solid rgba(0, 0, 0, 0.08);\n overflow: hidden;\n border-top-left-radius: 15px;\n border-top-right-radius: 15px;\n thead {\n tr {\n border-bottom: none;\n th {\n padding: 14px 20px;\n text-align: left;\n border-top: 0;\n border-right: 0;\n border-left: 0;\n background: #f8fafc;\n\n &:first-child {\n border-radius: 0;\n border-left: 1px solid rgba(0, 0, 0, 0.08);\n border-top-left-radius: 15px;\n }\n &:last-child {\n border-radius: 0;\n }\n }\n }\n }\n tbody {\n tr.product-row td {\n border-bottom: none;\n }\n\n tr.ni-row td {\n border-top: none;\n padding-top: 0;\n background: #fff;\n }\n\n tr.product-row td:first-child {\n border-bottom-left-radius: 0;\n }\n\n tr.product-row td:last-child {\n border-bottom-right-radius: 0;\n }\n\n tr.ni-row td:first-child {\n border-top-left-radius: 0;\n }\n\n tr.ni-row td:last-child {\n border-top-right-radius: 0;\n }\n\n tr.ni-row:nth-child(even) td {\n background: #fff;\n }\n tr {\n td {\n padding: 14px 20px;\n text-align: left;\n border-bottom: 1px solid rgba(58, 54, 48, 0.15);\n background: #fff;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n &:last-child {\n border-radius: 0;\n border-right: none;\n }\n }\n }\n }\n }\n }\n }\n }\n\n .actions {\n display: flex;\n align-items: center;\n gap: 20px;\n > svg {\n transform: scale(1.5);\n background-color: #edebe8;\n border-radius: 20px;\n padding: 5px;\n }\n\n .close-icon {\n transform: scale(1.3);\n background-color: transparent;\n border-radius: 0;\n padding: 0;\n }\n }\n`;\n\nexport const CustomDrop = styled.div`\n cursor: pointer;\n &.active .drop {\n transform: rotate(180deg);\n }\n`;\n"],"names":["styled","Button","EmptyDataContainer","StyledTableWrapper","StyledTable","CustomDrop"],"mappings":";;AAG8BA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBlBA,EAAO;AAAA;AAAA;AAAA;AAKAA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYNA,EAAO;AAAA;AAAA;AAAA;AAKTA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYHA,EAAOC,CAAM;AAEdD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBFA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQXA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaLA,EAAO;AAAA;AAAA;AAAA;AAAA;AAMhBA,EAAO;AAAA;AAAA;AAAA;AAAA;AAMHA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQVA,EAAO;AAAA;AAAA;AAIJA,EAAO;AAAA;AAAA;AAAA;AAAA;AAMbA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUDA,EAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQdD,EAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAME,IAAqBF,EAAO;AAAA;AAAA;AAAA,GAK5BG,IAAqBH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA8B5BI,IAAcJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAqVrBK,IAAaL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.1.91-prod",
2
+ "version": "0.1.92-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
+ }