@adyen/adyen-web 6.35.0 → 6.36.0

package/dist/cjs/index.d.cts

@@ -182,61 +182,6 @@ interface InstallmentOptions {
     [key: string]: InstallmentOption;
 }
 
-type CheckoutSession = {
-    id: string;
-    sessionData: string;
-    shopperLocale?: string;
-    shopperEmail?: string;
-    telephoneNumber?: string;
-};
-type SessionConfiguration = {
-    installmentOptions?: InstallmentOptions;
-    enableStoreDetails?: boolean;
-};
-type CheckoutSessionSetupResponse = {
-    id: string;
-    sessionData: string;
-    countryCode?: string;
-    amount: Omit<PaymentAmount, 'currencyDisplay'>;
-    expiresAt: string;
-    paymentMethods: any;
-    returnUrl: string;
-    configuration: SessionConfiguration;
-    /**
-     * 'shopperLocale' set during session creation.
-     * @defaultValue en-US
-     */
-    shopperLocale: string;
-};
-type CheckoutSessionPaymentResponse = {
-    sessionData: string;
-    sessionResult: string;
-    status?: string;
-    resultCode: ResultCode;
-    action?: PaymentAction;
-};
-type CheckoutSessionDetailsResponse = {
-    sessionData: string;
-    sessionResult: string;
-    resultCode: ResultCode;
-    status?: string;
-    action?: PaymentAction;
-};
-type CheckoutSessionBalanceResponse = {
-    sessionData: string;
-    balance?: PaymentAmount;
-    transactionLimit?: PaymentAmount;
-};
-type CheckoutSessionOrdersResponse = {
-    sessionData: string;
-    orderData: string;
-    pspReference: string;
-};
-type SetupSessionOptions = {
-    browserInfo?: BrowserInfo;
-    order?: Order;
-};
-
 interface ILanguageService {
     fetchTranslationsFromCdn(locale: string): Promise<Readonly<Translations>>;
 }
@@ -1815,6 +1760,7 @@ declare enum ErrorEventCode {
      * Encryption failed in securedField
      */
     SECURED_FIELDS_ENCRYPTION_ERROR = "610",
+    /** See also API_ERROR_CODE object in /src/core/Services/sessions/constants.ts which uses codes in the range 620-628 */
     /**  Missing 'paymentData' property from threeDS2 action */
     THREEDS2_ACTION_IS_MISSING_PAYMENT_DATA = "700",
     /** Missing 'token' property from threeDS2 action */
@@ -2167,76 +2113,6 @@ interface DokuVoucherResultProps {
     onActionHandled?: (rtnObj: ActionHandledReturnObject) => void;
 }
 
-declare class DonationElement extends UIElement<DonationConfiguration> {
-    static readonly type = TxVariants.donation;
-    constructor(checkout: ICore, props?: DonationConfiguration);
-    static readonly defaultProps: {
-        onCancel: () => void;
-        onDonate: () => void;
-    };
-    /**
-     * Returns the component payment data ready to submit to the Checkout API
-     */
-    get data(): any;
-    /**
-     * Returns whether the component state is valid or not
-     */
-    get isValid(): any;
-    setState(newState: any): void;
-    donate(): void;
-    handleRef: (ref: any) => void;
-    protected componentToRender(): h.JSX.Element;
-}
-
-interface CampaignContentProps {
-    logoUrl?: string;
-    nonprofitDescription?: string;
-    nonprofitName?: string;
-    causeName?: string;
-    nonprofitUrl?: string;
-    bannerUrl?: string;
-}
-
-type Donation = RoundupDonation | FixedAmountsDonation;
-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;
-}
-
-type DonationConfiguration = UIElementProps & Omit<DonationComponentProps, 'onDonate' | 'onCancel'> & {
-    onDonate(data: DonationPayload, component: DonationElement): void;
-    onCancel(data: DonationPayload): void;
-};
-
 interface DragonpayInputIssuerItem {
     id: string;
     name: string;
@@ -2282,1559 +2158,293 @@ interface DragonpayVoucherResultProps {
     onActionHandled?: (rtnObj: ActionHandledReturnObject) => void;
 }
 
-interface EcontextVoucherResultProps {
-    reference?: string;
-    totalAmount?: PaymentAmount;
-    expiresAt?: string;
-    paymentMethodType?: string;
-    maskedTelephoneNumber?: string;
-    instructionsUrl?: string;
-    alternativeReference?: string;
-    collectionInstitutionNumber?: string;
-    onActionHandled?: (rtnObj: ActionHandledReturnObject) => void;
+interface CompanyDetailsSchema {
+    name?: string;
+    registrationNumber?: string;
 }
-interface EcontextInputSchema {
-    firstName?: string;
-    lastName?: string;
-    telephoneNumber?: string;
-    shopperEmail?: string;
+
+type OpenInvoiceAddressSpecification = AddressSpecifications & {
+    allowedCountries?: string[];
+};
+interface OpenInvoiceVisibility {
+    companyDetails?: FieldsetVisibility;
+    personalDetails?: FieldsetVisibility;
+    billingAddress?: FieldsetVisibility;
+    deliveryAddress?: FieldsetVisibility;
+    bankAccount?: FieldsetVisibility;
 }
-interface EcontextConfiguration extends UIElementProps {
-    personalDetailsRequired?: boolean;
-    data?: PersonalDetailsSchema;
+interface BankDetailsSchema {
+    countryCode?: string;
+    ibanNumber?: any;
+    ownerName?: string;
+}
+interface OpenInvoiceProps extends UIElementProps {
+    allowedCountries?: string[];
+    consentCheckboxLabel: any;
+    countryCode?: string;
+    data: {
+        companyDetails?: CompanyDetailsSchema;
+        personalDetails?: PersonalDetailsSchema;
+        billingAddress?: AddressData;
+        deliveryAddress?: AddressData;
+        bankAccount?: BankDetailsSchema;
+    };
+    onChange: (state: any, element?: UIElement) => void;
+    payButton: any;
+    visibility?: OpenInvoiceVisibility;
+    personalDetailsRequiredFields?: string[];
+    billingAddressRequiredFields?: string[];
+    billingAddressSpecification?: OpenInvoiceAddressSpecification;
+    deliveryAddressRequiredFields?: string[];
+    deliveryAddressSpecification?: OpenInvoiceAddressSpecification;
+    setComponentRef?: (ref: any) => void;
+}
+interface OpenInvoiceStateData {
+    companyDetails?: CompanyDetailsSchema;
+    personalDetails?: PersonalDetailsSchema;
+    billingAddress?: AddressData;
+    deliveryAddress?: AddressData;
+    bankAccount?: BankDetailsSchema;
+    consentCheckbox?: boolean;
+}
+interface OpenInvoiceStateError {
+    consentCheckbox?: boolean | GenericError;
+    companyDetails?: boolean | ValidationRuleErrorObj;
+    billingAddress?: boolean | ValidationRuleErrorObj;
+    deliveryAddress?: boolean | ValidationRuleErrorObj;
+    personalDetails?: boolean | ValidationRuleErrorObj;
+    bankAccount?: boolean | object;
+}
+interface OpenInvoiceStateValid {
+    consentCheckbox?: boolean;
+    companyDetails?: boolean;
+    billingAddress?: boolean;
+    deliveryAddress?: boolean;
+    personalDetails?: boolean;
+    bankAccount?: boolean;
+}
+interface OpenInvoiceActiveFieldsets {
+    companyDetails: boolean;
+    personalDetails: boolean;
+    billingAddress: boolean;
+    deliveryAddress: boolean;
+    bankAccount: boolean;
+}
+interface OpenInvoiceFieldsetsRefs {
+    companyDetails?: any;
+    personalDetails?: any;
+    billingAddress?: any;
+    deliveryAddress?: any;
+    bankAccount?: any;
+}
+
+interface OpenInvoiceConfiguration extends Partial<OpenInvoiceProps> {
+    consentCheckboxLabel?: h.JSX.Element;
+    billingAddressRequiredFields?: string[];
+    billingAddressSpecification?: AddressSpecifications;
+}
+
+declare class OpenInvoiceContainer extends UIElement<OpenInvoiceConfiguration> {
+    protected static readonly defaultProps: Partial<OpenInvoiceConfiguration>;
     /**
-     * @internal
+     * Returns whether the component state is valid or not
      */
-    instructionsUrl?: string;
+    get isValid(): boolean;
     /**
-     * @internal
+     * Formats props on construction time
      */
-    reference?: string;
+    formatProps(props: any): any;
     /**
-     * @internal
+     * Formats the component data output
      */
-    totalAmount?: PaymentAmount;
+    formatData(): any;
+    protected componentToRender(): h.JSX.Element;
+}
+
+declare class AfterPay extends OpenInvoiceContainer {
+    static readonly type = TxVariants.afterpay_default;
+    static readonly txVariants: TxVariants[];
+    formatProps(props: OpenInvoiceConfiguration): any;
+}
+
+declare class AfterPayB2B extends OpenInvoiceContainer {
+    static readonly type = TxVariants.afterpay_b2b;
+    protected static readonly defaultProps: Partial<OpenInvoiceConfiguration>;
+    formatProps(props: OpenInvoiceConfiguration): any;
+}
+
+declare class ANCVElement extends UIElement<ANCVConfiguration> {
+    static readonly type = "ancv";
     /**
-     * @internal
-     */
-    expiresAt?: string;
-    /**
-     * @internal
-     */
-    paymentMethodType?: string;
-    /**
-     * @internal
-     */
-    maskedTelephoneNumber?: string;
-    /**
-     * @internal
-     */
-    alternativeReference?: string;
-    /**
-     * @internal
+     * Formats the component data output
      */
-    collectionInstitutionNumber?: string;
-}
-
-interface GiftCardElementData {
-    paymentMethod: {
-        type: 'giftcard';
-        brand: string;
-        encryptedCardNumber: string;
-        encryptedSecurityCode: string;
+    formatData(): {
+        paymentMethod: {
+            type: string;
+            beneficiaryId: any;
+        };
     };
-}
-type balanceCheckResponseType = {
-    sessionData?: string;
-    pspReference?: string;
-    resultCode?: string;
-    balance?: PaymentAmount;
-    transactionLimit?: PaymentAmount;
-};
-type onBalanceCheckCallbackType = (resolve: (res: balanceCheckResponseType) => void, reject: (error: Error) => void, data: GiftCardElementData) => Promise<void>;
-type onRequiringConfirmationCallbackType = (resolve: () => void, reject: (error: Error) => void) => Promise<void>;
-type onOrderRequestCallbackType = (resolve: (order: Order) => void, reject: (error: Error) => void, data: PaymentData) => Promise<void>;
-interface GiftCardConfiguration extends UIElementProps {
-    pinRequired?: boolean;
-    expiryDateRequired?: boolean;
-    brandsConfiguration?: any;
-    brand?: string;
-    onOrderUpdated?: (data: any) => void;
-    onBalanceCheck?: onBalanceCheckCallbackType;
-    onOrderRequest?: onOrderRequestCallbackType;
-    onRequiringConfirmation?: onRequiringConfirmationCallbackType;
+    private onOrderRequest;
     /**
-     * @internal
+     * Check if order exists, if it does Resolve.
+     * Otherwise createOrder and then Resolve.
      */
-    fieldsLayoutComponent?: FunctionComponent<GiftcardFieldsProps>;
-}
-/**
- * Unified error interface that matches useForm error structure for gift cards
- */
-interface GiftCardValidationError {
-    isValid: boolean;
-    errorMessage: string;
-    errorI18n?: string;
-    error?: string;
+    createOrder: () => Promise<void>;
+    submit(): boolean;
+    protected payButton: (props: PayButtonProps) => h.JSX.Element;
+    get isValid(): boolean;
+    get displayName(): string;
+    protected componentToRender(): h.JSX.Element;
 }
-type GiftCardBalanceCheckErrorType = 'no-balance' | 'card-error' | 'currency-error';
 
-interface GooglePayConfiguration extends UIElementProps {
-    type?: 'googlepay' | 'paywithgoogle';
-    /**
-     * List of brands accepted by the component. Values are configured on the Backoffice and returned in the /paymentMethodsResponse data
-     * @internal
-     */
-    brands?: string[];
+declare class ApplePayElement extends UIElement<ApplePayConfiguration> {
+    static readonly type = TxVariants.applepay;
+    protected static readonly defaultProps: ApplePayConfiguration;
+    private sdkLoader;
+    private applePayVersionNumber;
+    constructor(checkout: ICore, props?: ApplePayConfiguration);
     /**
-     * Used for analytics
+     * Formats the component props
      */
-    expressPage?: 'cart' | 'minicart' | 'pdp' | 'checkout';
+    protected formatProps(props: ApplePayConfiguration): ApplePayConfiguration;
     /**
-     * Enables the GooglePay Express Flow & also used for analytics
-     * @defaultValue false
+     * Formats the component data output
      */
-    isExpress?: boolean;
+    protected formatData(): ApplePayElementData;
+    protected beforeRender(configSetByMerchant?: ApplePayConfiguration): void;
+    submit: () => void;
+    get isValid(): boolean;
     /**
-     * Defines the size of the challenge Component
-     *
-     * 01: [250px, 400px]
-     * 02: [390px, 400px]
-     * 03: [500px, 600px]
-     * 04: [600px, 400px]
-     * 05: [100%, 100%]
+     * This API is only intended for upstreaming or defaulting to Apple Pay, all other scenarios should continue to
+     * use canMakePayments(). For Safari browsers, this API will indicate whether there is a card available to make
+     * payments. For third-party browsers a new status of paymentCredentialStatusUnknown will be returned. This does
+     * not mean there are no cards available, it means the status cannot be determined and as such defaulting
+     * and upstreaming should still be considered.
      *
-     * @defaultValue '02'
+     * {@link https://developer.apple.com/documentation/applepayontheweb/applepaysession/4440085-applepaycapabilities}
+     * @param merchantIdentifier
      */
-    challengeWindowSize?: ChallengeWindowSize;
+    applePayCapabilities(merchantIdentifier?: string): Promise<ApplePayJS.PaymentCredentialStatusResponse>;
     /**
-     * @see https://developers.google.com/pay/api/web/reference/request-objects#IsReadyToPayRequest
-     * @defaultValue false
+     * Determines if Apple Pay component can be displayed or not
      */
-    existingPaymentMethodRequired?: boolean;
+    isAvailable(): Promise<void>;
     /**
-     * The status of the total price
-     * @see https://developers.google.com/pay/api/web/reference/request-objects#TransactionInfo
+     * Sets the Apple Pay version available for the shopper.
+     * This code needs to be executed once the  Apple Pay SDK is fully loaded
+     * @private
      */
-    totalPriceStatus?: google.payments.api.TotalPriceStatus;
+    private defineApplePayVersionNumber;
     /**
-     * @see https://developers.google.com/pay/api/web/reference/request-objects#TransactionInfo
+     * Sets the configuration/callbacks that pertain to the Apple Pay code overlay/modal.
+     * @private
      */
-    countryCode?: string;
-    allowedAuthMethods?: google.payments.api.CardAuthMethod[];
-    allowedCardNetworks?: google.payments.api.CardNetwork[];
+    private configureApplePayWebOptions;
+    private startSession;
     /**
-     * Set to true to request assuranceDetails. This object provides information
-     * about the validation performed on the returned payment data.
+     * Call the 'onAuthorized' callback if available.
+     * Must be resolved/reject for the payment flow to continue
      *
-     * @defaultValue false
+     * @private
      */
-    assuranceDetailsRequired?: boolean;
+    private handleAuthorization;
     /**
-     * Set to false if you don't support credit cards.
-     * @defaultValue true
+     * Verify if the 'onOrderTrackingRequest' is provided. If so, triggers the callback expecting an
+     * Apple Pay order details back
+     *
+     * @private
      */
-    allowCreditCards?: boolean;
+    private collectOrderTrackingDetailsIfNeeded;
+    private validateMerchant;
+    protected componentToRender(): h.JSX.Element;
+}
+
+declare class Atome extends OpenInvoiceContainer {
+    static readonly type = TxVariants.atome;
+    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;
+        };
+    };
+    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 IssuerItem {
+    id: string;
+    name: string;
+    icon?: string;
+}
+interface TermsAndConditions {
+    translationKey: string;
+    urls: string[];
+}
+
+interface IssuerListConfiguration extends UIElementProps {
+    showImage?: boolean;
+    placeholder?: string;
+    issuers?: IssuerItem[];
+    highlightedIssuers?: string[];
+    showPaymentMethodItemImages?: boolean;
+    termsAndConditions?: TermsAndConditions;
+    showContextualElement?: boolean;
+}
+interface IssuerListData {
+    paymentMethod: {
+        type: string;
+        issuer: string;
+    };
+}
+
+declare class IssuerListContainer<TProps extends IssuerListConfiguration = IssuerListConfiguration, TData = IssuerListData> extends UIElement<TProps> {
+    protected static readonly defaultProps: {
+        showImage: boolean;
+        issuers: any[];
+        highlightedIssuers: any[];
+        loadingContext: string;
+        showPaymentMethodItemImages: boolean;
+    };
+    constructor(checkout: ICore, props?: TProps);
+    formatProps(props: TProps): TProps;
     /**
-     * Set to false if you don't support prepaid cards.
-     * @defaultValue true
+     * Formats the component data output
      */
-    allowPrepaidCards?: boolean;
+    formatData(): TData;
     /**
-     * Issuer country allowlist that contains ISO 3166-1 alpha-2 country codes.
-     * When this allowlist is set, users can only choose payment methods issued in the specified countries.
-     *
-     * @remarks
-     * Note: allowedIssuerCountryCodes and blockedIssuerCountryCodes are mutually exclusive, so only one should be set at a time.
-     *
-     * @see https://developers.google.com/pay/api/web/reference/request-objects#CardParameters
-     * @example ['US', 'CA', 'GB']
+     * Returns whether the component state is valid or not
      */
-    allowedIssuerCountryCodes?: string[];
+    get isValid(): boolean;
     /**
-     * Issuer country blocklist that contains ISO 3166-1 alpha-2 country codes.
-     * When this blocklist is set, users are restricted from choosing payment methods issued in the specified countries.
-     *
-     * @remarks
-     * Note: allowedIssuerCountryCodes and blockedIssuerCountryCodes are mutually exclusive, so only one should be set at a time.
-     *
-     * @see https://developers.google.com/pay/api/web/reference/request-objects#CardParameters
-     * @example ['CN', 'RU']
-     */
-    blockedIssuerCountryCodes?: string[];
-    /**
-     * Set to true if you require a billing address
-     *
-     * @remarks
-     * A billing address should only be requested if it's required to process the transaction.
-     *
-     * @defaultValue false
-     */
-    billingAddressRequired?: boolean;
-    /**
-     * The expected fields returned if billingAddressRequired is set to true.
-     */
-    billingAddressParameters?: google.payments.api.BillingAddressParameters;
-    /**
-     * Set to true to request an email address.
-     * @defaultValue false
-     */
-    emailRequired?: boolean;
-    /**
-     * Set to true to request a full shipping address.
-     * @defaultValue false
-     */
-    shippingAddressRequired?: boolean;
-    /**
-     * If shippingAddressRequired is set to true, specify shipping address restrictions. This object is used to set shipping restrictions.
-     *
-     * @see https://developers.google.com/pay/api/web/reference/request-objects#ShippingAddressParameters
-     */
-    shippingAddressParameters?: google.payments.api.ShippingAddressParameters;
-    /**
-     * Set to true when the SHIPPING_OPTION callback intent is used. This field is required if you implement support
-     * for Authorize Payments or Dynamic Price Updates.
-     *
-     * @see https://developers.google.com/pay/api/web/reference/request-objects#ShippingOptionParameters
-     */
-    shippingOptionRequired?: boolean;
-    /**
-     * @see https://developers.google.com/pay/api/web/reference/request-objects#ShippingOptionParameters
-     */
-    shippingOptionParameters?: google.payments.api.ShippingOptionParameters;
-    /**
-     * Specifies the following callback intents for PaymentDataCallbacks
-     * @see https://developers.google.com/pay/api/web/reference/request-objects#PaymentDataCallbacks
-     */
-    callbackIntents?: google.payments.api.CallbackIntent[];
-    /**
-     * Disclaimer: 'onPaymentAuthorized' is not exposed as we are using our own method internally to
-     * handle the authorization part
-     *
-     * @see https://developers.google.com/pay/api/web/reference/request-objects#PaymentDataCallbacks
-     */
-    paymentDataCallbacks?: Pick<google.payments.api.PaymentDataCallbacks, 'onPaymentDataChanged'>;
-    /**
-     * @see https://developers.google.com/pay/api/web/reference/request-objects#TransactionInfo
-     */
-    transactionInfo?: Partial<google.payments.api.TransactionInfo>;
-    /**
-     * Google button color
-     * @default default
-     */
-    buttonColor?: google.payments.api.ButtonColor;
-    /**
-     * Changes the button UI label
-     * @default buy
-     */
-    buttonType?: google.payments.api.ButtonType;
-    /**
-     * Decides if the button takes the whole space or use preset from Google
-     * @default fill
-     */
-    buttonSizeMode?: google.payments.api.ButtonSizeMode;
-    buttonRootNode?: HTMLDocument | ShadowRoot;
-    buttonLocale?: string;
-    buttonRadius?: number;
-    /**
-     * Called when the shopper clicks the Google Pay button. Call resolve() or reject() to continue or stop the payment flow.
-     *
-     * @param resolve - Display the Google payment sheet
-     * @param reject - Don't display the Google payment sheet
-     * @returns
-     */
-    onClick?: (resolve: () => void, reject: () => void) => void;
-    /**
-     * Callback called when GooglePay authorizes the payment.
-     * Must be resolved/rejected with the action object.
-     */
-    onAuthorized?: (data: {
-        authorizedEvent: google.payments.api.PaymentData;
-        billingAddress?: Partial<AddressData>;
-        deliveryAddress?: Partial<AddressData>;
-    }, actions: {
-        resolve: () => void;
-        reject: (error?: google.payments.api.PaymentDataError | string) => void;
-    }) => void;
-    configuration?: {
-        /**
-         * Adyen's merchant account name
-         * @see https://developers.google.com/pay/api/web/reference/request-objects#gateway
-         */
-        gatewayMerchantId: string;
-        /**
-         * A Google merchant identifier issued after registration with the {@link https://pay.google.com/business/console | Google Pay Business Console}.
-         * Required when PaymentsClient is initialized with an environment property of PRODUCTION.
-         * @see https://developers.google.com/pay/api/web/reference/request-objects#MerchantInfo
-         */
-        merchantId?: string;
-        /**
-         * Merchant name is rendered in the payment sheet.
-         * @see https://developers.google.com/pay/api/web/reference/request-objects#MerchantInfo
-         */
-        merchantName?: string;
-        /**
-         * Merchant fully qualified domain name.
-         */
-        merchantOrigin?: string;
-        /**
-         * Google JWT solution for platforms
-         * To request Google Pay credentials, you can enable platforms to send requests that are authenticated with the platform credentials. You don't need to register individual domain names to call Google Pay APIs.
-         */
-        authJwt?: string;
-    };
-}
-interface GooglePaymentDataRequest extends google.payments.api.PaymentDataRequest {
-    merchantInfo: ExtendedMerchantInfo;
-}
-interface ExtendedMerchantInfo extends google.payments.api.MerchantInfo {
-    merchantOrigin?: string;
-}
-
-type IrisConfiguration = IssuerListConfiguration & Pick<QRLoaderConfiguration, 'countdownTime' | 'qrCodeData' | 'paymentData' | 'delay'>;
-/**
- * Iris data format for /payment request
- * @internal
- */
-interface IrisData {
-    paymentMethod: {
-        type: string;
-        issuer?: string;
-    };
-}
-/**
- * Iris component display modes
- * @internal
- */
-declare enum IrisMode {
-    QR_CODE = "qrCode",
-    BANK_LIST = "bankList"
-}
-
-/** sdkData present in Klarna `action`objects. */
-type KlarnaSdkData = {
-    /**
-     * Klarna client_token
-     * @see https://developers.klarna.com/documentation/klarna-payments/single-call-descriptions/create-session/
-     * */
-    client_token: string;
-    /**
-     * `payment_method_category` specifies which of Klarna’s customer offerings (e.g. Pay now, Pay later or Slice it)
-     * that is being shown in the widget
-     * @see https://developers.klarna.com/documentation/klarna-payments/single-call-descriptions/create-session/
-     * */
-    payment_method_category: string;
-};
-interface KlarnaPaymentsShared {
-    sdkData?: KlarnaSdkData;
-    paymentData?: string;
-    paymentMethodType?: string;
-}
-interface KlarnaWidgetProps extends KlarnaPaymentsShared {
-    /** @internal */
-    payButton: (props: PayButtonProps) => h.JSX.Element;
-    /** @internal */
-    onLoaded: () => void;
-    widgetInitializationTime: number;
-    onComplete: (detailsData: KlarnaAdditionalDetailsData) => void;
-    onError: (error: any) => void;
-}
-type KlarnaConfiguration = UIElementProps & KlarnaPaymentsShared & {
-    useKlarnaWidget?: boolean;
-};
-interface KlarnaWidgetAuthorizeResponse {
-    approved: boolean;
-    show_form: boolean;
-    authorization_token: string;
-    error?: unknown;
-}
-interface KlarnaComponentRef extends ComponentMethodsRef {
-    setAction(action: KlarnaAction): void;
-    reinitializeWidget(): void;
-}
-interface KlarnaAction extends PaymentAction {
-    sdkData: {
-        client_token: string;
-        payment_method_category: string;
-    };
-}
-interface KlarnaAdditionalDetailsData extends AdditionalDetailsData {
-    data: {
-        paymentData: string;
-        details: {
-            authorization_token?: string;
-            resultCode?: ResultCode;
-        };
-    };
-}
-
-declare class PaypalElement extends UIElement<PayPalConfiguration> {
-    static readonly type = TxVariants.paypal;
-    static readonly subtype = "sdk";
-    paymentData: string | null;
-    private resolve;
-    private reject;
-    protected static readonly defaultProps: Partial<PayPalConfiguration>;
-    constructor(checkout: ICore, props?: PayPalConfiguration);
-    formatProps(props: PayPalConfiguration): PayPalConfiguration;
-    protected beforeRender(configSetByMerchant?: PayPalConfiguration): void;
-    submit: () => void;
-    /**
-     * Updates the paymentData value. It must be used in the PayPal Express flow, when patching the amount
-     * @param paymentData - Payment data value
-     */
-    updatePaymentData(paymentData: string): void;
-    /**
-     * Formats the component data output
-     */
-    protected formatData(): {
-        paymentMethod: {
-            type: TxVariants;
-            userAction: "pay" | "continue";
-            subtype: string;
-        };
-    };
-    handleAction: (action: PaymentAction) => any;
-    updateWithAction: (action: PaymentAction) => any;
-    /**
-     * Dropin Validation
-     *
-     * @remarks
-     * Paypal does not require any specific Dropin validation
-     */
-    get isValid(): boolean;
-    private readonly handleOnApprove;
-    handleResolve(token: string): void;
-    handleReject(errorMessage: string): void;
-    private handleSubmit;
-    /**
-     * If the merchant provides the 'onShippingAddressChange' callback, then this method is used as a wrapper to it, in order
-     * to expose to the merchant the 'component' instance. The merchant needs the 'component' in order to manipulate the
-     * paymentData
-     *
-     * @param data - PayPal data
-     * @param actions - PayPal actions.
-     */
-    private handleOnShippingAddressChange;
-    /**
-     * If the merchant provides the 'onShippingOptionsChange' callback, then this method is used as a wrapper to it, in order
-     * to expose to the merchant the 'component' instance. The merchant needs the 'component' in order to manipulate the
-     * paymentData
-     *
-     * @param data - PayPal data
-     * @param actions - PayPal actions.
-     */
-    private handleOnShippingOptionsChange;
-    protected componentToRender(): h.JSX.Element | null;
-}
-
-type PayPalOrderResponseBody = OrderResponseBody;
-type PayPalOnShippingAddressChangeData = OnShippingAddressChangeData & {
-    errors: Record<string, string>;
-};
-type PayPalOnShippingOptionsChangeData = OnShippingOptionsChangeData & {
-    errors: Record<string, string>;
-};
-type PayPalOnInitActions = OnInitActions;
-
-interface PayPalConfiguration extends UIElementProps {
-    /**
-     * Configuration returned by the backend
-     * @internal
-     */
-    configuration?: {
-        /**
-         * @see {@link https://developer.paypal.com/sdk/js/configuration/#merchant-id}
-         */
-        merchantId?: string;
-        /**
-         * @see {@link https://developer.paypal.com/sdk/js/configuration/#intent}
-         */
-        intent?: Intent;
-    };
-    /**
-     *  Identifies if the payment is Express. Also used for analytics
-     *  @defaultValue false
-     */
-    isExpress?: boolean;
-    /**
-     * Used for analytics
-     */
-    expressPage?: 'cart' | 'minicart' | 'pdp' | 'checkout';
-    /**
-     * Set to true to force the UI to not render PayPal button
-     * @default false
-     */
-    blockPayPalButton?: boolean;
-    /**
-     * Set to true to force the UI to not render PayPal Credit button
-     * @default false
-     */
-    blockPayPalCreditButton?: boolean;
-    /**
-     * Set to true to force the UI to not render PayPal Pay Later button
-     * @default false
-     */
-    blockPayPalPayLaterButton?: boolean;
-    /**
-     * Set to true to force the UI to not render PayPal Venmo button
-     * @default false
-     */
-    blockPayPalVenmoButton?: boolean;
-    /**
-     * Callback called when PayPal authorizes the payment.
-     * Must be resolved/rejected with the action object. If resolved, the additional details will be invoked. Otherwise it will be skipped
-     *
-     * @param data - Contains the raw event from PayPal, along with the billingAddress and deliveryAddress parsed by Adyen based on the raw event data
-     * @param actions - Used to indicate that payment flow must continue or must stop
-     */
-    onAuthorized?: (data: {
-        authorizedEvent: PayPalOrderResponseBody;
-        billingAddress?: Partial<AddressData>;
-        deliveryAddress?: Partial<AddressData>;
-    }, actions: {
-        resolve: () => void;
-        reject: () => void;
-    }) => void;
-    /**
-     * While the buyer is on the PayPal site, you can update their shopping cart to reflect the shipping address they chose on PayPal
-     * @see {@link https://developer.paypal.com/sdk/js/reference/#on-shipping-address-change}
-     *
-     * @param data - PayPal data object
-     * @param actions - Used to reject the address change in case the address is invalid
-     * @param component - Adyen instance of its PayPal implementation. It must be used to manipulate the 'paymentData' in order to apply the amount patch correctly
-     */
-    onShippingAddressChange?: (data: PayPalOnShippingAddressChangeData, actions: {
-        reject: (reason?: string) => Promise<void>;
-    }, component: PaypalElement) => Promise<void>;
-    /**
-     * This callback is triggered any time the user selects a new shipping option.
-     * @see {@link https://developer.paypal.com/sdk/js/reference/#on-shipping-options-change}
-     *
-     * @param data - An PayPal object containing the payer’s selected shipping option
-     * @param actions - Used to indicates to PayPal that you will not support the shipping method selected by the buyer
-     * @param component - Adyen instance of its PayPal implementation. It must be used to manipulate the 'paymentData' in order to apply the amount patch correctly
-     */
-    onShippingOptionsChange?: (data: PayPalOnShippingOptionsChangeData, actions: {
-        reject: (reason?: string) => Promise<void>;
-    }, component: PaypalElement) => Promise<void>;
-    /**
-     * If set to 'continue' , the button inside the lightbox will display the 'Continue' button
-     * @default pay
-     */
-    userAction?: 'continue' | 'pay';
-    /**
-     * Customize your buttons using the style option.
-     *
-     * @see {@link https://developer.paypal.com/sdk/js/reference/#style}
-     * @default style.height 48px
-     */
-    style?: {
-        layout?: 'vertical' | 'horizontal';
-        color?: 'gold' | 'blue' | 'silver' | 'white' | 'black';
-        shape?: 'rect' | 'pill';
-        height?: string | number;
-        disableMaxWidth?: boolean;
-        label?: 'paypal' | 'checkout' | 'buynow' | 'pay';
-        tagline?: boolean;
-    };
-    /**
-     * Called when the button first renders. You can use it for validations on your page if you are unable to do so prior to rendering.
-     * @see {@link https://developer.paypal.com/sdk/js/reference/#oninitonclick}
-     */
-    onInit?: (data?: Record<string, unknown>, actions?: PayPalOnInitActions) => void;
-    /**
-     * @see {@link https://developer.paypal.com/sdk/js/reference/#oninitonclick}
-     */
-    onClick?: () => void;
-    /**
-     * The commit status of the transaction. Determines whether to show a Pay Now or Continue button in the Checkout flow.
-     *
-     * @see {@link https://developer.paypal.com/sdk/js/configuration/#commit}
-     * @default true
-     */
-    commit?: boolean;
-    /**
-     * Whether the payment information in the transaction will be saved. Save your customers' payment information for billing agreements, subscriptions, or recurring payments.
-     *
-     * @see {@link https://developer.paypal.com/sdk/js/configuration/#vault}
-     * @default false
-     */
-    vault?: boolean;
-    /**
-     * The locale renders components. By default PayPal detects the correct locale for the buyer based on their geolocation and browser preferences.
-     *
-     * @see {@link https://developer.paypal.com/sdk/js/configuration/#locale}
-     * @default undefined
-     */
-    locale?: string;
-    /**
-     * Determines whether the funds are captured immediately on checkout or if the buyer authorizes the funds to be captured later.
-     * If set, it will override the intent passed inside the 'configuration' object
-     *
-     * @see {@link https://developer.paypal.com/sdk/js/configuration/#intent}
-     * @default undefined
-     */
-    intent?: Intent;
-    /**
-     * Pass a Content Security Policy single-use token if you use them on your site
-     *
-     * @see {@link https://developer.paypal.com/sdk/js/configuration/#data-csp-nonce}
-     * @default undefined
-     */
-    cspNonce?: string;
-    enableMessages?: boolean;
-    /**
-     * Set to true to enable debug mode. Defaults to false.
-     * @see {@link https://developer.paypal.com/sdk/js/configuration/#debug}
-     * @default undefined
-     */
-    debug?: boolean;
-    /**
-     * A two-letter ISO 3166 country code which will be passed to the PayPal SDK as the buyer-country.
-     * Note: The buyer country is only used in the sandbox. Don't pass this query parameter in production.
-     *
-     * @see {@link https://developer.paypal.com/sdk/js/configuration/#buyer-country}
-     * @default undefined
-     */
-    countryCode?: string;
-}
-/**
- * The intent for the transaction. This determines whether the funds are captured immediately, or later.
- * @see {@link https://developer.paypal.com/docs/checkout/reference/customize-sdk/#intent}
- */
-type Intent = 'sale' | 'capture' | 'authorize' | 'order' | 'tokenize';
-type SupportedPayPalFundingSources = 'paypal' | 'credit' | 'paylater' | 'venmo';
-/**
- * @deprecated Use {@link SupportedPayPalFundingSources} instead
- */
-type FundingSource = SupportedPayPalFundingSources;
-
-/**
- * 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;
-}
-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[];
-}
-
-interface QRLoaderConfiguration extends UIElementProps {
-    /**
-     * Number of milliseconds that the component will wait in between status calls
-     * @default 2_000
-     */
-    delay?: number;
-    /**
-     * Number of minutes that the component should keep on loading
-     * @default 15
-     */
-    countdownTime?: number;
-    /**
-     * Number of milliseconds that the component will switch to throttled mode
-     * @default 60_000
-     */
-    throttleTime?: number;
-    /**
-     * Number of milliseconds that the component will wait in between status calls when in throttled mode
-     * @default 10_000
-     */
-    throttleInterval?: number;
-    type?: string;
-    brandLogo?: string;
-    buttonLabel?: string;
-    qrCodeImage?: string;
-    qrCodeData?: string;
-    paymentData?: string;
-    redirectIntroduction?: string;
-    timeToPay?: string;
-    copyBtn?: boolean;
-    introduction?: string | (() => h.JSX.Element);
-    instructions?: string | (() => h.JSX.Element);
-}
-
-interface PixConfiguration extends QRLoaderConfiguration {
-    personalDetailsRequired?: boolean;
-}
-interface PixElementData {
-    paymentMethod: {
-        type: 'pix';
-    };
-    shopperName?: {
-        firstName: string;
-        lastName: string;
-    };
-    socialSecurityNumber?: string;
-}
-
-interface PreAuthorizedDebitCanadaConfiguration extends UIElementProps {
-    /**
-     * Adds placeholder text to the input fields
-     */
-    placeholders?: PreAuthorizedDebitCanadaPlaceholders;
-    /**
-     * Display the contextual text underneath the input field. Disable it if you are using placeholders instead
-     * @default true
-     */
-    showContextualElement?: boolean;
-    /**
-     * Enables storing the payment method using the Checkbox. Used for Advanced flow only
-     * @default false
-     */
-    enableStoreDetails?: boolean;
-    /**
-     * 'storedPaymentMethodId' coming from a stored PreAuthorizedDebitCanada in /paymentMethods response
-     * @internal
-     */
-    storedPaymentMethodId?: string;
-    /**
-     * 'lastFour' coming from a stored PreAuthorizedDebitCanada in /paymentMethods response
-     * @internal
-     */
-    lastFour?: string;
-    /**
-     * 'label' coming from a stored PreAuthorizedDebitCanada in /paymentMethods response
-     * @internal
-     */
-    label?: string;
-}
-interface PreAuthorizedDebitCanadaPlaceholders {
-    ownerName?: string;
-    bankAccountNumber?: string;
-    bankCode?: string;
-    bankLocationId?: string;
-}
-
-interface RedirectConfiguration extends UIElementProps {
-    type?: string;
-    beforeRedirect?: (resolve: any, reject: any, url: any) => Promise<void>;
-    /**
-     * Specifies the URL to redirect to. Returned in the action object.
-     * @internal
-     */
-    url?: string;
-    /**
-     * When the redirect URL must be accessed via POST, use this data to post to the redirect URL.
-     * Returned in the action object
-     * @internal
-     */
-    data?: {
-        [key: string]: unknown;
-    };
-    /**
-     * Specifies the HTTP method for the redirect.
-     * Returned in the action object
-     * @internal
-     */
-    method?: 'GET' | 'POST';
-}
-
-interface SepaElementData {
-    paymentMethod: {
-        type: string;
-        iban: string;
-        ownerName: string;
-    };
-}
-interface SepaConfiguration extends UIElementProps {
-}
-
-interface Mandate {
-    /**
-     * Mandate amount in the smallest unit of the currency. Maximum amount the shopper authorizes
-     * for future recurring charges.
-     */
-    amount: string;
-    /**
-     * Charge cadence for the mandate.
-     */
-    frequency: 'monthly' | 'weekly' | 'adhoc';
-    /**
-     * - `max`: merchant can charge any amount up to `amount` during future billing cycles.
-     * - `exact`: merchant must charge exactly `amount` on each recurring charge.
-     */
-    amountRule: 'max' | 'exact';
-    /**
-     * End date of the mandate in `YYYY-MM-DD` format. Required by the Checkout API.
-     * Recommended to set between 7 and 10 years in the future.
-     */
-    endsAt: string;
-    /**
-     * Start date of the mandate in `YYYY-MM-DD` format. Defaults to the mandate creation date.
-     */
-    startsAt?: string;
-    /**
-     * Free-form description of the mandate shown on the shopper's UPI app.
-     */
-    remarks?: string;
-}
-
-type UpiType = TxVariants.upi_qr | TxVariants.upi_intent;
-type UpiMode = 'qrCode' | 'intent';
-type App = {
-    id: string;
-    name: string;
-};
-type UpiPaymentData = {
-    paymentMethod: {
-        type: UpiType;
-        appId?: string;
-    };
-};
-interface UPIConfiguration extends UIElementProps {
-    /**
-     * @deprecated
-     * UPI configuration property "defaultMode" is deprecated and will be removed in a future version.
-     */
-    defaultMode?: UpiMode;
-    mandate?: Mandate;
-    apps?: Array<App>;
-    /**
-     * Redirect url for upi intent apps
-     * @internal
-     */
-    url?: string;
-    /**
-     * @internal
-     */
-    paymentData?: string;
-    qrCodeData?: string;
-    brandLogo?: string;
-    /**
-     * The duration in minutes before the await/QR code expires.
-     */
-    countdownTime?: number;
-    /**
-     * Show the available UPI apps images on the Drop-in payment method item
-     */
-    showPaymentMethodItemImages?: boolean;
-    /**
-     * Show `+ other` after the UPI apps images on the Drop-in payment method item
-     */
-    showOtherInsteadOfNumber?: boolean;
-}
-/**
- * @internal
- */
-type UPIAppList = Array<{
-    id: string;
-    name: string;
-    icon: string;
-}>;
-
-declare enum PayToIdentifierEnum {
-    phone = "phone",
-    email = "email",
-    abn = "abn",
-    orgid = "orgid"
-}
-
-interface PayIdFormData {
-    email: string;
-    phone: string;
-    abn: string;
-    orgid: string;
-    firstName: string;
-    lastName: string;
-    phoneNumber?: string;
-    phonePrefix?: string;
-    selectedIdentifier: PayToIdentifierEnum;
-}
-
-interface BSBFormData {
-    bsb: string;
-    bankAccountNumber: string;
-    firstName: string;
-    lastName: string;
-}
-
-type PayToInputOption = 'payid-option' | 'bsb-option';
-type PayToComponentData = {
-    selectedInput: PayToInputOption;
-};
-
-type MandateFrequencyType = 'adhoc' | 'daily' | 'weekly' | 'biWeekly' | 'monthly' | 'quarterly' | 'halfYearly' | 'yearly';
-interface MandateType {
-    amount: string;
-    amountRule: string;
-    frequency: MandateFrequencyType;
-    startsAt?: string;
-    endsAt: string;
-    remarks: string;
-    count?: string;
-}
-type PayToPlaceholdersType = {
-    [K in keyof PayToData]: string;
-};
-interface PayToConfiguration extends UIElementProps {
-    /**
-     * Data received from the server to handle the action
-     * @internal
-     */
-    paymentData?: string;
-    data?: PayToData;
-    placeholders?: PayToPlaceholdersType;
-    mandate?: MandateType;
-    payee?: string;
-}
-interface PayToData extends PayIdFormData, BSBFormData, PayToComponentData {
-    shopperAccountIdentifier: string;
-}
-
-interface IssuerItem {
-    id: string;
-    name: string;
-    icon?: string;
-}
-interface TermsAndConditions {
-    translationKey: string;
-    urls: string[];
-}
-
-interface IssuerListConfiguration extends UIElementProps {
-    showImage?: boolean;
-    placeholder?: string;
-    issuers?: IssuerItem[];
-    highlightedIssuers?: string[];
-    showPaymentMethodItemImages?: boolean;
-    termsAndConditions?: TermsAndConditions;
-    showContextualElement?: boolean;
-}
-interface IssuerListData {
-    paymentMethod: {
-        type: string;
-        issuer: string;
-    };
-}
-
-interface CompanyDetailsSchema {
-    name?: string;
-    registrationNumber?: string;
-}
-
-type OpenInvoiceAddressSpecification = AddressSpecifications & {
-    allowedCountries?: string[];
-};
-interface OpenInvoiceVisibility {
-    companyDetails?: FieldsetVisibility;
-    personalDetails?: FieldsetVisibility;
-    billingAddress?: FieldsetVisibility;
-    deliveryAddress?: FieldsetVisibility;
-    bankAccount?: FieldsetVisibility;
-}
-interface BankDetailsSchema {
-    countryCode?: string;
-    ibanNumber?: any;
-    ownerName?: string;
-}
-interface OpenInvoiceProps extends UIElementProps {
-    allowedCountries?: string[];
-    consentCheckboxLabel: any;
-    countryCode?: string;
-    data: {
-        companyDetails?: CompanyDetailsSchema;
-        personalDetails?: PersonalDetailsSchema;
-        billingAddress?: AddressData;
-        deliveryAddress?: AddressData;
-        bankAccount?: BankDetailsSchema;
-    };
-    onChange: (state: any, element?: UIElement) => void;
-    payButton: any;
-    visibility?: OpenInvoiceVisibility;
-    personalDetailsRequiredFields?: string[];
-    billingAddressRequiredFields?: string[];
-    billingAddressSpecification?: OpenInvoiceAddressSpecification;
-    deliveryAddressRequiredFields?: string[];
-    deliveryAddressSpecification?: OpenInvoiceAddressSpecification;
-    setComponentRef?: (ref: any) => void;
-}
-interface OpenInvoiceStateData {
-    companyDetails?: CompanyDetailsSchema;
-    personalDetails?: PersonalDetailsSchema;
-    billingAddress?: AddressData;
-    deliveryAddress?: AddressData;
-    bankAccount?: BankDetailsSchema;
-    consentCheckbox?: boolean;
-}
-interface OpenInvoiceStateError {
-    consentCheckbox?: boolean | GenericError;
-    companyDetails?: boolean | ValidationRuleErrorObj;
-    billingAddress?: boolean | ValidationRuleErrorObj;
-    deliveryAddress?: boolean | ValidationRuleErrorObj;
-    personalDetails?: boolean | ValidationRuleErrorObj;
-    bankAccount?: boolean | object;
-}
-interface OpenInvoiceStateValid {
-    consentCheckbox?: boolean;
-    companyDetails?: boolean;
-    billingAddress?: boolean;
-    deliveryAddress?: boolean;
-    personalDetails?: boolean;
-    bankAccount?: boolean;
-}
-interface OpenInvoiceActiveFieldsets {
-    companyDetails: boolean;
-    personalDetails: boolean;
-    billingAddress: boolean;
-    deliveryAddress: boolean;
-    bankAccount: boolean;
-}
-interface OpenInvoiceFieldsetsRefs {
-    companyDetails?: any;
-    personalDetails?: any;
-    billingAddress?: any;
-    deliveryAddress?: any;
-    bankAccount?: any;
-}
-
-interface OpenInvoiceConfiguration extends Partial<OpenInvoiceProps> {
-    consentCheckboxLabel?: h.JSX.Element;
-    billingAddressRequiredFields?: string[];
-    billingAddressSpecification?: AddressSpecifications;
-}
-
-interface AwaitComponentProps {
-    type: string;
-    delay?: number;
-    countdownTime: number;
-    throttleTime: number;
-    showCountdownTimer: boolean;
-    shouldRedirectAutomatically?: boolean;
-    throttleInterval: number;
-    paymentData?: string;
-    url?: string;
-    classNameModifiers?: string[];
-    clientKey: string;
-    onError: (error: AdyenCheckoutError) => void;
-    onComplete: (status: AdditionalDetailsData) => void;
-    brandLogo?: string;
-    messageText?: string;
-    awaitText: string;
-    onActionHandled?: (rtnObj: ActionHandledReturnObject) => void;
-    pollStatus?: () => Promise<RawPaymentResponse | RawPaymentStatusResponse>;
-    instructions?: string | (() => h.JSX.Element);
-    endSlot?: () => h.JSX.Element;
-    showAmount?: boolean;
-}
-interface AwaitConfiguration extends UIElementProps {
-    paymentData?: string;
-    paymentMethoType?: string;
-    type?: string;
-    url?: string;
-}
-
-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;
-        };
-    };
-    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 DisclaimerMsgObject {
-    message: string;
-    linkText: string;
-    link: string;
-}
-
-interface SFError {
-    isValid?: boolean;
-    errorMessage?: string;
-    errorI18n?: string;
-    error: string;
-    rootNode: HTMLElement;
-    detectedBrands?: string[];
-}
-interface SFStateErrorObj {
-    [key: string]: SFError;
-}
-
-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) => void;
-    render(): h.JSX.Element;
-}
-
-interface BaseElementProps {
-    order?: Order;
-    modules?: {
-        srPanel?: SRPanel;
-        analytics?: IAnalytics;
-        resources?: Resources;
-        risk?: RiskElement;
-    };
-    /**
-     * Identifies if the Element is the DropIn element
-     */
-    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;
-}
-
-type CoreCallbacks = Pick<CoreConfiguration, 'beforeRedirect' | 'beforeSubmit' | 'onSubmit' | 'onAdditionalDetails' | 'onPaymentFailed' | 'onPaymentCompleted' | 'onOrderUpdated' | 'onPaymentMethodsRequest' | 'onChange' | 'onActionHandled' | 'onError' | 'onEnterKeyPressed'>;
-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;
-    /**
-     * The shopper’s issuer account label. It can be available for stored payment method
-     * @internal
-     */
-    label?: string;
-    /**
-     * Returned after the payments call, when an action is returned. It represents the payment method tx variant
-     * that was used for the payment
-     * @internal
-     */
-    paymentMethodType?: string;
-    /**
-     * Reference to the action object found in a /payments response. This, in most cases, is passed on to the onActionHandled callback
-     */
-    originalAction?: PaymentAction;
-};
-type UIElementStatus = 'ready' | 'loading' | 'error' | 'success';
-interface ComponentMethodsRef {
-    showValidation?: () => void;
-    setStatus?(status: UIElementStatus): void;
-}
-
-declare class OpenInvoiceContainer extends UIElement<OpenInvoiceConfiguration> {
-    protected static readonly defaultProps: Partial<OpenInvoiceConfiguration>;
-    /**
-     * Returns whether the component state is valid or not
-     */
-    get isValid(): boolean;
-    /**
-     * Formats props on construction time
-     */
-    formatProps(props: any): any;
-    /**
-     * Formats the component data output
-     */
-    formatData(): any;
-    protected componentToRender(): h.JSX.Element;
-}
-
-declare class AfterPay extends OpenInvoiceContainer {
-    static readonly type = TxVariants.afterpay_default;
-    static readonly txVariants: TxVariants[];
-    formatProps(props: OpenInvoiceConfiguration): any;
-}
-
-declare class AfterPayB2B extends OpenInvoiceContainer {
-    static readonly type = TxVariants.afterpay_b2b;
-    protected static readonly defaultProps: Partial<OpenInvoiceConfiguration>;
-    formatProps(props: OpenInvoiceConfiguration): any;
-}
-
-declare class ANCVElement extends UIElement<ANCVConfiguration> {
-    static readonly type = "ancv";
-    /**
-     * Formats the component data output
-     */
-    formatData(): {
-        paymentMethod: {
-            type: string;
-            beneficiaryId: any;
-        };
-    };
-    private onOrderRequest;
-    /**
-     * Check if order exists, if it does Resolve.
-     * Otherwise createOrder and then Resolve.
-     */
-    createOrder: () => Promise<void>;
-    submit(): boolean;
-    protected payButton: (props: PayButtonProps) => h.JSX.Element;
-    get isValid(): boolean;
-    get displayName(): string;
-    protected componentToRender(): h.JSX.Element;
-}
-
-declare class ApplePayElement extends UIElement<ApplePayConfiguration> {
-    static readonly type = TxVariants.applepay;
-    protected static readonly defaultProps: ApplePayConfiguration;
-    private sdkLoader;
-    private applePayVersionNumber;
-    constructor(checkout: ICore, props?: ApplePayConfiguration);
-    /**
-     * Formats the component props
-     */
-    protected formatProps(props: ApplePayConfiguration): ApplePayConfiguration;
-    /**
-     * Formats the component data output
-     */
-    protected formatData(): ApplePayElementData;
-    protected beforeRender(configSetByMerchant?: ApplePayConfiguration): void;
-    submit: () => void;
-    get isValid(): boolean;
-    /**
-     * This API is only intended for upstreaming or defaulting to Apple Pay, all other scenarios should continue to
-     * use canMakePayments(). For Safari browsers, this API will indicate whether there is a card available to make
-     * payments. For third-party browsers a new status of paymentCredentialStatusUnknown will be returned. This does
-     * not mean there are no cards available, it means the status cannot be determined and as such defaulting
-     * and upstreaming should still be considered.
-     *
-     * {@link https://developer.apple.com/documentation/applepayontheweb/applepaysession/4440085-applepaycapabilities}
-     * @param merchantIdentifier
-     */
-    applePayCapabilities(merchantIdentifier?: string): Promise<ApplePayJS.PaymentCredentialStatusResponse>;
-    /**
-     * Determines if Apple Pay component can be displayed or not
-     */
-    isAvailable(): Promise<void>;
-    /**
-     * Sets the Apple Pay version available for the shopper.
-     * This code needs to be executed once the  Apple Pay SDK is fully loaded
-     * @private
-     */
-    private defineApplePayVersionNumber;
-    /**
-     * Sets the configuration/callbacks that pertain to the Apple Pay code overlay/modal.
-     * @private
-     */
-    private configureApplePayWebOptions;
-    private startSession;
-    /**
-     * Call the 'onAuthorized' callback if available.
-     * Must be resolved/reject for the payment flow to continue
-     *
-     * @private
-     */
-    private handleAuthorization;
-    /**
-     * Verify if the 'onOrderTrackingRequest' is provided. If so, triggers the callback expecting an
-     * Apple Pay order details back
-     *
-     * @private
-     */
-    private collectOrderTrackingDetailsIfNeeded;
-    private validateMerchant;
-    protected componentToRender(): h.JSX.Element;
-}
-
-declare class Atome extends OpenInvoiceContainer {
-    static readonly type = TxVariants.atome;
-    formatProps(props: OpenInvoiceConfiguration): any;
-}
-
-declare class IssuerListContainer<TProps extends IssuerListConfiguration = IssuerListConfiguration, TData = IssuerListData> extends UIElement<TProps> {
-    protected static readonly defaultProps: {
-        showImage: boolean;
-        issuers: any[];
-        highlightedIssuers: any[];
-        loadingContext: string;
-        showPaymentMethodItemImages: boolean;
-    };
-    constructor(checkout: ICore, props?: TProps);
-    formatProps(props: any): any;
-    /**
-     * Formats the component data output
-     */
-    formatData(): TData;
-    /**
-     * Returns whether the component state is valid or not
-     */
-    get isValid(): boolean;
-    /**
-     * Returns brands array (similar to card) depending on showPaymentMethodItemImages
-     * This is used to show the brands in the PaymentMethodItem
-     * Requires brands icons to be loaded in the payment method
+     * Returns brands array (similar to card) depending on showPaymentMethodItemImages
+     * This is used to show the brands in the PaymentMethodItem
+     * Requires brands icons to be loaded in the payment method
      */
     get brands(): PaymentMethodBrand[];
     protected componentToRender(): h.JSX.Element;
@@ -3842,12 +2452,136 @@ declare class IssuerListContainer<TProps extends IssuerListConfiguration = Issue
 
 declare class BillDeskOnlineElement extends IssuerListContainer {
     static readonly type = TxVariants.billdesk_online;
-    formatProps(props: any): any;
+    formatProps(props: any): {
+        showImage: boolean;
+        placeholder?: string;
+        issuers?: IssuerItem[];
+        highlightedIssuers?: string[];
+        showPaymentMethodItemImages?: boolean;
+        termsAndConditions?: TermsAndConditions;
+        showContextualElement?: boolean;
+        paymentMethodId?: string;
+        storedPaymentMethodId?: 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;
+        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;
+        type?: string;
+        name?: string;
+        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;
+    };
 }
 
 declare class BillDeskWalletElement extends IssuerListContainer {
     static readonly type = TxVariants.billdesk_wallet;
-    formatProps(props: any): any;
+    formatProps(props: any): {
+        showImage: boolean;
+        placeholder?: string;
+        issuers?: IssuerItem[];
+        highlightedIssuers?: string[];
+        showPaymentMethodItemImages?: boolean;
+        termsAndConditions?: TermsAndConditions;
+        showContextualElement?: boolean;
+        paymentMethodId?: string;
+        storedPaymentMethodId?: 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;
+        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;
+        type?: string;
+        name?: string;
+        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;
+    };
 }
 
 declare class CashAppPay extends UIElement<CashAppPayConfiguration> {
@@ -3889,6 +2623,7 @@ declare class CashAppPay extends UIElement<CashAppPayConfiguration> {
             risk?: RiskElement;
         };
         isDropin?: boolean;
+        donation?: DonationOptions;
         onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement) => void;
         onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
@@ -3966,6 +2701,165 @@ declare class ClickToPayElement extends UIElement<ClickToPayConfiguration> {
             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;
+        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;
+        type?: string;
+        name?: string;
+        icon?: string;
+        amount?: PaymentAmount;
+        secondaryAmount?: PaymentAmount;
+        showPayButton?: boolean;
+        payButton?: (options: PayButtonProps) => h.JSX.Element;
+        loadingContext?: string;
+        createFromAction?: (action: PaymentAction, props: object) => UIElement;
+        clientKey?: string;
+        elementRef?: any;
+        i18n?: Language;
+        label?: string;
+        paymentMethodType?: string;
+        originalAction?: PaymentAction;
+        merchantDisplayName?: string;
+        onReady?(): void;
+        onTimeout?(error: TimeoutError): void;
+        configuration?: {
+            mcDpaId?: string;
+            mcSrcClientId?: string;
+            visaSrcInitiatorId?: string;
+            visaSrciDpaId?: string;
+        };
+    };
+    /**
+     * Method used to let the merchant know if the shopper have a valid CtP accoubt
+     *
+     * Resolves Promise if the Shopper has cookies OR has valid CtP account
+     * Rejects Promise if account isn't found or if Login screen is triggered
+     */
+    isAvailable(): Promise<void>;
+    private handleClickToPaySubmit;
+    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);
+    protected static readonly defaultProps: any;
+    formatData(): CardElementData;
+    /**
+     * Now that the Bancontact (BCMC) Card component can accept a number dual branded with Visa (which requires a CVC) it has to be handled differently
+     * at creation time (no automatic removing of the CVC securedField).
+     * At the same time we can't treat it as a regular 'card' component - because it needs to hide the CVC field at at startup,
+     * as well as show the BCMC logo in the number field and ignore any of the internal, regEx driven, brand detection.
+     */
+    formatProps(props: CardConfiguration): {
+        /**
+         * Force type (only for the Dropin is type automatically set to 'bcmc')
+         * - this will bypass the regEx brand detection that SF normally tries to carry out when the first few digits are entered in the PAN
+         */
+        type: TxVariants;
+        brand: TxVariants;
+        cvcPolicy: CVCPolicyType;
+        autoFocus?: boolean;
+        billingAddressAllowedCountries?: string[];
+        billingAddressMode?: "full" | "partial" | "none";
+        billingAddressRequired?: boolean;
+        billingAddressRequiredFields?: string[];
+        brands?: string[];
+        brandsConfiguration?: CardBrandsConfiguration;
+        challengeWindowSize?: ChallengeWindowSize;
+        clickToPayConfiguration?: ClickToPayProps;
+        fastlaneConfiguration?: FastlaneSignupConfiguration;
+        configuration?: CardBackendConfiguration;
+        countryCode?: string;
+        data?: {
+            holderName?: string;
+            billingAddress?: Partial<AddressData>;
+        };
+        _disableClickToPay?: boolean;
+        disableIOSArrowKeys?: boolean;
+        disclaimerMessage?: DisclaimerMsgObject;
+        doBinLookup?: boolean;
+        enableStoreDetails?: boolean;
+        expiryMonth?: string;
+        exposeExpiryDate?: boolean;
+        forceCompat?: boolean;
+        fundingSource?: FundingSourceKeys;
+        hasCVC?: boolean;
+        hasHolderName?: boolean;
+        holderName?: string;
+        hideCVC?: boolean;
+        holderNameRequired?: boolean;
+        id?: string;
+        installmentOptions?: InstallmentOptions;
+        keypadFix?: boolean;
+        lastFour?: string;
+        legacyInputMode?: boolean;
+        maskSecurityCode?: boolean;
+        minimumExpiryDate?: string;
+        name?: string;
+        onAddressLookup?: OnAddressLookupType;
+        onAddressSelected?: OnAddressSelectedType;
+        onBinLookup?: (event: CardBinLookupData) => void;
+        onBinValue?: (event: CardBinValueData) => void;
+        onBlur?: (event: CardFocusData | ComponentFocusObject) => void;
+        onBrand?: (event: CardBrandData) => void;
+        onConfigSuccess?: (event: CardConfigSuccessData) => void;
+        onAllValid?: (event: CardAllValidData) => void;
+        onFieldValid?: (event: CardFieldValidData) => void;
+        onFocus?: (event: CardFocusData | ComponentFocusObject) => void;
+        onLoad?: (event: CardLoadData) => void;
+        placeholders?: CardPlaceholders;
+        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: {
@@ -3994,13 +2888,11 @@ declare class ClickToPayElement extends UIElement<ClickToPayConfiguration> {
         isStoredPaymentMethod?: boolean;
         oneClick?: boolean;
         statusType?: StatusFromAction;
-        type?: string;
-        name?: string;
         icon?: string;
         amount?: PaymentAmount;
         secondaryAmount?: PaymentAmount;
         showPayButton?: boolean;
-        payButton?: (options: PayButtonProps) => h.JSX.Element;
+        payButton?: (options: PayButtonProps) => preact.JSX.Element;
         loadingContext?: string;
         createFromAction?: (action: PaymentAction, props: object) => UIElement;
         clientKey?: string;
@@ -4009,299 +2901,762 @@ declare class ClickToPayElement extends UIElement<ClickToPayConfiguration> {
         label?: string;
         paymentMethodType?: string;
         originalAction?: PaymentAction;
-        merchantDisplayName?: string;
-        onReady?(): void;
-        onTimeout?(error: TimeoutError): void;
-        configuration?: {
-            mcDpaId?: string;
-            mcSrcClientId?: string;
-            visaSrcInitiatorId?: string;
-            visaSrciDpaId?: string;
+    };
+    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;
+    };
+    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;
+}
+
+interface RedirectConfiguration extends UIElementProps {
+    type?: string;
+    beforeRedirect?: (resolve: any, reject: any, url: any) => Promise<void>;
+    /**
+     * Specifies the URL to redirect to. Returned in the action object.
+     * @internal
+     */
+    url?: string;
+    /**
+     * When the redirect URL must be accessed via POST, use this data to post to the redirect URL.
+     * Returned in the action object
+     * @internal
+     */
+    data?: {
+        [key: string]: unknown;
+    };
+    /**
+     * Specifies the HTTP method for the redirect.
+     * Returned in the action object
+     * @internal
+     */
+    method?: 'GET' | 'POST';
+}
+
+declare class RedirectElement extends UIElement<RedirectConfiguration> {
+    static readonly type: TxVariants;
+    static readonly defaultProps: {
+        type: TxVariants;
+    };
+    formatData(): {
+        paymentMethod: {
+            type: string;
         };
+        browserInfo: BrowserInfo;
     };
+    private handleRedirectError;
+    get isRedirecting(): boolean;
+    get isValid(): boolean;
+    get browserInfo(): BrowserInfo;
+    protected componentToRender(): h.JSX.Element;
+}
+
+declare class GiropayElement extends RedirectElement {
+    static readonly type: TxVariants;
+    get displayName(): any;
+    protected componentToRender(): h.JSX.Element;
+}
+
+interface GooglePayConfiguration extends UIElementProps {
+    type?: 'googlepay' | 'paywithgoogle';
+    /**
+     * List of brands accepted by the component. Values are configured on the Backoffice and returned in the /paymentMethodsResponse data
+     * @internal
+     */
+    brands?: string[];
+    /**
+     * Used for analytics
+     */
+    expressPage?: 'cart' | 'minicart' | 'pdp' | 'checkout';
+    /**
+     * Enables the GooglePay Express Flow & also used for analytics
+     * @defaultValue false
+     */
+    isExpress?: boolean;
+    /**
+     * Defines the size of the challenge Component
+     *
+     * 01: [250px, 400px]
+     * 02: [390px, 400px]
+     * 03: [500px, 600px]
+     * 04: [600px, 400px]
+     * 05: [100%, 100%]
+     *
+     * @defaultValue '02'
+     */
+    challengeWindowSize?: ChallengeWindowSize;
+    /**
+     * @see https://developers.google.com/pay/api/web/reference/request-objects#IsReadyToPayRequest
+     * @defaultValue false
+     */
+    existingPaymentMethodRequired?: boolean;
+    /**
+     * The status of the total price
+     * @see https://developers.google.com/pay/api/web/reference/request-objects#TransactionInfo
+     */
+    totalPriceStatus?: google.payments.api.TotalPriceStatus;
+    /**
+     * @see https://developers.google.com/pay/api/web/reference/request-objects#TransactionInfo
+     */
+    countryCode?: string;
+    allowedAuthMethods?: google.payments.api.CardAuthMethod[];
+    allowedCardNetworks?: google.payments.api.CardNetwork[];
+    /**
+     * Set to true to request assuranceDetails. This object provides information
+     * about the validation performed on the returned payment data.
+     *
+     * @defaultValue false
+     */
+    assuranceDetailsRequired?: boolean;
+    /**
+     * Set to false if you don't support credit cards.
+     * @defaultValue true
+     */
+    allowCreditCards?: boolean;
+    /**
+     * Set to false if you don't support prepaid cards.
+     * @defaultValue true
+     */
+    allowPrepaidCards?: boolean;
+    /**
+     * Issuer country allowlist that contains ISO 3166-1 alpha-2 country codes.
+     * When this allowlist is set, users can only choose payment methods issued in the specified countries.
+     *
+     * @remarks
+     * Note: allowedIssuerCountryCodes and blockedIssuerCountryCodes are mutually exclusive, so only one should be set at a time.
+     *
+     * @see https://developers.google.com/pay/api/web/reference/request-objects#CardParameters
+     * @example ['US', 'CA', 'GB']
+     */
+    allowedIssuerCountryCodes?: string[];
     /**
-     * Method used to let the merchant know if the shopper have a valid CtP accoubt
+     * Issuer country blocklist that contains ISO 3166-1 alpha-2 country codes.
+     * When this blocklist is set, users are restricted from choosing payment methods issued in the specified countries.
      *
-     * Resolves Promise if the Shopper has cookies OR has valid CtP account
-     * Rejects Promise if account isn't found or if Login screen is triggered
+     * @remarks
+     * Note: allowedIssuerCountryCodes and blockedIssuerCountryCodes are mutually exclusive, so only one should be set at a time.
+     *
+     * @see https://developers.google.com/pay/api/web/reference/request-objects#CardParameters
+     * @example ['CN', 'RU']
      */
-    isAvailable(): Promise<void>;
-    private handleClickToPaySubmit;
-    protected componentToRender(): h.JSX.Element;
-}
-
-declare class BancontactElement extends CardElement {
-    static readonly type: TxVariants;
-    constructor(checkout: ICore, props?: CardConfiguration);
-    protected static readonly defaultProps: any;
-    formatData(): CardElementData;
+    blockedIssuerCountryCodes?: string[];
     /**
-     * Now that the Bancontact (BCMC) Card component can accept a number dual branded with Visa (which requires a CVC) it has to be handled differently
-     * at creation time (no automatic removing of the CVC securedField).
-     * At the same time we can't treat it as a regular 'card' component - because it needs to hide the CVC field at at startup,
-     * as well as show the BCMC logo in the number field and ignore any of the internal, regEx driven, brand detection.
+     * Set to true if you require a billing address
+     *
+     * @remarks
+     * A billing address should only be requested if it's required to process the transaction.
+     *
+     * @defaultValue false
      */
-    formatProps(props: CardConfiguration): {
+    billingAddressRequired?: boolean;
+    /**
+     * The expected fields returned if billingAddressRequired is set to true.
+     */
+    billingAddressParameters?: google.payments.api.BillingAddressParameters;
+    /**
+     * Set to true to request an email address.
+     * @defaultValue false
+     */
+    emailRequired?: boolean;
+    /**
+     * Set to true to request a full shipping address.
+     * @defaultValue false
+     */
+    shippingAddressRequired?: boolean;
+    /**
+     * If shippingAddressRequired is set to true, specify shipping address restrictions. This object is used to set shipping restrictions.
+     *
+     * @see https://developers.google.com/pay/api/web/reference/request-objects#ShippingAddressParameters
+     */
+    shippingAddressParameters?: google.payments.api.ShippingAddressParameters;
+    /**
+     * Set to true when the SHIPPING_OPTION callback intent is used. This field is required if you implement support
+     * for Authorize Payments or Dynamic Price Updates.
+     *
+     * @see https://developers.google.com/pay/api/web/reference/request-objects#ShippingOptionParameters
+     */
+    shippingOptionRequired?: boolean;
+    /**
+     * @see https://developers.google.com/pay/api/web/reference/request-objects#ShippingOptionParameters
+     */
+    shippingOptionParameters?: google.payments.api.ShippingOptionParameters;
+    /**
+     * Specifies the following callback intents for PaymentDataCallbacks
+     * @see https://developers.google.com/pay/api/web/reference/request-objects#PaymentDataCallbacks
+     */
+    callbackIntents?: google.payments.api.CallbackIntent[];
+    /**
+     * Disclaimer: 'onPaymentAuthorized' is not exposed as we are using our own method internally to
+     * handle the authorization part
+     *
+     * @see https://developers.google.com/pay/api/web/reference/request-objects#PaymentDataCallbacks
+     */
+    paymentDataCallbacks?: Pick<google.payments.api.PaymentDataCallbacks, 'onPaymentDataChanged'>;
+    /**
+     * @see https://developers.google.com/pay/api/web/reference/request-objects#TransactionInfo
+     */
+    transactionInfo?: Partial<google.payments.api.TransactionInfo>;
+    /**
+     * Google button color
+     * @default default
+     */
+    buttonColor?: google.payments.api.ButtonColor;
+    /**
+     * Changes the button UI label
+     * @default buy
+     */
+    buttonType?: google.payments.api.ButtonType;
+    /**
+     * Decides if the button takes the whole space or use preset from Google
+     * @default fill
+     */
+    buttonSizeMode?: google.payments.api.ButtonSizeMode;
+    buttonRootNode?: HTMLDocument | ShadowRoot;
+    buttonLocale?: string;
+    buttonRadius?: number;
+    /**
+     * Called when the shopper clicks the Google Pay button. Call resolve() or reject() to continue or stop the payment flow.
+     *
+     * @param resolve - Display the Google payment sheet
+     * @param reject - Don't display the Google payment sheet
+     * @returns
+     */
+    onClick?: (resolve: () => void, reject: () => void) => void;
+    /**
+     * Callback called when GooglePay authorizes the payment.
+     * Must be resolved/rejected with the action object.
+     */
+    onAuthorized?: (data: {
+        authorizedEvent: google.payments.api.PaymentData;
+        billingAddress?: Partial<AddressData>;
+        deliveryAddress?: Partial<AddressData>;
+    }, actions: {
+        resolve: () => void;
+        reject: (error?: google.payments.api.PaymentDataError | string) => void;
+    }) => void;
+    configuration?: {
         /**
-         * Force type (only for the Dropin is type automatically set to 'bcmc')
-         * - this will bypass the regEx brand detection that SF normally tries to carry out when the first few digits are entered in the PAN
+         * Adyen's merchant account name
+         * @see https://developers.google.com/pay/api/web/reference/request-objects#gateway
          */
-        type: TxVariants;
-        brand: TxVariants;
-        cvcPolicy: CVCPolicyType;
-        autoFocus?: boolean;
-        billingAddressAllowedCountries?: string[];
-        billingAddressMode?: "full" | "partial" | "none";
-        billingAddressRequired?: boolean;
-        billingAddressRequiredFields?: string[];
-        brands?: string[];
-        brandsConfiguration?: CardBrandsConfiguration;
-        challengeWindowSize?: ChallengeWindowSize;
-        clickToPayConfiguration?: ClickToPayProps;
-        fastlaneConfiguration?: FastlaneSignupConfiguration;
-        configuration?: CardBackendConfiguration;
-        countryCode?: string;
-        data?: {
-            holderName?: string;
-            billingAddress?: Partial<AddressData>;
-        };
-        _disableClickToPay?: boolean;
-        disableIOSArrowKeys?: boolean;
-        disclaimerMessage?: DisclaimerMsgObject;
-        doBinLookup?: boolean;
-        enableStoreDetails?: boolean;
-        expiryMonth?: string;
-        exposeExpiryDate?: boolean;
-        forceCompat?: boolean;
-        fundingSource?: FundingSourceKeys;
-        hasCVC?: boolean;
-        hasHolderName?: boolean;
-        holderName?: string;
-        hideCVC?: boolean;
-        holderNameRequired?: boolean;
-        id?: string;
-        installmentOptions?: InstallmentOptions;
-        keypadFix?: boolean;
-        lastFour?: string;
-        legacyInputMode?: boolean;
-        maskSecurityCode?: boolean;
-        minimumExpiryDate?: string;
-        name?: string;
-        onAddressLookup?: OnAddressLookupType;
-        onAddressSelected?: OnAddressSelectedType;
-        onBinLookup?: (event: CardBinLookupData) => void;
-        onBinValue?: (event: CardBinValueData) => void;
-        onBlur?: (event: CardFocusData | ComponentFocusObject) => void;
-        onBrand?: (event: CardBrandData) => void;
-        onConfigSuccess?: (event: CardConfigSuccessData) => void;
-        onAllValid?: (event: CardAllValidData) => void;
-        onFieldValid?: (event: CardFieldValidData) => void;
-        onFocus?: (event: CardFocusData | ComponentFocusObject) => void;
-        onLoad?: (event: CardLoadData) => void;
-        placeholders?: CardPlaceholders;
-        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;
-        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;
-        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;
+        gatewayMerchantId: string;
+        /**
+         * A Google merchant identifier issued after registration with the {@link https://pay.google.com/business/console | Google Pay Business Console}.
+         * Required when PaymentsClient is initialized with an environment property of PRODUCTION.
+         * @see https://developers.google.com/pay/api/web/reference/request-objects#MerchantInfo
+         */
+        merchantId?: string;
+        /**
+         * Merchant name is rendered in the payment sheet.
+         * @see https://developers.google.com/pay/api/web/reference/request-objects#MerchantInfo
+         */
+        merchantName?: string;
+        /**
+         * Merchant fully qualified domain name.
+         */
+        merchantOrigin?: string;
+        /**
+         * Google JWT solution for platforms
+         * To request Google Pay credentials, you can enable platforms to send requests that are authenticated with the platform credentials. You don't need to register individual domain names to call Google Pay APIs.
+         */
+        authJwt?: string;
     };
-    onBrand: (event: any) => void;
+}
+interface GooglePaymentDataRequest extends google.payments.api.PaymentDataRequest {
+    merchantInfo: ExtendedMerchantInfo;
+}
+interface ExtendedMerchantInfo extends google.payments.api.MerchantInfo {
+    merchantOrigin?: string;
 }
 
-declare class RedirectElement extends UIElement<RedirectConfiguration> {
-    static readonly type: TxVariants;
-    static readonly defaultProps: {
-        type: TxVariants;
-    };
-    formatData(): {
+declare class GooglePay extends UIElement<GooglePayConfiguration> {
+    static readonly type = TxVariants.googlepay;
+    static readonly txVariants: TxVariants[];
+    static readonly defaultProps: GooglePayConfiguration;
+    protected readonly googlePay: any;
+    constructor(checkout: ICore, props?: GooglePayConfiguration);
+    /**
+     * Google Pay requires custom logic due to supporting two Tx variants that lead to the same payment method.
+     * If the merchant creates a standalone Google Pay component, we need to verify if the payment method is available using both tx variants
+     *
+     * @param type
+     * @param paymentMethodId - Unique internal payment method ID
+     * @returns
+     */
+    protected getPaymentMethodFromPaymentMethodsResponse(type?: string, paymentMethodId?: string): RawPaymentMethod;
+    protected formatProps(props: GooglePayConfiguration): GooglePayConfiguration;
+    /**
+     * Formats the component data output
+     */
+    protected formatData(): {
+        deliveryAddress: any;
+        billingAddress: any;
         paymentMethod: {
+            subtype: string;
             type: string;
+            googlePayCardNetwork: any;
+            googlePayToken: any;
         };
         browserInfo: BrowserInfo;
+        origin: string;
     };
-    private handleRedirectError;
-    get isRedirecting(): boolean;
+    /**
+     * Generate the 'allowedCardNetworks' value used by Google Pay
+     *
+     * If the 'allowedCardNetworks' is defined in the Component configuration, it will be used. Otherwise we fallback
+     * to use the 'brands' returned by the backoffice. It can be that 'brands' is not returned, which in this case we
+     * set default values
+     *
+     * @param {object} brandsConfig
+     * @param brandsConfig.allowedCardNetworks - Brands set in the component config
+     * @param brandsConfig.brands - Brands returned by backend
+     * @private
+     */
+    private createAllowedCardNetworksValues;
+    protected beforeRender(configSetByMerchant?: GooglePayConfiguration): void;
+    /**
+     * Displays the Google Pay payment sheet overlay
+     */
+    private showGooglePayPaymentSheet;
+    submit: () => void;
+    /**
+     * Method called when the payment is authorized in the payment sheet
+     *
+     * @see https://developers.google.com/pay/api/web/reference/client#onPaymentAuthorized
+     **/
+    private onPaymentAuthorized;
+    /**
+     * Call the 'onAuthorized' callback if available.
+     * Must be resolved/reject for the payment flow to continue
+     */
+    private handleAuthorization;
     get isValid(): boolean;
+    /**
+     * Determine a shopper's ability to return a form of payment from the Google Pay API.
+     */
+    isAvailable(): Promise<void>;
+    /**
+     * Determine a shopper's ability to return a form of payment from the Google Pay API.
+     */
+    isReadyToPay: () => Promise<google.payments.api.IsReadyToPayResponse>;
+    /**
+     * Use this method to prefetch a PaymentDataRequest configuration to improve loadPaymentData execution time on later user interaction. No value is returned.
+     */
+    prefetch: () => void;
     get browserInfo(): BrowserInfo;
+    get icon(): string;
     protected componentToRender(): h.JSX.Element;
 }
 
-declare class GiropayElement extends RedirectElement {
-    static readonly type: TxVariants;
-    get displayName(): any;
-    protected componentToRender(): h.JSX.Element;
+interface EcontextVoucherResultProps {
+    reference?: string;
+    totalAmount?: PaymentAmount;
+    expiresAt?: string;
+    paymentMethodType?: string;
+    maskedTelephoneNumber?: string;
+    instructionsUrl?: string;
+    alternativeReference?: string;
+    collectionInstitutionNumber?: string;
+    onActionHandled?: (rtnObj: ActionHandledReturnObject) => void;
+}
+interface EcontextInputSchema {
+    firstName?: string;
+    lastName?: string;
+    telephoneNumber?: string;
+    shopperEmail?: string;
+}
+interface EcontextConfiguration extends UIElementProps {
+    personalDetailsRequired?: boolean;
+    data?: PersonalDetailsSchema;
+    /**
+     * @internal
+     */
+    instructionsUrl?: string;
+    /**
+     * @internal
+     */
+    reference?: string;
+    /**
+     * @internal
+     */
+    totalAmount?: PaymentAmount;
+    /**
+     * @internal
+     */
+    expiresAt?: string;
+    /**
+     * @internal
+     */
+    paymentMethodType?: string;
+    /**
+     * @internal
+     */
+    maskedTelephoneNumber?: string;
+    /**
+     * @internal
+     */
+    alternativeReference?: string;
+    /**
+     * @internal
+     */
+    collectionInstitutionNumber?: string;
 }
 
-declare class GooglePay extends UIElement<GooglePayConfiguration> {
-    static readonly type = TxVariants.googlepay;
+declare class EcontextElement extends UIElement<EcontextConfiguration> {
+    static readonly type = TxVariants.econtext;
     static readonly txVariants: TxVariants[];
-    static readonly defaultProps: GooglePayConfiguration;
-    protected readonly googlePay: any;
-    constructor(checkout: ICore, props?: GooglePayConfiguration);
+    protected static readonly defaultProps: {
+        personalDetailsRequired: boolean;
+    };
+    get isValid(): boolean;
+    /**
+     * Formats the component data output
+     */
+    formatData(): any;
+    protected componentToRender(): h.JSX.Element;
+}
+
+declare class FacilyPay3x extends OpenInvoiceContainer {
+    static readonly type = TxVariants.facilypay_3x;
+    formatProps(props: any): any;
+}
+
+declare class FacilyPay4x extends OpenInvoiceContainer {
+    static readonly type = TxVariants.facilypay_4x;
+    formatProps(props: any): any;
+}
+
+declare class FacilyPay6x extends OpenInvoiceContainer {
+    static readonly type = TxVariants.facilypay_6x;
+    formatProps(props: any): any;
+}
+
+declare class FacilyPay10x extends OpenInvoiceContainer {
+    static readonly type = TxVariants.facilypay_10x;
+    formatProps(props: any): any;
+}
+
+declare class FacilyPay12x extends OpenInvoiceContainer {
+    static readonly type = TxVariants.facilypay_12x;
+    formatProps(props: any): any;
+}
+
+type PayPalOrderResponseBody = OrderResponseBody;
+type PayPalOnShippingAddressChangeData = OnShippingAddressChangeData & {
+    errors: Record<string, string>;
+};
+type PayPalOnShippingOptionsChangeData = OnShippingOptionsChangeData & {
+    errors: Record<string, string>;
+};
+type PayPalOnInitActions = OnInitActions;
+
+interface PayPalConfiguration extends UIElementProps {
+    /**
+     * Configuration returned by the backend
+     * @internal
+     */
+    configuration?: {
+        /**
+         * @see {@link https://developer.paypal.com/sdk/js/configuration/#merchant-id}
+         */
+        merchantId?: string;
+        /**
+         * @see {@link https://developer.paypal.com/sdk/js/configuration/#intent}
+         */
+        intent?: Intent;
+    };
+    /**
+     *  Identifies if the payment is Express. Also used for analytics
+     *  @defaultValue false
+     */
+    isExpress?: boolean;
+    /**
+     * Used for analytics
+     */
+    expressPage?: 'cart' | 'minicart' | 'pdp' | 'checkout';
+    /**
+     * Set to true to force the UI to not render PayPal button
+     * @default false
+     */
+    blockPayPalButton?: boolean;
+    /**
+     * Set to true to force the UI to not render PayPal Credit button
+     * @default false
+     */
+    blockPayPalCreditButton?: boolean;
+    /**
+     * Set to true to force the UI to not render PayPal Pay Later button
+     * @default false
+     */
+    blockPayPalPayLaterButton?: boolean;
+    /**
+     * Set to true to force the UI to not render PayPal Venmo button
+     * @default false
+     */
+    blockPayPalVenmoButton?: boolean;
+    /**
+     * Callback called when PayPal authorizes the payment.
+     * Must be resolved/rejected with the action object. If resolved, the additional details will be invoked. Otherwise it will be skipped
+     *
+     * @param data - Contains the raw event from PayPal, along with the billingAddress and deliveryAddress parsed by Adyen based on the raw event data
+     * @param actions - Used to indicate that payment flow must continue or must stop
+     */
+    onAuthorized?: (data: {
+        authorizedEvent: PayPalOrderResponseBody;
+        billingAddress?: Partial<AddressData>;
+        deliveryAddress?: Partial<AddressData>;
+    }, actions: {
+        resolve: () => void;
+        reject: () => void;
+    }) => void;
+    /**
+     * While the buyer is on the PayPal site, you can update their shopping cart to reflect the shipping address they chose on PayPal
+     * @see {@link https://developer.paypal.com/sdk/js/reference/#on-shipping-address-change}
+     *
+     * @param data - PayPal data object
+     * @param actions - Used to reject the address change in case the address is invalid
+     * @param component - Adyen instance of its PayPal implementation. It must be used to manipulate the 'paymentData' in order to apply the amount patch correctly
+     */
+    onShippingAddressChange?: (data: PayPalOnShippingAddressChangeData, actions: {
+        reject: (reason?: string) => Promise<void>;
+    }, component: PaypalElement) => Promise<void>;
     /**
-     * Google Pay requires custom logic due to supporting two Tx variants that lead to the same payment method.
-     * If the merchant creates a standalone Google Pay component, we need to verify if the payment method is available using both tx variants
+     * This callback is triggered any time the user selects a new shipping option.
+     * @see {@link https://developer.paypal.com/sdk/js/reference/#on-shipping-options-change}
      *
-     * @param type
-     * @param paymentMethodId - Unique internal payment method ID
-     * @returns
+     * @param data - An PayPal object containing the payer’s selected shipping option
+     * @param actions - Used to indicates to PayPal that you will not support the shipping method selected by the buyer
+     * @param component - Adyen instance of its PayPal implementation. It must be used to manipulate the 'paymentData' in order to apply the amount patch correctly
      */
-    protected getPaymentMethodFromPaymentMethodsResponse(type?: string, paymentMethodId?: string): RawPaymentMethod;
-    protected formatProps(props: GooglePayConfiguration): GooglePayConfiguration;
+    onShippingOptionsChange?: (data: PayPalOnShippingOptionsChangeData, actions: {
+        reject: (reason?: string) => Promise<void>;
+    }, component: PaypalElement) => Promise<void>;
     /**
-     * Formats the component data output
+     * If set to 'continue' , the button inside the lightbox will display the 'Continue' button
+     * @default pay
      */
-    protected formatData(): {
-        deliveryAddress: any;
-        billingAddress: any;
-        paymentMethod: {
-            subtype: string;
-            type: string;
-            googlePayCardNetwork: any;
-            googlePayToken: any;
-        };
-        browserInfo: BrowserInfo;
-        origin: string;
-    };
+    userAction?: 'continue' | 'pay';
     /**
-     * Generate the 'allowedCardNetworks' value used by Google Pay
+     * Customize your buttons using the style option.
      *
-     * If the 'allowedCardNetworks' is defined in the Component configuration, it will be used. Otherwise we fallback
-     * to use the 'brands' returned by the backoffice. It can be that 'brands' is not returned, which in this case we
-     * set default values
+     * @see {@link https://developer.paypal.com/sdk/js/reference/#style}
+     * @default style.height 48px
+     */
+    style?: {
+        layout?: 'vertical' | 'horizontal';
+        color?: 'gold' | 'blue' | 'silver' | 'white' | 'black';
+        shape?: 'rect' | 'pill';
+        height?: string | number;
+        disableMaxWidth?: boolean;
+        label?: 'paypal' | 'checkout' | 'buynow' | 'pay';
+        tagline?: boolean;
+    };
+    /**
+     * Called when the button first renders. You can use it for validations on your page if you are unable to do so prior to rendering.
+     * @see {@link https://developer.paypal.com/sdk/js/reference/#oninitonclick}
+     */
+    onInit?: (data?: Record<string, unknown>, actions?: PayPalOnInitActions) => void;
+    /**
+     * @see {@link https://developer.paypal.com/sdk/js/reference/#oninitonclick}
+     */
+    onClick?: () => void;
+    /**
+     * The commit status of the transaction. Determines whether to show a Pay Now or Continue button in the Checkout flow.
      *
-     * @param {object} brandsConfig
-     * @param brandsConfig.allowedCardNetworks - Brands set in the component config
-     * @param brandsConfig.brands - Brands returned by backend
-     * @private
+     * @see {@link https://developer.paypal.com/sdk/js/configuration/#commit}
+     * @default true
      */
-    private createAllowedCardNetworksValues;
-    protected beforeRender(configSetByMerchant?: GooglePayConfiguration): void;
+    commit?: boolean;
     /**
-     * Displays the Google Pay payment sheet overlay
+     * Whether the payment information in the transaction will be saved. Save your customers' payment information for billing agreements, subscriptions, or recurring payments.
+     *
+     * @see {@link https://developer.paypal.com/sdk/js/configuration/#vault}
+     * @default false
      */
-    private showGooglePayPaymentSheet;
-    submit: () => void;
+    vault?: boolean;
     /**
-     * Method called when the payment is authorized in the payment sheet
+     * The locale renders components. By default PayPal detects the correct locale for the buyer based on their geolocation and browser preferences.
      *
-     * @see https://developers.google.com/pay/api/web/reference/client#onPaymentAuthorized
-     **/
-    private onPaymentAuthorized;
+     * @see {@link https://developer.paypal.com/sdk/js/configuration/#locale}
+     * @default undefined
+     */
+    locale?: string;
     /**
-     * Call the 'onAuthorized' callback if available.
-     * Must be resolved/reject for the payment flow to continue
+     * Determines whether the funds are captured immediately on checkout or if the buyer authorizes the funds to be captured later.
+     * If set, it will override the intent passed inside the 'configuration' object
+     *
+     * @see {@link https://developer.paypal.com/sdk/js/configuration/#intent}
+     * @default undefined
      */
-    private handleAuthorization;
-    get isValid(): boolean;
+    intent?: Intent;
     /**
-     * Determine a shopper's ability to return a form of payment from the Google Pay API.
+     * Pass a Content Security Policy single-use token if you use them on your site
+     *
+     * @see {@link https://developer.paypal.com/sdk/js/configuration/#data-csp-nonce}
+     * @default undefined
      */
-    isAvailable(): Promise<void>;
+    cspNonce?: string;
+    enableMessages?: boolean;
     /**
-     * Determine a shopper's ability to return a form of payment from the Google Pay API.
+     * Set to true to enable debug mode. Defaults to false.
+     * @see {@link https://developer.paypal.com/sdk/js/configuration/#debug}
+     * @default undefined
      */
-    isReadyToPay: () => Promise<google.payments.api.IsReadyToPayResponse>;
+    debug?: boolean;
     /**
-     * Use this method to prefetch a PaymentDataRequest configuration to improve loadPaymentData execution time on later user interaction. No value is returned.
+     * A two-letter ISO 3166 country code which will be passed to the PayPal SDK as the buyer-country.
+     * Note: The buyer country is only used in the sandbox. Don't pass this query parameter in production.
+     *
+     * @see {@link https://developer.paypal.com/sdk/js/configuration/#buyer-country}
+     * @default undefined
      */
-    prefetch: () => void;
-    get browserInfo(): BrowserInfo;
-    get icon(): string;
-    protected componentToRender(): h.JSX.Element;
+    countryCode?: string;
 }
+/**
+ * The intent for the transaction. This determines whether the funds are captured immediately, or later.
+ * @see {@link https://developer.paypal.com/docs/checkout/reference/customize-sdk/#intent}
+ */
+type Intent = 'sale' | 'capture' | 'authorize' | 'order' | 'tokenize';
+type SupportedPayPalFundingSources = 'paypal' | 'credit' | 'paylater' | 'venmo';
+/**
+ * @deprecated Use {@link SupportedPayPalFundingSources} instead
+ */
+type FundingSource = SupportedPayPalFundingSources;
 
-declare class EcontextElement extends UIElement<EcontextConfiguration> {
-    static readonly type = TxVariants.econtext;
-    static readonly txVariants: TxVariants[];
-    protected static readonly defaultProps: {
-        personalDetailsRequired: boolean;
+declare class PaypalElement extends UIElement<PayPalConfiguration> {
+    static readonly type = TxVariants.paypal;
+    static readonly subtype = "sdk";
+    paymentData: string | null;
+    private resolve;
+    private reject;
+    protected static readonly defaultProps: Partial<PayPalConfiguration>;
+    constructor(checkout: ICore, props?: PayPalConfiguration);
+    formatProps(props: PayPalConfiguration): PayPalConfiguration;
+    protected beforeRender(configSetByMerchant?: PayPalConfiguration): void;
+    submit: () => void;
+    /**
+     * Updates the paymentData value. It must be used in the PayPal Express flow, when patching the amount
+     * @param paymentData - Payment data value
+     */
+    updatePaymentData(paymentData: string): void;
+    /**
+     * Formats the component data output
+     */
+    protected formatData(): {
+        paymentMethod: {
+            type: TxVariants;
+            userAction: "pay" | "continue";
+            subtype: string;
+        };
     };
+    handleAction: (action: PaymentAction) => any;
+    updateWithAction: (action: PaymentAction) => any;
+    /**
+     * Dropin Validation
+     *
+     * @remarks
+     * Paypal does not require any specific Dropin validation
+     */
     get isValid(): boolean;
+    private readonly handleOnApprove;
+    handleResolve(token: string): void;
+    handleReject(errorMessage: string): void;
+    private handleSubmit;
     /**
-     * Formats the component data output
+     * If the merchant provides the 'onShippingAddressChange' callback, then this method is used as a wrapper to it, in order
+     * to expose to the merchant the 'component' instance. The merchant needs the 'component' in order to manipulate the
+     * paymentData
+     *
+     * @param data - PayPal data
+     * @param actions - PayPal actions.
      */
-    formatData(): any;
-    protected componentToRender(): h.JSX.Element;
-}
-
-declare class FacilyPay3x extends OpenInvoiceContainer {
-    static readonly type = TxVariants.facilypay_3x;
-    formatProps(props: any): any;
-}
-
-declare class FacilyPay4x extends OpenInvoiceContainer {
-    static readonly type = TxVariants.facilypay_4x;
-    formatProps(props: any): any;
-}
-
-declare class FacilyPay6x extends OpenInvoiceContainer {
-    static readonly type = TxVariants.facilypay_6x;
-    formatProps(props: any): any;
-}
-
-declare class FacilyPay10x extends OpenInvoiceContainer {
-    static readonly type = TxVariants.facilypay_10x;
-    formatProps(props: any): any;
-}
-
-declare class FacilyPay12x extends OpenInvoiceContainer {
-    static readonly type = TxVariants.facilypay_12x;
-    formatProps(props: any): any;
+    private handleOnShippingAddressChange;
+    /**
+     * If the merchant provides the 'onShippingOptionsChange' callback, then this method is used as a wrapper to it, in order
+     * to expose to the merchant the 'component' instance. The merchant needs the 'component' in order to manipulate the
+     * paymentData
+     *
+     * @param data - PayPal data
+     * @param actions - PayPal actions.
+     */
+    private handleOnShippingOptionsChange;
+    protected componentToRender(): h.JSX.Element | null;
 }
 
 declare class CustomCard extends UIElement<CustomCardConfiguration> {
@@ -4373,6 +3728,16 @@ declare class CustomCard extends UIElement<CustomCardConfiguration> {
     protected componentToRender(): h.JSX.Element;
 }
 
+interface SepaElementData {
+    paymentMethod: {
+        type: string;
+        iban: string;
+        ownerName: string;
+    };
+}
+interface SepaConfiguration extends UIElementProps {
+}
+
 declare class SepaElement extends UIElement<SepaConfiguration> {
     static readonly type = TxVariants.sepadirectdebit;
     constructor(checkout: ICore, props?: SepaConfiguration);
@@ -4391,6 +3756,40 @@ declare class SepaElement extends UIElement<SepaConfiguration> {
     protected componentToRender(): h.JSX.Element;
 }
 
+interface QRLoaderConfiguration extends UIElementProps {
+    /**
+     * Number of milliseconds that the component will wait in between status calls
+     * @default 2_000
+     */
+    delay?: number;
+    /**
+     * Number of minutes that the component should keep on loading
+     * @default 15
+     */
+    countdownTime?: number;
+    /**
+     * Number of milliseconds that the component will switch to throttled mode
+     * @default 60_000
+     */
+    throttleTime?: number;
+    /**
+     * Number of milliseconds that the component will wait in between status calls when in throttled mode
+     * @default 10_000
+     */
+    throttleInterval?: number;
+    type?: string;
+    brandLogo?: string;
+    buttonLabel?: string;
+    qrCodeImage?: string;
+    qrCodeData?: string;
+    paymentData?: string;
+    redirectIntroduction?: string;
+    timeToPay?: string;
+    copyBtn?: boolean;
+    introduction?: string | (() => h.JSX.Element);
+    instructions?: string | (() => h.JSX.Element);
+}
+
 declare class QRLoaderContainer<T extends QRLoaderConfiguration = QRLoaderConfiguration> extends UIElement<T> {
     protected static readonly defaultProps: {
         qrCodeImage: string;
@@ -4435,6 +3834,7 @@ declare class WeChatPayElement extends QRLoaderContainer {
             risk?: RiskElement;
         };
         isDropin?: boolean;
+        donation?: DonationOptions;
         onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement) => void;
         onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
@@ -4508,6 +3908,7 @@ declare class PayNowElement extends QRLoaderContainer {
             risk?: RiskElement;
         };
         isDropin?: boolean;
+        donation?: DonationOptions;
         onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement) => void;
         onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
@@ -4582,6 +3983,7 @@ declare class BCMCMobileElement extends QRLoaderContainer {
             risk?: RiskElement;
         };
         isDropin?: boolean;
+        donation?: DonationOptions;
         onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement) => void;
         onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
@@ -4673,6 +4075,7 @@ declare class DragonpayElement extends UIElement<DragonpayConfiguraton> {
             risk?: RiskElement;
         };
         isDropin?: boolean;
+        donation?: DonationOptions;
         onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement) => void;
         onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
@@ -4786,8 +4189,113 @@ declare class DotpayElement extends IssuerListContainer {
 
 declare class EPSElement extends IssuerListContainer {
     static readonly type = TxVariants.eps;
-    formatProps(props: any): any;
+    formatProps(props: any): {
+        showImage: boolean;
+        placeholder?: string;
+        issuers?: IssuerItem[];
+        highlightedIssuers?: string[];
+        showPaymentMethodItemImages?: boolean;
+        termsAndConditions?: TermsAndConditions;
+        showContextualElement?: boolean;
+        paymentMethodId?: string;
+        storedPaymentMethodId?: 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;
+        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;
+        type?: string;
+        name?: string;
+        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;
+    };
+}
+
+interface GiftCardElementData {
+    paymentMethod: {
+        type: 'giftcard';
+        brand: string;
+        encryptedCardNumber: string;
+        encryptedSecurityCode: string;
+    };
+}
+type balanceCheckResponseType = {
+    sessionData?: string;
+    pspReference?: string;
+    resultCode?: string;
+    balance?: PaymentAmount;
+    transactionLimit?: PaymentAmount;
+};
+type onBalanceCheckCallbackType = (resolve: (res: balanceCheckResponseType) => void, reject: (error: Error) => void, data: GiftCardElementData) => Promise<void>;
+type onRequiringConfirmationCallbackType = (resolve: () => void, reject: (error: Error) => void) => Promise<void>;
+type onOrderRequestCallbackType = (resolve: (order: Order) => void, reject: (error: Error) => void, data: PaymentData) => Promise<void>;
+interface GiftCardConfiguration extends UIElementProps {
+    pinRequired?: boolean;
+    expiryDateRequired?: boolean;
+    brandsConfiguration?: any;
+    brand?: string;
+    onOrderUpdated?: (data: any) => void;
+    onBalanceCheck?: onBalanceCheckCallbackType;
+    onOrderRequest?: onOrderRequestCallbackType;
+    onRequiringConfirmation?: onRequiringConfirmationCallbackType;
+    /**
+     * @internal
+     */
+    fieldsLayoutComponent?: FunctionComponent<GiftcardFieldsProps>;
+}
+/**
+ * Unified error interface that matches useForm error structure for gift cards
+ */
+interface GiftCardValidationError {
+    isValid: boolean;
+    errorMessage: string;
+    errorI18n?: string;
+    error?: string;
 }
+type GiftCardBalanceCheckErrorType = 'no-balance' | 'card-error' | 'currency-error';
 
 interface GiftcardComponentProps extends Partial<Pick<SFPProps, 'clientKey' | 'loadingContext'>> {
     onChange: (state: any) => void;
@@ -4886,11 +4394,41 @@ declare class GiftcardElement extends UIElement<GiftCardConfiguration> {
     protected componentToRender(): h.JSX.Element;
 }
 
+type IrisConfiguration = IssuerListConfiguration & Pick<QRLoaderConfiguration, 'countdownTime' | 'qrCodeData' | 'paymentData' | 'delay'>;
+/**
+ * Iris data format for /payment request
+ * @internal
+ */
+interface IrisData {
+    paymentMethod: {
+        type: string;
+        issuer?: string;
+    };
+}
+/**
+ * Iris component display modes
+ * @internal
+ */
+declare enum IrisMode {
+    QR_CODE = "qrCode",
+    BANK_LIST = "bankList"
+}
+/**
+ * Iris component state
+ * @internal
+ */
+type IrisState = {
+    isValid: boolean;
+    mode: IrisMode;
+    data: {
+        issuer?: string;
+    };
+};
+
 declare class Iris extends IssuerListContainer<IrisConfiguration, IrisData> {
     static readonly type = TxVariants.iris;
-    private mode;
-    constructor(checkout: ICore, props: IrisConfiguration);
-    private readonly onUpdateMode;
+    private readonly defaultMode;
+    state: IrisState;
     private renderIssuerList;
     formatData(): IrisData;
     formatProps(props: IrisConfiguration): IrisConfiguration;
@@ -4906,16 +4444,140 @@ declare class VippsElement extends RedirectElement {
     };
 }
 
-declare class PayuNetCashcardElement extends IssuerListContainer {
-    static readonly type = TxVariants.payu_IN_cashcard;
-    formatProps(props: any): any;
-}
-
-declare class PayuNetBankingElement extends IssuerListContainer {
-    static readonly type = TxVariants.payu_IN_nb;
-    formatProps(props: any): any;
-}
-
+declare class PayuNetCashcardElement extends IssuerListContainer {
+    static readonly type = TxVariants.payu_IN_cashcard;
+    formatProps(props: any): {
+        showImage: boolean;
+        placeholder?: string;
+        issuers?: IssuerItem[];
+        highlightedIssuers?: string[];
+        showPaymentMethodItemImages?: boolean;
+        termsAndConditions?: TermsAndConditions;
+        showContextualElement?: boolean;
+        paymentMethodId?: string;
+        storedPaymentMethodId?: 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;
+        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;
+        type?: string;
+        name?: string;
+        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;
+    };
+}
+
+declare class PayuNetBankingElement extends IssuerListContainer {
+    static readonly type = TxVariants.payu_IN_nb;
+    formatProps(props: any): {
+        showImage: boolean;
+        placeholder?: string;
+        issuers?: IssuerItem[];
+        highlightedIssuers?: string[];
+        showPaymentMethodItemImages?: boolean;
+        termsAndConditions?: TermsAndConditions;
+        showContextualElement?: boolean;
+        paymentMethodId?: string;
+        storedPaymentMethodId?: 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;
+        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;
+        type?: string;
+        name?: string;
+        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;
+    };
+}
+
 declare class RatePay extends OpenInvoiceContainer {
     static readonly type = TxVariants.ratepay;
     formatProps(props: any): any;
@@ -4949,6 +4611,7 @@ declare class SwishElement extends QRLoaderContainer {
             risk?: RiskElement;
         };
         isDropin?: boolean;
+        donation?: DonationOptions;
         onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement) => void;
         onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
@@ -5025,6 +4688,36 @@ declare class AchElement extends UIElement<AchConfiguration> {
     protected componentToRender(): h.JSX.Element;
 }
 
+interface AwaitComponentProps {
+    type: string;
+    delay?: number;
+    countdownTime: number;
+    throttleTime: number;
+    showCountdownTimer: boolean;
+    shouldRedirectAutomatically?: boolean;
+    throttleInterval: number;
+    paymentData?: string;
+    url?: string;
+    classNameModifiers?: string[];
+    clientKey: string;
+    onError: (error: AdyenCheckoutError) => void;
+    onComplete: (status: AdditionalDetailsData) => void;
+    brandLogo?: string;
+    messageText?: string;
+    awaitText: string;
+    onActionHandled?: (rtnObj: ActionHandledReturnObject) => void;
+    pollStatus?: () => Promise<RawPaymentResponse | RawPaymentStatusResponse>;
+    instructions?: string | (() => h.JSX.Element);
+    endSlot?: () => h.JSX.Element;
+    showAmount?: boolean;
+}
+interface AwaitConfiguration extends UIElementProps {
+    paymentData?: string;
+    paymentMethoType?: string;
+    type?: string;
+    url?: string;
+}
+
 declare class MBWayElement extends UIElement<AwaitConfiguration> {
     static readonly type = TxVariants.mbway;
     formatProps(props: any): any;
@@ -5090,6 +4783,20 @@ declare class Affirm extends OpenInvoiceContainer {
     formatProps(props: OpenInvoiceConfiguration): any;
 }
 
+interface PixConfiguration extends QRLoaderConfiguration {
+    personalDetailsRequired?: boolean;
+}
+interface PixElementData {
+    paymentMethod: {
+        type: 'pix';
+    };
+    shopperName?: {
+        firstName: string;
+        lastName: string;
+    };
+    socialSecurityNumber?: string;
+}
+
 declare class PixElement extends QRLoaderContainer<PixConfiguration> {
     static readonly type = TxVariants.pix;
     static readonly defaultProps: {
@@ -5145,6 +4852,63 @@ declare class PersonalDetailsElement extends UIElement<PersonalDetailsConfigurat
     protected componentToRender(): h.JSX.Element;
 }
 
+/** sdkData present in Klarna `action`objects. */
+type KlarnaSdkData = {
+    /**
+     * Klarna client_token
+     * @see https://developers.klarna.com/documentation/klarna-payments/single-call-descriptions/create-session/
+     * */
+    client_token: string;
+    /**
+     * `payment_method_category` specifies which of Klarna’s customer offerings (e.g. Pay now, Pay later or Slice it)
+     * that is being shown in the widget
+     * @see https://developers.klarna.com/documentation/klarna-payments/single-call-descriptions/create-session/
+     * */
+    payment_method_category: string;
+};
+interface KlarnaPaymentsShared {
+    sdkData?: KlarnaSdkData;
+    paymentData?: string;
+    paymentMethodType?: string;
+}
+interface KlarnaWidgetProps extends KlarnaPaymentsShared {
+    /** @internal */
+    payButton: (props: PayButtonProps) => h.JSX.Element;
+    /** @internal */
+    onLoaded: () => void;
+    widgetInitializationTime: number;
+    onComplete: (detailsData: KlarnaAdditionalDetailsData) => void;
+    onError: (error: any) => void;
+}
+type KlarnaConfiguration = UIElementProps & KlarnaPaymentsShared & {
+    useKlarnaWidget?: boolean;
+};
+interface KlarnaWidgetAuthorizeResponse {
+    approved: boolean;
+    show_form: boolean;
+    authorization_token: string;
+    error?: unknown;
+}
+interface KlarnaComponentRef extends ComponentMethodsRef {
+    setAction(action: KlarnaAction): void;
+    reinitializeWidget(): void;
+}
+interface KlarnaAction extends PaymentAction {
+    sdkData: {
+        client_token: string;
+        payment_method_category: string;
+    };
+}
+interface KlarnaAdditionalDetailsData extends AdditionalDetailsData {
+    data: {
+        paymentData: string;
+        details: {
+            authorization_token?: string;
+            resultCode?: ResultCode;
+        };
+    };
+}
+
 declare class KlarnaPayments extends UIElement<KlarnaConfiguration> {
     static readonly type = TxVariants.klarna;
     static readonly txVariants: TxVariants[];
@@ -5209,7 +4973,69 @@ declare class MealVoucherFRElement extends GiftcardElement {
 
 declare class OnlineBankingINElement extends IssuerListContainer {
     static readonly type = TxVariants.onlinebanking_IN;
-    formatProps(props: any): any;
+    formatProps(props: any): {
+        showImage: boolean;
+        placeholder?: string;
+        issuers?: IssuerItem[];
+        highlightedIssuers?: string[];
+        showPaymentMethodItemImages?: boolean;
+        termsAndConditions?: TermsAndConditions;
+        showContextualElement?: boolean;
+        paymentMethodId?: string;
+        storedPaymentMethodId?: 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;
+        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;
+        type?: string;
+        name?: string;
+        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;
+    };
     /**
      * Formats the component data output
      */
@@ -5235,6 +5061,89 @@ declare class RatePayDirectDebit extends OpenInvoiceContainer {
     formatProps(props: any): any;
 }
 
+interface Mandate {
+    /**
+     * Mandate amount in the smallest unit of the currency. Maximum amount the shopper authorizes
+     * for future recurring charges.
+     */
+    amount: string;
+    /**
+     * Charge cadence for the mandate.
+     */
+    frequency: 'monthly' | 'weekly' | 'adhoc';
+    /**
+     * - `max`: merchant can charge any amount up to `amount` during future billing cycles.
+     * - `exact`: merchant must charge exactly `amount` on each recurring charge.
+     */
+    amountRule: 'max' | 'exact';
+    /**
+     * End date of the mandate in `YYYY-MM-DD` format. Required by the Checkout API.
+     * Recommended to set between 7 and 10 years in the future.
+     */
+    endsAt: string;
+    /**
+     * Start date of the mandate in `YYYY-MM-DD` format. Defaults to the mandate creation date.
+     */
+    startsAt?: string;
+    /**
+     * Free-form description of the mandate shown on the shopper's UPI app.
+     */
+    remarks?: string;
+}
+
+type UpiType = TxVariants.upi_qr | TxVariants.upi_intent;
+type UpiMode = 'qrCode' | 'intent';
+type App = {
+    id: string;
+    name: string;
+};
+type UpiPaymentData = {
+    paymentMethod: {
+        type: UpiType;
+        appId?: string;
+    };
+};
+interface UPIConfiguration extends UIElementProps {
+    /**
+     * @deprecated
+     * UPI configuration property "defaultMode" is deprecated and will be removed in a future version.
+     */
+    defaultMode?: UpiMode;
+    mandate?: Mandate;
+    apps?: Array<App>;
+    /**
+     * Redirect url for upi intent apps
+     * @internal
+     */
+    url?: string;
+    /**
+     * @internal
+     */
+    paymentData?: string;
+    qrCodeData?: string;
+    brandLogo?: string;
+    /**
+     * The duration in minutes before the await/QR code expires.
+     */
+    countdownTime?: number;
+    /**
+     * Show the available UPI apps images on the Drop-in payment method item
+     */
+    showPaymentMethodItemImages?: boolean;
+    /**
+     * Show `+ other` after the UPI apps images on the Drop-in payment method item
+     */
+    showOtherInsteadOfNumber?: boolean;
+}
+/**
+ * @internal
+ */
+type UPIAppList = Array<{
+    id: string;
+    name: string;
+    icon: string;
+}>;
+
 /**
  * For mobile:
  * We should show upi_intent depending on if `apps` are returned in /paymentMethods response.
@@ -5263,7 +5172,69 @@ declare class UPI extends UIElement<UPIConfiguration> {
 
 declare class WalletINElement extends IssuerListContainer {
     static readonly type = TxVariants.wallet_IN;
-    formatProps(props: any): any;
+    formatProps(props: any): {
+        showImage: boolean;
+        placeholder?: string;
+        issuers?: IssuerItem[];
+        highlightedIssuers?: string[];
+        showPaymentMethodItemImages?: boolean;
+        termsAndConditions?: TermsAndConditions;
+        showContextualElement?: boolean;
+        paymentMethodId?: string;
+        storedPaymentMethodId?: 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;
+        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;
+        type?: string;
+        name?: string;
+        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;
+    };
     /**
      * Formats the component data output
      */
@@ -5280,14 +5251,144 @@ declare class WalletINElement extends IssuerListContainer {
 declare class OnlineBankingCZElement extends IssuerListContainer {
     static readonly type = TxVariants.onlineBanking_CZ;
     private static readonly termsAndConditions;
-    formatProps(props: any): any;
+    formatProps(props: any): {
+        showImage: boolean;
+        termsAndConditions: {
+            translationKey: string;
+            urls: string[];
+        };
+        placeholder?: string;
+        issuers?: IssuerItem[];
+        highlightedIssuers?: string[];
+        showPaymentMethodItemImages?: boolean;
+        showContextualElement?: boolean;
+        paymentMethodId?: string;
+        storedPaymentMethodId?: 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;
+        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;
+        type?: string;
+        name?: string;
+        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;
+    };
     get icon(): string;
 }
 
 declare class OnlineBankingSKElement extends IssuerListContainer {
     static readonly type = TxVariants.onlineBanking_SK;
     private static readonly termsAndConditions;
-    formatProps(props: any): any;
+    formatProps(props: any): {
+        showImage: boolean;
+        termsAndConditions: {
+            translationKey: string;
+            urls: string[];
+        };
+        placeholder?: string;
+        issuers?: IssuerItem[];
+        highlightedIssuers?: string[];
+        showPaymentMethodItemImages?: boolean;
+        showContextualElement?: boolean;
+        paymentMethodId?: string;
+        storedPaymentMethodId?: 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;
+        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;
+        type?: string;
+        name?: string;
+        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;
+    };
     get icon(): string;
 }
 
@@ -5324,6 +5425,7 @@ declare class PromptPayElement extends QRLoaderContainer {
             risk?: RiskElement;
         };
         isDropin?: boolean;
+        donation?: DonationOptions;
         onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement) => void;
         onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
@@ -5397,6 +5499,7 @@ declare class DuitNowElement extends QRLoaderContainer {
             risk?: RiskElement;
         };
         isDropin?: boolean;
+        donation?: DonationOptions;
         onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement) => void;
         onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
@@ -5441,41 +5544,221 @@ declare class DuitNowElement extends QRLoaderContainer {
         originalAction?: PaymentAction;
     };
 }
-
-declare class TrustlyElement extends RedirectElement {
-    static readonly type: TxVariants;
-    get displayName(): any;
-    protected componentToRender(): h.JSX.Element;
+
+declare class TrustlyElement extends RedirectElement {
+    static readonly type: TxVariants;
+    get displayName(): any;
+    protected componentToRender(): h.JSX.Element;
+}
+
+declare class Riverty extends RedirectElement {
+    static readonly type = TxVariants.riverty;
+    static readonly defaultProps: {
+        type: TxVariants;
+    };
+    formatData(): {
+        paymentMethod: {
+            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 {
 }
-
-declare class Riverty extends RedirectElement {
-    static readonly type = TxVariants.riverty;
-    static readonly defaultProps: {
-        type: TxVariants;
+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;
     };
-    formatData(): {
-        paymentMethod: {
-            type: string;
-            subtype: string;
-        };
-        browserInfo: BrowserInfo;
+}
+interface FastlaneShipping {
+    name: {
+        firstName: string;
+        lastName: string;
+        fullName: string;
+    };
+    address: FastlaneAddress;
+    phoneNumber: {
+        nationalNumber: string;
+        countryCode: string;
     };
 }
-
-declare class PayByBankUS extends RedirectElement {
-    static readonly type: TxVariants;
-    protected formatProps(props: any): any;
-    formatData(): {
-        paymentMethod: {
-            storedPaymentMethodId: string;
-            type: string;
+interface FastlaneProfile {
+    name: {
+        firstName: string;
+        lastName: string;
+        fullName: string;
+    };
+    shippingAddress: FastlaneShipping;
+    card?: {
+        id: string;
+        paymentSource: {
+            card: CardPaymentSource;
         };
-        browserInfo: BrowserInfo;
     };
-    get displayName(): string;
-    get additionalInfo(): string;
-    get brands(): PaymentMethodBrand[];
-    protected componentToRender(): h.JSX.Element;
+}
+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;
+}
+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 Fastlane extends UIElement<FastlaneConfiguration> {
@@ -5512,6 +5795,44 @@ declare class Fastlane extends UIElement<FastlaneConfiguration> {
     protected componentToRender(): h.JSX.Element;
 }
 
+interface PreAuthorizedDebitCanadaConfiguration extends UIElementProps {
+    /**
+     * Adds placeholder text to the input fields
+     */
+    placeholders?: PreAuthorizedDebitCanadaPlaceholders;
+    /**
+     * Display the contextual text underneath the input field. Disable it if you are using placeholders instead
+     * @default true
+     */
+    showContextualElement?: boolean;
+    /**
+     * Enables storing the payment method using the Checkbox. Used for Advanced flow only
+     * @default false
+     */
+    enableStoreDetails?: boolean;
+    /**
+     * 'storedPaymentMethodId' coming from a stored PreAuthorizedDebitCanada in /paymentMethods response
+     * @internal
+     */
+    storedPaymentMethodId?: string;
+    /**
+     * 'lastFour' coming from a stored PreAuthorizedDebitCanada in /paymentMethods response
+     * @internal
+     */
+    lastFour?: string;
+    /**
+     * 'label' coming from a stored PreAuthorizedDebitCanada in /paymentMethods response
+     * @internal
+     */
+    label?: string;
+}
+interface PreAuthorizedDebitCanadaPlaceholders {
+    ownerName?: string;
+    bankAccountNumber?: string;
+    bankCode?: string;
+    bankLocationId?: string;
+}
+
 declare class PreAuthorizedDebitCanada extends UIElement<PreAuthorizedDebitCanadaConfiguration> {
     static readonly type = TxVariants.eft_directdebit_CA;
     formatData(): {
@@ -5541,6 +5862,65 @@ declare class PreAuthorizedDebitCanada extends UIElement<PreAuthorizedDebitCanad
     protected componentToRender(): h.JSX.Element;
 }
 
+declare enum PayToIdentifierEnum {
+    phone = "phone",
+    email = "email",
+    abn = "abn",
+    orgid = "orgid"
+}
+
+interface PayIdFormData {
+    email: string;
+    phone: string;
+    abn: string;
+    orgid: string;
+    firstName: string;
+    lastName: string;
+    phoneNumber?: string;
+    phonePrefix?: string;
+    selectedIdentifier: PayToIdentifierEnum;
+}
+
+interface BSBFormData {
+    bsb: string;
+    bankAccountNumber: string;
+    firstName: string;
+    lastName: string;
+}
+
+type PayToInputOption = 'payid-option' | 'bsb-option';
+type PayToComponentData = {
+    selectedInput: PayToInputOption;
+};
+
+type MandateFrequencyType = 'adhoc' | 'daily' | 'weekly' | 'biWeekly' | 'monthly' | 'quarterly' | 'halfYearly' | 'yearly';
+interface MandateType {
+    amount: string;
+    amountRule: string;
+    frequency: MandateFrequencyType;
+    startsAt?: string;
+    endsAt: string;
+    remarks: string;
+    count?: string;
+}
+type PayToPlaceholdersType = {
+    [K in keyof PayToData]: string;
+};
+interface PayToConfiguration extends UIElementProps {
+    /**
+     * Data received from the server to handle the action
+     * @internal
+     */
+    paymentData?: string;
+    data?: PayToData;
+    placeholders?: PayToPlaceholdersType;
+    mandate?: MandateType;
+    payee?: string;
+}
+interface PayToData extends PayIdFormData, BSBFormData, PayToComponentData {
+    shopperAccountIdentifier: string;
+}
+
 /**
  *
  */
@@ -5579,6 +5959,7 @@ declare class PayToElement extends UIElement<PayToConfiguration> {
             risk?: RiskElement;
         };
         isDropin?: boolean;
+        donation?: DonationOptions;
         onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement) => void;
         onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
@@ -6117,16 +6498,292 @@ interface IDropin {
     closeActivePaymentMethod: () => void;
 }
 
+interface SFError {
+    isValid?: boolean;
+    errorMessage?: string;
+    errorI18n?: string;
+    error: string;
+    rootNode: HTMLElement;
+    detectedBrands?: string[];
+}
+interface SFStateErrorObj {
+    [key: string]: SFError;
+}
+
+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) => void;
+    render(): h.JSX.Element;
+}
+
+interface BaseElementProps {
+    order?: Order;
+    modules?: {
+        srPanel?: SRPanel;
+        analytics?: IAnalytics;
+        resources?: Resources;
+        risk?: RiskElement;
+    };
+    /**
+     * Identifies if the Element is the DropIn element
+     */
+    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;
+}
+
+type CoreCallbacks = Pick<CoreConfiguration, 'beforeRedirect' | 'beforeSubmit' | 'onSubmit' | '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;
+    /**
+     * The shopper’s issuer account label. It can be available for stored payment method
+     * @internal
+     */
+    label?: string;
+    /**
+     * Returned after the payments call, when an action is returned. It represents the payment method tx variant
+     * that was used for the payment
+     * @internal
+     */
+    paymentMethodType?: string;
+    /**
+     * Reference to the action object found in a /payments response. This, in most cases, is passed on to the onActionHandled callback
+     */
+    originalAction?: PaymentAction;
+};
+type UIElementStatus = 'ready' | 'loading' | 'error' | 'success';
+interface ComponentMethodsRef {
+    showValidation?: () => void;
+    setStatus?(status: UIElementStatus): void;
+}
+
+type DonationConfiguration = UIElementProps & Omit<DonationComponentProps, 'onDonate' | 'onCancel'> & {
+    onDonate(data: DonationPayload, component: DonationElement): void;
+    onCancel(data: DonationPayload): void;
+};
+interface DonationCampaign extends CampaignContentProps {
+    id: string;
+    campaignName: string;
+    donation: Donation;
+    termsAndConditionsUrl?: string;
+}
+interface DonationOptions {
+    /**
+     * Optional boolean to delay, or halt, the showing of the Donation component when in the Sessions flow.
+     * Defaults to true.
+     */
+    autoMount?: boolean;
+    /**
+     * Optional number representing the delay in milliseconds before the Donation component is mounted (if mandated by the /payments response in the Sessions flow),
+     * Defaults to 3000.
+     */
+    delay?: number;
+    /**
+     * Callback when the (sessions) donation is completed (or cancelled)
+     * @param didDonate - a boolean stating whether a donation was made (true) or whether the shopper cancelled the donation (false)
+     */
+    onDonationSuccess: (result: {
+        didDonate: boolean;
+    }) => void;
+    /**
+     * Callback when the (sessions) donation fails
+     * @param reason - the reason why the donation failed (could be an error message; or a string, stating for example, that the donation payment was refused)
+     */
+    onDonationFailure: (reason: unknown) => void;
+}
+interface DonationCampaignOptions {
+    rootNode: HTMLElement | string;
+    commercialTxAmount: number;
+}
+/**
+ * Union type for Donation component instantiation.
+ * - DonationConfiguration: Direct mode (backward compatible) - campaign data already available
+ * - DonationCampaignOptions: Service mode - component fetches campaign data
+ */
+type DonationProps = DonationConfiguration | DonationCampaignOptions;
+
+type CheckoutSession = {
+    id: string;
+    sessionData: string;
+    shopperLocale?: string;
+    shopperEmail?: string;
+    telephoneNumber?: string;
+};
+type SessionConfiguration = {
+    installmentOptions?: InstallmentOptions;
+    enableStoreDetails?: boolean;
+};
+type CheckoutSessionSetupResponse = {
+    id: string;
+    sessionData: string;
+    countryCode?: string;
+    amount: Omit<PaymentAmount, 'currencyDisplay'>;
+    expiresAt: string;
+    paymentMethods: any;
+    returnUrl: string;
+    configuration: SessionConfiguration;
+    /**
+     * 'shopperLocale' set during session creation.
+     * @defaultValue en-US
+     */
+    shopperLocale: string;
+};
+type CheckoutSessionPaymentResponse = {
+    sessionData: string;
+    sessionResult: string;
+    status?: string;
+    resultCode: ResultCode;
+    action?: PaymentAction;
+};
+type CheckoutSessionDetailsResponse = {
+    sessionData: string;
+    sessionResult: string;
+    resultCode: ResultCode;
+    status?: string;
+    action?: PaymentAction;
+};
+type CheckoutSessionBalanceResponse = {
+    sessionData: string;
+    balance?: PaymentAmount;
+    transactionLimit?: PaymentAmount;
+};
+type CheckoutSessionOrdersResponse = {
+    sessionData: string;
+    orderData: string;
+    pspReference: string;
+};
+type CheckoutSessionDonationCampaignsResponse = {
+    sessionData: string;
+    donationCampaigns: DonationCampaign[];
+};
+type CheckoutSessionDonationsResponse = {
+    resultCode: ResultCode;
+    sessionData: string;
+};
+type CheckoutSessionDonationsRequestData = {
+    donationCampaignId: string;
+    donationType: DonationType;
+    amount: PaymentAmount;
+};
+type SetupSessionOptions = {
+    browserInfo?: BrowserInfo;
+    order?: Order;
+};
+
 declare class Session {
     private readonly storage;
     readonly session: CheckoutSession;
     readonly clientKey: string;
     readonly loadingContext: string;
     configuration: SessionConfiguration;
+    private _sessionsDonationInitiated;
     constructor(rawSession: Partial<CheckoutSession>, clientKey: string, loadingContext: string);
     get shopperLocale(): string;
     get id(): string;
     get data(): string;
+    set sessionsDonationInitiated(donationInitiated: boolean);
+    get sessionsDonationInitiated(): boolean;
     /**
      * Updates the session.data with the latest data blob
      */
@@ -6143,6 +6800,14 @@ declare class Session {
      * Submits session payment additional details
      */
     submitDetails(data: AdditionalDetailsData['data']): Promise<CheckoutSessionDetailsResponse>;
+    /**
+     * Call donationCampaigns endpoint
+     */
+    fetchDonationCampaigns(): Promise<CheckoutSessionDonationCampaignsResponse>;
+    /**
+     * Call donations endpoint
+     */
+    makeDonation(data: CheckoutSessionDonationsRequestData): Promise<CheckoutSessionDonationsResponse>;
     /**
      * Checks the balance for a payment method
      */
@@ -6312,6 +6977,7 @@ interface CoreConfiguration {
     srConfig?: SRPanelConfig;
     analytics?: AnalyticsOptions;
     risk?: RiskModuleOptions;
+    donation?: DonationOptions;
     order?: Order;
     /**
      * Add @adyen/web metadata to the window object.
@@ -6522,8 +7188,14 @@ interface AmountProviderRef {
 }
 
 declare abstract class UIElement<P extends UIElementProps = UIElementProps> extends BaseElement<P> {
+    /**
+     * 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 resources: Resources;
+    /**
+     * elementRef is a ref to the subclass that extends UIElement e.g. Card.tsx or Dropin.tsx
+     */
     elementRef: UIElement;
     static readonly type: string | undefined;
     /**
@@ -6571,7 +7243,9 @@ declare abstract class UIElement<P extends UIElementProps = UIElementProps> exte
      */
     updateAmount(amount: PaymentAmount, secondaryAmount?: PaymentAmount): void;
     /**
-     * elementRef is a ref to the subclass that extends UIElement e.g. Card.tsx
+     * Set status using elementRef, which:
+     * - 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;
     /**
@@ -6592,6 +7266,7 @@ declare abstract class UIElement<P extends UIElementProps = UIElementProps> exte
     handleAction(action: PaymentAction, props?: {}): UIElement | null;
     protected onActionHandled(actionHandledObj: ActionHandledReturnObject): void;
     protected handleOrder: (response: PaymentResponseData) => void;
+    protected setupSessionsDonation(): void;
     /**
      * Handles when the payment fails. The payment fails when:
      * - adv flow: the merchant rejects the payment due to a critical error
@@ -6956,6 +7631,7 @@ interface PaymentResponseData {
     sessionResult?: string;
     order?: Order;
     donationToken?: string;
+    askDonation?: boolean;
 }
 type RawPaymentResponse = PaymentResponseData & CheckoutAdvancedFlowResponse & {
     [key: string]: any;
@@ -7533,6 +8209,7 @@ declare class PayMeElement extends QRLoaderContainer {
             risk?: RiskElement;
         };
         isDropin?: boolean;
+        donation?: DonationOptions;
         onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement) => void;
         onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
@@ -7622,6 +8299,7 @@ declare class DropinElement extends UIElement<DropinConfiguration> implements ID
             risk?: RiskElement;
         };
         isDropin?: boolean;
+        donation?: DonationOptions;
         onPaymentCompleted?: (data: PaymentCompletedData, component?: UIElement) => void;
         onPaymentFailed?: (data?: PaymentFailedData, component?: UIElement) => void;
         beforeRedirect?: (resolve: () => void, reject: () => void, redirectData: {
@@ -8028,4 +8706,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, DonationConfiguration, 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, IssuerListConfiguration, IssuerListData, KlarnaAction, KlarnaAdditionalDetailsData, KlarnaComponentRef, KlarnaConfiguration, KlarnaSdkData, KlarnaWidgetAuthorizeResponse, KlarnaWidgetProps, LedgerCurrencies, LegacyChallengeResolveData, LegacyFingerprintResolveData, 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, PaymentMethodGroup, PaymentMethodOptions, PaymentMethods, PaymentMethodsConfiguration, PaymentMethodsRequestData, PaymentMethodsResponse, PaymentResponseData, PersonalDetailsSchema, PixConfiguration, PixElementData, PostMsgParseErrorObject, PreAuthorizedDebitCanadaConfiguration, PreAuthorizedDebitCanadaPlaceholders, ProcessedPaymentStatusResponse, QRLoaderConfiguration, RawPaymentMethod, RawPaymentResponse, RawPaymentStatusResponse, RawStoredPaymentMethod, RecurringMetadata, RedirectConfiguration, Region, ResultCode, ResultObject, ResultValue, SepaConfiguration, SepaElementData, SessionsResponse, SignOutButtonProps, SocialSecurityMode, StatusFromAction, SubmitActions, SubmitData, SupportedLocale, SupportedPayPalFundingSources, ThreeDS2ActionProps, ThreeDS2ChallengeConfiguration, ThreeDS2ConfigProps, ThreeDS2DeviceFingerprintConfiguration, ThreeDS2FingerprintResponse, ThreeDS2FlowObject, ThreeDS2FlowProps, ThreeDS2Token, UIElementProps, UIElementStatus, UPIAppList, UPIConfiguration, UpdateAmazonCheckoutSessionRequest, UpiMode, UpiPaymentData, UpiType, ValidationError, VoucherConfiguration, VoucherDetail, VoucherProps, balanceCheckResponseType, onBalanceCheckCallbackType, onOrderCancelData, onOrderCancelType, onOrderRequestCallbackType, onRequiringConfirmationCallbackType };
+export type { ANCVConfiguration, ANCVDataState, AchConfiguration, AchPlaceholders, ActionDescriptionType, ActionHandledReturnObject, AdditionalDetailsActions, AdditionalDetailsData, AddressData, AddressField, AmazonPayBackendConfiguration, AmazonPayButtonProps, AmazonPayButtonSettings, AmazonPayComponentProps, AmazonPayConfiguration, AmazonPayElementData, 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, LegacyChallengeResolveData, LegacyFingerprintResolveData, 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, PaymentMethodGroup, PaymentMethodOptions, PaymentMethods, PaymentMethodsConfiguration, PaymentMethodsRequestData, PaymentMethodsResponse, PaymentResponseData, PersonalDetailsSchema, PixConfiguration, PixElementData, PostMsgParseErrorObject, PreAuthorizedDebitCanadaConfiguration, PreAuthorizedDebitCanadaPlaceholders, ProcessedPaymentStatusResponse, QRLoaderConfiguration, RawPaymentMethod, RawPaymentResponse, RawPaymentStatusResponse, RawStoredPaymentMethod, RecurringMetadata, RedirectConfiguration, Region, ResultCode, ResultObject, ResultValue, SepaConfiguration, SepaElementData, SessionsResponse, SignOutButtonProps, SocialSecurityMode, StatusFromAction, SubmitActions, SubmitData, SupportedLocale, SupportedPayPalFundingSources, ThreeDS2ActionProps, ThreeDS2ChallengeConfiguration, ThreeDS2ConfigProps, ThreeDS2DeviceFingerprintConfiguration, ThreeDS2FingerprintResponse, ThreeDS2FlowObject, ThreeDS2FlowProps, ThreeDS2Token, UIElementProps, UIElementStatus, UPIAppList, UPIConfiguration, UpdateAmazonCheckoutSessionRequest, UpiMode, UpiPaymentData, UpiType, ValidationError, VoucherConfiguration, VoucherDetail, VoucherProps, balanceCheckResponseType, onBalanceCheckCallbackType, onOrderCancelData, onOrderCancelType, onOrderRequestCallbackType, onRequiringConfirmationCallbackType };