@bjsdistribution/dms-client-return 0.1.81-prod → 0.1.82-prod

package/dist/components/client-portal/ReturnAfterSearchBar.js

@@ -4,7 +4,7 @@ import E, { useState as G, useEffect as s } from "react";
 import d from "styled-components";
 import { useSearchAfterText as I, useReturnConfirmedOrderData as N, useStatsCPCount as O, useClientPortal as $ } from "../store.js";
 import { javascriptStringDumpToJSON as B } from "../utils.js";
-import { UsePaginationData as F } from "../order-daily-overview/store/store.js";
+import { UsePaginationReturnData as F } from "../order-daily-overview/store/store.js";
 import { notification as g } from "antd";
 import { filtersReducerReturnAtom as J } from "../order-daily-overview/return-after-table/table-filters/ReturnFilterStore.js";
 import { useParams as M } from "react-router-dom";
@@ -43,7 +43,7 @@ function V() {
   }, [a]), s(() => {
     t?.length === 0 && i("");
   }, [t]);
-  const D = l.filter((e) => e.field !== "order_status"), { fetchData: w } = m({
+  const D = l.filter((e) => e.field !== "order_status"), { fetchData: R } = m({
     endpoint: "v1/portal/return/stats/",
     method: "GET",
     pagination: { is_pagination: !1 },
@@ -59,12 +59,12 @@ function V() {
       return;
     }
     if (r.length === 0) return;
-    const R = {
+    const w = {
       scheduled_for_return: "scheduled",
       return_completed: "complete"
     }[u];
-    w({
-      endPointQuery: `?search_term=${r}&type=${R}`
+    R({
+      endPointQuery: `?search_term=${r}&type=${w}`
     }).then((n) => {
       n?.data ? (console.log("inside response", n), c(n.data)) : c(null);
     }).catch((n) => {

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

@@ -1 +1 @@
-{"version":3,"file":"ReturnAfterSearchBar.js","sources":["../../../src/components/client-portal/ReturnAfterSearchBar.tsx"],"sourcesContent":["import {\n  CrossIcon,\n  SearchIcon,\n  useAxios,\n} from '@bjsdistribution/dms-component-library';\nimport React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport {\n  useAtom,\n  useClientPortal,\n  useReturnConfirmedOrderData,\n  useSearchAfterText,\n  useStatsCPCount,\n} from '../store';\n\nimport { ApiResponse } from '../types';\nimport { javascriptStringDumpToJSON } from '../utils';\nimport { UsePaginationData } from '../order-daily-overview/store/store';\nimport { notification } from 'antd';\nimport { filtersReducerReturnAtom } from '../order-daily-overview/return-after-table/table-filters/ReturnFilterStore';\nimport { returnCountType } from './ReturnStatus';\nimport { useParams } from 'react-router-dom';\nimport { dateFilterCPReducer } from './DateFilterStore';\n\nfunction ReturnAfterSearchBar() {\n  const [searchText, setSearchText] = useState('');\n  const [debouncedSearchText, setDebouncedSearchText] = useSearchAfterText();\n  const [, setReturnConfirmedData] = useReturnConfirmedOrderData();\n  const [, setPaginationObject] = UsePaginationData();\n\n  const [statePagination] = useAtom(filtersReducerReturnAtom);\n  const { 'x-pagination': pagination } = statePagination;\n  const [, setCount] = useStatsCPCount();\n  const [clientPortal] = useClientPortal();\n  const [state] = useAtom(dateFilterCPReducer);\n  const { 'x-filters': filters } = state;\n  const { status } = useParams();\n\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setSearchText(event.target.value);\n  };\n\n  const { paginationData, fetchData: returnAfterCall } = useAxios<ApiResponse>({\n    endpoint: '/v1/return/orders/',\n    method: 'GET',\n    filters: filters,\n    pagination: pagination,\n  });\n\n  useEffect(() => {\n    if (debouncedSearchText?.length > 2) {\n      returnAfterCall({\n        endPointQuery: `?search_term=${debouncedSearchText}`,\n      }).then((response: any) => {\n        if (paginationData) {\n          const formattedPagination = javascriptStringDumpToJSON(\n            paginationData\n          );\n          const { ...rest } = formattedPagination;\n          setPaginationObject(rest);\n        }\n        if (response?.data) {\n          setReturnConfirmedData(response?.data);\n        } else {\n          setReturnConfirmedData([]);\n        }\n      });\n    } else if (\n      debouncedSearchText?.length > 0 &&\n      debouncedSearchText?.length <= 2\n    ) {\n      notification.warning({\n        message: 'Search Phrase cannot be less than 3 characters',\n      });\n    }\n  }, [debouncedSearchText, JSON.stringify(filters)]);\n\n  // Debouncing effect\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedSearchText(searchText);\n    }, 1000);\n    return () => {\n      clearTimeout(handler);\n    };\n  }, [searchText]);\n\n  useEffect(() => {\n    if (debouncedSearchText?.length === 0) {\n      setSearchText('');\n    }\n  }, [debouncedSearchText]);\n  const cleanedFilters = filters.filter(f => f.field !== 'order_status');\n\n  const { fetchData: fetchStatsData } = 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    const validStatuses = ['scheduled_for_return', 'return_completed'];\n    const isClientView = clientPortal && validStatuses.includes(status || '');\n\n    if (!isClientView) return;\n\n    const trimmedText = debouncedSearchText?.trim() || '';\n    if (trimmedText.length > 0 && trimmedText.length <= 2) {\n      notification.warning({\n        message: 'Search phrase cannot be less than 2 characters',\n      });\n      return;\n    }\n    if (trimmedText.length === 0) return;\n    const statusTypeMap: Record<string, string> = {\n      scheduled_for_return: 'scheduled',\n      return_completed: 'complete',\n    };\n\n    const type = statusTypeMap[status as keyof typeof statusTypeMap];\n\n    fetchStatsData({\n      endPointQuery: `?search_term=${trimmedText}&type=${type}`,\n    })\n      .then((response: any) => {\n        if (response?.data) {\n          console.log('inside response', response);\n          setCount(response.data);\n        } else {\n          setCount(null);\n        }\n      })\n      .catch((error: any) => {\n        console.error('Error fetching stats:', error);\n        setCount(null);\n      });\n  }, [debouncedSearchText, status]);\n\n  const handleClear = () => {\n    setSearchText('');\n  };\n  return (\n    <Search>\n      <SearchIcon />\n\n      <SearchInput\n        type=\"text\"\n        placeholder=\"Search\"\n        value={searchText}\n        onChange={handleInputChange}\n      />\n      {searchText ? (\n        <ClearButton className=\"clear\" onClick={handleClear}>\n          <CrossIcon />\n        </ClearButton>\n      ) : null}\n    </Search>\n  );\n}\n\nconst ClearButton = styled.button`\n  border: none;\n  background: none;\n  position: relative;\n  border: none;\n  cursor: pointer;\n  padding: 0 4px;\n  font-size: 0;\n  &:hover {\n    color: #000;\n  }\n`;\n\nconst Search = styled.div`\n  display: flex;\n  padding: 4px 12px;\n  align-items: center;\n  gap: 8px;\n  align-self: stretch;\n  border-radius: 20px;\n  border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n  background-color: var(--Flowkit-White, #fff);\n  height: 35px;\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n`;\nconst SearchInput = styled.input`\n  border: none;\n  outline: none;\n  flex-grow: 1;\n  width: 100%;\n  background: transparent;\n`;\n\nexport default React.memo(ReturnAfterSearchBar);\n"],"names":["ReturnAfterSearchBar","searchText","setSearchText","useState","debouncedSearchText","setDebouncedSearchText","useSearchAfterText","setReturnConfirmedData","useReturnConfirmedOrderData","setPaginationObject","UsePaginationData","statePagination","useAtom","filtersReducerReturnAtom","pagination","setCount","useStatsCPCount","clientPortal","useClientPortal","state","dateFilterCPReducer","filters","status","useParams","handleInputChange","event","paginationData","returnAfterCall","useAxios","useEffect","response","formattedPagination","javascriptStringDumpToJSON","rest","notification","handler","cleanedFilters","f","fetchStatsData","trimmedText","type","error","Search","jsx","SearchIcon","SearchInput","ClearButton","CrossIcon","styled","ReturnAfterSearchBar$1","React"],"mappings":"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"}
+{"version":3,"file":"ReturnAfterSearchBar.js","sources":["../../../src/components/client-portal/ReturnAfterSearchBar.tsx"],"sourcesContent":["import {\n  CrossIcon,\n  SearchIcon,\n  useAxios,\n} from '@bjsdistribution/dms-component-library';\nimport React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport {\n  useAtom,\n  useClientPortal,\n  useReturnConfirmedOrderData,\n  useSearchAfterText,\n  useStatsCPCount,\n} from '../store';\n\nimport { ApiResponse } from '../types';\nimport { javascriptStringDumpToJSON } from '../utils';\nimport { UsePaginationReturnData } from '../order-daily-overview/store/store';\nimport { notification } from 'antd';\nimport { filtersReducerReturnAtom } from '../order-daily-overview/return-after-table/table-filters/ReturnFilterStore';\nimport { returnCountType } from './ReturnStatus';\nimport { useParams } from 'react-router-dom';\nimport { dateFilterCPReducer } from './DateFilterStore';\n\nfunction ReturnAfterSearchBar() {\n  const [searchText, setSearchText] = useState('');\n  const [debouncedSearchText, setDebouncedSearchText] = useSearchAfterText();\n  const [, setReturnConfirmedData] = useReturnConfirmedOrderData();\n  const [, setPaginationObject] = UsePaginationReturnData();\n\n  const [statePagination] = useAtom(filtersReducerReturnAtom);\n  const { 'x-pagination': pagination } = statePagination;\n  const [, setCount] = useStatsCPCount();\n  const [clientPortal] = useClientPortal();\n  const [state] = useAtom(dateFilterCPReducer);\n  const { 'x-filters': filters } = state;\n  const { status } = useParams();\n\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setSearchText(event.target.value);\n  };\n\n  const { paginationData, fetchData: returnAfterCall } = useAxios<ApiResponse>({\n    endpoint: '/v1/return/orders/',\n    method: 'GET',\n    filters: filters,\n    pagination: pagination,\n  });\n\n  useEffect(() => {\n    if (debouncedSearchText?.length > 2) {\n      returnAfterCall({\n        endPointQuery: `?search_term=${debouncedSearchText}`,\n      }).then((response: any) => {\n        if (paginationData) {\n          const formattedPagination = javascriptStringDumpToJSON(\n            paginationData\n          );\n          const { ...rest } = formattedPagination;\n          setPaginationObject(rest);\n        }\n        if (response?.data) {\n          setReturnConfirmedData(response?.data);\n        } else {\n          setReturnConfirmedData([]);\n        }\n      });\n    } else if (\n      debouncedSearchText?.length > 0 &&\n      debouncedSearchText?.length <= 2\n    ) {\n      notification.warning({\n        message: 'Search Phrase cannot be less than 3 characters',\n      });\n    }\n  }, [debouncedSearchText, JSON.stringify(filters)]);\n\n  // Debouncing effect\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedSearchText(searchText);\n    }, 1000);\n    return () => {\n      clearTimeout(handler);\n    };\n  }, [searchText]);\n\n  useEffect(() => {\n    if (debouncedSearchText?.length === 0) {\n      setSearchText('');\n    }\n  }, [debouncedSearchText]);\n  const cleanedFilters = filters.filter(f => f.field !== 'order_status');\n\n  const { fetchData: fetchStatsData } = 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    const validStatuses = ['scheduled_for_return', 'return_completed'];\n    const isClientView = clientPortal && validStatuses.includes(status || '');\n\n    if (!isClientView) return;\n\n    const trimmedText = debouncedSearchText?.trim() || '';\n    if (trimmedText.length > 0 && trimmedText.length <= 2) {\n      notification.warning({\n        message: 'Search phrase cannot be less than 2 characters',\n      });\n      return;\n    }\n    if (trimmedText.length === 0) return;\n    const statusTypeMap: Record<string, string> = {\n      scheduled_for_return: 'scheduled',\n      return_completed: 'complete',\n    };\n\n    const type = statusTypeMap[status as keyof typeof statusTypeMap];\n\n    fetchStatsData({\n      endPointQuery: `?search_term=${trimmedText}&type=${type}`,\n    })\n      .then((response: any) => {\n        if (response?.data) {\n          console.log('inside response', response);\n          setCount(response.data);\n        } else {\n          setCount(null);\n        }\n      })\n      .catch((error: any) => {\n        console.error('Error fetching stats:', error);\n        setCount(null);\n      });\n  }, [debouncedSearchText, status]);\n\n  const handleClear = () => {\n    setSearchText('');\n  };\n  return (\n    <Search>\n      <SearchIcon />\n\n      <SearchInput\n        type=\"text\"\n        placeholder=\"Search\"\n        value={searchText}\n        onChange={handleInputChange}\n      />\n      {searchText ? (\n        <ClearButton className=\"clear\" onClick={handleClear}>\n          <CrossIcon />\n        </ClearButton>\n      ) : null}\n    </Search>\n  );\n}\n\nconst ClearButton = styled.button`\n  border: none;\n  background: none;\n  position: relative;\n  border: none;\n  cursor: pointer;\n  padding: 0 4px;\n  font-size: 0;\n  &:hover {\n    color: #000;\n  }\n`;\n\nconst Search = styled.div`\n  display: flex;\n  padding: 4px 12px;\n  align-items: center;\n  gap: 8px;\n  align-self: stretch;\n  border-radius: 20px;\n  border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);\n  background-color: var(--Flowkit-White, #fff);\n  height: 35px;\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n`;\nconst SearchInput = styled.input`\n  border: none;\n  outline: none;\n  flex-grow: 1;\n  width: 100%;\n  background: transparent;\n`;\n\nexport default React.memo(ReturnAfterSearchBar);\n"],"names":["ReturnAfterSearchBar","searchText","setSearchText","useState","debouncedSearchText","setDebouncedSearchText","useSearchAfterText","setReturnConfirmedData","useReturnConfirmedOrderData","setPaginationObject","UsePaginationReturnData","statePagination","useAtom","filtersReducerReturnAtom","pagination","setCount","useStatsCPCount","clientPortal","useClientPortal","state","dateFilterCPReducer","filters","status","useParams","handleInputChange","event","paginationData","returnAfterCall","useAxios","useEffect","response","formattedPagination","javascriptStringDumpToJSON","rest","notification","handler","cleanedFilters","f","fetchStatsData","trimmedText","type","error","Search","jsx","SearchIcon","SearchInput","ClearButton","CrossIcon","styled","ReturnAfterSearchBar$1","React"],"mappings":"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"}

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

@@ -22,7 +22,7 @@ const o = e.div`
   border: 1px solid #e3e3e3;
   background: #fff;
   box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);
-  padding: 20px 20px 20px 20px;
+  padding: 8px 12px;
   top: -60px;
 `;
 e.div`
@@ -36,7 +36,6 @@ e.div`
   align-items: center;
   width: 98%;
   margin: 0 auto;
-  align-items: center;
   margin-top: -71px;
   margin-bottom: 3px;
 
@@ -80,26 +79,26 @@ e.div`
 `;
 const n = e.div`
   display: flex;
-  padding: 15px;
+  padding: 4px 10px;
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
-  gap: 15px;
+  gap: 4px;
   flex: 1 0 0;
-  border-radius: 15px;
+  border-radius: 12px;
   background: #f8fafc;
 `;
 e(t)`
   .ant-select-selector {
-    /* width: 22vw; */
     border-radius: 22px;
   }
 `;
 const a = e.div`
   color: #8e8a85;
-  font-size: 14px;
+  font-size: 12px;
   font-style: normal;
   font-weight: 500;
+  margin-bottom: 2px;
 `, p = e.div`
   display: flex;
   align-items: center;
@@ -110,9 +109,9 @@ const a = e.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  gap: 6px;
+  gap: 2px;
   align-self: stretch;
-  margin: 10px;
+  margin: 2px 4px;
 `, l = e.div`
   flex-direction: row;
   display: flex;
@@ -176,10 +175,10 @@ e.div`
 const x = e.button`
   border-radius: 15px;
   display: flex;
-  padding: 7px 12px;
+  padding: 4px 10px;
   justify-content: center;
   align-items: center;
-  font-size: 14px;
+  font-size: 12px;
   font-family: 'Lato', sans-serif;
   background: transparent;
   color: #3a3620;

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

@@ -1 +1 @@
-{"version":3,"file":"Styledfilters.js","sources":["../../../../src/components/order-daily-overview/header-filters/Styledfilters.tsx"],"sourcesContent":["// import { Button } from '@bjsdistribution/dms-component-library';\nimport { Select } from 'antd';\nimport styled from 'styled-components';\n\nexport const HeaderWrapper = styled.div`\n  display: flex;\n  padding: 20px;\n  gap: 10px;\n  border-radius: 0px 0px 30px 30px;\n  background: #313130;\n  height: 151px;\n  background: url(./assets/bgBlack.png) no-repeat;\n  background-size: cover;\n  background-color: #000000d9;\n`;\n\nexport const StyledFlex = styled.div`\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n`;\n\nexport const CoverPage = styled.div`\n  position: relative;\n  border-radius: 16px;\n  border: 1px solid #e3e3e3;\n  background: #fff;\n  box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n  padding: 20px 20px 20px 20px;\n  top: -60px;\n`;\nexport const StatusPanel = styled.div`\n  border-radius: 40px;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  background: linear-gradient(180deg, #fff 0%, #f9fcff 100%);\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  display: flex;\n  padding: 10px 15px;\n  justify-content: space-between;\n  align-items: center;\n  width: 98%;\n  margin: 0 auto;\n  align-items: center;\n  margin-top: -71px;\n  margin-bottom: 3px;\n\n  h2 {\n    color: #3a3630;\n    font-size: 20px;\n    font-style: normal;\n    font-weight: 900;\n    line-height: 32px;\n    text-transform: uppercase;\n    margin: 0;\n    padding: 0;\n  }\n  ul {\n    border-radius: 15px;\n    border: 1px solid #d0d5dd;\n    display: flex;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    background: #f7f7f7;\n\n    li {\n      color: #6a7378;\n      text-align: center;\n      font-size: 13px;\n      font-style: normal;\n      font-weight: 400;\n      line-height: 16px;\n      border-right: 1px solid #d0d5dd;\n      display: flex;\n      gap: 8px;\n      align-items: center;\n      cursor: pointer;\n\n      &:last-child {\n        border: none;\n      }\n    }\n  }\n`;\n\nexport const Wrapper = styled.div`\n  display: flex;\n  padding: 15px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 15px;\n  flex: 1 0 0;\n  border-radius: 15px;\n  background: #f8fafc;\n`;\n\nexport const StyledAntSelect = styled(Select)`\n  .ant-select-selector {\n    /* width: 22vw; */\n    border-radius: 22px;\n  }\n`;\n\nexport const Label = styled.div`\n  color: #8e8a85;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n`;\n\nexport const FilterRow = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  align-self: stretch;\n  justify-content: space-between;\n`;\n\nexport const FilterColumn = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 6px;\n  align-self: stretch;\n  margin: 10px;\n`;\n\nexport const RightColumn = styled.div`\n  flex-direction: row;\n  display: flex;\n  gap: 15px;\n`;\n\nexport const LeftColumn = styled.div`\n  flex-direction: row;\n  display: flex;\n`;\n\nexport const DatePickerWrap = styled.div`\n  display: flex;\n  padding-right: 10px;\n  justify-content: space-between;\n  align-items: center;\n  align-self: stretch;\n  border-radius: 20px;\n  border: 1px solid #e0e2e7;\n  background: var(--Neutral-White, #fff);\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  min-width: 12vw;\n\n  input[type='text'] {\n    border-radius: 20px;\n    background: var(--Flowkit-White, #fff);\n    border: none;\n    color: #6a7378;\n    font-size: 13px;\n    font-weight: 400;\n    line-height: 18px;\n    padding: 8px 0;\n    padding-left: 10px;\n    &:focus-visible {\n      outline: none;\n    }\n  }\n  .react-datepicker-wrapper {\n    background-color: white;\n    border-radius: 66px;\n  }\n\n  .ant-picker-outlined {\n    border-style: none !important;\n  }\n  .ant-btn {\n    background-color: #3348ff !important;\n  }\n`;\n\nexport const RangeSelect = styled.div`\n  display: flex;\n  padding: 8px 8px 8px 10px;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  align-self: stretch;\n  border-right: 1px solid #e0e2e7;\n  background: #f0f2f2;\n  border-radius: 20px 0 0 20px;\n  font-size: 14px;\n  white-space: nowrap;\n  color: #8e8a85;\n`;\n\nexport const ApplyButton = styled.button`\n  border-radius: 15px;\n  display: flex;\n  padding: 7px 12px;\n  justify-content: center;\n  align-items: center;\n  font-size: 14px;\n  font-family: 'Lato', sans-serif;\n  background: transparent;\n  color: #3a3620;\n  border: 1px solid #3a3630;\n  cursor: pointer;\n\n  &:not(:disabled):hover {\n    background: #feba30;\n  }\n\n  &:disabled {\n    background: #ccc;\n    cursor: not-allowed;\n    opacity: 0.6;\n  }\n`;\n"],"names":["styled","CoverPage","Wrapper","Select","Label","FilterRow","FilterColumn","RightColumn","LeftColumn","ApplyButton"],"mappings":";;AAI6BA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYVA,EAAO;AAAA;AAAA;AAAA;AAAA;AAM1B,MAAMC,IAAYD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASLA,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;AAsD3B,MAAME,IAAUF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYCA,EAAOG,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAOrC,MAAMC,IAAQJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOfK,IAAYL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQnBM,IAAeN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAStBO,IAAcP,EAAO;AAAA;AAAA;AAAA;AAAA,GAMrBQ,IAAaR,EAAO;AAAA;AAAA;AAAA;AAKHA,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;AAuCVA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe3B,MAAMS,IAAcT,EAAO;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":"Styledfilters.js","sources":["../../../../src/components/order-daily-overview/header-filters/Styledfilters.tsx"],"sourcesContent":["// import { Button } from '@bjsdistribution/dms-component-library';\nimport { Select } from 'antd';\nimport styled from 'styled-components';\n\nexport const HeaderWrapper = styled.div`\n  display: flex;\n  padding: 20px;\n  gap: 10px;\n  border-radius: 0px 0px 30px 30px;\n  background: #313130;\n  height: 151px;\n  background: url(./assets/bgBlack.png) no-repeat;\n  background-size: cover;\n  background-color: #000000d9;\n`;\n\nexport const StyledFlex = styled.div`\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n`;\n\nexport const CoverPage = styled.div`\n  position: relative;\n  border-radius: 16px;\n  border: 1px solid #e3e3e3;\n  background: #fff;\n  box-shadow: 0px 4px 30px 0px rgba(46, 45, 116, 0.05);\n  padding: 8px 12px;\n  top: -60px;\n`;\n\nexport const StatusPanel = styled.div`\n  border-radius: 40px;\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  background: linear-gradient(180deg, #fff 0%, #f9fcff 100%);\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  display: flex;\n  padding: 10px 15px;\n  justify-content: space-between;\n  align-items: center;\n  width: 98%;\n  margin: 0 auto;\n  margin-top: -71px;\n  margin-bottom: 3px;\n\n  h2 {\n    color: #3a3630;\n    font-size: 20px;\n    font-style: normal;\n    font-weight: 900;\n    line-height: 32px;\n    text-transform: uppercase;\n    margin: 0;\n    padding: 0;\n  }\n  ul {\n    border-radius: 15px;\n    border: 1px solid #d0d5dd;\n    display: flex;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    background: #f7f7f7;\n\n    li {\n      color: #6a7378;\n      text-align: center;\n      font-size: 13px;\n      font-style: normal;\n      font-weight: 400;\n      line-height: 16px;\n      border-right: 1px solid #d0d5dd;\n      display: flex;\n      gap: 8px;\n      align-items: center;\n      cursor: pointer;\n\n      &:last-child {\n        border: none;\n      }\n    }\n  }\n`;\n\nexport const Wrapper = styled.div`\n  display: flex;\n  padding: 4px 10px;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 4px;\n  flex: 1 0 0;\n  border-radius: 12px;\n  background: #f8fafc;\n`;\n\nexport const StyledAntSelect = styled(Select)`\n  .ant-select-selector {\n    border-radius: 22px;\n  }\n`;\n\nexport const Label = styled.div`\n  color: #8e8a85;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  margin-bottom: 2px;\n`;\n\nexport const FilterRow = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  align-self: stretch;\n  justify-content: space-between;\n`;\n\nexport const FilterColumn = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 2px;\n  align-self: stretch;\n  margin: 2px 4px;\n`;\n\nexport const RightColumn = styled.div`\n  flex-direction: row;\n  display: flex;\n  gap: 15px;\n`;\n\nexport const LeftColumn = styled.div`\n  flex-direction: row;\n  display: flex;\n`;\n\nexport const DatePickerWrap = styled.div`\n  display: flex;\n  padding-right: 10px;\n  justify-content: space-between;\n  align-items: center;\n  align-self: stretch;\n  border-radius: 20px;\n  border: 1px solid #e0e2e7;\n  background: var(--Neutral-White, #fff);\n  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  min-width: 12vw;\n\n  input[type='text'] {\n    border-radius: 20px;\n    background: var(--Flowkit-White, #fff);\n    border: none;\n    color: #6a7378;\n    font-size: 13px;\n    font-weight: 400;\n    line-height: 18px;\n    padding: 8px 0;\n    padding-left: 10px;\n    &:focus-visible {\n      outline: none;\n    }\n  }\n  .react-datepicker-wrapper {\n    background-color: white;\n    border-radius: 66px;\n  }\n\n  .ant-picker-outlined {\n    border-style: none !important;\n  }\n  .ant-btn {\n    background-color: #3348ff !important;\n  }\n`;\n\nexport const RangeSelect = styled.div`\n  display: flex;\n  padding: 8px 8px 8px 10px;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  align-self: stretch;\n  border-right: 1px solid #e0e2e7;\n  background: #f0f2f2;\n  border-radius: 20px 0 0 20px;\n  font-size: 14px;\n  white-space: nowrap;\n  color: #8e8a85;\n`;\n\nexport const ApplyButton = styled.button`\n  border-radius: 15px;\n  display: flex;\n  padding: 4px 10px;\n  justify-content: center;\n  align-items: center;\n  font-size: 12px;\n  font-family: 'Lato', sans-serif;\n  background: transparent;\n  color: #3a3620;\n  border: 1px solid #3a3630;\n  cursor: pointer;\n\n  &:not(:disabled):hover {\n    background: #feba30;\n  }\n\n  &:disabled {\n    background: #ccc;\n    cursor: not-allowed;\n    opacity: 0.6;\n  }\n`;\n"],"names":["styled","CoverPage","Wrapper","Select","Label","FilterRow","FilterColumn","RightColumn","LeftColumn","ApplyButton"],"mappings":";;AAI6BA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYVA,EAAO;AAAA;AAAA;AAAA;AAAA;AAM1B,MAAMC,IAAYD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAULA,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;AAqD3B,MAAME,IAAUF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYCA,EAAOG,CAAM;AAAA;AAAA;AAAA;AAAA;AAMrC,MAAMC,IAAQJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQfK,IAAYL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQnBM,IAAeN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAStBO,IAAcP,EAAO;AAAA;AAAA;AAAA;AAAA,GAMrBQ,IAAaR,EAAO;AAAA;AAAA;AAAA;AAKHA,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;AAuCVA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe3B,MAAMS,IAAcT,EAAO;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/header-filters/overViewFilter.js

@@ -1,6 +1,6 @@
-import { atom as i } from "jotai";
-i(/* @__PURE__ */ new Date());
-const n = {
+import { atom as n } from "jotai";
+n(/* @__PURE__ */ new Date());
+const i = {
   "x-filters": [],
   "x-pagination": { page: 1, per_page: 50 }
 }, p = (e, r) => {
@@ -30,12 +30,8 @@ const n = {
     case "CLEAR_SEARCH":
       return {
         ...e,
-        "x-filters": [...n["x-filters"]],
-        "x-pagination": { ...n["x-pagination"], page: 1 }
-      };
-    case "CLEAR_ALL_FILTER":
-      return {
-        ...e
+        "x-filters": [...i["x-filters"]],
+        "x-pagination": { ...i["x-pagination"], page: 1 }
       };
     case "SET_PAGE":
       return {
@@ -64,11 +60,11 @@ const n = {
     default:
       return e;
   }
-}, a = i(n), E = i(
+}, a = n(i), g = n(
   (e) => e(a),
   (e, r, t) => r(a, p(e(a), t))
 );
 export {
-  E as overviewfiltersReducerAtom
+  g as overviewfiltersReducerAtom
 };
 //# sourceMappingURL=overViewFilter.js.map

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

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

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

@@ -5,7 +5,7 @@ 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 { useAxios as m, 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";
@@ -15,11 +15,11 @@ 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) => {
+  const [h] = tt(X), [x, f] = A(), [, u] = B(1), [v, P] = H(), { "x-filters": b, "x-pagination": C } = h, { 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({
+  }, { data: n, loading: R, fetchData: k } = m({
     endpoint: "/v1/return/product/customers/?grouped=true",
     method: "GET",
     //@ts-ignore
@@ -36,7 +36,7 @@ function bt() {
     loading: c,
     paginationData: l,
     fetchData: j
-  } = h({
+  } = m({
     endpoint: "/v1/return/product/stats/",
     method: "GET",
     //@ts-ignore
@@ -88,6 +88,7 @@ const et = s.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
+  margin-bottom: 12px;
 `, at = s.div`
   position: relative;
   top: -46px;

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

@@ -1 +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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"}
+{"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  margin-bottom: 12px;\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

@@ -4,24 +4,24 @@ 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 { useLoading as S, UsePaginationReturnData as T, useItemsPerReturnPage as k } from "../store/store.js";
+import { useApiHook as I, DocumentTitle as E } from "@bjsdistribution/dms-component-library";
+import { filtersReducerReturnAtom as j } 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);
+import B from "../table-view/ReturnPagination.js";
+import { useCallApiAgain as W } from "../../store.js";
+import { useAtom as H } from "jotai";
+const et = () => {
+  const [c, h] = L(), [, m] = S(), [f] = H(j), [i] = W(), { "x-filters": r, "x-pagination": u } = f, [b, v] = T(), [, P] = z(1), [D, y] = k(), { page: A, total: o } = b, R = (t) => {
+    P(t);
   }, C = (t) => {
-    D(t);
+    y(t);
   }, {
     data: a,
     loading: n,
     setShouldPerformAction: p,
     paginationData: s
-  } = E({
+  } = I({
     endpoint: "/v1/return/orders/",
     method: "GET",
     filters: r && r?.length > 0 ? r : void 0,
@@ -36,7 +36,7 @@ const at = () => {
       if (h(a?.data), s)
         try {
           const { count: t, ...O } = JSON.parse(s);
-          y(O);
+          v(O);
         } catch (t) {
           console.error("Error parsing paginationData:", t), g.error({
             message: "Error",
@@ -49,23 +49,23 @@ const at = () => {
           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(E, { title: "Return Order List" }),
+    /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e("div", { className: "Tableconatiner", children: /* @__PURE__ */ d(N, { children: [
       /* @__PURE__ */ e(F, {}),
       /* @__PURE__ */ e(w, {}),
       o > 0 && /* @__PURE__ */ e(
-        W,
+        B,
         {
           currentPage: A,
           totalItems: o,
-          itemsPerPage: v,
+          itemsPerPage: D,
           onPageChange: R,
           onItemsPerPageChange: C
         }
       )
     ] }) }) })
   ] });
-}, U = x.div`
+}, N = x.div`
   position: relative;
   /* top: -30px; */
 `, G = x.section`
@@ -179,6 +179,6 @@ const at = () => {
   }
 `;
 export {
-  at as default
+  et as default
 };
 //# sourceMappingURL=ReturnAfterTable.js.map

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

@@ -1 +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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"}
+{"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, setPaginationObject] = UsePaginationReturnData();\n  const [, setCurrentPage] = useState(1);\n  const [itemsPerPage, setItemsPerPage] = useItemsPerReturnPage();\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","setPaginationObject","UsePaginationReturnData","setCurrentPage","useState","itemsPerPage","setItemsPerPage","useItemsPerReturnPage","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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"}

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

@@ -164,7 +164,6 @@ const Le = () => {
           ),
           /* @__PURE__ */ e("li", { style: { color: "#888075" }, children: o(r?.postcode) })
         ] }) }),
-        /* @__PURE__ */ e("td", { children: o(r?.customer_name) }),
         /* @__PURE__ */ t("td", { children: [
           o(r?.consignment),
           !R && Number(r?.failure_count) > 0 && /* @__PURE__ */ t(