@dropins/storefront-quick-order 0.0.1-alpha1 → 0.1.2-alpha2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/api/getStoreConfig/getStoreConfig.d.ts +22 -0
- package/api/getStoreConfig/graphql/getStoreConfig.graphql.d.ts +18 -0
- package/api/getStoreConfig/index.d.ts +18 -0
- package/api/index.d.ts +1 -0
- package/api/initialize/initialize.d.ts +1 -0
- package/api.js +1 -1
- package/api.js.map +1 -1
- package/chunks/QuickOrderDisabledOverlay.js +4 -0
- package/chunks/QuickOrderDisabledOverlay.js.map +1 -0
- package/chunks/initialize.js +10 -0
- package/chunks/initialize.js.map +1 -0
- package/components/QuickOrderDisabledOverlay/QuickOrderDisabledOverlay.d.ts +5 -0
- package/components/QuickOrderDisabledOverlay/index.d.ts +19 -0
- package/components/QuickOrderNotificationBanner/QuickOrderNotificationBanner.d.ts +5 -0
- package/components/QuickOrderNotificationBanner/index.d.ts +19 -0
- package/components/index.d.ts +2 -0
- package/containers/QuickOrderCsvUpload.js +2 -2
- package/containers/QuickOrderCsvUpload.js.map +1 -1
- package/containers/QuickOrderItems.js +1 -1
- package/containers/QuickOrderItems.js.map +1 -1
- package/containers/QuickOrderMultipleSku.js +1 -1
- package/containers/QuickOrderMultipleSku.js.map +1 -1
- package/hooks/index.d.ts +1 -0
- package/hooks/useQuickOrderItems.d.ts +1 -1
- package/hooks/useSearch.d.ts +27 -0
- package/i18n/en_US.json.d.ts +10 -2
- package/lib/fetch-error.d.ts +21 -0
- package/lib/index.d.ts +1 -0
- package/lib/isItemValid.d.ts +9 -0
- package/lib/network-error.d.ts +22 -0
- package/lib/searchKeyboardNavigation.d.ts +19 -12
- package/lib/validateOrderItems.d.ts +28 -0
- package/package.json +1 -1
- package/render.js +2 -3
- package/render.js.map +1 -1
- package/types/index.d.ts +2 -0
- package/types/quickOrderCsvUpload.types.d.ts +3 -2
- package/types/quickOrderDisabledOverlay.types.d.ts +22 -0
- package/types/quickOrderItems.types.d.ts +16 -4
- package/types/quickOrderMultipleSku.types.d.ts +1 -0
- package/types/quickOrderNotificationBanner.types.d.ts +33 -0
- package/chunks/CsvFileInput.js +0 -4
- package/chunks/CsvFileInput.js.map +0 -1
- package/chunks/Search.js +0 -4
- package/chunks/Search.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QuickOrderItems.js","sources":["/@dropins/storefront-quick-order/src/lib/processFormOptions.ts","/@dropins/storefront-quick-order/src/lib/buildCartItem.ts","/@dropins/storefront-quick-order/src/configs/order-item.config.ts","/@dropins/storefront-quick-order/src/lib/mapProductsToOrderItems.ts","/@dropins/storefront-quick-order/src/lib/validateOrderItems.ts","/@dropins/storefront-quick-order/src/lib/getItemScope.ts","/@dropins/storefront-quick-order/src/lib/generateItemId.ts","/@dropins/storefront-quick-order/src/lib/findDuplicateItem.ts","/@dropins/storefront-quick-order/src/lib/mergeDuplicateItems.ts","/@dropins/storefront-quick-order/src/lib/replaceOrAddItems.ts","/@dropins/storefront-quick-order/src/lib/updateItemInList.ts","/@dropins/storefront-quick-order/src/lib/buildCartItemsFromForms.ts","/@dropins/storefront-quick-order/src/lib/productOptionsStorage.ts","/@dropins/storefront-quick-order/src/hooks/useQuickOrderItems.tsx","/@dropins/storefront-quick-order/src/containers/QuickOrderItems/QuickOrderItems.tsx"],"sourcesContent":["/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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\nconst STANDARD_FIELDS = [\n 'sku',\n 'parentSku',\n 'quantity',\n 'optionsUIDs',\n 'valid',\n 'productType',\n];\n\nexport interface ProcessedFormOptions {\n optionUIDs: string[];\n enteredOptions: { uid: string; value: string }[];\n}\n\n/**\n * Processes form data to extract product options\n * Separates base64-encoded configurable options (optionUIDs) from custom entered options\n */\nexport const processFormOptions = (\n formData: FormData\n): ProcessedFormOptions => {\n const optionUIDs: string[] = [];\n const enteredOptions: { uid: string; value: string }[] = [];\n\n formData.forEach((value, key) => {\n if (STANDARD_FIELDS.includes(key)) return;\n\n const valueStr = value as string;\n // Check if this is an option UID (base64 encoded configurable option)\n if (valueStr && valueStr.match(/^[A-Za-z0-9+/=]+$/)) {\n optionUIDs.push(valueStr);\n } else {\n enteredOptions.push({ uid: key, value: valueStr });\n }\n });\n\n return { optionUIDs, enteredOptions };\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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 { processFormOptions } from './processFormOptions';\n\nexport interface CartItem {\n sku: string;\n quantity: number;\n parentSku?: string;\n optionsUIDs?: string[];\n enteredOptions?: { uid: string; value: string }[];\n}\n\n/**\n * Builds a cart item object from form data\n * Extracts SKU, quantity, parent SKU, and product options\n */\nexport const buildCartItem = (formData: FormData): CartItem => {\n const quantityValue = Number(formData.get('quantity'));\n const quantity = !quantityValue || quantityValue < 1 ? 1 : quantityValue;\n\n const cartItem: CartItem = {\n sku: formData.get('sku') as string,\n quantity,\n };\n\n const parentSku = formData.get('parentSku');\n if (parentSku) {\n cartItem.parentSku = parentSku as string;\n }\n\n const { optionUIDs, enteredOptions } = processFormOptions(formData);\n\n if (optionUIDs.length > 0) {\n cartItem.optionsUIDs = optionUIDs;\n }\n\n if (enteredOptions.length > 0) {\n cartItem.enteredOptions = enteredOptions;\n }\n\n return cartItem;\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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 { OrderItem } from '@/b2b-quick-order/types/quickOrderItems.types';\n\nexport const DEFAULT_QUICK_ORDER_ITEM: OrderItem = {\n sku: '',\n quantity: 1,\n name: '',\n images: [],\n inStock: false,\n addToCartAllowed: false,\n isBundle: false,\n prices: {} as any,\n attributes: [],\n options: [],\n url: '',\n urlKey: '',\n externalId: '',\n productType: 'simple',\n shortDescription: '',\n metaDescription: '',\n metaKeyword: '',\n metaTitle: '',\n description: '',\n} as OrderItem;\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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 { OrderItem, OrderItemInput } from '@/b2b-quick-order/types';\nimport { DEFAULT_QUICK_ORDER_ITEM } from '@/b2b-quick-order/configs';\n\n/**\n * Maps fetched products to OrderItems\n * Creates error items for products not found in the response\n * @param requestedItems - Items that were requested\n * @param products - Products returned from API\n * @returns Array of OrderItems with proper quantity set\n */\nexport const mapProductsToOrderItems = (\n requestedItems: OrderItemInput[],\n products: OrderItem[]\n): OrderItem[] => {\n // Handle empty or undefined products array\n if (!products || !Array.isArray(products)) {\n return requestedItems.map((requestedItem) => ({\n ...DEFAULT_QUICK_ORDER_ITEM,\n sku: requestedItem.sku,\n quantity: requestedItem.quantity ?? 1,\n })) as OrderItem[];\n }\n\n return requestedItems.map((requestedItem) => {\n const foundProduct = products.find((p) => p?.sku === requestedItem?.sku);\n\n if (foundProduct) {\n return {\n ...foundProduct,\n ...(requestedItem.variantSku && {\n variantSku: requestedItem.variantSku,\n }),\n quantity: requestedItem.quantity ?? 1,\n };\n }\n\n // Product not found - create error item\n return {\n ...DEFAULT_QUICK_ORDER_ITEM,\n sku: requestedItem.sku,\n ...(requestedItem.variantSku && { variantSku: requestedItem.variantSku }),\n quantity: requestedItem.quantity ?? 1,\n } as OrderItem;\n });\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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 { OrderItem } from '@/b2b-quick-order/types';\n\n/**\n * Validates order items to determine if all items are ready for cart addition\n * @param items - Array of order items to validate\n * @returns true if all items are valid, false otherwise\n */\nexport const validateOrderItems = (items: OrderItem[]): boolean => {\n if (items.length === 0) {\n return false;\n }\n\n return items.every((item) => {\n const hasBasicData = (item.urlKey || item.url) && item.name;\n if (!hasBasicData) {\n return false;\n }\n\n // Check if item is in stock\n if (item.inStock === false) {\n return false;\n }\n\n if (item.options && item.options.length > 0) {\n const hasSelectedOption = item.options.some(\n (option) =>\n option.items &&\n option.items.length > 0 &&\n option.items.some((optionItem) => optionItem.selected === true)\n );\n return hasSelectedOption;\n }\n\n return true;\n });\n};\n\n/**\n * Get items that are out of stock\n * @param items - Array of order items to check\n * @returns Array of out of stock items with their names\n */\nexport const getOutOfStockItems = (\n items: OrderItem[]\n): Array<{ sku: string; name: string }> => {\n return items\n .filter((item) => item.inStock === false)\n .map((item) => ({\n sku: item.sku,\n name: item.name,\n }));\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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 { OrderItem } from '@/b2b-quick-order/types';\n\n/**\n * Get unique scope identifier for an item\n * Uses unique id if available, otherwise falls back to variantSku or sku\n */\nexport const getItemScope = (item: OrderItem): string => {\n const scopeKey = item.id || item.variantSku || item.sku;\n return `quick-order-item-${scopeKey}`;\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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\n/**\n * Generate unique ID for an item\n * Format: {sku}-{timestamp}-{random}\n */\nexport const generateItemId = (sku: string): string => {\n return `${sku}-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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 { OrderItem } from '@/b2b-quick-order/types';\n\n/**\n * Find duplicate item in the list based on multiple comparison strategies\n * Returns the index of the duplicate item, or -1 if not found\n *\n * Strategies:\n * 1. Both have variantSku - compare variants\n * 2. Existing has variantSku, new has sku - compare them\n * 3. New has variantSku, existing has sku - compare them\n * 4. Neither has variantSku - compare base SKU\n */\nexport const findDuplicateItem = (\n items: OrderItem[],\n newItem: OrderItem\n): number => {\n return items.findIndex((existing) => {\n // Strategy 1: Both have variantSku - compare variants\n if (newItem.variantSku && existing.variantSku) {\n return existing.variantSku === newItem.variantSku;\n }\n\n // Strategy 2: Existing has variantSku, new has sku - compare them\n // (e.g., existing configured product vs search result variant)\n if (existing.variantSku && !newItem.variantSku && newItem.sku) {\n return existing.variantSku === newItem.sku;\n }\n\n // Strategy 3: New has variantSku, existing has sku - compare them\n // (opposite of strategy 2)\n if (newItem.variantSku && !existing.variantSku && existing.sku) {\n return existing.sku === newItem.variantSku;\n }\n\n // Strategy 4: Neither has variantSku - compare base sku\n if (!newItem.variantSku && !existing.variantSku) {\n return existing.sku === newItem.sku;\n }\n\n return false;\n });\n};\n\n/**\n * Find duplicate item excluding a specific item by ID\n * Used when checking for duplicates after an item update\n */\nexport const findDuplicateItemExcluding = (\n items: OrderItem[],\n updatedItem: OrderItem,\n excludeItemId: string\n): number => {\n return items.findIndex((existing) => {\n // Skip the item being updated\n if (existing.id === excludeItemId) return false;\n\n // Check if updatedItem's variantSku matches existing item\n if (updatedItem.variantSku && existing.variantSku) {\n return existing.variantSku === updatedItem.variantSku;\n }\n\n // Check if updatedItem's variantSku matches existing item's sku\n if (updatedItem.variantSku && !existing.variantSku && existing.sku) {\n return existing.sku === updatedItem.variantSku;\n }\n\n return false;\n });\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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 { OrderItem } from '@/b2b-quick-order/types';\n\n/**\n * Merge duplicate items by removing the item at removeIndex and\n * adding its quantity to the item at mergeIntoIndex\n */\nexport const mergeDuplicateItems = (\n items: OrderItem[],\n removeIndex: number,\n mergeIntoIndex: number,\n quantityToAdd: number = 1\n): OrderItem[] => {\n return items\n .map((item, index) => {\n if (index === mergeIntoIndex) {\n // Increase quantity of the duplicate\n return {\n ...item,\n quantity: item.quantity + quantityToAdd,\n };\n } else if (index === removeIndex) {\n // Remove the item being merged\n return null;\n }\n return item;\n })\n .filter(Boolean) as OrderItem[];\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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 { OrderItem, OrderItemInput } from '@/b2b-quick-order/types';\nimport { findDuplicateItem } from './findDuplicateItem';\nimport { generateItemId } from './generateItemId';\n\nexport interface ReplaceOrAddItemsResult {\n updatedItems: OrderItem[];\n addedItems: OrderItem[];\n replacedItems: OrderItem[];\n mergedItems: OrderItem[];\n}\n\n/**\n * Replace, merge, or add items into existing list\n * Handles three scenarios:\n * 1. Replace: When inputItem has replaceItemSku, replace item at same position\n * - If new item already exists in list, collapse by removing replaced item and merging quantity\n * 2. Merge: When item exists, increase quantity\n * 3. Add: When item doesn't exist, add to end\n */\nexport const replaceOrAddItems = (\n existingItems: OrderItem[],\n newItems: OrderItem[],\n inputItems: OrderItemInput[]\n): ReplaceOrAddItemsResult => {\n const updatedItems = [...existingItems];\n const addedItems: OrderItem[] = [];\n const replacedItems: OrderItem[] = [];\n const mergedItems: OrderItem[] = [];\n\n newItems.forEach((newItem, index) => {\n const inputItem = inputItems[index];\n\n // Scenario 1: Replace existing item at same position\n if (inputItem?.replaceItemSku) {\n const replaceIndex = updatedItems.findIndex(\n (item) =>\n item.sku === inputItem.replaceItemSku ||\n item.id === inputItem.replaceItemSku\n );\n\n if (replaceIndex !== -1) {\n // Check if new item already exists elsewhere in the list (collapse case)\n const existingIndex = findDuplicateItem(updatedItems, newItem);\n\n if (existingIndex !== -1 && existingIndex !== replaceIndex) {\n // Item already exists - remove replaced item and merge quantity into existing\n updatedItems.splice(replaceIndex, 1);\n // Adjust index if existing item was after the removed one\n const adjustedIndex =\n existingIndex > replaceIndex ? existingIndex - 1 : existingIndex;\n updatedItems[adjustedIndex] = {\n ...updatedItems[adjustedIndex],\n quantity: updatedItems[adjustedIndex].quantity + newItem.quantity,\n };\n mergedItems.push(updatedItems[adjustedIndex]);\n } else {\n // Replace item at the same position\n const itemWithId = {\n ...newItem,\n id: generateItemId(newItem.sku),\n };\n updatedItems[replaceIndex] = itemWithId;\n replacedItems.push(itemWithId);\n }\n return;\n }\n // If item to replace not found, fall through to add logic\n }\n\n // Scenario 2 & 3: Merge or Add\n const existingIndex = findDuplicateItem(updatedItems, newItem);\n\n if (existingIndex !== -1) {\n // Item exists - merge by increasing quantity\n updatedItems[existingIndex] = {\n ...updatedItems[existingIndex],\n quantity: updatedItems[existingIndex].quantity + newItem.quantity,\n };\n mergedItems.push(updatedItems[existingIndex]);\n } else {\n // Item doesn't exist - add new with unique ID\n const itemWithId = {\n ...newItem,\n id: generateItemId(newItem.sku),\n };\n updatedItems.push(itemWithId);\n addedItems.push(itemWithId);\n }\n });\n\n return { updatedItems, addedItems, replacedItems, mergedItems };\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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 { OrderItem } from '@/b2b-quick-order/types';\nimport { findDuplicateItemExcluding } from './findDuplicateItem';\nimport { mergeDuplicateItems } from './mergeDuplicateItems';\n\nexport interface UpdateItemResult {\n updatedItems: OrderItem[];\n wasMerged: boolean;\n mergedIntoIndex?: number;\n}\n\n/**\n * Update a specific item in the list and check for duplicates\n * If duplicate is found, merge the items\n */\nexport const updateItemInList = (\n items: OrderItem[],\n itemId: string,\n updatedItem: OrderItem,\n currentQuantity: number = 1\n): UpdateItemResult => {\n // Check if the updated item's variantSku matches another existing item\n const duplicateIndex = itemId\n ? findDuplicateItemExcluding(items, updatedItem, itemId)\n : -1;\n\n if (duplicateIndex !== -1) {\n // Find the index of the item being updated\n const removingIndex = items.findIndex((prevItem) => prevItem.id === itemId);\n\n // Duplicate found - merge items\n return {\n updatedItems: mergeDuplicateItems(\n items,\n removingIndex,\n duplicateIndex,\n currentQuantity\n ),\n wasMerged: true,\n mergedIntoIndex: duplicateIndex,\n };\n }\n\n // No duplicate - just update the item\n const updatedItems = items.map((prevItem) => {\n if (itemId && prevItem.id === itemId) {\n // Match by ID - update with preserved ID\n return {\n ...prevItem,\n ...updatedItem,\n id: itemId,\n };\n } else if (!itemId && prevItem.sku === updatedItem.sku) {\n // Fallback for items without ID (backward compatibility)\n return {\n ...prevItem,\n ...updatedItem,\n };\n }\n return prevItem;\n });\n\n return {\n updatedItems,\n wasMerged: false,\n };\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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 { OrderItem } from '@/b2b-quick-order/types';\nimport { buildCartItem } from './buildCartItem';\n\n/**\n * Build cart items from forms for all order items\n * Only includes valid items (items with valid forms)\n */\nexport const buildCartItemsFromForms = (items: OrderItem[]) => {\n return items.map((item) => {\n const formId = item.id || item.sku;\n const form = document.forms[`form-${formId}` as any] as HTMLFormElement;\n if (!form) return null;\n\n const formData = new FormData(form);\n const isValid = formData.get('valid') === 'true';\n\n return isValid ? buildCartItem(formData) : null;\n });\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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\n/**\n * Extract optionsUIDs from various data formats\n */\nexport const extractOptionsUIDs = (valuesData: any): string[] => {\n let optionsUIDs: string[] = [];\n\n if (valuesData && typeof valuesData === 'object') {\n if (valuesData.optionsUIDs && Array.isArray(valuesData.optionsUIDs)) {\n optionsUIDs = valuesData.optionsUIDs;\n } else if (Array.isArray(valuesData)) {\n optionsUIDs = valuesData;\n }\n } else if (typeof valuesData === 'string') {\n optionsUIDs = [valuesData];\n }\n\n return optionsUIDs;\n};\n\n/**\n * Get options from localStorage\n */\nexport const getOptionsFromStorage = (\n storageKey: string\n): Record<string, string[]> => {\n try {\n const stored = localStorage.getItem(storageKey);\n if (stored) {\n return JSON.parse(stored);\n }\n } catch (e) {\n console.error('Error reading from localStorage:', e);\n }\n return {};\n};\n\n/**\n * Save options to localStorage\n */\nexport const saveOptionsToStorage = (\n storageKey: string,\n itemId: string,\n optionsUIDs: string[]\n): void => {\n if (optionsUIDs.length === 0) {\n return;\n }\n\n try {\n const storageData = getOptionsFromStorage(storageKey);\n storageData[itemId] = optionsUIDs;\n localStorage.setItem(storageKey, JSON.stringify(storageData));\n } catch (e) {\n console.error('Error saving to localStorage:', e);\n }\n};\n\n/**\n * Enrich cart items with selected options from storage\n */\nexport const enrichCartItemsWithOptions = <T extends { sku: string }>(\n cartItems: T[],\n items: Array<{ id?: string; sku: string; variantSku?: string }>,\n storageData: Record<string, string[]>\n): Array<T & { optionsUIDs?: string[] }> => {\n return cartItems.map((cartItem) => {\n const item = items.find((i) => {\n return cartItem.sku === i.sku || cartItem.sku === i.variantSku;\n });\n\n if (item) {\n const itemId = item.id || item.sku;\n const selectedOptions = storageData[itemId];\n\n if (selectedOptions && selectedOptions.length > 0) {\n return {\n ...cartItem,\n optionsUIDs: selectedOptions,\n };\n }\n }\n\n return cartItem;\n });\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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 { useCallback, useEffect, useState } from 'preact/hooks';\nimport {\n OrderItemInput,\n OrderItem,\n UseQuickOrderItemsProps,\n UseQuickOrderItemsReturn,\n} from '@/b2b-quick-order/types';\nimport { events } from '@adobe-commerce/event-bus';\nimport {\n mapProductsToOrderItems,\n validateOrderItems,\n getItemScope,\n replaceOrAddItems,\n updateItemInList,\n buildCartItemsFromForms,\n extractOptionsUIDs,\n saveOptionsToStorage,\n getOptionsFromStorage,\n enrichCartItemsWithOptions,\n} from '@/b2b-quick-order/lib';\n\nexport const useQuickOrderItems = ({\n getProductsData,\n onAddAllToCart,\n}: UseQuickOrderItemsProps = {}): UseQuickOrderItemsReturn => {\n const [items, setItems] = useState<OrderItem[]>([]);\n const [loading, setLoading] = useState(false);\n const [updatingItems, setUpdatingItems] = useState<Set<string>>(new Set());\n const [isDisabledButton, setIsDisabledButton] = useState(false);\n\n const STORAGE_KEY = 'quick-order-selected-options';\n\n const setDisabledCartButton = useCallback((disabled: boolean) => {\n setIsDisabledButton(disabled);\n }, []);\n\n useEffect(() => {\n const loadingEvent = events.on(\n 'quick-order/loading',\n (loadingState) => {\n setLoading(loadingState);\n },\n {\n eager: true,\n }\n );\n return () => {\n loadingEvent?.off();\n };\n }, []);\n\n useEffect(() => {\n const itemsEvent = events.on(\n 'quick-order/add-items',\n async (data: OrderItemInput[]) => {\n if (data && data.length > 0) {\n if (!getProductsData) {\n return;\n }\n\n setLoading(true);\n events.emit('quick-order/loading', true);\n const requestedSkus = data.map((item) => item.sku).filter(Boolean);\n setUpdatingItems(\n (prev) => new Set([...Array.from(prev), ...requestedSkus])\n );\n\n try {\n let newItems: OrderItem[] = [];\n try {\n const products = await getProductsData(data);\n setDisabledCartButton(data.length !== products.length);\n newItems = mapProductsToOrderItems(data, products);\n } catch (error) {\n console.error('Error fetching products data:', error);\n newItems = mapProductsToOrderItems(data, []);\n }\n\n // Merge or add items with deduplication logic\n setItems((prevItems) => {\n // Replace, merge or add new items in a single pass\n const { updatedItems, addedItems, mergedItems, replacedItems } =\n replaceOrAddItems(prevItems, newItems, data);\n\n // Emit update events for replaced items\n replacedItems.forEach((item) => {\n const scope = getItemScope(item);\n events.emit(`${scope}/pdp/data`, item);\n });\n\n // Emit update events for merged items\n mergedItems.forEach((item) => {\n const scope = getItemScope(item);\n events.emit(`${scope}/pdp/data`, item);\n });\n\n // Emit pdp/data events for newly added items\n addedItems.forEach((item) => {\n const scope = getItemScope(item);\n events.emit(`${scope}/pdp/data`, item);\n });\n\n return updatedItems;\n });\n } finally {\n setLoading(false);\n events.emit('quick-order/loading', false);\n setUpdatingItems(\n (prev) =>\n new Set(\n Array.from(prev).filter((sku) => !requestedSkus.includes(sku))\n )\n );\n }\n }\n },\n {\n eager: true,\n }\n );\n\n return () => {\n itemsEvent?.off();\n };\n }, [getProductsData, setDisabledCartButton]);\n\n // Listen to pdp/data events for reactive updates\n useEffect(() => {\n const scopesList = items.map((item) => {\n const scope = getItemScope(item);\n const itemId = item.id; // Capture the specific item's ID for this listener\n\n return events.on(`${scope}/pdp/data`, (updatedItem: OrderItem) => {\n setItems((prevItems) => {\n const result = updateItemInList(\n prevItems,\n itemId || '',\n updatedItem,\n item.quantity || 1\n );\n return result.updatedItems;\n });\n });\n });\n\n return () => {\n scopesList?.forEach((scope) => {\n scope?.off();\n });\n };\n }, [items]);\n\n useEffect(() => {\n const isValid = validateOrderItems(items);\n setDisabledCartButton(!isValid);\n }, [items, setDisabledCartButton]);\n\n useEffect(() => {\n const eventsList = items.map((item) => {\n const scope = getItemScope(item);\n const itemId = item.id || item.sku;\n\n return events.on(`${scope}/pdp/values`, (valuesData: any) => {\n const optionsUIDs = extractOptionsUIDs(valuesData);\n saveOptionsToStorage(STORAGE_KEY, itemId, optionsUIDs);\n });\n });\n\n return () => {\n eventsList.forEach((event) => {\n event?.off();\n });\n };\n }, [items, STORAGE_KEY]);\n\n const removeItem = useCallback((identifier: string) => {\n // identifier can be either item.id or item.sku for backward compatibility\n setItems((prevItems) =>\n prevItems.filter(\n (item) => item.id !== identifier && item.sku !== identifier\n )\n );\n }, []);\n\n const updateItemQuantity = useCallback((sku: string, quantity: number) => {\n setItems((prevItems) =>\n prevItems.map((item) => (item.sku === sku ? { ...item, quantity } : item))\n );\n }, []);\n\n const isItemUpdating = useCallback(\n (sku: string) => {\n return updatingItems.has(sku);\n },\n [updatingItems]\n );\n\n const handleAddToCart = useCallback(() => {\n const cartItems = buildCartItemsFromForms(items).filter(\n (item): item is NonNullable<typeof item> => item !== null\n );\n const storageData = getOptionsFromStorage(STORAGE_KEY);\n const enrichedCartItems = enrichCartItemsWithOptions(\n cartItems,\n items,\n storageData\n );\n\n if (onAddAllToCart) {\n onAddAllToCart(enrichedCartItems);\n } else {\n events.emit('quick-order/add-to-cart', enrichedCartItems);\n }\n }, [items, onAddAllToCart, STORAGE_KEY]);\n\n return {\n items,\n loading,\n removeItem,\n updateItemQuantity,\n handleAddToCart,\n isItemUpdating,\n isDisabledButton,\n setDisabledCartButton,\n };\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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 { QuickOrderItemsList } from '@/b2b-quick-order/components';\nimport { useQuickOrderItems } from '@/b2b-quick-order/hooks';\nimport { QuickOrderItemsProps } from '@/b2b-quick-order/types';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { classes, Container } from '@adobe-commerce/elsie/lib';\n\nexport const QuickOrderItems: Container<QuickOrderItemsProps> = ({\n className,\n slots,\n getProductsData,\n onAddAllToCart,\n productsSearch,\n searchFilter,\n}) => {\n const t = useText({\n title: 'QuickOrder.QuickOrderItem.title',\n quantity: 'QuickOrder.QuickOrderItem.quantity',\n price: 'QuickOrder.QuickOrderItem.price',\n remove: 'QuickOrder.QuickOrderItem.remove',\n removeItem: 'QuickOrder.QuickOrderItem.removeItem',\n showOptions: 'QuickOrder.QuickOrderItem.showOptions',\n hideOptions: 'QuickOrder.QuickOrderItem.hideOptions',\n additionalOptions: 'QuickOrder.QuickOrderItem.additionalOptions',\n noAdditionalOptions: 'QuickOrder.QuickOrderItem.noAdditionalOptions',\n emptyList: 'QuickOrder.QuickOrderItem.emptyList',\n sku: 'QuickOrder.QuickOrderItem.sku',\n loading: 'QuickOrder.QuickOrderItem.loading',\n productNotFound: 'QuickOrder.QuickOrderItem.productNotFound',\n productNotFoundDescription:\n 'QuickOrder.QuickOrderItem.productNotFoundDescription',\n productOptions: 'QuickOrder.QuickOrderItem.productOptions',\n configurableProductError:\n 'QuickOrder.QuickOrderItem.configurableProductError',\n configurableProductErrorDescription:\n 'QuickOrder.QuickOrderItem.configurableProductErrorDescription',\n addAllToCart: 'QuickOrder.QuickOrderItem.addAllToCart',\n configurableOptionsWarning:\n 'QuickOrder.QuickOrderItem.configurableOptionsWarning',\n configurableOptionsWarningDescription:\n 'QuickOrder.QuickOrderItem.configurableOptionsWarningDescription',\n outOfStock: 'QuickOrder.QuickOrderItem.outOfStock',\n searchPlaceholder: 'QuickOrder.Search.placeholder',\n searchAriaLabel: 'QuickOrder.Search.ariaLabel',\n searchEmptyState: 'QuickOrder.Search.emptyState',\n resultsAvailable: 'QuickOrder.Search.resultsAvailable',\n resultAvailable: 'QuickOrder.Search.resultAvailable',\n srInstructions: 'QuickOrder.Search.srInstructions',\n });\n\n const {\n items,\n loading,\n removeItem,\n updateItemQuantity,\n handleAddToCart,\n isItemUpdating,\n setDisabledCartButton,\n isDisabledButton,\n } = useQuickOrderItems({\n getProductsData,\n onAddAllToCart,\n });\n\n return (\n <div\n className={classes(['b2b-quick-order-quick-order-items', className])}\n data-testid=\"quick-order-items\"\n >\n <QuickOrderItemsList\n t={t}\n items={items}\n onRemove={removeItem}\n onUpdateQuantity={updateItemQuantity}\n handleAddToCart={handleAddToCart}\n isItemUpdating={isItemUpdating}\n slots={slots}\n loading={loading}\n setDisabledCartButton={setDisabledCartButton}\n isDisabledButton={isDisabledButton}\n productsSearch={productsSearch}\n searchFilter={searchFilter}\n />\n </div>\n );\n};\n"],"names":["STANDARD_FIELDS","processFormOptions","formData","optionUIDs","enteredOptions","value","key","valueStr","buildCartItem","quantityValue","quantity","cartItem","parentSku","DEFAULT_QUICK_ORDER_ITEM","mapProductsToOrderItems","requestedItems","products","requestedItem","foundProduct","p","validateOrderItems","items","item","option","optionItem","getItemScope","generateItemId","sku","findDuplicateItem","newItem","existing","findDuplicateItemExcluding","updatedItem","excludeItemId","mergeDuplicateItems","removeIndex","mergeIntoIndex","quantityToAdd","index","replaceOrAddItems","existingItems","newItems","inputItems","updatedItems","addedItems","replacedItems","mergedItems","inputItem","replaceIndex","existingIndex","adjustedIndex","itemWithId","updateItemInList","itemId","currentQuantity","duplicateIndex","removingIndex","prevItem","buildCartItemsFromForms","formId","form","extractOptionsUIDs","valuesData","optionsUIDs","getOptionsFromStorage","storageKey","stored","e","saveOptionsToStorage","storageData","enrichCartItemsWithOptions","cartItems","i","selectedOptions","useQuickOrderItems","getProductsData","onAddAllToCart","setItems","useState","loading","setLoading","updatingItems","setUpdatingItems","isDisabledButton","setIsDisabledButton","STORAGE_KEY","setDisabledCartButton","useCallback","disabled","useEffect","loadingEvent","events","loadingState","itemsEvent","data","requestedSkus","prev","error","prevItems","scope","scopesList","isValid","eventsList","event","removeItem","identifier","updateItemQuantity","isItemUpdating","handleAddToCart","enrichedCartItems","QuickOrderItems","className","slots","productsSearch","searchFilter","t","useText","jsx","classes","QuickOrderItemsList"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"QuickOrderItems.js","sources":["/@dropins/storefront-quick-order/src/lib/processFormOptions.ts","/@dropins/storefront-quick-order/src/lib/buildCartItem.ts","/@dropins/storefront-quick-order/src/configs/order-item.config.ts","/@dropins/storefront-quick-order/src/lib/mapProductsToOrderItems.ts","/@dropins/storefront-quick-order/src/lib/validateOrderItems.ts","/@dropins/storefront-quick-order/src/lib/getItemScope.ts","/@dropins/storefront-quick-order/src/lib/generateItemId.ts","/@dropins/storefront-quick-order/src/lib/findDuplicateItem.ts","/@dropins/storefront-quick-order/src/lib/mergeDuplicateItems.ts","/@dropins/storefront-quick-order/src/lib/replaceOrAddItems.ts","/@dropins/storefront-quick-order/src/lib/updateItemInList.ts","/@dropins/storefront-quick-order/src/lib/buildCartItemsFromForms.ts","/@dropins/storefront-quick-order/src/lib/productOptionsStorage.ts","/@dropins/storefront-quick-order/src/lib/isItemValid.ts","/@dropins/storefront-quick-order/src/hooks/useQuickOrderItems.tsx","/@dropins/storefront-quick-order/src/components/QuickOrderNotificationBanner/QuickOrderNotificationBanner.tsx","/@dropins/storefront-quick-order/src/containers/QuickOrderItems/QuickOrderItems.tsx"],"sourcesContent":["/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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\nconst STANDARD_FIELDS = [\n 'sku',\n 'parentSku',\n 'quantity',\n 'optionsUIDs',\n 'valid',\n 'productType',\n];\n\nexport interface ProcessedFormOptions {\n optionUIDs: string[];\n enteredOptions: { uid: string; value: string }[];\n}\n\n/**\n * Processes form data to extract product options\n * Separates base64-encoded configurable options (optionUIDs) from custom entered options\n */\nexport const processFormOptions = (\n formData: FormData\n): ProcessedFormOptions => {\n const optionUIDs: string[] = [];\n const enteredOptions: { uid: string; value: string }[] = [];\n\n formData.forEach((value, key) => {\n if (STANDARD_FIELDS.includes(key)) return;\n\n const valueStr = value as string;\n // Check if this is an option UID (base64 encoded configurable option)\n if (valueStr && valueStr.match(/^[A-Za-z0-9+/=]+$/)) {\n optionUIDs.push(valueStr);\n } else {\n enteredOptions.push({ uid: key, value: valueStr });\n }\n });\n\n return { optionUIDs, enteredOptions };\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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 { processFormOptions } from './processFormOptions';\n\nexport interface CartItem {\n sku: string;\n quantity: number;\n parentSku?: string;\n optionsUIDs?: string[];\n enteredOptions?: { uid: string; value: string }[];\n}\n\n/**\n * Builds a cart item object from form data\n * Extracts SKU, quantity, parent SKU, and product options\n */\nexport const buildCartItem = (formData: FormData): CartItem => {\n const quantityValue = Number(formData.get('quantity'));\n const quantity = !quantityValue || quantityValue < 1 ? 1 : quantityValue;\n\n const cartItem: CartItem = {\n sku: formData.get('sku') as string,\n quantity,\n };\n\n const parentSku = formData.get('parentSku');\n if (parentSku) {\n cartItem.parentSku = parentSku as string;\n }\n\n const { optionUIDs, enteredOptions } = processFormOptions(formData);\n\n if (optionUIDs.length > 0) {\n cartItem.optionsUIDs = optionUIDs;\n }\n\n if (enteredOptions.length > 0) {\n cartItem.enteredOptions = enteredOptions;\n }\n\n return cartItem;\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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 { OrderItem } from '@/b2b-quick-order/types/quickOrderItems.types';\n\nexport const DEFAULT_QUICK_ORDER_ITEM: OrderItem = {\n sku: '',\n quantity: 1,\n name: '',\n images: [],\n inStock: false,\n addToCartAllowed: false,\n isBundle: false,\n prices: {} as any,\n attributes: [],\n options: [],\n url: '',\n urlKey: '',\n externalId: '',\n productType: 'simple',\n shortDescription: '',\n metaDescription: '',\n metaKeyword: '',\n metaTitle: '',\n description: '',\n} as OrderItem;\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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 { OrderItem, OrderItemInput } from '@/b2b-quick-order/types';\nimport { DEFAULT_QUICK_ORDER_ITEM } from '@/b2b-quick-order/configs';\n\n/**\n * Maps fetched products to OrderItems\n * Creates error items for products not found in the response\n * @param requestedItems - Items that were requested\n * @param products - Products returned from API\n * @returns Array of OrderItems with proper quantity set\n */\nexport const mapProductsToOrderItems = (\n requestedItems: OrderItemInput[],\n products: OrderItem[]\n): OrderItem[] => {\n // Handle empty or undefined products array\n if (!products || !Array.isArray(products)) {\n return requestedItems.map((requestedItem) => ({\n ...DEFAULT_QUICK_ORDER_ITEM,\n sku: requestedItem.sku,\n quantity: requestedItem.quantity ?? 1,\n })) as OrderItem[];\n }\n\n return requestedItems.map((requestedItem) => {\n const foundProduct = products.find((p) => p?.sku === requestedItem?.sku);\n\n if (foundProduct) {\n return {\n ...foundProduct,\n ...(requestedItem.variantSku && {\n variantSku: requestedItem.variantSku,\n }),\n quantity: requestedItem.quantity ?? 1,\n };\n }\n\n // Product not found - create error item\n return {\n ...DEFAULT_QUICK_ORDER_ITEM,\n sku: requestedItem.sku,\n ...(requestedItem.variantSku && { variantSku: requestedItem.variantSku }),\n quantity: requestedItem.quantity ?? 1,\n } as OrderItem;\n });\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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 { OrderItem } from '@/b2b-quick-order/types';\n\n/**\n * Validates order items to determine if all items are ready for cart addition\n * @param items - Array of order items to validate\n * @returns true if all items are valid, false otherwise\n */\nexport const validateOrderItems = (items: OrderItem[]): boolean => {\n if (items.length === 0) {\n return false;\n }\n\n return items.every((item) => {\n const hasBasicData = (item.urlKey || item.url) && item.name;\n if (!hasBasicData) {\n return false;\n }\n\n if (item.inStock === false) {\n return false;\n }\n\n if (item.options && item.options.length > 0) {\n const hasRequiredOptions = item.options.some((opt) => opt.required);\n\n if (hasRequiredOptions) {\n // Required options: all must be selected\n return item.options.every((opt) => {\n if (!opt.required) return true;\n return opt.items?.some((optItem) => optItem.selected);\n });\n }\n\n // Optional options: at least one must be selected\n const hasSelectedOption = item.options.some(\n (option) =>\n option.items &&\n option.items.length > 0 &&\n option.items.some((optionItem) => optionItem.selected === true)\n );\n return hasSelectedOption;\n }\n\n return true;\n });\n};\n\n/**\n * Get items that are out of stock\n * @param items - Array of order items to check\n * @returns Array of out of stock items with their names\n */\nexport const getOutOfStockItems = (\n items: OrderItem[]\n): Array<{ sku: string; name: string }> => {\n return items\n .filter((item) => item.inStock === false)\n .map((item) => ({\n sku: item.sku,\n name: item.name,\n }));\n};\n\n/**\n * Get items with missing required options\n * @param items - Array of order items to check\n * @returns Array of items missing required options\n */\nexport const getItemsMissingOptions = (\n items: OrderItem[]\n): Array<{ sku: string; name: string }> => {\n return items\n .filter((item) => {\n if (!item.options || item.options.length === 0) {\n return false;\n }\n const hasSelectedOption = item.options.some(\n (option) =>\n option.items &&\n option.items.length > 0 &&\n option.items.some((optionItem) => optionItem.selected === true)\n );\n return !hasSelectedOption;\n })\n .map((item) => ({\n sku: item.sku,\n name: item.name,\n }));\n};\n\n/**\n * Get items with incomplete data\n * @param items - Array of order items to check\n * @returns Array of items with incomplete data\n */\nexport const getItemsWithIncompleteData = (\n items: OrderItem[]\n): Array<{ sku: string; name: string }> => {\n return items\n .filter((item) => {\n const hasBasicData = (item.urlKey || item.url) && item.name;\n return !hasBasicData;\n })\n .map((item) => ({\n sku: item.sku,\n name: item.name || 'Unknown',\n }));\n};\n\n/**\n * Get all items with validation errors\n * @param items - Array of order items to check\n * @returns Array of all items with validation errors and their SKUs\n */\nexport const getInvalidItems = (\n items: OrderItem[]\n): Array<{ sku: string; name: string; reason: string }> => {\n const invalidItems: Array<{ sku: string; name: string; reason: string }> = [];\n\n items.forEach((item) => {\n const hasBasicData = (item.urlKey || item.url) && item.name;\n\n if (!hasBasicData) {\n invalidItems.push({\n sku: item.sku,\n name: item.name || 'Unknown',\n reason: 'incomplete_data',\n });\n return;\n }\n\n if (item.inStock === false) {\n invalidItems.push({\n sku: item.sku,\n name: item.name,\n reason: 'out_of_stock',\n });\n return;\n }\n\n if (item.options && item.options.length > 0) {\n const hasRequiredOptions = item.options.some((opt) => opt.required);\n\n if (hasRequiredOptions) {\n // Required options: all must be selected\n const allRequiredSelected = item.options.every((opt) => {\n if (!opt.required) return true;\n return opt.items?.some((optItem) => optItem.selected);\n });\n\n if (!allRequiredSelected) {\n invalidItems.push({\n sku: item.sku,\n name: item.name,\n reason: 'missing_required_options',\n });\n }\n return;\n }\n\n // Optional options: at least one must be selected\n const hasSelectedOption = item.options.some(\n (option) =>\n option.items &&\n option.items.length > 0 &&\n option.items.some((optionItem) => optionItem.selected === true)\n );\n if (!hasSelectedOption) {\n invalidItems.push({\n sku: item.sku,\n name: item.name,\n reason: 'missing_options',\n });\n }\n }\n });\n\n return invalidItems;\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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 { OrderItem } from '@/b2b-quick-order/types';\n\n/**\n * Get unique scope identifier for an item\n * Uses unique id if available, otherwise falls back to variantSku or sku\n */\nexport const getItemScope = (item: OrderItem): string => {\n const scopeKey = item.id || item.variantSku || item.sku;\n return `quick-order-item-${scopeKey}`;\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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\n/**\n * Generate unique ID for an item\n * Format: {sku}-{timestamp}-{random}\n */\nexport const generateItemId = (sku: string): string => {\n return `${sku}-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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 { OrderItem } from '@/b2b-quick-order/types';\n\n/**\n * Find duplicate item in the list based on multiple comparison strategies\n * Returns the index of the duplicate item, or -1 if not found\n *\n * Strategies:\n * 1. Both have variantSku - compare variants\n * 2. Existing has variantSku, new has sku - compare them\n * 3. New has variantSku, existing has sku - compare them\n * 4. Neither has variantSku - compare base SKU\n */\nexport const findDuplicateItem = (\n items: OrderItem[],\n newItem: OrderItem\n): number => {\n return items.findIndex((existing) => {\n // Strategy 1: Both have variantSku - compare variants\n if (newItem.variantSku && existing.variantSku) {\n return existing.variantSku === newItem.variantSku;\n }\n\n // Strategy 2: Existing has variantSku, new has sku - compare them\n // (e.g., existing configured product vs search result variant)\n if (existing.variantSku && !newItem.variantSku && newItem.sku) {\n return existing.variantSku === newItem.sku;\n }\n\n // Strategy 3: New has variantSku, existing has sku - compare them\n // (opposite of strategy 2)\n if (newItem.variantSku && !existing.variantSku && existing.sku) {\n return existing.sku === newItem.variantSku;\n }\n\n // Strategy 4: Neither has variantSku - compare base sku\n if (!newItem.variantSku && !existing.variantSku) {\n return existing.sku === newItem.sku;\n }\n\n return false;\n });\n};\n\n/**\n * Find duplicate item excluding a specific item by ID\n * Used when checking for duplicates after an item update\n */\nexport const findDuplicateItemExcluding = (\n items: OrderItem[],\n updatedItem: OrderItem,\n excludeItemId: string\n): number => {\n return items.findIndex((existing) => {\n // Skip the item being updated\n if (existing.id === excludeItemId) return false;\n\n // Check if updatedItem's variantSku matches existing item\n if (updatedItem.variantSku && existing.variantSku) {\n return existing.variantSku === updatedItem.variantSku;\n }\n\n // Check if updatedItem's variantSku matches existing item's sku\n if (updatedItem.variantSku && !existing.variantSku && existing.sku) {\n return existing.sku === updatedItem.variantSku;\n }\n\n return false;\n });\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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 { OrderItem } from '@/b2b-quick-order/types';\n\n/**\n * Merge duplicate items by removing the item at removeIndex and\n * adding its quantity to the item at mergeIntoIndex\n */\nexport const mergeDuplicateItems = (\n items: OrderItem[],\n removeIndex: number,\n mergeIntoIndex: number,\n quantityToAdd: number = 1\n): OrderItem[] => {\n return items\n .map((item, index) => {\n if (index === mergeIntoIndex) {\n // Increase quantity of the duplicate\n return {\n ...item,\n quantity: item.quantity + quantityToAdd,\n };\n } else if (index === removeIndex) {\n // Remove the item being merged\n return null;\n }\n return item;\n })\n .filter(Boolean) as OrderItem[];\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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 { OrderItem, OrderItemInput } from '@/b2b-quick-order/types';\nimport { findDuplicateItem } from './findDuplicateItem';\nimport { generateItemId } from './generateItemId';\n\nexport interface ReplaceOrAddItemsResult {\n updatedItems: OrderItem[];\n addedItems: OrderItem[];\n replacedItems: OrderItem[];\n mergedItems: OrderItem[];\n}\n\n/**\n * Replace, merge, or add items into existing list\n * Handles three scenarios:\n * 1. Replace: When inputItem has replaceItemSku, replace item at same position\n * - If new item already exists in list, collapse by removing replaced item and merging quantity\n * 2. Merge: When item exists, increase quantity\n * 3. Add: When item doesn't exist, add to end\n */\nexport const replaceOrAddItems = (\n existingItems: OrderItem[],\n newItems: OrderItem[],\n inputItems: OrderItemInput[]\n): ReplaceOrAddItemsResult => {\n const updatedItems = [...existingItems];\n const addedItems: OrderItem[] = [];\n const replacedItems: OrderItem[] = [];\n const mergedItems: OrderItem[] = [];\n\n newItems.forEach((newItem, index) => {\n const inputItem = inputItems[index];\n\n // Scenario 1: Replace existing item at same position\n if (inputItem?.replaceItemSku) {\n const replaceIndex = updatedItems.findIndex(\n (item) =>\n item.sku === inputItem.replaceItemSku ||\n item.id === inputItem.replaceItemSku\n );\n\n if (replaceIndex !== -1) {\n // Check if new item already exists elsewhere in the list (collapse case)\n const existingIndex = findDuplicateItem(updatedItems, newItem);\n\n if (existingIndex !== -1 && existingIndex !== replaceIndex) {\n // Item already exists - remove replaced item and merge quantity into existing\n updatedItems.splice(replaceIndex, 1);\n // Adjust index if existing item was after the removed one\n const adjustedIndex =\n existingIndex > replaceIndex ? existingIndex - 1 : existingIndex;\n updatedItems[adjustedIndex] = {\n ...updatedItems[adjustedIndex],\n quantity: updatedItems[adjustedIndex].quantity + newItem.quantity,\n };\n mergedItems.push(updatedItems[adjustedIndex]);\n } else {\n // Replace item at the same position\n const itemWithId = {\n ...newItem,\n id: generateItemId(newItem.sku),\n };\n updatedItems[replaceIndex] = itemWithId;\n replacedItems.push(itemWithId);\n }\n return;\n }\n // If item to replace not found, fall through to add logic\n }\n\n // Scenario 2 & 3: Merge or Add\n const existingIndex = findDuplicateItem(updatedItems, newItem);\n\n if (existingIndex !== -1) {\n // Item exists - merge by increasing quantity\n updatedItems[existingIndex] = {\n ...updatedItems[existingIndex],\n quantity: updatedItems[existingIndex].quantity + newItem.quantity,\n };\n mergedItems.push(updatedItems[existingIndex]);\n } else {\n // Item doesn't exist - add new with unique ID\n const itemWithId = {\n ...newItem,\n id: generateItemId(newItem.sku),\n };\n updatedItems.push(itemWithId);\n addedItems.push(itemWithId);\n }\n });\n\n return { updatedItems, addedItems, replacedItems, mergedItems };\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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 { OrderItem } from '@/b2b-quick-order/types';\nimport { findDuplicateItemExcluding } from './findDuplicateItem';\nimport { mergeDuplicateItems } from './mergeDuplicateItems';\n\nexport interface UpdateItemResult {\n updatedItems: OrderItem[];\n wasMerged: boolean;\n mergedIntoIndex?: number;\n}\n\n/**\n * Update a specific item in the list and check for duplicates\n * If duplicate is found, merge the items\n */\nexport const updateItemInList = (\n items: OrderItem[],\n itemId: string,\n updatedItem: OrderItem,\n currentQuantity: number = 1\n): UpdateItemResult => {\n // Check if the updated item's variantSku matches another existing item\n const duplicateIndex = itemId\n ? findDuplicateItemExcluding(items, updatedItem, itemId)\n : -1;\n\n if (duplicateIndex !== -1) {\n // Find the index of the item being updated\n const removingIndex = items.findIndex((prevItem) => prevItem.id === itemId);\n\n // Duplicate found - merge items\n return {\n updatedItems: mergeDuplicateItems(\n items,\n removingIndex,\n duplicateIndex,\n currentQuantity\n ),\n wasMerged: true,\n mergedIntoIndex: duplicateIndex,\n };\n }\n\n // No duplicate - just update the item\n const updatedItems = items.map((prevItem) => {\n if (itemId && prevItem.id === itemId) {\n // Match by ID - update with preserved ID\n return {\n ...prevItem,\n ...updatedItem,\n id: itemId,\n };\n } else if (!itemId && prevItem.sku === updatedItem.sku) {\n // Fallback for items without ID (backward compatibility)\n return {\n ...prevItem,\n ...updatedItem,\n };\n }\n return prevItem;\n });\n\n return {\n updatedItems,\n wasMerged: false,\n };\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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 { OrderItem } from '@/b2b-quick-order/types';\nimport { buildCartItem } from './buildCartItem';\n\n/**\n * Build cart items from forms for all order items\n * Only includes valid items (items with valid forms)\n */\nexport const buildCartItemsFromForms = (items: OrderItem[]) => {\n return items.map((item) => {\n const formId = item.id || item.sku;\n const form = document.forms[`form-${formId}` as any] as HTMLFormElement;\n if (!form) return null;\n\n const formData = new FormData(form);\n const isValid = formData.get('valid') === 'true';\n\n return isValid ? buildCartItem(formData) : null;\n });\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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\n/**\n * Extract optionsUIDs from various data formats\n */\nexport const extractOptionsUIDs = (valuesData: any): string[] => {\n let optionsUIDs: string[] = [];\n\n if (valuesData && typeof valuesData === 'object') {\n if (valuesData.optionsUIDs && Array.isArray(valuesData.optionsUIDs)) {\n optionsUIDs = valuesData.optionsUIDs;\n } else if (Array.isArray(valuesData)) {\n optionsUIDs = valuesData;\n }\n } else if (typeof valuesData === 'string') {\n optionsUIDs = [valuesData];\n }\n\n return optionsUIDs;\n};\n\n/**\n * Get options from localStorage\n */\nexport const getOptionsFromStorage = (\n storageKey: string\n): Record<string, string[]> => {\n try {\n const stored = localStorage.getItem(storageKey);\n if (stored) {\n return JSON.parse(stored);\n }\n } catch (e) {\n console.error('Error reading from localStorage:', e);\n }\n return {};\n};\n\n/**\n * Save options to localStorage\n */\nexport const saveOptionsToStorage = (\n storageKey: string,\n itemId: string,\n optionsUIDs: string[]\n): void => {\n if (optionsUIDs.length === 0) {\n return;\n }\n\n try {\n const storageData = getOptionsFromStorage(storageKey);\n storageData[itemId] = optionsUIDs;\n localStorage.setItem(storageKey, JSON.stringify(storageData));\n } catch (e) {\n console.error('Error saving to localStorage:', e);\n }\n};\n\n/**\n * Enrich cart items with selected options from storage\n */\nexport const enrichCartItemsWithOptions = <T extends { sku: string }>(\n cartItems: T[],\n items: Array<{ id?: string; sku: string; variantSku?: string }>,\n storageData: Record<string, string[]>\n): Array<T & { optionsUIDs?: string[] }> => {\n return cartItems.map((cartItem) => {\n const item = items.find((i) => {\n return cartItem.sku === i.sku || cartItem.sku === i.variantSku;\n });\n\n if (item) {\n const itemId = item.id || item.sku;\n const selectedOptions = storageData[itemId];\n\n if (selectedOptions && selectedOptions.length > 0) {\n return {\n ...cartItem,\n optionsUIDs: selectedOptions,\n };\n }\n }\n\n return cartItem;\n });\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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 { OrderItem } from '@/b2b-quick-order/types';\n\n/**\n * Check if an item is valid for adding to cart\n * @param item - The order item to validate\n * @returns true if item is invalid (should stay in notification), false if valid\n */\nexport const isItemInvalid = (item: OrderItem): boolean => {\n const hasBasicIssues = !item.inStock || !item.addToCartAllowed;\n\n if (item.options && item.options.length > 0) {\n // Options must be loaded before validation\n const optionsNotReady = item.options.some(\n (opt) => !opt.items || opt.items.length === 0\n );\n\n if (optionsNotReady) {\n return true;\n }\n\n const hasRequiredOptions = item.options.some((opt) => opt.required);\n\n if (hasRequiredOptions) {\n // Required options: all must be selected\n const allRequiredSelected = item.options.every((opt) => {\n if (!opt.required) return true;\n return opt.items?.some((optItem) => optItem.selected);\n });\n return hasBasicIssues || !allRequiredSelected;\n }\n\n // Optional options: at least one must be selected\n const hasSelectedOption = item.options.some(\n (option) =>\n option.items &&\n option.items.length > 0 &&\n option.items.some((optionItem) => optionItem.selected === true)\n );\n return hasBasicIssues || !hasSelectedOption;\n }\n\n return hasBasicIssues;\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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 { useCallback, useEffect, useRef, useState } from 'preact/hooks';\nimport {\n OrderItemInput,\n OrderItem,\n UseQuickOrderItemsProps,\n UseQuickOrderItemsReturn,\n} from '@/b2b-quick-order/types';\nimport { events } from '@adobe-commerce/event-bus';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport {\n mapProductsToOrderItems,\n validateOrderItems,\n getItemScope,\n replaceOrAddItems,\n updateItemInList,\n buildCartItemsFromForms,\n extractOptionsUIDs,\n saveOptionsToStorage,\n getOptionsFromStorage,\n enrichCartItemsWithOptions,\n getInvalidItems,\n isItemInvalid,\n} from '@/b2b-quick-order/lib';\n\nexport const useQuickOrderItems = ({\n getProductsData,\n handleAddToCart,\n}: UseQuickOrderItemsProps = {}): UseQuickOrderItemsReturn => {\n const [items, setItems] = useState<OrderItem[]>([]);\n const [loading, setLoading] = useState(false);\n const [updatingItems, setUpdatingItems] = useState<Set<string>>(new Set());\n const [isDisabledButton, setIsDisabledButton] = useState(false);\n const [notification, setNotification] = useState<{\n type: 'validation' | 'partial-success' | 'success' | 'backend-error';\n variant: 'success' | 'warning' | 'neutral' | 'brand';\n message: string;\n details?: string;\n count?: number;\n clickableSkus?: string[];\n } | null>(null);\n const [attemptedSkus, setAttemptedSkus] = useState<string[]>([]);\n const attemptedSkusRef = useRef<string[]>([]);\n\n const t = useText({\n validationError: 'QuickOrder.QuickOrderItem.notification.validationError',\n backendError: 'QuickOrder.QuickOrderItem.notification.backendError',\n success: 'QuickOrder.QuickOrderItem.notification.success',\n partialSuccess: 'QuickOrder.QuickOrderItem.notification.partialSuccess',\n unexpectedError: 'QuickOrder.QuickOrderItem.notification.unexpectedError',\n });\n\n const STORAGE_KEY = 'quick-order-selected-options';\n\n const dismissNotification = useCallback(() => {\n setNotification(null);\n }, []);\n\n const setDisabledCartButton = useCallback((disabled: boolean) => {\n setIsDisabledButton(disabled);\n }, []);\n\n useEffect(() => {\n const loadingEvent = events.on(\n 'quick-order/loading',\n (loadingState) => {\n setLoading(loadingState);\n },\n {\n eager: true,\n }\n );\n return () => {\n loadingEvent?.off();\n };\n }, []);\n\n useEffect(() => {\n const itemsEvent = events.on(\n 'quick-order/add-items',\n async (eventPayload: OrderItemInput[]) => {\n if (eventPayload && eventPayload.length > 0) {\n if (!getProductsData) {\n return;\n }\n\n setLoading(true);\n events.emit('quick-order/loading', true);\n const requestedSkus = eventPayload\n .map((item) => item.sku)\n .filter(Boolean);\n setUpdatingItems(\n (prev) => new Set([...Array.from(prev), ...requestedSkus])\n );\n\n try {\n let newItems: OrderItem[] = [];\n try {\n const fetchedProducts =\n (await getProductsData(eventPayload)) ?? [];\n setDisabledCartButton(\n eventPayload.length !== fetchedProducts.length\n );\n newItems = mapProductsToOrderItems(eventPayload, fetchedProducts);\n } catch (error) {\n console.error('Error fetching products data:', error);\n newItems = mapProductsToOrderItems(eventPayload, []);\n }\n\n const invalidNewItems = getInvalidItems(newItems);\n if (invalidNewItems.length > 0) {\n const invalidSkus = invalidNewItems.map((item) => item.sku);\n setNotification((prev) => {\n if (prev?.type === 'validation' && prev.clickableSkus) {\n // Merge with existing validation SKUs\n const mergedSkus = [\n ...new Set([...prev.clickableSkus, ...invalidSkus]),\n ];\n return {\n ...prev,\n clickableSkus: mergedSkus,\n };\n }\n return {\n type: 'validation',\n variant: 'warning',\n message: t.validationError,\n clickableSkus: invalidSkus,\n };\n });\n }\n\n setItems((prevItems) => {\n const { updatedItems, addedItems, mergedItems, replacedItems } =\n replaceOrAddItems(prevItems, newItems, eventPayload);\n\n replacedItems.forEach((item) => {\n const scope = getItemScope(item);\n events.emit(`${scope}/pdp/data`, item);\n });\n\n mergedItems.forEach((item) => {\n const scope = getItemScope(item);\n events.emit(`${scope}/pdp/data`, item);\n });\n\n addedItems.forEach((item) => {\n const scope = getItemScope(item);\n events.emit(`${scope}/pdp/data`, item);\n });\n\n return updatedItems;\n });\n } finally {\n setLoading(false);\n events.emit('quick-order/loading', false);\n setUpdatingItems(\n (prev) =>\n new Set(\n Array.from(prev).filter((sku) => !requestedSkus.includes(sku))\n )\n );\n }\n }\n },\n {\n eager: true,\n }\n );\n\n return () => {\n itemsEvent?.off();\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [getProductsData, setDisabledCartButton]);\n\n useEffect(() => {\n const scopesList = items.map((item) => {\n const scope = getItemScope(item);\n const itemId = item.id; // Capture the specific item's ID for this listener\n\n return events.on(`${scope}/pdp/data`, (updatedItem: OrderItem) => {\n setItems((prevItems) => {\n const result = updateItemInList(\n prevItems,\n itemId || '',\n updatedItem,\n item.quantity || 1\n );\n return result.updatedItems;\n });\n });\n });\n\n return () => {\n scopesList?.forEach((scope) => {\n scope?.off();\n });\n };\n }, [items]);\n\n useEffect(() => {\n const isValid = validateOrderItems(items);\n setDisabledCartButton(!isValid);\n }, [items, setDisabledCartButton]);\n\n useEffect(() => {\n setNotification((prev) => {\n // Only process notifications with clickable SKUs\n if (!prev || !prev.clickableSkus || prev.clickableSkus.length === 0) {\n return prev;\n }\n\n const stillInvalidSkus = prev.clickableSkus.filter((sku) => {\n // Find ALL items with this SKU (could be multiple for configurable products)\n const matchingItems = items.filter(\n (i) => i.sku === sku || i.variantSku === sku\n );\n if (matchingItems.length === 0) return false; // Item removed\n\n // Keep SKU in notification if ANY matching item is invalid\n return matchingItems.some((item) => isItemInvalid(item));\n });\n\n // Clear notification only if all SKUs are valid\n if (stillInvalidSkus.length === 0) {\n return null;\n }\n\n // Update notification if SKUs changed\n if (stillInvalidSkus.length !== prev.clickableSkus.length) {\n return {\n ...prev,\n clickableSkus: stillInvalidSkus,\n };\n }\n\n return prev;\n });\n }, [items]);\n\n useEffect(() => {\n // If Add to Cart button is disabled and there are items,\n // but no validation notification is shown - display it\n if (!isDisabledButton || items.length === 0) {\n return;\n }\n\n setNotification((prev) => {\n // Don't override existing validation/partial-success notifications\n if (\n prev &&\n (prev.type === 'validation' || prev.type === 'partial-success')\n ) {\n return prev;\n }\n\n const invalidItems = getInvalidItems(items);\n if (invalidItems.length === 0) {\n return prev;\n }\n\n const invalidSkus = [...new Set(invalidItems.map((item) => item.sku))];\n\n // Only set notification if it doesn't already have the same SKUs\n const existingSkus = prev?.clickableSkus || [];\n const hasChanges =\n invalidSkus.length !== existingSkus.length ||\n !invalidSkus.every((sku) => existingSkus.includes(sku));\n\n if (hasChanges) {\n return {\n type: 'validation',\n variant: 'warning',\n message: t.validationError,\n clickableSkus: invalidSkus,\n };\n }\n\n return prev;\n });\n }, [isDisabledButton, items, t.validationError]);\n\n useEffect(() => {\n const eventsList = items.map((item) => {\n const scope = getItemScope(item);\n const itemId = item.id || item.sku;\n\n return events.on(`${scope}/pdp/values`, (valuesData: any) => {\n const optionsUIDs = extractOptionsUIDs(valuesData);\n saveOptionsToStorage(STORAGE_KEY, itemId, optionsUIDs);\n });\n });\n\n return () => {\n eventsList.forEach((event) => {\n event?.off();\n });\n };\n }, [items, STORAGE_KEY]);\n\n useEffect(() => {\n attemptedSkusRef.current = attemptedSkus;\n }, [attemptedSkus]);\n\n useEffect(() => {\n const successEvent = events.on('cart/product/added', (products: any[]) => {\n const addedCount = Array.isArray(products) ? products.length : 0;\n const addedSkus = Array.isArray(products)\n ? products.map((p: any) => p.sku).filter(Boolean)\n : [];\n\n if (attemptedSkus.length > 0) {\n const failedSkus = attemptedSkus.filter(\n (sku) => !addedSkus.includes(sku)\n );\n\n if (failedSkus.length > 0 && addedCount > 0) {\n setNotification({\n type: 'partial-success',\n variant: 'warning',\n message: t.partialSuccess,\n count: addedCount,\n clickableSkus: failedSkus,\n });\n setAttemptedSkus([]);\n }\n } else {\n // No tracking context - ignore event\n return;\n }\n });\n\n const errorEvent = events.on(\n 'quick-order/add-to-cart-error',\n (error: { message: string }) => {\n setNotification({\n type: 'backend-error',\n variant: 'warning',\n message: t.backendError,\n details: error.message,\n });\n setAttemptedSkus([]);\n }\n );\n\n return () => {\n successEvent?.off();\n errorEvent?.off();\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [attemptedSkus]);\n\n useEffect(() => {\n const cartDataEvent = events.on(\n 'cart/data',\n (cartData: any) => {\n if (\n attemptedSkusRef.current.length === 0 ||\n !cartData?.items ||\n cartData.items.length === 0\n ) {\n return;\n }\n\n // For configurable products, check both variant SKU and parent SKU\n const cartSkus = cartData.items.flatMap((item: any) => {\n const skus = [];\n if (item.sku) skus.push(item.sku);\n if (item.product?.sku) skus.push(item.product.sku);\n return skus;\n });\n\n const addedSkus = attemptedSkusRef.current.filter((sku) =>\n cartSkus.includes(sku)\n );\n\n if (addedSkus.length === 0) {\n return;\n }\n\n setNotification({\n type: 'success',\n variant: 'success',\n message: t.success,\n count: addedSkus.length,\n });\n\n setAttemptedSkus([]);\n events.emit('quick-order/loading', false);\n },\n {\n eager: true,\n }\n );\n\n return () => {\n cartDataEvent?.off();\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const removeItem = useCallback((identifier: string) => {\n setItems((prevItems) =>\n prevItems.filter(\n (item) => item.id !== identifier && item.sku !== identifier\n )\n );\n }, []);\n\n const clearItems = useCallback(() => {\n setItems([]);\n setNotification(null);\n }, []);\n\n const updateItemQuantity = useCallback((sku: string, quantity: number) => {\n setItems((prevItems) =>\n prevItems.map((item) => (item.sku === sku ? { ...item, quantity } : item))\n );\n }, []);\n\n const isItemUpdating = useCallback(\n (sku: string) => {\n return updatingItems.has(sku);\n },\n [updatingItems]\n );\n\n const addToCart = useCallback(() => {\n const cartItems = buildCartItemsFromForms(items).filter(\n (item): item is NonNullable<typeof item> => item !== null\n );\n\n if (items.length > 0) {\n const isValid = validateOrderItems(items);\n\n if (!isValid) {\n const invalidItems = getInvalidItems(items);\n const invalidSkus = invalidItems.map((item) => item.sku);\n\n setNotification({\n type: 'validation',\n variant: 'warning',\n message: t.validationError,\n clickableSkus: invalidSkus,\n });\n return;\n }\n }\n\n if (cartItems.length === 0) {\n // Only show validation error if we have items in state\n if (items.length > 0) {\n const invalidItems = getInvalidItems(items);\n const invalidSkus = invalidItems.map((item) => item.sku);\n\n setNotification({\n type: 'validation',\n variant: 'warning',\n message: t.validationError,\n clickableSkus: invalidSkus,\n });\n }\n return;\n }\n\n setNotification(null);\n\n // Only track SKUs from valid cart items that will actually be added\n const skusToAdd = cartItems\n .map((item) => item.sku)\n .filter((sku): sku is string => Boolean(sku));\n setAttemptedSkus(skusToAdd);\n\n const storageData = getOptionsFromStorage(STORAGE_KEY);\n const enrichedCartItems = enrichCartItemsWithOptions(\n cartItems,\n items,\n storageData\n );\n\n if (handleAddToCart) {\n events.emit('quick-order/loading', true);\n Promise.resolve(handleAddToCart(enrichedCartItems, clearItems))\n .then((errorMessage) => {\n if (errorMessage && typeof errorMessage === 'string') {\n setNotification({\n type: 'backend-error',\n variant: 'warning',\n message: t.backendError,\n details: errorMessage,\n });\n setAttemptedSkus([]);\n }\n })\n .catch((error) => {\n setNotification({\n type: 'backend-error',\n variant: 'warning',\n message: t.backendError,\n details: error.message || t.unexpectedError,\n });\n setAttemptedSkus([]);\n })\n .finally(() => {\n events.emit('quick-order/loading', false); // Emit loading event after add to cart process completes\n });\n } else {\n events.emit('quick-order/add-to-cart', enrichedCartItems);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [items, handleAddToCart, STORAGE_KEY]);\n\n return {\n items,\n loading,\n removeItem,\n clearItems,\n updateItemQuantity,\n addToCart,\n isItemUpdating,\n isDisabledButton,\n setDisabledCartButton,\n notification,\n dismissNotification,\n };\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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/compat';\nimport { AlertBanner } from '@adobe-commerce/elsie/components';\nimport { QuickOrderNotificationBannerProps } from '@/b2b-quick-order/types';\nimport '@/b2b-quick-order/components/QuickOrderNotificationBanner/QuickOrderNotificationBanner.css';\nimport { classes } from '@adobe-commerce/elsie/lib';\n\nexport const QuickOrderNotificationBanner: FunctionComponent<\n QuickOrderNotificationBannerProps\n> = ({\n notification,\n onDismiss,\n onSkuClick,\n validationErrorText,\n backendErrorText,\n successText,\n partialSuccessText,\n}) => {\n if (!notification) {\n return null;\n }\n\n const getMessage = () => {\n switch (notification.type) {\n case 'validation':\n return renderValidationMessage(\n validationErrorText,\n notification.clickableSkus,\n notification.details,\n onSkuClick\n );\n\n case 'partial-success':\n return renderPartialSuccessMessage(\n partialSuccessText,\n notification.message,\n notification.count,\n notification.clickableSkus,\n onSkuClick\n );\n\n case 'backend-error':\n return renderBackendErrorMessage(\n backendErrorText,\n notification.details\n );\n\n case 'success':\n return renderSuccessMessage(successText, notification.count);\n\n default:\n return <span>{notification.message}</span>;\n }\n };\n\n return (\n <div\n className={classes([\n 'b2b-quick-order-notification-banner',\n [\n `b2b-quick-order-notification-banner--${notification.variant}`,\n notification.variant,\n ],\n ])}\n >\n <AlertBanner\n variant={notification.variant}\n message={getMessage()}\n onDismiss={onDismiss}\n />\n </div>\n );\n};\n\nfunction renderClickableSkus(\n skus: string[],\n onSkuClick: (sku: string) => void\n) {\n return skus.map((sku, index) => (\n <span key={sku}>\n <a\n href=\"#\"\n onClick={(e) => {\n e.preventDefault();\n onSkuClick(sku);\n }}\n style={{\n cursor: 'pointer',\n textDecoration: 'underline',\n color: 'white',\n }}\n >\n {sku}\n </a>\n {index < skus.length - 1 ? ', ' : ''}\n </span>\n ));\n}\n\nfunction renderValidationMessage(\n baseMessage: string,\n clickableSkus: string[] | undefined,\n details: string | undefined,\n onSkuClick?: (sku: string) => void\n) {\n if (clickableSkus?.length && onSkuClick) {\n return (\n <span>\n {baseMessage} - {renderClickableSkus(clickableSkus, onSkuClick)}\n </span>\n );\n }\n\n return (\n <span>\n {baseMessage} - {details}\n </span>\n );\n}\n\nfunction renderPartialSuccessMessage(\n partialSuccessText: string | undefined,\n message: string,\n count: number | undefined,\n clickableSkus: string[] | undefined,\n onSkuClick?: (sku: string) => void\n) {\n if (!partialSuccessText) {\n return <span>{message}</span>;\n }\n\n const partialMessage = partialSuccessText\n .replace('{count}', String(count || 0))\n .replace('{total}', String((count || 0) + (clickableSkus?.length || 0)));\n\n if (clickableSkus?.length && onSkuClick) {\n return (\n <span>\n {partialMessage}: {renderClickableSkus(clickableSkus, onSkuClick)}\n </span>\n );\n }\n\n return (\n <span>\n {partialMessage}: {clickableSkus?.join(', ') || 'Unknown'}\n </span>\n );\n}\n\nfunction renderBackendErrorMessage(\n backendErrorText: string,\n details: string | undefined\n) {\n return (\n <span>\n {backendErrorText}\n {details ? ` - ${details}` : ''}\n </span>\n );\n}\n\nfunction renderSuccessMessage(successText: string, count: number | undefined) {\n if (count !== undefined) {\n return <span>{successText.replace('{count}', String(count))}</span>;\n }\n return <span>{successText}</span>;\n}\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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 {\n QuickOrderItemsList,\n QuickOrderNotificationBanner,\n QuickOrderDisabledOverlay,\n} from '@/b2b-quick-order/components';\nimport { useQuickOrderItems } from '@/b2b-quick-order/hooks';\nimport { QuickOrderItemsProps } from '@/b2b-quick-order/types';\nimport { config } from '@/b2b-quick-order/api/initialize';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { classes, Container } from '@adobe-commerce/elsie/lib';\nimport { useRef, useEffect } from 'preact/hooks';\n\nexport const QuickOrderItems: Container<QuickOrderItemsProps> = ({\n className,\n slots,\n getProductsData,\n handleAddToCart,\n productsSearch,\n searchFilter,\n}) => {\n const isQuickOrderActive = config.getConfig().quickOrderActive;\n const notificationRef = useRef<HTMLDivElement>(null);\n\n const t = useText({\n title: 'QuickOrder.QuickOrderItem.title',\n quantity: 'QuickOrder.QuickOrderItem.quantity',\n price: 'QuickOrder.QuickOrderItem.price',\n remove: 'QuickOrder.QuickOrderItem.remove',\n removeItem: 'QuickOrder.QuickOrderItem.removeItem',\n showOptions: 'QuickOrder.QuickOrderItem.showOptions',\n hideOptions: 'QuickOrder.QuickOrderItem.hideOptions',\n additionalOptions: 'QuickOrder.QuickOrderItem.additionalOptions',\n noAdditionalOptions: 'QuickOrder.QuickOrderItem.noAdditionalOptions',\n emptyList: 'QuickOrder.QuickOrderItem.emptyList',\n sku: 'QuickOrder.QuickOrderItem.sku',\n loading: 'QuickOrder.QuickOrderItem.loading',\n productNotFound: 'QuickOrder.QuickOrderItem.productNotFound',\n productNotFoundDescription:\n 'QuickOrder.QuickOrderItem.productNotFoundDescription',\n productOptions: 'QuickOrder.QuickOrderItem.productOptions',\n configurableProductError:\n 'QuickOrder.QuickOrderItem.configurableProductError',\n configurableProductErrorDescription:\n 'QuickOrder.QuickOrderItem.configurableProductErrorDescription',\n addAllToCart: 'QuickOrder.QuickOrderItem.addAllToCart',\n configurableOptionsWarning:\n 'QuickOrder.QuickOrderItem.configurableOptionsWarning',\n configurableOptionsWarningDescription:\n 'QuickOrder.QuickOrderItem.configurableOptionsWarningDescription',\n outOfStock: 'QuickOrder.QuickOrderItem.outOfStock',\n searchPlaceholder: 'QuickOrder.Search.placeholder',\n searchAriaLabel: 'QuickOrder.Search.ariaLabel',\n searchEmptyState: 'QuickOrder.Search.emptyState',\n resultsAvailable: 'QuickOrder.Search.resultsAvailable',\n resultAvailable: 'QuickOrder.Search.resultAvailable',\n srInstructions: 'QuickOrder.Search.srInstructions',\n notificationValidationError:\n 'QuickOrder.QuickOrderItem.notification.validationError',\n notificationBackendError:\n 'QuickOrder.QuickOrderItem.notification.backendError',\n notificationSuccess: 'QuickOrder.QuickOrderItem.notification.success',\n notificationPartialSuccess:\n 'QuickOrder.QuickOrderItem.notification.partialSuccess',\n disabledMessage: 'QuickOrder.QuickOrderItem.disabledMessage',\n });\n\n const {\n items,\n loading,\n removeItem,\n clearItems,\n updateItemQuantity,\n addToCart,\n isItemUpdating,\n setDisabledCartButton,\n isDisabledButton,\n notification,\n dismissNotification,\n } = useQuickOrderItems({\n getProductsData,\n handleAddToCart,\n });\n\n // Auto-scroll to notification banner when error appears\n useEffect(() => {\n if (\n notification &&\n notification.variant === 'warning' &&\n notificationRef.current\n ) {\n notificationRef.current.scrollIntoView({\n behavior: 'smooth',\n block: 'start',\n });\n }\n }, [notification]);\n\n const handleSkuClick = (sku: string) => {\n // Find the form element with matching data-sku attribute\n const formElement = document.querySelector(\n `form[data-sku=\"${sku}\"]`\n ) as HTMLElement;\n\n if (formElement) {\n // Scroll to the element with smooth behavior\n formElement.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n });\n }\n };\n\n return (\n <div\n className={classes([\n 'b2b-quick-order-quick-order-items',\n !isQuickOrderActive && 'b2b-quick-order-disabled',\n className,\n ])}\n data-testid=\"quick-order-items\"\n style={{ position: 'relative' }}\n >\n <div ref={notificationRef}>\n <QuickOrderNotificationBanner\n notification={notification}\n onDismiss={dismissNotification}\n onSkuClick={handleSkuClick}\n validationErrorText={t.notificationValidationError}\n backendErrorText={t.notificationBackendError}\n successText={t.notificationSuccess}\n partialSuccessText={t.notificationPartialSuccess}\n />\n </div>\n <QuickOrderDisabledOverlay\n isDisabled={!isQuickOrderActive}\n message={t.disabledMessage}\n >\n <QuickOrderItemsList\n t={t}\n items={items}\n onRemove={removeItem}\n clearItems={clearItems}\n onUpdateQuantity={updateItemQuantity}\n handleAddToCart={addToCart}\n isItemUpdating={isItemUpdating}\n slots={slots}\n loading={loading}\n setDisabledCartButton={setDisabledCartButton}\n isDisabledButton={isDisabledButton}\n productsSearch={productsSearch}\n searchFilter={searchFilter}\n />\n </QuickOrderDisabledOverlay>\n </div>\n );\n};\n"],"names":["STANDARD_FIELDS","processFormOptions","formData","optionUIDs","enteredOptions","value","key","valueStr","buildCartItem","quantityValue","quantity","cartItem","parentSku","DEFAULT_QUICK_ORDER_ITEM","mapProductsToOrderItems","requestedItems","products","requestedItem","foundProduct","p","validateOrderItems","items","item","opt","_a","optItem","option","optionItem","getInvalidItems","invalidItems","getItemScope","generateItemId","sku","findDuplicateItem","newItem","existing","findDuplicateItemExcluding","updatedItem","excludeItemId","mergeDuplicateItems","removeIndex","mergeIntoIndex","quantityToAdd","index","replaceOrAddItems","existingItems","newItems","inputItems","updatedItems","addedItems","replacedItems","mergedItems","inputItem","replaceIndex","existingIndex","adjustedIndex","itemWithId","updateItemInList","itemId","currentQuantity","duplicateIndex","removingIndex","prevItem","buildCartItemsFromForms","formId","form","extractOptionsUIDs","valuesData","optionsUIDs","getOptionsFromStorage","storageKey","stored","e","saveOptionsToStorage","storageData","enrichCartItemsWithOptions","cartItems","selectedOptions","isItemInvalid","hasBasicIssues","allRequiredSelected","hasSelectedOption","useQuickOrderItems","getProductsData","handleAddToCart","setItems","useState","loading","setLoading","updatingItems","setUpdatingItems","isDisabledButton","setIsDisabledButton","notification","setNotification","attemptedSkus","setAttemptedSkus","attemptedSkusRef","useRef","t","useText","STORAGE_KEY","dismissNotification","useCallback","setDisabledCartButton","disabled","useEffect","loadingEvent","events","loadingState","itemsEvent","eventPayload","requestedSkus","prev","fetchedProducts","error","invalidNewItems","invalidSkus","mergedSkus","prevItems","scope","scopesList","isValid","stillInvalidSkus","matchingItems","i","existingSkus","eventsList","event","successEvent","addedCount","addedSkus","failedSkus","errorEvent","cartDataEvent","cartData","cartSkus","skus","removeItem","identifier","clearItems","updateItemQuantity","isItemUpdating","addToCart","skusToAdd","enrichedCartItems","errorMessage","QuickOrderNotificationBanner","onDismiss","onSkuClick","validationErrorText","backendErrorText","successText","partialSuccessText","getMessage","renderValidationMessage","renderPartialSuccessMessage","renderBackendErrorMessage","renderSuccessMessage","jsx","classes","AlertBanner","renderClickableSkus","baseMessage","clickableSkus","details","message","count","partialMessage","QuickOrderItems","className","slots","productsSearch","searchFilter","isQuickOrderActive","config","notificationRef","handleSkuClick","formElement","jsxs","QuickOrderDisabledOverlay","QuickOrderItemsList"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! Copyright 2026 Adobe
|
|
2
2
|
All Rights Reserved. */
|
|
3
|
-
import{jsxs as
|
|
3
|
+
import{jsxs as A,jsx as o}from"@dropins/tools/preact-jsx-runtime.js";import{TextArea as Q,Button as L}from"@dropins/tools/components.js";import{c as q,d as v,Q as M}from"../chunks/QuickOrderDisabledOverlay.js";import{Slot as I,classes as _}from"@dropins/tools/lib.js";import{useState as h,useRef as g,useEffect as p,useCallback as b,useMemo as C}from"@dropins/tools/preact-hooks.js";import{events as x}from"@dropins/tools/event-bus.js";import"@dropins/tools/preact-compat.js";import{c as N}from"../chunks/initialize.js";import{useText as B}from"@dropins/tools/i18n.js";import"@dropins/tools/fetch-graphql.js";const y=({t,onChange:i,textAreaValue:r,loading:l,disabled:u})=>A("div",{className:q(["b2b-quick-order-sku-list-input"]),children:[o("div",{className:"b2b-quick-order-sku-list-input__title",children:t.title}),o(Q,{id:"quick-order-sku-list-input",label:t.label,className:"b2b-quick-order-sku-list-input__textarea",placeholder:t.textAreaPlaceholder,onChange:i,value:r,disabled:l||u}),o("div",{className:"b2b-quick-order-sku-list-input__message",children:t.helperText})]}),R=({onChange:t})=>{const[i,r]=h(""),[l,u]=h(!1),m=g([]),a=g(!0);p(()=>()=>{a.current=!1},[]);const d=b(e=>{const n=e.split(/[\s,]+/).map(s=>s.trim()).filter(s=>s.length>0),c=new Map;n.forEach(s=>{c.set(s,(c.get(s)||0)+1)});const f=Array.from(c.entries()).map(([s,S])=>({sku:s,quantity:S}));return m.current=f,f},[]),k=C(()=>v(e=>{t&&a.current&&t(e)},300),[t]);p(()=>{k(d(i))},[i,k,d]),p(()=>{const e=x.on("quick-order/loading",n=>{a.current&&u(n)},{eager:!0});return()=>{e==null||e.off()}},[]);const O=b(e=>{const c=e.target.value;r(c)},[]),T=b(e=>{const n=m.current,c=e?[...n,...e]:n;x.emit("quick-order/add-items",c),r("")},[]);return{handleChange:O,textAreaValue:i,loading:l,handleAddToList:T}},H=({className:t,onChange:i,slots:r})=>{const l=N.getConfig().quickOrderActive,u=B({title:"QuickOrder.SkuListInput.title",helperText:"QuickOrder.SkuListInput.helperText",textAreaPlaceholder:"QuickOrder.SkuListInput.textArea.placeholder",buttonText:"QuickOrder.SkuListInput.button",label:"QuickOrder.SkuListInput.textArea.label",disabledMessage:"QuickOrder.QuickOrderItem.disabledMessage"}),{handleChange:m,textAreaValue:a,loading:d,handleAddToList:k}=R({onChange:i});return o("div",{className:_(["b2b-quick-order-quick-order-multiple-sku",t]),"data-testid":"storefrontQuickOrderTest",children:A(M,{isDisabled:!l,message:u.disabledMessage,children:[o(y,{loading:d,textAreaValue:a,onChange:m,t:u}),o(I,{"data-testid":"addToListButtonTest",name:"AddToListButton",slot:r==null?void 0:r.AddToListButton,context:{handleAddToList:k,loading:d,textAreaValue:a},children:o(L,{onClick:()=>k(),disabled:d||!a.length,children:u.buttonText})})]})})};export{H as QuickOrderMultipleSku,H as default};
|
|
4
4
|
//# sourceMappingURL=QuickOrderMultipleSku.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QuickOrderMultipleSku.js","sources":["/@dropins/storefront-quick-order/src/components/SkuListInput/SkuListInput.tsx","/@dropins/storefront-quick-order/src/hooks/useQuickOrderMultipleSku.tsx","/@dropins/storefront-quick-order/src/containers/QuickOrderMultipleSku/QuickOrderMultipleSku.tsx"],"sourcesContent":["/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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/compat';\nimport { TextArea } from '@adobe-commerce/elsie/components';\nimport { classes } from '@adobe-commerce/elsie/lib/classes';\nimport { SkuListInputProps } from '@/b2b-quick-order/types';\nimport '@/b2b-quick-order/components/SkuListInput/SkuListInput.css';\n\nexport const SkuListInput: FunctionComponent<SkuListInputProps> = ({\n t,\n onChange,\n textAreaValue,\n loading,\n}) => {\n return (\n <div className={classes(['b2b-quick-order-sku-list-input'])}>\n <div className=\"b2b-quick-order-sku-list-input__title\">{t.title}</div>\n <TextArea\n id={'quick-order-sku-list-input'}\n label={t.label}\n className=\"b2b-quick-order-sku-list-input__textarea\"\n placeholder={t.textAreaPlaceholder}\n onChange={onChange}\n value={textAreaValue}\n disabled={loading}\n />\n <div className=\"b2b-quick-order-sku-list-input__message\">\n {t.helperText}\n </div>\n </div>\n );\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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 {\n useCallback,\n useEffect,\n useMemo,\n useState,\n useRef,\n} from 'preact/hooks';\nimport {\n SubmitSkuValue,\n UseQuickOrderMultipleSkuProps,\n UseQuickOrderMultipleSkuReturn,\n} from '@/b2b-quick-order/types';\nimport { debounce } from '@adobe-commerce/elsie/lib/debounce';\nimport { events } from '@adobe-commerce/event-bus';\n\nexport const useQuickOrderMultipleSku = ({\n onChange,\n}: UseQuickOrderMultipleSkuProps): UseQuickOrderMultipleSkuReturn => {\n const [textAreaValue, setTextAreaValue] = useState<string>('');\n const [loading, setLoading] = useState(false);\n // Store parsed SKU values without triggering re-renders (transient data for debounced callback)\n const textAreaValueRef = useRef<SubmitSkuValue>([]);\n // Track component mount status to prevent state updates after unmount\n const isMountedRef = useRef(true);\n\n useEffect(() => {\n return () => {\n isMountedRef.current = false;\n };\n }, []);\n\n const modifySkuString = useCallback((value: string) => {\n const parsed = value\n .split(/[\\s,]+/)\n .map((item) => item.trim())\n .filter((sku) => sku.length > 0);\n\n // Deduplicate: sum quantities for duplicate SKUs\n const skuMap = new Map<string, number>();\n parsed.forEach((sku) => {\n skuMap.set(sku, (skuMap.get(sku) || 0) + 1);\n });\n\n const result = Array.from(skuMap.entries()).map(([sku, quantity]) => ({\n sku,\n quantity,\n }));\n\n textAreaValueRef.current = result;\n\n return result;\n }, []);\n\n const debouncedOnChange = useMemo(\n () =>\n debounce((skus: string[]) => {\n if (onChange && isMountedRef.current) {\n onChange(skus);\n }\n }, 300),\n [onChange]\n );\n\n useEffect(() => {\n debouncedOnChange(modifySkuString(textAreaValue));\n }, [textAreaValue, debouncedOnChange, modifySkuString]);\n\n useEffect(() => {\n const loadingEvent = events.on(\n 'quick-order/loading',\n (loading) => {\n if (isMountedRef.current) {\n setLoading(loading);\n }\n },\n {\n eager: true,\n }\n );\n return () => {\n loadingEvent?.off();\n };\n }, []);\n\n const handleChange = useCallback((e: Event) => {\n const target = e.target as HTMLTextAreaElement;\n const value = target.value;\n setTextAreaValue(value);\n }, []);\n\n const handleAddToList = useCallback(\n (additionalValues?: Array<{ sku: string; quantity: number }>) => {\n const textAreaSkus = textAreaValueRef.current;\n const allSkus = additionalValues\n ? [...textAreaSkus, ...additionalValues]\n : textAreaSkus;\n events.emit('quick-order/add-items', allSkus);\n setTextAreaValue('');\n },\n []\n );\n\n return {\n handleChange,\n textAreaValue,\n loading,\n handleAddToList,\n };\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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 { SkuListInput } from '@/b2b-quick-order/components';\nimport { useQuickOrderMultipleSku } from '@/b2b-quick-order/hooks';\nimport { QuickOrderMultipleSkuProps } from '@/b2b-quick-order/types';\nimport { Button } from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { classes, Container, Slot } from '@adobe-commerce/elsie/lib';\n\nexport const QuickOrderMultipleSku: Container<QuickOrderMultipleSkuProps> = ({\n className,\n onChange,\n slots,\n}) => {\n const t = useText({\n title: 'QuickOrder.SkuListInput.title',\n helperText: 'QuickOrder.SkuListInput.helperText',\n textAreaPlaceholder: 'QuickOrder.SkuListInput.textArea.placeholder',\n buttonText: 'QuickOrder.SkuListInput.button',\n label: 'QuickOrder.SkuListInput.textArea.label',\n });\n\n const { handleChange, textAreaValue, loading, handleAddToList } =\n useQuickOrderMultipleSku({\n onChange,\n });\n\n return (\n <div\n className={classes([\n 'b2b-quick-order-quick-order-multiple-sku',\n className,\n ])}\n data-testid=\"storefrontQuickOrderTest\"\n >\n <SkuListInput\n loading={loading}\n textAreaValue={textAreaValue}\n onChange={handleChange}\n t={t}\n />\n <Slot\n data-testid=\"addToListButtonTest\"\n name=\"AddToListButton\"\n slot={slots?.AddToListButton}\n context={{ handleAddToList, loading, textAreaValue }}\n >\n <Button\n onClick={() => handleAddToList()}\n disabled={loading || !textAreaValue.length}\n >\n {t.buttonText}\n </Button>\n </Slot>\n </div>\n );\n};\n"],"names":["SkuListInput","onChange","textAreaValue","loading","classes","jsx","TextArea","useQuickOrderMultipleSku","setTextAreaValue","useState","setLoading","textAreaValueRef","useRef","isMountedRef","useEffect","modifySkuString","useCallback","value","parsed","item","sku","skuMap","result","quantity","debouncedOnChange","useMemo","debounce","skus","loadingEvent","events","handleChange","handleAddToList","additionalValues","textAreaSkus","allSkus","QuickOrderMultipleSku","className","slots","t","useText","jsxs","Slot","Button"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"QuickOrderMultipleSku.js","sources":["/@dropins/storefront-quick-order/src/components/SkuListInput/SkuListInput.tsx","/@dropins/storefront-quick-order/src/hooks/useQuickOrderMultipleSku.tsx","/@dropins/storefront-quick-order/src/containers/QuickOrderMultipleSku/QuickOrderMultipleSku.tsx"],"sourcesContent":["/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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/compat';\nimport { TextArea } from '@adobe-commerce/elsie/components';\nimport { classes } from '@adobe-commerce/elsie/lib/classes';\nimport { SkuListInputProps } from '@/b2b-quick-order/types';\nimport '@/b2b-quick-order/components/SkuListInput/SkuListInput.css';\n\nexport const SkuListInput: FunctionComponent<SkuListInputProps> = ({\n t,\n onChange,\n textAreaValue,\n loading,\n disabled,\n}) => {\n return (\n <div className={classes(['b2b-quick-order-sku-list-input'])}>\n <div className=\"b2b-quick-order-sku-list-input__title\">{t.title}</div>\n <TextArea\n id={'quick-order-sku-list-input'}\n label={t.label}\n className=\"b2b-quick-order-sku-list-input__textarea\"\n placeholder={t.textAreaPlaceholder}\n onChange={onChange}\n value={textAreaValue}\n disabled={loading || disabled}\n />\n <div className=\"b2b-quick-order-sku-list-input__message\">\n {t.helperText}\n </div>\n </div>\n );\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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 {\n useCallback,\n useEffect,\n useMemo,\n useState,\n useRef,\n} from 'preact/hooks';\nimport {\n SubmitSkuValue,\n UseQuickOrderMultipleSkuProps,\n UseQuickOrderMultipleSkuReturn,\n} from '@/b2b-quick-order/types';\nimport { debounce } from '@adobe-commerce/elsie/lib/debounce';\nimport { events } from '@adobe-commerce/event-bus';\n\nexport const useQuickOrderMultipleSku = ({\n onChange,\n}: UseQuickOrderMultipleSkuProps): UseQuickOrderMultipleSkuReturn => {\n const [textAreaValue, setTextAreaValue] = useState<string>('');\n const [loading, setLoading] = useState(false);\n // Store parsed SKU values without triggering re-renders (transient data for debounced callback)\n const textAreaValueRef = useRef<SubmitSkuValue>([]);\n // Track component mount status to prevent state updates after unmount\n const isMountedRef = useRef(true);\n\n useEffect(() => {\n return () => {\n isMountedRef.current = false;\n };\n }, []);\n\n const modifySkuString = useCallback((value: string) => {\n const parsed = value\n .split(/[\\s,]+/)\n .map((item) => item.trim())\n .filter((sku) => sku.length > 0);\n\n // Deduplicate: sum quantities for duplicate SKUs\n const skuMap = new Map<string, number>();\n parsed.forEach((sku) => {\n skuMap.set(sku, (skuMap.get(sku) || 0) + 1);\n });\n\n const result = Array.from(skuMap.entries()).map(([sku, quantity]) => ({\n sku,\n quantity,\n }));\n\n textAreaValueRef.current = result;\n\n return result;\n }, []);\n\n const debouncedOnChange = useMemo(\n () =>\n debounce((skus: string[]) => {\n if (onChange && isMountedRef.current) {\n onChange(skus);\n }\n }, 300),\n [onChange]\n );\n\n useEffect(() => {\n debouncedOnChange(modifySkuString(textAreaValue));\n }, [textAreaValue, debouncedOnChange, modifySkuString]);\n\n useEffect(() => {\n const loadingEvent = events.on(\n 'quick-order/loading',\n (loading) => {\n if (isMountedRef.current) {\n setLoading(loading);\n }\n },\n {\n eager: true,\n }\n );\n return () => {\n loadingEvent?.off();\n };\n }, []);\n\n const handleChange = useCallback((e: Event) => {\n const target = e.target as HTMLTextAreaElement;\n const value = target.value;\n setTextAreaValue(value);\n }, []);\n\n const handleAddToList = useCallback(\n (additionalValues?: Array<{ sku: string; quantity: number }>) => {\n const textAreaSkus = textAreaValueRef.current;\n const allSkus = additionalValues\n ? [...textAreaSkus, ...additionalValues]\n : textAreaSkus;\n events.emit('quick-order/add-items', allSkus);\n setTextAreaValue('');\n },\n []\n );\n\n return {\n handleChange,\n textAreaValue,\n loading,\n handleAddToList,\n };\n};\n","/********************************************************************\n * ADOBE CONFIDENTIAL\n * __________________\n *\n * Copyright 2024 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 {\n SkuListInput,\n QuickOrderDisabledOverlay,\n} from '@/b2b-quick-order/components';\nimport { useQuickOrderMultipleSku } from '@/b2b-quick-order/hooks';\nimport { QuickOrderMultipleSkuProps } from '@/b2b-quick-order/types';\nimport { config } from '@/b2b-quick-order/api/initialize';\nimport { Button } from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { classes, Container, Slot } from '@adobe-commerce/elsie/lib';\n\nexport const QuickOrderMultipleSku: Container<QuickOrderMultipleSkuProps> = ({\n className,\n onChange,\n slots,\n}) => {\n const isQuickOrderActive = config.getConfig().quickOrderActive;\n\n const t = useText({\n title: 'QuickOrder.SkuListInput.title',\n helperText: 'QuickOrder.SkuListInput.helperText',\n textAreaPlaceholder: 'QuickOrder.SkuListInput.textArea.placeholder',\n buttonText: 'QuickOrder.SkuListInput.button',\n label: 'QuickOrder.SkuListInput.textArea.label',\n disabledMessage: 'QuickOrder.QuickOrderItem.disabledMessage',\n });\n\n const { handleChange, textAreaValue, loading, handleAddToList } =\n useQuickOrderMultipleSku({\n onChange,\n });\n\n return (\n <div\n className={classes([\n 'b2b-quick-order-quick-order-multiple-sku',\n className,\n ])}\n data-testid=\"storefrontQuickOrderTest\"\n >\n <QuickOrderDisabledOverlay\n isDisabled={!isQuickOrderActive}\n message={t.disabledMessage}\n >\n <SkuListInput\n loading={loading}\n textAreaValue={textAreaValue}\n onChange={handleChange}\n t={t}\n />\n <Slot\n data-testid=\"addToListButtonTest\"\n name=\"AddToListButton\"\n slot={slots?.AddToListButton}\n context={{ handleAddToList, loading, textAreaValue }}\n >\n <Button\n onClick={() => handleAddToList()}\n disabled={loading || !textAreaValue.length}\n >\n {t.buttonText}\n </Button>\n </Slot>\n </QuickOrderDisabledOverlay>\n </div>\n );\n};\n"],"names":["SkuListInput","onChange","textAreaValue","loading","disabled","classes","jsx","TextArea","useQuickOrderMultipleSku","setTextAreaValue","useState","setLoading","textAreaValueRef","useRef","isMountedRef","useEffect","modifySkuString","useCallback","value","parsed","item","sku","skuMap","result","quantity","debouncedOnChange","useMemo","debounce","skus","loadingEvent","events","handleChange","handleAddToList","additionalValues","textAreaSkus","allSkus","QuickOrderMultipleSku","className","slots","isQuickOrderActive","config","t","useText","jsxs","QuickOrderDisabledOverlay","Slot","Button"],"mappings":"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"}
|
package/hooks/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { UseQuickOrderItemsProps, UseQuickOrderItemsReturn } from '../types';
|
|
2
2
|
|
|
3
|
-
export declare const useQuickOrderItems: ({ getProductsData,
|
|
3
|
+
export declare const useQuickOrderItems: ({ getProductsData, handleAddToCart, }?: UseQuickOrderItemsProps) => UseQuickOrderItemsReturn;
|
|
4
4
|
//# sourceMappingURL=useQuickOrderItems.d.ts.map
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { default as React } from 'preact/compat';
|
|
2
|
+
import { SearchItem } from '../types/search.types';
|
|
3
|
+
|
|
4
|
+
export interface UseSearchOptions<T extends SearchItem> {
|
|
5
|
+
value: string;
|
|
6
|
+
onChange?: (e: any) => void;
|
|
7
|
+
items: T[];
|
|
8
|
+
shouldShowResults?: boolean;
|
|
9
|
+
onItemClick?: (item: T) => void;
|
|
10
|
+
}
|
|
11
|
+
export interface UseSearchReturn<T extends SearchItem> {
|
|
12
|
+
activeIndex: number;
|
|
13
|
+
showResults: boolean;
|
|
14
|
+
showEmptyState: boolean;
|
|
15
|
+
resultsId: React.MutableRefObject<string>;
|
|
16
|
+
inputRef: React.RefObject<HTMLInputElement>;
|
|
17
|
+
itemRefs: React.MutableRefObject<(HTMLDivElement | null)[]>;
|
|
18
|
+
containerRef: React.RefObject<HTMLDivElement>;
|
|
19
|
+
handleChange: (e: any) => void;
|
|
20
|
+
handleFocus: () => void;
|
|
21
|
+
handleBlur: () => void;
|
|
22
|
+
handleKeyDown: (e: KeyboardEvent) => void;
|
|
23
|
+
createItemClickHandler: (item: T) => () => void;
|
|
24
|
+
getActiveDescendant: () => string | undefined;
|
|
25
|
+
}
|
|
26
|
+
export declare const useSearch: <T extends SearchItem = SearchItem>({ value, onChange, items, shouldShowResults, onItemClick, }: UseSearchOptions<T>) => UseSearchReturn<T>;
|
|
27
|
+
//# sourceMappingURL=useSearch.d.ts.map
|
package/i18n/en_US.json.d.ts
CHANGED
|
@@ -53,12 +53,20 @@ declare const _default: {
|
|
|
53
53
|
"productNotFound": "Product not found",
|
|
54
54
|
"productNotFoundDescription": "The product with SKU {sku} could not be found",
|
|
55
55
|
"configurableProductError": "Configuration required",
|
|
56
|
-
"configurableProductErrorDescription": "
|
|
56
|
+
"configurableProductErrorDescription": "Use ProductOptions Slot in QuickOrderItems container to enable configurable product options.",
|
|
57
57
|
"configurableOptionsWarning": "Product configuration required",
|
|
58
58
|
"configurableOptionsWarningDescription": "Please select all required product options before adding to cart",
|
|
59
59
|
"productOptions": "Product Options",
|
|
60
60
|
"outOfStock": "Out of Stock",
|
|
61
|
-
"addAllToCart": "Add to Cart"
|
|
61
|
+
"addAllToCart": "Add to Cart",
|
|
62
|
+
"disabledMessage": "Quick Order feature disabled",
|
|
63
|
+
"notification": {
|
|
64
|
+
"validationError": "Product(s) require(s) your attention",
|
|
65
|
+
"backendError": "An error occurred while adding products to the cart",
|
|
66
|
+
"success": "{count} product(s) successfully added to the cart",
|
|
67
|
+
"partialSuccess": "{count} of {total} products were added to the cart. Some products could not be added",
|
|
68
|
+
"unexpectedError": "An unexpected error has occurred"
|
|
69
|
+
}
|
|
62
70
|
}
|
|
63
71
|
}
|
|
64
72
|
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/********************************************************************
|
|
2
|
+
* ADOBE CONFIDENTIAL
|
|
3
|
+
* __________________
|
|
4
|
+
*
|
|
5
|
+
* Copyright 2024 Adobe
|
|
6
|
+
* All Rights Reserved.
|
|
7
|
+
*
|
|
8
|
+
* NOTICE: All information contained herein is, and remains
|
|
9
|
+
* the property of Adobe and its suppliers, if any. The intellectual
|
|
10
|
+
* and technical concepts contained herein are proprietary to Adobe
|
|
11
|
+
* and its suppliers and are protected by all applicable intellectual
|
|
12
|
+
* property laws, including trade secret and copyright laws.
|
|
13
|
+
* Dissemination of this information or reproduction of this material
|
|
14
|
+
* is strictly forbidden unless prior written permission is obtained
|
|
15
|
+
* from Adobe.
|
|
16
|
+
*******************************************************************/
|
|
17
|
+
/** Actions */
|
|
18
|
+
export declare const handleFetchError: (errors: Array<{
|
|
19
|
+
message: string;
|
|
20
|
+
}>) => never;
|
|
21
|
+
//# sourceMappingURL=fetch-error.d.ts.map
|
package/lib/index.d.ts
CHANGED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { OrderItem } from '../types';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Check if an item is valid for adding to cart
|
|
5
|
+
* @param item - The order item to validate
|
|
6
|
+
* @returns true if item is invalid (should stay in notification), false if valid
|
|
7
|
+
*/
|
|
8
|
+
export declare const isItemInvalid: (item: OrderItem) => boolean;
|
|
9
|
+
//# sourceMappingURL=isItemValid.d.ts.map
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/********************************************************************
|
|
2
|
+
* ADOBE CONFIDENTIAL
|
|
3
|
+
* __________________
|
|
4
|
+
*
|
|
5
|
+
* Copyright 2024 Adobe
|
|
6
|
+
* All Rights Reserved.
|
|
7
|
+
*
|
|
8
|
+
* NOTICE: All information contained herein is, and remains
|
|
9
|
+
* the property of Adobe and its suppliers, if any. The intellectual
|
|
10
|
+
* and technical concepts contained herein are proprietary to Adobe
|
|
11
|
+
* and its suppliers and are protected by all applicable intellectual
|
|
12
|
+
* property laws, including trade secret and copyright laws.
|
|
13
|
+
* Dissemination of this information or reproduction of this material
|
|
14
|
+
* is strictly forbidden unless prior written permission is obtained
|
|
15
|
+
* from Adobe.
|
|
16
|
+
*******************************************************************/
|
|
17
|
+
/**
|
|
18
|
+
* A function which can be attached to fetchGraphQL to handle thrown errors in
|
|
19
|
+
* a generic way.
|
|
20
|
+
*/
|
|
21
|
+
export declare const handleNetworkError: (error: Error) => never;
|
|
22
|
+
//# sourceMappingURL=network-error.d.ts.map
|
|
@@ -14,29 +14,36 @@
|
|
|
14
14
|
* is strictly forbidden unless prior written permission is obtained
|
|
15
15
|
* from Adobe.
|
|
16
16
|
*******************************************************************/
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
17
|
+
/**
|
|
18
|
+
* WCAG 2.1 compliant keyboard navigation for combobox with listbox pattern.
|
|
19
|
+
* Focus always remains on the input element, visual indication via aria-activedescendant.
|
|
20
|
+
* Reference: https://www.w3.org/WAI/ARIA/apg/patterns/combobox/
|
|
21
|
+
*/
|
|
22
22
|
/**
|
|
23
23
|
* Calculates next active index when ArrowDown is pressed
|
|
24
|
+
* Returns next index in list or current if at end
|
|
24
25
|
*/
|
|
25
|
-
export declare const handleArrowDown: (currentIndex: number, itemsLength: number
|
|
26
|
+
export declare const handleArrowDown: (currentIndex: number, itemsLength: number) => number;
|
|
26
27
|
/**
|
|
27
28
|
* Calculates next active index when ArrowUp is pressed
|
|
29
|
+
* Returns previous index or -1 to return focus to input
|
|
30
|
+
*/
|
|
31
|
+
export declare const handleArrowUp: (currentIndex: number) => number;
|
|
32
|
+
/**
|
|
33
|
+
* Moves visual focus to first item in list (Home key)
|
|
28
34
|
*/
|
|
29
|
-
export declare const
|
|
35
|
+
export declare const handleHomeKey: () => number;
|
|
36
|
+
/**
|
|
37
|
+
* Moves visual focus to last item in list (End key)
|
|
38
|
+
*/
|
|
39
|
+
export declare const handleEndKey: (itemsLength: number) => number;
|
|
30
40
|
/**
|
|
31
41
|
* Handles Enter key press on active item
|
|
42
|
+
* Returns true if item was selected, false otherwise
|
|
32
43
|
*/
|
|
33
44
|
export declare const handleEnterKey: <T>(activeIndex: number, items: T[], onItemSelect: (item: T) => void) => boolean;
|
|
34
45
|
/**
|
|
35
|
-
* Handles Escape key press
|
|
46
|
+
* Handles Escape key press - restores initial value and closes results
|
|
36
47
|
*/
|
|
37
48
|
export declare const handleEscapeKey: (initialValue: string, inputRef: HTMLElement | null, onValueRestore: (value: string) => void, onClose: () => void) => void;
|
|
38
|
-
/**
|
|
39
|
-
* Focuses an element if it exists and has focus method
|
|
40
|
-
*/
|
|
41
|
-
export declare const focusElement: (element: HTMLElement | null) => void;
|
|
42
49
|
//# sourceMappingURL=searchKeyboardNavigation.d.ts.map
|