@dropins/storefront-quick-order 0.0.1-alpha1

package/lib/generateItemId.d.ts

@@ -0,0 +1,22 @@
+/********************************************************************
+ * ADOBE CONFIDENTIAL
+ * __________________
+ *
+ *  Copyright 2024 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ *******************************************************************/
+/**
+ * Generate unique ID for an item
+ * Format: {sku}-{timestamp}-{random}
+ */
+export declare const generateItemId: (sku: string) => string;
+//# sourceMappingURL=generateItemId.d.ts.map

package/lib/getItemScope.d.ts

@@ -0,0 +1,8 @@
+import { OrderItem } from '../types';
+
+/**
+ * Get unique scope identifier for an item
+ * Uses unique id if available, otherwise falls back to variantSku or sku
+ */
+export declare const getItemScope: (item: OrderItem) => string;
+//# sourceMappingURL=getItemScope.d.ts.map

package/lib/index.d.ts

@@ -0,0 +1,35 @@
+/********************************************************************
+ * ADOBE CONFIDENTIAL
+ * __________________
+ *
+ *  Copyright 2024 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ *******************************************************************/
+export * from './processFormOptions';
+export * from './buildCartItem';
+export * from './mapProductsToOrderItems';
+export * from './cleanCsvValue';
+export * from './validateCsvContent';
+export * from './validateOrderItems';
+export * from './getItemScope';
+export * from './generateItemId';
+export * from './findDuplicateItem';
+export * from './removeReplacedItems';
+export * from './mergeDuplicateItems';
+export * from './addOrMergeItems';
+export * from './replaceOrAddItems';
+export * from './updateItemInList';
+export * from './buildCartItemsFromForms';
+export * from './productOptionsStorage';
+export * from './searchBlurHandler';
+export * from './searchKeyboardNavigation';
+//# sourceMappingURL=index.d.ts.map

package/lib/mapProductsToOrderItems.d.ts

@@ -0,0 +1,11 @@
+import { OrderItem, OrderItemInput } from '../types';
+
+/**
+ * Maps fetched products to OrderItems
+ * Creates error items for products not found in the response
+ * @param requestedItems - Items that were requested
+ * @param products - Products returned from API
+ * @returns Array of OrderItems with proper quantity set
+ */
+export declare const mapProductsToOrderItems: (requestedItems: OrderItemInput[], products: OrderItem[]) => OrderItem[];
+//# sourceMappingURL=mapProductsToOrderItems.d.ts.map

package/lib/mergeDuplicateItems.d.ts

@@ -0,0 +1,8 @@
+import { OrderItem } from '../types';
+
+/**
+ * Merge duplicate items by removing the item at removeIndex and
+ * adding its quantity to the item at mergeIntoIndex
+ */
+export declare const mergeDuplicateItems: (items: OrderItem[], removeIndex: number, mergeIntoIndex: number, quantityToAdd?: number) => OrderItem[];
+//# sourceMappingURL=mergeDuplicateItems.d.ts.map

package/lib/processFormOptions.d.ts

@@ -0,0 +1,29 @@
+/********************************************************************
+ * ADOBE CONFIDENTIAL
+ * __________________
+ *
+ *  Copyright 2024 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ *******************************************************************/
+export interface ProcessedFormOptions {
+    optionUIDs: string[];
+    enteredOptions: {
+        uid: string;
+        value: string;
+    }[];
+}
+/**
+ * Processes form data to extract product options
+ * Separates base64-encoded configurable options (optionUIDs) from custom entered options
+ */
+export declare const processFormOptions: (formData: FormData) => ProcessedFormOptions;
+//# sourceMappingURL=processFormOptions.d.ts.map

package/lib/productOptionsStorage.d.ts

@@ -0,0 +1,41 @@
+/********************************************************************
+ * ADOBE CONFIDENTIAL
+ * __________________
+ *
+ *  Copyright 2024 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ *******************************************************************/
+/**
+ * Extract optionsUIDs from various data formats
+ */
+export declare const extractOptionsUIDs: (valuesData: any) => string[];
+/**
+ * Get options from localStorage
+ */
+export declare const getOptionsFromStorage: (storageKey: string) => Record<string, string[]>;
+/**
+ * Save options to localStorage
+ */
+export declare const saveOptionsToStorage: (storageKey: string, itemId: string, optionsUIDs: string[]) => void;
+/**
+ * Enrich cart items with selected options from storage
+ */
+export declare const enrichCartItemsWithOptions: <T extends {
+    sku: string;
+}>(cartItems: T[], items: Array<{
+    id?: string;
+    sku: string;
+    variantSku?: string;
+}>, storageData: Record<string, string[]>) => (T & {
+    optionsUIDs?: string[] | undefined;
+})[];
+//# sourceMappingURL=productOptionsStorage.d.ts.map

package/lib/removeReplacedItems.d.ts

@@ -0,0 +1,7 @@
+import { OrderItem, OrderItemInput } from '../types';
+
+/**
+ * Remove items that should be replaced based on replaceItemSku property
+ */
+export declare const removeReplacedItems: (items: OrderItem[], inputItems: OrderItemInput[]) => OrderItem[];
+//# sourceMappingURL=removeReplacedItems.d.ts.map

package/lib/replaceOrAddItems.d.ts

@@ -0,0 +1,18 @@
+import { OrderItem, OrderItemInput } from '../types';
+
+export interface ReplaceOrAddItemsResult {
+    updatedItems: OrderItem[];
+    addedItems: OrderItem[];
+    replacedItems: OrderItem[];
+    mergedItems: OrderItem[];
+}
+/**
+ * Replace, merge, or add items into existing list
+ * Handles three scenarios:
+ * 1. Replace: When inputItem has replaceItemSku, replace item at same position
+ *    - If new item already exists in list, collapse by removing replaced item and merging quantity
+ * 2. Merge: When item exists, increase quantity
+ * 3. Add: When item doesn't exist, add to end
+ */
+export declare const replaceOrAddItems: (existingItems: OrderItem[], newItems: OrderItem[], inputItems: OrderItemInput[]) => ReplaceOrAddItemsResult;
+//# sourceMappingURL=replaceOrAddItems.d.ts.map

package/lib/searchBlurHandler.d.ts

@@ -0,0 +1,38 @@
+/********************************************************************
+ * ADOBE CONFIDENTIAL
+ * __________________
+ *
+ *  Copyright 2024 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ *******************************************************************/
+export interface BlurHandlerOptions {
+    containerRef: HTMLElement | null;
+    itemSelected: boolean;
+    initialValue: string;
+    currentValue: string;
+    onValueRestore: (value: string) => void;
+    onClose: () => void;
+}
+/**
+ * Handles blur logic for search component
+ * Checks if focus moved outside component and restores initial value if needed
+ */
+export declare const handleSearchBlur: (options: BlurHandlerOptions) => void;
+/**
+ * Creates a blur handler with timeout
+ */
+export declare const createBlurHandler: (options: BlurHandlerOptions, delay?: number) => number;
+/**
+ * Clears blur timeout if exists
+ */
+export declare const clearBlurTimeout: (timeoutRef: number | null) => void;
+//# sourceMappingURL=searchBlurHandler.d.ts.map

package/lib/searchKeyboardNavigation.d.ts

@@ -0,0 +1,42 @@
+/********************************************************************
+ * ADOBE CONFIDENTIAL
+ * __________________
+ *
+ *  Copyright 2024 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ *******************************************************************/
+export interface KeyboardNavigationResult {
+    nextIndex: number;
+    shouldFocusElement?: HTMLElement | null;
+    shouldPreventDefault: boolean;
+}
+/**
+ * Calculates next active index when ArrowDown is pressed
+ */
+export declare const handleArrowDown: (currentIndex: number, itemsLength: number, itemRefs: (HTMLElement | null)[]) => KeyboardNavigationResult;
+/**
+ * Calculates next active index when ArrowUp is pressed
+ */
+export declare const handleArrowUp: (currentIndex: number, inputRef: HTMLElement | null, itemRefs: (HTMLElement | null)[]) => KeyboardNavigationResult;
+/**
+ * Handles Enter key press on active item
+ */
+export declare const handleEnterKey: <T>(activeIndex: number, items: T[], onItemSelect: (item: T) => void) => boolean;
+/**
+ * Handles Escape key press
+ */
+export declare const handleEscapeKey: (initialValue: string, inputRef: HTMLElement | null, onValueRestore: (value: string) => void, onClose: () => void) => void;
+/**
+ * Focuses an element if it exists and has focus method
+ */
+export declare const focusElement: (element: HTMLElement | null) => void;
+//# sourceMappingURL=searchKeyboardNavigation.d.ts.map

package/lib/updateItemInList.d.ts

@@ -0,0 +1,13 @@
+import { OrderItem } from '../types';
+
+export interface UpdateItemResult {
+    updatedItems: OrderItem[];
+    wasMerged: boolean;
+    mergedIntoIndex?: number;
+}
+/**
+ * Update a specific item in the list and check for duplicates
+ * If duplicate is found, merge the items
+ */
+export declare const updateItemInList: (items: OrderItem[], itemId: string, updatedItem: OrderItem, currentQuantity?: number) => UpdateItemResult;
+//# sourceMappingURL=updateItemInList.d.ts.map

package/lib/validateCsvContent.d.ts

@@ -0,0 +1,20 @@
+import { CSVValidationResult } from '../types';
+
+export interface ValidationMessages {
+    emptyFile: string;
+    missingColumns: string;
+    extraColumns: string;
+    maxRowsExceeded: string;
+    skuRequired: string;
+    invalidQuantity: string;
+    noValidData: string;
+}
+/**
+ * Validates CSV content and extracts SKU/quantity data
+ * Handles BOM, different line endings, quoted values, and empty lines
+ * @param content - Raw CSV file content
+ * @param messages - Localized error messages
+ * @returns Validation result with data or error
+ */
+export declare const validateCsvContent: (content: string, messages: ValidationMessages) => CSVValidationResult;
+//# sourceMappingURL=validateCsvContent.d.ts.map

package/lib/validateOrderItems.d.ts

@@ -0,0 +1,18 @@
+import { OrderItem } from '../types';
+
+/**
+ * Validates order items to determine if all items are ready for cart addition
+ * @param items - Array of order items to validate
+ * @returns true if all items are valid, false otherwise
+ */
+export declare const validateOrderItems: (items: OrderItem[]) => boolean;
+/**
+ * Get items that are out of stock
+ * @param items - Array of order items to check
+ * @returns Array of out of stock items with their names
+ */
+export declare const getOutOfStockItems: (items: OrderItem[]) => Array<{
+    sku: string;
+    name: string;
+}>;
+//# sourceMappingURL=validateOrderItems.d.ts.map

package/package.json

@@ -0,0 +1 @@
+{"name": "@dropins/storefront-quick-order", "version": "0.0.1-alpha1", "@dropins/tools": "~1.6.0", "license": "SEE LICENSE IN LICENSE.md"}

package/render/Provider.d.ts

@@ -0,0 +1,8 @@
+import { FunctionComponent } from 'preact';
+
+interface CartProviderProps {
+    children?: any;
+}
+export declare const Provider: FunctionComponent<CartProviderProps>;
+export {};
+//# sourceMappingURL=Provider.d.ts.map

package/render/index.d.ts

@@ -0,0 +1,2 @@
+export * from './render';
+//# sourceMappingURL=index.d.ts.map

package/render/render.d.ts

@@ -0,0 +1,4 @@
+import { Render } from '@dropins/tools/types/elsie/src/lib';
+
+export declare const render: Render;
+//# sourceMappingURL=render.d.ts.map

package/render.d.ts

@@ -0,0 +1 @@
+export * from './render/index'

package/render.js

@@ -0,0 +1,6 @@
+/*! Copyright 2026 Adobe
+All Rights Reserved. */
+(function(i,t){try{if(typeof document<"u"){const r=document.createElement("style"),a=t.styleId;for(const e in t.attributes)r.setAttribute(e,t.attributes[e]);r.setAttribute("data-dropin",a),r.appendChild(document.createTextNode(i));const o=document.querySelector('style[data-dropin="sdk"]');if(o)o.after(r);else{const e=document.querySelector('link[rel="stylesheet"], style');e?e.before(r):document.head.append(r)}}}catch(r){console.error("dropin-styles (injectCodeFunction)",r)}})(`.b2b-quick-order-quick-order-multiple-sku{display:flex;flex-direction:column;gap:var(--grid-1-gutters)}.b2b-quick-order-sku-list-input__title{color:var(--color-neutral-800);font:var(--type-headline-2-font);letter-spacing:var(--type-headline-2-letter-spacing);margin-bottom:var(--spacing-small)}.b2b-quick-order-sku-list-input__textarea{margin-bottom:var(--spacing-xsmall)}.b2b-quick-order-sku-list-input__message{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);margin-bottom:var(--spacing-xsmall);text-align:left}.b2b-quick-order-form-quick-order-items-list{width:100%}.b2b-quick-order-form-quick-order-items-list__title{color:var(--color-neutral-800);font:var(--type-headline-2-font);letter-spacing:var(--type-headline-2-letter-spacing);margin-bottom:var(--spacing-small)}.b2b-quick-order-form-quick-order-items-list__empty{color:var(--color-neutral-600);font:var(--type-body-1-font);letter-spacing:var(--type-body-1-letter-spacing);text-align:center;padding:var(--spacing-large)}.b2b-quick-order-form-quick-order-items-list__actions{display:flex;justify-content:flex-start;margin-top:var(--spacing-medium)}.b2b-quick-order-form-quick-order-items-list__warning{background-color:var(--color-warning-200, #fef3cd);border:1px solid var(--color-warning-500, #ff9800);border-radius:var(--shape-border-radius-2);padding:var(--spacing-medium);margin-bottom:var(--spacing-medium)}.b2b-quick-order-form-quick-order-items-list__warning-title{color:var(--color-warning-800, #e65100);font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing);margin-bottom:var(--spacing-xsmall)}.b2b-quick-order-form-quick-order-items-list__warning-description{color:var(--color-warning-700, #f57c00);font:var(--type-body-2-font);letter-spacing:var(--type-body-2-letter-spacing)}.b2b-quick-order-form-quick-order-items-list .dropin-divider--secondary{border-width:var(--shape-border-width-3);margin-top:0}@media screen and (max-width: 1285px){.b2b-quick-order-form-quick-order-items-list .dropin-divider--secondary{display:none}}.b2b-quick-order-form-quick-order-items__item-form{min-height:170px}.b2b-quick-order-form-quick-order-items__item-form .dropin-accordion-section__content-container{margin-bottom:0}.b2b-quick-order-form-quick-order-items__item-form:last-child{margin-bottom:var(--spacing-medium)}.b2b-quick-order-list-item__accordion .dropin-accordion-section__title{color:var(--color-neutral-800);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.b2b-quick-order-items__error{color:var(--color-alert-800);font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing)}.b2b-quick-order-form-quick-order-items__item-search{margin-bottom:var(--spacing-big)}.b2b-quick-order-items__configurable-error{color:var(--color-alert-500);font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing)}.b2b-quick-order-search{position:relative;width:100%}.b2b-quick-order-search__input{width:100%}.b2b-quick-order-search__results{position:absolute;top:100%;left:0;right:0;background-color:var(--color-neutral-50);border:var(--shape-border-width-1) solid var(--color-neutral-300);border-radius:var(--spacing-xxsmall);margin-top:var(--spacing-xxsmall);max-height:300px;overflow-y:auto;z-index:10;box-shadow:0 2px 8px #0000001a}.b2b-quick-order-search__result-item{padding:var(--spacing-xsmall) var(--spacing-small);cursor:pointer;transition:background-color .2s}.b2b-quick-order-search__result-item:hover,.b2b-quick-order-search__result-item--active{background-color:var(--color-neutral-100)}.b2b-quick-order-search__result-item:focus{outline:2px solid var(--color-brand-500);outline-offset:-2px}.b2b-quick-order-search__result-item:not(:last-child){border-bottom:var(--shape-border-width-1) solid var(--color-neutral-200)}.b2b-quick-order-search__empty-state{position:absolute;top:100%;left:0;right:0;z-index:10;text-align:center;background-color:var(--color-neutral-50);border:var(--shape-border-width-1) solid var(--color-neutral-300);border-radius:var(--shape-border-radius-1);margin-top:var(--spacing-xxsmall);padding:var(--spacing-small);color:var(--color-neutral-600);box-shadow:0 2px 8px #0000001a}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
+.b2b-quick-order-csv-file-input{display:flex;flex-direction:column;gap:var(--grid-1-gutters)}.b2b-quick-order-csv-file-input__title{color:var(--color-neutral-800);font:var(--type-headline-2-font);letter-spacing:var(--type-headline-2-letter-spacing)}.b2b-quick-order-csv-file-input__helper{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);text-align:left}.b2b-quick-order-csv-file-input__download-link{color:var(--color-informational-800);text-decoration:underline;background:none;border:none;padding:0;cursor:pointer;font-size:inherit}.b2b-quick-order-csv-file-input__download-link:hover{color:var(--color-informational-500)}.b2b-quick-order-csv-file-input__input{margin-top:var(--spacing-xsmall);width:max-content}.b2b-quick-order-csv-file-input__input--loading{cursor:not-allowed;opacity:.3}.b2b-quick-order-csv-file-input__file-name{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.b2b-quick-order-csv-file-input__error{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);padding-top:var(--spacing-xsmall);text-align:left;color:var(--color-alert-800)}`,{styleId:"b2b-quick-order"});
+import{jsx as o}from"@dropins/tools/preact-jsx-runtime.js";import{Render as n}from"@dropins/tools/lib.js";import{useState as s,useEffect as l}from"@dropins/tools/preact-hooks.js";import{UIProvider as d}from"@dropins/tools/components.js";import{events as u}from"@dropins/tools/event-bus.js";const c={Search:{placeholder:"Search by SKU...",ariaLabel:"Search for products by SKU",emptyState:"No results found",resultsAvailable:"results available",resultAvailable:"result available",srInstructions:"Use arrow keys or Tab to navigate, Enter or Space to select, Escape to close."},SkuListInput:{title:"Add Products by SKU",helperText:"Use commas or paragraphs to separate SKUs.",textArea:{label:"Enter Multiple SKUs",placeholder:"Enter SKUs here..."},button:"Add to List"},CsvFileInput:{title:"Add from File",helperText:'File must be in .csv format and include "SKU" and "QTY" columns ',downloadSample:"Download sample",inputLabel:"Choose File",selectedFile:"Selected file",uploadCSVErrors:{invalidFile:"Invalid CSV file",emptyFile:"File is empty",missingColumns:'Must contain "SKU" and "QTY" columns',extraColumns:'Must contain only "SKU" and "QTY" columns',maxRowsExceeded:"File exceeds maximum of {maxRows} rows",skuRequired:"Row {rowNumber}: SKU is required",invalidQuantity:"Row {rowNumber}: QTY must be a positive integer",noValidData:"File contains no valid data rows",onlyCSV:"Only CSV files are allowed",failedToRead:"Failed to read file",failedToParse:"Failed to parse CSV file"}},QuickOrderItem:{title:"Enter SKU or search by Product Name",quantity:"Quantity: ",price:"Price: ",sku:"SKU",remove:"Remove",removeItem:"Remove item",showOptions:"Show additional options",hideOptions:"Hide additional options",additionalOptions:"Additional options",noAdditionalOptions:"No additional options available",emptyList:"No products in the list",loading:"Loading...",productNotFound:"Product not found",productNotFoundDescription:"The product with SKU {sku} could not be found",configurableProductError:"Configuration required",configurableProductErrorDescription:"Configurable products aren’t supported here. Use the correct component for products with options.            ",configurableOptionsWarning:"Product configuration required",configurableOptionsWarningDescription:"Please select all required product options before adding to cart",productOptions:"Product Options",outOfStock:"Out of Stock",addAllToCart:"Add to Cart"}},p={QuickOrder:c},m={default:p},f=({children:t})=>{const[r,i]=s("en_US");return l(()=>{const e=u.on("locale",a=>{i(a)},{eager:!0});return()=>{e==null||e.off()}},[]),o(d,{lang:r,langDefinitions:m,children:t})},U=new n(o(f,{}));export{U as render};
+//# sourceMappingURL=render.js.map

package/render.js.map

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

package/types/index.d.ts

@@ -0,0 +1,21 @@
+/********************************************************************
+ * ADOBE CONFIDENTIAL
+ * __________________
+ *
+ *  Copyright 2024 Adobe
+ *  All Rights Reserved.
+ *
+ * NOTICE:  All information contained herein is, and remains
+ * the property of Adobe and its suppliers, if any. The intellectual
+ * and technical concepts contained herein are proprietary to Adobe
+ * and its suppliers and are protected by all applicable intellectual
+ * property laws, including trade secret and copyright laws.
+ * Dissemination of this information or reproduction of this material
+ * is strictly forbidden unless prior written permission is obtained
+ * from Adobe.
+ *******************************************************************/
+export * from './quickOrderMultipleSku.types';
+export * from './quickOrderCsvUpload.types';
+export * from './quickOrderItems.types';
+export * from './search.types';
+//# sourceMappingURL=index.d.ts.map

package/types/quickOrderCsvUpload.types.d.ts

@@ -0,0 +1,32 @@
+import { SubmitSkuValue } from './quickOrderMultipleSku.types';
+
+export interface QuickOrderCsvUploadProps {
+    className?: string;
+    routeSampleCSV?: string;
+    onFileUpload?: (values: SubmitSkuValue) => void;
+}
+export interface CsvFileInputProps {
+    t: Record<string, string>;
+    onFileUpload: (file: File) => void;
+    error: string | null;
+    fileName: string | null;
+    onDownloadSample: () => void;
+    showSampleDownload: boolean;
+}
+export interface UseQuickOrderCsvUploadProps {
+    routeSampleCSV?: string;
+    onFileUpload?: (values: SubmitSkuValue) => void;
+}
+export interface UseQuickOrderCsvUploadReturn {
+    handleFileUpload: (file: File) => void;
+    error: string | null;
+    fileName: string | null;
+    handleDownloadSample: () => void;
+    showSampleDownload: boolean;
+}
+export interface CSVValidationResult {
+    isValid: boolean;
+    error?: string;
+    data?: SubmitSkuValue;
+}
+//# sourceMappingURL=quickOrderCsvUpload.types.d.ts.map

package/types/quickOrderItems.types.d.ts

@@ -0,0 +1,205 @@
+import { SlotProps } from '@dropins/tools/types/elsie/src/lib/slot';
+import { SearchItem } from './search.types';
+
+export type AddAllToCartContext = {
+    handleAddToCart: (() => void) | undefined;
+    loading?: boolean;
+    isDisabledButton?: boolean;
+};
+export type QuickOrderItemSearchContext = {
+    item: OrderItem;
+    scope: string;
+    handleSearchChange: (e: Event) => void;
+    searchResults: OrderItem[];
+    searchValue: string;
+    shouldShowResults: boolean;
+    handleItemClick: (item: OrderItem) => void;
+};
+export type QuickOrderSearchAutocompleteItemContext<T extends SearchItem = SearchItem> = {
+    item: T;
+    index: number;
+    createItemClickHandler: (item: T) => () => void;
+    createResultItemKeyDownHandler: (index: number, item: T) => (e: KeyboardEvent) => void;
+};
+export type ProductPriceContext = {
+    item: OrderItem;
+    scope: string;
+};
+export type ProductOptionsContext = {
+    item: OrderItem;
+    scope: string;
+};
+export interface ProductImage {
+    url: string;
+    label: string;
+    roles: string[];
+}
+export interface ProductPrice {
+    regular?: {
+        amount?: number;
+        currency?: string;
+        variant?: string;
+    };
+    final: {
+        amount?: number;
+        minimumAmount?: number;
+        maximumAmount?: number;
+        currency: string;
+        variant?: string;
+    };
+    tiers: Array<unknown>;
+    visible: boolean;
+}
+export interface ProductAttribute {
+    id: string;
+    label: string;
+    value: string;
+}
+export interface ProductOptionItem {
+    id: string;
+    inStock: boolean;
+    label: string;
+    selected: boolean;
+    value: string;
+}
+export interface ProductOption {
+    id: string;
+    type: string;
+    typename: string;
+    label: string;
+    required: boolean;
+    multiple: boolean;
+    items: ProductOptionItem[];
+}
+export interface ProductData {
+    name: string;
+    sku: string;
+    isBundle: boolean;
+    addToCartAllowed: boolean;
+    inStock: boolean;
+    shortDescription: string;
+    metaDescription: string;
+    metaKeyword: string;
+    metaTitle: string;
+    description: string;
+    images: ProductImage[];
+    prices: ProductPrice;
+    attributes: ProductAttribute[];
+    options: ProductOption[];
+    optionUIDs?: string[];
+    url: string;
+    urlKey: string;
+    externalId: string;
+    productType: string;
+}
+export interface OrderItemInput {
+    sku: string;
+    variantSku?: string;
+    quantity?: number;
+    replaceItemSku?: string;
+}
+export interface OrderItem extends ProductData {
+    id?: string;
+    variantSku?: string;
+    sku: string;
+    quantity: number;
+}
+export interface QuickOrderItemsProps {
+    className?: string;
+    getProductsData?: (items: OrderItemInput[]) => Promise<OrderItem[]>;
+    productsSearch?: (params: {
+        phrase: string;
+        filter: Array<{
+            attribute: string;
+            in: string[];
+        }>;
+    }) => Promise<{
+        items: OrderItem[];
+    }>;
+    onAddAllToCart?: (items: any[]) => void | Promise<void>;
+    searchFilter?: Array<{
+        attribute: string;
+        in: string[];
+    }>;
+    slots?: {
+        AddAllToCartButton?: SlotProps<AddAllToCartContext>;
+        ProductPrice?: SlotProps<ProductPriceContext>;
+        ProductOptions?: SlotProps<ProductOptionsContext>;
+        QuickOrderItemSearch?: SlotProps<QuickOrderItemSearchContext>;
+        QuickOrderSearchAutocompleteItem?: SlotProps<QuickOrderSearchAutocompleteItemContext<SearchItem>>;
+    };
+}
+export interface QuickOrderItemProps {
+    item: OrderItem;
+    index: number;
+    t: Record<string, string>;
+    onRemove: (sku: string) => void;
+    slots?: QuickOrderItemsProps['slots'];
+    scope: string;
+}
+export interface QuickOrderListItemProps {
+    item: OrderItem;
+    t: Record<string, string>;
+    onRemove: (sku: string) => void;
+    onUpdateQuantity?: (sku: string, quantity: number) => void;
+    isUpdating?: boolean;
+    loading?: boolean;
+    productsSearch?: (params: {
+        phrase: string;
+        filter: Array<{
+            attribute: string;
+            in: string[];
+        }>;
+    }) => Promise<{
+        items: OrderItem[];
+    }>;
+    searchFilter?: Array<{
+        attribute: string;
+        in: string[];
+    }>;
+    slots?: {
+        AddAllToCartButton?: SlotProps<AddAllToCartContext>;
+        ProductPrice?: SlotProps<ProductPriceContext>;
+        ProductOptions?: SlotProps<ProductOptionsContext>;
+        QuickOrderItemSearch?: SlotProps<QuickOrderItemSearchContext>;
+    };
+}
+export interface QuickOrderItemsListProps {
+    t: Record<string, string>;
+    items: OrderItem[];
+    onRemove: (sku: string) => void;
+    onUpdateQuantity?: (sku: string, quantity: number) => void;
+    handleAddToCart?: () => void;
+    isItemUpdating?: (sku: string) => boolean;
+    setDisabledCartButton?: (disabled: boolean) => void;
+    productsSearch?: (params: {
+        phrase: string;
+        filter: Array<{
+            attribute: string;
+            in: string[];
+        }>;
+    }) => Promise<{
+        items: OrderItem[];
+    }>;
+    searchFilter?: Array<{
+        attribute: string;
+        in: string[];
+    }>;
+    slots?: QuickOrderItemsProps['slots'];
+    loading?: boolean;
+    isDisabledButton?: boolean;
+}
+export interface UseQuickOrderItemsProps extends Omit<QuickOrderItemsProps, 'className'> {
+    getProductsData?: (items: OrderItemInput[]) => Promise<OrderItem[]>;
+}
+export interface UseQuickOrderItemsReturn {
+    items: OrderItem[];
+    loading: boolean;
+    removeItem: (sku: string) => void;
+    updateItemQuantity: (sku: string, quantity: number) => void;
+    handleAddToCart: () => void;
+    isItemUpdating: (sku: string) => boolean;
+    isDisabledButton: boolean;
+    setDisabledCartButton: (disabled: boolean) => void;
+}
+//# sourceMappingURL=quickOrderItems.types.d.ts.map