@dropins/tools 1.6.0-alpha1 → 1.6.0-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.
Files changed (10) hide show
  1. package/components.js +1 -1
  2. package/components.js.map +1 -1
  3. package/fetch-graphql.js +1 -1
  4. package/fetch-graphql.js.map +1 -1
  5. package/lib/aem/configs.js +1 -1
  6. package/lib/aem/configs.js.map +1 -1
  7. package/package.json +1 -1
  8. package/types/elsie/src/lib/aem/configs.d.ts +3 -3
  9. package/types/fetch-graphql/src/index.d.ts +3 -12
  10. package/types/recaptcha/src/index.d.ts +1 -3
package/components.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"mappings":"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","names":["SINGLELINE","SkeletonRow","className","fullWidth","lines","size","variant","children","multilineGap","props","sharedClasses","jsx","classes","svg","_","index","Skeleton","rowGap","lazyIcons","lazy","__vitePreload","n","isValidUrl","source","absoluteUrl","UrlSvgLoader","url","svgContent","setSvgContent","useState","loading","setLoading","error","setError","useEffect","response","content","e","processedContent","Icon","Source","stroke","viewBox","defaultProps","isLikelyUrl","Suspense","LazyIcon","isRejectedUrl","Incrementer","name","value","disabled","success","min","max","onValue","onUpdateError","showButtons","currentValue","setCurrentValue","minValue","maxValue","isInvalid","errorMessage","propValue","debouncedOnValueHandler","useCallback","debounce","newValue","handleIncrementer","_value","jsxs","Localizer","Text","Minus","Add","Input","floatingLabel","icon","maxLength","id","handleOnValue","input","VComponent","WarningWithCircle","CheckWithCircle","InputDate","label","onChange","onBlur","internalValue","setInternalValue","iosInputRef","useRef","dictionary","useText","handleOnFocus","event","isIOSMobileDevice","handleOnClick","_a","handleOnBlur","handleInputChange","Field","Date","getIcon","PendingValidation","Check","ErrorValidation","PasswordStatusIndicator","minLength","requiredCharacterClasses","uniqueSymbolsStatus","validateLengthConfig","translations","getMessage","chart","InputPassword","placeholder","required","autoComplete","defaultValue","hideStatusIndicator","showPassword","setShowPassword","toggleShowPassword","prevShowPassword","title","Locker","Button","Eye","EyeClose","TextArea","textareaRef","useId","textArea","Divider","Price","amount","currency","locale","weight","sale","formatOptions","effectiveLocale","useMemo","globalLocale","getGlobalLocale","define_process_env_default","formatter","params","formattedAmount","RadioButton","checked","description","busy","active","activeChildren","activeIcon","href","buttonType","iconClassName","attributes","findSelectedValue","defaultOption","firstAvailableOption","Picker","options","handleSelect","uniqueId","isRequired","option","selectedValue","setSelectedValue","handleOptionClick","element","optionsListItems","text","isSelected","hasToDisplayPlaceholder","ChevronDown","hint","ChildComponent","createElement","ActionButton","ActionButtonGroup","activeOption","dividers","activeOptionState","setActiveOptionState","handleClick","buttonGroupOptions","Children","child","isOptionDisabled","isOptionActive","cloneElement","Card","Checkbox","isChecked","setIsChecked","ref","handleCheckboxChange","handleOnKeyDown","ColorSwatch","groupAriaLabel","color","selected","outOfStock","multi","outOfStockLabel","selectedLabel","swatchLabel","onValueHandler","validColor","colorStyle","handleAriaLabel","TextSwatch","isOverflowing","setIsOverflowing","spanRef","ProgressSpinner","ariaLabel","style","commonClasses","ImageSwatch","src","alt","imageNode","imageProps","Image","AccordionSection","ariaLabelTitle","secondaryText","actionIconPosition","iconOpen","iconClose","iconLeft","showIconLeft","renderContentWhenClosed","defaultOpen","onStateChange","open","setOpen","onClickHandler","next","buttonLabel","openIcon","closeIcon","leftIcon","Accordion","divider","renderAccordionSection","Fragment","InLineAlert","type","additionalActions","onDismiss","heading","itemList","actionButtonPosition","_b","_c","Close","action","Portal","portalRoot","contentRef","useLayoutEffect","Modal","centered","backgroundDim","clickToDismiss","escapeToDismiss","onClose","showCloseButton","handleOnClose","handleOutsideClick","modal","modalBody","handleKeyDown","scrollingElement","defaultOverflowValue","CloseSVG","CartItem","image","price","taxIncluded","taxExcluded","total","totalExcludingTax","sku","configurations","warning","alert","discount","savings","actions","removeContent","quantity","quantityContent","footer","updating","quantityType","dropdownOptions","onQuantity","onRemove","useContext","UIContext","labels","CartItemSkeleton","quantityComponent","key","Trash","CartList","PriceRange","minimumAmount","maximumAmount","display","specialPrice","isSimpleProduct","Dashed","FromTo","SpecialPrice","Breadcrumbs","categories","separator","category","AlertBanner","message","IllustratedMessage","headingLevel","Heading","ToggleButton","level","HeadingTag","Header","cta","Tag","ContentGrid","maxColumns","columnWidth","emptyGridContent","hasChildren","additionalStyles","Pagination","totalPages","currentPage","handleForward","nextPage","handleBackward","prevPage","handleSetPage","isNumber","createPages","pages","addPageRange","start","end","i","paginationList","item","ProductItemCardSkeleton","ProductItemCard","titleNode","actionButton","swatches","initialized","InputFile","accept","multiple","providedId","generatedId","handleChange","Table","columns","rowData","mobileLayout","caption","expandedRows","skeletonRowCount","onSortChange","handleSort","column","nextDirection","renderSortButton","iconSource","renderSkeletonRows","rowIndex","renderDataRows","row","hasDetails","isExpanded","cell","getAriaSort","filterOptions","searchTerm","getSelectedLabels","v","opt","generateIds","baseId","useAccessibilityAnnouncements","announcement","setAnnouncement","announce","useKeyboardNavigation","filteredOptions","focusedIndex","setFocusedIndex","dropdownRef","items","direction","prev","step","nextIndex","MultiSelect","selectAllText","deselectAllText","noResultsText","maxHeight","isOpen","setIsOpen","setSearchTerm","containerRef","searchInputRef","closeDropdown","resetSearch","navigate","handleClickOutside","handleContainerClick","optionValue","isCurrentlySelected","handleRemoveTag","handleSelectAll","allFilteredValues","currentValueSet","newSelections","val","handleDeselectAll","filteredValues","removedCount","handleInputKeyDown","focusedOption","selectedLabels","listboxId","searchInputId","labelId","selectedDescriptionId","currentFocusedId","hasSelection","count","renderSelectedTags","totalSelected","fieldContext","selectedItemsText","renderSearchInput","target","renderDropdownControls","renderOptionsList","isFocused","optionId"],"ignoreList":[],"sources":["/@dropins/tools/src/components/Skeleton/Skeleton.tsx","/@dropins/tools/src/components/Icon/Icon.tsx","/@dropins/tools/src/components/Incrementer/Incrementer.tsx","/@dropins/tools/src/components/Input/Input.tsx","/@dropins/tools/src/components/InputDate/InputDate.tsx","/@dropins/tools/src/components/InputPassword/PasswordStatusIndicator/PasswordStatusIndicator.tsx","/@dropins/tools/src/components/InputPassword/InputPassword.tsx","/@dropins/tools/src/components/TextArea/TextArea.tsx","/@dropins/tools/src/components/Divider/Divider.tsx","/@dropins/tools/src/components/Price/Price.tsx","/@dropins/tools/src/components/RadioButton/RadioButton.tsx","/@dropins/tools/src/components/Button/Button.tsx","/@dropins/tools/src/components/Picker/Picker.tsx","/@dropins/tools/src/components/Field/Field.tsx","/@dropins/tools/src/components/ActionButton/ActionButton.tsx","/@dropins/tools/src/components/ActionButtonGroup/ActionButtonGroup.tsx","/@dropins/tools/src/components/Card/Card.tsx","/@dropins/tools/src/components/Checkbox/Checkbox.tsx","/@dropins/tools/src/components/ColorSwatch/ColorSwatch.tsx","/@dropins/tools/src/components/TextSwatch/TextSwatch.tsx","/@dropins/tools/src/components/ProgressSpinner/ProgressSpinner.tsx","/@dropins/tools/src/components/ImageSwatch/ImageSwatch.tsx","/@dropins/tools/src/components/Accordion/Accordion.tsx","/@dropins/tools/src/components/InLineAlert/InLineAlert.tsx","/@dropins/tools/src/components/Portal/Portal.tsx","/@dropins/tools/src/components/Modal/Modal.tsx","/@dropins/tools/src/components/CartItem/CartItem.tsx","/@dropins/tools/src/components/CartItem/CartItemSkeleton.tsx","/@dropins/tools/src/components/CartList/CartList.tsx","/@dropins/tools/src/components/PriceRange/PriceRange.tsx","/@dropins/tools/src/components/Breadcrumbs/Breadcrumbs.tsx","/@dropins/tools/src/components/AlertBanner/AlertBanner.tsx","/@dropins/tools/src/components/IllustratedMessage/IllustratedMessage.tsx","/@dropins/tools/src/components/ToggleButton/ToggleButton.tsx","/@dropins/tools/src/components/Header/Header.tsx","/@dropins/tools/src/components/Tag/Tag.tsx","/@dropins/tools/src/components/ContentGrid/ContentGrid.tsx","/@dropins/tools/src/components/Pagination/Pagination.tsx","/@dropins/tools/src/components/ProductItemCard/ProductItemCardSkeleton.tsx","/@dropins/tools/src/components/ProductItemCard/ProductItemCard.tsx","/@dropins/tools/src/components/InputFile/InputFile.tsx","/@dropins/tools/src/components/Table/Table.tsx","/@dropins/tools/src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/Skeleton/Skeleton.css';\n\nexport interface SkeletonRowProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'size'> {\n fullWidth?: boolean;\n lines?: number;\n size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';\n variant?: 'heading' | 'row' | 'empty';\n multilineGap?: 'xsmall' | 'small' | 'medium' | 'big' | 'xbig';\n children?: string;\n}\n\nconst SINGLELINE = 1;\n\nexport const SkeletonRow: FunctionComponent<SkeletonRowProps> = ({\n className,\n fullWidth = false,\n lines = SINGLELINE,\n size = 'small',\n variant = 'row',\n children = null,\n multilineGap = 'medium',\n ...props\n}) => {\n const sharedClasses = [\n [`dropin-skeleton-row__${variant}`, variant],\n [`dropin-skeleton-row__${variant}-${size}`, variant && size],\n ];\n\n if (!children && variant === 'empty') {\n return (\n <div\n className={classes([\n 'dropin-skeleton-row dropin-skeleton-row__empty',\n className,\n ])}\n />\n );\n }\n\n if (children) {\n const svg = children.trim();\n return (\n <div\n {...props}\n class={classes([\n 'dropin-skeleton-row',\n [`dropin-skeleton-row--full`, fullWidth],\n className,\n ])}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{ __html: svg }}\n />\n );\n }\n\n const isMultiline = lines > SINGLELINE;\n\n if (isMultiline === false) {\n return (\n <div\n {...props}\n class={classes([\n 'dropin-skeleton-row',\n [`dropin-skeleton-row--full`, fullWidth],\n 'dropin-skeleton--row__content',\n ...sharedClasses,\n className,\n ])}\n />\n );\n }\n\n return (\n <div\n {...props}\n style={{ '--multiline-gap-spacing': `var(--spacing-${multilineGap})` }}\n class={classes([\n 'dropin-skeleton-row--multiline',\n [`dropin-skeleton-row--full`, fullWidth],\n className,\n ])}\n >\n {Array.from({ length: lines }).map((_, index) => (\n <div\n key={index}\n class={classes([\n 'dropin-skeleton-row',\n [`dropin-skeleton-row--full`, fullWidth],\n 'dropin-skeleton--row__content',\n ...sharedClasses,\n ])}\n />\n ))}\n </div>\n );\n};\n\nexport interface SkeletonProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'size'> {\n rowGap?: 'xsmall' | 'small' | 'medium' | 'big' | 'xbig';\n}\n\nexport const Skeleton: FunctionComponent<SkeletonProps> = ({\n className,\n children,\n rowGap = 'medium',\n ...props\n}) => {\n return (\n <div\n style={{ '--row-gap-spacing': `var(--spacing-${rowGap})` }}\n {...props}\n className={classes(['dropin-skeleton', className])}\n role=\"status\"\n aria-label=\"Loading...\"\n >\n {children}\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { classes } from '@adobe-commerce/elsie/lib/classes';\nimport { lazy, Suspense, SVGProps } from 'preact/compat';\nimport { useState, useEffect } from 'preact/hooks';\n\nimport '@adobe-commerce/elsie/components/Icon/Icon.css';\n\nexport type IconType = keyof typeof import('@adobe-commerce/elsie/icons');\n\nconst lazyIcons = {\n Add: lazy(() => import('@adobe-commerce/elsie/icons/Add.svg')),\n Bulk: lazy(() => import('@adobe-commerce/elsie/icons/Bulk.svg')),\n Burger: lazy(() => import('@adobe-commerce/elsie/icons/Burger.svg')),\n Cart: lazy(() => import('@adobe-commerce/elsie/icons/Cart.svg')),\n Check: lazy(() => import('@adobe-commerce/elsie/icons/Check.svg')),\n ChevronDown: lazy(() => import('@adobe-commerce/elsie/icons/ChevronDown.svg')),\n ChevronUp: lazy(() => import('@adobe-commerce/elsie/icons/ChevronUp.svg')),\n ChevronRight: lazy(() => import('@adobe-commerce/elsie/icons/ChevronRight.svg')),\n Close: lazy(() => import('@adobe-commerce/elsie/icons/Close.svg')),\n Heart: lazy(() => import('@adobe-commerce/elsie/icons/Heart.svg')),\n Minus: lazy(() => import('@adobe-commerce/elsie/icons/Minus.svg')),\n Placeholder: lazy(() => import('@adobe-commerce/elsie/icons/Placeholder.svg')),\n PlaceholderFilled: lazy(\n () => import('@adobe-commerce/elsie/icons/PlaceholderFilled.svg')\n ),\n Search: lazy(() => import('@adobe-commerce/elsie/icons/Search.svg')),\n SearchFilled: lazy(() => import('@adobe-commerce/elsie/icons/SearchFilled.svg')),\n Sort: lazy(() => import('@adobe-commerce/elsie/icons/Sort.svg')),\n Star: lazy(() => import('@adobe-commerce/elsie/icons/Star.svg')),\n View: lazy(() => import('@adobe-commerce/elsie/icons/View.svg')),\n User: lazy(() => import('@adobe-commerce/elsie/icons/User.svg')),\n Warning: lazy(() => import('@adobe-commerce/elsie/icons/Warning.svg')),\n Locker: lazy(() => import('@adobe-commerce/elsie/icons/Locker.svg')),\n Wallet: lazy(() => import('@adobe-commerce/elsie/icons/Wallet.svg')),\n Card: lazy(() => import('@adobe-commerce/elsie/icons/Card.svg')),\n Order: lazy(() => import('@adobe-commerce/elsie/icons/Order.svg')),\n Delivery: lazy(() => import('@adobe-commerce/elsie/icons/Delivery.svg')),\n OrderError: lazy(() => import('@adobe-commerce/elsie/icons/OrderError.svg')),\n OrderSuccess: lazy(() => import('@adobe-commerce/elsie/icons/OrderSuccess.svg')),\n PaymentError: lazy(() => import('@adobe-commerce/elsie/icons/PaymentError.svg')),\n CheckWithCircle: lazy(() => import('@adobe-commerce/elsie/icons/CheckWithCircle.svg')),\n WarningWithCircle: lazy(\n () => import('@adobe-commerce/elsie/icons/WarningWithCircle.svg')\n ),\n WarningFilled: lazy(() => import('@adobe-commerce/elsie/icons/WarningFilled.svg')),\n InfoFilled: lazy(() => import('@adobe-commerce/elsie/icons/InfoFilled.svg')),\n HeartFilled: lazy(() => import('@adobe-commerce/elsie/icons/HeartFilled.svg')),\n Trash: lazy(() => import('@adobe-commerce/elsie/icons/Trash.svg')),\n Eye: lazy(() => import('@adobe-commerce/elsie/icons/Eye.svg')),\n EyeClose: lazy(() => import('@adobe-commerce/elsie/icons/EyeClose.svg')),\n Date: lazy(() => import('@adobe-commerce/elsie/icons/Date.svg')),\n AddressBook: lazy(() => import('@adobe-commerce/elsie/icons/AddressBook.svg')),\n EmptyBox: lazy(() => import('@adobe-commerce/elsie/icons/EmptyBox.svg')),\n Coupon: lazy(() => import('@adobe-commerce/elsie/icons/Coupon.svg')),\n Gift: lazy(() => import('@adobe-commerce/elsie/icons/Gift.svg')),\n GiftCard: lazy(() => import('@adobe-commerce/elsie/icons/GiftCard.svg')),\n Edit: lazy(() => import('@adobe-commerce/elsie/icons/Edit.svg')),\n};\n\nexport interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'size'> {\n source?:\n | FunctionComponent<SVGProps<SVGSVGElement> & { title?: string }>\n | IconType\n | string;\n size?: '12' | '16' | '24' | '32' | '64' | '80';\n stroke?: '1' | '2' | '3' | '4';\n className?: string;\n title?: string;\n}\n\nexport type IconNode = FunctionComponent<\n SVGProps<SVGSVGElement> & { title?: string }\n>;\n\nfunction isValidUrl(source: string): boolean { // check for URL from same domain\n try {\n if (source.startsWith('//')) {\n const absoluteUrl = `${window.location.protocol}${source}`;\n const url = new URL(absoluteUrl);\n if (url.hostname !== window.location.hostname) {\n console.error(\n `[Icon] External URL rejected for security: ${source} - Only same-domain URLs are allowed`\n );\n return false;\n }\n return true;\n }\n const url = new URL(source);\n \n if (url.hostname !== window.location.hostname) {\n console.error(`[Icon] External URL rejected for security: ${source} - Only same-domain URLs are allowed`);\n return false;\n }\n \n return true;\n } catch {\n console.error(`[Icon] Invalid URL format: ${source}`);\n return false;\n }\n}\n\nfunction UrlSvgLoader({\n url,\n ...props\n}: SVGProps<SVGSVGElement> & { url: string }) {\n const [svgContent, setSvgContent] = useState<string>('');\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(false);\n\n useEffect(() => {\n fetch(url)\n .then(response => {\n if (!response.ok) {\n console.error(`[Icon] Failed to fetch SVG: ${response.status} ${response.statusText}`);\n throw error;\n }\n return response.text();\n })\n .then(content => {\n // Check if content is valid SVG\n try {\n const parser = new DOMParser();\n const doc = parser.parseFromString(content, \"image/svg+xml\");\n const svg = doc.querySelector('svg');\n if (!svg) {\n throw new Error(\"No <svg> element found\");\n }\n // Success!\n } catch(e: unknown) {\n if (e instanceof Error ) {\n console.error(`[Icon] Invalid SVG content from ${url}: ${e.message}`);\n } else {\n console.error(`[Icon] Invalid SVG content from ${url}: ${String(e)}`);\n }\n setError(true);\n setLoading(false);\n }\n \n\n // Process SVG content to ensure proper sizing and accessibility\n let processedContent = content;\n\n if (props.width) {\n processedContent = processedContent.replace(\n /<svg([^>]*)\\s+width\\s*=\\s*[\"'][^\"']*[\"']/gi,\n '<svg$1'\n );\n processedContent = processedContent.replace(\n /<svg/i,\n `<svg width=\"${props.width}\"`\n );\n }\n\n if (props.height) {\n processedContent = processedContent.replace(\n /<svg([^>]*)\\s+height\\s*=\\s*[\"'][^\"']*[\"']/gi,\n '<svg$1'\n );\n processedContent = processedContent.replace(\n /<svg/i,\n `<svg height=\"${props.height}\"`\n );\n }\n \n if (props.title) {\n processedContent = processedContent.replace(/<title[^>]*>.*?<\\/title>/gi, '');\n processedContent = processedContent.replace(\n /<svg([^>]*)>/i,\n `<svg$1><title>${props.title}</title>`\n );\n }\n \n setSvgContent(processedContent);\n setLoading(false);\n })\n .catch((error) => {\n if (error instanceof Error) {\n console.error(`[Icon] ${error.message}`);\n } else {\n console.error(`[Icon] ${String(error)}`);\n }\n setError(true);\n setLoading(false);\n });\n }, [url, props.width, props.height, props.title]);\n\n if (loading || error) {\n return <svg {...props} />;\n }\n\n return (\n <span\n className={props.className}\n style={{\n width: String(props.width),\n height: String(props.height),\n display: 'inline-flex',\n lineHeight: 0,\n }}\n dangerouslySetInnerHTML={{ __html: svgContent }}\n />\n );\n}\n\nexport function Icon({\n source: Source,\n size = '24',\n stroke = '2',\n viewBox = '0 0 24 24',\n className,\n ...props\n}: IconProps) {\n\n const defaultProps = {\n className: classes([\n 'dropin-icon',\n `dropin-icon--shape-stroke-${stroke}`,\n className,\n ]),\n width: size,\n height: size,\n viewBox,\n };\n\n // Only validate strings that look like URLs (start with http, //, or /)\n const isLikelyUrl =\n typeof Source === 'string' &&\n (Source.startsWith('http') ||\n Source.startsWith('//') ||\n Source.startsWith('/'));\n\n if (isLikelyUrl && isValidUrl(Source)) {\n return (\n <Suspense fallback={<svg {...props} {...defaultProps} />}>\n <UrlSvgLoader url={Source} {...props} {...defaultProps}/>\n </Suspense>\n );\n }\n\n const LazyIcon = typeof Source === 'string' && Source in lazyIcons\n ? lazyIcons[Source as IconType]\n : null;\n\n const isRejectedUrl = isLikelyUrl && !isValidUrl(Source);\n\n return (\n <Suspense fallback={<svg {...props} {...defaultProps} />}>\n {LazyIcon ? (\n <LazyIcon {...props} {...defaultProps} />\n ) : isRejectedUrl ? (\n <svg {...props} {...defaultProps} />\n ) : (\n // @ts-ignore\n <Source {...props} {...defaultProps} />\n )}\n </Suspense>\n );\n}\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { useState, useCallback, useEffect } from 'preact/hooks';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes, debounce } from '@adobe-commerce/elsie/lib';\nimport { Add, Minus } from '@adobe-commerce/elsie/icons';\nimport { Icon } from '@adobe-commerce/elsie/components/Icon';\nimport { Localizer, Text } from '@adobe-commerce/elsie/i18n';\nimport '@adobe-commerce/elsie/components/Incrementer/Incrementer.css';\n\nexport interface IncrementerProps\n extends Omit<HTMLAttributes<HTMLInputElement>, 'size'> {\n name?: string;\n size?: 'medium' | 'large';\n onValue?: (value: any) => void;\n onUpdateError?: (error: Error) => void;\n error?: boolean;\n success?: boolean;\n min?: number;\n max?: number;\n disabled?: boolean;\n maxLength?: number;\n showButtons?: boolean;\n}\n\nexport const Incrementer: FunctionComponent<IncrementerProps> = ({\n name,\n value = '1',\n className,\n disabled,\n error,\n success,\n min,\n max,\n onValue,\n onUpdateError,\n size = 'medium',\n showButtons = true,\n ...props\n}) => {\n const [currentValue, setCurrentValue] = useState<number>(Number(value));\n const minValue = Number(min);\n const maxValue = Number(max);\n const isInvalid = error || currentValue < minValue || currentValue > maxValue;\n\n const errorMessage =\n currentValue < minValue\n ? 'Dropin.Incrementer.minQuantityMessage'\n : currentValue > maxValue\n ? 'Dropin.Incrementer.maxQuantityMessage'\n : 'Dropin.Incrementer.errorMessage';\n\n // Add this effect to synchronize internal state with external value prop\n useEffect(() => {\n const propValue = Number(value);\n if (propValue !== currentValue) {\n setCurrentValue(propValue);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [value]);\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n const debouncedOnValueHandler = useCallback(\n debounce(async (newValue: any) => {\n if (onValue) {\n try {\n onValue(newValue);\n } catch (e) {\n if (onUpdateError) {\n onUpdateError(e as Error);\n }\n }\n }\n }, 200),\n [onValue, onUpdateError]\n );\n\n const handleIncrementer = (_value: number) => {\n let newValue = _value;\n debouncedOnValueHandler(newValue);\n setCurrentValue(newValue);\n };\n\n return (\n <div\n className={classes([\n 'dropin-incrementer',\n `dropin-incrementer--${size}`,\n className,\n ])}\n >\n <div\n className={classes([\n 'dropin-incrementer__content',\n `dropin-incrementer__content--${size}`,\n ['dropin-incrementer__content--no-buttons', !showButtons],\n [`dropin-incrementer__content--error`, isInvalid],\n [`dropin-incrementer__content--success`, success],\n [`dropin-incrementer__content--disabled`, disabled],\n ])}\n >\n {/* Minus Button */}\n {showButtons && (\n <div\n className={classes([\n 'dropin-incrementer__button-container',\n [`dropin-incrementer__button-container--disabled`, disabled],\n ])}\n >\n <Localizer>\n <button\n type=\"button\"\n className={classes([\n 'dropin-incrementer__decrease-button',\n [`dropin-incrementer__decrease-button--disabled`, disabled],\n ])}\n onClick={() => handleIncrementer(currentValue - 1)}\n disabled={disabled || currentValue < minValue + 1}\n aria-label={\n (<Text id=\"Dropin.Incrementer.decreaseLabel\" />) as any\n }\n >\n <Icon\n source={Minus}\n size=\"16\"\n stroke=\"1\"\n viewBox=\"4 2 20 20\"\n className=\"dropin-incrementer__down\"\n />\n </button>\n </Localizer>\n </div>\n )}\n\n {/* Input Field */}\n <input\n className=\"dropin-incrementer__input\"\n max={max}\n min={min}\n step={1}\n type=\"number\"\n name={name}\n value={currentValue}\n disabled={disabled}\n onBlur={() => {\n handleIncrementer(Number(currentValue));\n }}\n onChange={(e) => {\n const newValue = e.currentTarget.value;\n if (newValue !== '') {\n handleIncrementer(Number(newValue));\n }\n }}\n {...props}\n />\n\n {showButtons && (\n <div\n className={classes([\n 'dropin-incrementer__button-container',\n [`dropin-incrementer__button-container--disabled`, disabled],\n ])}\n >\n {/* Plus/Add button */}\n <Localizer>\n <button\n type=\"button\"\n className={classes([\n 'dropin-incrementer__increase-button',\n [`dropin-incrementer__increase-button--disabled`, disabled],\n ])}\n onClick={() => handleIncrementer(currentValue + 1)}\n disabled={disabled || currentValue > maxValue - 1}\n aria-label={\n (<Text id=\"Dropin.Incrementer.increaseLabel\" />) as any\n }\n >\n <Icon\n source={Add}\n size=\"16\"\n stroke=\"1\"\n viewBox=\"4 2 20 20\"\n className=\"dropin-incrementer__add\"\n />\n </button>\n </Localizer>\n </div>\n )}\n </div>\n {isInvalid && (\n <p className=\"dropin-incrementer__content--error-message\">\n <Text\n id={errorMessage}\n fields={{ minQuantity: min, maxQuantity: max }}\n />\n </p>\n )}\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { Icon } from '@adobe-commerce/elsie/components/Icon';\nimport '@adobe-commerce/elsie/components/Input/Input.css';\nimport { CheckWithCircle, WarningWithCircle } from '@adobe-commerce/elsie/icons';\nimport { VComponent, classes, debounce } from '@adobe-commerce/elsie/lib';\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { useCallback } from 'preact/hooks';\n\nexport interface InputProps\n extends Omit<HTMLAttributes<HTMLInputElement>, 'size' | 'icon'> {\n id?: string;\n name?: string;\n variant?: 'primary' | 'secondary';\n disabled?: boolean;\n error?: boolean;\n floatingLabel?: string;\n onUpdateError?: (error: Error) => void;\n onValue?: (value: any) => void;\n size?: 'medium' | 'large';\n success?: boolean;\n icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n maxLength?: number;\n}\n\nexport const Input: FunctionComponent<InputProps> = ({\n name,\n value,\n variant = 'primary',\n className,\n disabled,\n error,\n floatingLabel,\n onValue,\n onUpdateError,\n size = 'medium',\n icon,\n maxLength,\n success,\n ...props\n}) => {\n const id = props?.id || name || `dropin-input-${Math.random().toString(36)}`;\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n const debouncedOnValueHandler = useCallback(\n debounce(async (newValue: any) => {\n if (onValue) {\n try {\n await onValue(newValue);\n } catch (e) {\n if (onUpdateError) {\n onUpdateError(e as Error);\n }\n }\n }\n }, 200),\n [onValue, onUpdateError]\n );\n\n const handleOnValue = (e: Event) => {\n const input = e.target as HTMLInputElement;\n\n debouncedOnValueHandler(input.value.trim());\n };\n\n return (\n <div\n className={classes([\n 'dropin-input-container',\n `dropin-input-container--${variant}`,\n [`dropin-input-container--floating`, !!floatingLabel],\n ['dropin-input-container--disabled', disabled],\n ])}\n >\n {icon && (\n <VComponent\n node={icon}\n className={classes([\n 'dropin-input__field-icon--left',\n icon.props.className,\n ])}\n />\n )}\n <div className=\"dropin-input-label-container\">\n {/* Input */}\n <input\n id={id}\n onChange={handleOnValue}\n type=\"text\"\n maxLength={maxLength}\n name={name}\n value={value}\n {...props}\n className={classes([\n 'dropin-input',\n `dropin-input--${size}`,\n `dropin-input--${variant}`,\n [`dropin-input--error`, !!error],\n [`dropin-input--success`, !!success],\n ['dropin-input--disabled', disabled],\n [`dropin-input--floating`, !!floatingLabel],\n [`dropin-input--icon-left`, !!icon],\n className,\n ])}\n disabled={disabled}\n />\n\n {/* Floating Label */}\n {floatingLabel && (\n <label\n htmlFor={id}\n className={classes([\n [`dropin-input__label--floating`, !!floatingLabel],\n [`dropin-input__label--floating--icon-left`, !!icon],\n [`dropin-input__label--floating--error`, !!error],\n ])}\n >\n {floatingLabel}\n </label>\n )}\n </div>\n\n {error && (\n <div\n className={classes([\n 'dropin-input__field-icon--right',\n 'dropin-input__field-icon--error',\n ])}\n >\n <Icon\n source={WarningWithCircle}\n size=\"16\"\n stroke=\"2\"\n className=\"dropin-input--warning-icon\"\n viewBox=\"-1 -1 26 26\"\n />\n </div>\n )}\n\n {success && (\n <div\n className={classes([\n 'dropin-input__field-icon--right',\n 'dropin-input__field-icon--success',\n ])}\n >\n <Icon\n source={CheckWithCircle}\n size=\"16\"\n stroke=\"2\"\n className=\"dropin-input--success-icon\"\n viewBox=\"-1 -1 26 26\"\n />\n </div>\n )}\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { useRef, useState } from 'preact/hooks';\nimport { classes, isIOSMobileDevice } from '@adobe-commerce/elsie/lib';\nimport { JSX } from 'preact/compat';\nimport { Field, Icon, Input, InputProps } from '@adobe-commerce/elsie/components';\nimport { Date } from '@adobe-commerce/elsie/icons';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nimport '@adobe-commerce/elsie/components/InputDate/InputDate.css';\nimport { useCallback } from 'react';\n\nexport interface InputDateProps extends Omit<InputProps, 'error' | 'value'> {\n label?: string;\n name?: string;\n error?: string;\n value?: Date;\n}\n\nexport const InputDate: FunctionComponent<InputDateProps> = ({\n name = '',\n error,\n value,\n label,\n onChange,\n onBlur,\n ...props\n}) => {\n const [internalValue, setInternalValue] = useState(value?.toString() ?? '');\n const iosInputRef = useRef<HTMLInputElement>(null);\n const dictionary = useText({\n picker: 'Dropin.InputDate.picker',\n });\n\n const handleOnFocus: JSX.MouseEventHandler<HTMLInputElement> = useCallback(\n (event) => {\n event.currentTarget.setAttribute('type', 'date');\n\n if (!isIOSMobileDevice()) return;\n\n iosInputRef.current.focus();\n },\n []\n );\n\n const handleOnClick: JSX.MouseEventHandler<HTMLButtonElement> = useCallback(\n (event) => {\n const input = event.currentTarget.parentElement?.querySelector('input');\n input?.focus();\n input?.showPicker();\n },\n []\n );\n\n const handleOnBlur: JSX.MouseEventHandler<HTMLInputElement> = useCallback(\n (event) => {\n event.currentTarget.setAttribute('type', 'text');\n onBlur?.(event);\n },\n [onBlur]\n );\n\n const handleInputChange: JSX.MouseEventHandler<HTMLInputElement> =\n useCallback(\n (event) => {\n setInternalValue(event.target.value);\n onChange?.(event);\n },\n [onChange]\n );\n\n return (\n <div className={classes(['dropin-input-date'])}>\n {/* This simple input is needed only for iOS devices to trigger the date picker. */}\n {isIOSMobileDevice() ? (\n <input\n ref={iosInputRef}\n data-testid=\"inputDateIos\"\n className=\"dropin-input-date__input--ios\"\n type=\"date\"\n onChange={handleInputChange}\n />\n ) : null}\n <Field error={error}>\n <Input\n data-testid=\"input-date\"\n error={!!error}\n name={name}\n value={internalValue}\n placeholder={label}\n floatingLabel={label}\n onFocus={handleOnFocus}\n onBlur={handleOnBlur}\n onChange={handleInputChange}\n aria-labelledby={label}\n className=\"dropin-input-date__input\"\n {...props}\n />\n </Field>\n\n <button\n type=\"button\"\n data-testid=\"dropin-input-date__icon\"\n className=\"dropin-input-date__icon\"\n aria-label={dictionary.picker}\n onClick={handleOnClick}\n >\n <Icon source={Date} size=\"24\" />\n </button>\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, JSX } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport {\n Check,\n Close as ErrorValidation,\n Minus as PendingValidation,\n} from '@adobe-commerce/elsie/icons';\n\nimport '@adobe-commerce/elsie/components/InputPassword/PasswordStatusIndicator/PasswordStatusIndicator.css';\n\ntype statusTypes = '' | 'success' | 'error' | 'pending';\n\nexport interface ValidateLengthConfigProps {\n status?: statusTypes;\n icon?: statusTypes;\n message?: string;\n}\n\nexport interface PasswordStatusIndicatorProps {\n validateLengthConfig?: ValidateLengthConfigProps;\n uniqueSymbolsStatus?: statusTypes;\n minLength?: number;\n requiredCharacterClasses?: number;\n}\n\nconst getIcon: { [key: string]: JSX.Element } = {\n pending: <PendingValidation />,\n success: <Check />,\n error: <ErrorValidation style={{ fill: 'red' }} />,\n};\n\nexport const PasswordStatusIndicator: FunctionComponent<\n PasswordStatusIndicatorProps & HTMLAttributes<HTMLDivElement>\n> = ({\n minLength = 0,\n requiredCharacterClasses = 0,\n uniqueSymbolsStatus = 'pending',\n validateLengthConfig = { status: '', icon: '', message: '' },\n}) => {\n const translations = useText({\n chartTwoSymbols: 'Dropin.PasswordStatusIndicator.chartTwoSymbols',\n chartThreeSymbols: 'Dropin.PasswordStatusIndicator.chartThreeSymbols',\n chartFourSymbols: 'Dropin.PasswordStatusIndicator.chartFourSymbols',\n });\n\n const getMessage = (chart: number) => {\n switch (chart) {\n case 2:\n return translations.chartTwoSymbols;\n case 3:\n return translations.chartThreeSymbols;\n case 4:\n return translations.chartFourSymbols;\n default:\n return '';\n }\n };\n\n return (\n <div className={classes(['dropin-password-status-indicator'])}>\n {minLength > 0 ? (\n <div\n className={`dropin-password-status-indicator__item dropin-password-status-indicator__item--${validateLengthConfig.status}`}\n data-testid={`dropin-password-status-indicator__item--${validateLengthConfig.icon}`}\n >\n {getIcon[validateLengthConfig.icon as string]}\n <span className={`${validateLengthConfig.status}`}>\n {validateLengthConfig.message}\n </span>\n </div>\n ) : null}\n {requiredCharacterClasses >= 2 ? (\n <div\n className={`dropin-password-status-indicator__item dropin-password-status-indicator__item--${uniqueSymbolsStatus}`}\n data-testid={`dropin-password-status-indicator__item--${uniqueSymbolsStatus}`}\n >\n {getIcon[uniqueSymbolsStatus]}\n <span className={`pending`}>\n {getMessage(requiredCharacterClasses)}\n </span>\n </div>\n ) : null}\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { useCallback, useState } from 'preact/hooks';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { Locker, EyeClose, Eye } from '@adobe-commerce/elsie/icons';\nimport { Button, Field, Input, Icon } from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport {\n PasswordStatusIndicator,\n PasswordStatusIndicatorProps,\n} from './PasswordStatusIndicator';\nimport { HTMLAttributes } from 'preact/compat';\n\nimport '@adobe-commerce/elsie/components/InputPassword/InputPassword.css';\n\nexport interface InputPasswordProps\n extends PasswordStatusIndicatorProps,\n Omit<HTMLAttributes<HTMLDivElement>, 'minLength'> {\n placeholder?: string;\n floatingLabel?: string;\n defaultValue?: string;\n className?: string;\n name?: string;\n autoComplete?: string;\n errorMessage?: string | undefined;\n required?: boolean;\n hideStatusIndicator?: boolean;\n onValue?: (value: any) => void;\n onBlur?: (event: Event) => void;\n}\n\nexport const InputPassword: FunctionComponent<InputPasswordProps> = ({\n placeholder,\n floatingLabel,\n children,\n name,\n required,\n className,\n minLength,\n autoComplete,\n defaultValue = '',\n hideStatusIndicator = false,\n uniqueSymbolsStatus,\n validateLengthConfig,\n requiredCharacterClasses,\n errorMessage,\n onValue,\n onBlur,\n ...props\n}) => {\n const translations = useText({\n placeholder: 'Dropin.InputPassword.placeholder',\n floatingLabel: 'Dropin.InputPassword.floatingLabel',\n buttonShowTitle: 'Dropin.InputPassword.buttonShowTitle',\n buttonHideTitle: 'Dropin.InputPassword.buttonHideTitle',\n });\n\n const [showPassword, setShowPassword] = useState(false);\n\n const toggleShowPassword = useCallback(() => {\n setShowPassword((prevShowPassword) => !prevShowPassword);\n }, []);\n\n const title = !showPassword\n ? translations.buttonShowTitle\n : translations.buttonHideTitle;\n\n return (\n <div\n data-testid=\"passwordFieldInput\"\n className={classes([\n 'dropin-input-password',\n ['dropin-input-password--error', errorMessage],\n className,\n ])}\n {...props}\n >\n <Field error={errorMessage}>\n <Input\n autoComplete={autoComplete}\n name={name ?? 'password'}\n type={!showPassword ? 'password' : 'text'}\n placeholder={placeholder || translations.placeholder}\n floatingLabel={floatingLabel || translations.floatingLabel}\n aria-label={translations.placeholder}\n aria-required={required || true}\n aria-invalid={!!errorMessage}\n aria-describedby=\"password-feedback\"\n required={required || false}\n value={defaultValue}\n onValue={onValue}\n icon={<Locker />}\n onBlur={onBlur}\n data-testid=\"passwordInput\"\n />\n </Field>\n <Button\n aria-label={title}\n title={title}\n type={'button'}\n data-testid=\"toggle-password-icon\"\n variant=\"tertiary\"\n className={classes([\n 'dropin-input-password__eye-icon',\n `dropin-input-password__eye-icon--${showPassword ? 'show' : 'hide'}`,\n className,\n ])}\n onClick={toggleShowPassword}\n >\n <Icon\n focusable={false}\n aria-hidden={showPassword}\n source={!showPassword ? EyeClose : Eye}\n />\n </Button>\n {hideStatusIndicator ? null : (\n <PasswordStatusIndicator\n minLength={minLength}\n requiredCharacterClasses={requiredCharacterClasses}\n validateLengthConfig={validateLengthConfig}\n uniqueSymbolsStatus={uniqueSymbolsStatus}\n />\n )}\n {children}\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { HTMLAttributes } from 'preact/compat';\nimport '@adobe-commerce/elsie/components/TextArea/TextArea.css';\nimport { useRef, useEffect, useId } from 'preact/hooks';\n\nexport interface TextAreaProps extends HTMLAttributes<HTMLTextAreaElement> {\n id?: string;\n name?: string;\n disabled?: boolean;\n errorMessage?: string;\n}\n\nexport const TextArea: FunctionComponent<TextAreaProps> = ({\n disabled,\n name = '',\n errorMessage,\n value,\n label,\n className,\n onChange,\n onBlur,\n ...props\n}) => {\n const textareaRef = useRef<HTMLTextAreaElement | null>(null);\n const id = useId();\n const error = !!errorMessage?.length;\n\n useEffect(() => {\n const textArea = textareaRef.current;\n if (!textArea) return;\n\n textArea.style.height = 'auto';\n textArea.style.height = `${textArea.scrollHeight}px`;\n }, [value]);\n\n return (\n <div\n className={classes(['dropin-textarea-container', className])}\n data-testid=\"dropin-textarea-container\"\n >\n <textarea\n ref={textareaRef}\n data-testid=\"dropin-textarea-field\"\n className={classes([\n 'dropin-textarea',\n [`dropin-textarea--error`, error],\n ['dropin-textarea--disabled', !!disabled],\n ])}\n id={id}\n placeholder={label}\n name={name}\n value={value}\n disabled={disabled}\n onBlur={onBlur}\n onChange={onChange}\n {...props}\n />\n <label\n htmlFor={id}\n className={classes([\n `dropin-textarea__label--floating`,\n [`dropin-textarea__label--floating--error`, error],\n ])}\n >\n {label}\n </label>\n {error ? (\n <div\n className={classes([\n `dropin-textarea__label--floating--text`,\n [`dropin-textarea__label--floating--error`, error],\n ])}\n >\n {errorMessage}\n </div>\n ) : null}\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/Divider/Divider.css';\n\nexport interface DividerProps extends HTMLAttributes<HTMLHRElement> {\n variant?: 'primary' | 'secondary';\n}\n\nexport const Divider: FunctionComponent<DividerProps> = ({\n variant = 'primary',\n className,\n}) => {\n return (\n <hr\n role=\"separator\"\n className={classes([\n 'dropin-divider',\n `dropin-divider--${variant}`,\n className,\n ])}\n />\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes, useMemo } from 'preact/compat';\nimport { classes, getGlobalLocale } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/Price/Price.css';\n\nexport interface PriceProps\n extends Omit<HTMLAttributes<HTMLSpanElement>, 'size'> {\n amount?: number;\n currency?: string | null;\n locale?: string;\n formatOptions?: {\n [key: string]: any;\n };\n variant?: 'default' | 'strikethrough';\n weight?: 'bold' | 'normal';\n sale?: boolean;\n size?: 'small' | 'medium' | 'large';\n}\n\nexport const Price: FunctionComponent<PriceProps> = ({\n amount = 0,\n currency,\n locale,\n variant = 'default',\n weight = 'bold',\n className,\n children,\n sale = false,\n formatOptions = {},\n size = 'small',\n ...props\n}) => {\n // Determine the locale to use: prop locale > global locale > browser locale\n const effectiveLocale = useMemo(() => {\n if (locale) {\n return locale;\n }\n const globalLocale = getGlobalLocale();\n if (globalLocale) {\n return globalLocale;\n }\n // Fallback to browser locale or default\n return process.env.LOCALE && process.env.LOCALE !== 'undefined' ? process.env.LOCALE : 'en-US';\n }, [locale]);\n\n const formatter = useMemo(\n () => {\n const params: Intl.NumberFormatOptions = {\n style: 'currency',\n currency: currency || 'USD',\n // These options are needed to round to whole numbers if that's what you want.\n minimumFractionDigits: 2, // (this suffices for whole numbers, but will print 2500.10 as $2,500.1)\n maximumFractionDigits: 2, // (causes 2500.99 to be printed as $2,501)\n ...formatOptions,\n }\n try {\n return new Intl.NumberFormat(effectiveLocale, params);\n } catch (error) {\n console.error(`Error creating Intl.NumberFormat instance for locale ${effectiveLocale}. Falling back to en-US.`, error);\n return new Intl.NumberFormat('en-US', params);\n }\n },\n [effectiveLocale, currency, formatOptions]\n );\n\n const formattedAmount = useMemo(\n () => formatter.format(amount),\n [amount, formatter]\n );\n\n return (\n <span\n {...props}\n className={classes([\n 'dropin-price',\n `dropin-price--${variant}`,\n `dropin-price--${size}`,\n `dropin-price--${weight}`,\n ['dropin-price--sale', sale],\n className,\n ])}\n >\n {formattedAmount}\n </span>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/RadioButton/RadioButton.css';\n\nexport interface RadioButtonProps\n extends Omit<HTMLAttributes<HTMLInputElement>, 'size' | 'label'> {\n label: string | VNode<HTMLAttributes<HTMLElement>>;\n name: string;\n value: string;\n size?: 'medium' | 'large';\n checked?: boolean;\n disabled?: boolean;\n error?: boolean;\n description?: string;\n busy?: boolean;\n}\n\nexport const RadioButton: FunctionComponent<RadioButtonProps> = ({\n name,\n label,\n value,\n size = 'medium',\n checked = false,\n disabled = false,\n error = false,\n description = '',\n busy = false,\n className,\n children,\n ...props\n}) => {\n return (\n <label\n className={classes([\n className,\n 'dropin-radio-button',\n ['dropin-radio-button--error', error],\n ['dropin-radio-button--disabled', disabled],\n ])}\n >\n <input\n name={name}\n value={value}\n checked={checked}\n disabled={disabled}\n type=\"radio\"\n className={classes([\n 'dropin-radio-button__input',\n ['dropin-radio-button__input--error', error],\n ['dropin-radio-button__input--disabled', disabled],\n ])}\n aria-busy={busy}\n {...props}\n />\n <span\n className={classes([\n 'dropin-radio-button__label',\n `dropin-radio-button__label--${size}`,\n ['dropin-radio-button__label--error', error],\n ['dropin-radio-button__label--disabled', disabled],\n ])}\n >\n {label}\n </span>\n <span\n className={classes([\n 'dropin-radio-button__description',\n `dropin-radio-button__description--${size}`,\n ['dropin-radio-button__description--disabled', disabled],\n ])}\n >\n {description}\n </span>\n </label>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { ComponentChildren, FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { VComponent, classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/Button/Button.css';\n\nexport interface ButtonProps\n extends Omit<\n HTMLAttributes<HTMLButtonElement | HTMLAnchorElement>,\n 'size' | 'icon'\n > {\n variant?: 'primary' | 'secondary' | 'tertiary';\n size?: 'medium' | 'large';\n children?: ComponentChildren;\n icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n disabled?: boolean;\n active?: boolean;\n activeChildren?: ComponentChildren;\n activeIcon?: VNode<HTMLAttributes<SVGSVGElement>>;\n href?: string;\n type?: 'button' | 'submit' | 'reset';\n}\n\nexport const Button: FunctionComponent<ButtonProps> = ({\n value,\n variant = 'primary',\n size = 'medium',\n icon,\n className,\n children,\n disabled = false,\n active = false,\n activeChildren,\n activeIcon,\n href,\n ...props\n}) => {\n let buttonType = 'dropin-button';\n\n if (\n (icon && !children) ||\n (icon && active && !activeChildren) ||\n (!icon && active && activeIcon)\n ) {\n buttonType = 'dropin-iconButton';\n }\n\n if (active && activeChildren) {\n buttonType = 'dropin-button';\n }\n\n className = classes([\n buttonType,\n `${buttonType}--${size}`,\n `${buttonType}--${variant}`,\n [`${buttonType}--${variant}--disabled`, disabled],\n children && icon && `${buttonType}--with-icon`,\n !children && activeChildren && icon && `${buttonType}--with-icon`,\n active && activeIcon && `${buttonType}--with-icon`,\n className,\n ]);\n\n const iconClassName = classes([\n 'dropin-button-icon',\n `dropin-button-icon--${variant}`,\n [`dropin-button-icon--${variant}--disabled`, disabled],\n icon?.props.className,\n ]);\n\n const attributes = href\n ? {\n node: <a />,\n role: 'link',\n href,\n ...props,\n disabled,\n active,\n onKeyDown: (event: KeyboardEvent) => {\n if (disabled) {\n event.preventDefault();\n }\n },\n tabIndex: disabled ? -1 : 0,\n }\n : {\n node: <button />,\n role: 'button',\n ...props,\n value,\n disabled,\n active,\n };\n\n return (\n <VComponent {...attributes} className={className}>\n {icon && !active && <VComponent node={icon} className={iconClassName} />}\n\n {activeIcon && active && (\n <VComponent node={activeIcon} className={iconClassName} />\n )}\n\n {children &&\n !active &&\n (typeof children === 'string' ? <span>{children}</span> : children)}\n\n {active &&\n activeChildren &&\n (typeof activeChildren === 'string' ? (\n <span>{activeChildren}</span>\n ) : (\n activeChildren\n ))}\n </VComponent>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { Icon } from '@adobe-commerce/elsie/components';\nimport { ChevronDown } from '@adobe-commerce/elsie/icons';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, useEffect, useState } from 'preact/compat';\n\nimport '@adobe-commerce/elsie/components/Picker/Picker.css';\n\ntype PickerValue = string | null;\n\nexport interface PickerOption {\n value: PickerValue;\n text?: string;\n icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n disabled?: boolean;\n}\n\nexport interface PickerProps\n extends Omit<HTMLAttributes<HTMLSelectElement>, 'value' | 'size' | 'icon'> {\n id?: string;\n name?: string;\n value?: PickerValue;\n placeholder?: string;\n variant?: 'primary' | 'secondary';\n size?: 'medium' | 'large';\n floatingLabel?: string;\n icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n options?: PickerOption[];\n defaultOption?: PickerOption;\n disabled?: boolean;\n error?: boolean;\n handleSelect?: (event: Event) => void;\n}\n\nfunction findSelectedValue(\n value?: PickerValue,\n defaultOption?: PickerOption,\n placeholder?: string,\n floatingLabel?: string,\n firstAvailableOption?: PickerOption\n) {\n if (value) return value;\n if (defaultOption) return defaultOption.value;\n if (placeholder || floatingLabel) return '';\n if (firstAvailableOption) return firstAvailableOption.value;\n return null;\n}\n\nexport const Picker: FunctionComponent<PickerProps> = ({\n name,\n value = null,\n options,\n variant = 'primary',\n floatingLabel,\n size = 'medium',\n handleSelect = () => {},\n disabled = false,\n error = false,\n placeholder,\n defaultOption,\n icon,\n className,\n id,\n ...props\n}) => {\n const uniqueId = id ?? name ?? `dropin-picker-${Math.random().toString(36)}`;\n const isRequired = !!props?.required;\n\n // find the first option that is not disabled\n const firstAvailableOption = options?.find((option) => !option.disabled);\n\n const [selectedValue, setSelectedValue] = useState<PickerValue>(() => {\n return findSelectedValue(\n value,\n defaultOption,\n placeholder,\n floatingLabel,\n firstAvailableOption\n );\n });\n\n useEffect(() => {\n setSelectedValue(\n findSelectedValue(\n value,\n defaultOption,\n placeholder,\n floatingLabel,\n firstAvailableOption\n )\n );\n }, [value, defaultOption, placeholder, floatingLabel, firstAvailableOption]);\n\n const handleOptionClick = (event: Event) => {\n const { options, value } = event.target as HTMLSelectElement;\n\n for (const element of options) {\n if (element.selected) {\n setSelectedValue(value);\n handleSelect(event);\n }\n }\n };\n\n const optionsListItems = options?.map((option) => {\n const { value, text, disabled } = option;\n const selected = value === selectedValue;\n\n return (\n <option\n value={value as string}\n key={value}\n selected={selected}\n disabled={disabled}\n className={classes(['dropin-picker__option'])}\n >\n {text}\n </option>\n );\n });\n\n const isSelected = !!selectedValue;\n\n const hasToDisplayPlaceholder = () => {\n return (!isRequired || !isSelected) && (floatingLabel || placeholder);\n };\n\n return (\n <div\n className={classes([\n className,\n 'dropin-picker',\n `dropin-picker__${size}`,\n ['dropin-picker__floating', !!floatingLabel],\n ['dropin-picker__selected', isSelected],\n ['dropin-picker__error', error],\n ['dropin-picker__disabled', disabled],\n ['dropin-picker__icon', icon],\n ])}\n >\n {icon && (\n // @ts-ignore\n <icon.type\n {...icon.props}\n className={'dropin-picker__icon--placeholder'}\n />\n )}\n\n <select\n id={uniqueId}\n className={classes([\n 'dropin-picker__select',\n `dropin-picker__select--${variant}`,\n `dropin-picker__select--${size}`,\n ['dropin-picker__select--floating', !!floatingLabel],\n ])}\n name={name}\n aria-label={name}\n disabled={disabled}\n onChange={handleOptionClick}\n {...props}\n >\n {hasToDisplayPlaceholder() && (\n <option\n selected={!isSelected}\n value={''}\n key={value}\n className={classes([\n 'dropin-picker__option dropin-picker__placeholder',\n ])}\n >\n {floatingLabel ?? placeholder}\n </option>\n )}\n\n {optionsListItems}\n </select>\n\n <Icon\n source={ChevronDown}\n size=\"24\"\n stroke=\"2\"\n className=\"dropin-picker__chevronDown\"\n />\n\n {floatingLabel && isSelected && (\n <label\n htmlFor={id}\n className={classes(['dropin-picker__floatingLabel', !!floatingLabel])}\n >\n {floatingLabel}\n </label>\n )}\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport '@adobe-commerce/elsie/components/Field/Field.css';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\n\nexport interface FieldProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'size'> {\n label?: string;\n error?: string;\n hint?: string;\n success?: string;\n disabled?: boolean;\n children?: VNode;\n size?: 'medium' | 'large';\n}\n\nexport const Field: FunctionComponent<FieldProps> = ({\n className,\n label,\n error,\n hint,\n success,\n size = 'medium',\n disabled = false,\n children,\n ...props\n}) => {\n const id =\n children?.props?.id ?? `dropin-field-${Math.random().toString(36)}`;\n const ChildComponent =\n children && typeof children.type !== 'string' ? children.type : null;\n\n return (\n <div {...props} className={classes(['dropin-field', className])}>\n {label && (\n <label\n className={classes([\n 'dropin-field__label',\n ['dropin-field__label--disabled', disabled],\n `dropin-field__label--${size}`,\n ])}\n htmlFor={id}\n >\n {label}\n </label>\n )}\n\n <div className={classes(['dropin-field__content'])}>\n {ChildComponent && children && (\n <ChildComponent\n {...children.props}\n id={id}\n key={children.key}\n disabled={disabled}\n size={size}\n error={!!error}\n success={!!success && !error}\n />\n )}\n </div>\n\n <div\n className={classes([\n 'dropin-field__hint',\n [`dropin-field__hint--${size}`, size],\n ['dropin-field__hint--error', !!error],\n ['dropin-field__hint--success', !!success && !error],\n ['dropin-field__hint--disabled', !!disabled],\n ])}\n >\n {error || success || hint}\n </div>\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { ComponentChildren, FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { VComponent, classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/ActionButton/ActionButton.css';\n\nexport interface ActionButtonProps\n extends Omit<HTMLAttributes<HTMLButtonElement>, 'icon'> {\n children?: ComponentChildren;\n icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n active?: boolean;\n disabled?: boolean;\n}\n\nexport const ActionButton: FunctionComponent<ActionButtonProps> = ({\n icon,\n className,\n children,\n active = false,\n disabled = false,\n ...props\n}) => {\n return (\n <button\n role=\"button\"\n disabled={disabled}\n {...props}\n className={classes([\n 'dropin-action-button',\n ['dropin-action-button--active', active],\n ['dropin-action-button--disabled', disabled],\n className,\n ])}\n >\n {icon && (\n <VComponent\n node={icon}\n className={classes(['dropin-action-button-icon'])}\n />\n )}\n {children &&\n (typeof children === 'string' ? <span>{children}</span> : children)}\n </button>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode, cloneElement } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/ActionButtonGroup/ActionButtonGroup.css';\nimport { useCallback, useState } from 'preact/hooks';\nimport { Children } from 'react';\nimport { ActionButtonProps } from '@adobe-commerce/elsie/components/ActionButton';\n\nexport interface ActionButtonGroupOption {\n value: string | null;\n text: string;\n icon?: VNode<SVGElement>;\n disabled?: boolean;\n}\n\nexport interface ActionButtonGroupProps extends HTMLAttributes<HTMLDivElement> {\n variant?: 'primary' | 'secondary';\n activeOption?: string;\n disabled?: boolean;\n dividers?: boolean;\n children: VNode<ActionButtonProps>[] | VNode<ActionButtonProps>;\n handleSelect?(value: string): void;\n}\n\nexport const ActionButtonGroup: FunctionComponent<ActionButtonGroupProps> = ({\n className,\n variant = 'primary',\n activeOption,\n disabled = false,\n dividers = true,\n children,\n handleSelect,\n ...props\n}) => {\n const [activeOptionState, setActiveOptionState] = useState(activeOption);\n\n const handleClick = useCallback(\n (option: any) => {\n const isOptionDisabled = disabled || option.props.disabled;\n if (!isOptionDisabled) {\n setActiveOptionState(option.props.value);\n if (handleSelect) {\n handleSelect(option.props.value);\n }\n }\n },\n [handleSelect, setActiveOptionState, disabled]\n );\n\n const buttonGroupOptions = Children.map(\n children,\n (child: VNode<ActionButtonProps>) => {\n const isOptionDisabled = disabled || child.props.disabled;\n const isOptionActive = child.props.value === activeOptionState;\n return cloneElement(child, {\n disabled: isOptionDisabled,\n active: isOptionActive,\n onClick: () => handleClick(child),\n className: classes([\n 'dropin-action-button-group__option',\n `dropin-action-button-group__option--${variant}`,\n ['dropin-action-button-group__option--active', isOptionActive],\n ['dropin-action-button-group__option--with-dividers', dividers],\n ]),\n });\n }\n );\n\n return (\n <div\n role=\"group\"\n {...props}\n className={classes([\n 'dropin-action-button-group',\n `dropin-action-button-group--${variant}`,\n className,\n ])}\n >\n {buttonGroupOptions}\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { ComponentChildren, FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/Card/Card.css';\n\nexport interface CardProps extends HTMLAttributes<HTMLDivElement> {\n variant?: 'primary' | 'secondary';\n children: ComponentChildren | ComponentChildren[];\n}\n\nexport const Card: FunctionComponent<CardProps> = ({\n variant = 'primary',\n className,\n children,\n ...props\n}) => {\n return (\n <div\n {...props}\n className={classes(['dropin-card', `dropin-card--${variant}`, className])}\n >\n <div class=\"dropin-card__content\">{children}</div>\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { ChangeEvent, HTMLAttributes, useRef, useState } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { Check } from '@adobe-commerce/elsie/icons';\nimport { Icon } from '@adobe-commerce/elsie/components/Icon';\nimport '@adobe-commerce/elsie/components/Checkbox/Checkbox.css';\nimport { useEffect } from 'preact/hooks';\n\nexport interface CheckboxProps\n extends Omit<HTMLAttributes<HTMLInputElement>, 'size' | 'label'> {\n name: string;\n size?: 'medium' | 'large';\n disabled?: boolean;\n error?: boolean;\n label?: string | VNode | VNode[];\n description?: string | VNode | VNode[];\n}\n\nexport const Checkbox: FunctionComponent<CheckboxProps> = ({\n name,\n value,\n size = 'medium',\n disabled = false,\n error = false,\n label = '',\n description = '',\n className,\n checked,\n ...props\n}) => {\n const [isChecked, setIsChecked] = useState(\n checked === undefined ? false : checked\n );\n const ref = useRef<HTMLInputElement>(null);\n\n const handleCheckboxChange = (e: ChangeEvent<HTMLInputElement>) => {\n props.onChange?.(e);\n setIsChecked(e.currentTarget.checked);\n };\n\n const handleOnKeyDown = (e: KeyboardEvent) => {\n if (e.key === ' ') {\n e.preventDefault();\n ref?.current?.click();\n }\n };\n\n useEffect(() => {\n if (typeof checked === 'boolean') {\n setIsChecked(checked);\n }\n }, [checked]);\n\n return (\n <label\n className={classes([\n 'dropin-checkbox',\n ['dropin-checkbox--disabled', disabled],\n ])}\n >\n <input\n ref={ref}\n name={name}\n value={value}\n type=\"checkbox\"\n disabled={disabled}\n className={classes([\n 'dropin-checkbox__checkbox',\n ['dropin-checkbox__checkbox--error', error],\n className,\n ])}\n {...props}\n onChange={handleCheckboxChange}\n checked={isChecked}\n />\n\n <div className=\"dropin-checkbox__checkbox-icon\">\n {/*Zero-width space character, used to align checkbox properly*/}\n {'\\u200B'}\n <span\n aria-checked={isChecked ? 'true' : 'false'}\n aria-labelledby={`${name}-label`}\n aria-describedby={description ? `${name}-description` : undefined}\n className={classes([\n 'dropin-checkbox__box',\n ['dropin-checkbox__box--error', error],\n ['dropin-checkbox__box--disabled', disabled],\n ])}\n role=\"checkbox\"\n tabIndex={disabled ? -1 : 0}\n onKeyDown={handleOnKeyDown}\n >\n <Icon\n className={classes(['dropin-checkbox__checkmark'])}\n source={Check}\n size=\"16\"\n stroke=\"3\"\n />\n </span>\n </div>\n\n <div\n id={`${name}-label`}\n className={classes([\n 'dropin-checkbox__label',\n `dropin-checkbox__label--${size}`,\n ['dropin-checkbox__label--disabled', disabled],\n ])}\n >\n {label}\n </div>\n\n <div />\n {description && (\n <div\n id={`${name}-description`}\n role={'note'}\n className={classes([\n 'dropin-checkbox__description',\n `dropin-checkbox__description--${size}`,\n ['dropin-checkbox__description--disabled', disabled],\n ])}\n >\n {description}\n </div>\n )}\n </label>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes, useCallback } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/ColorSwatch/ColorSwatch.css';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nexport interface ColorSwatchProps\n extends Omit<HTMLAttributes<HTMLInputElement>, 'label' | 'size'> {\n name?: string;\n label?: string;\n groupAriaLabel?: string;\n id?: string;\n size?: 'medium' | 'large';\n color?: string;\n value?: string;\n disabled?: boolean;\n selected?: boolean;\n outOfStock?: boolean;\n multi?: boolean;\n onValue?: (value: any) => void;\n onUpdateError?: (error: Error) => void;\n}\n\nexport const ColorSwatch: FunctionComponent<ColorSwatchProps> = ({\n className,\n name,\n value,\n id,\n label,\n groupAriaLabel,\n size = 'medium',\n color,\n disabled = false,\n selected = false,\n outOfStock = false,\n multi = false,\n onValue,\n onUpdateError,\n ...props\n}) => {\n // i18n\n const outOfStockLabel = useText('Dropin.Swatches.outOfStock.label').label;\n const selectedLabel = useText('Dropin.Swatches.selected.label').label;\n const swatchLabel = useText('Dropin.Swatches.swatch.label').label;\n\n const onValueHandler = useCallback(\n async (newValue: any) => {\n if (onValue) {\n try {\n await onValue(newValue);\n } catch (e) {\n if (onUpdateError) {\n onUpdateError(e as Error);\n }\n }\n }\n },\n [onValue, onUpdateError]\n );\n\n const handleOnValue = (e: Event) => {\n const input = e.target as HTMLInputElement;\n\n onValueHandler(input.value);\n };\n\n const isValidColor = (color: string) => {\n const colorStyle = new Option().style;\n colorStyle.color = color;\n return colorStyle.color !== ''; // Returns true if the browser accepts this as a valid color\n };\n\n const defaultColor = 'var(--color-gray-300);';\n\n const validColor = color && isValidColor(color) ? color : defaultColor;\n\n const handleAriaLabel = () => {\n if (outOfStock) return `${groupAriaLabel}: ${label} ${outOfStockLabel}`;\n if (selected) return `${groupAriaLabel}: ${label} ${selectedLabel}`;\n return `${groupAriaLabel}: ${label} ${swatchLabel}`;\n };\n\n return (\n <label\n className={classes([\n 'dropin-color-swatch__container',\n `dropin-color-swatch__container--${size}`,\n className,\n ])}\n >\n <input\n type={multi ? 'checkbox' : 'radio'}\n name={name}\n id={id}\n value={value}\n aria-label={handleAriaLabel()}\n checked={selected}\n disabled={disabled}\n onChange={handleOnValue}\n {...props}\n className={classes([\n 'dropin-color-swatch',\n ['dropin-color-swatch--selected', selected],\n ['dropin-color-swatch--disabled', disabled],\n className,\n ])}\n />\n <span\n style={{ '--bg-color': validColor }}\n className={classes([\n 'dropin-color-swatch__span',\n ['dropin-color-swatch__span--out-of-stock', outOfStock],\n className,\n ])}\n />\n </label>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport {\n HTMLAttributes,\n useState,\n useEffect,\n useRef,\n useCallback,\n useMemo,\n} from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/TextSwatch/TextSwatch.css';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nexport interface TextSwatchProps\n extends Omit<HTMLAttributes<HTMLInputElement>, 'label'> {\n name?: string;\n label: string;\n groupAriaLabel?: string;\n value?: string;\n id: string;\n disabled?: boolean;\n selected?: boolean;\n outOfStock?: boolean;\n multi?: boolean;\n onValue?: (value: any) => void;\n onUpdateError?: (error: Error) => void;\n}\n\nexport const TextSwatch: FunctionComponent<TextSwatchProps> = ({\n className,\n name,\n value,\n label,\n groupAriaLabel,\n id,\n disabled = false,\n selected = false,\n outOfStock = false,\n multi = false,\n onValue,\n onUpdateError,\n ...props\n}) => {\n // i18n\n const outOfStockLabel = useText('Dropin.Swatches.outOfStock.label').label;\n const selectedLabel = useText('Dropin.Swatches.selected.label').label;\n const swatchLabel = useText('Dropin.Swatches.swatch.label').label;\n\n const [isOverflowing, setIsOverflowing] = useState(false);\n const spanRef = useRef<HTMLLabelElement>(null);\n\n const onValueHandler = useCallback(\n async (newValue: any) => {\n if (onValue) {\n try {\n await onValue(newValue);\n } catch (e) {\n if (onUpdateError) {\n onUpdateError(e as Error);\n }\n }\n }\n },\n [onValue, onUpdateError]\n );\n\n const handleOnValue = (e: Event) => {\n const input = e.target as HTMLInputElement;\n\n onValueHandler(input.value);\n };\n\n const handleAriaLabel = () => {\n if (outOfStock) return `${groupAriaLabel}: ${label} ${outOfStockLabel}`;\n if (selected) return `${groupAriaLabel}: ${label} ${selectedLabel}`;\n return `${groupAriaLabel}: ${label} ${swatchLabel}`;\n };\n\n useEffect(() => {\n if (\n spanRef.current &&\n spanRef.current.scrollWidth > spanRef.current.clientWidth\n ) {\n setIsOverflowing(true);\n }\n }, [label]);\n\n const uniqueId = useMemo(() => id ?? `${name}_${id}_${Math.random().toString(36)}`, [name, id]);\n\n return (\n <div\n className=\"dropin-text-swatch__container\"\n {...(isOverflowing ? { 'data-tooltip': label } : {})}\n >\n <input\n type={multi ? 'checkbox' : 'radio'}\n name={name}\n id={uniqueId}\n value={value}\n aria-label={handleAriaLabel()}\n checked={selected}\n disabled={disabled}\n onChange={handleOnValue}\n {...props}\n className={classes([\n 'dropin-text-swatch',\n ['dropin-text-swatch--selected', selected],\n ['dropin-text-swatch--disabled', disabled],\n className,\n ])}\n />\n <label\n htmlFor={uniqueId}\n ref={spanRef}\n className={classes([\n 'dropin-text-swatch__label',\n ['dropin-text-swatch__label--out-of-stock', outOfStock],\n className,\n ])}\n >\n {label}\n </label>\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { classes } from '@adobe-commerce/elsie/lib';\n\nimport '@adobe-commerce/elsie/components/ProgressSpinner/ProgressSpinner.css';\n\n/**\n * @param size this is the size of the spinner ranging in [12px, 24px, 36px, 48px]\n * @param stroke this is the stroke of the spinner ranging in [1px, 2px, 3px, 4px]\n */\nexport interface ProgressSpinnerProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'size'> {\n ariaLabel?: string;\n size?: 'small' | 'medium' | 'big' | 'large';\n stroke?: '1' | '2' | '3' | '4';\n}\n\nexport const ProgressSpinner: FunctionComponent<ProgressSpinnerProps> = ({\n ariaLabel,\n size = 'small',\n stroke = '4',\n children,\n className,\n style,\n ...props\n}) => {\n const commonClasses = [\n 'dropin-progress-spinner',\n `dropin-progress-spinner--shape-size-${size}`,\n `dropin-progress-spinner--shape-stroke-${stroke}`,\n ];\n\n const translations = useText({\n updating: 'Dropin.ProgressSpinner.updating.label',\n updatingChildren: 'Dropin.ProgressSpinner.updatingChildren.label',\n });\n\n const handleAriaLabel = () => {\n if (ariaLabel) return ariaLabel;\n return children ? translations.updatingChildren : translations.updating;\n };\n\n return children ? (\n // if we provide children to this component, it should act as a provider in order to add background with low opacity\n <div\n {...props}\n className={classes(['dropin-progress-spinner-provider'])}\n aria-live=\"polite\"\n role=\"status\"\n >\n <div aria-hidden={true}>{children}</div>\n <div\n aria-label={handleAriaLabel()}\n role=\"status\"\n className={classes(['dropin-progress-spinner-background', className])}\n style={style}\n />\n <div\n className={classes([\n 'dropin-progress-spinner-with-provider',\n ...commonClasses,\n ])}\n aria-hidden={true}\n />\n </div>\n ) : (\n // if there are no children, it should be able to be standalone and have no background\n <div\n {...props}\n className={classes([className, ...commonClasses])}\n aria-live=\"polite\"\n role=\"status\"\n aria-label={handleAriaLabel()}\n />\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, useCallback, JSX, useMemo } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/ImageSwatch/ImageSwatch.css';\nimport { Image, ImageProps } from '@adobe-commerce/elsie/components/Image';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nexport interface ImageNodeRenderProps extends ImageProps {\n imageSwatchContext: {\n disabled?: boolean;\n outOfStock?: boolean;\n multi?: boolean;\n selected?: boolean;\n value?: string;\n label?: string;\n groupAriaLabel?: string;\n name?: string;\n id?: string;\n };\n}\n\nexport interface ImageSwatchProps\n extends Omit<HTMLAttributes<HTMLInputElement>, 'label'> {\n name?: string;\n label?: string;\n groupAriaLabel?: string;\n id?: string;\n src: string;\n alt?: string;\n value?: string;\n disabled?: boolean;\n selected?: boolean;\n outOfStock?: boolean;\n multi?: boolean;\n imageNode?: VNode | ((props: ImageNodeRenderProps) => JSX.Element);\n onValue?: (value: any) => void;\n onUpdateError?: (error: Error) => void;\n}\n\nexport const ImageSwatch: FunctionComponent<ImageSwatchProps> = ({\n className,\n name,\n value,\n id,\n label,\n groupAriaLabel,\n src,\n alt,\n disabled = false,\n selected = false,\n outOfStock = false,\n multi = false,\n imageNode,\n onValue,\n onUpdateError,\n ...props\n}) => {\n const outOfStockLabel = useText('Dropin.Swatches.outOfStock.label').label;\n const selectedLabel = useText('Dropin.Swatches.selected.label').label;\n const swatchLabel = useText('Dropin.Swatches.swatch.label').label;\n\n const onValueHandler = useCallback(\n async (newValue: any) => {\n if (onValue) {\n try {\n await onValue(newValue);\n } catch (e) {\n if (onUpdateError) {\n onUpdateError(e as Error);\n }\n }\n }\n },\n [onValue, onUpdateError]\n );\n\n const handleOnValue = (e: Event) => {\n const input = e.target as HTMLInputElement;\n\n onValueHandler(input.value);\n };\n\n const handleAriaLabel = () => {\n if (outOfStock) return `${groupAriaLabel}: ${label} ${outOfStockLabel}`;\n if (selected) return `${groupAriaLabel}: ${label} ${selectedLabel}`;\n return `${groupAriaLabel}: ${label} ${swatchLabel}`;\n };\n\n const imageProps: ImageProps = useMemo(() => {\n return {\n src,\n alt,\n loading: 'lazy',\n params: { width: 100, fit: 'bounds', crop: true },\n onError: (e: any) => (e.target.style.display = 'none'),\n };\n }, [src, alt]);\n\n return (\n <label className={classes(['dropin-image-swatch__container', className])}>\n <input\n type={multi ? 'checkbox' : 'radio'}\n name={name}\n id={id}\n value={value}\n aria-label={handleAriaLabel()}\n checked={selected}\n disabled={disabled}\n onChange={handleOnValue}\n {...props}\n className={classes([\n 'dropin-image-swatch',\n ['dropin-image-swatch--selected', selected],\n ['dropin-image-swatch--disabled', disabled],\n className,\n ])}\n />\n\n <span\n className={classes([\n 'dropin-image-swatch__span',\n ['dropin-image-swatch__span--out-of-stock', outOfStock],\n className,\n ])}\n >\n {typeof imageNode === 'function' ? (\n imageNode({\n ...imageProps,\n imageSwatchContext: {\n disabled,\n outOfStock,\n selected,\n value,\n label,\n groupAriaLabel,\n name,\n id,\n },\n })\n ) : imageNode || (\n <Image\n {...imageProps}\n className={classes(['dropin-image-swatch__content'])}\n />\n )}\n </span>\n </label>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, useState, useEffect } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { Divider, Icon, IconNode } from '@adobe-commerce/elsie/components';\nimport { Add, Minus } from '@adobe-commerce/elsie/icons';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport '@adobe-commerce/elsie/components/Accordion/Accordion.css';\nexport interface AccordionSectionProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'icon'> {\n defaultOpen?: boolean;\n actionIconPosition?: 'left' | 'right';\n ariaLabelTitle: string;\n iconOpen?: IconNode;\n iconClose?: IconNode;\n iconLeft?: IconNode;\n showIconLeft?: boolean;\n secondaryText?: string | VNode<HTMLAttributes<HTMLSpanElement>>;\n renderContentWhenClosed?: boolean;\n onStateChange?: (open: boolean) => void;\n}\n\nexport const AccordionSection: FunctionComponent<AccordionSectionProps> = ({\n className,\n children,\n title,\n ariaLabelTitle,\n secondaryText,\n actionIconPosition = 'left',\n iconOpen = Add,\n iconClose = Minus,\n iconLeft = Add,\n showIconLeft = false,\n renderContentWhenClosed = true,\n defaultOpen,\n onStateChange,\n ...props\n}) => {\n const [open, setOpen] = useState<boolean>(false);\n const onClickHandler = (e: { stopImmediatePropagation: () => void }) => {\n e.stopImmediatePropagation();\n\n const next = !open;\n setOpen(next);\n onStateChange?.(next);\n };\n\n useEffect(() => {\n if (typeof defaultOpen !== 'undefined') {\n setOpen(defaultOpen);\n }\n }, [defaultOpen]);\n\n const buttonLabel = useText(\n `Dropin.Accordion.${open ? 'close' : 'open'}.label`\n ).label;\n\n const openIcon = (\n <Icon\n source={iconOpen}\n size=\"24\"\n onClick={onClickHandler}\n onKeyPress={onClickHandler}\n className={'dropin-accordion-section__open-icon'}\n />\n );\n\n const closeIcon = (\n <Icon\n source={iconClose}\n size=\"24\"\n onClick={onClickHandler}\n onKeyPress={onClickHandler}\n className={'dropin-accordion-section__close-icon'}\n />\n );\n\n const leftIcon = <Icon source={iconLeft} size=\"24\" />;\n\n return (\n <div\n {...props}\n className={classes(['dropin-accordion-section', className])}\n >\n <div className={'dropin-accordion-section__heading'}>\n <div\n className={'dropin-accordion-section__flex'}\n onClick={onClickHandler}\n onKeyPress={onClickHandler}\n role=\"button\"\n aria-label={`${buttonLabel} ${ariaLabelTitle ?? title}`}\n tabIndex={0}\n >\n <div className={'dropin-accordion-section__title-container'}>\n {actionIconPosition === 'left' && (open ? closeIcon : openIcon)}\n\n {showIconLeft && leftIcon}\n\n <h3 className={'dropin-accordion-section__title'}>{title}</h3>\n </div>\n </div>\n\n <div className={'dropin-accordion-section__secondary-text-container'}>\n {secondaryText && (\n <h4 className={'dropin-accordion-section__secondary-text'}>\n {secondaryText}\n </h4>\n )}\n\n {actionIconPosition === 'right' && (open ? closeIcon : openIcon)}\n </div>\n </div>\n\n <div\n className={'dropin-accordion-section__content-container'}\n style={{ display: open ? 'grid' : 'none' }}\n >\n {(open || (renderContentWhenClosed && !open)) && children}\n </div>\n </div>\n );\n};\n\nexport interface AccordionProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'icon'> {\n actionIconPosition?: 'left' | 'right';\n iconOpen?: IconNode;\n iconClose?: IconNode;\n iconLeft?: IconNode;\n showIconLeft?: boolean;\n secondaryText?: string | VNode<HTMLAttributes<HTMLSpanElement>>;\n children: VNode<AccordionSectionProps>[] | VNode<AccordionSectionProps>;\n}\n\nexport const Accordion: FunctionComponent<AccordionProps> = ({\n className,\n children,\n actionIconPosition = 'left',\n iconOpen = Add,\n iconClose = Minus,\n ...props\n}) => {\n const divider = <Divider variant=\"secondary\" />;\n\n const renderAccordionSection = (child: VNode<AccordionSectionProps>) => (\n <>\n <AccordionSection\n {...child.props}\n actionIconPosition={actionIconPosition}\n iconOpen={iconOpen}\n iconClose={iconClose}\n />\n {divider}\n </>\n );\n\n return (\n <div {...props} className={classes(['dropin-accordion', className])}>\n {[\n divider,\n ...(\n (Array.isArray(children)\n ? children\n : [children]) as VNode<AccordionSectionProps>[]\n ).map(renderAccordionSection),\n ]}\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { Button, Icon } from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { Close } from '@adobe-commerce/elsie/icons';\nimport { VComponent, classes } from '@adobe-commerce/elsie/lib';\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\n\nimport '@adobe-commerce/elsie/components/InLineAlert/InLineAlert.css';\nexport interface InLineAlertProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'icon'> {\n variant?: 'primary' | 'secondary';\n heading: string;\n description?: string;\n type?: 'error' | 'warning' | 'success';\n icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n additionalActions?: Array<{\n label: string;\n onClick: (event: Event) => void;\n }>;\n onDismiss?: (event: Event) => void;\n itemList?: VNode;\n actionButtonPosition?: 'top' | 'bottom';\n}\n\nexport const InLineAlert: FunctionComponent<InLineAlertProps> = ({\n variant = 'primary',\n className,\n type = 'warning',\n additionalActions,\n onDismiss,\n heading,\n description,\n icon,\n itemList,\n actionButtonPosition,\n ...props\n}) => {\n const translations = useText({\n dismiss: 'Dropin.InlineAlert.dismissLabel',\n });\n\n return (\n <div\n {...props}\n className={classes([\n 'dropin-in-line-alert',\n `dropin-in-line-alert--${type}`,\n `dropin-in-line-alert--${variant}`,\n className,\n ])}\n >\n <div className={'dropin-in-line-alert__heading'}>\n <div className={'dropin-in-line-alert__title-container'}>\n {icon && (\n <VComponent node={icon} className={'dropin-in-line-alert__icon'} />\n )}\n\n <span className={'dropin-in-line-alert__title'}>{heading}</span>\n </div>\n\n <div className={'dropin-in-line-alert__actions-container'}>\n {additionalActions &&\n (actionButtonPosition === 'top' ||\n (!actionButtonPosition && additionalActions.length <= 1)) && (\n <Button\n variant=\"tertiary\"\n className={'dropin-in-line-alert__additional-action'}\n onClick={\n additionalActions.length > 0\n ? additionalActions[0]?.onClick\n : undefined\n }\n aria-label={additionalActions[0]?.label}\n >\n {additionalActions[0]?.label}\n </Button>\n )}\n {onDismiss && (\n <Button\n icon={<Icon source={Close} size=\"24\" stroke=\"2\" />}\n className={'dropin-in-line-alert__dismiss-button'}\n variant=\"tertiary\"\n onClick={onDismiss}\n aria-label={translations.dismiss}\n />\n )}\n </div>\n </div>\n\n {description && (\n <p className={'dropin-in-line-alert__description'}>{description}</p>\n )}\n <div className={'dropin-in-line-alert__item-list-container'}>\n {itemList && (\n <VComponent\n node={itemList}\n className={classes(['dropin-in-line-alert__item-list'])}\n />\n )}\n </div>\n {additionalActions &&\n (actionButtonPosition === 'bottom' ||\n (!actionButtonPosition && additionalActions.length > 1)) && (\n <div className={'dropin-in-line-alert__additional-actions-container'}>\n {additionalActions.map((action) => (\n <Button\n key={action.label}\n variant=\"tertiary\"\n className={'dropin-in-line-alert__additional-action'}\n onClick={action.onClick}\n >\n {action.label}\n </Button>\n ))}\n </div>\n )}\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { ComponentChildren } from 'preact';\nimport { FunctionComponent, useLayoutEffect, useRef } from 'preact/compat';\n\ninterface PortalProps {\n children: ComponentChildren;\n}\n\nexport const Portal: FunctionComponent<PortalProps> = ({ children }) => {\n const portalRoot = useRef<HTMLDivElement | null>(null);\n const contentRef = useRef<HTMLDivElement | null>(null);\n\n useLayoutEffect(() => {\n // Create portal root if it doesn't exist\n if (!portalRoot.current) {\n portalRoot.current = document.createElement('div');\n portalRoot.current.setAttribute('data-portal-root', '');\n document.body.appendChild(portalRoot.current);\n }\n\n // Move content to portal root\n if (contentRef.current && portalRoot.current) {\n portalRoot.current.appendChild(contentRef.current);\n }\n\n // Cleanup\n return () => {\n if (portalRoot.current) {\n portalRoot.current.remove();\n portalRoot.current = null;\n }\n };\n }, []);\n\n // Return a div that contains the children\n return (\n <div ref={contentRef} className=\"dropin-design\">\n {children}\n </div>\n );\n}; ","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport {\n FunctionComponent,\n HTMLAttributes,\n useCallback,\n useEffect,\n} from 'preact/compat';\nimport { Button } from '../Button';\nimport { Close as CloseSVG } from '@adobe-commerce/elsie/icons';\nimport { VNode } from 'preact';\nimport { Portal } from '../Portal/Portal';\n\nimport '@adobe-commerce/elsie/components/Modal/Modal.css';\n\nexport interface ModalProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'size' | 'title'> {\n size?: 'small' | 'medium' | 'full';\n title?: VNode;\n centered?: boolean;\n onClose?: () => void;\n backgroundDim?: boolean;\n clickToDismiss?: boolean;\n escapeToDismiss?: boolean;\n showCloseButton?: boolean;\n}\n\nexport const Modal: FunctionComponent<ModalProps> = ({\n size = 'small',\n title = null,\n centered = false,\n backgroundDim = true,\n clickToDismiss = true,\n escapeToDismiss = true,\n onClose,\n showCloseButton = true,\n className,\n children = null,\n ...props\n}) => {\n const handleOnClose = useCallback(() => {\n onClose?.();\n }, [onClose]);\n\n const translations = useText({\n modalCloseLabel: 'Dropin.Modal.Close.label',\n });\n\n // Close on background click\n useEffect(() => {\n const handleOutsideClick = (event: MouseEvent) => {\n const modal = document.querySelector('.dropin-modal');\n const modalBody = document.querySelector('.dropin-modal__body');\n\n if (\n clickToDismiss &&\n modal &&\n modalBody &&\n !modalBody.contains(event.target as Node)\n ) {\n handleOnClose();\n }\n };\n\n document.addEventListener('mousedown', handleOutsideClick);\n\n return () => {\n document.removeEventListener('mousedown', handleOutsideClick);\n };\n }, [handleOnClose, clickToDismiss]);\n\n // Close on ESC\n useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape' && escapeToDismiss) {\n handleOnClose();\n }\n };\n\n document.addEventListener('keydown', handleKeyDown);\n\n return () => {\n document.removeEventListener('keydown', handleKeyDown);\n };\n }, [handleOnClose, escapeToDismiss]);\n\n // Prevent document scrolling\n useEffect(() => {\n const scrollingElement = document.scrollingElement as HTMLElement;\n\n const defaultOverflowValue = scrollingElement.style.overflow;\n\n scrollingElement.style.overflow = 'hidden';\n\n return () => {\n scrollingElement.style.overflow = defaultOverflowValue;\n };\n }, []);\n\n return (\n <Portal>\n <div\n className={classes([\n 'dropin-modal',\n ['dropin-modal--dim', backgroundDim],\n ])}\n >\n <div\n {...props}\n className={classes([\n 'dropin-modal__body',\n [`dropin-modal__body--${size}`, size],\n className,\n ])}\n >\n <div\n className={classes([\n 'dropin-modal__header',\n ['dropin-modal__header-title', !!title],\n ])}\n >\n {title && (\n <div className={classes(['dropin-modal__header-title-content'])}>\n {title}\n </div>\n )}\n\n {showCloseButton && (\n <Button\n aria-label={translations.modalCloseLabel}\n variant=\"tertiary\"\n className=\"dropin-modal__header-close-button\"\n onClick={handleOnClose}\n icon={<CloseSVG />}\n />\n )}\n </div>\n\n <div\n className={classes([\n 'dropin-modal__content',\n ['dropin-modal__body--centered', centered],\n ])}\n >\n {children}\n </div>\n </div>\n </div>\n </Portal>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, useContext } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport {\n Button,\n CartItemSkeleton,\n Icon,\n Incrementer,\n UIContext,\n ProgressSpinner,\n Picker,\n} from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { Trash } from '@adobe-commerce/elsie/icons';\n\nimport '@adobe-commerce/elsie/components/CartItem/CartItem.css';\n\nexport interface CartItemProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'loading'> {\n ariaLabel?: string;\n image?: VNode;\n title?: VNode;\n price?: VNode;\n taxIncluded?: boolean;\n taxExcluded?: boolean;\n total?: VNode;\n totalExcludingTax?: VNode;\n sku?: VNode;\n quantity?: number;\n quantityContent?: VNode;\n description?: VNode;\n attributes?: VNode;\n footer?: VNode;\n configurations?: { [key: string]: any };\n warning?: VNode;\n alert?: VNode;\n discount?: VNode;\n savings?: VNode;\n actions?: VNode;\n removeContent?: VNode;\n loading?: boolean;\n updating?: boolean;\n onRemove?: () => void;\n onQuantity?: (value: number) => void;\n quantityType?: 'stepper' | 'dropdown';\n dropdownOptions?: { value: string; text: string }[];\n}\n\nexport const CartItem: FunctionComponent<CartItemProps> = ({\n className,\n children,\n ariaLabel,\n image,\n title,\n price,\n taxIncluded = false,\n taxExcluded = false,\n total,\n totalExcludingTax,\n sku,\n configurations,\n warning,\n alert,\n discount,\n savings,\n actions,\n removeContent,\n quantity,\n quantityContent,\n description,\n attributes,\n footer,\n loading = false,\n updating = false,\n quantityType,\n dropdownOptions,\n onQuantity,\n onRemove,\n ...props\n}) => {\n const { locale } = useContext(UIContext);\n\n const labels = useText({\n each: 'Dropin.CartItem.each.label',\n pricePerItem: 'Dropin.CartItem.pricePerItem.label',\n quantity: 'Dropin.CartItem.quantity.label',\n remove: 'Dropin.CartItem.remove.label',\n removeDefault: 'Dropin.CartItem.removeDefault.label',\n taxIncluded: 'Dropin.CartItem.taxIncluded.label',\n taxExcluded: 'Dropin.CartItem.taxExcluded.label',\n updating: 'Dropin.CartItem.updating.label',\n updatingDefault: 'Dropin.ProgressSpinner.updating.label',\n });\n\n if (loading) return <CartItemSkeleton />;\n\n const quantityComponent =\n quantityType === 'dropdown' ? (\n <Picker\n className={classes(['dropin-cart-item__quantity__picker'])}\n value={String(quantity)}\n name=\"quantity\"\n aria-label={labels.quantity}\n disabled={updating}\n variant={'primary'}\n options={dropdownOptions}\n handleSelect={(event) =>\n onQuantity?.(Number((event.target as HTMLSelectElement).value))\n }\n />\n ) : (\n <Incrementer\n className={classes(['dropin-cart-item__quantity__incrementer'])}\n value={quantity}\n min={1}\n onValue={(value) => onQuantity?.(Number(value))}\n name=\"quantity\"\n aria-label={labels.quantity}\n disabled={updating}\n />\n );\n\n return (\n <div\n {...props}\n className={classes([\n 'dropin-cart-item',\n ['dropin-cart-item--updating', updating],\n className,\n ])}\n >\n {updating && (\n <ProgressSpinner\n className={classes(['dropin-cart-item__spinner'])}\n ariaLabel={\n ariaLabel\n ? labels.updating?.replace('{product}', ariaLabel)\n : labels.updatingDefault\n }\n />\n )}\n <div className=\"dropin-cart-item__wrapper\">\n {\n /* Image */\n image && (\n <VComponent\n node={image}\n className={classes(['dropin-cart-item__image'])}\n />\n )\n }\n\n {\n /* Title */\n title && (\n <VComponent\n node={title}\n className={classes([\n 'dropin-cart-item__title',\n ['dropin-cart-item__title--edit', !!onQuantity || !!onRemove],\n ])}\n />\n )\n }\n\n {\n /* Description */\n description && (\n <VComponent\n node={description}\n className={classes(['dropin-cart-item__description'])}\n />\n )\n }\n\n {\n /* SKU */\n sku && (\n <VComponent\n node={sku}\n className={classes(['dropin-cart-item__sku'])}\n />\n )\n }\n <div className={classes(['dropin-cart-item__savings__wrapper'])}>\n {/* Discount amount */}\n {discount && (\n <VComponent\n node={discount}\n className={classes([\n 'dropin-cart-item__discount',\n 'dropin-cart-item__discount__large-screen',\n ])}\n />\n )}\n\n {/* Savings amount */}\n {savings && (\n <VComponent\n node={savings}\n className={classes([\n 'dropin-cart-item__savings',\n 'dropin-cart-item__savings__large-screen',\n ])}\n />\n )}\n </div>\n\n {/* Product Attributes */}\n {attributes && (\n <div className={classes(['dropin-cart-item__attributes'])}>\n <VComponent node={attributes} />\n </div>\n )}\n\n {\n /* Configurations */\n configurations && (\n <ul className={classes(['dropin-cart-item__configurations'])}>\n {Object.entries(configurations).map(([key, value]) => (\n <li\n key={key}\n className={classes([\n 'dropin-cart-item__configurations__item',\n ])}\n >\n {key}:{' '}\n <strong\n className={classes([\n 'dropin-cart-item__configurations__item__value',\n ])}\n >\n {value}\n </strong>\n </li>\n ))}\n </ul>\n )\n }\n\n {\n /* Price */\n price && (\n <span\n className={classes(['dropin-cart-item__price'])}\n aria-label={labels.pricePerItem}\n >\n {quantity && !onQuantity && (\n <>\n <span\n className=\"dropin-cart-item__price__quantity\"\n aria-hidden={true}\n >\n {quantity.toLocaleString(locale)} x{' '}\n </span>\n\n <div className=\"dropin-cart-item__sr-only\">\n {labels.quantity}: {quantity?.toLocaleString(locale)};\n </div>\n </>\n )}\n\n <VComponent node={price} role=\"text\" />\n\n {quantity && quantity > 1 && (\n <>\n &nbsp;\n {labels.each}\n </>\n )}\n\n {taxIncluded && (\n <span\n data-testid=\"tax-message\"\n className=\"dropin-cart-item__price-tax-message\"\n >\n &nbsp;\n {labels.taxIncluded}\n </span>\n )}\n\n {taxExcluded && (\n <span\n data-testid=\"tax-message\"\n className=\"dropin-cart-item__price-tax-message\"\n >\n &nbsp;\n {labels.taxExcluded}\n </span>\n )}\n </span>\n )\n }\n\n {/* Quantity */}\n <div\n className={classes([\n 'dropin-cart-item__quantity',\n ['dropin-cart-item__quantity--edit', !!onQuantity],\n ])}\n >\n {quantityContent ? (\n <VComponent node={quantityContent} />\n ) : onQuantity ? (\n quantityComponent\n ) : (\n quantity && (\n <span className={classes(['dropin-cart-item__quantity__value'])}>\n {labels.quantity}:{' '}\n <strong className=\"dropin-cart-item__quantity__number\">\n {Number(quantity).toLocaleString(locale)}\n </strong>\n </span>\n )\n )}\n\n {/* Warning */}\n {warning && (\n <VComponent\n node={warning}\n className={classes([\n 'dropin-cart-item__warning',\n 'dropin-cart-item__warning--quantity',\n ])}\n />\n )}\n\n {/* Alert */}\n {alert && (\n <VComponent\n node={alert}\n className={classes([\n 'dropin-cart-item__alert',\n 'dropin-cart-item__alert--quantity',\n ])}\n />\n )}\n </div>\n\n {/* Actions */}\n {actions && (\n <div className={classes(['dropin-cart-item__actions'])}>\n {\n <VComponent\n node={actions}\n className={classes(['dropin-cart-item__buttons'])}\n />\n }\n </div>\n )}\n\n {/* Warning */}\n {warning && (\n <VComponent\n node={warning}\n className={classes(['dropin-cart-item__warning'])}\n />\n )}\n\n {/* Alert */}\n {alert && (\n <VComponent\n node={alert}\n className={classes(['dropin-cart-item__alert'])}\n />\n )}\n\n {/* Total */}\n <div\n className={classes([\n 'dropin-cart-item__total',\n ['dropin-cart-item__total--edit', !!onRemove],\n ])}\n >\n <div className=\"dropin-cart-item__row-total__wrapper\">\n {\n /* Total */\n total && (\n <div className=\"dropin-cart-item__row-total\">\n <VComponent node={total} role=\"text\" />\n </div>\n )\n }\n\n {taxIncluded && (\n <div className=\"dropin-cart-item__total-tax-included\">\n <span\n data-testid=\"tax-message\"\n className={classes(['dropin-cart-item__total-tax-message'])}\n >\n {labels.taxIncluded}\n </span>\n </div>\n )}\n </div>\n {taxExcluded && (\n <div className=\"dropin-cart-item__total-tax-excluded\">\n <span\n data-testid=\"tax-message\"\n className={classes([\n 'dropin-cart-item__total-tax-excluded-message',\n ])}\n >\n {totalExcludingTax && (\n <VComponent node={totalExcludingTax} role=\"text\" />\n )}\n &nbsp;\n {labels.taxExcluded}\n </span>\n </div>\n )}\n\n {/* Discount amount */}\n {discount && (\n <VComponent\n node={discount}\n className={classes(['dropin-cart-item__discount'])}\n />\n )}\n\n {/* Savings amount */}\n {savings && (\n <VComponent\n node={savings}\n className={classes(['dropin-cart-item__savings'])}\n />\n )}\n </div>\n\n {/* Footer */}\n {footer && (\n <VComponent\n node={footer}\n className={classes(['dropin-cart-item__footer'])}\n />\n )}\n </div>\n\n {/* Remove Item */}\n {removeContent ? (\n <VComponent node={removeContent} />\n ) : onRemove ? (\n <Button\n data-testid=\"cart-item-remove-button\"\n className={classes(['dropin-cart-item__remove'])}\n variant=\"tertiary\"\n onClick={() => onRemove?.()}\n icon={\n <Icon\n data-testid=\"cart-item-remove-icon\"\n source={Trash}\n size=\"24\"\n stroke=\"2\"\n viewBox=\"0 0 24 24\"\n aria-label={\n ariaLabel\n ? labels.remove?.replace('{product}', ariaLabel)\n : labels.removeDefault\n }\n />\n }\n disabled={updating}\n />\n ) : null}\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { Skeleton, SkeletonRow } from '@adobe-commerce/elsie/components';\n\nexport const CartItemSkeleton: FunctionComponent = () => {\n return (\n <div className=\"dropin-cart-item dropin-cart-item-skeleton\">\n <Skeleton className=\"dropin-cart-item__skeleton dropin-cart-item__wrapper\">\n <div className=\"dropin-cart-item__image\">\n <SkeletonRow className=\"dropin-cart-item__skeleton__item\" />\n </div>\n <div className=\"dropin-cart-item__title\">\n <SkeletonRow className=\"dropin-cart-item__skeleton__item\" />\n </div>\n <div className=\"dropin-cart-item__sku\">\n <SkeletonRow className=\"dropin-cart-item__skeleton__item\" />\n </div>\n <div className=\"dropin-cart-item__price\">\n <SkeletonRow className=\"dropin-cart-item__skeleton__item\" />\n </div>\n <div className=\"dropin-cart-item__quantity\">\n <SkeletonRow className=\"dropin-cart-item__skeleton__item\" />\n </div>\n <div className=\"dropin-cart-item__total\">\n <SkeletonRow className=\"dropin-cart-item__skeleton__item\" />\n </div>\n </Skeleton>\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes, Children } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\n\nimport '@adobe-commerce/elsie/components/CartList/CartList.css';\n\nexport interface CartListProps extends HTMLAttributes<HTMLDivElement> {}\n\nexport const CartList: FunctionComponent<CartListProps> = ({\n className,\n children,\n ...props\n}) => {\n return (\n <div {...props} className={classes(['dropin-cart-list', className])}>\n <div\n className=\"dropin-cart-list__wrapper\"\n aria-live=\"assertive\"\n aria-relevant=\"all\"\n >\n {Children.map(children, (child, key) => {\n return (\n <div key={key} className=\"dropin-cart-list__item\">\n {child}\n </div>\n );\n })}\n </div>\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes, useMemo } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/PriceRange/PriceRange.css';\nimport { Price } from '@adobe-commerce/elsie/components/Price';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nexport interface PriceRangeProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'size'> {\n locale?: string;\n currency?: string;\n amount?: number; // simple product\n variant?: 'default' | 'strikethrough';\n minimumAmount?: number; // configurable product\n maximumAmount?: number; // configurable product\n display?: 'dash' | 'from to' | 'as low as';\n size?: 'small' | 'medium' | 'large';\n specialPrice?: number;\n sale?: boolean;\n}\n\nexport const PriceRange: FunctionComponent<PriceRangeProps> = ({\n className,\n children,\n locale,\n currency,\n amount,\n variant = 'default',\n minimumAmount,\n maximumAmount,\n size = 'small',\n display = 'dash',\n specialPrice,\n sale = false,\n ...props\n}) => {\n const isSimpleProduct = useMemo(\n () =>\n amount ||\n minimumAmount === maximumAmount ||\n (minimumAmount && !maximumAmount) ||\n (maximumAmount && !minimumAmount),\n [amount, maximumAmount, minimumAmount]\n );\n\n return (\n <div>\n {/* Simple product price or when configurable product minimum price equals to maximum price */}\n {isSimpleProduct ? (\n <div {...props} className={classes(['dropin-price-range', className])}>\n <Price\n amount={amount ?? minimumAmount ?? maximumAmount}\n currency={currency}\n locale={locale}\n size={size}\n variant={variant}\n sale={sale}\n />\n </div>\n ) : (\n <div {...props} className={classes(['dropin-price-range', className])}>\n {display === 'dash' ? (\n <Dashed\n specialPrice={specialPrice}\n minimumAmount={minimumAmount}\n maximumAmount={maximumAmount}\n currency={currency}\n locale={locale}\n size={size}\n sale={sale}\n />\n ) : null}\n\n {display === 'from to' ? (\n <FromTo\n specialPrice={specialPrice}\n minimumAmount={minimumAmount}\n maximumAmount={maximumAmount}\n currency={currency}\n locale={locale}\n size={size}\n sale={sale}\n />\n ) : null}\n\n {display === 'as low as' ? (\n <SpecialPrice\n specialPrice={specialPrice}\n minimumAmount={minimumAmount}\n maximumAmount={maximumAmount}\n currency={currency}\n locale={locale}\n size={size}\n sale={sale}\n />\n ) : null}\n </div>\n )}\n </div>\n );\n};\n\n// Variations\n\nfunction Dashed({\n specialPrice,\n minimumAmount,\n maximumAmount,\n currency,\n locale,\n size,\n sale,\n}: PriceRangeProps) {\n return (\n <>\n <Price\n amount={specialPrice ?? minimumAmount}\n currency={currency}\n locale={locale}\n size={size}\n sale={!!specialPrice && sale}\n />\n <span className=\"dropin-price-range__separator\">-</span>\n <Price\n amount={maximumAmount}\n currency={currency}\n locale={locale}\n size={size}\n />\n </>\n );\n}\n\nfunction FromTo({\n specialPrice,\n minimumAmount,\n maximumAmount,\n currency,\n locale,\n size,\n sale,\n}: PriceRangeProps) {\n // Translations\n const translations = useText({\n from: 'Dropin.PriceRange.from.label',\n to: 'Dropin.PriceRange.to.label',\n asLowAs: 'Dropin.PriceRange.asLowAs.label',\n });\n\n return (\n <>\n <span\n className={classes([\n 'dropin-price-range__from',\n `dropin-price-range__from--${size}`,\n ])}\n >\n {translations.from}\n </span>\n <Price\n amount={specialPrice ?? minimumAmount}\n currency={currency}\n locale={locale}\n size={size}\n sale={!!specialPrice && sale}\n />\n <span\n className={classes([\n 'dropin-price-range__to',\n `dropin-price-range__to--${size}`,\n ])}\n >\n {translations.to}\n </span>\n <Price\n amount={maximumAmount}\n currency={currency}\n locale={locale}\n size={size}\n />\n </>\n );\n}\n\nfunction SpecialPrice({\n specialPrice,\n minimumAmount,\n maximumAmount,\n currency,\n locale,\n size,\n sale,\n}: PriceRangeProps) {\n // Translations\n const translations = useText({\n from: 'Dropin.PriceRange.from.label',\n to: 'Dropin.PriceRange.to.label',\n asLowAs: 'Dropin.PriceRange.asLowAs.label',\n });\n\n return (\n <>\n <span\n className={classes([\n 'dropin-price-range__as-low-as',\n `dropin-price-range__as-low-as--${size}`,\n ])}\n >\n {translations.asLowAs}\n </span>\n {specialPrice ? (\n <div>\n <Price\n amount={maximumAmount}\n currency={currency}\n locale={locale}\n size={size}\n variant=\"strikethrough\"\n />\n <Price\n amount={specialPrice}\n currency={currency}\n locale={locale}\n size={size}\n className=\"dropin-price-range__special\"\n sale={!!specialPrice && sale}\n />\n </div>\n ) : (\n <Price\n amount={minimumAmount}\n currency={currency}\n locale={locale}\n size={size}\n />\n )}\n </>\n );\n}\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { HTMLAttributes } from 'preact/compat';\nimport { FunctionComponent, VNode } from 'preact';\nimport { VComponent, classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/Breadcrumbs/Breadcrumbs.css';\n\nexport interface BreadcrumbsProps extends HTMLAttributes<HTMLElement> {\n categories: VNode[];\n separator?: VNode<HTMLAttributes<SVGSVGElement>>;\n}\n\nexport const Breadcrumbs: FunctionComponent<BreadcrumbsProps> = ({\n className,\n categories,\n separator,\n ...props\n}) => {\n return (\n <>\n {categories?.length > 1 && (\n <nav\n role=\"navigation\"\n {...props}\n className={classes(['dropin-breadcrumbs__container', className])}\n >\n <ul className=\"dropin-breadcrumbs__items\">\n {categories?.map((category: VNode, index: number) => {\n return (\n <li\n key={index}\n className={classes([\n 'dropin-breadcrumbs__item',\n [\n 'dropin-breadcrumbs__item--last',\n index === categories.length - 1,\n ],\n ])}\n >\n <VComponent\n node={category}\n className=\"dropin-breadcrumbs__link\"\n />\n {!separator && index !== categories.length - 1 && (\n <span className=\"dropin-breadcrumbs__separator--default\">\n {' '}\n /{' '}\n </span>\n )}\n {separator && index !== categories.length - 1 && (\n <VComponent\n node={separator}\n className=\"dropin-breadcrumbs__separator--icon\"\n />\n )}\n </li>\n );\n })}\n </ul>\n </nav>\n )}\n </>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/AlertBanner/AlertBanner.css';\nimport { Button, Icon } from '@adobe-commerce/elsie/components';\nimport { Close } from '@adobe-commerce/elsie/icons';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nexport interface AlertBannerProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'icon' | 'action'> {\n variant: 'brand' | 'neutral' | 'success' | 'warning';\n icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n message: VNode;\n onDismiss: () => void;\n action?: {\n label: string;\n onClick: (event: Event) => void;\n };\n}\n\nexport const AlertBanner: FunctionComponent<AlertBannerProps> = ({\n className,\n variant,\n icon,\n message,\n onDismiss,\n action,\n ...props\n}) => {\n const translations = useText({\n dismiss: 'Dropin.InlineAlert.dismissLabel',\n });\n\n return (\n <div\n {...props}\n className={classes([\n className,\n 'dropin-alert-banner',\n `dropin-alert-banner--${variant}`,\n ])}\n >\n <div className={'dropin-alert-banner__content'}>\n {icon && (\n <VComponent\n node={icon}\n aria-hidden=\"true\"\n className={'dropin-alert-banner__icon'}\n />\n )}\n\n {/* Message */}\n <VComponent\n node={message}\n className={classes(['dropin-alert-banner__message'])}\n />\n </div>\n\n <div className={'dropin-alert-banner__actions'}>\n {action && (\n <Button\n variant=\"tertiary\"\n className={'dropin-alert-banner__action'}\n onClick={action.onClick}\n aria-label={action.label}\n >\n {action.label}\n </Button>\n )}\n\n <Button\n icon={<Icon source={Close} size=\"24\" stroke=\"2\" />}\n className=\"dropin-alert-banner__dismiss-button\"\n variant=\"primary\"\n onClick={onDismiss}\n aria-label={translations.dismiss}\n />\n </div>\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, JSX } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/IllustratedMessage/IllustratedMessage.css';\nimport { Card } from '@adobe-commerce/elsie/components';\n\nexport interface IllustratedMessageProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'icon' | 'action'> {\n icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n heading?: string;\n headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n message?: VNode<HTMLAttributes<HTMLElement>>;\n action?: VNode;\n variant?: 'primary' | 'secondary';\n}\n\nexport const IllustratedMessage: FunctionComponent<IllustratedMessageProps> = ({\n className,\n icon,\n heading,\n headingLevel = 2,\n message,\n action,\n variant = 'secondary',\n ...props\n}) => {\n const Heading =\n headingLevel >= 1 && headingLevel <= 6\n ? (`h${headingLevel}` as keyof JSX.IntrinsicElements)\n : 'h2';\n\n return (\n <div\n {...props}\n className={classes(['dropin-illustrated-message', className])}\n >\n <Card variant={variant}>\n {icon && (\n <VComponent\n node={icon}\n aria-hidden=\"true\"\n size=\"80\"\n className=\"dropin-illustrated-message__icon\"\n />\n )}\n\n {heading && (\n <Heading className=\"dropin-illustrated-message__heading\">\n {heading}\n </Heading>\n )}\n\n {message && (\n <VComponent\n node={message}\n className=\"dropin-illustrated-message__message\"\n />\n )}\n\n {action && (\n <VComponent\n node={action}\n className=\"dropin-illustrated-message__action\"\n />\n )}\n </Card>\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/ToggleButton/ToggleButton.css';\nimport { RadioButton } from '@adobe-commerce/elsie/components';\n\nexport interface ToggleButtonProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'icon' | 'label'> {\n label: string | VNode<HTMLAttributes<HTMLElement>>;\n name: string;\n value: string;\n busy?: boolean;\n disabled?: boolean;\n icon?:\n | VNode<HTMLAttributes<SVGSVGElement>>\n | VNode<HTMLAttributes<HTMLImageElement>>;\n onChange?: (value: string) => void;\n selected?: boolean;\n}\n\nexport const ToggleButton: FunctionComponent<ToggleButtonProps> = ({\n label,\n name,\n value,\n busy = false,\n disabled = false,\n children,\n className,\n icon,\n onChange,\n selected = true,\n ...props\n}) => {\n return (\n <div\n {...props}\n className={classes([\n 'dropin-toggle-button',\n className,\n ['dropin-toggle-button__selected', selected],\n ['dropin-toggle-button__disabled', disabled],\n ])}\n >\n <label className=\"dropin-toggle-button__actionButton\">\n <RadioButton\n label=\"\"\n name={name}\n value={value}\n checked={selected}\n disabled={disabled}\n onChange={() => onChange && onChange(value)}\n aria-label={name}\n busy={busy}\n className={classes([className, 'dropin-toggle-button__radioButton'])}\n />\n\n <span className=\"dropin-toggle-button__content\">\n {icon && (\n // @ts-ignore\n <icon.type\n {...icon?.props}\n className=\"dropin-toggle-button__icon\"\n />\n )}\n {label}\n </span>\n </label>\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { ComponentChildren, FunctionComponent, VNode, JSX } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport { Divider } from '@adobe-commerce/elsie/components';\nimport '@adobe-commerce/elsie/components/Header/Header.css';\n\nexport interface HeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'size'> {\n title: string;\n size?: 'medium' | 'large';\n divider?: boolean;\n cta?: VNode;\n level?: 1 | 2 | 3 | 4 | 5 | 6;\n}\n\nconst Heading = ({\n level,\n className,\n children,\n}: {\n level?: 1 | 2 | 3 | 4 | 5 | 6;\n className?: string;\n children?: ComponentChildren;\n}) => {\n const HeadingTag = level && level >= 1 && level <= 6\n ? `h${level}` as keyof JSX.IntrinsicElements\n : 'span';\n\n return <HeadingTag className={className}>{children as any}</HeadingTag>;\n};\n\nexport const Header: FunctionComponent<HeaderProps> = ({\n title = null,\n size = 'medium',\n cta,\n divider = true,\n className,\n level,\n ...props\n}) => {\n if (!title) return null;\n\n return (\n <div\n {...props}\n className={classes(['dropin-header-container', className])}\n data-testid=\"dropin-header-container\"\n >\n <Heading\n className={classes([\n 'dropin-header-container__title',\n ['dropin-header-container__title--medium', size === 'medium'],\n ['dropin-header-container__title--large', size === 'large'],\n ])}\n level={level}\n >\n {title}\n </Heading>\n {cta ? (\n <VComponent node={cta} className=\"dropin-header-container__actions\" />\n ) : null}\n {divider ? (\n <Divider\n className={classes([\n 'dropin-header-container__divider',\n ['dropin-header-container__divider--medium', size === 'medium'],\n ['dropin-header-container__divider--large', size === 'large'],\n ])}\n />\n ) : null}\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { HTMLAttributes } from 'preact/compat';\nimport '@adobe-commerce/elsie/components/Tag/Tag.css';\n\nexport interface TagProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'icon'> {\n label?: string;\n children?: VNode | VNode[];\n}\n\nexport const Tag: FunctionComponent<TagProps> = ({\n label,\n className,\n children,\n ...props\n}) => {\n if (!label && !children) return null;\n\n return (\n <div\n {...props}\n className={classes(['dropin-tag-container', className])}\n data-testid=\"dropin-tag-container\"\n >\n {children ?? <span className=\"dropin-tag-container__label\">{label}</span>}\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/ContentGrid/ContentGrid.css';\n\nexport interface ContentGridProps extends HTMLAttributes<HTMLDivElement> {\n emptyGridContent: VNode;\n maxColumns?: number;\n columnWidth?: string;\n}\n\nexport const ContentGrid: FunctionComponent<ContentGridProps> = ({\n className,\n children,\n maxColumns,\n columnWidth = '1fr',\n emptyGridContent,\n ...props\n}) => {\n const hasChildren =\n !!children && (Array.isArray(children) ? children.length > 0 : true);\n\n const additionalStyles = hasChildren\n ? {\n gridTemplateColumns: `repeat(${maxColumns}, ${columnWidth})`,\n }\n : undefined;\n\n return (\n <div\n {...props}\n className={classes(['dropin-content-grid', className])}\n tabindex={0}\n >\n <div\n data-testid=\"content-grid-content\"\n className={classes([\n 'dropin-content-grid__content',\n ['dropin-content-grid__dynamic-columns-content', !maxColumns],\n ['dropin-content-grid__content--empty', !hasChildren],\n ])}\n style={additionalStyles}\n >\n {hasChildren ? children : emptyGridContent}\n </div>\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { classes, isNumber } from '@adobe-commerce/elsie/lib';\nimport { useCallback, useMemo } from 'preact/hooks';\nimport { ChevronDown } from '@adobe-commerce/elsie/icons';\nimport { Icon } from '@adobe-commerce/elsie/components/Icon';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport '@adobe-commerce/elsie/components/Pagination/Pagination.css';\n\nexport interface PaginationProps {\n className?: string;\n currentPage?: number;\n totalPages?: number;\n onChange?: (currentPage: number) => void;\n}\n\nexport type PaginationList = {\n page: number | string;\n isActive: boolean;\n label: number | string;\n};\n\nexport const Pagination: FunctionComponent<PaginationProps> = ({\n totalPages = 10,\n currentPage = 1,\n onChange,\n className,\n ...props\n}) => {\n const translations = useText({\n backwardButton: 'Dropin.Pagination.backwardButton.ariaLabel',\n forwardButton: 'Dropin.Pagination.forwardButton.ariaLabel',\n });\n\n const handleForward = useCallback(() => {\n const nextPage = Math.min(currentPage + 1, totalPages);\n\n onChange?.(nextPage);\n }, [currentPage, onChange, totalPages]);\n\n const handleBackward = useCallback(() => {\n const prevPage = Math.max(currentPage - 1, 1);\n\n onChange?.(prevPage);\n }, [currentPage, onChange]);\n\n const handleSetPage = useCallback(\n (currentPage: number | string) => {\n if (isNumber(currentPage)) {\n onChange?.(currentPage as number);\n }\n },\n [onChange]\n );\n\n const createPages = useCallback(\n (currentPage: number, totalPages: number): PaginationList[] => {\n let pages: PaginationList[] = [];\n\n const addPageRange = (start: number, end: number) => {\n for (let i = start; i <= end; i++) {\n pages.push({ page: i, isActive: i === currentPage, label: i });\n }\n };\n\n if (totalPages <= 5) {\n addPageRange(1, totalPages);\n } else if (currentPage <= 2) {\n addPageRange(1, 2);\n pages.push({ page: 'ellipsis', isActive: false, label: '...' });\n addPageRange(totalPages - 1, totalPages);\n } else if (currentPage >= totalPages - 3) {\n addPageRange(totalPages - 4, totalPages);\n } else {\n addPageRange(currentPage - 1, currentPage);\n pages.push({ page: 'ellipsis', isActive: false, label: '...' });\n addPageRange(totalPages - 1, totalPages);\n }\n\n return pages;\n },\n []\n );\n\n const paginationList: PaginationList[] = useMemo(\n () => createPages(currentPage, totalPages),\n [createPages, currentPage, totalPages]\n );\n\n return (\n <div {...props} className={classes(['dropin-pagination', className])}>\n <button\n type=\"button\"\n data-testid=\"prev-button\"\n aria-label={translations.backwardButton}\n disabled={currentPage === 1}\n onClick={handleBackward}\n className={classes([\n 'dropin-pagination-arrow',\n 'dropin-pagination-arrow--backward',\n ])}\n >\n <Icon size=\"24\" source={ChevronDown} />\n </button>\n <ul className=\"dropin-pagination_list\">\n {(paginationList as PaginationList[]).map((item, index) => (\n <li\n data-testid={`dropin-pagination_list-item--${item.page}`}\n key={`${item.page}_${index}`}\n className={classes([\n 'dropin-pagination_list-item',\n `dropin-pagination_list-item--${item.page}`,\n [`dropin-pagination_list-item--active`, item.isActive],\n ])}\n >\n <button\n type=\"button\"\n data-testid={`set-page-button-${item.page}`}\n onClick={() => handleSetPage(item.page)}\n >\n {item.label}\n </button>\n </li>\n ))}\n </ul>\n <button\n type=\"button\"\n data-testid=\"next-button\"\n aria-label={translations.forwardButton}\n disabled={currentPage === totalPages}\n onClick={handleForward}\n className={classes([\n 'dropin-pagination-arrow',\n 'dropin-pagination-arrow--forward',\n ])}\n >\n <Icon size=\"24\" source={ChevronDown} />\n </button>\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2025 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { Skeleton, SkeletonRow } from '@adobe-commerce/elsie/components';\nimport '@adobe-commerce/elsie/components/ProductItemCard/ProductItemCardSkeleton.css';\n\nexport const ProductItemCardSkeleton: FunctionComponent = () => {\n return (\n <div className=\"dropin-product-item-card dropin-product-item-card-skeleton\">\n <Skeleton className=\"dropin-product-item-card__skeleton dropin-product-item-card__image-container\">\n <SkeletonRow\n fullWidth={true}\n className=\"dropin-product-item-card__skeleton__image\"\n />\n </Skeleton>\n <Skeleton className=\"dropin-product-item-card__content dropin-product-item-card__skeleton__content\">\n <SkeletonRow\n fullWidth={true}\n size=\"xsmall\"\n className=\"dropin-product-item-card__skeleton__item\"\n />\n <SkeletonRow\n fullWidth={true}\n size=\"xsmall\"\n className=\"dropin-product-item-card__skeleton__item\"\n />\n <SkeletonRow\n fullWidth={true}\n size=\"xsmall\"\n className=\"dropin-product-item-card__skeleton__item\"\n />\n </Skeleton>\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2025 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { VComponent, classes } from '@adobe-commerce/elsie/lib';\nimport { ProductItemCardSkeleton } from '@adobe-commerce/elsie/components/ProductItemCard/ProductItemCardSkeleton';\nimport '@adobe-commerce/elsie/components/ProductItemCard/ProductItemCard.css';\n\nexport interface ProductItemCardProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'loading'> {\n image?: VNode;\n titleNode?: VNode;\n price?: VNode;\n sku?: VNode;\n actionButton?: VNode;\n swatches?: VNode;\n initialized?: boolean;\n}\n\nexport const ProductItemCard: FunctionComponent<ProductItemCardProps> = ({\n className,\n image,\n titleNode,\n price,\n sku,\n actionButton,\n swatches,\n initialized = false,\n ...props\n}) => {\n if (!initialized) {\n return <ProductItemCardSkeleton />;\n }\n return (\n <div\n {...props}\n className={classes(['dropin-product-item-card', className])}\n >\n <div className=\"dropin-product-item-card__image-container\">\n {image && (\n <VComponent\n node={image}\n className={classes(['dropin-product-item-card__image'])}\n />\n )}\n </div>\n <div className=\"dropin-product-item-card__content\">\n {titleNode && (\n <VComponent\n node={titleNode}\n className={classes(['dropin-product-item-card__title'])}\n />\n )}\n {sku && (\n <VComponent\n node={sku}\n className={classes(['dropin-product-item-card__sku'])}\n />\n )}\n {price && (\n <div className=\"dropin-product-item-card__price\">\n <VComponent\n node={price}\n className={classes(['dropin-product-item-card__price'])}\n />\n </div>\n )}\n {swatches && (\n <div className=\"dropin-product-item-card__swatches\">\n <VComponent\n node={swatches}\n className={classes(['dropin-product-item-card__swatches'])}\n />\n </div>\n )}\n {actionButton && (\n <div className=\"dropin-product-item-card__action\">\n <VComponent\n node={actionButton}\n className={classes(['dropin-product-item-card__action'])}\n />\n </div>\n )}\n </div>\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2025 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { useId } from 'preact/hooks';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/InputFile/InputFile.css';\n\nexport interface InputFileProps extends Omit<HTMLAttributes<HTMLInputElement>, 'type' | 'icon'> {\n accept?: string;\n onChange?: (event: Event) => void;\n label?: string;\n multiple?: boolean;\n icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n}\n\nexport const InputFile: FunctionComponent<InputFileProps> = ({\n accept,\n onChange,\n label = 'Upload Document',\n icon,\n className,\n multiple,\n id: providedId,\n ...props\n}) => {\n \n const generatedId = useId();\n const id = providedId || generatedId;\n\n const handleChange = (e: Event) => {\n onChange?.(e);\n };\n\n return (\n <div className={classes(['dropin-input-file', className])}>\n <label htmlFor={id} className=\"dropin-input-file__label\">\n {icon && <span className=\"dropin-input-file__icon\">{icon}</span>}\n {label}\n </label>\n <input\n id={id}\n type=\"file\"\n accept={accept}\n multiple={multiple}\n onChange={handleChange}\n className=\"dropin-input-file__input\"\n {...props}\n />\n </div>\n );\n};","/********************************************************************\n * Copyright 2025 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, VNode, Fragment } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport {\n Icon,\n Button,\n Skeleton,\n SkeletonRow,\n} from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nimport '@adobe-commerce/elsie/components/Table/Table.css';\n\ntype Sortable = 'asc' | 'desc' | true;\n\ntype Column =\n | { label: string; key: string; ariaLabel?: string; sortBy?: Sortable }\n | {\n label: VNode<HTMLAttributes<HTMLElement>>;\n key: string;\n ariaLabel: string;\n sortBy?: Sortable;\n };\n\ntype RowData = {\n [key: string]: VNode | string | number | undefined;\n _rowDetails?: VNode | string; // Special property for expandable row content\n};\n\nexport interface TableProps\n extends Omit<HTMLAttributes<HTMLTableElement>, 'loading'> {\n columns: Column[];\n rowData: RowData[];\n mobileLayout?: 'stacked' | 'none';\n caption?: string;\n expandedRows?: Set<number>;\n loading?: boolean;\n skeletonRowCount?: number;\n onSortChange?: (columnKey: string, direction: Sortable) => void;\n}\n\nexport const Table: FunctionComponent<TableProps> = ({\n className,\n children,\n columns = [],\n rowData = [],\n mobileLayout = 'none',\n caption,\n expandedRows = new Set(),\n loading = false,\n skeletonRowCount = 10,\n onSortChange,\n ...props\n}) => {\n const translations = useText({\n sortedAscending: 'Dropin.Table.sortedAscending',\n sortedDescending: 'Dropin.Table.sortedDescending',\n sortBy: 'Dropin.Table.sortBy',\n });\n\n const handleSort = (column: Column) => {\n if (!onSortChange) return;\n\n // Determine next sort direction\n let nextDirection: Sortable;\n if (column.sortBy === true) {\n nextDirection = 'asc';\n } else if (column.sortBy === 'asc') {\n nextDirection = 'desc';\n } else {\n nextDirection = true;\n }\n\n onSortChange(column.key, nextDirection);\n };\n\n const renderSortButton = (column: Column) => {\n if (column.sortBy === undefined) return null;\n const label = column.ariaLabel ?? (column.label as string);\n\n let iconSource: string;\n let ariaLabel: string;\n\n if (column.sortBy === 'asc') {\n iconSource = 'ChevronUp';\n ariaLabel = translations.sortedAscending.replace('{label}', label);\n } else if (column.sortBy === 'desc') {\n iconSource = 'ChevronDown';\n ariaLabel = translations.sortedDescending.replace('{label}', label);\n } else {\n iconSource = 'Sort';\n ariaLabel = translations.sortBy.replace('{label}', label);\n }\n\n return (\n <Button\n variant=\"tertiary\"\n size=\"medium\"\n className=\"dropin-table__header__sort-button\"\n icon={<Icon source={iconSource} />}\n aria-label={ariaLabel}\n onClick={() => handleSort(column)}\n />\n );\n };\n\n const renderSkeletonRows = () => {\n return Array.from({ length: skeletonRowCount }, (_, rowIndex) => (\n <tr key={`skeleton-${rowIndex}`} className=\"dropin-table__body__row\">\n {columns.map((column) => (\n <td\n key={column.key}\n className=\"dropin-table__body__cell\"\n data-label={column.ariaLabel ?? column.label}\n >\n <Skeleton>\n <SkeletonRow variant=\"row\" size=\"small\" fullWidth />\n </Skeleton>\n </td>\n ))}\n </tr>\n ));\n };\n\n const renderDataRows = () => {\n return rowData.map((row, rowIndex) => {\n const hasDetails = row._rowDetails !== undefined;\n const isExpanded = expandedRows.has(rowIndex);\n\n return (\n <Fragment key={rowIndex}>\n <tr className=\"dropin-table__body__row\">\n {columns.map((column) => {\n const cell = row[column.key];\n const label = column.ariaLabel ?? column.label;\n\n if (typeof cell === 'string' || typeof cell === 'number') {\n return (\n <td\n key={column.key}\n className=\"dropin-table__body__cell\"\n data-label={label}\n >\n {cell}\n </td>\n );\n }\n\n return (\n <td\n key={column.key}\n className=\"dropin-table__body__cell\"\n data-label={label}\n >\n <VComponent node={cell!} />\n </td>\n );\n })}\n </tr>\n {hasDetails && isExpanded && (\n <tr\n key={`${rowIndex}-details`}\n className=\"dropin-table__row-details dropin-table__row-details--expanded\"\n id={`row-${rowIndex}-details`}\n >\n <td\n className=\"dropin-table__row-details__cell\"\n colSpan={columns.length}\n role=\"region\"\n aria-labelledby={`row-${rowIndex}-details`}\n >\n {typeof row._rowDetails === 'string' ? (\n row._rowDetails\n ) : (\n <VComponent node={row._rowDetails!} />\n )}\n </td>\n </tr>\n )}\n </Fragment>\n );\n });\n };\n\n const getAriaSort = (\n column: Column\n ): 'none' | 'ascending' | 'descending' | 'other' | undefined => {\n if (column.sortBy === true) return 'none';\n if (column.sortBy === 'asc') return 'ascending';\n if (column.sortBy === 'desc') return 'descending';\n return undefined;\n };\n\n return (\n <div\n className={classes([\n 'dropin-table',\n `dropin-table--mobile-layout-${mobileLayout}`,\n className,\n ])}\n >\n <table {...props} className=\"dropin-table__table\">\n {caption && (\n <caption className=\"dropin-table__caption\">{caption}</caption>\n )}\n <thead className=\"dropin-table__header\">\n <tr className=\"dropin-table__header__row\">\n {columns.map((column) => (\n <th\n key={column.key}\n className={classes([\n 'dropin-table__header__cell',\n [\n 'dropin-table__header__cell--sorted',\n column.sortBy === 'asc' || column.sortBy === 'desc',\n ],\n [\n 'dropin-table__header__cell--sortable',\n column.sortBy !== undefined,\n ],\n ])}\n aria-sort={getAriaSort(column)}\n >\n {column.label}\n {renderSortButton(column)}\n </th>\n ))}\n </tr>\n </thead>\n <tbody className=\"dropin-table__body\">\n {loading\n ? // Render skeleton rows when loading\n renderSkeletonRows()\n : // Render actual data when not loading\n renderDataRows()}\n </tbody>\n </table>\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2025 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { Button, Tag } from '@adobe-commerce/elsie/components';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { ChevronDown, Close, Check } from '@adobe-commerce/elsie/icons';\nimport { useText } from 'preact-i18n';\nimport {\n useState,\n useCallback,\n useEffect,\n useRef,\n useMemo,\n} from 'preact/hooks';\nimport { JSX } from 'preact/compat';\nimport '@adobe-commerce/elsie/components/MultiSelect/MultiSelect.css';\n\ntype OptionValue = string | number;\n\ninterface Option {\n label: string;\n value: OptionValue;\n disabled?: boolean;\n}\n\ntype SelectedValues = OptionValue[];\n\n// Utility functions\nconst filterOptions = (options: Option[], searchTerm: string): Option[] => {\n return options.filter((option) =>\n option.label.toLowerCase().includes(searchTerm.toLowerCase())\n );\n};\n\nconst getSelectedLabels = (\n value: SelectedValues,\n options: Option[]\n): (string | OptionValue)[] => {\n return value.map((v) => {\n const option = options.find((opt) => opt.value === v);\n return option ? option.label : v;\n });\n};\n\nconst generateIds = (id: string, name: string, floatingLabel?: string) => {\n const baseId = id || name;\n return {\n listboxId: `${baseId}-listbox`,\n searchInputId: `${baseId}-search`,\n labelId: floatingLabel ? `${baseId}-label` : undefined,\n selectedDescriptionId: `${name}-selected-description`,\n };\n};\n\nconst useAccessibilityAnnouncements = () => {\n const [announcement, setAnnouncement] = useState('');\n\n const announce = useCallback((message: string) => {\n setAnnouncement(message);\n setTimeout(() => setAnnouncement(''), 1000);\n }, []);\n\n return { announcement, announce };\n};\n\nconst useKeyboardNavigation = (\n filteredOptions: Option[],\n focusedIndex: number,\n setFocusedIndex: (value: number | ((prev: number) => number)) => void,\n dropdownRef: { current: HTMLDivElement | null }\n) => {\n // Scroll focused item into view\n useEffect(() => {\n if (focusedIndex >= 0 && dropdownRef.current) {\n const items = dropdownRef.current.querySelectorAll('[data-option-index]');\n if (items[focusedIndex]) {\n items[focusedIndex].scrollIntoView({\n block: 'nearest',\n behavior: 'smooth',\n });\n }\n }\n }, [focusedIndex, dropdownRef]);\n\n const navigate = useCallback(\n (direction: 'up' | 'down') => {\n setFocusedIndex((prev) => {\n const step = direction === 'up' ? -1 : 1;\n let nextIndex = prev + step;\n\n // Skip disabled options in the current direction\n while (\n nextIndex >= 0 &&\n nextIndex < filteredOptions.length &&\n filteredOptions[nextIndex]?.disabled\n ) {\n nextIndex += step;\n }\n\n // If we found a valid option, return it\n if (nextIndex >= 0 && nextIndex < filteredOptions.length) {\n return nextIndex;\n }\n\n // Wrap around: find the first enabled option from the opposite end\n if (direction === 'up') {\n for (let i = filteredOptions.length - 1; i >= 0; i--) {\n if (!filteredOptions[i]?.disabled) return i;\n }\n } else {\n for (let i = 0; i < filteredOptions.length; i++) {\n if (!filteredOptions[i]?.disabled) return i;\n }\n }\n\n return -1;\n });\n },\n [filteredOptions, setFocusedIndex]\n );\n\n return { navigate };\n};\n\nexport interface MultiSelectProps {\n options: Option[];\n value: SelectedValues;\n onChange: (value: SelectedValues) => void;\n placeholder?: string;\n selectAllText?: string;\n deselectAllText?: string;\n noResultsText?: string;\n name?: string;\n disabled?: boolean;\n className?: string;\n maxHeight?: number;\n floatingLabel?: string;\n error?: boolean;\n success?: boolean;\n id?: string;\n}\n\nexport const MultiSelect: FunctionComponent<MultiSelectProps> = ({\n options = [],\n value = [],\n onChange = () => {},\n id = '',\n className = '',\n selectAllText = '',\n deselectAllText = '',\n placeholder = '',\n noResultsText = '',\n floatingLabel = '',\n name = 'multi-select-sdk',\n error = false,\n success = false,\n disabled = false,\n maxHeight = 300,\n}) => {\n const translations = useText({\n selectAll: 'Dropin.MultiSelect.selectAll',\n deselectAll: 'Dropin.MultiSelect.deselectAll',\n placeholder: 'Dropin.MultiSelect.placeholder',\n noResultsText: 'Dropin.MultiSelect.noResultsText',\n removed: 'Dropin.MultiSelect.ariaLabel.removed',\n added: 'Dropin.MultiSelect.ariaLabel.added',\n itemsSelected: 'Dropin.MultiSelect.ariaLabel.itemsSelected',\n itemsAdded: 'Dropin.MultiSelect.ariaLabel.itemsAdded',\n itemsRemoved: 'Dropin.MultiSelect.ariaLabel.itemsRemoved',\n selectedTotal: 'Dropin.MultiSelect.ariaLabel.selectedTotal',\n noResultsFor: 'Dropin.MultiSelect.ariaLabel.noResultsFor',\n optionsAvailable: 'Dropin.MultiSelect.ariaLabel.optionsAvailable',\n dropdownExpanded: 'Dropin.MultiSelect.ariaLabel.dropdownExpanded',\n useArrowKeys: 'Dropin.MultiSelect.ariaLabel.useArrowKeys',\n removeFromSelection: 'Dropin.MultiSelect.ariaLabel.removeFromSelection',\n fromSelection: 'Dropin.MultiSelect.ariaLabel.fromSelection',\n selectedItem: 'Dropin.MultiSelect.ariaLabel.selectedItem',\n inField: 'Dropin.MultiSelect.ariaLabel.inField',\n selectedItems: 'Dropin.MultiSelect.ariaLabel.selectedItems',\n scrollableOptionsList: 'Dropin.MultiSelect.ariaLabel.scrollableOptionsList',\n selectOptions: 'Dropin.MultiSelect.ariaLabel.selectOptions',\n itemAction: 'Dropin.MultiSelect.ariaLabel.itemAction',\n bulkAdded: 'Dropin.MultiSelect.ariaLabel.bulkAdded',\n bulkRemoved: 'Dropin.MultiSelect.ariaLabel.bulkRemoved',\n dropdownExpandedWithOptions:\n 'Dropin.MultiSelect.ariaLabel.dropdownExpandedWithOptions',\n selectedItemInField: 'Dropin.MultiSelect.ariaLabel.selectedItemInField',\n removeFromSelectionWithText:\n 'Dropin.MultiSelect.ariaLabel.removeFromSelectionWithText',\n itemsSelectedDescription:\n 'Dropin.MultiSelect.ariaLabel.itemsSelectedDescription',\n noItemsSelected: 'Dropin.MultiSelect.ariaLabel.noItemsSelected',\n });\n\n const [isOpen, setIsOpen] = useState(false);\n const [searchTerm, setSearchTerm] = useState('');\n const [focusedIndex, setFocusedIndex] = useState(-1);\n\n const containerRef = useRef<HTMLDivElement>(null);\n const searchInputRef = useRef<HTMLInputElement>(null);\n const dropdownRef = useRef<HTMLDivElement>(null);\n\n const { announcement, announce } = useAccessibilityAnnouncements();\n\n // Helper function to close dropdown and optionally reset search state\n const closeDropdown = useCallback((resetSearch = false) => {\n setIsOpen(false);\n if (resetSearch) {\n setSearchTerm('');\n }\n setFocusedIndex(-1);\n }, []);\n\n // Filter options based on the search term\n const filteredOptions = useMemo(\n () => filterOptions(options, searchTerm),\n [options, searchTerm]\n );\n\n // Keyboard navigation\n const { navigate } = useKeyboardNavigation(\n filteredOptions,\n focusedIndex,\n setFocusedIndex,\n dropdownRef\n );\n\n // Close dropdown on the outside click\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (\n containerRef.current &&\n event.target &&\n !containerRef.current.contains(event.target as Node)\n ) {\n closeDropdown(true); // Reset search when clicking outside\n }\n };\n\n document.addEventListener('mousedown', handleClickOutside);\n return () => document.removeEventListener('mousedown', handleClickOutside);\n }, [closeDropdown]);\n\n // Toggle dropdown on container click (excluding tags)\n const handleContainerClick = (event: MouseEvent) => {\n if (\n !disabled &&\n searchInputRef.current &&\n event.target &&\n !(event.target as Element).closest('[data-tag]')\n ) {\n if (isOpen) {\n closeDropdown(false); // Don't reset search when clicking inside\n } else {\n searchInputRef.current.focus();\n setIsOpen(true);\n }\n }\n };\n\n // Handle option selection/deselection\n const handleSelect = useCallback(\n (optionValue: OptionValue) => {\n const option = options.find((opt) => opt.value === optionValue);\n\n const isCurrentlySelected = value.includes(optionValue);\n const newValue = isCurrentlySelected\n ? value.filter((v) => v !== optionValue)\n : [...value, optionValue];\n\n onChange(newValue);\n searchInputRef.current?.focus();\n\n // A11y - Announce the selection change\n if (option) {\n const action = isCurrentlySelected\n ? translations.removed\n : translations.added;\n announce(\n translations.itemAction\n .replace('{label}', option.label)\n .replace('{action}', action)\n .replace('{count}', newValue.length.toString())\n );\n }\n },\n [value, onChange, options, announce, translations]\n );\n\n // Handle option deselection via the Tag button\n const handleRemoveTag = (event: MouseEvent, optionValue: OptionValue) => {\n event.stopPropagation();\n const option = options.find((opt) => opt.value === optionValue);\n const newValue = value.filter((v) => v !== optionValue);\n onChange(newValue);\n searchInputRef.current?.focus();\n\n // A11y - Announce the selection change\n if (option) {\n announce(\n translations.itemAction\n .replace('{label}', option.label)\n .replace('{action}', translations.removed)\n .replace('{count}', newValue.length.toString())\n );\n }\n };\n\n const handleSelectAll = (event: MouseEvent) => {\n event.preventDefault();\n const allFilteredValues = filteredOptions.map((opt) => opt.value);\n const currentValueSet = new Set(value);\n const newSelections = allFilteredValues.filter(\n (val) => !currentValueSet.has(val)\n );\n const newValue = [...value, ...newSelections];\n onChange(newValue);\n\n // Announce the bulk selection\n if (newSelections.length > 0) {\n announce(\n translations.bulkAdded\n .replace('{count}', newSelections.length.toString())\n .replace('{total}', newValue.length.toString())\n );\n }\n };\n\n const handleDeselectAll = (event: MouseEvent) => {\n event.preventDefault();\n const filteredValues = new Set(filteredOptions.map((opt) => opt.value));\n const removedCount = value.filter((v) => filteredValues.has(v)).length;\n const newValue = value.filter((v) => !filteredValues.has(v));\n onChange(newValue);\n\n // A11y - Announce the bulk deselection\n if (removedCount > 0) {\n announce(\n translations.bulkRemoved\n .replace('{count}', removedCount.toString())\n .replace('{total}', newValue.length.toString())\n );\n }\n };\n\n // A11y - Keyboard navigation\n const handleInputKeyDown = (\n event: JSX.TargetedKeyboardEvent<HTMLInputElement>\n ) => {\n // Handle backspace to remove the last tag\n if (event.key === 'Backspace' && searchTerm === '' && value.length > 0) {\n event.preventDefault();\n const newValue = value.slice(0, -1);\n onChange(newValue);\n return;\n }\n\n if (!isOpen && (event.key === 'ArrowDown' || event.key === 'Enter')) {\n event.preventDefault();\n setIsOpen(true);\n return;\n }\n\n if (isOpen) {\n switch (event.key) {\n case 'ArrowDown':\n event.preventDefault();\n navigate('down');\n break;\n case 'ArrowUp':\n event.preventDefault();\n navigate('up');\n break;\n case 'Enter':\n event.preventDefault();\n if (focusedIndex >= 0 && focusedIndex < filteredOptions.length) {\n const focusedOption = filteredOptions[focusedIndex];\n if (!focusedOption?.disabled) {\n handleSelect(focusedOption.value);\n }\n } else if (\n filteredOptions.length === 1 &&\n !filteredOptions[0]?.disabled\n ) {\n handleSelect(filteredOptions[0].value);\n }\n break;\n case 'Escape':\n event.preventDefault();\n closeDropdown(true); // Reset search on Escape\n break;\n case 'Tab':\n closeDropdown(true); // Reset search on Tab (leaving component)\n break;\n }\n }\n };\n\n // Array with labels of all selected options\n const selectedLabels = useMemo(\n () => getSelectedLabels(value, options),\n [value, options]\n );\n\n // A11y - Generate unique IDs\n const { listboxId, searchInputId, labelId, selectedDescriptionId } =\n generateIds(id, name, floatingLabel);\n const currentFocusedId =\n focusedIndex >= 0 ? `${listboxId}-option-${focusedIndex}` : '';\n\n // Check if any items are selected (regardless of filtering)\n const hasSelection = useMemo(() => value.length > 0, [value]);\n\n useEffect(() => {\n if (searchTerm && !isOpen) {\n setIsOpen(true);\n }\n }, [isOpen, searchTerm]);\n\n // Announce filtered results\n useEffect(() => {\n if (isOpen && searchTerm) {\n const count = filteredOptions.length;\n if (count === 0) {\n announce(`${translations.noResultsFor} \"${searchTerm}\"`);\n } else {\n announce(`${count} ${translations.optionsAvailable}`);\n }\n }\n }, [filteredOptions.length, searchTerm, isOpen, announce, translations]);\n\n useEffect(() => {\n if (isOpen && searchInputRef.current) {\n searchInputRef.current.focus();\n // Announce when dropdown opens with available options\n if (filteredOptions.length > 0) {\n announce(\n translations.dropdownExpandedWithOptions\n .replace('{count}', filteredOptions.length.toString())\n .replace('{s}', filteredOptions.length === 1 ? '' : 's')\n );\n }\n }\n }, [\n isOpen,\n selectedLabels.length,\n filteredOptions.length,\n announce,\n translations,\n ]);\n\n const renderSelectedTags = () => (\n <>\n {selectedLabels.map((label, index) => {\n const totalSelected = value.length;\n const fieldContext = floatingLabel ? `${floatingLabel}: ` : '';\n // Use i18n translations for selected items text\n const selectedItemsText =\n totalSelected === 1\n ? `${fieldContext}${translations.itemsSelected\n .replace('{count}', '1')\n .replace('{labels}', String(label))\n .replace('{s}', '')}`\n : `${fieldContext}${translations.itemsSelected\n .replace('{count}', totalSelected.toString())\n .replace('{labels}', selectedLabels.join(', '))\n .replace('{s}', totalSelected === 1 ? '' : 's')}`;\n\n return (\n <Tag\n key={value[index]}\n data-tag=\"true\"\n className=\"dropin-multi-select__tag\"\n role=\"group\"\n aria-label={\n floatingLabel\n ? translations.selectedItemInField\n .replace('{label}', String(label))\n .replace('{field}', floatingLabel)\n : `${translations.selectedItem} ${String(label)}`\n }\n >\n <span aria-hidden=\"true\">{label}</span>\n <button\n type=\"button\"\n onClick={(e) => handleRemoveTag(e, value[index])}\n className=\"dropin-multi-select__tag-remove\"\n disabled={disabled}\n aria-label={translations.removeFromSelectionWithText\n .replace('{label}', String(label))\n .replace('{text}', selectedItemsText)}\n >\n <Close size={12} aria-hidden=\"true\" />\n </button>\n </Tag>\n );\n })}\n </>\n );\n\n const renderSearchInput = () => (\n <input\n id={searchInputId}\n ref={searchInputRef}\n type=\"text\"\n role=\"combobox\"\n aria-haspopup=\"listbox\"\n aria-expanded={isOpen}\n aria-controls={listboxId}\n className={classes([\n 'dropin-multi-select__search',\n ['dropin-multi-select__search--with-floating-label', !!floatingLabel],\n ])}\n placeholder={\n value.length === 0 ? placeholder || translations.placeholder : ''\n }\n value={searchTerm}\n onChange={(e: JSX.TargetedEvent<HTMLInputElement, Event>) => {\n const target = e.target as HTMLInputElement;\n setSearchTerm(target.value);\n setFocusedIndex(-1);\n }}\n onKeyDown={handleInputKeyDown}\n onFocus={() => setIsOpen(true)}\n disabled={disabled}\n style={{\n minWidth: searchTerm ? `${searchTerm.length * 8 + 20}px` : '40px',\n }}\n aria-autocomplete=\"list\"\n aria-activedescendant={\n isOpen && currentFocusedId ? currentFocusedId : undefined\n }\n {...(labelId\n ? { 'aria-labelledby': labelId }\n : {\n 'aria-label':\n floatingLabel ||\n placeholder ||\n translations.placeholder ||\n translations.selectOptions,\n })}\n aria-describedby={selectedDescriptionId}\n />\n );\n\n const renderDropdownControls = () => (\n <div className=\"dropin-multi-select__controls\">\n <Button\n variant=\"tertiary\"\n type=\"button\"\n className=\"dropin-multi-select__button dropin-multi-select__button--select-all\"\n onMouseDown={handleSelectAll}\n data-testid=\"multi-select-select-all\"\n >\n {selectAllText || translations.selectAll}\n </Button>\n {' | '}\n <Button\n variant=\"tertiary\"\n type=\"button\"\n className=\"dropin-multi-select__button dropin-multi-select__button--deselect-all\"\n onMouseDown={handleDeselectAll}\n disabled={!hasSelection}\n data-testid=\"multi-select-deselect-all\"\n >\n {deselectAllText || translations.deselectAll}\n </Button>\n </div>\n );\n\n const renderOptionsList = () => (\n <ul\n className=\"dropin-multi-select__list\"\n id={listboxId}\n role=\"listbox\"\n aria-multiselectable=\"true\"\n aria-label={floatingLabel || placeholder || translations.placeholder}\n >\n {filteredOptions.map((option, index) => {\n const isSelected = value.includes(option.value);\n const isFocused = index === focusedIndex;\n const optionId = `${listboxId}-option-${index}`;\n\n return (\n <li\n key={option.value}\n id={optionId}\n data-option-index={index}\n data-testid={`multi-select-option-${index}`}\n className={classes([\n 'dropin-multi-select__option',\n ['dropin-multi-select__option--focused', isFocused],\n ['dropin-multi-select__option--selected', isSelected],\n ['dropin-multi-select__option--disabled', option.disabled],\n ])}\n onClick={() => {\n if (!option.disabled) {\n handleSelect(option.value);\n }\n }}\n onMouseEnter={() => !option.disabled && setFocusedIndex(index)}\n role=\"option\"\n aria-selected={isSelected}\n aria-disabled={option.disabled}\n >\n <span\n className={classes([\n 'dropin-multi-select__option-label',\n [\n 'dropin-multi-select__option-label--disabled',\n option.disabled,\n ],\n ])}\n >\n {option.label}\n </span>\n {isSelected && (\n <Check\n width={16}\n height={16}\n className=\"dropin-multi-select__check-icon\"\n aria-hidden=\"true\"\n />\n )}\n </li>\n );\n })}\n </ul>\n );\n\n return (\n <div\n ref={containerRef}\n data-testid=\"multi-select\"\n className={classes(['dropin-multi-select', className])}\n >\n {/* Single hidden input with comma-separated values for form submission */}\n <input\n id={id || name}\n type=\"hidden\"\n name={name}\n data-testid=\"multi-select-hidden-input\"\n value={value.join(',')}\n disabled={disabled}\n aria-hidden=\"true\"\n />\n <div\n className={classes([\n 'dropin-multi-select__container',\n ['dropin-multi-select__container--open', isOpen],\n ['dropin-multi-select__container--disabled', disabled],\n ['dropin-multi-select__container--error', error],\n ['dropin-multi-select__container--success', success],\n [\n 'dropin-multi-select__container--with-floating-label',\n !!floatingLabel,\n ],\n [\n 'dropin-multi-select__container--has-value',\n !!(floatingLabel && (value.length > 0 || searchTerm.length > 0)),\n ],\n ])}\n onMouseDown={handleContainerClick}\n data-testid=\"multi-select-container\"\n >\n <div\n className={classes([\n 'dropin-multi-select__tags-area',\n [\n 'dropin-multi-select__tags-area--has-values',\n selectedLabels.length > 0,\n ],\n ])}\n data-testid=\"multi-select-tags-area\"\n role=\"group\"\n aria-label={translations.selectedItems}\n >\n {/* Screen-reader-only description of selected items */}\n <div\n id={selectedDescriptionId}\n className=\"dropin-multi-select__sr-only\"\n aria-live=\"polite\"\n aria-atomic=\"true\"\n >\n {value.length > 0\n ? translations.itemsSelectedDescription\n .replace('{count}', value.length.toString())\n .replace('{s}', value.length === 1 ? '' : 's')\n .replace('{labels}', selectedLabels.join(', '))\n : translations.noItemsSelected}\n </div>\n\n {renderSelectedTags()}\n {renderSearchInput()}\n {floatingLabel ? (\n <label\n className=\"dropin-multi-select__floating-label\"\n htmlFor={searchInputId}\n id={labelId}\n >\n {floatingLabel}\n </label>\n ) : null}\n </div>\n <ChevronDown\n className={classes([\n 'dropin-multi-select__chevron',\n ['dropin-multi-select__chevron--open', isOpen],\n ])}\n />\n </div>\n\n {isOpen && (\n <div\n className=\"dropin-multi-select__dropdown\"\n data-testid=\"multi-select-dropdown\"\n >\n {filteredOptions.length > 0 && renderDropdownControls()}\n\n <div\n ref={dropdownRef}\n className=\"dropin-multi-select__options\"\n data-testid=\"multi-select-options\"\n style={{ maxHeight: `${maxHeight}px` }}\n tabIndex={0}\n role=\"region\"\n aria-label={translations.scrollableOptionsList}\n >\n {filteredOptions.length === 0 ? (\n <div\n className=\"dropin-multi-select__no-results\"\n data-testid=\"multi-select-no-results\"\n role=\"status\"\n aria-live=\"polite\"\n >\n {noResultsText || translations.noResultsText}{' '}\n {searchTerm && `\"${searchTerm}\"`}\n </div>\n ) : (\n renderOptionsList()\n )}\n </div>\n </div>\n )}\n\n {/* Live region for screen reader announcements */}\n <div\n className=\"dropin-multi-select__announcements dropin-multi-select__sr-only\"\n aria-live=\"assertive\"\n aria-atomic=\"true\"\n >\n {announcement}\n </div>\n </div>\n );\n};\n"],"file":"components.js"}
1
+ {"version":3,"mappings":"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","names":["SINGLELINE","SkeletonRow","className","fullWidth","lines","size","variant","children","multilineGap","props","sharedClasses","jsx","classes","svg","_","index","Skeleton","rowGap","lazyIcons","lazy","__vitePreload","n","isValidUrl","source","absoluteUrl","UrlSvgLoader","url","svgContent","setSvgContent","useState","loading","setLoading","error","setError","useEffect","response","content","e","processedContent","Icon","Source","stroke","viewBox","defaultProps","isLikelyUrl","Suspense","LazyIcon","isRejectedUrl","Incrementer","name","value","disabled","success","min","max","onValue","onUpdateError","showButtons","currentValue","setCurrentValue","minValue","maxValue","isInvalid","errorMessage","propValue","debouncedOnValueHandler","useCallback","debounce","newValue","handleIncrementer","_value","jsxs","Localizer","Text","Minus","Add","Input","floatingLabel","icon","maxLength","id","handleOnValue","input","VComponent","WarningWithCircle","CheckWithCircle","InputDate","label","onChange","onBlur","internalValue","setInternalValue","iosInputRef","useRef","dictionary","useText","handleOnFocus","event","isIOSMobileDevice","handleOnClick","_a","handleOnBlur","handleInputChange","Field","Date","getIcon","PendingValidation","Check","ErrorValidation","PasswordStatusIndicator","minLength","requiredCharacterClasses","uniqueSymbolsStatus","validateLengthConfig","translations","getMessage","chart","InputPassword","placeholder","required","autoComplete","defaultValue","hideStatusIndicator","showPassword","setShowPassword","toggleShowPassword","prevShowPassword","title","Locker","Button","Eye","EyeClose","TextArea","textareaRef","useId","textArea","Divider","Price","amount","currency","locale","weight","sale","formatOptions","effectiveLocale","useMemo","globalLocale","getGlobalLocale","define_process_env_default","formatter","params","formattedAmount","RadioButton","checked","description","busy","active","activeChildren","activeIcon","href","buttonType","iconClassName","attributes","findSelectedValue","defaultOption","firstAvailableOption","Picker","options","handleSelect","uniqueId","isRequired","option","selectedValue","setSelectedValue","handleOptionClick","element","optionsListItems","text","isSelected","hasToDisplayPlaceholder","ChevronDown","hint","fieldContent","ActionButton","ActionButtonGroup","activeOption","dividers","activeOptionState","setActiveOptionState","handleClick","buttonGroupOptions","Children","child","isOptionDisabled","isOptionActive","cloneElement","Card","Checkbox","isChecked","setIsChecked","ref","handleCheckboxChange","handleOnKeyDown","ColorSwatch","groupAriaLabel","color","selected","outOfStock","multi","outOfStockLabel","selectedLabel","swatchLabel","onValueHandler","validColor","colorStyle","handleAriaLabel","TextSwatch","isOverflowing","setIsOverflowing","spanRef","ProgressSpinner","ariaLabel","style","commonClasses","ImageSwatch","src","alt","imageNode","imageProps","Image","AccordionSection","ariaLabelTitle","secondaryText","actionIconPosition","iconOpen","iconClose","iconLeft","showIconLeft","renderContentWhenClosed","defaultOpen","onStateChange","open","setOpen","onClickHandler","next","buttonLabel","openIcon","closeIcon","leftIcon","Accordion","divider","renderAccordionSection","Fragment","InLineAlert","type","additionalActions","onDismiss","heading","itemList","actionButtonPosition","_b","_c","Close","action","Portal","portalRoot","contentRef","useLayoutEffect","Modal","centered","backgroundDim","clickToDismiss","escapeToDismiss","onClose","showCloseButton","handleOnClose","handleOutsideClick","modal","modalBody","handleKeyDown","scrollingElement","defaultOverflowValue","CloseSVG","CartItem","image","price","taxIncluded","taxExcluded","total","totalExcludingTax","sku","configurations","warning","alert","discount","savings","actions","removeContent","quantity","quantityContent","footer","updating","quantityType","dropdownOptions","onQuantity","onRemove","useContext","UIContext","labels","CartItemSkeleton","quantityComponent","key","Trash","CartList","PriceRange","minimumAmount","maximumAmount","display","specialPrice","isSimpleProduct","Dashed","FromTo","SpecialPrice","Breadcrumbs","categories","separator","category","AlertBanner","message","IllustratedMessage","headingLevel","Heading","ToggleButton","level","HeadingTag","Header","cta","Tag","ContentGrid","maxColumns","columnWidth","emptyGridContent","hasChildren","additionalStyles","Pagination","totalPages","currentPage","handleForward","nextPage","handleBackward","prevPage","handleSetPage","isNumber","createPages","pages","addPageRange","start","end","i","paginationList","item","ProductItemCardSkeleton","ProductItemCard","titleNode","actionButton","swatches","initialized","InputFile","accept","multiple","providedId","generatedId","handleChange","Table","columns","rowData","mobileLayout","caption","expandedRows","skeletonRowCount","onSortChange","handleSort","column","nextDirection","renderSortButton","iconSource","renderSkeletonRows","rowIndex","renderDataRows","row","hasDetails","isExpanded","cell","getAriaSort","filterOptions","searchTerm","getSelectedLabels","v","opt","generateIds","baseId","useAccessibilityAnnouncements","announcement","setAnnouncement","announce","useKeyboardNavigation","filteredOptions","focusedIndex","setFocusedIndex","dropdownRef","items","direction","prev","step","nextIndex","MultiSelect","selectAllText","deselectAllText","noResultsText","maxHeight","isOpen","setIsOpen","setSearchTerm","containerRef","searchInputRef","closeDropdown","resetSearch","navigate","handleClickOutside","handleContainerClick","optionValue","isCurrentlySelected","handleRemoveTag","handleSelectAll","allFilteredValues","currentValueSet","newSelections","val","handleDeselectAll","filteredValues","removedCount","handleInputKeyDown","focusedOption","selectedLabels","listboxId","searchInputId","labelId","selectedDescriptionId","currentFocusedId","hasSelection","count","renderSelectedTags","totalSelected","fieldContext","selectedItemsText","renderSearchInput","target","renderDropdownControls","renderOptionsList","isFocused","optionId"],"ignoreList":[],"sources":["/@dropins/tools/src/components/Skeleton/Skeleton.tsx","/@dropins/tools/src/components/Icon/Icon.tsx","/@dropins/tools/src/components/Incrementer/Incrementer.tsx","/@dropins/tools/src/components/Input/Input.tsx","/@dropins/tools/src/components/InputDate/InputDate.tsx","/@dropins/tools/src/components/InputPassword/PasswordStatusIndicator/PasswordStatusIndicator.tsx","/@dropins/tools/src/components/InputPassword/InputPassword.tsx","/@dropins/tools/src/components/TextArea/TextArea.tsx","/@dropins/tools/src/components/Divider/Divider.tsx","/@dropins/tools/src/components/Price/Price.tsx","/@dropins/tools/src/components/RadioButton/RadioButton.tsx","/@dropins/tools/src/components/Button/Button.tsx","/@dropins/tools/src/components/Picker/Picker.tsx","/@dropins/tools/src/components/Field/Field.tsx","/@dropins/tools/src/components/ActionButton/ActionButton.tsx","/@dropins/tools/src/components/ActionButtonGroup/ActionButtonGroup.tsx","/@dropins/tools/src/components/Card/Card.tsx","/@dropins/tools/src/components/Checkbox/Checkbox.tsx","/@dropins/tools/src/components/ColorSwatch/ColorSwatch.tsx","/@dropins/tools/src/components/TextSwatch/TextSwatch.tsx","/@dropins/tools/src/components/ProgressSpinner/ProgressSpinner.tsx","/@dropins/tools/src/components/ImageSwatch/ImageSwatch.tsx","/@dropins/tools/src/components/Accordion/Accordion.tsx","/@dropins/tools/src/components/InLineAlert/InLineAlert.tsx","/@dropins/tools/src/components/Portal/Portal.tsx","/@dropins/tools/src/components/Modal/Modal.tsx","/@dropins/tools/src/components/CartItem/CartItem.tsx","/@dropins/tools/src/components/CartItem/CartItemSkeleton.tsx","/@dropins/tools/src/components/CartList/CartList.tsx","/@dropins/tools/src/components/PriceRange/PriceRange.tsx","/@dropins/tools/src/components/Breadcrumbs/Breadcrumbs.tsx","/@dropins/tools/src/components/AlertBanner/AlertBanner.tsx","/@dropins/tools/src/components/IllustratedMessage/IllustratedMessage.tsx","/@dropins/tools/src/components/ToggleButton/ToggleButton.tsx","/@dropins/tools/src/components/Header/Header.tsx","/@dropins/tools/src/components/Tag/Tag.tsx","/@dropins/tools/src/components/ContentGrid/ContentGrid.tsx","/@dropins/tools/src/components/Pagination/Pagination.tsx","/@dropins/tools/src/components/ProductItemCard/ProductItemCardSkeleton.tsx","/@dropins/tools/src/components/ProductItemCard/ProductItemCard.tsx","/@dropins/tools/src/components/InputFile/InputFile.tsx","/@dropins/tools/src/components/Table/Table.tsx","/@dropins/tools/src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/Skeleton/Skeleton.css';\n\nexport interface SkeletonRowProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'size'> {\n fullWidth?: boolean;\n lines?: number;\n size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';\n variant?: 'heading' | 'row' | 'empty';\n multilineGap?: 'xsmall' | 'small' | 'medium' | 'big' | 'xbig';\n children?: string;\n}\n\nconst SINGLELINE = 1;\n\nexport const SkeletonRow: FunctionComponent<SkeletonRowProps> = ({\n className,\n fullWidth = false,\n lines = SINGLELINE,\n size = 'small',\n variant = 'row',\n children = null,\n multilineGap = 'medium',\n ...props\n}) => {\n const sharedClasses = [\n [`dropin-skeleton-row__${variant}`, variant],\n [`dropin-skeleton-row__${variant}-${size}`, variant && size],\n ];\n\n if (!children && variant === 'empty') {\n return (\n <div\n className={classes([\n 'dropin-skeleton-row dropin-skeleton-row__empty',\n className,\n ])}\n />\n );\n }\n\n if (children) {\n const svg = children.trim();\n return (\n <div\n {...props}\n class={classes([\n 'dropin-skeleton-row',\n [`dropin-skeleton-row--full`, fullWidth],\n className,\n ])}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{ __html: svg }}\n />\n );\n }\n\n const isMultiline = lines > SINGLELINE;\n\n if (isMultiline === false) {\n return (\n <div\n {...props}\n class={classes([\n 'dropin-skeleton-row',\n [`dropin-skeleton-row--full`, fullWidth],\n 'dropin-skeleton--row__content',\n ...sharedClasses,\n className,\n ])}\n />\n );\n }\n\n return (\n <div\n {...props}\n style={{ '--multiline-gap-spacing': `var(--spacing-${multilineGap})` }}\n class={classes([\n 'dropin-skeleton-row--multiline',\n [`dropin-skeleton-row--full`, fullWidth],\n className,\n ])}\n >\n {Array.from({ length: lines }).map((_, index) => (\n <div\n key={index}\n class={classes([\n 'dropin-skeleton-row',\n [`dropin-skeleton-row--full`, fullWidth],\n 'dropin-skeleton--row__content',\n ...sharedClasses,\n ])}\n />\n ))}\n </div>\n );\n};\n\nexport interface SkeletonProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'size'> {\n rowGap?: 'xsmall' | 'small' | 'medium' | 'big' | 'xbig';\n}\n\nexport const Skeleton: FunctionComponent<SkeletonProps> = ({\n className,\n children,\n rowGap = 'medium',\n ...props\n}) => {\n return (\n <div\n style={{ '--row-gap-spacing': `var(--spacing-${rowGap})` }}\n {...props}\n className={classes(['dropin-skeleton', className])}\n role=\"status\"\n aria-label=\"Loading...\"\n >\n {children}\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { classes } from '@adobe-commerce/elsie/lib/classes';\nimport { lazy, Suspense, SVGProps } from 'preact/compat';\nimport { useState, useEffect } from 'preact/hooks';\n\nimport '@adobe-commerce/elsie/components/Icon/Icon.css';\n\nexport type IconType = keyof typeof import('@adobe-commerce/elsie/icons');\n\nconst lazyIcons = {\n Add: lazy(() => import('@adobe-commerce/elsie/icons/Add.svg')),\n Bulk: lazy(() => import('@adobe-commerce/elsie/icons/Bulk.svg')),\n Burger: lazy(() => import('@adobe-commerce/elsie/icons/Burger.svg')),\n Cart: lazy(() => import('@adobe-commerce/elsie/icons/Cart.svg')),\n Check: lazy(() => import('@adobe-commerce/elsie/icons/Check.svg')),\n ChevronDown: lazy(() => import('@adobe-commerce/elsie/icons/ChevronDown.svg')),\n ChevronUp: lazy(() => import('@adobe-commerce/elsie/icons/ChevronUp.svg')),\n ChevronRight: lazy(() => import('@adobe-commerce/elsie/icons/ChevronRight.svg')),\n Close: lazy(() => import('@adobe-commerce/elsie/icons/Close.svg')),\n Heart: lazy(() => import('@adobe-commerce/elsie/icons/Heart.svg')),\n Minus: lazy(() => import('@adobe-commerce/elsie/icons/Minus.svg')),\n Placeholder: lazy(() => import('@adobe-commerce/elsie/icons/Placeholder.svg')),\n PlaceholderFilled: lazy(\n () => import('@adobe-commerce/elsie/icons/PlaceholderFilled.svg')\n ),\n Search: lazy(() => import('@adobe-commerce/elsie/icons/Search.svg')),\n SearchFilled: lazy(() => import('@adobe-commerce/elsie/icons/SearchFilled.svg')),\n Sort: lazy(() => import('@adobe-commerce/elsie/icons/Sort.svg')),\n Star: lazy(() => import('@adobe-commerce/elsie/icons/Star.svg')),\n View: lazy(() => import('@adobe-commerce/elsie/icons/View.svg')),\n User: lazy(() => import('@adobe-commerce/elsie/icons/User.svg')),\n Warning: lazy(() => import('@adobe-commerce/elsie/icons/Warning.svg')),\n Locker: lazy(() => import('@adobe-commerce/elsie/icons/Locker.svg')),\n Wallet: lazy(() => import('@adobe-commerce/elsie/icons/Wallet.svg')),\n Card: lazy(() => import('@adobe-commerce/elsie/icons/Card.svg')),\n Order: lazy(() => import('@adobe-commerce/elsie/icons/Order.svg')),\n Delivery: lazy(() => import('@adobe-commerce/elsie/icons/Delivery.svg')),\n OrderError: lazy(() => import('@adobe-commerce/elsie/icons/OrderError.svg')),\n OrderSuccess: lazy(() => import('@adobe-commerce/elsie/icons/OrderSuccess.svg')),\n PaymentError: lazy(() => import('@adobe-commerce/elsie/icons/PaymentError.svg')),\n CheckWithCircle: lazy(() => import('@adobe-commerce/elsie/icons/CheckWithCircle.svg')),\n WarningWithCircle: lazy(\n () => import('@adobe-commerce/elsie/icons/WarningWithCircle.svg')\n ),\n WarningFilled: lazy(() => import('@adobe-commerce/elsie/icons/WarningFilled.svg')),\n InfoFilled: lazy(() => import('@adobe-commerce/elsie/icons/InfoFilled.svg')),\n HeartFilled: lazy(() => import('@adobe-commerce/elsie/icons/HeartFilled.svg')),\n Trash: lazy(() => import('@adobe-commerce/elsie/icons/Trash.svg')),\n Eye: lazy(() => import('@adobe-commerce/elsie/icons/Eye.svg')),\n EyeClose: lazy(() => import('@adobe-commerce/elsie/icons/EyeClose.svg')),\n Date: lazy(() => import('@adobe-commerce/elsie/icons/Date.svg')),\n AddressBook: lazy(() => import('@adobe-commerce/elsie/icons/AddressBook.svg')),\n EmptyBox: lazy(() => import('@adobe-commerce/elsie/icons/EmptyBox.svg')),\n Coupon: lazy(() => import('@adobe-commerce/elsie/icons/Coupon.svg')),\n Gift: lazy(() => import('@adobe-commerce/elsie/icons/Gift.svg')),\n GiftCard: lazy(() => import('@adobe-commerce/elsie/icons/GiftCard.svg')),\n Edit: lazy(() => import('@adobe-commerce/elsie/icons/Edit.svg')),\n};\n\nexport interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'size'> {\n source?:\n | FunctionComponent<SVGProps<SVGSVGElement> & { title?: string }>\n | IconType\n | string;\n size?: '12' | '16' | '24' | '32' | '64' | '80';\n stroke?: '1' | '2' | '3' | '4';\n className?: string;\n title?: string;\n}\n\nexport type IconNode = FunctionComponent<\n SVGProps<SVGSVGElement> & { title?: string }\n>;\n\nfunction isValidUrl(source: string): boolean { // check for URL from same domain\n try {\n if (source.startsWith('//')) {\n const absoluteUrl = `${window.location.protocol}${source}`;\n const url = new URL(absoluteUrl);\n if (url.hostname !== window.location.hostname) {\n console.error(\n `[Icon] External URL rejected for security: ${source} - Only same-domain URLs are allowed`\n );\n return false;\n }\n return true;\n }\n const url = new URL(source);\n \n if (url.hostname !== window.location.hostname) {\n console.error(`[Icon] External URL rejected for security: ${source} - Only same-domain URLs are allowed`);\n return false;\n }\n \n return true;\n } catch {\n console.error(`[Icon] Invalid URL format: ${source}`);\n return false;\n }\n}\n\nfunction UrlSvgLoader({\n url,\n ...props\n}: SVGProps<SVGSVGElement> & { url: string }) {\n const [svgContent, setSvgContent] = useState<string>('');\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(false);\n\n useEffect(() => {\n fetch(url)\n .then(response => {\n if (!response.ok) {\n console.error(`[Icon] Failed to fetch SVG: ${response.status} ${response.statusText}`);\n throw error;\n }\n return response.text();\n })\n .then(content => {\n // Check if content is valid SVG\n try {\n const parser = new DOMParser();\n const doc = parser.parseFromString(content, \"image/svg+xml\");\n const svg = doc.querySelector('svg');\n if (!svg) {\n throw new Error(\"No <svg> element found\");\n }\n // Success!\n } catch(e: unknown) {\n if (e instanceof Error ) {\n console.error(`[Icon] Invalid SVG content from ${url}: ${e.message}`);\n } else {\n console.error(`[Icon] Invalid SVG content from ${url}: ${String(e)}`);\n }\n setError(true);\n setLoading(false);\n }\n \n\n // Process SVG content to ensure proper sizing and accessibility\n let processedContent = content;\n\n if (props.width) {\n processedContent = processedContent.replace(\n /<svg([^>]*)\\s+width\\s*=\\s*[\"'][^\"']*[\"']/gi,\n '<svg$1'\n );\n processedContent = processedContent.replace(\n /<svg/i,\n `<svg width=\"${props.width}\"`\n );\n }\n\n if (props.height) {\n processedContent = processedContent.replace(\n /<svg([^>]*)\\s+height\\s*=\\s*[\"'][^\"']*[\"']/gi,\n '<svg$1'\n );\n processedContent = processedContent.replace(\n /<svg/i,\n `<svg height=\"${props.height}\"`\n );\n }\n \n if (props.title) {\n processedContent = processedContent.replace(/<title[^>]*>.*?<\\/title>/gi, '');\n processedContent = processedContent.replace(\n /<svg([^>]*)>/i,\n `<svg$1><title>${props.title}</title>`\n );\n }\n \n setSvgContent(processedContent);\n setLoading(false);\n })\n .catch((error) => {\n if (error instanceof Error) {\n console.error(`[Icon] ${error.message}`);\n } else {\n console.error(`[Icon] ${String(error)}`);\n }\n setError(true);\n setLoading(false);\n });\n }, [url, props.width, props.height, props.title]);\n\n if (loading || error) {\n return <svg {...props} />;\n }\n\n return (\n <span\n className={props.className}\n style={{\n width: String(props.width),\n height: String(props.height),\n display: 'inline-flex',\n lineHeight: 0,\n }}\n dangerouslySetInnerHTML={{ __html: svgContent }}\n />\n );\n}\n\nexport function Icon({\n source: Source,\n size = '24',\n stroke = '2',\n viewBox = '0 0 24 24',\n className,\n ...props\n}: IconProps) {\n\n const defaultProps = {\n className: classes([\n 'dropin-icon',\n `dropin-icon--shape-stroke-${stroke}`,\n className,\n ]),\n width: size,\n height: size,\n viewBox,\n };\n\n // Only validate strings that look like URLs (start with http, //, or /)\n const isLikelyUrl =\n typeof Source === 'string' &&\n (Source.startsWith('http') ||\n Source.startsWith('//') ||\n Source.startsWith('/'));\n\n if (isLikelyUrl && isValidUrl(Source)) {\n return (\n <Suspense fallback={<svg {...props} {...defaultProps} />}>\n <UrlSvgLoader url={Source} {...props} {...defaultProps}/>\n </Suspense>\n );\n }\n\n const LazyIcon = typeof Source === 'string' && Source in lazyIcons\n ? lazyIcons[Source as IconType]\n : null;\n\n const isRejectedUrl = isLikelyUrl && !isValidUrl(Source);\n\n return (\n <Suspense fallback={<svg {...props} {...defaultProps} />}>\n {LazyIcon ? (\n <LazyIcon {...props} {...defaultProps} />\n ) : isRejectedUrl ? (\n <svg {...props} {...defaultProps} />\n ) : (\n // @ts-ignore\n <Source {...props} {...defaultProps} />\n )}\n </Suspense>\n );\n}\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { useState, useCallback, useEffect } from 'preact/hooks';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes, debounce } from '@adobe-commerce/elsie/lib';\nimport { Add, Minus } from '@adobe-commerce/elsie/icons';\nimport { Icon } from '@adobe-commerce/elsie/components/Icon';\nimport { Localizer, Text } from '@adobe-commerce/elsie/i18n';\nimport '@adobe-commerce/elsie/components/Incrementer/Incrementer.css';\n\nexport interface IncrementerProps\n extends Omit<HTMLAttributes<HTMLInputElement>, 'size'> {\n name?: string;\n size?: 'medium' | 'large';\n onValue?: (value: any) => void;\n onUpdateError?: (error: Error) => void;\n error?: boolean;\n success?: boolean;\n min?: number;\n max?: number;\n disabled?: boolean;\n maxLength?: number;\n showButtons?: boolean;\n}\n\nexport const Incrementer: FunctionComponent<IncrementerProps> = ({\n name,\n value = '1',\n className,\n disabled,\n error,\n success,\n min,\n max,\n onValue,\n onUpdateError,\n size = 'medium',\n showButtons = true,\n ...props\n}) => {\n const [currentValue, setCurrentValue] = useState<number>(Number(value));\n const minValue = Number(min);\n const maxValue = Number(max);\n const isInvalid = error || currentValue < minValue || currentValue > maxValue;\n\n const errorMessage =\n currentValue < minValue\n ? 'Dropin.Incrementer.minQuantityMessage'\n : currentValue > maxValue\n ? 'Dropin.Incrementer.maxQuantityMessage'\n : 'Dropin.Incrementer.errorMessage';\n\n // Add this effect to synchronize internal state with external value prop\n useEffect(() => {\n const propValue = Number(value);\n if (propValue !== currentValue) {\n setCurrentValue(propValue);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [value]);\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n const debouncedOnValueHandler = useCallback(\n debounce(async (newValue: any) => {\n if (onValue) {\n try {\n onValue(newValue);\n } catch (e) {\n if (onUpdateError) {\n onUpdateError(e as Error);\n }\n }\n }\n }, 200),\n [onValue, onUpdateError]\n );\n\n const handleIncrementer = (_value: number) => {\n let newValue = _value;\n debouncedOnValueHandler(newValue);\n setCurrentValue(newValue);\n };\n\n return (\n <div\n className={classes([\n 'dropin-incrementer',\n `dropin-incrementer--${size}`,\n className,\n ])}\n >\n <div\n className={classes([\n 'dropin-incrementer__content',\n `dropin-incrementer__content--${size}`,\n ['dropin-incrementer__content--no-buttons', !showButtons],\n [`dropin-incrementer__content--error`, isInvalid],\n [`dropin-incrementer__content--success`, success],\n [`dropin-incrementer__content--disabled`, disabled],\n ])}\n >\n {/* Minus Button */}\n {showButtons && (\n <div\n className={classes([\n 'dropin-incrementer__button-container',\n [`dropin-incrementer__button-container--disabled`, disabled],\n ])}\n >\n <Localizer>\n <button\n type=\"button\"\n className={classes([\n 'dropin-incrementer__decrease-button',\n [`dropin-incrementer__decrease-button--disabled`, disabled],\n ])}\n onClick={() => handleIncrementer(currentValue - 1)}\n disabled={disabled || currentValue < minValue + 1}\n aria-label={\n (<Text id=\"Dropin.Incrementer.decreaseLabel\" />) as any\n }\n >\n <Icon\n source={Minus}\n size=\"16\"\n stroke=\"1\"\n viewBox=\"4 2 20 20\"\n className=\"dropin-incrementer__down\"\n />\n </button>\n </Localizer>\n </div>\n )}\n\n {/* Input Field */}\n <input\n className=\"dropin-incrementer__input\"\n max={max}\n min={min}\n step={1}\n type=\"number\"\n name={name}\n value={currentValue}\n disabled={disabled}\n onBlur={() => {\n handleIncrementer(Number(currentValue));\n }}\n onChange={(e) => {\n const newValue = e.currentTarget.value;\n if (newValue !== '') {\n handleIncrementer(Number(newValue));\n }\n }}\n {...props}\n />\n\n {showButtons && (\n <div\n className={classes([\n 'dropin-incrementer__button-container',\n [`dropin-incrementer__button-container--disabled`, disabled],\n ])}\n >\n {/* Plus/Add button */}\n <Localizer>\n <button\n type=\"button\"\n className={classes([\n 'dropin-incrementer__increase-button',\n [`dropin-incrementer__increase-button--disabled`, disabled],\n ])}\n onClick={() => handleIncrementer(currentValue + 1)}\n disabled={disabled || currentValue > maxValue - 1}\n aria-label={\n (<Text id=\"Dropin.Incrementer.increaseLabel\" />) as any\n }\n >\n <Icon\n source={Add}\n size=\"16\"\n stroke=\"1\"\n viewBox=\"4 2 20 20\"\n className=\"dropin-incrementer__add\"\n />\n </button>\n </Localizer>\n </div>\n )}\n </div>\n {isInvalid && (\n <p className=\"dropin-incrementer__content--error-message\">\n <Text\n id={errorMessage}\n fields={{ minQuantity: min, maxQuantity: max }}\n />\n </p>\n )}\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { Icon } from '@adobe-commerce/elsie/components/Icon';\nimport '@adobe-commerce/elsie/components/Input/Input.css';\nimport { CheckWithCircle, WarningWithCircle } from '@adobe-commerce/elsie/icons';\nimport { VComponent, classes, debounce } from '@adobe-commerce/elsie/lib';\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { useCallback } from 'preact/hooks';\n\nexport interface InputProps\n extends Omit<HTMLAttributes<HTMLInputElement>, 'size' | 'icon'> {\n id?: string;\n name?: string;\n variant?: 'primary' | 'secondary';\n disabled?: boolean;\n error?: boolean;\n floatingLabel?: string;\n onUpdateError?: (error: Error) => void;\n onValue?: (value: any) => void;\n size?: 'medium' | 'large';\n success?: boolean;\n icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n maxLength?: number;\n}\n\nexport const Input: FunctionComponent<InputProps> = ({\n name,\n value,\n variant = 'primary',\n className,\n disabled,\n error,\n floatingLabel,\n onValue,\n onUpdateError,\n size = 'medium',\n icon,\n maxLength,\n success,\n ...props\n}) => {\n const id = props?.id || name || `dropin-input-${Math.random().toString(36)}`;\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n const debouncedOnValueHandler = useCallback(\n debounce(async (newValue: any) => {\n if (onValue) {\n try {\n await onValue(newValue);\n } catch (e) {\n if (onUpdateError) {\n onUpdateError(e as Error);\n }\n }\n }\n }, 200),\n [onValue, onUpdateError]\n );\n\n const handleOnValue = (e: Event) => {\n const input = e.target as HTMLInputElement;\n\n debouncedOnValueHandler(input.value.trim());\n };\n\n return (\n <div\n className={classes([\n 'dropin-input-container',\n `dropin-input-container--${variant}`,\n [`dropin-input-container--floating`, !!floatingLabel],\n ['dropin-input-container--disabled', disabled],\n ])}\n >\n {icon && (\n <VComponent\n node={icon}\n className={classes([\n 'dropin-input__field-icon--left',\n icon.props.className,\n ])}\n />\n )}\n <div className=\"dropin-input-label-container\">\n {/* Input */}\n <input\n id={id}\n onChange={handleOnValue}\n type=\"text\"\n maxLength={maxLength}\n name={name}\n value={value}\n {...props}\n className={classes([\n 'dropin-input',\n `dropin-input--${size}`,\n `dropin-input--${variant}`,\n [`dropin-input--error`, !!error],\n [`dropin-input--success`, !!success],\n ['dropin-input--disabled', disabled],\n [`dropin-input--floating`, !!floatingLabel],\n [`dropin-input--icon-left`, !!icon],\n className,\n ])}\n disabled={disabled}\n />\n\n {/* Floating Label */}\n {floatingLabel && (\n <label\n htmlFor={id}\n className={classes([\n [`dropin-input__label--floating`, !!floatingLabel],\n [`dropin-input__label--floating--icon-left`, !!icon],\n [`dropin-input__label--floating--error`, !!error],\n ])}\n >\n {floatingLabel}\n </label>\n )}\n </div>\n\n {error && (\n <div\n className={classes([\n 'dropin-input__field-icon--right',\n 'dropin-input__field-icon--error',\n ])}\n >\n <Icon\n source={WarningWithCircle}\n size=\"16\"\n stroke=\"2\"\n className=\"dropin-input--warning-icon\"\n viewBox=\"-1 -1 26 26\"\n />\n </div>\n )}\n\n {success && (\n <div\n className={classes([\n 'dropin-input__field-icon--right',\n 'dropin-input__field-icon--success',\n ])}\n >\n <Icon\n source={CheckWithCircle}\n size=\"16\"\n stroke=\"2\"\n className=\"dropin-input--success-icon\"\n viewBox=\"-1 -1 26 26\"\n />\n </div>\n )}\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { useRef, useState } from 'preact/hooks';\nimport { classes, isIOSMobileDevice } from '@adobe-commerce/elsie/lib';\nimport { JSX } from 'preact/compat';\nimport { Field, Icon, Input, InputProps } from '@adobe-commerce/elsie/components';\nimport { Date } from '@adobe-commerce/elsie/icons';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nimport '@adobe-commerce/elsie/components/InputDate/InputDate.css';\nimport { useCallback } from 'react';\n\nexport interface InputDateProps extends Omit<InputProps, 'error' | 'value'> {\n label?: string;\n name?: string;\n error?: string;\n value?: Date;\n}\n\nexport const InputDate: FunctionComponent<InputDateProps> = ({\n name = '',\n error,\n value,\n label,\n onChange,\n onBlur,\n ...props\n}) => {\n const [internalValue, setInternalValue] = useState(value?.toString() ?? '');\n const iosInputRef = useRef<HTMLInputElement>(null);\n const dictionary = useText({\n picker: 'Dropin.InputDate.picker',\n });\n\n const handleOnFocus: JSX.MouseEventHandler<HTMLInputElement> = useCallback(\n (event) => {\n event.currentTarget.setAttribute('type', 'date');\n\n if (!isIOSMobileDevice()) return;\n\n iosInputRef.current.focus();\n },\n []\n );\n\n const handleOnClick: JSX.MouseEventHandler<HTMLButtonElement> = useCallback(\n (event) => {\n const input = event.currentTarget.parentElement?.querySelector('input');\n input?.focus();\n input?.showPicker();\n },\n []\n );\n\n const handleOnBlur: JSX.MouseEventHandler<HTMLInputElement> = useCallback(\n (event) => {\n event.currentTarget.setAttribute('type', 'text');\n onBlur?.(event);\n },\n [onBlur]\n );\n\n const handleInputChange: JSX.MouseEventHandler<HTMLInputElement> =\n useCallback(\n (event) => {\n setInternalValue(event.target.value);\n onChange?.(event);\n },\n [onChange]\n );\n\n return (\n <div className={classes(['dropin-input-date'])}>\n {/* This simple input is needed only for iOS devices to trigger the date picker. */}\n {isIOSMobileDevice() ? (\n <input\n ref={iosInputRef}\n data-testid=\"inputDateIos\"\n className=\"dropin-input-date__input--ios\"\n type=\"date\"\n onChange={handleInputChange}\n />\n ) : null}\n <Field error={error}>\n <Input\n data-testid=\"input-date\"\n error={!!error}\n name={name}\n value={internalValue}\n placeholder={label}\n floatingLabel={label}\n onFocus={handleOnFocus}\n onBlur={handleOnBlur}\n onChange={handleInputChange}\n aria-labelledby={label}\n className=\"dropin-input-date__input\"\n {...props}\n />\n </Field>\n\n <button\n type=\"button\"\n data-testid=\"dropin-input-date__icon\"\n className=\"dropin-input-date__icon\"\n aria-label={dictionary.picker}\n onClick={handleOnClick}\n >\n <Icon source={Date} size=\"24\" />\n </button>\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, JSX } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport {\n Check,\n Close as ErrorValidation,\n Minus as PendingValidation,\n} from '@adobe-commerce/elsie/icons';\n\nimport '@adobe-commerce/elsie/components/InputPassword/PasswordStatusIndicator/PasswordStatusIndicator.css';\n\ntype statusTypes = '' | 'success' | 'error' | 'pending';\n\nexport interface ValidateLengthConfigProps {\n status?: statusTypes;\n icon?: statusTypes;\n message?: string;\n}\n\nexport interface PasswordStatusIndicatorProps {\n validateLengthConfig?: ValidateLengthConfigProps;\n uniqueSymbolsStatus?: statusTypes;\n minLength?: number;\n requiredCharacterClasses?: number;\n}\n\nconst getIcon: { [key: string]: JSX.Element } = {\n pending: <PendingValidation />,\n success: <Check />,\n error: <ErrorValidation style={{ fill: 'red' }} />,\n};\n\nexport const PasswordStatusIndicator: FunctionComponent<\n PasswordStatusIndicatorProps & HTMLAttributes<HTMLDivElement>\n> = ({\n minLength = 0,\n requiredCharacterClasses = 0,\n uniqueSymbolsStatus = 'pending',\n validateLengthConfig = { status: '', icon: '', message: '' },\n}) => {\n const translations = useText({\n chartTwoSymbols: 'Dropin.PasswordStatusIndicator.chartTwoSymbols',\n chartThreeSymbols: 'Dropin.PasswordStatusIndicator.chartThreeSymbols',\n chartFourSymbols: 'Dropin.PasswordStatusIndicator.chartFourSymbols',\n });\n\n const getMessage = (chart: number) => {\n switch (chart) {\n case 2:\n return translations.chartTwoSymbols;\n case 3:\n return translations.chartThreeSymbols;\n case 4:\n return translations.chartFourSymbols;\n default:\n return '';\n }\n };\n\n return (\n <div className={classes(['dropin-password-status-indicator'])}>\n {minLength > 0 ? (\n <div\n className={`dropin-password-status-indicator__item dropin-password-status-indicator__item--${validateLengthConfig.status}`}\n data-testid={`dropin-password-status-indicator__item--${validateLengthConfig.icon}`}\n >\n {getIcon[validateLengthConfig.icon as string]}\n <span className={`${validateLengthConfig.status}`}>\n {validateLengthConfig.message}\n </span>\n </div>\n ) : null}\n {requiredCharacterClasses >= 2 ? (\n <div\n className={`dropin-password-status-indicator__item dropin-password-status-indicator__item--${uniqueSymbolsStatus}`}\n data-testid={`dropin-password-status-indicator__item--${uniqueSymbolsStatus}`}\n >\n {getIcon[uniqueSymbolsStatus]}\n <span className={`pending`}>\n {getMessage(requiredCharacterClasses)}\n </span>\n </div>\n ) : null}\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { useCallback, useState } from 'preact/hooks';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { Locker, EyeClose, Eye } from '@adobe-commerce/elsie/icons';\nimport { Button, Field, Input, Icon } from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport {\n PasswordStatusIndicator,\n PasswordStatusIndicatorProps,\n} from './PasswordStatusIndicator';\nimport { HTMLAttributes } from 'preact/compat';\n\nimport '@adobe-commerce/elsie/components/InputPassword/InputPassword.css';\n\nexport interface InputPasswordProps\n extends PasswordStatusIndicatorProps,\n Omit<HTMLAttributes<HTMLDivElement>, 'minLength'> {\n placeholder?: string;\n floatingLabel?: string;\n defaultValue?: string;\n className?: string;\n name?: string;\n autoComplete?: string;\n errorMessage?: string | undefined;\n required?: boolean;\n hideStatusIndicator?: boolean;\n onValue?: (value: any) => void;\n onBlur?: (event: Event) => void;\n}\n\nexport const InputPassword: FunctionComponent<InputPasswordProps> = ({\n placeholder,\n floatingLabel,\n children,\n name,\n required,\n className,\n minLength,\n autoComplete,\n defaultValue = '',\n hideStatusIndicator = false,\n uniqueSymbolsStatus,\n validateLengthConfig,\n requiredCharacterClasses,\n errorMessage,\n onValue,\n onBlur,\n ...props\n}) => {\n const translations = useText({\n placeholder: 'Dropin.InputPassword.placeholder',\n floatingLabel: 'Dropin.InputPassword.floatingLabel',\n buttonShowTitle: 'Dropin.InputPassword.buttonShowTitle',\n buttonHideTitle: 'Dropin.InputPassword.buttonHideTitle',\n });\n\n const [showPassword, setShowPassword] = useState(false);\n\n const toggleShowPassword = useCallback(() => {\n setShowPassword((prevShowPassword) => !prevShowPassword);\n }, []);\n\n const title = !showPassword\n ? translations.buttonShowTitle\n : translations.buttonHideTitle;\n\n return (\n <div\n data-testid=\"passwordFieldInput\"\n className={classes([\n 'dropin-input-password',\n ['dropin-input-password--error', errorMessage],\n className,\n ])}\n {...props}\n >\n <Field error={errorMessage}>\n <Input\n autoComplete={autoComplete}\n name={name ?? 'password'}\n type={!showPassword ? 'password' : 'text'}\n placeholder={placeholder || translations.placeholder}\n floatingLabel={floatingLabel || translations.floatingLabel}\n aria-label={translations.placeholder}\n aria-required={required || true}\n aria-invalid={!!errorMessage}\n aria-describedby=\"password-feedback\"\n required={required || false}\n value={defaultValue}\n onValue={onValue}\n icon={<Locker />}\n onBlur={onBlur}\n data-testid=\"passwordInput\"\n />\n </Field>\n <Button\n aria-label={title}\n title={title}\n type={'button'}\n data-testid=\"toggle-password-icon\"\n variant=\"tertiary\"\n className={classes([\n 'dropin-input-password__eye-icon',\n `dropin-input-password__eye-icon--${showPassword ? 'show' : 'hide'}`,\n className,\n ])}\n onClick={toggleShowPassword}\n >\n <Icon\n focusable={false}\n aria-hidden={showPassword}\n source={!showPassword ? EyeClose : Eye}\n />\n </Button>\n {hideStatusIndicator ? null : (\n <PasswordStatusIndicator\n minLength={minLength}\n requiredCharacterClasses={requiredCharacterClasses}\n validateLengthConfig={validateLengthConfig}\n uniqueSymbolsStatus={uniqueSymbolsStatus}\n />\n )}\n {children}\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { HTMLAttributes } from 'preact/compat';\nimport '@adobe-commerce/elsie/components/TextArea/TextArea.css';\nimport { useRef, useEffect, useId } from 'preact/hooks';\n\nexport interface TextAreaProps extends HTMLAttributes<HTMLTextAreaElement> {\n id?: string;\n name?: string;\n disabled?: boolean;\n errorMessage?: string;\n}\n\nexport const TextArea: FunctionComponent<TextAreaProps> = ({\n disabled,\n name = '',\n errorMessage,\n value,\n label,\n className,\n onChange,\n onBlur,\n ...props\n}) => {\n const textareaRef = useRef<HTMLTextAreaElement | null>(null);\n const id = useId();\n const error = !!errorMessage?.length;\n\n useEffect(() => {\n const textArea = textareaRef.current;\n if (!textArea) return;\n\n textArea.style.height = 'auto';\n textArea.style.height = `${textArea.scrollHeight}px`;\n }, [value]);\n\n return (\n <div\n className={classes(['dropin-textarea-container', className])}\n data-testid=\"dropin-textarea-container\"\n >\n <textarea\n ref={textareaRef}\n data-testid=\"dropin-textarea-field\"\n className={classes([\n 'dropin-textarea',\n [`dropin-textarea--error`, error],\n ['dropin-textarea--disabled', !!disabled],\n ])}\n id={id}\n placeholder={label}\n name={name}\n value={value}\n disabled={disabled}\n onBlur={onBlur}\n onChange={onChange}\n {...props}\n />\n <label\n htmlFor={id}\n className={classes([\n `dropin-textarea__label--floating`,\n [`dropin-textarea__label--floating--error`, error],\n ])}\n >\n {label}\n </label>\n {error ? (\n <div\n className={classes([\n `dropin-textarea__label--floating--text`,\n [`dropin-textarea__label--floating--error`, error],\n ])}\n >\n {errorMessage}\n </div>\n ) : null}\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/Divider/Divider.css';\n\nexport interface DividerProps extends HTMLAttributes<HTMLHRElement> {\n variant?: 'primary' | 'secondary';\n}\n\nexport const Divider: FunctionComponent<DividerProps> = ({\n variant = 'primary',\n className,\n}) => {\n return (\n <hr\n role=\"separator\"\n className={classes([\n 'dropin-divider',\n `dropin-divider--${variant}`,\n className,\n ])}\n />\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes, useMemo } from 'preact/compat';\nimport { classes, getGlobalLocale } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/Price/Price.css';\n\nexport interface PriceProps\n extends Omit<HTMLAttributes<HTMLSpanElement>, 'size'> {\n amount?: number;\n currency?: string | null;\n locale?: string;\n formatOptions?: {\n [key: string]: any;\n };\n variant?: 'default' | 'strikethrough';\n weight?: 'bold' | 'normal';\n sale?: boolean;\n size?: 'small' | 'medium' | 'large';\n}\n\nexport const Price: FunctionComponent<PriceProps> = ({\n amount = 0,\n currency,\n locale,\n variant = 'default',\n weight = 'bold',\n className,\n children,\n sale = false,\n formatOptions = {},\n size = 'small',\n ...props\n}) => {\n // Determine the locale to use: prop locale > global locale > browser locale\n const effectiveLocale = useMemo(() => {\n if (locale) {\n return locale;\n }\n const globalLocale = getGlobalLocale();\n if (globalLocale) {\n return globalLocale;\n }\n // Fallback to browser locale or default\n return process.env.LOCALE && process.env.LOCALE !== 'undefined' ? process.env.LOCALE : 'en-US';\n }, [locale]);\n\n const formatter = useMemo(\n () => {\n const params: Intl.NumberFormatOptions = {\n style: 'currency',\n currency: currency || 'USD',\n // These options are needed to round to whole numbers if that's what you want.\n minimumFractionDigits: 2, // (this suffices for whole numbers, but will print 2500.10 as $2,500.1)\n maximumFractionDigits: 2, // (causes 2500.99 to be printed as $2,501)\n ...formatOptions,\n }\n try {\n return new Intl.NumberFormat(effectiveLocale, params);\n } catch (error) {\n console.error(`Error creating Intl.NumberFormat instance for locale ${effectiveLocale}. Falling back to en-US.`, error);\n return new Intl.NumberFormat('en-US', params);\n }\n },\n [effectiveLocale, currency, formatOptions]\n );\n\n const formattedAmount = useMemo(\n () => formatter.format(amount),\n [amount, formatter]\n );\n\n return (\n <span\n {...props}\n className={classes([\n 'dropin-price',\n `dropin-price--${variant}`,\n `dropin-price--${size}`,\n `dropin-price--${weight}`,\n ['dropin-price--sale', sale],\n className,\n ])}\n >\n {formattedAmount}\n </span>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/RadioButton/RadioButton.css';\n\nexport interface RadioButtonProps\n extends Omit<HTMLAttributes<HTMLInputElement>, 'size' | 'label'> {\n label: string | VNode<HTMLAttributes<HTMLElement>>;\n name: string;\n value: string;\n size?: 'medium' | 'large';\n checked?: boolean;\n disabled?: boolean;\n error?: boolean;\n description?: string;\n busy?: boolean;\n}\n\nexport const RadioButton: FunctionComponent<RadioButtonProps> = ({\n name,\n label,\n value,\n size = 'medium',\n checked = false,\n disabled = false,\n error = false,\n description = '',\n busy = false,\n className,\n children,\n ...props\n}) => {\n return (\n <label\n className={classes([\n className,\n 'dropin-radio-button',\n ['dropin-radio-button--error', error],\n ['dropin-radio-button--disabled', disabled],\n ])}\n >\n <input\n name={name}\n value={value}\n checked={checked}\n disabled={disabled}\n type=\"radio\"\n className={classes([\n 'dropin-radio-button__input',\n ['dropin-radio-button__input--error', error],\n ['dropin-radio-button__input--disabled', disabled],\n ])}\n aria-busy={busy}\n {...props}\n />\n <span\n className={classes([\n 'dropin-radio-button__label',\n `dropin-radio-button__label--${size}`,\n ['dropin-radio-button__label--error', error],\n ['dropin-radio-button__label--disabled', disabled],\n ])}\n >\n {label}\n </span>\n <span\n className={classes([\n 'dropin-radio-button__description',\n `dropin-radio-button__description--${size}`,\n ['dropin-radio-button__description--disabled', disabled],\n ])}\n >\n {description}\n </span>\n </label>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { ComponentChildren, FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { VComponent, classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/Button/Button.css';\n\nexport interface ButtonProps\n extends Omit<\n HTMLAttributes<HTMLButtonElement | HTMLAnchorElement>,\n 'size' | 'icon'\n > {\n variant?: 'primary' | 'secondary' | 'tertiary';\n size?: 'medium' | 'large';\n children?: ComponentChildren;\n icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n disabled?: boolean;\n active?: boolean;\n activeChildren?: ComponentChildren;\n activeIcon?: VNode<HTMLAttributes<SVGSVGElement>>;\n href?: string;\n type?: 'button' | 'submit' | 'reset';\n}\n\nexport const Button: FunctionComponent<ButtonProps> = ({\n value,\n variant = 'primary',\n size = 'medium',\n icon,\n className,\n children,\n disabled = false,\n active = false,\n activeChildren,\n activeIcon,\n href,\n ...props\n}) => {\n let buttonType = 'dropin-button';\n\n if (\n (icon && !children) ||\n (icon && active && !activeChildren) ||\n (!icon && active && activeIcon)\n ) {\n buttonType = 'dropin-iconButton';\n }\n\n if (active && activeChildren) {\n buttonType = 'dropin-button';\n }\n\n className = classes([\n buttonType,\n `${buttonType}--${size}`,\n `${buttonType}--${variant}`,\n [`${buttonType}--${variant}--disabled`, disabled],\n children && icon && `${buttonType}--with-icon`,\n !children && activeChildren && icon && `${buttonType}--with-icon`,\n active && activeIcon && `${buttonType}--with-icon`,\n className,\n ]);\n\n const iconClassName = classes([\n 'dropin-button-icon',\n `dropin-button-icon--${variant}`,\n [`dropin-button-icon--${variant}--disabled`, disabled],\n icon?.props.className,\n ]);\n\n const attributes = href\n ? {\n node: <a />,\n role: 'link',\n href,\n ...props,\n disabled,\n active,\n onKeyDown: (event: KeyboardEvent) => {\n if (disabled) {\n event.preventDefault();\n }\n },\n tabIndex: disabled ? -1 : 0,\n }\n : {\n node: <button />,\n role: 'button',\n ...props,\n value,\n disabled,\n active,\n };\n\n return (\n <VComponent {...attributes} className={className}>\n {icon && !active && <VComponent node={icon} className={iconClassName} />}\n\n {activeIcon && active && (\n <VComponent node={activeIcon} className={iconClassName} />\n )}\n\n {children &&\n !active &&\n (typeof children === 'string' ? <span>{children}</span> : children)}\n\n {active &&\n activeChildren &&\n (typeof activeChildren === 'string' ? (\n <span>{activeChildren}</span>\n ) : (\n activeChildren\n ))}\n </VComponent>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { Icon } from '@adobe-commerce/elsie/components';\nimport { ChevronDown } from '@adobe-commerce/elsie/icons';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, useEffect, useState } from 'preact/compat';\n\nimport '@adobe-commerce/elsie/components/Picker/Picker.css';\n\ntype PickerValue = string | null;\n\nexport interface PickerOption {\n value: PickerValue;\n text?: string;\n icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n disabled?: boolean;\n}\n\nexport interface PickerProps\n extends Omit<HTMLAttributes<HTMLSelectElement>, 'value' | 'size' | 'icon'> {\n id?: string;\n name?: string;\n value?: PickerValue;\n placeholder?: string;\n variant?: 'primary' | 'secondary';\n size?: 'medium' | 'large';\n floatingLabel?: string;\n icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n options?: PickerOption[];\n defaultOption?: PickerOption;\n disabled?: boolean;\n error?: boolean;\n handleSelect?: (event: Event) => void;\n}\n\nfunction findSelectedValue(\n value?: PickerValue,\n defaultOption?: PickerOption,\n placeholder?: string,\n floatingLabel?: string,\n firstAvailableOption?: PickerOption\n) {\n if (value) return value;\n if (defaultOption) return defaultOption.value;\n if (placeholder || floatingLabel) return '';\n if (firstAvailableOption) return firstAvailableOption.value;\n return null;\n}\n\nexport const Picker: FunctionComponent<PickerProps> = ({\n name,\n value = null,\n options,\n variant = 'primary',\n floatingLabel,\n size = 'medium',\n handleSelect = () => {},\n disabled = false,\n error = false,\n placeholder,\n defaultOption,\n icon,\n className,\n id,\n ...props\n}) => {\n const uniqueId = id ?? name ?? `dropin-picker-${Math.random().toString(36)}`;\n const isRequired = !!props?.required;\n\n // find the first option that is not disabled\n const firstAvailableOption = options?.find((option) => !option.disabled);\n\n const [selectedValue, setSelectedValue] = useState<PickerValue>(() => {\n return findSelectedValue(\n value,\n defaultOption,\n placeholder,\n floatingLabel,\n firstAvailableOption\n );\n });\n\n useEffect(() => {\n setSelectedValue(\n findSelectedValue(\n value,\n defaultOption,\n placeholder,\n floatingLabel,\n firstAvailableOption\n )\n );\n }, [value, defaultOption, placeholder, floatingLabel, firstAvailableOption]);\n\n const handleOptionClick = (event: Event) => {\n const { options, value } = event.target as HTMLSelectElement;\n\n for (const element of options) {\n if (element.selected) {\n setSelectedValue(value);\n handleSelect(event);\n }\n }\n };\n\n const optionsListItems = options?.map((option) => {\n const { value, text, disabled } = option;\n const selected = value === selectedValue;\n\n return (\n <option\n value={value as string}\n key={value}\n selected={selected}\n disabled={disabled}\n className={classes(['dropin-picker__option'])}\n >\n {text}\n </option>\n );\n });\n\n const isSelected = !!selectedValue;\n\n const hasToDisplayPlaceholder = () => {\n return (!isRequired || !isSelected) && (floatingLabel || placeholder);\n };\n\n return (\n <div\n className={classes([\n className,\n 'dropin-picker',\n `dropin-picker__${size}`,\n ['dropin-picker__floating', !!floatingLabel],\n ['dropin-picker__selected', isSelected],\n ['dropin-picker__error', error],\n ['dropin-picker__disabled', disabled],\n ['dropin-picker__icon', icon],\n ])}\n >\n {icon && (\n // @ts-ignore\n <icon.type\n {...icon.props}\n className={'dropin-picker__icon--placeholder'}\n />\n )}\n\n <select\n id={uniqueId}\n className={classes([\n 'dropin-picker__select',\n `dropin-picker__select--${variant}`,\n `dropin-picker__select--${size}`,\n ['dropin-picker__select--floating', !!floatingLabel],\n ])}\n name={name}\n aria-label={name}\n disabled={disabled}\n onChange={handleOptionClick}\n {...props}\n >\n {hasToDisplayPlaceholder() && (\n <option\n selected={!isSelected}\n value={''}\n key={value}\n className={classes([\n 'dropin-picker__option dropin-picker__placeholder',\n ])}\n >\n {floatingLabel ?? placeholder}\n </option>\n )}\n\n {optionsListItems}\n </select>\n\n <Icon\n source={ChevronDown}\n size=\"24\"\n stroke=\"2\"\n className=\"dropin-picker__chevronDown\"\n />\n\n {floatingLabel && isSelected && (\n <label\n htmlFor={id}\n className={classes(['dropin-picker__floatingLabel', !!floatingLabel])}\n >\n {floatingLabel}\n </label>\n )}\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport '@adobe-commerce/elsie/components/Field/Field.css';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\n\nexport interface FieldProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'size'> {\n label?: string;\n error?: string;\n hint?: string;\n success?: string;\n disabled?: boolean;\n children?: VNode;\n size?: 'medium' | 'large';\n}\n\nexport const Field: FunctionComponent<FieldProps> = ({\n className,\n label,\n error,\n hint,\n success,\n size = 'medium',\n disabled = false,\n children,\n ...props\n}) => {\n const id =\n children?.props?.id ?? `dropin-field-${Math.random().toString(36)}`;\n\n let fieldContent: VNode | string | null = null;\n\n if (children && typeof children !== 'string') {\n fieldContent = (\n <VComponent\n node={children}\n id={id}\n key={children.key}\n disabled={disabled}\n size={size}\n error={!!error}\n success={!!success && !error}\n />\n );\n }\n\n\n return (\n <div {...props} className={classes(['dropin-field', className])}>\n {label && (\n <label\n className={classes([\n 'dropin-field__label',\n ['dropin-field__label--disabled', disabled],\n `dropin-field__label--${size}`,\n ])}\n htmlFor={id}\n >\n {label}\n </label>\n )}\n\n <div className={classes(['dropin-field__content'])}>\n {fieldContent}\n </div>\n\n <div\n className={classes([\n 'dropin-field__hint',\n [`dropin-field__hint--${size}`, size],\n ['dropin-field__hint--error', !!error],\n ['dropin-field__hint--success', !!success && !error],\n ['dropin-field__hint--disabled', !!disabled],\n ])}\n >\n {error || success || hint}\n </div>\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { ComponentChildren, FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { VComponent, classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/ActionButton/ActionButton.css';\n\nexport interface ActionButtonProps\n extends Omit<HTMLAttributes<HTMLButtonElement>, 'icon'> {\n children?: ComponentChildren;\n icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n active?: boolean;\n disabled?: boolean;\n}\n\nexport const ActionButton: FunctionComponent<ActionButtonProps> = ({\n icon,\n className,\n children,\n active = false,\n disabled = false,\n ...props\n}) => {\n return (\n <button\n role=\"button\"\n disabled={disabled}\n {...props}\n className={classes([\n 'dropin-action-button',\n ['dropin-action-button--active', active],\n ['dropin-action-button--disabled', disabled],\n className,\n ])}\n >\n {icon && (\n <VComponent\n node={icon}\n className={classes(['dropin-action-button-icon'])}\n />\n )}\n {children &&\n (typeof children === 'string' ? <span>{children}</span> : children)}\n </button>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode, cloneElement } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/ActionButtonGroup/ActionButtonGroup.css';\nimport { useCallback, useState } from 'preact/hooks';\nimport { Children } from 'react';\nimport { ActionButtonProps } from '@adobe-commerce/elsie/components/ActionButton';\n\nexport interface ActionButtonGroupOption {\n value: string | null;\n text: string;\n icon?: VNode<SVGElement>;\n disabled?: boolean;\n}\n\nexport interface ActionButtonGroupProps extends HTMLAttributes<HTMLDivElement> {\n variant?: 'primary' | 'secondary';\n activeOption?: string;\n disabled?: boolean;\n dividers?: boolean;\n children: VNode<ActionButtonProps>[] | VNode<ActionButtonProps>;\n handleSelect?(value: string): void;\n}\n\nexport const ActionButtonGroup: FunctionComponent<ActionButtonGroupProps> = ({\n className,\n variant = 'primary',\n activeOption,\n disabled = false,\n dividers = true,\n children,\n handleSelect,\n ...props\n}) => {\n const [activeOptionState, setActiveOptionState] = useState(activeOption);\n\n const handleClick = useCallback(\n (option: any) => {\n const isOptionDisabled = disabled || option.props.disabled;\n if (!isOptionDisabled) {\n setActiveOptionState(option.props.value);\n if (handleSelect) {\n handleSelect(option.props.value);\n }\n }\n },\n [handleSelect, setActiveOptionState, disabled]\n );\n\n const buttonGroupOptions = Children.map(\n children,\n (child: VNode<ActionButtonProps>) => {\n const isOptionDisabled = disabled || child.props.disabled;\n const isOptionActive = child.props.value === activeOptionState;\n return cloneElement(child, {\n disabled: isOptionDisabled,\n active: isOptionActive,\n onClick: () => handleClick(child),\n className: classes([\n 'dropin-action-button-group__option',\n `dropin-action-button-group__option--${variant}`,\n ['dropin-action-button-group__option--active', isOptionActive],\n ['dropin-action-button-group__option--with-dividers', dividers],\n ]),\n });\n }\n );\n\n return (\n <div\n role=\"group\"\n {...props}\n className={classes([\n 'dropin-action-button-group',\n `dropin-action-button-group--${variant}`,\n className,\n ])}\n >\n {buttonGroupOptions}\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { ComponentChildren, FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/Card/Card.css';\n\nexport interface CardProps extends HTMLAttributes<HTMLDivElement> {\n variant?: 'primary' | 'secondary';\n children: ComponentChildren | ComponentChildren[];\n}\n\nexport const Card: FunctionComponent<CardProps> = ({\n variant = 'primary',\n className,\n children,\n ...props\n}) => {\n return (\n <div\n {...props}\n className={classes(['dropin-card', `dropin-card--${variant}`, className])}\n >\n <div class=\"dropin-card__content\">{children}</div>\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { ChangeEvent, HTMLAttributes, useRef, useState } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { Check } from '@adobe-commerce/elsie/icons';\nimport { Icon } from '@adobe-commerce/elsie/components/Icon';\nimport '@adobe-commerce/elsie/components/Checkbox/Checkbox.css';\nimport { useEffect } from 'preact/hooks';\n\nexport interface CheckboxProps\n extends Omit<HTMLAttributes<HTMLInputElement>, 'size' | 'label'> {\n name: string;\n size?: 'medium' | 'large';\n disabled?: boolean;\n error?: boolean;\n label?: string | VNode | VNode[];\n description?: string | VNode | VNode[];\n}\n\nexport const Checkbox: FunctionComponent<CheckboxProps> = ({\n name,\n value,\n size = 'medium',\n disabled = false,\n error = false,\n label = '',\n description = '',\n className,\n checked,\n ...props\n}) => {\n const [isChecked, setIsChecked] = useState(\n checked === undefined ? false : checked\n );\n const ref = useRef<HTMLInputElement>(null);\n\n const handleCheckboxChange = (e: ChangeEvent<HTMLInputElement>) => {\n props.onChange?.(e);\n setIsChecked(e.currentTarget.checked);\n };\n\n const handleOnKeyDown = (e: KeyboardEvent) => {\n if (e.key === ' ') {\n e.preventDefault();\n ref?.current?.click();\n }\n };\n\n useEffect(() => {\n if (typeof checked === 'boolean') {\n setIsChecked(checked);\n }\n }, [checked]);\n\n return (\n <label\n className={classes([\n 'dropin-checkbox',\n ['dropin-checkbox--disabled', disabled],\n ])}\n >\n <input\n ref={ref}\n name={name}\n value={value}\n type=\"checkbox\"\n disabled={disabled}\n className={classes([\n 'dropin-checkbox__checkbox',\n ['dropin-checkbox__checkbox--error', error],\n className,\n ])}\n {...props}\n onChange={handleCheckboxChange}\n checked={isChecked}\n />\n\n <div className=\"dropin-checkbox__checkbox-icon\">\n {/*Zero-width space character, used to align checkbox properly*/}\n {'\\u200B'}\n <span\n aria-checked={isChecked ? 'true' : 'false'}\n aria-labelledby={`${name}-label`}\n aria-describedby={description ? `${name}-description` : undefined}\n className={classes([\n 'dropin-checkbox__box',\n ['dropin-checkbox__box--error', error],\n ['dropin-checkbox__box--disabled', disabled],\n ])}\n role=\"checkbox\"\n tabIndex={disabled ? -1 : 0}\n onKeyDown={handleOnKeyDown}\n >\n <Icon\n className={classes(['dropin-checkbox__checkmark'])}\n source={Check}\n size=\"16\"\n stroke=\"3\"\n />\n </span>\n </div>\n\n <div\n id={`${name}-label`}\n className={classes([\n 'dropin-checkbox__label',\n `dropin-checkbox__label--${size}`,\n ['dropin-checkbox__label--disabled', disabled],\n ])}\n >\n {label}\n </div>\n\n <div />\n {description && (\n <div\n id={`${name}-description`}\n role={'note'}\n className={classes([\n 'dropin-checkbox__description',\n `dropin-checkbox__description--${size}`,\n ['dropin-checkbox__description--disabled', disabled],\n ])}\n >\n {description}\n </div>\n )}\n </label>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes, useCallback } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/ColorSwatch/ColorSwatch.css';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nexport interface ColorSwatchProps\n extends Omit<HTMLAttributes<HTMLInputElement>, 'label' | 'size'> {\n name?: string;\n label?: string;\n groupAriaLabel?: string;\n id?: string;\n size?: 'medium' | 'large';\n color?: string;\n value?: string;\n disabled?: boolean;\n selected?: boolean;\n outOfStock?: boolean;\n multi?: boolean;\n onValue?: (value: any) => void;\n onUpdateError?: (error: Error) => void;\n}\n\nexport const ColorSwatch: FunctionComponent<ColorSwatchProps> = ({\n className,\n name,\n value,\n id,\n label,\n groupAriaLabel,\n size = 'medium',\n color,\n disabled = false,\n selected = false,\n outOfStock = false,\n multi = false,\n onValue,\n onUpdateError,\n ...props\n}) => {\n // i18n\n const outOfStockLabel = useText('Dropin.Swatches.outOfStock.label').label;\n const selectedLabel = useText('Dropin.Swatches.selected.label').label;\n const swatchLabel = useText('Dropin.Swatches.swatch.label').label;\n\n const onValueHandler = useCallback(\n async (newValue: any) => {\n if (onValue) {\n try {\n await onValue(newValue);\n } catch (e) {\n if (onUpdateError) {\n onUpdateError(e as Error);\n }\n }\n }\n },\n [onValue, onUpdateError]\n );\n\n const handleOnValue = (e: Event) => {\n const input = e.target as HTMLInputElement;\n\n onValueHandler(input.value);\n };\n\n const isValidColor = (color: string) => {\n const colorStyle = new Option().style;\n colorStyle.color = color;\n return colorStyle.color !== ''; // Returns true if the browser accepts this as a valid color\n };\n\n const defaultColor = 'var(--color-gray-300);';\n\n const validColor = color && isValidColor(color) ? color : defaultColor;\n\n const handleAriaLabel = () => {\n if (outOfStock) return `${groupAriaLabel}: ${label} ${outOfStockLabel}`;\n if (selected) return `${groupAriaLabel}: ${label} ${selectedLabel}`;\n return `${groupAriaLabel}: ${label} ${swatchLabel}`;\n };\n\n return (\n <label\n className={classes([\n 'dropin-color-swatch__container',\n `dropin-color-swatch__container--${size}`,\n className,\n ])}\n >\n <input\n type={multi ? 'checkbox' : 'radio'}\n name={name}\n id={id}\n value={value}\n aria-label={handleAriaLabel()}\n checked={selected}\n disabled={disabled}\n onChange={handleOnValue}\n {...props}\n className={classes([\n 'dropin-color-swatch',\n ['dropin-color-swatch--selected', selected],\n ['dropin-color-swatch--disabled', disabled],\n className,\n ])}\n />\n <span\n style={{ '--bg-color': validColor }}\n className={classes([\n 'dropin-color-swatch__span',\n ['dropin-color-swatch__span--out-of-stock', outOfStock],\n className,\n ])}\n />\n </label>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport {\n HTMLAttributes,\n useState,\n useEffect,\n useRef,\n useCallback,\n useMemo,\n} from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/TextSwatch/TextSwatch.css';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nexport interface TextSwatchProps\n extends Omit<HTMLAttributes<HTMLInputElement>, 'label'> {\n name?: string;\n label: string;\n groupAriaLabel?: string;\n value?: string;\n id: string;\n disabled?: boolean;\n selected?: boolean;\n outOfStock?: boolean;\n multi?: boolean;\n onValue?: (value: any) => void;\n onUpdateError?: (error: Error) => void;\n}\n\nexport const TextSwatch: FunctionComponent<TextSwatchProps> = ({\n className,\n name,\n value,\n label,\n groupAriaLabel,\n id,\n disabled = false,\n selected = false,\n outOfStock = false,\n multi = false,\n onValue,\n onUpdateError,\n ...props\n}) => {\n // i18n\n const outOfStockLabel = useText('Dropin.Swatches.outOfStock.label').label;\n const selectedLabel = useText('Dropin.Swatches.selected.label').label;\n const swatchLabel = useText('Dropin.Swatches.swatch.label').label;\n\n const [isOverflowing, setIsOverflowing] = useState(false);\n const spanRef = useRef<HTMLLabelElement>(null);\n\n const onValueHandler = useCallback(\n async (newValue: any) => {\n if (onValue) {\n try {\n await onValue(newValue);\n } catch (e) {\n if (onUpdateError) {\n onUpdateError(e as Error);\n }\n }\n }\n },\n [onValue, onUpdateError]\n );\n\n const handleOnValue = (e: Event) => {\n const input = e.target as HTMLInputElement;\n\n onValueHandler(input.value);\n };\n\n const handleAriaLabel = () => {\n if (outOfStock) return `${groupAriaLabel}: ${label} ${outOfStockLabel}`;\n if (selected) return `${groupAriaLabel}: ${label} ${selectedLabel}`;\n return `${groupAriaLabel}: ${label} ${swatchLabel}`;\n };\n\n useEffect(() => {\n if (\n spanRef.current &&\n spanRef.current.scrollWidth > spanRef.current.clientWidth\n ) {\n setIsOverflowing(true);\n }\n }, [label]);\n\n const uniqueId = useMemo(() => id ?? `${name}_${id}_${Math.random().toString(36)}`, [name, id]);\n\n return (\n <div\n className=\"dropin-text-swatch__container\"\n {...(isOverflowing ? { 'data-tooltip': label } : {})}\n >\n <input\n type={multi ? 'checkbox' : 'radio'}\n name={name}\n id={uniqueId}\n value={value}\n aria-label={handleAriaLabel()}\n checked={selected}\n disabled={disabled}\n onChange={handleOnValue}\n {...props}\n className={classes([\n 'dropin-text-swatch',\n ['dropin-text-swatch--selected', selected],\n ['dropin-text-swatch--disabled', disabled],\n className,\n ])}\n />\n <label\n htmlFor={uniqueId}\n ref={spanRef}\n className={classes([\n 'dropin-text-swatch__label',\n ['dropin-text-swatch__label--out-of-stock', outOfStock],\n className,\n ])}\n >\n {label}\n </label>\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { classes } from '@adobe-commerce/elsie/lib';\n\nimport '@adobe-commerce/elsie/components/ProgressSpinner/ProgressSpinner.css';\n\n/**\n * @param size this is the size of the spinner ranging in [12px, 24px, 36px, 48px]\n * @param stroke this is the stroke of the spinner ranging in [1px, 2px, 3px, 4px]\n */\nexport interface ProgressSpinnerProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'size'> {\n ariaLabel?: string;\n size?: 'small' | 'medium' | 'big' | 'large';\n stroke?: '1' | '2' | '3' | '4';\n}\n\nexport const ProgressSpinner: FunctionComponent<ProgressSpinnerProps> = ({\n ariaLabel,\n size = 'small',\n stroke = '4',\n children,\n className,\n style,\n ...props\n}) => {\n const commonClasses = [\n 'dropin-progress-spinner',\n `dropin-progress-spinner--shape-size-${size}`,\n `dropin-progress-spinner--shape-stroke-${stroke}`,\n ];\n\n const translations = useText({\n updating: 'Dropin.ProgressSpinner.updating.label',\n updatingChildren: 'Dropin.ProgressSpinner.updatingChildren.label',\n });\n\n const handleAriaLabel = () => {\n if (ariaLabel) return ariaLabel;\n return children ? translations.updatingChildren : translations.updating;\n };\n\n return children ? (\n // if we provide children to this component, it should act as a provider in order to add background with low opacity\n <div\n {...props}\n className={classes(['dropin-progress-spinner-provider'])}\n aria-live=\"polite\"\n role=\"status\"\n >\n <div aria-hidden={true}>{children}</div>\n <div\n aria-label={handleAriaLabel()}\n role=\"status\"\n className={classes(['dropin-progress-spinner-background', className])}\n style={style}\n />\n <div\n className={classes([\n 'dropin-progress-spinner-with-provider',\n ...commonClasses,\n ])}\n aria-hidden={true}\n />\n </div>\n ) : (\n // if there are no children, it should be able to be standalone and have no background\n <div\n {...props}\n className={classes([className, ...commonClasses])}\n aria-live=\"polite\"\n role=\"status\"\n aria-label={handleAriaLabel()}\n />\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, useCallback, JSX, useMemo } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/ImageSwatch/ImageSwatch.css';\nimport { Image, ImageProps } from '@adobe-commerce/elsie/components/Image';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nexport interface ImageNodeRenderProps extends ImageProps {\n imageSwatchContext: {\n disabled?: boolean;\n outOfStock?: boolean;\n multi?: boolean;\n selected?: boolean;\n value?: string;\n label?: string;\n groupAriaLabel?: string;\n name?: string;\n id?: string;\n };\n}\n\nexport interface ImageSwatchProps\n extends Omit<HTMLAttributes<HTMLInputElement>, 'label'> {\n name?: string;\n label?: string;\n groupAriaLabel?: string;\n id?: string;\n src: string;\n alt?: string;\n value?: string;\n disabled?: boolean;\n selected?: boolean;\n outOfStock?: boolean;\n multi?: boolean;\n imageNode?: VNode | ((props: ImageNodeRenderProps) => JSX.Element);\n onValue?: (value: any) => void;\n onUpdateError?: (error: Error) => void;\n}\n\nexport const ImageSwatch: FunctionComponent<ImageSwatchProps> = ({\n className,\n name,\n value,\n id,\n label,\n groupAriaLabel,\n src,\n alt,\n disabled = false,\n selected = false,\n outOfStock = false,\n multi = false,\n imageNode,\n onValue,\n onUpdateError,\n ...props\n}) => {\n const outOfStockLabel = useText('Dropin.Swatches.outOfStock.label').label;\n const selectedLabel = useText('Dropin.Swatches.selected.label').label;\n const swatchLabel = useText('Dropin.Swatches.swatch.label').label;\n\n const onValueHandler = useCallback(\n async (newValue: any) => {\n if (onValue) {\n try {\n await onValue(newValue);\n } catch (e) {\n if (onUpdateError) {\n onUpdateError(e as Error);\n }\n }\n }\n },\n [onValue, onUpdateError]\n );\n\n const handleOnValue = (e: Event) => {\n const input = e.target as HTMLInputElement;\n\n onValueHandler(input.value);\n };\n\n const handleAriaLabel = () => {\n if (outOfStock) return `${groupAriaLabel}: ${label} ${outOfStockLabel}`;\n if (selected) return `${groupAriaLabel}: ${label} ${selectedLabel}`;\n return `${groupAriaLabel}: ${label} ${swatchLabel}`;\n };\n\n const imageProps: ImageProps = useMemo(() => {\n return {\n src,\n alt,\n loading: 'lazy',\n params: { width: 100, fit: 'bounds', crop: true },\n onError: (e: any) => (e.target.style.display = 'none'),\n };\n }, [src, alt]);\n\n return (\n <label className={classes(['dropin-image-swatch__container', className])}>\n <input\n type={multi ? 'checkbox' : 'radio'}\n name={name}\n id={id}\n value={value}\n aria-label={handleAriaLabel()}\n checked={selected}\n disabled={disabled}\n onChange={handleOnValue}\n {...props}\n className={classes([\n 'dropin-image-swatch',\n ['dropin-image-swatch--selected', selected],\n ['dropin-image-swatch--disabled', disabled],\n className,\n ])}\n />\n\n <span\n className={classes([\n 'dropin-image-swatch__span',\n ['dropin-image-swatch__span--out-of-stock', outOfStock],\n className,\n ])}\n >\n {typeof imageNode === 'function' ? (\n imageNode({\n ...imageProps,\n imageSwatchContext: {\n disabled,\n outOfStock,\n selected,\n value,\n label,\n groupAriaLabel,\n name,\n id,\n },\n })\n ) : imageNode || (\n <Image\n {...imageProps}\n className={classes(['dropin-image-swatch__content'])}\n />\n )}\n </span>\n </label>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, useState, useEffect } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { Divider, Icon, IconNode } from '@adobe-commerce/elsie/components';\nimport { Add, Minus } from '@adobe-commerce/elsie/icons';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport '@adobe-commerce/elsie/components/Accordion/Accordion.css';\nexport interface AccordionSectionProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'icon'> {\n defaultOpen?: boolean;\n actionIconPosition?: 'left' | 'right';\n ariaLabelTitle: string;\n iconOpen?: IconNode;\n iconClose?: IconNode;\n iconLeft?: IconNode;\n showIconLeft?: boolean;\n secondaryText?: string | VNode<HTMLAttributes<HTMLSpanElement>>;\n renderContentWhenClosed?: boolean;\n onStateChange?: (open: boolean) => void;\n}\n\nexport const AccordionSection: FunctionComponent<AccordionSectionProps> = ({\n className,\n children,\n title,\n ariaLabelTitle,\n secondaryText,\n actionIconPosition = 'left',\n iconOpen = Add,\n iconClose = Minus,\n iconLeft = Add,\n showIconLeft = false,\n renderContentWhenClosed = true,\n defaultOpen,\n onStateChange,\n ...props\n}) => {\n const [open, setOpen] = useState<boolean>(false);\n const onClickHandler = (e: { stopImmediatePropagation: () => void }) => {\n e.stopImmediatePropagation();\n\n const next = !open;\n setOpen(next);\n onStateChange?.(next);\n };\n\n useEffect(() => {\n if (typeof defaultOpen !== 'undefined') {\n setOpen(defaultOpen);\n }\n }, [defaultOpen]);\n\n const buttonLabel = useText(\n `Dropin.Accordion.${open ? 'close' : 'open'}.label`\n ).label;\n\n const openIcon = (\n <Icon\n source={iconOpen}\n size=\"24\"\n onClick={onClickHandler}\n onKeyPress={onClickHandler}\n className={'dropin-accordion-section__open-icon'}\n />\n );\n\n const closeIcon = (\n <Icon\n source={iconClose}\n size=\"24\"\n onClick={onClickHandler}\n onKeyPress={onClickHandler}\n className={'dropin-accordion-section__close-icon'}\n />\n );\n\n const leftIcon = <Icon source={iconLeft} size=\"24\" />;\n\n return (\n <div\n {...props}\n className={classes(['dropin-accordion-section', className])}\n >\n <div className={'dropin-accordion-section__heading'}>\n <div\n className={'dropin-accordion-section__flex'}\n onClick={onClickHandler}\n onKeyPress={onClickHandler}\n role=\"button\"\n aria-label={`${buttonLabel} ${ariaLabelTitle ?? title}`}\n tabIndex={0}\n >\n <div className={'dropin-accordion-section__title-container'}>\n {actionIconPosition === 'left' && (open ? closeIcon : openIcon)}\n\n {showIconLeft && leftIcon}\n\n <h3 className={'dropin-accordion-section__title'}>{title}</h3>\n </div>\n </div>\n\n <div className={'dropin-accordion-section__secondary-text-container'}>\n {secondaryText && (\n <h4 className={'dropin-accordion-section__secondary-text'}>\n {secondaryText}\n </h4>\n )}\n\n {actionIconPosition === 'right' && (open ? closeIcon : openIcon)}\n </div>\n </div>\n\n <div\n className={'dropin-accordion-section__content-container'}\n style={{ display: open ? 'grid' : 'none' }}\n >\n {(open || (renderContentWhenClosed && !open)) && children}\n </div>\n </div>\n );\n};\n\nexport interface AccordionProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'icon'> {\n actionIconPosition?: 'left' | 'right';\n iconOpen?: IconNode;\n iconClose?: IconNode;\n iconLeft?: IconNode;\n showIconLeft?: boolean;\n secondaryText?: string | VNode<HTMLAttributes<HTMLSpanElement>>;\n children: VNode<AccordionSectionProps>[] | VNode<AccordionSectionProps>;\n}\n\nexport const Accordion: FunctionComponent<AccordionProps> = ({\n className,\n children,\n actionIconPosition = 'left',\n iconOpen = Add,\n iconClose = Minus,\n ...props\n}) => {\n const divider = <Divider variant=\"secondary\" />;\n\n const renderAccordionSection = (child: VNode<AccordionSectionProps>) => (\n <>\n <AccordionSection\n {...child.props}\n actionIconPosition={actionIconPosition}\n iconOpen={iconOpen}\n iconClose={iconClose}\n />\n {divider}\n </>\n );\n\n return (\n <div {...props} className={classes(['dropin-accordion', className])}>\n {[\n divider,\n ...(\n (Array.isArray(children)\n ? children\n : [children]) as VNode<AccordionSectionProps>[]\n ).map(renderAccordionSection),\n ]}\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { Button, Icon } from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { Close } from '@adobe-commerce/elsie/icons';\nimport { VComponent, classes } from '@adobe-commerce/elsie/lib';\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\n\nimport '@adobe-commerce/elsie/components/InLineAlert/InLineAlert.css';\nexport interface InLineAlertProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'icon'> {\n variant?: 'primary' | 'secondary';\n heading: string;\n description?: string;\n type?: 'error' | 'warning' | 'success';\n icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n additionalActions?: Array<{\n label: string;\n onClick: (event: Event) => void;\n }>;\n onDismiss?: (event: Event) => void;\n itemList?: VNode;\n actionButtonPosition?: 'top' | 'bottom';\n}\n\nexport const InLineAlert: FunctionComponent<InLineAlertProps> = ({\n variant = 'primary',\n className,\n type = 'warning',\n additionalActions,\n onDismiss,\n heading,\n description,\n icon,\n itemList,\n actionButtonPosition,\n ...props\n}) => {\n const translations = useText({\n dismiss: 'Dropin.InlineAlert.dismissLabel',\n });\n\n return (\n <div\n {...props}\n className={classes([\n 'dropin-in-line-alert',\n `dropin-in-line-alert--${type}`,\n `dropin-in-line-alert--${variant}`,\n className,\n ])}\n >\n <div className={'dropin-in-line-alert__heading'}>\n <div className={'dropin-in-line-alert__title-container'}>\n {icon && (\n <VComponent node={icon} className={'dropin-in-line-alert__icon'} />\n )}\n\n <span className={'dropin-in-line-alert__title'}>{heading}</span>\n </div>\n\n <div className={'dropin-in-line-alert__actions-container'}>\n {additionalActions &&\n (actionButtonPosition === 'top' ||\n (!actionButtonPosition && additionalActions.length <= 1)) && (\n <Button\n variant=\"tertiary\"\n className={'dropin-in-line-alert__additional-action'}\n onClick={\n additionalActions.length > 0\n ? additionalActions[0]?.onClick\n : undefined\n }\n aria-label={additionalActions[0]?.label}\n >\n {additionalActions[0]?.label}\n </Button>\n )}\n {onDismiss && (\n <Button\n icon={<Icon source={Close} size=\"24\" stroke=\"2\" />}\n className={'dropin-in-line-alert__dismiss-button'}\n variant=\"tertiary\"\n onClick={onDismiss}\n aria-label={translations.dismiss}\n />\n )}\n </div>\n </div>\n\n {description && (\n <p className={'dropin-in-line-alert__description'}>{description}</p>\n )}\n <div className={'dropin-in-line-alert__item-list-container'}>\n {itemList && (\n <VComponent\n node={itemList}\n className={classes(['dropin-in-line-alert__item-list'])}\n />\n )}\n </div>\n {additionalActions &&\n (actionButtonPosition === 'bottom' ||\n (!actionButtonPosition && additionalActions.length > 1)) && (\n <div className={'dropin-in-line-alert__additional-actions-container'}>\n {additionalActions.map((action) => (\n <Button\n key={action.label}\n variant=\"tertiary\"\n className={'dropin-in-line-alert__additional-action'}\n onClick={action.onClick}\n >\n {action.label}\n </Button>\n ))}\n </div>\n )}\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { ComponentChildren } from 'preact';\nimport { FunctionComponent, useLayoutEffect, useRef } from 'preact/compat';\n\ninterface PortalProps {\n children: ComponentChildren;\n}\n\nexport const Portal: FunctionComponent<PortalProps> = ({ children }) => {\n const portalRoot = useRef<HTMLDivElement | null>(null);\n const contentRef = useRef<HTMLDivElement | null>(null);\n\n useLayoutEffect(() => {\n // Create portal root if it doesn't exist\n if (!portalRoot.current) {\n portalRoot.current = document.createElement('div');\n portalRoot.current.setAttribute('data-portal-root', '');\n document.body.appendChild(portalRoot.current);\n }\n\n // Move content to portal root\n if (contentRef.current && portalRoot.current) {\n portalRoot.current.appendChild(contentRef.current);\n }\n\n // Cleanup\n return () => {\n if (portalRoot.current) {\n portalRoot.current.remove();\n portalRoot.current = null;\n }\n };\n }, []);\n\n // Return a div that contains the children\n return (\n <div ref={contentRef} className=\"dropin-design\">\n {children}\n </div>\n );\n}; ","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport {\n FunctionComponent,\n HTMLAttributes,\n useCallback,\n useEffect,\n} from 'preact/compat';\nimport { Button } from '../Button';\nimport { Close as CloseSVG } from '@adobe-commerce/elsie/icons';\nimport { VNode } from 'preact';\nimport { Portal } from '../Portal/Portal';\n\nimport '@adobe-commerce/elsie/components/Modal/Modal.css';\n\nexport interface ModalProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'size' | 'title'> {\n size?: 'small' | 'medium' | 'full';\n title?: VNode;\n centered?: boolean;\n onClose?: () => void;\n backgroundDim?: boolean;\n clickToDismiss?: boolean;\n escapeToDismiss?: boolean;\n showCloseButton?: boolean;\n}\n\nexport const Modal: FunctionComponent<ModalProps> = ({\n size = 'small',\n title = null,\n centered = false,\n backgroundDim = true,\n clickToDismiss = true,\n escapeToDismiss = true,\n onClose,\n showCloseButton = true,\n className,\n children = null,\n ...props\n}) => {\n const handleOnClose = useCallback(() => {\n onClose?.();\n }, [onClose]);\n\n const translations = useText({\n modalCloseLabel: 'Dropin.Modal.Close.label',\n });\n\n // Close on background click\n useEffect(() => {\n const handleOutsideClick = (event: MouseEvent) => {\n const modal = document.querySelector('.dropin-modal');\n const modalBody = document.querySelector('.dropin-modal__body');\n\n if (\n clickToDismiss &&\n modal &&\n modalBody &&\n !modalBody.contains(event.target as Node)\n ) {\n handleOnClose();\n }\n };\n\n document.addEventListener('mousedown', handleOutsideClick);\n\n return () => {\n document.removeEventListener('mousedown', handleOutsideClick);\n };\n }, [handleOnClose, clickToDismiss]);\n\n // Close on ESC\n useEffect(() => {\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape' && escapeToDismiss) {\n handleOnClose();\n }\n };\n\n document.addEventListener('keydown', handleKeyDown);\n\n return () => {\n document.removeEventListener('keydown', handleKeyDown);\n };\n }, [handleOnClose, escapeToDismiss]);\n\n // Prevent document scrolling\n useEffect(() => {\n const scrollingElement = document.scrollingElement as HTMLElement;\n\n const defaultOverflowValue = scrollingElement.style.overflow;\n\n scrollingElement.style.overflow = 'hidden';\n\n return () => {\n scrollingElement.style.overflow = defaultOverflowValue;\n };\n }, []);\n\n return (\n <Portal>\n <div\n className={classes([\n 'dropin-modal',\n ['dropin-modal--dim', backgroundDim],\n ])}\n >\n <div\n {...props}\n className={classes([\n 'dropin-modal__body',\n [`dropin-modal__body--${size}`, size],\n className,\n ])}\n >\n <div\n className={classes([\n 'dropin-modal__header',\n ['dropin-modal__header-title', !!title],\n ])}\n >\n {title && (\n <div className={classes(['dropin-modal__header-title-content'])}>\n {title}\n </div>\n )}\n\n {showCloseButton && (\n <Button\n aria-label={translations.modalCloseLabel}\n variant=\"tertiary\"\n className=\"dropin-modal__header-close-button\"\n onClick={handleOnClose}\n icon={<CloseSVG />}\n />\n )}\n </div>\n\n <div\n className={classes([\n 'dropin-modal__content',\n ['dropin-modal__body--centered', centered],\n ])}\n >\n {children}\n </div>\n </div>\n </div>\n </Portal>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, useContext } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport {\n Button,\n CartItemSkeleton,\n Icon,\n Incrementer,\n UIContext,\n ProgressSpinner,\n Picker,\n} from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { Trash } from '@adobe-commerce/elsie/icons';\n\nimport '@adobe-commerce/elsie/components/CartItem/CartItem.css';\n\nexport interface CartItemProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'loading'> {\n ariaLabel?: string;\n image?: VNode;\n title?: VNode;\n price?: VNode;\n taxIncluded?: boolean;\n taxExcluded?: boolean;\n total?: VNode;\n totalExcludingTax?: VNode;\n sku?: VNode;\n quantity?: number;\n quantityContent?: VNode;\n description?: VNode;\n attributes?: VNode;\n footer?: VNode;\n configurations?: { [key: string]: any };\n warning?: VNode;\n alert?: VNode;\n discount?: VNode;\n savings?: VNode;\n actions?: VNode;\n removeContent?: VNode;\n loading?: boolean;\n updating?: boolean;\n onRemove?: () => void;\n onQuantity?: (value: number) => void;\n quantityType?: 'stepper' | 'dropdown';\n dropdownOptions?: { value: string; text: string }[];\n}\n\nexport const CartItem: FunctionComponent<CartItemProps> = ({\n className,\n children,\n ariaLabel,\n image,\n title,\n price,\n taxIncluded = false,\n taxExcluded = false,\n total,\n totalExcludingTax,\n sku,\n configurations,\n warning,\n alert,\n discount,\n savings,\n actions,\n removeContent,\n quantity,\n quantityContent,\n description,\n attributes,\n footer,\n loading = false,\n updating = false,\n quantityType,\n dropdownOptions,\n onQuantity,\n onRemove,\n ...props\n}) => {\n const { locale } = useContext(UIContext);\n\n const labels = useText({\n each: 'Dropin.CartItem.each.label',\n pricePerItem: 'Dropin.CartItem.pricePerItem.label',\n quantity: 'Dropin.CartItem.quantity.label',\n remove: 'Dropin.CartItem.remove.label',\n removeDefault: 'Dropin.CartItem.removeDefault.label',\n taxIncluded: 'Dropin.CartItem.taxIncluded.label',\n taxExcluded: 'Dropin.CartItem.taxExcluded.label',\n updating: 'Dropin.CartItem.updating.label',\n updatingDefault: 'Dropin.ProgressSpinner.updating.label',\n });\n\n if (loading) return <CartItemSkeleton />;\n\n const quantityComponent =\n quantityType === 'dropdown' ? (\n <Picker\n className={classes(['dropin-cart-item__quantity__picker'])}\n value={String(quantity)}\n name=\"quantity\"\n aria-label={labels.quantity}\n disabled={updating}\n variant={'primary'}\n options={dropdownOptions}\n handleSelect={(event) =>\n onQuantity?.(Number((event.target as HTMLSelectElement).value))\n }\n />\n ) : (\n <Incrementer\n className={classes(['dropin-cart-item__quantity__incrementer'])}\n value={quantity}\n min={1}\n onValue={(value) => onQuantity?.(Number(value))}\n name=\"quantity\"\n aria-label={labels.quantity}\n disabled={updating}\n />\n );\n\n return (\n <div\n {...props}\n className={classes([\n 'dropin-cart-item',\n ['dropin-cart-item--updating', updating],\n className,\n ])}\n >\n {updating && (\n <ProgressSpinner\n className={classes(['dropin-cart-item__spinner'])}\n ariaLabel={\n ariaLabel\n ? labels.updating?.replace('{product}', ariaLabel)\n : labels.updatingDefault\n }\n />\n )}\n <div className=\"dropin-cart-item__wrapper\">\n {\n /* Image */\n image && (\n <VComponent\n node={image}\n className={classes(['dropin-cart-item__image'])}\n />\n )\n }\n\n {\n /* Title */\n title && (\n <VComponent\n node={title}\n className={classes([\n 'dropin-cart-item__title',\n ['dropin-cart-item__title--edit', !!onQuantity || !!onRemove],\n ])}\n />\n )\n }\n\n {\n /* Description */\n description && (\n <VComponent\n node={description}\n className={classes(['dropin-cart-item__description'])}\n />\n )\n }\n\n {\n /* SKU */\n sku && (\n <VComponent\n node={sku}\n className={classes(['dropin-cart-item__sku'])}\n />\n )\n }\n <div className={classes(['dropin-cart-item__savings__wrapper'])}>\n {/* Discount amount */}\n {discount && (\n <VComponent\n node={discount}\n className={classes([\n 'dropin-cart-item__discount',\n 'dropin-cart-item__discount__large-screen',\n ])}\n />\n )}\n\n {/* Savings amount */}\n {savings && (\n <VComponent\n node={savings}\n className={classes([\n 'dropin-cart-item__savings',\n 'dropin-cart-item__savings__large-screen',\n ])}\n />\n )}\n </div>\n\n {/* Product Attributes */}\n {attributes && (\n <div className={classes(['dropin-cart-item__attributes'])}>\n <VComponent node={attributes} />\n </div>\n )}\n\n {\n /* Configurations */\n configurations && (\n <ul className={classes(['dropin-cart-item__configurations'])}>\n {Object.entries(configurations).map(([key, value]) => (\n <li\n key={key}\n className={classes([\n 'dropin-cart-item__configurations__item',\n ])}\n >\n {key}:{' '}\n <strong\n className={classes([\n 'dropin-cart-item__configurations__item__value',\n ])}\n >\n {value}\n </strong>\n </li>\n ))}\n </ul>\n )\n }\n\n {\n /* Price */\n price && (\n <span\n className={classes(['dropin-cart-item__price'])}\n aria-label={labels.pricePerItem}\n >\n {quantity && !onQuantity && (\n <>\n <span\n className=\"dropin-cart-item__price__quantity\"\n aria-hidden={true}\n >\n {quantity.toLocaleString(locale)} x{' '}\n </span>\n\n <div className=\"dropin-cart-item__sr-only\">\n {labels.quantity}: {quantity?.toLocaleString(locale)};\n </div>\n </>\n )}\n\n <VComponent node={price} role=\"text\" />\n\n {quantity && quantity > 1 && (\n <>\n &nbsp;\n {labels.each}\n </>\n )}\n\n {taxIncluded && (\n <span\n data-testid=\"tax-message\"\n className=\"dropin-cart-item__price-tax-message\"\n >\n &nbsp;\n {labels.taxIncluded}\n </span>\n )}\n\n {taxExcluded && (\n <span\n data-testid=\"tax-message\"\n className=\"dropin-cart-item__price-tax-message\"\n >\n &nbsp;\n {labels.taxExcluded}\n </span>\n )}\n </span>\n )\n }\n\n {/* Quantity */}\n <div\n className={classes([\n 'dropin-cart-item__quantity',\n ['dropin-cart-item__quantity--edit', !!onQuantity],\n ])}\n >\n {quantityContent ? (\n <VComponent node={quantityContent} />\n ) : onQuantity ? (\n quantityComponent\n ) : (\n quantity && (\n <span className={classes(['dropin-cart-item__quantity__value'])}>\n {labels.quantity}:{' '}\n <strong className=\"dropin-cart-item__quantity__number\">\n {Number(quantity).toLocaleString(locale)}\n </strong>\n </span>\n )\n )}\n\n {/* Warning */}\n {warning && (\n <VComponent\n node={warning}\n className={classes([\n 'dropin-cart-item__warning',\n 'dropin-cart-item__warning--quantity',\n ])}\n />\n )}\n\n {/* Alert */}\n {alert && (\n <VComponent\n node={alert}\n className={classes([\n 'dropin-cart-item__alert',\n 'dropin-cart-item__alert--quantity',\n ])}\n />\n )}\n </div>\n\n {/* Actions */}\n {actions && (\n <div className={classes(['dropin-cart-item__actions'])}>\n {\n <VComponent\n node={actions}\n className={classes(['dropin-cart-item__buttons'])}\n />\n }\n </div>\n )}\n\n {/* Warning */}\n {warning && (\n <VComponent\n node={warning}\n className={classes(['dropin-cart-item__warning'])}\n />\n )}\n\n {/* Alert */}\n {alert && (\n <VComponent\n node={alert}\n className={classes(['dropin-cart-item__alert'])}\n />\n )}\n\n {/* Total */}\n <div\n className={classes([\n 'dropin-cart-item__total',\n ['dropin-cart-item__total--edit', !!onRemove],\n ])}\n >\n <div className=\"dropin-cart-item__row-total__wrapper\">\n {\n /* Total */\n total && (\n <div className=\"dropin-cart-item__row-total\">\n <VComponent node={total} role=\"text\" />\n </div>\n )\n }\n\n {taxIncluded && (\n <div className=\"dropin-cart-item__total-tax-included\">\n <span\n data-testid=\"tax-message\"\n className={classes(['dropin-cart-item__total-tax-message'])}\n >\n {labels.taxIncluded}\n </span>\n </div>\n )}\n </div>\n {taxExcluded && (\n <div className=\"dropin-cart-item__total-tax-excluded\">\n <span\n data-testid=\"tax-message\"\n className={classes([\n 'dropin-cart-item__total-tax-excluded-message',\n ])}\n >\n {totalExcludingTax && (\n <VComponent node={totalExcludingTax} role=\"text\" />\n )}\n &nbsp;\n {labels.taxExcluded}\n </span>\n </div>\n )}\n\n {/* Discount amount */}\n {discount && (\n <VComponent\n node={discount}\n className={classes(['dropin-cart-item__discount'])}\n />\n )}\n\n {/* Savings amount */}\n {savings && (\n <VComponent\n node={savings}\n className={classes(['dropin-cart-item__savings'])}\n />\n )}\n </div>\n\n {/* Footer */}\n {footer && (\n <VComponent\n node={footer}\n className={classes(['dropin-cart-item__footer'])}\n />\n )}\n </div>\n\n {/* Remove Item */}\n {removeContent ? (\n <VComponent node={removeContent} />\n ) : onRemove ? (\n <Button\n data-testid=\"cart-item-remove-button\"\n className={classes(['dropin-cart-item__remove'])}\n variant=\"tertiary\"\n onClick={() => onRemove?.()}\n icon={\n <Icon\n data-testid=\"cart-item-remove-icon\"\n source={Trash}\n size=\"24\"\n stroke=\"2\"\n viewBox=\"0 0 24 24\"\n aria-label={\n ariaLabel\n ? labels.remove?.replace('{product}', ariaLabel)\n : labels.removeDefault\n }\n />\n }\n disabled={updating}\n />\n ) : null}\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { Skeleton, SkeletonRow } from '@adobe-commerce/elsie/components';\n\nexport const CartItemSkeleton: FunctionComponent = () => {\n return (\n <div className=\"dropin-cart-item dropin-cart-item-skeleton\">\n <Skeleton className=\"dropin-cart-item__skeleton dropin-cart-item__wrapper\">\n <div className=\"dropin-cart-item__image\">\n <SkeletonRow className=\"dropin-cart-item__skeleton__item\" />\n </div>\n <div className=\"dropin-cart-item__title\">\n <SkeletonRow className=\"dropin-cart-item__skeleton__item\" />\n </div>\n <div className=\"dropin-cart-item__sku\">\n <SkeletonRow className=\"dropin-cart-item__skeleton__item\" />\n </div>\n <div className=\"dropin-cart-item__price\">\n <SkeletonRow className=\"dropin-cart-item__skeleton__item\" />\n </div>\n <div className=\"dropin-cart-item__quantity\">\n <SkeletonRow className=\"dropin-cart-item__skeleton__item\" />\n </div>\n <div className=\"dropin-cart-item__total\">\n <SkeletonRow className=\"dropin-cart-item__skeleton__item\" />\n </div>\n </Skeleton>\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes, Children } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\n\nimport '@adobe-commerce/elsie/components/CartList/CartList.css';\n\nexport interface CartListProps extends HTMLAttributes<HTMLDivElement> {}\n\nexport const CartList: FunctionComponent<CartListProps> = ({\n className,\n children,\n ...props\n}) => {\n return (\n <div {...props} className={classes(['dropin-cart-list', className])}>\n <div\n className=\"dropin-cart-list__wrapper\"\n aria-live=\"assertive\"\n aria-relevant=\"all\"\n >\n {Children.map(children, (child, key) => {\n return (\n <div key={key} className=\"dropin-cart-list__item\">\n {child}\n </div>\n );\n })}\n </div>\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes, useMemo } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/PriceRange/PriceRange.css';\nimport { Price } from '@adobe-commerce/elsie/components/Price';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nexport interface PriceRangeProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'size'> {\n locale?: string;\n currency?: string;\n amount?: number; // simple product\n variant?: 'default' | 'strikethrough';\n minimumAmount?: number; // configurable product\n maximumAmount?: number; // configurable product\n display?: 'dash' | 'from to' | 'as low as';\n size?: 'small' | 'medium' | 'large';\n specialPrice?: number;\n sale?: boolean;\n}\n\nexport const PriceRange: FunctionComponent<PriceRangeProps> = ({\n className,\n children,\n locale,\n currency,\n amount,\n variant = 'default',\n minimumAmount,\n maximumAmount,\n size = 'small',\n display = 'dash',\n specialPrice,\n sale = false,\n ...props\n}) => {\n const isSimpleProduct = useMemo(\n () =>\n amount ||\n minimumAmount === maximumAmount ||\n (minimumAmount && !maximumAmount) ||\n (maximumAmount && !minimumAmount),\n [amount, maximumAmount, minimumAmount]\n );\n\n return (\n <div>\n {/* Simple product price or when configurable product minimum price equals to maximum price */}\n {isSimpleProduct ? (\n <div {...props} className={classes(['dropin-price-range', className])}>\n <Price\n amount={amount ?? minimumAmount ?? maximumAmount}\n currency={currency}\n locale={locale}\n size={size}\n variant={variant}\n sale={sale}\n />\n </div>\n ) : (\n <div {...props} className={classes(['dropin-price-range', className])}>\n {display === 'dash' ? (\n <Dashed\n specialPrice={specialPrice}\n minimumAmount={minimumAmount}\n maximumAmount={maximumAmount}\n currency={currency}\n locale={locale}\n size={size}\n sale={sale}\n />\n ) : null}\n\n {display === 'from to' ? (\n <FromTo\n specialPrice={specialPrice}\n minimumAmount={minimumAmount}\n maximumAmount={maximumAmount}\n currency={currency}\n locale={locale}\n size={size}\n sale={sale}\n />\n ) : null}\n\n {display === 'as low as' ? (\n <SpecialPrice\n specialPrice={specialPrice}\n minimumAmount={minimumAmount}\n maximumAmount={maximumAmount}\n currency={currency}\n locale={locale}\n size={size}\n sale={sale}\n />\n ) : null}\n </div>\n )}\n </div>\n );\n};\n\n// Variations\n\nfunction Dashed({\n specialPrice,\n minimumAmount,\n maximumAmount,\n currency,\n locale,\n size,\n sale,\n}: PriceRangeProps) {\n return (\n <>\n <Price\n amount={specialPrice ?? minimumAmount}\n currency={currency}\n locale={locale}\n size={size}\n sale={!!specialPrice && sale}\n />\n <span className=\"dropin-price-range__separator\">-</span>\n <Price\n amount={maximumAmount}\n currency={currency}\n locale={locale}\n size={size}\n />\n </>\n );\n}\n\nfunction FromTo({\n specialPrice,\n minimumAmount,\n maximumAmount,\n currency,\n locale,\n size,\n sale,\n}: PriceRangeProps) {\n // Translations\n const translations = useText({\n from: 'Dropin.PriceRange.from.label',\n to: 'Dropin.PriceRange.to.label',\n asLowAs: 'Dropin.PriceRange.asLowAs.label',\n });\n\n return (\n <>\n <span\n className={classes([\n 'dropin-price-range__from',\n `dropin-price-range__from--${size}`,\n ])}\n >\n {translations.from}\n </span>\n <Price\n amount={specialPrice ?? minimumAmount}\n currency={currency}\n locale={locale}\n size={size}\n sale={!!specialPrice && sale}\n />\n <span\n className={classes([\n 'dropin-price-range__to',\n `dropin-price-range__to--${size}`,\n ])}\n >\n {translations.to}\n </span>\n <Price\n amount={maximumAmount}\n currency={currency}\n locale={locale}\n size={size}\n />\n </>\n );\n}\n\nfunction SpecialPrice({\n specialPrice,\n minimumAmount,\n maximumAmount,\n currency,\n locale,\n size,\n sale,\n}: PriceRangeProps) {\n // Translations\n const translations = useText({\n from: 'Dropin.PriceRange.from.label',\n to: 'Dropin.PriceRange.to.label',\n asLowAs: 'Dropin.PriceRange.asLowAs.label',\n });\n\n return (\n <>\n <span\n className={classes([\n 'dropin-price-range__as-low-as',\n `dropin-price-range__as-low-as--${size}`,\n ])}\n >\n {translations.asLowAs}\n </span>\n {specialPrice ? (\n <div>\n <Price\n amount={maximumAmount}\n currency={currency}\n locale={locale}\n size={size}\n variant=\"strikethrough\"\n />\n <Price\n amount={specialPrice}\n currency={currency}\n locale={locale}\n size={size}\n className=\"dropin-price-range__special\"\n sale={!!specialPrice && sale}\n />\n </div>\n ) : (\n <Price\n amount={minimumAmount}\n currency={currency}\n locale={locale}\n size={size}\n />\n )}\n </>\n );\n}\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { HTMLAttributes } from 'preact/compat';\nimport { FunctionComponent, VNode } from 'preact';\nimport { VComponent, classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/Breadcrumbs/Breadcrumbs.css';\n\nexport interface BreadcrumbsProps extends HTMLAttributes<HTMLElement> {\n categories: VNode[];\n separator?: VNode<HTMLAttributes<SVGSVGElement>>;\n}\n\nexport const Breadcrumbs: FunctionComponent<BreadcrumbsProps> = ({\n className,\n categories,\n separator,\n ...props\n}) => {\n return (\n <>\n {categories?.length > 1 && (\n <nav\n role=\"navigation\"\n {...props}\n className={classes(['dropin-breadcrumbs__container', className])}\n >\n <ul className=\"dropin-breadcrumbs__items\">\n {categories?.map((category: VNode, index: number) => {\n return (\n <li\n key={index}\n className={classes([\n 'dropin-breadcrumbs__item',\n [\n 'dropin-breadcrumbs__item--last',\n index === categories.length - 1,\n ],\n ])}\n >\n <VComponent\n node={category}\n className=\"dropin-breadcrumbs__link\"\n />\n {!separator && index !== categories.length - 1 && (\n <span className=\"dropin-breadcrumbs__separator--default\">\n {' '}\n /{' '}\n </span>\n )}\n {separator && index !== categories.length - 1 && (\n <VComponent\n node={separator}\n className=\"dropin-breadcrumbs__separator--icon\"\n />\n )}\n </li>\n );\n })}\n </ul>\n </nav>\n )}\n </>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/AlertBanner/AlertBanner.css';\nimport { Button, Icon } from '@adobe-commerce/elsie/components';\nimport { Close } from '@adobe-commerce/elsie/icons';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nexport interface AlertBannerProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'icon' | 'action'> {\n variant: 'brand' | 'neutral' | 'success' | 'warning';\n icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n message: VNode;\n onDismiss: () => void;\n action?: {\n label: string;\n onClick: (event: Event) => void;\n };\n}\n\nexport const AlertBanner: FunctionComponent<AlertBannerProps> = ({\n className,\n variant,\n icon,\n message,\n onDismiss,\n action,\n ...props\n}) => {\n const translations = useText({\n dismiss: 'Dropin.InlineAlert.dismissLabel',\n });\n\n return (\n <div\n {...props}\n className={classes([\n className,\n 'dropin-alert-banner',\n `dropin-alert-banner--${variant}`,\n ])}\n >\n <div className={'dropin-alert-banner__content'}>\n {icon && (\n <VComponent\n node={icon}\n aria-hidden=\"true\"\n className={'dropin-alert-banner__icon'}\n />\n )}\n\n {/* Message */}\n <VComponent\n node={message}\n className={classes(['dropin-alert-banner__message'])}\n />\n </div>\n\n <div className={'dropin-alert-banner__actions'}>\n {action && (\n <Button\n variant=\"tertiary\"\n className={'dropin-alert-banner__action'}\n onClick={action.onClick}\n aria-label={action.label}\n >\n {action.label}\n </Button>\n )}\n\n <Button\n icon={<Icon source={Close} size=\"24\" stroke=\"2\" />}\n className=\"dropin-alert-banner__dismiss-button\"\n variant=\"primary\"\n onClick={onDismiss}\n aria-label={translations.dismiss}\n />\n </div>\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, JSX } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/IllustratedMessage/IllustratedMessage.css';\nimport { Card } from '@adobe-commerce/elsie/components';\n\nexport interface IllustratedMessageProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'icon' | 'action'> {\n icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n heading?: string;\n headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n message?: VNode<HTMLAttributes<HTMLElement>>;\n action?: VNode;\n variant?: 'primary' | 'secondary';\n}\n\nexport const IllustratedMessage: FunctionComponent<IllustratedMessageProps> = ({\n className,\n icon,\n heading,\n headingLevel = 2,\n message,\n action,\n variant = 'secondary',\n ...props\n}) => {\n const Heading =\n headingLevel >= 1 && headingLevel <= 6\n ? (`h${headingLevel}` as keyof JSX.IntrinsicElements)\n : 'h2';\n\n return (\n <div\n {...props}\n className={classes(['dropin-illustrated-message', className])}\n >\n <Card variant={variant}>\n {icon && (\n <VComponent\n node={icon}\n aria-hidden=\"true\"\n size=\"80\"\n className=\"dropin-illustrated-message__icon\"\n />\n )}\n\n {heading && (\n <Heading className=\"dropin-illustrated-message__heading\">\n {heading}\n </Heading>\n )}\n\n {message && (\n <VComponent\n node={message}\n className=\"dropin-illustrated-message__message\"\n />\n )}\n\n {action && (\n <VComponent\n node={action}\n className=\"dropin-illustrated-message__action\"\n />\n )}\n </Card>\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/ToggleButton/ToggleButton.css';\nimport { RadioButton } from '@adobe-commerce/elsie/components';\n\nexport interface ToggleButtonProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'icon' | 'label'> {\n label: string | VNode<HTMLAttributes<HTMLElement>>;\n name: string;\n value: string;\n busy?: boolean;\n disabled?: boolean;\n icon?:\n | VNode<HTMLAttributes<SVGSVGElement>>\n | VNode<HTMLAttributes<HTMLImageElement>>;\n onChange?: (value: string) => void;\n selected?: boolean;\n}\n\nexport const ToggleButton: FunctionComponent<ToggleButtonProps> = ({\n label,\n name,\n value,\n busy = false,\n disabled = false,\n children,\n className,\n icon,\n onChange,\n selected = true,\n ...props\n}) => {\n return (\n <div\n {...props}\n className={classes([\n 'dropin-toggle-button',\n className,\n ['dropin-toggle-button__selected', selected],\n ['dropin-toggle-button__disabled', disabled],\n ])}\n >\n <label className=\"dropin-toggle-button__actionButton\">\n <RadioButton\n label=\"\"\n name={name}\n value={value}\n checked={selected}\n disabled={disabled}\n onChange={() => onChange && onChange(value)}\n aria-label={name}\n busy={busy}\n className={classes([className, 'dropin-toggle-button__radioButton'])}\n />\n\n <span className=\"dropin-toggle-button__content\">\n {icon && (\n // @ts-ignore\n <icon.type\n {...icon?.props}\n className=\"dropin-toggle-button__icon\"\n />\n )}\n {label}\n </span>\n </label>\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { ComponentChildren, FunctionComponent, VNode, JSX } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport { Divider } from '@adobe-commerce/elsie/components';\nimport '@adobe-commerce/elsie/components/Header/Header.css';\n\nexport interface HeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'size'> {\n title: string;\n size?: 'medium' | 'large';\n divider?: boolean;\n cta?: VNode;\n level?: 1 | 2 | 3 | 4 | 5 | 6;\n}\n\nconst Heading = ({\n level,\n className,\n children,\n}: {\n level?: 1 | 2 | 3 | 4 | 5 | 6;\n className?: string;\n children?: ComponentChildren;\n}) => {\n const HeadingTag = level && level >= 1 && level <= 6\n ? `h${level}` as keyof JSX.IntrinsicElements\n : 'span';\n\n return <HeadingTag className={className}>{children as any}</HeadingTag>;\n};\n\nexport const Header: FunctionComponent<HeaderProps> = ({\n title = null,\n size = 'medium',\n cta,\n divider = true,\n className,\n level,\n ...props\n}) => {\n if (!title) return null;\n\n return (\n <div\n {...props}\n className={classes(['dropin-header-container', className])}\n data-testid=\"dropin-header-container\"\n >\n <Heading\n className={classes([\n 'dropin-header-container__title',\n ['dropin-header-container__title--medium', size === 'medium'],\n ['dropin-header-container__title--large', size === 'large'],\n ])}\n level={level}\n >\n {title}\n </Heading>\n {cta ? (\n <VComponent node={cta} className=\"dropin-header-container__actions\" />\n ) : null}\n {divider ? (\n <Divider\n className={classes([\n 'dropin-header-container__divider',\n ['dropin-header-container__divider--medium', size === 'medium'],\n ['dropin-header-container__divider--large', size === 'large'],\n ])}\n />\n ) : null}\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { HTMLAttributes } from 'preact/compat';\nimport '@adobe-commerce/elsie/components/Tag/Tag.css';\n\nexport interface TagProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'icon'> {\n label?: string;\n children?: VNode | VNode[];\n}\n\nexport const Tag: FunctionComponent<TagProps> = ({\n label,\n className,\n children,\n ...props\n}) => {\n if (!label && !children) return null;\n\n return (\n <div\n {...props}\n className={classes(['dropin-tag-container', className])}\n data-testid=\"dropin-tag-container\"\n >\n {children ?? <span className=\"dropin-tag-container__label\">{label}</span>}\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/ContentGrid/ContentGrid.css';\n\nexport interface ContentGridProps extends HTMLAttributes<HTMLDivElement> {\n emptyGridContent: VNode;\n maxColumns?: number;\n columnWidth?: string;\n}\n\nexport const ContentGrid: FunctionComponent<ContentGridProps> = ({\n className,\n children,\n maxColumns,\n columnWidth = '1fr',\n emptyGridContent,\n ...props\n}) => {\n const hasChildren =\n !!children && (Array.isArray(children) ? children.length > 0 : true);\n\n const additionalStyles = hasChildren\n ? {\n gridTemplateColumns: `repeat(${maxColumns}, ${columnWidth})`,\n }\n : undefined;\n\n return (\n <div\n {...props}\n className={classes(['dropin-content-grid', className])}\n tabindex={0}\n >\n <div\n data-testid=\"content-grid-content\"\n className={classes([\n 'dropin-content-grid__content',\n ['dropin-content-grid__dynamic-columns-content', !maxColumns],\n ['dropin-content-grid__content--empty', !hasChildren],\n ])}\n style={additionalStyles}\n >\n {hasChildren ? children : emptyGridContent}\n </div>\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2024 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { classes, isNumber } from '@adobe-commerce/elsie/lib';\nimport { useCallback, useMemo } from 'preact/hooks';\nimport { ChevronDown } from '@adobe-commerce/elsie/icons';\nimport { Icon } from '@adobe-commerce/elsie/components/Icon';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport '@adobe-commerce/elsie/components/Pagination/Pagination.css';\n\nexport interface PaginationProps {\n className?: string;\n currentPage?: number;\n totalPages?: number;\n onChange?: (currentPage: number) => void;\n}\n\nexport type PaginationList = {\n page: number | string;\n isActive: boolean;\n label: number | string;\n};\n\nexport const Pagination: FunctionComponent<PaginationProps> = ({\n totalPages = 10,\n currentPage = 1,\n onChange,\n className,\n ...props\n}) => {\n const translations = useText({\n backwardButton: 'Dropin.Pagination.backwardButton.ariaLabel',\n forwardButton: 'Dropin.Pagination.forwardButton.ariaLabel',\n });\n\n const handleForward = useCallback(() => {\n const nextPage = Math.min(currentPage + 1, totalPages);\n\n onChange?.(nextPage);\n }, [currentPage, onChange, totalPages]);\n\n const handleBackward = useCallback(() => {\n const prevPage = Math.max(currentPage - 1, 1);\n\n onChange?.(prevPage);\n }, [currentPage, onChange]);\n\n const handleSetPage = useCallback(\n (currentPage: number | string) => {\n if (isNumber(currentPage)) {\n onChange?.(currentPage as number);\n }\n },\n [onChange]\n );\n\n const createPages = useCallback(\n (currentPage: number, totalPages: number): PaginationList[] => {\n let pages: PaginationList[] = [];\n\n const addPageRange = (start: number, end: number) => {\n for (let i = start; i <= end; i++) {\n pages.push({ page: i, isActive: i === currentPage, label: i });\n }\n };\n\n if (totalPages <= 5) {\n addPageRange(1, totalPages);\n } else if (currentPage <= 2) {\n addPageRange(1, 2);\n pages.push({ page: 'ellipsis', isActive: false, label: '...' });\n addPageRange(totalPages - 1, totalPages);\n } else if (currentPage >= totalPages - 3) {\n addPageRange(totalPages - 4, totalPages);\n } else {\n addPageRange(currentPage - 1, currentPage);\n pages.push({ page: 'ellipsis', isActive: false, label: '...' });\n addPageRange(totalPages - 1, totalPages);\n }\n\n return pages;\n },\n []\n );\n\n const paginationList: PaginationList[] = useMemo(\n () => createPages(currentPage, totalPages),\n [createPages, currentPage, totalPages]\n );\n\n return (\n <div {...props} className={classes(['dropin-pagination', className])}>\n <button\n type=\"button\"\n data-testid=\"prev-button\"\n aria-label={translations.backwardButton}\n disabled={currentPage === 1}\n onClick={handleBackward}\n className={classes([\n 'dropin-pagination-arrow',\n 'dropin-pagination-arrow--backward',\n ])}\n >\n <Icon size=\"24\" source={ChevronDown} />\n </button>\n <ul className=\"dropin-pagination_list\">\n {(paginationList as PaginationList[]).map((item, index) => (\n <li\n data-testid={`dropin-pagination_list-item--${item.page}`}\n key={`${item.page}_${index}`}\n className={classes([\n 'dropin-pagination_list-item',\n `dropin-pagination_list-item--${item.page}`,\n [`dropin-pagination_list-item--active`, item.isActive],\n ])}\n >\n <button\n type=\"button\"\n data-testid={`set-page-button-${item.page}`}\n onClick={() => handleSetPage(item.page)}\n >\n {item.label}\n </button>\n </li>\n ))}\n </ul>\n <button\n type=\"button\"\n data-testid=\"next-button\"\n aria-label={translations.forwardButton}\n disabled={currentPage === totalPages}\n onClick={handleForward}\n className={classes([\n 'dropin-pagination-arrow',\n 'dropin-pagination-arrow--forward',\n ])}\n >\n <Icon size=\"24\" source={ChevronDown} />\n </button>\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2025 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { Skeleton, SkeletonRow } from '@adobe-commerce/elsie/components';\nimport '@adobe-commerce/elsie/components/ProductItemCard/ProductItemCardSkeleton.css';\n\nexport const ProductItemCardSkeleton: FunctionComponent = () => {\n return (\n <div className=\"dropin-product-item-card dropin-product-item-card-skeleton\">\n <Skeleton className=\"dropin-product-item-card__skeleton dropin-product-item-card__image-container\">\n <SkeletonRow\n fullWidth={true}\n className=\"dropin-product-item-card__skeleton__image\"\n />\n </Skeleton>\n <Skeleton className=\"dropin-product-item-card__content dropin-product-item-card__skeleton__content\">\n <SkeletonRow\n fullWidth={true}\n size=\"xsmall\"\n className=\"dropin-product-item-card__skeleton__item\"\n />\n <SkeletonRow\n fullWidth={true}\n size=\"xsmall\"\n className=\"dropin-product-item-card__skeleton__item\"\n />\n <SkeletonRow\n fullWidth={true}\n size=\"xsmall\"\n className=\"dropin-product-item-card__skeleton__item\"\n />\n </Skeleton>\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2025 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { VComponent, classes } from '@adobe-commerce/elsie/lib';\nimport { ProductItemCardSkeleton } from '@adobe-commerce/elsie/components/ProductItemCard/ProductItemCardSkeleton';\nimport '@adobe-commerce/elsie/components/ProductItemCard/ProductItemCard.css';\n\nexport interface ProductItemCardProps\n extends Omit<HTMLAttributes<HTMLDivElement>, 'loading'> {\n image?: VNode;\n titleNode?: VNode;\n price?: VNode;\n sku?: VNode;\n actionButton?: VNode;\n swatches?: VNode;\n initialized?: boolean;\n}\n\nexport const ProductItemCard: FunctionComponent<ProductItemCardProps> = ({\n className,\n image,\n titleNode,\n price,\n sku,\n actionButton,\n swatches,\n initialized = false,\n ...props\n}) => {\n if (!initialized) {\n return <ProductItemCardSkeleton />;\n }\n return (\n <div\n {...props}\n className={classes(['dropin-product-item-card', className])}\n >\n <div className=\"dropin-product-item-card__image-container\">\n {image && (\n <VComponent\n node={image}\n className={classes(['dropin-product-item-card__image'])}\n />\n )}\n </div>\n <div className=\"dropin-product-item-card__content\">\n {titleNode && (\n <VComponent\n node={titleNode}\n className={classes(['dropin-product-item-card__title'])}\n />\n )}\n {sku && (\n <VComponent\n node={sku}\n className={classes(['dropin-product-item-card__sku'])}\n />\n )}\n {price && (\n <div className=\"dropin-product-item-card__price\">\n <VComponent\n node={price}\n className={classes(['dropin-product-item-card__price'])}\n />\n </div>\n )}\n {swatches && (\n <div className=\"dropin-product-item-card__swatches\">\n <VComponent\n node={swatches}\n className={classes(['dropin-product-item-card__swatches'])}\n />\n </div>\n )}\n {actionButton && (\n <div className=\"dropin-product-item-card__action\">\n <VComponent\n node={actionButton}\n className={classes(['dropin-product-item-card__action'])}\n />\n </div>\n )}\n </div>\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2025 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { useId } from 'preact/hooks';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/InputFile/InputFile.css';\n\nexport interface InputFileProps extends Omit<HTMLAttributes<HTMLInputElement>, 'type' | 'icon'> {\n accept?: string;\n onChange?: (event: Event) => void;\n label?: string;\n multiple?: boolean;\n icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n}\n\nexport const InputFile: FunctionComponent<InputFileProps> = ({\n accept,\n onChange,\n label = 'Upload Document',\n icon,\n className,\n multiple,\n id: providedId,\n ...props\n}) => {\n \n const generatedId = useId();\n const id = providedId || generatedId;\n\n const handleChange = (e: Event) => {\n onChange?.(e);\n };\n\n return (\n <div className={classes(['dropin-input-file', className])}>\n <label htmlFor={id} className=\"dropin-input-file__label\">\n {icon && <span className=\"dropin-input-file__icon\">{icon}</span>}\n {label}\n </label>\n <input\n id={id}\n type=\"file\"\n accept={accept}\n multiple={multiple}\n onChange={handleChange}\n className=\"dropin-input-file__input\"\n {...props}\n />\n </div>\n );\n};","/********************************************************************\n * Copyright 2025 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, VNode, Fragment } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport {\n Icon,\n Button,\n Skeleton,\n SkeletonRow,\n} from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nimport '@adobe-commerce/elsie/components/Table/Table.css';\n\ntype Sortable = 'asc' | 'desc' | true;\n\ntype Column =\n | { label: string; key: string; ariaLabel?: string; sortBy?: Sortable }\n | {\n label: VNode<HTMLAttributes<HTMLElement>>;\n key: string;\n ariaLabel: string;\n sortBy?: Sortable;\n };\n\ntype RowData = {\n [key: string]: VNode | string | number | undefined;\n _rowDetails?: VNode | string; // Special property for expandable row content\n};\n\nexport interface TableProps\n extends Omit<HTMLAttributes<HTMLTableElement>, 'loading'> {\n columns: Column[];\n rowData: RowData[];\n mobileLayout?: 'stacked' | 'none';\n caption?: string;\n expandedRows?: Set<number>;\n loading?: boolean;\n skeletonRowCount?: number;\n onSortChange?: (columnKey: string, direction: Sortable) => void;\n}\n\nexport const Table: FunctionComponent<TableProps> = ({\n className,\n children,\n columns = [],\n rowData = [],\n mobileLayout = 'none',\n caption,\n expandedRows = new Set(),\n loading = false,\n skeletonRowCount = 10,\n onSortChange,\n ...props\n}) => {\n const translations = useText({\n sortedAscending: 'Dropin.Table.sortedAscending',\n sortedDescending: 'Dropin.Table.sortedDescending',\n sortBy: 'Dropin.Table.sortBy',\n });\n\n const handleSort = (column: Column) => {\n if (!onSortChange) return;\n\n // Determine next sort direction\n let nextDirection: Sortable;\n if (column.sortBy === true) {\n nextDirection = 'asc';\n } else if (column.sortBy === 'asc') {\n nextDirection = 'desc';\n } else {\n nextDirection = true;\n }\n\n onSortChange(column.key, nextDirection);\n };\n\n const renderSortButton = (column: Column) => {\n if (column.sortBy === undefined) return null;\n const label = column.ariaLabel ?? (column.label as string);\n\n let iconSource: string;\n let ariaLabel: string;\n\n if (column.sortBy === 'asc') {\n iconSource = 'ChevronUp';\n ariaLabel = translations.sortedAscending.replace('{label}', label);\n } else if (column.sortBy === 'desc') {\n iconSource = 'ChevronDown';\n ariaLabel = translations.sortedDescending.replace('{label}', label);\n } else {\n iconSource = 'Sort';\n ariaLabel = translations.sortBy.replace('{label}', label);\n }\n\n return (\n <Button\n variant=\"tertiary\"\n size=\"medium\"\n className=\"dropin-table__header__sort-button\"\n icon={<Icon source={iconSource} />}\n aria-label={ariaLabel}\n onClick={() => handleSort(column)}\n />\n );\n };\n\n const renderSkeletonRows = () => {\n return Array.from({ length: skeletonRowCount }, (_, rowIndex) => (\n <tr key={`skeleton-${rowIndex}`} className=\"dropin-table__body__row\">\n {columns.map((column) => (\n <td\n key={column.key}\n className=\"dropin-table__body__cell\"\n data-label={column.ariaLabel ?? column.label}\n >\n <Skeleton>\n <SkeletonRow variant=\"row\" size=\"small\" fullWidth />\n </Skeleton>\n </td>\n ))}\n </tr>\n ));\n };\n\n const renderDataRows = () => {\n return rowData.map((row, rowIndex) => {\n const hasDetails = row._rowDetails !== undefined;\n const isExpanded = expandedRows.has(rowIndex);\n\n return (\n <Fragment key={rowIndex}>\n <tr className=\"dropin-table__body__row\">\n {columns.map((column) => {\n const cell = row[column.key];\n const label = column.ariaLabel ?? column.label;\n\n if (typeof cell === 'string' || typeof cell === 'number') {\n return (\n <td\n key={column.key}\n className=\"dropin-table__body__cell\"\n data-label={label}\n >\n {cell}\n </td>\n );\n }\n\n return (\n <td\n key={column.key}\n className=\"dropin-table__body__cell\"\n data-label={label}\n >\n <VComponent node={cell!} />\n </td>\n );\n })}\n </tr>\n {hasDetails && isExpanded && (\n <tr\n key={`${rowIndex}-details`}\n className=\"dropin-table__row-details dropin-table__row-details--expanded\"\n id={`row-${rowIndex}-details`}\n >\n <td\n className=\"dropin-table__row-details__cell\"\n colSpan={columns.length}\n role=\"region\"\n aria-labelledby={`row-${rowIndex}-details`}\n >\n {typeof row._rowDetails === 'string' ? (\n row._rowDetails\n ) : (\n <VComponent node={row._rowDetails!} />\n )}\n </td>\n </tr>\n )}\n </Fragment>\n );\n });\n };\n\n const getAriaSort = (\n column: Column\n ): 'none' | 'ascending' | 'descending' | 'other' | undefined => {\n if (column.sortBy === true) return 'none';\n if (column.sortBy === 'asc') return 'ascending';\n if (column.sortBy === 'desc') return 'descending';\n return undefined;\n };\n\n return (\n <div\n className={classes([\n 'dropin-table',\n `dropin-table--mobile-layout-${mobileLayout}`,\n className,\n ])}\n >\n <table {...props} className=\"dropin-table__table\">\n {caption && (\n <caption className=\"dropin-table__caption\">{caption}</caption>\n )}\n <thead className=\"dropin-table__header\">\n <tr className=\"dropin-table__header__row\">\n {columns.map((column) => (\n <th\n key={column.key}\n className={classes([\n 'dropin-table__header__cell',\n [\n 'dropin-table__header__cell--sorted',\n column.sortBy === 'asc' || column.sortBy === 'desc',\n ],\n [\n 'dropin-table__header__cell--sortable',\n column.sortBy !== undefined,\n ],\n ])}\n aria-sort={getAriaSort(column)}\n >\n {column.label}\n {renderSortButton(column)}\n </th>\n ))}\n </tr>\n </thead>\n <tbody className=\"dropin-table__body\">\n {loading\n ? // Render skeleton rows when loading\n renderSkeletonRows()\n : // Render actual data when not loading\n renderDataRows()}\n </tbody>\n </table>\n </div>\n );\n};\n","/********************************************************************\n * Copyright 2025 Adobe\n * All Rights Reserved.\n *\n * NOTICE: Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { Button, Tag } from '@adobe-commerce/elsie/components';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { ChevronDown, Close, Check } from '@adobe-commerce/elsie/icons';\nimport { useText } from 'preact-i18n';\nimport {\n useState,\n useCallback,\n useEffect,\n useRef,\n useMemo,\n} from 'preact/hooks';\nimport { JSX } from 'preact/compat';\nimport '@adobe-commerce/elsie/components/MultiSelect/MultiSelect.css';\n\ntype OptionValue = string | number;\n\ninterface Option {\n label: string;\n value: OptionValue;\n disabled?: boolean;\n}\n\ntype SelectedValues = OptionValue[];\n\n// Utility functions\nconst filterOptions = (options: Option[], searchTerm: string): Option[] => {\n return options.filter((option) =>\n option.label.toLowerCase().includes(searchTerm.toLowerCase())\n );\n};\n\nconst getSelectedLabels = (\n value: SelectedValues,\n options: Option[]\n): (string | OptionValue)[] => {\n return value.map((v) => {\n const option = options.find((opt) => opt.value === v);\n return option ? option.label : v;\n });\n};\n\nconst generateIds = (id: string, name: string, floatingLabel?: string) => {\n const baseId = id || name;\n return {\n listboxId: `${baseId}-listbox`,\n searchInputId: `${baseId}-search`,\n labelId: floatingLabel ? `${baseId}-label` : undefined,\n selectedDescriptionId: `${name}-selected-description`,\n };\n};\n\nconst useAccessibilityAnnouncements = () => {\n const [announcement, setAnnouncement] = useState('');\n\n const announce = useCallback((message: string) => {\n setAnnouncement(message);\n setTimeout(() => setAnnouncement(''), 1000);\n }, []);\n\n return { announcement, announce };\n};\n\nconst useKeyboardNavigation = (\n filteredOptions: Option[],\n focusedIndex: number,\n setFocusedIndex: (value: number | ((prev: number) => number)) => void,\n dropdownRef: { current: HTMLDivElement | null }\n) => {\n // Scroll focused item into view\n useEffect(() => {\n if (focusedIndex >= 0 && dropdownRef.current) {\n const items = dropdownRef.current.querySelectorAll('[data-option-index]');\n if (items[focusedIndex]) {\n items[focusedIndex].scrollIntoView({\n block: 'nearest',\n behavior: 'smooth',\n });\n }\n }\n }, [focusedIndex, dropdownRef]);\n\n const navigate = useCallback(\n (direction: 'up' | 'down') => {\n setFocusedIndex((prev) => {\n const step = direction === 'up' ? -1 : 1;\n let nextIndex = prev + step;\n\n // Skip disabled options in the current direction\n while (\n nextIndex >= 0 &&\n nextIndex < filteredOptions.length &&\n filteredOptions[nextIndex]?.disabled\n ) {\n nextIndex += step;\n }\n\n // If we found a valid option, return it\n if (nextIndex >= 0 && nextIndex < filteredOptions.length) {\n return nextIndex;\n }\n\n // Wrap around: find the first enabled option from the opposite end\n if (direction === 'up') {\n for (let i = filteredOptions.length - 1; i >= 0; i--) {\n if (!filteredOptions[i]?.disabled) return i;\n }\n } else {\n for (let i = 0; i < filteredOptions.length; i++) {\n if (!filteredOptions[i]?.disabled) return i;\n }\n }\n\n return -1;\n });\n },\n [filteredOptions, setFocusedIndex]\n );\n\n return { navigate };\n};\n\nexport interface MultiSelectProps {\n options: Option[];\n value: SelectedValues;\n onChange: (value: SelectedValues) => void;\n placeholder?: string;\n selectAllText?: string;\n deselectAllText?: string;\n noResultsText?: string;\n name?: string;\n disabled?: boolean;\n className?: string;\n maxHeight?: number;\n floatingLabel?: string;\n error?: boolean;\n success?: boolean;\n id?: string;\n}\n\nexport const MultiSelect: FunctionComponent<MultiSelectProps> = ({\n options = [],\n value = [],\n onChange = () => {},\n id = '',\n className = '',\n selectAllText = '',\n deselectAllText = '',\n placeholder = '',\n noResultsText = '',\n floatingLabel = '',\n name = 'multi-select-sdk',\n error = false,\n success = false,\n disabled = false,\n maxHeight = 300,\n}) => {\n const translations = useText({\n selectAll: 'Dropin.MultiSelect.selectAll',\n deselectAll: 'Dropin.MultiSelect.deselectAll',\n placeholder: 'Dropin.MultiSelect.placeholder',\n noResultsText: 'Dropin.MultiSelect.noResultsText',\n removed: 'Dropin.MultiSelect.ariaLabel.removed',\n added: 'Dropin.MultiSelect.ariaLabel.added',\n itemsSelected: 'Dropin.MultiSelect.ariaLabel.itemsSelected',\n itemsAdded: 'Dropin.MultiSelect.ariaLabel.itemsAdded',\n itemsRemoved: 'Dropin.MultiSelect.ariaLabel.itemsRemoved',\n selectedTotal: 'Dropin.MultiSelect.ariaLabel.selectedTotal',\n noResultsFor: 'Dropin.MultiSelect.ariaLabel.noResultsFor',\n optionsAvailable: 'Dropin.MultiSelect.ariaLabel.optionsAvailable',\n dropdownExpanded: 'Dropin.MultiSelect.ariaLabel.dropdownExpanded',\n useArrowKeys: 'Dropin.MultiSelect.ariaLabel.useArrowKeys',\n removeFromSelection: 'Dropin.MultiSelect.ariaLabel.removeFromSelection',\n fromSelection: 'Dropin.MultiSelect.ariaLabel.fromSelection',\n selectedItem: 'Dropin.MultiSelect.ariaLabel.selectedItem',\n inField: 'Dropin.MultiSelect.ariaLabel.inField',\n selectedItems: 'Dropin.MultiSelect.ariaLabel.selectedItems',\n scrollableOptionsList: 'Dropin.MultiSelect.ariaLabel.scrollableOptionsList',\n selectOptions: 'Dropin.MultiSelect.ariaLabel.selectOptions',\n itemAction: 'Dropin.MultiSelect.ariaLabel.itemAction',\n bulkAdded: 'Dropin.MultiSelect.ariaLabel.bulkAdded',\n bulkRemoved: 'Dropin.MultiSelect.ariaLabel.bulkRemoved',\n dropdownExpandedWithOptions:\n 'Dropin.MultiSelect.ariaLabel.dropdownExpandedWithOptions',\n selectedItemInField: 'Dropin.MultiSelect.ariaLabel.selectedItemInField',\n removeFromSelectionWithText:\n 'Dropin.MultiSelect.ariaLabel.removeFromSelectionWithText',\n itemsSelectedDescription:\n 'Dropin.MultiSelect.ariaLabel.itemsSelectedDescription',\n noItemsSelected: 'Dropin.MultiSelect.ariaLabel.noItemsSelected',\n });\n\n const [isOpen, setIsOpen] = useState(false);\n const [searchTerm, setSearchTerm] = useState('');\n const [focusedIndex, setFocusedIndex] = useState(-1);\n\n const containerRef = useRef<HTMLDivElement>(null);\n const searchInputRef = useRef<HTMLInputElement>(null);\n const dropdownRef = useRef<HTMLDivElement>(null);\n\n const { announcement, announce } = useAccessibilityAnnouncements();\n\n // Helper function to close dropdown and optionally reset search state\n const closeDropdown = useCallback((resetSearch = false) => {\n setIsOpen(false);\n if (resetSearch) {\n setSearchTerm('');\n }\n setFocusedIndex(-1);\n }, []);\n\n // Filter options based on the search term\n const filteredOptions = useMemo(\n () => filterOptions(options, searchTerm),\n [options, searchTerm]\n );\n\n // Keyboard navigation\n const { navigate } = useKeyboardNavigation(\n filteredOptions,\n focusedIndex,\n setFocusedIndex,\n dropdownRef\n );\n\n // Close dropdown on the outside click\n useEffect(() => {\n const handleClickOutside = (event: MouseEvent) => {\n if (\n containerRef.current &&\n event.target &&\n !containerRef.current.contains(event.target as Node)\n ) {\n closeDropdown(true); // Reset search when clicking outside\n }\n };\n\n document.addEventListener('mousedown', handleClickOutside);\n return () => document.removeEventListener('mousedown', handleClickOutside);\n }, [closeDropdown]);\n\n // Toggle dropdown on container click (excluding tags)\n const handleContainerClick = (event: MouseEvent) => {\n if (\n !disabled &&\n searchInputRef.current &&\n event.target &&\n !(event.target as Element).closest('[data-tag]')\n ) {\n if (isOpen) {\n closeDropdown(false); // Don't reset search when clicking inside\n } else {\n searchInputRef.current.focus();\n setIsOpen(true);\n }\n }\n };\n\n // Handle option selection/deselection\n const handleSelect = useCallback(\n (optionValue: OptionValue) => {\n const option = options.find((opt) => opt.value === optionValue);\n\n const isCurrentlySelected = value.includes(optionValue);\n const newValue = isCurrentlySelected\n ? value.filter((v) => v !== optionValue)\n : [...value, optionValue];\n\n onChange(newValue);\n searchInputRef.current?.focus();\n\n // A11y - Announce the selection change\n if (option) {\n const action = isCurrentlySelected\n ? translations.removed\n : translations.added;\n announce(\n translations.itemAction\n .replace('{label}', option.label)\n .replace('{action}', action)\n .replace('{count}', newValue.length.toString())\n );\n }\n },\n [value, onChange, options, announce, translations]\n );\n\n // Handle option deselection via the Tag button\n const handleRemoveTag = (event: MouseEvent, optionValue: OptionValue) => {\n event.stopPropagation();\n const option = options.find((opt) => opt.value === optionValue);\n const newValue = value.filter((v) => v !== optionValue);\n onChange(newValue);\n searchInputRef.current?.focus();\n\n // A11y - Announce the selection change\n if (option) {\n announce(\n translations.itemAction\n .replace('{label}', option.label)\n .replace('{action}', translations.removed)\n .replace('{count}', newValue.length.toString())\n );\n }\n };\n\n const handleSelectAll = (event: MouseEvent) => {\n event.preventDefault();\n const allFilteredValues = filteredOptions.map((opt) => opt.value);\n const currentValueSet = new Set(value);\n const newSelections = allFilteredValues.filter(\n (val) => !currentValueSet.has(val)\n );\n const newValue = [...value, ...newSelections];\n onChange(newValue);\n\n // Announce the bulk selection\n if (newSelections.length > 0) {\n announce(\n translations.bulkAdded\n .replace('{count}', newSelections.length.toString())\n .replace('{total}', newValue.length.toString())\n );\n }\n };\n\n const handleDeselectAll = (event: MouseEvent) => {\n event.preventDefault();\n const filteredValues = new Set(filteredOptions.map((opt) => opt.value));\n const removedCount = value.filter((v) => filteredValues.has(v)).length;\n const newValue = value.filter((v) => !filteredValues.has(v));\n onChange(newValue);\n\n // A11y - Announce the bulk deselection\n if (removedCount > 0) {\n announce(\n translations.bulkRemoved\n .replace('{count}', removedCount.toString())\n .replace('{total}', newValue.length.toString())\n );\n }\n };\n\n // A11y - Keyboard navigation\n const handleInputKeyDown = (\n event: JSX.TargetedKeyboardEvent<HTMLInputElement>\n ) => {\n // Handle backspace to remove the last tag\n if (event.key === 'Backspace' && searchTerm === '' && value.length > 0) {\n event.preventDefault();\n const newValue = value.slice(0, -1);\n onChange(newValue);\n return;\n }\n\n if (!isOpen && (event.key === 'ArrowDown' || event.key === 'Enter')) {\n event.preventDefault();\n setIsOpen(true);\n return;\n }\n\n if (isOpen) {\n switch (event.key) {\n case 'ArrowDown':\n event.preventDefault();\n navigate('down');\n break;\n case 'ArrowUp':\n event.preventDefault();\n navigate('up');\n break;\n case 'Enter':\n event.preventDefault();\n if (focusedIndex >= 0 && focusedIndex < filteredOptions.length) {\n const focusedOption = filteredOptions[focusedIndex];\n if (!focusedOption?.disabled) {\n handleSelect(focusedOption.value);\n }\n } else if (\n filteredOptions.length === 1 &&\n !filteredOptions[0]?.disabled\n ) {\n handleSelect(filteredOptions[0].value);\n }\n break;\n case 'Escape':\n event.preventDefault();\n closeDropdown(true); // Reset search on Escape\n break;\n case 'Tab':\n closeDropdown(true); // Reset search on Tab (leaving component)\n break;\n }\n }\n };\n\n // Array with labels of all selected options\n const selectedLabels = useMemo(\n () => getSelectedLabels(value, options),\n [value, options]\n );\n\n // A11y - Generate unique IDs\n const { listboxId, searchInputId, labelId, selectedDescriptionId } =\n generateIds(id, name, floatingLabel);\n const currentFocusedId =\n focusedIndex >= 0 ? `${listboxId}-option-${focusedIndex}` : '';\n\n // Check if any items are selected (regardless of filtering)\n const hasSelection = useMemo(() => value.length > 0, [value]);\n\n useEffect(() => {\n if (searchTerm && !isOpen) {\n setIsOpen(true);\n }\n }, [isOpen, searchTerm]);\n\n // Announce filtered results\n useEffect(() => {\n if (isOpen && searchTerm) {\n const count = filteredOptions.length;\n if (count === 0) {\n announce(`${translations.noResultsFor} \"${searchTerm}\"`);\n } else {\n announce(`${count} ${translations.optionsAvailable}`);\n }\n }\n }, [filteredOptions.length, searchTerm, isOpen, announce, translations]);\n\n useEffect(() => {\n if (isOpen && searchInputRef.current) {\n searchInputRef.current.focus();\n // Announce when dropdown opens with available options\n if (filteredOptions.length > 0) {\n announce(\n translations.dropdownExpandedWithOptions\n .replace('{count}', filteredOptions.length.toString())\n .replace('{s}', filteredOptions.length === 1 ? '' : 's')\n );\n }\n }\n }, [\n isOpen,\n selectedLabels.length,\n filteredOptions.length,\n announce,\n translations,\n ]);\n\n const renderSelectedTags = () => (\n <>\n {selectedLabels.map((label, index) => {\n const totalSelected = value.length;\n const fieldContext = floatingLabel ? `${floatingLabel}: ` : '';\n // Use i18n translations for selected items text\n const selectedItemsText =\n totalSelected === 1\n ? `${fieldContext}${translations.itemsSelected\n .replace('{count}', '1')\n .replace('{labels}', String(label))\n .replace('{s}', '')}`\n : `${fieldContext}${translations.itemsSelected\n .replace('{count}', totalSelected.toString())\n .replace('{labels}', selectedLabels.join(', '))\n .replace('{s}', totalSelected === 1 ? '' : 's')}`;\n\n return (\n <Tag\n key={value[index]}\n data-tag=\"true\"\n className=\"dropin-multi-select__tag\"\n role=\"group\"\n aria-label={\n floatingLabel\n ? translations.selectedItemInField\n .replace('{label}', String(label))\n .replace('{field}', floatingLabel)\n : `${translations.selectedItem} ${String(label)}`\n }\n >\n <span aria-hidden=\"true\">{label}</span>\n <button\n type=\"button\"\n onClick={(e) => handleRemoveTag(e, value[index])}\n className=\"dropin-multi-select__tag-remove\"\n disabled={disabled}\n aria-label={translations.removeFromSelectionWithText\n .replace('{label}', String(label))\n .replace('{text}', selectedItemsText)}\n >\n <Close size={12} aria-hidden=\"true\" />\n </button>\n </Tag>\n );\n })}\n </>\n );\n\n const renderSearchInput = () => (\n <input\n id={searchInputId}\n ref={searchInputRef}\n type=\"text\"\n role=\"combobox\"\n aria-haspopup=\"listbox\"\n aria-expanded={isOpen}\n aria-controls={listboxId}\n className={classes([\n 'dropin-multi-select__search',\n ['dropin-multi-select__search--with-floating-label', !!floatingLabel],\n ])}\n placeholder={\n value.length === 0 ? placeholder || translations.placeholder : ''\n }\n value={searchTerm}\n onChange={(e: JSX.TargetedEvent<HTMLInputElement, Event>) => {\n const target = e.target as HTMLInputElement;\n setSearchTerm(target.value);\n setFocusedIndex(-1);\n }}\n onKeyDown={handleInputKeyDown}\n onFocus={() => setIsOpen(true)}\n disabled={disabled}\n style={{\n minWidth: searchTerm ? `${searchTerm.length * 8 + 20}px` : '40px',\n }}\n aria-autocomplete=\"list\"\n aria-activedescendant={\n isOpen && currentFocusedId ? currentFocusedId : undefined\n }\n {...(labelId\n ? { 'aria-labelledby': labelId }\n : {\n 'aria-label':\n floatingLabel ||\n placeholder ||\n translations.placeholder ||\n translations.selectOptions,\n })}\n aria-describedby={selectedDescriptionId}\n />\n );\n\n const renderDropdownControls = () => (\n <div className=\"dropin-multi-select__controls\">\n <Button\n variant=\"tertiary\"\n type=\"button\"\n className=\"dropin-multi-select__button dropin-multi-select__button--select-all\"\n onMouseDown={handleSelectAll}\n data-testid=\"multi-select-select-all\"\n >\n {selectAllText || translations.selectAll}\n </Button>\n {' | '}\n <Button\n variant=\"tertiary\"\n type=\"button\"\n className=\"dropin-multi-select__button dropin-multi-select__button--deselect-all\"\n onMouseDown={handleDeselectAll}\n disabled={!hasSelection}\n data-testid=\"multi-select-deselect-all\"\n >\n {deselectAllText || translations.deselectAll}\n </Button>\n </div>\n );\n\n const renderOptionsList = () => (\n <ul\n className=\"dropin-multi-select__list\"\n id={listboxId}\n role=\"listbox\"\n aria-multiselectable=\"true\"\n aria-label={floatingLabel || placeholder || translations.placeholder}\n >\n {filteredOptions.map((option, index) => {\n const isSelected = value.includes(option.value);\n const isFocused = index === focusedIndex;\n const optionId = `${listboxId}-option-${index}`;\n\n return (\n <li\n key={option.value}\n id={optionId}\n data-option-index={index}\n data-testid={`multi-select-option-${index}`}\n className={classes([\n 'dropin-multi-select__option',\n ['dropin-multi-select__option--focused', isFocused],\n ['dropin-multi-select__option--selected', isSelected],\n ['dropin-multi-select__option--disabled', option.disabled],\n ])}\n onClick={() => {\n if (!option.disabled) {\n handleSelect(option.value);\n }\n }}\n onMouseEnter={() => !option.disabled && setFocusedIndex(index)}\n role=\"option\"\n aria-selected={isSelected}\n aria-disabled={option.disabled}\n >\n <span\n className={classes([\n 'dropin-multi-select__option-label',\n [\n 'dropin-multi-select__option-label--disabled',\n option.disabled,\n ],\n ])}\n >\n {option.label}\n </span>\n {isSelected && (\n <Check\n width={16}\n height={16}\n className=\"dropin-multi-select__check-icon\"\n aria-hidden=\"true\"\n />\n )}\n </li>\n );\n })}\n </ul>\n );\n\n return (\n <div\n ref={containerRef}\n data-testid=\"multi-select\"\n className={classes(['dropin-multi-select', className])}\n >\n {/* Single hidden input with comma-separated values for form submission */}\n <input\n id={id || name}\n type=\"hidden\"\n name={name}\n data-testid=\"multi-select-hidden-input\"\n value={value.join(',')}\n disabled={disabled}\n aria-hidden=\"true\"\n />\n <div\n className={classes([\n 'dropin-multi-select__container',\n ['dropin-multi-select__container--open', isOpen],\n ['dropin-multi-select__container--disabled', disabled],\n ['dropin-multi-select__container--error', error],\n ['dropin-multi-select__container--success', success],\n [\n 'dropin-multi-select__container--with-floating-label',\n !!floatingLabel,\n ],\n [\n 'dropin-multi-select__container--has-value',\n !!(floatingLabel && (value.length > 0 || searchTerm.length > 0)),\n ],\n ])}\n onMouseDown={handleContainerClick}\n data-testid=\"multi-select-container\"\n >\n <div\n className={classes([\n 'dropin-multi-select__tags-area',\n [\n 'dropin-multi-select__tags-area--has-values',\n selectedLabels.length > 0,\n ],\n ])}\n data-testid=\"multi-select-tags-area\"\n role=\"group\"\n aria-label={translations.selectedItems}\n >\n {/* Screen-reader-only description of selected items */}\n <div\n id={selectedDescriptionId}\n className=\"dropin-multi-select__sr-only\"\n aria-live=\"polite\"\n aria-atomic=\"true\"\n >\n {value.length > 0\n ? translations.itemsSelectedDescription\n .replace('{count}', value.length.toString())\n .replace('{s}', value.length === 1 ? '' : 's')\n .replace('{labels}', selectedLabels.join(', '))\n : translations.noItemsSelected}\n </div>\n\n {renderSelectedTags()}\n {renderSearchInput()}\n {floatingLabel ? (\n <label\n className=\"dropin-multi-select__floating-label\"\n htmlFor={searchInputId}\n id={labelId}\n >\n {floatingLabel}\n </label>\n ) : null}\n </div>\n <ChevronDown\n className={classes([\n 'dropin-multi-select__chevron',\n ['dropin-multi-select__chevron--open', isOpen],\n ])}\n />\n </div>\n\n {isOpen && (\n <div\n className=\"dropin-multi-select__dropdown\"\n data-testid=\"multi-select-dropdown\"\n >\n {filteredOptions.length > 0 && renderDropdownControls()}\n\n <div\n ref={dropdownRef}\n className=\"dropin-multi-select__options\"\n data-testid=\"multi-select-options\"\n style={{ maxHeight: `${maxHeight}px` }}\n tabIndex={0}\n role=\"region\"\n aria-label={translations.scrollableOptionsList}\n >\n {filteredOptions.length === 0 ? (\n <div\n className=\"dropin-multi-select__no-results\"\n data-testid=\"multi-select-no-results\"\n role=\"status\"\n aria-live=\"polite\"\n >\n {noResultsText || translations.noResultsText}{' '}\n {searchTerm && `\"${searchTerm}\"`}\n </div>\n ) : (\n renderOptionsList()\n )}\n </div>\n </div>\n )}\n\n {/* Live region for screen reader announcements */}\n <div\n className=\"dropin-multi-select__announcements dropin-multi-select__sr-only\"\n aria-live=\"assertive\"\n aria-atomic=\"true\"\n >\n {announcement}\n </div>\n </div>\n );\n};\n"],"file":"components.js"}