@bjsdistribution/dms-client-return 0.1.77-prod → 0.1.78-prod

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

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

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

@@ -1,76 +1,76 @@
-import { jsx as e, Fragment as lt, jsxs as a } from "react/jsx-runtime";
-import { useApiHook as it, Checkbox as B } from "@bjsdistribution/dms-component-library";
-import { notification as st, Skeleton as dt, Empty as ut, Tooltip as ht } from "antd";
-import { format as pt } from "date-fns";
-import { useAtom as _t } from "jotai";
-import { useRef as H, useState as mt, useMemo as ft, useEffect as b } from "react";
-import gt from "../../../../assets/icons/DownIcon.js";
-import Ct from "../../../../assets/icons/PrinterIcon.js";
-import K from "../../../../common/CaretDownFilledIcon.js";
-import yt from "../../../../common/SortIcon.js";
-import St from "../../../order-view/details-filters/left-side-filters/dropdowns/PrintDropDownReturn.js";
-import { useReturnData as Nt, usefetchAgain as wt } from "../../../order-view/store.js";
-import { useSelectedOrders as Dt, useSelectAll as bt, useReturnPayload as kt, useNewReturnPayload as At, useGroupedPayload as It, useLocationData as Pt, useFlatCustomerData as Rt } from "../../../store.js";
-import { filtersReducerAtom as Ot } from "../../header-filters/filterStore.js";
+import { jsx as t, Fragment as se, jsxs as a } from "react/jsx-runtime";
+import { useApiHook as de, Checkbox as H } from "@bjsdistribution/dms-component-library";
+import { notification as ue, Skeleton as he, Empty as pe, Tooltip as _e } from "antd";
+import { format as fe } from "date-fns";
+import { useAtom as me } from "jotai";
+import { useRef as K, useState as ge, useMemo as Ce, useEffect as b } from "react";
+import ye from "../../../../assets/icons/DownIcon.js";
+import Se from "../../../../assets/icons/PrinterIcon.js";
+import V from "../../../../common/CaretDownFilledIcon.js";
+import De from "../../../../common/SortIcon.js";
+import { WEIGHT_UNIT as $, VOLUME_UNIT as Ne, getAccountTypeLabel as J, toReverseDeliveryLabel as Y } from "../../../../common/utils.js";
+import we from "../../../order-view/details-filters/left-side-filters/dropdowns/PrintDropDownReturn.js";
+import { useReturnData as Re, usefetchAgain as be } from "../../../order-view/store.js";
+import { useSelectedOrders as Pe, useSelectAll as ke, useReturnPayload as Ae, useNewReturnPayload as Ie, useGroupedPayload as ve, useLocationData as Le, useClientPortal as Oe, useFlatCustomerData as Ee } from "../../../store.js";
+import { filtersReducerAtom as Te } from "../../header-filters/filterStore.js";
 import { displayValueOrNA as s } from "../../shared/utlis.js";
-import { useLoading as Lt, usePrintOptionTOggle as vt, UsePaginationData as Et } from "../../store/store.js";
-import { EmptyDataContainer as Tt } from "../../table/table-data/styles.js";
-import { StyledTableWrapper as Ut, StyledTable as Ft, CustomDrop as Wt } from "./returnstyles.js";
-import { useSearchParams as xt, NavLink as Mt } from "react-router-dom";
-import { WEIGHT_UNIT as V, VOLUME_UNIT as jt, getAccountTypeLabel as $ } from "../../../../common/utils.js";
-const Gt = [
+import { useLoading as Ue, usePrintOptionTOggle as Fe, UsePaginationData as We } from "../../store/store.js";
+import { EmptyDataContainer as xe } from "../../table/table-data/styles.js";
+import { StyledTableWrapper as Me, StyledTable as je, CustomDrop as Ge } from "./returnstyles.js";
+import { useSearchParams as Be, NavLink as He } from "react-router-dom";
+const Ke = [
   "RTS",
   "CLAIMS PAID",
   "DISPOSE",
   "RE-ALLOCATE",
   "RECYCLE",
   "UNKNOWN"
-], y = (_) => Gt.includes(_?.product_return_action) && _?.return_location !== "null" && _?.return_location !== null, se = () => {
-  const [_] = _t(Ot), [S, k] = Dt(), [J, A] = bt(), { "x-filters": Y, "x-pagination": Bt } = _, [h, E] = Nt(), [q, T] = Lt(), z = H(null), I = H(null), [U, F] = vt(), [, Q] = kt(), [P, N] = At(), [, R] = It(), [O] = Pt(), [, X] = Et(), [Z] = wt(), [tt] = xt(), L = tt.get("customerId"), [m, et] = mt(null), f = (t) => {
-    et((n) => n?.key === t && n.direction === "asc" ? { key: t, direction: "desc" } : { key: t, direction: "asc" });
-  }, W = ft(() => {
-    if (!h || !m) return h;
-    const { key: t, direction: n } = m;
+], y = (_) => Ke.includes(_?.product_return_action) && _?.return_location !== "null" && _?.return_location !== null, ht = () => {
+  const [_] = me(Te), [S, P] = Pe(), [q, k] = ke(), { "x-filters": z, "x-pagination": Ve } = _, [h, T] = Re(), [Q, U] = Ue(), X = K(null), A = K(null), [F, W] = Fe(), [, Z] = Ae(), [I, D] = Ie(), [, v] = ve(), [L] = Le(), [, ee] = We(), [te] = be(), [N] = Oe(), [ne] = Be(), O = ne.get("customerId"), [f, re] = ge(null), m = (e) => {
+    re((n) => n?.key === e && n.direction === "asc" ? { key: e, direction: "desc" } : { key: e, direction: "asc" });
+  }, x = Ce(() => {
+    if (!h || !f) return h;
+    const { key: e, direction: n } = f;
     return [...h].sort((o, c) => {
-      const l = o[t], i = c[t];
+      const l = o[e], i = c[e];
       return typeof l == "number" && typeof i == "number" ? n === "asc" ? l - i : i - l : typeof l == "string" && typeof i == "string" ? n === "asc" ? l.localeCompare(i) : i.localeCompare(l) : 0;
     });
-  }, [h, m]), g = (t) => !m || m.key !== t ? /* @__PURE__ */ e(yt, {}) : m.direction === "asc" ? /* @__PURE__ */ e(K, {}) : /* @__PURE__ */ e(K, {}), nt = (t) => {
-    F((n) => n === t ? null : t);
+  }, [h, f]), g = (e) => !f || f.key !== e ? /* @__PURE__ */ t(De, {}) : f.direction === "asc" ? /* @__PURE__ */ t(V, {}) : /* @__PURE__ */ t(V, {}), oe = (e) => {
+    W((n) => n === e ? null : e);
   };
-  b(() => (document.addEventListener("mousedown", x), () => {
-    document.removeEventListener("mousedown", x);
+  b(() => (document.addEventListener("mousedown", M), () => {
+    document.removeEventListener("mousedown", M);
   }), []);
-  const x = (t) => {
-    I.current && !I.current.contains(t.target) && F(null);
+  const M = (e) => {
+    A.current && !A.current.contains(e.target) && W(null);
   }, {
     data: p,
     loading: w,
-    paginationData: M,
-    setShouldPerformAction: rt
-  } = it({
+    paginationData: j,
+    setShouldPerformAction: ce
+  } = de({
     endpoint: "/v1/return/product/pending/",
     method: "GET",
-    filters: Y,
+    filters: z,
     pagination: { is_pagination: !1 },
     performAction: !1,
     showLoader: !1
   });
   b(() => {
-    if (T(w), p && p?.data && (E(p?.data), M))
+    if (U(w), p && p?.data && (T(p?.data), j))
       try {
-        const { count: t, ...n } = JSON.parse(M);
-        X(n);
-      } catch (t) {
-        console.error("Error parsing paginationData:", t), st.error({
+        const { count: e, ...n } = JSON.parse(j);
+        ee(n);
+      } catch (e) {
+        console.error("Error parsing paginationData:", e), ue.error({
           message: "Error",
           description: "Failed to parse pagination data"
         });
       }
   }, [p, w]), b(() => {
-    if (T(w), rt(!0), p && p?.data && O) {
-      const t = p.data.map((n) => {
-        const o = O.find(
+    if (U(w), ce(!0), p && p?.data && L) {
+      const e = p.data.map((n) => {
+        const o = L.find(
           (c) => c?.token === n?.return_location
         );
         return {
@@ -78,17 +78,17 @@ const Gt = [
           new_location: o ? o?.location_name : null
         };
       });
-      E(t);
+      T(e);
     }
-  }, [p, w, O, _, Z]);
-  const [ot] = Rt(), j = ot?.find((t) => {
-    const n = t?.customer_id?.toString();
-    return n && n === L;
-  }), G = j?.account_number;
-  console.log(j, "selectedCustomer");
-  const ct = (t) => {
-    const n = t.target.checked;
-    if (A(n), n) {
+  }, [p, w, L, _, te]);
+  const [ae] = Ee(), G = ae?.find((e) => {
+    const n = e?.customer_id?.toString();
+    return n && n === O;
+  }), B = G?.account_number;
+  console.log(G, "selectedCustomer");
+  const le = (e) => {
+    const n = e.target.checked;
+    if (k(n), n) {
       const o = h?.find(
         (r) => y(r)
       ), c = S.length > 0 ? S[0]?.product_return_action : o?.product_return_action;
@@ -104,68 +104,68 @@ const Gt = [
         return_location_token: r?.return_location
       })), d = l.map((r) => ({
         id: r.id,
-        account_number: G,
-        customer_id: Number(L),
+        account_number: B,
+        customer_id: Number(O),
         products: [r?.legacy_product_id],
         return_action: r?.product_return_action,
         return_location_token: r?.return_location || null
       }));
-      console.log(d, "newPayloadnewPayload"), k(i), N(d);
+      console.log(d, "newPayloadnewPayload"), P(i), D(d);
     } else
-      k([]), N([]), R([]);
-  }, at = (t, n, o, c, l) => {
-    k((i) => {
+      P([]), D([]), v([]);
+  }, ie = (e, n, o, c, l) => {
+    P((i) => {
       if (i?.some(
-        (r) => r.id === t
+        (r) => r.id === e
       )) {
         const r = i.filter(
-          (u) => u.id !== t
+          (u) => u.id !== e
         );
-        Q((u) => ({
+        Z((u) => ({
           ...u,
           products: l,
           return_action: c || null,
           return_location_token: n || null
-        })), N(
-          (u) => u.filter((C) => C.id !== t)
+        })), D(
+          (u) => u.filter((C) => C.id !== e)
         );
-        const D = c, v = h?.filter(
-          (u) => y(u) && u?.product_return_action === D
+        const R = c, E = h?.filter(
+          (u) => y(u) && u?.product_return_action === R
         )?.length;
-        return A(
-          r?.length > 0 && r?.length === v
+        return k(
+          r?.length > 0 && r?.length === E
         ), r;
       } else {
         const r = {
-          id: t,
-          account_number: G,
-          customer_id: Number(L),
+          id: e,
+          account_number: B,
+          customer_id: Number(O),
           products: [l],
           return_action: c || null,
           return_location_token: n || null
         };
-        N((C) => [...C, r]);
-        const D = [
+        D((C) => [...C, r]);
+        const R = [
           ...i,
           {
-            id: t,
+            id: e,
             return_location: n,
             return_location_name: o,
             product_return_action: c
           }
-        ], v = c, u = h?.filter(
-          (C) => y(C) && C?.product_return_action === v
+        ], E = c, u = h?.filter(
+          (C) => y(C) && C?.product_return_action === E
         )?.length;
-        return A(D?.length === u), D;
+        return k(R?.length === u), R;
       }
     });
   };
   return b(() => {
-    if (P?.length === 0) {
-      R([]);
+    if (I?.length === 0) {
+      v([]);
       return;
     }
-    const t = P?.reduce((o, c) => {
+    const e = I?.reduce((o, c) => {
       const { return_location_token: l, id: i } = c, d = l || `no_token_${i}`;
       return o[d] || (o[d] = {
         ...c,
@@ -174,71 +174,73 @@ const Gt = [
       }), o[d].products = [...o[d].products, ...c.products], o[d].return_action = Array.from(
         /* @__PURE__ */ new Set([...o[d].return_action, ...c.return_action])
       ), o;
-    }, {}), n = Object.values(t);
-    R(n);
-  }, [P]), /* @__PURE__ */ e(lt, { children: /* @__PURE__ */ e(Ut, { className: "fortables", children: /* @__PURE__ */ a(Ft, { children: [
-    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("tr", { children: [
-      h?.some((t) => y(t)) ? /* @__PURE__ */ e("th", { className: "emailInvoiceCheckbox", children: /* @__PURE__ */ e(B, { checked: J, onChange: ct }) }) : /* @__PURE__ */ e("th", {}),
-      /* @__PURE__ */ e("th", { onClick: () => f("location"), children: /* @__PURE__ */ a("div", { className: "sortIconClass", children: [
+    }, {}), n = Object.values(e);
+    v(n);
+  }, [I]), /* @__PURE__ */ t(se, { children: /* @__PURE__ */ t(Me, { className: "fortables", children: /* @__PURE__ */ a(je, { children: [
+    /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ a("tr", { children: [
+      h?.some((e) => y(e)) ? /* @__PURE__ */ t("th", { className: "emailInvoiceCheckbox", children: /* @__PURE__ */ t(H, { checked: q, onChange: le }) }) : /* @__PURE__ */ t("th", {}),
+      /* @__PURE__ */ t("th", { onClick: () => m("location"), children: /* @__PURE__ */ a("div", { className: "sortIconClass", children: [
         "Product Location ",
         g("location")
       ] }) }),
-      /* @__PURE__ */ e("th", { onClick: () => f("return_location_name"), children: /* @__PURE__ */ a("div", { className: "sortIconClass", children: [
+      /* @__PURE__ */ t("th", { onClick: () => m("return_location_name"), children: /* @__PURE__ */ a("div", { className: "sortIconClass", children: [
         "Return Location ",
         g("return_location_name")
       ] }) }),
-      /* @__PURE__ */ e("th", { children: "Client" }),
-      /* @__PURE__ */ e("th", { onClick: () => f("recipient_name"), children: /* @__PURE__ */ a("div", { className: "sortIconClass", children: [
+      /* @__PURE__ */ t("th", { children: "Client" }),
+      /* @__PURE__ */ t("th", { onClick: () => m("recipient_name"), children: /* @__PURE__ */ a("div", { className: "sortIconClass", children: [
         "Recipient ",
         g("recipient_name")
       ] }) }),
-      /* @__PURE__ */ e("th", { children: "Return Action" }),
-      /* @__PURE__ */ e("th", { children: "Code" }),
-      /* @__PURE__ */ e("th", { children: "Description" }),
-      /* @__PURE__ */ e("th", { children: "Part" }),
-      /* @__PURE__ */ e("th", { onClick: () => f("weight"), children: /* @__PURE__ */ a("div", { className: "sortIconClass", children: [
+      /* @__PURE__ */ t("th", { children: "Return Action" }),
+      /* @__PURE__ */ t("th", { children: "Code" }),
+      /* @__PURE__ */ t("th", { children: "Description" }),
+      /* @__PURE__ */ t("th", { children: "Part" }),
+      /* @__PURE__ */ t("th", { onClick: () => m("weight"), children: /* @__PURE__ */ a("div", { className: "sortIconClass", children: [
         "Weight (",
-        V,
+        $,
         ") ",
         g("weight")
       ] }) }),
-      /* @__PURE__ */ e("th", { children: jt }),
-      /* @__PURE__ */ e("th", { onClick: () => f("return_reason"), children: /* @__PURE__ */ a("div", { className: "sortIconClass", children: [
+      /* @__PURE__ */ t("th", { children: Ne }),
+      /* @__PURE__ */ t("th", { onClick: () => m("return_reason"), children: /* @__PURE__ */ a("div", { className: "sortIconClass", children: [
         "Return Reason ",
         g("return_reason")
       ] }) }),
-      /* @__PURE__ */ e("th", { children: "Collected" }),
-      /* @__PURE__ */ e("th", { onClick: () => f("collection_reason"), children: /* @__PURE__ */ a("div", { className: "sortIconClass", children: [
-        "Collection Reason ",
+      /* @__PURE__ */ t("th", { children: N ? "Collected" : "Reverse Delivery Date" }),
+      /* @__PURE__ */ t("th", { onClick: () => m("collection_reason"), children: /* @__PURE__ */ a("div", { className: "sortIconClass", children: [
+        N ? "Collection" : "Reverse Delivery",
+        " Reason",
+        " ",
         g("collection_reason")
       ] }) }),
-      /* @__PURE__ */ e("th", { className: "emailInvoiceShare", children: "Labels" })
+      /* @__PURE__ */ t("th", { className: "emailInvoiceShare", children: "Labels" })
     ] }) }),
-    /* @__PURE__ */ e("tbody", { children: q ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 14, children: /* @__PURE__ */ e(dt, { active: !0 }) }) }) : W?.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 14, children: /* @__PURE__ */ e(Tt, { children: /* @__PURE__ */ e(ut, {}) }) }) }) : W?.map((t, n) => /* @__PURE__ */ a("tr", { children: [
-      /* @__PURE__ */ e("td", { children: y(t) ? (() => {
-        const o = S?.length > 0 && S[0]?.product_return_action !== t?.product_return_action;
-        return /* @__PURE__ */ e(
-          ht,
+    /* @__PURE__ */ t("tbody", { children: Q ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { colSpan: 14, children: /* @__PURE__ */ t(he, { active: !0 }) }) }) : x?.length === 0 ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ t("td", { colSpan: 14, children: /* @__PURE__ */ t(xe, { children: /* @__PURE__ */ t(pe, {}) }) }) }) : x?.map((e, n) => /* @__PURE__ */ a("tr", { children: [
+      /* @__PURE__ */ t("td", { children: y(e) ? (() => {
+        const o = S?.length > 0 && S[0]?.product_return_action !== e?.product_return_action;
+        return /* @__PURE__ */ t(
+          _e,
           {
             title: o ? "Cannot select different return actions" : "",
-            children: /* @__PURE__ */ e(
+            children: /* @__PURE__ */ t(
               "span",
               {
                 className: o ? "disabled-wrapper" : "",
-                children: /* @__PURE__ */ e(
-                  B,
+                children: /* @__PURE__ */ t(
+                  H,
                   {
                     className: "custom-check",
                     disabled: o,
                     checked: S.some(
-                      (c) => c?.id === t?.id
+                      (c) => c?.id === e?.id
                     ),
-                    onChange: () => at(
-                      t?.id,
-                      t?.return_location,
-                      t?.return_location_name,
-                      t?.product_return_action,
-                      t?.legacy_product_id
+                    onChange: () => ie(
+                      e?.id,
+                      e?.return_location,
+                      e?.return_location_name,
+                      e?.product_return_action,
+                      e?.legacy_product_id
                     )
                   }
                 )
@@ -247,21 +249,21 @@ const Gt = [
           }
         );
       })() : null }),
-      /* @__PURE__ */ e("td", { children: t?.location !== null && t?.location !== void 0 ? t?.location : /* @__PURE__ */ e("div", { className: "awaiting", children: "Awaiting" }) }),
+      /* @__PURE__ */ t("td", { children: e?.location !== null && e?.location !== void 0 ? e?.location : /* @__PURE__ */ t("div", { className: "awaiting", children: "Awaiting" }) }),
       /* @__PURE__ */ a("td", { children: [
         " ",
-        s(t?.return_location_name)
+        s(e?.return_location_name)
       ] }),
-      /* @__PURE__ */ a("td", { title: t?.client_name ?? "", children: [
-        s(t?.client_name),
-        $(t?.owner_id) && /* @__PURE__ */ a("span", { children: [
+      /* @__PURE__ */ a("td", { title: e?.client_name ?? "", children: [
+        s(e?.client_name),
+        J(e?.owner_id) && /* @__PURE__ */ a("span", { children: [
           " (",
-          $(t?.owner_id),
+          J(e?.owner_id),
           ")"
         ] })
       ] }),
-      /* @__PURE__ */ e("td", { children: /* @__PURE__ */ a("ul", { style: { listStyleType: "none", padding: 0 }, children: [
-        /* @__PURE__ */ e(
+      /* @__PURE__ */ t("td", { children: /* @__PURE__ */ a("ul", { style: { listStyleType: "none", padding: 0 }, children: [
+        /* @__PURE__ */ t(
           "li",
           {
             style: {
@@ -269,42 +271,46 @@ const Gt = [
               fontWeight: 600,
               paddingLeft: 0
             },
-            children: /* @__PURE__ */ e(Mt, { to: `/orders/view/${t?.order_id}`, children: s(t?.recipient_name) })
+            children: /* @__PURE__ */ t(He, { to: `/orders/view/${e?.order_id}`, children: s(e?.recipient_name) })
           }
         ),
-        /* @__PURE__ */ e("li", { style: { color: "#888075" }, children: s(t?.postcode) })
+        /* @__PURE__ */ t("li", { style: { color: "#888075" }, children: s(e?.postcode) })
       ] }) }),
-      /* @__PURE__ */ e("td", { children: s(t?.product_return_action) }),
-      /* @__PURE__ */ e("td", { children: s(t?.code) }),
-      /* @__PURE__ */ e("td", { children: s(t?.description) }),
-      /* @__PURE__ */ e("td", { children: s(t?.part) }),
+      /* @__PURE__ */ t("td", { children: s(e?.product_return_action) }),
+      /* @__PURE__ */ t("td", { children: s(e?.code) }),
+      /* @__PURE__ */ t("td", { children: s(e?.description) }),
+      /* @__PURE__ */ t("td", { children: s(e?.part) }),
       /* @__PURE__ */ a("td", { children: [
-        s(t?.weight),
+        s(e?.weight),
         " ",
-        t?.weight && t?.weight !== null ? V : ""
+        e?.weight && e?.weight !== null ? $ : ""
       ] }),
-      /* @__PURE__ */ e("td", { children: s(t?.cube) }),
-      /* @__PURE__ */ e("td", { children: s(t?.return_reason) }),
-      /* @__PURE__ */ e("td", { children: t?.collected_at ? pt(new Date(t?.collected_at), "dd/MM/yyyy") : "UNKNOWN" }),
-      /* @__PURE__ */ e("td", { children: s(t?.collection_reason) }),
-      /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("ul", { className: "actionbox", children: /* @__PURE__ */ e(
-        Wt,
+      /* @__PURE__ */ t("td", { children: s(e?.cube) }),
+      /* @__PURE__ */ t("td", { children: s(
+        N ? e?.return_reason : Y(e?.return_reason)
+      ) }),
+      /* @__PURE__ */ t("td", { children: e?.collected_at ? fe(new Date(e?.collected_at), "dd/MM/yyyy") : "UNKNOWN" }),
+      /* @__PURE__ */ t("td", { children: s(
+        N ? e?.collection_reason : Y(e?.collection_reason)
+      ) }),
+      /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t("ul", { className: "actionbox", children: /* @__PURE__ */ t(
+        Ge,
         {
-          ref: z,
-          className: U === n ? "active" : "",
+          ref: X,
+          className: F === n ? "active" : "",
           children: /* @__PURE__ */ a(
             "li",
             {
               className: "shareIconContainer",
-              onClick: () => nt(n),
+              onClick: () => oe(n),
               children: [
-                /* @__PURE__ */ e(Ct, {}),
-                /* @__PURE__ */ e(gt, {}),
-                U === n && /* @__PURE__ */ e("div", { ref: I, children: /* @__PURE__ */ e(
-                  St,
+                /* @__PURE__ */ t(Se, {}),
+                /* @__PURE__ */ t(ye, {}),
+                F === n && /* @__PURE__ */ t("div", { ref: A, children: /* @__PURE__ */ t(
+                  we,
                   {
-                    legacyURL: t?.return_order_product_label,
-                    legacyProductID: t?.legacy_product_id
+                    legacyURL: e?.return_order_product_label,
+                    legacyProductID: e?.legacy_product_id
                   }
                 ) })
               ]
@@ -312,10 +318,10 @@ const Gt = [
           )
         }
       ) }) })
-    ] }, t.id)) })
+    ] }, e.id)) })
   ] }) }) });
 };
 export {
-  se as default
+  ht as default
 };
 //# sourceMappingURL=ReturnOrderTable.js.map