@dropins/tools 1.9.0-beta.3 → 2.0.0-alpha-20260608090548

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/CHANGELOG.md +6 -19
  2. package/chunks/Image.js +1 -1
  3. package/chunks/Image.js.map +1 -1
  4. package/components.js +1 -1
  5. package/components.js.map +1 -1
  6. package/package.json +1 -1
  7. package/recaptcha.js +3 -3
  8. package/recaptcha.js.map +1 -1
  9. package/types/elsie/src/i18n/en_US.json.d.ts +1 -0
  10. package/types/elsie/src/i18n/index.d.ts +3 -0
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","formattedAmount","useMemo","getPriceFormatter","RadioButton","checked","description","busy","active","activeChildren","activeIcon","href","buttonType","iconClassName","attributes","findSelectedValue","defaultOption","firstAvailableOption","Picker","options","handleSelect","uniqueId","isRequired","isDisabled","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","rowTotalFooter","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","PaginationButton","anchorProps","buttonProps","Pagination","totalPages","currentPage","routePage","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/PaginationButton.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 AddressBook: lazy(() => import('@adobe-commerce/elsie/icons/AddressBook.svg')),\n Bulk: lazy(() => import('@adobe-commerce/elsie/icons/Bulk.svg')),\n Burger: lazy(() => import('@adobe-commerce/elsie/icons/Burger.svg')),\n Business: lazy(() => import('@adobe-commerce/elsie/icons/Business.svg')),\n Card: lazy(() => import('@adobe-commerce/elsie/icons/Card.svg')),\n Cart: lazy(() => import('@adobe-commerce/elsie/icons/Cart.svg')),\n Check: lazy(() => import('@adobe-commerce/elsie/icons/Check.svg')),\n CheckWithCircle: lazy(() => import('@adobe-commerce/elsie/icons/CheckWithCircle.svg')),\n ChevronDown: lazy(() => import('@adobe-commerce/elsie/icons/ChevronDown.svg')),\n ChevronRight: lazy(() => import('@adobe-commerce/elsie/icons/ChevronRight.svg')),\n ChevronUp: lazy(() => import('@adobe-commerce/elsie/icons/ChevronUp.svg')),\n Close: lazy(() => import('@adobe-commerce/elsie/icons/Close.svg')),\n Coupon: lazy(() => import('@adobe-commerce/elsie/icons/Coupon.svg')),\n Date: lazy(() => import('@adobe-commerce/elsie/icons/Date.svg')),\n Delivery: lazy(() => import('@adobe-commerce/elsie/icons/Delivery.svg')),\n Edit: lazy(() => import('@adobe-commerce/elsie/icons/Edit.svg')),\n EmptyBox: lazy(() => import('@adobe-commerce/elsie/icons/EmptyBox.svg')),\n Eye: lazy(() => import('@adobe-commerce/elsie/icons/Eye.svg')),\n EyeClose: lazy(() => import('@adobe-commerce/elsie/icons/EyeClose.svg')),\n Gift: lazy(() => import('@adobe-commerce/elsie/icons/Gift.svg')),\n GiftCard: lazy(() => import('@adobe-commerce/elsie/icons/GiftCard.svg')),\n Heart: lazy(() => import('@adobe-commerce/elsie/icons/Heart.svg')),\n HeartFilled: lazy(() => import('@adobe-commerce/elsie/icons/HeartFilled.svg')),\n InfoFilled: lazy(() => import('@adobe-commerce/elsie/icons/InfoFilled.svg')),\n List: lazy(() => import('@adobe-commerce/elsie/icons/List.svg')),\n Locker: lazy(() => import('@adobe-commerce/elsie/icons/Locker.svg')),\n Minus: lazy(() => import('@adobe-commerce/elsie/icons/Minus.svg')),\n Order: lazy(() => import('@adobe-commerce/elsie/icons/Order.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 Placeholder: lazy(() => import('@adobe-commerce/elsie/icons/Placeholder.svg')),\n PlaceholderFilled: lazy(\n () => import('@adobe-commerce/elsie/icons/PlaceholderFilled.svg')\n ),\n Purchase: lazy(() => import('@adobe-commerce/elsie/icons/Purchase.svg')),\n Quote: lazy(() => import('@adobe-commerce/elsie/icons/Quote.svg')),\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 Structure: lazy(() => import('@adobe-commerce/elsie/icons/Structure.svg')),\n Team: lazy(() => import('@adobe-commerce/elsie/icons/Team.svg')),\n Trash: lazy(() => import('@adobe-commerce/elsie/icons/Trash.svg')),\n User: lazy(() => import('@adobe-commerce/elsie/icons/User.svg')),\n View: lazy(() => import('@adobe-commerce/elsie/icons/View.svg')),\n Wallet: lazy(() => import('@adobe-commerce/elsie/icons/Wallet.svg')),\n Warning: lazy(() => import('@adobe-commerce/elsie/icons/Warning.svg')),\n WarningFilled: lazy(() => import('@adobe-commerce/elsie/icons/WarningFilled.svg')),\n WarningWithCircle: lazy(\n () => import('@adobe-commerce/elsie/icons/WarningWithCircle.svg')\n ),\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, getPriceFormatter } 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 const formattedAmount = useMemo(() => {\n const formatter = getPriceFormatter({ currency, locale, formatOptions });\n return formatter.format(amount);\n }, [amount, currency, locale, formatOptions]);\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' | 'icon'> {\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 icon?:\n | VNode<HTMLAttributes<SVGSVGElement>>\n | VNode<HTMLAttributes<HTMLImageElement>>;\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 icon,\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 {icon && (\n // @ts-ignore\n <icon.type\n {...icon?.props}\n className={classes([\n 'dropin-radio-button__icon',\n icon?.props?.className,\n ])}\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 const isDisabled = disabled || options?.length === 1;\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', isDisabled],\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={isDisabled}\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 rowTotalFooter?: 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 rowTotalFooter,\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\n {/* Row Total Footer */}\n {rowTotalFooter && (\n <VComponent\n node={rowTotalFooter}\n className={classes(['dropin-cart-item__row-total-footer'])}\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, JSX } from 'preact';\n\ntype BaseProps = {\n href?: string;\n type?: 'button';\n disabled?: boolean;\n};\n\nexport type PaginationButtonProps = BaseProps &\n (\n | Omit<JSX.HTMLAttributes<HTMLAnchorElement>, 'type'>\n | Omit<JSX.HTMLAttributes<HTMLButtonElement>, 'href'>\n );\n\nexport const PaginationButton: FunctionComponent<PaginationButtonProps> = (\n props\n) => {\n if (props.href) {\n \n const { href, disabled, ...anchorProps } = props;\n return (\n <a\n href={href}\n aria-disabled={disabled}\n {...(anchorProps as JSX.HTMLAttributes<HTMLAnchorElement>)}\n />\n );\n }\n \n const { type = 'button', ...buttonProps } = props;\n return (\n <button\n type={type}\n {...(buttonProps as JSX.HTMLAttributes<HTMLButtonElement>)}\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 { 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';\nimport { PaginationButton } from './PaginationButton';\n\nexport interface PaginationProps {\n className?: string;\n currentPage?: number;\n totalPages?: number;\n onChange?: (currentPage: number, e?: Event) => void;\n routePage?: (page: number) => string;\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 routePage,\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((e?: Event) => {\n const nextPage = Math.min(currentPage + 1, totalPages);\n\n onChange?.(nextPage, e);\n }, [currentPage, onChange, totalPages]);\n\n const handleBackward = useCallback((e?: Event) => {\n const prevPage = Math.max(currentPage - 1, 1);\n\n onChange?.(prevPage, e);\n }, [currentPage, onChange]);\n\n const handleSetPage = useCallback(\n (currentPage: number | string, e?: Event) => {\n if (isNumber(currentPage)) {\n onChange?.(currentPage as number, e);\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 <PaginationButton\n data-testid=\"prev-button\"\n aria-label={translations.backwardButton}\n disabled={currentPage === 1}\n onClick={(e: Event) => handleBackward(e)}\n href={routePage?.(currentPage) ?? undefined}\n className={classes([\n 'dropin-pagination-arrow',\n 'dropin-pagination-arrow--backward',\n ['dropin-pagination-arrow--disabled', currentPage === 1],\n ])}\n >\n <Icon size=\"24\" source={ChevronDown} />\n </PaginationButton>\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 <PaginationButton\n data-testid={`set-page-button-${item.page}`}\n onClick={(e: Event) => handleSetPage(item.page, e)}\n href={routePage?.(item.page as number) ?? undefined}\n\n >\n {item.label}\n </PaginationButton>\n </li>\n ))}\n </ul>\n <PaginationButton\n data-testid=\"next-button\"\n aria-label={translations.forwardButton}\n disabled={currentPage === totalPages}\n onClick={(e: Event) => handleForward(e)}\n href={routePage?.(currentPage) ?? undefined}\n className={classes([\n 'dropin-pagination-arrow',\n 'dropin-pagination-arrow--forward',\n ['dropin-pagination-arrow--disabled', currentPage === totalPages],\n ])}\n >\n <Icon size=\"24\" source={ChevronDown} />\n </PaginationButton>\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 // Show chevron down when sortable but not sorted\n iconSource = 'ChevronDown';\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={classes([\n 'dropin-table__body__row',\n ['dropin-table__body__row--expanded', isExpanded && hasDetails],\n ])}>\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","isEmpty","setIsEmpty","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","formattedAmount","useMemo","getPriceFormatter","RadioButton","checked","description","busy","active","activeChildren","activeIcon","href","buttonType","iconClassName","attributes","findSelectedValue","defaultOption","firstAvailableOption","Picker","options","handleSelect","uniqueId","isRequired","isDisabled","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","rowTotalFooter","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","PaginationButton","anchorProps","buttonProps","Pagination","totalPages","currentPage","routePage","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/PaginationButton.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 { classes } from '@adobe-commerce/elsie/lib';\nimport { FunctionComponent } from 'preact';\nimport { lazy, Suspense, SVGProps } from 'preact/compat';\nimport { useEffect, useState } 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 AddressBook: lazy(() => import('@adobe-commerce/elsie/icons/AddressBook.svg')),\n Bulk: lazy(() => import('@adobe-commerce/elsie/icons/Bulk.svg')),\n Burger: lazy(() => import('@adobe-commerce/elsie/icons/Burger.svg')),\n Business: lazy(() => import('@adobe-commerce/elsie/icons/Business.svg')),\n Card: lazy(() => import('@adobe-commerce/elsie/icons/Card.svg')),\n Cart: lazy(() => import('@adobe-commerce/elsie/icons/Cart.svg')),\n Check: lazy(() => import('@adobe-commerce/elsie/icons/Check.svg')),\n CheckWithCircle: lazy(() => import('@adobe-commerce/elsie/icons/CheckWithCircle.svg')),\n ChevronDown: lazy(() => import('@adobe-commerce/elsie/icons/ChevronDown.svg')),\n ChevronRight: lazy(() => import('@adobe-commerce/elsie/icons/ChevronRight.svg')),\n ChevronUp: lazy(() => import('@adobe-commerce/elsie/icons/ChevronUp.svg')),\n Close: lazy(() => import('@adobe-commerce/elsie/icons/Close.svg')),\n Coupon: lazy(() => import('@adobe-commerce/elsie/icons/Coupon.svg')),\n Date: lazy(() => import('@adobe-commerce/elsie/icons/Date.svg')),\n Delivery: lazy(() => import('@adobe-commerce/elsie/icons/Delivery.svg')),\n Edit: lazy(() => import('@adobe-commerce/elsie/icons/Edit.svg')),\n EmptyBox: lazy(() => import('@adobe-commerce/elsie/icons/EmptyBox.svg')),\n Eye: lazy(() => import('@adobe-commerce/elsie/icons/Eye.svg')),\n EyeClose: lazy(() => import('@adobe-commerce/elsie/icons/EyeClose.svg')),\n Gift: lazy(() => import('@adobe-commerce/elsie/icons/Gift.svg')),\n GiftCard: lazy(() => import('@adobe-commerce/elsie/icons/GiftCard.svg')),\n Heart: lazy(() => import('@adobe-commerce/elsie/icons/Heart.svg')),\n HeartFilled: lazy(() => import('@adobe-commerce/elsie/icons/HeartFilled.svg')),\n InfoFilled: lazy(() => import('@adobe-commerce/elsie/icons/InfoFilled.svg')),\n List: lazy(() => import('@adobe-commerce/elsie/icons/List.svg')),\n Locker: lazy(() => import('@adobe-commerce/elsie/icons/Locker.svg')),\n Minus: lazy(() => import('@adobe-commerce/elsie/icons/Minus.svg')),\n Order: lazy(() => import('@adobe-commerce/elsie/icons/Order.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 Placeholder: lazy(() => import('@adobe-commerce/elsie/icons/Placeholder.svg')),\n PlaceholderFilled: lazy(\n () => import('@adobe-commerce/elsie/icons/PlaceholderFilled.svg')\n ),\n Purchase: lazy(() => import('@adobe-commerce/elsie/icons/Purchase.svg')),\n Quote: lazy(() => import('@adobe-commerce/elsie/icons/Quote.svg')),\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 Structure: lazy(() => import('@adobe-commerce/elsie/icons/Structure.svg')),\n Team: lazy(() => import('@adobe-commerce/elsie/icons/Team.svg')),\n Trash: lazy(() => import('@adobe-commerce/elsie/icons/Trash.svg')),\n User: lazy(() => import('@adobe-commerce/elsie/icons/User.svg')),\n View: lazy(() => import('@adobe-commerce/elsie/icons/View.svg')),\n Wallet: lazy(() => import('@adobe-commerce/elsie/icons/Wallet.svg')),\n Warning: lazy(() => import('@adobe-commerce/elsie/icons/Warning.svg')),\n WarningFilled: lazy(() => import('@adobe-commerce/elsie/icons/WarningFilled.svg')),\n WarningWithCircle: lazy(\n () => import('@adobe-commerce/elsie/icons/WarningWithCircle.svg')\n ),\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 [isEmpty, setIsEmpty] = useState<boolean>(false);\n const minValue = Number(min);\n const maxValue = Number(max);\n const isInvalid = error || isEmpty || currentValue < minValue || currentValue > maxValue;\n\n const errorMessage = isEmpty\n ? 'Dropin.Incrementer.requiredMessage'\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 setIsEmpty(false);\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 setIsEmpty(false);\n debouncedOnValueHandler(_value);\n setCurrentValue(_value);\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={isEmpty ? '' : currentValue}\n disabled={disabled}\n onBlur={() => {\n if (!isEmpty) {\n handleIncrementer(Number(currentValue));\n }\n }}\n onChange={(e) => {\n const newValue = e.currentTarget.value;\n if (newValue === '') {\n setIsEmpty(true);\n } else {\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, getPriceFormatter } 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 const formattedAmount = useMemo(() => {\n const formatter = getPriceFormatter({ currency, locale, formatOptions });\n return formatter.format(amount);\n }, [amount, currency, locale, formatOptions]);\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' | 'icon'> {\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 icon?:\n | VNode<HTMLAttributes<SVGSVGElement>>\n | VNode<HTMLAttributes<HTMLImageElement>>;\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 icon,\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 {icon && (\n // @ts-ignore\n <icon.type\n {...icon?.props}\n className={classes([\n 'dropin-radio-button__icon',\n icon?.props?.className,\n ])}\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 const isDisabled = disabled || options?.length === 1;\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', isDisabled],\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={isDisabled}\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 rowTotalFooter?: 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 rowTotalFooter,\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\n {/* Row Total Footer */}\n {rowTotalFooter && (\n <VComponent\n node={rowTotalFooter}\n className={classes(['dropin-cart-item__row-total-footer'])}\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, JSX } from 'preact';\n\ntype BaseProps = {\n href?: string;\n type?: 'button';\n disabled?: boolean;\n};\n\nexport type PaginationButtonProps = BaseProps &\n (\n | Omit<JSX.HTMLAttributes<HTMLAnchorElement>, 'type'>\n | Omit<JSX.HTMLAttributes<HTMLButtonElement>, 'href'>\n );\n\nexport const PaginationButton: FunctionComponent<PaginationButtonProps> = (\n props\n) => {\n if (props.href) {\n \n const { href, disabled, ...anchorProps } = props;\n return (\n <a\n href={href}\n aria-disabled={disabled}\n {...(anchorProps as JSX.HTMLAttributes<HTMLAnchorElement>)}\n />\n );\n }\n \n const { type = 'button', ...buttonProps } = props;\n return (\n <button\n type={type}\n {...(buttonProps as JSX.HTMLAttributes<HTMLButtonElement>)}\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 { 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';\nimport { PaginationButton } from './PaginationButton';\n\nexport interface PaginationProps {\n className?: string;\n currentPage?: number;\n totalPages?: number;\n onChange?: (currentPage: number, e?: Event) => void;\n routePage?: (page: number) => string;\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 routePage,\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((e?: Event) => {\n const nextPage = Math.min(currentPage + 1, totalPages);\n\n onChange?.(nextPage, e);\n }, [currentPage, onChange, totalPages]);\n\n const handleBackward = useCallback((e?: Event) => {\n const prevPage = Math.max(currentPage - 1, 1);\n\n onChange?.(prevPage, e);\n }, [currentPage, onChange]);\n\n const handleSetPage = useCallback(\n (currentPage: number | string, e?: Event) => {\n if (isNumber(currentPage)) {\n onChange?.(currentPage as number, e);\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 <PaginationButton\n data-testid=\"prev-button\"\n aria-label={translations.backwardButton}\n disabled={currentPage === 1}\n onClick={(e: Event) => handleBackward(e)}\n href={routePage?.(currentPage) ?? undefined}\n className={classes([\n 'dropin-pagination-arrow',\n 'dropin-pagination-arrow--backward',\n ['dropin-pagination-arrow--disabled', currentPage === 1],\n ])}\n >\n <Icon size=\"24\" source={ChevronDown} />\n </PaginationButton>\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 <PaginationButton\n data-testid={`set-page-button-${item.page}`}\n onClick={(e: Event) => handleSetPage(item.page, e)}\n href={routePage?.(item.page as number) ?? undefined}\n\n >\n {item.label}\n </PaginationButton>\n </li>\n ))}\n </ul>\n <PaginationButton\n data-testid=\"next-button\"\n aria-label={translations.forwardButton}\n disabled={currentPage === totalPages}\n onClick={(e: Event) => handleForward(e)}\n href={routePage?.(currentPage) ?? undefined}\n className={classes([\n 'dropin-pagination-arrow',\n 'dropin-pagination-arrow--forward',\n ['dropin-pagination-arrow--disabled', currentPage === totalPages],\n ])}\n >\n <Icon size=\"24\" source={ChevronDown} />\n </PaginationButton>\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 // Show chevron down when sortable but not sorted\n iconSource = 'ChevronDown';\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={classes([\n 'dropin-table__body__row',\n ['dropin-table__body__row--expanded', isExpanded && hasDetails],\n ])}>\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"}