@adyen/adyen-web 5.38.0 → 5.39.0

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

@@ -45,7 +45,7 @@ declare class ApplePayElement extends UIElement<ApplePayElementProps> {
      * Formats the component data output
      */
     protected formatData(): ApplePayElementData;
-    submit(): Promise<void>;
+    submit(): Promise<void | {}>;
     private startSession;
     private validateMerchant;
     /**

package/dist/types/components/ApplePay/ApplePayService.d.ts

@@ -3,6 +3,7 @@ import { OnAuthorizedCallback } from './types';
 interface ApplePayServiceOptions {
     version: number;
     onValidateMerchant: (resolve: any, reject: any, url: any) => void;
+    onError: (error?: unknown) => void;
     onCancel?: (event: ApplePayJS.Event) => void;
     onPaymentMethodSelected?: (resolve: any, reject: any, event: ApplePayJS.ApplePayPaymentMethodSelectedEvent) => void;
     onShippingMethodSelected?: (resolve: any, reject: any, event: ApplePayJS.ApplePayShippingMethodSelectedEvent) => void;
@@ -11,6 +12,7 @@ interface ApplePayServiceOptions {
 }
 declare class ApplePayService {
     private session;
+    private readonly options;
     constructor(paymentRequest: ApplePayJS.ApplePayPaymentRequest, options: ApplePayServiceOptions);
     /**
      * Begins the merchant validation process.
@@ -25,7 +27,7 @@ declare class ApplePayService {
      * @param onValidateMerchant - A promise implemented by the merchant that will resolve with the merchantSession
      * @see {@link https://developer.apple.com/documentation/apple_pay_on_the_web/apple_pay_js_api/providing_merchant_validation}
      */
-    onvalidatemerchant(event: ApplePayJS.ApplePayValidateMerchantEvent, onValidateMerchant: any): void;
+    onvalidatemerchant(event: ApplePayJS.ApplePayValidateMerchantEvent, onValidateMerchant: any): Promise<void>;
     /**
      * An event handler that is called when the user has authorized the Apple Pay payment with Touch ID, Face ID, or passcode.
      * The onpaymentauthorized function must complete the payment and respond by calling completePayment before the 30 second timeout.
@@ -38,6 +40,7 @@ declare class ApplePayService {
     /**
      * An event handler that is called when a new payment method is selected.
      * The onpaymentmethodselected function must resolve before the 30 second timeout
+     *
      * @param event - The event parameter contains the payment (ApplePayPayment) attribute.
      * @param onPaymentMethodSelected - A promise that will complete the payment when resolved. Use this promise to process the payment.
      * @see {@link https://developer.apple.com/documentation/apple_pay_on_the_web/applepaysession/1778013-onpaymentmethodselected}
@@ -66,6 +69,6 @@ declare class ApplePayService {
      * @param onCancel -
      * @see {@link https://developer.apple.com/documentation/apple_pay_on_the_web/applepaysession/1778029-oncancel}
      */
-    oncancel(event: ApplePayJS.Event, onCancel: any): any;
+    oncancel(event: ApplePayJS.Event, onCancel: any): void;
 }
 export default ApplePayService;

package/dist/types/components/ApplePay/payment-request.d.ts

@@ -1,8 +1,3 @@
 /// <reference types="applepayjs" />
-export declare const preparePaymentRequest: ({ countryCode, companyName, amount, ...props }: {
-    [x: string]: any;
-    countryCode: any;
-    companyName: any;
-    amount: any;
-}) => ApplePayJS.ApplePayPaymentRequest;
+export declare const preparePaymentRequest: (paymentRequest: any) => ApplePayJS.ApplePayPaymentRequest;
 export default preparePaymentRequest;

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

@@ -1,5 +1,4 @@
 /// <reference types="applepayjs" />
-import { PaymentAmount } from '../../types';
 import { UIElementProps } from '../types';
 declare global {
     interface Window {
@@ -16,7 +15,6 @@ export interface ApplePayElementProps extends UIElementProps {
      * @see {@link https://developer.apple.com/documentation/apple_pay_on_the_web/apple_pay_on_the_web_version_history Apple Pay on the Web Version History}
      */
     version?: number;
-    amount: PaymentAmount;
     /**
      * The merchant’s two-letter ISO 3166 country code.
      */
@@ -30,7 +28,10 @@ export interface ApplePayElementProps extends UIElementProps {
      * @default 'final'
      */
     totalPriceStatus?: ApplePayJS.ApplePayLineItemType;
-    configuration: {
+    /**
+     * ApplePay configuration sent by the /paymentMethods response
+     */
+    configuration?: {
         merchantName?: string;
         merchantId?: string;
     };
@@ -62,6 +63,18 @@ export interface ApplePayElementProps extends UIElementProps {
      * The payment networks supported by the merchant.
      */
     supportedNetworks?: string[];
+    /**
+     * ApplePayRecurringPaymentRequest - Represents a request to set up a recurring payment, typically a subscription.
+     * {@link https://developer.apple.com/documentation/apple_pay_on_the_web/applepayrecurringpaymentrequest}
+     */
+    recurringPaymentRequest?: {
+        paymentDescription: string;
+        regularBilling: ApplePayJS.ApplePayLineItem;
+        trialBilling?: ApplePayJS.ApplePayLineItem;
+        billingAgreement?: string;
+        managementURL: string;
+        tokenNotificationURL?: string;
+    };
     /**
      * The billing information that you require from the user in order to process the transaction.
      */

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

@@ -1,3 +1,3 @@
 import { h } from 'preact';
 import { CVCHintProps } from './types';
-export default function CVCHint({ frontCVC }: CVCHintProps): h.JSX.Element;
+export default function CVCHint({ frontCVC, fieldLabel }: CVCHintProps): h.JSX.Element;

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

@@ -60,6 +60,7 @@ export interface CVCProps {
     onFocusField: (field: string) => void;
 }
 export interface CVCHintProps {
+    fieldLabel: string;
     frontCVC: boolean;
 }
 export interface DualBrandingIconProps {

package/dist/types/components/Card/components/ClickToPay/models/ShopperCard.d.ts

@@ -9,10 +9,10 @@ declare class ShopperCard {
     srcCorrelationId: string;
     tokenId?: string;
     isExpired: boolean;
-    private panExpirationMonth;
-    private panExpirationYear;
-    private descriptorName?;
-    private status?;
+    private readonly panExpirationMonth;
+    private readonly panExpirationYear;
+    private readonly descriptorName?;
+    private readonly status?;
     constructor(maskedCard: SrcCard, scheme: ClickToPayScheme, srcCorrelationId: string);
     get title(): string;
     get isDcfPopupEmbedded(): boolean;

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

@@ -8,7 +8,7 @@ declare const getVisaSetttings: ({ dpaLocale, dpaPresentationName }: CustomSdkCo
         dpaLocale: string;
         payloadTypeIndicator: string;
         customInputData: {
-            checkoutOrchestator: string;
+            checkoutOrchestrator: string;
         };
     };
     dpaData: {

package/dist/types/components/PayByBank/PayByBank.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -63,6 +63,11 @@ interface PayPalCommonProps {
      * @defaultValue false
      */
     blockPayPalPayLaterButton?: boolean;
+    /**
+     * Set to true to force the UI to load Paypal Messages Component
+     * @defaultValue false
+     */
+    enableMessages?: boolean;
     /**
      * @see {@link https://developer.paypal.com/docs/business/javascript-sdk/javascript-sdk-configuration/#csp-nonce}
      */

package/dist/types/components/helpers/IssuerListContainer.d.ts

@@ -27,6 +27,7 @@ declare class IssuerListContainer extends UIElement<IssuerListContainerProps> {
         highlightedIssuers: any[];
         loadingContext: string;
         showPaymentMethodItemImages: boolean;
+        showPayButton: boolean;
     };
     formatProps(props: any): any;
     /**

package/dist/types/components/internal/QRLoader/QRLoader.d.ts

@@ -24,7 +24,7 @@ declare class QRLoader extends Component<QRLoaderProps, QRLoaderState> {
     private onComplete;
     private onError;
     private checkStatus;
-    render({ amount, url, brandLogo, countdownTime, type, onActionHandled }: QRLoaderProps, { expired, completed, loading }: {
+    render({ amount, url, brandLogo, brandName, countdownTime, type, onActionHandled }: QRLoaderProps, { expired, completed, loading }: {
         expired: any;
         completed: any;
         loading: any;

package/dist/types/components/internal/QRLoader/types.d.ts

@@ -19,6 +19,7 @@ export interface QRLoaderProps {
     i18n?: Language;
     classNameModifiers?: string[];
     brandLogo?: string;
+    brandName?: string;
     introduction?: string;
     instructions?: string;
     copyBtn?: boolean;

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

@@ -31,3 +31,14 @@ export declare const DATA_ENCRYPTED_FIELD_ATTR = "data-cse";
 export declare const DATA_INFO = "data-info";
 export declare const DATA_UID = "data-uid";
 export declare const BRAND_ICON_UI_EXCLUSION_LIST: string[];
+export declare const BRAND_READABLE_NAME_MAP: {
+    visa: string;
+    mc: string;
+    amex: string;
+    discover: string;
+    cup: string;
+    jcb: string;
+    diners: string;
+    maestro: string;
+    bcmc: string;
+};

package/dist/types/core/ProcessResponse/PaymentMethodsResponse/PaymentMethodsResponse.d.ts

@@ -1,8 +1,8 @@
-import { PaymentMethod } from '../../../types';
+import { PaymentMethod, StoredPaymentMethod } from '../../../types';
 declare class PaymentMethodsResponse {
     paymentMethods: PaymentMethod[];
-    storedPaymentMethods: PaymentMethod[];
-    constructor(response: any, options?: {});
+    storedPaymentMethods: StoredPaymentMethod[];
+    constructor(response: PaymentMethodsResponse, options?: {});
     private mapCreatedComponentType;
     has(paymentMethod: string): boolean;
     find(paymentMethod: string): PaymentMethod;

package/dist/types/core/ProcessResponse/PaymentMethodsResponse/types.d.ts

@@ -1,13 +1,11 @@
 import { PaymentMethod, StoredPaymentMethod } from '../../../types';
-export interface PaymentMethodsResponseObject {
+export interface PaymentMethodsResponse {
     /**
      * Detailed list of payment methods required to generate payment forms.
      */
-    paymentMethods: PaymentMethod[];
+    paymentMethods?: PaymentMethod[];
     /**
      * List of all stored payment methods.
      */
     storedPaymentMethods?: StoredPaymentMethod[];
-    groups?: any;
-    oneClickPaymentMethods?: any;
 }

package/dist/types/core/ProcessResponse/PaymentMethodsResponse/utils.d.ts

@@ -1,4 +1,5 @@
 import { PaymentMethod, StoredPaymentMethod } from '../../../types';
+import { PaymentMethodsResponse } from './types';
 export declare const processPaymentMethods: (paymentMethods: PaymentMethod[], { allowPaymentMethods, removePaymentMethods }: {
     allowPaymentMethods?: any[];
     removePaymentMethods?: any[];
@@ -6,5 +7,5 @@ export declare const processPaymentMethods: (paymentMethods: PaymentMethod[], {
 export declare const processStoredPaymentMethods: (storedPaymentMethods: StoredPaymentMethod[], { allowPaymentMethods, removePaymentMethods }: {
     allowPaymentMethods?: any[];
     removePaymentMethods?: any[];
-}) => PaymentMethod[];
-export declare const checkPaymentMethodsResponse: (response: any) => void;
+}) => StoredPaymentMethod[];
+export declare const checkPaymentMethodsResponse: (paymentMethodsResponse: PaymentMethodsResponse) => void;

package/dist/types/core/types.d.ts

@@ -1,7 +1,7 @@
 import { CustomTranslations, Locales } from '../language/types';
 import { PaymentMethods, PaymentMethodOptions, PaymentActionsType, PaymentAmountExtended, Order } from '../types';
 import { AnalyticsOptions } from './Analytics/types';
-import { PaymentMethodsResponseObject } from './ProcessResponse/PaymentMethodsResponse/types';
+import { PaymentMethodsResponse } from './ProcessResponse/PaymentMethodsResponse/types';
 import { RiskModuleOptions } from './RiskModule/RiskModule';
 export interface CoreOptions {
     session?: any;
@@ -28,7 +28,7 @@ export interface CoreOptions {
     /**
      * The full `/paymentMethods` response
      */
-    paymentMethodsResponse?: PaymentMethodsResponseObject;
+    paymentMethodsResponse?: PaymentMethodsResponse;
     /**
      * Amount of the payment
      */

package/dist/types/types/index.d.ts

@@ -114,6 +114,7 @@ export interface StoredPaymentMethod extends PaymentMethod {
     supportedShopperInteractions: string[];
     /**
      * A unique identifier of this stored payment method.
+     * Mapped from 'storedPaymentMethod.id'
      */
     storedPaymentMethodId?: string;
 }

package/package.json

@@ -23,7 +23,7 @@
         "./dist/adyen.css": "./dist/adyen.css",
         "./package.json": "./package.json"
     },
-    "version": "5.38.0",
+    "version": "5.39.0",
     "license": "MIT",
     "homepage": "https://docs.adyen.com/checkout",
     "repository": "github:Adyen/adyen-web",
@@ -68,10 +68,10 @@
         "@testing-library/preact-hooks": "1.1.0",
         "@testing-library/user-event": "14.4.3",
         "@types/jest": "29.4.0",
-        "@typescript-eslint/eslint-plugin": "5.54.0",
-        "@typescript-eslint/parser": "5.54.0",
+        "@typescript-eslint/eslint-plugin": "5.54.1",
+        "@typescript-eslint/parser": "5.54.1",
         "autoprefixer": "10.4.13",
-        "babel-jest": "29.4.3",
+        "babel-jest": "29.5.0",
         "cross-env": "^7.0.3",
         "cssnano": "5.1.15",
         "dotenv": "^16.0.3",
@@ -86,8 +86,8 @@
         "filesize": "^10.0.0",
         "gzip-size": "^6.0.0",
         "husky": "^8.0.1",
-        "jest": "29.4.3",
-        "jest-environment-jsdom": "29.4.3",
+        "jest": "29.5.0",
+        "jest-environment-jsdom": "29.5.0",
         "jest-mock-extended": "^3.0.1",
         "lint-staged": "^13.0.3",
         "postcss": "8.4.21",