@adyen/adyen-web 5.59.0 → 5.60.0

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

@@ -1,3 +1,5 @@
+import { PaymentAmount } from '../../types';
+import { CoreOptions } from '../types';
 export interface Experiment {
     controlGroup: boolean;
     experimentId: string;
@@ -21,7 +23,58 @@ export interface AnalyticsOptions {
      */
     payload?: any;
     /**
-     * List of experiments to be sent in the collectId call
+     * List of experiments to be sent in the collectId call // TODO - still used?
      */
     experiments?: Experiment[];
 }
+export type AnalyticsProps = Pick<CoreOptions, 'loadingContext' | 'locale' | 'clientKey' | 'analytics' | 'amount'> & {
+    analyticsContext?: string;
+};
+export interface AnalyticsObject {
+    timestamp: string;
+    component: string;
+    id: string;
+    code?: string;
+    errorType?: string;
+    message?: string;
+    type?: string;
+    subtype?: string;
+    target?: string;
+    metadata?: Record<string, any>;
+    isStoredPaymentMethod?: boolean;
+    brand?: string;
+    validationErrorCode?: string;
+    validationErrorMessage?: string;
+    issuer?: string;
+}
+export type ANALYTICS_EVENT = 'log' | 'error' | 'info';
+export type CreateAnalyticsObject = Omit<AnalyticsObject, 'timestamp' | 'id'> & {
+    event: ANALYTICS_EVENT;
+};
+export type AnalyticsInitialEvent = {
+    containerWidth: number;
+    component: string;
+    flavor: string;
+    paymentMethods?: any[];
+    sessionId?: string;
+};
+export type AnalyticsConfig = {
+    analyticsContext?: string;
+    clientKey?: string;
+    locale?: string;
+    amount?: PaymentAmount;
+    loadingContext?: string;
+};
+export type CreateAnalyticsEventData = Omit<AnalyticsObject, 'timestamp' | 'id'>;
+export type CreateAnalyticsEventObject = {
+    event: ANALYTICS_EVENT;
+    data: CreateAnalyticsEventData;
+};
+export type EventQueueProps = Pick<AnalyticsConfig, 'analyticsContext' | 'clientKey'> & {
+    analyticsPath: string;
+};
+export type SendAnalyticsObject = Omit<AnalyticsObject, 'timestamp' | 'component' | 'id'>;
+export type FieldErrorAnalyticsObject = {
+    fieldType: string;
+    errorCode: string;
+};

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

@@ -0,0 +1,21 @@
+import { AnalyticsObject, CreateAnalyticsObject } from './types';
+export declare const getUTCTimestamp: () => number;
+/**
+ * All objects for the /checkoutanalytics endpoint have base props:
+ *  "timestamp" & "component"
+ *
+ * Error objects have, in addition to the base props:
+ *  "code", "errorType" & "message"
+ *
+ * Log objects have, in addition to the base props:
+ *  "message" & "type" &
+ *    "subtype" (e.g. when an action is handled)
+ *
+ * Info objects have, in addition to the base props:
+ *   "type" & "target" &
+ *     "isStoredPaymentMethod" & "brand" (when a storedCard is "selected"), or,
+ *     "validationErrorCode" & "validationErrorMessage" (when the event is describing a validation error)
+ *
+ *  All objects can also have a "metadata" object of key-value pairs
+ */
+export declare const createAnalyticsObject: (aObj: CreateAnalyticsObject) => AnalyticsObject;

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

@@ -2,3 +2,5 @@ export declare const FALLBACK_CONTEXT = "https://checkoutshopper-live.adyen.com/
 export declare const resolveEnvironment: (env?: string, environmentUrl?: string) => string;
 export declare const FALLBACK_CDN_CONTEXT = "https://checkoutshopper-live.adyen.com/checkoutshopper/";
 export declare const resolveCDNEnvironment: (env?: string, environmentUrl?: string) => any;
+export declare const FALLBACK_ANALYTICS_CONTEXT = "https://checkoutanalytics-live.adyen.com/checkoutanalytics/";
+export declare const resolveAnalyticsEnvironment: (env?: string) => any;

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

@@ -1 +1 @@
-export { resolveCDNEnvironment, resolveEnvironment } from './Environment';
+export { resolveCDNEnvironment, resolveEnvironment, resolveAnalyticsEnvironment } from './Environment';

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

@@ -48,3 +48,7 @@ export interface SetSRMessagesReturnObject {
     action: string;
     fieldToFocus?: string;
 }
+export type ErrorObject = {
+    success: false;
+    error: string;
+};

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

@@ -14,6 +14,7 @@ export declare const addAriaErrorTranslationsObject: (i18n: any) => {};
  * @returns a duplicate of the original object with a new property: "error" whose value is a object containing the translated errors
  */
 export declare const addErrorTranslationsToObject: (originalObj: any, i18n: any) => any;
+export declare const getErrorMessageFromCode: (errorCode: string, codeMap: Record<string, string>) => string;
 /**
  * sortErrorsByLayout - takes a list of errors and a layout, and returns a sorted array of error objects with translated error messages
  *

package/dist/types/core/Services/analytics/collect-id.d.ts

@@ -1,8 +1,9 @@
 import { CollectIdProps } from './types';
+export declare const FAILURE_MSG = "WARNING: Failed to retrieve \"checkoutAttemptId\". Consequently, analytics will not be available for this payment. The payment process, however, will not be affected.";
 /**
- * Log event to Adyen
- * @param config - ready to be serialized and included in the body of request
- * @returns a function returning a promise containing the response of the call
+ * Send an event to Adyen with some basic telemetry info and receive a checkoutAttemptId in response
+ * @param config - object containing values needed to calculate the url for the request; and also some that need to be serialized and included in the body of request
+ * @returns a function returning a promise containing the response of the call (an object containing a checkoutAttemptId property)
  */
-declare const collectId: ({ loadingContext, clientKey, experiments }: CollectIdProps) => () => Promise<string>;
+declare const collectId: ({ analyticsContext, clientKey, locale, analyticsPath }: CollectIdProps) => (event: any) => Promise<string>;
 export default collectId;

package/dist/types/core/Services/analytics/log-event.d.ts

@@ -1,7 +1,8 @@
+import { LogEventProps } from './types';
 /**
  * Log event to Adyen
  * @param config - ready to be serialized and included in the request
  * @returns A log event function
  */
-declare const logEvent: (config: any) => (event: any) => void;
+declare const logEvent: (config: LogEventProps) => (initialEvent: any) => void;
 export default logEvent;

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

@@ -1,11 +1,21 @@
-import { Experiment } from '../../Analytics/types';
-type CheckoutAttemptIdSession = {
+import { AnalyticsConfig } from '../../Analytics/types';
+import { PaymentAmount } from '../../../types';
+export type CheckoutAttemptIdSession = {
     id: string;
     timestamp: number;
 };
-type CollectIdProps = {
-    clientKey: string;
-    loadingContext: string;
-    experiments: Experiment[];
+export type CollectIdProps = Pick<AnalyticsConfig, 'clientKey' | 'analyticsContext' | 'locale' | 'amount'> & {
+    analyticsPath: string;
+};
+export type LogEventProps = Pick<AnalyticsConfig, 'loadingContext' | 'locale'>;
+export type TelemetryEvent = {
+    version: string;
+    channel: 'Web';
+    locale: string;
+    referrer: string;
+    screenWidth: number;
+    containerWidth: number;
+    component: string;
+    flavor: string;
+    amount?: PaymentAmount;
 };
-export { CheckoutAttemptIdSession, CollectIdProps };

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

@@ -1,4 +1,4 @@
-interface HttpOptions {
+export interface HttpOptions {
     accept?: string;
     contentType?: string;
     errorMessage?: string;

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

@@ -12,6 +12,7 @@ declare class Core {
     components: any[];
     loadingContext?: string;
     cdnContext?: string;
+    analyticsContext?: string;
     static readonly version: {
         version: string;
         revision: string;

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

@@ -126,7 +126,9 @@ type PaymentMethodsConfigurationMap = {
     [key in keyof PaymentMethods]?: Partial<PaymentMethodOptions<key>>;
 };
 type PaymentActionTypesMap = {
-    [key in PaymentActionsType]?: Partial<UIElementProps>;
+    [key in PaymentActionsType]?: Partial<UIElementProps> & {
+        challengeWindowSize?: string;
+    };
 };
 /**
  * Type must be loose, otherwise it will take priority over the rest

package/dist/types/utils/Formatters/formatters.d.ts

@@ -1,2 +1,3 @@
 import { FormatterFn } from './types';
 export declare const digitsOnlyFormatter: FormatterFn;
+export declare const capitalizeFirstLetter: (str: string) => string;

package/dist/types/utils/Storage.d.ts

@@ -6,5 +6,8 @@ declare class Storage<T> {
     get(): T;
     set(value: T): void;
     remove(): void;
+    clear(): void;
+    keyByIndex(index: any): string;
+    get length(): number;
 }
 export default Storage;

package/dist/types/utils/base64.d.ts

@@ -1,8 +1,11 @@
+import { DecodeObject } from '../components/types';
+export declare const NOT_BASE64_ERROR = "not base64";
+export declare const BASE64_MALFORMED_URI_ERROR = "malformed URI sequence";
 /**
  * @internal
  */
 declare const base64: {
-    decode: (pData: any) => string | false;
+    decode: (pData: string) => DecodeObject;
     encode: (pData: any) => string;
     isBase64: (pDataStr: any) => boolean;
 };

package/dist/types/utils/debounce.d.ts

@@ -0,0 +1,2 @@
+export declare const DEFAULT_DEBOUNCE_TIME_MS = 300;
+export declare const debounce: (fn: Function, ms?: number) => (this: any, ...args: any[]) => void;

package/dist/types/utils/textUtils.d.ts

@@ -0,0 +1 @@
+export declare const camelCaseToSnakeCase: (camelCaseString: any) => any;

package/package.json

@@ -25,7 +25,7 @@
         "./dist/es/adyen.css": "./dist/es/adyen.css",
         "./package.json": "./package.json"
     },
-    "version": "5.59.0",
+    "version": "5.60.0",
     "license": "MIT",
     "homepage": "https://docs.adyen.com/checkout",
     "repository": "github:Adyen/adyen-web",
@@ -124,7 +124,7 @@
     "dependencies": {
         "@babel/runtime": "^7.15.4",
         "@babel/runtime-corejs3": "^7.20.1",
-        "@types/applepayjs": "^3.0.4",
+        "@types/applepayjs": "14.0.6",
         "@types/googlepay": "^0.7.0",
         "classnames": "^2.3.1",
         "core-js-pure": "^3.25.3",

package/dist/types/core/Services/analytics/post-telemetry.d.ts

@@ -1,13 +0,0 @@
-import { PaymentAmount } from '../../../types';
-type LogTelemetryConfig = {
-    loadingContext: string;
-    locale: string;
-    clientKey: string;
-    amount: PaymentAmount;
-};
-/**
- * Log event to Adyen
- * @param config -
- */
-declare const logTelemetry: (config: LogTelemetryConfig) => (event: any) => Promise<any>;
-export default logTelemetry;