@bjsdistribution/dms-client-return 0.1.99-prod → 0.2.0-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 { 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: { is_pagination: false } as any,\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      }\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","e","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":";;;;;;;;;;;;;;;;;;;;AAkCA,MAAMA,KAAqB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEMC,IAAmB,CAACC,MACxBF,GAAmB,SAASE,GAAM,qBAAqB,KACvDA,GAAM,oBAAoB,UAC1BA,GAAM,oBAAoB,MAEtBC,KAAmB,MAAM;AAC7B,QAAM,CAACC,CAAK,IAAIC,GAAQC,EAAkB,GACpC,CAACC,GAAqBC,CAAsB,IAAIC,GAAA,GAChD,CAACC,GAAWC,CAAY,IAAIC,GAAA,GAC5B,EAAE,aAAaC,GAAS,gBAAgBC,OAAeV,GACvD,CAACW,GAAYC,CAAa,IAAIC,GAAA,GAC9B,CAACC,GAAMC,CAAU,IAAIC,GAAA,GACrBC,IAAoBC,EAAuB,IAAI,GAC/CC,IAAcD,EAAuB,IAAI,GACzC,CAACE,GAAaC,CAAc,IAAIC,GAAA,GAChC,CAAA,EAAGC,CAAgB,IAAIC,GAAA,GACvB,CAACC,GAAYC,CAAa,IAAIC,GAAA,GAC9B,CAAA,EAAGC,CAAU,IAAIC,GAAA,GACjB,CAACC,CAAY,IAAIC,GAAA,GACjB,CAAA,EAAGC,CAAmB,IAAIC,GAAA,GAC1B,CAACC,CAAY,IAAIC,GAAA,GACjB,CAACC,EAAY,IAAIC,GAAA,GACjBC,IAAgBF,GAAa,IAAI,YAAY,GAE7C,CAACG,GAAYC,EAAa,IAAIC,GAG1B,IAAI,GAERC,IAAa,CAACC,MAAgB;AAClC,IAAAH,GAAc,CAACI,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,CAACnC,KAAc,CAAC4B,EAAY,QAAO5B;AAEvC,UAAM,EAAE,KAAAgC,GAAK,WAAAI,EAAA,IAAcR;AAC3B,WAAO,CAAC,GAAG5B,CAAU,EAAE,KAAK,CAACqC,GAAGC,MAAM;AACpC,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,CAACvC,GAAY4B,CAAU,CAAC,GAErBa,IAAiB,CAACC,MAClB,CAACd,KAAcA,EAAW,QAAQc,sBAC5BC,IAAA,EAAS,IAEZf,EAAW,cAAc,0BAC7BgB,GAAA,CAAA,CAAoB,sBAEpBA,GAAA,EAAoB,GAInBC,KAAe,CAACC,MAAkB;AACtC,IAAApC,EAAe,CAAAqC,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,IACE1C,EAAY,WACZ,CAACA,EAAY,QAAQ,SAAS0C,EAAM,MAAc,KAElDxC,EAAe,IAAI;AAAA,EAEvB,GAEM;AAAA,IACJ,MAAMyC;AAAA,IACN,SAASC;AAAA,IACT,gBAAAC;AAAA,IACA,wBAAAC;AAAA,EAAA,IACEC,GAAwB;AAAA,IAC1B,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAAAzD;AAAA,IACA,YAAY,EAAE,eAAe,GAAA;AAAA,IAC7B,eAAe;AAAA,IACf,YAAY;AAAA,EAAA,CACb;AAED,EAAAkD,EAAU,MAAM;AAEd,QADA5C,EAAWgD,CAAc,GACrBD,KAAoBA,GAAkB,SACxClD,EAAckD,GAAkB,IAAI,GAChCE;AACF,UAAI;AACF,cAAM,EAAE,OAAAG,GAAO,GAAGC,MAAS,KAAK,MAAMJ,CAAc;AACpD,QAAAhC,EAAoBoC,CAAI;AAAA,MAC1B,SAASC,GAAO;AACd,gBAAQ,MAAM,iCAAiCA,CAAK,GACpDC,GAAa,MAAM;AAAA,UACjB,SAAS;AAAA,UACT,aAAa;AAAA,QAAA,CACd;AAAA,MACH;AAAA,EAGN,GAAG,CAACR,GAAkBC,CAAc,CAAC,GAErCJ,EAAU,MAAM;AAGd,QAFA5C,EAAWgD,CAAc,GACzBE,GAAuB,EAAI,GACvBH,KAAoBA,GAAkB,QAAQhC,GAAc;AAC9D,YAAMyC,IAAoBT,EAAiB,KAAK,IAAI,CAAAU,MAAc;AAChE,cAAMC,IAAmB3C,EAAa;AAAA,UACpC,CAAC4C,MAAkBA,GAAU,UAAUF,GAAY;AAAA,QAAA;AAErD,eAAO;AAAA,UACL,GAAGA;AAAA,UACH,cAAcC,IACVA,GAAkB,gBAClB;AAAA,QAAA;AAAA,MAER,CAAC;AAED,MAAA7D,EAAc2D,CAAiB;AAAA,IACjC;AAAA,EAEF,GAAG,CAACT,GAAkBC,GAAgBjC,GAAc9B,GAAOkC,CAAY,CAAC;AAExE,QAAM,CAACyC,EAAa,IAAIC,GAAA,GAElBC,IAAmBF,IAAe,KAAK,CAACG,MAAkB;AAC9D,UAAMC,IAAaD,GAAU,aAAa,SAAA;AAC1C,WAAOC,KAAcA,MAAezC;AAAA,EACtC,CAAC,GAEK0C,IAAgBH,GAAkB;AACxC,UAAQ,IAAIA,GAAkB,kBAAkB;AAChD,QAAMI,KAAkB,CAACC,MAAW;AAClC,UAAMC,IAAYD,EAAE,OAAO;AAG3B,QAFA3E,EAAa4E,CAAS,GAElBA,GAAW;AACb,YAAMC,IAAkBzE,GAAY;AAAA,QAAK,CAAC0E,MACxCxF,EAAiBwF,CAAG;AAAA,MAAA,GAEhBC,IACJnF,EAAoB,SAAS,IACzBA,EAAoB,CAAC,GAAG,wBACxBiF,GAAiB;AAEvB,UAAI,CAACE,EAAc;AAEnB,YAAMC,IAAe5E,GAAY;AAAA,QAC/B,CAAC0E,MACCxF,EAAiBwF,CAAG,KAAKA,GAAK,0BAA0BC;AAAA,MAAA,GAGtDE,IAAiBD,EAAa,IAAI,CAACF,OAAc;AAAA,QACrD,IAAIA,EAAI;AAAA,QACR,kBAAkBA,GAAK;AAAA,QACvB,iBAAiBA,GAAK;AAAA,QACtB,UAAUA,GAAK;AAAA,QACf,uBAAuBA,GAAK;AAAA,QAC5B,uBAAuBA,GAAK;AAAA,MAAA,EAC5B,GACII,IAAaF,EAAa,IAAI,CAACF,OAAc;AAAA,QACjD,IAAIA,EAAI;AAAA,QACR,gBAAgBL;AAAA,QAChB,aAAa,OAAO1C,CAAa;AAAA,QACjC,UAAU,CAAC+C,GAAK,iBAAiB;AAAA,QACjC,eAAeA,GAAK;AAAA,QACpB,uBAAuBA,GAAK,mBAAmB;AAAA,MAAA,EAC/C;AACF,cAAQ,IAAII,GAAY,sBAAsB,GAE9CrF,EAAuBoF,CAAc,GACrC9D,EAAc+D,CAAU;AAAA,IAC1B;AACE,MAAArF,EAAuB,CAAA,CAAE,GACzBsB,EAAc,CAAA,CAAE,GAChBE,EAAW,CAAA,CAAE;AAAA,EAEjB,GAEM8D,KAA0B,CAC9BC,GACAC,GACAC,GACAC,GACAC,MACG;AACH,IAAA3F,EAAuB,CAAC4F,MAA+B;AAIrD,UAHmBA,GAAuB;AAAA,QACxC,CAACX,MAAaA,EAAI,OAAOM;AAAA,MAAA,GAEX;AACd,cAAMM,IAA2BD,EAAsB;AAAA,UACrD,CAACX,MAAaA,EAAI,OAAOM;AAAA,QAAA;AAG3B,QAAApE,EAAiB,CAAA2E,OAAc;AAAA,UAC7B,GAAGA;AAAA,UACH,UAAUH;AAAA,UACV,eAAeD,KAAyB;AAAA,UACxC,uBAAuBF,KAAmB;AAAA,QAAA,EAC1C,GAEFlE;AAAA,UAAc,CAACyE,MACbA,EAAY,OAAO,CAACrG,MAAcA,EAAK,OAAO6F,CAAE;AAAA,QAAA;AAGlD,cAAML,IAAeQ,GACfM,IAAqBzF,GAAY;AAAA,UACrC,CAAC0E,MACCxF,EAAiBwF,CAAG,KAAKA,GAAK,0BAA0BC;AAAA,QAAA,GACzD;AAEH,eAAA/E;AAAA,UACE0F,GAA0B,SAAS,KACnCA,GAA0B,WAAWG;AAAA,QAAA,GAEhCH;AAAA,MACT,OAAO;AACL,cAAMI,IAAmB;AAAA,UACvB,IAAAV;AAAA,UACA,gBAAgBX;AAAA,UAChB,aAAa,OAAO1C,CAAa;AAAA,UACjC,UAAU,CAACyD,CAAiB;AAAA,UAC5B,eAAeD,KAAyB;AAAA,UACxC,uBAAuBF,KAAmB;AAAA,QAAA;AAG5C,QAAAlE,EAAc,CAACyE,MAAqB,CAAC,GAAGA,GAAaE,CAAgB,CAAC;AAEtE,cAAMJ,IAA2B;AAAA,UAC/B,GAAGD;AAAA,UACH;AAAA,YACE,IAAAL;AAAA,YACA,iBAAAC;AAAA,YACA,sBAAAC;AAAA,YACA,uBAAAC;AAAA,UAAA;AAAA,QACF,GAGIR,IAAeQ,GACfM,IAAqBzF,GAAY;AAAA,UACrC,CAAC0E,MACCxF,EAAiBwF,CAAG,KAAKA,GAAK,0BAA0BC;AAAA,QAAA,GACzD;AAEH,eAAA/E,EAAa0F,GAA0B,WAAWG,CAAkB,GAC7DH;AAAA,MACT;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAAtC,EAAU,MAAM;AACd,QAAIlC,GAAY,WAAW,GAAG;AAC5B,MAAAG,EAAW,CAAA,CAAE;AACb;AAAA,IACF;AAEA,UAAM0E,IAAiB7E,GAAY,OAAO,CAAC8E,GAAUzG,MAAc;AACjE,YAAM,EAAE,uBAAA0G,GAAuB,IAAAb,EAAA,IAAO7F,GAChC6C,IAAM6D,KAAyB,YAAYb,CAAE;AAEnD,aAAKY,EAAI5D,CAAG,MACV4D,EAAI5D,CAAG,IAAI;AAAA,QACT,GAAG7C;AAAA,QACH,UAAU,CAAA;AAAA,QACV,eAAe,CAAA;AAAA,MAAC,IAIpByG,EAAI5D,CAAG,EAAE,WAAW,CAAC,GAAG4D,EAAI5D,CAAG,EAAE,UAAU,GAAG7C,EAAK,QAAQ,GAE3DyG,EAAI5D,CAAG,EAAE,gBAAgB,MAAM;AAAA,QAC7B,oBAAI,IAAI,CAAC,GAAG4D,EAAI5D,CAAG,EAAE,eAAe,GAAG7C,EAAK,aAAa,CAAC;AAAA,MAAA,GAGrDyG;AAAA,IACT,GAAG,CAAA,CAAE,GACCE,IAAgB,OAAO,OAAOH,CAAc;AAClD,IAAA1E,EAAW6E,CAAa;AAAA,EAC1B,GAAG,CAAChF,CAAU,CAAC,2BAGX,UAAA,gBAAAiF,EAACC,IAAA,EAAmB,WAAU,aAC5B,4BAACC,IAAA,EACC,UAAA;AAAA,IAAA,gBAAAF,EAAC,SAAA,EACC,4BAAC,MAAA,EAIE,UAAA;AAAA,MAAA/F,GAAY,KAAK,CAACb,MAAcD,EAAiBC,CAAI,CAAC,sBACpD,MAAA,EAAG,WAAU,wBACZ,UAAA,gBAAA4G,EAACG,GAAA,EAAS,SAASvG,GAAW,UAAU2E,IAAiB,GAC3D,sBAEC,MAAA,CAAA,CAAG;AAAA,MAEN,gBAAAyB,EAAC,MAAA,EAAG,SAAS,MAAMhE,EAAW,UAAU,GACtC,UAAA,gBAAAoE,EAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA;AAAA,QAAA;AAAA,QACX1D,EAAe,UAAU;AAAA,MAAA,EAAA,CAC7C,EAAA,CACF;AAAA,MACA,gBAAAsD,EAAC,MAAA,EAAG,SAAS,MAAMhE,EAAW,sBAAsB,GAClD,UAAA,gBAAAoE,EAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA;AAAA,QAAA;AAAA,QACZ1D,EAAe,sBAAsB;AAAA,MAAA,EAAA,CACxD,EAAA,CACF;AAAA,MACA,gBAAAsD,EAAC,QAAG,UAAA,SAAA,CAAM;AAAA,MACV,gBAAAA,EAAC,MAAA,EAAG,SAAS,MAAMhE,EAAW,gBAAgB,GAC5C,UAAA,gBAAAoE,EAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA;AAAA,QAAA;AAAA,QAClB1D,EAAe,gBAAgB;AAAA,MAAA,EAAA,CAC5C,EAAA,CACF;AAAA,MACA,gBAAAsD,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,MAAMhE,EAAW,QAAQ,GACpC,UAAA,gBAAAoE,EAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA;AAAA,QAAA;AAAA,QACpBC;AAAA,QAAY;AAAA,QAAG3D,EAAe,QAAQ;AAAA,MAAA,EAAA,CACjD,EAAA,CACF;AAAA,MACA,gBAAAsD,EAAC,QAAI,UAAAM,GAAA,CAAY;AAAA,MACjB,gBAAAN,EAAC,MAAA,EAAG,SAAS,MAAMhE,EAAW,eAAe,GAC3C,UAAA,gBAAAoE,EAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA;AAAA,QAAA;AAAA,QACd1D,EAAe,eAAe;AAAA,MAAA,EAAA,CAC/C,EAAA,CACF;AAAA,MACA,gBAAAsD,EAAC,QAAG,UAAA,YAAA,CAAS;AAAA,MACb,gBAAAA,EAAC,MAAA,EAAG,SAAS,MAAMhE,EAAW,mBAAmB,GAC/C,UAAA,gBAAAoE,EAAC,OAAA,EAAI,WAAU,iBAAgB,UAAA;AAAA,QAAA;AAAA,QACV1D,EAAe,mBAAmB;AAAA,MAAA,EAAA,CACvD,EAAA,CACF;AAAA,MACA,gBAAAsD,EAAC,MAAA,EAAG,WAAU,qBAAoB,UAAA,SAAA,CAAM;AAAA,IAAA,EAAA,CAC1C,EAAA,CACF;AAAA,sBACC,SAAA,EACE,UAAA5F,IACC,gBAAA4F,EAAC,MAAA,EACC,4BAAC,MAAA,EAAG,SAAS,IACX,UAAA,gBAAAA,EAACO,MAAS,QAAM,GAAA,CAAC,GACnB,EAAA,CACF,IACEpE,GAAY,WAAW,IACzB,gBAAA6D,EAAC,MAAA,EACC,4BAAC,MAAA,EAAG,SAAS,IACX,UAAA,gBAAAA,EAACQ,IAAA,EACC,4BAACC,IAAA,CAAA,CAAM,GACT,EAAA,CACF,EAAA,CACF,IAEAtE,GAAY,IAAI,CAAC/C,GAAW2D,wBACzB,MAAA,EACC,UAAA;AAAA,MAAA,gBAAAiD,EAAC,MAAA,EACE,UAAA7G,EAAiBC,CAAI,KAAK,MAAM;AAC/B,cAAMsH,IACJjH,GAAqB,SAAS,KAC9BA,EAAoB,CAAC,GAAG,0BACxBL,GAAM;AAER,eACE,gBAAA4G;AAAA,UAACW;AAAA,UAAA;AAAA,YACC,OACED,IACI,2CACA;AAAA,YAGN,UAAA,gBAAAV;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWU,IAAa,qBAAqB;AAAA,gBAE7C,UAAA,gBAAAV;AAAA,kBAACG;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,UAAUO;AAAA,oBACV,SAASjH,EAAoB;AAAA,sBAC3B,CAACmH,MACCA,GAAiB,OAAOxH,GAAM;AAAA,oBAAA;AAAA,oBAElC,UAAU,MACR4F;AAAA,sBACE5F,GAAM;AAAA,sBACNA,GAAM;AAAA,sBACNA,GAAM;AAAA,sBACNA,GAAM;AAAA,sBACNA,GAAM;AAAA,oBAAA;AAAA,kBACR;AAAA,gBAAA;AAAA,cAEJ;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAGN,GAAA,IAAO,MACT;AAAA,MAEA,gBAAA4G,EAAC,MAAA,EACE,UAAA5G,GAAM,aAAa,QAAQA,GAAM,aAAa,SAC7CA,GAAM,WAEN,gBAAA4G,EAAC,OAAA,EAAI,WAAU,YAAW,sBAAQ,GAEtC;AAAA,wBACC,MAAA,EAAG,UAAA;AAAA,QAAA;AAAA,QAAEa,EAAiBzH,GAAM,oBAAoB;AAAA,MAAA,GAAE;AAAA,MACnD,gBAAAgH,EAAC,MAAA,EAAG,OAAOhH,GAAM,eAAe,IAC7B,UAAA;AAAA,QAAAyH,EAAiBzH,GAAM,WAAW;AAAA,QAClC0H,EAAoB1H,GAAM,QAAQ,uBAChC,QAAA,EAAK,UAAA;AAAA,UAAA;AAAA,UAAG0H,EAAoB1H,GAAM,QAAQ;AAAA,UAAE;AAAA,QAAA,EAAA,CAAC;AAAA,MAAA,GAElD;AAAA,MACA,gBAAA4G,EAAC,MAAA,EACC,UAAA,gBAAAI,EAAC,MAAA,EAAG,OAAO,EAAE,eAAe,QAAQ,SAAS,EAAA,GAC3C,UAAA;AAAA,QAAA,gBAAAJ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,OAAO;AAAA,cACP,YAAY;AAAA,cACZ,aAAa;AAAA,YAAA;AAAA,YAGf,UAAA,gBAAAA,EAACe,IAAA,EAAQ,IAAI,gBAAgB3H,GAAM,QAAQ,IACxC,UAAAyH,EAAiBzH,GAAM,cAAc,EAAA,CACxC;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,gBAAA4G,EAAC,MAAA,EAAG,OAAO,EAAE,OAAO,aACjB,UAAAa,EAAiBzH,GAAM,QAAQ,EAAA,CAClC;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,MACA,gBAAA4G,EAAC,MAAA,EAAI,UAAAa,EAAiBzH,GAAM,qBAAqB,GAAE;AAAA,MACnD,gBAAA4G,EAAC,MAAA,EAAI,UAAAa,EAAiBzH,GAAM,IAAI,GAAE;AAAA,MAClC,gBAAA4G,EAAC,MAAA,EAAI,UAAAa,EAAiBzH,GAAM,WAAW,GAAE;AAAA,MACzC,gBAAA4G,EAAC,MAAA,EAAI,UAAAa,EAAiBzH,GAAM,IAAI,GAAE;AAAA,wBACjC,MAAA,EACE,UAAA;AAAA,QAAAyH,EAAiBzH,GAAM,MAAM;AAAA,QAAG;AAAA,QAChCA,GAAM,UAAUA,GAAM,WAAW,OAAOiH,IAAc;AAAA,MAAA,GACzD;AAAA,MACA,gBAAAL,EAAC,MAAA,EAAI,UAAAa,EAAiBzH,GAAM,IAAI,GAAE;AAAA,MAClC,gBAAA4G,EAAC,MAAA,EAAI,UAAAa,EAAiBzH,GAAM,aAAa,GAAE;AAAA,MAC3C,gBAAA4G,EAAC,MAAA,EACE,UAAA5G,GAAM,eACH4H,GAAO,IAAI,KAAK5H,GAAM,YAAY,GAAG,YAAY,IACjD,UAAA,CACN;AAAA,MAEA,gBAAA4G,EAAC,MAAA,EAAI,UAAAa,EAAiBzH,GAAM,iBAAiB,GAAE;AAAA,MAC/C,gBAAA4G,EAAC,MAAA,EACC,UAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,aACZ,UAAA,gBAAAA;AAAA,QAACiB;AAAA,QAAA;AAAA,UACC,KAAK1G;AAAA,UACL,WAAWG,MAAgBqC,IAAQ,WAAW;AAAA,UAE9C,UAAA,gBAAAqD;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,SAAS,MAAMtD,GAAaC,CAAK;AAAA,cAEjC,UAAA;AAAA,gBAAA,gBAAAiD,EAACkB,IAAA,EAAY;AAAA,kCACZC,IAAA,EAAS;AAAA,gBACTzG,MAAgBqC,KACf,gBAAAiD,EAAC,OAAA,EAAI,KAAKvF,GACR,UAAA,gBAAAuF;AAAA,kBAACoB;AAAA,kBAAA;AAAA,oBACC,WAAWhI,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,KAlHOA,EAAK,EAmHd,CACD,EAAA,CAEL;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}
+{"version":3,"file":"ReturnOrderTable.js","sources":["../../../../../src/components/order-daily-overview/return-order-table/return-orders-filters/ReturnOrderTable.tsx"],"sourcesContent":["import { Checkbox, toReverseDeliveryLabel, 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  useClientPortal,\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 [isClientPortal] = useClientPortal();\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: { is_pagination: false } as any,\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      }\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 Date'}</th>\n              <th onClick={() => handleSort('collection_reason')}>\n                <div className=\"sortIconClass\">\n                  {isClientPortal ? 'Collection' : 'Reverse Delivery'} Reason{' '}\n                  {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>\n                    {displayValueOrNA(\n                      isClientPortal\n                        ? item?.return_reason\n                        : toReverseDeliveryLabel(item?.return_reason)\n                    )}\n                  </td>\n                  <td>\n                    {item?.collected_at\n                      ? format(new Date(item?.collected_at), 'dd/MM/yyyy')\n                      : 'UNKNOWN'}\n                  </td>\n\n                  <td>\n                    {displayValueOrNA(\n                      isClientPortal\n                        ? item?.collection_reason\n                        : toReverseDeliveryLabel(item?.collection_reason)\n                    )}\n                  </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","isClientPortal","useClientPortal","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","toReverseDeliveryLabel","format","CustomDrop","PrinterIcon","DownIcon","PrintDropDownReturn"],"mappings":"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"}

package/dist/components/order-view/order-actions/Dropdown.js

@@ -2,7 +2,7 @@ import { jsxs as a, jsx as o } from "react/jsx-runtime";
 import l from "styled-components";
 import { AntSelect as t } from "@bjsdistribution/dms-component-library";
 function f(e) {
-  return /* @__PURE__ */ a(i, { className: e.className, children: [
+  return /* @__PURE__ */ a(s, { className: e.className, children: [
     /* @__PURE__ */ a(r, { children: [
       e.label,
       e.required && /* @__PURE__ */ o(n, { children: "*" })
@@ -17,7 +17,7 @@ function f(e) {
         style: { width: "100%" },
         onSearch: e.onSearch,
         showSearch: !0,
-        popupClassName: "dropDownStyle",
+        popupClassName: e.popupClassName ? `dropDownStyle ${e.popupClassName}` : "dropDownStyle",
         selectWrapperClass: "rounded",
         defaultValue: e.value
       }
@@ -33,7 +33,7 @@ const n = l.span`
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
-`, i = l.div`
+`, s = l.div`
   display: flex;
   flex-direction: column;
   gap: 6px;

package/dist/components/order-view/order-actions/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../../src/components/order-view/order-actions/Dropdown.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport React from 'react';\nimport {\n  AntSelect,\n  StandardOptionsType,\n} from '@bjsdistribution/dms-component-library';\n\ninterface ActionsDropdownProps {\n  label: string;\n  placeholder: string;\n  options: StandardOptionsType[];\n  onSelect: (value: string) => void;\n  onSearch?: () => void;\n  className?: string;\n  value?: string;\n  disabled?: boolean;\n  defaultValue?: any;\n  onChange?: any;\n  required?: boolean;\n}\n\nfunction OrderActionsDropdown(props: ActionsDropdownProps) {\n  return (\n    <Container className={props.className}>\n      <Label>\n        {props.label}\n        {props.required && <RequiredAsterisk>*</RequiredAsterisk>}\n      </Label>\n      <AntSelect\n        options={props.options}\n        placeholder={props.placeholder}\n        onChange={props.onSelect}\n        disabled={props.disabled}\n        style={{ width: '100%' }}\n        onSearch={props.onSearch}\n        showSearch={true}\n        popupClassName={'dropDownStyle'}\n        selectWrapperClass={'rounded'}\n        defaultValue={props.value}\n      />\n    </Container>\n  );\n}\n\nconst RequiredAsterisk = styled.span`\n  color: red;\n  margin-left: 2px;\n`;\n\nconst Label = styled.label`\n  color: #6a7378;\n  font-family: 'Lato', sans-serif;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n`;\n\nexport default OrderActionsDropdown;\n"],"names":["OrderActionsDropdown","props","jsxs","Container","Label","jsx","RequiredAsterisk","AntSelect","styled"],"mappings":";;;AAqBA,SAASA,EAAqBC,GAA6B;AACzD,SACE,gBAAAC,EAACC,GAAA,EAAU,WAAWF,EAAM,WAC1B,UAAA;AAAA,IAAA,gBAAAC,EAACE,GAAA,EACE,UAAA;AAAA,MAAAH,EAAM;AAAA,MACNA,EAAM,YAAY,gBAAAI,EAACC,GAAA,EAAiB,UAAA,IAAA,CAAC;AAAA,IAAA,GACxC;AAAA,IACA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,SAASN,EAAM;AAAA,QACf,aAAaA,EAAM;AAAA,QACnB,UAAUA,EAAM;AAAA,QAChB,UAAUA,EAAM;AAAA,QAChB,OAAO,EAAE,OAAO,OAAA;AAAA,QAChB,UAAUA,EAAM;AAAA,QAChB,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,oBAAoB;AAAA,QACpB,cAAcA,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACtB,GACF;AAEJ;AAEA,MAAMK,IAAmBE,EAAO;AAAA;AAAA;AAAA,GAK1BJ,IAAQI,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQfL,IAAYK,EAAO;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"Dropdown.js","sources":["../../../../src/components/order-view/order-actions/Dropdown.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport React from 'react';\nimport {\n  AntSelect,\n  StandardOptionsType,\n} from '@bjsdistribution/dms-component-library';\n\ninterface ActionsDropdownProps {\n  label: string;\n  placeholder: string;\n  options: StandardOptionsType[];\n  onSelect: (value: string) => void;\n  onSearch?: () => void;\n  className?: string;\n  popupClassName?: string;\n  value?: string;\n  disabled?: boolean;\n  defaultValue?: any;\n  onChange?: any;\n  required?: boolean;\n}\n\nfunction OrderActionsDropdown(props: ActionsDropdownProps) {\n  return (\n    <Container className={props.className}>\n      <Label>\n        {props.label}\n        {props.required && <RequiredAsterisk>*</RequiredAsterisk>}\n      </Label>\n      <AntSelect\n        options={props.options}\n        placeholder={props.placeholder}\n        onChange={props.onSelect}\n        disabled={props.disabled}\n        style={{ width: '100%' }}\n        onSearch={props.onSearch}\n        showSearch={true}\n        popupClassName={\n          props.popupClassName\n            ? `dropDownStyle ${props.popupClassName}`\n            : 'dropDownStyle'\n        }\n        selectWrapperClass={'rounded'}\n        defaultValue={props.value}\n      />\n    </Container>\n  );\n}\n\nconst RequiredAsterisk = styled.span`\n  color: red;\n  margin-left: 2px;\n`;\n\nconst Label = styled.label`\n  color: #6a7378;\n  font-family: 'Lato', sans-serif;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n`;\n\nexport default OrderActionsDropdown;\n"],"names":["OrderActionsDropdown","props","jsxs","Container","Label","jsx","RequiredAsterisk","AntSelect","styled"],"mappings":";;;AAsBA,SAASA,EAAqBC,GAA6B;AACzD,SACE,gBAAAC,EAACC,GAAA,EAAU,WAAWF,EAAM,WAC1B,UAAA;AAAA,IAAA,gBAAAC,EAACE,GAAA,EACE,UAAA;AAAA,MAAAH,EAAM;AAAA,MACNA,EAAM,YAAY,gBAAAI,EAACC,GAAA,EAAiB,UAAA,IAAA,CAAC;AAAA,IAAA,GACxC;AAAA,IACA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,SAASN,EAAM;AAAA,QACf,aAAaA,EAAM;AAAA,QACnB,UAAUA,EAAM;AAAA,QAChB,UAAUA,EAAM;AAAA,QAChB,OAAO,EAAE,OAAO,OAAA;AAAA,QAChB,UAAUA,EAAM;AAAA,QAChB,YAAY;AAAA,QACZ,gBACEA,EAAM,iBACF,iBAAiBA,EAAM,cAAc,KACrC;AAAA,QAEN,oBAAoB;AAAA,QACpB,cAAcA,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACtB,GACF;AAEJ;AAEA,MAAMK,IAAmBE,EAAO;AAAA;AAAA;AAAA,GAK1BJ,IAAQI,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQfL,IAAYK,EAAO;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/order-view/order-actions/actions/cancel-order/CancelOrderTable.js

@@ -1,65 +1,67 @@
-import { jsx as e, jsxs as o, Fragment as g } from "react/jsx-runtime";
-import { useCancelOrderProducts as y, useOrderStaticData as w } from "../../../store.js";
-import { useLoading as v } from "../../../../order-daily-overview/store/store.js";
-import { Select as S, Skeleton as _, Empty as O } from "antd";
-import R from "../../Dropdown.js";
-import d from "styled-components";
-import b from "../../../../../assets/icons/DeliverProductIcon.js";
-import s from "../../../../../assets/icons/ReturnProductIcon.js";
-import { EmptyDataContainer as C } from "../charge-log/index.js";
-const D = [
+import { jsx as e, jsxs as o, Fragment as y } from "react/jsx-runtime";
+import { useCancelOrderProducts as v, useOrderStaticData as w } from "../../../store.js";
+import { useLoading as S } from "../../../../order-daily-overview/store/store.js";
+import { Select as _, Skeleton as R, Empty as C } from "antd";
+import O from "../../Dropdown.js";
+import l from "styled-components";
+import x from "../../../../../assets/icons/DeliverProductIcon.js";
+import c from "../../../../../assets/icons/ReturnProductIcon.js";
+import { EmptyDataContainer as D } from "../charge-log/index.js";
+import { useClientPortal as k } from "../../../../store.js";
+import { toReverseDeliveryLabel as T } from "@bjsdistribution/dms-component-library";
+const P = [
   {
     label: "Deliver",
     value: "deliver",
-    icon: /* @__PURE__ */ e(b, {})
+    icon: /* @__PURE__ */ e(x, {})
   },
   {
     label: "Return",
     value: "return",
-    icon: /* @__PURE__ */ e(s, {})
+    icon: /* @__PURE__ */ e(c, {})
   }
-], k = [
+], I = [
   {
     label: "Return",
     value: "return",
-    icon: /* @__PURE__ */ e(s, {})
+    icon: /* @__PURE__ */ e(c, {})
   }
-], Y = () => {
+], M = () => {
   const [
-    l,
+    d,
     f
-  ] = y(), [m] = v(), [p] = w();
-  if (!l?.length)
+  ] = v(), [m] = S(), [p] = w(), [g] = k();
+  if (!d?.length)
     return null;
-  const h = p?.return_reasons?.map(
+  const u = p?.return_reasons?.map(
     (r) => ({
-      label: r?.reason,
+      label: g ? r?.reason : T(r?.reason),
       value: r?.reason
     })
-  ), u = p?.order_product_return_action?.map(
+  ), h = p?.order_product_return_action?.map(
     (r) => ({
       label: r?.value,
       value: r?.value
     })
   ), i = (r, n, a) => {
     console.log(r, n, a);
-    const t = l?.map(
-      (c) => c.order_product_id === n ? {
-        ...c,
+    const t = d?.map(
+      (s) => s.order_product_id === n ? {
+        ...s,
         [a]: r
-      } : c
+      } : s
     );
     f(t);
   };
-  return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(I, { children: /* @__PURE__ */ o(P, { className: "scrollClass", children: [
+  return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(A, { children: /* @__PURE__ */ o(N, { className: "scrollClass", children: [
     /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ o("tr", { children: [
       /* @__PURE__ */ e("th", { children: "Status" }),
       /* @__PURE__ */ e("th", { children: "Code" }),
       /* @__PURE__ */ e("th", { children: "Description" }),
       /* @__PURE__ */ e("th", { children: "SKU" })
     ] }) }),
-    /* @__PURE__ */ e("tbody", { children: m ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 4, children: /* @__PURE__ */ e(_, { active: !0 }) }) }) : l?.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { className: "emptyTd", colSpan: 4, children: /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(O, {}) }) }) }) : l?.map((r) => {
-      const n = r?.product_type === "deliver" ? D : k, a = r?.action === "return";
+    /* @__PURE__ */ e("tbody", { children: m ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 4, children: /* @__PURE__ */ e(R, { active: !0 }) }) }) : d?.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { className: "emptyTd", colSpan: 4, children: /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(C, {}) }) }) }) : d?.map((r) => {
+      const n = r?.product_type === "deliver" ? P : I, a = r?.action === "return";
       return /* @__PURE__ */ e(
         "tr",
         {
@@ -69,7 +71,7 @@ const D = [
           children: /* @__PURE__ */ e("td", { colSpan: 4, children: /* @__PURE__ */ e("table", { style: { width: "100%" }, children: /* @__PURE__ */ o("tbody", { children: [
             /* @__PURE__ */ o("tr", { children: [
               /* @__PURE__ */ e("td", { style: { width: "25%" }, children: /* @__PURE__ */ e(
-                T,
+                L,
                 {
                   options: n,
                   placeholder: "Select",
@@ -78,7 +80,7 @@ const D = [
                     r?.order_product_id,
                     "action"
                   ),
-                  prefix: r?.action === "deliver" ? /* @__PURE__ */ e(b, {}) : r?.action === "return" ? /* @__PURE__ */ e(s, {}) : /* @__PURE__ */ e(g, {}),
+                  prefix: r?.action === "deliver" ? /* @__PURE__ */ e(x, {}) : r?.action === "return" ? /* @__PURE__ */ e(c, {}) : /* @__PURE__ */ e(y, {}),
                   style: { width: "100%" },
                   value: n?.filter(
                     (t) => t?.value === r?.action
@@ -110,37 +112,37 @@ const D = [
               /* @__PURE__ */ e("td", { style: { width: "25%" }, children: r?.description }),
               /* @__PURE__ */ e("td", { style: { width: "25%" }, children: r?.sku })
             ] }),
-            a && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 4, children: /* @__PURE__ */ o(A, { children: [
+            a && /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: 4, children: /* @__PURE__ */ o(j, { children: [
               /* @__PURE__ */ e(
-                x,
+                b,
                 {
                   label: "Return Action",
                   required: !0,
                   placeholder: "Select action",
-                  options: u,
+                  options: h,
                   onSelect: (t) => i(
                     t,
                     r?.order_product_id,
                     "return_action"
                   ),
-                  value: u?.filter(
+                  value: h?.filter(
                     (t) => t.value === r?.return_action
                   )
                 }
               ),
               /* @__PURE__ */ e(
-                x,
+                b,
                 {
                   label: "Return Reason",
                   required: !0,
                   placeholder: "Select reason",
-                  options: h,
+                  options: u,
                   onSelect: (t) => i(
                     t,
                     r?.order_product_id,
                     "return_reason"
                   ),
-                  value: h?.filter(
+                  value: u?.filter(
                     (t) => t.value === r?.return_reason
                   )
                 }
@@ -152,7 +154,7 @@ const D = [
       );
     }) })
   ] }) }) });
-}, T = d(S)`
+}, L = l(_)`
   .ant-select-selector {
     border-radius: 25px !important;
     /* border: none !important; */
@@ -170,16 +172,16 @@ const D = [
     font-weight: 400;
     font-size: 13px;
   }
-`, I = d.div`
+`, A = l.div`
   width: 100%;
   overflow-x: auto;
   background-color: #fff;
   border-radius: 12px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
   padding: 16px;
-`, x = d(R)`
+`, b = l(O)`
   flex: 1;
-`, P = d.table`
+`, N = l.table`
   width: 100%;
   font-size: 14px;
   color: #333;
@@ -244,7 +246,7 @@ const D = [
     background: transparent;
     padding: 8px 12px;
   }
-`, A = d.div`
+`, j = l.div`
   display: flex;
   flex-direction: row;
   gap: 12px;
@@ -252,8 +254,8 @@ const D = [
   width: 100%;
 `;
 export {
-  P as StyledTable,
-  I as StyledTableWrapper,
-  Y as default
+  N as StyledTable,
+  A as StyledTableWrapper,
+  M as default
 };
 //# sourceMappingURL=CancelOrderTable.js.map

package/dist/components/order-view/order-actions/actions/cancel-order/CancelOrderTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"CancelOrderTable.js","sources":["../../../../../../src/components/order-view/order-actions/actions/cancel-order/CancelOrderTable.tsx"],"sourcesContent":["import React from 'react';\nimport { useCancelOrderProducts, useOrderStaticData } from '../../../store';\nimport { useLoading } from '../../../../order-daily-overview/store/store';\nimport { Empty, Select, Skeleton } from 'antd';\n// import { AntSelect } from '@bjsdistribution/dms-component-library';\nimport { CancelOrderProductsType } from '../../../types';\nimport OrderActionsDropdown from '../../Dropdown';\nimport styled from 'styled-components';\nimport DeliverProductIcon from '../../../../../assets/icons/DeliverProductIcon';\nimport ReturnProductIcon from '../../../../../assets/icons/ReturnProductIcon';\nimport { EmptyDataContainer } from '../charge-log';\n\nconst deliverTypeOptions = [\n  {\n    label: 'Deliver',\n    value: 'deliver',\n    icon: <DeliverProductIcon />,\n  },\n  {\n    label: 'Return',\n    value: 'return',\n    icon: <ReturnProductIcon />,\n  },\n];\n\nconst collectTypeOptions = [\n  {\n    label: 'Return',\n    value: 'return',\n    icon: <ReturnProductIcon />,\n  },\n];\n\nconst CancelOrderTable = () => {\n  const [\n    cancelOrderProducts,\n    setCancelOrderProducts,\n  ] = useCancelOrderProducts();\n\n  const [loading] = useLoading();\n  const [orderStaticData] = useOrderStaticData();\n\n  if (!cancelOrderProducts?.length) {\n    return null;\n  }\n\n  const returnReasonsOptions = orderStaticData?.return_reasons?.map(\n    (option: any) => ({\n      label: option?.reason,\n      value: option?.reason,\n    })\n  );\n\n  const returnActionOptions = orderStaticData?.order_product_return_action?.map(\n    (option: any) => ({\n      label: option?.value,\n      value: option?.value,\n    })\n  );\n\n  const onChange = (\n    selectedVal: string,\n    id: number,\n    type: keyof CancelOrderProductsType\n  ) => {\n    console.log(selectedVal, id, type);\n    const updatedList = cancelOrderProducts?.map(\n      (item: CancelOrderProductsType) => {\n        const newItem =\n          item.order_product_id === id\n            ? {\n                ...item,\n                [type]: selectedVal,\n              }\n            : item;\n        return newItem;\n      }\n    );\n    setCancelOrderProducts(updatedList);\n  };\n\n  return (\n    <div>\n      <StyledTableWrapper>\n        <StyledTable className=\"scrollClass\">\n          <thead>\n            <tr>\n              <th>Status</th>\n              <th>Code</th>\n              <th>Description</th>\n              <th>SKU</th>\n            </tr>\n          </thead>\n          <tbody>\n            {loading ? (\n              <tr>\n                <td colSpan={4}>\n                  <Skeleton active />\n                </td>\n              </tr>\n            ) : cancelOrderProducts?.length === 0 ? (\n              <tr>\n                <td className=\"emptyTd\" colSpan={4}>\n                  <EmptyDataContainer>\n                    <Empty />\n                  </EmptyDataContainer>\n                </td>\n              </tr>\n            ) : (\n              cancelOrderProducts?.map((product: CancelOrderProductsType) => {\n                const dropdownOptions =\n                  product?.product_type === 'deliver'\n                    ? deliverTypeOptions\n                    : collectTypeOptions;\n\n                const isReturn = product?.action === 'return';\n\n                return (\n                  <tr\n                    key={product?.order_product_id}\n                    style={{\n                      boxShadow: '0px 1px 3px 0px rgba(16, 24, 40, 0.1)',\n                    }}\n                  >\n                    <td colSpan={4}>\n                      <table style={{ width: '100%' }}>\n                        <tbody>\n                          <tr>\n                            <td style={{ width: '25%' }}>\n                              <CustomSelectDropdown\n                                options={dropdownOptions}\n                                placeholder=\"Select\"\n                                onChange={(val: any) =>\n                                  onChange(\n                                    val,\n                                    product?.order_product_id!,\n                                    'action'\n                                  )\n                                }\n                                prefix={\n                                  product?.action === 'deliver' ? (\n                                    <DeliverProductIcon />\n                                  ) : product?.action === 'return' ? (\n                                    <ReturnProductIcon />\n                                  ) : (\n                                    <></>\n                                  )\n                                }\n                                style={{ width: '100%' }}\n                                value={dropdownOptions?.filter(\n                                  (item: any) => item?.value === product?.action\n                                )}\n                                optionRender={(option: any) => (\n                                  <div\n                                    style={{\n                                      display: 'flex',\n                                      gap: '8px',\n                                      alignItems: 'center',\n                                    }}\n                                  >\n                                    <span\n                                      style={{ display: 'flex' }}\n                                      aria-label={option.data.label}\n                                    >\n                                      {option.data.icon}\n                                    </span>\n                                    <span style={{ color: '#8D8F90' }}>\n                                      {option.data.label}\n                                    </span>\n                                  </div>\n                                )}\n                              />\n                            </td>\n                            <td style={{ width: '25%' }}>{product?.code}</td>\n                            <td style={{ width: '25%' }}>\n                              {product?.description}\n                            </td>\n                            <td style={{ width: '25%' }}>{product?.sku}</td>\n                          </tr>\n\n                          {isReturn && (\n                            <tr>\n                              <td colSpan={4}>\n                                <ReturnRowWrapper>\n                                  <StyledDropdown\n                                    label=\"Return Action\"\n                                    required\n                                    placeholder=\"Select action\"\n                                    options={returnActionOptions}\n                                    onSelect={(val: any) =>\n                                      onChange(\n                                        val,\n                                        product?.order_product_id!,\n                                        'return_action'\n                                      )\n                                    }\n                                    value={returnActionOptions?.filter(\n                                      (option: any) =>\n                                        option.value === product?.return_action\n                                    )}\n                                  />\n                                  <StyledDropdown\n                                    label=\"Return Reason\"\n                                    required\n                                    placeholder=\"Select reason\"\n                                    options={returnReasonsOptions}\n                                    onSelect={(val: any) =>\n                                      onChange(\n                                        val,\n                                        product?.order_product_id!,\n                                        'return_reason'\n                                      )\n                                    }\n                                    value={returnReasonsOptions?.filter(\n                                      (option: any) =>\n                                        option.value === product?.return_reason\n                                    )}\n                                  />\n                                </ReturnRowWrapper>\n                              </td>\n                            </tr>\n                          )}\n                        </tbody>\n                      </table>\n                    </td>\n                  </tr>\n                );\n              })\n            )}\n          </tbody>\n        </StyledTable>\n      </StyledTableWrapper>\n    </div>\n  );\n};\n\nconst CustomSelectDropdown: any = styled(Select)`\n  .ant-select-selector {\n    border-radius: 25px !important;\n    /* border: none !important; */\n    min-width: 100px;\n    padding: 0 10px;\n    display: flex;\n    gap: 10px;\n    align-items: center;\n\n    .ant-select-prefix {\n      margin-top: 3px;\n    }\n  }\n  .ant-select-selection-item {\n    font-weight: 400;\n    font-size: 13px;\n  }\n`;\n\nexport const StyledTableWrapper = styled.div`\n  width: 100%;\n  overflow-x: auto;\n  background-color: #fff;\n  border-radius: 12px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n  padding: 16px;\n`;\n\nconst StyledDropdown = styled(OrderActionsDropdown)`\n  flex: 1;\n`;\n\nexport const StyledTable = styled.table`\n  width: 100%;\n  font-size: 14px;\n  color: #333;\n  border-spacing: 0 10px;\n\n  th,\n  td {\n    padding: 12px 16px;\n    background: #fff;\n  }\n\n  th {\n    background: #f0f2f2;\n\n    &:first-child {\n      border-top-left-radius: 40px;\n      border-bottom-left-radius: 40px;\n    }\n\n    &:last-child {\n      border-top-right-radius: 40px;\n      border-bottom-right-radius: 40px;\n    }\n  }\n\n  // This affects ONLY top-level rows\n  > tbody > tr {\n    background: #fff;\n    border-radius: 40px;\n    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1);\n  }\n\n  // Round the outer row's corners only on first/last td\n  > tbody > tr > td:first-child {\n    border-top-left-radius: 40px;\n    border-bottom-left-radius: 40px;\n  }\n\n  > tbody > tr > td:last-child {\n    border-top-right-radius: 40px;\n    border-bottom-right-radius: 40px;\n  }\n\n  .scrollClass {\n    overflow-x: auto;\n  }\n\n  .emptyTd {\n    text-align: center;\n    padding: 40px 0;\n    color: #999;\n    background: transparent;\n    box-shadow: none;\n  }\n\n  td table {\n    border-spacing: 0;\n    width: 100%;\n  }\n\n  td table td {\n    background: transparent;\n    padding: 8px 12px;\n  }\n`;\n\nconst ReturnRowWrapper = styled.div`\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n  padding: 0 12px;\n  width: 100%;\n`;\n\nexport default CancelOrderTable;\n"],"names":["deliverTypeOptions","DeliverProductIcon","ReturnProductIcon","collectTypeOptions","CancelOrderTable","cancelOrderProducts","setCancelOrderProducts","useCancelOrderProducts","loading","useLoading","orderStaticData","useOrderStaticData","returnReasonsOptions","option","returnActionOptions","onChange","selectedVal","id","type","updatedList","item","jsx","StyledTableWrapper","jsxs","StyledTable","Skeleton","EmptyDataContainer","Empty","product","dropdownOptions","isReturn","CustomSelectDropdown","val","Fragment","ReturnRowWrapper","StyledDropdown","styled","Select","OrderActionsDropdown"],"mappings":"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"}
+{"version":3,"file":"CancelOrderTable.js","sources":["../../../../../../src/components/order-view/order-actions/actions/cancel-order/CancelOrderTable.tsx"],"sourcesContent":["import React from 'react';\nimport { useCancelOrderProducts, useOrderStaticData } from '../../../store';\nimport { useLoading } from '../../../../order-daily-overview/store/store';\nimport { Empty, Select, Skeleton } from 'antd';\n// import { AntSelect } from '@bjsdistribution/dms-component-library';\nimport { CancelOrderProductsType } from '../../../types';\nimport OrderActionsDropdown from '../../Dropdown';\nimport styled from 'styled-components';\nimport DeliverProductIcon from '../../../../../assets/icons/DeliverProductIcon';\nimport ReturnProductIcon from '../../../../../assets/icons/ReturnProductIcon';\nimport { EmptyDataContainer } from '../charge-log';\nimport { useClientPortal } from '../../../../store';\nimport { toReverseDeliveryLabel } from '@bjsdistribution/dms-component-library';\n\nconst deliverTypeOptions = [\n  {\n    label: 'Deliver',\n    value: 'deliver',\n    icon: <DeliverProductIcon />,\n  },\n  {\n    label: 'Return',\n    value: 'return',\n    icon: <ReturnProductIcon />,\n  },\n];\n\nconst collectTypeOptions = [\n  {\n    label: 'Return',\n    value: 'return',\n    icon: <ReturnProductIcon />,\n  },\n];\n\nconst CancelOrderTable = () => {\n  const [\n    cancelOrderProducts,\n    setCancelOrderProducts,\n  ] = useCancelOrderProducts();\n\n  const [loading] = useLoading();\n  const [orderStaticData] = useOrderStaticData();\n  const [isClientPortal] = useClientPortal();\n\n  if (!cancelOrderProducts?.length) {\n    return null;\n  }\n\n  const returnReasonsOptions = orderStaticData?.return_reasons?.map(\n    (option: any) => ({\n      label: isClientPortal\n        ? option?.reason\n        : toReverseDeliveryLabel(option?.reason),\n      value: option?.reason,\n    })\n  );\n\n  const returnActionOptions = orderStaticData?.order_product_return_action?.map(\n    (option: any) => ({\n      label: option?.value,\n      value: option?.value,\n    })\n  );\n\n  const onChange = (\n    selectedVal: string,\n    id: number,\n    type: keyof CancelOrderProductsType\n  ) => {\n    console.log(selectedVal, id, type);\n    const updatedList = cancelOrderProducts?.map(\n      (item: CancelOrderProductsType) => {\n        const newItem =\n          item.order_product_id === id\n            ? {\n                ...item,\n                [type]: selectedVal,\n              }\n            : item;\n        return newItem;\n      }\n    );\n    setCancelOrderProducts(updatedList);\n  };\n\n  return (\n    <div>\n      <StyledTableWrapper>\n        <StyledTable className=\"scrollClass\">\n          <thead>\n            <tr>\n              <th>Status</th>\n              <th>Code</th>\n              <th>Description</th>\n              <th>SKU</th>\n            </tr>\n          </thead>\n          <tbody>\n            {loading ? (\n              <tr>\n                <td colSpan={4}>\n                  <Skeleton active />\n                </td>\n              </tr>\n            ) : cancelOrderProducts?.length === 0 ? (\n              <tr>\n                <td className=\"emptyTd\" colSpan={4}>\n                  <EmptyDataContainer>\n                    <Empty />\n                  </EmptyDataContainer>\n                </td>\n              </tr>\n            ) : (\n              cancelOrderProducts?.map((product: CancelOrderProductsType) => {\n                const dropdownOptions =\n                  product?.product_type === 'deliver'\n                    ? deliverTypeOptions\n                    : collectTypeOptions;\n\n                const isReturn = product?.action === 'return';\n\n                return (\n                  <tr\n                    key={product?.order_product_id}\n                    style={{\n                      boxShadow: '0px 1px 3px 0px rgba(16, 24, 40, 0.1)',\n                    }}\n                  >\n                    <td colSpan={4}>\n                      <table style={{ width: '100%' }}>\n                        <tbody>\n                          <tr>\n                            <td style={{ width: '25%' }}>\n                              <CustomSelectDropdown\n                                options={dropdownOptions}\n                                placeholder=\"Select\"\n                                onChange={(val: any) =>\n                                  onChange(\n                                    val,\n                                    product?.order_product_id!,\n                                    'action'\n                                  )\n                                }\n                                prefix={\n                                  product?.action === 'deliver' ? (\n                                    <DeliverProductIcon />\n                                  ) : product?.action === 'return' ? (\n                                    <ReturnProductIcon />\n                                  ) : (\n                                    <></>\n                                  )\n                                }\n                                style={{ width: '100%' }}\n                                value={dropdownOptions?.filter(\n                                  (item: any) => item?.value === product?.action\n                                )}\n                                optionRender={(option: any) => (\n                                  <div\n                                    style={{\n                                      display: 'flex',\n                                      gap: '8px',\n                                      alignItems: 'center',\n                                    }}\n                                  >\n                                    <span\n                                      style={{ display: 'flex' }}\n                                      aria-label={option.data.label}\n                                    >\n                                      {option.data.icon}\n                                    </span>\n                                    <span style={{ color: '#8D8F90' }}>\n                                      {option.data.label}\n                                    </span>\n                                  </div>\n                                )}\n                              />\n                            </td>\n                            <td style={{ width: '25%' }}>{product?.code}</td>\n                            <td style={{ width: '25%' }}>\n                              {product?.description}\n                            </td>\n                            <td style={{ width: '25%' }}>{product?.sku}</td>\n                          </tr>\n\n                          {isReturn && (\n                            <tr>\n                              <td colSpan={4}>\n                                <ReturnRowWrapper>\n                                  <StyledDropdown\n                                    label=\"Return Action\"\n                                    required\n                                    placeholder=\"Select action\"\n                                    options={returnActionOptions}\n                                    onSelect={(val: any) =>\n                                      onChange(\n                                        val,\n                                        product?.order_product_id!,\n                                        'return_action'\n                                      )\n                                    }\n                                    value={returnActionOptions?.filter(\n                                      (option: any) =>\n                                        option.value === product?.return_action\n                                    )}\n                                  />\n                                  <StyledDropdown\n                                    label=\"Return Reason\"\n                                    required\n                                    placeholder=\"Select reason\"\n                                    options={returnReasonsOptions}\n                                    onSelect={(val: any) =>\n                                      onChange(\n                                        val,\n                                        product?.order_product_id!,\n                                        'return_reason'\n                                      )\n                                    }\n                                    value={returnReasonsOptions?.filter(\n                                      (option: any) =>\n                                        option.value === product?.return_reason\n                                    )}\n                                  />\n                                </ReturnRowWrapper>\n                              </td>\n                            </tr>\n                          )}\n                        </tbody>\n                      </table>\n                    </td>\n                  </tr>\n                );\n              })\n            )}\n          </tbody>\n        </StyledTable>\n      </StyledTableWrapper>\n    </div>\n  );\n};\n\nconst CustomSelectDropdown: any = styled(Select)`\n  .ant-select-selector {\n    border-radius: 25px !important;\n    /* border: none !important; */\n    min-width: 100px;\n    padding: 0 10px;\n    display: flex;\n    gap: 10px;\n    align-items: center;\n\n    .ant-select-prefix {\n      margin-top: 3px;\n    }\n  }\n  .ant-select-selection-item {\n    font-weight: 400;\n    font-size: 13px;\n  }\n`;\n\nexport const StyledTableWrapper = styled.div`\n  width: 100%;\n  overflow-x: auto;\n  background-color: #fff;\n  border-radius: 12px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\n  padding: 16px;\n`;\n\nconst StyledDropdown = styled(OrderActionsDropdown)`\n  flex: 1;\n`;\n\nexport const StyledTable = styled.table`\n  width: 100%;\n  font-size: 14px;\n  color: #333;\n  border-spacing: 0 10px;\n\n  th,\n  td {\n    padding: 12px 16px;\n    background: #fff;\n  }\n\n  th {\n    background: #f0f2f2;\n\n    &:first-child {\n      border-top-left-radius: 40px;\n      border-bottom-left-radius: 40px;\n    }\n\n    &:last-child {\n      border-top-right-radius: 40px;\n      border-bottom-right-radius: 40px;\n    }\n  }\n\n  // This affects ONLY top-level rows\n  > tbody > tr {\n    background: #fff;\n    border-radius: 40px;\n    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1);\n  }\n\n  // Round the outer row's corners only on first/last td\n  > tbody > tr > td:first-child {\n    border-top-left-radius: 40px;\n    border-bottom-left-radius: 40px;\n  }\n\n  > tbody > tr > td:last-child {\n    border-top-right-radius: 40px;\n    border-bottom-right-radius: 40px;\n  }\n\n  .scrollClass {\n    overflow-x: auto;\n  }\n\n  .emptyTd {\n    text-align: center;\n    padding: 40px 0;\n    color: #999;\n    background: transparent;\n    box-shadow: none;\n  }\n\n  td table {\n    border-spacing: 0;\n    width: 100%;\n  }\n\n  td table td {\n    background: transparent;\n    padding: 8px 12px;\n  }\n`;\n\nconst ReturnRowWrapper = styled.div`\n  display: flex;\n  flex-direction: row;\n  gap: 12px;\n  padding: 0 12px;\n  width: 100%;\n`;\n\nexport default CancelOrderTable;\n"],"names":["deliverTypeOptions","DeliverProductIcon","ReturnProductIcon","collectTypeOptions","CancelOrderTable","cancelOrderProducts","setCancelOrderProducts","useCancelOrderProducts","loading","useLoading","orderStaticData","useOrderStaticData","isClientPortal","useClientPortal","returnReasonsOptions","option","toReverseDeliveryLabel","returnActionOptions","onChange","selectedVal","id","type","updatedList","item","jsx","StyledTableWrapper","jsxs","StyledTable","Skeleton","EmptyDataContainer","Empty","product","dropdownOptions","isReturn","CustomSelectDropdown","val","Fragment","ReturnRowWrapper","StyledDropdown","styled","Select","OrderActionsDropdown"],"mappings":"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"}

package/dist/components/order-view/order-actions/actions/cancel-order/ReturnReason.js

@@ -1,32 +1,45 @@
-import { jsx as s } from "react/jsx-runtime";
-import { useOrderStaticData as c, useCancelOrderProducts as u } from "../../../store.js";
-import l from "../../Dropdown.js";
-function R() {
-  const [r] = c(), [, t] = u(), o = r?.return_reasons?.map(
+import { jsxs as c, Fragment as i, jsx as r } from "react/jsx-runtime";
+import { useOrderStaticData as p, useCancelOrderProducts as m } from "../../../store.js";
+import u from "../../Dropdown.js";
+import { createGlobalStyle as d } from "styled-components";
+import { useClientPortal as R } from "../../../../store.js";
+import { toReverseDeliveryLabel as f } from "@bjsdistribution/dms-component-library";
+const w = d`
+  .returnReasonDropdown.ant-select-dropdown {
+    min-width: 420px !important;
+    max-width: 90vw !important;
+  }
+`;
+function v() {
+  const [t] = p(), [, o] = m(), [n] = R(), a = t?.return_reasons?.map(
     (e) => ({
-      label: e?.reason,
+      label: n ? e?.reason : f(e?.reason),
       value: e?.reason
     })
   );
-  return /* @__PURE__ */ s(
-    l,
-    {
-      label: "Return Reason",
-      placeholder: "Select Return Reason",
-      options: o,
-      onSelect: (e) => {
-        t(
-          (n) => n?.map((a) => ({
-            ...a,
-            action: "return",
-            return_reason: e
-          }))
-        );
+  return /* @__PURE__ */ c(i, { children: [
+    /* @__PURE__ */ r(w, {}),
+    /* @__PURE__ */ r(
+      u,
+      {
+        label: "Return Reason",
+        placeholder: "Select Return Reason",
+        options: a,
+        onSelect: (e) => {
+          o(
+            (s) => s?.map((l) => ({
+              ...l,
+              action: "return",
+              return_reason: e
+            }))
+          );
+        },
+        popupClassName: "returnReasonDropdown"
       }
-    }
-  );
+    )
+  ] });
 }
 export {
-  R as default
+  v as default
 };
 //# sourceMappingURL=ReturnReason.js.map

package/dist/components/order-view/order-actions/actions/cancel-order/ReturnReason.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReturnReason.js","sources":["../../../../../../src/components/order-view/order-actions/actions/cancel-order/ReturnReason.tsx"],"sourcesContent":["import { useCancelOrderProducts, useOrderStaticData } from '../../../store';\nimport { CancelOrderProductsType } from '../../../types';\nimport OrderActionsDropdown from '../../Dropdown';\nimport React from 'react';\nfunction ReturnReason() {\n  const [orderStaticData] = useOrderStaticData();\n  const [, setCancelOrderProducts] = useCancelOrderProducts();\n\n  const returnReasonsOptions = orderStaticData?.return_reasons?.map(\n    (option: any) => ({\n      label: option?.reason,\n      value: option?.reason,\n    })\n  );\n  const onSelect = (selectedValue: any) => {\n    setCancelOrderProducts((prev: CancelOrderProductsType[]) =>\n      prev?.map((item: any) => ({\n        ...item,\n        action: 'return',\n        return_reason: selectedValue,\n      }))\n    );\n  };\n  // const onSearch = () => {};\n\n  return (\n    <OrderActionsDropdown\n      label=\"Return Reason\"\n      placeholder=\"Select Return Reason\"\n      options={returnReasonsOptions}\n      onSelect={onSelect}\n      // onSearch={onSearch}\n    />\n  );\n}\n\nexport default ReturnReason;\n"],"names":["ReturnReason","orderStaticData","useOrderStaticData","setCancelOrderProducts","useCancelOrderProducts","returnReasonsOptions","option","jsx","OrderActionsDropdown","selectedValue","prev","item"],"mappings":";;;AAIA,SAASA,IAAe;AACtB,QAAM,CAACC,CAAe,IAAIC,EAAA,GACpB,CAAA,EAAGC,CAAsB,IAAIC,EAAA,GAE7BC,IAAuBJ,GAAiB,gBAAgB;AAAA,IAC5D,CAACK,OAAiB;AAAA,MAChB,OAAOA,GAAQ;AAAA,MACf,OAAOA,GAAQ;AAAA,IAAA;AAAA,EACjB;AAaF,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,aAAY;AAAA,MACZ,SAASH;AAAA,MACT,UAhBa,CAACI,MAAuB;AACvC,QAAAN;AAAA,UAAuB,CAACO,MACtBA,GAAM,IAAI,CAACC,OAAe;AAAA,YACxB,GAAGA;AAAA,YACH,QAAQ;AAAA,YACR,eAAeF;AAAA,UAAA,EACf;AAAA,QAAA;AAAA,MAEN;AAAA,IAQI;AAAA,EAAA;AAIN;"}
+{"version":3,"file":"ReturnReason.js","sources":["../../../../../../src/components/order-view/order-actions/actions/cancel-order/ReturnReason.tsx"],"sourcesContent":["import { useCancelOrderProducts, useOrderStaticData } from '../../../store';\nimport { CancelOrderProductsType } from '../../../types';\nimport OrderActionsDropdown from '../../Dropdown';\nimport React from 'react';\nimport { createGlobalStyle } from 'styled-components';\nimport { useClientPortal } from '../../../../store';\nimport { toReverseDeliveryLabel } from '@bjsdistribution/dms-component-library';\n\nconst ReturnReasonDropdownStyle = createGlobalStyle`\n  .returnReasonDropdown.ant-select-dropdown {\n    min-width: 420px !important;\n    max-width: 90vw !important;\n  }\n`;\n\nfunction ReturnReason() {\n  const [orderStaticData] = useOrderStaticData();\n  const [, setCancelOrderProducts] = useCancelOrderProducts();\n  const [isClientPortal] = useClientPortal();\n\n  const returnReasonsOptions = orderStaticData?.return_reasons?.map(\n    (option: any) => ({\n      label: isClientPortal\n        ? option?.reason\n        : toReverseDeliveryLabel(option?.reason),\n      value: option?.reason,\n    })\n  );\n  const onSelect = (selectedValue: any) => {\n    setCancelOrderProducts((prev: CancelOrderProductsType[]) =>\n      prev?.map((item: any) => ({\n        ...item,\n        action: 'return',\n        return_reason: selectedValue,\n      }))\n    );\n  };\n  // const onSearch = () => {};\n\n  return (\n    <>\n      <ReturnReasonDropdownStyle />\n      <OrderActionsDropdown\n        label=\"Return Reason\"\n        placeholder=\"Select Return Reason\"\n        options={returnReasonsOptions}\n        onSelect={onSelect}\n        popupClassName=\"returnReasonDropdown\"\n        // onSearch={onSearch}\n      />\n    </>\n  );\n}\n\nexport default ReturnReason;\n"],"names":["ReturnReasonDropdownStyle","createGlobalStyle","ReturnReason","orderStaticData","useOrderStaticData","setCancelOrderProducts","useCancelOrderProducts","isClientPortal","useClientPortal","returnReasonsOptions","option","toReverseDeliveryLabel","jsxs","Fragment","jsx","OrderActionsDropdown","selectedValue","prev","item"],"mappings":";;;;;;AAQA,MAAMA,IAA4BC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOlC,SAASC,IAAe;AACtB,QAAM,CAACC,CAAe,IAAIC,EAAA,GACpB,CAAA,EAAGC,CAAsB,IAAIC,EAAA,GAC7B,CAACC,CAAc,IAAIC,EAAA,GAEnBC,IAAuBN,GAAiB,gBAAgB;AAAA,IAC5D,CAACO,OAAiB;AAAA,MAChB,OAAOH,IACHG,GAAQ,SACRC,EAAuBD,GAAQ,MAAM;AAAA,MACzC,OAAOA,GAAQ;AAAA,IAAA;AAAA,EACjB;AAaF,SACE,gBAAAE,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACd,GAAA,EAA0B;AAAA,IAC3B,gBAAAc;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,SAASN;AAAA,QACT,UAlBW,CAACO,MAAuB;AACvC,UAAAX;AAAA,YAAuB,CAACY,MACtBA,GAAM,IAAI,CAACC,OAAe;AAAA,cACxB,GAAGA;AAAA,cACH,QAAQ;AAAA,cACR,eAAeF;AAAA,YAAA,EACf;AAAA,UAAA;AAAA,QAEN;AAAA,QAWM,gBAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EAEjB,GACF;AAEJ;"}