@dropins/storefront-requisition-list 0.6.0-beta → 0.7.0-beta

package/containers/RequisitionListView.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequisitionListView.js","sources":["/@dropins/storefront-requisition-list/src/hooks/useRequisitionListSelectedItems.ts","../../node_modules/@adobe-commerce/elsie/src/icons/Cart.svg","../../node_modules/@adobe-commerce/elsie/src/icons/Trash.svg","/@dropins/storefront-requisition-list/src/components/ProductListTable/ProductListTable.tsx","/@dropins/storefront-requisition-list/src/components/BatchActions/BatchActions.tsx","/@dropins/storefront-requisition-list/src/containers/RequisitionListView/RequisitionListView.tsx"],"sourcesContent":["/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { useState, useCallback } from 'preact/hooks';\nimport { Item } from '@/requisitionList/data/models/item';\nimport { RequisitionList } from '@/requisitionList/data/models/requisitionList';\n\ntype UseRequisitionListSelectedItems = {\n  currentRequisitionList: RequisitionList;\n  setCurrentRequisitionList: (\n    value: RequisitionList | ((prev: RequisitionList) => RequisitionList)\n  ) => void;\n  selectedItems: Set<string>;\n  setSelectedItems: (\n    value: Set<string> | ((prev: Set<string>) => Set<string>)\n  ) => void;\n  handleItemSelection: (itemUid: string, isSelected: boolean) => void;\n  handleSelectAll: () => void;\n  handleSelectNone: () => void;\n};\n\nexport function useRequisitionListSelectedItems(\n  requisitionList: RequisitionList\n): UseRequisitionListSelectedItems {\n  const [currentRequisitionList, setCurrentRequisitionList] =\n    useState<RequisitionList>(requisitionList);\n  const [selectedItems, setSelectedItems] = useState<Set<string>>(new Set());\n\n  const handleItemSelection = useCallback(\n    (itemUid: string, isSelected: boolean) => {\n      setSelectedItems((prev: Set<string>) => {\n        const newSet = new Set(prev);\n        if (isSelected) {\n          newSet.add(itemUid);\n        } else {\n          newSet.delete(itemUid);\n        }\n        return newSet;\n      });\n    },\n    []\n  );\n\n  const handleSelectAll = useCallback(() => {\n    const allItemUids = currentRequisitionList.items?.map(\n      (item: Item) => item.uid\n    );\n    setSelectedItems(new Set(allItemUids));\n  }, [currentRequisitionList]);\n\n  const handleSelectNone = useCallback(() => {\n    setSelectedItems(new Set());\n  }, []);\n\n  return {\n    currentRequisitionList,\n    setCurrentRequisitionList,\n    selectedItems,\n    setSelectedItems,\n    handleItemSelection,\n    handleSelectAll,\n    handleSelectNone,\n  };\n}\n","import * as React from \"react\";\nconst SvgCart = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"g\", { clipPath: \"url(#clip0_102_196)\" }, /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M18.3601 18.16H6.5601L4.8801 3H2.3501M19.6701 19.59C19.6701 20.3687 19.0388 21 18.2601 21C17.4814 21 16.8501 20.3687 16.8501 19.59C16.8501 18.8113 17.4814 18.18 18.2601 18.18C19.0388 18.18 19.6701 18.8113 19.6701 19.59ZM7.42986 19.59C7.42986 20.3687 6.79858 21 6.01986 21C5.24114 21 4.60986 20.3687 4.60986 19.59C4.60986 18.8113 5.24114 18.18 6.01986 18.18C6.79858 18.18 7.42986 18.8113 7.42986 19.59Z\", stroke: \"currentColor\", strokeLinejoin: \"round\" }), /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M5.25 6.37L20.89 8.06L20.14 14.8H6.19\", stroke: \"currentColor\", strokeLinejoin: \"round\" })), /* @__PURE__ */ React.createElement(\"defs\", null, /* @__PURE__ */ React.createElement(\"clipPath\", { id: \"clip0_102_196\" }, /* @__PURE__ */ React.createElement(\"rect\", { vectorEffect: \"non-scaling-stroke\", width: 19.29, height: 19.5, fill: \"white\", transform: \"translate(2.3501 2.25)\" }))));\nexport default SvgCart;\n","import * as React from \"react\";\nconst SvgTrash = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M1 5H23\", stroke: \"currentColor\", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M17.3674 22H6.63446C5.67952 22 4.88992 21.2688 4.8379 20.3338L4 5H20L19.1621 20.3338C19.1119 21.2688 18.3223 22 17.3655 22H17.3674Z\", stroke: \"currentColor\", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M9.87189 2H14.1281C14.6085 2 15 2.39766 15 2.88889V5H9V2.88889C9 2.39912 9.39006 2 9.87189 2Z\", stroke: \"currentColor\", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M8.87402 8.58057L9.39348 17.682\", stroke: \"currentColor\", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M14.6673 8.58057L14.146 17.682\", stroke: \"currentColor\", strokeWidth: 1.5, strokeMiterlimit: 10 }));\nexport default SvgTrash;\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { FunctionComponent, h } from 'preact';\nimport { HTMLAttributes, ChangeEvent } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport {\n  Icon,\n  Table,\n  Checkbox,\n  Price,\n  Button,\n  Field,\n  Input,\n} from '@adobe-commerce/elsie/components';\nimport { Trash, Cart } from '@adobe-commerce/elsie/icons';\nimport '@/requisitionList/components/ProductListTable/ProductListTable.css';\nimport { RequisitionListModel } from '@/requisitionList/data/models/requisitionList';\nimport { Item } from '@/requisitionList/data/models/item';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nexport interface ProductListTableProps\n  extends HTMLAttributes<HTMLDivElement | HTMLFormElement> {\n  className?: string;\n  items: RequisitionListModel['items'];\n  selectedItems: Set<string>;\n  currentPage: number;\n  pageSize: number;\n  canEdit?: boolean;\n  handleItemSelection: (itemUid: string, isSelected: boolean) => void;\n  handleUpdateQuantity: (itemUid: string, newQuantity: number) => void;\n  onAddToCart: (itemUids: string[] | undefined) => void;\n  onDeleteItem: (itemUids: string[] | undefined) => void;\n}\n\nexport const ProductListTable: FunctionComponent<ProductListTableProps> = ({\n  className,\n  items,\n  selectedItems,\n  currentPage,\n  pageSize,\n  canEdit = true,\n  handleItemSelection,\n  handleUpdateQuantity,\n  onAddToCart,\n  onDeleteItem,\n  ...props\n}) => {\n  const translations = useText({\n    productNameHeader:\n      'RequisitionList.RequisitionListView.productListTable.headers.productName',\n    skuHeader:\n      'RequisitionList.RequisitionListView.productListTable.headers.sku',\n    priceHeader:\n      'RequisitionList.RequisitionListView.productListTable.headers.price',\n    quantityHeader:\n      'RequisitionList.RequisitionListView.productListTable.headers.quantity',\n    subtotalHeader:\n      'RequisitionList.RequisitionListView.productListTable.headers.subtotal',\n    actionsHeader:\n      'RequisitionList.RequisitionListView.productListTable.headers.actions',\n    actionAddToCart: 'RequisitionList.RequisitionListView.actionAddToCart',\n    actionDelete: 'RequisitionList.RequisitionListView.actionDelete',\n    itemQuantity:\n      'RequisitionList.RequisitionListView.productListTable.itemQuantity',\n  });\n  const columns = [\n    {\n      label: '#',\n      key: 'index',\n    },\n    {\n      label: 'item',\n      key: 'item',\n    },\n    {\n      label: translations.priceHeader,\n      key: 'price',\n    },\n    {\n      label: translations.quantityHeader,\n      key: 'quantity',\n    },\n    {\n      label: translations.subtotalHeader,\n      key: 'subtotal',\n    },\n  ];\n\n  if (canEdit) {\n    columns.unshift({\n      label: '',\n      key: 'checkbox',\n    });\n    columns.push({\n      label: translations.actionsHeader,\n      key: 'actions',\n    });\n  }\n\n  const handleItemCheckboxChange = (\n    event: ChangeEvent<HTMLInputElement>,\n    item: Item\n  ) => {\n    const isSelected = (event.target as HTMLInputElement).checked;\n    handleItemSelection(item.uid, isSelected);\n  };\n\n  const rowData = items.map((item: Item, index: number) => {\n    return {\n      index: <span>{(currentPage - 1) * pageSize + index + 1}</span>,\n      item: (\n        <div style=\"display: inline-block\">\n          <div style=\"float: left;\">\n            <Checkbox\n              className=\"requisition-list-view-product-list-table__checkbox\"\n              name=\"itemSelected\"\n              data-testid={`item-checkbox-${item.sku}`}\n              onChange={(e: ChangeEvent<HTMLInputElement>) =>\n                handleItemCheckboxChange(e, item)\n              }\n              value={item.sku}\n              checked={selectedItems.has(item.uid)}\n            />\n          </div>\n\n          <div className=\"requisition-list-view-product-list-table__product-name\">\n            {item.product?.name || item.sku}\n          </div>\n          <div className=\"requisition-list-view-product-list-table__sku\">\n            {item.sku}\n          </div>\n        </div>\n      ),\n      price: (\n        <Price\n          className=\"requisition-list-view-product-list-table__price\"\n          amount={item.product?.price?.final?.amount?.value}\n          currency={item.product?.price?.final?.amount?.currency}\n        />\n      ),\n      subtotal: (\n        <Price\n          className=\"requisition-list-view-product-list-table__price\"\n          amount={item.product?.price?.final?.amount?.value * item.quantity}\n          currency={item.product?.price?.final?.amount?.currency}\n        />\n      ),\n      quantity: (\n        <span className=\"requisition-list-view-product-list-table__quantity\">\n          <Field disabled={false}>\n            <Input\n              id=\"requisition-list-item-quantity\"\n              name=\"quantity\"\n              type=\"text\"\n              value={item.quantity}\n              onBlur={(e: FocusEvent) => {\n                const newValue = Number.parseInt(\n                  (e.target as HTMLInputElement).value,\n                  10\n                );\n                handleUpdateQuantity(item.uid, newValue);\n              }}\n            />\n          </Field>\n        </span>\n      ),\n      actions: (\n        <div className=\"requisition-list-view__bulk-actions\">\n          <Button\n            type=\"button\"\n            onClick={() => onAddToCart([item.uid])}\n            icon={<Icon source={Cart} />}\n            data-testid=\"product-list-table-add-to-cart-button\"\n          />\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            icon={<Icon source={Trash} />}\n            onClick={() => onDeleteItem([item.uid])}\n            data-testid=\"product-list-table-delete-button\"\n          />\n        </div>\n      ),\n    };\n  });\n\n  const table = (\n    <Table\n      columns={columns}\n      rowData={rowData}\n      data-testid=\"product-list-table\"\n      mobileLayout=\"stacked\"\n    />\n  );\n\n  return (\n    <VComponent\n      node={h('div', {})}\n      className={classes([\n        'requisition-list-view-product-list-table-container',\n        className,\n      ])}\n      data-testid=\"product-list-table-container\"\n      {...props}\n    >\n      {table}\n    </VComponent>\n  );\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { Button, Icon } from '@adobe-commerce/elsie/components';\nimport { Trash, Cart } from '@adobe-commerce/elsie/icons';\nimport '@/requisitionList/components/BatchActions/BatchActions.css';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nexport interface BatchActionsProps\n  extends HTMLAttributes<HTMLDivElement | HTMLFormElement> {\n  selectedItems: Set<string>;\n  deletingItemId: string | null;\n  addingToCartItemId: string | null;\n  bulkAddingToCart: boolean;\n  updatingQuantityItemId: string | null;\n  onSelectAll: () => void;\n  onSelectNone: () => void;\n  onBulkAddToCart: () => void;\n  onBulkDelete: () => void;\n}\n\nexport const BatchActions: FunctionComponent<BatchActionsProps> = ({\n  selectedItems,\n  deletingItemId,\n  addingToCartItemId,\n  bulkAddingToCart,\n  updatingQuantityItemId,\n  onSelectAll,\n  onSelectNone,\n  onBulkAddToCart,\n  onBulkDelete,\n}) => {\n  const translations = useText({\n    statusDeleting: `RequisitionList.RequisitionListView.statusDeleting`,\n    actionDeleteSelected: `RequisitionList.RequisitionListView.actionDeleteSelected`,\n    actionSelectAll: `RequisitionList.RequisitionListView.actionSelectAll`,\n    actionSelectNone: `RequisitionList.RequisitionListView.actionSelectNone`,\n    actionAddToCart: `RequisitionList.RequisitionListView.actionAddToCart`,\n    actionAddSelectedToCart: `RequisitionList.RequisitionListView.actionAddSelectedToCart`,\n    statusBulkAddingToCart: `RequisitionList.RequisitionListView.statusBulkAddingToCart`,\n  });\n\n  return (\n    <div class=\"requisition-list-view__bulk-actions\">\n      <Button\n        data-testid=\"bulk-actions-select-all-btn\"\n        type=\"button\"\n        variant=\"secondary\"\n        onClick={onSelectAll}\n        disabled={\n          deletingItemId !== null ||\n          addingToCartItemId !== null ||\n          bulkAddingToCart ||\n          updatingQuantityItemId !== null\n        }\n      >\n        {translations.actionSelectAll}\n      </Button>\n      <Button\n        data-testid=\"bulk-actions-select-none-btn\"\n        type=\"button\"\n        variant=\"secondary\"\n        onClick={onSelectNone}\n        disabled={\n          deletingItemId !== null ||\n          addingToCartItemId !== null ||\n          bulkAddingToCart ||\n          updatingQuantityItemId !== null ||\n          selectedItems.size === 0\n        }\n      >\n        {translations.actionSelectNone}\n      </Button>\n      {selectedItems.size > 0 && (\n        <Button\n          data-testid=\"bulk-actions-add-to-cart-btn\"\n          type=\"button\"\n          variant=\"primary\"\n          onClick={onBulkAddToCart}\n          icon={<Icon source={Cart} />}\n          disabled={\n            deletingItemId !== null ||\n            addingToCartItemId !== null ||\n            bulkAddingToCart ||\n            updatingQuantityItemId !== null\n          }\n        >\n          {bulkAddingToCart\n            ? translations.statusBulkAddingToCart\n            : `${translations.actionAddSelectedToCart} (${selectedItems.size})`}\n        </Button>\n      )}\n      {selectedItems.size > 0 && (\n        <Button\n          data-testid=\"bulk-actions-delete-all-btn\"\n          type=\"button\"\n          variant=\"secondary\"\n          onClick={onBulkDelete}\n          icon={<Icon source={Trash} />}\n          disabled={\n            deletingItemId !== null ||\n            addingToCartItemId !== null ||\n            bulkAddingToCart ||\n            updatingQuantityItemId !== null\n          }\n        >\n          {deletingItemId === 'bulk'\n            ? translations.statusDeleting\n            : `${translations.actionDeleteSelected} (${selectedItems.size})`}\n        </Button>\n      )}\n    </div>\n  );\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\nimport {\n  HTMLAttributes,\n  useState,\n  useCallback,\n  useEffect,\n} from 'preact/compat';\nimport { Container } from '@adobe-commerce/elsie/lib';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { addRequisitionListItemsToCart } from '@/requisitionList/api/addRequisitionListItemsToCart';\nimport { deleteRequisitionListItems } from '@/requisitionList/api/deleteRequisitionListItems';\nimport { getProductData } from '@/requisitionList/api/getProductData';\nimport { updateRequisitionListItems } from '@/requisitionList/api/updateRequisitionListItems';\nimport { getRequisitionList } from '@/requisitionList/api/getRequisitionList';\nimport {\n  Header,\n  Pagination,\n  InLineAlert,\n} from '@adobe-commerce/elsie/components';\nimport { Item, Product } from '@/requisitionList/data/models/item';\nimport { RequisitionList } from '@/requisitionList/data/models/requisitionList';\nimport { events } from '@adobe-commerce/event-bus';\nimport { PageSizePicker, EmptyList } from '@/requisitionList/components';\nimport { ProductListTable } from '@/requisitionList/components/ProductListTable/ProductListTable';\nimport { BatchActions } from '@/requisitionList/components/BatchActions/BatchActions';\nimport { useRequisitionListSelectedItems } from '@/requisitionList/hooks/useRequisitionListSelectedItems';\nimport { useRequisitionListAlert } from '@/requisitionList/hooks/useRequisitionListAlert';\n\nexport interface RequisitionListViewProps\n  extends HTMLAttributes<HTMLDivElement> {\n  requisitionList: RequisitionList;\n  /**\n   * When true, skips automatic product data fetching on component mount.\n   * Used in tests to prevent API calls.\n   */\n  skipProductLoading?: boolean;\n  /**\n   * Number of items per page for pagination.\n   * Defaults to 10.\n   */\n  pageSize?: number;\n  loadingProducts?: boolean;\n  selectedItems: Set<string>;\n  loadingPage?: boolean;\n}\n\nexport const RequisitionListView: Container<RequisitionListViewProps> = ({\n  requisitionList,\n  skipProductLoading = false,\n  pageSize = 10,\n}: RequisitionListViewProps) => {\n  const [loadingProducts, setLoadingProducts] = useState<boolean>(false);\n  const [deletingItemId, setDeletingItemId] = useState<string | null>(null);\n  const [addingToCartItemId, setAddingToCartItemId] = useState<\n    string[] | undefined\n  >(null);\n  const [bulkAddingToCart, setBulkAddingToCart] = useState<boolean>(false);\n  const [updatingQuantityItemId, setUpdatingQuantityItemId] = useState<\n    string | null\n  >(null);\n  const [loadingPage, setLoadingPage] = useState<boolean>(false);\n  const [currentPageSize, setCurrentPageSize] = useState<number>(pageSize);\n\n  const {\n    currentRequisitionList,\n    setCurrentRequisitionList,\n    selectedItems,\n    setSelectedItems,\n    handleItemSelection,\n    handleSelectAll,\n    handleSelectNone,\n  } = useRequisitionListSelectedItems(requisitionList);\n\n  const translations = useText({\n    emptyRequisitionList: `RequisitionList.RequisitionListView.emptyRequisitionList`,\n    errorLoadingProducts: `RequisitionList.RequisitionListView.errorLoadingProducts`,\n    errorLoadPage: `RequisitionList.RequisitionListView.errorLoadPage`,\n  });\n\n  const { alert, setAlert, handleRequisitionListAlert } =\n    useRequisitionListAlert();\n\n  useEffect(() => {\n    const requisitionListEvent = events.on(\n      'requisitionList/data',\n      (payload: RequisitionList) => {\n        setCurrentRequisitionList(payload);\n        setSelectedItems(new Set());\n      }\n    );\n    events.on('requisitionList/alert', handleRequisitionListAlert);\n    return () => {\n      requisitionListEvent?.off();\n    };\n  }, [handleRequisitionListAlert, setCurrentRequisitionList, setSelectedItems]);\n\n  // Sync pageSize prop changes to local state\n  useEffect(() => {\n    setCurrentPageSize(pageSize);\n  }, [pageSize]);\n\n  // Function to fetch and merge product data\n  const fetchAndMergeProducts = useCallback(\n    async (baseRequisitionList: RequisitionList) => {\n      // Extract SKUs from requisition list items\n      const productSkus =\n        baseRequisitionList.items?.map((item: Item) => item.sku) || [];\n\n      if (productSkus.length === 0) {\n        return baseRequisitionList;\n      }\n\n      setLoadingProducts(true);\n\n      try {\n        const fetchedProducts = await getProductData(productSkus);\n        if (fetchedProducts) {\n          // Create a map of SKU to Product for easy lookup\n          const productMap = new Map<string, Product>();\n          fetchedProducts.forEach((product: Product) => {\n            productMap.set(product.sku, product);\n          });\n\n          // Update requisition list items with fetched product data\n          return {\n            ...baseRequisitionList,\n            items: baseRequisitionList.items?.map((item: Item) => ({\n              ...item,\n              product: productMap.get(item.sku) || item.product, // Use fetched product or keep existing\n            })),\n          };\n        }\n        console.warn('No products found');\n        return baseRequisitionList;\n      } catch (error) {\n        console.warn(\n          error instanceof Error\n            ? error.message\n            : translations.errorLoadingProducts\n        );\n        return baseRequisitionList;\n      } finally {\n        setLoadingProducts(false);\n      }\n    },\n    [translations.errorLoadingProducts]\n  );\n\n  // Fetch products from requisition list items on initial load\n  useEffect(() => {\n    // Skip product loading in test mode\n    if (skipProductLoading) {\n      return;\n    }\n\n    const loadInitialProducts = async () => {\n      const updatedList = await fetchAndMergeProducts(requisitionList);\n      setCurrentRequisitionList(updatedList);\n    };\n\n    loadInitialProducts();\n  }, [\n    requisitionList,\n    fetchAndMergeProducts,\n    skipProductLoading,\n    setCurrentRequisitionList,\n  ]);\n\n  const handleAddItemsToCart = useCallback(\n    async (itemUids: string[] | undefined) => {\n      if (itemUids && itemUids.length === 1) {\n        setBulkAddingToCart(false);\n        setAddingToCartItemId(itemUids);\n      } else {\n        setBulkAddingToCart(true);\n        setAddingToCartItemId(null);\n      }\n\n      try {\n        const errors = await addRequisitionListItemsToCart(\n          currentRequisitionList.uid,\n          itemUids\n        );\n\n        if (errors && errors.length > 0) {\n          events.emit('requisitionList/alert', {\n            action: 'move',\n            type: 'error',\n            context: 'product',\n            message: errors.map((e: any) => e.message),\n          });\n        } else {\n          events.emit('requisitionList/alert', {\n            action: 'move',\n            type: 'success',\n            context: 'product',\n          });\n        }\n      } catch (error) {\n        events.emit('requisitionList/alert', {\n          action: 'move',\n          type: 'error',\n          context: 'product',\n        });\n      } finally {\n        setAddingToCartItemId(null);\n        setBulkAddingToCart(false);\n      }\n    },\n    [currentRequisitionList]\n  );\n\n  const handleDeleteItems = useCallback(\n    async (itemUids: string[] | undefined) => {\n      if (itemUids && itemUids.length === 1) {\n        setDeletingItemId(itemUids[0]);\n      } else {\n        setDeletingItemId('bulk');\n      }\n\n      try {\n        const updatedRequisitionList = await deleteRequisitionListItems(\n          currentRequisitionList.uid,\n          itemUids,\n          currentPageSize,\n          currentRequisitionList.page_info.current_page\n        );\n\n        if (updatedRequisitionList) {\n          // Fetch and merge product data to ensure prices are loaded\n          const enrichedRequisitionList = await fetchAndMergeProducts(\n            updatedRequisitionList\n          );\n          setCurrentRequisitionList(enrichedRequisitionList);\n          events.emit('requisitionList/alert', {\n            action: 'delete',\n            type: 'success',\n            context: 'product',\n          });\n        } else {\n          events.emit('requisitionList/alert', {\n            action: 'delete',\n            type: 'error',\n            context: 'product',\n          });\n        }\n      } catch (error) {\n        events.emit('requisitionList/alert', {\n          action: 'delete',\n          type: 'error',\n          context: 'product',\n        });\n      } finally {\n        setDeletingItemId(null);\n      }\n    },\n    [\n      currentRequisitionList,\n      currentPageSize,\n      fetchAndMergeProducts,\n      setCurrentRequisitionList,\n    ]\n  );\n\n  const handleUpdateQuantity = useCallback(\n    async (itemUid: string, newQuantity: number) => {\n      setUpdatingQuantityItemId(itemUid);\n\n      try {\n        // Find the current item to update\n        const currentItem = currentRequisitionList.items?.find(\n          (item: Item) => item.uid === itemUid\n        );\n        if (!currentItem) {\n          events.emit('requisitionList/alert', {\n            action: 'update',\n            type: 'error',\n            context: 'product',\n          });\n          return;\n        }\n\n        // Create updated item with new quantity\n        const updatedItem = {\n          item_id: currentItem.uid,\n          entered_options: currentItem.entered_options,\n          selected_options: currentItem.selected_options,\n          quantity: newQuantity,\n        };\n\n        const updatedRequisitionList = await updateRequisitionListItems(\n          currentRequisitionList.uid,\n          [updatedItem],\n          currentPageSize,\n          currentRequisitionList.page_info.current_page\n        );\n\n        if (updatedRequisitionList) {\n          // Reload product data with updated quantities\n          const enrichedRequisitionList = await fetchAndMergeProducts(\n            updatedRequisitionList\n          );\n          setCurrentRequisitionList(enrichedRequisitionList);\n          events.emit('requisitionList/alert', {\n            action: 'update',\n            type: 'success',\n            context: 'product',\n          });\n        } else {\n          events.emit('requisitionList/alert', {\n            action: 'update',\n            type: 'error',\n            context: 'product',\n          });\n        }\n      } catch (error) {\n        events.emit('requisitionList/alert', {\n          action: 'update',\n          type: 'error',\n          context: 'product',\n        });\n      } finally {\n        setUpdatingQuantityItemId(null);\n      }\n    },\n    [\n      currentRequisitionList,\n      fetchAndMergeProducts,\n      setCurrentRequisitionList,\n      currentPageSize,\n    ]\n  );\n\n  const handlePageChange = useCallback(\n    async (page: number) => {\n      setLoadingPage(true);\n\n      try {\n        const updatedRequisitionList = await getRequisitionList(\n          currentRequisitionList.uid,\n          page,\n          currentPageSize\n        );\n\n        if (updatedRequisitionList) {\n          // Fetch product data for the new page\n          const updatedListWithProducts = await fetchAndMergeProducts(\n            updatedRequisitionList\n          );\n          setCurrentRequisitionList(updatedListWithProducts);\n        } else {\n          console.warn(translations.errorLoadPage);\n        }\n      } catch (error) {\n        console.warn(\n          error instanceof Error ? error.message : translations.errorLoadPage\n        );\n      } finally {\n        setLoadingPage(false);\n      }\n    },\n    [\n      currentRequisitionList.uid,\n      fetchAndMergeProducts,\n      currentPageSize,\n      translations,\n      setCurrentRequisitionList,\n    ]\n  );\n\n  const handlePageSizeChange = useCallback(\n    async (newPageSize: number) => {\n      setCurrentPageSize(newPageSize);\n      setLoadingPage(true);\n\n      try {\n        // Reset to page 1 when changing page size\n        const updatedRequisitionList = await getRequisitionList(\n          currentRequisitionList.uid,\n          1,\n          newPageSize\n        );\n\n        if (updatedRequisitionList) {\n          // Fetch product data for the new page\n          const updatedListWithProducts = await fetchAndMergeProducts(\n            updatedRequisitionList\n          );\n          setCurrentRequisitionList(updatedListWithProducts);\n        } else {\n          console.warn(translations.errorLoadPage);\n        }\n      } catch (error) {\n        console.warn(translations.errorLoadPage);\n      } finally {\n        setLoadingPage(false);\n      }\n    },\n    [\n      currentRequisitionList.uid,\n      fetchAndMergeProducts,\n      translations,\n      setCurrentRequisitionList,\n    ]\n  );\n\n  return (\n    <div className=\"requisition-list-view__container\">\n      <Header\n        aria-label={currentRequisitionList.name}\n        role=\"region\"\n        title={currentRequisitionList.name}\n      />\n\n      {currentRequisitionList.items_count === 0 ? (\n        <EmptyList\n          textContent={`${currentRequisitionList.name} ${translations.emptyRequisitionList}`}\n        />\n      ) : (\n        <>\n          {alert && (\n            <InLineAlert\n              heading={alert.description}\n              type={alert.type}\n              variant=\"primary\"\n              onDismiss={() => setAlert(null)}\n            />\n          )}\n\n          <BatchActions\n            selectedItems={selectedItems}\n            deletingItemId={deletingItemId}\n            addingToCartItemId={addingToCartItemId}\n            bulkAddingToCart={bulkAddingToCart}\n            updatingQuantityItemId={updatingQuantityItemId}\n            onSelectAll={handleSelectAll}\n            onSelectNone={handleSelectNone}\n            onBulkAddToCart={() =>\n              handleAddItemsToCart(Array.from(selectedItems))\n            }\n            onBulkDelete={() => handleDeleteItems(Array.from(selectedItems))}\n          />\n\n          <ProductListTable\n            items={currentRequisitionList.items}\n            selectedItems={selectedItems}\n            currentPage={currentRequisitionList.page_info.current_page}\n            pageSize={currentRequisitionList.page_info.page_size}\n            handleItemSelection={handleItemSelection}\n            handleUpdateQuantity={handleUpdateQuantity}\n            onAddToCart={handleAddItemsToCart}\n            onDeleteItem={handleDeleteItems}\n          />\n\n          {/* Pagination */}\n          {currentRequisitionList.page_info && (\n            <div className=\"requisition-list-view__pagination\">\n              <div className=\"requisition-list-view__pagination-controls\">\n                <PageSizePicker\n                  currentPageSize={currentRequisitionList.page_info.page_size}\n                  onPageSizeChange={handlePageSizeChange}\n                  disabled={loadingPage || loadingProducts}\n                />\n                {currentRequisitionList.page_info.total_pages > 1 && (\n                  <Pagination\n                    totalPages={currentRequisitionList.page_info.total_pages}\n                    currentPage={currentRequisitionList.page_info.current_page}\n                    onChange={handlePageChange}\n                    disabled={loadingPage || loadingProducts}\n                  />\n                )}\n              </div>\n            </div>\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n"],"names":["useRequisitionListSelectedItems","requisitionList","currentRequisitionList","setCurrentRequisitionList","useState","selectedItems","setSelectedItems","handleItemSelection","useCallback","itemUid","isSelected","prev","newSet","handleSelectAll","allItemUids","_a","item","handleSelectNone","SvgCart","props","React","SvgTrash","ProductListTable","className","items","currentPage","pageSize","canEdit","handleUpdateQuantity","onAddToCart","onDeleteItem","translations","useText","columns","handleItemCheckboxChange","event","rowData","index","jsx","jsxs","Checkbox","Price","_e","_d","_c","_b","_i","_h","_g","_f","_m","_l","_k","_j","_q","_p","_o","_n","Field","Input","newValue","Button","Icon","Cart","Trash","table","Table","VComponent","h","classes","BatchActions","deletingItemId","addingToCartItemId","bulkAddingToCart","updatingQuantityItemId","onSelectAll","onSelectNone","onBulkAddToCart","onBulkDelete","RequisitionListView","skipProductLoading","loadingProducts","setLoadingProducts","setDeletingItemId","setAddingToCartItemId","setBulkAddingToCart","setUpdatingQuantityItemId","loadingPage","setLoadingPage","currentPageSize","setCurrentPageSize","alert","setAlert","handleRequisitionListAlert","useRequisitionListAlert","useEffect","requisitionListEvent","events","payload","fetchAndMergeProducts","baseRequisitionList","productSkus","fetchedProducts","getProductData","productMap","product","error","updatedList","handleAddItemsToCart","itemUids","errors","addRequisitionListItemsToCart","e","handleDeleteItems","updatedRequisitionList","deleteRequisitionListItems","enrichedRequisitionList","newQuantity","currentItem","updatedItem","updateRequisitionListItems","handlePageChange","page","getRequisitionList","updatedListWithProducts","handlePageSizeChange","newPageSize","Header","EmptyList","Fragment","InLineAlert","PageSizePicker","Pagination"],"mappings":"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","x_google_ignoreList":[1,2]}
+{"version":3,"file":"RequisitionListView.js","sources":["/@dropins/storefront-requisition-list/src/hooks/useRequisitionListSelectedItems.ts","../../node_modules/@adobe-commerce/elsie/src/icons/Cart.svg","../../node_modules/@adobe-commerce/elsie/src/icons/Search.svg","../../node_modules/@adobe-commerce/elsie/src/icons/Trash.svg","/@dropins/storefront-requisition-list/src/components/NotFound/NotFound.tsx","/@dropins/storefront-requisition-list/src/components/ProductListTable/ProductListTable.tsx","/@dropins/storefront-requisition-list/src/components/BatchActions/BatchActions.tsx","/@dropins/storefront-requisition-list/src/containers/RequisitionListView/RequisitionListView.tsx"],"sourcesContent":["/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { useState, useCallback } from 'preact/hooks';\nimport { Item } from '@/requisitionList/data/models/item';\nimport { RequisitionList } from '@/requisitionList/data/models/requisitionList';\n\ntype UseRequisitionListSelectedItems = {\n  currentRequisitionList: RequisitionList | null;\n  setCurrentRequisitionList: (\n    value:\n      | RequisitionList\n      | null\n      | ((prev: RequisitionList | null) => RequisitionList | null)\n  ) => void;\n  selectedItems: Set<string>;\n  setSelectedItems: (\n    value: Set<string> | ((prev: Set<string>) => Set<string>)\n  ) => void;\n  handleItemSelection: (itemUid: string, isSelected: boolean) => void;\n  handleSelectAll: () => void;\n  handleSelectNone: () => void;\n};\n\nexport function useRequisitionListSelectedItems(): UseRequisitionListSelectedItems {\n  const [currentRequisitionList, setCurrentRequisitionList] =\n    useState<RequisitionList | null>(null);\n  const [selectedItems, setSelectedItems] = useState<Set<string>>(new Set());\n\n  const handleItemSelection = useCallback(\n    (itemUid: string, isSelected: boolean) => {\n      setSelectedItems((prev: Set<string>) => {\n        const newSet = new Set(prev);\n        if (isSelected) {\n          newSet.add(itemUid);\n        } else {\n          newSet.delete(itemUid);\n        }\n        return newSet;\n      });\n    },\n    []\n  );\n\n  const handleSelectAll = useCallback(() => {\n    const allItemUids = currentRequisitionList?.items?.map(\n      (item: Item) => item.uid\n    );\n    setSelectedItems(new Set(allItemUids));\n  }, [currentRequisitionList]);\n\n  const handleSelectNone = useCallback(() => {\n    setSelectedItems(new Set());\n  }, []);\n\n  return {\n    currentRequisitionList,\n    setCurrentRequisitionList,\n    selectedItems,\n    setSelectedItems,\n    handleItemSelection,\n    handleSelectAll,\n    handleSelectNone,\n  };\n}\n","import * as React from \"react\";\nconst SvgCart = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"g\", { clipPath: \"url(#clip0_102_196)\" }, /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M18.3601 18.16H6.5601L4.8801 3H2.3501M19.6701 19.59C19.6701 20.3687 19.0388 21 18.2601 21C17.4814 21 16.8501 20.3687 16.8501 19.59C16.8501 18.8113 17.4814 18.18 18.2601 18.18C19.0388 18.18 19.6701 18.8113 19.6701 19.59ZM7.42986 19.59C7.42986 20.3687 6.79858 21 6.01986 21C5.24114 21 4.60986 20.3687 4.60986 19.59C4.60986 18.8113 5.24114 18.18 6.01986 18.18C6.79858 18.18 7.42986 18.8113 7.42986 19.59Z\", stroke: \"currentColor\", strokeLinejoin: \"round\" }), /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M5.25 6.37L20.89 8.06L20.14 14.8H6.19\", stroke: \"currentColor\", strokeLinejoin: \"round\" })), /* @__PURE__ */ React.createElement(\"defs\", null, /* @__PURE__ */ React.createElement(\"clipPath\", { id: \"clip0_102_196\" }, /* @__PURE__ */ React.createElement(\"rect\", { vectorEffect: \"non-scaling-stroke\", width: 19.29, height: 19.5, fill: \"white\", transform: \"translate(2.3501 2.25)\" }))));\nexport default SvgCart;\n","import * as React from \"react\";\nconst SvgSearch = (props) => /* @__PURE__ */ React.createElement(\"svg\", { id: \"Icon_Search_Base\", \"data-name\": \"Icon \\\\u2013 Search \\\\u2013 Base\", xmlns: \"http://www.w3.org/2000/svg\", width: 24, height: 24, fill: \"none\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"g\", { id: \"Large\" }, /* @__PURE__ */ React.createElement(\"rect\", { id: \"Placement_area\", \"data-name\": \"Placement area\", width: 24, height: 24, fill: \"#fff\", opacity: 0 }), /* @__PURE__ */ React.createElement(\"g\", { id: \"Search_icon\", \"data-name\": \"Search icon\", transform: \"translate(3.75 3.75)\" }, /* @__PURE__ */ React.createElement(\"circle\", { vectorEffect: \"non-scaling-stroke\", id: \"Ellipse_186\", \"data-name\": \"Ellipse 186\", cx: 6, cy: 6, r: 6, fill: \"none\", stroke: \"currentColor\" }), /* @__PURE__ */ React.createElement(\"line\", { vectorEffect: \"non-scaling-stroke\", id: \"Line_556\", \"data-name\": \"Line 556\", x2: 6, y2: 6, transform: \"translate(10.5 10.5)\", fill: \"none\", stroke: \"currentColor\" }))));\nexport default SvgSearch;\n","import * as React from \"react\";\nconst SvgTrash = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M1 5H23\", stroke: \"currentColor\", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M17.3674 22H6.63446C5.67952 22 4.88992 21.2688 4.8379 20.3338L4 5H20L19.1621 20.3338C19.1119 21.2688 18.3223 22 17.3655 22H17.3674Z\", stroke: \"currentColor\", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M9.87189 2H14.1281C14.6085 2 15 2.39766 15 2.88889V5H9V2.88889C9 2.39912 9.39006 2 9.87189 2Z\", stroke: \"currentColor\", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M8.87402 8.58057L9.39348 17.682\", stroke: \"currentColor\", strokeWidth: 1.5, strokeMiterlimit: 10 }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M14.6673 8.58057L14.146 17.682\", stroke: \"currentColor\", strokeWidth: 1.5, strokeMiterlimit: 10 }));\nexport default SvgTrash;\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\nimport { FunctionComponent } from 'preact';\nimport { Icon, Button } from '@adobe-commerce/elsie/components';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { Search } from '@adobe-commerce/elsie/icons';\nimport '@/requisitionList/components/NotFound/NotFound.css';\n\nexport interface NotFoundProps {\n  className?: string;\n  title?: string;\n  message?: string;\n  actionLabel?: string;\n  onAction?: () => void;\n}\n\nexport const NotFound: FunctionComponent<NotFoundProps> = ({\n  className,\n  title = '404 - Not Found',\n  message = 'The requisition list you are looking for does not exist.',\n  actionLabel,\n  onAction,\n  ...props\n}) => {\n  return (\n    <div\n      className={classes(['not-found', className])}\n      data-testid=\"not-found\"\n      {...props}\n    >\n      <Icon source={Search} size={'64'} stroke={'2'} />\n      <h2>{title}</h2>\n      {message && <p>{message}</p>}\n      {actionLabel && onAction && (\n        <Button variant=\"primary\" onClick={onAction}>\n          {actionLabel}\n        </Button>\n      )}\n    </div>\n  );\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { FunctionComponent, h } from 'preact';\nimport { HTMLAttributes, ChangeEvent } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport {\n  Icon,\n  Table,\n  Checkbox,\n  Price,\n  Button,\n  Field,\n  Input,\n  Image,\n} from '@adobe-commerce/elsie/components';\nimport { Trash, Cart } from '@adobe-commerce/elsie/icons';\nimport '@/requisitionList/components/ProductListTable/ProductListTable.css';\nimport { RequisitionListModel } from '@/requisitionList/data/models/requisitionList';\nimport { Item } from '@/requisitionList/data/models/item';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nexport interface ProductListTableProps\n  extends HTMLAttributes<HTMLDivElement | HTMLFormElement> {\n  className?: string;\n  items: RequisitionListModel['items'];\n  selectedItems: Set<string>;\n  currentPage: number;\n  pageSize: number;\n  canEdit?: boolean;\n  handleItemSelection: (itemUid: string, isSelected: boolean) => void;\n  handleUpdateQuantity: (itemUid: string, newQuantity: number) => void;\n  onAddToCart: (itemUids: string[] | undefined) => void;\n  onDeleteItem: (itemUids: string[] | undefined) => void;\n}\n\nexport const ProductListTable: FunctionComponent<ProductListTableProps> = ({\n  className,\n  items,\n  selectedItems,\n  currentPage,\n  pageSize,\n  canEdit = true,\n  handleItemSelection,\n  handleUpdateQuantity,\n  onAddToCart,\n  onDeleteItem,\n  ...props\n}) => {\n  const translations = useText({\n    productNameHeader:\n      'RequisitionList.RequisitionListView.productListTable.headers.productName',\n    skuHeader:\n      'RequisitionList.RequisitionListView.productListTable.headers.sku',\n    priceHeader:\n      'RequisitionList.RequisitionListView.productListTable.headers.price',\n    quantityHeader:\n      'RequisitionList.RequisitionListView.productListTable.headers.quantity',\n    subtotalHeader:\n      'RequisitionList.RequisitionListView.productListTable.headers.subtotal',\n    actionsHeader:\n      'RequisitionList.RequisitionListView.productListTable.headers.actions',\n    actionAddToCart: 'RequisitionList.RequisitionListView.actionAddToCart',\n    actionDelete: 'RequisitionList.RequisitionListView.actionDelete',\n    itemQuantity:\n      'RequisitionList.RequisitionListView.productListTable.itemQuantity',\n  });\n  const columns = [\n    {\n      label: '#',\n      key: 'index',\n    },\n    {\n      label: 'item',\n      key: 'item',\n    },\n    {\n      label: translations.priceHeader,\n      key: 'price',\n    },\n    {\n      label: translations.quantityHeader,\n      key: 'quantity',\n    },\n    {\n      label: translations.subtotalHeader,\n      key: 'subtotal',\n    },\n  ];\n\n  if (canEdit) {\n    columns.unshift({\n      label: '',\n      key: 'selector',\n    });\n    columns.push({\n      label: translations.actionsHeader,\n      key: 'actions',\n    });\n  }\n\n  const handleItemCheckboxChange = (\n    event: ChangeEvent<HTMLInputElement>,\n    item: Item\n  ) => {\n    const isSelected = (event.target as HTMLInputElement).checked;\n    handleItemSelection(item.uid, isSelected);\n  };\n\n  const rowData = items.map((item: Item, index: number) => {\n    return {\n      selector: (\n        <Checkbox\n          className=\"requisition-list-view-product-list-table__checkbox\"\n          name=\"itemSelected\"\n          data-testid={`item-checkbox-${item.sku}`}\n          onChange={(e: ChangeEvent<HTMLInputElement>) =>\n            handleItemCheckboxChange(e, item)\n          }\n          value={item.sku}\n          checked={selectedItems.has(item.uid)}\n        />\n      ),\n      index: (\n        <div className=\"requisition-list-view-product-list-table__index-container\">\n          {(currentPage - 1) * pageSize + index + 1}\n        </div>\n      ),\n      item: (\n        <div className=\"requisition-list-view-product-list-table__item-container\">\n          <Image\n            className=\"requisition-list-view-product-list-table__thumbnail\"\n            alt={item.product?.name || item.sku}\n            src={item.product?.images ? item.product.images[0]?.url : ''}\n          />\n          <div className=\"requisition-list-view-product-list-table__item-details\">\n            <div className=\"requisition-list-view-product-list-table__product-name\">\n              {item.product?.name || item.sku}\n            </div>\n            <div className=\"requisition-list-view-product-list-table__sku\">\n              {item.sku}\n            </div>\n          </div>\n        </div>\n      ),\n      price: (\n        <Price\n          className=\"requisition-list-view-product-list-table__price\"\n          amount={item.product?.price?.final?.amount?.value}\n          currency={item.product?.price?.final?.amount?.currency}\n        />\n      ),\n      quantity: (\n        <span className=\"requisition-list-view-product-list-table__quantity\">\n          <Field disabled={false}>\n            <Input\n              id=\"requisition-list-item-quantity\"\n              name=\"quantity\"\n              type=\"text\"\n              value={item.quantity}\n              onBlur={(e: FocusEvent) => {\n                const newValue = Number.parseInt(\n                  (e.target as HTMLInputElement).value,\n                  10\n                );\n                handleUpdateQuantity(item.uid, newValue);\n              }}\n            />\n          </Field>\n        </span>\n      ),\n      subtotal: (\n        <Price\n          className=\"requisition-list-view-product-list-table__price\"\n          amount={item.product?.price?.final?.amount?.value * item.quantity}\n          currency={item.product?.price?.final?.amount?.currency}\n        />\n      ),\n      actions: (\n        <div className=\"requisition-list-view__bulk-actions\">\n          <Button\n            type=\"button\"\n            onClick={() => onAddToCart([item.uid])}\n            icon={<Icon source={Cart} />}\n            data-testid=\"product-list-table-add-to-cart-button\"\n          />\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            icon={<Icon source={Trash} />}\n            onClick={() => onDeleteItem([item.uid])}\n            data-testid=\"product-list-table-delete-button\"\n          />\n        </div>\n      ),\n    };\n  });\n\n  const table = (\n    <Table\n      columns={columns}\n      rowData={rowData}\n      data-testid=\"product-list-table\"\n      mobileLayout=\"stacked\"\n    />\n  );\n\n  return (\n    <VComponent\n      node={h('div', {})}\n      className={classes([\n        'requisition-list-view-product-list-table-container',\n        className,\n      ])}\n      data-testid=\"product-list-table-container\"\n      {...props}\n    >\n      {table}\n    </VComponent>\n  );\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { Button, Icon } from '@adobe-commerce/elsie/components';\nimport { Trash, Cart } from '@adobe-commerce/elsie/icons';\nimport '@/requisitionList/components/BatchActions/BatchActions.css';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nexport interface BatchActionsProps\n  extends HTMLAttributes<HTMLDivElement | HTMLFormElement> {\n  selectedItems: Set<string>;\n  deletingItemId: string | null;\n  addingToCartItemId: string | null;\n  bulkAddingToCart: boolean;\n  updatingQuantityItemId: string | null;\n  onSelectAll: () => void;\n  onSelectNone: () => void;\n  onBulkAddToCart: () => void;\n  onBulkDelete: () => void;\n}\n\nexport const BatchActions: FunctionComponent<BatchActionsProps> = ({\n  selectedItems,\n  deletingItemId,\n  addingToCartItemId,\n  bulkAddingToCart,\n  updatingQuantityItemId,\n  onSelectAll,\n  onSelectNone,\n  onBulkAddToCart,\n  onBulkDelete,\n}) => {\n  const translations = useText({\n    statusDeleting: `RequisitionList.RequisitionListView.statusDeleting`,\n    actionDeleteSelected: `RequisitionList.RequisitionListView.actionDeleteSelected`,\n    actionSelectAll: `RequisitionList.RequisitionListView.actionSelectAll`,\n    actionSelectNone: `RequisitionList.RequisitionListView.actionSelectNone`,\n    actionAddToCart: `RequisitionList.RequisitionListView.actionAddToCart`,\n    actionAddSelectedToCart: `RequisitionList.RequisitionListView.actionAddSelectedToCart`,\n    statusBulkAddingToCart: `RequisitionList.RequisitionListView.statusBulkAddingToCart`,\n  });\n\n  return (\n    <div class=\"requisition-list-view__bulk-actions\">\n      <Button\n        data-testid=\"bulk-actions-select-all-btn\"\n        type=\"button\"\n        variant=\"secondary\"\n        onClick={onSelectAll}\n        disabled={\n          deletingItemId !== null ||\n          addingToCartItemId !== null ||\n          bulkAddingToCart ||\n          updatingQuantityItemId !== null\n        }\n      >\n        {translations.actionSelectAll}\n      </Button>\n      <Button\n        data-testid=\"bulk-actions-select-none-btn\"\n        type=\"button\"\n        variant=\"secondary\"\n        onClick={onSelectNone}\n        disabled={\n          deletingItemId !== null ||\n          addingToCartItemId !== null ||\n          bulkAddingToCart ||\n          updatingQuantityItemId !== null ||\n          selectedItems.size === 0\n        }\n      >\n        {translations.actionSelectNone}\n      </Button>\n      {selectedItems.size > 0 && (\n        <Button\n          data-testid=\"bulk-actions-add-to-cart-btn\"\n          type=\"button\"\n          variant=\"primary\"\n          onClick={onBulkAddToCart}\n          icon={<Icon source={Cart} />}\n          disabled={\n            deletingItemId !== null ||\n            addingToCartItemId !== null ||\n            bulkAddingToCart ||\n            updatingQuantityItemId !== null\n          }\n        >\n          {bulkAddingToCart\n            ? translations.statusBulkAddingToCart\n            : `${translations.actionAddSelectedToCart} (${selectedItems.size})`}\n        </Button>\n      )}\n      {selectedItems.size > 0 && (\n        <Button\n          data-testid=\"bulk-actions-delete-all-btn\"\n          type=\"button\"\n          variant=\"secondary\"\n          onClick={onBulkDelete}\n          icon={<Icon source={Trash} />}\n          disabled={\n            deletingItemId !== null ||\n            addingToCartItemId !== null ||\n            bulkAddingToCart ||\n            updatingQuantityItemId !== null\n          }\n        >\n          {deletingItemId === 'bulk'\n            ? translations.statusDeleting\n            : `${translations.actionDeleteSelected} (${selectedItems.size})`}\n        </Button>\n      )}\n    </div>\n  );\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\nimport {\n  HTMLAttributes,\n  useState,\n  useCallback,\n  useEffect,\n} from 'preact/compat';\nimport { Container } from '@adobe-commerce/elsie/lib';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { addRequisitionListItemsToCart } from '@/requisitionList/api/addRequisitionListItemsToCart';\nimport { deleteRequisitionListItems } from '@/requisitionList/api/deleteRequisitionListItems';\nimport { getProductData } from '@/requisitionList/api/getProductData';\nimport { updateRequisitionListItems } from '@/requisitionList/api/updateRequisitionListItems';\nimport { getRequisitionList } from '@/requisitionList/api/getRequisitionList';\nimport {\n  Pagination,\n  InLineAlert,\n  ProgressSpinner,\n} from '@adobe-commerce/elsie/components';\nimport { Item, Product } from '@/requisitionList/data/models/item';\nimport { RequisitionList } from '@/requisitionList/data/models/requisitionList';\nimport { events } from '@adobe-commerce/event-bus';\nimport {\n  PageSizePicker,\n  EmptyList,\n  NotFound,\n} from '@/requisitionList/components';\nimport { ProductListTable } from '@/requisitionList/components/ProductListTable/ProductListTable';\nimport { BatchActions } from '@/requisitionList/components/BatchActions/BatchActions';\nimport { RequisitionListHeader } from '@/requisitionList/containers/RequisitionListHeader';\nimport { useRequisitionListSelectedItems } from '@/requisitionList/hooks/useRequisitionListSelectedItems';\nimport { useRequisitionListAlert } from '@/requisitionList/hooks/useRequisitionListAlert';\nimport { isValidBase64Uid } from '@/requisitionList/lib/validate-uid';\nimport { DEFAULT_PAGE_SIZE } from '@/requisitionList/lib/constants';\nimport '@/requisitionList/containers/RequisitionListView/RequisitionListView.css';\n\nexport interface RequisitionListViewProps\n  extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * The UID of the requisition list to display.\n   * The UID must be a base64-encoded string.\n   * If an invalid UID is provided, the component will render the NotFound state.\n   * The component will fetch the requisition list data internally.\n   */\n  requisitionListUid: string;\n  /**\n   * When true, skips automatic product data fetching on component mount.\n   * Used in tests to prevent API calls.\n   */\n  skipProductLoading?: boolean;\n  /**\n   * Number of items per page for pagination.\n   * Defaults to DEFAULT_PAGE_SIZE.\n   */\n  pageSize?: number;\n  selectedItems: Set<string>;\n  /**\n   * Function that returns the URL to the requisition list grid view or performs navigation\n   */\n  routeRequisitionListGrid?: () => string | void;\n}\n\nexport const RequisitionListView: Container<RequisitionListViewProps> = ({\n  requisitionListUid,\n  skipProductLoading = false,\n  pageSize = DEFAULT_PAGE_SIZE,\n  routeRequisitionListGrid,\n}: RequisitionListViewProps) => {\n  const [loadingProducts, setLoadingProducts] = useState<boolean>(false);\n  const [deletingItemId, setDeletingItemId] = useState<string | null>(null);\n  const [addingToCartItemId, setAddingToCartItemId] = useState<\n    string[] | undefined\n  >(null);\n  const [bulkAddingToCart, setBulkAddingToCart] = useState<boolean>(false);\n  const [updatingQuantityItemId, setUpdatingQuantityItemId] = useState<\n    string | null\n  >(null);\n  const [loadingPage, setLoadingPage] = useState<boolean>(false);\n  const [currentPageSize, setCurrentPageSize] = useState<number>(pageSize);\n  const [initializing, setInitializing] = useState<boolean>(true);\n\n  const {\n    currentRequisitionList,\n    setCurrentRequisitionList,\n    selectedItems,\n    setSelectedItems,\n    handleItemSelection,\n    handleSelectAll,\n    handleSelectNone,\n  } = useRequisitionListSelectedItems();\n\n  const translations = useText({\n    emptyRequisitionList: `RequisitionList.RequisitionListView.emptyRequisitionList`,\n    errorLoadingProducts: `RequisitionList.RequisitionListView.errorLoadingProducts`,\n    errorLoadPage: `RequisitionList.RequisitionListView.errorLoadPage`,\n    notFoundTitle: `RequisitionList.RequisitionListView.notFoundTitle`,\n    notFoundMessage: `RequisitionList.RequisitionListView.notFoundMessage`,\n    notFoundActionLabel: `RequisitionList.RequisitionListView.notFoundActionLabel`,\n    show: `RequisitionList.RequisitionListView.show`,\n    itemsCounter: `RequisitionList.RequisitionListView.itemsCounter`,\n  });\n\n  const { alert, setAlert, handleRequisitionListAlert } =\n    useRequisitionListAlert();\n\n  useEffect(() => {\n    const requisitionListEvent = events.on(\n      'requisitionList/data',\n      (payload: RequisitionList) => {\n        setCurrentRequisitionList(payload);\n        setSelectedItems(new Set());\n      }\n    );\n    events.on('requisitionList/alert', handleRequisitionListAlert);\n    return () => {\n      requisitionListEvent?.off();\n    };\n  }, [handleRequisitionListAlert, setCurrentRequisitionList, setSelectedItems]);\n\n  // Sync pageSize prop changes to local state\n  useEffect(() => {\n    setCurrentPageSize(pageSize);\n  }, [pageSize]);\n\n  // Function to fetch and merge product data\n  const fetchAndMergeProducts = useCallback(\n    async (baseRequisitionList: RequisitionList) => {\n      // Extract SKUs from requisition list items\n      const productSkus =\n        baseRequisitionList.items?.map((item: Item) => item.sku) || [];\n\n      if (productSkus.length === 0) {\n        return baseRequisitionList;\n      }\n\n      setLoadingProducts(true);\n\n      try {\n        const fetchedProducts = await getProductData(productSkus);\n        if (fetchedProducts) {\n          // Create a map of SKU to Product for easy lookup\n          const productMap = new Map<string, Product>();\n          fetchedProducts.forEach((product: Product) => {\n            productMap.set(product.sku, product);\n          });\n\n          // Update requisition list items with fetched product data\n          return {\n            ...baseRequisitionList,\n            items: baseRequisitionList.items?.map((item: Item) => ({\n              ...item,\n              product: productMap.get(item.sku) || item.product, // Use fetched product or keep existing\n            })),\n          };\n        }\n        console.warn('No products found');\n        return baseRequisitionList;\n      } catch (error) {\n        console.warn(\n          error instanceof Error\n            ? error.message\n            : translations.errorLoadingProducts\n        );\n        return baseRequisitionList;\n      } finally {\n        setLoadingProducts(false);\n      }\n    },\n    [translations.errorLoadingProducts]\n  );\n\n  // Initialize requisition list from UID\n  // Only triggers initial load when UID changes. Page size changes trigger pagination, not re-initialization.\n  useEffect(() => {\n    if (!requisitionListUid) {\n      setInitializing(false);\n      return;\n    }\n\n    // Only initialize if we don't have a list or if the UID changed\n    if (\n      currentRequisitionList &&\n      currentRequisitionList.uid === requisitionListUid\n    ) {\n      // Same list already loaded, don't re-initialize\n      return;\n    }\n\n    setInitializing(true);\n\n    const initializeFromUid = async () => {\n      try {\n        const fetchedList = await getRequisitionList(\n          requisitionListUid,\n          1,\n          pageSize\n        );\n\n        if (fetchedList) {\n          // Fetch and merge product data\n          if (!skipProductLoading) {\n            const enrichedList = await fetchAndMergeProducts(fetchedList);\n            setCurrentRequisitionList(enrichedList);\n          } else {\n            setCurrentRequisitionList(fetchedList);\n          }\n        }\n      } catch (error) {\n        console.error('Failed to initialize requisition list from UID:', error);\n      } finally {\n        setInitializing(false);\n      }\n    };\n\n    initializeFromUid();\n  }, [\n    requisitionListUid,\n    pageSize,\n    skipProductLoading,\n    fetchAndMergeProducts,\n    setCurrentRequisitionList,\n    currentRequisitionList,\n  ]);\n\n  const handleAddItemsToCart = useCallback(\n    async (itemUids: string[] | undefined) => {\n      if (itemUids && itemUids.length === 1) {\n        setBulkAddingToCart(false);\n        setAddingToCartItemId(itemUids);\n      } else {\n        setBulkAddingToCart(true);\n        setAddingToCartItemId(null);\n      }\n\n      try {\n        const errors = await addRequisitionListItemsToCart(\n          currentRequisitionList.uid,\n          itemUids\n        );\n\n        if (errors && errors.length > 0) {\n          events.emit('requisitionList/alert', {\n            action: 'move',\n            type: 'error',\n            context: 'product',\n            message: errors.map((e: any) => e.message),\n          });\n        } else {\n          events.emit('requisitionList/alert', {\n            action: 'move',\n            type: 'success',\n            context: 'product',\n          });\n        }\n      } catch (error) {\n        events.emit('requisitionList/alert', {\n          action: 'move',\n          type: 'error',\n          context: 'product',\n        });\n      } finally {\n        setAddingToCartItemId(null);\n        setBulkAddingToCart(false);\n      }\n    },\n    [currentRequisitionList]\n  );\n\n  const handleDeleteItems = useCallback(\n    async (itemUids: string[] | undefined) => {\n      if (itemUids && itemUids.length === 1) {\n        setDeletingItemId(itemUids[0]);\n      } else {\n        setDeletingItemId('bulk');\n      }\n\n      try {\n        const updatedRequisitionList = await deleteRequisitionListItems(\n          currentRequisitionList.uid,\n          itemUids,\n          currentPageSize,\n          currentRequisitionList.page_info.current_page\n        );\n\n        if (updatedRequisitionList) {\n          // Fetch and merge product data to ensure prices are loaded\n          const enrichedRequisitionList = await fetchAndMergeProducts(\n            updatedRequisitionList\n          );\n          setCurrentRequisitionList(enrichedRequisitionList);\n          events.emit('requisitionList/alert', {\n            action: 'delete',\n            type: 'success',\n            context: 'product',\n          });\n        } else {\n          events.emit('requisitionList/alert', {\n            action: 'delete',\n            type: 'error',\n            context: 'product',\n          });\n        }\n      } catch (error) {\n        events.emit('requisitionList/alert', {\n          action: 'delete',\n          type: 'error',\n          context: 'product',\n        });\n      } finally {\n        setDeletingItemId(null);\n      }\n    },\n    [\n      currentRequisitionList,\n      currentPageSize,\n      fetchAndMergeProducts,\n      setCurrentRequisitionList,\n    ]\n  );\n\n  const handleUpdateQuantity = useCallback(\n    async (itemUid: string, newQuantity: number) => {\n      setUpdatingQuantityItemId(itemUid);\n\n      try {\n        // Find the current item to update\n        const currentItem = currentRequisitionList.items?.find(\n          (item: Item) => item.uid === itemUid\n        );\n        if (!currentItem) {\n          events.emit('requisitionList/alert', {\n            action: 'update',\n            type: 'error',\n            context: 'product',\n          });\n          return;\n        }\n\n        // Create updated item with new quantity\n        const updatedItem = {\n          item_id: currentItem.uid,\n          entered_options: currentItem.entered_options,\n          selected_options: currentItem.selected_options,\n          quantity: newQuantity,\n        };\n\n        const updatedRequisitionList = await updateRequisitionListItems(\n          currentRequisitionList.uid,\n          [updatedItem],\n          currentPageSize,\n          currentRequisitionList.page_info.current_page\n        );\n\n        if (updatedRequisitionList) {\n          // Reload product data with updated quantities\n          const enrichedRequisitionList = await fetchAndMergeProducts(\n            updatedRequisitionList\n          );\n          setCurrentRequisitionList(enrichedRequisitionList);\n          events.emit('requisitionList/alert', {\n            action: 'update',\n            type: 'success',\n            context: 'product',\n          });\n        } else {\n          events.emit('requisitionList/alert', {\n            action: 'update',\n            type: 'error',\n            context: 'product',\n          });\n        }\n      } catch (error) {\n        events.emit('requisitionList/alert', {\n          action: 'update',\n          type: 'error',\n          context: 'product',\n        });\n      } finally {\n        setUpdatingQuantityItemId(null);\n      }\n    },\n    [\n      currentRequisitionList,\n      fetchAndMergeProducts,\n      setCurrentRequisitionList,\n      currentPageSize,\n    ]\n  );\n\n  const handlePageChange = useCallback(\n    async (page: number) => {\n      setLoadingPage(true);\n\n      try {\n        const updatedRequisitionList = await getRequisitionList(\n          currentRequisitionList.uid,\n          page,\n          currentPageSize\n        );\n\n        if (updatedRequisitionList) {\n          // Fetch product data for the new page\n          const updatedListWithProducts = await fetchAndMergeProducts(\n            updatedRequisitionList\n          );\n          setCurrentRequisitionList(updatedListWithProducts);\n        } else {\n          console.warn(translations.errorLoadPage);\n        }\n      } catch (error) {\n        console.warn(\n          error instanceof Error ? error.message : translations.errorLoadPage\n        );\n      } finally {\n        setLoadingPage(false);\n      }\n    },\n    [\n      currentRequisitionList?.uid,\n      fetchAndMergeProducts,\n      currentPageSize,\n      translations,\n      setCurrentRequisitionList,\n    ]\n  );\n\n  const handlePageSizeChange = useCallback(\n    async (newPageSize: number) => {\n      setCurrentPageSize(newPageSize);\n      setLoadingPage(true);\n\n      try {\n        // Reset to page 1 when changing page size\n        const updatedRequisitionList = await getRequisitionList(\n          currentRequisitionList.uid,\n          1,\n          newPageSize\n        );\n\n        if (updatedRequisitionList) {\n          // Fetch product data for the new page\n          const updatedListWithProducts = await fetchAndMergeProducts(\n            updatedRequisitionList\n          );\n          setCurrentRequisitionList(updatedListWithProducts);\n        } else {\n          console.warn(translations.errorLoadPage);\n        }\n      } catch (error) {\n        console.warn(translations.errorLoadPage);\n      } finally {\n        setLoadingPage(false);\n      }\n    },\n    [\n      currentRequisitionList?.uid,\n      fetchAndMergeProducts,\n      translations,\n      setCurrentRequisitionList,\n    ]\n  );\n\n  const handleUpdate = useCallback(\n    async (updatedList: RequisitionList) => {\n      // With the updated API, the response includes items and page_info\n      // but we need to fetch and merge full product data (prices, images, etc.)\n      const enrichedList = await fetchAndMergeProducts(updatedList);\n      setCurrentRequisitionList(enrichedList);\n    },\n    [setCurrentRequisitionList, fetchAndMergeProducts]\n  );\n\n  const itemsCounter = () => {\n    const pageSize =\n      currentRequisitionList.page_info?.page_size ?? DEFAULT_PAGE_SIZE;\n    const currentPage = currentRequisitionList.page_info?.current_page ?? 1;\n    const currentPageSize = pageSize * currentPage;\n    const total = currentRequisitionList?.items_count ?? 0;\n    const from = currentPageSize - pageSize + 1;\n    const to = currentPageSize > total ? total : currentPageSize;\n\n    return (\n      <span className=\"requisition-list-view__pagination-items\">\n        {translations.itemsCounter\n          .replace('{from}', from.toString())\n          .replace('{to}', to.toString())\n          .replace('{total}', total.toString())}\n      </span>\n    );\n  };\n\n  return (\n    <div className=\"requisition-list-view__container\">\n      {initializing ? (\n        <div className=\"requisition-list-view__loading\">\n          <ProgressSpinner stroke={'4'} size={'large'} />\n        </div>\n      ) : !currentRequisitionList ||\n        !isValidBase64Uid(currentRequisitionList?.uid) ? (\n        <NotFound\n          title={translations.notFoundTitle}\n          message={translations.notFoundMessage}\n          actionLabel={\n            routeRequisitionListGrid\n              ? translations.notFoundActionLabel\n              : undefined\n          }\n          onAction={\n            routeRequisitionListGrid\n              ? () => {\n                  const url = routeRequisitionListGrid();\n                  if (url && typeof url === 'string') {\n                    window.location.href = url;\n                  }\n                }\n              : undefined\n          }\n        />\n      ) : (\n        <>\n          <RequisitionListHeader\n            requisitionList={currentRequisitionList}\n            routeRequisitionListGrid={routeRequisitionListGrid}\n            onUpdate={handleUpdate}\n          />\n\n          {currentRequisitionList.items_count === 0 ? (\n            <EmptyList\n              textContent={`${currentRequisitionList.name} ${translations.emptyRequisitionList}`}\n            />\n          ) : (\n            <>\n              {alert && (\n                <InLineAlert\n                  heading={alert.description}\n                  type={alert.type}\n                  variant=\"primary\"\n                  onDismiss={() => setAlert(null)}\n                />\n              )}\n\n              <BatchActions\n                selectedItems={selectedItems}\n                deletingItemId={deletingItemId}\n                addingToCartItemId={addingToCartItemId}\n                bulkAddingToCart={bulkAddingToCart}\n                updatingQuantityItemId={updatingQuantityItemId}\n                onSelectAll={handleSelectAll}\n                onSelectNone={handleSelectNone}\n                onBulkAddToCart={() =>\n                  handleAddItemsToCart(Array.from(selectedItems))\n                }\n                onBulkDelete={() =>\n                  handleDeleteItems(Array.from(selectedItems))\n                }\n              />\n\n              <ProductListTable\n                items={currentRequisitionList.items}\n                selectedItems={selectedItems}\n                currentPage={\n                  currentRequisitionList.page_info?.current_page || 1\n                }\n                pageSize={\n                  currentRequisitionList.page_info?.page_size ||\n                  DEFAULT_PAGE_SIZE\n                }\n                handleItemSelection={handleItemSelection}\n                handleUpdateQuantity={handleUpdateQuantity}\n                onAddToCart={handleAddItemsToCart}\n                onDeleteItem={handleDeleteItems}\n              />\n\n              {/* Pagination */}\n              {currentRequisitionList.page_info && (\n                <div className=\"requisition-list-view__pagination\">\n                  {itemsCounter()}\n                  {(currentRequisitionList.page_info?.total_pages || 0) > 1 && (\n                    <Pagination\n                      totalPages={\n                        currentRequisitionList.page_info?.total_pages || 1\n                      }\n                      currentPage={\n                        currentRequisitionList.page_info?.current_page || 1\n                      }\n                      onChange={handlePageChange}\n                      disabled={loadingPage || loadingProducts}\n                    />\n                  )}\n                  <div className=\"requisition-list-view__pagination-picker\">\n                    <span>{translations.show}</span>\n                    <PageSizePicker\n                      currentPageSize={\n                        currentRequisitionList.page_info?.page_size ||\n                        DEFAULT_PAGE_SIZE\n                      }\n                      onPageSizeChange={handlePageSizeChange}\n                      disabled={loadingPage || loadingProducts}\n                    />\n                  </div>\n                </div>\n              )}\n            </>\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n"],"names":["useRequisitionListSelectedItems","currentRequisitionList","setCurrentRequisitionList","useState","selectedItems","setSelectedItems","handleItemSelection","useCallback","itemUid","isSelected","prev","newSet","handleSelectAll","allItemUids","_a","item","handleSelectNone","SvgCart","props","React","SvgSearch","SvgTrash","NotFound","className","title","message","actionLabel","onAction","jsxs","classes","jsx","Icon","Search","Button","ProductListTable","items","currentPage","pageSize","canEdit","handleUpdateQuantity","onAddToCart","onDeleteItem","translations","useText","columns","handleItemCheckboxChange","event","rowData","index","Checkbox","e","Image","_b","_c","Price","_h","_g","_f","_e","_l","_k","_j","_i","Field","Input","newValue","_p","_o","_n","_m","_t","_s","_r","_q","Cart","Trash","table","Table","VComponent","h","BatchActions","deletingItemId","addingToCartItemId","bulkAddingToCart","updatingQuantityItemId","onSelectAll","onSelectNone","onBulkAddToCart","onBulkDelete","RequisitionListView","requisitionListUid","skipProductLoading","DEFAULT_PAGE_SIZE","routeRequisitionListGrid","loadingProducts","setLoadingProducts","setDeletingItemId","setAddingToCartItemId","setBulkAddingToCart","setUpdatingQuantityItemId","loadingPage","setLoadingPage","currentPageSize","setCurrentPageSize","initializing","setInitializing","alert","setAlert","handleRequisitionListAlert","useRequisitionListAlert","useEffect","requisitionListEvent","events","payload","fetchAndMergeProducts","baseRequisitionList","productSkus","fetchedProducts","getProductData","productMap","product","error","fetchedList","getRequisitionList","enrichedList","handleAddItemsToCart","itemUids","errors","addRequisitionListItemsToCart","handleDeleteItems","updatedRequisitionList","deleteRequisitionListItems","enrichedRequisitionList","newQuantity","currentItem","updatedItem","updateRequisitionListItems","handlePageChange","page","updatedListWithProducts","handlePageSizeChange","newPageSize","handleUpdate","updatedList","itemsCounter","total","from","to","ProgressSpinner","isValidBase64Uid","url","Fragment","RequisitionListHeader","EmptyList","InLineAlert","Pagination","_d","PageSizePicker"],"mappings":"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","x_google_ignoreList":[1,2,3]}

package/containers/index.d.ts

@@ -17,5 +17,6 @@
 export * from './RequisitionListForm';
 export * from './RequisitionListGrid';
 export * from './RequisitionListView';
-export * from './RequisitionListNames';
+export * from './RequisitionListSelector';
+export * from './RequisitionListHeader';
 //# sourceMappingURL=index.d.ts.map

package/hooks/index.d.ts

@@ -14,6 +14,7 @@
  * is strictly forbidden unless prior written permission is obtained
  * from Adobe.
  *******************************************************************/
+export * from './useRequisitionLists';
 export * from './useRequisitionListAlert';
 export * from './useRequisitionListForm';
 export * from './useRequisitionListGrid';

package/hooks/useRequisitionListGrid.d.ts

@@ -1,12 +1,11 @@
 import { VNode } from 'preact';
 import { RequisitionList as RequisitionListModel } from '../data/models/requisitionList';
-import { RequisitionLists } from '../data/models/requisitionLists';
 
 type Row = Record<string, VNode | string | number | undefined>;
 type Callbacks = {
     handleOpenModal: (rl: RequisitionListModel) => void;
 };
-export declare function useRequisitionListGrid(initial?: RequisitionLists | null, callbacks?: Callbacks, routeRequisitionListDetails?: (uid: string) => string | void): {
+export declare function useRequisitionListGrid(callbacks?: Callbacks, routeRequisitionListDetails?: (uid: string) => string | void): {
     rows: Row[];
     expandedRows: Set<number>;
     isLoading: boolean;

package/hooks/useRequisitionListSelectedItems.d.ts

@@ -1,14 +1,14 @@
 import { RequisitionList } from '../data/models/requisitionList';
 
 type UseRequisitionListSelectedItems = {
-    currentRequisitionList: RequisitionList;
-    setCurrentRequisitionList: (value: RequisitionList | ((prev: RequisitionList) => RequisitionList)) => void;
+    currentRequisitionList: RequisitionList | null;
+    setCurrentRequisitionList: (value: RequisitionList | null | ((prev: RequisitionList | null) => RequisitionList | null)) => void;
     selectedItems: Set<string>;
     setSelectedItems: (value: Set<string> | ((prev: Set<string>) => Set<string>)) => void;
     handleItemSelection: (itemUid: string, isSelected: boolean) => void;
     handleSelectAll: () => void;
     handleSelectNone: () => void;
 };
-export declare function useRequisitionListSelectedItems(requisitionList: RequisitionList): UseRequisitionListSelectedItems;
+export declare function useRequisitionListSelectedItems(): UseRequisitionListSelectedItems;
 export {};
 //# sourceMappingURL=useRequisitionListSelectedItems.d.ts.map

package/hooks/useRequisitionLists.d.ts

@@ -0,0 +1,7 @@
+import { RequisitionList } from '../data/models/requisitionList';
+
+export declare const useRequisitionLists: () => {
+    lists: RequisitionList[];
+    loading: boolean;
+};
+//# sourceMappingURL=useRequisitionLists.d.ts.map

package/i18n/en_US.json.d.ts

@@ -29,24 +29,28 @@ declare const _default: {
       "label": "Description",
       "updateTitle": "Update Requisition List",
       "createTitle": "Create Requisition List",
-      "addToRequisitionList": "Add to Requisition List:"
+      "addToRequisitionList": "Add to Requisition List"
+    },
+    "RequisitionListSelector": {
+      "addToNewRequisitionList": "Add to New Requisition List",
+      "addToSelected": "Add to Selected List"
     },
     "RequisitionListAlert": {
-      "errorCreate": "Error creating requisition list",
+      "errorCreate": "Error creating requisition list.",
       "successCreate": "Requisition list created successfully.",
-      "errorAddToCart": "Error adding item to cart",
+      "errorAddToCart": "Error adding item to cart.",
       "successAddToCart": "Item(s) added to cart successfully.",
-      "errorUpdateQuantity": "Error updating quantity",
+      "errorUpdateQuantity": "Error updating quantity.",
       "successUpdateQuantity": "Item quantity updated successfully.",
-      "errorUpdate": "Error updating requisition list",
+      "errorUpdate": "Error updating requisition list.",
       "successUpdate": "Requisition list updated successfully.",
-      "errorDeleteItem": "Error deleting item",
+      "errorDeleteItem": "Error deleting item.",
       "successDeleteItem": "Item(s) deleted successfully.",
-      "errorDeleteReqList": "Error deleting requisition list",
+      "errorDeleteReqList": "Error deleting requisition list.",
       "successDeleteReqList": "Requisition list deleted successfully.",
-      "errorMove": "Error moving item(s) to cart",
+      "errorMove": "Error moving item(s) to cart.",
       "successMove": "Item(s) successfully moved to cart.",
-      "errorAddToRequisitionList": "Error adding item(s) to requisition list",
+      "errorAddToRequisitionList": "Error adding item(s) to requisition list.",
       "successAddToRequisitionList": "Item(s) successfully added to requisition list."
     },
     "RequisitionListView": {
@@ -64,7 +68,14 @@ declare const _default: {
       "errorUpdateQuantity": "Error updating quantity",
       "successUpdateQuantity": "Item quantity updated successfully.",
       "actionBackToRequisitionListsOverview": "Back to requisition lists overview",
+      "actionBackToRequisitionLists": "Back to Requisition Lists",
+      "actionRename": "Rename",
+      "actionDeleteList": "Delete List",
+      "deleteListTitle": "Delete Requisition List?",
+      "deleteListMessage": "Are you sure you want to delete this requisition list? This action cannot be undone.",
       "emptyRequisitionList": " Requisition List is empty",
+      "show": "Show",
+      "itemsCounter": "Items {from}-{to} of {total}",
       "productListTable": {
         "headers": {
           "productName": "Product name",
@@ -76,7 +87,11 @@ declare const _default: {
         },
         "itemQuantity": "Item quantity"
       },
-      "errorLoadPage": "Failed to load page"
+      "errorLoadPage": "Failed to load page",
+      "errorLoadingProducts": "Failed to load product data",
+      "notFoundTitle": "Requisition List Not Found",
+      "notFoundMessage": "The requisition list you are looking for does not exist or you do not have access to it.",
+      "notFoundActionLabel": "Back to Requisition Lists"
     },
     "PageSizePicker": {
       "itemsPerPage": "Items per page"

package/lib/constants.d.ts

@@ -0,0 +1,21 @@
+/********************************************************************
+ * ADOBE CONFIDENTIAL
+ * __________________
+ *
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ *******************************************************************/
+/**
+ * Default page size for pagination in requisition lists
+ */
+export declare const DEFAULT_PAGE_SIZE = 10;
+//# sourceMappingURL=constants.d.ts.map

package/lib/state.d.ts

@@ -1,22 +1,16 @@
-/********************************************************************
- * ADOBE CONFIDENTIAL
- * __________________
- *
- *  Copyright 2025 Adobe
- *  All Rights Reserved.
- *
- * NOTICE:  All information contained herein is, and remains
- * the property of Adobe and its suppliers, if any. The intellectual
- * and technical concepts contained herein are proprietary to Adobe
- * and its suppliers and are protected by all applicable intellectual
- * property laws, including trade secret and copyright laws.
- * Dissemination of this information or reproduction of this material
- * is strictly forbidden unless prior written permission is obtained
- * from Adobe.
- *******************************************************************/
+import { RequisitionList } from '../data/models/requisitionList';
+
 type State = {
     authenticated: boolean;
+    requisitionLists: RequisitionList[];
+    requisitionListsLoading: boolean;
+    requisitionListsVersion: number;
 };
 export declare const state: State;
+export declare const setRequisitionLists: (lists: RequisitionList[]) => void;
+export declare const addRequisitionList: (list: RequisitionList) => void;
+export declare const updateRequisitionList: (list: RequisitionList) => void;
+export declare const getRequisitionListsFromState: () => RequisitionList[];
+export declare const setRequisitionListsLoading: (loading: boolean) => void;
 export {};
 //# sourceMappingURL=state.d.ts.map

package/lib/validate-uid.d.ts

@@ -0,0 +1,25 @@
+/********************************************************************
+ * ADOBE CONFIDENTIAL
+ * __________________
+ *
+ *  Copyright 2025 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ *******************************************************************/
+/**
+ * Validates if a string is a valid base64-encoded UID
+ * Adobe Commerce/Magento UIDs are base64 encoded
+ *
+ * @param uid - The UID to validate
+ * @returns true if the UID appears to be valid base64 encoding
+ */
+export declare function isValidBase64Uid(uid: string | undefined | null): boolean;
+//# sourceMappingURL=validate-uid.d.ts.map

package/package.json

@@ -1 +1 @@
-{"name": "@dropins/storefront-requisition-list", "version": "0.6.0-beta", "@dropins/tools": "~1.5.0", "license": "SEE LICENSE IN LICENSE.md"}
+{"name": "@dropins/storefront-requisition-list", "version": "0.7.0-beta", "@dropins/tools": "~1.6.0-beta2", "license": "SEE LICENSE IN LICENSE.md"}

package/render.js

@@ -1,6 +1,7 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-(function(r,e){try{if(typeof document<"u"){const i=document.createElement("style"),a=e.styleId;for(const t in e.attributes)i.setAttribute(t,e.attributes[t]);i.setAttribute("data-dropin",a),i.appendChild(document.createTextNode(r));const n=document.querySelector('style[data-dropin="sdk"]');if(n)n.after(i);else{const t=document.querySelector('link[rel="stylesheet"], style');t?t.before(i):document.head.append(i)}}}catch(i){console.error("dropin-styles (injectCodeFunction)",i)}})(`.requisition-list-form{background-color:var(--color-neutral-50);box-sizing:border-box}.requisition-list-form__title{color:var(--color-neutral-800);font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing);margin-bottom:var(--spacing-medium)}.requisition-list-form__notification{margin-bottom:var(--spacing-medium)}.requisition-list-form__form{display:grid;gap:var(--spacing-medium);grid-template-columns:1fr}.requisition-list-form__actions{align-items:center;display:flex;gap:0 var(--grid-2-gutters);justify-content:flex-end}.requisition-list-form_progress-spinner{float:right}
-.requisition-list-names{position:relative}.requisition-list-names .requisition-list-names__picker{position:absolute;width:100%}.requisition-list-names .requisition-list-names__picker select{border:none}.requisition-list-names .requisition-list-names__alert{background:var(--color-neutral-50);position:absolute;top:0;width:100%;z-index:3}.requisition-list-names .dropin-card{top:0;position:absolute;width:100%;z-index:2}.requisition-list-names.requisition-list-names--modal-hover .requisition-list-names__alert{right:-17px;top:-225px}.requisition-list-names.requisition-list-names--modal-hover .dropin-card{bottom:0;top:auto}.requisition-list-grid-wrapper__content{display:grid;grid-template-columns:repeat(4,1fr);row-gap:var(--spacing-xsmall);width:100%}.requisition-list-grid-wrapper__list-header{display:contents}.requisition-list-grid-wrapper__pagination{grid-column:1 / -1;margin:var(--spacing-medium)}.requisition-list-grid-wrapper__pagination-controls{display:flex;align-items:center;gap:var(--spacing-medium);justify-content:center;min-height:40px}.requisition-list-grid-wrapper__add-new{margin:var(--spacing-medium) 0}.requisition-list-grid-wrapper__name__title{display:block;font:var(--type-body-1-emphasized-font);margin-bottom:2px}.requisition-list-grid-wrapper__name__description{font:var(--type-details-caption-2-font)}.requisition-list-grid-wrapper__actions{display:flex;gap:var(--spacing-medium)}.requisition-list-grid-wrapper__actions .dropin-button--tertiary{padding:0}.requisition-list-grid-wrapper__actions .dropin-button--tertiary:hover{text-decoration:underline}.requisition-list-empty-list{margin-bottom:var(--spacing-small);text-align:center}.requisition-list-actions{align-items:center;background-color:var(--color-neutral-50);border:var(--shape-border-width-2) solid var(--color-neutral-400);border-radius:var(--shape-border-radius-2);cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-medium);width:100%}.requisition-list-actions--selectable{max-width:100%;width:auto}.requisition-list-actions__title{font:var(--type-button-2-font);letter-spacing:var(--type-button-2-letter-spacing);-moz-appearance:none;appearance:none;-webkit-appearance:none;color:var(--color-neutral-800)}.requisition-list-actions svg{color:var(--color-neutral-800);stroke:var(--shape-icon-stroke-4)}@supports (height: 100dvh){.requisition-list-modal .dropin-modal{height:100dvh}}.dropin-modal__body--medium>.dropin-modal__header-title,.dropin-modal__body--full>.dropin-modal__header-title,.requisition-list-modal .dropin-modal__content{align-items:center;margin:0}.requisition-list-modal .dropin-modal__header-title-content h3{font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing);margin:0;padding:0}.requisition-list-modal .requisition-list-modal__spinner{align-items:center;background-color:var(--color-neutral-200);display:flex;height:100%;left:0;justify-content:center;opacity:var(--color-opacity-24);position:absolute;top:0;width:100%;z-index:1}.requisition-list-modal p{margin:var(--spacing-small) 0}.requisition-list-modal .requisition-list-modal__buttons{align-items:center;display:flex;gap:0 var(--spacing-small);justify-content:right}.requisition-list-modal--overlay{margin:auto;max-width:375px;padding:var(--spacing-small);position:relative;width:100%}@media (min-width: 768px){.requisition-list-modal--overlay{margin:auto;max-width:768px;padding:var(--spacing-xxbig);position:relative;width:100%}.requisition-list-modal p{color:var(--color-neutral-800);font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);margin-bottom:var(--spacing-medium)}}.empty-list{text-align:center;margin:auto 0}.requisition-list-view-product-list-table-container{display:flex;flex-direction:column;gap:var(--spacing-small)}.requisition-list-view-product-list-table__checkbox{align-self:center;justify-self:center}.requisition-list-view-product-list-table__product-name{font:var(--type-body-1-font);letter-spacing:var(--type-body-1-letter-spacing)}.requisition-list-view-product-list-table__sku{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing)}.requisition-list-view-product-list-table__quantity{font:var(--type-body-1-font);letter-spacing:var(--type-body-1-letter-spacing);display:block;justify-self:center}.requisition-list-view-product-list-table__discount-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-xxsmall);align-items:baseline}.requisition-list-view-product-list-table-container__submit-container{display:flex;justify-content:flex-end}.requisition-list-view__bulk-actions{margin-bottom:var(--spacing-xsmall);display:flex;gap:var(--spacing-xsmall);align-items:center}.requisition-list-view__item{display:flex;align-items:center;gap:var(--spacing-xsmall);margin-bottom:var(--spacing-xxsmall)}.requisition-list-view__item input[type=number]{width:var(--spacing-large);margin-right:var(--spacing-xxsmall)}.requisition-list-view__pagination{margin-top:var(--spacing-medium);display:flex;justify-content:center}.requisition-list-view__pagination-controls{display:flex;align-items:center;gap:var(--spacing-medium);min-height:40px}.page-size-picker{display:flex;align-items:center;gap:var(--spacing-xsmall)}.page-size-picker__label{font-size:var(--font-size-small);color:var(--color-text-secondary);white-space:nowrap}.page-size-picker__select{min-width:60px}`,{styleId:"RequisitionList"});
-import{jsx as t}from"@dropins/tools/preact-jsx-runtime.js";import{Render as n}from"@dropins/tools/lib.js";import{useState as a,useEffect as u}from"@dropins/tools/preact-hooks.js";import{UIProvider as d}from"@dropins/tools/components.js";import{events as c}from"@dropins/tools/event-bus.js";const l={containerTitle:"Requisition Lists",RequisitionListWrapper:{name:"Name & Description",itemsCount:"Items",lastUpdated:"Latest activity",actions:"Actions",loginMsg:"Please login",deleteRequisitionListTitle:"Are you sure you want to delete this Requisition List?",deleteRequisitionListMessage:"Requisition List will be permanently deleted. This action can not be undone.",confirmAction:"Confirm",cancelAction:"Cancel",emptyList:"No Requisition Lists found"},AddNewReqList:{addNewReqListBtn:"Add new Requisition List"},RequisitionListItem:{actionUpdate:"Update",actionDelete:"Delete"},RequisitionListForm:{actionCancel:"Cancel",actionSave:"Save",requiredField:"This is a required field.",floatingLabel:"Requisition List Name *",placeholder:"Requisition List Name",label:"Description",updateTitle:"Update Requisition List",createTitle:"Create Requisition List",addToRequisitionList:"Add to Requisition List:"},RequisitionListAlert:{errorCreate:"Error creating requisition list",successCreate:"Requisition list created successfully.",errorAddToCart:"Error adding item to cart",successAddToCart:"Item(s) added to cart successfully.",errorUpdateQuantity:"Error updating quantity",successUpdateQuantity:"Item quantity updated successfully.",errorUpdate:"Error updating requisition list",successUpdate:"Requisition list updated successfully.",errorDeleteItem:"Error deleting item",successDeleteItem:"Item(s) deleted successfully.",errorDeleteReqList:"Error deleting requisition list",successDeleteReqList:"Requisition list deleted successfully.",errorMove:"Error moving item(s) to cart",successMove:"Item(s) successfully moved to cart.",errorAddToRequisitionList:"Error adding item(s) to requisition list",successAddToRequisitionList:"Item(s) successfully added to requisition list."},RequisitionListView:{actionDelete:"Delete",statusDeleting:"Deleting...",actionDeleteSelected:"Delete Selected",actionSelectAll:"Select All",actionSelectNone:"Select None",actionAddToCart:"Add to Cart",statusAddingToCart:"Adding...",actionAddSelectedToCart:"Add Selected to Cart",statusBulkAddingToCart:"Adding to Cart...",actionUpdateQuantity:"Update",statusUpdatingQuantity:"Updating...",errorUpdateQuantity:"Error updating quantity",successUpdateQuantity:"Item quantity updated successfully.",actionBackToRequisitionListsOverview:"Back to requisition lists overview",emptyRequisitionList:" Requisition List is empty",productListTable:{headers:{productName:"Product name",sku:"SKU",price:"Price",quantity:"Quantity",subtotal:"Subtotal",actions:"Actions"},itemQuantity:"Item quantity"},errorLoadPage:"Failed to load page"},PageSizePicker:{itemsPerPage:"Items per page"}},q={RequisitionList:l},m={default:q},p=({children:i})=>{const[s,o]=a("en_US");return u(()=>{const e=c.on("locale",r=>{o(r)},{eager:!0});return()=>{e==null||e.off()}},[]),t(d,{lang:s,langDefinitions:m,children:i})},A=new n(t(p,{}));export{A as render};
+(function(a,e){try{if(typeof document<"u"){const i=document.createElement("style"),n=e.styleId;for(const t in e.attributes)i.setAttribute(t,e.attributes[t]);i.setAttribute("data-dropin",n),i.appendChild(document.createTextNode(a));const r=document.querySelector('style[data-dropin="sdk"]');if(r)r.after(i);else{const t=document.querySelector('link[rel="stylesheet"], style');t?t.before(i):document.head.append(i)}}}catch(i){console.error("dropin-styles (injectCodeFunction)",i)}})(`.requisition-list-form{background-color:var(--color-neutral-50);box-sizing:border-box}.requisition-list-form__title{color:var(--color-neutral-800);font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing);margin-bottom:var(--spacing-medium)}.requisition-list-form__notification{margin-bottom:var(--spacing-medium)}.requisition-list-form__form{display:grid;gap:var(--spacing-medium);grid-template-columns:1fr}.requisition-list-form__actions{align-items:center;display:flex;gap:0 var(--grid-2-gutters);justify-content:flex-end}.requisition-list-form_progress-spinner{float:right}
+.requisition-list-header{margin-bottom:var(--spacing-large)}.requisition-list-header__back{margin-bottom:var(--spacing-medium)}.requisition-list-header__back-link{display:inline-block;color:var(--color-neutral-800);font-size:var(--type-body-1-font-size);font-weight:var(--type-body-1-font-weight);line-height:var(--type-body-1-line-height);text-decoration:none!important;cursor:pointer;transition:color .2s ease;position:relative;padding-bottom:1px}.requisition-list-header__back-link *{text-decoration:none!important}.requisition-list-header__back-link:hover{color:var(--color-neutral-600);text-decoration:none!important}.requisition-list-header__back-link:hover:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background-color:var(--color-neutral-800)}.requisition-list-header__back-arrow{margin-right:var(--spacing-xsmall);text-decoration:none!important}.requisition-list-header__main{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-medium);flex-wrap:wrap}.requisition-list-header__title-section{flex:1;min-width:0}.requisition-list-header__title{margin:0;padding:0;font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing);color:var(--color-neutral-900)}.requisition-list-header__description{margin:var(--spacing-xsmall) 0 0;padding:0;font-size:var(--type-body-1-font-size);font-weight:var(--type-body-1-font-weight);line-height:var(--type-body-1-line-height);color:var(--color-neutral-700)}.requisition-list-header__actions{display:flex;gap:var(--spacing-medium);flex-wrap:wrap;align-items:center}.requisition-list-header__action-link{color:var(--color-neutral-800);font-size:var(--type-body-2-font-size);font-style:normal;font-weight:var(--type-body-2-font-weight);line-height:var(--type-body-2-line-height);letter-spacing:var(--type-body-2-letter-spacing);text-decoration:underline;cursor:pointer;transition:color .2s ease}.requisition-list-header__action-link:hover{color:var(--color-neutral-600)}@media (max-width: 768px){.requisition-list-header__main{flex-direction:column;align-items:stretch}.requisition-list-header__actions{justify-content:flex-start}}@supports (height: 100dvh){.requisition-list-modal .dropin-modal{height:100dvh}}.dropin-modal__body--medium>.dropin-modal__header-title,.dropin-modal__body--full>.dropin-modal__header-title,.requisition-list-modal .dropin-modal__content{align-items:center;margin:0}.requisition-list-modal .dropin-modal__header-title-content h3{font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing);margin:0;padding:0}.requisition-list-modal .requisition-list-modal__spinner{align-items:center;background-color:var(--color-neutral-200);display:flex;height:100%;left:0;justify-content:center;opacity:var(--color-opacity-24);position:absolute;top:0;width:100%;z-index:1}.requisition-list-modal p{margin:var(--spacing-small) 0}.requisition-list-modal .requisition-list-modal__buttons{align-items:center;display:flex;gap:0 var(--spacing-small);justify-content:right}.requisition-list-modal--overlay{margin:auto;max-width:375px;padding:var(--spacing-small);position:relative;width:100%}@media (min-width: 768px){.requisition-list-modal--overlay{margin:auto;max-width:768px;padding:var(--spacing-xxbig);position:relative;width:100%}.requisition-list-modal p{color:var(--color-neutral-800);font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);margin-bottom:var(--spacing-medium)}}
+.requisition-list-selector__form .dropin-card__content{align-items:center;cursor:pointer;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-xxsmall);padding:var(--spacing-xsmall)}.requisition-list-selector__form .dropin-card--secondary{border:none}.requisition-list-selector__form .requisition-list-form__actions{margin-top:var(--spacing-medium)}.requisition-list-selector__available-lists{max-height:300px;min-height:200px;overflow-y:scroll}.requisition-list-selector__available-lists::-webkit-scrollbar{width:var(--spacing-small);display:block}.requisition-list-selector__available-lists::-webkit-scrollbar-track{background:var(--color-neutral-100);border-radius:var(--shape-border-radius-2)}.requisition-list-selector__available-lists::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:var(--shape-border-radius-2)}.requisition-list-selector__available-lists::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-500)}.requisition-list-modal .requisition-list-actions{margin:var(--spacing-medium) auto}.requisition-list-grid-wrapper__content{display:grid;grid-template-columns:repeat(4,1fr);row-gap:var(--spacing-xsmall);width:100%}.requisition-list-grid-wrapper__list-header{display:contents}.requisition-list-grid-wrapper__pagination{grid-column:1 / -1;margin:var(--spacing-medium)}.requisition-list-grid-wrapper__pagination-controls{display:flex;align-items:center;gap:var(--spacing-medium);justify-content:center;min-height:40px}.requisition-list-grid-wrapper__add-new{margin:var(--spacing-medium) 0}.requisition-list-grid-wrapper__name__title{display:block;font:var(--type-body-1-emphasized-font);margin-bottom:2px}.requisition-list-grid-wrapper__name__description{font:var(--type-details-caption-2-font)}.requisition-list-grid-wrapper__actions{display:flex;gap:var(--spacing-medium)}.requisition-list-grid-wrapper__actions .dropin-button--tertiary{padding:0}.requisition-list-grid-wrapper__actions .dropin-button--tertiary:hover{text-decoration:underline}.requisition-list-empty-list{margin-bottom:var(--spacing-small);text-align:center}.requisition-list-actions{align-items:center;background-color:var(--color-neutral-50);border:var(--shape-border-width-2) solid var(--color-neutral-400);border-radius:var(--shape-border-radius-2);cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-medium);width:100%}.requisition-list-actions--selectable{max-width:100%;width:auto}.requisition-list-actions__title{font:var(--type-button-2-font);letter-spacing:var(--type-button-2-letter-spacing);-moz-appearance:none;appearance:none;-webkit-appearance:none;color:var(--color-neutral-800)}.requisition-list-actions svg{color:var(--color-neutral-800);stroke:var(--shape-icon-stroke-4)}.empty-list{text-align:center;margin:auto 0}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-large);text-align:center;min-height:400px}.not-found svg{color:var(--color-neutral-400);margin-bottom:var(--spacing-medium)}.not-found h2{font-size:var(--type-headline-3-font-size);font-weight:var(--type-headline-3-font-weight);margin:0 0 var(--spacing-small) 0;color:var(--color-neutral-800)}.not-found p{font-size:var(--type-body-1-font-size);color:var(--color-neutral-600);margin:0 0 var(--spacing-medium) 0;max-width:500px}.not-found button{margin-top:var(--spacing-small)}.requisition-list-view-product-list-table-container{display:flex;flex-direction:column;gap:var(--spacing-small)}.requisition-list-view-product-list-table__checkbox{align-self:center;justify-self:center}.requisition-list-view-product-list-table__index-container{display:inline-block;line-height:1}.requisition-list-view-product-list-table__item-container{display:flex;align-items:flex-start;gap:var(--spacing-small)}.requisition-list-view-product-list-table__item-details{display:flex;flex-direction:column;gap:var(--spacing-xxsmall)}.requisition-list-view-product-list-table__product-name{font:var(--type-body-1-font);letter-spacing:var(--type-body-1-letter-spacing);font-weight:700}.requisition-list-view-product-list-table__sku{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing)}.requisition-list-view-product-list-table__thumbnail{width:44px;flex-shrink:0}.requisition-list-view-product-list-table__quantity{font:var(--type-body-1-font);letter-spacing:var(--type-body-1-letter-spacing);display:block;justify-self:center}.requisition-list-view-product-list-table__discount-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-xxsmall);align-items:baseline}.requisition-list-view-product-list-table-container__submit-container{display:flex;justify-content:flex-end}.requisition-list-view__bulk-actions{margin-bottom:var(--spacing-xsmall);display:flex;gap:var(--spacing-xsmall);align-items:center}.requisition-list-view__item{display:flex;align-items:center;gap:var(--spacing-xsmall);margin-bottom:var(--spacing-xxsmall)}.requisition-list-view__item input[type=number]{width:var(--spacing-large);margin-right:var(--spacing-xxsmall)}.requisition-list-view__pagination{margin-top:var(--spacing-medium);display:flex;justify-content:center}.requisition-list-view__pagination-controls{display:flex;align-items:center;gap:var(--spacing-medium);min-height:40px}.page-size-picker{display:flex;align-items:center;gap:var(--spacing-xsmall);font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);color:var(--color-neutral-800)}.page-size-picker__label{font-size:var(--font-size-small);color:var(--color-text-secondary);white-space:nowrap}.page-size-picker__select{min-width:60px}.requisition-list-view__container{width:100%}.requisition-list-view__loading{display:flex;justify-content:center;align-items:center;min-height:400px;width:100%}.requisition-list-view__pagination{margin-top:var(--spacing-small);display:flex;justify-content:space-between;align-items:center}.requisition-list-view__pagination-items{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);color:var(--color-neutral-800)}.requisition-list-view__pagination-picker{display:flex;align-items:center;gap:var(--spacing-xsmall);font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);color:var(--color-neutral-800)}`,{styleId:"RequisitionList"});
+import{jsx as t}from"@dropins/tools/preact-jsx-runtime.js";import{Render as a}from"@dropins/tools/lib.js";import{useState as r,useEffect as d}from"@dropins/tools/preact-hooks.js";import{UIProvider as u}from"@dropins/tools/components.js";import{events as c}from"@dropins/tools/event-bus.js";const l={containerTitle:"Requisition Lists",RequisitionListWrapper:{name:"Name & Description",itemsCount:"Items",lastUpdated:"Latest activity",actions:"Actions",loginMsg:"Please login",deleteRequisitionListTitle:"Are you sure you want to delete this Requisition List?",deleteRequisitionListMessage:"Requisition List will be permanently deleted. This action can not be undone.",confirmAction:"Confirm",cancelAction:"Cancel",emptyList:"No Requisition Lists found"},AddNewReqList:{addNewReqListBtn:"Add new Requisition List"},RequisitionListItem:{actionUpdate:"Update",actionDelete:"Delete"},RequisitionListForm:{actionCancel:"Cancel",actionSave:"Save",requiredField:"This is a required field.",floatingLabel:"Requisition List Name *",placeholder:"Requisition List Name",label:"Description",updateTitle:"Update Requisition List",createTitle:"Create Requisition List",addToRequisitionList:"Add to Requisition List"},RequisitionListSelector:{addToNewRequisitionList:"Add to New Requisition List",addToSelected:"Add to Selected List"},RequisitionListAlert:{errorCreate:"Error creating requisition list.",successCreate:"Requisition list created successfully.",errorAddToCart:"Error adding item to cart.",successAddToCart:"Item(s) added to cart successfully.",errorUpdateQuantity:"Error updating quantity.",successUpdateQuantity:"Item quantity updated successfully.",errorUpdate:"Error updating requisition list.",successUpdate:"Requisition list updated successfully.",errorDeleteItem:"Error deleting item.",successDeleteItem:"Item(s) deleted successfully.",errorDeleteReqList:"Error deleting requisition list.",successDeleteReqList:"Requisition list deleted successfully.",errorMove:"Error moving item(s) to cart.",successMove:"Item(s) successfully moved to cart.",errorAddToRequisitionList:"Error adding item(s) to requisition list.",successAddToRequisitionList:"Item(s) successfully added to requisition list."},RequisitionListView:{actionDelete:"Delete",statusDeleting:"Deleting...",actionDeleteSelected:"Delete Selected",actionSelectAll:"Select All",actionSelectNone:"Select None",actionAddToCart:"Add to Cart",statusAddingToCart:"Adding...",actionAddSelectedToCart:"Add Selected to Cart",statusBulkAddingToCart:"Adding to Cart...",actionUpdateQuantity:"Update",statusUpdatingQuantity:"Updating...",errorUpdateQuantity:"Error updating quantity",successUpdateQuantity:"Item quantity updated successfully.",actionBackToRequisitionListsOverview:"Back to requisition lists overview",actionBackToRequisitionLists:"Back to Requisition Lists",actionRename:"Rename",actionDeleteList:"Delete List",deleteListTitle:"Delete Requisition List?",deleteListMessage:"Are you sure you want to delete this requisition list? This action cannot be undone.",emptyRequisitionList:" Requisition List is empty",show:"Show",itemsCounter:"Items {from}-{to} of {total}",productListTable:{headers:{productName:"Product name",sku:"SKU",price:"Price",quantity:"Quantity",subtotal:"Subtotal",actions:"Actions"},itemQuantity:"Item quantity"},errorLoadPage:"Failed to load page",errorLoadingProducts:"Failed to load product data",notFoundTitle:"Requisition List Not Found",notFoundMessage:"The requisition list you are looking for does not exist or you do not have access to it.",notFoundActionLabel:"Back to Requisition Lists"},PageSizePicker:{itemsPerPage:"Items per page"}},q={RequisitionList:l},L={default:q},m=({children:i})=>{const[s,o]=r("en_US");return d(()=>{const e=c.on("locale",n=>{o(n)},{eager:!0});return()=>{e==null||e.off()}},[]),t(u,{lang:s,langDefinitions:L,children:i})},A=new a(t(m,{}));export{A as render};
 //# sourceMappingURL=render.js.map

package/render.js.map

@@ -1 +1 @@
-{"version":3,"file":"render.js","sources":["/@dropins/storefront-requisition-list/src/render/Provider.tsx","/@dropins/storefront-requisition-list/src/render/render.tsx"],"sourcesContent":["import { FunctionComponent } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\nimport { UIProvider } from '@adobe-commerce/elsie/components';\nimport { Lang } from '@adobe-commerce/elsie/i18n';\nimport { events } from '@adobe-commerce/event-bus';\n\nimport en_US from '../i18n/en_US.json';\n\n// Langs\nconst langDefinitions = {\n  default: en_US,\n};\n\ninterface CartProviderProps {\n  children?: any;\n}\n\nexport const Provider: FunctionComponent<CartProviderProps> = ({\n  children,\n}) => {\n  const [lang, setLang] = useState<Lang>('en_US');\n\n  //   Events\n  useEffect(() => {\n    const localeEvent = events.on(\n      'locale',\n      (locale: string) => {\n        setLang(locale as Lang);\n      },\n      { eager: true }\n    );\n    return () => {\n      localeEvent?.off();\n    };\n  }, []);\n\n  return (\n    <UIProvider lang={lang} langDefinitions={langDefinitions}>\n      {children}\n    </UIProvider>\n  );\n};\n","import { Render } from '@adobe-commerce/elsie/lib';\nimport { Provider } from './Provider';\n\nexport const render = new Render(<Provider />);\n"],"names":["langDefinitions","en_US","Provider","children","lang","setLang","useState","useEffect","localeEvent","events","locale","jsx","UIProvider","render","Render"],"mappings":"s5FASMA,EAAkB,CACtB,QAASC,CACX,EAMaC,EAAiD,CAAC,CAC7D,SAAAC,CACF,IAAM,CACJ,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAe,OAAO,EAG9C,OAAAC,EAAU,IAAM,CACd,MAAMC,EAAcC,EAAO,GACzB,SACCC,GAAmB,CAClBL,EAAQK,CAAc,CACxB,EACA,CAAE,MAAO,EAAK,CAChB,EACA,MAAO,IAAM,CACXF,GAAA,MAAAA,EAAa,KACf,CACF,EAAG,EAAE,EAGFG,EAAAC,EAAA,CAAW,KAAAR,EAAY,gBAAAJ,EACrB,SAAAG,CACH,CAAA,CAEJ,ECtCaU,EAAS,IAAIC,EAAOH,EAACT,IAAS,CAAE"}
+{"version":3,"file":"render.js","sources":["/@dropins/storefront-requisition-list/src/render/Provider.tsx","/@dropins/storefront-requisition-list/src/render/render.tsx"],"sourcesContent":["import { FunctionComponent } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\nimport { UIProvider } from '@adobe-commerce/elsie/components';\nimport { Lang } from '@adobe-commerce/elsie/i18n';\nimport { events } from '@adobe-commerce/event-bus';\n\nimport en_US from '../i18n/en_US.json';\n\n// Langs\nconst langDefinitions = {\n  default: en_US,\n};\n\ninterface CartProviderProps {\n  children?: any;\n}\n\nexport const Provider: FunctionComponent<CartProviderProps> = ({\n  children,\n}) => {\n  const [lang, setLang] = useState<Lang>('en_US');\n\n  //   Events\n  useEffect(() => {\n    const localeEvent = events.on(\n      'locale',\n      (locale: string) => {\n        setLang(locale as Lang);\n      },\n      { eager: true }\n    );\n    return () => {\n      localeEvent?.off();\n    };\n  }, []);\n\n  return (\n    <UIProvider lang={lang} langDefinitions={langDefinitions}>\n      {children}\n    </UIProvider>\n  );\n};\n","import { Render } from '@adobe-commerce/elsie/lib';\nimport { Provider } from './Provider';\n\nexport const render = new Render(<Provider />);\n"],"names":["langDefinitions","en_US","Provider","children","lang","setLang","useState","useEffect","localeEvent","events","locale","jsx","UIProvider","render","Render"],"mappings":"qkHASMA,EAAkB,CACtB,QAASC,CACX,EAMaC,EAAiD,CAAC,CAC7D,SAAAC,CACF,IAAM,CACJ,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAe,OAAO,EAG9C,OAAAC,EAAU,IAAM,CACd,MAAMC,EAAcC,EAAO,GACzB,SACCC,GAAmB,CAClBL,EAAQK,CAAc,CACxB,EACA,CAAE,MAAO,EAAK,CAChB,EACA,MAAO,IAAM,CACXF,GAAA,MAAAA,EAAa,KACf,CACF,EAAG,EAAE,EAGFG,EAAAC,EAAA,CAAW,KAAAR,EAAY,gBAAAJ,EACrB,SAAAG,CACH,CAAA,CAEJ,ECtCaU,EAAS,IAAIC,EAAOH,EAACT,IAAS,CAAE"}

package/chunks/PageSizePicker2.js

@@ -1,4 +0,0 @@
-/*! Copyright 2025 Adobe
-All Rights Reserved. */
-import{useState as d,useMemo as c,useCallback as A}from"@dropins/tools/preact-compat.js";import{useText as p}from"@dropins/tools/i18n.js";function D(i){const[n,s]=d(null),r=p({errorCreate:"RequisitionList.RequisitionListAlert.errorCreate",successCreate:"RequisitionList.RequisitionListAlert.successCreate",errorDeleteItem:"RequisitionList.RequisitionListAlert.errorDeleteItem",successDeleteItem:"RequisitionList.RequisitionListAlert.successDeleteItem",errorDeleteReqList:"RequisitionList.RequisitionListAlert.errorDeleteReqList",successDeleteReqList:"RequisitionList.RequisitionListAlert.successDeleteReqList",errorAddToCart:"RequisitionList.RequisitionListAlert.errorAddToCart",successAddToCart:"RequisitionList.RequisitionListAlert.successAddToCart",errorUpdateQuantity:"RequisitionList.RequisitionListAlert.errorUpdateQuantity",successUpdateQuantity:"RequisitionList.RequisitionListAlert.successUpdateQuantity",errorUpdate:"RequisitionList.RequisitionListAlert.errorUpdate",successUpdate:"RequisitionList.RequisitionListAlert.successUpdate",errorMove:"RequisitionList.RequisitionListAlert.errorMove",successMove:"RequisitionList.RequisitionListAlert.successMove",errorAddToRequisitionList:"RequisitionList.RequisitionListAlert.errorAddToRequisitionList",successAddToRequisitionList:"RequisitionList.RequisitionListAlert.successAddToRequisitionList"}),e=c(()=>({...r,...i}),[r,i]),o=c(()=>({create:{requisitionList:{success:e.successCreate,error:e.errorCreate}},add:{product:{success:e.successAddToRequisitionList,error:e.errorAddToRequisitionList}},update:{product:{success:e.successUpdateQuantity,error:e.errorUpdateQuantity},requisitionList:{success:e.successUpdate,error:e.errorUpdate}},delete:{product:{success:e.successDeleteItem,error:e.errorDeleteItem},requisitionList:{success:e.successDeleteReqList,error:e.errorDeleteReqList}},move:{product:{success:e.successMove,error:e.errorMove}}}),[e]),q=A(L=>{const{type:u,action:R,context:a,skus:t}=L;s({type:u,description:o[R][a][u],sku:t==null?void 0:t[0]});const l=setTimeout(()=>{s(null)},5e3);return()=>clearTimeout(l)},[o]);return{alert:n,setAlert:s,handleRequisitionListAlert:q}}export{D as u};
-//# sourceMappingURL=PageSizePicker2.js.map