@adyen/adyen-web 6.45.0 → 6.45.1

package/dist/cjs/index.d.cts

@@ -1,7 +1,7 @@
 /// <reference types="applepayjs" />
 /// <reference types="googlepay" />
 import * as preact from 'preact';
-import { h, TargetedMouseEvent, Ref, RefObject, Component, ComponentChildren, FunctionComponent, ComponentChild, TargetedKeyboardEvent } from 'preact';
+import { Component, RefObject, Ref, ComponentChildren, h, TargetedMouseEvent, ComponentChild, FunctionComponent, TargetedKeyboardEvent } from 'preact';
 import { OrderResponseBody, OnShippingAddressChangeData, OnShippingOptionsChangeData, OnInitActions } from '@paypal/paypal-js';
 
 interface ILanguageService {
@@ -118,12 +118,15 @@ interface FieldContext {
 
 type OnAddressLookupType = (value: string, actions: {
     resolve: (value: Array<AddressLookupItem>) => void;
-    reject: (reason?: any) => void;
+    reject: (reason?: RejectionReason) => void;
 }) => Promise<void>;
 type OnAddressSelectedType = (value: AddressLookupItem, actions: {
     resolve: (value: AddressLookupItem) => void;
-    reject: (reason?: any) => void;
+    reject: (reason?: RejectionReason) => void;
 }) => Promise<void>;
+interface RejectionReason {
+    errorMessage: string;
+}
 
 type StringObject = {
     [key: string]: string;
@@ -140,7 +143,6 @@ interface AddressProps {
     onAddressSelected?: OnAddressSelectedType;
     addressSearchDebounceMs?: number;
     requiredFields?: string[];
-    ref?: any;
     specifications?: AddressSpecifications;
     validationRules?: ValidatorRules;
     visibility?: string;
@@ -262,1506 +264,1904 @@ interface InstallmentOptions {
     [key: string]: InstallmentOption;
 }
 
-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;
-    id?: string;
-    ariaLabel?: string;
-    ariaLabelledBy?: string;
-    ariaDescribedBy?: string;
-    ariaExpanded?: boolean;
-    ariaControls?: string;
-    secondaryLabel?: string;
-    icon?: string;
-    onClickCompletedIcon?: string;
-    inline?: boolean;
-    href?: string;
-    target?: string;
-    rel?: string;
-    onClick?: (e: TargetedMouseEvent<HTMLButtonElement | HTMLAnchorElement>, callbacks?: {
-        complete?: () => void;
-    }) => void;
-    onKeyDown?: (event: KeyboardEvent) => void;
-    buttonRef?: Ref<HTMLButtonElement>;
-    onMouseEnter?: (event: MouseEvent) => void;
-    onMouseLeave?: (event: MouseEvent) => void;
-    onFocus?: (event: FocusEvent) => void;
-    onBlur?: (event: FocusEvent) => void;
+interface TouchStartEventObj {
+    fieldType: string;
+    name?: string;
 }
 
-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;
+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;
-    status?: string;
-    disabled?: boolean;
-    icon?: string;
-    showReview?: boolean;
-}
-
-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;
+declare enum AnalyticsEventCategory {
+    info = "info",
+    error = "error",
+    log = "log"
+}
+declare abstract class AbstractAnalyticsEvent {
+    private readonly timestamp;
+    private readonly id;
     /**
-     * storedPaymentMethodId coming from a stored ACH in /paymentMethods response
-     * @internal
+     * Component tx variant or identifier
+     * @private
      */
-    storedPaymentMethodId?: string;
+    private readonly component;
+    abstract getEventCategory(): AnalyticsEventCategory;
+    protected constructor(component: string);
+}
+
+/**
+ * SecuredFieldsProvider:
+ * Initialises & handles the client-side part of SecuredFields
+ */
+declare class SecuredFieldsProvider extends Component<SFPProps, SFPState> {
+    private readonly csfLoadFailTimeout;
+    private readonly csfLoadFailTimeoutMS;
+    private readonly csfConfigFailTimeout;
+    private readonly csfConfigFailTimeoutMS;
+    private numCharsInField;
+    private rootNode;
+    private numDateFields;
+    private csf;
+    private readonly handleOnLoad;
+    private readonly handleOnConfigSuccess;
+    private readonly handleOnFieldValid;
+    private readonly handleOnAllValid;
+    private readonly handleOnBrand;
+    private readonly handleFocus;
+    private readonly handleOnError;
+    private readonly handleOnAutoComplete;
+    private readonly handleOnNoDataRequired;
+    private readonly handleOnTouchstartIOS;
+    private readonly handleKeyDown;
+    state: SFPState;
+    props: SFPProps;
+    private issuingCountryCode;
+    constructor(props: SFPProps);
+    static readonly defaultProps: {
+        type: string;
+        keypadFix: boolean;
+        rootNode: any;
+        loadingContext: any;
+        brands: any[];
+        showWarnings: boolean;
+        autoFocus: boolean;
+        trimTrailingSeparator: boolean;
+        onChange: () => void;
+        onLoad: () => void;
+        onConfigSuccess: () => void;
+        onAllValid: () => void;
+        onFieldValid: () => void;
+        onBrand: () => void;
+        onError: () => void;
+        onBinValue: () => void;
+        onFocus: () => void;
+        onAutoComplete: () => void;
+        handleKeyDown: () => void;
+        styles: {};
+    };
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    private initializeCSF;
+    private checkForKCPFields;
+    getChildContext(): object;
+    handleUnsupportedCard(errObj: CardErrorData): boolean;
+    setFocusOn(frame: SFFieldType): void;
+    updateStyles(stylesObj: StylesObject): void;
+    sfIsOptionalOrHidden(fieldType: string): boolean;
+    destroy(): void;
+    getRootNode(): HTMLElement;
+    showValidation(): void;
     /**
-     * bankAccountNumber coming from a stored ACH in /paymentMethods response
-     * @internal
+     * Map SF errors to ValidationRuleResult-like objects, for CardInput component
      */
-    bankAccountNumber?: string;
-}
-interface AchPlaceholders {
-    accountTypeSelector?: string;
-    ownerName?: string;
-    routingNumber?: string;
-    accountNumber?: string;
-    accountNumberVerification?: string;
+    mapErrorsToValidationRuleResult(): SFStateErrorObj;
+    processBinLookupResponse(binLookupResponse: BinLookupResponse, resetObject: SingleBrandResetObject): void;
+    private readonly setRootNode;
+    render(props: any, state: SFPState): any;
 }
 
-declare const SUPPORTED_LOCALES_EU: readonly ["en_GB", "de_DE", "fr_FR", "it_IT", "es_ES"];
-declare const SUPPORTED_LOCALES_US: readonly ["en_US"];
-
-declare enum TxVariants {
-    /** internal */
-    address = "address",
-    bankTransfer_IBAN = "bankTransfer_IBAN",
-    bankTransfer_BE = "bankTransfer_BE",
-    bankTransfer_NL = "bankTransfer_NL",
-    bankTransfer_PL = "bankTransfer_PL",
-    bankTransfer_FR = "bankTransfer_FR",
-    bankTransfer_CH = "bankTransfer_CH",
-    bankTransfer_IE = "bankTransfer_IE",
-    bankTransfer_GB = "bankTransfer_GB",
-    bankTransfer_DE = "bankTransfer_DE",
-    bankTransfer_AE = "bankTransfer_AE",
-    bankTransfer_AT = "bankTransfer_AT",
-    bankTransfer_AU = "bankTransfer_AU",
-    bankTransfer_BG = "bankTransfer_BG",
-    bankTransfer_CA = "bankTransfer_CA",
-    bankTransfer_EE = "bankTransfer_EE",
-    bankTransfer_ES = "bankTransfer_ES",
-    bankTransfer_FI = "bankTransfer_FI",
-    bankTransfer_HK = "bankTransfer_HK",
-    bankTransfer_HU = "bankTransfer_HU",
-    bankTransfer_IT = "bankTransfer_IT",
-    bankTransfer_JP = "bankTransfer_JP",
-    bankTransfer_LU = "bankTransfer_LU",
-    bankTransfer_NZ = "bankTransfer_NZ",
-    bankTransfer_PT = "bankTransfer_PT",
-    bankTransfer_SG = "bankTransfer_SG",
-    bankTransfer_SK = "bankTransfer_SK",
-    bankTransfer_US = "bankTransfer_US",
-    donation = "donation",
-    personal_details = "personal_details",
-    dropin = "dropin",
-    /** internal */
-    /** Card */
-    bcmc = "bcmc",
-    card = "card",
-    scheme = "scheme",
-    storedCard = "storedCard",
-    customCard = "customcard",
-    /** Card */
-    /** ThreeDS */
-    threeDS2Challenge = "threeDS2Challenge",
-    threeDS2Fingerprint = "threeDS2Fingerprint",
-    threeDS2DeviceFingerprint = "threeDS2DeviceFingerprint",
-    /** ThreeDS */
-    /** Direct debit */
-    ach = "ach",
-    directdebit_GB = "directdebit_GB",
-    sepadirectdebit = "sepadirectdebit",
-    eft_directdebit_CA = "eft_directdebit_CA",
-    /** Direct debit */
-    /** Open Invoice */
-    affirm = "affirm",
-    afterpay = "afterpay",
-    afterpay_default = "afterpay_default",
-    afterpay_b2b = "afterpay_b2b",
-    atome = "atome",
-    facilypay_3x = "facilypay_3x",
-    facilypay_4x = "facilypay_4x",
-    facilypay_6x = "facilypay_6x",
-    facilypay_10x = "facilypay_10x",
-    facilypay_12x = "facilypay_12x",
-    ratepay = "ratepay",
-    ratepay_directdebit = "ratepay_directdebit",
-    /** Open Invoice */
-    /** Wallets */
-    amazonpay = "amazonpay",
-    applepay = "applepay",
-    cashapp = "cashapp",
-    clicktopay = "clicktopay",
-    googlepay = "googlepay",
-    paypal = "paypal",
-    fastlane = "fastlane",
-    paywithgoogle = "paywithgoogle",
-    /** Wallets */
-    /** Voucher */
-    boletobancario = "boletobancario",
-    boletobancario_itau = "boletobancario_itau",
-    boletobancario_santander = "boletobancario_santander",
-    primeiropay_boleto = "primeiropay_boleto",
-    doku = "doku",
-    doku_alfamart = "doku_alfamart",
-    doku_permata_lite_atm = "doku_permata_lite_atm",
-    doku_indomaret = "doku_indomaret",
-    doku_atm_mandiri_va = "doku_atm_mandiri_va",
-    doku_sinarmas_va = "doku_sinarmas_va",
-    doku_mandiri_va = "doku_mandiri_va",
-    doku_cimb_va = "doku_cimb_va",
-    doku_danamon_va = "doku_danamon_va",
-    doku_bri_va = "doku_bri_va",
-    doku_bni_va = "doku_bni_va",
-    doku_bca_va = "doku_bca_va",
-    doku_wallet = "doku_wallet",
-    oxxo = "oxxo",
-    /** Voucher */
-    /** issuerList */
-    billdesk_online = "billdesk_online",
-    billdesk_wallet = "billdesk_wallet",
-    dotpay = "dotpay",
-    eps = "eps",
-    iris = "iris",
-    molpay_ebanking_fpx_MY = "molpay_ebanking_fpx_MY",
-    molpay_ebanking_TH = "molpay_ebanking_TH",
-    molpay_ebanking_VN = "molpay_ebanking_VN",
-    onlineBanking_CZ = "onlineBanking_CZ",
-    onlinebanking_IN = "onlinebanking_IN",
-    onlineBanking_PL = "onlineBanking_PL",
-    onlineBanking_SK = "onlineBanking_SK",
-    paybybank = "paybybank",
-    payu_IN_cashcard = "payu_IN_cashcard",
-    payu_IN_nb = "payu_IN_nb",
-    wallet_IN = "wallet_IN",
-    /** issuerList */
-    /** Dragonpay */
-    dragonpay = "dragonpay",
-    dragonpay_ebanking = "dragonpay_ebanking",
-    dragonpay_otc_banking = "dragonpay_otc_banking",
-    dragonpay_otc_non_banking = "dragonpay_otc_non_banking",
-    dragonpay_otc_philippines = "dragonpay_otc_philippines",
-    /** Dragonpay */
-    /** Econtext */
-    econtext = "econtext",
-    econtext_atm = "econtext_atm",
-    econtext_online = "econtext_online",
-    econtext_seven_eleven = "econtext_seven_eleven",
-    econtext_stores = "econtext_stores",
-    /** Econtext */
-    /** Redirect */
-    giropay = "giropay",
-    multibanco = "multibanco",
-    redirect = "redirect",
-    twint = "twint",
-    vipps = "vipps",
-    trustly = "trustly",
-    paybybank_AIS_DD = "paybybank_AIS_DD",
-    riverty = "riverty",
-    paybybank_pix = "paybybank_pix",
-    /** Redirect */
-    /** Klarna */
-    klarna = "klarna",
-    klarna_account = "klarna_account",
-    klarna_paynow = "klarna_paynow",
-    klarna_b2b = "klarna_b2b",
-    /** Klarna */
-    /** QRLoader */
-    bcmc_mobile = "bcmc_mobile",
-    bcmc_mobile_QR = "bcmc_mobile_QR",
-    pix = "pix",
-    swish = "swish",
-    wechatpay = "wechatpay",
-    wechatpayQR = "wechatpayQR",
-    promptpay = "promptpay",
-    paynow = "paynow",
-    duitnow = "duitnow",
-    /** QRLoader */
-    /** Await */
-    blik = "blik",
-    mbway = "mbway",
-    ancv = "ancv",
-    payto = "payto",
-    upi = "upi",// also QR
-    upi_qr = "upi_qr",// also QR
-    upi_intent = "upi_intent",// also QR
-    /** Await */
-    /** Giftcard */
-    giftcard = "giftcard",
-    mealVoucher_FR = "mealVoucher_FR",
-    mealVoucher_FR_natixis = "mealVoucher_FR_natixis",
-    mealVoucher_FR_sodexo = "mealVoucher_FR_sodexo",
-    mealVoucher_FR_groupeup = "mealVoucher_FR_groupeup"
-    /** Giftcard */
+type Placeholders = CardPlaceholders | Placeholders$1;
+/**
+ * Should be the only props that can be sent to SFP (from CardInput, SecuredFieldsInput, GiftcardComponent)
+ */
+interface SFPProps {
+    ref?: Ref<SecuredFieldsProvider>;
+    autoFocus?: boolean;
+    brands?: string[];
+    brandsConfiguration?: CardBrandsConfiguration;
+    clientKey: string;
+    componentType: string;
+    countryCode?: string;
+    forceCompat?: boolean;
+    hasKoreanFields?: boolean;
+    i18n?: Language;
+    implementationType?: 'components' | 'custom';
+    keypadFix?: boolean;
+    koreanAuthenticationRequired?: boolean;
+    legacyInputMode?: boolean;
+    loadingContext: string;
+    minimumExpiryDate?: string;
+    onAdditionalSFConfig?: () => void;
+    onAdditionalSFRemoved?: () => void;
+    onAllValid?: (obj: CardAllValidData) => void;
+    onAutoComplete?: (obj: CardAutoCompleteData) => void;
+    onBinValue?: (obj: CardBinValueData) => void;
+    onBrand?: (obj: CardBrandData) => void;
+    onChange?: (state: SFPState, eventDetails?: OnChangeEventDetails) => void;
+    onConfigSuccess?: (cbObj: CardConfigSuccessData) => void;
+    onError?: (error: AdyenCheckoutError) => void;
+    onFieldValid?: (fieldObj: CardFieldValidData) => void;
+    onFocus?: (obj: CardFocusData) => void;
+    onLoad?: (cbObj: CardLoadData) => void;
+    onStateUpdate?: (obj: SFPState) => void;
+    onSubmitAnalytics?: (event: AbstractAnalyticsEvent) => void;
+    handleKeyDown?: (event: KeyboardEvent) => void;
+    rootNode?: HTMLElement;
+    showWarnings?: boolean;
+    styles?: StylesObject;
+    trimTrailingSeparator?: boolean;
+    type: string;
+    render?: (helpers: {
+        setRootNode: (input: HTMLElement) => void;
+        setFocusOn: (fieldName: string) => void;
+    }, state: SFPState) => ComponentChildren;
+    resources?: Resources;
+    maskSecurityCode?: boolean;
+    exposeExpiryDate?: boolean;
+    disableIOSArrowKeys?: (obj: TouchStartEventObj) => void | null;
+    placeholders?: Placeholders;
+    showContextualElement?: boolean;
 }
-
-declare class AmazonPayElement extends UIElement<AmazonPayConfiguration> {
-    static readonly type = TxVariants.amazonpay;
-    protected static readonly defaultProps: Partial<AmazonPayConfiguration>;
-    formatProps(props: any): any;
-    /**
-     * Formats the component data output
-     */
-    formatData(): AmazonPayElementData;
-    protected beforeRender(configSetByMerchant?: AmazonPayConfiguration): void;
-    getShopperDetails(): void | Promise<{
-        declineFlowUrl?: string;
-    } & Record<string, unknown>>;
-    handleDeclineFlow(): void;
-    get isValid(): boolean;
-    get browserInfo(): BrowserInfo;
-    submit(): void;
-    protected componentToRender(): h.JSX.Element;
+type SFPErrorMap = Partial<Record<SFFieldType, string>>;
+interface SFPState {
+    status?: string;
+    brand?: string;
+    errors?: SFPErrorMap;
+    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;
+}
+interface OnChangeEventDetails {
+    event: string;
+    fieldType?: string;
+}
+type SecuredFieldsProviderRef = RefObject<SecuredFieldsProvider>;
 
-type ButtonColor = 'Gold' | 'LightGray' | 'DarkGray';
-type Placement = 'Home' | 'Product' | 'Cart' | 'Checkout' | 'Other';
-type ProductType = 'PayOnly' | 'PayAndShip';
-type ChargePermissionType = 'OneTime' | 'Recurring';
-type FrequencyUnit = 'Year' | 'Month' | 'Week' | 'Day' | 'Variable';
-type Currency = 'EUR' | 'GBP' | 'USD';
-type Region = 'EU' | 'UK' | 'US';
-type SupportedLocale = (typeof SUPPORTED_LOCALES_EU)[number] | (typeof SUPPORTED_LOCALES_US)[number];
-interface AmazonPayButtonInstance {
-    onClick(handler: () => void): void;
+/** A list of all the data-cse attributes that relate to securedFields (as found in card, giftcard) */
+declare const ALL_SECURED_FIELDS: readonly ["encryptedCardNumber", "encryptedExpiryDate", "encryptedExpiryMonth", "encryptedExpiryYear", "encryptedSecurityCode", "encryptedPassword"];
+declare const REQUIRED = "required";
+declare const OPTIONAL = "optional";
+declare const HIDDEN = "hidden";
+declare const BEST_GUESS_MODE = "best-guess";
+declare const BIN_LOOKUP_MODE = "bin-lookup";
+
+declare global {
+    interface Window {
+        _b$dl: boolean;
+        mockBinCount: number;
+    }
 }
-interface AmazonWindowObject {
-    Pay: {
-        renderButton(selector: string, settings: AmazonPayButtonSettings): AmazonPayButtonInstance;
-        initCheckout(options: AmazonPayButtonSettings & {
-            createCheckoutSessionConfig: CheckoutSessionConfig;
-        }): void;
-        signout(): void;
-        bindChangeAction(selector: string, options: ChangeActionOptions): void;
-    };
+type SFFieldType = (typeof ALL_SECURED_FIELDS)[number];
+type BrandModeType = typeof BIN_LOOKUP_MODE | typeof BEST_GUESS_MODE;
+interface StylesObject {
+    base?: StyleDefinitions;
+    error?: StyleDefinitions;
+    validated?: StyleDefinitions;
+    placeholder?: StyleDefinitions;
 }
-interface RecurringMetadata {
-    frequency: {
-        unit: string;
-        value: FrequencyUnit;
-    };
-    amount: {
-        amount: string;
-        currencyCode: Currency;
-    };
+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 AmazonPayBackendConfiguration {
-    merchantId?: string;
-    publicKeyId?: string;
-    region?: Region;
-    storeId?: 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[] | null;
+    supportedBrands?: string[] | null;
+    brands?: string[];
+    issuingCountryCode?: string;
+    healthcare?: Record<string, boolean>[];
+    supportedBrandsRaw?: BrandObject[];
+    rootNode?: HTMLElement;
+    isReset?: boolean;
+    dualBrandingType?: string;
+    paymentMethodVariants?: (string | undefined)[];
+}
+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;
+    mode?: BrandModeType;
+}
+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 AmazonPayConfiguration extends UIElementProps {
-    addressDetails?: AddressDetails;
-    amazonPayToken?: string;
-    amazonCheckoutSessionId?: string;
-    amount?: PaymentAmount;
-    buttonColor?: ButtonColor;
-    cancelUrl?: string;
-    chargePermissionType?: ChargePermissionType;
-    clientKey?: string;
-    configuration?: AmazonPayBackendConfiguration;
-    currency?: Currency;
-    deliverySpecifications?: DeliverySpecifications;
-    design?: string;
-    environment?: string;
-    loadingContext?: string;
-    locale?: string;
-    merchantMetadata?: MerchantMetadata;
-    onSubmit?(state: SubmitData, element: AmazonPayElement, actions: {
-        resolve: (response: CheckoutAdvancedFlowResponse) => void;
-        reject: () => void;
-    }): void;
-    payButton?: (props: PayButtonProps) => h.JSX.Element;
-    placement?: Placement;
-    productType?: ProductType;
-    recurringMetadata?: RecurringMetadata;
-    returnUrl?: string;
-    showChangePaymentDetailsButton?: boolean;
-    showOrderButton?: boolean;
-    showSignOutButton?: boolean;
-    signature?: string;
-    onClick?: (resolve: (value?: unknown) => void, reject: () => void) => Promise<void>;
-    onError?: (error: AdyenCheckoutError, component: UIElement) => void;
-    onSignOut?: (resolve: (value?: unknown) => void, reject: () => void) => Promise<void>;
-    /**
-     * Used for analytics
-     */
-    expressPage?: 'cart' | 'minicart' | 'pdp' | 'checkout';
-    /**
-     * Used for analytics
-     * @defaultValue false
-     */
-    isExpress?: boolean;
+interface CardFieldValidData {
+    fieldType: string;
+    encryptedFieldName: string;
+    uid: string;
+    valid: boolean;
+    type: string;
+    rootNode: HTMLElement;
+    blob?: string;
+    endDigits?: string;
+    expiryDate?: string;
+    issuerBin?: number;
 }
-interface AmazonPayComponentProps extends AmazonPayConfiguration {
-    showSignOutButton?: boolean;
-    amazonCheckoutSessionId?: string;
-    showOrderButton?: boolean;
-    showChangePaymentDetailsButton?: boolean;
-    setComponentRef: (ref: ComponentMethodsRef & {
-        getSubmitFunction?: () => () => void;
-    }) => void;
+interface CardFocusData {
+    action: string;
+    focus: boolean;
+    numChars: number;
+    fieldType: string;
+    rootNode: HTMLElement;
+    type: string;
+    currentFocusObject: string;
 }
-interface AmazonPayButtonProps {
-    amazonRef: AmazonWindowObject;
-    buttonColor?: ButtonColor;
-    cancelUrl?: string;
-    chargePermissionType?: ChargePermissionType;
-    clientKey?: string;
-    configuration?: AmazonPayBackendConfiguration;
-    currency?: Currency;
-    deliverySpecifications?: DeliverySpecifications;
-    design?: string;
-    environment?: string;
-    locale?: string;
-    onClick: (resolve: (value?: unknown) => void, reject: () => void) => Promise<void>;
-    onError?: (error: AdyenCheckoutError, component: UIElement) => void;
-    placement?: Placement;
-    productType?: ProductType;
-    recurringMetadata?: RecurringMetadata;
-    ref: RefObject<{
-        initCheckout(): void;
-    }>;
-    returnUrl?: string;
-    showPayButton: boolean;
+interface CardLoadData {
+    iframesLoaded: boolean;
 }
-interface SignOutButtonProps {
-    amazonRef: AmazonWindowObject;
-    onSignOut: (resolve: (value?: unknown) => void, reject: () => void) => Promise<void>;
+type CVCPolicyType = typeof REQUIRED | typeof OPTIONAL | typeof HIDDEN;
+type DatePolicyType = typeof REQUIRED | typeof OPTIONAL | typeof HIDDEN;
+interface BrandConfiguration {
+    name?: string;
+    icon?: string;
 }
-interface ChangePaymentDetailsButtonProps {
-    amazonCheckoutSessionId: string;
-    amazonRef: AmazonWindowObject;
+interface CardBrandsConfiguration {
+    [key: string]: BrandConfiguration;
 }
-interface ChangeActionOptions {
-    amazonCheckoutSessionId: string;
-    changeAction: 'changeAddress' | 'changePayment';
+
+interface RiskModuleOptions {
+    enabled: boolean;
+    onComplete?: (data: any) => void;
+    onError?: (error: any) => void;
+    node?: string;
 }
-interface OrderButtonProps {
-    amazonCheckoutSessionId: string;
-    clientKey: string;
-    chargePermissionType?: ChargePermissionType;
-    onError: (error: AdyenCheckoutError, component: UIElement) => void;
-    recurringMetadata: RecurringMetadata;
-    ref: RefObject<{
-        createOrder(): void;
-    }>;
-    region: Region;
-    returnUrl: string;
-    publicKeyId: string;
+interface RiskModuleProps extends BaseElementProps {
+    risk: RiskModuleOptions;
+    loadingContext: string;
 }
-interface AmazonPayElementData {
-    paymentMethod: {
-        type: string;
-        checkoutSessionId?: string;
+declare class RiskElement extends BaseElement<RiskModuleProps> {
+    static readonly type = "risk";
+    static readonly defaultProps: {
+        risk: {
+            enabled: boolean;
+            onComplete: () => void;
+            onError: () => void;
+            node: string;
+        };
     };
-    browserInfo: BrowserInfo;
+    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;
 }
-interface AmazonPayButtonSettings {
-    buttonColor?: ButtonColor;
-    design?: string;
-    /**
-     * Amazon Pay merchant account identifier
-     */
-    merchantId: string;
-    /**
-     * Sets button to Sandbox environment
-     */
-    sandbox: boolean;
-    /**
-     * Product type selected for checkout
-     */
-    productType: ProductType;
-    /**
-     * Placement of the Amazon Pay button on your website
-     */
-    placement: Placement;
+
+interface DisclaimerMsgObject {
+    message: string;
+    linkText: string;
+    link: string;
+}
+
+interface AnalyticsOptions {
     /**
-     * Language used to render the button and text on Amazon Pay hosted pages. Please note that supported language(s) is dependent on the region that your Amazon Pay account was registered for
+     * Enable/Disable all analytics
      */
-    checkoutLanguage: SupportedLocale;
+    enabled?: boolean;
     /**
-     * Ledger currency provided during registration for the given merchant identifier
+     * A wrapper to pass data needed when analytics is setup
      */
-    ledgerCurrency: Currency;
+    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 MerchantMetadata {
-    customInformation?: string;
-    merchantReferenceId?: string;
-    merchantStoreName?: string;
-    noteToBuyer?: string;
+interface ApplicationInfo {
+    externalPlatform: {
+        name: string;
+        version: string;
+        integrator: string;
+    };
+    merchantApplication: {
+        name: string;
+        version: string;
+    };
+    merchantDevice?: {
+        os: string;
+        osVersion: string;
+    };
 }
-interface AddressDetails {
-    name?: string;
-    addressLine1?: string;
-    addressLine2?: string;
-    addressLine3?: string;
-    city?: string;
-    districtOrCounty?: string;
-    stateOrRegion?: string;
-    postalCode?: string;
-    countryCode?: string;
-    phoneNumber?: string;
+
+/**
+ * PayPal Fastlane Reference:
+ * https://developer.paypal.com/docs/checkout/fastlane/reference/#link-customizeyourintegration
+ */
+/**
+ * Fastlane object available in the window
+ */
+interface FastlaneWindowInstance {
+    identity: {
+        lookupCustomerByEmail: (email: string) => Promise<{
+            customerContextId: string;
+        }>;
+        triggerAuthenticationFlow: (customerContextId: string, options?: AuthenticationFlowOptions) => Promise<FastlaneAuthenticatedCustomerResult>;
+        getSession: () => Promise<{
+            sessionId: string;
+        }>;
+    };
+    profile: {
+        showShippingAddressSelector: () => Promise<FastlaneShippingAddressSelectorResult>;
+    };
+    setLocale: (locale: string) => void;
+    ConsentComponent: () => Promise<{
+        getRenderState: () => Promise<FastlaneConsentRenderState>;
+    }>;
+    FastlaneWatermarkComponent: (options: {
+        includeAdditionalInfo: boolean;
+    }) => Promise<{
+        render: (container: any) => null;
+    }>;
 }
-interface ChargeAmount {
-    amount: string;
-    currencyCode: Currency;
+interface FastlaneConsentRenderState {
+    showConsent: boolean;
+    defaultToggleState?: boolean;
+    termsAndConditionsLink?: string;
+    termsAndConditionsVersion?: string;
+    privacyPolicyLink?: string;
 }
-type LedgerCurrencies = {
-    [key in Region]: Currency;
-};
-interface PayloadJSON {
-    addressDetails?: AddressDetails;
-    chargePermissionType?: ChargePermissionType;
-    deliverySpecifications?: DeliverySpecifications;
-    merchantMetadata?: MerchantMetadata;
-    paymentDetails?: {
-        chargeAmount: ChargeAmount;
-        paymentIntent: 'Confirm';
-        presentmentCurrency: Currency;
-        totalOrderAmount: ChargeAmount;
-    };
-    recurringMetadata?: RecurringMetadata;
-    storeId: string;
-    webCheckoutDetails: {
-        checkoutCancelUrl?: string;
-        checkoutMode?: 'ProcessOrder';
-        checkoutResultReturnUrl?: string;
-        checkoutReviewReturnUrl?: string;
+interface FastlaneOptions {
+    intendedExperience: 'externalProcessorCustomConsent';
+    metadata?: {
+        geoLocOverride?: string;
     };
 }
-interface CheckoutDetailsRequest {
-    checkoutSessionId: string;
-    getDeliveryAddress?: boolean;
-    getDeclineFlowUrl?: boolean;
-    publicKeyId: string;
-    region: Region;
+interface AuthenticationFlowOptions {
 }
-interface UpdateAmazonCheckoutSessionRequest {
-    amount: PaymentAmount;
-    chargePermissionType?: ChargePermissionType;
-    checkoutCancelUrl?: string;
-    checkoutResultReturnUrl: string;
-    checkoutSessionId: string;
-    publicKeyId: string;
-    recurringMetadata?: RecurringMetadata;
-    region: Region;
+interface CardPaymentSource {
+    brand: string;
+    expiry: string;
+    lastDigits: string;
+    name: string;
+    billingAddress: FastlaneAddress;
 }
-interface CheckoutSessionConfig {
-    payloadJSON: string;
-    signature: string;
-    publicKeyId: string;
+/**
+ * External types
+ */
+interface FastlaneShippingAddressSelectorResult {
+    selectionChanged: boolean;
+    selectedAddress: FastlaneShipping;
 }
-interface DeliverySpecifications {
-    specialRestrictions?: string[];
-    addressRestrictions?: AddressRestrictions;
+interface FastlaneAuthenticatedCustomerSucceeded {
+    authenticationState: 'succeeded';
+    profileData: FastlaneProfile;
 }
-interface AddressRestrictions {
-    type?: 'Allowed' | 'NotAllowed';
-    restrictions?: Restrictions;
+interface FastlaneAuthenticatedCustomerFailed {
+    authenticationState: 'failed' | 'canceled' | 'not_found';
+    profileData: undefined;
 }
-interface Restrictions {
-    [key: string]: {
-        zipCodes?: string[];
-        statesOrRegions?: string[];
+type FastlaneAuthenticatedCustomerResult = FastlaneAuthenticatedCustomerSucceeded | FastlaneAuthenticatedCustomerFailed;
+interface FastlaneAddress {
+    addressLine1: string;
+    addressLine2: string;
+    adminArea1: string;
+    adminArea2: string;
+    postalCode: string;
+    countryCode: string;
+    phone: {
+        nationalNumber: string;
+        countryCode: string;
     };
 }
-
-interface ANCVConfiguration extends UIElementProps {
-    paymentData?: string;
-    data: ANCVDataState;
-    onOrderRequest?: onOrderRequestCallbackType;
-    onOrderUpdated?: onOrderUpdatedCallbackType;
+interface FastlaneShipping {
+    name: {
+        firstName: string;
+        lastName: string;
+        fullName: string;
+    };
+    address: FastlaneAddress;
+    phoneNumber: {
+        nationalNumber: string;
+        countryCode: string;
+    };
 }
-interface ANCVDataState {
-    beneficiaryId: string;
+interface FastlaneProfile {
+    name: {
+        firstName: string;
+        lastName: string;
+        fullName: string;
+    };
+    shippingAddress: FastlaneShipping;
+    card?: {
+        id: string;
+        paymentSource: {
+            card: CardPaymentSource;
+        };
+    };
 }
-
-type Initiative = 'web' | 'messaging';
-type ApplePayPaymentOrderDetails = {
-    orderTypeIdentifier: string;
-    orderIdentifier: string;
-    webServiceURL: string;
-    authenticationToken: string;
-};
-type ApplePayPaymentAuthorizationResult = ApplePayJS.ApplePayPaymentAuthorizationResult & {
-    orderDetails?: ApplePayPaymentOrderDetails;
+type FastlaneComponentConfiguration = {
+    paymentType: 'fastlane';
+    configuration: {
+        fastlaneSessionId: string;
+        email: string;
+        tokenId: string;
+        lastFour: string;
+        brand: string;
+    };
 };
-type ApplePayButtonType = 'add-money' | 'book' | 'buy' | 'check-out' | 'continue' | 'contribute' | 'donate' | 'order' | 'pay' | 'plain' | 'reload' | 'rent' | 'set-up' | 'subscribe' | 'support' | 'tip' | 'top-up';
-type ApplePayButtonStyle = 'black' | 'white' | 'white-outline';
-interface ApplePayConfiguration extends UIElementProps {
-    /**
-     * Enables the ApplePay Express Flow & also used for analytics
-     * @defaultValue false
-     */
-    isExpress?: boolean;
-    /**
-     * Used for analytics
-     */
-    expressPage?: 'cart' | 'minicart' | 'pdp' | 'checkout';
-    /**
-     * The Apple Pay version number your website supports.
-     * @default highest supported version by the shopper device
-     * @see {@link https://developer.apple.com/documentation/applepayontheweb/apple-pay-on-the-web-version-history Apple Pay on the Web Version History}
-     */
-    version?: number;
-    /**
-     * Part of the 'ApplePayLineItem' object, which sets the label of the payment request
-     * @see {@link https://developer.apple.com/documentation/applepayontheweb/applepaylineitem ApplePayLineItem docs}
-     */
-    totalPriceLabel?: string;
-    /**
-     * @default 'final'
-     */
-    totalPriceStatus?: ApplePayJS.ApplePayLineItemType;
-    /**
-     * ApplePay configuration sent by the /paymentMethods response
-     */
-    configuration?: {
-        merchantName?: string;
-        merchantId?: string;
+type FastlaneCardComponentConfiguration = {
+    paymentType: 'card';
+    configuration: {
+        fastlaneConfiguration?: FastlaneSignupConfiguration;
     };
+};
+type FastlaneSignupConfiguration = FastlaneConsentRenderState & {
+    fastlaneSessionId?: string;
+    telephoneNumber?: string;
+};
+interface FastlaneData {
+    consentShown: boolean;
+    fastlaneSessionId: string;
+    consentGiven: boolean;
+    consentVersion?: string;
+    telephoneNumber?: string;
+}
+type FastlanePaymentMethodConfiguration = FastlaneComponentConfiguration | FastlaneCardComponentConfiguration;
+interface FastlaneSDKConfiguration {
+    clientKey: string;
+    environment: CoreConfiguration['environment'];
+    locale?: 'en-US' | 'es-US' | 'fr-RS' | 'zh-US';
+    analytics?: Pick<AnalyticsOptions, 'enabled'>;
     /**
-     * Used to override the domain name for the Apple Pay button. Useful when using ApplePay within cross-domain iframe
-     * For more context: https://github.com/Adyen/adyen-web/pull/3340
-     */
-    domainName?: string;
-    clientKey?: string;
-    initiative?: Initiative;
-    /**
-     * A set of line items that explain recurring payments and/or additional charges.
-     */
-    lineItems?: ApplePayJS.ApplePayLineItem[];
-    /**
-     * The payment capabilities supported by the merchant.
-     * The value must at least contain ApplePayMerchantCapability.supports3DS.
-     * @default ['supports3DS']
-     */
-    merchantCapabilities?: ApplePayJS.ApplePayMerchantCapability[];
-    /**
-     * A value that indicates whether the shipping mode prevents the user from editing the shipping address.
-     * {@link https://developer.apple.com/documentation/applepayontheweb/applepaypaymentrequest/shippingcontacteditingmode}
-     */
-    shippingContactEditingMode?: ApplePayJS.ApplePayShippingContactEditingMode;
-    /**
-     * A set of shipping method objects that describe the available shipping methods.
-     */
-    shippingMethods?: ApplePayJS.ApplePayShippingMethod[];
-    /**
-     * How the items are to be shipped.
-     */
-    shippingType?: ApplePayJS.ApplePayShippingType;
-    /**
-     * A list of ISO 3166 country codes for limiting payments to cards from specific countries.
-     */
-    supportedCountries?: string[];
-    /**
-     * The payment networks supported by the merchant.
-     */
-    supportedNetworks?: string[];
-    /**
-     * ApplePayRecurringPaymentRequest - Represents a request to set up a recurring payment, typically a subscription.
-     * {@link https://developer.apple.com/documentation/applepayontheweb/applepayrecurringpaymentrequest}
+     * Used to force the Fastlane SDK to return the consent details in case the shopper is not recognized.
+     * Use-case: Developer is testing the flow in another country outside US, which would not get consent details.
+     *
+     * This configuration should not be used for 'live' environment
      */
-    recurringPaymentRequest?: ApplePayJS.ApplePayRecurringPaymentRequest;
+    forceConsentDetails?: boolean;
+}
+interface FastlaneConfiguration extends UIElementProps {
     /**
-     * The billing information that you require from the user in order to process the transaction.
+     * Card token ID, used to process the payment
      */
-    requiredBillingContactFields?: ApplePayJS.ApplePayContactField[];
+    tokenId: string;
     /**
-     * The shipping information that you require from the user in order to fulfill the order.
+     * Fastlane session ID
      */
-    requiredShippingContactFields?: ApplePayJS.ApplePayContactField[];
+    fastlaneSessionId: string;
     /**
-     * Billing contact information for the user.
+     * Initial last four digits displayed once the Component is rendered
      */
-    billingContact?: ApplePayJS.ApplePayPaymentContact;
+    lastFour: string;
     /**
-     * Shipping contact information for the user.
+     * Initial brand displayed once the Component is rendered
      */
-    shippingContact?: ApplePayJS.ApplePayPaymentContact;
+    brand: string;
     /**
-     * It can be used to render the Apple Pay Code in a new window rather than as an overlay modal
-     * Recommended to be used in case of using Apple Pay within an iframe, where the modal may not be presented correctly over the parent website
-     *
-     * @defaultValue 'modal'
+     * Shopper's email (it will be used in the future to re-authenticate using Fastlane SDK within the Component)
      */
-    renderApplePayCodeAs?: ApplePayWebConfiguration['renderApplePayCodeAs'];
+    email: string;
     /**
-     * Optional user-defined data.
+     * Used internally by Drop-in. Displays the brand images inside the Drop-in payment method header
+     * @internal
      */
-    applicationData?: string;
+    keepBrandsVisible?: boolean;
     /**
-     *	Called when the shopper clicks the Apple Pay button
+     * Property returned by the backend. Contains the list of brands supported by Fastlane component
+     * @internal
+     */
+    brands?: string[];
+}
 
-     * @param resolve - Must be called if the button should be displayed
-     * @param reject - Must be called if the button should not be displayed
-     * @returns
+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 ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'action' | 'link' | 'iconOnly';
+interface ButtonProps {
+    status?: string;
+    /**
+     * Class name modifiers will be used as: `adyen-checkout__button--${modifier}`
      */
-    onClick?: (resolve: () => void, reject: () => void) => void;
+    classNameModifiers?: string[];
+    variant?: ButtonVariant;
+    disabled?: boolean;
+    label?: string | h.JSX.Element;
+    onClickCompletedLabel?: string | h.JSX.Element;
+    id?: string;
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+    ariaDescribedBy?: string;
+    ariaExpanded?: boolean;
+    ariaControls?: string;
+    secondaryLabel?: string;
+    icon?: string;
+    onClickCompletedIcon?: string;
+    inline?: boolean;
+    href?: string;
+    target?: string;
+    rel?: string;
+    onClick?: (e: TargetedMouseEvent<HTMLButtonElement | HTMLAnchorElement>, callbacks?: {
+        complete?: () => void;
+    }) => void;
+    onKeyDown?: (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 {
     /**
-     * A callback function the Apple Pay SDK calls when the Apple Pay code modal or window closes.
+     * Class name modifiers will be used as: `adyen-checkout__image--${modifier}`
      */
-    onApplePayCodeClose?: ApplePayWebConfiguration['onApplePayCodeClose'];
+    classNameModifiers?: string[];
     /**
-     * Callback called when ApplePay authorize the payment.
-     * Must be resolved/rejected with the action object.
-     *
-     * @param data - Authorization event from ApplePay, along with formatted billingAddress and deliveryAddress
-     * @param actions - Object to continue/stop with the payment flow
-     *
-     * @remarks
-     * If actions.resolve() is called, the payment flow will be triggered.
-     * If actions.reject() is called, the overlay will display an error
+     * 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
      */
-    onAuthorized?: (data: {
-        authorizedEvent: ApplePayJS.ApplePayPaymentAuthorizedEvent;
-        billingAddress?: Partial<AddressData>;
-        deliveryAddress?: Partial<AddressData>;
-    }, actions: {
-        resolve: () => void;
-        reject: (error?: ApplePayJS.ApplePayError) => void;
-    }) => void;
+    customAmount?: PaymentAmount;
+    label?: string;
+    status?: string;
+    disabled?: boolean;
+    icon?: string;
+    showReview?: boolean;
+}
+
+interface CardInputRef extends ComponentMethodsRef {
+    sfp?: SecuredFieldsProviderRef;
+    setFocusOn?: (field: string) => void;
+    processBinLookupResponse?: (binLookupResponse: BinLookupResponse, isReset: boolean) => void;
+    updateStyles?: (stylesObj: StylesObject) => void;
+    handleUnsupportedCard?: (errObj: CardErrorData) => boolean;
+}
+interface SFError {
+    isValid?: boolean;
+    errorMessage?: string;
+    errorI18n?: string;
+    error: string;
+    rootNode: HTMLElement;
+    detectedBrands?: string[];
+}
+interface SFStateErrorObj {
+    [key: string]: SFError;
+}
+declare enum AddressModeOptions {
+    full = "full",
+    partial = "partial",
+    none = "none"
+}
+
+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 readonly type = "srPanel";
+    static readonly 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 | null) => void;
+    render(): h.JSX.Element;
+}
+
+interface BaseElementProps {
+    order?: Order;
+    modules?: {
+        srPanel?: SRPanel;
+        analytics?: IAnalytics;
+        resources?: Resources;
+        risk?: RiskElement;
+    };
     /**
-     * Collect the order tracking details if available.
-     * This callback is invoked when a successfull payment is resolved
-     *
-     * {@link https://developer.apple.com/documentation/applepayontheweb/applepaypaymentorderdetails}
-     * @param resolve - Must be called with the orderDetails fields
-     * @param reject - Must be called if something failed during the order creation. Calling 'reject' won't cancel the payment flow
+     * Identifies if the Element is the DropIn element
      */
-    onOrderTrackingRequest?: (resolve: (orderDetails: ApplePayPaymentOrderDetails) => void, reject: () => void) => void;
+    isDropin?: boolean;
+}
+type BaseElementState = {
+    order?: Order;
+} & Pick<OnChangeData, 'valid' | 'errors'> & Record<string, any>;
+interface IBaseElement<P extends BaseElementProps = BaseElementProps, S extends BaseElementState = BaseElementState> {
+    data: PaymentData;
+    state: S;
+    props: P;
+    _id: string;
+    _component: ComponentChild;
+    render(): ComponentChild | Error;
+    mount(domNode: HTMLElement | string): IBaseElement;
+    update(props: Partial<P>): IBaseElement;
+    unmount(): IBaseElement;
+    remove(): void;
+    activate(): void;
+}
+
+type CoreCallbacks$1 = Pick<CoreConfiguration, 'beforeRedirect' | 'beforeSubmit' | 'onSubmit' | 'onReview' | 'onAdditionalDetails' | 'onPaymentFailed' | 'onPaymentCompleted' | 'onOrderUpdated' | 'onPaymentMethodsRequest' | 'onChange' | 'onActionHandled' | 'onError' | 'onEnterKeyPressed' | 'donation'>;
+type StatusFromAction = 'redirect' | 'loading' | 'custom';
+type UIElementProps = {
+    paymentMethodId?: string;
+    storedPaymentMethodId?: string;
+} & BaseElementProps & CoreCallbacks$1 & {
+    environment?: string;
+    session?: Session;
+    onComplete?: (state: BaseElementState, element: UIElement) => void;
+    isInstantPayment?: boolean;
     /**
-     * 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.
+     * Flags if the element is Stored payment method
+     * @internal
      */
-    onValidateMerchant?: (resolve: (merchantSession: unknown) => void, reject: (error?: string) => void, validationURL: string) => Promise<void>;
+    isStoredPaymentMethod?: boolean;
     /**
-     * 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.
+     * Flag if the element is Stored payment method.
+     * Perhaps can be deprecated and we use the one above?
+     * @internal
      */
-    onPaymentMethodSelected?: (resolve: (paymentMethodUpdate: ApplePayJS.ApplePayPaymentMethodUpdate) => void, reject: (paymentMethodUpdate: ApplePayJS.ApplePayPaymentMethodUpdate) => void, event: ApplePayJS.ApplePayPaymentMethodSelectedEvent) => void;
+    oneClick?: boolean;
     /**
-     * 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.
+     * Stored payment method id
+     * @internal
      */
-    onShippingContactSelected?: (resolve: (shippingContactUpdate: ApplePayJS.ApplePayShippingContactUpdate) => void, reject: (shippingContactUpdate: ApplePayJS.ApplePayShippingContactUpdate) => void, event: ApplePayJS.ApplePayShippingContactSelectedEvent) => void;
+    storedPaymentMethodId?: string;
     /**
-     * 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.
+     * Status set when creating the Component from action
+     * @internal
      */
-    onShippingMethodSelected?: (resolve: (shippingMethodUpdate: ApplePayJS.ApplePayShippingMethodUpdate) => void, reject: (shippingMethodUpdate: ApplePayJS.ApplePayShippingMethodUpdate) => void, event: ApplePayJS.ApplePayShippingMethodSelectedEvent) => void;
+    statusType?: StatusFromAction;
+    type?: string;
+    name?: string;
+    icon?: string;
+    amount?: PaymentAmount;
+    secondaryAmount?: PaymentAmount;
     /**
-     * The initial coupon code for the payment request.
-     * @see {@link https://developer.apple.com/documentation/applepayontheweb/applepaypaymentrequest/couponcode couponCode docs}
+     * Show/Hide pay button
+     * @defaultValue true
      */
-    couponCode?: ApplePayJS.ApplePayPaymentRequest['couponCode'];
+    showPayButton?: boolean;
+    /** @internal */
+    payButton?: (options: PayButtonProps) => h.JSX.Element;
+    /** @internal */
+    loadingContext?: string;
+    /** @internal */
+    createFromAction?: (action: PaymentAction, props: object) => UIElement;
+    /** @internal */
+    clientKey?: string;
+    /** @internal */
+    elementRef?: UIElement;
+    /** @internal */
+    i18n?: Language;
     /**
-     * A Boolean value that determines whether the payment sheet displays the coupon code field.
-     * @see {@link https://developer.apple.com/documentation/applepayontheweb/applepaypaymentrequest/supportscouponcode supportsCouponCode docs}
+     * The shopper’s issuer account label. It can be available for stored payment method
+     * @internal
      */
-    supportsCouponCode?: ApplePayJS.ApplePayPaymentRequest['supportsCouponCode'];
+    label?: string;
     /**
-     * An event handler called by the system when the user enters or updates a coupon code.
-     *
-     * {@link https://developer.apple.com/documentation/applepayontheweb/applepaysession/oncouponcodechanged}
-     * @param resolve - Completes the change of a coupon code with an update.
-     * @param reject - Completes the change of a coupon code with no update.
-     * @param event - The event parameter contains the couponCode attribute.
+     * Returned after the payments call, when an action is returned. It represents the payment method tx variant
+     * that was used for the payment
+     * @internal
      */
-    onCouponCodeChanged?: (resolve: (update: ApplePayJS.ApplePayCouponCodeUpdate) => void, reject: (update: ApplePayJS.ApplePayCouponCodeUpdate) => void, event: ApplePayJS.ApplePayCouponCodeChangedEvent) => void;
-    buttonColor?: ApplePayButtonStyle;
-    buttonType?: ApplePayButtonType;
+    paymentMethodType?: string;
     /**
-     * Used to tweak the text of the button types that contain text ('Continue with', 'Book with', etc)
+     * Reference to the action object found in a /payments response. This, in most cases, is passed on to the onActionHandled callback
      */
-    buttonLocale?: string;
-}
-interface ApplePayElementData {
-    paymentMethod: {
-        type: string;
-        applePayToken: string;
-        isExpress?: boolean;
-    };
-    billingAddress?: AddressData;
-    deliveryAddress?: AddressData;
-}
-interface ApplePaySessionRequest {
-    displayName: string;
-    domainName: string;
-    initiative: Initiative;
-    merchantIdentifier: string;
-}
-interface ApplePayWebConfiguration {
-    renderApplePayCodeAs?: 'modal' | 'window';
-    onApplePayCodeClose?(): void;
+    originalAction?: PaymentAction;
+};
+type UIElementStatus = 'ready' | 'loading' | 'error' | 'success';
+interface ComponentMethodsRef {
+    showValidation?: () => void;
+    setStatus?(status: UIElementStatus): void;
 }
 
-interface BankTransferResultProps {
-    paymentMethodType?: string;
-    reference?: string;
-    totalAmount?: {
-        value: number;
-        currency: string;
-    };
-    beneficiary?: string;
-    iban?: string;
-    bic?: string;
-    accountNumber?: string;
-    sortCode?: string;
-    routingNumber?: string;
-    branchCode?: string;
-    bankCode?: string;
-    onActionHandled?: (actionHandledObj: ActionHandledReturnObject) => void;
+declare enum TxVariants {
+    /** internal */
+    address = "address",
+    bankTransfer_IBAN = "bankTransfer_IBAN",
+    bankTransfer_BE = "bankTransfer_BE",
+    bankTransfer_NL = "bankTransfer_NL",
+    bankTransfer_PL = "bankTransfer_PL",
+    bankTransfer_FR = "bankTransfer_FR",
+    bankTransfer_CH = "bankTransfer_CH",
+    bankTransfer_IE = "bankTransfer_IE",
+    bankTransfer_GB = "bankTransfer_GB",
+    bankTransfer_DE = "bankTransfer_DE",
+    bankTransfer_AE = "bankTransfer_AE",
+    bankTransfer_AT = "bankTransfer_AT",
+    bankTransfer_AU = "bankTransfer_AU",
+    bankTransfer_BG = "bankTransfer_BG",
+    bankTransfer_CA = "bankTransfer_CA",
+    bankTransfer_EE = "bankTransfer_EE",
+    bankTransfer_ES = "bankTransfer_ES",
+    bankTransfer_FI = "bankTransfer_FI",
+    bankTransfer_HK = "bankTransfer_HK",
+    bankTransfer_HU = "bankTransfer_HU",
+    bankTransfer_IT = "bankTransfer_IT",
+    bankTransfer_JP = "bankTransfer_JP",
+    bankTransfer_LU = "bankTransfer_LU",
+    bankTransfer_NZ = "bankTransfer_NZ",
+    bankTransfer_PT = "bankTransfer_PT",
+    bankTransfer_SG = "bankTransfer_SG",
+    bankTransfer_SK = "bankTransfer_SK",
+    bankTransfer_US = "bankTransfer_US",
+    donation = "donation",
+    personal_details = "personal_details",
+    dropin = "dropin",
+    /** internal */
+    /** Card */
+    bcmc = "bcmc",
+    card = "card",
+    scheme = "scheme",
+    storedCard = "storedCard",
+    customCard = "customcard",
+    /** Card */
+    /** ThreeDS */
+    threeDS2Challenge = "threeDS2Challenge",
+    threeDS2Fingerprint = "threeDS2Fingerprint",
+    threeDS2DeviceFingerprint = "threeDS2DeviceFingerprint",
+    /** ThreeDS */
+    /** Direct debit */
+    ach = "ach",
+    directdebit_GB = "directdebit_GB",
+    sepadirectdebit = "sepadirectdebit",
+    eft_directdebit_CA = "eft_directdebit_CA",
+    /** Direct debit */
+    /** Open Invoice */
+    affirm = "affirm",
+    afterpay = "afterpay",
+    afterpay_default = "afterpay_default",
+    afterpay_b2b = "afterpay_b2b",
+    atome = "atome",
+    facilypay_3x = "facilypay_3x",
+    facilypay_4x = "facilypay_4x",
+    facilypay_6x = "facilypay_6x",
+    facilypay_10x = "facilypay_10x",
+    facilypay_12x = "facilypay_12x",
+    ratepay = "ratepay",
+    ratepay_directdebit = "ratepay_directdebit",
+    /** Open Invoice */
+    /** Wallets */
+    amazonpay = "amazonpay",
+    applepay = "applepay",
+    cashapp = "cashapp",
+    clicktopay = "clicktopay",
+    googlepay = "googlepay",
+    paypal = "paypal",
+    fastlane = "fastlane",
+    paywithgoogle = "paywithgoogle",
+    /** Wallets */
+    /** Voucher */
+    boletobancario = "boletobancario",
+    boletobancario_itau = "boletobancario_itau",
+    boletobancario_santander = "boletobancario_santander",
+    primeiropay_boleto = "primeiropay_boleto",
+    doku = "doku",
+    doku_alfamart = "doku_alfamart",
+    doku_permata_lite_atm = "doku_permata_lite_atm",
+    doku_indomaret = "doku_indomaret",
+    doku_atm_mandiri_va = "doku_atm_mandiri_va",
+    doku_sinarmas_va = "doku_sinarmas_va",
+    doku_mandiri_va = "doku_mandiri_va",
+    doku_cimb_va = "doku_cimb_va",
+    doku_danamon_va = "doku_danamon_va",
+    doku_bri_va = "doku_bri_va",
+    doku_bni_va = "doku_bni_va",
+    doku_bca_va = "doku_bca_va",
+    doku_wallet = "doku_wallet",
+    oxxo = "oxxo",
+    /** Voucher */
+    /** issuerList */
+    billdesk_online = "billdesk_online",
+    billdesk_wallet = "billdesk_wallet",
+    dotpay = "dotpay",
+    eps = "eps",
+    iris = "iris",
+    molpay_ebanking_fpx_MY = "molpay_ebanking_fpx_MY",
+    molpay_ebanking_TH = "molpay_ebanking_TH",
+    molpay_ebanking_VN = "molpay_ebanking_VN",
+    onlineBanking_CZ = "onlineBanking_CZ",
+    onlinebanking_IN = "onlinebanking_IN",
+    onlineBanking_PL = "onlineBanking_PL",
+    onlineBanking_SK = "onlineBanking_SK",
+    paybybank = "paybybank",
+    payu_IN_cashcard = "payu_IN_cashcard",
+    payu_IN_nb = "payu_IN_nb",
+    wallet_IN = "wallet_IN",
+    /** issuerList */
+    /** Dragonpay */
+    dragonpay = "dragonpay",
+    dragonpay_ebanking = "dragonpay_ebanking",
+    dragonpay_otc_banking = "dragonpay_otc_banking",
+    dragonpay_otc_non_banking = "dragonpay_otc_non_banking",
+    dragonpay_otc_philippines = "dragonpay_otc_philippines",
+    /** Dragonpay */
+    /** Econtext */
+    econtext = "econtext",
+    econtext_atm = "econtext_atm",
+    econtext_online = "econtext_online",
+    econtext_seven_eleven = "econtext_seven_eleven",
+    econtext_stores = "econtext_stores",
+    /** Econtext */
+    /** Redirect */
+    giropay = "giropay",
+    multibanco = "multibanco",
+    redirect = "redirect",
+    twint = "twint",
+    vipps = "vipps",
+    trustly = "trustly",
+    paybybank_AIS_DD = "paybybank_AIS_DD",
+    riverty = "riverty",
+    paybybank_pix = "paybybank_pix",
+    /** Redirect */
+    /** Klarna */
+    klarna = "klarna",
+    klarna_account = "klarna_account",
+    klarna_paynow = "klarna_paynow",
+    klarna_b2b = "klarna_b2b",
+    /** Klarna */
+    /** QRLoader */
+    bcmc_mobile = "bcmc_mobile",
+    bcmc_mobile_QR = "bcmc_mobile_QR",
+    pix = "pix",
+    swish = "swish",
+    wechatpay = "wechatpay",
+    wechatpayQR = "wechatpayQR",
+    promptpay = "promptpay",
+    paynow = "paynow",
+    duitnow = "duitnow",
+    /** QRLoader */
+    /** Await */
+    blik = "blik",
+    mbway = "mbway",
+    ancv = "ancv",
+    payto = "payto",
+    upi = "upi",// also QR
+    upi_qr = "upi_qr",// also QR
+    upi_intent = "upi_intent",// also QR
+    /** Await */
+    /** Giftcard */
+    giftcard = "giftcard",
+    mealVoucher_FR = "mealVoucher_FR",
+    mealVoucher_FR_natixis = "mealVoucher_FR_natixis",
+    mealVoucher_FR_sodexo = "mealVoucher_FR_sodexo",
+    mealVoucher_FR_groupeup = "mealVoucher_FR_groupeup"
+    /** Giftcard */
 }
 
-type BankTransferConfiguration = UIElementProps & BankTransferResultProps & {
-    /**
-     * Show/hide email address field
-     * @default true
-     */
-    showEmailAddress?: boolean;
+type AchForm = {
+    selectedAccountType: string;
+    ownerName: string;
+    routingNumber: string;
+    accountNumber: string;
+    accountNumberVerification: string;
 };
-interface BankTransferState extends UIElementProps {
-    data: {
-        shopperEmail?: string;
-    };
-    isValid: boolean;
-}
-interface BankTransferSchema {
-    shopperEmail?: string;
-}
+type AchFormPrefillData = Partial<Pick<AchForm, 'ownerName'>>;
 
-interface VoucherDetail {
-    label: string;
-    value: string;
-}
-interface VoucherProps {
-    /**
-     * Payment method used to generate the voucher.
-     */
-    paymentMethodType: string;
-    /**
-     * Payment method image to be displayed on the voucher.
-     */
-    imageUrl?: string;
-    /**
-     * If applicable, it will render an issuer image next to the payment method image.
-     */
-    issuerImageUrl?: string;
-    /**
-     * Voucher instructions URL.
-     */
-    instructionsUrl?: string;
-    /**
-     * Download URL for the voucher. It will display a button allowing the shopper to download it.
-     */
-    downloadUrl?: string;
+interface AchConfiguration extends UIElementProps {
     /**
-     * Text that will be displayed on the above Download button.
+     * Pre-fill ACH form with shopper data
      */
-    downloadButtonText?: string;
+    data?: AchFormPrefillData;
     /**
-     * Introduction text on the voucher.
+     * Adds placeholder text to the input fields
      */
-    introduction?: string;
+    placeholders?: AchPlaceholders;
     /**
-     * Payment reference.
+     * Set to false to hide the "Account Holder Name" field if you want to pass the data yourself
+     * @default true
      */
-    reference?: string;
+    hasHolderName?: boolean;
     /**
-     * URL to a barcode image representing the payment reference.
+     * Enables storing the payment method using the Checkbox
+     * @default false
      */
-    barcode?: string;
+    enableStoreDetails?: boolean;
     /**
-     * Total amount displayed on the voucher.
+     * storedPaymentMethodId coming from a stored ACH in /paymentMethods response
+     * @internal
      */
-    amount?: string;
+    storedPaymentMethodId?: string;
     /**
-     * Any additional surcharge to the amount.
+     * bankAccountNumber coming from a stored ACH in /paymentMethods response
+     * @internal
      */
-    surcharge?: string;
+    bankAccountNumber?: 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"];
+declare const SUPPORTED_LOCALES_US: readonly ["en_US"];
+
+declare class AmazonPayElement extends UIElement<AmazonPayConfiguration> {
+    static readonly type = TxVariants.amazonpay;
+    protected static readonly defaultProps: Partial<AmazonPayConfiguration>;
+    protected componentRef: AmazonPayComponentRef | undefined;
+    formatProps(props: AmazonPayConfiguration): AmazonPayConfiguration;
     /**
-     * List of details that will be rendered on the voucher.
+     * Formats the component data output
      */
-    voucherDetails?: VoucherDetail[];
+    formatData(): AmazonPayElementData;
+    protected beforeRender(configSetByMerchant?: AmazonPayConfiguration): void;
+    getShopperDetails(): void | Promise<{
+        declineFlowUrl?: string;
+    } & Record<string, unknown>>;
+    handleDeclineFlow(): void;
+    get isValid(): boolean;
+    get browserInfo(): BrowserInfo;
+    submit(): void;
+    protected componentToRender(): h.JSX.Element;
+}
+
+type ButtonColor = 'Gold' | 'LightGray' | 'DarkGray';
+type Placement = 'Home' | 'Product' | 'Cart' | 'Checkout' | 'Other';
+type ProductType = 'PayOnly' | 'PayAndShip';
+type ChargePermissionType = 'OneTime' | 'Recurring';
+type FrequencyUnit = 'Year' | 'Month' | 'Week' | 'Day' | 'Variable';
+type Currency = 'EUR' | 'GBP' | 'USD';
+type Region = 'EU' | 'UK' | 'US';
+type SupportedLocale = (typeof SUPPORTED_LOCALES_EU)[number] | (typeof SUPPORTED_LOCALES_US)[number];
+interface AmazonPayButtonInstance {
+    onClick(handler: () => void): void;
+}
+interface AmazonWindowObject {
+    Pay: {
+        renderButton(selector: string, settings: AmazonPayButtonSettings): AmazonPayButtonInstance;
+        initCheckout(options: AmazonPayButtonSettings & {
+            createCheckoutSessionConfig: CheckoutSessionConfig;
+        }): void;
+        signout(): void;
+        bindChangeAction(selector: string, options: ChangeActionOptions): void;
+    };
+}
+interface RecurringMetadata {
+    frequency: {
+        unit: string;
+        value: FrequencyUnit;
+    };
+    amount: {
+        amount: string;
+        currencyCode: Currency;
+    };
+}
+interface AmazonPayBackendConfiguration {
+    merchantId?: string;
+    publicKeyId?: string;
+    region?: Region;
+    storeId?: string;
+}
+interface AmazonPayConfiguration extends UIElementProps {
+    addressDetails?: AddressDetails;
+    amazonPayToken?: string;
+    amazonCheckoutSessionId?: string;
+    amount?: PaymentAmount;
+    buttonColor?: ButtonColor;
+    cancelUrl?: string;
+    chargePermissionType?: ChargePermissionType;
+    checkoutMode?: string;
+    clientKey?: string;
+    configuration?: AmazonPayBackendConfiguration;
+    currency?: Currency;
+    deliverySpecifications?: DeliverySpecifications;
+    design?: string;
+    environment?: string;
+    loadingContext?: string;
+    locale?: string;
+    merchantMetadata?: MerchantMetadata;
+    onSubmit?(state: SubmitData, element: AmazonPayElement, actions: {
+        resolve: (response: CheckoutAdvancedFlowResponse) => void;
+        reject: () => void;
+    }): void;
+    payButton?: (props: PayButtonProps) => h.JSX.Element;
+    placement?: Placement;
+    productType?: ProductType;
+    recurringMetadata?: RecurringMetadata;
+    returnUrl?: string;
+    showChangePaymentDetailsButton?: boolean;
+    showOrderButton?: boolean;
+    showSignOutButton?: boolean;
+    signature?: string;
+    onClick?: (resolve: (value?: unknown) => void, reject: () => void) => Promise<void>;
+    onError?: (error: AdyenCheckoutError, component: UIElement) => void;
+    onSignOut?: (resolve: (value?: unknown) => void, reject: () => void) => Promise<void>;
     /**
-     * Additional CSS classes.
+     * Used for analytics
      */
-    className?: string;
+    expressPage?: 'cart' | 'minicart' | 'pdp' | 'checkout';
     /**
-     * Show/Hide a button to copy the payment reference. It will only show if a reference is available.
+     * Used for analytics
+     * @defaultValue false
      */
-    copyBtn?: boolean;
-    /**
-     * Show/Hide payment reference value.
-     * @default true
+    isExpress?: boolean;
+}
+type AmazonPayComponentRef = ComponentMethodsRef & {
+    getSubmitFunction?: () => () => void;
+};
+interface AmazonPayComponentProps extends AmazonPayConfiguration {
+    showSignOutButton?: boolean;
+    amazonCheckoutSessionId?: string;
+    showOrderButton?: boolean;
+    showChangePaymentDetailsButton?: boolean;
+    setComponentRef: (ref: AmazonPayComponentRef) => void;
+}
+interface AmazonPayButtonProps {
+    amazonRef: AmazonWindowObject;
+    buttonColor?: ButtonColor;
+    cancelUrl?: string;
+    chargePermissionType?: ChargePermissionType;
+    clientKey?: string;
+    configuration?: AmazonPayBackendConfiguration;
+    currency?: Currency;
+    deliverySpecifications?: DeliverySpecifications;
+    design?: string;
+    environment?: string;
+    locale?: string;
+    onClick: (resolve: (value?: unknown) => void, reject: () => void) => Promise<void>;
+    onError?: (error: AdyenCheckoutError, component: UIElement) => void;
+    placement?: Placement;
+    productType?: ProductType;
+    recurringMetadata?: RecurringMetadata;
+    ref: RefObject<{
+        initCheckout(): void;
+    }>;
+    returnUrl?: string;
+    showPayButton: boolean;
+}
+interface SignOutButtonProps {
+    amazonRef: AmazonWindowObject;
+    onSignOut: (resolve: (value?: unknown) => void, reject: () => void) => Promise<void>;
+}
+interface ChangePaymentDetailsButtonProps {
+    amazonCheckoutSessionId: string;
+    amazonRef: AmazonWindowObject;
+}
+interface ChangeActionOptions {
+    amazonCheckoutSessionId: string;
+    changeAction: 'changeAddress' | 'changePayment';
+}
+interface OrderButtonProps {
+    amazonCheckoutSessionId: string;
+    clientKey: string;
+    chargePermissionType?: ChargePermissionType;
+    onError: (error: AdyenCheckoutError, component: UIElement) => void;
+    recurringMetadata: RecurringMetadata;
+    ref: RefObject<{
+        createOrder(): void;
+    }>;
+    region: Region;
+    returnUrl: string;
+    publicKeyId: string;
+}
+interface AmazonPayElementData {
+    paymentMethod: {
+        type: string;
+        checkoutSessionId?: string;
+    };
+    browserInfo: BrowserInfo;
+}
+interface AmazonPayButtonSettings {
+    buttonColor?: ButtonColor;
+    design?: string;
+    /**
+     * Amazon Pay merchant account identifier
      */
-    showReferenceValue?: boolean;
+    merchantId: string;
     /**
-     * Label for the payment reference.
+     * Sets button to Sandbox environment
      */
-    paymentReferenceLabel?: string;
-    onActionHandled?: (rtnObj: ActionHandledReturnObject) => void;
-}
-interface VoucherConfiguration extends UIElementProps {
-    reference?: string;
-    url?: string;
-    paymentMethodType?: string;
-}
-type CommonVoucherProps = Pick<VoucherProps, 'paymentMethodType' | 'introduction' | 'imageUrl' | 'amount' | 'reference' | 'onActionHandled'>;
-
-interface BoletoConfiguration extends VoucherConfiguration {
+    sandbox: boolean;
     /**
-     * Set to false if you have already collected the shopper's first name, last name, and CPF/CNPJ (socialSecurityNumber).
-     * @default true
+     * Product type selected for checkout
      */
-    personalDetailsRequired?: boolean;
+    productType: ProductType;
     /**
-     * Set this to false if you have already collected the shopper's street, house number or name, city, postal code, and state or province.
-     * @default true
+     * Placement of the Amazon Pay button on your website
      */
-    billingAddressRequired?: boolean;
+    placement: Placement;
     /**
-     * Set this to false if you have already collected the shopper's email address.
-     * @default true
+     * Language used to render the button and text on Amazon Pay hosted pages. Please note that supported language(s) is dependent on the region that your Amazon Pay account was registered for
      */
-    showEmailAddress?: boolean;
+    checkoutLanguage: SupportedLocale;
     /**
-     * Object to pre-fill shopper details on the form
+     * Ledger currency provided during registration for the given merchant identifier
      */
-    data?: BoletoInputDataState;
+    ledgerCurrency: Currency;
 }
-interface BoletoElementProps {
-    type: string;
-    i18n: Language;
-    loadingContext: string;
-    reference?: string;
+interface MerchantMetadata {
+    customInformation?: string;
+    merchantReferenceId?: string;
+    merchantStoreName?: string;
+    noteToBuyer?: string;
 }
-interface BoletoInputDataState {
-    firstName?: string;
-    lastName?: string;
-    billingAddress?: AddressData;
-    socialSecurityNumber?: string;
-    shopperEmail?: string;
+interface AddressDetails {
+    name?: string;
+    addressLine1?: string;
+    addressLine2?: string;
+    addressLine3?: string;
+    city?: string;
+    districtOrCounty?: string;
+    stateOrRegion?: string;
+    postalCode?: string;
+    countryCode?: string;
+    phoneNumber?: string;
 }
-interface BoletoInputValidState {
-    firstName?: boolean;
-    lastName?: boolean;
-    shopperEmail?: boolean;
-    socialSecurityNumber?: boolean;
-    billingAddress?: boolean;
+interface ChargeAmount {
+    amount: string;
+    currencyCode: Currency;
 }
-interface BoletoInputErrorState {
-    firstName?: boolean;
-    lastName?: boolean;
-    shopperEmail?: boolean;
-    socialSecurityNumber?: boolean;
+type LedgerCurrencies = {
+    [key in Region]: Currency;
+};
+interface PayloadJSON {
+    addressDetails?: AddressDetails;
+    chargePermissionType?: ChargePermissionType;
+    deliverySpecifications?: DeliverySpecifications;
+    merchantMetadata?: MerchantMetadata;
+    paymentDetails?: {
+        chargeAmount: ChargeAmount;
+        paymentIntent: 'Confirm';
+        presentmentCurrency: Currency;
+        totalOrderAmount: ChargeAmount;
+    };
+    recurringMetadata?: RecurringMetadata;
+    storeId: string;
+    webCheckoutDetails: {
+        checkoutCancelUrl?: string;
+        checkoutMode?: 'ProcessOrder';
+        checkoutResultReturnUrl?: string;
+        checkoutReviewReturnUrl?: string;
+    };
+}
+interface CheckoutDetailsRequest {
+    checkoutSessionId: string;
+    getDeliveryAddress?: boolean;
+    getDeclineFlowUrl?: boolean;
+    publicKeyId: string;
+    region?: Region;
+}
+interface UpdateAmazonCheckoutSessionRequest {
+    amount: PaymentAmount;
+    chargePermissionType?: ChargePermissionType;
+    checkoutCancelUrl?: string;
+    checkoutResultReturnUrl: string;
+    checkoutSessionId: string;
+    publicKeyId: string;
+    recurringMetadata?: RecurringMetadata;
+    region: Region;
+}
+interface CheckoutSessionConfig {
+    payloadJSON: string;
+    signature: string;
+    publicKeyId: string;
+}
+interface DeliverySpecifications {
+    specialRestrictions?: string[];
+    addressRestrictions?: AddressRestrictions;
+}
+interface AddressRestrictions {
+    type?: 'Allowed' | 'NotAllowed';
+    restrictions?: Restrictions;
+}
+interface Restrictions {
+    [key: string]: {
+        zipCodes?: string[];
+        statesOrRegions?: string[];
+    };
 }
 
-interface CashAppPayConfiguration extends UIElementProps {
-    /**
-     * Indicates that the payment must be stored (Ex: in case there is no checkbox but merchant wants to store it)
-     */
-    storePaymentMethod?: boolean;
+interface ANCVConfiguration extends UIElementProps {
+    paymentData?: string;
+    data: ANCVDataState;
+    onOrderRequest?: onOrderRequestCallbackType;
+    onOrderUpdated?: onOrderUpdatedCallbackType;
+}
+interface ANCVDataState {
+    beneficiaryId: string;
+}
+
+type Initiative = 'web' | 'messaging';
+type ApplePayPaymentOrderDetails = {
+    orderTypeIdentifier: string;
+    orderIdentifier: string;
+    webServiceURL: string;
+    authenticationToken: string;
+};
+type ApplePayPaymentAuthorizationResult = ApplePayJS.ApplePayPaymentAuthorizationResult & {
+    orderDetails?: ApplePayPaymentOrderDetails;
+};
+type ApplePayButtonType = 'add-money' | 'book' | 'buy' | 'check-out' | 'continue' | 'contribute' | 'donate' | 'order' | 'pay' | 'plain' | 'reload' | 'rent' | 'set-up' | 'subscribe' | 'support' | 'tip' | 'top-up';
+type ApplePayButtonStyle = 'black' | 'white' | 'white-outline';
+interface ApplePayConfiguration extends UIElementProps {
     /**
-     * Enables storing the payment method using the Checkbox
+     * Enables the ApplePay Express Flow & also used for analytics
+     * @defaultValue false
      */
-    enableStoreDetails?: boolean;
+    isExpress?: boolean;
     /**
-     * Callback triggered before starting the CashAppPay flow. Use case: Validate customer data, check product availability
+     * Used for analytics
      */
-    onClick?(actions: {
-        resolve: () => void;
-        reject: () => void;
-    }): void;
+    expressPage?: 'cart' | 'minicart' | 'pdp' | 'checkout';
     /**
-     * A reference to your system (for example, a cart or checkout identifier). Maximum length 1024 characters.
-     * https://developers.cash.app/docs/api/technical-documentation/sdks/pay-kit/technical-reference#parameters-3
+     * The Apple Pay version number your website supports.
+     * @default highest supported version by the shopper device
+     * @see {@link https://developer.apple.com/documentation/applepayontheweb/apple-pay-on-the-web-version-history Apple Pay on the Web Version History}
      */
-    referenceId?: string;
+    version?: number;
     /**
-     * The destination for the customer after approving (or declining) in Cash App for mobile redirect flow.
-     * https://developers.cash.app/docs/api/technical-documentation/sdks/pay-kit/technical-reference#customerrequest
-     * @defaultValue window.location.ref
+     * Part of the 'ApplePayLineItem' object, which sets the label of the payment request
+     * @see {@link https://developer.apple.com/documentation/applepayontheweb/applepaylineitem ApplePayLineItem docs}
      */
-    redirectURL?: string;
+    totalPriceLabel?: string;
     /**
-     * Button customization
-     * https://developers.cash.app/docs/api/technical-documentation/sdks/pay-kit/use-cases#customize-the-cash-app-pay-button
+     * @default 'final'
      */
-    button?: {
-        shape?: 'semiround' | 'round';
-        size?: 'medium' | 'small';
-        theme?: 'dark' | 'light';
-        width?: 'static' | 'full';
-    };
+    totalPriceStatus?: ApplePayJS.ApplePayLineItemType;
     /**
-     * CashAppPay configuration sent by the /paymentMethods response
+     * ApplePay configuration sent by the /paymentMethods response
      */
     configuration?: {
-        clientId: string;
-        scopeId: string;
+        merchantName?: string;
+        merchantId?: string;
     };
     /**
-     * If payment is tokenized, then API will return its ID
-     * @internal
+     * Used to override the domain name for the Apple Pay button. Useful when using ApplePay within cross-domain iframe
+     * For more context: https://github.com/Adyen/adyen-web/pull/3340
      */
-    storedPaymentMethodId?: string;
+    domainName?: string;
+    clientKey?: string;
+    initiative?: Initiative;
     /**
-     * If payment is tokenized, then API will return this value
-     * @internal
+     * A set of line items that explain recurring payments and/or additional charges.
      */
-    cashtag?: string;
-}
-type CashAppPayElementData = {
-    paymentMethod: {
-        type: string;
-        grantId?: string;
-        storedPaymentMethodId?: string;
-    };
-    storePaymentMethod?: boolean;
-};
-type CashAppPayEventData = {
-    cashTag?: string;
-    customerId?: string;
-    grantId?: string;
-    onFileGrantId?: string;
-};
-
-interface TimeoutErrorProps {
-    source: string;
-    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;
-}
-
-type ClickToPayProps = {
+    lineItems?: ApplePayJS.ApplePayLineItem[];
+    /**
+     * The payment capabilities supported by the merchant.
+     * The value must at least contain ApplePayMerchantCapability.supports3DS.
+     * @default ['supports3DS']
+     */
+    merchantCapabilities?: ApplePayJS.ApplePayMerchantCapability[];
     /**
-     * Shopper email used to be recognized with the Network schemes
+     * A value that indicates whether the shipping mode prevents the user from editing the shipping address.
+     * {@link https://developer.apple.com/documentation/applepayontheweb/applepaypaymentrequest/shippingcontacteditingmode}
      */
-    shopperEmail?: string;
+    shippingContactEditingMode?: ApplePayJS.ApplePayShippingContactEditingMode;
     /**
-     * Shopper telephone number used to be recognized with the Network schemes
+     * A set of shipping method objects that describe the available shipping methods.
      */
-    telephoneNumber?: string;
+    shippingMethods?: ApplePayJS.ApplePayShippingMethod[];
     /**
-     * Used to display the merchant name in case the DCF appears (ex: first time doing transaction in the device),
+     * How the items are to be shipped.
      */
-    merchantDisplayName?: string;
+    shippingType?: ApplePayJS.ApplePayShippingType;
     /**
-     * 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
+     * A list of ISO 3166 country codes for limiting payments to cards from specific countries.
      */
-    locale?: string;
+    supportedCountries?: string[];
     /**
-     * Disable autofocus on the One Time Password input field when it is either displayed or when the OTP is resent
-     * @defaultValue false
+     * The payment networks supported by the merchant.
      */
-    disableOtpAutoFocus?: boolean;
+    supportedNetworks?: string[];
     /**
-     *  Callback triggered when the Click to Pay component is ready to be used
+     * ApplePayRecurringPaymentRequest - Represents a request to set up a recurring payment, typically a subscription.
+     * {@link https://developer.apple.com/documentation/applepayontheweb/applepayrecurringpaymentrequest}
      */
-    onReady?(): void;
+    recurringPaymentRequest?: ApplePayJS.ApplePayRecurringPaymentRequest;
     /**
-     * Callback triggered when a timeout happens within Click to Pay service.
-     * Ex: Network schemes took too long to initialize
+     * The billing information that you require from the user in order to process the transaction.
      */
-    onTimeout?(error: TimeoutError): void;
-};
-type ClickToPayScheme = 'mc' | 'visa';
-
-declare enum AnalyticsEventCategory {
-    info = "info",
-    error = "error",
-    log = "log"
-}
-declare abstract class AbstractAnalyticsEvent {
-    private readonly timestamp;
-    private readonly id;
+    requiredBillingContactFields?: ApplePayJS.ApplePayContactField[];
     /**
-     * Component tx variant or identifier
-     * @private
+     * The shipping information that you require from the user in order to fulfill the order.
      */
-    private readonly component;
-    abstract getEventCategory(): AnalyticsEventCategory;
-    protected constructor(component: string);
-}
-
-interface AnalyticsOptions {
+    requiredShippingContactFields?: ApplePayJS.ApplePayContactField[];
     /**
-     * Enable/Disable all analytics
+     * Billing contact information for the user.
      */
-    enabled?: boolean;
+    billingContact?: ApplePayJS.ApplePayPaymentContact;
     /**
-     * A wrapper to pass data needed when analytics is setup
+     * Shipping contact information for the user.
      */
-    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 & {
+    shippingContact?: ApplePayJS.ApplePayPaymentContact;
     /**
-     * ClickToPay configuration sent by the /paymentMethods response
+     * It can be used to render the Apple Pay Code in a new window rather than as an overlay modal
+     * Recommended to be used in case of using Apple Pay within an iframe, where the modal may not be presented correctly over the parent website
+     *
+     * @defaultValue 'modal'
      */
-    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;
-};
+    renderApplePayCodeAs?: ApplePayWebConfiguration['renderApplePayCodeAs'];
+    /**
+     * Optional user-defined data.
+     */
+    applicationData?: string;
+    /**
+     *	Called when the shopper clicks the Apple Pay button
 
-/**
- * SecuredFieldsProvider:
- * Initialises & handles the client-side part of SecuredFields
- */
-declare class SecuredFieldsProvider extends Component<SFPProps, SFPState> {
-    private csfLoadFailTimeout;
-    private readonly csfLoadFailTimeoutMS;
-    private readonly csfConfigFailTimeout;
-    private readonly csfConfigFailTimeoutMS;
-    private numCharsInField;
-    private rootNode;
-    private numDateFields;
-    private csf;
-    private readonly handleOnLoad;
-    private readonly handleOnConfigSuccess;
-    private readonly handleOnFieldValid;
-    private readonly handleOnAllValid;
-    private readonly handleOnBrand;
-    private readonly handleFocus;
-    private readonly handleOnError;
-    private readonly handleOnAutoComplete;
-    private readonly handleOnNoDataRequired;
-    private readonly handleOnTouchstartIOS;
-    private readonly handleKeyDown;
-    state: SFPState;
-    props: SFPProps;
-    private issuingCountryCode;
-    constructor(props: SFPProps);
-    static readonly defaultProps: {
-        type: string;
-        keypadFix: boolean;
-        rootNode: any;
-        loadingContext: any;
-        brands: any[];
-        showWarnings: boolean;
-        autoFocus: boolean;
-        trimTrailingSeparator: boolean;
-        onChange: () => void;
-        onLoad: () => void;
-        onConfigSuccess: () => void;
-        onAllValid: () => void;
-        onFieldValid: () => void;
-        onBrand: () => void;
-        onError: () => void;
-        onBinValue: () => void;
-        onFocus: () => void;
-        onAutoComplete: () => void;
-        handleKeyDown: () => void;
-        styles: {};
-    };
-    componentDidMount(): void;
-    componentDidUpdate(): void;
-    componentWillUnmount(): void;
-    private initializeCSF;
-    private checkForKCPFields;
-    getChildContext(): object;
-    handleUnsupportedCard(errObj: CardErrorData): boolean;
-    setFocusOn(frame: SFFieldType): void;
-    updateStyles(stylesObj: StylesObject): void;
-    sfIsOptionalOrHidden(fieldType: string): boolean;
-    destroy(): void;
-    getRootNode(): HTMLElement;
-    showValidation(): void;
+     * @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.
+     */
+    onApplePayCodeClose?: ApplePayWebConfiguration['onApplePayCodeClose'];
+    /**
+     * Callback called when ApplePay authorize the payment.
+     * Must be resolved/rejected with the action object.
+     *
+     * @param data - Authorization event from ApplePay, along with formatted billingAddress and deliveryAddress
+     * @param actions - Object to continue/stop with the payment flow
+     *
+     * @remarks
+     * If actions.resolve() is called, the payment flow will be triggered.
+     * If actions.reject() is called, the overlay will display an error
+     */
+    onAuthorized?: (data: {
+        authorizedEvent: ApplePayJS.ApplePayPaymentAuthorizedEvent;
+        billingAddress?: Partial<AddressData>;
+        deliveryAddress?: Partial<AddressData>;
+    }, actions: {
+        resolve: () => void;
+        reject: (error?: ApplePayJS.ApplePayError) => void;
+    }) => void;
+    /**
+     * Collect the order tracking details if available.
+     * This callback is invoked when a successfull payment is resolved
+     *
+     * {@link https://developer.apple.com/documentation/applepayontheweb/applepaypaymentorderdetails}
+     * @param resolve - Must be called with the orderDetails fields
+     * @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;
     /**
-     * Map SF errors to ValidationRuleResult-like objects, for CardInput component
+     * 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.
      */
-    mapErrorsToValidationRuleResult(): SFStateErrorObj;
-    processBinLookupResponse(binLookupResponse: BinLookupResponse, resetObject: SingleBrandResetObject): void;
-    private setRootNode;
-    render(props: any, state: SFPState): any;
-}
-
-type Placeholders = CardPlaceholders | Placeholders$1;
-/**
- * Should be the only props that can be sent to SFP (from CardInput, SecuredFieldsInput, GiftcardComponent)
- */
-interface SFPProps {
-    ref?: Ref<SecuredFieldsProvider>;
-    autoFocus?: boolean;
-    brands?: string[];
-    brandsConfiguration?: CardBrandsConfiguration;
-    clientKey: string;
-    componentType: string;
-    countryCode?: string;
-    forceCompat?: boolean;
-    hasKoreanFields?: boolean;
-    i18n?: Language;
-    implementationType?: 'components' | 'custom';
-    keypadFix?: boolean;
-    koreanAuthenticationRequired?: boolean;
-    legacyInputMode?: boolean;
-    loadingContext: string;
-    minimumExpiryDate?: string;
-    onAdditionalSFConfig?: () => void;
-    onAdditionalSFRemoved?: () => void;
-    onAllValid?: (obj: CardAllValidData) => void;
-    onAutoComplete?: (obj: CardAutoCompleteData) => void;
-    onBinValue?: (obj: CardBinValueData) => void;
-    onBrand?: (obj: CardBrandData) => void;
-    onChange?: (state: SFPState, eventDetails?: OnChangeEventDetails) => void;
-    onConfigSuccess?: (cbObj: CardConfigSuccessData) => void;
-    onError?: (error: AdyenCheckoutError) => void;
-    onFieldValid?: (fieldObj: CardFieldValidData) => void;
-    onFocus?: (obj: CardFocusData) => void;
-    onLoad?: (cbObj: CardLoadData) => void;
-    onStateUpdate?: (obj: SFPState) => void;
-    onSubmitAnalytics?: (event: AbstractAnalyticsEvent) => void;
-    handleKeyDown?: (event: KeyboardEvent) => void;
-    rootNode?: HTMLElement;
-    showWarnings?: boolean;
-    styles?: StylesObject;
-    trimTrailingSeparator?: boolean;
-    type: string;
-    render?: (helpers: {
-        setRootNode: (input: HTMLElement) => void;
-        setFocusOn: (fieldName: string) => void;
-    }, state: SFPState) => ComponentChildren;
-    resources?: Resources;
-    maskSecurityCode?: boolean;
-    exposeExpiryDate?: boolean;
-    disableIOSArrowKeys?: (obj: TouchStartEventObj) => void | null;
-    placeholders?: Placeholders;
-    showContextualElement?: boolean;
+    onValidateMerchant?: (resolve: (merchantSession: unknown) => void, reject: (error?: string) => void, validationURL: string) => Promise<void>;
+    /**
+     * An event handler to call when the user selects a new payment method.
+     *
+     * {@link https://developer.apple.com/documentation/applepayontheweb/applepaysession/onpaymentmethodselected}
+     * @param resolve - Completes the selection of a payment method with an update.
+     * @param reject - Completes the selection of a payment method with no update.
+     * @param event - The event parameter contains the paymentMethod attribute.
+     */
+    onPaymentMethodSelected?: (resolve: (paymentMethodUpdate: ApplePayJS.ApplePayPaymentMethodUpdate) => void, reject: (paymentMethodUpdate: ApplePayJS.ApplePayPaymentMethodUpdate) => void, event: ApplePayJS.ApplePayPaymentMethodSelectedEvent) => void;
+    /**
+     * 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: (shippingMethodUpdate: ApplePayJS.ApplePayShippingMethodUpdate) => void, reject: (shippingMethodUpdate: ApplePayJS.ApplePayShippingMethodUpdate) => void, event: ApplePayJS.ApplePayShippingMethodSelectedEvent) => void;
+    /**
+     * The initial coupon code for the payment request.
+     * @see {@link https://developer.apple.com/documentation/applepayontheweb/applepaypaymentrequest/couponcode couponCode docs}
+     */
+    couponCode?: ApplePayJS.ApplePayPaymentRequest['couponCode'];
+    /**
+     * A Boolean value that determines whether the payment sheet displays the coupon code field.
+     * @see {@link https://developer.apple.com/documentation/applepayontheweb/applepaypaymentrequest/supportscouponcode supportsCouponCode docs}
+     */
+    supportsCouponCode?: ApplePayJS.ApplePayPaymentRequest['supportsCouponCode'];
+    /**
+     * An event handler called by the system when the user enters or updates a coupon code.
+     *
+     * {@link https://developer.apple.com/documentation/applepayontheweb/applepaysession/oncouponcodechanged}
+     * @param resolve - Completes the change of a coupon code with an update.
+     * @param reject - Completes the change of a coupon code with no update.
+     * @param event - The event parameter contains the couponCode attribute.
+     */
+    onCouponCodeChanged?: (resolve: (update: ApplePayJS.ApplePayCouponCodeUpdate) => void, reject: (update: ApplePayJS.ApplePayCouponCodeUpdate) => void, event: ApplePayJS.ApplePayCouponCodeChangedEvent) => void;
+    buttonColor?: ApplePayButtonStyle;
+    buttonType?: ApplePayButtonType;
+    /**
+     * Used to tweak the text of the button types that contain text ('Continue with', 'Book with', etc)
+     */
+    buttonLocale?: string;
 }
-type SFPErrorMap = Partial<Record<SFFieldType, string>>;
-interface SFPState {
-    status?: string;
-    brand?: string;
-    errors?: SFPErrorMap;
-    valid: SFPValid;
-    data: object;
-    cvcPolicy?: CVCPolicyType;
-    isSfpValid?: boolean;
-    autoCompleteName?: string;
+interface ApplePayElementData {
+    paymentMethod: {
+        type: string;
+        applePayToken: string;
+        isExpress?: boolean;
+    };
     billingAddress?: AddressData;
-    detectedUnsupportedBrands?: string[];
-    hasKoreanFields?: boolean;
-    showSocialSecurityNumber?: boolean;
-    expiryDatePolicy?: DatePolicyType;
-    socialSecurityNumber?: string;
-}
-interface SingleBrandResetObject {
-    brand: string;
-    cvcPolicy: CVCPolicyType;
+    deliveryAddress?: AddressData;
 }
-interface SFPValid {
-    encryptedCardNumber?: boolean;
-    encryptedExpiryMonth?: boolean;
-    encryptedExpiryYear?: boolean;
-    encryptedSecurityCode?: boolean;
-    encryptedPassword?: boolean;
-    encryptedPin?: boolean;
+interface ApplePaySessionRequest {
+    displayName: string;
+    domainName: string;
+    initiative: Initiative;
+    merchantIdentifier: string;
 }
-interface OnChangeEventDetails {
-    event: string;
-    fieldType?: string;
+interface ApplePayWebConfiguration {
+    renderApplePayCodeAs?: 'modal' | 'window';
+    onApplePayCodeClose?(): void;
 }
 
-/** A list of all the data-cse attributes that relate to securedFields (as found in card, giftcard) */
-declare const ALL_SECURED_FIELDS: readonly ["encryptedCardNumber", "encryptedExpiryDate", "encryptedExpiryMonth", "encryptedExpiryYear", "encryptedSecurityCode", "encryptedPassword"];
-declare const REQUIRED = "required";
-declare const OPTIONAL = "optional";
-declare const HIDDEN = "hidden";
-declare const BEST_GUESS_MODE = "best-guess";
-declare const BIN_LOOKUP_MODE = "bin-lookup";
-
-declare global {
-    interface Window {
-        _b$dl: boolean;
-        mockBinCount: number;
-    }
-}
-type SFFieldType = (typeof ALL_SECURED_FIELDS)[number];
-type BrandModeType = typeof BIN_LOOKUP_MODE | typeof BEST_GUESS_MODE;
-interface StylesObject {
-    base?: StyleDefinitions;
-    error?: StyleDefinitions;
-    validated?: StyleDefinitions;
-    placeholder?: StyleDefinitions;
+interface BankTransferResultProps {
+    paymentMethodType?: string;
+    reference?: string;
+    totalAmount?: {
+        value: number;
+        currency: string;
+    };
+    beneficiary?: string;
+    iban?: string;
+    bic?: string;
+    accountNumber?: string;
+    sortCode?: string;
+    routingNumber?: string;
+    branchCode?: string;
+    bankCode?: string;
+    onActionHandled?: (actionHandledObj: ActionHandledReturnObject) => void;
 }
-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;
+
+type BankTransferConfiguration = UIElementProps & BankTransferResultProps & {
+    /**
+     * Show/hide email address field
+     * @default true
+     */
+    showEmailAddress?: boolean;
+};
+interface BankTransferState extends UIElementProps {
+    data: {
+        shopperEmail?: string;
+    };
+    isValid: boolean;
 }
-interface CardAllValidData {
-    type: string;
-    allValid: boolean;
-    rootNode: HTMLElement;
+interface BankTransferSchema {
+    shopperEmail?: string;
 }
-interface CardAutoCompleteData {
-    fieldType: string;
-    name: string;
+
+interface VoucherDetail {
+    label: string;
     value: string;
-    action: string;
 }
-interface CardBinLookupData {
-    type?: string;
-    detectedBrands?: string[] | null;
-    supportedBrands?: string[] | null;
-    brands?: string[];
-    issuingCountryCode?: string;
-    healthcare?: Record<string, boolean>[];
-    supportedBrandsRaw?: BrandObject[];
-    rootNode?: HTMLElement;
-    isReset?: boolean;
-    dualBrandingType?: string;
-    paymentMethodVariants?: (string | undefined)[];
+interface VoucherProps {
+    /**
+     * Payment method used to generate the voucher.
+     */
+    paymentMethodType: string;
+    /**
+     * Payment method image to be displayed on the voucher.
+     */
+    imageUrl?: string;
+    /**
+     * If applicable, it will render an issuer image next to the payment method image.
+     */
+    issuerImageUrl?: string;
+    /**
+     * Voucher instructions URL.
+     */
+    instructionsUrl?: string;
+    /**
+     * Download URL for the voucher. It will display a button allowing the shopper to download it.
+     */
+    downloadUrl?: string;
+    /**
+     * Text that will be displayed on the above Download button.
+     */
+    downloadButtonText?: string;
+    /**
+     * Introduction text on the voucher.
+     */
+    introduction?: string;
+    /**
+     * Payment reference.
+     */
+    reference?: string;
+    /**
+     * URL to a barcode image representing the payment reference.
+     */
+    barcode?: string;
+    /**
+     * Total amount displayed on the voucher.
+     */
+    amount?: string;
+    /**
+     * Any additional surcharge to the amount.
+     */
+    surcharge?: string;
+    /**
+     * List of details that will be rendered on the voucher.
+     */
+    voucherDetails?: VoucherDetail[];
+    /**
+     * Additional CSS classes.
+     */
+    className?: string;
+    /**
+     * Show/Hide a button to copy the payment reference. It will only show if a reference is available.
+     */
+    copyBtn?: boolean;
+    /**
+     * Show/Hide payment reference value.
+     * @default true
+     */
+    showReferenceValue?: boolean;
+    /**
+     * Label for the payment reference.
+     */
+    paymentReferenceLabel?: string;
+    onActionHandled?: (rtnObj: ActionHandledReturnObject) => void;
 }
-interface CardBinValueData {
-    type: string;
-    binValue: string;
-    uuid?: string;
-    encryptedBin?: string;
+interface VoucherConfiguration extends UIElementProps {
+    reference?: string;
+    url?: string;
+    paymentMethodType?: string;
 }
-interface CardBrandData {
-    type: string;
-    rootNode: HTMLElement;
-    brand: string;
-    cvcPolicy: CVCPolicyType;
-    expiryDatePolicy?: DatePolicyType;
-    cvcText: string;
-    showSocialSecurityNumber?: boolean;
-    brandImageUrl?: string;
-    mode?: BrandModeType;
+type CommonVoucherProps = Pick<VoucherProps, 'paymentMethodType' | 'introduction' | 'imageUrl' | 'amount' | 'reference' | 'onActionHandled'>;
+
+interface BoletoConfiguration extends VoucherConfiguration {
+    /**
+     * Set to false if you have already collected the shopper's first name, last name, and CPF/CNPJ (socialSecurityNumber).
+     * @default true
+     */
+    personalDetailsRequired?: boolean;
+    /**
+     * Set this to false if you have already collected the shopper's street, house number or name, city, postal code, and state or province.
+     * @default true
+     */
+    billingAddressRequired?: boolean;
+    /**
+     * Set this to false if you have already collected the shopper's email address.
+     * @default true
+     */
+    showEmailAddress?: boolean;
+    /**
+     * Object to pre-fill shopper details on the form
+     */
+    data?: BoletoInputDataState;
 }
-interface CardConfigSuccessData {
-    iframesConfigured: boolean;
+interface BoletoElementProps {
     type: string;
-    rootNode: HTMLElement;
+    i18n: Language;
+    loadingContext: string;
+    reference?: string;
 }
-interface CardErrorData {
-    fieldType: string;
-    error: string;
-    type: string;
-    rootNode?: HTMLElement;
-    detectedBrands?: string[];
-    errorI18n?: string;
-    errorText?: string;
+interface BoletoInputDataState {
+    firstName?: string;
+    lastName?: string;
+    billingAddress?: AddressData;
+    socialSecurityNumber?: string;
+    shopperEmail?: string;
 }
-interface CardFieldValidData {
-    fieldType: string;
-    encryptedFieldName: string;
-    uid: string;
-    valid: boolean;
-    type: string;
-    rootNode: HTMLElement;
-    blob?: string;
-    endDigits?: string;
-    expiryDate?: string;
-    issuerBin?: number;
+interface BoletoInputValidState {
+    firstName?: boolean;
+    lastName?: boolean;
+    shopperEmail?: boolean;
+    socialSecurityNumber?: boolean;
+    billingAddress?: boolean;
 }
-interface CardFocusData {
-    action: string;
-    focus: boolean;
-    numChars: number;
-    fieldType: string;
-    rootNode: HTMLElement;
-    type: string;
-    currentFocusObject: string;
+interface BoletoInputErrorState {
+    firstName?: boolean;
+    lastName?: boolean;
+    shopperEmail?: boolean;
+    socialSecurityNumber?: boolean;
 }
-interface CardLoadData {
-    iframesLoaded: boolean;
+
+interface CashAppPayConfiguration extends UIElementProps {
+    /**
+     * Indicates that the payment must be stored (Ex: in case there is no checkbox but merchant wants to store it)
+     */
+    storePaymentMethod?: boolean;
+    /**
+     * Enables storing the payment method using the Checkbox
+     */
+    enableStoreDetails?: boolean;
+    /**
+     * Callback triggered before starting the CashAppPay flow. Use case: Validate customer data, check product availability
+     */
+    onClick?(actions: {
+        resolve: () => void;
+        reject: () => void;
+    }): void;
+    /**
+     * A reference to your system (for example, a cart or checkout identifier). Maximum length 1024 characters.
+     * https://developers.cash.app/docs/api/technical-documentation/sdks/pay-kit/technical-reference#parameters-3
+     */
+    referenceId?: string;
+    /**
+     * The destination for the customer after approving (or declining) in Cash App for mobile redirect flow.
+     * https://developers.cash.app/docs/api/technical-documentation/sdks/pay-kit/technical-reference#customerrequest
+     * @defaultValue window.location.ref
+     */
+    redirectURL?: string;
+    /**
+     * Button customization
+     * https://developers.cash.app/docs/api/technical-documentation/sdks/pay-kit/use-cases#customize-the-cash-app-pay-button
+     */
+    button?: {
+        shape?: 'semiround' | 'round';
+        size?: 'medium' | 'small';
+        theme?: 'dark' | 'light';
+        width?: 'static' | 'full';
+    };
+    /**
+     * CashAppPay configuration sent by the /paymentMethods response
+     */
+    configuration?: {
+        clientId: string;
+        scopeId: string;
+    };
+    /**
+     * If payment is tokenized, then API will return its ID
+     * @internal
+     */
+    storedPaymentMethodId?: string;
+    /**
+     * If payment is tokenized, then API will return this value
+     * @internal
+     */
+    cashtag?: string;
 }
-type CVCPolicyType = typeof REQUIRED | typeof OPTIONAL | typeof HIDDEN;
-type DatePolicyType = typeof REQUIRED | typeof OPTIONAL | typeof HIDDEN;
-interface BrandConfiguration {
-    name?: string;
-    icon?: string;
+type CashAppPayElementData = {
+    paymentMethod: {
+        type: string;
+        grantId?: string;
+        storedPaymentMethodId?: string;
+    };
+    storePaymentMethod?: boolean;
+};
+type CashAppPayEventData = {
+    cashTag?: string;
+    customerId?: string;
+    grantId?: string;
+    onFileGrantId?: string;
+};
+
+interface TimeoutErrorProps {
+    source: string;
+    scheme: string;
+    isTimeoutTriggeredBySchemeSdk: boolean;
 }
-interface CardBrandsConfiguration {
-    [key: string]: BrandConfiguration;
+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';
+
+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;
+};
+
 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",
@@ -1927,12 +2327,9 @@ type CheckoutThreeDS2Action = {
     subtype: string;
     authorisationToken: string;
 };
-interface FingerprintResolveData {
-    data: {
-        [key: string]: string;
-        paymentData: string;
-    };
-}
+type FingerprintResolveData = {
+    data: Omit<AdditionalDetailsData['data'], 'details'>;
+};
 interface ChallengeResolveData {
     data: {
         details: {
@@ -1981,8 +2378,8 @@ type ThreeDS2ConfigProps = {
 };
 type ThreeDS2ActionProps = CardConfiguration & Pick<ThreeDS2ConfigProps, 'isMDFlow' | 'on3DS2RedirectFlowComplete' | 'usePasskeyIFrameAttributes'>;
 
-type CoreCallbacks$1 = Pick<CoreConfiguration, 'beforeRedirect' | 'beforeSubmit' | 'onSubmit' | 'onAdditionalDetails' | 'onPaymentFailed' | 'onPaymentCompleted' | 'onChange' | 'onActionHandled' | 'onError' | 'onEnterKeyPressed'>;
-type CustomCardConfiguration = CoreCallbacks$1 & {
+type CoreCallbacks = Pick<CoreConfiguration, 'beforeRedirect' | 'beforeSubmit' | 'onSubmit' | 'onAdditionalDetails' | 'onPaymentFailed' | 'onPaymentCompleted' | 'onChange' | 'onActionHandled' | 'onError' | 'onEnterKeyPressed'>;
+type CustomCardConfiguration = CoreCallbacks & {
     /**
      * Automatically shift the focus from one field to another. Usually happens from a valid Expiry Date field to the Security Code field,
      * but some BINS also allow us to know that the PAN is complete, in which case we can shift focus to the date field
@@ -2193,22 +2590,22 @@ interface OpenInvoiceVisibility {
 }
 interface BankDetailsSchema {
     countryCode?: string;
-    ibanNumber?: any;
+    ibanNumber?: string;
     ownerName?: string;
 }
 interface OpenInvoiceProps extends UIElementProps {
     allowedCountries?: string[];
-    consentCheckboxLabel: any;
+    consentCheckboxLabel?: ComponentChild;
     countryCode?: string;
-    data: {
+    data?: {
         companyDetails?: CompanyDetailsSchema;
         personalDetails?: PersonalDetailsSchema | null;
         billingAddress?: AddressData;
         deliveryAddress?: AddressData;
         bankAccount?: BankDetailsSchema;
     };
-    onChange: (state: any, element?: UIElement) => void;
-    payButton: any;
+    onChange: (state: OpenInvoiceState, element?: UIElement) => void;
+    payButton: (props: PayButtonProps) => h.JSX.Element;
     visibility?: OpenInvoiceVisibility;
     personalDetailsRequiredFields?: string[];
     billingAddressRequiredFields?: string[];
@@ -2241,6 +2638,12 @@ interface OpenInvoiceStateValid {
     personalDetails?: boolean;
     bankAccount?: boolean;
 }
+interface OpenInvoiceState {
+    data: OpenInvoiceStateData;
+    errors?: OpenInvoiceStateError;
+    valid?: OpenInvoiceStateValid;
+    isValid: boolean;
+}
 interface OpenInvoiceActiveFieldsets {
     companyDetails: boolean;
     personalDetails: boolean;
@@ -2382,39 +2785,14 @@ declare class Atome extends OpenInvoiceContainer {
     formatProps(props: OpenInvoiceConfiguration): 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 readonly type = "risk";
-    static readonly defaultProps: {
-        risk: {
-            enabled: boolean;
-            onComplete: () => void;
-            onError: () => void;
-            node: string;
-        };
+interface IssuerListState {
+    data: {
+        issuer?: string | null;
     };
-    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;
+    valid: Record<string, boolean>;
+    errors: Record<string, ValidationRuleResult | null>;
+    isValid: boolean;
 }
-
 interface IssuerItem {
     id: string;
     name: string;
@@ -2441,7 +2819,7 @@ interface IssuerListData {
     };
 }
 
-declare class IssuerListContainer<TProps extends IssuerListConfiguration = IssuerListConfiguration, TData = IssuerListData> extends UIElement<TProps> {
+declare class IssuerListContainer<TProps extends IssuerListConfiguration = IssuerListConfiguration, TData extends PaymentData = IssuerListData> extends UIElement<TProps> {
     protected static readonly defaultProps: {
         showImage: boolean;
         issuers: any[];
@@ -2513,7 +2891,7 @@ declare class BillDeskOnlineElement extends IssuerListContainer {
         }) => void;
         environment?: string;
         session?: Session;
-        onComplete?: (state: any, element: UIElement) => void;
+        onComplete?: (state: BaseElementState, element: UIElement) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
@@ -2528,7 +2906,7 @@ declare class BillDeskOnlineElement extends IssuerListContainer {
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
-        elementRef?: any;
+        elementRef?: UIElement;
         i18n?: Language;
         label?: string;
         paymentMethodType?: string;
@@ -2581,7 +2959,7 @@ declare class BillDeskWalletElement extends IssuerListContainer {
         }) => void;
         environment?: string;
         session?: Session;
-        onComplete?: (state: any, element: UIElement) => void;
+        onComplete?: (state: BaseElementState, element: UIElement) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
@@ -2596,7 +2974,7 @@ declare class BillDeskWalletElement extends IssuerListContainer {
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
-        elementRef?: any;
+        elementRef?: UIElement;
         i18n?: Language;
         label?: string;
         paymentMethodType?: string;
@@ -2668,7 +3046,7 @@ declare class CashAppPay extends UIElement<CashAppPayConfiguration> {
         }) => void;
         environment?: string;
         session?: Session;
-        onComplete?: (state: any, element: UIElement) => void;
+        onComplete?: (state: BaseElementState, element: UIElement) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
@@ -2683,7 +3061,7 @@ declare class CashAppPay extends UIElement<CashAppPayConfiguration> {
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
-        elementRef?: any;
+        elementRef?: UIElement;
         i18n?: Language;
         label?: string;
         paymentMethodType?: string;
@@ -2747,7 +3125,7 @@ declare class ClickToPayElement extends UIElement<ClickToPayConfiguration> {
         }) => void;
         environment?: string;
         session?: Session;
-        onComplete?: (state: any, element: UIElement) => void;
+        onComplete?: (state: BaseElementState, element: UIElement) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
@@ -2762,7 +3140,7 @@ declare class ClickToPayElement extends UIElement<ClickToPayConfiguration> {
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
-        elementRef?: any;
+        elementRef?: UIElement;
         i18n?: Language;
         label?: string;
         paymentMethodType?: string;
@@ -2788,12 +3166,6 @@ declare class ClickToPayElement extends UIElement<ClickToPayConfiguration> {
     protected componentToRender(): h.JSX.Element;
 }
 
-interface DisclaimerMsgObject {
-    message: string;
-    linkText: string;
-    link: string;
-}
-
 declare class BancontactElement extends CardElement {
     static readonly type: TxVariants;
     constructor(checkout: ICore, props?: CardConfiguration);
@@ -2815,7 +3187,7 @@ declare class BancontactElement extends CardElement {
         cvcPolicy: CVCPolicyType;
         autoFocus?: boolean;
         billingAddressAllowedCountries?: string[];
-        billingAddressMode?: "full" | "partial" | "none";
+        billingAddressMode?: `${AddressModeOptions}`;
         billingAddressRequired?: boolean;
         billingAddressRequiredFields?: string[];
         brands?: string[];
@@ -2866,146 +3238,66 @@ declare class BancontactElement extends CardElement {
         positionHolderNameOnTop?: boolean;
         showBrandIcon?: boolean;
         showContextualElement?: boolean;
-        showInstallmentAmounts?: boolean;
-        storedPaymentMethodId?: string;
-        showStoreDetailsCheckbox?: boolean;
-        styles?: StylesObject;
-        supportedShopperInteractions?: string[];
-        trimTrailingSeparator?: boolean;
-        paymentMethodId?: string;
-        order?: Order;
-        modules?: {
-            srPanel?: SRPanel;
-            analytics?: IAnalytics;
-            resources?: Resources;
-            risk?: RiskElement;
-        };
-        isDropin?: boolean;
-        donation?: DonationOptions;
-        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) => Promise<void> | void;
-        onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
-        onReview?: (state: PaymentData, component: UIElement, reviewDetails: ReviewDetails) => void;
-        onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
-        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
-        onChange?: (state: OnChangeData, component: UIElement) => 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;
-        statusType?: StatusFromAction;
-        icon?: string;
-        amount?: PaymentAmount;
-        secondaryAmount?: PaymentAmount;
-        showPayButton?: boolean;
-        payButton?: (options: PayButtonProps) => preact.JSX.Element;
-        loadingContext?: string;
-        createFromAction?: (action: PaymentAction, props: object) => UIElement;
-        clientKey?: string;
-        elementRef?: any;
-        i18n?: Language;
-        label?: string;
-        paymentMethodType?: string;
-        originalAction?: PaymentAction;
-    };
-    onBrand: (event: any) => void;
-}
-
-interface CampaignContentProps {
-    logoUrl?: string;
-    nonprofitDescription?: string;
-    nonprofitName?: string;
-    causeName?: string;
-    nonprofitUrl?: string;
-    bannerUrl?: string;
-}
-
-type Donation = RoundupDonation | FixedAmountsDonation;
-type DonationType = 'roundup' | 'fixedAmounts';
-interface RoundupDonation {
-    type: 'roundup';
-    currency: string;
-    maxRoundupAmount: number;
-}
-interface FixedAmountsDonation {
-    type: 'fixedAmounts';
-    currency: string;
-    values: Array<number>;
-}
-interface DonationAmount {
-    currency: string;
-    value: number;
-}
-interface DonationPayload {
-    data: {
-        amount: DonationAmount;
-    };
-    isValid?: boolean;
-}
-interface DonationComponentProps extends CampaignContentProps {
-    donation: Donation;
-    /**
-     * The original transaction amount.
-     */
-    commercialTxAmount: number;
-    termsAndConditionsUrl?: string;
-    causeName?: string;
-    showCancelButton?: boolean;
-    onDonate: (payload: DonationPayload) => void;
-    onCancel?: (payload: DonationPayload) => void;
-    onChange?: (payload: DonationPayload) => void;
-    onAmountSelected: (payload: DonationPayload) => void;
-}
-
-declare class DonationElement extends UIElement<DonationConfiguration> {
-    static readonly type = TxVariants.donation;
-    private readonly isInServiceMode;
-    constructor(checkout: ICore, props: DonationProps);
-    /**
-     * Type guard to determine if props are for "service" mode.
-     *
-     * The "service" mode is used in the /sessions flow:
-     * - if the /payments response mandates it, we consult the /sessions/donationCampaigns endpoint on behalf of the merchant, and mount any found Donation Campaigns.
-     *
-     * The opposite of this mode is the "direct" mode, used in the Advanced flow:
-     * - the merchant makes their own call to the /donationCampaigns endpoint and provides the Donation Campaign directly to the component.
-     */
-    private static isServiceMode;
-    static readonly defaultProps: {
-        onCancel: () => void;
-        onDonate: () => void;
+        showInstallmentAmounts?: boolean;
+        storedPaymentMethodId?: string;
+        showStoreDetailsCheckbox?: boolean;
+        styles?: StylesObject;
+        supportedShopperInteractions?: string[];
+        trimTrailingSeparator?: boolean;
+        paymentMethodId?: string;
+        order?: Order;
+        modules?: {
+            srPanel?: SRPanel;
+            analytics?: IAnalytics;
+            resources?: Resources;
+            risk?: RiskElement;
+        };
+        isDropin?: boolean;
+        donation?: DonationOptions;
+        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) => Promise<void> | void;
+        onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
+        onReview?: (state: PaymentData, component: UIElement, reviewDetails: ReviewDetails) => void;
+        onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
+        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
+        onChange?: (state: OnChangeData, component: UIElement) => 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: BaseElementState, element: UIElement) => void;
+        isInstantPayment?: boolean;
+        isStoredPaymentMethod?: boolean;
+        oneClick?: boolean;
+        statusType?: StatusFromAction;
+        icon?: string;
+        amount?: PaymentAmount;
+        secondaryAmount?: PaymentAmount;
+        showPayButton?: boolean;
+        payButton?: (options: PayButtonProps) => preact.JSX.Element;
+        loadingContext?: string;
+        createFromAction?: (action: PaymentAction, props: object) => UIElement;
+        clientKey?: string;
+        elementRef?: UIElement;
+        i18n?: Language;
+        label?: string;
+        paymentMethodType?: string;
+        originalAction?: PaymentAction;
     };
-    private initialiseServiceMode;
-    /**
-     * Returns the component payment data ready to submit to the Checkout API
-     */
-    get data(): any;
-    /**
-     * Returns whether the component state is valid or not
-     */
-    get isValid(): any;
-    setState(newState: any): void;
-    donate(): void;
-    cancel(): void;
-    amountSelected(state: DonationPayload): void;
-    protected componentToRender(): h.JSX.Element;
+    onBrand: (event: any) => void;
 }
 
 interface RedirectConfiguration extends UIElementProps {
@@ -3688,13 +3980,25 @@ declare class PaypalElement extends UIElement<PayPalConfiguration> {
     protected componentToRender(): h.JSX.Element | null;
 }
 
+/**
+ * Methods that CustomCardInput exposes to the CustomCard element through the ref
+ */
+interface CustomCardInputRef extends ComponentMethodsRef {
+    processBinLookupResponse(binLookupResponse: BinLookupResponse, isReset?: boolean): void;
+    dualBrandingChangeHandler(event: Event | string): void;
+    setFocusOn(frame: SFFieldType): void;
+    updateStyles(stylesObj: StylesObject): void;
+    handleUnsupportedCard(errObj: CardErrorData): boolean;
+}
+
 declare class CustomCard extends UIElement<CustomCardConfiguration> {
     static readonly type = TxVariants.customCard;
+    protected componentRef: CustomCardInputRef | undefined;
     protected static readonly defaultProps: {
         onBinLookup: () => void;
         brandsConfiguration: {};
     };
-    private brand;
+    private readonly brand;
     formatProps(props: CustomCardConfiguration): {
         type: TxVariants;
         onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement) => void;
@@ -3739,7 +4043,10 @@ declare class CustomCard extends UIElement<CustomCardConfiguration> {
      * Formats the component data output
      */
     formatData(): {
-        paymentMethod: any;
+        paymentMethod: {
+            brand: any;
+            type: string;
+        };
         browserInfo: BrowserInfo;
         origin: string;
     };
@@ -3752,11 +4059,17 @@ declare class CustomCard extends UIElement<CustomCardConfiguration> {
     onBinValue: (callbackObj: CardBinValueData) => void;
     get isValid(): boolean;
     get browserInfo(): BrowserInfo;
-    private onFocus;
+    private readonly onFocus;
     protected onEnterKeyPressed: (activeElement: Element, component: UIElement) => void;
     protected componentToRender(): h.JSX.Element;
 }
 
+interface IbanData {
+    ownerName?: string;
+    ibanNumber?: string;
+    countryCode?: string;
+}
+
 interface SepaElementData {
     paymentMethod: {
         type: string;
@@ -3765,6 +4078,7 @@ interface SepaElementData {
     };
 }
 interface SepaConfiguration extends UIElementProps {
+    data?: IbanData;
 }
 
 declare class SepaElement extends UIElement<SepaConfiguration> {
@@ -3773,7 +4087,9 @@ declare class SepaElement extends UIElement<SepaConfiguration> {
     /**
      * Formats props on construction time
      */
-    formatProps(props: any): any;
+    formatProps(props: SepaConfiguration): SepaConfiguration & {
+        holderName: boolean;
+    };
     /**
      * Formats the component data output
      */
@@ -3888,7 +4204,7 @@ declare class WeChatPayElement extends QRLoaderContainer {
         }) => void;
         environment?: string;
         session?: Session;
-        onComplete?: (state: any, element: UIElement) => void;
+        onComplete?: (state: BaseElementState, element: UIElement) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
@@ -3902,7 +4218,7 @@ declare class WeChatPayElement extends QRLoaderContainer {
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
-        elementRef?: any;
+        elementRef?: UIElement;
         i18n?: Language;
         label?: string;
         paymentMethodType?: string;
@@ -3963,7 +4279,7 @@ declare class PayNowElement extends QRLoaderContainer {
         }) => void;
         environment?: string;
         session?: Session;
-        onComplete?: (state: any, element: UIElement) => void;
+        onComplete?: (state: BaseElementState, element: UIElement) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
@@ -3977,7 +4293,7 @@ declare class PayNowElement extends QRLoaderContainer {
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
-        elementRef?: any;
+        elementRef?: UIElement;
         i18n?: Language;
         label?: string;
         paymentMethodType?: string;
@@ -4039,7 +4355,7 @@ declare class BCMCMobileElement extends QRLoaderContainer {
         }) => void;
         environment?: string;
         session?: Session;
-        onComplete?: (state: any, element: UIElement) => void;
+        onComplete?: (state: BaseElementState, element: UIElement) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
@@ -4053,7 +4369,7 @@ declare class BCMCMobileElement extends QRLoaderContainer {
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
-        elementRef?: any;
+        elementRef?: UIElement;
         i18n?: Language;
         label?: string;
         paymentMethodType?: string;
@@ -4132,7 +4448,7 @@ declare class DragonpayElement extends UIElement<DragonpayConfiguraton> {
         }) => void;
         environment?: string;
         session?: Session;
-        onComplete?: (state: any, element: UIElement) => void;
+        onComplete?: (state: BaseElementState, element: UIElement) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
@@ -4145,7 +4461,7 @@ declare class DragonpayElement extends UIElement<DragonpayConfiguraton> {
         payButton?: (options: PayButtonProps) => h.JSX.Element;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
-        elementRef?: any;
+        elementRef?: UIElement;
         label?: string;
         paymentMethodType?: string;
         originalAction?: PaymentAction;
@@ -4265,7 +4581,7 @@ declare class EPSElement extends IssuerListContainer {
         }) => void;
         environment?: string;
         session?: Session;
-        onComplete?: (state: any, element: UIElement) => void;
+        onComplete?: (state: BaseElementState, element: UIElement) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
@@ -4280,7 +4596,7 @@ declare class EPSElement extends IssuerListContainer {
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
-        elementRef?: any;
+        elementRef?: UIElement;
         i18n?: Language;
         label?: string;
         paymentMethodType?: string;
@@ -4374,7 +4690,7 @@ declare class Giftcard extends Component<Readonly<GiftcardComponentProps>> {
      * Maps string error codes from SecuredFields to validation rule objects
      */
     mapErrorsToValidationObjects: () => SFStateErrorObj;
-    private updateTransformedErrors;
+    private readonly updateTransformedErrors;
     onChange: (sfpState: any) => void;
     handleFocus: (e: any) => void;
     setBalance: ({ balance, transactionLimit }: {
@@ -4417,14 +4733,14 @@ declare class GiftcardElement extends UIElement<GiftCardConfiguration> {
     get icon(): string;
     get displayName(): string;
     private setBalanceCheckError;
-    private handleBalanceCheck;
-    private onOrderRequest;
+    private readonly handleBalanceCheck;
+    private readonly onOrderRequest;
     balanceCheck(): void;
-    private onBalanceCheck;
+    private readonly onBalanceCheck;
     /**
      * Check if it should call onRequiringConfirmation
      */
-    private handleOnRequiringConfirmation;
+    private readonly handleOnRequiringConfirmation;
     submit(): void;
     private makeSubmitCall;
     protected payButton: (props: PayButtonProps) => h.JSX.Element;
@@ -4526,7 +4842,7 @@ declare class PayuNetCashcardElement extends IssuerListContainer {
         }) => void;
         environment?: string;
         session?: Session;
-        onComplete?: (state: any, element: UIElement) => void;
+        onComplete?: (state: BaseElementState, element: UIElement) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
@@ -4541,7 +4857,7 @@ declare class PayuNetCashcardElement extends IssuerListContainer {
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
-        elementRef?: any;
+        elementRef?: UIElement;
         i18n?: Language;
         label?: string;
         paymentMethodType?: string;
@@ -4594,7 +4910,7 @@ declare class PayuNetBankingElement extends IssuerListContainer {
         }) => void;
         environment?: string;
         session?: Session;
-        onComplete?: (state: any, element: UIElement) => void;
+        onComplete?: (state: BaseElementState, element: UIElement) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
@@ -4609,7 +4925,7 @@ declare class PayuNetBankingElement extends IssuerListContainer {
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
-        elementRef?: any;
+        elementRef?: UIElement;
         i18n?: Language;
         label?: string;
         paymentMethodType?: string;
@@ -4675,7 +4991,7 @@ declare class SwishElement extends QRLoaderContainer {
         }) => void;
         environment?: string;
         session?: Session;
-        onComplete?: (state: any, element: UIElement) => void;
+        onComplete?: (state: BaseElementState, element: UIElement) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
@@ -4689,7 +5005,7 @@ declare class SwishElement extends QRLoaderContainer {
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
-        elementRef?: any;
+        elementRef?: UIElement;
         i18n?: Language;
         label?: string;
         paymentMethodType?: string;
@@ -4765,7 +5081,7 @@ declare class MBWayElement extends UIElement<AwaitConfiguration> {
     /**
      * Formats the component data output
      */
-    formatData(): object;
+    formatData(): PaymentData;
     get isValid(): boolean;
     get displayName(): string;
     protected componentToRender(): h.JSX.Element;
@@ -5064,7 +5380,7 @@ declare class OnlineBankingINElement extends IssuerListContainer {
         }) => void;
         environment?: string;
         session?: Session;
-        onComplete?: (state: any, element: UIElement) => void;
+        onComplete?: (state: BaseElementState, element: UIElement) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
@@ -5079,7 +5395,7 @@ declare class OnlineBankingINElement extends IssuerListContainer {
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
-        elementRef?: any;
+        elementRef?: UIElement;
         i18n?: Language;
         label?: string;
         paymentMethodType?: string;
@@ -5261,7 +5577,7 @@ declare class WalletINElement extends IssuerListContainer {
         }) => void;
         environment?: string;
         session?: Session;
-        onComplete?: (state: any, element: UIElement) => void;
+        onComplete?: (state: BaseElementState, element: UIElement) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
@@ -5276,7 +5592,7 @@ declare class WalletINElement extends IssuerListContainer {
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
-        elementRef?: any;
+        elementRef?: UIElement;
         i18n?: Language;
         label?: string;
         paymentMethodType?: string;
@@ -5344,7 +5660,7 @@ declare class OnlineBankingCZElement extends IssuerListContainer {
         }) => void;
         environment?: string;
         session?: Session;
-        onComplete?: (state: any, element: UIElement) => void;
+        onComplete?: (state: BaseElementState, element: UIElement) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
@@ -5359,7 +5675,7 @@ declare class OnlineBankingCZElement extends IssuerListContainer {
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
-        elementRef?: any;
+        elementRef?: UIElement;
         i18n?: Language;
         label?: string;
         paymentMethodType?: string;
@@ -5417,7 +5733,7 @@ declare class OnlineBankingSKElement extends IssuerListContainer {
         }) => void;
         environment?: string;
         session?: Session;
-        onComplete?: (state: any, element: UIElement) => void;
+        onComplete?: (state: BaseElementState, element: UIElement) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
@@ -5432,7 +5748,7 @@ declare class OnlineBankingSKElement extends IssuerListContainer {
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
-        elementRef?: any;
+        elementRef?: UIElement;
         i18n?: Language;
         label?: string;
         paymentMethodType?: string;
@@ -5499,7 +5815,7 @@ declare class PromptPayElement extends QRLoaderContainer {
         }) => void;
         environment?: string;
         session?: Session;
-        onComplete?: (state: any, element: UIElement) => void;
+        onComplete?: (state: BaseElementState, element: UIElement) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
@@ -5513,7 +5829,7 @@ declare class PromptPayElement extends QRLoaderContainer {
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
-        elementRef?: any;
+        elementRef?: UIElement;
         i18n?: Language;
         label?: string;
         paymentMethodType?: string;
@@ -5574,7 +5890,7 @@ declare class DuitNowElement extends QRLoaderContainer {
         }) => void;
         environment?: string;
         session?: Session;
-        onComplete?: (state: any, element: UIElement) => void;
+        onComplete?: (state: BaseElementState, element: UIElement) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
@@ -5588,7 +5904,7 @@ declare class DuitNowElement extends QRLoaderContainer {
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
-        elementRef?: any;
+        elementRef?: UIElement;
         i18n?: Language;
         label?: string;
         paymentMethodType?: string;
@@ -5612,204 +5928,24 @@ declare class Riverty extends RedirectElement {
             type: string;
             subtype: string;
         };
-        browserInfo: BrowserInfo;
-    };
-}
-
-declare class PayByBankUS extends RedirectElement {
-    static readonly type: TxVariants;
-    protected formatProps(props: any): any;
-    formatData(): {
-        paymentMethod: {
-            storedPaymentMethodId: string;
-            type: string;
-        };
-        browserInfo: BrowserInfo;
-    };
-    get displayName(): string;
-    get additionalInfo(): string;
-    get brands(): PaymentMethodBrand[];
-    protected componentToRender(): h.JSX.Element;
-}
-
-/**
- * PayPal Fastlane Reference:
- * https://developer.paypal.com/docs/checkout/fastlane/reference/#link-customizeyourintegration
- */
-/**
- * Fastlane object available in the window
- */
-interface FastlaneWindowInstance {
-    identity: {
-        lookupCustomerByEmail: (email: string) => Promise<{
-            customerContextId: string;
-        }>;
-        triggerAuthenticationFlow: (customerContextId: string, options?: AuthenticationFlowOptions) => Promise<FastlaneAuthenticatedCustomerResult>;
-        getSession: () => Promise<{
-            sessionId: string;
-        }>;
-    };
-    profile: {
-        showShippingAddressSelector: () => Promise<FastlaneShippingAddressSelectorResult>;
-    };
-    setLocale: (locale: string) => void;
-    ConsentComponent: () => Promise<{
-        getRenderState: () => Promise<FastlaneConsentRenderState>;
-    }>;
-    FastlaneWatermarkComponent: (options: {
-        includeAdditionalInfo: boolean;
-    }) => Promise<{
-        render: (container: any) => null;
-    }>;
-}
-interface FastlaneConsentRenderState {
-    showConsent: boolean;
-    defaultToggleState?: boolean;
-    termsAndConditionsLink?: string;
-    termsAndConditionsVersion?: string;
-    privacyPolicyLink?: string;
-}
-interface FastlaneOptions {
-    intendedExperience: 'externalProcessorCustomConsent';
-    metadata?: {
-        geoLocOverride?: string;
-    };
-}
-interface AuthenticationFlowOptions {
-}
-interface CardPaymentSource {
-    brand: string;
-    expiry: string;
-    lastDigits: string;
-    name: string;
-    billingAddress: FastlaneAddress;
-}
-/**
- * External types
- */
-interface FastlaneShippingAddressSelectorResult {
-    selectionChanged: boolean;
-    selectedAddress: FastlaneShipping;
-}
-interface FastlaneAuthenticatedCustomerSucceeded {
-    authenticationState: 'succeeded';
-    profileData: FastlaneProfile;
-}
-interface FastlaneAuthenticatedCustomerFailed {
-    authenticationState: 'failed' | 'canceled' | 'not_found';
-    profileData: undefined;
-}
-type FastlaneAuthenticatedCustomerResult = FastlaneAuthenticatedCustomerSucceeded | FastlaneAuthenticatedCustomerFailed;
-interface FastlaneAddress {
-    addressLine1: string;
-    addressLine2: string;
-    adminArea1: string;
-    adminArea2: string;
-    postalCode: string;
-    countryCode: string;
-    phone: {
-        nationalNumber: string;
-        countryCode: string;
-    };
-}
-interface FastlaneShipping {
-    name: {
-        firstName: string;
-        lastName: string;
-        fullName: string;
-    };
-    address: FastlaneAddress;
-    phoneNumber: {
-        nationalNumber: string;
-        countryCode: string;
-    };
-}
-interface FastlaneProfile {
-    name: {
-        firstName: string;
-        lastName: string;
-        fullName: string;
-    };
-    shippingAddress: FastlaneShipping;
-    card?: {
-        id: string;
-        paymentSource: {
-            card: CardPaymentSource;
-        };
-    };
-}
-type FastlaneComponentConfiguration = {
-    paymentType: 'fastlane';
-    configuration: {
-        fastlaneSessionId: string;
-        email: string;
-        tokenId: string;
-        lastFour: string;
-        brand: string;
-    };
-};
-type FastlaneCardComponentConfiguration = {
-    paymentType: 'card';
-    configuration: {
-        fastlaneConfiguration?: FastlaneSignupConfiguration;
-    };
-};
-type FastlaneSignupConfiguration = FastlaneConsentRenderState & {
-    fastlaneSessionId?: string;
-    telephoneNumber?: string;
-};
-interface FastlaneData {
-    consentShown: boolean;
-    fastlaneSessionId: string;
-    consentGiven: boolean;
-    consentVersion?: string;
-    telephoneNumber?: string;
-}
-type FastlanePaymentMethodConfiguration = FastlaneComponentConfiguration | FastlaneCardComponentConfiguration;
-interface FastlaneSDKConfiguration {
-    clientKey: string;
-    environment: CoreConfiguration['environment'];
-    locale?: 'en-US' | 'es-US' | 'fr-RS' | 'zh-US';
-    analytics?: Pick<AnalyticsOptions, 'enabled'>;
-    /**
-     * Used to force the Fastlane SDK to return the consent details in case the shopper is not recognized.
-     * Use-case: Developer is testing the flow in another country outside US, which would not get consent details.
-     *
-     * This configuration should not be used for 'live' environment
-     */
-    forceConsentDetails?: boolean;
+        browserInfo: BrowserInfo;
+    };
 }
-interface FastlaneConfiguration extends UIElementProps {
-    /**
-     * Card token ID, used to process the payment
-     */
-    tokenId: string;
-    /**
-     * Fastlane session ID
-     */
-    fastlaneSessionId: string;
-    /**
-     * Initial last four digits displayed once the Component is rendered
-     */
-    lastFour: string;
-    /**
-     * Initial brand displayed once the Component is rendered
-     */
-    brand: string;
-    /**
-     * Shopper's email (it will be used in the future to re-authenticate using Fastlane SDK within the Component)
-     */
-    email: string;
-    /**
-     * Used internally by Drop-in. Displays the brand images inside the Drop-in payment method header
-     * @internal
-     */
-    keepBrandsVisible?: boolean;
-    /**
-     * Property returned by the backend. Contains the list of brands supported by Fastlane component
-     * @internal
-     */
-    brands?: string[];
+
+declare class PayByBankUS extends RedirectElement {
+    static readonly type: TxVariants;
+    protected formatProps(props: any): any;
+    formatData(): {
+        paymentMethod: {
+            storedPaymentMethodId: string;
+            type: string;
+        };
+        browserInfo: BrowserInfo;
+    };
+    get displayName(): string;
+    get additionalInfo(): string;
+    get brands(): PaymentMethodBrand[];
+    protected componentToRender(): h.JSX.Element;
 }
 
 declare class Fastlane extends UIElement<FastlaneConfiguration> {
@@ -6035,7 +6171,7 @@ declare class PayToElement extends UIElement<PayToConfiguration> {
         }) => void;
         environment?: string;
         session?: Session;
-        onComplete?: (state: any, element: UIElement) => void;
+        onComplete?: (state: BaseElementState, element: UIElement) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
@@ -6050,7 +6186,7 @@ declare class PayToElement extends UIElement<PayToConfiguration> {
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
-        elementRef?: any;
+        elementRef?: UIElement;
         i18n?: Language;
         label?: string;
         paymentMethodType?: string;
@@ -6117,7 +6253,7 @@ interface IssuerListProps extends BaseEnrollmentProps {
      * @internal
      */
     onSubmitAnalytics?: (aObj: AbstractAnalyticsEvent) => void;
-    onChange?(payload: OnChangeData): void;
+    onChange?(payload: IssuerListState): void;
 }
 
 interface PaymentProps extends IPayByBankPixAwait {
@@ -6552,164 +6688,85 @@ interface IDropin {
     closeActivePaymentMethod: () => void;
 }
 
-interface SFError {
-    isValid?: boolean;
-    errorMessage?: string;
-    errorI18n?: string;
-    error: string;
-    rootNode: HTMLElement;
-    detectedBrands?: string[];
-}
-interface SFStateErrorObj {
-    [key: string]: SFError;
+interface CampaignContentProps {
+    logoUrl?: string;
+    nonprofitDescription?: string;
+    nonprofitName?: string;
+    causeName?: string;
+    nonprofitUrl?: string;
+    bannerUrl?: 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 Donation = RoundupDonation | FixedAmountsDonation;
+type DonationType = 'roundup' | 'fixedAmounts';
+interface RoundupDonation {
+    type: 'roundup';
+    currency: string;
+    maxRoundupAmount: number;
 }
-type SRPanelConfig = Pick<SRPanelProps, 'enabled' | 'node' | 'showPanel' | 'moveFocus' | 'id' | 'ariaAttributes'>;
-interface GenericError {
-    isValid: boolean;
-    errorMessage: string;
-    error: string;
+interface FixedAmountsDonation {
+    type: 'fixedAmounts';
+    currency: string;
+    values: Array<number>;
 }
-
-/**
- * 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 readonly type = "srPanel";
-    static readonly 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 | null) => void;
-    render(): h.JSX.Element;
+interface DonationAmount {
+    currency: string;
+    value: number;
 }
-
-interface BaseElementProps {
-    order?: Order;
-    modules?: {
-        srPanel?: SRPanel;
-        analytics?: IAnalytics;
-        resources?: Resources;
-        risk?: RiskElement;
+interface DonationPayload {
+    data: {
+        amount: DonationAmount;
     };
+    isValid?: boolean;
+}
+interface DonationComponentProps extends CampaignContentProps {
+    donation: Donation;
     /**
-     * Identifies if the Element is the DropIn element
+     * The original transaction amount.
      */
-    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;
-    activate(): void;
+    commercialTxAmount: number;
+    termsAndConditionsUrl?: string;
+    causeName?: string;
+    showCancelButton?: boolean;
+    onDonate: (payload: DonationPayload) => void;
+    onCancel?: (payload: DonationPayload) => void;
+    onChange?: (payload: DonationPayload) => void;
+    onAmountSelected: (payload: DonationPayload) => void;
+    setComponentRef: (ref: ComponentMethodsRef) => void;
 }
 
-type CoreCallbacks = Pick<CoreConfiguration, 'beforeRedirect' | 'beforeSubmit' | 'onSubmit' | 'onReview' | 'onAdditionalDetails' | 'onPaymentFailed' | 'onPaymentCompleted' | 'onOrderUpdated' | 'onPaymentMethodsRequest' | 'onChange' | 'onActionHandled' | 'onError' | 'onEnterKeyPressed' | 'donation'>;
-type StatusFromAction = 'redirect' | 'loading' | 'custom';
-type UIElementProps = {
-    paymentMethodId?: string;
-    storedPaymentMethodId?: string;
-} & 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?: StatusFromAction;
-    type?: string;
-    name?: string;
-    icon?: string;
-    amount?: PaymentAmount;
-    secondaryAmount?: PaymentAmount;
-    /**
-     * Show/Hide pay button
-     * @defaultValue true
-     */
-    showPayButton?: boolean;
-    /** @internal */
-    payButton?: (options: PayButtonProps) => h.JSX.Element;
-    /** @internal */
-    loadingContext?: string;
-    /** @internal */
-    createFromAction?: (action: PaymentAction, props: object) => UIElement;
-    /** @internal */
-    clientKey?: string;
-    /** @internal */
-    elementRef?: any;
-    /** @internal */
-    i18n?: Language;
+declare class DonationElement extends UIElement<DonationConfiguration> {
+    static readonly type = TxVariants.donation;
+    private readonly isInServiceMode;
+    constructor(checkout: ICore, props: DonationProps);
     /**
-     * The shopper’s issuer account label. It can be available for stored payment method
-     * @internal
+     * Type guard to determine if props are for "service" mode.
+     *
+     * The "service" mode is used in the /sessions flow:
+     * - if the /payments response mandates it, we consult the /sessions/donationCampaigns endpoint on behalf of the merchant, and mount any found Donation Campaigns.
+     *
+     * The opposite of this mode is the "direct" mode, used in the Advanced flow:
+     * - the merchant makes their own call to the /donationCampaigns endpoint and provides the Donation Campaign directly to the component.
      */
-    label?: string;
+    private static isServiceMode;
+    static readonly defaultProps: {
+        onCancel: () => void;
+        onDonate: () => void;
+    };
+    private initialiseServiceMode;
     /**
-     * Returned after the payments call, when an action is returned. It represents the payment method tx variant
-     * that was used for the payment
-     * @internal
+     * Returns the component payment data ready to submit to the Checkout API
      */
-    paymentMethodType?: string;
+    get data(): any;
     /**
-     * Reference to the action object found in a /payments response. This, in most cases, is passed on to the onActionHandled callback
+     * Returns whether the component state is valid or not
      */
-    originalAction?: PaymentAction;
-};
-type UIElementStatus = 'ready' | 'loading' | 'error' | 'success';
-interface ComponentMethodsRef {
-    showValidation?: () => void;
-    setStatus?(status: UIElementStatus): void;
+    get isValid(): any;
+    setState(newState: any): void;
+    donate(): void;
+    cancel(): void;
+    amountSelected(state: DonationPayload): void;
+    protected componentToRender(): h.JSX.Element;
 }
 
 type DonationConfiguration = UIElementProps & Omit<DonationComponentProps, 'onDonate' | 'onCancel'> & {
@@ -6951,21 +7008,20 @@ type BeforeSubmitActions = {
     resolve: (data: PaymentData) => void;
     reject: () => void;
 };
+type OnChangeDataErrors = Record<string, {
+    isValid: boolean;
+    errorMessage: string;
+    errorI18n: string;
+    error?: string;
+    rootNode?: HTMLElement;
+}>;
 type OnChangeData = {
     data: PaymentData;
     isValid: boolean;
     valid?: {
         [fieldKey: string]: boolean;
     };
-    errors?: {
-        [fieldKey: string]: {
-            isValid: boolean;
-            errorMessage: string;
-            errorI18n: string;
-            error: string;
-            rootNode: HTMLElement;
-        };
-    };
+    errors?: OnChangeDataErrors;
 };
 interface CoreConfiguration {
     /**
@@ -7196,12 +7252,12 @@ interface CoreConfiguration {
     };
 }
 
-declare abstract class BaseElement<P extends BaseElementProps> implements IBaseElement {
+declare abstract class BaseElement<P extends BaseElementProps, S extends BaseElementState = BaseElementState> implements IBaseElement<P> {
     readonly _id: string;
     readonly core: ICore;
     props: P;
-    state: any;
-    _component: any;
+    state: S;
+    _component: ComponentChild | undefined;
     protected _node: HTMLElement;
     protected static readonly defaultProps: {};
     constructor(checkout: ICore, props?: P);
@@ -7215,10 +7271,10 @@ declare abstract class BaseElement<P extends BaseElementProps> implements IBaseE
      * Executed on the `data` getter.
      * Returns the component data necessary for the /payments request
      */
-    protected formatData(): any;
+    protected formatData(): PaymentData;
     protected submitAnalytics(_analyticsObj?: AbstractAnalyticsEvent): any;
     protected handleKeyDown(_e: TargetedKeyboardEvent<HTMLInputElement>): any;
-    protected setState(newState: object): void;
+    protected setState(newState: S): void;
     /**
      * Returns the component payment data ready to submit to the Checkout API
      * Note: this does not ensure validity, check isValid first
@@ -7262,7 +7318,7 @@ declare abstract class UIElement<P extends UIElementProps = UIElementProps> exte
     /**
      * componentRef is a ref to the primary component inside the subclass that extends UIElement e.g. CardInput.tsx (which sits inside Card.tsx)
      */
-    protected componentRef: any;
+    protected componentRef: ComponentMethodsRef | undefined;
     protected resources: Resources;
     /**
      * elementRef is a ref to the subclass that extends UIElement e.g. Card.tsx or Dropin.tsx
@@ -7318,11 +7374,11 @@ declare abstract class UIElement<P extends UIElementProps = UIElementProps> exte
      * - If Drop-in, will set status for Dropin component, and then it will propagate the new status for the active payment method component
      * - If Component, it will set its own status
      */
-    setElementStatus(status: UIElementStatus, props?: any): this;
+    setElementStatus(status: UIElementStatus): this;
     /**
      * componentRef is a ref to the primary component inside that subclass e.g. CardInput.tsx
      */
-    setStatus(status: UIElementStatus, props?: any): this;
+    setStatus(status: UIElementStatus): this;
     protected onChange(): void;
     protected submitAnalytics(event: AbstractAnalyticsEvent): void;
     submit(): void;
@@ -7330,7 +7386,7 @@ declare abstract class UIElement<P extends UIElementProps = UIElementProps> exte
     protected makePaymentsCall(): Promise<CheckoutAdvancedFlowResponse | CheckoutSessionPaymentResponse>;
     private submitUsingAdvancedFlow;
     private submitUsingSessionsFlow;
-    protected onComplete(state: any): void;
+    protected onComplete(state: AdditionalDetailsData): void;
     protected handleError: (error: AdyenCheckoutError) => void;
     protected handleAdditionalDetails(state: AdditionalDetailsData): void;
     private makeAdditionalDetailsCall;
@@ -7668,7 +7724,7 @@ interface PaymentData extends PaymentMethodData {
         orderData: string;
         pspReference: string;
     };
-    clientStateDataIndicator: boolean;
+    clientStateDataIndicator?: boolean;
     sessionData?: string;
     storePaymentMethod?: boolean;
     billingAddress?: AddressData;
@@ -7778,7 +7834,7 @@ interface CardConfiguration extends UIElementProps {
      *
      * - merchant set config option
      */
-    billingAddressMode?: 'full' | 'partial' | 'none';
+    billingAddressMode?: `${AddressModeOptions}`;
     /**
      * Show Address fields
      * @defaultValue `false`
@@ -8188,13 +8244,14 @@ type DualBrandingChangeHandler = (brandValue: string) => void;
 declare class CardElement extends UIElement<CardConfiguration> {
     static readonly type: TxVariants;
     private readonly clickToPayService;
+    protected componentRef: CardInputRef | undefined;
     /**
      * Reference to the 'ClickToPayComponent'
      */
     private clickToPayRef;
     constructor(checkout: ICore, props?: CardConfiguration);
     protected static readonly defaultProps: any;
-    setStatus(status: UIElementStatus, props?: any): this;
+    setStatus(status: UIElementStatus): this;
     private readonly setClickToPayRef;
     protected getPaymentMethodConfigFromResponse(componentProps: CardConfiguration): RawPaymentMethod;
     formatProps(props: CardConfiguration): CardConfiguration;
@@ -8203,11 +8260,11 @@ declare class CardElement extends UIElement<CardConfiguration> {
      */
     formatData(): CardElementData;
     protected beforeRender(configSetByMerchant?: CardConfiguration): void;
-    updateStyles(stylesObj: any): this;
-    setFocusOn(fieldName: any): this;
-    onBrand: (event: any) => void;
+    updateStyles(stylesObj: StylesObject): this;
+    setFocusOn(fieldName: string): this;
+    onBrand: (event: CardBrandData) => void;
     processBinLookupResponse(binLookupResponse: BinLookupResponse | null, isReset?: boolean): this;
-    handleUnsupportedCard(errObj: any): this;
+    handleUnsupportedCard(errObj: CardErrorData): this;
     private readonly handleClickToPaySubmit;
     onBinLookup(obj: CardBinLookupData): void;
     private readonly onConfigSuccess;
@@ -8254,7 +8311,7 @@ declare class ThreeDS2DeviceFingerprint extends UIElement<ThreeDS2DeviceFingerpr
         dataKey: string;
         type: string;
     };
-    private callSubmit3DS2Fingerprint;
+    private readonly callSubmit3DS2Fingerprint;
     protected beforeRender(): void;
     protected onActionHandled: (rtnObj: ActionHandledReturnObject) => void;
     /**
@@ -8323,7 +8380,7 @@ declare class PayMeElement extends QRLoaderContainer {
         }) => void;
         environment?: string;
         session?: Session;
-        onComplete?: (state: any, element: UIElement) => void;
+        onComplete?: (state: BaseElementState, element: UIElement) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
@@ -8337,7 +8394,7 @@ declare class PayMeElement extends QRLoaderContainer {
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
-        elementRef?: any;
+        elementRef?: UIElement;
         i18n?: Language;
         label?: string;
         paymentMethodType?: string;
@@ -8349,7 +8406,8 @@ declare class DropinElement extends UIElement<DropinConfiguration> implements ID
     static readonly type = TxVariants.dropin;
     protected static readonly defaultProps: DropinConfiguration;
     dropinRef: any;
-    private paymentMethodsConfiguration;
+    elementRef: DropinElement;
+    private readonly paymentMethodsConfiguration;
     /**
      * Reference to the component created from `handleAction` (Ex.: ThreeDS2Challenge)
      */
@@ -8361,7 +8419,7 @@ declare class DropinElement extends UIElement<DropinConfiguration> implements ID
     constructor(checkout: ICore, props?: DropinConfiguration);
     protected reportIntegrationFlavor(): void;
     protected storeElementRefOnCore(): void;
-    formatProps(props: any): {
+    formatProps(props: DropinConfiguration): {
         instantPaymentTypes: InstantPaymentTypes[];
         paymentMethodsConfiguration?: PaymentMethodsConfiguration;
         paymentMethodComponents?: NewableComponent[];
@@ -8414,7 +8472,7 @@ declare class DropinElement extends UIElement<DropinConfiguration> implements ID
         }) => void;
         environment?: string;
         session?: Session;
-        onComplete?: (state: any, element: UIElement) => void;
+        onComplete?: (state: BaseElementState, element: UIElement) => void;
         isInstantPayment?: boolean;
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
@@ -8429,7 +8487,7 @@ declare class DropinElement extends UIElement<DropinConfiguration> implements ID
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
-        elementRef?: any;
+        elementRef?: UIElement;
         i18n?: Language;
         label?: string;
         paymentMethodType?: string;
@@ -8437,7 +8495,8 @@ declare class DropinElement extends UIElement<DropinConfiguration> implements ID
     };
     get isValid(): boolean;
     showValidation(): this;
-    setStatus(status: any, props?: {}): this;
+    setElementStatus(status: UIElementStatus, props?: Record<string, unknown>): this;
+    setStatus(status: UIElementStatus, props?: Record<string, unknown>): this;
     get activePaymentMethod(): any;
     get data(): any;
     displayFinalAnimation(type: 'success' | 'error'): void;
@@ -8463,7 +8522,7 @@ declare class DropinElement extends UIElement<DropinConfiguration> implements ID
     /**
      * Creates the Drop-in elements
      */
-    private handleCreate;
+    private readonly handleCreate;
     handleAction(action: PaymentAction, props?: {}): this | null;
     /**
      * handleOrder is implemented so we don't trigger a callback like in the components
@@ -8798,4 +8857,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, AmazonWindowObject, 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, DonationCampaign, DonationCampaignOptions, DonationConfiguration, DonationOptions, DonationProps, DragonpayConfiguraton, DragonpayInputData, DragonpayInputIssuerItem, DragonpayInputProps, DragonpayVoucherResultProps, DropinComponentProps, DropinComponentState, DropinConfiguration, DropinStatus, DropinStatusProps, DualBrandButtons, DualBrandSelectElement, DualBrandingChangeHandler, EcontextConfiguration, EcontextInputSchema, EcontextVoucherResultProps, ErrorCodeObject, ExtendedMerchantInfo, FastlaneAddress, FastlaneAuthenticatedCustomerResult, FastlaneConfiguration, FastlaneConsentRenderState, FastlaneData, FastlaneOptions, FastlanePaymentMethodConfiguration, FastlaneProfile, FastlaneSDKConfiguration, FastlaneShipping, FastlaneShippingAddressSelectorResult, FastlaneSignupConfiguration, FastlaneWindowInstance, FieldsetVisibility, FingerPrintData, FingerprintResolveData, FundingSource, FundingSourceKeys, GiftCardBalanceCheckErrorType, GiftCardConfiguration, GiftCardElementData, GiftCardValidationError, GooglePayConfiguration, GooglePaymentDataRequest, ICore, IDropin, InstantPaymentTypes, Intent, IrisConfiguration, IrisData, IrisState, IssuerListConfiguration, IssuerListData, KlarnaAction, KlarnaAdditionalDetailsData, KlarnaComponentRef, KlarnaConfiguration, KlarnaSdkData, KlarnaWidgetAuthorizeResponse, KlarnaWidgetProps, LedgerCurrencies, MandateFrequencyType, MandateType, OnChangeData, OpenInvoiceActiveFieldsets, OpenInvoiceConfiguration, OpenInvoiceFieldsetsRefs, OpenInvoiceProps, OpenInvoiceStateData, OpenInvoiceStateError, OpenInvoiceStateValid, OpenInvoiceVisibility, Order, OrderButtonProps, OrderStatus, PayPalConfiguration, PayToConfiguration, PayToData, PayToPlaceholdersType, PayloadJSON, PaymentAction, PaymentActionsType, PaymentAmount, PaymentCompletedData, PaymentData, PaymentFailedData, PaymentMethodBrand, PaymentMethodData, PaymentMethodDisplayMode, 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, ReviewDetails, SepaConfiguration, SepaElementData, SessionsResponse, SignOutButtonProps, SocialSecurityMode, StatusFromAction, SubmitActions, SubmitData, SupportedLocale, SupportedPayPalFundingSources, ThreeDS2ActionProps, ThreeDS2ChallengeConfiguration, ThreeDS2ConfigProps, ThreeDS2DeviceFingerprintConfiguration, ThreeDS2FingerprintResponse, ThreeDS2FlowObject, ThreeDS2FlowProps, ThreeDS2Token, UIElementProps, UIElementStatus, UPIAppList, UPIConfiguration, UpdateAmazonCheckoutSessionRequest, UpiMode, UpiPaymentData, UpiType, ValidationError, VoucherConfiguration, VoucherDetail, VoucherProps, balanceCheckResponseType, onBalanceCheckCallbackType, onOrderCancelData, onOrderCancelInternalCallback, onOrderCancelType, onOrderRequestCallbackType, onOrderUpdatedCallbackType, onRequiringConfirmationCallbackType };
+export type { ANCVConfiguration, ANCVDataState, AchConfiguration, AchPlaceholders, ActionDescriptionType, ActionHandledReturnObject, AdditionalDetailsActions, AdditionalDetailsData, AddressData, AddressField, AmazonPayBackendConfiguration, AmazonPayButtonProps, AmazonPayButtonSettings, AmazonPayComponentProps, AmazonPayComponentRef, AmazonPayConfiguration, AmazonPayElementData, AmazonWindowObject, 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, DonationCampaign, DonationCampaignOptions, DonationConfiguration, DonationOptions, DonationProps, DragonpayConfiguraton, DragonpayInputData, DragonpayInputIssuerItem, DragonpayInputProps, DragonpayVoucherResultProps, DropinComponentProps, DropinComponentState, DropinConfiguration, DropinStatus, DropinStatusProps, DualBrandButtons, DualBrandSelectElement, DualBrandingChangeHandler, EcontextConfiguration, EcontextInputSchema, EcontextVoucherResultProps, ErrorCodeObject, ExtendedMerchantInfo, FastlaneAddress, FastlaneAuthenticatedCustomerResult, FastlaneConfiguration, FastlaneConsentRenderState, FastlaneData, FastlaneOptions, FastlanePaymentMethodConfiguration, FastlaneProfile, FastlaneSDKConfiguration, FastlaneShipping, FastlaneShippingAddressSelectorResult, FastlaneSignupConfiguration, FastlaneWindowInstance, FieldsetVisibility, FingerPrintData, FingerprintResolveData, FundingSource, FundingSourceKeys, GiftCardBalanceCheckErrorType, GiftCardConfiguration, GiftCardElementData, GiftCardValidationError, GooglePayConfiguration, GooglePaymentDataRequest, ICore, IDropin, InstantPaymentTypes, Intent, IrisConfiguration, IrisData, IrisState, IssuerListConfiguration, IssuerListData, KlarnaAction, KlarnaAdditionalDetailsData, KlarnaComponentRef, KlarnaConfiguration, KlarnaSdkData, KlarnaWidgetAuthorizeResponse, KlarnaWidgetProps, LedgerCurrencies, MandateFrequencyType, MandateType, OnChangeData, OnChangeDataErrors, OpenInvoiceActiveFieldsets, OpenInvoiceConfiguration, OpenInvoiceFieldsetsRefs, OpenInvoiceProps, OpenInvoiceState, OpenInvoiceStateData, OpenInvoiceStateError, OpenInvoiceStateValid, OpenInvoiceVisibility, Order, OrderButtonProps, OrderStatus, PayPalConfiguration, PayToConfiguration, PayToData, PayToPlaceholdersType, PayloadJSON, PaymentAction, PaymentActionsType, PaymentAmount, PaymentCompletedData, PaymentData, PaymentFailedData, PaymentMethodBrand, PaymentMethodData, PaymentMethodDisplayMode, 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, ReviewDetails, SepaConfiguration, SepaElementData, SessionsResponse, SignOutButtonProps, SocialSecurityMode, StatusFromAction, SubmitActions, SubmitData, SupportedLocale, SupportedPayPalFundingSources, ThreeDS2ActionProps, ThreeDS2ChallengeConfiguration, ThreeDS2ConfigProps, ThreeDS2DeviceFingerprintConfiguration, ThreeDS2FingerprintResponse, ThreeDS2FlowObject, ThreeDS2FlowProps, ThreeDS2Token, UIElementProps, UIElementStatus, UPIAppList, UPIConfiguration, UpdateAmazonCheckoutSessionRequest, UpiMode, UpiPaymentData, UpiType, ValidationError, VoucherConfiguration, VoucherDetail, VoucherProps, balanceCheckResponseType, onBalanceCheckCallbackType, onOrderCancelData, onOrderCancelInternalCallback, onOrderCancelType, onOrderRequestCallbackType, onOrderUpdatedCallbackType, onRequiringConfirmationCallbackType };