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

package/containers/RequisitionListView.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequisitionListView.js","sources":["/@dropins/storefront-requisition-list/src/components/RequisitionListView/RequisitionListView.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 *******************************************************************/\nimport { HTMLAttributes } from 'preact/compat';\nimport { Item } from '@/requisitionList/data/models/item';\nimport { RequisitionList } from '@/requisitionList/data/models/requisitionList';\nimport {\n  Button,\n  InLineAlert,\n  Pagination,\n} from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport '@/requisitionList/components/RequisitionListView/RequisitionListView.css';\n\nexport interface RequisitionListViewProps\n  extends HTMLAttributes<HTMLDivElement> {\n  currentRequisitionList: RequisitionList;\n  loadingProducts?: boolean;\n  productError?: string | null;\n  selectedItems: Set<string>;\n  deletingItemId: string | null;\n  deleteError: string | null;\n  addingToCartItemId: string | null;\n  addToCartError: string | null;\n  bulkAddingToCart: boolean;\n  updatingQuantityItemId: string | null;\n  updateQuantityError: string | null;\n  onItemSelection: (itemUid: string, isSelected: boolean) => void;\n  onSelectAll: () => void;\n  onSelectNone: () => void;\n  onAddToCart: (itemUid: string) => void;\n  onBulkAddToCart: () => void;\n  onBulkDelete: () => void;\n  onUpdateQuantity: (itemUid: string, newQuantity: number) => void;\n  onDeleteItem: (itemUid: string) => void;\n  onPageChange?: (page: number) => void;\n  loadingPage?: boolean;\n  routeRequisitionListGrid?: () => string | void;\n}\n\nexport const RequisitionListView = ({\n  currentRequisitionList,\n  loadingProducts,\n  productError,\n  selectedItems,\n  deletingItemId,\n  deleteError,\n  addingToCartItemId,\n  addToCartError,\n  bulkAddingToCart,\n  updatingQuantityItemId,\n  updateQuantityError,\n  onItemSelection,\n  onSelectAll,\n  onSelectNone,\n  onAddToCart,\n  onBulkAddToCart,\n  onBulkDelete,\n  onUpdateQuantity,\n  onDeleteItem,\n  onPageChange,\n  loadingPage = false,\n  routeRequisitionListGrid,\n}: RequisitionListViewProps) => {\n  const translations = useText({\n    actionDelete: `RequisitionList.RequisitionListView.actionDelete`,\n    statusDeleting: `RequisitionList.RequisitionListView.statusDeleting`,\n    errorDelete: `RequisitionList.RequisitionListView.errorDelete`,\n    actionDeleteSelected: `RequisitionList.RequisitionListView.actionDeleteSelected`,\n    actionSelectAll: `RequisitionList.RequisitionListView.actionSelectAll`,\n    actionSelectNone: `RequisitionList.RequisitionListView.actionSelectNone`,\n    actionAddToCart: `RequisitionList.RequisitionListView.actionAddToCart`,\n    statusAddingToCart: `RequisitionList.RequisitionListView.statusAddingToCart`,\n    errorAddToCart: `RequisitionList.RequisitionListView.errorAddToCart`,\n    successAddToCart: `RequisitionList.RequisitionListView.successAddToCart`,\n    actionAddSelectedToCart: `RequisitionList.RequisitionListView.actionAddSelectedToCart`,\n    statusBulkAddingToCart: `RequisitionList.RequisitionListView.statusBulkAddingToCart`,\n    errorUpdateQuantity: `RequisitionList.RequisitionListView.errorUpdateQuantity`,\n    successUpdateQuantity: `RequisitionList.RequisitionListView.successUpdateQuantity`,\n    actionBackToRequisitionListsOverview: `RequisitionList.RequisitionListView.actionBackToRequisitionListsOverview`,\n  });\n  return (\n    <div>\n      <h3>\n        {currentRequisitionList.name}\n        {routeRequisitionListGrid && (\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={routeRequisitionListGrid}\n          >\n            {translations.actionBackToRequisitionListsOverview}\n          </Button>\n        )}\n      </h3>\n      {deleteError && (\n        <InLineAlert\n          type=\"error\"\n          variant=\"primary\"\n          heading={deleteError}\n          data-testid=\"requisition-list-view-delete-error\"\n        />\n      )}\n      {addToCartError && (\n        <InLineAlert\n          type=\"error\"\n          variant=\"primary\"\n          heading={addToCartError}\n          data-testid=\"requisition-list-view-add-to-cart-error\"\n        />\n      )}\n      {updateQuantityError && (\n        <InLineAlert\n          type=\"error\"\n          variant=\"primary\"\n          heading={updateQuantityError}\n          data-testid=\"requisition-list-view-update-quantity-error\"\n        />\n      )}\n      {productError && (\n        <InLineAlert\n          type=\"error\"\n          variant=\"primary\"\n          heading={productError}\n          data-testid=\"requisition-list-view-product-error\"\n        />\n      )}\n\n      {/* Bulk actions */}\n      <div class=\"requisition-list-view__bulk-actions\">\n        <Button\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          type=\"button\"\n          variant=\"secondary\"\n          onClick={onSelectNone}\n          disabled={\n            deletingItemId !== null ||\n            addingToCartItemId !== null ||\n            bulkAddingToCart ||\n            updatingQuantityItemId !== null\n          }\n        >\n          {translations.actionSelectNone}\n        </Button>\n        {selectedItems.size > 0 && (\n          <Button\n            type=\"button\"\n            variant=\"primary\"\n            onClick={onBulkAddToCart}\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            type=\"button\"\n            variant=\"secondary\"\n            onClick={onBulkDelete}\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      {/* Display loading state */}\n      {loadingProducts && <div>Loading products...</div>}\n\n      {/* Display requisition list items with enriched product data */}\n      {!loadingProducts && currentRequisitionList && (\n        <div>\n          <h4>\n            Requisition List Items ({currentRequisitionList.items_count || 0})\n          </h4>\n          <ul>\n            {currentRequisitionList?.items?.map((item: Item) => (\n              <li className=\"requisition-list-view__item\" key={item.uid}>\n                <input\n                  type=\"checkbox\"\n                  checked={selectedItems.has(item.uid)}\n                  onChange={(e) => onItemSelection(item.uid, e.target.checked)}\n                  disabled={\n                    deletingItemId !== null ||\n                    addingToCartItemId !== null ||\n                    bulkAddingToCart ||\n                    updatingQuantityItemId !== null\n                  }\n                />\n                <div className=\"item-info\">\n                  <div>\n                    <strong>Item UID:</strong> {item.uid}\n                  </div>\n                  {item.product && (\n                    <div className=\"product-info\">\n                      <div>\n                        <strong>SKU:</strong> {item.product.sku}{' '}\n                        <strong>{item.product.name}</strong>\n                      </div>\n                      {item.product.images &&\n                        item.product.images.length > 0 && (\n                          <div>\n                            <img\n                              key={0}\n                              src={item.product.images[0].url}\n                              alt={item.product.images[0].label}\n                              style={{\n                                maxWidth: '50px',\n                                maxHeight: '50px',\n                                margin: '2px',\n                              }}\n                            />\n                          </div>\n                        )}\n                    </div>\n                  )}\n                </div>\n                <input\n                  type=\"number\"\n                  min=\"1\"\n                  value={item.quantity}\n                  onChange={(e) => {\n                    const newQuantity = parseInt(e.currentTarget.value, 10);\n                    if (newQuantity > 0 && newQuantity !== item.quantity) {\n                      onUpdateQuantity(item.uid, newQuantity);\n                    }\n                  }}\n                  disabled={\n                    updatingQuantityItemId === item.uid ||\n                    deletingItemId !== null ||\n                    addingToCartItemId !== null ||\n                    bulkAddingToCart\n                  }\n                  data-testid={`quantity-input-${item.uid}`}\n                />\n                <Button\n                  type=\"button\"\n                  variant=\"primary\"\n                  onClick={() => onAddToCart(item.uid)}\n                  disabled={\n                    addingToCartItemId === item.uid ||\n                    deletingItemId !== null ||\n                    bulkAddingToCart ||\n                    updatingQuantityItemId !== null\n                  }\n                  data-testid=\"requisition-list-view-add-to-cart-button\"\n                >\n                  {addingToCartItemId === item.uid\n                    ? translations.statusAddingToCart\n                    : translations.actionAddToCart}\n                </Button>\n                <Button\n                  type=\"button\"\n                  variant=\"secondary\"\n                  onClick={() => onDeleteItem(item.uid)}\n                  disabled={\n                    deletingItemId === item.uid ||\n                    addingToCartItemId !== null ||\n                    bulkAddingToCart ||\n                    updatingQuantityItemId !== null\n                  }\n                  data-testid=\"requisition-list-view-delete-item-button\"\n                >\n                  {deletingItemId === item.uid\n                    ? translations.statusDeleting\n                    : translations.actionDelete}\n                </Button>\n              </li>\n            ))}\n          </ul>\n\n          {/* Pagination */}\n          {currentRequisitionList.page_info &&\n            currentRequisitionList.page_info.total_pages > 1 && (\n              <div className=\"requisition-list-view__pagination\">\n                <Pagination\n                  totalPages={currentRequisitionList.page_info.total_pages}\n                  currentPage={currentRequisitionList.page_info.current_page}\n                  onChange={onPageChange}\n                  disabled={loadingPage || loadingProducts}\n                />\n              </div>\n            )}\n        </div>\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 { Item, Product } from '@/requisitionList/data/models/item';\nimport { RequisitionList } from '@/requisitionList/data/models/requisitionList';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { deleteRequisitionListItems } from '@/requisitionList/api/deleteRequisitionListItems';\nimport { addRequisitionListItemsToCart } from '@/requisitionList/api/addRequisitionListItemsToCart';\nimport { updateRequisitionListItems } from '@/requisitionList/api/updateRequisitionListItems';\nimport { getProductData } from '@/requisitionList/api/getProductData';\nimport { getRequisitionList } from '@/requisitionList/api/getRequisitionList';\nimport { RequisitionListView as RequisitionListViewComponent } from '@/requisitionList/components/RequisitionListView/RequisitionListView';\n\nexport interface RequisitionListViewProps\n  extends HTMLAttributes<HTMLDivElement> {\n  requisitionList: RequisitionList;\n  routeRequisitionListGrid?: () => string | void;\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}\n\nexport const RequisitionListView: Container<RequisitionListViewProps> = ({\n  requisitionList,\n  routeRequisitionListGrid,\n  skipProductLoading = false,\n  pageSize = 10,\n}: RequisitionListViewProps) => {\n  const [currentRequisitionList, setCurrentRequisitionList] =\n    useState<RequisitionList>(requisitionList);\n  const [loadingProducts, setLoadingProducts] = useState<boolean>(false);\n  const [productError, setProductError] = useState<string | null>(null);\n  const [deletingItemId, setDeletingItemId] = useState<string | null>(null);\n  const [deleteError, setDeleteError] = useState<string | null>(null);\n  const [selectedItems, setSelectedItems] = useState<Set<string>>(new Set());\n  const [addingToCartItemId, setAddingToCartItemId] = useState<string | null>(\n    null\n  );\n  const [addToCartError, setAddToCartError] = useState<string | null>(null);\n  const [bulkAddingToCart, setBulkAddingToCart] = useState<boolean>(false);\n  const [updatingQuantityItemId, setUpdatingQuantityItemId] = useState<\n    string | null\n  >(null);\n  const [updateQuantityError, setUpdateQuantityError] = useState<string | null>(\n    null\n  );\n  const [loadingPage, setLoadingPage] = useState<boolean>(false);\n\n  const translations = useText({\n    errorDelete: `RequisitionList.RequisitionListView.errorDelete`,\n    errorAddToCart: `RequisitionList.RequisitionListView.errorAddToCart`,\n    errorUpdateQuantity: `RequisitionList.RequisitionListView.errorUpdateQuantity`,\n    errorLoadingProducts: `RequisitionList.RequisitionListView.errorLoadingProducts`,\n  });\n\n  // Sync prop changes to local state\n  useEffect(() => {\n    setCurrentRequisitionList(requisitionList);\n    // Clear selections when requisition list changes\n    setSelectedItems(new Set());\n  }, [requisitionList]);\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      setProductError(null);\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          const updatedRequisitionList = {\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          return updatedRequisitionList;\n        }\n        setProductError('No products found');\n        return baseRequisitionList;\n      } catch (error) {\n        setProductError(\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  }, [requisitionList, fetchAndMergeProducts, skipProductLoading]);\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 =\n      currentRequisitionList.items?.map((item: Item) => item.uid) || [];\n    setSelectedItems(new Set(allItemUids));\n  }, [currentRequisitionList.items]);\n\n  const handleSelectNone = useCallback(() => {\n    setSelectedItems(new Set());\n  }, []);\n\n  const handleAddToCart = useCallback(\n    async (itemUid: string) => {\n      setAddingToCartItemId(itemUid);\n      setAddToCartError(null);\n\n      try {\n        const errors = await addRequisitionListItemsToCart(\n          currentRequisitionList.uid,\n          [itemUid]\n        );\n\n        if (errors && errors.length > 0) {\n          setAddToCartError(translations.errorAddToCart);\n        } else {\n          // Success - could show a success message or remove the item from the list\n          // For now, we'll just clear the error state\n          setAddToCartError(null);\n        }\n      } catch (error) {\n        setAddToCartError(\n          error instanceof Error ? error.message : translations.errorAddToCart\n        );\n      } finally {\n        setAddingToCartItemId(null);\n      }\n    },\n    [currentRequisitionList.uid, translations.errorAddToCart]\n  );\n\n  const handleBulkAddToCart = useCallback(async () => {\n    setBulkAddingToCart(true);\n    setAddToCartError(null);\n\n    try {\n      const errors = await addRequisitionListItemsToCart(\n        currentRequisitionList.uid,\n        Array.from(selectedItems)\n      );\n\n      if (errors && errors.length > 0) {\n        setAddToCartError(translations.errorAddToCart);\n      } else {\n        // Success - could show a success message\n        setAddToCartError(null);\n        // Optionally clear selections after successful bulk add\n        setSelectedItems(new Set());\n      }\n    } catch (error) {\n      setAddToCartError(\n        error instanceof Error ? error.message : translations.errorAddToCart\n      );\n    } finally {\n      setBulkAddingToCart(false);\n    }\n  }, [currentRequisitionList.uid, selectedItems, translations.errorAddToCart]);\n\n  const handleBulkDelete = useCallback(async () => {\n    setDeletingItemId('bulk');\n    setDeleteError(null);\n\n    try {\n      const updatedRequisitionList = await deleteRequisitionListItems(\n        currentRequisitionList.uid,\n        Array.from(selectedItems)\n      );\n\n      if (updatedRequisitionList) {\n        setCurrentRequisitionList(updatedRequisitionList);\n        setSelectedItems(new Set());\n      } else {\n        setDeleteError(translations.errorDelete);\n      }\n    } catch (error) {\n      setDeleteError(\n        error instanceof Error ? error.message : translations.errorDelete\n      );\n    } finally {\n      setDeletingItemId(null);\n    }\n  }, [currentRequisitionList.uid, selectedItems, translations.errorDelete]);\n\n  const handleUpdateQuantity = useCallback(\n    async (itemUid: string, newQuantity: number) => {\n      setUpdatingQuantityItemId(itemUid);\n      setUpdateQuantityError(null);\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          setUpdateQuantityError(translations.errorUpdateQuantity);\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        );\n\n        if (updatedRequisitionList) {\n          // Reload product data with updated quantities\n          const enrichedRequisitionList = await fetchAndMergeProducts(\n            updatedRequisitionList\n          );\n          setCurrentRequisitionList(enrichedRequisitionList);\n          setUpdateQuantityError(null);\n        } else {\n          setUpdateQuantityError(translations.errorUpdateQuantity);\n        }\n      } catch (error) {\n        setUpdateQuantityError(\n          error instanceof Error\n            ? error.message\n            : translations.errorUpdateQuantity\n        );\n      } finally {\n        setUpdatingQuantityItemId(null);\n      }\n    },\n    [\n      currentRequisitionList.uid,\n      currentRequisitionList.items,\n      translations.errorUpdateQuantity,\n      fetchAndMergeProducts,\n    ]\n  );\n\n  const handleDeleteItem = useCallback(\n    async (itemUid: string) => {\n      setDeletingItemId(itemUid);\n      setDeleteError(null);\n\n      try {\n        const updatedRequisitionList = await deleteRequisitionListItems(\n          currentRequisitionList.uid,\n          [itemUid]\n        );\n\n        if (updatedRequisitionList) {\n          setCurrentRequisitionList(updatedRequisitionList);\n        } else {\n          setDeleteError(translations.errorDelete);\n        }\n      } catch (error) {\n        setDeleteError(\n          error instanceof Error ? error.message : translations.errorDelete\n        );\n      } finally {\n        setDeletingItemId(null);\n      }\n    },\n    [currentRequisitionList.uid, translations.errorDelete]\n  );\n\n  const handlePageChange = useCallback(\n    async (page: number) => {\n      setLoadingPage(true);\n      setProductError(null);\n\n      try {\n        const updatedRequisitionList = await getRequisitionList(\n          currentRequisitionList.uid,\n          page,\n          pageSize\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          setProductError('Failed to load page');\n        }\n      } catch (error) {\n        setProductError(\n          error instanceof Error ? error.message : 'Failed to load page'\n        );\n      } finally {\n        setLoadingPage(false);\n      }\n    },\n    [currentRequisitionList.uid, fetchAndMergeProducts, pageSize]\n  );\n\n  return (\n    <RequisitionListViewComponent\n      currentRequisitionList={currentRequisitionList}\n      loadingProducts={loadingProducts}\n      productError={productError}\n      selectedItems={selectedItems}\n      deletingItemId={deletingItemId}\n      deleteError={deleteError}\n      addingToCartItemId={addingToCartItemId}\n      addToCartError={addToCartError}\n      bulkAddingToCart={bulkAddingToCart}\n      updatingQuantityItemId={updatingQuantityItemId}\n      updateQuantityError={updateQuantityError}\n      onItemSelection={handleItemSelection}\n      onSelectAll={handleSelectAll}\n      onSelectNone={handleSelectNone}\n      onAddToCart={handleAddToCart}\n      onBulkAddToCart={handleBulkAddToCart}\n      onBulkDelete={handleBulkDelete}\n      onUpdateQuantity={handleUpdateQuantity}\n      onDeleteItem={handleDeleteItem}\n      onPageChange={handlePageChange}\n      loadingPage={loadingPage}\n      routeRequisitionListGrid={routeRequisitionListGrid}\n    />\n  );\n};\n"],"names":["RequisitionListView","currentRequisitionList","loadingProducts","productError","selectedItems","deletingItemId","deleteError","addingToCartItemId","addToCartError","bulkAddingToCart","updatingQuantityItemId","updateQuantityError","onItemSelection","onSelectAll","onSelectNone","onAddToCart","onBulkAddToCart","onBulkDelete","onUpdateQuantity","onDeleteItem","onPageChange","loadingPage","routeRequisitionListGrid","translations","useText","jsxs","jsx","Button","InLineAlert","_a","item","e","newQuantity","Pagination","requisitionList","skipProductLoading","pageSize","setCurrentRequisitionList","useState","setLoadingProducts","setProductError","setDeletingItemId","setDeleteError","setSelectedItems","setAddingToCartItemId","setAddToCartError","setBulkAddingToCart","setUpdatingQuantityItemId","setUpdateQuantityError","setLoadingPage","useEffect","fetchAndMergeProducts","useCallback","baseRequisitionList","productSkus","fetchedProducts","getProductData","productMap","product","_b","error","updatedList","handleItemSelection","itemUid","isSelected","prev","newSet","handleSelectAll","allItemUids","handleSelectNone","handleAddToCart","errors","addRequisitionListItemsToCart","handleBulkAddToCart","handleBulkDelete","updatedRequisitionList","deleteRequisitionListItems","handleUpdateQuantity","currentItem","updatedItem","updateRequisitionListItems","enrichedRequisitionList","handleDeleteItem","handlePageChange","page","getRequisitionList","updatedListWithProducts","RequisitionListViewComponent"],"mappings":"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"}
+{"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]}

package/data/transforms/transform-product.d.ts

@@ -1,4 +1,4 @@
-import { Product } from '../models/item';
+import { Product } from '../models';
 
 export interface RawProductData {
     __typename: string;

package/hooks/index.d.ts

@@ -14,6 +14,8 @@
  * is strictly forbidden unless prior written permission is obtained
  * from Adobe.
  *******************************************************************/
-export * from './useRequisitionListGrid';
+export * from './useRequisitionListAlert';
 export * from './useRequisitionListForm';
+export * from './useRequisitionListGrid';
+export * from './useRequisitionListSelectedItems';
 //# sourceMappingURL=index.d.ts.map

package/hooks/useRequisitionListAlert.d.ts

@@ -0,0 +1,28 @@
+/********************************************************************
+ * 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.
+ *******************************************************************/
+export interface Alert {
+    type: string;
+    description: string;
+    action?: string;
+    sku?: string;
+}
+export declare function useRequisitionListAlert(translationsOverride?: Record<string, string>): {
+    alert: Alert | null;
+    setAlert: import('preact/hooks').Dispatch<import('preact/hooks').StateUpdater<Alert | null>>;
+    handleRequisitionListAlert: (payload: RequisitionListActionPayload) => () => void;
+};
+//# sourceMappingURL=useRequisitionListAlert.d.ts.map

package/hooks/useRequisitionListForm.d.ts

@@ -1,12 +1,14 @@
 import { RequisitionList } from '../data/models/requisitionList';
 
-export type RequisitionListFormMode = 'create' | 'edit';
+export type RequisitionListFormMode = 'create' | 'update';
 export type RequisitionListFormValues = {
     name: string;
     description?: string;
 };
-export declare function useRequisitionListForm(mode: RequisitionListFormMode, requisitionListUid?: string, onSuccess?: (rl: RequisitionList) => void, onError?: (msg: string) => void): {
-    readonly error: string | null;
-    readonly submit: (values: RequisitionListFormValues) => Promise<RequisitionList | null>;
+type UseRequisitionListFormReturn = {
+    error: string | null;
+    submit: (values: RequisitionListFormValues) => Promise<RequisitionList | null>;
 };
+export declare function useRequisitionListForm(mode: RequisitionListFormMode, requisitionListUid?: string, onSuccess?: (rl: RequisitionList) => void, onError?: (msg: string) => void): UseRequisitionListFormReturn;
+export {};
 //# sourceMappingURL=useRequisitionListForm.d.ts.map

package/hooks/useRequisitionListGrid.d.ts

@@ -4,7 +4,7 @@ import { RequisitionLists } from '../data/models/requisitionLists';
 
 type Row = Record<string, VNode | string | number | undefined>;
 type Callbacks = {
-    openRemove: (rl: RequisitionListModel) => void;
+    handleOpenModal: (rl: RequisitionListModel) => void;
 };
 export declare function useRequisitionListGrid(initial?: RequisitionLists | null, callbacks?: Callbacks, routeRequisitionListDetails?: (uid: string) => string | void): {
     rows: Row[];
@@ -16,6 +16,10 @@ export declare function useRequisitionListGrid(initial?: RequisitionLists | null
         total_pages: number;
     } | undefined;
     handlePageChange: (page?: number) => Promise<void>;
+    handlePageSizeChange: (pageSize: number) => Promise<void>;
+    isAdding: boolean;
+    handleAddNew: () => void;
+    handleCancelCreate: () => void;
 };
 export {};
 //# sourceMappingURL=useRequisitionListGrid.d.ts.map

package/hooks/useRequisitionListSelectedItems.d.ts

@@ -0,0 +1,14 @@
+import { RequisitionList } from '../data/models/requisitionList';
+
+type UseRequisitionListSelectedItems = {
+    currentRequisitionList: RequisitionList;
+    setCurrentRequisitionList: (value: RequisitionList | ((prev: RequisitionList) => RequisitionList)) => 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 {};
+//# sourceMappingURL=useRequisitionListSelectedItems.d.ts.map

package/i18n/en_US.json.d.ts

@@ -2,13 +2,13 @@ declare const _default: {
   "RequisitionList": {
     "containerTitle": "Requisition Lists",
     "RequisitionListWrapper": {
-      "name": "Name",
-      "itemsCount": "Items count",
-      "lastUpdated": "Last updated",
+      "name": "Name & Description",
+      "itemsCount": "Items",
+      "lastUpdated": "Latest activity",
       "actions": "Actions",
       "loginMsg": "Please login",
-      "confirmRemove": "Confirm Requisition List removing",
-      "confirmRemoveContent": "Requisition List will be permanently deleted. This action can not be undone.",
+      "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"
@@ -17,8 +17,8 @@ declare const _default: {
       "addNewReqListBtn": "Add new Requisition List"
     },
     "RequisitionListItem": {
-      "actionRename": "Rename",
-      "actionRemove": "Remove"
+      "actionUpdate": "Update",
+      "actionDelete": "Delete"
     },
     "RequisitionListForm": {
       "actionCancel": "Cancel",
@@ -27,28 +27,59 @@ declare const _default: {
       "floatingLabel": "Requisition List Name *",
       "placeholder": "Requisition List Name",
       "label": "Description",
-      "editTitle": "Rename Requisition List",
+      "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...",
-      "errorDelete": "Error deleting item",
       "actionDeleteSelected": "Delete Selected",
       "actionSelectAll": "Select All",
       "actionSelectNone": "Select None",
       "actionAddToCart": "Add to Cart",
       "statusAddingToCart": "Adding...",
-      "errorAddToCart": "Error adding item to cart",
-      "successAddToCart": "Item added to cart successfully",
       "actionAddSelectedToCart": "Add Selected to Cart",
       "statusBulkAddingToCart": "Adding to Cart...",
       "actionUpdateQuantity": "Update",
       "statusUpdatingQuantity": "Updating...",
       "errorUpdateQuantity": "Error updating quantity",
-      "successUpdateQuantity": "Quantity updated successfully",
-      "actionBackToRequisitionListsOverview": "Back to requisition lists overview"
+      "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"
     }
   }
 }

package/package.json

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

package/render.js

@@ -1,7 +1,6 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-(function(n,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(n));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-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-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__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-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 .dropin-card{position:relative;top:var(--spacing-xbig)}
-.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}`,{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 c}from"@dropins/tools/components.js";import{events as l}from"@dropins/tools/event-bus.js";const u={containerTitle:"Requisition Lists",RequisitionListWrapper:{name:"Name",itemsCount:"Items count",lastUpdated:"Last updated",actions:"Actions",loginMsg:"Please login",confirmRemove:"Confirm Requisition List removing",confirmRemoveContent:"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:{actionRename:"Rename",actionRemove:"Remove"},RequisitionListForm:{actionCancel:"Cancel",actionSave:"Save",requiredField:"This is a required field.",floatingLabel:"Requisition List Name *",placeholder:"Requisition List Name",label:"Description",editTitle:"Rename Requisition List",createTitle:"Create Requisition List",addToRequisitionList:"Add to Requisition List:"},RequisitionListView:{actionDelete:"Delete",statusDeleting:"Deleting...",errorDelete:"Error deleting item",actionDeleteSelected:"Delete Selected",actionSelectAll:"Select All",actionSelectNone:"Select None",actionAddToCart:"Add to Cart",statusAddingToCart:"Adding...",errorAddToCart:"Error adding item to cart",successAddToCart:"Item added to cart successfully",actionAddSelectedToCart:"Add Selected to Cart",statusBulkAddingToCart:"Adding to Cart...",actionUpdateQuantity:"Update",statusUpdatingQuantity:"Updating...",errorUpdateQuantity:"Error updating quantity",successUpdateQuantity:"Quantity updated successfully",actionBackToRequisitionListsOverview:"Back to requisition lists overview"}},m={RequisitionList:u},R={default:m},q=({children:i})=>{const[n,o]=r("en_US");return d(()=>{const e=l.on("locale",s=>{o(s)},{eager:!0});return()=>{e==null||e.off()}},[]),t(c,{lang:n,langDefinitions:R,children:i})},C=new a(t(q,{}));export{C as render};
+(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};
 //# 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":"u0DASMA,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,EAAA,CAAK,EAEhB,MAAO,IAAM,CACXF,GAAA,MAAAA,EAAa,KACf,CACF,EAAG,CAAA,CAAE,EAGHG,EAACC,EAAA,CAAW,KAAAR,EAAY,gBAAAJ,EACrB,SAAAG,CAAA,CACH,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":"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"}

package/chunks/deleteRequisitionListItems.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"deleteRequisitionListItems.js","sources":["/@dropins/storefront-requisition-list/src/data/transforms/transform-product.ts","/@dropins/storefront-requisition-list/src/api/getRequisitionList/graphql/getRequisitionList.ts","/@dropins/storefront-requisition-list/src/api/getRequisitionList/getRequisitionList.ts","/@dropins/storefront-requisition-list/src/api/updateRequisitionListItems/graphql/updateRequisitionListItems.ts","/@dropins/storefront-requisition-list/src/api/updateRequisitionListItems/updateRequisitionListItems.ts","/@dropins/storefront-requisition-list/src/api/addRequisitionListItemsToCart/graphql/addRequisitionListItemsToCart.ts","/@dropins/storefront-requisition-list/src/api/addRequisitionListItemsToCart/addRequisitionListItemsToCart.ts","/@dropins/storefront-requisition-list/src/api/fragments/ProductFragment.graphql.ts","/@dropins/storefront-requisition-list/src/api/getProductData/graphql/getProductData.ts","/@dropins/storefront-requisition-list/src/api/getProductData/getProductData.ts","/@dropins/storefront-requisition-list/src/api/deleteRequisitionListItems/graphql/deleteRequisitionListItems.ts","/@dropins/storefront-requisition-list/src/api/deleteRequisitionListItems/deleteRequisitionListItems.ts"],"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 *******************************************************************/\nimport { Product } from '../models/item';\n\n// Interface for raw product data from GraphQL API\nexport interface RawProductData {\n  __typename: string;\n  id: string;\n  sku: string;\n  name: string;\n  shortDescription?: string;\n  metaDescription?: string;\n  metaKeyword?: string;\n  metaTitle?: string;\n  description?: string;\n  inStock: boolean;\n  addToCartAllowed: boolean;\n  url?: string;\n  urlKey?: string;\n  externalId?: string;\n  images?: {\n    url: string;\n    label?: string;\n    roles?: string[];\n  }[];\n  attributes?: {\n    name: string;\n    label: string;\n    value: string;\n    roles?: string[];\n  }[];\n  price?: {\n    roles?: string[];\n    regular?: {\n      amount: {\n        value: number;\n        currency: string;\n      };\n    };\n    final?: {\n      amount: {\n        value: number;\n        currency: string;\n      };\n    };\n  };\n  priceRange?: {\n    maximum?: {\n      final?: {\n        amount: {\n          value: number;\n          currency: string;\n        };\n      };\n      regular?: {\n        amount: {\n          value: number;\n          currency: string;\n        };\n      };\n      roles?: string[];\n    };\n    minimum?: {\n      final?: {\n        amount: {\n          value: number;\n          currency: string;\n        };\n      };\n      regular?: {\n        amount: {\n          value: number;\n          currency: string;\n        };\n      };\n      roles?: string[];\n    };\n  };\n  options?: {\n    id: string;\n    title: string;\n    required: boolean;\n    multi: boolean;\n    values: {\n      id: string;\n      title: string;\n      inStock: boolean;\n      __typename: string;\n      quantity?: number;\n      isDefault?: boolean;\n      type?: string;\n      value?: string;\n      product?: {\n        sku: string;\n        name: string;\n        shortDescription?: string;\n        metaDescription?: string;\n        metaKeyword?: string;\n        metaTitle?: string;\n        price?: {\n          final?: {\n            amount: {\n              value: number;\n              currency: string;\n            };\n          };\n          regular?: {\n            amount: {\n              value: number;\n              currency: string;\n            };\n          };\n          roles?: string[];\n        };\n      };\n    }[];\n  }[];\n}\n\nexport function transformProduct(data: RawProductData): Product {\n  return {\n    sku: data.sku,\n    parent_sku: data.sku, // Use same SKU as parent for simple products\n    name: data.name,\n    shortDescription: data.shortDescription || '',\n    metaDescription: data.metaDescription || '',\n    metaKeyword: data.metaKeyword || '',\n    metaTitle: data.metaTitle || '',\n    description: data.description || '',\n    addToCartAllowed: data.addToCartAllowed,\n    url: data.url || '',\n    urlKey: data.urlKey || '',\n    externalId: data.externalId || '',\n    images: data.images?.map((image) => ({\n      url: image.url,\n      label: image.label || '',\n      roles: image.roles || [],\n    })) || [],\n  };\n}\n\n// Helper function to transform multiple products\nexport function transformProducts(products: RawProductData[]): Product[] {\n  if (!products?.length) return [];\n\n  return products.map(transformProduct);\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 { REQUISITION_LIST_FRAGMENT } from '@/requisitionList/api/fragments/RequisitionListFragment.graphql';\nimport { REQUISITION_LIST_ITEMS_FRAGMENT } from '@/requisitionList/api/fragments/RequisitionListItemsFragment.graphql';\n\nexport const GET_REQUISITION_LIST_QUERY = `\n  query GET_REQUISITION_LIST_QUERY(\n    $requisitionListUid: String,\n    $currentPage: Int = 1,\n    $pageSize: Int = 10,\n  ) {\n    customer {\n      requisition_lists (\n        filter: {\n          uids: {\n            eq: $requisitionListUid\n          }\n        }\n      ){\n        items {\n          ...REQUISITION_LIST_FRAGMENT\n          items(pageSize: $pageSize, currentPage: $currentPage) {\n            ...REQUISITION_LIST_ITEMS_FRAGMENT\n          }\n        }\n      }\n    }\n  }\n${REQUISITION_LIST_ITEMS_FRAGMENT}\n${REQUISITION_LIST_FRAGMENT}\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 { GET_REQUISITION_LIST_QUERY } from '@/requisitionList/api/getRequisitionList/graphql/getRequisitionList';\nimport { transformRequisitionList } from '@/requisitionList/data/transforms';\nimport { fetchGraphQl } from '@/requisitionList/api';\nimport { handleFetchError } from '@/requisitionList/lib/fetch-error';\nimport { RequisitionList } from '@/requisitionList/data/models/requisitionList';\n\nexport const getRequisitionList = async (\n  requisitionListID: string,\n  currentPage?: number,\n  pageSize?: number\n): Promise<RequisitionList | null> => {\n  return fetchGraphQl(GET_REQUISITION_LIST_QUERY, {\n    variables: {\n      requisitionListUid: requisitionListID,\n      currentPage,\n      pageSize,\n    },\n  }).then(({ errors, data }) => {\n    if (errors) return handleFetchError(errors);\n\n    if (!data?.customer?.requisition_lists) {\n      return null;\n    }\n\n    return transformRequisitionList(data.customer.requisition_lists.items[0]);\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 { REQUISITION_LIST_FRAGMENT } from '@/requisitionList/api/fragments/RequisitionListFragment.graphql';\nimport { REQUISITION_LIST_ITEMS_FRAGMENT } from '@/requisitionList/api/fragments/RequisitionListItemsFragment.graphql';\n\nexport const UPDATE_REQUISITION_LIST_ITEMS_MUTATION = `\n  mutation UPDATE_REQUISITION_LIST_ITEMS_MUTATION(\n      $requisitionListUid: ID!, \n      $requisitionListItems: [UpdateRequisitionListItemsInput!]!,\n    ) {\n    updateRequisitionListItems(\n      requisitionListUid: $requisitionListUid\n      requisitionListItems: $requisitionListItems\n    ) {\n      requisition_list {\n      ...REQUISITION_LIST_FRAGMENT\n        items {\n          ...REQUISITION_LIST_ITEMS_FRAGMENT\n        }\n      }\n    }\n  }\n${REQUISITION_LIST_FRAGMENT}\n${REQUISITION_LIST_ITEMS_FRAGMENT}\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 { transformRequisitionList } from '@/requisitionList/data/transforms';\nimport { fetchGraphQl } from '@/requisitionList/api';\nimport { handleFetchError } from '@/requisitionList/lib/fetch-error';\nimport { RequisitionList } from '@/requisitionList/data/models/requisitionList';\nimport { UPDATE_REQUISITION_LIST_ITEMS_MUTATION } from '@/requisitionList/api/updateRequisitionListItems/graphql/updateRequisitionListItems';\n\nexport const updateRequisitionListItems = async (\n  requisitionListUid: string,\n  requisitionListItems: Array<UpdateRequisitionListItemsInput>\n): Promise<RequisitionList | null> => {\n  return fetchGraphQl(UPDATE_REQUISITION_LIST_ITEMS_MUTATION, {\n    variables: {\n      requisitionListUid,\n      requisitionListItems,\n    },\n  }).then(({ errors, data }) => {\n    if (errors) return handleFetchError(errors);\n\n    return transformRequisitionList(\n      data.updateRequisitionListItems.requisition_list\n    );\n  });\n};\n\ntype UpdateRequisitionListItemsInput = {\n  item_id: string;\n  quantity?: number;\n  entered_options?: Array<{ uid: string; value: string }>;\n  selected_options?: Array<string>;\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\nexport const ADD_REQUISITION_LIST_ITEMS_TO_CART_MUTATION = `\n  mutation ADD_REQUISITION_LIST_ITEMS_TO_CART_MUTATION(\n      $requisitionListUid: ID!, \n      $requisitionListItemUids: [ID!]!\n    ) {\n    addRequisitionListItemsToCart(\n      requisitionListUid: $requisitionListUid\n      requisitionListItemUids: $requisitionListItemUids\n    ) {\n      status\n      add_requisition_list_items_to_cart_user_errors {\n        message\n        type\n      }\n    }\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 { fetchGraphQl } from '@/requisitionList/api';\nimport { handleFetchError } from '@/requisitionList/lib/fetch-error';\nimport { ADD_REQUISITION_LIST_ITEMS_TO_CART_MUTATION } from '@/requisitionList/api/addRequisitionListItemsToCart/graphql/addRequisitionListItemsToCart';\n\nexport const addRequisitionListItemsToCart = async (\n  requisitionListUid: string,\n  requisitionListItemUids: Array<string>\n): Promise<Array<string> | null> => {\n  return fetchGraphQl(ADD_REQUISITION_LIST_ITEMS_TO_CART_MUTATION, {\n    variables: {\n      requisitionListUid,\n      requisitionListItemUids,\n    },\n  }).then(({ errors, data }) => {\n    if (errors) return handleFetchError(errors);\n\n    if (\n      data.addRequisitionListItemsToCart\n        .add_requisition_list_items_to_cart_user_errors?.length\n    ) {\n      return data.addRequisitionListItemsToCart.add_requisition_list_items_to_cart_user_errors.map(\n        (e: any) => e.type\n      );\n    }\n\n    return null;\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\nexport const PRODUCT_FRAGMENT = `\nfragment PRODUCT_FRAGMENT on ProductView {\n  __typename\n  id\n  sku\n  name\n  shortDescription\n  metaDescription\n  metaKeyword\n  metaTitle\n  description\n  inStock\n  addToCartAllowed\n  url\n  urlKey\n  externalId\n  images(roles: []) {\n    url\n    label\n    roles\n  }\n  attributes(roles: []) {\n    name\n    label\n    value\n    roles\n  }\n  ... on SimpleProductView {\n    price {\n      roles\n      regular {\n        amount {\n          value\n          currency\n        }\n      }\n      final {\n        amount {\n          value\n          currency\n        }\n      }\n    }\n  }\n  ... on ComplexProductView {\n    options {\n      ...PRODUCT_OPTION_FRAGMENT\n    }\n    ...PRICE_RANGE_FRAGMENT\n  }\n}\nfragment PRODUCT_OPTION_FRAGMENT on ProductViewOption {\n  id\n  title\n  required\n  multi\n  values {\n    id\n    title\n    inStock\n    __typename\n    ... on ProductViewOptionValueProduct {\n      title\n      quantity\n      isDefault\n      __typename\n      product {\n        sku\n        shortDescription\n        metaDescription\n        metaKeyword\n        metaTitle\n        name\n        price {\n          final {\n            amount {\n              value\n              currency\n            }\n          }\n          regular {\n            amount {\n              value\n              currency\n            }\n          }\n          roles\n        }\n      }\n    }\n    ... on ProductViewOptionValueSwatch {\n      id\n      title\n      type\n      value\n      inStock\n    }\n  }\n}\nfragment PRICE_RANGE_FRAGMENT on ComplexProductView {\n  priceRange {\n    maximum {\n      final {\n        amount {\n          value\n          currency\n        }\n      }\n      regular {\n        amount {\n          value\n          currency\n        }\n      }\n      roles\n    }\n    minimum {\n      final {\n        amount {\n          value\n          currency\n        }\n      }\n      regular {\n        amount {\n          value\n          currency\n        }\n      }\n      roles\n    }\n  }\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 { PRODUCT_FRAGMENT } from '@/requisitionList/api/fragments/ProductFragment.graphql';\n\nexport const GET_PRODUCT_DATA_QUERY = `\n  query GET_PRODUCT_DATA($skus: [String]) {\n    products(skus: $skus) {\n      ...PRODUCT_FRAGMENT\n    }\n  }\n  ${PRODUCT_FRAGMENT}\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 { transformProducts } from '@/requisitionList/data/transforms';\nimport { fetchGraphQl } from '@/requisitionList/api';\nimport { handleFetchError } from '@/requisitionList/lib/fetch-error';\nimport { GET_PRODUCT_DATA_QUERY } from './graphql/getProductData';\nimport { Product } from '@/requisitionList/data/models/item';\n\nexport const getProductData = async (\n  skus: string[]\n): Promise<Product[] | null> => {\n  return fetchGraphQl(GET_PRODUCT_DATA_QUERY, {\n    variables: {\n      skus,\n    },\n  }).then(({ errors, data }) => {\n    if (errors) return handleFetchError(errors);\n\n    if (!data?.products) {\n      return null;\n    }\n\n    return transformProducts(data.products);\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 { REQUISITION_LIST_FRAGMENT } from '@/requisitionList/api/fragments/RequisitionListFragment.graphql';\nimport { REQUISITION_LIST_ITEMS_FRAGMENT } from '@/requisitionList/api/fragments/RequisitionListItemsFragment.graphql';\n\nexport const DELETE_REQUISITION_LIST_ITEMS_MUTATION = `\n  mutation DELETE_REQUISITION_LIST_ITEMS_MUTATION(\n      $requisitionListUid: ID!, \n      $requisitionListItemUids: [ID!]!\n    ) {\n    deleteRequisitionListItems(\n      requisitionListUid: $requisitionListUid\n      requisitionListItemUids: $requisitionListItemUids\n    ) {\n      requisition_list {\n        ...REQUISITION_LIST_FRAGMENT\n        items {\n          ...REQUISITION_LIST_ITEMS_FRAGMENT\n        }\n      }\n    }\n  }\n${REQUISITION_LIST_FRAGMENT}\n${REQUISITION_LIST_ITEMS_FRAGMENT}\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 { RequisitionList } from '@/requisitionList/data/models/requisitionList';\nimport { fetchGraphQl } from '@/requisitionList/api';\nimport { DELETE_REQUISITION_LIST_ITEMS_MUTATION } from '@/requisitionList/api/deleteRequisitionListItems/graphql/deleteRequisitionListItems';\nimport { handleFetchError } from '@/requisitionList/lib/fetch-error';\nimport { transformRequisitionList } from '@/requisitionList/data/transforms';\n\nexport const deleteRequisitionListItems = async (\n  requisitionListUid: string,\n  items: Array<string>\n): Promise<RequisitionList | null> => {\n  return fetchGraphQl(DELETE_REQUISITION_LIST_ITEMS_MUTATION, {\n    variables: {\n      requisitionListUid,\n      requisitionListItemUids: items,\n    },\n  }).then(({ errors, data }) => {\n    if (errors) return handleFetchError(errors);\n\n    return transformRequisitionList(\n      data.deleteRequisitionListItems.requisition_list\n    );\n  });\n};\n"],"names":["transformProduct","data","_a","image","transformProducts","products","GET_REQUISITION_LIST_QUERY","REQUISITION_LIST_ITEMS_FRAGMENT","REQUISITION_LIST_FRAGMENT","getRequisitionList","requisitionListID","currentPage","pageSize","fetchGraphQl","errors","handleFetchError","transformRequisitionList","UPDATE_REQUISITION_LIST_ITEMS_MUTATION","updateRequisitionListItems","requisitionListUid","requisitionListItems","ADD_REQUISITION_LIST_ITEMS_TO_CART_MUTATION","addRequisitionListItemsToCart","requisitionListItemUids","e","PRODUCT_FRAGMENT","GET_PRODUCT_DATA_QUERY","getProductData","skus","DELETE_REQUISITION_LIST_ITEMS_MUTATION","deleteRequisitionListItems","items"],"mappings":"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"}

package/components/RequisitionListView/RequisitionListView.d.ts

@@ -1,29 +0,0 @@
-import { HTMLAttributes } from 'preact/compat';
-import { RequisitionList } from '../../data/models/requisitionList';
-
-export interface RequisitionListViewProps extends HTMLAttributes<HTMLDivElement> {
-    currentRequisitionList: RequisitionList;
-    loadingProducts?: boolean;
-    productError?: string | null;
-    selectedItems: Set<string>;
-    deletingItemId: string | null;
-    deleteError: string | null;
-    addingToCartItemId: string | null;
-    addToCartError: string | null;
-    bulkAddingToCart: boolean;
-    updatingQuantityItemId: string | null;
-    updateQuantityError: string | null;
-    onItemSelection: (itemUid: string, isSelected: boolean) => void;
-    onSelectAll: () => void;
-    onSelectNone: () => void;
-    onAddToCart: (itemUid: string) => void;
-    onBulkAddToCart: () => void;
-    onBulkDelete: () => void;
-    onUpdateQuantity: (itemUid: string, newQuantity: number) => void;
-    onDeleteItem: (itemUid: string) => void;
-    onPageChange?: (page: number) => void;
-    loadingPage?: boolean;
-    routeRequisitionListGrid?: () => string | void;
-}
-export declare const RequisitionListView: ({ currentRequisitionList, loadingProducts, productError, selectedItems, deletingItemId, deleteError, addingToCartItemId, addToCartError, bulkAddingToCart, updatingQuantityItemId, updateQuantityError, onItemSelection, onSelectAll, onSelectNone, onAddToCart, onBulkAddToCart, onBulkDelete, onUpdateQuantity, onDeleteItem, onPageChange, loadingPage, routeRequisitionListGrid, }: RequisitionListViewProps) => import("preact/compat").JSX.Element;
-//# sourceMappingURL=RequisitionListView.d.ts.map

package/components/RequisitionListView/index.d.ts

@@ -1,3 +0,0 @@
-export { RequisitionListView } from './RequisitionListView';
-export type { RequisitionListViewProps } from './RequisitionListView';
-//# sourceMappingURL=index.d.ts.map