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

package/dist/cjs/index.d.cts

@@ -1,8 +1,54 @@
-/// <reference types="applepayjs" />
-/// <reference types="googlepay" />
 import * as preact from 'preact';
 import { h, ComponentChild, FunctionComponent } from 'preact';
 
+/**
+ * Holds the result of a validation
+ */
+declare class ValidationRuleResult {
+    private readonly shouldValidate;
+    isValid: boolean;
+    errorMessage: string | ErrorMessageObject;
+    constructor(rule: any, value: any, mode: any, context: any);
+    /**
+     * Whether the validation is considered an error.
+     * A field is only considered to be an error if the validation rule applies to the current mode i.e. 'blur' or 'input'.
+     * Also, if a validation function returns a null value e.g. when the field is empty, then the field will not be considered to be in error
+     * unless the whole form is being validated
+     */
+    hasError(isValidatingForm?: boolean): boolean;
+}
+
+type ErrorMessageObject = {
+    translationKey: string;
+    translationObject: any;
+};
+
+type OnAddressLookupType = (value: string, actions: {
+    resolve: (value: Array<AddressLookupItem>) => void;
+    reject: (reason?: any) => void;
+}) => Promise<void>;
+
+type StringObject = {
+    [key: string]: string;
+};
+interface AddressLookupItem extends AddressData {
+    id: string;
+    name: string;
+}
+type AddressFieldsGroup = [AddressField, number][];
+type AddressSchema = (AddressField | AddressFieldsGroup)[];
+interface AddressSpecifications {
+    [key: string]: {
+        hasDataset?: boolean;
+        labels?: StringObject;
+        optionalFields?: AddressField[];
+        placeholders?: StringObject;
+        schema?: AddressSchema;
+    };
+}
+
+declare const ADDRESS_SCHEMA: readonly ["street", "houseNumberOrName", "postalCode", "city", "stateOrProvince", "country", "firstName", "lastName"];
+
 type CustomTranslations = {
     [locale: string]: Translations;
 };
@@ -51,76 +97,233 @@ declare class Language {
     dateTime(date: string): string;
 }
 
-/**
- * Holds the result of a validation
- */
-declare class ValidationRuleResult {
-    private readonly shouldValidate;
-    isValid: boolean;
-    errorMessage: string | ErrorMessageObject;
-    constructor(rule: any, value: any, mode: any, context: any);
-    /**
-     * Whether the validation is considered an error.
-     * A field is only considered to be an error if the validation rule applies to the current mode i.e. 'blur' or 'input'.
-     * Also, if a validation function returns a null value e.g. when the field is empty, then the field will not be considered to be in error
-     * unless the whole form is being validated
-     */
-    hasError(isValidatingForm?: boolean): boolean;
+interface ImageOptions {
+    extension?: string;
+    imageFolder?: string;
+    resourceContext?: string;
+    name?: string;
+    parentFolder?: string;
+    size?: string;
+    subFolder?: string;
+    svgOptions?: string;
+    type?: string;
+}
+type GetImageFnType = (name: any) => string;
+declare class Resources {
+    private readonly resourceContext;
+    constructor(cdnContext: string);
+    private returnImage;
+    private getImageUrl;
+    getImage(props?: ImageOptions): GetImageFnType;
 }
 
-type ErrorMessageObject = {
-    translationKey: string;
-    translationObject: any;
-};
+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;
+    get enabled(): boolean;
+    cleanUp: () => void;
+    componentWillUnmount(): void;
+    render(): h.JSX.Element;
+}
 
-type StringObject = {
-    [key: string]: string;
-};
-type AddressFieldsGroup = [AddressField, number][];
-type AddressSchema = (AddressField | AddressFieldsGroup)[];
-interface AddressSpecifications {
-    [key: string]: {
-        hasDataset?: boolean;
-        labels?: StringObject;
-        optionalFields?: AddressField[];
-        placeholders?: StringObject;
-        schema?: AddressSchema;
+interface BaseElementProps {
+    order?: Order;
+    modules?: {
+        srPanel?: SRPanel;
+        analytics?: AnalyticsModule;
+        resources?: Resources;
+        risk?: RiskElement;
     };
+    isDropin?: boolean;
+}
+interface IBaseElement {
+    data: object;
+    state: any;
+    props: any;
+    _id: string;
+    _component: any;
+    render(): ComponentChild | Error;
+    mount(domNode: HTMLElement | string): IBaseElement;
+    update(props: any): IBaseElement;
+    unmount(): IBaseElement;
+    remove(): void;
 }
 
-declare const ADDRESS_SCHEMA: readonly ["street", "houseNumberOrName", "postalCode", "city", "stateOrProvince", "country", "firstName", "lastName"];
+interface ValidationRuleErrorObj {
+    [key: string]: ValidationRuleResult;
+}
+interface AriaAttributes {
+    'aria-relevant'?: 'additions' | 'all' | 'removals' | 'text' | 'additions text';
+    'aria-live'?: 'off' | 'polite' | 'assertive';
+    'aria-atomic'?: 'true' | 'false';
+}
+interface SRPanelProps extends BaseElementProps {
+    enabled?: boolean;
+    node?: string;
+    showPanel?: boolean;
+    moveFocus?: boolean;
+    id?: string;
+    ariaAttributes?: AriaAttributes;
+}
+type SRPanelConfig = Pick<SRPanelProps, 'enabled' | 'node' | 'showPanel' | 'moveFocus' | 'id' | 'ariaAttributes'>;
+interface GenericError {
+    isValid: boolean;
+    errorMessage: string;
+    error: string;
+}
 
-declare class PaymentMethods$1 {
-    paymentMethods: PaymentMethod[];
-    storedPaymentMethods: StoredPaymentMethod[];
-    constructor(response: PaymentMethodsResponse, options?: {});
-    private mapCreatedComponentType;
-    has(paymentMethod: string): boolean;
-    find(paymentMethod: string): PaymentMethod;
+/**
+ * A panel meant to hold messages that will be read out by ScreenReaders on an aria-live="polite" basis
+ * Expects a string or string array of message to add to the panel to be read out
+ * For testing purposes can be made visible
+ */
+declare class SRPanel extends BaseElement<SRPanelProps> {
+    static type: string;
+    static defaultProps: Partial<SRPanelProps>;
+    private readonly srPanelContainer;
+    private readonly id;
+    private readonly showPanel;
+    private readonly _enabled;
+    private readonly _moveFocus;
+    private componentRef;
+    constructor(checkout: ICore, props?: SRPanelProps);
+    setComponentRef: (ref: any) => void;
+    get enabled(): boolean;
+    get moveFocus(): boolean;
+    setAriaProps(ariaAttributes: AriaAttributes): void;
+    setMessages: (messages: string[] | string) => void;
+    render(): h.JSX.Element;
 }
 
-interface CheckoutErrorOptions {
-    cause?: any;
+interface DisclaimerMsgObject {
+    message: string;
+    linkText: string;
+    link: string;
 }
-declare class AdyenCheckoutError extends Error {
-    protected static errorTypes: {
-        /** Network error. */
-        NETWORK_ERROR: string;
-        /** Shopper canceled the current transaction. */
-        CANCEL: string;
-        /** Implementation error. The method or parameter are incorrect or are not supported. */
-        IMPLEMENTATION_ERROR: string;
-        /** API error. The API has not returned the expected data  */
-        API_ERROR: string;
-        /** Generic error. */
-        ERROR: string;
-        /** Script error. The browser failed to load 3rd party script */
-        SCRIPT_ERROR: string;
-        /** Something has gone wrong internally */
-        SDK_ERROR: string;
-    };
-    cause: unknown;
-    constructor(type: keyof typeof AdyenCheckoutError.errorTypes, message?: string, options?: CheckoutErrorOptions);
+
+type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'action';
+interface ButtonProps {
+    status?: string;
+    /**
+     * Class name modifiers will be used as: `adyen-checkout__image--${modifier}`
+     */
+    classNameModifiers?: string[];
+    variant?: ButtonVariant;
+    disabled?: boolean;
+    label?: string;
+    secondaryLabel?: string;
+    icon?: string;
+    inline?: boolean;
+    href?: string;
+    target?: string;
+    rel?: string;
+    onClick?: (e: any, callbacks: any) => void;
+}
+
+interface PayButtonProps extends ButtonProps {
+    /**
+     * Class name modifiers will be used as: `adyen-checkout__image--${modifier}`
+     */
+    classNameModifiers?: string[];
+    label?: string;
+    amount: PaymentAmountExtended;
+    secondaryAmount?: PaymentAmountExtended;
+    status?: string;
+    disabled?: boolean;
+    icon?: string;
+    onClick?(): void;
+}
+
+type PayButtonFunctionProps = Omit<PayButtonProps, 'amount'>;
+type CoreCallbacks = Pick<CoreConfiguration, 'beforeRedirect' | 'beforeSubmit' | 'onSubmit' | 'onAdditionalDetails' | 'onPaymentFailed' | 'onPaymentCompleted' | 'onOrderUpdated' | 'onPaymentMethodsRequest' | 'onChange' | 'onActionHandled' | 'onError' | 'onEnterKeyPressed'>;
+type UIElementProps = BaseElementProps & CoreCallbacks & {
+    environment?: string;
+    session?: Session;
+    onComplete?: (state: any, element: UIElement) => void;
+    isInstantPayment?: boolean;
+    /**
+     * Flags if the element is Stored payment method
+     * @internal
+     */
+    isStoredPaymentMethod?: boolean;
+    /**
+     * Flag if the element is Stored payment method.
+     * Perhaps can be deprecated and we use the one above?
+     * @internal
+     */
+    oneClick?: boolean;
+    /**
+     * Stored payment method id
+     * @internal
+     */
+    storedPaymentMethodId?: string;
+    /**
+     * Status set when creating the Component from action
+     * @internal
+     */
+    statusType?: 'redirect' | 'loading' | 'custom';
+    type?: string;
+    name?: string;
+    icon?: string;
+    amount?: PaymentAmount;
+    secondaryAmount?: PaymentAmountExtended;
+    /**
+     * Show/Hide pay button
+     * @defaultValue true
+     */
+    showPayButton?: boolean;
+    /** @internal */
+    payButton?: (options: PayButtonFunctionProps) => h.JSX.Element;
+    /** @internal */
+    loadingContext?: string;
+    /** @internal */
+    createFromAction?: (action: PaymentAction, props: object) => UIElement;
+    /** @internal */
+    clientKey?: string;
+    /** @internal */
+    elementRef?: any;
+    /** @internal */
+    i18n?: Language;
+    /**
+     * The shopper’s issuer account label. It can be available for stored payment method
+     * @internal
+     */
+    label?: string;
+    /**
+     * Returned after the payments call, when an action is returned. It represents the payment method tx variant
+     * that was used for the payment
+     * @internal
+     */
+    paymentMethodType?: string;
+};
+type UIElementStatus = 'ready' | 'loading' | 'error' | 'success';
+interface ComponentMethodsRef {
+    showValidation?: () => void;
+    setStatus?(status: UIElementStatus): void;
 }
 
 interface Experiment {
@@ -191,6 +394,7 @@ interface AnalyticsObject {
     isExpress?: boolean;
     expressPage?: string;
     result?: string;
+    configData?: Record<string, string | boolean>;
 }
 type ANALYTICS_EVENT = 'log' | 'error' | 'info';
 type AnalyticsInitialEvent = {
@@ -201,34 +405,25 @@ type AnalyticsInitialEvent = {
     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;
-    resourceContext?: string;
-    name?: string;
-    parentFolder?: string;
-    size?: string;
-    subFolder?: string;
-    svgOptions?: string;
-    type?: string;
-}
-type GetImageFnType = (name: any) => string;
-declare class Resources {
-    private readonly resourceContext;
-    constructor(cdnContext: string);
-    private returnImage;
-    private getImageUrl;
-    getImage(props?: ImageOptions): GetImageFnType;
-}
+type CreateAnalyticsEventObject = {
+    event: ANALYTICS_EVENT;
+    data: CreateAnalyticsEventData;
+};
+type SendAnalyticsObject = Omit<AnalyticsObject, 'timestamp' | 'component' | 'id'>;
 
-type PlaceholderKeys$1 = 'holderName' | 'bankAccountNumber' | 'bankLocationId';
+type PlaceholderKeys$1 = 'holderName' | 'cardNumber' | 'expiryDate' | 'expiryMonth' | 'expiryYear' | 'securityCodeThreeDigits' | 'securityCodeFourDigits' | 'password';
 type Placeholders$1 = Partial<Record<PlaceholderKeys$1, string>>;
+interface SFError {
+    isValid?: boolean;
+    errorMessage?: string;
+    errorI18n?: string;
+    error: string;
+    rootNode: HTMLElement;
+    detectedBrands?: string[];
+}
+
+type PlaceholderKeys = 'holderName' | 'bankAccountNumber' | 'bankLocationId';
+type Placeholders = Partial<Record<PlaceholderKeys, string>>;
 
 type GiftcardFieldsProps = {
     setRootNode: (input: HTMLElement) => void;
@@ -327,6 +522,11 @@ interface CbObjOnBrand {
     showSocialSecurityNumber?: boolean;
     brandImageUrl?: string;
 }
+interface CbObjOnAllValid {
+    type: string;
+    allValid: boolean;
+    rootNode: HTMLElement;
+}
 interface CbObjOnFieldValid {
     fieldType: string;
     encryptedFieldName: string;
@@ -418,113 +618,6 @@ type ClickToPayProps = {
 };
 type ClickToPayScheme = 'mc' | 'visa';
 
-interface DisclaimerMsgObject {
-    message: string;
-    linkText: string;
-    link: string;
-}
-
-type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'action';
-interface ButtonProps {
-    status?: string;
-    /**
-     * Class name modifiers will be used as: `adyen-checkout__image--${modifier}`
-     */
-    classNameModifiers?: string[];
-    variant?: ButtonVariant;
-    disabled?: boolean;
-    label?: string;
-    secondaryLabel?: string;
-    icon?: string;
-    inline?: boolean;
-    href?: string;
-    target?: string;
-    rel?: string;
-    onClick?: (e: any, callbacks: any) => void;
-}
-
-interface PayButtonProps extends ButtonProps {
-    /**
-     * Class name modifiers will be used as: `adyen-checkout__image--${modifier}`
-     */
-    classNameModifiers?: string[];
-    label?: string;
-    amount: PaymentAmountExtended;
-    secondaryAmount?: PaymentAmountExtended;
-    status?: string;
-    disabled?: boolean;
-    icon?: string;
-    onClick?(): void;
-}
-
-type PayButtonFunctionProps = Omit<PayButtonProps, 'amount'>;
-type CoreCallbacks = Pick<CoreConfiguration, 'beforeRedirect' | 'beforeSubmit' | 'onSubmit' | 'onAdditionalDetails' | 'onPaymentFailed' | 'onPaymentCompleted' | 'onOrderUpdated' | 'onPaymentMethodsRequest' | 'onChange' | 'onActionHandled' | 'onError' | 'onEnterKeyPressed'>;
-type UIElementProps = BaseElementProps & CoreCallbacks & {
-    environment?: string;
-    session?: Session;
-    onComplete?: (state: any, element: UIElement) => void;
-    isInstantPayment?: boolean;
-    /**
-     * Flags if the element is Stored payment method
-     * @internal
-     */
-    isStoredPaymentMethod?: boolean;
-    /**
-     * Flag if the element is Stored payment method.
-     * Perhaps can be deprecated and we use the one above?
-     * @internal
-     */
-    oneClick?: boolean;
-    /**
-     * Stored payment method id
-     * @internal
-     */
-    storedPaymentMethodId?: string;
-    /**
-     * Status set when creating the Component from action
-     * @internal
-     */
-    statusType?: 'redirect' | 'loading' | 'custom';
-    type?: string;
-    name?: string;
-    icon?: string;
-    amount?: PaymentAmount;
-    secondaryAmount?: PaymentAmountExtended;
-    /**
-     * Show/Hide pay button
-     * @defaultValue true
-     */
-    showPayButton?: boolean;
-    /** @internal */
-    payButton?: (options: PayButtonFunctionProps) => h.JSX.Element;
-    /** @internal */
-    loadingContext?: string;
-    /** @internal */
-    createFromAction?: (action: PaymentAction, props: object) => UIElement;
-    /** @internal */
-    clientKey?: string;
-    /** @internal */
-    elementRef?: any;
-    /** @internal */
-    i18n?: Language;
-    /**
-     * The shopper’s issuer account label. It can be available for stored payment method
-     * @internal
-     */
-    label?: string;
-    /**
-     * Returned after the payments call, when an action is returned. It represents the payment method tx variant
-     * that was used for the payment
-     * @internal
-     */
-    paymentMethodType?: string;
-};
-type UIElementStatus = 'ready' | 'loading' | 'error' | 'success';
-interface ComponentMethodsRef {
-    showValidation?: () => void;
-    setStatus?(status: UIElementStatus): void;
-}
-
 interface CardConfiguration extends UIElementProps {
     /**
      * Automatically shift the focus from one field to another. Usually happens from a valid Expiry Date field to the Security Code field,
@@ -732,6 +825,11 @@ interface CardConfiguration extends UIElementProps {
      * @internal - but can also be overwritten by merchant config option
      */
     name?: string;
+    /**
+     * Function used to perform 3rd party Address lookup
+     * - merchant set config option
+     */
+    onAddressLookup?: OnAddressLookupType;
     /**
      * After binLookup call - provides the brand(s) we detect the user is entering, and if we support the brand(s)
      * - merchant set config option
@@ -757,6 +855,11 @@ interface CardConfiguration extends UIElementProps {
      * - merchant set config option
      */
     onConfigSuccess?: (event: CbObjOnConfigSuccess) => void;
+    /**
+     * Called when *all* the securedFields becomes valid
+     *  Also called again if one of the fields moves out of validity.
+     */
+    onAllValid?: (event: CbObjOnAllValid) => 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.
@@ -777,7 +880,7 @@ interface CardConfiguration extends UIElementProps {
      * Configure placeholder text for holderName, cardNumber, expirationDate, securityCode and password.
      * - merchant set config option
      */
-    placeholders?: Placeholders;
+    placeholders?: Placeholders$1;
     /**
      * Position holder name above card number field (instead of having it after the security code field)
      * @defaultValue `false`
@@ -901,165 +1004,79 @@ interface BinLookupResponseRaw {
     status: number;
     errorCode: string;
     message: string;
-    errorType: string;
-}
-/**
- * Mapped & simplified version of BinLookupResponseRaw
- */
-interface BinLookupResponse {
-    issuingCountryCode: string;
-    showSocialSecurityNumber?: boolean;
-    supportedBrands?: BrandObject[];
-}
-interface DualBrandSelectElement {
-    id: string;
-    brandObject: BrandObject;
-}
-
-type PlaceholderKeys = 'holderName' | 'cardNumber' | 'expiryDate' | 'expiryMonth' | 'expiryYear' | 'securityCodeThreeDigits' | 'securityCodeFourDigits' | 'password';
-type Placeholders = Partial<Record<PlaceholderKeys, string>>;
-interface SFError {
-    isValid?: boolean;
-    errorMessage?: string;
-    errorI18n?: string;
-    error: string;
-    rootNode: HTMLElement;
-    detectedBrands?: string[];
-}
-
-interface ValidationRuleErrorObj {
-    [key: string]: ValidationRuleResult;
-}
-interface AriaAttributes {
-    'aria-relevant'?: 'additions' | 'all' | 'removals' | 'text' | 'additions text';
-    'aria-live'?: 'off' | 'polite' | 'assertive';
-    'aria-atomic'?: 'true' | 'false';
-}
-interface SRPanelProps extends BaseElementProps {
-    enabled?: boolean;
-    node?: string;
-    showPanel?: boolean;
-    moveFocus?: boolean;
-    id?: string;
-    ariaAttributes?: AriaAttributes;
-}
-type SRPanelConfig = Pick<SRPanelProps, 'enabled' | 'node' | 'showPanel' | 'moveFocus' | 'id' | 'ariaAttributes'>;
-interface GenericError {
-    isValid: boolean;
-    errorMessage: string;
-    error: string;
-}
-
-/**
- * A panel meant to hold messages that will be read out by ScreenReaders on an aria-live="polite" basis
- * Expects a string or string array of message to add to the panel to be read out
- * For testing purposes can be made visible
- */
-declare class SRPanel extends BaseElement<SRPanelProps> {
-    static type: string;
-    static defaultProps: Partial<SRPanelProps>;
-    private readonly srPanelContainer;
-    private readonly id;
-    private readonly showPanel;
-    private readonly _enabled;
-    private readonly _moveFocus;
-    private componentRef;
-    constructor(checkout: ICore, props?: SRPanelProps);
-    setComponentRef: (ref: any) => void;
-    get enabled(): boolean;
-    get moveFocus(): boolean;
-    setAriaProps(ariaAttributes: AriaAttributes): void;
-    setMessages: (messages: string[] | string) => void;
-    render(): h.JSX.Element;
-}
-
-interface BaseElementProps {
-    order?: Order;
-    modules?: {
-        srPanel?: SRPanel;
-        analytics?: AnalyticsModule;
-        resources?: Resources;
-        risk?: RiskElement;
-    };
-    isDropin?: boolean;
-}
-interface IBaseElement {
-    data: object;
-    state: any;
-    props: any;
-    _id: string;
-    _component: any;
-    render(): ComponentChild | Error;
-    mount(domNode: HTMLElement | string): IBaseElement;
-    update(props: any): IBaseElement;
-    unmount(): IBaseElement;
-    remove(): void;
-}
-
-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;
+    errorType: string;
+}
+/**
+ * Mapped & simplified version of BinLookupResponseRaw
+ */
+interface BinLookupResponse {
+    issuingCountryCode: string;
+    showSocialSecurityNumber?: boolean;
+    supportedBrands?: BrandObject[];
+}
+interface DualBrandSelectElement {
+    id: string;
+    brandObject: BrandObject;
 }
 
-interface GiftCardElementData {
-    paymentMethod: {
-        type: 'giftcard';
-        brand: string;
-        encryptedCardNumber: string;
-        encryptedSecurityCode: string;
+interface InstallmentOptions {
+    [key: string]: {
+        values: number[];
+        plans?: string[];
+        preselectedValue?: number;
     };
 }
-type balanceCheckResponseType = {
-    sessionData?: string;
-    pspReference?: string;
-    resultCode?: string;
-    balance?: PaymentAmount;
-    transactionLimit?: PaymentAmount;
+
+type CheckoutSession = {
+    id: string;
+    sessionData: string;
+    shopperLocale?: string;
+    shopperEmail?: string;
+    telephoneNumber?: string;
 };
-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;
-    expiryDateRequired?: boolean;
-    brandsConfiguration?: any;
-    brand?: string;
-    onOrderUpdated?: (data: any) => void;
-    onBalanceCheck?: onBalanceCheckCallbackType;
-    onOrderRequest?: onOrderRequestCallbackType;
-    onRequiringConfirmation?: onRequiringConfirmationCallbackType;
+type SessionConfiguration = {
+    installmentOptions?: InstallmentOptions;
+    enableStoreDetails?: boolean;
+};
+type CheckoutSessionSetupResponse = {
+    id: string;
+    sessionData: string;
+    countryCode?: string;
+    amount: PaymentAmount;
+    expiresAt: string;
+    paymentMethods: any;
+    returnUrl: string;
+    configuration: SessionConfiguration;
     /**
-     * @internal
+     * 'shopperLocale' set during session creation.
+     * @defaultValue en-US
      */
-    fieldsLayoutComponent?: FunctionComponent<GiftcardFieldsProps>;
-}
+    shopperLocale: string;
+};
+type CheckoutSessionPaymentResponse = {
+    sessionData: string;
+    sessionResult: string;
+    status?: string;
+    resultCode: ResultCode;
+    action?: PaymentAction;
+};
+type CheckoutSessionDetailsResponse = {
+    sessionData: string;
+    sessionResult: string;
+    resultCode: ResultCode;
+    status?: string;
+    action?: PaymentAction;
+};
+type CheckoutSessionBalanceResponse = {
+    sessionData: string;
+    balance?: PaymentAmount;
+    transactionLimit?: PaymentAmount;
+};
+type CheckoutSessionOrdersResponse = {
+    sessionData: string;
+    orderData: string;
+    pspReference: string;
+};
 
 type NewableComponent = new (checkout: ICore, props?: any) => UIElement;
 interface IRegistry {
@@ -1302,6 +1319,7 @@ declare enum TxVariants {
     upi = "upi",// also QR
     upi_qr = "upi_qr",// also QR
     upi_collect = "upi_collect",// also QR
+    upi_intent = "upi_intent",// also QR
     /** Await */
     /** Giftcard */
     giftcard = "giftcard",
@@ -1918,7 +1936,7 @@ interface AchConfiguration extends UIElementProps {
     hasHolderName?: boolean;
     enableStoreDetails: boolean;
     bankAccountNumber: string;
-    placeholders?: Placeholders$1;
+    placeholders?: Placeholders;
 }
 
 interface BankTransferConfiguration extends UIElementProps {
@@ -2123,11 +2141,19 @@ interface CampaignContentProps {
     logoUrl?: string;
     nonprofitDescription?: string;
     nonprofitName?: string;
+    causeName?: string;
     nonprofitUrl?: string;
     bannerUrl?: string;
 }
 
-interface DonationAmounts {
+type Donation = RoundupDonation | FixedAmountsDonation;
+interface RoundupDonation {
+    type: 'roundup';
+    currency: string;
+    maxRoundupAmount: number;
+}
+interface FixedAmountsDonation {
+    type: 'fixedAmounts';
     currency: string;
     values: Array<number>;
 }
@@ -2142,7 +2168,11 @@ interface DonationPayload {
     isValid?: boolean;
 }
 interface DonationComponentProps extends CampaignContentProps {
-    amounts: DonationAmounts;
+    donation: Donation;
+    /**
+     * The original transaction amount.
+     */
+    commercialTxAmount: number;
     termsAndConditionsUrl?: string;
     causeName?: string;
     showCancelButton?: boolean;
@@ -2220,6 +2250,39 @@ interface EcontextConfiguration extends UIElementProps {
     data?: PersonalDetailsSchema;
 }
 
+interface GiftCardElementData {
+    paymentMethod: {
+        type: 'giftcard';
+        brand: string;
+        encryptedCardNumber: string;
+        encryptedSecurityCode: string;
+    };
+}
+type balanceCheckResponseType = {
+    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;
+    expiryDateRequired?: boolean;
+    brandsConfiguration?: any;
+    brand?: string;
+    onOrderUpdated?: (data: any) => void;
+    onBalanceCheck?: onBalanceCheckCallbackType;
+    onOrderRequest?: onOrderRequestCallbackType;
+    onRequiringConfirmation?: onRequiringConfirmationCallbackType;
+    /**
+     * @internal
+     */
+    fieldsLayoutComponent?: FunctionComponent<GiftcardFieldsProps>;
+}
+
 interface GooglePayConfiguration extends UIElementProps {
     type?: 'googlepay' | 'paywithgoogle';
     /**
@@ -2337,6 +2400,7 @@ interface GooglePayConfiguration extends UIElementProps {
     buttonSizeMode?: google.payments.api.ButtonSizeMode;
     buttonRootNode?: HTMLDocument | ShadowRoot;
     buttonLocale?: string;
+    buttonRadius?: number;
     onClick?: (resolve: any, reject: any) => void;
     /**
      * Callback called when GooglePay authorizes the payment.
@@ -2734,6 +2798,30 @@ interface SepaElementData {
 interface SepaConfiguration extends UIElementProps {
 }
 
+interface CheckoutErrorOptions {
+    cause?: any;
+}
+declare class AdyenCheckoutError extends Error {
+    protected static errorTypes: {
+        /** Network error. */
+        NETWORK_ERROR: string;
+        /** Shopper canceled the current transaction. */
+        CANCEL: string;
+        /** Implementation error. The method or parameter are incorrect or are not supported. */
+        IMPLEMENTATION_ERROR: string;
+        /** API error. The API has not returned the expected data  */
+        API_ERROR: string;
+        /** Generic error. */
+        ERROR: string;
+        /** Script error. The browser failed to load 3rd party script */
+        SCRIPT_ERROR: string;
+        /** Something has gone wrong internally */
+        SDK_ERROR: string;
+    };
+    cause: unknown;
+    constructor(type: keyof typeof AdyenCheckoutError.errorTypes, message?: string, options?: CheckoutErrorOptions);
+}
+
 declare enum Analytics3DS2Errors {
     ACTION_IS_MISSING_PAYMENT_DATA = "700",// Missing 'paymentData' property from threeDS2 action
     ACTION_IS_MISSING_TOKEN = "701",// Missing 'token' property from threeDS2 action
@@ -2866,19 +2954,28 @@ interface ErrorCodeObject {
     message: string;
 }
 
+type UpiType = TxVariants.upi_qr | TxVariants.upi_intent | TxVariants.upi_collect;
+type UpiMode = 'vpa' | 'qrCode' | 'intent';
+type App = {
+    id: string;
+    name: string;
+    type?: UpiType;
+};
 type UpiPaymentData = {
     paymentMethod: {
-        type: 'upi_qr' | 'upi_collect';
+        type: UpiType;
         virtualPaymentAddress?: string;
+        appId?: string;
     };
 };
-type UpiMode = 'vpa' | 'qrCode';
 interface UPIConfiguration extends UIElementProps {
+    defaultMode?: UpiMode;
+    apps?: Array<App>;
     /**
-     * Define which view is displayed initially when the Component renders
-     * @defaultValue vpa
+     * Redirect url for upi intent apps
+     * @internal
      */
-    defaultMode?: UpiMode;
+    url?: string;
     paymentData?: string;
     qrCodeData?: string;
     brandLogo?: string;
@@ -2899,6 +2996,7 @@ interface AwaitComponentProps {
     countdownTime: number;
     throttleTime: number;
     showCountdownTimer: boolean;
+    shouldRedirectAutomatically?: boolean;
     throttleInterval: number;
     paymentData: string;
     url?: string;
@@ -2979,7 +3077,7 @@ declare class CashAppPay extends UIElement<CashAppPayConfiguration> {
         redirectURL?: string;
         button?: {
             shape?: "semiround" | "round";
-            size?: "small" | "medium";
+            size?: "medium" | "small";
             theme?: "dark" | "light";
             width?: "static" | "full";
         };
@@ -2997,20 +3095,20 @@ declare class CashAppPay extends UIElement<CashAppPayConfiguration> {
             risk?: RiskElement;
         };
         isDropin?: boolean;
-        onChange?: (state: OnChangeData, component: UIElement<UIElementProps>) => void;
-        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement<UIElementProps>) => void;
-        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement<UIElementProps>) => void;
+        onChange?: (state: OnChangeData, component: UIElement) => void;
+        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement) => void;
+        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
             url: string;
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: BeforeSubmitActions) => void;
-        onSubmit?: (state: SubmitData, component: UIElement<UIElementProps>, actions: SubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
-        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
-        onEnterKeyPressed?: (activeElement: Element, component: UIElement<UIElementProps>) => void;
-        onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
+        onEnterKeyPressed?: (activeElement: Element, component: UIElement) => void;
+        onError?: (error: AdyenCheckoutError, component?: UIElement) => void;
         onOrderUpdated?: (data: {
             order: Order;
         }) => void;
@@ -3020,11 +3118,11 @@ declare class CashAppPay extends UIElement<CashAppPayConfiguration> {
         }) => void;
         environment?: string;
         session?: Session;
-        onComplete?: (state: any, element: UIElement<UIElementProps>) => void;
+        onComplete?: (state: any, element: UIElement) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
-        statusType?: "custom" | "loading" | "redirect";
+        statusType?: "redirect" | "loading" | "custom";
         type?: string;
         name?: string;
         icon?: string;
@@ -3033,7 +3131,7 @@ declare class CashAppPay extends UIElement<CashAppPayConfiguration> {
         showPayButton?: boolean;
         payButton?: (options: PayButtonFunctionProps) => h.JSX.Element;
         loadingContext?: string;
-        createFromAction?: (action: PaymentAction, props: object) => UIElement<UIElementProps>;
+        createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
         elementRef?: any;
         i18n?: Language;
@@ -3071,20 +3169,20 @@ declare class ClickToPayElement extends UIElement<ClickToPayConfiguration> {
             risk?: RiskElement;
         };
         isDropin?: boolean;
-        onChange?: (state: OnChangeData, component: UIElement<UIElementProps>) => void;
-        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement<UIElementProps>) => void;
-        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement<UIElementProps>) => void;
+        onChange?: (state: OnChangeData, component: UIElement) => void;
+        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement) => void;
+        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
             url: string;
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: BeforeSubmitActions) => void;
-        onSubmit?: (state: SubmitData, component: UIElement<UIElementProps>, actions: SubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
-        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
-        onEnterKeyPressed?: (activeElement: Element, component: UIElement<UIElementProps>) => void;
-        onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
+        onEnterKeyPressed?: (activeElement: Element, component: UIElement) => void;
+        onError?: (error: AdyenCheckoutError, component?: UIElement) => void;
         onOrderUpdated?: (data: {
             order: Order;
         }) => void;
@@ -3094,12 +3192,12 @@ declare class ClickToPayElement extends UIElement<ClickToPayConfiguration> {
         }) => void;
         environment?: string;
         session?: Session;
-        onComplete?: (state: any, element: UIElement<UIElementProps>) => void;
+        onComplete?: (state: any, element: UIElement) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
         storedPaymentMethodId?: string;
-        statusType?: "custom" | "loading" | "redirect";
+        statusType?: "redirect" | "loading" | "custom";
         type?: string;
         name?: string;
         icon?: string;
@@ -3108,7 +3206,7 @@ declare class ClickToPayElement extends UIElement<ClickToPayConfiguration> {
         showPayButton?: boolean;
         payButton?: (options: PayButtonFunctionProps) => h.JSX.Element;
         loadingContext?: string;
-        createFromAction?: (action: PaymentAction, props: object) => UIElement<UIElementProps>;
+        createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
         elementRef?: any;
         i18n?: Language;
@@ -3138,11 +3236,7 @@ declare class ClickToPayElement extends UIElement<ClickToPayConfiguration> {
 declare class BancontactElement extends CardElement {
     static type: TxVariants;
     constructor(checkout: ICore, props?: CardConfiguration);
-    protected static defaultProps: {
-        brands: string[];
-        onBinLookup: () => void;
-        _disableClickToPay: boolean;
-    };
+    protected static defaultProps: any;
     formatData(): CardElementData;
     /**
      * Now that the Bancontact (BCMC) Card component can accept a number dual branded with Visa (which requires a CVC) it has to be handled differently
@@ -3158,52 +3252,17 @@ declare class BancontactElement extends CardElement {
         type: TxVariants;
         brand: TxVariants;
         cvcPolicy: CVCPolicyType;
-        storedPaymentMethodId: string;
-        holderNameRequired: boolean;
-        hasCVC: boolean;
-        billingAddressRequired: boolean;
-        countryCode: string;
-        configuration: {
-            socialSecurityNumberMode: SocialSecurityMode;
-            visaSrciDpaId?: string;
-            visaSrcInitiatorId?: string;
-            mcSrcClientId?: string;
-            mcDpaId?: string;
-            merchantIdentifier?: string;
-            merchantOrigin?: string;
-            gatewayMerchantId?: string;
-            publicKeyId?: string;
-            region?: string;
-            merchantName?: string;
-            merchantId?: string;
-            intent?: string;
-            koreanAuthenticationRequired?: boolean;
-            icon?: string;
-            brandsConfiguration?: CardBrandsConfiguration;
-        };
-        brandsConfiguration: CardBrandsConfiguration;
-        icon: string;
-        installmentOptions: InstallmentOptions;
-        enableStoreDetails: boolean;
-        showStoreDetailsCheckbox: boolean;
-        clickToPayConfiguration: {
-            disableOtpAutoFocus: boolean;
-            shopperEmail: string;
-            telephoneNumber: string;
-            locale: string;
-            merchantDisplayName?: string;
-            onReady?(): void;
-            onTimeout?(error: TimeoutError): void;
-        };
         autoFocus?: boolean;
-        billingAddressAllowedCountries?: string[]; /**
-         * Force type (only for the Dropin is type automatically set to 'bcmc')
-         * - this will bypass the regEx brand detection that SF normally tries to carry out when the first few digits are entered in the PAN
-         */
-        billingAddressMode?: "none" | "full" | "partial";
+        billingAddressAllowedCountries?: string[];
+        billingAddressMode?: "full" | "partial" | "none";
+        billingAddressRequired?: boolean;
         billingAddressRequiredFields?: string[];
         brands?: string[];
-        challengeWindowSize?: "02" | "01" | "03" | "04" | "05";
+        brandsConfiguration?: CardBrandsConfiguration;
+        challengeWindowSize?: "01" | "02" | "03" | "04" | "05";
+        clickToPayConfiguration?: ClickToPayProps;
+        configuration?: CardBackendConfiguration;
+        countryCode?: string;
         data?: {
             holderName?: string;
             billingAddress?: Partial<AddressData>;
@@ -3212,32 +3271,40 @@ declare class BancontactElement extends CardElement {
         disableIOSArrowKeys?: boolean;
         disclaimerMessage?: DisclaimerMsgObject;
         doBinLookup?: boolean;
+        enableStoreDetails?: boolean;
         expiryMonth?: string;
         exposeExpiryDate?: boolean;
         forceCompat?: boolean;
         fundingSource?: "debit" | "credit";
+        hasCVC?: boolean;
         hasHolderName?: boolean;
         hideCVC?: boolean;
+        holderNameRequired?: boolean;
         id?: string;
+        installmentOptions?: InstallmentOptions;
         keypadFix?: boolean;
         lastFour?: string;
         legacyInputMode?: boolean;
         maskSecurityCode?: boolean;
         minimumExpiryDate?: string[];
         name?: string;
+        onAddressLookup?: OnAddressLookupType;
         onBinLookup?: (event: CbObjOnBinLookup) => void;
         onBinValue?: (event: CbObjOnBinValue) => void;
         onBlur?: (event: CbObjOnFocus | ComponentFocusObject) => void;
         onBrand?: (event: CbObjOnBrand) => void;
         onConfigSuccess?: (event: CbObjOnConfigSuccess) => void;
+        onAllValid?: (event: CbObjOnAllValid) => void;
         onFieldValid?: (event: CbObjOnFieldValid) => void;
         onFocus?: (event: CbObjOnFocus | ComponentFocusObject) => void;
         onLoad?: (event: CbObjOnLoad) => void;
-        placeholders?: Partial<Record<"cardNumber" | "expiryDate" | "holderName" | "expiryMonth" | "expiryYear" | "securityCodeThreeDigits" | "securityCodeFourDigits" | "password", string>>;
+        placeholders?: Placeholders$1;
         positionHolderNameOnTop?: boolean;
         showBrandIcon?: boolean;
         showContextualElement?: boolean;
         showInstallmentAmounts?: boolean;
+        storedPaymentMethodId?: string;
+        showStoreDetailsCheckbox?: boolean;
         styles?: StylesObject;
         supportedShopperInteractions?: string[];
         order?: Order;
@@ -3248,20 +3315,20 @@ declare class BancontactElement extends CardElement {
             risk?: RiskElement;
         };
         isDropin?: boolean;
-        onChange?: (state: OnChangeData, component: UIElement<UIElementProps>) => void;
-        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement<UIElementProps>) => void;
-        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement<UIElementProps>) => void;
+        onChange?: (state: OnChangeData, component: UIElement) => void;
+        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement) => void;
+        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
             url: string;
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: BeforeSubmitActions) => void;
-        onSubmit?: (state: SubmitData, component: UIElement<UIElementProps>, actions: SubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
-        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
-        onEnterKeyPressed?: (activeElement: Element, component: UIElement<UIElementProps>) => void;
-        onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
+        onEnterKeyPressed?: (activeElement: Element, component: UIElement) => void;
+        onError?: (error: AdyenCheckoutError, component?: UIElement) => void;
         onOrderUpdated?: (data: {
             order: Order;
         }) => void;
@@ -3271,17 +3338,18 @@ declare class BancontactElement extends CardElement {
         }) => void;
         environment?: string;
         session?: Session;
-        onComplete?: (state: any, element: UIElement<UIElementProps>) => void;
+        onComplete?: (state: any, element: UIElement) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
-        statusType?: "custom" | "loading" | "redirect";
+        statusType?: "redirect" | "loading" | "custom";
+        icon?: string;
         amount?: PaymentAmount;
         secondaryAmount?: PaymentAmountExtended;
         showPayButton?: boolean;
         payButton?: (options: PayButtonFunctionProps) => preact.JSX.Element;
         loadingContext?: string;
-        createFromAction?: (action: PaymentAction, props: object) => UIElement<UIElementProps>;
+        createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
         elementRef?: any;
         i18n?: Language;
@@ -3432,7 +3500,7 @@ declare class CustomCard extends UIElement<CustomCardConfiguration> {
         onFocus?: (event: CbObjOnFocus | ComponentFocusObject) => void;
         order?: Order;
         id?: string;
-        onChange?: (state: OnChangeData, component: UIElement<UIElementProps>) => void;
+        onChange?: (state: OnChangeData, component: UIElement) => void;
         amount?: PaymentAmount;
         secondaryAmount?: PaymentAmountExtended;
         environment?: string;
@@ -3445,19 +3513,19 @@ declare class CustomCard extends UIElement<CustomCardConfiguration> {
         session?: Session;
         clientKey?: string;
         showPayButton?: boolean;
-        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement<UIElementProps>) => void;
-        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement<UIElementProps>) => void;
+        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement) => void;
+        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
             url: string;
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: BeforeSubmitActions) => void;
-        onSubmit?: (state: SubmitData, component: UIElement<UIElementProps>, actions: SubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => 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;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
+        onEnterKeyPressed?: ((activeElement: Element, component: UIElement) => void) & ((activeElement: Element, component: UIElement) => void);
+        onError?: (error: AdyenCheckoutError, component?: UIElement) => void;
         onOrderUpdated?: (data: {
             order: Order;
         }) => void;
@@ -3466,24 +3534,25 @@ declare class CustomCard extends UIElement<CustomCardConfiguration> {
             reject: () => void;
         }) => void;
         elementRef?: any;
-        createFromAction?: (action: PaymentAction, props: object) => UIElement<UIElementProps>;
+        createFromAction?: (action: PaymentAction, props: object) => UIElement;
         brandsConfiguration?: CardBrandsConfiguration;
         isStoredPaymentMethod?: boolean;
-        onComplete?: (state: any, element: UIElement<UIElementProps>) => void;
-        challengeWindowSize?: "02" | "01" | "03" | "04" | "05";
+        onComplete?: (state: any, element: UIElement) => void;
+        challengeWindowSize?: "01" | "02" | "03" | "04" | "05";
         isDropin?: boolean;
         isInstantPayment?: boolean;
         oneClick?: boolean;
         storedPaymentMethodId?: string;
-        statusType?: "custom" | "loading" | "redirect";
+        statusType?: "redirect" | "loading" | "custom";
         icon?: string;
         payButton?: (options: PayButtonFunctionProps) => h.JSX.Element;
         paymentMethodType?: string;
         autoFocus?: boolean;
         onLoad?: (event: CbObjOnLoad) => void;
-        placeholders?: Partial<Record<"cardNumber" | "expiryDate" | "holderName" | "expiryMonth" | "expiryYear" | "securityCodeThreeDigits" | "securityCodeFourDigits" | "password", string>>;
+        placeholders?: Placeholders$1;
+        onAddressLookup?: OnAddressLookupType;
         expiryMonth?: string;
-        billingAddressMode?: "none" | "full" | "partial";
+        billingAddressMode?: "full" | "partial" | "none";
         brands?: string[];
         disableIOSArrowKeys?: boolean;
         disclaimerMessage?: DisclaimerMsgObject;
@@ -3499,6 +3568,7 @@ declare class CustomCard extends UIElement<CustomCardConfiguration> {
         onBinValue?: (event: CbObjOnBinValue) => void;
         onBrand?: (event: CbObjOnBrand) => void;
         onConfigSuccess?: (event: CbObjOnConfigSuccess) => void;
+        onAllValid?: (event: CbObjOnAllValid) => void;
         onFieldValid?: (event: CbObjOnFieldValid) => void;
         showStoreDetailsCheckbox?: boolean;
         styles?: StylesObject;
@@ -3512,6 +3582,7 @@ declare class CustomCard extends UIElement<CustomCardConfiguration> {
         paymentMethod: any;
         browserInfo: BrowserInfo;
     };
+    protected submitAnalytics(analyticsObj: SendAnalyticsObject): void;
     updateStyles(stylesObj: any): this;
     setFocusOn(frame: any): this;
     processBinLookupResponse(binLookupResponse: any): this;
@@ -3586,20 +3657,20 @@ declare class WeChatPayElement extends QRLoaderContainer {
             risk?: RiskElement;
         };
         isDropin?: boolean;
-        onChange?: (state: OnChangeData, component: UIElement<UIElementProps>) => void;
-        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement<UIElementProps>) => void;
-        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement<UIElementProps>) => void;
+        onChange?: (state: OnChangeData, component: UIElement) => void;
+        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement) => void;
+        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
             url: string;
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: BeforeSubmitActions) => void;
-        onSubmit?: (state: SubmitData, component: UIElement<UIElementProps>, actions: SubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
-        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
-        onEnterKeyPressed?: (activeElement: Element, component: UIElement<UIElementProps>) => void;
-        onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
+        onEnterKeyPressed?: (activeElement: Element, component: UIElement) => void;
+        onError?: (error: AdyenCheckoutError, component?: UIElement) => void;
         onOrderUpdated?: (data: {
             order: Order;
         }) => void;
@@ -3609,12 +3680,12 @@ declare class WeChatPayElement extends QRLoaderContainer {
         }) => void;
         environment?: string;
         session?: Session;
-        onComplete?: (state: any, element: UIElement<UIElementProps>) => void;
+        onComplete?: (state: any, element: UIElement) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
         storedPaymentMethodId?: string;
-        statusType?: "custom" | "loading" | "redirect";
+        statusType?: "redirect" | "loading" | "custom";
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
@@ -3622,7 +3693,7 @@ declare class WeChatPayElement extends QRLoaderContainer {
         showPayButton?: boolean;
         payButton?: (options: PayButtonFunctionProps) => preact.JSX.Element;
         loadingContext?: string;
-        createFromAction?: (action: PaymentAction, props: object) => UIElement<UIElementProps>;
+        createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
         elementRef?: any;
         i18n?: Language;
@@ -3654,20 +3725,20 @@ declare class PayNowElement extends QRLoaderContainer {
             risk?: RiskElement;
         };
         isDropin?: boolean;
-        onChange?: (state: OnChangeData, component: UIElement<UIElementProps>) => void;
-        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement<UIElementProps>) => void;
-        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement<UIElementProps>) => void;
+        onChange?: (state: OnChangeData, component: UIElement) => void;
+        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement) => void;
+        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
             url: string;
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: BeforeSubmitActions) => void;
-        onSubmit?: (state: SubmitData, component: UIElement<UIElementProps>, actions: SubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
-        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
-        onEnterKeyPressed?: (activeElement: Element, component: UIElement<UIElementProps>) => void;
-        onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
+        onEnterKeyPressed?: (activeElement: Element, component: UIElement) => void;
+        onError?: (error: AdyenCheckoutError, component?: UIElement) => void;
         onOrderUpdated?: (data: {
             order: Order;
         }) => void;
@@ -3677,12 +3748,12 @@ declare class PayNowElement extends QRLoaderContainer {
         }) => void;
         environment?: string;
         session?: Session;
-        onComplete?: (state: any, element: UIElement<UIElementProps>) => void;
+        onComplete?: (state: any, element: UIElement) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
         storedPaymentMethodId?: string;
-        statusType?: "custom" | "loading" | "redirect";
+        statusType?: "redirect" | "loading" | "custom";
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
@@ -3690,7 +3761,7 @@ declare class PayNowElement extends QRLoaderContainer {
         showPayButton?: boolean;
         payButton?: (options: PayButtonFunctionProps) => preact.JSX.Element;
         loadingContext?: string;
-        createFromAction?: (action: PaymentAction, props: object) => UIElement<UIElementProps>;
+        createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
         elementRef?: any;
         i18n?: Language;
@@ -3723,20 +3794,20 @@ declare class BCMCMobileElement extends QRLoaderContainer {
             risk?: RiskElement;
         };
         isDropin?: boolean;
-        onChange?: (state: OnChangeData, component: UIElement<UIElementProps>) => void;
-        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement<UIElementProps>) => void;
-        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement<UIElementProps>) => void;
+        onChange?: (state: OnChangeData, component: UIElement) => void;
+        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement) => void;
+        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
             url: string;
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: BeforeSubmitActions) => void;
-        onSubmit?: (state: SubmitData, component: UIElement<UIElementProps>, actions: SubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
-        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
-        onEnterKeyPressed?: (activeElement: Element, component: UIElement<UIElementProps>) => void;
-        onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
+        onEnterKeyPressed?: (activeElement: Element, component: UIElement) => void;
+        onError?: (error: AdyenCheckoutError, component?: UIElement) => void;
         onOrderUpdated?: (data: {
             order: Order;
         }) => void;
@@ -3746,12 +3817,12 @@ declare class BCMCMobileElement extends QRLoaderContainer {
         }) => void;
         environment?: string;
         session?: Session;
-        onComplete?: (state: any, element: UIElement<UIElementProps>) => void;
+        onComplete?: (state: any, element: UIElement) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
         storedPaymentMethodId?: string;
-        statusType?: "custom" | "loading" | "redirect";
+        statusType?: "redirect" | "loading" | "custom";
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
@@ -3759,7 +3830,7 @@ declare class BCMCMobileElement extends QRLoaderContainer {
         showPayButton?: boolean;
         payButton?: (options: PayButtonFunctionProps) => preact.JSX.Element;
         loadingContext?: string;
-        createFromAction?: (action: PaymentAction, props: object) => UIElement<UIElementProps>;
+        createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
         elementRef?: any;
         i18n?: Language;
@@ -3809,20 +3880,20 @@ declare class DragonpayElement extends UIElement<DragonpayConfiguraton> {
             risk?: RiskElement;
         };
         isDropin?: boolean;
-        onChange?: (state: OnChangeData, component: UIElement<UIElementProps>) => void;
-        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement<UIElementProps>) => void;
-        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement<UIElementProps>) => void;
+        onChange?: (state: OnChangeData, component: UIElement) => void;
+        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement) => void;
+        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
             url: string;
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: BeforeSubmitActions) => void;
-        onSubmit?: (state: SubmitData, component: UIElement<UIElementProps>, actions: SubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
-        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
-        onEnterKeyPressed?: (activeElement: Element, component: UIElement<UIElementProps>) => void;
-        onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
+        onEnterKeyPressed?: (activeElement: Element, component: UIElement) => void;
+        onError?: (error: AdyenCheckoutError, component?: UIElement) => void;
         onOrderUpdated?: (data: {
             order: Order;
         }) => void;
@@ -3832,19 +3903,19 @@ declare class DragonpayElement extends UIElement<DragonpayConfiguraton> {
         }) => void;
         environment?: string;
         session?: Session;
-        onComplete?: (state: any, element: UIElement<UIElementProps>) => void;
+        onComplete?: (state: any, element: UIElement) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
         storedPaymentMethodId?: string;
-        statusType?: "custom" | "loading" | "redirect";
+        statusType?: "redirect" | "loading" | "custom";
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
         secondaryAmount?: PaymentAmountExtended;
         showPayButton?: boolean;
         payButton?: (options: PayButtonFunctionProps) => h.JSX.Element;
-        createFromAction?: (action: PaymentAction, props: object) => UIElement<UIElementProps>;
+        createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
         elementRef?: any;
         label?: string;
@@ -3993,20 +4064,20 @@ declare class SwishElement extends QRLoaderContainer {
             risk?: RiskElement;
         };
         isDropin?: boolean;
-        onChange?: (state: OnChangeData, component: UIElement<UIElementProps>) => void;
-        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement<UIElementProps>) => void;
-        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement<UIElementProps>) => void;
+        onChange?: (state: OnChangeData, component: UIElement) => void;
+        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement) => void;
+        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
             url: string;
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: BeforeSubmitActions) => void;
-        onSubmit?: (state: SubmitData, component: UIElement<UIElementProps>, actions: SubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
-        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
-        onEnterKeyPressed?: (activeElement: Element, component: UIElement<UIElementProps>) => void;
-        onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
+        onEnterKeyPressed?: (activeElement: Element, component: UIElement) => void;
+        onError?: (error: AdyenCheckoutError, component?: UIElement) => void;
         onOrderUpdated?: (data: {
             order: Order;
         }) => void;
@@ -4016,12 +4087,12 @@ declare class SwishElement extends QRLoaderContainer {
         }) => void;
         environment?: string;
         session?: Session;
-        onComplete?: (state: any, element: UIElement<UIElementProps>) => void;
+        onComplete?: (state: any, element: UIElement) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
         storedPaymentMethodId?: string;
-        statusType?: "custom" | "loading" | "redirect";
+        statusType?: "redirect" | "loading" | "custom";
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
@@ -4029,7 +4100,7 @@ declare class SwishElement extends QRLoaderContainer {
         showPayButton?: boolean;
         payButton?: (options: PayButtonFunctionProps) => preact.JSX.Element;
         loadingContext?: string;
-        createFromAction?: (action: PaymentAction, props: object) => UIElement<UIElementProps>;
+        createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
         elementRef?: any;
         i18n?: Language;
@@ -4046,7 +4117,7 @@ declare class AchElement extends UIElement<AchConfiguration> {
         hasHolderName?: boolean;
         enableStoreDetails: boolean;
         bankAccountNumber: string;
-        placeholders?: Partial<Record<"holderName" | "bankAccountNumber" | "bankLocationId", string>>;
+        placeholders?: Placeholders;
         order?: Order;
         modules?: {
             srPanel?: SRPanel;
@@ -4055,20 +4126,20 @@ declare class AchElement extends UIElement<AchConfiguration> {
             risk?: RiskElement;
         };
         isDropin?: boolean;
-        onChange?: (state: OnChangeData, component: UIElement<UIElementProps>) => void;
-        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement<UIElementProps>) => void;
-        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement<UIElementProps>) => void;
+        onChange?: (state: OnChangeData, component: UIElement) => void;
+        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement) => void;
+        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
             url: string;
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: BeforeSubmitActions) => void;
-        onSubmit?: (state: SubmitData, component: UIElement<UIElementProps>, actions: SubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
-        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
-        onEnterKeyPressed?: (activeElement: Element, component: UIElement<UIElementProps>) => void;
-        onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
+        onEnterKeyPressed?: (activeElement: Element, component: UIElement) => void;
+        onError?: (error: AdyenCheckoutError, component?: UIElement) => void;
         onOrderUpdated?: (data: {
             order: Order;
         }) => void;
@@ -4078,11 +4149,11 @@ declare class AchElement extends UIElement<AchConfiguration> {
         }) => void;
         environment?: string;
         session?: Session;
-        onComplete?: (state: any, element: UIElement<UIElementProps>) => void;
+        onComplete?: (state: any, element: UIElement) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
-        statusType?: "custom" | "loading" | "redirect";
+        statusType?: "redirect" | "loading" | "custom";
         type?: string;
         name?: string;
         icon?: string;
@@ -4091,7 +4162,7 @@ declare class AchElement extends UIElement<AchConfiguration> {
         showPayButton?: boolean;
         payButton?: (options: PayButtonFunctionProps) => h.JSX.Element;
         loadingContext?: string;
-        createFromAction?: (action: PaymentAction, props: object) => UIElement<UIElementProps>;
+        createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
         elementRef?: any;
         i18n?: Language;
@@ -4310,15 +4381,86 @@ declare class RatePayDirectDebit extends OpenInvoiceContainer {
     formatProps(props: any): any;
 }
 
+/**
+ * For mobile:
+ * We should show upi_collect or upi_intent depending on if `apps` are returned in /paymentMethods response
+ * The upi_qr should always be on the second tab
+ *
+ * For non-mobile:
+ * We should never show the upi_intent (ignore `apps` in /paymentMethods response)
+ * The upi_qr should be on the first tab and the upi_collect should be on second tab
+ */
 declare class UPI extends UIElement<UPIConfiguration> {
     static type: TxVariants;
     static txVariants: TxVariants[];
-    private useQrCodeVariant;
-    protected static defaultProps: {
-        defaultMode: string;
+    private selectedMode;
+    constructor(checkout: ICore, props: UPIConfiguration);
+    formatProps(props: UPIConfiguration): {
+        defaultMode: UpiMode;
+        apps: {
+            type: TxVariants;
+            id: string;
+            name: string;
+        }[];
+        url?: string;
+        paymentData?: string;
+        qrCodeData?: string;
+        brandLogo?: string;
+        order?: Order;
+        modules?: {
+            srPanel?: SRPanel;
+            analytics?: AnalyticsModule;
+            resources?: Resources;
+            risk?: RiskElement;
+        };
+        isDropin?: boolean;
+        onChange?: (state: OnChangeData, component: UIElement) => void;
+        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement) => void;
+        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement) => void;
+        beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
+            url: string;
+            method: string;
+            data?: any;
+        }) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
+        onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
+        onEnterKeyPressed?: (activeElement: Element, component: UIElement) => void;
+        onError?: (error: AdyenCheckoutError, component?: UIElement) => void;
+        onOrderUpdated?: (data: {
+            order: Order;
+        }) => void;
+        onPaymentMethodsRequest?: (data: PaymentMethodsRequestData, actions: {
+            resolve: (response: PaymentMethodsResponse) => void;
+            reject: () => void;
+        }) => void;
+        environment?: string;
+        session?: Session;
+        onComplete?: (state: any, element: UIElement) => void;
+        isInstantPayment?: boolean;
+        isStoredPaymentMethod?: boolean;
+        oneClick?: boolean;
+        storedPaymentMethodId?: string;
+        statusType?: "redirect" | "loading" | "custom";
+        type?: string;
+        name?: string;
+        icon?: string;
+        amount?: PaymentAmount;
+        secondaryAmount?: PaymentAmountExtended;
+        showPayButton?: boolean;
+        payButton?: (options: PayButtonFunctionProps) => h.JSX.Element;
+        loadingContext?: string;
+        createFromAction?: (action: PaymentAction, props: object) => UIElement;
+        clientKey?: string;
+        elementRef?: any;
+        i18n?: Language;
+        label?: string;
+        paymentMethodType?: string;
     };
     get isValid(): boolean;
     formatData(): UpiPaymentData;
+    get paymentType(): UpiType;
     private onUpdateMode;
     private renderContent;
     render(): h.JSX.Element;
@@ -4382,20 +4524,20 @@ declare class PromptPayElement extends QRLoaderContainer {
             risk?: RiskElement;
         };
         isDropin?: boolean;
-        onChange?: (state: OnChangeData, component: UIElement<UIElementProps>) => void;
-        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement<UIElementProps>) => void;
-        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement<UIElementProps>) => void;
+        onChange?: (state: OnChangeData, component: UIElement) => void;
+        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement) => void;
+        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
             url: string;
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: BeforeSubmitActions) => void;
-        onSubmit?: (state: SubmitData, component: UIElement<UIElementProps>, actions: SubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
-        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
-        onEnterKeyPressed?: (activeElement: Element, component: UIElement<UIElementProps>) => void;
-        onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
+        onEnterKeyPressed?: (activeElement: Element, component: UIElement) => void;
+        onError?: (error: AdyenCheckoutError, component?: UIElement) => void;
         onOrderUpdated?: (data: {
             order: Order;
         }) => void;
@@ -4405,12 +4547,12 @@ declare class PromptPayElement extends QRLoaderContainer {
         }) => void;
         environment?: string;
         session?: Session;
-        onComplete?: (state: any, element: UIElement<UIElementProps>) => void;
+        onComplete?: (state: any, element: UIElement) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
         storedPaymentMethodId?: string;
-        statusType?: "custom" | "loading" | "redirect";
+        statusType?: "redirect" | "loading" | "custom";
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
@@ -4418,7 +4560,7 @@ declare class PromptPayElement extends QRLoaderContainer {
         showPayButton?: boolean;
         payButton?: (options: PayButtonFunctionProps) => preact.JSX.Element;
         loadingContext?: string;
-        createFromAction?: (action: PaymentAction, props: object) => UIElement<UIElementProps>;
+        createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
         elementRef?: any;
         i18n?: Language;
@@ -4450,20 +4592,20 @@ declare class DuitNowElement extends QRLoaderContainer {
             risk?: RiskElement;
         };
         isDropin?: boolean;
-        onChange?: (state: OnChangeData, component: UIElement<UIElementProps>) => void;
-        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement<UIElementProps>) => void;
-        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement<UIElementProps>) => void;
+        onChange?: (state: OnChangeData, component: UIElement) => void;
+        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement) => void;
+        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
             url: string;
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: BeforeSubmitActions) => void;
-        onSubmit?: (state: SubmitData, component: UIElement<UIElementProps>, actions: SubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
-        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
-        onEnterKeyPressed?: (activeElement: Element, component: UIElement<UIElementProps>) => void;
-        onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
+        onEnterKeyPressed?: (activeElement: Element, component: UIElement) => void;
+        onError?: (error: AdyenCheckoutError, component?: UIElement) => void;
         onOrderUpdated?: (data: {
             order: Order;
         }) => void;
@@ -4473,12 +4615,12 @@ declare class DuitNowElement extends QRLoaderContainer {
         }) => void;
         environment?: string;
         session?: Session;
-        onComplete?: (state: any, element: UIElement<UIElementProps>) => void;
+        onComplete?: (state: any, element: UIElement) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
         storedPaymentMethodId?: string;
-        statusType?: "custom" | "loading" | "redirect";
+        statusType?: "redirect" | "loading" | "custom";
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
@@ -4486,7 +4628,7 @@ declare class DuitNowElement extends QRLoaderContainer {
         showPayButton?: boolean;
         payButton?: (options: PayButtonFunctionProps) => preact.JSX.Element;
         loadingContext?: string;
-        createFromAction?: (action: PaymentAction, props: object) => UIElement<UIElementProps>;
+        createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
         elementRef?: any;
         i18n?: Language;
@@ -4516,7 +4658,7 @@ declare class Riverty extends OpenInvoiceContainer {
             deliveryAddress?: AddressData;
             bankAccount?: BankDetailsSchema;
         };
-        onChange?: (state: any, element?: UIElement<UIElementProps>) => void;
+        onChange?: (state: any, element?: UIElement) => void;
         payButton?: any;
         visibility?: OpenInvoiceVisibility;
         personalDetailsRequiredFields: string[];
@@ -4531,19 +4673,19 @@ declare class Riverty extends OpenInvoiceContainer {
             risk?: RiskElement;
         };
         isDropin?: boolean;
-        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement<UIElementProps>) => void;
-        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement<UIElementProps>) => void;
+        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement) => void;
+        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
             url: string;
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: BeforeSubmitActions) => void;
-        onSubmit?: (state: SubmitData, component: UIElement<UIElementProps>, actions: SubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
-        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
-        onEnterKeyPressed?: (activeElement: Element, component: UIElement<UIElementProps>) => void;
-        onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
+        onEnterKeyPressed?: (activeElement: Element, component: UIElement) => void;
+        onError?: (error: AdyenCheckoutError, component?: UIElement) => void;
         onOrderUpdated?: (data: {
             order: Order;
         }) => void;
@@ -4553,12 +4695,12 @@ declare class Riverty extends OpenInvoiceContainer {
         }) => void;
         environment?: string;
         session?: Session;
-        onComplete?: (state: any, element: UIElement<UIElementProps>) => void;
+        onComplete?: (state: any, element: UIElement) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
         storedPaymentMethodId?: string;
-        statusType?: "custom" | "loading" | "redirect";
+        statusType?: "redirect" | "loading" | "custom";
         type?: string;
         name?: string;
         icon?: string;
@@ -4566,7 +4708,7 @@ declare class Riverty extends OpenInvoiceContainer {
         secondaryAmount?: PaymentAmountExtended;
         showPayButton?: boolean;
         loadingContext?: string;
-        createFromAction?: (action: PaymentAction, props: object) => UIElement<UIElementProps>;
+        createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
         elementRef?: any;
         i18n?: Language;
@@ -4709,6 +4851,7 @@ declare const ComponentsMap: {
     upi: typeof UPI;
     upi_qr: typeof UPI;
     upi_collect: typeof UPI;
+    upi_intent: typeof UPI;
     /** Await */
     /** Giftcard */
     giftcard: typeof GiftcardElement;
@@ -4720,13 +4863,13 @@ declare const ComponentsMap: {
 /**
  * Available components
  */
-type PaymentMethods = typeof ComponentsMap;
+type PaymentMethods$1 = typeof ComponentsMap;
 /**
  * Options for a component
  */
-type PaymentMethodOptions<P extends keyof PaymentMethods> = InstanceType<PaymentMethods[P]>['props'];
+type PaymentMethodOptions<P extends keyof PaymentMethods$1> = InstanceType<PaymentMethods$1[P]>['props'];
 type PaymentMethodsConfigurationMap = {
-    [key in keyof PaymentMethods]?: Partial<PaymentMethodOptions<key>>;
+    [key in keyof PaymentMethods$1]?: Partial<PaymentMethodOptions<key>>;
 };
 type PaymentActionTypesMap = {
     [key in PaymentActionsType]?: Partial<UIElementProps>;
@@ -4856,14 +4999,75 @@ interface DropinComponentState {
 }
 interface IDropin {
     /**
-     * Used to make the Dropin display the final animation
-     *
-     * @internal
-     * @param type - animation type
+     * Used to make the Dropin display the final animation
+     *
+     * @internal
+     * @param type - animation type
+     */
+    displayFinalAnimation(type: 'success' | 'error'): void;
+    activePaymentMethod: () => null;
+    closeActivePaymentMethod: () => void;
+}
+
+declare class Session {
+    private readonly session;
+    private readonly storage;
+    readonly clientKey: string;
+    readonly loadingContext: string;
+    configuration: SessionConfiguration;
+    constructor(rawSession: Partial<CheckoutSession>, clientKey: string, loadingContext: string);
+    get shopperLocale(): string;
+    get id(): string;
+    get data(): string;
+    /**
+     * Updates the session.data with the latest data blob
+     */
+    private updateSessionData;
+    /**
+     * Fetches data from a session
      */
-    displayFinalAnimation(type: 'success' | 'error'): void;
-    activePaymentMethod: () => null;
-    closeActivePaymentMethod: () => void;
+    setupSession(options: any): Promise<CheckoutSessionSetupResponse>;
+    /**
+     * Submits a session payment
+     */
+    submitPayment(data: any): Promise<CheckoutSessionPaymentResponse>;
+    /**
+     * Submits session payment additional details
+     */
+    submitDetails(data: AdditionalDetailsData['data']): Promise<CheckoutSessionDetailsResponse>;
+    /**
+     * Checks the balance for a payment method
+     */
+    checkBalance(data: any): Promise<CheckoutSessionBalanceResponse>;
+    /**
+     * Creates an order for the current session
+     */
+    createOrder(): Promise<CheckoutSessionOrdersResponse>;
+    /**
+     * Cancels an order for the current session
+     */
+    cancelOrder(data: onOrderCancelData): Promise<CheckoutSessionOrdersResponse>;
+    /**
+     * Gets the stored session but only if the current id and the stored id match
+     */
+    getStoredSession(): CheckoutSession;
+    /**
+     * Stores the session
+     */
+    storeSession(): void;
+    /**
+     * Clears the stored session
+     */
+    removeStoredSession(): void;
+}
+
+declare class PaymentMethods {
+    paymentMethods: PaymentMethod[];
+    storedPaymentMethods: StoredPaymentMethod[];
+    constructor(response: PaymentMethodsResponse, options?: {});
+    private mapCreatedComponentType;
+    has(paymentMethod: string): boolean;
+    find(paymentMethod: string): PaymentMethod;
 }
 
 interface ICore {
@@ -4877,7 +5081,7 @@ interface ICore {
     createFromAction(action: PaymentAction, options: any): UIElement;
     storeElementReference(element: UIElement): void;
     options: CoreConfiguration;
-    paymentMethodsResponse: PaymentMethods$1;
+    paymentMethodsResponse: PaymentMethods;
     session?: Session;
 }
 type PaymentCompletedData = SessionsResponse | {
@@ -5620,117 +5824,6 @@ type DecodeObject = {
     data?: string;
 };
 
-interface InstallmentOptions {
-    [key: string]: {
-        values: number[];
-        plans?: string[];
-        preselectedValue?: number;
-    };
-}
-
-type CheckoutSession = {
-    id: string;
-    sessionData: string;
-    shopperLocale?: string;
-    shopperEmail?: string;
-    telephoneNumber?: string;
-};
-type SessionConfiguration = {
-    installmentOptions?: InstallmentOptions;
-    enableStoreDetails?: boolean;
-};
-type CheckoutSessionSetupResponse = {
-    id: string;
-    sessionData: string;
-    countryCode?: string;
-    amount: PaymentAmount;
-    expiresAt: string;
-    paymentMethods: any;
-    returnUrl: string;
-    configuration: SessionConfiguration;
-    /**
-     * 'shopperLocale' set during session creation.
-     * @defaultValue en-US
-     */
-    shopperLocale: string;
-};
-type CheckoutSessionPaymentResponse = {
-    sessionData: string;
-    sessionResult: string;
-    status?: string;
-    resultCode: ResultCode;
-    action?: PaymentAction;
-};
-type CheckoutSessionDetailsResponse = {
-    sessionData: string;
-    sessionResult: string;
-    resultCode: ResultCode;
-    status?: string;
-    action?: PaymentAction;
-};
-type CheckoutSessionBalanceResponse = {
-    sessionData: string;
-    balance?: PaymentAmount;
-    transactionLimit?: PaymentAmount;
-};
-type CheckoutSessionOrdersResponse = {
-    sessionData: string;
-    orderData: string;
-    pspReference: string;
-};
-
-declare class Session {
-    private readonly session;
-    private readonly storage;
-    readonly clientKey: string;
-    readonly loadingContext: string;
-    configuration: SessionConfiguration;
-    constructor(rawSession: Partial<CheckoutSession>, clientKey: string, loadingContext: string);
-    get shopperLocale(): string;
-    get id(): string;
-    get data(): string;
-    /**
-     * Updates the session.data with the latest data blob
-     */
-    private updateSessionData;
-    /**
-     * Fetches data from a session
-     */
-    setupSession(options: any): Promise<CheckoutSessionSetupResponse>;
-    /**
-     * Submits a session payment
-     */
-    submitPayment(data: any): Promise<CheckoutSessionPaymentResponse>;
-    /**
-     * Submits session payment additional details
-     */
-    submitDetails(data: AdditionalDetailsData['data']): Promise<CheckoutSessionDetailsResponse>;
-    /**
-     * Checks the balance for a payment method
-     */
-    checkBalance(data: any): Promise<CheckoutSessionBalanceResponse>;
-    /**
-     * Creates an order for the current session
-     */
-    createOrder(): Promise<CheckoutSessionOrdersResponse>;
-    /**
-     * Cancels an order for the current session
-     */
-    cancelOrder(data: onOrderCancelData): Promise<CheckoutSessionOrdersResponse>;
-    /**
-     * Gets the stored session but only if the current id and the stored id match
-     */
-    getStoredSession(): CheckoutSession;
-    /**
-     * Stores the session
-     */
-    storeSession(): void;
-    /**
-     * Clears the stored session
-     */
-    removeStoredSession(): void;
-}
-
 declare class CardElement extends UIElement<CardConfiguration> {
     static type: TxVariants;
     private readonly clickToPayService;
@@ -5739,147 +5832,10 @@ declare class CardElement extends UIElement<CardConfiguration> {
      */
     private clickToPayRef;
     constructor(checkout: ICore, props?: CardConfiguration);
-    protected static defaultProps: {
-        onBinLookup: () => void;
-        _disableClickToPay: boolean;
-    };
+    protected static defaultProps: any;
     setStatus(status: UIElementStatus, props?: any): this;
     private setClickToPayRef;
-    formatProps(props: CardConfiguration): {
-        storedPaymentMethodId: string;
-        holderNameRequired: boolean;
-        hasCVC: boolean;
-        billingAddressRequired: boolean;
-        /** props.brand will be specified in the case of a StoredCard or a Bancontact component, for a regular Card we default it to 'card' */
-        brand: string;
-        countryCode: string;
-        configuration: {
-            socialSecurityNumberMode: SocialSecurityMode;
-            visaSrciDpaId?: string;
-            visaSrcInitiatorId?: string;
-            mcSrcClientId?: string;
-            mcDpaId?: string;
-            merchantIdentifier?: string;
-            merchantOrigin?: string;
-            gatewayMerchantId?: string;
-            publicKeyId?: string;
-            region?: string;
-            merchantName?: string;
-            merchantId?: string;
-            intent?: string;
-            koreanAuthenticationRequired?: boolean;
-            icon?: string;
-            brandsConfiguration?: CardBrandsConfiguration;
-        };
-        brandsConfiguration: CardBrandsConfiguration;
-        icon: string;
-        installmentOptions: InstallmentOptions;
-        enableStoreDetails: boolean;
-        showStoreDetailsCheckbox: boolean;
-        /**
-         * Click to Pay configuration
-         * - If email is set explicitly in the configuration, then it can override the one used in the session creation
-         */
-        clickToPayConfiguration: {
-            disableOtpAutoFocus: boolean;
-            shopperEmail: string;
-            telephoneNumber: string;
-            locale: string;
-            merchantDisplayName?: string;
-            onReady?(): void;
-            onTimeout?(error: TimeoutError): void;
-        };
-        autoFocus?: boolean;
-        billingAddressAllowedCountries?: string[];
-        billingAddressMode?: "none" | "full" | "partial";
-        billingAddressRequiredFields?: string[];
-        brands?: string[];
-        challengeWindowSize?: "02" | "01" | "03" | "04" | "05";
-        data?: {
-            holderName?: string;
-            billingAddress?: Partial<AddressData>;
-        };
-        _disableClickToPay?: boolean;
-        disableIOSArrowKeys?: boolean;
-        disclaimerMessage?: DisclaimerMsgObject;
-        doBinLookup?: boolean;
-        expiryMonth?: string;
-        exposeExpiryDate?: boolean;
-        forceCompat?: boolean;
-        fundingSource?: "debit" | "credit";
-        hasHolderName?: boolean;
-        hideCVC?: boolean;
-        id?: string;
-        keypadFix?: boolean;
-        lastFour?: string;
-        legacyInputMode?: boolean;
-        maskSecurityCode?: boolean;
-        minimumExpiryDate?: string[];
-        name?: string;
-        onBinLookup?: (event: CbObjOnBinLookup) => void;
-        onBinValue?: (event: CbObjOnBinValue) => void;
-        onBlur?: (event: CbObjOnFocus | ComponentFocusObject) => void;
-        onBrand?: (event: CbObjOnBrand) => void;
-        onConfigSuccess?: (event: CbObjOnConfigSuccess) => void;
-        onFieldValid?: (event: CbObjOnFieldValid) => void;
-        onFocus?: (event: CbObjOnFocus | ComponentFocusObject) => void;
-        onLoad?: (event: CbObjOnLoad) => void;
-        placeholders?: Partial<Record<"cardNumber" | "expiryDate" | "holderName" | "expiryMonth" | "expiryYear" | "securityCodeThreeDigits" | "securityCodeFourDigits" | "password", string>>;
-        positionHolderNameOnTop?: boolean;
-        showBrandIcon?: boolean;
-        showContextualElement?: boolean;
-        showInstallmentAmounts?: boolean;
-        styles?: StylesObject;
-        supportedShopperInteractions?: string[];
-        type?: string;
-        order?: Order;
-        modules?: {
-            srPanel?: SRPanel;
-            analytics?: AnalyticsModule;
-            resources?: Resources;
-            risk?: RiskElement;
-        };
-        isDropin?: boolean;
-        onChange?: (state: OnChangeData, component: UIElement<UIElementProps>) => void;
-        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement<UIElementProps>) => void;
-        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement<UIElementProps>) => void;
-        beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
-            url: string;
-            method: string;
-            data?: any;
-        }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: BeforeSubmitActions) => void;
-        onSubmit?: (state: SubmitData, component: UIElement<UIElementProps>, actions: SubmitActions) => void;
-        onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
-        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
-        onEnterKeyPressed?: (activeElement: Element, component: UIElement<UIElementProps>) => void;
-        onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
-        onOrderUpdated?: (data: {
-            order: Order;
-        }) => void;
-        onPaymentMethodsRequest?: (data: PaymentMethodsRequestData, actions: {
-            resolve: (response: PaymentMethodsResponse) => void;
-            reject: () => void;
-        }) => void;
-        environment?: string;
-        session?: Session;
-        onComplete?: (state: any, element: UIElement<UIElementProps>) => void;
-        isInstantPayment?: boolean;
-        isStoredPaymentMethod?: boolean;
-        oneClick?: boolean;
-        statusType?: "custom" | "loading" | "redirect";
-        amount?: PaymentAmount;
-        secondaryAmount?: PaymentAmountExtended;
-        showPayButton?: boolean;
-        payButton?: (options: PayButtonFunctionProps) => h.JSX.Element;
-        loadingContext?: string;
-        createFromAction?: (action: PaymentAction, props: object) => UIElement<UIElementProps>;
-        clientKey?: string;
-        elementRef?: any;
-        i18n?: Language;
-        label?: string;
-        paymentMethodType?: string;
-    };
+    formatProps(props: CardConfiguration): CardConfiguration;
     /**
      * Formats the component data output
      */
@@ -5911,7 +5867,7 @@ declare class CardElement extends UIElement<CardConfiguration> {
     get displayName(): string;
     get accessibleName(): string;
     get browserInfo(): BrowserInfo;
-    protected payButton: (props: PayButtonProps) => h.JSX.Element;
+    protected payButton: (props: PayButtonFunctionProps) => h.JSX.Element;
     private renderCardInput;
     render(): h.JSX.Element;
 }
@@ -5969,20 +5925,20 @@ declare class PayMeElement extends QRLoaderContainer {
             risk?: RiskElement;
         };
         isDropin?: boolean;
-        onChange?: (state: OnChangeData, component: UIElement<UIElementProps>) => void;
-        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement<UIElementProps>) => void;
-        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement<UIElementProps>) => void;
+        onChange?: (state: OnChangeData, component: UIElement) => void;
+        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement) => void;
+        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
             url: string;
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: BeforeSubmitActions) => void;
-        onSubmit?: (state: SubmitData, component: UIElement<UIElementProps>, actions: SubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
-        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
-        onEnterKeyPressed?: (activeElement: Element, component: UIElement<UIElementProps>) => void;
-        onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
+        onEnterKeyPressed?: (activeElement: Element, component: UIElement) => void;
+        onError?: (error: AdyenCheckoutError, component?: UIElement) => void;
         onOrderUpdated?: (data: {
             order: Order;
         }) => void;
@@ -5992,12 +5948,12 @@ declare class PayMeElement extends QRLoaderContainer {
         }) => void;
         environment?: string;
         session?: Session;
-        onComplete?: (state: any, element: UIElement<UIElementProps>) => void;
+        onComplete?: (state: any, element: UIElement) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
         storedPaymentMethodId?: string;
-        statusType?: "custom" | "loading" | "redirect";
+        statusType?: "redirect" | "loading" | "custom";
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
@@ -6005,7 +5961,7 @@ declare class PayMeElement extends QRLoaderContainer {
         showPayButton?: boolean;
         payButton?: (options: PayButtonFunctionProps) => preact.JSX.Element;
         loadingContext?: string;
-        createFromAction?: (action: PaymentAction, props: object) => UIElement<UIElementProps>;
+        createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
         elementRef?: any;
         i18n?: Language;
@@ -6039,7 +5995,7 @@ declare class DropinElement extends UIElement<DropinConfiguration> implements ID
         openFirstStoredPaymentMethod?: boolean;
         openFirstPaymentMethod?: boolean;
         onReady?(): void;
-        onSelect?(paymentMethod: UIElement<UIElementProps>): void;
+        onSelect?(paymentMethod: UIElement): void;
         showRemovePaymentMethodButton?: boolean;
         showRadioButton?: boolean;
         onDisableStoredPaymentMethod?: (storedPaymentMethod: any, resolve: any, reject: any) => void;
@@ -6050,20 +6006,20 @@ declare class DropinElement extends UIElement<DropinConfiguration> implements ID
             risk?: RiskElement;
         };
         isDropin?: boolean;
-        onChange?: (state: OnChangeData, component: UIElement<UIElementProps>) => void;
-        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement<UIElementProps>) => void;
-        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement<UIElementProps>) => void;
+        onChange?: (state: OnChangeData, component: UIElement) => void;
+        onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement) => void;
+        onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
             url: string;
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement<UIElementProps>, actions: BeforeSubmitActions) => void;
-        onSubmit?: (state: SubmitData, component: UIElement<UIElementProps>, actions: SubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
-        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement<UIElementProps>, actions: AdditionalDetailsActions) => void;
-        onEnterKeyPressed?: (activeElement: Element, component: UIElement<UIElementProps>) => void;
-        onError?: (error: AdyenCheckoutError, component?: UIElement<UIElementProps>) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
+        onEnterKeyPressed?: (activeElement: Element, component: UIElement) => void;
+        onError?: (error: AdyenCheckoutError, component?: UIElement) => void;
         onOrderUpdated?: (data: {
             order: Order;
         }) => void;
@@ -6073,12 +6029,12 @@ declare class DropinElement extends UIElement<DropinConfiguration> implements ID
         }) => void;
         environment?: string;
         session?: Session;
-        onComplete?: (state: any, element: UIElement<UIElementProps>) => void;
+        onComplete?: (state: any, element: UIElement) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
         storedPaymentMethodId?: string;
-        statusType?: "custom" | "loading" | "redirect";
+        statusType?: "redirect" | "loading" | "custom";
         type: string;
         name?: string;
         icon?: string;
@@ -6087,7 +6043,7 @@ declare class DropinElement extends UIElement<DropinConfiguration> implements ID
         showPayButton?: boolean;
         payButton?: (options: PayButtonFunctionProps) => h.JSX.Element;
         loadingContext?: string;
-        createFromAction?: (action: PaymentAction, props: object) => UIElement<UIElementProps>;
+        createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
         elementRef?: any;
         i18n?: Language;
@@ -6160,7 +6116,7 @@ declare namespace index_d {
 
 declare class Core implements ICore {
     session?: Session;
-    paymentMethodsResponse: PaymentMethods$1;
+    paymentMethodsResponse: PaymentMethods;
     modules: Readonly<{
         risk: RiskElement;
         analytics: AnalyticsModule;
@@ -6182,11 +6138,8 @@ declare class Core implements ICore {
         componentsMap: Record<string, NewableComponent>;
         supportedTxVariants: Set<string>;
         add(...items: NewableComponent[]): void;
-        getComponent(type: string): NewableComponent;
-        createComponentsMap(components: NewableComponent[]): {}; /**
-         * Used internally by the PaymentMethod components to auto-register themselves
-         * @internal
-         */
+        getComponent(type: string): NewableComponent | undefined;
+        createComponentsMap(components: NewableComponent[]): {};
     };
     static setBundleType(type: string): void;
     static register(...items: NewableComponent[]): void;
@@ -6252,8 +6205,8 @@ declare class Core implements ICore {
 
 declare function AdyenCheckout(props: CoreConfiguration): Promise<Core>;
 declare namespace AdyenCheckout {
-    var register: (...items: (new (checkout: ICore, props: any) => UIElement<UIElementProps>)[]) => void;
+    var register: (...items: (new (checkout: ICore, props: any) => UIElement)[]) => void;
     var setBundleType: (type: string) => void;
 }
 
-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 };
+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, type App, 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$1 as 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 UpiType, 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 };