@adyen/adyen-web 6.31.0 → 6.32.0

package/dist/es/index.js

@@ -1,2 +1,2 @@
-import*as o from"./components/index.js";export{o as components};export{default as initializeFastlane}from"./components/PayPalFastlane/initializeFastlane.js";export{AdyenCheckout}from"./core/AdyenCheckout.js";export{CardElement as Card}from"./components/Card/Card.js";export{default as Bancontact}from"./components/Card/Bancontact.js";export{CustomCard}from"./components/CustomCard/CustomCard.js";export{default as ThreeDS2Challenge}from"./components/ThreeDS2/ThreeDS2Challenge.js";export{default as ThreeDS2DeviceFingerprint}from"./components/ThreeDS2/ThreeDS2DeviceFingerprint.js";export{AchElement as Ach}from"./components/Ach/Ach.js";export{default as BacsDirectDebit}from"./components/BacsDD/BacsDD.js";export{default as SepaDirectDebit}from"./components/Sepa/Sepa.js";export{PreAuthorizedDebitCanada}from"./components/PreAuthorizedDebitCanada/PreAuthorizedDebitCanada.js";export{AmazonPayElement as AmazonPay}from"./components/AmazonPay/AmazonPay.js";export{default as ApplePay}from"./components/ApplePay/ApplePay.js";export{CashAppPay}from"./components/CashAppPay/CashAppPay.js";export{ClickToPayElement as ClickToPay}from"./components/ClickToPay/ClickToPay.js";export{default as GooglePay}from"./components/GooglePay/GooglePay.js";export{default as PayPal}from"./components/PayPal/Paypal.js";export{default as Fastlane}from"./components/PayPalFastlane/Fastlane.js";export{BoletoElement as Boleto}from"./components/Boleto/Boleto.js";export{DokuElement as Doku}from"./components/Doku/Doku.js";export{OxxoElement as Oxxo}from"./components/Oxxo/Oxxo.js";export{default as BillDeskOnline}from"./components/BillDesk/BillDeskOnline.js";export{default as BillDeskWallet}from"./components/BillDesk/BillDeskWallet.js";export{default as Dotpay}from"./components/Dotpay/index.js";export{default as EPS}from"./components/EPS/index.js";export{Iris}from"./components/Iris/Iris.js";export{default as MolPayEBankingMY}from"./components/MolPayEBanking/MolPayEBankingMY.js";export{default as MolPayEBankingTH}from"./components/MolPayEBanking/MolPayEBankingTH.js";export{default as MolPayEBankingVN}from"./components/MolPayEBanking/MolPayEBankingVN.js";export{default as OnlineBankingCZ}from"./components/OnlineBankingCZ/index.js";export{default as OnlineBankingIN}from"./components/OnlineBankingIN/index.js";export{default as OnlineBankingPL}from"./components/OnlineBankingPL/OnlineBankingPL.js";export{default as OnlineBankingSK}from"./components/OnlineBankingSK/index.js";export{default as OnlineBankingFI}from"./components/OnlineBankingFI/OnlineBankingFI.js";export{default as PayByBank}from"./components/PayByBank/PayByBank.js";export{default as PayuCashcard}from"./components/PayU/PayuCashcard.js";export{default as PayuNetBanking}from"./components/PayU/PayuNetBanking.js";export{default as WalletIN}from"./components/WalletIN/index.js";export{DragonpayElement as Dragonpay}from"./components/Dragonpay/Dragonpay.js";export{EcontextElement as Econtext}from"./components/Econtext/Econtext.js";export{default as Giropay}from"./components/Giropay/Giropay.js";export{MultibancoElement as Multibanco}from"./components/Multibanco/Multibanco.js";export{default as Redirect}from"./components/Redirect/Redirect.js";export{default as Twint}from"./components/Twint/Twint.js";export{default as Vipps}from"./components/Vipps/Vipps.js";export{default as Trustly}from"./components/Trustly/Trustly.js";export{default as Riverty}from"./components/Riverty/Riverty.js";export{default as PayByBankPix}from"./components/PayByBankPix/PayByBankPix.js";export{default as Klarna}from"./components/Klarna/KlarnaPayments.js";export{default as BcmcMobile}from"./components/BcmcMobile/BcmcMobile.js";export{default as Pix}from"./components/Pix/Pix.js";export{default as Swish}from"./components/Swish/Swish.js";export{default as WeChat}from"./components/WeChat/WeChat.js";export{default as PromptPay}from"./components/PromptPay/PromptPay.js";export{default as PayNow}from"./components/PayNow/PayNow.js";export{default as DuitNow}from"./components/DuitNow/DuitNow.js";export{default as PayMe}from"./components/PayMe/PayMe.js";export{default as Blik}from"./components/Blik/Blik.js";export{MBWayElement as MBWay}from"./components/MBWay/MBWay.js";export{default as UPI}from"./components/UPI/UPI.js";export{ANCVElement as ANCV}from"./components/ANCV/ANCV.js";export{PayToElement as PayTo}from"./components/PayTo/PayTo.js";export{GiftcardElement as Giftcard}from"./components/Giftcard/Giftcard.js";export{MealVoucherFRElement as MealVoucherFR}from"./components/MealVoucherFR/MealVoucherFR.js";export{AddressElement as Address}from"./components/Address/Address.js";export{BankTransferElement as BankTransfer}from"./components/BankTransfer/BankTransfer.js";export{default as Donation}from"./components/Donation/Donation.js";export{default as Dropin}from"./components/Dropin/Dropin.js";export{PersonalDetailsElement as PersonalDetails}from"./components/PersonalDetails/PersonalDetails.js";export{default as Core}from"./core/core.js";export{default as Affirm}from"./components/Affirm/Affirm.js";export{default as AfterPay}from"./components/AfterPay/AfterPay.js";export{default as AfterPayB2B}from"./components/AfterPay/AfterPayB2B.js";export{default as Atome}from"./components/Atome/Atome.js";export{default as FacilPay3x}from"./components/FacilyPay/FacilyPay3x.js";export{default as FacilPay4x}from"./components/FacilyPay/FacilyPay4x.js";export{default as FacilPay6x}from"./components/FacilyPay/FacilyPay6x.js";export{default as FacilPay10x}from"./components/FacilyPay/FacilyPay10x.js";export{default as FacilPay12x}from"./components/FacilyPay/FacilyPay12x.js";export{default as RatePay}from"./components/RatePay/RatePay.js";export{default as RatePayDirectDebit}from"./components/RatePay/RatePayDirectDebit.js";export{default as PayByBankUS}from"./components/PayByBankUS/PayByBankUS.js";
+import*as o from"./components/index.js";export{o as components};export{default as initializeFastlane}from"./components/PayPalFastlane/initializeFastlane.js";export{AdyenCheckout}from"./core/AdyenCheckout.js";export{ANCVElement as ANCV}from"./components/ANCV/ANCV.js";export{AchElement as Ach}from"./components/Ach/Ach.js";export{AddressElement as Address}from"./components/Address/Address.js";export{AmazonPayElement as AmazonPay}from"./components/AmazonPay/AmazonPay.js";export{default as ApplePay}from"./components/ApplePay/ApplePay.js";export{default as BacsDirectDebit}from"./components/BacsDD/BacsDD.js";export{default as Bancontact}from"./components/Card/Bancontact.js";export{BankTransferElement as BankTransfer}from"./components/BankTransfer/BankTransfer.js";export{default as BcmcMobile}from"./components/BcmcMobile/BcmcMobile.js";export{default as BillDeskOnline}from"./components/BillDesk/BillDeskOnline.js";export{default as BillDeskWallet}from"./components/BillDesk/BillDeskWallet.js";export{default as Blik}from"./components/Blik/Blik.js";export{BoletoElement as Boleto}from"./components/Boleto/Boleto.js";export{CardElement as Card}from"./components/Card/Card.js";export{CashAppPay}from"./components/CashAppPay/CashAppPay.js";export{ClickToPayElement as ClickToPay}from"./components/ClickToPay/ClickToPay.js";export{default as Core}from"./core/core.js";export{CustomCard}from"./components/CustomCard/CustomCard.js";export{DokuElement as Doku}from"./components/Doku/Doku.js";export{default as Donation}from"./components/Donation/Donation.js";export{default as Dotpay}from"./components/Dotpay/index.js";export{DragonpayElement as Dragonpay}from"./components/Dragonpay/Dragonpay.js";export{default as Dropin}from"./components/Dropin/Dropin.js";export{default as DuitNow}from"./components/DuitNow/DuitNow.js";export{default as EPS}from"./components/EPS/index.js";export{EcontextElement as Econtext}from"./components/Econtext/Econtext.js";export{default as Fastlane}from"./components/PayPalFastlane/Fastlane.js";export{GiftcardElement as Giftcard}from"./components/Giftcard/Giftcard.js";export{default as Giropay}from"./components/Giropay/Giropay.js";export{default as GooglePay}from"./components/GooglePay/GooglePay.js";export{Iris}from"./components/Iris/Iris.js";export{default as Klarna}from"./components/Klarna/KlarnaPayments.js";export{MBWayElement as MBWay}from"./components/MBWay/MBWay.js";export{MealVoucherFRElement as MealVoucherFR}from"./components/MealVoucherFR/MealVoucherFR.js";export{default as MolPayEBankingMY}from"./components/MolPayEBanking/MolPayEBankingMY.js";export{default as MolPayEBankingTH}from"./components/MolPayEBanking/MolPayEBankingTH.js";export{default as MolPayEBankingVN}from"./components/MolPayEBanking/MolPayEBankingVN.js";export{MultibancoElement as Multibanco}from"./components/Multibanco/Multibanco.js";export{default as OnlineBankingCZ}from"./components/OnlineBankingCZ/index.js";export{default as OnlineBankingFI}from"./components/OnlineBankingFI/OnlineBankingFI.js";export{default as OnlineBankingIN}from"./components/OnlineBankingIN/index.js";export{default as OnlineBankingPL}from"./components/OnlineBankingPL/OnlineBankingPL.js";export{default as OnlineBankingSK}from"./components/OnlineBankingSK/index.js";export{OxxoElement as Oxxo}from"./components/Oxxo/Oxxo.js";export{default as PayByBank}from"./components/PayByBank/PayByBank.js";export{default as PayByBankPix}from"./components/PayByBankPix/PayByBankPix.js";export{default as PayMe}from"./components/PayMe/PayMe.js";export{default as PayNow}from"./components/PayNow/PayNow.js";export{default as PayPal}from"./components/PayPal/Paypal.js";export{PayToElement as PayTo}from"./components/PayTo/PayTo.js";export{default as PayuCashcard}from"./components/PayU/PayuCashcard.js";export{default as PayuNetBanking}from"./components/PayU/PayuNetBanking.js";export{PersonalDetailsElement as PersonalDetails}from"./components/PersonalDetails/PersonalDetails.js";export{default as Pix}from"./components/Pix/Pix.js";export{PreAuthorizedDebitCanada}from"./components/PreAuthorizedDebitCanada/PreAuthorizedDebitCanada.js";export{default as PromptPay}from"./components/PromptPay/PromptPay.js";export{default as Redirect}from"./components/Redirect/Redirect.js";export{default as Riverty}from"./components/Riverty/Riverty.js";export{default as SepaDirectDebit}from"./components/Sepa/Sepa.js";export{default as Swish}from"./components/Swish/Swish.js";export{default as ThreeDS2Challenge}from"./components/ThreeDS2/ThreeDS2Challenge.js";export{default as ThreeDS2DeviceFingerprint}from"./components/ThreeDS2/ThreeDS2DeviceFingerprint.js";export{default as Trustly}from"./components/Trustly/Trustly.js";export{default as Twint}from"./components/Twint/Twint.js";export{default as UPI}from"./components/UPI/UPI.js";export{default as Vipps}from"./components/Vipps/Vipps.js";export{default as WalletIN}from"./components/WalletIN/index.js";export{default as WeChat}from"./components/WeChat/WeChat.js";export{default as Affirm}from"./components/Affirm/Affirm.js";export{default as AfterPay}from"./components/AfterPay/AfterPay.js";export{default as AfterPayB2B}from"./components/AfterPay/AfterPayB2B.js";export{default as Atome}from"./components/Atome/Atome.js";export{default as FacilPay10x}from"./components/FacilyPay/FacilyPay10x.js";export{default as FacilPay12x}from"./components/FacilyPay/FacilyPay12x.js";export{default as FacilPay3x}from"./components/FacilyPay/FacilyPay3x.js";export{default as FacilPay4x}from"./components/FacilyPay/FacilyPay4x.js";export{default as FacilPay6x}from"./components/FacilyPay/FacilyPay6x.js";export{default as PayByBankUS}from"./components/PayByBankUS/PayByBankUS.js";export{default as RatePay}from"./components/RatePay/RatePay.js";export{default as RatePayDirectDebit}from"./components/RatePay/RatePayDirectDebit.js";
 //# sourceMappingURL=index.js.map

package/dist/es/utils/getOrigin.js

@@ -1,2 +1,2 @@
-const n=n=>{const t=/^(?:([A-Za-z]+):)?(\/{0,3})([0-9.\-A-Za-z]+)(?::(\d+))?(?:\/([^?#]*))?(?:\?([^#]*))?(?:#(.*))?$/.exec(n);if(!t)return null;const[,e,$,l,r]=t;return e&&$&&l?`${e}:${$}${l}${r?`:${r}`:""}`:null};export{n as default,n as getOrigin};
+const n=n=>{const t=/^(?:([A-Za-z]+):)?(\/{0,3})([0-9.\-A-Za-z]+)(?::(\d+))?(?:\/([^?#]*))?(?:\?([^#]*))?(?:#(.*))?$/.exec(n);if(!t)return null;const[,$,e,r,c]=t;return $&&e&&r?`${$}:${e}${r}${c?`:${c}`:""}`:null};export{n as getOrigin};
 //# sourceMappingURL=getOrigin.js.map

package/dist/es/utils/setFocus.js

@@ -1,2 +1,2 @@
-import{selectOne as e}from"../components/internal/SecuredFields/lib/utilities/dom.js";const t=(t,c,n="")=>{const o=t instanceof Element?t:e(document,t);if("country"===c||"stateOrProvince"===c||"issuer-list"===c||"selectedAccountType"===c){const t=e(o,`${n}.adyen-checkout__field--${c} .adyen-checkout__filter-input`);t?.focus()}else{const t=e(o,`${n} [name="${c}"]`);t?.focus()}};export{t as setFocusOnField};
+import{selectOne as e}from"../components/internal/SecuredFields/lib/utilities/dom.js";import{windowScrollTo as t}from"./windowScrollTo.js";import o from"../components/internal/SecuredFields/lib/CSF/utils/userAgent.js";const n=(n,i,c="")=>{const r=n instanceof Element?n:e(document,n);let s;s=e(r,"country"===i||"stateOrProvince"===i||"issuer-list"===i||"selectedAccountType"===i?`${c}.adyen-checkout__field--${i} .adyen-checkout__filter-input`:`${c} [name="${i}"]`),o.__IS_IOS&&t(s),s?.focus({preventScroll:o.__IS_IOS})};export{n as setFocusOnField};
 //# sourceMappingURL=setFocus.js.map

package/dist/es/utils/setFocus.js.map

@@ -1 +1 @@
-{"version":3,"file":"setFocus.js","sources":["../../../src/utils/setFocus.ts"],"sourcesContent":["import { selectOne } from '../components/internal/SecuredFields/lib/utilities/dom';\n\n/**\n * Generic function to set focus on named element\n * @param holder - DOM element or CSS selector string to search within\n * @param fieldToFocus - Name of the field to focus on\n * @param focusContextSelector - some fields can occur twice in a form but in a different context e.g. as part of a billingAddress or as part of a deliverySddress.\n * This param provides the context so we can select them correctly\n */\nexport const setFocusOnField = (holder: Element | string, fieldToFocus: string, focusContextSelector = '') => {\n    // If holder is already a DOM element, use it directly; otherwise query for it\n    const pdHolder = holder instanceof Element ? holder : selectOne(document, holder);\n\n    // Identify if we're dealing with a dropdown\n    if (\n        fieldToFocus === 'country' ||\n        fieldToFocus === 'stateOrProvince' ||\n        fieldToFocus === 'issuer-list' ||\n        fieldToFocus === 'selectedAccountType'\n    ) {\n        // Set focus on dropdown\n        const field: HTMLElement = selectOne(\n            pdHolder,\n            `${focusContextSelector}.adyen-checkout__field--${fieldToFocus} .adyen-checkout__filter-input`\n        );\n        field?.focus();\n    } else {\n        // Set focus on input\n        const field: HTMLElement = selectOne(pdHolder, `${focusContextSelector} [name=\"${fieldToFocus}\"]`);\n        field?.focus();\n    }\n};\n"],"names":["setFocusOnField","holder","fieldToFocus","focusContextSelector","pdHolder","Element","selectOne","document","field","focus"],"mappings":"sFASO,MAAMA,EAAkB,CAACC,EAA0BC,EAAsBC,EAAuB,MAEnG,MAAMC,EAAWH,aAAkBI,QAAUJ,EAASK,EAAUC,SAAUN,GAG1E,GACqB,YAAjBC,GACiB,oBAAjBA,GACiB,gBAAjBA,GACiB,wBAAjBA,EACF,CAEE,MAAMM,EAAqBF,EACvBF,EACA,GAAGD,4BAA+CD,mCAEtDM,GAAOC,OACX,KAAO,CAEH,MAAMD,EAAqBF,EAAUF,EAAU,GAAGD,YAA+BD,OACjFM,GAAOC,OACX"}
+{"version":3,"file":"setFocus.js","sources":["../../../src/utils/setFocus.ts"],"sourcesContent":["import { selectOne } from '../components/internal/SecuredFields/lib/utilities/dom';\nimport { windowScrollTo } from './windowScrollTo';\nimport ua from '../components/internal/SecuredFields/lib/CSF/utils/userAgent';\n\n/**\n * Generic function to set focus on named element\n * @param holder - DOM element or CSS selector string to search within\n * @param fieldToFocus - Name of the field to focus on\n * @param focusContextSelector - some fields can occur twice in a form but in a different context e.g. as part of a billingAddress or as part of a deliverySddress.\n * This param provides the context so we can select them correctly\n */\nexport const setFocusOnField = (holder: Element | string, fieldToFocus: string, focusContextSelector = '') => {\n    // If holder is already a DOM element, use it directly; otherwise query for it\n    const pdHolder = holder instanceof Element ? holder : selectOne(document, holder);\n\n    let field: HTMLElement;\n\n    // Identify if we're dealing with a dropdown\n    if (\n        fieldToFocus === 'country' ||\n        fieldToFocus === 'stateOrProvince' ||\n        fieldToFocus === 'issuer-list' ||\n        fieldToFocus === 'selectedAccountType'\n    ) {\n        // Set focus on dropdown\n        field = selectOne(pdHolder, `${focusContextSelector}.adyen-checkout__field--${fieldToFocus} .adyen-checkout__filter-input`);\n    } else {\n        // Set focus on input\n        field = selectOne(pdHolder, `${focusContextSelector} [name=\"${fieldToFocus}\"]`);\n    }\n\n    // Fix for iOS scrolling issues: can't programmatically set focus on an element on iOS, so we scroll to it instead, so at least it is in view\n    if (ua.__IS_IOS) {\n        windowScrollTo(field);\n    }\n\n    field?.focus({ preventScroll: ua.__IS_IOS }); // Don't even attempt to allow the focus call to trigger a scroll on iOS\n};\n"],"names":["setFocusOnField","holder","fieldToFocus","focusContextSelector","pdHolder","Element","selectOne","document","field","ua","__IS_IOS","windowScrollTo","focus","preventScroll"],"mappings":"0NAWO,MAAMA,EAAkB,CAACC,EAA0BC,EAAsBC,EAAuB,MAEnG,MAAMC,EAAWH,aAAkBI,QAAUJ,EAASK,EAAUC,SAAUN,GAE1E,IAAIO,EAUAA,EAAQF,EAAUF,EAND,YAAjBF,GACiB,oBAAjBA,GACiB,gBAAjBA,GACiB,wBAAjBA,EAG4B,GAAGC,4BAA+CD,kCAGlD,GAAGC,YAA+BD,OAI9DO,EAAGC,UACHC,EAAeH,GAGnBA,GAAOI,MAAM,CAAEC,cAAeJ,EAAGC"}

package/dist/es/utils/windowScrollTo.js

@@ -0,0 +1,2 @@
+const o=o=>{if(o){const t=document.body.getBoundingClientRect().top,n=o.getBoundingClientRect().top-t-100;window.scrollTo({top:n,behavior:"smooth"})}};export{o as windowScrollTo};
+//# sourceMappingURL=windowScrollTo.js.map

package/dist/es/utils/windowScrollTo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"windowScrollTo.js","sources":["../../../src/utils/windowScrollTo.ts"],"sourcesContent":["const SCROLL_OFFSET_TOP = 100; // Leave some breathing room at the top\n\nexport const windowScrollTo = (container: HTMLElement) => {\n    if (container) {\n        const bodyRect = document.body.getBoundingClientRect().top;\n        const elementRect = container.getBoundingClientRect().top;\n        const elementPosition = elementRect - bodyRect;\n        const offsetPosition = elementPosition - SCROLL_OFFSET_TOP;\n\n        window.scrollTo({\n            top: offsetPosition,\n            behavior: 'smooth'\n        });\n    }\n};\n"],"names":["windowScrollTo","container","bodyRect","document","body","getBoundingClientRect","top","offsetPosition","window","scrollTo","behavior"],"mappings":"AAAA,MAEaA,EAAkBC,IAC3B,GAAIA,EAAW,CACX,MAAMC,EAAWC,SAASC,KAAKC,wBAAwBC,IAGjDC,EAFcN,EAAUI,wBAAwBC,IAChBJ,EANpB,IASlBM,OAAOC,SAAS,CACZH,IAAKC,EACLG,SAAU,UAElB"}

package/dist/es-legacy/components/ANCV/ANCV.js.map

@@ -1 +1 @@
-{"version":3,"file":"ANCV.js","sources":["../../../../src/components/ANCV/ANCV.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport ANCVInput from './components/ANCVInput';\nimport config from './components/ANCVAwait/config';\nimport { Await } from '../../components/internal/Await';\nimport AdyenCheckoutError from '../../core/Errors/AdyenCheckoutError';\nimport PayButton from '../internal/PayButton';\nimport { ANCVConfiguration } from './types';\nimport { sanitizeResponse, verifyPaymentDidNotFail } from '../internal/UIElement/utils';\nimport { PayButtonProps } from '../internal/PayButton/PayButton';\n\nexport class ANCVElement extends UIElement<ANCVConfiguration> {\n    public static type = 'ancv';\n\n    /**\n     * Formats the component data output\n     */\n    formatData() {\n        return {\n            paymentMethod: {\n                type: ANCVElement.type,\n                beneficiaryId: this.state.data?.beneficiaryId\n            }\n        };\n    }\n\n    private onOrderRequest = data => {\n        if (this.props.onOrderRequest)\n            return new Promise((resolve, reject) => {\n                this.props.onOrderRequest(resolve, reject, data);\n            });\n\n        if (this.props.session) {\n            return this.props.session.createOrder();\n        }\n    };\n\n    /**\n     * Check if order exists, if it does Resolve.\n     * Otherwise createOrder and then Resolve.\n     */\n    public createOrder = (): Promise<void> => {\n        this.setStatus('loading');\n\n        // allow for multiple ANCV payments, follow giftcard logic and just use order if it exists\n        if (this.props.order) {\n            return Promise.resolve();\n        }\n\n        return this.onOrderRequest(this.data)\n            .then((order: { orderData: string; pspReference: string }) => {\n                const stateOrder = { order: { orderData: order.orderData, pspReference: order.pspReference } };\n                this.setState(stateOrder);\n                return Promise.resolve();\n            })\n            .catch(error => {\n                if (error instanceof AdyenCheckoutError) {\n                    this.handleError(error);\n                } else {\n                    this.handleError(new AdyenCheckoutError('ERROR', error));\n                }\n            });\n    };\n\n    public submit() {\n        if (!this.isValid) {\n            this.showValidation();\n            return false;\n        }\n\n        this.createOrder()\n            .then(this.makePaymentsCall)\n            .then(sanitizeResponse)\n            .then(verifyPaymentDidNotFail)\n            .then(this.handleResponse)\n            .catch(this.handleFailedResult);\n    }\n\n    // Reimplement payButton similar to GiftCard to allow to set onClick\n    protected override payButton = (props: PayButtonProps): h.JSX.Element => {\n        return <PayButton {...props} />;\n    };\n\n    get isValid(): boolean {\n        return !!this.state.isValid;\n    }\n\n    get displayName(): string {\n        return this.props.name;\n    }\n\n    protected override componentToRender(): h.JSX.Element {\n        if (this.props.paymentData) {\n            return (\n                <Await\n                    clientKey={this.props.clientKey}\n                    paymentData={this.props.paymentData}\n                    onError={this.props.onError}\n                    onComplete={this.onComplete}\n                    brandLogo={this.icon}\n                    type={this.constructor['type']}\n                    messageText={this.props.i18n.get('ancv.confirmPayment')}\n                    awaitText={this.props.i18n.get('await.waitForConfirmation')}\n                    showCountdownTimer={config.showCountdownTimer}\n                    throttleTime={config.THROTTLE_TIME}\n                    throttleInterval={config.THROTTLE_INTERVAL}\n                    onActionHandled={this.onActionHandled}\n                />\n            );\n        }\n\n        return (\n            <ANCVInput\n                ref={ref => {\n                    this.componentRef = ref;\n                }}\n                {...this.props}\n                onSubmit={this.submit}\n                onChange={this.setState}\n                payButton={this.payButton}\n                showPayButton={this.props.showPayButton}\n            />\n        );\n    }\n}\n\nexport default ANCVElement;\n"],"names":["ANCVElement","UIElement","formatData","_this_state_data","paymentMethod","type","beneficiaryId","this","state","data","submit","isValid","showValidation","createOrder","then","makePaymentsCall","sanitizeResponse","verifyPaymentDidNotFail","handleResponse","catch","handleFailedResult","displayName","props","name","componentToRender","paymentData","h","Await","clientKey","onError","onComplete","brandLogo","icon","constructor","messageText","i18n","get","awaitText","showCountdownTimer","config","throttleTime","THROTTLE_TIME","throttleInterval","THROTTLE_INTERVAL","onActionHandled","ANCVInput","ref","componentRef","onSubmit","onChange","setState","payButton","showPayButton","super","args","_define_property","onOrderRequest","Promise","resolve","reject","session","setStatus","order","stateOrder","orderData","pspReference","error","AdyenCheckoutError","handleError","PayButton"],"mappings":"67BAWO,MAAMA,UAAoBC,EAM7BC,UAAAA,GAI2B,IAAAC,EAHvB,MAAO,CACHC,cAAe,CACXC,KAAML,EAAYK,KAClBC,cAA8B,QAAfH,EAAAI,KAAKC,MAAMC,YAAX,IAAAN,OAAA,EAAAA,EAAiBG,eAG5C,CAwCOI,MAAAA,GACH,IAAKH,KAAKI,QAEN,OADAJ,KAAKK,kBACE,EAGXL,KAAKM,cACAC,KAAKP,KAAKQ,kBACVD,KAAKE,GACLF,KAAKG,GACLH,KAAKP,KAAKW,gBACVC,MAAMZ,KAAKa,mBACpB,CAOA,WAAIT,GACA,QAASJ,KAAKC,MAAMG,OACxB,CAEA,eAAIU,GACA,OAAOd,KAAKe,MAAMC,IACtB,CAEmBC,iBAAAA,GACf,OAAIjB,KAAKe,MAAMG,YAEPC,EAACC,EAAAA,CACGC,UAAWrB,KAAKe,MAAMM,UACtBH,YAAalB,KAAKe,MAAMG,YACxBI,QAAStB,KAAKe,MAAMO,QACpBC,WAAYvB,KAAKuB,WACjBC,UAAWxB,KAAKyB,KAChB3B,KAAME,KAAK0B,YAAY,KACvBC,YAAa3B,KAAKe,MAAMa,KAAKC,IAAI,uBACjCC,UAAW9B,KAAKe,MAAMa,KAAKC,IAAI,6BAC/BE,mBAAoBC,EAAOD,mBAC3BE,aAAcD,EAAOE,cACrBC,iBAAkBH,EAAOI,kBACzBC,gBAAiBrC,KAAKqC,kBAM9BlB,EAACmB,EAAAA,oUAAAA,CAAAA,CACGC,IAAKA,IACDvC,KAAKwC,aAAeD,IAEpBvC,KAAKe,OAAK,CACd0B,SAAUzC,KAAKG,OACfuC,SAAU1C,KAAK2C,SACfC,UAAW5C,KAAK4C,UAChBC,cAAe7C,KAAKe,MAAM8B,gBAGtC,mBAhHGC,SAAAC,GAeHC,EAAAhD,KAAQiD,iBAAiB/C,GACjBF,KAAKe,MAAMkC,eACJ,IAAIC,QAAQ,CAACC,EAASC,KACzBpD,KAAKe,MAAMkC,eAAeE,EAASC,EAAQlD,KAG/CF,KAAKe,MAAMsC,QACJrD,KAAKe,MAAMsC,QAAQ/C,mBAD9B,GASJ0C,OAAO1C,cAAc,KACjBN,KAAKsD,UAAU,WAGXtD,KAAKe,MAAMwC,MACJL,QAAQC,UAGZnD,KAAKiD,eAAejD,KAAKE,MAC3BK,KAAMgD,IACH,MAAMC,EAAa,CAAED,MAAO,CAAEE,UAAWF,EAAME,UAAWC,aAAcH,EAAMG,eAE9E,OADA1D,KAAK2C,SAASa,GACPN,QAAQC,YAElBvC,MAAM+C,IACCA,aAAiBC,EACjB5D,KAAK6D,YAAYF,GAEjB3D,KAAK6D,YAAY,IAAID,EAAmB,QAASD,QAoBjEX,EAAAhD,KAAmB4C,YAAa7B,GACrBI,EAAC2C,EAAc/C,KApE1BiC,EADSvD,EACKK,OAAO"}
+{"version":3,"file":"ANCV.js","sources":["../../../../src/components/ANCV/ANCV.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport ANCVInput from './components/ANCVInput';\nimport config from './components/ANCVAwait/config';\nimport { Await } from '../../components/internal/Await';\nimport AdyenCheckoutError from '../../core/Errors/AdyenCheckoutError';\nimport PayButton from '../internal/PayButton';\nimport { ANCVConfiguration } from './types';\nimport { sanitizeResponse, verifyPaymentDidNotFail } from '../internal/UIElement/utils';\nimport { PayButtonProps } from '../internal/PayButton/PayButton';\n\nexport class ANCVElement extends UIElement<ANCVConfiguration> {\n    public static readonly type = 'ancv';\n\n    /**\n     * Formats the component data output\n     */\n    formatData() {\n        return {\n            paymentMethod: {\n                type: ANCVElement.type,\n                beneficiaryId: this.state.data?.beneficiaryId\n            }\n        };\n    }\n\n    private onOrderRequest = data => {\n        if (this.props.onOrderRequest)\n            return new Promise((resolve, reject) => {\n                this.props.onOrderRequest(resolve, reject, data);\n            });\n\n        if (this.props.session) {\n            return this.props.session.createOrder();\n        }\n    };\n\n    /**\n     * Check if order exists, if it does Resolve.\n     * Otherwise createOrder and then Resolve.\n     */\n    public createOrder = (): Promise<void> => {\n        this.setStatus('loading');\n\n        // allow for multiple ANCV payments, follow giftcard logic and just use order if it exists\n        if (this.props.order) {\n            return Promise.resolve();\n        }\n\n        return this.onOrderRequest(this.data)\n            .then((order: { orderData: string; pspReference: string }) => {\n                const stateOrder = { order: { orderData: order.orderData, pspReference: order.pspReference } };\n                this.setState(stateOrder);\n                return Promise.resolve();\n            })\n            .catch(error => {\n                if (error instanceof AdyenCheckoutError) {\n                    this.handleError(error);\n                } else {\n                    this.handleError(new AdyenCheckoutError('ERROR', error));\n                }\n            });\n    };\n\n    public submit() {\n        if (!this.isValid) {\n            this.showValidation();\n            return false;\n        }\n\n        this.createOrder()\n            .then(this.makePaymentsCall)\n            .then(sanitizeResponse)\n            .then(verifyPaymentDidNotFail)\n            .then(this.handleResponse)\n            .catch(this.handleFailedResult);\n    }\n\n    // Reimplement payButton similar to GiftCard to allow to set onClick\n    protected override payButton = (props: PayButtonProps): h.JSX.Element => {\n        return <PayButton {...props} />;\n    };\n\n    get isValid(): boolean {\n        return !!this.state.isValid;\n    }\n\n    get displayName(): string {\n        return this.props.name;\n    }\n\n    protected override componentToRender(): h.JSX.Element {\n        if (this.props.paymentData) {\n            return (\n                <Await\n                    clientKey={this.props.clientKey}\n                    paymentData={this.props.paymentData}\n                    onError={this.props.onError}\n                    onComplete={this.onComplete}\n                    brandLogo={this.icon}\n                    type={this.constructor['type']}\n                    messageText={this.props.i18n.get('ancv.confirmPayment')}\n                    awaitText={this.props.i18n.get('await.waitForConfirmation')}\n                    showCountdownTimer={config.showCountdownTimer}\n                    throttleTime={config.THROTTLE_TIME}\n                    throttleInterval={config.THROTTLE_INTERVAL}\n                    onActionHandled={this.onActionHandled}\n                />\n            );\n        }\n\n        return (\n            <ANCVInput\n                ref={ref => {\n                    this.componentRef = ref;\n                }}\n                {...this.props}\n                onSubmit={this.submit}\n                onChange={this.setState}\n                payButton={this.payButton}\n                showPayButton={this.props.showPayButton}\n            />\n        );\n    }\n}\n\nexport default ANCVElement;\n"],"names":["ANCVElement","UIElement","formatData","_this_state_data","paymentMethod","type","beneficiaryId","this","state","data","submit","isValid","showValidation","createOrder","then","makePaymentsCall","sanitizeResponse","verifyPaymentDidNotFail","handleResponse","catch","handleFailedResult","displayName","props","name","componentToRender","paymentData","h","Await","clientKey","onError","onComplete","brandLogo","icon","constructor","messageText","i18n","get","awaitText","showCountdownTimer","config","throttleTime","THROTTLE_TIME","throttleInterval","THROTTLE_INTERVAL","onActionHandled","ANCVInput","ref","componentRef","onSubmit","onChange","setState","payButton","showPayButton","super","args","_define_property","onOrderRequest","Promise","resolve","reject","session","setStatus","order","stateOrder","orderData","pspReference","error","AdyenCheckoutError","handleError","PayButton"],"mappings":"67BAWO,MAAMA,UAAoBC,EAM7BC,UAAAA,GAI2B,IAAAC,EAHvB,MAAO,CACHC,cAAe,CACXC,KAAML,EAAYK,KAClBC,cAA8B,QAAfH,EAAAI,KAAKC,MAAMC,YAAX,IAAAN,OAAA,EAAAA,EAAiBG,eAG5C,CAwCOI,MAAAA,GACH,IAAKH,KAAKI,QAEN,OADAJ,KAAKK,kBACE,EAGXL,KAAKM,cACAC,KAAKP,KAAKQ,kBACVD,KAAKE,GACLF,KAAKG,GACLH,KAAKP,KAAKW,gBACVC,MAAMZ,KAAKa,mBACpB,CAOA,WAAIT,GACA,QAASJ,KAAKC,MAAMG,OACxB,CAEA,eAAIU,GACA,OAAOd,KAAKe,MAAMC,IACtB,CAEmBC,iBAAAA,GACf,OAAIjB,KAAKe,MAAMG,YAEPC,EAACC,EAAAA,CACGC,UAAWrB,KAAKe,MAAMM,UACtBH,YAAalB,KAAKe,MAAMG,YACxBI,QAAStB,KAAKe,MAAMO,QACpBC,WAAYvB,KAAKuB,WACjBC,UAAWxB,KAAKyB,KAChB3B,KAAME,KAAK0B,YAAY,KACvBC,YAAa3B,KAAKe,MAAMa,KAAKC,IAAI,uBACjCC,UAAW9B,KAAKe,MAAMa,KAAKC,IAAI,6BAC/BE,mBAAoBC,EAAOD,mBAC3BE,aAAcD,EAAOE,cACrBC,iBAAkBH,EAAOI,kBACzBC,gBAAiBrC,KAAKqC,kBAM9BlB,EAACmB,EAAAA,oUAAAA,CAAAA,CACGC,IAAKA,IACDvC,KAAKwC,aAAeD,IAEpBvC,KAAKe,OAAK,CACd0B,SAAUzC,KAAKG,OACfuC,SAAU1C,KAAK2C,SACfC,UAAW5C,KAAK4C,UAChBC,cAAe7C,KAAKe,MAAM8B,gBAGtC,mBAhHGC,SAAAC,GAeHC,EAAAhD,KAAQiD,iBAAiB/C,GACjBF,KAAKe,MAAMkC,eACJ,IAAIC,QAAQ,CAACC,EAASC,KACzBpD,KAAKe,MAAMkC,eAAeE,EAASC,EAAQlD,KAG/CF,KAAKe,MAAMsC,QACJrD,KAAKe,MAAMsC,QAAQ/C,mBAD9B,GASJ0C,OAAO1C,cAAc,KACjBN,KAAKsD,UAAU,WAGXtD,KAAKe,MAAMwC,MACJL,QAAQC,UAGZnD,KAAKiD,eAAejD,KAAKE,MAC3BK,KAAMgD,IACH,MAAMC,EAAa,CAAED,MAAO,CAAEE,UAAWF,EAAME,UAAWC,aAAcH,EAAMG,eAE9E,OADA1D,KAAK2C,SAASa,GACPN,QAAQC,YAElBvC,MAAM+C,IACCA,aAAiBC,EACjB5D,KAAK6D,YAAYF,GAEjB3D,KAAK6D,YAAY,IAAID,EAAmB,QAASD,QAoBjEX,EAAAhD,KAAmB4C,YAAa7B,GACrBI,EAAC2C,EAAc/C,KApE1BiC,EADSvD,EACcK,OAAO"}

package/dist/es-legacy/components/ANCV/components/ANCVInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ANCVInput.js","sources":["../../../../../src/components/ANCV/components/ANCVInput.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useEffect, useState } from 'preact/hooks';\nimport { useCoreContext } from '../../../core/Context/CoreProvider';\nimport LoadingWrapper from '../../internal/LoadingWrapper';\nimport InputText from '../../internal/FormFields/InputText';\nimport Field from '../../internal/FormFields/Field';\nimport useForm from '../../../utils/useForm';\nimport { ancvValidationRules } from '../validate';\nimport { ANCVDataState } from '../types';\nimport { UIElementProps } from '../../internal/UIElement/types';\n\nexport interface ANCVInputProps extends UIElementProps {\n    ref?: any;\n    showPayButton: boolean;\n    onSubmit: () => void;\n}\n\ntype ANCVInputDataState = ANCVDataState;\n\nfunction ANCVInput({ showPayButton, payButton, onChange, onSubmit }: ANCVInputProps) {\n    const { i18n } = useCoreContext();\n\n    const { handleChangeFor, triggerValidation, data, valid, errors, isValid } = useForm<ANCVInputDataState>({\n        schema: ['beneficiaryId'],\n        rules: ancvValidationRules\n    });\n\n    useEffect(() => {\n        // @ts-ignore TODO: Fix this. Preact component types should not inherit from UIElementProps.\n        onChange({ data, errors, valid, isValid }, this);\n    }, [data, valid, errors, isValid]);\n\n    const [status, setStatus] = useState<string>('ready');\n\n    this.setStatus = setStatus;\n    this.showValidation = triggerValidation;\n\n    return (\n        <LoadingWrapper>\n            <div className=\"adyen-checkout__ancv\">\n                <p className=\"adyen-checkout-form-instruction\">{i18n.get('ancv.form.instruction')}</p>\n                <Field\n                    errorMessage={!!errors.beneficiaryId && i18n.get(errors.beneficiaryId.errorMessage)}\n                    label={i18n.get('ancv.input.label')}\n                    isValid={valid.beneficiaryId}\n                    name={'beneficiaryId'}\n                >\n                    <InputText\n                        value={data.beneficiaryId}\n                        name={'beneficiaryId'}\n                        spellcheck={true}\n                        required={true}\n                        onInput={handleChangeFor('beneficiaryId', 'input')}\n                        onBlur={handleChangeFor('beneficiaryId', 'blur')}\n                    />\n                </Field>\n                {showPayButton && payButton({ status, label: i18n.get('confirmPurchase'), onClick: onSubmit })}\n            </div>\n        </LoadingWrapper>\n    );\n}\n\nANCVInput.defaultProps = {};\n\nexport default ANCVInput;\n"],"names":["ANCVInput","showPayButton","payButton","onChange","onSubmit","i18n","useCoreContext","handleChangeFor","triggerValidation","data","valid","errors","isValid","useForm","schema","rules","ancvValidationRules","useEffect","this","status","setStatus","useState","showValidation","h","LoadingWrapper","div","className","p","get","Field","errorMessage","beneficiaryId","label","name","InputText","value","spellcheck","required","onInput","onBlur","onClick","defaultProps"],"mappings":"yfAmBA,SAASA,GAAUC,cAAEA,EAAaC,UAAEA,EAASC,SAAEA,EAAQC,SAAEA,IACrD,MAAMC,KAAEA,GAASC,KAEXC,gBAAEA,EAAeC,kBAAEA,EAAiBC,KAAEA,EAAIC,MAAEA,EAAKC,OAAEA,EAAMC,QAAEA,GAAYC,EAA4B,CACrGC,OAAQ,CAAC,iBACTC,MAAOC,IAGXC,EAAU,KAENd,EAAS,CAAEM,OAAME,SAAQD,QAAOE,WAAWM,OAC5C,CAACT,EAAMC,EAAOC,EAAQC,IAEzB,MAAOO,EAAQC,GAAaC,EAAiB,SAK7C,OAHAH,KAAKE,UAAYA,EACjBF,KAAKI,eAAiBd,EAGlBe,EAACC,OACGD,EAACE,MAAAA,CAAIC,UAAU,wBACXH,EAACI,IAAAA,CAAED,UAAU,mCAAmCrB,EAAKuB,IAAI,0BACzDL,EAACM,EAAAA,CACGC,eAAgBnB,EAAOoB,eAAiB1B,EAAKuB,IAAIjB,EAAOoB,cAAcD,cACtEE,MAAO3B,EAAKuB,IAAI,oBAChBhB,QAASF,EAAMqB,cACfE,KAAM,iBAENV,EAACW,EAAAA,CACGC,MAAO1B,EAAKsB,cACZE,KAAM,gBACNG,YAAY,EACZC,UAAU,EACVC,QAAS/B,EAAgB,gBAAiB,SAC1CgC,OAAQhC,EAAgB,gBAAiB,WAGhDN,GAAiBC,EAAU,CAAEiB,SAAQa,MAAO3B,EAAKuB,IAAI,mBAAoBY,QAASpC,KAInG,CAEAJ,EAAUyC,aAAe,CAAA"}
+{"version":3,"file":"ANCVInput.js","sources":["../../../../../src/components/ANCV/components/ANCVInput.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useEffect, useState } from 'preact/hooks';\nimport { useCoreContext } from '../../../core/Context/CoreProvider';\nimport LoadingWrapper from '../../internal/LoadingWrapper';\nimport InputText from '../../internal/FormFields/InputText';\nimport Field from '../../internal/FormFields/Field';\nimport useForm from '../../../utils/useForm';\nimport { ancvValidationRules } from '../validate';\nimport { ANCVDataState } from '../types';\nimport { UIElementProps } from '../../internal/UIElement/types';\n\nexport interface ANCVInputProps extends UIElementProps {\n    ref?: any;\n    showPayButton: boolean;\n    onSubmit: () => void;\n}\n\ntype ANCVInputDataState = ANCVDataState;\n\nfunction ANCVInput({ showPayButton, payButton, onChange, onSubmit }: Readonly<ANCVInputProps>) {\n    const { i18n } = useCoreContext();\n\n    const { handleChangeFor, triggerValidation, data, valid, errors, isValid } = useForm<ANCVInputDataState>({\n        schema: ['beneficiaryId'],\n        rules: ancvValidationRules\n    });\n\n    useEffect(() => {\n        // @ts-ignore TODO: Fix this. Preact component types should not inherit from UIElementProps.\n        onChange({ data, errors, valid, isValid }, this);\n    }, [data, valid, errors, isValid]);\n\n    const [status, setStatus] = useState<string>('ready');\n\n    this.setStatus = setStatus;\n    this.showValidation = triggerValidation;\n\n    return (\n        <LoadingWrapper>\n            <div className=\"adyen-checkout__ancv\">\n                <p className=\"adyen-checkout-form-instruction\">{i18n.get('ancv.form.instruction')}</p>\n                <Field\n                    errorMessage={!!errors.beneficiaryId && i18n.get(errors.beneficiaryId.errorMessage)}\n                    label={i18n.get('ancv.input.label')}\n                    isValid={valid.beneficiaryId}\n                    name={'beneficiaryId'}\n                >\n                    <InputText\n                        value={data.beneficiaryId}\n                        name={'beneficiaryId'}\n                        spellcheck={true}\n                        required={true}\n                        onInput={handleChangeFor('beneficiaryId', 'input')}\n                        onBlur={handleChangeFor('beneficiaryId', 'blur')}\n                    />\n                </Field>\n                {showPayButton && payButton({ status, label: i18n.get('confirmPurchase'), onClick: onSubmit })}\n            </div>\n        </LoadingWrapper>\n    );\n}\n\nANCVInput.defaultProps = {};\n\nexport default ANCVInput;\n"],"names":["ANCVInput","showPayButton","payButton","onChange","onSubmit","i18n","useCoreContext","handleChangeFor","triggerValidation","data","valid","errors","isValid","useForm","schema","rules","ancvValidationRules","useEffect","this","status","setStatus","useState","showValidation","h","LoadingWrapper","div","className","p","get","Field","errorMessage","beneficiaryId","label","name","InputText","value","spellcheck","required","onInput","onBlur","onClick","defaultProps"],"mappings":"yfAmBA,SAASA,GAAUC,cAAEA,EAAaC,UAAEA,EAASC,SAAEA,EAAQC,SAAEA,IACrD,MAAMC,KAAEA,GAASC,KAEXC,gBAAEA,EAAeC,kBAAEA,EAAiBC,KAAEA,EAAIC,MAAEA,EAAKC,OAAEA,EAAMC,QAAEA,GAAYC,EAA4B,CACrGC,OAAQ,CAAC,iBACTC,MAAOC,IAGXC,EAAU,KAENd,EAAS,CAAEM,OAAME,SAAQD,QAAOE,WAAWM,OAC5C,CAACT,EAAMC,EAAOC,EAAQC,IAEzB,MAAOO,EAAQC,GAAaC,EAAiB,SAK7C,OAHAH,KAAKE,UAAYA,EACjBF,KAAKI,eAAiBd,EAGlBe,EAACC,OACGD,EAACE,MAAAA,CAAIC,UAAU,wBACXH,EAACI,IAAAA,CAAED,UAAU,mCAAmCrB,EAAKuB,IAAI,0BACzDL,EAACM,EAAAA,CACGC,eAAgBnB,EAAOoB,eAAiB1B,EAAKuB,IAAIjB,EAAOoB,cAAcD,cACtEE,MAAO3B,EAAKuB,IAAI,oBAChBhB,QAASF,EAAMqB,cACfE,KAAM,iBAENV,EAACW,EAAAA,CACGC,MAAO1B,EAAKsB,cACZE,KAAM,gBACNG,YAAY,EACZC,UAAU,EACVC,QAAS/B,EAAgB,gBAAiB,SAC1CgC,OAAQhC,EAAgB,gBAAiB,WAGhDN,GAAiBC,EAAU,CAAEiB,SAAQa,MAAO3B,EAAKuB,IAAI,mBAAoBY,QAASpC,KAInG,CAEAJ,EAAUyC,aAAe,CAAA"}

package/dist/es-legacy/components/Ach/Ach.js.map

@@ -1 +1 @@
-{"version":3,"file":"Ach.js","sources":["../../../../src/components/Ach/Ach.tsx"],"sourcesContent":["import { h, RefObject } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport RedirectButton from '../internal/RedirectButton';\nimport { TxVariants } from '../tx-variants';\nimport AchComponent from './components/AchComponent';\nimport defaultProps from './defaultProps';\n\nimport type { AchConfiguration } from './types';\n\nexport class AchElement extends UIElement<AchConfiguration> {\n    public static type = TxVariants.ach;\n\n    protected static defaultProps = defaultProps;\n\n    public override formatData() {\n        const recurringPayment = !!this.props.storedPaymentMethodId;\n\n        if (recurringPayment) {\n            return {\n                paymentMethod: {\n                    type: AchElement.type,\n                    storedPaymentMethodId: this.props.storedPaymentMethodId\n                }\n            };\n        }\n\n        return {\n            paymentMethod: {\n                type: AchElement.type,\n                ownerName: this.state.data.ownerName,\n                accountHolderType: this.state.data.selectedAccountType?.split('.')[0],\n                bankAccountType: this.state.data.selectedAccountType?.split('.')[1],\n                bankLocationId: this.state.data.routingNumber,\n                bankAccountNumber: this.state.data.accountNumber\n            },\n            ...(this.state.storePaymentMethod && { storePaymentMethod: this.state.storePaymentMethod })\n        };\n    }\n\n    public override get isValid(): boolean {\n        if (this.props.storedPaymentMethodId) {\n            return true;\n        }\n\n        return !!this.state.isValid;\n    }\n\n    public override get displayName(): string {\n        if (this.props.storedPaymentMethodId && this.props.bankAccountNumber) {\n            return `•••• ${this.props.bankAccountNumber.slice(-4)}`;\n        }\n        return this.props.name;\n    }\n\n    public override get additionalInfo(): string {\n        return this.props.storedPaymentMethodId ? this.props.i18n.get('ach.savedBankAccount') : '';\n    }\n\n    protected override componentToRender(): h.JSX.Element {\n        return this.props.storedPaymentMethodId ? (\n            <RedirectButton\n                showPayButton={this.props.showPayButton}\n                name={this.displayName}\n                payButton={this.payButton}\n                onSubmit={this.submit}\n                ref={(ref: RefObject<typeof RedirectButton>) => {\n                    this.componentRef = ref;\n                }}\n            />\n        ) : (\n            <AchComponent\n                onChange={this.setState}\n                payButton={this.payButton}\n                showPayButton={this.props.showPayButton}\n                hasHolderName={this.props.hasHolderName}\n                placeholders={this.props.placeholders}\n                data={this.props.data}\n                setComponentRef={this.setComponentRef}\n                enableStoreDetails={this.props.enableStoreDetails}\n            />\n        );\n    }\n}\n\nexport default AchElement;\n"],"names":["AchElement","UIElement","formatData","_this_state_data_selectedAccountType","_this_state_data_selectedAccountType1","this","props","storedPaymentMethodId","paymentMethod","type","_object_spread","ownerName","state","data","accountHolderType","selectedAccountType","split","bankAccountType","bankLocationId","routingNumber","bankAccountNumber","accountNumber","storePaymentMethod","isValid","displayName","slice","name","additionalInfo","i18n","get","componentToRender","h","RedirectButton","showPayButton","payButton","onSubmit","submit","ref","componentRef","AchComponent","onChange","setState","hasHolderName","placeholders","setComponentRef","enableStoreDetails","_define_property","TxVariants","ach","defaultProps"],"mappings":"obASO,MAAMA,UAAmBC,EAKZC,UAAAA,OAgBeC,EACFC,EAdzB,QAF2BC,KAAKC,MAAMC,sBAG3B,CACHC,cAAe,CACXC,KAAMT,EAAWS,KACjBF,sBAAuBF,KAAKC,MAAMC,0VAKvCG,CAAA,CACHF,cAAe,CACXC,KAAMT,EAAWS,KACjBE,UAAWN,KAAKO,MAAMC,KAAKF,UAC3BG,kBAAsD,QAAnCX,EAAAE,KAAKO,MAAMC,KAAKE,+BAAhBZ,SAAAA,EAAqCa,MAAM,KAAK,GACnEC,gBAAoD,QAAnCb,EAAAC,KAAKO,MAAMC,KAAKE,+BAAhBX,SAAAA,EAAqCY,MAAM,KAAK,GACjEE,eAAgBb,KAAKO,MAAMC,KAAKM,cAChCC,kBAAmBf,KAAKO,MAAMC,KAAKQ,gBAEnChB,KAAKO,MAAMU,oBAAsB,CAAEA,mBAAoBjB,KAAKO,MAAMU,oBAE9E,CAEA,WAAoBC,GAChB,QAAIlB,KAAKC,MAAMC,yBAINF,KAAKO,MAAMW,OACxB,CAEA,eAAoBC,GAChB,OAAInB,KAAKC,MAAMC,uBAAyBF,KAAKC,MAAMc,kBACxC,QAAQf,KAAKC,MAAMc,kBAAkBK,OAAM,KAE/CpB,KAAKC,MAAMoB,IACtB,CAEA,kBAAoBC,GAChB,OAAOtB,KAAKC,MAAMC,sBAAwBF,KAAKC,MAAMsB,KAAKC,IAAI,wBAA0B,EAC5F,CAEmBC,iBAAAA,GACf,OAAOzB,KAAKC,MAAMC,sBACdwB,EAACC,EAAAA,CACGC,cAAe5B,KAAKC,MAAM2B,cAC1BP,KAAMrB,KAAKmB,YACXU,UAAW7B,KAAK6B,UAChBC,SAAU9B,KAAK+B,OACfC,IAAMA,IACFhC,KAAKiC,aAAeD,KAI5BN,EAACQ,EAAAA,CACGC,SAAUnC,KAAKoC,SACfP,UAAW7B,KAAK6B,UAChBD,cAAe5B,KAAKC,MAAM2B,cAC1BS,cAAerC,KAAKC,MAAMoC,cAC1BC,aAActC,KAAKC,MAAMqC,aACzB9B,KAAMR,KAAKC,MAAMO,KACjB+B,gBAAiBvC,KAAKuC,gBACtBC,mBAAoBxC,KAAKC,MAAMuC,oBAG3C,EAvEAC,EADS9C,EACKS,OAAOsC,EAAWC,KAEhCF,EAHS9C,EAGQiD,eAAeA"}
+{"version":3,"file":"Ach.js","sources":["../../../../src/components/Ach/Ach.tsx"],"sourcesContent":["import { h, RefObject } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport RedirectButton from '../internal/RedirectButton';\nimport { TxVariants } from '../tx-variants';\nimport AchComponent from './components/AchComponent';\nimport defaultProps from './defaultProps';\n\nimport type { AchConfiguration } from './types';\n\nexport class AchElement extends UIElement<AchConfiguration> {\n    public static readonly type = TxVariants.ach;\n\n    protected static readonly defaultProps = defaultProps;\n\n    public override formatData() {\n        const recurringPayment = !!this.props.storedPaymentMethodId;\n\n        if (recurringPayment) {\n            return {\n                paymentMethod: {\n                    type: AchElement.type,\n                    storedPaymentMethodId: this.props.storedPaymentMethodId\n                }\n            };\n        }\n\n        return {\n            paymentMethod: {\n                type: AchElement.type,\n                ownerName: this.state.data.ownerName,\n                accountHolderType: this.state.data.selectedAccountType?.split('.')[0],\n                bankAccountType: this.state.data.selectedAccountType?.split('.')[1],\n                bankLocationId: this.state.data.routingNumber,\n                bankAccountNumber: this.state.data.accountNumber\n            },\n            ...(this.state.storePaymentMethod && { storePaymentMethod: this.state.storePaymentMethod })\n        };\n    }\n\n    public override get isValid(): boolean {\n        if (this.props.storedPaymentMethodId) {\n            return true;\n        }\n\n        return !!this.state.isValid;\n    }\n\n    public override get displayName(): string {\n        if (this.props.storedPaymentMethodId && this.props.bankAccountNumber) {\n            return `•••• ${this.props.bankAccountNumber.slice(-4)}`;\n        }\n        return this.props.name;\n    }\n\n    public override get additionalInfo(): string {\n        return this.props.storedPaymentMethodId ? this.props.i18n.get('ach.savedBankAccount') : '';\n    }\n\n    protected override componentToRender(): h.JSX.Element {\n        return this.props.storedPaymentMethodId ? (\n            <RedirectButton\n                showPayButton={this.props.showPayButton}\n                name={this.displayName}\n                payButton={this.payButton}\n                onSubmit={this.submit}\n                ref={(ref: RefObject<typeof RedirectButton>) => {\n                    this.componentRef = ref;\n                }}\n            />\n        ) : (\n            <AchComponent\n                onChange={this.setState}\n                payButton={this.payButton}\n                showPayButton={this.props.showPayButton}\n                hasHolderName={this.props.hasHolderName}\n                placeholders={this.props.placeholders}\n                data={this.props.data}\n                setComponentRef={this.setComponentRef}\n                enableStoreDetails={this.props.enableStoreDetails}\n            />\n        );\n    }\n}\n\nexport default AchElement;\n"],"names":["AchElement","UIElement","formatData","_this_state_data_selectedAccountType","_this_state_data_selectedAccountType1","this","props","storedPaymentMethodId","paymentMethod","type","_object_spread","ownerName","state","data","accountHolderType","selectedAccountType","split","bankAccountType","bankLocationId","routingNumber","bankAccountNumber","accountNumber","storePaymentMethod","isValid","displayName","slice","name","additionalInfo","i18n","get","componentToRender","h","RedirectButton","showPayButton","payButton","onSubmit","submit","ref","componentRef","AchComponent","onChange","setState","hasHolderName","placeholders","setComponentRef","enableStoreDetails","_define_property","TxVariants","ach","defaultProps"],"mappings":"obASO,MAAMA,UAAmBC,EAKZC,UAAAA,OAgBeC,EACFC,EAdzB,QAF2BC,KAAKC,MAAMC,sBAG3B,CACHC,cAAe,CACXC,KAAMT,EAAWS,KACjBF,sBAAuBF,KAAKC,MAAMC,0VAKvCG,CAAA,CACHF,cAAe,CACXC,KAAMT,EAAWS,KACjBE,UAAWN,KAAKO,MAAMC,KAAKF,UAC3BG,kBAAsD,QAAnCX,EAAAE,KAAKO,MAAMC,KAAKE,+BAAhBZ,SAAAA,EAAqCa,MAAM,KAAK,GACnEC,gBAAoD,QAAnCb,EAAAC,KAAKO,MAAMC,KAAKE,+BAAhBX,SAAAA,EAAqCY,MAAM,KAAK,GACjEE,eAAgBb,KAAKO,MAAMC,KAAKM,cAChCC,kBAAmBf,KAAKO,MAAMC,KAAKQ,gBAEnChB,KAAKO,MAAMU,oBAAsB,CAAEA,mBAAoBjB,KAAKO,MAAMU,oBAE9E,CAEA,WAAoBC,GAChB,QAAIlB,KAAKC,MAAMC,yBAINF,KAAKO,MAAMW,OACxB,CAEA,eAAoBC,GAChB,OAAInB,KAAKC,MAAMC,uBAAyBF,KAAKC,MAAMc,kBACxC,QAAQf,KAAKC,MAAMc,kBAAkBK,OAAM,KAE/CpB,KAAKC,MAAMoB,IACtB,CAEA,kBAAoBC,GAChB,OAAOtB,KAAKC,MAAMC,sBAAwBF,KAAKC,MAAMsB,KAAKC,IAAI,wBAA0B,EAC5F,CAEmBC,iBAAAA,GACf,OAAOzB,KAAKC,MAAMC,sBACdwB,EAACC,EAAAA,CACGC,cAAe5B,KAAKC,MAAM2B,cAC1BP,KAAMrB,KAAKmB,YACXU,UAAW7B,KAAK6B,UAChBC,SAAU9B,KAAK+B,OACfC,IAAMA,IACFhC,KAAKiC,aAAeD,KAI5BN,EAACQ,EAAAA,CACGC,SAAUnC,KAAKoC,SACfP,UAAW7B,KAAK6B,UAChBD,cAAe5B,KAAKC,MAAM2B,cAC1BS,cAAerC,KAAKC,MAAMoC,cAC1BC,aAActC,KAAKC,MAAMqC,aACzB9B,KAAMR,KAAKC,MAAMO,KACjB+B,gBAAiBvC,KAAKuC,gBACtBC,mBAAoBxC,KAAKC,MAAMuC,oBAG3C,EAvEAC,EADS9C,EACcS,OAAOsC,EAAWC,KAEzCF,EAHS9C,EAGiBiD,eAAeA"}

package/dist/es-legacy/components/Ach/components/AccountTypeSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccountTypeSelector.js","sources":["../../../../../src/components/Ach/components/AccountTypeSelector.tsx"],"sourcesContent":["import Select from '../../internal/FormFields/Select';\nimport Field from '../../internal/FormFields/Field';\nimport { h } from 'preact';\nimport { useCallback, useMemo } from 'preact/hooks';\nimport { useCoreContext } from '../../../core/Context/CoreProvider';\nimport { SelectItem, SelectTargetObject } from '../../internal/FormFields/Select/types';\n\nconst SELECTOR_OPTIONS = [\n    { id: 'personal.checking', nameKey: 'ach.bankAccount.option.personal-checking' },\n    { id: 'personal.savings', nameKey: 'ach.bankAccount.option.personal-savings' },\n    { id: 'business.checking', nameKey: 'ach.bankAccount.option.business-checking' },\n    { id: 'business.savings', nameKey: 'ach.bankAccount.option.business-savings' }\n];\n\ninterface AccountTypeSelectorProps {\n    selectedAccountType?: string;\n    onSelect(value: string): void;\n    disabled: boolean;\n    errorMessage?: string;\n    placeholder?: string;\n}\n\nconst AccountTypeSelector = ({ onSelect, selectedAccountType, errorMessage, placeholder, disabled }: AccountTypeSelectorProps) => {\n    const { i18n } = useCoreContext();\n    const options: SelectItem[] = useMemo(\n        () =>\n            SELECTOR_OPTIONS.map(option => ({\n                id: option.id,\n                name: i18n.get(option.nameKey)\n            })),\n        [i18n, SELECTOR_OPTIONS]\n    );\n\n    const onChange = useCallback(\n        (event: { target: SelectTargetObject }) => {\n            const value = event.target.value as string;\n            onSelect(value);\n        },\n        [onSelect]\n    );\n\n    return (\n        <Field\n            name={'ach-bankaccount-type'}\n            useLabelElement={true}\n            showContextualElement={false}\n            label={i18n.get('ach.bankAccount.label')}\n            errorMessage={errorMessage}\n            classNameModifiers={['selectedAccountType']}\n        >\n            <Select\n                placeholder={placeholder || i18n.get('ach.bankAccount.placeholder')}\n                filterable={false}\n                items={options}\n                selectedValue={selectedAccountType}\n                onChange={onChange}\n                name={'ach-bankaccount-type'}\n                disabled={disabled}\n            />\n        </Field>\n    );\n};\n\nexport { AccountTypeSelector };\n"],"names":["SELECTOR_OPTIONS","id","nameKey","AccountTypeSelector","onSelect","selectedAccountType","errorMessage","placeholder","disabled","i18n","useCoreContext","options","useMemo","map","option","name","get","onChange","useCallback","event","value","target","h","Field","useLabelElement","showContextualElement","label","classNameModifiers","Select","filterable","items","selectedValue"],"mappings":"yVAOA,MAAMA,EAAmB,CACrB,CAAEC,GAAI,oBAAqBC,QAAS,4CACpC,CAAED,GAAI,mBAAoBC,QAAS,2CACnC,CAAED,GAAI,oBAAqBC,QAAS,4CACpC,CAAED,GAAI,mBAAoBC,QAAS,4CAWjCC,EAAsB,EAAGC,WAAUC,sBAAqBC,eAAcC,cAAaC,eACrF,MAAMC,KAAEA,GAASC,IACXC,EAAwBC,EAC1B,IACIZ,EAAiBa,IAAIC,KACjBb,GAAIa,EAAOb,GACXc,KAAMN,EAAKO,IAAIF,EAAOZ,YAE9B,CAACO,EAAMT,IAGLiB,EAAWC,EACZC,IACG,MAAMC,EAAQD,EAAME,OAAOD,MAC3BhB,EAASgB,IAEb,CAAChB,IAGL,OACIkB,EAACC,EAAAA,CACGR,KAAM,uBACNS,iBAAiB,EACjBC,uBAAuB,EACvBC,MAAOjB,EAAKO,IAAI,yBAChBV,aAAcA,EACdqB,mBAAoB,CAAC,wBAErBL,EAACM,EAAAA,CACGrB,YAAaA,GAAeE,EAAKO,IAAI,+BACrCa,YAAY,EACZC,MAAOnB,EACPoB,cAAe1B,EACfY,SAAUA,EACVF,KAAM,uBACNP,SAAUA"}
+{"version":3,"file":"AccountTypeSelector.js","sources":["../../../../../src/components/Ach/components/AccountTypeSelector.tsx"],"sourcesContent":["import Select from '../../internal/FormFields/Select';\nimport Field from '../../internal/FormFields/Field';\nimport { h } from 'preact';\nimport { useCallback, useMemo } from 'preact/hooks';\nimport { useCoreContext } from '../../../core/Context/CoreProvider';\nimport { SelectItem, SelectTargetObject } from '../../internal/FormFields/Select/types';\n\nconst SELECTOR_OPTIONS = [\n    { id: 'personal.checking', nameKey: 'ach.bankAccount.option.personal-checking' },\n    { id: 'personal.savings', nameKey: 'ach.bankAccount.option.personal-savings' },\n    { id: 'business.checking', nameKey: 'ach.bankAccount.option.business-checking' },\n    { id: 'business.savings', nameKey: 'ach.bankAccount.option.business-savings' }\n];\n\ninterface AccountTypeSelectorProps {\n    selectedAccountType?: string;\n    onSelect(value: string): void;\n    disabled: boolean;\n    errorMessage?: string;\n    placeholder?: string;\n}\n\nconst AccountTypeSelector = ({ onSelect, selectedAccountType, errorMessage, placeholder, disabled }: Readonly<AccountTypeSelectorProps>) => {\n    const { i18n } = useCoreContext();\n    const options: SelectItem[] = useMemo(\n        () =>\n            SELECTOR_OPTIONS.map(option => ({\n                id: option.id,\n                name: i18n.get(option.nameKey)\n            })),\n        [i18n, SELECTOR_OPTIONS]\n    );\n\n    const onChange = useCallback(\n        (event: { target: SelectTargetObject }) => {\n            const value = event.target.value as string;\n            onSelect(value);\n        },\n        [onSelect]\n    );\n\n    return (\n        <Field\n            name={'ach-bankaccount-type'}\n            useLabelElement={true}\n            showContextualElement={false}\n            label={i18n.get('ach.bankAccount.label')}\n            errorMessage={errorMessage}\n            classNameModifiers={['selectedAccountType']}\n        >\n            <Select\n                placeholder={placeholder || i18n.get('ach.bankAccount.placeholder')}\n                filterable={false}\n                items={options}\n                selectedValue={selectedAccountType}\n                onChange={onChange}\n                name={'ach-bankaccount-type'}\n                disabled={disabled}\n            />\n        </Field>\n    );\n};\n\nexport { AccountTypeSelector };\n"],"names":["SELECTOR_OPTIONS","id","nameKey","AccountTypeSelector","onSelect","selectedAccountType","errorMessage","placeholder","disabled","i18n","useCoreContext","options","useMemo","map","option","name","get","onChange","useCallback","event","value","target","h","Field","useLabelElement","showContextualElement","label","classNameModifiers","Select","filterable","items","selectedValue"],"mappings":"yVAOA,MAAMA,EAAmB,CACrB,CAAEC,GAAI,oBAAqBC,QAAS,4CACpC,CAAED,GAAI,mBAAoBC,QAAS,2CACnC,CAAED,GAAI,oBAAqBC,QAAS,4CACpC,CAAED,GAAI,mBAAoBC,QAAS,4CAWjCC,EAAsB,EAAGC,WAAUC,sBAAqBC,eAAcC,cAAaC,eACrF,MAAMC,KAAEA,GAASC,IACXC,EAAwBC,EAC1B,IACIZ,EAAiBa,IAAIC,KACjBb,GAAIa,EAAOb,GACXc,KAAMN,EAAKO,IAAIF,EAAOZ,YAE9B,CAACO,EAAMT,IAGLiB,EAAWC,EACZC,IACG,MAAMC,EAAQD,EAAME,OAAOD,MAC3BhB,EAASgB,IAEb,CAAChB,IAGL,OACIkB,EAACC,EAAAA,CACGR,KAAM,uBACNS,iBAAiB,EACjBC,uBAAuB,EACvBC,MAAOjB,EAAKO,IAAI,yBAChBV,aAAcA,EACdqB,mBAAoB,CAAC,wBAErBL,EAACM,EAAAA,CACGrB,YAAaA,GAAeE,EAAKO,IAAI,+BACrCa,YAAY,EACZC,MAAOnB,EACPoB,cAAe1B,EACfY,SAAUA,EACVF,KAAM,uBACNP,SAAUA"}

package/dist/es-legacy/components/Ach/components/AchComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AchComponent.js","sources":["../../../../../src/components/Ach/components/AchComponent.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'preact/hooks';\nimport { useCoreContext } from '../../../core/Context/CoreProvider';\nimport FormInstruction from '../../internal/FormInstruction';\nimport { AccountTypeSelector } from './AccountTypeSelector';\nimport Fieldset from '../../internal/FormFields/Fieldset';\nimport useForm from '../../../utils/useForm';\nimport Field from '../../internal/FormFields/Field';\nimport InputText from '../../internal/FormFields/InputText';\nimport { achValidationRules, achFormatters } from './validate';\nimport StoreDetails from '../../internal/StoreDetails';\nimport useSRPanelForAchErrors from './useSRPanelForACHErrors';\nimport useImage from '../../../core/Context/useImage';\nimport { PREFIX } from '../../internal/Icon/constants';\n\nimport type { PayButtonProps } from '../../internal/PayButton/PayButton';\nimport type { ComponentMethodsRef } from '../../internal/UIElement/types';\nimport type { AchPlaceholders } from '../types';\nimport type { AchStateErrors } from './useSRPanelForACHErrors';\n\ntype AchForm = {\n    selectedAccountType: string;\n    ownerName: string;\n    routingNumber: string;\n    accountNumber: string;\n    accountNumberVerification: string;\n};\n\nexport type AchFormPrefillData = Partial<Pick<AchForm, 'ownerName'>>;\n\ninterface AchComponentProps {\n    onChange({\n        data,\n        valid,\n        errors,\n        isValid,\n        storePaymentMethod\n    }: {\n        data: AchForm;\n        valid: { [key: string]: boolean };\n        errors: { [key: string]: any };\n        isValid: boolean;\n        storePaymentMethod: boolean;\n    }): void;\n    payButton: (props: PayButtonProps) => h.JSX.Element;\n    setComponentRef: (ref: ComponentMethodsRef) => void;\n    hasHolderName: boolean;\n    showPayButton: boolean;\n    enableStoreDetails: boolean;\n    placeholders?: AchPlaceholders;\n    data?: AchFormPrefillData;\n}\n\nfunction AchComponent({\n    onChange,\n    payButton,\n    showPayButton,\n    placeholders,\n    data: defaultData,\n    hasHolderName,\n    setComponentRef,\n    enableStoreDetails\n}: AchComponentProps) {\n    const getImage = useImage();\n    const schema = useMemo(\n        () => ['selectedAccountType', 'routingNumber', 'accountNumber', 'accountNumberVerification', ...(hasHolderName ? ['ownerName'] : [])],\n        [hasHolderName]\n    );\n    const { i18n } = useCoreContext();\n    const [status, setStatus] = useState('ready');\n    const { handleChangeFor, triggerValidation, data, errors, valid, isValid } = useForm<AchForm>({\n        schema,\n        defaultData,\n        rules: achValidationRules,\n        formatters: achFormatters\n    });\n    const [storePaymentMethod, setStorePaymentMethod] = useState(false);\n    const isFormDisabled = status === 'loading';\n\n    const isValidating = useRef(false);\n\n    const achRef = useRef<ComponentMethodsRef>({\n        setStatus: setStatus,\n        showValidation: () => {\n            isValidating.current = true;\n            triggerValidation();\n        }\n    });\n\n    useEffect(() => {\n        setComponentRef(achRef.current);\n    }, [setComponentRef, achRef.current]);\n\n    useSRPanelForAchErrors({ errors: errors as AchStateErrors, data, isValidating });\n\n    useEffect(() => {\n        onChange({ data, valid, errors, isValid, storePaymentMethod });\n    }, [onChange, data, valid, errors, isValid, storePaymentMethod]);\n\n    /**\n     * If the \"Verify account number\" field has errors, we want to trigger\n     * its validation when there is any change done to the \"Account number\" field\n     */\n    const onAccountNumberInput = useCallback(\n        (event: h.JSX.TargetedInputEvent<HTMLInputElement>) => {\n            handleChangeFor('accountNumber', 'input')(event);\n\n            const hasAccountVerificationError = !!errors.accountNumberVerification;\n            if (hasAccountVerificationError) {\n                triggerValidation(['accountNumberVerification']);\n            }\n        },\n        [handleChangeFor, triggerValidation, data.accountNumberVerification, errors.accountNumberVerification]\n    );\n\n    return (\n        <div className=\"adyen-checkout__ach\">\n            <FormInstruction />\n\n            <Fieldset classNameModifiers={[]} label={i18n.get('ach.bankAccount.title')}>\n                <AccountTypeSelector\n                    placeholder={placeholders?.accountTypeSelector}\n                    onSelect={handleChangeFor('selectedAccountType')}\n                    selectedAccountType={data.selectedAccountType}\n                    disabled={isFormDisabled}\n                    errorMessage={!!errors.selectedAccountType && i18n.get(errors.selectedAccountType.errorMessage)}\n                />\n\n                {hasHolderName && (\n                    <Field\n                        label={i18n.get('ach.accountHolderNameField.title')}\n                        errorMessage={!!errors.ownerName && i18n.get(errors.ownerName.errorMessage)}\n                        isValid={!!valid.ownerName}\n                        name={'ownerName'}\n                    >\n                        <InputText\n                            disabled={isFormDisabled}\n                            name={'ownerName'}\n                            placeholder={placeholders?.ownerName}\n                            value={data.ownerName}\n                            onInput={handleChangeFor('ownerName', 'input')}\n                            onBlur={handleChangeFor('ownerName', 'blur')}\n                            required={true}\n                        />\n                    </Field>\n                )}\n\n                <Field\n                    label={i18n.get('ach.routingNumber.label')}\n                    classNameModifiers={['col-60']}\n                    errorMessage={!!errors.routingNumber && i18n.get(errors.routingNumber.errorMessage)}\n                    name={'routingNumber'}\n                    isValid={!!valid.routingNumber}\n                >\n                    <InputText\n                        disabled={isFormDisabled}\n                        name={'routingNumber'}\n                        placeholder={placeholders?.routingNumber}\n                        value={data.routingNumber}\n                        onInput={handleChangeFor('routingNumber', 'input')}\n                        onBlur={handleChangeFor('routingNumber', 'blur')}\n                        required={true}\n                        maxlength={9}\n                    />\n                </Field>\n\n                <Field\n                    label={i18n.get('ach.bankAccountNumber.label')}\n                    classNameModifiers={['col-40']}\n                    errorMessage={!!errors.accountNumber && i18n.get(errors.accountNumber.errorMessage)}\n                    isValid={!!valid.accountNumber}\n                    name={'accountNumber'}\n                >\n                    <InputText\n                        disabled={isFormDisabled}\n                        name={'accountNumber'}\n                        placeholder={placeholders?.accountNumber}\n                        value={data.accountNumber}\n                        onInput={onAccountNumberInput}\n                        onBlur={handleChangeFor('accountNumber', 'blur')}\n                        required={true}\n                        maxlength={17}\n                    />\n                </Field>\n\n                <Field\n                    label={i18n.get('ach.bankAccountNumberVerification.label')}\n                    errorMessage={!!errors.accountNumberVerification && i18n.get(errors.accountNumberVerification.errorMessage)}\n                    name={'accountNumberVerification'}\n                    isValid={!!valid.accountNumberVerification}\n                >\n                    <InputText\n                        disabled={isFormDisabled}\n                        name={'accountNumberVerification'}\n                        placeholder={placeholders?.accountNumberVerification}\n                        value={data.accountNumberVerification}\n                        onInput={handleChangeFor('accountNumberVerification', 'input')}\n                        onBlur={handleChangeFor('accountNumberVerification', 'blur')}\n                        required={true}\n                        maxlength={17}\n                    />\n                </Field>\n            </Fieldset>\n\n            {enableStoreDetails && <StoreDetails disabled={isFormDisabled} onChange={setStorePaymentMethod} />}\n\n            {showPayButton && payButton({ status, icon: getImage({ imageFolder: 'components/' })(`${PREFIX}lock`) })}\n        </div>\n    );\n}\n\nexport default AchComponent;\n"],"names":["AchComponent","onChange","payButton","showPayButton","placeholders","data","defaultData","hasHolderName","setComponentRef","enableStoreDetails","getImage","useImage","schema","useMemo","i18n","useCoreContext","status","setStatus","useState","handleChangeFor","triggerValidation","errors","valid","isValid","useForm","rules","achValidationRules","formatters","achFormatters","storePaymentMethod","setStorePaymentMethod","isFormDisabled","isValidating","useRef","achRef","showValidation","current","useEffect","useSRPanelForAchErrors","onAccountNumberInput","useCallback","event","accountNumberVerification","h","div","className","FormInstruction","Fieldset","classNameModifiers","label","get","AccountTypeSelector","placeholder","accountTypeSelector","onSelect","selectedAccountType","disabled","errorMessage","Field","ownerName","name","InputText","value","onInput","onBlur","required","routingNumber","maxlength","accountNumber","StoreDetails","icon","imageFolder","PREFIX"],"mappings":"o4BAqDA,SAASA,GAAaC,SAClBA,EAAQC,UACRA,EAASC,cACTA,EAAaC,aACbA,EACAC,KAAMC,EAAWC,cACjBA,EAAaC,gBACbA,EAAeC,mBACfA,IAEA,MAAMC,EAAWC,IACXC,EAASC,EACX,IAAM,CAAC,sBAAuB,gBAAiB,gBAAiB,+BAAiCN,EAAgB,CAAC,aAAe,IACjI,CAACA,KAECO,KAAEA,GAASC,KACVC,EAAQC,GAAaC,EAAS,UAC/BC,gBAAEA,EAAeC,kBAAEA,EAAiBf,KAAEA,EAAIgB,OAAEA,EAAMC,MAAEA,EAAKC,QAAEA,GAAYC,EAAiB,CAC1FZ,SACAN,cACAmB,MAAOC,EACPC,WAAYC,KAETC,EAAoBC,GAAyBZ,GAAS,GACvDa,EAA4B,YAAXf,EAEjBgB,EAAeC,GAAO,GAEtBC,EAASD,EAA4B,CACvChB,UAAWA,EACXkB,eAAgB,KACZH,EAAaI,SAAU,EACvBhB,OAIRiB,EAAU,KACN7B,EAAgB0B,EAAOE,UACxB,CAAC5B,EAAiB0B,EAAOE,UAE5BE,EAAuB,CAAEjB,OAAQA,EAA0BhB,OAAM2B,iBAEjEK,EAAU,KACNpC,EAAS,CAAEI,OAAMiB,QAAOD,SAAQE,UAASM,wBAC1C,CAAC5B,EAAUI,EAAMiB,EAAOD,EAAQE,EAASM,IAM5C,MAAMU,EAAuBC,EACxBC,IACGtB,EAAgB,gBAAiB,QAAjCA,CAA0CsB,KAEJpB,EAAOqB,2BAEzCtB,EAAkB,CAAC,+BAG3B,CAACD,EAAiBC,EAAmBf,EAAKqC,0BAA2BrB,EAAOqB,4BAGhF,OACIC,EAACC,MAAAA,CAAIC,UAAU,uBACXF,EAACG,QAEDH,EAACI,EAAAA,CAASC,mBAAoB,GAAIC,MAAOnC,EAAKoC,IAAI,0BAC9CP,EAACQ,EAAAA,CACGC,YAAahD,aAAAA,EAAAA,EAAciD,oBAC3BC,SAAUnC,EAAgB,uBAC1BoC,oBAAqBlD,EAAKkD,oBAC1BC,SAAUzB,EACV0B,eAAgBpC,EAAOkC,qBAAuBzC,EAAKoC,IAAI7B,EAAOkC,oBAAoBE,gBAGrFlD,GACGoC,EAACe,EAAAA,CACGT,MAAOnC,EAAKoC,IAAI,oCAChBO,eAAgBpC,EAAOsC,WAAa7C,EAAKoC,IAAI7B,EAAOsC,UAAUF,cAC9DlC,UAAWD,EAAMqC,UACjBC,KAAM,aAENjB,EAACkB,EAAAA,CACGL,SAAUzB,EACV6B,KAAM,YACNR,YAAahD,aAAAA,EAAAA,EAAcuD,UAC3BG,MAAOzD,EAAKsD,UACZI,QAAS5C,EAAgB,YAAa,SACtC6C,OAAQ7C,EAAgB,YAAa,QACrC8C,UAAU,KAKtBtB,EAACe,EAAAA,CACGT,MAAOnC,EAAKoC,IAAI,2BAChBF,mBAAoB,CAAC,UACrBS,eAAgBpC,EAAO6C,eAAiBpD,EAAKoC,IAAI7B,EAAO6C,cAAcT,cACtEG,KAAM,gBACNrC,UAAWD,EAAM4C,eAEjBvB,EAACkB,EAAAA,CACGL,SAAUzB,EACV6B,KAAM,gBACNR,YAAahD,aAAAA,EAAAA,EAAc8D,cAC3BJ,MAAOzD,EAAK6D,cACZH,QAAS5C,EAAgB,gBAAiB,SAC1C6C,OAAQ7C,EAAgB,gBAAiB,QACzC8C,UAAU,EACVE,UAAW,KAInBxB,EAACe,EAAAA,CACGT,MAAOnC,EAAKoC,IAAI,+BAChBF,mBAAoB,CAAC,UACrBS,eAAgBpC,EAAO+C,eAAiBtD,EAAKoC,IAAI7B,EAAO+C,cAAcX,cACtElC,UAAWD,EAAM8C,cACjBR,KAAM,iBAENjB,EAACkB,EAAAA,CACGL,SAAUzB,EACV6B,KAAM,gBACNR,YAAahD,aAAAA,EAAAA,EAAcgE,cAC3BN,MAAOzD,EAAK+D,cACZL,QAASxB,EACTyB,OAAQ7C,EAAgB,gBAAiB,QACzC8C,UAAU,EACVE,UAAW,MAInBxB,EAACe,EAAAA,CACGT,MAAOnC,EAAKoC,IAAI,2CAChBO,eAAgBpC,EAAOqB,2BAA6B5B,EAAKoC,IAAI7B,EAAOqB,0BAA0Be,cAC9FG,KAAM,4BACNrC,UAAWD,EAAMoB,2BAEjBC,EAACkB,EAAAA,CACGL,SAAUzB,EACV6B,KAAM,4BACNR,YAAahD,aAAAA,EAAAA,EAAcsC,0BAC3BoB,MAAOzD,EAAKqC,0BACZqB,QAAS5C,EAAgB,4BAA6B,SACtD6C,OAAQ7C,EAAgB,4BAA6B,QACrD8C,UAAU,EACVE,UAAW,OAKtB1D,GAAsBkC,EAAC0B,EAAAA,CAAab,SAAUzB,EAAgB9B,SAAU6B,IAExE3B,GAAiBD,EAAU,CAAEc,SAAQsD,KAAM5D,EAAS,CAAE6D,YAAa,eAAxB7D,CAAyC,GAAG8D,WAGpG"}
+{"version":3,"file":"AchComponent.js","sources":["../../../../../src/components/Ach/components/AchComponent.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'preact/hooks';\nimport { useCoreContext } from '../../../core/Context/CoreProvider';\nimport FormInstruction from '../../internal/FormInstruction';\nimport { AccountTypeSelector } from './AccountTypeSelector';\nimport Fieldset from '../../internal/FormFields/Fieldset';\nimport useForm from '../../../utils/useForm';\nimport Field from '../../internal/FormFields/Field';\nimport InputText from '../../internal/FormFields/InputText';\nimport { achValidationRules, achFormatters } from './validate';\nimport StoreDetails from '../../internal/StoreDetails';\nimport useSRPanelForAchErrors from './useSRPanelForACHErrors';\nimport useImage from '../../../core/Context/useImage';\nimport { PREFIX } from '../../internal/Icon/constants';\n\nimport type { PayButtonProps } from '../../internal/PayButton/PayButton';\nimport type { ComponentMethodsRef } from '../../internal/UIElement/types';\nimport type { AchPlaceholders } from '../types';\nimport type { AchStateErrors } from './useSRPanelForACHErrors';\n\ntype AchForm = {\n    selectedAccountType: string;\n    ownerName: string;\n    routingNumber: string;\n    accountNumber: string;\n    accountNumberVerification: string;\n};\n\nexport type AchFormPrefillData = Partial<Pick<AchForm, 'ownerName'>>;\n\ninterface AchComponentProps {\n    onChange({\n        data,\n        valid,\n        errors,\n        isValid,\n        storePaymentMethod\n    }: {\n        data: AchForm;\n        valid: { [key: string]: boolean };\n        errors: { [key: string]: any };\n        isValid: boolean;\n        storePaymentMethod: boolean;\n    }): void;\n    payButton: (props: PayButtonProps) => h.JSX.Element;\n    setComponentRef: (ref: ComponentMethodsRef) => void;\n    hasHolderName: boolean;\n    showPayButton: boolean;\n    enableStoreDetails: boolean;\n    placeholders?: AchPlaceholders;\n    data?: AchFormPrefillData;\n}\n\nfunction AchComponent({\n    onChange,\n    payButton,\n    showPayButton,\n    placeholders,\n    data: defaultData,\n    hasHolderName,\n    setComponentRef,\n    enableStoreDetails\n}: Readonly<AchComponentProps>) {\n    const getImage = useImage();\n    const schema = useMemo(\n        () => ['selectedAccountType', 'routingNumber', 'accountNumber', 'accountNumberVerification', ...(hasHolderName ? ['ownerName'] : [])],\n        [hasHolderName]\n    );\n    const { i18n } = useCoreContext();\n    const [status, setStatus] = useState('ready');\n    const { handleChangeFor, triggerValidation, data, errors, valid, isValid } = useForm<AchForm>({\n        schema,\n        defaultData,\n        rules: achValidationRules,\n        formatters: achFormatters\n    });\n    const [storePaymentMethod, setStorePaymentMethod] = useState(false);\n    const isFormDisabled = status === 'loading';\n\n    const isValidating = useRef(false);\n\n    const achRef = useRef<ComponentMethodsRef>({\n        setStatus: setStatus,\n        showValidation: () => {\n            isValidating.current = true;\n            triggerValidation();\n        }\n    });\n\n    useEffect(() => {\n        setComponentRef(achRef.current);\n    }, [setComponentRef, achRef.current]);\n\n    useSRPanelForAchErrors({ errors: errors as AchStateErrors, data, isValidating });\n\n    useEffect(() => {\n        onChange({ data, valid, errors, isValid, storePaymentMethod });\n    }, [onChange, data, valid, errors, isValid, storePaymentMethod]);\n\n    /**\n     * If the \"Verify account number\" field has errors, we want to trigger\n     * its validation when there is any change done to the \"Account number\" field\n     */\n    const onAccountNumberInput = useCallback(\n        (event: h.JSX.TargetedInputEvent<HTMLInputElement>) => {\n            handleChangeFor('accountNumber', 'input')(event);\n\n            const hasAccountVerificationError = !!errors.accountNumberVerification;\n            if (hasAccountVerificationError) {\n                triggerValidation(['accountNumberVerification']);\n            }\n        },\n        [handleChangeFor, triggerValidation, data.accountNumberVerification, errors.accountNumberVerification]\n    );\n\n    return (\n        <div className=\"adyen-checkout__ach\">\n            <FormInstruction />\n\n            <Fieldset classNameModifiers={[]} label={i18n.get('ach.bankAccount.title')}>\n                <AccountTypeSelector\n                    placeholder={placeholders?.accountTypeSelector}\n                    onSelect={handleChangeFor('selectedAccountType')}\n                    selectedAccountType={data.selectedAccountType}\n                    disabled={isFormDisabled}\n                    errorMessage={!!errors.selectedAccountType && i18n.get(errors.selectedAccountType.errorMessage)}\n                />\n\n                {hasHolderName && (\n                    <Field\n                        label={i18n.get('ach.accountHolderNameField.title')}\n                        errorMessage={!!errors.ownerName && i18n.get(errors.ownerName.errorMessage)}\n                        isValid={!!valid.ownerName}\n                        name={'ownerName'}\n                    >\n                        <InputText\n                            disabled={isFormDisabled}\n                            name={'ownerName'}\n                            placeholder={placeholders?.ownerName}\n                            value={data.ownerName}\n                            onInput={handleChangeFor('ownerName', 'input')}\n                            onBlur={handleChangeFor('ownerName', 'blur')}\n                            required={true}\n                        />\n                    </Field>\n                )}\n\n                <Field\n                    label={i18n.get('ach.routingNumber.label')}\n                    classNameModifiers={['col-60']}\n                    errorMessage={!!errors.routingNumber && i18n.get(errors.routingNumber.errorMessage)}\n                    name={'routingNumber'}\n                    isValid={!!valid.routingNumber}\n                >\n                    <InputText\n                        disabled={isFormDisabled}\n                        name={'routingNumber'}\n                        placeholder={placeholders?.routingNumber}\n                        value={data.routingNumber}\n                        onInput={handleChangeFor('routingNumber', 'input')}\n                        onBlur={handleChangeFor('routingNumber', 'blur')}\n                        required={true}\n                        maxlength={9}\n                    />\n                </Field>\n\n                <Field\n                    label={i18n.get('ach.bankAccountNumber.label')}\n                    classNameModifiers={['col-40']}\n                    errorMessage={!!errors.accountNumber && i18n.get(errors.accountNumber.errorMessage)}\n                    isValid={!!valid.accountNumber}\n                    name={'accountNumber'}\n                >\n                    <InputText\n                        disabled={isFormDisabled}\n                        name={'accountNumber'}\n                        placeholder={placeholders?.accountNumber}\n                        value={data.accountNumber}\n                        onInput={onAccountNumberInput}\n                        onBlur={handleChangeFor('accountNumber', 'blur')}\n                        required={true}\n                        maxlength={17}\n                    />\n                </Field>\n\n                <Field\n                    label={i18n.get('ach.bankAccountNumberVerification.label')}\n                    errorMessage={!!errors.accountNumberVerification && i18n.get(errors.accountNumberVerification.errorMessage)}\n                    name={'accountNumberVerification'}\n                    isValid={!!valid.accountNumberVerification}\n                >\n                    <InputText\n                        disabled={isFormDisabled}\n                        name={'accountNumberVerification'}\n                        placeholder={placeholders?.accountNumberVerification}\n                        value={data.accountNumberVerification}\n                        onInput={handleChangeFor('accountNumberVerification', 'input')}\n                        onBlur={handleChangeFor('accountNumberVerification', 'blur')}\n                        required={true}\n                        maxlength={17}\n                    />\n                </Field>\n            </Fieldset>\n\n            {enableStoreDetails && <StoreDetails disabled={isFormDisabled} onChange={setStorePaymentMethod} />}\n\n            {showPayButton && payButton({ status, icon: getImage({ imageFolder: 'components/' })(`${PREFIX}lock`) })}\n        </div>\n    );\n}\n\nexport default AchComponent;\n"],"names":["AchComponent","onChange","payButton","showPayButton","placeholders","data","defaultData","hasHolderName","setComponentRef","enableStoreDetails","getImage","useImage","schema","useMemo","i18n","useCoreContext","status","setStatus","useState","handleChangeFor","triggerValidation","errors","valid","isValid","useForm","rules","achValidationRules","formatters","achFormatters","storePaymentMethod","setStorePaymentMethod","isFormDisabled","isValidating","useRef","achRef","showValidation","current","useEffect","useSRPanelForAchErrors","onAccountNumberInput","useCallback","event","accountNumberVerification","h","div","className","FormInstruction","Fieldset","classNameModifiers","label","get","AccountTypeSelector","placeholder","accountTypeSelector","onSelect","selectedAccountType","disabled","errorMessage","Field","ownerName","name","InputText","value","onInput","onBlur","required","routingNumber","maxlength","accountNumber","StoreDetails","icon","imageFolder","PREFIX"],"mappings":"o4BAqDA,SAASA,GAAaC,SAClBA,EAAQC,UACRA,EAASC,cACTA,EAAaC,aACbA,EACAC,KAAMC,EAAWC,cACjBA,EAAaC,gBACbA,EAAeC,mBACfA,IAEA,MAAMC,EAAWC,IACXC,EAASC,EACX,IAAM,CAAC,sBAAuB,gBAAiB,gBAAiB,+BAAiCN,EAAgB,CAAC,aAAe,IACjI,CAACA,KAECO,KAAEA,GAASC,KACVC,EAAQC,GAAaC,EAAS,UAC/BC,gBAAEA,EAAeC,kBAAEA,EAAiBf,KAAEA,EAAIgB,OAAEA,EAAMC,MAAEA,EAAKC,QAAEA,GAAYC,EAAiB,CAC1FZ,SACAN,cACAmB,MAAOC,EACPC,WAAYC,KAETC,EAAoBC,GAAyBZ,GAAS,GACvDa,EAA4B,YAAXf,EAEjBgB,EAAeC,GAAO,GAEtBC,EAASD,EAA4B,CACvChB,UAAWA,EACXkB,eAAgB,KACZH,EAAaI,SAAU,EACvBhB,OAIRiB,EAAU,KACN7B,EAAgB0B,EAAOE,UACxB,CAAC5B,EAAiB0B,EAAOE,UAE5BE,EAAuB,CAAEjB,OAAQA,EAA0BhB,OAAM2B,iBAEjEK,EAAU,KACNpC,EAAS,CAAEI,OAAMiB,QAAOD,SAAQE,UAASM,wBAC1C,CAAC5B,EAAUI,EAAMiB,EAAOD,EAAQE,EAASM,IAM5C,MAAMU,EAAuBC,EACxBC,IACGtB,EAAgB,gBAAiB,QAAjCA,CAA0CsB,KAEJpB,EAAOqB,2BAEzCtB,EAAkB,CAAC,+BAG3B,CAACD,EAAiBC,EAAmBf,EAAKqC,0BAA2BrB,EAAOqB,4BAGhF,OACIC,EAACC,MAAAA,CAAIC,UAAU,uBACXF,EAACG,QAEDH,EAACI,EAAAA,CAASC,mBAAoB,GAAIC,MAAOnC,EAAKoC,IAAI,0BAC9CP,EAACQ,EAAAA,CACGC,YAAahD,aAAAA,EAAAA,EAAciD,oBAC3BC,SAAUnC,EAAgB,uBAC1BoC,oBAAqBlD,EAAKkD,oBAC1BC,SAAUzB,EACV0B,eAAgBpC,EAAOkC,qBAAuBzC,EAAKoC,IAAI7B,EAAOkC,oBAAoBE,gBAGrFlD,GACGoC,EAACe,EAAAA,CACGT,MAAOnC,EAAKoC,IAAI,oCAChBO,eAAgBpC,EAAOsC,WAAa7C,EAAKoC,IAAI7B,EAAOsC,UAAUF,cAC9DlC,UAAWD,EAAMqC,UACjBC,KAAM,aAENjB,EAACkB,EAAAA,CACGL,SAAUzB,EACV6B,KAAM,YACNR,YAAahD,aAAAA,EAAAA,EAAcuD,UAC3BG,MAAOzD,EAAKsD,UACZI,QAAS5C,EAAgB,YAAa,SACtC6C,OAAQ7C,EAAgB,YAAa,QACrC8C,UAAU,KAKtBtB,EAACe,EAAAA,CACGT,MAAOnC,EAAKoC,IAAI,2BAChBF,mBAAoB,CAAC,UACrBS,eAAgBpC,EAAO6C,eAAiBpD,EAAKoC,IAAI7B,EAAO6C,cAAcT,cACtEG,KAAM,gBACNrC,UAAWD,EAAM4C,eAEjBvB,EAACkB,EAAAA,CACGL,SAAUzB,EACV6B,KAAM,gBACNR,YAAahD,aAAAA,EAAAA,EAAc8D,cAC3BJ,MAAOzD,EAAK6D,cACZH,QAAS5C,EAAgB,gBAAiB,SAC1C6C,OAAQ7C,EAAgB,gBAAiB,QACzC8C,UAAU,EACVE,UAAW,KAInBxB,EAACe,EAAAA,CACGT,MAAOnC,EAAKoC,IAAI,+BAChBF,mBAAoB,CAAC,UACrBS,eAAgBpC,EAAO+C,eAAiBtD,EAAKoC,IAAI7B,EAAO+C,cAAcX,cACtElC,UAAWD,EAAM8C,cACjBR,KAAM,iBAENjB,EAACkB,EAAAA,CACGL,SAAUzB,EACV6B,KAAM,gBACNR,YAAahD,aAAAA,EAAAA,EAAcgE,cAC3BN,MAAOzD,EAAK+D,cACZL,QAASxB,EACTyB,OAAQ7C,EAAgB,gBAAiB,QACzC8C,UAAU,EACVE,UAAW,MAInBxB,EAACe,EAAAA,CACGT,MAAOnC,EAAKoC,IAAI,2CAChBO,eAAgBpC,EAAOqB,2BAA6B5B,EAAKoC,IAAI7B,EAAOqB,0BAA0Be,cAC9FG,KAAM,4BACNrC,UAAWD,EAAMoB,2BAEjBC,EAACkB,EAAAA,CACGL,SAAUzB,EACV6B,KAAM,4BACNR,YAAahD,aAAAA,EAAAA,EAAcsC,0BAC3BoB,MAAOzD,EAAKqC,0BACZqB,QAAS5C,EAAgB,4BAA6B,SACtD6C,OAAQ7C,EAAgB,4BAA6B,QACrD8C,UAAU,EACVE,UAAW,OAKtB1D,GAAsBkC,EAAC0B,EAAAA,CAAab,SAAUzB,EAAgB9B,SAAU6B,IAExE3B,GAAiBD,EAAU,CAAEc,SAAQsD,KAAM5D,EAAS,CAAE6D,YAAa,eAAxB7D,CAAyC,GAAG8D,WAGpG"}

package/dist/es-legacy/components/Address/Address.js.map

@@ -1 +1 @@
-{"version":3,"file":"Address.js","sources":["../../../../src/components/Address/Address.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport Address from '../internal/Address';\nimport { TxVariants } from '../tx-variants';\nimport { AnalyticsInfoEvent, InfoEventType } from '../../core/Analytics/events/AnalyticsInfoEvent';\nimport { AddressProps } from '../internal/Address/types';\nimport { UIElementProps } from '../internal/UIElement/types';\n\nexport type AddressConfiguration = AddressProps & UIElementProps;\n\nexport class AddressElement extends UIElement<AddressConfiguration> {\n    public static type = TxVariants.address;\n\n    protected override beforeRender(configSetByMerchant?: AddressConfiguration): void {\n        const event = new AnalyticsInfoEvent({\n            type: InfoEventType.rendered,\n            component: this.type,\n            configData: configSetByMerchant\n        });\n\n        this.analytics.sendAnalytics(event);\n    }\n\n    get data() {\n        return this.state.data;\n    }\n\n    get isValid() {\n        return !!this.state.isValid;\n    }\n\n    protected override componentToRender(): h.JSX.Element {\n        return (\n            <Address\n                setComponentRef={this.setComponentRef}\n                {...this.props}\n                onChange={this.setState}\n                {...(process.env.NODE_ENV !== 'production' && { payButton: this.payButton })}\n            />\n        );\n    }\n}\n\nexport default AddressElement;\n"],"names":["AddressElement","UIElement","beforeRender","configSetByMerchant","event","AnalyticsInfoEvent","type","InfoEventType","rendered","component","this","configData","analytics","sendAnalytics","data","state","isValid","componentToRender","h","Address","setComponentRef","props","onChange","setState","_define_property","TxVariants","address"],"mappings":"onCAUO,MAAMA,UAAuBC,EAGbC,YAAAA,CAAaC,GAC5B,MAAMC,EAAQ,IAAIC,EAAmB,CACjCC,KAAMC,EAAcC,SACpBC,UAAWC,KAAKJ,KAChBK,WAAYR,IAGhBO,KAAKE,UAAUC,cAAcT,EACjC,CAEA,QAAIU,GACA,OAAOJ,KAAKK,MAAMD,IACtB,CAEA,WAAIE,GACA,QAASN,KAAKK,MAAMC,OACxB,CAEmBC,iBAAAA,GACf,OACIC,EAACC,EAAAA,EAAAA,EAAAA,EAAAA,CACGC,gBAAiBV,KAAKU,iBAClBV,KAAKW,OAAK,CACdC,SAAUZ,KAAKa,YACV,GAGjB,EA7BAC,EADSxB,EACKM,OAAOmB,EAAWC"}
+{"version":3,"file":"Address.js","sources":["../../../../src/components/Address/Address.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport Address from '../internal/Address';\nimport { TxVariants } from '../tx-variants';\nimport { AnalyticsInfoEvent, InfoEventType } from '../../core/Analytics/events/AnalyticsInfoEvent';\nimport { AddressProps } from '../internal/Address/types';\nimport { UIElementProps } from '../internal/UIElement/types';\n\nexport type AddressConfiguration = AddressProps & UIElementProps;\n\nexport class AddressElement extends UIElement<AddressConfiguration> {\n    public static readonly type = TxVariants.address;\n\n    protected override beforeRender(configSetByMerchant?: AddressConfiguration): void {\n        const event = new AnalyticsInfoEvent({\n            type: InfoEventType.rendered,\n            component: this.type,\n            configData: configSetByMerchant\n        });\n\n        this.analytics.sendAnalytics(event);\n    }\n\n    get data() {\n        return this.state.data;\n    }\n\n    get isValid() {\n        return !!this.state.isValid;\n    }\n\n    protected override componentToRender(): h.JSX.Element {\n        return (\n            <Address\n                setComponentRef={this.setComponentRef}\n                {...this.props}\n                onChange={this.setState}\n                {...(process.env.NODE_ENV !== 'production' && { payButton: this.payButton })}\n            />\n        );\n    }\n}\n\nexport default AddressElement;\n"],"names":["AddressElement","UIElement","beforeRender","configSetByMerchant","event","AnalyticsInfoEvent","type","InfoEventType","rendered","component","this","configData","analytics","sendAnalytics","data","state","isValid","componentToRender","h","Address","setComponentRef","props","onChange","setState","_define_property","TxVariants","address"],"mappings":"onCAUO,MAAMA,UAAuBC,EAGbC,YAAAA,CAAaC,GAC5B,MAAMC,EAAQ,IAAIC,EAAmB,CACjCC,KAAMC,EAAcC,SACpBC,UAAWC,KAAKJ,KAChBK,WAAYR,IAGhBO,KAAKE,UAAUC,cAAcT,EACjC,CAEA,QAAIU,GACA,OAAOJ,KAAKK,MAAMD,IACtB,CAEA,WAAIE,GACA,QAASN,KAAKK,MAAMC,OACxB,CAEmBC,iBAAAA,GACf,OACIC,EAACC,EAAAA,EAAAA,EAAAA,EAAAA,CACGC,gBAAiBV,KAAKU,iBAClBV,KAAKW,OAAK,CACdC,SAAUZ,KAAKa,YACV,GAGjB,EA7BAC,EADSxB,EACcM,OAAOmB,EAAWC"}

package/dist/es-legacy/components/Affirm/Affirm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Affirm.js","sources":["../../../../src/components/Affirm/Affirm.tsx"],"sourcesContent":["import OpenInvoiceContainer from '../helpers/OpenInvoiceContainer';\nimport { ALLOWED_COUNTRIES } from './config';\nimport { TxVariants } from '../tx-variants';\nimport type { OpenInvoiceConfiguration } from '../types';\n\nexport default class Affirm extends OpenInvoiceContainer {\n    public static type = TxVariants.affirm;\n\n    formatProps(props: OpenInvoiceConfiguration) {\n        return {\n            ...super.formatProps(props),\n            allowedCountries: ALLOWED_COUNTRIES,\n            personalDetailsRequiredFields: ['firstName', 'lastName', 'telephoneNumber', 'shopperEmail']\n        };\n    }\n}\n"],"names":["Affirm","OpenInvoiceContainer","formatProps","props","_object_spread_props","_object_spread","super","allowedCountries","ALLOWED_COUNTRIES","personalDetailsRequiredFields","_define_property","type","TxVariants","affirm"],"mappings":"2oBAKe,MAAMA,UAAeC,EAGhCC,WAAAA,CAAYC,GACR,OAAOC,oUAAAC,CAAA,CAAA,EACAC,MAAMJ,YAAYC,IAAAA,CACrBI,iBAAkBC,EAClBC,8BAA+B,CAAC,YAAa,WAAY,kBAAmB,iBAEpF,EARAC,EADiBV,EACHW,OAAOC,EAAWC"}
+{"version":3,"file":"Affirm.js","sources":["../../../../src/components/Affirm/Affirm.tsx"],"sourcesContent":["import OpenInvoiceContainer from '../helpers/OpenInvoiceContainer';\nimport { ALLOWED_COUNTRIES } from './config';\nimport { TxVariants } from '../tx-variants';\nimport type { OpenInvoiceConfiguration } from '../types';\n\nexport default class Affirm extends OpenInvoiceContainer {\n    public static readonly type = TxVariants.affirm;\n\n    formatProps(props: OpenInvoiceConfiguration) {\n        return {\n            ...super.formatProps(props),\n            allowedCountries: ALLOWED_COUNTRIES,\n            personalDetailsRequiredFields: ['firstName', 'lastName', 'telephoneNumber', 'shopperEmail']\n        };\n    }\n}\n"],"names":["Affirm","OpenInvoiceContainer","formatProps","props","_object_spread_props","_object_spread","super","allowedCountries","ALLOWED_COUNTRIES","personalDetailsRequiredFields","_define_property","type","TxVariants","affirm"],"mappings":"2oBAKe,MAAMA,UAAeC,EAGhCC,WAAAA,CAAYC,GACR,OAAOC,oUAAAC,CAAA,CAAA,EACAC,MAAMJ,YAAYC,IAAAA,CACrBI,iBAAkBC,EAClBC,8BAA+B,CAAC,YAAa,WAAY,kBAAmB,iBAEpF,EARAC,EADiBV,EACMW,OAAOC,EAAWC"}

package/dist/es-legacy/components/AfterPay/AfterPay.js.map

@@ -1 +1 @@
-{"version":3,"file":"AfterPay.js","sources":["../../../../src/components/AfterPay/AfterPay.tsx"],"sourcesContent":["import { h } from 'preact';\nimport OpenInvoiceContainer from '../helpers/OpenInvoiceContainer';\nimport ConsentCheckboxLabel from '../internal/ConsentCheckboxLabel';\nimport { ALLOWED_COUNTRIES, rivertyConsentUrlMap } from './config';\nimport { getConsentUrl } from '../../utils/getConsentUrl';\nimport { TxVariants } from '../tx-variants';\nimport type { OpenInvoiceConfiguration } from '../types';\n\nexport default class AfterPay extends OpenInvoiceContainer {\n    public static type = TxVariants.afterpay_default;\n    public static txVariants = [TxVariants.afterpay_default, TxVariants.afterpay];\n\n    formatProps(props: OpenInvoiceConfiguration) {\n        return {\n            ...super.formatProps(props),\n            allowedCountries: props.countryCode ? [props.countryCode] : ALLOWED_COUNTRIES,\n            consentCheckboxLabel: <ConsentCheckboxLabel url={getConsentUrl(props.countryCode, props.i18n?.locale, rivertyConsentUrlMap)} />\n        };\n    }\n}\n"],"names":["AfterPay","OpenInvoiceContainer","formatProps","props","_object_spread_props","_object_spread","super","allowedCountries","countryCode","ALLOWED_COUNTRIES","consentCheckboxLabel","h","ConsentCheckboxLabel","url","getConsentUrl","i18n","locale","rivertyConsentUrlMap","_define_property","type","TxVariants","afterpay_default","txVariants","afterpay"],"mappings":"+2BAQe,MAAMA,UAAiBC,EAIlCC,WAAAA,CAAYC,GAI8EA,IAAAA,EAHtF,OAAOC,oUAAAC,CAAA,CAAA,EACAC,MAAMJ,YAAYC,IAAAA,CACrBI,iBAAkBJ,EAAMK,YAAc,CAACL,EAAMK,aAAeC,EAC5DC,qBAAsBC,EAACC,EAAAA,CAAqBC,IAAKC,EAAcX,EAAMK,YAAuB,QAAVL,EAAAA,EAAMY,YAANZ,IAAAA,OAAAA,EAAAA,EAAYa,OAAQC,MAE9G,EATAC,EADiBlB,EACHmB,OAAOC,EAAWC,kBAChCH,EAFiBlB,EAEHsB,aAAa,CAACF,EAAWC,iBAAkBD,EAAWG"}
+{"version":3,"file":"AfterPay.js","sources":["../../../../src/components/AfterPay/AfterPay.tsx"],"sourcesContent":["import { h } from 'preact';\nimport OpenInvoiceContainer from '../helpers/OpenInvoiceContainer';\nimport ConsentCheckboxLabel from '../internal/ConsentCheckboxLabel';\nimport { ALLOWED_COUNTRIES, rivertyConsentUrlMap } from './config';\nimport { getConsentUrl } from '../../utils/getConsentUrl';\nimport { TxVariants } from '../tx-variants';\nimport type { OpenInvoiceConfiguration } from '../types';\n\nexport default class AfterPay extends OpenInvoiceContainer {\n    public static readonly type = TxVariants.afterpay_default;\n    public static readonly txVariants = [TxVariants.afterpay_default, TxVariants.afterpay];\n\n    formatProps(props: OpenInvoiceConfiguration) {\n        return {\n            ...super.formatProps(props),\n            allowedCountries: props.countryCode ? [props.countryCode] : ALLOWED_COUNTRIES,\n            consentCheckboxLabel: <ConsentCheckboxLabel url={getConsentUrl(props.countryCode, props.i18n?.locale, rivertyConsentUrlMap)} />\n        };\n    }\n}\n"],"names":["AfterPay","OpenInvoiceContainer","formatProps","props","_object_spread_props","_object_spread","super","allowedCountries","countryCode","ALLOWED_COUNTRIES","consentCheckboxLabel","h","ConsentCheckboxLabel","url","getConsentUrl","i18n","locale","rivertyConsentUrlMap","_define_property","type","TxVariants","afterpay_default","txVariants","afterpay"],"mappings":"+2BAQe,MAAMA,UAAiBC,EAIlCC,WAAAA,CAAYC,GAI8EA,IAAAA,EAHtF,OAAOC,oUAAAC,CAAA,CAAA,EACAC,MAAMJ,YAAYC,IAAAA,CACrBI,iBAAkBJ,EAAMK,YAAc,CAACL,EAAMK,aAAeC,EAC5DC,qBAAsBC,EAACC,EAAAA,CAAqBC,IAAKC,EAAcX,EAAMK,YAAuB,QAAVL,EAAAA,EAAMY,YAANZ,IAAAA,OAAAA,EAAAA,EAAYa,OAAQC,MAE9G,EATAC,EADiBlB,EACMmB,OAAOC,EAAWC,kBACzCH,EAFiBlB,EAEMsB,aAAa,CAACF,EAAWC,iBAAkBD,EAAWG"}

package/dist/es-legacy/components/AfterPay/AfterPayB2B.js.map

@@ -1 +1 @@
-{"version":3,"file":"AfterPayB2B.js","sources":["../../../../src/components/AfterPay/AfterPayB2B.tsx"],"sourcesContent":["import OpenInvoiceContainer from '../helpers/OpenInvoiceContainer';\nimport { TxVariants } from '../tx-variants';\nimport { ALLOWED_COUNTRIES } from './config';\nimport type { OpenInvoiceConfiguration } from '../helpers/OpenInvoiceContainer/types';\n\nexport default class AfterPayB2B extends OpenInvoiceContainer {\n    public static type = TxVariants.afterpay_b2b;\n\n    protected static defaultProps: Partial<OpenInvoiceConfiguration> = {\n        onChange: () => {},\n        data: { companyDetails: {}, personalDetails: {}, billingAddress: {}, deliveryAddress: {} },\n        visibility: {\n            companyDetails: 'editable',\n            personalDetails: 'editable',\n            billingAddress: 'editable',\n            deliveryAddress: 'editable'\n        }\n    };\n\n    formatProps(props: OpenInvoiceConfiguration) {\n        return {\n            ...super.formatProps(props),\n            allowedCountries: props.countryCode ? [props.countryCode] : ALLOWED_COUNTRIES\n        };\n    }\n}\n"],"names":["AfterPayB2B","OpenInvoiceContainer","formatProps","props","_object_spread_props","_object_spread","super","allowedCountries","countryCode","ALLOWED_COUNTRIES","_define_property","type","TxVariants","afterpay_b2b","defaultProps","onChange","data","companyDetails","personalDetails","billingAddress","deliveryAddress","visibility"],"mappings":"2oBAKe,MAAMA,UAAoBC,EAcrCC,WAAAA,CAAYC,GACR,OAAOC,oUAAAC,CAAA,CAAA,EACAC,MAAMJ,YAAYC,IAAAA,CACrBI,iBAAkBJ,EAAMK,YAAc,CAACL,EAAMK,aAAeC,GAEpE,EAlBAC,EADiBV,EACHW,OAAOC,EAAWC,cAEhCH,EAHiBV,EAGAc,eAAkD,CAC/DC,SAAU,OACVC,KAAM,CAAEC,eAAgB,CAAA,EAAIC,gBAAiB,CAAA,EAAIC,eAAgB,CAAA,EAAIC,gBAAiB,CAAA,GACtFC,WAAY,CACRJ,eAAgB,WAChBC,gBAAiB,WACjBC,eAAgB,WAChBC,gBAAiB"}
+{"version":3,"file":"AfterPayB2B.js","sources":["../../../../src/components/AfterPay/AfterPayB2B.tsx"],"sourcesContent":["import OpenInvoiceContainer from '../helpers/OpenInvoiceContainer';\nimport { TxVariants } from '../tx-variants';\nimport { ALLOWED_COUNTRIES } from './config';\nimport type { OpenInvoiceConfiguration } from '../helpers/OpenInvoiceContainer/types';\n\nexport default class AfterPayB2B extends OpenInvoiceContainer {\n    public static readonly type = TxVariants.afterpay_b2b;\n\n    protected static readonly defaultProps: Partial<OpenInvoiceConfiguration> = {\n        onChange: () => {},\n        data: { companyDetails: {}, personalDetails: {}, billingAddress: {}, deliveryAddress: {} },\n        visibility: {\n            companyDetails: 'editable',\n            personalDetails: 'editable',\n            billingAddress: 'editable',\n            deliveryAddress: 'editable'\n        }\n    };\n\n    formatProps(props: OpenInvoiceConfiguration) {\n        return {\n            ...super.formatProps(props),\n            allowedCountries: props.countryCode ? [props.countryCode] : ALLOWED_COUNTRIES\n        };\n    }\n}\n"],"names":["AfterPayB2B","OpenInvoiceContainer","formatProps","props","_object_spread_props","_object_spread","super","allowedCountries","countryCode","ALLOWED_COUNTRIES","_define_property","type","TxVariants","afterpay_b2b","defaultProps","onChange","data","companyDetails","personalDetails","billingAddress","deliveryAddress","visibility"],"mappings":"2oBAKe,MAAMA,UAAoBC,EAcrCC,WAAAA,CAAYC,GACR,OAAOC,oUAAAC,CAAA,CAAA,EACAC,MAAMJ,YAAYC,IAAAA,CACrBI,iBAAkBJ,EAAMK,YAAc,CAACL,EAAMK,aAAeC,GAEpE,EAlBAC,EADiBV,EACMW,OAAOC,EAAWC,cAEzCH,EAHiBV,EAGSc,eAAkD,CACxEC,SAAU,OACVC,KAAM,CAAEC,eAAgB,CAAA,EAAIC,gBAAiB,CAAA,EAAIC,eAAgB,CAAA,EAAIC,gBAAiB,CAAA,GACtFC,WAAY,CACRJ,eAAgB,WAChBC,gBAAiB,WACjBC,eAAgB,WAChBC,gBAAiB"}

package/dist/es-legacy/components/AmazonPay/AmazonPay.js.map

@@ -1 +1 @@
-{"version":3,"file":"AmazonPay.js","sources":["../../../../src/components/AmazonPay/AmazonPay.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport collectBrowserInfo from '../../utils/browserInfo';\nimport AmazonPayComponent from './components/AmazonPayComponent';\nimport { AmazonPayElementData, AmazonPayConfiguration, CheckoutDetailsRequest } from './types';\nimport defaultProps from './defaultProps';\nimport { getCheckoutDetails } from './services';\nimport './AmazonPay.scss';\nimport { TxVariants } from '../tx-variants';\nimport { sanitizeResponse, verifyPaymentDidNotFail } from '../internal/UIElement/utils';\nimport { AnalyticsInfoEvent, InfoEventType } from '../../core/Analytics/events/AnalyticsInfoEvent';\n\nexport class AmazonPayElement extends UIElement<AmazonPayConfiguration> {\n    public static type = TxVariants.amazonpay;\n\n    protected static defaultProps = defaultProps;\n\n    formatProps(props) {\n        return {\n            ...props,\n            checkoutMode: props.isDropin ? 'ProcessOrder' : props.checkoutMode,\n            environment: props.environment.toUpperCase(),\n            locale: props.locale.replace('-', '_'),\n            productType: props.isDropin && !props.addressDetails ? 'PayOnly' : props.productType\n        };\n    }\n\n    /**\n     * Formats the component data output\n     */\n    formatData(): AmazonPayElementData {\n        const { amazonCheckoutSessionId: checkoutSessionId } = this.props;\n        return {\n            paymentMethod: {\n                type: AmazonPayElement.type,\n                ...(checkoutSessionId && { checkoutSessionId })\n            },\n            browserInfo: this.browserInfo\n        };\n    }\n\n    protected override beforeRender(configSetByMerchant?: AmazonPayConfiguration) {\n        const event = new AnalyticsInfoEvent({\n            type: InfoEventType.rendered,\n            component: this.type,\n            configData: { ...configSetByMerchant, showPayButton: this.props.showPayButton },\n            ...(configSetByMerchant?.isExpress && { isExpress: configSetByMerchant.isExpress }),\n            ...(configSetByMerchant?.expressPage && { expressPage: configSetByMerchant.expressPage })\n        });\n\n        this.analytics.sendAnalytics(event);\n    }\n\n    getShopperDetails() {\n        const { amazonCheckoutSessionId, configuration = {}, loadingContext, clientKey } = this.props;\n        if (!amazonCheckoutSessionId) return console.error('Could not shopper details. Missing checkoutSessionId.');\n\n        const request: CheckoutDetailsRequest = {\n            checkoutSessionId: amazonCheckoutSessionId,\n            getDeliveryAddress: true,\n            publicKeyId: configuration.publicKeyId,\n            region: configuration.region\n        };\n\n        return getCheckoutDetails(loadingContext, clientKey, request);\n    }\n\n    public handleDeclineFlow() {\n        const { amazonCheckoutSessionId, configuration = {}, loadingContext, clientKey } = this.props;\n        if (!amazonCheckoutSessionId) return console.error('Could handle the decline flow. Missing checkoutSessionId.');\n\n        const request: CheckoutDetailsRequest = {\n            checkoutSessionId: amazonCheckoutSessionId,\n            getDeclineFlowUrl: true,\n            publicKeyId: configuration.publicKeyId,\n            region: configuration.region\n        };\n\n        getCheckoutDetails(loadingContext, clientKey, request)\n            .then((response = {}) => {\n                if (!response?.declineFlowUrl) throw response;\n                window.location.assign(response.declineFlowUrl);\n            })\n            .catch(error => {\n                if (this.props.onError) this.props.onError(error, this.componentRef);\n            });\n    }\n\n    get isValid() {\n        return true;\n    }\n\n    get browserInfo() {\n        return collectBrowserInfo();\n    }\n\n    public submit(): void {\n        const amazonComponentSubmit = this.componentRef && this.componentRef.getSubmitFunction();\n        if (amazonComponentSubmit) {\n            return amazonComponentSubmit();\n        }\n        this.makePaymentsCall().then(sanitizeResponse).then(verifyPaymentDidNotFail).then(this.handleResponse).catch(this.handleFailedResult);\n    }\n\n    protected override componentToRender(): h.JSX.Element {\n        return (\n            <AmazonPayComponent\n                ref={ref => {\n                    this.componentRef = ref;\n                }}\n                showPayButton={this.props.showPayButton}\n                onClick={this.props.onClick}\n                onError={this.props.onError}\n                onSignOut={this.props.onSignOut}\n                {...this.props}\n            />\n        );\n    }\n}\n\nexport default AmazonPayElement;\n"],"names":["AmazonPayElement","UIElement","formatProps","props","_object_spread_props","_object_spread","checkoutMode","isDropin","environment","toUpperCase","locale","replace","productType","addressDetails","formatData","amazonCheckoutSessionId","checkoutSessionId","this","paymentMethod","type","browserInfo","beforeRender","configSetByMerchant","event","AnalyticsInfoEvent","InfoEventType","rendered","component","configData","showPayButton","isExpress","expressPage","analytics","sendAnalytics","getShopperDetails","configuration","loadingContext","clientKey","console","error","request","getDeliveryAddress","publicKeyId","region","getCheckoutDetails","handleDeclineFlow","getDeclineFlowUrl","then","response","declineFlowUrl","window","location","assign","catch","onError","componentRef","isValid","collectBrowserInfo","submit","amazonComponentSubmit","getSubmitFunction","makePaymentsCall","sanitizeResponse","verifyPaymentDidNotFail","handleResponse","handleFailedResult","componentToRender","h","AmazonPayComponent","ref","onClick","onSignOut","_define_property","TxVariants","amazonpay","defaultProps"],"mappings":"q1CAYO,MAAMA,UAAyBC,EAKlCC,WAAAA,CAAYC,GACR,OAAOC,EAAAC,EAAA,CAAA,EACAF,GAAAA,CACHG,aAAcH,EAAMI,SAAW,eAAiBJ,EAAMG,aACtDE,YAAaL,EAAMK,YAAYC,cAC/BC,OAAQP,EAAMO,OAAOC,QAAQ,IAAK,KAClCC,YAAaT,EAAMI,WAAaJ,EAAMU,eAAiB,UAAYV,EAAMS,aAEjF,CAKAE,UAAAA,GACI,MAAQC,wBAAyBC,GAAsBC,KAAKd,MAC5D,MAAO,CACHe,cAAeb,EAAA,CACXc,KAAMnB,EAAiBmB,MACnBH,GAAqB,CAAEA,sBAE/BI,YAAaH,KAAKG,YAE1B,CAEmBC,YAAAA,CAAaC,GAC5B,MAAMC,EAAQ,IAAIC,EAAmBnB,EAAA,CACjCc,KAAMM,EAAcC,SACpBC,UAAWV,KAAKE,KAChBS,WAAYxB,EAAAC,EAAA,CAAA,EAAKiB,GAAAA,CAAqBO,cAAeZ,KAAKd,MAAM0B,kBAC5DP,aAAAA,EAAAA,EAAqBQ,YAAa,CAAEA,UAAWR,EAAoBQ,YACnER,aAAAA,EAAAA,EAAqBS,cAAe,CAAEA,YAAaT,EAAoBS,eAG/Ed,KAAKe,UAAUC,cAAcV,EACjC,CAEAW,iBAAAA,GACI,MAAMnB,wBAAEA,EAAuBoB,cAAEA,EAAgB,CAAA,EAAEC,eAAEA,EAAcC,UAAEA,GAAcpB,KAAKd,MACxF,IAAKY,EAAyB,OAAOuB,QAAQC,MAAM,yDAEnD,MAAMC,EAAkC,CACpCxB,kBAAmBD,EACnB0B,oBAAoB,EACpBC,YAAaP,EAAcO,YAC3BC,OAAQR,EAAcQ,QAG1B,OAAOC,EAAmBR,EAAgBC,EAAWG,EACzD,CAEOK,iBAAAA,GACH,MAAM9B,wBAAEA,EAAuBoB,cAAEA,EAAgB,CAAA,EAAEC,eAAEA,EAAcC,UAAEA,GAAcpB,KAAKd,MACxF,IAAKY,EAAyB,OAAOuB,QAAQC,MAAM,6DAEnD,MAAMC,EAAkC,CACpCxB,kBAAmBD,EACnB+B,mBAAmB,EACnBJ,YAAaP,EAAcO,YAC3BC,OAAQR,EAAcQ,QAG1BC,EAAmBR,EAAgBC,EAAWG,GACzCO,KAAK,CAACC,EAAW,MACd,KAAKA,aAAAA,EAAAA,EAAUC,gBAAgB,MAAMD,EACrCE,OAAOC,SAASC,OAAOJ,EAASC,kBAEnCI,MAAMd,IACCtB,KAAKd,MAAMmD,SAASrC,KAAKd,MAAMmD,QAAQf,EAAOtB,KAAKsC,eAEnE,CAEA,WAAIC,GACA,OAAO,CACX,CAEA,eAAIpC,GACA,OAAOqC,GACX,CAEOC,MAAAA,GACH,MAAMC,EAAwB1C,KAAKsC,cAAgBtC,KAAKsC,aAAaK,oBACrE,GAAID,EACA,OAAOA,IAEX1C,KAAK4C,mBAAmBd,KAAKe,GAAkBf,KAAKgB,GAAyBhB,KAAK9B,KAAK+C,gBAAgBX,MAAMpC,KAAKgD,mBACtH,CAEmBC,iBAAAA,GACf,OACIC,EAACC,EAAAA,EAAAA,CACGC,IAAKA,IACDpD,KAAKsC,aAAec,GAExBxC,cAAeZ,KAAKd,MAAM0B,cAC1ByC,QAASrD,KAAKd,MAAMmE,QACpBhB,QAASrC,KAAKd,MAAMmD,QACpBiB,UAAWtD,KAAKd,MAAMoE,WAClBtD,KAAKd,OAGrB,EAxGAqE,EADSxE,EACKmB,OAAOsD,EAAWC,WAEhCF,EAHSxE,EAGQ2E,eAAeA"}
+{"version":3,"file":"AmazonPay.js","sources":["../../../../src/components/AmazonPay/AmazonPay.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport collectBrowserInfo from '../../utils/browserInfo';\nimport AmazonPayComponent from './components/AmazonPayComponent';\nimport { AmazonPayElementData, AmazonPayConfiguration, CheckoutDetailsRequest } from './types';\nimport defaultProps from './defaultProps';\nimport { getCheckoutDetails } from './services';\nimport './AmazonPay.scss';\nimport { TxVariants } from '../tx-variants';\nimport { sanitizeResponse, verifyPaymentDidNotFail } from '../internal/UIElement/utils';\nimport { AnalyticsInfoEvent, InfoEventType } from '../../core/Analytics/events/AnalyticsInfoEvent';\n\nexport class AmazonPayElement extends UIElement<AmazonPayConfiguration> {\n    public static readonly type = TxVariants.amazonpay;\n\n    protected static readonly defaultProps = defaultProps;\n\n    formatProps(props) {\n        return {\n            ...props,\n            checkoutMode: props.isDropin ? 'ProcessOrder' : props.checkoutMode,\n            environment: props.environment.toUpperCase(),\n            locale: props.locale.replace('-', '_'),\n            productType: props.isDropin && !props.addressDetails ? 'PayOnly' : props.productType\n        };\n    }\n\n    /**\n     * Formats the component data output\n     */\n    formatData(): AmazonPayElementData {\n        const { amazonCheckoutSessionId: checkoutSessionId } = this.props;\n        return {\n            paymentMethod: {\n                type: AmazonPayElement.type,\n                ...(checkoutSessionId && { checkoutSessionId })\n            },\n            browserInfo: this.browserInfo\n        };\n    }\n\n    protected override beforeRender(configSetByMerchant?: AmazonPayConfiguration) {\n        const event = new AnalyticsInfoEvent({\n            type: InfoEventType.rendered,\n            component: this.type,\n            configData: { ...configSetByMerchant, showPayButton: this.props.showPayButton },\n            ...(configSetByMerchant?.isExpress && { isExpress: configSetByMerchant.isExpress }),\n            ...(configSetByMerchant?.expressPage && { expressPage: configSetByMerchant.expressPage })\n        });\n\n        this.analytics.sendAnalytics(event);\n    }\n\n    getShopperDetails() {\n        const { amazonCheckoutSessionId, configuration = {}, loadingContext, clientKey } = this.props;\n        if (!amazonCheckoutSessionId) return console.error('Could not shopper details. Missing checkoutSessionId.');\n\n        const request: CheckoutDetailsRequest = {\n            checkoutSessionId: amazonCheckoutSessionId,\n            getDeliveryAddress: true,\n            publicKeyId: configuration.publicKeyId,\n            region: configuration.region\n        };\n\n        return getCheckoutDetails(loadingContext, clientKey, request);\n    }\n\n    public handleDeclineFlow() {\n        const { amazonCheckoutSessionId, configuration = {}, loadingContext, clientKey } = this.props;\n        if (!amazonCheckoutSessionId) return console.error('Could handle the decline flow. Missing checkoutSessionId.');\n\n        const request: CheckoutDetailsRequest = {\n            checkoutSessionId: amazonCheckoutSessionId,\n            getDeclineFlowUrl: true,\n            publicKeyId: configuration.publicKeyId,\n            region: configuration.region\n        };\n\n        getCheckoutDetails(loadingContext, clientKey, request)\n            .then((response = {}) => {\n                if (!response?.declineFlowUrl) throw response;\n                window.location.assign(response.declineFlowUrl);\n            })\n            .catch(error => {\n                if (this.props.onError) this.props.onError(error, this.componentRef);\n            });\n    }\n\n    get isValid() {\n        return true;\n    }\n\n    get browserInfo() {\n        return collectBrowserInfo();\n    }\n\n    public submit(): void {\n        const amazonComponentSubmit = this.componentRef && this.componentRef.getSubmitFunction();\n        if (amazonComponentSubmit) {\n            return amazonComponentSubmit();\n        }\n        this.makePaymentsCall().then(sanitizeResponse).then(verifyPaymentDidNotFail).then(this.handleResponse).catch(this.handleFailedResult);\n    }\n\n    protected override componentToRender(): h.JSX.Element {\n        return (\n            <AmazonPayComponent\n                ref={ref => {\n                    this.componentRef = ref;\n                }}\n                showPayButton={this.props.showPayButton}\n                onClick={this.props.onClick}\n                onError={this.props.onError}\n                onSignOut={this.props.onSignOut}\n                {...this.props}\n            />\n        );\n    }\n}\n\nexport default AmazonPayElement;\n"],"names":["AmazonPayElement","UIElement","formatProps","props","_object_spread_props","_object_spread","checkoutMode","isDropin","environment","toUpperCase","locale","replace","productType","addressDetails","formatData","amazonCheckoutSessionId","checkoutSessionId","this","paymentMethod","type","browserInfo","beforeRender","configSetByMerchant","event","AnalyticsInfoEvent","InfoEventType","rendered","component","configData","showPayButton","isExpress","expressPage","analytics","sendAnalytics","getShopperDetails","configuration","loadingContext","clientKey","console","error","request","getDeliveryAddress","publicKeyId","region","getCheckoutDetails","handleDeclineFlow","getDeclineFlowUrl","then","response","declineFlowUrl","window","location","assign","catch","onError","componentRef","isValid","collectBrowserInfo","submit","amazonComponentSubmit","getSubmitFunction","makePaymentsCall","sanitizeResponse","verifyPaymentDidNotFail","handleResponse","handleFailedResult","componentToRender","h","AmazonPayComponent","ref","onClick","onSignOut","_define_property","TxVariants","amazonpay","defaultProps"],"mappings":"q1CAYO,MAAMA,UAAyBC,EAKlCC,WAAAA,CAAYC,GACR,OAAOC,EAAAC,EAAA,CAAA,EACAF,GAAAA,CACHG,aAAcH,EAAMI,SAAW,eAAiBJ,EAAMG,aACtDE,YAAaL,EAAMK,YAAYC,cAC/BC,OAAQP,EAAMO,OAAOC,QAAQ,IAAK,KAClCC,YAAaT,EAAMI,WAAaJ,EAAMU,eAAiB,UAAYV,EAAMS,aAEjF,CAKAE,UAAAA,GACI,MAAQC,wBAAyBC,GAAsBC,KAAKd,MAC5D,MAAO,CACHe,cAAeb,EAAA,CACXc,KAAMnB,EAAiBmB,MACnBH,GAAqB,CAAEA,sBAE/BI,YAAaH,KAAKG,YAE1B,CAEmBC,YAAAA,CAAaC,GAC5B,MAAMC,EAAQ,IAAIC,EAAmBnB,EAAA,CACjCc,KAAMM,EAAcC,SACpBC,UAAWV,KAAKE,KAChBS,WAAYxB,EAAAC,EAAA,CAAA,EAAKiB,GAAAA,CAAqBO,cAAeZ,KAAKd,MAAM0B,kBAC5DP,aAAAA,EAAAA,EAAqBQ,YAAa,CAAEA,UAAWR,EAAoBQ,YACnER,aAAAA,EAAAA,EAAqBS,cAAe,CAAEA,YAAaT,EAAoBS,eAG/Ed,KAAKe,UAAUC,cAAcV,EACjC,CAEAW,iBAAAA,GACI,MAAMnB,wBAAEA,EAAuBoB,cAAEA,EAAgB,CAAA,EAAEC,eAAEA,EAAcC,UAAEA,GAAcpB,KAAKd,MACxF,IAAKY,EAAyB,OAAOuB,QAAQC,MAAM,yDAEnD,MAAMC,EAAkC,CACpCxB,kBAAmBD,EACnB0B,oBAAoB,EACpBC,YAAaP,EAAcO,YAC3BC,OAAQR,EAAcQ,QAG1B,OAAOC,EAAmBR,EAAgBC,EAAWG,EACzD,CAEOK,iBAAAA,GACH,MAAM9B,wBAAEA,EAAuBoB,cAAEA,EAAgB,CAAA,EAAEC,eAAEA,EAAcC,UAAEA,GAAcpB,KAAKd,MACxF,IAAKY,EAAyB,OAAOuB,QAAQC,MAAM,6DAEnD,MAAMC,EAAkC,CACpCxB,kBAAmBD,EACnB+B,mBAAmB,EACnBJ,YAAaP,EAAcO,YAC3BC,OAAQR,EAAcQ,QAG1BC,EAAmBR,EAAgBC,EAAWG,GACzCO,KAAK,CAACC,EAAW,MACd,KAAKA,aAAAA,EAAAA,EAAUC,gBAAgB,MAAMD,EACrCE,OAAOC,SAASC,OAAOJ,EAASC,kBAEnCI,MAAMd,IACCtB,KAAKd,MAAMmD,SAASrC,KAAKd,MAAMmD,QAAQf,EAAOtB,KAAKsC,eAEnE,CAEA,WAAIC,GACA,OAAO,CACX,CAEA,eAAIpC,GACA,OAAOqC,GACX,CAEOC,MAAAA,GACH,MAAMC,EAAwB1C,KAAKsC,cAAgBtC,KAAKsC,aAAaK,oBACrE,GAAID,EACA,OAAOA,IAEX1C,KAAK4C,mBAAmBd,KAAKe,GAAkBf,KAAKgB,GAAyBhB,KAAK9B,KAAK+C,gBAAgBX,MAAMpC,KAAKgD,mBACtH,CAEmBC,iBAAAA,GACf,OACIC,EAACC,EAAAA,EAAAA,CACGC,IAAKA,IACDpD,KAAKsC,aAAec,GAExBxC,cAAeZ,KAAKd,MAAM0B,cAC1ByC,QAASrD,KAAKd,MAAMmE,QACpBhB,QAASrC,KAAKd,MAAMmD,QACpBiB,UAAWtD,KAAKd,MAAMoE,WAClBtD,KAAKd,OAGrB,EAxGAqE,EADSxE,EACcmB,OAAOsD,EAAWC,WAEzCF,EAHSxE,EAGiB2E,eAAeA"}

package/dist/es-legacy/components/AmazonPay/components/AmazonPayButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AmazonPayButton.js","sources":["../../../../../src/components/AmazonPay/components/AmazonPayButton.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useEffect, useState } from 'preact/hooks';\nimport { getAmazonSignature } from '../services';\nimport { getAmazonPaySettings, getPayloadJSON } from '../utils';\nimport { AmazonPayButtonProps, CheckoutSessionConfig, PayloadJSON } from '../types';\nimport { useCoreContext } from '../../../core/Context/CoreProvider';\nimport { useAmount } from '../../../core/Context/AmountProvider';\n\nexport default function AmazonPayButton(props: AmazonPayButtonProps) {\n    const { amount } = useAmount();\n    const { loadingContext } = useCoreContext();\n    const { amazonRef, configuration = {} } = props;\n    const [signature, setSignature] = useState<string>(null);\n    const payloadJSON: PayloadJSON = getPayloadJSON(props, amount);\n    const settings = getAmazonPaySettings(props, amount);\n\n    const handleOnClick = () => {\n        // eslint-disable-next-line @typescript-eslint/no-misused-promises\n        new Promise(props.onClick).then(this.initCheckout).catch(error => {\n            if (props.onError) props.onError(error, this.componentRef);\n        });\n    };\n\n    const renderAmazonPayButton = (): void => {\n        const amazonPayButton = amazonRef.Pay.renderButton('#amazonPayButton', settings);\n        amazonPayButton.onClick(handleOnClick);\n    };\n\n    this.initCheckout = () => {\n        const checkoutSessionConfig: CheckoutSessionConfig = {\n            payloadJSON: JSON.stringify(payloadJSON),\n            publicKeyId: configuration.publicKeyId,\n            signature\n        };\n\n        amazonRef.Pay.initCheckout({\n            ...settings,\n            createCheckoutSessionConfig: checkoutSessionConfig\n        });\n    };\n\n    useEffect(() => {\n        const { clientKey } = props;\n\n        getAmazonSignature(loadingContext, clientKey, payloadJSON)\n            .then(response => {\n                if (!response?.signature) return console.error('Could not get AmazonPay signature');\n                setSignature(response.signature);\n                if (props.showPayButton) renderAmazonPayButton();\n            })\n            .catch(error => {\n                console.error(error);\n                if (props.onError) props.onError(error, this.componentRef);\n            });\n    }, []);\n\n    if (!props.showPayButton) return null;\n    return <div className=\"adyen-checkout__amazonpay__button\" id=\"amazonPayButton\" />;\n}\n"],"names":["AmazonPayButton","props","amount","useAmount","loadingContext","useCoreContext","amazonRef","configuration","signature","setSignature","useState","payloadJSON","getPayloadJSON","settings","getAmazonPaySettings","handleOnClick","Promise","onClick","then","this","initCheckout","catch","error","onError","componentRef","checkoutSessionConfig","JSON","stringify","publicKeyId","Pay","_object_spread_props","_object_spread","createCheckoutSessionConfig","useEffect","clientKey","getAmazonSignature","response","console","showPayButton","renderButton","h","div","className","id"],"mappings":"04BAQe,SAASA,EAAgBC,GACpC,MAAMC,OAAEA,GAAWC,KACbC,eAAEA,GAAmBC,KACrBC,UAAEA,EAASC,cAAEA,EAAgB,CAAA,GAAON,GACnCO,EAAWC,GAAgBC,EAAiB,MAC7CC,EAA2BC,EAAeX,EAAOC,GACjDW,EAAWC,EAAqBb,EAAOC,GAEvCa,EAAgB,KAElB,IAAIC,QAAQf,EAAMgB,SAASC,KAAKC,KAAKC,cAAcC,MAAMC,IACjDrB,EAAMsB,SAAStB,EAAMsB,QAAQD,EAAOH,KAAKK,iBAqCrD,OA5BAL,KAAKC,aAAe,KAChB,MAAMK,EAA+C,CACjDd,YAAae,KAAKC,UAAUhB,GAC5BiB,YAAarB,EAAcqB,YAC3BpB,aAGJF,EAAUuB,IAAIT,aAAaU,oUAAAC,CAAA,CAAA,EACpBlB,GAAAA,CACHmB,4BAA6BP,MAIrCQ,EAAU,KACN,MAAMC,UAAEA,GAAcjC,EAEtBkC,EAAmB/B,EAAgB8B,EAAWvB,GACzCO,KAAKkB,IACF,KAAKA,aAAAA,EAAAA,EAAU5B,WAAW,OAAO6B,QAAQf,MAAM,qCAC/Cb,EAAa2B,EAAS5B,WAClBP,EAAMqC,eAxBMhC,EAAUuB,IAAIU,aAAa,mBAAoB1B,GACvDI,QAAQF,KAyBnBM,MAAMC,IACHe,QAAQf,MAAMA,GACVrB,EAAMsB,SAAStB,EAAMsB,QAAQD,EAAOH,KAAKK,iBAEtD,IAEEvB,EAAMqC,cACJE,EAACC,MAAAA,CAAIC,UAAU,oCAAoCC,GAAG,oBAD5B,IAErC"}
+{"version":3,"file":"AmazonPayButton.js","sources":["../../../../../src/components/AmazonPay/components/AmazonPayButton.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useEffect, useState } from 'preact/hooks';\nimport { getAmazonSignature } from '../services';\nimport { getAmazonPaySettings, getPayloadJSON } from '../utils';\nimport { AmazonPayButtonProps, CheckoutSessionConfig, PayloadJSON } from '../types';\nimport { useCoreContext } from '../../../core/Context/CoreProvider';\nimport { useAmount } from '../../../core/Context/AmountProvider';\n\nexport default function AmazonPayButton(props: Readonly<AmazonPayButtonProps>) {\n    const { amount } = useAmount();\n    const { loadingContext } = useCoreContext();\n    const { amazonRef, configuration = {} } = props;\n    const [signature, setSignature] = useState<string>(null);\n    const payloadJSON: PayloadJSON = getPayloadJSON(props, amount);\n    const settings = getAmazonPaySettings(props, amount);\n\n    const handleOnClick = () => {\n        // eslint-disable-next-line @typescript-eslint/no-misused-promises\n        new Promise(props.onClick).then(this.initCheckout).catch(error => {\n            if (props.onError) props.onError(error, this.componentRef);\n        });\n    };\n\n    const renderAmazonPayButton = (): void => {\n        const amazonPayButton = amazonRef.Pay.renderButton('#amazonPayButton', settings);\n        amazonPayButton.onClick(handleOnClick);\n    };\n\n    this.initCheckout = () => {\n        const checkoutSessionConfig: CheckoutSessionConfig = {\n            payloadJSON: JSON.stringify(payloadJSON),\n            publicKeyId: configuration.publicKeyId,\n            signature\n        };\n\n        amazonRef.Pay.initCheckout({\n            ...settings,\n            createCheckoutSessionConfig: checkoutSessionConfig\n        });\n    };\n\n    useEffect(() => {\n        const { clientKey } = props;\n\n        getAmazonSignature(loadingContext, clientKey, payloadJSON)\n            .then(response => {\n                if (!response?.signature) return console.error('Could not get AmazonPay signature');\n                setSignature(response.signature);\n                if (props.showPayButton) renderAmazonPayButton();\n            })\n            .catch(error => {\n                console.error(error);\n                if (props.onError) props.onError(error, this.componentRef);\n            });\n    }, []);\n\n    if (!props.showPayButton) return null;\n    return <div className=\"adyen-checkout__amazonpay__button\" id=\"amazonPayButton\" />;\n}\n"],"names":["AmazonPayButton","props","amount","useAmount","loadingContext","useCoreContext","amazonRef","configuration","signature","setSignature","useState","payloadJSON","getPayloadJSON","settings","getAmazonPaySettings","handleOnClick","Promise","onClick","then","this","initCheckout","catch","error","onError","componentRef","checkoutSessionConfig","JSON","stringify","publicKeyId","Pay","_object_spread_props","_object_spread","createCheckoutSessionConfig","useEffect","clientKey","getAmazonSignature","response","console","showPayButton","renderButton","h","div","className","id"],"mappings":"04BAQe,SAASA,EAAgBC,GACpC,MAAMC,OAAEA,GAAWC,KACbC,eAAEA,GAAmBC,KACrBC,UAAEA,EAASC,cAAEA,EAAgB,CAAA,GAAON,GACnCO,EAAWC,GAAgBC,EAAiB,MAC7CC,EAA2BC,EAAeX,EAAOC,GACjDW,EAAWC,EAAqBb,EAAOC,GAEvCa,EAAgB,KAElB,IAAIC,QAAQf,EAAMgB,SAASC,KAAKC,KAAKC,cAAcC,MAAMC,IACjDrB,EAAMsB,SAAStB,EAAMsB,QAAQD,EAAOH,KAAKK,iBAqCrD,OA5BAL,KAAKC,aAAe,KAChB,MAAMK,EAA+C,CACjDd,YAAae,KAAKC,UAAUhB,GAC5BiB,YAAarB,EAAcqB,YAC3BpB,aAGJF,EAAUuB,IAAIT,aAAaU,oUAAAC,CAAA,CAAA,EACpBlB,GAAAA,CACHmB,4BAA6BP,MAIrCQ,EAAU,KACN,MAAMC,UAAEA,GAAcjC,EAEtBkC,EAAmB/B,EAAgB8B,EAAWvB,GACzCO,KAAKkB,IACF,KAAKA,aAAAA,EAAAA,EAAU5B,WAAW,OAAO6B,QAAQf,MAAM,qCAC/Cb,EAAa2B,EAAS5B,WAClBP,EAAMqC,eAxBMhC,EAAUuB,IAAIU,aAAa,mBAAoB1B,GACvDI,QAAQF,KAyBnBM,MAAMC,IACHe,QAAQf,MAAMA,GACVrB,EAAMsB,SAAStB,EAAMsB,QAAQD,EAAOH,KAAKK,iBAEtD,IAEEvB,EAAMqC,cACJE,EAACC,MAAAA,CAAIC,UAAU,oCAAoCC,GAAG,oBAD5B,IAErC"}

package/dist/es-legacy/components/AmazonPay/components/AmazonPayComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AmazonPayComponent.js","sources":["../../../../../src/components/AmazonPay/components/AmazonPayComponent.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useState, useEffect, useRef } from 'preact/hooks';\nimport Spinner from '../../internal/Spinner';\nimport { getAmazonPayUrl } from '../utils';\nimport { AmazonPayComponentProps } from '../types';\nimport AmazonPayButton from './AmazonPayButton';\nimport ChangePaymentDetailsButton from './ChangePaymentDetailsButton';\nimport OrderButton from './OrderButton';\nimport SignOutButton from './SignOutButton';\nimport Script from '../../../utils/Script';\nimport useAnalytics from '../../../core/Analytics/useAnalytics';\n\nexport default function AmazonPayComponent(props: AmazonPayComponentProps) {\n    const [status, setStatus] = useState('pending');\n    const amazonPayButtonRef = useRef(null);\n    const orderButtonRef = useRef(null);\n    const { analytics } = useAnalytics();\n\n    const handleLoad = () => {\n        setStatus('ready');\n    };\n\n    this.getSubmitFunction = () => {\n        if (amazonPayButtonRef.current && amazonPayButtonRef.current.initCheckout) return () => amazonPayButtonRef.current.initCheckout();\n        if (orderButtonRef.current && orderButtonRef.current.createOrder) return () => orderButtonRef.current.createOrder();\n    };\n\n    useEffect(() => {\n        const src = getAmazonPayUrl(props.configuration.region);\n        const script = new Script({\n            src,\n            component: 'amazonpay',\n            analytics\n        });\n\n        if (window.amazon) {\n            handleLoad();\n        } else {\n            void script.load().then(handleLoad);\n        }\n\n        return () => {\n            script.remove();\n        };\n    }, [analytics]);\n\n    if (status === 'pending') {\n        return (\n            <div className=\"adyen-checkout__amazonpay\">\n                <div className=\"adyen-checkout__amazonpay__status adyen-checkout__amazonpay__status--pending\">\n                    <Spinner />\n                </div>\n            </div>\n        );\n    }\n\n    if (props.showSignOutButton) {\n        return (\n            <div className=\"adyen-checkout__amazonpay\">\n                <SignOutButton amazonRef={window.amazon} onSignOut={props.onSignOut} />\n            </div>\n        );\n    }\n\n    if (props.amazonCheckoutSessionId) {\n        return (\n            <div className=\"adyen-checkout__amazonpay\">\n                {props.showOrderButton && (\n                    <OrderButton\n                        amazonCheckoutSessionId={props.amazonCheckoutSessionId}\n                        chargePermissionType={props.chargePermissionType}\n                        recurringMetadata={props.recurringMetadata}\n                        clientKey={props.clientKey}\n                        onError={props.onError}\n                        publicKeyId={props.configuration?.publicKeyId}\n                        region={props.configuration?.region}\n                        returnUrl={props.returnUrl}\n                        ref={orderButtonRef}\n                    />\n                )}\n\n                {props.showChangePaymentDetailsButton && (\n                    <ChangePaymentDetailsButton amazonCheckoutSessionId={props.amazonCheckoutSessionId} amazonRef={window.amazon} />\n                )}\n            </div>\n        );\n    }\n\n    return (\n        <div className=\"adyen-checkout__amazonpay\">\n            <AmazonPayButton {...props} showPayButton={this.props.showPayButton} amazonRef={window.amazon} ref={amazonPayButtonRef} />\n        </div>\n    );\n}\n"],"names":["AmazonPayComponent","props","status","setStatus","useState","amazonPayButtonRef","useRef","orderButtonRef","analytics","useAnalytics","handleLoad","this","getSubmitFunction","current","initCheckout","createOrder","useEffect","src","getAmazonPayUrl","configuration","region","script","Script","component","window","amazon","load","then","remove","h","div","className","Spinner","showSignOutButton","SignOutButton","amazonRef","onSignOut","amazonCheckoutSessionId","showOrderButton","OrderButton","chargePermissionType","recurringMetadata","clientKey","onError","publicKeyId","returnUrl","ref","showChangePaymentDetailsButton","ChangePaymentDetailsButton","AmazonPayButton","showPayButton"],"mappings":"m+BAYe,SAASA,EAAmBC,GACvC,MAAOC,EAAQC,GAAaC,EAAS,WAC/BC,EAAqBC,EAAO,MAC5BC,EAAiBD,EAAO,OACxBE,UAAEA,GAAcC,IAEhBC,EAAa,KACfP,EAAU,UA2Bd,OAxBAQ,KAAKC,kBAAoB,IACjBP,EAAmBQ,SAAWR,EAAmBQ,QAAQC,aAAqB,IAAMT,EAAmBQ,QAAQC,eAC/GP,EAAeM,SAAWN,EAAeM,QAAQE,YAAoB,IAAMR,EAAeM,QAAQE,mBAAtG,EAGJC,EAAU,KACN,MAAMC,EAAMC,EAAgBjB,EAAMkB,cAAcC,QAC1CC,EAAS,IAAIC,EAAO,CACtBL,MACAM,UAAW,YACXf,cASJ,OANIgB,OAAOC,OACPf,IAEKW,EAAOK,OAAOC,KAAKjB,GAGrB,KACHW,EAAOO,WAEZ,CAACpB,IAEW,YAAXN,EAEI2B,EAACC,MAAAA,CAAIC,UAAU,6BACXF,EAACC,MAAAA,CAAIC,UAAU,gFACXF,EAACG,EAAAA,QAMb/B,EAAMgC,kBAEFJ,EAACC,MAAAA,CAAIC,UAAU,6BACXF,EAACK,EAAAA,CAAcC,UAAWX,OAAOC,OAAQW,UAAWnC,EAAMmC,aAKlEnC,EAAMoC,wBAEFR,EAACC,MAAAA,CAAIC,UAAU,6BACV9B,EAAMqC,iBACHT,EAACU,EAAAA,CACGF,wBAAyBpC,EAAMoC,wBAC/BG,qBAAsBvC,EAAMuC,qBAC5BC,kBAAmBxC,EAAMwC,kBACzBC,UAAWzC,EAAMyC,UACjBC,QAAS1C,EAAM0C,QACfC,YAAgC,QAAnB3C,EAAAA,EAAMkB,qBAANlB,IAAAA,SAAAA,EAAqB2C,YAClCxB,OAA2B,QAAnBnB,EAAAA,EAAMkB,qBAANlB,IAAAA,SAAAA,EAAqBmB,OAC7ByB,UAAW5C,EAAM4C,UACjBC,IAAKvC,IAIZN,EAAM8C,gCACHlB,EAACmB,EAAAA,CAA2BX,wBAAyBpC,EAAMoC,wBAAyBF,UAAWX,OAAOC,UAOlHI,EAACC,MAAAA,CAAIC,UAAU,6BACXF,EAACoB,EAAAA,oUAAAA,CAAAA,CAAAA,EAAoBhD,GAAAA,CAAOiD,cAAevC,KAAKV,MAAMiD,cAAef,UAAWX,OAAOC,OAAQqB,IAAKzC,UAhB3EJ,EACLA,CAkBhC"}
+{"version":3,"file":"AmazonPayComponent.js","sources":["../../../../../src/components/AmazonPay/components/AmazonPayComponent.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useState, useEffect, useRef } from 'preact/hooks';\nimport Spinner from '../../internal/Spinner';\nimport { getAmazonPayUrl } from '../utils';\nimport { AmazonPayComponentProps } from '../types';\nimport AmazonPayButton from './AmazonPayButton';\nimport ChangePaymentDetailsButton from './ChangePaymentDetailsButton';\nimport OrderButton from './OrderButton';\nimport SignOutButton from './SignOutButton';\nimport Script from '../../../utils/Script';\nimport useAnalytics from '../../../core/Analytics/useAnalytics';\n\nexport default function AmazonPayComponent(props: Readonly<AmazonPayComponentProps>) {\n    const [status, setStatus] = useState('pending');\n    const amazonPayButtonRef = useRef(null);\n    const orderButtonRef = useRef(null);\n    const { analytics } = useAnalytics();\n\n    const handleLoad = () => {\n        setStatus('ready');\n    };\n\n    this.getSubmitFunction = () => {\n        if (amazonPayButtonRef.current && amazonPayButtonRef.current.initCheckout) return () => amazonPayButtonRef.current.initCheckout();\n        if (orderButtonRef.current && orderButtonRef.current.createOrder) return () => orderButtonRef.current.createOrder();\n    };\n\n    useEffect(() => {\n        const src = getAmazonPayUrl(props.configuration.region);\n        const script = new Script({\n            src,\n            component: 'amazonpay',\n            analytics\n        });\n\n        if (window.amazon) {\n            handleLoad();\n        } else {\n            void script.load().then(handleLoad);\n        }\n\n        return () => {\n            script.remove();\n        };\n    }, [analytics]);\n\n    if (status === 'pending') {\n        return (\n            <div className=\"adyen-checkout__amazonpay\">\n                <div className=\"adyen-checkout__amazonpay__status adyen-checkout__amazonpay__status--pending\">\n                    <Spinner />\n                </div>\n            </div>\n        );\n    }\n\n    if (props.showSignOutButton) {\n        return (\n            <div className=\"adyen-checkout__amazonpay\">\n                <SignOutButton amazonRef={window.amazon} onSignOut={props.onSignOut} />\n            </div>\n        );\n    }\n\n    if (props.amazonCheckoutSessionId) {\n        return (\n            <div className=\"adyen-checkout__amazonpay\">\n                {props.showOrderButton && (\n                    <OrderButton\n                        amazonCheckoutSessionId={props.amazonCheckoutSessionId}\n                        chargePermissionType={props.chargePermissionType}\n                        recurringMetadata={props.recurringMetadata}\n                        clientKey={props.clientKey}\n                        onError={props.onError}\n                        publicKeyId={props.configuration?.publicKeyId}\n                        region={props.configuration?.region}\n                        returnUrl={props.returnUrl}\n                        ref={orderButtonRef}\n                    />\n                )}\n\n                {props.showChangePaymentDetailsButton && (\n                    <ChangePaymentDetailsButton amazonCheckoutSessionId={props.amazonCheckoutSessionId} amazonRef={window.amazon} />\n                )}\n            </div>\n        );\n    }\n\n    return (\n        <div className=\"adyen-checkout__amazonpay\">\n            <AmazonPayButton {...props} showPayButton={this.props.showPayButton} amazonRef={window.amazon} ref={amazonPayButtonRef} />\n        </div>\n    );\n}\n"],"names":["AmazonPayComponent","props","status","setStatus","useState","amazonPayButtonRef","useRef","orderButtonRef","analytics","useAnalytics","handleLoad","this","getSubmitFunction","current","initCheckout","createOrder","useEffect","src","getAmazonPayUrl","configuration","region","script","Script","component","window","amazon","load","then","remove","h","div","className","Spinner","showSignOutButton","SignOutButton","amazonRef","onSignOut","amazonCheckoutSessionId","showOrderButton","OrderButton","chargePermissionType","recurringMetadata","clientKey","onError","publicKeyId","returnUrl","ref","showChangePaymentDetailsButton","ChangePaymentDetailsButton","AmazonPayButton","showPayButton"],"mappings":"m+BAYe,SAASA,EAAmBC,GACvC,MAAOC,EAAQC,GAAaC,EAAS,WAC/BC,EAAqBC,EAAO,MAC5BC,EAAiBD,EAAO,OACxBE,UAAEA,GAAcC,IAEhBC,EAAa,KACfP,EAAU,UA2Bd,OAxBAQ,KAAKC,kBAAoB,IACjBP,EAAmBQ,SAAWR,EAAmBQ,QAAQC,aAAqB,IAAMT,EAAmBQ,QAAQC,eAC/GP,EAAeM,SAAWN,EAAeM,QAAQE,YAAoB,IAAMR,EAAeM,QAAQE,mBAAtG,EAGJC,EAAU,KACN,MAAMC,EAAMC,EAAgBjB,EAAMkB,cAAcC,QAC1CC,EAAS,IAAIC,EAAO,CACtBL,MACAM,UAAW,YACXf,cASJ,OANIgB,OAAOC,OACPf,IAEKW,EAAOK,OAAOC,KAAKjB,GAGrB,KACHW,EAAOO,WAEZ,CAACpB,IAEW,YAAXN,EAEI2B,EAACC,MAAAA,CAAIC,UAAU,6BACXF,EAACC,MAAAA,CAAIC,UAAU,gFACXF,EAACG,EAAAA,QAMb/B,EAAMgC,kBAEFJ,EAACC,MAAAA,CAAIC,UAAU,6BACXF,EAACK,EAAAA,CAAcC,UAAWX,OAAOC,OAAQW,UAAWnC,EAAMmC,aAKlEnC,EAAMoC,wBAEFR,EAACC,MAAAA,CAAIC,UAAU,6BACV9B,EAAMqC,iBACHT,EAACU,EAAAA,CACGF,wBAAyBpC,EAAMoC,wBAC/BG,qBAAsBvC,EAAMuC,qBAC5BC,kBAAmBxC,EAAMwC,kBACzBC,UAAWzC,EAAMyC,UACjBC,QAAS1C,EAAM0C,QACfC,YAAgC,QAAnB3C,EAAAA,EAAMkB,qBAANlB,IAAAA,SAAAA,EAAqB2C,YAClCxB,OAA2B,QAAnBnB,EAAAA,EAAMkB,qBAANlB,IAAAA,SAAAA,EAAqBmB,OAC7ByB,UAAW5C,EAAM4C,UACjBC,IAAKvC,IAIZN,EAAM8C,gCACHlB,EAACmB,EAAAA,CAA2BX,wBAAyBpC,EAAMoC,wBAAyBF,UAAWX,OAAOC,UAOlHI,EAACC,MAAAA,CAAIC,UAAU,6BACXF,EAACoB,EAAAA,oUAAAA,CAAAA,CAAAA,EAAoBhD,GAAAA,CAAOiD,cAAevC,KAAKV,MAAMiD,cAAef,UAAWX,OAAOC,OAAQqB,IAAKzC,UAhB3EJ,EACLA,CAkBhC"}

package/dist/es-legacy/components/AmazonPay/components/ChangePaymentDetailsButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChangePaymentDetailsButton.js","sources":["../../../../../src/components/AmazonPay/components/ChangePaymentDetailsButton.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useEffect } from 'preact/hooks';\nimport { useCoreContext } from '../../../core/Context/CoreProvider';\nimport { ChangeActionOptions, ChangePaymentDetailsButtonProps } from '../types';\n\nexport default function ChangePaymentDetailsButton(props: ChangePaymentDetailsButtonProps) {\n    const { i18n } = useCoreContext();\n    const { amazonRef, amazonCheckoutSessionId } = props;\n\n    useEffect(() => {\n        const changeActionOptions: ChangeActionOptions = {\n            amazonCheckoutSessionId,\n            changeAction: 'changeAddress'\n        };\n\n        amazonRef.Pay.bindChangeAction('.adyen-checkout__amazonpay__button--changeAddress', changeActionOptions);\n    }, []);\n\n    return (\n        <button type=\"button\" className=\"adyen-checkout__button adyen-checkout__button--ghost adyen-checkout__amazonpay__button--changeAddress\">\n            {i18n.get('amazonpay.changePaymentDetails')}\n        </button>\n    );\n}\n"],"names":["ChangePaymentDetailsButton","props","i18n","useCoreContext","amazonRef","amazonCheckoutSessionId","useEffect","changeActionOptions","changeAction","Pay","bindChangeAction","h","button","type","className","get"],"mappings":"wNAKe,SAASA,EAA2BC,GAC/C,MAAMC,KAAEA,GAASC,KACXC,UAAEA,EAASC,wBAAEA,GAA4BJ,EAW/C,OATAK,EAAU,KACN,MAAMC,EAA2C,CAC7CF,0BACAG,aAAc,iBAGlBJ,EAAUK,IAAIC,iBAAiB,oDAAqDH,IACrF,IAGCI,EAACC,SAAAA,CAAOC,KAAK,SAASC,UAAU,yGAC3BZ,EAAKa,IAAI,kCAGtB"}
+{"version":3,"file":"ChangePaymentDetailsButton.js","sources":["../../../../../src/components/AmazonPay/components/ChangePaymentDetailsButton.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useEffect } from 'preact/hooks';\nimport { useCoreContext } from '../../../core/Context/CoreProvider';\nimport { ChangeActionOptions, ChangePaymentDetailsButtonProps } from '../types';\n\nexport default function ChangePaymentDetailsButton(props: Readonly<ChangePaymentDetailsButtonProps>) {\n    const { i18n } = useCoreContext();\n    const { amazonRef, amazonCheckoutSessionId } = props;\n\n    useEffect(() => {\n        const changeActionOptions: ChangeActionOptions = {\n            amazonCheckoutSessionId,\n            changeAction: 'changeAddress'\n        };\n\n        amazonRef.Pay.bindChangeAction('.adyen-checkout__amazonpay__button--changeAddress', changeActionOptions);\n    }, []);\n\n    return (\n        <button type=\"button\" className=\"adyen-checkout__button adyen-checkout__button--ghost adyen-checkout__amazonpay__button--changeAddress\">\n            {i18n.get('amazonpay.changePaymentDetails')}\n        </button>\n    );\n}\n"],"names":["ChangePaymentDetailsButton","props","i18n","useCoreContext","amazonRef","amazonCheckoutSessionId","useEffect","changeActionOptions","changeAction","Pay","bindChangeAction","h","button","type","className","get"],"mappings":"wNAKe,SAASA,EAA2BC,GAC/C,MAAMC,KAAEA,GAASC,KACXC,UAAEA,EAASC,wBAAEA,GAA4BJ,EAW/C,OATAK,EAAU,KACN,MAAMC,EAA2C,CAC7CF,0BACAG,aAAc,iBAGlBJ,EAAUK,IAAIC,iBAAiB,oDAAqDH,IACrF,IAGCI,EAACC,SAAAA,CAAOC,KAAK,SAASC,UAAU,yGAC3BZ,EAAKa,IAAI,kCAGtB"}

package/dist/es-legacy/components/AmazonPay/components/OrderButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrderButton.js","sources":["../../../../../src/components/AmazonPay/components/OrderButton.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useCoreContext } from '../../../core/Context/CoreProvider';\nimport Button from '../../internal/Button';\nimport { updateAmazonCheckoutSession } from '../services';\nimport { OrderButtonProps, UpdateAmazonCheckoutSessionRequest } from '../types';\nimport { useAmount } from '../../../core/Context/AmountProvider';\n\nexport default function OrderButton(props: OrderButtonProps) {\n    const { i18n, loadingContext } = useCoreContext();\n    const { amount } = useAmount();\n\n    this.createOrder = () => {\n        const { amazonCheckoutSessionId, clientKey, chargePermissionType, publicKeyId, region, recurringMetadata, returnUrl } = props;\n\n        const request: UpdateAmazonCheckoutSessionRequest = {\n            amount,\n            chargePermissionType,\n            checkoutResultReturnUrl: returnUrl,\n            checkoutSessionId: amazonCheckoutSessionId,\n            publicKeyId,\n            recurringMetadata,\n            region\n        };\n\n        updateAmazonCheckoutSession(loadingContext, clientKey, request)\n            .then(response => {\n                if (!response?.action?.type) return console.error(response.errorMessage || 'Could not get the AmazonPay URL');\n                if (response.action.type === 'redirect') window.location.assign(response.action.url);\n            })\n            .catch(error => {\n                if (props.onError) props.onError(error, this.componentRef);\n            });\n    };\n\n    return <Button classNameModifiers={['standalone', 'pay']} label={i18n.get('confirmPurchase')} onClick={this.createOrder} />;\n}\n"],"names":["OrderButton","props","i18n","loadingContext","useCoreContext","amount","useAmount","this","createOrder","amazonCheckoutSessionId","clientKey","chargePermissionType","publicKeyId","region","recurringMetadata","returnUrl","updateAmazonCheckoutSession","checkoutResultReturnUrl","checkoutSessionId","then","response","action","type","console","error","errorMessage","window","location","assign","url","catch","onError","componentRef","h","Button","classNameModifiers","label","get","onClick"],"mappings":"+TAOe,SAASA,EAAYC,GAChC,MAAMC,KAAEA,EAAIC,eAAEA,GAAmBC,KAC3BC,OAAEA,GAAWC,IAyBnB,OAvBAC,KAAKC,YAAc,KACf,MAAMC,wBAAEA,EAAuBC,UAAEA,EAASC,qBAAEA,EAAoBC,YAAEA,EAAWC,OAAEA,EAAMC,kBAAEA,EAAiBC,UAAEA,GAAcd,EAYxHe,EAA4Bb,EAAgBO,EAVQ,CAChDL,SACAM,uBACAM,wBAAyBF,EACzBG,kBAAmBT,EACnBG,cACAE,oBACAD,WAICM,KAAKC,IACGA,IAAAA,EAAL,KAAKA,SAAgB,QAAhBA,EAAAA,EAAUC,kBAAVD,OAAAA,EAAAA,EAAkBE,MAAM,OAAOC,QAAQC,MAAMJ,EAASK,cAAgB,mCAC9C,aAAzBL,EAASC,OAAOC,MAAqBI,OAAOC,SAASC,OAAOR,EAASC,OAAOQ,OAEnFC,MAAMN,IACCvB,EAAM8B,SAAS9B,EAAM8B,QAAQP,EAAOjB,KAAKyB,iBAIlDC,EAACC,EAAAA,CAAOC,mBAAoB,CAAC,aAAc,OAAQC,MAAOlC,EAAKmC,IAAI,mBAAoBC,QAAS/B,KAAKC,aAChH"}
+{"version":3,"file":"OrderButton.js","sources":["../../../../../src/components/AmazonPay/components/OrderButton.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useCoreContext } from '../../../core/Context/CoreProvider';\nimport Button from '../../internal/Button';\nimport { updateAmazonCheckoutSession } from '../services';\nimport { OrderButtonProps, UpdateAmazonCheckoutSessionRequest } from '../types';\nimport { useAmount } from '../../../core/Context/AmountProvider';\n\nexport default function OrderButton(props: Readonly<OrderButtonProps>) {\n    const { i18n, loadingContext } = useCoreContext();\n    const { amount } = useAmount();\n\n    this.createOrder = () => {\n        const { amazonCheckoutSessionId, clientKey, chargePermissionType, publicKeyId, region, recurringMetadata, returnUrl } = props;\n\n        const request: UpdateAmazonCheckoutSessionRequest = {\n            amount,\n            chargePermissionType,\n            checkoutResultReturnUrl: returnUrl,\n            checkoutSessionId: amazonCheckoutSessionId,\n            publicKeyId,\n            recurringMetadata,\n            region\n        };\n\n        updateAmazonCheckoutSession(loadingContext, clientKey, request)\n            .then(response => {\n                if (!response?.action?.type) return console.error(response.errorMessage || 'Could not get the AmazonPay URL');\n                if (response.action.type === 'redirect') window.location.assign(response.action.url);\n            })\n            .catch(error => {\n                if (props.onError) props.onError(error, this.componentRef);\n            });\n    };\n\n    return <Button classNameModifiers={['standalone', 'pay']} label={i18n.get('confirmPurchase')} onClick={this.createOrder} />;\n}\n"],"names":["OrderButton","props","i18n","loadingContext","useCoreContext","amount","useAmount","this","createOrder","amazonCheckoutSessionId","clientKey","chargePermissionType","publicKeyId","region","recurringMetadata","returnUrl","updateAmazonCheckoutSession","checkoutResultReturnUrl","checkoutSessionId","then","response","action","type","console","error","errorMessage","window","location","assign","url","catch","onError","componentRef","h","Button","classNameModifiers","label","get","onClick"],"mappings":"+TAOe,SAASA,EAAYC,GAChC,MAAMC,KAAEA,EAAIC,eAAEA,GAAmBC,KAC3BC,OAAEA,GAAWC,IAyBnB,OAvBAC,KAAKC,YAAc,KACf,MAAMC,wBAAEA,EAAuBC,UAAEA,EAASC,qBAAEA,EAAoBC,YAAEA,EAAWC,OAAEA,EAAMC,kBAAEA,EAAiBC,UAAEA,GAAcd,EAYxHe,EAA4Bb,EAAgBO,EAVQ,CAChDL,SACAM,uBACAM,wBAAyBF,EACzBG,kBAAmBT,EACnBG,cACAE,oBACAD,WAICM,KAAKC,IACGA,IAAAA,EAAL,KAAKA,SAAgB,QAAhBA,EAAAA,EAAUC,kBAAVD,OAAAA,EAAAA,EAAkBE,MAAM,OAAOC,QAAQC,MAAMJ,EAASK,cAAgB,mCAC9C,aAAzBL,EAASC,OAAOC,MAAqBI,OAAOC,SAASC,OAAOR,EAASC,OAAOQ,OAEnFC,MAAMN,IACCvB,EAAM8B,SAAS9B,EAAM8B,QAAQP,EAAOjB,KAAKyB,iBAIlDC,EAACC,EAAAA,CAAOC,mBAAoB,CAAC,aAAc,OAAQC,MAAOlC,EAAKmC,IAAI,mBAAoBC,QAAS/B,KAAKC,aAChH"}

package/dist/es-legacy/components/AmazonPay/components/SignOutButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignOutButton.js","sources":["../../../../../src/components/AmazonPay/components/SignOutButton.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useCoreContext } from '../../../core/Context/CoreProvider';\nimport { SignOutButtonProps } from '../types';\n\nexport default function SignOutButton(props: SignOutButtonProps) {\n    const { i18n } = useCoreContext();\n\n    const handleClick = () => {\n        // eslint-disable-next-line @typescript-eslint/no-misused-promises\n        new Promise(props.onSignOut)\n            .then(() => {\n                props.amazonRef.Pay.signout();\n            })\n            .catch(console.error);\n    };\n\n    return (\n        <button\n            type=\"button\"\n            className=\"adyen-checkout__button  adyen-checkout__button--ghost adyen-checkout__amazonpay__button--signOut\"\n            onClick={handleClick}\n        >\n            {i18n.get('amazonpay.signout')}\n        </button>\n    );\n}\n"],"names":["SignOutButton","props","i18n","useCoreContext","h","button","type","className","onClick","Promise","onSignOut","then","amazonRef","Pay","signout","catch","console","error","get"],"mappings":"+IAIe,SAASA,EAAcC,GAClC,MAAMC,KAAEA,GAASC,IAWjB,OACIC,EAACC,SAAAA,CACGC,KAAK,SACLC,UAAU,mGACVC,QAbY,KAEhB,IAAIC,QAAQR,EAAMS,WACbC,KAAK,KACFV,EAAMW,UAAUC,IAAIC,YAEvBC,MAAMC,QAAQC,SASdf,EAAKgB,IAAI,qBAGtB"}
+{"version":3,"file":"SignOutButton.js","sources":["../../../../../src/components/AmazonPay/components/SignOutButton.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useCoreContext } from '../../../core/Context/CoreProvider';\nimport { SignOutButtonProps } from '../types';\n\nexport default function SignOutButton(props: Readonly<SignOutButtonProps>) {\n    const { i18n } = useCoreContext();\n\n    const handleClick = () => {\n        // eslint-disable-next-line @typescript-eslint/no-misused-promises\n        new Promise(props.onSignOut)\n            .then(() => {\n                props.amazonRef.Pay.signout();\n            })\n            .catch(console.error);\n    };\n\n    return (\n        <button\n            type=\"button\"\n            className=\"adyen-checkout__button  adyen-checkout__button--ghost adyen-checkout__amazonpay__button--signOut\"\n            onClick={handleClick}\n        >\n            {i18n.get('amazonpay.signout')}\n        </button>\n    );\n}\n"],"names":["SignOutButton","props","i18n","useCoreContext","h","button","type","className","onClick","Promise","onSignOut","then","amazonRef","Pay","signout","catch","console","error","get"],"mappings":"+IAIe,SAASA,EAAcC,GAClC,MAAMC,KAAEA,GAASC,IAWjB,OACIC,EAACC,SAAAA,CACGC,KAAK,SACLC,UAAU,mGACVC,QAbY,KAEhB,IAAIC,QAAQR,EAAMS,WACbC,KAAK,KACFV,EAAMW,UAAUC,IAAIC,YAEvBC,MAAMC,QAAQC,SASdf,EAAKgB,IAAI,qBAGtB"}