@adyen/adyen-web 5.40.1 → 5.42.0

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

@@ -37,9 +37,10 @@ export declare class AchElement extends UIElement<AchElementProps> {
         _parentInstance?: import("../../core/core").default;
         order?: import("../../types").Order;
         modules?: {
-            srPanel: import("../../core/Errors/SRPanel").SRPanel;
-            analytics: import("../../core/Analytics/Analytics").default;
-            risk: import("../../core/RiskModule").default;
+            srPanel?: import("../../core/Errors/SRPanel").SRPanel;
+            analytics?: import("../../core/Analytics/Analytics").default;
+            resources?: import("../../core/Context/Resources").Resources;
+            risk?: import("../../core/RiskModule").default;
         };
         isDropin?: boolean;
     };

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

@@ -1,6 +1,7 @@
 import Language from '../../../../language/Language';
 import { StylesObject } from '../../../internal/SecuredFields/lib/types';
 import UIElement from '../../../UIElement';
+import { Resources } from '../../../../core/Context/Resources';
 export interface ACHInputStateValid {
     holderName?: boolean;
     billingAddress?: boolean;
@@ -48,6 +49,7 @@ export interface ACHInputProps {
     payButton?: (obj: any) => {};
     placeholders?: Placeholders;
     ref?: any;
+    resources: Resources;
     showPayButton?: boolean;
     showWarnings?: boolean;
     styles?: StylesObject;

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

@@ -2,6 +2,7 @@ import Language from '../../language/Language';
 import { SUPPORTED_LOCALES_EU, SUPPORTED_LOCALES_US } from './config';
 import { BrowserInfo, PaymentAmount } from '../../types';
 import UIElement from '../UIElement';
+import { UIElementProps } from '../types';
 declare global {
     interface Window {
         amazon: object;
@@ -14,7 +15,7 @@ type ChargePermissionType = 'OneTime' | 'Recurring';
 type FrequencyUnit = 'Year' | 'Month' | 'Week' | 'Day' | 'Variable';
 export type Currency = 'EUR' | 'GBP' | 'USD';
 export type Region = 'EU' | 'UK' | 'US';
-export type SupportedLocale = typeof SUPPORTED_LOCALES_EU[number] | typeof SUPPORTED_LOCALES_US[number];
+export type SupportedLocale = (typeof SUPPORTED_LOCALES_EU)[number] | (typeof SUPPORTED_LOCALES_US)[number];
 export interface RecurringMetadata {
     frequency: {
         unit: string;
@@ -31,7 +32,7 @@ export interface AmazonPayConfiguration {
     region?: Region;
     storeId?: string;
 }
-export interface AmazonPayElementProps {
+export interface AmazonPayElementProps extends UIElementProps {
     addressDetails?: AddressDetails;
     amazonPayToken?: string;
     amazonCheckoutSessionId?: string;

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

@@ -3,6 +3,7 @@ import EventEmitter from './EventEmitter';
 import Core from '../core';
 import { BaseElementProps, PaymentData } from './types';
 import { RiskData } from '../core/RiskModule/RiskModule';
+import { Resources } from '../core/Context/Resources';
 declare class BaseElement<P extends BaseElementProps> {
     readonly _id: string;
     props: P;
@@ -12,6 +13,7 @@ declare class BaseElement<P extends BaseElementProps> {
     _component: any;
     eventEmitter: EventEmitter;
     protected readonly _parentInstance: Core;
+    protected resources: Resources;
     protected constructor(props: P);
     /**
      * Executed during creation of any payment element.

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

@@ -39,9 +39,10 @@ declare class BCMCMobileElement extends QRLoaderContainer {
         _parentInstance?: import("../../core/core").default;
         order?: import("../../types").Order;
         modules?: {
-            srPanel: import("../../core/Errors/SRPanel").SRPanel;
-            analytics: import("../../core/Analytics/Analytics").default;
-            risk: import("../../core/RiskModule").default;
+            srPanel?: import("../../core/Errors/SRPanel").SRPanel;
+            analytics?: import("../../core/Analytics/Analytics").default;
+            resources?: import("../../core/Context/Resources").Resources;
+            risk?: import("../../core/RiskModule").default;
         };
         isDropin?: boolean;
     };

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

@@ -91,9 +91,10 @@ declare class BancontactElement extends CardElement {
         _parentInstance?: import("../../core/core").default;
         order?: import("../../types").Order;
         modules?: {
-            srPanel: import("../../core/Errors/SRPanel").SRPanel;
-            analytics: import("../../core/Analytics/Analytics").default;
-            risk: import("../../core/RiskModule").default;
+            srPanel?: import("../../core/Errors/SRPanel").SRPanel;
+            analytics?: import("../../core/Analytics/Analytics").default;
+            resources?: import("../../core/Context/Resources").Resources;
+            risk?: import("../../core/RiskModule").default;
         };
         isDropin?: boolean;
     };

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

@@ -88,7 +88,10 @@ export declare class CardElement extends UIElement<CardElementProps> {
         amount?: import("../../types").PaymentAmount;
         secondaryAmount?: import("../../types").PaymentAmountExtended;
         showPayButton?: boolean;
-        setStatusAutomatically?: boolean;
+        setStatusAutomatically?: boolean; /**
+         * Click to Pay configuration
+         * - If email is set explicitly in the configuration, then it can override the one used in the session creation
+         */
         payButton?: (options: import("../types").PayButtonFunctionProps) => h.JSX.Element;
         loadingContext?: string;
         createFromAction?: (action: import("../../types").PaymentAction, props: object) => UIElement<any>;
@@ -98,9 +101,10 @@ export declare class CardElement extends UIElement<CardElementProps> {
         _parentInstance?: import("../../core/core").default;
         order?: import("../../types").Order;
         modules?: {
-            srPanel: import("../../core/Errors/SRPanel").SRPanel;
-            analytics: import("../../core/Analytics/Analytics").default;
-            risk: import("../../core/RiskModule").default;
+            srPanel?: import("../../core/Errors/SRPanel").SRPanel;
+            analytics?: import("../../core/Analytics/Analytics").default;
+            resources?: import("../../core/Context/Resources").Resources;
+            risk?: import("../../core/RiskModule").default;
         };
         isDropin?: boolean;
     };

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

@@ -7,6 +7,7 @@ import { CVCPolicyType, DatePolicyType } from '../../../internal/SecuredFields/l
 import Specifications from '../../../internal/Address/Specifications';
 import { AddressSchema } from '../../../internal/Address/types';
 import { CbObjOnError, StylesObject } from '../../../internal/SecuredFields/lib/types';
+import { Resources } from '../../../../core/Context/Resources';
 import { SRPanel } from '../../../../core/Errors/SRPanel';
 import Analytics from '../../../../core/Analytics';
 import RiskElement from '../../../../core/RiskModule';
@@ -85,6 +86,7 @@ export interface CardInputProps {
         srPanel: SRPanel;
         analytics: Analytics;
         risk: RiskElement;
+        resources: Resources;
     };
     onAdditionalSFConfig?: () => {};
     onAdditionalSFRemoved?: () => {};
@@ -102,6 +104,7 @@ export interface CardInputProps {
     payButton?: (obj: any) => {};
     placeholders?: Placeholders;
     positionHolderNameOnTop?: boolean;
+    resources: Resources;
     setComponentRef?: (ref: any) => void;
     showBrandsUnderCardNumber: boolean;
     showBrandIcon?: boolean;

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

@@ -39,4 +39,3 @@ export declare const extractPropsForCardFields: (props: CardInputProps) => {
 export declare const extractPropsForSFP: (props: CardInputProps) => SFPProps;
 export declare const handlePartialAddressMode: (addressMode: AddressModeOptions) => AddressSpecifications | null;
 export declare function lookupBlurBasedErrors(errorCode: any): boolean;
-export declare function usePrevious<T>(value: T): T;

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

@@ -46,9 +46,10 @@ export declare class DragonpayElement extends UIElement<DragonpayElementProps> {
         _parentInstance?: import("../../core/core").default;
         order?: import("../../types").Order;
         modules?: {
-            srPanel: import("../../core/Errors/SRPanel").SRPanel;
-            analytics: import("../../core/Analytics/Analytics").default;
-            risk: import("../../core/RiskModule").default;
+            srPanel?: import("../../core/Errors/SRPanel").SRPanel;
+            analytics?: import("../../core/Analytics/Analytics").default;
+            resources?: import("../../core/Context/Resources").Resources;
+            risk?: import("../../core/RiskModule").default;
         };
         isDropin?: boolean;
     };

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

@@ -52,12 +52,11 @@ declare class DropinElement extends UIElement<DropinElementProps> {
         onValid?: (state: any, element: UIElement<any>) => void;
         beforeSubmit?: (state: any, element: UIElement<any>, actions: any) => Promise<void>;
         onComplete?: (state: any, element: UIElement<any>) => void;
-        /**
-         * Calls the onSubmit event with the state of the activePaymentMethod
-         */
         onActionHandled?: (rtnObj: import("../types").ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: any, element: UIElement<any>) => void;
-        onError?: (error: any, element?: UIElement<any>) => void;
+        onError?: (error: any, element?: UIElement<any>) => void; /**
+         * Creates the Drop-in elements
+         */
         onPaymentCompleted?: (result: any, element: UIElement<any>) => void;
         beforeRedirect?: (resolve: any, reject: any, redirectData: any, element: UIElement<any>) => void;
         isInstantPayment?: boolean;
@@ -76,9 +75,10 @@ declare class DropinElement extends UIElement<DropinElementProps> {
         i18n?: import("../../language").default;
         _parentInstance?: import("../../core/core").default;
         modules?: {
-            srPanel: import("../../core/Errors/SRPanel").SRPanel;
-            analytics: import("../../core/Analytics/Analytics").default;
-            risk: import("../../core/RiskModule").default;
+            srPanel?: import("../../core/Errors/SRPanel").SRPanel;
+            analytics?: import("../../core/Analytics/Analytics").default;
+            resources?: import("../../core/Context/Resources").Resources;
+            risk?: import("../../core/RiskModule").default;
         };
         isDropin?: boolean;
     };

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

@@ -39,9 +39,10 @@ declare class DuitNowElement extends QRLoaderContainer {
         _parentInstance?: import("../../core/core").default;
         order?: import("../../types").Order;
         modules?: {
-            srPanel: import("../../core/Errors/SRPanel").SRPanel;
-            analytics: import("../../core/Analytics/Analytics").default;
-            risk: import("../../core/RiskModule").default;
+            srPanel?: import("../../core/Errors/SRPanel").SRPanel;
+            analytics?: import("../../core/Analytics/Analytics").default;
+            resources?: import("../../core/Context/Resources").Resources;
+            risk?: import("../../core/RiskModule").default;
         };
         isDropin?: boolean;
     };

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

@@ -39,9 +39,10 @@ declare class PayNowElement extends QRLoaderContainer {
         _parentInstance?: import("../../core/core").default;
         order?: import("../../types").Order;
         modules?: {
-            srPanel: import("../../core/Errors/SRPanel").SRPanel;
-            analytics: import("../../core/Analytics/Analytics").default;
-            risk: import("../../core/RiskModule").default;
+            srPanel?: import("../../core/Errors/SRPanel").SRPanel;
+            analytics?: import("../../core/Analytics/Analytics").default;
+            resources?: import("../../core/Context/Resources").Resources;
+            risk?: import("../../core/RiskModule").default;
         };
         isDropin?: boolean;
     };

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

@@ -12,7 +12,7 @@ declare global {
  * @see {@link https://developer.paypal.com/docs/checkout/reference/customize-sdk/#intent}
  */
 export type Intent = 'sale' | 'capture' | 'authorize' | 'order' | 'tokenize';
-export type FundingSource = 'paypal' | 'credit';
+export type FundingSource = 'paypal' | 'credit' | 'paylater' | 'venmo';
 export interface PayPalStyles {
     /**
      * @see {@link https://developer.paypal.com/docs/checkout/integration-features/customize-button/#color}
@@ -64,9 +64,10 @@ interface PayPalCommonProps {
      */
     blockPayPalPayLaterButton?: boolean;
     /**
-     * Set to true to force the UI to load Paypal Messages Component
+     * Set to true to force the UI to not render PayPal Venmo button
      * @defaultValue false
      */
+    blockPayPalVenmoButton?: boolean;
     enableMessages?: boolean;
     /**
      * @see {@link https://developer.paypal.com/docs/business/javascript-sdk/javascript-sdk-configuration/#csp-nonce}

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

@@ -39,9 +39,10 @@ declare class PromptPayElement extends QRLoaderContainer {
         _parentInstance?: import("../../core/core").default;
         order?: import("../../types").Order;
         modules?: {
-            srPanel: import("../../core/Errors/SRPanel").SRPanel;
-            analytics: import("../../core/Analytics/Analytics").default;
-            risk: import("../../core/RiskModule").default;
+            srPanel?: import("../../core/Errors/SRPanel").SRPanel;
+            analytics?: import("../../core/Analytics/Analytics").default;
+            resources?: import("../../core/Context/Resources").Resources;
+            risk?: import("../../core/RiskModule").default;
         };
         isDropin?: boolean;
     };

package/dist/types/components/SecuredFields/SecuredFieldsInput/SecuredFieldsInput.d.ts

@@ -2,6 +2,7 @@ import { h } from 'preact';
 import Language from '../../../language/Language';
 import { CardBrandsConfiguration } from '../../Card/types';
 import { StylesObject } from '../../internal/SecuredFields/lib/types';
+import { Resources } from '../../../core/Context/Resources';
 interface SecuredFieldsProps {
     allowedDOMAccess?: boolean;
     autoFocus?: boolean;
@@ -28,6 +29,7 @@ interface SecuredFieldsProps {
     onFocus?: (e: any) => {};
     onLoad?: () => {};
     rootNode: HTMLElement;
+    resources: Resources;
     showWarnings?: boolean;
     styles?: StylesObject;
     trimTrailingSeparator?: boolean;

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

@@ -39,9 +39,10 @@ declare class SwishElement extends QRLoaderContainer {
         _parentInstance?: import("../../core/core").default;
         order?: import("../../types").Order;
         modules?: {
-            srPanel: import("../../core/Errors/SRPanel").SRPanel;
-            analytics: import("../../core/Analytics/Analytics").default;
-            risk: import("../../core/RiskModule").default;
+            srPanel?: import("../../core/Errors/SRPanel").SRPanel;
+            analytics?: import("../../core/Analytics/Analytics").default;
+            resources?: import("../../core/Context/Resources").Resources;
+            risk?: import("../../core/RiskModule").default;
         };
         isDropin?: boolean;
     };

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

@@ -39,9 +39,10 @@ declare class WeChatPayElement extends QRLoaderContainer {
         _parentInstance?: import("../../core/core").default;
         order?: import("../../types").Order;
         modules?: {
-            srPanel: import("../../core/Errors/SRPanel").SRPanel;
-            analytics: import("../../core/Analytics/Analytics").default;
-            risk: import("../../core/RiskModule").default;
+            srPanel?: import("../../core/Errors/SRPanel").SRPanel;
+            analytics?: import("../../core/Analytics/Analytics").default;
+            resources?: import("../../core/Context/Resources").Resources;
+            risk?: import("../../core/RiskModule").default;
         };
         isDropin?: boolean;
     };

package/dist/types/components/internal/SecuredFields/SFP/types.d.ts

@@ -2,6 +2,7 @@ import { CVCPolicyType, DatePolicyType, StylesObject } from '../lib/types';
 import { AddressData } from '../../../../types';
 import { CardBrandsConfiguration } from '../../../Card/types';
 import { Language } from '../../../../language/Language';
+import { Resources } from '../../../../core/Context/Resources';
 import { TouchStartEventObj } from '../../../Card/components/CardInput/components/types';
 /**
  * Should be the only props that can be sent to SFP (from CardInput, SecuredFieldsInput, AchInput, GiftcardComponent)
@@ -40,6 +41,7 @@ export interface SFPProps {
     trimTrailingSeparator?: boolean;
     type: string;
     render: () => {};
+    resources: Resources;
     maskSecurityCode: boolean;
     disableIOSArrowKeys: (obj: TouchStartEventObj) => void | null;
 }

package/dist/types/components/internal/SecuredFields/utils.d.ts

@@ -1,5 +1,6 @@
 import Language from '../../../language/Language';
 import { SFPlaceholdersObject } from './lib/securedField/AbstractSecuredField';
+import { Resources } from '../../../core/Context/Resources';
 /**
  * Lookup translated values for the placeholders for the SecuredFields
  * and return an object with these mapped to the data-cse value of the SecuredField
@@ -8,7 +9,7 @@ export declare const resolvePlaceholders: (i18n?: Language) => SFPlaceholdersObj
 /**
  * Used by SecuredFieldsProviderHandlers
  */
-export declare const getCardImageUrl: (brand: any, loadingContext: any) => any;
+export declare const getCardImageUrl: (brand: any, resources: Resources) => any;
 /**
  * 'Destructures' properties from object - returns a new object only containing those properties that were asked for (including if those properties
  * have values that are falsy: null, undefined, false, '').

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

@@ -6,6 +6,7 @@ import RiskElement from '../core/RiskModule';
 import { PayButtonProps } from './internal/PayButton/PayButton';
 import Session from '../core/CheckoutSession';
 import { SRPanel } from '../core/Errors/SRPanel';
+import { Resources } from '../core/Context/Resources';
 export interface PaymentMethodData {
     paymentMethod: {
         [key: string]: any;
@@ -51,9 +52,10 @@ export interface BaseElementProps {
     _parentInstance?: Core;
     order?: Order;
     modules?: {
-        srPanel: SRPanel;
-        analytics: Analytics;
-        risk: RiskElement;
+        srPanel?: SRPanel;
+        analytics?: Analytics;
+        resources?: Resources;
+        risk?: RiskElement;
     };
     isDropin?: boolean;
 }

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

@@ -1,7 +1,9 @@
 import { CommonPropsTypes } from './CoreProvider';
 import Language from '../../language/Language';
+import { Resources } from './Resources';
 export declare const CoreContext: import("preact").Context<{
     i18n: Language;
     loadingContext: string;
     commonProps: CommonPropsTypes;
+    resources: Resources;
 }>;

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

@@ -1,7 +1,9 @@
 import { Component, h } from 'preact';
+import { Resources } from './Resources';
 interface CoreProviderProps {
     loadingContext: string;
     i18n: any;
+    resources: Resources;
     children?: any;
     commonProps?: CommonPropsTypes;
 }

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

@@ -0,0 +1,6 @@
+import { ImageOptions } from '../../utils/get-image';
+export declare class Resources {
+    private readonly resourceContext;
+    constructor(cdnContext?: string);
+    getImage(props: ImageOptions): Function;
+}

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

@@ -2,5 +2,6 @@ declare function useCoreContext(): {
     i18n: import("../../language").default;
     loadingContext: string;
     commonProps: import("./CoreProvider").CommonPropsTypes;
+    resources: import("./Resources").Resources;
 };
 export default useCoreContext;

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

@@ -0,0 +1,3 @@
+import { ImageOptions } from '../../utils/get-image';
+declare function useImage(): (props: ImageOptions) => Function;
+export default useImage;

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

@@ -1,3 +1,4 @@
 export declare const FALLBACK_CONTEXT = "https://checkoutshopper-live.adyen.com/checkoutshopper/";
-declare const resolveEnvironment: (env?: string) => string;
-export default resolveEnvironment;
+export declare const resolveEnvironment: (env?: string) => string;
+export declare const FALLBACK_CDN_CONTEXT = "https://checkoutshopper-live.adyen.com/checkoutshopper/";
+export declare const resolveCDNEnvironment: (env?: string) => any;

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

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

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

@@ -53,6 +53,7 @@ export interface CoreOptions {
      * Never display these payment methods
      */
     removePaymentMethods?: string[];
+    resourceEnvironment?: string;
     analytics?: AnalyticsOptions;
     risk?: RiskModuleOptions;
     order?: Order;

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

@@ -209,11 +209,11 @@ export interface OrderStatus {
  */
 export interface BrowserInfo {
     acceptHeader: string;
-    colorDepth: string;
+    colorDepth: number;
     language: string;
     javaEnabled: boolean;
-    screenHeight: string;
-    screenWidth: string;
+    screenHeight: number;
+    screenWidth: number;
     userAgent: string;
     timeZoneOffset: number;
 }

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

@@ -0,0 +1 @@
+export declare function getArrayDifferences<A, S extends string>(currentArray: A[], previousArray: A[], comparisonKey?: S): A[];

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

@@ -0,0 +1 @@
+export declare function usePrevious<T>(value: T): T;

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

@@ -1,5 +1,9 @@
 /**
- * Email regex
+ * Email regex follows https://en.wikipedia.org/wiki/Email_address.
+ * It checks that the email address starts with a local part that includes letters, digits, and some special characters, optionally separated by periods.
+ * Alternatively, the local part can be enclosed in quotes and include any characters except a new line.
+ * This is followed by an `@` symbol and a domain name or an IP address enclosed in square brackets.
+ * The domain name consists of one or more words separated by periods, where each word can include letters, digits, and hyphens. The top-level domain must consist of two or more letters.
  */
 export declare const email: RegExp;
 /**

package/package.json

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