@adyen/adyen-web 6.0.0-alpha.8 → 6.0.0-beta.1

package/dist/cjs/index.d.cts

@@ -123,6 +123,90 @@ declare class AdyenCheckoutError extends Error {
     constructor(type: keyof typeof AdyenCheckoutError.errorTypes, message?: string, options?: CheckoutErrorOptions);
 }
 
+interface Experiment {
+    controlGroup: boolean;
+    experimentId: string;
+    experimentName?: string;
+}
+interface AnalyticsData {
+    /**
+     * Relates to PMs used within Plugins
+     * https://docs.adyen.com/development-resources/application-information/?tab=integrator_built_2#application-information-fields
+     * @internal
+     */
+    applicationInfo?: {
+        externalPlatform: {
+            name: string;
+            version: string;
+            integrator: string;
+        };
+        merchantApplication: {
+            name: string;
+            version: string;
+        };
+        merchantDevice?: {
+            os: string;
+            osVersion: string;
+        };
+    };
+    /**
+     * Use a checkoutAttemptId from a previous page
+     */
+    checkoutAttemptId?: string;
+}
+interface AnalyticsOptions {
+    /**
+     * Enable/Disable all analytics
+     */
+    enabled?: boolean;
+    /**
+     * Data to be sent along with the event data
+     */
+    payload?: any;
+    /**
+     * List of experiments to be sent in the collectId call // TODO - still used?
+     */
+    experiments?: Experiment[];
+    /**
+     * A wrapper to pass data needed when analytics is setup
+     */
+    analyticsData?: AnalyticsData;
+}
+interface AnalyticsObject {
+    timestamp: string;
+    component: string;
+    id: string;
+    code?: string;
+    errorType?: string;
+    message?: string;
+    type?: string;
+    subtype?: string;
+    target?: string;
+    metadata?: Record<string, any>;
+    isStoredPaymentMethod?: boolean;
+    brand?: string;
+    validationErrorCode?: string;
+    validationErrorMessage?: string;
+    issuer?: string;
+    isExpress?: boolean;
+    expressPage?: string;
+    result?: string;
+}
+type ANALYTICS_EVENT = 'log' | 'error' | 'info';
+type AnalyticsInitialEvent = {
+    containerWidth: number;
+    component: string;
+    flavor: string;
+    paymentMethods?: any[];
+    sessionId?: string;
+};
+type CreateAnalyticsEventData = Omit<AnalyticsObject, 'timestamp' | 'id'>;
+type CreateAnalyticsEventObject = {
+    event: ANALYTICS_EVENT;
+    data: CreateAnalyticsEventData;
+};
+type SendAnalyticsObject = Omit<AnalyticsObject, 'timestamp' | 'component' | 'id'>;
+
 interface ImageOptions {
     extension?: string;
     imageFolder?: string;
@@ -293,6 +377,7 @@ type DatePolicyType = typeof REQUIRED | typeof OPTIONAL | typeof HIDDEN;
 
 declare class TimeoutError extends Error {
     constructor(message: string);
+    toString(): string;
 }
 
 type ClickToPayProps = {
@@ -373,7 +458,7 @@ interface PayButtonProps extends ButtonProps {
 }
 
 type PayButtonFunctionProps = Omit<PayButtonProps, 'amount'>;
-type CoreCallbacks = Pick<CoreConfiguration, 'beforeRedirect' | 'beforeSubmit' | 'onSubmit' | 'onAdditionalDetails' | 'onPaymentFailed' | 'onPaymentCompleted' | 'onOrderUpdated' | 'onPaymentMethodsRequest' | 'onChange' | 'onActionHandled' | 'onError'>;
+type CoreCallbacks = Pick<CoreConfiguration, 'beforeRedirect' | 'beforeSubmit' | 'onSubmit' | 'onAdditionalDetails' | 'onPaymentFailed' | 'onPaymentCompleted' | 'onOrderUpdated' | 'onPaymentMethodsRequest' | 'onChange' | 'onActionHandled' | 'onError' | 'onEnterKeyPressed'>;
 type UIElementProps = BaseElementProps & CoreCallbacks & {
     environment?: string;
     session?: Session;
@@ -434,27 +519,6 @@ type UIElementProps = BaseElementProps & CoreCallbacks & {
      */
     paymentMethodType?: string;
 };
-interface IUIElement extends IBaseElement {
-    core: ICore;
-    type: string;
-    isValid: boolean;
-    displayName: string;
-    accessibleName: string;
-    icon: string;
-    elementRef: UIElement;
-    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;
@@ -463,75 +527,54 @@ interface ComponentMethodsRef {
 
 interface CardConfiguration extends UIElementProps {
     /**
-     * Only set for a stored card,
-     * brand is never set for a generic card component OR a single-branded card
-     */
-    brand?: string;
-    /**
-     * Configuration specific to brands
-     */
-    brandsConfiguration?: CardBrandsConfiguration;
-    /**
-     * Configuration for Click to Pay
-     */
-    clickToPayConfiguration?: ClickToPayProps;
-    /**
-     * Disable Click to Pay for testing purposes
-     * @defaultValue false
-     * @internal
+     * 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
      */
-    _disableClickToPay?: boolean;
+    autoFocus?: boolean;
     /**
-     * Funding source field populated when 'splitCardFundingSources' is used
-     * @internal
+     * Config t olimit the countries that will show in the country dropdown
+     * - merchant set config option
      */
-    fundingSource?: 'debit' | 'credit';
+    billingAddressAllowedCountries?: 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
+     * 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
      */
-    type?: string;
-    /** List of brands accepted by the component */
-    brands?: string[];
+    billingAddressMode?: 'full' | 'partial' | 'none';
     /**
-     * Position holder name above card number field (instead of having it after the security code field)
+     * Show Address fields
      * @defaultValue `false`
+     *
+     * - merchant set config option
      */
-    positionHolderNameOnTop?: boolean;
+    billingAddressRequired?: boolean;
     /**
-     * Show/hide the brand logo when the card brand has been recognized
-     * @defaultValue `true`
+     * Config to specify which address field are required
+     * - merchant set config option
      */
-    showBrandIcon?: boolean;
+    billingAddressRequiredFields?: string[];
     /**
-     * Show/hide the contextual text under each form field. The contextual text is to assist shoppers filling in the payment form.
-     * @defaultValue `true`
+     * Only set for a stored card,
+     * brand is never set for a generic card component OR a single-branded card
+     * @internal
      */
-    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 */
+    brand?: string;
     /**
-     * Show/hide the "store details" checkbox
+     * List of brands accepted by the component
      * @internal
+     * - but can also be overwritten by merchant config option
      */
-    showStoreDetailsCheckbox?: boolean;
-    /** Show/hide the CVC field - merchant set config option */
-    hideCVC?: boolean;
+    brands?: 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)
+     * Configuration specific to brands
+     * - merchant set 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;
+    brandsConfiguration?: CardBrandsConfiguration;
     /**
      * Defines the size of the challenge Component
      *
@@ -542,142 +585,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 */
@@ -762,126 +916,6 @@ interface DualBrandSelectElement {
     brandObject: BrandObject;
 }
 
-interface RiskModuleOptions {
-    enabled: boolean;
-    onComplete?: (data: any) => void;
-    onError?: (error: any) => void;
-    node?: string;
-}
-interface RiskModuleProps extends BaseElementProps {
-    risk: RiskModuleOptions;
-    loadingContext: string;
-}
-declare class RiskElement extends BaseElement<RiskModuleProps> {
-    static type: string;
-    static defaultProps: {
-        risk: {
-            enabled: boolean;
-            onComplete: () => void;
-            onError: () => void;
-            node: string;
-        };
-    };
-    private nodeRiskContainer;
-    constructor(checkout: ICore, props?: any);
-    formatProps(props: any): any;
-    onComplete: (result: any) => void;
-    onError: (error: any) => void;
-    get isValid(): any;
-    get data(): any;
-    cleanUp: () => void;
-    componentWillUnmount(): void;
-    render(): h.JSX.Element;
-}
-
-interface Experiment {
-    controlGroup: boolean;
-    experimentId: string;
-    experimentName?: string;
-}
-interface AnalyticsData {
-    /**
-     * Relates to PMs used within Plugins
-     * https://docs.adyen.com/development-resources/application-information/?tab=integrator_built_2#application-information-fields
-     * @internal
-     */
-    applicationInfo?: {
-        externalPlatform: {
-            name: string;
-            version: string;
-            integrator: string;
-        };
-        merchantApplication: {
-            name: string;
-            version: string;
-        };
-        merchantDevice?: {
-            os: string;
-            osVersion: string;
-        };
-    };
-    /**
-     * Use a checkoutAttemptId from a previous page
-     */
-    checkoutAttemptId?: string;
-}
-interface AnalyticsOptions {
-    /**
-     * Enable/Disable all analytics
-     */
-    enabled?: boolean;
-    /**
-     * Enable/Disable telemetry data
-     */
-    telemetry?: boolean;
-    /**
-     * Data to be sent along with the event data
-     */
-    payload?: any;
-    /**
-     * List of experiments to be sent in the collectId call // TODO - still used?
-     */
-    experiments?: Experiment[];
-    /**
-     * A wrapper to pass data needed when analytics is setup
-     */
-    analyticsData?: AnalyticsData;
-}
-interface AnalyticsObject {
-    timestamp: string;
-    component: string;
-    id: string;
-    code?: string;
-    errorType?: string;
-    message?: string;
-    type?: string;
-    subtype?: string;
-    target?: string;
-    metadata?: Record<string, any>;
-    isStoredPaymentMethod?: boolean;
-    brand?: string;
-    validationErrorCode?: string;
-    validationErrorMessage?: string;
-    issuer?: string;
-    isExpress?: boolean;
-    expressPage?: string;
-    result?: string;
-}
-type ANALYTICS_EVENT = 'log' | 'error' | 'info';
-type AnalyticsInitialEvent = {
-    containerWidth: number;
-    component: string;
-    flavor: string;
-    paymentMethods?: any[];
-    sessionId?: string;
-};
-type CreateAnalyticsEventData = Omit<AnalyticsObject, 'timestamp' | 'id'>;
-type CreateAnalyticsEventObject = {
-    event: ANALYTICS_EVENT;
-    data: CreateAnalyticsEventData;
-};
-type SendAnalyticsObject = Omit<AnalyticsObject, 'timestamp' | 'component' | 'id'>;
-
 type PlaceholderKeys = 'holderName' | 'cardNumber' | 'expiryDate' | 'expiryMonth' | 'expiryYear' | 'securityCodeThreeDigits' | 'securityCodeFourDigits' | 'password';
 type Placeholders = Partial<Record<PlaceholderKeys, string>>;
 interface SFError {
@@ -962,158 +996,36 @@ interface IBaseElement {
     remove(): void;
 }
 
-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 static defaultProps: {};
-    constructor(checkout: ICore, props?: P);
-    protected buildElementProps(componentProps?: P): void;
-    /**
-     * Executed during creation of any payment element.
-     * Gives a chance to any paymentMethod to format the props we're receiving.
-     */
-    protected formatProps(props: P): P;
-    /**
-     * Executed on the `data` getter.
-     * Returns the component data necessary for the /payments request
-     */
-    protected formatData(): any;
-    protected setUpAnalytics(setUpAnalyticsObj: AnalyticsInitialEvent): any;
-    protected submitAnalytics(analyticsObj?: SendAnalyticsObject): any;
-    protected setState(newState: object): void;
-    /**
-     * Returns the component payment data ready to submit to the Checkout API
-     * Note: this does not ensure validity, check isValid first
-     */
-    get data(): PaymentData;
-    render(): ComponentChild | Error;
-    /**
-     * Mounts an element into the dom
-     * @param domNode - Node (or selector) where we will mount the payment element
-     * @returns this - the payment element instance we mounted
-     */
-    mount(domNode: HTMLElement | string): this;
-    /**
-     * Updates props, resets the internal state and remounts the element.
-     *
-     * @param props - props to update
-     * @returns this - the element instance
-     */
-    update(props: Partial<P>): this;
-    /**
-     * Unmounts a payment element from the DOM
-     */
-    unmount(): this;
-    /**
-     * Unmounts an element and removes it from the parent instance
-     * For "destroy" type cleanup - when you don't intend to use the component again
-     */
-    remove(): void;
-}
-
-declare abstract class UIElement<P extends UIElementProps = UIElementProps> extends BaseElement<P> implements IUIElement {
-    protected componentRef: any;
-    protected resources: Resources;
-    elementRef: UIElement;
-    static type: any;
-    /**
-     * Defines all txVariants that the Component supports (in case it support multiple ones besides the 'type' one)
-     */
-    static txVariants: string[];
-    constructor(checkout: ICore, props?: P);
-    protected buildElementProps(componentProps?: P): void;
-    protected storeElementRefOnCore(props?: P): void;
-    isAvailable(): Promise<void>;
-    setState(newState: object): void;
-    showValidation(): this;
-    setElementStatus(status: UIElementStatus, props?: any): this;
-    setStatus(status: UIElementStatus, props?: any): this;
-    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:
-     *  - mounted,
-     *  - a PM has been selected
-     *  - onSubmit has been called (as a result of the pay button being pressed)
-     *
-     *  In some other cases e.g. 3DS2 components, this function is overridden to allow more specific analytics actions to be created
-     */
-    protected submitAnalytics(analyticsObj: SendAnalyticsObject, uiElementProps?: any): void;
-    submit(): void;
-    protected makePaymentsCall(): Promise<CheckoutAdvancedFlowResponse | CheckoutSessionPaymentResponse>;
-    private submitUsingAdvancedFlow;
-    private submitUsingSessionsFlow;
-    protected onComplete(state: any): void;
-    protected handleError: (error: AdyenCheckoutError) => void;
-    protected handleAdditionalDetails(state: AdditionalDetailsStateData): void;
-    private makeAdditionalDetailsCall;
-    private submitAdditionalDetailsUsingSessionsFlow;
-    handleAction(action: PaymentAction, props?: {}): UIElement | null;
-    protected handleOrder: (response: PaymentResponseData) => void;
-    /**
-     * Handles when the payment fails. The payment fails when:
-     * - adv flow: the merchant rejects the payment due to a critical error
-     * - adv flow: the merchant resolves the payment with a failed resultCode
-     * - sessions: a network error occurs when making the payment
-     * - sessions: the payment fails with a failed resultCode
-     *
-     * @param result
-     */
-    protected handleFailedResult: (result?: PaymentResponseData) => void;
-    protected handleSuccessResult: (result: PaymentResponseData) => void;
-    /**
-     * Handles a session /payments or /payments/details response.
-     * The component will handle automatically actions, orders, and final results.
-     *
-     * @param rawResponse -
-     */
-    protected handleResponse(rawResponse: RawPaymentResponse): void;
-    /**
-     * Call update on parent instance
-     * This function exist to make safe access to the protect _parentInstance
-     * @param options - CoreOptions
-     */
-    updateParent(options?: CoreConfiguration): Promise<ICore>;
-    setComponentRef: (ref: ComponentMethodsRef) => void;
-    /**
-     * Get the current validation status of the element
-     */
-    get isValid(): boolean;
-    /**
-     * Get the element icon URL for the current environment
-     */
-    get icon(): string;
-    /**
-     * Get the element's displayable name
-     */
-    get displayName(): string;
-    /**
-     * Get the element accessible name, used in the aria-label of the button that controls selected payment method
-     */
-    get accessibleName(): string;
-    /**
-     * Used to display the second line of a payment method item
-     */
-    get additionalInfo(): string;
-    /**
-     * Return the type of an element
-     */
-    get type(): string;
-    /**
-     * Get the payButton component for the current element
-     */
-    protected payButton: (props: PayButtonFunctionProps) => h.JSX.Element;
-    /**
-     * Used in the Partial Orders flow.
-     * When the Order is updated, the merchant can request new payment methods based on the new remaining amount
-     *
-     * @private
-     */
-    protected handleAdvanceFlowPaymentMethodsUpdate(order: Order | null, amount?: PaymentAmount): Promise<ICore>;
+interface RiskModuleOptions {
+    enabled: boolean;
+    onComplete?: (data: any) => void;
+    onError?: (error: any) => void;
+    node?: string;
+}
+interface RiskModuleProps extends BaseElementProps {
+    risk: RiskModuleOptions;
+    loadingContext: string;
+}
+declare class RiskElement extends BaseElement<RiskModuleProps> {
+    static type: string;
+    static defaultProps: {
+        risk: {
+            enabled: boolean;
+            onComplete: () => void;
+            onError: () => void;
+            node: string;
+        };
+    };
+    private nodeRiskContainer;
+    constructor(checkout: ICore, props?: any);
+    formatProps(props: any): any;
+    onComplete: (result: any) => void;
+    onError: (error: any) => void;
+    get isValid(): any;
+    get data(): any;
+    cleanUp: () => void;
+    componentWillUnmount(): void;
+    render(): h.JSX.Element;
 }
 
 interface GiftCardElementData {
@@ -1125,14 +1037,14 @@ interface GiftCardElementData {
     };
 }
 type balanceCheckResponseType = {
-    pspReference: string;
-    resultCode: string;
-    balance: {
-        currency: string;
-        value: number;
-    };
+    sessionData?: string;
+    pspReference?: string;
+    resultCode?: string;
+    balance?: PaymentAmount;
+    transactionLimit?: PaymentAmount;
 };
 type onBalanceCheckCallbackType = (resolve: (res: balanceCheckResponseType) => void, reject: (error: Error) => void, data: GiftCardElementData) => Promise<void>;
+type onRequiringConfirmationCallbackType = (resolve: () => void, reject: (error: Error) => void) => Promise<void>;
 type onOrderRequestCallbackType = (resolve: (order: Order) => void, reject: (error: Error) => void, data: PaymentData) => Promise<void>;
 interface GiftCardConfiguration extends UIElementProps {
     pinRequired?: boolean;
@@ -1142,13 +1054,19 @@ interface GiftCardConfiguration extends UIElementProps {
     onOrderUpdated?: (data: any) => void;
     onBalanceCheck?: onBalanceCheckCallbackType;
     onOrderRequest?: onOrderRequestCallbackType;
-    onRequiringConfirmation?(): void;
+    onRequiringConfirmation?: onRequiringConfirmationCallbackType;
     /**
      * @internal
      */
     fieldsLayoutComponent?: FunctionComponent<GiftcardFieldsProps>;
 }
 
+type NewableComponent = new (checkout: ICore, props?: any) => UIElement;
+interface IRegistry {
+    add(...items: NewableComponent[]): void;
+    getComponent(type: string): NewableComponent | undefined;
+}
+
 interface CompanyDetailsSchema {
     name?: string;
     registrationNumber?: string;
@@ -1326,7 +1244,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",
@@ -1365,6 +1282,7 @@ declare enum TxVariants {
     klarna = "klarna",
     klarna_account = "klarna_account",
     klarna_paynow = "klarna_paynow",
+    klarna_b2b = "klarna_b2b",
     /** Klarna */
     /** QRLoader */
     bcmc_mobile = "bcmc_mobile",
@@ -1380,6 +1298,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
@@ -1669,6 +1588,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;
@@ -1968,16 +1921,6 @@ interface AchConfiguration extends UIElementProps {
     placeholders?: Placeholders$1;
 }
 
-interface ANCVConfiguration extends UIElementProps {
-    paymentData?: any;
-    data: ANCVDataState;
-    onOrderRequest?: any;
-    onOrderUpdated?: any;
-}
-interface ANCVDataState {
-    beneficiaryId: string;
-}
-
 interface BankTransferConfiguration extends UIElementProps {
     reference?: string;
     /**
@@ -2136,6 +2079,7 @@ type ClickToPayPaymentData = {
 
 type CustomCardConfiguration = Omit<CardConfiguration, 'clickToPayConfiguration' | '_disableClickToPay' | 'fundingSource' | 'positionHolderNameOnTop' | 'showBrandIcon' | 'enableStoreDetails' | 'hideCVC' | 'hasCVC' | 'hasHolderName' | 'holderNameRequired' | 'billingAddressRequired' | 'billingAddressRequiredFields' | 'billingAddressAllowedCountries' | 'installmentOptions' | 'showInstallmentAmounts' | 'configuration'> & {
     onValidationError?: (validationErrors: ValidationError[]) => void;
+    onEnterKeyPressed?: (activeElement: Element, component: UIElement) => void;
 };
 type ValidationError = SFError & {
     fieldType: string;
@@ -2505,11 +2449,6 @@ interface OxxoVoucherResultProps {
     downloadUrl?: string;
     ref?: any;
 }
-type OxxoElementData = {
-    paymentMethod: {
-        type: 'oxxo' | string;
-    };
-};
 
 declare class PaypalElement extends UIElement<PayPalConfiguration> {
     static type: TxVariants;
@@ -3058,22 +2997,7 @@ declare class CashAppPay extends UIElement<CashAppPayConfiguration> {
             risk?: RiskElement;
         };
         isDropin?: boolean;
-        onChange?: (state: {
-            data: PaymentData;
-            isValid: boolean;
-            valid?: {
-                [fieldKey: string]: boolean;
-            };
-            errors?: {
-                [fieldKey: string]: {
-                    isValid: boolean;
-                    errorMessage: string;
-                    errorI18n: string;
-                    error: string;
-                    rootNode: HTMLElement;
-                };
-            };
-        }, component: UIElement<UIElementProps>) => void;
+        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: {
@@ -3081,27 +3005,11 @@ declare class CashAppPay extends UIElement<CashAppPayConfiguration> {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: {
-            resolve: (data: PaymentData & {
-                billingAddress?: AddressData;
-                deliveryAddress?: AddressData;
-                shopperEmail?: string;
-                shopperName?: string;
-            }) => void;
-            reject: () => void;
-        }) => void;
-        onSubmit?: (state: {
-            data: PaymentData;
-            isValid: boolean;
-        }, component: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: (error?: Pick<CheckoutAdvancedFlowResponse, "error">) => void;
-        }) => 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: AdditionalDetailsStateData, component: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: () => void;
-        }) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
+        onEnterKeyPressed?: (activeElement: Element, component: UIElement<UIElementProps>) => void;
         onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
         onOrderUpdated?: (data: {
             order: Order;
@@ -3163,22 +3071,7 @@ declare class ClickToPayElement extends UIElement<ClickToPayConfiguration> {
             risk?: RiskElement;
         };
         isDropin?: boolean;
-        onChange?: (state: {
-            data: PaymentData;
-            isValid: boolean;
-            valid?: {
-                [fieldKey: string]: boolean;
-            };
-            errors?: {
-                [fieldKey: string]: {
-                    isValid: boolean;
-                    errorMessage: string;
-                    errorI18n: string;
-                    error: string;
-                    rootNode: HTMLElement;
-                };
-            };
-        }, component: UIElement<UIElementProps>) => void;
+        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: {
@@ -3186,27 +3079,11 @@ declare class ClickToPayElement extends UIElement<ClickToPayConfiguration> {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: {
-            resolve: (data: PaymentData & {
-                billingAddress?: AddressData;
-                deliveryAddress?: AddressData;
-                shopperEmail?: string;
-                shopperName?: string;
-            }) => void;
-            reject: () => void;
-        }) => void;
-        onSubmit?: (state: {
-            data: PaymentData;
-            isValid: boolean;
-        }, component: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: (error?: Pick<CheckoutAdvancedFlowResponse, "error">) => void;
-        }) => 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: AdditionalDetailsStateData, component: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: () => void;
-        }) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
+        onEnterKeyPressed?: (activeElement: Element, component: UIElement<UIElementProps>) => void;
         onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
         onOrderUpdated?: (data: {
             order: Order;
@@ -3318,46 +3195,51 @@ declare class BancontactElement extends CardElement {
             onReady?(): void;
             onTimeout?(error: TimeoutError): void;
         };
-        _disableClickToPay?: boolean;
-        fundingSource?: "debit" | "credit";
+        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[];
-        positionHolderNameOnTop?: boolean;
-        showBrandIcon?: boolean;
-        showContextualElement?: boolean;
-        hideCVC?: boolean;
-        hasHolderName?: boolean;
-        placeholders?: Partial<Record<"cardNumber" | "expiryDate" | "holderName" | "expiryMonth" | "expiryYear" | "securityCodeThreeDigits" | "securityCodeFourDigits" | "password", string>>;
         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;
         order?: Order;
         modules?: {
             srPanel?: SRPanel;
@@ -3366,22 +3248,7 @@ declare class BancontactElement extends CardElement {
             risk?: RiskElement;
         };
         isDropin?: boolean;
-        onChange?: (state: {
-            data: PaymentData;
-            isValid: boolean;
-            valid?: {
-                [fieldKey: string]: boolean;
-            };
-            errors?: {
-                [fieldKey: string]: {
-                    isValid: boolean;
-                    errorMessage: string;
-                    errorI18n: string;
-                    error: string;
-                    rootNode: HTMLElement;
-                };
-            };
-        }, component: UIElement<UIElementProps>) => void;
+        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: {
@@ -3389,27 +3256,11 @@ declare class BancontactElement extends CardElement {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: {
-            resolve: (data: PaymentData & {
-                billingAddress?: AddressData;
-                deliveryAddress?: AddressData;
-                shopperEmail?: string;
-                shopperName?: string;
-            }) => void;
-            reject: () => void;
-        }) => void;
-        onSubmit?: (state: {
-            data: PaymentData;
-            isValid: boolean;
-        }, component: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: (error?: Pick<CheckoutAdvancedFlowResponse, "error">) => void;
-        }) => 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: AdditionalDetailsStateData, component: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: () => void;
-        }) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
+        onEnterKeyPressed?: (activeElement: Element, component: UIElement<UIElementProps>) => void;
         onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
         onOrderUpdated?: (data: {
             order: Order;
@@ -3425,7 +3276,6 @@ declare class BancontactElement extends CardElement {
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
         statusType?: "custom" | "loading" | "redirect";
-        name?: string;
         amount?: PaymentAmount;
         secondaryAmount?: PaymentAmountExtended;
         showPayButton?: boolean;
@@ -3558,10 +3408,6 @@ declare class FacilyPay12x extends OpenInvoiceContainer {
     formatProps(props: any): any;
 }
 
-declare class IdealElement extends IssuerListContainer {
-    static type: TxVariants;
-}
-
 declare class CustomCard extends UIElement<CustomCardConfiguration> {
     static type: TxVariants;
     static analyticsType: string;
@@ -3586,22 +3432,7 @@ declare class CustomCard extends UIElement<CustomCardConfiguration> {
         onFocus?: (event: CbObjOnFocus | ComponentFocusObject) => void;
         order?: Order;
         id?: string;
-        onChange?: (state: {
-            data: PaymentData;
-            isValid: boolean;
-            valid?: {
-                [fieldKey: string]: boolean;
-            };
-            errors?: {
-                [fieldKey: string]: {
-                    isValid: boolean;
-                    errorMessage: string;
-                    errorI18n: string;
-                    error: string;
-                    rootNode: HTMLElement;
-                };
-            };
-        }, component: UIElement<UIElementProps>) => void;
+        onChange?: (state: OnChangeData, component: UIElement<UIElementProps>) => void;
         amount?: PaymentAmount;
         secondaryAmount?: PaymentAmountExtended;
         environment?: string;
@@ -3621,27 +3452,11 @@ declare class CustomCard extends UIElement<CustomCardConfiguration> {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: {
-            resolve: (data: PaymentData & {
-                billingAddress?: AddressData;
-                deliveryAddress?: AddressData;
-                shopperEmail?: string;
-                shopperName?: string;
-            }) => void;
-            reject: () => void;
-        }) => void;
-        onSubmit?: (state: {
-            data: PaymentData;
-            isValid: boolean;
-        }, component: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: (error?: Pick<CheckoutAdvancedFlowResponse, "error">) => void;
-        }) => 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: AdditionalDetailsStateData, component: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: () => void;
-        }) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
+        onEnterKeyPressed?: ((activeElement: Element, component: UIElement<UIElementProps>) => void) & ((activeElement: Element, component: UIElement<UIElementProps>) => void);
         onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
         onOrderUpdated?: (data: {
             order: Order;
@@ -3668,25 +3483,26 @@ declare class CustomCard extends UIElement<CustomCardConfiguration> {
         onLoad?: (event: CbObjOnLoad) => void;
         placeholders?: Partial<Record<"cardNumber" | "expiryDate" | "holderName" | "expiryMonth" | "expiryYear" | "securityCodeThreeDigits" | "securityCodeFourDigits" | "password", string>>;
         expiryMonth?: string;
+        billingAddressMode?: "none" | "full" | "partial";
         brands?: string[];
-        showStoreDetailsCheckbox?: boolean;
-        onConfigSuccess?: (event: CbObjOnConfigSuccess) => void;
-        onFieldValid?: (event: CbObjOnFieldValid) => void;
-        onBrand?: (event: CbObjOnBrand) => void;
-        onBinValue?: (event: CbObjOnBinValue) => void;
-        onBinLookup?: (event: CbObjOnBinLookup) => void;
+        disableIOSArrowKeys?: boolean;
+        disclaimerMessage?: DisclaimerMsgObject;
+        doBinLookup?: boolean;
+        exposeExpiryDate?: boolean;
+        forceCompat?: boolean;
+        keypadFix?: boolean;
         lastFour?: string;
-        billingAddressMode?: "none" | "full" | "partial";
         legacyInputMode?: boolean;
-        minimumExpiryDate?: string[];
         maskSecurityCode?: boolean;
-        doBinLookup?: boolean;
-        disableIOSArrowKeys?: boolean;
-        disclaimerMessage?: DisclaimerMsgObject;
+        minimumExpiryDate?: string[];
+        onBinLookup?: (event: CbObjOnBinLookup) => void;
+        onBinValue?: (event: CbObjOnBinValue) => void;
+        onBrand?: (event: CbObjOnBrand) => void;
+        onConfigSuccess?: (event: CbObjOnConfigSuccess) => void;
+        onFieldValid?: (event: CbObjOnFieldValid) => void;
+        showStoreDetailsCheckbox?: boolean;
         styles?: StylesObject;
         supportedShopperInteractions?: string[];
-        keypadFix?: boolean;
-        exposeExpiryDate?: boolean;
         onValidationError?: (validationErrors: ValidationError[]) => void;
     };
     /**
@@ -3706,6 +3522,7 @@ declare class CustomCard extends UIElement<CustomCardConfiguration> {
     get isValid(): boolean;
     get browserInfo(): BrowserInfo;
     private onFocus;
+    protected onEnterKeyPressed: (activeElement: Element, component: UIElement) => void;
     render(): h.JSX.Element;
 }
 
@@ -3769,22 +3586,7 @@ declare class WeChatPayElement extends QRLoaderContainer {
             risk?: RiskElement;
         };
         isDropin?: boolean;
-        onChange?: (state: {
-            data: PaymentData;
-            isValid: boolean;
-            valid?: {
-                [fieldKey: string]: boolean;
-            };
-            errors?: {
-                [fieldKey: string]: {
-                    isValid: boolean;
-                    errorMessage: string;
-                    errorI18n: string;
-                    error: string;
-                    rootNode: HTMLElement;
-                };
-            };
-        }, component: UIElement<UIElementProps>) => void;
+        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: {
@@ -3792,27 +3594,11 @@ declare class WeChatPayElement extends QRLoaderContainer {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: {
-            resolve: (data: PaymentData & {
-                billingAddress?: AddressData;
-                deliveryAddress?: AddressData;
-                shopperEmail?: string;
-                shopperName?: string;
-            }) => void;
-            reject: () => void;
-        }) => void;
-        onSubmit?: (state: {
-            data: PaymentData;
-            isValid: boolean;
-        }, component: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: (error?: Pick<CheckoutAdvancedFlowResponse, "error">) => void;
-        }) => 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: AdditionalDetailsStateData, component: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: () => void;
-        }) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
+        onEnterKeyPressed?: (activeElement: Element, component: UIElement<UIElementProps>) => void;
         onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
         onOrderUpdated?: (data: {
             order: Order;
@@ -3868,22 +3654,7 @@ declare class PayNowElement extends QRLoaderContainer {
             risk?: RiskElement;
         };
         isDropin?: boolean;
-        onChange?: (state: {
-            data: PaymentData;
-            isValid: boolean;
-            valid?: {
-                [fieldKey: string]: boolean;
-            };
-            errors?: {
-                [fieldKey: string]: {
-                    isValid: boolean;
-                    errorMessage: string;
-                    errorI18n: string;
-                    error: string;
-                    rootNode: HTMLElement;
-                };
-            };
-        }, component: UIElement<UIElementProps>) => void;
+        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: {
@@ -3891,27 +3662,11 @@ declare class PayNowElement extends QRLoaderContainer {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: {
-            resolve: (data: PaymentData & {
-                billingAddress?: AddressData;
-                deliveryAddress?: AddressData;
-                shopperEmail?: string;
-                shopperName?: string;
-            }) => void;
-            reject: () => void;
-        }) => void;
-        onSubmit?: (state: {
-            data: PaymentData;
-            isValid: boolean;
-        }, component: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: (error?: Pick<CheckoutAdvancedFlowResponse, "error">) => void;
-        }) => 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: AdditionalDetailsStateData, component: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: () => void;
-        }) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
+        onEnterKeyPressed?: (activeElement: Element, component: UIElement<UIElementProps>) => void;
         onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
         onOrderUpdated?: (data: {
             order: Order;
@@ -3968,22 +3723,7 @@ declare class BCMCMobileElement extends QRLoaderContainer {
             risk?: RiskElement;
         };
         isDropin?: boolean;
-        onChange?: (state: {
-            data: PaymentData;
-            isValid: boolean;
-            valid?: {
-                [fieldKey: string]: boolean;
-            };
-            errors?: {
-                [fieldKey: string]: {
-                    isValid: boolean;
-                    errorMessage: string;
-                    errorI18n: string;
-                    error: string;
-                    rootNode: HTMLElement;
-                };
-            };
-        }, component: UIElement<UIElementProps>) => void;
+        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: {
@@ -3991,27 +3731,11 @@ declare class BCMCMobileElement extends QRLoaderContainer {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: {
-            resolve: (data: PaymentData & {
-                billingAddress?: AddressData;
-                deliveryAddress?: AddressData;
-                shopperEmail?: string;
-                shopperName?: string;
-            }) => void;
-            reject: () => void;
-        }) => void;
-        onSubmit?: (state: {
-            data: PaymentData;
-            isValid: boolean;
-        }, component: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: (error?: Pick<CheckoutAdvancedFlowResponse, "error">) => void;
-        }) => 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: AdditionalDetailsStateData, component: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: () => void;
-        }) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
+        onEnterKeyPressed?: (activeElement: Element, component: UIElement<UIElementProps>) => void;
         onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
         onOrderUpdated?: (data: {
             order: Order;
@@ -4085,22 +3809,7 @@ declare class DragonpayElement extends UIElement<DragonpayConfiguraton> {
             risk?: RiskElement;
         };
         isDropin?: boolean;
-        onChange?: (state: {
-            data: PaymentData;
-            isValid: boolean;
-            valid?: {
-                [fieldKey: string]: boolean;
-            };
-            errors?: {
-                [fieldKey: string]: {
-                    isValid: boolean;
-                    errorMessage: string;
-                    errorI18n: string;
-                    error: string;
-                    rootNode: HTMLElement;
-                };
-            };
-        }, component: UIElement<UIElementProps>) => void;
+        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: {
@@ -4108,27 +3817,11 @@ declare class DragonpayElement extends UIElement<DragonpayConfiguraton> {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: {
-            resolve: (data: PaymentData & {
-                billingAddress?: AddressData;
-                deliveryAddress?: AddressData;
-                shopperEmail?: string;
-                shopperName?: string;
-            }) => void;
-            reject: () => void;
-        }) => void;
-        onSubmit?: (state: {
-            data: PaymentData;
-            isValid: boolean;
-        }, component: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: (error?: Pick<CheckoutAdvancedFlowResponse, "error">) => void;
-        }) => 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: AdditionalDetailsStateData, component: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: () => void;
-        }) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
+        onEnterKeyPressed?: (activeElement: Element, component: UIElement<UIElementProps>) => void;
         onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
         onOrderUpdated?: (data: {
             order: Order;
@@ -4200,7 +3893,11 @@ declare class OxxoElement extends UIElement<VoucherConfiguration> {
         name: string;
     };
     get isValid(): boolean;
-    formatData(): OxxoElementData;
+    formatData(): {
+        paymentMethod: {
+            type: string;
+        };
+    };
     private handleRef;
     render(): h.JSX.Element;
 }
@@ -4242,8 +3939,10 @@ declare class GiftcardElement extends UIElement<GiftCardConfiguration> {
     get displayName(): any;
     private handleBalanceCheck;
     private onOrderRequest;
-    balanceCheck(): false | void;
-    onBalanceCheck: () => false | void;
+    balanceCheck(): void;
+    private onBalanceCheck;
+    private handleOnRequiringConfirmation;
+    submit(): boolean;
     payButton: (props: any) => h.JSX.Element;
     render(): h.JSX.Element;
 }
@@ -4294,22 +3993,7 @@ declare class SwishElement extends QRLoaderContainer {
             risk?: RiskElement;
         };
         isDropin?: boolean;
-        onChange?: (state: {
-            data: PaymentData;
-            isValid: boolean;
-            valid?: {
-                [fieldKey: string]: boolean;
-            };
-            errors?: {
-                [fieldKey: string]: {
-                    isValid: boolean;
-                    errorMessage: string;
-                    errorI18n: string;
-                    error: string;
-                    rootNode: HTMLElement;
-                };
-            };
-        }, component: UIElement<UIElementProps>) => void;
+        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: {
@@ -4317,27 +4001,11 @@ declare class SwishElement extends QRLoaderContainer {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: {
-            resolve: (data: PaymentData & {
-                billingAddress?: AddressData;
-                deliveryAddress?: AddressData;
-                shopperEmail?: string;
-                shopperName?: string;
-            }) => void;
-            reject: () => void;
-        }) => void;
-        onSubmit?: (state: {
-            data: PaymentData;
-            isValid: boolean;
-        }, component: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: (error?: Pick<CheckoutAdvancedFlowResponse, "error">) => void;
-        }) => 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: AdditionalDetailsStateData, component: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: () => void;
-        }) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
+        onEnterKeyPressed?: (activeElement: Element, component: UIElement<UIElementProps>) => void;
         onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
         onOrderUpdated?: (data: {
             order: Order;
@@ -4387,22 +4055,7 @@ declare class AchElement extends UIElement<AchConfiguration> {
             risk?: RiskElement;
         };
         isDropin?: boolean;
-        onChange?: (state: {
-            data: PaymentData;
-            isValid: boolean;
-            valid?: {
-                [fieldKey: string]: boolean;
-            };
-            errors?: {
-                [fieldKey: string]: {
-                    isValid: boolean;
-                    errorMessage: string;
-                    errorI18n: string;
-                    error: string;
-                    rootNode: HTMLElement;
-                };
-            };
-        }, component: UIElement<UIElementProps>) => void;
+        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: {
@@ -4410,27 +4063,11 @@ declare class AchElement extends UIElement<AchConfiguration> {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: {
-            resolve: (data: PaymentData & {
-                billingAddress?: AddressData;
-                deliveryAddress?: AddressData;
-                shopperEmail?: string;
-                shopperName?: string;
-            }) => void;
-            reject: () => void;
-        }) => void;
-        onSubmit?: (state: {
-            data: PaymentData;
-            isValid: boolean;
-        }, component: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: (error?: Pick<CheckoutAdvancedFlowResponse, "error">) => void;
-        }) => 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: AdditionalDetailsStateData, component: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: () => void;
-        }) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
+        onEnterKeyPressed?: (activeElement: Element, component: UIElement<UIElementProps>) => void;
         onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
         onOrderUpdated?: (data: {
             order: Order;
@@ -4745,22 +4382,7 @@ declare class PromptPayElement extends QRLoaderContainer {
             risk?: RiskElement;
         };
         isDropin?: boolean;
-        onChange?: (state: {
-            data: PaymentData;
-            isValid: boolean;
-            valid?: {
-                [fieldKey: string]: boolean;
-            };
-            errors?: {
-                [fieldKey: string]: {
-                    isValid: boolean;
-                    errorMessage: string;
-                    errorI18n: string;
-                    error: string;
-                    rootNode: HTMLElement;
-                };
-            };
-        }, component: UIElement<UIElementProps>) => void;
+        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: {
@@ -4768,27 +4390,11 @@ declare class PromptPayElement extends QRLoaderContainer {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: {
-            resolve: (data: PaymentData & {
-                billingAddress?: AddressData;
-                deliveryAddress?: AddressData;
-                shopperEmail?: string;
-                shopperName?: string;
-            }) => void;
-            reject: () => void;
-        }) => void;
-        onSubmit?: (state: {
-            data: PaymentData;
-            isValid: boolean;
-        }, component: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: (error?: Pick<CheckoutAdvancedFlowResponse, "error">) => void;
-        }) => 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: AdditionalDetailsStateData, component: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: () => void;
-        }) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
+        onEnterKeyPressed?: (activeElement: Element, component: UIElement<UIElementProps>) => void;
         onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
         onOrderUpdated?: (data: {
             order: Order;
@@ -4844,22 +4450,7 @@ declare class DuitNowElement extends QRLoaderContainer {
             risk?: RiskElement;
         };
         isDropin?: boolean;
-        onChange?: (state: {
-            data: PaymentData;
-            isValid: boolean;
-            valid?: {
-                [fieldKey: string]: boolean;
-            };
-            errors?: {
-                [fieldKey: string]: {
-                    isValid: boolean;
-                    errorMessage: string;
-                    errorI18n: string;
-                    error: string;
-                    rootNode: HTMLElement;
-                };
-            };
-        }, component: UIElement<UIElementProps>) => void;
+        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: {
@@ -4867,27 +4458,11 @@ declare class DuitNowElement extends QRLoaderContainer {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: {
-            resolve: (data: PaymentData & {
-                billingAddress?: AddressData;
-                deliveryAddress?: AddressData;
-                shopperEmail?: string;
-                shopperName?: string;
-            }) => void;
-            reject: () => void;
-        }) => void;
-        onSubmit?: (state: {
-            data: PaymentData;
-            isValid: boolean;
-        }, component: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: (error?: Pick<CheckoutAdvancedFlowResponse, "error">) => void;
-        }) => 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: AdditionalDetailsStateData, component: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: () => void;
-        }) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
+        onEnterKeyPressed?: (activeElement: Element, component: UIElement<UIElementProps>) => void;
         onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
         onOrderUpdated?: (data: {
             order: Order;
@@ -4963,27 +4538,11 @@ declare class Riverty extends OpenInvoiceContainer {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: {
-            resolve: (data: PaymentData & {
-                billingAddress?: AddressData;
-                deliveryAddress?: AddressData;
-                shopperEmail?: string;
-                shopperName?: string;
-            }) => void;
-            reject: () => void;
-        }) => void;
-        onSubmit?: (state: {
-            data: PaymentData;
-            isValid: boolean;
-        }, component: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: (error?: Pick<CheckoutAdvancedFlowResponse, "error">) => void;
-        }) => 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: AdditionalDetailsStateData, component: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: () => void;
-        }) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
+        onEnterKeyPressed?: (activeElement: Element, component: UIElement<UIElementProps>) => void;
         onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
         onOrderUpdated?: (data: {
             order: Order;
@@ -5094,7 +4653,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;
@@ -5131,6 +4689,7 @@ declare const ComponentsMap: {
     klarna: typeof KlarnaPayments;
     klarna_account: typeof KlarnaPayments;
     klarna_paynow: typeof KlarnaPayments;
+    klarna_b2b: typeof KlarnaPayments;
     /** Klarna */
     /** QRLoader */
     bcmc_mobile: typeof BCMCMobileElement;
@@ -5146,6 +4705,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;
@@ -5211,11 +4771,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}
@@ -5249,8 +4834,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 {
@@ -5287,7 +4871,7 @@ interface ICore {
     register(...items: NewableComponent[]): void;
     update(options: CoreConfiguration): Promise<ICore>;
     remove(component: any): ICore;
-    submitDetails(details: AdditionalDetailsStateData['data']): void;
+    submitDetails(details: AdditionalDetailsData['data']): void;
     getCorePropsForComponent(): any;
     getComponent(txVariant: string): NewableComponent | undefined;
     createFromAction(action: PaymentAction, options: any): UIElement;
@@ -5296,7 +4880,6 @@ interface ICore {
     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;
@@ -5304,20 +4887,68 @@ type PaymentCompletedData = SessionsResponse | {
 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 {
     /**
      * The payment session object from your call to /sessions.
      */
     session?: {
         id: string;
-        sessionData: 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';
     /**
      * Show or hides a Pay Button for each payment method
      * @default true
@@ -5380,172 +5011,300 @@ interface CoreConfiguration {
      * 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
+     * @param resolve
+     * @param reject
+     * @param redirectData
+     */
+    beforeRedirect?(resolve: () => void, reject: () => void, redirectData: {
+        url: string;
+        method: string;
+        data?: any;
+    }): 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 component
+     */
+    onPaymentCompleted?(data: PaymentCompletedData, component?: UIElement): void;
+    /**
+     * Called when the payment fails.
+     *
+     * The first parameter is populated when merchant is using sessions, or when the payment was rejected
+     * 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 component
+     */
+    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 component - Component submitting details. It is undefined when using checkout.submitDetails()
+     * @param actions
+     */
+    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;
+    /**
+     * Called when a Component detects, or is told by a SecuredField, that the Enter key has been pressed.
+     * - merchant set config option
+     */
+    onEnterKeyPressed?(activeElement: Element, component: UIElement): void;
+    /**
+     * 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;
+    }): void;
+    onOrderCancel?: onOrderCancelType;
+    /**
+     * Called when the gift card balance is less than the transaction amount.
+     * Returns an Order object that includes the remaining amount to be paid.
+     * https://docs.adyen.com/payment-methods/gift-cards/web-component?tab=config-sessions_1
+     */
+    onOrderUpdated?(data: {
+        order: Order;
+    }): void;
+    /**
+     * @internal
+     */
+    loadingContext?: string;
+    /**
+     * Used internally in order to set different URL's instead of using the ones mapped in our codebase.
+     *
+     * @internal
+     */
+    _environmentUrls?: {
+        api?: string;
+        analytics?: string;
+        cdn?: {
+            images?: string;
+            translations?: string;
+        };
+    };
+}
+
+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 static defaultProps: {};
+    constructor(checkout: ICore, props?: P);
+    protected buildElementProps(componentProps?: P): void;
+    /**
+     * Executed during creation of any payment element.
+     * Gives a chance to any paymentMethod to format the props we're receiving.
+     */
+    protected formatProps(props: P): P;
+    /**
+     * Executed on the `data` getter.
+     * Returns the component data necessary for the /payments request
+     */
+    protected formatData(): any;
+    protected setUpAnalytics(setUpAnalyticsObj: AnalyticsInitialEvent): any;
+    protected submitAnalytics(analyticsObj?: SendAnalyticsObject): any;
+    protected handleKeyPress(e: h.JSX.TargetedKeyboardEvent<HTMLInputElement>): any;
+    protected setState(newState: object): void;
+    /**
+     * Returns the component payment data ready to submit to the Checkout API
+     * Note: this does not ensure validity, check isValid first
+     */
+    get data(): PaymentData;
+    render(): ComponentChild | Error;
+    /**
+     * Mounts an element into the dom
+     * @param domNode - Node (or selector) where we will mount the payment element
+     * @returns this - the payment element instance we mounted
+     */
+    mount(domNode: HTMLElement | string): this;
+    /**
+     * Updates props, resets the internal state and remounts the element.
+     *
+     * @param props - props to update
+     * @returns this - the element instance
+     */
+    update(props: Partial<P>): this;
+    /**
+     * Unmounts a payment element from the DOM
+     */
+    unmount(): this;
+    /**
+     * Unmounts an element and removes it from the parent instance
+     * For "destroy" type cleanup - when you don't intend to use the component again
+     */
+    remove(): void;
+}
+
+declare abstract class UIElement<P extends UIElementProps = UIElementProps> extends BaseElement<P> {
+    protected componentRef: any;
+    protected resources: Resources;
+    elementRef: UIElement;
+    static type: any;
+    /**
+     * Defines all txVariants that the Component supports (in case it support multiple ones besides the 'type' one)
+     */
+    static txVariants: string[];
+    constructor(checkout: ICore, props?: P);
+    protected buildElementProps(componentProps?: P): void;
+    protected storeElementRefOnCore(props?: P): void;
+    isAvailable(): Promise<void>;
+    setState(newState: object): void;
+    showValidation(): this;
+    setElementStatus(status: UIElementStatus, props?: any): this;
+    setStatus(status: UIElementStatus, props?: any): this;
+    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:
+     *  - mounted,
+     *  - a PM has been selected
+     *  - onSubmit has been called (as a result of the pay button being pressed)
+     *
+     *  In some other cases e.g. 3DS2 components, this function is overridden to allow more specific analytics actions to be created
+     */
+    protected submitAnalytics(analyticsObj: SendAnalyticsObject, uiElementProps?: any): void;
+    submit(): void;
+    protected makePaymentsCall(): Promise<CheckoutAdvancedFlowResponse | CheckoutSessionPaymentResponse>;
+    private submitUsingAdvancedFlow;
+    private submitUsingSessionsFlow;
+    protected onComplete(state: any): void;
+    protected handleError: (error: AdyenCheckoutError) => void;
+    protected handleAdditionalDetails(state: AdditionalDetailsData): void;
+    private makeAdditionalDetailsCall;
+    private submitAdditionalDetailsUsingSessionsFlow;
+    handleAction(action: PaymentAction, props?: {}): UIElement | null;
+    protected handleOrder: (response: PaymentResponseData) => void;
+    /**
+     * Handles when the payment fails. The payment fails when:
+     * - adv flow: the merchant rejects the payment due to a critical error
+     * - adv flow: the merchant resolves the payment with a failed resultCode
+     * - sessions: a network error occurs when making the payment
+     * - sessions: the payment fails with a failed resultCode
+     *
+     * @param result
      */
-    beforeRedirect?(resolve: () => void, reject: () => void, redirectData: {
-        url: string;
-        method: string;
-        data?: any;
-    }): void;
+    protected handleFailedResult: (result?: PaymentResponseData) => void;
+    protected handleSuccessResult: (result: PaymentResponseData) => 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'
+     * Handles a session /payments or /payments/details response.
+     * The component will handle automatically actions, orders, and final results.
      *
-     * @param state
-     * @param component
-     * @param actions
+     * @param rawResponse -
      */
-    beforeSubmit?(state: PaymentData, component: UIElement, actions: {
-        resolve: (data: PaymentData & {
-            billingAddress?: AddressData;
-            deliveryAddress?: AddressData;
-            shopperEmail?: string;
-            shopperName?: string;
-        }) => void;
-        reject: () => void;
-    }): void;
+    protected handleResponse(rawResponse: RawPaymentResponse): void;
+    protected handleKeyPress(e: h.JSX.TargetedKeyboardEvent<HTMLInputElement> | KeyboardEvent): void;
     /**
-     * Called when the payment succeeds.
-     *
-     * The first parameter is the sessions response (when using sessions flow), or the result code.
-     *
-     * @param data
-     * @param component
+     * Handle Enter key pressed from a UIElement (called via handleKeyPress)
+     * @param obj
      */
-    onPaymentCompleted?(data: PaymentCompletedData, component?: UIElement): void;
+    protected onEnterKeyPressed(activeElement: Element, component: UIElement): void;
     /**
-     * Called when the payment fails.
-     *
-     * The first parameter is populated when merchant is using sessions, or when the payment was rejected
-     * 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 component
+     * Call update on parent instance
+     * This function exist to make safe access to the protected _parentInstance
+     * @param options - CoreOptions
      */
-    onPaymentFailed?(data?: PaymentFailedData, component?: UIElement): void;
+    updateParent(options?: CoreConfiguration): Promise<ICore>;
+    setComponentRef: (ref: ComponentMethodsRef) => 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
+     * Get the current validation status of the element
      */
-    onSubmit?(state: {
-        data: PaymentData;
-        isValid: boolean;
-    }, component: UIElement, actions: {
-        resolve: (response: CheckoutAdvancedFlowResponse) => void;
-        reject: (error?: Pick<CheckoutAdvancedFlowResponse, 'error'>) => void;
-    }): void;
+    get isValid(): boolean;
     /**
-     * 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 component - Component submitting details. It is undefined when using checkout.submitDetails()
-     * @param actions
+     * Get the element icon URL for the current environment
      */
-    onAdditionalDetails?(state: AdditionalDetailsStateData, component: UIElement, actions: {
-        resolve: (response: CheckoutAdvancedFlowResponse) => void;
-        reject: () => void;
-    }): void;
+    get icon(): string;
     /**
-     * Callback called when an action (for example a QR code or 3D Secure 2 authentication screen) is shown to the shopper.
-     *
-     * @param actionHandled
+     * Get the element's displayable name
      */
-    onActionHandled?(actionHandled: ActionHandledReturnObject): void;
-    onChange?(state: {
-        data: PaymentData;
-        isValid: boolean;
-        valid?: {
-            [fieldKey: string]: boolean;
-        };
-        errors?: {
-            [fieldKey: string]: {
-                isValid: boolean;
-                errorMessage: string;
-                errorI18n: string;
-                error: string;
-                rootNode: HTMLElement;
-            };
-        };
-    }, component: UIElement): void;
+    get displayName(): string;
     /**
-     * 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
+     * Get the element accessible name, used in the aria-label of the button that controls selected payment method
      */
-    onError?(error: AdyenCheckoutError, component?: UIElement): void;
-    onBalanceCheck?: onBalanceCheckCallbackType;
-    onOrderRequest?: onOrderRequestCallbackType;
+    get accessibleName(): string;
     /**
-     * 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
+     * Used to display the second line of a payment method item
      */
-    onPaymentMethodsRequest?(data: PaymentMethodsRequestData, actions: {
-        resolve: (response: PaymentMethodsResponse) => void;
-        reject: () => void;
-    }): void;
-    onOrderCancel?: onOrderCancelType;
+    get additionalInfo(): string;
     /**
-     * Called when the gift card balance is less than the transaction amount.
-     * Returns an Order object that includes the remaining amount to be paid.
-     * https://docs.adyen.com/payment-methods/gift-cards/web-component?tab=config-sessions_1
+     * Return the type of an element
      */
-    onOrderUpdated?(data: {
-        order: Order;
-    }): void;
+    get type(): string;
     /**
-     * @internal
+     * Get the payButton component for the current element
      */
-    loadingContext?: string;
+    protected payButton: (props: PayButtonFunctionProps) => h.JSX.Element;
     /**
-     * Used internally in order to set different URL's instead of using the ones mapped in our codebase.
+     * Used in the Partial Orders flow.
+     * When the Order is updated, the merchant can request new payment methods based on the new remaining amount
      *
-     * @internal
+     * @private
      */
-    _environmentUrls?: {
-        api?: string;
-        analytics?: string;
-        cdn?: {
-            images?: string;
-            translations?: string;
-        };
-    };
-}
-
-type NewableComponent = new (checkout: ICore, props?: any) => IUIElement;
-interface IRegistry {
-    add(...items: NewableComponent[]): void;
-    getComponent(type: string): NewableComponent | undefined;
+    protected handleAdvanceFlowPaymentMethodsUpdate(order: Order | null, amount?: PaymentAmount): Promise<ICore>;
 }
 
 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 {
@@ -5569,7 +5328,7 @@ interface PaymentAction {
     /**
      * General type of action that needs to be taken by the client
      */
-    type: PaymentActionsType | string;
+    type: PaymentActionsType;
     /**
      * Refinement of type of action that needs to be taken by the client (currently only applies to the new 'threeDS2' type)
      */
@@ -5843,17 +5602,6 @@ 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;
@@ -5956,7 +5704,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
      */
@@ -6041,47 +5789,49 @@ declare class CardElement extends UIElement<CardConfiguration> {
             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;
-        showContextualElement?: boolean;
-        hideCVC?: boolean;
-        hasHolderName?: boolean;
-        placeholders?: Partial<Record<"cardNumber" | "expiryDate" | "holderName" | "expiryMonth" | "expiryYear" | "securityCodeThreeDigits" | "securityCodeFourDigits" | "password", string>>;
         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;
@@ -6090,22 +5840,7 @@ declare class CardElement extends UIElement<CardConfiguration> {
             risk?: RiskElement;
         };
         isDropin?: boolean;
-        onChange?: (state: {
-            data: PaymentData;
-            isValid: boolean;
-            valid?: {
-                [fieldKey: string]: boolean;
-            };
-            errors?: {
-                [fieldKey: string]: {
-                    isValid: boolean;
-                    errorMessage: string;
-                    errorI18n: string;
-                    error: string;
-                    rootNode: HTMLElement;
-                };
-            };
-        }, component: UIElement<UIElementProps>) => void;
+        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: {
@@ -6113,27 +5848,11 @@ declare class CardElement extends UIElement<CardConfiguration> {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: {
-            resolve: (data: PaymentData & {
-                billingAddress?: AddressData;
-                deliveryAddress?: AddressData;
-                shopperEmail?: string;
-                shopperName?: string;
-            }) => void;
-            reject: () => void;
-        }) => void;
-        onSubmit?: (state: {
-            data: PaymentData;
-            isValid: boolean;
-        }, component: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: (error?: Pick<CheckoutAdvancedFlowResponse, "error">) => void;
-        }) => 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: AdditionalDetailsStateData, component: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: () => void;
-        }) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
+        onEnterKeyPressed?: (activeElement: Element, component: UIElement<UIElementProps>) => void;
         onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
         onOrderUpdated?: (data: {
             order: Order;
@@ -6149,7 +5868,6 @@ declare class CardElement extends UIElement<CardConfiguration> {
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
         statusType?: "custom" | "loading" | "redirect";
-        name?: string;
         amount?: PaymentAmount;
         secondaryAmount?: PaymentAmountExtended;
         showPayButton?: boolean;
@@ -6251,22 +5969,7 @@ declare class PayMeElement extends QRLoaderContainer {
             risk?: RiskElement;
         };
         isDropin?: boolean;
-        onChange?: (state: {
-            data: PaymentData;
-            isValid: boolean;
-            valid?: {
-                [fieldKey: string]: boolean;
-            };
-            errors?: {
-                [fieldKey: string]: {
-                    isValid: boolean;
-                    errorMessage: string;
-                    errorI18n: string;
-                    error: string;
-                    rootNode: HTMLElement;
-                };
-            };
-        }, component: UIElement<UIElementProps>) => void;
+        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: {
@@ -6274,27 +5977,11 @@ declare class PayMeElement extends QRLoaderContainer {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: {
-            resolve: (data: PaymentData & {
-                billingAddress?: AddressData;
-                deliveryAddress?: AddressData;
-                shopperEmail?: string;
-                shopperName?: string;
-            }) => void;
-            reject: () => void;
-        }) => void;
-        onSubmit?: (state: {
-            data: PaymentData;
-            isValid: boolean;
-        }, component: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: (error?: Pick<CheckoutAdvancedFlowResponse, "error">) => void;
-        }) => 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: AdditionalDetailsStateData, component: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: () => void;
-        }) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
+        onEnterKeyPressed?: (activeElement: Element, component: UIElement<UIElementProps>) => void;
         onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
         onOrderUpdated?: (data: {
             order: Order;
@@ -6327,30 +6014,6 @@ 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;
-    /**
-     * 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 class DropinElement extends UIElement<DropinConfiguration> implements IDropin {
     static type: TxVariants;
     protected static defaultProps: DropinConfiguration;
@@ -6370,11 +6033,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;
@@ -6385,22 +6050,7 @@ declare class DropinElement extends UIElement<DropinConfiguration> implements ID
             risk?: RiskElement;
         };
         isDropin?: boolean;
-        onChange?: (state: {
-            data: PaymentData;
-            isValid: boolean;
-            valid?: {
-                [fieldKey: string]: boolean;
-            };
-            errors?: {
-                [fieldKey: string]: {
-                    isValid: boolean;
-                    errorMessage: string;
-                    errorI18n: string;
-                    error: string;
-                    rootNode: HTMLElement;
-                };
-            };
-        }, component: UIElement<UIElementProps>) => void;
+        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: {
@@ -6408,20 +6058,11 @@ declare class DropinElement extends UIElement<DropinConfiguration> implements ID
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: {
-            resolve: (data: PaymentData & {
-                billingAddress?: AddressData;
-                deliveryAddress?: AddressData;
-                shopperEmail?: string;
-                shopperName?: string;
-            }) => void;
-            reject: () => void;
-        }) => 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: AdditionalDetailsStateData, component: UIElement<UIElementProps>, actions: {
-            resolve: (response: CheckoutAdvancedFlowResponse) => void;
-            reject: () => void;
-        }) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
+        onEnterKeyPressed?: (activeElement: Element, component: UIElement<UIElementProps>) => void;
         onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
         onOrderUpdated?: (data: {
             order: Order;
@@ -6474,6 +6115,8 @@ declare class DropinElement extends UIElement<DropinConfiguration> implements ID
      */
     protected handleOrder: ({ order }: PaymentResponseData) => void;
     closeActivePaymentMethod(): void;
+    protected handleKeyPress(e: h.JSX.TargetedKeyboardEvent<HTMLInputElement> | KeyboardEvent): void;
+    protected onEnterKeyPressed(activeElement: Element, component: UIElement): void;
     render(): h.JSX.Element;
 }
 
@@ -6512,13 +6155,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;
@@ -6534,7 +6183,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;
@@ -6556,7 +6208,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
      *
@@ -6600,8 +6252,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 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 IUIElement, 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, 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 SupportedLocale, SwishElement as Swish, ThreeDS2Challenge, type ThreeDS2ChallengeConfiguration, ThreeDS2DeviceFingerprint, type ThreeDS2DeviceFingerprintConfiguration, type ThreeDS2FingerprintResponse, type ThreeDS2FlowObject, type ThreeDS2Token, TrustlyElement as Trustly, TwintElement as Twint, 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 };
+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 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, type onRequiringConfirmationCallbackType };