@adyen/adyen-web 6.29.0 → 6.31.0

package/dist/es/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="applepayjs" />
 /// <reference types="googlepay" />
 import * as preact from 'preact';
-import { h, Ref, FunctionComponent, ComponentChild, Component } from 'preact';
+import { h, Ref, FunctionComponent, ComponentChild, Component, RefObject } from 'preact';
 
 /**
  * Holds the result of a validation
@@ -162,6 +162,71 @@ declare class AdyenCheckoutError extends Error {
     constructor(type: keyof typeof AdyenCheckoutError.errorTypes, message?: string, options?: CheckoutErrorOptions);
 }
 
+type InstallmentPlan = 'revolving' | 'bonus' | 'regular';
+interface InstallmentOption {
+    values: number[];
+    plans?: InstallmentPlan[];
+    preselectedValue?: number;
+}
+interface InstallmentOptions {
+    [key: string]: InstallmentOption;
+}
+
+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: Omit<PaymentAmount, 'currencyDisplay'>;
+    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;
+};
+type SetupSessionOptions = {
+    browserInfo?: BrowserInfo;
+    order?: Order;
+};
+
 type CustomTranslations = {
     [locale: string]: Translations;
 };
@@ -210,381 +275,101 @@ declare class Language {
     dateTime(date: string): string;
 }
 
-type PlaceholderKeys$1 = 'cardNumber' | 'securityCode' | 'expiryDate';
-type Placeholders$1 = Partial<Record<PlaceholderKeys$1, string>>;
-type GiftcardFieldsProps = {
-    setRootNode: (input: HTMLElement) => void;
-    i18n: Language;
-    pinRequired: boolean;
-    sfpState: SFPState;
-    getCardErrorMessage: any;
-    focusedElement: any;
-    setFocusOn: any;
-    label?: string;
-};
-
-type Placeholders = CardPlaceholders | Placeholders$1;
-/**
- * Should be the only props that can be sent to SFP (from CardInput, SecuredFieldsInput, AchInput, GiftcardComponent)
- */
-interface SFPProps {
-    autoFocus?: boolean;
-    brands?: string[];
-    brandsConfiguration?: CardBrandsConfiguration;
-    clientKey: string;
-    countryCode?: string;
-    forceCompat?: boolean;
-    hasKoreanFields?: boolean;
-    i18n: Language;
-    implementationType?: string;
-    keypadFix?: boolean;
-    koreanAuthenticationRequired?: boolean;
-    legacyInputMode?: boolean;
-    loadingContext: string;
-    minimumExpiryDate?: string;
-    onAdditionalSFConfig?: () => {};
-    onAdditionalSFRemoved?: () => {};
-    onAllValid?: () => {};
-    onAutoComplete?: () => {};
-    onBinValue?: () => {};
-    onBrand?: () => {};
-    onChange: () => {};
-    onConfigSuccess?: () => {};
-    onError?: () => {};
-    onFieldValid?: () => {};
-    onFocus?: () => {};
-    onLoad?: () => {};
-    onStateUpdate: (obj: SFPState) => void;
-    handleKeyPress?: (obj: KeyboardEvent) => void;
-    rootNode: HTMLElement;
-    showWarnings?: boolean;
-    styles?: StylesObject;
-    trimTrailingSeparator?: boolean;
-    type: string;
-    render: () => {};
-    resources: Resources;
-    maskSecurityCode: boolean;
-    exposeExpiryDate: boolean;
-    disableIOSArrowKeys: (obj: TouchStartEventObj) => void | null;
-    placeholders?: Placeholders;
-    showContextualElement?: boolean;
-}
-interface SFPState {
+type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'action' | 'link' | 'iconOnly';
+interface ButtonProps {
     status?: string;
-    brand?: string;
-    errors?: object;
-    valid: SFPValid;
-    data: object;
-    cvcPolicy?: CVCPolicyType;
-    isSfpValid?: boolean;
-    autoCompleteName?: string;
-    billingAddress?: AddressData;
-    detectedUnsupportedBrands?: string[];
-    hasKoreanFields?: boolean;
-    showSocialSecurityNumber?: boolean;
-    expiryDatePolicy?: DatePolicyType;
-    socialSecurityNumber?: string;
-}
-interface SingleBrandResetObject {
-    brand: string;
-    cvcPolicy: CVCPolicyType;
+    /**
+     * Class name modifiers will be used as: `adyen-checkout__button--${modifier}`
+     */
+    classNameModifiers?: string[];
+    variant?: ButtonVariant;
+    disabled?: boolean;
+    label?: string | h.JSX.Element;
+    onClickCompletedLabel?: string | h.JSX.Element;
+    ariaLabel?: string;
+    ariaDescribedBy?: string;
+    secondaryLabel?: string;
+    icon?: string;
+    onClickCompletedIcon?: string;
+    inline?: boolean;
+    href?: string;
+    target?: string;
+    rel?: string;
+    onClick?: (e: h.JSX.TargetedMouseEvent<HTMLButtonElement | HTMLAnchorElement>, callbacks?: {
+        complete?: () => void;
+    }) => void;
+    onKeyDown?: (event: KeyboardEvent) => void;
+    onKeyPress?: (event: KeyboardEvent) => void;
+    buttonRef?: Ref<HTMLButtonElement>;
+    onMouseEnter?: (event: MouseEvent) => void;
+    onMouseLeave?: (event: MouseEvent) => void;
+    onFocus?: (event: FocusEvent) => void;
+    onBlur?: (event: FocusEvent) => void;
 }
-interface SFPValid {
-    encryptedCardNumber?: boolean;
-    encryptedExpiryMonth?: boolean;
-    encryptedExpiryYear?: boolean;
-    encryptedSecurityCode?: boolean;
-    encryptedPassword?: boolean;
-    encryptedPin?: boolean;
-    encryptedBankAccountNumber?: boolean;
-    encryptedBankLocationId?: boolean;
+
+interface PayButtonProps extends ButtonProps {
+    /**
+     * Class name modifiers will be used as: `adyen-checkout__image--${modifier}`
+     */
+    classNameModifiers?: string[];
+    /**
+     * Custom amount that can be passed to the button.
+     * This is useful when the amount is not available in the amount provider, such as Giftcard scenario where
+     * we need to display the remaining amount
+     */
+    customAmount?: PaymentAmount;
+    label?: string;
+    status?: string;
+    disabled?: boolean;
+    icon?: string;
+    onClick?: (e: h.JSX.TargetedMouseEvent<HTMLButtonElement>) => void;
 }
 
-declare const REQUIRED = "required";
-declare const OPTIONAL = "optional";
-declare const HIDDEN = "hidden";
+type AchForm = {
+    selectedAccountType: string;
+    ownerName: string;
+    routingNumber: string;
+    accountNumber: string;
+    accountNumberVerification: string;
+};
+type AchFormPrefillData = Partial<Pick<AchForm, 'ownerName'>>;
 
-declare global {
-    interface Window {
-        _b$dl: boolean;
-        mockBinCount: number;
-    }
+interface AchConfiguration extends UIElementProps {
+    /**
+     * Pre-fill ACH form with shopper data
+     */
+    data?: AchFormPrefillData;
+    /**
+     * Adds placeholder text to the input fields
+     */
+    placeholders?: AchPlaceholders;
+    /**
+     * Set to false to hide the "Account Holder Name" field if you want to pass the data yourself
+     * @default true
+     */
+    hasHolderName?: boolean;
+    /**
+     * Enables storing the payment method using the Checkbox
+     * @default false
+     */
+    enableStoreDetails?: boolean;
+    /**
+     * storedPaymentMethodId coming from a stored ACH in /paymentMethods response
+     * @internal
+     */
+    storedPaymentMethodId?: string;
+    /**
+     * bankAccountNumber coming from a stored ACH in /paymentMethods response
+     * @internal
+     */
+    bankAccountNumber?: string;
 }
-interface StylesObject {
-    base?: StyleDefinitions;
-    error?: StyleDefinitions;
-    validated?: StyleDefinitions;
-    placeholder?: StyleDefinitions;
-}
-interface StyleDefinitions {
-    background?: string;
-    caretColor?: string;
-    color?: string;
-    display?: string;
-    font?: string;
-    fontFamily?: string;
-    fontSize?: string;
-    fontSizeAdjust?: string;
-    fontSmoothing?: string;
-    fontStretch?: string;
-    fontStyle?: string;
-    fontVariant?: string;
-    fontVariantAlternates?: string;
-    fontVariantCaps?: string;
-    fontVariantEastAsian?: string;
-    fontVariantLigatures?: string;
-    fontVariantNumeric?: string;
-    fontWeight?: string;
-    letterSpacing?: string;
-    lineHeight?: string;
-    mozOsxFontSmoothing?: string;
-    mozTransition?: string;
-    outline?: string;
-    opacity?: string;
-    padding?: string;
-    textAlign?: string;
-    textShadow?: string;
-    transition?: string;
-    webkitFontSmoothing?: string;
-    webkitTransition?: string;
-    wordSpacing?: string;
-}
-interface CardAllValidData {
-    type: string;
-    allValid: boolean;
-    rootNode: HTMLElement;
-}
-interface CardAutoCompleteData {
-    fieldType: string;
-    name: string;
-    value: string;
-    action: string;
-}
-interface CardBinLookupData {
-    type?: string;
-    detectedBrands?: string[];
-    supportedBrands?: string[];
-    brands?: string[];
-    issuingCountryCode?: string;
-    supportedBrandsRaw?: BrandObject[];
-    rootNode?: HTMLElement;
-    isReset?: boolean;
-}
-interface CardBinValueData {
-    type: string;
-    binValue: string;
-    uuid?: string;
-    encryptedBin?: string;
-}
-interface CardBrandData {
-    type: string;
-    rootNode: HTMLElement;
-    brand: string;
-    cvcPolicy: CVCPolicyType;
-    expiryDatePolicy?: DatePolicyType;
-    cvcText: string;
-    showSocialSecurityNumber?: boolean;
-    brandImageUrl?: string;
-}
-interface CardConfigSuccessData {
-    iframesConfigured: boolean;
-    type: string;
-    rootNode: HTMLElement;
-}
-interface CardErrorData {
-    fieldType: string;
-    error: string;
-    type: string;
-    rootNode?: HTMLElement;
-    detectedBrands?: string[];
-    errorI18n?: string;
-    errorText?: string;
-}
-interface CardFieldValidData {
-    fieldType: string;
-    encryptedFieldName: string;
-    uid: string;
-    valid: boolean;
-    type: string;
-    rootNode: HTMLElement;
-    blob?: string;
-    endDigits?: string;
-    expiryDate?: string;
-    issuerBin?: number;
-}
-interface CardFocusData {
-    action: string;
-    focus: boolean;
-    numChars: number;
-    fieldType: string;
-    rootNode: HTMLElement;
-    type: string;
-    currentFocusObject: string;
-}
-interface CardLoadData {
-    iframesLoaded: boolean;
-}
-type CVCPolicyType = typeof REQUIRED | typeof OPTIONAL | typeof HIDDEN;
-type DatePolicyType = typeof REQUIRED | typeof OPTIONAL | typeof HIDDEN;
-
-interface InstallmentOptions {
-    [key: string]: {
-        values: number[];
-        plans?: string[];
-        preselectedValue?: number;
-    };
-}
-interface TouchStartEventObj {
-    fieldType: string;
-    name?: string;
-}
-
-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;
-};
-type SetupSessionOptions = {
-    browserInfo?: BrowserInfo;
-    order?: Order;
-};
-
-type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'action' | 'link' | 'iconOnly';
-interface ButtonProps {
-    status?: string;
-    /**
-     * Class name modifiers will be used as: `adyen-checkout__button--${modifier}`
-     */
-    classNameModifiers?: string[];
-    variant?: ButtonVariant;
-    disabled?: boolean;
-    label?: string | h.JSX.Element;
-    onClickCompletedLabel?: string | h.JSX.Element;
-    ariaLabel?: string;
-    ariaDescribedBy?: string;
-    secondaryLabel?: string;
-    icon?: string;
-    onClickCompletedIcon?: string;
-    inline?: boolean;
-    href?: string;
-    target?: string;
-    rel?: string;
-    onClick?: (e: h.JSX.TargetedMouseEvent<HTMLButtonElement>, callbacks?: {
-        complete?: () => void;
-    }) => void;
-    onKeyDown?: (event: KeyboardEvent) => void;
-    onKeyPress?: (event: KeyboardEvent) => void;
-    buttonRef?: Ref<HTMLButtonElement>;
-    onMouseEnter?: (event: MouseEvent) => void;
-    onMouseLeave?: (event: MouseEvent) => void;
-    onFocus?: (event: FocusEvent) => void;
-    onBlur?: (event: FocusEvent) => 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?: (e: h.JSX.TargetedMouseEvent<HTMLButtonElement>) => void;
-}
-
-type AchForm = {
-    selectedAccountType: string;
-    ownerName: string;
-    routingNumber: string;
-    accountNumber: string;
-    accountNumberVerification: string;
-};
-type AchFormPrefillData = Partial<Pick<AchForm, 'ownerName'>>;
-
-interface AchConfiguration extends UIElementProps {
-    /**
-     * Pre-fill ACH form with shopper data
-     */
-    data?: AchFormPrefillData;
-    /**
-     * Adds placeholder text to the input fields
-     */
-    placeholders?: AchPlaceholders;
-    /**
-     * Set to false to hide the "Account Holder Name" field if you want to pass the data yourself
-     * @default true
-     */
-    hasHolderName?: boolean;
-    /**
-     * Enables storing the payment method using the Checkbox
-     * @default false
-     */
-    enableStoreDetails?: boolean;
-    /**
-     * storedPaymentMethodId coming from a stored ACH in /paymentMethods response
-     * @internal
-     */
-    storedPaymentMethodId?: string;
-    /**
-     * bankAccountNumber coming from a stored ACH in /paymentMethods response
-     * @internal
-     */
-    bankAccountNumber?: string;
-}
-interface AchPlaceholders {
-    accountTypeSelector?: string;
-    ownerName?: string;
-    routingNumber?: string;
-    accountNumber?: string;
-    accountNumberVerification?: string;
+interface AchPlaceholders {
+    accountTypeSelector?: string;
+    ownerName?: string;
+    routingNumber?: string;
+    accountNumber?: string;
+    accountNumberVerification?: string;
 }
 
 declare const SUPPORTED_LOCALES_EU: readonly ["en_GB", "de_DE", "fr_FR", "it_IT", "es_ES"];
@@ -753,7 +538,6 @@ declare enum TxVariants {
     payto = "payto",
     upi = "upi",// also QR
     upi_qr = "upi_qr",// also QR
-    upi_collect = "upi_collect",// also QR
     upi_intent = "upi_intent",// also QR
     /** Await */
     /** Giftcard */
@@ -831,7 +615,7 @@ interface AmazonPayConfiguration extends UIElementProps {
         resolve: (response: CheckoutAdvancedFlowResponse) => void;
         reject: () => void;
     }): void;
-    payButton?: any;
+    payButton?: (props: PayButtonProps) => h.JSX.Element;
     placement?: Placement;
     productType?: ProductType;
     recurringMetadata?: RecurringMetadata;
@@ -864,7 +648,6 @@ interface AmazonPayComponentProps extends AmazonPayConfiguration {
     ref: any;
 }
 interface AmazonPayButtonProps {
-    amount?: PaymentAmount;
     amazonRef: any;
     buttonColor?: ButtonColor;
     cancelUrl?: string;
@@ -899,7 +682,6 @@ interface ChangeActionOptions {
 }
 interface OrderButtonProps {
     amazonCheckoutSessionId: string;
-    amount: PaymentAmount;
     clientKey: string;
     chargePermissionType?: ChargePermissionType;
     onError: (error: any, component: any) => void;
@@ -1150,7 +932,14 @@ interface ApplePayConfiguration extends UIElementProps {
      * Optional user-defined data.
      */
     applicationData?: string;
-    onClick?: (resolve: any, reject: any) => void;
+    /**
+     *	Called when the shopper clicks the Apple Pay button
+
+     * @param resolve - Must be called if the button should be displayed
+     * @param reject - Must be called if the button should not be displayed
+     * @returns
+     */
+    onClick?: (resolve: () => void, reject: () => void) => void;
     /**
      * A callback function the Apple Pay SDK calls when the Apple Pay code modal or window closes.
      */
@@ -1183,28 +972,42 @@ interface ApplePayConfiguration extends UIElementProps {
      * @param reject - Must be called if something failed during the order creation. Calling 'reject' won't cancel the payment flow
      */
     onOrderTrackingRequest?: (resolve: (orderDetails: ApplePayPaymentOrderDetails) => void, reject: () => void) => void;
-    onValidateMerchant?: (resolve: any, reject: any, validationURL: string) => void;
     /**
-     * {@link https://developer.apple.com/documentation/apple_pay_on_the_web/applepaysession/1778013-onpaymentmethodselected}
-     * @param resolve(ApplePayPaymentMethodUpdate update) Completes the selection of a payment method with an update.
-     * @param reject() Completes the selection of a payment method with no update.
-     * @param event The event parameter contains the paymentMethod attribute.
+     * An event handler the system calls when it displays the payment sheet
+     *
+     * {@link https://developer.apple.com/documentation/applepayontheweb/applepaysession/onvalidatemerchant}
+     * @param resolve - Must be called with an opaque message session object
+     * @param reject - Must be called if something failed during the merchant validation
+     * @param validationURL - The URL your server must use to validate itself and obtain a merchant session object.
      */
-    onPaymentMethodSelected?: (resolve: any, reject: any, event: ApplePayJS.ApplePayPaymentMethodSelectedEvent) => void;
+    onValidateMerchant?: (resolve: (merchantSession: any) => void, reject: (error?: string) => void, validationURL: string) => Promise<void>;
     /**
-     * {@link https://developer.apple.com/documentation/apple_pay_on_the_web/applepaysession/1778009-onshippingcontactselected}
-     * @param resolve(ApplePayShippingContactUpdate update) Completes the selection of a shipping contact with an update.
-     * @param reject() Completes the selection of a shipping contact with no update.
-     * @param event The event parameter contains the shippingContact attribute.
+     * An event handler to call when the user selects a new payment method.
+     *
+     * {@link https://developer.apple.com/documentation/applepayontheweb/applepaysession/onpaymentmethodselected}
+     * @param resolve - Completes the selection of a payment method with an update.
+     * @param reject - Completes the selection of a payment method with no update.
+     * @param event - The event parameter contains the paymentMethod attribute.
      */
-    onShippingContactSelected?: (resolve: any, reject: any, event: ApplePayJS.ApplePayShippingContactSelectedEvent) => void;
+    onPaymentMethodSelected?: (resolve: (paymentMethodUpdate: ApplePayJS.ApplePayPaymentMethodUpdate) => void, reject: (paymentMethodUpdate: ApplePayJS.ApplePayPaymentMethodUpdate) => void, event: ApplePayJS.ApplePayPaymentMethodSelectedEvent) => void;
     /**
-     * {@link https://developer.apple.com/documentation/apple_pay_on_the_web/applepaysession/1778028-onshippingmethodselected}
-     * @param resolve(ApplePayShippingMethodUpdate update) Completes the selection of a shipping method with an update.
-     * @param reject() Completes the selection of a shipping method with no update.
-     * @param event The event parameter contains the shippingMethod attribute.
+     * An event handler to call when the user selects a shipping contact in the payment sheet.
+     *
+     * {@link https://developer.apple.com/documentation/applepayontheweb/applepaysession/onshippingcontactselected}
+     * @param resolve - Completes the selection of a shipping contact with an update.
+     * @param reject - Completes the selection of a shipping contact with no update.
+     * @param event - The event parameter contains the shippingContact attribute.
+     */
+    onShippingContactSelected?: (resolve: (shippingContactUpdate: ApplePayJS.ApplePayShippingContactUpdate) => void, reject: (shippingContactUpdate: ApplePayJS.ApplePayShippingContactUpdate) => void, event: ApplePayJS.ApplePayShippingContactSelectedEvent) => void;
+    /**
+     * Completes the selection of a shipping method with an update.
+     *
+     * {@link https://developer.apple.com/documentation/applepayontheweb/applepaysession/completeshippingmethodselection}
+     * @param resolve - Completes the selection of a shipping method with an update.
+     * @param reject - Completes the selection of a shipping method with no update.
+     * @param event - The event parameter contains the shippingMethod attribute.
      */
-    onShippingMethodSelected?: (resolve: any, reject: any, event: ApplePayJS.ApplePayShippingMethodSelectedEvent) => void;
+    onShippingMethodSelected?: (resolve: (shippingMethodUpdate: ApplePayJS.ApplePayShippingMethodUpdate) => void, reject: (shippingMethodUpdate: ApplePayJS.ApplePayShippingMethodUpdate) => void, event: ApplePayJS.ApplePayShippingMethodSelectedEvent) => void;
     buttonColor?: ApplePayButtonStyle;
     buttonType?: ApplePayButtonType;
     /**
@@ -1469,162 +1272,389 @@ interface TimeoutErrorProps {
     scheme: string;
     isTimeoutTriggeredBySchemeSdk: boolean;
 }
-declare class TimeoutError extends Error {
-    scheme: string;
-    source: string;
-    isTimeoutTriggeredBySchemeSdk: boolean;
-    /** Currently populated only by Visa SDK if available */
-    correlationId?: string;
-    constructor(options: TimeoutErrorProps);
-    setCorrelationId(correlationId: string): void;
-    toString(): string;
+declare class TimeoutError extends Error {
+    scheme: string;
+    source: string;
+    isTimeoutTriggeredBySchemeSdk: boolean;
+    /** Currently populated only by Visa SDK if available */
+    correlationId?: string;
+    constructor(options: TimeoutErrorProps);
+    setCorrelationId(correlationId: string): void;
+    toString(): string;
+}
+
+type ClickToPayProps = {
+    /**
+     * Shopper email used to be recognized with the Network schemes
+     */
+    shopperEmail?: string;
+    /**
+     * Shopper telephone number used to be recognized with the Network schemes
+     */
+    telephoneNumber?: string;
+    /**
+     * Used to display the merchant name in case the DCF appears (ex: first time doing transaction in the device),
+     */
+    merchantDisplayName?: string;
+    /**
+     * Used to ensure the correct language and user experience if DCF screen is displayed. As a fallback, it uses the main locale
+     * defined during the creation of the Checkout.
+     * Format: ISO language_country pair (e.g., en_US )
+     *
+     * @defaultValue en_US
+     */
+    locale?: string;
+    /**
+     * Disable autofocus on the One Time Password input field when it is either displayed or when the OTP is resent
+     * @defaultValue false
+     */
+    disableOtpAutoFocus?: boolean;
+    /**
+     *  Callback triggered when the Click to Pay component is ready to be used
+     */
+    onReady?(): void;
+    /**
+     * Callback triggered when a timeout happens within Click to Pay service.
+     * Ex: Network schemes took too long to initialize
+     */
+    onTimeout?(error: TimeoutError): void;
+};
+type ClickToPayScheme = 'mc' | 'visa';
+
+declare global {
+    interface Window {
+        SRCSDK_MASTERCARD?: object;
+        vAdapters: {
+            VisaSRCI?: object;
+        };
+    }
+}
+
+declare enum AnalyticsEventCategory {
+    info = "info",
+    error = "error",
+    log = "log"
+}
+declare abstract class AbstractAnalyticsEvent {
+    private readonly timestamp;
+    private readonly id;
+    /**
+     * Component tx variant or identifier
+     * @private
+     */
+    private readonly component;
+    abstract getEventCategory(): AnalyticsEventCategory;
+    protected constructor(component: string);
+}
+
+interface AnalyticsOptions {
+    /**
+     * Enable/Disable all analytics
+     */
+    enabled?: boolean;
+    /**
+     * A wrapper to pass data needed when analytics is setup
+     */
+    analyticsData?: {
+        /**
+         * Relates to PMs used within Plugins
+         * https://docs.adyen.com/development-resources/application-information/?tab=integrator_built_2#application-information-fields
+         * @internal
+         */
+        applicationInfo?: ApplicationInfo;
+        /**
+         * Use a checkoutAttemptId from a previous page
+         */
+        checkoutAttemptId?: string;
+    };
+}
+interface ApplicationInfo {
+    externalPlatform: {
+        name: string;
+        version: string;
+        integrator: string;
+    };
+    merchantApplication: {
+        name: string;
+        version: string;
+    };
+    merchantDevice?: {
+        os: string;
+        osVersion: string;
+    };
+}
+
+interface IAnalytics {
+    checkoutAttemptId?: string;
+    setUp({ sessionId, checkoutStage, locale }: {
+        sessionId?: string;
+        checkoutStage?: 'precheckout' | 'checkout';
+        locale?: string;
+    }): Promise<void>;
+    sendFlavor(flavor: 'dropin' | 'components'): Promise<void>;
+    sendAnalytics(event: AbstractAnalyticsEvent): void;
+    flush(): void;
+}
+
+type MastercardCheckout = {
+    srcDigitalCardId: string;
+    srcCorrelationId: string;
+    srcScheme: string;
+};
+type VisaCheckout = {
+    srcCheckoutPayload?: string;
+    srcTokenReference?: string;
+    srcCorrelationId: string;
+    srcScheme: string;
+};
+type ClickToPayCheckoutPayload = VisaCheckout | MastercardCheckout;
+
+type ClickToPayConfiguration = UIElementProps & ClickToPayProps & {
+    /**
+     * ClickToPay configuration sent by the /paymentMethods response
+     */
+    configuration?: {
+        mcDpaId?: string;
+        mcSrcClientId?: string;
+        visaSrcInitiatorId?: string;
+        visaSrciDpaId?: string;
+    };
+};
+type ClickToPayPaymentData = {
+    paymentMethod: ClickToPayCheckoutPayload & {
+        type: string;
+    };
+    origin: string;
+    browserInfo: BrowserInfo;
+};
+
+interface TouchStartEventObj {
+    fieldType: string;
+    name?: string;
+}
+
+type PlaceholderKeys$1 = 'cardNumber' | 'securityCode' | 'expiryDate';
+type Placeholders$1 = Partial<Record<PlaceholderKeys$1, string>>;
+type GiftcardFieldsProps = {
+    setRootNode: (input: HTMLElement) => void;
+    i18n: Language;
+    pinRequired: boolean;
+    sfpState: SFPState;
+    getCardErrorMessage: any;
+    focusedElement: any;
+    setFocusOn: any;
+    label?: string;
+};
+
+type Placeholders = CardPlaceholders | Placeholders$1;
+/**
+ * Should be the only props that can be sent to SFP (from CardInput, SecuredFieldsInput, GiftcardComponent)
+ */
+interface SFPProps {
+    autoFocus?: boolean;
+    brands?: string[];
+    brandsConfiguration?: CardBrandsConfiguration;
+    clientKey: string;
+    componentType: string;
+    countryCode?: string;
+    forceCompat?: boolean;
+    hasKoreanFields?: boolean;
+    i18n: Language;
+    implementationType?: string;
+    keypadFix?: boolean;
+    koreanAuthenticationRequired?: boolean;
+    legacyInputMode?: boolean;
+    loadingContext: string;
+    minimumExpiryDate?: string;
+    onAdditionalSFConfig?: () => {};
+    onAdditionalSFRemoved?: () => {};
+    onAllValid?: () => {};
+    onAutoComplete?: () => {};
+    onBinValue?: () => {};
+    onBrand?: () => {};
+    onChange: () => {};
+    onConfigSuccess?: () => {};
+    onError?: () => {};
+    onFieldValid?: () => {};
+    onFocus?: () => {};
+    onLoad?: () => {};
+    onStateUpdate: (obj: SFPState) => void;
+    onSubmitAnalytics: (event: AbstractAnalyticsEvent) => void;
+    handleKeyPress?: (obj: KeyboardEvent) => void;
+    rootNode: HTMLElement;
+    showWarnings?: boolean;
+    styles?: StylesObject;
+    trimTrailingSeparator?: boolean;
+    type: string;
+    render: () => {};
+    resources: Resources;
+    maskSecurityCode: boolean;
+    exposeExpiryDate: boolean;
+    disableIOSArrowKeys: (obj: TouchStartEventObj) => void | null;
+    placeholders?: Placeholders;
+    showContextualElement?: boolean;
+}
+interface SFPState {
+    status?: string;
+    brand?: string;
+    errors?: object;
+    valid: SFPValid;
+    data: object;
+    cvcPolicy?: CVCPolicyType;
+    isSfpValid?: boolean;
+    autoCompleteName?: string;
+    billingAddress?: AddressData;
+    detectedUnsupportedBrands?: string[];
+    hasKoreanFields?: boolean;
+    showSocialSecurityNumber?: boolean;
+    expiryDatePolicy?: DatePolicyType;
+    socialSecurityNumber?: string;
+}
+interface SingleBrandResetObject {
+    brand: string;
+    cvcPolicy: CVCPolicyType;
+}
+interface SFPValid {
+    encryptedCardNumber?: boolean;
+    encryptedExpiryMonth?: boolean;
+    encryptedExpiryYear?: boolean;
+    encryptedSecurityCode?: boolean;
+    encryptedPassword?: boolean;
+    encryptedPin?: boolean;
+    encryptedBankAccountNumber?: boolean;
+    encryptedBankLocationId?: boolean;
+}
+
+declare const REQUIRED = "required";
+declare const OPTIONAL = "optional";
+declare const HIDDEN = "hidden";
+
+declare global {
+    interface Window {
+        _b$dl: boolean;
+        mockBinCount: number;
+    }
+}
+interface StylesObject {
+    base?: StyleDefinitions;
+    error?: StyleDefinitions;
+    validated?: StyleDefinitions;
+    placeholder?: StyleDefinitions;
+}
+interface StyleDefinitions {
+    background?: string;
+    caretColor?: string;
+    color?: string;
+    display?: string;
+    font?: string;
+    fontFamily?: string;
+    fontSize?: string;
+    fontSizeAdjust?: string;
+    fontSmoothing?: string;
+    fontStretch?: string;
+    fontStyle?: string;
+    fontVariant?: string;
+    fontVariantAlternates?: string;
+    fontVariantCaps?: string;
+    fontVariantEastAsian?: string;
+    fontVariantLigatures?: string;
+    fontVariantNumeric?: string;
+    fontWeight?: string;
+    letterSpacing?: string;
+    lineHeight?: string;
+    mozOsxFontSmoothing?: string;
+    mozTransition?: string;
+    outline?: string;
+    opacity?: string;
+    padding?: string;
+    textAlign?: string;
+    textShadow?: string;
+    transition?: string;
+    webkitFontSmoothing?: string;
+    webkitTransition?: string;
+    wordSpacing?: string;
+}
+interface CardAllValidData {
+    type: string;
+    allValid: boolean;
+    rootNode: HTMLElement;
+}
+interface CardAutoCompleteData {
+    fieldType: string;
+    name: string;
+    value: string;
+    action: string;
+}
+interface CardBinLookupData {
+    type?: string;
+    detectedBrands?: string[];
+    supportedBrands?: string[];
+    brands?: string[];
+    issuingCountryCode?: string;
+    supportedBrandsRaw?: BrandObject[];
+    rootNode?: HTMLElement;
+    isReset?: boolean;
+}
+interface CardBinValueData {
+    type: string;
+    binValue: string;
+    uuid?: string;
+    encryptedBin?: string;
 }
-
-type ClickToPayProps = {
-    /**
-     * Shopper email used to be recognized with the Network schemes
-     */
-    shopperEmail?: string;
-    /**
-     * Shopper telephone number used to be recognized with the Network schemes
-     */
-    telephoneNumber?: string;
-    /**
-     * Used to display the merchant name in case the DCF appears (ex: first time doing transaction in the device),
-     */
-    merchantDisplayName?: string;
-    /**
-     * Used to ensure the correct language and user experience if DCF screen is displayed. As a fallback, it uses the main locale
-     * defined during the creation of the Checkout.
-     * Format: ISO language_country pair (e.g., en_US )
-     *
-     * @defaultValue en_US
-     */
-    locale?: string;
-    /**
-     * Disable autofocus on the One Time Password input field when it is either displayed or when the OTP is resent
-     * @defaultValue false
-     */
-    disableOtpAutoFocus?: boolean;
-    /**
-     *  Callback triggered when the Click to Pay component is ready to be used
-     */
-    onReady?(): void;
-    /**
-     * Callback triggered when a timeout happens within Click to Pay service.
-     * Ex: Network schemes took too long to initialize
-     */
-    onTimeout?(error: TimeoutError): void;
-};
-type ClickToPayScheme = 'mc' | 'visa';
-
-declare global {
-    interface Window {
-        SRCSDK_MASTERCARD?: object;
-        vAdapters: {
-            VisaSRCI?: object;
-        };
-    }
+interface CardBrandData {
+    type: string;
+    rootNode: HTMLElement;
+    brand: string;
+    cvcPolicy: CVCPolicyType;
+    expiryDatePolicy?: DatePolicyType;
+    cvcText: string;
+    showSocialSecurityNumber?: boolean;
+    brandImageUrl?: string;
 }
-
-declare enum AnalyticsEventCategory {
-    info = "info",
-    error = "error",
-    log = "log"
+interface CardConfigSuccessData {
+    iframesConfigured: boolean;
+    type: string;
+    rootNode: HTMLElement;
 }
-declare abstract class AbstractAnalyticsEvent {
-    private readonly timestamp;
-    private readonly id;
-    /**
-     * Component tx variant or identifier
-     * @private
-     */
-    private readonly component;
-    abstract getEventCategory(): AnalyticsEventCategory;
-    protected constructor(component: string);
+interface CardErrorData {
+    fieldType: string;
+    error: string;
+    type: string;
+    rootNode?: HTMLElement;
+    detectedBrands?: string[];
+    errorI18n?: string;
+    errorText?: string;
 }
-
-interface AnalyticsOptions {
-    /**
-     * Enable/Disable all analytics
-     */
-    enabled?: boolean;
-    /**
-     * A wrapper to pass data needed when analytics is setup
-     */
-    analyticsData?: {
-        /**
-         * Relates to PMs used within Plugins
-         * https://docs.adyen.com/development-resources/application-information/?tab=integrator_built_2#application-information-fields
-         * @internal
-         */
-        applicationInfo?: ApplicationInfo;
-        /**
-         * Use a checkoutAttemptId from a previous page
-         */
-        checkoutAttemptId?: string;
-    };
+interface CardFieldValidData {
+    fieldType: string;
+    encryptedFieldName: string;
+    uid: string;
+    valid: boolean;
+    type: string;
+    rootNode: HTMLElement;
+    blob?: string;
+    endDigits?: string;
+    expiryDate?: string;
+    issuerBin?: number;
 }
-interface ApplicationInfo {
-    externalPlatform: {
-        name: string;
-        version: string;
-        integrator: string;
-    };
-    merchantApplication: {
-        name: string;
-        version: string;
-    };
-    merchantDevice?: {
-        os: string;
-        osVersion: string;
-    };
+interface CardFocusData {
+    action: string;
+    focus: boolean;
+    numChars: number;
+    fieldType: string;
+    rootNode: HTMLElement;
+    type: string;
+    currentFocusObject: string;
 }
-
-interface IAnalytics {
-    setUp({ sessionId, checkoutStage, locale }: {
-        sessionId?: string;
-        checkoutStage?: 'precheckout' | 'checkout';
-        locale?: string;
-    }): Promise<void>;
-    sendFlavor(flavor: 'dropin' | 'components'): Promise<void>;
-    sendAnalytics(event: AbstractAnalyticsEvent): void;
-    flush(): void;
+interface CardLoadData {
+    iframesLoaded: boolean;
 }
-
-type MastercardCheckout = {
-    srcDigitalCardId: string;
-    srcCorrelationId: string;
-    srcScheme: string;
-};
-type VisaCheckout = {
-    srcCheckoutPayload?: string;
-    srcTokenReference?: string;
-    srcCorrelationId: string;
-    srcScheme: string;
-};
-type ClickToPayCheckoutPayload = VisaCheckout | MastercardCheckout;
-
-type ClickToPayConfiguration = UIElementProps & ClickToPayProps & {
-    /**
-     * ClickToPay configuration sent by the /paymentMethods response
-     */
-    configuration?: {
-        mcDpaId?: string;
-        mcSrcClientId?: string;
-        visaSrcInitiatorId?: string;
-        visaSrciDpaId?: string;
-    };
-};
-type ClickToPayPaymentData = {
-    paymentMethod: ClickToPayCheckoutPayload & {
-        type: string;
-    };
-    origin: string;
-    browserInfo: BrowserInfo;
-};
+type CVCPolicyType = typeof REQUIRED | typeof OPTIONAL | typeof HIDDEN;
+type DatePolicyType = typeof REQUIRED | typeof OPTIONAL | typeof HIDDEN;
 
 declare enum ErrorEventCode {
+    /** Trying to initialise a securedField iframe, but the iframe.contentWindow is undefined (meaning the containing element is not in the DOM */
+    SECURED_FIELDS_IFRAME_CONTENT_WINDOW_NOT_FOUND = "500",
     REDIRECT = "600",
     /**  Missing 'paymentData' property from threeDS2 action */
     THREEDS2_ACTION_IS_MISSING_PAYMENT_DATA = "700",
@@ -2076,7 +2106,7 @@ interface DragonpayInputProps {
     onChange: (state: any) => void;
     onSubmit?: (state: any, component: any) => void;
     showPayButton: boolean;
-    payButton: any;
+    payButton: (props: PayButtonProps) => h.JSX.Element;
     ref?: any;
 }
 interface DragonpayVoucherResultProps {
@@ -2427,7 +2457,7 @@ interface KlarnaPaymentsShared {
 }
 interface KlarnaWidgetProps extends KlarnaPaymentsShared {
     /** @internal */
-    payButton: (options: any) => any;
+    payButton: (props: PayButtonProps) => h.JSX.Element;
     /** @internal */
     onLoaded: () => void;
     widgetInitializationTime: number;
@@ -2996,22 +3026,14 @@ interface SepaElementData {
 interface SepaConfiguration extends UIElementProps {
 }
 
-interface SegmentedControlOption<T> {
-    label: string;
-    value: T;
-    id: string;
-    controls: string;
-    htmlProps?: {};
-}
-
 type Mandate = {
     amount: string;
     frequency: 'monthly' | 'weekly' | 'adhoc';
     amountRule: 'max' | 'exact';
 };
 
-type UpiType = TxVariants.upi_qr | TxVariants.upi_intent | TxVariants.upi_collect;
-type UpiMode = 'vpa' | 'qrCode' | 'intent';
+type UpiType = TxVariants.upi_qr | TxVariants.upi_intent;
+type UpiMode = 'qrCode' | 'intent';
 type App = {
     id: string;
     name: string;
@@ -3020,11 +3042,11 @@ type App = {
 type UpiPaymentData = {
     paymentMethod: {
         type: UpiType;
-        virtualPaymentAddress?: string;
         appId?: string;
     };
 };
 interface UPIConfiguration extends UIElementProps {
+    /** @deprecated UPI configuration property "defaultMode" is deprecated and will be removed in a future version. */
     defaultMode?: UpiMode;
     mandate?: Mandate;
     apps?: Array<App>;
@@ -3036,7 +3058,6 @@ interface UPIConfiguration extends UIElementProps {
     /**
      * @internal
      */
-    segmentedControlOptions?: Array<SegmentedControlOption<UpiMode>>;
     paymentData?: string;
     qrCodeData?: string;
     brandLogo?: string;
@@ -3234,7 +3255,6 @@ interface AwaitComponentProps {
     pollStatus?: () => Promise<RawPaymentResponse | RawPaymentStatusResponse>;
     instructions?: string | (() => h.JSX.Element);
     endSlot?: () => h.JSX.Element;
-    amount?: PaymentAmount;
     showAmount?: boolean;
 }
 interface AwaitConfiguration extends UIElementProps {
@@ -3368,7 +3388,6 @@ interface IBaseElement {
     activate(): void;
 }
 
-type PayButtonFunctionProps = Omit<PayButtonProps, 'amount'>;
 type CoreCallbacks = Pick<CoreConfiguration, 'beforeRedirect' | 'beforeSubmit' | 'onSubmit' | 'onAdditionalDetails' | 'onPaymentFailed' | 'onPaymentCompleted' | 'onOrderUpdated' | 'onPaymentMethodsRequest' | 'onChange' | 'onActionHandled' | 'onError' | 'onEnterKeyPressed'>;
 type StatusFromAction = 'redirect' | 'loading' | 'custom';
 type UIElementProps = {
@@ -3404,14 +3423,14 @@ type UIElementProps = {
     name?: string;
     icon?: string;
     amount?: PaymentAmount;
-    secondaryAmount?: PaymentAmountExtended;
+    secondaryAmount?: PaymentAmount;
     /**
      * Show/Hide pay button
      * @defaultValue true
      */
     showPayButton?: boolean;
     /** @internal */
-    payButton?: (options: PayButtonFunctionProps) => h.JSX.Element;
+    payButton?: (options: PayButtonProps) => h.JSX.Element;
     /** @internal */
     loadingContext?: string;
     /** @internal */
@@ -3464,13 +3483,13 @@ declare class OpenInvoiceContainer extends UIElement<OpenInvoiceConfiguration> {
 declare class AfterPay extends OpenInvoiceContainer {
     static type: TxVariants;
     static txVariants: TxVariants[];
-    formatProps(props: any): any;
+    formatProps(props: OpenInvoiceConfiguration): any;
 }
 
 declare class AfterPayB2B extends OpenInvoiceContainer {
     static type: TxVariants;
     protected static defaultProps: Partial<OpenInvoiceConfiguration>;
-    formatProps(props: any): any;
+    formatProps(props: OpenInvoiceConfiguration): any;
 }
 
 declare class ANCVElement extends UIElement<ANCVConfiguration> {
@@ -3491,7 +3510,7 @@ declare class ANCVElement extends UIElement<ANCVConfiguration> {
      */
     createOrder: () => Promise<void>;
     submit(): boolean;
-    payButton: (props: any) => h.JSX.Element;
+    protected payButton: (props: PayButtonProps) => h.JSX.Element;
     get isValid(): boolean;
     get displayName(): string;
     protected componentToRender(): h.JSX.Element;
@@ -3561,7 +3580,7 @@ declare class ApplePayElement extends UIElement<ApplePayConfiguration> {
 
 declare class Atome extends OpenInvoiceContainer {
     static type: TxVariants;
-    formatProps(props: any): any;
+    formatProps(props: OpenInvoiceConfiguration): any;
 }
 
 declare class IssuerListContainer<TProps extends IssuerListConfiguration = IssuerListConfiguration, TData = IssuerListData> extends UIElement<TProps> {
@@ -3650,7 +3669,7 @@ declare class CashAppPay extends UIElement<CashAppPayConfiguration> {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => Promise<void> | void;
         onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
@@ -3675,9 +3694,9 @@ declare class CashAppPay extends UIElement<CashAppPayConfiguration> {
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
-        secondaryAmount?: PaymentAmountExtended;
+        secondaryAmount?: PaymentAmount;
         showPayButton?: boolean;
-        payButton?: (options: PayButtonFunctionProps) => h.JSX.Element;
+        payButton?: (options: PayButtonProps) => h.JSX.Element;
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
@@ -3727,7 +3746,7 @@ declare class ClickToPayElement extends UIElement<ClickToPayConfiguration> {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => Promise<void> | void;
         onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
@@ -3752,9 +3771,9 @@ declare class ClickToPayElement extends UIElement<ClickToPayConfiguration> {
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
-        secondaryAmount?: PaymentAmountExtended;
+        secondaryAmount?: PaymentAmount;
         showPayButton?: boolean;
-        payButton?: (options: PayButtonFunctionProps) => h.JSX.Element;
+        payButton?: (options: PayButtonProps) => h.JSX.Element;
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
@@ -3878,7 +3897,7 @@ declare class BancontactElement extends CardElement {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => Promise<void> | void;
         onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
@@ -3901,9 +3920,9 @@ declare class BancontactElement extends CardElement {
         statusType?: StatusFromAction;
         icon?: string;
         amount?: PaymentAmount;
-        secondaryAmount?: PaymentAmountExtended;
+        secondaryAmount?: PaymentAmount;
         showPayButton?: boolean;
-        payButton?: (options: PayButtonFunctionProps) => preact.JSX.Element;
+        payButton?: (options: PayButtonProps) => preact.JSX.Element;
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
@@ -4074,7 +4093,7 @@ declare class CustomCard extends UIElement<CustomCardConfiguration> {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => Promise<void> | void;
         onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
@@ -4196,7 +4215,7 @@ declare class WeChatPayElement extends QRLoaderContainer {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => Promise<void> | void;
         onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
@@ -4220,9 +4239,9 @@ declare class WeChatPayElement extends QRLoaderContainer {
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
-        secondaryAmount?: PaymentAmountExtended;
+        secondaryAmount?: PaymentAmount;
         showPayButton?: boolean;
-        payButton?: (options: PayButtonFunctionProps) => preact.JSX.Element;
+        payButton?: (options: PayButtonProps) => preact.JSX.Element;
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
@@ -4269,7 +4288,7 @@ declare class PayNowElement extends QRLoaderContainer {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => Promise<void> | void;
         onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
@@ -4293,9 +4312,9 @@ declare class PayNowElement extends QRLoaderContainer {
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
-        secondaryAmount?: PaymentAmountExtended;
+        secondaryAmount?: PaymentAmount;
         showPayButton?: boolean;
-        payButton?: (options: PayButtonFunctionProps) => preact.JSX.Element;
+        payButton?: (options: PayButtonProps) => preact.JSX.Element;
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
@@ -4343,7 +4362,7 @@ declare class BCMCMobileElement extends QRLoaderContainer {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => Promise<void> | void;
         onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
@@ -4367,9 +4386,9 @@ declare class BCMCMobileElement extends QRLoaderContainer {
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
-        secondaryAmount?: PaymentAmountExtended;
+        secondaryAmount?: PaymentAmount;
         showPayButton?: boolean;
-        payButton?: (options: PayButtonFunctionProps) => preact.JSX.Element;
+        payButton?: (options: PayButtonProps) => preact.JSX.Element;
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
@@ -4431,7 +4450,7 @@ declare class DragonpayElement extends UIElement<DragonpayConfiguraton> {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => Promise<void> | void;
         onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
@@ -4455,9 +4474,9 @@ declare class DragonpayElement extends UIElement<DragonpayConfiguraton> {
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
-        secondaryAmount?: PaymentAmountExtended;
+        secondaryAmount?: PaymentAmount;
         showPayButton?: boolean;
-        payButton?: (options: PayButtonFunctionProps) => h.JSX.Element;
+        payButton?: (options: PayButtonProps) => h.JSX.Element;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
         elementRef?: any;
@@ -4619,14 +4638,14 @@ interface GiftcardComponentProps {
     onBlur: (event: any) => void;
     makeBalanceCheck: (event: any) => void;
     makePayment: (event: any) => void;
-    amount?: PaymentAmount;
     showPayButton: boolean;
-    payButton: (config: any) => any;
+    payButton: (props: PayButtonProps) => h.JSX.Element;
     pinRequired: boolean;
     expiryDateRequired?: boolean;
     fieldsLayoutComponent: FunctionComponent<GiftcardFieldsProps>;
     placeholders?: Placeholders$1;
     handleKeyPress?: (o: KeyboardEvent) => void;
+    onSubmitAnalytics?: (event: AbstractAnalyticsEvent) => void;
 }
 declare class Giftcard extends Component<GiftcardComponentProps> {
     state: {
@@ -4705,7 +4724,7 @@ declare class GiftcardElement extends UIElement<GiftCardConfiguration> {
     private handleOnRequiringConfirmation;
     submit(): void;
     private makeSubmitCall;
-    payButton: (props: any) => h.JSX.Element;
+    protected payButton: (props: PayButtonProps) => h.JSX.Element;
     protected componentToRender(): h.JSX.Element;
 }
 
@@ -4779,7 +4798,7 @@ declare class SwishElement extends QRLoaderContainer {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => Promise<void> | void;
         onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
@@ -4803,9 +4822,9 @@ declare class SwishElement extends QRLoaderContainer {
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
-        secondaryAmount?: PaymentAmountExtended;
+        secondaryAmount?: PaymentAmount;
         showPayButton?: boolean;
-        payButton?: (options: PayButtonFunctionProps) => preact.JSX.Element;
+        payButton?: (options: PayButtonProps) => preact.JSX.Element;
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
@@ -4910,7 +4929,7 @@ declare class BankTransferElement extends UIElement<BankTransferConfiguration> {
 
 declare class Affirm extends OpenInvoiceContainer {
     static type: TxVariants;
-    formatProps(props: any): any;
+    formatProps(props: OpenInvoiceConfiguration): any;
 }
 
 declare class PixElement extends QRLoaderContainer<PixConfiguration> {
@@ -4945,7 +4964,7 @@ declare class BacsElement extends UIElement<VoucherConfiguration> {
     static type: TxVariants;
     formatData(): BacsElementData;
     get isValid(): boolean;
-    payButton: (props: any) => h.JSX.Element;
+    protected payButton: (props: PayButtonProps) => h.JSX.Element;
     protected componentToRender(): h.JSX.Element;
 }
 
@@ -4961,7 +4980,7 @@ declare class AddressElement extends UIElement<AddressConfiguration> {
 interface PersonalDetailsConfiguration extends UIElementProps {
 }
 declare class PersonalDetailsElement extends UIElement<PersonalDetailsConfiguration> {
-    static type: TxVariants;
+    static readonly type = TxVariants.personal_details;
     protected beforeRender(configSetByMerchant?: PersonalDetailsConfiguration): void;
     get data(): any;
     get isValid(): boolean;
@@ -4983,7 +5002,7 @@ declare class KlarnaPayments extends UIElement<KlarnaConfiguration> {
             type: string;
         };
     };
-    payButton: (props: PayButtonFunctionProps) => h.JSX.Element;
+    payButton: (props: PayButtonProps) => h.JSX.Element;
     handleAction(action: KlarnaAction, props?: {}): UIElement | null;
     updateWithAction(action: KlarnaAction): void;
     private onLoaded;
@@ -5007,7 +5026,7 @@ declare class TwintElement extends RedirectElement {
      * Overrides RedirectElement default payButton behaviour to use label
      * @param props - props
      */
-    payButton: (props: any) => h.JSX.Element;
+    protected payButton: (props: PayButtonProps) => h.JSX.Element;
 }
 
 declare class MealVoucherFRElement extends GiftcardElement {
@@ -5060,25 +5079,21 @@ declare class RatePayDirectDebit extends OpenInvoiceContainer {
 
 /**
  * For mobile:
- * We should show upi_collect and upi_intent depending on if `apps` are returned in /paymentMethods response.
- * If there is no apps, hide segmented controls.
- * The upi_collect should always be on the second tab.
- * Never show QR code.
+ * We should show upi_intent depending on if `apps` are returned in /paymentMethods response.
  *
  * 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
+ * Show upi_qr as default
  */
 declare class UPI extends UIElement<UPIConfiguration> {
     static type: TxVariants;
-    static txVariants: TxVariants[];
-    private selectedMode;
+    static readonly txVariants: TxVariants[];
+    private mode;
     constructor(checkout: ICore, props: UPIConfiguration);
     formatProps(props: UPIConfiguration): UPIConfiguration;
     get isValid(): boolean;
     formatData(): UpiPaymentData;
     get paymentType(): UpiType;
-    private onUpdateMode;
     protected componentToRender(): h.JSX.Element;
 }
 
@@ -5152,7 +5167,7 @@ declare class PromptPayElement extends QRLoaderContainer {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => Promise<void> | void;
         onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
@@ -5176,9 +5191,9 @@ declare class PromptPayElement extends QRLoaderContainer {
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
-        secondaryAmount?: PaymentAmountExtended;
+        secondaryAmount?: PaymentAmount;
         showPayButton?: boolean;
-        payButton?: (options: PayButtonFunctionProps) => preact.JSX.Element;
+        payButton?: (options: PayButtonProps) => preact.JSX.Element;
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
@@ -5225,7 +5240,7 @@ declare class DuitNowElement extends QRLoaderContainer {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => Promise<void> | void;
         onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
@@ -5249,9 +5264,9 @@ declare class DuitNowElement extends QRLoaderContainer {
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
-        secondaryAmount?: PaymentAmountExtended;
+        secondaryAmount?: PaymentAmount;
         showPayButton?: boolean;
-        payButton?: (options: PayButtonFunctionProps) => preact.JSX.Element;
+        payButton?: (options: PayButtonProps) => preact.JSX.Element;
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
@@ -5413,7 +5428,7 @@ declare class PayToElement extends UIElement<PayToConfiguration> {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => Promise<void> | void;
         onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
@@ -5438,9 +5453,9 @@ declare class PayToElement extends UIElement<PayToConfiguration> {
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
-        secondaryAmount?: PaymentAmountExtended;
+        secondaryAmount?: PaymentAmount;
         showPayButton?: boolean;
-        payButton?: (options: PayButtonFunctionProps) => h.JSX.Element;
+        payButton?: (options: PayButtonProps) => h.JSX.Element;
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
@@ -5493,7 +5508,7 @@ interface BaseEnrollmentProps {
     type?: string;
     txVariant: string;
     registrationOptions?: string;
-    payButton(props: PayButtonFunctionProps): h.JSX.Element;
+    payButton(props: PayButtonProps): h.JSX.Element;
     setComponentRef?: (ref: any) => void;
     /**
      * Trigger when the await times out, receives error state or the biometrics verification fails.
@@ -5517,10 +5532,6 @@ interface IssuerListProps extends BaseEnrollmentProps {
 interface PaymentProps extends IPayByBankPixAwait {
     enrollmentId?: string;
     initiationId?: string;
-    amount: {
-        value: number;
-        currency: string;
-    };
     txVariant: string;
     onPay: () => void;
     onAuthorize: (authorizationOptions: string) => void;
@@ -5781,7 +5792,6 @@ declare const ComponentsMap: {
     payto: typeof PayToElement;
     upi: typeof UPI;
     upi_qr: typeof UPI;
-    upi_collect: typeof UPI;
     upi_intent: typeof UPI;
     /** Await */
     /** Giftcard */
@@ -5914,6 +5924,7 @@ type onOrderCancelType = (data: onOrderCancelData, actions: {
 interface DropinComponentProps extends DropinConfiguration {
     core: ICore;
     onCreateElements(): any;
+    onElementsCreated(elements: UIElement[]): void;
     onOrderCancel?: onOrderCancelType;
 }
 interface DropinStatus {
@@ -5949,8 +5960,8 @@ interface IDropin {
 }
 
 declare class Session {
-    private readonly session;
     private readonly storage;
+    readonly session: CheckoutSession;
     readonly clientKey: string;
     readonly loadingContext: string;
     configuration: SessionConfiguration;
@@ -6003,7 +6014,9 @@ declare class Session {
 interface ICore {
     initialize(): Promise<ICore>;
     register(...items: NewableComponent[]): void;
-    update(options: CoreConfiguration): Promise<ICore>;
+    update(props: Partial<CoreConfiguration>, options?: {
+        shouldReinitializeCheckout?: boolean;
+    }): Promise<ICore>;
     remove(component: any): ICore;
     submitDetails(details: AdditionalDetailsData['data']): void;
     getCorePropsForComponent(): any;
@@ -6118,11 +6131,11 @@ interface CoreConfiguration {
     /**
      * Amount of the payment
      */
-    amount?: PaymentAmountExtended;
+    amount?: PaymentAmount;
     /**
      * Secondary amount of the payment - alternative currency & value converted according to rate
      */
-    secondaryAmount?: PaymentAmountExtended;
+    secondaryAmount?: PaymentAmount;
     /**
      * The shopper's country code. A valid value is an ISO two-character country code (e.g. 'NL').
      */
@@ -6172,7 +6185,7 @@ interface CoreConfiguration {
      * @param component
      * @param actions
      */
-    beforeSubmit?(state: PaymentData, component: UIElement, actions: BeforeSubmitActions): void;
+    beforeSubmit?(state: PaymentData, component: UIElement, actions: BeforeSubmitActions): Promise<void> | void;
     /**
      * Called when the payment succeeds.
      *
@@ -6346,11 +6359,19 @@ declare abstract class BaseElement<P extends BaseElementProps> implements IBaseE
     remove(): void;
 }
 
+interface AmountProviderRef {
+    update(newAmount: PaymentAmount, newSecondaryAmount?: PaymentAmount): void;
+}
+
 declare abstract class UIElement<P extends UIElementProps = UIElementProps> extends BaseElement<P> {
     protected componentRef: any;
     protected resources: Resources;
     elementRef: UIElement;
     static type: any;
+    /**
+     * Reference to the methods exposed by the AmountProvider context
+     */
+    protected amountProviderRef: RefObject<AmountProviderRef>;
     /**
      * Defines all txVariants that the Component supports (in case it support multiple ones besides the 'type' one)
      */
@@ -6382,6 +6403,15 @@ declare abstract class UIElement<P extends UIElementProps = UIElementProps> exte
     isAvailable(): Promise<void>;
     setState(newState: object): void;
     showValidation(): this;
+    /**
+     * Updates the amount in the props and propagates it to the AmountProvider.
+     * This allows children components to access the updated amount via context.
+     *
+     * @param amount - Primary payment amount object
+     * @param secondaryAmount - Optional secondary amount for display purposes (e.g., converted currency)
+     * @internal
+     */
+    updateAmount(amount: PaymentAmount, secondaryAmount?: PaymentAmount): void;
     /**
      * elementRef is a ref to the subclass that extends UIElement e.g. Card.tsx
      */
@@ -6464,7 +6494,7 @@ declare abstract class UIElement<P extends UIElementProps = UIElementProps> exte
     /**
      * Get the payButton component for the current element
      */
-    protected payButton: (props: PayButtonFunctionProps) => h.JSX.Element;
+    protected payButton: (props: PayButtonProps) => h.JSX.Element;
     /**
      * Used in the Partial Orders flow.
      * When the Order is updated, the merchant can request new payment methods based on the new remaining amount
@@ -6641,18 +6671,22 @@ interface ProcessedPaymentStatusResponse {
     type: string;
     props?: Record<string, any>;
 }
-/**
- * {@link https://docs.adyen.com/api-explorer/#/PaymentSetupAndVerificationService/v52/payments__reqParam_amount API Explorer /payments amount}
- */
 interface PaymentAmount {
+    /**
+     * The payment amount in minor units for the specified `currency`.
+     */
     value: number;
+    /**
+     * The 3-letter ISO 4217 currency code.
+     */
     currency: string;
-}
-interface PaymentAmountExtended extends PaymentAmount {
     /**
-     * Adds currencyDisplay prop - as a way for the merchant to influence the final display of the amount on the pay button.
-     * Defaults to 'symbol'.
-     * see: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#currencydisplay
+     * Influences how the currency is displayed on the pay button.
+     *
+     * This maps to `Intl.NumberFormat`'s `currencyDisplay` option (for example, `"symbol"`, `"code"`, `"name"`, `"narrowSymbol"`).
+     *
+     * @default 'symbol'
+     * @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#currencydisplay
      */
     currencyDisplay?: string;
 }
@@ -7264,7 +7298,7 @@ declare class CardElement extends UIElement<CardConfiguration> {
     get displayName(): string;
     get accessibleName(): string;
     get browserInfo(): BrowserInfo;
-    protected payButton: (props: PayButtonFunctionProps) => h.JSX.Element;
+    protected payButton: (props: PayButtonProps) => h.JSX.Element;
     private renderCardInput;
     protected componentToRender(): h.JSX.Element;
 }
@@ -7336,7 +7370,7 @@ declare class PayMeElement extends QRLoaderContainer {
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => Promise<void> | void;
         onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
@@ -7360,9 +7394,9 @@ declare class PayMeElement extends QRLoaderContainer {
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
-        secondaryAmount?: PaymentAmountExtended;
+        secondaryAmount?: PaymentAmount;
         showPayButton?: boolean;
-        payButton?: (options: PayButtonFunctionProps) => preact.JSX.Element;
+        payButton?: (options: PayButtonProps) => preact.JSX.Element;
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
@@ -7383,6 +7417,10 @@ declare class DropinElement extends UIElement<DropinConfiguration> implements ID
      * Reference to the component created from `handleAction` (Ex.: ThreeDS2Challenge)
      */
     componentFromAction?: UIElement;
+    /**
+     * Reference to all payment method elements being rendered by Drop-in
+     */
+    paymentMethodElements: UIElement[];
     constructor(checkout: ICore, props?: DropinConfiguration);
     protected reportIntegrationFlavor(): void;
     protected storeElementRefOnCore(): void;
@@ -7421,7 +7459,7 @@ declare class DropinElement extends UIElement<DropinConfiguration> implements ID
             method: string;
             data?: any;
         }) => void;
-        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => void;
+        beforeSubmit?: (state: PaymentData, component: UIElement, actions: BeforeSubmitActions) => Promise<void> | void;
         onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
         onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
@@ -7446,9 +7484,9 @@ declare class DropinElement extends UIElement<DropinConfiguration> implements ID
         name?: string;
         icon?: string;
         amount?: PaymentAmount;
-        secondaryAmount?: PaymentAmountExtended;
+        secondaryAmount?: PaymentAmount;
         showPayButton?: boolean;
-        payButton?: (options: PayButtonFunctionProps) => h.JSX.Element;
+        payButton?: (options: PayButtonProps) => h.JSX.Element;
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
@@ -7468,6 +7506,21 @@ declare class DropinElement extends UIElement<DropinConfiguration> implements ID
      * Calls the onSubmit event with the state of the activePaymentMethod
      */
     submit(): void;
+    /**
+     * Updates the amount in the props and propagates it to the AmountProvider. That way the children components can use the updated amount.
+     *
+     * This method **overrides** the parent one to specifically propagate the changes to all payment method elements.
+     *
+     * @param amount - Primary payment amount object
+     * @param secondaryAmount - Optional secondary amount for display purposes (e.g., converted currency)
+     * @internal
+     */
+    updateAmount(amount: PaymentAmount, secondaryAmount?: PaymentAmount): void;
+    /**
+     * Assign all elements created in the Component to the paymentMethodElements property
+     * @param elements
+     */
+    private handleElementsCreated;
     /**
      * Creates the Drop-in elements
      */
@@ -7749,10 +7802,21 @@ declare class Core implements ICore {
     /**
      * Updates global configurations, resets the internal state and remounts each element.
      *
-     * @param options - props to update
-     * @returns this - the element instance
+     * @param props - props to update
+     * @param options - Can be used to avoid remounting the elements
+     * @returns this - the Core instance
+     */
+    update(props?: Partial<CoreConfiguration>, { shouldReinitializeCheckout }?: {
+        shouldReinitializeCheckout?: boolean;
+    }): Promise<this>;
+    /**
+     * Validates and propagates amount updates to all mounted components.
+     *
+     * @param amount - Primary payment amount object (required)
+     * @param secondaryAmount - Optional secondary amount for display purposes (e.g., converted currency)
+     * @internal
      */
-    update: (options?: Partial<CoreConfiguration>) => Promise<this>;
+    private triggerAmountUpdate;
     /**
      * Remove the reference of a component
      * @param component - reference to the component to be removed
@@ -7787,4 +7851,4 @@ declare namespace AdyenCheckout {
 }
 
 export { ANCVElement as ANCV, AchElement as Ach, AddressElement as Address, AdyenCheckout, AdyenCheckoutError, Affirm, AfterPay, AfterPayB2B, AmazonPayElement as AmazonPay, ApplePayElement as ApplePay, Atome, BacsElement as BacsDirectDebit, BancontactElement as Bancontact, BankTransferElement as BankTransfer, BCMCMobileElement as BcmcMobile, BillDeskOnlineElement as BillDeskOnline, BillDeskWalletElement as BillDeskWallet, BlikElement as Blik, BoletoElement as Boleto, CardElement as Card, CashAppPay, ClickToPayElement as ClickToPay, Core, CustomCard, DokuElement as Doku, DonationElement as Donation, DotpayElement as Dotpay, DragonpayElement as Dragonpay, DropinElement as Dropin, DuitNowElement as DuitNow, EPSElement as EPS, EcontextElement as Econtext, FacilyPay10x as FacilPay10x, FacilyPay12x as FacilPay12x, FacilyPay3x as FacilPay3x, FacilyPay4x as FacilPay4x, FacilyPay6x as FacilPay6x, Fastlane, FastlaneSDK, GiftcardElement as Giftcard, GiropayElement as Giropay, GooglePay, Iris, IrisMode, KlarnaPayments as Klarna, MBWayElement as MBWay, MealVoucherFRElement as MealVoucherFR, MolPayEBankingMYElement as MolPayEBankingMY, MolPayEBankingTHElement as MolPayEBankingTH, MolPayEbankingVNElement as MolPayEBankingVN, MultibancoElement as Multibanco, OnlineBankingCZElement as OnlineBankingCZ, OnlineBankingFI, OnlineBankingINElement as OnlineBankingIN, OnlineBankingPL, OnlineBankingSKElement as OnlineBankingSK, OxxoElement as Oxxo, PayByBank, PayByBankPixElement as PayByBankPix, PayByBankUS, PayMeElement as PayMe, PayNowElement as PayNow, PaypalElement as PayPal, PayToElement as PayTo, PayuNetCashcardElement as PayuCashcard, PayuNetBankingElement as PayuNetBanking, PersonalDetailsElement as PersonalDetails, PixElement as Pix, PreAuthorizedDebitCanada, PromptPayElement as PromptPay, RatePay, RatePayDirectDebit, RedirectElement as Redirect, Riverty, SepaElement as SepaDirectDebit, SwishElement as Swish, ThreeDS2Challenge, ThreeDS2DeviceFingerprint, TrustlyElement as Trustly, TwintElement as Twint, UIElement, UPI, VippsElement as Vipps, WalletINElement as WalletIN, WeChatPayElement as WeChat, index_d as components, initializeFastlane };
-export type { ANCVConfiguration, ANCVDataState, AchConfiguration, AchPlaceholders, ActionDescriptionType, ActionHandledReturnObject, AdditionalDetailsActions, AdditionalDetailsData, AddressData, AddressField, AmazonPayBackendConfiguration, AmazonPayButtonProps, AmazonPayButtonSettings, AmazonPayComponentProps, AmazonPayConfiguration, AmazonPayElementData, App, ApplePayButtonStyle, ApplePayButtonType, ApplePayConfiguration, ApplePayElementData, ApplePayPaymentAuthorizationResult, ApplePayPaymentOrderDetails, ApplePaySessionRequest, ApplePayWebConfiguration, AwaitComponentProps, AwaitConfiguration, BankDetailsSchema, BankTransferConfiguration, BankTransferSchema, BankTransferState, BeforeSubmitActions, BinLookupResponse, BinLookupResponseRaw, BoletoConfiguration, BoletoElementProps, BoletoInputDataState, BoletoInputErrorState, BoletoInputValidState, BrandConfiguration, BrandObject, BrowserInfo, CReqData, CardAllValidData, CardAutoCompleteData, CardBackendConfiguration, CardBinLookupData, CardBinValueData, CardBrandData, CardBrandsConfiguration, CardConfigSuccessData, CardConfiguration, CardElementData, CardErrorData, CardFieldValidData, CardFocusData, CardLoadData, CardPlaceholders, CashAppPayConfiguration, CashAppPayElementData, CashAppPayEventData, ChallengeData, ChallengeResolveData, ChallengeWindowSize, ChangeActionOptions, ChangePaymentDetailsButtonProps, ChargeAmount, CheckoutAdvancedFlowResponse, CheckoutDetailsRequest, CheckoutSessionConfig, ClickToPayConfiguration, ClickToPayPaymentData, ClickToPayProps, ClickToPayScheme, CommonVoucherProps, ComponentFocusObject, ComponentMethodsRef, CoreConfiguration, CoreModules, Currency, CustomCardConfiguration, CustomTranslations, DecodeObject, DeliverySpecifications, DokuVoucherResultProps, DonationConfiguration, DragonpayConfiguraton, DragonpayInputData, DragonpayInputIssuerItem, DragonpayInputProps, DragonpayVoucherResultProps, DropinComponentProps, DropinComponentState, DropinConfiguration, DropinStatus, DropinStatusProps, DualBrandSelectElement, EcontextConfiguration, EcontextInputSchema, EcontextVoucherResultProps, ErrorCodeObject, ExtendedMerchantInfo, FastlaneAddress, FastlaneAuthenticatedCustomerResult, FastlaneConfiguration, FastlaneConsentRenderState, FastlaneOptions, FastlanePaymentMethodConfiguration, FastlaneProfile, FastlaneSDKConfiguration, FastlaneShipping, FastlaneShippingAddressSelectorResult, FastlaneSignupConfiguration, FastlaneWindowInstance, FieldsetVisibility, FingerPrintData, FingerprintResolveData, FundingSource, GiftCardBalanceCheckErrorType, GiftCardConfiguration, GiftCardElementData, GiftCardValidationError, GooglePayConfiguration, GooglePaymentDataRequest, ICore, IDropin, InstantPaymentTypes, Intent, IrisConfiguration, IrisData, IssuerListConfiguration, IssuerListData, KlarnaAction, KlarnaAdditionalDetailsData, KlarnaComponentRef, KlarnaConfiguration, KlarnaSdkData, KlarnaWidgetAuthorizeResponse, KlarnaWidgetProps, LedgerCurrencies, LegacyChallengeResolveData, LegacyFingerprintResolveData, MandateFrequencyType, MandateType, MultibancoVoucherResultProps, OnChangeData, OpenInvoiceActiveFieldsets, OpenInvoiceConfiguration, OpenInvoiceFieldsetsRefs, OpenInvoiceProps, OpenInvoiceStateData, OpenInvoiceStateError, OpenInvoiceStateValid, OpenInvoiceVisibility, Order, OrderButtonProps, OrderStatus, OxxoVoucherResultProps, PayButtonFunctionProps, PayPalConfiguration, PayToConfiguration, PayToData, PayToPlaceholdersType, PayloadJSON, PaymentAction, PaymentActionsType, PaymentAmount, PaymentAmountExtended, PaymentCompletedData, PaymentData, PaymentFailedData, PaymentMethodData, PaymentMethodGroup, PaymentMethodOptions, PaymentMethods, PaymentMethodsConfiguration, PaymentMethodsRequestData, PaymentMethodsResponse, PaymentResponseData, PersonalDetailsSchema, PixConfiguration, PixElementData, PostMsgParseErrorObject, PreAuthorizedDebitCanadaConfiguration, PreAuthorizedDebitCanadaPlaceholders, ProcessedPaymentStatusResponse, QRLoaderConfiguration, RawPaymentMethod, RawPaymentResponse, RawPaymentStatusResponse, RawStoredPaymentMethod, RecurringMetadata, RedirectConfiguration, Region, ResultCode, ResultObject, ResultValue, SepaConfiguration, SepaElementData, SessionsResponse, SignOutButtonProps, SocialSecurityMode, StatusFromAction, SubmitActions, SubmitData, SupportedLocale, ThreeDS2ActionProps, ThreeDS2ChallengeConfiguration, ThreeDS2ConfigProps, ThreeDS2DeviceFingerprintConfiguration, ThreeDS2FingerprintResponse, ThreeDS2FlowObject, ThreeDS2FlowProps, ThreeDS2Token, UIElementProps, UIElementStatus, UPIConfiguration, UpdateAmazonCheckoutSessionRequest, UpiMode, UpiPaymentData, UpiType, ValidationError, VoucherConfiguration, VoucherDetail, VoucherProps, balanceCheckResponseType, onBalanceCheckCallbackType, onOrderCancelData, onOrderCancelType, onOrderRequestCallbackType, onRequiringConfirmationCallbackType };
+export type { ANCVConfiguration, ANCVDataState, AchConfiguration, AchPlaceholders, ActionDescriptionType, ActionHandledReturnObject, AdditionalDetailsActions, AdditionalDetailsData, AddressData, AddressField, AmazonPayBackendConfiguration, AmazonPayButtonProps, AmazonPayButtonSettings, AmazonPayComponentProps, AmazonPayConfiguration, AmazonPayElementData, App, ApplePayButtonStyle, ApplePayButtonType, ApplePayConfiguration, ApplePayElementData, ApplePayPaymentAuthorizationResult, ApplePayPaymentOrderDetails, ApplePaySessionRequest, ApplePayWebConfiguration, AwaitComponentProps, AwaitConfiguration, BankDetailsSchema, BankTransferConfiguration, BankTransferSchema, BankTransferState, BeforeSubmitActions, BinLookupResponse, BinLookupResponseRaw, BoletoConfiguration, BoletoElementProps, BoletoInputDataState, BoletoInputErrorState, BoletoInputValidState, BrandConfiguration, BrandObject, BrowserInfo, CReqData, CardAllValidData, CardAutoCompleteData, CardBackendConfiguration, CardBinLookupData, CardBinValueData, CardBrandData, CardBrandsConfiguration, CardConfigSuccessData, CardConfiguration, CardElementData, CardErrorData, CardFieldValidData, CardFocusData, CardLoadData, CardPlaceholders, CashAppPayConfiguration, CashAppPayElementData, CashAppPayEventData, ChallengeData, ChallengeResolveData, ChallengeWindowSize, ChangeActionOptions, ChangePaymentDetailsButtonProps, ChargeAmount, CheckoutAdvancedFlowResponse, CheckoutDetailsRequest, CheckoutSession, CheckoutSessionConfig, ClickToPayConfiguration, ClickToPayPaymentData, ClickToPayProps, ClickToPayScheme, CommonVoucherProps, ComponentFocusObject, ComponentMethodsRef, CoreConfiguration, CoreModules, Currency, CustomCardConfiguration, CustomTranslations, DecodeObject, DeliverySpecifications, DokuVoucherResultProps, DonationConfiguration, DragonpayConfiguraton, DragonpayInputData, DragonpayInputIssuerItem, DragonpayInputProps, DragonpayVoucherResultProps, DropinComponentProps, DropinComponentState, DropinConfiguration, DropinStatus, DropinStatusProps, DualBrandSelectElement, EcontextConfiguration, EcontextInputSchema, EcontextVoucherResultProps, ErrorCodeObject, ExtendedMerchantInfo, FastlaneAddress, FastlaneAuthenticatedCustomerResult, FastlaneConfiguration, FastlaneConsentRenderState, FastlaneOptions, FastlanePaymentMethodConfiguration, FastlaneProfile, FastlaneSDKConfiguration, FastlaneShipping, FastlaneShippingAddressSelectorResult, FastlaneSignupConfiguration, FastlaneWindowInstance, FieldsetVisibility, FingerPrintData, FingerprintResolveData, FundingSource, GiftCardBalanceCheckErrorType, GiftCardConfiguration, GiftCardElementData, GiftCardValidationError, GooglePayConfiguration, GooglePaymentDataRequest, ICore, IDropin, InstantPaymentTypes, Intent, IrisConfiguration, IrisData, IssuerListConfiguration, IssuerListData, KlarnaAction, KlarnaAdditionalDetailsData, KlarnaComponentRef, KlarnaConfiguration, KlarnaSdkData, KlarnaWidgetAuthorizeResponse, KlarnaWidgetProps, LedgerCurrencies, LegacyChallengeResolveData, LegacyFingerprintResolveData, MandateFrequencyType, MandateType, MultibancoVoucherResultProps, OnChangeData, OpenInvoiceActiveFieldsets, OpenInvoiceConfiguration, OpenInvoiceFieldsetsRefs, OpenInvoiceProps, OpenInvoiceStateData, OpenInvoiceStateError, OpenInvoiceStateValid, OpenInvoiceVisibility, Order, OrderButtonProps, OrderStatus, OxxoVoucherResultProps, PayPalConfiguration, PayToConfiguration, PayToData, PayToPlaceholdersType, PayloadJSON, PaymentAction, PaymentActionsType, PaymentAmount, PaymentCompletedData, PaymentData, PaymentFailedData, PaymentMethodData, PaymentMethodGroup, PaymentMethodOptions, PaymentMethods, PaymentMethodsConfiguration, PaymentMethodsRequestData, PaymentMethodsResponse, PaymentResponseData, PersonalDetailsSchema, PixConfiguration, PixElementData, PostMsgParseErrorObject, PreAuthorizedDebitCanadaConfiguration, PreAuthorizedDebitCanadaPlaceholders, ProcessedPaymentStatusResponse, QRLoaderConfiguration, RawPaymentMethod, RawPaymentResponse, RawPaymentStatusResponse, RawStoredPaymentMethod, RecurringMetadata, RedirectConfiguration, Region, ResultCode, ResultObject, ResultValue, SepaConfiguration, SepaElementData, SessionsResponse, SignOutButtonProps, SocialSecurityMode, StatusFromAction, SubmitActions, SubmitData, SupportedLocale, ThreeDS2ActionProps, ThreeDS2ChallengeConfiguration, ThreeDS2ConfigProps, ThreeDS2DeviceFingerprintConfiguration, ThreeDS2FingerprintResponse, ThreeDS2FlowObject, ThreeDS2FlowProps, ThreeDS2Token, UIElementProps, UIElementStatus, UPIConfiguration, UpdateAmazonCheckoutSessionRequest, UpiMode, UpiPaymentData, UpiType, ValidationError, VoucherConfiguration, VoucherDetail, VoucherProps, balanceCheckResponseType, onBalanceCheckCallbackType, onOrderCancelData, onOrderCancelType, onOrderRequestCallbackType, onRequiringConfirmationCallbackType };