@adyen/adyen-web 6.0.0-alpha.7 → 6.0.0-beta.0

package/dist/cjs/index.d.cts

@@ -90,6 +90,39 @@ interface AddressSpecifications {
 
 declare const ADDRESS_SCHEMA: readonly ["street", "houseNumberOrName", "postalCode", "city", "stateOrProvince", "country", "firstName", "lastName"];
 
+declare class PaymentMethods$1 {
+    paymentMethods: PaymentMethod[];
+    storedPaymentMethods: StoredPaymentMethod[];
+    constructor(response: PaymentMethodsResponse, options?: {});
+    private mapCreatedComponentType;
+    has(paymentMethod: string): boolean;
+    find(paymentMethod: string): PaymentMethod;
+}
+
+interface CheckoutErrorOptions {
+    cause?: any;
+}
+declare class AdyenCheckoutError extends Error {
+    protected static errorTypes: {
+        /** Network error. */
+        NETWORK_ERROR: string;
+        /** Shopper canceled the current transaction. */
+        CANCEL: string;
+        /** Implementation error. The method or parameter are incorrect or are not supported. */
+        IMPLEMENTATION_ERROR: string;
+        /** API error. The API has not returned the expected data  */
+        API_ERROR: string;
+        /** Generic error. */
+        ERROR: string;
+        /** Script error. The browser failed to load 3rd party script */
+        SCRIPT_ERROR: string;
+        /** Something has gone wrong internally */
+        SDK_ERROR: string;
+    };
+    cause: unknown;
+    constructor(type: keyof typeof AdyenCheckoutError.errorTypes, message?: string, options?: CheckoutErrorOptions);
+}
+
 interface Experiment {
     controlGroup: boolean;
     experimentId: string;
@@ -126,10 +159,6 @@ interface AnalyticsOptions {
      * Enable/Disable all analytics
      */
     enabled?: boolean;
-    /**
-     * Enable/Disable telemetry data
-     */
-    telemetry?: boolean;
     /**
      * Data to be sent along with the event data
      */
@@ -161,6 +190,7 @@ interface AnalyticsObject {
     issuer?: string;
     isExpress?: boolean;
     expressPage?: string;
+    result?: string;
 }
 type ANALYTICS_EVENT = 'log' | 'error' | 'info';
 type AnalyticsInitialEvent = {
@@ -393,82 +423,157 @@ interface DisclaimerMsgObject {
     link: string;
 }
 
-interface CardConfiguration extends UIElementProps {
+type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'action';
+interface ButtonProps {
+    status?: string;
     /**
-     * Only set for a stored card,
-     * brand is never set for a generic card component OR a single-branded card
+     * Class name modifiers will be used as: `adyen-checkout__image--${modifier}`
      */
-    brand?: string;
+    classNameModifiers?: string[];
+    variant?: ButtonVariant;
+    disabled?: boolean;
+    label?: string;
+    secondaryLabel?: string;
+    icon?: string;
+    inline?: boolean;
+    href?: string;
+    target?: string;
+    rel?: string;
+    onClick?: (e: any, callbacks: any) => void;
+}
+
+interface PayButtonProps extends ButtonProps {
     /**
-     * Configuration specific to brands
+     * Class name modifiers will be used as: `adyen-checkout__image--${modifier}`
      */
-    brandsConfiguration?: CardBrandsConfiguration;
+    classNameModifiers?: string[];
+    label?: string;
+    amount: PaymentAmountExtended;
+    secondaryAmount?: PaymentAmountExtended;
+    status?: string;
+    disabled?: boolean;
+    icon?: string;
+    onClick?(): void;
+}
+
+type PayButtonFunctionProps = Omit<PayButtonProps, 'amount'>;
+type CoreCallbacks = Pick<CoreConfiguration, 'beforeRedirect' | 'beforeSubmit' | 'onSubmit' | 'onAdditionalDetails' | 'onPaymentFailed' | 'onPaymentCompleted' | 'onOrderUpdated' | 'onPaymentMethodsRequest' | 'onChange' | 'onActionHandled' | 'onError'>;
+type UIElementProps = BaseElementProps & CoreCallbacks & {
+    environment?: string;
+    session?: Session;
+    onComplete?: (state: any, element: UIElement) => void;
+    isInstantPayment?: boolean;
     /**
-     * Configuration for Click to Pay
+     * Flags if the element is Stored payment method
+     * @internal
      */
-    clickToPayConfiguration?: ClickToPayProps;
+    isStoredPaymentMethod?: boolean;
     /**
-     * Disable Click to Pay for testing purposes
-     * @defaultValue false
+     * Flag if the element is Stored payment method.
+     * Perhaps can be deprecated and we use the one above?
      * @internal
      */
-    _disableClickToPay?: boolean;
+    oneClick?: boolean;
     /**
-     * Funding source field populated when 'splitCardFundingSources' is used
+     * Stored payment method id
      * @internal
      */
-    fundingSource?: 'debit' | 'credit';
+    storedPaymentMethodId?: string;
     /**
-     * type will always be "card" (generic card, stored card)
-     * except for a single branded card when it will be the same as the brand prop
+     * Status set when creating the Component from action
+     * @internal
      */
+    statusType?: 'redirect' | 'loading' | 'custom';
     type?: string;
-    /** List of brands accepted by the component */
-    brands?: string[];
+    name?: string;
+    icon?: string;
+    amount?: PaymentAmount;
+    secondaryAmount?: PaymentAmountExtended;
     /**
-     * Position holder name above card number field (instead of having it after the security code field)
-     * @defaultValue `false`
+     * Show/Hide pay button
+     * @defaultValue true
      */
-    positionHolderNameOnTop?: boolean;
+    showPayButton?: boolean;
+    /** @internal */
+    payButton?: (options: PayButtonFunctionProps) => h.JSX.Element;
+    /** @internal */
+    loadingContext?: string;
+    /** @internal */
+    createFromAction?: (action: PaymentAction, props: object) => UIElement;
+    /** @internal */
+    clientKey?: string;
+    /** @internal */
+    elementRef?: any;
+    /** @internal */
+    i18n?: Language;
     /**
-     * Show/hide the brand logo when the card brand has been recognized
-     * @defaultValue `true`
+     * The shopper’s issuer account label. It can be available for stored payment method
+     * @internal
      */
-    showBrandIcon?: boolean;
+    label?: string;
     /**
-     * Show/hide the sentence 'All fields are required unless marked otherwise.' on the top of the form
-     * @defaultValue `true`
+     * Returned after the payments call, when an action is returned. It represents the payment method tx variant
+     * that was used for the payment
+     * @internal
      */
-    showFormInstruction?: boolean;
+    paymentMethodType?: string;
+};
+type UIElementStatus = 'ready' | 'loading' | 'error' | 'success';
+interface ComponentMethodsRef {
+    showValidation?: () => void;
+    setStatus?(status: UIElementStatus): void;
+}
+
+interface CardConfiguration extends UIElementProps {
     /**
-     * Show/hide the contextual text under each form field. The contextual text is to assist shoppers filling in the payment form.
+     * Automatically shift the focus from one field to another. Usually happens from a valid Expiry Date field to the Security Code field,
+     * but some BINS also allow us to know that the PAN is complete, in which case we can shift focus to the date field
      * @defaultValue `true`
+     *
+     * - merchant set config option
      */
-    showContextualElement?: boolean;
-    /** Config option related to whether we set storePaymentMethod in the card data, and showing/hiding the "store details" checkbox */
-    enableStoreDetails?: boolean;
-    /** Show/hide the Security Code field - merchant set config option */
+    autoFocus?: boolean;
     /**
-     * Show/hide the "store details" checkbox
+     * Config t olimit the countries that will show in the country dropdown
+     * - merchant set config option
+     */
+    billingAddressAllowedCountries?: string[];
+    /**
+     * If billingAddressRequired is set to true, you can set this to partial to require the shopper's postal code instead of the full address.
+     * @defaultValue full
+     *
+     * - merchant set config option
+     */
+    billingAddressMode?: 'full' | 'partial' | 'none';
+    /**
+     * Show Address fields
+     * @defaultValue `false`
+     *
+     * - merchant set config option
+     */
+    billingAddressRequired?: boolean;
+    /**
+     * Config to specify which address field are required
+     * - merchant set config option
+     */
+    billingAddressRequiredFields?: string[];
+    /**
+     * Only set for a stored card,
+     * brand is never set for a generic card component OR a single-branded card
      * @internal
      */
-    showStoreDetailsCheckbox?: boolean;
-    /** Show/hide the CVC field - merchant set config option */
-    hideCVC?: boolean;
+    brand?: string;
     /**
-     *  Decides whether the CVC (Security Code) component will even be rendered.
-     *  Always true except when hideCVC set to false by merchant OR in the case of a *stored* BCMC card.
-     *  (For the Bancontact card comp this is set to true since dual-branding possibilities mean the BCMC card can now end up needing to show a CVC field)
+     * List of brands accepted by the component
+     * @internal
+     * - but can also be overwritten by merchant config option
      */
-    hasCVC?: boolean;
-    /** Show/hide the card holder name field */
-    hasHolderName?: boolean;
-    /** Whether the card holder name field will be required */
-    holderNameRequired?: boolean;
-    /** An object sent in the /paymentMethods response */
-    configuration?: CardBackendConfiguration;
-    /** Configure placeholder text for holderName, cardNumber, expirationDate, securityCode and password. */
-    placeholders?: Placeholders;
+    brands?: string[];
+    /**
+     * Configuration specific to brands
+     * - merchant set config option
+     */
+    brandsConfiguration?: CardBrandsConfiguration;
     /**
      * Defines the size of the challenge Component
      *
@@ -479,142 +584,253 @@ interface CardConfiguration extends UIElementProps {
      * 05: [100%, 100%]
      *
      * @defaultValue '02'
+     *
+     * - merchant set config option
      */
     challengeWindowSize?: '01' | '02' | '03' | '04' | '05';
+    /**
+     * Configuration for Click to Pay
+     * - merchant set config option
+     */
+    clickToPayConfiguration?: ClickToPayProps;
+    /**
+     * An object sent in the /paymentMethods response
+     * @internal
+     */
+    configuration?: CardBackendConfiguration;
+    /**
+     * Mostly used in relation to KCP cards
+     * @internal
+     */
+    countryCode?: string;
     /**
      * Object that contains placeholder information that you can use to prefill fields.
+     * - merchant set config option
      */
     data?: {
         holderName?: string;
         billingAddress?: Partial<AddressData>;
     };
     /**
-     * Called once all the card input fields have been created but are not yet ready to use.
+     * Disable Click to Pay for testing purposes
+     * @defaultValue false
+     * @internal
      */
-    onLoad?: (event: CbObjOnLoad) => void;
+    _disableClickToPay?: boolean;
     /**
-     * Called once the card input fields are ready to use.
+     * Turn on the procedure to force the arrow keys on an iOS soft keyboard to always be disabled
+     * @defaultValue `false`
+     *
+     * - merchant set config option
      */
-    onConfigSuccess?: (event: CbObjOnConfigSuccess) => void;
+    disableIOSArrowKeys?: boolean;
     /**
-     * Called when a field becomes valid and also if a valid field changes and becomes invalid.
-     * For the card number field, it returns the last 4 digits of the card number.
+     * Object to configure the message and text for a disclaimer message, added after the Card input fields
+     * - merchant set config option
      */
-    onFieldValid?: (event: CbObjOnFieldValid) => void;
+    disclaimerMessage?: DisclaimerMsgObject;
     /**
-     * Called once we detect the card brand.
+     * Allow binLookup process to occur
+     * @defaultValue `true`
+     *
+     * - merchant set config option
      */
-    onBrand?: (event: CbObjOnBrand) => void;
+    doBinLookup?: boolean;
     /**
-     * Called when a field gains focus.
+     * Config option related to whether we set storePaymentMethod in the card data, and showing/hiding the "store details" checkbox
+     * - merchant set config option
      */
-    onFocus?: (event: CbObjOnFocus | ComponentFocusObject) => void;
+    enableStoreDetails?: boolean;
     /**
-     * Called when a field loses focus.
+     * Comes from Stored payment method object
+     * @internal
      */
-    onBlur?: (event: CbObjOnFocus | ComponentFocusObject) => void;
+    expiryMonth?: string;
     /**
-     * Provides the BIN Number of the card (up to 6 digits), called as the user types in the PAN.
+     * Allows SF to return an unencrypted expiryDate
+     * - merchant set config option
      */
-    onBinValue?: (event: CbObjOnBinValue) => void;
+    exposeExpiryDate?: boolean;
     /**
-     * After binLookup call - provides the brand(s) we detect the user is entering, and if we support the brand(s)
+     * Force securedFields to use the 'compat' version of JWE. (Use case: running custom http:// test environment
+     * - merchant set config option
      */
-    onBinLookup?: (event: CbObjOnBinLookup) => void;
+    forceCompat?: boolean;
     /**
-     * Related to storedCards - this information comes from the storedCardData once we process it
+     * Funding source field populated when 'splitCardFundingSources' is used
      * @internal
      */
-    storedPaymentMethodId?: string;
-    lastFour?: string;
+    fundingSource?: 'debit' | 'credit';
     /**
-     * Mostly used in relation to KCP cards
+     *  Decides whether the CVC (Security Code) component will even be rendered.
+     *  Always true except when hideCVC set to false by merchant OR in the case of a *stored* BCMC card.
+     *  (For the Bancontact card comp this is set to true since dual-branding possibilities mean the BCMC card can now end up needing to show a CVC field)
+     * @internal
      */
-    countryCode?: string;
+    hasCVC?: boolean;
     /**
-     * Show Address fields
-     * @defaultValue `false`
+     * Show/hide the card holder name field
+     * - merchant set config option
      */
-    billingAddressRequired?: boolean;
+    hasHolderName?: boolean;
     /**
-     * If billingAddressRequired is set to true, you can set this to partial to require the shopper's postal code instead of the full address.
-     * @defaultValue full
+     * Show/hide the Security Code field
+     * - merchant set config option
      */
-    billingAddressMode?: 'full' | 'partial' | 'none';
+    hideCVC?: boolean;
     /**
-     * Config to specify which address field are required | limit the countries that will show in the country dropdown
+     * Whether the card holder name field will be required
+     * - merchant set config option
      */
-    billingAddressRequiredFields?: string[];
-    billingAddressAllowedCountries?: string[];
+    holderNameRequired?: boolean;
     /**
      * Relates to storedCards
+     * @internal
      */
     id?: string;
     /**
      * Configure the installment options for the card
+     * - merchant set config option
      */
     installmentOptions?: InstallmentOptions;
     /**
-     * Set whether to show installments broken down into amounts or months
+     * Implements a workaround for iOS/Safari bug where keypad doesn't retract when SF paymentMethod is no longer active
      * @defaultValue `true`
+     *
+     * - merchant set config option
      */
-    showInstallmentAmounts?: boolean;
+    keypadFix?: boolean;
+    /**
+     * Related to storedCards - this information comes from the storedCardData once we process it
+     * @internal
+     */
+    lastFour?: string;
     /**
      * For some scenarios make the card input fields (PAN, Expiry Date, Security Code) have type="tel" rather than type="text" inputmode="numeric"
      * @defaultValue `false`
+     *
+     * - merchant set config option
      */
     legacyInputMode?: boolean;
+    /**
+     * Adds type="password" to the Security code input field, causing its value to be masked
+     * @defaultValue `false`
+     *
+     * - merchant set config option
+     */
+    maskSecurityCode?: boolean;
     /**
      * Specify the minimum expiry date that will be considered valid
+     *
+     * - merchant set config option
      */
     minimumExpiryDate?: string[];
     /**
-     * Automatically shift the focus from one field to another. Usually happens from a valid Expiry Date field to the Security Code field,
-     * but some BINS also allow us to know that the PAN is complete, in which case we can shift focus to the date field
-     * @defaultValue `true`
+     * When in Dropin this is the name shown in the paymentMethods list
+     * @defaultValue - derived from PaymentMethods response
+     * @internal - but can also be overwritten by merchant config option
      */
-    autoFocus?: boolean;
+    name?: string;
     /**
-     * Adds type="password" to the Security code input field, causing its value to be masked
+     * After binLookup call - provides the brand(s) we detect the user is entering, and if we support the brand(s)
+     * - merchant set config option
+     */
+    onBinLookup?: (event: CbObjOnBinLookup) => void;
+    /**
+     * Provides the BIN Number of the card (up to 6 digits), called as the user types in the PAN.
+     * - merchant set config option
+     */
+    onBinValue?: (event: CbObjOnBinValue) => void;
+    /**
+     * Called when a field loses focus.
+     * - merchant set config option
+     */
+    onBlur?: (event: CbObjOnFocus | ComponentFocusObject) => void;
+    /**
+     * Called once we detect the card brand.
+     * - merchant set config option
+     */
+    onBrand?: (event: CbObjOnBrand) => void;
+    /**
+     * Called once the card input fields are ready to use.
+     * - merchant set config option
+     */
+    onConfigSuccess?: (event: CbObjOnConfigSuccess) => void;
+    /**
+     * Called when a field becomes valid and also if a valid field changes and becomes invalid.
+     * For the card number field, it returns the last 4 digits of the card number.
+     * - merchant set config option
+     */
+    onFieldValid?: (event: CbObjOnFieldValid) => void;
+    /**
+     * Called when a field gains focus.
+     * - merchant set config option
+     */
+    onFocus?: (event: CbObjOnFocus | ComponentFocusObject) => void;
+    /**
+     * Called once all the card input fields have been created but are not yet ready to use.
+     * - merchant set config option
+     */
+    onLoad?: (event: CbObjOnLoad) => void;
+    /**
+     * Configure placeholder text for holderName, cardNumber, expirationDate, securityCode and password.
+     * - merchant set config option
+     */
+    placeholders?: Placeholders;
+    /**
+     * Position holder name above card number field (instead of having it after the security code field)
      * @defaultValue `false`
+     *
+     * - merchant set config option
      */
-    maskSecurityCode?: boolean;
+    positionHolderNameOnTop?: boolean;
     /**
-     * Allow binLookup process to occur
+     * Show/hide the brand logo when the card brand has been recognized
      * @defaultValue `true`
+     *
+     * - merchant set config option
      */
-    doBinLookup?: boolean;
+    showBrandIcon?: boolean;
     /**
-     * Turn on the procedure to force the arrow keys on an iOS soft keyboard to always be disabled
-     * @defaultValue `false`
+     * Show/hide the contextual text under each form field. The contextual text is to assist shoppers filling in the payment form.
+     * @defaultValue `true`
+     *
+     * - merchant set config option
      */
-    disableIOSArrowKeys?: boolean;
+    showContextualElement?: boolean;
     /**
-     * Object to configure the message and text for a disclaimer message, added after the Card input fields
+     * Set whether to show installments broken down into amounts or months
+     * @defaultValue `true`
+     *
+     * - merchant set config option
      */
-    disclaimerMessage?: DisclaimerMsgObject;
+    showInstallmentAmounts?: boolean;
     /**
-     * Object to configure the styling of the inputs in the iframes that are used to present the PAN, Expiry Date & Security Code fields
+     * Related to storedCards - this information comes from the storedCardData once we process it
+     * @internal
      */
-    styles?: StylesObject;
+    storedPaymentMethodId?: string;
     /**
-     * Relates to storedCards and the type of interactions they support e.g. "Ecommerce", "ContAuth" etc
+     * Show/hide the "store details" checkbox
+     * @internal
      */
-    supportedShopperInteractions?: string[];
+    showStoreDetailsCheckbox?: boolean;
     /**
-     * Implements a workaround for iOS/Safari bug where keypad doesn't retract when SF paymentMethod is no longer active
-     * @defaultValue `true`
+     * Object to configure the styling of the inputs in the iframes that are used to present the PAN, Expiry Date & Security Code fields
+     * - merchant set config option
      */
-    keypadFix?: boolean;
+    styles?: StylesObject;
     /**
-     * Comes from Stored payment method object
+     * Relates to storedCards and the type of interactions they support e.g. "Ecommerce", "ContAuth" etc
      * @internal
      */
-    expiryMonth?: string;
+    supportedShopperInteractions?: string[];
     /**
-     * Allows SF to return an unencrypted expiryDate
+     * type will always be "card" (generic card, stored card)
+     * except for a single branded card when it will be the same as the brand prop
+     * @internal
      */
-    exposeExpiryDate?: boolean;
+    type?: string;
 }
 type SocialSecurityMode = 'show' | 'hide' | 'auto';
 /** If the merchant wishes to set any of these properties in their local config they should do so via a "configuration" object */
@@ -811,30 +1027,6 @@ declare class RiskElement extends BaseElement<RiskModuleProps> {
     render(): h.JSX.Element;
 }
 
-interface CheckoutErrorOptions {
-    cause?: any;
-}
-declare class AdyenCheckoutError extends Error {
-    protected static errorTypes: {
-        /** Network error. */
-        NETWORK_ERROR: string;
-        /** Shopper canceled the current transaction. */
-        CANCEL: string;
-        /** Implementation error. The method or parameter are incorrect or are not supported. */
-        IMPLEMENTATION_ERROR: string;
-        /** API error. The API has not returned the expected data  */
-        API_ERROR: string;
-        /** Generic error. */
-        ERROR: string;
-        /** Script error. The browser failed to load 3rd party script */
-        SCRIPT_ERROR: string;
-        /** Something has gone wrong internally */
-        SDK_ERROR: string;
-    };
-    cause: unknown;
-    constructor(type: keyof typeof AdyenCheckoutError.errorTypes, message?: string, options?: CheckoutErrorOptions);
-}
-
 interface GiftCardElementData {
     paymentMethod: {
         type: 'giftcard';
@@ -868,21 +1060,12 @@ interface GiftCardConfiguration extends UIElementProps {
     fieldsLayoutComponent?: FunctionComponent<GiftcardFieldsProps>;
 }
 
-type NewableComponent = new (checkout: ICore, props?: any) => IUIElement;
+type NewableComponent = new (checkout: ICore, props?: any) => UIElement;
 interface IRegistry {
     add(...items: NewableComponent[]): void;
     getComponent(type: string): NewableComponent | undefined;
 }
 
-declare class PaymentMethods$1 {
-    paymentMethods: PaymentMethod[];
-    storedPaymentMethods: StoredPaymentMethod[];
-    constructor(response: PaymentMethodsResponse, options?: {});
-    private mapCreatedComponentType;
-    has(paymentMethod: string): boolean;
-    find(paymentMethod: string): PaymentMethod;
-}
-
 interface CompanyDetailsSchema {
     name?: string;
     registrationNumber?: string;
@@ -923,7 +1106,6 @@ interface OpenInvoiceProps extends UIElementProps {
     deliveryAddressRequiredFields?: string[];
     deliveryAddressSpecification?: OpenInvoiceAddressSpecification;
     setComponentRef?: (ref: any) => void;
-    showFormInstruction?: boolean;
 }
 interface OpenInvoiceStateData {
     companyDetails?: CompanyDetailsSchema;
@@ -993,6 +1175,7 @@ declare enum TxVariants {
     bankTransfer_IBAN = "bankTransfer_IBAN",
     donation = "donation",
     personal_details = "personal_details",
+    dropin = "dropin",
     /** internal */
     /** Card */
     bcmc = "bcmc",
@@ -1060,7 +1243,6 @@ declare enum TxVariants {
     billdesk_wallet = "billdesk_wallet",
     dotpay = "dotpay",
     eps = "eps",
-    ideal = "ideal",
     molpay_ebanking_fpx_MY = "molpay_ebanking_fpx_MY",
     molpay_ebanking_TH = "molpay_ebanking_TH",
     molpay_ebanking_VN = "molpay_ebanking_VN",
@@ -1114,6 +1296,7 @@ declare enum TxVariants {
     /** Await */
     blik = "blik",
     mbway = "mbway",
+    ancv = "ancv",
     upi = "upi",// also QR
     upi_qr = "upi_qr",// also QR
     upi_collect = "upi_collect",// also QR
@@ -1403,6 +1586,40 @@ declare class AmazonPayElement extends UIElement<AmazonPayConfiguration> {
     render(): h.JSX.Element;
 }
 
+interface ANCVConfiguration extends UIElementProps {
+    paymentData?: any;
+    data: ANCVDataState;
+    onOrderRequest?: any;
+    onOrderUpdated?: any;
+}
+interface ANCVDataState {
+    beneficiaryId: string;
+}
+
+declare class ANCVElement extends UIElement<ANCVConfiguration> {
+    static type: string;
+    /**
+     * Formats the component data output
+     */
+    formatData(): {
+        paymentMethod: {
+            type: string;
+            beneficiaryId: any;
+        };
+    };
+    private onOrderRequest;
+    /**
+     * Check if order exists, if it does Resolve.
+     * Otherwise createOrder and then Resolve.
+     */
+    createOrder: () => Promise<void>;
+    submit(): boolean;
+    payButton: (props: any) => h.JSX.Element;
+    get isValid(): boolean;
+    get displayName(): string;
+    render(): h.JSX.Element;
+}
+
 declare global {
     interface Window {
         ApplePaySession: ApplePaySession;
@@ -1627,39 +1844,6 @@ declare class Atome extends OpenInvoiceContainer {
     formatProps(props: any): any;
 }
 
-type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'action';
-interface ButtonProps {
-    status?: string;
-    /**
-     * Class name modifiers will be used as: `adyen-checkout__image--${modifier}`
-     */
-    classNameModifiers?: string[];
-    variant?: ButtonVariant;
-    disabled?: boolean;
-    label?: string;
-    secondaryLabel?: string;
-    icon?: string;
-    inline?: boolean;
-    href?: string;
-    target?: string;
-    rel?: string;
-    onClick?: (e: any, callbacks: any) => void;
-}
-
-interface PayButtonProps extends ButtonProps {
-    /**
-     * Class name modifiers will be used as: `adyen-checkout__image--${modifier}`
-     */
-    classNameModifiers?: string[];
-    label?: string;
-    amount: PaymentAmountExtended;
-    secondaryAmount?: PaymentAmountExtended;
-    status?: string;
-    disabled?: boolean;
-    icon?: string;
-    onClick?(): void;
-}
-
 interface IssuerItem {
     id: string;
     name: string;
@@ -1726,45 +1910,99 @@ declare class BillDeskWalletElement extends IssuerListContainer {
     formatProps(props: any): any;
 }
 
-interface CashAppPayConfiguration extends UIElementProps {
-    /**
-     * Indicates that the payment must be stored (Ex: in case there is no checkbox but merchant wants to store it)
-     */
-    storePaymentMethod?: boolean;
-    /**
-     * Enables storing the payment method using the Checkbox
-     */
-    enableStoreDetails?: boolean;
-    /**
-     * Callback triggered before starting the CashAppPay flow. Use case: Validate customer data, check product availability
-     */
-    onClick?(actions: {
-        resolve: () => void;
-        reject: () => void;
-    }): void;
-    /**
-     * A reference to your system (for example, a cart or checkout identifier). Maximum length 1024 characters.
-     * https://developers.cash.app/docs/api/technical-documentation/sdks/pay-kit/technical-reference#parameters-3
-     */
-    referenceId?: string;
-    /**
-     * The destination for the customer after approving (or declining) in Cash App for mobile redirect flow.
-     * https://developers.cash.app/docs/api/technical-documentation/sdks/pay-kit/technical-reference#customerrequest
-     * @defaultValue window.location.ref
-     */
-    redirectURL?: string;
+interface AchConfiguration extends UIElementProps {
+    storedPaymentMethodId?: string;
+    holderNameRequired?: boolean;
+    hasHolderName?: boolean;
+    enableStoreDetails: boolean;
+    bankAccountNumber: string;
+    placeholders?: Placeholders$1;
+}
+
+interface BankTransferConfiguration extends UIElementProps {
+    reference?: string;
     /**
-     * Button customization
-     * https://developers.cash.app/docs/api/technical-documentation/sdks/pay-kit/use-cases#customize-the-cash-app-pay-button
+     * Show/hide email address field
+     * @default true
      */
-    button?: {
-        shape?: 'semiround' | 'round';
-        size?: 'medium' | 'small';
-        theme?: 'dark' | 'light';
-        width?: 'static' | 'full';
-    };
-    /**
-     * CashAppPay configuration sent by the /paymentMethods response
+    showEmailAddress?: boolean;
+}
+interface BankTransferState extends UIElementProps {
+    data: {
+        shopperEmail?: string;
+    };
+    isValid: boolean;
+}
+interface BankTransferSchema {
+    shopperEmail?: string;
+}
+
+interface BoletoElementProps {
+    type: string;
+    i18n: Language;
+    loadingContext: string;
+    reference?: string;
+}
+interface BoletoInputDataState {
+    firstName?: string;
+    lastName?: string;
+    shopperEmail?: string;
+    socialSecurityNumber?: string;
+    billingAddress?: AddressData;
+}
+interface BoletoInputValidState {
+    firstName?: boolean;
+    lastName?: boolean;
+    shopperEmail?: boolean;
+    socialSecurityNumber?: boolean;
+    billingAddress?: boolean;
+}
+interface BoletoInputErrorState {
+    firstName?: boolean;
+    lastName?: boolean;
+    shopperEmail?: boolean;
+    socialSecurityNumber?: boolean;
+}
+
+interface CashAppPayConfiguration extends UIElementProps {
+    /**
+     * Indicates that the payment must be stored (Ex: in case there is no checkbox but merchant wants to store it)
+     */
+    storePaymentMethod?: boolean;
+    /**
+     * Enables storing the payment method using the Checkbox
+     */
+    enableStoreDetails?: boolean;
+    /**
+     * Callback triggered before starting the CashAppPay flow. Use case: Validate customer data, check product availability
+     */
+    onClick?(actions: {
+        resolve: () => void;
+        reject: () => void;
+    }): void;
+    /**
+     * A reference to your system (for example, a cart or checkout identifier). Maximum length 1024 characters.
+     * https://developers.cash.app/docs/api/technical-documentation/sdks/pay-kit/technical-reference#parameters-3
+     */
+    referenceId?: string;
+    /**
+     * The destination for the customer after approving (or declining) in Cash App for mobile redirect flow.
+     * https://developers.cash.app/docs/api/technical-documentation/sdks/pay-kit/technical-reference#customerrequest
+     * @defaultValue window.location.ref
+     */
+    redirectURL?: string;
+    /**
+     * Button customization
+     * https://developers.cash.app/docs/api/technical-documentation/sdks/pay-kit/use-cases#customize-the-cash-app-pay-button
+     */
+    button?: {
+        shape?: 'semiround' | 'round';
+        size?: 'medium' | 'small';
+        theme?: 'dark' | 'light';
+        width?: 'static' | 'full';
+    };
+    /**
+     * CashAppPay configuration sent by the /paymentMethods response
      */
     configuration?: {
         clientId: string;
@@ -1796,110 +2034,6 @@ type CashAppPayEventData = {
     onFileGrantId?: string;
 };
 
-declare class CashAppPay extends UIElement<CashAppPayConfiguration> {
-    static type: TxVariants;
-    private readonly cashAppService;
-    protected static defaultProps: {
-        onClick: (actions: any) => void;
-        enableStoreDetails: boolean;
-        storePaymentMethod: boolean;
-    };
-    constructor(checkout: ICore, props?: CashAppPayConfiguration);
-    formatProps(props: CashAppPayConfiguration): {
-        enableStoreDetails: boolean;
-        storePaymentMethod?: boolean;
-        onClick?(actions: {
-            resolve: () => void;
-            reject: () => void;
-        }): void;
-        referenceId?: string;
-        redirectURL?: string;
-        button?: {
-            shape?: "semiround" | "round";
-            size?: "small" | "medium";
-            theme?: "dark" | "light";
-            width?: "full" | "static";
-        };
-        configuration?: {
-            clientId: string;
-            scopeId: string;
-        };
-        storedPaymentMethodId?: string;
-        cashtag?: string;
-        order?: Order;
-        modules?: {
-            srPanel?: SRPanel;
-            analytics?: AnalyticsModule;
-            resources?: Resources;
-            risk?: RiskElement;
-        };
-        isDropin?: boolean;
-        beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
-            url: string;
-            method: string;
-            data?: any;
-        }) => void;
-        beforeSubmit?: (state: any, element: UIElement<UIElementProps>, actions: {
-            resolve: (data: any) => void;
-            reject: () => void;
-        }) => void;
-        onSubmit?: (state: any, element: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: (error?: Pick<CheckoutAdvancedFlowResponse, "error">) => void;
-        }) => void;
-        onAdditionalDetails?: (state: AdditionalDetailsStateData, element: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: () => void;
-        }) => void;
-        onPaymentFailed?: (data?: SessionsResponse | {
-            resultCode: ResultCode;
-        }, element?: UIElement<UIElementProps>) => void;
-        onPaymentCompleted?: (data: SessionsResponse | {
-            resultCode: ResultCode;
-            donationToken?: string;
-        }, element?: UIElement<UIElementProps>) => void;
-        onOrderUpdated?: (data: {
-            order: Order;
-        }) => void;
-        onPaymentMethodsRequest?: (data: PaymentMethodsRequestData, actions: {
-            resolve: (response: PaymentMethodsResponse) => void;
-            reject: () => void;
-        }) => void;
-        onChange?: (state: any, element: UIElement<UIElementProps>) => void;
-        onActionHandled?: (data: ActionHandledReturnObject) => void;
-        onError?: (error: AdyenCheckoutError, element?: UIElement<UIElementProps>) => void;
-        environment?: string;
-        session?: Session;
-        onComplete?: (state: any, element: UIElement<UIElementProps>) => void;
-        isInstantPayment?: boolean;
-        isStoredPaymentMethod?: boolean;
-        oneClick?: boolean;
-        statusType?: "redirect" | "custom" | "loading";
-        type?: string;
-        name?: string;
-        icon?: string;
-        amount?: PaymentAmount;
-        secondaryAmount?: PaymentAmountExtended;
-        showPayButton?: boolean;
-        payButton?: (options: PayButtonFunctionProps) => h.JSX.Element;
-        loadingContext?: string;
-        createFromAction?: (action: PaymentAction, props: object) => UIElement<UIElementProps>;
-        clientKey?: string;
-        elementRef?: any;
-        i18n?: Language;
-        label?: string;
-        paymentMethodType?: string;
-    };
-    formatData(): CashAppPayElementData;
-    get displayName(): string;
-    get additionalInfo(): "" | "Cash App Pay";
-    submit: () => void;
-    get isValid(): boolean;
-    private handleOnChangeStoreDetails;
-    private handleAuthorize;
-    render(): h.JSX.Element;
-}
-
 declare global {
     interface Window {
         SRCSDK_MASTERCARD?: object;
@@ -1941,269 +2075,45 @@ type ClickToPayPaymentData = {
     browserInfo: BrowserInfo;
 };
 
-declare class ClickToPayElement extends UIElement<ClickToPayConfiguration> {
+type CustomCardConfiguration = Omit<CardConfiguration, 'clickToPayConfiguration' | '_disableClickToPay' | 'fundingSource' | 'positionHolderNameOnTop' | 'showBrandIcon' | 'enableStoreDetails' | 'hideCVC' | 'hasCVC' | 'hasHolderName' | 'holderNameRequired' | 'billingAddressRequired' | 'billingAddressRequiredFields' | 'billingAddressAllowedCountries' | 'installmentOptions' | 'showInstallmentAmounts' | 'configuration'> & {
+    onValidationError?: (validationErrors: ValidationError[]) => void;
+};
+type ValidationError = SFError & {
+    fieldType: string;
+};
+
+interface DokuVoucherResultProps {
+    reference?: string;
+    totalAmount?: PaymentAmount;
+    expiresAt?: string;
+    paymentMethodType?: string;
+    maskedTelephoneNumber?: string;
+    instructionsUrl?: string;
+    shopperName?: string;
+    merchantName?: string;
+    outputDetails?: any;
+    ref?: any;
+}
+
+declare class DonationElement extends UIElement<DonationConfiguration> {
     static type: TxVariants;
-    private readonly clickToPayService;
-    private readonly ctpConfiguration;
-    constructor(checkout: ICore, props?: ClickToPayConfiguration);
-    get isValid(): boolean;
-    get browserInfo(): BrowserInfo;
-    formatData(): ClickToPayPaymentData;
-    protected formatProps(props: ClickToPayConfiguration): {
-        disableOtpAutoFocus: boolean;
-        shopperEmail: any;
-        telephoneNumber: any;
-        locale: string;
-        order?: Order;
-        modules?: {
-            srPanel?: SRPanel;
-            analytics?: AnalyticsModule;
-            resources?: Resources;
-            risk?: RiskElement;
-        };
-        isDropin?: boolean;
-        beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
-            url: string;
-            method: string;
-            data?: any;
-        }) => void;
-        beforeSubmit?: (state: any, element: UIElement<UIElementProps>, actions: {
-            resolve: (data: any) => void;
-            reject: () => void;
-        }) => void;
-        onSubmit?: (state: any, element: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: (error?: Pick<CheckoutAdvancedFlowResponse, "error">) => void;
-        }) => void;
-        onAdditionalDetails?: (state: AdditionalDetailsStateData, element: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: () => void;
-        }) => void;
-        onPaymentFailed?: (data?: SessionsResponse | {
-            resultCode: ResultCode;
-        }, element?: UIElement<UIElementProps>) => void;
-        onPaymentCompleted?: (data: SessionsResponse | {
-            resultCode: ResultCode;
-            donationToken?: string;
-        }, element?: UIElement<UIElementProps>) => void;
-        onOrderUpdated?: (data: {
-            order: Order;
-        }) => void;
-        onPaymentMethodsRequest?: (data: PaymentMethodsRequestData, actions: {
-            resolve: (response: PaymentMethodsResponse) => void;
-            reject: () => void;
-        }) => void;
-        onChange?: (state: any, element: UIElement<UIElementProps>) => void;
-        onActionHandled?: (data: ActionHandledReturnObject) => void;
-        onError?: (error: AdyenCheckoutError, element?: UIElement<UIElementProps>) => void;
-        environment?: string;
-        session?: Session;
-        onComplete?: (state: any, element: UIElement<UIElementProps>) => void;
-        isInstantPayment?: boolean;
-        isStoredPaymentMethod?: boolean;
-        oneClick?: boolean;
-        storedPaymentMethodId?: string;
-        statusType?: "redirect" | "custom" | "loading";
-        type?: string;
-        name?: string;
-        icon?: string;
-        amount?: PaymentAmount;
-        secondaryAmount?: PaymentAmountExtended;
-        showPayButton?: boolean;
-        payButton?: (options: PayButtonFunctionProps) => h.JSX.Element;
-        loadingContext?: string;
-        createFromAction?: (action: PaymentAction, props: object) => UIElement<UIElementProps>;
-        clientKey?: string;
-        elementRef?: any;
-        i18n?: Language;
-        label?: string;
-        paymentMethodType?: string;
-        merchantDisplayName?: string;
-        onReady?(): void;
-        onTimeout?(error: TimeoutError): void;
-        configuration?: {
-            mcDpaId?: string;
-            mcSrcClientId?: string;
-            visaSrcInitiatorId?: string;
-            visaSrciDpaId?: string;
-        };
+    constructor(checkout: ICore, props?: DonationConfiguration);
+    static defaultProps: {
+        onCancel: () => void;
+        onDonate: () => void;
     };
     /**
-     * Method used to let the merchant know if the shopper have a valid CtP accoubt
-     *
-     * Resolves Promise if the Shopper has cookies OR has valid CtP account
-     * Rejects Promise if account isn't found or if Login screen is triggered
+     * Returns the component payment data ready to submit to the Checkout API
      */
-    isAvailable(): Promise<void>;
-    private handleClickToPaySubmit;
-    render(): h.JSX.Element;
-}
-
-declare class BancontactElement extends CardElement {
-    static type: TxVariants;
-    constructor(checkout: ICore, props?: CardConfiguration);
-    protected static defaultProps: {
-        brands: string[];
-        onBinLookup: () => void;
-        showFormInstruction: boolean;
-        _disableClickToPay: boolean;
-    };
-    formatData(): CardElementData;
+    get data(): any;
     /**
-     * Now that the Bancontact (BCMC) Card component can accept a number dual branded with Visa (which requires a CVC) it has to be handled differently
-     * at creation time (no automatic removing of the CVC securedField).
-     * At the same time we can't treat it as a regular 'card' component - because it needs to hide the CVC field at at startup,
-     * as well as show the BCMC logo in the number field and ignore any of the internal, regEx driven, brand detection.
+     * Returns whether the component state is valid or not
      */
-    formatProps(props: CardConfiguration): {
-        /**
-         * Force type (only for the Dropin is type automatically set to 'bcmc')
-         * - this will bypass the regEx brand detection that SF normally tries to carry out when the first few digits are entered in the PAN
-         */
-        type: TxVariants;
-        brand: TxVariants;
-        cvcPolicy: CVCPolicyType;
-        storedPaymentMethodId: string;
-        holderNameRequired: boolean;
-        hasCVC: boolean;
-        billingAddressRequired: boolean;
-        countryCode: string;
-        configuration: {
-            socialSecurityNumberMode: SocialSecurityMode;
-            visaSrciDpaId?: string;
-            visaSrcInitiatorId?: string;
-            mcSrcClientId?: string;
-            mcDpaId?: string;
-            merchantIdentifier?: string;
-            merchantOrigin?: string;
-            gatewayMerchantId?: string;
-            publicKeyId?: string;
-            region?: string;
-            merchantName?: string;
-            merchantId?: string;
-            intent?: string;
-            koreanAuthenticationRequired?: boolean;
-            icon?: string;
-            brandsConfiguration?: CardBrandsConfiguration;
-        };
-        brandsConfiguration: CardBrandsConfiguration;
-        icon: string;
-        installmentOptions: InstallmentOptions;
-        enableStoreDetails: boolean;
-        showStoreDetailsCheckbox: boolean;
-        clickToPayConfiguration: {
-            disableOtpAutoFocus: boolean;
-            shopperEmail: any;
-            telephoneNumber: any;
-            locale: string;
-            merchantDisplayName?: string;
-            onReady?(): void;
-            onTimeout?(error: TimeoutError): void;
-        };
-        _disableClickToPay?: boolean;
-        fundingSource?: "debit" | "credit";
-        brands?: string[];
-        positionHolderNameOnTop?: boolean;
-        showBrandIcon?: boolean;
-        showFormInstruction?: boolean;
-        showContextualElement?: boolean;
-        hideCVC?: boolean;
-        hasHolderName?: boolean;
-        placeholders?: Partial<Record<"holderName" | "cardNumber" | "expiryDate" | "expiryMonth" | "expiryYear" | "securityCodeThreeDigits" | "securityCodeFourDigits" | "password", string>>;
-        challengeWindowSize?: "01" | "02" | "03" | "04" | "05";
-        data?: {
-            holderName?: string;
-            billingAddress?: Partial<AddressData>;
-        };
-        onLoad?: (event: CbObjOnLoad) => void;
-        onConfigSuccess?: (event: CbObjOnConfigSuccess) => void;
-        onFieldValid?: (event: CbObjOnFieldValid) => void;
-        onBrand?: (event: CbObjOnBrand) => void;
-        onFocus?: (event: CbObjOnFocus | ComponentFocusObject) => void;
-        onBlur?: (event: CbObjOnFocus | ComponentFocusObject) => void;
-        onBinValue?: (event: CbObjOnBinValue) => void;
-        onBinLookup?: (event: CbObjOnBinLookup) => void;
-        lastFour?: string;
-        billingAddressMode?: "none" | "full" | "partial";
-        billingAddressRequiredFields?: string[];
-        billingAddressAllowedCountries?: string[];
-        id?: string;
-        showInstallmentAmounts?: boolean;
-        legacyInputMode?: boolean;
-        minimumExpiryDate?: string[];
-        autoFocus?: boolean;
-        maskSecurityCode?: boolean;
-        doBinLookup?: boolean;
-        disableIOSArrowKeys?: boolean;
-        disclaimerMessage?: DisclaimerMsgObject;
-        styles?: StylesObject;
-        supportedShopperInteractions?: string[];
-        keypadFix?: boolean;
-        expiryMonth?: string;
-        exposeExpiryDate?: boolean;
-        order?: Order;
-        modules?: {
-            srPanel?: SRPanel;
-            analytics?: AnalyticsModule;
-            resources?: Resources;
-            risk?: RiskElement;
-        };
-        isDropin?: boolean;
-        beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
-            url: string;
-            method: string;
-            data?: any;
-        }) => void;
-        beforeSubmit?: (state: any, element: UIElement<UIElementProps>, actions: {
-            resolve: (data: any) => void;
-            reject: () => void;
-        }) => void;
-        onSubmit?: (state: any, element: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: (error?: Pick<CheckoutAdvancedFlowResponse, "error">) => void;
-        }) => void;
-        onAdditionalDetails?: (state: AdditionalDetailsStateData, element: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: () => void;
-        }) => void;
-        onPaymentFailed?: (data?: SessionsResponse | {
-            resultCode: ResultCode;
-        }, element?: UIElement<UIElementProps>) => void;
-        onPaymentCompleted?: (data: SessionsResponse | {
-            resultCode: ResultCode;
-            donationToken?: string;
-        }, element?: UIElement<UIElementProps>) => void;
-        onOrderUpdated?: (data: {
-            order: Order;
-        }) => void;
-        onPaymentMethodsRequest?: (data: PaymentMethodsRequestData, actions: {
-            resolve: (response: PaymentMethodsResponse) => void;
-            reject: () => void;
-        }) => void;
-        onChange?: (state: any, element: UIElement<UIElementProps>) => void;
-        onActionHandled?: (data: ActionHandledReturnObject) => void;
-        onError?: (error: AdyenCheckoutError, element?: UIElement<UIElementProps>) => void;
-        environment?: string;
-        session?: Session;
-        onComplete?: (state: any, element: UIElement<UIElementProps>) => void;
-        isInstantPayment?: boolean;
-        isStoredPaymentMethod?: boolean;
-        oneClick?: boolean;
-        statusType?: "redirect" | "custom" | "loading";
-        name?: string;
-        amount?: PaymentAmount;
-        secondaryAmount?: PaymentAmountExtended;
-        showPayButton?: boolean;
-        payButton?: (options: PayButtonFunctionProps) => preact.JSX.Element;
-        loadingContext?: string;
-        createFromAction?: (action: PaymentAction, props: object) => UIElement<UIElementProps>;
-        clientKey?: string;
-        elementRef?: any;
-        i18n?: Language;
-        label?: string;
-        paymentMethodType?: string;
-    };
-    onBrand: (event: any) => void;
+    get isValid(): any;
+    setState(newState: any): void;
+    donate(): void;
+    handleRef: (ref: any) => void;
+    render(): h.JSX.Element;
 }
 
 interface CampaignContentProps {
@@ -2243,54 +2153,68 @@ type DonationConfiguration = UIElementProps & Omit<DonationComponentProps, 'onDo
     onCancel(data: DonationPayload): void;
 };
 
-declare class DonationElement extends UIElement<DonationConfiguration> {
-    static type: TxVariants;
-    constructor(checkout: ICore, props?: DonationConfiguration);
-    static defaultProps: {
-        onCancel: () => void;
-        onDonate: () => void;
-    };
-    /**
-     * Returns the component payment data ready to submit to the Checkout API
-     */
-    get data(): any;
-    /**
-     * Returns whether the component state is valid or not
-     */
-    get isValid(): any;
-    setState(newState: any): void;
-    donate(): void;
-    handleRef: (ref: any) => void;
-    render(): h.JSX.Element;
+interface DragonpayInputIssuerItem {
+    id: string;
+    name: string;
+    icon?: string;
 }
-
-interface RedirectConfiguration extends UIElementProps {
+interface DragonpayConfiguraton extends UIElementProps {
     type?: string;
-    url?: string;
-    method?: 'GET' | 'POST';
-    beforeRedirect?: (resolve: any, reject: any, url: any) => Promise<void>;
+    issuers?: DragonpayInputIssuerItem[];
+    /** @deprecated use issuers */
+    details?: any;
+    loadingContext?: string;
+    reference?: string;
+    i18n?: Language;
 }
-
-declare class RedirectElement extends UIElement<RedirectConfiguration> {
-    static type: TxVariants;
-    static defaultProps: {
-        type: TxVariants;
-    };
-    formatData(): {
-        paymentMethod: {
-            type: string;
-        };
-        browserInfo: BrowserInfo;
-    };
-    get isValid(): boolean;
-    get browserInfo(): BrowserInfo;
-    render(): h.JSX.Element;
+interface DragonpayInputData {
+    issuer?: string;
+    shopperEmail?: string;
+}
+interface DragonpayInputProps {
+    data: DragonpayInputData;
+    issuer?: string;
+    items?: DragonpayInputIssuerItem[];
+    type?: string;
+    onChange: (state: any) => void;
+    onSubmit?: (state: any, component: any) => void;
+    showPayButton: boolean;
+    payButton: any;
+    ref?: any;
+}
+interface DragonpayVoucherResultProps {
+    reference?: string;
+    totalAmount?: PaymentAmount;
+    expiresAt?: string;
+    paymentMethodType?: string;
+    instructionsUrl?: string;
+    surcharge?: PaymentAmount;
+    alternativeReference?: string;
+    icon?: string;
+    issuer?: string;
+    ref?: any;
 }
 
-declare class GiropayElement extends RedirectElement {
-    static type: TxVariants;
-    get displayName(): any;
-    render(): h.JSX.Element;
+interface EcontextVoucherResultProps {
+    reference?: string;
+    totalAmount?: PaymentAmount;
+    expiresAt?: string;
+    paymentMethodType?: string;
+    maskedTelephoneNumber?: string;
+    instructionsUrl?: string;
+    ref?: any;
+    collectionInstitutionNumber?: string;
+}
+interface EcontextInputSchema {
+    firstName?: string;
+    lastName?: string;
+    telephoneNumber?: string;
+    shopperEmail?: string;
+}
+interface EcontextConfiguration extends UIElementProps {
+    reference?: string;
+    personalDetailsRequired?: boolean;
+    data?: PersonalDetailsSchema;
 }
 
 interface GooglePayConfiguration extends UIElementProps {
@@ -2458,129 +2382,136 @@ interface ExtendedMerchantInfo extends google.payments.api.MerchantInfo {
     merchantOrigin?: string;
 }
 
-declare class GooglePay extends UIElement<GooglePayConfiguration> {
-    static type: TxVariants;
-    static txVariants: TxVariants[];
-    static defaultProps: GooglePayConfiguration;
-    protected readonly googlePay: any;
-    constructor(checkout: ICore, props?: GooglePayConfiguration);
-    protected formatProps(props: any): GooglePayConfiguration;
-    /**
-     * Formats the component data output
-     */
-    protected formatData(): {
-        deliveryAddress: any;
-        billingAddress: any;
-        paymentMethod: {
-            subtype: string;
-            type: string;
-            googlePayCardNetwork: any;
-            googlePayToken: any;
-        };
-        browserInfo: BrowserInfo;
-        origin: string;
-    };
-    protected submitAnalytics(analyticsObj: SendAnalyticsObject): void;
-    submit: () => void;
-    /**
-     * Method called when the payment is authorized in the payment sheet
-     *
-     * @see https://developers.google.com/pay/api/web/reference/client#onPaymentAuthorized
-     **/
-    private onPaymentAuthorized;
-    /**
-     * Call the 'onAuthorized' callback if available.
-     * Must be resolved/reject for the payment flow to continue
-     */
-    private handleAuthorization;
-    /**
-     * Validation
-     */
-    get isValid(): boolean;
-    /**
-     * Determine a shopper's ability to return a form of payment from the Google Pay API.
-     */
-    isAvailable(): Promise<void>;
+declare global {
+    interface Window {
+        Klarna: any;
+        klarnaAsyncCallback: any;
+    }
+}
+/** sdkData present in Klarna `action`objects. */
+type KlarnaSdkData = {
     /**
-     * Determine a shopper's ability to return a form of payment from the Google Pay API.
-     */
-    isReadyToPay: () => Promise<google.payments.api.IsReadyToPayResponse>;
+     * Klarna client_token
+     * @see https://developers.klarna.com/documentation/klarna-payments/single-call-descriptions/create-session/
+     * */
+    client_token: string;
     /**
-     * Use this method to prefetch a PaymentDataRequest configuration to improve loadPaymentData execution time on later user interaction. No value is returned.
-     */
-    prefetch: () => void;
-    get browserInfo(): BrowserInfo;
-    get icon(): string;
-    render(): h.JSX.Element;
+     * `payment_method_category` specifies which of Klarna’s customer offerings (e.g. Pay now, Pay later or Slice it)
+     * that is being shown in the widget
+     * @see https://developers.klarna.com/documentation/klarna-payments/single-call-descriptions/create-session/
+     * */
+    payment_method_category: string;
+};
+interface KlarnaPaymentsShared {
+    sdkData?: KlarnaSdkData;
+    paymentData?: string;
+    paymentMethodType?: string;
+}
+interface KlarnaWidgetProps extends KlarnaPaymentsShared {
+    /** @internal */
+    payButton: (options: any) => any;
+    /** @internal */
+    onLoaded: () => void;
+    onComplete: (detailsData: any) => void;
+    onError: (error: any) => void;
+}
+type KlarnConfiguration = UIElementProps & KlarnaPaymentsShared & {
+    useKlarnaWidget?: boolean;
+};
+interface KlarnaWidgetAuthorizeResponse {
+    approved: boolean;
+    show_form: boolean;
+    authorization_token: string;
+    error?: any;
 }
 
-interface EcontextVoucherResultProps {
+interface MultibancoVoucherResultProps {
+    entity?: string;
     reference?: string;
-    totalAmount?: PaymentAmount;
     expiresAt?: string;
+    merchantReference?: string;
+    totalAmount?: PaymentAmount;
     paymentMethodType?: string;
-    maskedTelephoneNumber?: string;
-    instructionsUrl?: string;
+    downloadUrl?: string;
     ref?: any;
-    collectionInstitutionNumber?: string;
-}
-interface EcontextInputSchema {
-    firstName?: string;
-    lastName?: string;
-    telephoneNumber?: string;
-    shopperEmail?: string;
 }
-interface EcontextConfiguration extends UIElementProps {
+
+interface OxxoVoucherResultProps {
+    alternativeReference?: string;
     reference?: string;
-    personalDetailsRequired?: boolean;
-    data?: PersonalDetailsSchema;
-    showFormInstruction?: boolean;
+    expiresAt?: string;
+    merchantReference?: string;
+    totalAmount?: PaymentAmount;
+    paymentMethodType?: string;
+    downloadUrl?: string;
+    ref?: any;
 }
+type OxxoElementData = {
+    paymentMethod: {
+        type: 'oxxo' | string;
+    };
+};
 
-declare class EcontextElement extends UIElement<EcontextConfiguration> {
+declare class PaypalElement extends UIElement<PayPalConfiguration> {
     static type: TxVariants;
-    static txVariants: TxVariants[];
-    protected static defaultProps: {
-        personalDetailsRequired: boolean;
-        showFormInstruction: boolean;
+    static subtype: string;
+    paymentData: string;
+    private resolve;
+    private reject;
+    protected static defaultProps: Partial<PayPalConfiguration>;
+    constructor(checkout: ICore, props?: PayPalConfiguration);
+    formatProps(props: PayPalConfiguration): PayPalConfiguration;
+    protected submitAnalytics(analyticsObj: SendAnalyticsObject): void;
+    submit: () => void;
+    /**
+     * Updates the paymentData value. It must be used in the PayPal Express flow, when patching the amount
+     * @param paymentData - Payment data value
+     */
+    updatePaymentData(paymentData: string): void;
+    /**
+     * Formats the component data output
+     */
+    protected formatData(): {
+        paymentMethod: {
+            type: TxVariants;
+            userAction: "pay" | "continue";
+            subtype: string;
+        };
     };
+    handleAction: (action: PaymentAction) => any;
+    updateWithAction: (action: PaymentAction) => any;
+    /**
+     * Dropin Validation
+     *
+     * @remarks
+     * Paypal does not require any specific Dropin validation
+     */
     get isValid(): boolean;
+    private handleOnApprove;
+    handleResolve(token: string): void;
+    handleReject(errorMessage: string): void;
+    private handleSubmit;
     /**
-     * Formats the component data output
+     * If the merchant provides the 'onShippingAddressChange' callback, then this method is used as a wrapper to it, in order
+     * to expose to the merchant the 'component' instance. The merchant needs the 'component' in order to manipulate the
+     * paymentData
+     *
+     * @param data - PayPal data
+     * @param actions - PayPal actions.
      */
-    formatData(): any;
+    private handleOnShippingAddressChange;
+    /**
+     * If the merchant provides the 'onShippingOptionsChange' callback, then this method is used as a wrapper to it, in order
+     * to expose to the merchant the 'component' instance. The merchant needs the 'component' in order to manipulate the
+     * paymentData
+     *
+     * @param data - PayPal data
+     * @param actions - PayPal actions.
+     */
+    private handleOnShippingOptionsChange;
     render(): h.JSX.Element;
 }
 
-declare class FacilyPay3x extends OpenInvoiceContainer {
-    static type: TxVariants;
-    formatProps(props: any): any;
-}
-
-declare class FacilyPay4x extends OpenInvoiceContainer {
-    static type: TxVariants;
-    formatProps(props: any): any;
-}
-
-declare class FacilyPay6x extends OpenInvoiceContainer {
-    static type: TxVariants;
-    formatProps(props: any): any;
-}
-
-declare class FacilyPay10x extends OpenInvoiceContainer {
-    static type: TxVariants;
-    formatProps(props: any): any;
-}
-
-declare class FacilyPay12x extends OpenInvoiceContainer {
-    static type: TxVariants;
-    formatProps(props: any): any;
-}
-
-declare class IdealElement extends IssuerListContainer {
-    static type: TxVariants;
-}
-
 declare global {
     interface Window {
         paypal: object;
@@ -2743,79 +2674,738 @@ interface PayPalConfiguration extends UIElementProps {
      */
     countryCode?: string;
 }
-/**
- * The intent for the transaction. This determines whether the funds are captured immediately, or later.
- * @see {@link https://developer.paypal.com/docs/checkout/reference/customize-sdk/#intent}
- */
-type Intent = 'sale' | 'capture' | 'authorize' | 'order' | 'tokenize';
-type FundingSource = 'paypal' | 'credit' | 'paylater' | 'venmo';
+/**
+ * The intent for the transaction. This determines whether the funds are captured immediately, or later.
+ * @see {@link https://developer.paypal.com/docs/checkout/reference/customize-sdk/#intent}
+ */
+type Intent = 'sale' | 'capture' | 'authorize' | 'order' | 'tokenize';
+type FundingSource = 'paypal' | 'credit' | 'paylater' | 'venmo';
+
+interface QRLoaderConfiguration extends UIElementProps {
+    /**
+     * Number of miliseconds that the component will wait in between status calls
+     */
+    delay?: number;
+    /**
+     * Number of minutes that the component should keep on loading
+     */
+    countdownTime?: number;
+    type?: string;
+    brandLogo?: string;
+    buttonLabel?: string;
+    qrCodeImage?: string;
+    paymentData?: string;
+    introduction?: string;
+    redirectIntroduction?: string;
+    timeToPay?: string;
+    instructions?: string | (() => h.JSX.Element);
+    copyBtn?: boolean;
+}
+
+interface PixConfiguration extends QRLoaderConfiguration {
+    personalDetailsRequired?: boolean;
+}
+interface PixElementData {
+    paymentMethod: {
+        type: 'pix';
+    };
+    shopperName?: {
+        firstName: string;
+        lastName: string;
+    };
+    socialSecurityNumber?: string;
+}
+
+interface RedirectConfiguration extends UIElementProps {
+    type?: string;
+    url?: string;
+    data?: {
+        [key: string]: any;
+    };
+    method?: 'GET' | 'POST';
+    beforeRedirect?: (resolve: any, reject: any, url: any) => Promise<void>;
+}
+
+interface SepaElementData {
+    paymentMethod: {
+        type: string;
+        iban: string;
+        ownerName: string;
+    };
+}
+interface SepaConfiguration extends UIElementProps {
+}
+
+declare enum Analytics3DS2Errors {
+    ACTION_IS_MISSING_PAYMENT_DATA = "700",// Missing 'paymentData' property from threeDS2 action
+    ACTION_IS_MISSING_TOKEN = "701",// Missing 'token' property from threeDS2 action
+    TOKEN_IS_MISSING_THREEDSMETHODURL = "702",// Decoded token is missing a valid threeDSMethodURL property
+    /**
+     * Decoded token is missing one or more of the following properties:
+     *  fingerprint: (threeDSMethodNotificationURL | postMessageDomain | threeDSServerTransID)
+     *  challenge: (acsTransID | messageVersion | threeDSServerTransID)
+     */
+    TOKEN_IS_MISSING_OTHER_PROPS = "703",
+    TOKEN_DECODE_OR_PARSING_FAILED = "704",// token decoding or parsing has failed. ('not base64', 'malformed URI sequence' or 'Could not JSON parse token')
+    THREEDS2_TIMEOUT = "705",// 3DS2 process has timed out
+    TOKEN_IS_MISSING_ACSURL = "800",// Decoded token is missing a valid acsURL property
+    NO_TRANSSTATUS = "801",// Challenge has resulted in an error (no transStatus could be retrieved by the backend)
+    NO_DETAILS_FOR_FRICTIONLESS_OR_REFUSED = "802",// callSubmit3DS2Fingerprint has received a response indicating either a "frictionless" flow, or a "refused" response, but without a details object
+    NO_COMPONENT_FOR_ACTION = "803",// callSubmit3DS2Fingerprint cannot find a component to handle the action response
+    NO_ACTION_FOR_CHALLENGE = "804",// callSubmit3DS2Fingerprint has received a response indicating a "challenge" but without an action object
+    CHALLENGE_RESOLVED_WITHOUT_RESULT_PROP = "805"
+}
+
+interface ThreeDS2Configuration extends UIElementProps {
+    dataKey?: string;
+    environment?: string;
+    isMDFlow?: boolean;
+    loadingContext?: string;
+    modules?: {
+        analytics: AnalyticsModule;
+    };
+    notificationURL?: string;
+    onActionHandled: (rtnObj: ActionHandledReturnObject) => void;
+    onError?: (error: AdyenCheckoutError, element?: UIElement) => void;
+    paymentData?: string;
+    token?: string;
+    type?: string;
+    challengeWindowSize?: '01' | '02' | '03' | '04' | '05';
+}
+interface ThreeDS2DeviceFingerprintConfiguration extends ThreeDS2Configuration {
+    clientKey?: string;
+    elementRef?: UIElement;
+    showSpinner: boolean;
+}
+interface ThreeDS2ChallengeConfiguration extends ThreeDS2Configuration {
+    i18n?: Language;
+    size?: string;
+}
+/**
+ * See
+ * https://docs.adyen.com/checkout/3d-secure/api-reference#threeds2result
+ * Indicates whether a transaction was authenticated, or whether additional verification is required.
+ */
+type ResultValue = 'Y' | 'N' | 'U' | 'A' | 'C' | 'R';
+interface CReqData {
+    acsTransID: string;
+    messageVersion: string;
+    threeDSServerTransID: string;
+    messageType: string;
+    challengeWindowSize: string;
+}
+interface ChallengeData {
+    acsURL: string;
+    cReqData: CReqData;
+    iframeSizeArr: string[];
+    postMessageDomain: string;
+}
+interface ResultObject {
+    threeDSCompInd?: ResultValue;
+    transStatus?: ResultValue;
+    errorCode?: string;
+    errorDescription?: string;
+}
+interface ThreeDS2FlowObject {
+    result: ResultObject;
+    type: 'ChallengeShopper' | 'IdentifyShopper' | 'challengeResult' | 'fingerPrintResult';
+    errorCode?: string;
+    threeDSServerTransID?: string;
+}
+interface PostMsgParseErrorObject {
+    type?: string;
+    comment?: string;
+    extraInfo?: string;
+    eventDataRaw?: string;
+}
+interface ThreeDS2Token {
+    acsTransID?: string;
+    acsURL?: string;
+    messageVersion?: string;
+    threeDSNotificationURL?: string;
+    threeDSServerTransID?: string;
+    threeDSMethodNotificationURL?: string;
+    threeDSMethodUrl?: string;
+}
+interface FingerPrintData {
+    threeDSServerTransID: string;
+    threeDSMethodURL: string;
+    threeDSMethodNotificationURL: string;
+    postMessageDomain: string;
+}
+type ThreeDS2FingerprintResponse = {
+    type: 'action' | 'completed';
+    action?: CheckoutRedirectAction | CheckoutThreeDS2Action;
+    details?: Record<string, string>;
+};
+type CheckoutRedirectAction = {
+    type: 'redirect';
+    data: Record<string, string>;
+    method: string;
+    paymentData: string;
+};
+type CheckoutThreeDS2Action = {
+    type: 'threeDS2';
+    token: string;
+    subtype: string;
+    authorisationToken: string;
+};
+interface FingerprintResolveData {
+    data: {
+        [key: string]: string;
+        paymentData: string;
+    };
+}
+interface ChallengeResolveData {
+    data: {
+        details: {
+            [key: string]: string;
+        };
+    };
+}
+interface ErrorCodeObject {
+    errorCode: string | Analytics3DS2Errors;
+    message: string;
+}
+
+type UpiPaymentData = {
+    paymentMethod: {
+        type: 'upi_qr' | 'upi_collect';
+        virtualPaymentAddress?: string;
+    };
+};
+type UpiMode = 'vpa' | 'qrCode';
+interface UPIConfiguration extends UIElementProps {
+    /**
+     * Define which view is displayed initially when the Component renders
+     * @defaultValue vpa
+     */
+    defaultMode?: UpiMode;
+    paymentData?: string;
+    qrCodeData?: string;
+    brandLogo?: string;
+}
+
+interface StatusObjectProps {
+    payload: string;
+    resultCode: string;
+    type: string;
+}
+interface StatusObject {
+    type: string;
+    props: StatusObjectProps;
+}
+interface AwaitComponentProps {
+    type: string;
+    delay?: number;
+    countdownTime: number;
+    throttleTime: number;
+    showCountdownTimer: boolean;
+    throttleInterval: number;
+    paymentData: string;
+    url?: string;
+    classNameModifiers?: string[];
+    clientKey: string;
+    onError: (error: any) => void;
+    onComplete: (status: any, component: any) => void;
+    brandLogo: string;
+    messageText: string;
+    awaitText: string;
+    ref: any;
+    onActionHandled: (rtnObj: ActionHandledReturnObject) => void;
+}
+interface AwaitConfiguration extends UIElementProps {
+    paymentData?: string;
+    paymentMethoType?: string;
+    type?: string;
+    url?: string;
+}
+
+interface VoucherDetail {
+    label: string;
+    value: string;
+}
+interface VoucherProps {
+    /** Payment method used to generate the voucher. */
+    paymentMethodType: string;
+    /** Payment method image to be displayed on the voucher. */
+    imageUrl?: string;
+    /** If applicable, it will render an issuer image next to the payment method image. */
+    issuerImageUrl?: string;
+    /** Voucher instructions URL. */
+    instructionsUrl?: string;
+    /** Download URL for the voucher. It will display a button allowing the shopper to download it. */
+    downloadUrl?: string;
+    /** Text that will be displayed on the above Download button. */
+    downloadButtonText?: string;
+    /** Introduction text on the voucher. */
+    introduction?: string;
+    /** Payment reference. */
+    reference?: string;
+    /** URL to a barcode image representing the payment reference. */
+    barcode?: string;
+    /** Total amount displayed on the voucher. */
+    amount?: string;
+    /** Any additional surcharge to the amount. */
+    surcharge?: any;
+    /** List of details that will be rendered on the voucher. */
+    voucherDetails?: VoucherDetail[];
+    /** Additional CSS classes. */
+    className?: string;
+    /** Show/Hide a button to copy the payment reference. It will only show if a reference is available. */
+    copyBtn?: boolean;
+}
+interface VoucherConfiguration extends UIElementProps {
+    reference?: string;
+    url?: string;
+    paymentMethodType?: string;
+}
+
+declare class CashAppPay extends UIElement<CashAppPayConfiguration> {
+    static type: TxVariants;
+    private readonly cashAppService;
+    protected static defaultProps: {
+        onClick: (actions: any) => void;
+        enableStoreDetails: boolean;
+        storePaymentMethod: boolean;
+    };
+    constructor(checkout: ICore, props?: CashAppPayConfiguration);
+    formatProps(props: CashAppPayConfiguration): {
+        enableStoreDetails: boolean;
+        storePaymentMethod?: boolean;
+        onClick?(actions: {
+            resolve: () => void;
+            reject: () => void;
+        }): void;
+        referenceId?: string;
+        redirectURL?: string;
+        button?: {
+            shape?: "semiround" | "round";
+            size?: "small" | "medium";
+            theme?: "dark" | "light";
+            width?: "static" | "full";
+        };
+        configuration?: {
+            clientId: string;
+            scopeId: string;
+        };
+        storedPaymentMethodId?: string;
+        cashtag?: string;
+        order?: Order;
+        modules?: {
+            srPanel?: SRPanel;
+            analytics?: AnalyticsModule;
+            resources?: Resources;
+            risk?: RiskElement;
+        };
+        isDropin?: boolean;
+        onChange?: (state: OnChangeData, component: UIElement<UIElementProps>) => void;
+        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement<UIElementProps>) => void;
+        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement<UIElementProps>) => void;
+        beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
+            url: string;
+            method: string;
+            data?: any;
+        }) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: BeforeSubmitActions) => void;
+        onSubmit?: (state: SubmitData, component: UIElement<UIElementProps>, actions: SubmitActions) => void;
+        onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
+        onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
+        onOrderUpdated?: (data: {
+            order: Order;
+        }) => void;
+        onPaymentMethodsRequest?: (data: PaymentMethodsRequestData, actions: {
+            resolve: (response: PaymentMethodsResponse) => void;
+            reject: () => void;
+        }) => void;
+        environment?: string;
+        session?: Session;
+        onComplete?: (state: any, element: UIElement<UIElementProps>) => void;
+        isInstantPayment?: boolean;
+        isStoredPaymentMethod?: boolean;
+        oneClick?: boolean;
+        statusType?: "custom" | "loading" | "redirect";
+        type?: string;
+        name?: string;
+        icon?: string;
+        amount?: PaymentAmount;
+        secondaryAmount?: PaymentAmountExtended;
+        showPayButton?: boolean;
+        payButton?: (options: PayButtonFunctionProps) => h.JSX.Element;
+        loadingContext?: string;
+        createFromAction?: (action: PaymentAction, props: object) => UIElement<UIElementProps>;
+        clientKey?: string;
+        elementRef?: any;
+        i18n?: Language;
+        label?: string;
+        paymentMethodType?: string;
+    };
+    formatData(): CashAppPayElementData;
+    get displayName(): string;
+    get additionalInfo(): "" | "Cash App Pay";
+    submit: () => void;
+    get isValid(): boolean;
+    private handleOnChangeStoreDetails;
+    private handleAuthorize;
+    render(): h.JSX.Element;
+}
+
+declare class ClickToPayElement extends UIElement<ClickToPayConfiguration> {
+    static type: TxVariants;
+    private readonly clickToPayService;
+    private readonly ctpConfiguration;
+    constructor(checkout: ICore, props?: ClickToPayConfiguration);
+    get isValid(): boolean;
+    get browserInfo(): BrowserInfo;
+    formatData(): ClickToPayPaymentData;
+    protected formatProps(props: ClickToPayConfiguration): {
+        disableOtpAutoFocus: boolean;
+        shopperEmail: string;
+        telephoneNumber: string;
+        locale: string;
+        order?: Order;
+        modules?: {
+            srPanel?: SRPanel;
+            analytics?: AnalyticsModule;
+            resources?: Resources;
+            risk?: RiskElement;
+        };
+        isDropin?: boolean;
+        onChange?: (state: OnChangeData, component: UIElement<UIElementProps>) => void;
+        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement<UIElementProps>) => void;
+        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement<UIElementProps>) => void;
+        beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
+            url: string;
+            method: string;
+            data?: any;
+        }) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: BeforeSubmitActions) => void;
+        onSubmit?: (state: SubmitData, component: UIElement<UIElementProps>, actions: SubmitActions) => void;
+        onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
+        onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
+        onOrderUpdated?: (data: {
+            order: Order;
+        }) => void;
+        onPaymentMethodsRequest?: (data: PaymentMethodsRequestData, actions: {
+            resolve: (response: PaymentMethodsResponse) => void;
+            reject: () => void;
+        }) => void;
+        environment?: string;
+        session?: Session;
+        onComplete?: (state: any, element: UIElement<UIElementProps>) => void;
+        isInstantPayment?: boolean;
+        isStoredPaymentMethod?: boolean;
+        oneClick?: boolean;
+        storedPaymentMethodId?: string;
+        statusType?: "custom" | "loading" | "redirect";
+        type?: string;
+        name?: string;
+        icon?: string;
+        amount?: PaymentAmount;
+        secondaryAmount?: PaymentAmountExtended;
+        showPayButton?: boolean;
+        payButton?: (options: PayButtonFunctionProps) => h.JSX.Element;
+        loadingContext?: string;
+        createFromAction?: (action: PaymentAction, props: object) => UIElement<UIElementProps>;
+        clientKey?: string;
+        elementRef?: any;
+        i18n?: Language;
+        label?: string;
+        paymentMethodType?: string;
+        merchantDisplayName?: string;
+        onReady?(): void;
+        onTimeout?(error: TimeoutError): void;
+        configuration?: {
+            mcDpaId?: string;
+            mcSrcClientId?: string;
+            visaSrcInitiatorId?: string;
+            visaSrciDpaId?: string;
+        };
+    };
+    /**
+     * Method used to let the merchant know if the shopper have a valid CtP accoubt
+     *
+     * Resolves Promise if the Shopper has cookies OR has valid CtP account
+     * Rejects Promise if account isn't found or if Login screen is triggered
+     */
+    isAvailable(): Promise<void>;
+    private handleClickToPaySubmit;
+    render(): h.JSX.Element;
+}
+
+declare class BancontactElement extends CardElement {
+    static type: TxVariants;
+    constructor(checkout: ICore, props?: CardConfiguration);
+    protected static defaultProps: {
+        brands: string[];
+        onBinLookup: () => void;
+        _disableClickToPay: boolean;
+    };
+    formatData(): CardElementData;
+    /**
+     * Now that the Bancontact (BCMC) Card component can accept a number dual branded with Visa (which requires a CVC) it has to be handled differently
+     * at creation time (no automatic removing of the CVC securedField).
+     * At the same time we can't treat it as a regular 'card' component - because it needs to hide the CVC field at at startup,
+     * as well as show the BCMC logo in the number field and ignore any of the internal, regEx driven, brand detection.
+     */
+    formatProps(props: CardConfiguration): {
+        /**
+         * Force type (only for the Dropin is type automatically set to 'bcmc')
+         * - this will bypass the regEx brand detection that SF normally tries to carry out when the first few digits are entered in the PAN
+         */
+        type: TxVariants;
+        brand: TxVariants;
+        cvcPolicy: CVCPolicyType;
+        storedPaymentMethodId: string;
+        holderNameRequired: boolean;
+        hasCVC: boolean;
+        billingAddressRequired: boolean;
+        countryCode: string;
+        configuration: {
+            socialSecurityNumberMode: SocialSecurityMode;
+            visaSrciDpaId?: string;
+            visaSrcInitiatorId?: string;
+            mcSrcClientId?: string;
+            mcDpaId?: string;
+            merchantIdentifier?: string;
+            merchantOrigin?: string;
+            gatewayMerchantId?: string;
+            publicKeyId?: string;
+            region?: string;
+            merchantName?: string;
+            merchantId?: string;
+            intent?: string;
+            koreanAuthenticationRequired?: boolean;
+            icon?: string;
+            brandsConfiguration?: CardBrandsConfiguration;
+        };
+        brandsConfiguration: CardBrandsConfiguration;
+        icon: string;
+        installmentOptions: InstallmentOptions;
+        enableStoreDetails: boolean;
+        showStoreDetailsCheckbox: boolean;
+        clickToPayConfiguration: {
+            disableOtpAutoFocus: boolean;
+            shopperEmail: string;
+            telephoneNumber: string;
+            locale: string;
+            merchantDisplayName?: string;
+            onReady?(): void;
+            onTimeout?(error: TimeoutError): void;
+        };
+        autoFocus?: boolean;
+        billingAddressAllowedCountries?: string[]; /**
+         * Force type (only for the Dropin is type automatically set to 'bcmc')
+         * - this will bypass the regEx brand detection that SF normally tries to carry out when the first few digits are entered in the PAN
+         */
+        billingAddressMode?: "none" | "full" | "partial";
+        billingAddressRequiredFields?: string[];
+        brands?: string[];
+        challengeWindowSize?: "02" | "01" | "03" | "04" | "05";
+        data?: {
+            holderName?: string;
+            billingAddress?: Partial<AddressData>;
+        };
+        _disableClickToPay?: boolean;
+        disableIOSArrowKeys?: boolean;
+        disclaimerMessage?: DisclaimerMsgObject;
+        doBinLookup?: boolean;
+        expiryMonth?: string;
+        exposeExpiryDate?: boolean;
+        forceCompat?: boolean;
+        fundingSource?: "debit" | "credit";
+        hasHolderName?: boolean;
+        hideCVC?: boolean;
+        id?: string;
+        keypadFix?: boolean;
+        lastFour?: string;
+        legacyInputMode?: boolean;
+        maskSecurityCode?: boolean;
+        minimumExpiryDate?: string[];
+        name?: string;
+        onBinLookup?: (event: CbObjOnBinLookup) => void;
+        onBinValue?: (event: CbObjOnBinValue) => void;
+        onBlur?: (event: CbObjOnFocus | ComponentFocusObject) => void;
+        onBrand?: (event: CbObjOnBrand) => void;
+        onConfigSuccess?: (event: CbObjOnConfigSuccess) => void;
+        onFieldValid?: (event: CbObjOnFieldValid) => void;
+        onFocus?: (event: CbObjOnFocus | ComponentFocusObject) => void;
+        onLoad?: (event: CbObjOnLoad) => void;
+        placeholders?: Partial<Record<"cardNumber" | "expiryDate" | "holderName" | "expiryMonth" | "expiryYear" | "securityCodeThreeDigits" | "securityCodeFourDigits" | "password", string>>;
+        positionHolderNameOnTop?: boolean;
+        showBrandIcon?: boolean;
+        showContextualElement?: boolean;
+        showInstallmentAmounts?: boolean;
+        styles?: StylesObject;
+        supportedShopperInteractions?: string[];
+        order?: Order;
+        modules?: {
+            srPanel?: SRPanel;
+            analytics?: AnalyticsModule;
+            resources?: Resources;
+            risk?: RiskElement;
+        };
+        isDropin?: boolean;
+        onChange?: (state: OnChangeData, component: UIElement<UIElementProps>) => void;
+        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement<UIElementProps>) => void;
+        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement<UIElementProps>) => void;
+        beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
+            url: string;
+            method: string;
+            data?: any;
+        }) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: BeforeSubmitActions) => void;
+        onSubmit?: (state: SubmitData, component: UIElement<UIElementProps>, actions: SubmitActions) => void;
+        onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
+        onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
+        onOrderUpdated?: (data: {
+            order: Order;
+        }) => void;
+        onPaymentMethodsRequest?: (data: PaymentMethodsRequestData, actions: {
+            resolve: (response: PaymentMethodsResponse) => void;
+            reject: () => void;
+        }) => void;
+        environment?: string;
+        session?: Session;
+        onComplete?: (state: any, element: UIElement<UIElementProps>) => void;
+        isInstantPayment?: boolean;
+        isStoredPaymentMethod?: boolean;
+        oneClick?: boolean;
+        statusType?: "custom" | "loading" | "redirect";
+        amount?: PaymentAmount;
+        secondaryAmount?: PaymentAmountExtended;
+        showPayButton?: boolean;
+        payButton?: (options: PayButtonFunctionProps) => preact.JSX.Element;
+        loadingContext?: string;
+        createFromAction?: (action: PaymentAction, props: object) => UIElement<UIElementProps>;
+        clientKey?: string;
+        elementRef?: any;
+        i18n?: Language;
+        label?: string;
+        paymentMethodType?: string;
+    };
+    onBrand: (event: any) => void;
+}
+
+declare class RedirectElement extends UIElement<RedirectConfiguration> {
+    static type: TxVariants;
+    static defaultProps: {
+        type: TxVariants;
+    };
+    formatData(): {
+        paymentMethod: {
+            type: string;
+        };
+        browserInfo: BrowserInfo;
+    };
+    get isValid(): boolean;
+    get browserInfo(): BrowserInfo;
+    render(): h.JSX.Element;
+}
+
+declare class GiropayElement extends RedirectElement {
+    static type: TxVariants;
+    get displayName(): any;
+    render(): h.JSX.Element;
+}
 
-declare class PaypalElement extends UIElement<PayPalConfiguration> {
+declare class GooglePay extends UIElement<GooglePayConfiguration> {
     static type: TxVariants;
-    static subtype: string;
-    paymentData: string;
-    private resolve;
-    private reject;
-    protected static defaultProps: Partial<PayPalConfiguration>;
-    constructor(checkout: ICore, props?: PayPalConfiguration);
-    formatProps(props: PayPalConfiguration): PayPalConfiguration;
-    protected submitAnalytics(analyticsObj: SendAnalyticsObject): void;
-    submit: () => void;
-    /**
-     * Updates the paymentData value. It must be used in the PayPal Express flow, when patching the amount
-     * @param paymentData - Payment data value
-     */
-    updatePaymentData(paymentData: string): void;
+    static txVariants: TxVariants[];
+    static defaultProps: GooglePayConfiguration;
+    protected readonly googlePay: any;
+    constructor(checkout: ICore, props?: GooglePayConfiguration);
+    protected formatProps(props: any): GooglePayConfiguration;
     /**
      * Formats the component data output
      */
     protected formatData(): {
+        deliveryAddress: any;
+        billingAddress: any;
         paymentMethod: {
-            type: TxVariants;
-            userAction: "continue" | "pay";
             subtype: string;
+            type: string;
+            googlePayCardNetwork: any;
+            googlePayToken: any;
         };
+        browserInfo: BrowserInfo;
+        origin: string;
     };
-    handleAction: (action: PaymentAction) => any;
-    updateWithAction: (action: PaymentAction) => any;
+    protected submitAnalytics(analyticsObj: SendAnalyticsObject): void;
+    submit: () => void;
     /**
-     * Dropin Validation
+     * Method called when the payment is authorized in the payment sheet
      *
-     * @remarks
-     * Paypal does not require any specific Dropin validation
+     * @see https://developers.google.com/pay/api/web/reference/client#onPaymentAuthorized
+     **/
+    private onPaymentAuthorized;
+    /**
+     * Call the 'onAuthorized' callback if available.
+     * Must be resolved/reject for the payment flow to continue
+     */
+    private handleAuthorization;
+    /**
+     * Validation
      */
     get isValid(): boolean;
-    private handleOnApprove;
-    handleResolve(token: string): void;
-    handleReject(errorMessage: string): void;
-    private handleSubmit;
     /**
-     * If the merchant provides the 'onShippingAddressChange' callback, then this method is used as a wrapper to it, in order
-     * to expose to the merchant the 'component' instance. The merchant needs the 'component' in order to manipulate the
-     * paymentData
-     *
-     * @param data - PayPal data
-     * @param actions - PayPal actions.
+     * Determine a shopper's ability to return a form of payment from the Google Pay API.
      */
-    private handleOnShippingAddressChange;
+    isAvailable(): Promise<void>;
     /**
-     * If the merchant provides the 'onShippingOptionsChange' callback, then this method is used as a wrapper to it, in order
-     * to expose to the merchant the 'component' instance. The merchant needs the 'component' in order to manipulate the
-     * paymentData
-     *
-     * @param data - PayPal data
-     * @param actions - PayPal actions.
+     * Determine a shopper's ability to return a form of payment from the Google Pay API.
      */
-    private handleOnShippingOptionsChange;
+    isReadyToPay: () => Promise<google.payments.api.IsReadyToPayResponse>;
+    /**
+     * Use this method to prefetch a PaymentDataRequest configuration to improve loadPaymentData execution time on later user interaction. No value is returned.
+     */
+    prefetch: () => void;
+    get browserInfo(): BrowserInfo;
+    get icon(): string;
     render(): h.JSX.Element;
 }
 
-type CustomCardConfiguration = Omit<CardConfiguration, 'clickToPayConfiguration' | '_disableClickToPay' | 'fundingSource' | 'positionHolderNameOnTop' | 'showBrandIcon' | 'showFormInstruction' | 'enableStoreDetails' | 'hideCVC' | 'hasCVC' | 'hasHolderName' | 'holderNameRequired' | 'billingAddressRequired' | 'billingAddressRequiredFields' | 'billingAddressAllowedCountries' | 'installmentOptions' | 'showInstallmentAmounts' | 'configuration'> & {
-    onValidationError?: (validationErrors: ValidationError[]) => void;
-};
-type ValidationError = SFError & {
-    fieldType: string;
-};
+declare class EcontextElement extends UIElement<EcontextConfiguration> {
+    static type: TxVariants;
+    static txVariants: TxVariants[];
+    protected static defaultProps: {
+        personalDetailsRequired: boolean;
+    };
+    get isValid(): boolean;
+    /**
+     * Formats the component data output
+     */
+    formatData(): any;
+    render(): h.JSX.Element;
+}
+
+declare class FacilyPay3x extends OpenInvoiceContainer {
+    static type: TxVariants;
+    formatProps(props: any): any;
+}
+
+declare class FacilyPay4x extends OpenInvoiceContainer {
+    static type: TxVariants;
+    formatProps(props: any): any;
+}
+
+declare class FacilyPay6x extends OpenInvoiceContainer {
+    static type: TxVariants;
+    formatProps(props: any): any;
+}
+
+declare class FacilyPay10x extends OpenInvoiceContainer {
+    static type: TxVariants;
+    formatProps(props: any): any;
+}
+
+declare class FacilyPay12x extends OpenInvoiceContainer {
+    static type: TxVariants;
+    formatProps(props: any): any;
+}
 
 declare class CustomCard extends UIElement<CustomCardConfiguration> {
     static type: TxVariants;
@@ -2836,30 +3426,36 @@ declare class CustomCard extends UIElement<CustomCardConfiguration> {
         countryCode?: string;
         i18n?: Language;
         loadingContext?: string;
+        showContextualElement?: boolean;
+        onBlur?: (event: CbObjOnFocus | ComponentFocusObject) => void;
+        onFocus?: (event: CbObjOnFocus | ComponentFocusObject) => void;
+        order?: Order;
+        id?: string;
+        onChange?: (state: OnChangeData, component: UIElement<UIElementProps>) => void;
+        amount?: PaymentAmount;
+        secondaryAmount?: PaymentAmountExtended;
+        environment?: string;
+        modules?: {
+            srPanel?: SRPanel;
+            analytics?: AnalyticsModule;
+            resources?: Resources;
+            risk?: RiskElement;
+        };
+        session?: Session;
+        clientKey?: string;
+        showPayButton?: boolean;
+        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement<UIElementProps>) => void;
+        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement<UIElementProps>) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
             url: string;
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: any, element: UIElement<UIElementProps>, actions: {
-            resolve: (data: any) => void;
-            reject: () => void;
-        }) => void;
-        onSubmit?: (state: any, element: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: (error?: Pick<CheckoutAdvancedFlowResponse, "error">) => void;
-        }) => void;
-        onAdditionalDetails?: (state: AdditionalDetailsStateData, element: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: () => void;
-        }) => void;
-        onPaymentFailed?: (data?: SessionsResponse | {
-            resultCode: ResultCode;
-        }, element?: UIElement<UIElementProps>) => void;
-        onPaymentCompleted?: (data: SessionsResponse | {
-            resultCode: ResultCode;
-            donationToken?: string;
-        }, element?: UIElement<UIElementProps>) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: BeforeSubmitActions) => void;
+        onSubmit?: (state: SubmitData, component: UIElement<UIElementProps>, actions: SubmitActions) => void;
+        onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
+        onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
         onOrderUpdated?: (data: {
             order: Order;
         }) => void;
@@ -2867,63 +3463,44 @@ declare class CustomCard extends UIElement<CustomCardConfiguration> {
             resolve: (response: PaymentMethodsResponse) => void;
             reject: () => void;
         }) => void;
-        onChange?: (state: any, element: UIElement<UIElementProps>) => void;
-        onActionHandled?: (data: ActionHandledReturnObject) => void;
-        onError?: (error: AdyenCheckoutError, element?: UIElement<UIElementProps>) => void;
-        order?: Order;
-        onComplete?: (state: any, element: UIElement<UIElementProps>) => void;
-        id?: string;
-        modules?: {
-            srPanel?: SRPanel;
-            analytics?: AnalyticsModule;
-            resources?: Resources;
-            risk?: RiskElement;
-        };
-        isDropin?: boolean;
-        amount?: PaymentAmount;
-        secondaryAmount?: PaymentAmountExtended;
-        environment?: string;
-        session?: Session;
-        clientKey?: string;
-        showPayButton?: boolean;
         elementRef?: any;
         createFromAction?: (action: PaymentAction, props: object) => UIElement<UIElementProps>;
-        expiryMonth?: string;
-        showContextualElement?: boolean;
-        placeholders?: Partial<Record<"holderName" | "cardNumber" | "expiryDate" | "expiryMonth" | "expiryYear" | "securityCodeThreeDigits" | "securityCodeFourDigits" | "password", string>>;
-        onLoad?: (event: CbObjOnLoad) => void;
-        onConfigSuccess?: (event: CbObjOnConfigSuccess) => void;
-        onFieldValid?: (event: CbObjOnFieldValid) => void;
-        onBrand?: (event: CbObjOnBrand) => void;
-        onFocus?: (event: CbObjOnFocus | ComponentFocusObject) => void;
-        onBinValue?: (event: CbObjOnBinValue) => void;
-        autoFocus?: boolean;
-        icon?: string;
-        onBlur?: (event: CbObjOnFocus | ComponentFocusObject) => void;
-        lastFour?: string;
-        disclaimerMessage?: DisclaimerMsgObject;
         brandsConfiguration?: CardBrandsConfiguration;
-        brands?: string[];
-        showStoreDetailsCheckbox?: boolean;
-        payButton?: (options: PayButtonFunctionProps) => h.JSX.Element;
-        keypadFix?: boolean;
-        styles?: StylesObject;
-        disableIOSArrowKeys?: boolean;
         isStoredPaymentMethod?: boolean;
-        supportedShopperInteractions?: string[];
+        onComplete?: (state: any, element: UIElement<UIElementProps>) => void;
+        challengeWindowSize?: "02" | "01" | "03" | "04" | "05";
+        isDropin?: boolean;
+        isInstantPayment?: boolean;
+        oneClick?: boolean;
+        storedPaymentMethodId?: string;
+        statusType?: "custom" | "loading" | "redirect";
+        icon?: string;
+        payButton?: (options: PayButtonFunctionProps) => h.JSX.Element;
+        paymentMethodType?: string;
+        autoFocus?: boolean;
+        onLoad?: (event: CbObjOnLoad) => void;
+        placeholders?: Partial<Record<"cardNumber" | "expiryDate" | "holderName" | "expiryMonth" | "expiryYear" | "securityCodeThreeDigits" | "securityCodeFourDigits" | "password", string>>;
+        expiryMonth?: string;
         billingAddressMode?: "none" | "full" | "partial";
+        brands?: string[];
+        disableIOSArrowKeys?: boolean;
+        disclaimerMessage?: DisclaimerMsgObject;
+        doBinLookup?: boolean;
+        exposeExpiryDate?: boolean;
+        forceCompat?: boolean;
+        keypadFix?: boolean;
+        lastFour?: string;
         legacyInputMode?: boolean;
-        minimumExpiryDate?: string[];
-        storedPaymentMethodId?: string;
         maskSecurityCode?: boolean;
-        exposeExpiryDate?: boolean;
-        challengeWindowSize?: "01" | "02" | "03" | "04" | "05";
+        minimumExpiryDate?: string[];
         onBinLookup?: (event: CbObjOnBinLookup) => void;
-        doBinLookup?: boolean;
-        isInstantPayment?: boolean;
-        oneClick?: boolean;
-        statusType?: "redirect" | "custom" | "loading";
-        paymentMethodType?: string;
+        onBinValue?: (event: CbObjOnBinValue) => void;
+        onBrand?: (event: CbObjOnBrand) => void;
+        onConfigSuccess?: (event: CbObjOnConfigSuccess) => void;
+        onFieldValid?: (event: CbObjOnFieldValid) => void;
+        showStoreDetailsCheckbox?: boolean;
+        styles?: StylesObject;
+        supportedShopperInteractions?: string[];
         onValidationError?: (validationErrors: ValidationError[]) => void;
     };
     /**
@@ -2946,22 +3523,8 @@ declare class CustomCard extends UIElement<CustomCardConfiguration> {
     render(): h.JSX.Element;
 }
 
-interface SepaElementData {
-    paymentMethod: {
-        type: string;
-        iban: string;
-        ownerName: string;
-    };
-}
-interface SepaConfiguration extends UIElementProps {
-    showFormInstruction?: boolean;
-}
-
 declare class SepaElement extends UIElement<SepaConfiguration> {
     static type: TxVariants;
-    protected static defaultProps: {
-        showFormInstruction: boolean;
-    };
     constructor(checkout: ICore, props?: SepaConfiguration);
     /**
      * Formats props on construction time
@@ -2978,27 +3541,6 @@ declare class SepaElement extends UIElement<SepaConfiguration> {
     render(): h.JSX.Element;
 }
 
-interface QRLoaderConfiguration extends UIElementProps {
-    /**
-     * Number of miliseconds that the component will wait in between status calls
-     */
-    delay?: number;
-    /**
-     * Number of minutes that the component should keep on loading
-     */
-    countdownTime?: number;
-    type?: string;
-    brandLogo?: string;
-    buttonLabel?: string;
-    qrCodeImage?: string;
-    paymentData?: string;
-    introduction?: string;
-    redirectIntroduction?: string;
-    timeToPay?: string;
-    instructions?: string | (() => h.JSX.Element);
-    copyBtn?: boolean;
-}
-
 declare class QRLoaderContainer<T extends QRLoaderConfiguration = QRLoaderConfiguration> extends UIElement<T> {
     protected static defaultProps: {
         qrCodeImage: string;
@@ -3041,30 +3583,19 @@ declare class WeChatPayElement extends QRLoaderContainer {
             risk?: RiskElement;
         };
         isDropin?: boolean;
+        onChange?: (state: OnChangeData, component: UIElement<UIElementProps>) => void;
+        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement<UIElementProps>) => void;
+        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement<UIElementProps>) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
             url: string;
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: any, element: UIElement<UIElementProps>, actions: {
-            resolve: (data: any) => void;
-            reject: () => void;
-        }) => void;
-        onSubmit?: (state: any, element: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: (error?: Pick<CheckoutAdvancedFlowResponse, "error">) => void;
-        }) => void;
-        onAdditionalDetails?: (state: AdditionalDetailsStateData, element: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: () => void;
-        }) => void;
-        onPaymentFailed?: (data?: SessionsResponse | {
-            resultCode: ResultCode;
-        }, element?: UIElement<UIElementProps>) => void;
-        onPaymentCompleted?: (data: SessionsResponse | {
-            resultCode: ResultCode;
-            donationToken?: string;
-        }, element?: UIElement<UIElementProps>) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: BeforeSubmitActions) => void;
+        onSubmit?: (state: SubmitData, component: UIElement<UIElementProps>, actions: SubmitActions) => void;
+        onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
+        onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
         onOrderUpdated?: (data: {
             order: Order;
         }) => void;
@@ -3072,9 +3603,6 @@ declare class WeChatPayElement extends QRLoaderContainer {
             resolve: (response: PaymentMethodsResponse) => void;
             reject: () => void;
         }) => void;
-        onChange?: (state: any, element: UIElement<UIElementProps>) => void;
-        onActionHandled?: (data: ActionHandledReturnObject) => void;
-        onError?: (error: AdyenCheckoutError, element?: UIElement<UIElementProps>) => void;
         environment?: string;
         session?: Session;
         onComplete?: (state: any, element: UIElement<UIElementProps>) => void;
@@ -3082,7 +3610,7 @@ declare class WeChatPayElement extends QRLoaderContainer {
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
         storedPaymentMethodId?: string;
-        statusType?: "redirect" | "custom" | "loading";
+        statusType?: "custom" | "loading" | "redirect";
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
@@ -3122,30 +3650,19 @@ declare class PayNowElement extends QRLoaderContainer {
             risk?: RiskElement;
         };
         isDropin?: boolean;
+        onChange?: (state: OnChangeData, component: UIElement<UIElementProps>) => void;
+        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement<UIElementProps>) => void;
+        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement<UIElementProps>) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
             url: string;
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: any, element: UIElement<UIElementProps>, actions: {
-            resolve: (data: any) => void;
-            reject: () => void;
-        }) => void;
-        onSubmit?: (state: any, element: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: (error?: Pick<CheckoutAdvancedFlowResponse, "error">) => void;
-        }) => void;
-        onAdditionalDetails?: (state: AdditionalDetailsStateData, element: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: () => void;
-        }) => void;
-        onPaymentFailed?: (data?: SessionsResponse | {
-            resultCode: ResultCode;
-        }, element?: UIElement<UIElementProps>) => void;
-        onPaymentCompleted?: (data: SessionsResponse | {
-            resultCode: ResultCode;
-            donationToken?: string;
-        }, element?: UIElement<UIElementProps>) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: BeforeSubmitActions) => void;
+        onSubmit?: (state: SubmitData, component: UIElement<UIElementProps>, actions: SubmitActions) => void;
+        onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
+        onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
         onOrderUpdated?: (data: {
             order: Order;
         }) => void;
@@ -3153,9 +3670,6 @@ declare class PayNowElement extends QRLoaderContainer {
             resolve: (response: PaymentMethodsResponse) => void;
             reject: () => void;
         }) => void;
-        onChange?: (state: any, element: UIElement<UIElementProps>) => void;
-        onActionHandled?: (data: ActionHandledReturnObject) => void;
-        onError?: (error: AdyenCheckoutError, element?: UIElement<UIElementProps>) => void;
         environment?: string;
         session?: Session;
         onComplete?: (state: any, element: UIElement<UIElementProps>) => void;
@@ -3163,7 +3677,7 @@ declare class PayNowElement extends QRLoaderContainer {
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
         storedPaymentMethodId?: string;
-        statusType?: "redirect" | "custom" | "loading";
+        statusType?: "custom" | "loading" | "redirect";
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
@@ -3204,30 +3718,19 @@ declare class BCMCMobileElement extends QRLoaderContainer {
             risk?: RiskElement;
         };
         isDropin?: boolean;
+        onChange?: (state: OnChangeData, component: UIElement<UIElementProps>) => void;
+        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement<UIElementProps>) => void;
+        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement<UIElementProps>) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
             url: string;
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: any, element: UIElement<UIElementProps>, actions: {
-            resolve: (data: any) => void;
-            reject: () => void;
-        }) => void;
-        onSubmit?: (state: any, element: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: (error?: Pick<CheckoutAdvancedFlowResponse, "error">) => void;
-        }) => void;
-        onAdditionalDetails?: (state: AdditionalDetailsStateData, element: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: () => void;
-        }) => void;
-        onPaymentFailed?: (data?: SessionsResponse | {
-            resultCode: ResultCode;
-        }, element?: UIElement<UIElementProps>) => void;
-        onPaymentCompleted?: (data: SessionsResponse | {
-            resultCode: ResultCode;
-            donationToken?: string;
-        }, element?: UIElement<UIElementProps>) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: BeforeSubmitActions) => void;
+        onSubmit?: (state: SubmitData, component: UIElement<UIElementProps>, actions: SubmitActions) => void;
+        onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
+        onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
         onOrderUpdated?: (data: {
             order: Order;
         }) => void;
@@ -3235,9 +3738,6 @@ declare class BCMCMobileElement extends QRLoaderContainer {
             resolve: (response: PaymentMethodsResponse) => void;
             reject: () => void;
         }) => void;
-        onChange?: (state: any, element: UIElement<UIElementProps>) => void;
-        onActionHandled?: (data: ActionHandledReturnObject) => void;
-        onError?: (error: AdyenCheckoutError, element?: UIElement<UIElementProps>) => void;
         environment?: string;
         session?: Session;
         onComplete?: (state: any, element: UIElement<UIElementProps>) => void;
@@ -3245,7 +3745,7 @@ declare class BCMCMobileElement extends QRLoaderContainer {
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
         storedPaymentMethodId?: string;
-        statusType?: "redirect" | "custom" | "loading";
+        statusType?: "custom" | "loading" | "redirect";
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
@@ -3274,48 +3774,6 @@ declare class MolPayEbankingVNElement extends IssuerListContainer {
     static type: TxVariants;
 }
 
-interface DragonpayInputIssuerItem {
-    id: string;
-    name: string;
-    icon?: string;
-}
-interface DragonpayConfiguraton extends UIElementProps {
-    type?: string;
-    issuers?: DragonpayInputIssuerItem[];
-    /** @deprecated use issuers */
-    details?: any;
-    loadingContext?: string;
-    reference?: string;
-    i18n?: Language;
-}
-interface DragonpayInputData {
-    issuer?: string;
-    shopperEmail?: string;
-}
-interface DragonpayInputProps {
-    data: DragonpayInputData;
-    issuer?: string;
-    items?: DragonpayInputIssuerItem[];
-    type?: string;
-    onChange: (state: any) => void;
-    onSubmit?: (state: any, component: any) => void;
-    showPayButton: boolean;
-    payButton: any;
-    ref?: any;
-}
-interface DragonpayVoucherResultProps {
-    reference?: string;
-    totalAmount?: PaymentAmount;
-    expiresAt?: string;
-    paymentMethodType?: string;
-    instructionsUrl?: string;
-    surcharge?: PaymentAmount;
-    alternativeReference?: string;
-    icon?: string;
-    issuer?: string;
-    ref?: any;
-}
-
 declare class DragonpayElement extends UIElement<DragonpayConfiguraton> {
     static type: TxVariants;
     static txVariants: TxVariants[];
@@ -3345,30 +3803,19 @@ declare class DragonpayElement extends UIElement<DragonpayConfiguraton> {
             risk?: RiskElement;
         };
         isDropin?: boolean;
+        onChange?: (state: OnChangeData, component: UIElement<UIElementProps>) => void;
+        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement<UIElementProps>) => void;
+        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement<UIElementProps>) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
             url: string;
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: any, element: UIElement<UIElementProps>, actions: {
-            resolve: (data: any) => void;
-            reject: () => void;
-        }) => void;
-        onSubmit?: (state: any, element: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: (error?: Pick<CheckoutAdvancedFlowResponse, "error">) => void;
-        }) => void;
-        onAdditionalDetails?: (state: AdditionalDetailsStateData, element: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: () => void;
-        }) => void;
-        onPaymentFailed?: (data?: SessionsResponse | {
-            resultCode: ResultCode;
-        }, element?: UIElement<UIElementProps>) => void;
-        onPaymentCompleted?: (data: SessionsResponse | {
-            resultCode: ResultCode;
-            donationToken?: string;
-        }, element?: UIElement<UIElementProps>) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: BeforeSubmitActions) => void;
+        onSubmit?: (state: SubmitData, component: UIElement<UIElementProps>, actions: SubmitActions) => void;
+        onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
+        onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
         onOrderUpdated?: (data: {
             order: Order;
         }) => void;
@@ -3376,9 +3823,6 @@ declare class DragonpayElement extends UIElement<DragonpayConfiguraton> {
             resolve: (response: PaymentMethodsResponse) => void;
             reject: () => void;
         }) => void;
-        onChange?: (state: any, element: UIElement<UIElementProps>) => void;
-        onActionHandled?: (data: ActionHandledReturnObject) => void;
-        onError?: (error: AdyenCheckoutError, element?: UIElement<UIElementProps>) => void;
         environment?: string;
         session?: Session;
         onComplete?: (state: any, element: UIElement<UIElementProps>) => void;
@@ -3386,7 +3830,7 @@ declare class DragonpayElement extends UIElement<DragonpayConfiguraton> {
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
         storedPaymentMethodId?: string;
-        statusType?: "redirect" | "custom" | "loading";
+        statusType?: "custom" | "loading" | "redirect";
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
@@ -3402,52 +3846,9 @@ declare class DragonpayElement extends UIElement<DragonpayConfiguraton> {
     render(): h.JSX.Element;
 }
 
-interface VoucherDetail {
-    label: string;
-    value: string;
-}
-interface VoucherProps {
-    /** Payment method used to generate the voucher. */
-    paymentMethodType: string;
-    /** Payment method image to be displayed on the voucher. */
-    imageUrl?: string;
-    /** If applicable, it will render an issuer image next to the payment method image. */
-    issuerImageUrl?: string;
-    /** Voucher instructions URL. */
-    instructionsUrl?: string;
-    /** Download URL for the voucher. It will display a button allowing the shopper to download it. */
-    downloadUrl?: string;
-    /** Text that will be displayed on the above Download button. */
-    downloadButtonText?: string;
-    /** Introduction text on the voucher. */
-    introduction?: string;
-    /** Payment reference. */
-    reference?: string;
-    /** URL to a barcode image representing the payment reference. */
-    barcode?: string;
-    /** Total amount displayed on the voucher. */
-    amount?: string;
-    /** Any additional surcharge to the amount. */
-    surcharge?: any;
-    /** List of details that will be rendered on the voucher. */
-    voucherDetails?: VoucherDetail[];
-    /** Additional CSS classes. */
-    className?: string;
-    /** Show/Hide a button to copy the payment reference. It will only show if a reference is available. */
-    copyBtn?: boolean;
-}
-interface VoucherConfiguration extends UIElementProps {
-    reference?: string;
-    url?: string;
-    paymentMethodType?: string;
-}
-
 declare class DokuElement extends UIElement<VoucherConfiguration> {
     static type: TxVariants;
     static txVariants: TxVariants[];
-    protected static defaultProps: {
-        showFormInstruction: boolean;
-    };
     get isValid(): boolean;
     /**
      * Formats the component data output
@@ -3479,22 +3880,6 @@ declare class BoletoElement extends UIElement<VoucherConfiguration> {
     render(): h.JSX.Element;
 }
 
-interface OxxoVoucherResultProps {
-    alternativeReference?: string;
-    reference?: string;
-    expiresAt?: string;
-    merchantReference?: string;
-    totalAmount?: PaymentAmount;
-    paymentMethodType?: string;
-    downloadUrl?: string;
-    ref?: any;
-}
-type OxxoElementData = {
-    paymentMethod: {
-        type: 'oxxo' | string;
-    };
-};
-
 declare class OxxoElement extends UIElement<VoucherConfiguration> {
     static type: TxVariants;
     protected static defaultProps: {
@@ -3595,30 +3980,19 @@ declare class SwishElement extends QRLoaderContainer {
             risk?: RiskElement;
         };
         isDropin?: boolean;
+        onChange?: (state: OnChangeData, component: UIElement<UIElementProps>) => void;
+        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement<UIElementProps>) => void;
+        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement<UIElementProps>) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
             url: string;
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: any, element: UIElement<UIElementProps>, actions: {
-            resolve: (data: any) => void;
-            reject: () => void;
-        }) => void;
-        onSubmit?: (state: any, element: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: (error?: Pick<CheckoutAdvancedFlowResponse, "error">) => void;
-        }) => void;
-        onAdditionalDetails?: (state: AdditionalDetailsStateData, element: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: () => void;
-        }) => void;
-        onPaymentFailed?: (data?: SessionsResponse | {
-            resultCode: ResultCode;
-        }, element?: UIElement<UIElementProps>) => void;
-        onPaymentCompleted?: (data: SessionsResponse | {
-            resultCode: ResultCode;
-            donationToken?: string;
-        }, element?: UIElement<UIElementProps>) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: BeforeSubmitActions) => void;
+        onSubmit?: (state: SubmitData, component: UIElement<UIElementProps>, actions: SubmitActions) => void;
+        onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
+        onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
         onOrderUpdated?: (data: {
             order: Order;
         }) => void;
@@ -3626,9 +4000,6 @@ declare class SwishElement extends QRLoaderContainer {
             resolve: (response: PaymentMethodsResponse) => void;
             reject: () => void;
         }) => void;
-        onChange?: (state: any, element: UIElement<UIElementProps>) => void;
-        onActionHandled?: (data: ActionHandledReturnObject) => void;
-        onError?: (error: AdyenCheckoutError, element?: UIElement<UIElementProps>) => void;
         environment?: string;
         session?: Session;
         onComplete?: (state: any, element: UIElement<UIElementProps>) => void;
@@ -3636,7 +4007,7 @@ declare class SwishElement extends QRLoaderContainer {
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
         storedPaymentMethodId?: string;
-        statusType?: "redirect" | "custom" | "loading";
+        statusType?: "custom" | "loading" | "redirect";
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
@@ -3653,16 +4024,6 @@ declare class SwishElement extends QRLoaderContainer {
     };
 }
 
-interface AchConfiguration extends UIElementProps {
-    storedPaymentMethodId?: string;
-    holderNameRequired?: boolean;
-    hasHolderName?: boolean;
-    enableStoreDetails: boolean;
-    bankAccountNumber: string;
-    showFormInstruction?: boolean;
-    placeholders?: Placeholders$1;
-}
-
 declare class AchElement extends UIElement<AchConfiguration> {
     static type: TxVariants;
     formatProps(props: AchConfiguration): {
@@ -3671,7 +4032,6 @@ declare class AchElement extends UIElement<AchConfiguration> {
         hasHolderName?: boolean;
         enableStoreDetails: boolean;
         bankAccountNumber: string;
-        showFormInstruction?: boolean;
         placeholders?: Partial<Record<"holderName" | "bankAccountNumber" | "bankLocationId", string>>;
         order?: Order;
         modules?: {
@@ -3681,30 +4041,19 @@ declare class AchElement extends UIElement<AchConfiguration> {
             risk?: RiskElement;
         };
         isDropin?: boolean;
+        onChange?: (state: OnChangeData, component: UIElement<UIElementProps>) => void;
+        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement<UIElementProps>) => void;
+        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement<UIElementProps>) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
             url: string;
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: any, element: UIElement<UIElementProps>, actions: {
-            resolve: (data: any) => void;
-            reject: () => void;
-        }) => void;
-        onSubmit?: (state: any, element: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: (error?: Pick<CheckoutAdvancedFlowResponse, "error">) => void;
-        }) => void;
-        onAdditionalDetails?: (state: AdditionalDetailsStateData, element: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: () => void;
-        }) => void;
-        onPaymentFailed?: (data?: SessionsResponse | {
-            resultCode: ResultCode;
-        }, element?: UIElement<UIElementProps>) => void;
-        onPaymentCompleted?: (data: SessionsResponse | {
-            resultCode: ResultCode;
-            donationToken?: string;
-        }, element?: UIElement<UIElementProps>) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: BeforeSubmitActions) => void;
+        onSubmit?: (state: SubmitData, component: UIElement<UIElementProps>, actions: SubmitActions) => void;
+        onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
+        onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
         onOrderUpdated?: (data: {
             order: Order;
         }) => void;
@@ -3712,9 +4061,6 @@ declare class AchElement extends UIElement<AchConfiguration> {
             resolve: (response: PaymentMethodsResponse) => void;
             reject: () => void;
         }) => void;
-        onChange?: (state: any, element: UIElement<UIElementProps>) => void;
-        onActionHandled?: (data: ActionHandledReturnObject) => void;
-        onError?: (error: AdyenCheckoutError, element?: UIElement<UIElementProps>) => void;
         environment?: string;
         session?: Session;
         onComplete?: (state: any, element: UIElement<UIElementProps>) => void; /**
@@ -3723,7 +4069,7 @@ declare class AchElement extends UIElement<AchConfiguration> {
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
-        statusType?: "redirect" | "custom" | "loading";
+        statusType?: "custom" | "loading" | "redirect";
         type?: string;
         name?: string;
         icon?: string;
@@ -3755,41 +4101,6 @@ declare class AchElement extends UIElement<AchConfiguration> {
     render(): h.JSX.Element;
 }
 
-interface StatusObjectProps {
-    payload: string;
-    resultCode: string;
-    type: string;
-}
-interface StatusObject {
-    type: string;
-    props: StatusObjectProps;
-}
-interface AwaitComponentProps {
-    type: string;
-    delay?: number;
-    countdownTime: number;
-    throttleTime: number;
-    showCountdownTimer: boolean;
-    throttleInterval: number;
-    paymentData: string;
-    url?: string;
-    classNameModifiers?: string[];
-    clientKey: string;
-    onError: (error: any) => void;
-    onComplete: (status: any, component: any) => void;
-    brandLogo: string;
-    messageText: string;
-    awaitText: string;
-    ref: any;
-    onActionHandled: (rtnObj: ActionHandledReturnObject) => void;
-}
-interface AwaitConfiguration extends UIElementProps {
-    paymentData?: string;
-    paymentMethoType?: string;
-    type?: string;
-    url?: string;
-}
-
 declare class MBWayElement extends UIElement<AwaitConfiguration> {
     static type: TxVariants;
     formatProps(props: any): any;
@@ -3822,24 +4133,6 @@ declare class BlikElement extends UIElement<AwaitConfiguration> {
     render(): h.JSX.Element;
 }
 
-interface BankTransferConfiguration extends UIElementProps {
-    reference?: string;
-    /**
-     * Show/hide email address field
-     * @default true
-     */
-    showEmailAddress?: boolean;
-}
-interface BankTransferState extends UIElementProps {
-    data: {
-        shopperEmail?: string;
-    };
-    isValid: boolean;
-}
-interface BankTransferSchema {
-    shopperEmail?: string;
-}
-
 declare class BankTransferElement extends UIElement<BankTransferConfiguration> {
     static type: TxVariants;
     static defaultProps: {
@@ -3865,20 +4158,6 @@ declare class Affirm extends OpenInvoiceContainer {
     formatProps(props: any): any;
 }
 
-interface PixConfiguration extends QRLoaderConfiguration {
-    personalDetailsRequired?: boolean;
-}
-interface PixElementData {
-    paymentMethod: {
-        type: 'pix';
-    };
-    shopperName?: {
-        firstName: string;
-        lastName: string;
-    };
-    socialSecurityNumber?: string;
-}
-
 declare class PixElement extends QRLoaderContainer<PixConfiguration> {
     static type: TxVariants;
     static defaultProps: {
@@ -3910,9 +4189,6 @@ interface BacsElementData {
 
 declare class BacsElement extends UIElement<VoucherConfiguration> {
     static type: TxVariants;
-    protected static defaultProps: {
-        showFormInstruction: boolean;
-    };
     formatData(): BacsElementData;
     get isValid(): boolean;
     payButton: (props: any) => h.JSX.Element;
@@ -3925,61 +4201,14 @@ declare class AddressElement extends UIElement {
     get isValid(): boolean;
     render(): h.JSX.Element;
 }
-
-interface PersonalDetailsConfiguration extends UIElementProps {
-    showFormInstruction?: boolean;
-}
-declare class PersonalDetailsElement extends UIElement<PersonalDetailsConfiguration> {
-    static type: TxVariants;
-    protected static defaultProps: {
-        showFormInstruction: boolean;
-    };
-    get data(): any;
-    get isValid(): boolean;
-    render(): h.JSX.Element;
-}
-
-declare global {
-    interface Window {
-        Klarna: any;
-        klarnaAsyncCallback: any;
-    }
-}
-/** sdkData present in Klarna `action`objects. */
-type KlarnaSdkData = {
-    /**
-     * Klarna client_token
-     * @see https://developers.klarna.com/documentation/klarna-payments/single-call-descriptions/create-session/
-     * */
-    client_token: string;
-    /**
-     * `payment_method_category` specifies which of Klarna’s customer offerings (e.g. Pay now, Pay later or Slice it)
-     * that is being shown in the widget
-     * @see https://developers.klarna.com/documentation/klarna-payments/single-call-descriptions/create-session/
-     * */
-    payment_method_category: string;
-};
-interface KlarnaPaymentsShared {
-    sdkData?: KlarnaSdkData;
-    paymentData?: string;
-    paymentMethodType?: string;
-}
-interface KlarnaWidgetProps extends KlarnaPaymentsShared {
-    /** @internal */
-    payButton: (options: any) => any;
-    /** @internal */
-    onLoaded: () => void;
-    onComplete: (detailsData: any) => void;
-    onError: (error: any) => void;
-}
-type KlarnConfiguration = UIElementProps & KlarnaPaymentsShared & {
-    useKlarnaWidget?: boolean;
-};
-interface KlarnaWidgetAuthorizeResponse {
-    approved: boolean;
-    show_form: boolean;
-    authorization_token: string;
-    error?: any;
+
+interface PersonalDetailsConfiguration extends UIElementProps {
+}
+declare class PersonalDetailsElement extends UIElement<PersonalDetailsConfiguration> {
+    static type: TxVariants;
+    get data(): any;
+    get isValid(): boolean;
+    render(): h.JSX.Element;
 }
 
 declare class KlarnaPayments extends UIElement<KlarnConfiguration> {
@@ -4068,24 +4297,6 @@ declare class RatePayDirectDebit extends OpenInvoiceContainer {
     formatProps(props: any): any;
 }
 
-type UpiPaymentData = {
-    paymentMethod: {
-        type: 'upi_qr' | 'upi_collect';
-        virtualPaymentAddress?: string;
-    };
-};
-type UpiMode = 'vpa' | 'qrCode';
-interface UPIConfiguration extends UIElementProps {
-    /**
-     * Define which view is displayed initially when the Component renders
-     * @defaultValue vpa
-     */
-    defaultMode?: UpiMode;
-    paymentData?: string;
-    qrCodeData?: string;
-    brandLogo?: string;
-}
-
 declare class UPI extends UIElement<UPIConfiguration> {
     static type: TxVariants;
     static txVariants: TxVariants[];
@@ -4158,30 +4369,19 @@ declare class PromptPayElement extends QRLoaderContainer {
             risk?: RiskElement;
         };
         isDropin?: boolean;
+        onChange?: (state: OnChangeData, component: UIElement<UIElementProps>) => void;
+        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement<UIElementProps>) => void;
+        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement<UIElementProps>) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
             url: string;
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: any, element: UIElement<UIElementProps>, actions: {
-            resolve: (data: any) => void;
-            reject: () => void;
-        }) => void;
-        onSubmit?: (state: any, element: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: (error?: Pick<CheckoutAdvancedFlowResponse, "error">) => void;
-        }) => void;
-        onAdditionalDetails?: (state: AdditionalDetailsStateData, element: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: () => void;
-        }) => void;
-        onPaymentFailed?: (data?: SessionsResponse | {
-            resultCode: ResultCode;
-        }, element?: UIElement<UIElementProps>) => void;
-        onPaymentCompleted?: (data: SessionsResponse | {
-            resultCode: ResultCode;
-            donationToken?: string;
-        }, element?: UIElement<UIElementProps>) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: BeforeSubmitActions) => void;
+        onSubmit?: (state: SubmitData, component: UIElement<UIElementProps>, actions: SubmitActions) => void;
+        onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
+        onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
         onOrderUpdated?: (data: {
             order: Order;
         }) => void;
@@ -4189,9 +4389,6 @@ declare class PromptPayElement extends QRLoaderContainer {
             resolve: (response: PaymentMethodsResponse) => void;
             reject: () => void;
         }) => void;
-        onChange?: (state: any, element: UIElement<UIElementProps>) => void;
-        onActionHandled?: (data: ActionHandledReturnObject) => void;
-        onError?: (error: AdyenCheckoutError, element?: UIElement<UIElementProps>) => void;
         environment?: string;
         session?: Session;
         onComplete?: (state: any, element: UIElement<UIElementProps>) => void;
@@ -4199,7 +4396,7 @@ declare class PromptPayElement extends QRLoaderContainer {
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
         storedPaymentMethodId?: string;
-        statusType?: "redirect" | "custom" | "loading";
+        statusType?: "custom" | "loading" | "redirect";
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
@@ -4239,30 +4436,19 @@ declare class DuitNowElement extends QRLoaderContainer {
             risk?: RiskElement;
         };
         isDropin?: boolean;
+        onChange?: (state: OnChangeData, component: UIElement<UIElementProps>) => void;
+        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement<UIElementProps>) => void;
+        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement<UIElementProps>) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
             url: string;
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: any, element: UIElement<UIElementProps>, actions: {
-            resolve: (data: any) => void;
-            reject: () => void;
-        }) => void;
-        onSubmit?: (state: any, element: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: (error?: Pick<CheckoutAdvancedFlowResponse, "error">) => void;
-        }) => void;
-        onAdditionalDetails?: (state: AdditionalDetailsStateData, element: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: () => void;
-        }) => void;
-        onPaymentFailed?: (data?: SessionsResponse | {
-            resultCode: ResultCode;
-        }, element?: UIElement<UIElementProps>) => void;
-        onPaymentCompleted?: (data: SessionsResponse | {
-            resultCode: ResultCode;
-            donationToken?: string;
-        }, element?: UIElement<UIElementProps>) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: BeforeSubmitActions) => void;
+        onSubmit?: (state: SubmitData, component: UIElement<UIElementProps>, actions: SubmitActions) => void;
+        onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
+        onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
         onOrderUpdated?: (data: {
             order: Order;
         }) => void;
@@ -4270,9 +4456,6 @@ declare class DuitNowElement extends QRLoaderContainer {
             resolve: (response: PaymentMethodsResponse) => void;
             reject: () => void;
         }) => void;
-        onChange?: (state: any, element: UIElement<UIElementProps>) => void;
-        onActionHandled?: (data: ActionHandledReturnObject) => void;
-        onError?: (error: AdyenCheckoutError, element?: UIElement<UIElementProps>) => void;
         environment?: string;
         session?: Session;
         onComplete?: (state: any, element: UIElement<UIElementProps>) => void;
@@ -4280,7 +4463,7 @@ declare class DuitNowElement extends QRLoaderContainer {
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
         storedPaymentMethodId?: string;
-        statusType?: "redirect" | "custom" | "loading";
+        statusType?: "custom" | "loading" | "redirect";
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
@@ -4303,207 +4486,6 @@ declare class TrustlyElement extends RedirectElement {
     render(): h.JSX.Element;
 }
 
-interface ANCVConfiguration extends UIElementProps {
-    paymentData?: any;
-    data: ANCVDataState;
-    onOrderRequest?: any;
-    onOrderUpdated?: any;
-}
-interface ANCVDataState {
-    beneficiaryId: string;
-}
-
-interface BoletoElementProps {
-    type: string;
-    i18n: Language;
-    loadingContext: string;
-    reference?: string;
-}
-interface BoletoInputDataState {
-    firstName?: string;
-    lastName?: string;
-    shopperEmail?: string;
-    socialSecurityNumber?: string;
-    billingAddress?: AddressData;
-}
-interface BoletoInputValidState {
-    firstName?: boolean;
-    lastName?: boolean;
-    shopperEmail?: boolean;
-    socialSecurityNumber?: boolean;
-    billingAddress?: boolean;
-}
-interface BoletoInputErrorState {
-    firstName?: boolean;
-    lastName?: boolean;
-    shopperEmail?: boolean;
-    socialSecurityNumber?: boolean;
-}
-
-interface DokuVoucherResultProps {
-    reference?: string;
-    totalAmount?: PaymentAmount;
-    expiresAt?: string;
-    paymentMethodType?: string;
-    maskedTelephoneNumber?: string;
-    instructionsUrl?: string;
-    shopperName?: string;
-    merchantName?: string;
-    outputDetails?: any;
-    ref?: any;
-}
-
-interface MultibancoVoucherResultProps {
-    entity?: string;
-    reference?: string;
-    expiresAt?: string;
-    merchantReference?: string;
-    totalAmount?: PaymentAmount;
-    paymentMethodType?: string;
-    downloadUrl?: string;
-    ref?: any;
-}
-
-declare enum Analytics3DS2Errors {
-    ACTION_IS_MISSING_PAYMENT_DATA = "700",// Missing 'paymentData' property from threeDS2 action
-    ACTION_IS_MISSING_TOKEN = "701",// Missing 'token' property from threeDS2 action
-    TOKEN_IS_MISSING_THREEDSMETHODURL = "702",// Decoded token is missing a valid threeDSMethodURL property
-    /**
-     * Decoded token is missing one or more of the following properties:
-     *  fingerprint: (threeDSMethodNotificationURL | postMessageDomain | threeDSServerTransID)
-     *  challenge: (acsTransID | messageVersion | threeDSServerTransID)
-     */
-    TOKEN_IS_MISSING_OTHER_PROPS = "703",
-    TOKEN_DECODE_OR_PARSING_FAILED = "704",// token decoding or parsing has failed. ('not base64', 'malformed URI sequence' or 'Could not JSON parse token')
-    THREEDS2_TIMEOUT = "705",// 3DS2 process has timed out
-    TOKEN_IS_MISSING_ACSURL = "800",// Decoded token is missing a valid acsURL property
-    NO_TRANSSTATUS = "801",// Challenge has resulted in an error (no transStatus could be retrieved by the backend)
-    NO_DETAILS_FOR_FRICTIONLESS_OR_REFUSED = "802",// callSubmit3DS2Fingerprint has received a response indicating either a "frictionless" flow, or a "refused" response, but without a details object
-    NO_COMPONENT_FOR_ACTION = "803",// callSubmit3DS2Fingerprint cannot find a component to handle the action response
-    NO_ACTION_FOR_CHALLENGE = "804"
-}
-
-interface ThreeDS2DeviceFingerprintConfiguration {
-    dataKey?: string;
-    token?: string;
-    notificationURL?: string;
-    onError?: (error: AdyenCheckoutError, element?: UIElement) => void;
-    paymentData?: string;
-    showSpinner: boolean;
-    type?: string;
-    isMDFlow?: boolean;
-    loadingContext?: string;
-    clientKey?: string;
-    elementRef?: UIElement;
-    onActionHandled: (rtnObj: ActionHandledReturnObject) => void;
-    modules?: {
-        analytics: AnalyticsModule;
-    };
-}
-interface ThreeDS2ChallengeConfiguration {
-    token?: string;
-    dataKey?: string;
-    notificationURL?: string;
-    onError?: (error: AdyenCheckoutError, element?: UIElement) => void;
-    paymentData?: string;
-    size?: string;
-    challengeWindowSize?: '01' | '02' | '03' | '04' | '05';
-    type?: string;
-    loadingContext?: string;
-    isMDFlow?: boolean;
-    i18n?: Language;
-    onActionHandled: (rtnObj: ActionHandledReturnObject) => void;
-    modules?: {
-        analytics: AnalyticsModule;
-    };
-}
-/**
- * See
- * https://docs.adyen.com/checkout/3d-secure/api-reference#threeds2result
- * Indicates whether a transaction was authenticated, or whether additional verification is required.
- */
-type ResultValue = 'Y' | 'N' | 'U' | 'A' | 'C' | 'R';
-interface CReqData {
-    acsTransID: string;
-    messageVersion: string;
-    threeDSServerTransID: string;
-    messageType: string;
-    challengeWindowSize: string;
-}
-interface ChallengeData {
-    acsURL: string;
-    cReqData: CReqData;
-    iframeSizeArr: string[];
-    postMessageDomain: string;
-}
-interface ResultObject {
-    threeDSCompInd?: ResultValue;
-    transStatus?: ResultValue;
-    errorCode?: string;
-    errorDescription?: string;
-}
-interface ThreeDS2FlowObject {
-    result: ResultObject;
-    type: 'ChallengeShopper' | 'IdentifyShopper' | 'challengeResult' | 'fingerPrintResult';
-    errorCode?: string;
-    threeDSServerTransID?: string;
-}
-interface PostMsgParseErrorObject {
-    type?: string;
-    comment?: string;
-    extraInfo?: string;
-    eventDataRaw?: string;
-}
-interface ThreeDS2Token {
-    acsTransID?: string;
-    acsURL?: string;
-    messageVersion?: string;
-    threeDSNotificationURL?: string;
-    threeDSServerTransID?: string;
-    threeDSMethodNotificationURL?: string;
-    threeDSMethodUrl?: string;
-}
-interface FingerPrintData {
-    threeDSServerTransID: string;
-    threeDSMethodURL: string;
-    threeDSMethodNotificationURL: string;
-    postMessageDomain: string;
-}
-type ThreeDS2FingerprintResponse = {
-    type: 'action' | 'completed';
-    action?: CheckoutRedirectAction | CheckoutThreeDS2Action;
-    details?: Record<string, string>;
-};
-type CheckoutRedirectAction = {
-    type: 'redirect';
-    data: Record<string, string>;
-    method: string;
-    paymentData: string;
-};
-type CheckoutThreeDS2Action = {
-    type: 'threeDS2';
-    token: string;
-    subtype: string;
-    authorisationToken: string;
-};
-interface FingerprintResolveData {
-    data: {
-        [key: string]: string;
-        paymentData: string;
-    };
-}
-interface ChallengeResolveData {
-    data: {
-        details: {
-            [key: string]: string;
-        };
-    };
-}
-interface ErrorCodeObject {
-    errorCode: string | Analytics3DS2Errors;
-    message: string;
-}
-
 declare class Riverty extends OpenInvoiceContainer {
     static readonly type = TxVariants.riverty;
     protected static defaultProps: {
@@ -4526,7 +4508,6 @@ declare class Riverty extends OpenInvoiceContainer {
         deliveryAddressRequiredFields?: string[];
         deliveryAddressSpecification: AddressSpecifications;
         setComponentRef?: (ref: any) => void;
-        showFormInstruction?: boolean;
         order?: Order;
         modules?: {
             srPanel?: SRPanel;
@@ -4535,30 +4516,18 @@ declare class Riverty extends OpenInvoiceContainer {
             risk?: RiskElement;
         };
         isDropin?: boolean;
+        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement<UIElementProps>) => void;
+        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement<UIElementProps>) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
             url: string;
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: any, element: UIElement<UIElementProps>, actions: {
-            resolve: (data: any) => void;
-            reject: () => void;
-        }) => void;
-        onSubmit?: (state: any, element: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: (error?: Pick<CheckoutAdvancedFlowResponse, "error">) => void;
-        }) => void;
-        onAdditionalDetails?: (state: AdditionalDetailsStateData, element: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: () => void;
-        }) => void;
-        onPaymentFailed?: (data?: SessionsResponse | {
-            resultCode: ResultCode;
-        }, element?: UIElement<UIElementProps>) => void;
-        onPaymentCompleted?: (data: SessionsResponse | {
-            resultCode: ResultCode;
-            donationToken?: string;
-        }, element?: UIElement<UIElementProps>) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: BeforeSubmitActions) => void;
+        onSubmit?: (state: SubmitData, component: UIElement<UIElementProps>, actions: SubmitActions) => void;
+        onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
+        onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
         onOrderUpdated?: (data: {
             order: Order;
         }) => void;
@@ -4566,8 +4535,6 @@ declare class Riverty extends OpenInvoiceContainer {
             resolve: (response: PaymentMethodsResponse) => void;
             reject: () => void;
         }) => void;
-        onActionHandled?: (data: ActionHandledReturnObject) => void;
-        onError?: (error: AdyenCheckoutError, element?: UIElement<UIElementProps>) => void;
         environment?: string;
         session?: Session;
         onComplete?: (state: any, element: UIElement<UIElementProps>) => void;
@@ -4575,7 +4542,7 @@ declare class Riverty extends OpenInvoiceContainer {
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
         storedPaymentMethodId?: string;
-        statusType?: "redirect" | "custom" | "loading";
+        statusType?: "custom" | "loading" | "redirect";
         type?: string;
         name?: string;
         icon?: string;
@@ -4670,7 +4637,6 @@ declare const ComponentsMap: {
     billdesk_wallet: typeof BillDeskWalletElement;
     dotpay: typeof DotpayElement;
     eps: typeof EPSElement;
-    ideal: typeof IdealElement;
     molpay_ebanking_fpx_MY: typeof MolPayEBankingMYElement;
     molpay_ebanking_TH: typeof MolPayEBankingTHElement;
     molpay_ebanking_VN: typeof MolPayEbankingVNElement;
@@ -4722,6 +4688,7 @@ declare const ComponentsMap: {
     /** Await */
     blik: typeof BlikElement;
     mbway: typeof MBWayElement;
+    ancv: typeof ANCVElement;
     upi: typeof UPI;
     upi_qr: typeof UPI;
     upi_collect: typeof UPI;
@@ -4787,11 +4754,36 @@ interface DropinConfiguration extends UIElementProps {
      * @defaultValue []
      */
     instantPaymentTypes?: InstantPaymentTypes[];
+    /**
+     * Pre-select a specific payment method when Drop-in is rendered
+     *
+     * @default undefined
+     */
+    openPaymentMethod?: {
+        type: string;
+    };
+    /**
+     * Pre-select the first stored payment method.
+     * It has priority over 'openFirstPaymentMethod' property
+     *
+     * @default true
+     */
     openFirstStoredPaymentMethod?: boolean;
+    /**
+     * Pre-select the first non-stored payment method.
+     * 'openFirstStoredPaymentMethod' has priority over this property
+     *
+     * @default true
+     */
     openFirstPaymentMethod?: boolean;
-    onSubmit?: (data: any, component: any) => void;
-    onReady?: () => void;
-    onSelect?: (paymentMethod: UIElement) => void;
+    /**
+     * Callback triggered once the Drop-in is ready to be used
+     */
+    onReady?(): void;
+    /**
+     * Callback triggered once the shopper selects a different payment method in the Drop-in
+     */
+    onSelect?(paymentMethod: UIElement): void;
     /**
      * Show/Hide the remove payment method button on stored payment methods
      * Requires {@link DropinConfiguration.onDisableStoredPaymentMethod}
@@ -4825,8 +4817,7 @@ type onOrderCancelType = (data: onOrderCancelData, actions: {
 }) => void;
 interface DropinComponentProps extends DropinConfiguration {
     core: ICore;
-    onCreateElements: any;
-    onChange: (newState?: object) => void;
+    onCreateElements(): any;
     onOrderCancel?: onOrderCancelType;
 }
 interface DropinStatus {
@@ -4863,22 +4854,84 @@ interface ICore {
     register(...items: NewableComponent[]): void;
     update(options: CoreConfiguration): Promise<ICore>;
     remove(component: any): ICore;
-    submitDetails(details: any): void;
+    submitDetails(details: AdditionalDetailsData['data']): void;
     getCorePropsForComponent(): any;
     getComponent(txVariant: string): NewableComponent | undefined;
-    createFromAction(action: PaymentAction, options: any): any;
+    createFromAction(action: PaymentAction, options: any): UIElement;
     storeElementReference(element: UIElement): void;
     options: CoreConfiguration;
     paymentMethodsResponse: PaymentMethods$1;
     session?: Session;
 }
-type AdyenEnvironment = 'test' | 'live' | 'live-us' | 'live-au' | 'live-apse' | 'live-in' | string;
+type PaymentCompletedData = SessionsResponse | {
+    resultCode: ResultCode;
+    donationToken?: string;
+};
+type PaymentFailedData = SessionsResponse | {
+    resultCode: ResultCode;
+};
+type SubmitData = {
+    data: PaymentData;
+    isValid: boolean;
+};
+type SubmitActions = {
+    resolve: (response: CheckoutAdvancedFlowResponse) => void;
+    reject: (error?: Pick<CheckoutAdvancedFlowResponse, 'error'>) => void;
+};
+type AdditionalDetailsData = {
+    data: {
+        details: {
+            redirectResult?: string;
+            threeDSResult?: string;
+            [key: string]: any;
+        };
+        paymentData?: string;
+        sessionData?: string;
+    };
+};
+type AdditionalDetailsActions = {
+    resolve: (response: CheckoutAdvancedFlowResponse) => void;
+    reject: () => void;
+};
+type BeforeSubmitActions = {
+    resolve: (data: PaymentData & {
+        billingAddress?: AddressData;
+        deliveryAddress?: AddressData;
+        shopperEmail?: string;
+        shopperName?: string;
+    }) => void;
+    reject: () => void;
+};
+type OnChangeData = {
+    data: PaymentData;
+    isValid: boolean;
+    valid?: {
+        [fieldKey: string]: boolean;
+    };
+    errors?: {
+        [fieldKey: string]: {
+            isValid: boolean;
+            errorMessage: string;
+            errorI18n: string;
+            error: string;
+            rootNode: HTMLElement;
+        };
+    };
+};
 interface CoreConfiguration {
-    session?: any;
     /**
-     * Use test. When you're ready to accept live payments, change the value to one of our {@link https://docs.adyen.com/checkout/drop-in-web#testing-your-integration | live environments}.
+     * The payment session object from your call to /sessions.
+     */
+    session?: {
+        id: string;
+        sessionData?: string;
+        shopperEmail?: string;
+        telephoneNumber?: string;
+    };
+    /**
+     * Use 'test'. When you're ready to accept live payments, change the value to one of our {@link https://docs.adyen.com/checkout/drop-in-web#testing-your-integration | live environments}.
      */
-    environment?: AdyenEnvironment;
+    environment?: 'test' | 'live' | 'live-us' | 'live-au' | 'live-apse' | 'live-in' | string;
     /**
      * Show or hides a Pay Button for each payment method
      * @default true
@@ -4937,27 +4990,39 @@ interface CoreConfiguration {
      * @default true
      */
     exposeLibraryMetadata?: boolean;
+    /**
+     * Called before the page redirect happens.
+     * Allows you to perform any sort of action before redirecting the shopper to another page.
+     *
+     * @param resolve
+     * @param reject
+     * @param redirectData
+     */
     beforeRedirect?(resolve: () => void, reject: () => void, redirectData: {
         url: string;
         method: string;
         data?: any;
     }): void;
-    beforeSubmit?(state: any, element: UIElement, actions: {
-        resolve: (data: any) => void;
-        reject: () => void;
-    }): void;
+    /**
+     * Called when the shopper selects the Pay button (it only works on Sessions flow)
+     *
+     * Allows you to add details which will be sent in the payment request to Adyen's servers.
+     * For example, you can add shopper details like 'billingAddress', 'deliveryAddress', 'shopperEmail' or 'shopperName'
+     *
+     * @param state
+     * @param component
+     * @param actions
+     */
+    beforeSubmit?(state: PaymentData, component: UIElement, actions: BeforeSubmitActions): void;
     /**
      * Called when the payment succeeds.
      *
      * The first parameter is the sessions response (when using sessions flow), or the result code.
      *
      * @param data
-     * @param element
+     * @param component
      */
-    onPaymentCompleted?(data: SessionsResponse | {
-        resultCode: ResultCode;
-        donationToken?: string;
-    }, element?: UIElement): void;
+    onPaymentCompleted?(data: PaymentCompletedData, component?: UIElement): void;
     /**
      * Called when the payment fails.
      *
@@ -4965,31 +5030,58 @@ interface CoreConfiguration {
      * with an object. (Ex: 'action.reject(obj)' ). Otherwise, it will be empty.
      *
      * @param data - session response or resultCode. It can also be undefined if payment was rejected without argument ('action.reject()')
-     * @param element
+     * @param component
      */
-    onPaymentFailed?(data?: SessionsResponse | {
-        resultCode: ResultCode;
-    }, element?: UIElement): void;
-    onSubmit?(state: any, element: UIElement, actions: {
-        resolve: (response: CheckoutAdvancedFlowResponse) => void;
-        reject: (error?: Pick<CheckoutAdvancedFlowResponse, 'error'>) => void;
-    }): void;
+    onPaymentFailed?(data?: PaymentFailedData, component?: UIElement): void;
+    /**
+     * Callback used in the Advanced flow to perform the /payments API call
+     *
+     * The payment response must be passed to the 'resolve' function, even if the payment wasn't authorized (Ex: resultCode = Refused).
+     * The 'reject' should be used only if a critical error occurred.
+     *
+     * @param state
+     * @param component
+     * @param actions
+     */
+    onSubmit?(state: SubmitData, component: UIElement, actions: SubmitActions): void;
     /**
      * Callback used in the Advanced flow to perform the /payments/details API call.
      *
+     * The payment response must be passed to the 'resolve' function, even if the payment wasn't authorized (Ex: resultCode = Refused).
+     * The 'reject' should be used only if a critical error occurred.
+     *
      * @param state
-     * @param element - Component submitting details. It is undefined when using checkout.submitDetails()
+     * @param component - Component submitting details. It is undefined when using checkout.submitDetails()
      * @param actions
      */
-    onAdditionalDetails?(state: AdditionalDetailsStateData, element: UIElement, actions: {
-        resolve: (response: CheckoutAdvancedFlowResponse) => void;
-        reject: () => void;
-    }): void;
-    onActionHandled?(data: ActionHandledReturnObject): void;
-    onChange?(state: any, element: UIElement): void;
-    onError?(error: AdyenCheckoutError, element?: UIElement): void;
+    onAdditionalDetails?(state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions): void;
+    /**
+     * Callback called when an action (for example a QR code or 3D Secure 2 authentication screen) is shown to the shopper.
+     *
+     * @param actionHandled
+     */
+    onActionHandled?(actionHandled: ActionHandledReturnObject): void;
+    onChange?(state: OnChangeData, component: UIElement): void;
+    /**
+     * Callback called in two different scenarios:
+     * - when a critical error happened (network error; implementation error; script failed to load)
+     * - when the shopper cancels the payment flow in payment methods that have an overlay (GooglePay, PayPal, ApplePay)
+     *
+     * @param error
+     * @param component
+     */
+    onError?(error: AdyenCheckoutError, component?: UIElement): void;
     onBalanceCheck?: onBalanceCheckCallbackType;
     onOrderRequest?: onOrderRequestCallbackType;
+    /**
+     * Callback called when it is required to fetch/update the payment methods list.
+     * It is currently used mainly on Giftcard flow (Partial orders), since the payment method list might change depending on the amount left to be paid
+     *
+     * The /paymentMethods response must be passed to the 'resolve' function
+     *
+     * @param data
+     * @param actions
+     */
     onPaymentMethodsRequest?(data: PaymentMethodsRequestData, actions: {
         resolve: (response: PaymentMethodsResponse) => void;
         reject: () => void;
@@ -5022,13 +5114,13 @@ interface CoreConfiguration {
     };
 }
 
-declare class BaseElement<P extends BaseElementProps> implements IBaseElement {
+declare abstract class BaseElement<P extends BaseElementProps> implements IBaseElement {
     readonly _id: string;
+    readonly core: ICore;
     props: P;
     state: any;
     _component: any;
     protected _node: HTMLElement;
-    protected readonly core: ICore;
     protected static defaultProps: {};
     constructor(checkout: ICore, props?: P);
     protected buildElementProps(componentProps?: P): void;
@@ -5040,9 +5132,6 @@ declare class BaseElement<P extends BaseElementProps> implements IBaseElement {
     /**
      * Executed on the `data` getter.
      * Returns the component data necessary for the /payments request
-     *
-     * TODO: Replace 'any' by type PaymentMethodData<T> - this change requires updating all payment methods,
-     *       properly adding the type of the formatData function
      */
     protected formatData(): any;
     protected setUpAnalytics(setUpAnalyticsObj: AnalyticsInitialEvent): any;
@@ -5078,7 +5167,7 @@ declare class BaseElement<P extends BaseElementProps> implements IBaseElement {
     remove(): void;
 }
 
-declare abstract class UIElement<P extends UIElementProps = UIElementProps> extends BaseElement<P> implements IUIElement {
+declare abstract class UIElement<P extends UIElementProps = UIElementProps> extends BaseElement<P> {
     protected componentRef: any;
     protected resources: Resources;
     elementRef: UIElement;
@@ -5095,7 +5184,7 @@ declare abstract class UIElement<P extends UIElementProps = UIElementProps> exte
     showValidation(): this;
     setElementStatus(status: UIElementStatus, props?: any): this;
     setStatus(status: UIElementStatus, props?: any): this;
-    protected onChange(): object;
+    protected onChange(): void;
     protected setUpAnalytics(setUpAnalyticsObj: AnalyticsInitialEvent): Promise<any>;
     /**
      * A function for all UIElements, or BaseElement, to use to create an analytics action for when it's been:
@@ -5112,10 +5201,10 @@ declare abstract class UIElement<P extends UIElementProps = UIElementProps> exte
     private submitUsingSessionsFlow;
     protected onComplete(state: any): void;
     protected handleError: (error: AdyenCheckoutError) => void;
-    protected handleAdditionalDetails(state: AdditionalDetailsStateData): void;
+    protected handleAdditionalDetails(state: AdditionalDetailsData): void;
     private makeAdditionalDetailsCall;
     private submitAdditionalDetailsUsingSessionsFlow;
-    handleAction(action: PaymentAction, props?: {}): UIElement<P> | null;
+    handleAction(action: PaymentAction, props?: {}): UIElement | null;
     protected handleOrder: (response: PaymentResponseData) => void;
     /**
      * Handles when the payment fails. The payment fails when:
@@ -5179,102 +5268,14 @@ declare abstract class UIElement<P extends UIElementProps = UIElementProps> exte
     protected handleAdvanceFlowPaymentMethodsUpdate(order: Order | null, amount?: PaymentAmount): Promise<ICore>;
 }
 
-type PayButtonFunctionProps = Omit<PayButtonProps, 'amount'>;
-type CoreCallbacks = Pick<CoreConfiguration, 'beforeRedirect' | 'beforeSubmit' | 'onSubmit' | 'onAdditionalDetails' | 'onPaymentFailed' | 'onPaymentCompleted' | 'onOrderUpdated' | 'onPaymentMethodsRequest' | 'onChange' | 'onActionHandled' | 'onError'>;
-type UIElementProps = BaseElementProps & CoreCallbacks & {
-    environment?: string;
-    session?: Session;
-    onComplete?: (state: any, element: UIElement) => void;
-    isInstantPayment?: boolean;
-    /**
-     * Flags if the element is Stored payment method
-     * @internal
-     */
-    isStoredPaymentMethod?: boolean;
-    /**
-     * Flag if the element is Stored payment method.
-     * Perhaps can be deprecated and we use the one above?
-     * @internal
-     */
-    oneClick?: boolean;
-    /**
-     * Stored payment method id
-     * @internal
-     */
-    storedPaymentMethodId?: string;
-    /**
-     * Status set when creating the Component from action
-     * @internal
-     */
-    statusType?: 'redirect' | 'loading' | 'custom';
-    type?: string;
-    name?: string;
-    icon?: string;
-    amount?: PaymentAmount;
-    secondaryAmount?: PaymentAmountExtended;
-    /**
-     * Show/Hide pay button
-     * @defaultValue true
-     */
-    showPayButton?: boolean;
-    /** @internal */
-    payButton?: (options: PayButtonFunctionProps) => h.JSX.Element;
-    /** @internal */
-    loadingContext?: string;
-    /** @internal */
-    createFromAction?: (action: PaymentAction, props: object) => UIElement;
-    /** @internal */
-    clientKey?: string;
-    /** @internal */
-    elementRef?: any;
-    /** @internal */
-    i18n?: Language;
-    /**
-     * The shopper’s issuer account label. It can be available for stored payment method
-     * @internal
-     */
-    label?: string;
-    /**
-     * Returned after the payments call, when an action is returned. It represents the payment method tx variant
-     * that was used for the payment
-     * @internal
-     */
-    paymentMethodType?: string;
-};
-interface IUIElement extends IBaseElement {
-    isValid: boolean;
-    displayName: string;
-    accessibleName: string;
-    type: string;
-    icon: string;
-    elementRef: IUIElement;
-    submit(): void;
-    setComponentRef(ref: any): void;
-    updateParent(options?: CoreConfiguration): Promise<ICore>;
-    setElementStatus(status: UIElementStatus, props: any): UIElement;
-    setStatus(status: UIElementStatus, props?: {
-        message?: string;
-        [key: string]: any;
-    }): UIElement;
-    handleAction(action: PaymentAction): UIElement | null;
-    showValidation(): void;
-    setState(newState: object): void;
-    isAvailable(): Promise<void>;
-}
-type UIElementStatus = 'ready' | 'loading' | 'error' | 'success';
-interface ComponentMethodsRef {
-    showValidation?: () => void;
-    setStatus?(status: UIElementStatus): void;
-}
-
 declare const actionTypes: {
-    readonly redirect: (core: ICore, registry: any, action: PaymentAction, props: any) => IUIElement;
-    readonly threeDS2: (core: ICore, registry: any, action: PaymentAction, props: any) => IUIElement;
-    readonly voucher: (core: ICore, registry: IRegistry, action: PaymentAction, props: any) => IUIElement;
-    readonly qrCode: (core: ICore, registry: IRegistry, action: PaymentAction, props: any) => IUIElement;
-    readonly await: (core: ICore, registry: IRegistry, action: PaymentAction, props: any) => IUIElement;
-    readonly bankTransfer: (core: ICore, registry: IRegistry, action: PaymentAction, props: any) => IUIElement;
-    readonly sdk: (core: ICore, registry: IRegistry, action: PaymentAction, props: any) => IUIElement;
+    readonly redirect: (core: ICore, registry: any, action: PaymentAction, props: any) => UIElement<UIElementProps>;
+    readonly threeDS2: (core: ICore, registry: any, action: PaymentAction, props: any) => UIElement<UIElementProps>;
+    readonly voucher: (core: ICore, registry: IRegistry, action: PaymentAction, props: any) => UIElement<UIElementProps>;
+    readonly qrCode: (core: ICore, registry: IRegistry, action: PaymentAction, props: any) => UIElement<UIElementProps>;
+    readonly await: (core: ICore, registry: IRegistry, action: PaymentAction, props: any) => UIElement<UIElementProps>;
+    readonly bankTransfer: (core: ICore, registry: IRegistry, action: PaymentAction, props: any) => UIElement<UIElementProps>;
+    readonly sdk: (core: ICore, registry: IRegistry, action: PaymentAction, props: any) => UIElement<UIElementProps>;
 };
 
 interface CAActions {
@@ -5517,16 +5518,7 @@ interface PaymentMethodData {
         [key: string]: any;
         checkoutAttemptId?: string;
     };
-    browserInfo?: {
-        acceptHeader: string;
-        colorDepth: number;
-        javaEnabled: boolean;
-        language: string;
-        screenHeight: number;
-        screenWidth: number;
-        timeZoneOffset: number;
-        userAgent: string;
-    };
+    browserInfo?: BrowserInfo;
 }
 /**
  * Represents the payment data that will be submitted to the /payments endpoint
@@ -5576,22 +5568,11 @@ interface PaymentResponseData {
 type RawPaymentResponse = PaymentResponseData & CheckoutAdvancedFlowResponse & {
     [key: string]: any;
 };
-type ActionDescriptionType = 'qr-code-loaded' | 'polling-started' | 'fingerprint-iframe-loaded' | string;
+type ActionDescriptionType = 'qr-code-loaded' | 'polling-started' | '3DS2 fingerprint iframe loaded' | '3DS2 challenge iframe loaded';
 interface ActionHandledReturnObject {
     componentType: string;
     actionDescription: ActionDescriptionType;
 }
-type AdditionalDetailsStateData = {
-    data: {
-        details: {
-            redirectResult?: string;
-            threeDSResult?: string;
-            [key: string]: any;
-        };
-        paymentData?: string;
-        sessionData?: string;
-    };
-};
 interface AnalyticsModule {
     setUp: (a: AnalyticsInitialEvent) => Promise<any>;
     getCheckoutAttemptId: () => string;
@@ -5694,7 +5675,7 @@ declare class Session {
     /**
      * Submits session payment additional details
      */
-    submitDetails(data: AdditionalDetailsStateData['data']): Promise<CheckoutSessionDetailsResponse>;
+    submitDetails(data: AdditionalDetailsData['data']): Promise<CheckoutSessionDetailsResponse>;
     /**
      * Checks the balance for a payment method
      */
@@ -5731,7 +5712,6 @@ declare class CardElement extends UIElement<CardConfiguration> {
     constructor(checkout: ICore, props?: CardConfiguration);
     protected static defaultProps: {
         onBinLookup: () => void;
-        showFormInstruction: boolean;
         _disableClickToPay: boolean;
     };
     setStatus(status: UIElementStatus, props?: any): this;
@@ -5773,55 +5753,56 @@ declare class CardElement extends UIElement<CardConfiguration> {
          */
         clickToPayConfiguration: {
             disableOtpAutoFocus: boolean;
-            shopperEmail: any;
-            telephoneNumber: any;
+            shopperEmail: string;
+            telephoneNumber: string;
             locale: string;
             merchantDisplayName?: string;
             onReady?(): void;
             onTimeout?(error: TimeoutError): void;
         };
-        _disableClickToPay?: boolean;
-        fundingSource?: "debit" | "credit";
-        type?: string;
+        autoFocus?: boolean;
+        billingAddressAllowedCountries?: string[];
+        billingAddressMode?: "none" | "full" | "partial";
+        billingAddressRequiredFields?: string[];
         brands?: string[];
-        positionHolderNameOnTop?: boolean;
-        showBrandIcon?: boolean;
-        showFormInstruction?: boolean;
-        showContextualElement?: boolean;
-        hideCVC?: boolean;
-        hasHolderName?: boolean;
-        placeholders?: Partial<Record<"holderName" | "cardNumber" | "expiryDate" | "expiryMonth" | "expiryYear" | "securityCodeThreeDigits" | "securityCodeFourDigits" | "password", string>>;
-        challengeWindowSize?: "01" | "02" | "03" | "04" | "05";
+        challengeWindowSize?: "02" | "01" | "03" | "04" | "05";
         data?: {
             holderName?: string;
             billingAddress?: Partial<AddressData>;
         };
-        onLoad?: (event: CbObjOnLoad) => void;
+        _disableClickToPay?: boolean;
+        disableIOSArrowKeys?: boolean;
+        disclaimerMessage?: DisclaimerMsgObject;
+        doBinLookup?: boolean;
+        expiryMonth?: string;
+        exposeExpiryDate?: boolean;
+        forceCompat?: boolean;
+        fundingSource?: "debit" | "credit";
+        hasHolderName?: boolean;
+        hideCVC?: boolean;
+        id?: string;
+        keypadFix?: boolean;
+        lastFour?: string;
+        legacyInputMode?: boolean;
+        maskSecurityCode?: boolean;
+        minimumExpiryDate?: string[];
+        name?: string;
+        onBinLookup?: (event: CbObjOnBinLookup) => void;
+        onBinValue?: (event: CbObjOnBinValue) => void;
+        onBlur?: (event: CbObjOnFocus | ComponentFocusObject) => void;
+        onBrand?: (event: CbObjOnBrand) => void;
         onConfigSuccess?: (event: CbObjOnConfigSuccess) => void;
         onFieldValid?: (event: CbObjOnFieldValid) => void;
-        onBrand?: (event: CbObjOnBrand) => void;
         onFocus?: (event: CbObjOnFocus | ComponentFocusObject) => void;
-        onBlur?: (event: CbObjOnFocus | ComponentFocusObject) => void;
-        onBinValue?: (event: CbObjOnBinValue) => void;
-        onBinLookup?: (event: CbObjOnBinLookup) => void;
-        lastFour?: string;
-        billingAddressMode?: "none" | "full" | "partial";
-        billingAddressRequiredFields?: string[];
-        billingAddressAllowedCountries?: string[];
-        id?: string;
+        onLoad?: (event: CbObjOnLoad) => void;
+        placeholders?: Partial<Record<"cardNumber" | "expiryDate" | "holderName" | "expiryMonth" | "expiryYear" | "securityCodeThreeDigits" | "securityCodeFourDigits" | "password", string>>;
+        positionHolderNameOnTop?: boolean;
+        showBrandIcon?: boolean;
+        showContextualElement?: boolean;
         showInstallmentAmounts?: boolean;
-        legacyInputMode?: boolean;
-        minimumExpiryDate?: string[];
-        autoFocus?: boolean;
-        maskSecurityCode?: boolean;
-        doBinLookup?: boolean;
-        disableIOSArrowKeys?: boolean;
-        disclaimerMessage?: DisclaimerMsgObject;
         styles?: StylesObject;
         supportedShopperInteractions?: string[];
-        keypadFix?: boolean;
-        expiryMonth?: string;
-        exposeExpiryDate?: boolean;
+        type?: string;
         order?: Order;
         modules?: {
             srPanel?: SRPanel;
@@ -5830,30 +5811,19 @@ declare class CardElement extends UIElement<CardConfiguration> {
             risk?: RiskElement;
         };
         isDropin?: boolean;
+        onChange?: (state: OnChangeData, component: UIElement<UIElementProps>) => void;
+        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement<UIElementProps>) => void;
+        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement<UIElementProps>) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
             url: string;
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: any, element: UIElement<UIElementProps>, actions: {
-            resolve: (data: any) => void;
-            reject: () => void;
-        }) => void;
-        onSubmit?: (state: any, element: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: (error?: Pick<CheckoutAdvancedFlowResponse, "error">) => void;
-        }) => void;
-        onAdditionalDetails?: (state: AdditionalDetailsStateData, element: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: () => void;
-        }) => void;
-        onPaymentFailed?: (data?: SessionsResponse | {
-            resultCode: ResultCode;
-        }, element?: UIElement<UIElementProps>) => void;
-        onPaymentCompleted?: (data: SessionsResponse | {
-            resultCode: ResultCode;
-            donationToken?: string;
-        }, element?: UIElement<UIElementProps>) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: BeforeSubmitActions) => void;
+        onSubmit?: (state: SubmitData, component: UIElement<UIElementProps>, actions: SubmitActions) => void;
+        onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
+        onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
         onOrderUpdated?: (data: {
             order: Order;
         }) => void;
@@ -5861,17 +5831,13 @@ declare class CardElement extends UIElement<CardConfiguration> {
             resolve: (response: PaymentMethodsResponse) => void;
             reject: () => void;
         }) => void;
-        onChange?: (state: any, element: UIElement<UIElementProps>) => void;
-        onActionHandled?: (data: ActionHandledReturnObject) => void;
-        onError?: (error: AdyenCheckoutError, element?: UIElement<UIElementProps>) => void;
         environment?: string;
         session?: Session;
         onComplete?: (state: any, element: UIElement<UIElementProps>) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
-        statusType?: "redirect" | "custom" | "loading";
-        name?: string;
+        statusType?: "custom" | "loading" | "redirect";
         amount?: PaymentAmount;
         secondaryAmount?: PaymentAmountExtended;
         showPayButton?: boolean;
@@ -5973,30 +5939,19 @@ declare class PayMeElement extends QRLoaderContainer {
             risk?: RiskElement;
         };
         isDropin?: boolean;
+        onChange?: (state: OnChangeData, component: UIElement<UIElementProps>) => void;
+        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement<UIElementProps>) => void;
+        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement<UIElementProps>) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
             url: string;
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: any, element: UIElement<UIElementProps>, actions: {
-            resolve: (data: any) => void;
-            reject: () => void;
-        }) => void;
-        onSubmit?: (state: any, element: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: (error?: Pick<CheckoutAdvancedFlowResponse, "error">) => void;
-        }) => void;
-        onAdditionalDetails?: (state: AdditionalDetailsStateData, element: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: () => void;
-        }) => void;
-        onPaymentFailed?: (data?: SessionsResponse | {
-            resultCode: ResultCode;
-        }, element?: UIElement<UIElementProps>) => void;
-        onPaymentCompleted?: (data: SessionsResponse | {
-            resultCode: ResultCode;
-            donationToken?: string;
-        }, element?: UIElement<UIElementProps>) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: BeforeSubmitActions) => void;
+        onSubmit?: (state: SubmitData, component: UIElement<UIElementProps>, actions: SubmitActions) => void;
+        onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
+        onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
         onOrderUpdated?: (data: {
             order: Order;
         }) => void;
@@ -6004,9 +5959,6 @@ declare class PayMeElement extends QRLoaderContainer {
             resolve: (response: PaymentMethodsResponse) => void;
             reject: () => void;
         }) => void;
-        onChange?: (state: any, element: UIElement<UIElementProps>) => void;
-        onActionHandled?: (data: ActionHandledReturnObject) => void;
-        onError?: (error: AdyenCheckoutError, element?: UIElement<UIElementProps>) => void;
         environment?: string;
         session?: Session;
         onComplete?: (state: any, element: UIElement<UIElementProps>) => void;
@@ -6014,7 +5966,7 @@ declare class PayMeElement extends QRLoaderContainer {
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
         storedPaymentMethodId?: string;
-        statusType?: "redirect" | "custom" | "loading";
+        statusType?: "custom" | "loading" | "redirect";
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
@@ -6031,26 +5983,8 @@ declare class PayMeElement extends QRLoaderContainer {
     };
 }
 
-declare class ANCVElement extends UIElement<ANCVConfiguration> {
-    static type: string;
-    /**
-     * Formats the component data output
-     */
-    formatData(): {
-        paymentMethod: {
-            type: string;
-            beneficiaryId: any;
-        };
-    };
-    private onOrderRequest;
-    createOrder: () => false | Promise<void>;
-    payButton: (props: any) => h.JSX.Element;
-    get isValid(): boolean;
-    get displayName(): string;
-    render(): h.JSX.Element;
-}
-
 declare class DropinElement extends UIElement<DropinConfiguration> implements IDropin {
+    static type: TxVariants;
     protected static defaultProps: DropinConfiguration;
     dropinRef: any;
     private paymentMethodsConfiguration;
@@ -6068,11 +6002,13 @@ declare class DropinElement extends UIElement<DropinConfiguration> implements ID
         showStoredPaymentMethods?: boolean;
         disableFinalAnimation?: boolean;
         showPaymentMethods?: boolean;
+        openPaymentMethod?: {
+            type: string;
+        };
         openFirstStoredPaymentMethod?: boolean;
         openFirstPaymentMethod?: boolean;
-        onSubmit?: (data: any, component: any) => void;
-        onReady?: () => void;
-        onSelect?: (paymentMethod: UIElement<UIElementProps>) => void;
+        onReady?(): void;
+        onSelect?(paymentMethod: UIElement<UIElementProps>): void;
         showRemovePaymentMethodButton?: boolean;
         showRadioButton?: boolean;
         onDisableStoredPaymentMethod?: (storedPaymentMethod: any, resolve: any, reject: any) => void;
@@ -6083,26 +6019,19 @@ declare class DropinElement extends UIElement<DropinConfiguration> implements ID
             risk?: RiskElement;
         };
         isDropin?: boolean;
+        onChange?: (state: OnChangeData, component: UIElement<UIElementProps>) => void;
+        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement<UIElementProps>) => void;
+        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement<UIElementProps>) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
             url: string;
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: any, element: UIElement<UIElementProps>, actions: {
-            resolve: (data: any) => void;
-            reject: () => void;
-        }) => void;
-        onAdditionalDetails?: (state: AdditionalDetailsStateData, element: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: () => void;
-        }) => void;
-        onPaymentFailed?: (data?: SessionsResponse | {
-            resultCode: ResultCode;
-        }, element?: UIElement<UIElementProps>) => void;
-        onPaymentCompleted?: (data: SessionsResponse | {
-            resultCode: ResultCode;
-            donationToken?: string;
-        }, element?: UIElement<UIElementProps>) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: BeforeSubmitActions) => void;
+        onSubmit?: (state: SubmitData, component: UIElement<UIElementProps>, actions: SubmitActions) => void;
+        onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
+        onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
         onOrderUpdated?: (data: {
             order: Order;
         }) => void;
@@ -6110,9 +6039,6 @@ declare class DropinElement extends UIElement<DropinConfiguration> implements ID
             resolve: (response: PaymentMethodsResponse) => void;
             reject: () => void;
         }) => void;
-        onChange?: (state: any, element: UIElement<UIElementProps>) => void;
-        onActionHandled?: (data: ActionHandledReturnObject) => void;
-        onError?: (error: AdyenCheckoutError, element?: UIElement<UIElementProps>) => void;
         environment?: string;
         session?: Session;
         onComplete?: (state: any, element: UIElement<UIElementProps>) => void;
@@ -6120,7 +6046,7 @@ declare class DropinElement extends UIElement<DropinConfiguration> implements ID
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
         storedPaymentMethodId?: string;
-        statusType?: "redirect" | "custom" | "loading";
+        statusType?: "custom" | "loading" | "redirect";
         type: string;
         name?: string;
         icon?: string;
@@ -6195,13 +6121,19 @@ declare const index_d_ThreeDS2DeviceFingerprint: typeof ThreeDS2DeviceFingerprin
 type index_d_UPI = UPI;
 declare const index_d_UPI: typeof UPI;
 declare namespace index_d {
-  export { ANCVElement as ANCV, AchElement as Ach, AddressElement as Address, index_d_Affirm as Affirm, index_d_AfterPay as AfterPay, index_d_AfterPayB2B as AfterPayB2B, AmazonPayElement as AmazonPay, ApplePayElement as ApplePay, index_d_Atome as 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, index_d_CashAppPay as CashAppPay, ClickToPayElement as ClickToPay, index_d_CustomCard as 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, GiftcardElement as Giftcard, GiropayElement as Giropay, index_d_GooglePay as GooglePay, IdealElement as Ideal, KlarnaPayments as Klarna, MBWayElement as MBWay, MealVoucherFRElement as MealVoucherFR, MolPayEBankingMYElement as MolPayEBankingMY, MolPayEBankingTHElement as MolPayEBankingTH, MolPayEbankingVNElement as MolPayEBankingVN, MultibancoElement as Multibanco, OnlineBankingCZElement as OnlineBankingCZ, index_d_OnlineBankingFI as OnlineBankingFI, OnlineBankingINElement as OnlineBankingIN, index_d_OnlineBankingPL as OnlineBankingPL, OnlineBankingSKElement as OnlineBankingSK, OxxoElement as Oxxo, index_d_PayByBank as PayByBank, PayMeElement as PayMe, PayNowElement as PayNow, PaypalElement as PayPal, PayuNetCashcardElement as PayuCashcard, PayuNetBankingElement as PayuNetBanking, PersonalDetailsElement as PersonalDetails, PixElement as Pix, PromptPayElement as PromptPay, index_d_RatePay as RatePay, index_d_RatePayDirectDebit as RatePayDirectDebit, RedirectElement as Redirect, index_d_Riverty as Riverty, SepaElement as SepaDirectDebit, SwishElement as Swish, index_d_ThreeDS2Challenge as ThreeDS2Challenge, index_d_ThreeDS2DeviceFingerprint as ThreeDS2DeviceFingerprint, TrustlyElement as Trustly, TwintElement as Twint, index_d_UPI as UPI, VippsElement as Vipps, WalletINElement as WalletIN, WeChatPayElement as WeChat };
+  export { ANCVElement as ANCV, AchElement as Ach, AddressElement as Address, index_d_Affirm as Affirm, index_d_AfterPay as AfterPay, index_d_AfterPayB2B as AfterPayB2B, AmazonPayElement as AmazonPay, ApplePayElement as ApplePay, index_d_Atome as 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, index_d_CashAppPay as CashAppPay, ClickToPayElement as ClickToPay, index_d_CustomCard as 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, GiftcardElement as Giftcard, GiropayElement as Giropay, index_d_GooglePay as GooglePay, KlarnaPayments as Klarna, MBWayElement as MBWay, MealVoucherFRElement as MealVoucherFR, MolPayEBankingMYElement as MolPayEBankingMY, MolPayEBankingTHElement as MolPayEBankingTH, MolPayEbankingVNElement as MolPayEBankingVN, MultibancoElement as Multibanco, OnlineBankingCZElement as OnlineBankingCZ, index_d_OnlineBankingFI as OnlineBankingFI, OnlineBankingINElement as OnlineBankingIN, index_d_OnlineBankingPL as OnlineBankingPL, OnlineBankingSKElement as OnlineBankingSK, OxxoElement as Oxxo, index_d_PayByBank as PayByBank, PayMeElement as PayMe, PayNowElement as PayNow, PaypalElement as PayPal, PayuNetCashcardElement as PayuCashcard, PayuNetBankingElement as PayuNetBanking, PersonalDetailsElement as PersonalDetails, PixElement as Pix, PromptPayElement as PromptPay, index_d_RatePay as RatePay, index_d_RatePayDirectDebit as RatePayDirectDebit, RedirectElement as Redirect, index_d_Riverty as Riverty, SepaElement as SepaDirectDebit, SwishElement as Swish, index_d_ThreeDS2Challenge as ThreeDS2Challenge, index_d_ThreeDS2DeviceFingerprint as ThreeDS2DeviceFingerprint, TrustlyElement as Trustly, TwintElement as Twint, index_d_UPI as UPI, VippsElement as Vipps, WalletINElement as WalletIN, WeChatPayElement as WeChat };
 }
 
 declare class Core implements ICore {
     session?: Session;
     paymentMethodsResponse: PaymentMethods$1;
-    modules: any;
+    modules: Readonly<{
+        risk: RiskElement;
+        analytics: AnalyticsModule;
+        resources: Resources;
+        i18n: Language;
+        srPanel: SRPanel;
+    }>;
     options: CoreConfiguration;
     analyticsContext: string;
     loadingContext: string;
@@ -6217,7 +6149,10 @@ declare class Core implements ICore {
         supportedTxVariants: Set<string>;
         add(...items: NewableComponent[]): void;
         getComponent(type: string): NewableComponent;
-        createComponentsMap(components: NewableComponent[]): {};
+        createComponentsMap(components: NewableComponent[]): {}; /**
+         * Used internally by the PaymentMethod components to auto-register themselves
+         * @internal
+         */
     };
     static setBundleType(type: string): void;
     static register(...items: NewableComponent[]): void;
@@ -6239,7 +6174,7 @@ declare class Core implements ICore {
      * @see {https://docs.adyen.com/online-payments/build-your-integration/?platform=Web&integration=Components&version=5.55.1#handle-the-redirect}
      * @param details - Details object containing the redirectResult
      */
-    submitDetails(details: AdditionalDetailsStateData['data']): void;
+    submitDetails(details: AdditionalDetailsData['data']): void;
     /**
      * Instantiates a new element component ready to be mounted from an action object
      *
@@ -6247,7 +6182,7 @@ declare class Core implements ICore {
      * @param options - options that will be merged to the global Checkout props
      * @returns new UIElement
      */
-    createFromAction(action: PaymentAction, options?: {}): any;
+    createFromAction(action: PaymentAction, options?: {}): UIElement;
     /**
      * Updates global configurations, resets the internal state and remounts each element.
      *
@@ -6283,8 +6218,8 @@ declare class Core implements ICore {
 
 declare function AdyenCheckout(props: CoreConfiguration): Promise<Core>;
 declare namespace AdyenCheckout {
-    var register: (...items: (new (checkout: ICore, props: any) => IUIElement)[]) => void;
+    var register: (...items: (new (checkout: ICore, props: any) => UIElement<UIElementProps>)[]) => void;
     var setBundleType: (type: string) => void;
 }
 
-export { ANCVElement as ANCV, type ANCVConfiguration, type ANCVDataState, AchElement as Ach, type AchConfiguration, type ActionDescriptionType, type ActionHandledReturnObject, type AdditionalDetailsStateData, AddressElement as Address, type AddressData, type AddressField, AdyenCheckout, type AdyenEnvironment, Affirm, AfterPay, AfterPayB2B, AmazonPayElement as AmazonPay, type AmazonPayBackendConfiguration, type AmazonPayButtonProps, type AmazonPayButtonSettings, type AmazonPayComponentProps, type AmazonPayConfiguration, type AmazonPayElementData, type AnalyticsModule, ApplePayElement as ApplePay, type ApplePayButtonType, type ApplePayConfiguration, type ApplePayElementData, type ApplePayPaymentAuthorizationResult, type ApplePayPaymentOrderDetails, type ApplePaySessionRequest, Atome, type AwaitComponentProps, type AwaitConfiguration, BacsElement as BacsDirectDebit, BancontactElement as Bancontact, type BankDetailsSchema, BankTransferElement as BankTransfer, type BankTransferConfiguration, type BankTransferSchema, type BankTransferState, BCMCMobileElement as BcmcMobile, BillDeskOnlineElement as BillDeskOnline, BillDeskWalletElement as BillDeskWallet, type BinLookupResponse, type BinLookupResponseRaw, BlikElement as Blik, BoletoElement as Boleto, type BoletoElementProps, type BoletoInputDataState, type BoletoInputErrorState, type BoletoInputValidState, type BrandConfiguration, type BrandObject, type BrowserInfo, type CReqData, CardElement as Card, type CardBackendConfiguration, type CardBrandsConfiguration, type CardConfiguration, type CardElementData, CashAppPay, type CashAppPayConfiguration, type CashAppPayElementData, type CashAppPayEventData, type ChallengeData, type ChallengeResolveData, type ChangeActionOptions, type ChangePaymentDetailsButtonProps, type ChargeAmount, type CheckoutAdvancedFlowResponse, type CheckoutDetailsRequest, type CheckoutSessionConfig, ClickToPayElement as ClickToPay, type ClickToPayConfiguration, type ClickToPayPaymentData, type ClickToPayProps, type ClickToPayScheme, type ComponentFocusObject, type CoreConfiguration, type Currency, CustomCard, type CustomCardConfiguration, type DecodeObject, type DeliverySpecifications, DokuElement as Doku, type DokuVoucherResultProps, DonationElement as Donation, type DonationConfiguration, DotpayElement as Dotpay, DragonpayElement as Dragonpay, type DragonpayConfiguraton, type DragonpayInputData, type DragonpayInputIssuerItem, type DragonpayInputProps, type DragonpayVoucherResultProps, DropinElement as Dropin, type DropinComponentProps, type DropinComponentState, type DropinConfiguration, type DropinStatusProps, type DualBrandSelectElement, DuitNowElement as DuitNow, EPSElement as EPS, EcontextElement as Econtext, type EcontextConfiguration, type EcontextInputSchema, type EcontextVoucherResultProps, type ErrorCodeObject, type ExtendedMerchantInfo, FacilyPay10x as FacilPay10x, FacilyPay12x as FacilPay12x, FacilyPay3x as FacilPay3x, FacilyPay4x as FacilPay4x, FacilyPay6x as FacilPay6x, type FieldsetVisibility, type FingerPrintData, type FingerprintResolveData, type FundingSource, type GiftCardConfiguration, type GiftCardElementData, GiftcardElement as Giftcard, GiropayElement as Giropay, GooglePay, type GooglePayConfiguration, type GooglePaymentDataRequest, type ICore, type IDropin, IdealElement as Ideal, type InstantPaymentTypes, type Intent, type IssuerListConfiguration, type IssuerListData, type KlarnConfiguration, KlarnaPayments as Klarna, type KlarnaSdkData, type KlarnaWidgetAuthorizeResponse, type KlarnaWidgetProps, type LedgerCurrencies, MBWayElement as MBWay, MealVoucherFRElement as MealVoucherFR, MolPayEBankingMYElement as MolPayEBankingMY, MolPayEBankingTHElement as MolPayEBankingTH, MolPayEbankingVNElement as MolPayEBankingVN, MultibancoElement as Multibanco, type MultibancoVoucherResultProps, OnlineBankingCZElement as OnlineBankingCZ, OnlineBankingFI, OnlineBankingINElement as OnlineBankingIN, OnlineBankingPL, OnlineBankingSKElement as OnlineBankingSK, type OpenInvoiceActiveFieldsets, type OpenInvoiceConfiguration, type OpenInvoiceFieldsetsRefs, type OpenInvoiceProps, type OpenInvoiceStateData, type OpenInvoiceStateError, type OpenInvoiceStateValid, type OpenInvoiceVisibility, type Order, type OrderButtonProps, type OrderStatus, OxxoElement as Oxxo, type OxxoElementData, type OxxoVoucherResultProps, PayByBank, PayMeElement as PayMe, PayNowElement as PayNow, PaypalElement as PayPal, type PayPalConfiguration, type PayloadJSON, type PaymentAction, type PaymentActionsType, type PaymentAmount, type PaymentAmountExtended, type PaymentData, type PaymentMethod, type PaymentMethodData, type PaymentMethodGroup, type PaymentMethodOptions, type PaymentMethods, type PaymentMethodsConfiguration, type PaymentMethodsRequestData, type PaymentMethodsResponse, type PaymentResponseData, PayuNetCashcardElement as PayuCashcard, PayuNetBankingElement as PayuNetBanking, PersonalDetailsElement as PersonalDetails, type PersonalDetailsSchema, PixElement as Pix, type PixConfiguration, type PixElementData, type PostMsgParseErrorObject, type ProcessedResponse, PromptPayElement as PromptPay, type QRLoaderConfiguration, RatePay, RatePayDirectDebit, type RawPaymentResponse, type RecurringMetadata, RedirectElement as Redirect, type RedirectConfiguration, type Region, type ResultCode, type ResultObject, type ResultValue, Riverty, type SepaConfiguration, SepaElement as SepaDirectDebit, type SepaElementData, type SessionsResponse, type SignOutButtonProps, type SocialSecurityMode, type StatusObject, type StoredPaymentMethod, type SupportedLocale, SwishElement as Swish, ThreeDS2Challenge, type ThreeDS2ChallengeConfiguration, ThreeDS2DeviceFingerprint, type ThreeDS2DeviceFingerprintConfiguration, type ThreeDS2FingerprintResponse, type ThreeDS2FlowObject, type ThreeDS2Token, TrustlyElement as Trustly, TwintElement as Twint, UPI, type UPIConfiguration, type UpdateAmazonCheckoutSessionRequest, type UpiMode, type UpiPaymentData, type ValidationError, VippsElement as Vipps, type VoucherConfiguration, type VoucherDetail, type VoucherProps, WalletINElement as WalletIN, WeChatPayElement as WeChat, type balanceCheckResponseType, index_d as components, type onBalanceCheckCallbackType, type onOrderCancelData, type onOrderCancelType, type onOrderRequestCallbackType };
+export { ANCVElement as ANCV, type ANCVConfiguration, type ANCVDataState, AchElement as Ach, type AchConfiguration, type ActionDescriptionType, type ActionHandledReturnObject, type AdditionalDetailsActions, type AdditionalDetailsData, AddressElement as Address, type AddressData, type AddressField, AdyenCheckout, AdyenCheckoutError, Affirm, AfterPay, AfterPayB2B, AmazonPayElement as AmazonPay, type AmazonPayBackendConfiguration, type AmazonPayButtonProps, type AmazonPayButtonSettings, type AmazonPayComponentProps, type AmazonPayConfiguration, type AmazonPayElementData, type AnalyticsModule, ApplePayElement as ApplePay, type ApplePayButtonType, type ApplePayConfiguration, type ApplePayElementData, type ApplePayPaymentAuthorizationResult, type ApplePayPaymentOrderDetails, type ApplePaySessionRequest, Atome, type AwaitComponentProps, type AwaitConfiguration, BacsElement as BacsDirectDebit, BancontactElement as Bancontact, type BankDetailsSchema, BankTransferElement as BankTransfer, type BankTransferConfiguration, type BankTransferSchema, type BankTransferState, BCMCMobileElement as BcmcMobile, type BeforeSubmitActions, BillDeskOnlineElement as BillDeskOnline, BillDeskWalletElement as BillDeskWallet, type BinLookupResponse, type BinLookupResponseRaw, BlikElement as Blik, BoletoElement as Boleto, type BoletoElementProps, type BoletoInputDataState, type BoletoInputErrorState, type BoletoInputValidState, type BrandConfiguration, type BrandObject, type BrowserInfo, type CReqData, CardElement as Card, type CardBackendConfiguration, type CardBrandsConfiguration, type CardConfiguration, type CardElementData, CashAppPay, type CashAppPayConfiguration, type CashAppPayElementData, type CashAppPayEventData, type ChallengeData, type ChallengeResolveData, type ChangeActionOptions, type ChangePaymentDetailsButtonProps, type ChargeAmount, type CheckoutAdvancedFlowResponse, type CheckoutDetailsRequest, type CheckoutSessionConfig, ClickToPayElement as ClickToPay, type ClickToPayConfiguration, type ClickToPayPaymentData, type ClickToPayProps, type ClickToPayScheme, type ComponentFocusObject, type ComponentMethodsRef, type CoreConfiguration, type Currency, CustomCard, type CustomCardConfiguration, type DecodeObject, type DeliverySpecifications, DokuElement as Doku, type DokuVoucherResultProps, DonationElement as Donation, type DonationConfiguration, DotpayElement as Dotpay, DragonpayElement as Dragonpay, type DragonpayConfiguraton, type DragonpayInputData, type DragonpayInputIssuerItem, type DragonpayInputProps, type DragonpayVoucherResultProps, DropinElement as Dropin, type DropinComponentProps, type DropinComponentState, type DropinConfiguration, type DropinStatusProps, type DualBrandSelectElement, DuitNowElement as DuitNow, EPSElement as EPS, EcontextElement as Econtext, type EcontextConfiguration, type EcontextInputSchema, type EcontextVoucherResultProps, type ErrorCodeObject, type ExtendedMerchantInfo, FacilyPay10x as FacilPay10x, FacilyPay12x as FacilPay12x, FacilyPay3x as FacilPay3x, FacilyPay4x as FacilPay4x, FacilyPay6x as FacilPay6x, type FieldsetVisibility, type FingerPrintData, type FingerprintResolveData, type FundingSource, type GiftCardConfiguration, type GiftCardElementData, GiftcardElement as Giftcard, GiropayElement as Giropay, GooglePay, type GooglePayConfiguration, type GooglePaymentDataRequest, type ICore, type IDropin, type InstantPaymentTypes, type Intent, type IssuerListConfiguration, type IssuerListData, type KlarnConfiguration, KlarnaPayments as Klarna, type KlarnaSdkData, type KlarnaWidgetAuthorizeResponse, type KlarnaWidgetProps, type LedgerCurrencies, MBWayElement as MBWay, MealVoucherFRElement as MealVoucherFR, MolPayEBankingMYElement as MolPayEBankingMY, MolPayEBankingTHElement as MolPayEBankingTH, MolPayEbankingVNElement as MolPayEBankingVN, MultibancoElement as Multibanco, type MultibancoVoucherResultProps, type OnChangeData, OnlineBankingCZElement as OnlineBankingCZ, OnlineBankingFI, OnlineBankingINElement as OnlineBankingIN, OnlineBankingPL, OnlineBankingSKElement as OnlineBankingSK, type OpenInvoiceActiveFieldsets, type OpenInvoiceConfiguration, type OpenInvoiceFieldsetsRefs, type OpenInvoiceProps, type OpenInvoiceStateData, type OpenInvoiceStateError, type OpenInvoiceStateValid, type OpenInvoiceVisibility, type Order, type OrderButtonProps, type OrderStatus, OxxoElement as Oxxo, type OxxoElementData, type OxxoVoucherResultProps, type PayButtonFunctionProps, PayByBank, PayMeElement as PayMe, PayNowElement as PayNow, PaypalElement as PayPal, type PayPalConfiguration, type PayloadJSON, type PaymentAction, type PaymentActionsType, type PaymentAmount, type PaymentAmountExtended, type PaymentCompletedData, type PaymentData, type PaymentFailedData, type PaymentMethod, type PaymentMethodData, type PaymentMethodGroup, type PaymentMethodOptions, type PaymentMethods, type PaymentMethodsConfiguration, type PaymentMethodsRequestData, type PaymentMethodsResponse, type PaymentResponseData, PayuNetCashcardElement as PayuCashcard, PayuNetBankingElement as PayuNetBanking, PersonalDetailsElement as PersonalDetails, type PersonalDetailsSchema, PixElement as Pix, type PixConfiguration, type PixElementData, type PostMsgParseErrorObject, type ProcessedResponse, PromptPayElement as PromptPay, type QRLoaderConfiguration, RatePay, RatePayDirectDebit, type RawPaymentResponse, type RecurringMetadata, RedirectElement as Redirect, type RedirectConfiguration, type Region, type ResultCode, type ResultObject, type ResultValue, Riverty, type SepaConfiguration, SepaElement as SepaDirectDebit, type SepaElementData, type SessionsResponse, type SignOutButtonProps, type SocialSecurityMode, type StatusObject, type StoredPaymentMethod, type SubmitActions, type SubmitData, type SupportedLocale, SwishElement as Swish, ThreeDS2Challenge, type ThreeDS2ChallengeConfiguration, ThreeDS2DeviceFingerprint, type ThreeDS2DeviceFingerprintConfiguration, type ThreeDS2FingerprintResponse, type ThreeDS2FlowObject, type ThreeDS2Token, TrustlyElement as Trustly, TwintElement as Twint, UIElement, type UIElementProps, type UIElementStatus, UPI, type UPIConfiguration, type UpdateAmazonCheckoutSessionRequest, type UpiMode, type UpiPaymentData, type ValidationError, VippsElement as Vipps, type VoucherConfiguration, type VoucherDetail, type VoucherProps, WalletINElement as WalletIN, WeChatPayElement as WeChat, type balanceCheckResponseType, index_d as components, type onBalanceCheckCallbackType, type onOrderCancelData, type onOrderCancelType, type onOrderRequestCallbackType };