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

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

@@ -0,0 +1,74 @@
+import { atom as i } from "jotai";
+i(/* @__PURE__ */ new Date());
+const n = {
+  "x-filters": [],
+  "x-pagination": { page: 1, per_page: 50 }
+}, p = (e, r) => {
+  switch (r.type) {
+    // case 'SET_COMP_RETURN_FILTERS':
+    //   return {
+    //     ...state,
+    //     'x-filters': [
+    //       ...state['x-filters'].filter(
+    //         f => f.field !== 'customer_name' && f.field !== 'trading_as'
+    //       ),
+    //       {
+    //         field: 'customer_name',
+    //         op: 'like',
+    //         value: `%${action.payload}%`,
+    //         join: 'or',
+    //       },
+    //       {
+    //         field: 'trading_as',
+    //         op: 'like',
+    //         value: `%${action.payload}%`,
+    //         join: 'or',
+    //       },
+    //     ],
+    //     'x-pagination': { ...state['x-pagination'], page: 1 },
+    //   };
+    case "CLEAR_SEARCH":
+      return {
+        ...e,
+        "x-filters": [...n["x-filters"]],
+        "x-pagination": { ...n["x-pagination"], page: 1 }
+      };
+    case "CLEAR_ALL_FILTER":
+      return {
+        ...e
+      };
+    case "SET_PAGE":
+      return {
+        ...e,
+        "x-pagination": {
+          ...e["x-pagination"],
+          page: r.payload
+        }
+      };
+    case "SET_PERPAGE":
+      return {
+        ...e,
+        "x-pagination": {
+          ...e["x-pagination"],
+          per_page: r.payload
+        }
+      };
+    case "CLEAR_FILTERS":
+      return {
+        ...e
+      };
+    case "CLEAR_ALL_FILTER":
+      return {
+        ...e
+      };
+    default:
+      return e;
+  }
+}, a = i(n), E = i(
+  (e) => e(a),
+  (e, r, t) => r(a, p(e(a), t))
+);
+export {
+  E as overviewfiltersReducerAtom
+};
+//# sourceMappingURL=overViewFilter.js.map

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

@@ -0,0 +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;"}

package/dist/components/order-daily-overview/index.js

@@ -0,0 +1,207 @@
+import { jsxs as i, Fragment as O, jsx as t } from "react/jsx-runtime";
+import { useState as B, useEffect as o } from "react";
+import { UsePaginationOverviewData as A, useItemsPerOverviewPage as H, useStatsLoading as N } from "./store/store.js";
+import W from "./filters/Filters.js";
+import s from "styled-components";
+import { useStickyStatus as G, useCustomerData as M, useClientPortal as U, useClientLoading as q } from "../store.js";
+import J from "./header-filters/HeaderFilter.js";
+import { useAxios as h, DocumentTitle as _ } from "@bjsdistribution/dms-component-library";
+import { useClientData as $ } from "../order-view/store.js";
+import K from "./return-order-table/return-orders-filters/ReturnFilter.js";
+import { Text as Q } from "./filters/FilterStyle.js";
+import V from "./table/ReturnTable.js";
+import { overviewfiltersReducerAtom as X } from "./header-filters/overViewFilter.js";
+import Y from "./table-view/Pagination.js";
+import { notification as Z } from "antd";
+import { useAtom as tt } from "jotai";
+function bt() {
+  const [m] = tt(X), [x, f] = A(), [, u] = B(1), [v, P] = H(), { "x-filters": b, "x-pagination": C } = m, { page: D, total: p } = x, [y] = G(), [, w] = N(), [, S] = $(), [, L] = M(), F = new URLSearchParams(location.search), [d] = U(), [a] = q(), T = F.get("customerId"), z = (e) => {
+    u(e);
+  }, I = (e) => {
+    P(e);
+  }, { data: n, loading: R, fetchData: k } = h({
+    endpoint: "/v1/return/product/customers/?grouped=true",
+    method: "GET",
+    //@ts-ignore
+    pagination: { is_pagination: !1 },
+    showLoader: !1
+  });
+  o(() => {
+    !d && !a && k();
+  }, [a]), o(() => {
+    n && n?.data && L(n?.data);
+  }, [R]);
+  const {
+    data: r,
+    loading: c,
+    paginationData: l,
+    fetchData: j
+  } = h({
+    endpoint: "/v1/return/product/stats/",
+    method: "GET",
+    //@ts-ignore
+    pagination: C,
+    filters: b,
+    showLoader: !1
+  });
+  return o(() => {
+    !d && !a && j();
+  }, [a]), o(() => {
+    if (w(c), r && r.data) {
+      const e = r?.data;
+      if (S(e), l)
+        try {
+          const { count: g, ...E } = JSON.parse(l);
+          f(E);
+        } catch (g) {
+          console.error("Error parsing paginationData:", g), Z.error({
+            message: "Error",
+            description: "Failed to parse pagination data"
+          });
+        }
+    }
+  }, [c]), /* @__PURE__ */ i(O, { children: [
+    /* @__PURE__ */ t(_, { title: "Client Return Products" }),
+    /* @__PURE__ */ t(it, { className: ` ${y ? "stickyTableHead" : ""}`, children: /* @__PURE__ */ i("div", { className: "Tableconatiner", children: [
+      /* @__PURE__ */ t(J, {}),
+      /* @__PURE__ */ i(at, { children: [
+        /* @__PURE__ */ i(et, { children: [
+          /* @__PURE__ */ t(Q, { children: "Client Return" }),
+          T ? /* @__PURE__ */ t(K, {}) : /* @__PURE__ */ t(W, {})
+        ] }),
+        /* @__PURE__ */ t(V, {})
+      ] }),
+      p > 0 && /* @__PURE__ */ t(
+        Y,
+        {
+          currentPage: D,
+          totalItems: p,
+          itemsPerPage: v,
+          onPageChange: z,
+          onItemsPerPageChange: I
+        }
+      )
+    ] }) })
+  ] });
+}
+const et = s.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+`, at = s.div`
+  position: relative;
+  top: -46px;
+`, it = s.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 {
+  bt as default
+};
+//# sourceMappingURL=index.js.map

package/dist/components/order-daily-overview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/order-daily-overview/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  useItemsPerOverviewPage,\n  useStatsLoading,\n  UsePaginationOverviewData,\n} from './store/store';\nimport Filters from './filters/Filters';\nimport styled from 'styled-components';\nimport {\n  useClientLoading,\n  useClientPortal,\n  useCustomerData,\n  useStickyStatus,\n} from '../store';\nimport HeaderFilter from './header-filters/HeaderFilter';\nimport {\n  DocumentTitle,\n  useAxios,\n} from '@bjsdistribution/dms-component-library';\nimport { useAtom, useClientData } from '../order-view/store';\nimport { ClientData } from './common/interface';\nimport ReturnFilter from './return-order-table/return-orders-filters/ReturnFilter';\nimport { Text } from './filters/FilterStyle';\nimport ReturnTable from './table/ReturnTable';\nimport { overviewfiltersReducerAtom } from './header-filters/overViewFilter';\nimport Pagination from './table-view/Pagination';\nimport { notification } from 'antd';\nimport { ApiResponse } from '../types';\n\nfunction ReturnMainTable() {\n  const [state] = useAtom(overviewfiltersReducerAtom);\n  const [paginationObj, setPaginationObject] = UsePaginationOverviewData();\n  const [, setCurrentPage] = useState(1);\n  const [itemsPerPage, setItemsPerPage] = useItemsPerOverviewPage();\n  const { 'x-filters': filters, 'x-pagination': pagination } = state;\n  const { page, total } = paginationObj;\n  // const [selectedClient] = useTableName();\n  const [isScrolled] = useStickyStatus();\n  const [, setLoading] = useStatsLoading();\n  const [, setClientData] = useClientData();\n  const [, setCustomers] = useCustomerData();\n  // const [tableName] = useTableName();\n  const queryParams = new URLSearchParams(location.search);\n  const [clientPortal] = useClientPortal();\n  const [clientLoading] = useClientLoading();\n\n  const customerId = queryParams.get('customerId');\n\n  const handlePageChange = (page: number) => {\n    setCurrentPage(page);\n  };\n  const handleItemsPerPageChange = (itemsPerPage: number) => {\n    setItemsPerPage(itemsPerPage);\n  };\n\n  //API for client data\n  const { data: fetchedCustomerData, loading: loading, fetchData } = useAxios<\n    ApiResponse\n  >({\n    endpoint: `/v1/return/product/customers/?grouped=true`,\n    method: 'GET',\n    //@ts-ignore\n    pagination: { is_pagination: false },\n    showLoader: false,\n  });\n\n  useEffect(() => {\n    if (!clientPortal && !clientLoading) {\n      fetchData();\n    }\n  }, [clientLoading]);\n\n  useEffect(() => {\n    if (fetchedCustomerData && fetchedCustomerData?.data) {\n      setCustomers(fetchedCustomerData?.data);\n    }\n  }, [loading]);\n\n  const {\n    data: fetchedClientData,\n    loading: statsDataLoading,\n    paginationData,\n    fetchData: fetchProductStats,\n  } = useAxios<{\n    data: ClientData[];\n  }>({\n    endpoint: `/v1/return/product/stats/`,\n    method: 'GET',\n    //@ts-ignore\n    pagination: pagination,\n    filters: filters,\n    showLoader: false,\n  });\n\n  useEffect(() => {\n    if (!clientPortal && !clientLoading) {\n      fetchProductStats();\n    }\n  }, [clientLoading]);\n\n  useEffect(() => {\n    setLoading(statsDataLoading);\n    if (fetchedClientData && fetchedClientData.data) {\n      const result = fetchedClientData?.data;\n      setClientData(result);\n      if (paginationData) {\n        try {\n          const { count, ...rest } = JSON.parse(paginationData);\n          setPaginationObject(rest);\n        } catch (error) {\n          console.error('Error parsing paginationData:', error);\n          notification.error({\n            message: 'Error',\n            description: 'Failed to parse pagination data',\n          });\n        }\n      }\n    }\n  }, [statsDataLoading]);\n\n  return (\n    <>\n      <DocumentTitle title=\"Client Return Products\" />\n      <DashBoardWrapper className={` ${isScrolled ? 'stickyTableHead' : ''}`}>\n        {/* <RouterHeader /> */}\n        <div className=\"Tableconatiner\">\n          <HeaderFilter />\n          <Container>\n            <Row>\n              <Text>Client Return</Text>\n              {customerId ? <ReturnFilter /> : <Filters />}\n            </Row>\n            <ReturnTable />\n          </Container>\n          {total > 0 && (\n            <Pagination\n              currentPage={page}\n              totalItems={total}\n              itemsPerPage={itemsPerPage}\n              onPageChange={handlePageChange}\n              onItemsPerPageChange={handleItemsPerPageChange}\n            ></Pagination>\n          )}\n        </div>\n      </DashBoardWrapper>\n    </>\n  );\n}\n\nexport default ReturnMainTable;\n\nconst Row = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\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"],"names":["ReturnMainTable","state","useAtom","overviewfiltersReducerAtom","paginationObj","setPaginationObject","UsePaginationOverviewData","setCurrentPage","useState","itemsPerPage","setItemsPerPage","useItemsPerOverviewPage","filters","pagination","page","total","isScrolled","useStickyStatus","setLoading","useStatsLoading","setClientData","useClientData","setCustomers","useCustomerData","queryParams","clientPortal","useClientPortal","clientLoading","useClientLoading","customerId","handlePageChange","handleItemsPerPageChange","fetchedCustomerData","loading","fetchData","useAxios","useEffect","fetchedClientData","statsDataLoading","paginationData","fetchProductStats","result","count","rest","error","notification","jsxs","Fragment","jsx","DocumentTitle","DashBoardWrapper","HeaderFilter","Container","Row","Text","ReturnFilter","Filters","ReturnTable","Pagination","styled"],"mappings":"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"}

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

@@ -0,0 +1,184 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { useState as z, useEffect as l } from "react";
+import x from "styled-components";
+import w from "./table/OrderTable.js";
+import F from "./table-filters/ReturnOrderFilter.js";
+import { useReturnAfterOrderData as L } from "../../order-view/store.js";
+import { useLoading as S, UsePaginationReturnData as T, useItemsPerReturnPage as k, UsePaginationData as I } from "../store/store.js";
+import { useApiHook as E, DocumentTitle as j } from "@bjsdistribution/dms-component-library";
+import { filtersReducerReturnAtom as B } from "./table-filters/ReturnFilterStore.js";
+import { notification as g } from "antd";
+import W from "../table-view/ReturnPagination.js";
+import { useCallApiAgain as H } from "../../store.js";
+import { useAtom as N } from "jotai";
+const at = () => {
+  const [c, h] = L(), [, m] = S(), [f] = N(B), [i] = H(), { "x-filters": r, "x-pagination": u } = f, [P] = T(), [, b] = z(1), [v, D] = k(), [, y] = I(), { page: A, total: o } = P, R = (t) => {
+    b(t);
+  }, C = (t) => {
+    D(t);
+  }, {
+    data: a,
+    loading: n,
+    setShouldPerformAction: p,
+    paginationData: s
+  } = E({
+    endpoint: "/v1/return/orders/",
+    method: "GET",
+    filters: r && r?.length > 0 ? r : void 0,
+    pagination: u,
+    performAction: !1,
+    showLoader: !1
+  });
+  return l(() => {
+    p(!!i);
+  }, [i]), l(() => {
+    if (m(n), a && a?.data)
+      if (h(a?.data), s)
+        try {
+          const { count: t, ...O } = JSON.parse(s);
+          y(O);
+        } catch (t) {
+          console.error("Error parsing paginationData:", t), g.error({
+            message: "Error",
+            description: "Failed to parse pagination data"
+          });
+        }
+      else
+        g.error({
+          message: "Error",
+          description: "Pagination data is null or undefined"
+        });
+  }, [a, n, c]), /* @__PURE__ */ d("div", { children: [
+    /* @__PURE__ */ e(j, { title: "Return Order List" }),
+    /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e("div", { className: "Tableconatiner", children: /* @__PURE__ */ d(U, { children: [
+      /* @__PURE__ */ e(F, {}),
+      /* @__PURE__ */ e(w, {}),
+      o > 0 && /* @__PURE__ */ e(
+        W,
+        {
+          currentPage: A,
+          totalItems: o,
+          itemsPerPage: v,
+          onPageChange: R,
+          onItemsPerPageChange: C
+        }
+      )
+    ] }) }) })
+  ] });
+}, U = x.div`
+  position: relative;
+  /* top: -30px; */
+`, G = x.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 {
+  at as default
+};
+//# sourceMappingURL=ReturnAfterTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReturnAfterTable.js","sources":["../../../../src/components/order-daily-overview/return-after-table/ReturnAfterTable.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport OrderTable from './table/OrderTable';\nimport ReturnOrderFilter from './table-filters/ReturnOrderFilter';\nimport { useAtom, useReturnAfterOrderData } from '../../order-view/store';\nimport {\n  useItemsPerReturnPage,\n  useLoading,\n  UsePaginationData,\n  UsePaginationReturnData,\n} from '../store/store';\nimport { ApiResponse } from '../common/interface';\nimport {\n  DocumentTitle,\n  useApiHook,\n} from '@bjsdistribution/dms-component-library';\nimport { filtersReducerReturnAtom } from './table-filters/ReturnFilterStore';\nimport { notification } from 'antd';\nimport ReturnPagination from '../table-view/ReturnPagination';\nimport { useCallApiAgain } from '../../store';\n\nconst ReturnAfterTable = () => {\n  const [returnAfterOrder, setReturnOrderData] = useReturnAfterOrderData();\n  const [, setLoading] = useLoading();\n  const [state] = useAtom(filtersReducerReturnAtom);\n  const [callApi] = useCallApiAgain();\n\n  const { 'x-filters': filters, 'x-pagination': pagination } = state;\n  const [paginationObj] = UsePaginationReturnData();\n  const [, setCurrentPage] = useState(1);\n  const [itemsPerPage, setItemsPerPage] = useItemsPerReturnPage();\n  const [, setPaginationObject] = UsePaginationData();\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  const {\n    data: fetchedReturnOrderData,\n    loading,\n    setShouldPerformAction,\n    paginationData,\n  } = useApiHook<ApiResponse>({\n    endpoint: '/v1/return/orders/',\n    method: 'GET',\n    filters: filters && filters?.length > 0 ? filters : undefined,\n    pagination: pagination,\n    performAction: false,\n    showLoader: false,\n  });\n\n  useEffect(() => {\n    callApi ? setShouldPerformAction(true) : setShouldPerformAction(false);\n  }, [callApi]);\n\n  useEffect(() => {\n    setLoading(loading);\n    if (fetchedReturnOrderData && fetchedReturnOrderData?.data) {\n      setReturnOrderData(fetchedReturnOrderData?.data);\n      if (paginationData) {\n        try {\n          const { count, ...rest } = JSON.parse(paginationData);\n          setPaginationObject(rest);\n        } catch (error) {\n          console.error('Error parsing paginationData:', error);\n          notification.error({\n            message: 'Error',\n            description: 'Failed to parse pagination data',\n          });\n        }\n      } else {\n        notification.error({\n          message: 'Error',\n          description: 'Pagination data is null or undefined',\n        });\n      }\n    }\n  }, [fetchedReturnOrderData, loading, returnAfterOrder]);\n\n  return (\n    <div>\n      <DocumentTitle title=\"Return Order List\" />\n      <DashBoardWrapper>\n        {/* <RouterHeader /> */}\n        <div className=\"Tableconatiner\">\n          {/* <HeaderFilter /> */}\n          <Container>\n            <ReturnOrderFilter />\n            <OrderTable />\n            {total > 0 && (\n              <ReturnPagination\n                currentPage={page}\n                totalItems={total}\n                itemsPerPage={itemsPerPage}\n                onPageChange={handlePageChange}\n                onItemsPerPageChange={handleItemsPerPageChange}\n              ></ReturnPagination>\n            )}\n          </Container>\n        </div>\n      </DashBoardWrapper>\n    </div>\n  );\n};\nconst Container = styled.div`\n  position: relative;\n  /* top: -30px; */\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 ReturnAfterTable;\n"],"names":["ReturnAfterTable","returnAfterOrder","setReturnOrderData","useReturnAfterOrderData","setLoading","useLoading","state","useAtom","filtersReducerReturnAtom","callApi","useCallApiAgain","filters","pagination","paginationObj","UsePaginationReturnData","setCurrentPage","useState","itemsPerPage","setItemsPerPage","useItemsPerReturnPage","setPaginationObject","UsePaginationData","page","total","handlePageChange","handleItemsPerPageChange","fetchedReturnOrderData","loading","setShouldPerformAction","paginationData","useApiHook","useEffect","count","rest","error","notification","jsx","DocumentTitle","DashBoardWrapper","Container","ReturnOrderFilter","OrderTable","ReturnPagination","styled"],"mappings":"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"}