@adyen/adyen-web 5.23.1 → 5.24.0

package/dist/types/components/Ach/Ach.d.ts

@@ -1,19 +1,57 @@
 import { h } from 'preact';
 import UIElement from '../UIElement';
-export declare class AchElement extends UIElement {
+import { AchElementProps } from './types';
+export declare class AchElement extends UIElement<AchElementProps> {
     static type: string;
-    formatProps(props: any): any;
+    formatProps(props: AchElementProps): {
+        holderNameRequired: boolean;
+        storedPaymentMethodId?: string;
+        hasHolderName?: boolean;
+        enableStoreDetails: boolean;
+        session?: import("../../core/CheckoutSession/CheckoutSession").default;
+        onChange?: (state: any, element: UIElement<any>) => void;
+        onValid?: (state: any, element: UIElement<any>) => void;
+        beforeSubmit?: (state: any, element: UIElement<any>, actions: any) => Promise<void>;
+        onSubmit?: (state: any, element: UIElement<any>) => void;
+        onComplete?: (state: any, element: UIElement<any>) => void;
+        onAdditionalDetails?: (state: any, element: UIElement<any>) => void;
+        onError?: (error: any, element?: UIElement<any>) => void;
+        onPaymentCompleted?: (result: any, element: UIElement<any>) => void;
+        beforeRedirect?: (resolve: any, reject: any, redirectData: any, element: UIElement<any>) => void;
+        isInstantPayment?: boolean;
+        type?: string;
+        name?: string;
+        icon?: string;
+        amount?: import("../../types").PaymentAmount;
+        secondaryAmount?: import("../../types").PaymentAmountExtended;
+        showPayButton?: boolean;
+        setStatusAutomatically?: boolean;
+        payButton?: (options: import("../types").PayButtonFunctionProps) => h.JSX.Element;
+        loadingContext?: string;
+        createFromAction?: (action: import("../../types").PaymentAction, props: object) => UIElement<any>;
+        clientKey?: string;
+        elementRef?: any;
+        i18n?: import("../../language").default;
+        _parentInstance?: import("../../core/core").default;
+        order?: import("../../types").Order;
+        modules?: {
+            analytics: import("../../core/Analytics/Analytics").default;
+            risk: import("../../core/RiskModule").default;
+        };
+        isDropin?: boolean;
+    };
     /**
      * Formats the component data output
      */
     formatData(): {
+        storePaymentMethod: any;
         billingAddress: any;
         paymentMethod: any;
     };
     updateStyles(stylesObj: any): this;
     setFocusOn(fieldName: any): this;
     get isValid(): boolean;
-    get displayName(): any;
+    get displayName(): string;
     render(): h.JSX.Element;
 }
 export default AchElement;

package/dist/types/components/Ach/components/AchInput/types.d.ts

@@ -1,5 +1,6 @@
 import Language from '../../../../language/Language';
 import { StylesObject } from '../../../internal/SecuredFields/lib/types';
+import UIElement from "../../../UIElement";
 export interface ACHInputStateValid {
     holderName?: boolean;
     billingAddress?: boolean;
@@ -25,25 +26,28 @@ export interface ACHInputProps {
     billingAddressAllowedCountries?: string[];
     billingAddressRequired?: boolean;
     billingAddressRequiredFields?: string[];
-    clientKey: string;
+    clientKey?: string;
     data?: ACHInputDataState;
+    enableStoreDetails: boolean;
     hasHolderName?: boolean;
     holderName?: string;
     holderNameRequired?: boolean;
     i18n?: Language;
     keypadFix?: boolean;
     legacyInputMode?: boolean;
-    loadingContext: string;
+    loadingContext?: string;
     onAllValid?: () => {};
     onBlur?: (e: any) => {};
-    onChange?: (obj: any) => {};
+    onChange?: (obj: any) => void;
+    onSubmit?: (obj: any) => void;
     onConfigSuccess?: () => {};
-    onError?: () => {};
+    onError?: (error: any, element?: UIElement<any>) => void;
     onFieldValid?: () => {};
     onFocus?: (e: any) => {};
     onLoad?: () => {};
     payButton?: (obj: any) => {};
     placeholders?: Placeholders;
+    ref?: any;
     showPayButton?: boolean;
     showWarnings?: boolean;
     styles?: StylesObject;

package/dist/types/components/Ach/types.d.ts

@@ -0,0 +1,7 @@
+import { UIElementProps } from '../types';
+export interface AchElementProps extends UIElementProps {
+    storedPaymentMethodId?: string;
+    holderNameRequired?: boolean;
+    hasHolderName?: boolean;
+    enableStoreDetails: boolean;
+}

package/dist/types/components/Card/Bancontact.d.ts

@@ -52,6 +52,7 @@ declare class BancontactElement extends CardElement {
             shopperIdentityValue: any;
             locale: string;
             shopperIdentityType?: "email" | "mobilePhone";
+            merchantDisplayName: string;
         };
         brand?: string;
         useClickToPay: boolean;

package/dist/types/components/Card/Card.d.ts

@@ -60,6 +60,7 @@ export declare class CardElement extends UIElement<CardElementProps> {
             shopperIdentityValue: any;
             locale: string;
             shopperIdentityType?: "email" | "mobilePhone";
+            merchantDisplayName: string;
         };
         brand?: string;
         useClickToPay: boolean;

package/dist/types/components/Card/components/ClickToPay/services/sdks/AbstractSrcInitiator.d.ts

@@ -1,5 +1,5 @@
 import { IdentityLookupParams } from '../types';
-import { SrcCheckoutParams, SrciCheckoutResponse, SrciCompleteIdentityValidationResponse, SrciIdentityLookupResponse, SrciInitiateIdentityValidationResponse, SrciIsRecognizedResponse, SrcInitParams, SrcProfile } from './types';
+import { CustomSdkConfiguration, SrcCheckoutParams, SrciCheckoutResponse, SrciCompleteIdentityValidationResponse, SrciIdentityLookupResponse, SrciInitiateIdentityValidationResponse, SrciIsRecognizedResponse, SrcInitParams, SrcProfile } from './types';
 import { ClickToPayScheme } from '../../../../types';
 export interface ISrcInitiator {
     schemeName: ClickToPayScheme;
@@ -17,10 +17,10 @@ export interface ISrcInitiator {
 export default abstract class AbstractSrcInitiator implements ISrcInitiator {
     schemeSdk: any;
     abstract readonly schemeName: ClickToPayScheme;
-    protected readonly dpaLocale: string;
+    protected readonly customSdkConfiguration: CustomSdkConfiguration;
     private readonly sdkUrl;
     private scriptElement;
-    protected constructor(sdkUrl: string, dpaLocale: string);
+    protected constructor(sdkUrl: string, customSdkConfiguration: CustomSdkConfiguration);
     loadSdkScript(): Promise<void>;
     removeSdkScript(): void;
     /**

package/dist/types/components/Card/components/ClickToPay/services/sdks/MastercardSdk.d.ts

@@ -1,9 +1,9 @@
 import { IdentityLookupParams } from '../types';
 import AbstractSrcInitiator from './AbstractSrcInitiator';
-import { SrciCompleteIdentityValidationResponse, SrciIdentityLookupResponse, SrcInitParams } from './types';
+import { CustomSdkConfiguration, SrciCompleteIdentityValidationResponse, SrciIdentityLookupResponse, SrcInitParams } from './types';
 declare class MastercardSdk extends AbstractSrcInitiator {
     readonly schemeName = "mc";
-    constructor(environment: string, locale: string);
+    constructor(environment: string, customSdkConfig: CustomSdkConfiguration);
     protected isSdkIsAvailableOnWindow(): boolean;
     protected assignSdkReference(): void;
     init(params: SrcInitParams, srciTransactionId: string): Promise<void>;

package/dist/types/components/Card/components/ClickToPay/services/sdks/SrcSdkLoader.d.ts

@@ -5,8 +5,11 @@ export interface ISrcSdkLoader {
 }
 declare class SrcSdkLoader implements ISrcSdkLoader {
     readonly schemes: string[];
-    private readonly locale;
-    constructor(schemes: string[], locale?: string);
+    private readonly customSdkConfiguration;
+    constructor(schemes: string[], { dpaLocale, dpaPresentationName }: {
+        dpaLocale?: string;
+        dpaPresentationName?: string;
+    });
     load(environment: string): Promise<ISrcInitiator[]>;
 }
 export default SrcSdkLoader;

package/dist/types/components/Card/components/ClickToPay/services/sdks/VisaSdk.d.ts

@@ -1,9 +1,9 @@
 import { IdentityLookupParams } from '../types';
 import AbstractSrcInitiator from './AbstractSrcInitiator';
-import { SrciCompleteIdentityValidationResponse, SrciIdentityLookupResponse, SrcInitParams } from './types';
+import { CustomSdkConfiguration, SrciCompleteIdentityValidationResponse, SrciIdentityLookupResponse, SrcInitParams } from './types';
 declare class VisaSdk extends AbstractSrcInitiator {
     readonly schemeName = "visa";
-    constructor(environment: string, locale: string);
+    constructor(environment: string, customSdkConfig: CustomSdkConfiguration);
     protected isSdkIsAvailableOnWindow(): boolean;
     protected assignSdkReference(): void;
     init(params: SrcInitParams, srciTransactionId: string): Promise<void>;

package/dist/types/components/Card/components/ClickToPay/services/sdks/config.d.ts

@@ -1,18 +1,18 @@
+import { CustomSdkConfiguration } from './types';
 declare const VISA_SDK_TEST = "https://sandbox-assets.secure.checkout.visa.com/checkout-widget/resources/js/src-i-adapter/visaSdk.js";
 declare const VISA_SDK_PROD = "https://assets.secure.checkout.visa.com/checkout-widget/resources/js/src-i-adapter/visaSdk.js";
 declare const MC_SDK_TEST = "https://sandbox.src.mastercard.com/sdk/srcsdk.mastercard.js";
 declare const MC_SDK_PROD = "https://src.mastercard.com/sdk/srcsdk.mastercard.js";
-declare const getVisaSetttings: ({ dpaLocale }: {
-    dpaLocale?: string;
-}) => {
+declare const getVisaSetttings: ({ dpaLocale, dpaPresentationName }: CustomSdkConfiguration) => {
     dpaTransactionOptions: {
         dpaLocale: string;
         payloadTypeIndicator: string;
     };
+    dpaData: {
+        dpaPresentationName: string;
+    };
 };
-declare const getMastercardSettings: ({ dpaLocale }: {
-    dpaLocale?: string;
-}) => {
+declare const getMastercardSettings: ({ dpaLocale, dpaPresentationName }: CustomSdkConfiguration) => {
     dpaTransactionOptions: {
         dpaLocale: string;
         paymentOptions: {
@@ -24,5 +24,8 @@ declare const getMastercardSettings: ({ dpaLocale }: {
         };
         confirmPayment: boolean;
     };
+    dpaData: {
+        dpaPresentationName: string;
+    };
 };
 export { VISA_SDK_TEST, VISA_SDK_PROD, MC_SDK_TEST, MC_SDK_PROD, getVisaSetttings, getMastercardSettings };

package/dist/types/components/Card/components/ClickToPay/services/sdks/types.d.ts

@@ -1,3 +1,10 @@
+/**
+ * Type that represent the object which contains the customizable properties of the SDK initialization
+ */
+export declare type CustomSdkConfiguration = {
+    dpaLocale: string;
+    dpaPresentationName: string;
+};
 /**
  * Types used to define the interface with the SRCi SDK
  */

package/dist/types/components/Card/components/ClickToPay/services/types.d.ts

@@ -30,6 +30,7 @@ declare type MastercardCheckout = {
 declare type VisaCheckout = {
     srcCheckoutPayload?: string;
     srcTokenReference?: string;
+    srcCorrelationId: string;
     srcScheme: string;
 };
 export interface SrcProfileWithScheme extends SrcProfile {

package/dist/types/components/Card/components/ClickToPay/services/utils.d.ts

@@ -1,6 +1,9 @@
 import { ClickToPayCheckoutPayload, SrcProfileWithScheme } from './types';
 import { SrciCheckoutResponse } from './sdks/types';
 import ShopperCard from '../models/ShopperCard';
+/**
+ * Creates the payload for the /payments call
+ */
 declare function createCheckoutPayloadBasedOnScheme(card: ShopperCard, checkoutResponse: SrciCheckoutResponse, environment: string): ClickToPayCheckoutPayload;
 declare function createShopperCardsList(srcProfiles: SrcProfileWithScheme[]): ShopperCard[];
 export { createShopperCardsList, createCheckoutPayloadBasedOnScheme };

package/dist/types/components/Card/types.d.ts

@@ -93,6 +93,10 @@ export declare type ClickToPayScheme = 'mc' | 'visa';
 export declare type ClickToPayConfiguration = {
     shopperIdentityValue: string;
     shopperIdentityType?: 'email' | 'mobilePhone';
+    /**
+     * Used to display the merchant name in case the DCF appears (ex: first time doing transaction in the device),
+     */
+    merchantDisplayName: string;
     /**
      * Used to ensure the correct language and user experience if DCF screen is displayed. As a fallback, it uses the main locale
      * defined during the creation of the Checkout.

package/dist/types/components/internal/SecuredFields/lib/configuration/constants.d.ts

@@ -11,7 +11,7 @@ export declare const ENCRYPTED_BANK_LOCATION_FIELD = "encryptedBankLocationId";
 export declare const ENCRYPTED_SECURITY_CODE_3_DIGITS = "encryptedSecurityCode3digits";
 export declare const ENCRYPTED_SECURITY_CODE_4_DIGITS = "encryptedSecurityCode4digits";
 export declare const GIFT_CARD = "giftcard";
-export declare const SF_VERSION = "4.2.0";
+export declare const SF_VERSION = "4.2.1";
 export declare const DEFAULT_CARD_GROUP_TYPES: string[];
 export declare const NON_CREDIT_CARD_TYPE_SECURED_FIELDS: string[];
 export declare const CREDIT_CARD_SF_FIELDS: string[];

package/dist/types/components/internal/SecuredFields/lib/securedField/AbstractSecuredField.d.ts

@@ -70,6 +70,7 @@ declare abstract class AbstractSecuredField {
     protected iframeSrc: string;
     protected loadingContext: string;
     protected holderEl: HTMLElement;
+    protected iframeRef: HTMLElement;
     loadToConfigTimeout: number;
     protected _errorType: string;
     protected _hasError: boolean;

package/package.json

@@ -23,7 +23,7 @@
         "./dist/adyen.css": "./dist/adyen.css",
         "./package.json": "./package.json"
     },
-    "version": "5.23.1",
+    "version": "5.24.0",
     "license": "MIT",
     "homepage": "https://docs.adyen.com/checkout",
     "repository": "github:Adyen/adyen-web",