@bjsdistribution/dms-client-return 0.1.72-prod → 0.1.73-prod

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

@@ -1 +1 @@
-{"version":3,"file":"ReturnOrderTable.js","sources":["../../../../../src/components/order-daily-overview/return-order-table/return-orders-filters/ReturnOrderTable.tsx"],"sourcesContent":["import { Checkbox, useApiHook } from '@bjsdistribution/dms-component-library';\nimport { Empty, notification, Skeleton, Tooltip } from 'antd';\nimport { format } from 'date-fns';\nimport { useAtom } from 'jotai';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport DownIcon from '../../../../assets/icons/DownIcon';\nimport PrinterIcon from '../../../../assets/icons/PrinterIcon';\nimport CaretDownFilledIcon from '../../../../common/CaretDownFilledIcon';\nimport SortIcon from '../../../../common/SortIcon';\nimport PrintDropDownReturn from '../../../order-view/details-filters/left-side-filters/dropdowns/PrintDropDownReturn';\nimport { usefetchAgain, useReturnData } from '../../../order-view/store';\nimport {\n  useFlatCustomerData,\n  useGroupedPayload,\n  useLocationData,\n  useNewReturnPayload,\n  useReturnPayload,\n  useSelectAll,\n  useSelectedOrders,\n} from '../../../store';\nimport { ApiResponse } from '../../../types';\nimport { filtersReducerAtom } from '../../header-filters/filterStore';\nimport { displayValueOrNA } from '../../shared/utlis';\nimport {\n  useLoading,\n  UsePaginationData,\n  usePrintOptionTOggle,\n} from '../../store/store';\nimport { EmptyDataContainer } from '../../table/table-data/styles';\nimport { CustomDrop, StyledTable, StyledTableWrapper } from './returnstyles';\nimport { NavLink, useSearchParams } from 'react-router-dom';\nimport { WEIGHT_UNIT, getAccountTypeLabel } from '../../../../common/utils';\n\nconst SELECTABLE_ACTIONS = [\n  'RTS',\n  'CLAIMS PAID',\n  'DISPOSE',\n  'RE-ALLOCATE',\n  'RECYCLE',\n  'UNKNOWN',\n];\n\nconst isSelectableItem = (item: any) =>\n  SELECTABLE_ACTIONS.includes(item?.product_return_action) &&\n  item?.return_location !== 'null' &&\n  item?.return_location !== null;\n\nconst ReturnOrderTable = () => {\n  const [state] = useAtom(filtersReducerAtom);\n  const [selectedReturnOrder, setSelectedReturnOrder] = useSelectedOrders();\n  const [selectAll, setSelectAll] = useSelectAll();\n  const { 'x-filters': filters, 'x-pagination': pagination } = state;\n  const [returnData, setReturnData] = useReturnData();\n  const [load, setLoading] = useLoading();\n  const dropdownRefParent = useRef<HTMLDivElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const [printToogle, setPrintToggle] = usePrintOptionTOggle();\n  const [, setReturnPayload] = useReturnPayload();\n  const [newpayload, setNewPayload] = useNewReturnPayload();\n  const [, setGrouped] = useGroupedPayload();\n  const [locationData] = useLocationData();\n  const [, setPaginationObject] = UsePaginationData();\n  const [callForFetch] = usefetchAgain();\n  const [searchParams] = useSearchParams();\n  const urlCustomerId = searchParams.get('customerId');\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 (!returnData || !sortConfig) return returnData;\n\n    const { key, direction } = sortConfig;\n    return [...returnData].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  }, [returnData, 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 {\n    data: fetchedOrderData,\n    loading: returnDataLoad,\n    paginationData,\n    setShouldPerformAction,\n  } = useApiHook<ApiResponse>({\n    endpoint: '/v1/return/product/pending/',\n    method: 'GET',\n    filters: filters,\n    pagination: pagination,\n    performAction: false,\n    showLoader: false,\n  });\n\n  useEffect(() => {\n    setLoading(returnDataLoad);\n    if (fetchedOrderData && fetchedOrderData?.data) {\n      setReturnData(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      } else {\n        notification.error({\n          message: 'Error',\n          description: 'Pagination data is null or undefined',\n        });\n      }\n    }\n  }, [fetchedOrderData, returnDataLoad]);\n\n  useEffect(() => {\n    setLoading(returnDataLoad);\n    setShouldPerformAction(true);\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      setReturnData(updatedReturnData);\n    }\n    // setShouldPerformAction(false);\n  }, [fetchedOrderData, returnDataLoad, locationData, state, callForFetch]);\n  // const [customers] = useCustomerData();\n  const [flatCustomers] = useFlatCustomerData();\n\n  const selectedCustomer = flatCustomers?.find((customer: any) => {\n    const customerId = customer?.customer_id?.toString();\n    return customerId && customerId === urlCustomerId;\n  });\n\n  const accountNumber = selectedCustomer?.account_number;\n  console.log(selectedCustomer, 'selectedCustomer');\n  const handleSelectAll = (e: any) => {\n    const isChecked = e.target.checked;\n    setSelectAll(isChecked);\n\n    if (isChecked) {\n      const firstSelectable = returnData?.find((loc: any) =>\n        isSelectableItem(loc)\n      );\n      const targetAction =\n        selectedReturnOrder.length > 0\n          ? selectedReturnOrder[0]?.product_return_action\n          : firstSelectable?.product_return_action;\n\n      if (!targetAction) return;\n\n      const filteredData = returnData?.filter(\n        (loc: any) =>\n          isSelectableItem(loc) && loc?.product_return_action === targetAction\n      );\n\n      const selectedOrders = filteredData.map((loc: any) => ({\n        id: loc.id,\n        return_locations: loc?.return_location_name,\n        return_location: loc?.return_location,\n        products: loc?.legacy_product_id,\n        product_return_action: loc?.product_return_action,\n        return_location_token: loc?.return_location,\n      }));\n      const newPayload = filteredData.map((loc: any) => ({\n        id: loc.id,\n        account_number: accountNumber,\n        customer_id: Number(urlCustomerId),\n        products: [loc?.legacy_product_id],\n        return_action: loc?.product_return_action,\n        return_location_token: loc?.return_location || null,\n      }));\n      console.log(newPayload, 'newPayloadnewPayload');\n\n      setSelectedReturnOrder(selectedOrders);\n      setNewPayload(newPayload);\n    } else {\n      setSelectedReturnOrder([]);\n      setNewPayload([]);\n      setGrouped([]);\n    }\n  };\n\n  const handleSelectOrderReturn = (\n    id: any,\n    return_location: any,\n    return_location_name: any,\n    product_return_action: any,\n    legacy_product_id: any\n  ) => {\n    setSelectedReturnOrder((prevSelectedLocations: any) => {\n      const isSelected = prevSelectedLocations?.some(\n        (loc: any) => loc.id === id\n      );\n      if (isSelected) {\n        const updatedSelectedLocations = prevSelectedLocations.filter(\n          (loc: any) => loc.id !== id\n        );\n\n        setReturnPayload(prevState => ({\n          ...prevState,\n          products: legacy_product_id,\n          return_action: product_return_action || null,\n          return_location_token: return_location || null,\n        }));\n\n        setNewPayload((prevPayload: any) =>\n          prevPayload.filter((item: any) => item.id !== id)\n        );\n\n        const targetAction = product_return_action;\n        const totalItemsOfAction = returnData?.filter(\n          (loc: any) =>\n            isSelectableItem(loc) && loc?.product_return_action === targetAction\n        )?.length;\n\n        setSelectAll(\n          updatedSelectedLocations?.length > 0 &&\n          updatedSelectedLocations?.length === totalItemsOfAction\n        );\n        return updatedSelectedLocations;\n      } else {\n        const newReturnPayload = {\n          id,\n          account_number: accountNumber,\n          customer_id: Number(urlCustomerId),\n          products: [legacy_product_id],\n          return_action: product_return_action || null,\n          return_location_token: return_location || null,\n        };\n\n        setNewPayload((prevPayload: any) => [...prevPayload, newReturnPayload]);\n\n        const updatedSelectedLocations = [\n          ...prevSelectedLocations,\n          {\n            id,\n            return_location,\n            return_location_name,\n            product_return_action,\n          },\n        ];\n\n        const targetAction = product_return_action;\n        const totalItemsOfAction = returnData?.filter(\n          (loc: any) =>\n            isSelectableItem(loc) && loc?.product_return_action === targetAction\n        )?.length;\n\n        setSelectAll(updatedSelectedLocations?.length === totalItemsOfAction);\n        return updatedSelectedLocations;\n      }\n    });\n  };\n\n  useEffect(() => {\n    if (newpayload?.length === 0) {\n      setGrouped([]);\n      return;\n    }\n\n    const groupedPayload = newpayload?.reduce((acc: any, item: any) => {\n      const { return_location_token, id } = item;\n      const key = return_location_token || `no_token_${id}`;\n\n      if (!acc[key]) {\n        acc[key] = {\n          ...item,\n          products: [],\n          return_action: [],\n        };\n      }\n\n      acc[key].products = [...acc[key].products, ...item.products];\n\n      acc[key].return_action = Array.from(\n        new Set([...acc[key].return_action, ...item.return_action])\n      );\n\n      return acc;\n    }, {});\n    const mergedPayload = Object.values(groupedPayload);\n    setGrouped(mergedPayload);\n  }, [newpayload]);\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              {returnData?.some((item: any) => isSelectableItem(item)) ? (\n                <th className=\"emailInvoiceCheckbox\">\n                  <Checkbox checked={selectAll} onChange={handleSelectAll} />\n                </th>\n              ) : (\n                <th></th>\n              )}\n              <th onClick={() => handleSort('location')}>\n                <div className=\"sortIconClass\">\n                  Product Location {renderSortIcon('location')}\n                </div>\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>Client</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>CBM</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                    {isSelectableItem(item) ? (() => {\n                      const isDisabled =\n                        selectedReturnOrder?.length > 0 &&\n                        selectedReturnOrder[0]?.product_return_action !==\n                        item?.product_return_action;\n\n                      return (\n                        <Tooltip\n                          title={\n                            isDisabled\n                              ? 'Cannot select different return actions'\n                              : ''\n                          }\n                        >\n                          <span\n                            className={isDisabled ? 'disabled-wrapper' : ''}\n                          >\n                            <Checkbox\n                              className=\"custom-check\"\n                              disabled={isDisabled}\n                              checked={selectedReturnOrder.some(\n                                (selectedInvoice: any) =>\n                                  selectedInvoice?.id === item?.id\n                              )}\n                              onChange={() =>\n                                handleSelectOrderReturn(\n                                  item?.id,\n                                  item?.return_location,\n                                  item?.return_location_name,\n                                  item?.product_return_action,\n                                  item?.legacy_product_id\n                                )\n                              }\n                            />\n                          </span>\n                        </Tooltip>\n                      );\n                    })() : null}\n                  </td>\n\n                  <td>\n                    {item?.location !== null && item?.location !== undefined ? (\n                      item?.location\n                    ) : (\n                      <div className=\"awaiting\">Awaiting</div>\n                    )}\n                  </td>\n                  <td> {displayValueOrNA(item?.return_location_name)}</td>\n                  <td title={item?.client_name ?? ''}>\n                    {displayValueOrNA(item?.client_name)}\n                    {getAccountTypeLabel(item?.owner_id) && (\n                      <span> ({getAccountTypeLabel(item?.owner_id)})</span>\n                    )}\n                  </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 ReturnOrderTable;\n"],"names":["SELECTABLE_ACTIONS","isSelectableItem","item","ReturnOrderTable","state","useAtom","filtersReducerAtom","selectedReturnOrder","setSelectedReturnOrder","useSelectedOrders","selectAll","setSelectAll","useSelectAll","filters","pagination","returnData","setReturnData","useReturnData","load","setLoading","useLoading","dropdownRefParent","useRef","dropdownRef","printToogle","setPrintToggle","usePrintOptionTOggle","setReturnPayload","useReturnPayload","newpayload","setNewPayload","useNewReturnPayload","setGrouped","useGroupedPayload","locationData","useLocationData","setPaginationObject","UsePaginationData","callForFetch","usefetchAgain","searchParams","useSearchParams","urlCustomerId","sortConfig","setSortConfig","useState","handleSort","key","prev","sortedData","useMemo","direction","a","b","valueA","valueB","renderSortIcon","columnKey","SortIcon","CaretDownFilledIcon","OpenDropDown","index","prevIndex","useEffect","handleClickOutside","event","fetchedOrderData","returnDataLoad","paginationData","setShouldPerformAction","useApiHook","count","rest","error","notification","updatedReturnData","returnItem","matchingLocation","location","flatCustomers","useFlatCustomerData","selectedCustomer","customer","customerId","accountNumber","handleSelectAll","isChecked","firstSelectable","loc","targetAction","filteredData","selectedOrders","newPayload","handleSelectOrderReturn","id","return_location","return_location_name","product_return_action","legacy_product_id","prevSelectedLocations","updatedSelectedLocations","prevState","prevPayload","totalItemsOfAction","newReturnPayload","groupedPayload","acc","return_location_token","mergedPayload","jsx","StyledTableWrapper","StyledTable","Checkbox","jsxs","WEIGHT_UNIT","Skeleton","EmptyDataContainer","Empty","isDisabled","Tooltip","selectedInvoice","displayValueOrNA","getAccountTypeLabel","NavLink","format","CustomDrop","PrinterIcon","DownIcon","PrintDropDownReturn"],"mappings":"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"}
+{"version":3,"file":"ReturnOrderTable.js","sources":["../../../../../src/components/order-daily-overview/return-order-table/return-orders-filters/ReturnOrderTable.tsx"],"sourcesContent":["import { Checkbox, useApiHook } from '@bjsdistribution/dms-component-library';\nimport { Empty, notification, Skeleton, Tooltip } from 'antd';\nimport { format } from 'date-fns';\nimport { useAtom } from 'jotai';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport DownIcon from '../../../../assets/icons/DownIcon';\nimport PrinterIcon from '../../../../assets/icons/PrinterIcon';\nimport CaretDownFilledIcon from '../../../../common/CaretDownFilledIcon';\nimport SortIcon from '../../../../common/SortIcon';\nimport PrintDropDownReturn from '../../../order-view/details-filters/left-side-filters/dropdowns/PrintDropDownReturn';\nimport { usefetchAgain, useReturnData } from '../../../order-view/store';\nimport {\n  useFlatCustomerData,\n  useGroupedPayload,\n  useLocationData,\n  useNewReturnPayload,\n  useReturnPayload,\n  useSelectAll,\n  useSelectedOrders,\n} from '../../../store';\nimport { ApiResponse } from '../../../types';\nimport { filtersReducerAtom } from '../../header-filters/filterStore';\nimport { displayValueOrNA } from '../../shared/utlis';\nimport {\n  useLoading,\n  UsePaginationData,\n  usePrintOptionTOggle,\n} from '../../store/store';\nimport { EmptyDataContainer } from '../../table/table-data/styles';\nimport { CustomDrop, StyledTable, StyledTableWrapper } from './returnstyles';\nimport { NavLink, useSearchParams } from 'react-router-dom';\nimport { VOLUME_UNIT } from '../../../../common/utils';\nimport { WEIGHT_UNIT, getAccountTypeLabel } from '../../../../common/utils';\n\nconst SELECTABLE_ACTIONS = [\n  'RTS',\n  'CLAIMS PAID',\n  'DISPOSE',\n  'RE-ALLOCATE',\n  'RECYCLE',\n  'UNKNOWN',\n];\n\nconst isSelectableItem = (item: any) =>\n  SELECTABLE_ACTIONS.includes(item?.product_return_action) &&\n  item?.return_location !== 'null' &&\n  item?.return_location !== null;\n\nconst ReturnOrderTable = () => {\n  const [state] = useAtom(filtersReducerAtom);\n  const [selectedReturnOrder, setSelectedReturnOrder] = useSelectedOrders();\n  const [selectAll, setSelectAll] = useSelectAll();\n  const { 'x-filters': filters, 'x-pagination': pagination } = state;\n  const [returnData, setReturnData] = useReturnData();\n  const [load, setLoading] = useLoading();\n  const dropdownRefParent = useRef<HTMLDivElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const [printToogle, setPrintToggle] = usePrintOptionTOggle();\n  const [, setReturnPayload] = useReturnPayload();\n  const [newpayload, setNewPayload] = useNewReturnPayload();\n  const [, setGrouped] = useGroupedPayload();\n  const [locationData] = useLocationData();\n  const [, setPaginationObject] = UsePaginationData();\n  const [callForFetch] = usefetchAgain();\n  const [searchParams] = useSearchParams();\n  const urlCustomerId = searchParams.get('customerId');\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 (!returnData || !sortConfig) return returnData;\n\n    const { key, direction } = sortConfig;\n    return [...returnData].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  }, [returnData, 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 {\n    data: fetchedOrderData,\n    loading: returnDataLoad,\n    paginationData,\n    setShouldPerformAction,\n  } = useApiHook<ApiResponse>({\n    endpoint: '/v1/return/product/pending/',\n    method: 'GET',\n    filters: filters,\n    pagination: pagination,\n    performAction: false,\n    showLoader: false,\n  });\n\n  useEffect(() => {\n    setLoading(returnDataLoad);\n    if (fetchedOrderData && fetchedOrderData?.data) {\n      setReturnData(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      } else {\n        notification.error({\n          message: 'Error',\n          description: 'Pagination data is null or undefined',\n        });\n      }\n    }\n  }, [fetchedOrderData, returnDataLoad]);\n\n  useEffect(() => {\n    setLoading(returnDataLoad);\n    setShouldPerformAction(true);\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      setReturnData(updatedReturnData);\n    }\n    // setShouldPerformAction(false);\n  }, [fetchedOrderData, returnDataLoad, locationData, state, callForFetch]);\n  // const [customers] = useCustomerData();\n  const [flatCustomers] = useFlatCustomerData();\n\n  const selectedCustomer = flatCustomers?.find((customer: any) => {\n    const customerId = customer?.customer_id?.toString();\n    return customerId && customerId === urlCustomerId;\n  });\n\n  const accountNumber = selectedCustomer?.account_number;\n  console.log(selectedCustomer, 'selectedCustomer');\n  const handleSelectAll = (e: any) => {\n    const isChecked = e.target.checked;\n    setSelectAll(isChecked);\n\n    if (isChecked) {\n      const firstSelectable = returnData?.find((loc: any) =>\n        isSelectableItem(loc)\n      );\n      const targetAction =\n        selectedReturnOrder.length > 0\n          ? selectedReturnOrder[0]?.product_return_action\n          : firstSelectable?.product_return_action;\n\n      if (!targetAction) return;\n\n      const filteredData = returnData?.filter(\n        (loc: any) =>\n          isSelectableItem(loc) && loc?.product_return_action === targetAction\n      );\n\n      const selectedOrders = filteredData.map((loc: any) => ({\n        id: loc.id,\n        return_locations: loc?.return_location_name,\n        return_location: loc?.return_location,\n        products: loc?.legacy_product_id,\n        product_return_action: loc?.product_return_action,\n        return_location_token: loc?.return_location,\n      }));\n      const newPayload = filteredData.map((loc: any) => ({\n        id: loc.id,\n        account_number: accountNumber,\n        customer_id: Number(urlCustomerId),\n        products: [loc?.legacy_product_id],\n        return_action: loc?.product_return_action,\n        return_location_token: loc?.return_location || null,\n      }));\n      console.log(newPayload, 'newPayloadnewPayload');\n\n      setSelectedReturnOrder(selectedOrders);\n      setNewPayload(newPayload);\n    } else {\n      setSelectedReturnOrder([]);\n      setNewPayload([]);\n      setGrouped([]);\n    }\n  };\n\n  const handleSelectOrderReturn = (\n    id: any,\n    return_location: any,\n    return_location_name: any,\n    product_return_action: any,\n    legacy_product_id: any\n  ) => {\n    setSelectedReturnOrder((prevSelectedLocations: any) => {\n      const isSelected = prevSelectedLocations?.some(\n        (loc: any) => loc.id === id\n      );\n      if (isSelected) {\n        const updatedSelectedLocations = prevSelectedLocations.filter(\n          (loc: any) => loc.id !== id\n        );\n\n        setReturnPayload(prevState => ({\n          ...prevState,\n          products: legacy_product_id,\n          return_action: product_return_action || null,\n          return_location_token: return_location || null,\n        }));\n\n        setNewPayload((prevPayload: any) =>\n          prevPayload.filter((item: any) => item.id !== id)\n        );\n\n        const targetAction = product_return_action;\n        const totalItemsOfAction = returnData?.filter(\n          (loc: any) =>\n            isSelectableItem(loc) && loc?.product_return_action === targetAction\n        )?.length;\n\n        setSelectAll(\n          updatedSelectedLocations?.length > 0 &&\n          updatedSelectedLocations?.length === totalItemsOfAction\n        );\n        return updatedSelectedLocations;\n      } else {\n        const newReturnPayload = {\n          id,\n          account_number: accountNumber,\n          customer_id: Number(urlCustomerId),\n          products: [legacy_product_id],\n          return_action: product_return_action || null,\n          return_location_token: return_location || null,\n        };\n\n        setNewPayload((prevPayload: any) => [...prevPayload, newReturnPayload]);\n\n        const updatedSelectedLocations = [\n          ...prevSelectedLocations,\n          {\n            id,\n            return_location,\n            return_location_name,\n            product_return_action,\n          },\n        ];\n\n        const targetAction = product_return_action;\n        const totalItemsOfAction = returnData?.filter(\n          (loc: any) =>\n            isSelectableItem(loc) && loc?.product_return_action === targetAction\n        )?.length;\n\n        setSelectAll(updatedSelectedLocations?.length === totalItemsOfAction);\n        return updatedSelectedLocations;\n      }\n    });\n  };\n\n  useEffect(() => {\n    if (newpayload?.length === 0) {\n      setGrouped([]);\n      return;\n    }\n\n    const groupedPayload = newpayload?.reduce((acc: any, item: any) => {\n      const { return_location_token, id } = item;\n      const key = return_location_token || `no_token_${id}`;\n\n      if (!acc[key]) {\n        acc[key] = {\n          ...item,\n          products: [],\n          return_action: [],\n        };\n      }\n\n      acc[key].products = [...acc[key].products, ...item.products];\n\n      acc[key].return_action = Array.from(\n        new Set([...acc[key].return_action, ...item.return_action])\n      );\n\n      return acc;\n    }, {});\n    const mergedPayload = Object.values(groupedPayload);\n    setGrouped(mergedPayload);\n  }, [newpayload]);\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              {returnData?.some((item: any) => isSelectableItem(item)) ? (\n                <th className=\"emailInvoiceCheckbox\">\n                  <Checkbox checked={selectAll} onChange={handleSelectAll} />\n                </th>\n              ) : (\n                <th></th>\n              )}\n              <th onClick={() => handleSort('location')}>\n                <div className=\"sortIconClass\">\n                  Product Location {renderSortIcon('location')}\n                </div>\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>Client</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                    {isSelectableItem(item) ? (() => {\n                      const isDisabled =\n                        selectedReturnOrder?.length > 0 &&\n                        selectedReturnOrder[0]?.product_return_action !==\n                        item?.product_return_action;\n\n                      return (\n                        <Tooltip\n                          title={\n                            isDisabled\n                              ? 'Cannot select different return actions'\n                              : ''\n                          }\n                        >\n                          <span\n                            className={isDisabled ? 'disabled-wrapper' : ''}\n                          >\n                            <Checkbox\n                              className=\"custom-check\"\n                              disabled={isDisabled}\n                              checked={selectedReturnOrder.some(\n                                (selectedInvoice: any) =>\n                                  selectedInvoice?.id === item?.id\n                              )}\n                              onChange={() =>\n                                handleSelectOrderReturn(\n                                  item?.id,\n                                  item?.return_location,\n                                  item?.return_location_name,\n                                  item?.product_return_action,\n                                  item?.legacy_product_id\n                                )\n                              }\n                            />\n                          </span>\n                        </Tooltip>\n                      );\n                    })() : null}\n                  </td>\n\n                  <td>\n                    {item?.location !== null && item?.location !== undefined ? (\n                      item?.location\n                    ) : (\n                      <div className=\"awaiting\">Awaiting</div>\n                    )}\n                  </td>\n                  <td> {displayValueOrNA(item?.return_location_name)}</td>\n                  <td title={item?.client_name ?? ''}>\n                    {displayValueOrNA(item?.client_name)}\n                    {getAccountTypeLabel(item?.owner_id) && (\n                      <span> ({getAccountTypeLabel(item?.owner_id)})</span>\n                    )}\n                  </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 ReturnOrderTable;\n"],"names":["SELECTABLE_ACTIONS","isSelectableItem","item","ReturnOrderTable","state","useAtom","filtersReducerAtom","selectedReturnOrder","setSelectedReturnOrder","useSelectedOrders","selectAll","setSelectAll","useSelectAll","filters","pagination","returnData","setReturnData","useReturnData","load","setLoading","useLoading","dropdownRefParent","useRef","dropdownRef","printToogle","setPrintToggle","usePrintOptionTOggle","setReturnPayload","useReturnPayload","newpayload","setNewPayload","useNewReturnPayload","setGrouped","useGroupedPayload","locationData","useLocationData","setPaginationObject","UsePaginationData","callForFetch","usefetchAgain","searchParams","useSearchParams","urlCustomerId","sortConfig","setSortConfig","useState","handleSort","key","prev","sortedData","useMemo","direction","a","b","valueA","valueB","renderSortIcon","columnKey","SortIcon","CaretDownFilledIcon","OpenDropDown","index","prevIndex","useEffect","handleClickOutside","event","fetchedOrderData","returnDataLoad","paginationData","setShouldPerformAction","useApiHook","count","rest","error","notification","updatedReturnData","returnItem","matchingLocation","location","flatCustomers","useFlatCustomerData","selectedCustomer","customer","customerId","accountNumber","handleSelectAll","isChecked","firstSelectable","loc","targetAction","filteredData","selectedOrders","newPayload","handleSelectOrderReturn","id","return_location","return_location_name","product_return_action","legacy_product_id","prevSelectedLocations","updatedSelectedLocations","prevState","prevPayload","totalItemsOfAction","newReturnPayload","groupedPayload","acc","return_location_token","mergedPayload","jsx","StyledTableWrapper","StyledTable","Checkbox","jsxs","WEIGHT_UNIT","VOLUME_UNIT","Skeleton","EmptyDataContainer","Empty","isDisabled","Tooltip","selectedInvoice","displayValueOrNA","getAccountTypeLabel","NavLink","format","CustomDrop","PrinterIcon","DownIcon","PrintDropDownReturn"],"mappings":"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"}

package/dist/components/order-view/order-actions/actions/force-debrief/charges/order-charges/index.js

@@ -1,9 +1,10 @@
-import { jsxs as r, jsx as a } from "react/jsx-runtime";
-import { MainContainer as w, Title as C, Container as S, FieldRow as D, Label as T, CurrencySymbol as I, Input as O } from "../../styles.js";
-import { getBaseUrlSymbol as W, handleKeyDownDebrief as B } from "../../../../../utils.js";
-import { useChargesState as V, useOrderDetails as A, useOrderStaticData as F } from "../../../../../store.js";
-import K from "styled-components";
-const j = [
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { MainContainer as T, Title as w, Container as C, FieldRow as S, Label as I, CurrencySymbol as D, Input as O } from "../../styles.js";
+import { getBaseUrlSymbol as U, handleKeyDownDebrief as V } from "../../../../../utils.js";
+import { useChargesState as E, useOrderDetails as N, useOrderStaticData as W } from "../../../../../store.js";
+import { VOLUME_UNIT as A, WEIGHT_UNIT as B, VOLUME_UNIT_CONVERT as F } from "../../../../../../../common/utils.js";
+import L from "styled-components";
+const M = [
   { label: "Weight", value: "weight" },
   { label: "Drop Time", value: "drop_time" },
   { label: "Timed Services", value: "timed_service" },
@@ -11,14 +12,14 @@ const j = [
   { label: "Extra Floor", value: "extra_floor" },
   { label: "Bulk Items", value: "bulky_items" },
   { label: "Relabel (Pre-del)", value: "re_label" },
-  { label: "Extra CBM", value: "extra_cube" },
+  { label: `Extra ${A}`, value: "extra_cube" },
   { label: "Additional Box", value: "additional_box" },
   { label: "Additional Item", value: "additional_item" }
 ];
-function U(m) {
-  const [, h] = V(), [o] = A(), [v] = F(), d = o?.weight, c = o?.drop_time, n = o?.cube, b = o?.order_services_detail?.timed_service_id, u = v?.order_timed_services?.find(
+function P(m) {
+  const [, h] = E(), [o] = N(), [v] = W(), d = o?.weight, c = o?.drop_time, n = o?.cube, b = o?.order_services_detail?.timed_service_id, u = v?.order_timed_services?.find(
     (e) => e?.id === b
-  ), p = u != null, _ = n != null && n > 0, g = c != null, x = d !== null && d > 0, y = W(), f = (e, l) => {
+  ), p = u != null, _ = n != null && n > 0, g = c != null, x = d !== null && d > 0, f = U(), y = (e, l) => {
     m?.setInputValue((i) => ({
       ...i,
       [e]: l
@@ -32,28 +33,29 @@ function U(m) {
       [e]: t
     })));
   };
-  return /* @__PURE__ */ r(w, { children: [
-    /* @__PURE__ */ a(C, { children: "Order Charges" }),
-    /* @__PURE__ */ a(S, { children: j?.map((e) => /* @__PURE__ */ r(D, { children: [
-      /* @__PURE__ */ a(T, { style: { minWidth: "100px" }, children: e.label }),
-      x && e?.value === "weight" && /* @__PURE__ */ r(s, { children: [
+  return /* @__PURE__ */ a(T, { children: [
+    /* @__PURE__ */ r(w, { children: "Order Charges" }),
+    /* @__PURE__ */ r(C, { children: M.map((e) => /* @__PURE__ */ a(S, { children: [
+      /* @__PURE__ */ r(I, { style: { minWidth: "100px" }, children: e.label }),
+      x && e?.value === "weight" && /* @__PURE__ */ a(s, { children: [
         d,
-        " Kg"
+        " ",
+        B
       ] }),
-      g && e?.value === "drop_time" && /* @__PURE__ */ r(s, { children: [
+      g && e?.value === "drop_time" && /* @__PURE__ */ a(s, { children: [
         c,
         " mins"
       ] }),
-      _ && e?.value === "extra_cube" && /* @__PURE__ */ r(s, { children: [
+      _ && e?.value === "extra_cube" && /* @__PURE__ */ a(s, { children: [
         n,
-        " (m",
-        /* @__PURE__ */ a("sup", { children: "3" }),
+        " (",
+        F,
         ")"
       ] }),
-      p && e?.value === "timed_service" && /* @__PURE__ */ a(s, { children: u?.type?.replaceAll("_", "") }),
-      /* @__PURE__ */ r("div", { style: { display: "flex", gap: "3px", alignItems: "center" }, children: [
-        /* @__PURE__ */ a(I, { children: y }),
-        /* @__PURE__ */ a(
+      p && e?.value === "timed_service" && /* @__PURE__ */ r(s, { children: u?.type?.replaceAll("_", "") }),
+      /* @__PURE__ */ a("div", { style: { display: "flex", gap: "3px", alignItems: "center" }, children: [
+        /* @__PURE__ */ r(D, { children: f }),
+        /* @__PURE__ */ r(
           O,
           {
             min: 0,
@@ -62,18 +64,18 @@ function U(m) {
             placeholder: "0.00",
             onWheel: (l) => l.target.blur(),
             value: m?.inputValue[e.value] ?? "",
-            onChange: (l) => f(e.value, l.target.value),
-            onKeyDown: B
+            onChange: (l) => y(e.value, l.target.value),
+            onKeyDown: V
           }
         )
       ] })
     ] }, e.value)) })
   ] });
 }
-const s = K.span`
+const s = L.span`
   color: #6396e5;
 `;
 export {
-  U as default
+  P as default
 };
 //# sourceMappingURL=index.js.map

package/dist/components/order-view/order-actions/actions/force-debrief/charges/order-charges/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/order-view/order-actions/actions/force-debrief/charges/order-charges/index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Container,\n  FieldRow,\n  Input,\n  Label,\n  MainContainer,\n  Title,\n} from '../../styles';\n// import { ChargesType } from '../../../../types';\n\nimport { getBaseUrlSymbol, handleKeyDownDebrief } from '../../../../../utils';\nimport {\n  useChargesState,\n  useOrderDetails,\n  useOrderStaticData,\n} from '../../../../../store';\nimport { CurrencySymbol } from '../../styles';\nimport styled from 'styled-components';\n\nconst fields = [\n  { label: 'Weight', value: 'weight' },\n  { label: 'Drop Time', value: 'drop_time' },\n  { label: 'Timed Services', value: 'timed_service' },\n  { label: 'Wait Time', value: 'wait_time' },\n  { label: 'Extra Floor', value: 'extra_floor' },\n  { label: 'Bulk Items', value: 'bulky_items' },\n  { label: 'Relabel (Pre-del)', value: 're_label' },\n  { label: 'Extra CBM', value: 'extra_cube' },\n  { label: 'Additional Box', value: 'additional_box' },\n  { label: 'Additional Item', value: 'additional_item' },\n];\n\ninterface IProps {\n  inputValue: Record<string, string>;\n  setInputValue: React.Dispatch<React.SetStateAction<Record<string, string>>>;\n}\n\nfunction OrderCharges(props: IProps) {\n  const [, setCharges] = useChargesState();\n  const [orderDetails] = useOrderDetails();\n  const [orderStaticData] = useOrderStaticData();\n  const weightVal = orderDetails?.weight;\n  const dropTime = orderDetails?.drop_time;\n  const cbm = orderDetails?.cube;\n  const timesServiceId = orderDetails?.order_services_detail?.timed_service_id;\n  const selectedTimedService = orderStaticData?.order_timed_services?.find(\n    (x: any) => x?.id === timesServiceId\n  );\n  const showSelectedTimedService =\n    selectedTimedService !== null && selectedTimedService !== undefined;\n  const showCbm = cbm !== undefined && cbm !== null && cbm > 0;\n  const showDropTime = dropTime !== undefined && dropTime !== null;\n  const showWeight = weightVal !== null && weightVal > 0;\n  const baseUrlSymbol = getBaseUrlSymbol();\n\n  const handleChange = (field: string, value: string) => {\n    props?.setInputValue((prev: any) => ({\n      ...prev,\n      [field]: value,\n    }));\n    let val = parseFloat(value);\n    if (value === '') {\n      setCharges(prev => ({\n        ...prev,\n        [field]: 0,\n      }));\n    } else if (!isNaN(val)) {\n      val = val >= 0 ? val : 0;\n      setCharges(prev => ({\n        ...prev,\n        [field]: val,\n      }));\n    }\n  };\n\n  return (\n    <MainContainer>\n      <Title>Order Charges</Title>\n      <Container>\n        {fields?.map(item => (\n          <FieldRow key={item.value}>\n            <Label style={{ minWidth: '100px' }}>{item.label}</Label>\n            {showWeight && item?.value === 'weight' && (\n              <OrderValue>{weightVal} Kg</OrderValue>\n            )}\n            {showDropTime && item?.value === 'drop_time' && (\n              <OrderValue>{dropTime} mins</OrderValue>\n            )}\n            {showCbm && item?.value === 'extra_cube' && (\n              <OrderValue>\n                {cbm} (m<sup>3</sup>)\n              </OrderValue>\n            )}\n            {showSelectedTimedService && item?.value === 'timed_service' && (\n              <OrderValue>\n                {selectedTimedService?.type?.replaceAll('_', '')}\n              </OrderValue>\n            )}\n            <div style={{ display: 'flex', gap: '3px', alignItems: 'center' }}>\n              <CurrencySymbol>{baseUrlSymbol}</CurrencySymbol>\n              <Input\n                min={0}\n                max={10000}\n                type=\"number\"\n                placeholder=\"0.00\"\n                onWheel={(e: any) => e.target.blur()}\n                value={props?.inputValue[item.value] ?? ''}\n                onChange={(e: any) => handleChange(item.value, e.target.value)}\n                onKeyDown={handleKeyDownDebrief}\n              />\n            </div>\n          </FieldRow>\n        ))}\n      </Container>\n    </MainContainer>\n  );\n}\n\nconst OrderValue = styled.span`\n  color: #6396e5;\n`;\n\nexport default OrderCharges;\n"],"names":["fields","OrderCharges","props","setCharges","useChargesState","orderDetails","useOrderDetails","orderStaticData","useOrderStaticData","weightVal","dropTime","cbm","timesServiceId","selectedTimedService","x","showSelectedTimedService","showCbm","showDropTime","showWeight","baseUrlSymbol","getBaseUrlSymbol","handleChange","field","value","prev","val","MainContainer","jsx","Title","Container","item","FieldRow","Label","OrderValue","jsxs","CurrencySymbol","Input","e","handleKeyDownDebrief","styled"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../../../src/components/order-view/order-actions/actions/force-debrief/charges/order-charges/index.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Container,\n  FieldRow,\n  Input,\n  Label,\n  MainContainer,\n  Title,\n} from '../../styles';\n// import { ChargesType } from '../../../../types';\n\nimport { getBaseUrlSymbol, handleKeyDownDebrief } from '../../../../../utils';\nimport {\n  useChargesState,\n  useOrderDetails,\n  useOrderStaticData,\n} from '../../../../../store';\nimport { WEIGHT_UNIT, VOLUME_UNIT, VOLUME_UNIT_CONVERT } from '../../../../../../../common/utils';\nimport { CurrencySymbol } from '../../styles';\nimport styled from 'styled-components';\n\nconst fields = [\n  { label: 'Weight', value: 'weight' },\n  { label: 'Drop Time', value: 'drop_time' },\n  { label: 'Timed Services', value: 'timed_service' },\n  { label: 'Wait Time', value: 'wait_time' },\n  { label: 'Extra Floor', value: 'extra_floor' },\n  { label: 'Bulk Items', value: 'bulky_items' },\n  { label: 'Relabel (Pre-del)', value: 're_label' },\n  { label: `Extra ${VOLUME_UNIT}`, value: 'extra_cube' },\n  { label: 'Additional Box', value: 'additional_box' },\n  { label: 'Additional Item', value: 'additional_item' },\n];\n\ninterface IProps {\n  inputValue: Record<string, string>;\n  setInputValue: React.Dispatch<React.SetStateAction<Record<string, string>>>;\n}\n\nfunction OrderCharges(props: IProps) {\n  const [, setCharges] = useChargesState();\n  const [orderDetails] = useOrderDetails();\n  const [orderStaticData] = useOrderStaticData();\n  const weightVal = orderDetails?.weight;\n  const dropTime = orderDetails?.drop_time;\n  const cbm = orderDetails?.cube;\n  const timesServiceId = orderDetails?.order_services_detail?.timed_service_id;\n  const selectedTimedService = orderStaticData?.order_timed_services?.find(\n    (x: any) => x?.id === timesServiceId\n  );\n  const showSelectedTimedService =\n    selectedTimedService !== null && selectedTimedService !== undefined;\n  const showCbm = cbm !== undefined && cbm !== null && cbm > 0;\n  const showDropTime = dropTime !== undefined && dropTime !== null;\n  const showWeight = weightVal !== null && weightVal > 0;\n  const baseUrlSymbol = getBaseUrlSymbol();\n\n  const handleChange = (field: string, value: string) => {\n    props?.setInputValue((prev: any) => ({\n      ...prev,\n      [field]: value,\n    }));\n    let val = parseFloat(value);\n    if (value === '') {\n      setCharges(prev => ({\n        ...prev,\n        [field]: 0,\n      }));\n    } else if (!isNaN(val)) {\n      val = val >= 0 ? val : 0;\n      setCharges(prev => ({\n        ...prev,\n        [field]: val,\n      }));\n    }\n  };\n\n  return (\n    <MainContainer>\n      <Title>Order Charges</Title>\n      <Container>\n        {fields.map(item => (\n          <FieldRow key={item.value}>\n            <Label style={{ minWidth: '100px' }}>{item.label}</Label>\n            {showWeight && item?.value === 'weight' && (\n              <OrderValue>\n                {weightVal} {WEIGHT_UNIT}\n              </OrderValue>\n            )}\n            {showDropTime && item?.value === 'drop_time' && (\n              <OrderValue>{dropTime} mins</OrderValue>\n            )}\n            {showCbm && item?.value === 'extra_cube' && (\n              <OrderValue>\n                {cbm} ({VOLUME_UNIT_CONVERT})\n              </OrderValue>\n            )}\n            {showSelectedTimedService && item?.value === 'timed_service' && (\n              <OrderValue>\n                {selectedTimedService?.type?.replaceAll('_', '')}\n              </OrderValue>\n            )}\n            <div style={{ display: 'flex', gap: '3px', alignItems: 'center' }}>\n              <CurrencySymbol>{baseUrlSymbol}</CurrencySymbol>\n              <Input\n                min={0}\n                max={10000}\n                type=\"number\"\n                placeholder=\"0.00\"\n                onWheel={(e: any) => e.target.blur()}\n                value={props?.inputValue[item.value] ?? ''}\n                onChange={(e: any) => handleChange(item.value, e.target.value)}\n                onKeyDown={handleKeyDownDebrief}\n              />\n            </div>\n          </FieldRow>\n        ))}\n      </Container>\n    </MainContainer>\n  );\n}\n\nconst OrderValue = styled.span`\n  color: #6396e5;\n`;\n\nexport default OrderCharges;\n"],"names":["fields","VOLUME_UNIT","OrderCharges","props","setCharges","useChargesState","orderDetails","useOrderDetails","orderStaticData","useOrderStaticData","weightVal","dropTime","cbm","timesServiceId","selectedTimedService","x","showSelectedTimedService","showCbm","showDropTime","showWeight","baseUrlSymbol","getBaseUrlSymbol","handleChange","field","value","prev","val","MainContainer","jsx","Title","Container","item","FieldRow","Label","OrderValue","WEIGHT_UNIT","VOLUME_UNIT_CONVERT","jsxs","CurrencySymbol","Input","e","handleKeyDownDebrief","styled"],"mappings":"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"}

package/dist/components/order-view/products-info/collapsed-content/index.js

@@ -2,15 +2,15 @@ import { jsxs as o, jsx as s, Fragment as p } from "react/jsx-runtime";
 import { SectionHeader as f } from "@bjsdistribution/dms-component-library";
 import n from "styled-components";
 import { useProductDetails as m } from "../../store.js";
-import { WEIGHT_UNIT as u } from "../../../../common/utils.js";
-function P() {
+import { WEIGHT_UNIT as u, VOLUME_UNIT_CONVERT as h } from "../../../../common/utils.js";
+function z() {
   const [t] = m(), r = (e, a) => e?.reduce((c, d) => {
     const i = parseFloat(d?.[a]);
     return c + (isNaN(i) ? 0 : i);
   }, 0).toFixed(2);
-  return /* @__PURE__ */ o(x, { children: [
+  return /* @__PURE__ */ o(g, { children: [
     /* @__PURE__ */ s(f, { label: "Products" }),
-    /* @__PURE__ */ s(h, { children: "Products to be Returned" }),
+    /* @__PURE__ */ s(x, { children: "Products to be Returned" }),
     t?.length > 0 && /* @__PURE__ */ o(p, { children: [
       /* @__PURE__ */ o(l, { style: { display: "flex" }, children: [
         "Total: ",
@@ -18,7 +18,7 @@ function P() {
         u,
         " / ",
         r(t, "cube"),
-        "m³"
+        h
       ] }),
       /* @__PURE__ */ o(l, { style: { display: "flex" }, children: [
         "Orders- ",
@@ -29,13 +29,13 @@ function P() {
     ] })
   ] });
 }
-const h = n.span`
+const x = n.span`
   color: #6a7378;
   font-size: 14px;
   font-style: normal;
   font-weight: 600;
   line-height: 24px; /* 171.429% */
-`, x = n.div`
+`, g = n.div`
   display: flex;
   align-items: center;
   /* justify-content: space-between; */
@@ -51,6 +51,6 @@ const h = n.span`
   color: #6a7378;
 `;
 export {
-  P as default
+  z as default
 };
 //# sourceMappingURL=index.js.map

package/dist/components/order-view/products-info/collapsed-content/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/order-view/products-info/collapsed-content/index.tsx"],"sourcesContent":["import { SectionHeader } from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useProductDetails } from '../../store';\nimport { WEIGHT_UNIT } from '../../../../common/utils';\n\nfunction CollapsedContent() {\n  const [productsData] = useProductDetails();\n\n  const calculateTotal = (items: any[], field: 'cube' | 'weight') => {\n    return items\n      ?.reduce((total, item) => {\n        const val = parseFloat(item?.[field]);\n        return total + (isNaN(val) ? 0 : val);\n      }, 0)\n      .toFixed(2);\n  };\n\n  return (\n    <Container>\n      <SectionHeader label=\"Products\" />\n      <Dimensions>Products to be Returned</Dimensions>\n\n      {productsData?.length > 0 && (\n        <>\n          <Items style={{ display: 'flex' }}>\n            Total: {calculateTotal(productsData, 'weight')}\n            {WEIGHT_UNIT} / {calculateTotal(productsData, 'cube')}m³\n          </Items>\n\n          <Items style={{ display: 'flex' }}>\n            Orders- {new Set(productsData?.map((item: any) => item?.order_id).filter((id: any) => id != null)).size} / Products- {productsData?.length}\n          </Items>\n        </>\n      )}\n    </Container>\n  );\n}\n\nconst Dimensions = styled.span`\n  color: #6a7378;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 24px; /* 171.429% */\n`;\n\nconst Container = styled.div`\n  display: flex;\n  align-items: center;\n  /* justify-content: space-between; */\n  width: 100%;\n  gap: 30px;\n`;\n\nconst Items = styled.span`\n  font-family: 'Roboto', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 24px;\n  color: #8e8a85;\n  text-transform: capitalize;\n  color: #6a7378;\n`;\n\nexport default CollapsedContent;\n"],"names":["CollapsedContent","productsData","useProductDetails","calculateTotal","items","field","total","item","val","Container","jsx","SectionHeader","Dimensions","jsxs","Fragment","Items","WEIGHT_UNIT","id","styled"],"mappings":";;;;;AAMA,SAASA,IAAmB;AAC1B,QAAM,CAACC,CAAY,IAAIC,EAAA,GAEjBC,IAAiB,CAACC,GAAcC,MAC7BD,GACH,OAAO,CAACE,GAAOC,MAAS;AACxB,UAAMC,IAAM,WAAWD,IAAOF,CAAK,CAAC;AACpC,WAAOC,KAAS,MAAME,CAAG,IAAI,IAAIA;AAAA,EACnC,GAAG,CAAC,EACH,QAAQ,CAAC;AAGd,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAc,OAAM,WAAA,CAAW;AAAA,IAChC,gBAAAD,EAACE,KAAW,UAAA,0BAAA,CAAuB;AAAA,IAElCX,GAAc,SAAS,KACtB,gBAAAY,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAD,EAACE,GAAA,EAAM,OAAO,EAAE,SAAS,UAAU,UAAA;AAAA,QAAA;AAAA,QACzBZ,EAAeF,GAAc,QAAQ;AAAA,QAC5Ce;AAAA,QAAY;AAAA,QAAIb,EAAeF,GAAc,MAAM;AAAA,QAAE;AAAA,MAAA,GACxD;AAAA,wBAECc,GAAA,EAAM,OAAO,EAAE,SAAS,UAAU,UAAA;AAAA,QAAA;AAAA,QACxB,IAAI,IAAId,GAAc,IAAI,CAACM,MAAcA,GAAM,QAAQ,EAAE,OAAO,CAACU,MAAYA,KAAM,IAAI,CAAC,EAAE;AAAA,QAAK;AAAA,QAAchB,GAAc;AAAA,MAAA,EAAA,CACtI;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;AAEA,MAAMW,IAAaM,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQpBT,IAAYS,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQnBH,IAAQG,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/order-view/products-info/collapsed-content/index.tsx"],"sourcesContent":["import { SectionHeader } from '@bjsdistribution/dms-component-library';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useProductDetails } from '../../store';\nimport { WEIGHT_UNIT, VOLUME_UNIT_CONVERT } from '../../../../common/utils';\n\nfunction CollapsedContent() {\n  const [productsData] = useProductDetails();\n\n  const calculateTotal = (items: any[], field: 'cube' | 'weight') => {\n    return items\n      ?.reduce((total, item) => {\n        const val = parseFloat(item?.[field]);\n        return total + (isNaN(val) ? 0 : val);\n      }, 0)\n      .toFixed(2);\n  };\n\n  return (\n    <Container>\n      <SectionHeader label=\"Products\" />\n      <Dimensions>Products to be Returned</Dimensions>\n\n      {productsData?.length > 0 && (\n        <>\n          <Items style={{ display: 'flex' }}>\n            Total: {calculateTotal(productsData, 'weight')}\n            {WEIGHT_UNIT} / {calculateTotal(productsData, 'cube')}{VOLUME_UNIT_CONVERT}\n          </Items>\n\n          <Items style={{ display: 'flex' }}>\n            Orders- {new Set(productsData?.map((item: any) => item?.order_id).filter((id: any) => id != null)).size} / Products- {productsData?.length}\n          </Items>\n        </>\n      )}\n    </Container>\n  );\n}\n\nconst Dimensions = styled.span`\n  color: #6a7378;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 24px; /* 171.429% */\n`;\n\nconst Container = styled.div`\n  display: flex;\n  align-items: center;\n  /* justify-content: space-between; */\n  width: 100%;\n  gap: 30px;\n`;\n\nconst Items = styled.span`\n  font-family: 'Roboto', sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 24px;\n  color: #8e8a85;\n  text-transform: capitalize;\n  color: #6a7378;\n`;\n\nexport default CollapsedContent;\n"],"names":["CollapsedContent","productsData","useProductDetails","calculateTotal","items","field","total","item","val","Container","jsx","SectionHeader","Dimensions","jsxs","Fragment","Items","WEIGHT_UNIT","VOLUME_UNIT_CONVERT","id","styled"],"mappings":";;;;;AAMA,SAASA,IAAmB;AAC1B,QAAM,CAACC,CAAY,IAAIC,EAAA,GAEjBC,IAAiB,CAACC,GAAcC,MAC7BD,GACH,OAAO,CAACE,GAAOC,MAAS;AACxB,UAAMC,IAAM,WAAWD,IAAOF,CAAK,CAAC;AACpC,WAAOC,KAAS,MAAME,CAAG,IAAI,IAAIA;AAAA,EACnC,GAAG,CAAC,EACH,QAAQ,CAAC;AAGd,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAc,OAAM,WAAA,CAAW;AAAA,IAChC,gBAAAD,EAACE,KAAW,UAAA,0BAAA,CAAuB;AAAA,IAElCX,GAAc,SAAS,KACtB,gBAAAY,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAD,EAACE,GAAA,EAAM,OAAO,EAAE,SAAS,UAAU,UAAA;AAAA,QAAA;AAAA,QACzBZ,EAAeF,GAAc,QAAQ;AAAA,QAC5Ce;AAAA,QAAY;AAAA,QAAIb,EAAeF,GAAc,MAAM;AAAA,QAAGgB;AAAA,MAAA,GACzD;AAAA,wBAECF,GAAA,EAAM,OAAO,EAAE,SAAS,UAAU,UAAA;AAAA,QAAA;AAAA,QACxB,IAAI,IAAId,GAAc,IAAI,CAACM,MAAcA,GAAM,QAAQ,EAAE,OAAO,CAACW,MAAYA,KAAM,IAAI,CAAC,EAAE;AAAA,QAAK;AAAA,QAAcjB,GAAc;AAAA,MAAA,EAAA,CACtI;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;AAEA,MAAMW,IAAaO,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQpBV,IAAYU,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQnBJ,IAAQI,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/types/common/utils.d.ts

@@ -1,5 +1,7 @@
 export declare const POSTCODE_LABEL: string;
 export declare const CURRENCY_SYMBOL: string;
 export declare const WEIGHT_UNIT: string;
+export declare const VOLUME_UNIT: string;
+export declare const VOLUME_UNIT_CONVERT: string;
 export declare const getEnvironment: () => import('@bjsdistribution/dms-component-library').ProjectEnv;
 export declare const getAccountTypeLabel: (ownerId: number | string | undefined) => string;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.1.72-prod",
+  "version": "0.1.73-prod",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -88,4 +88,4 @@
     "react-switch-selector": "^2.2.1",
     "uuid": "^10.0.0"
   }
-}
+}