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

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

@@ -0,0 +1,225 @@
+import { jsx as t, Fragment as S, jsxs as r } from "react/jsx-runtime";
+import { useState as o, useEffect as p } from "react";
+import { StyledFiter as G, StyledFIlterELements as k, LeftSideConatiner as P } from "../../filters/FilterStyle.js";
+import j from "./TableFilters.js";
+import U from "../../../../assets/icons/FilterIcon.js";
+import W from "../../../../assets/icons/DateIcon.js";
+import z from "../../../../assets/icons/ClientIcon.js";
+import { DatePicker as B, Select as m } from "antd";
+import "../../../order-view/store.js";
+import x from "styled-components";
+import M from "dayjs";
+import { useStatusOrderData as Y, useAssignData as V } from "../../../store.js";
+import $ 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, h] = o(), [f] = Y(), [s, i] = o(), [y, c] = o(), [C, d] = o(), [E] = V(), { data: A, fetchData: _ } = X({
+    endpoint: "/v1/return/order/customers/",
+    method: "GET",
+    //@ts-ignore
+    pagination: { is_pagination: !1 }
+  });
+  p(() => {
+    _();
+  }, []);
+  const T = (e) => {
+    h(e ? e?.$d : null);
+  };
+  p(() => {
+    a && (l({
+      type: "SET_DATE_FILTER",
+      payload: a
+    }), l({
+      type: "SET_PAGE",
+      payload: 1
+    }));
+  }, [a]);
+  const g = A?.data?.map((e) => ({
+    label: e?.customer_name?.charAt(0)?.toUpperCase() + e?.customer_name?.slice(1),
+    value: e?.customer_id
+  })), v = f?.map((e) => ({
+    label: e?.status_type?.charAt(0)?.toUpperCase() + e?.status_type?.slice(1),
+    value: e?.type
+  })), b = (e) => {
+    e !== s && (i(e), l({
+      type: "SET_CLIENT_FILTER",
+      payload: e
+    }), l({
+      type: "SET_PAGE",
+      payload: 1
+    }));
+  }, L = (e) => {
+    e !== f && (c(e), l({
+      type: "SET_STATUS_ORDER_FILTER",
+      payload: e
+    }), l({
+      type: "SET_PAGE",
+      payload: 1
+    }));
+  }, N = E?.map((e) => ({
+    label: e.type,
+    value: e.id
+  })), D = (e) => {
+    const n = E.find((w) => w.id === e)?.bjs_delivery;
+    n !== void 0 && (d(e), l({
+      type: "SET_ASSIGNEE_FILTER",
+      payload: n
+    }), l({
+      type: "SET_PAGE",
+      payload: 1
+    }));
+  }, I = () => {
+    d(null), l({
+      type: "SET_ASSIGNEE_FILTER",
+      payload: null
+    }), l({
+      type: "SET_PAGE",
+      payload: 1
+    });
+  }, R = () => {
+    h(null), i(null), c(null), d(null), l({ type: "CLEAR_ALL_FILTER" });
+  }, F = () => {
+    l({
+      type: "CLEAR_STATUS_ORDER_FILTER"
+    }), c(null);
+  }, O = () => {
+    l({
+      type: "CLEAR_CLIENT_FILTER"
+    }), i(null);
+  };
+  return p(() => {
+    a === null && l({ type: "CLEAR_DATE" });
+  }, [a]), /* @__PURE__ */ t(S, { children: /* @__PURE__ */ r(G, { children: [
+    /* @__PURE__ */ t(k, { children: /* @__PURE__ */ r(P, { children: [
+      /* @__PURE__ */ r("div", { className: "filtercontainer", children: [
+        /* @__PURE__ */ t("div", { className: "filtericon", children: /* @__PURE__ */ t(U, {}) }),
+        /* @__PURE__ */ t("div", { className: "textcont", children: "Filters" })
+      ] }),
+      /* @__PURE__ */ r("div", { className: "datefilter", children: [
+        /* @__PURE__ */ t("div", { className: "dateiconcontainer", children: /* @__PURE__ */ t(W, {}) }),
+        /* @__PURE__ */ t(ee, { children: /* @__PURE__ */ t(
+          B,
+          {
+            className: "custom-datepicker",
+            onChange: T,
+            style: { width: "100px" },
+            value: a ? M(a) : null,
+            format: "DD/MM/YY",
+            placeholder: "Date",
+            needConfirm: !0,
+            allowClear: !0
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ r("div", { className: "datefilter", children: [
+        /* @__PURE__ */ t("div", { className: "dateiconcontainer", children: /* @__PURE__ */ t($, {}) }),
+        /* @__PURE__ */ t(u, { children: /* @__PURE__ */ t(
+          m,
+          {
+            options: v,
+            className: "custom-select",
+            placeholder: "Status of Order",
+            onChange: L,
+            style: { minWidth: "250px", maxWidth: "300px" },
+            value: y,
+            onClear: F,
+            allowClear: !0
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ r("div", { className: "datefilter", children: [
+        /* @__PURE__ */ t("div", { className: "dateiconcontainer", children: /* @__PURE__ */ t(z, {}) }),
+        /* @__PURE__ */ t(u, { children: /* @__PURE__ */ t(
+          m,
+          {
+            options: g,
+            className: "custom-select",
+            placeholder: "Clients",
+            onChange: b,
+            value: s,
+            style: {
+              minWidth: "150px",
+              width: "auto",
+              cursor: "pointer"
+            },
+            allowClear: !0,
+            onClear: O,
+            filterOption: (e, n) => (n?.label ?? "").toLowerCase().includes(e.toLowerCase()),
+            showSearch: !0
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ r("div", { className: "datefilter", children: [
+        /* @__PURE__ */ t("div", { className: "dateiconcontainer", children: /* @__PURE__ */ t(q, {}) }),
+        /* @__PURE__ */ t(u, { children: /* @__PURE__ */ t(
+          m,
+          {
+            options: N,
+            className: "custom-select",
+            placeholder: "Assignee",
+            onChange: D,
+            value: C,
+            style: { minWidth: "140px" },
+            allowClear: !0,
+            onClear: I
+          }
+        ) })
+      ] }),
+      a || y || s || C ? /* @__PURE__ */ t(S, { children: /* @__PURE__ */ r(H, { onClick: R, children: [
+        /* @__PURE__ */ t(J, { children: /* @__PURE__ */ t("i", { className: "cross" }) }),
+        /* @__PURE__ */ t(K, { children: "Clear all" })
+      ] }) }) : null
+    ] }) }),
+    /* @__PURE__ */ t(j, {})
+  ] }) });
+}, ee = x.div`
+  .custom-datepicker {
+    border: none;
+  }
+`, u = x.div`
+  .custom-select {
+    border: none;
+    width: 80px;
+  }
+  .ant-select-selector {
+    border: 1px solid #ffffff !important;
+  }
+  :where(.css-dev-only-do-not-override-m4timi).ant-select-single:not(.ant-select-customize-input)
+    .ant-select-selector {
+    padding: 0 5px;
+  }
+  :where(.css-dev-only-do-not-override-m4timi).ant-select-outlined:not(.ant-select-customize-input)
+    .ant-select-selector {
+    border: none;
+  }
+  .roundbox {
+    display: flex;
+    width: 18px;
+    height: 18px;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    border-radius: 18px;
+    background: #fff;
+    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
+    left: 359px;
+    position: absolute;
+    border-radius: 18px;
+    background: #fff;
+    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
+    top: 16px;
+  }
+  .ant-select-clear {
+    top: 40% !important;
+    font-size: 18px !important;
+  }
+`;
+export {
+  u as StyledAntSelect,
+  Se as default
+};
+//# sourceMappingURL=ReturnOrderFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReturnOrderFilter.js","sources":["../../../../../src/components/order-daily-overview/return-after-table/table-filters/ReturnOrderFilter.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  LeftSideConatiner,\n  StyledFIlterELements,\n  StyledFiter,\n} from '../../filters/FilterStyle';\nimport TableFilters from './TableFilters';\nimport FilterIcon from '../../../../assets/icons/FilterIcon';\nimport DateIcon from '../../../../assets/icons/DateIcon';\n// import StatusIcon from '../../../../assets/icons/StatusIcon';\nimport ClientIcon from '../../../../assets/icons/ClientIcon';\n// import AssigneIcon from '../../../../assets/icons/AssigneIcon';\nimport { DatePicker, Select } from 'antd';\nimport { useAtom } from '../../../order-view/store';\nimport styled from 'styled-components';\nimport dayjs from 'dayjs';\nimport {\n  useAssignData,\n  // useCustomerData,\n  useStatusOrderData,\n} from '../../../store';\nimport StatusIcon from '../../../../assets/icons/StatusIcon';\nimport AssigneIcon from '../../../../assets/icons/AssigneIcon';\nimport {\n  ClearAll,\n  StyledFilterBtnIcon,\n  StyledFilterBtnLabel,\n} from '../../table/table-data/styles';\nimport { filtersReducerReturnAtom } from './ReturnFilterStore';\nimport { useAxios } from '@bjsdistribution/dms-component-library';\nimport { ApiResponse } from '../../common/interface';\n\nconst ReturnOrderFilter = () => {\n  const [, dispatch] = useAtom(filtersReducerReturnAtom);\n  // const [customers] = useCustomerData();\n  const [selectedDate, setSelectedDate] = useState<any | null>();\n  const [statusOfOrder] = useStatusOrderData();\n  const [selectedClient, setSelectedClient] = useState<any | null>();\n  const [statusOrder, setStatusOfOrder] = useState<any | null>();\n  const [selectedAssignee, setSelectedAssignee] = useState<any | null>();\n  const [assignData] = useAssignData();\n\n  //API for client data\n  const { data: fetchedCustomerData, fetchData } = useAxios<ApiResponse>({\n    endpoint: `/v1/return/order/customers/`,\n    method: 'GET',\n    //@ts-ignore\n    pagination: { is_pagination: false },\n  });\n\n  useEffect(() => {\n    fetchData();\n  }, []);\n\n  // date change here\n  const handleDateChange = (date: any | null) => {\n    setSelectedDate(date ? date?.$d : null);\n  };\n  useEffect(() => {\n    if (selectedDate) {\n      dispatch({\n        type: 'SET_DATE_FILTER',\n        payload: selectedDate,\n      });\n      // Reset to the first page\n      dispatch({\n        type: 'SET_PAGE',\n        payload: 1,\n      });\n    }\n  }, [selectedDate]);\n  //client options\n  const clientOptions = fetchedCustomerData?.data?.map((option: any) => ({\n    label:\n      option?.customer_name?.charAt(0)?.toUpperCase() +\n      option?.customer_name?.slice(1),\n    value: option?.customer_id,\n  }));\n  //status of order\n  const orderOptions = statusOfOrder?.map((option: any) => ({\n    label:\n      option?.status_type?.charAt(0)?.toUpperCase() +\n      option?.status_type?.slice(1),\n    value: option?.type,\n  }));\n  const handleClientChange = (value: any) => {\n    if (value === selectedClient) return;\n    setSelectedClient(value);\n    dispatch({\n      type: 'SET_CLIENT_FILTER',\n      payload: value,\n    });\n    // Reset to the first page\n    dispatch({\n      type: 'SET_PAGE',\n      payload: 1,\n    });\n  };\n  const handleStatusOfOrder = (value: any) => {\n    if (value === statusOfOrder) return;\n    setStatusOfOrder(value);\n    dispatch({\n      type: 'SET_STATUS_ORDER_FILTER',\n      payload: value,\n    });\n    // Reset to the first page\n    dispatch({\n      type: 'SET_PAGE',\n      payload: 1,\n    });\n  };\n\n  const assigneeOptions = assignData?.map(client => ({\n    label: client.type,\n    value: client.id,\n  }));\n\n  const handleAssigneeChange = (value: any) => {\n    const bjsDeliveryValue = assignData.find(client => client.id === value)\n      ?.bjs_delivery;\n    if (bjsDeliveryValue === undefined) return;\n    setSelectedAssignee(value);\n    dispatch({\n      type: 'SET_ASSIGNEE_FILTER',\n      payload: bjsDeliveryValue,\n    });\n    dispatch({\n      type: 'SET_PAGE',\n      payload: 1,\n    });\n  };\n\n  const handleClearAssignee = () => {\n    setSelectedAssignee(null);\n    dispatch({\n      type: 'SET_ASSIGNEE_FILTER',\n      payload: null,\n    });\n    dispatch({\n      type: 'SET_PAGE',\n      payload: 1,\n    });\n  };\n\n  const handleClearAll = () => {\n    setSelectedDate(null);\n    setSelectedClient(null);\n    setStatusOfOrder(null);\n    setSelectedAssignee(null);\n    dispatch({ type: 'CLEAR_ALL_FILTER' });\n  };\n\n  const handleClear = () => {\n    dispatch({\n      type: 'CLEAR_STATUS_ORDER_FILTER',\n    });\n\n    setStatusOfOrder(null);\n  };\n\n  const handleClearClient = () => {\n    dispatch({\n      type: 'CLEAR_CLIENT_FILTER',\n    });\n    setSelectedClient(null);\n  };\n  //clearing filters\n  useEffect(() => {\n    if (selectedDate === null) {\n      dispatch({ type: 'CLEAR_DATE' });\n    }\n  }, [selectedDate]);\n\n  return (\n    <>\n      <StyledFiter>\n        <StyledFIlterELements>\n          <LeftSideConatiner>\n            <div className=\"filtercontainer\">\n              <div className=\"filtericon\">\n                <FilterIcon />\n              </div>\n              <div className=\"textcont\">Filters</div>\n            </div>\n            <div className=\"datefilter\">\n              <div className=\"dateiconcontainer\">\n                <DateIcon />\n              </div>\n              <StyledDatePicker>\n                <DatePicker\n                  className=\"custom-datepicker\"\n                  onChange={handleDateChange}\n                  style={{ width: '100px' }}\n                  value={selectedDate ? dayjs(selectedDate) : null}\n                  format=\"DD/MM/YY\"\n                  placeholder=\"Date\"\n                  needConfirm\n                  allowClear\n                />\n              </StyledDatePicker>\n            </div>\n            <div className=\"datefilter\">\n              <div className=\"dateiconcontainer\">\n                <StatusIcon />\n              </div>\n              <StyledAntSelect>\n                <Select\n                  options={orderOptions}\n                  className=\"custom-select\"\n                  placeholder=\"Status of Order\"\n                  onChange={handleStatusOfOrder}\n                  style={{ minWidth: '250px', maxWidth: '300px' }}\n                  value={statusOrder}\n                  onClear={handleClear}\n                  allowClear\n                />\n              </StyledAntSelect>\n            </div>\n            <div className=\"datefilter\">\n              <div className=\"dateiconcontainer\">\n                <ClientIcon />\n              </div>\n              <StyledAntSelect>\n                <Select\n                  options={clientOptions}\n                  className=\"custom-select\"\n                  placeholder=\"Clients\"\n                  onChange={handleClientChange}\n                  value={selectedClient}\n                  style={{\n                    minWidth: '150px',\n                    width: 'auto',\n                    cursor: 'pointer',\n                  }}\n                  allowClear\n                  onClear={handleClearClient}\n                  filterOption={(input: any, option: any) =>\n                    (option?.label ?? '')\n                      .toLowerCase()\n                      .includes(input.toLowerCase())\n                  }\n                  showSearch\n                />\n              </StyledAntSelect>\n            </div>\n\n            <div className=\"datefilter\">\n              <div className=\"dateiconcontainer\">\n                <AssigneIcon />\n              </div>\n              <StyledAntSelect>\n                <Select\n                  options={assigneeOptions}\n                  className=\"custom-select\"\n                  placeholder=\"Assignee\"\n                  onChange={handleAssigneeChange}\n                  value={selectedAssignee}\n                  style={{ minWidth: '140px' }}\n                  allowClear\n                  onClear={handleClearAssignee}\n                />\n              </StyledAntSelect>\n            </div>\n\n            {selectedDate ||\n            statusOrder ||\n            selectedClient ||\n            selectedAssignee ? (\n              <>\n                <ClearAll onClick={handleClearAll}>\n                  <StyledFilterBtnIcon>\n                    <i className=\"cross\"></i>\n                  </StyledFilterBtnIcon>\n                  <StyledFilterBtnLabel>Clear all</StyledFilterBtnLabel>\n                </ClearAll>\n              </>\n            ) : null}\n          </LeftSideConatiner>\n        </StyledFIlterELements>\n        <TableFilters />\n      </StyledFiter>\n    </>\n  );\n};\nconst StyledDatePicker = styled.div`\n  .custom-datepicker {\n    border: none;\n  }\n`;\n// const DropdownContainer = styled.div``;\nexport const StyledAntSelect = styled.div`\n  .custom-select {\n    border: none;\n    width: 80px;\n  }\n  .ant-select-selector {\n    border: 1px solid #ffffff !important;\n  }\n  :where(.css-dev-only-do-not-override-m4timi).ant-select-single:not(.ant-select-customize-input)\n    .ant-select-selector {\n    padding: 0 5px;\n  }\n  :where(.css-dev-only-do-not-override-m4timi).ant-select-outlined:not(.ant-select-customize-input)\n    .ant-select-selector {\n    border: none;\n  }\n  .roundbox {\n    display: flex;\n    width: 18px;\n    height: 18px;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    border-radius: 18px;\n    background: #fff;\n    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);\n    left: 359px;\n    position: absolute;\n    border-radius: 18px;\n    background: #fff;\n    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);\n    top: 16px;\n  }\n  .ant-select-clear {\n    top: 40% !important;\n    font-size: 18px !important;\n  }\n`;\nexport default ReturnOrderFilter;\n"],"names":["ReturnOrderFilter","dispatch","useAtom","filtersReducerReturnAtom","selectedDate","setSelectedDate","useState","statusOfOrder","useStatusOrderData","selectedClient","setSelectedClient","statusOrder","setStatusOfOrder","selectedAssignee","setSelectedAssignee","assignData","useAssignData","fetchedCustomerData","fetchData","useAxios","useEffect","handleDateChange","date","clientOptions","option","orderOptions","handleClientChange","value","handleStatusOfOrder","assigneeOptions","client","handleAssigneeChange","bjsDeliveryValue","handleClearAssignee","handleClearAll","handleClear","handleClearClient","jsx","Fragment","StyledFiter","StyledFIlterELements","LeftSideConatiner","jsxs","FilterIcon","DateIcon","StyledDatePicker","DatePicker","dayjs","StatusIcon","StyledAntSelect","Select","ClientIcon","input","AssigneIcon","ClearAll","StyledFilterBtnIcon","StyledFilterBtnLabel","TableFilters","styled"],"mappings":"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"}

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

@@ -0,0 +1,29 @@
+import { jsxs as n, jsx as s } from "react/jsx-runtime";
+import { ExportButton as i } from "@bjsdistribution/dms-component-library";
+import f from "styled-components";
+import { useReturnAfterOrderData as l } from "../../../order-view/store.js";
+import { filtersReducerReturnAtom as m } from "./ReturnFilterStore.js";
+import { useAtom as u } from "jotai";
+const _ = () => {
+  const [e] = u(m), [r] = l(), { "x-filters": t } = e, o = {
+    isExportedData: !(r?.length <= 0),
+    moduleName: "return",
+    filter: t,
+    file_type: "csv",
+    apiUrlEndPoint: "v1/return/orders/",
+    reference: "return_overview_export",
+    feature_name: "return"
+  };
+  return /* @__PURE__ */ n(a, { children: [
+    " ",
+    /* @__PURE__ */ s(i, { moduleInfoModule: o })
+  ] });
+}, a = f.div`
+  display: flex;
+  gap: 16px;
+  align-items: center;
+`;
+export {
+  _ as default
+};
+//# sourceMappingURL=TableFilters.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableFilters.js","sources":["../../../../../src/components/order-daily-overview/return-after-table/table-filters/TableFilters.tsx"],"sourcesContent":["import { ExportButton } from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useAtom, useReturnAfterOrderData } from '../../../order-view/store';\nimport { filtersReducerReturnAtom } from './ReturnFilterStore';\n\nconst TableFilters = () => {\n  const [state] = useAtom(filtersReducerReturnAtom);\n  const [returnAfterOrder] = useReturnAfterOrderData();\n\n  const { 'x-filters': filters } = state;\n  const moduleInfo = {\n    isExportedData: returnAfterOrder?.length <= 0 ? false : true,\n    moduleName: 'return',\n    filter: filters,\n    file_type: 'csv',\n    apiUrlEndPoint: `v1/return/orders/`,\n    reference: 'return_overview_export',\n    feature_name: 'return',\n  };\n  return (\n    <Container>\n      {' '}\n      <ExportButton moduleInfoModule={moduleInfo} />\n    </Container>\n  );\n};\nconst Container = styled.div`\n  display: flex;\n  gap: 16px;\n  align-items: center;\n`;\nexport default TableFilters;\n"],"names":["TableFilters","state","useAtom","filtersReducerReturnAtom","returnAfterOrder","useReturnAfterOrderData","filters","moduleInfo","Container","jsx","ExportButton","styled"],"mappings":";;;;;;AAMA,MAAMA,IAAe,MAAM;AACzB,QAAM,CAACC,CAAK,IAAIC,EAAQC,CAAwB,GAC1C,CAACC,CAAgB,IAAIC,EAAA,GAErB,EAAE,aAAaC,EAAA,IAAYL,GAC3BM,IAAa;AAAA,IACjB,gBAAgB,EAAAH,GAAkB,UAAU;AAAA,IAC5C,YAAY;AAAA,IACZ,QAAQE;AAAA,IACR,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,cAAc;AAAA,EAAA;AAEhB,2BACGE,GAAA,EACE,UAAA;AAAA,IAAA;AAAA,IACD,gBAAAC,EAACC,GAAA,EAAa,kBAAkBH,EAAA,CAAY;AAAA,EAAA,GAC9C;AAEJ,GACMC,IAAYG,EAAO;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -0,0 +1,159 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { useState as h } from "react";
+import r from "styled-components";
+import u from "../header-filters/HeaderFilter.js";
+import f from "./return-orders-filters/ReturnFilter.js";
+import P from "./return-orders-filters/ReturnOrderTable.js";
+import b from "../../order-view/modalsPopup/ModalManager.js";
+import { UsePaginationData as v, useItemsPerPage as y } from "../store/store.js";
+import C from "../table-view/Pagination.js";
+import { useCustomerData as z } from "../../store.js";
+import { DocumentTitle as D } from "@bjsdistribution/dms-component-library";
+const U = () => {
+  const [o] = v(), [, n] = h(1), [p, s] = y(), [d] = z(), { page: l, total: i } = o, x = (t) => {
+    n(t);
+  }, c = (t) => {
+    s(t);
+  }, m = new URLSearchParams(location.search).get("customerId"), g = `${d?.find(
+    (t) => t?.customer_id?.toString() === m
+  )?.customer_name}: Return Product`;
+  return /* @__PURE__ */ a("div", { children: [
+    /* @__PURE__ */ a(w, { children: [
+      /* @__PURE__ */ e(D, { title: g }),
+      /* @__PURE__ */ a("div", { className: "Tableconatiner", children: [
+        /* @__PURE__ */ e(u, {}),
+        /* @__PURE__ */ a(I, { children: [
+          /* @__PURE__ */ e(f, {}),
+          /* @__PURE__ */ e(P, {}),
+          i > 0 && /* @__PURE__ */ e(
+            C,
+            {
+              currentPage: l,
+              totalItems: i,
+              itemsPerPage: p,
+              onPageChange: x,
+              onItemsPerPageChange: c
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(b, {})
+  ] });
+}, I = r.div`
+  position: relative;
+  top: -46px;
+`, w = r.section`
+  .Tableconatiner {
+    border-radius: 12px;
+    background: #fff;
+    box-shadow: -2px 0px 12px 0px rgba(56, 71, 109, 0.1);
+    display: block;
+    padding: 15px 20px;
+  }
+  .headerWrap,
+  .tableData,
+  .styleCovered {
+    transition: all ease 0.5s;
+  }
+  &.stickyTableHead {
+    h2 {
+      font-size: 21px;
+    }
+    .headerWrap {
+      height: 84px;
+      padding: 10px;
+      border-radius: 0px 0px 15px 15px;
+      > div {
+        position: relative;
+        z-index: 10;
+      }
+    }
+    .styleCovered {
+      margin-top: -32px;
+      width: 67%;
+      float: right;
+      gap: 5px;
+      padding-right: 11px;
+
+      li {
+        padding: 4px 10px 5px 5px;
+        gap: 5px;
+        .svgCover {
+          width: 30px;
+          height: 30px;
+          svg {
+            height: auto;
+            width: 58%;
+          }
+        }
+        .countDigit {
+          font-size: 19px;
+        }
+      }
+      .countMess {
+        font-size: 13px;
+      }
+    }
+    .dmsBulkFilter {
+      min-height: unset;
+      gap: 4px;
+      > div {
+        padding: 4px 12px;
+        label {
+          font-size: 11px;
+        }
+      }
+    }
+
+    .StyledFilterList {
+      gap: 4px;
+      li {
+        height: 29px;
+        padding: 3px 8px;
+        gap: 4px;
+        .StyledFilterBtnIcon {
+          width: 20px;
+          height: 20px;
+          svh {
+            width: 10px;
+            height: auto;
+          }
+        }
+        .StyledFilterBtnLabel {
+          font-size: 13px;
+        }
+      }
+    }
+    .StyledFilterLabel {
+      padding-left: 10px;
+      span {
+        font-size: 13px;
+      }
+    }
+    .cardcontainer.tableData {
+      max-height: calc(100vh - 310px);
+      min-height: calc(100vh - 310px);
+    }
+
+    .tableData {
+      max-height: calc(100vh - 320px);
+      min-height: calc(100vh - 320px);
+
+      margin-top: 8px;
+      thead {
+        position: sticky;
+        top: 0;
+        z-index: 9;
+        th {
+          font-size: 13px;
+          padding: 2px 15px;
+        }
+      }
+    }
+  }
+`;
+export {
+  U as default
+};
+//# sourceMappingURL=ReturnTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReturnTable.js","sources":["../../../../src/components/order-daily-overview/return-order-table/ReturnTable.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport styled from 'styled-components';\n// import RouterHeader from '../header/route-header/RouterHeader';\nimport HeaderFilter from '../header-filters/HeaderFilter';\n\nimport ReturnFilter from './return-orders-filters/ReturnFilter';\nimport ReturnOrderTable from './return-orders-filters/ReturnOrderTable';\nimport ModalManager from '../../order-view/modalsPopup/ModalManager';\nimport { useItemsPerPage, UsePaginationData } from '../store/store';\nimport Pagination from '../table-view/Pagination';\nimport { useCustomerData } from '../../store';\nimport { DocumentTitle } from '@bjsdistribution/dms-component-library';\n// import { useLocation } from 'react-router-dom';\n\nconst ReturnTable = () => {\n  const [paginationObj] = UsePaginationData();\n  const [, setCurrentPage] = useState(1);\n  const [itemsPerPage, setItemsPerPage] = useItemsPerPage();\n  const [customers] = useCustomerData();\n  // const location = useLocation();\n  const { page, total } = paginationObj;\n\n  const handlePageChange = (page: number) => {\n    setCurrentPage(page);\n  };\n  const handleItemsPerPageChange = (itemsPerPage: number) => {\n    setItemsPerPage(itemsPerPage);\n  };\n\n  // useEffect(() => {\n  //   const queryParams = new URLSearchParams(location.search);\n\n  //   const clientId = queryParams.get('customerId');\n  // }, [location]);\n\n  const queryParams = new URLSearchParams(location.search);\n\n  const customerId = queryParams.get('customerId');\n\n  const selectedCustomer = customers?.find(\n    (customer: any) => customer?.customer_id?.toString() === customerId\n  );\n\n  const customerName = selectedCustomer?.customer_name;\n\n  const docTitle = `${customerName}: Return Product`;\n\n  return (\n    <div>\n      <DashBoardWrapper>\n        {/* <RouterHeader /> */}\n        <DocumentTitle title={docTitle} />\n        <div className=\"Tableconatiner\">\n          <HeaderFilter />\n          <Container>\n            <ReturnFilter />\n            <ReturnOrderTable />\n            {total > 0 && (\n              <Pagination\n                currentPage={page}\n                totalItems={total}\n                itemsPerPage={itemsPerPage}\n                onPageChange={handlePageChange}\n                onItemsPerPageChange={handleItemsPerPageChange}\n              ></Pagination>\n            )}\n          </Container>\n        </div>\n      </DashBoardWrapper>\n      <ModalManager />\n    </div>\n  );\n};\nconst Container = styled.div`\n  position: relative;\n  top: -46px;\n`;\nconst DashBoardWrapper = styled.section`\n  .Tableconatiner {\n    border-radius: 12px;\n    background: #fff;\n    box-shadow: -2px 0px 12px 0px rgba(56, 71, 109, 0.1);\n    display: block;\n    padding: 15px 20px;\n  }\n  .headerWrap,\n  .tableData,\n  .styleCovered {\n    transition: all ease 0.5s;\n  }\n  &.stickyTableHead {\n    h2 {\n      font-size: 21px;\n    }\n    .headerWrap {\n      height: 84px;\n      padding: 10px;\n      border-radius: 0px 0px 15px 15px;\n      > div {\n        position: relative;\n        z-index: 10;\n      }\n    }\n    .styleCovered {\n      margin-top: -32px;\n      width: 67%;\n      float: right;\n      gap: 5px;\n      padding-right: 11px;\n\n      li {\n        padding: 4px 10px 5px 5px;\n        gap: 5px;\n        .svgCover {\n          width: 30px;\n          height: 30px;\n          svg {\n            height: auto;\n            width: 58%;\n          }\n        }\n        .countDigit {\n          font-size: 19px;\n        }\n      }\n      .countMess {\n        font-size: 13px;\n      }\n    }\n    .dmsBulkFilter {\n      min-height: unset;\n      gap: 4px;\n      > div {\n        padding: 4px 12px;\n        label {\n          font-size: 11px;\n        }\n      }\n    }\n\n    .StyledFilterList {\n      gap: 4px;\n      li {\n        height: 29px;\n        padding: 3px 8px;\n        gap: 4px;\n        .StyledFilterBtnIcon {\n          width: 20px;\n          height: 20px;\n          svh {\n            width: 10px;\n            height: auto;\n          }\n        }\n        .StyledFilterBtnLabel {\n          font-size: 13px;\n        }\n      }\n    }\n    .StyledFilterLabel {\n      padding-left: 10px;\n      span {\n        font-size: 13px;\n      }\n    }\n    .cardcontainer.tableData {\n      max-height: calc(100vh - 310px);\n      min-height: calc(100vh - 310px);\n    }\n\n    .tableData {\n      max-height: calc(100vh - 320px);\n      min-height: calc(100vh - 320px);\n\n      margin-top: 8px;\n      thead {\n        position: sticky;\n        top: 0;\n        z-index: 9;\n        th {\n          font-size: 13px;\n          padding: 2px 15px;\n        }\n      }\n    }\n  }\n`;\n\nexport default ReturnTable;\n"],"names":["ReturnTable","paginationObj","UsePaginationData","setCurrentPage","useState","itemsPerPage","setItemsPerPage","useItemsPerPage","customers","useCustomerData","page","total","handlePageChange","handleItemsPerPageChange","customerId","docTitle","customer","jsxs","DashBoardWrapper","jsx","DocumentTitle","HeaderFilter","Container","ReturnFilter","ReturnOrderTable","Pagination","ModalManager","styled"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAAc,MAAM;AACxB,QAAM,CAACC,CAAa,IAAIC,EAAA,GAClB,GAAGC,CAAc,IAAIC,EAAS,CAAC,GAC/B,CAACC,GAAcC,CAAe,IAAIC,EAAA,GAClC,CAACC,CAAS,IAAIC,EAAA,GAEd,EAAE,MAAAC,GAAM,OAAAC,EAAA,IAAUV,GAElBW,IAAmB,CAACF,MAAiB;AACzC,IAAAP,EAAeO,CAAI;AAAA,EACrB,GACMG,IAA2B,CAACR,MAAyB;AACzD,IAAAC,EAAgBD,CAAY;AAAA,EAC9B,GAUMS,IAFc,IAAI,gBAAgB,SAAS,MAAM,EAExB,IAAI,YAAY,GAQzCC,IAAW,GANQP,GAAW;AAAA,IAClC,CAACQ,MAAkBA,GAAU,aAAa,eAAeF;AAAA,EAAA,GAGpB,aAEP;AAEhC,2BACG,OAAA,EACC,UAAA;AAAA,IAAA,gBAAAG,EAACC,GAAA,EAEC,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAc,OAAOL,EAAA,CAAU;AAAA,MAChC,gBAAAE,EAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,QAAA,gBAAAE,EAACE,GAAA,EAAa;AAAA,0BACbC,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAH,EAACI,GAAA,EAAa;AAAA,4BACbC,GAAA,EAAiB;AAAA,UACjBb,IAAQ,KACP,gBAAAQ;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,aAAaf;AAAA,cACb,YAAYC;AAAA,cACZ,cAAAN;AAAA,cACA,cAAcO;AAAA,cACd,sBAAsBC;AAAA,YAAA;AAAA,UAAA;AAAA,QACvB,EAAA,CAEL;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GACF;AAAA,sBACCa,GAAA,CAAA,CAAa;AAAA,EAAA,GAChB;AAEJ,GACMJ,IAAYK,EAAO;AAAA;AAAA;AAAA,GAInBT,IAAmBS,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-daily-overview/return-order-table/return-orders-filters/ReturnFilter.js

@@ -0,0 +1,47 @@
+import { jsx as t, Fragment as o, jsxs as i } from "react/jsx-runtime";
+import { useEffect as u } from "react";
+import { StyledFiter as y, Text as l, StyledFIlterELements as b, StyledTableFilter as A } from "../../filters/FilterStyle.js";
+import L from "./RightFilters.js";
+import { useCustomerData as j, useClientPortal as w, useStatsCPCount as D, useSearchAfterText as E, useSearchText as I } from "../../../store.js";
+import { useParams as O } from "react-router-dom";
+import q from "../../../client-portal/ReturnRTFilters.js";
+import { useAxios as N } from "@bjsdistribution/dms-component-library";
+import { dateFilterCPReducer as U } from "../../../client-portal/DateFilterStore.js";
+import { useAtom as $ } from "jotai";
+const X = ({ data: d, payload: m }) => {
+  const [f] = j(), [n] = w(), { status: r } = O(), [p, h] = D(), [a] = E(), [g] = I(), [S] = $(U), { "x-filters": c } = S, _ = c.filter((e) => e.field !== "order_status"), x = new URLSearchParams(location.search).get("customerId"), C = f?.find(
+    (e) => e?.customer_id?.toString() === x
+  )?.customer_name, F = (e) => {
+    switch (e) {
+      case "outstanding_return":
+        return "Outstanding Return";
+      case "scheduled_for_return":
+        return "All Scheduled Orders";
+      case "return_completed":
+        return "Completed Return";
+      default:
+        return e.replace(/_/g, " ").replace(/\b\w/g, (T) => T.toUpperCase());
+    }
+  }, { data: s, loading: P, fetchData: R } = N({
+    endpoint: "v1/portal/return/stats/",
+    method: "GET",
+    pagination: { is_pagination: !1 },
+    filters: _
+  });
+  return u(() => {
+    n && a === "" && r == "return_completed" && R();
+  }, [a, g, JSON.stringify(c)]), u(() => {
+    s?.data && typeof s?.data == "object" && h(s?.data);
+  }, [P]), /* @__PURE__ */ t(o, { children: /* @__PURE__ */ t(y, { children: n ? /* @__PURE__ */ i(o, { children: [
+    /* @__PURE__ */ t(l, { children: r ? `${F(r)} (${p?.completed_count})` : "" }),
+    /* @__PURE__ */ t(q, { data: d, payload: m })
+  ] }) : /* @__PURE__ */ i(o, { children: [
+    /* @__PURE__ */ t(l, { children: C }),
+    /* @__PURE__ */ t(b, { children: /* @__PURE__ */ t(A, {}) }),
+    /* @__PURE__ */ t(L, {})
+  ] }) }) });
+};
+export {
+  X as default
+};
+//# sourceMappingURL=ReturnFilter.js.map

package/dist/components/order-daily-overview/return-order-table/return-orders-filters/ReturnFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReturnFilter.js","sources":["../../../../../src/components/order-daily-overview/return-order-table/return-orders-filters/ReturnFilter.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport {\n  StyledFIlterELements,\n  StyledFiter,\n  StyledTableFilter,\n  Text,\n} from '../../filters/FilterStyle';\nimport RightFilters from './RightFilters';\nimport {\n  useAtom,\n  useClientPortal,\n  useCustomerData,\n  useSearchAfterText,\n  useSearchText,\n  useStatsCPCount,\n} from '../../../store';\nimport { useParams } from 'react-router-dom';\nimport ReturnRTFilters from '../../../client-portal/ReturnRTFilters';\nimport { returnCountType } from '../../../client-portal/ReturnStatus';\nimport { useAxios } from '@bjsdistribution/dms-component-library';\nimport { dateFilterCPReducer } from '../../../client-portal/DateFilterStore';\n\nconst ReturnFilter = ({ data, payload }: { data?: any; payload?: any }) => {\n  const [customers] = useCustomerData();\n  const [clientPortal] = useClientPortal();\n  const { status } = useParams();\n  const [count, setCount] = useStatsCPCount();\n  const [debouncedSearchAfterText] = useSearchAfterText();\n  const [debouncedSearchText] = useSearchText();\n\n  const [state] = useAtom(dateFilterCPReducer);\n  const { 'x-filters': filters } = state;\n\n  const cleanedFilters = filters.filter(f => f.field !== 'order_status');\n\n  const queryParams = new URLSearchParams(location.search);\n  const customerId = queryParams.get('customerId');\n\n  const selectedCustomer = customers?.find(\n    (customer: any) => customer?.customer_id?.toString() === customerId\n  );\n\n  const customerName = selectedCustomer?.customer_name;\n  // const accountNumber = selectedCustomer?.account_number;\n\n  const getStatusLabel = (status: string) => {\n    switch (status) {\n      case 'outstanding_return':\n        return 'Outstanding Return';\n      case 'scheduled_for_return':\n        return 'All Scheduled Orders';\n      case 'return_completed':\n        // return 'View Return Order';\n        return 'Completed Return';\n      default:\n        return status\n          .replace(/_/g, ' ')\n          .replace(/\\b\\w/g, char => char.toUpperCase());\n    }\n  };\n\n  const { data: statsData, loading: statsApiLoading, fetchData } = useAxios<{\n    data: returnCountType[];\n  }>({\n    endpoint: `v1/portal/return/stats/`,\n    method: 'GET',\n    pagination: { is_pagination: false },\n    filters: cleanedFilters,\n  });\n\n  useEffect(() => {\n    if (\n      clientPortal &&\n      debouncedSearchAfterText === '' &&\n      status == 'return_completed'\n    ) {\n      fetchData();\n    }\n  }, [debouncedSearchAfterText, debouncedSearchText, JSON.stringify(filters)]);\n\n  useEffect(() => {\n    if (statsData?.data && typeof statsData?.data === 'object') {\n      setCount(statsData?.data);\n    }\n  }, [statsApiLoading]);\n\n  return (\n    <>\n      <StyledFiter>\n        {!clientPortal ? (\n          <>\n            <Text>{customerName}</Text>\n            <StyledFIlterELements>\n              <StyledTableFilter />\n            </StyledFIlterELements>\n            <RightFilters />\n          </>\n        ) : (\n          <>\n            <Text>\n              {status\n                ? `${getStatusLabel(status)} (${count?.completed_count})`\n                : ''}\n            </Text>\n\n            <ReturnRTFilters data={data} payload={payload} />\n          </>\n        )}\n      </StyledFiter>\n    </>\n  );\n};\n\nexport default ReturnFilter;\n"],"names":["ReturnFilter","data","payload","customers","useCustomerData","clientPortal","useClientPortal","status","useParams","count","setCount","useStatsCPCount","debouncedSearchAfterText","useSearchAfterText","debouncedSearchText","useSearchText","state","useAtom","dateFilterCPReducer","filters","cleanedFilters","f","customerId","customerName","customer","getStatusLabel","char","statsData","statsApiLoading","fetchData","useAxios","useEffect","jsx","Fragment","StyledFiter","jsxs","Text","ReturnRTFilters","StyledFIlterELements","StyledTableFilter","RightFilters"],"mappings":";;;;;;;;;;AAsBA,MAAMA,IAAe,CAAC,EAAE,MAAAC,GAAM,SAAAC,QAA6C;AACzE,QAAM,CAACC,CAAS,IAAIC,EAAA,GACd,CAACC,CAAY,IAAIC,EAAA,GACjB,EAAE,QAAAC,EAAA,IAAWC,EAAA,GACb,CAACC,GAAOC,CAAQ,IAAIC,EAAA,GACpB,CAACC,CAAwB,IAAIC,EAAA,GAC7B,CAACC,CAAmB,IAAIC,EAAA,GAExB,CAACC,CAAK,IAAIC,EAAQC,CAAmB,GACrC,EAAE,aAAaC,EAAA,IAAYH,GAE3BI,IAAiBD,EAAQ,OAAO,CAAAE,MAAKA,EAAE,UAAU,cAAc,GAG/DC,IADc,IAAI,gBAAgB,SAAS,MAAM,EACxB,IAAI,YAAY,GAMzCC,IAJmBpB,GAAW;AAAA,IAClC,CAACqB,MAAkBA,GAAU,aAAa,eAAeF;AAAA,EAAA,GAGpB,eAGjCG,IAAiB,CAAClB,MAAmB;AACzC,YAAQA,GAAAA;AAAAA,MACN,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AAEH,eAAO;AAAA,MACT;AACE,eAAOA,EACJ,QAAQ,MAAM,GAAG,EACjB,QAAQ,SAAS,CAAAmB,MAAQA,EAAK,YAAA,CAAa;AAAA,IAAA;AAAA,EAEpD,GAEM,EAAE,MAAMC,GAAW,SAASC,GAAiB,WAAAC,EAAA,IAAcC,EAE9D;AAAA,IACD,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,YAAY,EAAE,eAAe,GAAA;AAAA,IAC7B,SAASV;AAAA,EAAA,CACV;AAED,SAAAW,EAAU,MAAM;AACd,IACE1B,KACAO,MAA6B,MAC7BL,KAAU,sBAEVsB,EAAA;AAAA,EAEJ,GAAG,CAACjB,GAA0BE,GAAqB,KAAK,UAAUK,CAAO,CAAC,CAAC,GAE3EY,EAAU,MAAM;AACd,IAAIJ,GAAW,QAAQ,OAAOA,GAAW,QAAS,YAChDjB,EAASiB,GAAW,IAAI;AAAA,EAE5B,GAAG,CAACC,CAAe,CAAC,GAGlB,gBAAAI,EAAAC,GAAA,EACE,UAAA,gBAAAD,EAACE,GAAA,EACE,UAAC7B,IASA,gBAAA8B,EAAAF,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAD,EAACI,GAAA,EACE,UAAA7B,IACG,GAAGkB,EAAelB,CAAM,CAAC,KAAKE,GAAO,eAAe,MACpD,GAAA,CACN;AAAA,IAEA,gBAAAuB,EAACK,GAAA,EAAgB,MAAApC,GAAY,SAAAC,EAAA,CAAkB;AAAA,EAAA,EAAA,CACjD,IAhBA,gBAAAiC,EAAAF,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAD,EAACI,KAAM,UAAAb,EAAA,CAAa;AAAA,IACpB,gBAAAS,EAACM,GAAA,EACC,UAAA,gBAAAN,EAACO,GAAA,CAAA,CAAkB,GACrB;AAAA,sBACCC,GAAA,CAAA,CAAa;AAAA,EAAA,EAAA,CAChB,GAYJ,GACF;AAEJ;"}