@adyen/adyen-web 6.5.1 → 6.7.0

package/dist/cjs/index.d.cts

@@ -171,6 +171,7 @@ interface IBaseElement {
     update(props: any): IBaseElement;
     unmount(): IBaseElement;
     remove(): void;
+    activate(): void;
 }
 
 interface ValidationRuleErrorObj {
@@ -225,11 +226,11 @@ interface DisclaimerMsgObject {
     link: string;
 }
 
-type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'action';
+type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'action' | 'link';
 interface ButtonProps {
     status?: string;
     /**
-     * Class name modifiers will be used as: `adyen-checkout__image--${modifier}`
+     * Class name modifiers will be used as: `adyen-checkout__button--${modifier}`
      */
     classNameModifiers?: string[];
     variant?: ButtonVariant;
@@ -331,6 +332,31 @@ interface ComponentMethodsRef {
     setStatus?(status: UIElementStatus): void;
 }
 
+declare const ANALYTICS_EVENT: {
+    log: string;
+    error: string;
+    info: string;
+};
+declare enum Analytics3DS2Errors {
+    ACTION_IS_MISSING_PAYMENT_DATA = "700",// Missing 'paymentData' property from threeDS2 action
+    ACTION_IS_MISSING_TOKEN = "701",// Missing 'token' property from threeDS2 action
+    TOKEN_IS_MISSING_THREEDSMETHODURL = "702",// Decoded token is missing a valid threeDSMethodURL property
+    /**
+     * Decoded token is missing one or more of the following properties:
+     *  fingerprint: (threeDSMethodNotificationURL | postMessageDomain | threeDSServerTransID)
+     *  challenge: (acsTransID | messageVersion | threeDSServerTransID)
+     */
+    TOKEN_IS_MISSING_OTHER_PROPS = "703",
+    TOKEN_DECODE_OR_PARSING_FAILED = "704",// token decoding or parsing has failed. ('not base64', 'malformed URI sequence' or 'Could not JSON parse token')
+    THREEDS2_TIMEOUT = "705",// 3DS2 process has timed out
+    TOKEN_IS_MISSING_ACSURL = "800",// Decoded token is missing a valid acsURL property
+    NO_TRANSSTATUS = "801",// Challenge has resulted in an error (no transStatus could be retrieved by the backend)
+    NO_DETAILS_FOR_FRICTIONLESS_OR_REFUSED = "802",// callSubmit3DS2Fingerprint has received a response indicating either a "frictionless" flow, or a "refused" response, but without a details object
+    NO_COMPONENT_FOR_ACTION = "803",// callSubmit3DS2Fingerprint cannot find a component to handle the action response
+    NO_ACTION_FOR_CHALLENGE = "804",// callSubmit3DS2Fingerprint has received a response indicating a "challenge" but without an action object
+    CHALLENGE_RESOLVED_WITHOUT_RESULT_PROP = "805"
+}
+
 interface Experiment {
     controlGroup: boolean;
     experimentId: string;
@@ -401,7 +427,7 @@ interface AnalyticsObject {
     result?: string;
     configData?: Record<string, string | boolean>;
 }
-type ANALYTICS_EVENT = 'log' | 'error' | 'info';
+type AnalyticsEvent = (typeof ANALYTICS_EVENT)[keyof typeof ANALYTICS_EVENT];
 type AnalyticsInitialEvent = {
     containerWidth: number;
     component: string;
@@ -411,10 +437,12 @@ type AnalyticsInitialEvent = {
 };
 type CreateAnalyticsEventData = Omit<AnalyticsObject, 'timestamp' | 'id'>;
 type CreateAnalyticsEventObject = {
-    event: ANALYTICS_EVENT;
+    event: AnalyticsEvent;
     data: CreateAnalyticsEventData;
 };
-type SendAnalyticsObject = Omit<AnalyticsObject, 'timestamp' | 'component' | 'id'>;
+type SendAnalyticsObject = Omit<AnalyticsObject, 'timestamp' | 'id' | 'component'> & {
+    component?: string;
+};
 
 type PlaceholderKeys$1 = 'holderName' | 'cardNumber' | 'expiryDate' | 'expiryMonth' | 'expiryYear' | 'securityCodeThreeDigits' | 'securityCodeFourDigits' | 'password';
 type Placeholders$1 = Partial<Record<PlaceholderKeys$1, string>>;
@@ -517,7 +545,34 @@ interface StyleDefinitions {
     webkitTransition?: string;
     wordSpacing?: string;
 }
-interface CbObjOnBrand {
+interface CardAllValidData {
+    type: string;
+    allValid: boolean;
+    rootNode: HTMLElement;
+}
+interface CardAutoCompleteData {
+    fieldType: string;
+    name: string;
+    value: string;
+    action: string;
+}
+interface CardBinLookupData {
+    type?: string;
+    detectedBrands?: string[];
+    supportedBrands?: string[];
+    brands?: string[];
+    issuingCountryCode?: string;
+    supportedBrandsRaw?: BrandObject[];
+    rootNode?: HTMLElement;
+    isReset?: boolean;
+}
+interface CardBinValueData {
+    type: string;
+    binValue: string;
+    uuid?: string;
+    encryptedBin?: string;
+}
+interface CardBrandData {
     type: string;
     rootNode: HTMLElement;
     brand: string;
@@ -527,12 +582,21 @@ interface CbObjOnBrand {
     showSocialSecurityNumber?: boolean;
     brandImageUrl?: string;
 }
-interface CbObjOnAllValid {
+interface CardConfigSuccessData {
+    iframesConfigured: boolean;
     type: string;
-    allValid: boolean;
     rootNode: HTMLElement;
 }
-interface CbObjOnFieldValid {
+interface CardErrorData {
+    fieldType: string;
+    error: string;
+    type: string;
+    rootNode?: HTMLElement;
+    detectedBrands?: string[];
+    errorI18n?: string;
+    errorText?: string;
+}
+interface CardFieldValidData {
     fieldType: string;
     encryptedFieldName: string;
     uid: string;
@@ -544,23 +608,7 @@ interface CbObjOnFieldValid {
     expiryDate?: string;
     issuerBin?: number;
 }
-interface CbObjOnBinValue {
-    type: string;
-    binValue: string;
-    uuid?: string;
-    encryptedBin?: string;
-}
-interface CbObjOnBinLookup {
-    type?: string;
-    detectedBrands?: string[];
-    supportedBrands?: string[];
-    brands?: string[];
-    issuingCountryCode?: string;
-    supportedBrandsRaw?: BrandObject[];
-    rootNode?: HTMLElement;
-    isReset?: boolean;
-}
-interface CbObjOnFocus {
+interface CardFocusData {
     action: string;
     focus: boolean;
     numChars: number;
@@ -569,14 +617,9 @@ interface CbObjOnFocus {
     type: string;
     currentFocusObject: string;
 }
-interface CbObjOnLoad {
+interface CardLoadData {
     iframesLoaded: boolean;
 }
-interface CbObjOnConfigSuccess {
-    iframesConfigured: boolean;
-    type: string;
-    rootNode: HTMLElement;
-}
 type CVCPolicyType = typeof REQUIRED | typeof OPTIONAL | typeof HIDDEN;
 type DatePolicyType = typeof REQUIRED | typeof OPTIONAL | typeof HIDDEN;
 
@@ -855,48 +898,48 @@ interface CardConfiguration extends UIElementProps {
      * After binLookup call - provides the brand(s) we detect the user is entering, and if we support the brand(s)
      * - merchant set config option
      */
-    onBinLookup?: (event: CbObjOnBinLookup) => void;
+    onBinLookup?: (event: CardBinLookupData) => void;
     /**
      * Provides the BIN Number of the card (up to 6 digits), called as the user types in the PAN.
      * - merchant set config option
      */
-    onBinValue?: (event: CbObjOnBinValue) => void;
+    onBinValue?: (event: CardBinValueData) => void;
     /**
      * Called when a field loses focus.
      * - merchant set config option
      */
-    onBlur?: (event: CbObjOnFocus | ComponentFocusObject) => void;
+    onBlur?: (event: CardFocusData | ComponentFocusObject) => void;
     /**
      * Called once we detect the card brand.
      * - merchant set config option
      */
-    onBrand?: (event: CbObjOnBrand) => void;
+    onBrand?: (event: CardBrandData) => void;
     /**
      * Called once the card input fields are ready to use.
      * - merchant set config option
      */
-    onConfigSuccess?: (event: CbObjOnConfigSuccess) => void;
+    onConfigSuccess?: (event: CardConfigSuccessData) => void;
     /**
      * Called when *all* the securedFields becomes valid
      *  Also called again if one of the fields moves out of validity.
      */
-    onAllValid?: (event: CbObjOnAllValid) => void;
+    onAllValid?: (event: CardAllValidData) => void;
     /**
      * Called when a field becomes valid and also if a valid field changes and becomes invalid.
      * For the card number field, it returns the last 4 digits of the card number.
      * - merchant set config option
      */
-    onFieldValid?: (event: CbObjOnFieldValid) => void;
+    onFieldValid?: (event: CardFieldValidData) => void;
     /**
      * Called when a field gains focus.
      * - merchant set config option
      */
-    onFocus?: (event: CbObjOnFocus | ComponentFocusObject) => void;
+    onFocus?: (event: CardFocusData | ComponentFocusObject) => void;
     /**
      * Called once all the card input fields have been created but are not yet ready to use.
      * - merchant set config option
      */
-    onLoad?: (event: CbObjOnLoad) => void;
+    onLoad?: (event: CardLoadData) => void;
     /**
      * Configure placeholder text for holderName, cardNumber, expirationDate, securityCode and password.
      * - merchant set config option
@@ -2128,9 +2171,139 @@ type ClickToPayPaymentData = {
     browserInfo: BrowserInfo;
 };
 
-type CustomCardConfiguration = Omit<CardConfiguration, 'clickToPayConfiguration' | '_disableClickToPay' | 'fundingSource' | 'positionHolderNameOnTop' | 'showBrandIcon' | 'enableStoreDetails' | 'hideCVC' | 'hasCVC' | 'hasHolderName' | 'holderNameRequired' | 'billingAddressRequired' | 'billingAddressRequiredFields' | 'billingAddressAllowedCountries' | 'installmentOptions' | 'showInstallmentAmounts' | 'configuration'> & {
-    onValidationError?: (validationErrors: ValidationError[]) => void;
+type CustomCardConfiguration = {
+    /**
+     * Automatically shift the focus from one field to another. Usually happens from a valid Expiry Date field to the Security Code field,
+     * but some BINS also allow us to know that the PAN is complete, in which case we can shift focus to the date field
+     * @defaultValue `true`
+     *
+     * - merchant set config option
+     */
+    autoFocus?: boolean;
+    /**
+     * List of brands accepted by the component
+     * @internal
+     * - but can also be overwritten by merchant config option
+     */
+    brands?: string[];
+    /**
+     * Configuration specific to brands
+     * - merchant set config option
+     */
+    brandsConfiguration?: CardBrandsConfiguration;
+    /**
+     * Defines the size of the challenge Component
+     *
+     * 01: [250px, 400px]
+     * 02: [390px, 400px]
+     * 03: [500px, 600px]
+     * 04: [600px, 400px]
+     * 05: [100%, 100%]
+     *
+     * @defaultValue '02'
+     *
+     * - merchant set config option
+     */
+    challengeWindowSize?: '01' | '02' | '03' | '04' | '05';
+    /**
+     * Turn on the procedure to force the arrow keys on an iOS soft keyboard to always be disabled
+     * @defaultValue `false`
+     *
+     * - merchant set config option
+     */
+    disableIOSArrowKeys?: boolean;
+    /**
+     * Allow binLookup process to occur
+     * @defaultValue `true`
+     *
+     * - merchant set config option
+     */
+    doBinLookup?: boolean;
+    /** @internal */
+    i18n?: Language;
+    /**
+     * For some scenarios make the card input fields (PAN, Expiry Date, Security Code) have type="tel" rather than type="text" inputmode="numeric"
+     * @defaultValue `false`
+     *
+     * - merchant set config option
+     */
+    legacyInputMode?: boolean;
+    /** @internal */
+    loadingContext?: string;
+    /**
+     * Adds type="password" to the Security code input field, causing its value to be masked
+     * @defaultValue `false`
+     *
+     * - merchant set config option
+     */
+    maskSecurityCode?: boolean;
+    /**
+     * Specify the minimum expiry date that will be considered valid
+     *
+     * - merchant set config option
+     */
+    minimumExpiryDate?: string;
+    /**
+     * After binLookup call - provides the brand(s) we detect the user is entering, and if we support the brand(s)
+     * - merchant set config option
+     */
+    onBinLookup?: (event: CardBinLookupData) => void;
+    /**
+     * Provides the BIN Number of the card (up to 6 digits), called as the user types in the PAN.
+     * - merchant set config option
+     */
+    onBinValue?: (event: CardBinValueData) => void;
+    /**
+     * Called once we detect the card brand.
+     * - merchant set config option
+     */
+    onBrand?: (event: CardBrandData) => void;
+    /**
+     * Called once the card input fields are ready to use.
+     * - merchant set config option
+     */
+    onConfigSuccess?: (event: CardConfigSuccessData) => void;
+    /**
+     * Called when *all* the securedFields becomes valid
+     *  Also called again if one of the fields moves out of validity.
+     */
+    onAllValid?: (event: CardAllValidData) => void;
+    /**
+     * Called when a field becomes valid and also if a valid field changes and becomes invalid.
+     * For the card number field, it returns the last 4 digits of the card number.
+     * - merchant set config option
+     */
+    onFieldValid?: (event: CardFieldValidData) => void;
+    /**
+     * Called when a field gains focus.
+     * - merchant set config option
+     */
+    onFocus?: (event: CardFocusData) => void;
+    /**
+     * Called once all the card input fields have been created but are not yet ready to use.
+     * - merchant set config option
+     */
+    onLoad?: (event: CardLoadData) => void;
+    /**
+     * Called when a Component is told by a SecuredField that the Enter key has been pressed.
+     * - merchant set config option
+     */
     onEnterKeyPressed?: (activeElement: Element, component: UIElement) => void;
+    /**
+     * Called as errors are detected within the securedFields
+     * - merchant set config option
+     */
+    onValidationError?: (validationErrors: ValidationError[]) => void;
+    /**
+     * Configure placeholder text for holderName, cardNumber, expirationDate, securityCode and password.
+     * - merchant set config option
+     */
+    placeholders?: Placeholders$1;
+    /**
+     * Object to configure the styling of the inputs in the iframes that are used to present the PAN, Expiry Date & Security Code fields
+     * - merchant set config option
+     */
+    styles?: StylesObject;
 };
 type ValidationError = SFError & {
     fieldType: string;
@@ -2515,10 +2688,11 @@ interface KlarnaWidgetProps extends KlarnaPaymentsShared {
     payButton: (options: any) => any;
     /** @internal */
     onLoaded: () => void;
-    onComplete: (detailsData: any) => void;
+    widgetInitializationTime: number;
+    onComplete: (detailsData: KlarnaAdditionalDetailsData) => void;
     onError: (error: any) => void;
 }
-type KlarnConfiguration = UIElementProps & KlarnaPaymentsShared & {
+type KlarnaConfiguration = UIElementProps & KlarnaPaymentsShared & {
     useKlarnaWidget?: boolean;
 };
 interface KlarnaWidgetAuthorizeResponse {
@@ -2527,6 +2701,24 @@ interface KlarnaWidgetAuthorizeResponse {
     authorization_token: string;
     error?: any;
 }
+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;
+        };
+    };
+}
 
 interface MultibancoVoucherResultProps {
     entity?: string;
@@ -2550,6 +2742,7 @@ interface OxxoVoucherResultProps {
     downloadUrl?: string;
     ref?: any;
     onActionHandled?: (rtnObj: ActionHandledReturnObject) => void;
+    clientKey?: string;
 }
 
 declare class PaypalElement extends UIElement<PayPalConfiguration> {
@@ -2839,6 +3032,7 @@ interface SepaConfiguration extends UIElementProps {
 
 interface CheckoutErrorOptions {
     cause?: any;
+    code?: string;
 }
 declare class AdyenCheckoutError extends Error {
     protected static errorTypes: {
@@ -2858,29 +3052,10 @@ declare class AdyenCheckoutError extends Error {
         SDK_ERROR: string;
     };
     cause: unknown;
+    options: CheckoutErrorOptions;
     constructor(type: keyof typeof AdyenCheckoutError.errorTypes, message?: string, options?: CheckoutErrorOptions);
 }
 
-declare enum Analytics3DS2Errors {
-    ACTION_IS_MISSING_PAYMENT_DATA = "700",// Missing 'paymentData' property from threeDS2 action
-    ACTION_IS_MISSING_TOKEN = "701",// Missing 'token' property from threeDS2 action
-    TOKEN_IS_MISSING_THREEDSMETHODURL = "702",// Decoded token is missing a valid threeDSMethodURL property
-    /**
-     * Decoded token is missing one or more of the following properties:
-     *  fingerprint: (threeDSMethodNotificationURL | postMessageDomain | threeDSServerTransID)
-     *  challenge: (acsTransID | messageVersion | threeDSServerTransID)
-     */
-    TOKEN_IS_MISSING_OTHER_PROPS = "703",
-    TOKEN_DECODE_OR_PARSING_FAILED = "704",// token decoding or parsing has failed. ('not base64', 'malformed URI sequence' or 'Could not JSON parse token')
-    THREEDS2_TIMEOUT = "705",// 3DS2 process has timed out
-    TOKEN_IS_MISSING_ACSURL = "800",// Decoded token is missing a valid acsURL property
-    NO_TRANSSTATUS = "801",// Challenge has resulted in an error (no transStatus could be retrieved by the backend)
-    NO_DETAILS_FOR_FRICTIONLESS_OR_REFUSED = "802",// callSubmit3DS2Fingerprint has received a response indicating either a "frictionless" flow, or a "refused" response, but without a details object
-    NO_COMPONENT_FOR_ACTION = "803",// callSubmit3DS2Fingerprint cannot find a component to handle the action response
-    NO_ACTION_FOR_CHALLENGE = "804",// callSubmit3DS2Fingerprint has received a response indicating a "challenge" but without an action object
-    CHALLENGE_RESOLVED_WITHOUT_RESULT_PROP = "805"
-}
-
 interface ThreeDS2Configuration extends UIElementProps {
     dataKey?: string;
     environment?: string;
@@ -3333,15 +3508,15 @@ declare class BancontactElement extends CardElement {
         minimumExpiryDate?: string;
         name?: string;
         onAddressLookup?: OnAddressLookupType;
-        onBinLookup?: (event: CbObjOnBinLookup) => void;
-        onBinValue?: (event: CbObjOnBinValue) => void;
-        onBlur?: (event: CbObjOnFocus | ComponentFocusObject) => void;
-        onBrand?: (event: CbObjOnBrand) => void;
-        onConfigSuccess?: (event: CbObjOnConfigSuccess) => void;
-        onAllValid?: (event: CbObjOnAllValid) => void;
-        onFieldValid?: (event: CbObjOnFieldValid) => void;
-        onFocus?: (event: CbObjOnFocus | ComponentFocusObject) => void;
-        onLoad?: (event: CbObjOnLoad) => void;
+        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?: Placeholders$1;
         positionHolderNameOnTop?: boolean;
         showBrandIcon?: boolean;
@@ -3415,6 +3590,7 @@ declare class RedirectElement extends UIElement<RedirectConfiguration> {
         };
         browserInfo: BrowserInfo;
     };
+    private handleRedirectError;
     get isValid(): boolean;
     get browserInfo(): BrowserInfo;
     render(): h.JSX.Element;
@@ -3528,99 +3704,32 @@ declare class CustomCard extends UIElement<CustomCardConfiguration> {
         onBinLookup: () => void;
         brandsConfiguration: {};
     };
+    private brand;
     formatProps(props: CustomCardConfiguration): {
         type: TxVariants;
-        brand: TxVariants;
-        data?: {
-            holderName?: string;
-            billingAddress?: Partial<AddressData>;
-        };
-        label?: string;
-        name?: string;
-        countryCode?: string;
-        i18n?: Language;
-        loadingContext?: string;
-        showContextualElement?: boolean;
-        onBlur?: (event: CbObjOnFocus | ComponentFocusObject) => void;
-        onFocus?: (event: CbObjOnFocus | ComponentFocusObject) => void;
-        order?: Order;
-        id?: string;
-        onChange?: (state: OnChangeData, component: UIElement) => void;
-        amount?: PaymentAmount;
-        secondaryAmount?: PaymentAmountExtended;
-        environment?: string;
-        modules?: {
-            srPanel?: SRPanel;
-            analytics?: AnalyticsModule;
-            resources?: Resources;
-            risk?: RiskElement;
-        };
-        session?: Session;
-        clientKey?: string;
-        showPayButton?: 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) => void;
-        onSubmit?: (state: SubmitData, component: UIElement, actions: SubmitActions) => void;
-        onActionHandled?: (actionHandled: ActionHandledReturnObject) => void;
-        onAdditionalDetails?: (state: AdditionalDetailsData, component: UIElement, actions: AdditionalDetailsActions) => void;
-        onEnterKeyPressed?: ((activeElement: Element, component: UIElement) => void) & ((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;
-        elementRef?: any;
-        createFromAction?: (action: PaymentAction, props: object) => UIElement;
-        brandsConfiguration?: CardBrandsConfiguration;
-        isStoredPaymentMethod?: boolean;
-        onComplete?: (state: any, element: UIElement) => void;
-        challengeWindowSize?: "01" | "02" | "03" | "04" | "05";
-        isDropin?: boolean;
-        isInstantPayment?: boolean;
-        oneClick?: boolean;
-        storedPaymentMethodId?: string;
-        statusType?: "redirect" | "loading" | "custom";
-        icon?: string;
-        payButton?: (options: PayButtonFunctionProps) => h.JSX.Element;
-        paymentMethodType?: string;
-        originalAction?: PaymentAction;
         autoFocus?: boolean;
-        onLoad?: (event: CbObjOnLoad) => void;
-        placeholders?: Placeholders$1;
-        onAddressLookup?: OnAddressLookupType;
-        holderName?: string;
-        expiryMonth?: string;
-        billingAddressMode?: "full" | "partial" | "none";
         brands?: string[];
+        brandsConfiguration?: CardBrandsConfiguration;
+        challengeWindowSize?: "01" | "02" | "03" | "04" | "05";
         disableIOSArrowKeys?: boolean;
-        disclaimerMessage?: DisclaimerMsgObject;
         doBinLookup?: boolean;
-        exposeExpiryDate?: boolean;
-        forceCompat?: boolean;
-        keypadFix?: boolean;
-        lastFour?: string;
+        i18n?: Language;
         legacyInputMode?: boolean;
+        loadingContext?: string;
         maskSecurityCode?: boolean;
         minimumExpiryDate?: string;
-        onBinLookup?: (event: CbObjOnBinLookup) => void;
-        onBinValue?: (event: CbObjOnBinValue) => void;
-        onBrand?: (event: CbObjOnBrand) => void;
-        onConfigSuccess?: (event: CbObjOnConfigSuccess) => void;
-        onAllValid?: (event: CbObjOnAllValid) => void;
-        onFieldValid?: (event: CbObjOnFieldValid) => void;
-        showStoreDetailsCheckbox?: boolean;
-        styles?: StylesObject;
-        supportedShopperInteractions?: string[];
+        onBinLookup?: (event: CardBinLookupData) => void;
+        onBinValue?: (event: CardBinValueData) => void;
+        onBrand?: (event: CardBrandData) => void;
+        onConfigSuccess?: (event: CardConfigSuccessData) => void;
+        onAllValid?: (event: CardAllValidData) => void;
+        onFieldValid?: (event: CardFieldValidData) => void;
+        onFocus?: (event: CardFocusData) => void;
+        onLoad?: (event: CardLoadData) => void;
+        onEnterKeyPressed?: (activeElement: Element, component: UIElement) => void;
         onValidationError?: (validationErrors: ValidationError[]) => void;
+        placeholders?: Placeholders$1;
+        styles?: StylesObject;
     };
     /**
      * Formats the component data output
@@ -3636,8 +3745,8 @@ declare class CustomCard extends UIElement<CustomCardConfiguration> {
     processBinLookupResponse(binLookupResponse: any): this;
     dualBrandingChangeHandler(e: Event | string): this;
     handleUnsupportedCard(errObj: any): this;
-    onBinLookup(obj: CbObjOnBinLookup): void;
-    onBinValue: (callbackObj: CbObjOnBinValue) => void;
+    onBinLookup(obj: CardBinLookupData): void;
+    onBinValue: (callbackObj: CardBinValueData) => void;
     get isValid(): boolean;
     get browserInfo(): BrowserInfo;
     private onFocus;
@@ -4353,13 +4462,14 @@ declare class PersonalDetailsElement extends UIElement<PersonalDetailsConfigurat
     render(): h.JSX.Element;
 }
 
-declare class KlarnaPayments extends UIElement<KlarnConfiguration> {
+declare class KlarnaPayments extends UIElement<KlarnaConfiguration> {
     static type: TxVariants;
     static txVariants: TxVariants[];
+    componentRef: KlarnaComponentRef;
     protected static defaultProps: {
         useKlarnaWidget: boolean;
     };
-    constructor(checkout: ICore, props?: KlarnConfiguration);
+    constructor(checkout: ICore, props?: KlarnaConfiguration);
     get isValid(): boolean;
     protected formatData(): {
         paymentMethod: {
@@ -4368,8 +4478,11 @@ declare class KlarnaPayments extends UIElement<KlarnConfiguration> {
         };
     };
     payButton: (props: any) => h.JSX.Element;
-    updateWithAction(action: PaymentAction): void;
-    onLoaded(): void;
+    handleAction(action: KlarnaAction, props?: {}): UIElement | null;
+    updateWithAction(action: KlarnaAction): void;
+    private onLoaded;
+    activate(): void;
+    protected onComplete(details: KlarnaAdditionalDetailsData): void;
     render(): h.JSX.Element;
 }
 
@@ -5449,6 +5562,11 @@ declare abstract class BaseElement<P extends BaseElementProps> implements IBaseE
      * Note: this does not ensure validity, check isValid first
      */
     get data(): PaymentData;
+    /**
+     * Method used to make the payment method active
+     * (Useful when there are different payment methods available and activating one PM must trigger a specific task)
+     */
+    activate(): void;
     render(): ComponentChild | Error;
     /**
      * Mounts an element into the dom
@@ -5502,6 +5620,7 @@ declare abstract class UIElement<P extends UIElementProps = UIElementProps> exte
      *  In some other cases e.g. 3DS2 components, this function is overridden to allow more specific analytics actions to be created
      */
     protected submitAnalytics(analyticsObj: SendAnalyticsObject, uiElementProps?: any): void;
+    private getComponent;
     submit(): void;
     protected makePaymentsCall(): Promise<CheckoutAdvancedFlowResponse | CheckoutSessionPaymentResponse>;
     private submitUsingAdvancedFlow;
@@ -5529,9 +5648,11 @@ declare abstract class UIElement<P extends UIElementProps = UIElementProps> exte
      * Handles a /payments or /payments/details response.
      * The component will handle automatically actions, orders, and final results.
      *
-     * @param rawResponse -
+     * Expected to be called after sanitizeResponse has been run on the raw payment response
+     *
+     * @param response -
      */
-    protected handleResponse(rawResponse: RawPaymentResponse): void;
+    protected handleResponse(response: PaymentResponseData): void;
     protected handleKeyPress(e: h.JSX.TargetedKeyboardEvent<HTMLInputElement> | KeyboardEvent): void;
     /**
      * Handle Enter key pressed from a UIElement (called via handleKeyPress)
@@ -5910,7 +6031,7 @@ interface AnalyticsModule {
 }
 type ComponentFocusObject = {
     fieldType: string;
-    event: Event | CbObjOnFocus;
+    event: Event | CardFocusData;
 };
 type DecodeObject = {
     success: boolean;
@@ -5940,13 +6061,13 @@ declare class CardElement extends UIElement<CardConfiguration> {
     processBinLookupResponse(binLookupResponse: BinLookupResponse, isReset?: boolean): this;
     handleUnsupportedCard(errObj: any): this;
     private handleClickToPaySubmit;
-    onBinLookup(obj: CbObjOnBinLookup): void;
+    onBinLookup(obj: CardBinLookupData): void;
     protected submitAnalytics(analyticsObj: SendAnalyticsObject): void;
     private onConfigSuccess;
     private onFocus;
     private onBlur;
     private onValidationErrorAnalytics;
-    onBinValue: (callbackObj: CbObjOnBinValue) => void;
+    onBinValue: (callbackObj: CardBinValueData) => void;
     get storePaymentMethodPayload(): {
         storePaymentMethod?: undefined;
     } | {
@@ -6310,4 +6431,4 @@ declare namespace AdyenCheckout {
     var setBundleType: (type: string) => void;
 }
 
-export { ANCVElement as ANCV, type ANCVConfiguration, type ANCVDataState, AchElement as Ach, type AchConfiguration, type ActionDescriptionType, type ActionHandledReturnObject, type AdditionalDetailsActions, type AdditionalDetailsData, AddressElement as Address, type AddressData, type AddressField, AdyenCheckout, AdyenCheckoutError, Affirm, AfterPay, AfterPayB2B, AmazonPayElement as AmazonPay, type AmazonPayBackendConfiguration, type AmazonPayButtonProps, type AmazonPayButtonSettings, type AmazonPayComponentProps, type AmazonPayConfiguration, type AmazonPayElementData, type AnalyticsModule, type App, ApplePayElement as ApplePay, type ApplePayButtonType, type ApplePayConfiguration, type ApplePayElementData, type ApplePayPaymentAuthorizationResult, type ApplePayPaymentOrderDetails, type ApplePaySessionRequest, Atome, type AwaitComponentProps, type AwaitConfiguration, BacsElement as BacsDirectDebit, BancontactElement as Bancontact, type BankDetailsSchema, BankTransferElement as BankTransfer, type BankTransferConfiguration, type BankTransferSchema, type BankTransferState, BCMCMobileElement as BcmcMobile, type BeforeSubmitActions, BillDeskOnlineElement as BillDeskOnline, BillDeskWalletElement as BillDeskWallet, type BinLookupResponse, type BinLookupResponseRaw, BlikElement as Blik, BoletoElement as Boleto, type BoletoElementProps, type BoletoInputDataState, type BoletoInputErrorState, type BoletoInputValidState, type BrandConfiguration, type BrandObject, type BrowserInfo, type CReqData, CardElement as Card, type CardBackendConfiguration, type CardBrandsConfiguration, type CardConfiguration, type CardElementData, CashAppPay, type CashAppPayConfiguration, type CashAppPayElementData, type CashAppPayEventData, type ChallengeData, type ChallengeResolveData, type ChangeActionOptions, type ChangePaymentDetailsButtonProps, type ChargeAmount, type CheckoutAdvancedFlowResponse, type CheckoutDetailsRequest, type CheckoutSessionConfig, ClickToPayElement as ClickToPay, type ClickToPayConfiguration, type ClickToPayPaymentData, type ClickToPayProps, type ClickToPayScheme, type CommonVoucherProps, type ComponentFocusObject, type ComponentMethodsRef, type CoreConfiguration, type Currency, CustomCard, type CustomCardConfiguration, type CustomTranslations, type DecodeObject, type DeliverySpecifications, DokuElement as Doku, type DokuVoucherResultProps, DonationElement as Donation, type DonationConfiguration, DotpayElement as Dotpay, DragonpayElement as Dragonpay, type DragonpayConfiguraton, type DragonpayInputData, type DragonpayInputIssuerItem, type DragonpayInputProps, type DragonpayVoucherResultProps, DropinElement as Dropin, type DropinComponentProps, type DropinComponentState, type DropinConfiguration, type DropinStatusProps, type DualBrandSelectElement, DuitNowElement as DuitNow, EPSElement as EPS, EcontextElement as Econtext, type EcontextConfiguration, type EcontextInputSchema, type EcontextVoucherResultProps, type ErrorCodeObject, type ExtendedMerchantInfo, FacilyPay10x as FacilPay10x, FacilyPay12x as FacilPay12x, FacilyPay3x as FacilPay3x, FacilyPay4x as FacilPay4x, FacilyPay6x as FacilPay6x, type FieldsetVisibility, type FingerPrintData, type FingerprintResolveData, type FundingSource, type GiftCardConfiguration, type GiftCardElementData, GiftcardElement as Giftcard, GiropayElement as Giropay, GooglePay, type GooglePayConfiguration, type GooglePaymentDataRequest, type ICore, type IDropin, type InstantPaymentTypes, type Intent, type IssuerListConfiguration, type IssuerListData, type KlarnConfiguration, KlarnaPayments as Klarna, type KlarnaSdkData, type KlarnaWidgetAuthorizeResponse, type KlarnaWidgetProps, type LedgerCurrencies, MBWayElement as MBWay, MealVoucherFRElement as MealVoucherFR, MolPayEBankingMYElement as MolPayEBankingMY, MolPayEBankingTHElement as MolPayEBankingTH, MolPayEbankingVNElement as MolPayEBankingVN, MultibancoElement as Multibanco, type MultibancoVoucherResultProps, type OnChangeData, OnlineBankingCZElement as OnlineBankingCZ, OnlineBankingFI, OnlineBankingINElement as OnlineBankingIN, OnlineBankingPL, OnlineBankingSKElement as OnlineBankingSK, type OpenInvoiceActiveFieldsets, type OpenInvoiceConfiguration, type OpenInvoiceFieldsetsRefs, type OpenInvoiceProps, type OpenInvoiceStateData, type OpenInvoiceStateError, type OpenInvoiceStateValid, type OpenInvoiceVisibility, type Order, type OrderButtonProps, type OrderStatus, OxxoElement as Oxxo, type OxxoVoucherResultProps, type PayButtonFunctionProps, PayByBank, PayByBankUS, PayMeElement as PayMe, PayNowElement as PayNow, PaypalElement as PayPal, type PayPalConfiguration, type PayloadJSON, type PaymentAction, type PaymentActionsType, type PaymentAmount, type PaymentAmountExtended, type PaymentCompletedData, type PaymentData, type PaymentFailedData, type PaymentMethod, type PaymentMethodData, type PaymentMethodGroup, type PaymentMethodOptions, type PaymentMethods$1 as PaymentMethods, type PaymentMethodsConfiguration, type PaymentMethodsRequestData, type PaymentMethodsResponse, type PaymentResponseData, PayuNetCashcardElement as PayuCashcard, PayuNetBankingElement as PayuNetBanking, PersonalDetailsElement as PersonalDetails, type PersonalDetailsSchema, PixElement as Pix, type PixConfiguration, type PixElementData, type PostMsgParseErrorObject, type ProcessedResponse, PromptPayElement as PromptPay, type QRLoaderConfiguration, RatePay, RatePayDirectDebit, type RawPaymentResponse, type RecurringMetadata, RedirectElement as Redirect, type RedirectConfiguration, type Region, type ResultCode, type ResultObject, type ResultValue, Riverty, type SepaConfiguration, SepaElement as SepaDirectDebit, type SepaElementData, type SessionsResponse, type SignOutButtonProps, type SocialSecurityMode, type StatusObject, type StoredPaymentMethod, type SubmitActions, type SubmitData, type SupportedLocale, SwishElement as Swish, ThreeDS2Challenge, type ThreeDS2ChallengeConfiguration, ThreeDS2DeviceFingerprint, type ThreeDS2DeviceFingerprintConfiguration, type ThreeDS2FingerprintResponse, type ThreeDS2FlowObject, type ThreeDS2Token, TrustlyElement as Trustly, TwintElement as Twint, UIElement, type UIElementProps, type UIElementStatus, UPI, type UPIConfiguration, type UpdateAmazonCheckoutSessionRequest, type UpiMode, type UpiPaymentData, type UpiType, type ValidationError, VippsElement as Vipps, type VoucherConfiguration, type VoucherDetail, type VoucherProps, WalletINElement as WalletIN, WeChatPayElement as WeChat, type balanceCheckResponseType, index_d as components, type onBalanceCheckCallbackType, type onOrderCancelData, type onOrderCancelType, type onOrderRequestCallbackType, type onRequiringConfirmationCallbackType };
+export { ANCVElement as ANCV, type ANCVConfiguration, type ANCVDataState, AchElement as Ach, type AchConfiguration, type ActionDescriptionType, type ActionHandledReturnObject, type AdditionalDetailsActions, type AdditionalDetailsData, AddressElement as Address, type AddressData, type AddressField, AdyenCheckout, AdyenCheckoutError, Affirm, AfterPay, AfterPayB2B, AmazonPayElement as AmazonPay, type AmazonPayBackendConfiguration, type AmazonPayButtonProps, type AmazonPayButtonSettings, type AmazonPayComponentProps, type AmazonPayConfiguration, type AmazonPayElementData, type AnalyticsModule, type App, ApplePayElement as ApplePay, type ApplePayButtonType, type ApplePayConfiguration, type ApplePayElementData, type ApplePayPaymentAuthorizationResult, type ApplePayPaymentOrderDetails, type ApplePaySessionRequest, Atome, type AwaitComponentProps, type AwaitConfiguration, BacsElement as BacsDirectDebit, BancontactElement as Bancontact, type BankDetailsSchema, BankTransferElement as BankTransfer, type BankTransferConfiguration, type BankTransferSchema, type BankTransferState, BCMCMobileElement as BcmcMobile, type BeforeSubmitActions, BillDeskOnlineElement as BillDeskOnline, BillDeskWalletElement as BillDeskWallet, type BinLookupResponse, type BinLookupResponseRaw, BlikElement as Blik, BoletoElement as Boleto, type BoletoElementProps, type BoletoInputDataState, type BoletoInputErrorState, type BoletoInputValidState, type BrandConfiguration, type BrandObject, type BrowserInfo, type CReqData, CardElement as Card, type CardAllValidData, type CardAutoCompleteData, type CardBackendConfiguration, type CardBinLookupData, type CardBinValueData, type CardBrandData, type CardBrandsConfiguration, type CardConfigSuccessData, type CardConfiguration, type CardElementData, type CardErrorData, type CardFieldValidData, type CardFocusData, type CardLoadData, CashAppPay, type CashAppPayConfiguration, type CashAppPayElementData, type CashAppPayEventData, type ChallengeData, type ChallengeResolveData, type ChangeActionOptions, type ChangePaymentDetailsButtonProps, type ChargeAmount, type CheckoutAdvancedFlowResponse, type CheckoutDetailsRequest, type CheckoutSessionConfig, ClickToPayElement as ClickToPay, type ClickToPayConfiguration, type ClickToPayPaymentData, type ClickToPayProps, type ClickToPayScheme, type CommonVoucherProps, type ComponentFocusObject, type ComponentMethodsRef, type CoreConfiguration, type Currency, CustomCard, type CustomCardConfiguration, type CustomTranslations, type DecodeObject, type DeliverySpecifications, DokuElement as Doku, type DokuVoucherResultProps, DonationElement as Donation, type DonationConfiguration, DotpayElement as Dotpay, DragonpayElement as Dragonpay, type DragonpayConfiguraton, type DragonpayInputData, type DragonpayInputIssuerItem, type DragonpayInputProps, type DragonpayVoucherResultProps, DropinElement as Dropin, type DropinComponentProps, type DropinComponentState, type DropinConfiguration, type DropinStatusProps, type DualBrandSelectElement, DuitNowElement as DuitNow, EPSElement as EPS, EcontextElement as Econtext, type EcontextConfiguration, type EcontextInputSchema, type EcontextVoucherResultProps, type ErrorCodeObject, type ExtendedMerchantInfo, FacilyPay10x as FacilPay10x, FacilyPay12x as FacilPay12x, FacilyPay3x as FacilPay3x, FacilyPay4x as FacilPay4x, FacilyPay6x as FacilPay6x, type FieldsetVisibility, type FingerPrintData, type FingerprintResolveData, type FundingSource, type GiftCardConfiguration, type GiftCardElementData, GiftcardElement as Giftcard, GiropayElement as Giropay, GooglePay, type GooglePayConfiguration, type GooglePaymentDataRequest, type ICore, type IDropin, type InstantPaymentTypes, type Intent, type IssuerListConfiguration, type IssuerListData, KlarnaPayments as Klarna, type KlarnaAction, type KlarnaAdditionalDetailsData, type KlarnaComponentRef, type KlarnaConfiguration, type KlarnaSdkData, type KlarnaWidgetAuthorizeResponse, type KlarnaWidgetProps, type LedgerCurrencies, MBWayElement as MBWay, MealVoucherFRElement as MealVoucherFR, MolPayEBankingMYElement as MolPayEBankingMY, MolPayEBankingTHElement as MolPayEBankingTH, MolPayEbankingVNElement as MolPayEBankingVN, MultibancoElement as Multibanco, type MultibancoVoucherResultProps, type OnChangeData, OnlineBankingCZElement as OnlineBankingCZ, OnlineBankingFI, OnlineBankingINElement as OnlineBankingIN, OnlineBankingPL, OnlineBankingSKElement as OnlineBankingSK, type OpenInvoiceActiveFieldsets, type OpenInvoiceConfiguration, type OpenInvoiceFieldsetsRefs, type OpenInvoiceProps, type OpenInvoiceStateData, type OpenInvoiceStateError, type OpenInvoiceStateValid, type OpenInvoiceVisibility, type Order, type OrderButtonProps, type OrderStatus, OxxoElement as Oxxo, type OxxoVoucherResultProps, type PayButtonFunctionProps, PayByBank, PayByBankUS, PayMeElement as PayMe, PayNowElement as PayNow, PaypalElement as PayPal, type PayPalConfiguration, type PayloadJSON, type PaymentAction, type PaymentActionsType, type PaymentAmount, type PaymentAmountExtended, type PaymentCompletedData, type PaymentData, type PaymentFailedData, type PaymentMethod, type PaymentMethodData, type PaymentMethodGroup, type PaymentMethodOptions, type PaymentMethods$1 as PaymentMethods, type PaymentMethodsConfiguration, type PaymentMethodsRequestData, type PaymentMethodsResponse, type PaymentResponseData, PayuNetCashcardElement as PayuCashcard, PayuNetBankingElement as PayuNetBanking, PersonalDetailsElement as PersonalDetails, type PersonalDetailsSchema, PixElement as Pix, type PixConfiguration, type PixElementData, type PostMsgParseErrorObject, type ProcessedResponse, PromptPayElement as PromptPay, type QRLoaderConfiguration, RatePay, RatePayDirectDebit, type RawPaymentResponse, type RecurringMetadata, RedirectElement as Redirect, type RedirectConfiguration, type Region, type ResultCode, type ResultObject, type ResultValue, Riverty, type SepaConfiguration, SepaElement as SepaDirectDebit, type SepaElementData, type SessionsResponse, type SignOutButtonProps, type SocialSecurityMode, type StatusObject, type StoredPaymentMethod, type SubmitActions, type SubmitData, type SupportedLocale, SwishElement as Swish, ThreeDS2Challenge, type ThreeDS2ChallengeConfiguration, ThreeDS2DeviceFingerprint, type ThreeDS2DeviceFingerprintConfiguration, type ThreeDS2FingerprintResponse, type ThreeDS2FlowObject, type ThreeDS2Token, TrustlyElement as Trustly, TwintElement as Twint, UIElement, type UIElementProps, type UIElementStatus, UPI, type UPIConfiguration, type UpdateAmazonCheckoutSessionRequest, type UpiMode, type UpiPaymentData, type UpiType, type ValidationError, VippsElement as Vipps, type VoucherConfiguration, type VoucherDetail, type VoucherProps, WalletINElement as WalletIN, WeChatPayElement as WeChat, type balanceCheckResponseType, index_d as components, type onBalanceCheckCallbackType, type onOrderCancelData, type onOrderCancelType, type onOrderRequestCallbackType, type onRequiringConfirmationCallbackType };