@adyen/adyen-web 5.60.0 → 5.61.0

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

@@ -2,9 +2,11 @@ import { h } from 'preact';
 import UIElement from '../UIElement';
 import { AmazonPayElementData, AmazonPayElementProps } from './types';
 import './AmazonPay.scss';
+import { SendAnalyticsObject } from '../../core/Analytics/types';
 export declare class AmazonPayElement extends UIElement<AmazonPayElementProps> {
     static type: string;
     protected static defaultProps: Partial<AmazonPayElementProps>;
+    protected submitAnalytics(analyticsObj: SendAnalyticsObject): void;
     formatProps(props: any): any;
     /**
      * Formats the component data output

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

@@ -63,6 +63,15 @@ export interface AmazonPayElementProps extends UIElementProps {
     onClick: (resolve: any, reject: any) => Promise<void>;
     onError: (error: any, component: any) => void;
     onSignOut: (resolve: any, reject: any) => Promise<void>;
+    /**
+     * Used for analytics
+     */
+    expressPage?: 'cart' | 'minicart' | 'pdp' | 'checkout';
+    /**
+     * Used for analytics
+     * @defaultValue false
+     */
+    isExpress?: boolean;
 }
 export interface AmazonPayComponentProps extends AmazonPayElementProps {
     ref: any;

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

@@ -1,6 +1,7 @@
 import { h } from 'preact';
 import UIElement from '../UIElement';
 import { ApplePayElementProps, ApplePayElementData } from './types';
+import { SendAnalyticsObject } from '../../core/Analytics/types';
 declare class ApplePayElement extends UIElement<ApplePayElementProps> {
     protected static type: string;
     protected static defaultProps: {
@@ -16,6 +17,7 @@ declare class ApplePayElement extends UIElement<ApplePayElementProps> {
             merchantId: string;
         };
         initiative: string;
+        isExpress: boolean;
         lineItems: any;
         merchantCapabilities: string[];
         shippingMethods: any;
@@ -37,6 +39,7 @@ declare class ApplePayElement extends UIElement<ApplePayElementProps> {
         showPayButton: boolean;
     };
     constructor(props: any);
+    protected submitAnalytics(analyticsObj: SendAnalyticsObject): void;
     /**
      * Formats the component props
      */

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

@@ -14,6 +14,7 @@ declare const defaultProps: {
         merchantId: string;
     };
     initiative: string;
+    isExpress: boolean;
     /**
      * https://developer.apple.com/documentation/apple_pay_on_the_web/applepaypaymentrequest/1916120-lineitems
      * A set of line items that explain recurring payments and additional charges and discounts.

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

@@ -9,6 +9,15 @@ type Initiative = 'web' | 'messaging';
 export type ApplePayButtonType = 'plain' | 'buy' | 'donate' | 'check-out' | 'book' | 'subscribe' | 'add-money' | 'contribute' | 'order' | 'reload' | 'rent' | 'support' | 'tip' | 'top-up';
 export type OnAuthorizedCallback = (resolve: (result?: ApplePayJS.ApplePayPaymentAuthorizationResult) => void, reject: (result?: ApplePayJS.ApplePayPaymentAuthorizationResult) => void, event: ApplePayJS.ApplePayPaymentAuthorizedEvent) => void;
 export interface ApplePayElementProps extends UIElementProps {
+    /**
+     * Used for analytics
+     * @defaultValue false
+     */
+    isExpress?: boolean;
+    /**
+     * Used for analytics
+     */
+    expressPage?: 'cart' | 'minicart' | 'pdp' | 'checkout';
     /**
      * The Apple Pay version number your website supports.
      * @default highest supported version by the shopper device

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

@@ -3,10 +3,12 @@ import { h } from 'preact';
 import UIElement from '../UIElement';
 import GooglePayService from './GooglePayService';
 import { GooglePayProps } from './types';
+import { SendAnalyticsObject } from '../../core/Analytics/types';
 declare class GooglePay extends UIElement<GooglePayProps> {
     static type: string;
     static defaultProps: {
         environment: string;
+        isExpress: boolean;
         existingPaymentMethodRequired: boolean;
         buttonColor: google.payments.api.ButtonColor;
         buttonType: google.payments.api.ButtonType;
@@ -40,6 +42,7 @@ declare class GooglePay extends UIElement<GooglePayProps> {
         paymentMethods: any[];
     };
     protected googlePay: GooglePayService;
+    protected submitAnalytics(analyticsObj: SendAnalyticsObject): void;
     /**
      * Formats the component data input
      * For legacy support - maps configuration.merchantIdentifier to configuration.merchantId

package/dist/types/components/GooglePay/defaultProps.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="googlepay" />
 declare const _default: {
     environment: string;
+    isExpress: boolean;
     existingPaymentMethodRequired: boolean;
     buttonColor: google.payments.api.ButtonColor;
     buttonType: google.payments.api.ButtonType;

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

@@ -82,6 +82,15 @@ export interface GooglePayProps extends UIElementProps {
      * @defaultValue false
      */
     emailRequired?: boolean;
+    /**
+     * Used for analytics
+     */
+    expressPage?: 'cart' | 'minicart' | 'pdp' | 'checkout';
+    /**
+     * Used for analytics
+     * @defaultValue false
+     */
+    isExpress?: boolean;
     /**
      * Set to true to request a full shipping address.
      * @defaultValue false

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

@@ -3,6 +3,7 @@ import UIElement from '../UIElement';
 import { PaymentAction } from '../../types';
 import { PayPalElementProps } from './types';
 import './Paypal.scss';
+import { SendAnalyticsObject } from '../../core/Analytics/types';
 declare class PaypalElement extends UIElement<PayPalElementProps> {
     static type: string;
     static subtype: string;
@@ -11,6 +12,7 @@ declare class PaypalElement extends UIElement<PayPalElementProps> {
     private reject;
     protected static defaultProps: PayPalElementProps;
     constructor(props: any);
+    protected submitAnalytics(analyticsObj: SendAnalyticsObject): void;
     formatProps(props: PayPalElementProps): PayPalElementProps;
     submit: () => void;
     /**

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

@@ -133,10 +133,14 @@ interface PayPalCommonProps {
         reject: (reason?: string) => Promise<void>;
     }) => Promise<void>;
     /**
-     *  Identifies if the payment is Express.
+     *  Identifies if the payment is Express. Also used for analytics.
      *  @defaultValue false
      */
     isExpress?: boolean;
+    /**
+     * Used for analytics
+     */
+    expressPage?: 'cart' | 'minicart' | 'pdp' | 'checkout';
 }
 export interface PayPalConfig {
     /**

package/dist/types/components/internal/Address/Specifications.d.ts

@@ -50,7 +50,6 @@ declare class Specifications {
      * Returns an array with the address schema of the selected country or the default address schema
      * Flat version of getAddressSchemaForCountry
      * @param country - The selected country
-     * @param mode - Address schema mode, can be 'full', 'partial' or 'none'
      * @returns Array
      */
     getAddressSchemaForCountryFlat(country: string): AddressField[];

package/dist/types/components/internal/FormFields/Select/components/SelectButton.d.ts

@@ -1,4 +1,4 @@
 import { h } from 'preact';
 import { SelectButtonProps } from '../types';
-declare function SelectButton(props: SelectButtonProps): h.JSX.Element;
+declare function SelectButton(props: Readonly<SelectButtonProps>): h.JSX.Element;
 export default SelectButton;

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

@@ -5,6 +5,29 @@ export interface Experiment {
     experimentId: string;
     experimentName?: string;
 }
+export interface AnalyticsData {
+    /**
+     * Relates to PMs used within Plugins
+     * https://docs.adyen.com/development-resources/application-information/?tab=integrator_built_2#application-information-fields
+     * @internal
+     */
+    applicationInfo?: {
+        externalPlatform: {
+            name: string;
+            version: string;
+            integrator: string;
+        };
+        merchantApplication: {
+            name: string;
+            version: string;
+        };
+        merchantDevice?: {
+            os: string;
+            osVersion: string;
+        };
+    };
+}
+export declare const ALLOWED_ANALYTICS_DATA: string[];
 export interface AnalyticsOptions {
     /**
      * Enable/Disable all analytics
@@ -26,6 +49,10 @@ export interface AnalyticsOptions {
      * List of experiments to be sent in the collectId call // TODO - still used?
      */
     experiments?: Experiment[];
+    /**
+     * A wrapper to pass data needed when analytics is setup
+     */
+    analyticsData?: AnalyticsData;
 }
 export type AnalyticsProps = Pick<CoreOptions, 'loadingContext' | 'locale' | 'clientKey' | 'analytics' | 'amount'> & {
     analyticsContext?: string;
@@ -46,6 +73,8 @@ export interface AnalyticsObject {
     validationErrorCode?: string;
     validationErrorMessage?: string;
     issuer?: string;
+    isExpress?: boolean;
+    expressPage?: string;
 }
 export type ANALYTICS_EVENT = 'log' | 'error' | 'info';
 export type CreateAnalyticsObject = Omit<AnalyticsObject, 'timestamp' | 'id'> & {

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

@@ -1,4 +1,4 @@
-import { AnalyticsObject, CreateAnalyticsObject } from './types';
+import { AnalyticsData, AnalyticsObject, CreateAnalyticsObject } from './types';
 export declare const getUTCTimestamp: () => number;
 /**
  * All objects for the /checkoutanalytics endpoint have base props:
@@ -19,3 +19,4 @@ export declare const getUTCTimestamp: () => number;
  *  All objects can also have a "metadata" object of key-value pairs
  */
 export declare const createAnalyticsObject: (aObj: CreateAnalyticsObject) => AnalyticsObject;
+export declare const processAnalyticsData: (analyticsData: AnalyticsData) => {};

package/dist/types/utils/validator-utils.d.ts

@@ -3,7 +3,7 @@ export declare const getMaxLengthByFieldAndCountry: (formattingRules: CountryFor
 export declare const isEmpty: (input: any) => boolean;
 export declare const isString: (input: any) => boolean;
 export declare const hasText: (input: any) => boolean;
-export declare const SPECIAL_CHARS = "?\\+_=!@#$%^&*(){}~<>\\[\\]\\/\\\\";
+export declare const SPECIAL_CHARS = "?\\+_=!@#$%^&*(){}~<>\\[\\]\\\\";
 export declare const getFormattingRegEx: (specChars: string, flags?: string) => RegExp;
 export declare const getValidatingRegEx: (specChars: string, exclude: boolean) => RegExp;
 export declare const CHARACTER_PATTERNS: {

package/package.json

@@ -25,7 +25,7 @@
         "./dist/es/adyen.css": "./dist/es/adyen.css",
         "./package.json": "./package.json"
     },
-    "version": "5.60.0",
+    "version": "5.61.0",
     "license": "MIT",
     "homepage": "https://docs.adyen.com/checkout",
     "repository": "github:Adyen/adyen-web",