@adyen/adyen-web 5.43.0 → 5.44.0

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

@@ -38,12 +38,18 @@ export interface PaymentData extends PaymentMethodData {
     sessionData?: string;
     storePaymentMethod?: boolean;
 }
+export type ResultCode = 'Authorised' | 'Cancelled' | 'ChallengeShopper' | 'Error' | 'IdentifyShopper' | 'Pending';
+export interface OnPaymentCompletedData {
+    sessionData: string;
+    sessionResult: string;
+    resultCode: ResultCode;
+}
 export interface PaymentResponse {
     action?: PaymentAction;
     resultCode: string;
     sessionData?: string;
-    order?: Order;
     sessionResult?: string;
+    order?: Order;
 }
 export interface RawPaymentResponse extends PaymentResponse {
     [key: string]: any;
@@ -83,7 +89,6 @@ export interface ActionHandledReturnObject {
     actionDescription: ActionDescriptionType;
 }
 export interface UIElementProps extends BaseElementProps {
-    environment?: string;
     session?: Session;
     onChange?: (state: any, element: UIElement) => void;
     onValid?: (state: any, element: UIElement) => void;
@@ -96,6 +101,7 @@ export interface UIElementProps extends BaseElementProps {
     onPaymentCompleted?: (result: any, element: UIElement) => void;
     beforeRedirect?: (resolve: any, reject: any, redirectData: any, element: UIElement) => void;
     isInstantPayment?: boolean;
+    environment?: string;
     type?: string;
     name?: string;
     icon?: string;

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

@@ -1,6 +1,6 @@
 import { h } from 'preact';
 import './SRPanel.scss';
-import { SRPanelProps } from './types';
+import { AriaAttributes, SRPanelProps } from './types';
 import BaseElement from '../../components/BaseElement';
 /**
  * A panel meant to hold messages that will be read out by ScreenReaders on an aria-live="polite" basis
@@ -8,12 +8,8 @@ import BaseElement from '../../components/BaseElement';
  * For testing purposes can be made visible
  */
 export declare class SRPanel extends BaseElement<SRPanelProps> {
-    static defaultProps: {
-        enabled: boolean;
-        node: string;
-        showPanel: boolean;
-        id: string;
-    };
+    static type: string;
+    static defaultProps: SRPanelProps;
     private readonly srPanelContainer;
     private readonly id;
     private readonly showPanel;
@@ -24,6 +20,7 @@ export declare class SRPanel extends BaseElement<SRPanelProps> {
     setComponentRef: (ref: any) => void;
     get enabled(): boolean;
     get moveFocus(): boolean;
+    setAriaProps(ariaAttributes: AriaAttributes): void;
     setMessages: (messages: string[] | string) => void;
     render(): h.JSX.Element;
 }

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

@@ -21,12 +21,18 @@ export interface SortedErrorObject {
     errorMessage: string;
     errorCode: string;
 }
+export interface AriaAttributes {
+    'aria-relevant'?: 'additions' | 'all' | 'removals' | 'text' | 'additions text';
+    'aria-live'?: 'off' | 'polite' | 'assertive';
+    'aria-atomic'?: 'true' | 'false';
+}
 export interface SRPanelProps extends BaseElementProps {
     enabled?: boolean;
     node?: string;
     showPanel?: boolean;
     moveFocus?: boolean;
     id?: string;
+    ariaAttributes?: AriaAttributes;
 }
 export interface SRMessagesProps {
     setComponentRef: (ref: any) => void;

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

@@ -1,8 +1,9 @@
 import { PaymentMethod, StoredPaymentMethod } from '../../../types';
+import { PaymentMethodsResponse as PaymentMethodsResponseType } from './types';
 declare class PaymentMethodsResponse {
     paymentMethods: PaymentMethod[];
     storedPaymentMethods: StoredPaymentMethod[];
-    constructor(response: PaymentMethodsResponse, options?: {});
+    constructor(response: PaymentMethodsResponseType, options?: {});
     private mapCreatedComponentType;
     has(paymentMethod: string): boolean;
     find(paymentMethod: string): PaymentMethod;

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

@@ -16,13 +16,8 @@ declare class Core {
         branch: string;
         buildId: string;
     };
-    constructor(options: CoreOptions);
+    constructor(props: 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 -

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

@@ -3,12 +3,23 @@ import { PaymentMethods, PaymentMethodOptions, PaymentActionsType, PaymentAmount
 import { AnalyticsOptions } from './Analytics/types';
 import { PaymentMethodsResponse } from './ProcessResponse/PaymentMethodsResponse/types';
 import { RiskModuleOptions } from './RiskModule/RiskModule';
+import { ActionHandledReturnObject, OnPaymentCompletedData, PaymentData } from '../components/types';
+import UIElement from '../components/UIElement';
+import AdyenCheckoutError from './Errors/AdyenCheckoutError';
+import { GiftCardElementData } from '../components/Giftcard/types';
+import { SRPanelProps } from './Errors/types';
+type PromiseResolve = typeof Promise.resolve;
+type PromiseReject = typeof Promise.reject;
 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}.
      */
     environment?: 'test' | 'live' | 'live-us' | 'live-au' | 'live-apse' | 'live-in' | string;
+    /**
+     * Show or hides a Pay Button for each payment method
+     */
+    showPayButton?: boolean;
     /**
      * A public key linked to your web service user, used for {@link https://docs.adyen.com/user-management/client-side-authentication | client-side authentication}.
      */
@@ -53,14 +64,50 @@ export interface CoreOptions {
      * Never display these payment methods
      */
     removePaymentMethods?: string[];
+    /**
+     * Screen Reader configuration
+     */
+    srConfig?: SRPanelProps;
     resourceEnvironment?: string;
     analytics?: AnalyticsOptions;
     risk?: RiskModuleOptions;
     order?: Order;
-    [key: string]: any;
+    setStatusAutomatically?: boolean;
+    beforeRedirect?(resolve: PromiseResolve, reject: PromiseReject, redirectData: {
+        url: string;
+        method: string;
+        data?: any;
+    }): Promise<void>;
+    beforeSubmit?(state: any, element: UIElement, actions: {
+        resolve: PromiseResolve;
+        reject: PromiseReject;
+    }): Promise<void>;
+    onPaymentCompleted?(data: OnPaymentCompletedData, element?: UIElement): void;
+    onSubmit?(state: any, element: UIElement): void;
+    onAdditionalDetails?(state: any, element?: UIElement): void;
+    onActionHandled?(data: ActionHandledReturnObject): void;
+    onChange?(state: any, element: UIElement): void;
+    onError?(error: AdyenCheckoutError, element?: UIElement): void;
+    onBalanceCheck?(resolve: PromiseResolve, reject: PromiseReject, data: GiftCardElementData): Promise<void>;
+    onOrderRequest?(resolve: PromiseResolve, reject: PromiseReject, data: PaymentData): Promise<void>;
+    onOrderCancel?(order: Order): void;
+    /**
+     * Only used in Components combined with Sessions flow
+     * Callback used to inform when the order is created.
+     * https://docs.adyen.com/payment-methods/gift-cards/web-component?tab=config-sessions_1
+     */
+    onOrderCreated?(data: {
+        order: Order;
+    }): void;
+    /**
+     * Used only in the Donation Component when shopper declines to donate
+     * https://docs.adyen.com/online-payments/donations/web-component
+     */
+    onCancel?(): void;
 }
 export type PaymentMethodsConfiguration = {
     [key in keyof PaymentMethods]?: Partial<PaymentMethodOptions<key>>;
 } | {
     [key in PaymentActionsType]?: any;
 };
+export {};

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

@@ -48,6 +48,7 @@ export declare const defaultTranslation: {
     continue: string;
     continueTo: string;
     "wechatpay.timetopay": string;
+    "sr.wechatpay.timetopay": string;
     "wechatpay.scanqrcode": string;
     personalDetails: string;
     companyDetails: string;

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

@@ -2930,6 +2930,7 @@ declare const _default: {
             continue: string;
             continueTo: string;
             "wechatpay.timetopay": string;
+            "sr.wechatpay.timetopay": string;
             "wechatpay.scanqrcode": string;
             personalDetails: string;
             companyDetails: string;
@@ -3219,6 +3220,7 @@ declare const _default: {
         continue: string;
         continueTo: string;
         "wechatpay.timetopay": string;
+        "sr.wechatpay.timetopay": string;
         "wechatpay.scanqrcode": string;
         personalDetails: string;
         companyDetails: string;

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

@@ -45,4 +45,4 @@ export declare const loadTranslations: (locale: string, customTranslations?: obj
  * @param translation - Translation string
  * @param renderFunctions - An array function that renders JSX elements
  */
-export declare const interpolateElement: (translation: string, renderFunctions: ((translation: string) => h.JSX.Element)[]) => (string | h.JSX.Element)[];
+export declare const interpolateElement: (translation: string, renderFunctions: ((translation: string) => h.JSX.Element | string)[]) => (string | h.JSX.Element)[];

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

@@ -2,6 +2,7 @@ import paymentMethods from '../components';
 import { ADDRESS_SCHEMA } from '../components/internal/Address/constants';
 import actionTypes from '../core/ProcessResponse/PaymentAction/actionTypes';
 import { InstallmentOptions } from '../components/Card/components/CardInput/components/types';
+import { ResultCode } from '../components/types';
 export type PaymentActionsType = keyof typeof actionTypes;
 /**
  * {@link https://docs.adyen.com/api-explorer/#/PaymentSetupAndVerificationService/v51/payments__resParam_action API Explorer /payments action}
@@ -245,6 +246,11 @@ export type CheckoutSessionSetupResponse = {
     paymentMethods: any;
     returnUrl: string;
     configuration: SessionConfiguration;
+    /**
+     * 'shopperLocale' set during session creation.
+     * @defaultValue en-US
+     */
+    shopperLocale: string;
 };
 export type CheckoutSessionPaymentResponse = {
     sessionData: string;
@@ -254,8 +260,9 @@ export type CheckoutSessionPaymentResponse = {
 };
 export type CheckoutSessionDetailsResponse = {
     sessionData: string;
+    sessionResult: string;
+    resultCode: ResultCode;
     status?: string;
-    resultCode: string;
     action?: PaymentAction;
 };
 export type CheckoutSessionBalanceResponse = {

package/package.json

@@ -24,7 +24,7 @@
         "./dist/es/adyen.css": "./dist/es/adyen.css",
         "./package.json": "./package.json"
     },
-    "version": "5.43.0",
+    "version": "5.44.0",
     "license": "MIT",
     "homepage": "https://docs.adyen.com/checkout",
     "repository": "github:Adyen/adyen-web",
@@ -72,8 +72,8 @@
         "@testing-library/preact-hooks": "1.1.0",
         "@testing-library/user-event": "14.4.3",
         "@types/jest": "29.5.1",
-        "@typescript-eslint/eslint-plugin": "5.56.0",
-        "@typescript-eslint/parser": "5.56.0",
+        "@typescript-eslint/eslint-plugin": "5.59.1",
+        "@typescript-eslint/parser": "5.59.1",
         "autoprefixer": "10.4.14",
         "babel-jest": "29.5.0",
         "cross-env": "^7.0.3",
@@ -81,7 +81,7 @@
         "dotenv": "^16.0.3",
         "enzyme": "3.11.0",
         "enzyme-adapter-preact-pure": "4.1.0",
-        "eslint": "8.36.0",
+        "eslint": "8.39.0",
         "eslint-plugin-import": "^2.26.0",
         "eslint-plugin-jsx-a11y": "^6.6.1",
         "eslint-plugin-react": "^7.31.8",
@@ -94,14 +94,14 @@
         "jest-environment-jsdom": "29.5.0",
         "jest-mock-extended": "^3.0.1",
         "lint-staged": "^13.0.3",
-        "postcss": "8.4.21",
+        "postcss": "8.4.23",
         "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.59.3",
-        "stylelint": "15.3.0",
+        "sass": "1.62.1",
+        "stylelint": "15.6.0",
         "stylelint-config-standard-scss": "7.0.1",
         "tslib": "^2.4.1",
         "typescript": "4.9.5",
@@ -114,7 +114,7 @@
         "@types/googlepay": "^0.7.0",
         "classnames": "^2.3.1",
         "core-js-pure": "^3.25.3",
-        "preact": "10.11.3"
+        "preact": "10.13.2"
     },
     "files": [
         "dist",
@@ -124,6 +124,6 @@
     "lint-staged": {
         "*.{js,jsx,ts,tsx}": "eslint",
         "*.{scss,css}": "stylelint",
-        "*.{js,jsx,ts,tsx,html}": "prettier --write"
+        "*.{js,jsx,ts,tsx,html,md}": "prettier --write"
     }
 }