@adyen/adyen-web 6.30.0 → 6.31.0

package/dist/es/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="applepayjs" />
 /// <reference types="googlepay" />
 import * as preact from 'preact';
-import { h, Ref, FunctionComponent, ComponentChild, Component } from 'preact';
+import { h, Ref, FunctionComponent, ComponentChild, Component, RefObject } from 'preact';
 
 /**
  * Holds the result of a validation
@@ -162,300 +162,14 @@ declare class AdyenCheckoutError extends Error {
     constructor(type: keyof typeof AdyenCheckoutError.errorTypes, message?: string, options?: CheckoutErrorOptions);
 }
 
-type CustomTranslations = {
-    [locale: string]: Translations;
-};
-type Translations = {
-    [translationKey: string]: string;
-};
-interface LanguageOptions {
-    locale: string;
-    translations: Translations;
-    customTranslations?: CustomTranslations;
+type InstallmentPlan = 'revolving' | 'bonus' | 'regular';
+interface InstallmentOption {
+    values: number[];
+    plans?: InstallmentPlan[];
+    preselectedValue?: number;
 }
-
-declare class Language {
-    readonly locale: string;
-    readonly languageCode: string;
-    private readonly translations;
-    private readonly customTranslations;
-    readonly timeFormatOptions: Intl.DateTimeFormatOptions;
-    readonly timeAndDateFormatOptions: Intl.DateTimeFormatOptions;
-    readonly timeAndDateFormatter: Intl.DateTimeFormat;
-    constructor(props: LanguageOptions);
-    /**
-     * Returns a translated string from a key in the current {@link Language.locale}
-     * @param key - Translation key
-     * @param options - Translation options
-     * @returns Translated string
-     */
-    get(key: string, options?: any): string;
-    /**
-     * Returns a localized string for an amount
-     * @param amount - Amount to be converted
-     * @param currencyCode - Currency code of the amount
-     * @param options - Options for String.prototype.toLocaleString
-     */
-    amount(amount: number, currencyCode: string, options?: object): string;
-    /**
-     * Returns a localized string for a date
-     * @param date - Date to be localized
-     * @param options - Options for {@link Intl.DateTimeFormatOptions}
-     */
-    date(date: string, options?: Intl.DateTimeFormatOptions): string;
-    /**
-     * Returns a localized string for a date and time
-     * @param date - Date to be localized
-     */
-    dateTime(date: string): string;
-}
-
-type PlaceholderKeys$1 = 'cardNumber' | 'securityCode' | 'expiryDate';
-type Placeholders$1 = Partial<Record<PlaceholderKeys$1, string>>;
-type GiftcardFieldsProps = {
-    setRootNode: (input: HTMLElement) => void;
-    i18n: Language;
-    pinRequired: boolean;
-    sfpState: SFPState;
-    getCardErrorMessage: any;
-    focusedElement: any;
-    setFocusOn: any;
-    label?: string;
-};
-
-declare enum AnalyticsEventCategory {
-    info = "info",
-    error = "error",
-    log = "log"
-}
-declare abstract class AbstractAnalyticsEvent {
-    private readonly timestamp;
-    private readonly id;
-    /**
-     * Component tx variant or identifier
-     * @private
-     */
-    private readonly component;
-    abstract getEventCategory(): AnalyticsEventCategory;
-    protected constructor(component: string);
-}
-
-type Placeholders = CardPlaceholders | Placeholders$1;
-/**
- * Should be the only props that can be sent to SFP (from CardInput, SecuredFieldsInput, GiftcardComponent)
- */
-interface SFPProps {
-    autoFocus?: boolean;
-    brands?: string[];
-    brandsConfiguration?: CardBrandsConfiguration;
-    clientKey: string;
-    componentType: string;
-    countryCode?: string;
-    forceCompat?: boolean;
-    hasKoreanFields?: boolean;
-    i18n: Language;
-    implementationType?: string;
-    keypadFix?: boolean;
-    koreanAuthenticationRequired?: boolean;
-    legacyInputMode?: boolean;
-    loadingContext: string;
-    minimumExpiryDate?: string;
-    onAdditionalSFConfig?: () => {};
-    onAdditionalSFRemoved?: () => {};
-    onAllValid?: () => {};
-    onAutoComplete?: () => {};
-    onBinValue?: () => {};
-    onBrand?: () => {};
-    onChange: () => {};
-    onConfigSuccess?: () => {};
-    onError?: () => {};
-    onFieldValid?: () => {};
-    onFocus?: () => {};
-    onLoad?: () => {};
-    onStateUpdate: (obj: SFPState) => void;
-    onSubmitAnalytics: (event: AbstractAnalyticsEvent) => void;
-    handleKeyPress?: (obj: KeyboardEvent) => void;
-    rootNode: HTMLElement;
-    showWarnings?: boolean;
-    styles?: StylesObject;
-    trimTrailingSeparator?: boolean;
-    type: string;
-    render: () => {};
-    resources: Resources;
-    maskSecurityCode: boolean;
-    exposeExpiryDate: boolean;
-    disableIOSArrowKeys: (obj: TouchStartEventObj) => void | null;
-    placeholders?: Placeholders;
-    showContextualElement?: boolean;
-}
-interface SFPState {
-    status?: string;
-    brand?: string;
-    errors?: object;
-    valid: SFPValid;
-    data: object;
-    cvcPolicy?: CVCPolicyType;
-    isSfpValid?: boolean;
-    autoCompleteName?: string;
-    billingAddress?: AddressData;
-    detectedUnsupportedBrands?: string[];
-    hasKoreanFields?: boolean;
-    showSocialSecurityNumber?: boolean;
-    expiryDatePolicy?: DatePolicyType;
-    socialSecurityNumber?: string;
-}
-interface SingleBrandResetObject {
-    brand: string;
-    cvcPolicy: CVCPolicyType;
-}
-interface SFPValid {
-    encryptedCardNumber?: boolean;
-    encryptedExpiryMonth?: boolean;
-    encryptedExpiryYear?: boolean;
-    encryptedSecurityCode?: boolean;
-    encryptedPassword?: boolean;
-    encryptedPin?: boolean;
-    encryptedBankAccountNumber?: boolean;
-    encryptedBankLocationId?: boolean;
-}
-
-declare const REQUIRED = "required";
-declare const OPTIONAL = "optional";
-declare const HIDDEN = "hidden";
-
-declare global {
-    interface Window {
-        _b$dl: boolean;
-        mockBinCount: number;
-    }
-}
-interface StylesObject {
-    base?: StyleDefinitions;
-    error?: StyleDefinitions;
-    validated?: StyleDefinitions;
-    placeholder?: StyleDefinitions;
-}
-interface StyleDefinitions {
-    background?: string;
-    caretColor?: string;
-    color?: string;
-    display?: string;
-    font?: string;
-    fontFamily?: string;
-    fontSize?: string;
-    fontSizeAdjust?: string;
-    fontSmoothing?: string;
-    fontStretch?: string;
-    fontStyle?: string;
-    fontVariant?: string;
-    fontVariantAlternates?: string;
-    fontVariantCaps?: string;
-    fontVariantEastAsian?: string;
-    fontVariantLigatures?: string;
-    fontVariantNumeric?: string;
-    fontWeight?: string;
-    letterSpacing?: string;
-    lineHeight?: string;
-    mozOsxFontSmoothing?: string;
-    mozTransition?: string;
-    outline?: string;
-    opacity?: string;
-    padding?: string;
-    textAlign?: string;
-    textShadow?: string;
-    transition?: string;
-    webkitFontSmoothing?: string;
-    webkitTransition?: string;
-    wordSpacing?: string;
-}
-interface CardAllValidData {
-    type: string;
-    allValid: boolean;
-    rootNode: HTMLElement;
-}
-interface CardAutoCompleteData {
-    fieldType: string;
-    name: string;
-    value: string;
-    action: string;
-}
-interface CardBinLookupData {
-    type?: string;
-    detectedBrands?: string[];
-    supportedBrands?: string[];
-    brands?: string[];
-    issuingCountryCode?: string;
-    supportedBrandsRaw?: BrandObject[];
-    rootNode?: HTMLElement;
-    isReset?: boolean;
-}
-interface CardBinValueData {
-    type: string;
-    binValue: string;
-    uuid?: string;
-    encryptedBin?: string;
-}
-interface CardBrandData {
-    type: string;
-    rootNode: HTMLElement;
-    brand: string;
-    cvcPolicy: CVCPolicyType;
-    expiryDatePolicy?: DatePolicyType;
-    cvcText: string;
-    showSocialSecurityNumber?: boolean;
-    brandImageUrl?: string;
-}
-interface CardConfigSuccessData {
-    iframesConfigured: boolean;
-    type: string;
-    rootNode: HTMLElement;
-}
-interface CardErrorData {
-    fieldType: string;
-    error: string;
-    type: string;
-    rootNode?: HTMLElement;
-    detectedBrands?: string[];
-    errorI18n?: string;
-    errorText?: string;
-}
-interface CardFieldValidData {
-    fieldType: string;
-    encryptedFieldName: string;
-    uid: string;
-    valid: boolean;
-    type: string;
-    rootNode: HTMLElement;
-    blob?: string;
-    endDigits?: string;
-    expiryDate?: string;
-    issuerBin?: number;
-}
-interface CardFocusData {
-    action: string;
-    focus: boolean;
-    numChars: number;
-    fieldType: string;
-    rootNode: HTMLElement;
-    type: string;
-    currentFocusObject: string;
-}
-interface CardLoadData {
-    iframesLoaded: boolean;
-}
-type CVCPolicyType = typeof REQUIRED | typeof OPTIONAL | typeof HIDDEN;
-type DatePolicyType = typeof REQUIRED | typeof OPTIONAL | typeof HIDDEN;
-
 interface InstallmentOptions {
-    [key: string]: {
-        values: number[];
-        plans?: string[];
-        preselectedValue?: number;
-    };
-}
-interface TouchStartEventObj {
-    fieldType: string;
-    name?: string;
+    [key: string]: InstallmentOption;
 }
 
 type CheckoutSession = {
@@ -473,7 +187,7 @@ type CheckoutSessionSetupResponse = {
     id: string;
     sessionData: string;
     countryCode?: string;
-    amount: PaymentAmount;
+    amount: Omit<PaymentAmount, 'currencyDisplay'>;
     expiresAt: string;
     paymentMethods: any;
     returnUrl: string;
@@ -508,10 +222,58 @@ type CheckoutSessionOrdersResponse = {
     orderData: string;
     pspReference: string;
 };
-type SetupSessionOptions = {
-    browserInfo?: BrowserInfo;
-    order?: Order;
+type SetupSessionOptions = {
+    browserInfo?: BrowserInfo;
+    order?: Order;
+};
+
+type CustomTranslations = {
+    [locale: string]: Translations;
+};
+type Translations = {
+    [translationKey: string]: string;
 };
+interface LanguageOptions {
+    locale: string;
+    translations: Translations;
+    customTranslations?: CustomTranslations;
+}
+
+declare class Language {
+    readonly locale: string;
+    readonly languageCode: string;
+    private readonly translations;
+    private readonly customTranslations;
+    readonly timeFormatOptions: Intl.DateTimeFormatOptions;
+    readonly timeAndDateFormatOptions: Intl.DateTimeFormatOptions;
+    readonly timeAndDateFormatter: Intl.DateTimeFormat;
+    constructor(props: LanguageOptions);
+    /**
+     * Returns a translated string from a key in the current {@link Language.locale}
+     * @param key - Translation key
+     * @param options - Translation options
+     * @returns Translated string
+     */
+    get(key: string, options?: any): string;
+    /**
+     * Returns a localized string for an amount
+     * @param amount - Amount to be converted
+     * @param currencyCode - Currency code of the amount
+     * @param options - Options for String.prototype.toLocaleString
+     */
+    amount(amount: number, currencyCode: string, options?: object): string;
+    /**
+     * Returns a localized string for a date
+     * @param date - Date to be localized
+     * @param options - Options for {@link Intl.DateTimeFormatOptions}
+     */
+    date(date: string, options?: Intl.DateTimeFormatOptions): string;
+    /**
+     * Returns a localized string for a date and time
+     * @param date - Date to be localized
+     */
+    dateTime(date: string): string;
+}
 
 type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'action' | 'link' | 'iconOnly';
 interface ButtonProps {
@@ -533,7 +295,7 @@ interface ButtonProps {
     href?: string;
     target?: string;
     rel?: string;
-    onClick?: (e: h.JSX.TargetedMouseEvent<HTMLButtonElement>, callbacks?: {
+    onClick?: (e: h.JSX.TargetedMouseEvent<HTMLButtonElement | HTMLAnchorElement>, callbacks?: {
         complete?: () => void;
     }) => void;
     onKeyDown?: (event: KeyboardEvent) => void;
@@ -550,9 +312,13 @@ interface PayButtonProps extends ButtonProps {
      * Class name modifiers will be used as: `adyen-checkout__image--${modifier}`
      */
     classNameModifiers?: string[];
+    /**
+     * Custom amount that can be passed to the button.
+     * This is useful when the amount is not available in the amount provider, such as Giftcard scenario where
+     * we need to display the remaining amount
+     */
+    customAmount?: PaymentAmount;
     label?: string;
-    amount?: PaymentAmountExtended;
-    secondaryAmount?: PaymentAmountExtended;
     status?: string;
     disabled?: boolean;
     icon?: string;
@@ -849,7 +615,7 @@ interface AmazonPayConfiguration extends UIElementProps {
         resolve: (response: CheckoutAdvancedFlowResponse) => void;
         reject: () => void;
     }): void;
-    payButton?: any;
+    payButton?: (props: PayButtonProps) => h.JSX.Element;
     placement?: Placement;
     productType?: ProductType;
     recurringMetadata?: RecurringMetadata;
@@ -882,7 +648,6 @@ interface AmazonPayComponentProps extends AmazonPayConfiguration {
     ref: any;
 }
 interface AmazonPayButtonProps {
-    amount?: PaymentAmount;
     amazonRef: any;
     buttonColor?: ButtonColor;
     cancelUrl?: string;
@@ -917,7 +682,6 @@ interface ChangeActionOptions {
 }
 interface OrderButtonProps {
     amazonCheckoutSessionId: string;
-    amount: PaymentAmount;
     clientKey: string;
     chargePermissionType?: ChargePermissionType;
     onError: (error: any, component: any) => void;
@@ -1168,7 +932,14 @@ interface ApplePayConfiguration extends UIElementProps {
      * Optional user-defined data.
      */
     applicationData?: string;
-    onClick?: (resolve: any, reject: any) => void;
+    /**
+     *	Called when the shopper clicks the Apple Pay button
+
+     * @param resolve - Must be called if the button should be displayed
+     * @param reject - Must be called if the button should not be displayed
+     * @returns
+     */
+    onClick?: (resolve: () => void, reject: () => void) => void;
     /**
      * A callback function the Apple Pay SDK calls when the Apple Pay code modal or window closes.
      */
@@ -1201,28 +972,42 @@ interface ApplePayConfiguration extends UIElementProps {
      * @param reject - Must be called if something failed during the order creation. Calling 'reject' won't cancel the payment flow
      */
     onOrderTrackingRequest?: (resolve: (orderDetails: ApplePayPaymentOrderDetails) => void, reject: () => void) => void;
-    onValidateMerchant?: (resolve: any, reject: any, validationURL: string) => void;
     /**
-     * {@link https://developer.apple.com/documentation/apple_pay_on_the_web/applepaysession/1778013-onpaymentmethodselected}
-     * @param resolve(ApplePayPaymentMethodUpdate update) Completes the selection of a payment method with an update.
-     * @param reject() Completes the selection of a payment method with no update.
-     * @param event The event parameter contains the paymentMethod attribute.
+     * An event handler the system calls when it displays the payment sheet
+     *
+     * {@link https://developer.apple.com/documentation/applepayontheweb/applepaysession/onvalidatemerchant}
+     * @param resolve - Must be called with an opaque message session object
+     * @param reject - Must be called if something failed during the merchant validation
+     * @param validationURL - The URL your server must use to validate itself and obtain a merchant session object.
+     */
+    onValidateMerchant?: (resolve: (merchantSession: any) => void, reject: (error?: string) => void, validationURL: string) => Promise<void>;
+    /**
+     * An event handler to call when the user selects a new payment method.
+     *
+     * {@link https://developer.apple.com/documentation/applepayontheweb/applepaysession/onpaymentmethodselected}
+     * @param resolve - Completes the selection of a payment method with an update.
+     * @param reject - Completes the selection of a payment method with no update.
+     * @param event - The event parameter contains the paymentMethod attribute.
      */
-    onPaymentMethodSelected?: (resolve: any, reject: any, event: ApplePayJS.ApplePayPaymentMethodSelectedEvent) => void;
+    onPaymentMethodSelected?: (resolve: (paymentMethodUpdate: ApplePayJS.ApplePayPaymentMethodUpdate) => void, reject: (paymentMethodUpdate: ApplePayJS.ApplePayPaymentMethodUpdate) => void, event: ApplePayJS.ApplePayPaymentMethodSelectedEvent) => void;
     /**
-     * {@link https://developer.apple.com/documentation/apple_pay_on_the_web/applepaysession/1778009-onshippingcontactselected}
-     * @param resolve(ApplePayShippingContactUpdate update) Completes the selection of a shipping contact with an update.
-     * @param reject() Completes the selection of a shipping contact with no update.
-     * @param event The event parameter contains the shippingContact attribute.
+     * An event handler to call when the user selects a shipping contact in the payment sheet.
+     *
+     * {@link https://developer.apple.com/documentation/applepayontheweb/applepaysession/onshippingcontactselected}
+     * @param resolve - Completes the selection of a shipping contact with an update.
+     * @param reject - Completes the selection of a shipping contact with no update.
+     * @param event - The event parameter contains the shippingContact attribute.
      */
-    onShippingContactSelected?: (resolve: any, reject: any, event: ApplePayJS.ApplePayShippingContactSelectedEvent) => void;
+    onShippingContactSelected?: (resolve: (shippingContactUpdate: ApplePayJS.ApplePayShippingContactUpdate) => void, reject: (shippingContactUpdate: ApplePayJS.ApplePayShippingContactUpdate) => void, event: ApplePayJS.ApplePayShippingContactSelectedEvent) => void;
     /**
-     * {@link https://developer.apple.com/documentation/apple_pay_on_the_web/applepaysession/1778028-onshippingmethodselected}
-     * @param resolve(ApplePayShippingMethodUpdate update) Completes the selection of a shipping method with an update.
-     * @param reject() Completes the selection of a shipping method with no update.
-     * @param event The event parameter contains the shippingMethod attribute.
+     * Completes the selection of a shipping method with an update.
+     *
+     * {@link https://developer.apple.com/documentation/applepayontheweb/applepaysession/completeshippingmethodselection}
+     * @param resolve - Completes the selection of a shipping method with an update.
+     * @param reject - Completes the selection of a shipping method with no update.
+     * @param event - The event parameter contains the shippingMethod attribute.
      */
-    onShippingMethodSelected?: (resolve: any, reject: any, event: ApplePayJS.ApplePayShippingMethodSelectedEvent) => void;
+    onShippingMethodSelected?: (resolve: (shippingMethodUpdate: ApplePayJS.ApplePayShippingMethodUpdate) => void, reject: (shippingMethodUpdate: ApplePayJS.ApplePayShippingMethodUpdate) => void, event: ApplePayJS.ApplePayShippingMethodSelectedEvent) => void;
     buttonColor?: ApplePayButtonStyle;
     buttonType?: ApplePayButtonType;
     /**
@@ -1538,93 +1323,334 @@ type ClickToPayScheme = 'mc' | 'visa';
 
 declare global {
     interface Window {
-        SRCSDK_MASTERCARD?: object;
-        vAdapters: {
-            VisaSRCI?: object;
-        };
+        SRCSDK_MASTERCARD?: object;
+        vAdapters: {
+            VisaSRCI?: object;
+        };
+    }
+}
+
+declare enum AnalyticsEventCategory {
+    info = "info",
+    error = "error",
+    log = "log"
+}
+declare abstract class AbstractAnalyticsEvent {
+    private readonly timestamp;
+    private readonly id;
+    /**
+     * Component tx variant or identifier
+     * @private
+     */
+    private readonly component;
+    abstract getEventCategory(): AnalyticsEventCategory;
+    protected constructor(component: string);
+}
+
+interface AnalyticsOptions {
+    /**
+     * Enable/Disable all analytics
+     */
+    enabled?: boolean;
+    /**
+     * A wrapper to pass data needed when analytics is setup
+     */
+    analyticsData?: {
+        /**
+         * Relates to PMs used within Plugins
+         * https://docs.adyen.com/development-resources/application-information/?tab=integrator_built_2#application-information-fields
+         * @internal
+         */
+        applicationInfo?: ApplicationInfo;
+        /**
+         * Use a checkoutAttemptId from a previous page
+         */
+        checkoutAttemptId?: string;
+    };
+}
+interface ApplicationInfo {
+    externalPlatform: {
+        name: string;
+        version: string;
+        integrator: string;
+    };
+    merchantApplication: {
+        name: string;
+        version: string;
+    };
+    merchantDevice?: {
+        os: string;
+        osVersion: string;
+    };
+}
+
+interface IAnalytics {
+    checkoutAttemptId?: string;
+    setUp({ sessionId, checkoutStage, locale }: {
+        sessionId?: string;
+        checkoutStage?: 'precheckout' | 'checkout';
+        locale?: string;
+    }): Promise<void>;
+    sendFlavor(flavor: 'dropin' | 'components'): Promise<void>;
+    sendAnalytics(event: AbstractAnalyticsEvent): void;
+    flush(): void;
+}
+
+type MastercardCheckout = {
+    srcDigitalCardId: string;
+    srcCorrelationId: string;
+    srcScheme: string;
+};
+type VisaCheckout = {
+    srcCheckoutPayload?: string;
+    srcTokenReference?: string;
+    srcCorrelationId: string;
+    srcScheme: string;
+};
+type ClickToPayCheckoutPayload = VisaCheckout | MastercardCheckout;
+
+type ClickToPayConfiguration = UIElementProps & ClickToPayProps & {
+    /**
+     * ClickToPay configuration sent by the /paymentMethods response
+     */
+    configuration?: {
+        mcDpaId?: string;
+        mcSrcClientId?: string;
+        visaSrcInitiatorId?: string;
+        visaSrciDpaId?: string;
+    };
+};
+type ClickToPayPaymentData = {
+    paymentMethod: ClickToPayCheckoutPayload & {
+        type: string;
+    };
+    origin: string;
+    browserInfo: BrowserInfo;
+};
+
+interface TouchStartEventObj {
+    fieldType: string;
+    name?: string;
+}
+
+type PlaceholderKeys$1 = 'cardNumber' | 'securityCode' | 'expiryDate';
+type Placeholders$1 = Partial<Record<PlaceholderKeys$1, string>>;
+type GiftcardFieldsProps = {
+    setRootNode: (input: HTMLElement) => void;
+    i18n: Language;
+    pinRequired: boolean;
+    sfpState: SFPState;
+    getCardErrorMessage: any;
+    focusedElement: any;
+    setFocusOn: any;
+    label?: string;
+};
+
+type Placeholders = CardPlaceholders | Placeholders$1;
+/**
+ * Should be the only props that can be sent to SFP (from CardInput, SecuredFieldsInput, GiftcardComponent)
+ */
+interface SFPProps {
+    autoFocus?: boolean;
+    brands?: string[];
+    brandsConfiguration?: CardBrandsConfiguration;
+    clientKey: string;
+    componentType: string;
+    countryCode?: string;
+    forceCompat?: boolean;
+    hasKoreanFields?: boolean;
+    i18n: Language;
+    implementationType?: string;
+    keypadFix?: boolean;
+    koreanAuthenticationRequired?: boolean;
+    legacyInputMode?: boolean;
+    loadingContext: string;
+    minimumExpiryDate?: string;
+    onAdditionalSFConfig?: () => {};
+    onAdditionalSFRemoved?: () => {};
+    onAllValid?: () => {};
+    onAutoComplete?: () => {};
+    onBinValue?: () => {};
+    onBrand?: () => {};
+    onChange: () => {};
+    onConfigSuccess?: () => {};
+    onError?: () => {};
+    onFieldValid?: () => {};
+    onFocus?: () => {};
+    onLoad?: () => {};
+    onStateUpdate: (obj: SFPState) => void;
+    onSubmitAnalytics: (event: AbstractAnalyticsEvent) => void;
+    handleKeyPress?: (obj: KeyboardEvent) => void;
+    rootNode: HTMLElement;
+    showWarnings?: boolean;
+    styles?: StylesObject;
+    trimTrailingSeparator?: boolean;
+    type: string;
+    render: () => {};
+    resources: Resources;
+    maskSecurityCode: boolean;
+    exposeExpiryDate: boolean;
+    disableIOSArrowKeys: (obj: TouchStartEventObj) => void | null;
+    placeholders?: Placeholders;
+    showContextualElement?: boolean;
+}
+interface SFPState {
+    status?: string;
+    brand?: string;
+    errors?: object;
+    valid: SFPValid;
+    data: object;
+    cvcPolicy?: CVCPolicyType;
+    isSfpValid?: boolean;
+    autoCompleteName?: string;
+    billingAddress?: AddressData;
+    detectedUnsupportedBrands?: string[];
+    hasKoreanFields?: boolean;
+    showSocialSecurityNumber?: boolean;
+    expiryDatePolicy?: DatePolicyType;
+    socialSecurityNumber?: string;
+}
+interface SingleBrandResetObject {
+    brand: string;
+    cvcPolicy: CVCPolicyType;
+}
+interface SFPValid {
+    encryptedCardNumber?: boolean;
+    encryptedExpiryMonth?: boolean;
+    encryptedExpiryYear?: boolean;
+    encryptedSecurityCode?: boolean;
+    encryptedPassword?: boolean;
+    encryptedPin?: boolean;
+    encryptedBankAccountNumber?: boolean;
+    encryptedBankLocationId?: boolean;
+}
+
+declare const REQUIRED = "required";
+declare const OPTIONAL = "optional";
+declare const HIDDEN = "hidden";
+
+declare global {
+    interface Window {
+        _b$dl: boolean;
+        mockBinCount: number;
     }
 }
-
-interface AnalyticsOptions {
-    /**
-     * Enable/Disable all analytics
-     */
-    enabled?: boolean;
-    /**
-     * A wrapper to pass data needed when analytics is setup
-     */
-    analyticsData?: {
-        /**
-         * Relates to PMs used within Plugins
-         * https://docs.adyen.com/development-resources/application-information/?tab=integrator_built_2#application-information-fields
-         * @internal
-         */
-        applicationInfo?: ApplicationInfo;
-        /**
-         * Use a checkoutAttemptId from a previous page
-         */
-        checkoutAttemptId?: string;
-    };
+interface StylesObject {
+    base?: StyleDefinitions;
+    error?: StyleDefinitions;
+    validated?: StyleDefinitions;
+    placeholder?: StyleDefinitions;
 }
-interface ApplicationInfo {
-    externalPlatform: {
-        name: string;
-        version: string;
-        integrator: string;
-    };
-    merchantApplication: {
-        name: string;
-        version: string;
-    };
-    merchantDevice?: {
-        os: string;
-        osVersion: string;
-    };
+interface StyleDefinitions {
+    background?: string;
+    caretColor?: string;
+    color?: string;
+    display?: string;
+    font?: string;
+    fontFamily?: string;
+    fontSize?: string;
+    fontSizeAdjust?: string;
+    fontSmoothing?: string;
+    fontStretch?: string;
+    fontStyle?: string;
+    fontVariant?: string;
+    fontVariantAlternates?: string;
+    fontVariantCaps?: string;
+    fontVariantEastAsian?: string;
+    fontVariantLigatures?: string;
+    fontVariantNumeric?: string;
+    fontWeight?: string;
+    letterSpacing?: string;
+    lineHeight?: string;
+    mozOsxFontSmoothing?: string;
+    mozTransition?: string;
+    outline?: string;
+    opacity?: string;
+    padding?: string;
+    textAlign?: string;
+    textShadow?: string;
+    transition?: string;
+    webkitFontSmoothing?: string;
+    webkitTransition?: string;
+    wordSpacing?: string;
 }
-
-interface IAnalytics {
-    checkoutAttemptId?: string;
-    setUp({ sessionId, checkoutStage, locale }: {
-        sessionId?: string;
-        checkoutStage?: 'precheckout' | 'checkout';
-        locale?: string;
-    }): Promise<void>;
-    sendFlavor(flavor: 'dropin' | 'components'): Promise<void>;
-    sendAnalytics(event: AbstractAnalyticsEvent): void;
-    flush(): void;
+interface CardAllValidData {
+    type: string;
+    allValid: boolean;
+    rootNode: HTMLElement;
 }
-
-type MastercardCheckout = {
-    srcDigitalCardId: string;
-    srcCorrelationId: string;
-    srcScheme: string;
-};
-type VisaCheckout = {
-    srcCheckoutPayload?: string;
-    srcTokenReference?: string;
-    srcCorrelationId: string;
-    srcScheme: string;
-};
-type ClickToPayCheckoutPayload = VisaCheckout | MastercardCheckout;
-
-type ClickToPayConfiguration = UIElementProps & ClickToPayProps & {
-    /**
-     * ClickToPay configuration sent by the /paymentMethods response
-     */
-    configuration?: {
-        mcDpaId?: string;
-        mcSrcClientId?: string;
-        visaSrcInitiatorId?: string;
-        visaSrciDpaId?: string;
-    };
-};
-type ClickToPayPaymentData = {
-    paymentMethod: ClickToPayCheckoutPayload & {
-        type: string;
-    };
-    origin: string;
-    browserInfo: BrowserInfo;
-};
+interface CardAutoCompleteData {
+    fieldType: string;
+    name: string;
+    value: string;
+    action: string;
+}
+interface CardBinLookupData {
+    type?: string;
+    detectedBrands?: string[];
+    supportedBrands?: string[];
+    brands?: string[];
+    issuingCountryCode?: string;
+    supportedBrandsRaw?: BrandObject[];
+    rootNode?: HTMLElement;
+    isReset?: boolean;
+}
+interface CardBinValueData {
+    type: string;
+    binValue: string;
+    uuid?: string;
+    encryptedBin?: string;
+}
+interface CardBrandData {
+    type: string;
+    rootNode: HTMLElement;
+    brand: string;
+    cvcPolicy: CVCPolicyType;
+    expiryDatePolicy?: DatePolicyType;
+    cvcText: string;
+    showSocialSecurityNumber?: boolean;
+    brandImageUrl?: string;
+}
+interface CardConfigSuccessData {
+    iframesConfigured: boolean;
+    type: string;
+    rootNode: HTMLElement;
+}
+interface CardErrorData {
+    fieldType: string;
+    error: string;
+    type: string;
+    rootNode?: HTMLElement;
+    detectedBrands?: string[];
+    errorI18n?: string;
+    errorText?: string;
+}
+interface CardFieldValidData {
+    fieldType: string;
+    encryptedFieldName: string;
+    uid: string;
+    valid: boolean;
+    type: string;
+    rootNode: HTMLElement;
+    blob?: string;
+    endDigits?: string;
+    expiryDate?: string;
+    issuerBin?: number;
+}
+interface CardFocusData {
+    action: string;
+    focus: boolean;
+    numChars: number;
+    fieldType: string;
+    rootNode: HTMLElement;
+    type: string;
+    currentFocusObject: string;
+}
+interface CardLoadData {
+    iframesLoaded: boolean;
+}
+type CVCPolicyType = typeof REQUIRED | typeof OPTIONAL | typeof HIDDEN;
+type DatePolicyType = typeof REQUIRED | typeof OPTIONAL | typeof HIDDEN;
 
 declare enum ErrorEventCode {
     /** Trying to initialise a securedField iframe, but the iframe.contentWindow is undefined (meaning the containing element is not in the DOM */
@@ -2080,7 +2106,7 @@ interface DragonpayInputProps {
     onChange: (state: any) => void;
     onSubmit?: (state: any, component: any) => void;
     showPayButton: boolean;
-    payButton: any;
+    payButton: (props: PayButtonProps) => h.JSX.Element;
     ref?: any;
 }
 interface DragonpayVoucherResultProps {
@@ -2431,7 +2457,7 @@ interface KlarnaPaymentsShared {
 }
 interface KlarnaWidgetProps extends KlarnaPaymentsShared {
     /** @internal */
-    payButton: (options: any) => any;
+    payButton: (props: PayButtonProps) => h.JSX.Element;
     /** @internal */
     onLoaded: () => void;
     widgetInitializationTime: number;
@@ -3229,7 +3255,6 @@ interface AwaitComponentProps {
     pollStatus?: () => Promise<RawPaymentResponse | RawPaymentStatusResponse>;
     instructions?: string | (() => h.JSX.Element);
     endSlot?: () => h.JSX.Element;
-    amount?: PaymentAmount;
     showAmount?: boolean;
 }
 interface AwaitConfiguration extends UIElementProps {
@@ -3363,7 +3388,6 @@ interface IBaseElement {
     activate(): void;
 }
 
-type PayButtonFunctionProps = Omit<PayButtonProps, 'amount'>;
 type CoreCallbacks = Pick<CoreConfiguration, 'beforeRedirect' | 'beforeSubmit' | 'onSubmit' | 'onAdditionalDetails' | 'onPaymentFailed' | 'onPaymentCompleted' | 'onOrderUpdated' | 'onPaymentMethodsRequest' | 'onChange' | 'onActionHandled' | 'onError' | 'onEnterKeyPressed'>;
 type StatusFromAction = 'redirect' | 'loading' | 'custom';
 type UIElementProps = {
@@ -3399,14 +3423,14 @@ type UIElementProps = {
     name?: string;
     icon?: string;
     amount?: PaymentAmount;
-    secondaryAmount?: PaymentAmountExtended;
+    secondaryAmount?: PaymentAmount;
     /**
      * Show/Hide pay button
      * @defaultValue true
      */
     showPayButton?: boolean;
     /** @internal */
-    payButton?: (options: PayButtonFunctionProps) => h.JSX.Element;
+    payButton?: (options: PayButtonProps) => h.JSX.Element;
     /** @internal */
     loadingContext?: string;
     /** @internal */
@@ -3459,13 +3483,13 @@ declare class OpenInvoiceContainer extends UIElement<OpenInvoiceConfiguration> {
 declare class AfterPay extends OpenInvoiceContainer {
     static type: TxVariants;
     static txVariants: TxVariants[];
-    formatProps(props: any): any;
+    formatProps(props: OpenInvoiceConfiguration): any;
 }
 
 declare class AfterPayB2B extends OpenInvoiceContainer {
     static type: TxVariants;
     protected static defaultProps: Partial<OpenInvoiceConfiguration>;
-    formatProps(props: any): any;
+    formatProps(props: OpenInvoiceConfiguration): any;
 }
 
 declare class ANCVElement extends UIElement<ANCVConfiguration> {
@@ -3486,7 +3510,7 @@ declare class ANCVElement extends UIElement<ANCVConfiguration> {
      */
     createOrder: () => Promise<void>;
     submit(): boolean;
-    payButton: (props: any) => h.JSX.Element;
+    protected payButton: (props: PayButtonProps) => h.JSX.Element;
     get isValid(): boolean;
     get displayName(): string;
     protected componentToRender(): h.JSX.Element;
@@ -3556,7 +3580,7 @@ declare class ApplePayElement extends UIElement<ApplePayConfiguration> {
 
 declare class Atome extends OpenInvoiceContainer {
     static type: TxVariants;
-    formatProps(props: any): any;
+    formatProps(props: OpenInvoiceConfiguration): any;
 }
 
 declare class IssuerListContainer<TProps extends IssuerListConfiguration = IssuerListConfiguration, TData = IssuerListData> extends UIElement<TProps> {
@@ -3645,7 +3669,7 @@ declare class CashAppPay extends UIElement<CashAppPayConfiguration> {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => Promise<void> | void;
         onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
@@ -3670,9 +3694,9 @@ declare class CashAppPay extends UIElement<CashAppPayConfiguration> {
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
-        secondaryAmount?: PaymentAmountExtended;
+        secondaryAmount?: PaymentAmount;
         showPayButton?: boolean;
-        payButton?: (options: PayButtonFunctionProps) => h.JSX.Element;
+        payButton?: (options: PayButtonProps) => h.JSX.Element;
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
@@ -3722,7 +3746,7 @@ declare class ClickToPayElement extends UIElement<ClickToPayConfiguration> {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => Promise<void> | void;
         onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
@@ -3747,9 +3771,9 @@ declare class ClickToPayElement extends UIElement<ClickToPayConfiguration> {
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
-        secondaryAmount?: PaymentAmountExtended;
+        secondaryAmount?: PaymentAmount;
         showPayButton?: boolean;
-        payButton?: (options: PayButtonFunctionProps) => h.JSX.Element;
+        payButton?: (options: PayButtonProps) => h.JSX.Element;
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
@@ -3873,7 +3897,7 @@ declare class BancontactElement extends CardElement {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => Promise<void> | void;
         onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
@@ -3896,9 +3920,9 @@ declare class BancontactElement extends CardElement {
         statusType?: StatusFromAction;
         icon?: string;
         amount?: PaymentAmount;
-        secondaryAmount?: PaymentAmountExtended;
+        secondaryAmount?: PaymentAmount;
         showPayButton?: boolean;
-        payButton?: (options: PayButtonFunctionProps) => preact.JSX.Element;
+        payButton?: (options: PayButtonProps) => preact.JSX.Element;
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
@@ -4069,7 +4093,7 @@ declare class CustomCard extends UIElement<CustomCardConfiguration> {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => Promise<void> | void;
         onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
@@ -4191,7 +4215,7 @@ declare class WeChatPayElement extends QRLoaderContainer {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => Promise<void> | void;
         onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
@@ -4215,9 +4239,9 @@ declare class WeChatPayElement extends QRLoaderContainer {
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
-        secondaryAmount?: PaymentAmountExtended;
+        secondaryAmount?: PaymentAmount;
         showPayButton?: boolean;
-        payButton?: (options: PayButtonFunctionProps) => preact.JSX.Element;
+        payButton?: (options: PayButtonProps) => preact.JSX.Element;
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
@@ -4264,7 +4288,7 @@ declare class PayNowElement extends QRLoaderContainer {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => Promise<void> | void;
         onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
@@ -4288,9 +4312,9 @@ declare class PayNowElement extends QRLoaderContainer {
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
-        secondaryAmount?: PaymentAmountExtended;
+        secondaryAmount?: PaymentAmount;
         showPayButton?: boolean;
-        payButton?: (options: PayButtonFunctionProps) => preact.JSX.Element;
+        payButton?: (options: PayButtonProps) => preact.JSX.Element;
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
@@ -4338,7 +4362,7 @@ declare class BCMCMobileElement extends QRLoaderContainer {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => Promise<void> | void;
         onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
@@ -4362,9 +4386,9 @@ declare class BCMCMobileElement extends QRLoaderContainer {
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
-        secondaryAmount?: PaymentAmountExtended;
+        secondaryAmount?: PaymentAmount;
         showPayButton?: boolean;
-        payButton?: (options: PayButtonFunctionProps) => preact.JSX.Element;
+        payButton?: (options: PayButtonProps) => preact.JSX.Element;
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
@@ -4426,7 +4450,7 @@ declare class DragonpayElement extends UIElement<DragonpayConfiguraton> {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => Promise<void> | void;
         onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
@@ -4450,9 +4474,9 @@ declare class DragonpayElement extends UIElement<DragonpayConfiguraton> {
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
-        secondaryAmount?: PaymentAmountExtended;
+        secondaryAmount?: PaymentAmount;
         showPayButton?: boolean;
-        payButton?: (options: PayButtonFunctionProps) => h.JSX.Element;
+        payButton?: (options: PayButtonProps) => h.JSX.Element;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
         elementRef?: any;
@@ -4614,9 +4638,8 @@ interface GiftcardComponentProps {
     onBlur: (event: any) => void;
     makeBalanceCheck: (event: any) => void;
     makePayment: (event: any) => void;
-    amount?: PaymentAmount;
     showPayButton: boolean;
-    payButton: (config: any) => any;
+    payButton: (props: PayButtonProps) => h.JSX.Element;
     pinRequired: boolean;
     expiryDateRequired?: boolean;
     fieldsLayoutComponent: FunctionComponent<GiftcardFieldsProps>;
@@ -4701,7 +4724,7 @@ declare class GiftcardElement extends UIElement<GiftCardConfiguration> {
     private handleOnRequiringConfirmation;
     submit(): void;
     private makeSubmitCall;
-    payButton: (props: any) => h.JSX.Element;
+    protected payButton: (props: PayButtonProps) => h.JSX.Element;
     protected componentToRender(): h.JSX.Element;
 }
 
@@ -4775,7 +4798,7 @@ declare class SwishElement extends QRLoaderContainer {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => Promise<void> | void;
         onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
@@ -4799,9 +4822,9 @@ declare class SwishElement extends QRLoaderContainer {
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
-        secondaryAmount?: PaymentAmountExtended;
+        secondaryAmount?: PaymentAmount;
         showPayButton?: boolean;
-        payButton?: (options: PayButtonFunctionProps) => preact.JSX.Element;
+        payButton?: (options: PayButtonProps) => preact.JSX.Element;
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
@@ -4906,7 +4929,7 @@ declare class BankTransferElement extends UIElement<BankTransferConfiguration> {
 
 declare class Affirm extends OpenInvoiceContainer {
     static type: TxVariants;
-    formatProps(props: any): any;
+    formatProps(props: OpenInvoiceConfiguration): any;
 }
 
 declare class PixElement extends QRLoaderContainer<PixConfiguration> {
@@ -4941,7 +4964,7 @@ declare class BacsElement extends UIElement<VoucherConfiguration> {
     static type: TxVariants;
     formatData(): BacsElementData;
     get isValid(): boolean;
-    payButton: (props: any) => h.JSX.Element;
+    protected payButton: (props: PayButtonProps) => h.JSX.Element;
     protected componentToRender(): h.JSX.Element;
 }
 
@@ -4957,7 +4980,7 @@ declare class AddressElement extends UIElement<AddressConfiguration> {
 interface PersonalDetailsConfiguration extends UIElementProps {
 }
 declare class PersonalDetailsElement extends UIElement<PersonalDetailsConfiguration> {
-    static type: TxVariants;
+    static readonly type = TxVariants.personal_details;
     protected beforeRender(configSetByMerchant?: PersonalDetailsConfiguration): void;
     get data(): any;
     get isValid(): boolean;
@@ -4979,7 +5002,7 @@ declare class KlarnaPayments extends UIElement<KlarnaConfiguration> {
             type: string;
         };
     };
-    payButton: (props: PayButtonFunctionProps) => h.JSX.Element;
+    payButton: (props: PayButtonProps) => h.JSX.Element;
     handleAction(action: KlarnaAction, props?: {}): UIElement | null;
     updateWithAction(action: KlarnaAction): void;
     private onLoaded;
@@ -5003,7 +5026,7 @@ declare class TwintElement extends RedirectElement {
      * Overrides RedirectElement default payButton behaviour to use label
      * @param props - props
      */
-    payButton: (props: any) => h.JSX.Element;
+    protected payButton: (props: PayButtonProps) => h.JSX.Element;
 }
 
 declare class MealVoucherFRElement extends GiftcardElement {
@@ -5144,7 +5167,7 @@ declare class PromptPayElement extends QRLoaderContainer {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => Promise<void> | void;
         onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
@@ -5168,9 +5191,9 @@ declare class PromptPayElement extends QRLoaderContainer {
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
-        secondaryAmount?: PaymentAmountExtended;
+        secondaryAmount?: PaymentAmount;
         showPayButton?: boolean;
-        payButton?: (options: PayButtonFunctionProps) => preact.JSX.Element;
+        payButton?: (options: PayButtonProps) => preact.JSX.Element;
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
@@ -5217,7 +5240,7 @@ declare class DuitNowElement extends QRLoaderContainer {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => Promise<void> | void;
         onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
@@ -5241,9 +5264,9 @@ declare class DuitNowElement extends QRLoaderContainer {
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
-        secondaryAmount?: PaymentAmountExtended;
+        secondaryAmount?: PaymentAmount;
         showPayButton?: boolean;
-        payButton?: (options: PayButtonFunctionProps) => preact.JSX.Element;
+        payButton?: (options: PayButtonProps) => preact.JSX.Element;
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
@@ -5405,7 +5428,7 @@ declare class PayToElement extends UIElement<PayToConfiguration> {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => Promise<void> | void;
         onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
@@ -5430,9 +5453,9 @@ declare class PayToElement extends UIElement<PayToConfiguration> {
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
-        secondaryAmount?: PaymentAmountExtended;
+        secondaryAmount?: PaymentAmount;
         showPayButton?: boolean;
-        payButton?: (options: PayButtonFunctionProps) => h.JSX.Element;
+        payButton?: (options: PayButtonProps) => h.JSX.Element;
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
@@ -5485,7 +5508,7 @@ interface BaseEnrollmentProps {
     type?: string;
     txVariant: string;
     registrationOptions?: string;
-    payButton(props: PayButtonFunctionProps): h.JSX.Element;
+    payButton(props: PayButtonProps): h.JSX.Element;
     setComponentRef?: (ref: any) => void;
     /**
      * Trigger when the await times out, receives error state or the biometrics verification fails.
@@ -5509,10 +5532,6 @@ interface IssuerListProps extends BaseEnrollmentProps {
 interface PaymentProps extends IPayByBankPixAwait {
     enrollmentId?: string;
     initiationId?: string;
-    amount: {
-        value: number;
-        currency: string;
-    };
     txVariant: string;
     onPay: () => void;
     onAuthorize: (authorizationOptions: string) => void;
@@ -5905,6 +5924,7 @@ type onOrderCancelType = (data: onOrderCancelData, actions: {
 interface DropinComponentProps extends DropinConfiguration {
     core: ICore;
     onCreateElements(): any;
+    onElementsCreated(elements: UIElement[]): void;
     onOrderCancel?: onOrderCancelType;
 }
 interface DropinStatus {
@@ -5940,8 +5960,8 @@ interface IDropin {
 }
 
 declare class Session {
-    private readonly session;
     private readonly storage;
+    readonly session: CheckoutSession;
     readonly clientKey: string;
     readonly loadingContext: string;
     configuration: SessionConfiguration;
@@ -5994,7 +6014,9 @@ declare class Session {
 interface ICore {
     initialize(): Promise<ICore>;
     register(...items: NewableComponent[]): void;
-    update(options: CoreConfiguration): Promise<ICore>;
+    update(props: Partial<CoreConfiguration>, options?: {
+        shouldReinitializeCheckout?: boolean;
+    }): Promise<ICore>;
     remove(component: any): ICore;
     submitDetails(details: AdditionalDetailsData['data']): void;
     getCorePropsForComponent(): any;
@@ -6109,11 +6131,11 @@ interface CoreConfiguration {
     /**
      * Amount of the payment
      */
-    amount?: PaymentAmountExtended;
+    amount?: PaymentAmount;
     /**
      * Secondary amount of the payment - alternative currency & value converted according to rate
      */
-    secondaryAmount?: PaymentAmountExtended;
+    secondaryAmount?: PaymentAmount;
     /**
      * The shopper's country code. A valid value is an ISO two-character country code (e.g. 'NL').
      */
@@ -6163,7 +6185,7 @@ interface CoreConfiguration {
      * @param component
      * @param actions
      */
-    beforeSubmit?(state: PaymentData, component: UIElement, actions: BeforeSubmitActions): void;
+    beforeSubmit?(state: PaymentData, component: UIElement, actions: BeforeSubmitActions): Promise<void> | void;
     /**
      * Called when the payment succeeds.
      *
@@ -6337,11 +6359,19 @@ declare abstract class BaseElement<P extends BaseElementProps> implements IBaseE
     remove(): void;
 }
 
+interface AmountProviderRef {
+    update(newAmount: PaymentAmount, newSecondaryAmount?: PaymentAmount): void;
+}
+
 declare abstract class UIElement<P extends UIElementProps = UIElementProps> extends BaseElement<P> {
     protected componentRef: any;
     protected resources: Resources;
     elementRef: UIElement;
     static type: any;
+    /**
+     * Reference to the methods exposed by the AmountProvider context
+     */
+    protected amountProviderRef: RefObject<AmountProviderRef>;
     /**
      * Defines all txVariants that the Component supports (in case it support multiple ones besides the 'type' one)
      */
@@ -6373,6 +6403,15 @@ declare abstract class UIElement<P extends UIElementProps = UIElementProps> exte
     isAvailable(): Promise<void>;
     setState(newState: object): void;
     showValidation(): this;
+    /**
+     * Updates the amount in the props and propagates it to the AmountProvider.
+     * This allows children components to access the updated amount via context.
+     *
+     * @param amount - Primary payment amount object
+     * @param secondaryAmount - Optional secondary amount for display purposes (e.g., converted currency)
+     * @internal
+     */
+    updateAmount(amount: PaymentAmount, secondaryAmount?: PaymentAmount): void;
     /**
      * elementRef is a ref to the subclass that extends UIElement e.g. Card.tsx
      */
@@ -6455,7 +6494,7 @@ declare abstract class UIElement<P extends UIElementProps = UIElementProps> exte
     /**
      * Get the payButton component for the current element
      */
-    protected payButton: (props: PayButtonFunctionProps) => h.JSX.Element;
+    protected payButton: (props: PayButtonProps) => h.JSX.Element;
     /**
      * Used in the Partial Orders flow.
      * When the Order is updated, the merchant can request new payment methods based on the new remaining amount
@@ -6632,18 +6671,22 @@ interface ProcessedPaymentStatusResponse {
     type: string;
     props?: Record<string, any>;
 }
-/**
- * {@link https://docs.adyen.com/api-explorer/#/PaymentSetupAndVerificationService/v52/payments__reqParam_amount API Explorer /payments amount}
- */
 interface PaymentAmount {
+    /**
+     * The payment amount in minor units for the specified `currency`.
+     */
     value: number;
+    /**
+     * The 3-letter ISO 4217 currency code.
+     */
     currency: string;
-}
-interface PaymentAmountExtended extends PaymentAmount {
     /**
-     * Adds currencyDisplay prop - as a way for the merchant to influence the final display of the amount on the pay button.
-     * Defaults to 'symbol'.
-     * see: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#currencydisplay
+     * Influences how the currency is displayed on the pay button.
+     *
+     * This maps to `Intl.NumberFormat`'s `currencyDisplay` option (for example, `"symbol"`, `"code"`, `"name"`, `"narrowSymbol"`).
+     *
+     * @default 'symbol'
+     * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#currencydisplay
      */
     currencyDisplay?: string;
 }
@@ -7255,7 +7298,7 @@ declare class CardElement extends UIElement<CardConfiguration> {
     get displayName(): string;
     get accessibleName(): string;
     get browserInfo(): BrowserInfo;
-    protected payButton: (props: PayButtonFunctionProps) => h.JSX.Element;
+    protected payButton: (props: PayButtonProps) => h.JSX.Element;
     private renderCardInput;
     protected componentToRender(): h.JSX.Element;
 }
@@ -7327,7 +7370,7 @@ declare class PayMeElement extends QRLoaderContainer {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => Promise<void> | void;
         onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
@@ -7351,9 +7394,9 @@ declare class PayMeElement extends QRLoaderContainer {
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
-        secondaryAmount?: PaymentAmountExtended;
+        secondaryAmount?: PaymentAmount;
         showPayButton?: boolean;
-        payButton?: (options: PayButtonFunctionProps) => preact.JSX.Element;
+        payButton?: (options: PayButtonProps) => preact.JSX.Element;
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
@@ -7374,6 +7417,10 @@ declare class DropinElement extends UIElement<DropinConfiguration> implements ID
      * Reference to the component created from `handleAction` (Ex.: ThreeDS2Challenge)
      */
     componentFromAction?: UIElement;
+    /**
+     * Reference to all payment method elements being rendered by Drop-in
+     */
+    paymentMethodElements: UIElement[];
     constructor(checkout: ICore, props?: DropinConfiguration);
     protected reportIntegrationFlavor(): void;
     protected storeElementRefOnCore(): void;
@@ -7412,7 +7459,7 @@ declare class DropinElement extends UIElement<DropinConfiguration> implements ID
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => Promise<void> | void;
         onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
@@ -7437,9 +7484,9 @@ declare class DropinElement extends UIElement<DropinConfiguration> implements ID
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
-        secondaryAmount?: PaymentAmountExtended;
+        secondaryAmount?: PaymentAmount;
         showPayButton?: boolean;
-        payButton?: (options: PayButtonFunctionProps) => h.JSX.Element;
+        payButton?: (options: PayButtonProps) => h.JSX.Element;
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
@@ -7459,6 +7506,21 @@ declare class DropinElement extends UIElement<DropinConfiguration> implements ID
      * Calls the onSubmit event with the state of the activePaymentMethod
      */
     submit(): void;
+    /**
+     * Updates the amount in the props and propagates it to the AmountProvider. That way the children components can use the updated amount.
+     *
+     * This method **overrides** the parent one to specifically propagate the changes to all payment method elements.
+     *
+     * @param amount - Primary payment amount object
+     * @param secondaryAmount - Optional secondary amount for display purposes (e.g., converted currency)
+     * @internal
+     */
+    updateAmount(amount: PaymentAmount, secondaryAmount?: PaymentAmount): void;
+    /**
+     * Assign all elements created in the Component to the paymentMethodElements property
+     * @param elements
+     */
+    private handleElementsCreated;
     /**
      * Creates the Drop-in elements
      */
@@ -7740,10 +7802,21 @@ declare class Core implements ICore {
     /**
      * Updates global configurations, resets the internal state and remounts each element.
      *
-     * @param options - props to update
-     * @returns this - the element instance
+     * @param props - props to update
+     * @param options - Can be used to avoid remounting the elements
+     * @returns this - the Core instance
+     */
+    update(props?: Partial<CoreConfiguration>, { shouldReinitializeCheckout }?: {
+        shouldReinitializeCheckout?: boolean;
+    }): Promise<this>;
+    /**
+     * Validates and propagates amount updates to all mounted components.
+     *
+     * @param amount - Primary payment amount object (required)
+     * @param secondaryAmount - Optional secondary amount for display purposes (e.g., converted currency)
+     * @internal
      */
-    update: (options?: Partial<CoreConfiguration>) => Promise<this>;
+    private triggerAmountUpdate;
     /**
      * Remove the reference of a component
      * @param component - reference to the component to be removed
@@ -7778,4 +7851,4 @@ declare namespace AdyenCheckout {
 }
 
 export { ANCVElement as ANCV, AchElement as Ach, AddressElement as Address, AdyenCheckout, AdyenCheckoutError, Affirm, AfterPay, AfterPayB2B, AmazonPayElement as AmazonPay, ApplePayElement as ApplePay, Atome, BacsElement as BacsDirectDebit, BancontactElement as Bancontact, BankTransferElement as BankTransfer, BCMCMobileElement as BcmcMobile, BillDeskOnlineElement as BillDeskOnline, BillDeskWalletElement as BillDeskWallet, BlikElement as Blik, BoletoElement as Boleto, CardElement as Card, CashAppPay, ClickToPayElement as ClickToPay, Core, CustomCard, DokuElement as Doku, DonationElement as Donation, DotpayElement as Dotpay, DragonpayElement as Dragonpay, DropinElement as Dropin, DuitNowElement as DuitNow, EPSElement as EPS, EcontextElement as Econtext, FacilyPay10x as FacilPay10x, FacilyPay12x as FacilPay12x, FacilyPay3x as FacilPay3x, FacilyPay4x as FacilPay4x, FacilyPay6x as FacilPay6x, Fastlane, FastlaneSDK, GiftcardElement as Giftcard, GiropayElement as Giropay, GooglePay, Iris, IrisMode, KlarnaPayments as Klarna, MBWayElement as MBWay, MealVoucherFRElement as MealVoucherFR, MolPayEBankingMYElement as MolPayEBankingMY, MolPayEBankingTHElement as MolPayEBankingTH, MolPayEbankingVNElement as MolPayEBankingVN, MultibancoElement as Multibanco, OnlineBankingCZElement as OnlineBankingCZ, OnlineBankingFI, OnlineBankingINElement as OnlineBankingIN, OnlineBankingPL, OnlineBankingSKElement as OnlineBankingSK, OxxoElement as Oxxo, PayByBank, PayByBankPixElement as PayByBankPix, PayByBankUS, PayMeElement as PayMe, PayNowElement as PayNow, PaypalElement as PayPal, PayToElement as PayTo, PayuNetCashcardElement as PayuCashcard, PayuNetBankingElement as PayuNetBanking, PersonalDetailsElement as PersonalDetails, PixElement as Pix, PreAuthorizedDebitCanada, PromptPayElement as PromptPay, RatePay, RatePayDirectDebit, RedirectElement as Redirect, Riverty, SepaElement as SepaDirectDebit, SwishElement as Swish, ThreeDS2Challenge, ThreeDS2DeviceFingerprint, TrustlyElement as Trustly, TwintElement as Twint, UIElement, UPI, VippsElement as Vipps, WalletINElement as WalletIN, WeChatPayElement as WeChat, index_d as components, initializeFastlane };
-export type { ANCVConfiguration, ANCVDataState, AchConfiguration, AchPlaceholders, ActionDescriptionType, ActionHandledReturnObject, AdditionalDetailsActions, AdditionalDetailsData, AddressData, AddressField, AmazonPayBackendConfiguration, AmazonPayButtonProps, AmazonPayButtonSettings, AmazonPayComponentProps, AmazonPayConfiguration, AmazonPayElementData, App, ApplePayButtonStyle, ApplePayButtonType, ApplePayConfiguration, ApplePayElementData, ApplePayPaymentAuthorizationResult, ApplePayPaymentOrderDetails, ApplePaySessionRequest, ApplePayWebConfiguration, AwaitComponentProps, AwaitConfiguration, BankDetailsSchema, BankTransferConfiguration, BankTransferSchema, BankTransferState, BeforeSubmitActions, BinLookupResponse, BinLookupResponseRaw, BoletoConfiguration, BoletoElementProps, BoletoInputDataState, BoletoInputErrorState, BoletoInputValidState, BrandConfiguration, BrandObject, BrowserInfo, CReqData, CardAllValidData, CardAutoCompleteData, CardBackendConfiguration, CardBinLookupData, CardBinValueData, CardBrandData, CardBrandsConfiguration, CardConfigSuccessData, CardConfiguration, CardElementData, CardErrorData, CardFieldValidData, CardFocusData, CardLoadData, CardPlaceholders, CashAppPayConfiguration, CashAppPayElementData, CashAppPayEventData, ChallengeData, ChallengeResolveData, ChallengeWindowSize, ChangeActionOptions, ChangePaymentDetailsButtonProps, ChargeAmount, CheckoutAdvancedFlowResponse, CheckoutDetailsRequest, CheckoutSessionConfig, ClickToPayConfiguration, ClickToPayPaymentData, ClickToPayProps, ClickToPayScheme, CommonVoucherProps, ComponentFocusObject, ComponentMethodsRef, CoreConfiguration, CoreModules, Currency, CustomCardConfiguration, CustomTranslations, DecodeObject, DeliverySpecifications, DokuVoucherResultProps, DonationConfiguration, DragonpayConfiguraton, DragonpayInputData, DragonpayInputIssuerItem, DragonpayInputProps, DragonpayVoucherResultProps, DropinComponentProps, DropinComponentState, DropinConfiguration, DropinStatus, DropinStatusProps, DualBrandSelectElement, EcontextConfiguration, EcontextInputSchema, EcontextVoucherResultProps, ErrorCodeObject, ExtendedMerchantInfo, FastlaneAddress, FastlaneAuthenticatedCustomerResult, FastlaneConfiguration, FastlaneConsentRenderState, FastlaneOptions, FastlanePaymentMethodConfiguration, FastlaneProfile, FastlaneSDKConfiguration, FastlaneShipping, FastlaneShippingAddressSelectorResult, FastlaneSignupConfiguration, FastlaneWindowInstance, FieldsetVisibility, FingerPrintData, FingerprintResolveData, FundingSource, GiftCardBalanceCheckErrorType, GiftCardConfiguration, GiftCardElementData, GiftCardValidationError, GooglePayConfiguration, GooglePaymentDataRequest, ICore, IDropin, InstantPaymentTypes, Intent, IrisConfiguration, IrisData, IssuerListConfiguration, IssuerListData, KlarnaAction, KlarnaAdditionalDetailsData, KlarnaComponentRef, KlarnaConfiguration, KlarnaSdkData, KlarnaWidgetAuthorizeResponse, KlarnaWidgetProps, LedgerCurrencies, LegacyChallengeResolveData, LegacyFingerprintResolveData, MandateFrequencyType, MandateType, MultibancoVoucherResultProps, OnChangeData, OpenInvoiceActiveFieldsets, OpenInvoiceConfiguration, OpenInvoiceFieldsetsRefs, OpenInvoiceProps, OpenInvoiceStateData, OpenInvoiceStateError, OpenInvoiceStateValid, OpenInvoiceVisibility, Order, OrderButtonProps, OrderStatus, OxxoVoucherResultProps, PayButtonFunctionProps, PayPalConfiguration, PayToConfiguration, PayToData, PayToPlaceholdersType, PayloadJSON, PaymentAction, PaymentActionsType, PaymentAmount, PaymentAmountExtended, PaymentCompletedData, PaymentData, PaymentFailedData, PaymentMethodData, PaymentMethodGroup, PaymentMethodOptions, PaymentMethods, PaymentMethodsConfiguration, PaymentMethodsRequestData, PaymentMethodsResponse, PaymentResponseData, PersonalDetailsSchema, PixConfiguration, PixElementData, PostMsgParseErrorObject, PreAuthorizedDebitCanadaConfiguration, PreAuthorizedDebitCanadaPlaceholders, ProcessedPaymentStatusResponse, QRLoaderConfiguration, RawPaymentMethod, RawPaymentResponse, RawPaymentStatusResponse, RawStoredPaymentMethod, RecurringMetadata, RedirectConfiguration, Region, ResultCode, ResultObject, ResultValue, SepaConfiguration, SepaElementData, SessionsResponse, SignOutButtonProps, SocialSecurityMode, StatusFromAction, SubmitActions, SubmitData, SupportedLocale, ThreeDS2ActionProps, ThreeDS2ChallengeConfiguration, ThreeDS2ConfigProps, ThreeDS2DeviceFingerprintConfiguration, ThreeDS2FingerprintResponse, ThreeDS2FlowObject, ThreeDS2FlowProps, ThreeDS2Token, UIElementProps, UIElementStatus, UPIConfiguration, UpdateAmazonCheckoutSessionRequest, UpiMode, UpiPaymentData, UpiType, ValidationError, VoucherConfiguration, VoucherDetail, VoucherProps, balanceCheckResponseType, onBalanceCheckCallbackType, onOrderCancelData, onOrderCancelType, onOrderRequestCallbackType, onRequiringConfirmationCallbackType };
+export type { ANCVConfiguration, ANCVDataState, AchConfiguration, AchPlaceholders, ActionDescriptionType, ActionHandledReturnObject, AdditionalDetailsActions, AdditionalDetailsData, AddressData, AddressField, AmazonPayBackendConfiguration, AmazonPayButtonProps, AmazonPayButtonSettings, AmazonPayComponentProps, AmazonPayConfiguration, AmazonPayElementData, App, ApplePayButtonStyle, ApplePayButtonType, ApplePayConfiguration, ApplePayElementData, ApplePayPaymentAuthorizationResult, ApplePayPaymentOrderDetails, ApplePaySessionRequest, ApplePayWebConfiguration, AwaitComponentProps, AwaitConfiguration, BankDetailsSchema, BankTransferConfiguration, BankTransferSchema, BankTransferState, BeforeSubmitActions, BinLookupResponse, BinLookupResponseRaw, BoletoConfiguration, BoletoElementProps, BoletoInputDataState, BoletoInputErrorState, BoletoInputValidState, BrandConfiguration, BrandObject, BrowserInfo, CReqData, CardAllValidData, CardAutoCompleteData, CardBackendConfiguration, CardBinLookupData, CardBinValueData, CardBrandData, CardBrandsConfiguration, CardConfigSuccessData, CardConfiguration, CardElementData, CardErrorData, CardFieldValidData, CardFocusData, CardLoadData, CardPlaceholders, CashAppPayConfiguration, CashAppPayElementData, CashAppPayEventData, ChallengeData, ChallengeResolveData, ChallengeWindowSize, ChangeActionOptions, ChangePaymentDetailsButtonProps, ChargeAmount, CheckoutAdvancedFlowResponse, CheckoutDetailsRequest, CheckoutSession, CheckoutSessionConfig, ClickToPayConfiguration, ClickToPayPaymentData, ClickToPayProps, ClickToPayScheme, CommonVoucherProps, ComponentFocusObject, ComponentMethodsRef, CoreConfiguration, CoreModules, Currency, CustomCardConfiguration, CustomTranslations, DecodeObject, DeliverySpecifications, DokuVoucherResultProps, DonationConfiguration, DragonpayConfiguraton, DragonpayInputData, DragonpayInputIssuerItem, DragonpayInputProps, DragonpayVoucherResultProps, DropinComponentProps, DropinComponentState, DropinConfiguration, DropinStatus, DropinStatusProps, DualBrandSelectElement, EcontextConfiguration, EcontextInputSchema, EcontextVoucherResultProps, ErrorCodeObject, ExtendedMerchantInfo, FastlaneAddress, FastlaneAuthenticatedCustomerResult, FastlaneConfiguration, FastlaneConsentRenderState, FastlaneOptions, FastlanePaymentMethodConfiguration, FastlaneProfile, FastlaneSDKConfiguration, FastlaneShipping, FastlaneShippingAddressSelectorResult, FastlaneSignupConfiguration, FastlaneWindowInstance, FieldsetVisibility, FingerPrintData, FingerprintResolveData, FundingSource, GiftCardBalanceCheckErrorType, GiftCardConfiguration, GiftCardElementData, GiftCardValidationError, GooglePayConfiguration, GooglePaymentDataRequest, ICore, IDropin, InstantPaymentTypes, Intent, IrisConfiguration, IrisData, IssuerListConfiguration, IssuerListData, KlarnaAction, KlarnaAdditionalDetailsData, KlarnaComponentRef, KlarnaConfiguration, KlarnaSdkData, KlarnaWidgetAuthorizeResponse, KlarnaWidgetProps, LedgerCurrencies, LegacyChallengeResolveData, LegacyFingerprintResolveData, MandateFrequencyType, MandateType, MultibancoVoucherResultProps, OnChangeData, OpenInvoiceActiveFieldsets, OpenInvoiceConfiguration, OpenInvoiceFieldsetsRefs, OpenInvoiceProps, OpenInvoiceStateData, OpenInvoiceStateError, OpenInvoiceStateValid, OpenInvoiceVisibility, Order, OrderButtonProps, OrderStatus, OxxoVoucherResultProps, PayPalConfiguration, PayToConfiguration, PayToData, PayToPlaceholdersType, PayloadJSON, PaymentAction, PaymentActionsType, PaymentAmount, PaymentCompletedData, PaymentData, PaymentFailedData, PaymentMethodData, PaymentMethodGroup, PaymentMethodOptions, PaymentMethods, PaymentMethodsConfiguration, PaymentMethodsRequestData, PaymentMethodsResponse, PaymentResponseData, PersonalDetailsSchema, PixConfiguration, PixElementData, PostMsgParseErrorObject, PreAuthorizedDebitCanadaConfiguration, PreAuthorizedDebitCanadaPlaceholders, ProcessedPaymentStatusResponse, QRLoaderConfiguration, RawPaymentMethod, RawPaymentResponse, RawPaymentStatusResponse, RawStoredPaymentMethod, RecurringMetadata, RedirectConfiguration, Region, ResultCode, ResultObject, ResultValue, SepaConfiguration, SepaElementData, SessionsResponse, SignOutButtonProps, SocialSecurityMode, StatusFromAction, SubmitActions, SubmitData, SupportedLocale, ThreeDS2ActionProps, ThreeDS2ChallengeConfiguration, ThreeDS2ConfigProps, ThreeDS2DeviceFingerprintConfiguration, ThreeDS2FingerprintResponse, ThreeDS2FlowObject, ThreeDS2FlowProps, ThreeDS2Token, UIElementProps, UIElementStatus, UPIConfiguration, UpdateAmazonCheckoutSessionRequest, UpiMode, UpiPaymentData, UpiType, ValidationError, VoucherConfiguration, VoucherDetail, VoucherProps, balanceCheckResponseType, onBalanceCheckCallbackType, onOrderCancelData, onOrderCancelType, onOrderRequestCallbackType, onRequiringConfirmationCallbackType };