npm - @bjsdistribution/dms-client-return - Versions diffs - 0.1.99-prod → 0.2.0-prod - Mend

@bjsdistribution/dms-client-return 0.1.99-prod → 0.2.0-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.

Files changed (48) hide show

package/dist/components/order-daily-overview/return-after-table/table/OrderTable.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx as e, Fragment as $, jsxs as t } from "react/jsx-runtime";
-import { Select as V, notification as w, Skeleton as z, Empty as B } from "antd";
-import { useRef as k, useState as S, useMemo as G, useEffect as v } from "react";
+import { Select as V, notification as k, Skeleton as z, Empty as B } from "antd";
+import { useRef as S, useState as v, useMemo as G, useEffect as D } from "react";
 import { useOrderId as q, useReturnAfterOrderData as J } from "../../../order-view/store.js";
 import { EmptyDataContainer as K } from "../../table/table-data/styles.js";
 import Q from "../../../../assets/icons/PrinterIcon.js";
@@ -12,24 +12,24 @@ import { formatDate as oe, displayValueOrNA as o } from "../../shared/utlis.js";
 import ce from "../../shared/elements/PrintDropDown.js";
 import { useAssignData as ae, useAssignPayload as le, useCallApiAgain as se, useClientPortal as ie } from "../../../store.js";
 import de from "styled-components";
-import { useApiHook as ue } from "@bjsdistribution/dms-component-library";
-import D from "../../../../common/CaretDownFilledIcon.js";
-import he from "../../../../common/SortIcon.js";
-import { WEIGHT_UNIT as N, VOLUME_UNIT as pe, getAccountTypeLabel as F } from "../../../../common/utils.js";
-const Le = () => {
-  const I = k(null), h = k(null), [m, f] = re(), [O] = ae(), [, P] = q(), [d] = J(), [b, T] = le(), [, L] = S(!1), [, C] = se(), [E] = te(), [R] = ie(), [l, U] = S(null), s = (r) => {
+import { useApiHook as ue, toReverseDeliveryLabel as he } from "@bjsdistribution/dms-component-library";
+import N from "../../../../common/CaretDownFilledIcon.js";
+import pe from "../../../../common/SortIcon.js";
+import { WEIGHT_UNIT as F, VOLUME_UNIT as ge, getAccountTypeLabel as I } from "../../../../common/utils.js";
+const Re = () => {
+  const O = S(null), h = S(null), [m, f] = re(), [P] = ae(), [, T] = q(), [d] = J(), [b, L] = le(), [, R] = v(!1), [, C] = se(), [E] = te(), [y] = ie(), [l, U] = v(null), s = (r) => {
     U((n) => n?.key === r && n.direction === "asc" ? { key: r, direction: "desc" } : { key: r, direction: "asc" });
-  }, y = G(() => {
+  }, _ = G(() => {
     if (!d || !l) return d;
     const { key: r, direction: n } = l;
-    return [...d].sort((_, u) => {
-      const c = _[r], a = u[r];
+    return [...d].sort((w, u) => {
+      const c = w[r], a = u[r];
       return typeof c == "number" && typeof a == "number" ? n === "asc" ? c - a : a - c : typeof c == "string" && typeof a == "string" ? n === "asc" ? c.localeCompare(a) : a.localeCompare(c) : 0;
     });
-  }, [d, l]), i = (r) => !l || l.key !== r ? /* @__PURE__ */ e(he, {}) : l.direction === "asc" ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(D, {}), j = (r) => {
+  }, [d, l]), i = (r) => !l || l.key !== r ? /* @__PURE__ */ e(pe, {}) : l.direction === "asc" ? /* @__PURE__ */ e(N, {}) : /* @__PURE__ */ e(N, {}), j = (r) => {
     f((n) => n === r ? null : r);
   };
-  v(() => (document.addEventListener("mousedown", A), () => {
+  D(() => (document.addEventListener("mousedown", A), () => {
     document.removeEventListener("mousedown", A);
   }), []);
   const A = (r) => {
@@ -67,22 +67,22 @@ const Le = () => {
     method: "PUT",
     body: [b],
     performAction: !1
-  }), H = O?.map((r) => ({
+  }), H = P?.map((r) => ({
     label: r?.type?.charAt(0)?.toUpperCase() + r?.type?.slice(1),
     value: r?.bjs_delivery
   })), M = (r, n) => {
-    C(!1), L(n), T({
+    C(!1), R(n), L({
       ...b,
       return_order_id: r,
       bjs_delivery: n
     }), W(!0);
   };
-  return v(() => {
-    p?.code === 200 ? (C(!0), w.success({
+  return D(() => {
+    p?.code === 200 ? (C(!0), k.success({
       message: "Success",
       // @ts-ignore
       description: `${p?.message}`
-    })) : g?.detail && w.error({
+    })) : g?.detail && k.error({
       message: "Failure",
       // @ts-ignore
       description: `${g?.detail[0]?.msg}`
@@ -109,13 +109,13 @@ const Le = () => {
       /* @__PURE__ */ e("th", { children: " Total Orders" }),
       /* @__PURE__ */ e("th", { onClick: () => s("weight"), children: /* @__PURE__ */ t("div", { className: "sortIconClass", children: [
         "Total Weight (",
-        N,
+        F,
         ") ",
         i("weight")
       ] }) }),
       /* @__PURE__ */ e("th", { onClick: () => s("cube"), children: /* @__PURE__ */ t("div", { className: "sortIconClass", children: [
         "Total ",
-        pe,
+        ge,
         " ",
         i("cube")
       ] }) }),
@@ -126,7 +126,7 @@ const Le = () => {
     /* @__PURE__ */ e("tbody", { children: E ? /* @__PURE__ */ t("tr", { children: [
       /* @__PURE__ */ e("td", { colSpan: 16, children: /* @__PURE__ */ e(z, { active: !0 }) }),
       /* @__PURE__ */ e("td", { colSpan: 16 })
-    ] }) : y?.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 16, children: /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(B, {}) }) }) }) : y?.map((r, n) => {
+    ] }) : _?.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 16, children: /* @__PURE__ */ e(K, { children: /* @__PURE__ */ e(B, {}) }) }) }) : _?.map((r, n) => {
       const u = {
         cancelled: "Cancelled",
         "on hold": "On Hold",
@@ -140,17 +140,19 @@ const Le = () => {
       }[r?.status_value] || "Unknown", c = x(u);
       return /* @__PURE__ */ t("tr", { children: [
         /* @__PURE__ */ e("td", { children: oe(new Date(r?.created_at)) }),
-        /* @__PURE__ */ e("td", { children: o(r?.return_location_name) }),
+        /* @__PURE__ */ e("td", { children: y ? o(r?.return_location_name) : o(
+          he(r?.return_location_name)
+        ) }),
         /* @__PURE__ */ e("td", { children: r?.locations?.length ? r?.locations.join(", ") : "N/A" }),
         /* @__PURE__ */ t("td", { children: [
           o(r?.customer_name),
-          F(r?.owner_id) && /* @__PURE__ */ t("span", { children: [
+          I(r?.owner_id) && /* @__PURE__ */ t("span", { children: [
             " (",
-            F(r?.owner_id),
+            I(r?.owner_id),
             ")"
           ] })
         ] }),
-        /* @__PURE__ */ e("td", { onClick: () => P(r.id), children: /* @__PURE__ */ t("ul", { style: { listStyleType: "none", padding: 0 }, children: [
+        /* @__PURE__ */ e("td", { onClick: () => T(r.id), children: /* @__PURE__ */ t("ul", { style: { listStyleType: "none", padding: 0 }, children: [
           /* @__PURE__ */ e(
             "li",
             {
@@ -166,7 +168,7 @@ const Le = () => {
         ] }) }),
         /* @__PURE__ */ t("td", { children: [
           o(r?.consignment),
-          !R && Number(r?.failure_count) > 0 && /* @__PURE__ */ t(
+          !y && Number(r?.failure_count) > 0 && /* @__PURE__ */ t(
             "span",
             {
               style: {
@@ -189,11 +191,11 @@ const Le = () => {
         /* @__PURE__ */ t("td", { children: [
           o(r?.weight),
           " ",
-          r?.weight && r?.weight > 0 ? N : ""
+          r?.weight && r?.weight > 0 ? F : ""
         ] }),
         /* @__PURE__ */ e("td", { children: o(r?.cube) }),
         /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
-          ge,
+          me,
           {
             options: H,
             placeholder: "Select",
@@ -223,7 +225,7 @@ const Le = () => {
         /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("ul", { className: "actionbox", children: /* @__PURE__ */ e(
           ee,
           {
-            ref: I,
+            ref: O,
             className: m === n ? "active" : "",
             children: /* @__PURE__ */ t(
               "li",
@@ -242,7 +244,7 @@ const Le = () => {
       ] }, r.id);
     }) })
   ] }) }) });
-}, ge = de(V)`
+}, me = de(V)`
   .ant-select-selector {
     /* width: 22vw; */
     border-radius: 22px;
@@ -253,6 +255,6 @@ const Le = () => {
   }
 `;
 export {
-  Le as default
+  Re as default
 };
 //# sourceMappingURL=OrderTable.js.map

package/dist/components/order-daily-overview/return-after-table/table/OrderTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderTable.js","sources":["../../../../../src/components/order-daily-overview/return-after-table/table/OrderTable.tsx"],"sourcesContent":["import { Empty, notification, Select } from 'antd';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { Skeleton } from 'antd';\n// import { useSelectedOrders } from '../../../store';\nimport { useOrderId, useReturnAfterOrderData } from '../../../order-view/store';\nimport { EmptyDataContainer } from '../../table/table-data/styles';\nimport PrinterIcon from '../../../../assets/icons/PrinterIcon';\nimport DownIcon from '../../../../assets/icons/DownIcon';\nimport {\n StyledTable,\n StyledTableWrapper,\n CustomDrop,\n} from '../../return-order-table/return-orders-filters/returnstyles';\nimport { useLoading, usePrintOptionTOggle } from '../../store/store';\nimport { NavLink } from 'react-router-dom';\nimport { displayValueOrNA, formatDate } from '../../shared/utlis';\nimport PrintDropDown from '../../shared/elements/PrintDropDown';\nimport {\n useAssignData,\n useAssignPayload,\n useCallApiAgain,\n useClientPortal,\n} from '../../../store';\nimport styled from 'styled-components';\nimport { useApiHook } from '@bjsdistribution/dms-component-library';\nimport { ApiResponse } from '../../common/interface';\nimport CaretDownFilledIcon from '../../../../common/CaretDownFilledIcon';\nimport SortIcon from '../../../../common/SortIcon';\nimport { VOLUME_UNIT } from '../../../../common/utils';\nimport { WEIGHT_UNIT, getAccountTypeLabel } from '../../../../common/utils';\n\nconst OrderTable = () => {\n // const [, setSelectedReturnOrder] = useSelectedOrders();\n // const [selectAll, setSelectAll] = useState(false);\n const dropdownRefParent = useRef<HTMLDivElement>(null);\n const dropdownRef = useRef<HTMLDivElement>(null);\n const [printToogle, setPrintToggle] = usePrintOptionTOggle();\n const [assignData] = useAssignData();\n const [, setOrderId] = useOrderId();\n const [returnAfterOrder] = useReturnAfterOrderData();\n const [assignPayload, setAssignPayload] = useAssignPayload();\n const [, setAssign] = useState<boolean>(false);\n const [, setCallAPi] = useCallApiAgain();\n const [loading] = useLoading();\n const [isClientPortal] = useClientPortal();\n\n //sorting\n const [sortConfig, setSortConfig] = useState<{\n key: string;\n direction: 'asc' \| 'desc';\n } \| null>(null);\n\n const handleSort = (key: string) => {\n setSortConfig((prev: any) => {\n if (prev?.key === key && prev.direction === 'asc') {\n return { key, direction: 'desc' };\n }\n return { key, direction: 'asc' };\n });\n };\n\n const sortedData = useMemo(() => {\n if (!returnAfterOrder \|\| !sortConfig) return returnAfterOrder;\n\n const { key, direction } = sortConfig;\n return [...returnAfterOrder].sort((a, b) => {\n const valueA = a[key];\n const valueB = b[key];\n\n if (typeof valueA === 'number' && typeof valueB === 'number') {\n return direction === 'asc' ? valueA - valueB : valueB - valueA;\n }\n if (typeof valueA === 'string' && typeof valueB === 'string') {\n return direction === 'asc'\n ? valueA.localeCompare(valueB)\n : valueB.localeCompare(valueA);\n }\n return 0;\n });\n }, [returnAfterOrder, sortConfig]);\n\n const renderSortIcon = (columnKey: string) => {\n if (!sortConfig \|\| sortConfig.key !== columnKey) {\n return <SortIcon />;\n }\n return sortConfig.direction === 'asc' ? (\n <CaretDownFilledIcon />\n ) : (\n <CaretDownFilledIcon />\n );\n };\n\n const OpenDropDown = (index: number) => {\n setPrintToggle(prevIndex => (prevIndex === index ? null : index));\n };\n\n // Close dropdown outside click\n useEffect(() => {\n document.addEventListener('mousedown', handleClickOutside);\n return () => {\n document.removeEventListener('mousedown', handleClickOutside);\n };\n }, []);\n const handleClickOutside = (event: MouseEvent) => {\n if (\n dropdownRef.current &&\n !dropdownRef.current.contains(event.target as Node)\n ) {\n setPrintToggle(null);\n }\n };\n\n // const handleSelectAll = (e: any) => {\n // setSelectAll(e.target.checked);\n // if (e.target.checked) {\n // setSelectedReturnOrder(\n // returnAfterOrder.map((e: any) => ({\n // id: e.id,\n // status_id: 3,\n // }))\n // );\n // } else {\n // setSelectedReturnOrder([]);\n // }\n // };\n\n // const handleSelectInvoice = (id: any) => {\n // setSelectedReturnOrder((prevSelectedInvoices: any) => {\n // const isSelected = prevSelectedInvoices?.some(\n // (item: any) => item.id === id\n // );\n\n // if (isSelected) {\n // return prevSelectedInvoices.filter((items: any) => items.id !== id);\n // } else {\n // return [...prevSelectedInvoices, { id, status_id: 3 }];\n // }\n // });\n // };\n\n const getStatusClass = (status: string) => {\n switch (status) {\n case 'Cancelled':\n return { color: '#E95252', background: 'rgba(233, 82, 82, 0.15)' };\n case 'On Hold':\n return { color: '#F4A503', background: '#FFF1D6' };\n case 'Sub-Contracted':\n return { color: '#F4A503', background: '#FFF1D6' };\n case 'Awaiting route':\n return { color: '#845ADF', background: 'rgba(132, 90, 223, 0.15)' };\n case 'Awaiting':\n return { color: '#845ADF', background: 'rgba(132, 90, 223, 0.15)' };\n case 'Completed':\n return {\n color: '#1F9254',\n background: 'rgba(41, 204, 106, 0.15)',\n };\n case 'Outstanding':\n return { color: '#FF9900', background: 'rgba(255, 153, 0, 0.15)' };\n case 'Routed':\n return { color: '#6396E5', background: 'rgba(99, 150, 229, 0.15)' };\n default:\n return { color: '#000', background: '#fff' };\n }\n };\n\n // API for Assign\n const {\n data: actionResponse,\n setShouldPerformAction: setAssignAction,\n error: apiError,\n } = useApiHook<{\n data: ApiResponse[];\n }>({\n endpoint: `return_orders/update/assign/`,\n method: 'PUT',\n body: [assignPayload],\n performAction: false,\n });\n\n //client options\n const assignOptions = assignData?.map((option: any) => ({\n label: option?.type?.charAt(0)?.toUpperCase() + option?.type?.slice(1),\n value: option?.bjs_delivery,\n }));\n\n const handleAssignPayload = (Id: number, value: boolean) => {\n setCallAPi(false);\n setAssign(value);\n setAssignPayload({\n ...assignPayload,\n return_order_id: Id,\n bjs_delivery: value,\n });\n setAssignAction(true);\n };\n\n useEffect(() => {\n //@ts-ignore\n if (actionResponse?.code === 200) {\n setCallAPi(true);\n notification.success({\n message: 'Success',\n // @ts-ignore\n description: `${actionResponse?.message}`,\n });\n // @ts-ignore\n } else if (apiError?.detail) {\n notification.error({\n message: 'Failure',\n // @ts-ignore\n description: `${apiError?.detail[0]?.msg}`,\n });\n }\n }, [actionResponse, apiError]);\n\n return (\n <>\n <StyledTableWrapper className=\"fortables\">\n <StyledTable>\n <thead>\n <tr>\n {/* <th className=\"emailInvoiceCheckbox\">\n <Checkbox checked={false} />\n </th> /}\n <th onClick={() => handleSort('created_at')}>\n <div className=\"sortIconClass\">\n Created {renderSortIcon('created_at')}\n </div>\n </th>\n <th onClick={() => handleSort('return_location_name')}>\n <div className=\"sortIconClass\">\n Return Location {renderSortIcon('return_location_name')}\n </div>\n </th>\n <th>Pick Up Location</th>\n <th> Client</th>\n <th onClick={() => handleSort('recipient_name')}>\n <div className=\"sortIconClass\">\n Recipient {renderSortIcon('recipient_name')}\n </div>\n </th>\n <th>Consignment</th>\n <th>Return Order No</th>\n <th> Total Parts</th>\n <th> Total Orders</th>\n <th onClick={() => handleSort('weight')}>\n <div className=\"sortIconClass\">\n Total Weight ({WEIGHT_UNIT}) {renderSortIcon('weight')}\n </div>\n </th>\n <th onClick={() => handleSort('cube')}>\n <div className=\"sortIconClass\">\n Total {VOLUME_UNIT} {renderSortIcon('cube')}\n </div>\n </th>\n <th>Assign</th>\n <th>Status</th>\n <th className=\"emailInvoiceShare\">Labels</th>\n </tr>\n </thead>\n <tbody>\n {loading ? (\n <tr>\n <td colSpan={16}>\n <Skeleton active />\n </td>\n <td colSpan={16}></td>\n </tr>\n ) : sortedData?.length === 0 ? (\n <tr>\n <td colSpan={16}>\n <EmptyDataContainer>\n <Empty />\n </EmptyDataContainer>\n </td>\n </tr>\n ) : (\n sortedData?.map((item: any, index: any) => {\n const statusMapping: any = {\n cancelled: 'Cancelled',\n 'on hold': 'On Hold',\n SC: 'Sub-Contracted',\n 'awaiting route': 'Awaiting',\n 'awaiting confirmation': 'Awaiting',\n complete: 'Completed',\n outstanding: 'Outstanding',\n routed: 'Routed',\n failed: 'Failed',\n };\n const status = statusMapping[item?.status_value] \|\| 'Unknown';\n const statusClass = getStatusClass(status);\n\n return (\n <tr key={item.id}>\n {/ <td>\n <Checkbox\n checked={false}\n // onChange={() => handleSelectInvoice(item.id)}\n />\n </td> /}\n <td>{formatDate(new Date(item?.created_at))}</td>\n <td>{displayValueOrNA(item?.return_location_name)}</td>\n\n <td>\n {item?.locations?.length\n ? item?.locations.join(', ')\n : 'N/A'}\n </td>\n\n <td>\n {displayValueOrNA(item?.customer_name)}\n {getAccountTypeLabel(item?.owner_id) && (\n <span> ({getAccountTypeLabel(item?.owner_id)})</span>\n )}\n </td>\n\n <td onClick={() => setOrderId(item.id)}>\n <ul style={{ listStyleType: 'none', padding: 0 }}>\n <li\n style={{\n color: '#0099ff',\n fontWeight: 600,\n paddingLeft: 0,\n }}\n >\n <NavLink to={`../${item.id}`}>\n {displayValueOrNA(item?.recipient_name)}\n </NavLink>\n </li>\n <li style={{ color: '#888075' }}>\n {displayValueOrNA(item?.postcode)}\n </li>\n </ul>\n </td>\n\n <td>\n {displayValueOrNA(item?.consignment)}\n {!isClientPortal && Number(item?.failure_count) > 0 && (\n <span\n style={{\n color: 'inherit',\n fontWeight: 700,\n marginLeft: 2,\n }}\n title=\"Delivery Failure Count\"\n >\n - [{item?.failure_count}]\n </span>\n )}\n </td>\n <td>{displayValueOrNA(item?.order_number)}</td>\n\n <td>{displayValueOrNA(item?.total_products)}</td>\n <td>{displayValueOrNA(item?.total_orders)}</td>\n\n <td>\n {displayValueOrNA(item?.weight)}{' '}\n {item?.weight && item?.weight > 0 ? WEIGHT_UNIT : ''}\n </td>\n\n <td>{displayValueOrNA(item?.cube)}</td>\n\n <td key={item.id}>\n <StyledAntSelect\n options={assignOptions}\n placeholder=\"Select\"\n onChange={(value: any) =>\n handleAssignPayload(item?.id, value)\n }\n style={{ width: '150px' }}\n value={item?.bjs_delivery}\n />\n </td>\n\n <td>\n <ul\n className=\"statuscontainer\"\n style={{\n listStyleType: 'none',\n background: statusClass.background,\n }}\n >\n <li\n className=\"statustext\"\n style={{ color: statusClass.color }}\n >\n {status}\n </li>\n </ul>\n </td>\n <td>\n <ul className=\"actionbox\">\n <CustomDrop\n ref={dropdownRefParent}\n className={printToogle === index ? 'active' : ''}\n >\n <li\n className=\"shareIconContainer\"\n onClick={() => OpenDropDown(index)}\n >\n <PrinterIcon />\n <DownIcon />\n\n {printToogle === index && (\n <div ref={dropdownRef}>\n <PrintDropDown legacyProductId={item} />\n </div>\n )}\n </li>\n </CustomDrop>\n </ul>\n </td>\n </tr>\n );\n })\n )}\n </tbody>\n </StyledTable>\n </StyledTableWrapper>\n </>\n );\n};\n\nconst StyledAntSelect = styled(Select)`\n .ant-select-selector {\n / width: 22vw; */\n border-radius: 22px;\n }\n .ant-select-clear {\n top: 40% !important;\n font-size: 18px !important;\n }\n`;\n\nexport default OrderTable;\n"],"names":["OrderTable","dropdownRefParent","useRef","dropdownRef","printToogle","setPrintToggle","usePrintOptionTOggle","assignData","useAssignData","setOrderId","useOrderId","returnAfterOrder","useReturnAfterOrderData","assignPayload","setAssignPayload","useAssignPayload","setAssign","useState","setCallAPi","useCallApiAgain","loading","useLoading","isClientPortal","useClientPortal","sortConfig","setSortConfig","handleSort","key","prev","sortedData","useMemo","direction","a","b","valueA","valueB","renderSortIcon","columnKey","SortIcon","CaretDownFilledIcon","OpenDropDown","index","prevIndex","useEffect","handleClickOutside","event","getStatusClass","status","actionResponse","setAssignAction","apiError","useApiHook","assignOptions","option","handleAssignPayload","Id","value","notification","jsx","StyledTableWrapper","StyledTable","jsxs","WEIGHT_UNIT","VOLUME_UNIT","Skeleton","EmptyDataContainer","Empty","item","statusClass","formatDate","displayValueOrNA","getAccountTypeLabel","NavLink","StyledAntSelect","CustomDrop","PrinterIcon","DownIcon","PrintDropDown","styled","Select"],"mappings":"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"}
1	+ {"version":3,"file":"OrderTable.js","sources":["../../../../../src/components/order-daily-overview/return-after-table/table/OrderTable.tsx"],"sourcesContent":["import { Empty, notification, Select } from 'antd';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { Skeleton } from 'antd';\n// import { useSelectedOrders } from '../../../store';\nimport { useOrderId, useReturnAfterOrderData } from '../../../order-view/store';\nimport { EmptyDataContainer } from '../../table/table-data/styles';\nimport PrinterIcon from '../../../../assets/icons/PrinterIcon';\nimport DownIcon from '../../../../assets/icons/DownIcon';\nimport {\n StyledTable,\n StyledTableWrapper,\n CustomDrop,\n} from '../../return-order-table/return-orders-filters/returnstyles';\nimport { useLoading, usePrintOptionTOggle } from '../../store/store';\nimport { NavLink } from 'react-router-dom';\nimport { displayValueOrNA, formatDate } from '../../shared/utlis';\nimport PrintDropDown from '../../shared/elements/PrintDropDown';\nimport {\n useAssignData,\n useAssignPayload,\n useCallApiAgain,\n useClientPortal,\n} from '../../../store';\nimport styled from 'styled-components';\nimport { toReverseDeliveryLabel, useApiHook } from '@bjsdistribution/dms-component-library';\nimport { ApiResponse } from '../../common/interface';\nimport CaretDownFilledIcon from '../../../../common/CaretDownFilledIcon';\nimport SortIcon from '../../../../common/SortIcon';\nimport { WEIGHT_UNIT } from '../../../../common/utils';\nimport { VOLUME_UNIT } from '../../../../common/utils';\nimport { getAccountTypeLabel } from '../../../../common/utils';\n\nconst OrderTable = () => {\n // const [, setSelectedReturnOrder] = useSelectedOrders();\n // const [selectAll, setSelectAll] = useState(false);\n const dropdownRefParent = useRef<HTMLDivElement>(null);\n const dropdownRef = useRef<HTMLDivElement>(null);\n const [printToogle, setPrintToggle] = usePrintOptionTOggle();\n const [assignData] = useAssignData();\n const [, setOrderId] = useOrderId();\n const [returnAfterOrder] = useReturnAfterOrderData();\n const [assignPayload, setAssignPayload] = useAssignPayload();\n const [, setAssign] = useState<boolean>(false);\n const [, setCallAPi] = useCallApiAgain();\n const [loading] = useLoading();\n const [isClientPortal] = useClientPortal();\n\n //sorting\n const [sortConfig, setSortConfig] = useState<{\n key: string;\n direction: 'asc' \| 'desc';\n } \| null>(null);\n\n const handleSort = (key: string) => {\n setSortConfig((prev: any) => {\n if (prev?.key === key && prev.direction === 'asc') {\n return { key, direction: 'desc' };\n }\n return { key, direction: 'asc' };\n });\n };\n\n const sortedData = useMemo(() => {\n if (!returnAfterOrder \|\| !sortConfig) return returnAfterOrder;\n\n const { key, direction } = sortConfig;\n return [...returnAfterOrder].sort((a, b) => {\n const valueA = a[key];\n const valueB = b[key];\n\n if (typeof valueA === 'number' && typeof valueB === 'number') {\n return direction === 'asc' ? valueA - valueB : valueB - valueA;\n }\n if (typeof valueA === 'string' && typeof valueB === 'string') {\n return direction === 'asc'\n ? valueA.localeCompare(valueB)\n : valueB.localeCompare(valueA);\n }\n return 0;\n });\n }, [returnAfterOrder, sortConfig]);\n\n const renderSortIcon = (columnKey: string) => {\n if (!sortConfig \|\| sortConfig.key !== columnKey) {\n return <SortIcon />;\n }\n return sortConfig.direction === 'asc' ? (\n <CaretDownFilledIcon />\n ) : (\n <CaretDownFilledIcon />\n );\n };\n\n const OpenDropDown = (index: number) => {\n setPrintToggle(prevIndex => (prevIndex === index ? null : index));\n };\n\n // Close dropdown outside click\n useEffect(() => {\n document.addEventListener('mousedown', handleClickOutside);\n return () => {\n document.removeEventListener('mousedown', handleClickOutside);\n };\n }, []);\n const handleClickOutside = (event: MouseEvent) => {\n if (\n dropdownRef.current &&\n !dropdownRef.current.contains(event.target as Node)\n ) {\n setPrintToggle(null);\n }\n };\n\n // const handleSelectAll = (e: any) => {\n // setSelectAll(e.target.checked);\n // if (e.target.checked) {\n // setSelectedReturnOrder(\n // returnAfterOrder.map((e: any) => ({\n // id: e.id,\n // status_id: 3,\n // }))\n // );\n // } else {\n // setSelectedReturnOrder([]);\n // }\n // };\n\n // const handleSelectInvoice = (id: any) => {\n // setSelectedReturnOrder((prevSelectedInvoices: any) => {\n // const isSelected = prevSelectedInvoices?.some(\n // (item: any) => item.id === id\n // );\n\n // if (isSelected) {\n // return prevSelectedInvoices.filter((items: any) => items.id !== id);\n // } else {\n // return [...prevSelectedInvoices, { id, status_id: 3 }];\n // }\n // });\n // };\n\n const getStatusClass = (status: string) => {\n switch (status) {\n case 'Cancelled':\n return { color: '#E95252', background: 'rgba(233, 82, 82, 0.15)' };\n case 'On Hold':\n return { color: '#F4A503', background: '#FFF1D6' };\n case 'Sub-Contracted':\n return { color: '#F4A503', background: '#FFF1D6' };\n case 'Awaiting route':\n return { color: '#845ADF', background: 'rgba(132, 90, 223, 0.15)' };\n case 'Awaiting':\n return { color: '#845ADF', background: 'rgba(132, 90, 223, 0.15)' };\n case 'Completed':\n return {\n color: '#1F9254',\n background: 'rgba(41, 204, 106, 0.15)',\n };\n case 'Outstanding':\n return { color: '#FF9900', background: 'rgba(255, 153, 0, 0.15)' };\n case 'Routed':\n return { color: '#6396E5', background: 'rgba(99, 150, 229, 0.15)' };\n default:\n return { color: '#000', background: '#fff' };\n }\n };\n\n // API for Assign\n const {\n data: actionResponse,\n setShouldPerformAction: setAssignAction,\n error: apiError,\n } = useApiHook<{\n data: ApiResponse[];\n }>({\n endpoint: `return_orders/update/assign/`,\n method: 'PUT',\n body: [assignPayload],\n performAction: false,\n });\n\n //client options\n const assignOptions = assignData?.map((option: any) => ({\n label: option?.type?.charAt(0)?.toUpperCase() + option?.type?.slice(1),\n value: option?.bjs_delivery,\n }));\n\n const handleAssignPayload = (Id: number, value: boolean) => {\n setCallAPi(false);\n setAssign(value);\n setAssignPayload({\n ...assignPayload,\n return_order_id: Id,\n bjs_delivery: value,\n });\n setAssignAction(true);\n };\n\n useEffect(() => {\n //@ts-ignore\n if (actionResponse?.code === 200) {\n setCallAPi(true);\n notification.success({\n message: 'Success',\n // @ts-ignore\n description: `${actionResponse?.message}`,\n });\n // @ts-ignore\n } else if (apiError?.detail) {\n notification.error({\n message: 'Failure',\n // @ts-ignore\n description: `${apiError?.detail[0]?.msg}`,\n });\n }\n }, [actionResponse, apiError]);\n\n return (\n <>\n <StyledTableWrapper className=\"fortables\">\n <StyledTable>\n <thead>\n <tr>\n {/* <th className=\"emailInvoiceCheckbox\">\n <Checkbox checked={false} />\n </th> /}\n <th onClick={() => handleSort('created_at')}>\n <div className=\"sortIconClass\">\n Created {renderSortIcon('created_at')}\n </div>\n </th>\n <th onClick={() => handleSort('return_location_name')}>\n <div className=\"sortIconClass\">\n Return Location {renderSortIcon('return_location_name')}\n </div>\n </th>\n <th>Pick Up Location</th>\n <th> Client</th>\n <th onClick={() => handleSort('recipient_name')}>\n <div className=\"sortIconClass\">\n Recipient {renderSortIcon('recipient_name')}\n </div>\n </th>\n <th>Consignment</th>\n <th>Return Order No</th>\n <th> Total Parts</th>\n <th> Total Orders</th>\n <th onClick={() => handleSort('weight')}>\n <div className=\"sortIconClass\">\n Total Weight ({WEIGHT_UNIT}) {renderSortIcon('weight')}\n </div>\n </th>\n <th onClick={() => handleSort('cube')}>\n <div className=\"sortIconClass\">\n Total {VOLUME_UNIT} {renderSortIcon('cube')}\n </div>\n </th>\n <th>Assign</th>\n <th>Status</th>\n <th className=\"emailInvoiceShare\">Labels</th>\n </tr>\n </thead>\n <tbody>\n {loading ? (\n <tr>\n <td colSpan={16}>\n <Skeleton active />\n </td>\n <td colSpan={16}></td>\n </tr>\n ) : sortedData?.length === 0 ? (\n <tr>\n <td colSpan={16}>\n <EmptyDataContainer>\n <Empty />\n </EmptyDataContainer>\n </td>\n </tr>\n ) : (\n sortedData?.map((item: any, index: any) => {\n const statusMapping: any = {\n cancelled: 'Cancelled',\n 'on hold': 'On Hold',\n SC: 'Sub-Contracted',\n 'awaiting route': 'Awaiting',\n 'awaiting confirmation': 'Awaiting',\n complete: 'Completed',\n outstanding: 'Outstanding',\n routed: 'Routed',\n failed: 'Failed',\n };\n const status = statusMapping[item?.status_value] \|\| 'Unknown';\n const statusClass = getStatusClass(status);\n\n return (\n <tr key={item.id}>\n {/ <td>\n <Checkbox\n checked={false}\n // onChange={() => handleSelectInvoice(item.id)}\n />\n </td> /}\n <td>{formatDate(new Date(item?.created_at))}</td>\n <td>\n {isClientPortal\n ? displayValueOrNA(item?.return_location_name)\n : displayValueOrNA(\n toReverseDeliveryLabel(item?.return_location_name)\n )}\n </td>\n\n <td>\n {item?.locations?.length\n ? item?.locations.join(', ')\n : 'N/A'}\n </td>\n\n <td>\n {displayValueOrNA(item?.customer_name)}\n {getAccountTypeLabel(item?.owner_id) && (\n <span> ({getAccountTypeLabel(item?.owner_id)})</span>\n )}\n </td>\n\n <td onClick={() => setOrderId(item.id)}>\n <ul style={{ listStyleType: 'none', padding: 0 }}>\n <li\n style={{\n color: '#0099ff',\n fontWeight: 600,\n paddingLeft: 0,\n }}\n >\n <NavLink to={`../${item.id}`}>\n {displayValueOrNA(item?.recipient_name)}\n </NavLink>\n </li>\n <li style={{ color: '#888075' }}>\n {displayValueOrNA(item?.postcode)}\n </li>\n </ul>\n </td>\n\n <td>\n {displayValueOrNA(item?.consignment)}\n {!isClientPortal && Number(item?.failure_count) > 0 && (\n <span\n style={{\n color: 'inherit',\n fontWeight: 700,\n marginLeft: 2,\n }}\n title=\"Delivery Failure Count\"\n >\n - [{item?.failure_count}]\n </span>\n )}\n </td>\n <td>{displayValueOrNA(item?.order_number)}</td>\n\n <td>{displayValueOrNA(item?.total_products)}</td>\n <td>{displayValueOrNA(item?.total_orders)}</td>\n\n <td>\n {displayValueOrNA(item?.weight)}{' '}\n {item?.weight && item?.weight > 0 ? WEIGHT_UNIT : ''}\n </td>\n\n <td>{displayValueOrNA(item?.cube)}</td>\n\n <td key={item.id}>\n <StyledAntSelect\n options={assignOptions}\n placeholder=\"Select\"\n onChange={(value: any) =>\n handleAssignPayload(item?.id, value)\n }\n style={{ width: '150px' }}\n value={item?.bjs_delivery}\n />\n </td>\n\n <td>\n <ul\n className=\"statuscontainer\"\n style={{\n listStyleType: 'none',\n background: statusClass.background,\n }}\n >\n <li\n className=\"statustext\"\n style={{ color: statusClass.color }}\n >\n {status}\n </li>\n </ul>\n </td>\n <td>\n <ul className=\"actionbox\">\n <CustomDrop\n ref={dropdownRefParent}\n className={printToogle === index ? 'active' : ''}\n >\n <li\n className=\"shareIconContainer\"\n onClick={() => OpenDropDown(index)}\n >\n <PrinterIcon />\n <DownIcon />\n\n {printToogle === index && (\n <div ref={dropdownRef}>\n <PrintDropDown legacyProductId={item} />\n </div>\n )}\n </li>\n </CustomDrop>\n </ul>\n </td>\n </tr>\n );\n })\n )}\n </tbody>\n </StyledTable>\n </StyledTableWrapper>\n </>\n );\n};\n\nconst StyledAntSelect = styled(Select)`\n .ant-select-selector {\n / width: 22vw; */\n border-radius: 22px;\n }\n .ant-select-clear {\n top: 40% !important;\n font-size: 18px !important;\n }\n`;\n\nexport default OrderTable;\n"],"names":["OrderTable","dropdownRefParent","useRef","dropdownRef","printToogle","setPrintToggle","usePrintOptionTOggle","assignData","useAssignData","setOrderId","useOrderId","returnAfterOrder","useReturnAfterOrderData","assignPayload","setAssignPayload","useAssignPayload","setAssign","useState","setCallAPi","useCallApiAgain","loading","useLoading","isClientPortal","useClientPortal","sortConfig","setSortConfig","handleSort","key","prev","sortedData","useMemo","direction","a","b","valueA","valueB","renderSortIcon","columnKey","SortIcon","CaretDownFilledIcon","OpenDropDown","index","prevIndex","useEffect","handleClickOutside","event","getStatusClass","status","actionResponse","setAssignAction","apiError","useApiHook","assignOptions","option","handleAssignPayload","Id","value","notification","jsx","StyledTableWrapper","StyledTable","jsxs","WEIGHT_UNIT","VOLUME_UNIT","Skeleton","EmptyDataContainer","Empty","item","statusClass","formatDate","displayValueOrNA","toReverseDeliveryLabel","getAccountTypeLabel","NavLink","StyledAntSelect","CustomDrop","PrinterIcon","DownIcon","PrintDropDown","styled","Select"],"mappings":"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"}

package/dist/components/order-daily-overview/return-after-table/table-filters/ReturnOrderFilter.js CHANGED Viewed

@@ -1,38 +1,38 @@
-import { jsx as e, Fragment as y, jsxs as r } from "react/jsx-runtime";
-import { useState as o, useEffect as c } from "react";
-import { StyledFiter as w, StyledFIlterELements as D, LeftSideConatiner as V } from "../../filters/FilterStyle.js";
+import { jsx as e, Fragment as C, jsxs as r } from "react/jsx-runtime";
+import { useState as o, useEffect as p } from "react";
+import { StyledFiter as w, StyledFIlterELements as P, LeftSideConatiner as V } from "../../filters/FilterStyle.js";
 import G from "./TableFilters.js";
-import P from "../../../../assets/icons/FilterIcon.js";
-import k from "../../../../assets/icons/DateIcon.js";
-import j from "../../../../assets/icons/ClientIcon.js";
-import { DatePicker as H, Select as d } from "antd";
+import k from "../../../../assets/icons/FilterIcon.js";
+import j from "../../../../assets/icons/DateIcon.js";
+import H from "../../../../assets/icons/ClientIcon.js";
+import { DatePicker as U, Select as m } from "antd";
 import "../../../order-view/store.js";
-import E from "styled-components";
-import C from "dayjs";
-import { useStatusOrderData as U } from "../../../store.js";
-import W from "../../../../assets/icons/StatusIcon.js";
-import Y from "../../../../assets/icons/VehicleIcon.js";
-import { ClearAll as z, StyledFilterBtnIcon as B, StyledFilterBtnLabel as M } from "../../table/table-data/styles.js";
-import { filtersReducerReturnAtom as $ } from "./ReturnFilterStore.js";
-import { useAxios as q } from "@bjsdistribution/dms-component-library";
-import { useAtom as J } from "jotai";
-const K = [
+import T from "styled-components";
+import E from "dayjs";
+import { useStatusOrderData as W, useAssignData as Y, useClientPortal as z } from "../../../store.js";
+import B from "../../../../assets/icons/StatusIcon.js";
+import M from "../../../../assets/icons/VehicleIcon.js";
+import { ClearAll as $, StyledFilterBtnIcon as q, StyledFilterBtnLabel as J } from "../../table/table-data/styles.js";
+import { filtersReducerReturnAtom as K } from "./ReturnFilterStore.js";
+import { useAxios as Q, toReverseDeliveryLabel as X } from "@bjsdistribution/dms-component-library";
+import { useAtom as Z } from "jotai";
+const ee = [
   { label: "LGV", value: "LGV" },
   { label: "HGV", value: "HGV" }
-], ye = () => {
-  const [, l] = J($), [a, m] = o(), [T] = U(), [h, n] = o([]), [u, i] = o([]), [f, s] = o(null), { data: x, fetchData: S } = q({
+], Le = () => {
+  const [, l] = Z(K), [a, h] = o(), [x] = W(), [le, ae] = o(), [re] = Y(), [S] = z(), [s, i] = o([]), [f, c] = o([]), [y, d] = o(null), { data: _, fetchData: L } = Q({
     endpoint: "/v1/return/order/customers/",
     method: "GET",
     //@ts-ignore
     pagination: { is_pagination: !1 }
   });
-  c(() => {
-    S();
+  p(() => {
+    L();
   }, []);
-  const _ = (t) => {
-    m(t ? [t[0]?.$d, t[1]?.$d] : null);
+  const g = (t) => {
+    h(t ? [t[0]?.$d, t[1]?.$d] : null);
   };
-  c(() => {
+  p(() => {
     a && (l({
       type: "SET_DATE_FILTER",
       payload: a
@@ -41,71 +41,74 @@ const K = [
       payload: 1
     }));
   }, [a]);
-  const v = x?.data?.map((t) => ({
+  const v = _?.data?.map((t) => ({
     label: t?.customer_name?.charAt(0)?.toUpperCase() + t?.customer_name?.slice(1),
     value: t?.customer_id
-  })), L = T?.map((t) => ({
-    label: t?.status_type?.charAt(0)?.toUpperCase() + t?.status_type?.slice(1),
-    value: t?.type
-  })), g = (t) => {
-    n(t), l({
+  })), A = x?.map((t) => {
+    const n = t?.status_type?.charAt(0)?.toUpperCase() + t?.status_type?.slice(1);
+    return {
+      label: S ? n : X(n),
+      value: t?.type
+    };
+  }), b = (t) => {
+    t !== s && (i(t), l({
       type: "SET_CLIENT_FILTER",
       payload: t
     }), l({
       type: "SET_PAGE",
       payload: 1
-    });
-  }, A = (t) => {
-    i(t), l({
+    }));
+  }, R = (t) => {
+    c(t), l({
       type: "SET_STATUS_ORDER_FILTER",
       payload: t
     }), l({
       type: "SET_PAGE",
       payload: 1
     });
-  }, b = (t) => {
-    s(t), l({
+  }, I = (t) => {
+    d(t), l({
       type: "SET_VEHICLE_TYPE_FILTER",
       payload: t
     }), l({
       type: "SET_PAGE",
       payload: 1
     });
-  }, R = () => {
-    s(null), l({
+  }, D = () => {
+    d(null), l({
       type: "CLEAR_VEHICLE_TYPE_FILTER"
     }), l({
       type: "SET_PAGE",
       payload: 1
     });
-  }, I = () => {
-    m(null), n([]), i([]), s(null), l({ type: "CLEAR_ALL_FILTER" });
   }, N = () => {
+    h(null), i([]), c([]), d(null), l({ type: "CLEAR_ALL_FILTER" });
+  }, F = () => {
     l({
       type: "CLEAR_STATUS_ORDER_FILTER"
-    }), i([]);
-  }, F = () => {
+    }), c([]);
+  }, O = () => {
     l({
       type: "CLEAR_CLIENT_FILTER"
-    }), n([]);
+    }), i([]);
   };
-  return c(() => {
+  return p(() => {
     a === null && l({ type: "CLEAR_DATE" });
-  }, [a]), /* @__PURE__ */ e(y, { children: /* @__PURE__ */ r(w, { children: [
-    /* @__PURE__ */ e(D, { children: /* @__PURE__ */ r(V, { children: [
+  }, [a]), /* @__PURE__ */ e(C, { children: /* @__PURE__ */ r(w, { children: [
+    /* @__PURE__ */ e(P, { children: /* @__PURE__ */ r(V, { children: [
       /* @__PURE__ */ r("div", { className: "filtercontainer", children: [
-        /* @__PURE__ */ e("div", { className: "filtericon", children: /* @__PURE__ */ e(P, {}) }),
+        /* @__PURE__ */ e("div", { className: "filtericon", children: /* @__PURE__ */ e(k, {}) }),
         /* @__PURE__ */ e("div", { className: "textcont", children: "Filters" })
       ] }),
       /* @__PURE__ */ r("div", { className: "datefilter", children: [
-        /* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(k, {}) }),
-        /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(
-          H.RangePicker,
+        /* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(j, {}) }),
+        /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(
+          U.RangePicker,
           {
             className: "custom-datepicker",
-            onChange: _,
+            onChange: g,
             style: { width: "220px" },
-            value: a ? [C(a[0]), C(a[1])] : null,
+            value: a ? [E(a[0]), E(a[1])] : null,
             format: "DD/MM/YY",
             placeholder: ["Start date", "End date"],
             needConfirm: !0,
@@ -114,75 +117,75 @@ const K = [
         ) })
       ] }),
       /* @__PURE__ */ r("div", { className: "datefilter", children: [
-        /* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(W, {}) }),
-        /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
-          d,
+        /* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(B, {}) }),
+        /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(
+          m,
           {
             mode: "multiple",
-            options: L,
+            options: A,
             className: "custom-select",
             placeholder: "Status of Order",
-            onChange: A,
+            onChange: R,
             style: { minWidth: "250px", maxWidth: "300px" },
-            value: u,
-            onClear: N,
+            value: f,
+            onClear: F,
             allowClear: !0,
             maxTagCount: "responsive"
           }
         ) })
       ] }),
       /* @__PURE__ */ r("div", { className: "datefilter", children: [
-        /* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(j, {}) }),
-        /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
-          d,
+        /* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(H, {}) }),
+        /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(
+          m,
           {
             mode: "multiple",
             options: v,
             className: "custom-select",
             placeholder: "Clients",
-            onChange: g,
-            value: h,
+            onChange: b,
+            value: s,
             style: {
               minWidth: "150px",
               width: "auto",
               cursor: "pointer"
             },
             allowClear: !0,
-            onClear: F,
-            filterOption: (t, O) => (O?.label ?? "").toLowerCase().includes(t.toLowerCase()),
+            onClear: O,
+            filterOption: (t, n) => (n?.label ?? "").toLowerCase().includes(t.toLowerCase()),
             showSearch: !0,
             maxTagCount: "responsive"
           }
         ) })
       ] }),
       /* @__PURE__ */ r("div", { className: "datefilter", children: [
-        /* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(Y, {}) }),
-        /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(
-          d,
+        /* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(M, {}) }),
+        /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(
+          m,
           {
-            options: K,
+            options: ee,
             className: "custom-select",
             placeholder: "Vehicle Type",
-            onChange: b,
-            value: f,
+            onChange: I,
+            value: y,
             style: { minWidth: "150px" },
             allowClear: !0,
-            onClear: R
+            onClear: D
           }
         ) })
       ] }),
-      a || u?.length || h?.length || f ? /* @__PURE__ */ e(y, { children: /* @__PURE__ */ r(z, { onClick: I, children: [
-        /* @__PURE__ */ e(B, { children: /* @__PURE__ */ e("i", { className: "cross" }) }),
-        /* @__PURE__ */ e(M, { children: "Clear all" })
+      a || f?.length || s?.length || y ? /* @__PURE__ */ e(C, { children: /* @__PURE__ */ r($, { onClick: N, children: [
+        /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e("i", { className: "cross" }) }),
+        /* @__PURE__ */ e(J, { children: "Clear all" })
       ] }) }) : null
     ] }) }),
     /* @__PURE__ */ e(G, {})
   ] }) });
-}, Q = E.div`
+}, te = T.div`
   .custom-datepicker {
     border: none;
   }
-`, p = E.div`
+`, u = T.div`
   .custom-select {
     border: none;
     width: 80px;
@@ -221,7 +224,7 @@ const K = [
   }
 `;
 export {
-  p as StyledAntSelect,
-  ye as default
+  u as StyledAntSelect,
+  Le as default
 };
 //# sourceMappingURL=ReturnOrderFilter.js.map