npm - @bjsdistribution/dms-client-return - Versions diffs - 0.1.77-prod → 0.1.78-prod - Mend

@bjsdistribution/dms-client-return 0.1.77-prod → 0.1.78-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 (68) hide show

package/dist/components/order-daily-overview/header-filters/overViewFilter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"overViewFilter.js","sources":["../../../../src/components/order-daily-overview/header-filters/overViewFilter.ts"],"sourcesContent":["import { atom, useAtom } from 'jotai';\n\nconst date = atom(new Date());\nexport const usedate = () => {\n return useAtom(date);\n};\n\ninterface Filter {\n field: string;\n op: string;\n value: any;\n join?: any;\n}\n\ninterface Pagination {\n page: number;\n per_page: number;\n}\n\ninterface FilterState {\n 'x-filters': Filter[];\n 'x-pagination': Pagination;\n}\nconst initialState: FilterState = {\n 'x-filters': [],\n 'x-pagination': { page: 1, per_page: 50 },\n};\n\nconst filterReducer = (state: FilterState, action: any): FilterState => {\n switch (action.type) {\n // case 'SET_COMP_RETURN_FILTERS':\n // return {\n // ...state,\n // 'x-filters': [\n // ...state['x-filters'].filter(\n // f => f.field !== 'customer_name' && f.field !== 'trading_as'\n // ),\n // {\n // field: 'customer_name',\n // op: 'like',\n // value: `%${action.payload}%`,\n // join: 'or',\n // },\n // {\n // field: 'trading_as',\n // op: 'like',\n // value: `%${action.payload}%`,\n // join: 'or',\n // },\n // ],\n // 'x-pagination': { ...state['x-pagination'], page: 1 },\n // };\n\n case 'CLEAR_SEARCH':\n return {\n ...state,\n 'x-filters': [...initialState['x-filters']],\n 'x-pagination': { ...initialState['x-pagination'], page: 1 },\n };\n\n case '~~CLEAR_ALL_FILTER':\n return {\n ...state,\n };\n\n case '~~SET_PAGE':\n return {\n ...state,\n 'x-pagination': {\n ...state['x-pagination'],\n page: action.payload,\n },\n };\n\n case 'SET_PERPAGE':\n return {\n ...state,\n 'x-pagination': {\n ...state['x-pagination'],\n per_page: action.payload,\n },\n };\n case 'CLEAR_FILTERS':\n return {\n ...state,\n };\n\n case 'CLEAR_ALL_FILTER':\n return {\n ...state,\n };\n default:\n return state;\n }\n};\n\nconst filtersStateAtom = atom(initialState);\n\nexport const overviewfiltersReducerAtom = atom(\n get => get(filtersStateAtom),\n (get, set, action) =>\n set(filtersStateAtom, filterReducer(get(filtersStateAtom), action))\n);\n"],"names":["atom","initialState","filterReducer","state","action","filtersStateAtom","overviewfiltersReducerAtom","get","set"],"mappings":";AAEaA,EAAK,oBAAI,KAAA,CAAM;AAqB5B,MAAMC,IAA4B;AAAA,EAChC,aAAa,CAAA;AAAA,EACb,gBAAgB,EAAE,MAAM,GAAG,UAAU,GAAA;AACvC,GAEMC,IAAgB,CAACC,GAAoBC,MAA6B;AACtE,UAAQA,EAAO,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAwBb,KAAK;AACH,aAAO;AAAA,QACL,GAAGD;AAAA,QACH,aAAa,CAAC,GAAGF,EAAa,WAAW,CAAC;AAAA,QAC1C,gBAAgB,EAAE,GAAGA,EAAa,cAAc,GAAG,MAAM,EAAA;AAAA,MAAE;AAAA,IAG/D,KAAK;AACH,aAAO;AAAA,QACL,GAAGE;AAAA,~~MAAA;AAAA,IAGP,KAAK;AACH,aAAO;AAAA,QACL,GAAGA;AAAA,~~QACH,gBAAgB;AAAA,UACd,GAAGA,EAAM,cAAc;AAAA,UACvB,MAAMC,EAAO;AAAA,QAAA;AAAA,MACf;AAAA,IAGJ,KAAK;AACH,aAAO;AAAA,QACL,GAAGD;AAAA,QACH,gBAAgB;AAAA,UACd,GAAGA,EAAM,cAAc;AAAA,UACvB,UAAUC,EAAO;AAAA,QAAA;AAAA,MACnB;AAAA,IAEJ,KAAK;AACH,aAAO;AAAA,QACL,GAAGD;AAAA,MAAA;AAAA,IAGP,KAAK;AACH,aAAO;AAAA,QACL,GAAGA;AAAA,MAAA;AAAA,IAEP;AACE,aAAOA;AAAA,EAAA;AAEb,GAEME,IAAmBL,EAAKC,CAAY,GAE7BK,IAA6BN;AAAA,EACxC,~~CAAAO~~,~~MAAOA~~,EAAIF,CAAgB;AAAA,~~EAC3B~~,CAACE,GAAKC,GAAKJ,MACTI,EAAIH,GAAkBH,EAAcK,EAAIF,CAAgB,GAAGD,CAAM,CAAC;AACtE;"}
1	+ {"version":3,"file":"overViewFilter.js","sources":["../../../../src/components/order-daily-overview/header-filters/overViewFilter.ts"],"sourcesContent":["import { atom, useAtom } from 'jotai';\n\nconst date = atom(new Date());\nexport const usedate = () => {\n return useAtom(date);\n};\n\ninterface Filter {\n field: string;\n op: string;\n value: any;\n join?: any;\n}\n\ninterface Pagination {\n page: number;\n per_page: number;\n}\n\ninterface FilterState {\n 'x-filters': Filter[];\n 'x-pagination': Pagination;\n}\nconst initialState: FilterState = {\n 'x-filters': [],\n 'x-pagination': { page: 1, per_page: 50 },\n};\n\nconst filterReducer = (state: FilterState, action: any): FilterState => {\n switch (action.type) {\n // case 'SET_COMP_RETURN_FILTERS':\n // return {\n // ...state,\n // 'x-filters': [\n // ...state['x-filters'].filter(\n // f => f.field !== 'customer_name' && f.field !== 'trading_as'\n // ),\n // {\n // field: 'customer_name',\n // op: 'like',\n // value: `%${action.payload}%`,\n // join: 'or',\n // },\n // {\n // field: 'trading_as',\n // op: 'like',\n // value: `%${action.payload}%`,\n // join: 'or',\n // },\n // ],\n // 'x-pagination': { ...state['x-pagination'], page: 1 },\n // };\n\n case 'CLEAR_SEARCH':\n return {\n ...state,\n 'x-filters': [...initialState['x-filters']],\n 'x-pagination': { ...initialState['x-pagination'], page: 1 },\n };\n\n case 'SET_PAGE':\n return {\n ...state,\n 'x-pagination': {\n ...state['x-pagination'],\n page: action.payload,\n },\n };\n\n case 'SET_PERPAGE':\n return {\n ...state,\n 'x-pagination': {\n ...state['x-pagination'],\n per_page: action.payload,\n },\n };\n case 'CLEAR_FILTERS':\n return {\n ...state,\n };\n\n case 'CLEAR_ALL_FILTER':\n return {\n ...state,\n };\n default:\n return state;\n }\n};\n\nconst filtersStateAtom = atom(initialState);\n\nexport const overviewfiltersReducerAtom = atom(\n (get) => get(filtersStateAtom),\n (get, set, action) =>\n set(filtersStateAtom, filterReducer(get(filtersStateAtom), action))\n);\n"],"names":["atom","initialState","filterReducer","state","action","filtersStateAtom","overviewfiltersReducerAtom","get","set"],"mappings":";AAEaA,EAAK,oBAAI,KAAA,CAAM;AAqB5B,MAAMC,IAA4B;AAAA,EAChC,aAAa,CAAA;AAAA,EACb,gBAAgB,EAAE,MAAM,GAAG,UAAU,GAAA;AACvC,GAEMC,IAAgB,CAACC,GAAoBC,MAA6B;AACtE,UAAQA,EAAO,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAwBb,KAAK;AACH,aAAO;AAAA,QACL,GAAGD;AAAA,QACH,aAAa,CAAC,GAAGF,EAAa,WAAW,CAAC;AAAA,QAC1C,gBAAgB,EAAE,GAAGA,EAAa,cAAc,GAAG,MAAM,EAAA;AAAA,MAAE;AAAA,IAG/D,KAAK;AACH,aAAO;AAAA,QACL,GAAGE;AAAA,QACH,gBAAgB;AAAA,UACd,GAAGA,EAAM,cAAc;AAAA,UACvB,MAAMC,EAAO;AAAA,QAAA;AAAA,MACf;AAAA,IAGJ,KAAK;AACH,aAAO;AAAA,QACL,GAAGD;AAAA,QACH,gBAAgB;AAAA,UACd,GAAGA,EAAM,cAAc;AAAA,UACvB,UAAUC,EAAO;AAAA,QAAA;AAAA,MACnB;AAAA,IAEJ,KAAK;AACH,aAAO;AAAA,QACL,GAAGD;AAAA,MAAA;AAAA,IAGP,KAAK;AACH,aAAO;AAAA,QACL,GAAGA;AAAA,MAAA;AAAA,IAEP;AACE,aAAOA;AAAA,EAAA;AAEb,GAEME,IAAmBL,EAAKC,CAAY,GAE7BK,IAA6BN;AAAA,EACxC,CAACO,MAAQA,EAAIF,CAAgB;AAAA,EAC7B,CAACE,GAAKC,GAAKJ,MACTI,EAAIH,GAAkBH,EAAcK,EAAIF,CAAgB,GAAGD,CAAM,CAAC;AACtE;"}

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";
@@ -10,26 +10,26 @@ import { usePrintOptionTOggle as re, useLoading as te } from "../../store/store.
 import { NavLink as ne } from "react-router-dom";
 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 { useAssignData as ae, useAssignPayload as le, useClientPortal as se, useCallApiAgain 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 N 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 { WEIGHT_UNIT as F, VOLUME_UNIT as pe, toReverseDeliveryLabel 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(), [C] = se(), [, R] = v(!1), [, y] = ie(), [E] = te(), [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(he, {}) : 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({
+    y(!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 ? (y(!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,7 +109,7 @@ 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")
       ] }) }),
@@ -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: C ? o(r?.return_location_name) : o(
+          ge(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",
             {
@@ -164,10 +166,9 @@ const Le = () => {
           ),
           /* @__PURE__ */ e("li", { style: { color: "#888075" }, children: o(r?.postcode) })
         ] }) }),
-        /* @__PURE__ */ e("td", { children: o(r?.customer_name) }),
         /* @__PURE__ */ t("td", { children: [
           o(r?.consignment),
-          !R && Number(r?.failure_count) > 0 && /* @__PURE__ */ t(
+          !C && Number(r?.failure_count) > 0 && /* @__PURE__ */ t(
             "span",
             {
               style: {
@@ -184,17 +185,18 @@ const Le = () => {
             }
           )
         ] }),
+        /* @__PURE__ */ e("td", { children: o(r?.consignment) }),
         /* @__PURE__ */ e("td", { children: o(r?.order_number) }),
         /* @__PURE__ */ e("td", { children: o(r?.total_products) }),
         /* @__PURE__ */ e("td", { children: o(r?.total_orders) }),
         /* @__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",
@@ -224,7 +226,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",
@@ -243,7 +245,7 @@ const Le = () => {
       ] }, r.id);
     }) })
   ] }) }) });
-}, ge = de(V)`
+}, me = de(V)`
   .ant-select-selector {
     /* width: 22vw; */
     border-radius: 22px;
@@ -254,6 +256,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>{displayValueOrNA(item?.customer_name)}</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 { useApiHook } from '@bjsdistribution/dms-component-library';\nimport { ApiResponse } from '../../common/interface';\nimport CaretDownFilledIcon from '../../../../common/CaretDownFilledIcon';\nimport SortIcon from '../../../../common/SortIcon';\nimport {\n WEIGHT_UNIT,\n toReverseDeliveryLabel,\n VOLUME_UNIT,\n getAccountTypeLabel,\n} 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 [isClientPortal] = useClientPortal();\n const [, setAssign] = useState<boolean>(false);\n const [, setCallAPi] = useCallApiAgain();\n const [loading] = useLoading();\n\n //sorting\n const [sortConfig, setSortConfig] = useState<{\n key: string;\n direction: 'asc' \| 'desc';\n } \| null>(null);\n\n const handleSort = (key: string) => {\n setSortConfig((prev: any) => {\n if (prev?.key === key && prev.direction === 'asc') {\n return { key, direction: 'desc' };\n }\n return { key, direction: 'asc' };\n });\n };\n\n const sortedData = useMemo(() => {\n if (!returnAfterOrder \|\| !sortConfig) return returnAfterOrder;\n\n const { key, direction } = sortConfig;\n return [...returnAfterOrder].sort((a, b) => {\n const valueA = a[key];\n const valueB = b[key];\n\n if (typeof valueA === 'number' && typeof valueB === 'number') {\n return direction === 'asc' ? valueA - valueB : valueB - valueA;\n }\n if (typeof valueA === 'string' && typeof valueB === 'string') {\n return direction === 'asc'\n ? valueA.localeCompare(valueB)\n : valueB.localeCompare(valueA);\n }\n return 0;\n });\n }, [returnAfterOrder, sortConfig]);\n\n const renderSortIcon = (columnKey: string) => {\n if (!sortConfig \|\| sortConfig.key !== columnKey) {\n return <SortIcon />;\n }\n return sortConfig.direction === 'asc' ? (\n <CaretDownFilledIcon />\n ) : (\n <CaretDownFilledIcon />\n );\n };\n\n const OpenDropDown = (index: number) => {\n setPrintToggle((prevIndex) => (prevIndex === index ? null : index));\n };\n\n // Close dropdown outside click\n useEffect(() => {\n document.addEventListener('mousedown', handleClickOutside);\n return () => {\n document.removeEventListener('mousedown', handleClickOutside);\n };\n }, []);\n const handleClickOutside = (event: MouseEvent) => {\n if (\n dropdownRef.current &&\n !dropdownRef.current.contains(event.target as Node)\n ) {\n setPrintToggle(null);\n }\n };\n\n // const handleSelectAll = (e: any) => {\n // setSelectAll(e.target.checked);\n // if (e.target.checked) {\n // setSelectedReturnOrder(\n // returnAfterOrder.map((e: any) => ({\n // id: e.id,\n // status_id: 3,\n // }))\n // );\n // } else {\n // setSelectedReturnOrder([]);\n // }\n // };\n\n // const handleSelectInvoice = (id: any) => {\n // setSelectedReturnOrder((prevSelectedInvoices: any) => {\n // const isSelected = prevSelectedInvoices?.some(\n // (item: any) => item.id === id\n // );\n\n // if (isSelected) {\n // return prevSelectedInvoices.filter((items: any) => items.id !== id);\n // } else {\n // return [...prevSelectedInvoices, { id, status_id: 3 }];\n // }\n // });\n // };\n\n const getStatusClass = (status: string) => {\n switch (status) {\n case 'Cancelled':\n return { color: '#E95252', background: 'rgba(233, 82, 82, 0.15)' };\n case 'On Hold':\n return { color: '#F4A503', background: '#FFF1D6' };\n case 'Sub-Contracted':\n return { color: '#F4A503', background: '#FFF1D6' };\n case 'Awaiting route':\n return { color: '#845ADF', background: 'rgba(132, 90, 223, 0.15)' };\n case 'Awaiting':\n return { color: '#845ADF', background: 'rgba(132, 90, 223, 0.15)' };\n case 'Completed':\n return {\n color: '#1F9254',\n background: 'rgba(41, 204, 106, 0.15)',\n };\n case 'Outstanding':\n return { color: '#FF9900', background: 'rgba(255, 153, 0, 0.15)' };\n case 'Routed':\n return { color: '#6396E5', background: 'rgba(99, 150, 229, 0.15)' };\n default:\n return { color: '#000', background: '#fff' };\n }\n };\n\n // API for Assign\n const {\n data: actionResponse,\n setShouldPerformAction: setAssignAction,\n error: apiError,\n } = useApiHook<{\n data: ApiResponse[];\n }>({\n endpoint: `return_orders/update/assign/`,\n method: 'PUT',\n body: [assignPayload],\n performAction: false,\n });\n\n //client options\n const assignOptions = assignData?.map((option: any) => ({\n label: option?.type?.charAt(0)?.toUpperCase() + option?.type?.slice(1),\n value: option?.bjs_delivery,\n }));\n\n const handleAssignPayload = (Id: number, value: boolean) => {\n setCallAPi(false);\n setAssign(value);\n setAssignPayload({\n ...assignPayload,\n return_order_id: Id,\n bjs_delivery: value,\n });\n setAssignAction(true);\n };\n\n useEffect(() => {\n //@ts-ignore\n if (actionResponse?.code === 200) {\n setCallAPi(true);\n notification.success({\n message: 'Success',\n // @ts-ignore\n description: `${actionResponse?.message}`,\n });\n // @ts-ignore\n } else if (apiError?.detail) {\n notification.error({\n message: 'Failure',\n // @ts-ignore\n description: `${apiError?.detail[0]?.msg}`,\n });\n }\n }, [actionResponse, apiError]);\n\n return (\n <>\n <StyledTableWrapper className=\"fortables\">\n <StyledTable>\n <thead>\n <tr>\n {/* <th className=\"emailInvoiceCheckbox\">\n <Checkbox checked={false} />\n </th> /}\n <th onClick={() => handleSort('created_at')}>\n <div className=\"sortIconClass\">\n Created {renderSortIcon('created_at')}\n </div>\n </th>\n <th onClick={() => handleSort('return_location_name')}>\n <div className=\"sortIconClass\">\n Return Location {renderSortIcon('return_location_name')}\n </div>\n </th>\n <th>Pick Up Location</th>\n <th> Client</th>\n <th onClick={() => handleSort('recipient_name')}>\n <div className=\"sortIconClass\">\n Recipient {renderSortIcon('recipient_name')}\n </div>\n </th>\n <th>Consignment</th>\n <th>Return Order No</th>\n <th> Total Parts</th>\n <th> Total Orders</th>\n <th onClick={() => handleSort('weight')}>\n <div className=\"sortIconClass\">\n Total Weight ({WEIGHT_UNIT}) {renderSortIcon('weight')}\n </div>\n </th>\n <th onClick={() => handleSort('cube')}>\n <div className=\"sortIconClass\">\n Total {VOLUME_UNIT} {renderSortIcon('cube')}\n </div>\n </th>\n <th>Assign</th>\n <th>Status</th>\n <th className=\"emailInvoiceShare\">Labels</th>\n </tr>\n </thead>\n <tbody>\n {loading ? (\n <tr>\n <td colSpan={16}>\n <Skeleton active />\n </td>\n <td colSpan={16}></td>\n </tr>\n ) : sortedData?.length === 0 ? (\n <tr>\n <td colSpan={16}>\n <EmptyDataContainer>\n <Empty />\n </EmptyDataContainer>\n </td>\n </tr>\n ) : (\n sortedData?.map((item: any, index: any) => {\n const statusMapping: any = {\n cancelled: 'Cancelled',\n 'on hold': 'On Hold',\n SC: 'Sub-Contracted',\n 'awaiting route': 'Awaiting',\n 'awaiting confirmation': 'Awaiting',\n complete: 'Completed',\n outstanding: 'Outstanding',\n routed: 'Routed',\n failed: 'Failed',\n };\n const status = statusMapping[item?.status_value] \|\| 'Unknown';\n const statusClass = getStatusClass(status);\n\n return (\n <tr key={item.id}>\n {/ <td>\n <Checkbox\n checked={false}\n // onChange={() => handleSelectInvoice(item.id)}\n />\n </td> /}\n <td>{formatDate(new Date(item?.created_at))}</td>\n <td>\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?.consignment)}</td>\n <td>{displayValueOrNA(item?.order_number)}</td>\n\n <td>{displayValueOrNA(item?.total_products)}</td>\n <td>{displayValueOrNA(item?.total_orders)}</td>\n\n <td>\n {displayValueOrNA(item?.weight)}{' '}\n {item?.weight && item?.weight > 0 ? WEIGHT_UNIT : ''}\n </td>\n\n <td>{displayValueOrNA(item?.cube)}</td>\n\n <td key={item.id}>\n <StyledAntSelect\n options={assignOptions}\n placeholder=\"Select\"\n onChange={(value: any) =>\n handleAssignPayload(item?.id, value)\n }\n style={{ width: '150px' }}\n value={item?.bjs_delivery}\n />\n </td>\n\n <td>\n <ul\n className=\"statuscontainer\"\n style={{\n listStyleType: 'none',\n background: statusClass.background,\n }}\n >\n <li\n className=\"statustext\"\n style={{ color: statusClass.color }}\n >\n {status}\n </li>\n </ul>\n </td>\n <td>\n <ul className=\"actionbox\">\n <CustomDrop\n ref={dropdownRefParent}\n className={printToogle === index ? 'active' : ''}\n >\n <li\n className=\"shareIconContainer\"\n onClick={() => OpenDropDown(index)}\n >\n <PrinterIcon />\n <DownIcon />\n\n {printToogle === index && (\n <div ref={dropdownRef}>\n <PrintDropDown legacyProductId={item} />\n </div>\n )}\n </li>\n </CustomDrop>\n </ul>\n </td>\n </tr>\n );\n })\n )}\n </tbody>\n </StyledTable>\n </StyledTableWrapper>\n </>\n );\n};\n\nconst StyledAntSelect = styled(Select)`\n .ant-select-selector {\n / width: 22vw; */\n border-radius: 22px;\n }\n .ant-select-clear {\n top: 40% !important;\n font-size: 18px !important;\n }\n`;\n\nexport default OrderTable;\n"],"names":["OrderTable","dropdownRefParent","useRef","dropdownRef","printToogle","setPrintToggle","usePrintOptionTOggle","assignData","useAssignData","setOrderId","useOrderId","returnAfterOrder","useReturnAfterOrderData","assignPayload","setAssignPayload","useAssignPayload","isClientPortal","useClientPortal","setAssign","useState","setCallAPi","useCallApiAgain","loading","useLoading","sortConfig","setSortConfig","handleSort","key","prev","sortedData","useMemo","direction","a","b","valueA","valueB","renderSortIcon","columnKey","SortIcon","CaretDownFilledIcon","OpenDropDown","index","prevIndex","useEffect","handleClickOutside","event","getStatusClass","status","actionResponse","setAssignAction","apiError","useApiHook","assignOptions","option","handleAssignPayload","Id","value","notification","jsx","StyledTableWrapper","StyledTable","jsxs","WEIGHT_UNIT","VOLUME_UNIT","Skeleton","EmptyDataContainer","Empty","item","statusClass","formatDate","displayValueOrNA","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,32 +1,33 @@
 import { jsx as e, Fragment as E, jsxs as r } from "react/jsx-runtime";
-import { useState as o, useEffect as d } from "react";
-import { StyledFiter as G, StyledFIlterELements as P, LeftSideConatiner as j } from "../../filters/FilterStyle.js";
-import U from "./TableFilters.js";
-import W from "../../../../assets/icons/FilterIcon.js";
-import z from "../../../../assets/icons/DateIcon.js";
-import B from "../../../../assets/icons/ClientIcon.js";
-import { DatePicker as M, Select as p } from "antd";
+import { useState as n, useEffect as d } from "react";
+import { StyledFiter as G, StyledFIlterELements as j, LeftSideConatiner as U } from "../../filters/FilterStyle.js";
+import W from "./TableFilters.js";
+import z from "../../../../assets/icons/FilterIcon.js";
+import B from "../../../../assets/icons/DateIcon.js";
+import M from "../../../../assets/icons/ClientIcon.js";
+import { DatePicker as Y, Select as p } from "antd";
 import "../../../order-view/store.js";
 import x from "styled-components";
+import { toReverseDeliveryLabel as $ } from "../../../../common/utils.js";
 import S from "dayjs";
-import { useStatusOrderData as Y, useAssignData as $ } from "../../../store.js";
-import V from "../../../../assets/icons/StatusIcon.js";
-import q from "../../../../assets/icons/AssigneIcon.js";
-import { ClearAll as H, StyledFilterBtnIcon as J, StyledFilterBtnLabel as K } from "../../table/table-data/styles.js";
-import { filtersReducerReturnAtom as Q } from "./ReturnFilterStore.js";
-import { useAxios as X } from "@bjsdistribution/dms-component-library";
-import { useAtom as Z } from "jotai";
-const Se = () => {
-  const [, l] = Z(Q), [a, u] = o(), [g] = Y(), [h, s] = o([]), [f, i] = o([]), [y, c] = o(), [C] = $(), { data: A, fetchData: _ } = X({
+import { useStatusOrderData as V, useAssignData as q, useClientPortal as H } from "../../../store.js";
+import J from "../../../../assets/icons/StatusIcon.js";
+import K from "../../../../assets/icons/AssigneIcon.js";
+import { ClearAll as Q, StyledFilterBtnIcon as X, StyledFilterBtnLabel as Z } from "../../table/table-data/styles.js";
+import { filtersReducerReturnAtom as ee } from "./ReturnFilterStore.js";
+import { useAxios as te } from "@bjsdistribution/dms-component-library";
+import { useAtom as le } from "jotai";
+const _e = () => {
+  const [, l] = le(ee), [a, u] = n(), [g] = V(), [h, s] = n([]), [f, i] = n([]), [y, c] = n(), [C] = q(), [A] = H(), { data: _, fetchData: T } = te({
     endpoint: "/v1/return/order/customers/",
     method: "GET",
     //@ts-ignore
     pagination: { is_pagination: !1 }
   });
   d(() => {
-    _();
+    T();
   }, []);
-  const T = (t) => {
+  const v = (t) => {
     u(t ? [t[0]?.$d, t[1]?.$d] : null);
   };
   d(() => {
@@ -38,13 +39,16 @@ const Se = () => {
       payload: 1
     }));
   }, [a]);
-  const v = A?.data?.map((t) => ({
+  const b = _?.data?.map((t) => ({
     label: t?.customer_name?.charAt(0)?.toUpperCase() + t?.customer_name?.slice(1),
     value: t?.customer_id
-  })), b = g?.map((t) => ({
-    label: t?.status_type?.charAt(0)?.toUpperCase() + t?.status_type?.slice(1),
-    value: t?.type
-  })), L = (t) => {
+  })), L = g?.map((t) => {
+    const o = t?.status_type?.charAt(0)?.toUpperCase() + t?.status_type?.slice(1);
+    return {
+      label: A ? o : $(o),
+      value: t?.type
+    };
+  }), R = (t) => {
     s(t), l({
       type: "SET_CLIENT_FILTER",
       payload: t
@@ -60,19 +64,19 @@ const Se = () => {
       type: "SET_PAGE",
       payload: 1
     });
-  }, R = C?.map((t) => ({
+  }, D = C?.map((t) => ({
     label: t.type,
     value: t.id
   })), I = (t) => {
-    const n = C.find((k) => k.id === t)?.bjs_delivery;
-    n !== void 0 && (c(t), l({
+    const o = C.find((k) => k.id === t)?.bjs_delivery;
+    o !== void 0 && (c(t), l({
       type: "SET_ASSIGNEE_FILTER",
-      payload: n
+      payload: o
     }), l({
       type: "SET_PAGE",
       payload: 1
     }));
-  }, D = () => {
+  }, F = () => {
     c(null), l({
       type: "SET_ASSIGNEE_FILTER",
       payload: null
@@ -80,13 +84,13 @@ const Se = () => {
       type: "SET_PAGE",
       payload: 1
     });
-  }, F = () => {
-    u(null), s([]), i([]), c(null), l({ type: "CLEAR_ALL_FILTER" });
   }, O = () => {
+    u(null), s([]), i([]), c(null), l({ type: "CLEAR_ALL_FILTER" });
+  }, w = () => {
     l({
       type: "CLEAR_STATUS_ORDER_FILTER"
     }), i([]);
-  }, w = () => {
+  }, P = () => {
     l({
       type: "CLEAR_CLIENT_FILTER"
     }), s([]);
@@ -94,18 +98,18 @@ const Se = () => {
   return d(() => {
     a === null && l({ type: "CLEAR_DATE" });
   }, [a]), /* @__PURE__ */ e(E, { children: /* @__PURE__ */ r(G, { children: [
-    /* @__PURE__ */ e(P, { children: /* @__PURE__ */ r(j, { children: [
+    /* @__PURE__ */ e(j, { children: /* @__PURE__ */ r(U, { children: [
       /* @__PURE__ */ r("div", { className: "filtercontainer", children: [
-        /* @__PURE__ */ e("div", { className: "filtericon", children: /* @__PURE__ */ e(W, {}) }),
+        /* @__PURE__ */ e("div", { className: "filtericon", children: /* @__PURE__ */ e(z, {}) }),
         /* @__PURE__ */ e("div", { className: "textcont", children: "Filters" })
       ] }),
       /* @__PURE__ */ r("div", { className: "datefilter", children: [
-        /* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(z, {}) }),
-        /* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(
-          M.RangePicker,
+        /* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(B, {}) }),
+        /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(
+          Y.RangePicker,
           {
             className: "custom-datepicker",
-            onChange: T,
+            onChange: v,
             style: { width: "220px" },
             value: a ? [S(a[0]), S(a[1])] : null,
             format: "DD/MM/YY",
@@ -116,33 +120,33 @@ const Se = () => {
         ) })
       ] }),
       /* @__PURE__ */ r("div", { className: "datefilter", children: [
-        /* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(V, {}) }),
+        /* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(J, {}) }),
         /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(
           p,
           {
             mode: "multiple",
-            options: b,
+            options: L,
             className: "custom-select",
             placeholder: "Status of Order",
             onChange: N,
             style: { minWidth: "250px", maxWidth: "300px" },
             value: f,
-            onClear: O,
+            onClear: w,
             allowClear: !0,
             maxTagCount: "responsive"
           }
         ) })
       ] }),
       /* @__PURE__ */ r("div", { className: "datefilter", children: [
-        /* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(B, {}) }),
+        /* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(M, {}) }),
         /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(
           p,
           {
             mode: "multiple",
-            options: v,
+            options: b,
             className: "custom-select",
             placeholder: "Clients",
-            onChange: L,
+            onChange: R,
             value: h,
             style: {
               minWidth: "150px",
@@ -150,37 +154,37 @@ const Se = () => {
               cursor: "pointer"
             },
             allowClear: !0,
-            onClear: w,
-            filterOption: (t, n) => (n?.label ?? "").toLowerCase().includes(t.toLowerCase()),
+            onClear: P,
+            filterOption: (t, o) => (o?.label ?? "").toLowerCase().includes(t.toLowerCase()),
             showSearch: !0,
             maxTagCount: "responsive"
           }
         ) })
       ] }),
       /* @__PURE__ */ r("div", { className: "datefilter", children: [
-        /* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(q, {}) }),
+        /* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(K, {}) }),
         /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(
           p,
           {
-            options: R,
+            options: D,
             className: "custom-select",
             placeholder: "Assignee",
             onChange: I,
             value: y,
             style: { minWidth: "140px" },
             allowClear: !0,
-            onClear: D
+            onClear: F
           }
         ) })
       ] }),
-      a || f?.length || h?.length || y ? /* @__PURE__ */ e(E, { children: /* @__PURE__ */ r(H, { onClick: F, children: [
-        /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e("i", { className: "cross" }) }),
-        /* @__PURE__ */ e(K, { children: "Clear all" })
+      a || f?.length || h?.length || y ? /* @__PURE__ */ e(E, { children: /* @__PURE__ */ r(Q, { onClick: O, children: [
+        /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e("i", { className: "cross" }) }),
+        /* @__PURE__ */ e(Z, { children: "Clear all" })
       ] }) }) : null
     ] }) }),
-    /* @__PURE__ */ e(U, {})
+    /* @__PURE__ */ e(W, {})
   ] }) });
-}, ee = x.div`
+}, ae = x.div`
   .custom-datepicker {
     border: none;
   }
@@ -224,6 +228,6 @@ const Se = () => {
 `;
 export {
   m as StyledAntSelect,
-  Se as default
+  _e as default
 };
 //# sourceMappingURL=ReturnOrderFilter.js.map