npm - @adyen/adyen-web - Versions diffs - 5.59.0 → 6.0.0-alpha.2 - Mend

@adyen/adyen-web 5.59.0 → 6.0.0-alpha.2

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 (3023) hide show

package/dist/es/components/internal/FormFields/Select/Select.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Select.js","sources":["../../../../../../src/components/internal/FormFields/Select/Select.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useEffect, useMemo, useRef, useState } from 'preact/hooks';\nimport cx from 'classnames';\nimport SelectButton from './components/SelectButton';\nimport SelectList from './components/SelectList';\nimport uuid from '../../../../utils/uuid';\nimport { keys } from './constants';\nimport { SelectItem, SelectProps } from './types';\nimport './Select.scss';\nimport { ARIA_CONTEXT_SUFFIX, ARIA_ERROR_SUFFIX } from '../../../../core/Errors/constants';\nimport { simulateFocusScroll } from '../utils';\n\nfunction Select({\n items = [],\n className = '',\n classNameModifiers = [],\n filterable = true,\n readonly = false,\n onChange = () => {},\n onInput,\n selectedValue,\n name,\n isInvalid,\n isValid,\n placeholder,\n uniqueId,\n disabled,\n disableTextFilter,\n clearOnSelect,\n blurOnClose,\n onListToggle\n}: SelectProps) {\n const filterInputRef = useRef(null);\n const selectContainerRef = useRef(null);\n const toggleButtonRef = useRef(null);\n const selectListRef = useRef(null);\n const [textFilter, setTextFilter] = useState<string>(null);\n const [showList, setShowList] = useState<boolean>(false);\n const selectListId: string = useMemo(() => `select-${uuid()}`, []);\n\n const active: SelectItem = items.find(i => i.id === selectedValue) || ({} as SelectItem);\n\n const [inputText, setInputText] = useState<string>();\n\n const [activeOption, setActiveOption] = useState<SelectItem>(active);\n\n const selectedOption = active;\n\n const filteredItems = disableTextFilter ? items : items.filter(item => !textFilter || item.name.toLowerCase().includes(textFilter.toLowerCase()));\n\n const suffix = isInvalid ? ARIA_ERROR_SUFFIX : ARIA_CONTEXT_SUFFIX;\n const ariaDescribedBy = uniqueId ? `${uniqueId}${suffix}` : null;\n\n const setNextActive = () => {\n if (!filteredItems || filteredItems.length < 1) return;\n const possibleNextIndex = filteredItems.findIndex(listItem => listItem === activeOption) + 1;\n const nextIndex = possibleNextIndex < filteredItems.length ? possibleNextIndex : 0;\n const nextItem = filteredItems[nextIndex];\n scrollToItem(nextItem);\n setActiveOption(nextItem);\n };\n\n const setPreviousActive = () => {\n if (!filteredItems || filteredItems.length < 1) return;\n const possibleNextIndex = filteredItems.findIndex(listItem => listItem === activeOption) - 1;\n const nextIndex = possibleNextIndex < 0 ? filteredItems.length - 1 : possibleNextIndex;\n const nextItem = filteredItems[nextIndex];\n scrollToItem(nextItem);\n setActiveOption(nextItem);\n };\n\n const scrollToItem = (item: SelectItem) => {\n if (!item) return;\n const nextElement = document.getElementById(`listItem-${item.id}`);\n simulateFocusScroll(nextElement);\n };\n\n /**\n * Closes the selectList, empties the text filter and focuses the button element\n */\n const closeList = () => {\n //blurs the field when the list is closed, makes for a better UX for most users, needs more testing\n blurOnClose && filterInputRef.current.blur();\n setShowList(false);\n };\n\n const openList = () => {\n setShowList(true);\n };\n\n const extractItemFromEvent = (e: Event): SelectItem => {\n const value = (e.currentTarget as HTMLInputElement).getAttribute('data-value') as string;\n return filteredItems.find(listItem => listItem.id == value);\n };\n\n /**\n * Closes the select list and fires an onChange\n * @param e - Event\n */\n const handleSelect = (e: Event) => {\n e.preventDefault();\n\n // We use a local variable here since writing and if statement is cleaner then a long ternary\n let valueToEmit;\n\n if (e.currentTarget instanceof HTMLElement && e.currentTarget.getAttribute('role') === 'option') {\n // This is the main scenario when clicking and item in the list\n // Item comes from the event\n valueToEmit = extractItemFromEvent(e);\n } else if (activeOption.id && filteredItems.some(item => item.id === activeOption.id)) {\n // This is the scenario where a user is using the keyboard to navigate\n // In the case item comes from the visually select item\n valueToEmit = activeOption;\n } else {\n // This is the scenario the user didn't select anything\n if (textFilter) {\n // if we filtering for something then select the first option\n valueToEmit = filteredItems[0];\n } else {\n // This will happen when we want to keep an already chosen option\n // If no active option we should just emit again with the value that was already selected\n valueToEmit = { id: selectedValue };\n }\n }\n\n if (valueToEmit && !valueToEmit.disabled) {\n onChange({ target: { value: valueToEmit.id, name: name } });\n\n if (clearOnSelect) setInputText(null);\n\n closeList();\n }\n };\n\n /**\n * Handles hovering and directions\n * @param e - Event\n */\n const handleHover = (e: Event) => {\n e.preventDefault();\n const item = extractItemFromEvent(e);\n setActiveOption(item);\n };\n\n /**\n * Handle keyDown events on the selectList button\n * Responsible for opening and closing the list\n * @param e - KeyboardEvent\n */\n const handleButtonKeyDown = (e: KeyboardEvent) => {\n if (e.key === keys.enter && filterable && showList && textFilter) {\n handleSelect(e);\n } else if (e.key === keys.escape) {\n // When user has focused Select button but not yet moved into Select list - close list and keep focus on the Select Button re. a11y guidelines\n // https://w3c.github.io/aria-practices/examples/disclosure/disclosure-navigation.html\n closeList();\n } else if ([keys.arrowUp, keys.arrowDown, keys.enter].includes(e.key) || (e.key === keys.space && (!filterable || !showList))) {\n e.preventDefault();\n if (!showList) {\n openList();\n } else {\n handleNavigationKeys(e);\n }\n } else if (e.shiftKey && e.key === keys.tab) {\n // Shift-Tab out of Select - close list re. a11y guidelines (above)\n closeList();\n } else if (e.key === keys.tab) {\n closeList();\n }\n };\n\n /**\n * Handles movement with navigation keys and enter\n * Navigates through the list, or select an element, or focus the filter input, or close the menu.\n * @param e - KeyDownEvent\n */\n const handleNavigationKeys = (e: KeyboardEvent) => {\n switch (e.key) {\n case keys.space:\n case keys.enter:\n handleSelect(e);\n break;\n case keys.arrowDown:\n e.preventDefault();\n setNextActive();\n break;\n case keys.arrowUp:\n e.preventDefault();\n setPreviousActive();\n break;\n default:\n }\n };\n\n /**\n * Updates the state with the current text filter value\n * @param e - KeyboardEvent\n */\n const handleTextFilter = (e: KeyboardEvent) => {\n const value: string = (e.target as HTMLInputElement).value;\n setInputText(value);\n setTextFilter(value);\n if (onInput) {\n onInput(value);\n }\n };\n\n /**\n * Toggles the selectList and focuses in either the filter input or in the selectList button\n * @param e - Event\n */\n const toggleList = (e: Event) => {\n e.preventDefault();\n if (!showList) {\n setInputText(null);\n openList();\n } else {\n setInputText(selectedOption.name);\n closeList();\n }\n };\n\n useEffect(() => {\n if (showList) {\n setInputText(null);\n } else {\n setTextFilter(null);\n }\n }, [showList]);\n\n /**\n * Focus on the input if filterable\n */\n useEffect(() => {\n if (showList && filterable && filterInputRef.current) {\n filterInputRef.current.focus();\n }\n onListToggle?.(showList);\n }, [showList]);\n\n useEffect(() => {\n /**\n * Close the select list when clicking outside the list\n * @param e - MouseEvent\n */\n function handleClickOutside(e: MouseEvent) {\n // use composedPath so it can also check when inside a web component\n // if composedPath is not available fallback to e.target\n const clickIsOutside = e.composedPath\n ? !e.composedPath().includes(selectContainerRef.current)\n : !selectContainerRef.current.contains(e.target);\n if (clickIsOutside) {\n closeList();\n }\n }\n\n document.addEventListener('click', handleClickOutside, false);\n\n return () => {\n document.removeEventListener('click', handleClickOutside, false);\n };\n }, [selectContainerRef]);\n\n return (\n <div\n className={cx(['adyen-checkout__dropdown', className, ...classNameModifiers.map(m => `adyen-checkout__dropdown--${m}`)])}\n ref={selectContainerRef}\n >\n <SelectButton\n inputText={inputText}\n id={uniqueId ?? null}\n active={activeOption}\n selected={selectedOption}\n filterInputRef={filterInputRef}\n filterable={filterable}\n isInvalid={isInvalid}\n isValid={isValid}\n onButtonKeyDown={handleButtonKeyDown}\n onFocus={openList}\n onInput={handleTextFilter}\n placeholder={placeholder}\n readonly={readonly}\n selectListId={selectListId}\n showList={showList}\n toggleButtonRef={toggleButtonRef}\n toggleList={toggleList}\n disabled={disabled}\n ariaDescribedBy={ariaDescribedBy}\n />\n <SelectList\n active={activeOption}\n filteredItems={filteredItems}\n onHover={handleHover}\n onSelect={handleSelect}\n selected={selectedOption}\n selectListId={selectListId}\n selectListRef={selectListRef}\n showList={showList}\n />\n </div>\n );\n}\n\nSelect.defaultProps = {\n className: '',\n classNameModifiers: [],\n filterable: true,\n items: [],\n readonly: false,\n onChange: () => {}\n};\n\nexport default Select;\n"],"names":["Select","items","className","classNameModifiers","filterable","readonly","onChange","onInput","selectedValue","name","isInvalid","isValid","placeholder","uniqueId","disabled","disableTextFilter","clearOnSelect","blurOnClose","onListToggle","filterInputRef","useRef","selectContainerRef","toggleButtonRef","selectListRef","textFilter","setTextFilter","useState","showList","setShowList","selectListId","useMemo","uuid","active","find","i","id","inputText","setInputText","activeOption","setActiveOption","selectedOption","filteredItems","filter","item","toLowerCase","includes","ariaDescribedBy","ARIA_ERROR_SUFFIX","ARIA_CONTEXT_SUFFIX","scrollToItem","nextElement","document","getElementById","simulateFocusScroll","closeList","current","blur","openList","extractItemFromEvent","e","value","currentTarget","getAttribute","listItem","handleSelect","valueToEmit","preventDefault","HTMLElement","some","target","handleNavigationKeys","key","keys","space","enter","arrowDown","length","possibleNextIndex","findIndex","nextIndex","nextItem","setNextActive","arrowUp","setPreviousActive","useEffect","focus","handleClickOutside","composedPath","contains","addEventListener","removeEventListener","h","div","cx","map","m","ref","SelectButton","selected","onButtonKeyDown","escape","shiftKey","tab","onFocus","toggleList","SelectList","onHover","onSelect","defaultProps"],"mappings":"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"}

package/dist/es/components/internal/FormFields/Select/components/SelectButton.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{createElement as e,Fragment as t}from"../../../../../external/preact/dist/preact.js";import n from"../../../../../external/classnames/index.js";import o from"../../../Img/Img.js";function a({filterable:t,toggleButtonRef:n,...o}){return t?e("div",{...o,ref:n}):e("button",{id:o.id,"aria-describedby":o.ariaDescribedBy,type:"button",...o,ref:n})}function d(d){const{active:c,selected:r,inputText:l,readonly:i,showList:s}=d,u=r.selectedOptionName\|\|r.name\|\|d.placeholder\|\|"",_=s?l:u,p=i?null:d.filterable?e=>{e.preventDefault(),document.activeElement===d.filterInputRef.current?d.showList\|\|d.toggleList(e):d.filterInputRef.current&&d.filterInputRef.current.focus()}:d.toggleList,b=i?null:d.onFocus;return e(a,{className:n({"adyen-checkout__dropdown__button":!0,"adyen-checkout__dropdown__button--readonly":i,"adyen-checkout__dropdown__button--active":s,"adyen-checkout__dropdown__button--invalid":d.isInvalid,"adyen-checkout__dropdown__button--valid":d.isValid,"adyen-checkout__dropdown__button--disabled":r.disabled}),disabled:d.disabled,filterable:d.filterable,onClick:p,onKeyDown:i?null:d.onButtonKeyDown,toggleButtonRef:d.toggleButtonRef},d.filterable?e(t,null,!s&&r.icon&&e(o,{className:"adyen-checkout__dropdown__button__icon",src:r.icon,alt:r.name}),e("input",{value:_,"aria-autocomplete":"list","aria-controls":d.selectListId,"aria-expanded":s,"aria-owns":d.selectListId,autoComplete:"off",className:"adyen-checkout__filter-input",onInput:d.onInput,onFocus:b,ref:d.filterInputRef,role:"combobox","aria-activedescendant":`listItem-${c.id}`,type:"text",readOnly:d.readonly,id:d.id,"aria-describedby":d.ariaDescribedBy}),!s&&r.secondaryText&&e("span",{className:"adyen-checkout__dropdown__button__secondary-text"},r.secondaryText)):e(t,null,r.icon&&e(o,{className:"adyen-checkout__dropdown__button__icon",src:r.icon,alt:r.name}),e("span",{className:"adyen-checkout__dropdown__button__text"},u),r.secondaryText&&e("span",{className:"adyen-checkout__dropdown__button__secondary-text"},r.secondaryText)))}export{d as default};
2	+ //# sourceMappingURL=SelectButton.js.map

package/dist/es/components/internal/FormFields/Select/components/SelectButton.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SelectButton.js","sources":["../../../../../../../src/components/internal/FormFields/Select/components/SelectButton.tsx"],"sourcesContent":["import { h, Fragment } from 'preact';\nimport cx from 'classnames';\nimport { SelectButtonProps } from '../types';\nimport Img from '../../../Img';\n\nfunction SelectButtonElement({ filterable, toggleButtonRef, ...props }) {\n if (filterable) return <div {...props} ref={toggleButtonRef} />;\n\n return <button id={props.id} aria-describedby={props.ariaDescribedBy} type={'button'} {...props} ref={toggleButtonRef} />;\n}\n\nfunction SelectButton(props: SelectButtonProps) {\n const { active, selected, inputText, readonly, showList } = props;\n\n // display fallback order\n const displayText = selected.selectedOptionName || selected.name || props.placeholder || '';\n // displayInputText only used for the text input for the filter\n // display the \"typed\" filter text when showing the dropdown,\n // hide it and show the \"selected\" value when collapsed\n const displayInputText = showList ? inputText : displayText;\n\n const setFocus = (e: Event) => {\n e.preventDefault();\n if (document.activeElement === props.filterInputRef.current) {\n if (!props.showList) {\n props.toggleList(e);\n }\n } else if (props.filterInputRef.current) props.filterInputRef.current.focus();\n };\n\n // 1. If readonly we ignore the click action\n // 2. If filterable we want to show the list and focus on the input\n // 3. Otherwise we just toggle the list\n const onClickHandler = readonly ? null : props.filterable ? setFocus : props.toggleList;\n\n const onFocusHandler = readonly ? null : props.onFocus;\n\n return (\n <SelectButtonElement\n className={cx({\n 'adyen-checkout__dropdown__button': true,\n 'adyen-checkout__dropdown__button--readonly': readonly,\n 'adyen-checkout__dropdown__button--active': showList,\n 'adyen-checkout__dropdown__button--invalid': props.isInvalid,\n 'adyen-checkout__dropdown__button--valid': props.isValid,\n 'adyen-checkout__dropdown__button--disabled': selected.disabled\n })}\n disabled={props.disabled}\n filterable={props.filterable}\n onClick={onClickHandler}\n onKeyDown={!readonly ? props.onButtonKeyDown : null}\n toggleButtonRef={props.toggleButtonRef}\n >\n {!props.filterable ? (\n <Fragment>\n {selected.icon && <Img className=\"adyen-checkout__dropdown__button__icon\" src={selected.icon} alt={selected.name} />}\n <span className=\"adyen-checkout__dropdown__button__text\">{displayText}</span>\n {selected.secondaryText && <span className=\"adyen-checkout__dropdown__button__secondary-text\">{selected.secondaryText}</span>}\n </Fragment>\n ) : (\n <Fragment>\n {!showList && selected.icon && <Img className=\"adyen-checkout__dropdown__button__icon\" src={selected.icon} alt={selected.name} />}\n <input\n value={displayInputText}\n aria-autocomplete=\"list\"\n aria-controls={props.selectListId}\n aria-expanded={showList}\n aria-owns={props.selectListId}\n autoComplete=\"off\"\n className=\"adyen-checkout__filter-input\"\n onInput={props.onInput}\n onFocus={onFocusHandler}\n ref={props.filterInputRef}\n role=\"combobox\"\n aria-activedescendant={`listItem-${active.id}`}\n type=\"text\"\n readOnly={props.readonly}\n id={props.id}\n aria-describedby={props.ariaDescribedBy}\n />\n {!showList && selected.secondaryText && (\n <span className=\"adyen-checkout__dropdown__button__secondary-text\">{selected.secondaryText}</span>\n )}\n </Fragment>\n )}\n </SelectButtonElement>\n );\n}\n\nexport default SelectButton;\n"],"names":["SelectButtonElement","filterable","toggleButtonRef","props","h","div","ref","button","id","aria-describedby","ariaDescribedBy","type","SelectButton","active","selected","inputText","readonly","showList","displayText","selectedOptionName","name","placeholder","displayInputText","onClickHandler","e","preventDefault","document","activeElement","filterInputRef","current","toggleList","focus","onFocusHandler","onFocus","className","cx","isInvalid","isValid","disabled","onClick","onKeyDown","onButtonKeyDown","Fragment","icon","Img","src","alt","input","value","aria-autocomplete","aria-controls","selectListId","aria-expanded","aria-owns","autoComplete","onInput","role","aria-activedescendant","readOnly","secondaryText","span"],"mappings":"0LAKA,SAASA,GAAoBC,WAAEA,EAAUC,gBAAEA,KAAoBC,IAC3D,OAAIF,EAAmBG,EAACC,MAAAA,IAAQF,EAAOG,IAAKJ,IAErCE,EAACG,SAAAA,CAAOC,GAAIL,EAAMK,GAAIC,mBAAkBN,EAAMO,gBAAiBC,KAAM,YAAcR,EAAOG,IAAKJ,GAC1G,CAEA,SAASU,EAAaT,GAClB,MAAMU,OAAEA,EAAMC,SAAEA,EAAQC,UAAEA,EAASC,SAAEA,EAAQC,SAAEA,GAAad,EAGtDe,EAAcJ,EAASK,oBAAsBL,EAASM,MAAQjB,EAAMkB,aAAe,GAInFC,EAAmBL,EAAWF,EAAYG,EAc1CK,EAAiBP,EAAW,KAAOb,EAAMF,WAZ7BuB,IACdA,EAAEC,iBACEC,SAASC,gBAAkBxB,EAAMyB,eAAeC,QAC3C1B,EAAMc,UACPd,EAAM2B,WAAWN,GAEdrB,EAAMyB,eAAeC,SAAS1B,EAAMyB,eAAeC,QAAQE,OAAK,EAMR5B,EAAM2B,WAEvEE,EAAiBhB,EAAW,KAAOb,EAAM8B,QAE/C,OACI7B,EAACJ,EAAAA,CACGkC,UAAWC,EAAG,CACV,oCAAoC,EACpC,6CAA8CnB,EAC9C,2CAA4CC,EAC5C,4CAA6Cd,EAAMiC,UACnD,0CAA2CjC,EAAMkC,QACjD,6CAA8CvB,EAASwB,WAE3DA,SAAUnC,EAAMmC,SAChBrC,WAAYE,EAAMF,WAClBsC,QAAShB,EACTiB,UAAYxB,EAAmC,KAAxBb,EAAMsC,gBAC7BvC,gBAAiBC,EAAMD,iBAErBC,EAAMF,WAOJG,EAACsC,EAAAA,MACKzB,GAAYH,EAAS6B,MAAQvC,EAACwC,EAAAA,CAAIV,UAAU,yCAAyCW,IAAK/B,EAAS6B,KAAMG,IAAKhC,EAASM,OACzHhB,EAAC2C,QAAAA,CACGC,MAAO1B,EACP2B,oBAAkB,OAClBC,gBAAe/C,EAAMgD,aACrBC,gBAAenC,EACfoC,YAAWlD,EAAMgD,aACjBG,aAAa,MACbpB,UAAU,+BACVqB,QAASpD,EAAMoD,QACftB,QAASD,EACT1B,IAAKH,EAAMyB,eACX4B,KAAK,WACLC,wBAAuB,YAAY5C,EAAOL,KAC1CG,KAAK,OACL+C,SAAUvD,EAAMa,SAChBR,GAAIL,EAAMK,GACVC,mBAAkBN,EAAMO,mBAE1BO,GAAYH,EAAS6C,eACnBvD,EAACwD,OAAAA,CAAK1B,UAAU,oDAAoDpB,EAAS6C,gBA3BrFvD,EAACsC,OACI5B,EAAS6B,MAAQvC,EAACwC,EAAAA,CAAIV,UAAU,yCAAyCW,IAAK/B,EAAS6B,KAAMG,IAAKhC,EAASM,OAC5GhB,EAACwD,OAAAA,CAAK1B,UAAU,0CAA0ChB,GACzDJ,EAAS6C,eAAiBvD,EAACwD,OAAAA,CAAK1B,UAAU,oDAAoDpB,EAAS6C,gBA8B5H"}

package/dist/es/components/internal/FormFields/Select/components/SelectList.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{createElement as e}from"../../../../../external/preact/dist/preact.js";import t from"../../../../../external/classnames/index.js";import o from"./SelectListItem.js";import n from"../../../../../core/Context/useCoreContext.js";function s({selected:s,active:i,filteredItems:c,showList:d,...r}){const{i18n:l}=n();return e("ul",{className:t({"adyen-checkout__dropdown__list":!0,"adyen-checkout__dropdown__list--active":d}),id:r.selectListId,ref:r.selectListRef,role:"listbox"},c.length?c.map((t=>e(o,{active:t.id===i.id,item:t,key:t.id,onSelect:r.onSelect,onHover:r.onHover,selected:t.id===s.id}))):e("div",{className:"adyen-checkout__dropdown__element adyen-checkout__dropdown__element--no-options"},l.get("select.noOptionsFound")))}export{s as default};
2	+ //# sourceMappingURL=SelectList.js.map

package/dist/es/components/internal/FormFields/Select/components/SelectList.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SelectList.js","sources":["../../../../../../../src/components/internal/FormFields/Select/components/SelectList.tsx"],"sourcesContent":["import { h } from 'preact';\nimport cx from 'classnames';\nimport SelectListItem from './SelectListItem';\nimport useCoreContext from '../../../../../core/Context/useCoreContext';\nimport { SelectListProps } from '../types';\n\nfunction SelectList({ selected, active, filteredItems, showList, ...props }: SelectListProps) {\n const { i18n } = useCoreContext();\n\n return (\n <ul\n className={cx({\n 'adyen-checkout__dropdown__list': true,\n 'adyen-checkout__dropdown__list--active': showList\n })}\n id={props.selectListId}\n ref={props.selectListRef}\n role=\"listbox\"\n >\n {filteredItems.length ? (\n filteredItems.map(item => (\n <SelectListItem\n active={item.id === active.id}\n item={item}\n key={item.id}\n onSelect={props.onSelect}\n onHover={props.onHover}\n selected={item.id === selected.id}\n />\n ))\n ) : (\n <div className=\"adyen-checkout__dropdown__element adyen-checkout__dropdown__element--no-options\">\n {i18n.get('select.noOptionsFound')}\n </div>\n )}\n </ul>\n );\n}\n\nexport default SelectList;\n"],"names":["SelectList","selected","active","filteredItems","showList","props","i18n","useCoreContext","h","ul","className","cx","id","selectListId","ref","selectListRef","role","length","map","item","SelectListItem","key","onSelect","onHover","div","get"],"mappings":"yOAMA,SAASA,GAAWC,SAAEA,EAAQC,OAAEA,EAAMC,cAAEA,EAAaC,SAAEA,KAAaC,IAChE,MAAMC,KAAEA,GAASC,IAEjB,OACIC,EAACC,KAAAA,CACGC,UAAWC,EAAG,CACV,kCAAkC,EAClC,yCAA0CP,IAE9CQ,GAAIP,EAAMQ,aACVC,IAAKT,EAAMU,cACXC,KAAK,WAEJb,EAAcc,OACXd,EAAce,KAAIC,GACdX,EAACY,EAAAA,CACGlB,OAAQiB,EAAKP,KAAOV,EAAOU,GAC3BO,KAAMA,EACNE,IAAKF,EAAKP,GACVU,SAAUjB,EAAMiB,SAChBC,QAASlB,EAAMkB,QACftB,SAAUkB,EAAKP,KAAOX,EAASW,OAIvCJ,EAACgB,MAAAA,CAAId,UAAU,mFACVJ,EAAKmB,IAAI,0BAK9B"}

package/dist/es/components/internal/FormFields/Select/components/SelectListItem.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{createElement as e}from"../../../../../external/preact/dist/preact.js";import a from"../../../../../external/classnames/index.js";import t from"../../../Img/Img.js";import o from"../../../Icon/Icon.js";const d=({item:d,active:n,selected:c,...s})=>e("li",{"aria-disabled":!!d.disabled,"aria-selected":c,className:a(["adyen-checkout__dropdown__element",{"adyen-checkout__dropdown__element--active":n,"adyen-checkout__dropdown__element--disabled":!!d.disabled}]),"data-disabled":!0===d.disabled\|\|null,"data-value":d.id,onClick:s.onSelect,onMouseEnter:s.onHover,role:"option",id:`listItem-${d.id}`},d.icon&&e(t,{className:"adyen-checkout__dropdown__element__icon",alt:d.name,src:d.icon}),e("span",{className:"adyen-checkout__dropdown__element__text"},d.name),d.secondaryText&&e("span",{className:"adyen-checkout__dropdown__element__secondary-text"},d.secondaryText),c&&e(o,{type:"checkmark",height:14,width:14}));export{d as default};
2	+ //# sourceMappingURL=SelectListItem.js.map

package/dist/es/components/internal/FormFields/Select/components/SelectListItem.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SelectListItem.js","sources":["../../../../../../../src/components/internal/FormFields/Select/components/SelectListItem.tsx"],"sourcesContent":["import { h } from 'preact';\nimport cx from 'classnames';\nimport { SelectItemProps } from '../types';\nimport Img from '../../../Img';\nimport Icon from '../../../Icon';\n\nconst SelectListItem = ({ item, active, selected, ...props }: SelectItemProps) => {\n return (\n <li\n aria-disabled={!!item.disabled}\n aria-selected={selected}\n className={cx([\n 'adyen-checkout__dropdown__element',\n {\n 'adyen-checkout__dropdown__element--active': active,\n 'adyen-checkout__dropdown__element--disabled': !!item.disabled\n }\n ])}\n // A change in Preact v10.11.1 means that all falsy values are assessed and set on data attributes.\n // In the case of data-disabled we only ever want it set if item.disabled is actually true, since the presence of the data-disabled attr,\n // regardless of its value, will disable the select list item\n data-disabled={item.disabled === true ? true : null}\n data-value={item.id}\n onClick={props.onSelect}\n onMouseEnter={props.onHover}\n role=\"option\"\n //tabIndex={-1}\n id={`listItem-${item.id}`}\n >\n {item.icon && <Img className=\"adyen-checkout__dropdown__element__icon\" alt={item.name} src={item.icon} />}\n <span className=\"adyen-checkout__dropdown__element__text\">{item.name}</span>\n {item.secondaryText && <span className=\"adyen-checkout__dropdown__element__secondary-text\">{item.secondaryText}</span>}\n {selected && <Icon type=\"checkmark\" height={14} width={14} />}\n </li>\n );\n};\n\nexport default SelectListItem;\n"],"names":["SelectListItem","item","active","selected","props","h","li","aria-disabled","disabled","aria-selected","className","cx","data-disabled","data-value","id","onClick","onSelect","onMouseEnter","onHover","role","icon","Img","alt","name","src","span","secondaryText","Icon","type","height","width"],"mappings":"iNAMMA,MAAAA,EAAiB,EAAGC,OAAMC,SAAQC,cAAaC,KAE7CC,EAACC,KAAAA,CACGC,kBAAiBN,EAAKO,SACtBC,gBAAeN,EACfO,UAAWC,EAAG,CACV,oCACA,CACI,4CAA6CT,EAC7C,gDAAiDD,EAAKO,YAM9DI,iBAAiC,IAAlBX,EAAKO,UAA2B,KAC/CK,aAAYZ,EAAKa,GACjBC,QAASX,EAAMY,SACfC,aAAcb,EAAMc,QACpBC,KAAK,SAELL,GAAI,YAAYb,EAAKa,MAEpBb,EAAKmB,MAAQf,EAACgB,EAAAA,CAAIX,UAAU,0CAA0CY,IAAKrB,EAAKsB,KAAMC,IAAKvB,EAAKmB,OACjGf,EAACoB,OAAAA,CAAKf,UAAU,2CAA2CT,EAAKsB,MAC/DtB,EAAKyB,eAAiBrB,EAACoB,OAAAA,CAAKf,UAAU,qDAAqDT,EAAKyB,eAChGvB,GAAYE,EAACsB,EAAAA,CAAKC,KAAK,YAAYC,OAAQ,GAAIC,MAAO"}

package/dist/es/components/internal/FormFields/Select/constants.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const r={arrowDown:"ArrowDown",arrowUp:"ArrowUp",enter:"Enter",escape:"Escape",space:" ",tab:"Tab"};export{r as keys};
2	+ //# sourceMappingURL=constants.js.map

package/dist/es/components/internal/FormFields/Select/constants.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"constants.js","sources":["../../../../../../src/components/internal/FormFields/Select/constants.ts"],"sourcesContent":["export const keys = {\n arrowDown: 'ArrowDown',\n arrowUp: 'ArrowUp',\n enter: 'Enter',\n escape: 'Escape',\n space: ' ',\n tab: 'Tab'\n};\n"],"names":["keys","arrowDown","arrowUp","enter","escape","space","tab"],"mappings":"MAAaA,EAAO,CAChBC,UAAW,YACXC,QAAS,UACTC,MAAO,QACPC,OAAQ,SACRC,MAAO,IACPC,IAAK"}

package/dist/es/components/internal/FormFields/utils.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const o=o=>{const t=o.parentNode,e=window.getComputedStyle(t,null),p=parseInt(e.getPropertyValue("border-top-width")),l=o.offsetTop-t.offsetTop<t.scrollTop,f=o.offsetTop-t.offsetTop+o.clientHeight-p>t.scrollTop+t.clientHeight;(l\|\|f)&&(t.scrollTop=o.offsetTop-t.offsetTop-t.clientHeight/2-p+o.clientHeight/2)};export{o as simulateFocusScroll};
2	+ //# sourceMappingURL=utils.js.map

package/dist/es/components/internal/FormFields/utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"utils.js","sources":["../../../../../src/components/internal/FormFields/utils.ts"],"sourcesContent":["const convertFullToHalf = str => str.replace(/[！-～]/g, r => String.fromCharCode(r.charCodeAt(0) - 0xfee0));\n\n/**\n * This function scrolls and element to view and simulates the default behaviour of .focus() by a given browser\n * This function is inspired, yet simplified of the code found here https://gist.github.com/hsablonniere/2581101\n * @param element - element to focus\n */\nconst simulateFocusScroll = (element: HTMLElement) => {\n const parent = element.parentNode as HTMLElement;\n const parentComputedStyle = window.getComputedStyle(parent, null);\n const parentBorderTopWidth = parseInt(parentComputedStyle.getPropertyValue('border-top-width'));\n const overTop = element.offsetTop - parent.offsetTop < parent.scrollTop;\n const overBottom = element.offsetTop - parent.offsetTop + element.clientHeight - parentBorderTopWidth > parent.scrollTop + parent.clientHeight;\n\n if (overTop || overBottom) {\n parent.scrollTop = element.offsetTop - parent.offsetTop - parent.clientHeight / 2 - parentBorderTopWidth + element.clientHeight / 2;\n }\n};\n\nexport { convertFullToHalf, simulateFocusScroll };\n"],"names":["simulateFocusScroll","element","parent","parentNode","parentComputedStyle","window","getComputedStyle","parentBorderTopWidth","parseInt","getPropertyValue","overTop","offsetTop","scrollTop","overBottom","clientHeight"],"mappings":"AAOA,MAAMA,EAAuBC,IACzB,MAAMC,EAASD,EAAQE,WACjBC,EAAsBC,OAAOC,iBAAiBJ,EAAQ,MACtDK,EAAuBC,SAASJ,EAAoBK,iBAAiB,qBACrEC,EAAUT,EAAQU,UAAYT,EAAOS,UAAYT,EAAOU,UACxDC,EAAaZ,EAAQU,UAAYT,EAAOS,UAAYV,EAAQa,aAAeP,EAAuBL,EAAOU,UAAYV,EAAOY,cAE9HJ,GAAWG,KACXX,EAAOU,UAAYX,EAAQU,UAAYT,EAAOS,UAAYT,EAAOY,aAAe,EAAIP,EAAuBN,EAAQa,aAAe,EACtI"}

package/dist/es/components/internal/FormInstruction/FormInstruction.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{createElement as t}from"../../../external/preact/dist/preact.js";import e from"../../../core/Context/useCoreContext.js";const r=()=>{const{i18n:r}=e();return t("p",{className:"adyen-checkout-form-instruction"},r.get("form.instruction"))};export{r as default};
2	+ //# sourceMappingURL=FormInstruction.js.map

package/dist/es/components/internal/FormInstruction/FormInstruction.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"FormInstruction.js","sources":["../../../../../src/components/internal/FormInstruction/FormInstruction.tsx"],"sourcesContent":["import { h } from 'preact';\nimport './FormInstruction.scss';\nimport useCoreContext from '../../../core/Context/useCoreContext';\n\nconst FormInstruction = () => {\n const { i18n } = useCoreContext();\n return <p className=\"adyen-checkout-form-instruction\">{i18n.get('form.instruction')}</p>;\n};\n\nexport default FormInstruction;\n"],"names":["FormInstruction","i18n","useCoreContext","h","p","className","get"],"mappings":"+HAIA,MAAMA,EAAkB,KACpB,MAAMC,KAAEA,GAASC,IACjB,OAAOC,EAACC,IAAAA,CAAEC,UAAU,mCAAmCJ,EAAKK,IAAI,oBAAA"}

package/dist/es/components/internal/IFrame/Iframe.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{Component as e,createElement as i}from"../../../external/preact/dist/preact.js";import t from"../../../external/classnames/index.js";class a extends e{static defaultProps={width:"0",height:"0",minWidth:"0",minHeight:"0",src:null,allow:null,title:"components iframe",classNameModifiers:[]};iframeEl;iframeOnLoad(){this.props.callback&&"function"==typeof this.props.callback&&this.props.callback(this.iframeEl.contentWindow)}componentDidMount(){this.iframeEl.addEventListener?this.iframeEl.addEventListener("load",this.iframeOnLoad.bind(this),!1):this.iframeEl.attachEvent?this.iframeEl.attachEvent("onload",this.iframeOnLoad.bind(this)):this.iframeEl.onload=this.iframeOnLoad.bind(this)}componentWillUnmount(){this.iframeEl.removeEventListener?this.iframeEl.removeEventListener("load",this.iframeOnLoad.bind(this),!1):this.iframeEl.detachEvent?this.iframeEl.detachEvent("onload",this.iframeOnLoad.bind(this)):this.iframeEl.onload=null}render({name:e,src:a,width:n,height:r,minWidth:s,minHeight:l,allow:o,title:m,classNameModifiers:h}){const d=h.filter((e=>!!e));return i("iframe",{ref:e=>{this.iframeEl=e},allow:o,className:t("adyen-checkout__iframe",`adyen-checkout__iframe--${e}`,d.length&&h.map((i=>`adyen-checkout__iframe--${e}-${i}`))),name:e,src:a,width:n,height:r,frameBorder:"0",title:m,referrerpolicy:"origin","min-width":s,"min-height":l})}}export{a as default};
2	+ //# sourceMappingURL=Iframe.js.map

package/dist/es/components/internal/IFrame/Iframe.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Iframe.js","sources":["../../../../../src/components/internal/IFrame/Iframe.tsx"],"sourcesContent":["import { Component, h } from 'preact';\nimport classNames from 'classnames';\nimport './Iframe.scss';\n\ninterface IframeProps {\n width?: string;\n height?: string;\n minWidth?: string;\n minHeight?: string;\n border?: string;\n src?: string;\n allow?: string;\n name?: string;\n title?: string;\n classNameModifiers?: string[];\n callback?: (contentWindow) => void;\n}\n\nclass Iframe extends Component<IframeProps> {\n public static defaultProps = {\n width: '0',\n height: '0',\n minWidth: '0',\n minHeight: '0',\n src: null,\n allow: null,\n title: 'components iframe',\n classNameModifiers: []\n };\n\n private iframeEl;\n\n iframeOnLoad() {\n if (this.props.callback && typeof this.props.callback === 'function') {\n this.props.callback(this.iframeEl.contentWindow);\n }\n }\n\n componentDidMount() {\n if (this.iframeEl.addEventListener) {\n this.iframeEl.addEventListener('load', this.iframeOnLoad.bind(this), false);\n } else if (this.iframeEl.attachEvent) {\n // IE fallback\n this.iframeEl.attachEvent('onload', this.iframeOnLoad.bind(this));\n } else {\n this.iframeEl.onload = this.iframeOnLoad.bind(this);\n }\n }\n\n componentWillUnmount() {\n if (this.iframeEl.removeEventListener) {\n this.iframeEl.removeEventListener('load', this.iframeOnLoad.bind(this), false);\n } else if (this.iframeEl.detachEvent) {\n // IE fallback\n this.iframeEl.detachEvent('onload', this.iframeOnLoad.bind(this));\n } else {\n this.iframeEl.onload = null;\n }\n }\n\n render({ name, src, width, height, minWidth, minHeight, allow, title, classNameModifiers }: IframeProps) {\n const validClassNameModifiers = classNameModifiers.filter(m => !!m);\n\n return (\n <iframe\n ref={ref => {\n this.iframeEl = ref;\n }}\n allow={allow}\n className={classNames(\n 'adyen-checkout__iframe',\n `adyen-checkout__iframe--${name}`,\n validClassNameModifiers.length && classNameModifiers.map(m => `adyen-checkout__iframe--${name}-${m}`)\n )}\n name={name}\n src={src}\n width={width}\n height={height}\n frameBorder=\"0\"\n title={title}\n /* eslint-disable react/no-unknown-property */\n referrerpolicy=\"origin\"\n min-width={minWidth}\n min-height={minHeight}\n /* eslint-enable react/no-unknown-property */\n />\n );\n }\n}\n\nexport default Iframe;\n"],"names":["Iframe","Component","static","width","height","minWidth","minHeight","src","allow","title","classNameModifiers","iframeEl","iframeOnLoad","this","props","callback","contentWindow","componentDidMount","addEventListener","bind","attachEvent","onload","componentWillUnmount","removeEventListener","detachEvent","render","name","validClassNameModifiers","filter","m","h","iframe","ref","className","classNames","length","map","frameBorder","referrerpolicy","min-width","min-height"],"mappings":"4IAkBA,MAAMA,UAAeC,EACjBC,oBAA6B,CACzBC,MAAO,IACPC,OAAQ,IACRC,SAAU,IACVC,UAAW,IACXC,IAAK,KACLC,MAAO,KACPC,MAAO,oBACPC,mBAAoB,IAGhBC,SAERC,YAAAA,GACQC,KAAKC,MAAMC,UAA2C,mBAAxBF,KAAKC,MAAMC,UACzCF,KAAKC,MAAMC,SAASF,KAAKF,SAASK,cAE1C,CAEAC,iBAAAA,GACQJ,KAAKF,SAASO,iBACdL,KAAKF,SAASO,iBAAiB,OAAQL,KAAKD,aAAaO,KAAKN,OAAO,GAC9DA,KAAKF,SAASS,YAErBP,KAAKF,SAASS,YAAY,SAAUP,KAAKD,aAAaO,KAAKN,OAE3DA,KAAKF,SAASU,OAASR,KAAKD,aAAaO,KAAKN,KAEtD,CAEAS,oBAAAA,GACQT,KAAKF,SAASY,oBACdV,KAAKF,SAASY,oBAAoB,OAAQV,KAAKD,aAAaO,KAAKN,OAAO,GACjEA,KAAKF,SAASa,YAErBX,KAAKF,SAASa,YAAY,SAAUX,KAAKD,aAAaO,KAAKN,OAE3DA,KAAKF,SAASU,OAAS,IAE/B,CAEAI,MAAAA,EAAOC,KAAEA,EAAInB,IAAEA,EAAGJ,MAAEA,EAAKC,OAAEA,EAAMC,SAAEA,EAAQC,UAAEA,EAASE,MAAEA,EAAKC,MAAEA,EAAKC,mBAAEA,IAClE,MAAMiB,EAA0BjB,EAAmBkB,QAAOC,KAAOA,IAEjE,OACIC,EAACC,SAAAA,CACGC,IAAKA,IACDnB,KAAKF,SAAWqB,CAAAA,EAEpBxB,MAAOA,EACPyB,UAAWC,EACP,yBACA,2BAA2BR,IAC3BC,EAAwBQ,QAAUzB,EAAmB0B,KAAIP,GAAK,2BAA2BH,KAAQG,OAErGH,KAAMA,EACNnB,IAAKA,EACLJ,MAAOA,EACPC,OAAQA,EACRiC,YAAY,IACZ5B,MAAOA,EAEP6B,eAAe,SACfC,YAAWlC,EACXmC,aAAYlC,GAIxB"}

package/dist/es/components/internal/IbanInput/IbanInput.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{Component as a,createElement as e}from"../../../external/preact/dist/preact.js";import t from"../../../core/Context/useCoreContext.js";import r from"../FormFields/Field/Field.js";import{isValidHolder as s,checkIbanStatus as i}from"./validate.js";import{electronicFormat as n,formatIban as o,getCountryCode as l,getNextCursorPosition as d}from"./utils.js";import h from"../FormFields/Fieldset/Fieldset.js";import u from"../FormFields/InputText.js";const m={isValid:!1,errorMessage:"ach.accountHolderNameField.invalid",error:"ach.accountHolderNameField.invalid"},b={isValid:!1,errorMessage:"sepaDirectDebit.ibanField.invalid",error:"sepaDirectDebit.ibanField.invalid"};class c extends a{ibanNumber;constructor(a){if(super(a),this.state={status:"ready",data:{ownerName:a?.data?.ownerName\|\|"",ibanNumber:a?.data?.ibanNumber\|\|"",countryCode:a?.data?.countryCode\|\|""},isValid:!1,cursor:0,errors:{},valid:{}},this.state.data.ibanNumber){const a=n(this.state.data.ibanNumber);this.state.data.ibanNumber=o(a)}if(this.state.data.ibanNumber\|\|this.state.data.ownerName){const a=this.props.holderName?s(this.state.data.ownerName):"",e=(this.state.data.ibanNumber?"valid"===i(this.state.data.ibanNumber).status:"")&&a,t={data:this.state.data,isValid:e};this.props.onChange(t)}}static defaultProps={onChange:()=>{},countryCode:null,holderName:!0,placeholders:{},label:null};setStatus(a){this.setState({status:a})}onChange(){const a=!this.props.holderName\|\|s(this.state.data.ownerName),e="valid"===i(this.state.data.ibanNumber).status&&a,t={data:this.state.data,isValid:e,errors:this.state.errors};this.props.onChange(t)}setData=(a,e,t)=>{this.setState((t=>({data:{...t.data,[a]:e}})),t)};setError=(a,e,t)=>{this.setState((t=>({errors:{...t.errors,[a]:e}})),t)};setValid=(a,e,t)=>{this.setState((t=>({valid:{...t.valid,[a]:e}})),t)};handleHolderInput=a=>{this.setState((e=>({data:{...e.data,ownerName:a}})),(()=>{const a=s(this.state.data.ownerName),e=null==a\|\|a?null:m;this.setError("holder",e,this.onChange)}))};handleIbanInput=a=>{const e=a.target.value,t=n(e),r=o(t),s=i(r).status,h=l(t),u=a.target.selectionStart,m=this.state.data.ibanNumber,c=d(u,r,m);this.setState((a=>({data:{...a.data,ibanNumber:r,countryCode:h},errors:{...a.errors,iban:"invalid"===s?b:null},valid:{...a.valid,iban:"valid"===s}})),(()=>{a.target.setSelectionRange(c,c),this.onChange()}))};handleIbanBlur=a=>{const e=a.target.value;if(e.length>0){const a=i(e).status;this.setError("iban","valid"!==a?b:null,this.onChange)}else this.setError("iban",null,this.onChange)};showValidation(){const a=i(this.state.data.ibanNumber).status,e=s(this.state.data.ownerName);this.setError("iban","valid"!==a?b:null);const t=e?null:m;this.setError("holder",t,this.onChange)}render({placeholders:a},{data:s,errors:i,valid:n}){const{i18n:o}=t();return e(h,{classNameModifiers:["iban-input"],label:this.props.label},this.props.holderName&&e(r,{className:"adyen-checkout__field--owner-name",label:o.get("sepa.ownerName"),filled:s.ownerName&&s.ownerName.length,errorMessage:!!i.holder&&o.get(i.holder.error),dir:"ltr",i18n:o,name:"ownerName"},e(u,{name:"ownerName",className:"adyen-checkout__iban-input__owner-name",placeholder:a?.ownerName,value:s.ownerName,"aria-invalid":!!this.state.errors.holder,"aria-label":o.get("sepa.ownerName"),onInput:a=>this.handleHolderInput(a.target.value),onBlur:a=>this.handleHolderInput(a.target.value)})),e(r,{className:"adyen-checkout__field--iban-number",label:o.get("sepa.ibanNumber"),errorMessage:!!i.iban&&o.get(i.iban.error),filled:s.ibanNumber&&s.ibanNumber.length,isValid:n.iban,onBlur:this.handleIbanBlur,dir:"ltr",i18n:o,name:"ibanNumber"},e(u,{setRef:a=>{this.ibanNumber=a},name:"ibanNumber",className:"adyen-checkout__iban-input__iban-number",classNameModifiers:["large"],placeholder:a?.ibanNumber,value:s.ibanNumber,onInput:this.handleIbanInput,"aria-invalid":!!this.state.errors.iban,"aria-label":o.get("sepa.ibanNumber"),autocorrect:"off",spellcheck:!1})),this.props.showPayButton&&this.props.payButton({status:this.state.status}))}}export{c as default};
2	+ //# sourceMappingURL=IbanInput.js.map

package/dist/es/components/internal/IbanInput/IbanInput.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"IbanInput.js","sources":["../../../../../src/components/internal/IbanInput/IbanInput.tsx"],"sourcesContent":["import { Component, h } from 'preact';\nimport useCoreContext from '../../../core/Context/useCoreContext';\nimport Field from '../FormFields/Field';\nimport { checkIbanStatus, isValidHolder } from './validate';\nimport { electronicFormat, formatIban, getCountryCode, getNextCursorPosition } from './utils';\nimport Fieldset from '../FormFields/Fieldset';\nimport { GenericError } from '../../../core/Errors/types';\nimport InputText from '../FormFields/InputText';\n\ninterface IbanInputProps {\n holderName?: boolean;\n placeholders?: Omit<IbanData, 'countryCode'>;\n countryCode?: string;\n showPayButton?: any;\n payButton?: any;\n onChange: (data) => void;\n label: string;\n data: IbanData;\n}\n\ninterface IbanData {\n ownerName?: string;\n ibanNumber?: string;\n countryCode?: string;\n}\n\ninterface IbanInputState {\n data: any;\n errors: any;\n valid: any;\n status: string;\n isValid: boolean;\n cursor: number;\n}\n\nconst ibanHolderNameErrorObj: GenericError = {\n isValid: false,\n errorMessage: 'ach.accountHolderNameField.invalid', // TODO create bespoke translation key\n error: 'ach.accountHolderNameField.invalid'\n};\n\nconst ibanErrorObj: GenericError = {\n isValid: false,\n errorMessage: 'sepaDirectDebit.ibanField.invalid',\n error: 'sepaDirectDebit.ibanField.invalid'\n};\n\nclass IbanInput extends Component<IbanInputProps, IbanInputState> {\n private ibanNumber: HTMLInputElement;\n\n constructor(props) {\n super(props);\n\n this.state = {\n status: 'ready',\n data: {\n ownerName: props?.data?.ownerName || '',\n ibanNumber: props?.data?.ibanNumber || '',\n countryCode: props?.data?.countryCode || ''\n },\n isValid: false,\n cursor: 0,\n errors: {},\n valid: {}\n };\n\n if (this.state.data['ibanNumber']) {\n const electronicFormatIban = electronicFormat(this.state.data['ibanNumber']); // example: NL13TEST0123456789\n this.state.data['ibanNumber'] = formatIban(electronicFormatIban); // example: NL13 TEST 0123 4567 89\n }\n\n if (this.state.data['ibanNumber'] || this.state.data['ownerName']) {\n const holderNameValid = this.props.holderName ? isValidHolder(this.state.data['ownerName']) : '';\n const ibanValid = this.state.data['ibanNumber'] ? checkIbanStatus(this.state.data['ibanNumber']).status === 'valid' : '';\n const isValid = ibanValid && holderNameValid;\n const data = { data: this.state.data, isValid };\n\n this.props.onChange(data);\n }\n }\n\n public static defaultProps = {\n onChange: () => {},\n countryCode: null,\n holderName: true,\n placeholders: {},\n label: null\n };\n\n setStatus(status) {\n this.setState({ status });\n }\n\n onChange() {\n const holderNameValid = this.props.holderName ? isValidHolder(this.state.data['ownerName']) : true;\n const ibanValid = checkIbanStatus(this.state.data['ibanNumber']).status === 'valid';\n const isValid = ibanValid && holderNameValid;\n const data = { data: this.state.data, isValid, errors: this.state.errors };\n\n this.props.onChange(data);\n }\n\n public setData = (key, value, cb?) => {\n this.setState(prevState => ({ data: { ...prevState.data, [key]: value } }), cb);\n };\n\n public setError = (key, value, cb?) => {\n this.setState(prevState => ({ errors: { ...prevState.errors, [key]: value } }), cb);\n };\n\n public setValid = (key, value, cb?) => {\n this.setState(prevState => ({ valid: { ...prevState.valid, [key]: value } }), cb);\n };\n\n public handleHolderInput = holder => {\n this.setState(\n prevState => ({ data: { ...prevState.data, ownerName: holder } }),\n () => {\n const holderStatus = isValidHolder(this.state.data['ownerName']);\n const holderErr =\n holderStatus != null && !holderStatus // *don't* consider null, i.e. a value that has just been deleted, to be in error\n ? ibanHolderNameErrorObj\n : null;\n\n this.setError('holder', holderErr, this.onChange);\n }\n );\n };\n\n public handleIbanInput = e => {\n const inputValue = e.target.value;\n const electronicFormatIban = electronicFormat(inputValue); // example: NL13TEST0123456789\n const iban = formatIban(electronicFormatIban); // example: NL13 TEST 0123 4567 89\n const validationStatus = checkIbanStatus(iban).status;\n\n const countryCode = getCountryCode(electronicFormatIban);\n\n // calculate cursor's new position\n const cursor = e.target.selectionStart;\n const previousIban = this.state.data['ibanNumber'];\n const newCursorPosition = getNextCursorPosition(cursor, iban, previousIban);\n\n this.setState(\n prevState => ({\n data: { ...prevState.data, ibanNumber: iban, countryCode: countryCode },\n errors: {\n ...prevState.errors,\n iban: validationStatus === 'invalid' ? ibanErrorObj : null\n },\n valid: { ...prevState.valid, iban: validationStatus === 'valid' }\n }),\n () => {\n e.target.setSelectionRange(newCursorPosition, newCursorPosition);\n this.onChange();\n }\n );\n };\n\n public handleIbanBlur = e => {\n const currentIban = e.target.value;\n\n if (currentIban.length > 0) {\n const validationStatus = checkIbanStatus(currentIban).status;\n this.setError('iban', validationStatus !== 'valid' ? ibanErrorObj : null, this.onChange);\n } else {\n // Empty field is not in error\n this.setError('iban', null, this.onChange);\n }\n };\n\n showValidation() {\n const validationStatus = checkIbanStatus(this.state.data['ibanNumber']).status;\n const holderStatus = isValidHolder(this.state.data['ownerName']);\n this.setError('iban', validationStatus !== 'valid' ? ibanErrorObj : null);\n\n const holderErr = !holderStatus // *do* consider null, i.e. an empty field, to be in error\n ? ibanHolderNameErrorObj\n : null;\n\n this.setError('holder', holderErr, this.onChange); // add callback param to force propagation of state to parent comp\n }\n\n render({ placeholders }: IbanInputProps, { data, errors, valid }) {\n const { i18n } = useCoreContext();\n return (\n <Fieldset classNameModifiers={['iban-input']} label={this.props.label}>\n {this.props.holderName && (\n <Field\n className={'adyen-checkout__field--owner-name'}\n label={i18n.get('sepa.ownerName')}\n filled={data['ownerName'] && data['ownerName'].length}\n errorMessage={errors.holder ? i18n.get(errors.holder.error) : false}\n dir={'ltr'}\n i18n={i18n}\n name={'ownerName'}\n >\n <InputText\n name={'ownerName'}\n className={'adyen-checkout__iban-input__owner-name'}\n placeholder={placeholders?.ownerName}\n value={data['ownerName']}\n aria-invalid={!!this.state.errors.holder}\n aria-label={i18n.get('sepa.ownerName')}\n onInput={e => this.handleHolderInput((e.target as HTMLInputElement).value)}\n onBlur={e => this.handleHolderInput((e.target as HTMLInputElement).value)}\n />\n </Field>\n )}\n\n <Field\n className={'adyen-checkout__field--iban-number'}\n label={i18n.get('sepa.ibanNumber')}\n errorMessage={errors.iban ? i18n.get(errors.iban.error) : false}\n filled={data['ibanNumber'] && data['ibanNumber'].length}\n isValid={valid.iban}\n onBlur={this.handleIbanBlur}\n dir={'ltr'}\n i18n={i18n}\n name={'ibanNumber'}\n >\n <InputText\n setRef={ref => {\n this.ibanNumber = ref;\n }}\n name={'ibanNumber'}\n className={'adyen-checkout__iban-input__iban-number'}\n classNameModifiers={['large']}\n placeholder={placeholders?.ibanNumber}\n value={data['ibanNumber']}\n onInput={this.handleIbanInput}\n aria-invalid={!!this.state.errors.iban}\n aria-label={i18n.get('sepa.ibanNumber')}\n autocorrect={'off'}\n spellcheck={false}\n />\n </Field>\n\n {this.props.showPayButton && this.props.payButton({ status: this.state.status })}\n </Fieldset>\n );\n }\n}\n\nexport default IbanInput;\n"],"names":["ibanHolderNameErrorObj","isValid","errorMessage","error","ibanErrorObj","IbanInput","Component","ibanNumber","constructor","props","super","this","state","status","data","ownerName","countryCode","cursor","errors","valid","electronicFormatIban","electronicFormat","formatIban","holderNameValid","holderName","isValidHolder","checkIbanStatus","onChange","static","placeholders","label","setStatus","setState","setData","key","value","cb","prevState","setError","setValid","handleHolderInput","holder","holderStatus","holderErr","handleIbanInput","e","inputValue","target","iban","validationStatus","getCountryCode","selectionStart","previousIban","newCursorPosition","getNextCursorPosition","setSelectionRange","handleIbanBlur","currentIban","length","showValidation","render","i18n","useCoreContext","h","Fieldset","classNameModifiers","Field","className","get","filled","dir","name","InputText","placeholder","aria-invalid","aria-label","onInput","onBlur","setRef","ref","autocorrect","spellcheck","showPayButton","payButton"],"mappings":"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"}

package/dist/es/components/internal/IbanInput/specifications.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e={AD:{length:24,structure:"F04F04A12",example:"AD9912345678901234567890"},AE:{length:23,structure:"F03F16",example:"AE993331234567890123456"},AL:{length:28,structure:"F08A16",example:"AL47212110090000000235698741"},AT:{length:20,structure:"F05F11",example:"AT611904300234573201"},AZ:{length:28,structure:"U04A20",example:"AZ21NABZ00000000137010001944"},BA:{length:20,structure:"F03F03F08F02",example:"BA391290079401028494"},BE:{length:16,structure:"F03F07F02",example:"BE68 5390 0754 7034"},BG:{length:22,structure:"U04F04F02A08",example:"BG80BNBG96611020345678"},BH:{length:22,structure:"U04A14",example:"BH67BMAG00001299123456"},BR:{length:29,structure:"F08F05F10U01A01",example:"BR9700360305000010009795493P1"},CH:{length:21,structure:"F05A12",example:"CH9300762011623852957"},CR:{length:22,structure:"F04F14",example:"CR72012300000171549015"},CY:{length:28,structure:"F03F05A16",example:"CY17002001280000001200527600"},CZ:{length:24,structure:"F04F06F10",example:"CZ6508000000192000145399"},DE:{length:22,structure:"F08F10",example:"DE00123456789012345678"},DK:{length:18,structure:"F04F09F01",example:"DK5000400440116243"},DO:{length:28,structure:"U04F20",example:"DO28BAGR00000001212453611324"},EE:{length:20,structure:"F02F02F11F01",example:"EE382200221020145685"},ES:{length:24,structure:"F04F04F01F01F10",example:"ES9121000418450200051332"},FI:{length:18,structure:"F06F07F01",example:"FI2112345600000785"},FO:{length:18,structure:"F04F09F01",example:"FO6264600001631634"},FR:{length:27,structure:"F05F05A11F02",example:"FR1420041010050500013M02606"},GB:{length:22,structure:"U04F06F08",example:"GB29NWBK60161331926819"},GE:{length:22,structure:"U02F16",example:"GE29NB0000000101904917"},GI:{length:23,structure:"U04A15",example:"GI75NWBK000000007099453"},GL:{length:18,structure:"F04F09F01",example:"GL8964710001000206"},GR:{length:27,structure:"F03F04A16",example:"GR1601101250000000012300695"},GT:{length:28,structure:"A04A20",example:"GT82TRAJ01020000001210029690"},HR:{length:21,structure:"F07F10",example:"HR1210010051863000160"},HU:{length:28,structure:"F03F04F01F15F01",example:"HU42117730161111101800000000"},IE:{length:22,structure:"U04F06F08",example:"IE29AIBK93115212345678"},IL:{length:23,structure:"F03F03F13",example:"IL620108000000099999999"},IS:{length:26,structure:"F04F02F06F10",example:"IS140159260076545510730339"},IT:{length:27,structure:"U01F05F05A12",example:"IT60X0542811101000000123456"},KW:{length:30,structure:"U04A22",example:"KW81CBKU0000000000001234560101"},KZ:{length:20,structure:"F03A13",example:"KZ86125KZT5004100100"},LB:{length:28,structure:"F04A20",example:"LB62099900000001001901229114"},LC:{length:32,structure:"U04F24",example:"LC07HEMM000100010012001200013015"},LI:{length:21,structure:"F05A12",example:"LI21088100002324013AA"},LT:{length:20,structure:"F05F11",example:"LT121000011101001000"},LU:{length:20,structure:"F03A13",example:"LU280019400644750000"},LV:{length:21,structure:"U04A13",example:"LV80BANK0000435195001"},MC:{length:27,structure:"F05F05A11F02",example:"MC5811222000010123456789030"},MD:{length:24,structure:"U02A18",example:"MD24AG000225100013104168"},ME:{length:22,structure:"F03F13F02",example:"ME25505000012345678951"},MK:{length:19,structure:"F03A10F02",example:"MK07250120000058984"},MR:{length:27,structure:"F05F05F11F02",example:"MR1300020001010000123456753"},MT:{length:31,structure:"U04F05A18",example:"MT84MALT011000012345MTLCAST001S"},MU:{length:30,structure:"U04F02F02F12F03U03",example:"MU17BOMM0101101030300200000MUR"},NL:{length:18,structure:"U04F10",example:"NL99BANK0123456789"},NO:{length:15,structure:"F04F06F01",example:"NO9386011117947"},PK:{length:24,structure:"U04A16",example:"PK36SCBL0000001123456702"},PL:{length:28,structure:"F08F16",example:"PL00123456780912345678901234"},PS:{length:29,structure:"U04A21",example:"PS92PALS000000000400123456702"},PT:{length:25,structure:"F04F04F11F02",example:"PT50000201231234567890154"},RO:{length:24,structure:"U04A16",example:"RO49AAAA1B31007593840000"},RS:{length:22,structure:"F03F13F02",example:"RS35260005601001611379"},SA:{length:24,structure:"F02A18",example:"SA0380000000608010167519"},SE:{length:24,structure:"F03F16F01",example:"SE4550000000058398257466"},SI:{length:19,structure:"F05F08F02",example:"SI56263300012039086"},SK:{length:24,structure:"F04F06F10",example:"SK3112000000198742637541"},SM:{length:27,structure:"U01F05F05A12",example:"SM86U0322509800000000270100"},ST:{length:25,structure:"F08F11F02",example:"ST68000100010051845310112"},TL:{length:23,structure:"F03F14F02",example:"TL380080012345678910157"},TN:{length:24,structure:"F02F03F13F02",example:"TN5910006035183598478831"},TR:{length:26,structure:"F05F01A16",example:"TR330006100519786457841326"},VG:{length:24,structure:"U04F16",example:"VG96VPVG0000012345678901"},XK:{length:20,structure:"F04F10F02",example:"XK051212012345678906"},AO:{length:25,structure:"F21",example:"AO69123456789012345678901"},BF:{length:27,structure:"F23",example:"BF2312345678901234567890123"},BI:{length:16,structure:"F12",example:"BI41123456789012"},BJ:{length:28,structure:"F24",example:"BJ39123456789012345678901234"},CI:{length:28,structure:"U01F23",example:"CI17A12345678901234567890123"},CM:{length:27,structure:"F23",example:"CM9012345678901234567890123"},CV:{length:25,structure:"F21",example:"CV30123456789012345678901"},DZ:{length:24,structure:"F20",example:"DZ8612345678901234567890"},IR:{length:26,structure:"F22",example:"IR861234568790123456789012"},JO:{length:30,structure:"A04F22",example:"JO15AAAA1234567890123456789012"},MG:{length:27,structure:"F23",example:"MG1812345678901234567890123"},ML:{length:28,structure:"U01F23",example:"ML15A12345678901234567890123"},MZ:{length:25,structure:"F21",example:"MZ25123456789012345678901"},QA:{length:29,structure:"U04A21",example:"QA30AAAA123456789012345678901"},SN:{length:28,structure:"U01F23",example:"SN52A12345678901234567890123"},UA:{length:29,structure:"F25",example:"UA511234567890123456789012345"}};export{e as default};
2	+ //# sourceMappingURL=specifications.js.map

package/dist/es/components/internal/IbanInput/specifications.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"specifications.js","sources":["../../../../../src/components/internal/IbanInput/specifications.ts"],"sourcesContent":["/**\n * @internal\n * IBAN Countries, length, structure and examples\n */\nconst countries = {\n AD: {\n length: 24,\n structure: 'F04F04A12',\n example: 'AD9912345678901234567890'\n },\n AE: {\n length: 23,\n structure: 'F03F16',\n example: 'AE993331234567890123456'\n },\n AL: {\n length: 28,\n structure: 'F08A16',\n example: 'AL47212110090000000235698741'\n },\n AT: {\n length: 20,\n structure: 'F05F11',\n example: 'AT611904300234573201'\n },\n AZ: {\n length: 28,\n structure: 'U04A20',\n example: 'AZ21NABZ00000000137010001944'\n },\n BA: {\n length: 20,\n structure: 'F03F03F08F02',\n example: 'BA391290079401028494'\n },\n BE: {\n length: 16,\n structure: 'F03F07F02',\n example: 'BE68 5390 0754 7034'\n },\n BG: {\n length: 22,\n structure: 'U04F04F02A08',\n example: 'BG80BNBG96611020345678'\n },\n BH: {\n length: 22,\n structure: 'U04A14',\n example: 'BH67BMAG00001299123456'\n },\n BR: {\n length: 29,\n structure: 'F08F05F10U01A01',\n example: 'BR9700360305000010009795493P1'\n },\n CH: {\n length: 21,\n structure: 'F05A12',\n example: 'CH9300762011623852957'\n },\n CR: {\n length: 22,\n structure: 'F04F14',\n example: 'CR72012300000171549015'\n },\n CY: {\n length: 28,\n structure: 'F03F05A16',\n example: 'CY17002001280000001200527600'\n },\n CZ: {\n length: 24,\n structure: 'F04F06F10',\n example: 'CZ6508000000192000145399'\n },\n DE: {\n length: 22,\n structure: 'F08F10',\n example: 'DE00123456789012345678'\n },\n DK: {\n length: 18,\n structure: 'F04F09F01',\n example: 'DK5000400440116243'\n },\n DO: {\n length: 28,\n structure: 'U04F20',\n example: 'DO28BAGR00000001212453611324'\n },\n EE: {\n length: 20,\n structure: 'F02F02F11F01',\n example: 'EE382200221020145685'\n },\n ES: {\n length: 24,\n structure: 'F04F04F01F01F10',\n example: 'ES9121000418450200051332'\n },\n FI: {\n length: 18,\n structure: 'F06F07F01',\n example: 'FI2112345600000785'\n },\n FO: {\n length: 18,\n structure: 'F04F09F01',\n example: 'FO6264600001631634'\n },\n FR: {\n length: 27,\n structure: 'F05F05A11F02',\n example: 'FR1420041010050500013M02606'\n },\n GB: {\n length: 22,\n structure: 'U04F06F08',\n example: 'GB29NWBK60161331926819'\n },\n GE: {\n length: 22,\n structure: 'U02F16',\n example: 'GE29NB0000000101904917'\n },\n GI: {\n length: 23,\n structure: 'U04A15',\n example: 'GI75NWBK000000007099453'\n },\n GL: {\n length: 18,\n structure: 'F04F09F01',\n example: 'GL8964710001000206'\n },\n GR: {\n length: 27,\n structure: 'F03F04A16',\n example: 'GR1601101250000000012300695'\n },\n GT: {\n length: 28,\n structure: 'A04A20',\n example: 'GT82TRAJ01020000001210029690'\n },\n HR: {\n length: 21,\n structure: 'F07F10',\n example: 'HR1210010051863000160'\n },\n HU: {\n length: 28,\n structure: 'F03F04F01F15F01',\n example: 'HU42117730161111101800000000'\n },\n IE: {\n length: 22,\n structure: 'U04F06F08',\n example: 'IE29AIBK93115212345678'\n },\n IL: {\n length: 23,\n structure: 'F03F03F13',\n example: 'IL620108000000099999999'\n },\n IS: {\n length: 26,\n structure: 'F04F02F06F10',\n example: 'IS140159260076545510730339'\n },\n IT: {\n length: 27,\n structure: 'U01F05F05A12',\n example: 'IT60X0542811101000000123456'\n },\n KW: {\n length: 30,\n structure: 'U04A22',\n example: 'KW81CBKU0000000000001234560101'\n },\n KZ: {\n length: 20,\n structure: 'F03A13',\n example: 'KZ86125KZT5004100100'\n },\n LB: {\n length: 28,\n structure: 'F04A20',\n example: 'LB62099900000001001901229114'\n },\n LC: {\n length: 32,\n structure: 'U04F24',\n example: 'LC07HEMM000100010012001200013015'\n },\n LI: {\n length: 21,\n structure: 'F05A12',\n example: 'LI21088100002324013AA'\n },\n LT: {\n length: 20,\n structure: 'F05F11',\n example: 'LT121000011101001000'\n },\n LU: {\n length: 20,\n structure: 'F03A13',\n example: 'LU280019400644750000'\n },\n LV: {\n length: 21,\n structure: 'U04A13',\n example: 'LV80BANK0000435195001'\n },\n MC: {\n length: 27,\n structure: 'F05F05A11F02',\n example: 'MC5811222000010123456789030'\n },\n MD: {\n length: 24,\n structure: 'U02A18',\n example: 'MD24AG000225100013104168'\n },\n ME: {\n length: 22,\n structure: 'F03F13F02',\n example: 'ME25505000012345678951'\n },\n MK: {\n length: 19,\n structure: 'F03A10F02',\n example: 'MK07250120000058984'\n },\n MR: {\n length: 27,\n structure: 'F05F05F11F02',\n example: 'MR1300020001010000123456753'\n },\n MT: {\n length: 31,\n structure: 'U04F05A18',\n example: 'MT84MALT011000012345MTLCAST001S'\n },\n MU: {\n length: 30,\n structure: 'U04F02F02F12F03U03',\n example: 'MU17BOMM0101101030300200000MUR'\n },\n NL: {\n length: 18,\n structure: 'U04F10',\n example: 'NL99BANK0123456789'\n },\n NO: {\n length: 15,\n structure: 'F04F06F01',\n example: 'NO9386011117947'\n },\n PK: {\n length: 24,\n structure: 'U04A16',\n example: 'PK36SCBL0000001123456702'\n },\n PL: {\n length: 28,\n structure: 'F08F16',\n example: 'PL00123456780912345678901234'\n },\n PS: {\n length: 29,\n structure: 'U04A21',\n example: 'PS92PALS000000000400123456702'\n },\n PT: {\n length: 25,\n structure: 'F04F04F11F02',\n example: 'PT50000201231234567890154'\n },\n RO: {\n length: 24,\n structure: 'U04A16',\n example: 'RO49AAAA1B31007593840000'\n },\n RS: {\n length: 22,\n structure: 'F03F13F02',\n example: 'RS35260005601001611379'\n },\n SA: {\n length: 24,\n structure: 'F02A18',\n example: 'SA0380000000608010167519'\n },\n SE: {\n length: 24,\n structure: 'F03F16F01',\n example: 'SE4550000000058398257466'\n },\n SI: {\n length: 19,\n structure: 'F05F08F02',\n example: 'SI56263300012039086'\n },\n SK: {\n length: 24,\n structure: 'F04F06F10',\n example: 'SK3112000000198742637541'\n },\n SM: {\n length: 27,\n structure: 'U01F05F05A12',\n example: 'SM86U0322509800000000270100'\n },\n ST: {\n length: 25,\n structure: 'F08F11F02',\n example: 'ST68000100010051845310112'\n },\n TL: {\n length: 23,\n structure: 'F03F14F02',\n example: 'TL380080012345678910157'\n },\n TN: {\n length: 24,\n structure: 'F02F03F13F02',\n example: 'TN5910006035183598478831'\n },\n TR: {\n length: 26,\n structure: 'F05F01A16',\n example: 'TR330006100519786457841326'\n },\n VG: {\n length: 24,\n structure: 'U04F16',\n example: 'VG96VPVG0000012345678901'\n },\n XK: {\n length: 20,\n structure: 'F04F10F02',\n example: 'XK051212012345678906'\n },\n AO: {\n length: 25,\n structure: 'F21',\n example: 'AO69123456789012345678901'\n },\n BF: {\n length: 27,\n structure: 'F23',\n example: 'BF2312345678901234567890123'\n },\n BI: {\n length: 16,\n structure: 'F12',\n example: 'BI41123456789012'\n },\n BJ: {\n length: 28,\n structure: 'F24',\n example: 'BJ39123456789012345678901234'\n },\n CI: {\n length: 28,\n structure: 'U01F23',\n example: 'CI17A12345678901234567890123'\n },\n CM: {\n length: 27,\n structure: 'F23',\n example: 'CM9012345678901234567890123'\n },\n CV: {\n length: 25,\n structure: 'F21',\n example: 'CV30123456789012345678901'\n },\n DZ: {\n length: 24,\n structure: 'F20',\n example: 'DZ8612345678901234567890'\n },\n IR: {\n length: 26,\n structure: 'F22',\n example: 'IR861234568790123456789012'\n },\n JO: {\n length: 30,\n structure: 'A04F22',\n example: 'JO15AAAA1234567890123456789012'\n },\n MG: {\n length: 27,\n structure: 'F23',\n example: 'MG1812345678901234567890123'\n },\n ML: {\n length: 28,\n structure: 'U01F23',\n example: 'ML15A12345678901234567890123'\n },\n MZ: {\n length: 25,\n structure: 'F21',\n example: 'MZ25123456789012345678901'\n },\n QA: {\n length: 29,\n structure: 'U04A21',\n example: 'QA30AAAA123456789012345678901'\n },\n SN: {\n length: 28,\n structure: 'U01F23',\n example: 'SN52A12345678901234567890123'\n },\n UA: {\n length: 29,\n structure: 'F25',\n example: 'UA511234567890123456789012345'\n }\n};\n\nexport default countries;\n"],"names":["countries","AD","length","structure","example","AE","AL","AT","AZ","BA","BE","BG","BH","BR","CH","CR","CY","CZ","DE","DK","DO","EE","ES","FI","FO","FR","GB","GE","GI","GL","GR","GT","HR","HU","IE","IL","IS","IT","KW","KZ","LB","LC","LI","LT","LU","LV","MC","MD","ME","MK","MR","MT","MU","NL","NO","PK","PL","PS","PT","RO","RS","SA","SE","SI","SK","SM","ST","TL","TN","TR","VG","XK","AO","BF","BI","BJ","CI","CM","CV","DZ","IR","JO","MG","ML","MZ","QA","SN","UA"],"mappings":"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"}

package/dist/es/components/internal/IbanInput/utils.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import e from"./specifications.js";const r=(r,t)=>{if(null===t\|\|!e[t]\|\|!e[t].structure)return!1;const s=e[t].structure.match(/(.{3})/g).map((e=>{const r=e.slice(0,1),t=parseInt(e.slice(1),10);let s;switch(r){case"A":s="0-9A-Za-z";break;case"B":s="0-9A-Z";break;case"C":s="A-Za-z";break;case"F":s="0-9";break;case"L":s="a-z";break;case"U":s="A-Z";break;case"W":s="0-9a-z"}return`([${s}]{${t}})`}));return new RegExp(`^${s.join("")}$`)},t=e=>e.replace(/\W/gi,"").replace(/(.{4})(?!$)/g,"$1 ").trim(),s=e=>e.replace(/[^a-zA-Z0-9]/g,"").toUpperCase(),a=(e,t)=>r(0,t),c=e=>{let r=e;const t="A".charCodeAt(0),s="Z".charCodeAt(0);return r=r.toUpperCase(),r=r.substr(4)+r.substr(0,4),r.split("").map((e=>{const r=e.charCodeAt(0);if(r>=t&&r<=s){return r-t+10}return e})).join("")},n=e=>{let r,t=e;for(;t.length>2;)r=t.slice(0,9),t=parseInt(r,10)%97+t.slice(r.length);return parseInt(t,10)%97},l=r=>!(!r\|\|!e[r])&&e[r],i=(e,r,t)=>{if(0===e\|\|!r.length)return 0;const s=r.length-t.length,a=s>0,c=(e,r)=>/\s/.test(e.charAt(r)),n=e-s;return a&&(c(r,n+1)\|\|c(r,n))?e+1:!a&&c(r,e-1)?e-1:e},o=e=>e.slice(0,2);export{s as electronicFormat,t as formatIban,o as getCountryCode,l as getIbanCountrySpecification,i as getNextCursorPosition,c as iso13616Prepare,n as iso7064Mod97_10,r as parseStructure,a as regex};
2	+ //# sourceMappingURL=utils.js.map

package/dist/es/components/internal/IbanInput/utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"utils.js","sources":["../../../../../src/components/internal/IbanInput/utils.ts"],"sourcesContent":["import countries from './specifications';\n\n/**\n * Parse the BBAN structure used to configure each IBAN __specification and returns a matching regular expression.\n * A structure is composed of blocks of 3 characters (one letter and 2 digits). Each block represents\n * a logical group in the typical representation of the BBAN. For each group, the letter indicates which characters\n * are allowed in this group and the following 2-digits number tells the length of the group.\n *\n * @param structure - the structure to parse\n * @param countryCode - the countryCode to check format against\n *\n * @internal\n */\nexport const parseStructure = (structure, countryCode) => {\n if (countryCode === null || !countries[countryCode] || !countries[countryCode].structure) {\n return false;\n }\n\n const passedStructure = countries[countryCode].structure;\n\n // split in blocks of 3 chars\n const regex = passedStructure.match(/(.{3})/g).map(block => {\n // parse each structure block (1-char + 2-digits)\n const pattern = block.slice(0, 1);\n const repeats = parseInt(block.slice(1), 10);\n let format;\n\n switch (pattern) {\n case 'A':\n format = '0-9A-Za-z';\n break;\n case 'B':\n format = '0-9A-Z';\n break;\n case 'C':\n format = 'A-Za-z';\n break;\n case 'F':\n format = '0-9';\n break;\n case 'L':\n format = 'a-z';\n break;\n case 'U':\n format = 'A-Z';\n break;\n case 'W':\n format = '0-9a-z';\n break;\n default:\n break;\n }\n\n return `([${format}]{${repeats}})`;\n });\n\n return new RegExp(`^${regex.join('')}$`);\n};\n\n/**\n * @internal\n */\nexport const formatIban = iban =>\n iban\n .replace(/\\W/gi, '')\n .replace(/(.{4})(?!$)/g, '$1 ')\n .trim();\n\nexport type ElectronicFormat = string;\n/**\n * Returns any non alphanumeric characters and uppercases them\n *\n * @internal\n */\nexport const electronicFormat = (iban: string): ElectronicFormat => {\n const NON_ALPHANUM = /[^a-zA-Z0-9]/g;\n return iban.replace(NON_ALPHANUM, '').toUpperCase();\n};\n\n/**\n * Lazy-loaded regex (parse the structure and construct the regular expression the first time we need it for validation)\n *\n * @internal\n */\nexport const regex = (iban, countryCode) => parseStructure(iban, countryCode);\n\n/**\n * Prepare an IBAN for mod 97 computation by moving the first 4 chars to the end and transforming the letters to\n * numbers (A = 10, B = 11, ..., Z = 35), as specified in ISO13616.\n * @param ibanInput - The IBAN value\n * @returns The prepared IBAN\n *\n * @internal\n */\nexport const iso13616Prepare = ibanInput => {\n let iban = ibanInput;\n const A = 'A'.charCodeAt(0);\n const Z = 'Z'.charCodeAt(0);\n iban = iban.toUpperCase();\n iban = iban.substr(4) + iban.substr(0, 4);\n\n return iban\n .split('')\n .map(n => {\n const code = n.charCodeAt(0);\n\n if (code >= A && code <= Z) {\n // A = 10, B = 11, ... Z = 35\n const codeA = code - A;\n return codeA + 10;\n }\n\n return n;\n })\n .join('');\n};\n\n/**\n * Calculates the MOD 97 10 of the passed IBAN as specified in ISO7064.\n *\n * @param iban -\n *\n * @internal\n */\nexport const iso7064Mod97_10 = iban => {\n let remainder = iban;\n let block;\n\n while (remainder.length > 2) {\n block = remainder.slice(0, 9);\n remainder = (parseInt(block, 10) % 97) + remainder.slice(block.length);\n }\n\n return parseInt(remainder, 10) % 97;\n};\n\n/**\n * @param countryCode -\n * @returns Example of IBAN Number\n */\nexport const getIbanPlaceHolder = (countryCode = null) => {\n if (countryCode && countries[countryCode] && countries[countryCode].example) {\n return formatIban(countries[countryCode].example);\n }\n\n return 'AB00 1234 5678 9012 3456 7890';\n};\n\nexport const getIbanCountrySpecification = countryCode => {\n if (countryCode && countries[countryCode]) {\n return countries[countryCode];\n }\n\n return false;\n};\n\n/**\n * @param cursor -\n * @param iban -\n * @param previousIban -\n * @returns new cursor position\n */\nexport const getNextCursorPosition = (cursor, iban, previousIban) => {\n if (cursor === 0 || !iban.length) return 0;\n\n // This tells us how long the edit is. If user modified input from `(2__)` to `(243__)`,\n // we know the user in this instance pasted two characters\n const editLength = iban.length - previousIban.length;\n const isAddition = editLength > 0;\n const isMaskChar = (ibanValue, position) => /\\s/.test(ibanValue.charAt(position));\n const initialCursor = cursor - editLength;\n\n // is adding text, check calculate if there was a mask element after the initial cursor, then move cursor forward\n // example: NL13 ABNA| 1234 5678 9 => NL13 ABNA 0|123 4567 89\n if (isAddition && (isMaskChar(iban, initialCursor + 1) || isMaskChar(iban, initialCursor))) {\n return cursor + 1;\n }\n\n // is removing text, check if the previous is a mask character, then move cursor back\n // example: NL13 ABNA 0|123 4567 89 => NL13 ABNA| 1234 5678 9\n if (!isAddition && isMaskChar(iban, cursor - 1)) {\n return cursor - 1;\n }\n\n return cursor;\n};\n\n/**\n * @param electronicFormatIban -\n * @returns countryCode string\n */\nexport const getCountryCode = (electronicFormatIban: ElectronicFormat) => electronicFormatIban.slice(0, 2);\n"],"names":["parseStructure","structure","countryCode","countries","regex","match","map","block","pattern","slice","repeats","parseInt","format","RegExp","join","formatIban","iban","replace","trim","electronicFormat","toUpperCase","iso13616Prepare","ibanInput","A","charCodeAt","Z","substr","split","n","code","iso7064Mod97_10","remainder","length","getIbanCountrySpecification","getNextCursorPosition","cursor","previousIban","editLength","isAddition","isMaskChar","ibanValue","position","test","charAt","initialCursor","getCountryCode","electronicFormatIban"],"mappings":"mCAaO,MAAMA,EAAiB,CAACC,EAAWC,KACtC,GAAoB,OAAhBA,IAAyBC,EAAUD,KAAiBC,EAAUD,GAAaD,UAC3E,OAAO,EAGX,MAGMG,EAHkBD,EAAUD,GAAaD,UAGjBI,MAAM,WAAWC,KAAIC,IAE/C,MAAMC,EAAUD,EAAME,MAAM,EAAG,GACzBC,EAAUC,SAASJ,EAAME,MAAM,GAAI,IACzC,IAAIG,EAEJ,OAAQJ,GACJ,IAAK,IACDI,EAAS,YACT,MACJ,IAAK,IACDA,EAAS,SACT,MACJ,IAAK,IACDA,EAAS,SACT,MACJ,IAAK,IACDA,EAAS,MACT,MACJ,IAAK,IACDA,EAAS,MACT,MACJ,IAAK,IACDA,EAAS,MACT,MACJ,IAAK,IACDA,EAAS,SAMjB,MAAO,KAAKA,MAAWF,KAAW,IAGtC,OAAO,IAAIG,OAAO,IAAIT,EAAMU,KAAK,OAAM,EAM9BC,EAAaC,GACtBA,EACKC,QAAQ,OAAQ,IAChBA,QAAQ,eAAgB,OACxBC,OAQIC,EAAoBH,GAEtBA,EAAKC,QADS,gBACa,IAAIG,cAQ7BhB,EAAQ,CAACY,EAAMd,IAAgBF,EAAegB,EAAMd,GAUpDmB,EAAkBC,IAC3B,IAAIN,EAAOM,EACX,MAAMC,EAAI,IAAIC,WAAW,GACnBC,EAAI,IAAID,WAAW,GAIzB,OAHAR,EAAOA,EAAKI,cACZJ,EAAOA,EAAKU,OAAO,GAAKV,EAAKU,OAAO,EAAG,GAEhCV,EACFW,MAAM,IACNrB,KAAIsB,IACD,MAAMC,EAAOD,EAAEJ,WAAW,GAE1B,GAAIK,GAAQN,GAAKM,GAAQJ,EAAG,CAGxB,OADcI,EAAON,EACN,EACnB,CAEA,OAAOK,CAAAA,IAEVd,KAAK,GAAA,EAUDgB,EAAkBd,IAC3B,IACIT,EADAwB,EAAYf,EAGhB,KAAOe,EAAUC,OAAS,GACtBzB,EAAQwB,EAAUtB,MAAM,EAAG,GAC3BsB,EAAapB,SAASJ,EAAO,IAAM,GAAMwB,EAAUtB,MAAMF,EAAMyB,QAGnE,OAAOrB,SAASoB,EAAW,IAAM,EAAA,EAexBE,EAA8B/B,MACnCA,IAAeC,EAAUD,KAClBC,EAAUD,GAYZgC,EAAwB,CAACC,EAAQnB,EAAMoB,KAChD,GAAe,IAAXD,IAAiBnB,EAAKgB,OAAQ,OAAO,EAIzC,MAAMK,EAAarB,EAAKgB,OAASI,EAAaJ,OACxCM,EAAaD,EAAa,EAC1BE,EAAa,CAACC,EAAWC,IAAa,KAAKC,KAAKF,EAAUG,OAAOF,IACjEG,EAAgBT,EAASE,EAI/B,OAAIC,IAAeC,EAAWvB,EAAM4B,EAAgB,IAAML,EAAWvB,EAAM4B,IAChET,EAAS,GAKfG,GAAcC,EAAWvB,EAAMmB,EAAS,GAClCA,EAAS,EAGbA,CAAAA,EAOEU,EAAkBC,GAA2CA,EAAqBrC,MAAM,EAAG"}

package/dist/es/components/internal/IbanInput/validate.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{electronicFormat as t,getCountryCode as n,iso13616Prepare as e,iso7064Mod97_10 as i,getIbanCountrySpecification as l,regex as s}from"./utils.js";import{isEmpty as o}from"../../../utils/validator-utils.js";function r(t,n=null){this.status=t,this.code=n}const a=n=>{const l=t(n),o=e(l);return 1===i(o)&&(t=>{const n=t.slice(0,2),e=s(t,n);return e.test&&e.test(t.slice(4))\|\|!1})(l)},u=e=>{const i=t(e);if(e.length<2)return new r("no-validate","TOO_SHORT");const s=n(i),o=l(s);return o?i.length>o.length?new r("invalid","TOO_LONG"):i.length===o.length?a(e)?new r("valid","VALID"):new r("invalid","INVALID_IBAN"):new r("no-validate","UNKNOWN"):new r("invalid","INVALID_COUNTRY")},c=t=>!o(t)\|\|null;export{u as checkIbanStatus,c as isValidHolder,a as isValidIBAN};
2	+ //# sourceMappingURL=validate.js.map

package/dist/es/components/internal/IbanInput/validate.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"validate.js","sources":["../../../../../src/components/internal/IbanInput/validate.ts"],"sourcesContent":["import { iso13616Prepare, iso7064Mod97_10, electronicFormat, regex, getIbanCountrySpecification, getCountryCode } from './utils';\nimport { isEmpty } from '../../../utils/validator-utils';\n\n/**\n * Contains a validation status\n * @internal\n * @param status -\n * @param code -\n */\nfunction ValidationStatus(status, code = null) {\n this.status = status;\n this.code = code;\n}\n\n/**\n * Validates the format of an iban\n * @internal\n * @param iban -\n */\nconst checkIbanStructure = iban => {\n const countryCode = iban.slice(0, 2);\n const ibanRegex = regex(iban, countryCode);\n\n return ((ibanRegex as RegExp).test && (ibanRegex as RegExp).test(iban.slice(4))) || false;\n};\n\n/**\n * Checks validity of an IBAN\n * @param iban -\n */\nexport const isValidIBAN = iban => {\n const electronicFormatIban = electronicFormat(iban);\n const preparedIban = iso13616Prepare(electronicFormatIban);\n const isValidISO = iso7064Mod97_10(preparedIban) === 1;\n\n return isValidISO && checkIbanStructure(electronicFormatIban);\n};\n\n/**\n * Checkss the validity status of an IBAN\n * @param iban -\n */\nexport const checkIbanStatus = iban => {\n const electronicFormatIban = electronicFormat(iban);\n\n if (iban.length < 2) {\n return new ValidationStatus('no-validate', 'TOO_SHORT'); // A\n }\n\n const countryCode = getCountryCode(electronicFormatIban);\n const countrySpecification = getIbanCountrySpecification(countryCode);\n\n if (!countrySpecification) {\n return new ValidationStatus('invalid', 'INVALID_COUNTRY'); // AA13TEST0123456789\n }\n\n if (electronicFormatIban.length > countrySpecification.length) {\n return new ValidationStatus('invalid', 'TOO_LONG'); // NL13TEST01234567891\n }\n\n if (electronicFormatIban.length === countrySpecification.length) {\n if (isValidIBAN(iban)) {\n return new ValidationStatus('valid', 'VALID'); // NL13TEST0123456789\n }\n\n return new ValidationStatus('invalid', 'INVALID_IBAN'); // NL13TEST0123456781\n }\n\n return new ValidationStatus('no-validate', 'UNKNOWN'); // NL13TEST012345678\n};\n\n/**\n * Checks validity of a holder name\n */\nexport const isValidHolder = value => (isEmpty(value) ? null : true); // true, if there are chars other than spaces\n"],"names":["ValidationStatus","status","code","this","isValidIBAN","iban","electronicFormatIban","electronicFormat","preparedIban","iso13616Prepare","iso7064Mod97_10","countryCode","slice","ibanRegex","regex","test","checkIbanStructure","checkIbanStatus","length","getCountryCode","countrySpecification","getIbanCountrySpecification","isValidHolder","value","isEmpty"],"mappings":"oNASA,SAASA,EAAiBC,EAAQC,EAAO,MACrCC,KAAKF,OAASA,EACdE,KAAKD,KAAOA,CAChB,CAOA,MAWaE,EAAcC,IACvB,MAAMC,EAAuBC,EAAiBF,GACxCG,EAAeC,EAAgBH,GAGrC,OAFqD,IAAlCI,EAAgBF,IAdZH,CAAAA,IACvB,MAAMM,EAAcN,EAAKO,MAAM,EAAG,GAC5BC,EAAYC,EAAMT,EAAMM,GAE9B,OAASE,EAAqBE,MAASF,EAAqBE,KAAKV,EAAKO,MAAM,MAAQ,CAAA,EAY/DI,CAAmBV,EAAAA,EAO/BW,EAAkBZ,IAC3B,MAAMC,EAAuBC,EAAiBF,GAE9C,GAAIA,EAAKa,OAAS,EACd,OAAO,IAAIlB,EAAiB,cAAe,aAG/C,MAAMW,EAAcQ,EAAeb,GAC7Bc,EAAuBC,EAA4BV,GAEzD,OAAKS,EAIDd,EAAqBY,OAASE,EAAqBF,OAC5C,IAAIlB,EAAiB,UAAW,YAGvCM,EAAqBY,SAAWE,EAAqBF,OACjDd,EAAYC,GACL,IAAIL,EAAiB,QAAS,SAGlC,IAAIA,EAAiB,UAAW,gBAGpC,IAAIA,EAAiB,cAAe,WAfhC,IAAIA,EAAiB,UAAW,kBAeA,EAMlCsB,EAAgBC,IAAUC,EAAQD,IAAS"}

package/dist/es/components/internal/Icon/Icon.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{createElement as e}from"../../../external/preact/dist/preact.js";import t from"../../../external/classnames/index.js";import a from"../../../core/Context/useImage.js";const s=({type:s,className:r="",alt:o="",height:c,width:m})=>{const n=a(),i=n({imageFolder:"components/"})?.(s);return e("img",{className:t("adyen-checkout__icon",r),alt:o,src:i,height:c,width:m})};export{s as default};
2	+ //# sourceMappingURL=Icon.js.map

package/dist/es/components/internal/Icon/Icon.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Icon.js","sources":["../../../../../src/components/internal/Icon/Icon.tsx"],"sourcesContent":["import { h } from 'preact';\nimport cx from 'classnames';\nimport useImage from '../../../core/Context/useImage';\n\ninterface IconProps {\n type: string;\n className?: string;\n alt?: string;\n height?: number;\n width?: number;\n}\n\nconst Icon = ({ type, className = '', alt = '', height, width }: IconProps) => {\n const getImage = useImage();\n const iconUrl = getImage({ imageFolder: 'components/' })?.(type);\n\n return <img className={cx('adyen-checkout__icon', className)} alt={alt} src={iconUrl} height={height} width={width} />;\n};\n\nexport default Icon;\n"],"names":["Icon","type","className","alt","height","width","getImage","useImage","iconUrl","imageFolder","h","img","cx","src"],"mappings":"8KAYA,MAAMA,EAAO,EAAGC,OAAMC,YAAY,GAAIC,MAAM,GAAIC,SAAQC,YACpD,MAAMC,EAAWC,IACXC,EAAUF,EAAS,CAAEG,YAAa,eAAxBH,GAA2CL,GAE3D,OAAOS,EAACC,MAAAA,CAAIT,UAAWU,EAAG,uBAAwBV,GAAYC,IAAKA,EAAKU,IAAKL,EAASJ,OAAQA,EAAQC,MAAOA"}

package/dist/es/components/internal/Img/Img.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{useState as e,useRef as a,useEffect as s}from"../../../external/preact/hooks/dist/hooks.js";import r from"../../../external/classnames/index.js";import{createElement as t}from"../../../external/preact/dist/preact.js";function o(o){const{backgroundUrl:c="",className:n="",classNameModifiers:l=[],src:m="",alt:d="",showOnError:i=!1}=o,[u,f]=e(!1),p=a(null),g=()=>{f(!0)},k=r([n],"adyen-checkout__image",{"adyen-checkout__image--loaded":u},...l.map((e=>`adyen-checkout__image--${e}`)));return s((()=>{const e=c?new Image:p.current;e.src=c\|\|m,e.onload=g,f(!!e.complete)}),[]),c?t("div",{style:{backgroundUrl:c},...o,className:k}):t("img",{...o,alt:d,ref:p,className:k,onError:()=>{f(i)}})}export{o as default};
2	+ //# sourceMappingURL=Img.js.map

package/dist/es/components/internal/Img/Img.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Img.js","sources":["../../../../../src/components/internal/Img/Img.tsx"],"sourcesContent":["import { JSX } from 'preact';\nimport { useRef, useState, useEffect } from 'preact/hooks';\nimport cx from 'classnames';\nimport './Img.scss';\nimport { h } from 'preact';\nimport { ImgProps } from './types';\n\nexport default function Img(props: ImgProps) {\n const { backgroundUrl = '', className = '', classNameModifiers = [], src = '', alt = '', showOnError = false } = props;\n const [loaded, setLoaded] = useState(false);\n const imageRef = useRef(null);\n\n const handleLoad = () => {\n setLoaded(true);\n };\n\n const handleError = () => {\n setLoaded(showOnError);\n };\n\n const classNames = cx(\n [className],\n 'adyen-checkout__image',\n { 'adyen-checkout__image--loaded': loaded },\n ...classNameModifiers.map(modifier => `adyen-checkout__image--${modifier}`)\n );\n\n useEffect(() => {\n const image = backgroundUrl ? new Image() : imageRef.current;\n image.src = backgroundUrl || src;\n image.onload = handleLoad;\n setLoaded(!!image.complete);\n }, []);\n\n if (backgroundUrl) {\n return <div style={{ backgroundUrl } as JSX.CSSProperties} {...props} className={classNames} />;\n }\n\n return <img {...props} alt={alt} ref={imageRef} className={classNames} onError={handleError} />;\n}\n"],"names":["Img","props","backgroundUrl","className","classNameModifiers","src","alt","showOnError","loaded","setLoaded","useState","imageRef","useRef","handleLoad","classNames","cx","map","modifier","useEffect","image","Image","current","onload","complete","h","div","style","img","ref","onError"],"mappings":"gOAOe,SAASA,EAAIC,GACxB,MAAMC,cAAEA,EAAgB,GAAEC,UAAEA,EAAY,GAAEC,mBAAEA,EAAqB,GAAEC,IAAEA,EAAM,GAAEC,IAAEA,EAAM,GAAEC,YAAEA,GAAc,GAAUN,GAC1GO,EAAQC,GAAaC,GAAS,GAC/BC,EAAWC,EAAO,MAElBC,EAAa,KACfJ,GAAU,EAAA,EAORK,EAAaC,EACf,CAACZ,GACD,wBACA,CAAE,gCAAiCK,MAChCJ,EAAmBY,KAAIC,GAAY,0BAA0BA,OAUpE,OAPAC,GAAU,KACN,MAAMC,EAAQjB,EAAgB,IAAIkB,MAAUT,EAASU,QACrDF,EAAMd,IAAMH,GAAiBG,EAC7Bc,EAAMG,OAAST,EACfJ,IAAYU,EAAMI,SAAQ,GAC3B,IAECrB,EACOsB,EAACC,MAAAA,CAAIC,MAAO,CAAExB,oBAA0CD,EAAOE,UAAWW,IAG9EU,EAACG,MAAAA,IAAQ1B,EAAOK,IAAKA,EAAKsB,IAAKjB,EAAUR,UAAWW,EAAYe,QAtBnD,KAChBpB,EAAUF,EAAAA,GAsBlB"}

package/dist/es/components/internal/IssuerList/IssuerButtonGroup/IssuerButton.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{createElement as e}from"../../../../external/preact/dist/preact.js";import t from"../../../../external/classnames/index.js";import a from"../../Img/Img.js";function s({name:s,id:n,icon:c,onClick:r,selected:o=!1}){return e("button",{type:"button",className:t("adyen-checkout__issuer-button",{"adyen-checkout__issuer-button--selected":o}),"aria-label":s,"aria-pressed":o,onClick:r,value:n},!!c&&e(a,{className:"adyen-checkout__issuer-button-img",alt:s,src:c}),e("span",{className:"adyen-checkout__issuer-button-text"},s))}export{s as default};
2	+ //# sourceMappingURL=IssuerButton.js.map

package/dist/es/components/internal/IssuerList/IssuerButtonGroup/IssuerButton.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"IssuerButton.js","sources":["../../../../../../src/components/internal/IssuerList/IssuerButtonGroup/IssuerButton.tsx"],"sourcesContent":["import { h } from 'preact';\nimport cx from 'classnames';\nimport Img from '../../Img';\nimport './IssuerButton.scss';\n\ninterface IssuerButtonProps {\n name: string;\n id: string;\n selected: boolean;\n onClick: (event: UIEvent) => void;\n icon?: string;\n}\n\nfunction IssuerButton({ name, id, icon, onClick, selected = false }: IssuerButtonProps) {\n return (\n <button\n type=\"button\"\n className={cx('adyen-checkout__issuer-button', { 'adyen-checkout__issuer-button--selected': selected })}\n aria-label={name}\n aria-pressed={selected}\n onClick={onClick}\n value={id}\n >\n {!!icon && <Img className=\"adyen-checkout__issuer-button-img\" alt={name} src={icon} />}\n <span className=\"adyen-checkout__issuer-button-text\">{name}</span>\n </button>\n );\n}\n\nexport default IssuerButton;\n"],"names":["IssuerButton","name","id","icon","onClick","selected","h","button","type","className","cx","aria-label","aria-pressed","value","Img","alt","src","span"],"mappings":"mKAaA,SAASA,GAAaC,KAAEA,EAAIC,GAAEA,EAAEC,KAAEA,EAAIC,QAAEA,EAAOC,SAAEA,GAAW,IACxD,OACIC,EAACC,SAAAA,CACGC,KAAK,SACLC,UAAWC,EAAG,gCAAiC,CAAE,0CAA2CL,IAC5FM,aAAYV,EACZW,eAAcP,EACdD,QAASA,EACTS,MAAOX,KAEJC,GAAQG,EAACQ,EAAAA,CAAIL,UAAU,oCAAoCM,IAAKd,EAAMe,IAAKb,IAC9EG,EAACW,OAAAA,CAAKR,UAAU,sCAAsCR,GAGlE"}

package/dist/es/components/internal/IssuerList/IssuerButtonGroup/IssuerButtonGroup.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{createElement as e}from"../../../../external/preact/dist/preact.js";import{useCallback as t}from"../../../../external/preact/hooks/dist/hooks.js";import r from"./IssuerButton.js";import s from"../../../../core/Context/useCoreContext.js";const o=({items:o=[],selectedIssuerId:a,onChange:c})=>{const{i18n:l}=s(),n=t((e=>{const t=e.currentTarget.value;Object.defineProperty(e.target,"value",{value:t}),c(e)}),[c]);return e("div",{className:"adyen-checkout__issuer-button-group",role:"group","aria-label":l.get("issuerList.selectField.contextualText")},o.map((t=>e(r,{key:t.id,...t,selected:a===t.id,onClick:n}))))};export{o as default};
2	+ //# sourceMappingURL=IssuerButtonGroup.js.map

package/dist/es/components/internal/IssuerList/IssuerButtonGroup/IssuerButtonGroup.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"IssuerButtonGroup.js","sources":["../../../../../../src/components/internal/IssuerList/IssuerButtonGroup/IssuerButtonGroup.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport IssuerButton from './IssuerButton';\nimport useCoreContext from '../../../../core/Context/useCoreContext';\nimport './IssuerButtonGroup.scss';\nimport { IssuerItem } from '../types';\n\ninterface IssuerButtonGroupProps {\n items: IssuerItem[];\n selectedIssuerId: string;\n onChange: (event: UIEvent) => void;\n}\n\nconst IssuerButtonGroup = ({ items = [], selectedIssuerId, onChange }: IssuerButtonGroupProps) => {\n const { i18n } = useCoreContext();\n\n const handleClick = useCallback(\n (event: UIEvent) => {\n const value = (event.currentTarget as HTMLButtonElement).value;\n Object.defineProperty(event.target, 'value', { value });\n onChange(event);\n },\n [onChange]\n );\n\n return (\n <div className=\"adyen-checkout__issuer-button-group\" role=\"group\" aria-label={i18n.get('issuerList.selectField.contextualText')}>\n {items.map(issuer => (\n <IssuerButton key={issuer.id} {...issuer} selected={selectedIssuerId === issuer.id} onClick={handleClick} />\n ))}\n </div>\n );\n};\n\nexport default IssuerButtonGroup;\n"],"names":["IssuerButtonGroup","items","selectedIssuerId","onChange","i18n","useCoreContext","handleClick","useCallback","event","value","currentTarget","Object","defineProperty","target","h","div","className","role","aria-label","get","map","issuer","IssuerButton","key","id","selected","onClick"],"mappings":"oPAaMA,MAAAA,EAAoB,EAAGC,QAAQ,GAAIC,mBAAkBC,eACvD,MAAMC,KAAEA,GAASC,IAEXC,EAAcC,GACfC,IACG,MAAMC,EAASD,EAAME,cAAoCD,MACzDE,OAAOC,eAAeJ,EAAMK,OAAQ,QAAS,CAAEJ,UAC/CN,EAASK,EAAAA,GAEb,CAACL,IAGL,OACIW,EAACC,MAAAA,CAAIC,UAAU,sCAAsCC,KAAK,QAAQC,aAAYd,EAAKe,IAAI,0CAClFlB,EAAMmB,KAAIC,GACPP,EAACQ,EAAAA,CAAaC,IAAKF,EAAOG,MAAQH,EAAQI,SAAUvB,IAAqBmB,EAAOG,GAAIE,QAASpB"}

package/dist/es/components/internal/IssuerList/IssuerList.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{createElement as e,Fragment as s}from"../../../external/preact/dist/preact.js";import{useState as t,useCallback as r,useRef as o,useEffect as i}from"../../../external/preact/hooks/dist/hooks.js";import a from"../../../utils/useForm/useForm.js";import n from"../FormFields/Field/Field.js";import l from"./IssuerButtonGroup/IssuerButtonGroup.js";import u from"../ContentSeparator/ContentSeparator.js";import m from"../../../core/Context/useCoreContext.js";import d from"../../../core/Errors/useSRPanelContext.js";import{ERROR_ACTION_FOCUS_FIELD as c}from"../../../core/Errors/constants.js";import{setFocusOnField as g}from"../../../utils/setFocus.js";import h from"../DisclaimerMessage/DisclaimerMessage.js";import p from"../FormFields/Select/Select.js";import{ANALYTICS_SELECTED_STR as f,ANALYTICS_DISPLAYED_STR as C,ANALYTICS_LIST as F,ANALYTICS_SEARCH_DEBOUNCE_TIME as j,ANALYTICS_INPUT_STR as y,ANALYTICS_LIST_SEARCH as x,ANALYTICS_FEATURED_ISSUER as S}from"../../../core/Analytics/constants.js";import{debounce as _}from"../../../utils/debounce.js";const b=({issuer:e,items:s},t)=>{const r=s.find((s=>s.id===e))?.name;return e&&r?`${t.get("continueTo")} ${r}`:t.get("continue")},v=["issuer"],I={issuer:{validate:e=>!!e&&e.length>0,errorMessage:"issuerList.selectField.contextualText",modes:["blur"]}};var M;function A({items:M,placeholder:A,issuer:k,highlightedIds:w=[],showContextualElement:B,contextualText:E,...T}){const{i18n:V}=m(),{handleChangeFor:D,triggerValidation:G,data:N,valid:R,errors:L,isValid:P}=a({schema:v,defaultData:{issuer:k},rules:I}),[$,K]=t("ready"),[O,q]=t(1),{setSRMessagesFromObjects:z,shouldMoveFocusSR:H}=d(),J=z?.({});this.setStatus=e=>{K(e)};const Q=r((e=>s=>{const t=1===e?F:S,r=M.find((e=>e.id===s.target.value));T.onSubmitAnalytics({type:f,target:t,issuer:r.name}),q(e),D("issuer")(s)}),[D]),U=r((e=>{e&&T.onSubmitAnalytics({type:C,target:F})}),[]),W=o(_(T.onSubmitAnalytics,j)),X=r((()=>{W.current({type:y,target:x})}),[]);i((()=>{T.onChange({data:N,valid:R,errors:L,isValid:P});const e=J?.({errors:L,isValidating:!0});e?.action===c&&H&&g(".adyen-checkout__issuer-list",e.fieldToFocus)}),[N,R,L,P]),this.showValidation=()=>{G()};const{highlightedItems:Y}=M.reduce(((e,s)=>(w.includes(s.id)&&e.highlightedItems.push({...s}),e)),{highlightedItems:[]});return e("div",{className:"adyen-checkout__issuer-list"},!!Y.length&&e(s,null,e(l,{selectedIssuerId:0===O?N.issuer:null,items:Y,onChange:Q(0)}),e(u,null)),e(n,{label:V.get("issuerList.selectField.label"),errorMessage:(Z=L.issuer,Z&&Z.errorMessage?V.get(Z.errorMessage):!!Z),classNameModifiers:["issuer-list"],name:"issuer",showContextualElement:B,contextualText:E},e(p,{items:M,selectedValue:1===O?N.issuer:null,placeholder:A,name:"issuer",className:"adyen-checkout__issuer-list__dropdown",onChange:Q(1),onListToggle:U,onInput:X})),T.termsAndConditions&&e("div",{className:"adyen-checkout__issuer-list__termsAndConditions"},e(h,{message:V.get(T.termsAndConditions.translationKey),urls:T.termsAndConditions.urls})),T.showPayButton&&T.payButton({status:$,label:b({issuer:N.issuer,items:[...M,...Y]},V)}));var Z}!function(e){e[e.ButtonGroup=0]="ButtonGroup",e[e.Dropdown=1]="Dropdown"}(M\|\|(M={})),A.defaultProps={onChange:()=>{}};export{A as default};
2	+ //# sourceMappingURL=IssuerList.js.map

package/dist/es/components/internal/IssuerList/IssuerList.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"IssuerList.js","sources":["../../../../../src/components/internal/IssuerList/IssuerList.tsx"],"sourcesContent":["import { Fragment, h } from 'preact';\nimport { useState, useEffect, useCallback, useRef } from 'preact/hooks';\nimport useForm from '../../../utils/useForm';\nimport Field from '../FormFields/Field';\nimport IssuerButtonGroup from './IssuerButtonGroup';\nimport ContentSeparator from '../ContentSeparator';\nimport useCoreContext from '../../../core/Context/useCoreContext';\nimport { ValidatorRules } from '../../../utils/Validator/types';\nimport { IssuerListProps } from './types';\nimport './IssuerList.scss';\nimport useSRPanelContext from '../../../core/Errors/useSRPanelContext';\nimport { SetSRMessagesReturnFn } from '../../../core/Errors/SRPanelProvider';\nimport { SetSRMessagesReturnObject } from '../../../core/Errors/types';\nimport { ERROR_ACTION_FOCUS_FIELD } from '../../../core/Errors/constants';\nimport { setFocusOnField } from '../../../utils/setFocus';\nimport DisclaimerMessage from '../DisclaimerMessage';\nimport Select from '../FormFields/Select';\nimport { SelectTargetObject } from '../FormFields/Select/types';\nimport {\n ANALYTICS_DISPLAYED_STR,\n ANALYTICS_FEATURED_ISSUER,\n ANALYTICS_INPUT_STR,\n ANALYTICS_LIST,\n ANALYTICS_LIST_SEARCH,\n ANALYTICS_SEARCH_DEBOUNCE_TIME,\n ANALYTICS_SELECTED_STR\n} from '../../../core/Analytics/constants';\nimport { debounce } from '../../../utils/debounce';\n\nconst payButtonLabel = ({ issuer, items }, i18n): string => {\n const issuerName = items.find(i => i.id === issuer)?.name;\n if (!issuer || !issuerName) return i18n.get('continue');\n return `${i18n.get('continueTo')} ${issuerName}`;\n};\n\nconst schema = ['issuer'];\nconst validationRules: ValidatorRules = {\n issuer: {\n validate: issuer => !!issuer && issuer.length > 0,\n errorMessage: 'issuerList.selectField.contextualText',\n modes: ['blur']\n }\n};\n\nenum IssuerListInputTypes {\n ButtonGroup,\n Dropdown\n}\n\nfunction IssuerList({ items, placeholder, issuer, highlightedIds = [], showContextualElement, contextualText, ...props }: IssuerListProps) {\n const { i18n } = useCoreContext();\n const { handleChangeFor, triggerValidation, data, valid, errors, isValid } = useForm({\n schema,\n defaultData: { issuer },\n rules: validationRules\n });\n const [status, setStatus] = useState('ready');\n const [inputType, setInputType] = useState<IssuerListInputTypes>(IssuerListInputTypes.Dropdown);\n\n const { setSRMessagesFromObjects, shouldMoveFocusSR } = useSRPanelContext();\n const setSRMessages: SetSRMessagesReturnFn = setSRMessagesFromObjects?.({});\n\n const getErrorMessage = error => (error && error.errorMessage ? i18n.get(error.errorMessage) : !!error);\n\n this.setStatus = newStatus => {\n setStatus(newStatus);\n };\n\n const handleInputChange = useCallback(\n (type: IssuerListInputTypes) => (event: h.JSX.TargetedKeyboardEvent<HTMLInputElement>) => {\n const target = type === IssuerListInputTypes.Dropdown ? ANALYTICS_LIST : ANALYTICS_FEATURED_ISSUER;\n const issuerObj = items.find(issuer => issuer.id === (event.target as SelectTargetObject).value);\n props.onSubmitAnalytics({ type: ANALYTICS_SELECTED_STR, target, issuer: issuerObj.name });\n\n setInputType(type);\n handleChangeFor('issuer')(event);\n },\n [handleChangeFor]\n );\n\n const handleListToggle = useCallback((isOpen: boolean) => {\n if (isOpen) {\n props.onSubmitAnalytics({ type: ANALYTICS_DISPLAYED_STR, target: ANALYTICS_LIST });\n }\n }, []);\n\n const debounceSearchAnalytics = useRef(debounce(props.onSubmitAnalytics, ANALYTICS_SEARCH_DEBOUNCE_TIME));\n\n const handleSearch = useCallback(() => {\n debounceSearchAnalytics.current({ type: ANALYTICS_INPUT_STR, target: ANALYTICS_LIST_SEARCH });\n }, []);\n\n useEffect(() => {\n props.onChange({ data, valid, errors, isValid });\n\n const srPanelResp: SetSRMessagesReturnObject = setSRMessages?.({ errors, isValidating: true });\n if (srPanelResp?.action === ERROR_ACTION_FOCUS_FIELD) {\n // Focus field in error, if required\n if (shouldMoveFocusSR) setFocusOnField('.adyen-checkout__issuer-list', srPanelResp.fieldToFocus);\n }\n }, [data, valid, errors, isValid]);\n\n this.showValidation = () => {\n triggerValidation();\n };\n\n const { highlightedItems } = items.reduce(\n (memo, item) => {\n if (highlightedIds.includes(item.id)) memo.highlightedItems.push({ ...item });\n return memo;\n },\n { highlightedItems: [] }\n );\n\n return (\n <div className=\"adyen-checkout__issuer-list\">\n {!!highlightedItems.length && (\n <Fragment>\n <IssuerButtonGroup\n selectedIssuerId={inputType === IssuerListInputTypes.ButtonGroup ? data['issuer'] : null}\n items={highlightedItems}\n onChange={handleInputChange(IssuerListInputTypes.ButtonGroup)}\n />\n <ContentSeparator />\n </Fragment>\n )}\n\n <Field\n label={i18n.get('issuerList.selectField.label')}\n errorMessage={getErrorMessage(errors.issuer)}\n classNameModifiers={['issuer-list']}\n name={'issuer'}\n showContextualElement={showContextualElement}\n contextualText={contextualText}\n >\n <Select\n items={items}\n selectedValue={inputType === IssuerListInputTypes.Dropdown ? data['issuer'] : null}\n placeholder={placeholder}\n name={'issuer'}\n className={'adyen-checkout__issuer-list__dropdown'}\n onChange={handleInputChange(IssuerListInputTypes.Dropdown)}\n onListToggle={handleListToggle}\n onInput={handleSearch}\n />\n </Field>\n\n {props.termsAndConditions && (\n <div className=\"adyen-checkout__issuer-list__termsAndConditions\">\n <DisclaimerMessage message={i18n.get(props.termsAndConditions.translationKey)} urls={props.termsAndConditions.urls} />\n </div>\n )}\n\n {props.showPayButton &&\n props.payButton({\n status,\n label: payButtonLabel({ issuer: data['issuer'], items: [...items, ...highlightedItems] }, i18n)\n })}\n </div>\n );\n}\n\nIssuerList.defaultProps = {\n onChange: () => {}\n};\n\nexport default IssuerList;\n"],"names":["payButtonLabel","issuer","items","i18n","issuerName","find","i","id","name","get","schema","validationRules","validate","length","errorMessage","modes","IssuerList","placeholder","highlightedIds","showContextualElement","contextualText","props","useCoreContext","handleChangeFor","triggerValidation","data","valid","errors","isValid","useForm","defaultData","rules","status","setStatus","useState","inputType","setInputType","setSRMessagesFromObjects","shouldMoveFocusSR","useSRPanelContext","setSRMessages","this","newStatus","handleInputChange","useCallback","type","event","target","ANALYTICS_LIST","ANALYTICS_FEATURED_ISSUER","issuerObj","value","onSubmitAnalytics","ANALYTICS_SELECTED_STR","handleListToggle","isOpen","ANALYTICS_DISPLAYED_STR","debounceSearchAnalytics","useRef","debounce","ANALYTICS_SEARCH_DEBOUNCE_TIME","handleSearch","current","ANALYTICS_INPUT_STR","ANALYTICS_LIST_SEARCH","useEffect","onChange","srPanelResp","isValidating","action","ERROR_ACTION_FOCUS_FIELD","setFocusOnField","fieldToFocus","showValidation","highlightedItems","reduce","memo","item","includes","push","h","div","className","Fragment","IssuerButtonGroup","selectedIssuerId","ContentSeparator","Field","label","error","classNameModifiers","Select","selectedValue","onListToggle","onInput","termsAndConditions","DisclaimerMessage","message","translationKey","urls","showPayButton","payButton","IssuerListInputTypes","defaultProps"],"mappings":"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"}

package/dist/es/components/internal/LoadingWrapper/LoadingWrapper.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{createElement as n}from"../../../external/preact/dist/preact.js";import i from"../../../external/classnames/index.js";import e from"../Spinner/Spinner.js";const t=({children:t,status:a})=>{const o=i("adyen-checkout__loading-input__form","loading-input__form",{"loading-input__form--loading":"loading"===a}),r=i({"loading-input__spinner":!0,"loading-input__spinner--active":"loading"===a});return n("div",{style:{position:"relative"}},n("div",{className:r},n(e,null)),n("div",{className:o},t))};export{t as default};
2	+ //# sourceMappingURL=LoadingWrapper.js.map

package/dist/es/components/internal/LoadingWrapper/LoadingWrapper.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"LoadingWrapper.js","sources":["../../../../../src/components/internal/LoadingWrapper/LoadingWrapper.tsx"],"sourcesContent":["import { ComponentChildren, h } from 'preact';\nimport classNames from 'classnames';\nimport Spinner from '../../internal/Spinner';\nimport './LoadingWrapper.scss';\n\ninterface LoadingWrapperProps {\n status?: string;\n children?: ComponentChildren;\n}\n\nconst LoadingWrapper = ({ children, status }: LoadingWrapperProps) => {\n const wrapperClass = classNames('adyen-checkout__loading-input__form', 'loading-input__form', {\n 'loading-input__form--loading': status === 'loading'\n });\n\n const spinnerClass = classNames({\n 'loading-input__spinner': true,\n 'loading-input__spinner--active': status === 'loading'\n });\n\n return (\n <div style={{ position: 'relative' }}>\n <div className={spinnerClass}>\n <Spinner />\n </div>\n <div className={wrapperClass}>{children}</div>\n </div>\n );\n};\n\nexport default LoadingWrapper;\n"],"names":["LoadingWrapper","children","status","wrapperClass","classNames","spinnerClass","h","div","style","position","className","Spinner"],"mappings":"kKAUA,MAAMA,EAAiB,EAAGC,WAAUC,aAChC,MAAMC,EAAeC,EAAW,sCAAuC,sBAAuB,CAC1F,+BAA2C,YAAXF,IAG9BG,EAAeD,EAAW,CAC5B,0BAA0B,EAC1B,iCAA6C,YAAXF,IAGtC,OACII,EAACC,MAAAA,CAAIC,MAAO,CAAEC,SAAU,aACpBH,EAACC,MAAAA,CAAIG,UAAWL,GACZC,EAACK,SAELL,EAACC,MAAAA,CAAIG,UAAWP,GAAeF,GAAAA"}

package/dist/es/components/internal/Modal/Modal.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{createElement as e}from"../../../external/preact/dist/preact.js";import{useRef as s}from"../../../external/preact/hooks/dist/hooks.js";import a from"../../../external/classnames/index.js";import{useModal as o}from"./useModal.js";const r=({children:r,classNameModifiers:l=[],isOpen:i,onClose:d,isDismissible:t=!0,labelledBy:c,describedBy:n,focusFirst:m,focusAfterClose:p,...u})=>{const f=s(),{closeModal:h,handleClickOutside:b}=o({modalElement:f.current,isOpen:i,isDismissible:t,focusFirst:m,focusAfterClose:p,onClose:d});return e("div",{className:a("adyen-checkout__modal-wrapper",l.map((e=>`adyen-checkout__modal-wrapper--${e}`)),{"adyen-checkout__modal-wrapper--open":i}),role:"dialog","aria-labelledby":c,"aria-describedby":n,"aria-modal":"true","aria-hidden":!i,onClick:b,...u},e("div",{className:"adyen-checkout__modal",ref:f},r({onCloseModal:h})))};export{r as Modal};
2	+ //# sourceMappingURL=Modal.js.map

package/dist/es/components/internal/Modal/Modal.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Modal.js","sources":["../../../../../src/components/internal/Modal/Modal.tsx"],"sourcesContent":["import { ComponentChildren, h } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport cx from 'classnames';\nimport './Modal.scss';\nimport { useModal } from './useModal';\n\ntype ModalRenderFnProps = {\n /**\n * Function used to properly trigger the Modal close mechanism. It takes into account the element that the Modal needs\n * to set focus when it is dismissed.\n */\n onCloseModal(): void;\n};\n\ntype ModalProps = {\n children: ({ onCloseModal }: ModalRenderFnProps) => ComponentChildren;\n classNameModifiers?: string[];\n onClose(): void;\n isOpen: boolean;\n isDismissible?: boolean;\n labelledBy: string;\n describedBy: string;\n /**\n * Reference to the element that should be focused when the modal is opened\n */\n focusFirst: HTMLElement;\n /**\n * Reference to the element that should be focused when the modal is closed\n */\n focusAfterClose: HTMLElement;\n};\n\nconst Modal = ({\n children,\n classNameModifiers = [],\n isOpen,\n onClose,\n isDismissible = true,\n labelledBy,\n describedBy,\n focusFirst,\n focusAfterClose,\n ...props\n}: ModalProps) => {\n const modalContainerRef = useRef<HTMLDivElement>();\n const { closeModal, handleClickOutside } = useModal({\n modalElement: modalContainerRef.current,\n isOpen,\n isDismissible,\n focusFirst,\n focusAfterClose,\n onClose\n });\n\n return (\n <div\n className={cx(\n 'adyen-checkout__modal-wrapper',\n classNameModifiers.map(m => `adyen-checkout__modal-wrapper--${m}`),\n { 'adyen-checkout__modal-wrapper--open': isOpen }\n )}\n role=\"dialog\"\n aria-labelledby={labelledBy}\n aria-describedby={describedBy}\n aria-modal=\"true\"\n aria-hidden={!isOpen}\n onClick={handleClickOutside}\n {...props}\n >\n <div className=\"adyen-checkout__modal\" ref={modalContainerRef}>\n {children({ onCloseModal: closeModal })}\n </div>\n </div>\n );\n};\n\nexport { Modal };\n"],"names":["Modal","children","classNameModifiers","isOpen","onClose","isDismissible","labelledBy","describedBy","focusFirst","focusAfterClose","props","modalContainerRef","useRef","closeModal","handleClickOutside","useModal","modalElement","current","h","div","className","cx","map","m","role","aria-labelledby","aria-describedby","aria-modal","aria-hidden","onClick","ref","onCloseModal"],"mappings":"4OAgCMA,MAAAA,EAAQ,EACVC,WACAC,qBAAqB,GACrBC,SACAC,UACAC,iBAAgB,EAChBC,aACAC,cACAC,aACAC,qBACGC,MAEH,MAAMC,EAAoBC,KACpBC,WAAEA,EAAUC,mBAAEA,GAAuBC,EAAS,CAChDC,aAAcL,EAAkBM,QAChCd,SACAE,gBACAG,aACAC,kBACAL,YAGJ,OACIc,EAACC,MAAAA,CACGC,UAAWC,EACP,gCACAnB,EAAmBoB,KAAIC,GAAK,kCAAkCA,MAC9D,CAAE,sCAAuCpB,IAE7CqB,KAAK,SACLC,kBAAiBnB,EACjBoB,mBAAkBnB,EAClBoB,aAAW,OACXC,eAAczB,EACd0B,QAASf,KACLJ,GAEJQ,EAACC,MAAAA,CAAIC,UAAU,wBAAwBU,IAAKnB,GACvCV,EAAS,CAAE8B,aAAclB,KAAW"}

package/dist/es/components/internal/Modal/useModal.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{useTrapFocus as e}from"./useTrapFocus.js";import{useCallback as s,useEffect as o}from"../../../external/preact/hooks/dist/hooks.js";const t=({modalElement:t,isOpen:r,isDismissible:n,focusFirst:a,focusAfterClose:c,onClose:i})=>{e({rootElement:t,shouldTrap:r,focusFirst:a});const l=s((()=>{c.focus(),i()}),[i,c]),u=s((e=>{n&&e.target instanceof HTMLElement&&!t.contains(e.target)&&l()}),[l,n,t]);return o((()=>{if(!r\|\|!t)return;const e=e=>{("Escape"===e.key\|\|"Esc"===e.key\|\|27===e.keyCode)&&l()};return t.addEventListener("keydown",e),()=>t.removeEventListener("keydown",e)}),[r,t,l]),{closeModal:l,handleClickOutside:u}};export{t as useModal};
2	+ //# sourceMappingURL=useModal.js.map

package/dist/es/components/internal/Modal/useModal.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useModal.js","sources":["../../../../../src/components/internal/Modal/useModal.ts"],"sourcesContent":["import { useTrapFocus } from './useTrapFocus';\nimport { useCallback, useEffect } from 'preact/hooks';\n\ntype UseModalProps = {\n modalElement?: HTMLElement;\n isOpen: boolean;\n isDismissible: boolean;\n focusFirst: HTMLElement;\n focusAfterClose: HTMLElement;\n onClose(): void;\n};\n\ntype UseModalHook = {\n /**\n * Function that focus on the 'focusAfterClose' element, and then closes the modal\n */\n closeModal(): void;\n handleClickOutside(event: MouseEvent): void;\n};\n\nconst KEYCODE_ESC = 27;\n\nconst useModal = ({ modalElement, isOpen, isDismissible, focusFirst, focusAfterClose, onClose }: UseModalProps): UseModalHook => {\n useTrapFocus({ rootElement: modalElement, shouldTrap: isOpen, focusFirst });\n\n const closeModal = useCallback(() => {\n focusAfterClose.focus();\n onClose();\n }, [onClose, focusAfterClose]);\n\n const handleClickOutside = useCallback(\n (event: MouseEvent) => {\n if (isDismissible && event.target instanceof HTMLElement && !modalElement.contains(event.target)) {\n closeModal();\n }\n },\n [closeModal, isDismissible, modalElement]\n );\n\n useEffect(() => {\n if (!isOpen || !modalElement) return;\n const closeOnPressingEscape = (event: KeyboardEvent): void => {\n const isEscapePressed = event.key === 'Escape' || event.key === 'Esc' || event.keyCode === KEYCODE_ESC;\n if (isEscapePressed) {\n closeModal();\n }\n };\n\n modalElement.addEventListener('keydown', closeOnPressingEscape);\n return () => modalElement.removeEventListener('keydown', closeOnPressingEscape);\n }, [isOpen, modalElement, closeModal]);\n\n return { closeModal, handleClickOutside };\n};\n\nexport { useModal };\n"],"names":["useModal","modalElement","isOpen","isDismissible","focusFirst","focusAfterClose","onClose","useTrapFocus","rootElement","shouldTrap","closeModal","useCallback","focus","handleClickOutside","event","target","HTMLElement","contains","useEffect","closeOnPressingEscape","key","keyCode","addEventListener","removeEventListener"],"mappings":"2IAoBA,MAEMA,EAAW,EAAGC,eAAcC,SAAQC,gBAAeC,aAAYC,kBAAiBC,cAClFC,EAAa,CAAEC,YAAaP,EAAcQ,WAAYP,EAAQE,eAE9D,MAAMM,EAAaC,GAAY,KAC3BN,EAAgBO,QAChBN,GAAAA,GACD,CAACA,EAASD,IAEPQ,EAAqBF,GACtBG,IACOX,GAAiBW,EAAMC,kBAAkBC,cAAgBf,EAAagB,SAASH,EAAMC,SACrFL,GACJ,GAEJ,CAACA,EAAYP,EAAeF,IAgBhC,OAbAiB,GAAU,KACN,IAAKhB,IAAWD,EAAc,OAC9B,MAAMkB,EAAyBL,KACW,WAAdA,EAAMM,KAAkC,QAAdN,EAAMM,KAtBhD,KAsBiEN,EAAMO,UAE3EX,GACJ,EAIJ,OADAT,EAAaqB,iBAAiB,UAAWH,GAClC,IAAMlB,EAAasB,oBAAoB,UAAWJ,EAAAA,GAC1D,CAACjB,EAAQD,EAAcS,IAEnB,CAAEA,aAAYG,qBAAmB"}

package/dist/es/components/internal/Modal/useTrapFocus.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{useState as e,useEffect as t}from"../../../external/preact/hooks/dist/hooks.js";const o=({rootElement:o,focusFirst:n,shouldTrap:s=!0})=>{const[d,i]=e(n);t((()=>{s&&d?.focus()}),[d,s]),t((()=>{if(!s)return;const e=o.querySelectorAll('a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input[type="text"]:not([disabled]), input[type="radio"]:not([disabled]), input[type="checkbox"]:not([disabled]), select:not([disabled])'),t=e[0],d=e[e.length-1];i(n\|\|t);const r=e=>{if("Tab"===e.key\|\|9===e.keyCode)return e.shiftKey&&document.activeElement===t?(d.focus(),void e.preventDefault()):document.activeElement===d?(t.focus(),void e.preventDefault()):void 0};return o.addEventListener("keydown",r),()=>{i(null),o.removeEventListener("keydown",r)}}),[o,n,s])};export{o as useTrapFocus};
2	+ //# sourceMappingURL=useTrapFocus.js.map

package/dist/es/components/internal/Modal/useTrapFocus.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useTrapFocus.js","sources":["../../../../../src/components/internal/Modal/useTrapFocus.ts"],"sourcesContent":["import { useEffect, useState } from 'preact/hooks';\n\ntype UseTrapFocusProps = {\n rootElement?: HTMLElement;\n /**\n * Element that must be focused when the hook is executed. If no element is passed, the first focusable child\n * element of the root element will be focused\n */\n focusFirst?: HTMLElement;\n /**\n * Can be used to conditionally disable the trap mechanism\n */\n shouldTrap?: boolean;\n};\n\nconst KEYCODE_TAB = 9;\nconst FOCUSABLE_ELEMENTS =\n 'a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input[type=\"text\"]:not([disabled]), input[type=\"radio\"]:not([disabled]), input[type=\"checkbox\"]:not([disabled]), select:not([disabled])';\n\n/**\n * Hook used to trap the focus within the specific element and its child nodes.\n */\nconst useTrapFocus = ({ rootElement, focusFirst, shouldTrap = true }: UseTrapFocusProps): void => {\n const [firstFocusableEl, setFirstFocusableEl] = useState<HTMLElement>(focusFirst);\n\n useEffect(() => {\n if (!shouldTrap) return;\n firstFocusableEl?.focus();\n }, [firstFocusableEl, shouldTrap]);\n\n useEffect(() => {\n if (!shouldTrap) return;\n\n const focusableEl: NodeListOf<HTMLElement> = rootElement.querySelectorAll<HTMLElement>(FOCUSABLE_ELEMENTS);\n\n const firstFocusableEl: HTMLElement = focusableEl[0];\n const lastFocusableEl: HTMLElement = focusableEl[focusableEl.length - 1];\n\n setFirstFocusableEl(focusFirst || firstFocusableEl);\n\n const trapFocus = (event: KeyboardEvent): void => {\n const isTabPressed = event.key === 'Tab' || event.keyCode === KEYCODE_TAB;\n\n if (!isTabPressed) return;\n\n if (event.shiftKey && document.activeElement === firstFocusableEl) {\n lastFocusableEl.focus();\n event.preventDefault();\n return;\n }\n if (document.activeElement === lastFocusableEl) {\n firstFocusableEl.focus();\n event.preventDefault();\n return;\n }\n };\n\n rootElement.addEventListener('keydown', trapFocus);\n\n return () => {\n setFirstFocusableEl(null);\n rootElement.removeEventListener('keydown', trapFocus);\n };\n }, [rootElement, focusFirst, shouldTrap]);\n};\n\nexport { useTrapFocus };\n"],"names":["useTrapFocus","rootElement","focusFirst","shouldTrap","firstFocusableEl","setFirstFocusableEl","useState","useEffect","focus","focusableEl","querySelectorAll","lastFocusableEl","length","trapFocus","event","key","keyCode","shiftKey","document","activeElement","preventDefault","addEventListener","removeEventListener"],"mappings":"uFAeA,MAOMA,EAAe,EAAGC,cAAaC,aAAYC,cAAa,MAC1D,MAAOC,EAAkBC,GAAuBC,EAAsBJ,GAEtEK,GAAU,KACDJ,GACLC,GAAkBI,OAAAA,GACnB,CAACJ,EAAkBD,IAEtBI,GAAU,KACN,IAAKJ,EAAY,OAEjB,MAAMM,EAAuCR,EAAYS,iBAhB7D,sNAkBUN,EAAgCK,EAAY,GAC5CE,EAA+BF,EAAYA,EAAYG,OAAS,GAEtEP,EAAoBH,GAAcE,GAElC,MAAMS,EAAaC,IAGf,GAFmC,QAAdA,EAAMC,KA1BnB,IA0BoCD,EAAME,QAIlD,OAAIF,EAAMG,UAAYC,SAASC,gBAAkBf,GAC7CO,EAAgBH,aAChBM,EAAMM,kBAGNF,SAASC,gBAAkBR,GAC3BP,EAAiBI,aACjBM,EAAMM,uBAFV,CAIA,EAKJ,OAFAnB,EAAYoB,iBAAiB,UAAWR,GAEjC,KACHR,EAAoB,MACpBJ,EAAYqB,oBAAoB,UAAWT,EAAAA,CAC/C,GACD,CAACZ,EAAaC,EAAYC,GAAW"}

package/dist/es/components/internal/OpenInvoice/OpenInvoice.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{createElement as e}from"../../../external/preact/dist/preact.js";import{useRef as s,useMemo as r,useState as o,useEffect as t}from"../../../external/preact/hooks/dist/hooks.js";import i from"../../../core/Context/useCoreContext.js";import n,{COMPANY_DETAILS_SCHEMA as a}from"../CompanyDetails/CompanyDetails.js";import l,{PERSONAL_DETAILS_SCHEMA as d}from"../PersonalDetails/PersonalDetails.js";import c from"../Address/Address.js";import u from"../FormFields/Checkbox/Checkbox.js";import m from"../FormFields/ConsentCheckbox/ConsentCheckbox.js";import{mapFieldKey as p,getInitialActiveFieldsets as b,fieldsetsSchema as y,getActiveFieldsData as f}from"./utils.js";import C from"../IbanInput/IbanInput.js";import{enhanceErrorObjectKeys as h}from"../../../core/Errors/utils.js";import A from"../../../core/Errors/useSRPanelContext.js";import v from"../Address/Specifications.js";import{setFocusOnField as g}from"../../../utils/setFocus.js";import{ERROR_ACTION_BLUR_SCENARIO as k,ERROR_ACTION_FOCUS_FIELD as F}from"../../../core/Errors/constants.js";import{usePrevious as j}from"../../../utils/hookUtils.js";import{getArrayDifferences as D}from"../../../utils/arrayUtils.js";import x from"../FormFields/Field/Field.js";import S from"../FormInstruction/FormInstruction.js";const R={isValid:!1,errorMessage:"consent.checkbox.invalid",error:"consent.checkbox.invalid"};function w(w){const{countryCode:E,visibility:M}=w,{i18n:q}=i(),I=s({});Object.keys(I.current).length\|\|w.setComponentRef?.(I.current);const L=s(!1),{setSRMessagesFromObjects:P,setSRMessagesFromStrings:V,clearSRPanel:N,shouldMoveFocusSR:O}=A(),_=P?.({fieldTypeMappingFn:p}),B=r((()=>new v),[]),T=b(M,w.data),[U,$]=o(T),{current:z}=s(y.reduce(((e,s)=>(e[s]=e=>{z[s].current=e},e)),{})),G=!!w.consentCheckboxLabel,H=!G&&Object.keys(U).every((e=>!U[e])),J="editable"===M.deliveryAddress&&"hidden"!==M.billingAddress,[K,Q]=o({...w.data,...G&&{consentCheckbox:!1}}),[W,X]=o({}),[Y,Z]=o({}),[ee,se]=o("ready"),[re,oe]=o(null);I.current.showValidation=()=>{L.current=!0,y.forEach((e=>{z[e].current&&z[e].current.showValidation()})),X({...G&&{consentCheckbox:K.consentCheckbox?null:R}})},I.current.setStatus=se;const te=j(re);t((()=>{const e=Object.keys(U).every((e=>!U[e]\|\|!!Y[e])),s=!G\|\|!!Y.consentCheckbox,r=e&&s,o=f(U,K),t="deliveryAddress:",{companyDetails:i,personalDetails:n,bankAccount:l,billingAddress:c,deliveryAddress:u,...m}=W,p=h(u,t),b={..."object"==typeof i&&i,..."object"==typeof n&&n,..."object"==typeof l&&l,..."object"==typeof c&&c,..."object"==typeof p&&p,...m},y=a,C=w.personalDetailsRequiredFields??d,A=d.filter((e=>C?.includes(e))),v=B.getAddressSchemaForCountryFlat(K.billingAddress?.country),j=B.getAddressSchemaForCountryFlat(K.deliveryAddress?.country).map((e=>`${t}${e}`)),x=y.concat(A,["holder","iban"],v,j,["consentCheckbox"]),S=B.getAddressLabelsForCountry(K.billingAddress?.country??K.deliveryAddress?.country),R=_?.({errors:b,isValidating:L.current,layout:x,countrySpecificLabels:S}),E=R?.currentErrorsSortedByLayout;switch(oe(E),R?.action){case F:O&&g(".adyen-checkout__open-invoice",R.fieldToFocus),setTimeout((()=>{L.current=!1}),300);break;case k:{const e=D(E,te,"field"),s=e?.[0];if(s){const e="shopperEmail.invalid"===s.errorCode?s.errorMessage:null;V(e)}else N();break}}w.onChange({data:o,errors:W,valid:Y,isValid:r})}),[K,U]);const ie=e=>s=>{Q((r=>({...r,[e]:s.data}))),Z((r=>({...r,[e]:s.isValid}))),X((r=>({...r,[e]:s.errors})))};return e("div",{className:"adyen-checkout__open-invoice"},w.showFormInstruction&&e(S,null),U.companyDetails&&e(n,{data:w.data.companyDetails,label:"companyDetails",onChange:ie("companyDetails"),setComponentRef:z.companyDetails,visibility:M.companyDetails}),U.personalDetails&&e(l,{data:w.data.personalDetails,requiredFields:w.personalDetailsRequiredFields,label:"personalDetails",onChange:ie("personalDetails"),setComponentRef:z.personalDetails,visibility:M.personalDetails}),U.bankAccount&&e(C,{holderName:!0,label:"bankAccount",data:K.bankAccount,onChange:ie("bankAccount"),ref:z.bankAccount}),U.billingAddress&&e(c,{allowedCountries:w?.billingAddressSpecification?.allowedCountries??w.allowedCountries,countryCode:E,requiredFields:w.billingAddressRequiredFields,specifications:w.billingAddressSpecification,data:K.billingAddress,label:"billingAddress",onChange:ie("billingAddress"),setComponentRef:z.billingAddress,visibility:M.billingAddress}),J&&e(x,{classNameModifiers:["separateDeliveryAddress","consentCheckbox"],name:"separateDeliveryAddress",useLabelElement:!1,showErrorElement:!1},e(u,{label:q.get("separateDeliveryAddress"),checked:U.deliveryAddress,classNameModifiers:["separateDeliveryAddress"],name:"separateDeliveryAddress",onChange:()=>{$((e=>({...e,deliveryAddress:!U.deliveryAddress})))}})),U.deliveryAddress&&e(c,{allowedCountries:w?.deliveryAddressSpecification?.allowedCountries??w.allowedCountries,countryCode:E,requiredFields:w.deliveryAddressRequiredFields,specifications:w.deliveryAddressSpecification,data:K.deliveryAddress,label:"deliveryAddress",onChange:ie("deliveryAddress"),setComponentRef:z.deliveryAddress,visibility:M.deliveryAddress}),G&&e(m,{data:K,errorMessage:!!W.consentCheckbox,label:w.consentCheckboxLabel,onChange:e=>{const{checked:s}=e.target;Q((e=>({...e,consentCheckbox:s}))),Z((e=>({...e,consentCheckbox:s}))),X((e=>({...e,consentCheckbox:!s})))},i18n:q}),w.showPayButton&&w.payButton({status:ee,classNameModifiers:[...H?["standalone"]:[]],label:q.get("confirmPurchase")}))}export{w as default};
2	+ //# sourceMappingURL=OpenInvoice.js.map