@bjsdistribution/dms-client-return 0.1.70-prod → 0.1.71-prod

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

@@ -0,0 +1,231 @@
+import { jsx as e, Fragment as M, jsxs as n } from "react/jsx-runtime";
+import { Select as W, notification as w, Skeleton as $, Empty as B } from "antd";
+import { useRef as S, useState as _, useMemo as z, useEffect as v } from "react";
+import { useOrderId as G, useReturnAfterOrderData as V } from "../../../order-view/store.js";
+import { EmptyDataContainer as q } from "../../table/table-data/styles.js";
+import J from "../../../../assets/icons/PrinterIcon.js";
+import K from "../../../../assets/icons/DownIcon.js";
+import { StyledTableWrapper as Q, StyledTable as X, CustomDrop as Y } from "../../return-order-table/return-orders-filters/returnstyles.js";
+import { usePrintOptionTOggle as Z, useLoading as ee } from "../../store/store.js";
+import { NavLink as re } from "react-router-dom";
+import { formatDate as te, displayValueOrNA as o } from "../../shared/utlis.js";
+import ne from "../../shared/elements/PrintDropDown.js";
+import { useAssignData as oe, useAssignPayload as ce, useCallApiAgain as ae } from "../../../store.js";
+import se from "styled-components";
+import { useApiHook as le } from "@bjsdistribution/dms-component-library";
+import D from "../../../../common/CaretDownFilledIcon.js";
+import ie from "../../../../common/SortIcon.js";
+import { WEIGHT_UNIT as F } from "../../../../common/utils.js";
+const Ne = () => {
+  const I = S(null), h = S(null), [m, f] = Z(), [N] = oe(), [, O] = G(), [d] = V(), [b, P] = ce(), [, T] = _(!1), [, C] = ae(), [R] = ee(), [s, E] = _(null), l = (r) => {
+    E((t) => t?.key === r && t.direction === "asc" ? { key: r, direction: "desc" } : { key: r, direction: "asc" });
+  }, y = z(() => {
+    if (!d || !s) return d;
+    const { key: r, direction: t } = s;
+    return [...d].sort((k, u) => {
+      const c = k[r], a = u[r];
+      return typeof c == "number" && typeof a == "number" ? t === "asc" ? c - a : a - c : typeof c == "string" && typeof a == "string" ? t === "asc" ? c.localeCompare(a) : a.localeCompare(c) : 0;
+    });
+  }, [d, s]), i = (r) => !s || s.key !== r ? /* @__PURE__ */ e(ie, {}) : s.direction === "asc" ? /* @__PURE__ */ e(D, {}) : /* @__PURE__ */ e(D, {}), L = (r) => {
+    f((t) => t === r ? null : r);
+  };
+  v(() => (document.addEventListener("mousedown", A), () => {
+    document.removeEventListener("mousedown", A);
+  }), []);
+  const A = (r) => {
+    h.current && !h.current.contains(r.target) && f(null);
+  }, j = (r) => {
+    switch (r) {
+      case "Cancelled":
+        return { color: "#E95252", background: "rgba(233, 82, 82, 0.15)" };
+      case "On Hold":
+        return { color: "#F4A503", background: "#FFF1D6" };
+      case "Sub-Contracted":
+        return { color: "#F4A503", background: "#FFF1D6" };
+      case "Awaiting route":
+        return { color: "#845ADF", background: "rgba(132, 90, 223, 0.15)" };
+      case "Awaiting":
+        return { color: "#845ADF", background: "rgba(132, 90, 223, 0.15)" };
+      case "Completed":
+        return {
+          color: "#1F9254",
+          background: "rgba(41, 204, 106, 0.15)"
+        };
+      case "Outstanding":
+        return { color: "#FF9900", background: "rgba(255, 153, 0, 0.15)" };
+      case "Routed":
+        return { color: "#6396E5", background: "rgba(99, 150, 229, 0.15)" };
+      default:
+        return { color: "#000", background: "#fff" };
+    }
+  }, {
+    data: p,
+    setShouldPerformAction: x,
+    error: g
+  } = le({
+    endpoint: "return_orders/update/assign/",
+    method: "PUT",
+    body: [b],
+    performAction: !1
+  }), U = N?.map((r) => ({
+    label: r?.type?.charAt(0)?.toUpperCase() + r?.type?.slice(1),
+    value: r?.bjs_delivery
+  })), H = (r, t) => {
+    C(!1), T(t), P({
+      ...b,
+      return_order_id: r,
+      bjs_delivery: t
+    }), x(!0);
+  };
+  return v(() => {
+    p?.code === 200 ? (C(!0), w.success({
+      message: "Success",
+      // @ts-ignore
+      description: `${p?.message}`
+    })) : g?.detail && w.error({
+      message: "Failure",
+      // @ts-ignore
+      description: `${g?.detail[0]?.msg}`
+    });
+  }, [p, g]), /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(Q, { className: "fortables", children: /* @__PURE__ */ n(X, { children: [
+    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ n("tr", { children: [
+      /* @__PURE__ */ e("th", { onClick: () => l("created_at"), children: /* @__PURE__ */ n("div", { className: "sortIconClass", children: [
+        "Created ",
+        i("created_at")
+      ] }) }),
+      /* @__PURE__ */ e("th", { onClick: () => l("return_location_name"), children: /* @__PURE__ */ n("div", { className: "sortIconClass", children: [
+        "Return Location ",
+        i("return_location_name")
+      ] }) }),
+      /* @__PURE__ */ e("th", { children: "Pick Up Location" }),
+      /* @__PURE__ */ e("th", { children: " Client" }),
+      /* @__PURE__ */ e("th", { onClick: () => l("recipient_name"), children: /* @__PURE__ */ n("div", { className: "sortIconClass", children: [
+        "Recipient ",
+        i("recipient_name")
+      ] }) }),
+      /* @__PURE__ */ e("th", { children: "Consignment" }),
+      /* @__PURE__ */ e("th", { children: "Return Order No" }),
+      /* @__PURE__ */ e("th", { children: " Total Parts" }),
+      /* @__PURE__ */ e("th", { children: " Total Orders" }),
+      /* @__PURE__ */ e("th", { onClick: () => l("weight"), children: /* @__PURE__ */ n("div", { className: "sortIconClass", children: [
+        "Total Weight (",
+        F,
+        ") ",
+        i("weight")
+      ] }) }),
+      /* @__PURE__ */ e("th", { onClick: () => l("cube"), children: /* @__PURE__ */ n("div", { className: "sortIconClass", children: [
+        "Total CBM ",
+        i("cube")
+      ] }) }),
+      /* @__PURE__ */ e("th", { children: "Assign" }),
+      /* @__PURE__ */ e("th", { children: "Status" }),
+      /* @__PURE__ */ e("th", { className: "emailInvoiceShare", children: "Labels" })
+    ] }) }),
+    /* @__PURE__ */ e("tbody", { children: R ? /* @__PURE__ */ n("tr", { children: [
+      /* @__PURE__ */ e("td", { colSpan: 16, children: /* @__PURE__ */ e($, { active: !0 }) }),
+      /* @__PURE__ */ e("td", { colSpan: 16 })
+    ] }) : y?.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 16, children: /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(B, {}) }) }) }) : y?.map((r, t) => {
+      const u = {
+        cancelled: "Cancelled",
+        "on hold": "On Hold",
+        SC: "Sub-Contracted",
+        "awaiting route": "Awaiting",
+        "awaiting confirmation": "Awaiting",
+        complete: "Completed",
+        outstanding: "Outstanding",
+        routed: "Routed",
+        failed: "Failed"
+      }[r?.status_value] || "Unknown", c = j(u);
+      return /* @__PURE__ */ n("tr", { children: [
+        /* @__PURE__ */ e("td", { children: te(new Date(r?.created_at)) }),
+        /* @__PURE__ */ e("td", { children: o(r?.return_location_name) }),
+        /* @__PURE__ */ e("td", { children: r?.locations?.length ? r?.locations.join(", ") : "N/A" }),
+        /* @__PURE__ */ e("td", { children: o(r?.customer_name) }),
+        /* @__PURE__ */ e("td", { onClick: () => O(r.id), children: /* @__PURE__ */ n("ul", { style: { listStyleType: "none", padding: 0 }, children: [
+          /* @__PURE__ */ e(
+            "li",
+            {
+              style: {
+                color: "#0099ff",
+                fontWeight: 600,
+                paddingLeft: 0
+              },
+              children: /* @__PURE__ */ e(re, { to: `../${r.id}`, children: o(r?.recipient_name) })
+            }
+          ),
+          /* @__PURE__ */ e("li", { style: { color: "#888075" }, children: o(r?.postcode) })
+        ] }) }),
+        /* @__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__ */ n("td", { children: [
+          o(r?.weight),
+          " ",
+          r?.weight && r?.weight > 0 ? F : ""
+        ] }),
+        /* @__PURE__ */ e("td", { children: o(r?.cube) }),
+        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
+          de,
+          {
+            options: U,
+            placeholder: "Select",
+            onChange: (a) => H(r?.id, a),
+            style: { width: "150px" },
+            value: r?.bjs_delivery
+          }
+        ) }, r.id),
+        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
+          "ul",
+          {
+            className: "statuscontainer",
+            style: {
+              listStyleType: "none",
+              background: c.background
+            },
+            children: /* @__PURE__ */ e(
+              "li",
+              {
+                className: "statustext",
+                style: { color: c.color },
+                children: u
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("ul", { className: "actionbox", children: /* @__PURE__ */ e(
+          Y,
+          {
+            ref: I,
+            className: m === t ? "active" : "",
+            children: /* @__PURE__ */ n(
+              "li",
+              {
+                className: "shareIconContainer",
+                onClick: () => L(t),
+                children: [
+                  /* @__PURE__ */ e(J, {}),
+                  /* @__PURE__ */ e(K, {}),
+                  m === t && /* @__PURE__ */ e("div", { ref: h, children: /* @__PURE__ */ e(ne, { legacyProductId: r }) })
+                ]
+              }
+            )
+          }
+        ) }) })
+      ] }, r.id);
+    }) })
+  ] }) }) });
+}, de = se(W)`
+  .ant-select-selector {
+    /* width: 22vw; */
+    border-radius: 22px;
+  }
+  .ant-select-clear {
+    top: 40% !important;
+    font-size: 18px !important;
+  }
+`;
+export {
+  Ne as default
+};
+//# sourceMappingURL=OrderTable.js.map

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

@@ -0,0 +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} 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 { WEIGHT_UNIT } 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\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 CBM {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>{displayValueOrNA(item?.customer_name)}</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?.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","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","Skeleton","EmptyDataContainer","Empty","item","statusClass","formatDate","displayValueOrNA","NavLink","StyledAntSelect","CustomDrop","PrinterIcon","DownIcon","PrintDropDown","styled","Select"],"mappings":"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"}

package/dist/components/order-daily-overview/return-after-table/table-filters/ReturnFilterStore.js

@@ -0,0 +1,210 @@
+import { atom as f } from "jotai";
+import { format as d } from "date-fns";
+f(/* @__PURE__ */ new Date());
+const _ = {
+  "x-filters": [],
+  "x-pagination": { page: 1, per_page: 50 }
+}, s = (e, l) => {
+  switch (l.type) {
+    case "SET_DATE_FILTER":
+      return {
+        ...e,
+        "x-filters": [
+          ...e["x-filters"].filter((r) => r.field !== "created_at"),
+          {
+            field: "created_at",
+            op: ">=",
+            value: `${d(
+              new Date(l.payload),
+              "yyyy-MM-dd"
+            )}T00:00:00+00:00`
+          },
+          {
+            field: "created_at",
+            op: "<=",
+            value: `${d(
+              new Date(l.payload),
+              "yyyy-MM-dd"
+            )}T23:59:59+00:00`
+          }
+        ]
+      };
+    case "SET_CLIENT_FILTER":
+      return l.payload ? {
+        ...e,
+        "x-filters": [
+          ...e["x-filters"].filter((r) => r.field !== "customer_id"),
+          {
+            field: "customer_id",
+            op: "=",
+            value: l.payload
+          }
+        ]
+      } : {
+        ...e,
+        "x-filters": e["x-filters"].filter(
+          (r) => r.field !== "customer_id"
+        )
+      };
+    case "CLEAR_CLIENT_FILTER":
+      return {
+        ...e,
+        "x-filters": e["x-filters"].filter((r) => r.field !== "customer_id")
+      };
+    case "SET_STATUS_ORDER_FILTER":
+      return l.payload ? {
+        ...e,
+        "x-filters": [
+          ...e["x-filters"].filter((r) => r.field !== "order_status"),
+          {
+            field: "order_status",
+            op: "=",
+            value: l.payload
+          }
+        ]
+      } : {
+        ...e,
+        "x-filters": e["x-filters"].filter(
+          (r) => r.field !== "order_status"
+        )
+      };
+    case "SET_ASSIGNEE_FILTER":
+      return {
+        ...e,
+        "x-filters": l.payload !== null ? [
+          ...e["x-filters"].filter((r) => r.field !== "bjs_delivery"),
+          {
+            field: "bjs_delivery",
+            op: "=",
+            value: l.payload
+          }
+        ] : e["x-filters"].filter((r) => r.field !== "bjs_delivery")
+      };
+    case "CLEAR_STATUS_ORDER_FILTER":
+      return {
+        ...e,
+        "x-filters": e["x-filters"].filter((r) => r.field !== "status_id")
+      };
+    //client portal
+    case "SET_SCHEDULED_RETURN_FILTER":
+      return l.payload ? {
+        ...e,
+        "x-filters": [
+          ...e["x-filters"].filter((r) => r.field !== "order_status"),
+          {
+            field: "order_status",
+            op: "in",
+            value: l.payload
+          }
+        ]
+      } : {
+        ...e,
+        "x-filters": e["x-filters"].filter(
+          (r) => r.field !== "order_status"
+        )
+      };
+    case "SET_RETURN_COMPLETED_FILTER":
+      return l.payload ? {
+        ...e,
+        "x-filters": [
+          ...e["x-filters"].filter((r) => r.field !== "order_status"),
+          {
+            field: "order_status",
+            op: "=",
+            value: l.payload
+          }
+        ]
+      } : {
+        ...e,
+        "x-filters": e["x-filters"].filter(
+          (r) => r.field !== "order_status"
+        )
+      };
+    //client portal
+    // case 'SET_CP_DATE_FILTER': {
+    //   let { startDate, endDate } = action.payload;
+    //   if (!startDate || !endDate) {
+    //     const storedDates = JSON.parse(
+    //       localStorage.getItem('returnDate') || '{}'
+    //     );
+    //     startDate = startDate ?? storedDates?.startDate;
+    //     endDate = endDate ?? storedDates?.endDate ?? startDate;
+    //   }
+    //   const filters = state['x-filters'].filter(f => f.field !== 'created_at');
+    //   if (startDate === endDate) {
+    //     filters.push({
+    //       field: 'created_at',
+    //       op: '=',
+    //       value: format(new Date(startDate), 'yyyy-MM-dd'),
+    //     });
+    //   } else if (startDate && endDate) {
+    //     filters.push(
+    //       {
+    //         field: 'created_at',
+    //         op: '>=',
+    //         value: format(new Date(startDate), 'yyyy-MM-dd'),
+    //       },
+    //       {
+    //         field: 'created_at',
+    //         op: '<=',
+    //         value: format(new Date(endDate), 'yyyy-MM-dd'),
+    //       }
+    //     );
+    //   }
+    //   return {
+    //     ...state,
+    //     'x-filters': filters,
+    //     'x-pagination': { ...state['x-pagination'], page: 1 },
+    //   };
+    // }
+    // case 'CLEAR_CLIENT':
+    //   return {
+    //     ...state,
+    //     'x-filters': state['x-filters'].filter(f => f.field !== 'customer_id'),
+    //   };
+    // case 'CLEAR_STATUS_ORDER':
+    //   return {
+    //     ...state,
+    //     'x-filters': state['x-filters'].filter(f => f.field !== 'status_id'),
+    //   };
+    case "CLEAR_DATE":
+      return {
+        ...e,
+        "x-filters": e["x-filters"].filter((r) => r.field !== "created_at")
+      };
+    case "SET_PAGE":
+      return {
+        ...e,
+        "x-pagination": {
+          ...e["x-pagination"],
+          page: l.payload
+        }
+      };
+    case "SET_PERPAGE":
+      return {
+        ...e,
+        "x-pagination": {
+          ...e["x-pagination"],
+          per_page: l.payload
+        }
+      };
+    case "CLEAR_FILTERS":
+      return {
+        ...e
+      };
+    case "CLEAR_ALL_FILTER":
+      return {
+        ...e,
+        "x-filters": []
+      };
+    default:
+      return e;
+  }
+}, i = f(_), a = f(
+  (e) => e(i),
+  (e, l, r) => l(i, s(e(i), r))
+);
+export {
+  a as filtersReducerReturnAtom
+};
+//# sourceMappingURL=ReturnFilterStore.js.map

package/dist/components/order-daily-overview/return-after-table/table-filters/ReturnFilterStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReturnFilterStore.js","sources":["../../../../../src/components/order-daily-overview/return-after-table/table-filters/ReturnFilterStore.ts"],"sourcesContent":["import { atom, useAtom } from 'jotai';\nimport { format } from 'date-fns';\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}\n\ninterface Pagination {\n  page: number;\n  per_page: number;\n}\n\ninterface FilterState {\n  'x-filters': Filter[];\n  'x-pagination': Pagination;\n}\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_DATE_FILTER':\n      return {\n        ...state,\n        'x-filters': [\n          ...state['x-filters'].filter(f => f.field !== 'created_at'),\n          {\n            field: 'created_at',\n            op: '>=',\n            value: `${format(\n              new Date(action.payload),\n              'yyyy-MM-dd'\n            )}T00:00:00+00:00`,\n          },\n          {\n            field: 'created_at',\n            op: '<=',\n            value: `${format(\n              new Date(action.payload),\n              'yyyy-MM-dd'\n            )}T23:59:59+00:00`,\n          },\n        ],\n      };\n\n    case 'SET_CLIENT_FILTER':\n      if (action.payload) {\n        return {\n          ...state,\n          'x-filters': [\n            ...state['x-filters'].filter(f => f.field !== 'customer_id'),\n            {\n              field: 'customer_id',\n              op: '=',\n              value: action.payload,\n            },\n          ],\n        };\n      } else {\n        return {\n          ...state,\n          'x-filters': state['x-filters'].filter(\n            f => f.field !== 'customer_id'\n          ),\n        };\n      }\n\n    case 'CLEAR_CLIENT_FILTER':\n      return {\n        ...state,\n        'x-filters': state['x-filters'].filter(f => f.field !== 'customer_id'),\n      };\n\n    case 'SET_STATUS_ORDER_FILTER':\n      if (action.payload) {\n        return {\n          ...state,\n          'x-filters': [\n            ...state['x-filters'].filter(f => f.field !== 'order_status'),\n            {\n              field: 'order_status',\n              op: '=',\n              value: action.payload,\n            },\n          ],\n        };\n      } else {\n        return {\n          ...state,\n          'x-filters': state['x-filters'].filter(\n            f => f.field !== 'order_status'\n          ),\n        };\n      }\n\n    case 'SET_ASSIGNEE_FILTER':\n      return {\n        ...state,\n        'x-filters':\n          action.payload !== null\n            ? [\n                ...state['x-filters'].filter(f => f.field !== 'bjs_delivery'),\n                {\n                  field: 'bjs_delivery',\n                  op: '=',\n                  value: action.payload,\n                },\n              ]\n            : state['x-filters'].filter(f => f.field !== 'bjs_delivery'),\n      };\n\n    case 'CLEAR_STATUS_ORDER_FILTER':\n      return {\n        ...state,\n        'x-filters': state['x-filters'].filter(f => f.field !== 'status_id'),\n      };\n\n    //client portal\n    case 'SET_SCHEDULED_RETURN_FILTER':\n      if (action.payload) {\n        return {\n          ...state,\n          'x-filters': [\n            ...state['x-filters'].filter(f => f.field !== 'order_status'),\n            {\n              field: 'order_status',\n              op: 'in',\n              value: action.payload,\n            },\n          ],\n        };\n      } else {\n        return {\n          ...state,\n          'x-filters': state['x-filters'].filter(\n            f => f.field !== 'order_status'\n          ),\n        };\n      }\n\n    case 'SET_RETURN_COMPLETED_FILTER':\n      if (action.payload) {\n        return {\n          ...state,\n          'x-filters': [\n            ...state['x-filters'].filter(f => f.field !== 'order_status'),\n            {\n              field: 'order_status',\n              op: '=',\n              value: action.payload,\n            },\n          ],\n        };\n      } else {\n        return {\n          ...state,\n          'x-filters': state['x-filters'].filter(\n            f => f.field !== 'order_status'\n          ),\n        };\n      }\n\n    //client portal\n    // case 'SET_CP_DATE_FILTER': {\n    //   let { startDate, endDate } = action.payload;\n\n    //   if (!startDate || !endDate) {\n    //     const storedDates = JSON.parse(\n    //       localStorage.getItem('returnDate') || '{}'\n    //     );\n    //     startDate = startDate ?? storedDates?.startDate;\n    //     endDate = endDate ?? storedDates?.endDate ?? startDate;\n    //   }\n\n    //   const filters = state['x-filters'].filter(f => f.field !== 'created_at');\n\n    //   if (startDate === endDate) {\n    //     filters.push({\n    //       field: 'created_at',\n    //       op: '=',\n    //       value: format(new Date(startDate), 'yyyy-MM-dd'),\n    //     });\n    //   } else if (startDate && endDate) {\n    //     filters.push(\n    //       {\n    //         field: 'created_at',\n    //         op: '>=',\n    //         value: format(new Date(startDate), 'yyyy-MM-dd'),\n    //       },\n    //       {\n    //         field: 'created_at',\n    //         op: '<=',\n    //         value: format(new Date(endDate), 'yyyy-MM-dd'),\n    //       }\n    //     );\n    //   }\n\n    //   return {\n    //     ...state,\n    //     'x-filters': filters,\n    //     'x-pagination': { ...state['x-pagination'], page: 1 },\n    //   };\n    // }\n    // case 'CLEAR_CLIENT':\n    //   return {\n    //     ...state,\n    //     'x-filters': state['x-filters'].filter(f => f.field !== 'customer_id'),\n    //   };\n\n    // case 'CLEAR_STATUS_ORDER':\n    //   return {\n    //     ...state,\n    //     'x-filters': state['x-filters'].filter(f => f.field !== 'status_id'),\n    //   };\n\n    case 'CLEAR_DATE':\n      return {\n        ...state,\n        'x-filters': state['x-filters'].filter(f => f.field !== 'created_at'),\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    case 'CLEAR_ALL_FILTER':\n      return {\n        ...state,\n        'x-filters': [],\n      };\n    default:\n      return state;\n  }\n};\n\nconst filtersStateAtom = atom(initialState);\n\nexport const filtersReducerReturnAtom = atom(\n  get => get(filtersStateAtom),\n  (get, set, action) =>\n    set(filtersStateAtom, filterReducer(get(filtersStateAtom), action))\n);\n"],"names":["atom","initialState","filterReducer","state","action","f","format","filtersStateAtom","filtersReducerReturnAtom","get","set"],"mappings":"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"}