@bjsdistribution/dms-client-return 0.1.90-prod → 0.1.91-prod

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

@@ -30,7 +30,7 @@ const Ke = () => {
       const l = i[t], d = C[t];
       return typeof l == "number" && typeof d == "number" ? n === "asc" ? l - d : d - l : typeof l == "string" && typeof d == "string" ? n === "asc" ? l.localeCompare(d) : d.localeCompare(l) : 0;
     });
-  }, [s, a]), u = (t) => !a || a.key !== t ? /* @__PURE__ */ e(fe, {}) : a.direction === "asc" ? /* @__PURE__ */ e(A, {}) : /* @__PURE__ */ e(A, {}), K = (t) => {
+  }, [s, a]), u = (t) => !a || a.key !== t ? /* @__PURE__ */ e(fe, {}) : a.direction === "asc" ? /* @__PURE__ */ e(A, {}) : /* @__PURE__ */ e(A, { style: { transform: "rotate(180deg)" } }), K = (t) => {
     N((n) => n === t ? null : t);
   };
   f(() => (document.addEventListener("mousedown", b), () => {

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

@@ -1 +1 @@
-{"version":3,"file":"OutstandingTable.js","sources":["../../../src/components/client-portal/OutstandingTable.tsx"],"sourcesContent":["import {\n  Checkbox,\n  displayValueOrNA,\n  useAxios,\n} from '@bjsdistribution/dms-component-library';\nimport { Empty, notification, Skeleton } from 'antd';\nimport { format } from 'date-fns';\nimport { useAtom } from 'jotai';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { NavLink } from 'react-router-dom';\nimport { filtersReducerAtom } from '../order-daily-overview/header-filters/filterStore';\nimport {\n  useClientOutstandingReturnData,\n  useClientPortal,\n  useLocationData,\n  useSearchText,\n  useSelectedClientPortOrders,\n} from '../store';\nimport { usefetchAgain } from '../order-view/store';\nimport {\n  useLoading,\n  UsePaginationData,\n  usePrintOptionTOggle,\n} from '../order-daily-overview/store/store';\nimport SortIcon from '../../common/SortIcon';\nimport CaretDownFilledIcon from '../../common/CaretDownFilledIcon';\nimport { ApiResponse } from '../types';\nimport {\n  CustomDrop,\n  EmptyDataContainer,\n  StyledTable,\n  StyledTableWrapper,\n} from '../order-daily-overview/return-order-table/return-orders-filters/returnstyles';\nimport PrinterIcon from '../../assets/icons/PrinterIcon';\nimport DownIcon from '../../assets/icons/DownIcon';\nimport PrintDropDownReturn from '../order-view/details-filters/left-side-filters/dropdowns/PrintDropDownReturn';\nimport { dateFilterCPReducer } from './DateFilterStore';\nimport { WEIGHT_UNIT, VOLUME_UNIT } from '../../common/utils';\n\nconst OutstandingTable = () => {\n  const [statePagination] = useAtom(filtersReducerAtom);\n  const { 'x-pagination': pagination } = statePagination;\n  const [\n    outstandingReturnData,\n    setOutstandingReturnData,\n  ] = useClientOutstandingReturnData();\n  const [load, setLoading] = useLoading();\n  const dropdownRefParent = useRef<HTMLDivElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const [printToogle, setPrintToggle] = usePrintOptionTOggle();\n  const [locationData] = useLocationData();\n  const [, setPaginationObject] = UsePaginationData();\n  const [callForFetch] = usefetchAgain();\n  const [clientPortal] = useClientPortal();\n  const [selectedOrderIds, setSelectedOrderIds] = useSelectedClientPortOrders();\n  const [selectClientAll, setSelectClientAll] = useState(false);\n  const [debouncedSearchText] = useSearchText();\n\n  const [state] = useAtom(dateFilterCPReducer);\n  const { 'x-filters': filters } = state;\n\n  //sorting\n  const [sortConfig, setSortConfig] = useState<{\n    key: string;\n    direction: 'asc' | 'desc';\n  } | null>(null);\n\n  const handleSort = (key: string) => {\n    setSortConfig((prev: any) => {\n      if (prev?.key === key && prev.direction === 'asc') {\n        return { key, direction: 'desc' };\n      }\n      return { key, direction: 'asc' };\n    });\n  };\n\n  const sortedData = useMemo(() => {\n    if (!outstandingReturnData || !sortConfig) return outstandingReturnData;\n\n    const { key, direction } = sortConfig;\n    return [...outstandingReturnData].sort((a, b) => {\n      const valueA = a[key];\n      const valueB = b[key];\n\n      if (typeof valueA === 'number' && typeof valueB === 'number') {\n        return direction === 'asc' ? valueA - valueB : valueB - valueA;\n      }\n      if (typeof valueA === 'string' && typeof valueB === 'string') {\n        return direction === 'asc'\n          ? valueA.localeCompare(valueB)\n          : valueB.localeCompare(valueA);\n      }\n      return 0;\n    });\n  }, [outstandingReturnData, sortConfig]);\n\n  const renderSortIcon = (columnKey: string) => {\n    if (!sortConfig || sortConfig.key !== columnKey) {\n      return <SortIcon />;\n    }\n    return sortConfig.direction === 'asc' ? (\n      <CaretDownFilledIcon />\n    ) : (\n      <CaretDownFilledIcon />\n    );\n  };\n\n  const OpenDropDown = (index: number) => {\n    setPrintToggle(prevIndex => (prevIndex === index ? null : index));\n  };\n  // Close dropdown outside click\n  useEffect(() => {\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n  }, []);\n  const handleClickOutside = (event: MouseEvent) => {\n    if (\n      dropdownRef.current &&\n      !dropdownRef.current.contains(event.target as Node)\n    ) {\n      setPrintToggle(null);\n    }\n  };\n\n  const cleanedFilters = filters.filter(f => f.field !== 'order_status');\n  const baseFilters = [\n    { field: 'isdeleted', op: '=', value: 0 },\n    { field: 'product_return_action_id', op: '=', value: 'RTS' },\n  ];\n\n  const modifiedFilters = [...baseFilters, ...cleanedFilters];\n  const {\n    data: fetchedOrderData,\n    loading: returnDataLoad,\n    paginationData,\n    fetchData,\n  } = useAxios<ApiResponse>({\n    endpoint: '/v1/return/product/pending/',\n    method: 'GET',\n    filters: modifiedFilters,\n    pagination: { is_pagination: false },\n  });\n\n  useEffect(() => {\n    if (clientPortal && debouncedSearchText === '') {\n      fetchData();\n    }\n  }, [JSON.stringify(modifiedFilters), debouncedSearchText]);\n\n  useEffect(() => {\n    setLoading(returnDataLoad);\n    if (fetchedOrderData && fetchedOrderData?.data) {\n      setOutstandingReturnData(fetchedOrderData?.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      }\n    }\n  }, [fetchedOrderData, returnDataLoad]);\n\n  useEffect(() => {\n    setLoading(returnDataLoad);\n    if (fetchedOrderData && fetchedOrderData?.data && locationData) {\n      const updatedReturnData = fetchedOrderData.data.map(returnItem => {\n        const matchingLocation = locationData.find(\n          (location: any) => location?.token === returnItem?.return_location\n        );\n        return {\n          ...returnItem,\n          new_location: matchingLocation\n            ? matchingLocation?.location_name\n            : null,\n        };\n      });\n\n      setOutstandingReturnData(updatedReturnData);\n    }\n  }, [fetchedOrderData, returnDataLoad, locationData, state, callForFetch]);\n\n  //Client Portal\n  const handleSelectOrderId = (id: string | number) => {\n    setSelectedOrderIds(prev =>\n      prev.includes(id) ? prev.filter(orderId => orderId !== id) : [...prev, id]\n    );\n  };\n\n  const handleClientSelectAll = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const isChecked = e.target.checked;\n    setSelectClientAll(isChecked);\n\n    if (isChecked) {\n      setSelectedOrderIds(\n        outstandingReturnData?.map((item: any) => item?.order_id) || []\n      );\n    } else {\n      setSelectedOrderIds([]);\n    }\n  };\n  return (\n    <>\n      <StyledTableWrapper className=\"fortables\">\n        <StyledTable>\n          <thead>\n            <tr>\n              {/* <th className=\"emailInvoiceCheckbox\">\n                <Checkbox checked={selectAll} onChange={handleSelectAll} />\n              </th> */}\n              <th className=\"emailInvoiceCheckbox\">\n                <Checkbox\n                  checked={selectClientAll}\n                  onChange={handleClientSelectAll}\n                />\n              </th>\n              <th onClick={() => handleSort('return_location_name')}>\n                <div className=\"sortIconClass\">\n                  Return Location {renderSortIcon('return_location_name')}\n                </div>\n              </th>\n              <th onClick={() => handleSort('recipient_name')}>\n                <div className=\"sortIconClass\">\n                  Recipient {renderSortIcon('recipient_name')}\n                </div>\n              </th>\n              <th>Return Action</th>\n              <th>Code</th>\n              <th>Description</th>\n              <th>Part</th>\n              <th onClick={() => handleSort('weight')}>\n                <div className=\"sortIconClass\">\n                  Weight ({WEIGHT_UNIT}) {renderSortIcon('weight')}\n                </div>\n              </th>\n              <th>{VOLUME_UNIT}</th>\n              <th onClick={() => handleSort('return_reason')}>\n                <div className=\"sortIconClass\">\n                  Return Reason {renderSortIcon('return_reason')}\n                </div>\n              </th>\n              <th>Collected</th>\n              <th onClick={() => handleSort('collection_reason')}>\n                <div className=\"sortIconClass\">\n                  Collection Reason {renderSortIcon('collection_reason')}\n                </div>\n              </th>\n              <th className=\"emailInvoiceShare\">Labels</th>\n            </tr>\n          </thead>\n          <tbody>\n            {load ? (\n              <tr>\n                <td colSpan={14}>\n                  <Skeleton active />\n                </td>\n              </tr>\n            ) : sortedData?.length === 0 ? (\n              <tr>\n                <td colSpan={14}>\n                  <EmptyDataContainer>\n                    <Empty />\n                  </EmptyDataContainer>\n                </td>\n              </tr>\n            ) : (\n              sortedData?.map((item: any, index: any) => (\n                <tr key={item.id}>\n                  <td>\n                    <Checkbox\n                      checked={selectedOrderIds.includes(item?.order_id)}\n                      onChange={() => handleSelectOrderId(item?.order_id)}\n                    />\n                  </td>\n                  <td> {displayValueOrNA(item?.return_location_name)}</td>\n                  <td>\n                    <ul style={{ listStyleType: 'none', padding: 0 }}>\n                      <li\n                        style={{\n                          color: '#0099ff',\n                          fontWeight: 600,\n                          paddingLeft: 0,\n                        }}\n                      >\n                        <NavLink to={`/orders/view/${item?.order_id}`}>\n                          {displayValueOrNA(item?.recipient_name)}\n                        </NavLink>\n                      </li>\n                      <li style={{ color: '#888075' }}>\n                        {displayValueOrNA(item?.postcode)}\n                      </li>\n                    </ul>\n                  </td>\n                  <td>{displayValueOrNA(item?.product_return_action)}</td>\n                  <td>{displayValueOrNA(item?.code)}</td>\n                  <td>{displayValueOrNA(item?.description)}</td>\n                  <td>{displayValueOrNA(item?.part)}</td>\n                  <td>\n                    {displayValueOrNA(item?.weight)}{' '}\n                    {item?.weight && item?.weight !== null ? WEIGHT_UNIT : ''}\n                  </td>\n                  <td>{displayValueOrNA(item?.cube)}</td>\n                  <td>{displayValueOrNA(item?.return_reason)}</td>\n                  <td>\n                    {item?.collected_at\n                      ? format(new Date(item?.collected_at), 'dd/MM/yyyy')\n                      : 'UNKNOWN'}\n                  </td>\n\n                  <td>{displayValueOrNA(item?.collection_reason)}</td>\n                  <td>\n                    <ul className=\"actionbox\">\n                      <CustomDrop\n                        ref={dropdownRefParent}\n                        className={printToogle === index ? 'active' : ''}\n                      >\n                        <li\n                          className=\"shareIconContainer\"\n                          onClick={() => OpenDropDown(index)}\n                        >\n                          <PrinterIcon />\n                          <DownIcon />\n                          {printToogle === index && (\n                            <div ref={dropdownRef}>\n                              <PrintDropDownReturn\n                                legacyURL={item?.return_order_product_label}\n                                legacyProductID={item?.legacy_product_id}\n                              />\n                            </div>\n                          )}\n                        </li>\n                      </CustomDrop>\n                    </ul>\n                  </td>\n                </tr>\n              ))\n            )}\n          </tbody>\n        </StyledTable>\n      </StyledTableWrapper>\n    </>\n  );\n};\n\nexport default OutstandingTable;\n"],"names":["OutstandingTable","statePagination","useAtom","filtersReducerAtom","pagination","outstandingReturnData","setOutstandingReturnData","useClientOutstandingReturnData","load","setLoading","useLoading","dropdownRefParent","useRef","dropdownRef","printToogle","setPrintToggle","usePrintOptionTOggle","locationData","useLocationData","setPaginationObject","UsePaginationData","callForFetch","usefetchAgain","clientPortal","useClientPortal","selectedOrderIds","setSelectedOrderIds","useSelectedClientPortOrders","selectClientAll","setSelectClientAll","useState","debouncedSearchText","useSearchText","state","dateFilterCPReducer","filters","sortConfig","setSortConfig","handleSort","key","prev","sortedData","useMemo","direction","a","b","valueA","valueB","renderSortIcon","columnKey","SortIcon","CaretDownFilledIcon","OpenDropDown","index","prevIndex","useEffect","handleClickOutside","event","cleanedFilters","f","modifiedFilters","fetchedOrderData","returnDataLoad","paginationData","fetchData","useAxios","count","rest","error","notification","updatedReturnData","returnItem","matchingLocation","location","handleSelectOrderId","id","orderId","jsx","StyledTableWrapper","StyledTable","Checkbox","e","isChecked","item","jsxs","WEIGHT_UNIT","VOLUME_UNIT","Skeleton","EmptyDataContainer","Empty","displayValueOrNA","NavLink","format","CustomDrop","PrinterIcon","DownIcon","PrintDropDownReturn"],"mappings":"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"}
+{"version":3,"file":"OutstandingTable.js","sources":["../../../src/components/client-portal/OutstandingTable.tsx"],"sourcesContent":["import {\n  Checkbox,\n  displayValueOrNA,\n  useAxios,\n} from '@bjsdistribution/dms-component-library';\nimport { Empty, notification, Skeleton } from 'antd';\nimport { format } from 'date-fns';\nimport { useAtom } from 'jotai';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { NavLink } from 'react-router-dom';\nimport { filtersReducerAtom } from '../order-daily-overview/header-filters/filterStore';\nimport {\n  useClientOutstandingReturnData,\n  useClientPortal,\n  useLocationData,\n  useSearchText,\n  useSelectedClientPortOrders,\n} from '../store';\nimport { usefetchAgain } from '../order-view/store';\nimport {\n  useLoading,\n  UsePaginationData,\n  usePrintOptionTOggle,\n} from '../order-daily-overview/store/store';\nimport SortIcon from '../../common/SortIcon';\nimport CaretDownFilledIcon from '../../common/CaretDownFilledIcon';\nimport { ApiResponse } from '../types';\nimport {\n  CustomDrop,\n  EmptyDataContainer,\n  StyledTable,\n  StyledTableWrapper,\n} from '../order-daily-overview/return-order-table/return-orders-filters/returnstyles';\nimport PrinterIcon from '../../assets/icons/PrinterIcon';\nimport DownIcon from '../../assets/icons/DownIcon';\nimport PrintDropDownReturn from '../order-view/details-filters/left-side-filters/dropdowns/PrintDropDownReturn';\nimport { dateFilterCPReducer } from './DateFilterStore';\nimport { WEIGHT_UNIT, VOLUME_UNIT } from '../../common/utils';\n\nconst OutstandingTable = () => {\n  const [statePagination] = useAtom(filtersReducerAtom);\n  const { 'x-pagination': pagination } = statePagination;\n  const [\n    outstandingReturnData,\n    setOutstandingReturnData,\n  ] = useClientOutstandingReturnData();\n  const [load, setLoading] = useLoading();\n  const dropdownRefParent = useRef<HTMLDivElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const [printToogle, setPrintToggle] = usePrintOptionTOggle();\n  const [locationData] = useLocationData();\n  const [, setPaginationObject] = UsePaginationData();\n  const [callForFetch] = usefetchAgain();\n  const [clientPortal] = useClientPortal();\n  const [selectedOrderIds, setSelectedOrderIds] = useSelectedClientPortOrders();\n  const [selectClientAll, setSelectClientAll] = useState(false);\n  const [debouncedSearchText] = useSearchText();\n\n  const [state] = useAtom(dateFilterCPReducer);\n  const { 'x-filters': filters } = state;\n\n  //sorting\n  const [sortConfig, setSortConfig] = useState<{\n    key: string;\n    direction: 'asc' | 'desc';\n  } | null>(null);\n\n  const handleSort = (key: string) => {\n    setSortConfig((prev: any) => {\n      if (prev?.key === key && prev.direction === 'asc') {\n        return { key, direction: 'desc' };\n      }\n      return { key, direction: 'asc' };\n    });\n  };\n\n  const sortedData = useMemo(() => {\n    if (!outstandingReturnData || !sortConfig) return outstandingReturnData;\n\n    const { key, direction } = sortConfig;\n    return [...outstandingReturnData].sort((a, b) => {\n      const valueA = a[key];\n      const valueB = b[key];\n\n      if (typeof valueA === 'number' && typeof valueB === 'number') {\n        return direction === 'asc' ? valueA - valueB : valueB - valueA;\n      }\n      if (typeof valueA === 'string' && typeof valueB === 'string') {\n        return direction === 'asc'\n          ? valueA.localeCompare(valueB)\n          : valueB.localeCompare(valueA);\n      }\n      return 0;\n    });\n  }, [outstandingReturnData, sortConfig]);\n\n  const renderSortIcon = (columnKey: string) => {\n    if (!sortConfig || sortConfig.key !== columnKey) {\n      return <SortIcon />;\n    }\n    return sortConfig.direction === 'asc' ? (\n      <CaretDownFilledIcon />\n    ) : (\n      <CaretDownFilledIcon style={{ transform: 'rotate(180deg)' }} />\n    );\n  };\n\n  const OpenDropDown = (index: number) => {\n    setPrintToggle(prevIndex => (prevIndex === index ? null : index));\n  };\n  // Close dropdown outside click\n  useEffect(() => {\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n  }, []);\n  const handleClickOutside = (event: MouseEvent) => {\n    if (\n      dropdownRef.current &&\n      !dropdownRef.current.contains(event.target as Node)\n    ) {\n      setPrintToggle(null);\n    }\n  };\n\n  const cleanedFilters = filters.filter(f => f.field !== 'order_status');\n  const baseFilters = [\n    { field: 'isdeleted', op: '=', value: 0 },\n    { field: 'product_return_action_id', op: '=', value: 'RTS' },\n  ];\n\n  const modifiedFilters = [...baseFilters, ...cleanedFilters];\n  const {\n    data: fetchedOrderData,\n    loading: returnDataLoad,\n    paginationData,\n    fetchData,\n  } = useAxios<ApiResponse>({\n    endpoint: '/v1/return/product/pending/',\n    method: 'GET',\n    filters: modifiedFilters,\n    pagination: { is_pagination: false },\n  });\n\n  useEffect(() => {\n    if (clientPortal && debouncedSearchText === '') {\n      fetchData();\n    }\n  }, [JSON.stringify(modifiedFilters), debouncedSearchText]);\n\n  useEffect(() => {\n    setLoading(returnDataLoad);\n    if (fetchedOrderData && fetchedOrderData?.data) {\n      setOutstandingReturnData(fetchedOrderData?.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      }\n    }\n  }, [fetchedOrderData, returnDataLoad]);\n\n  useEffect(() => {\n    setLoading(returnDataLoad);\n    if (fetchedOrderData && fetchedOrderData?.data && locationData) {\n      const updatedReturnData = fetchedOrderData.data.map(returnItem => {\n        const matchingLocation = locationData.find(\n          (location: any) => location?.token === returnItem?.return_location\n        );\n        return {\n          ...returnItem,\n          new_location: matchingLocation\n            ? matchingLocation?.location_name\n            : null,\n        };\n      });\n\n      setOutstandingReturnData(updatedReturnData);\n    }\n  }, [fetchedOrderData, returnDataLoad, locationData, state, callForFetch]);\n\n  //Client Portal\n  const handleSelectOrderId = (id: string | number) => {\n    setSelectedOrderIds(prev =>\n      prev.includes(id) ? prev.filter(orderId => orderId !== id) : [...prev, id]\n    );\n  };\n\n  const handleClientSelectAll = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const isChecked = e.target.checked;\n    setSelectClientAll(isChecked);\n\n    if (isChecked) {\n      setSelectedOrderIds(\n        outstandingReturnData?.map((item: any) => item?.order_id) || []\n      );\n    } else {\n      setSelectedOrderIds([]);\n    }\n  };\n  return (\n    <>\n      <StyledTableWrapper className=\"fortables\">\n        <StyledTable>\n          <thead>\n            <tr>\n              {/* <th className=\"emailInvoiceCheckbox\">\n                <Checkbox checked={selectAll} onChange={handleSelectAll} />\n              </th> */}\n              <th className=\"emailInvoiceCheckbox\">\n                <Checkbox\n                  checked={selectClientAll}\n                  onChange={handleClientSelectAll}\n                />\n              </th>\n              <th onClick={() => handleSort('return_location_name')}>\n                <div className=\"sortIconClass\">\n                  Return Location {renderSortIcon('return_location_name')}\n                </div>\n              </th>\n              <th onClick={() => handleSort('recipient_name')}>\n                <div className=\"sortIconClass\">\n                  Recipient {renderSortIcon('recipient_name')}\n                </div>\n              </th>\n              <th>Return Action</th>\n              <th>Code</th>\n              <th>Description</th>\n              <th>Part</th>\n              <th onClick={() => handleSort('weight')}>\n                <div className=\"sortIconClass\">\n                  Weight ({WEIGHT_UNIT}) {renderSortIcon('weight')}\n                </div>\n              </th>\n              <th>{VOLUME_UNIT}</th>\n              <th onClick={() => handleSort('return_reason')}>\n                <div className=\"sortIconClass\">\n                  Return Reason {renderSortIcon('return_reason')}\n                </div>\n              </th>\n              <th>Collected</th>\n              <th onClick={() => handleSort('collection_reason')}>\n                <div className=\"sortIconClass\">\n                  Collection Reason {renderSortIcon('collection_reason')}\n                </div>\n              </th>\n              <th className=\"emailInvoiceShare\">Labels</th>\n            </tr>\n          </thead>\n          <tbody>\n            {load ? (\n              <tr>\n                <td colSpan={14}>\n                  <Skeleton active />\n                </td>\n              </tr>\n            ) : sortedData?.length === 0 ? (\n              <tr>\n                <td colSpan={14}>\n                  <EmptyDataContainer>\n                    <Empty />\n                  </EmptyDataContainer>\n                </td>\n              </tr>\n            ) : (\n              sortedData?.map((item: any, index: any) => (\n                <tr key={item.id}>\n                  <td>\n                    <Checkbox\n                      checked={selectedOrderIds.includes(item?.order_id)}\n                      onChange={() => handleSelectOrderId(item?.order_id)}\n                    />\n                  </td>\n                  <td> {displayValueOrNA(item?.return_location_name)}</td>\n                  <td>\n                    <ul style={{ listStyleType: 'none', padding: 0 }}>\n                      <li\n                        style={{\n                          color: '#0099ff',\n                          fontWeight: 600,\n                          paddingLeft: 0,\n                        }}\n                      >\n                        <NavLink to={`/orders/view/${item?.order_id}`}>\n                          {displayValueOrNA(item?.recipient_name)}\n                        </NavLink>\n                      </li>\n                      <li style={{ color: '#888075' }}>\n                        {displayValueOrNA(item?.postcode)}\n                      </li>\n                    </ul>\n                  </td>\n                  <td>{displayValueOrNA(item?.product_return_action)}</td>\n                  <td>{displayValueOrNA(item?.code)}</td>\n                  <td>{displayValueOrNA(item?.description)}</td>\n                  <td>{displayValueOrNA(item?.part)}</td>\n                  <td>\n                    {displayValueOrNA(item?.weight)}{' '}\n                    {item?.weight && item?.weight !== null ? WEIGHT_UNIT : ''}\n                  </td>\n                  <td>{displayValueOrNA(item?.cube)}</td>\n                  <td>{displayValueOrNA(item?.return_reason)}</td>\n                  <td>\n                    {item?.collected_at\n                      ? format(new Date(item?.collected_at), 'dd/MM/yyyy')\n                      : 'UNKNOWN'}\n                  </td>\n\n                  <td>{displayValueOrNA(item?.collection_reason)}</td>\n                  <td>\n                    <ul className=\"actionbox\">\n                      <CustomDrop\n                        ref={dropdownRefParent}\n                        className={printToogle === index ? 'active' : ''}\n                      >\n                        <li\n                          className=\"shareIconContainer\"\n                          onClick={() => OpenDropDown(index)}\n                        >\n                          <PrinterIcon />\n                          <DownIcon />\n                          {printToogle === index && (\n                            <div ref={dropdownRef}>\n                              <PrintDropDownReturn\n                                legacyURL={item?.return_order_product_label}\n                                legacyProductID={item?.legacy_product_id}\n                              />\n                            </div>\n                          )}\n                        </li>\n                      </CustomDrop>\n                    </ul>\n                  </td>\n                </tr>\n              ))\n            )}\n          </tbody>\n        </StyledTable>\n      </StyledTableWrapper>\n    </>\n  );\n};\n\nexport default OutstandingTable;\n"],"names":["OutstandingTable","statePagination","useAtom","filtersReducerAtom","pagination","outstandingReturnData","setOutstandingReturnData","useClientOutstandingReturnData","load","setLoading","useLoading","dropdownRefParent","useRef","dropdownRef","printToogle","setPrintToggle","usePrintOptionTOggle","locationData","useLocationData","setPaginationObject","UsePaginationData","callForFetch","usefetchAgain","clientPortal","useClientPortal","selectedOrderIds","setSelectedOrderIds","useSelectedClientPortOrders","selectClientAll","setSelectClientAll","useState","debouncedSearchText","useSearchText","state","dateFilterCPReducer","filters","sortConfig","setSortConfig","handleSort","key","prev","sortedData","useMemo","direction","a","b","valueA","valueB","renderSortIcon","columnKey","SortIcon","jsx","CaretDownFilledIcon","OpenDropDown","index","prevIndex","useEffect","handleClickOutside","event","cleanedFilters","f","modifiedFilters","fetchedOrderData","returnDataLoad","paginationData","fetchData","useAxios","count","rest","error","notification","updatedReturnData","returnItem","matchingLocation","location","handleSelectOrderId","id","orderId","StyledTableWrapper","StyledTable","Checkbox","e","isChecked","item","jsxs","WEIGHT_UNIT","VOLUME_UNIT","Skeleton","EmptyDataContainer","Empty","displayValueOrNA","NavLink","format","CustomDrop","PrinterIcon","DownIcon","PrintDropDownReturn"],"mappings":";;;;;;;;;;;;;;;;;;;AAuCA,MAAMA,KAAmB,MAAM;AAC7B,QAAM,CAACC,CAAe,IAAIC,EAAQC,EAAkB,GAC9C,EAAE,gBAAgBC,GAAA,IAAeH,GACjC;AAAA,IACJI;AAAA,IACAC;AAAA,EAAA,IACEC,GAAA,GACE,CAACC,GAAMC,CAAU,IAAIC,GAAA,GACrBC,IAAoBC,EAAuB,IAAI,GAC/CC,IAAcD,EAAuB,IAAI,GACzC,CAACE,GAAaC,CAAc,IAAIC,GAAA,GAChC,CAACC,CAAY,IAAIC,GAAA,GACjB,CAAA,EAAGC,CAAmB,IAAIC,GAAA,GAC1B,CAACC,CAAY,IAAIC,GAAA,GACjB,CAACC,CAAY,IAAIC,GAAA,GACjB,CAACC,GAAkBC,CAAmB,IAAIC,GAAA,GAC1C,CAACC,GAAiBC,CAAkB,IAAIC,EAAS,EAAK,GACtD,CAACC,CAAmB,IAAIC,GAAA,GAExB,CAACC,CAAK,IAAI/B,EAAQgC,EAAmB,GACrC,EAAE,aAAaC,EAAA,IAAYF,GAG3B,CAACG,GAAYC,CAAa,IAAIP,EAG1B,IAAI,GAERQ,IAAa,CAACC,MAAgB;AAClC,IAAAF,EAAc,CAACG,MACTA,GAAM,QAAQD,KAAOC,EAAK,cAAc,QACnC,EAAE,KAAAD,GAAK,WAAW,OAAA,IAEpB,EAAE,KAAAA,GAAK,WAAW,MAAA,CAC1B;AAAA,EACH,GAEME,IAAaC,GAAQ,MAAM;AAC/B,QAAI,CAACrC,KAAyB,CAAC+B,EAAY,QAAO/B;AAElD,UAAM,EAAE,KAAAkC,GAAK,WAAAI,EAAA,IAAcP;AAC3B,WAAO,CAAC,GAAG/B,CAAqB,EAAE,KAAK,CAACuC,GAAGC,MAAM;AAC/C,YAAMC,IAASF,EAAEL,CAAG,GACdQ,IAASF,EAAEN,CAAG;AAEpB,aAAI,OAAOO,KAAW,YAAY,OAAOC,KAAW,WAC3CJ,MAAc,QAAQG,IAASC,IAASA,IAASD,IAEtD,OAAOA,KAAW,YAAY,OAAOC,KAAW,WAC3CJ,MAAc,QACjBG,EAAO,cAAcC,CAAM,IAC3BA,EAAO,cAAcD,CAAM,IAE1B;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAACzC,GAAuB+B,CAAU,CAAC,GAEhCY,IAAiB,CAACC,MAClB,CAACb,KAAcA,EAAW,QAAQa,sBAC5BC,IAAA,EAAS,IAEZd,EAAW,cAAc,QAC9B,gBAAAe,EAACC,GAAA,CAAA,CAAoB,IAErB,gBAAAD,EAACC,GAAA,EAAoB,OAAO,EAAE,WAAW,iBAAA,EAAiB,CAAG,GAI3DC,IAAe,CAACC,MAAkB;AACtC,IAAAvC,EAAe,CAAAwC,MAAcA,MAAcD,IAAQ,OAAOA,CAAM;AAAA,EAClE;AAEA,EAAAE,EAAU,OACR,SAAS,iBAAiB,aAAaC,CAAkB,GAClD,MAAM;AACX,aAAS,oBAAoB,aAAaA,CAAkB;AAAA,EAC9D,IACC,CAAA,CAAE;AACL,QAAMA,IAAqB,CAACC,MAAsB;AAChD,IACE7C,EAAY,WACZ,CAACA,EAAY,QAAQ,SAAS6C,EAAM,MAAc,KAElD3C,EAAe,IAAI;AAAA,EAEvB,GAEM4C,IAAiBxB,EAAQ,OAAO,CAAAyB,MAAKA,EAAE,UAAU,cAAc,GAM/DC,IAAkB,CAAC,GALL;AAAA,IAClB,EAAE,OAAO,aAAa,IAAI,KAAK,OAAO,EAAA;AAAA,IACtC,EAAE,OAAO,4BAA4B,IAAI,KAAK,OAAO,MAAA;AAAA,EAAM,GAGpB,GAAGF,CAAc,GACpD;AAAA,IACJ,MAAMG;AAAA,IACN,SAASC;AAAA,IACT,gBAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,IACEC,EAAsB;AAAA,IACxB,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAASL;AAAA,IACT,YAAY,EAAE,eAAe,GAAA;AAAA,EAAM,CACpC;AAED,EAAAL,EAAU,MAAM;AACd,IAAIjC,KAAgBQ,MAAwB,MAC1CkC,EAAA;AAAA,EAEJ,GAAG,CAAC,KAAK,UAAUJ,CAAe,GAAG9B,CAAmB,CAAC,GAEzDyB,EAAU,MAAM;AAEd,QADA/C,EAAWsD,CAAc,GACrBD,KAAoBA,GAAkB,SACxCxD,EAAyBwD,GAAkB,IAAI,GAC3CE;AACF,UAAI;AACF,cAAM,EAAE,OAAAG,GAAO,GAAGC,MAAS,KAAK,MAAMJ,CAAc;AACpD,QAAA7C,EAAoBiD,CAAI;AAAA,MAC1B,SAASC,GAAO;AACd,gBAAQ,MAAM,iCAAiCA,CAAK,GACpDC,EAAa,MAAM;AAAA,UACjB,SAAS;AAAA,UACT,aAAa;AAAA,QAAA,CACd;AAAA,MACH;AAAA,EAGN,GAAG,CAACR,GAAkBC,CAAc,CAAC,GAErCP,EAAU,MAAM;AAEd,QADA/C,EAAWsD,CAAc,GACrBD,KAAoBA,GAAkB,QAAQ7C,GAAc;AAC9D,YAAMsD,IAAoBT,EAAiB,KAAK,IAAI,CAAAU,MAAc;AAChE,cAAMC,IAAmBxD,EAAa;AAAA,UACpC,CAACyD,MAAkBA,GAAU,UAAUF,GAAY;AAAA,QAAA;AAErD,eAAO;AAAA,UACL,GAAGA;AAAA,UACH,cAAcC,IACVA,GAAkB,gBAClB;AAAA,QAAA;AAAA,MAER,CAAC;AAED,MAAAnE,EAAyBiE,CAAiB;AAAA,IAC5C;AAAA,EACF,GAAG,CAACT,GAAkBC,GAAgB9C,GAAcgB,GAAOZ,CAAY,CAAC;AAGxE,QAAMsD,IAAsB,CAACC,MAAwB;AACnD,IAAAlD;AAAA,MAAoB,CAAAc,MAClBA,EAAK,SAASoC,CAAE,IAAIpC,EAAK,OAAO,CAAAqC,MAAWA,MAAYD,CAAE,IAAI,CAAC,GAAGpC,GAAMoC,CAAE;AAAA,IAAA;AAAA,EAE7E;AAcA,gCAEI,UAAA,gBAAAzB,EAAC2B,IAAA,EAAmB,WAAU,aAC5B,4BAACC,IAAA,EACC,UAAA;AAAA,IAAA,gBAAA5B,EAAC,SAAA,EACC,4BAAC,MAAA,EAIC,UAAA;AAAA,MAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,wBACZ,UAAA,gBAAAA;AAAA,QAAC6B;AAAA,QAAA;AAAA,UACC,SAASpD;AAAA,UACT,UAxBc,CAACqD,MAA2C;AACxE,kBAAMC,IAAYD,EAAE,OAAO;AAC3B,YAAApD,EAAmBqD,CAAS,GAG1BxD;AAAA,cADEwD,IAEA7E,GAAuB,IAAI,CAAC8E,MAAcA,GAAM,QAAQ,KAAK,CAAA,IAG3C,CAAA;AAAA,YAH4C;AAAA,UAKpE;AAAA,QAa0B;AAAA,MAAA,GAEd;AAAA,MACA,gBAAAhC,EAAC,MAAA,EAAG,SAAS,MAAMb,EAAW,sBAAsB,GAClD,UAAA,gBAAA8C,EAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA;AAAA,QAAA;AAAA,QACZpC,EAAe,sBAAsB;AAAA,MAAA,EAAA,CACxD,EAAA,CACF;AAAA,MACA,gBAAAG,EAAC,MAAA,EAAG,SAAS,MAAMb,EAAW,gBAAgB,GAC5C,UAAA,gBAAA8C,EAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA;AAAA,QAAA;AAAA,QAClBpC,EAAe,gBAAgB;AAAA,MAAA,EAAA,CAC5C,EAAA,CACF;AAAA,MACA,gBAAAG,EAAC,QAAG,UAAA,gBAAA,CAAa;AAAA,MACjB,gBAAAA,EAAC,QAAG,UAAA,OAAA,CAAI;AAAA,MACR,gBAAAA,EAAC,QAAG,UAAA,cAAA,CAAW;AAAA,MACf,gBAAAA,EAAC,QAAG,UAAA,OAAA,CAAI;AAAA,MACR,gBAAAA,EAAC,MAAA,EAAG,SAAS,MAAMb,EAAW,QAAQ,GACpC,UAAA,gBAAA8C,EAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA;AAAA,QAAA;AAAA,QACpBC;AAAA,QAAY;AAAA,QAAGrC,EAAe,QAAQ;AAAA,MAAA,EAAA,CACjD,EAAA,CACF;AAAA,MACA,gBAAAG,EAAC,QAAI,UAAAmC,GAAA,CAAY;AAAA,MACjB,gBAAAnC,EAAC,MAAA,EAAG,SAAS,MAAMb,EAAW,eAAe,GAC3C,UAAA,gBAAA8C,EAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA;AAAA,QAAA;AAAA,QACdpC,EAAe,eAAe;AAAA,MAAA,EAAA,CAC/C,EAAA,CACF;AAAA,MACA,gBAAAG,EAAC,QAAG,UAAA,YAAA,CAAS;AAAA,MACb,gBAAAA,EAAC,MAAA,EAAG,SAAS,MAAMb,EAAW,mBAAmB,GAC/C,UAAA,gBAAA8C,EAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA;AAAA,QAAA;AAAA,QACVpC,EAAe,mBAAmB;AAAA,MAAA,EAAA,CACvD,EAAA,CACF;AAAA,MACA,gBAAAG,EAAC,MAAA,EAAG,WAAU,qBAAoB,UAAA,SAAA,CAAM;AAAA,IAAA,EAAA,CAC1C,EAAA,CACF;AAAA,sBACC,SAAA,EACE,UAAA3C,IACC,gBAAA2C,EAAC,MAAA,EACC,4BAAC,MAAA,EAAG,SAAS,IACX,UAAA,gBAAAA,EAACoC,KAAS,QAAM,GAAA,CAAC,GACnB,EAAA,CACF,IACE9C,GAAY,WAAW,IACzB,gBAAAU,EAAC,MAAA,EACC,4BAAC,MAAA,EAAG,SAAS,IACX,UAAA,gBAAAA,EAACqC,IAAA,EACC,4BAACC,IAAA,CAAA,CAAM,GACT,EAAA,CACF,EAAA,CACF,IAEAhD,GAAY,IAAI,CAAC0C,GAAW7B,wBACzB,MAAA,EACC,UAAA;AAAA,MAAA,gBAAAH,EAAC,MAAA,EACC,UAAA,gBAAAA;AAAA,QAAC6B;AAAA,QAAA;AAAA,UACC,SAASvD,EAAiB,SAAS0D,GAAM,QAAQ;AAAA,UACjD,UAAU,MAAMR,EAAoBQ,GAAM,QAAQ;AAAA,QAAA;AAAA,MAAA,GAEtD;AAAA,wBACC,MAAA,EAAG,UAAA;AAAA,QAAA;AAAA,QAAEO,EAAiBP,GAAM,oBAAoB;AAAA,MAAA,GAAE;AAAA,MACnD,gBAAAhC,EAAC,MAAA,EACC,UAAA,gBAAAiC,EAAC,MAAA,EAAG,OAAO,EAAE,eAAe,QAAQ,SAAS,EAAA,GAC3C,UAAA;AAAA,QAAA,gBAAAjC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,OAAO;AAAA,cACP,YAAY;AAAA,cACZ,aAAa;AAAA,YAAA;AAAA,YAGf,UAAA,gBAAAA,EAACwC,IAAA,EAAQ,IAAI,gBAAgBR,GAAM,QAAQ,IACxC,UAAAO,EAAiBP,GAAM,cAAc,EAAA,CACxC;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,gBAAAhC,EAAC,MAAA,EAAG,OAAO,EAAE,OAAO,aACjB,UAAAuC,EAAiBP,GAAM,QAAQ,EAAA,CAClC;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,MACA,gBAAAhC,EAAC,MAAA,EAAI,UAAAuC,EAAiBP,GAAM,qBAAqB,GAAE;AAAA,MACnD,gBAAAhC,EAAC,MAAA,EAAI,UAAAuC,EAAiBP,GAAM,IAAI,GAAE;AAAA,MAClC,gBAAAhC,EAAC,MAAA,EAAI,UAAAuC,EAAiBP,GAAM,WAAW,GAAE;AAAA,MACzC,gBAAAhC,EAAC,MAAA,EAAI,UAAAuC,EAAiBP,GAAM,IAAI,GAAE;AAAA,wBACjC,MAAA,EACE,UAAA;AAAA,QAAAO,EAAiBP,GAAM,MAAM;AAAA,QAAG;AAAA,QAChCA,GAAM,UAAUA,GAAM,WAAW,OAAOE,IAAc;AAAA,MAAA,GACzD;AAAA,MACA,gBAAAlC,EAAC,MAAA,EAAI,UAAAuC,EAAiBP,GAAM,IAAI,GAAE;AAAA,MAClC,gBAAAhC,EAAC,MAAA,EAAI,UAAAuC,EAAiBP,GAAM,aAAa,GAAE;AAAA,MAC3C,gBAAAhC,EAAC,MAAA,EACE,UAAAgC,GAAM,eACHS,GAAO,IAAI,KAAKT,GAAM,YAAY,GAAG,YAAY,IACjD,UAAA,CACN;AAAA,MAEA,gBAAAhC,EAAC,MAAA,EAAI,UAAAuC,EAAiBP,GAAM,iBAAiB,GAAE;AAAA,MAC/C,gBAAAhC,EAAC,MAAA,EACC,UAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,aACZ,UAAA,gBAAAA;AAAA,QAAC0C;AAAA,QAAA;AAAA,UACC,KAAKlF;AAAA,UACL,WAAWG,MAAgBwC,IAAQ,WAAW;AAAA,UAE9C,UAAA,gBAAA8B;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,SAAS,MAAM/B,EAAaC,CAAK;AAAA,cAEjC,UAAA;AAAA,gBAAA,gBAAAH,EAAC2C,IAAA,EAAY;AAAA,kCACZC,IAAA,EAAS;AAAA,gBACTjF,MAAgBwC,KACf,gBAAAH,EAAC,OAAA,EAAI,KAAKtC,GACR,UAAA,gBAAAsC;AAAA,kBAAC6C;AAAA,kBAAA;AAAA,oBACC,WAAWb,GAAM;AAAA,oBACjB,iBAAiBA,GAAM;AAAA,kBAAA;AAAA,gBAAA,EACzB,CACF;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAEJ;AAAA,MAAA,GAEJ,EAAA,CACF;AAAA,IAAA,KAlEOA,EAAK,EAmEd,CACD,EAAA,CAEL;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}

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

@@ -43,11 +43,11 @@ function V() {
   }, [a]), s(() => {
     t?.length === 0 && i("");
   }, [t]);
-  const D = l.filter((e) => e.field !== "order_status"), { fetchData: R } = m({
+  const w = l.filter((e) => e.field !== "order_status"), { fetchData: D } = m({
     endpoint: "v1/portal/return/stats/",
     method: "GET",
     pagination: { is_pagination: !1 },
-    filters: [...D]
+    filters: [...w]
   });
   return s(() => {
     if (!(v && ["scheduled_for_return", "return_completed"].includes(u || ""))) return;
@@ -59,12 +59,12 @@ function V() {
       return;
     }
     if (r.length === 0) return;
-    const w = {
+    const R = {
       scheduled_for_return: "scheduled",
       return_completed: "complete"
     }[u];
-    R({
-      endPointQuery: `?search_term=${r}&type=${w}`
+    D({
+      endPointQuery: `?search_term=${r}&type=${R}`
     }).then((n) => {
       n?.data ? (console.log("inside response", n), c(n.data)) : c(null);
     }).catch((n) => {
@@ -107,6 +107,8 @@ const z = d.button`
   border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);
   background-color: var(--Flowkit-White, #fff);
   height: 35px;
+  width: 280px;
+  flex-shrink: 0;
   box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
 `, W = d.input`
   border: none;

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 { 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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"}
+{"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  width: 280px;\n  flex-shrink: 0;\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/client-portal/ReturnOverview.js

@@ -1,7 +1,7 @@
-import { jsxs as n, Fragment as p, jsx as t } from "react/jsx-runtime";
-import { useState as j, useEffect as m, useMemo as L } from "react";
+import { jsxs as n, Fragment as m, jsx as t } from "react/jsx-runtime";
+import { useState as j, useEffect as h, useMemo as L } from "react";
 import B from "../order-daily-overview/header-filters/HeaderFilter.js";
-import x from "styled-components";
+import p from "styled-components";
 import E from "../order-daily-overview/return-order-table/return-orders-filters/ReturnFilter.js";
 import H from "../order-daily-overview/table-view/Pagination.js";
 import { UsePaginationData as N, useItemsPerPage as J, UsePaginationReturnData as M, useLoading as W } from "../order-daily-overview/store/store.js";
@@ -14,16 +14,16 @@ import { filtersReducerReturnAtom as X } from "../order-daily-overview/return-af
 import { dateFilterCPReducer as Y } from "./DateFilterStore.js";
 import { useAxios as Z } from "@bjsdistribution/dms-component-library";
 import { notification as tt } from "antd";
-import { useAtom as h } from "jotai";
-const bt = () => {
-  const [u] = N(), [, f] = j(1), [v, P] = J(), { page: b, total: d } = u, { status: e } = q(), [r] = U(), [l] = G(), [, y] = M(), [
-    C,
+import { useAtom as x } from "jotai";
+const Ct = () => {
+  const [u] = N(), [, f] = j(1), [v, P] = J(), { page: b, total: d } = u, { status: e } = q(), [r] = U(), [l] = G(), [, C] = M(), [
+    y,
     _
-  ] = $(), [D] = h(X), [, R] = W(), { "x-pagination": o } = D, [S] = h(Y), { "x-filters": i } = S, F = (a) => {
+  ] = $(), [D] = x(X), [, R] = W(), { "x-pagination": o } = D, [S] = x(Y), { "x-filters": i } = S, F = (a) => {
     f(a);
-  }, T = (a) => {
+  }, O = (a) => {
     P(a);
-  }, w = r && e === "scheduled_for_return" || r && e === "return_completed", z = [
+  }, T = r && e === "scheduled_for_return" || r && e === "return_completed", w = [
     "outstanding_return",
     "scheduled_for_return",
     "return_completed"
@@ -31,20 +31,20 @@ const bt = () => {
     data: s,
     loading: c,
     paginationData: g,
-    fetchData: A
+    fetchData: z
   } = Z({
     endpoint: "/v1/return/orders/",
     method: "GET",
     filters: i,
     pagination: o
   });
-  m(() => {
-    r && l === "" && A();
-  }, [JSON.stringify(i), l, o]), m(() => {
+  h(() => {
+    r && l === "" && z();
+  }, [JSON.stringify(i), l, o]), h(() => {
     if (R(c), s?.data && (_(s?.data), g))
       try {
         const { count: a, ...k } = JSON.parse(g);
-        y(k);
+        C(k);
       } catch {
         tt.error({
           message: "Error",
@@ -52,23 +52,23 @@ const bt = () => {
         });
       }
   }, [s, c]);
-  const O = process.env.REACT_APP_API_PATH || "https://development.dmsbackend.bjshomedelivery.com", I = L(
+  const A = process.env.REACT_APP_API_PATH || "https://development.dmsbackend.bjshomedelivery.com", I = L(
     () => ({
       file_type: "import_manifest",
-      url: `${O}/v1/return/orders/`,
+      url: `${A}/v1/return/orders/`,
       reference: "overview_retuen_orders",
       feature_name: "client portal",
       x_filter: JSON.stringify([i?.length > 0 ? i : void 0])
     }),
     [o]
   );
-  return /* @__PURE__ */ n(p, { children: [
-    r && typeof e == "string" && z.includes(e) && /* @__PURE__ */ t(V, {}),
-    /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(rt, { children: /* @__PURE__ */ n("div", { className: "Tableconatiner", children: [
+  return /* @__PURE__ */ n(m, { children: [
+    r && typeof e == "string" && w.includes(e) && /* @__PURE__ */ t(V, {}),
+    /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(at, { children: /* @__PURE__ */ n("div", { className: "Tableconatiner", children: [
       /* @__PURE__ */ t(B, {}),
       /* @__PURE__ */ n(et, { children: [
-        /* @__PURE__ */ t(E, { data: C, payload: I }),
-        r && e === "outstanding_return" && /* @__PURE__ */ n(p, { children: [
+        /* @__PURE__ */ t(E, { data: y, payload: I }),
+        r && e === "outstanding_return" && /* @__PURE__ */ n(rt, { children: [
           /* @__PURE__ */ t(K, {}),
           d > 0 && /* @__PURE__ */ t(
             H,
@@ -77,24 +77,27 @@ const bt = () => {
               totalItems: d,
               itemsPerPage: v,
               onPageChange: F,
-              onItemsPerPageChange: T
+              onItemsPerPageChange: O
             }
           )
         ] }),
-        w && /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(Q, {}) })
+        T && /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(Q, {}) })
       ] })
     ] }) }) })
   ] });
-}, et = x.div`
+}, et = p.div`
   position: relative;
   top: -16px;
-`, rt = x.section`
+`, rt = p.div`
+  background: #fff;
+  border-radius: 18px;
+  padding: 10px 10px;
+  width: calc(100% + 32px);
+  margin: 0 -16px;
+`, at = p.section`
   .Tableconatiner {
-    border-radius: 12px;
-    background: #fff;
-    box-shadow: -2px 0px 12px 0px rgba(56, 71, 109, 0.1);
     display: block;
-    padding: 15px 20px;
+    padding: 10px 16px;
   }
   .headerWrap,
   .tableData,
@@ -199,6 +202,6 @@ const bt = () => {
   }
 `;
 export {
-  bt as default
+  Ct as default
 };
 //# sourceMappingURL=ReturnOverview.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ReturnOverview.js","sources":["../../../src/components/client-portal/ReturnOverview.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport HeaderFilter from '../order-daily-overview/header-filters/HeaderFilter';\nimport styled from 'styled-components';\nimport ReturnFilter from '../order-daily-overview/return-order-table/return-orders-filters/ReturnFilter';\nimport Pagination from '../order-daily-overview/table-view/Pagination';\nimport {\n  useItemsPerPage,\n  useLoading,\n  UsePaginationData,\n  UsePaginationReturnData,\n} from '../order-daily-overview/store/store';\nimport {\n  useAtom,\n  useClientPortal,\n  useReturnConfirmedOrderData,\n  useSearchAfterText,\n} from '../store';\nimport { useParams } from 'react-router-dom';\nimport OutstandingTable from './OutstandingTable';\nimport ConfirmedMain from './return-confirm/ConfirmedMain';\nimport ClientRouterHeader from '../order-daily-overview/header/route-header/ClientRouterHeader';\nimport { filtersReducerReturnAtom } from '../order-daily-overview/return-after-table/table-filters/ReturnFilterStore';\nimport { dateFilterCPReducer } from './DateFilterStore';\nimport { useAxios } from '@bjsdistribution/dms-component-library';\nimport { notification } from 'antd';\nimport { ApiResponse } from '../types';\n\nconst ReturnOverview = () => {\n  const [paginationObj] = UsePaginationData();\n  const [, setCurrentPage] = useState(1);\n  const [itemsPerPage, setItemsPerPage] = useItemsPerPage();\n  const { page, total } = paginationObj;\n  const { status } = useParams();\n  const [clientPortal] = useClientPortal();\n  const [debouncedSearchText] = useSearchAfterText();\n  const [, setReturnPaginationObject] = UsePaginationReturnData();\n  const [\n    returnConfirmedData,\n    setReturnConfirmedData,\n  ] = useReturnConfirmedOrderData();\n  const [statePagination] = useAtom(filtersReducerReturnAtom);\n  const [, setLoading] = useLoading();\n  const { 'x-pagination': pagination } = statePagination;\n  const [state] = useAtom(dateFilterCPReducer);\n  const { 'x-filters': filters } = state;\n\n  const handlePageChange = (page: number) => {\n    setCurrentPage(page);\n  };\n  const handleItemsPerPageChange = (itemsPerPage: number) => {\n    setItemsPerPage(itemsPerPage);\n  };\n\n  const shouldShowReturnAfterTable =\n    (clientPortal && status === 'scheduled_for_return') ||\n    (clientPortal && status === 'return_completed');\n\n  const validStatuses = [\n    'outstanding_return',\n    'scheduled_for_return',\n    'return_completed',\n  ];\n\n  const {\n    data: fetchedReturnOrderData,\n    loading,\n    paginationData,\n    fetchData,\n  } = useAxios<ApiResponse>({\n    endpoint: '/v1/return/orders/',\n    method: 'GET',\n    filters: filters,\n    pagination: pagination,\n  });\n\n  useEffect(() => {\n    if (clientPortal && debouncedSearchText === '') {\n      fetchData();\n    }\n  }, [JSON.stringify(filters), debouncedSearchText, pagination]);\n\n  useEffect(() => {\n    setLoading(loading);\n\n    if (fetchedReturnOrderData?.data) {\n      setReturnConfirmedData(fetchedReturnOrderData?.data);\n      if (paginationData) {\n        try {\n          const { count, ...rest } = JSON.parse(paginationData);\n          setReturnPaginationObject(rest);\n        } catch (error) {\n          notification.error({\n            message: 'Error',\n            description: 'Failed to parse pagination data',\n          });\n        }\n      }\n    }\n  }, [fetchedReturnOrderData, loading]);\n\n  const url =\n    process.env.REACT_APP_API_PATH ||\n    'https://development.dmsbackend.bjshomedelivery.com';\n\n  const payload = useMemo(\n    () => ({\n      file_type: 'import_manifest',\n      url: `${url}/v1/return/orders/`,\n      reference: 'overview_retuen_orders',\n      feature_name: 'client portal',\n      x_filter: JSON.stringify([filters?.length > 0 ? filters : undefined]),\n    }),\n    [pagination]\n  );\n\n  return (\n    <>\n      {clientPortal &&\n        typeof status === 'string' &&\n        validStatuses.includes(status) && <ClientRouterHeader />}\n      <div>\n        <DashBoardWrapper>\n          <div className=\"Tableconatiner\">\n            <HeaderFilter />\n            <Container>\n              <ReturnFilter data={returnConfirmedData} payload={payload} />\n              {clientPortal && status === 'outstanding_return' && (\n                <>\n                  <OutstandingTable />\n                  {total > 0 && (\n                    <Pagination\n                      currentPage={page}\n                      totalItems={total}\n                      itemsPerPage={itemsPerPage}\n                      onPageChange={handlePageChange}\n                      onItemsPerPageChange={handleItemsPerPageChange}\n                    ></Pagination>\n                  )}\n                </>\n              )}\n              {shouldShowReturnAfterTable && (\n                <>\n                  <ConfirmedMain />\n                </>\n              )}\n            </Container>\n          </div>\n        </DashBoardWrapper>\n      </div>\n    </>\n  );\n};\nconst Container = styled.div`\n  position: relative;\n  top: -16px;\n`;\n\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`;\nexport default ReturnOverview;\n"],"names":["ReturnOverview","paginationObj","UsePaginationData","setCurrentPage","useState","itemsPerPage","setItemsPerPage","useItemsPerPage","page","total","status","useParams","clientPortal","useClientPortal","debouncedSearchText","useSearchAfterText","setReturnPaginationObject","UsePaginationReturnData","returnConfirmedData","setReturnConfirmedData","useReturnConfirmedOrderData","statePagination","useAtom","filtersReducerReturnAtom","setLoading","useLoading","pagination","state","dateFilterCPReducer","filters","handlePageChange","handleItemsPerPageChange","shouldShowReturnAfterTable","validStatuses","fetchedReturnOrderData","loading","paginationData","fetchData","useAxios","useEffect","count","rest","notification","url","payload","useMemo","jsxs","Fragment","ClientRouterHeader","jsx","DashBoardWrapper","HeaderFilter","Container","ReturnFilter","OutstandingTable","Pagination","ConfirmedMain","styled"],"mappings":"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"}
+{"version":3,"file":"ReturnOverview.js","sources":["../../../src/components/client-portal/ReturnOverview.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport HeaderFilter from '../order-daily-overview/header-filters/HeaderFilter';\nimport styled from 'styled-components';\nimport ReturnFilter from '../order-daily-overview/return-order-table/return-orders-filters/ReturnFilter';\nimport Pagination from '../order-daily-overview/table-view/Pagination';\nimport {\n  useItemsPerPage,\n  useLoading,\n  UsePaginationData,\n  UsePaginationReturnData,\n} from '../order-daily-overview/store/store';\nimport {\n  useAtom,\n  useClientPortal,\n  useReturnConfirmedOrderData,\n  useSearchAfterText,\n} from '../store';\nimport { useParams } from 'react-router-dom';\nimport OutstandingTable from './OutstandingTable';\nimport ConfirmedMain from './return-confirm/ConfirmedMain';\nimport ClientRouterHeader from '../order-daily-overview/header/route-header/ClientRouterHeader';\nimport { filtersReducerReturnAtom } from '../order-daily-overview/return-after-table/table-filters/ReturnFilterStore';\nimport { dateFilterCPReducer } from './DateFilterStore';\nimport { useAxios } from '@bjsdistribution/dms-component-library';\nimport { notification } from 'antd';\nimport { ApiResponse } from '../types';\n\nconst ReturnOverview = () => {\n  const [paginationObj] = UsePaginationData();\n  const [, setCurrentPage] = useState(1);\n  const [itemsPerPage, setItemsPerPage] = useItemsPerPage();\n  const { page, total } = paginationObj;\n  const { status } = useParams();\n  const [clientPortal] = useClientPortal();\n  const [debouncedSearchText] = useSearchAfterText();\n  const [, setReturnPaginationObject] = UsePaginationReturnData();\n  const [\n    returnConfirmedData,\n    setReturnConfirmedData,\n  ] = useReturnConfirmedOrderData();\n  const [statePagination] = useAtom(filtersReducerReturnAtom);\n  const [, setLoading] = useLoading();\n  const { 'x-pagination': pagination } = statePagination;\n  const [state] = useAtom(dateFilterCPReducer);\n  const { 'x-filters': filters } = state;\n\n  const handlePageChange = (page: number) => {\n    setCurrentPage(page);\n  };\n  const handleItemsPerPageChange = (itemsPerPage: number) => {\n    setItemsPerPage(itemsPerPage);\n  };\n\n  const shouldShowReturnAfterTable =\n    (clientPortal && status === 'scheduled_for_return') ||\n    (clientPortal && status === 'return_completed');\n\n  const validStatuses = [\n    'outstanding_return',\n    'scheduled_for_return',\n    'return_completed',\n  ];\n\n  const {\n    data: fetchedReturnOrderData,\n    loading,\n    paginationData,\n    fetchData,\n  } = useAxios<ApiResponse>({\n    endpoint: '/v1/return/orders/',\n    method: 'GET',\n    filters: filters,\n    pagination: pagination,\n  });\n\n  useEffect(() => {\n    if (clientPortal && debouncedSearchText === '') {\n      fetchData();\n    }\n  }, [JSON.stringify(filters), debouncedSearchText, pagination]);\n\n  useEffect(() => {\n    setLoading(loading);\n\n    if (fetchedReturnOrderData?.data) {\n      setReturnConfirmedData(fetchedReturnOrderData?.data);\n      if (paginationData) {\n        try {\n          const { count, ...rest } = JSON.parse(paginationData);\n          setReturnPaginationObject(rest);\n        } catch (error) {\n          notification.error({\n            message: 'Error',\n            description: 'Failed to parse pagination data',\n          });\n        }\n      }\n    }\n  }, [fetchedReturnOrderData, loading]);\n\n  const url =\n    process.env.REACT_APP_API_PATH ||\n    'https://development.dmsbackend.bjshomedelivery.com';\n\n  const payload = useMemo(\n    () => ({\n      file_type: 'import_manifest',\n      url: `${url}/v1/return/orders/`,\n      reference: 'overview_retuen_orders',\n      feature_name: 'client portal',\n      x_filter: JSON.stringify([filters?.length > 0 ? filters : undefined]),\n    }),\n    [pagination]\n  );\n\n  return (\n    <>\n      {clientPortal &&\n        typeof status === 'string' &&\n        validStatuses.includes(status) && <ClientRouterHeader />}\n      <div>\n        <DashBoardWrapper>\n          <div className=\"Tableconatiner\">\n            <HeaderFilter />\n            <Container>\n              <ReturnFilter data={returnConfirmedData} payload={payload} />\n              {clientPortal && status === 'outstanding_return' && (\n                <OutstandingCard>\n                  <OutstandingTable />\n                  {total > 0 && (\n                    <Pagination\n                      currentPage={page}\n                      totalItems={total}\n                      itemsPerPage={itemsPerPage}\n                      onPageChange={handlePageChange}\n                      onItemsPerPageChange={handleItemsPerPageChange}\n                    ></Pagination>\n                  )}\n                </OutstandingCard>\n              )}\n              {shouldShowReturnAfterTable && (\n                <>\n                  <ConfirmedMain />\n                </>\n              )}\n            </Container>\n          </div>\n        </DashBoardWrapper>\n      </div>\n    </>\n  );\n};\nconst Container = styled.div`\n  position: relative;\n  top: -16px;\n`;\n\n// Client-portal only: card for the outstanding-return table, kept separate\n// from ConfirmedMain's own card so the subheader (which overlaps the header\n// via negative margin) never overlaps this table's card.\nconst OutstandingCard = styled.div`\n  background: #fff;\n  border-radius: 18px;\n  padding: 10px 10px;\n  width: calc(100% + 32px);\n  margin: 0 -16px;\n`;\n\nconst DashBoardWrapper = styled.section`\n  .Tableconatiner {\n    display: block;\n    padding: 10px 16px;\n  }\n  .headerWrap,\n  .tableData,\n  .styleCovered {\n    transition: all ease 0.5s;\n  }\n  &.stickyTableHead {\n    h2 {\n      font-size: 21px;\n    }\n    .headerWrap {\n      height: 84px;\n      padding: 10px;\n      border-radius: 0px 0px 15px 15px;\n      > div {\n        position: relative;\n        z-index: 10;\n      }\n    }\n    .styleCovered {\n      margin-top: -32px;\n      width: 67%;\n      float: right;\n      gap: 5px;\n      padding-right: 11px;\n\n      li {\n        padding: 4px 10px 5px 5px;\n        gap: 5px;\n        .svgCover {\n          width: 30px;\n          height: 30px;\n          svg {\n            height: auto;\n            width: 58%;\n          }\n        }\n        .countDigit {\n          font-size: 19px;\n        }\n      }\n      .countMess {\n        font-size: 13px;\n      }\n    }\n    .dmsBulkFilter {\n      min-height: unset;\n      gap: 4px;\n      > div {\n        padding: 4px 12px;\n        label {\n          font-size: 11px;\n        }\n      }\n    }\n\n    .StyledFilterList {\n      gap: 4px;\n      li {\n        height: 29px;\n        padding: 3px 8px;\n        gap: 4px;\n        .StyledFilterBtnIcon {\n          width: 20px;\n          height: 20px;\n          svh {\n            width: 10px;\n            height: auto;\n          }\n        }\n        .StyledFilterBtnLabel {\n          font-size: 13px;\n        }\n      }\n    }\n    .StyledFilterLabel {\n      padding-left: 10px;\n      span {\n        font-size: 13px;\n      }\n    }\n    .cardcontainer.tableData {\n      max-height: calc(100vh - 310px);\n      min-height: calc(100vh - 310px);\n    }\n\n    .tableData {\n      max-height: calc(100vh - 320px);\n      min-height: calc(100vh - 320px);\n\n      margin-top: 8px;\n      thead {\n        position: sticky;\n        top: 0;\n        z-index: 9;\n        th {\n          font-size: 13px;\n          padding: 2px 15px;\n        }\n      }\n    }\n  }\n`;\nexport default ReturnOverview;\n"],"names":["ReturnOverview","paginationObj","UsePaginationData","setCurrentPage","useState","itemsPerPage","setItemsPerPage","useItemsPerPage","page","total","status","useParams","clientPortal","useClientPortal","debouncedSearchText","useSearchAfterText","setReturnPaginationObject","UsePaginationReturnData","returnConfirmedData","setReturnConfirmedData","useReturnConfirmedOrderData","statePagination","useAtom","filtersReducerReturnAtom","setLoading","useLoading","pagination","state","dateFilterCPReducer","filters","handlePageChange","handleItemsPerPageChange","shouldShowReturnAfterTable","validStatuses","fetchedReturnOrderData","loading","paginationData","fetchData","useAxios","useEffect","count","rest","notification","url","payload","useMemo","jsxs","Fragment","ClientRouterHeader","jsx","DashBoardWrapper","HeaderFilter","Container","ReturnFilter","OutstandingCard","OutstandingTable","Pagination","ConfirmedMain","styled"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
-import { jsxs as w, jsx as r } from "react/jsx-runtime";
-import { useAxios as f, SearchIcon as R, CrossIcon as O } from "@bjsdistribution/dms-component-library";
-import k, { useState as F, useEffect as o } from "react";
+import { jsxs as _, jsx as r } from "react/jsx-runtime";
+import { useAxios as u, SearchIcon as R, CrossIcon as k } from "@bjsdistribution/dms-component-library";
+import O, { useState as F, useEffect as o } from "react";
 import l from "styled-components";
 import { useSearchText as N, useClientOutstandingReturnData as j, useStatsCPCount as G } from "../store.js";
 import { filtersReducerAtom as I } from "../order-daily-overview/header-filters/filterStore.js";
@@ -15,7 +15,7 @@ function J() {
   }, [T] = m(E), { "x-filters": v } = T, [C] = m(I), [, p] = G(), { "x-pagination": U } = C, y = [
     { field: "isdeleted", op: "=", value: 0 },
     { field: "product_return_action_id", op: "=", value: "RTS" }
-  ], h = v.filter((t) => t.field !== "order_status"), s = [...y, ...h], { paginationData: u, fetchData: D } = f({
+  ], h = v.filter((t) => t.field !== "order_status"), s = [...y, ...h], { paginationData: f, fetchData: D } = u({
     endpoint: "/v1/return/product/pending/",
     method: "GET",
     filters: s,
@@ -26,11 +26,11 @@ function J() {
     t.length > 2 ? D({
       endPointQuery: `?search_term=${t}`
     }).then((c) => {
-      if (u) {
+      if (f) {
         const a = A(
-          u
-        ), { ..._ } = a;
-        S(_);
+          f
+        ), { ...w } = a;
+        S(w);
       }
       c?.data?.length > 0 ? d(c.data) : d([]);
     }) : t.length > 0 && t.length <= 2 && g.warning({
@@ -46,7 +46,7 @@ function J() {
   }, [n]), o(() => {
     e?.length === 0 && i("");
   }, [e]);
-  const { fetchData: P } = f({
+  const { fetchData: P } = u({
     endpoint: "v1/portal/return/stats/",
     method: "GET",
     pagination: { is_pagination: !1 },
@@ -62,7 +62,7 @@ function J() {
     })() : t.length > 0 && t.length <= 2 && g.warning({
       message: "Search phrase cannot be less than 3 characters"
     });
-  }, [e, JSON.stringify(s)]), /* @__PURE__ */ w(Q, { children: [
+  }, [e, JSON.stringify(s)]), /* @__PURE__ */ _(Q, { children: [
     /* @__PURE__ */ r(R, {}),
     /* @__PURE__ */ r(
       z,
@@ -75,7 +75,7 @@ function J() {
     ),
     n ? /* @__PURE__ */ r($, { className: "clear", onClick: () => {
       i("");
-    }, children: /* @__PURE__ */ r(O, {}) }) : null
+    }, children: /* @__PURE__ */ r(k, {}) }) : null
   ] });
 }
 const $ = l.button`
@@ -99,6 +99,8 @@ const $ = l.button`
   border: 1px solid var(--Neutral-Gray-Gray-100, #e0e2e7);
   background-color: var(--Flowkit-White, #fff);
   height: 35px;
+  width: 280px;
+  flex-shrink: 0;
   box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
 `, z = l.input`
   border: none;
@@ -106,7 +108,7 @@ const $ = l.button`
   flex-grow: 1;
   width: 100%;
   background: transparent;
-`, nt = k.memo(J);
+`, nt = O.memo(J);
 export {
   nt as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ReturnSearchBar.js","sources":["../../../src/components/client-portal/ReturnSearchBar.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  useClientOutstandingReturnData,\n  useSearchText,\n  useStatsCPCount,\n} from '../store';\nimport { filtersReducerAtom } from '../order-daily-overview/header-filters/filterStore';\nimport { ApiResponse } from '../types';\nimport { javascriptStringDumpToJSON } from '../utils';\nimport { UsePaginationData } from '../order-daily-overview/store/store';\nimport { notification } from 'antd';\nimport { returnCountType } from './ReturnStatus';\nimport { dateFilterCPReducer } from './DateFilterStore';\n\nfunction ReturnSearchBar() {\n  const [searchText, setSearchText] = useState('');\n  const [debouncedSearchText, setDebouncedSearchText] = useSearchText();\n  const [, setOutstandingData] = useClientOutstandingReturnData();\n  const [, setPaginationObject] = UsePaginationData();\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setSearchText(event.target.value);\n  };\n  const [state] = useAtom(dateFilterCPReducer);\n  const { 'x-filters': filters } = state;\n  const [statePagination] = useAtom(filtersReducerAtom);\n  const [, setCount] = useStatsCPCount();\n  const { 'x-pagination': pagination } = statePagination;\n\n  const baseFilters = [\n    { field: 'isdeleted', op: '=', value: 0 },\n    { field: 'product_return_action_id', op: '=', value: 'RTS' },\n  ];\n  const cleanedFilters = filters.filter(f => f.field !== 'order_status');\n\n  const modifiedFilters = [...baseFilters, ...cleanedFilters];\n  const { paginationData, fetchData: getPendingData } = useAxios<ApiResponse>({\n    endpoint: '/v1/return/product/pending/',\n    method: 'GET',\n    filters: modifiedFilters,\n    pagination: { is_pagination: false },\n  });\n\n  // Debouncing effect\n  useEffect(() => {\n    const trimmedText = debouncedSearchText?.trim() || '';\n\n    if (trimmedText.length > 2) {\n      getPendingData({\n        endPointQuery: `?search_term=${trimmedText}`,\n      }).then((response: any) => {\n        if (paginationData) {\n          const formattedPagination = javascriptStringDumpToJSON(\n            paginationData\n          );\n          const { ...rest } = formattedPagination;\n          setPaginationObject(rest);\n        }\n\n        if (response?.data?.length > 0) {\n          setOutstandingData(response.data);\n        } else {\n          setOutstandingData([]);\n        }\n      });\n    } else if (trimmedText.length > 0 && trimmedText.length <= 2) {\n      notification.warning({\n        message: 'Search phrase cannot be less than 2 characters',\n      });\n    }\n  }, [debouncedSearchText, JSON.stringify(modifiedFilters)]);\n\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  //\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 trimmedText = debouncedSearchText?.trim() || '';\n\n    if (trimmedText.length > 2) {\n      const fetchStats = async () => {\n        const response = await fetchStatsData({\n          endPointQuery: `?search_term=${trimmedText}&type=outstanding`,\n        });\n        //@ts-ignore\n        if (response?.data) {\n          //@ts-ignore\n          setCount(response?.data);\n        } else {\n          setCount(null);\n        }\n      };\n\n      fetchStats();\n    } else if (trimmedText.length > 0 && trimmedText.length <= 2) {\n      notification.warning({\n        message: 'Search phrase cannot be less than 3 characters',\n      });\n    }\n  }, [debouncedSearchText, JSON.stringify(modifiedFilters)]);\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(ReturnSearchBar);\n"],"names":["ReturnSearchBar","searchText","setSearchText","useState","debouncedSearchText","setDebouncedSearchText","useSearchText","setOutstandingData","useClientOutstandingReturnData","setPaginationObject","UsePaginationData","handleInputChange","event","state","useAtom","dateFilterCPReducer","filters","statePagination","filtersReducerAtom","setCount","useStatsCPCount","pagination","baseFilters","cleanedFilters","f","modifiedFilters","paginationData","getPendingData","useAxios","useEffect","trimmedText","response","formattedPagination","javascriptStringDumpToJSON","rest","notification","handler","fetchStatsData","Search","jsx","SearchIcon","SearchInput","ClearButton","CrossIcon","styled","ReturnSearchBar$1","React"],"mappings":"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"}
+{"version":3,"file":"ReturnSearchBar.js","sources":["../../../src/components/client-portal/ReturnSearchBar.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  useClientOutstandingReturnData,\n  useSearchText,\n  useStatsCPCount,\n} from '../store';\nimport { filtersReducerAtom } from '../order-daily-overview/header-filters/filterStore';\nimport { ApiResponse } from '../types';\nimport { javascriptStringDumpToJSON } from '../utils';\nimport { UsePaginationData } from '../order-daily-overview/store/store';\nimport { notification } from 'antd';\nimport { returnCountType } from './ReturnStatus';\nimport { dateFilterCPReducer } from './DateFilterStore';\n\nfunction ReturnSearchBar() {\n  const [searchText, setSearchText] = useState('');\n  const [debouncedSearchText, setDebouncedSearchText] = useSearchText();\n  const [, setOutstandingData] = useClientOutstandingReturnData();\n  const [, setPaginationObject] = UsePaginationData();\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setSearchText(event.target.value);\n  };\n  const [state] = useAtom(dateFilterCPReducer);\n  const { 'x-filters': filters } = state;\n  const [statePagination] = useAtom(filtersReducerAtom);\n  const [, setCount] = useStatsCPCount();\n  const { 'x-pagination': pagination } = statePagination;\n\n  const baseFilters = [\n    { field: 'isdeleted', op: '=', value: 0 },\n    { field: 'product_return_action_id', op: '=', value: 'RTS' },\n  ];\n  const cleanedFilters = filters.filter(f => f.field !== 'order_status');\n\n  const modifiedFilters = [...baseFilters, ...cleanedFilters];\n  const { paginationData, fetchData: getPendingData } = useAxios<ApiResponse>({\n    endpoint: '/v1/return/product/pending/',\n    method: 'GET',\n    filters: modifiedFilters,\n    pagination: { is_pagination: false },\n  });\n\n  // Debouncing effect\n  useEffect(() => {\n    const trimmedText = debouncedSearchText?.trim() || '';\n\n    if (trimmedText.length > 2) {\n      getPendingData({\n        endPointQuery: `?search_term=${trimmedText}`,\n      }).then((response: any) => {\n        if (paginationData) {\n          const formattedPagination = javascriptStringDumpToJSON(\n            paginationData\n          );\n          const { ...rest } = formattedPagination;\n          setPaginationObject(rest);\n        }\n\n        if (response?.data?.length > 0) {\n          setOutstandingData(response.data);\n        } else {\n          setOutstandingData([]);\n        }\n      });\n    } else if (trimmedText.length > 0 && trimmedText.length <= 2) {\n      notification.warning({\n        message: 'Search phrase cannot be less than 2 characters',\n      });\n    }\n  }, [debouncedSearchText, JSON.stringify(modifiedFilters)]);\n\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  //\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 trimmedText = debouncedSearchText?.trim() || '';\n\n    if (trimmedText.length > 2) {\n      const fetchStats = async () => {\n        const response = await fetchStatsData({\n          endPointQuery: `?search_term=${trimmedText}&type=outstanding`,\n        });\n        //@ts-ignore\n        if (response?.data) {\n          //@ts-ignore\n          setCount(response?.data);\n        } else {\n          setCount(null);\n        }\n      };\n\n      fetchStats();\n    } else if (trimmedText.length > 0 && trimmedText.length <= 2) {\n      notification.warning({\n        message: 'Search phrase cannot be less than 3 characters',\n      });\n    }\n  }, [debouncedSearchText, JSON.stringify(modifiedFilters)]);\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  width: 280px;\n  flex-shrink: 0;\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(ReturnSearchBar);\n"],"names":["ReturnSearchBar","searchText","setSearchText","useState","debouncedSearchText","setDebouncedSearchText","useSearchText","setOutstandingData","useClientOutstandingReturnData","setPaginationObject","UsePaginationData","handleInputChange","event","state","useAtom","dateFilterCPReducer","filters","statePagination","filtersReducerAtom","setCount","useStatsCPCount","pagination","baseFilters","cleanedFilters","f","modifiedFilters","paginationData","getPendingData","useAxios","useEffect","trimmedText","response","formattedPagination","javascriptStringDumpToJSON","rest","notification","handler","fetchStatsData","Search","jsx","SearchIcon","SearchInput","ClearButton","CrossIcon","styled","ReturnSearchBar$1","React"],"mappings":"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"}

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

@@ -5,20 +5,20 @@ import l from "./ReturnConfirmedTable.js";
 import { UsePaginationReturnData as c, useItemsPerReturnPage as m } from "../../order-daily-overview/store/store.js";
 import f from "../../order-daily-overview/table-view/ReturnPagination.js";
 const D = () => {
-  const [p] = c(), [, n] = g(1), [o, r] = m(), { page: s, total: a } = p, d = (t) => {
+  const [p] = c(), [, n] = g(1), [r, o] = m(), { page: d, total: a } = p, s = (t) => {
     n(t);
   }, x = (t) => {
-    r(t);
+    o(t);
   };
-  return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e("div", { className: "Tableconatiner", children: /* @__PURE__ */ h(u, { children: [
+  return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e("div", { className: "Tableconatiner", children: /* @__PURE__ */ h(u, { children: [
     /* @__PURE__ */ e(l, {}),
     a > 0 && /* @__PURE__ */ e(
       f,
       {
-        currentPage: s,
+        currentPage: d,
         totalItems: a,
-        itemsPerPage: o,
-        onPageChange: d,
+        itemsPerPage: r,
+        onPageChange: s,
         onItemsPerPageChange: x
       }
     )
@@ -26,13 +26,14 @@ const D = () => {
 }, u = i.div`
   position: relative;
   /* top: -30px; */
-`, b = i.section`
+`, v = i.section`
   .Tableconatiner {
-    border-radius: 12px;
     background: #fff;
-    box-shadow: -2px 0px 12px 0px rgba(56, 71, 109, 0.1);
+    border-radius: 18px;
     display: block;
-    padding: 15px 20px;
+    padding: 10px 10px;
+    width: calc(100% + 32px);
+    margin: 0 -16px;
   }
   .headerWrap,
   .tableData,

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmedMain.js","sources":["../../../../src/components/client-portal/return-confirm/ConfirmedMain.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport ReturnConfirmedTable from './ReturnConfirmedTable';\nimport {\n  useItemsPerReturnPage,\n  UsePaginationReturnData,\n} from '../../order-daily-overview/store/store';\nimport ReturnPagination from '../../order-daily-overview/table-view/ReturnPagination';\n\nconst ConfirmedMain = () => {\n  const [paginationObj] = UsePaginationReturnData();\n  const [, setCurrentPage] = useState(1);\n  const [itemsPerPage, setItemsPerPage] = useItemsPerReturnPage();\n  // const [, setPaginationObject] = UsePaginationData();\n  const { page, total } = paginationObj;\n  const handlePageChange = (page: number) => {\n    setCurrentPage(page);\n  };\n  const handleItemsPerPageChange = (itemsPerPage: number) => {\n    setItemsPerPage(itemsPerPage);\n  };\n  // const { status } = useParams();\n  // API called\n  // const {\n  //   data: fetchedReturnOrderData,\n  //   loading,\n  //   paginationData,\n  //   fetchData,\n  // } = useAxios<ApiResponse>({\n  //   endpoint: '/v1/return/orders/',\n  //   method: 'GET',\n  //   filters: filters,\n  //   pagination: pagination,\n  // });\n\n  return (\n    <div>\n      <DashBoardWrapper>\n        {/* <RouterHeader /> */}\n        <div className=\"Tableconatiner\">\n          {/* <HeaderFilter /> */}\n          <Container>\n            <ReturnConfirmedTable />\n            {total > 0 && (\n              <ReturnPagination\n                currentPage={page}\n                totalItems={total}\n                itemsPerPage={itemsPerPage}\n                onPageChange={handlePageChange}\n                onItemsPerPageChange={handleItemsPerPageChange}\n              ></ReturnPagination>\n            )}\n          </Container>\n        </div>\n      </DashBoardWrapper>\n    </div>\n  );\n};\nconst Container = styled.div`\n  position: relative;\n  /* top: -30px; */\n`;\nconst DashBoardWrapper = styled.section`\n  .Tableconatiner {\n    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 ConfirmedMain;\n"],"names":["ConfirmedMain","paginationObj","UsePaginationReturnData","setCurrentPage","useState","itemsPerPage","setItemsPerPage","useItemsPerReturnPage","page","total","handlePageChange","handleItemsPerPageChange","jsx","DashBoardWrapper","jsxs","Container","ReturnConfirmedTable","ReturnPagination","styled"],"mappings":";;;;;;AASA,MAAMA,IAAgB,MAAM;AAC1B,QAAM,CAACC,CAAa,IAAIC,EAAA,GAClB,GAAGC,CAAc,IAAIC,EAAS,CAAC,GAC/B,CAACC,GAAcC,CAAe,IAAIC,EAAA,GAElC,EAAE,MAAAC,GAAM,OAAAC,EAAA,IAAUR,GAClBS,IAAmB,CAACF,MAAiB;AACzC,IAAAL,EAAeK,CAAI;AAAA,EACrB,GACMG,IAA2B,CAACN,MAAyB;AACzD,IAAAC,EAAgBD,CAAY;AAAA,EAC9B;AAeA,SACE,gBAAAO,EAAC,SACC,UAAA,gBAAAA,EAACC,GAAA,EAEC,4BAAC,OAAA,EAAI,WAAU,kBAEb,UAAA,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAH,EAACI,GAAA,EAAqB;AAAA,IACrBP,IAAQ,KACP,gBAAAG;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,aAAaT;AAAA,QACb,YAAYC;AAAA,QACZ,cAAAJ;AAAA,QACA,cAAcK;AAAA,QACd,sBAAsBC;AAAA,MAAA;AAAA,IAAA;AAAA,EACvB,GAEL,EAAA,CACF,GACF,GACF;AAEJ,GACMI,IAAYG,EAAO;AAAA;AAAA;AAAA,GAInBL,IAAmBK,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"ConfirmedMain.js","sources":["../../../../src/components/client-portal/return-confirm/ConfirmedMain.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport ReturnConfirmedTable from './ReturnConfirmedTable';\nimport {\n  useItemsPerReturnPage,\n  UsePaginationReturnData,\n} from '../../order-daily-overview/store/store';\nimport ReturnPagination from '../../order-daily-overview/table-view/ReturnPagination';\n\nconst ConfirmedMain = () => {\n  const [paginationObj] = UsePaginationReturnData();\n  const [, setCurrentPage] = useState(1);\n  const [itemsPerPage, setItemsPerPage] = useItemsPerReturnPage();\n  // const [, setPaginationObject] = UsePaginationData();\n  const { page, total } = paginationObj;\n  const handlePageChange = (page: number) => {\n    setCurrentPage(page);\n  };\n  const handleItemsPerPageChange = (itemsPerPage: number) => {\n    setItemsPerPage(itemsPerPage);\n  };\n  // const { status } = useParams();\n  // API called\n  // const {\n  //   data: fetchedReturnOrderData,\n  //   loading,\n  //   paginationData,\n  //   fetchData,\n  // } = useAxios<ApiResponse>({\n  //   endpoint: '/v1/return/orders/',\n  //   method: 'GET',\n  //   filters: filters,\n  //   pagination: pagination,\n  // });\n\n  return (\n    <div>\n      <DashBoardWrapper>\n        {/* <RouterHeader /> */}\n        <div className=\"Tableconatiner\">\n          {/* <HeaderFilter /> */}\n          <Container>\n            <ReturnConfirmedTable />\n            {total > 0 && (\n              <ReturnPagination\n                currentPage={page}\n                totalItems={total}\n                itemsPerPage={itemsPerPage}\n                onPageChange={handlePageChange}\n                onItemsPerPageChange={handleItemsPerPageChange}\n              ></ReturnPagination>\n            )}\n          </Container>\n        </div>\n      </DashBoardWrapper>\n    </div>\n  );\n};\nconst Container = styled.div`\n  position: relative;\n  /* top: -30px; */\n`;\nconst DashBoardWrapper = styled.section`\n  .Tableconatiner {\n    background: #fff;\n    border-radius: 18px;\n    display: block;\n    padding: 10px 10px;\n    width: calc(100% + 32px);\n    margin: 0 -16px;\n  }\n  .headerWrap,\n  .tableData,\n  .styleCovered {\n    transition: all ease 0.5s;\n  }\n  &.stickyTableHead {\n    h2 {\n      font-size: 21px;\n    }\n    .headerWrap {\n      height: 84px;\n      padding: 10px;\n      border-radius: 0px 0px 15px 15px;\n      > div {\n        position: relative;\n        z-index: 10;\n      }\n    }\n    .styleCovered {\n      margin-top: -32px;\n      width: 67%;\n      float: right;\n      gap: 5px;\n      padding-right: 11px;\n\n      li {\n        padding: 4px 10px 5px 5px;\n        gap: 5px;\n        .svgCover {\n          width: 30px;\n          height: 30px;\n          svg {\n            height: auto;\n            width: 58%;\n          }\n        }\n        .countDigit {\n          font-size: 19px;\n        }\n      }\n      .countMess {\n        font-size: 13px;\n      }\n    }\n    .dmsBulkFilter {\n      min-height: unset;\n      gap: 4px;\n      > div {\n        padding: 4px 12px;\n        label {\n          font-size: 11px;\n        }\n      }\n    }\n\n    .StyledFilterList {\n      gap: 4px;\n      li {\n        height: 29px;\n        padding: 3px 8px;\n        gap: 4px;\n        .StyledFilterBtnIcon {\n          width: 20px;\n          height: 20px;\n          svh {\n            width: 10px;\n            height: auto;\n          }\n        }\n        .StyledFilterBtnLabel {\n          font-size: 13px;\n        }\n      }\n    }\n    .StyledFilterLabel {\n      padding-left: 10px;\n      span {\n        font-size: 13px;\n      }\n    }\n    .cardcontainer.tableData {\n      max-height: calc(100vh - 310px);\n      min-height: calc(100vh - 310px);\n    }\n\n    .tableData {\n      max-height: calc(100vh - 320px);\n      min-height: calc(100vh - 320px);\n\n      margin-top: 8px;\n      thead {\n        position: sticky;\n        top: 0;\n        z-index: 9;\n        th {\n          font-size: 13px;\n          padding: 2px 15px;\n        }\n      }\n    }\n  }\n`;\n\nexport default ConfirmedMain;\n"],"names":["ConfirmedMain","paginationObj","UsePaginationReturnData","setCurrentPage","useState","itemsPerPage","setItemsPerPage","useItemsPerReturnPage","page","total","handlePageChange","handleItemsPerPageChange","jsx","DashBoardWrapper","jsxs","Container","ReturnConfirmedTable","ReturnPagination","styled"],"mappings":";;;;;;AASA,MAAMA,IAAgB,MAAM;AAC1B,QAAM,CAACC,CAAa,IAAIC,EAAA,GAClB,GAAGC,CAAc,IAAIC,EAAS,CAAC,GAC/B,CAACC,GAAcC,CAAe,IAAIC,EAAA,GAElC,EAAE,MAAAC,GAAM,OAAAC,EAAA,IAAUR,GAClBS,IAAmB,CAACF,MAAiB;AACzC,IAAAL,EAAeK,CAAI;AAAA,EACrB,GACMG,IAA2B,CAACN,MAAyB;AACzD,IAAAC,EAAgBD,CAAY;AAAA,EAC9B;AAeA,SACE,gBAAAO,EAAC,SACC,UAAA,gBAAAA,EAACC,GAAA,EAEC,4BAAC,OAAA,EAAI,WAAU,kBAEb,UAAA,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAH,EAACI,GAAA,EAAqB;AAAA,IACrBP,IAAQ,KACP,gBAAAG;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,aAAaT;AAAA,QACb,YAAYC;AAAA,QACZ,cAAAJ;AAAA,QACA,cAAcK;AAAA,QACd,sBAAsBC;AAAA,MAAA;AAAA,IAAA;AAAA,EACvB,GAEL,EAAA,CACF,GACF,GACF;AAEJ,GACMI,IAAYG,EAAO;AAAA;AAAA;AAAA,GAInBL,IAAmBK,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}