@dropins/tools 2.0.0-beta.0 → 2.0.0

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 (6) hide show
  1. package/CHANGELOG.md +131 -0
  2. package/components.js +1 -1
  3. package/components.js.map +1 -1
  4. package/lib/aem/assets.js +1 -1
  5. package/lib/aem/configs.js +1 -1
  6. package/package.json +1 -1
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","isEmpty","setIsEmpty","minValue","maxValue","isInvalid","errorMessage","propValue","debouncedOnValueHandler","useCallback","debounce","newValue","handleIncrementer","_value","jsxs","Localizer","Text","Minus","Add","Input","floatingLabel","icon","maxLength","id","translations","useText","handleOnValue","input","VComponent","WarningWithCircle","CheckWithCircle","InputDate","label","onChange","onBlur","internalValue","setInternalValue","isPickerOpen","setIsPickerOpen","iosInputRef","useRef","dictionary","handleOnFocus","isIOSMobileDevice","_a","handleOnClick","event","handleOnBlur","handleInputChange","Field","formatCalendarDate","DateIcon","PasswordStatusIndicator","minLength","requiredCharacterClasses","uniqueSymbolsStatus","validateLengthConfig","getIcon","useMemo","PendingValidation","Check","ErrorValidation","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","getPriceFormatter","RadioButton","checked","description","busy","active","activeChildren","activeIcon","href","buttonType","iconClassName","attributes","findSelectedValue","defaultOption","firstAvailableOption","singleOption","Picker","options","handleSelect","disableWhenSingle","uniqueId","isRequired","isDisabled","selectRef","accessibleName","option","selectedValue","setSelectedValue","select","handleOptionClick","element","optionsListItems","text","isSelected","hasToDisplayPlaceholder","ChevronDown","hint","descriptionId","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","_d","Close","action","Portal","portalRoot","contentRef","useLayoutEffect","FOCUSABLE_SELECTOR","Modal","centered","backgroundDim","clickToDismiss","escapeToDismiss","onClose","showCloseButton","titleId","bodyRef","previouslyFocusedElement","handleOnClose","handleOutsideClick","modal","modalBody","handleKeyDown","scrollingElement","defaultOverflowValue","body","firstFocusable","focusable","first","last","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","contentId","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 new Error(`Failed to fetch SVG: ${response.status} ${response.statusText}`);\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 // eslint-disable-next-line react/no-danger\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 {\n CheckWithCircle,\n WarningWithCircle,\n} from '@adobe-commerce/elsie/icons';\nimport { VComponent, classes, debounce } from '@adobe-commerce/elsie/lib';\nimport { useText } from '@adobe-commerce/elsie/i18n';\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 const translations = useText({\n errorIconAriaLabel: 'Dropin.Input.errorIconAriaLabel',\n successIconAriaLabel: 'Dropin.Input.successIconAriaLabel',\n });\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 role=\"img\"\n aria-label={translations.errorIconAriaLabel}\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 role=\"img\"\n aria-label={translations.successIconAriaLabel}\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 { useCallback, useRef, useState } from 'preact/hooks';\nimport {\n classes,\n formatCalendarDate,\n isIOSMobileDevice,\n} from '@adobe-commerce/elsie/lib';\nimport { JSX } from 'preact/compat';\nimport {\n Field,\n Icon,\n Input,\n InputProps,\n} from '@adobe-commerce/elsie/components';\nimport { Date as DateIcon } from '@adobe-commerce/elsie/icons';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nimport '@adobe-commerce/elsie/components/InputDate/InputDate.css';\n\nexport interface InputDateProps extends Omit<InputProps, 'error' | 'value'> {\n label?: string;\n name?: string;\n error?: string;\n value?: string;\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 ?? '');\n const [isPickerOpen, setIsPickerOpen] = useState(false);\n const iosInputRef = useRef<HTMLInputElement>(null);\n const dictionary = useText({\n picker: 'Dropin.InputDate.picker',\n });\n\n const handleOnFocus: JSX.MouseEventHandler<HTMLInputElement> =\n useCallback(() => {\n setIsPickerOpen(true);\n\n if (!isIOSMobileDevice()) return;\n\n iosInputRef.current?.focus();\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 setIsPickerOpen(false);\n onBlur?.(event);\n },\n [onBlur]\n );\n\n const handleInputChange: JSX.MouseEventHandler<HTMLInputElement> =\n useCallback(\n (event) => {\n setInternalValue((event.target as HTMLInputElement).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={\n isPickerOpen ? internalValue : formatCalendarDate(internalValue)\n }\n type={isPickerOpen ? 'date' : 'text'}\n placeholder={label}\n floatingLabel={label}\n onFocus={handleOnFocus}\n onBlur={handleOnBlur}\n onChange={handleInputChange}\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={DateIcon} 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 { useMemo } from 'preact/hooks';\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\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 iconPendingAlt: 'Dropin.PasswordStatusIndicator.iconPendingAlt',\n iconSuccessAlt: 'Dropin.PasswordStatusIndicator.iconSuccessAlt',\n iconErrorAlt: 'Dropin.PasswordStatusIndicator.iconErrorAlt',\n });\n\n const getIcon = useMemo<{ [key: string]: JSX.Element }>(\n () => ({\n pending: (\n <PendingValidation\n role=\"img\"\n aria-label={translations.iconPendingAlt}\n />\n ),\n success: <Check role=\"img\" aria-label={translations.iconSuccessAlt} />,\n error: (\n <ErrorValidation\n style={{ fill: 'red' }}\n role=\"img\"\n aria-label={translations.iconErrorAlt}\n />\n ),\n }),\n [\n translations.iconPendingAlt,\n translations.iconSuccessAlt,\n translations.iconErrorAlt,\n ]\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, useRef, 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 disableWhenSingle?: 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 singleOption?: PickerOption\n) {\n if (value) return value;\n if (defaultOption) return defaultOption.value;\n // sole option wins over the placeholder so it stays selected, not blank\n if (singleOption) return singleOption.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 disableWhenSingle = true,\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 || (disableWhenSingle && options?.length === 1);\n const selectRef = useRef<HTMLSelectElement>(null);\n const accessibleName = name ?? floatingLabel ?? placeholder;\n\n // find the first option that is not disabled\n const firstAvailableOption = options?.find((option) => !option.disabled);\n\n // the only selectable option when the picker auto-disables; a disabled\n // <select> never fires change, so we must emit it ourselves (see below).\n // when disableWhenSingle is false the picker stays interactive, so no\n // special handling is needed.\n const singleOption =\n !disabled &&\n disableWhenSingle &&\n options?.length === 1 &&\n !options[0]?.disabled\n ? options[0]\n : undefined;\n\n const [selectedValue, setSelectedValue] = useState<PickerValue>(() => {\n return findSelectedValue(\n value,\n defaultOption,\n placeholder,\n floatingLabel,\n firstAvailableOption,\n singleOption\n );\n });\n\n useEffect(() => {\n setSelectedValue(\n findSelectedValue(\n value,\n defaultOption,\n placeholder,\n floatingLabel,\n firstAvailableOption,\n singleOption\n )\n );\n }, [\n value,\n defaultOption,\n placeholder,\n floatingLabel,\n firstAvailableOption,\n singleOption,\n ]);\n\n // commit the sole option to the consumer; skip once value has come back in.\n // dispatch a real change event so handleOptionClick emits it: consumers get\n // a genuine Event (some call preventDefault) identical to a user selection.\n useEffect(() => {\n if (!singleOption || value === singleOption.value) return;\n\n const select = selectRef.current;\n if (!select) return;\n\n select.value = singleOption.value as string;\n select.dispatchEvent(new Event('change', { bubbles: true }));\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [singleOption?.value, value]);\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 ref={selectRef}\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={accessibleName}\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={uniqueId}\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 const descriptionId = `${id}-description`;\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 aria-describedby={error ? descriptionId : undefined}\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'])}>{fieldContent}</div>\n\n <div\n id={descriptionId}\n role=\"status\"\n aria-live=\"polite\"\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 { ActionButtonProps } from '@adobe-commerce/elsie/components/ActionButton';\nimport '@adobe-commerce/elsie/components/ActionButtonGroup/ActionButtonGroup.css';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { FunctionComponent, VNode, cloneElement } from 'preact';\nimport { Children, HTMLAttributes } from 'preact/compat';\nimport { useCallback, useState } from 'preact/hooks';\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 'aria-label'?: string;\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 role={type === 'error' ? 'alert' : 'status'}\n aria-live={type === 'error' ? 'assertive' : 'polite'}\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={\n additionalActions[0]?.['aria-label'] ??\n additionalActions[0]?.label\n }\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 aria-label={action['aria-label'] ?? action.label}\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 useRef,\n} from 'preact/compat';\nimport { useId } from 'preact/hooks';\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\nconst FOCUSABLE_SELECTOR =\n 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"])';\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 titleId = useId();\n const bodyRef = useRef<HTMLDivElement | null>(null);\n const previouslyFocusedElement = useRef<HTMLElement | null>(null);\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 // Move focus into the modal on open, restore it to the trigger on close\n useEffect(() => {\n previouslyFocusedElement.current = document.activeElement as HTMLElement;\n\n const body = bodyRef.current as HTMLDivElement;\n const [firstFocusable] = body.querySelectorAll<HTMLElement>(\n FOCUSABLE_SELECTOR\n );\n\n (firstFocusable ?? body).focus();\n\n return () => {\n previouslyFocusedElement.current?.focus();\n };\n }, []);\n\n // Trap Tab focus inside the modal\n useEffect(() => {\n const body = bodyRef.current as HTMLDivElement;\n\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key !== 'Tab') return;\n\n const focusable = body.querySelectorAll<HTMLElement>(\n FOCUSABLE_SELECTOR\n );\n\n const first = focusable[0];\n const last = focusable[focusable.length - 1];\n\n if (!first || !last) return;\n\n if (event.shiftKey && document.activeElement === first) {\n event.preventDefault();\n last.focus();\n } else if (!event.shiftKey && document.activeElement === last) {\n event.preventDefault();\n first.focus();\n }\n };\n\n body.addEventListener('keydown', handleKeyDown);\n\n return () => {\n body.removeEventListener('keydown', handleKeyDown);\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 role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby={title ? titleId : undefined}\n tabIndex={-1}\n {...props}\n ref={bodyRef}\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\n id={titleId}\n className={classes(['dropin-modal__header-title-content'])}\n >\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 ariaLabel?: 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 ariaLabel,\n busy = false,\n disabled = false,\n children,\n className,\n icon,\n onChange,\n selected = true,\n ...props\n}) => {\n const contentId = `dropin-toggle-button__content-${name}-${value}`;\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={ariaLabel}\n aria-labelledby={ariaLabel ? undefined : contentId}\n busy={busy}\n className={classes([className, 'dropin-toggle-button__radioButton'])}\n />\n\n <span className=\"dropin-toggle-button__content\" id={contentId}>\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 const 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","translations","useText","handleOnValue","input","VComponent","WarningWithCircle","CheckWithCircle","InputDate","label","onChange","onBlur","internalValue","setInternalValue","isPickerOpen","setIsPickerOpen","iosInputRef","useRef","dictionary","handleOnFocus","isIOSMobileDevice","_a","handleOnClick","event","handleOnBlur","handleInputChange","Field","formatCalendarDate","DateIcon","PasswordStatusIndicator","minLength","requiredCharacterClasses","uniqueSymbolsStatus","validateLengthConfig","getIcon","useMemo","PendingValidation","Check","ErrorValidation","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","getPriceFormatter","RadioButton","checked","description","busy","active","activeChildren","activeIcon","href","buttonType","iconClassName","attributes","findSelectedValue","defaultOption","firstAvailableOption","singleOption","Picker","options","handleSelect","disableWhenSingle","uniqueId","isRequired","isDisabled","selectRef","accessibleName","option","selectedValue","setSelectedValue","select","handleOptionClick","element","optionsListItems","text","isSelected","hasToDisplayPlaceholder","ChevronDown","hint","descriptionId","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","_d","Close","action","Portal","portalRoot","contentRef","useLayoutEffect","FOCUSABLE_SELECTOR","Modal","centered","backgroundDim","clickToDismiss","escapeToDismiss","onClose","showCloseButton","titleId","bodyRef","previouslyFocusedElement","handleOnClose","handleOutsideClick","modal","modalBody","handleKeyDown","scrollingElement","defaultOverflowValue","body","firstFocusable","focusable","first","last","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","contentId","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 new Error(`Failed to fetch SVG: ${response.status} ${response.statusText}`);\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 // eslint-disable-next-line react/no-danger\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 {\n CheckWithCircle,\n WarningWithCircle,\n} from '@adobe-commerce/elsie/icons';\nimport { VComponent, classes, debounce } from '@adobe-commerce/elsie/lib';\nimport { useText } from '@adobe-commerce/elsie/i18n';\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 const translations = useText({\n errorIconAriaLabel: 'Dropin.Input.errorIconAriaLabel',\n successIconAriaLabel: 'Dropin.Input.successIconAriaLabel',\n });\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 role=\"img\"\n aria-label={translations.errorIconAriaLabel}\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 role=\"img\"\n aria-label={translations.successIconAriaLabel}\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 { useCallback, useRef, useState } from 'preact/hooks';\nimport {\n classes,\n formatCalendarDate,\n isIOSMobileDevice,\n} from '@adobe-commerce/elsie/lib';\nimport { JSX } from 'preact/compat';\nimport {\n Field,\n Icon,\n Input,\n InputProps,\n} from '@adobe-commerce/elsie/components';\nimport { Date as DateIcon } from '@adobe-commerce/elsie/icons';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nimport '@adobe-commerce/elsie/components/InputDate/InputDate.css';\n\nexport interface InputDateProps extends Omit<InputProps, 'error' | 'value'> {\n label?: string;\n name?: string;\n error?: string;\n value?: string;\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 ?? '');\n const [isPickerOpen, setIsPickerOpen] = useState(false);\n const iosInputRef = useRef<HTMLInputElement>(null);\n const dictionary = useText({\n picker: 'Dropin.InputDate.picker',\n });\n\n const handleOnFocus: JSX.MouseEventHandler<HTMLInputElement> =\n useCallback(() => {\n setIsPickerOpen(true);\n\n if (!isIOSMobileDevice()) return;\n\n iosInputRef.current?.focus();\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 setIsPickerOpen(false);\n onBlur?.(event);\n },\n [onBlur]\n );\n\n const handleInputChange: JSX.MouseEventHandler<HTMLInputElement> =\n useCallback(\n (event) => {\n setInternalValue((event.target as HTMLInputElement).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={\n isPickerOpen ? internalValue : formatCalendarDate(internalValue)\n }\n type={isPickerOpen ? 'date' : 'text'}\n placeholder={label}\n floatingLabel={label}\n onFocus={handleOnFocus}\n onBlur={handleOnBlur}\n onChange={handleInputChange}\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={DateIcon} 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 { useMemo } from 'preact/hooks';\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\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 iconPendingAlt: 'Dropin.PasswordStatusIndicator.iconPendingAlt',\n iconSuccessAlt: 'Dropin.PasswordStatusIndicator.iconSuccessAlt',\n iconErrorAlt: 'Dropin.PasswordStatusIndicator.iconErrorAlt',\n });\n\n const getIcon = useMemo<{ [key: string]: JSX.Element }>(\n () => ({\n pending: (\n <PendingValidation\n role=\"img\"\n aria-label={translations.iconPendingAlt}\n />\n ),\n success: <Check role=\"img\" aria-label={translations.iconSuccessAlt} />,\n error: (\n <ErrorValidation\n style={{ fill: 'red' }}\n role=\"img\"\n aria-label={translations.iconErrorAlt}\n />\n ),\n }),\n [\n translations.iconPendingAlt,\n translations.iconSuccessAlt,\n translations.iconErrorAlt,\n ]\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, useRef, 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 disableWhenSingle?: 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 singleOption?: PickerOption\n) {\n if (value) return value;\n if (defaultOption) return defaultOption.value;\n // sole option wins over the placeholder so it stays selected, not blank\n if (singleOption) return singleOption.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 disableWhenSingle = true,\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 || (disableWhenSingle && options?.length === 1);\n const selectRef = useRef<HTMLSelectElement>(null);\n const accessibleName = name ?? floatingLabel ?? placeholder;\n\n // find the first option that is not disabled\n const firstAvailableOption = options?.find((option) => !option.disabled);\n\n // the only selectable option when the picker auto-disables; a disabled\n // <select> never fires change, so we must emit it ourselves (see below).\n // when disableWhenSingle is false the picker stays interactive, so no\n // special handling is needed.\n const singleOption =\n !disabled &&\n disableWhenSingle &&\n options?.length === 1 &&\n !options[0]?.disabled\n ? options[0]\n : undefined;\n\n const [selectedValue, setSelectedValue] = useState<PickerValue>(() => {\n return findSelectedValue(\n value,\n defaultOption,\n placeholder,\n floatingLabel,\n firstAvailableOption,\n singleOption\n );\n });\n\n useEffect(() => {\n setSelectedValue(\n findSelectedValue(\n value,\n defaultOption,\n placeholder,\n floatingLabel,\n firstAvailableOption,\n singleOption\n )\n );\n }, [\n value,\n defaultOption,\n placeholder,\n floatingLabel,\n firstAvailableOption,\n singleOption,\n ]);\n\n // commit the sole option to the consumer; skip once value has come back in.\n // dispatch a real change event so handleOptionClick emits it: consumers get\n // a genuine Event (some call preventDefault) identical to a user selection.\n useEffect(() => {\n if (!singleOption || value === singleOption.value) return;\n\n const select = selectRef.current;\n if (!select) return;\n\n select.value = singleOption.value as string;\n select.dispatchEvent(new Event('change', { bubbles: true }));\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [singleOption?.value, value]);\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 ref={selectRef}\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={accessibleName}\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={uniqueId}\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 const descriptionId = `${id}-description`;\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 aria-describedby={error ? descriptionId : undefined}\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'])}>{fieldContent}</div>\n\n <div\n id={descriptionId}\n role=\"status\"\n aria-live=\"polite\"\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 { ActionButtonProps } from '@adobe-commerce/elsie/components/ActionButton';\nimport '@adobe-commerce/elsie/components/ActionButtonGroup/ActionButtonGroup.css';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { FunctionComponent, VNode, cloneElement } from 'preact';\nimport { Children, HTMLAttributes } from 'preact/compat';\nimport { useCallback, useState } from 'preact/hooks';\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 'aria-label'?: string;\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 role={type === 'error' ? 'alert' : 'status'}\n aria-live={type === 'error' ? 'assertive' : 'polite'}\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={\n additionalActions[0]?.['aria-label'] ??\n additionalActions[0]?.label\n }\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 aria-label={action['aria-label'] ?? action.label}\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 useRef,\n} from 'preact/compat';\nimport { useId } from 'preact/hooks';\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\nconst FOCUSABLE_SELECTOR =\n 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"])';\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 titleId = useId();\n const bodyRef = useRef<HTMLDivElement | null>(null);\n const previouslyFocusedElement = useRef<HTMLElement | null>(null);\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 // Move focus into the modal on open, restore it to the trigger on close\n useEffect(() => {\n previouslyFocusedElement.current = document.activeElement as HTMLElement;\n\n const body = bodyRef.current as HTMLDivElement;\n const [firstFocusable] = body.querySelectorAll<HTMLElement>(\n FOCUSABLE_SELECTOR\n );\n\n (firstFocusable ?? body).focus();\n\n return () => {\n previouslyFocusedElement.current?.focus();\n };\n }, []);\n\n // Trap Tab focus inside the modal\n useEffect(() => {\n const body = bodyRef.current as HTMLDivElement;\n\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key !== 'Tab') return;\n\n const focusable = body.querySelectorAll<HTMLElement>(\n FOCUSABLE_SELECTOR\n );\n\n const first = focusable[0];\n const last = focusable[focusable.length - 1];\n\n if (!first || !last) return;\n\n if (event.shiftKey && document.activeElement === first) {\n event.preventDefault();\n last.focus();\n } else if (!event.shiftKey && document.activeElement === last) {\n event.preventDefault();\n first.focus();\n }\n };\n\n body.addEventListener('keydown', handleKeyDown);\n\n return () => {\n body.removeEventListener('keydown', handleKeyDown);\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 role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby={title ? titleId : undefined}\n tabIndex={-1}\n {...props}\n ref={bodyRef}\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\n id={titleId}\n className={classes(['dropin-modal__header-title-content'])}\n >\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 ariaLabel?: 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 ariaLabel,\n busy = false,\n disabled = false,\n children,\n className,\n icon,\n onChange,\n selected = true,\n ...props\n}) => {\n const contentId = `dropin-toggle-button__content-${name}-${value}`.replace(/\\s+/g, '-');\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={ariaLabel}\n aria-labelledby={ariaLabel ? undefined : contentId}\n busy={busy}\n className={classes([className, 'dropin-toggle-button__radioButton'])}\n />\n\n <span className=\"dropin-toggle-button__content\" id={contentId}>\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 const 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"}