npm - @bjsdistribution/dms-client-return - Versions diffs - 0.1.99-prod → 0.2.0-prod - Mend

@bjsdistribution/dms-client-return 0.1.99-prod → 0.2.0-prod

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (48) hide show

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

	@@ -1 +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 VehicleIcon from '../../../../assets/icons/VehicleIcon';\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 vehicleTypeOptions = [\n { label: 'LGV', value: 'LGV' },\n { label: 'HGV', value: 'HGV' },\n\n];\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 [selectedVehicleType, setSelectedVehicleType] = useState<string \| null>(null);\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 handleVehicleTypeChange = (value: any) => {\n setSelectedVehicleType(value);\n dispatch({\n type: 'SET_VEHICLE_TYPE_FILTER',\n payload: value,\n });\n dispatch({\n type: 'SET_PAGE',\n payload: 1,\n });\n };\n\n const handleClearVehicleType = () => {\n setSelectedVehicleType(null);\n dispatch({\n type: 'CLEAR_VEHICLE_TYPE_FILTER',\n });\n dispatch({\n type: 'SET_PAGE',\n payload: 1,\n });\n };\n\n const handleClearAll = () => {\n setSelectedDate(null);\n setSelectedClient([]);\n setStatusOfOrder([]);\n setSelectedVehicleType(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 <VehicleIcon />\n </div>\n <StyledAntSelect>\n <Select\n options={vehicleTypeOptions}\n className=\"custom-select\"\n placeholder=\"Vehicle Type\"\n onChange={handleVehicleTypeChange}\n value={selectedVehicleType}\n style={{ minWidth: '150px' }}\n allowClear\n onClear={handleClearVehicleType}\n />\n </StyledAntSelect>\n </div>\n\n {selectedDate \|\|\n statusOrder?.length \|\|\n selectedClient?.length \|\|\n selectedVehicleType ? (\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\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":["vehicleTypeOptions","ReturnOrderFilter","dispatch","useAtom","filtersReducerReturnAtom","selectedDate","setSelectedDate","useState","statusOfOrder","useStatusOrderData","selectedClient","setSelectedClient","statusOrder","setStatusOfOrder","selectedVehicleType","setSelectedVehicleType","fetchedCustomerData","fetchData","useAxios","useEffect","handleDateChange","dates","clientOptions","option","orderOptions","handleClientChange","value","handleStatusOfOrder","handleVehicleTypeChange","handleClearVehicleType","handleClearAll","handleClear","handleClearClient","jsx","Fragment","StyledFiter","StyledFIlterELements","LeftSideConatiner","jsxs","FilterIcon","DateIcon","StyledDatePicker","DatePicker","dayjs","StatusIcon","StyledAntSelect","Select","ClientIcon","input","VehicleIcon","ClearAll","StyledFilterBtnIcon","StyledFilterBtnLabel","TableFilters","styled"],"mappings":"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"}
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 useClientPortal,\n // useCustomerData,\n useStatusOrderData,\n} from '../../../store';\nimport StatusIcon from '../../../../assets/icons/StatusIcon';\nimport VehicleIcon from '../../../../assets/icons/VehicleIcon';\nimport {\n ClearAll,\n StyledFilterBtnIcon,\n StyledFilterBtnLabel,\n} from '../../table/table-data/styles';\nimport { filtersReducerReturnAtom } from './ReturnFilterStore';\nimport { toReverseDeliveryLabel, useAxios } from '@bjsdistribution/dms-component-library';\nimport { ApiResponse } from '../../common/interface';\n\nconst vehicleTypeOptions = [\n { label: 'LGV', value: 'LGV' },\n { label: 'HGV', value: 'HGV' },\n\n];\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 [selectedAssignee, setSelectedAssignee] = useState<any \| null>();\n const [assignData] = useAssignData();\n const [isClientPortal] = useClientPortal();\n const [selectedClient, setSelectedClient] = useState<any[]>([]);\n const [statusOrder, setStatusOfOrder] = useState<any[]>([]);\n const [selectedVehicleType, setSelectedVehicleType] = useState<string \| null>(null);\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 if (value === selectedClient) return;\n setSelectedClient(value);\n dispatch({\n type: 'SET_CLIENT_FILTER',\n payload: value,\n });\n // Reset to the first page\n dispatch({\n type: 'SET_PAGE',\n payload: 1,\n });\n };\n const handleStatusOfOrder = (value: any[]) => {\n 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 handleVehicleTypeChange = (value: any) => {\n setSelectedVehicleType(value);\n dispatch({\n type: 'SET_VEHICLE_TYPE_FILTER',\n payload: value,\n });\n dispatch({\n type: 'SET_PAGE',\n payload: 1,\n });\n };\n\n const handleClearVehicleType = () => {\n setSelectedVehicleType(null);\n dispatch({\n type: 'CLEAR_VEHICLE_TYPE_FILTER',\n });\n dispatch({\n type: 'SET_PAGE',\n payload: 1,\n });\n };\n\n const handleClearAll = () => {\n setSelectedDate(null);\n setSelectedClient([]);\n setStatusOfOrder([]);\n setSelectedVehicleType(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 <VehicleIcon />\n </div>\n <StyledAntSelect>\n <Select\n options={vehicleTypeOptions}\n className=\"custom-select\"\n placeholder=\"Vehicle Type\"\n onChange={handleVehicleTypeChange}\n value={selectedVehicleType}\n style={{ minWidth: '150px' }}\n allowClear\n onClear={handleClearVehicleType}\n />\n </StyledAntSelect>\n </div>\n\n {selectedDate \|\|\n statusOrder?.length \|\|\n selectedClient?.length \|\|\n selectedVehicleType ? (\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\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":["vehicleTypeOptions","ReturnOrderFilter","dispatch","useAtom","filtersReducerReturnAtom","selectedDate","setSelectedDate","useState","statusOfOrder","useStatusOrderData","selectedAssignee","setSelectedAssignee","assignData","useAssignData","isClientPortal","useClientPortal","selectedClient","setSelectedClient","statusOrder","setStatusOfOrder","selectedVehicleType","setSelectedVehicleType","fetchedCustomerData","fetchData","useAxios","useEffect","handleDateChange","dates","clientOptions","option","orderOptions","statusLabel","toReverseDeliveryLabel","handleClientChange","value","handleStatusOfOrder","handleVehicleTypeChange","handleClearVehicleType","handleClearAll","handleClear","handleClearClient","jsx","Fragment","StyledFiter","StyledFIlterELements","LeftSideConatiner","jsxs","FilterIcon","DateIcon","StyledDatePicker","DatePicker","dayjs","StatusIcon","StyledAntSelect","Select","ClientIcon","input","VehicleIcon","ClearAll","StyledFilterBtnIcon","StyledFilterBtnLabel","TableFilters","styled"],"mappings":"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"}

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

@@ -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, toReverseDeliveryLabel as K } 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 V, 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 $ from "../../../../common/CaretDownFilledIcon.js";
+import Ne from "../../../../common/SortIcon.js";
+import De from "../../../order-view/details-filters/left-side-filters/dropdowns/PrintDropDownReturn.js";
+import { useReturnData as we, usefetchAgain as be } from "../../../order-view/store.js";
+import { useSelectedOrders as Pe, useSelectAll as Re, useReturnPayload as ke, useNewReturnPayload as Ae, useGroupedPayload as Ie, useLocationData as ve, useClientPortal as Le, useFlatCustomerData as Oe } from "../../../store.js";
+import { filtersReducerAtom as Ee } 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 Te, usePrintOptionTOggle as Ue, UsePaginationData as Fe } from "../../store/store.js";
+import { EmptyDataContainer as We } from "../../table/table-data/styles.js";
+import { StyledTableWrapper as xe, StyledTable as Me, CustomDrop as je } from "./returnstyles.js";
+import { useSearchParams as Ge, NavLink as Be } from "react-router-dom";
+import { WEIGHT_UNIT as J, VOLUME_UNIT as He, getAccountTypeLabel as Y } from "../../../../common/utils.js";
+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(Ee), [S, P] = Pe(), [q, R] = Re(), { "x-filters": z, "x-pagination": Ve } = _, [h, T] = we(), [Q, U] = Te(), X = V(null), k = V(null), [F, W] = Ue(), [, Z] = ke(), [A, N] = Ae(), [, I] = Ie(), [v] = ve(), [, ee] = Fe(), [te] = be(), [L] = Le(), [ne] = Ge(), 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(Ne, {}) : f.direction === "asc" ? /* @__PURE__ */ t($, {}) : /* @__PURE__ */ t($, {}), 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) => {
+    k.current && !k.current.contains(e.target) && W(null);
   }, {
     data: p,
-    loading: w,
-    paginationData: M,
-    setShouldPerformAction: rt
-  } = it({
+    loading: D,
+    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(D), 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(
+  }, [p, D]), b(() => {
+    if (U(D), ce(!0), p && p?.data && v) {
+      const e = p.data.map((n) => {
+        const o = v.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, D, v, _, te]);
+  const [ae] = Oe(), 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 (R(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), N(d);
     } else
-      k([]), N([]), R([]);
-  }, at = (t, n, o, c, l) => {
-    k((i) => {
+      P([]), N([]), I([]);
+  }, 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)
+          (u) => u.filter((C) => C.id !== e)
         );
-        const D = c, v = h?.filter(
-          (u) => y(u) && u?.product_return_action === D
+        const w = c, E = h?.filter(
+          (u) => y(u) && u?.product_return_action === w
         )?.length;
-        return A(
-          r?.length > 0 && r?.length === v
+        return R(
+          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 = [
+        const w = [
           ...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 R(w?.length === u), w;
       }
     });
   };
   return b(() => {
-    if (P?.length === 0) {
-      R([]);
+    if (A?.length === 0) {
+      I([]);
       return;
     }
-    const t = P?.reduce((o, c) => {
+    const e = A?.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);
+    I(n);
+  }, [A]), /* @__PURE__ */ t(se, { children: /* @__PURE__ */ t(xe, { className: "fortables", children: /* @__PURE__ */ a(Me, { 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,
+        J,
         ") ",
         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: He }),
+      /* @__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: "Collected Date" }),
+      /* @__PURE__ */ t("th", { onClick: () => m("collection_reason"), children: /* @__PURE__ */ a("div", { className: "sortIconClass", children: [
+        L ? "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(We, { 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),
+        Y(e?.owner_id) && /* @__PURE__ */ a("span", { children: [
           " (",
-          $(t?.owner_id),
+          Y(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(Be, { 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 ? J : ""
       ] }),
-      /* @__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(
+        L ? e?.return_reason : K(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(
+        L ? e?.collection_reason : K(e?.collection_reason)
+      ) }),
+      /* @__PURE__ */ t("td", { children: /* @__PURE__ */ t("ul", { className: "actionbox", children: /* @__PURE__ */ t(
+        je,
         {
-          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: k, children: /* @__PURE__ */ t(
+                  De,
                   {
-                    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