@adyen/adyen-web 5.58.0 → 6.0.0-alpha.0

package/dist/es/components/Dragonpay/components/DragonpayInput/DragonpayInput.js

@@ -0,0 +1,2 @@
+import{createElement as e}from"../../../../external/preact/dist/preact.js";import{useEffect as a,useState as r}from"../../../../external/preact/hooks/dist/hooks.js";import o from"../../../../utils/useForm/useForm.js";import t from"../../../internal/FormFields/Field/Field.js";import s from"../../../../utils/get-issuer-image.js";import i from"../../../../core/Context/useCoreContext.js";import n from"../../../internal/FormFields/InputEmail.js";import l from"../../../internal/FormFields/Select/Select.js";import p from"../../../../core/Context/useImage.js";import{validationRules as m}from"../../../../utils/Validator/defaultRules.js";import{getErrorMessage as u}from"../../../../utils/getErrorMessage.js";function d(d){const{i18n:c}=i(),g=p(),h=()=>["dragonpay_ebanking","dragonpay_otc_banking","dragonpay_otc_non_banking"].indexOf(d.type)>-1,{handleChangeFor:f,triggerValidation:_,data:y,valid:E,errors:k,isValid:F}=o({schema:[...h()?["issuer"]:[],"shopperEmail"],rules:{issuer:{validate:e=>h()&&!!e,modes:["input","blur"]},shopperEmail:m.emailRule}}),j=s({},d.type,g),x=d.items.map((e=>({...e,icon:j(e.id&&e.id.toLowerCase())})));a((()=>{d.onChange({isValid:F,data:y,valid:E,errors:k})}),[F,y,E,k]);const[C,b]=r("ready");return this.setStatus=b,this.showValidation=_,e("div",{className:"adyen-checkout__dragonpay-input__field"},e(t,{label:c.get("shopperEmail"),errorMessage:u(c,k.shopperEmail,c.get("shopperEmail")),name:"dragonpay-shopperEmail"},e(n,{name:"dragonpay-shopperEmail",autoCorrect:"off",value:y.shopperEmail,className:"adyen-checkout__input--large",spellCheck:!1,onInput:f("shopperEmail","input"),onBlur:f("shopperEmail","blur")})),h()&&e(t,{label:c.get((V=d.type,"dragonpay_otc_non_banking"===V?"dragonpayVoucher.selectField.contextualText.nonBank":"dragonpayVoucher.selectField.contextualText.bank")),errorMessage:!!k.issuer,name:"issuer"},e(l,{items:x,selectedValue:y.issuer,name:"issuer",className:"adyen-checkout__dropdown--large adyen-checkout__issuer-list__dropdown",onChange:f("issuer")})),d.showPayButton&&d.payButton({status:C,label:c.get("confirmPurchase")}));var V}d.defaultProps={data:{},items:[],onChange:()=>{}};export{d as default};
+//# sourceMappingURL=DragonpayInput.js.map

package/dist/es/components/Dragonpay/components/DragonpayInput/DragonpayInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragonpayInput.js","sources":["../../../../../../src/components/Dragonpay/components/DragonpayInput/DragonpayInput.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useEffect, useState } from 'preact/hooks';\nimport useForm from '../../../../utils/useForm';\nimport Field from '../../../internal/FormFields/Field';\nimport getIssuerImageUrl from '../../../../utils/get-issuer-image';\nimport useCoreContext from '../../../../core/Context/useCoreContext';\nimport { DragonpayInputData, DragonpayInputIssuerItem, DragonpayInputProps } from '../../types';\nimport InputEmail from '../../../internal/FormFields/InputEmail';\nimport Select from '../../../internal/FormFields/Select';\nimport useImage from '../../../../core/Context/useImage';\nimport { validationRules } from '../../../../utils/Validator/defaultRules';\nimport { getErrorMessage } from '../../../../utils/getErrorMessage';\n\nexport default function DragonpayInput(props: DragonpayInputProps) {\n    const { i18n } = useCoreContext();\n    const getImage = useImage();\n    const isIssuerRequired = () => {\n        const typesRequiringIssuers = ['dragonpay_ebanking', 'dragonpay_otc_banking', 'dragonpay_otc_non_banking'];\n        return typesRequiringIssuers.indexOf(props.type) > -1;\n    };\n\n    const { handleChangeFor, triggerValidation, data, valid, errors, isValid } = useForm<DragonpayInputData>({\n        schema: [...(isIssuerRequired() ? ['issuer'] : []), 'shopperEmail'],\n        rules: {\n            issuer: {\n                validate: issuer => isIssuerRequired() && !!issuer,\n                modes: ['input', 'blur']\n            },\n            shopperEmail: validationRules.emailRule\n        }\n    });\n\n    const getIssuerIcon = getIssuerImageUrl({}, props.type, getImage);\n    const items = props.items.map(\n        (item: DragonpayInputIssuerItem): DragonpayInputIssuerItem => ({\n            ...item,\n            icon: getIssuerIcon(item.id && item.id.toLowerCase())\n        })\n    );\n\n    const getIssuerSelectFieldKey = type => {\n        if (type === 'dragonpay_otc_non_banking') {\n            return 'dragonpayVoucher.selectField.contextualText.nonBank';\n        }\n        return 'dragonpayVoucher.selectField.contextualText.bank';\n    };\n\n    useEffect(() => {\n        props.onChange({ isValid, data, valid, errors });\n    }, [isValid, data, valid, errors]);\n\n    const [status, setStatus] = useState('ready');\n    this.setStatus = setStatus;\n    this.showValidation = triggerValidation;\n\n    return (\n        <div className=\"adyen-checkout__dragonpay-input__field\">\n            <Field\n                label={i18n.get('shopperEmail')}\n                errorMessage={getErrorMessage(i18n, errors.shopperEmail, i18n.get('shopperEmail'))}\n                name={'dragonpay-shopperEmail'}\n            >\n                <InputEmail\n                    name={'dragonpay-shopperEmail'}\n                    autoCorrect={'off'}\n                    value={data.shopperEmail}\n                    className={'adyen-checkout__input--large'}\n                    spellCheck={false}\n                    onInput={handleChangeFor('shopperEmail', 'input')}\n                    onBlur={handleChangeFor('shopperEmail', 'blur')}\n                />\n            </Field>\n\n            {isIssuerRequired() && (\n                <Field label={i18n.get(getIssuerSelectFieldKey(props.type))} errorMessage={!!errors.issuer} name={'issuer'}>\n                    <Select\n                        items={items}\n                        selectedValue={data.issuer}\n                        name={'issuer'}\n                        className={'adyen-checkout__dropdown--large adyen-checkout__issuer-list__dropdown'}\n                        onChange={handleChangeFor('issuer')}\n                    />\n                </Field>\n            )}\n\n            {props.showPayButton && props.payButton({ status, label: i18n.get('confirmPurchase') })}\n        </div>\n    );\n}\n\nDragonpayInput.defaultProps = {\n    data: {},\n    items: [],\n    onChange: () => {}\n};\n"],"names":["DragonpayInput","props","i18n","useCoreContext","getImage","useImage","isIssuerRequired","indexOf","type","handleChangeFor","triggerValidation","data","valid","errors","isValid","useForm","schema","rules","issuer","validate","modes","shopperEmail","validationRules","emailRule","getIssuerIcon","getIssuerImageUrl","items","map","item","icon","id","toLowerCase","useEffect","onChange","status","setStatus","useState","this","showValidation","h","div","className","Field","label","get","errorMessage","getErrorMessage","name","InputEmail","autoCorrect","value","spellCheck","onInput","onBlur","Select","selectedValue","showPayButton","payButton","defaultProps"],"mappings":"msBAae,SAASA,EAAeC,GACnC,MAAMC,KAAEA,GAASC,IACXC,EAAWC,IACXC,EAAmB,IACS,CAAC,qBAAsB,wBAAyB,6BACjDC,QAAQN,EAAMO,OAAS,GAGlDC,gBAAEA,EAAeC,kBAAEA,EAAiBC,KAAEA,EAAIC,MAAEA,EAAKC,OAAEA,EAAMC,QAAEA,GAAYC,EAA4B,CACrGC,OAAQ,IAAKV,IAAqB,CAAC,UAAY,GAAK,gBACpDW,MAAO,CACHC,OAAQ,CACJC,SAAUD,GAAUZ,OAAwBY,EAC5CE,MAAO,CAAC,QAAS,SAErBC,aAAcC,EAAgBC,aAIhCC,EAAgBC,EAAkB,CAAA,EAAIxB,EAAMO,KAAMJ,GAClDsB,EAAQzB,EAAMyB,MAAMC,KACrBC,IAA8D,IACxDA,EACHC,KAAML,EAAcI,EAAKE,IAAMF,EAAKE,GAAGC,mBAW/CC,GAAU,KACN/B,EAAMgC,SAAS,CAAEnB,UAASH,OAAMC,QAAOC,UAAO,GAC/C,CAACC,EAASH,EAAMC,EAAOC,IAE1B,MAAOqB,EAAQC,GAAaC,EAAS,SAIrC,OAHAC,KAAKF,UAAYA,EACjBE,KAAKC,eAAiB5B,EAGlB6B,EAACC,MAAAA,CAAIC,UAAU,0CACXF,EAACG,EAAAA,CACGC,MAAOzC,EAAK0C,IAAI,gBAChBC,aAAcC,EAAgB5C,EAAMW,EAAOQ,aAAcnB,EAAK0C,IAAI,iBAClEG,KAAM,0BAENR,EAACS,EAAAA,CACGD,KAAM,yBACNE,YAAa,MACbC,MAAOvC,EAAKU,aACZoB,UAAW,+BACXU,YAAY,EACZC,QAAS3C,EAAgB,eAAgB,SACzC4C,OAAQ5C,EAAgB,eAAgB,WAI/CH,KACGiC,EAACG,EAAAA,CAAMC,MAAOzC,EAAK0C,KAlCCpC,EAkC2BP,EAAMO,KAjChD,8BAATA,EACO,sDAEJ,qDA8B8DqC,eAAgBhC,EAAOK,OAAQ6B,KAAM,UAC9FR,EAACe,EAAAA,CACG5B,MAAOA,EACP6B,cAAe5C,EAAKO,OACpB6B,KAAM,SACNN,UAAW,wEACXR,SAAUxB,EAAgB,aAKrCR,EAAMuD,eAAiBvD,EAAMwD,UAAU,CAAEvB,SAAQS,MAAOzC,EAAK0C,IAAI,sBA7C1CpC,IAAAA,CAgDpC,CAEAR,EAAe0D,aAAe,CAC1B/C,KAAM,CAAC,EACPe,MAAO,GACPO,SAAU"}

package/dist/es/components/Dragonpay/components/DragonpayVoucherResult/DragonpayVoucherResult.js

@@ -0,0 +1,2 @@
+import{createElement as e}from"../../../../external/preact/dist/preact.js";import r from"../../../internal/Voucher/Voucher.js";import t from"../../../../utils/get-issuer-image.js";import o from"../../../../core/Context/useCoreContext.js";import n from"../../../../core/Context/useImage.js";function a(a){const{reference:i,totalAmount:u,surcharge:c,expiresAt:s,alternativeReference:l,instructionsUrl:m,icon:p,issuer:f,paymentMethodType:g}=a,{i18n:h}=o(),v=n(),d="dragonpay_otc_philippines"!==g?t({},g,v)(f.toLowerCase()):null;return e(r,{reference:i,paymentMethodType:g,introduction:h.get("voucher.introduction"),imageUrl:p,issuerImageUrl:d,instructionsUrl:m,amount:u&&h.amount(u.value,u.currency),surcharge:c&&h.amount(c.value,c.currency),voucherDetails:[{label:h.get("voucher.expirationDate"),value:h.date(s)},{label:h.get("voucher.alternativeReference"),value:l}],copyBtn:!0})}export{a as default};
+//# sourceMappingURL=DragonpayVoucherResult.js.map

package/dist/es/components/Dragonpay/components/DragonpayVoucherResult/DragonpayVoucherResult.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragonpayVoucherResult.js","sources":["../../../../../../src/components/Dragonpay/components/DragonpayVoucherResult/DragonpayVoucherResult.tsx"],"sourcesContent":["import { h } from 'preact';\nimport Voucher from '../../../internal/Voucher';\nimport getIssuerImageUrl from '../../../../utils/get-issuer-image';\nimport useCoreContext from '../../../../core/Context/useCoreContext';\nimport { DragonpayVoucherResultProps } from '../../types';\nimport { VoucherDetail } from '../../../internal/Voucher/types';\nimport useImage from '../../../../core/Context/useImage';\n\nexport default function DragonpayVoucherResult(props: DragonpayVoucherResultProps) {\n    const { reference, totalAmount, surcharge, expiresAt, alternativeReference, instructionsUrl, icon, issuer, paymentMethodType } = props;\n    const { i18n } = useCoreContext();\n    const getImage = useImage();\n    const issuerImageUrl =\n        paymentMethodType !== 'dragonpay_otc_philippines' ? getIssuerImageUrl({}, paymentMethodType, getImage)(issuer.toLowerCase()) : null;\n\n    return (\n        <Voucher\n            reference={reference}\n            paymentMethodType={paymentMethodType}\n            introduction={i18n.get('voucher.introduction')}\n            imageUrl={icon}\n            issuerImageUrl={issuerImageUrl}\n            instructionsUrl={instructionsUrl}\n            amount={totalAmount && i18n.amount(totalAmount.value, totalAmount.currency)}\n            surcharge={surcharge && i18n.amount(surcharge.value, surcharge.currency)}\n            voucherDetails={\n                [\n                    { label: i18n.get('voucher.expirationDate'), value: i18n.date(expiresAt) },\n                    { label: i18n.get('voucher.alternativeReference'), value: alternativeReference }\n                ] as VoucherDetail[]\n            }\n            copyBtn\n        />\n    );\n}\n"],"names":["DragonpayVoucherResult","props","reference","totalAmount","surcharge","expiresAt","alternativeReference","instructionsUrl","icon","issuer","paymentMethodType","i18n","useCoreContext","getImage","useImage","issuerImageUrl","getIssuerImageUrl","toLowerCase","h","Voucher","introduction","get","imageUrl","amount","value","currency","voucherDetails","label","date","copyBtn"],"mappings":"kSAQe,SAASA,EAAuBC,GAC3C,MAAMC,UAAEA,EAASC,YAAEA,EAAWC,UAAEA,EAASC,UAAEA,EAASC,qBAAEA,EAAoBC,gBAAEA,EAAeC,KAAEA,EAAIC,OAAEA,EAAMC,kBAAEA,GAAsBT,GAC3HU,KAAEA,GAASC,IACXC,EAAWC,IACXC,EACoB,8BAAtBL,EAAoDM,EAAkB,GAAIN,EAAmBG,EAAzCG,CAAmDP,EAAOQ,eAAiB,KAEnI,OACIC,EAACC,EAAAA,CACGjB,UAAWA,EACXQ,kBAAmBA,EACnBU,aAAcT,EAAKU,IAAI,wBACvBC,SAAUd,EACVO,eAAgBA,EAChBR,gBAAiBA,EACjBgB,OAAQpB,GAAeQ,EAAKY,OAAOpB,EAAYqB,MAAOrB,EAAYsB,UAClErB,UAAWA,GAAaO,EAAKY,OAAOnB,EAAUoB,MAAOpB,EAAUqB,UAC/DC,eACI,CACI,CAAEC,MAAOhB,EAAKU,IAAI,0BAA2BG,MAAOb,EAAKiB,KAAKvB,IAC9D,CAAEsB,MAAOhB,EAAKU,IAAI,gCAAiCG,MAAOlB,IAGlEuB,SAAAA,GAGZ"}

package/dist/es/components/Dropin/Dropin.js

@@ -0,0 +1,2 @@
+import{createElement as t}from"../../external/preact/dist/preact.js";import{UIElement as e}from"../internal/UIElement/UIElement.js";import o from"./defaultProps.js";import{DropinComponent as s}from"./components/DropinComponent.js";import n from"../../core/Context/CoreProvider.js";import{getCommonProps as i}from"./components/utils.js";import r from"./elements/createElements.js";import a from"./elements/createStoredElements.js";import h from"./elements/createInstantPaymentElements.js";import{hasOwnProperty as m}from"../../utils/hasOwnProperty.js";import d from"../../core/Errors/SRPanelProvider.js";import p from"./elements/splitPaymentMethods.js";const c=["paywithgoogle","googlepay","applepay"];class l extends e{static defaultProps=o;dropinRef=null;paymentMethodsConfiguration;componentFromAction;constructor(t,e){super(t,e),this.submit=this.submit.bind(this),this.handleAction=this.handleAction.bind(this),this.props.paymentMethodComponents.forEach((t=>this.core.register(t))),this.paymentMethodsConfiguration=this.props.paymentMethodsConfiguration||{}}storeElementRefOnCore(){this.core.storeElementReference(this)}formatProps(t){return{type:"dropin",...super.formatProps(t),instantPaymentTypes:Array.from(new Set(t.instantPaymentTypes)).filter((t=>c.includes(t)))}}get isValid(){return!!this.dropinRef&&!!this.dropinRef.state.activePaymentMethod&&!!this.dropinRef.state.activePaymentMethod.isValid}showValidation(){return this.dropinRef.state.activePaymentMethod&&this.dropinRef.state.activePaymentMethod.showValidation(),this}setStatus(t,e={}){return this.dropinRef?.setStatus(t,e),this}get activePaymentMethod(){return this.dropinRef?.state||this.dropinRef?.state.activePaymentMethod?this.dropinRef.state.activePaymentMethod:null}get data(){return this.activePaymentMethod?this.dropinRef.state.activePaymentMethod.data:null}submit(){if(!this.activePaymentMethod)throw new Error("No active payment method.");this.activePaymentMethod.isValid||this.activePaymentMethod.showValidation(),this.activePaymentMethod.isInstantPayment&&this.closeActivePaymentMethod(),this.activePaymentMethod.submit()}handleCreate=()=>{const{paymentMethodsConfiguration:t,showStoredPaymentMethods:e,showPaymentMethods:o,instantPaymentTypes:s}=this.props,{paymentMethods:n,storedPaymentMethods:m,instantPaymentMethods:d}=p(this.core.paymentMethodsResponse,s),c=i({...this.props,elementRef:this.elementRef});return[e?a(m,t,c,this.core):[],o?r(n,t,c,this.core):[],h(d,t,c,this.core)]};handleAction(t,e={}){if(!t||!t.type){if(m(t,"action")&&m(t,"resultCode"))throw new Error('handleAction::Invalid Action - the passed action object itself has an "action" property and a "resultCode": have you passed in the whole response object by mistake?');throw new Error('handleAction::Invalid Action - the passed action object does not have a "type" property')}if("redirect"!==t.type&&this.activePaymentMethod?.updateWithAction)return this.activePaymentMethod.updateWithAction(t);this.elementRef instanceof l&&(e={...this.elementRef.activePaymentMethod?.props,...e});const o=this.core.createFromAction(t,{...e,elementRef:this.elementRef,onAdditionalDetails:this.handleAdditionalDetails,isDropin:!0});return o?(this.setStatus(o.props.statusType,{component:o}),this.componentFromAction=o,this):null}handleOrder=({order:t})=>{this.updateParent({order:t})};closeActivePaymentMethod(){this.dropinRef.closeActivePaymentMethod()}render(){return t(n,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},t(d,{srPanel:this.props.modules.srPanel},t(s,{...this.props,core:this.core,onChange:this.setState,elementRef:this.elementRef,onCreateElements:this.handleCreate,ref:t=>{this.dropinRef=t}})))}}export{l as default};
+//# sourceMappingURL=Dropin.js.map

package/dist/es/components/Dropin/Dropin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropin.js","sources":["../../../../src/components/Dropin/Dropin.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport defaultProps from './defaultProps';\nimport DropinComponent from '../../components/Dropin/components/DropinComponent';\nimport CoreProvider from '../../core/Context/CoreProvider';\nimport { PaymentAction, PaymentResponseData } from '../../types/global-types';\nimport { DropinConfiguration, InstantPaymentTypes, PaymentMethodsConfiguration } from './types';\nimport { getCommonProps } from './components/utils';\nimport { createElements, createStoredElements } from './elements';\nimport createInstantPaymentElements from './elements/createInstantPaymentElements';\nimport { hasOwnProperty } from '../../utils/hasOwnProperty';\nimport SRPanelProvider from '../../core/Errors/SRPanelProvider';\nimport splitPaymentMethods from './elements/splitPaymentMethods';\nimport type { ICore } from '../../core/types';\nimport type { IDropin } from './types';\n\nconst SUPPORTED_INSTANT_PAYMENTS = ['paywithgoogle', 'googlepay', 'applepay'];\n\nclass DropinElement extends UIElement<DropinConfiguration> implements IDropin {\n    protected static defaultProps = defaultProps;\n\n    public dropinRef = null;\n\n    private paymentMethodsConfiguration: PaymentMethodsConfiguration;\n    /**\n     * Reference to the component created from `handleAction` (Ex.: ThreeDS2Challenge)\n     */\n    public componentFromAction?: UIElement;\n\n    constructor(checkout: ICore, props?: DropinConfiguration) {\n        super(checkout, props);\n        this.submit = this.submit.bind(this);\n        this.handleAction = this.handleAction.bind(this);\n\n        this.props.paymentMethodComponents.forEach(PaymentMethod => this.core.register(PaymentMethod));\n        this.paymentMethodsConfiguration = this.props.paymentMethodsConfiguration || {};\n    }\n\n    protected override storeElementRefOnCore() {\n        this.core.storeElementReference(this);\n    }\n\n    formatProps(props) {\n        return {\n            type: 'dropin', // for analytics\n            ...super.formatProps(props),\n            instantPaymentTypes: Array.from<InstantPaymentTypes>(new Set(props.instantPaymentTypes)).filter(value =>\n                SUPPORTED_INSTANT_PAYMENTS.includes(value)\n            )\n        };\n    }\n\n    get isValid() {\n        return !!this.dropinRef && !!this.dropinRef.state.activePaymentMethod && !!this.dropinRef.state.activePaymentMethod.isValid;\n    }\n\n    showValidation() {\n        if (this.dropinRef.state.activePaymentMethod) {\n            this.dropinRef.state.activePaymentMethod.showValidation();\n        }\n\n        return this;\n    }\n\n    public setStatus(status, props = {}): this {\n        this.dropinRef?.setStatus(status, props);\n        return this;\n    }\n\n    get activePaymentMethod() {\n        if (!this.dropinRef?.state && !this.dropinRef?.state.activePaymentMethod) {\n            return null;\n        }\n\n        return this.dropinRef.state.activePaymentMethod;\n    }\n\n    get data() {\n        if (!this.activePaymentMethod) {\n            return null;\n        }\n\n        return this.dropinRef.state.activePaymentMethod.data;\n    }\n\n    /**\n     * Calls the onSubmit event with the state of the activePaymentMethod\n     */\n    public override submit(): void {\n        if (!this.activePaymentMethod) {\n            throw new Error('No active payment method.');\n        }\n\n        if (!this.activePaymentMethod.isValid) {\n            this.activePaymentMethod.showValidation();\n        }\n\n        if (this.activePaymentMethod.isInstantPayment) {\n            this.closeActivePaymentMethod();\n        }\n\n        this.activePaymentMethod.submit();\n    }\n\n    /**\n     * Creates the Drop-in elements\n     */\n    private handleCreate = () => {\n        const { paymentMethodsConfiguration, showStoredPaymentMethods, showPaymentMethods, instantPaymentTypes } = this.props;\n\n        const { paymentMethods, storedPaymentMethods, instantPaymentMethods } = splitPaymentMethods(\n            this.core.paymentMethodsResponse,\n            instantPaymentTypes\n        );\n\n        const commonProps = getCommonProps({ ...this.props, elementRef: this.elementRef });\n\n        const storedElements = showStoredPaymentMethods\n            ? createStoredElements(storedPaymentMethods, paymentMethodsConfiguration, commonProps, this.core)\n            : [];\n        const elements = showPaymentMethods ? createElements(paymentMethods, paymentMethodsConfiguration, commonProps, this.core) : [];\n        const instantPaymentElements = createInstantPaymentElements(instantPaymentMethods, paymentMethodsConfiguration, commonProps, this.core);\n\n        return [storedElements, elements, instantPaymentElements];\n    };\n\n    public handleAction(action: PaymentAction, props = {}): this | null {\n        if (!action || !action.type) {\n            if (hasOwnProperty(action, 'action') && hasOwnProperty(action, 'resultCode')) {\n                throw new Error(\n                    'handleAction::Invalid Action - the passed action object itself has an \"action\" property and ' +\n                        'a \"resultCode\": have you passed in the whole response object by mistake?'\n                );\n            }\n            throw new Error('handleAction::Invalid Action - the passed action object does not have a \"type\" property');\n        }\n\n        if (action.type !== 'redirect' && this.activePaymentMethod?.updateWithAction) {\n            return this.activePaymentMethod.updateWithAction(action);\n        }\n\n        if (this.elementRef instanceof DropinElement) {\n            props = {\n                ...this.elementRef.activePaymentMethod?.props,\n                ...props\n            };\n        }\n\n        const paymentAction: UIElement = this.core.createFromAction(action, {\n            ...props,\n            elementRef: this.elementRef, // maintain elementRef for 3DS2 flow\n            onAdditionalDetails: this.handleAdditionalDetails,\n            isDropin: true\n        });\n\n        if (paymentAction) {\n            this.setStatus(paymentAction.props.statusType, { component: paymentAction });\n            this.componentFromAction = paymentAction;\n            return this;\n        }\n\n        return null;\n    }\n\n    /**\n     * handleOrder is implemented so we don't trigger a callback like in the components\n     * @param response - PaymentResponse\n     */\n    protected handleOrder = ({ order }: PaymentResponseData): void => {\n        this.updateParent({ order });\n    };\n\n    closeActivePaymentMethod() {\n        this.dropinRef.closeActivePaymentMethod();\n    }\n\n    render() {\n        return (\n            <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n                <SRPanelProvider srPanel={this.props.modules.srPanel}>\n                    <DropinComponent\n                        {...this.props}\n                        core={this.core}\n                        onChange={this.setState}\n                        elementRef={this.elementRef}\n                        onCreateElements={this.handleCreate}\n                        ref={dropinRef => {\n                            this.dropinRef = dropinRef;\n                        }}\n                    />\n                </SRPanelProvider>\n            </CoreProvider>\n        );\n    }\n}\n\nexport default DropinElement;\n"],"names":["SUPPORTED_INSTANT_PAYMENTS","DropinElement","UIElement","static","defaultProps","dropinRef","paymentMethodsConfiguration","componentFromAction","constructor","checkout","props","super","this","submit","bind","handleAction","paymentMethodComponents","forEach","PaymentMethod","core","register","storeElementRefOnCore","storeElementReference","formatProps","type","instantPaymentTypes","Array","from","Set","filter","value","includes","isValid","state","activePaymentMethod","showValidation","setStatus","status","data","Error","isInstantPayment","closeActivePaymentMethod","handleCreate","showStoredPaymentMethods","showPaymentMethods","paymentMethods","storedPaymentMethods","instantPaymentMethods","splitPaymentMethods","paymentMethodsResponse","commonProps","getCommonProps","elementRef","createStoredElements","createElements","createInstantPaymentElements","action","hasOwnProperty","updateWithAction","paymentAction","createFromAction","onAdditionalDetails","handleAdditionalDetails","isDropin","statusType","component","handleOrder","order","updateParent","render","h","CoreProvider","i18n","loadingContext","resources","SRPanelProvider","srPanel","modules","DropinComponent","onChange","setState","onCreateElements","ref"],"mappings":"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"}

package/dist/es/components/Dropin/components/DropinComponent.js

@@ -0,0 +1,2 @@
+import{Component as t,createElement as e}from"../../../external/preact/dist/preact.js";import s from"./PaymentMethod/PaymentMethodList.js";import n from"./status/index.js";import o from"../../../core/Services/order-status.js";import{ANALYTICS_RENDERED_STR as a}from"../../../core/Analytics/constants.js";class r extends t{state={elements:[],instantPaymentElements:[],storedPaymentElements:[],orderStatus:null,isDisabling:!1,status:{type:"loading",props:void 0},activePaymentMethod:null,cachedPaymentMethods:{}};componentDidMount(){this.prepareDropinData()}prepareDropinData=()=>{const{order:t,clientKey:e,loadingContext:s}=this.props,[n,r,i]=this.props.onCreateElements(),d=t?o({clientKey:e,loadingContext:s},t):null;Promise.all([n,r,i,d]).then((([t,e,s,n])=>{this.setState({instantPaymentElements:s,elements:e,storedPaymentElements:t,orderStatus:n}),this.setStatus("ready"),this.props.modules?.analytics.sendAnalytics("dropin",{type:a})})),this.onOrderCancel=this.getOnOrderCancel()};setStatus=(t,e={})=>{this.setState({status:{type:t,props:e}})};setActivePaymentMethod=t=>{this.setState((e=>({activePaymentMethod:t,cachedPaymentMethods:{...e.cachedPaymentMethods,[t._id]:!0}})))};componentDidUpdate(t,e){e.status.type!==this.state.status.type&&this.state.activePaymentMethod&&this.state.activePaymentMethod.setStatus(this.state.status.type),"ready"===this.state.status.type&&"ready"!==e.status.type&&this.props.onReady&&this.props.onReady()}handleOnSelectPaymentMethod=t=>{const{activePaymentMethod:e}=this.state;this.setActivePaymentMethod(t),(e&&e._id!==t._id||!e)&&(this.props.onSelect(t),t.submitAnalytics({type:a}))};handleDisableStoredPaymentMethod=t=>{this.setState({isDisabling:!0}),new Promise(((e,s)=>this.props.onDisableStoredPaymentMethod(t.props.storedPaymentMethodId,e,s))).then((()=>{this.setState((e=>({elements:e.elements.filter((e=>e._id!==t._id))}))),this.setState({isDisabling:!1})})).catch((()=>{this.setState({isDisabling:!1})}))};closeActivePaymentMethod(){this.setState({activePaymentMethod:null})}getOnOrderCancel=()=>this.props.onOrderCancel?t=>{this.props.onOrderCancel(t)}:this.props.session?t=>this.props.session.cancelOrder(t).then((()=>this.props.core.update({order:null}))).catch((t=>this.setStatus(t?.message||"error"))):null;onOrderCancel;render(t,{elements:o,instantPaymentElements:a,storedPaymentElements:r,status:i,activePaymentMethod:d,cachedPaymentMethods:h}){const p="loading"===i.type,m="redirect"===i.type,c=o?.length||a?.length||r?.length;switch(i.type){case"success":return e(n.Success,{message:0===t?.amount?.value?"resultMessages.preauthorized":i.props?.message});case"error":return e(n.Error,{message:i.props?.message});case"custom":return i.props?.component?.render();default:return e("div",{className:`adyen-checkout__dropin adyen-checkout__dropin--${i.type}`},m&&i.props.component&&i.props.component.render(),p&&i.props&&i.props.component&&i.props.component.render(),c&&e(s,{isLoading:p||m,isDisablingPaymentMethod:this.state.isDisabling,paymentMethods:o,instantPaymentMethods:a,storedPaymentMethods:r,activePaymentMethod:d,cachedPaymentMethods:h,order:this.props.order,orderStatus:this.state.orderStatus,onOrderCancel:this.onOrderCancel,onSelect:this.handleOnSelectPaymentMethod,openFirstPaymentMethod:this.props.openFirstPaymentMethod,openFirstStoredPaymentMethod:this.props.openFirstStoredPaymentMethod,onDisableStoredPaymentMethod:this.handleDisableStoredPaymentMethod,showRemovePaymentMethodButton:this.props.showRemovePaymentMethodButton,showRadioButton:this.props.showRadioButton}))}}}export{r as DropinComponent,r as default};
+//# sourceMappingURL=DropinComponent.js.map

package/dist/es/components/Dropin/components/DropinComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropinComponent.js","sources":["../../../../../src/components/Dropin/components/DropinComponent.tsx"],"sourcesContent":["import { Component, h } from 'preact';\nimport PaymentMethodList from './PaymentMethod/PaymentMethodList';\nimport Status from './status';\nimport getOrderStatus from '../../../core/Services/order-status';\nimport { DropinComponentProps, DropinComponentState, DropinStatusProps, onOrderCancelData } from '../types';\nimport './DropinComponent.scss';\nimport { UIElementStatus } from '../../internal/UIElement/types';\nimport { ANALYTICS_RENDERED_STR } from '../../../core/Analytics/constants';\n\nexport class DropinComponent extends Component<DropinComponentProps, DropinComponentState> {\n    public state: DropinComponentState = {\n        elements: [],\n        instantPaymentElements: [],\n        storedPaymentElements: [],\n        orderStatus: null,\n        isDisabling: false,\n        status: { type: 'loading', props: undefined },\n        activePaymentMethod: null,\n        cachedPaymentMethods: {}\n    };\n\n    componentDidMount() {\n        this.prepareDropinData();\n    }\n\n    public prepareDropinData = () => {\n        const { order, clientKey, loadingContext } = this.props;\n        const [storedElementsPromises, elementsPromises, instantPaymentsPromises] = this.props.onCreateElements();\n        const orderStatusPromise = order ? getOrderStatus({ clientKey, loadingContext }, order) : null;\n\n        Promise.all([storedElementsPromises, elementsPromises, instantPaymentsPromises, orderStatusPromise]).then(\n            ([storedPaymentElements, elements, instantPaymentElements, orderStatus]) => {\n                this.setState({ instantPaymentElements, elements, storedPaymentElements, orderStatus });\n                this.setStatus('ready');\n\n                this.props.modules?.analytics.sendAnalytics('dropin', { type: ANALYTICS_RENDERED_STR });\n            }\n        );\n\n        this.onOrderCancel = this.getOnOrderCancel();\n    };\n\n    public setStatus = (status: UIElementStatus, props: DropinStatusProps = {}) => {\n        this.setState({ status: { type: status, props } });\n    };\n\n    private setActivePaymentMethod = paymentMethod => {\n        this.setState(prevState => ({\n            activePaymentMethod: paymentMethod,\n            cachedPaymentMethods: { ...prevState.cachedPaymentMethods, [paymentMethod._id]: true }\n        }));\n    };\n\n    componentDidUpdate(prevProps, prevState) {\n        if (prevState.status.type !== this.state.status.type && this.state.activePaymentMethod) {\n            this.state.activePaymentMethod.setStatus(this.state.status.type);\n        }\n\n        if (this.state.status.type === 'ready' && prevState.status.type !== 'ready' && this.props.onReady) {\n            this.props.onReady();\n        }\n    }\n\n    private handleOnSelectPaymentMethod = paymentMethod => {\n        const { activePaymentMethod } = this.state;\n\n        this.setActivePaymentMethod(paymentMethod);\n\n        // onSelect event\n        if ((activePaymentMethod && activePaymentMethod._id !== paymentMethod._id) || !activePaymentMethod) {\n            this.props.onSelect(paymentMethod);\n\n            paymentMethod.submitAnalytics({ type: ANALYTICS_RENDERED_STR });\n        }\n    };\n\n    private handleDisableStoredPaymentMethod = storedPaymentMethod => {\n        this.setState({ isDisabling: true });\n\n        new Promise((resolve, reject) => this.props.onDisableStoredPaymentMethod(storedPaymentMethod.props.storedPaymentMethodId, resolve, reject))\n            .then(() => {\n                this.setState(prevState => ({ elements: prevState.elements.filter(pm => pm._id !== storedPaymentMethod._id) }));\n                this.setState({ isDisabling: false });\n            })\n            .catch(() => {\n                this.setState({ isDisabling: false });\n            });\n    };\n\n    closeActivePaymentMethod() {\n        this.setState({ activePaymentMethod: null });\n    }\n\n    /**\n     * getOnOrderCancel decides which onOrderCancel logic should be used, manual or sessions\n     */\n    private getOnOrderCancel = () => {\n        if (this.props.onOrderCancel) {\n            return (data: onOrderCancelData) => {\n                this.props.onOrderCancel(data);\n            };\n        }\n        if (this.props.session) {\n            return (data: onOrderCancelData) =>\n                this.props.session\n                    .cancelOrder(data)\n                    .then(() => this.props.core.update({ order: null }))\n                    .catch(error => this.setStatus(error?.message || 'error'));\n        }\n        return null;\n    };\n\n    private onOrderCancel: (data: onOrderCancelData) => void;\n\n    render(props, { elements, instantPaymentElements, storedPaymentElements, status, activePaymentMethod, cachedPaymentMethods }) {\n        const isLoading = status.type === 'loading';\n        const isRedirecting = status.type === 'redirect';\n        const hasPaymentMethodsToBeDisplayed = elements?.length || instantPaymentElements?.length || storedPaymentElements?.length;\n\n        switch (status.type) {\n            case 'success':\n                return <Status.Success message={props?.amount?.value === 0 ? 'resultMessages.preauthorized' : status.props?.message} />;\n\n            case 'error':\n                return <Status.Error message={status.props?.message} />;\n\n            case 'custom':\n                return status.props?.component?.render();\n\n            default:\n                return (\n                    <div className={`adyen-checkout__dropin adyen-checkout__dropin--${status.type}`}>\n                        {isRedirecting && status.props.component && status.props.component.render()}\n                        {isLoading && status.props && status.props.component && status.props.component.render()}\n                        {hasPaymentMethodsToBeDisplayed && (\n                            <PaymentMethodList\n                                isLoading={isLoading || isRedirecting}\n                                isDisablingPaymentMethod={this.state.isDisabling}\n                                paymentMethods={elements}\n                                instantPaymentMethods={instantPaymentElements}\n                                storedPaymentMethods={storedPaymentElements}\n                                activePaymentMethod={activePaymentMethod}\n                                cachedPaymentMethods={cachedPaymentMethods}\n                                order={this.props.order}\n                                orderStatus={this.state.orderStatus}\n                                onOrderCancel={this.onOrderCancel}\n                                onSelect={this.handleOnSelectPaymentMethod}\n                                openFirstPaymentMethod={this.props.openFirstPaymentMethod}\n                                openFirstStoredPaymentMethod={this.props.openFirstStoredPaymentMethod}\n                                onDisableStoredPaymentMethod={this.handleDisableStoredPaymentMethod}\n                                showRemovePaymentMethodButton={this.props.showRemovePaymentMethodButton}\n                                showRadioButton={this.props.showRadioButton}\n                            />\n                        )}\n                    </div>\n                );\n        }\n    }\n}\n\nexport default DropinComponent;\n"],"names":["DropinComponent","Component","state","elements","instantPaymentElements","storedPaymentElements","orderStatus","isDisabling","status","type","props","undefined","activePaymentMethod","cachedPaymentMethods","componentDidMount","this","prepareDropinData","order","clientKey","loadingContext","storedElementsPromises","elementsPromises","instantPaymentsPromises","onCreateElements","orderStatusPromise","getOrderStatus","Promise","all","then","setState","setStatus","modules","analytics","sendAnalytics","ANALYTICS_RENDERED_STR","onOrderCancel","getOnOrderCancel","setActivePaymentMethod","paymentMethod","prevState","_id","componentDidUpdate","prevProps","onReady","handleOnSelectPaymentMethod","onSelect","submitAnalytics","handleDisableStoredPaymentMethod","storedPaymentMethod","resolve","reject","onDisableStoredPaymentMethod","storedPaymentMethodId","filter","pm","catch","closeActivePaymentMethod","data","session","cancelOrder","core","update","error","message","render","isLoading","isRedirecting","hasPaymentMethodsToBeDisplayed","length","h","Status","Success","amount","value","Error","component","div","className","PaymentMethodList","isDisablingPaymentMethod","paymentMethods","instantPaymentMethods","storedPaymentMethods","openFirstPaymentMethod","openFirstStoredPaymentMethod","showRemovePaymentMethodButton","showRadioButton"],"mappings":"gTASO,MAAMA,UAAwBC,EAC1BC,MAA8B,CACjCC,SAAU,GACVC,uBAAwB,GACxBC,sBAAuB,GACvBC,YAAa,KACbC,aAAa,EACbC,OAAQ,CAAEC,KAAM,UAAWC,WAAOC,GAClCC,oBAAqB,KACrBC,qBAAsB,CAAC,GAG3BC,iBAAAA,GACIC,KAAKC,mBACT,CAEOA,kBAAoB,KACvB,MAAMC,MAAEA,EAAKC,UAAEA,EAASC,eAAEA,GAAmBJ,KAAKL,OAC3CU,EAAwBC,EAAkBC,GAA2BP,KAAKL,MAAMa,mBACjFC,EAAqBP,EAAQQ,EAAe,CAAEP,YAAWC,kBAAkBF,GAAS,KAE1FS,QAAQC,IAAI,CAACP,EAAwBC,EAAkBC,EAAyBE,IAAqBI,MACjG,EAAEvB,EAAuBF,EAAUC,EAAwBE,MACvDS,KAAKc,SAAS,CAAEzB,yBAAwBD,WAAUE,wBAAuBC,gBACzES,KAAKe,UAAU,SAEff,KAAKL,MAAMqB,SAASC,UAAUC,cAAc,SAAU,CAAExB,KAAMyB,GAAuB,IAI7FnB,KAAKoB,cAAgBpB,KAAKqB,kBAAgB,EAGvCN,UAAY,CAACtB,EAAyBE,EAA2B,MACpEK,KAAKc,SAAS,CAAErB,OAAQ,CAAEC,KAAMD,EAAQE,UAAQ,EAG5C2B,uBAAyBC,IAC7BvB,KAAKc,UAASU,IAAc,CACxB3B,oBAAqB0B,EACrBzB,qBAAsB,IAAK0B,EAAU1B,qBAAsB,CAACyB,EAAcE,MAAM,MACpF,EAGJC,kBAAAA,CAAmBC,EAAWH,GACtBA,EAAU/B,OAAOC,OAASM,KAAKb,MAAMM,OAAOC,MAAQM,KAAKb,MAAMU,qBAC/DG,KAAKb,MAAMU,oBAAoBkB,UAAUf,KAAKb,MAAMM,OAAOC,MAGhC,UAA3BM,KAAKb,MAAMM,OAAOC,MAA8C,UAA1B8B,EAAU/B,OAAOC,MAAoBM,KAAKL,MAAMiC,SACtF5B,KAAKL,MAAMiC,SAEnB,CAEQC,4BAA8BN,IAClC,MAAM1B,oBAAEA,GAAwBG,KAAKb,MAErCa,KAAKsB,uBAAuBC,IAGvB1B,GAAuBA,EAAoB4B,MAAQF,EAAcE,MAAS5B,KAC3EG,KAAKL,MAAMmC,SAASP,GAEpBA,EAAcQ,gBAAgB,CAAErC,KAAMyB,IAC1C,EAGIa,iCAAmCC,IACvCjC,KAAKc,SAAS,CAAEtB,aAAa,IAE7B,IAAImB,SAAQ,CAACuB,EAASC,IAAWnC,KAAKL,MAAMyC,6BAA6BH,EAAoBtC,MAAM0C,sBAAuBH,EAASC,KAC9HtB,MAAK,KACFb,KAAKc,UAASU,IAAc,CAAEpC,SAAUoC,EAAUpC,SAASkD,QAAOC,GAAMA,EAAGd,MAAQQ,EAAoBR,UACvGzB,KAAKc,SAAS,CAAEtB,aAAa,GAAM,IAEtCgD,OAAM,KACHxC,KAAKc,SAAS,CAAEtB,aAAa,GAAM,GACvC,EAGRiD,wBAAAA,GACIzC,KAAKc,SAAS,CAAEjB,oBAAqB,MACzC,CAKAwB,iBAA2B,IACnBrB,KAAKL,MAAMyB,cACHsB,IACJ1C,KAAKL,MAAMyB,cAAcsB,EAAAA,EAG7B1C,KAAKL,MAAMgD,QACHD,GACJ1C,KAAKL,MAAMgD,QACNC,YAAYF,GACZ7B,MAAK,IAAMb,KAAKL,MAAMkD,KAAKC,OAAO,CAAE5C,MAAO,SAC3CsC,OAAMO,GAAS/C,KAAKe,UAAUgC,GAAOC,SAAW,WAEtD,KAGH5B,cAER6B,MAAAA,CAAOtD,GAAOP,SAAEA,EAAQC,uBAAEA,EAAsBC,sBAAEA,EAAqBG,OAAEA,EAAMI,oBAAEA,EAAmBC,qBAAEA,IAClG,MAAMoD,EAA4B,YAAhBzD,EAAOC,KACnByD,EAAgC,aAAhB1D,EAAOC,KACvB0D,EAAiChE,GAAUiE,QAAUhE,GAAwBgE,QAAU/D,GAAuB+D,OAEpH,OAAQ5D,EAAOC,MACX,IAAK,UACD,OAAO4D,EAACC,EAAOC,QAAO,CAACR,QAAkC,IAAzBrD,GAAO8D,QAAQC,MAAc,+BAAiCjE,EAAOE,OAAOqD,UAEhH,IAAK,QACD,OAAOM,EAACC,EAAOI,MAAK,CAACX,QAASvD,EAAOE,OAAOqD,UAEhD,IAAK,SACD,OAAOvD,EAAOE,OAAOiE,WAAWX,SAEpC,QACI,OACIK,EAACO,MAAAA,CAAIC,UAAW,kDAAkDrE,EAAOC,QACpEyD,GAAiB1D,EAAOE,MAAMiE,WAAanE,EAAOE,MAAMiE,UAAUX,SAClEC,GAAazD,EAAOE,OAASF,EAAOE,MAAMiE,WAAanE,EAAOE,MAAMiE,UAAUX,SAC9EG,GACGE,EAACS,EAAAA,CACGb,UAAWA,GAAaC,EACxBa,yBAA0BhE,KAAKb,MAAMK,YACrCyE,eAAgB7E,EAChB8E,sBAAuB7E,EACvB8E,qBAAsB7E,EACtBO,oBAAqBA,EACrBC,qBAAsBA,EACtBI,MAAOF,KAAKL,MAAMO,MAClBX,YAAaS,KAAKb,MAAMI,YACxB6B,cAAepB,KAAKoB,cACpBU,SAAU9B,KAAK6B,4BACfuC,uBAAwBpE,KAAKL,MAAMyE,uBACnCC,6BAA8BrE,KAAKL,MAAM0E,6BACzCjC,6BAA8BpC,KAAKgC,iCACnCsC,8BAA+BtE,KAAKL,MAAM2E,8BAC1CC,gBAAiBvE,KAAKL,MAAM4E,mBAMxD"}

package/dist/es/components/Dropin/components/PaymentMethod/DisableOneClickConfirmation.js

@@ -0,0 +1,2 @@
+import{createElement as e}from"../../../../external/preact/dist/preact.js";import t from"../../../../core/Context/useCoreContext.js";import o from"../../../../external/classnames/index.js";const n=({id:n,open:a,onDisable:c,onCancel:d})=>{const{i18n:i}=t();return e("div",{id:n,"aria-hidden":!a,className:o({"adyen-checkout__payment-method__disable-confirmation":!0,"adyen-checkout__payment-method__disable-confirmation--open":a})},e("div",{className:"adyen-checkout__payment-method__disable-confirmation__content"},i.get("storedPaymentMethod.disable.confirmation"),e("div",{className:"adyen-checkout__payment-method__disable-confirmation__buttons"},e("button",{type:"button",className:o("adyen-checkout__button","adyen-checkout__payment-method__disable-confirmation__button","adyen-checkout__payment-method__disable-confirmation__button--remove"),disabled:!a,onClick:c},i.get("storedPaymentMethod.disable.confirmButton")),e("button",{type:"button",className:o("adyen-checkout__button","adyen-checkout__payment-method__disable-confirmation__button","adyen-checkout__payment-method__disable-confirmation__button--cancel"),disabled:!a,onClick:d},i.get("storedPaymentMethod.disable.cancelButton")))))};export{n as default};
+//# sourceMappingURL=DisableOneClickConfirmation.js.map

package/dist/es/components/Dropin/components/PaymentMethod/DisableOneClickConfirmation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisableOneClickConfirmation.js","sources":["../../../../../../src/components/Dropin/components/PaymentMethod/DisableOneClickConfirmation.tsx"],"sourcesContent":["import { h } from 'preact';\nimport useCoreContext from '../../../../core/Context/useCoreContext';\nimport classNames from 'classnames';\nimport './DisableOneClickConfirmation.scss';\n\nconst DisableOneClickConfirmation = ({ id, open, onDisable, onCancel }) => {\n    const { i18n } = useCoreContext();\n    return (\n        <div\n            id={id}\n            aria-hidden={!open}\n            className={classNames({\n                'adyen-checkout__payment-method__disable-confirmation': true,\n                'adyen-checkout__payment-method__disable-confirmation--open': open\n            })}\n        >\n            <div className=\"adyen-checkout__payment-method__disable-confirmation__content\">\n                {i18n.get('storedPaymentMethod.disable.confirmation')}\n                <div className=\"adyen-checkout__payment-method__disable-confirmation__buttons\">\n                    <button\n                        type=\"button\"\n                        className={classNames(\n                            'adyen-checkout__button',\n                            'adyen-checkout__payment-method__disable-confirmation__button',\n                            'adyen-checkout__payment-method__disable-confirmation__button--remove'\n                        )}\n                        disabled={!open}\n                        onClick={onDisable}\n                    >\n                        {i18n.get('storedPaymentMethod.disable.confirmButton')}\n                    </button>\n                    <button\n                        type=\"button\"\n                        className={classNames(\n                            'adyen-checkout__button',\n                            'adyen-checkout__payment-method__disable-confirmation__button',\n                            'adyen-checkout__payment-method__disable-confirmation__button--cancel'\n                        )}\n                        disabled={!open}\n                        onClick={onCancel}\n                    >\n                        {i18n.get('storedPaymentMethod.disable.cancelButton')}\n                    </button>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default DisableOneClickConfirmation;\n"],"names":["DisableOneClickConfirmation","id","open","onDisable","onCancel","i18n","useCoreContext","h","div","aria-hidden","className","classNames","get","button","type","disabled","onClick"],"mappings":"6LAKMA,MAAAA,EAA8B,EAAGC,KAAIC,OAAMC,YAAWC,eACxD,MAAMC,KAAEA,GAASC,IACjB,OACIC,EAACC,MAAAA,CACGP,GAAIA,EACJQ,eAAcP,EACdQ,UAAWC,EAAW,CAClB,wDAAwD,EACxD,6DAA8DT,KAGlEK,EAACC,MAAAA,CAAIE,UAAU,iEACVL,EAAKO,IAAI,4CACVL,EAACC,MAAAA,CAAIE,UAAU,iEACXH,EAACM,SAAAA,CACGC,KAAK,SACLJ,UAAWC,EACP,yBACA,+DACA,wEAEJI,UAAWb,EACXc,QAASb,GAERE,EAAKO,IAAI,8CAEdL,EAACM,SAAAA,CACGC,KAAK,SACLJ,UAAWC,EACP,yBACA,+DACA,wEAEJI,UAAWb,EACXc,QAASZ,GAERC,EAAKO,IAAI,+CAAA"}

package/dist/es/components/Dropin/components/PaymentMethod/InstantPaymentMethods.js

@@ -0,0 +1,2 @@
+import{createElement as e,Fragment as t}from"../../../../external/preact/dist/preact.js";function a({paymentMethods:a}){return e(t,null,e("ul",{className:"adyen-checkout__instant-payment-methods-list"},a.map((t=>e("li",{key:t.type},t.render())))))}export{a as default};
+//# sourceMappingURL=InstantPaymentMethods.js.map

package/dist/es/components/Dropin/components/PaymentMethod/InstantPaymentMethods.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstantPaymentMethods.js","sources":["../../../../../../src/components/Dropin/components/PaymentMethod/InstantPaymentMethods.tsx"],"sourcesContent":["import { Fragment, h } from 'preact';\nimport UIElement from '../../../internal/UIElement/UIElement';\n\ninterface InstantPaymentMethodsProps {\n    paymentMethods: UIElement[];\n}\n\nfunction InstantPaymentMethods({ paymentMethods }: InstantPaymentMethodsProps) {\n    return (\n        <Fragment>\n            <ul className=\"adyen-checkout__instant-payment-methods-list\">\n                {paymentMethods.map(pm => (\n                    <li key={pm.type}>{pm.render()}</li>\n                ))}\n            </ul>\n        </Fragment>\n    );\n}\n\nexport default InstantPaymentMethods;\n"],"names":["InstantPaymentMethods","paymentMethods","h","Fragment","ul","className","map","pm","li","key","type","render"],"mappings":"yFAOA,SAASA,GAAsBC,eAAEA,IAC7B,OACIC,EAACC,OACGD,EAACE,KAAAA,CAAGC,UAAU,gDACTJ,EAAeK,KAAIC,GAChBL,EAACM,KAAAA,CAAGC,IAAKF,EAAGG,MAAOH,EAAGI,aAK1C"}

package/dist/es/components/Dropin/components/PaymentMethod/OrderPaymentMethods.js

@@ -0,0 +1,2 @@
+import{createElement as e}from"../../../../external/preact/dist/preact.js";import t from"./PaymentMethodIcon.js";import a from"../../../../core/Context/useCoreContext.js";import o from"../../../../core/Context/useImage.js";const n=({order:n,orderStatus:d,onOrderCancel:r,brandLogoConfiguration:m})=>{const{i18n:c}=a(),u=o();return e("div",null,e("ul",{className:"adyen-checkout__order-payment-methods-list"},d?.paymentMethods?.map(((a,o)=>e("li",{key:`${a.type}-${o}`,className:"adyen-checkout__order-payment-method"},e("div",{className:"adyen-checkout__order-payment-method__header"},e("div",{className:"adyen-checkout__payment-method__header__title"},e(t,{altDescription:a.name,type:a.type,src:m[a.type]||u()(a.type)}),"•••• ",a.lastFour),r&&e("button",{type:"button",className:"adyen-checkout__button adyen-checkout__button--inline adyen-checkout__button--link",onClick:()=>{r({order:n})}},c.get("storedPaymentMethod.disable.button"))),e("div",{className:"adyen-checkout__order-payment-method__details"},e("div",{className:"adyen-checkout__order-payment-method__deducted-amount"},e("div",{className:"adyen-checkout__order-payment-method__deducted-amount__label"},c.get("deductedBalance")),e("div",{className:"adyen-checkout__order-payment-method__deducted-amount__value"},c.amount(a.amount.value,a.amount.currency)))))))),d.remainingAmount&&e("div",{className:"adyen-checkout__order-remaining-amount"},c.get("partialPayment.warning")," ",e("strong",null,c.amount(d.remainingAmount.value,d.remainingAmount.currency))))};export{n as OrderPaymentMethods,n as default};
+//# sourceMappingURL=OrderPaymentMethods.js.map

package/dist/es/components/Dropin/components/PaymentMethod/OrderPaymentMethods.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderPaymentMethods.js","sources":["../../../../../../src/components/Dropin/components/PaymentMethod/OrderPaymentMethods.tsx"],"sourcesContent":["import { h } from 'preact';\nimport PaymentMethodIcon from './PaymentMethodIcon';\nimport useCoreContext from '../../../../core/Context/useCoreContext';\nimport './OrderPaymentMethods.scss';\nimport useImage from '../../../../core/Context/useImage';\n\nexport const OrderPaymentMethods = ({ order, orderStatus, onOrderCancel, brandLogoConfiguration }) => {\n    const { i18n } = useCoreContext();\n    const getImage = useImage();\n\n    return (\n        <div>\n            <ul className={'adyen-checkout__order-payment-methods-list'}>\n                {orderStatus?.paymentMethods?.map((orderPaymentMethod, index) => (\n                    <li key={`${orderPaymentMethod.type}-${index}`} className=\"adyen-checkout__order-payment-method\">\n                        <div className=\"adyen-checkout__order-payment-method__header\">\n                            <div className=\"adyen-checkout__payment-method__header__title\">\n                                <PaymentMethodIcon\n                                    altDescription={orderPaymentMethod.name}\n                                    type={orderPaymentMethod.type}\n                                    src={brandLogoConfiguration[orderPaymentMethod.type] || getImage()(orderPaymentMethod.type)}\n                                />\n                                •••• {orderPaymentMethod.lastFour}\n                            </div>\n\n                            {onOrderCancel && (\n                                <button\n                                    type=\"button\"\n                                    className=\"adyen-checkout__button adyen-checkout__button--inline adyen-checkout__button--link\"\n                                    onClick={() => {\n                                        onOrderCancel({ order });\n                                    }}\n                                >\n                                    {i18n.get('storedPaymentMethod.disable.button')}\n                                </button>\n                            )}\n                        </div>\n                        <div className=\"adyen-checkout__order-payment-method__details\">\n                            <div className=\"adyen-checkout__order-payment-method__deducted-amount\">\n                                <div className=\"adyen-checkout__order-payment-method__deducted-amount__label\">{i18n.get('deductedBalance')}</div>\n                                <div className=\"adyen-checkout__order-payment-method__deducted-amount__value\">\n                                    {i18n.amount(orderPaymentMethod.amount.value, orderPaymentMethod.amount.currency)}\n                                </div>\n                            </div>\n                        </div>\n                    </li>\n                ))}\n            </ul>\n\n            {orderStatus.remainingAmount && (\n                <div className=\"adyen-checkout__order-remaining-amount\">\n                    {i18n.get('partialPayment.warning')}{' '}\n                    <strong>{i18n.amount(orderStatus.remainingAmount.value, orderStatus.remainingAmount.currency)}</strong>\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport default OrderPaymentMethods;\n"],"names":["OrderPaymentMethods","order","orderStatus","onOrderCancel","brandLogoConfiguration","i18n","useCoreContext","getImage","useImage","h","div","ul","className","paymentMethods","map","orderPaymentMethod","index","li","key","type","PaymentMethodIcon","altDescription","name","src","lastFour","button","onClick","get","amount","value","currency","remainingAmount","strong"],"mappings":"+NAMO,MAAMA,EAAsB,EAAGC,QAAOC,cAAaC,gBAAeC,6BACrE,MAAMC,KAAEA,GAASC,IACXC,EAAWC,IAEjB,OACIC,EAACC,WACGD,EAACE,KAAAA,CAAGC,UAAW,8CACVV,GAAaW,gBAAgBC,KAAI,CAACC,EAAoBC,IACnDP,EAACQ,KAAAA,CAAGC,IAAK,GAAGH,EAAmBI,QAAQH,IAASJ,UAAU,wCACtDH,EAACC,MAAAA,CAAIE,UAAU,gDACXH,EAACC,MAAAA,CAAIE,UAAU,iDACXH,EAACW,EAAAA,CACGC,eAAgBN,EAAmBO,KACnCH,KAAMJ,EAAmBI,KACzBI,IAAKnB,EAAuBW,EAAmBI,OAASZ,IAAWQ,EAAmBI,QACxF,QACIJ,EAAmBS,UAG5BrB,GACGM,EAACgB,SAAAA,CACGN,KAAK,SACLP,UAAU,qFACVc,QAAS,KACLvB,EAAc,CAAEF,SAAM,GAGzBI,EAAKsB,IAAI,wCAItBlB,EAACC,MAAAA,CAAIE,UAAU,iDACXH,EAACC,MAAAA,CAAIE,UAAU,yDACXH,EAACC,MAAAA,CAAIE,UAAU,gEAAgEP,EAAKsB,IAAI,oBACxFlB,EAACC,MAAAA,CAAIE,UAAU,gEACVP,EAAKuB,OAAOb,EAAmBa,OAAOC,MAAOd,EAAmBa,OAAOE,iBAQ/F5B,EAAY6B,iBACTtB,EAACC,MAAAA,CAAIE,UAAU,0CACVP,EAAKsB,IAAI,0BAA2B,IACrClB,EAACuB,cAAQ3B,EAAKuB,OAAO1B,EAAY6B,gBAAgBF,MAAO3B,EAAY6B,gBAAgBD,YAAQ"}

package/dist/es/components/Dropin/components/PaymentMethod/PaymentMethodBrands/PaymentMethodBrands.js

@@ -0,0 +1,2 @@
+import{createElement as e}from"../../../../../external/preact/dist/preact.js";import n from"../PaymentMethodIcon.js";import{getFullBrandName as t}from"../../../../Card/components/CardInput/utils.js";const a=({brands:a,excludedUIBrands:r=[],isPaymentMethodSelected:s})=>{if(s)return null;const m=a.filter((e=>!r?.includes(e.name))),{visibleBrands:o,leftBrandsAmount:d}=(e=>{const n=e.length<=4?e:e.slice(0,3);return{visibleBrands:n,leftBrandsAmount:e.length-n.length}})(m);return e("span",{className:"adyen-checkout__payment-method__brands"},o.map((a=>e(n,{key:a.name,altDescription:t(a.name),type:a.name,src:a.icon}))),0!==d&&e("span",{className:"adyen-checkout__payment-method__brand-number"},"+",d))};export{a as default};
+//# sourceMappingURL=PaymentMethodBrands.js.map

package/dist/es/components/Dropin/components/PaymentMethod/PaymentMethodBrands/PaymentMethodBrands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethodBrands.js","sources":["../../../../../../../src/components/Dropin/components/PaymentMethod/PaymentMethodBrands/PaymentMethodBrands.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { BrandConfiguration } from '../../../../Card/types';\nimport PaymentMethodIcon from '../PaymentMethodIcon';\nimport { getFullBrandName } from '../../../../Card/components/CardInput/utils';\n\nconst prepareVisibleBrands = (allowedBrands: Array<BrandConfiguration>) => {\n    const visibleBrands = allowedBrands.length <= 4 ? allowedBrands : allowedBrands.slice(0, 3);\n    return {\n        visibleBrands,\n        leftBrandsAmount: allowedBrands.length - visibleBrands.length\n    };\n};\n\ninterface PaymentMethodBrandsProps {\n    brands: Array<BrandConfiguration>;\n    excludedUIBrands?: Array<string>;\n    isPaymentMethodSelected: boolean;\n}\n\nconst PaymentMethodBrands = ({ brands, excludedUIBrands = [], isPaymentMethodSelected }: PaymentMethodBrandsProps) => {\n    if (isPaymentMethodSelected) {\n        return null;\n    }\n\n    const allowedBrands = brands.filter(brand => !excludedUIBrands?.includes(brand.name));\n    const { visibleBrands, leftBrandsAmount } = prepareVisibleBrands(allowedBrands);\n\n    return (\n        <span className=\"adyen-checkout__payment-method__brands\">\n            {visibleBrands.map(brand => (\n                <PaymentMethodIcon key={brand.name} altDescription={getFullBrandName(brand.name)} type={brand.name} src={brand.icon} />\n            ))}\n            {leftBrandsAmount !== 0 && <span className=\"adyen-checkout__payment-method__brand-number\">+{leftBrandsAmount}</span>}\n        </span>\n    );\n};\n\nexport default PaymentMethodBrands;\n"],"names":["PaymentMethodBrands","brands","excludedUIBrands","isPaymentMethodSelected","allowedBrands","filter","brand","includes","name","visibleBrands","leftBrandsAmount","length","slice","prepareVisibleBrands","h","span","className","map","PaymentMethodIcon","key","altDescription","getFullBrandName","type","src","icon"],"mappings":"uMAKA,MAcMA,EAAsB,EAAGC,SAAQC,mBAAmB,GAAIC,8BAC1D,GAAIA,EACA,OAAO,KAGX,MAAMC,EAAgBH,EAAOI,QAAOC,IAAUJ,GAAkBK,SAASD,EAAME,SACzEC,cAAEA,EAAaC,iBAAEA,GApBE,CAACN,IAC1B,MAAMK,EAAgBL,EAAcO,QAAU,EAAIP,EAAgBA,EAAcQ,MAAM,EAAG,GACzF,MAAO,CACHH,gBACAC,iBAAkBN,EAAcO,OAASF,EAAcE,OAC3D,EAe4CE,CAAqBT,GAEjE,OACIU,EAACC,OAAAA,CAAKC,UAAU,0CACXP,EAAcQ,KAAIX,GACfQ,EAACI,EAAAA,CAAkBC,IAAKb,EAAME,KAAMY,eAAgBC,EAAiBf,EAAME,MAAOc,KAAMhB,EAAME,KAAMe,IAAKjB,EAAMkB,SAE7F,IAArBd,GAA0BI,EAACC,OAAAA,CAAKC,UAAU,gDAA+C,IAAEN,GAAAA"}

package/dist/es/components/Dropin/components/PaymentMethod/PaymentMethodDetails.js

@@ -0,0 +1,2 @@
+import{createElement as e}from"../../../../external/preact/dist/preact.js";const t=({paymentMethodComponent:t,isLoaded:a})=>t&&a?e("div",{className:"adyen-checkout__payment-method__details__content"},t):null;export{t as default};
+//# sourceMappingURL=PaymentMethodDetails.js.map

package/dist/es/components/Dropin/components/PaymentMethod/PaymentMethodDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethodDetails.js","sources":["../../../../../../src/components/Dropin/components/PaymentMethod/PaymentMethodDetails.tsx"],"sourcesContent":["import { h } from 'preact';\n\nconst PaymentMethodDetails = ({ paymentMethodComponent, isLoaded }) => {\n    if (paymentMethodComponent && isLoaded) {\n        return <div className={'adyen-checkout__payment-method__details__content'}>{paymentMethodComponent}</div>;\n    }\n\n    return null;\n};\n\nexport default PaymentMethodDetails;\n"],"names":["PaymentMethodDetails","paymentMethodComponent","isLoaded","h","div","className"],"mappings":"2EAEA,MAAMA,EAAuB,EAAGC,yBAAwBC,cAChDD,GAA0BC,EACnBC,EAACC,MAAAA,CAAIC,UAAW,oDAAqDJ,GAGzE"}

package/dist/es/components/Dropin/components/PaymentMethod/PaymentMethodIcon.js

@@ -0,0 +1,2 @@
+import{createElement as e}from"../../../../external/preact/dist/preact.js";import a from"../../../internal/Img/Img.js";import t from"../../../../external/classnames/index.js";const m=["googlepay","paywithgoogle"],o=({src:o,altDescription:r,type:_,disabled:p=!1})=>e("span",{className:t("adyen-checkout__payment-method__image__wrapper",{"adyen-checkout__payment-method__image__wrapper--outline":!m.includes(_),"adyen-checkout__payment-method__image__wrapper--disabled":!!p})},e(a,{className:"adyen-checkout__payment-method__image",src:o,alt:r}));export{o as default};
+//# sourceMappingURL=PaymentMethodIcon.js.map

package/dist/es/components/Dropin/components/PaymentMethod/PaymentMethodIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethodIcon.js","sources":["../../../../../../src/components/Dropin/components/PaymentMethod/PaymentMethodIcon.tsx"],"sourcesContent":["import { h } from 'preact';\nimport Img from '../../../internal/Img';\nimport classNames from 'classnames';\n\ninterface PaymentMethodIconProps {\n    /** URL to the payment method icon */\n    src: string;\n\n    /** Alt description of payment method used of a11y */\n    altDescription: string;\n\n    /** Type of the payment method*/\n    type: string;\n\n    disabled?: boolean;\n}\n\nconst paymentMethodsWithoutBorder = ['googlepay', 'paywithgoogle'];\n\nconst PaymentMethodIcon = ({ src, altDescription, type, disabled = false }: PaymentMethodIconProps) => {\n    return (\n        <span\n            className={classNames('adyen-checkout__payment-method__image__wrapper', {\n                'adyen-checkout__payment-method__image__wrapper--outline': !paymentMethodsWithoutBorder.includes(type),\n                'adyen-checkout__payment-method__image__wrapper--disabled': !!disabled\n            })}\n        >\n            <Img className=\"adyen-checkout__payment-method__image\" src={src} alt={altDescription} />\n        </span>\n    );\n};\n\nexport default PaymentMethodIcon;\n"],"names":["paymentMethodsWithoutBorder","PaymentMethodIcon","src","altDescription","type","disabled","h","span","className","classNames","includes","Img","alt"],"mappings":"+KAiBA,MAAMA,EAA8B,CAAC,YAAa,iBAE5CC,EAAoB,EAAGC,MAAKC,iBAAgBC,OAAMC,YAAW,KAE3DC,EAACC,OAAAA,CACGC,UAAWC,EAAW,iDAAkD,CACpE,2DAA4DT,EAA4BU,SAASN,GACjG,6DAA8DC,KAGlEC,EAACK,EAAAA,CAAIH,UAAU,wCAAwCN,IAAKA,EAAKU,IAAKT"}

package/dist/es/components/Dropin/components/PaymentMethod/PaymentMethodItem/ExpandButton.js

@@ -0,0 +1,2 @@
+import e from"../../../../../external/classnames/index.js";import{createElement as t}from"../../../../../external/preact/dist/preact.js";function a({buttonId:a,showRadioButton:n,isSelected:d,expandContentId:o,children:r}){return t("button",{className:"adyen-checkout__payment-method__header__title",id:a,role:"radio","aria-checked":d,"aria-expanded":d,"aria-controls":o,type:"button"},n&&t("span",{className:e({"adyen-checkout__payment-method__radio":!0,"adyen-checkout__payment-method__radio--selected":d}),"aria-hidden":"true"}),r)}export{a as ExpandButton};
+//# sourceMappingURL=ExpandButton.js.map

package/dist/es/components/Dropin/components/PaymentMethod/PaymentMethodItem/ExpandButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandButton.js","sources":["../../../../../../../src/components/Dropin/components/PaymentMethod/PaymentMethodItem/ExpandButton.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { ComponentChildren, h } from 'preact';\n\ninterface ExpandButton {\n    buttonId: string;\n    isSelected: boolean;\n    expandContentId: string;\n    children: ComponentChildren;\n    showRadioButton?: boolean;\n}\n\nexport function ExpandButton({ buttonId, showRadioButton, isSelected, expandContentId, children }: Readonly<ExpandButton>) {\n    return (\n        // See discussion: https://github.com/w3c/aria/issues/1404\n        // eslint-disable-next-line jsx-a11y/role-supports-aria-props\n        <button\n            className=\"adyen-checkout__payment-method__header__title\"\n            id={buttonId}\n            role={'radio'}\n            aria-checked={isSelected}\n            aria-expanded={isSelected}\n            aria-controls={expandContentId}\n            type=\"button\"\n        >\n            {showRadioButton && (\n                <span\n                    className={classNames({\n                        'adyen-checkout__payment-method__radio': true,\n                        'adyen-checkout__payment-method__radio--selected': isSelected\n                    })}\n                    aria-hidden=\"true\"\n                />\n            )}\n            {children}\n        </button>\n    );\n}\n"],"names":["ExpandButton","buttonId","showRadioButton","isSelected","expandContentId","children","h","button","className","id","role","aria-checked","aria-expanded","aria-controls","type","span","classNames","aria-hidden"],"mappings":"yIAWO,SAASA,GAAaC,SAAEA,EAAQC,gBAAEA,EAAeC,WAAEA,EAAUC,gBAAEA,EAAeC,SAAEA,IACnF,OAGIC,EAACC,SAAAA,CACGC,UAAU,gDACVC,GAAIR,EACJS,KAAM,QACNC,eAAcR,EACdS,gBAAeT,EACfU,gBAAeT,EACfU,KAAK,UAEJZ,GACGI,EAACS,OAAAA,CACGP,UAAWQ,EAAW,CAClB,yCAAyC,EACzC,kDAAmDb,IAEvDc,cAAY,SAGnBZ,EAGb"}

package/dist/es/components/Dropin/components/PaymentMethod/PaymentMethodItem/PaymentMethodItem.js

@@ -0,0 +1,2 @@
+import{Component as e,createElement as t}from"../../../../../external/preact/dist/preact.js";import o from"../../../../../external/classnames/index.js";import n from"../PaymentMethodDetails.js";import a from"../PaymentMethodIcon.js";import i from"../DisableOneClickConfirmation.js";import s from"../../../../../core/Context/useCoreContext.js";import d from"../PaymentMethodBrands/PaymentMethodBrands.js";import{BRAND_ICON_UI_EXCLUSION_LIST as r}from"../../../../internal/SecuredFields/lib/configuration/constants.js";import m from"../PaymentMethodName.js";import{ExpandButton as h}from"./ExpandButton.js";class l extends e{static defaultProps={paymentMethod:null,isSelected:!1,isLoaded:!1,isLoading:!1,showDisableStoredPaymentMethodConfirmation:!1,showRadioButton:!1};state={showDisableStoredPaymentMethodConfirmation:!1};toggleDisableConfirmation=()=>{this.setState({showDisableStoredPaymentMethodConfirmation:!this.state.showDisableStoredPaymentMethodConfirmation})};onDisableStoredPaymentMethod=()=>{this.props.onDisableStoredPaymentMethod(this.props.paymentMethod),this.toggleDisableConfirmation()};handleOnListItemClick=()=>{const{onSelect:e,paymentMethod:t}=this.props;e(t)};render({paymentMethod:e,isSelected:l,isDisablingPaymentMethod:c,isLoaded:p,isLoading:y,standalone:u,showRadioButton:_}){const{i18n:b}=s();if(!e)return null;const f="card"===e.props.type||"scheme"===e.props.type,C=o({"adyen-checkout__payment-method":!0,[`adyen-checkout__payment-method--${e.props.type}`]:!0,...f&&{[`adyen-checkout__payment-method--${e.props.fundingSource??"credit"}`]:!0},"adyen-checkout__payment-method--selected":l,"adyen-checkout__payment-method--loading":y,"adyen-checkout__payment-method--disabling":c,"adyen-checkout__payment-method--confirming":this.state.showDisableStoredPaymentMethodConfirmation,"adyen-checkout__payment-method--standalone":u,[e._id]:!0,[this.props.className]:!0}),k=this.props.showRemovePaymentMethodButton&&e.props.oneClick&&l,M=`remove-${e._id}`,P=`container-${e._id}`,g=`button-${e._id}`,D=!e.props.oneClick&&e.brands&&e.brands.length>0;return t("li",{key:e._id,className:C,onClick:this.handleOnListItemClick},t("div",{className:"adyen-checkout__payment-method__header"},t(h,{buttonId:g,showRadioButton:_,isSelected:l,expandContentId:P},t(a,{...e.props.oneClick&&{altDescription:e.props.name},type:e.type,src:e.icon}),t(m,{displayName:e.displayName,isSelected:l,additionalInfo:e.additionalInfo})),k&&t("button",{type:"button",className:"adyen-checkout__button adyen-checkout__button--inline adyen-checkout__button--link",onClick:this.toggleDisableConfirmation,"aria-expanded":this.state.showDisableStoredPaymentMethodConfirmation,"aria-controls":M},b.get("storedPaymentMethod.disable.button")),D&&t(d,{brands:e.brands,excludedUIBrands:r,isPaymentMethodSelected:l})),t("div",{className:"adyen-checkout-pm-details-wrapper","aria-hidden":!l},t("div",{className:"adyen-checkout__payment-method__details",id:P,role:"region"},k&&t(i,{id:M,open:this.state.showDisableStoredPaymentMethodConfirmation,onDisable:this.onDisableStoredPaymentMethod,onCancel:this.toggleDisableConfirmation}),t(n,{paymentMethodComponent:e.render(),isLoaded:p}))))}}export{l as default};
+//# sourceMappingURL=PaymentMethodItem.js.map

package/dist/es/components/Dropin/components/PaymentMethod/PaymentMethodItem/PaymentMethodItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethodItem.js","sources":["../../../../../../../src/components/Dropin/components/PaymentMethod/PaymentMethodItem/PaymentMethodItem.tsx"],"sourcesContent":["import { Component, h } from 'preact';\nimport classNames from 'classnames';\nimport PaymentMethodDetails from '../PaymentMethodDetails';\nimport PaymentMethodIcon from '../PaymentMethodIcon';\nimport DisableOneClickConfirmation from '../DisableOneClickConfirmation';\nimport './PaymentMethodItem.scss';\nimport useCoreContext from '../../../../../core/Context/useCoreContext';\nimport UIElement from '../../../../internal/UIElement/UIElement';\nimport PaymentMethodBrands from '../PaymentMethodBrands/PaymentMethodBrands';\nimport { BRAND_ICON_UI_EXCLUSION_LIST } from '../../../../internal/SecuredFields/lib/configuration/constants';\nimport PaymentMethodName from '../PaymentMethodName';\nimport { ExpandButton } from './ExpandButton';\n\ninterface PaymentMethodItemProps {\n    paymentMethod: UIElement;\n    isSelected: boolean;\n    isLoaded: boolean;\n    isLoading: boolean;\n    isDisablingPaymentMethod: boolean;\n    showRemovePaymentMethodButton: boolean;\n    onDisableStoredPaymentMethod: (paymentMethod) => void;\n    onSelect: (paymentMethod: UIElement) => void;\n    standalone: boolean;\n    className?: string;\n    showRadioButton?: boolean;\n}\n\nclass PaymentMethodItem extends Component<PaymentMethodItemProps> {\n    public static defaultProps = {\n        paymentMethod: null,\n        isSelected: false,\n        isLoaded: false,\n        isLoading: false,\n        showDisableStoredPaymentMethodConfirmation: false,\n        showRadioButton: false\n    };\n\n    public state = {\n        showDisableStoredPaymentMethodConfirmation: false\n    };\n\n    public toggleDisableConfirmation = () => {\n        this.setState({ showDisableStoredPaymentMethodConfirmation: !this.state.showDisableStoredPaymentMethodConfirmation });\n    };\n\n    public onDisableStoredPaymentMethod = () => {\n        this.props.onDisableStoredPaymentMethod(this.props.paymentMethod);\n        this.toggleDisableConfirmation();\n    };\n\n    private handleOnListItemClick = (): void => {\n        const { onSelect, paymentMethod } = this.props;\n        onSelect(paymentMethod);\n    };\n\n    // @ts-ignore need to refine the type for paymentMethod\n    render({ paymentMethod, isSelected, isDisablingPaymentMethod, isLoaded, isLoading, standalone, showRadioButton }) {\n        const { i18n } = useCoreContext();\n\n        if (!paymentMethod) {\n            return null;\n        }\n\n        const isCard = paymentMethod.props.type === 'card' || paymentMethod.props.type === 'scheme';\n\n        const paymentMethodClassnames = classNames({\n            'adyen-checkout__payment-method': true,\n            [`adyen-checkout__payment-method--${paymentMethod.props.type}`]: true,\n            ...(isCard && { [`adyen-checkout__payment-method--${paymentMethod.props.fundingSource ?? 'credit'}`]: true }),\n            'adyen-checkout__payment-method--selected': isSelected,\n            'adyen-checkout__payment-method--loading': isLoading,\n            'adyen-checkout__payment-method--disabling': isDisablingPaymentMethod,\n            'adyen-checkout__payment-method--confirming': this.state.showDisableStoredPaymentMethodConfirmation,\n            'adyen-checkout__payment-method--standalone': standalone,\n            [paymentMethod._id]: true,\n            [this.props.className]: true\n        });\n\n        const showRemovePaymentMethodButton = this.props.showRemovePaymentMethodButton && paymentMethod.props.oneClick && isSelected;\n        const disableConfirmationId = `remove-${paymentMethod._id}`;\n        const containerId = `container-${paymentMethod._id}`;\n        const buttonId = `button-${paymentMethod._id}`;\n\n        const showBrands = !paymentMethod.props.oneClick && paymentMethod.brands && paymentMethod.brands.length > 0;\n\n        return (\n            <li key={paymentMethod._id} className={paymentMethodClassnames} onClick={this.handleOnListItemClick}>\n                <div className=\"adyen-checkout__payment-method__header\">\n                    <ExpandButton buttonId={buttonId} showRadioButton={showRadioButton} isSelected={isSelected} expandContentId={containerId}>\n                        <PaymentMethodIcon\n                            // Only add alt attribute to storedPaymentMethods (to avoid SR reading the PM name twice)\n                            {...(paymentMethod.props.oneClick && { altDescription: paymentMethod.props.name })}\n                            type={paymentMethod.type}\n                            src={paymentMethod.icon}\n                        />\n\n                        <PaymentMethodName\n                            displayName={paymentMethod.displayName}\n                            isSelected={isSelected}\n                            additionalInfo={paymentMethod.additionalInfo}\n                        />\n                    </ExpandButton>\n\n                    {showRemovePaymentMethodButton && (\n                        <button\n                            type=\"button\"\n                            className=\"adyen-checkout__button adyen-checkout__button--inline adyen-checkout__button--link\"\n                            onClick={this.toggleDisableConfirmation}\n                            aria-expanded={this.state.showDisableStoredPaymentMethodConfirmation}\n                            aria-controls={disableConfirmationId}\n                        >\n                            {i18n.get('storedPaymentMethod.disable.button')}\n                        </button>\n                    )}\n\n                    {showBrands && (\n                        <PaymentMethodBrands\n                            brands={paymentMethod.brands}\n                            excludedUIBrands={BRAND_ICON_UI_EXCLUSION_LIST}\n                            isPaymentMethodSelected={isSelected}\n                        />\n                    )}\n                </div>\n\n                <div className=\"adyen-checkout-pm-details-wrapper\" aria-hidden={!isSelected}>\n                    <div className=\"adyen-checkout__payment-method__details\" id={containerId} role=\"region\">\n                        {showRemovePaymentMethodButton && (\n                            <DisableOneClickConfirmation\n                                id={disableConfirmationId}\n                                open={this.state.showDisableStoredPaymentMethodConfirmation}\n                                onDisable={this.onDisableStoredPaymentMethod}\n                                onCancel={this.toggleDisableConfirmation}\n                            />\n                        )}\n\n                        <PaymentMethodDetails paymentMethodComponent={paymentMethod.render()} isLoaded={isLoaded} />\n                    </div>\n                </div>\n            </li>\n        );\n    }\n}\n\nexport default PaymentMethodItem;\n"],"names":["PaymentMethodItem","Component","static","paymentMethod","isSelected","isLoaded","isLoading","showDisableStoredPaymentMethodConfirmation","showRadioButton","state","toggleDisableConfirmation","this","setState","onDisableStoredPaymentMethod","props","handleOnListItemClick","onSelect","render","isDisablingPaymentMethod","standalone","i18n","useCoreContext","isCard","type","paymentMethodClassnames","classNames","fundingSource","_id","className","showRemovePaymentMethodButton","oneClick","disableConfirmationId","containerId","buttonId","showBrands","brands","length","h","li","key","onClick","div","ExpandButton","expandContentId","PaymentMethodIcon","altDescription","name","src","icon","PaymentMethodName","displayName","additionalInfo","button","aria-expanded","aria-controls","get","PaymentMethodBrands","excludedUIBrands","BRAND_ICON_UI_EXCLUSION_LIST","isPaymentMethodSelected","aria-hidden","id","role","DisableOneClickConfirmation","open","onDisable","onCancel","PaymentMethodDetails","paymentMethodComponent"],"mappings":"6lBA2BA,MAAMA,UAA0BC,EAC5BC,oBAA6B,CACzBC,cAAe,KACfC,YAAY,EACZC,UAAU,EACVC,WAAW,EACXC,4CAA4C,EAC5CC,iBAAiB,GAGdC,MAAQ,CACXF,4CAA4C,GAGzCG,0BAA4B,KAC/BC,KAAKC,SAAS,CAAEL,4CAA6CI,KAAKF,MAAMF,4CAA2C,EAGhHM,6BAA+B,KAClCF,KAAKG,MAAMD,6BAA6BF,KAAKG,MAAMX,eACnDQ,KAAKD,2BAAyB,EAG1BK,sBAAwB,KAC5B,MAAMC,SAAEA,EAAQb,cAAEA,GAAkBQ,KAAKG,MACzCE,EAASb,EAAAA,EAIbc,MAAAA,EAAOd,cAAEA,EAAaC,WAAEA,EAAUc,yBAAEA,EAAwBb,SAAEA,EAAQC,UAAEA,EAASa,WAAEA,EAAUX,gBAAEA,IAC3F,MAAMY,KAAEA,GAASC,IAEjB,IAAKlB,EACD,OAAO,KAGX,MAAMmB,EAAsC,SAA7BnB,EAAcW,MAAMS,MAAgD,WAA7BpB,EAAcW,MAAMS,KAEpEC,EAA0BC,EAAW,CACvC,kCAAkC,EAClC,CAAC,mCAAmCtB,EAAcW,MAAMS,SAAS,KAC7DD,GAAU,CAAE,CAAC,mCAAmCnB,EAAcW,MAAMY,eAAiB,aAAa,GACtG,2CAA4CtB,EAC5C,0CAA2CE,EAC3C,4CAA6CY,EAC7C,6CAA8CP,KAAKF,MAAMF,2CACzD,6CAA8CY,EAC9C,CAAChB,EAAcwB,MAAM,EACrB,CAAChB,KAAKG,MAAMc,YAAY,IAGtBC,EAAgClB,KAAKG,MAAMe,+BAAiC1B,EAAcW,MAAMgB,UAAY1B,EAC5G2B,EAAwB,UAAU5B,EAAcwB,MAChDK,EAAc,aAAa7B,EAAcwB,MACzCM,EAAW,UAAU9B,EAAcwB,MAEnCO,GAAc/B,EAAcW,MAAMgB,UAAY3B,EAAcgC,QAAUhC,EAAcgC,OAAOC,OAAS,EAE1G,OACIC,EAACC,KAAAA,CAAGC,IAAKpC,EAAcwB,IAAKC,UAAWJ,EAAyBgB,QAAS7B,KAAKI,uBAC1EsB,EAACI,MAAAA,CAAIb,UAAU,0CACXS,EAACK,EAAAA,CAAaT,SAAUA,EAAUzB,gBAAiBA,EAAiBJ,WAAYA,EAAYuC,gBAAiBX,GACzGK,EAACO,EAAAA,IAEQzC,EAAcW,MAAMgB,UAAY,CAAEe,eAAgB1C,EAAcW,MAAMgC,MAC3EvB,KAAMpB,EAAcoB,KACpBwB,IAAK5C,EAAc6C,OAGvBX,EAACY,EAAAA,CACGC,YAAa/C,EAAc+C,YAC3B9C,WAAYA,EACZ+C,eAAgBhD,EAAcgD,kBAIrCtB,GACGQ,EAACe,SAAAA,CACG7B,KAAK,SACLK,UAAU,qFACVY,QAAS7B,KAAKD,0BACd2C,gBAAe1C,KAAKF,MAAMF,2CAC1B+C,gBAAevB,GAEdX,EAAKmC,IAAI,uCAIjBrB,GACGG,EAACmB,EAAAA,CACGrB,OAAQhC,EAAcgC,OACtBsB,iBAAkBC,EAClBC,wBAAyBvD,KAKrCiC,EAACI,MAAAA,CAAIb,UAAU,oCAAoCgC,eAAcxD,GAC7DiC,EAACI,MAAAA,CAAIb,UAAU,0CAA0CiC,GAAI7B,EAAa8B,KAAK,UAC1EjC,GACGQ,EAAC0B,EAAAA,CACGF,GAAI9B,EACJiC,KAAMrD,KAAKF,MAAMF,2CACjB0D,UAAWtD,KAAKE,6BAChBqD,SAAUvD,KAAKD,4BAIvB2B,EAAC8B,EAAAA,CAAqBC,uBAAwBjE,EAAcc,SAAUZ,SAAUA,MAKpG"}

package/dist/es/components/Dropin/components/PaymentMethod/PaymentMethodList.js

@@ -0,0 +1,2 @@
+import{createElement as e,Fragment as t}from"../../../../external/preact/dist/preact.js";import o from"../../../../utils/getProp.js";import{OrderPaymentMethods as r}from"./OrderPaymentMethods.js";import n from"./InstantPaymentMethods.js";import s from"../../../../core/Context/useCoreContext.js";import{useBrandLogoConfiguration as a}from"./useBrandLogoConfiguration.js";import m from"./PaymentMethodsContainer.js";import{useEffect as d}from"../../../../external/preact/hooks/dist/hooks.js";const i=({paymentMethods:i=[],instantPaymentMethods:l=[],storedPaymentMethods:p=[],openFirstStoredPaymentMethod:h,openFirstPaymentMethod:c,order:f,orderStatus:y=null,onOrderCancel:M,onSelect:u=(()=>{}),...P})=>{const{i18n:g}=s(),C=a(i),j=l.length>0,S=p.length>0,b=j||S?g.get("paymentMethodsList.otherPayments.label"):"";return d((()=>{const e=p[0],t=i[0];if(e||t){if(h&&!0===o(e,"props.oneClick"))return void u(e);c&&u(t)}}),[p,i,h,c]),e(t,null,y&&e(r,{order:f,orderStatus:y,onOrderCancel:M,brandLogoConfiguration:C}),j&&e(n,{paymentMethods:l}),S&&e(m,{...P,label:g.get("paymentMethodsList.storedPayments.label"),classNameModifiers:["storedPayments"],paymentMethods:p,onSelect:u}),!!i.length&&e(m,{...P,label:b,classNameModifiers:["otherPayments"],paymentMethods:i,onSelect:u}))};export{i as default};
+//# sourceMappingURL=PaymentMethodList.js.map

package/dist/es/components/Dropin/components/PaymentMethod/PaymentMethodList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethodList.js","sources":["../../../../../../src/components/Dropin/components/PaymentMethod/PaymentMethodList.tsx"],"sourcesContent":["import { Fragment, h } from 'preact';\nimport getProp from '../../../../utils/getProp';\nimport UIElement from '../../../internal/UIElement/UIElement';\nimport { Order, OrderStatus } from '../../../../types/global-types';\nimport OrderPaymentMethods from './OrderPaymentMethods';\nimport InstantPaymentMethods from './InstantPaymentMethods';\nimport useCoreContext from '../../../../core/Context/useCoreContext';\nimport { useBrandLogoConfiguration } from './useBrandLogoConfiguration';\nimport PaymentMethodsContainer, { PaymentMethodsContainerProps } from './PaymentMethodsContainer';\nimport { useEffect } from 'preact/hooks';\n\ninterface PaymentMethodListProps extends Omit<PaymentMethodsContainerProps, 'label' | 'classNameModifiers'> {\n    instantPaymentMethods?: UIElement[];\n    storedPaymentMethods?: UIElement[];\n    openFirstStoredPaymentMethod?: boolean;\n    openFirstPaymentMethod?: boolean;\n    order?: Order;\n    orderStatus?: OrderStatus;\n    onOrderCancel?: (order) => void;\n}\n\nconst PaymentMethodList = ({\n    paymentMethods = [], // Non-stored payments\n    instantPaymentMethods = [],\n    storedPaymentMethods = [],\n    openFirstStoredPaymentMethod,\n    openFirstPaymentMethod,\n    order,\n    orderStatus = null,\n    onOrderCancel,\n    onSelect = () => {},\n    ...rest\n}: PaymentMethodListProps) => {\n    const { i18n } = useCoreContext();\n    const brandLogoConfiguration = useBrandLogoConfiguration(paymentMethods);\n    const hasInstantPaymentMethods = instantPaymentMethods.length > 0;\n    const hasStoredPaymentMethods = storedPaymentMethods.length > 0;\n    const pmListLabel = hasInstantPaymentMethods || hasStoredPaymentMethods ? i18n.get('paymentMethodsList.otherPayments.label') : '';\n\n    useEffect(() => {\n        // Open first PaymentMethodItem\n        const firstStoredPayment = storedPaymentMethods[0];\n        const firstNonStoredPayment = paymentMethods[0];\n\n        if (firstStoredPayment || firstNonStoredPayment) {\n            const shouldOpenFirstStored = openFirstStoredPaymentMethod && getProp(firstStoredPayment, 'props.oneClick') === true;\n            if (shouldOpenFirstStored) {\n                onSelect(firstStoredPayment);\n                return;\n            }\n\n            if (openFirstPaymentMethod) {\n                onSelect(firstNonStoredPayment);\n            }\n        }\n    }, [storedPaymentMethods, paymentMethods, openFirstStoredPaymentMethod, openFirstPaymentMethod]);\n\n    return (\n        <Fragment>\n            {orderStatus && (\n                <OrderPaymentMethods\n                    order={order}\n                    orderStatus={orderStatus}\n                    onOrderCancel={onOrderCancel}\n                    brandLogoConfiguration={brandLogoConfiguration}\n                />\n            )}\n\n            {hasInstantPaymentMethods && <InstantPaymentMethods paymentMethods={instantPaymentMethods} />}\n\n            {hasStoredPaymentMethods && (\n                <PaymentMethodsContainer\n                    {...rest}\n                    label={i18n.get('paymentMethodsList.storedPayments.label')}\n                    classNameModifiers={['storedPayments']}\n                    paymentMethods={storedPaymentMethods}\n                    onSelect={onSelect}\n                ></PaymentMethodsContainer>\n            )}\n\n            {!!paymentMethods.length && (\n                <PaymentMethodsContainer\n                    {...rest}\n                    label={pmListLabel}\n                    classNameModifiers={['otherPayments']}\n                    paymentMethods={paymentMethods}\n                    onSelect={onSelect}\n                ></PaymentMethodsContainer>\n            )}\n        </Fragment>\n    );\n};\n\nexport default PaymentMethodList;\n"],"names":["PaymentMethodList","paymentMethods","instantPaymentMethods","storedPaymentMethods","openFirstStoredPaymentMethod","openFirstPaymentMethod","order","orderStatus","onOrderCancel","onSelect","rest","i18n","useCoreContext","brandLogoConfiguration","useBrandLogoConfiguration","hasInstantPaymentMethods","length","hasStoredPaymentMethods","pmListLabel","get","useEffect","firstStoredPayment","firstNonStoredPayment","getProp","h","Fragment","OrderPaymentMethods","InstantPaymentMethods","PaymentMethodsContainer","label","classNameModifiers"],"mappings":"2eAqBA,MAAMA,EAAoB,EACtBC,iBAAiB,GACjBC,wBAAwB,GACxBC,uBAAuB,GACvBC,+BACAC,yBACAC,QACAC,cAAc,KACdC,gBACAC,WAAW,YACRC,MAEH,MAAMC,KAAEA,GAASC,IACXC,EAAyBC,EAA0Bb,GACnDc,EAA2Bb,EAAsBc,OAAS,EAC1DC,EAA0Bd,EAAqBa,OAAS,EACxDE,EAAcH,GAA4BE,EAA0BN,EAAKQ,IAAI,0CAA4C,GAoB/H,OAlBAC,GAAU,KAEN,MAAMC,EAAqBlB,EAAqB,GAC1CmB,EAAwBrB,EAAe,GAE7C,GAAIoB,GAAsBC,EAAuB,CAE7C,GAD8BlB,IAAkF,IAAlDmB,EAAQF,EAAoB,kBAGtF,YADAZ,EAASY,GAIThB,GACAI,EAASa,EAEjB,IACD,CAACnB,EAAsBF,EAAgBG,EAA8BC,IAGpEmB,EAACC,EACIlB,KAAAA,GACGiB,EAACE,EAAAA,CACGpB,MAAOA,EACPC,YAAaA,EACbC,cAAeA,EACfK,uBAAwBA,IAI/BE,GAA4BS,EAACG,EAAAA,CAAsB1B,eAAgBC,IAEnEe,GACGO,EAACI,EAAAA,IACOlB,EACJmB,MAAOlB,EAAKQ,IAAI,2CAChBW,mBAAoB,CAAC,kBACrB7B,eAAgBE,EAChBM,SAAUA,MAIfR,EAAee,QACdQ,EAACI,EAAAA,IACOlB,EACJmB,MAAOX,EACPY,mBAAoB,CAAC,iBACrB7B,eAAgBA,EAChBQ,SAAUA"}

package/dist/es/components/Dropin/components/PaymentMethod/PaymentMethodName.js

@@ -0,0 +1,2 @@
+import e from"../../../../external/classnames/index.js";import{createElement as a}from"../../../../external/preact/dist/preact.js";const t=({displayName:t,additionalInfo:n,isSelected:d})=>a("span",{className:"adyen-checkout__payment-method__name_wrapper"},a("span",{className:e({"adyen-checkout__payment-method__name":!0,"adyen-checkout__payment-method__name--selected":d})},t),n&&a("span",{className:e({"adyen-checkout__payment-method__additional-info":!0,"adyen-checkout__payment-method__additional-info--selected":d})},n));export{t as default};
+//# sourceMappingURL=PaymentMethodName.js.map

package/dist/es/components/Dropin/components/PaymentMethod/PaymentMethodName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethodName.js","sources":["../../../../../../src/components/Dropin/components/PaymentMethod/PaymentMethodName.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { h } from 'preact';\nimport './PaymentMethodName.scss';\n\nconst PaymentMethodName = ({ displayName, additionalInfo, isSelected }) => (\n    <span className={'adyen-checkout__payment-method__name_wrapper'}>\n        <span\n            className={classNames({\n                'adyen-checkout__payment-method__name': true,\n                'adyen-checkout__payment-method__name--selected': isSelected\n            })}\n        >\n            {displayName}\n        </span>\n\n        {additionalInfo && (\n            <span\n                className={classNames({\n                    'adyen-checkout__payment-method__additional-info': true,\n                    'adyen-checkout__payment-method__additional-info--selected': isSelected\n                })}\n            >\n                {additionalInfo}\n            </span>\n        )}\n    </span>\n);\n\nexport default PaymentMethodName;\n"],"names":["PaymentMethodName","displayName","additionalInfo","isSelected","h","span","className","classNames"],"mappings":"mIAIMA,MAAAA,EAAoB,EAAGC,cAAaC,iBAAgBC,gBACtDC,EAACC,OAAAA,CAAKC,UAAW,gDACbF,EAACC,OAAAA,CACGC,UAAWC,EAAW,CAClB,wCAAwC,EACxC,iDAAkDJ,KAGrDF,GAGJC,GACGE,EAACC,OAAAA,CACGC,UAAWC,EAAW,CAClB,mDAAmD,EACnD,4DAA6DJ,KAGhED"}

package/dist/es/components/Dropin/components/PaymentMethod/PaymentMethodsContainer.js

@@ -0,0 +1,2 @@
+import{createElement as e}from"../../../../external/preact/dist/preact.js";import t from"./PaymentMethodItem/PaymentMethodItem.js";import o from"../../../../core/Context/useCoreContext.js";import{useMemo as a}from"../../../../external/preact/hooks/dist/hooks.js";import n from"../../../../utils/uuid.js";import s from"../../../../external/classnames/index.js";function d({label:d,classNameModifiers:i=[],paymentMethods:m=[],activePaymentMethod:l=null,cachedPaymentMethods:r={},isLoading:c=!1,isDisablingPaymentMethod:h=!1,showRemovePaymentMethodButton:y,onDisableStoredPaymentMethod:u=(()=>{}),onSelect:p,showRadioButton:M}){const{i18n:_}=o(),P=a((()=>`select-${n()}`),[]),b=s(["adyen-checkout__payment-methods-list",{"adyen-checkout__payment-methods-list--loading":c},...i.map((e=>`adyen-checkout__payment-methods-list--${e}`))]);return e("div",{className:"adyen-checkout-payment-methods-container"},!!d.length&&e("label",{htmlFor:P,className:"adyen-checkout-payment-methods-list-label"},d),e("ul",{id:P,className:b,role:"radiogroup","aria-label":_.get("paymentMethodsList.aria.label"),required:!0},m.map(((o,a,n)=>{const d=l&&l._id===o._id,i=o._id in r,_=l&&n[a+1]&&l._id===n[a+1]._id;return e(t,{className:s({"adyen-checkout__payment-method--next-selected":_}),standalone:1===m.length,paymentMethod:o,isSelected:d,isDisablingPaymentMethod:d&&h,isLoaded:i,isLoading:c,onSelect:p,key:o._id,showRemovePaymentMethodButton:y,showRadioButton:M,onDisableStoredPaymentMethod:u})}))))}export{d as default};
+//# sourceMappingURL=PaymentMethodsContainer.js.map

package/dist/es/components/Dropin/components/PaymentMethod/PaymentMethodsContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethodsContainer.js","sources":["../../../../../../src/components/Dropin/components/PaymentMethod/PaymentMethodsContainer.tsx"],"sourcesContent":["import { h } from 'preact';\nimport PaymentMethodItem from './PaymentMethodItem/PaymentMethodItem';\nimport useCoreContext from '../../../../core/Context/useCoreContext';\nimport { useMemo } from 'preact/hooks';\nimport uuid from '../../../../utils/uuid';\nimport classNames from 'classnames';\nimport UIElement from '../../../internal/UIElement';\n\nexport interface PaymentMethodsContainerProps {\n    label: string;\n    classNameModifiers?: string[];\n    paymentMethods: UIElement[];\n    activePaymentMethod?: UIElement;\n    /**\n     * Map that keeps track of which Payment methods (UIElements) already got rendered in the UI\n     */\n    cachedPaymentMethods: Record<string, boolean>;\n    showRemovePaymentMethodButton?: boolean;\n    onSelect?: (paymentMethod: UIElement) => void;\n    onDisableStoredPaymentMethod?: (storedPaymentMethod) => void;\n    isDisablingPaymentMethod?: boolean;\n    isLoading: boolean;\n    showRadioButton?: boolean;\n}\n\nfunction PaymentMethodsContainer({\n    label,\n    classNameModifiers = [],\n    paymentMethods = [],\n    activePaymentMethod = null,\n    cachedPaymentMethods = {},\n    isLoading = false,\n    isDisablingPaymentMethod = false,\n    showRemovePaymentMethodButton,\n    onDisableStoredPaymentMethod = () => {},\n    onSelect,\n    showRadioButton\n}: Readonly<PaymentMethodsContainerProps>) {\n    const { i18n } = useCoreContext();\n    const selectListId: string = useMemo(() => `select-${uuid()}`, []);\n    const paymentMethodListClassnames = classNames([\n        'adyen-checkout__payment-methods-list',\n        { 'adyen-checkout__payment-methods-list--loading': isLoading },\n        ...classNameModifiers.map(m => `adyen-checkout__payment-methods-list--${m}`)\n    ]);\n\n    return (\n        <div className=\"adyen-checkout-payment-methods-container\">\n            {!!label.length && (\n                <label htmlFor={selectListId} className=\"adyen-checkout-payment-methods-list-label\">\n                    {label}\n                </label>\n            )}\n            <ul\n                id={selectListId}\n                className={paymentMethodListClassnames}\n                role=\"radiogroup\"\n                aria-label={i18n.get('paymentMethodsList.aria.label')}\n                required\n            >\n                {paymentMethods.map((paymentMethod, index, paymentMethodsCollection) => {\n                    const isSelected = activePaymentMethod && activePaymentMethod._id === paymentMethod._id;\n                    const isLoaded = paymentMethod._id in cachedPaymentMethods;\n                    const isNextOneSelected =\n                        activePaymentMethod &&\n                        paymentMethodsCollection[index + 1] &&\n                        activePaymentMethod._id === paymentMethodsCollection[index + 1]._id;\n\n                    return (\n                        <PaymentMethodItem\n                            className={classNames({ 'adyen-checkout__payment-method--next-selected': isNextOneSelected })}\n                            standalone={paymentMethods.length === 1}\n                            paymentMethod={paymentMethod}\n                            isSelected={isSelected}\n                            isDisablingPaymentMethod={isSelected && isDisablingPaymentMethod}\n                            isLoaded={isLoaded}\n                            isLoading={isLoading}\n                            onSelect={onSelect}\n                            key={paymentMethod._id}\n                            showRemovePaymentMethodButton={showRemovePaymentMethodButton}\n                            showRadioButton={showRadioButton}\n                            onDisableStoredPaymentMethod={onDisableStoredPaymentMethod}\n                        />\n                    );\n                })}\n            </ul>\n        </div>\n    );\n}\n\nexport default PaymentMethodsContainer;\n"],"names":["PaymentMethodsContainer","label","classNameModifiers","paymentMethods","activePaymentMethod","cachedPaymentMethods","isLoading","isDisablingPaymentMethod","showRemovePaymentMethodButton","onDisableStoredPaymentMethod","onSelect","showRadioButton","i18n","useCoreContext","selectListId","useMemo","uuid","paymentMethodListClassnames","classNames","map","m","h","div","className","length","htmlFor","ul","id","role","aria-label","get","required","paymentMethod","index","paymentMethodsCollection","isSelected","_id","isLoaded","isNextOneSelected","PaymentMethodItem","standalone","key"],"mappings":"wWAyBA,SAASA,GAAwBC,MAC7BA,EAAKC,mBACLA,EAAqB,GAAEC,eACvBA,EAAiB,GAAEC,oBACnBA,EAAsB,KAAIC,qBAC1BA,EAAuB,CAAA,EAAEC,UACzBA,GAAY,EAAKC,yBACjBA,GAA2B,EAAKC,8BAChCA,EAA6BC,6BAC7BA,EAA+B,SAAQC,SACvCA,EAAQC,gBACRA,IAEA,MAAMC,KAAEA,GAASC,IACXC,EAAuBC,GAAQ,IAAM,UAAUC,OAAU,IACzDC,EAA8BC,EAAW,CAC3C,uCACA,CAAE,gDAAiDZ,MAChDJ,EAAmBiB,KAAIC,GAAK,yCAAyCA,QAG5E,OACIC,EAACC,MAAAA,CAAIC,UAAU,8CACRtB,EAAMuB,QACLH,EAACpB,QAAAA,CAAMwB,QAASX,EAAcS,UAAU,6CACnCtB,GAGToB,EAACK,KAAAA,CACGC,GAAIb,EACJS,UAAWN,EACXW,KAAK,aACLC,aAAYjB,EAAKkB,IAAI,iCACrBC,UAAAA,GAEC5B,EAAegB,KAAI,CAACa,EAAeC,EAAOC,KACvC,MAAMC,EAAa/B,GAAuBA,EAAoBgC,MAAQJ,EAAcI,IAC9EC,EAAWL,EAAcI,OAAO/B,EAChCiC,EACFlC,GACA8B,EAAyBD,EAAQ,IACjC7B,EAAoBgC,MAAQF,EAAyBD,EAAQ,GAAGG,IAEpE,OACIf,EAACkB,EAAAA,CACGhB,UAAWL,EAAW,CAAE,gDAAiDoB,IACzEE,WAAsC,IAA1BrC,EAAeqB,OAC3BQ,cAAeA,EACfG,WAAYA,EACZ5B,yBAA0B4B,GAAc5B,EACxC8B,SAAUA,EACV/B,UAAWA,EACXI,SAAUA,EACV+B,IAAKT,EAAcI,IACnB5B,8BAA+BA,EAC/BG,gBAAiBA,EACjBF,6BAA8BA,QAO1D"}

package/dist/es/components/Dropin/components/PaymentMethod/useBrandLogoConfiguration.js

@@ -0,0 +1,2 @@
+import{useState as o,useEffect as r}from"../../../../external/preact/hooks/dist/hooks.js";function e(e){const[s,t]=o({});return r((()=>{t(e.reduce(((o,r)=>({...o,...r.props.brand&&r.icon&&{[r.props.brand]:r.icon}})),{}))}),[e]),s}export{e as useBrandLogoConfiguration};
+//# sourceMappingURL=useBrandLogoConfiguration.js.map

package/dist/es/components/Dropin/components/PaymentMethod/useBrandLogoConfiguration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBrandLogoConfiguration.js","sources":["../../../../../../src/components/Dropin/components/PaymentMethod/useBrandLogoConfiguration.ts"],"sourcesContent":["import { useEffect, useState } from 'preact/hooks';\nimport UIElement from '../../../internal/UIElement/UIElement';\n\ntype BrandLogoConfiguration = {\n    [key: string]: string;\n};\n\nexport function useBrandLogoConfiguration(paymentMethods: UIElement[]): BrandLogoConfiguration {\n    const [brandLogoConfiguration, setBrandLogoConfiguration] = useState<BrandLogoConfiguration>({});\n\n    useEffect(() => {\n        setBrandLogoConfiguration(\n            paymentMethods.reduce(\n                (accumulator, paymentMethod) => ({\n                    ...accumulator,\n                    ...(paymentMethod.props['brand'] && paymentMethod.icon && { [paymentMethod.props['brand']]: paymentMethod.icon })\n                }),\n                {}\n            )\n        );\n    }, [paymentMethods]);\n\n    return brandLogoConfiguration;\n}\n"],"names":["useBrandLogoConfiguration","paymentMethods","brandLogoConfiguration","setBrandLogoConfiguration","useState","useEffect","reduce","accumulator","paymentMethod","props","icon"],"mappings":"0FAOO,SAASA,EAA0BC,GACtC,MAAOC,EAAwBC,GAA6BC,EAAiC,CAAC,GAc9F,OAZAC,GAAU,KACNF,EACIF,EAAeK,QACX,CAACC,EAAaC,KAAmB,IAC1BD,KACCC,EAAcC,aAAkBD,EAAcE,MAAQ,CAAE,CAACF,EAAcC,aAAiBD,EAAcE,SAE9G,CAAC,GAAA,GAGV,CAACT,IAEGC,CACX"}

package/dist/es/components/Dropin/components/status/Error.js

@@ -0,0 +1,2 @@
+import{createElement as e}from"../../../../external/preact/dist/preact.js";import t from"../../../internal/Img/Img.js";import r from"../../../../core/Context/useCoreContext.js";import s from"../../../../core/Context/useImage.js";import{useA11yReporter as o}from"../../../../core/Errors/useA11yReporter.js";const a=({message:a})=>{const{i18n:n}=r(),c=s(),m=n.get(a||"error.message.unknown");return o(m),e("div",{className:"adyen-checkout__status adyen-checkout__status--error"},e(t,{className:"adyen-checkout__status__icon",src:c({extension:"gif",imageFolder:"components/"})("error"),alt:n.get(a||"error.message.unknown"),height:"88"}),e("span",{className:"adyen-checkout__status__text"},m))};export{a as default};
+//# sourceMappingURL=Error.js.map

package/dist/es/components/Dropin/components/status/Error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Error.js","sources":["../../../../../../src/components/Dropin/components/status/Error.tsx"],"sourcesContent":["import { h } from 'preact';\n\nimport Img from '../../../internal/Img';\nimport useCoreContext from '../../../../core/Context/useCoreContext';\nimport useImage from '../../../../core/Context/useImage';\nimport { useA11yReporter } from '../../../../core/Errors/useA11yReporter';\n\nconst Error = ({ message }) => {\n    const { i18n } = useCoreContext();\n    const getImage = useImage();\n    const status = i18n.get(message || 'error.message.unknown');\n    useA11yReporter(status);\n\n    return (\n        <div className=\"adyen-checkout__status adyen-checkout__status--error\">\n            <Img\n                className=\"adyen-checkout__status__icon\"\n                src={getImage({ extension: 'gif', imageFolder: 'components/' })('error')}\n                alt={i18n.get(message || 'error.message.unknown')}\n                height=\"88\"\n            />\n            <span className=\"adyen-checkout__status__text\">{status}</span>\n        </div>\n    );\n};\n\nexport default Error;\n"],"names":["Error","message","i18n","useCoreContext","getImage","useImage","status","get","useA11yReporter","h","div","className","Img","src","extension","imageFolder","alt","height","span"],"mappings":"kTAOA,MAAMA,EAAQ,EAAGC,cACb,MAAMC,KAAEA,GAASC,IACXC,EAAWC,IACXC,EAASJ,EAAKK,IAAIN,GAAW,yBAGnC,OAFAO,EAAgBF,GAGZG,EAACC,MAAAA,CAAIC,UAAU,wDACXF,EAACG,EAAAA,CACGD,UAAU,+BACVE,IAAKT,EAAS,CAAEU,UAAW,MAAOC,YAAa,eAA1CX,CAA2D,SAChEY,IAAKd,EAAKK,IAAIN,GAAW,yBACzBgB,OAAO,OAEXR,EAACS,OAAAA,CAAKP,UAAU,gCAAgCL,GAAAA"}

package/dist/es/components/Dropin/components/status/Success.js

@@ -0,0 +1,2 @@
+import{createElement as e}from"../../../../external/preact/dist/preact.js";import s from"../../../internal/Img/Img.js";import t from"../../../../core/Context/useCoreContext.js";import r from"../../../../core/Context/useImage.js";import{useA11yReporter as c}from"../../../../core/Errors/useA11yReporter.js";const o=({message:o})=>{const{i18n:a}=t(),n=r(),m=a.get(o||"creditCard.success");return c(m),e("div",{className:"adyen-checkout__status adyen-checkout__status--success"},e(s,{height:"88",className:"adyen-checkout__status__icon",src:n({extension:"gif",imageFolder:"components/"})("success"),alt:a.get(o||"creditCard.success")}),e("span",{className:"adyen-checkout__status__text"},m))};export{o as default};
+//# sourceMappingURL=Success.js.map

package/dist/es/components/Dropin/components/status/Success.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Success.js","sources":["../../../../../../src/components/Dropin/components/status/Success.tsx"],"sourcesContent":["import { h } from 'preact';\n\nimport Img from '../../../internal/Img';\nimport useCoreContext from '../../../../core/Context/useCoreContext';\nimport useImage from '../../../../core/Context/useImage';\nimport { useA11yReporter } from '../../../../core/Errors/useA11yReporter';\n\nconst Success = ({ message }) => {\n    const { i18n } = useCoreContext();\n    const getImage = useImage();\n    const status = i18n.get(message || 'creditCard.success');\n    useA11yReporter(status);\n    return (\n        <div className=\"adyen-checkout__status adyen-checkout__status--success\">\n            <Img\n                height=\"88\"\n                className=\"adyen-checkout__status__icon\"\n                src={getImage({ extension: 'gif', imageFolder: 'components/' })('success')}\n                alt={i18n.get(message || 'creditCard.success')}\n            />\n            <span className=\"adyen-checkout__status__text\">{status}</span>\n        </div>\n    );\n};\n\nexport default Success;\n"],"names":["Success","message","i18n","useCoreContext","getImage","useImage","status","get","useA11yReporter","h","div","className","Img","height","src","extension","imageFolder","alt","span"],"mappings":"kTAOA,MAAMA,EAAU,EAAGC,cACf,MAAMC,KAAEA,GAASC,IACXC,EAAWC,IACXC,EAASJ,EAAKK,IAAIN,GAAW,sBAEnC,OADAO,EAAgBF,GAEZG,EAACC,MAAAA,CAAIC,UAAU,0DACXF,EAACG,EAAAA,CACGC,OAAO,KACPF,UAAU,+BACVG,IAAKV,EAAS,CAAEW,UAAW,MAAOC,YAAa,eAA1CZ,CAA2D,WAChEa,IAAKf,EAAKK,IAAIN,GAAW,wBAE7BQ,EAACS,OAAAA,CAAKP,UAAU,gCAAgCL,GAAAA"}

package/dist/es/components/Dropin/components/status/index.js

@@ -0,0 +1,2 @@
+import r from"./Success.js";import o from"./Error.js";var s={Success:r,Error:o};export{s as default};
+//# sourceMappingURL=index.js.map

package/dist/es/components/Dropin/components/status/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/Dropin/components/status/index.ts"],"sourcesContent":["import Success from './Success';\nimport Error from './Error';\nimport './Status.scss';\n\nexport default {\n    Success,\n    Error\n};\n"],"names":["Status","Success","Error"],"mappings":"sDAIA,IAAeA,EAAA,CACXC,UACAC"}

package/dist/es/components/Dropin/components/utils.js

@@ -0,0 +1,2 @@
+function e(e){return{beforeSubmit:e.beforeSubmit,onSubmit:e.onSubmit,elementRef:e.elementRef,showPayButton:e.showPayButton,isDropin:!0}}export{e as getCommonProps};
+//# sourceMappingURL=utils.js.map

package/dist/es/components/Dropin/components/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/Dropin/components/utils.ts"],"sourcesContent":["export function getCommonProps(props) {\n    return {\n        beforeSubmit: props.beforeSubmit,\n        onSubmit: props.onSubmit,\n        elementRef: props.elementRef,\n        showPayButton: props.showPayButton,\n        isDropin: true\n    };\n}\n"],"names":["getCommonProps","props","beforeSubmit","onSubmit","elementRef","showPayButton","isDropin"],"mappings":"AAAO,SAASA,EAAeC,GAC3B,MAAO,CACHC,aAAcD,EAAMC,aACpBC,SAAUF,EAAME,SAChBC,WAAYH,EAAMG,WAClBC,cAAeJ,EAAMI,cACrBC,UAAU,EAElB"}

package/dist/es/components/Dropin/defaultProps.js

@@ -0,0 +1,2 @@
+var e={instantPaymentTypes:[],paymentMethodComponents:[],isDropin:!0,onReady:()=>{},onComplete:()=>{},onError:()=>{},onSelect:()=>{},onDisableStoredPaymentMethod:null,onChange:()=>{},amount:{},paymentMethodsConfiguration:{},openFirstPaymentMethod:!0,openFirstStoredPaymentMethod:!0,showStoredPaymentMethods:!0,showPaymentMethods:!0,showRemoveStoredPaymentMethodButton:!1};export{e as default};
+//# sourceMappingURL=defaultProps.js.map

package/dist/es/components/Dropin/defaultProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultProps.js","sources":["../../../../src/components/Dropin/defaultProps.ts"],"sourcesContent":["export default {\n    instantPaymentTypes: [],\n    paymentMethodComponents: [],\n\n    isDropin: true,\n    onReady: () => {}, // triggered when the Dropin is fully loaded\n    onComplete: () => {}, // triggered when the shopper completes a payment\n    onError: () => {}, // triggered when an error occurs (for example, could not submit a payment)\n    onSelect: () => {}, // triggered when a paymentMethod is selected\n    onDisableStoredPaymentMethod: null, // triggered when a shopper removes a storedPaymentMethod\n    onChange: () => {},\n\n    amount: {},\n    paymentMethodsConfiguration: {}, // per paymentMethod configuration\n    openFirstPaymentMethod: true, // focus the first payment method automatically on load\n    openFirstStoredPaymentMethod: true, // focus the first one click payment method automatically on load\n    showStoredPaymentMethods: true, // shows/hides oneclick paymentMethods\n    showPaymentMethods: true, // shows/hides regular paymentMethods\n    showRemoveStoredPaymentMethodButton: false\n};\n"],"names":["defaultProps","instantPaymentTypes","paymentMethodComponents","isDropin","onReady","onComplete","onError","onSelect","onDisableStoredPaymentMethod","onChange","amount","paymentMethodsConfiguration","openFirstPaymentMethod","openFirstStoredPaymentMethod","showStoredPaymentMethods","showPaymentMethods","showRemoveStoredPaymentMethodButton"],"mappings":"AAAA,IAAeA,EAAA,CACXC,oBAAqB,GACrBC,wBAAyB,GAEzBC,UAAU,EACVC,QAAS,OACTC,WAAY,OACZC,QAAS,OACTC,SAAU,OACVC,6BAA8B,KAC9BC,SAAU,OAEVC,OAAQ,CAAC,EACTC,4BAA6B,CAAC,EAC9BC,wBAAwB,EACxBC,8BAA8B,EAC9BC,0BAA0B,EAC1BC,oBAAoB,EACpBC,qCAAqC"}

package/dist/es/components/Dropin/elements/createElements.js

@@ -0,0 +1,2 @@
+import{filterPresent as t,filterUnsupported as o,filterAvailable as e}from"./filters.js";import{getComponentConfiguration as n}from"./getComponentConfiguration.js";import r from"../../components-name-map.js";const p=(p,s,i,m)=>{const a=p.map((t=>{const o=n(t.type,s,t.isStoredPaymentMethod),e=m.getComponent(t.type);if(!e)return console.warn(`\nDropin: You support the payment method '${t.type}' but this component has not been configured. Make sure to import the Class  '${r(t.type)}' and then pass it in the Dropin's 'paymentMethodComponents' config property if you wish to offer this payment method.`),null;const p={...t,...i,...o};return new e(m,p)})).filter(t).filter(o);return e(a)};export{p as default};
+//# sourceMappingURL=createElements.js.map

package/dist/es/components/Dropin/elements/createElements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createElements.js","sources":["../../../../../src/components/Dropin/elements/createElements.ts"],"sourcesContent":["import { filterUnsupported, filterPresent, filterAvailable } from './filters';\nimport { getComponentConfiguration } from './getComponentConfiguration';\nimport getComponentNameOfPaymentType from '../../components-name-map';\nimport type { PaymentMethod, StoredPaymentMethod } from '../../../types/global-types';\nimport type { PaymentMethodsConfiguration } from '../types';\nimport type { ICore } from '../../../core/types';\nimport type { IUIElement } from '../../internal/UIElement/types';\n\n/**\n * Returns a filtered (available) list of component Elements\n *\n * @param paymentMethods - Array of PaymentMethod objects from the /paymentMethods response\n * @param paymentMethodsConfiguration - Dropin paymentMethodsConfiguration object\n * @param commonProps - High level props to be passed through to every component\n * @param core - Reference to the checkout core object\n */\nconst createElements = (\n    paymentMethods: PaymentMethod[] | StoredPaymentMethod[],\n    paymentMethodsConfiguration: PaymentMethodsConfiguration,\n    commonProps,\n    core: ICore\n): Promise<IUIElement[]> => {\n    const elements = paymentMethods\n        .map(paymentMethod => {\n            const paymentMethodConfigurationProps = getComponentConfiguration(\n                paymentMethod.type,\n                paymentMethodsConfiguration,\n                paymentMethod.isStoredPaymentMethod\n            );\n            const PaymentMethodElement = core.getComponent(paymentMethod.type);\n\n            if (!PaymentMethodElement) {\n                console.warn(\n                    `\\nDropin: You support the payment method '${\n                        paymentMethod.type\n                    }' but this component has not been configured. Make sure to import the Class  '${getComponentNameOfPaymentType(\n                        paymentMethod.type\n                    )}' and then pass it in the Dropin's 'paymentMethodComponents' config property if you wish to offer this payment method.`\n                );\n                return null;\n            }\n\n            const elementProps = { ...paymentMethod, ...commonProps, ...paymentMethodConfigurationProps };\n\n            return new PaymentMethodElement(core, elementProps);\n        })\n        .filter(filterPresent)\n        .filter(filterUnsupported);\n\n    return filterAvailable(elements);\n};\n\nexport default createElements;\n"],"names":["createElements","paymentMethods","paymentMethodsConfiguration","commonProps","core","elements","map","paymentMethod","paymentMethodConfigurationProps","getComponentConfiguration","type","isStoredPaymentMethod","PaymentMethodElement","getComponent","console","warn","getComponentNameOfPaymentType","elementProps","filter","filterPresent","filterUnsupported","filterAvailable"],"mappings":"gNAgBMA,MAAAA,EAAiB,CACnBC,EACAC,EACAC,EACAC,KAEA,MAAMC,EAAWJ,EACZK,KAAIC,IACD,MAAMC,EAAkCC,EACpCF,EAAcG,KACdR,EACAK,EAAcI,uBAEZC,EAAuBR,EAAKS,aAAaN,EAAcG,MAE7D,IAAKE,EAQD,OAPAE,QAAQC,KACJ,6CACIR,EAAcG,qFAC+DM,EAC7ET,EAAcG,+HAGf,KAGX,MAAMO,EAAe,IAAKV,KAAkBJ,KAAgBK,GAE5D,OAAO,IAAII,EAAqBR,EAAMa,EAAAA,IAEzCC,OAAOC,GACPD,OAAOE,GAEZ,OAAOC,EAAgBhB,EAAAA"}

package/dist/es/components/Dropin/elements/createInstantPaymentElements.js

@@ -0,0 +1,2 @@
+import t from"./createElements.js";const e=(e=[],s,o,n)=>e.length?t(e,s,{...o,isInstantPayment:!0,showPayButton:!0},n):Promise.resolve([]);export{e as default};
+//# sourceMappingURL=createInstantPaymentElements.js.map

package/dist/es/components/Dropin/elements/createInstantPaymentElements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createInstantPaymentElements.js","sources":["../../../../../src/components/Dropin/elements/createInstantPaymentElements.ts"],"sourcesContent":["import createElements from './createElements';\nimport type { PaymentMethod } from '../../../types/global-types';\nimport type { ICore } from '../../../core/types';\nimport type { PaymentMethodsConfiguration } from '../types';\nimport type { IUIElement } from '../../internal/UIElement/types';\n\n/**\n *  Returns a filtered (available) list of InstantPaymentMethods Elements\n *\n * @param instantPaymentMethods - Array of PaymentMethod objects from the /paymentMethods response\n * @param paymentMethodsConfiguration - Dropin paymentMethodsConfiguration object\n * @param commonProps - High level props to be passed through to every component\n * @param core - Reference to the checkout core object\n */\nconst createInstantPaymentElements = (\n    instantPaymentMethods: PaymentMethod[] = [],\n    paymentMethodsConfiguration: PaymentMethodsConfiguration,\n    commonProps,\n    core: ICore\n): Promise<IUIElement[]> => {\n    if (instantPaymentMethods.length) {\n        return createElements(\n            instantPaymentMethods,\n            paymentMethodsConfiguration,\n            { ...commonProps, isInstantPayment: true, showPayButton: true },\n            core\n        );\n    }\n    return Promise.resolve([]);\n};\n\nexport default createInstantPaymentElements;\n"],"names":["createInstantPaymentElements","instantPaymentMethods","paymentMethodsConfiguration","commonProps","core","length","createElements","isInstantPayment","showPayButton","Promise","resolve"],"mappings":"yCAcMA,EAA+B,CACjCC,EAAyC,GACzCC,EACAC,EACAC,IAEIH,EAAsBI,OACfC,EACHL,EACAC,EACA,IAAKC,EAAaI,kBAAkB,EAAMC,eAAe,GACzDJ,GAGDK,QAAQC,QAAQ"}

package/dist/es/components/Dropin/elements/createStoredElements.js

@@ -0,0 +1,2 @@
+import e from"./createElements.js";const t=(t=[],o,r,s)=>e(t,o,{...r,oneClick:!0},s);export{t as default};
+//# sourceMappingURL=createStoredElements.js.map

package/dist/es/components/Dropin/elements/createStoredElements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createStoredElements.js","sources":["../../../../../src/components/Dropin/elements/createStoredElements.ts"],"sourcesContent":["import createElements from './createElements';\nimport type { StoredPaymentMethod } from '../../../types/global-types';\nimport type { ICore } from '../../../core/types';\nimport type { PaymentMethodsConfiguration } from '../types';\nimport type { IUIElement } from '../../internal/UIElement/types';\n\n/**\n * Returns a filtered (available) list of oneClick paymentMethod Elements\n *\n * @param paymentMethods - Array of PaymentMethod objects from the /paymentMethods response\n * @param paymentMethodsConfiguration - Dropin paymentMethodsConfiguration object\n * @param commonProps - High level props to be passed through to every component\n * @param core - Reference to the checkout core object\n */\nconst createStoredElements = (\n    paymentMethods: StoredPaymentMethod[] = [],\n    paymentMethodsConfiguration: PaymentMethodsConfiguration,\n    commonProps,\n    core: ICore\n): Promise<IUIElement[]> => createElements(paymentMethods, paymentMethodsConfiguration, { ...commonProps, oneClick: true }, core);\n\nexport default createStoredElements;\n"],"names":["createStoredElements","paymentMethods","paymentMethodsConfiguration","commonProps","core","createElements","oneClick"],"mappings":"mCAcA,MAAMA,EAAuB,CACzBC,EAAwC,GACxCC,EACAC,EACAC,IACwBC,EAAeJ,EAAgBC,EAA6B,IAAKC,EAAaG,UAAU,GAAQF"}

package/dist/es/components/Dropin/elements/filters.js

@@ -0,0 +1,2 @@
+import t from"../../../utils/promiseTimeout.js";const e=["androidpay","samsungpay","clicktopay"],s=t=>!e.includes(t.constructor.type),o=t=>!!t,r=e=>{const s=e.map((e=>{const{promise:s}=t(5e3,e.isAvailable(),{});return s}));return Promise.allSettled(s).then((t=>e.filter(((e,s)=>"fulfilled"===t[s].status))))};export{e as UNSUPPORTED_PAYMENT_METHODS,r as filterAvailable,o as filterPresent,s as filterUnsupported};
+//# sourceMappingURL=filters.js.map

package/dist/es/components/Dropin/elements/filters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters.js","sources":["../../../../../src/components/Dropin/elements/filters.ts"],"sourcesContent":["import promiseTimeout from '../../../utils/promiseTimeout';\nimport type { IUIElement } from '../../internal/UIElement/types';\n\nexport const UNSUPPORTED_PAYMENT_METHODS = ['androidpay', 'samsungpay', 'clicktopay'];\n\n// filter payment methods that we don't support in the Drop-in\nexport const filterUnsupported = paymentMethod => !UNSUPPORTED_PAYMENT_METHODS.includes(paymentMethod.constructor['type']);\n\n// filter payment methods that we support (that are in the paymentMethods/index dictionary)\nexport const filterPresent = paymentMethod => !!paymentMethod;\n\n// filter payment methods that are available to the user\nexport const filterAvailable = (elements: IUIElement[]) => {\n    const elementIsAvailablePromises = elements.map(element => {\n        const { promise } = promiseTimeout(5000, element.isAvailable(), {});\n        return promise;\n    });\n\n    return Promise.allSettled(elementIsAvailablePromises).then(promiseResults => {\n        return elements.filter((element, i) => promiseResults[i].status === 'fulfilled');\n    });\n};\n"],"names":["UNSUPPORTED_PAYMENT_METHODS","filterUnsupported","paymentMethod","includes","constructor","filterPresent","filterAvailable","elements","elementIsAvailablePromises","map","element","promise","promiseTimeout","isAvailable","Promise","allSettled","then","promiseResults","filter","i","status"],"mappings":"sDAGaA,EAA8B,CAAC,aAAc,aAAc,cAG3DC,EAAoBC,IAAkBF,EAA4BG,SAASD,EAAcE,YAAY,MAGrGC,EAAgBH,KAAmBA,EAGnCI,EAAmBC,IAC5B,MAAMC,EAA6BD,EAASE,KAAIC,IAC5C,MAAMC,QAAEA,GAAYC,EAAe,IAAMF,EAAQG,cAAe,CAAA,GAChE,OAAOF,CAAAA,IAGX,OAAOG,QAAQC,WAAWP,GAA4BQ,MAAKC,GAChDV,EAASW,QAAO,CAACR,EAASS,IAAmC,cAA7BF,EAAeE,GAAGC,UAC7D"}

package/dist/es/components/Dropin/elements/getComponentConfiguration.js

@@ -0,0 +1,2 @@
+const r=(r,c={},e=!1)=>{const t="scheme"===r?"card":r;return"card"===t&&e?c.storedCard||{}:c[t]||{}};export{r as getComponentConfiguration};
+//# sourceMappingURL=getComponentConfiguration.js.map

package/dist/es/components/Dropin/elements/getComponentConfiguration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getComponentConfiguration.js","sources":["../../../../../src/components/Dropin/elements/getComponentConfiguration.ts"],"sourcesContent":["import { PaymentMethodsConfiguration } from '../types';\n\nexport const getComponentConfiguration = (type: string, paymentMethodsConfiguration: PaymentMethodsConfiguration = {}, isStoredCard = false) => {\n    const pmType = type === 'scheme' ? 'card' : type;\n\n    if (pmType === 'card' && isStoredCard) {\n        return paymentMethodsConfiguration['storedCard'] || {};\n    }\n\n    return paymentMethodsConfiguration[pmType] || {};\n};\n"],"names":["getComponentConfiguration","type","paymentMethodsConfiguration","isStoredCard","pmType"],"mappings":"AAEO,MAAMA,EAA4B,CAACC,EAAcC,EAA2D,CAAA,EAAIC,GAAe,KAClI,MAAMC,EAAkB,WAATH,EAAoB,OAASA,EAE5C,MAAe,SAAXG,GAAqBD,EACdD,EAAyC,YAAI,GAGjDA,EAA4BE,IAAW,EAAC"}

package/dist/es/components/Dropin/elements/splitPaymentMethods.js

@@ -0,0 +1,2 @@
+function t(t,e){return{instantPaymentMethods:t.paymentMethods.filter((({type:t})=>e.includes(t))),paymentMethods:t.paymentMethods.filter((({type:t})=>!e.includes(t))),storedPaymentMethods:t.storedPaymentMethods}}export{t as default};
+//# sourceMappingURL=splitPaymentMethods.js.map

package/dist/es/components/Dropin/elements/splitPaymentMethods.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"splitPaymentMethods.js","sources":["../../../../../src/components/Dropin/elements/splitPaymentMethods.ts"],"sourcesContent":["import { InstantPaymentTypes } from '../types';\nimport PaymentMethods from '../../../core/ProcessResponse/PaymentMethods';\n\nfunction splitPaymentMethods(paymentMethods: PaymentMethods, instantPaymentTypes: InstantPaymentTypes[]) {\n    return {\n        instantPaymentMethods: paymentMethods.paymentMethods.filter(({ type }) => instantPaymentTypes.includes(type as InstantPaymentTypes)),\n        paymentMethods: paymentMethods.paymentMethods.filter(({ type }) => !instantPaymentTypes.includes(type as InstantPaymentTypes)),\n        storedPaymentMethods: paymentMethods.storedPaymentMethods\n    };\n}\n\nexport default splitPaymentMethods;\n"],"names":["splitPaymentMethods","paymentMethods","instantPaymentTypes","instantPaymentMethods","filter","type","includes","storedPaymentMethods"],"mappings":"AAGA,SAASA,EAAoBC,EAAgCC,GACzD,MAAO,CACHC,sBAAuBF,EAAeA,eAAeG,QAAO,EAAGC,UAAWH,EAAoBI,SAASD,KACvGJ,eAAgBA,EAAeA,eAAeG,QAAO,EAAGC,WAAYH,EAAoBI,SAASD,KACjGE,qBAAsBN,EAAeM,qBAE7C"}

package/dist/es/components/DuitNow/DuitNow.js

@@ -0,0 +1,2 @@
+import r from"../helpers/QRLoaderContainer/QRLoaderContainer.js";import{delay as o,countdownTime as t}from"./config.js";import{TxVariants as e}from"../tx-variants.js";class a extends r{static type=e.duitnow;formatProps(r){return{delay:o,countdownTime:t,...super.formatProps(r)}}}export{a as default};
+//# sourceMappingURL=DuitNow.js.map

package/dist/es/components/DuitNow/DuitNow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DuitNow.js","sources":["../../../../src/components/DuitNow/DuitNow.ts"],"sourcesContent":["import QRLoaderContainer from '../helpers/QRLoaderContainer/QRLoaderContainer';\nimport { delay, countdownTime } from './config';\nimport { TxVariants } from '../tx-variants';\n\nclass DuitNowElement extends QRLoaderContainer {\n    public static type = TxVariants.duitnow;\n\n    formatProps(props) {\n        return {\n            delay,\n            countdownTime,\n            ...super.formatProps(props)\n        };\n    }\n}\n\nexport default DuitNowElement;\n"],"names":["DuitNowElement","QRLoaderContainer","static","TxVariants","duitnow","formatProps","props","delay","countdownTime","super"],"mappings":"uKAIA,MAAMA,UAAuBC,EACzBC,YAAqBC,EAAWC,QAEhCC,WAAAA,CAAYC,GACR,MAAO,CACHC,QACAC,mBACGC,MAAMJ,YAAYC,GAE7B"}

package/dist/es/components/DuitNow/config.js

@@ -0,0 +1,2 @@
+const e=1.5,o=2e3;export{e as countdownTime,o as delay};
+//# sourceMappingURL=config.js.map

package/dist/es/components/DuitNow/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sources":["../../../../src/components/DuitNow/config.ts"],"sourcesContent":["export const countdownTime = 1.5; // min\nexport const delay = 2000; // ms\n\nexport default {\n    delay,\n    countdownTime\n};\n"],"names":["countdownTime","delay"],"mappings":"AAAaA,MAAAA,EAAgB,IAChBC,EAAQ"}

package/dist/es/components/EPS/index.js

@@ -0,0 +1,2 @@
+import s from"../helpers/IssuerListContainer/IssuerListContainer.js";import{TxVariants as r}from"../tx-variants.js";class t extends s{static type=r.eps;formatProps(s){return{...super.formatProps(s),showImage:!1}}}export{t as default};
+//# sourceMappingURL=index.js.map

package/dist/es/components/EPS/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/EPS/index.ts"],"sourcesContent":["import IssuerListContainer from '../helpers/IssuerListContainer/IssuerListContainer';\nimport { TxVariants } from '../tx-variants';\n\nclass EPSElement extends IssuerListContainer {\n    public static type = TxVariants.eps;\n\n    formatProps(props) {\n        return {\n            ...super.formatProps(props),\n            showImage: false\n        };\n    }\n}\n\nexport default EPSElement;\n"],"names":["EPSElement","IssuerListContainer","static","TxVariants","eps","formatProps","props","super","showImage"],"mappings":"oHAGA,MAAMA,UAAmBC,EACrBC,YAAqBC,EAAWC,IAEhCC,WAAAA,CAAYC,GACR,MAAO,IACAC,MAAMF,YAAYC,GACrBE,WAAW,EAEnB"}

package/dist/es/components/Econtext/Econtext.js

@@ -0,0 +1,2 @@
+import{createElement as t}from"../../external/preact/dist/preact.js";import{UIElement as e}from"../internal/UIElement/UIElement.js";import o from"./components/EcontextInput/EcontextInput.js";import s from"./components/EcontextVoucherResult/EcontextVoucherResult.js";import n from"../../core/Context/CoreProvider.js";import{TxVariants as r}from"../tx-variants.js";class i extends e{static type=r.econtext;static txVariants=[r.econtext,r.econtext_atm,r.econtext_online,r.econtext_seven_eleven,r.econtext_stores];static defaultProps={personalDetailsRequired:!0,showFormInstruction:!0};get isValid(){return!this.props.personalDetailsRequired||!!this.state.isValid}formatData(){return{...this.state.data,paymentMethod:{type:this.type}}}render(){return t(n,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},this.props.reference?t(s,{ref:t=>{this.componentRef=t},...this.props}):t(o,{setComponentRef:this.setComponentRef,...this.props,onChange:this.setState,onSubmit:this.submit,payButton:this.payButton}))}}export{i as EcontextElement,i as default};
+//# sourceMappingURL=Econtext.js.map

package/dist/es/components/Econtext/Econtext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Econtext.js","sources":["../../../../src/components/Econtext/Econtext.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport EcontextInput from './components/EcontextInput';\nimport EcontextVoucherResult from './components/EcontextVoucherResult';\nimport CoreProvider from '../../core/Context/CoreProvider';\nimport { TxVariants } from '../tx-variants';\nimport { EcontextConfiguration } from './types';\n\nexport class EcontextElement extends UIElement<EcontextConfiguration> {\n    public static type = TxVariants.econtext;\n    public static txVariants = [\n        TxVariants.econtext,\n        TxVariants.econtext_atm,\n        TxVariants.econtext_online,\n        TxVariants.econtext_seven_eleven,\n        TxVariants.econtext_stores\n    ];\n\n    protected static defaultProps = {\n        personalDetailsRequired: true,\n        showFormInstruction: true\n    };\n\n    get isValid() {\n        if (!this.props.personalDetailsRequired) {\n            return true;\n        }\n        return !!this.state.isValid;\n    }\n\n    /**\n     * Formats the component data output\n     */\n    formatData() {\n        return {\n            ...this.state.data,\n            paymentMethod: {\n                type: this.type\n            }\n        };\n    }\n\n    render() {\n        return (\n            <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n                {this.props.reference ? (\n                    <EcontextVoucherResult\n                        ref={ref => {\n                            this.componentRef = ref;\n                        }}\n                        {...this.props}\n                    />\n                ) : (\n                    <EcontextInput\n                        setComponentRef={this.setComponentRef}\n                        {...this.props}\n                        onChange={this.setState}\n                        onSubmit={this.submit}\n                        payButton={this.payButton}\n                    />\n                )}\n            </CoreProvider>\n        );\n    }\n}\n\nexport default EcontextElement;\n"],"names":["EcontextElement","UIElement","static","TxVariants","econtext","econtext_atm","econtext_online","econtext_seven_eleven","econtext_stores","personalDetailsRequired","showFormInstruction","isValid","this","props","state","formatData","data","paymentMethod","type","render","h","CoreProvider","i18n","loadingContext","resources","reference","EcontextVoucherResult","ref","componentRef","EcontextInput","setComponentRef","onChange","setState","onSubmit","submit","payButton"],"mappings":"2WAQO,MAAMA,UAAwBC,EACjCC,YAAqBC,EAAWC,SAChCF,kBAA2B,CACvBC,EAAWC,SACXD,EAAWE,aACXF,EAAWG,gBACXH,EAAWI,sBACXJ,EAAWK,iBAGfN,oBAAgC,CAC5BO,yBAAyB,EACzBC,qBAAqB,GAGzB,WAAIC,GACA,OAAKC,KAAKC,MAAMJ,2BAGPG,KAAKE,MAAMH,OACxB,CAKAI,UAAAA,GACI,MAAO,IACAH,KAAKE,MAAME,KACdC,cAAe,CACXC,KAAMN,KAAKM,MAGvB,CAEAC,MAAAA,GACI,OACIC,EAACC,EAAAA,CAAaC,KAAMV,KAAKC,MAAMS,KAAMC,eAAgBX,KAAKC,MAAMU,eAAgBC,UAAWZ,KAAKY,WAC3FZ,KAAKC,MAAMY,UACRL,EAACM,EAAAA,CACGC,IAAKA,IACDf,KAAKgB,aAAeD,CAAAA,KAEpBf,KAAKC,QAGbO,EAACS,EAAAA,CACGC,gBAAiBlB,KAAKkB,mBAClBlB,KAAKC,MACTkB,SAAUnB,KAAKoB,SACfC,SAAUrB,KAAKsB,OACfC,UAAWvB,KAAKuB,YAKpC"}

package/dist/es/components/Econtext/components/EcontextInput/EcontextInput.js

@@ -0,0 +1,2 @@
+import{createElement as e}from"../../../../external/preact/dist/preact.js";import{useRef as t,useState as r}from"../../../../external/preact/hooks/dist/hooks.js";import o from"../../../internal/PersonalDetails/PersonalDetails.js";import n from"../../../../core/Context/useCoreContext.js";import{econtextValidationRules as a}from"../../validate.js";import s from"../../../internal/FormInstruction/FormInstruction.js";function i({personalDetailsRequired:i=!0,data:l,onChange:u,showPayButton:c,payButton:m,...p}){const d=t(null),{i18n:f}=n(),[h,x]=r("ready"),j=t({});Object.keys(j.current).length||p.setComponentRef?.(j.current),j.current.showValidation=()=>{d.current?.showValidation()},j.current.setStatus=x;const C=i&&p.showFormInstruction;return e("div",{className:"adyen-checkout__econtext-input__field"},C&&e(s,null),i&&e(o,{data:l,requiredFields:["firstName","lastName","telephoneNumber","shopperEmail"],onChange:u,namePrefix:"econtext",setComponentRef:e=>{d.current=e},validationRules:a}),c&&m({status:h,label:f.get("confirmPurchase")}))}export{i as default};
+//# sourceMappingURL=EcontextInput.js.map

package/dist/es/components/Econtext/components/EcontextInput/EcontextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EcontextInput.js","sources":["../../../../../../src/components/Econtext/components/EcontextInput/EcontextInput.tsx"],"sourcesContent":["import { h, VNode } from 'preact';\nimport { useRef, useState } from 'preact/hooks';\nimport PersonalDetails from '../../../internal/PersonalDetails/PersonalDetails';\nimport useCoreContext from '../../../../core/Context/useCoreContext';\nimport { econtextValidationRules } from '../../validate';\nimport { PersonalDetailsSchema } from '../../../../types/global-types';\nimport './EcontextInput.scss';\nimport FormInstruction from '../../../internal/FormInstruction';\nimport { ComponentMethodsRef } from '../../../internal/UIElement/types';\n\ninterface EcontextInputProps {\n    personalDetailsRequired?: boolean;\n    showFormInstruction?: boolean;\n    data?: PersonalDetailsSchema;\n    showPayButton?: boolean;\n    payButton(config: any): VNode;\n    onChange?(data: any): void;\n    onSubmit?(state: any, component: any): void;\n    [key: string]: any;\n}\n\nexport default function EcontextInput({ personalDetailsRequired = true, data, onChange, showPayButton, payButton, ...props }: EcontextInputProps) {\n    const personalDetailsRef = useRef(null);\n    const setPersonalDetailsRef = ref => {\n        personalDetailsRef.current = ref;\n    };\n    const { i18n } = useCoreContext();\n\n    const [status, setStatus] = useState('ready');\n\n    /** An object by which to expose 'public' members to the parent UIElement */\n    const econtextRef = useRef<ComponentMethodsRef>({});\n    // Just call once\n    if (!Object.keys(econtextRef.current).length) {\n        props.setComponentRef?.(econtextRef.current);\n    }\n\n    econtextRef.current.showValidation = () => {\n        personalDetailsRef.current?.showValidation();\n    };\n\n    econtextRef.current.setStatus = setStatus;\n\n    const showFormInstruction = personalDetailsRequired && props.showFormInstruction;\n\n    return (\n        <div className=\"adyen-checkout__econtext-input__field\">\n            {showFormInstruction && <FormInstruction />}\n            {personalDetailsRequired && (\n                <PersonalDetails\n                    data={data}\n                    requiredFields={['firstName', 'lastName', 'telephoneNumber', 'shopperEmail']}\n                    onChange={onChange}\n                    namePrefix=\"econtext\"\n                    setComponentRef={setPersonalDetailsRef}\n                    validationRules={econtextValidationRules}\n                />\n            )}\n            {showPayButton && payButton({ status, label: i18n.get('confirmPurchase') })}\n        </div>\n    );\n}\n"],"names":["EcontextInput","personalDetailsRequired","data","onChange","showPayButton","payButton","props","personalDetailsRef","useRef","i18n","useCoreContext","status","setStatus","useState","econtextRef","Object","keys","current","length","setComponentRef","showValidation","showFormInstruction","h","div","className","FormInstruction","PersonalDetails","requiredFields","namePrefix","ref","validationRules","econtextValidationRules","label","get"],"mappings":"gaAqBe,SAASA,GAAcC,wBAAEA,GAA0B,EAAIC,KAAEA,EAAIC,SAAEA,EAAQC,cAAEA,EAAaC,UAAEA,KAAcC,IACjH,MAAMC,EAAqBC,EAAO,OAI5BC,KAAEA,GAASC,KAEVC,EAAQC,GAAaC,EAAS,SAG/BC,EAAcN,EAA4B,CAAA,GAE3CO,OAAOC,KAAKF,EAAYG,SAASC,QAClCZ,EAAMa,kBAAkBL,EAAYG,SAGxCH,EAAYG,QAAQG,eAAiB,KACjCb,EAAmBU,SAASG,gBAAAA,EAGhCN,EAAYG,QAAQL,UAAYA,EAEhC,MAAMS,EAAsBpB,GAA2BK,EAAMe,oBAE7D,OACIC,EAACC,MAAAA,CAAIC,UAAU,yCACVH,GAAuBC,EAACG,EACxBxB,MAAAA,GACGqB,EAACI,EAAAA,CACGxB,KAAMA,EACNyB,eAAgB,CAAC,YAAa,WAAY,kBAAmB,gBAC7DxB,SAAUA,EACVyB,WAAW,WACXT,gBA/BcU,IAC1BtB,EAAmBU,QAAUY,CAAAA,EA+BjBC,gBAAiBC,IAGxB3B,GAAiBC,EAAU,CAAEM,SAAQqB,MAAOvB,EAAKwB,IAAI,qBAGlE"}