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

package/dist/es-legacy/components/internal/Img/Img.js.map

@@ -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":"wmCAOe,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,EAAAA,EAAAA,CAAIC,MAAO,CAAExB,kBAA0CD,GAAAA,CAAOE,UAAWW,KAG9EU,EAACG,MAAQ1B,EAAAA,EAAAA,CAAAA,EAAAA,GAAAA,CAAOK,IAAKA,EAAKsB,IAAKjB,EAAUR,UAAWW,EAAYe,QAtBnD,KAChBpB,EAAUF,EAAAA,IAsBlB"}

package/dist/es-legacy/components/internal/IssuerList/IssuerButtonGroup/IssuerButton.js

@@ -0,0 +1,2 @@
+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};
+//# sourceMappingURL=IssuerButton.js.map

package/dist/es-legacy/components/internal/IssuerList/IssuerButtonGroup/IssuerButton.js.map

@@ -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-legacy/components/internal/IssuerList/IssuerButtonGroup/IssuerButtonGroup.js

@@ -0,0 +1,2 @@
+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 o from"../../../../core/Context/useCoreContext.js";function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const s=({items:s=[],selectedIssuerId:i,onChange:u})=>{const{i18n:a}=o(),l=t((e=>{const t=e.currentTarget.value;Object.defineProperty(e.target,"value",{value:t}),u(e)}),[u]);return e("div",{className:"adyen-checkout__issuer-button-group",role:"group","aria-label":a.get("issuerList.selectField.contextualText")},s.map((t=>e(r,c(function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){n(e,t,r[t])}))}return e}({key:t.id},t),{selected:i===t.id,onClick:l})))))};export{s as default};
+//# sourceMappingURL=IssuerButtonGroup.js.map

package/dist/es-legacy/components/internal/IssuerList/IssuerButtonGroup/IssuerButtonGroup.js.map

@@ -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":"ozBAaMA,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,wUAAAA,CAAAA,CAAaC,IAAKF,EAAOG,IAAQH,GAAAA,CAAQI,SAAUvB,IAAqBmB,EAAOG,GAAIE,QAASpB"}

package/dist/es-legacy/components/internal/IssuerList/IssuerList.js

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

package/dist/es-legacy/components/internal/IssuerList/IssuerList.js.map

@@ -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","_param","placeholder","highlightedIds","showContextualElement","contextualText","props","_object_without_properties","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","_object_spread","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-legacy/components/internal/LoadingWrapper/LoadingWrapper.js

@@ -0,0 +1,2 @@
+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};
+//# sourceMappingURL=LoadingWrapper.js.map

package/dist/es-legacy/components/internal/LoadingWrapper/LoadingWrapper.js.map

@@ -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-legacy/components/internal/Modal/Modal.js

@@ -0,0 +1,2 @@
+import{createElement as e}from"../../../external/preact/dist/preact.js";import{useRef as r}from"../../../external/preact/hooks/dist/hooks.js";import o from"../../../external/classnames/index.js";import{useModal as t}from"./useModal.js";function s(e,r,o){return r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}function n(e,r){if(null==e)return{};var o,t,s=function(e,r){if(null==e)return{};var o,t,s={},n=Object.keys(e);for(t=0;t<n.length;t++)o=n[t],r.indexOf(o)>=0||(s[o]=e[o]);return s}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(t=0;t<n.length;t++)o=n[t],r.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(s[o]=e[o])}return s}const l=l=>{var{children:a,classNameModifiers:i=[],isOpen:c,onClose:d,isDismissible:u=!0,labelledBy:f,describedBy:m,focusFirst:p,focusAfterClose:b}=l,y=n(l,["children","classNameModifiers","isOpen","onClose","isDismissible","labelledBy","describedBy","focusFirst","focusAfterClose"]);const O=r(),{closeModal:h,handleClickOutside:j}=t({modalElement:O.current,isOpen:c,isDismissible:u,focusFirst:p,focusAfterClose:b,onClose:d});return e("div",function(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{},t=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),t.forEach((function(r){s(e,r,o[r])}))}return e}({className:o("adyen-checkout__modal-wrapper",i.map((e=>`adyen-checkout__modal-wrapper--${e}`)),{"adyen-checkout__modal-wrapper--open":c}),role:"dialog","aria-labelledby":f,"aria-describedby":m,"aria-modal":"true","aria-hidden":!c,onClick:j},y),e("div",{className:"adyen-checkout__modal",ref:O},a({onCloseModal:h})))};export{l as Modal};
+//# sourceMappingURL=Modal.js.map

package/dist/es-legacy/components/internal/Modal/Modal.js.map

@@ -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","_param","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":"wtBAgCA,MAAMA,EAAQC,QAACC,SACXA,EAAQC,mBACRA,EAAqB,GAAEC,OACvBA,EAAMC,QACNA,EAAOC,cACPA,GAAgB,EAAIC,WACpBA,EAAUC,YACVA,EAAWC,WACXA,EAAUC,gBACVA,GACGC,EAAAA,EAAAA,EAAAA,EAAAA,CATHT,WACAC,qBACAC,SACAC,UACAC,gBACAC,aACAC,cACAC,aACAC,oBAGA,MAAME,EAAoBC,KACpBC,WAAEA,EAAUC,mBAAEA,GAAuBC,EAAS,CAChDC,aAAcL,EAAkBM,QAChCd,SACAE,gBACAG,aACAC,kBACAL,YAGJ,OACIc,EAACC,4UAAAA,CAAAA,CACGC,UAAWC,EACP,gCACAnB,EAAmBoB,KAAIC,GAAK,kCAAkCA,MAC9D,CAAE,sCAAuCpB,IAE7CqB,KAAK,SACLC,kBAAiBnB,EACjBoB,mBAAkBnB,EAClBoB,aAAW,OACXC,eAAczB,EACd0B,QAASf,GACLJ,GAEJQ,EAACC,MAAAA,CAAIC,UAAU,wBAAwBU,IAAKnB,GACvCV,EAAS,CAAE8B,aAAclB,KAAW"}

package/dist/es-legacy/components/internal/Modal/useModal.js

@@ -0,0 +1,2 @@
+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};
+//# sourceMappingURL=useModal.js.map

package/dist/es-legacy/components/internal/Modal/useModal.js.map

@@ -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-legacy/components/internal/Modal/useTrapFocus.js

@@ -0,0 +1,2 @@
+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&&(null==d||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};
+//# sourceMappingURL=useTrapFocus.js.map

package/dist/es-legacy/components/internal/Modal/useTrapFocus.js.map

@@ -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,IACLC,SAAAA,EAAkBI,QAAK,GACxB,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-legacy/components/internal/OpenInvoice/OpenInvoice.js

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

package/dist/es-legacy/components/internal/OpenInvoice/OpenInvoice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenInvoice.js","sources":["../../../../../src/components/internal/OpenInvoice/OpenInvoice.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useEffect, useRef, useState, useMemo } from 'preact/hooks';\nimport useCoreContext from '../../../core/Context/useCoreContext';\nimport CompanyDetails from '../CompanyDetails';\nimport PersonalDetails from '../PersonalDetails';\nimport Address from '../Address';\nimport Checkbox from '../FormFields/Checkbox';\nimport ConsentCheckbox from '../FormFields/ConsentCheckbox';\nimport { getActiveFieldsData, getInitialActiveFieldsets, fieldsetsSchema, mapFieldKey } from './utils';\nimport {\n    OpenInvoiceActiveFieldsets,\n    OpenInvoiceFieldsetsRefs,\n    OpenInvoiceProps,\n    OpenInvoiceStateData,\n    OpenInvoiceStateError,\n    OpenInvoiceStateValid\n} from './types';\nimport './OpenInvoice.scss';\nimport IbanInput from '../IbanInput';\nimport { enhanceErrorObjectKeys } from '../../../core/Errors/utils';\nimport { GenericError, SetSRMessagesReturnObject, SortedErrorObject } from '../../../core/Errors/types';\nimport useSRPanelContext from '../../../core/Errors/useSRPanelContext';\nimport { SetSRMessagesReturnFn } from '../../../core/Errors/SRPanelProvider';\nimport Specifications from '../Address/Specifications';\nimport { PERSONAL_DETAILS_SCHEMA } from '../PersonalDetails/PersonalDetails';\nimport { COMPANY_DETAILS_SCHEMA } from '../CompanyDetails/CompanyDetails';\nimport { setFocusOnField } from '../../../utils/setFocus';\nimport { ERROR_ACTION_BLUR_SCENARIO, ERROR_ACTION_FOCUS_FIELD } from '../../../core/Errors/constants';\nimport { usePrevious } from '../../../utils/hookUtils';\nimport { getArrayDifferences } from '../../../utils/arrayUtils';\nimport Field from '../FormFields/Field';\nimport FormInstruction from '../FormInstruction';\nimport { ComponentMethodsRef } from '../UIElement/types';\n\nconst consentCBErrorObj: GenericError = {\n    isValid: false,\n    errorMessage: 'consent.checkbox.invalid',\n    error: 'consent.checkbox.invalid'\n};\n\nexport default function OpenInvoice(props: OpenInvoiceProps) {\n    const { countryCode, visibility } = props;\n    const { i18n } = useCoreContext();\n\n    /** An object by which to expose 'public' members to the parent UIElement */\n    const openInvoiceRef = useRef<ComponentMethodsRef>({});\n    // Just call once\n    if (!Object.keys(openInvoiceRef.current).length) {\n        props.setComponentRef?.(openInvoiceRef.current);\n    }\n\n    const isValidating = useRef(false);\n\n    /** SR stuff */\n    const { setSRMessagesFromObjects, setSRMessagesFromStrings, clearSRPanel, shouldMoveFocusSR } = useSRPanelContext();\n\n    // Generate a setSRMessages function - implemented as a partial, since the initial set of arguments don't change.\n    const setSRMessages: SetSRMessagesReturnFn = setSRMessagesFromObjects?.({\n        fieldTypeMappingFn: mapFieldKey\n    });\n\n    const specifications = useMemo(() => new Specifications(), []);\n    /** end SR stuff */\n\n    const initialActiveFieldsets: OpenInvoiceActiveFieldsets = getInitialActiveFieldsets(visibility, props.data);\n    const [activeFieldsets, setActiveFieldsets] = useState<OpenInvoiceActiveFieldsets>(initialActiveFieldsets);\n\n    const { current: fieldsetsRefs } = useRef<OpenInvoiceFieldsetsRefs>(\n        fieldsetsSchema.reduce((acc, fieldset) => {\n            acc[fieldset] = ref => {\n                fieldsetsRefs[fieldset].current = ref;\n            };\n            return acc;\n        }, {})\n    );\n\n    const checkFieldsets = () => Object.keys(activeFieldsets).every(fieldset => !activeFieldsets[fieldset] || !!valid[fieldset]);\n    const hasConsentCheckbox = !!props.consentCheckboxLabel;\n    const isStandAloneButton = !hasConsentCheckbox && Object.keys(activeFieldsets).every(key => !activeFieldsets[key]);\n    const showSeparateDeliveryAddressCheckbox = visibility.deliveryAddress === 'editable' && visibility.billingAddress !== 'hidden';\n\n    const [data, setData] = useState<OpenInvoiceStateData>({\n        ...props.data,\n        ...(hasConsentCheckbox && { consentCheckbox: false })\n    });\n    const [errors, setErrors] = useState<OpenInvoiceStateError>({});\n    const [valid, setValid] = useState<OpenInvoiceStateValid>({});\n    const [status, setStatus] = useState('ready');\n\n    // Relates to onBlur errors\n    const [sortedErrorList, setSortedErrorList] = useState<SortedErrorObject[]>(null);\n\n    // Expose methods expected by parent\n    openInvoiceRef.current.showValidation = () => {\n        isValidating.current = true;\n        fieldsetsSchema.forEach(fieldset => {\n            if (fieldsetsRefs[fieldset].current) fieldsetsRefs[fieldset].current.showValidation();\n        });\n\n        setErrors({\n            ...(hasConsentCheckbox && { consentCheckbox: data.consentCheckbox ? null : consentCBErrorObj })\n        });\n    };\n\n    openInvoiceRef.current.setStatus = setStatus;\n\n    // Get the previous value (Relates to onBlur errors)\n    const previousSortedErrors = usePrevious(sortedErrorList);\n\n    useEffect(() => {\n        const fieldsetsAreValid: boolean = checkFieldsets();\n        const consentCheckboxValid: boolean = !hasConsentCheckbox || !!valid.consentCheckbox;\n        const isValid: boolean = fieldsetsAreValid && consentCheckboxValid;\n        const newData: OpenInvoiceStateData = getActiveFieldsData(activeFieldsets, data);\n\n        const DELIVERY_ADDRESS_PREFIX = 'deliveryAddress:';\n\n        /** Create messages for SRPanel */\n        // Extract nested errors from the various child components...\n        const {\n            companyDetails: extractedCompanyDetailsErrors,\n            personalDetails: extractedPersonalDetailsErrors,\n            bankAccount: extractedBankAccountErrors,\n            billingAddress: extractedBillingAddressErrors,\n            deliveryAddress: extractedDeliveryAddressErrors,\n            ...remainingErrors\n        } = errors;\n\n        // (Differentiate between billingAddress and deliveryAddress errors by adding a prefix to the latter)\n        const enhancedDeliveryAddressErrors = enhanceErrorObjectKeys(extractedDeliveryAddressErrors, DELIVERY_ADDRESS_PREFIX);\n\n        // ...and then collate the errors into a new object so that they all sit at top level\n        const errorsForPanel = {\n            ...(typeof extractedCompanyDetailsErrors === 'object' && extractedCompanyDetailsErrors),\n            ...(typeof extractedPersonalDetailsErrors === 'object' && extractedPersonalDetailsErrors),\n            ...(typeof extractedBankAccountErrors === 'object' && extractedBankAccountErrors),\n            ...(typeof extractedBillingAddressErrors === 'object' && extractedBillingAddressErrors),\n            ...(typeof enhancedDeliveryAddressErrors === 'object' && enhancedDeliveryAddressErrors),\n            ...remainingErrors\n        };\n\n        // Create layout\n        const companyDetailsLayout: string[] = COMPANY_DETAILS_SCHEMA;\n\n        const personalDetailsReqFields: string[] = props.personalDetailsRequiredFields ?? PERSONAL_DETAILS_SCHEMA;\n        const personalDetailLayout: string[] = PERSONAL_DETAILS_SCHEMA.filter(x => personalDetailsReqFields?.includes(x));\n\n        const bankAccountLayout = ['holder', 'iban'];\n\n        const billingAddressLayout = specifications.getAddressSchemaForCountryFlat(data.billingAddress?.country);\n\n        const deliveryAddressLayout = specifications.getAddressSchemaForCountryFlat(data.deliveryAddress?.country);\n        // In order to sort the deliveryAddress errors the layout entries need to have the same (prefixed) identifier as the errors themselves\n        const deliveryAddressLayoutEnhanced = deliveryAddressLayout.map(item => `${DELIVERY_ADDRESS_PREFIX}${item}`);\n\n        const fullLayout = companyDetailsLayout.concat(personalDetailLayout, bankAccountLayout, billingAddressLayout, deliveryAddressLayoutEnhanced, [\n            'consentCheckbox'\n        ]);\n\n        // Country specific address labels\n        const countrySpecificLabels = specifications.getAddressLabelsForCountry(data.billingAddress?.country ?? data.deliveryAddress?.country);\n\n        // Set messages: Pass dynamic props (errors, layout etc) to SRPanel via partial\n        const srPanelResp: SetSRMessagesReturnObject = setSRMessages?.({\n            errors: errorsForPanel,\n            isValidating: isValidating.current,\n            layout: fullLayout,\n            countrySpecificLabels\n        });\n\n        // Relates to onBlur errors\n        const currentErrorsSortedByLayout = srPanelResp?.currentErrorsSortedByLayout;\n\n        // Store the array of sorted error objects separately so that we can use it to make comparisons between the old and new arrays\n        setSortedErrorList(currentErrorsSortedByLayout); // Relates to onBlur errors\n\n        /**\n         * Need extra actions after setting SRPanel messages in order to focus field (if required) and because we have some errors that are fired onBlur\n         */\n        switch (srPanelResp?.action) {\n            // A call to focus the first field in error will always follow the call to validate the whole form\n            case ERROR_ACTION_FOCUS_FIELD:\n                // Focus first field in error, if required\n                if (shouldMoveFocusSR) setFocusOnField('.adyen-checkout__open-invoice', srPanelResp.fieldToFocus);\n                // Remove 'showValidation' mode - allowing time for collation of all the fields in error whilst it is 'showValidation' mode (some errors come in a second render pass)\n                setTimeout(() => {\n                    isValidating.current = false;\n                }, 300);\n                break;\n\n            /** On blur scenario: not validating, i.e. trying to submit form, but there might be an error, either to set or to clear */\n            case ERROR_ACTION_BLUR_SCENARIO: {\n                const difference = getArrayDifferences(currentErrorsSortedByLayout, previousSortedErrors, 'field');\n\n                const latestErrorMsg = difference?.[0];\n\n                if (latestErrorMsg) {\n                    // Is error actually a blur based one - depends on the specific fields in a component as to whether they validate on blur\n                    const isBlurBasedError = latestErrorMsg.errorCode === 'shopperEmail.invalid';\n\n                    // Only add blur based errors to the error panel - doing this step prevents the non-blur based errors from being read out twice\n                    const latestSRError = isBlurBasedError ? latestErrorMsg.errorMessage : null;\n                    setSRMessagesFromStrings(latestSRError);\n                } else {\n                    // called when previousSortedErrors.length >= currentErrorsSortedByLayout.length\n                    clearSRPanel();\n                }\n\n                break;\n            }\n            default:\n                break;\n        }\n\n        props.onChange({ data: newData, errors, valid, isValid });\n    }, [data, activeFieldsets]);\n\n    const handleFieldset = key => state => {\n        setData(prevData => ({ ...prevData, [key]: state.data }));\n        setValid(prevValid => ({ ...prevValid, [key]: state.isValid }));\n        setErrors(prevErrors => ({ ...prevErrors, [key]: state.errors }));\n    };\n\n    const handleSeparateDeliveryAddress = () => {\n        setActiveFieldsets(prevActiveFields => ({\n            ...prevActiveFields,\n            deliveryAddress: !activeFieldsets.deliveryAddress\n        }));\n    };\n\n    const handleConsentCheckbox = e => {\n        const { checked } = e.target;\n        setData(prevData => ({ ...prevData, consentCheckbox: checked }));\n        setValid(prevValid => ({ ...prevValid, consentCheckbox: checked }));\n        setErrors(prevErrors => ({ ...prevErrors, consentCheckbox: !checked }));\n    };\n    return (\n        <div className=\"adyen-checkout__open-invoice\">\n            {props.showFormInstruction && <FormInstruction />}\n            {activeFieldsets.companyDetails && (\n                <CompanyDetails\n                    data={props.data.companyDetails}\n                    label=\"companyDetails\"\n                    onChange={handleFieldset('companyDetails')}\n                    setComponentRef={fieldsetsRefs.companyDetails}\n                    visibility={visibility.companyDetails}\n                />\n            )}\n\n            {activeFieldsets.personalDetails && (\n                <PersonalDetails\n                    data={props.data.personalDetails}\n                    requiredFields={props.personalDetailsRequiredFields}\n                    label=\"personalDetails\"\n                    onChange={handleFieldset('personalDetails')}\n                    setComponentRef={fieldsetsRefs.personalDetails}\n                    visibility={visibility.personalDetails}\n                />\n            )}\n\n            {activeFieldsets.bankAccount && (\n                <IbanInput\n                    holderName={true}\n                    label=\"bankAccount\"\n                    data={data.bankAccount}\n                    onChange={handleFieldset('bankAccount')}\n                    ref={fieldsetsRefs.bankAccount}\n                />\n            )}\n\n            {activeFieldsets.billingAddress && (\n                <Address\n                    allowedCountries={props?.billingAddressSpecification?.allowedCountries ?? props.allowedCountries}\n                    countryCode={countryCode}\n                    requiredFields={props.billingAddressRequiredFields}\n                    specifications={props.billingAddressSpecification}\n                    data={data.billingAddress}\n                    label=\"billingAddress\"\n                    onChange={handleFieldset('billingAddress')}\n                    setComponentRef={fieldsetsRefs.billingAddress}\n                    visibility={visibility.billingAddress}\n                />\n            )}\n\n            {showSeparateDeliveryAddressCheckbox && (\n                <Field\n                    classNameModifiers={['separateDeliveryAddress', 'consentCheckbox']}\n                    name={'separateDeliveryAddress'}\n                    useLabelElement={false}\n                    showErrorElement={false}\n                >\n                    <Checkbox\n                        label={i18n.get('separateDeliveryAddress')}\n                        checked={activeFieldsets.deliveryAddress}\n                        classNameModifiers={['separateDeliveryAddress']}\n                        name={'separateDeliveryAddress'}\n                        onChange={handleSeparateDeliveryAddress}\n                    />\n                </Field>\n            )}\n\n            {activeFieldsets.deliveryAddress && (\n                <Address\n                    allowedCountries={props?.deliveryAddressSpecification?.allowedCountries ?? props.allowedCountries}\n                    countryCode={countryCode}\n                    requiredFields={props.deliveryAddressRequiredFields}\n                    specifications={props.deliveryAddressSpecification}\n                    data={data.deliveryAddress}\n                    label=\"deliveryAddress\"\n                    onChange={handleFieldset('deliveryAddress')}\n                    setComponentRef={fieldsetsRefs.deliveryAddress}\n                    visibility={visibility.deliveryAddress}\n                />\n            )}\n\n            {hasConsentCheckbox && (\n                <ConsentCheckbox\n                    data={data}\n                    errorMessage={!!errors.consentCheckbox}\n                    label={props.consentCheckboxLabel}\n                    onChange={handleConsentCheckbox}\n                    i18n={i18n}\n                />\n            )}\n\n            {props.showPayButton &&\n                props.payButton({\n                    status,\n                    classNameModifiers: [...(isStandAloneButton ? ['standalone'] : [])],\n                    label: i18n.get('confirmPurchase')\n                })}\n        </div>\n    );\n}\n"],"names":["consentCBErrorObj","isValid","errorMessage","error","OpenInvoice","props","countryCode","visibility","i18n","useCoreContext","openInvoiceRef","useRef","Object","keys","current","length","setComponentRef","isValidating","setSRMessagesFromObjects","setSRMessagesFromStrings","clearSRPanel","shouldMoveFocusSR","useSRPanelContext","setSRMessages","fieldTypeMappingFn","mapFieldKey","specifications","useMemo","Specifications","initialActiveFieldsets","getInitialActiveFieldsets","data","activeFieldsets","setActiveFieldsets","useState","fieldsetsRefs","fieldsetsSchema","reduce","acc","fieldset","ref","hasConsentCheckbox","consentCheckboxLabel","isStandAloneButton","every","key","showSeparateDeliveryAddressCheckbox","deliveryAddress","billingAddress","setData","_object_spread","consentCheckbox","errors","setErrors","valid","setValid","status","setStatus","sortedErrorList","setSortedErrorList","showValidation","forEach","previousSortedErrors","usePrevious","useEffect","fieldsetsAreValid","consentCheckboxValid","newData","getActiveFieldsData","DELIVERY_ADDRESS_PREFIX","companyDetails","extractedCompanyDetailsErrors","personalDetails","extractedPersonalDetailsErrors","bankAccount","extractedBankAccountErrors","extractedBillingAddressErrors","extractedDeliveryAddressErrors","remainingErrors","enhancedDeliveryAddressErrors","enhanceErrorObjectKeys","errorsForPanel","companyDetailsLayout","COMPANY_DETAILS_SCHEMA","personalDetailsReqFields","personalDetailsRequiredFields","PERSONAL_DETAILS_SCHEMA","personalDetailLayout","filter","x","includes","billingAddressLayout","getAddressSchemaForCountryFlat","country","deliveryAddressLayoutEnhanced","map","item","fullLayout","concat","countrySpecificLabels","getAddressLabelsForCountry","srPanelResp","layout","currentErrorsSortedByLayout","action","ERROR_ACTION_FOCUS_FIELD","setFocusOnField","fieldToFocus","setTimeout","ERROR_ACTION_BLUR_SCENARIO","difference","getArrayDifferences","latestErrorMsg","latestSRError","errorCode","onChange","handleFieldset","state","prevData","_object_spread_props","prevValid","prevErrors","h","div","className","showFormInstruction","FormInstruction","CompanyDetails","label","PersonalDetails","requiredFields","IbanInput","holderName","Address","allowedCountries","billingAddressSpecification","billingAddressRequiredFields","Field","classNameModifiers","name","useLabelElement","showErrorElement","Checkbox","get","checked","prevActiveFields","deliveryAddressSpecification","deliveryAddressRequiredFields","ConsentCheckbox","e","target","showPayButton","payButton"],"mappings":"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"}

package/dist/es-legacy/components/internal/OpenInvoice/utils.js

@@ -0,0 +1,2 @@
+import{mapFieldKey as e}from"../PersonalDetails/utils.js";import{mapFieldKey as s}from"../Address/utils.js";const t=["companyDetails","personalDetails","billingAddress","deliveryAddress","bankAccount"],r=(e,s)=>Object.keys(s).filter((s=>e[s])).reduce(((e,t)=>(e[t]=s[t],e)),{}),l=(e,s={})=>t.reduce(((t,r)=>{const l="hidden"!==e[r],d="deliveryAddress"===r,i="hidden"===(null==e?void 0:e.billingAddress);return t[r]=l&&(!d||i||((e={})=>Object.keys(e).length>1)(s[r])),t}),{}),d=(t,r,l)=>{let d,i=t;const n=i.split(":"),a=n.length>1;a&&(d=n[0],i=n[1]);const c=s(i,r,l);if(c)return a?`${r.get(d)} ${c}`:c;switch(i){case"gender":case"dateOfBirth":return e(i,r)}return null};export{t as fieldsetsSchema,r as getActiveFieldsData,l as getInitialActiveFieldsets,d as mapFieldKey};
+//# sourceMappingURL=utils.js.map

package/dist/es-legacy/components/internal/OpenInvoice/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/internal/OpenInvoice/utils.ts"],"sourcesContent":["import { OpenInvoiceActiveFieldsets, OpenInvoiceStateData, OpenInvoiceVisibility } from './types';\nimport Language from '../../../language';\nimport { mapFieldKey as mapFieldKeyPD } from '../PersonalDetails/utils';\nimport { mapFieldKey as mapFieldKeyAddress } from '../Address/utils';\nimport { StringObject } from '../Address/types';\n\nexport const fieldsetsSchema: Array<keyof OpenInvoiceStateData> = [\n    'companyDetails',\n    'personalDetails',\n    'billingAddress',\n    'deliveryAddress',\n    'bankAccount'\n];\n\nconst isPrefilled = (fieldsetData: object = {}): boolean => Object.keys(fieldsetData).length > 1;\n\nexport const getActiveFieldsData = (activeFieldsets: OpenInvoiceActiveFieldsets, data: OpenInvoiceStateData): OpenInvoiceStateData =>\n    Object.keys(data)\n        .filter(fieldset => activeFieldsets[fieldset])\n        .reduce((acc, cur) => {\n            acc[cur] = data[cur];\n            return acc;\n        }, {});\n\nexport const getInitialActiveFieldsets = (visibility: OpenInvoiceVisibility, data: OpenInvoiceStateData = {}): OpenInvoiceActiveFieldsets =>\n    fieldsetsSchema.reduce((acc, fieldset) => {\n        const isVisible = visibility[fieldset] !== 'hidden';\n        const isDeliveryAddress = fieldset === 'deliveryAddress';\n        const billingAddressIsHidden = visibility?.billingAddress === 'hidden';\n\n        // The delivery address will be active not only when set as visible\n        // but also when the billing address is hidden or when it has prefilled data\n        acc[fieldset] = isVisible && (!isDeliveryAddress || billingAddressIsHidden || isPrefilled(data[fieldset]));\n        return acc;\n    }, {} as OpenInvoiceActiveFieldsets);\n\n/**\n * Used by the SRPanel sorting function to tell it whether we need to prepend the field type to the SR panel message, and, if so, we retrieve the correct translation for the field type.\n * (Whether we need to prepend the field type depends on whether we know that the error message correctly reflects the label of the field. Ultimately all error messages should do this\n * and this mapping fn will become redundant)\n */\nexport const mapFieldKey = (key: string, i18n: Language, countrySpecificLabels: StringObject): string => {\n    let refKey = key;\n    let label;\n\n    // Differentiate between address types (billing and delivery)\n    const splitKey = refKey.split(':');\n    const hasSplitKey = splitKey.length > 1;\n    if (hasSplitKey) {\n        label = splitKey[0];\n        refKey = splitKey[1];\n    }\n\n    const addressKey = mapFieldKeyAddress(refKey, i18n, countrySpecificLabels);\n    if (addressKey) return hasSplitKey ? `${i18n.get(label)} ${addressKey}` : addressKey;\n\n    // Personal details related\n    switch (refKey) {\n        case 'gender':\n        case 'dateOfBirth':\n            return mapFieldKeyPD(refKey, i18n);\n        default:\n            break;\n    }\n\n    // We know that the translated error messages do contain a reference to the field they refer to, so we won't need to map them\n    return null;\n};\n"],"names":["fieldsetsSchema","getActiveFieldsData","activeFieldsets","data","Object","keys","filter","fieldset","reduce","acc","cur","getInitialActiveFieldsets","visibility","isVisible","isDeliveryAddress","billingAddressIsHidden","billingAddress","fieldsetData","length","isPrefilled","mapFieldKey","key","i18n","countrySpecificLabels","label","refKey","splitKey","split","hasSplitKey","addressKey","mapFieldKeyAddress","get","mapFieldKeyPD"],"mappings":"kHAMaA,EAAqD,CAC9D,iBACA,kBACA,iBACA,kBACA,eAKSC,EAAsB,CAACC,EAA6CC,IAC7EC,OAAOC,KAAKF,GACPG,QAAOC,GAAYL,EAAgBK,KACnCC,QAAO,CAACC,EAAKC,KACVD,EAAIC,GAAOP,EAAKO,GACTD,IACR,IAEEE,EAA4B,CAACC,EAAmCT,EAA6B,CAAA,IACtGH,EAAgBQ,QAAO,CAACC,EAAKF,KACzB,MAAMM,EAAqC,WAAzBD,EAAWL,GACvBO,EAAiC,oBAAbP,EACpBQ,EAAwD,YAA/BH,aAAAA,EAAAA,EAAYI,gBAK3C,OADAP,EAAIF,GAAYM,KAAeC,GAAqBC,GAlBxC,EAACE,EAAuB,KAAgBb,OAAOC,KAAKY,GAAcC,OAAS,EAkBTC,CAAYhB,EAAKI,KACxFE,CAAAA,GACR,IAOMW,EAAc,CAACC,EAAaC,EAAgBC,KACrD,IACIC,EADAC,EAASJ,EAIb,MAAMK,EAAWD,EAAOE,MAAM,KACxBC,EAAcF,EAASR,OAAS,EAClCU,IACAJ,EAAQE,EAAS,GACjBD,EAASC,EAAS,IAGtB,MAAMG,EAAaC,EAAmBL,EAAQH,EAAMC,GACpD,GAAIM,EAAY,OAAOD,EAAc,GAAGN,EAAKS,IAAIP,MAAUK,IAAeA,EAG1E,OAAQJ,GACJ,IAAK,SACL,IAAK,cACD,OAAOO,EAAcP,EAAQH,GAMrC,OAAO,IAAA"}

package/dist/es-legacy/components/internal/PayButton/PayButton.js

@@ -0,0 +1,2 @@
+import{createElement as e}from"../../../external/preact/dist/preact.js";import t from"../Button/Button.js";import r from"../../../core/Context/useCoreContext.js";import{payAmountLabel as n,secondaryAmountLabel as o}from"./utils.js";import c from"./components/SecondaryButtonLabel.js";function l(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function i(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const s=s=>{var{amount:u,secondaryAmount:b,classNameModifiers:f=[],label:p}=s,O=i(s,["amount","secondaryAmount","classNameModifiers","label"]);const{i18n:y}=r(),m=u&&{}.hasOwnProperty.call(u,"value")&&0===u.value,j=m?y.get("confirmPreauthorization"):n(y,u),d=!m&&!p&&u&&b&&Object.keys(b).length?o(y,b):null;return e(t,a(function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){l(e,t,r[t])}))}return e}({},O),{disabled:O.disabled||"loading"===O.status,classNameModifiers:[...f,"pay"],label:p||j}),d&&e(c,{label:d}))};export{s as default,n as payAmountLabel};
+//# sourceMappingURL=PayButton.js.map

package/dist/es-legacy/components/internal/PayButton/PayButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayButton.js","sources":["../../../../../src/components/internal/PayButton/PayButton.tsx"],"sourcesContent":["import { h } from 'preact';\nimport Button from '../Button';\nimport useCoreContext from '../../../core/Context/useCoreContext';\nimport { ButtonProps } from '../Button/types';\nimport { payAmountLabel, secondaryAmountLabel } from './utils';\nimport { PaymentAmountExtended } from '../../../types/global-types';\nimport SecondaryButtonLabel from './components/SecondaryButtonLabel';\n\nexport interface PayButtonProps extends ButtonProps {\n    /**\n     * Class name modifiers will be used as: `adyen-checkout__image--${modifier}`\n     */\n    classNameModifiers?: string[];\n    label?: string;\n    amount: PaymentAmountExtended;\n    secondaryAmount?: PaymentAmountExtended;\n    status?: string;\n    disabled?: boolean;\n    icon?: string;\n    onClick?(): void;\n}\n\nconst PayButton = ({ amount, secondaryAmount, classNameModifiers = [], label, ...props }: PayButtonProps) => {\n    const { i18n } = useCoreContext();\n    const isZeroAuth = amount && {}.hasOwnProperty.call(amount, 'value') && amount.value === 0;\n    const defaultLabel = isZeroAuth ? i18n.get('confirmPreauthorization') : payAmountLabel(i18n, amount);\n\n    /**\n     * Show the secondaryLabel if:\n     *  - it's not zero auth, and\n     *  - we don't have a predefined label (i.e. redirect, qrcode, await based comps...), and\n     *  - we do have an amount object (merchant might not be passing this in order to not show the amount on the button), and\n     *  - we have a secondaryAmount object with some properties\n     */\n    const secondaryLabel =\n        !isZeroAuth && !label && amount && secondaryAmount && Object.keys(secondaryAmount).length\n            ? secondaryAmountLabel(i18n, secondaryAmount)\n            : null;\n\n    return (\n        <Button\n            {...props}\n            disabled={props.disabled || props.status === 'loading'}\n            classNameModifiers={[...classNameModifiers, 'pay']}\n            label={label || defaultLabel}\n        >\n            {secondaryLabel && <SecondaryButtonLabel label={secondaryLabel} />}\n        </Button>\n    );\n};\n\nexport default PayButton;\nexport { payAmountLabel };\n"],"names":["PayButton","_param","amount","secondaryAmount","classNameModifiers","label","props","i18n","useCoreContext","isZeroAuth","hasOwnProperty","call","value","defaultLabel","get","payAmountLabel","secondaryLabel","Object","keys","length","secondaryAmountLabel","h","Button","disabled","status","SecondaryButtonLabel"],"mappings":"gtCAsBA,MAAMA,EAAYC,QAACC,OAAEA,EAAMC,gBAAEA,EAAeC,mBAAEA,EAAqB,GAAEC,MAAEA,GAAUC,EAAAA,EAAAA,EAAAA,EAAAA,CAA5DJ,SAAQC,kBAAiBC,qBAAyBC,UACnE,MAAME,KAAEA,GAASC,IACXC,EAAaP,GAAU,CAAC,EAAEQ,eAAeC,KAAKT,EAAQ,UAA6B,IAAjBA,EAAOU,MACzEC,EAAeJ,EAAaF,EAAKO,IAAI,2BAA6BC,EAAeR,EAAML,GASvFc,GACDP,IAAeJ,GAASH,GAAUC,GAAmBc,OAAOC,KAAKf,GAAiBgB,OAC7EC,EAAqBb,EAAMJ,GAC3B,KAEV,OACIkB,EAACC,EACOhB,wUAAAA,CAAAA,CAAAA,EAAAA,GAAAA,CACJiB,SAAUjB,EAAMiB,UAA6B,YAAjBjB,EAAMkB,OAClCpB,mBAAoB,IAAIA,EAAoB,OAC5CC,MAAOA,GAASQ,IAEfG,GAAkBK,EAACI,EAAAA,CAAqBpB,MAAOW"}

package/dist/es-legacy/components/internal/PayButton/components/SecondaryButtonLabel.js

@@ -0,0 +1,2 @@
+import{createElement as e}from"../../../../external/preact/dist/preact.js";const t=({label:t})=>e("span",{className:"checkout-secondary-button__text"},t);export{t as default};
+//# sourceMappingURL=SecondaryButtonLabel.js.map

package/dist/es-legacy/components/internal/PayButton/components/SecondaryButtonLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecondaryButtonLabel.js","sources":["../../../../../../src/components/internal/PayButton/components/SecondaryButtonLabel.tsx"],"sourcesContent":["import { h } from 'preact';\nimport './SecondaryButtonLabel.scss';\n\nconst SecondaryButtonLabel = ({ label }) => {\n    return <span className={'checkout-secondary-button__text'}>{label}</span>;\n};\n\nexport default SecondaryButtonLabel;\n"],"names":["SecondaryButtonLabel","label","h","span","className"],"mappings":"2EAGA,MAAMA,EAAuB,EAAGC,WACrBC,EAACC,OAAAA,CAAKC,UAAW,mCAAoCH"}

package/dist/es-legacy/components/internal/PayButton/utils.js

@@ -0,0 +1,2 @@
+const u="/ ",l=(u,l)=>(null==l?void 0:l.value)&&(null==l?void 0:l.currency)?u.amount(l.value,l.currency,{currencyDisplay:l.currencyDisplay||"symbol"}):"",n=(u,n)=>`${u.get("payButton")} ${l(u,n)}`,r=(u,l)=>{const n=l&&(null==l?void 0:l.value)&&(null==l?void 0:l.currency)?u.amount(l.value,l.currency,{currencyDisplay:l.currencyDisplay||"symbol"}):"";return`${n.length?"/ ":""}${n}`};export{u as PAY_BTN_DIVIDER,l as amountLabel,n as payAmountLabel,r as secondaryAmountLabel};
+//# sourceMappingURL=utils.js.map

package/dist/es-legacy/components/internal/PayButton/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/internal/PayButton/utils.ts"],"sourcesContent":["import Language from '../../../language';\nimport { PaymentAmountExtended } from '../../../types/global-types';\n\nexport const PAY_BTN_DIVIDER = '/ ';\n\nconst amountLabel = (i18n, amount: PaymentAmountExtended) =>\n    !!amount?.value && !!amount?.currency ? i18n.amount(amount.value, amount.currency, { currencyDisplay: amount.currencyDisplay || 'symbol' }) : '';\n\nconst payAmountLabel = (i18n: Language, amount: PaymentAmountExtended) => `${i18n.get('payButton')} ${amountLabel(i18n, amount)}`;\n\nconst secondaryAmountLabel = (i18n: Language, secondaryAmount: PaymentAmountExtended) => {\n    const convertedSecondaryAmount =\n        secondaryAmount && !!secondaryAmount?.value && !!secondaryAmount?.currency\n            ? i18n.amount(secondaryAmount.value, secondaryAmount.currency, { currencyDisplay: secondaryAmount.currencyDisplay || 'symbol' })\n            : '';\n\n    const divider = convertedSecondaryAmount.length ? PAY_BTN_DIVIDER : '';\n\n    return `${divider}${convertedSecondaryAmount}`;\n};\n\nexport { payAmountLabel, amountLabel, secondaryAmountLabel };\n"],"names":["PAY_BTN_DIVIDER","amountLabel","i18n","amount","value","currency","currencyDisplay","payAmountLabel","get","secondaryAmountLabel","secondaryAmount","convertedSecondaryAmount","length"],"mappings":"AAGO,MAAMA,EAAkB,KAEzBC,EAAc,CAACC,EAAMC,KACrBA,aAAAA,EAAAA,EAAQC,SAAWD,aAAAA,EAAAA,EAAQE,UAAWH,EAAKC,OAAOA,EAAOC,MAAOD,EAAOE,SAAU,CAAEC,gBAAiBH,EAAOG,iBAAmB,WAAc,GAE5IC,EAAiB,CAACL,EAAgBC,IAAkC,GAAGD,EAAKM,IAAI,gBAAgBP,EAAYC,EAAMC,KAElHM,EAAuB,CAACP,EAAgBQ,KAC1C,MAAMC,EACFD,IAAqBA,eAAAA,EAAiBN,SAAWM,eAAAA,EAAiBL,UAC5DH,EAAKC,OAAOO,EAAgBN,MAAOM,EAAgBL,SAAU,CAAEC,gBAAiBI,EAAgBJ,iBAAmB,WACnH,GAIV,MAAO,GAFSK,EAAyBC,OAbd,KAayC,KAEhDD,GAA0B"}

package/dist/es-legacy/components/internal/PersonalDetails/PersonalDetails.js

@@ -0,0 +1,2 @@
+import{createElement as e,Fragment as r}from"../../../external/preact/dist/preact.js";import{useRef as t,useMemo as a,useEffect as l}from"../../../external/preact/hooks/dist/hooks.js";import s from"../FormFields/Fieldset/Fieldset.js";import i from"../FormFields/Field/Field.js";import o from"./ReadOnlyPersonalDetails.js";import{personalDetailsValidationRules as n}from"./validate.js";import m from"../../../core/Context/useCoreContext.js";import{checkDateInputSupport as u}from"../FormFields/InputDate/utils.js";import{getFormattedData as p}from"./utils.js";import d from"../../../utils/useForm/useForm.js";import c from"../FormFields/InputText.js";import f from"../FormFields/RadioGroup/RadioGroup.js";import h from"../FormFields/InputDate/InputDate.js";import b from"../FormFields/InputEmail.js";import g from"../FormFields/InputTelephone.js";import{getErrorMessage as N}from"../../../utils/getErrorMessage.js";function O(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function j(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),a.forEach((function(r){O(e,r,t[r])}))}return e}function F(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);r&&(a=a.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,a)}return t}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}const y=["firstName","lastName","gender","dateOfBirth","shopperEmail","telephoneNumber"];function M(O){const{label:y="",namePrefix:M,placeholders:v,requiredFields:E,visibility:B}=O,{i18n:P}=m(),w=t({});var I;Object.keys(w.current).length||(null===(I=O.setComponentRef)||void 0===I||I.call(O,w.current));const D=a(u,[]),{handleChangeFor:C,triggerValidation:q,data:k,valid:x,errors:R,isValid:S}=d({schema:E,rules:j({},n,O.validationRules),defaultData:O.data});w.current.showValidation=()=>{q()};const V=e=>r=>{const{name:t}=r.target,a=t.split(`${M}.`).pop();C(a,e)(r)},$=e=>`${M?`${M}.`:""}${e}`;return l((()=>{const e=p(k);O.onChange({data:e,valid:x,errors:R,isValid:S})}),[k,x,R,S]),"hidden"===B?null:"readOnly"===B?e(o,F(j({},O),{data:k})):e(r,null,e(s,{classNameModifiers:["personalDetails"],label:y},E.includes("firstName")&&e(i,{label:P.get("firstName"),classNameModifiers:["col-50","firstName"],errorMessage:N(P,R.firstName,P.get("firstName")),name:"firstName",i18n:P},e(c,{name:$("firstName"),value:k.firstName,classNameModifiers:["firstName"],onInput:V("input"),onBlur:V("blur"),placeholder:v.firstName,spellCheck:!1,required:!0})),E.includes("lastName")&&e(i,{label:P.get("lastName"),classNameModifiers:["col-50","lastName"],errorMessage:N(P,R.lastName,P.get("lastName")),name:"lastName",i18n:P},e(c,{name:$("lastName"),value:k.lastName,classNameModifiers:["lastName"],onInput:V("input"),onBlur:V("blur"),placeholder:v.lastName,spellCheck:!1,required:!0})),E.includes("gender")&&e(i,{errorMessage:N(P,R.gender),classNameModifiers:["gender"],name:"gender",useLabelElement:!1},e(f,{name:$("gender"),value:k.gender,items:[{id:"MALE",name:"male"},{id:"FEMALE",name:"female"}],classNameModifiers:["gender"],onInput:V("input"),onChange:V("blur"),required:!0})),E.includes("dateOfBirth")&&e(i,{label:P.get("dateOfBirth"),classNameModifiers:["col-50","dateOfBirth"],errorMessage:N(P,R.dateOfBirth,P.get("dateOfBirth")),helper:D?null:P.get("dateOfBirth.format"),name:"dateOfBirth",i18n:P},e(h,{name:$("dateOfBirth"),value:k.dateOfBirth,classNameModifiers:["dateOfBirth"],onInput:V("input"),onBlur:V("blur"),placeholder:v.dateOfBirth,required:!0})),E.includes("shopperEmail")&&e(i,{label:P.get("shopperEmail"),classNameModifiers:["shopperEmail"],errorMessage:N(P,R.shopperEmail,P.get("shopperEmail")),dir:"ltr",name:"emailAddress",i18n:P},e(b,{name:$("shopperEmail"),value:k.shopperEmail,classNameModifiers:["shopperEmail"],onInput:V("input"),onBlur:V("blur"),placeholder:v.shopperEmail,required:!0})),E.includes("telephoneNumber")&&e(i,{label:P.get("telephoneNumber"),classNameModifiers:["telephoneNumber"],errorMessage:N(P,R.telephoneNumber,P.get("telephoneNumber")),dir:"ltr",name:"telephoneNumber",i18n:P},e(g,{name:$("telephoneNumber"),value:k.telephoneNumber,classNameModifiers:["telephoneNumber"],onInput:V("input"),onBlur:V("blur"),placeholder:v.telephoneNumber,required:!0}))),O.showPayButton&&O.payButton({label:P.get("continue")}))}M.defaultProps={data:{},onChange:()=>{},placeholders:{},requiredFields:y,validationRules:n,visibility:"editable"};export{y as PERSONAL_DETAILS_SCHEMA,M as default};
+//# sourceMappingURL=PersonalDetails.js.map

package/dist/es-legacy/components/internal/PersonalDetails/PersonalDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PersonalDetails.js","sources":["../../../../../src/components/internal/PersonalDetails/PersonalDetails.tsx"],"sourcesContent":["import { Fragment, h } from 'preact';\nimport { useEffect, useMemo, useRef } from 'preact/hooks';\nimport Fieldset from '../FormFields/Fieldset';\nimport Field from '../FormFields/Field';\nimport ReadOnlyPersonalDetails from './ReadOnlyPersonalDetails';\nimport { personalDetailsValidationRules } from './validate';\nimport useCoreContext from '../../../core/Context/useCoreContext';\nimport { PersonalDetailsProps } from './types';\nimport { checkDateInputSupport } from '../FormFields/InputDate/utils';\nimport { PersonalDetailsSchema } from '../../../types';\nimport { getFormattedData } from './utils';\nimport useForm from '../../../utils/useForm';\nimport './PersonalDetails.scss';\nimport InputText from '../FormFields/InputText';\nimport RadioGroup from '../FormFields/RadioGroup';\nimport InputDate from '../FormFields/InputDate';\nimport InputEmail from '../FormFields/InputEmail';\nimport InputTelephone from '../FormFields/InputTelephone';\nimport { getErrorMessage } from '../../../utils/getErrorMessage';\nimport { ComponentMethodsRef } from '../UIElement/types';\n\nexport const PERSONAL_DETAILS_SCHEMA = ['firstName', 'lastName', 'gender', 'dateOfBirth', 'shopperEmail', 'telephoneNumber'];\n\nexport default function PersonalDetails(props: PersonalDetailsProps) {\n    const { label = '', namePrefix, placeholders, requiredFields, visibility } = props;\n\n    const { i18n } = useCoreContext();\n\n    /** An object by which to expose 'public' members to the parent UIElement */\n    const personalDetailsRef = useRef<ComponentMethodsRef>({});\n    // Just call once\n    if (!Object.keys(personalDetailsRef.current).length) {\n        props.setComponentRef?.(personalDetailsRef.current);\n    }\n\n    const isDateInputSupported = useMemo(checkDateInputSupport, []);\n    const { handleChangeFor, triggerValidation, data, valid, errors, isValid } = useForm<PersonalDetailsSchema>({\n        schema: requiredFields,\n        // Ensure any passed validation rules are merged with the default ones\n        rules: { ...personalDetailsValidationRules, ...props.validationRules },\n        defaultData: props.data\n    });\n\n    // Expose method expected by (parent) PersonalDetails.tsx\n    personalDetailsRef.current.showValidation = () => {\n        triggerValidation();\n    };\n\n    const eventHandler =\n        (mode: string): h.JSX.GenericEventHandler<EventTarget> =>\n        (e: Event): void => {\n            const { name } = e.target as HTMLInputElement;\n            const key = name.split(`${namePrefix}.`).pop();\n\n            handleChangeFor(key, mode)(e);\n        };\n\n    const generateFieldName = (name: string): string => `${namePrefix ? `${namePrefix}.` : ''}${name}`;\n\n    useEffect(() => {\n        const formattedData = getFormattedData(data);\n        props.onChange({ data: formattedData, valid, errors, isValid });\n    }, [data, valid, errors, isValid]);\n\n    if (visibility === 'hidden') return null;\n    if (visibility === 'readOnly') return <ReadOnlyPersonalDetails {...props} data={data} />;\n\n    return (\n        <Fragment>\n            <Fieldset classNameModifiers={['personalDetails']} label={label}>\n                {requiredFields.includes('firstName') && (\n                    <Field\n                        label={i18n.get('firstName')}\n                        classNameModifiers={['col-50', 'firstName']}\n                        errorMessage={getErrorMessage(i18n, errors.firstName, i18n.get('firstName'))}\n                        name={'firstName'}\n                        i18n={i18n}\n                    >\n                        <InputText\n                            name={generateFieldName('firstName')}\n                            value={data.firstName}\n                            classNameModifiers={['firstName']}\n                            onInput={eventHandler('input')}\n                            onBlur={eventHandler('blur')}\n                            placeholder={placeholders.firstName}\n                            spellCheck={false}\n                            required={true}\n                        />\n                    </Field>\n                )}\n\n                {requiredFields.includes('lastName') && (\n                    <Field\n                        label={i18n.get('lastName')}\n                        classNameModifiers={['col-50', 'lastName']}\n                        errorMessage={getErrorMessage(i18n, errors.lastName, i18n.get('lastName'))}\n                        name={'lastName'}\n                        i18n={i18n}\n                    >\n                        <InputText\n                            name={generateFieldName('lastName')}\n                            value={data.lastName}\n                            classNameModifiers={['lastName']}\n                            onInput={eventHandler('input')}\n                            onBlur={eventHandler('blur')}\n                            placeholder={placeholders.lastName}\n                            spellCheck={false}\n                            required={true}\n                        />\n                    </Field>\n                )}\n\n                {requiredFields.includes('gender') && (\n                    <Field\n                        errorMessage={getErrorMessage(i18n, errors.gender)}\n                        classNameModifiers={['gender']}\n                        name={'gender'}\n                        useLabelElement={false}\n                    >\n                        <RadioGroup\n                            name={generateFieldName('gender')}\n                            value={data.gender}\n                            items={[\n                                { id: 'MALE', name: 'male' },\n                                { id: 'FEMALE', name: 'female' }\n                            ]}\n                            classNameModifiers={['gender']}\n                            onInput={eventHandler('input')}\n                            onChange={eventHandler('blur')}\n                            required={true}\n                        />\n                    </Field>\n                )}\n\n                {requiredFields.includes('dateOfBirth') && (\n                    <Field\n                        label={i18n.get('dateOfBirth')}\n                        classNameModifiers={['col-50', 'dateOfBirth']}\n                        errorMessage={getErrorMessage(i18n, errors.dateOfBirth, i18n.get('dateOfBirth'))}\n                        helper={isDateInputSupported ? null : i18n.get('dateOfBirth.format')}\n                        name={'dateOfBirth'}\n                        i18n={i18n}\n                    >\n                        <InputDate\n                            name={generateFieldName('dateOfBirth')}\n                            value={data.dateOfBirth}\n                            classNameModifiers={['dateOfBirth']}\n                            onInput={eventHandler('input')}\n                            onBlur={eventHandler('blur')}\n                            placeholder={placeholders.dateOfBirth}\n                            required={true}\n                        />\n                    </Field>\n                )}\n\n                {requiredFields.includes('shopperEmail') && (\n                    <Field\n                        label={i18n.get('shopperEmail')}\n                        classNameModifiers={['shopperEmail']}\n                        errorMessage={getErrorMessage(i18n, errors.shopperEmail, i18n.get('shopperEmail'))}\n                        dir={'ltr'}\n                        name={'emailAddress'}\n                        i18n={i18n}\n                    >\n                        <InputEmail\n                            name={generateFieldName('shopperEmail')}\n                            value={data.shopperEmail}\n                            classNameModifiers={['shopperEmail']}\n                            onInput={eventHandler('input')}\n                            onBlur={eventHandler('blur')}\n                            placeholder={placeholders.shopperEmail}\n                            required={true}\n                        />\n                    </Field>\n                )}\n\n                {requiredFields.includes('telephoneNumber') && (\n                    <Field\n                        label={i18n.get('telephoneNumber')}\n                        classNameModifiers={['telephoneNumber']}\n                        errorMessage={getErrorMessage(i18n, errors.telephoneNumber, i18n.get('telephoneNumber'))}\n                        dir={'ltr'}\n                        name={'telephoneNumber'}\n                        i18n={i18n}\n                    >\n                        <InputTelephone\n                            name={generateFieldName('telephoneNumber')}\n                            value={data.telephoneNumber}\n                            classNameModifiers={['telephoneNumber']}\n                            onInput={eventHandler('input')}\n                            onBlur={eventHandler('blur')}\n                            placeholder={placeholders.telephoneNumber}\n                            required={true}\n                        />\n                    </Field>\n                )}\n            </Fieldset>\n            {/* Needed to easily test when showValidation is called */}\n            {process.env.NODE_ENV !== 'production' && props.showPayButton && props.payButton({ label: i18n.get('continue') })}\n        </Fragment>\n    );\n}\n\nPersonalDetails.defaultProps = {\n    data: {},\n    onChange: () => {},\n    placeholders: {},\n    requiredFields: PERSONAL_DETAILS_SCHEMA,\n    validationRules: personalDetailsValidationRules,\n    visibility: 'editable'\n};\n"],"names":["PERSONAL_DETAILS_SCHEMA","PersonalDetails","props","label","namePrefix","placeholders","requiredFields","visibility","i18n","useCoreContext","personalDetailsRef","useRef","Object","keys","current","length","setComponentRef","isDateInputSupported","useMemo","checkDateInputSupport","handleChangeFor","triggerValidation","data","valid","errors","isValid","useForm","schema","rules","_object_spread","personalDetailsValidationRules","validationRules","defaultData","showValidation","eventHandler","mode","e","name","target","key","split","pop","generateFieldName","useEffect","formattedData","getFormattedData","onChange","h","ReadOnlyPersonalDetails","Fragment","Fieldset","classNameModifiers","includes","Field","get","errorMessage","getErrorMessage","firstName","InputText","value","onInput","onBlur","placeholder","spellCheck","required","lastName","gender","useLabelElement","RadioGroup","items","id","dateOfBirth","helper","InputDate","shopperEmail","dir","InputEmail","telephoneNumber","InputTelephone","showPayButton","payButton","defaultProps"],"mappings":"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"}

package/dist/es-legacy/components/internal/PersonalDetails/ReadOnlyPersonalDetails.js

@@ -0,0 +1,2 @@
+import{createElement as e,Fragment as l}from"../../../external/preact/dist/preact.js";import a from"../FormFields/Fieldset/Fieldset.js";const r=({data:r})=>{const{firstName:t,lastName:s,shopperEmail:n,telephoneNumber:o}=r;return e(a,{classNameModifiers:["personalDetails"],label:"personalDetails",readonly:!0},t&&`${t} `,s&&`${s} `,n&&e(l,null,e("br",null),n),o&&e(l,null,e("br",null),o))};export{r as default};
+//# sourceMappingURL=ReadOnlyPersonalDetails.js.map

package/dist/es-legacy/components/internal/PersonalDetails/ReadOnlyPersonalDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReadOnlyPersonalDetails.js","sources":["../../../../../src/components/internal/PersonalDetails/ReadOnlyPersonalDetails.tsx"],"sourcesContent":["import { h, Fragment } from 'preact';\nimport Fieldset from '../FormFields/Fieldset';\nimport { ReadOnlyPersonalDetailsProps } from './types';\n\nconst ReadOnlyPersonalDetails = ({ data }) => {\n    const { firstName, lastName, shopperEmail, telephoneNumber }: ReadOnlyPersonalDetailsProps = data;\n\n    return (\n        <Fieldset classNameModifiers={['personalDetails']} label=\"personalDetails\" readonly>\n            {firstName && `${firstName} `}\n            {lastName && `${lastName} `}\n            {shopperEmail && (\n                <Fragment>\n                    <br />\n                    {shopperEmail}\n                </Fragment>\n            )}\n            {telephoneNumber && (\n                <Fragment>\n                    <br />\n                    {telephoneNumber}\n                </Fragment>\n            )}\n        </Fieldset>\n    );\n};\n\nexport default ReadOnlyPersonalDetails;\n"],"names":["ReadOnlyPersonalDetails","data","firstName","lastName","shopperEmail","telephoneNumber","h","Fieldset","classNameModifiers","label","readonly","Fragment","br"],"mappings":"wIAIA,MAAMA,EAA0B,EAAGC,WAC/B,MAAMC,UAAEA,EAASC,SAAEA,EAAQC,aAAEA,EAAYC,gBAAEA,GAAkDJ,EAE7F,OACIK,EAACC,EAAAA,CAASC,mBAAoB,CAAC,mBAAoBC,MAAM,kBAAkBC,UAAAA,GACtER,GAAa,GAAGA,KAChBC,GAAY,GAAGA,KACfC,GACGE,EAACK,EAAAA,KACGL,EAACM,KAAAA,MACAR,GAGRC,GACGC,EAACK,EACG,KAAAL,EAACM,KACAP,MAAAA,GAAAA"}

package/dist/es-legacy/components/internal/PersonalDetails/utils.js

@@ -0,0 +1,2 @@
+import{unformatDate as e}from"../FormFields/InputDate/utils.js";function t(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function r(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),o.forEach((function(r){t(e,r,n[r])}))}return e}const n=t=>{const{firstName:n,lastName:o,gender:a,dateOfBirth:i,shopperEmail:l,telephoneNumber:u}=t;return r({},(n||o)&&{shopperName:r({},n&&{firstName:n},o&&{lastName:o},a&&{gender:a})},i&&{dateOfBirth:e(i)},l&&{shopperEmail:l},u&&{telephoneNumber:u})},o=(e,t)=>{switch(e){case"gender":case"dateOfBirth":return t.get(e);default:return null}};export{n as getFormattedData,o as mapFieldKey};
+//# sourceMappingURL=utils.js.map

package/dist/es-legacy/components/internal/PersonalDetails/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/internal/PersonalDetails/utils.ts"],"sourcesContent":["import { unformatDate } from '../FormFields/InputDate/utils';\nimport Language from '../../../language';\n\nexport const getFormattedData = data => {\n    const { firstName, lastName, gender, dateOfBirth, shopperEmail, telephoneNumber } = data;\n\n    return {\n        ...((firstName || lastName) && {\n            shopperName: {\n                ...(firstName && { firstName }),\n                ...(lastName && { lastName }),\n                ...(gender && { gender })\n            }\n        }),\n        ...(dateOfBirth && { dateOfBirth: unformatDate(dateOfBirth) }),\n        ...(shopperEmail && { shopperEmail }),\n        ...(telephoneNumber && { telephoneNumber })\n    };\n};\n\n/**\n * Used by the SRPanel sorting function to tell it whether we need to prepend the field type to the SR panel message, and, if so, we retrieve the correct translation for the field type.\n * (Whether we need to prepend the field type depends on whether we know that the error message correctly reflects the label of the field. Ultimately all error messages should do this\n * and this mapping fn will become redundant)\n */\nexport const mapFieldKey = (key: string, i18n: Language): string => {\n    switch (key) {\n        case 'gender':\n        case 'dateOfBirth':\n            return i18n.get(key);\n        // We know that the translated error messages do contain a reference to the field they refer to, so we won't need to map them\n        default:\n            return null;\n    }\n};\n"],"names":["getFormattedData","data","firstName","lastName","gender","dateOfBirth","shopperEmail","telephoneNumber","_object_spread","shopperName","unformatDate","mapFieldKey","key","i18n","get"],"mappings":"ggBAGO,MAAMA,EAAmBC,IAC5B,MAAMC,UAAEA,EAASC,SAAEA,EAAQC,OAAEA,EAAMC,YAAEA,EAAWC,aAAEA,EAAYC,gBAAEA,GAAoBN,EAEpF,OAAOO,EACC,CAAA,GAACN,GAAaC,IAAa,CAC3BM,YAAaD,KACLN,GAAa,CAAEA,aACfC,GAAY,CAAEA,YACdC,GAAU,CAAEA,YAGpBC,GAAe,CAAEA,YAAaK,EAAaL,IAC3CC,GAAgB,CAAEA,gBAClBC,GAAmB,CAAEA,mBAAgB,EASpCI,EAAc,CAACC,EAAaC,KACrC,OAAQD,GACJ,IAAK,SACL,IAAK,cACD,OAAOC,EAAKC,IAAIF,GAEpB,QACI,OAAO,KACf"}

package/dist/es-legacy/components/internal/PersonalDetails/validate.js

@@ -0,0 +1,2 @@
+import{isEmpty as e}from"../../../utils/validator-utils.js";import{ERROR_KEY_REQUIRED as r}from"../../../core/Errors/constants.js";import{validationRules as l}from"../../../utils/Validator/defaultRules.js";const a={default:{validate:e=>e&&e.length>0,errorMessage:r,modes:["blur"]},gender:{validate:e=>e&&e.length>0,errorMessage:"gender.notselected",modes:["blur"]},firstName:{validate:r=>!e(r)||null,errorMessage:"firstName.invalid",modes:["blur"]},lastName:{validate:r=>!e(r)||null,errorMessage:"lastName.invalid",modes:["blur"]},dateOfBirth:l.dateOfBirthRule,telephoneNumber:l.phoneNumberRule,shopperEmail:l.emailRule};export{a as personalDetailsValidationRules};
+//# sourceMappingURL=validate.js.map

package/dist/es-legacy/components/internal/PersonalDetails/validate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate.js","sources":["../../../../../src/components/internal/PersonalDetails/validate.ts"],"sourcesContent":["import { ValidatorRules } from '../../../utils/Validator/types';\nimport { isEmpty } from '../../../utils/validator-utils';\nimport { ERROR_KEY_REQUIRED } from '../../../core/Errors/constants';\nimport { validationRules } from '../../../utils/Validator/defaultRules';\n\nexport const personalDetailsValidationRules: ValidatorRules = {\n    default: {\n        validate: value => {\n            return value && value.length > 0;\n        },\n        errorMessage: ERROR_KEY_REQUIRED,\n        modes: ['blur']\n    },\n    gender: {\n        validate: value => value && value.length > 0,\n        errorMessage: 'gender.notselected',\n        modes: ['blur']\n    },\n    firstName: {\n        validate: value => (isEmpty(value) ? null : true), // valid, if there are chars other than spaces,\n        errorMessage: 'firstName.invalid',\n        modes: ['blur']\n    },\n    lastName: {\n        validate: value => (isEmpty(value) ? null : true),\n        errorMessage: 'lastName.invalid',\n        modes: ['blur']\n    },\n    dateOfBirth: validationRules.dateOfBirthRule,\n    telephoneNumber: validationRules.phoneNumberRule,\n    shopperEmail: validationRules.emailRule\n};\n"],"names":["personalDetailsValidationRules","default","validate","value","length","errorMessage","ERROR_KEY_REQUIRED","modes","gender","firstName","isEmpty","lastName","dateOfBirth","validationRules","dateOfBirthRule","telephoneNumber","phoneNumberRule","shopperEmail","emailRule"],"mappings":"oNAKaA,EAAiD,CAC1DC,QAAS,CACLC,SAAUC,GACCA,GAASA,EAAMC,OAAS,EAEnCC,aAAcC,EACdC,MAAO,CAAC,SAEZC,OAAQ,CACJN,SAAUC,GAASA,GAASA,EAAMC,OAAS,EAC3CC,aAAc,qBACdE,MAAO,CAAC,SAEZE,UAAW,CACPP,SAAUC,IAAUO,EAAQP,IAAS,KACrCE,aAAc,oBACdE,MAAO,CAAC,SAEZI,SAAU,CACNT,SAAUC,IAAUO,EAAQP,IAAS,KACrCE,aAAc,mBACdE,MAAO,CAAC,SAEZK,YAAaC,EAAgBC,gBAC7BC,gBAAiBF,EAAgBG,gBACjCC,aAAcJ,EAAgBK"}

package/dist/es-legacy/components/internal/PhoneInput/PhoneInput.js

@@ -0,0 +1,2 @@
+import{createElement as e}from"../../../external/preact/dist/preact.js";import{useEffect as r,useCallback as o}from"../../../external/preact/hooks/dist/hooks.js";import t from"../FormFields/Field/Field.js";import n from"../../../utils/useForm/useForm.js";import l from"../../../core/Context/useCoreContext.js";import i from"../FormFields/Select/Select.js";import{phoneValidationRules as u,phoneFormatters as a}from"./validate.js";import s from"../FormFields/InputText.js";import p from"../FormFields/Fieldset/Fieldset.js";function c(e,r,o){return r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}function m(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e,r){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),o.push.apply(o,t)}return o}(Object(r)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(r,o))})),e}function d(d){var h,f,b,y,g;const{i18n:N}=l(),P=d.requiredFields||[...(null==d||null===(h=d.items)||void 0===h?void 0:h.length)?["phonePrefix"]:[],"phoneNumber"],j=P.includes("phonePrefix")&&!!(null==d||null===(f=d.items)||void 0===f?void 0:f.length),O=P.includes("phoneNumber"),{handleChangeFor:v,data:x,valid:F,errors:w,isValid:k,triggerValidation:C,setSchema:S}=n(m(function(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{},t=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),t.forEach((function(r){c(e,r,o[r])}))}return e}({i18n:N},d),{schema:P,defaultData:d.data,rules:u,formatters:a}));r((()=>{S(P)}),[P.toString()]),r((()=>{x.phoneNumber&&v("phoneNumber","blur")(x.phoneNumber)}),[x.phonePrefix]),r((()=>{d.onChange({data:x,valid:F,errors:w,isValid:k})}),[x,F,w,k]),this.triggerValidation=C;const V=o((e=>{if(w[e]){const o="phoneNumber"===e?"phoneNumberErrorKey":"phonePrefixErrorKey",t=d[o]?d[o]:w[e].errorMessage;var r;return null!==(r=N.get(t))&&void 0!==r?r:null}return null}),[w]);return e(p,{classNameModifiers:["phone-input"]},j&&e(t,{className:"adyen-checkout-field--phone-prefix",label:N.get("telephonePrefix"),errorMessage:V("phonePrefix"),showValidIcon:!1,isValid:F.phonePrefix,dir:"ltr",i18n:N,name:"phonePrefix"},e(i,{className:"adyen-checkout-dropdown adyen-checkout-dropdown--countrycode-selector",name:"phonePrefix",items:d.items,onChange:v("phonePrefix"),placeholder:null==d||null===(b=d.placeholders)||void 0===b?void 0:b.phonePrefix,selectedValue:x.phonePrefix})),O&&e(t,{className:"adyen-checkout-field--phone-number",label:d.phoneNumberKey?N.get(d.phoneNumberKey):N.get("telephoneNumber"),errorMessage:V("phoneNumber"),isValid:F.phoneNumber,filled:(null==x||null===(y=x.phoneNumber)||void 0===y?void 0:y.length)>0,dir:"ltr",i18n:N,name:"phoneNumber"},e(s,{className:"adyen-checkout__input adyen-checkout-input adyen-checkout-input--phone-number",type:"tel",name:"phoneNumber",value:x.phoneNumber,onInput:v("phoneNumber","input"),onBlur:v("phoneNumber","blur"),placeholder:null==d||null===(g=d.placeholders)||void 0===g?void 0:g.phoneNumber,autoCorrect:"off",required:!0})))}d.defaultProps={phoneLabel:"telephoneNumber"};export{d as default};
+//# sourceMappingURL=PhoneInput.js.map

package/dist/es-legacy/components/internal/PhoneInput/PhoneInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneInput.js","sources":["../../../../../src/components/internal/PhoneInput/PhoneInput.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useCallback, useEffect } from 'preact/hooks';\nimport Field from '../FormFields/Field';\nimport useForm from '../../../utils/useForm';\nimport useCoreContext from '../../../core/Context/useCoreContext';\nimport './PhoneInput.scss';\nimport Select from '../FormFields/Select';\nimport { phoneFormatters, phoneValidationRules } from './validate';\nimport { PhoneInputProps, PhoneInputSchema } from './types';\nimport InputText from '../FormFields/InputText';\nimport Fieldset from '../FormFields/Fieldset';\n\nfunction PhoneInput(props: PhoneInputProps) {\n    const { i18n } = useCoreContext();\n\n    const schema = props.requiredFields || [...(props?.items?.length ? ['phonePrefix'] : []), 'phoneNumber'];\n    const showPrefix = schema.includes('phonePrefix') && !!props?.items?.length;\n    const showNumber = schema.includes('phoneNumber');\n\n    const { handleChangeFor, data, valid, errors, isValid, triggerValidation, setSchema } = useForm<PhoneInputSchema>({\n        i18n,\n        ...props,\n        schema,\n        defaultData: props.data,\n        rules: phoneValidationRules,\n        formatters: phoneFormatters\n    });\n\n    useEffect(() => {\n        setSchema(schema);\n    }, [schema.toString()]);\n\n    // Force re-validation of the phoneNumber when data.phonePrefix changes (since the validation rules will also change)\n    useEffect((): void => {\n        if (data.phoneNumber) {\n            handleChangeFor('phoneNumber', 'blur')(data.phoneNumber);\n        }\n    }, [data.phonePrefix]);\n\n    useEffect(() => {\n        props.onChange({ data, valid, errors, isValid });\n    }, [data, valid, errors, isValid]);\n\n    this.triggerValidation = triggerValidation;\n\n    const getPhoneFieldError = useCallback(\n        (field: string) => {\n            if (errors[field]) {\n                const propsField = field === 'phoneNumber' ? 'phoneNumberErrorKey' : 'phonePrefixErrorKey';\n                const key = props[propsField] ? props[propsField] : errors[field].errorMessage;\n                return i18n.get(key) ?? null;\n            }\n            return null;\n        },\n        [errors]\n    );\n\n    return (\n        <Fieldset classNameModifiers={['phone-input']}>\n            {showPrefix && (\n                <Field\n                    className={'adyen-checkout-field--phone-prefix'}\n                    label={i18n.get('telephonePrefix')}\n                    errorMessage={getPhoneFieldError('phonePrefix')}\n                    showValidIcon={false}\n                    isValid={valid.phonePrefix}\n                    dir={'ltr'}\n                    i18n={i18n}\n                    name={'phonePrefix'}\n                >\n                    <Select\n                        className={'adyen-checkout-dropdown adyen-checkout-dropdown--countrycode-selector'}\n                        name={'phonePrefix'}\n                        items={props.items}\n                        onChange={handleChangeFor('phonePrefix')}\n                        placeholder={props?.placeholders?.phonePrefix}\n                        selectedValue={data.phonePrefix}\n                    />\n                </Field>\n            )}\n\n            {showNumber && (\n                <Field\n                    className={'adyen-checkout-field--phone-number'}\n                    label={props.phoneNumberKey ? i18n.get(props.phoneNumberKey) : i18n.get('telephoneNumber')}\n                    errorMessage={getPhoneFieldError('phoneNumber')}\n                    isValid={valid.phoneNumber}\n                    filled={data?.phoneNumber?.length > 0}\n                    dir={'ltr'}\n                    i18n={i18n}\n                    name={'phoneNumber'}\n                >\n                    <InputText\n                        className=\"adyen-checkout__input adyen-checkout-input adyen-checkout-input--phone-number\"\n                        type=\"tel\"\n                        name=\"phoneNumber\"\n                        value={data.phoneNumber}\n                        onInput={handleChangeFor('phoneNumber', 'input')}\n                        onBlur={handleChangeFor('phoneNumber', 'blur')}\n                        placeholder={props?.placeholders?.phoneNumber}\n                        autoCorrect=\"off\"\n                        required={true}\n                    />\n                </Field>\n            )}\n        </Fieldset>\n    );\n}\n\nPhoneInput.defaultProps = {\n    phoneLabel: 'telephoneNumber'\n};\n\nexport default PhoneInput;\n"],"names":["PhoneInput","props","data","i18n","useCoreContext","schema","requiredFields","items","length","showPrefix","includes","showNumber","handleChangeFor","valid","errors","isValid","triggerValidation","setSchema","useForm","_object_spread_props","_object_spread","defaultData","rules","phoneValidationRules","formatters","phoneFormatters","useEffect","toString","phoneNumber","phonePrefix","onChange","this","getPhoneFieldError","useCallback","field","propsField","key","errorMessage","get","h","Fieldset","classNameModifiers","Field","className","label","showValidIcon","dir","name","Select","placeholder","placeholders","selectedValue","phoneNumberKey","filled","InputText","type","value","onInput","onBlur","autoCorrect","required","defaultProps","phoneLabel"],"mappings":"0kCAYA,SAASA,EAAWC,OAG4BA,EACWA,EA2DtBA,EAYTC,EAYSD,EAtFjC,MAAME,KAAEA,GAASC,IAEXC,EAASJ,EAAMK,gBAAkB,KAAKL,SAAAA,QAAAA,EAAAA,EAAOM,aAAPN,IAAAA,SAAAA,EAAcO,QAAS,CAAC,eAAiB,GAAK,eACpFC,EAAaJ,EAAOK,SAAS,mBAAoBT,SAAAA,QAAAA,EAAAA,EAAOM,aAAPN,IAAAA,OAAAA,EAAAA,EAAcO,QAC/DG,EAAaN,EAAOK,SAAS,gBAE7BE,gBAAEA,EAAeV,KAAEA,EAAIW,MAAEA,EAAKC,OAAEA,EAAMC,QAAEA,EAAOC,kBAAEA,EAAiBC,UAAEA,GAAcC,EAA0BC,wUAAAC,CAAA,CAC9GjB,QACGF,GAAAA,CACHI,SACAgB,YAAapB,EAAMC,KACnBoB,MAAOC,EACPC,WAAYC,KAGhBC,GAAU,KACNT,EAAUZ,EAAAA,GACX,CAACA,EAAOsB,aAGXD,GAAU,KACFxB,EAAK0B,aACLhB,EAAgB,cAAe,OAA/BA,CAAuCV,EAAK0B,YAChD,GACD,CAAC1B,EAAK2B,cAETH,GAAU,KACNzB,EAAM6B,SAAS,CAAE5B,OAAMW,QAAOC,SAAQC,WAAQ,GAC/C,CAACb,EAAMW,EAAOC,EAAQC,IAEzBgB,KAAKf,kBAAoBA,EAEzB,MAAMgB,EAAqBC,GACtBC,IACG,GAAIpB,EAAOoB,GAAQ,CACf,MAAMC,EAAuB,gBAAVD,EAA0B,sBAAwB,sBAC/DE,EAAMnC,EAAMkC,GAAclC,EAAMkC,GAAcrB,EAAOoB,GAAOG,aAC3DlC,IAAAA,EAAP,OAAgBiC,QAATjC,EAAAA,EAAKmC,IAAIF,cAATjC,EAAAA,EAAiB,IAC5B,CACA,OAAO,IAAA,GAEX,CAACW,IAGL,OACIyB,EAACC,EAAAA,CAASC,mBAAoB,CAAC,gBAC1BhC,GACG8B,EAACG,EAAAA,CACGC,UAAW,qCACXC,MAAOzC,EAAKmC,IAAI,mBAChBD,aAAcL,EAAmB,eACjCa,eAAe,EACf9B,QAASF,EAAMgB,YACfiB,IAAK,MACL3C,KAAMA,EACN4C,KAAM,eAENR,EAACS,EAAAA,CACGL,UAAW,wEACXI,KAAM,cACNxC,MAAON,EAAMM,MACbuB,SAAUlB,EAAgB,eAC1BqC,YAAahD,SAAmB,QAAnBA,EAAAA,EAAOiD,oBAAPjD,IAAAA,OAAAA,EAAAA,EAAqB4B,YAClCsB,cAAejD,EAAK2B,eAK/BlB,GACG4B,EAACG,EAAAA,CACGC,UAAW,qCACXC,MAAO3C,EAAMmD,eAAiBjD,EAAKmC,IAAIrC,EAAMmD,gBAAkBjD,EAAKmC,IAAI,mBACxED,aAAcL,EAAmB,eACjCjB,QAASF,EAAMe,YACfyB,QAAQnD,SAAAA,QAAAA,EAAAA,EAAM0B,mBAAN1B,IAAAA,OAAAA,EAAAA,EAAmBM,QAAS,EACpCsC,IAAK,MACL3C,KAAMA,EACN4C,KAAM,eAENR,EAACe,EAAAA,CACGX,UAAU,gFACVY,KAAK,MACLR,KAAK,cACLS,MAAOtD,EAAK0B,YACZ6B,QAAS7C,EAAgB,cAAe,SACxC8C,OAAQ9C,EAAgB,cAAe,QACvCqC,YAAahD,SAAmB,QAAnBA,EAAAA,EAAOiD,oBAAPjD,IAAAA,OAAAA,EAAAA,EAAqB2B,YAClC+B,YAAY,MACZC,UAAU,KAMlC,CAEA5D,EAAW6D,aAAe,CACtBC,WAAY"}

package/dist/es-legacy/components/internal/PhoneInput/usePhonePrefixes.js

@@ -0,0 +1,2 @@
+import{useState as e,useLayoutEffect as r}from"../../../external/preact/hooks/dist/hooks.js";import t from"../../../core/Services/get-dataset.js";import o from"../../../core/Errors/AdyenCheckoutError.js";function n({allowedCountries:n,loadingContext:i,handleError:a}){const[s,d]=e("loading"),[p,c]=e([]);return r((()=>{t("phonenumbers",i).then((e=>{const r=(n.length?e.filter((e=>n.includes(e.id))):e).map((e=>{const r=e.id.toUpperCase().split("").map((e=>127397+e.charCodeAt(0))),t=String.fromCodePoint?String.fromCodePoint(...r)+"  ":"";return{id:e.prefix,name:`${t} ${e.prefix} (${e.id})`,selectedOptionName:`${t} ${e.prefix}`}}));c(r||[]),d("ready")})).catch((e=>{c([]),d("ready"),null==a||a(new o("ERROR",e))}))}),[]),{phonePrefixes:p,loadingStatus:s}}export{n as default};
+//# sourceMappingURL=usePhonePrefixes.js.map

package/dist/es-legacy/components/internal/PhoneInput/usePhonePrefixes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePhonePrefixes.js","sources":["../../../../../src/components/internal/PhoneInput/usePhonePrefixes.ts"],"sourcesContent":["import { useLayoutEffect, useState } from 'preact/hooks';\nimport getDataset from '../../../core/Services/get-dataset';\nimport { DataSet } from '../../../core/Services/data-set';\nimport { PhonePrefixes } from './types';\nimport AdyenCheckoutError from '../../../core/Errors/AdyenCheckoutError';\n\nfunction usePhonePrefixes({ allowedCountries, loadingContext, handleError }): PhonePrefixes {\n    const [loadingStatus, setLoadingStatus] = useState<string>('loading');\n    const [phonePrefixes, setPhonePrefixes] = useState<DataSet>([]);\n\n    useLayoutEffect(() => {\n        getDataset('phonenumbers', loadingContext)\n            .then(response => {\n                const countriesFilter = country => allowedCountries.includes(country.id);\n                const filteredCountries = allowedCountries.length ? response.filter(countriesFilter) : response;\n                const mappedCountries = filteredCountries.map(item => {\n                    // Get country flags (magic! - shifts the country code characters to the correct position of the emoji in the unicode space)\n                    const codePoints: number[] = item.id\n                        .toUpperCase()\n                        .split('')\n                        .map(char => 127397 + char.charCodeAt(0));\n\n                    // Get flag emoji + space at end (it doesn't work to add spaces in the template literal, below)\n                    const flag = String.fromCodePoint ? String.fromCodePoint(...codePoints) + '\\u00A0\\u00A0' : '';\n\n                    return { id: item.prefix, name: `${flag} ${item.prefix} (${item.id})`, selectedOptionName: `${flag} ${item.prefix}` };\n                });\n\n                setPhonePrefixes(mappedCountries || []);\n                setLoadingStatus('ready');\n            })\n            .catch(error => {\n                setPhonePrefixes([]);\n                setLoadingStatus('ready');\n                handleError?.(new AdyenCheckoutError('ERROR', error));\n            });\n    }, []);\n\n    return { phonePrefixes, loadingStatus };\n}\n\nexport default usePhonePrefixes;\n"],"names":["usePhonePrefixes","allowedCountries","loadingContext","handleError","loadingStatus","setLoadingStatus","useState","phonePrefixes","setPhonePrefixes","useLayoutEffect","getDataset","then","response","mappedCountries","length","filter","country","includes","id","map","item","codePoints","toUpperCase","split","char","charCodeAt","flag","String","fromCodePoint","prefix","name","selectedOptionName","catch","error","AdyenCheckoutError"],"mappings":"4MAMA,SAASA,GAAiBC,iBAAEA,EAAgBC,eAAEA,EAAcC,YAAEA,IAC1D,MAAOC,EAAeC,GAAoBC,EAAiB,YACpDC,EAAeC,GAAoBF,EAAkB,IA8B5D,OA5BAG,GAAgB,KACZC,EAAW,eAAgBR,GACtBS,MAAKC,IACF,MAEMC,GADoBZ,EAAiBa,OAASF,EAASG,QADrCC,GAAWf,EAAiBgB,SAASD,EAAQE,MACkBN,GAC7CO,KAAIC,IAE1C,MAAMC,EAAuBD,EAAKF,GAC7BI,cACAC,MAAM,IACNJ,KAAIK,GAAQ,OAASA,EAAKC,WAAW,KAGpCC,EAAOC,OAAOC,cAAgBD,OAAOC,iBAAiBP,GAAc,KAAiB,GAE3F,MAAO,CAAEH,GAAIE,EAAKS,OAAQC,KAAM,GAAGJ,KAAQN,EAAKS,WAAWT,EAAKF,MAAOa,mBAAoB,GAAGL,KAAQN,EAAKS,SAAS,IAGxHrB,EAAiBK,GAAmB,IACpCR,EAAiB,QAAA,IAEpB2B,OAAMC,IACHzB,EAAiB,IACjBH,EAAiB,SACjBF,SAAAA,EAAc,IAAI+B,EAAmB,QAASD,GAAAA,GAClD,GACL,IAEI,CAAE1B,gBAAeH,gBAC5B"}

package/dist/es-legacy/components/internal/PhoneInput/validate.js

@@ -0,0 +1,2 @@
+import{isEmpty as e,getFormattingRegEx as r}from"../../../utils/validator-utils.js";const o=/\b(2\d{1}|(9(3|6|2|1)))\d{7}\b/,t=/^(\d){4,}$/,a={phoneNumber:{modes:["blur"],validate:(r,a)=>{const d="+351"===a.state.data.phonePrefix?o:t;return e(r)?null:d.test(r)},errorMessage:"invalidPhoneNumber"},phonePrefix:{modes:["blur"],validate:e=>!!e,errorMessage:"invalidCountryCode"}},d={phoneNumber:{formatterFn:e=>e.replace(r("^\\d","g"),"")}};export{d as phoneFormatters,a as phoneValidationRules};
+//# sourceMappingURL=validate.js.map

package/dist/es-legacy/components/internal/PhoneInput/validate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate.js","sources":["../../../../../src/components/internal/PhoneInput/validate.ts"],"sourcesContent":["import { FormatRules, ValidatorRules } from '../../../utils/Validator/types';\nimport { isEmpty, getFormattingRegEx } from '../../../utils/validator-utils';\n\n// ((+351|00351|351)?)(2\\d{1}|(9(3|6|2|1)))\\d{7} full portuguese phone num regex\n\nconst portugueseRegex = /\\b(2\\d{1}|(9(3|6|2|1)))\\d{7}\\b/; // match 2 + any digit + 7 digits OR 9 + 3|6|2|1 + 7 digits\nconst defaultRegex = /^(\\d){4,}$/; // match >= 4 digits\n\nexport const phoneValidationRules: ValidatorRules = {\n    phoneNumber: {\n        modes: ['blur'],\n        validate: (value, context) => {\n            // TODO improve this switching mechanism *if* we get any more country based regexs\n            const testRegex = context.state.data.phonePrefix === '+351' ? portugueseRegex : defaultRegex;\n\n            return isEmpty(value) ? null : testRegex.test(value);\n        },\n        errorMessage: 'invalidPhoneNumber'\n    },\n    phonePrefix: {\n        modes: ['blur'],\n        validate: phonePrefix => !!phonePrefix,\n        errorMessage: 'invalidCountryCode'\n    }\n};\n\nexport const phoneFormatters: FormatRules = {\n    phoneNumber: {\n        formatterFn: val => val.replace(getFormattingRegEx('^\\\\d', 'g'), '')\n    }\n};\n"],"names":["portugueseRegex","defaultRegex","phoneValidationRules","phoneNumber","modes","validate","value","context","testRegex","state","data","phonePrefix","isEmpty","test","errorMessage","phoneFormatters","formatterFn","val","replace","getFormattingRegEx"],"mappings":"oFAKA,MAAMA,EAAkB,iCAClBC,EAAe,aAERC,EAAuC,CAChDC,YAAa,CACTC,MAAO,CAAC,QACRC,SAAU,CAACC,EAAOC,KAEd,MAAMC,EAA+C,SAAnCD,EAAQE,MAAMC,KAAKC,YAAyBX,EAAkBC,EAEhF,OAAOW,EAAQN,GAAS,KAAOE,EAAUK,KAAKP,EAAAA,EAElDQ,aAAc,sBAElBH,YAAa,CACTP,MAAO,CAAC,QACRC,SAAUM,KAAiBA,EAC3BG,aAAc,uBAITC,EAA+B,CACxCZ,YAAa,CACTa,YAAaC,GAAOA,EAAIC,QAAQC,EAAmB,OAAQ,KAAM"}

package/dist/es-legacy/components/internal/QRLoader/QRLoader.js

@@ -0,0 +1,2 @@
+import{Component as t,createElement as e}from"../../../external/preact/dist/preact.js";import o from"../Countdown/index.js";import r from"../Button/Button.js";import s from"../Spinner/Spinner.js";import a from"../../../core/Services/payment-status.js";import{processResponse as i}from"../../../core/ProcessResponse/process-response.js";import{copyToClipboard as n}from"../../../utils/clipboard.js";import c from"../../../core/Errors/AdyenCheckoutError.js";import p from"../../../core/Context/useCoreContext.js";import d from"../ContentSeparator/ContentSeparator.js";import l from"../../../core/Context/useImage.js";import{useA11yReporter as m}from"../../../core/Errors/useA11yReporter.js";import u from"../../../utils/useAutoFocus.js";import{ANALYTICS_DOWNLOAD_STR as h,ANALYTICS_QR_CODE_DOWNLOAD as _}from"../../../core/Analytics/constants.js";function y(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}class g extends t{componentDidMount(){this.statusInterval()}componentWillUnmount(){clearTimeout(this.timeoutId)}pollStatus(t){clearTimeout(this.timeoutId),this.timeoutId=setTimeout((async()=>{const t=performance.now();await this.checkStatus();const e=performance.now();this.statusInterval(Math.round(e-t))}),t)}render({amount:t,url:a,brandLogo:i,brandName:c,countdownTime:y,type:g,onActionHandled:f},{expired:k,completed:q,loading:b}){var v,C;const{i18n:T,loadingContext:N}=p(),w=l(),I=this.props.qrCodeData?`${N}barcode.shtml?barcodeType=qrCode&fileType=png&data=${this.props.qrCodeData}`:this.props.qrCodeImage,S=(t,o)=>{const r=T.get(o);return m(r),e("div",{className:"adyen-checkout__qr-loader adyen-checkout__qr-loader--result"},e("img",{className:"adyen-checkout__qr-loader__icon adyen-checkout__qr-loader__icon--result",src:w({imageFolder:"components/"})(t),alt:r}),e("div",{className:"adyen-checkout__qr-loader__subtitle adyen-checkout__qr-loader__subtitle--result"},r))};if(k)return S("error","error.subtitle.payment");if(q)return S("success","creditCard.success");if(b)return e("div",{className:"adyen-checkout__qr-loader"},i&&e("img",{alt:c,src:i,className:"adyen-checkout__qr-loader__brand-logo"}),e(s,null));const x=T.get(this.props.timeToPay).split("%@"),j=u();return e("div",{className:`\n                    adyen-checkout__qr-loader\n                    adyen-checkout__qr-loader--${g}\n                    ${this.props.classNameModifiers.map((t=>`adyen-checkout__qr-loader--${t}`))}\n                `},i&&e("img",{src:i,alt:c,className:"adyen-checkout__qr-loader__brand-logo"}),t&&t.value&&t.currency&&e("div",{className:"adyen-checkout__qr-loader__payment_amount"},T.amount(t.value,t.currency)),a&&e("div",{className:"adyen-checkout__qr-loader__app-link"},this.props.redirectIntroduction&&e("div",{className:"adyen-checkout__qr-loader__subtitle"},T.get(this.props.redirectIntroduction)),e(r,{classNameModifiers:["qr-loader"],onClick:()=>this.redirectToApp(a),label:T.get(this.props.buttonLabel)}),e(d,null)),e("div",{ref:j,tabIndex:0,className:"adyen-checkout__qr-loader__subtitle"},T.get(this.props.introduction)),e("img",{src:I,alt:T.get("wechatpay.scanqrcode"),onLoad:()=>{null==f||f({componentType:this.props.type,actionDescription:"qr-code-loaded"})}}),e("div",{className:"adyen-checkout__qr-loader__progress"},e("span",{className:"adyen-checkout__qr-loader__percentage",style:{width:`${this.state.percentage}%`}})),e("div",{className:"adyen-checkout__qr-loader__countdown"},x[0]," ",e(o,{minutesFromNow:y,onTick:this.onTick,onCompleted:this.onTimeUp})," ",x[1]),"string"==typeof this.props.instructions?e("div",{className:"adyen-checkout__qr-loader__instructions"},T.get(this.props.instructions)):null===(v=(C=this.props).instructions)||void 0===v?void 0:v.call(C),this.props.copyBtn&&e("div",{className:"adyen-checkout__qr-loader__actions"},e(r,{inline:!0,variant:"action",onClick:(t,{complete:e})=>{n(this.props.qrCodeData),this.props.onSubmitAnalytics({type:h,target:_}),e()},icon:w({imageFolder:"components/"})("copy"),label:T.get("button.copy")})))}constructor(t){super(t),y(this,"timeoutId",void 0),y(this,"redirectToApp",(t=>{window.location.assign(t)})),y(this,"statusInterval",((t=0)=>{if(this.state.expired||this.state.completed)return;this.setState((e=>({timePassed:e.timePassed+this.props.delay+t})));const e=this.state.timePassed>=this.props.throttleTime?this.props.throttledInterval:this.state.delay;this.pollStatus(e)})),y(this,"onTick",(t=>{this.setState({percentage:t.percentage})})),y(this,"onTimeUp",(()=>{this.setState({expired:!0}),clearTimeout(this.timeoutId),this.props.onError(new c("ERROR","Payment Expired"))})),y(this,"onComplete",(t=>{clearTimeout(this.timeoutId),this.setState({completed:!0,loading:!1});const e={data:{details:{payload:t.props.payload},paymentData:this.props.paymentData}};this.props.onComplete(e,this)})),y(this,"onError",(t=>{if(clearTimeout(this.timeoutId),this.setState({expired:!0,loading:!1}),t.props.payload){const e={data:{details:{payload:t.props.payload},paymentData:this.props.paymentData}};this.props.onComplete(e,this)}const e=new c("ERROR","error result with no payload in response");return this.props.onError(e)})),y(this,"checkStatus",(()=>{const{paymentData:t,clientKey:e,loadingContext:o,throttledInterval:r}=this.props;return a(t,e,o,r).then(i).catch((t=>({type:"network-error",props:t}))).then((t=>{switch(t.type){case"success":this.onComplete(t);break;case"error":this.onError(t);break;default:this.setState({loading:!1})}return t}))})),this.state={buttonStatus:"default",completed:!1,delay:t.delay,expired:!1,loading:!0,percentage:100,timePassed:0}}}y(g,"defaultProps",{delay:2e3,countdownTime:15,onError:()=>{},onComplete:()=>{},throttleTime:6e4,classNameModifiers:[],throttledInterval:1e4,introduction:"wechatpay.scanqrcode",timeToPay:"wechatpay.timetopay",buttonLabel:"openApp"});export{g as default};
+//# sourceMappingURL=QRLoader.js.map

package/dist/es-legacy/components/internal/QRLoader/QRLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QRLoader.js","sources":["../../../../../src/components/internal/QRLoader/QRLoader.tsx"],"sourcesContent":["import { Component, h } from 'preact';\nimport Countdown from '../Countdown';\nimport Button from '../Button';\nimport Spinner from '../Spinner';\nimport checkPaymentStatus from '../../../core/Services/payment-status';\nimport processResponse from '../../../core/ProcessResponse';\n\nimport './QRLoader.scss';\nimport { QRLoaderProps, QRLoaderState } from './types';\nimport copyToClipboard from '../../../utils/clipboard';\nimport AdyenCheckoutError from '../../../core/Errors/AdyenCheckoutError';\nimport useCoreContext from '../../../core/Context/useCoreContext';\nimport ContentSeparator from '../ContentSeparator';\nimport { StatusObject } from '../Await/types';\nimport useImage from '../../../core/Context/useImage';\nimport { useA11yReporter } from '../../../core/Errors/useA11yReporter';\nimport useAutoFocus from '../../../utils/useAutoFocus';\nimport { ANALYTICS_DOWNLOAD_STR, ANALYTICS_QR_CODE_DOWNLOAD } from '../../../core/Analytics/constants';\n\nconst QRCODE_URL = 'barcode.shtml?barcodeType=qrCode&fileType=png&data=';\n\nclass QRLoader extends Component<QRLoaderProps, QRLoaderState> {\n    private timeoutId;\n\n    constructor(props) {\n        super(props);\n\n        this.state = {\n            buttonStatus: 'default',\n            completed: false,\n            delay: props.delay,\n            expired: false,\n            loading: true,\n            percentage: 100,\n            timePassed: 0\n        };\n    }\n\n    public static defaultProps = {\n        delay: 2000,\n        countdownTime: 15,\n        onError: () => {},\n        onComplete: () => {},\n        throttleTime: 60000,\n        classNameModifiers: [],\n        throttledInterval: 10000,\n        introduction: 'wechatpay.scanqrcode',\n        timeToPay: 'wechatpay.timetopay',\n        buttonLabel: 'openApp'\n    };\n\n    componentDidMount() {\n        this.statusInterval();\n    }\n\n    componentWillUnmount() {\n        clearTimeout(this.timeoutId);\n    }\n\n    public redirectToApp = (url: string | URL) => {\n        window.location.assign(url);\n    };\n\n    // Retry until getting a complete response from the server, or it times out\n    public statusInterval = (responseTime = 0) => {\n        // If we are already in the final statuses, do not poll!\n        if (this.state.expired || this.state.completed) return;\n\n        this.setState(previous => ({ timePassed: previous.timePassed + this.props.delay + responseTime }));\n        // Changes interval time to 10 seconds after 1 minute (60 seconds)\n        const newDelay = this.state.timePassed >= this.props.throttleTime ? this.props.throttledInterval : this.state.delay;\n        this.pollStatus(newDelay);\n    };\n\n    private pollStatus(delay: number) {\n        clearTimeout(this.timeoutId);\n        this.timeoutId = setTimeout(async () => {\n            // Wait for previous status call to finish.\n            // Also taking the server response time into the consideration to calculate timePassed.\n            const start = performance.now();\n            await this.checkStatus();\n            const end = performance.now();\n            this.statusInterval(Math.round(end - start));\n        }, delay);\n    }\n\n    private onTick = (time): void => {\n        this.setState({ percentage: time.percentage });\n    };\n\n    private onTimeUp = (): void => {\n        this.setState({ expired: true });\n        clearTimeout(this.timeoutId);\n        this.props.onError(new AdyenCheckoutError('ERROR', 'Payment Expired'));\n    };\n\n    private onComplete = (status: StatusObject): void => {\n        clearTimeout(this.timeoutId);\n        this.setState({ completed: true, loading: false });\n\n        const state = {\n            data: {\n                details: { payload: status.props.payload },\n                paymentData: this.props.paymentData\n            }\n        };\n\n        this.props.onComplete(state, this);\n    };\n\n    private onError = (status: StatusObject): void => {\n        clearTimeout(this.timeoutId);\n        this.setState({ expired: true, loading: false });\n\n        if (status.props.payload) {\n            const state = {\n                data: {\n                    details: { payload: status.props.payload },\n                    paymentData: this.props.paymentData\n                }\n            };\n            this.props.onComplete(state, this);\n        }\n\n        const error = new AdyenCheckoutError('ERROR', 'error result with no payload in response');\n        return this.props.onError(error);\n    };\n\n    private checkStatus = () => {\n        const { paymentData, clientKey, loadingContext, throttledInterval } = this.props;\n\n        return checkPaymentStatus(paymentData, clientKey, loadingContext, throttledInterval)\n            .then(processResponse)\n            .catch(response => ({ type: 'network-error', props: response }))\n            .then((status: StatusObject) => {\n                switch (status.type) {\n                    case 'success':\n                        this.onComplete(status);\n                        break;\n                    case 'error':\n                        this.onError(status);\n                        break;\n                    default:\n                        this.setState({ loading: false });\n                }\n                return status;\n            });\n    };\n\n    render({ amount, url, brandLogo, brandName, countdownTime, type, onActionHandled }: QRLoaderProps, { expired, completed, loading }) {\n        const { i18n, loadingContext } = useCoreContext();\n        const getImage = useImage();\n        const qrCodeImage = this.props.qrCodeData ? `${loadingContext}${QRCODE_URL}${this.props.qrCodeData}` : this.props.qrCodeImage;\n        const finalState = (image, message) => {\n            const status = i18n.get(message);\n            useA11yReporter(status);\n            return (\n                <div className=\"adyen-checkout__qr-loader adyen-checkout__qr-loader--result\">\n                    <img\n                        className=\"adyen-checkout__qr-loader__icon adyen-checkout__qr-loader__icon--result\"\n                        src={getImage({ imageFolder: 'components/' })(image)}\n                        alt={status}\n                    />\n                    <div className=\"adyen-checkout__qr-loader__subtitle adyen-checkout__qr-loader__subtitle--result\">{status}</div>\n                </div>\n            );\n        };\n\n        if (expired) {\n            return finalState('error', 'error.subtitle.payment');\n        }\n\n        if (completed) {\n            return finalState('success', 'creditCard.success');\n        }\n\n        if (loading) {\n            return (\n                <div className=\"adyen-checkout__qr-loader\">\n                    {brandLogo && <img alt={brandName} src={brandLogo} className=\"adyen-checkout__qr-loader__brand-logo\" />}\n                    <Spinner />\n                </div>\n            );\n        }\n\n        const timeToPayString = i18n.get(this.props.timeToPay).split('%@');\n\n        const qrSubtitleRef = useAutoFocus();\n\n        return (\n            <div\n                className={`\n                    adyen-checkout__qr-loader\n                    adyen-checkout__qr-loader--${type}\n                    ${this.props.classNameModifiers.map(m => `adyen-checkout__qr-loader--${m}`)}\n                `}\n            >\n                {brandLogo && <img src={brandLogo} alt={brandName} className=\"adyen-checkout__qr-loader__brand-logo\" />}\n\n                {amount && amount.value && amount.currency && (\n                    <div className=\"adyen-checkout__qr-loader__payment_amount\">{i18n.amount(amount.value, amount.currency)}</div>\n                )}\n\n                {url && (\n                    <div className=\"adyen-checkout__qr-loader__app-link\">\n                        {this.props.redirectIntroduction && (\n                            <div className=\"adyen-checkout__qr-loader__subtitle\">{i18n.get(this.props.redirectIntroduction)}</div>\n                        )}\n                        <Button classNameModifiers={['qr-loader']} onClick={() => this.redirectToApp(url)} label={i18n.get(this.props.buttonLabel)} />\n                        <ContentSeparator />\n                    </div>\n                )}\n\n                {/* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */}\n                <div ref={qrSubtitleRef} tabIndex={0} className=\"adyen-checkout__qr-loader__subtitle\">\n                    {i18n.get(this.props.introduction)}\n                </div>\n\n                <img\n                    src={qrCodeImage}\n                    alt={i18n.get('wechatpay.scanqrcode')}\n                    onLoad={() => {\n                        onActionHandled?.({ componentType: this.props.type, actionDescription: 'qr-code-loaded' });\n                    }}\n                />\n\n                <div className=\"adyen-checkout__qr-loader__progress\">\n                    <span className=\"adyen-checkout__qr-loader__percentage\" style={{ width: `${this.state.percentage}%` }} />\n                </div>\n\n                <div className=\"adyen-checkout__qr-loader__countdown\">\n                    {timeToPayString[0]}&nbsp;\n                    <Countdown minutesFromNow={countdownTime} onTick={this.onTick} onCompleted={this.onTimeUp} />\n                    &nbsp;{timeToPayString[1]}\n                </div>\n\n                {typeof this.props.instructions === 'string' ? (\n                    <div className=\"adyen-checkout__qr-loader__instructions\">{i18n.get(this.props.instructions)}</div>\n                ) : (\n                    this.props.instructions?.()\n                )}\n\n                {this.props.copyBtn && (\n                    <div className=\"adyen-checkout__qr-loader__actions\">\n                        <Button\n                            inline\n                            variant=\"action\"\n                            onClick={(e, { complete }) => {\n                                copyToClipboard(this.props.qrCodeData);\n                                this.props.onSubmitAnalytics({\n                                    type: ANALYTICS_DOWNLOAD_STR,\n                                    target: ANALYTICS_QR_CODE_DOWNLOAD\n                                });\n                                complete();\n                            }}\n                            icon={getImage({ imageFolder: 'components/' })('copy')}\n                            label={i18n.get('button.copy')}\n                        />\n                    </div>\n                )}\n            </div>\n        );\n    }\n}\n\nexport default QRLoader;\n"],"names":["QRLoader","Component","componentDidMount","this","statusInterval","componentWillUnmount","clearTimeout","timeoutId","pollStatus","delay","setTimeout","async","start","performance","now","checkStatus","end","Math","round","render","amount","url","brandLogo","brandName","countdownTime","type","onActionHandled","expired","completed","loading","_this_props_instructions","_this_props","i18n","loadingContext","useCoreContext","getImage","useImage","qrCodeImage","props","qrCodeData","finalState","image","message","status","get","useA11yReporter","h","div","className","img","src","imageFolder","alt","Spinner","timeToPayString","timeToPay","split","qrSubtitleRef","useAutoFocus","classNameModifiers","map","m","value","currency","redirectIntroduction","Button","onClick","redirectToApp","label","buttonLabel","ContentSeparator","ref","tabIndex","introduction","onLoad","componentType","actionDescription","span","style","width","state","percentage","Countdown","minutesFromNow","onTick","onCompleted","onTimeUp","instructions","call","copyBtn","inline","variant","e","complete","copyToClipboard","onSubmitAnalytics","ANALYTICS_DOWNLOAD_STR","target","ANALYTICS_QR_CODE_DOWNLOAD","icon","constructor","super","_define_property","window","location","assign","responseTime","setState","previous","timePassed","newDelay","throttleTime","throttledInterval","time","onError","AdyenCheckoutError","onComplete","data","details","payload","paymentData","error","clientKey","checkPaymentStatus","then","processResponse","catch","response","buttonStatus","defaultProps"],"mappings":"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"}

package/dist/es-legacy/components/internal/RedirectButton/RedirectButton.js

@@ -0,0 +1,2 @@
+import{createElement as e,Fragment as t}from"../../../external/preact/dist/preact.js";import r from"../../../core/Context/useCoreContext.js";import{useState as n}from"../../../external/preact/hooks/dist/hooks.js";function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function a(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function l(l){var{label:u=null,icon:i=null,payButton:s,onSubmit:p,amount:b=null,name:f}=l,O=a(l,["label","icon","payButton","onSubmit","amount","name"]);const{i18n:y}=r(),[m,j]=n("ready");this.setStatus=e=>{j(e)};return e(t,null,s(c(function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){o(e,t,r[t])}))}return e}({},O),{status:m,icon:i,classNameModifiers:["standalone"],label:u||(b&&{}.hasOwnProperty.call(b,"value")&&0===b.value?`${y.get("preauthorizeWith")} ${f}`:`${y.get("continueTo")} ${f}`),onClick:p})))}export{l as default};
+//# sourceMappingURL=RedirectButton.js.map

package/dist/es-legacy/components/internal/RedirectButton/RedirectButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RedirectButton.js","sources":["../../../../../src/components/internal/RedirectButton/RedirectButton.tsx"],"sourcesContent":["import { h, Fragment } from 'preact';\nimport useCoreContext from '../../../core/Context/useCoreContext';\nimport { useState } from 'preact/hooks';\n\nfunction RedirectButton({ label = null, icon = null, payButton, onSubmit, amount = null, name, ...props }) {\n    const { i18n } = useCoreContext();\n    const [status, setStatus] = useState('ready');\n\n    this.setStatus = newStatus => {\n        setStatus(newStatus);\n    };\n\n    const payButtonLabel = () => {\n        const isZeroAuth = amount && {}.hasOwnProperty.call(amount, 'value') && amount.value === 0;\n        if (isZeroAuth) return `${i18n.get('preauthorizeWith')} ${name}`;\n        return `${i18n.get('continueTo')} ${name}`;\n    };\n\n    return (\n        <Fragment>\n            {payButton({\n                ...props,\n                status,\n                icon,\n                classNameModifiers: ['standalone'],\n                label: label || payButtonLabel(),\n                onClick: onSubmit\n            })}\n        </Fragment>\n    );\n}\n\nexport default RedirectButton;\n"],"names":["RedirectButton","_param","label","icon","payButton","onSubmit","amount","name","props","_object_without_properties","i18n","useCoreContext","status","setStatus","useState","this","newStatus","h","Fragment","_object_spread_props","classNameModifiers","hasOwnProperty","call","value","get","onClick"],"mappings":"yoCAIA,SAASA,EAAeC,GAAA,IAAAC,MAAEA,EAAQ,KAAIC,KAAEA,EAAO,KAAIC,UAAEA,EAASC,SAAEA,EAAQC,OAAEA,EAAS,KAAIC,KAAEA,GAAjEN,EAA0EO,EAA1EC,EAAAR,EAAA,CAAEC,QAAcC,OAAaC,YAAWC,WAAUC,SAAeC,SACrF,MAAMG,KAAEA,GAASC,KACVC,EAAQC,GAAaC,EAAS,SAErCC,KAAKF,UAAYG,IACbH,EAAUG,EAAAA,EASd,OACIC,EAACC,EACId,KAAAA,EAAUe,wUACJX,CAAAA,GAAAA,GAAAA,CACHI,SACAT,OACAiB,mBAAoB,CAAC,cACrBlB,MAAOA,IAZII,GAAU,CAAC,EAAEe,eAAeC,KAAKhB,EAAQ,UAA6B,IAAjBA,EAAOiB,MACxD,GAAGb,EAAKc,IAAI,uBAAuBjB,IACnD,GAAGG,EAAKc,IAAI,iBAAiBjB,KAW5BkB,QAASpB,KAIzB"}

package/dist/es-legacy/components/internal/SecuredFields/SFP/SFPUtils.js

@@ -0,0 +1,2 @@
+import{ENCRYPTED_EXPIRY_DATE as e,ENCRYPTED_EXPIRY_MONTH as r,ENCRYPTED_EXPIRY_YEAR as i,ENCRYPTED_SECURITY_CODE as l,CVC_POLICY_OPTIONAL as o,DATE_POLICY_OPTIONAL as t,CVC_POLICY_HIDDEN as c,DATE_POLICY_HIDDEN as s}from"../lib/configuration/constants.js";import d from"../../../../utils/getProp.js";import{EMPTY_FIELD_ERROR_MESSAGES as p,DEFAULT_ERROR as a}from"../../../../core/Errors/constants.js";const y=e=>e?Array.prototype.slice.call(e.querySelectorAll('[data-cse*="encrypted"]')).map((e=>e.getAttribute("data-cse"))):[],n=(l,o)=>(o===e?(l[r]=!1,l[i]=!1):l[o]=!1,l),f=(d,p)=>(a,y)=>{let n=!0!==p.valid[y]?((l,o)=>1!==o||l!==r&&l!==i?l:e)(y,d):null;return n=((e,r,i)=>{const{isFieldOfType:d,fieldIsValid:p}=i.reduce(((i,l)=>(i.isFieldOfType||(i.isFieldOfType=e===l,i.fieldIsValid=!r.errors[l]),i)),{isFieldOfType:!1,fieldIsValid:!1}),a=e===l?"cvcPolicy":"expiryDatePolicy",y="cvcPolicy"===a?o:t,n="cvcPolicy"===a?c:s;return(r[a]===y||r[a]===n)&&p&&d?null:e})(n,p,[l,e,r,i]),n&&!a.includes(n)&&a.push(n),a},u=(e,r,i)=>({rootNode:r,fieldType:e,error:d(i,`errors.${e}`)||p[e]||a,type:"card"});export{u as getErrorObject,f as getErrorReducer,y as getFields,n as validFieldsReducer};
+//# sourceMappingURL=SFPUtils.js.map