@bjsdistribution/dms-client-return 0.2.2-prod → 0.2.3-prod

package/dist/components/order-view/return-client-products/product-table/ReturnProductTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReturnProductTable.js","sources":["../../../../../src/components/order-view/return-client-products/product-table/ReturnProductTable.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport {\n  StyledTable,\n  StyledTableWrapper,\n} from '../../../order-daily-overview/return-order-table/return-orders-filters/returnstyles';\nimport {\n  CancelAndCompleteAction,\n  CancelationModal,\n  Checkbox,\n  displayValueOrNA,\n  toReverseDeliveryLabel,\n  useAxios,\n} from '@bjsdistribution/dms-component-library';\nimport ActionIcon from '../../../../assets/icons/ActionIcon';\nimport { useOrderId, useReturnProductDetails } from '../../store';\nimport { ApiResponse } from '../../types';\nimport { Empty, notification, Skeleton, Spin } from 'antd';\nimport {\n  useIsShowNorthSouth,\n  useNewReturnOrderData,\n  useSelectedProducts,\n  useClientPortal,\n} from '../../../store';\nimport styled from 'styled-components';\nimport { NavLink } from 'react-router-dom';\nimport { EmptyDataContainer } from '../../order-actions/actions/charge-log';\nimport CustomInput from '../../northern-southern-info/CustomInput';\nimport ChevronDownIcon from '../../../../assets/icons/ChevronDownIcon';\nimport {\n  groupProductsByPallet,\n  hasAnyPallet,\n  PalletGroup,\n  toggleGroupSelectionIds,\n} from './palletGrouping';\n\ninterface IPROS {\n  callReturnProducts: any;\n  loading: boolean;\n  locationloading: boolean;\n}\n\nconst ReturnProductTable = (props: IPROS) => {\n  const [selectedProducts, setSelectedProducts] = useSelectedProducts();\n  const [selectAll, setSelectAll] = useState(false);\n  const [productData] = useReturnProductDetails();\n  const [orderId] = useOrderId();\n  const [returnOrderData] = useNewReturnOrderData();\n  const [isNorthSouth] = useIsShowNorthSouth();\n  const [isClientPortal] = useClientPortal();\n\n  const [productToDelete, setProductToDelete] = useState<number | null>(null);\n  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState<boolean>(false);\n\n  const { loading: deleteLoading, fetchData: callDeleteProduct } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `v1/return/product/remove/`,\n    method: 'POST',\n  });\n\n  const handleOpenDeleteModal = (id: number) => {\n    setProductToDelete(id);\n    setIsDeleteModalOpen(true);\n  };\n\n  const handleConfirmDelete = async () => {\n    if (productToDelete === null) return;\n    const targetId = productToDelete;\n    try {\n      const response = (await callDeleteProduct({\n        payload: {\n          return_order_product_id: targetId,\n          return_order_id: +orderId,\n        },\n      })) as {\n        code: number | null;\n        error?: string | null;\n        data?: any[];\n        message?: string;\n      };\n\n      if (response?.code === 200) {\n        notification.success({\n          message: 'Success',\n          description: response?.message || 'Product deleted successfully.',\n        });\n        props?.callReturnProducts();\n      } else {\n        notification.error({\n          message: 'Deletion Failed',\n          description: response?.message || 'Could not delete the product.',\n        });\n      }\n    } catch (error) {\n      console.error('Error deleting product:', error);\n      notification.error({\n        message: 'Error',\n        //@ts-ignore\n        description: error?.message || 'An unexpected error occurred.',\n      });\n    } finally {\n      setProductToDelete(null);\n      setIsDeleteModalOpen(false);\n    }\n  };\n\n  const handleCancelDelete = () => {\n    if (deleteLoading) return;\n    setProductToDelete(null);\n    setIsDeleteModalOpen(false);\n  };\n\n  const handleSelectAll = () => {\n    if (selectAll) {\n      setSelectedProducts([]);\n    } else {\n      const allProductIds = productData?.map((product: any) => product.id);\n      setSelectedProducts(allProductIds);\n    }\n    setSelectAll(!selectAll);\n  };\n\n  const handleSelectProduct = (id: number) => {\n    setSelectedProducts((prevSelected: any) =>\n      prevSelected.includes(id)\n        ? prevSelected.filter((selectedId: any) => selectedId !== id)\n        : [...prevSelected, id]\n    );\n  };\n\n  const disableCheckbox =\n    productData?.length == 0 || returnOrderData?.length == 0;\n\n  const columnCount = isClientPortal ? 8 : 9;\n\n  const palletGroups = useMemo(() => groupProductsByPallet(productData), [\n    productData,\n  ]);\n\n  /**\n   * Orders picked before pallet scanning existed have no pallet IDs at all. Grouping\n   * those would render every item under \"re-scan required\", so they keep the flat\n   * list — matching the spec's \"one group per distinct pallet ID scanned\".\n   */\n  const isGrouped = useMemo(() => hasAnyPallet(productData), [productData]);\n\n  /** Pallet groups default to collapsed; the No Pallet ID group is always open. */\n  const [expandedPallets, setExpandedPallets] = useState<\n    Record<string, boolean>\n  >({});\n\n  /**\n   * Moving between return orders re-uses this component (route `/:id`, so no\n   * remount), and a pallet_id can legitimately appear on two orders — a whole-pallet\n   * split carries it to the new B number. Without this reset, a pallet the user had\n   * expanded on the previous order would open expanded on the next one, breaking\n   * \"default state: all groups collapsed\".\n   */\n  useEffect(() => {\n    setExpandedPallets({});\n  }, [orderId]);\n\n  const isGroupExpanded = (group: PalletGroup) =>\n    group.isNoPallet || !!expandedPallets[group.key];\n\n  const togglePallet = (key: string) =>\n    setExpandedPallets(prev => ({ ...prev, [key]: !prev[key] }));\n\n  const renderProductRow = (product: any) => (\n    <React.Fragment key={product.id}>\n      {/* MAIN ROW */}\n      <tr className=\"product-row\">\n        <td>\n          <StyleCheckbox\n            checked={selectedProducts?.includes(product?.id)}\n            onChange={() => handleSelectProduct(product?.id)}\n            disabled={disableCheckbox}\n          />\n        </td>\n        <td>{product?.location || 'N/A'}</td>\n        <td>\n          <ul style={{ listStyleType: 'none', padding: 0 }}>\n            <li\n              style={{\n                color: '#0099ff',\n                fontWeight: 600,\n              }}\n            >\n              <NavLink to={`/orders/view/${product?.order_id}`}>\n                {displayValueOrNA(product?.recipient_name)}\n              </NavLink>\n            </li>\n            <li style={{ color: '#888075' }}>\n              {displayValueOrNA(product?.postcode)}\n            </li>\n          </ul>\n        </td>\n        <td>{product?.code}</td>\n        <td>{product?.description}</td>\n        <td>{isClientPortal\n          ? product?.return_reason\n          : toReverseDeliveryLabel(product?.return_reason)}</td>\n        {!isClientPortal && (\n          <td>\n            {Array.isArray(product?.product_addon_services) && product?.product_addon_services?.length > 0\n              ? product.product_addon_services\n                .map((service: any) => service?.service_code || service?.name || service)\n                .filter(Boolean)\n                .join(', ')\n              : Array.isArray(product?.addon_services) && product?.addon_services?.length > 0\n                ? product.addon_services\n                  .map((service: any) => service?.service_code || service?.name || service)\n                  .filter(Boolean)\n                  .join(', ')\n                : Array.isArray(product?.addon_services_list) && product?.addon_services_list?.length > 0\n                  ? product.addon_services_list.join(', ')\n                  : typeof product?.addon_services === 'string' && product?.addon_services.trim() !== ''\n                    ? product.addon_services\n                    : 'NA'}\n          </td>\n        )}\n        <td>{product?.part}</td>\n        <td>\n          <div\n            onClick={(e) => {\n              e.stopPropagation();\n              e.preventDefault();\n              handleOpenDeleteModal(product?.id);\n            }}\n            style={{ cursor: 'pointer' }}\n          >\n            <ActionIcon />\n          </div>\n        </td>\n      </tr>\n\n      {/* EXPANDED ROW */}\n      {/*\n        NOTE: this <td> is not wrapped in a <tr>, which is invalid DOM nesting and\n        logs a React validateDOMNesting warning. Left exactly as it was — it only\n        affects Northern/Southern Ireland orders and is unrelated to pallet\n        grouping, so it belongs in its own ticket rather than this change.\n      */}\n      {isNorthSouth === true && (\n        <td colSpan={columnCount}>\n          <NSWrapper>\n            <div className=\"left\">Northern/Southern Ireland</div>\n            <div className=\"left-end\"></div>\n\n            <div className=\"section\">\n              <CustomInput\n                label=\"Commodity Code\"\n                type=\"text\"\n                direction=\"row\"\n                placeholder=\"Enter Commodity Code\"\n                value={\n                  product?.product_customs_details?.commodity_code || 'NA'\n                }\n                disabled\n              />\n\n              <CustomInput\n                label=\"Country of Origin\"\n                type=\"text\"\n                direction=\"row\"\n                placeholder=\"Enter Country of Origin\"\n                value={\n                  product?.product_customs_details?.country_of_origin || 'NA'\n                }\n                disabled\n              />\n\n              <CustomInput\n                label=\"Item Invoice Amount\"\n                type=\"number\"\n                direction=\"row\"\n                placeholder=\"Enter Item Invoice Amount\"\n                value={\n                  product?.product_customs_details?.item_invoice_amount || 0\n                }\n                disabled\n              />\n\n              <CustomInput\n                label=\"NI Additional Info Codes\"\n                type=\"text\"\n                direction=\"row\"\n                placeholder=\"Enter NI Add Info Codes\"\n                value={\n                  product?.product_customs_details\n                    ?.ni_additional_information_codes || 'NA'\n                }\n                disabled\n              />\n            </div>\n          </NSWrapper>\n        </td>\n      )}\n    </React.Fragment>\n  );\n\n  /**\n   * Group-level selection is purely a shortcut for ticking each row in the group —\n   * it writes the same `selectedProducts` state and adds no whole-pallet semantics.\n   * The pallet_id rules for whole vs partial moves land with Part 2.\n   */\n  const toggleGroupSelection = (group: PalletGroup, allSelected: boolean) => {\n    const groupIds = group.items.map((item: any) => item?.id);\n    const nextSelection = toggleGroupSelectionIds(\n      selectedProducts,\n      groupIds,\n      allSelected\n    );\n\n    setSelectedProducts(nextSelection);\n    // Keep the header select-all in step, or ticking every group leaves it unchecked.\n    setSelectAll(nextSelection.length === productData?.length);\n  };\n\n  const renderPalletGroup = (group: PalletGroup) => {\n    const expanded = isGroupExpanded(group);\n    const selectedInGroup = group.items.filter((item: any) =>\n      selectedProducts?.includes(item?.id)\n    ).length;\n    const allSelectedInGroup =\n      group.items.length > 0 && selectedInGroup === group.items.length;\n    const itemLabel = `${group.items.length} ${group.items.length === 1 ? 'item' : 'items'\n      }`;\n\n    return (\n      <React.Fragment key={group.key}>\n        <PalletHeaderRow className={group.isNoPallet ? 'no-pallet' : undefined}>\n          <td colSpan={columnCount}>\n            <PalletHeaderBar>\n              {/*\n                Sibling of the toggle, not a child of it — a checkbox nested inside\n                a <button> is invalid HTML and swallows the click.\n              */}\n              <StyleCheckbox\n                checked={allSelectedInGroup}\n                onChange={() => toggleGroupSelection(group, allSelectedInGroup)}\n                disabled={disableCheckbox}\n                aria-label={\n                  group.isNoPallet\n                    ? 'Select all items with no pallet ID'\n                    : `Select all items on pallet ${group.label}`\n                }\n              />\n\n              <PalletHeaderToggle\n                type=\"button\"\n                /* The No Pallet ID group is always open, so its toggle is inert. */\n                disabled={group.isNoPallet}\n                onClick={\n                  group.isNoPallet ? undefined : () => togglePallet(group.key)\n                }\n                aria-expanded={group.isNoPallet ? undefined : expanded}\n              >\n                {!group.isNoPallet && (\n                  <Chevron $isExpanded={expanded}>\n                    <ChevronDownIcon />\n                  </Chevron>\n                )}\n\n                <span className=\"title\">\n                  {group.isNoPallet ? (\n                    <span>No Pallet ID</span>\n                  ) : (\n                    <>\n                      <span>Pallet ID:</span>\n                      <strong>{group.label}</strong>\n                    </>\n                  )}\n                </span>\n\n                <span className=\"count\">({itemLabel})</span>\n\n                {group.depotLocation && (\n                  <span className=\"depot\">{group.depotLocation}</span>\n                )}\n\n                {selectedInGroup > 0 && (\n                  <span className=\"selected\">{selectedInGroup} selected</span>\n                )}\n\n                {!group.isNoPallet && (\n                  <ToggleGlyph aria-hidden=\"true\">\n                    {expanded ? '−' : '+'}\n                  </ToggleGlyph>\n                )}\n              </PalletHeaderToggle>\n            </PalletHeaderBar>\n          </td>\n        </PalletHeaderRow>\n\n        {expanded && group.items.map((item: any) => renderProductRow(item))}\n      </React.Fragment>\n    );\n  };\n\n  return (\n    <div>\n      <StyledTableWrapper id=\"tableScrolling\" className=\"orderProductTable\">\n        <StyledTable>\n          <thead>\n            <tr>\n              <th className=\"emailproductsCheckbox\">\n                <StyleCheckbox\n                  disabled={disableCheckbox}\n                  checked={selectAll}\n                  onChange={handleSelectAll}\n                />\n              </th>\n              <th>Location</th>\n              <th>Sender</th>\n              <th>Code</th>\n              <th>Description</th>\n              <th>Return Reason</th>\n              {!isClientPortal && <th>Additional Services</th>}\n              <th>Part</th>\n              <th>Action</th>\n            </tr>\n          </thead>\n          <tbody>\n            {props?.loading || props?.locationloading ? (\n              <tr>\n                <td colSpan={columnCount}>\n                  <Skeleton active />\n                </td>\n              </tr>\n            ) : productData?.length === 0 ? (\n              <tr>\n                <td colSpan={columnCount}>\n                  <EmptyDataContainer>\n                    <Empty />\n                  </EmptyDataContainer>\n                </td>\n              </tr>\n            ) : isGrouped ? (\n              palletGroups.map(renderPalletGroup)\n            ) : (\n              /* Called explicitly so `map`'s index is not passed as `isNoPallet`. */\n              productData?.map((product: any) => renderProductRow(product))\n            )}\n          </tbody>\n        </StyledTable>\n      </StyledTableWrapper>\n\n      {isDeleteModalOpen && (\n        <Spin spinning={deleteLoading}>\n          <StyledCancelationModal\n            title=\"Remove Product\"\n            description=\"Are you sure, you want to remove this order product for returns?\"\n            actions={\n              <CustomCancelAndCompleteAction\n                cancelLabel=\"Cancel\"\n                onCancel={handleCancelDelete}\n                completeLabel={deleteLoading ? 'REMOVING...' : 'Confirm'}\n                isDisabled={deleteLoading}\n                onComplete={handleConfirmDelete}\n              />\n            }\n          />\n        </Spin>\n      )}\n    </div>\n  );\n};\n\nexport const NSWrapper = styled.div`\n  display: flex;\n  width: 100%;\n  padding: 5px 10px;\n  align-items: center;\n  gap: 10px;\n  // position: absolute;\n  // right: 84px;\n  // top: 181px;\n  border-radius: 6px;\n  border: 1px solid rgb(237, 235, 232);\n  background: rgb(248, 250, 252);\n  margin-bottom: 14px;\n\n  .left {\n    display: flex;\n    padding-right: 10px;\n    align-items: center;\n    gap: 5px;\n    align-self: stretch;\n    color: #3a3630;\n    font-feature-settings: 'liga' off, 'clig' off;\n    font-family: Roboto;\n    font-size: 13px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: normal;\n    text-transform: uppercase;\n  }\n\n  .left-end {\n    display: flex;\n    padding-right: 10px;\n    align-items: center;\n    gap: 5px;\n    align-self: stretch;\n    border-right: 1px solid #e2e0db;\n  }\n\n  .section {\n    display: flex;\n    align-items: center;\n    gap: 30px;\n    flex: 1 0 0;\n\n    input {\n      display: flex;\n      height: 28px;\n      padding: 3px 10px;\n      align-items: center;\n      gap: 8px;\n      flex: 1 0 0;\n      border-radius: 30px;\n      border: 1px solid #ccc;\n      background: #fff;\n    }\n  }\n`;\n\nconst PalletHeaderRow = styled.tr`\n  > td {\n    padding: 0;\n    border: none;\n  }\n\n  /*\n    Spec: the No Pallet ID group must be separated from the palletised groups by\n    a divider line. Neutral rule only — the rows themselves keep their normal\n    background, and the header keeps the same design as the pallet headers.\n  */\n  &.no-pallet > td {\n    border-top: 1px solid #c9c6c1;\n    padding-top: 10px;\n  }\n`;\n\n/** Carries the header's frame so the checkbox can sit outside the toggle button. */\nconst PalletHeaderBar = styled.div`\n  /*\n    The library Checkbox renders its real <input> as position:absolute with no\n    offsets, so it needs a positioned ancestor or the click target drifts away\n    from the visible box as the table scrolls. The shared table CSS happens to\n    position td already; pinning it here too so this does not depend on that.\n  */\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n  padding: 8px 12px;\n  border: 1px solid #e2e0db;\n  border-radius: 6px;\n  background: #f1f5f9;\n  font-family: 'Roboto', sans-serif;\n  font-size: 13px;\n  font-weight: 500;\n  color: #3a3630;\n\n  &:hover {\n    background: #e7edf4;\n  }\n\n`;\n\nconst PalletHeaderToggle = styled.button`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex: 1;\n  padding: 0;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  text-align: left;\n  font: inherit;\n  color: inherit;\n\n  &:disabled {\n    cursor: default;\n    /* Inert, but must not read as a greyed-out disabled control. */\n    opacity: 1;\n  }\n\n  .title {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n\n    strong {\n      font-weight: 700;\n      text-transform: none;\n      letter-spacing: 0;\n    }\n  }\n\n  .count {\n    color: #6a7378;\n    font-weight: 400;\n  }\n\n  .depot {\n    color: #888075;\n    font-weight: 400;\n    font-size: 12px;\n  }\n\n  .selected {\n    color: #0099ff;\n    font-weight: 600;\n    font-size: 12px;\n  }\n\n`;\n\nconst Chevron = styled.span<{ $isExpanded: boolean }>`\n  display: inline-flex;\n  align-items: center;\n  transition: transform 0.15s ease-in-out;\n  transform: rotate(${props => (props.$isExpanded ? '0deg' : '-90deg')});\n`;\n\nconst ToggleGlyph = styled.span`\n  margin-left: auto;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  border: 1px solid #cbd5e1;\n  border-radius: 4px;\n  background: #fff;\n  font-size: 14px;\n  line-height: 1;\n  color: #475569;\n`;\n\nconst StyleCheckbox = styled(Checkbox)`\n  &:disabled {\n    background-color: gray;\n    cursor: not-allowed;\n    opacity: -0.4;\n  }\n`;\n\nconst StyledCancelationModal = styled(CancelationModal)`\n  div {\n    & > div > div:first-child {\n      padding: 8px !important;\n    }\n  }\n  svg {\n    width: 28px !important;\n    height: 28px !important;\n  }\n`;\n\nconst CustomCancelAndCompleteAction = styled(CancelAndCompleteAction)`\n  justify-content: center;\n`;\n\nexport default ReturnProductTable;\n"],"names":["ReturnProductTable","props","selectedProducts","setSelectedProducts","useSelectedProducts","selectAll","setSelectAll","useState","productData","useReturnProductDetails","orderId","useOrderId","returnOrderData","useNewReturnOrderData","isNorthSouth","useIsShowNorthSouth","isClientPortal","useClientPortal","productToDelete","setProductToDelete","isDeleteModalOpen","setIsDeleteModalOpen","deleteLoading","callDeleteProduct","useAxios","handleOpenDeleteModal","id","handleConfirmDelete","targetId","response","notification","error","handleCancelDelete","handleSelectAll","allProductIds","product","handleSelectProduct","prevSelected","selectedId","disableCheckbox","columnCount","palletGroups","useMemo","groupProductsByPallet","isGrouped","hasAnyPallet","expandedPallets","setExpandedPallets","useEffect","isGroupExpanded","group","togglePallet","key","prev","renderProductRow","jsxs","React","jsx","StyleCheckbox","NavLink","displayValueOrNA","toReverseDeliveryLabel","service","e","ActionIcon","NSWrapper","CustomInput","toggleGroupSelection","allSelected","groupIds","item","nextSelection","toggleGroupSelectionIds","renderPalletGroup","expanded","selectedInGroup","allSelectedInGroup","itemLabel","PalletHeaderRow","PalletHeaderBar","PalletHeaderToggle","Chevron","ChevronDownIcon","Fragment","ToggleGlyph","StyledTableWrapper","StyledTable","Skeleton","EmptyDataContainer","Empty","Spin","StyledCancelationModal","CustomCancelAndCompleteAction","styled","Checkbox","CancelationModal","CancelAndCompleteAction"],"mappings":";;;;;;;;;;;;;;AAyCA,MAAMA,KAAqB,CAACC,MAAiB;AAC3C,QAAM,CAACC,GAAkBC,CAAmB,IAAIC,GAAA,GAC1C,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,CAAW,IAAIC,GAAA,GAChB,CAACC,CAAO,IAAIC,GAAA,GACZ,CAACC,CAAe,IAAIC,GAAA,GACpB,CAACC,CAAY,IAAIC,GAAA,GACjB,CAACC,CAAc,IAAIC,GAAA,GAEnB,CAACC,GAAiBC,CAAkB,IAAIZ,EAAwB,IAAI,GACpE,CAACa,GAAmBC,CAAoB,IAAId,EAAkB,EAAK,GAEnE,EAAE,SAASe,GAAe,WAAWC,EAAA,IAAsBC,GAE9D;AAAA,IACD,UAAU;AAAA,IACV,QAAQ;AAAA,EAAA,CACT,GAEKC,IAAwB,CAACC,MAAe;AAC5C,IAAAP,EAAmBO,CAAE,GACrBL,EAAqB,EAAI;AAAA,EAC3B,GAEMM,IAAsB,YAAY;AACtC,QAAIT,MAAoB,KAAM;AAC9B,UAAMU,IAAWV;AACjB,QAAI;AACF,YAAMW,IAAY,MAAMN,EAAkB;AAAA,QACxC,SAAS;AAAA,UACP,yBAAyBK;AAAA,UACzB,iBAAiB,CAAClB;AAAA,QAAA;AAAA,MACpB,CACD;AAOD,MAAImB,GAAU,SAAS,OACrBC,EAAa,QAAQ;AAAA,QACnB,SAAS;AAAA,QACT,aAAaD,GAAU,WAAW;AAAA,MAAA,CACnC,GACD5B,GAAO,mBAAA,KAEP6B,EAAa,MAAM;AAAA,QACjB,SAAS;AAAA,QACT,aAAaD,GAAU,WAAW;AAAA,MAAA,CACnC;AAAA,IAEL,SAASE,GAAO;AACd,cAAQ,MAAM,2BAA2BA,CAAK,GAC9CD,EAAa,MAAM;AAAA,QACjB,SAAS;AAAA;AAAA,QAET,aAAaC,GAAO,WAAW;AAAA,MAAA,CAChC;AAAA,IACH,UAAA;AACE,MAAAZ,EAAmB,IAAI,GACvBE,EAAqB,EAAK;AAAA,IAC5B;AAAA,EACF,GAEMW,IAAqB,MAAM;AAC/B,IAAIV,MACJH,EAAmB,IAAI,GACvBE,EAAqB,EAAK;AAAA,EAC5B,GAEMY,IAAkB,MAAM;AAC5B,QAAI5B;AACF,MAAAF,EAAoB,CAAA,CAAE;AAAA,SACjB;AACL,YAAM+B,IAAgB1B,GAAa,IAAI,CAAC2B,MAAiBA,EAAQ,EAAE;AACnE,MAAAhC,EAAoB+B,CAAa;AAAA,IACnC;AACA,IAAA5B,EAAa,CAACD,CAAS;AAAA,EACzB,GAEM+B,IAAsB,CAACV,MAAe;AAC1C,IAAAvB;AAAA,MAAoB,CAACkC,MACnBA,EAAa,SAASX,CAAE,IACpBW,EAAa,OAAO,CAACC,MAAoBA,MAAeZ,CAAE,IAC1D,CAAC,GAAGW,GAAcX,CAAE;AAAA,IAAA;AAAA,EAE5B,GAEMa,IACJ/B,GAAa,UAAU,KAAKI,GAAiB,UAAU,GAEnD4B,IAAcxB,IAAiB,IAAI,GAEnCyB,IAAeC,EAAQ,MAAMC,GAAsBnC,CAAW,GAAG;AAAA,IACrEA;AAAA,EAAA,CACD,GAOKoC,IAAYF,EAAQ,MAAMG,GAAarC,CAAW,GAAG,CAACA,CAAW,CAAC,GAGlE,CAACsC,GAAiBC,CAAkB,IAAIxC,EAE5C,CAAA,CAAE;AASJ,EAAAyC,EAAU,MAAM;AACd,IAAAD,EAAmB,CAAA,CAAE;AAAA,EACvB,GAAG,CAACrC,CAAO,CAAC;AAEZ,QAAMuC,IAAkB,CAACC,MACvBA,EAAM,cAAc,CAAC,CAACJ,EAAgBI,EAAM,GAAG,GAE3CC,IAAe,CAACC,MACpBL,EAAmB,QAAS,EAAE,GAAGM,GAAM,CAACD,CAAG,GAAG,CAACC,EAAKD,CAAG,IAAI,GAEvDE,IAAmB,CAACnB,MACxB,gBAAAoB,EAACC,EAAM,UAAN,EAEC,UAAA;AAAA,IAAA,gBAAAD,EAAC,MAAA,EAAG,WAAU,eACZ,UAAA;AAAA,MAAA,gBAAAE,EAAC,MAAA,EACC,UAAA,gBAAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAASxD,GAAkB,SAASiC,GAAS,EAAE;AAAA,UAC/C,UAAU,MAAMC,EAAoBD,GAAS,EAAE;AAAA,UAC/C,UAAUI;AAAA,QAAA;AAAA,MAAA,GAEd;AAAA,MACA,gBAAAkB,EAAC,MAAA,EAAI,UAAAtB,GAAS,YAAY,OAAM;AAAA,MAChC,gBAAAsB,EAAC,MAAA,EACC,UAAA,gBAAAF,EAAC,MAAA,EAAG,OAAO,EAAE,eAAe,QAAQ,SAAS,EAAA,GAC3C,UAAA;AAAA,QAAA,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,OAAO;AAAA,cACP,YAAY;AAAA,YAAA;AAAA,YAGd,UAAA,gBAAAA,EAACE,IAAA,EAAQ,IAAI,gBAAgBxB,GAAS,QAAQ,IAC3C,UAAAyB,EAAiBzB,GAAS,cAAc,EAAA,CAC3C;AAAA,UAAA;AAAA,QAAA;AAAA,QAEF,gBAAAsB,EAAC,MAAA,EAAG,OAAO,EAAE,OAAO,aACjB,UAAAG,EAAiBzB,GAAS,QAAQ,EAAA,CACrC;AAAA,MAAA,EAAA,CACF,EAAA,CACF;AAAA,MACA,gBAAAsB,EAAC,MAAA,EAAI,UAAAtB,GAAS,KAAA,CAAK;AAAA,MACnB,gBAAAsB,EAAC,MAAA,EAAI,UAAAtB,GAAS,YAAA,CAAY;AAAA,MAC1B,gBAAAsB,EAAC,QAAI,UAAAzC,IACDmB,GAAS,gBACT0B,GAAuB1B,GAAS,aAAa,GAAE;AAAA,MAClD,CAACnB,KACA,gBAAAyC,EAAC,MAAA,EACE,UAAA,MAAM,QAAQtB,GAAS,sBAAsB,KAAKA,GAAS,wBAAwB,SAAS,IACzFA,EAAQ,uBACP,IAAI,CAAC2B,MAAiBA,GAAS,gBAAgBA,GAAS,QAAQA,CAAO,EACvE,OAAO,OAAO,EACd,KAAK,IAAI,IACV,MAAM,QAAQ3B,GAAS,cAAc,KAAKA,GAAS,gBAAgB,SAAS,IAC1EA,EAAQ,eACP,IAAI,CAAC2B,MAAiBA,GAAS,gBAAgBA,GAAS,QAAQA,CAAO,EACvE,OAAO,OAAO,EACd,KAAK,IAAI,IACV,MAAM,QAAQ3B,GAAS,mBAAmB,KAAKA,GAAS,qBAAqB,SAAS,IACpFA,EAAQ,oBAAoB,KAAK,IAAI,IACrC,OAAOA,GAAS,kBAAmB,YAAYA,GAAS,eAAe,KAAA,MAAW,KAChFA,EAAQ,iBACR,MACZ;AAAA,MAEF,gBAAAsB,EAAC,MAAA,EAAI,UAAAtB,GAAS,KAAA,CAAK;AAAA,wBAClB,MAAA,EACC,UAAA,gBAAAsB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS,CAACM,MAAM;AACd,YAAAA,EAAE,gBAAA,GACFA,EAAE,eAAA,GACFtC,EAAsBU,GAAS,EAAE;AAAA,UACnC;AAAA,UACA,OAAO,EAAE,QAAQ,UAAA;AAAA,UAEjB,4BAAC6B,IAAA,CAAA,CAAW;AAAA,QAAA;AAAA,MAAA,EACd,CACF;AAAA,IAAA,GACF;AAAA,IASClD,MAAiB,MAChB,gBAAA2C,EAAC,QAAG,SAASjB,GACX,4BAACyB,IAAA,EACC,UAAA;AAAA,MAAA,gBAAAR,EAAC,OAAA,EAAI,WAAU,QAAO,UAAA,6BAAyB;AAAA,MAC/C,gBAAAA,EAAC,OAAA,EAAI,WAAU,WAAA,CAAW;AAAA,MAE1B,gBAAAF,EAAC,OAAA,EAAI,WAAU,WACb,UAAA;AAAA,QAAA,gBAAAE;AAAA,UAACS;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,MAAK;AAAA,YACL,WAAU;AAAA,YACV,aAAY;AAAA,YACZ,OACE/B,GAAS,yBAAyB,kBAAkB;AAAA,YAEtD,UAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGV,gBAAAsB;AAAA,UAACS;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,MAAK;AAAA,YACL,WAAU;AAAA,YACV,aAAY;AAAA,YACZ,OACE/B,GAAS,yBAAyB,qBAAqB;AAAA,YAEzD,UAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGV,gBAAAsB;AAAA,UAACS;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,MAAK;AAAA,YACL,WAAU;AAAA,YACV,aAAY;AAAA,YACZ,OACE/B,GAAS,yBAAyB,uBAAuB;AAAA,YAE3D,UAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGV,gBAAAsB;AAAA,UAACS;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,MAAK;AAAA,YACL,WAAU;AAAA,YACV,aAAY;AAAA,YACZ,OACE/B,GAAS,yBACL,mCAAmC;AAAA,YAEzC,UAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MACV,EAAA,CACF;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,EAAA,EAAA,GA/HiBA,EAAQ,EAiI7B,GAQIgC,IAAuB,CAACjB,GAAoBkB,MAAyB;AACzE,UAAMC,IAAWnB,EAAM,MAAM,IAAI,CAACoB,MAAcA,GAAM,EAAE,GAClDC,IAAgBC;AAAA,MACpBtE;AAAA,MACAmE;AAAA,MACAD;AAAA,IAAA;AAGF,IAAAjE,EAAoBoE,CAAa,GAEjCjE,EAAaiE,EAAc,WAAW/D,GAAa,MAAM;AAAA,EAC3D,GAEMiE,IAAoB,CAACvB,MAAuB;AAChD,UAAMwB,IAAWzB,EAAgBC,CAAK,GAChCyB,IAAkBzB,EAAM,MAAM;AAAA,MAAO,CAACoB,MAC1CpE,GAAkB,SAASoE,GAAM,EAAE;AAAA,IAAA,EACnC,QACIM,IACJ1B,EAAM,MAAM,SAAS,KAAKyB,MAAoBzB,EAAM,MAAM,QACtD2B,IAAY,GAAG3B,EAAM,MAAM,MAAM,IAAIA,EAAM,MAAM,WAAW,IAAI,SAAS,OAC7E;AAEF,WACE,gBAAAK,EAACC,EAAM,UAAN,EACC,UAAA;AAAA,MAAA,gBAAAC,EAACqB,IAAA,EAAgB,WAAW5B,EAAM,aAAa,cAAc,QAC3D,UAAA,gBAAAO,EAAC,MAAA,EAAG,SAASjB,GACX,UAAA,gBAAAe,EAACwB,IAAA,EAKC,UAAA;AAAA,QAAA,gBAAAtB;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAASkB;AAAA,YACT,UAAU,MAAMT,EAAqBjB,GAAO0B,CAAkB;AAAA,YAC9D,UAAUrC;AAAA,YACV,cACEW,EAAM,aACF,uCACA,8BAA8BA,EAAM,KAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAIjD,gBAAAK;AAAA,UAACyB;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YAEL,UAAU9B,EAAM;AAAA,YAChB,SACEA,EAAM,aAAa,SAAY,MAAMC,EAAaD,EAAM,GAAG;AAAA,YAE7D,iBAAeA,EAAM,aAAa,SAAYwB;AAAA,YAE7C,UAAA;AAAA,cAAA,CAACxB,EAAM,cACN,gBAAAO,EAACwB,IAAA,EAAQ,aAAaP,GACpB,UAAA,gBAAAjB,EAACyB,MAAgB,EAAA,CACnB;AAAA,cAGF,gBAAAzB,EAAC,QAAA,EAAK,WAAU,SACb,UAAAP,EAAM,aACL,gBAAAO,EAAC,QAAA,EAAK,UAAA,eAAA,CAAY,IAElB,gBAAAF,EAAA4B,GAAA,EACE,UAAA;AAAA,gBAAA,gBAAA1B,EAAC,UAAK,UAAA,aAAA,CAAU;AAAA,gBAChB,gBAAAA,EAAC,UAAA,EAAQ,UAAAP,EAAM,MAAA,CAAM;AAAA,cAAA,EAAA,CACvB,EAAA,CAEJ;AAAA,cAEA,gBAAAK,EAAC,QAAA,EAAK,WAAU,SAAQ,UAAA;AAAA,gBAAA;AAAA,gBAAEsB;AAAA,gBAAU;AAAA,cAAA,GAAC;AAAA,cAEpC3B,EAAM,iBACL,gBAAAO,EAAC,UAAK,WAAU,SAAS,YAAM,eAAc;AAAA,cAG9CkB,IAAkB,KACjB,gBAAApB,EAAC,QAAA,EAAK,WAAU,YAAY,UAAA;AAAA,gBAAAoB;AAAA,gBAAgB;AAAA,cAAA,GAAS;AAAA,cAGtD,CAACzB,EAAM,cACN,gBAAAO,EAAC2B,MAAY,eAAY,QACtB,UAAAV,IAAW,MAAM,IAAA,CACpB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ,EAAA,CACF,GACF,GACF;AAAA,MAECA,KAAYxB,EAAM,MAAM,IAAI,CAACoB,MAAchB,EAAiBgB,CAAI,CAAC;AAAA,IAAA,EAAA,GAjE/CpB,EAAM,GAkE3B;AAAA,EAEJ;AAEA,2BACG,OAAA,EACC,UAAA;AAAA,IAAA,gBAAAO,EAAC4B,KAAmB,IAAG,kBAAiB,WAAU,qBAChD,4BAACC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAA7B,EAAC,SAAA,EACC,4BAAC,MAAA,EACC,UAAA;AAAA,QAAA,gBAAAA,EAAC,MAAA,EAAG,WAAU,yBACZ,UAAA,gBAAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAUnB;AAAA,YACV,SAASlC;AAAA,YACT,UAAU4B;AAAA,UAAA;AAAA,QAAA,GAEd;AAAA,QACA,gBAAAwB,EAAC,QAAG,UAAA,WAAA,CAAQ;AAAA,QACZ,gBAAAA,EAAC,QAAG,UAAA,SAAA,CAAM;AAAA,QACV,gBAAAA,EAAC,QAAG,UAAA,OAAA,CAAI;AAAA,QACR,gBAAAA,EAAC,QAAG,UAAA,cAAA,CAAW;AAAA,QACf,gBAAAA,EAAC,QAAG,UAAA,gBAAA,CAAa;AAAA,QAChB,CAACzC,KAAkB,gBAAAyC,EAAC,MAAA,EAAG,UAAA,sBAAA,CAAmB;AAAA,QAC3C,gBAAAA,EAAC,QAAG,UAAA,OAAA,CAAI;AAAA,QACR,gBAAAA,EAAC,QAAG,UAAA,SAAA,CAAM;AAAA,MAAA,EAAA,CACZ,EAAA,CACF;AAAA,wBACC,SAAA,EACE,UAAAxD,GAAO,WAAWA,GAAO,kBACxB,gBAAAwD,EAAC,MAAA,EACC,UAAA,gBAAAA,EAAC,MAAA,EAAG,SAASjB,GACX,UAAA,gBAAAiB,EAAC8B,MAAS,QAAM,GAAA,CAAC,GACnB,EAAA,CACF,IACE/E,GAAa,WAAW,IAC1B,gBAAAiD,EAAC,MAAA,EACC,4BAAC,MAAA,EAAG,SAASjB,GACX,UAAA,gBAAAiB,EAAC+B,IAAA,EACC,UAAA,gBAAA/B,EAACgC,IAAA,CAAA,CAAM,GACT,EAAA,CACF,EAAA,CACF,IACE7C,IACFH,EAAa,IAAIgC,CAAiB;AAAA;AAAA,QAGlCjE,GAAa,IAAI,CAAC2B,MAAiBmB,EAAiBnB,CAAO,CAAC;AAAA,QAAA,CAEhE;AAAA,IAAA,EAAA,CACF,EAAA,CACF;AAAA,IAECf,KACC,gBAAAqC,EAACiC,IAAA,EAAK,UAAUpE,GACd,UAAA,gBAAAmC;AAAA,MAACkC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,SACE,gBAAAlC;AAAA,UAACmC;AAAA,UAAA;AAAA,YACC,aAAY;AAAA,YACZ,UAAU5D;AAAA,YACV,eAAeV,IAAgB,gBAAgB;AAAA,YAC/C,YAAYA;AAAA,YACZ,YAAYK;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA,EAEJ,CACF;AAAA,EAAA,GAEJ;AAEJ,GAEasC,KAAY4B,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA2D1Bf,KAAkBe,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAkBzBd,KAAkBc,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA2BzBb,KAAqBa,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAoD5BZ,KAAUY,EAAO;AAAA;AAAA;AAAA;AAAA,sBAID,CAAA5F,MAAUA,EAAM,cAAc,SAAS,QAAS;AAAA,GAGhEmF,KAAcS,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAerBnC,IAAgBmC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ/BH,KAAyBE,EAAOE,CAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYhDH,KAAgCC,EAAOG,EAAuB;AAAA;AAAA;"}
+{"version":3,"file":"ReturnProductTable.js","sources":["../../../../../src/components/order-view/return-client-products/product-table/ReturnProductTable.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  StyledTable,\n  StyledTableWrapper,\n} from '../../../order-daily-overview/return-order-table/return-orders-filters/returnstyles';\nimport {\n  CancelAndCompleteAction,\n  CancelationModal,\n  Checkbox,\n  displayValueOrNA,\n  useAxios,\n} from '@bjsdistribution/dms-component-library';\nimport ActionIcon from '../../../../assets/icons/ActionIcon';\nimport { useOrderId, useProductDetails } from '../../store';\nimport { ApiResponse } from '../../types';\nimport { Empty, notification, Skeleton, Spin } from 'antd';\nimport {\n  useIsShowNorthSouth,\n  useNewReturnOrderData,\n  useSelectedProducts,\n  useClientPortal,\n} from '../../../store';\nimport styled from 'styled-components';\nimport { NavLink } from 'react-router-dom';\nimport { EmptyDataContainer } from '../../order-actions/actions/charge-log';\nimport CustomInput from '../../northern-southern-info/CustomInput';\n\ninterface IPROS {\n  callReturnProducts: any;\n  loading: boolean;\n  locationloading: boolean;\n}\n\nconst ReturnProductTable = (props: IPROS) => {\n  const [selectedProducts, setSelectedProducts] = useSelectedProducts();\n  const [selectAll, setSelectAll] = useState(false);\n  const [productData, setProductData] = useProductDetails();\n  const [selectedRowId, setSelectedRowId] = useState<number | null>(null);\n  const [orderId] = useOrderId();\n  const [returnOrderData] = useNewReturnOrderData();\n  const [isNorthSouth] = useIsShowNorthSouth();\n  const [isClientPortal] = useClientPortal();\n\n  const [productToDelete, setProductToDelete] = useState<number | null>(null);\n  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState<boolean>(false);\n\n  const { loading: deleteLoading, fetchData: callDeleteProduct } = useAxios<{\n    data: ApiResponse[];\n  }>({\n    endpoint: `v1/return/product/remove/`,\n    method: 'POST',\n  });\n\n  const handleOpenDeleteModal = (id: number) => {\n    setProductToDelete(id);\n    setIsDeleteModalOpen(true);\n  };\n\n  const handleConfirmDelete = async () => {\n    if (productToDelete === null) return;\n    const targetId = productToDelete;\n    try {\n      const response = (await callDeleteProduct({\n        payload: {\n          return_order_product_id: targetId,\n          return_order_id: +orderId,\n        },\n      })) as {\n        code: number | null;\n        error?: string | null;\n        data?: any[];\n        message?: string;\n      };\n\n      if (response?.code === 200) {\n        notification.success({\n          message: 'Success',\n          description: response?.message || 'Product deleted successfully.',\n        });\n        props?.callReturnProducts();\n      } else {\n        notification.error({\n          message: 'Deletion Failed',\n          description: response?.message || 'Could not delete the product.',\n        });\n      }\n    } catch (error) {\n      console.error('Error deleting product:', error);\n      notification.error({\n        message: 'Error',\n        //@ts-ignore\n        description: error?.message || 'An unexpected error occurred.',\n      });\n    } finally {\n      setProductToDelete(null);\n      setIsDeleteModalOpen(false);\n    }\n  };\n\n  const handleCancelDelete = () => {\n    if (deleteLoading) return;\n    setProductToDelete(null);\n    setIsDeleteModalOpen(false);\n  };\n\n  const handleSelectAll = () => {\n    if (selectAll) {\n      setSelectedProducts([]);\n    } else {\n      const allProductIds = productData?.map((product: any) => product.id);\n      setSelectedProducts(allProductIds);\n    }\n    setSelectAll(!selectAll);\n  };\n\n  const handleSelectProduct = (id: number) => {\n    setSelectedProducts((prevSelected: any) =>\n      prevSelected.includes(id)\n        ? prevSelected.filter((selectedId: any) => selectedId !== id)\n        : [...prevSelected, id]\n    );\n  };\n\n  const disableCheckbox =\n    productData?.length == 0 || returnOrderData?.length == 0;\n  return (\n    <MobileTableRoot>\n      <StyledTableWrapper id=\"tableScrolling\" className=\"orderProductTable\">\n        <StyledTable>\n          <thead>\n            <tr>\n              <th className=\"emailproductsCheckbox\">\n                <StyleCheckbox\n                  disabled={disableCheckbox}\n                  checked={selectAll}\n                  onChange={handleSelectAll}\n                />\n              </th>\n              <th>Location</th>\n              <th>Sender</th>\n              <th>Code</th>\n              <th>Description</th>\n              <th>Return Reason</th>\n              {!isClientPortal && <th>Additional Services</th>}\n              <th>Part</th>\n              <th>Action</th>\n            </tr>\n          </thead>\n          <tbody>\n            {props?.loading || props?.locationloading ? (\n              <tr>\n                <td colSpan={14}>\n                  <Skeleton active />\n                </td>\n              </tr>\n            ) : productData?.length === 0 ? (\n              <tr>\n                <td colSpan={14}>\n                  <EmptyDataContainer>\n                    <Empty />\n                  </EmptyDataContainer>\n                </td>\n              </tr>\n            ) : (\n              productData?.map((product: any) => (\n                <React.Fragment key={product.id}>\n                  {/* MAIN ROW */}\n                  <tr className=\"product-row\">\n                    <td>\n                      <StyleCheckbox\n                        checked={selectedProducts?.includes(product?.id)}\n                        onChange={() => handleSelectProduct(product?.id)}\n                        disabled={disableCheckbox}\n                      />\n                    </td>\n                    <td data-label=\"Location\">{product?.location || 'N/A'}</td>\n                    <td data-label=\"Sender\">\n                      <ul style={{ listStyleType: 'none', padding: 0 }}>\n                        <li\n                          style={{\n                            color: '#0099ff',\n                            fontWeight: 600,\n                          }}\n                        >\n                          <NavLink to={`/orders/view/${product?.order_id}`}>\n                            {displayValueOrNA(product?.recipient_name)}\n                          </NavLink>\n                        </li>\n                        <li style={{ color: '#888075' }}>\n                          {displayValueOrNA(product?.postcode)}\n                        </li>\n                      </ul>\n                    </td>\n                    <td data-label=\"Code\">{product?.code}</td>\n                    <td data-label=\"Description\">{product?.description}</td>\n                    <td data-label=\"Return Reason\">{product?.return_reason}</td>\n                    {!isClientPortal && (\n                      <td data-label=\"Additional Services\">\n                        {Array.isArray(product?.product_addon_services) && product?.product_addon_services?.length > 0\n                          ? product.product_addon_services\n                            .map((service: any) => service?.service_code || service?.name || service)\n                            .filter(Boolean)\n                            .join(', ')\n                          : Array.isArray(product?.addon_services) && product?.addon_services?.length > 0\n                            ? product.addon_services\n                              .map((service: any) => service?.service_code || service?.name || service)\n                              .filter(Boolean)\n                              .join(', ')\n                            : Array.isArray(product?.addon_services_list) && product?.addon_services_list?.length > 0\n                              ? product.addon_services_list.join(', ')\n                              : typeof product?.addon_services === 'string' && product?.addon_services.trim() !== ''\n                                ? product.addon_services\n                                : 'NA'}\n                      </td>\n                    )}\n                    <td data-label=\"Part\">{product?.part}</td>\n                    <td data-label=\"Action\">\n                      <div\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          e.preventDefault();\n                          handleOpenDeleteModal(product?.id);\n                        }}\n                        style={{ cursor: 'pointer' }}\n                      >\n                        <ActionIcon />\n                      </div>\n                    </td>\n                  </tr>\n\n                  {/* EXPANDED ROW */}\n                  {isNorthSouth === true && (\n                    <td colSpan={isClientPortal ? 8 : 9}>\n                      <NSWrapper>\n                        <div className=\"left\">Northern/Southern Ireland</div>\n                        <div className=\"left-end\"></div>\n\n                        <div className=\"section\">\n                          <CustomInput\n                            label=\"Commodity Code\"\n                            type=\"text\"\n                            direction=\"row\"\n                            placeholder=\"Enter Commodity Code\"\n                            value={\n                              product?.product_customs_details\n                                ?.commodity_code || 'NA'\n                            }\n                            disabled\n                          />\n\n                          <CustomInput\n                            label=\"Country of Origin\"\n                            type=\"text\"\n                            direction=\"row\"\n                            placeholder=\"Enter Country of Origin\"\n                            value={\n                              product?.product_customs_details\n                                ?.country_of_origin || 'NA'\n                            }\n                            disabled\n                          />\n\n                          <CustomInput\n                            label=\"Item Invoice Amount\"\n                            type=\"number\"\n                            direction=\"row\"\n                            placeholder=\"Enter Item Invoice Amount\"\n                            value={\n                              product?.product_customs_details\n                                ?.item_invoice_amount || 0\n                            }\n                            disabled\n                          />\n\n                          <CustomInput\n                            label=\"NI Additional Info Codes\"\n                            type=\"text\"\n                            direction=\"row\"\n                            placeholder=\"Enter NI Add Info Codes\"\n                            value={\n                              product?.product_customs_details\n                                ?.ni_additional_information_codes || 'NA'\n                            }\n                            disabled\n                          />\n                        </div>\n                      </NSWrapper>\n                    </td>\n                  )}\n                </React.Fragment>\n              ))\n            )}\n          </tbody>\n        </StyledTable>\n      </StyledTableWrapper>\n\n      {isDeleteModalOpen && (\n        <Spin spinning={deleteLoading}>\n          <StyledCancelationModal\n            title=\"Remove Product\"\n            description=\"Are you sure, you want to remove this order product for returns?\"\n            actions={\n              <CustomCancelAndCompleteAction\n                cancelLabel=\"Cancel\"\n                onCancel={handleCancelDelete}\n                completeLabel={deleteLoading ? 'REMOVING...' : 'Confirm'}\n                isDisabled={deleteLoading}\n                onComplete={handleConfirmDelete}\n              />\n            }\n          />\n        </Spin>\n      )}\n    </MobileTableRoot>\n  );\n};\n\nexport const MobileTableRoot = styled.div`\n  @media screen and (max-width: 768px) {\n    .orderProductTable {\n      overflow: visible;\n      max-width: 100%;\n\n      table,\n      thead,\n      tbody {\n        display: block;\n        width: 100%;\n        min-width: 0;\n      }\n\n      thead tr {\n        display: flex;\n        align-items: center;\n        margin-bottom: 8px;\n      }\n      thead th {\n        display: none;\n      }\n      thead th.emailproductsCheckbox {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        width: auto;\n        &::after {\n          content: 'Select all';\n          font-size: 13px;\n          font-weight: 600;\n          color: #3a3630;\n        }\n      }\n\n      tr.product-row {\n        display: block;\n        margin-bottom: 12px;\n        padding: 10px 12px;\n        border: 1px solid #e3e3e3;\n        border-radius: 12px;\n        background: #fff;\n        box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n      }\n\n      tr.product-row td {\n        display: flex;\n        align-items: flex-start;\n        justify-content: space-between;\n        gap: 12px;\n        width: 100%;\n        box-sizing: border-box;\n        padding: 8px 0;\n        border: 0;\n        border-bottom: 1px solid #f0f2f2;\n        text-align: right;\n        word-break: break-word;\n      }\n      tr.product-row td:last-child {\n        border-bottom: 0;\n        justify-content: flex-end;\n      }\n      tr.product-row td[data-label]::before {\n        content: attr(data-label);\n        flex: 0 0 38%;\n        text-align: left;\n        font-size: 12px;\n        font-weight: 600;\n        text-transform: uppercase;\n        color: #6a7378;\n      }\n      tr.product-row td ul {\n        margin: 0;\n        text-align: right;\n      }\n\n      /* loading / empty rows and the N/S expanded row */\n      tbody > tr:not(.product-row),\n      tbody > tr:not(.product-row) td,\n      tbody > td {\n        display: block;\n        width: 100%;\n        box-sizing: border-box;\n      }\n    }\n  }\n`;\n\nexport const NSWrapper = styled.div`\n  display: flex;\n  width: 100%;\n  padding: 5px 10px;\n  align-items: center;\n  gap: 10px;\n  // position: absolute;\n  // right: 84px;\n  // top: 181px;\n  border-radius: 6px;\n  border: 1px solid rgb(237, 235, 232);\n  background: rgb(248, 250, 252);\n  margin-bottom: 14px;\n\n  @media screen and (max-width: 768px) {\n    flex-direction: column;\n    align-items: stretch;\n    box-sizing: border-box;\n    .left-end {\n      display: none;\n    }\n  }\n\n  .left {\n    display: flex;\n    padding-right: 10px;\n    align-items: center;\n    gap: 5px;\n    align-self: stretch;\n    color: #3a3630;\n    font-feature-settings: 'liga' off, 'clig' off;\n    font-family: Roboto;\n    font-size: 13px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: normal;\n    text-transform: uppercase;\n  }\n\n  .left-end {\n    display: flex;\n    padding-right: 10px;\n    align-items: center;\n    gap: 5px;\n    align-self: stretch;\n    border-right: 1px solid #e2e0db;\n  }\n\n  .section {\n    display: flex;\n    align-items: center;\n    gap: 30px;\n    flex: 1 0 0;\n\n    @media screen and (max-width: 768px) {\n      flex-direction: column;\n      align-items: stretch;\n      gap: 10px;\n    }\n\n    input {\n      display: flex;\n      height: 28px;\n      padding: 3px 10px;\n      align-items: center;\n      gap: 8px;\n      flex: 1 0 0;\n      border-radius: 30px;\n      border: 1px solid #ccc;\n      background: #fff;\n    }\n  }\n`;\n\nconst StyleCheckbox = styled(Checkbox)`\n  &:disabled {\n    background-color: gray;\n    cursor: not-allowed;\n    opacity: -0.4;\n  }\n`;\n\nconst StyledCancelationModal = styled(CancelationModal)`\n  div {\n    & > div > div:first-child {\n      padding: 8px !important;\n    }\n  }\n  svg {\n    width: 28px !important;\n    height: 28px !important;\n  }\n`;\n\nconst CustomCancelAndCompleteAction = styled(CancelAndCompleteAction)`\n  justify-content: center;\n`;\n\nexport default ReturnProductTable;\n"],"names":["ReturnProductTable","props","selectedProducts","setSelectedProducts","useSelectedProducts","selectAll","setSelectAll","useState","productData","setProductData","useProductDetails","selectedRowId","setSelectedRowId","orderId","useOrderId","returnOrderData","useNewReturnOrderData","isNorthSouth","useIsShowNorthSouth","isClientPortal","useClientPortal","productToDelete","setProductToDelete","isDeleteModalOpen","setIsDeleteModalOpen","deleteLoading","callDeleteProduct","useAxios","handleOpenDeleteModal","id","handleConfirmDelete","targetId","response","notification","error","handleCancelDelete","handleSelectAll","allProductIds","product","handleSelectProduct","prevSelected","selectedId","disableCheckbox","MobileTableRoot","jsx","StyledTableWrapper","StyledTable","StyleCheckbox","Skeleton","EmptyDataContainer","Empty","jsxs","React","NavLink","displayValueOrNA","service","e","ActionIcon","NSWrapper","CustomInput","Spin","StyledCancelationModal","CustomCancelAndCompleteAction","styled","Checkbox","CancelationModal","CancelAndCompleteAction"],"mappings":"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"}

package/dist/components/order-view/store.js

@@ -1,5 +1,5 @@
 import { atom as e, useAtom as r } from "jotai";
-import { useAtom as Ir } from "jotai";
+import { useAtom as hr } from "jotai";
 import { atomWithReducer as u } from "jotai/utils";
 const l = e("active"), s = e(!1);
 e([]);
@@ -34,8 +34,6 @@ const c = e({}), d = e({
   other_instructions: null,
   schedule_after: null,
   vehicle_type: null,
-  latitude: null,
-  longitude: null,
   order_locked_by: null,
   delivery_instructions: null,
   drop_time: null,
@@ -160,22 +158,22 @@ const c = e({}), d = e({
   new_order_status: "",
   adhoc_charges: []
 };
-function be() {
+function ye() {
   return r(l);
 }
-function ve() {
+function be() {
   return r(s);
 }
-function De() {
+function ve() {
   return r(i);
 }
 function Ae() {
   return r(c);
 }
-function Ce() {
+function De() {
   return r(d);
 }
-const m = e(void 0), Oe = () => r(m);
+const m = e(void 0), Ce = () => r(m);
 e([]);
 e([]);
 const p = {
@@ -184,29 +182,29 @@ const p = {
   mobileError: "",
   emailError: ""
 }, g = e(p);
-function he() {
+function Oe() {
   return r(g);
 }
 const y = e(o);
-function ke() {
+function he() {
   return r(y);
 }
 const b = e("");
-function Ie() {
+function ke() {
   return r(b);
 }
 const v = e({
   previousDate: null,
   currentDate: null
 });
-function Re() {
+function Ie() {
   return r(v);
 }
-const D = e([]);
-function we() {
-  return r(D);
+const A = e([]);
+function Re() {
+  return r(A);
 }
-const A = e([]), Pe = () => r(A), C = e({});
+const D = e([]), we = () => r(D), C = e({});
 function Le() {
   return r(C);
 }
@@ -215,46 +213,42 @@ function Ee() {
   return r(O);
 }
 const h = e(o);
-function Se() {
+function Pe() {
   return r(h);
 }
 const k = e(o);
-function Te() {
+function Se() {
   return r(k);
 }
 const I = e({});
-function qe() {
+function Te() {
   return r(I);
 }
 e(0);
 const R = e([]);
-function xe() {
+function qe() {
   return r(R);
 }
-const w = e([]);
-function Ge() {
+const w = e(!1);
+function xe() {
   return r(w);
 }
-const P = e(!1);
-function Ue() {
-  return r(P);
-}
 const L = e([]);
-function He() {
+function Ge() {
   return r(L);
 }
 const E = e(0);
-function Me() {
+function Ue() {
   return r(E);
 }
-const S = e([]);
-function Ve() {
-  return r(S);
+const P = e([]);
+function He() {
+  return r(P);
 }
 e([]);
-const T = e([]);
-function ze() {
-  return r(T);
+const S = e([]);
+function Me() {
+  return r(S);
 }
 e([]);
 e(
@@ -265,168 +259,168 @@ e(!1);
 e(
   "update_product_type_tab"
 );
-const Fe = e({
+const Ve = e({
   homeContactError: "",
   workCOntanctError: "",
   mobileError: "",
   emailError: "",
   w3wError: "",
   postCodeError: ""
-}), q = e([]);
-function Ne() {
-  return r(q);
+}), T = e([]);
+function ze() {
+  return r(T);
 }
 e([]);
-const x = {
+const q = {
   collection_reason_id: 0,
   return_reason_id: 0,
   product_return_action_id: 0,
   return_location: ""
 };
-e(x);
+e(q);
 e([]);
 e({
   order_product_type_id: 0,
   order_product_type: ""
 });
+const x = e([]);
+function Fe() {
+  return r(x);
+}
 const G = e([]);
-function Ze() {
+function Ne() {
   return r(G);
 }
+e([]);
+e(void 0);
 const U = e([]);
-function Be() {
+function Ze() {
   return r(U);
 }
-e([]);
-e(void 0);
 const H = e([]);
-function We() {
+function Be() {
   return r(H);
 }
 const M = e([]);
-function je() {
+function We() {
   return r(M);
 }
-const V = e([]);
-function Je() {
+const V = e("");
+function je() {
   return r(V);
 }
-const z = e("");
-function Ke() {
+const z = e([]);
+function Je() {
   return r(z);
 }
-const F = e([]);
-function Qe() {
+const F = e(null);
+function Ke() {
   return r(F);
 }
-const N = e(null);
-function Xe() {
-  return r(N);
-}
 e(!1);
 e(!1);
 e([]);
-const Z = e({});
-function Ye() {
+const N = e({});
+function Qe() {
+  return r(N);
+}
+const Z = e(void 0);
+function Xe() {
   return r(Z);
 }
-const B = e(void 0);
-function $e() {
+const B = e(null);
+function Ye() {
   return r(B);
 }
-const W = e(null);
-function er() {
+const W = e(void 0);
+function $e() {
   return r(W);
 }
 const j = e(void 0);
-function rr() {
+function er() {
   return r(j);
 }
-const J = e(void 0);
-function tr() {
+const J = e([]);
+function rr() {
   return r(J);
 }
-const K = e([]);
-function nr() {
-  return r(K);
-}
 e(!1);
-const Q = e(!1);
-function or() {
-  return r(Q);
+const K = e(!1);
+function tr() {
+  return r(K);
 }
 e(!1);
 e("1");
 e(null);
-const X = e(!0);
-function ur() {
+const Q = e(!0);
+function nr() {
+  return r(Q);
+}
+const X = e(!1);
+function or() {
   return r(X);
 }
-const Y = e(!1);
-function lr() {
+const Y = e(!0);
+function ur() {
   return r(Y);
 }
-const $ = e(!0);
-function sr() {
+const $ = e([]);
+function lr() {
   return r($);
 }
-const ee = e([]);
-function ir() {
+const ee = e("success");
+function sr() {
   return r(ee);
 }
-const re = e("success");
-function cr() {
+const re = e(f);
+function ir() {
   return r(re);
 }
-const te = e(f);
-function dr() {
+const te = e("");
+function cr() {
   return r(te);
 }
 const ne = e("");
-function ar() {
+function dr() {
   return r(ne);
 }
 const oe = e("");
-function _r() {
+function ar() {
   return r(oe);
 }
 const ue = e("");
-function fr() {
+function _r() {
   return r(ue);
 }
 const le = e("");
-function mr() {
+function fr() {
   return r(le);
 }
 const se = e("");
-function pr() {
+function mr() {
   return r(se);
 }
 const ie = e("");
-function gr() {
+function pr() {
   return r(ie);
 }
-const ce = e("");
-function yr() {
+const ce = e(!1);
+function gr() {
   return r(ce);
 }
-const de = e(!1);
-function br() {
+const de = e(!0);
+function yr() {
   return r(de);
 }
-const ae = e(!0);
-function vr() {
+const ae = e([]);
+function br() {
   return r(ae);
 }
 const _e = e([]);
-function Dr() {
+function vr() {
   return r(_e);
 }
-const fe = e([]);
-function Ar() {
-  return r(fe);
-}
-const Cr = e(!0), me = null, pe = (t, n) => {
+const Ar = e(!0), fe = null, me = (t, n) => {
   if (n.type === "create-return")
     return t = "create-return", { state: t };
   if (n.type === "bulkUpdate")
@@ -450,73 +444,72 @@ const Cr = e(!0), me = null, pe = (t, n) => {
   if (n.type === "close")
     return t = null, { state: t };
   throw new Error("unknown action type");
-}, Or = u(me, pe);
+}, Dr = u(fe, me);
 export {
-  Or as countReducerAtom,
-  Fe as errorAtom,
-  x as initialBulkReasonValues,
+  Dr as countReducerAtom,
+  Ve as errorAtom,
+  q as initialBulkReasonValues,
   p as initialConfirmOrderErrValues,
   o as ordersInitialValue,
-  Cr as skeletonTomTom,
+  Ar as skeletonTomTom,
   a as unrecieveOrderProducts,
   _ as updateOrderProducts,
-  cr as useActiveTab,
-  Ir as useAtom,
-  ur as useAuditLogLoadingState,
-  $e as useCUstomerId,
-  we as useCancelOrderProducts,
-  dr as useChargesState,
-  je as useClientData,
-  De as useCurrentAction,
-  Pe as useCustomerData,
-  qe as useCustomerDetails,
-  Ce as useCustomerInfo,
-  ze as useDeleteProdsID,
-  Ve as useDepotOptions,
-  Ar as useEpodImages,
-  he as useErrorConfirmOrder,
-  _r as useEscalationCategory,
-  fr as useEscalationLevel,
-  mr as useEscalationReason,
-  ar as useFailureReason,
-  ir as useGlobalEscData,
-  lr as useGlobalStateHitAuditLog,
-  sr as useGlobalStateHitOrder,
-  Ye as useGsitCUstomerId,
-  rr as useGsitOrderId,
-  ve as useInfoType,
-  Ke as useInternalSearchText,
-  br as useIsFailureReasonChanged,
-  or as useLiveRecalling,
-  Ze as useLocationOptions,
-  pr as useNewStatus,
-  Re as useNotificationConfirmedDate,
+  sr as useActiveTab,
+  hr as useAtom,
+  nr as useAuditLogLoadingState,
+  Xe as useCUstomerId,
+  Re as useCancelOrderProducts,
+  ir as useChargesState,
+  Be as useClientData,
+  ve as useCurrentAction,
+  we as useCustomerData,
+  Te as useCustomerDetails,
+  De as useCustomerInfo,
+  Me as useDeleteProdsID,
+  He as useDepotOptions,
+  vr as useEpodImages,
+  Oe as useErrorConfirmOrder,
+  dr as useEscalationCategory,
+  ar as useEscalationLevel,
+  _r as useEscalationReason,
+  cr as useFailureReason,
+  lr as useGlobalEscData,
+  or as useGlobalStateHitAuditLog,
+  ur as useGlobalStateHitOrder,
+  Qe as useGsitCUstomerId,
+  $e as useGsitOrderId,
+  be as useInfoType,
+  je as useInternalSearchText,
+  gr as useIsFailureReasonChanged,
+  tr as useLiveRecalling,
+  Fe as useLocationOptions,
+  fr as useNewStatus,
+  Ie as useNotificationConfirmedDate,
   Le as useOrderAlertsData,
-  gr as useOrderCancelReason,
+  mr as useOrderCancelReason,
   Ee as useOrderCustomersList,
-  Se as useOrderDetails,
-  ke as useOrderDetailsConfirmOrder,
-  yr as useOrderHoldReason,
-  Oe as useOrderId,
-  tr as useOrderProductId,
-  Be as useOrderProductSystemLogs,
-  Ne as useOrderProductsResources,
+  Pe as useOrderDetails,
+  he as useOrderDetailsConfirmOrder,
+  pr as useOrderHoldReason,
+  Ce as useOrderId,
+  er as useOrderProductId,
+  Ne as useOrderProductSystemLogs,
+  ze as useOrderProductsResources,
   Ae as useOrderStaticData,
-  Te as usePrevOrderDetails,
-  xe as useProductDetails,
-  He as useProductDetailsCopy,
-  We as useReturnAfterOrderData,
-  nr as useReturnData,
-  Ge as useReturnProductDetails,
-  er as useRouteId,
-  Ie as useSelectionAction,
-  Me as useStatusDetails,
-  be as useTabType,
-  Dr as useZoomCallLogs,
-  vr as useZoomCallLogsLoader,
-  Ue as usefetchAgain,
-  Je as usegetClientData,
-  Qe as usegetNotes,
-  Xe as usemoduleIds
+  Se as usePrevOrderDetails,
+  qe as useProductDetails,
+  Ge as useProductDetailsCopy,
+  Ze as useReturnAfterOrderData,
+  rr as useReturnData,
+  Ye as useRouteId,
+  ke as useSelectionAction,
+  Ue as useStatusDetails,
+  ye as useTabType,
+  br as useZoomCallLogs,
+  yr as useZoomCallLogsLoader,
+  xe as usefetchAgain,
+  We as usegetClientData,
+  Je as usegetNotes,
+  Ke as usemoduleIds
 };
 //# sourceMappingURL=store.js.map