@adyen/adyen-web 6.25.1 → 6.26.0

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

@@ -1,2 +1,2 @@
-import{createElement as e}from"../../../external/preact/dist/preact.js";import{useState as t,useRef as o,useEffect as r}from"../../../external/preact/hooks/dist/hooks.js";import a from"../Button/Button.js";import n from"../Spinner/Spinner.js";import s from"../../../core/Services/payment-status.js";import{processResponse as c}from"../../../core/ProcessResponse/process-response.js";import i from"../../../core/Errors/AdyenCheckoutError.js";import{useCoreContext as l}from"../../../core/Context/CoreProvider.js";import d from"../ContentSeparator/ContentSeparator.js";import m from"../../../utils/useAutoFocus.js";import{ANALYTICS_QR_CODE_DOWNLOAD as p,ANALYTICS_DOWNLOAD_STR as u}from"../../../core/Analytics/constants.js";import{AnalyticsInfoEvent as y}from"../../../core/Analytics/AnalyticsInfoEvent.js";import _ from"./components/QRDetails.js";import{QRLoaderDetailsProvider as h}from"./QRLoaderDetailsProvider.js";import{QRFinalState as f}from"./components/QRFinalState.js";function g(g){const{i18n:q,loadingContext:k}=l(),[w,C]=t(!1),[b,v]=t(g.delay),[j,N]=t(!1),[T,D]=t(!0),[R,E]=t(100),[I,A]=t(0),P=o(null),S=async()=>{const{paymentData:e,clientKey:t,throttledInterval:o}=g;return s(e,t,k,o).then(c).catch(e=>({type:"network-error",props:e})).then(e=>{switch(e.type){case"success":(e=>{C(!0),D(!1);const t={data:{details:{payload:e.props.payload},paymentData:g.paymentData}};g.onComplete(t)})(e);break;case"error":(e=>{if(N(!0),D(!1),e.props.payload){const t={data:{details:{payload:e.props.payload},paymentData:g.paymentData}};g.onComplete(t)}const t=new i("ERROR","error result with no payload in response");g.onError(t)})(e);break;default:D(!1)}})};r(()=>{S()},[]),r(()=>{if(j||w||T)return;let e=b;return P.current=setTimeout(()=>{(async()=>{const t=performance.now();await S();const o=performance.now(),r=Math.round(o-t),a=I+r+e;A(a),a>=g.throttleTime&&e!==g.throttledInterval&&(v(g.throttledInterval),e=g.throttledInterval)})()},e),()=>{clearTimeout(P.current)}},[j,w,T,b,g.throttleTime,I]);const{amount:x,showAmount:$,url:L,brandLogo:B,brandName:M,countdownTime:Q,type:K,onActionHandled:F}=g,O=g.qrCodeData?`${k}utility/v1/barcode.png?type=qrCode&data=${g.qrCodeData}&clientKey=${g.clientKey}`:g.qrCodeImage,H=m();if(j)return e(f,{image:"error",message:q.get("error.subtitle.payment")});if(w)return e(f,{image:"success",message:q.get("creditCard.success")});if(T)return e("div",{className:"adyen-checkout__qr-loader"},B&&e("div",{className:"adyen-checkout__qr-loader__brand-logo-wrapper"},e("img",{alt:M,src:B,className:"adyen-checkout__qr-loader__brand-logo"})),e(n,null));const U=g.classNameModifiers.map(e=>`adyen-checkout__qr-loader--${e}`);return e("div",{className:`adyen-checkout__qr-loader adyen-checkout__qr-loader--${K} ${U.join(" ")}`},B&&e("div",{className:"adyen-checkout__qr-loader__brand-logo-wrapper"},e("img",{src:B,alt:M,className:"adyen-checkout__qr-loader__brand-logo"})),$&&x&&null!==x.value&&!!x.currency&&e("h1",{className:"adyen-checkout__qr-loader__payment_amount"},q.amount(x.value,x.currency)),L&&e("div",{className:"adyen-checkout__qr-loader__app-link"},g.redirectIntroduction&&e("p",{className:"adyen-checkout__qr-loader__subtitle"},q.get(g.redirectIntroduction)),e(a,{classNameModifiers:["qr-loader"],onClick:()=>(e=>{window.location.assign(e)})(L),label:q.get(g.buttonLabel)}),e(d,null)),e("p",{ref:H,tabIndex:0,className:"adyen-checkout__qr-loader__subtitle"},"string"==typeof g.introduction?q.get(g.introduction):g.introduction?.()),e(h,{qrCodeImage:O,qrCodeData:g.qrCodeData,percentage:R,timeToPay:g.timeToPay,copyBtn:g.copyBtn,instructions:g.instructions,countdownTime:Q,onTick:e=>(e=>{E(e.percentage)})(e),onQRCodeLoad:()=>{F?.({componentType:g.type,actionDescription:"qr-code-loaded"})},onTimeUp:()=>(N(!0),void g.onError(new i("ERROR","Payment Expired"))),handleCopy:()=>{const e=new y({type:u,target:p});g.onSubmitAnalytics(e)}},g.children?g.children:e(_,null)))}g.defaultProps={delay:2e3,countdownTime:15,onError:()=>{},onComplete:()=>{},throttleTime:6e4,classNameModifiers:[],throttledInterval:1e4,introduction:"wechatpay.scanqrcode",timeToPay:"wechatpay.timetopay",buttonLabel:"openApp",showAmount:!0};export{g as default};
+import{createElement as e}from"../../../external/preact/dist/preact.js";import{useCoreContext as t}from"../../../core/Context/CoreProvider.js";import{usePaymentStatusTimer as o}from"../../../hooks/usePaymentStatusTimer/usePaymentStatusTimer.js";import{DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_INTERVAL_MS as r,DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_TIME_MS as a,DEFAULT_PAYMENT_STATUS_TIMER_DELAY_MS as n,DEFAULT_PAYMENT_STATUS_TIMER_COUNTDOWN_TIME_MIN as i}from"../../../hooks/usePaymentStatusTimer/constants.js";import c from"../../../utils/useAutoFocus.js";import l from"../Button/Button.js";import s from"../ContentSeparator/ContentSeparator.js";import{AnalyticsInfoEvent as d,UiTarget as m,InfoEventType as p}from"../../../core/Analytics/events/AnalyticsInfoEvent.js";import u from"../Spinner/Spinner.js";import{QRDetails as y}from"./components/QRDetails.js";import{QRFinalState as _}from"./components/QRFinalState.js";import{QRLoaderDetailsProvider as h}from"./QRLoaderDetailsProvider.js";import{redirectToApp as g}from"../../../utils/urls.js";function f(r){const{i18n:a,loadingContext:n}=t(),{state:i,actions:f}=o({loadingContext:n,paymentData:r.paymentData,clientKey:r.clientKey,delay:r.delay,throttleTime:r.throttleTime,throttleInterval:r.throttledInterval,type:r.type,onError:r.onError,onComplete:r.onComplete,onActionHandled:r.onActionHandled}),{completed:q,expired:C,loading:k,percentage:b}=i,{onTick:T,onTimeUp:v}=f,{amount:j,showAmount:N,url:w,brandLogo:A,brandName:D,countdownTime:I,type:P,onActionHandled:S}=r,x=r.qrCodeData?`${n}utility/v1/barcode.png?type=qrCode&data=${r.qrCodeData}&clientKey=${r.clientKey}`:r.qrCodeImage,$=c();if(C)return e(_,{image:"error",message:a.get("error.subtitle.payment")});if(q)return e(_,{image:"success",message:a.get("creditCard.success")});if(k)return e("div",{className:"adyen-checkout__qr-loader"},A&&e("div",{className:"adyen-checkout__qr-loader__brand-logo-wrapper"},e("img",{alt:D,src:A,className:"adyen-checkout__qr-loader__brand-logo"})),e(u,null));const B=r.classNameModifiers.map(e=>`adyen-checkout__qr-loader--${e}`);return e("div",{className:`adyen-checkout__qr-loader adyen-checkout__qr-loader--${P} ${B.join(" ")}`},A&&e("div",{className:"adyen-checkout__qr-loader__brand-logo-wrapper"},e("img",{src:A,alt:D,className:"adyen-checkout__qr-loader__brand-logo"})),N&&j&&null!==j.value&&!!j.currency&&e("h1",{className:"adyen-checkout__qr-loader__payment_amount"},a.amount(j.value,j.currency)),w&&e("div",{className:"adyen-checkout__qr-loader__app-link"},r.redirectIntroduction&&e("p",{className:"adyen-checkout__qr-loader__subtitle"},a.get(r.redirectIntroduction)),e(l,{classNameModifiers:["qr-loader"],onClick:()=>g(w),label:a.get(r.buttonLabel)}),e(s,null)),e("p",{ref:$,tabIndex:0,className:"adyen-checkout__qr-loader__subtitle"},"string"==typeof r.introduction?a.get(r.introduction):r.introduction?.()),e(h,{qrCodeImage:x,qrCodeData:r.qrCodeData,percentage:b,timeToPay:r.timeToPay,copyBtn:r.copyBtn,instructions:r.instructions,countdownTime:I,onTick:e=>T(e),onQRCodeLoad:()=>{S?.({componentType:r.type,actionDescription:"qr-code-loaded"})},onTimeUp:()=>v(),handleCopy:()=>{const e=new d({component:r.type,type:p.download,target:m.qrDownloadButton});r.onSubmitAnalytics(e)}},r.children?r.children:e(y,null)))}f.defaultProps={countdownTime:i,delay:n,throttleTime:a,throttledInterval:r,onError:()=>{},onComplete:()=>{},classNameModifiers:[],introduction:"wechatpay.scanqrcode",timeToPay:"wechatpay.timetopay",buttonLabel:"openApp",showAmount:!0};export{f as QRLoader};
 //# sourceMappingURL=QRLoader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"QRLoader.js","sources":["../../../../../src/components/internal/QRLoader/QRLoader.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useState, useEffect, useRef } from 'preact/hooks';\nimport Button from '../Button';\nimport Spinner from '../Spinner';\nimport checkPaymentStatus from '../../../core/Services/payment-status';\nimport processResponse from '../../../core/ProcessResponse';\nimport { QRLoaderProps } from './types';\nimport AdyenCheckoutError from '../../../core/Errors/AdyenCheckoutError';\nimport { useCoreContext } from '../../../core/Context/CoreProvider';\nimport ContentSeparator from '../ContentSeparator';\nimport { StatusObject } from '../Await/types';\nimport useAutoFocus from '../../../utils/useAutoFocus';\nimport { ANALYTICS_DOWNLOAD_STR, ANALYTICS_QR_CODE_DOWNLOAD } from '../../../core/Analytics/constants';\nimport { AnalyticsInfoEvent } from '../../../core/Analytics/AnalyticsInfoEvent';\nimport { CountdownTime } from '../Countdown/types';\nimport QRDetails from './components/QRDetails';\nimport { QRLoaderDetailsProvider } from './QRLoaderDetailsProvider';\nimport { QRFinalState } from './components/QRFinalState';\nimport './QRLoader.scss';\n\nconst QRCODE_URL = 'utility/v1/barcode.png?type=qrCode&data=';\n\nfunction QRLoader(props: QRLoaderProps) {\n    const { i18n, loadingContext } = useCoreContext();\n    const [completed, setCompleted] = useState(false);\n    const [delay, setDelay] = useState(props.delay);\n    const [expired, setExpired] = useState(false);\n    const [loading, setLoading] = useState(true);\n    const [percentage, setPercentage] = useState(100);\n    const [timePassed, setTimePassed] = useState(0);\n    const timeoutRef = useRef<NodeJS.Timeout | number | null>(null);\n\n    const redirectToApp = (url: string | URL): void => {\n        window.location.assign(url);\n    };\n\n    const onTick = (time: CountdownTime): void => {\n        setPercentage(time.percentage);\n    };\n\n    const onTimeUp = (): void => {\n        setExpired(true);\n        props.onError(new AdyenCheckoutError('ERROR', 'Payment Expired'));\n    };\n\n    const onComplete = (status: StatusObject): void => {\n        setCompleted(true);\n        setLoading(false);\n\n        const state = {\n            data: {\n                details: { payload: status.props.payload },\n                paymentData: props.paymentData\n            }\n        };\n\n        props.onComplete(state);\n    };\n\n    const onError = (status: StatusObject): void => {\n        setExpired(true);\n        setLoading(false);\n\n        if (status.props.payload) {\n            const state = {\n                data: {\n                    details: { payload: status.props.payload },\n                    paymentData: props.paymentData\n                }\n            };\n            props.onComplete(state);\n        }\n\n        const error = new AdyenCheckoutError('ERROR', 'error result with no payload in response');\n        props.onError(error);\n    };\n\n    const checkStatus = async (): Promise<void> => {\n        const { paymentData, clientKey, throttledInterval } = props;\n\n        return checkPaymentStatus(paymentData, clientKey, loadingContext, throttledInterval)\n            .then(processResponse)\n            .catch(response => ({ type: 'network-error', props: response }))\n            .then((status: StatusObject) => {\n                switch (status.type) {\n                    case 'success':\n                        onComplete(status);\n                        break;\n                    case 'error':\n                        onError(status);\n                        break;\n                    default:\n                        setLoading(false);\n                }\n            });\n    };\n\n    useEffect(() => {\n        void checkStatus();\n    }, []);\n\n    useEffect(() => {\n        if (expired || completed || loading) {\n            return;\n        }\n\n        let currentDelay = delay;\n\n        const statusInterval = async (): Promise<void> => {\n            const start = performance.now();\n            await checkStatus();\n            const end = performance.now();\n            const responseTime = Math.round(end - start);\n\n            const actualTimePassed = timePassed + responseTime + currentDelay;\n            setTimePassed(actualTimePassed);\n\n            if (actualTimePassed >= props.throttleTime && currentDelay !== props.throttledInterval) {\n                setDelay(props.throttledInterval);\n                currentDelay = props.throttledInterval;\n            }\n        };\n\n        timeoutRef.current = setTimeout(() => {\n            void statusInterval();\n        }, currentDelay);\n\n        return () => {\n            clearTimeout(timeoutRef.current);\n        };\n    }, [expired, completed, loading, delay, props.throttleTime, timePassed]);\n\n    const { amount, showAmount, url, brandLogo, brandName, countdownTime, type, onActionHandled } = props;\n\n    const qrCodeImage = props.qrCodeData ? `${loadingContext}${QRCODE_URL}${props.qrCodeData}&clientKey=${props.clientKey}` : props.qrCodeImage;\n\n    const handleCopy = () => {\n        const event = new AnalyticsInfoEvent({\n            type: ANALYTICS_DOWNLOAD_STR,\n            target: ANALYTICS_QR_CODE_DOWNLOAD\n        });\n        props.onSubmitAnalytics(event);\n    };\n\n    const onQrCodeLoad = () => {\n        onActionHandled?.({\n            componentType: props.type,\n            actionDescription: 'qr-code-loaded'\n        });\n    };\n\n    const qrSubtitleRef = useAutoFocus();\n\n    if (expired) {\n        return <QRFinalState image=\"error\" message={i18n.get('error.subtitle.payment')} />;\n    }\n\n    if (completed) {\n        return <QRFinalState image=\"success\" message={i18n.get('creditCard.success')} />;\n    }\n\n    if (loading) {\n        return (\n            <div className=\"adyen-checkout__qr-loader\">\n                {brandLogo && (\n                    <div className=\"adyen-checkout__qr-loader__brand-logo-wrapper\">\n                        <img alt={brandName} src={brandLogo} className=\"adyen-checkout__qr-loader__brand-logo\" />\n                    </div>\n                )}\n                <Spinner />\n            </div>\n        );\n    }\n\n    const classnames = props.classNameModifiers.map(m => `adyen-checkout__qr-loader--${m}`);\n\n    return (\n        <div className={`adyen-checkout__qr-loader adyen-checkout__qr-loader--${type} ${classnames.join(' ')}`}>\n            {brandLogo && (\n                <div className=\"adyen-checkout__qr-loader__brand-logo-wrapper\">\n                    <img src={brandLogo} alt={brandName} className=\"adyen-checkout__qr-loader__brand-logo\" />\n                </div>\n            )}\n\n            {showAmount && amount && amount.value !== null && !!amount.currency && (\n                <h1 className=\"adyen-checkout__qr-loader__payment_amount\">{i18n.amount(amount.value, amount.currency)}</h1>\n            )}\n\n            {url && (\n                <div className=\"adyen-checkout__qr-loader__app-link\">\n                    {props.redirectIntroduction && <p className=\"adyen-checkout__qr-loader__subtitle\">{i18n.get(props.redirectIntroduction)}</p>}\n                    <Button classNameModifiers={['qr-loader']} onClick={() => redirectToApp(url)} label={i18n.get(props.buttonLabel)} />\n                    <ContentSeparator />\n                </div>\n            )}\n\n            {/* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */}\n            <p ref={qrSubtitleRef} tabIndex={0} className=\"adyen-checkout__qr-loader__subtitle\">\n                {typeof props.introduction === 'string' ? i18n.get(props.introduction) : props.introduction?.()}\n            </p>\n\n            <QRLoaderDetailsProvider\n                qrCodeImage={qrCodeImage}\n                qrCodeData={props.qrCodeData}\n                percentage={percentage}\n                timeToPay={props.timeToPay}\n                copyBtn={props.copyBtn}\n                instructions={props.instructions}\n                countdownTime={countdownTime}\n                onTick={(time: CountdownTime) => onTick(time)}\n                onQRCodeLoad={onQrCodeLoad}\n                onTimeUp={() => onTimeUp()}\n                handleCopy={handleCopy}\n            >\n                {props.children ? props.children : <QRDetails />}\n            </QRLoaderDetailsProvider>\n        </div>\n    );\n}\n\nQRLoader.defaultProps = {\n    delay: 2000,\n    countdownTime: 15,\n    onError: () => {},\n    onComplete: () => {},\n    throttleTime: 60000,\n    classNameModifiers: [],\n    throttledInterval: 10000,\n    introduction: 'wechatpay.scanqrcode',\n    timeToPay: 'wechatpay.timetopay',\n    buttonLabel: 'openApp',\n    showAmount: true\n};\n\nexport default QRLoader;\n"],"names":["QRLoader","props","i18n","loadingContext","useCoreContext","completed","setCompleted","useState","delay","setDelay","expired","setExpired","loading","setLoading","percentage","setPercentage","timePassed","setTimePassed","timeoutRef","useRef","checkStatus","async","paymentData","clientKey","throttledInterval","checkPaymentStatus","then","processResponse","catch","response","type","status","state","data","details","payload","onComplete","error","AdyenCheckoutError","onError","useEffect","currentDelay","current","setTimeout","start","performance","now","end","responseTime","Math","round","actualTimePassed","throttleTime","statusInterval","clearTimeout","amount","showAmount","url","brandLogo","brandName","countdownTime","onActionHandled","qrCodeImage","qrCodeData","qrSubtitleRef","useAutoFocus","h","QRFinalState","image","message","get","div","className","img","alt","src","Spinner","classnames","classNameModifiers","map","m","join","value","currency","h1","redirectIntroduction","p","Button","onClick","window","location","assign","redirectToApp","label","buttonLabel","ContentSeparator","ref","tabIndex","introduction","QRLoaderDetailsProvider","timeToPay","copyBtn","instructions","onTick","time","onQRCodeLoad","componentType","actionDescription","onTimeUp","handleCopy","event","AnalyticsInfoEvent","ANALYTICS_DOWNLOAD_STR","target","ANALYTICS_QR_CODE_DOWNLOAD","onSubmitAnalytics","children","QRDetails","defaultProps"],"mappings":"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"}
+{"version":3,"file":"QRLoader.js","sources":["../../../../../src/components/internal/QRLoader/QRLoader.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useCoreContext } from '../../../core/Context/CoreProvider';\nimport {\n    usePaymentStatusTimer,\n    DEFAULT_PAYMENT_STATUS_TIMER_COUNTDOWN_TIME_MIN,\n    DEFAULT_PAYMENT_STATUS_TIMER_DELAY_MS,\n    DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_INTERVAL_MS,\n    DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_TIME_MS\n} from '../../../hooks/usePaymentStatusTimer';\nimport useAutoFocus from '../../../utils/useAutoFocus';\nimport Button from '../Button';\nimport ContentSeparator from '../ContentSeparator';\nimport { AnalyticsInfoEvent, InfoEventType, UiTarget } from '../../../core/Analytics/events/AnalyticsInfoEvent';\nimport { CountdownTime } from '../Countdown/types';\nimport Spinner from '../Spinner';\nimport { QRDetails } from './components/QRDetails';\nimport { QRFinalState } from './components/QRFinalState';\nimport { QRLoaderDetailsProvider } from './QRLoaderDetailsProvider';\nimport { QRLoaderProps } from './types';\nimport { redirectToApp } from '../../../utils/urls';\nimport './QRLoader.scss';\n\nconst QRCODE_URL = 'utility/v1/barcode.png?type=qrCode&data=';\n\nexport function QRLoader(props: QRLoaderProps) {\n    const { i18n, loadingContext } = useCoreContext();\n\n    const { state: timerState, actions: timerActions } = usePaymentStatusTimer({\n        loadingContext,\n        paymentData: props.paymentData,\n        clientKey: props.clientKey,\n        delay: props.delay,\n        throttleTime: props.throttleTime,\n        throttleInterval: props.throttledInterval,\n        type: props.type,\n        onError: props.onError,\n        onComplete: props.onComplete,\n        onActionHandled: props.onActionHandled\n    });\n\n    const { completed, expired, loading, percentage } = timerState;\n    const { onTick, onTimeUp } = timerActions;\n\n    const { amount, showAmount, url, brandLogo, brandName, countdownTime, type, onActionHandled } = props;\n\n    const qrCodeImage = props.qrCodeData ? `${loadingContext}${QRCODE_URL}${props.qrCodeData}&clientKey=${props.clientKey}` : props.qrCodeImage;\n\n    const handleCopy = () => {\n        const event = new AnalyticsInfoEvent({\n            component: props.type,\n            type: InfoEventType.download,\n            target: UiTarget.qrDownloadButton\n        });\n        props.onSubmitAnalytics(event);\n    };\n\n    const onQrCodeLoad = () => {\n        onActionHandled?.({\n            componentType: props.type,\n            actionDescription: 'qr-code-loaded'\n        });\n    };\n\n    const qrSubtitleRef = useAutoFocus();\n\n    if (expired) {\n        return <QRFinalState image=\"error\" message={i18n.get('error.subtitle.payment')} />;\n    }\n\n    if (completed) {\n        return <QRFinalState image=\"success\" message={i18n.get('creditCard.success')} />;\n    }\n\n    if (loading) {\n        return (\n            <div className=\"adyen-checkout__qr-loader\">\n                {brandLogo && (\n                    <div className=\"adyen-checkout__qr-loader__brand-logo-wrapper\">\n                        <img alt={brandName} src={brandLogo} className=\"adyen-checkout__qr-loader__brand-logo\" />\n                    </div>\n                )}\n                <Spinner />\n            </div>\n        );\n    }\n\n    const classnames = props.classNameModifiers.map(m => `adyen-checkout__qr-loader--${m}`);\n\n    return (\n        <div className={`adyen-checkout__qr-loader adyen-checkout__qr-loader--${type} ${classnames.join(' ')}`}>\n            {brandLogo && (\n                <div className=\"adyen-checkout__qr-loader__brand-logo-wrapper\">\n                    <img src={brandLogo} alt={brandName} className=\"adyen-checkout__qr-loader__brand-logo\" />\n                </div>\n            )}\n\n            {showAmount && amount && amount.value !== null && !!amount.currency && (\n                <h1 className=\"adyen-checkout__qr-loader__payment_amount\">{i18n.amount(amount.value, amount.currency)}</h1>\n            )}\n\n            {url && (\n                <div className=\"adyen-checkout__qr-loader__app-link\">\n                    {props.redirectIntroduction && <p className=\"adyen-checkout__qr-loader__subtitle\">{i18n.get(props.redirectIntroduction)}</p>}\n                    <Button classNameModifiers={['qr-loader']} onClick={() => redirectToApp(url)} label={i18n.get(props.buttonLabel)} />\n                    <ContentSeparator />\n                </div>\n            )}\n\n            {/* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */}\n            <p ref={qrSubtitleRef} tabIndex={0} className=\"adyen-checkout__qr-loader__subtitle\">\n                {typeof props.introduction === 'string' ? i18n.get(props.introduction) : props.introduction?.()}\n            </p>\n\n            <QRLoaderDetailsProvider\n                qrCodeImage={qrCodeImage}\n                qrCodeData={props.qrCodeData}\n                percentage={percentage}\n                timeToPay={props.timeToPay}\n                copyBtn={props.copyBtn}\n                instructions={props.instructions}\n                countdownTime={countdownTime}\n                onTick={(time: CountdownTime) => onTick(time)}\n                onQRCodeLoad={onQrCodeLoad}\n                onTimeUp={() => onTimeUp()}\n                handleCopy={handleCopy}\n            >\n                {props.children ? props.children : <QRDetails />}\n            </QRLoaderDetailsProvider>\n        </div>\n    );\n}\n\nQRLoader.defaultProps = {\n    countdownTime: DEFAULT_PAYMENT_STATUS_TIMER_COUNTDOWN_TIME_MIN,\n    delay: DEFAULT_PAYMENT_STATUS_TIMER_DELAY_MS,\n    throttleTime: DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_TIME_MS,\n    throttledInterval: DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_INTERVAL_MS,\n    onError: () => {},\n    onComplete: () => {},\n    classNameModifiers: [],\n    introduction: 'wechatpay.scanqrcode',\n    timeToPay: 'wechatpay.timetopay',\n    buttonLabel: 'openApp',\n    showAmount: true\n};\n"],"names":["QRLoader","props","i18n","loadingContext","useCoreContext","state","timerState","actions","timerActions","usePaymentStatusTimer","paymentData","clientKey","delay","throttleTime","throttleInterval","throttledInterval","type","onError","onComplete","onActionHandled","completed","expired","loading","percentage","onTick","onTimeUp","amount","showAmount","url","brandLogo","brandName","countdownTime","qrCodeImage","qrCodeData","qrSubtitleRef","useAutoFocus","h","QRFinalState","image","message","get","div","className","img","alt","src","Spinner","classnames","classNameModifiers","map","m","join","value","currency","h1","redirectIntroduction","p","Button","onClick","redirectToApp","label","buttonLabel","ContentSeparator","ref","tabIndex","introduction","QRLoaderDetailsProvider","timeToPay","copyBtn","instructions","time","onQRCodeLoad","componentType","actionDescription","handleCopy","event","AnalyticsInfoEvent","component","InfoEventType","download","target","UiTarget","qrDownloadButton","onSubmitAnalytics","children","QRDetails","defaultProps","DEFAULT_PAYMENT_STATUS_TIMER_COUNTDOWN_TIME_MIN","DEFAULT_PAYMENT_STATUS_TIMER_DELAY_MS","DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_TIME_MS","DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_INTERVAL_MS"],"mappings":"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"}

package/dist/es/components/internal/QRLoader/components/QRCodeCopyButton.js

@@ -1,2 +1,2 @@
-import{createElement as e}from"../../../../external/preact/dist/preact.js";import{CopyButton as t}from"../../Button/CopyButton.js";const o=({text:o,copyLabel:a,copiedLabel:l,handleCopy:p})=>e(t,{onClick:p,text:o,label:a,copiedLabel:l});export{o as default};
+import{createElement as e}from"../../../../external/preact/dist/preact.js";import{CopyButton as t}from"../../Button/CopyButton.js";const o=({text:o,copyLabel:a,copiedLabel:p,handleCopy:l})=>e(t,{onClick:l,text:o,label:a,copiedLabel:p});export{o as QRCodeCopyButton};
 //# sourceMappingURL=QRCodeCopyButton.js.map

package/dist/es/components/internal/QRLoader/components/QRCodeCopyButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"QRCodeCopyButton.js","sources":["../../../../../../src/components/internal/QRLoader/components/QRCodeCopyButton.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { CopyButton } from '../../Button/CopyButton';\n\ninterface QRCodeCopyButtonProps {\n    text: string;\n    copyLabel?: string;\n    copiedLabel?: string;\n    handleCopy?: (e: h.JSX.TargetedMouseEvent<HTMLButtonElement>) => void;\n}\n\nconst QRCodeCopyButton = ({ text, copyLabel, copiedLabel, handleCopy }: QRCodeCopyButtonProps) => {\n    return <CopyButton onClick={handleCopy} text={text} label={copyLabel} copiedLabel={copiedLabel} />;\n};\n\nexport default QRCodeCopyButton;\n"],"names":["QRCodeCopyButton","text","copyLabel","copiedLabel","handleCopy","h","CopyButton","onClick","label"],"mappings":"mIAUA,MAAMA,EAAmB,EAAGC,OAAMC,YAAWC,cAAaC,gBAC/CC,EAACC,EAAAA,CAAWC,QAASH,EAAYH,KAAMA,EAAMO,MAAON,EAAWC,YAAaA"}
+{"version":3,"file":"QRCodeCopyButton.js","sources":["../../../../../../src/components/internal/QRLoader/components/QRCodeCopyButton.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { CopyButton } from '../../Button/CopyButton';\n\ninterface QRCodeCopyButtonProps {\n    text: string;\n    copyLabel?: string;\n    copiedLabel?: string;\n    handleCopy?: (e: h.JSX.TargetedMouseEvent<HTMLButtonElement>) => void;\n}\n\nexport const QRCodeCopyButton = ({ text, copyLabel, copiedLabel, handleCopy }: QRCodeCopyButtonProps) => {\n    return <CopyButton onClick={handleCopy} text={text} label={copyLabel} copiedLabel={copiedLabel} />;\n};\n"],"names":["QRCodeCopyButton","text","copyLabel","copiedLabel","handleCopy","h","CopyButton","onClick","label"],"mappings":"mIAUO,MAAMA,EAAmB,EAAGC,OAAMC,YAAWC,cAAaC,gBACtDC,EAACC,EAAAA,CAAWC,QAASH,EAAYH,KAAMA,EAAMO,MAAON,EAAWC,YAAaA"}

package/dist/es/components/internal/QRLoader/components/QRCountdown.js

@@ -1,2 +1,2 @@
-import{createElement as o}from"../../../../external/preact/dist/preact.js";import e from"../../Countdown/index.js";import{useCoreContext as t}from"../../../../core/Context/CoreProvider.js";const n=({countdownTime:n,timeToPay:r,onTick:m,onCompleted:a})=>{const{i18n:c}=t(),i=c.get(r).split("%@");return o("span",{className:"adyen-checkout__qr-loader__countdown"},i[0]," ",o(e,{minutesFromNow:n,onTick:m,onCompleted:a})," ",i[1])};export{n as default};
+import{createElement as o}from"../../../../external/preact/dist/preact.js";import e from"../../Countdown/index.js";import{useCoreContext as t}from"../../../../core/Context/CoreProvider.js";const n=({countdownTime:n,timeToPay:r,onTick:m,onCompleted:c})=>{const{i18n:i}=t(),s=i.get(r).split("%@");return o("span",{className:"adyen-checkout__qr-loader__countdown"},s[0]," ",o(e,{minutesFromNow:n,onTick:m,onCompleted:c})," ",s[1])};export{n as QRCountdown};
 //# sourceMappingURL=QRCountdown.js.map

package/dist/es/components/internal/QRLoader/components/QRCountdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"QRCountdown.js","sources":["../../../../../../src/components/internal/QRLoader/components/QRCountdown.tsx"],"sourcesContent":["import { h } from 'preact';\nimport Countdown from '../../Countdown';\nimport { QRCountdownProps } from '../types';\nimport { useCoreContext } from '../../../../core/Context/CoreProvider';\n\nconst QRCountdown = ({ countdownTime, timeToPay, onTick, onCompleted }: QRCountdownProps) => {\n    const { i18n } = useCoreContext();\n\n    const timeToPayString = i18n.get(timeToPay).split('%@');\n\n    return (\n        <span className=\"adyen-checkout__qr-loader__countdown\">\n            {timeToPayString[0]}&nbsp;\n            <Countdown minutesFromNow={countdownTime} onTick={onTick} onCompleted={onCompleted} />\n            &nbsp;{timeToPayString[1]}\n        </span>\n    );\n};\nexport default QRCountdown;\n"],"names":["QRCountdown","countdownTime","timeToPay","onTick","onCompleted","i18n","useCoreContext","timeToPayString","get","split","h","span","className","Countdown","minutesFromNow"],"mappings":"6LAKA,MAAMA,EAAc,EAAGC,gBAAeC,YAAWC,SAAQC,kBACrD,MAAMC,KAAEA,GAASC,IAEXC,EAAkBF,EAAKG,IAAIN,GAAWO,MAAM,MAElD,OACIC,EAACC,OAAAA,CAAKC,UAAU,wCACXL,EAAgB,GAAG,IACpBG,EAACG,EAAAA,CAAUC,eAAgBb,EAAeE,OAAQA,EAAQC,YAAaA,IAAe,IAC/EG,EAAgB"}
+{"version":3,"file":"QRCountdown.js","sources":["../../../../../../src/components/internal/QRLoader/components/QRCountdown.tsx"],"sourcesContent":["import { h } from 'preact';\nimport Countdown from '../../Countdown';\nimport { QRCountdownProps } from '../types';\nimport { useCoreContext } from '../../../../core/Context/CoreProvider';\n\nexport const QRCountdown = ({ countdownTime, timeToPay, onTick, onCompleted }: QRCountdownProps) => {\n    const { i18n } = useCoreContext();\n\n    const timeToPayString = i18n.get(timeToPay).split('%@');\n\n    return (\n        <span className=\"adyen-checkout__qr-loader__countdown\">\n            {timeToPayString[0]}&nbsp;\n            <Countdown minutesFromNow={countdownTime} onTick={onTick} onCompleted={onCompleted} />\n            &nbsp;{timeToPayString[1]}\n        </span>\n    );\n};\n"],"names":["QRCountdown","countdownTime","timeToPay","onTick","onCompleted","i18n","useCoreContext","timeToPayString","get","split","h","span","className","Countdown","minutesFromNow"],"mappings":"6LAKO,MAAMA,EAAc,EAAGC,gBAAeC,YAAWC,SAAQC,kBAC5D,MAAMC,KAAEA,GAASC,IAEXC,EAAkBF,EAAKG,IAAIN,GAAWO,MAAM,MAElD,OACIC,EAACC,OAAAA,CAAKC,UAAU,wCACXL,EAAgB,GAAG,IACpBG,EAACG,EAAAA,CAAUC,eAAgBb,EAAeE,OAAQA,EAAQC,YAAaA,IAAe,IAC/EG,EAAgB"}

package/dist/es/components/internal/QRLoader/components/QRDetails.js

@@ -1,2 +1,2 @@
-import{createElement as o,Fragment as e}from"../../../../external/preact/dist/preact.js";import t from"./QRImage.js";import r from"./QRProgressbar.js";import n from"./QRCountdown.js";import a from"./QRIntructions.js";import m from"./QRCodeCopyButton.js";import{useQRLoaderDetails as s}from"../QRLoaderDetailsProvider.js";const i=()=>{const{qrCodeData:i,qrCodeImage:c,percentage:d,timeToPay:p,copyBtn:l,instructions:u,onTick:C,countdownTime:f,onQRCodeLoad:j,onTimeUp:y,handleCopy:Q}=s();return o(e,null,o(t,{src:c,onLoad:j}),o(r,{percentage:d}),o(n,{countdownTime:f,timeToPay:p,onTick:C,onCompleted:y}),u&&o(a,{instructions:u}),l&&o("div",{className:"adyen-checkout__qr-loader__actions"},o(m,{text:i,handleCopy:Q})))};export{i as default};
+import{createElement as o,Fragment as e}from"../../../../external/preact/dist/preact.js";import{QRImage as t}from"./QRImage.js";import{QRProgressbar as r}from"./QRProgressbar.js";import{QRCountdown as n}from"./QRCountdown.js";import{QRInstructions as a}from"./QRIntructions.js";import{QRCodeCopyButton as m}from"./QRCodeCopyButton.js";import{useQRLoaderDetails as i}from"../QRLoaderDetailsProvider.js";const s=()=>{const{qrCodeData:s,qrCodeImage:c,percentage:d,timeToPay:p,copyBtn:l,instructions:u,onTick:C,countdownTime:f,onQRCodeLoad:j,onTimeUp:y,handleCopy:Q}=i();return o(e,null,o(t,{src:c,onLoad:j}),o(r,{percentage:d}),o(n,{countdownTime:f,timeToPay:p,onTick:C,onCompleted:y}),u&&o(a,{instructions:u}),l&&o("div",{className:"adyen-checkout__qr-loader__actions"},o(m,{text:s,handleCopy:Q})))};export{s as QRDetails};
 //# sourceMappingURL=QRDetails.js.map

package/dist/es/components/internal/QRLoader/components/QRDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"QRDetails.js","sources":["../../../../../../src/components/internal/QRLoader/components/QRDetails.tsx"],"sourcesContent":["import { h, Fragment } from 'preact';\nimport QRImage from './QRImage';\nimport QRProgressbar from './QRProgressbar';\nimport QRCountdown from './QRCountdown';\nimport QRInstructions from './QRIntructions';\nimport QRCodeCopyButton from './QRCodeCopyButton';\nimport { useQRLoaderDetails } from '../QRLoaderDetailsProvider';\n\nconst QRDetails = () => {\n    const { qrCodeData, qrCodeImage, percentage, timeToPay, copyBtn, instructions, onTick, countdownTime, onQRCodeLoad, onTimeUp, handleCopy } =\n        useQRLoaderDetails();\n\n    return (\n        <Fragment>\n            <QRImage src={qrCodeImage} onLoad={onQRCodeLoad} />\n\n            <QRProgressbar percentage={percentage} />\n\n            <QRCountdown countdownTime={countdownTime} timeToPay={timeToPay} onTick={onTick} onCompleted={onTimeUp} />\n\n            {instructions && <QRInstructions instructions={instructions} />}\n\n            {copyBtn && (\n                <div className=\"adyen-checkout__qr-loader__actions\">\n                    <QRCodeCopyButton text={qrCodeData} handleCopy={handleCopy} />\n                </div>\n            )}\n        </Fragment>\n    );\n};\n\nexport default QRDetails;\n"],"names":["QRDetails","qrCodeData","qrCodeImage","percentage","timeToPay","copyBtn","instructions","onTick","countdownTime","onQRCodeLoad","onTimeUp","handleCopy","useQRLoaderDetails","h","Fragment","QRImage","src","onLoad","QRProgressbar","QRCountdown","onCompleted","QRInstructions","div","className","QRCodeCopyButton","text"],"mappings":"iUAQA,MAAMA,EAAY,KACd,MAAMC,WAAEA,EAAUC,YAAEA,EAAWC,WAAEA,EAAUC,UAAEA,EAASC,QAAEA,EAAOC,aAAEA,EAAYC,OAAEA,EAAMC,cAAEA,EAAaC,aAAEA,EAAYC,SAAEA,EAAQC,WAAEA,GAC1HC,IAEJ,OACIC,EAACC,OACGD,EAACE,EAAAA,CAAQC,IAAKd,EAAae,OAAQR,IAEnCI,EAACK,EAAAA,CAAcf,WAAYA,IAE3BU,EAACM,EAAAA,CAAYX,cAAeA,EAAeJ,UAAWA,EAAWG,OAAQA,EAAQa,YAAaV,IAE7FJ,GAAgBO,EAACQ,EAAAA,CAAef,aAAcA,IAE9CD,GACGQ,EAACS,MAAAA,CAAIC,UAAU,sCACXV,EAACW,EAAAA,CAAiBC,KAAMxB,EAAYU,WAAYA"}
+{"version":3,"file":"QRDetails.js","sources":["../../../../../../src/components/internal/QRLoader/components/QRDetails.tsx"],"sourcesContent":["import { h, Fragment } from 'preact';\nimport { QRImage } from './QRImage';\nimport { QRProgressbar } from './QRProgressbar';\nimport { QRCountdown } from './QRCountdown';\nimport { QRInstructions } from './QRIntructions';\nimport { QRCodeCopyButton } from './QRCodeCopyButton';\nimport { useQRLoaderDetails } from '../QRLoaderDetailsProvider';\n\nexport const QRDetails = () => {\n    const { qrCodeData, qrCodeImage, percentage, timeToPay, copyBtn, instructions, onTick, countdownTime, onQRCodeLoad, onTimeUp, handleCopy } =\n        useQRLoaderDetails();\n\n    return (\n        <Fragment>\n            <QRImage src={qrCodeImage} onLoad={onQRCodeLoad} />\n\n            <QRProgressbar percentage={percentage} />\n\n            <QRCountdown countdownTime={countdownTime} timeToPay={timeToPay} onTick={onTick} onCompleted={onTimeUp} />\n\n            {instructions && <QRInstructions instructions={instructions} />}\n\n            {copyBtn && (\n                <div className=\"adyen-checkout__qr-loader__actions\">\n                    <QRCodeCopyButton text={qrCodeData} handleCopy={handleCopy} />\n                </div>\n            )}\n        </Fragment>\n    );\n};\n"],"names":["QRDetails","qrCodeData","qrCodeImage","percentage","timeToPay","copyBtn","instructions","onTick","countdownTime","onQRCodeLoad","onTimeUp","handleCopy","useQRLoaderDetails","h","Fragment","QRImage","src","onLoad","QRProgressbar","QRCountdown","onCompleted","QRInstructions","div","className","QRCodeCopyButton","text"],"mappings":"wZAQaA,EAAY,KACrB,MAAMC,WAAEA,EAAUC,YAAEA,EAAWC,WAAEA,EAAUC,UAAEA,EAASC,QAAEA,EAAOC,aAAEA,EAAYC,OAAEA,EAAMC,cAAEA,EAAaC,aAAEA,EAAYC,SAAEA,EAAQC,WAAEA,GAC1HC,IAEJ,OACIC,EAACC,OACGD,EAACE,EAAAA,CAAQC,IAAKd,EAAae,OAAQR,IAEnCI,EAACK,EAAAA,CAAcf,WAAYA,IAE3BU,EAACM,EAAAA,CAAYX,cAAeA,EAAeJ,UAAWA,EAAWG,OAAQA,EAAQa,YAAaV,IAE7FJ,GAAgBO,EAACQ,EAAAA,CAAef,aAAcA,IAE9CD,GACGQ,EAACS,MAAAA,CAAIC,UAAU,sCACXV,EAACW,EAAAA,CAAiBC,KAAMxB,EAAYU,WAAYA"}

package/dist/es/components/internal/QRLoader/components/QRImage.js

@@ -1,2 +1,2 @@
-import{createElement as e}from"../../../../external/preact/dist/preact.js";import{useCoreContext as r}from"../../../../core/Context/CoreProvider.js";const t=({onLoad:t,src:o})=>{const{i18n:a}=r();return e("img",{src:o,alt:a.get("wechatpay.scanqrcode"),onLoad:t})};export{t as default};
+import{createElement as r}from"../../../../external/preact/dist/preact.js";import{useCoreContext as e}from"../../../../core/Context/CoreProvider.js";const t=({onLoad:t,src:o})=>{const{i18n:a}=e();return r("img",{src:o,alt:a.get("wechatpay.scanqrcode"),onLoad:t})};export{t as QRImage};
 //# sourceMappingURL=QRImage.js.map

package/dist/es/components/internal/QRLoader/components/QRImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"QRImage.js","sources":["../../../../../../src/components/internal/QRLoader/components/QRImage.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { QRImageProps } from '../types';\nimport { useCoreContext } from '../../../../core/Context/CoreProvider';\n\nconst QRImage = ({ onLoad, src }: QRImageProps) => {\n    const { i18n } = useCoreContext();\n\n    return <img src={src} alt={i18n.get('wechatpay.scanqrcode')} onLoad={onLoad} />;\n};\n\nexport default QRImage;\n"],"names":["QRImage","onLoad","src","i18n","useCoreContext","h","img","alt","get"],"mappings":"qJAIA,MAAMA,EAAU,EAAGC,SAAQC,UACvB,MAAMC,KAAEA,GAASC,IAEjB,OAAOC,EAACC,MAAAA,CAAIJ,IAAKA,EAAKK,IAAKJ,EAAKK,IAAI,wBAAyBP,OAAQA"}
+{"version":3,"file":"QRImage.js","sources":["../../../../../../src/components/internal/QRLoader/components/QRImage.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { QRImageProps } from '../types';\nimport { useCoreContext } from '../../../../core/Context/CoreProvider';\n\nexport const QRImage = ({ onLoad, src }: QRImageProps) => {\n    const { i18n } = useCoreContext();\n\n    return <img src={src} alt={i18n.get('wechatpay.scanqrcode')} onLoad={onLoad} />;\n};\n"],"names":["QRImage","onLoad","src","i18n","useCoreContext","h","img","alt","get"],"mappings":"2JAIaA,EAAU,EAAGC,SAAQC,UAC9B,MAAMC,KAAEA,GAASC,IAEjB,OAAOC,EAACC,MAAAA,CAAIJ,IAAKA,EAAKK,IAAKJ,EAAKK,IAAI,wBAAyBP,OAAQA"}

package/dist/es/components/internal/QRLoader/components/QRIntructions.js

@@ -1,2 +1,2 @@
-import{createElement as t}from"../../../../external/preact/dist/preact.js";import{useCoreContext as e}from"../../../../core/Context/CoreProvider.js";const r=({instructions:r})=>{const{i18n:o}=e();return t("p",{className:"adyen-checkout__qr-loader__instructions"},"string"==typeof r?o.get(r):r())};export{r as default};
+import{createElement as t}from"../../../../external/preact/dist/preact.js";import{useCoreContext as e}from"../../../../core/Context/CoreProvider.js";const r=({instructions:r})=>{const{i18n:o}=e();return t("p",{className:"adyen-checkout__qr-loader__instructions"},"string"==typeof r?o.get(r):r())};export{r as QRInstructions};
 //# sourceMappingURL=QRIntructions.js.map

package/dist/es/components/internal/QRLoader/components/QRIntructions.js.map

@@ -1 +1 @@
-{"version":3,"file":"QRIntructions.js","sources":["../../../../../../src/components/internal/QRLoader/components/QRIntructions.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useCoreContext } from '../../../../core/Context/CoreProvider';\n\nconst QRInstructions = ({ instructions }: { instructions: string | (() => h.JSX.Element) }) => {\n    const { i18n } = useCoreContext();\n\n    return <p className=\"adyen-checkout__qr-loader__instructions\">{typeof instructions === 'string' ? i18n.get(instructions) : instructions()}</p>;\n};\n\nexport default QRInstructions;\n"],"names":["QRInstructions","instructions","i18n","useCoreContext","h","p","className","get"],"mappings":"qJAGA,MAAMA,EAAiB,EAAGC,mBACtB,MAAMC,KAAEA,GAASC,IAEjB,OAAOC,EAACC,IAAAA,CAAEC,UAAU,2CAAmE,iBAAjBL,EAA4BC,EAAKK,IAAIN,GAAgBA"}
+{"version":3,"file":"QRIntructions.js","sources":["../../../../../../src/components/internal/QRLoader/components/QRIntructions.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useCoreContext } from '../../../../core/Context/CoreProvider';\n\nexport const QRInstructions = ({ instructions }: { instructions: string | (() => h.JSX.Element) }) => {\n    const { i18n } = useCoreContext();\n\n    return <p className=\"adyen-checkout__qr-loader__instructions\">{typeof instructions === 'string' ? i18n.get(instructions) : instructions()}</p>;\n};\n"],"names":["QRInstructions","instructions","i18n","useCoreContext","h","p","className","get"],"mappings":"qJAGO,MAAMA,EAAiB,EAAGC,mBAC7B,MAAMC,KAAEA,GAASC,IAEjB,OAAOC,EAACC,IAAAA,CAAEC,UAAU,2CAAmE,iBAAjBL,EAA4BC,EAAKK,IAAIN,GAAgBA"}

package/dist/es/components/internal/QRLoader/components/QRProgressbar.js

@@ -1,2 +1,2 @@
-import{createElement as e}from"../../../../external/preact/dist/preact.js";const a=({percentage:a})=>e("div",{className:"adyen-checkout__qr-loader__progress"},e("span",{className:"adyen-checkout__qr-loader__percentage",style:{width:`${a}%`}}));export{a as default};
+import{createElement as e}from"../../../../external/preact/dist/preact.js";const a=({percentage:a})=>e("div",{className:"adyen-checkout__qr-loader__progress"},e("span",{className:"adyen-checkout__qr-loader__percentage",style:{width:`${a}%`}}));export{a as QRProgressbar};
 //# sourceMappingURL=QRProgressbar.js.map

package/dist/es/components/internal/QRLoader/components/QRProgressbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"QRProgressbar.js","sources":["../../../../../../src/components/internal/QRLoader/components/QRProgressbar.tsx"],"sourcesContent":["import { h } from 'preact';\n\nconst QRProgressbar = ({ percentage }: { percentage: number }) => {\n    return (\n        <div className=\"adyen-checkout__qr-loader__progress\">\n            <span className=\"adyen-checkout__qr-loader__percentage\" style={{ width: `${percentage}%` }} />\n        </div>\n    );\n};\n\nexport default QRProgressbar;\n"],"names":["QRProgressbar","percentage","h","div","className","span","style","width"],"mappings":"2EAEA,MAAMA,EAAgB,EAAGC,gBAEjBC,EAACC,MAAAA,CAAIC,UAAU,uCACXF,EAACG,OAAAA,CAAKD,UAAU,wCAAwCE,MAAO,CAAEC,MAAO,GAAGN"}
+{"version":3,"file":"QRProgressbar.js","sources":["../../../../../../src/components/internal/QRLoader/components/QRProgressbar.tsx"],"sourcesContent":["import { h } from 'preact';\n\nexport const QRProgressbar = ({ percentage }: { percentage: number }) => {\n    return (\n        <div className=\"adyen-checkout__qr-loader__progress\">\n            <span className=\"adyen-checkout__qr-loader__percentage\" style={{ width: `${percentage}%` }} />\n        </div>\n    );\n};\n"],"names":["QRProgressbar","percentage","h","div","className","span","style","width"],"mappings":"2EAEO,MAAMA,EAAgB,EAAGC,gBAExBC,EAACC,MAAAA,CAAIC,UAAU,uCACXF,EAACG,OAAAA,CAAKD,UAAU,wCAAwCE,MAAO,CAAEC,MAAO,GAAGN"}

package/dist/es/components/internal/UIElement/UIElement.js

@@ -1,2 +1,2 @@
-import{createElement as t}from"../../../external/preact/dist/preact.js";import e from"../BaseElement/BaseElement.js";import s from"../PayButton/PayButton.js";import{assertIsDropin as i,getRegulatoryDefaults as n,sanitizeResponse as o,verifyPaymentDidNotFail as r,cleanupFinalResult as a}from"./utils.js";import h,{NETWORK_ERROR as l}from"../../../core/Errors/AdyenCheckoutError.js";import{hasOwnProperty as d}from"../../../utils/hasOwnProperty.js";import{ANALYTICS_SUBMIT_STR as c,ANALYTICS_ERROR_TYPE as m}from"../../../core/Analytics/constants.js";import p from"../../../core/Errors/CancelError.js";import{AnalyticsLogEvent as u}from"../../../core/Analytics/AnalyticsLogEvent.js";import{AnalyticsErrorEvent as y}from"../../../core/Analytics/AnalyticsErrorEvent.js";function f(t,e,s){return e in t?Object.defineProperty(t,e,{value:s,enumerable:!0,configurable:!0,writable:!0}):t[e]=s,t}class R extends e{get analytics(){return this.core.modules.analytics}buildElementProps(t){const e={showPayButton:!0,...this.core.getCorePropsForComponent(),...!!t?.isStoredPaymentMethod?{}:this.getPaymentMethodFromPaymentMethodsResponse(t?.type),...t},s=i(this);this.props=this.formatProps({...this.constructor.defaultProps,...n(this.core.options.countryCode,s),...e})}getPaymentMethodFromPaymentMethodsResponse(t){return this.core.paymentMethodsResponse?.find(t||this.constructor.type)}storeElementRefOnCore(t){t?.isDropin||this.core.storeElementReference(this)}isAvailable(){return Promise.resolve()}setState(t){this.state={...this.state,...t},this.onChange()}showValidation(){return this.componentRef&&this.componentRef.showValidation&&this.componentRef.showValidation(),this}setElementStatus(t,e){return this.elementRef?.setStatus(t,e),this}setStatus(t,e){return this.componentRef?.setStatus&&this.componentRef.setStatus(t,e),this}onChange(){this.props.onChange?.({data:this.data,isValid:this.isValid,errors:this.state.errors,valid:this.state.valid},this.elementRef)}setUpAnalytics(t){const e=this.props.session?.id;return this.props.modules.analytics.setUp({...t,...e&&{sessionId:e}})}submitAnalytics(t){try{t.component=this.getComponent(t),this.props.modules.analytics.sendAnalytics(t)}catch(t){console.warn("Failed to submit the analytics event. Error:",t)}}getComponent({component:t}){return t||(this.constructor.analyticsType?this.constructor.analyticsType:"scheme"===this.constructor.type||"bcmc"===this.constructor.type?this.constructor.type:this.type)}submit(){this.isValid?this.makePaymentsCall().then(o).then(r).then(this.handleResponse).catch(t=>{t instanceof p?this.setElementStatus("ready"):this.handleFailedResult(t)}):this.showValidation()}makePaymentsCall(){if(this.setElementStatus("loading"),this.props.onSubmit)return this.submitUsingAdvancedFlow();if(this.core.session){return(this.props.beforeSubmit?new Promise((t,e)=>this.props.beforeSubmit(this.data,this.elementRef,{resolve:t,reject:()=>e(new p("beforeSubmitRejected"))})):Promise.resolve(this.data)).then(this.submitUsingSessionsFlow)}this.handleError(new h("IMPLEMENTATION_ERROR",'It can not perform /payments call. Callback "onSubmit" is missing or Checkout session is not available'))}async submitUsingAdvancedFlow(){return new Promise((t,e)=>{const s=new u({type:c,message:"Shopper clicked pay"});this.submitAnalytics(s),this.props.onSubmit({data:this.data,isValid:this.isValid},this.elementRef,{resolve:t,reject:e})})}async submitUsingSessionsFlow(t){const e=new u({type:c,message:"Shopper clicked pay"});this.submitAnalytics(e);try{return await this.core.session.submitPayment(t)}catch(t){return t instanceof h?this.handleError(t):this.handleError(new h("ERROR","Error when making /payments call",{cause:t})),Promise.reject(t)}}onComplete(t){this.handleAdditionalDetails(t)}handleAdditionalDetails(t){this.makeAdditionalDetailsCall(t).then(o).then(r).then(this.handleResponse).catch(this.handleFailedResult)}makeAdditionalDetailsCall(t){return this.props.onAdditionalDetails?new Promise((e,s)=>{this.props.onAdditionalDetails(t,this.elementRef,{resolve:e,reject:s})}):this.core.session?this.submitAdditionalDetailsUsingSessionsFlow(t.data):void this.handleError(new h("IMPLEMENTATION_ERROR",'It can not perform /payments/details call. Callback "onAdditionalDetails" is missing or Checkout session is not available'))}async submitAdditionalDetailsUsingSessionsFlow(t){try{return await this.core.session.submitDetails(t)}catch(t){return t instanceof h?this.handleError(t):this.handleError(new h("ERROR","Error when making /details call",{cause:t})),Promise.reject(t)}}handleAction(t,e={}){if(!t||!t.type){if(d(t,"action")&&d(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')}const s=this.core.createFromAction(t,{...this.elementRef.props,...e});return s?(this.unmount(),s.mount(this._node)):null}onActionHandled(t){this.props?.onActionHandled?.({originalAction:this.props.originalAction,...t})}handleResponse(t){t.action?this.elementRef.handleAction(t.action):t.order?.remainingAmount?.value>0?this.handleOrder(t):this.handleSuccessResult(t)}handleKeyPress(t){"Enter"!==t.key&&"Enter"!==t.code||(t.preventDefault(),this.onEnterKeyPressed(document?.activeElement,this))}onEnterKeyPressed(t,e){this.props.onEnterKeyPressed?this.props.onEnterKeyPressed(t,e):(t.blur(),this.submit())}updateParent(t={}){return this.elementRef.core.update(t)}get isValid(){return!1}get icon(){const t=this.props.paymentMethodType||this.type;return this.props.icon??this.resources.getImage()(t)}get displayName(){const t=this.core.paymentMethodsResponse?.paymentMethods?.find(t=>t.type===this.type);return this.props.name||t?.name||this.type}get accessibleName(){return this.displayName}get additionalInfo(){return null}get type(){return this.props.type||this.constructor.type}async handleAdvanceFlowPaymentMethodsUpdate(t,e){return new Promise((e,s)=>{if(!this.props.onPaymentMethodsRequest)return e();this.props.onPaymentMethodsRequest({...t&&{order:{orderData:t.orderData,pspReference:t.pspReference}},locale:this.core.options.locale},{resolve:e,reject:s})}).catch(t=>{this.handleError(new h("IMPLEMENTATION_ERROR","Something failed during payment methods update or onPaymentMethodsRequest was not implemented",{cause:t}))}).then(s=>this.core.update({...s&&{paymentMethodsResponse:s},order:t,amount:t?t.remainingAmount:e}))}constructor(e,n){super(e,n),f(this,"componentRef",void 0),f(this,"resources",void 0),f(this,"elementRef",void 0),f(this,"handleError",t=>{if(this.setElementStatus("ready"),t.name===l&&t.options.code){const e=new y({errorType:m.apiError,code:t.options.code});this.submitAnalytics(e)}this.props.onError&&this.props.onError(t,this.elementRef)}),f(this,"handleOrder",t=>{const{order:e}=t;(this.core.session?this.core.update({order:e}):this.handleAdvanceFlowPaymentMethodsUpdate(e)).then(()=>{this.props.onOrderUpdated?.({order:e})})}),f(this,"handleFailedResult",t=>{i(this.elementRef)&&this.elementRef.displayFinalAnimation("error"),a(t),this.props.onPaymentFailed?.(t,this.elementRef)}),f(this,"handleSuccessResult",t=>{i(this.elementRef)&&this.elementRef.displayFinalAnimation("success"),a(t),this.props.onPaymentCompleted?.(t,this.elementRef)}),f(this,"setComponentRef",t=>{this.componentRef=t}),f(this,"payButton",e=>t(s,{...e,amount:this.props.amount,secondaryAmount:this.props.secondaryAmount,onClick:this.submit})),this.core.register(this.constructor),this.submit=this.submit.bind(this),this.setState=this.setState.bind(this),this.onComplete=this.onComplete.bind(this),this.handleAction=this.handleAction.bind(this),this.handleOrder=this.handleOrder.bind(this),this.handleAdditionalDetails=this.handleAdditionalDetails.bind(this),this.handleResponse=this.handleResponse.bind(this),this.setElementStatus=this.setElementStatus.bind(this),this.submitAnalytics=this.submitAnalytics.bind(this),this.makePaymentsCall=this.makePaymentsCall.bind(this),this.makeAdditionalDetailsCall=this.makeAdditionalDetailsCall.bind(this),this.submitUsingSessionsFlow=this.submitUsingSessionsFlow.bind(this),this.elementRef=n&&n.elementRef||this,this.resources=this.props.modules?this.props.modules.resources:void 0,this.storeElementRefOnCore(this.props),this.onEnterKeyPressed=this.onEnterKeyPressed.bind(this),this.onActionHandled=this.onActionHandled.bind(this)}}f(R,"type",void 0),f(R,"txVariants",[]);export{R as UIElement,R as default};
+import{createElement as e}from"../../../external/preact/dist/preact.js";import t,{NETWORK_ERROR as s}from"../../../core/Errors/AdyenCheckoutError.js";import{hasOwnProperty as i}from"../../../utils/hasOwnProperty.js";import n from"../BaseElement/BaseElement.js";import o from"../PayButton/PayButton.js";import{assertIsDropin as r,getRegulatoryDefaults as a,sanitizeResponse as h,verifyPaymentDidNotFail as l,cleanupFinalResult as d}from"./utils.js";import{AnalyticsErrorEvent as m,ErrorEventType as p}from"../../../core/Analytics/events/AnalyticsErrorEvent.js";import{AnalyticsInfoEvent as c,InfoEventType as u}from"../../../core/Analytics/events/AnalyticsInfoEvent.js";import{AnalyticsLogEvent as y,LogEventType as f}from"../../../core/Analytics/events/AnalyticsLogEvent.js";import R from"../../../core/Errors/CancelError.js";import{CoreProvider as b}from"../../../core/Context/CoreProvider.js";function A(e,t,s){return t in e?Object.defineProperty(e,t,{value:s,enumerable:!0,configurable:!0,writable:!0}):e[t]=s,e}class P extends n{createBeforeRenderHook(e){const t=this.render;this.render=(...s)=>(this.beforeRender(e),t.apply(this,s))}beforeRender(e){if(e?.originalAction)return;const t=new c({type:u.rendered,component:this.type,configData:{...e,showPayButton:this.props.showPayButton},...e?.oneClick&&{isStoredPaymentMethod:!0}});this.analytics.sendAnalytics(t)}reportIntegrationFlavor(){this.analytics.sendFlavor("components")}get analytics(){return this.core.modules.analytics}get srPanel(){return this.core.modules.srPanel}getPaymentMethodConfigFromResponse(e){return e?.storedPaymentMethodId?this.getStoredPaymentMethodDetails(e.storedPaymentMethodId):this.getPaymentMethodFromPaymentMethodsResponse(e?.type,e?.paymentMethodId)}buildElementProps(e){const t={showPayButton:!0,...this.core.getCorePropsForComponent(),...this.getPaymentMethodConfigFromResponse(e),...e},s=r(this);this.props=this.formatProps({...this.constructor.defaultProps,...a(this.core.options.countryCode,s),...t})}getStoredPaymentMethodDetails(e){return this.core.paymentMethodsResponse.findStoredPaymentMethod(e)}getPaymentMethodFromPaymentMethodsResponse(e,t){return t?this.core.paymentMethodsResponse.findById(t):this.core.paymentMethodsResponse?.find(e||this.constructor.type)}storeElementRefOnCore(e){e?.isDropin||this.core.storeElementReference(this)}isAvailable(){return Promise.resolve()}setState(e){this.state={...this.state,...e},this.onChange()}showValidation(){return this.componentRef&&this.componentRef.showValidation&&this.componentRef.showValidation(),this}setElementStatus(e,t){return this.elementRef?.setStatus(e,t),this}setStatus(e,t){return this.componentRef?.setStatus&&this.componentRef.setStatus(e,t),this}onChange(){this.props.onChange?.({data:this.data,isValid:this.isValid,errors:this.state.errors,valid:this.state.valid},this.elementRef)}submitAnalytics(e){this.analytics.sendAnalytics(e)}submit(){this.isValid?this.makePaymentsCall().then(h).then(l).then(this.handleResponse).catch(e=>{e instanceof R?this.setElementStatus("ready"):this.handleFailedResult(e)}):this.showValidation()}makePaymentsCall(){if(this.setElementStatus("loading"),this.props.onSubmit)return this.submitUsingAdvancedFlow();if(this.core.session){return(this.props.beforeSubmit?new Promise((e,t)=>this.props.beforeSubmit(this.data,this.elementRef,{resolve:e,reject:()=>t(new R("beforeSubmitRejected"))})):Promise.resolve(this.data)).then(this.submitUsingSessionsFlow)}this.handleError(new t("IMPLEMENTATION_ERROR",'It can not perform /payments call. Callback "onSubmit" is missing or Checkout session is not available'))}async submitUsingAdvancedFlow(){const e=new y({component:this.type,type:f.submit,message:"Shopper clicked pay"});return this.submitAnalytics(e),new Promise((e,t)=>{this.props.onSubmit({data:this.data,isValid:this.isValid},this.elementRef,{resolve:e,reject:t})})}async submitUsingSessionsFlow(e){const s=new y({component:this.type,type:f.submit,message:"Shopper clicked pay"});this.submitAnalytics(s);try{return await this.core.session.submitPayment(e)}catch(e){return e instanceof t?this.handleError(e):this.handleError(new t("ERROR","Error when making /payments call",{cause:e})),Promise.reject(e)}}onComplete(e){this.handleAdditionalDetails(e)}handleAdditionalDetails(e){this.makeAdditionalDetailsCall(e).then(h).then(l).then(this.handleResponse).catch(this.handleFailedResult)}makeAdditionalDetailsCall(e){return this.props.onAdditionalDetails?new Promise((t,s)=>{this.props.onAdditionalDetails(e,this.elementRef,{resolve:t,reject:s})}):this.core.session?this.submitAdditionalDetailsUsingSessionsFlow(e.data):void this.handleError(new t("IMPLEMENTATION_ERROR",'It can not perform /payments/details call. Callback "onAdditionalDetails" is missing or Checkout session is not available'))}async submitAdditionalDetailsUsingSessionsFlow(e){try{return await this.core.session.submitDetails(e)}catch(e){return e instanceof t?this.handleError(e):this.handleError(new t("ERROR","Error when making /details call",{cause:e})),Promise.reject(e)}}handleAction(e,t={}){if(!e||!e.type){if(i(e,"action")&&i(e,"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')}const s=this.core.createFromAction(e,{...this.elementRef.props,...t});return s?(this.unmount(),s.mount(this._node)):null}onActionHandled(e){this.props?.onActionHandled?.({originalAction:this.props.originalAction,...e})}handleResponse(e){e.action?this.elementRef.handleAction(e.action):e.order?.remainingAmount?.value>0?this.handleOrder(e):this.handleSuccessResult(e)}handleKeyPress(e){"Enter"!==e.key&&"Enter"!==e.code||(e.preventDefault(),this.onEnterKeyPressed(document?.activeElement,this))}onEnterKeyPressed(e,t){this.props.onEnterKeyPressed?this.props.onEnterKeyPressed(e,t):(e.blur(),this.submit())}updateParent(e={}){return this.elementRef.core.update(e)}get isValid(){return!1}get icon(){const e=this.props.paymentMethodType||this.type;return this.props.icon??this.resources.getImage()(e)}get displayName(){const e=this.core.paymentMethodsResponse?.paymentMethods?.find(e=>e.type===this.type);return this.props.name||e?.name||this.type}get accessibleName(){return this.displayName}get additionalInfo(){return null}get type(){return this.props.type||this.constructor.type}async handleAdvanceFlowPaymentMethodsUpdate(e,s){return new Promise((t,s)=>{if(!this.props.onPaymentMethodsRequest)return t();this.props.onPaymentMethodsRequest({...e&&{order:{orderData:e.orderData,pspReference:e.pspReference}},locale:this.core.options.locale},{resolve:t,reject:s})}).catch(e=>{this.handleError(new t("IMPLEMENTATION_ERROR","Something failed during payment methods update or onPaymentMethodsRequest was not implemented",{cause:e}))}).then(t=>this.core.update({...t&&{paymentMethodsResponse:t},order:e,amount:e?e.remainingAmount:s}))}render(){return e(b,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources,analytics:this.analytics},this.componentToRender())}constructor(t,i){super(t,i),A(this,"componentRef",void 0),A(this,"resources",void 0),A(this,"elementRef",void 0),A(this,"handleError",e=>{if(this.setElementStatus("ready"),e.name===s&&e.options.code){const t=new m({component:this.type,errorType:p.apiError,code:e.options.code});this.submitAnalytics(t)}this.props.onError&&this.props.onError(e,this.elementRef)}),A(this,"handleOrder",e=>{const{order:t}=e;(this.core.session?this.core.update({order:t}):this.handleAdvanceFlowPaymentMethodsUpdate(t)).then(()=>{this.props.onOrderUpdated?.({order:t})})}),A(this,"handleFailedResult",e=>{r(this.elementRef)&&this.elementRef.displayFinalAnimation("error"),d(e),this.props.onPaymentFailed?.(e,this.elementRef)}),A(this,"handleSuccessResult",e=>{r(this.elementRef)&&this.elementRef.displayFinalAnimation("success"),d(e),this.props.onPaymentCompleted?.(e,this.elementRef)}),A(this,"setComponentRef",e=>{this.componentRef=e}),A(this,"payButton",t=>e(o,{...t,amount:this.props.amount,secondaryAmount:this.props.secondaryAmount,onClick:this.submit})),this.core.register(this.constructor),this.submit=this.submit.bind(this),this.setState=this.setState.bind(this),this.onComplete=this.onComplete.bind(this),this.handleAction=this.handleAction.bind(this),this.handleOrder=this.handleOrder.bind(this),this.handleAdditionalDetails=this.handleAdditionalDetails.bind(this),this.handleResponse=this.handleResponse.bind(this),this.setElementStatus=this.setElementStatus.bind(this),this.submitAnalytics=this.submitAnalytics.bind(this),this.makePaymentsCall=this.makePaymentsCall.bind(this),this.makeAdditionalDetailsCall=this.makeAdditionalDetailsCall.bind(this),this.submitUsingSessionsFlow=this.submitUsingSessionsFlow.bind(this),this.elementRef=i&&i.elementRef||this,this.resources=this.props.modules?this.props.modules.resources:void 0,this.storeElementRefOnCore(this.props),this.onEnterKeyPressed=this.onEnterKeyPressed.bind(this),this.onActionHandled=this.onActionHandled.bind(this),this.createBeforeRenderHook(i),this.reportIntegrationFlavor()}}A(P,"type",void 0),A(P,"txVariants",[]);export{P as UIElement,P as default};
 //# sourceMappingURL=UIElement.js.map

package/dist/es/components/internal/UIElement/UIElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"UIElement.js","sources":["../../../../../src/components/internal/UIElement/UIElement.tsx"],"sourcesContent":["import { h } from 'preact';\nimport BaseElement from '../BaseElement/BaseElement';\nimport PayButton from '../PayButton';\nimport { assertIsDropin, cleanupFinalResult, getRegulatoryDefaults, sanitizeResponse, verifyPaymentDidNotFail } from './utils';\nimport AdyenCheckoutError, { NETWORK_ERROR } from '../../../core/Errors/AdyenCheckoutError';\nimport { hasOwnProperty } from '../../../utils/hasOwnProperty';\nimport { Resources } from '../../../core/Context/Resources';\nimport { ANALYTICS_ERROR_TYPE, ANALYTICS_SUBMIT_STR } from '../../../core/Analytics/constants';\n\nimport { AnalyticsInitialEvent } from '../../../core/Analytics/types';\nimport type { CoreConfiguration, ICore, AdditionalDetailsData } from '../../../core/types';\nimport type { ComponentMethodsRef, PayButtonFunctionProps, UIElementProps, UIElementStatus } from './types';\nimport type { CheckoutSessionDetailsResponse, CheckoutSessionPaymentResponse } from '../../../core/CheckoutSession/types';\nimport type {\n    ActionHandledReturnObject,\n    AnalyticsModule,\n    CheckoutAdvancedFlowResponse,\n    Order,\n    PaymentAction,\n    PaymentAmount,\n    PaymentData,\n    PaymentMethod,\n    PaymentMethodsResponse,\n    PaymentResponseData\n} from '../../../types/global-types';\nimport type { IDropin } from '../../Dropin/types';\nimport type { NewableComponent } from '../../../core/core.registry';\nimport CancelError from '../../../core/Errors/CancelError';\n\nimport './UIElement.scss';\nimport { AnalyticsEvent } from '../../../core/Analytics/AnalyticsEvent';\nimport { AnalyticsLogEvent } from '../../../core/Analytics/AnalyticsLogEvent';\nimport { AnalyticsErrorEvent } from '../../../core/Analytics/AnalyticsErrorEvent';\n\nexport abstract class UIElement<P extends UIElementProps = UIElementProps> extends BaseElement<P> {\n    protected componentRef: any;\n\n    protected resources: Resources;\n\n    public elementRef: UIElement;\n\n    public static type = undefined;\n\n    /**\n     * Defines all txVariants that the Component supports (in case it support multiple ones besides the 'type' one)\n     */\n    public static txVariants: string[] = [];\n\n    constructor(checkout: ICore, props?: P) {\n        super(checkout, props);\n\n        this.core.register(this.constructor as NewableComponent);\n\n        this.submit = this.submit.bind(this);\n        this.setState = this.setState.bind(this);\n        this.onComplete = this.onComplete.bind(this);\n        this.handleAction = this.handleAction.bind(this);\n        this.handleOrder = this.handleOrder.bind(this);\n        this.handleAdditionalDetails = this.handleAdditionalDetails.bind(this);\n        this.handleResponse = this.handleResponse.bind(this);\n        this.setElementStatus = this.setElementStatus.bind(this);\n        this.submitAnalytics = this.submitAnalytics.bind(this);\n        this.makePaymentsCall = this.makePaymentsCall.bind(this);\n        this.makeAdditionalDetailsCall = this.makeAdditionalDetailsCall.bind(this);\n        this.submitUsingSessionsFlow = this.submitUsingSessionsFlow.bind(this);\n\n        this.elementRef = (props && props.elementRef) || this;\n        this.resources = this.props.modules ? this.props.modules.resources : undefined;\n\n        this.storeElementRefOnCore(this.props);\n\n        this.onEnterKeyPressed = this.onEnterKeyPressed.bind(this);\n        this.onActionHandled = this.onActionHandled.bind(this);\n    }\n\n    get analytics(): AnalyticsModule {\n        return this.core.modules.analytics;\n    }\n\n    protected override buildElementProps(componentProps?: P) {\n        const globalCoreProps = this.core.getCorePropsForComponent();\n        const isStoredPaymentMethod = !!componentProps?.isStoredPaymentMethod;\n\n        const paymentMethodFromResponse = isStoredPaymentMethod ? {} : this.getPaymentMethodFromPaymentMethodsResponse(componentProps?.type);\n\n        const finalProps = {\n            showPayButton: true,\n            ...globalCoreProps,\n            ...paymentMethodFromResponse,\n            ...componentProps\n        };\n\n        const isDropin = assertIsDropin(this as unknown as IDropin);\n\n        this.props = this.formatProps({\n            ...this.constructor['defaultProps'], // component defaults\n            ...getRegulatoryDefaults(this.core.options.countryCode, isDropin), // regulatory defaults\n            ...finalProps // the rest (inc. merchant defined config)\n        });\n    }\n\n    /**\n     *  Get the payment method from the paymentMethodsResponse\n     *\n     * @param type - The type of the payment method to get. (This prop is passed by Drop-in OR Standalone components containing the property 'type' as part of their configuration)\n     */\n    protected getPaymentMethodFromPaymentMethodsResponse(type?: string): PaymentMethod {\n        return this.core.paymentMethodsResponse?.find(type || this.constructor['type']);\n    }\n\n    protected storeElementRefOnCore(props?: P) {\n        if (!props?.isDropin) {\n            this.core.storeElementReference(this);\n        }\n    }\n\n    public isAvailable(): Promise<void> {\n        return Promise.resolve();\n    }\n\n    public setState(newState: object): void {\n        this.state = { ...this.state, ...newState };\n        this.onChange();\n    }\n\n    public showValidation(): this {\n        if (this.componentRef && this.componentRef.showValidation) this.componentRef.showValidation();\n        return this;\n    }\n\n    /**\n     * elementRef is a ref to the subclass that extends UIElement e.g. Card.tsx\n     */\n    public setElementStatus(status: UIElementStatus, props?: any): this {\n        this.elementRef?.setStatus(status, props);\n        return this;\n    }\n\n    /**\n     * componentRef is a ref to the primary component inside that subclass e.g. CardInput.tsx\n     */\n    public setStatus(status: UIElementStatus, props?): this {\n        if (this.componentRef?.setStatus) {\n            this.componentRef.setStatus(status, props);\n        }\n        return this;\n    }\n\n    protected onChange(): void {\n        this.props.onChange?.(\n            {\n                data: this.data,\n                isValid: this.isValid,\n                errors: this.state.errors,\n                valid: this.state.valid\n            },\n            this.elementRef\n        );\n    }\n\n    // Only called once, for UIElements (including Dropin), as they are being mounted\n    protected setUpAnalytics(setUpAnalyticsObj: AnalyticsInitialEvent) {\n        const sessionId = this.props.session?.id;\n\n        return this.props.modules.analytics.setUp({\n            ...setUpAnalyticsObj,\n            ...(sessionId && { sessionId })\n        });\n    }\n\n    /**\n     * A function for all UIElements, or BaseElement, to use to create an analytics action for when it's been:\n     *  - mounted,\n     *  - a PM has been selected\n     *  - onSubmit has been called (as a result of the pay button being pressed)\n     *\n     *  In some other cases e.g. 3DS2 components, this function is overridden to allow more specific analytics actions to be created\n     */\n\n    protected submitAnalytics(analyticsObj: AnalyticsEvent) {\n        try {\n            analyticsObj.component = this.getComponent(analyticsObj);\n\n            this.props.modules.analytics.sendAnalytics(analyticsObj);\n        } catch (error) {\n            console.warn('Failed to submit the analytics event. Error:', error);\n        }\n    }\n\n    /** Work out what the component's \"type\" is:\n     * - first check for a dedicated \"analyticsType\" (currently only applies to custom-cards)\n     * - otherwise, distinguish cards from non-cards: cards will use their static type property, everything else will use props.type\n     */\n    private getComponent({ component }: AnalyticsEvent): string {\n        if (component) {\n            return component;\n        }\n        if (this.constructor['analyticsType']) {\n            return this.constructor['analyticsType'];\n        }\n        if (this.constructor['type'] === 'scheme' || this.constructor['type'] === 'bcmc') {\n            return this.constructor['type'];\n        }\n        return this.type;\n    }\n\n    public submit(): void {\n        if (!this.isValid) {\n            this.showValidation();\n            return;\n        }\n\n        this.makePaymentsCall()\n            .then(sanitizeResponse)\n            .then(verifyPaymentDidNotFail)\n            .then(this.handleResponse)\n            .catch((e: PaymentResponseData | Error) => {\n                if (e instanceof CancelError) {\n                    this.setElementStatus('ready');\n                    return;\n                }\n                this.handleFailedResult(e as PaymentResponseData);\n            });\n    }\n\n    protected makePaymentsCall(): Promise<CheckoutAdvancedFlowResponse | CheckoutSessionPaymentResponse> {\n        this.setElementStatus('loading');\n\n        if (this.props.onSubmit) {\n            return this.submitUsingAdvancedFlow();\n        }\n\n        if (this.core.session) {\n            const beforeSubmitEvent: Promise<PaymentData> = this.props.beforeSubmit\n                ? new Promise((resolve, reject) =>\n                      this.props.beforeSubmit(this.data, this.elementRef, {\n                          resolve,\n                          reject: () => reject(new CancelError('beforeSubmitRejected'))\n                      })\n                  )\n                : Promise.resolve(this.data);\n\n            return beforeSubmitEvent.then(this.submitUsingSessionsFlow);\n        }\n\n        this.handleError(\n            new AdyenCheckoutError(\n                'IMPLEMENTATION_ERROR',\n                'It can not perform /payments call. Callback \"onSubmit\" is missing or Checkout session is not available'\n            )\n        );\n    }\n\n    private async submitUsingAdvancedFlow(): Promise<CheckoutAdvancedFlowResponse> {\n        return new Promise<CheckoutAdvancedFlowResponse>((resolve, reject) => {\n            // Call analytics endpoint\n            const event = new AnalyticsLogEvent({\n                type: ANALYTICS_SUBMIT_STR,\n                message: 'Shopper clicked pay'\n            });\n            this.submitAnalytics(event);\n\n            this.props.onSubmit(\n                {\n                    data: this.data,\n                    isValid: this.isValid\n                },\n                this.elementRef,\n                { resolve, reject }\n            );\n        });\n    }\n\n    private async submitUsingSessionsFlow(data: PaymentData): Promise<CheckoutSessionPaymentResponse> {\n        const event = new AnalyticsLogEvent({\n            type: ANALYTICS_SUBMIT_STR,\n            message: 'Shopper clicked pay'\n        });\n        this.submitAnalytics(event);\n\n        try {\n            return await this.core.session.submitPayment(data);\n        } catch (error: unknown) {\n            if (error instanceof AdyenCheckoutError) {\n                this.handleError(error);\n            } else {\n                this.handleError(new AdyenCheckoutError('ERROR', 'Error when making /payments call', { cause: error }));\n            }\n\n            return Promise.reject(error);\n        }\n\n        // // Uncomment to simulate failed\n        // return {\n        //     resultCode: 'Refused',\n        //     sessionData:\n        //         'Ab02b4c0!BQABAgBKGgqfEz8uQlU4yCIOWjA8bkEwmbJ7Qt4r+x5IPXREu1rMjwNk5MDoHFNlv+MWvinS6nXIDniXgRzXCdSC4ksw9CNDBAjOa+B88wRoj/rLTieuWh/0leR88qkV24vtIkjsIsbJTDB78Pd8wX8MEDsXhaAdEIyX9E8eqxuQ3bwPbvLs1Dlgo1ZrfkQRzaNiuVM8ejRG0IWE1bGThJzY+sJvZZHvlDMXIlxhZcDoQvsMj/WwE6+nFJxBiC3oRzmvVn3AbkLQGtvwq16UUSfYbPzG9dXypJMtcrZAQYq2g/2+BSibCcmee9AXq/wij11BERrYmjbDt5NkkdUnDVgAB7pdqbnWX0A2sxBKeYtLSP2kxp+5LoU/Wty3fmcVA3VKVkHfgmIihkeL8lY++5hvHjnkzOE4tyx/sheiKS4zqoWE43TD6n8mpFskAzwMHq4G2o6vkXqvaKFEq7y/R2fVrCypenmRhkPASizpM265rKLU+L4E/C+LMHfN0LYKRMCrLr0gI2GAp+1PZLHgh0tCtiJC/zcJJtJs6sHNQxLUN+kxJuELUHOcuL3ivjG+mWteUnBENZu7KqOSZYetiWYRiyLOXDiBHqbxuQwTuO54L15VLkS/mYB20etibM1nn+fRmbo+1IJkCSalhwi5D7fSrpjbQTmAsOpJT1N8lC1MSNmAvAwG1kWL4JxYwXDKYyYASnsia2V5IjoiQUYwQUFBMTAzQ0E1MzdFQUVEODdDMjRERDUzOTA5QjgwQTc4QTkyM0UzODIzRDY4REFDQzk0QjlGRjgzMDVEQyJ98uZI4thGveOByYbomCeeP2Gy2rzs99FOBoDYVeWIUjyM+gfnW89DdJZAhxe74Tv0TnL5DRQYPCTRQPOoLbQ21NaeSho70FNE+n8XYKlVK5Ore6BoB6IVCaal5MkM27VmZPMmGflgcPx+pakx+EmRsYGdvYNImYxJYrRk3CI+l3T3ZiVpPPqebaVSLaSkEfu0iOFPjjLUhWN6QW6c18heE5vq/pcoeBf7p0Jgr9I5aBFY0avYG57BDGHzU1ZiQ9LLMTis2BA7Ap9pdNq8FVXL4fnoVHNZiiANOf3uvSknPKBID8sdOXUStA0crmO322FYjDqh1n6FG+D7+OJSayNsXIz6Zoy0eFn4HbT8nt8L2X2tdzkMayCYHXRwKh13Xyleqxt4WoEZmhwTmB3p9d1F0SylWnjcC6o/DnshJ9mMW/8D3oWS30Z7BwRODqKGVahRD0YGRzwMbVnEe5JFRfNvJZdLGl35L9632DVmuFQ0lr/8WNL/NrAJNtI6PXrZMNiza0/omPwPfe5ZYuD1Jgq59TX4h9d+3fdkArcJYL7AdoMZON1YEiWY5EzazQwtHd9yzdty9ZHPxAfuOfCh4OhbhFNp+v5YQ+PzKZ+UpM1VxV863+9XgWEURPNvX7qq1cpUSRzrSGq01QBBM3MKzRh5mAgqIdXgtl7L0EXAep0MECc7QY0/o3tW3VR8eEJGsSzrNxpFItqj0SEaIWo25dRfkl5zuw47GQrN9Qzxl2WV3A38MQPUqFtIr/71Rjkphgg49ZGWEYCwgFmm8jJc2/5qTabSGk4bzwiETCTzeydq30bUGqCwglj8CrFViAuQeTJm7dp+PYKMkUNvQRpnSXMj6Kz7rvAMzhzJgK62ltN2idqKxLC7WtivCUgejuQUvNreCYBQCaKwTwP02lZsJpGF9yw8gbyuoB+2aB7IZmgIB8GP4qVQ/ht5B9z/FLohK/8cSPV/4i32SNNdcwhV',\n        //     sessionResult:\n        //         'X3XtfGC7!H4sIAAAAAAAA/6tWykxRslJyDjaxNDMyM3E2MXIyNDUys3RU0lHKTS1KzkjMK3FMTs4vzSsBKgtJLS7xhYo6Z6QmZ+eXlgAVFpcklpQWA+WLUtNKi1NTlGoBMEEbz1cAAAA=iMsCaEJ5LcnsqIUtmNxjm8HtfQ8gZW8JewEU3wHz4qg='\n        // };\n    }\n\n    protected onComplete(state): void {\n        this.handleAdditionalDetails(state);\n    }\n\n    protected handleError = (error: AdyenCheckoutError): void => {\n        /**\n         * Set status using elementRef, which:\n         * - If Drop-in, will set status for Dropin component, and then it will propagate the new status for the active payment method component\n         * - If Component, it will set its own status\n         */\n        this.setElementStatus('ready');\n\n        if (error.name === NETWORK_ERROR && error.options.code) {\n            const event = new AnalyticsErrorEvent({\n                errorType: ANALYTICS_ERROR_TYPE.apiError,\n                code: error.options.code\n            });\n\n            this.submitAnalytics(event);\n        }\n\n        if (this.props.onError) {\n            this.props.onError(error, this.elementRef);\n        }\n    };\n\n    protected handleAdditionalDetails(state: AdditionalDetailsData): void {\n        this.makeAdditionalDetailsCall(state)\n            .then(sanitizeResponse)\n            .then(verifyPaymentDidNotFail)\n            .then(this.handleResponse)\n            .catch(this.handleFailedResult);\n    }\n\n    private makeAdditionalDetailsCall(state: AdditionalDetailsData): Promise<CheckoutSessionDetailsResponse | CheckoutAdvancedFlowResponse> {\n        if (this.props.onAdditionalDetails) {\n            return new Promise<CheckoutAdvancedFlowResponse>((resolve, reject) => {\n                this.props.onAdditionalDetails(state, this.elementRef, { resolve, reject });\n            });\n        }\n\n        if (this.core.session) {\n            return this.submitAdditionalDetailsUsingSessionsFlow(state.data);\n        }\n\n        this.handleError(\n            new AdyenCheckoutError(\n                'IMPLEMENTATION_ERROR',\n                'It can not perform /payments/details call. Callback \"onAdditionalDetails\" is missing or Checkout session is not available'\n            )\n        );\n    }\n\n    private async submitAdditionalDetailsUsingSessionsFlow(data: any): Promise<CheckoutSessionDetailsResponse> {\n        try {\n            return await this.core.session.submitDetails(data);\n        } catch (error: unknown) {\n            if (error instanceof AdyenCheckoutError) this.handleError(error);\n            else this.handleError(new AdyenCheckoutError('ERROR', 'Error when making /details call', { cause: error }));\n\n            return Promise.reject(error);\n        }\n    }\n\n    public handleAction(action: PaymentAction, props = {}): UIElement | 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        const paymentAction = this.core.createFromAction(action, {\n            ...this.elementRef.props,\n            ...props\n        });\n\n        if (paymentAction) {\n            this.unmount();\n            return paymentAction.mount(this._node);\n        }\n\n        return null;\n    }\n\n    protected onActionHandled(actionHandledObj: ActionHandledReturnObject) {\n        this.props?.onActionHandled?.({ originalAction: this.props.originalAction, ...actionHandledObj });\n    }\n\n    protected handleOrder = (response: PaymentResponseData): void => {\n        const { order } = response;\n\n        const updateCorePromise = this.core.session ? this.core.update({ order }) : this.handleAdvanceFlowPaymentMethodsUpdate(order);\n\n        void updateCorePromise.then(() => {\n            this.props.onOrderUpdated?.({ order });\n        });\n    };\n\n    /**\n     * Handles when the payment fails. The payment fails when:\n     * - adv flow: the merchant rejects the payment due to a critical error\n     * - adv flow: the merchant resolves the payment with a failed resultCode\n     * - sessions: a network error occurs when making the payment\n     * - sessions: the payment fails with a failed resultCode\n     *\n     * @param result\n     */\n    protected handleFailedResult = (result?: PaymentResponseData): void => {\n        if (assertIsDropin(this.elementRef)) {\n            this.elementRef.displayFinalAnimation('error');\n        }\n\n        cleanupFinalResult(result);\n        this.props.onPaymentFailed?.(result, this.elementRef);\n    };\n\n    protected handleSuccessResult = (result: PaymentResponseData): void => {\n        if (assertIsDropin(this.elementRef)) {\n            this.elementRef.displayFinalAnimation('success');\n        }\n\n        cleanupFinalResult(result);\n        this.props.onPaymentCompleted?.(result, this.elementRef);\n    };\n\n    /**\n     * Handles a /payments or /payments/details response.\n     * The component will handle automatically actions, orders, and final results.\n     *\n     * Expected to be called after sanitizeResponse has been run on the raw payment response\n     *\n     * @param response -\n     */\n    protected handleResponse(response: PaymentResponseData): void {\n        if (response.action) {\n            this.elementRef.handleAction(response.action);\n            return;\n        }\n\n        if (response.order?.remainingAmount?.value > 0) {\n            // we don't want to call elementRef here, use the component handler\n            // we do this way so the logic on handlingOrder is associated with payment method\n            this.handleOrder(response);\n            return;\n        }\n\n        this.handleSuccessResult(response);\n    }\n\n    protected handleKeyPress(e: h.JSX.TargetedKeyboardEvent<HTMLInputElement> | KeyboardEvent) {\n        if (e.key === 'Enter' || e.code === 'Enter') {\n            e.preventDefault(); // Prevent <form> submission if Component is placed inside a form\n\n            this.onEnterKeyPressed(document?.activeElement, this);\n        }\n    }\n\n    /**\n     * Handle Enter key pressed from a UIElement (called via handleKeyPress)\n     * @param obj\n     */\n    protected onEnterKeyPressed(activeElement: Element, component: UIElement) {\n        if (this.props.onEnterKeyPressed) {\n            this.props.onEnterKeyPressed(activeElement, component);\n        } else {\n            (activeElement as HTMLElement).blur();\n            this.submit();\n        }\n    }\n\n    /**\n     * Call update on parent instance\n     * This function exist to make safe access to the protected _parentInstance\n     * @param options - CoreOptions\n     */\n    public updateParent(options: CoreConfiguration = {}): Promise<ICore> {\n        return this.elementRef.core.update(options);\n    }\n\n    public setComponentRef = (ref: ComponentMethodsRef) => {\n        this.componentRef = ref;\n    };\n\n    /**\n     * Get the current validation status of the element\n     */\n    public get isValid(): boolean {\n        return false;\n    }\n\n    /**\n     * Get the element icon URL for the current environment\n     */\n    public get icon(): string {\n        const type = this.props.paymentMethodType || this.type;\n        return this.props.icon ?? this.resources.getImage()(type);\n    }\n\n    /**\n     * Get the element's displayable name\n     */\n    public get displayName(): string {\n        const paymentMethodFromResponse = this.core.paymentMethodsResponse?.paymentMethods?.find(pm => pm.type === this.type);\n        return this.props.name || paymentMethodFromResponse?.name || this.type;\n    }\n\n    /**\n     * Get the element accessible name, used in the aria-label of the button that controls selected payment method\n     */\n    public get accessibleName(): string {\n        return this.displayName;\n    }\n\n    /**\n     * Used to display the second line of a payment method item\n     */\n    get additionalInfo(): string {\n        return null;\n    }\n\n    /**\n     * Return the type of an element\n     */\n    public get type(): string {\n        return this.props.type || this.constructor['type'];\n    }\n\n    /**\n     * Get the payButton component for the current element\n     */\n    protected payButton = (props: PayButtonFunctionProps) => {\n        return <PayButton {...props} amount={this.props.amount} secondaryAmount={this.props.secondaryAmount} onClick={this.submit} />;\n    };\n\n    /**\n     * Used in the Partial Orders flow.\n     * When the Order is updated, the merchant can request new payment methods based on the new remaining amount\n     *\n     * @private\n     */\n    protected async handleAdvanceFlowPaymentMethodsUpdate(order: Order | null, amount?: PaymentAmount) {\n        return new Promise<void | PaymentMethodsResponse>((resolve, reject) => {\n            if (!this.props.onPaymentMethodsRequest) {\n                return resolve();\n            }\n\n            this.props.onPaymentMethodsRequest(\n                {\n                    ...(order && {\n                        order: {\n                            orderData: order.orderData,\n                            pspReference: order.pspReference\n                        }\n                    }),\n                    locale: this.core.options.locale\n                },\n                { resolve, reject }\n            );\n        })\n            .catch(error => {\n                this.handleError(\n                    new AdyenCheckoutError(\n                        'IMPLEMENTATION_ERROR',\n                        'Something failed during payment methods update or onPaymentMethodsRequest was not implemented',\n                        {\n                            cause: error\n                        }\n                    )\n                );\n            })\n            .then(paymentMethodsResponse => {\n                // in the case of the session flow we get order, amount, countryCode and shopperLocale from initialize()\n                // apply the same logic here for order and amount\n                // in the future it might be worth moving this logic to be performed by the core on update()\n                // it would make this more consistent\n                return this.core.update({\n                    ...(paymentMethodsResponse && { paymentMethodsResponse }),\n                    order,\n                    amount: order ? order.remainingAmount : amount\n                });\n            });\n    }\n}\n\nexport default UIElement;\n"],"names":["UIElement","BaseElement","analytics","this","core","modules","buildElementProps","componentProps","finalProps","showPayButton","getCorePropsForComponent","isStoredPaymentMethod","getPaymentMethodFromPaymentMethodsResponse","type","isDropin","assertIsDropin","props","formatProps","constructor","getRegulatoryDefaults","options","countryCode","paymentMethodsResponse","find","storeElementRefOnCore","storeElementReference","isAvailable","Promise","resolve","setState","newState","state","onChange","showValidation","componentRef","setElementStatus","status","elementRef","setStatus","data","isValid","errors","valid","setUpAnalytics","setUpAnalyticsObj","sessionId","session","id","setUp","submitAnalytics","analyticsObj","component","getComponent","sendAnalytics","error","console","warn","submit","makePaymentsCall","then","sanitizeResponse","verifyPaymentDidNotFail","handleResponse","catch","e","CancelError","handleFailedResult","onSubmit","submitUsingAdvancedFlow","beforeSubmit","reject","submitUsingSessionsFlow","handleError","AdyenCheckoutError","event","AnalyticsLogEvent","ANALYTICS_SUBMIT_STR","message","submitPayment","cause","onComplete","handleAdditionalDetails","makeAdditionalDetailsCall","onAdditionalDetails","submitAdditionalDetailsUsingSessionsFlow","submitDetails","handleAction","action","hasOwnProperty","Error","paymentAction","createFromAction","unmount","mount","_node","onActionHandled","actionHandledObj","originalAction","response","order","remainingAmount","value","handleOrder","handleSuccessResult","handleKeyPress","key","code","preventDefault","onEnterKeyPressed","document","activeElement","blur","updateParent","update","icon","paymentMethodType","resources","getImage","displayName","paymentMethodFromResponse","paymentMethods","pm","name","accessibleName","additionalInfo","handleAdvanceFlowPaymentMethodsUpdate","amount","onPaymentMethodsRequest","orderData","pspReference","locale","checkout","super","_define_property","NETWORK_ERROR","AnalyticsErrorEvent","errorType","ANALYTICS_ERROR_TYPE","apiError","onError","onOrderUpdated","result","displayFinalAnimation","cleanupFinalResult","onPaymentFailed","onPaymentCompleted","setComponentRef","ref","payButton","h","PayButton","secondaryAmount","onClick","register","bind","undefined","txVariants"],"mappings":"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"}
+{"version":3,"file":"UIElement.js","sources":["../../../../../src/components/internal/UIElement/UIElement.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { Resources } from '../../../core/Context/Resources';\nimport AdyenCheckoutError, { NETWORK_ERROR } from '../../../core/Errors/AdyenCheckoutError';\nimport { hasOwnProperty } from '../../../utils/hasOwnProperty';\nimport BaseElement from '../BaseElement/BaseElement';\nimport PayButton from '../PayButton';\nimport { assertIsDropin, cleanupFinalResult, getRegulatoryDefaults, sanitizeResponse, verifyPaymentDidNotFail } from './utils';\n\nimport { AbstractAnalyticsEvent } from '../../../core/Analytics/events/AbstractAnalyticsEvent';\nimport { AnalyticsErrorEvent, ErrorEventType } from '../../../core/Analytics/events/AnalyticsErrorEvent';\nimport { AnalyticsInfoEvent, InfoEventType } from '../../../core/Analytics/events/AnalyticsInfoEvent';\nimport { AnalyticsLogEvent, LogEventType } from '../../../core/Analytics/events/AnalyticsLogEvent';\nimport type { CheckoutSessionDetailsResponse, CheckoutSessionPaymentResponse } from '../../../core/CheckoutSession/types';\nimport type { NewableComponent } from '../../../core/core.registry';\nimport CancelError from '../../../core/Errors/CancelError';\nimport type { AdditionalDetailsData, CoreConfiguration, ICore } from '../../../core/types';\nimport type {\n    ActionHandledReturnObject,\n    CheckoutAdvancedFlowResponse,\n    Order,\n    PaymentAction,\n    PaymentAmount,\n    PaymentData,\n    PaymentMethodsResponse,\n    PaymentResponseData,\n    RawPaymentMethod\n} from '../../../types/global-types';\nimport type { IDropin } from '../../Dropin/types';\nimport type { ComponentMethodsRef, PayButtonFunctionProps, UIElementProps, UIElementStatus } from './types';\nimport type { IAnalytics } from '../../../core/Analytics/Analytics';\n\nimport { CoreProvider } from '../../../core/Context/CoreProvider';\nimport { SRPanel } from '../../../core/Errors/SRPanel';\nimport './UIElement.scss';\n\nexport abstract class UIElement<P extends UIElementProps = UIElementProps> extends BaseElement<P> {\n    protected componentRef: any;\n\n    protected resources: Resources;\n\n    public elementRef: UIElement;\n\n    public static type = undefined;\n\n    /**\n     * Defines all txVariants that the Component supports (in case it support multiple ones besides the 'type' one)\n     */\n    public static txVariants: string[] = [];\n\n    constructor(checkout: ICore, props?: P) {\n        super(checkout, props);\n\n        this.core.register(this.constructor as NewableComponent);\n\n        this.submit = this.submit.bind(this);\n        this.setState = this.setState.bind(this);\n        this.onComplete = this.onComplete.bind(this);\n        this.handleAction = this.handleAction.bind(this);\n        this.handleOrder = this.handleOrder.bind(this);\n        this.handleAdditionalDetails = this.handleAdditionalDetails.bind(this);\n        this.handleResponse = this.handleResponse.bind(this);\n        this.setElementStatus = this.setElementStatus.bind(this);\n        this.submitAnalytics = this.submitAnalytics.bind(this);\n        this.makePaymentsCall = this.makePaymentsCall.bind(this);\n        this.makeAdditionalDetailsCall = this.makeAdditionalDetailsCall.bind(this);\n        this.submitUsingSessionsFlow = this.submitUsingSessionsFlow.bind(this);\n\n        this.elementRef = (props && props.elementRef) || this;\n        this.resources = this.props.modules ? this.props.modules.resources : undefined;\n\n        this.storeElementRefOnCore(this.props);\n\n        this.onEnterKeyPressed = this.onEnterKeyPressed.bind(this);\n        this.onActionHandled = this.onActionHandled.bind(this);\n\n        this.createBeforeRenderHook(props);\n        this.reportIntegrationFlavor();\n    }\n\n    /**\n     * Creates a hook tied to render() method. This hook is called every time render() is invoked.\n     * Currently useful for Analytics\n     *\n     * @param configSetByMerchant\n     * @private\n     */\n    private createBeforeRenderHook(configSetByMerchant: P): void {\n        const originalRender = this.render;\n\n        this.render = (...args: any[]) => {\n            this.beforeRender(configSetByMerchant);\n            return originalRender.apply(this, args);\n        };\n    }\n\n    protected beforeRender(configSetByMerchant?: P): void {\n        // We don't send 'rendered' events when rendering actions\n        if (configSetByMerchant?.originalAction) {\n            return;\n        }\n\n        const event = new AnalyticsInfoEvent({\n            type: InfoEventType.rendered,\n            component: this.type,\n            configData: { ...configSetByMerchant, showPayButton: this.props.showPayButton },\n            ...(configSetByMerchant?.oneClick && { isStoredPaymentMethod: true })\n        });\n\n        this.analytics.sendAnalytics(event);\n    }\n\n    protected reportIntegrationFlavor(): void {\n        void this.analytics.sendFlavor('components');\n    }\n\n    get analytics(): IAnalytics {\n        return this.core.modules.analytics;\n    }\n\n    get srPanel(): SRPanel {\n        return this.core.modules.srPanel;\n    }\n\n    private getPaymentMethodConfigFromResponse(componentProps: P) {\n        if (componentProps?.storedPaymentMethodId) return this.getStoredPaymentMethodDetails(componentProps.storedPaymentMethodId);\n        return this.getPaymentMethodFromPaymentMethodsResponse(componentProps?.type, componentProps?.paymentMethodId);\n    }\n\n    protected override buildElementProps(componentProps?: P) {\n        const globalCoreProps = this.core.getCorePropsForComponent();\n\n        const paymentMethodFromResponse = this.getPaymentMethodConfigFromResponse(componentProps);\n\n        const finalProps = {\n            showPayButton: true,\n            ...globalCoreProps,\n            ...paymentMethodFromResponse,\n            ...componentProps\n        };\n\n        const isDropinInstance = assertIsDropin(this as unknown as IDropin);\n\n        this.props = this.formatProps({\n            ...this.constructor['defaultProps'], // component defaults\n            ...getRegulatoryDefaults(this.core.options.countryCode, isDropinInstance), // regulatory defaults\n            ...finalProps // the rest (inc. merchant defined config)\n        });\n    }\n\n    protected getStoredPaymentMethodDetails(storedPaymentMethodId: string) {\n        return this.core.paymentMethodsResponse.findStoredPaymentMethod(storedPaymentMethodId);\n    }\n\n    /**\n     *  Get the payment method from the paymentMethodsResponse\n     *\n     * @param type - The type of the payment method to get. (This prop is passed by Drop-in OR Standalone components containing the property 'type' as part of their configuration)\n     * @param paymentMethodId - Unique internal payment method ID\n     */\n    protected getPaymentMethodFromPaymentMethodsResponse(type?: string, paymentMethodId?: string): RawPaymentMethod {\n        if (paymentMethodId) return this.core.paymentMethodsResponse.findById(paymentMethodId);\n        return this.core.paymentMethodsResponse?.find(type || this.constructor['type']);\n    }\n\n    protected storeElementRefOnCore(props?: P) {\n        if (!props?.isDropin) {\n            this.core.storeElementReference(this);\n        }\n    }\n\n    public isAvailable(): Promise<void> {\n        return Promise.resolve();\n    }\n\n    public setState(newState: object): void {\n        this.state = { ...this.state, ...newState };\n        this.onChange();\n    }\n\n    public showValidation(): this {\n        if (this.componentRef && this.componentRef.showValidation) this.componentRef.showValidation();\n        return this;\n    }\n\n    /**\n     * elementRef is a ref to the subclass that extends UIElement e.g. Card.tsx\n     */\n    public setElementStatus(status: UIElementStatus, props?: any): this {\n        this.elementRef?.setStatus(status, props);\n        return this;\n    }\n\n    /**\n     * componentRef is a ref to the primary component inside that subclass e.g. CardInput.tsx\n     */\n    public setStatus(status: UIElementStatus, props?): this {\n        if (this.componentRef?.setStatus) {\n            this.componentRef.setStatus(status, props);\n        }\n        return this;\n    }\n\n    protected onChange(): void {\n        this.props.onChange?.(\n            {\n                data: this.data,\n                isValid: this.isValid,\n                errors: this.state.errors,\n                valid: this.state.valid\n            },\n            this.elementRef\n        );\n    }\n\n    protected override submitAnalytics(event: AbstractAnalyticsEvent) {\n        this.analytics.sendAnalytics(event);\n    }\n\n    public submit(): void {\n        if (!this.isValid) {\n            this.showValidation();\n            return;\n        }\n\n        this.makePaymentsCall()\n            .then(sanitizeResponse)\n            .then(verifyPaymentDidNotFail)\n            .then(this.handleResponse)\n            .catch((e: PaymentResponseData | Error) => {\n                if (e instanceof CancelError) {\n                    this.setElementStatus('ready');\n                    return;\n                }\n                this.handleFailedResult(e as PaymentResponseData);\n            });\n    }\n\n    protected makePaymentsCall(): Promise<CheckoutAdvancedFlowResponse | CheckoutSessionPaymentResponse> {\n        this.setElementStatus('loading');\n\n        if (this.props.onSubmit) {\n            return this.submitUsingAdvancedFlow();\n        }\n\n        if (this.core.session) {\n            const beforeSubmitEvent: Promise<PaymentData> = this.props.beforeSubmit\n                ? new Promise((resolve, reject) =>\n                      this.props.beforeSubmit(this.data, this.elementRef, {\n                          resolve,\n                          reject: () => reject(new CancelError('beforeSubmitRejected'))\n                      })\n                  )\n                : Promise.resolve(this.data);\n\n            return beforeSubmitEvent.then(this.submitUsingSessionsFlow);\n        }\n\n        this.handleError(\n            new AdyenCheckoutError(\n                'IMPLEMENTATION_ERROR',\n                'It can not perform /payments call. Callback \"onSubmit\" is missing or Checkout session is not available'\n            )\n        );\n    }\n\n    private async submitUsingAdvancedFlow(): Promise<CheckoutAdvancedFlowResponse> {\n        const event = new AnalyticsLogEvent({\n            component: this.type,\n            type: LogEventType.submit,\n            message: 'Shopper clicked pay'\n        });\n        this.submitAnalytics(event);\n\n        return new Promise<CheckoutAdvancedFlowResponse>((resolve, reject) => {\n            this.props.onSubmit(\n                {\n                    data: this.data,\n                    isValid: this.isValid\n                },\n                this.elementRef,\n                { resolve, reject }\n            );\n        });\n    }\n\n    private async submitUsingSessionsFlow(data: PaymentData): Promise<CheckoutSessionPaymentResponse> {\n        const event = new AnalyticsLogEvent({\n            component: this.type,\n            type: LogEventType.submit,\n            message: 'Shopper clicked pay'\n        });\n        this.submitAnalytics(event);\n\n        try {\n            return await this.core.session.submitPayment(data);\n        } catch (error: unknown) {\n            if (error instanceof AdyenCheckoutError) {\n                this.handleError(error);\n            } else {\n                this.handleError(new AdyenCheckoutError('ERROR', 'Error when making /payments call', { cause: error }));\n            }\n\n            return Promise.reject(error);\n        }\n\n        // // Uncomment to simulate failed\n        // return {\n        //     resultCode: 'Refused',\n        //     sessionData:\n        //         'Ab02b4c0!BQABAgBKGgqfEz8uQlU4yCIOWjA8bkEwmbJ7Qt4r+x5IPXREu1rMjwNk5MDoHFNlv+MWvinS6nXIDniXgRzXCdSC4ksw9CNDBAjOa+B88wRoj/rLTieuWh/0leR88qkV24vtIkjsIsbJTDB78Pd8wX8MEDsXhaAdEIyX9E8eqxuQ3bwPbvLs1Dlgo1ZrfkQRzaNiuVM8ejRG0IWE1bGThJzY+sJvZZHvlDMXIlxhZcDoQvsMj/WwE6+nFJxBiC3oRzmvVn3AbkLQGtvwq16UUSfYbPzG9dXypJMtcrZAQYq2g/2+BSibCcmee9AXq/wij11BERrYmjbDt5NkkdUnDVgAB7pdqbnWX0A2sxBKeYtLSP2kxp+5LoU/Wty3fmcVA3VKVkHfgmIihkeL8lY++5hvHjnkzOE4tyx/sheiKS4zqoWE43TD6n8mpFskAzwMHq4G2o6vkXqvaKFEq7y/R2fVrCypenmRhkPASizpM265rKLU+L4E/C+LMHfN0LYKRMCrLr0gI2GAp+1PZLHgh0tCtiJC/zcJJtJs6sHNQxLUN+kxJuELUHOcuL3ivjG+mWteUnBENZu7KqOSZYetiWYRiyLOXDiBHqbxuQwTuO54L15VLkS/mYB20etibM1nn+fRmbo+1IJkCSalhwi5D7fSrpjbQTmAsOpJT1N8lC1MSNmAvAwG1kWL4JxYwXDKYyYASnsia2V5IjoiQUYwQUFBMTAzQ0E1MzdFQUVEODdDMjRERDUzOTA5QjgwQTc4QTkyM0UzODIzRDY4REFDQzk0QjlGRjgzMDVEQyJ98uZI4thGveOByYbomCeeP2Gy2rzs99FOBoDYVeWIUjyM+gfnW89DdJZAhxe74Tv0TnL5DRQYPCTRQPOoLbQ21NaeSho70FNE+n8XYKlVK5Ore6BoB6IVCaal5MkM27VmZPMmGflgcPx+pakx+EmRsYGdvYNImYxJYrRk3CI+l3T3ZiVpPPqebaVSLaSkEfu0iOFPjjLUhWN6QW6c18heE5vq/pcoeBf7p0Jgr9I5aBFY0avYG57BDGHzU1ZiQ9LLMTis2BA7Ap9pdNq8FVXL4fnoVHNZiiANOf3uvSknPKBID8sdOXUStA0crmO322FYjDqh1n6FG+D7+OJSayNsXIz6Zoy0eFn4HbT8nt8L2X2tdzkMayCYHXRwKh13Xyleqxt4WoEZmhwTmB3p9d1F0SylWnjcC6o/DnshJ9mMW/8D3oWS30Z7BwRODqKGVahRD0YGRzwMbVnEe5JFRfNvJZdLGl35L9632DVmuFQ0lr/8WNL/NrAJNtI6PXrZMNiza0/omPwPfe5ZYuD1Jgq59TX4h9d+3fdkArcJYL7AdoMZON1YEiWY5EzazQwtHd9yzdty9ZHPxAfuOfCh4OhbhFNp+v5YQ+PzKZ+UpM1VxV863+9XgWEURPNvX7qq1cpUSRzrSGq01QBBM3MKzRh5mAgqIdXgtl7L0EXAep0MECc7QY0/o3tW3VR8eEJGsSzrNxpFItqj0SEaIWo25dRfkl5zuw47GQrN9Qzxl2WV3A38MQPUqFtIr/71Rjkphgg49ZGWEYCwgFmm8jJc2/5qTabSGk4bzwiETCTzeydq30bUGqCwglj8CrFViAuQeTJm7dp+PYKMkUNvQRpnSXMj6Kz7rvAMzhzJgK62ltN2idqKxLC7WtivCUgejuQUvNreCYBQCaKwTwP02lZsJpGF9yw8gbyuoB+2aB7IZmgIB8GP4qVQ/ht5B9z/FLohK/8cSPV/4i32SNNdcwhV',\n        //     sessionResult:\n        //         'X3XtfGC7!H4sIAAAAAAAA/6tWykxRslJyDjaxNDMyM3E2MXIyNDUys3RU0lHKTS1KzkjMK3FMTs4vzSsBKgtJLS7xhYo6Z6QmZ+eXlgAVFpcklpQWA+WLUtNKi1NTlGoBMEEbz1cAAAA=iMsCaEJ5LcnsqIUtmNxjm8HtfQ8gZW8JewEU3wHz4qg='\n        // };\n    }\n\n    protected onComplete(state): void {\n        this.handleAdditionalDetails(state);\n    }\n\n    protected handleError = (error: AdyenCheckoutError): void => {\n        /**\n         * Set status using elementRef, which:\n         * - If Drop-in, will set status for Dropin component, and then it will propagate the new status for the active payment method component\n         * - If Component, it will set its own status\n         */\n        this.setElementStatus('ready');\n\n        if (error.name === NETWORK_ERROR && error.options.code) {\n            const event = new AnalyticsErrorEvent({\n                component: this.type,\n                errorType: ErrorEventType.apiError,\n                code: error.options.code\n            });\n\n            this.submitAnalytics(event);\n        }\n\n        if (this.props.onError) {\n            this.props.onError(error, this.elementRef);\n        }\n    };\n\n    protected handleAdditionalDetails(state: AdditionalDetailsData): void {\n        this.makeAdditionalDetailsCall(state)\n            .then(sanitizeResponse)\n            .then(verifyPaymentDidNotFail)\n            .then(this.handleResponse)\n            .catch(this.handleFailedResult);\n    }\n\n    private makeAdditionalDetailsCall(state: AdditionalDetailsData): Promise<CheckoutSessionDetailsResponse | CheckoutAdvancedFlowResponse> {\n        if (this.props.onAdditionalDetails) {\n            return new Promise<CheckoutAdvancedFlowResponse>((resolve, reject) => {\n                this.props.onAdditionalDetails(state, this.elementRef, { resolve, reject });\n            });\n        }\n\n        if (this.core.session) {\n            return this.submitAdditionalDetailsUsingSessionsFlow(state.data);\n        }\n\n        this.handleError(\n            new AdyenCheckoutError(\n                'IMPLEMENTATION_ERROR',\n                'It can not perform /payments/details call. Callback \"onAdditionalDetails\" is missing or Checkout session is not available'\n            )\n        );\n    }\n\n    private async submitAdditionalDetailsUsingSessionsFlow(data: any): Promise<CheckoutSessionDetailsResponse> {\n        try {\n            return await this.core.session.submitDetails(data);\n        } catch (error: unknown) {\n            if (error instanceof AdyenCheckoutError) this.handleError(error);\n            else this.handleError(new AdyenCheckoutError('ERROR', 'Error when making /details call', { cause: error }));\n\n            return Promise.reject(error);\n        }\n    }\n\n    public handleAction(action: PaymentAction, props = {}): UIElement | 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        const paymentAction = this.core.createFromAction(action, {\n            ...this.elementRef.props,\n            ...props\n        });\n\n        if (paymentAction) {\n            this.unmount();\n            return paymentAction.mount(this._node);\n        }\n\n        return null;\n    }\n\n    protected onActionHandled(actionHandledObj: ActionHandledReturnObject) {\n        this.props?.onActionHandled?.({ originalAction: this.props.originalAction, ...actionHandledObj });\n    }\n\n    protected handleOrder = (response: PaymentResponseData): void => {\n        const { order } = response;\n\n        const updateCorePromise = this.core.session ? this.core.update({ order }) : this.handleAdvanceFlowPaymentMethodsUpdate(order);\n\n        void updateCorePromise.then(() => {\n            this.props.onOrderUpdated?.({ order });\n        });\n    };\n\n    /**\n     * Handles when the payment fails. The payment fails when:\n     * - adv flow: the merchant rejects the payment due to a critical error\n     * - adv flow: the merchant resolves the payment with a failed resultCode\n     * - sessions: a network error occurs when making the payment\n     * - sessions: the payment fails with a failed resultCode\n     *\n     * @param result\n     */\n    protected handleFailedResult = (result?: PaymentResponseData): void => {\n        if (assertIsDropin(this.elementRef)) {\n            this.elementRef.displayFinalAnimation('error');\n        }\n\n        cleanupFinalResult(result);\n        this.props.onPaymentFailed?.(result, this.elementRef);\n    };\n\n    protected handleSuccessResult = (result: PaymentResponseData): void => {\n        if (assertIsDropin(this.elementRef)) {\n            this.elementRef.displayFinalAnimation('success');\n        }\n\n        cleanupFinalResult(result);\n        this.props.onPaymentCompleted?.(result, this.elementRef);\n    };\n\n    /**\n     * Handles a /payments or /payments/details response.\n     * The component will handle automatically actions, orders, and final results.\n     *\n     * Expected to be called after sanitizeResponse has been run on the raw payment response\n     *\n     * @param response -\n     */\n    protected handleResponse(response: PaymentResponseData): void {\n        if (response.action) {\n            this.elementRef.handleAction(response.action);\n            return;\n        }\n\n        if (response.order?.remainingAmount?.value > 0) {\n            // we don't want to call elementRef here, use the component handler\n            // we do this way so the logic on handlingOrder is associated with payment method\n            this.handleOrder(response);\n            return;\n        }\n\n        this.handleSuccessResult(response);\n    }\n\n    protected handleKeyPress(e: h.JSX.TargetedKeyboardEvent<HTMLInputElement> | KeyboardEvent) {\n        if (e.key === 'Enter' || e.code === 'Enter') {\n            e.preventDefault(); // Prevent <form> submission if Component is placed inside a form\n\n            this.onEnterKeyPressed(document?.activeElement, this);\n        }\n    }\n\n    /**\n     * Handle Enter key pressed from a UIElement (called via handleKeyPress)\n     * @param obj\n     */\n    protected onEnterKeyPressed(activeElement: Element, component: UIElement) {\n        if (this.props.onEnterKeyPressed) {\n            this.props.onEnterKeyPressed(activeElement, component);\n        } else {\n            (activeElement as HTMLElement).blur();\n            this.submit();\n        }\n    }\n\n    /**\n     * Call update on parent instance\n     * This function exist to make safe access to the protected _parentInstance\n     * @param options - CoreOptions\n     */\n    public updateParent(options: CoreConfiguration = {}): Promise<ICore> {\n        return this.elementRef.core.update(options);\n    }\n\n    public setComponentRef = (ref: ComponentMethodsRef) => {\n        this.componentRef = ref;\n    };\n\n    /**\n     * Get the current validation status of the element\n     */\n    public get isValid(): boolean {\n        return false;\n    }\n\n    /**\n     * Get the element icon URL for the current environment\n     */\n    public get icon(): string {\n        const type = this.props.paymentMethodType || this.type;\n        return this.props.icon ?? this.resources.getImage()(type);\n    }\n\n    /**\n     * Get the element's displayable name\n     */\n    public get displayName(): string {\n        const paymentMethodFromResponse = this.core.paymentMethodsResponse?.paymentMethods?.find(pm => pm.type === this.type);\n        return this.props.name || paymentMethodFromResponse?.name || this.type;\n    }\n\n    /**\n     * Get the element accessible name, used in the aria-label of the button that controls selected payment method\n     */\n    public get accessibleName(): string {\n        return this.displayName;\n    }\n\n    /**\n     * Used to display the second line of a payment method item\n     */\n    get additionalInfo(): string {\n        return null;\n    }\n\n    /**\n     * Return the type of an element\n     */\n    public get type(): string {\n        return this.props.type || this.constructor['type'];\n    }\n\n    /**\n     * Get the payButton component for the current element\n     */\n    protected payButton = (props: PayButtonFunctionProps) => {\n        return <PayButton {...props} amount={this.props.amount} secondaryAmount={this.props.secondaryAmount} onClick={this.submit} />;\n    };\n\n    /**\n     * Used in the Partial Orders flow.\n     * When the Order is updated, the merchant can request new payment methods based on the new remaining amount\n     *\n     * @private\n     */\n    protected async handleAdvanceFlowPaymentMethodsUpdate(order: Order | null, amount?: PaymentAmount) {\n        return new Promise<void | PaymentMethodsResponse>((resolve, reject) => {\n            if (!this.props.onPaymentMethodsRequest) {\n                return resolve();\n            }\n\n            this.props.onPaymentMethodsRequest(\n                {\n                    ...(order && {\n                        order: {\n                            orderData: order.orderData,\n                            pspReference: order.pspReference\n                        }\n                    }),\n                    locale: this.core.options.locale\n                },\n                { resolve, reject }\n            );\n        })\n            .catch(error => {\n                this.handleError(\n                    new AdyenCheckoutError(\n                        'IMPLEMENTATION_ERROR',\n                        'Something failed during payment methods update or onPaymentMethodsRequest was not implemented',\n                        {\n                            cause: error\n                        }\n                    )\n                );\n            })\n            .then(paymentMethodsResponse => {\n                // in the case of the session flow we get order, amount, countryCode and shopperLocale from initialize()\n                // apply the same logic here for order and amount\n                // in the future it might be worth moving this logic to be performed by the core on update()\n                // it would make this more consistent\n                return this.core.update({\n                    ...(paymentMethodsResponse && { paymentMethodsResponse }),\n                    order,\n                    amount: order ? order.remainingAmount : amount\n                });\n            });\n    }\n\n    protected abstract componentToRender(): h.JSX.Element;\n\n    render() {\n        return (\n            <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources} analytics={this.analytics}>\n                {this.componentToRender()}\n            </CoreProvider>\n        );\n    }\n}\n\nexport default UIElement;\n"],"names":["UIElement","BaseElement","createBeforeRenderHook","configSetByMerchant","originalRender","this","render","args","beforeRender","apply","originalAction","event","AnalyticsInfoEvent","type","InfoEventType","rendered","component","configData","showPayButton","props","oneClick","isStoredPaymentMethod","analytics","sendAnalytics","reportIntegrationFlavor","sendFlavor","core","modules","srPanel","getPaymentMethodConfigFromResponse","componentProps","storedPaymentMethodId","getStoredPaymentMethodDetails","getPaymentMethodFromPaymentMethodsResponse","paymentMethodId","buildElementProps","finalProps","getCorePropsForComponent","isDropinInstance","assertIsDropin","formatProps","constructor","getRegulatoryDefaults","options","countryCode","paymentMethodsResponse","findStoredPaymentMethod","findById","find","storeElementRefOnCore","isDropin","storeElementReference","isAvailable","Promise","resolve","setState","newState","state","onChange","showValidation","componentRef","setElementStatus","status","elementRef","setStatus","data","isValid","errors","valid","submitAnalytics","submit","makePaymentsCall","then","sanitizeResponse","verifyPaymentDidNotFail","handleResponse","catch","e","CancelError","handleFailedResult","onSubmit","submitUsingAdvancedFlow","session","beforeSubmit","reject","submitUsingSessionsFlow","handleError","AdyenCheckoutError","AnalyticsLogEvent","LogEventType","message","submitPayment","error","cause","onComplete","handleAdditionalDetails","makeAdditionalDetailsCall","onAdditionalDetails","submitAdditionalDetailsUsingSessionsFlow","submitDetails","handleAction","action","hasOwnProperty","Error","paymentAction","createFromAction","unmount","mount","_node","onActionHandled","actionHandledObj","response","order","remainingAmount","value","handleOrder","handleSuccessResult","handleKeyPress","key","code","preventDefault","onEnterKeyPressed","document","activeElement","blur","updateParent","update","icon","paymentMethodType","resources","getImage","displayName","paymentMethodFromResponse","paymentMethods","pm","name","accessibleName","additionalInfo","handleAdvanceFlowPaymentMethodsUpdate","amount","onPaymentMethodsRequest","orderData","pspReference","locale","h","CoreProvider","i18n","loadingContext","componentToRender","checkout","super","_define_property","NETWORK_ERROR","AnalyticsErrorEvent","errorType","ErrorEventType","apiError","onError","onOrderUpdated","result","displayFinalAnimation","cleanupFinalResult","onPaymentFailed","onPaymentCompleted","setComponentRef","ref","payButton","PayButton","secondaryAmount","onClick","register","bind","undefined","txVariants"],"mappings":"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"}

package/dist/es/components/internal/UIElement/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../src/components/internal/UIElement/utils.ts"],"sourcesContent":["import { UIElementStatus } from './types';\nimport { RawPaymentResponse, PaymentResponseData, Order } from '../../../types/global-types';\nimport { IDropin } from '../../Dropin/types';\n\nconst ALLOWED_PROPERTIES = ['action', 'resultCode', 'sessionData', 'order', 'sessionResult', 'donationToken', 'error'];\n\nexport function sanitizeResponse(response: RawPaymentResponse): PaymentResponseData {\n    const removedProperties = [];\n\n    const sanitizedObject = Object.keys(response).reduce((acc, cur) => {\n        if (!ALLOWED_PROPERTIES.includes(cur)) {\n            removedProperties.push(cur);\n        } else {\n            acc[cur] = response[cur];\n        }\n        return acc;\n    }, {});\n\n    if (removedProperties.length) console.warn(`The following properties should not be passed to the client: ${removedProperties.join(', ')}`);\n\n    return sanitizedObject as PaymentResponseData;\n}\n\n/**\n * Remove not relevant properties in the final payment result object\n *\n * @param paymentResponse\n */\nexport function cleanupFinalResult(paymentResponse?: PaymentResponseData): void {\n    if (!paymentResponse) return;\n\n    delete paymentResponse.order;\n    delete paymentResponse.action;\n    if (!paymentResponse.donationToken || paymentResponse.donationToken.length === 0) {\n        delete paymentResponse.donationToken;\n    }\n}\n\nexport function resolveFinalResult(result: PaymentResponseData): [status: UIElementStatus, statusProps?: any] {\n    switch (result.resultCode) {\n        case 'Authorised':\n        case 'Received':\n            return ['success'];\n        case 'Pending':\n            return ['success'];\n        case 'Cancelled':\n        case 'Error':\n        case 'Refused':\n            return ['error'];\n        default:\n    }\n}\n\nexport function verifyPaymentDidNotFail(response: PaymentResponseData): Promise<PaymentResponseData> {\n    if (['Cancelled', 'Error', 'Refused'].includes(response.resultCode)) {\n        return Promise.reject(response);\n    }\n\n    return Promise.resolve(response);\n}\n\nexport function assertIsDropin(element: any): element is IDropin {\n    if (!element) return false;\n\n    const isDropin = typeof element.activePaymentMethod === 'object' && typeof element.closeActivePaymentMethod === 'function';\n    return isDropin;\n}\n\nexport function getRegulatoryDefaults(countryCode: string, isDropin: boolean): Record<string, any> {\n    switch (countryCode) {\n        // Finnish regulations state that no payment method can be open by default\n        case 'FI':\n            return isDropin\n                ? {\n                      openFirstPaymentMethod: false,\n                      openFirstStoredPaymentMethod: false\n                  }\n                : {};\n        default:\n            return {};\n    }\n}\n\nexport function sanitizeOrder(order: Order) {\n    if (!order || !order.orderData || !order.pspReference) return null;\n    return {\n        orderData: order.orderData,\n        pspReference: order.pspReference\n    };\n}\n"],"names":["ALLOWED_PROPERTIES","sanitizeResponse","response","removedProperties","sanitizedObject","Object","keys","reduce","acc","cur","includes","push","length","console","warn","join","cleanupFinalResult","paymentResponse","order","action","donationToken","verifyPaymentDidNotFail","resultCode","Promise","reject","resolve","assertIsDropin","element","activePaymentMethod","closeActivePaymentMethod","getRegulatoryDefaults","countryCode","isDropin","openFirstPaymentMethod","openFirstStoredPaymentMethod","sanitizeOrder","orderData","pspReference"],"mappings":"AAIA,MAAMA,EAAqB,CAAC,SAAU,aAAc,cAAe,QAAS,gBAAiB,gBAAiB,SAEvG,SAASC,EAAiBC,GAC7B,MAAMC,EAAoB,GAEpBC,EAAkBC,OAAOC,KAAKJ,GAAUK,OAAO,CAACC,EAAKC,KAClDT,EAAmBU,SAASD,GAG7BD,EAAIC,GAAOP,EAASO,GAFpBN,EAAkBQ,KAAKF,GAIpBD,GACR,CAAA,GAIH,OAFIL,EAAkBS,QAAQC,QAAQC,KAAK,gEAAgEX,EAAkBY,KAAK,SAE3HX,CACX,CAOO,SAASY,EAAmBC,GAC1BA,WAEEA,EAAgBC,aAChBD,EAAgBE,OAClBF,EAAgBG,eAA0D,IAAzCH,EAAgBG,cAAcR,eACzDK,EAAgBG,cAE/B,CAiBO,SAASC,EAAwBnB,GACpC,MAAI,CAAC,YAAa,QAAS,WAAWQ,SAASR,EAASoB,YAC7CC,QAAQC,OAAOtB,GAGnBqB,QAAQE,QAAQvB,EAC3B,CAEO,SAASwB,EAAeC,GAC3B,IAAKA,EAAS,OAAO,EAGrB,MADwD,iBAAhCA,EAAQC,qBAAgF,mBAArCD,EAAQE,wBAEvF,CAEO,SAASC,EAAsBC,EAAqBC,GACvD,MAES,OAFDD,GAGOC,EACD,CACIC,wBAAwB,EACxBC,8BAA8B,GAIjC,CAAA,CAEnB,CAEO,SAASC,EAAcjB,GAC1B,OAAKA,GAAUA,EAAMkB,WAAclB,EAAMmB,aAClC,CACHD,UAAWlB,EAAMkB,UACjBC,aAAcnB,EAAMmB,cAHsC,IAKlE"}
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/internal/UIElement/utils.ts"],"sourcesContent":["import { UIElementStatus } from './types';\nimport { RawPaymentResponse, PaymentResponseData, Order } from '../../../types/global-types';\nimport { IDropin } from '../../Dropin/types';\n\nconst ALLOWED_PROPERTIES = ['action', 'resultCode', 'sessionData', 'order', 'sessionResult', 'donationToken', 'error'];\n\nexport function sanitizeResponse(response: RawPaymentResponse): PaymentResponseData {\n    const removedProperties = [];\n\n    const sanitizedObject = Object.keys(response).reduce((acc, cur) => {\n        if (!ALLOWED_PROPERTIES.includes(cur)) {\n            removedProperties.push(cur);\n        } else {\n            acc[cur] = response[cur];\n        }\n        return acc;\n    }, {});\n\n    if (removedProperties.length) console.warn(`The following properties should not be passed to the client: ${removedProperties.join(', ')}`);\n\n    return sanitizedObject as PaymentResponseData;\n}\n\n/**\n * Remove not relevant properties in the final payment result object\n *\n * @param paymentResponse\n */\nexport function cleanupFinalResult(paymentResponse?: PaymentResponseData): void {\n    if (!paymentResponse) return;\n\n    delete paymentResponse.order;\n    delete paymentResponse.action;\n    if (!paymentResponse.donationToken || paymentResponse.donationToken.length === 0) {\n        delete paymentResponse.donationToken;\n    }\n}\n\nexport function resolveFinalResult(result: PaymentResponseData): [status: UIElementStatus, statusProps?: any] {\n    switch (result.resultCode) {\n        case 'Authorised':\n        case 'Received':\n            return ['success'];\n        case 'Pending':\n            return ['success'];\n        case 'Cancelled':\n        case 'Error':\n        case 'Refused':\n            return ['error'];\n        default:\n    }\n}\n\nexport function verifyPaymentDidNotFail(response: PaymentResponseData): Promise<PaymentResponseData> {\n    if (['Cancelled', 'Error', 'Refused'].includes(response.resultCode)) {\n        return Promise.reject(response);\n    }\n\n    return Promise.resolve(response);\n}\n\nexport function assertIsDropin(element: any): element is IDropin {\n    if (!element) return false;\n\n    const isDropin = typeof element.activePaymentMethod === 'object' && typeof element.closeActivePaymentMethod === 'function';\n    return isDropin;\n}\n\nexport function getRegulatoryDefaults(countryCode: string, isDropinInstance: boolean): Record<string, any> {\n    switch (countryCode) {\n        // Finnish regulations state that no payment method can be open by default\n        case 'FI':\n            return isDropinInstance\n                ? {\n                      openFirstPaymentMethod: false,\n                      openFirstStoredPaymentMethod: false\n                  }\n                : {};\n        default:\n            return {};\n    }\n}\n\nexport function sanitizeOrder(order: Order) {\n    if (!order || !order.orderData || !order.pspReference) return null;\n    return {\n        orderData: order.orderData,\n        pspReference: order.pspReference\n    };\n}\n"],"names":["ALLOWED_PROPERTIES","sanitizeResponse","response","removedProperties","sanitizedObject","Object","keys","reduce","acc","cur","includes","push","length","console","warn","join","cleanupFinalResult","paymentResponse","order","action","donationToken","verifyPaymentDidNotFail","resultCode","Promise","reject","resolve","assertIsDropin","element","activePaymentMethod","closeActivePaymentMethod","getRegulatoryDefaults","countryCode","isDropinInstance","openFirstPaymentMethod","openFirstStoredPaymentMethod","sanitizeOrder","orderData","pspReference"],"mappings":"AAIA,MAAMA,EAAqB,CAAC,SAAU,aAAc,cAAe,QAAS,gBAAiB,gBAAiB,SAEvG,SAASC,EAAiBC,GAC7B,MAAMC,EAAoB,GAEpBC,EAAkBC,OAAOC,KAAKJ,GAAUK,OAAO,CAACC,EAAKC,KAClDT,EAAmBU,SAASD,GAG7BD,EAAIC,GAAOP,EAASO,GAFpBN,EAAkBQ,KAAKF,GAIpBD,GACR,CAAA,GAIH,OAFIL,EAAkBS,QAAQC,QAAQC,KAAK,gEAAgEX,EAAkBY,KAAK,SAE3HX,CACX,CAOO,SAASY,EAAmBC,GAC1BA,WAEEA,EAAgBC,aAChBD,EAAgBE,OAClBF,EAAgBG,eAA0D,IAAzCH,EAAgBG,cAAcR,eACzDK,EAAgBG,cAE/B,CAiBO,SAASC,EAAwBnB,GACpC,MAAI,CAAC,YAAa,QAAS,WAAWQ,SAASR,EAASoB,YAC7CC,QAAQC,OAAOtB,GAGnBqB,QAAQE,QAAQvB,EAC3B,CAEO,SAASwB,EAAeC,GAC3B,IAAKA,EAAS,OAAO,EAGrB,MADwD,iBAAhCA,EAAQC,qBAAgF,mBAArCD,EAAQE,wBAEvF,CAEO,SAASC,EAAsBC,EAAqBC,GACvD,MAES,OAFDD,GAGOC,EACD,CACIC,wBAAwB,EACxBC,8BAA8B,GAIjC,CAAA,CAEnB,CAEO,SAASC,EAAcjB,GAC1B,OAAKA,GAAUA,EAAMkB,WAAclB,EAAMmB,aAClC,CACHD,UAAWlB,EAAMkB,UACjBC,aAAcnB,EAAMmB,cAHsC,IAKlE"}

package/dist/es/core/Analytics/Analytics.js

@@ -1,2 +1,2 @@
-import t from"../Services/analytics/collect-id.js";import e from"./EventsQueue.js";import{ANALYTIC_LEVEL as a,ANALYTICS_EVENT as n,ANALYTICS_INFO_TIMER_INTERVAL as o,ANALYTICS_PATH as l}from"./constants.js";import{debounce as s}from"../../utils/debounce.js";import{processAnalyticsData as i}from"./utils.js";import c from"../../utils/Storage.js";let r=null,u=null;const m=({locale:m,clientKey:d,analytics:p,analyticsContext:y})=>{const f={enabled:!0,...p},g=f.enabled?a.all:a.initial,h=t({analyticsContext:y,clientKey:d,locale:m,analyticsPath:l}),j=new c("checkout-attempt-id","sessionStorage"),k=e({analyticsContext:y,clientKey:d,analyticsPath:l}),v=()=>r?k.run(r):Promise.resolve(null);return{setUp:async t=>{try{const e={...{checkoutStage:"checkout"},...t},a=j.get(),n=function(t){if(!t?.timestamp)return!1;const e=Date.now()-9e5;return t.timestamp>e}(a),{payload:o}=f,l=i(f.analyticsData),s=n?a.id:l?.checkoutAttemptId,c={...e,...o,...l,...s&&{checkoutAttemptId:s},level:g};r=await h(c),j.set({id:r,timestamp:n?a.timestamp:Date.now()})}catch(t){console.warn(t)}},getCheckoutAttemptId:()=>r,getEventsQueue:()=>k,getEnabled:()=>f.enabled,flush:()=>{v()},sendAnalytics:t=>{if(g!==a.all)return!1;return((t,e)=>{const a=t===n.info?t:`${t}s`;k.add(`${a}`,e),t===n.info&&(clearTimeout(u),u=setTimeout(()=>{v()},o)),t!==n.log&&t!==n.error||(clearTimeout(u),s(v)())})(t.getEventCategory(),t),!0}}};export{m as default};
+import{debounce as e}from"../../utils/debounce.js";import{processAnalyticsData as t}from"./utils.js";import{AnalyticsEventCategory as s}from"./events/AbstractAnalyticsEvent.js";import n from"../../utils/Storage.js";import{LIBRARY_BUNDLE_TYPE as i,LIBRARY_VERSION as o}from"../config.js";function a(e,t,s){return t in e?Object.defineProperty(e,t,{value:s,enumerable:!0,configurable:!0,writable:!0}):e[t]=s,e}class r{async setUp({sessionId:e,checkoutStage:s,locale:n}={}){try{const a=this.storage.get(),r=function(e){if(!e?.timestamp)return!1;const t=Date.now()-9e5;return e.timestamp>t}(a),{applicationInfo:c,checkoutAttemptId:d}=t(this.analyticsData),h=r?a.id:d,u={version:o,buildType:i,channel:"Web",platform:"Web",locale:n,referrer:window.location.href,screenWidth:window.screen.width,checkoutStage:s||"checkout",level:this.enabled?"all":"initial",...c&&{applicationInfo:c},...e&&{sessionId:e},...h&&{checkoutAttemptId:h}};this.capturedCheckoutAttemptId=await this.service.requestCheckoutAttemptId(u),this.storage.set({id:this.capturedCheckoutAttemptId,timestamp:r?a.timestamp:Date.now()})}catch(e){this.enabled=!1,console.warn("Analytics: Error setting up",e)}}sendAnalytics(e){if(this.enabled)try{this.addEventToQueue(e)}catch(e){console.warn("Analytics: Error adding event to queue",e)}}async sendFlavor(e){if(this.capturedCheckoutAttemptId&&!this.isFlavorReported){this.isFlavorReported=!0;try{await this.service.reportIntegrationFlavor(e,this.capturedCheckoutAttemptId)}catch(e){console.warn("Analytics: Error reporting flavor",e)}}}flush(){this.sendEvents()}addEventToQueue(e){this.eventsQueue.add(e),e.getEventCategory()===s.info?this.debouncedSendInfoEvents():this.debouncedSendEvents()}async sendEvents(){if(!this.capturedCheckoutAttemptId||!this.enabled)return;const e={channel:"Web",platform:"Web",info:this.eventsQueue.infoEvents,errors:this.eventsQueue.errorEvents,logs:this.eventsQueue.logEvents};this.eventsQueue.clear();try{await this.service.sendEvents(e,this.capturedCheckoutAttemptId)}catch(e){console.warn("Analytics: Error sending events",e)}}constructor({service:t,eventQueue:s,enabled:i,analyticsData:o}){a(this,"analyticsData",void 0),a(this,"service",void 0),a(this,"eventsQueue",void 0),a(this,"storage",new n("checkout-attempt-id","sessionStorage")),a(this,"debouncedSendInfoEvents",void 0),a(this,"debouncedSendEvents",void 0),a(this,"enabled",!0),a(this,"capturedCheckoutAttemptId",void 0),a(this,"isFlavorReported",!1),this.service=t,this.eventsQueue=s,this.debouncedSendInfoEvents=e(this.sendEvents.bind(this),1e4),this.debouncedSendEvents=e(this.sendEvents.bind(this),5e3),void 0!==i&&(this.enabled=i),o&&(this.analyticsData=o)}}export{r as default};
 //# sourceMappingURL=Analytics.js.map

package/dist/es/core/Analytics/Analytics.js.map

@@ -1 +1 @@
-{"version":3,"file":"Analytics.js","sources":["../../../../src/core/Analytics/Analytics.ts"],"sourcesContent":["import CollectId from '../Services/analytics/collect-id';\nimport EventsQueue, { EventsQueueModule } from './EventsQueue';\nimport { AnalyticsEventCategory, AnalyticsInitialEvent, AnalyticsObject, AnalyticsProps } from './types';\nimport { ANALYTIC_LEVEL, ANALYTICS_INFO_TIMER_INTERVAL, ANALYTICS_PATH, ANALYTICS_EVENT } from './constants';\nimport { debounce } from '../../utils/debounce';\nimport { AnalyticsModule } from '../../types/global-types';\nimport { processAnalyticsData } from './utils';\nimport { AnalyticsEvent } from './AnalyticsEvent';\nimport Storage from '../../utils/Storage';\nimport { CheckoutAttemptIdSession } from '../Services/analytics/types';\n\nlet capturedCheckoutAttemptId: string | null = null;\nlet sendEventsTimerId = null;\n\n/**\n * If the checkout attempt ID was stored more than fifteen minutes ago, then we should request a new ID.\n * More here: COWEB-1099\n */\nfunction isSessionCreatedUnderFifteenMinutes(session: CheckoutAttemptIdSession): boolean {\n    const FIFTEEN_MINUTES_IN_MS = 15 * 60 * 1000;\n    if (!session?.timestamp) return false;\n    const fifteenMinutesAgo = Date.now() - FIFTEEN_MINUTES_IN_MS;\n    return session.timestamp > fifteenMinutesAgo;\n}\n\nconst Analytics = ({ locale, clientKey, analytics, analyticsContext }: AnalyticsProps): AnalyticsModule => {\n    const defaultProps = {\n        enabled: true\n    };\n\n    const props = { ...defaultProps, ...analytics };\n\n    const level = props.enabled ? ANALYTIC_LEVEL.all : ANALYTIC_LEVEL.initial;\n\n    const collectId = CollectId({\n        analyticsContext,\n        clientKey,\n        locale,\n        analyticsPath: ANALYTICS_PATH\n    });\n\n    const storage = new Storage<CheckoutAttemptIdSession>('checkout-attempt-id', 'sessionStorage');\n    const eventsQueue: EventsQueueModule = EventsQueue({ analyticsContext, clientKey, analyticsPath: ANALYTICS_PATH });\n\n    const sendAnalyticsEvents = () => {\n        if (capturedCheckoutAttemptId) {\n            return eventsQueue.run(capturedCheckoutAttemptId);\n        }\n        return Promise.resolve(null);\n    };\n\n    const addAnalyticsEvent = (eventCat: AnalyticsEventCategory, obj: AnalyticsObject) => {\n        const arrayName = eventCat === ANALYTICS_EVENT.info ? eventCat : `${eventCat}s`;\n        eventsQueue.add(`${arrayName}`, obj);\n\n        /**\n         * The logic is:\n         *  - info events are stored until a log or error comes along,\n         *  but, if after a set time, no other analytics event (log or error) has come along then we send the info events anyway\n         */\n        if (eventCat === ANALYTICS_EVENT.info) {\n            clearTimeout(sendEventsTimerId);\n            sendEventsTimerId = setTimeout(() => void sendAnalyticsEvents(), ANALYTICS_INFO_TIMER_INTERVAL);\n        }\n\n        /**\n         * The logic is:\n         *  - errors and logs get sent straightaway\n         *  ...but... tests with the 3DS2 process show that many logs can happen almost at the same time (or you can have an error followed immediately by a log),\n         *  so instead of making several sequential api calls we see if we can \"batch\" them using debounce\n         */\n        if (eventCat === ANALYTICS_EVENT.log || eventCat === ANALYTICS_EVENT.error) {\n            clearTimeout(sendEventsTimerId); // clear any timer that might be about to dispatch the info events array\n\n            debounce(sendAnalyticsEvents)();\n        }\n    };\n\n    return {\n        /**\n         * Make \"setup\" call, to pass data to analytics endpoint and receive a checkoutAttemptId in return\n         *\n         * N.B. This call is always made regardless of whether the merchant has disabled analytics\n         */\n        setUp: async (setupProps?: AnalyticsInitialEvent): Promise<void> => {\n            try {\n                const defaultProps: Partial<AnalyticsInitialEvent> = { checkoutStage: 'checkout' };\n                const finalSetupProps = { ...defaultProps, ...setupProps };\n\n                const checkoutAttemptIdSession = storage.get();\n                const isSessionReusable = isSessionCreatedUnderFifteenMinutes(checkoutAttemptIdSession);\n\n                const { payload } = props;\n\n                const analyticsData = processAnalyticsData(props.analyticsData);\n\n                const availableCheckoutAttemptId: string | undefined = isSessionReusable\n                    ? checkoutAttemptIdSession.id\n                    : analyticsData?.checkoutAttemptId;\n\n                const collectIdPayload = {\n                    ...finalSetupProps,\n                    ...payload,\n                    ...analyticsData,\n                    ...(availableCheckoutAttemptId && { checkoutAttemptId: availableCheckoutAttemptId }),\n                    level\n                };\n\n                capturedCheckoutAttemptId = await collectId(collectIdPayload);\n\n                storage.set({\n                    id: capturedCheckoutAttemptId,\n                    timestamp: isSessionReusable ? checkoutAttemptIdSession.timestamp : Date.now()\n                });\n            } catch (error: unknown) {\n                console.warn(error);\n            }\n        },\n\n        getCheckoutAttemptId: (): string => capturedCheckoutAttemptId,\n\n        // Expose getter for testing purposes\n        getEventsQueue: () => eventsQueue,\n\n        getEnabled: () => props.enabled,\n\n        flush: () => {\n            void sendAnalyticsEvents();\n        },\n\n        sendAnalytics: (analyticsObj: AnalyticsEvent): boolean => {\n            /** Only send subsequent analytics if the merchant has not disabled this functionality (i.e. set analytics.enabled = false) */\n            if (level !== ANALYTIC_LEVEL.all) return false;\n\n            const eventCategory: AnalyticsEventCategory = analyticsObj.getEventCategory();\n\n            addAnalyticsEvent(eventCategory, analyticsObj);\n\n            return true;\n        }\n    } as AnalyticsModule;\n};\n\nexport default Analytics;\n"],"names":["capturedCheckoutAttemptId","sendEventsTimerId","Analytics","locale","clientKey","analytics","analyticsContext","props","enabled","level","ANALYTIC_LEVEL","all","initial","collectId","CollectId","analyticsPath","ANALYTICS_PATH","storage","Storage","eventsQueue","EventsQueue","sendAnalyticsEvents","run","Promise","resolve","setUp","async","setupProps","finalSetupProps","checkoutStage","checkoutAttemptIdSession","get","isSessionReusable","session","timestamp","fifteenMinutesAgo","Date","now","isSessionCreatedUnderFifteenMinutes","payload","analyticsData","processAnalyticsData","availableCheckoutAttemptId","id","checkoutAttemptId","collectIdPayload","set","error","console","warn","getCheckoutAttemptId","getEventsQueue","getEnabled","flush","sendAnalytics","analyticsObj","eventCat","obj","arrayName","ANALYTICS_EVENT","info","add","clearTimeout","setTimeout","ANALYTICS_INFO_TIMER_INTERVAL","log","debounce","addAnalyticsEvent","getEventCategory"],"mappings":"0VAWA,IAAIA,EAA2C,KAC3CC,EAAoB,KAaxB,MAAMC,EAAY,EAAGC,SAAQC,YAAWC,YAAWC,uBAC/C,MAIMC,EAAQ,CAHVC,SAAS,KAGuBH,GAE9BI,EAAQF,EAAMC,QAAUE,EAAeC,IAAMD,EAAeE,QAE5DC,EAAYC,EAAU,CACxBR,mBACAF,YACAD,SACAY,cAAeC,IAGbC,EAAU,IAAIC,EAAkC,sBAAuB,kBACvEC,EAAiCC,EAAY,CAAEd,mBAAkBF,YAAWW,cAAeC,IAE3FK,EAAsB,IACpBrB,EACOmB,EAAYG,IAAItB,GAEpBuB,QAAQC,QAAQ,MA8B3B,MAAO,CAMHC,MAAOC,MAAOC,IACV,IACI,MACMC,EAAkB,IAD6B,CAAEC,cAAe,eACxBF,GAExCG,EAA2Bb,EAAQc,MACnCC,EAxEtB,SAA6CC,GAEzC,IAAKA,GAASC,UAAW,OAAO,EAChC,MAAMC,EAAoBC,KAAKC,MAFD,IAG9B,OAAOJ,EAAQC,UAAYC,CAC/B,CAmE0CG,CAAoCR,IAExDS,QAAEA,GAAYhC,EAEdiC,EAAgBC,EAAqBlC,EAAMiC,eAE3CE,EAAiDV,EACjDF,EAAyBa,GACzBH,GAAeI,kBAEfC,EAAmB,IAClBjB,KACAW,KACAC,KACCE,GAA8B,CAAEE,kBAAmBF,GACvDjC,SAGJT,QAAkCa,EAAUgC,GAE5C5B,EAAQ6B,IAAI,CACRH,GAAI3C,EACJkC,UAAWF,EAAoBF,EAAyBI,UAAYE,KAAKC,OAEjF,CAAE,MAAOU,GACLC,QAAQC,KAAKF,EACjB,GAGJG,qBAAsB,IAAclD,EAGpCmD,eAAgB,IAAMhC,EAEtBiC,WAAY,IAAM7C,EAAMC,QAExB6C,MAAO,KACEhC,KAGTiC,cAAgBC,IAEZ,GAAI9C,IAAUC,EAAeC,IAAK,OAAO,EAMzC,MAvFkB,EAAC6C,EAAkCC,KACzD,MAAMC,EAAYF,IAAaG,EAAgBC,KAAOJ,EAAW,GAAGA,KACpErC,EAAY0C,IAAI,GAAGH,IAAaD,GAO5BD,IAAaG,EAAgBC,OAC7BE,aAAa7D,GACbA,EAAoB8D,WAAW,KAAW1C,KAAuB2C,IASjER,IAAaG,EAAgBM,KAAOT,IAAaG,EAAgBZ,QACjEe,aAAa7D,GAEbiE,EAAS7C,EAAT6C,KA8DAC,CAF8CZ,EAAaa,mBAE1Bb,IAE1B"}
+{"version":3,"file":"Analytics.js","sources":["../../../../src/core/Analytics/Analytics.ts"],"sourcesContent":["import { debounce } from '../../utils/debounce';\nimport { processAnalyticsData } from './utils';\nimport { AbstractAnalyticsEvent, AnalyticsEventCategory } from './events/AbstractAnalyticsEvent';\nimport Storage from '../../utils/Storage';\nimport { LIBRARY_BUNDLE_TYPE, LIBRARY_VERSION } from '../config';\nimport { AnalyticsEventQueue } from './AnalyticsEventQueue';\nimport type { AnalyticsOptions } from './types';\nimport type { AnalyticsEventPayload, IAnalyticsService, RequestAttemptIdPayload } from './AnalyticsService';\n\nexport interface AnalyticsProps {\n    service: IAnalyticsService;\n    eventQueue: AnalyticsEventQueue;\n    enabled?: boolean;\n    analyticsData?: AnalyticsOptions['analyticsData'];\n}\n\nexport interface IAnalytics {\n    setUp({ sessionId, checkoutStage, locale }: { sessionId?: string; checkoutStage?: 'precheckout' | 'checkout'; locale?: string }): Promise<void>;\n    sendFlavor(flavor: 'dropin' | 'components'): Promise<void>;\n    sendAnalytics(event: AbstractAnalyticsEvent): void;\n    flush(): void;\n}\n\nexport interface CheckoutAttemptIdSessionStorage {\n    id: string;\n    timestamp: number;\n}\n\n/**\n * If the checkout attempt ID was stored more than fifteen minutes ago, then we should request a new ID.\n * More here: COWEB-1099\n */\nfunction isSessionCreatedUnderFifteenMinutes(session: CheckoutAttemptIdSessionStorage): boolean {\n    const FIFTEEN_MINUTES_IN_MS = 15 * 60 * 1000;\n    if (!session?.timestamp) return false;\n    const fifteenMinutesAgo = Date.now() - FIFTEEN_MINUTES_IN_MS;\n    return session.timestamp > fifteenMinutesAgo;\n}\n\nconst ANALYTICS_INFO_DEBOUNCE_DELAY = process.env.NODE_ENV === 'development' ? 5_000 : 10_000;\nconst ANALYTICS_ERROR_AND_LOGS_DEBOUNCE_DELAY = 5_000;\n\nclass Analytics implements IAnalytics {\n    private readonly analyticsData?: AnalyticsOptions['analyticsData'];\n    private readonly service: IAnalyticsService;\n    private readonly eventsQueue: AnalyticsEventQueue;\n    private readonly storage = new Storage<CheckoutAttemptIdSessionStorage>('checkout-attempt-id', 'sessionStorage');\n    private readonly debouncedSendInfoEvents: () => void;\n    private readonly debouncedSendEvents: () => void;\n\n    private enabled: boolean = true;\n    private capturedCheckoutAttemptId?: string;\n    private isFlavorReported = false;\n\n    constructor({ service, eventQueue, enabled, analyticsData }: AnalyticsProps) {\n        this.service = service;\n        this.eventsQueue = eventQueue;\n\n        this.debouncedSendInfoEvents = debounce(this.sendEvents.bind(this), ANALYTICS_INFO_DEBOUNCE_DELAY);\n        this.debouncedSendEvents = debounce(this.sendEvents.bind(this), ANALYTICS_ERROR_AND_LOGS_DEBOUNCE_DELAY);\n\n        if (enabled !== undefined) this.enabled = enabled;\n        if (analyticsData) this.analyticsData = analyticsData;\n    }\n\n    public async setUp({\n        sessionId,\n        checkoutStage,\n        locale\n    }: { sessionId?: string; locale?: string; checkoutStage?: 'precheckout' | 'checkout' } = {}): Promise<void> {\n        try {\n            const checkoutAttemptIdSession = this.storage.get();\n            const isSessionReusable = isSessionCreatedUnderFifteenMinutes(checkoutAttemptIdSession);\n\n            const { applicationInfo, checkoutAttemptId: checkoutAttemptIdFromPayByLink } = processAnalyticsData(this.analyticsData);\n\n            const availableCheckoutAttemptId: string | undefined = isSessionReusable ? checkoutAttemptIdSession.id : checkoutAttemptIdFromPayByLink;\n\n            const payload: RequestAttemptIdPayload = {\n                version: LIBRARY_VERSION,\n                buildType: LIBRARY_BUNDLE_TYPE,\n                channel: 'Web',\n                platform: 'Web',\n                locale,\n                referrer: window.location.href,\n                screenWidth: window.screen.width,\n                checkoutStage: checkoutStage || 'checkout',\n                level: this.enabled ? 'all' : 'initial',\n                ...(applicationInfo && { applicationInfo }),\n                ...(sessionId && { sessionId }),\n                ...(availableCheckoutAttemptId && { checkoutAttemptId: availableCheckoutAttemptId })\n            };\n\n            this.capturedCheckoutAttemptId = await this.service.requestCheckoutAttemptId(payload);\n\n            this.storage.set({\n                id: this.capturedCheckoutAttemptId,\n                timestamp: isSessionReusable ? checkoutAttemptIdSession.timestamp : Date.now()\n            });\n        } catch (error: unknown) {\n            this.enabled = false;\n            console.warn('Analytics: Error setting up', error);\n        }\n    }\n\n    public sendAnalytics(event: AbstractAnalyticsEvent): void {\n        if (!this.enabled) {\n            return;\n        }\n\n        try {\n            this.addEventToQueue(event);\n        } catch (error: unknown) {\n            console.warn('Analytics: Error adding event to queue', error);\n        }\n    }\n\n    public async sendFlavor(flavor: 'dropin' | 'components'): Promise<void> {\n        if (!this.capturedCheckoutAttemptId) return;\n        if (this.isFlavorReported) return;\n\n        this.isFlavorReported = true;\n\n        try {\n            await this.service.reportIntegrationFlavor(flavor, this.capturedCheckoutAttemptId);\n        } catch (error) {\n            console.warn('Analytics: Error reporting flavor', error);\n        }\n    }\n\n    public flush(): void {\n        void this.sendEvents();\n    }\n\n    /**\n     * Info events don't have high priority, therefore  we add a delay in order to dispatch a batch of events\n     * Log/Error events are sent almost immediately. There is a debounce mechanism in place but the delay is very minimal\n     *\n     * @param event\n     * @private\n     */\n    private addEventToQueue(event: AbstractAnalyticsEvent): void {\n        this.eventsQueue.add(event);\n\n        if (event.getEventCategory() === AnalyticsEventCategory.info) {\n            this.debouncedSendInfoEvents();\n        } else {\n            this.debouncedSendEvents();\n        }\n    }\n\n    private async sendEvents(): Promise<void> {\n        if (!this.capturedCheckoutAttemptId || !this.enabled) {\n            return;\n        }\n\n        const payload: AnalyticsEventPayload = {\n            channel: 'Web',\n            platform: 'Web',\n            info: this.eventsQueue.infoEvents,\n            errors: this.eventsQueue.errorEvents,\n            logs: this.eventsQueue.logEvents\n        };\n\n        this.eventsQueue.clear();\n\n        try {\n            await this.service.sendEvents(payload, this.capturedCheckoutAttemptId);\n        } catch (error) {\n            console.warn('Analytics: Error sending events', error);\n        }\n    }\n}\n\nexport default Analytics;\n"],"names":["Analytics","setUp","sessionId","checkoutStage","locale","checkoutAttemptIdSession","this","storage","get","isSessionReusable","session","timestamp","fifteenMinutesAgo","Date","now","isSessionCreatedUnderFifteenMinutes","applicationInfo","checkoutAttemptId","checkoutAttemptIdFromPayByLink","processAnalyticsData","analyticsData","availableCheckoutAttemptId","id","payload","version","LIBRARY_VERSION","buildType","LIBRARY_BUNDLE_TYPE","channel","platform","referrer","window","location","href","screenWidth","screen","width","level","enabled","capturedCheckoutAttemptId","service","requestCheckoutAttemptId","set","error","console","warn","sendAnalytics","event","addEventToQueue","sendFlavor","flavor","isFlavorReported","reportIntegrationFlavor","flush","sendEvents","eventsQueue","add","getEventCategory","AnalyticsEventCategory","info","debouncedSendInfoEvents","debouncedSendEvents","infoEvents","errors","errorEvents","logs","logEvents","clear","constructor","eventQueue","_define_property","Storage","debounce","bind","undefined"],"mappings":"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"}

package/dist/es/core/Analytics/AnalyticsEventQueue.js

@@ -0,0 +1,2 @@
+import{AnalyticsEventCategory as r}from"./events/AbstractAnalyticsEvent.js";function t(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}class e{add(t){const e=t.getEventCategory();e===r.info&&this.info.push(t),e===r.error&&this.errors.push(t),e===r.log&&this.logs.push(t)}get infoEvents(){return this.info}get errorEvents(){return this.errors}get logEvents(){return this.logs}clear(){this.info=[],this.errors=[],this.logs=[]}constructor(){t(this,"info",[]),t(this,"errors",[]),t(this,"logs",[])}}export{e as AnalyticsEventQueue};
+//# sourceMappingURL=AnalyticsEventQueue.js.map

package/dist/es/core/Analytics/AnalyticsEventQueue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnalyticsEventQueue.js","sources":["../../../../src/core/Analytics/AnalyticsEventQueue.ts"],"sourcesContent":["import { AbstractAnalyticsEvent, AnalyticsEventCategory } from './events/AbstractAnalyticsEvent';\n\nclass AnalyticsEventQueue {\n    private info: AbstractAnalyticsEvent[] = [];\n    private errors: AbstractAnalyticsEvent[] = [];\n    private logs: AbstractAnalyticsEvent[] = [];\n\n    public add(event: AbstractAnalyticsEvent) {\n        const category = event.getEventCategory();\n\n        if (category === AnalyticsEventCategory.info) this.info.push(event);\n        if (category === AnalyticsEventCategory.error) this.errors.push(event);\n        if (category === AnalyticsEventCategory.log) this.logs.push(event);\n    }\n\n    public get infoEvents(): AbstractAnalyticsEvent[] {\n        return this.info;\n    }\n\n    public get errorEvents(): AbstractAnalyticsEvent[] {\n        return this.errors;\n    }\n\n    public get logEvents(): AbstractAnalyticsEvent[] {\n        return this.logs;\n    }\n\n    public clear(): void {\n        this.info = [];\n        this.errors = [];\n        this.logs = [];\n    }\n}\n\nexport { AnalyticsEventQueue };\n"],"names":["AnalyticsEventQueue","add","event","category","getEventCategory","AnalyticsEventCategory","info","this","push","error","errors","log","logs","infoEvents","errorEvents","logEvents","clear","_define_property"],"mappings":"oMAEA,MAAMA,EAKKC,GAAAA,CAAIC,GACP,MAAMC,EAAWD,EAAME,mBAEnBD,IAAaE,EAAuBC,MAAMC,KAAKD,KAAKE,KAAKN,GACzDC,IAAaE,EAAuBI,OAAOF,KAAKG,OAAOF,KAAKN,GAC5DC,IAAaE,EAAuBM,KAAKJ,KAAKK,KAAKJ,KAAKN,EAChE,CAEA,cAAWW,GACP,OAAON,KAAKD,IAChB,CAEA,eAAWQ,GACP,OAAOP,KAAKG,MAChB,CAEA,aAAWK,GACP,OAAOR,KAAKK,IAChB,CAEOI,KAAAA,GACHT,KAAKD,KAAO,GACZC,KAAKG,OAAS,GACdH,KAAKK,KAAO,EAChB,eA5BAK,EAAAV,KAAQD,OAAiC,IACzCW,EAAAV,KAAQG,SAAmC,IAC3CO,EAAAV,KAAQK,OAAiC"}

package/dist/es/core/Analytics/AnalyticsService.js

@@ -0,0 +1,2 @@
+import t from"../Errors/AdyenCheckoutError.js";import{httpPost as e}from"../Services/http.js";function n(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}const o="v3/analytics";class r{async requestCheckoutAttemptId(n){const r={loadingContext:this.analyticsContext,path:`${o}?clientKey=${this.clientKey}`};try{const{checkoutAttemptId:t}=await e(r,n);return t}catch(e){throw new t("NETWORK_ERROR","requestCheckoutAttemptId() - failed to get checkout attempt ID",{cause:e})}}async sendEvents(n,r){if(!r)throw new t("IMPLEMENTATION_ERROR","sendEvents() - checkoutAttemptId is required");if(!n.info.length&&!n.errors.length&&!n.logs.length)return Promise.resolve();const i={loadingContext:this.analyticsContext,path:`${o}/${r}?clientKey=${this.clientKey}`};try{await e(i,n)}catch(e){throw new t("NETWORK_ERROR","sendEvents() - failed to send events",{cause:e})}}async reportIntegrationFlavor(n,r){if(!n||!r)throw new t("IMPLEMENTATION_ERROR","reportIntegrationFlavor() - flavor or checkoutAttemptId is required");const i={loadingContext:this.analyticsContext,path:`${o}?clientKey=${this.clientKey}`},a={flavor:n,checkoutAttemptId:r};try{await e(i,a)}catch(e){throw new t("NETWORK_ERROR","reportIntegrationFlavor() - failed to send flavor",{cause:e})}}constructor({clientKey:t,analyticsContext:e}){n(this,"clientKey",void 0),n(this,"analyticsContext",void 0),this.clientKey=t,this.analyticsContext=e}}export{r as AnalyticsService};
+//# sourceMappingURL=AnalyticsService.js.map