@bjsdistribution/dms-client-return 0.2.2-prod → 0.2.3-prod

package/dist/components/client-portal/ReturnOverview.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReturnOverview.js","sources":["../../../src/components/client-portal/ReturnOverview.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport HeaderFilter from '../order-daily-overview/header-filters/HeaderFilter';\nimport styled from 'styled-components';\nimport ReturnFilter from '../order-daily-overview/return-order-table/return-orders-filters/ReturnFilter';\nimport Pagination from '../order-daily-overview/table-view/Pagination';\nimport {\n  useItemsPerPage,\n  useLoading,\n  UsePaginationData,\n  UsePaginationReturnData,\n} from '../order-daily-overview/store/store';\nimport {\n  useAtom,\n  useClientPortal,\n  useReturnConfirmedOrderData,\n  useSearchAfterText,\n} from '../store';\nimport { useParams } from 'react-router-dom';\nimport OutstandingTable from './OutstandingTable';\nimport ConfirmedMain from './return-confirm/ConfirmedMain';\nimport ClientRouterHeader from '../order-daily-overview/header/route-header/ClientRouterHeader';\nimport { filtersReducerReturnAtom } from '../order-daily-overview/return-after-table/table-filters/ReturnFilterStore';\nimport { dateFilterCPReducer } from './DateFilterStore';\nimport { useAxios } from '@bjsdistribution/dms-component-library';\nimport { notification } from 'antd';\nimport { ApiResponse } from '../types';\n\nconst ReturnOverview = () => {\n  const [paginationObj] = UsePaginationData();\n  const [, setCurrentPage] = useState(1);\n  const [itemsPerPage, setItemsPerPage] = useItemsPerPage();\n  const { page, total } = paginationObj;\n  const { status } = useParams();\n  const [clientPortal] = useClientPortal();\n  const [debouncedSearchText] = useSearchAfterText();\n  const [, setReturnPaginationObject] = UsePaginationReturnData();\n  const [\n    returnConfirmedData,\n    setReturnConfirmedData,\n  ] = useReturnConfirmedOrderData();\n  const [statePagination] = useAtom(filtersReducerReturnAtom);\n  const [, setLoading] = useLoading();\n  const { 'x-pagination': pagination } = statePagination;\n  const [state] = useAtom(dateFilterCPReducer);\n  const { 'x-filters': filters } = state;\n\n  const handlePageChange = (page: number) => {\n    setCurrentPage(page);\n  };\n  const handleItemsPerPageChange = (itemsPerPage: number) => {\n    setItemsPerPage(itemsPerPage);\n  };\n\n  const shouldShowReturnAfterTable =\n    (clientPortal && status === 'scheduled_for_return') ||\n    (clientPortal && status === 'return_completed');\n\n  const validStatuses = [\n    'outstanding_return',\n    'scheduled_for_return',\n    'return_completed',\n  ];\n\n  const {\n    data: fetchedReturnOrderData,\n    loading,\n    paginationData,\n    fetchData,\n  } = useAxios<ApiResponse>({\n    endpoint: '/v1/return/orders/',\n    method: 'GET',\n    filters: filters,\n    pagination: pagination,\n  });\n\n  useEffect(() => {\n    if (clientPortal && debouncedSearchText === '') {\n      fetchData();\n    }\n  }, [JSON.stringify(filters), debouncedSearchText, pagination]);\n\n  useEffect(() => {\n    setLoading(loading);\n\n    if (fetchedReturnOrderData?.data) {\n      setReturnConfirmedData(fetchedReturnOrderData?.data);\n      if (paginationData) {\n        try {\n          const { count, ...rest } = JSON.parse(paginationData);\n          setReturnPaginationObject(rest);\n        } catch (error) {\n          notification.error({\n            message: 'Error',\n            description: 'Failed to parse pagination data',\n          });\n        }\n      }\n    }\n  }, [fetchedReturnOrderData, loading]);\n\n  const url =\n    process.env.REACT_APP_API_PATH ||\n    'https://development.dmsbackend.bjshomedelivery.com';\n\n  const payload = useMemo(\n    () => ({\n      file_type: 'import_manifest',\n      url: `${url}/v1/return/orders/`,\n      reference: 'overview_retuen_orders',\n      feature_name: 'client portal',\n      x_filter: JSON.stringify([filters?.length > 0 ? filters : undefined]),\n    }),\n    [pagination]\n  );\n\n  return (\n    <>\n      {clientPortal &&\n        typeof status === 'string' &&\n        validStatuses.includes(status) && <ClientRouterHeader />}\n      <div>\n        <DashBoardWrapper>\n          <div className=\"Tableconatiner\">\n            <HeaderFilter />\n            <Container>\n              <ReturnFilter data={returnConfirmedData} payload={payload} />\n              {clientPortal && status === 'outstanding_return' && (\n                <OutstandingCard>\n                  <OutstandingTable />\n                  {total > 0 && (\n                    <Pagination\n                      currentPage={page}\n                      totalItems={total}\n                      itemsPerPage={itemsPerPage}\n                      onPageChange={handlePageChange}\n                      onItemsPerPageChange={handleItemsPerPageChange}\n                    ></Pagination>\n                  )}\n                </OutstandingCard>\n              )}\n              {shouldShowReturnAfterTable && (\n                <>\n                  <ConfirmedMain />\n                </>\n              )}\n            </Container>\n          </div>\n        </DashBoardWrapper>\n      </div>\n    </>\n  );\n};\nconst Container = styled.div`\n  position: relative;\n  top: -16px;\n`;\n\n// Client-portal only: card for the outstanding-return table, kept separate\n// from ConfirmedMain's own card so the subheader (which overlaps the header\n// via negative margin) never overlaps this table's card.\nconst OutstandingCard = styled.div`\n  background: #fff;\n  border-radius: 18px;\n  padding: 10px 10px;\n  width: calc(100% + 32px);\n  margin: 0 -16px;\n`;\n\nconst DashBoardWrapper = styled.section`\n  .Tableconatiner {\n    display: block;\n    padding: 10px 16px;\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`;\nexport default ReturnOverview;\n"],"names":["ReturnOverview","paginationObj","UsePaginationData","setCurrentPage","useState","itemsPerPage","setItemsPerPage","useItemsPerPage","page","total","status","useParams","clientPortal","useClientPortal","debouncedSearchText","useSearchAfterText","setReturnPaginationObject","UsePaginationReturnData","returnConfirmedData","setReturnConfirmedData","useReturnConfirmedOrderData","statePagination","useAtom","filtersReducerReturnAtom","setLoading","useLoading","pagination","state","dateFilterCPReducer","filters","handlePageChange","handleItemsPerPageChange","shouldShowReturnAfterTable","validStatuses","fetchedReturnOrderData","loading","paginationData","fetchData","useAxios","useEffect","count","rest","notification","url","payload","useMemo","jsxs","Fragment","ClientRouterHeader","jsx","DashBoardWrapper","HeaderFilter","Container","ReturnFilter","OutstandingCard","OutstandingTable","Pagination","ConfirmedMain","styled"],"mappings":"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"}
+{"version":3,"file":"ReturnOverview.js","sources":["../../../src/components/client-portal/ReturnOverview.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport HeaderFilter from '../order-daily-overview/header-filters/HeaderFilter';\nimport styled from 'styled-components';\nimport ReturnFilter from '../order-daily-overview/return-order-table/return-orders-filters/ReturnFilter';\nimport Pagination from '../order-daily-overview/table-view/Pagination';\nimport {\n  useItemsPerPage,\n  useLoading,\n  UsePaginationData,\n  UsePaginationReturnData,\n} from '../order-daily-overview/store/store';\nimport {\n  useAtom,\n  useClientPortal,\n  useReturnConfirmedOrderData,\n  useSearchAfterText,\n} from '../store';\nimport { useParams } from 'react-router-dom';\nimport OutstandingTable from './OutstandingTable';\nimport ConfirmedMain from './return-confirm/ConfirmedMain';\nimport ClientRouterHeader from '../order-daily-overview/header/route-header/ClientRouterHeader';\nimport { filtersReducerReturnAtom } from '../order-daily-overview/return-after-table/table-filters/ReturnFilterStore';\nimport { dateFilterCPReducer } from './DateFilterStore';\nimport { useAxios } from '@bjsdistribution/dms-component-library';\nimport { notification } from 'antd';\nimport { ApiResponse } from '../types';\nimport ClientPortalResponsive from './ClientPortalResponsive';\n\nconst ReturnOverview = () => {\n  const [paginationObj] = UsePaginationData();\n  const [, setCurrentPage] = useState(1);\n  const [itemsPerPage, setItemsPerPage] = useItemsPerPage();\n  const { page, total } = paginationObj;\n  const { status } = useParams();\n  const [clientPortal] = useClientPortal();\n  const [debouncedSearchText] = useSearchAfterText();\n  const [, setReturnPaginationObject] = UsePaginationReturnData();\n  const [\n    returnConfirmedData,\n    setReturnConfirmedData,\n  ] = useReturnConfirmedOrderData();\n  const [statePagination] = useAtom(filtersReducerReturnAtom);\n  const [, setLoading] = useLoading();\n  const { 'x-pagination': pagination } = statePagination;\n  const [state] = useAtom(dateFilterCPReducer);\n  const { 'x-filters': filters } = state;\n\n  const handlePageChange = (page: number) => {\n    setCurrentPage(page);\n  };\n  const handleItemsPerPageChange = (itemsPerPage: number) => {\n    setItemsPerPage(itemsPerPage);\n  };\n\n  const shouldShowReturnAfterTable =\n    (clientPortal && status === 'scheduled_for_return') ||\n    (clientPortal && status === 'return_completed');\n\n  const validStatuses = [\n    'outstanding_return',\n    'scheduled_for_return',\n    'return_completed',\n  ];\n\n  const {\n    data: fetchedReturnOrderData,\n    loading,\n    paginationData,\n    fetchData,\n  } = useAxios<ApiResponse>({\n    endpoint: '/v1/return/orders/',\n    method: 'GET',\n    filters: filters,\n    pagination: pagination,\n  });\n\n  useEffect(() => {\n    if (clientPortal && debouncedSearchText === '') {\n      fetchData();\n    }\n  }, [JSON.stringify(filters), debouncedSearchText, pagination]);\n\n  useEffect(() => {\n    setLoading(loading);\n\n    if (fetchedReturnOrderData?.data) {\n      setReturnConfirmedData(fetchedReturnOrderData?.data);\n      if (paginationData) {\n        try {\n          const { count, ...rest } = JSON.parse(paginationData);\n          setReturnPaginationObject(rest);\n        } catch (error) {\n          notification.error({\n            message: 'Error',\n            description: 'Failed to parse pagination data',\n          });\n        }\n      }\n    }\n  }, [fetchedReturnOrderData, loading]);\n\n  const url =\n    process.env.REACT_APP_API_PATH ||\n    'https://development.dmsbackend.bjshomedelivery.com';\n\n  const payload = useMemo(\n    () => ({\n      file_type: 'import_manifest',\n      url: `${url}/v1/return/orders/`,\n      reference: 'overview_retuen_orders',\n      feature_name: 'client portal',\n      x_filter: JSON.stringify([filters?.length > 0 ? filters : undefined]),\n    }),\n    [pagination]\n  );\n\n  return (\n    <ClientPortalResponsive>\n      {clientPortal &&\n        typeof status === 'string' &&\n        validStatuses.includes(status) && <ClientRouterHeader />}\n      <div>\n        <DashBoardWrapper>\n          <div className=\"Tableconatiner\">\n            <HeaderFilter />\n            <Container>\n              <ReturnFilter data={returnConfirmedData} payload={payload} />\n              {clientPortal && status === 'outstanding_return' && (\n                <OutstandingCard>\n                  <OutstandingTable />\n                  {total > 0 && (\n                    <Pagination\n                      currentPage={page}\n                      totalItems={total}\n                      itemsPerPage={itemsPerPage}\n                      onPageChange={handlePageChange}\n                      onItemsPerPageChange={handleItemsPerPageChange}\n                    ></Pagination>\n                  )}\n                </OutstandingCard>\n              )}\n              {shouldShowReturnAfterTable && (\n                <>\n                  <ConfirmedMain />\n                </>\n              )}\n            </Container>\n          </div>\n        </DashBoardWrapper>\n      </div>\n    </ClientPortalResponsive>\n  );\n};\nconst Container = styled.div`\n  position: relative;\n  top: -16px;\n`;\n\n// Client-portal only: card for the outstanding-return table, kept separate\n// from ConfirmedMain's own card so the subheader (which overlaps the header\n// via negative margin) never overlaps this table's card.\nconst OutstandingCard = styled.div`\n  background: #fff;\n  border-radius: 18px;\n  padding: 10px 10px;\n  width: calc(100% + 32px);\n  margin: 0 -16px;\n`;\n\nconst DashBoardWrapper = styled.section`\n  .Tableconatiner {\n    display: block;\n    padding: 10px 16px;\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`;\nexport default ReturnOverview;\n"],"names":["ReturnOverview","paginationObj","UsePaginationData","setCurrentPage","useState","itemsPerPage","setItemsPerPage","useItemsPerPage","page","total","status","useParams","clientPortal","useClientPortal","debouncedSearchText","useSearchAfterText","setReturnPaginationObject","UsePaginationReturnData","returnConfirmedData","setReturnConfirmedData","useReturnConfirmedOrderData","statePagination","useAtom","filtersReducerReturnAtom","setLoading","useLoading","pagination","state","dateFilterCPReducer","filters","handlePageChange","handleItemsPerPageChange","shouldShowReturnAfterTable","validStatuses","fetchedReturnOrderData","loading","paginationData","fetchData","useAxios","useEffect","count","rest","notification","url","payload","useMemo","ClientPortalResponsive","ClientRouterHeader","jsx","DashBoardWrapper","jsxs","HeaderFilter","Container","ReturnFilter","OutstandingCard","OutstandingTable","Pagination","Fragment","ConfirmedMain","styled"],"mappings":"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"}

package/dist/components/client-portal/return-confirm/ConfirmedMain.js

@@ -5,14 +5,14 @@ import l from "./ReturnConfirmedTable.js";
 import { UsePaginationReturnData as c, useItemsPerReturnPage as m } from "../../order-daily-overview/store/store.js";
 import f from "../../order-daily-overview/table-view/ReturnPagination.js";
 const D = () => {
-  const [p] = c(), [, n] = g(1), [r, o] = m(), { page: d, total: a } = p, s = (t) => {
-    n(t);
+  const [n] = c(), [, p] = g(1), [r, o] = m(), { page: d, total: a } = n, s = (t) => {
+    p(t);
   }, x = (t) => {
     o(t);
   };
   return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e("div", { className: "Tableconatiner", children: /* @__PURE__ */ h(u, { children: [
     /* @__PURE__ */ e(l, {}),
-    a > 0 && /* @__PURE__ */ e(
+    a > 0 && /* @__PURE__ */ e("div", { className: "cpPagination", children: /* @__PURE__ */ e(
       f,
       {
         currentPage: d,
@@ -21,7 +21,7 @@ const D = () => {
         onPageChange: s,
         onItemsPerPageChange: x
       }
-    )
+    ) })
   ] }) }) }) });
 }, u = i.div`
   position: relative;

package/dist/components/client-portal/return-confirm/ConfirmedMain.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmedMain.js","sources":["../../../../src/components/client-portal/return-confirm/ConfirmedMain.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport ReturnConfirmedTable from './ReturnConfirmedTable';\nimport {\n  useItemsPerReturnPage,\n  UsePaginationReturnData,\n} from '../../order-daily-overview/store/store';\nimport ReturnPagination from '../../order-daily-overview/table-view/ReturnPagination';\n\nconst ConfirmedMain = () => {\n  const [paginationObj] = UsePaginationReturnData();\n  const [, setCurrentPage] = useState(1);\n  const [itemsPerPage, setItemsPerPage] = useItemsPerReturnPage();\n  // const [, setPaginationObject] = UsePaginationData();\n  const { page, total } = paginationObj;\n  const handlePageChange = (page: number) => {\n    setCurrentPage(page);\n  };\n  const handleItemsPerPageChange = (itemsPerPage: number) => {\n    setItemsPerPage(itemsPerPage);\n  };\n  // const { status } = useParams();\n  // API called\n  // const {\n  //   data: fetchedReturnOrderData,\n  //   loading,\n  //   paginationData,\n  //   fetchData,\n  // } = useAxios<ApiResponse>({\n  //   endpoint: '/v1/return/orders/',\n  //   method: 'GET',\n  //   filters: filters,\n  //   pagination: pagination,\n  // });\n\n  return (\n    <div>\n      <DashBoardWrapper>\n        {/* <RouterHeader /> */}\n        <div className=\"Tableconatiner\">\n          {/* <HeaderFilter /> */}\n          <Container>\n            <ReturnConfirmedTable />\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    background: #fff;\n    border-radius: 18px;\n    display: block;\n    padding: 10px 10px;\n    width: calc(100% + 32px);\n    margin: 0 -16px;\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 ConfirmedMain;\n"],"names":["ConfirmedMain","paginationObj","UsePaginationReturnData","setCurrentPage","useState","itemsPerPage","setItemsPerPage","useItemsPerReturnPage","page","total","handlePageChange","handleItemsPerPageChange","jsx","DashBoardWrapper","jsxs","Container","ReturnConfirmedTable","ReturnPagination","styled"],"mappings":";;;;;;AASA,MAAMA,IAAgB,MAAM;AAC1B,QAAM,CAACC,CAAa,IAAIC,EAAA,GAClB,GAAGC,CAAc,IAAIC,EAAS,CAAC,GAC/B,CAACC,GAAcC,CAAe,IAAIC,EAAA,GAElC,EAAE,MAAAC,GAAM,OAAAC,EAAA,IAAUR,GAClBS,IAAmB,CAACF,MAAiB;AACzC,IAAAL,EAAeK,CAAI;AAAA,EACrB,GACMG,IAA2B,CAACN,MAAyB;AACzD,IAAAC,EAAgBD,CAAY;AAAA,EAC9B;AAeA,SACE,gBAAAO,EAAC,SACC,UAAA,gBAAAA,EAACC,GAAA,EAEC,4BAAC,OAAA,EAAI,WAAU,kBAEb,UAAA,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAH,EAACI,GAAA,EAAqB;AAAA,IACrBP,IAAQ,KACP,gBAAAG;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,aAAaT;AAAA,QACb,YAAYC;AAAA,QACZ,cAAAJ;AAAA,QACA,cAAcK;AAAA,QACd,sBAAsBC;AAAA,MAAA;AAAA,IAAA;AAAA,EACvB,GAEL,EAAA,CACF,GACF,GACF;AAEJ,GACMI,IAAYG,EAAO;AAAA;AAAA;AAAA,GAInBL,IAAmBK,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;AAAA;"}
+{"version":3,"file":"ConfirmedMain.js","sources":["../../../../src/components/client-portal/return-confirm/ConfirmedMain.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport ReturnConfirmedTable from './ReturnConfirmedTable';\nimport {\n  useItemsPerReturnPage,\n  UsePaginationReturnData,\n} from '../../order-daily-overview/store/store';\nimport ReturnPagination from '../../order-daily-overview/table-view/ReturnPagination';\n\nconst ConfirmedMain = () => {\n  const [paginationObj] = UsePaginationReturnData();\n  const [, setCurrentPage] = useState(1);\n  const [itemsPerPage, setItemsPerPage] = useItemsPerReturnPage();\n  // const [, setPaginationObject] = UsePaginationData();\n  const { page, total } = paginationObj;\n  const handlePageChange = (page: number) => {\n    setCurrentPage(page);\n  };\n  const handleItemsPerPageChange = (itemsPerPage: number) => {\n    setItemsPerPage(itemsPerPage);\n  };\n  // const { status } = useParams();\n  // API called\n  // const {\n  //   data: fetchedReturnOrderData,\n  //   loading,\n  //   paginationData,\n  //   fetchData,\n  // } = useAxios<ApiResponse>({\n  //   endpoint: '/v1/return/orders/',\n  //   method: 'GET',\n  //   filters: filters,\n  //   pagination: pagination,\n  // });\n\n  return (\n    <div>\n      <DashBoardWrapper>\n        {/* <RouterHeader /> */}\n        <div className=\"Tableconatiner\">\n          {/* <HeaderFilter /> */}\n          <Container>\n            <ReturnConfirmedTable />\n            {total > 0 && (\n              <div className=\"cpPagination\">\n                <ReturnPagination\n                  currentPage={page}\n                  totalItems={total}\n                  itemsPerPage={itemsPerPage}\n                  onPageChange={handlePageChange}\n                  onItemsPerPageChange={handleItemsPerPageChange}\n                ></ReturnPagination>\n              </div>\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    background: #fff;\n    border-radius: 18px;\n    display: block;\n    padding: 10px 10px;\n    width: calc(100% + 32px);\n    margin: 0 -16px;\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 ConfirmedMain;\n"],"names":["ConfirmedMain","paginationObj","UsePaginationReturnData","setCurrentPage","useState","itemsPerPage","setItemsPerPage","useItemsPerReturnPage","page","total","handlePageChange","handleItemsPerPageChange","jsx","DashBoardWrapper","jsxs","Container","ReturnConfirmedTable","ReturnPagination","styled"],"mappings":";;;;;;AASA,MAAMA,IAAgB,MAAM;AAC1B,QAAM,CAACC,CAAa,IAAIC,EAAA,GAClB,GAAGC,CAAc,IAAIC,EAAS,CAAC,GAC/B,CAACC,GAAcC,CAAe,IAAIC,EAAA,GAElC,EAAE,MAAAC,GAAM,OAAAC,EAAA,IAAUR,GAClBS,IAAmB,CAACF,MAAiB;AACzC,IAAAL,EAAeK,CAAI;AAAA,EACrB,GACMG,IAA2B,CAACN,MAAyB;AACzD,IAAAC,EAAgBD,CAAY;AAAA,EAC9B;AAeA,SACE,gBAAAO,EAAC,SACC,UAAA,gBAAAA,EAACC,GAAA,EAEC,4BAAC,OAAA,EAAI,WAAU,kBAEb,UAAA,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAH,EAACI,GAAA,EAAqB;AAAA,IACrBP,IAAQ,KACP,gBAAAG,EAAC,OAAA,EAAI,WAAU,gBACb,UAAA,gBAAAA;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,aAAaT;AAAA,QACb,YAAYC;AAAA,QACZ,cAAAJ;AAAA,QACA,cAAcK;AAAA,QACd,sBAAsBC;AAAA,MAAA;AAAA,IAAA,EACvB,CACH;AAAA,EAAA,GAEJ,EAAA,CACF,GACF,GACF;AAEJ,GACMI,IAAYG,EAAO;AAAA;AAAA;AAAA,GAInBL,IAAmBK,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;AAAA;"}