@adyen/adyen-web 5.48.0 → 5.49.0

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

@@ -51,6 +51,7 @@ declare class BancontactElement extends CardElement {
             locale: string;
             merchantDisplayName?: string;
             onReady?(): void;
+            onTimeout?(error: import("../internal/ClickToPay/errors/TimeoutError").default): void;
         };
         brand?: string;
         _disableClickToPay?: boolean;

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

@@ -58,6 +58,7 @@ export declare class CardElement extends UIElement<CardElementProps> {
             locale: string;
             merchantDisplayName?: string;
             onReady?(): void;
+            onTimeout?(error: import("../internal/ClickToPay/errors/TimeoutError").default): void;
         };
         brand?: string;
         _disableClickToPay?: boolean;

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

@@ -51,6 +51,7 @@ export declare class ClickToPayElement extends UIElement<ClickToPayElementProps>
         isDropin?: boolean;
         merchantDisplayName?: string;
         onReady?(): void;
+        onTimeout?(error: import("../internal/ClickToPay/errors/TimeoutError").default): void;
         configuration?: {
             mcDpaId?: string;
             mcSrcClientId?: string;

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

@@ -17,6 +17,7 @@ declare class KlarnaPayments extends UIElement<KlarnaPaymentsProps> {
     };
     payButton: (props: any) => h.JSX.Element;
     updateWithAction(action: PaymentAction): void;
+    onLoaded(): void;
     render(): h.JSX.Element;
 }
 export default KlarnaPayments;

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

@@ -27,6 +27,8 @@ interface KlarnaPaymentsShared {
 export interface KlarnaWidgetProps extends KlarnaPaymentsShared {
     /** @internal */
     payButton: (options: any) => any;
+    /** @internal */
+    onLoaded: () => void;
     onComplete: (detailsData: any) => void;
     onError: (error: any) => void;
 }

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { h } from 'preact';
 import './VpaInput.scss';
 type OnChangeProps = {

package/dist/types/components/internal/ClickToPay/ClickToPayComponent.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { h } from 'preact';
 type ClickToPayComponentProps = {
     onDisplayCardComponent?(): void;

package/dist/types/components/internal/ClickToPay/components/CtPLoader/CtPLoader.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { h } from 'preact';
 import './CtPLoader.scss';
 declare const CtPLoader: () => h.JSX.Element;

package/dist/types/components/internal/ClickToPay/components/CtPLogin/CtPLogin.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { h } from 'preact';
 import './CtPLogin.scss';
 declare const CtPLogin: () => h.JSX.Element;

package/dist/types/components/internal/ClickToPay/components/CtPLogin/CtPLoginInput.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { h } from 'preact';
 type OnChangeProps = {
     data: CtPLoginInputDataState;

package/dist/types/components/internal/ClickToPay/components/CtPOneTimePassword/CtPOneTimePassword.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { h } from 'preact';
 import './CtPOneTimePassword.scss';
 type CtPOneTimePasswordProps = {

package/dist/types/components/internal/ClickToPay/components/CtPOneTimePassword/CtPOneTimePasswordInput/CtPOneTimePasswordInput.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { h } from 'preact';
 import './CtPOneTimePasswordInput.scss';
 type OnChangeProps = {

package/dist/types/components/internal/ClickToPay/components/CtPOneTimePassword/CtPOneTimePasswordInput/CtPResendOtpLink.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { h } from 'preact';
 interface CtPResendOtpLinkProps {
     onError(errorCode: string): void;

package/dist/types/components/internal/ClickToPay/components/CtPSection/CtPLogoutLink.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { h } from 'preact';
 import './CtPLogoutLink.scss';
 declare const CtPLogoutLink: () => h.JSX.Element;

package/dist/types/components/internal/ClickToPay/components/CtPSection/CtPSection.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { h } from 'preact';
 import './CtPSection.scss';
 interface CtPSectionProps {

package/dist/types/components/internal/ClickToPay/errors/TimeoutError.d.ts

@@ -0,0 +1,4 @@
+declare class TimeoutError extends Error {
+    constructor(message: string);
+}
+export default TimeoutError;

package/dist/types/components/internal/ClickToPay/services/ClickToPayService.d.ts

@@ -1,6 +1,7 @@
 import { CallbackStateSubscriber, IClickToPayService, IdentityLookupParams, ClickToPayCheckoutPayload, SchemesConfiguration, IdentityValidationData } from './types';
 import { ISrcSdkLoader } from './sdks/SrcSdkLoader';
 import ShopperCard from '../models/ShopperCard';
+import TimeoutError from '../errors/TimeoutError';
 export declare enum CtpState {
     Idle = "Idle",
     Loading = "Loading",
@@ -15,6 +16,7 @@ declare class ClickToPayService implements IClickToPayService {
     private readonly schemesConfig;
     private readonly shopperIdentity?;
     private readonly environment;
+    private readonly onTimeout?;
     /**
      * Mandatory unique ID passed to all the networks (Click to Pay systems), used to track user journey
      */
@@ -25,7 +27,7 @@ declare class ClickToPayService implements IClickToPayService {
     state: CtpState;
     shopperCards: ShopperCard[];
     identityValidationData: IdentityValidationData;
-    constructor(schemesConfig: SchemesConfiguration, sdkLoader: ISrcSdkLoader, environment: string, shopperIdentity?: IdentityLookupParams);
+    constructor(schemesConfig: SchemesConfiguration, sdkLoader: ISrcSdkLoader, environment: string, shopperIdentity?: IdentityLookupParams, onTimeout?: (error: TimeoutError) => void);
     get shopperAccountFound(): boolean;
     get schemes(): string[];
     initialize(): Promise<void>;

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

@@ -1,3 +1,4 @@
+import TimeoutError from './errors/TimeoutError';
 export type ClickToPayConfiguration = {
     /**
      * Shopper email used to be recognized with the Network schemes
@@ -28,5 +29,10 @@ export type ClickToPayConfiguration = {
      *  Callback triggered when the Click to Pay component is ready to be used
      */
     onReady?(): void;
+    /**
+     * Callback triggered when a timeout happens within Click to Pay service.
+     * Ex: Network schemes took too long to initialize
+     */
+    onTimeout?(error: TimeoutError): void;
 };
 export type ClickToPayScheme = 'mc' | 'visa';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { h } from 'preact';
 /**
  * Matches a string with one of the locales

package/package.json

@@ -24,7 +24,7 @@
         "./dist/es/adyen.css": "./dist/es/adyen.css",
         "./package.json": "./package.json"
     },
-    "version": "5.48.0",
+    "version": "5.49.0",
     "license": "MIT",
     "homepage": "https://docs.adyen.com/checkout",
     "repository": "github:Adyen/adyen-web",
@@ -34,9 +34,11 @@
     "scripts": {
         "start": "npm run dev-server",
         "dev-server": "cross-env NODE_ENV=development rollup --watch --config config/rollup.dev.config.js",
+        "start:storybook": "node .storybook/run.js",
         "docs:generate": "typedoc --out docs src --exclude \"**/*+(index|.test).ts\"",
         "build": "rm -rf dist/ && npm run type-check-generate && cross-env NODE_ENV=production rollup --config config/rollup.config.js",
         "build:analyze": "rm -rf dist/ && cross-env NODE_ENV=analyze rollup --config config/rollup.config.js",
+        "build:storybook": "storybook build --disable-telemetry",
         "test": "jest --config config/jest.config.js",
         "test:watch": "npm run test -- --watchAll",
         "test:coverage": "npm run test -- --coverage",
@@ -57,9 +59,9 @@
         "@babel/cli": "^7.18.10",
         "@babel/core": "^7.16.0",
         "@babel/plugin-transform-runtime": "^7.19.1",
-        "@babel/preset-env": "^7.20.2",
+        "@babel/preset-env": "^7.21.5",
         "@babel/preset-react": "^7.18.6",
-        "@babel/preset-typescript": "^7.15.0",
+        "@babel/preset-typescript": "^7.21.5",
         "@babel/runtime-corejs3": "^7.20.1",
         "@rollup/plugin-babel": "^6.0.2",
         "@rollup/plugin-commonjs": "^24.0.0",
@@ -67,11 +69,16 @@
         "@rollup/plugin-json": "^6.0.0",
         "@rollup/plugin-node-resolve": "^15.0.0",
         "@rollup/plugin-replace": "^5.0.1",
+        "@storybook/addon-a11y": "^7.0.20",
+        "@storybook/addon-essentials": "^7.0.20",
+        "@storybook/manager-api": "^7.0.20",
+        "@storybook/preact": "^7.0.20",
+        "@storybook/preact-vite": "^7.0.20",
         "@testing-library/jest-dom": "5.16.5",
         "@testing-library/preact": "3.2.3",
         "@testing-library/preact-hooks": "1.1.0",
         "@testing-library/user-event": "14.4.3",
-        "@types/jest": "29.5.1",
+        "@types/jest": "29.5.2",
         "@typescript-eslint/eslint-plugin": "5.59.1",
         "@typescript-eslint/parser": "5.59.1",
         "autoprefixer": "10.4.14",
@@ -85,6 +92,7 @@
         "eslint-plugin-import": "^2.26.0",
         "eslint-plugin-jsx-a11y": "^6.6.1",
         "eslint-plugin-react": "^7.31.8",
+        "eslint-plugin-storybook": "^0.6.12",
         "eslint-plugin-testing-library": "^5.9.1",
         "eslint-plugin-tsdoc": "^0.2.17",
         "filesize": "^10.0.0",
@@ -95,16 +103,21 @@
         "jest-mock-extended": "^3.0.1",
         "lint-staged": "^13.0.3",
         "postcss": "8.4.23",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
         "rollup": "^2.79.1",
         "rollup-plugin-postcss": "4.0.2",
         "rollup-plugin-stylelint": "1.0.0",
         "rollup-plugin-terser": "^7.0.2",
         "rollup-plugin-visualizer": "^5.8.3",
         "sass": "1.62.1",
-        "stylelint": "15.6.0",
+        "storybook": "^7.0.20",
+        "stylelint": "15.10.1",
         "stylelint-config-standard-scss": "7.0.1",
         "tslib": "^2.4.1",
         "typescript": "4.9.5",
+        "vite": "4.3.9",
+        "vite-plugin-stylelint": "^4.3.0",
         "whatwg-fetch": "^3.6.2"
     },
     "dependencies": {