@adyen/adyen-web 5.37.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/CardInput/types.d.ts

@@ -11,6 +11,7 @@ import { SRPanel } from '../../../../core/Errors/SRPanel';
 import Analytics from '../../../../core/Analytics';
 import RiskElement from '../../../../core/RiskModule';
 import { ComponentMethodsRef } from '../../../types';
+import { DisclaimerMsgObject } from '../../../internal/DisclaimerMessage/DisclaimerMessage';
 export interface CardInputValidState {
     holderName?: boolean;
     billingAddress?: boolean;
@@ -41,11 +42,6 @@ export interface CardInputDataState {
 type Placeholders = {
     holderName?: string;
 };
-export interface DisclaimerMsgObject {
-    message: string;
-    linkText: string;
-    link: string;
-}
 /**
  * Should be the subset of the props sent to CardInput that are *actually* used by CardInput
  * - either in the comp itself or are passed on to its children

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

@@ -34,7 +34,7 @@ export declare const extractPropsForCardFields: (props: CardInputProps) => {
     lastFour: string;
     expiryMonth: string;
     expiryYear: string;
-    disclaimerMessage: import("./types").DisclaimerMsgObject;
+    disclaimerMessage: import("../../../internal/DisclaimerMessage/DisclaimerMessage").DisclaimerMsgObject;
 };
 export declare const extractPropsForSFP: (props: CardInputProps) => SFPProps;
 export declare const handlePartialAddressMode: (addressMode: AddressModeOptions) => AddressSpecifications | null;

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/Donation/components/DonationComponent.d.ts

@@ -1,6 +1,7 @@
 import { h } from 'preact';
 import '../Donation.scss';
-declare function DonationComponent(props: any): h.JSX.Element;
+import { DonationComponentProps } from './types';
+declare function DonationComponent(props: DonationComponentProps): h.JSX.Element;
 declare namespace DonationComponent {
     var defaultProps: {
         onCancel: () => void;

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

@@ -0,0 +1,29 @@
+import { DisclaimerMsgObject } from '../../internal/DisclaimerMessage/DisclaimerMessage';
+interface DonationAmounts {
+    currency: string;
+    values: Array<number>;
+}
+interface DonationAmount {
+    currency: string;
+    value: number;
+}
+interface DonationPayload {
+    data: {
+        amount: DonationAmount;
+    };
+    isValid?: boolean;
+}
+export interface DonationComponentProps {
+    amounts: DonationAmounts;
+    backgroundUrl?: string;
+    description?: string;
+    logoUrl?: string;
+    name?: string;
+    showCancelButton?: boolean;
+    url?: string;
+    disclaimerMessage?: DisclaimerMsgObject;
+    onDonate: (payload: DonationPayload) => void;
+    onCancel?: (payload: DonationPayload) => void;
+    onChange?: (payload: DonationPayload) => void;
+}
+export {};

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/{Card/components/CardInput/components → internal}/DisclaimerMessage/DisclaimerMessage.d.ts

@@ -1,6 +1,10 @@
 import { h } from 'preact';
-import { DisclaimerMsgObject } from '../../types';
 import './DisclaimerMessage.scss';
+export interface DisclaimerMsgObject {
+    message: string;
+    linkText: string;
+    link: string;
+}
 interface DisclaimerMessageProps {
     disclaimer: DisclaimerMsgObject;
 }

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/Errors/SRPanel.d.ts

@@ -12,6 +12,7 @@ export declare class SRPanel extends BaseElement<SRPanelProps> {
         enabled: boolean;
         node: string;
         showPanel: boolean;
+        id: string;
     };
     private readonly srPanelContainer;
     private readonly id;

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

@@ -3,7 +3,7 @@ import { SetSRMessagesReturnFn } from './SRPanelProvider';
 export interface ISRPanelContext {
     srPanel: SRPanel;
     setSRMessagesFromObjects: ({ fieldTypeMappingFn }: {
-        fieldTypeMappingFn: any;
+        fieldTypeMappingFn?: any;
     }) => SetSRMessagesReturnFn;
     setSRMessagesFromStrings: (strs: any) => void;
     clearSRPanel: () => void;

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

@@ -26,6 +26,7 @@ export interface SRPanelProps extends BaseElementProps {
     node?: string;
     showPanel?: boolean;
     moveFocus?: boolean;
+    id?: string;
 }
 export interface SRMessagesProps {
     setComponentRef: (ref: any) => void;

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/language/config.d.ts

@@ -72,6 +72,7 @@ export declare const defaultTranslation: {
     dateOfBirth: string;
     shopperEmail: string;
     gender: string;
+    "gender.notselected": string;
     male: string;
     female: string;
     billingAddress: string;

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

@@ -2934,6 +2934,7 @@ declare const _default: {
             dateOfBirth: string;
             shopperEmail: string;
             gender: string;
+            "gender.notselected": string;
             male: string;
             female: string;
             billingAddress: string;
@@ -3221,6 +3222,7 @@ declare const _default: {
         dateOfBirth: string;
         shopperEmail: string;
         gender: string;
+        "gender.notselected": string;
         male: string;
         female: string;
         billingAddress: string;

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.37.0",
+    "version": "5.39.0",
     "license": "MIT",
     "homepage": "https://docs.adyen.com/checkout",
     "repository": "github:Adyen/adyen-web",
@@ -68,16 +68,16 @@
         "@testing-library/preact-hooks": "1.1.0",
         "@testing-library/user-event": "14.4.3",
         "@types/jest": "29.4.0",
-        "@typescript-eslint/eslint-plugin": "5.52.0",
-        "@typescript-eslint/parser": "5.52.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",
         "enzyme": "3.11.0",
         "enzyme-adapter-preact-pure": "4.1.0",
-        "eslint": "8.34.0",
+        "eslint": "8.35.0",
         "eslint-plugin-import": "^2.26.0",
         "eslint-plugin-jsx-a11y": "^6.6.1",
         "eslint-plugin-react": "^7.31.8",
@@ -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",
@@ -97,7 +97,7 @@
         "rollup-plugin-terser": "^7.0.2",
         "rollup-plugin-visualizer": "^5.8.3",
         "sass": "1.58.3",
-        "stylelint": "15.1.0",
+        "stylelint": "15.2.0",
         "stylelint-config-standard-scss": "7.0.1",
         "tslib": "^2.4.1",
         "typescript": "4.9.5",
@@ -107,7 +107,7 @@
         "@babel/runtime": "^7.15.4",
         "@babel/runtime-corejs3": "^7.20.1",
         "@types/applepayjs": "^3.0.4",
-        "@types/googlepay": "^0.6.2",
+        "@types/googlepay": "^0.7.0",
         "classnames": "^2.3.1",
         "core-js-pure": "^3.25.3",
         "preact": "10.11.3"