@adyen/adyen-web 4.8.0 → 5.2.0

package/dist/types/components/internal/SecuredFields/lib/core/AbstractSecuredField.d.ts

@@ -4,7 +4,7 @@ export declare type RtnType_noParamVoidFn = () => void;
 export declare type RtnType_postMessageListener = (event: Event) => void;
 export declare type RtnType_callbackFn = (feedbackObj: SFFeedbackObj) => void;
 export declare type CVCPolicyType = 'required' | 'optional' | 'hidden';
-export declare type DatePolicyType = 'required' | 'hidden';
+export declare type DatePolicyType = 'required' | 'optional' | 'hidden';
 /**
  * Base interface, props common to both SFSetupObject & IframeConfigObject
  */
@@ -19,6 +19,7 @@ export interface SFInternalConfig {
     isCreditCardType: boolean;
     showWarnings: boolean;
     cvcPolicy: CVCPolicyType;
+    expiryDatePolicy: DatePolicyType;
     legacyInputMode: boolean;
     minimumExpiryDate: string;
     uid: string;
@@ -28,7 +29,7 @@ export interface SFInternalConfig {
  * The object passed from createSecuredFields to a new instance of SecuredField.ts
  */
 export interface SFSetupObject extends SFInternalConfig {
-    datePolicy: DatePolicyType;
+    expiryDatePolicy: DatePolicyType;
     iframeSrc: string;
     loadingContext: string;
     holderEl: HTMLElement;
@@ -76,7 +77,7 @@ declare abstract class AbstractSecuredField {
     protected _hasError: boolean;
     protected _isValid: boolean;
     protected _cvcPolicy: CVCPolicyType;
-    protected _datePolicy: DatePolicyType;
+    protected _expiryDatePolicy: DatePolicyType;
     protected _iframeContentWindow: Window;
     protected _isEncrypted: boolean;
     protected _numKey: number;

package/dist/types/components/internal/SecuredFields/lib/core/SecuredField.d.ts

@@ -23,8 +23,8 @@ declare class SecuredField extends AbstractSecuredField {
     set isValid(value: boolean);
     get cvcPolicy(): CVCPolicyType;
     set cvcPolicy(value: CVCPolicyType);
-    get datePolicy(): DatePolicyType;
-    set datePolicy(value: DatePolicyType);
+    get expiryDatePolicy(): DatePolicyType;
+    set expiryDatePolicy(value: DatePolicyType);
     get iframeContentWindow(): Window;
     set iframeContentWindow(value: Window);
     get isEncrypted(): boolean;

package/dist/types/components/internal/SecuredFields/lib/core/utils/handleBrandFromBinLookup.d.ts

@@ -1,4 +1,5 @@
-import { SendBrandObject } from '../../types';
+import { SendBrandObject, SendExpiryDateObject } from '../../types';
 import { BinLookupResponse } from '../../../../../Card/types';
 export declare function sendBrandToCardSF(brandObj: SendBrandObject): void;
+export declare function sendExpiryDatePolicyToSF(expiryDateObj: SendExpiryDateObject): void;
 export declare function handleBrandFromBinLookup(binLookupResponse: BinLookupResponse): void;

package/dist/types/components/internal/SecuredFields/lib/core/utils/processBrand.d.ts

@@ -1,2 +1,8 @@
 import { SFFeedbackObj } from '../../types';
+/**
+ * - If generic card type AND passed brand doesn't equal stored brand - send the new brand to the cvc input
+ *    (so it can reassess what length it should be and if any value it contains is now valid)
+ *
+ * - Create object for onBrand callback aka SFPHandlers.handleOnBrand
+ */
 export declare function handleProcessBrand(pFeedbackObj: SFFeedbackObj): boolean;

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

@@ -4,11 +4,13 @@ import { BrandObject } from '../../../Card/types';
 declare global {
     interface Window {
         _b$dl: boolean;
+        mockBinCount: number;
     }
 }
 export interface BrandStorageObject {
     brand: string;
-    cvcPolicy: string;
+    cvcPolicy: CVCPolicyType;
+    expiryDatePolicy: DatePolicyType;
     showSocialSecurityNumber?: boolean;
 }
 /**
@@ -136,14 +138,14 @@ export interface CardObject {
     pattern: RegExp;
     securityCode?: string;
     displayName?: string;
-    cvcPolicy?: string;
+    cvcPolicy?: CVCPolicyType;
 }
 export interface CbObjOnBrand {
     type: string;
     rootNode: HTMLElement;
     brand: string;
     cvcPolicy: CVCPolicyType;
-    datePolicy?: DatePolicyType;
+    expiryDatePolicy?: DatePolicyType;
     cvcText: string;
     showSocialSecurityNumber?: boolean;
     brandImageUrl?: string;
@@ -224,7 +226,7 @@ export interface SFFeedbackObj {
     code?: string;
     cvcText?: string;
     cvcPolicy?: CVCPolicyType;
-    datePolicy?: DatePolicyType;
+    expiryDatePolicy?: DatePolicyType;
     showSocialSecurityNumber?: boolean;
     maxLength?: number;
     error?: string;
@@ -254,4 +256,7 @@ export interface SendBrandObject {
     brand: string;
     enableLuhnCheck: boolean;
 }
+export interface SendExpiryDateObject {
+    expiryDatePolicy: DatePolicyType;
+}
 export {};

package/dist/types/components/internal/SecuredFields/lib/utilities/commonUtils.d.ts

@@ -4,7 +4,10 @@
  * @returns Number
  */
 declare function generateRandomNumber(): number;
-declare function objectsDeepEqual(obj1?: {}, obj2?: {}): boolean;
+/**
+ * Recursively compare 2 objects
+ */
+declare function objectsDeepEqual(x: any, y: any): any;
 /**
  * Returns true if x is:
  * null, undefined, false, 0, NaN, empty object or array, empty string

package/dist/types/components/internal/SocialSecurityNumberBrazil/BrazilPersonalDetail.d.ts

@@ -0,0 +1,2 @@
+import { h } from 'preact';
+export declare function BrazilPersonalDetail(props: any): h.JSX.Element;

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

@@ -0,0 +1,48 @@
+import { Order, PaymentAction, PaymentAmount } from '../types';
+import UIElement from './UIElement';
+import Core from '../core';
+import Analytics from '../core/Analytics';
+import RiskElement from '../core/RiskModule';
+export interface PaymentResponse {
+    action?: PaymentAction;
+    resultCode: string;
+    sessionData?: string;
+    order?: Order;
+}
+export interface RawPaymentResponse extends PaymentResponse {
+    [key: string]: any;
+}
+export interface BaseElementProps {
+    _parentInstance?: Core;
+    order?: Order;
+    modules?: {
+        analytics: Analytics;
+        risk: RiskElement;
+    };
+    isDropin?: boolean;
+}
+export interface UIElementProps extends BaseElementProps {
+    session?: {
+        id: string;
+        data: string;
+    };
+    onChange?: (state: any, element: UIElement) => void;
+    onValid?: (state: any, element: UIElement) => void;
+    beforeSubmit?: (state: any, element: UIElement, actions: any) => Promise<void>;
+    onSubmit?: (state: any, element: UIElement) => void;
+    onComplete?: (state: any, element: UIElement) => void;
+    onAdditionalDetails?: (state: any, element: UIElement) => void;
+    onError?: (error: any, element?: UIElement) => void;
+    onPaymentCompleted?: (result: any, element: UIElement) => void;
+    beforeRedirect?: (resolve: any, reject: any, redirectData: any, element: UIElement) => void;
+    type?: string;
+    name?: string;
+    icon?: string;
+    amount?: PaymentAmount;
+    /**
+     * Show/Hide pay button
+     * @defaultValue true
+     */
+    showPayButton?: boolean;
+    setStatusAutomatically?: boolean;
+}

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

@@ -0,0 +1,3 @@
+import { PaymentResponse, RawPaymentResponse } from './types';
+export declare function getSanitizedResponse(response: RawPaymentResponse): PaymentResponse;
+export declare function resolveFinalResult(result: PaymentResponse): string[];

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

@@ -0,0 +1,47 @@
+import { CheckoutSession, CheckoutSessionBalanceResponse, CheckoutSessionDetailsResponse, CheckoutSessionOrdersResponse, CheckoutSessionPaymentResponse, CheckoutSessionSetupResponse } from '../../types';
+declare class Session {
+    private readonly session;
+    private readonly storage;
+    readonly clientKey: string;
+    readonly loadingContext: string;
+    constructor(rawSession: CheckoutSession, clientKey: string, loadingContext: string);
+    get id(): string;
+    get data(): string;
+    /**
+     * Updates the session.data with the latest data blob
+     */
+    private updateSessionData;
+    /**
+     * Fetches data from a session
+     */
+    setupSession(options: any): Promise<CheckoutSessionSetupResponse>;
+    /**
+     * Submits a session payment
+     */
+    submitPayment(data: any): Promise<CheckoutSessionPaymentResponse>;
+    /**
+     * Submits session payment additional details
+     */
+    submitDetails(data: any): Promise<CheckoutSessionDetailsResponse>;
+    /**
+     * Checks the balance for a payment method
+     */
+    checkBalance(data: any): Promise<CheckoutSessionBalanceResponse>;
+    /**
+     * Creates an order for the current session
+     */
+    createOrder(): Promise<CheckoutSessionOrdersResponse>;
+    /**
+     * Gets the stored session but only if the current id and the stored id match
+     */
+    getStoredSession(): CheckoutSession;
+    /**
+     * Stores the session
+     */
+    storeSession(): void;
+    /**
+     * Clears the stored session
+     */
+    removeStoredSession(): void;
+}
+export default Session;

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

@@ -0,0 +1 @@
+export { default } from './CheckoutSession';

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

@@ -0,0 +1,2 @@
+import { CheckoutSession } from '../../types';
+export declare function sanitizeSession(session: any): Partial<CheckoutSession>;

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

@@ -0,0 +1,14 @@
+declare class AdyenCheckoutError extends Error {
+    protected static errorTypes: {
+        /** Network error. */
+        NETWORK_ERROR: string;
+        /** Shopper canceled the current transaction. */
+        CANCEL: string;
+        /** Implementation error. The method or parameter are incorrect or are not supported. */
+        IMPLEMENTATION_ERROR: string;
+        /** Generic error. */
+        ERROR: string;
+    };
+    constructor(type: keyof typeof AdyenCheckoutError.errorTypes, message?: string);
+}
+export default AdyenCheckoutError;

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

@@ -1,5 +1,6 @@
 import { h } from 'preact';
-import BaseElement, { BaseElementProps } from '../../components/BaseElement';
+import BaseElement from '../../components/BaseElement';
+import { BaseElementProps } from '../../components/types';
 export interface RiskModuleOptions {
     enabled: boolean;
     onComplete: (data: any) => void;

package/dist/types/core/Services/sessions/check-balance.d.ts

@@ -0,0 +1,6 @@
+import Session from '../../CheckoutSession';
+import { CheckoutSessionBalanceResponse } from '../../../types';
+/**
+ */
+declare function checkBalance(paymentRequest: any, session: Session): Promise<CheckoutSessionBalanceResponse>;
+export default checkBalance;

package/dist/types/core/Services/sessions/constants.d.ts

@@ -0,0 +1 @@
+export declare const API_VERSION = "v1";

package/dist/types/core/Services/sessions/create-order.d.ts

@@ -0,0 +1,6 @@
+import Session from '../../CheckoutSession';
+import { CheckoutSessionOrdersResponse } from '../../../types';
+/**
+ */
+declare function createOrder(session: Session): Promise<CheckoutSessionOrdersResponse>;
+export default createOrder;

package/dist/types/core/Services/sessions/make-payment.d.ts

@@ -0,0 +1,6 @@
+import Session from '../../CheckoutSession';
+import { CheckoutSessionPaymentResponse } from '../../../types';
+/**
+ */
+declare function makePayment(paymentRequest: any, session: Session): Promise<CheckoutSessionPaymentResponse>;
+export default makePayment;

package/dist/types/core/Services/sessions/setup-session.d.ts

@@ -0,0 +1,6 @@
+import Session from '../../CheckoutSession';
+import { CheckoutSessionSetupResponse } from '../../../types';
+/**
+ */
+declare function setupSession(session: Session, options: any): Promise<CheckoutSessionSetupResponse>;
+export default setupSession;

package/dist/types/core/Services/sessions/submit-details.d.ts

@@ -0,0 +1,6 @@
+import Session from '../../CheckoutSession';
+import { CheckoutSessionDetailsResponse } from '../../../types';
+/**
+ */
+declare function submitDetails(details: any, session: Session): Promise<CheckoutSessionDetailsResponse>;
+export default submitDetails;

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

@@ -2,7 +2,9 @@ import UIElement from '../components/UIElement';
 import { PaymentAction } from '../types';
 import { CoreOptions } from './types';
 import { PaymentMethods, PaymentMethodOptions } from '../types';
+import Session from './CheckoutSession';
 declare class Core {
+    session: Session;
     private paymentMethodsResponse;
     modules: any;
     options: CoreOptions;
@@ -14,6 +16,17 @@ declare class Core {
         buildId: string;
     };
     constructor(options: CoreOptions);
+    initialize(): Promise<this>;
+    /**
+     * Submit data to payments using the onSubmit event or the session flow if available
+     * @param data -
+     */
+    submitPayment(data: any): void;
+    /**
+     * Submits details using onAdditionalDetails or the session flow if available
+     * @param details -
+     */
+    submitDetails(details: any): void;
     /**
      * Instantiates a new UIElement component ready to be mounted
      * @param paymentMethod - name or class of the paymentMethod
@@ -34,7 +47,7 @@ declare class Core {
      * @param options - props to update
      * @returns this - the element instance
      */
-    update: (options?: CoreOptions) => this;
+    update: (options?: CoreOptions) => Promise<this>;
     /**
      * Remove the reference of a component
      * @param component - reference to the component to be removed

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

@@ -4,6 +4,7 @@ import { AnalyticsOptions } from './Analytics/types';
 import { PaymentMethodsResponseObject } from './ProcessResponse/PaymentMethodsResponse/types';
 import { RiskModuleOptions } from './RiskModule/RiskModule';
 export interface CoreOptions {
+    session?: any;
     /**
      * Use test. When you're ready to accept live payments, change the value to one of our {@link https://docs.adyen.com/checkout/drop-in-web#testing-your-integration | live environments}.
      */

package/dist/types/index.d.ts

@@ -1,3 +1,4 @@
 import './polyfills';
 import Checkout from './core';
-export default Checkout;
+declare function AdyenCheckout(props: any): Promise<Checkout>;
+export default AdyenCheckout;

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

@@ -134,6 +134,10 @@ export interface Order {
      * The pspReference that belongs to the order.
      */
     pspReference: string;
+    /**
+     * The remaining amount to complete the order.
+     */
+    remainingAmount?: PaymentAmount;
 }
 export interface OrderStatus {
     expiresAt: string;
@@ -170,3 +174,37 @@ export declare type PaymentMethodOptions<P extends keyof PaymentMethods> = Insta
  * Visibility options for a fieldset
  */
 export declare type FieldsetVisibility = 'editable' | 'hidden' | 'readOnly';
+export declare type CheckoutSession = {
+    id: string;
+    sessionData: string;
+};
+export declare type CheckoutSessionSetupResponse = {
+    id: string;
+    sessionData: string;
+    amount: PaymentAmount;
+    expiresAt: string;
+    paymentMethods: any;
+    returnUrl: string;
+};
+export declare type CheckoutSessionPaymentResponse = {
+    sessionData: string;
+    status?: string;
+    resultCode?: string;
+    action?: PaymentAction;
+};
+export declare type CheckoutSessionDetailsResponse = {
+    sessionData: string;
+    status?: string;
+    resultCode?: string;
+    action?: PaymentAction;
+};
+export declare type CheckoutSessionBalanceResponse = {
+    sessionData: string;
+    balance?: PaymentAmount;
+    transactionLimit?: PaymentAmount;
+};
+export declare type CheckoutSessionOrdersResponse = {
+    sessionData: string;
+    orderData: string;
+    pspReference: string;
+};

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

@@ -15,7 +15,9 @@ declare class Script {
     private readonly script;
     private readonly src;
     private readonly node;
-    constructor(src: any, node?: string);
+    private readonly attributes;
+    private readonly dataAttributes;
+    constructor(src: any, node?: string, attributes?: Partial<HTMLScriptElement>, dataAttributes?: Record<string, string | undefined>);
     load: () => Promise<any>;
     remove: () => void;
 }

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

@@ -0,0 +1,10 @@
+declare class Storage {
+    private readonly prefix;
+    private readonly key;
+    private storage;
+    constructor(key: string, storage?: globalThis.Storage);
+    get(): any;
+    set(value: any): void;
+    remove(): void;
+}
+export default Storage;

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

@@ -0,0 +1 @@
+export declare function hasOwnProperty(obj: any, prop: any): any;

package/package.json

@@ -22,7 +22,7 @@
         "./dist/adyen.css": "./dist/adyen.css",
         "./package.json": "./package.json"
     },
-    "version": "4.8.0",
+    "version": "5.2.0",
     "license": "MIT",
     "homepage": "https://docs.adyen.com/checkout",
     "repository": "github:Adyen/adyen-web",
@@ -50,20 +50,20 @@
         "@rollup/plugin-eslint": "^8.0.1",
         "@rollup/plugin-json": "^4.1.0",
         "@rollup/plugin-node-resolve": "^13.0.0",
-        "@rollup/plugin-replace": "^2.4.2",
+        "@rollup/plugin-replace": "^3.0.0",
         "@testing-library/preact": "^2.0.1",
         "@testing-library/preact-hooks": "^1.1.0",
         "@types/jest": "^26.0.23",
         "@typescript-eslint/eslint-plugin": "^4.28.3",
         "@typescript-eslint/parser": "^4.28.3",
-        "autoprefixer": "^10.2.6",
+        "autoprefixer": "^10.3.6",
         "cross-env": "^7.0.3",
         "cssnano": "^5.0.6",
         "dotenv": "^10.0.0",
         "enzyme": "^3.11.0",
         "enzyme-adapter-preact-pure": "^3.1.0",
         "esbuild": "^0.12.15",
-        "eslint": "^7.29.0",
+        "eslint": "^7.32.0",
         "eslint-plugin-import": "^2.23.4",
         "eslint-plugin-jsx-a11y": "^6.4.1",
         "eslint-plugin-react": "^7.20.3",
@@ -90,7 +90,7 @@
         "@types/applepayjs": "^3.0.2",
         "@types/googlepay": "^0.6.2",
         "classnames": "^2.3.1",
-        "core-js": "^3.14.0",
+        "core-js": "^3.18.1",
         "preact": "^10.5.13"
     },
     "files": [