@adyen/adyen-web 5.32.0 → 5.34.0

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

@@ -1,3 +1,4 @@
+import { ActionHandledReturnObject } from '../../types';
 interface StatusObjectProps {
     payload: string;
     resultCode: string;
@@ -16,7 +17,6 @@ export interface AwaitComponentProps {
     throttleInterval: number;
     paymentData: string;
     url?: string;
-    shouldRedirectOnMobile?: boolean;
     classNameModifiers?: string[];
     clientKey: string;
     onError: (error: any) => void;
@@ -25,5 +25,6 @@ export interface AwaitComponentProps {
     messageText: string;
     awaitText: string;
     ref: any;
+    onActionHandled: (rtnObj: ActionHandledReturnObject) => void;
 }
 export {};

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

@@ -1,4 +1,4 @@
-export declare type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'action';
+export type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'action';
 export interface ButtonProps {
     status?: string;
     /**

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

@@ -14,6 +14,7 @@ export interface CompanyDetailsProps {
     readonly?: boolean;
     ref?: any;
     validationRules?: ValidatorRules;
+    setComponentRef?: (ref: any) => void;
 }
 export interface ReadOnlyCompanyDetailsProps {
     name?: string;

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

@@ -1,4 +1,4 @@
-export declare type ElectronicFormat = string;
+export type ElectronicFormat = string;
 /**
  *  @param countryCode -
  *  @returns Example of IBAN Number

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

@@ -1,13 +1,13 @@
 import { ComponentChildren, h } from 'preact';
 import './Modal.scss';
-declare type ModalRenderFnProps = {
+type ModalRenderFnProps = {
     /**
      * Function used to properly trigger the Modal close mechanism. It takes into account the element that the Modal needs
      * to set focus when it is dismissed.
      */
     onCloseModal(): void;
 };
-declare type ModalProps = {
+type ModalProps = {
     children: ({ onCloseModal }: ModalRenderFnProps) => ComponentChildren;
     classNameModifiers?: string[];
     onClose(): void;

package/dist/types/components/internal/Modal/useModal.d.ts

@@ -1,4 +1,4 @@
-declare type UseModalProps = {
+type UseModalProps = {
     modalElement?: HTMLElement;
     isOpen: boolean;
     isDismissible: boolean;
@@ -6,7 +6,7 @@ declare type UseModalProps = {
     focusAfterClose: HTMLElement;
     onClose(): void;
 };
-declare type UseModalHook = {
+type UseModalHook = {
     /**
      * Function that focus on the 'focusAfterClose' element, and then closes the modal
      */

package/dist/types/components/internal/Modal/useTrapFocus.d.ts

@@ -1,4 +1,4 @@
-declare type UseTrapFocusProps = {
+type UseTrapFocusProps = {
     rootElement?: HTMLElement;
     /**
      * Element that must be focused when the hook is executed. If no element is passed, the first focusable child

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

@@ -1,8 +1,8 @@
 import { AddressData, FieldsetVisibility, PersonalDetailsSchema } from '../../../types';
 import { CompanyDetailsSchema } from '../CompanyDetails/types';
 import { AddressSpecifications } from '../Address/types';
-import { UIElementProps } from "../../types";
-import UIElement from "../../UIElement";
+import { UIElementProps } from '../../types';
+import UIElement from '../../UIElement';
 export interface OpenInvoiceVisibility {
     companyDetails?: FieldsetVisibility;
     personalDetails?: FieldsetVisibility;
@@ -33,6 +33,7 @@ export interface OpenInvoiceProps extends UIElementProps {
     personalDetailsRequiredFields?: string[];
     billingAddressRequiredFields?: string[];
     billingAddressSpecification?: AddressSpecifications;
+    setComponentRef?: (ref: any) => void;
 }
 export interface OpenInvoiceStateData {
     companyDetails?: CompanyDetailsSchema;

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

@@ -1,6 +1,6 @@
 import { FieldsetVisibility, PersonalDetailsSchema } from '../../../types';
 import { ValidatorRules } from '../../../utils/Validator/types';
-declare type PersonalDetailsPlaceholders = Omit<PersonalDetailsSchema, 'gender'>;
+type PersonalDetailsPlaceholders = Omit<PersonalDetailsSchema, 'gender'>;
 export interface PersonalDetailsProps {
     label?: string;
     namePrefix?: string;
@@ -12,6 +12,9 @@ export interface PersonalDetailsProps {
     readonly?: boolean;
     ref?: any;
     validationRules?: ValidatorRules;
+    setComponentRef?: (ref: any) => void;
+    payButton?: (obj: any) => {};
+    showPayButton?: boolean;
 }
 export interface PersonalDetailsStateError {
     firstName?: boolean;

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

@@ -16,7 +16,7 @@ declare class QRLoader extends Component<QRLoaderProps, QRLoaderState> {
     };
     statusInterval: () => void;
     componentDidMount(): void;
-    redirectToApp: (url: any, fallback?: () => void) => void;
+    redirectToApp: (url: any) => void;
     componentDidUpdate(prevProps: any, prevState: any): void;
     componentWillUnmount(): void;
     private onTick;
@@ -24,7 +24,7 @@ declare class QRLoader extends Component<QRLoaderProps, QRLoaderState> {
     private onComplete;
     private onError;
     private checkStatus;
-    render({ amount, url, brandLogo, countdownTime, type }: QRLoaderProps, { expired, completed, loading }: {
+    render({ amount, url, brandLogo, countdownTime, type, onActionHandled }: QRLoaderProps, { expired, completed, loading }: {
         expired: any;
         completed: any;
         loading: any;

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

@@ -1,13 +1,13 @@
 import { PaymentAmount } from '../../../types';
 import Language from '../../../language/Language';
+import { ActionHandledReturnObject } from '../../types';
 export interface QRLoaderProps {
     delay?: number;
     countdownTime?: number;
     onError?: (error: any) => void;
-    onComplete?: (data: any) => void;
+    onComplete?: (data: any, component: any) => void;
     throttleTime?: number;
     throttledInterval?: number;
-    shouldRedirectOnMobile?: boolean;
     url?: string;
     type?: string;
     paymentData?: string;
@@ -22,6 +22,7 @@ export interface QRLoaderProps {
     introduction?: string;
     instructions?: string;
     copyBtn?: boolean;
+    onActionHandled?: (rtnObj: ActionHandledReturnObject) => void;
 }
 export interface QRLoaderState {
     buttonStatus: string;

package/dist/types/components/internal/SecuredFields/lib/CSF/utils/processErrors.d.ts

@@ -1,5 +1,5 @@
 import { CbObjOnError, SFFeedbackObj } from '../../types';
 import SecuredField from '../../securedField/SecuredField';
-declare type RtnType_callbackFn = (obj: CbObjOnError) => void;
+type RtnType_callbackFn = (obj: CbObjOnError) => void;
 export declare const processErrors: (pFeedbackObj: SFFeedbackObj, securedField: SecuredField, type: string, rootNode: HTMLElement, callbackFn: RtnType_callbackFn) => CbObjOnError;
 export {};

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

@@ -62,7 +62,7 @@ export interface SFPlaceholdersObject {
     [ENCRYPTED_BANK_ACCNT_NUMBER_FIELD]?: string;
     [ENCRYPTED_BANK_LOCATION_FIELD]?: string;
 }
-export declare type AriaConfig = {
+export type AriaConfig = {
     lang?: string;
 } & {
     [key: string]: AriaConfigObject;

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

@@ -182,9 +182,9 @@ export interface SendBrandObject {
 export interface SendExpiryDateObject {
     expiryDatePolicy: DatePolicyType;
 }
-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' | 'optional' | 'hidden';
+export type RtnType_noParamVoidFn = () => void;
+export type RtnType_postMessageListener = (event: Event) => void;
+export type RtnType_callbackFn = (feedbackObj: SFFeedbackObj) => void;
+export type CVCPolicyType = 'required' | 'optional' | 'hidden';
+export type DatePolicyType = 'required' | 'optional' | 'hidden';
 export {};

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

@@ -71,8 +71,13 @@ export interface IUIElement {
     showValidation(): void;
     setState(newState: object): void;
 }
-export declare type UIElementStatus = 'ready' | 'loading' | 'error' | 'success';
-export declare type PayButtonFunctionProps = Omit<PayButtonProps, 'amount'>;
+export type UIElementStatus = 'ready' | 'loading' | 'error' | 'success';
+export type ActionDescriptionType = 'qr-code-loaded' | 'polling-started' | 'fingerprint-iframe-loaded' | 'challenge-iframe-loaded';
+export type PayButtonFunctionProps = Omit<PayButtonProps, 'amount'>;
+export interface ActionHandledReturnObject {
+    componentType: string;
+    actionDescription: ActionDescriptionType;
+}
 export interface UIElementProps extends BaseElementProps {
     session?: Session;
     onChange?: (state: any, element: UIElement) => void;
@@ -80,6 +85,7 @@ export interface UIElementProps extends BaseElementProps {
     beforeSubmit?: (state: any, element: UIElement, actions: any) => Promise<void>;
     onSubmit?: (state: any, element: UIElement) => void;
     onComplete?: (state: any, element: UIElement) => void;
+    onActionHandled?: (rtnObj: ActionHandledReturnObject) => void;
     onAdditionalDetails?: (state: any, element: UIElement) => void;
     onError?: (error: any, element?: UIElement) => void;
     onPaymentCompleted?: (result: any, element: UIElement) => void;
@@ -101,3 +107,7 @@ export interface UIElementProps extends BaseElementProps {
      */
     setStatusAutomatically?: boolean;
 }
+export interface ComponentMethodsRef {
+    showValidation?: () => void;
+    setStatus?(status: UIElementStatus): void;
+}

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

@@ -1,4 +1,5 @@
 import { CoreOptions } from '../types';
+export type AnalyticsProps = Pick<CoreOptions, 'loadingContext' | 'locale' | 'clientKey' | 'analytics' | 'amount'>;
 declare class Analytics {
     private static defaultProps;
     checkoutAttemptId: string;
@@ -7,7 +8,7 @@ declare class Analytics {
     private readonly logTelemetry;
     private readonly queue;
     readonly collectId: any;
-    constructor({ loadingContext, locale, clientKey, analytics }: CoreOptions);
+    constructor({ loadingContext, locale, clientKey, analytics, amount }: AnalyticsProps);
     send(event: any): void;
 }
 export default Analytics;

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

@@ -1,4 +1,4 @@
-declare type EventItem = (checkoutAttemptId: string) => Promise<any>;
+type EventItem = (checkoutAttemptId: string) => Promise<any>;
 declare class EventsQueue {
     events: EventItem[];
     add(event: any): void;

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

@@ -11,7 +11,7 @@ interface RiskModuleProps extends BaseElementProps {
     risk: RiskModuleOptions;
     loadingContext: string;
 }
-export declare type RiskData = string | boolean;
+export type RiskData = string | boolean;
 export default class RiskElement extends BaseElement<RiskModuleProps> {
     static type: string;
     static defaultProps: {

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

@@ -1,6 +1,8 @@
+import { AnalyticsProps } from '../../Analytics/Analytics';
+type Config = Pick<AnalyticsProps, 'loadingContext' | 'locale' | 'clientKey' | 'amount'>;
 /**
  * Log event to Adyen
  * @param config -
  */
-declare const logTelemetry: (config: any) => (event: any) => Promise<any>;
+declare const logTelemetry: (config: Config) => (event: any) => Promise<any>;
 export default logTelemetry;

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

@@ -1,9 +1,9 @@
 import { Experiment } from '../../Analytics/types';
-declare type CheckoutAttemptIdSession = {
+type CheckoutAttemptIdSession = {
     id: string;
     timestamp: number;
 };
-declare type CollectIdProps = {
+type CollectIdProps = {
     clientKey: string;
     loadingContext: string;
     experiments: Experiment[];

package/dist/types/core/Services/data-set.d.ts

@@ -1,4 +1,4 @@
-export declare type DataSet = DataSetItem[];
+export type DataSet = DataSetItem[];
 export interface DataSetItem {
     id: string;
     name: string;

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

@@ -8,7 +8,7 @@ interface HttpOptions {
     path: string;
     errorLevel?: ErrorLevel;
 }
-declare type ErrorLevel = 'silent' | 'info' | 'warn' | 'error' | 'fatal';
+type ErrorLevel = 'silent' | 'info' | 'warn' | 'error' | 'fatal';
 export declare function http<T>(options: HttpOptions, data?: any): Promise<T>;
 export declare function httpGet<T = any>(options: HttpOptions, data?: any): Promise<T>;
 export declare function httpPost<T = any>(options: HttpOptions, data?: any): Promise<T>;

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

@@ -58,7 +58,7 @@ export interface CoreOptions {
     order?: Order;
     [key: string]: any;
 }
-export declare type PaymentMethodsConfiguration = {
+export type PaymentMethodsConfiguration = {
     [key in keyof PaymentMethods]?: Partial<PaymentMethodOptions<key>>;
 } | {
     [key in PaymentActionsType]?: any;

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

@@ -1,11 +1,11 @@
 export declare class Language {
-    constructor(locale?: string, customTranslations?: object);
+    private readonly supportedLocales;
     readonly locale: string;
     readonly languageCode: string;
-    private readonly supportedLocales;
-    translations: object;
+    translations: Record<string, string>;
     readonly customTranslations: any;
     loaded: Promise<any>;
+    constructor(locale?: string, customTranslations?: object);
     /**
      * Returns a translated string from a key in the current {@link Language.locale}
      * @param key - Translation key

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

@@ -1,6 +1,6 @@
 import locales from './locales';
-export declare type Locales = keyof typeof locales;
-export declare type CustomTranslations = {
+export type Locales = keyof typeof locales;
+export type CustomTranslations = {
     [key: string]: {
         [message: string]: string;
     };

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

@@ -33,11 +33,12 @@ export declare function parseLocale(locale: string, supportedLocales?: string[])
  */
 export declare function formatCustomTranslations(customTranslations: object, supportedLocales: string[]): object;
 /**
- * Returns an array with all the locales
+ * Returns an Object which contains all the key/values of the translation labels
+ *
  * @param locale - The locale the user wants to use
- * @param customTranslations -
+ * @param customTranslations - Custom translations provided by the merchant
  */
-export declare const loadTranslations: (locale: string, customTranslations?: object) => Promise<any>;
+export declare const loadTranslations: (locale: string, customTranslations?: object) => Promise<Record<string, string>>;
 /**
  * Injects JSX elements in a middle of a translation and returns a JSX array
  * The input string should use %# as the token to know where to insert the component

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

@@ -2,7 +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';
-export declare type PaymentActionsType = keyof typeof actionTypes;
+export type PaymentActionsType = keyof typeof actionTypes;
 /**
  * {@link https://docs.adyen.com/api-explorer/#/PaymentSetupAndVerificationService/v51/payments__resParam_action API Explorer /payments action}
  */
@@ -155,8 +155,8 @@ export interface PaymentAmountExtended extends PaymentAmount {
      */
     currencyDisplay?: string;
 }
-export declare type AddressField = typeof ADDRESS_SCHEMA[number];
-export declare type AddressData = {
+export type AddressField = typeof ADDRESS_SCHEMA[number];
+export type AddressData = {
     [key in AddressField]?: string;
 };
 export interface PersonalDetailsSchema {
@@ -207,24 +207,24 @@ export interface BrowserInfo {
 /**
  * Available components
  */
-export declare type PaymentMethods = typeof paymentMethods;
+export type PaymentMethods = typeof paymentMethods;
 /**
  * Options for a component
  */
-export declare type PaymentMethodOptions<P extends keyof PaymentMethods> = InstanceType<PaymentMethods[P]>['props'];
+export type PaymentMethodOptions<P extends keyof PaymentMethods> = InstanceType<PaymentMethods[P]>['props'];
 /**
  * Visibility options for a fieldset
  */
-export declare type FieldsetVisibility = 'editable' | 'hidden' | 'readOnly';
-export declare type CheckoutSession = {
+export type FieldsetVisibility = 'editable' | 'hidden' | 'readOnly';
+export type CheckoutSession = {
     id: string;
     sessionData: string;
 };
-export declare type SessionConfiguration = {
+export type SessionConfiguration = {
     installmentOptions: InstallmentOptions;
     enableStoreDetails: boolean;
 };
-export declare type CheckoutSessionSetupResponse = {
+export type CheckoutSessionSetupResponse = {
     id: string;
     sessionData: string;
     amount: PaymentAmount;
@@ -233,24 +233,24 @@ export declare type CheckoutSessionSetupResponse = {
     returnUrl: string;
     configuration: SessionConfiguration;
 };
-export declare type CheckoutSessionPaymentResponse = {
+export type CheckoutSessionPaymentResponse = {
     sessionData: string;
     status?: string;
     resultCode: string;
     action?: PaymentAction;
 };
-export declare type CheckoutSessionDetailsResponse = {
+export type CheckoutSessionDetailsResponse = {
     sessionData: string;
     status?: string;
     resultCode: string;
     action?: PaymentAction;
 };
-export declare type CheckoutSessionBalanceResponse = {
+export type CheckoutSessionBalanceResponse = {
     sessionData: string;
     balance?: PaymentAmount;
     transactionLimit?: PaymentAmount;
 };
-export declare type CheckoutSessionOrdersResponse = {
+export type CheckoutSessionOrdersResponse = {
     sessionData: string;
     orderData: string;
     pspReference: string;

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

@@ -1,4 +1,4 @@
-export declare type FormatterFn = (value: string, context?: {
+export type FormatterFn = (value: string, context?: {
     state: {
         data: {
             country?: string;

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

@@ -1,20 +1,20 @@
 import { ValidationRuleResult } from './ValidationRuleResult';
 import { Formatter } from '../useForm/types';
-declare type ValidatorMode = 'blur' | 'input';
-export declare type ErrorMessageObject = {
+type ValidatorMode = 'blur' | 'input';
+export type ErrorMessageObject = {
     translationKey: string;
     translationObject: any;
 };
-export declare type Ruleset = {
+export type Ruleset = {
     [key: string]: any;
 };
-export declare type CountryRuleset = {
+export type CountryRuleset = {
     [country: string]: Ruleset;
 };
-export declare type FormatRules = {
+export type FormatRules = {
     [field: string]: Formatter;
 };
-export declare type CountryFormatRules = {
+export type CountryFormatRules = {
     [country: string]: FormatRules;
 };
 export interface ValidatorRule {
@@ -22,10 +22,10 @@ export interface ValidatorRule {
     errorMessage?: string | ErrorMessageObject;
     modes: ValidatorMode[];
 }
-export declare type ValidatorRules = {
+export type ValidatorRules = {
     [field: string]: ValidatorRule | ValidatorRule[];
 };
-export declare type CountryBasedValidatorRules = {
+export type CountryBasedValidatorRules = {
     [country: string]: ValidatorRules;
 };
 export interface FieldData {
@@ -38,7 +38,7 @@ export interface FieldContext {
         [key: string]: any;
     };
 }
-export declare type ValidationRuleResults = {
+export type ValidationRuleResults = {
     [key: string]: ValidationRuleResult;
 };
 export {};

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

@@ -1,6 +1,6 @@
 import { ValidatorRules } from '../Validator/types';
 import { FormatterFn } from '../Formatters/types';
-export declare type FormState<FormSchema> = {
+export type FormState<FormSchema> = {
     schema?: string[];
     data: FormSchema;
     errors: {
@@ -19,7 +19,7 @@ export interface Formatter {
     format?: string;
     maxlength?: number;
 }
-export declare type FormProps = {
+export type FormProps = {
     rules?: ValidatorRules;
     formatters?: {
         [key: string]: Formatter | Function;

package/package.json

@@ -23,7 +23,7 @@
         "./dist/adyen.css": "./dist/adyen.css",
         "./package.json": "./package.json"
     },
-    "version": "5.32.0",
+    "version": "5.34.0",
     "license": "MIT",
     "homepage": "https://docs.adyen.com/checkout",
     "repository": "github:Adyen/adyen-web",
@@ -63,21 +63,21 @@
         "@rollup/plugin-json": "^6.0.0",
         "@rollup/plugin-node-resolve": "^15.0.0",
         "@rollup/plugin-replace": "^5.0.1",
-        "@testing-library/jest-dom": "^5.16.5",
-        "@testing-library/preact": "^3.0.0",
-        "@testing-library/preact-hooks": "^1.1.0",
-        "@testing-library/user-event": "^14.4.3",
-        "@types/jest": "29.2.6",
-        "@typescript-eslint/eslint-plugin": "^5.37.0",
-        "@typescript-eslint/parser": "^5.39.0",
+        "@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.4.0",
+        "@typescript-eslint/eslint-plugin": "5.50.0",
+        "@typescript-eslint/parser": "5.50.0",
         "autoprefixer": "10.4.13",
-        "babel-jest": "29.3.1",
+        "babel-jest": "29.4.1",
         "cross-env": "^7.0.3",
         "cssnano": "5.1.14",
         "dotenv": "^16.0.3",
         "enzyme": "3.11.0",
         "enzyme-adapter-preact-pure": "4.1.0",
-        "eslint": "8.30.0",
+        "eslint": "8.33.0",
         "eslint-plugin-import": "^2.26.0",
         "eslint-plugin-jsx-a11y": "^6.6.1",
         "eslint-plugin-react": "^7.31.8",
@@ -86,8 +86,8 @@
         "filesize": "^10.0.0",
         "gzip-size": "^6.0.0",
         "husky": "^8.0.1",
-        "jest": "29.3.1",
-        "jest-environment-jsdom": "29.3.1",
+        "jest": "29.4.1",
+        "jest-environment-jsdom": "29.4.1",
         "jest-mock-extended": "^3.0.1",
         "lint-staged": "^13.0.3",
         "postcss": "8.4.21",
@@ -96,11 +96,11 @@
         "rollup-plugin-stylelint": "1.0.0",
         "rollup-plugin-terser": "^7.0.2",
         "rollup-plugin-visualizer": "^5.8.3",
-        "sass": "1.57.1",
+        "sass": "1.58.0",
         "stylelint": "14.16.1",
         "stylelint-config-standard-scss": "6.1.0",
         "tslib": "^2.4.1",
-        "typescript": "4.5.3",
+        "typescript": "4.9.5",
         "whatwg-fetch": "^3.6.2"
     },
     "dependencies": {