@adyen/adyen-web 5.32.0 → 5.33.0

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

@@ -14,6 +14,7 @@ export declare class AchElement extends UIElement<AchElementProps> {
         beforeSubmit?: (state: any, element: UIElement<any>, actions: any) => Promise<void>;
         onSubmit?: (state: any, element: UIElement<any>) => void;
         onComplete?: (state: any, element: UIElement<any>) => void;
+        onActionHandled?: (rtnObj: import("../types").ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: any, element: UIElement<any>) => void;
         onError?: (error: any, element?: UIElement<any>) => void;
         onPaymentCompleted?: (result: any, element: UIElement<any>) => void;

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

@@ -53,5 +53,6 @@ export interface ACHInputProps {
     styles?: StylesObject;
     type?: string;
     forceCompat?: boolean;
+    setComponentRef?: (ref: any) => void;
 }
 export {};

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

@@ -19,6 +19,7 @@ declare class BCMCMobileElement extends QRLoaderContainer {
         beforeSubmit?: (state: any, element: import("../UIElement").UIElement<any>, actions: any) => Promise<void>;
         onSubmit?: (state: any, element: import("../UIElement").UIElement<any>) => void;
         onComplete?: (state: any, element: import("../UIElement").UIElement<any>) => void;
+        onActionHandled?: (rtnObj: import("../types").ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: any, element: import("../UIElement").UIElement<any>) => void;
         onError?: (error: any, element?: import("../UIElement").UIElement<any>) => void;
         onPaymentCompleted?: (result: any, element: import("../UIElement").UIElement<any>) => void;

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

@@ -6,7 +6,6 @@ declare class BancontactElement extends CardElement {
         brands: string[];
         onBinLookup: () => void;
         showBrandsUnderCardNumber: boolean;
-        useClickToPay: boolean;
         SRConfig: {};
     };
     /**
@@ -56,7 +55,6 @@ declare class BancontactElement extends CardElement {
             merchantDisplayName: string;
         };
         brand?: string;
-        useClickToPay: boolean;
         brands?: string[];
         showBrandsUnderCardNumber?: boolean;
         showBrandIcon?: boolean;
@@ -76,6 +74,7 @@ declare class BancontactElement extends CardElement {
         beforeSubmit?: (state: any, element: import("../UIElement").UIElement<any>, actions: any) => Promise<void>;
         onSubmit?: (state: any, element: import("../UIElement").UIElement<any>) => void;
         onComplete?: (state: any, element: import("../UIElement").UIElement<any>) => void;
+        onActionHandled?: (rtnObj: import("../types").ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: any, element: import("../UIElement").UIElement<any>) => void;
         onPaymentCompleted?: (result: any, element: import("../UIElement").UIElement<any>) => void;
         beforeRedirect?: (resolve: any, reject: any, redirectData: any, element: import("../UIElement").UIElement<any>) => void;

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

@@ -14,11 +14,9 @@ export declare class CardElement extends UIElement<CardElementProps> {
     protected static defaultProps: {
         onBinLookup: () => void;
         showBrandsUnderCardNumber: boolean;
-        useClickToPay: boolean;
         SRConfig: {};
     };
     setStatus(status: UIElementStatus, props?: any): this;
-    setComponentRef: (ref: any) => void;
     private setClickToPayRef;
     formatProps(props: CardElementProps): {
         holderNameRequired: boolean;
@@ -28,13 +26,14 @@ export declare class CardElement extends UIElement<CardElementProps> {
         countryCode: any;
         configuration: {
             socialSecurityNumberMode: import("./types").SocialSecurityMode;
-            /**
-             * Formats the component data output
-             */
             visaSrciDpaId?: string;
             visaSrcInitiatorId?: string;
             mcSrcClientId?: string;
-            mcDpaId?: string;
+            mcDpaId?: string; /**
+             * this.props.brand is never set for the generic card only for a 'dedicated' single-branded card e.g. bcmc
+             * this.state.selectedBrandValue will be set when /binLookup detects a single brand &/or when /binLookup detects a dual-branded card and
+             *  the shopper makes a brand selection
+             */
             merchantIdentifier?: string;
             merchantOrigin?: string;
             gatewayMerchantId?: string;
@@ -67,7 +66,6 @@ export declare class CardElement extends UIElement<CardElementProps> {
             merchantDisplayName: string;
         };
         brand?: string;
-        useClickToPay: boolean;
         brands?: string[];
         showBrandsUnderCardNumber?: boolean;
         showBrandIcon?: boolean;
@@ -87,6 +85,7 @@ export declare class CardElement extends UIElement<CardElementProps> {
         beforeSubmit?: (state: any, element: UIElement<any>, actions: any) => Promise<void>;
         onSubmit?: (state: any, element: UIElement<any>) => void;
         onComplete?: (state: any, element: UIElement<any>) => void;
+        onActionHandled?: (rtnObj: import("../types").ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: any, element: UIElement<any>) => void;
         onPaymentCompleted?: (result: any, element: UIElement<any>) => void;
         beforeRedirect?: (resolve: any, reject: any, redirectData: any, element: UIElement<any>) => void;

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

@@ -1,5 +1,5 @@
 import { h } from 'preact';
-export declare const CardFieldsWrapper: ({ data, valid, errors, handleChangeFor, sfpState, setFocusOn, collateErrors, errorFieldId, cvcPolicy, focusedElement, hasInstallments, handleInstallments, showAmountsInInstallments, brandsIcons, mergedSRErrors, moveFocus, showPanel, handleErrorPanelFocus, formData, formErrors, formValid, expiryDatePolicy, dualBrandSelectElements, extensions, selectedBrandValue, showKCP, showBrazilianSSN, socialSecurityNumber, handleOnStoreDetails, billingAddress, handleAddress, billingAddressRef, partialAddressSchema, amount, billingAddressRequired, billingAddressRequiredFields, billingAddressAllowedCountries, billingAddressValidationRules, brandsConfiguration, enableStoreDetails, hasCVC, hasHolderName, holderNameRequired, installmentOptions, placeholders, positionHolderNameOnTop, showBrandIcon, showBrandsUnderCardNumber, iOSFocusedField }: {
+export declare const CardFieldsWrapper: ({ data, valid, errors, handleChangeFor, sfpState, setFocusOn, collateErrors, errorFieldId, cvcPolicy, focusedElement, hasInstallments, handleInstallments, showAmountsInInstallments, brandsIcons, mergedSRErrors, moveFocus, showPanel, handleErrorPanelFocus, formData, formErrors, formValid, expiryDatePolicy, dualBrandSelectElements, extensions, selectedBrandValue, showKCP, showBrazilianSSN, socialSecurityNumber, handleOnStoreDetails, billingAddress, handleAddress, setAddressRef, partialAddressSchema, amount, billingAddressRequired, billingAddressRequiredFields, billingAddressAllowedCountries, billingAddressValidationRules, brandsConfiguration, enableStoreDetails, hasCVC, hasHolderName, holderNameRequired, installmentOptions, placeholders, positionHolderNameOnTop, showBrandIcon, showBrandsUnderCardNumber, iOSFocusedField }: {
     data: any;
     valid: any;
     errors: any;
@@ -31,7 +31,7 @@ export declare const CardFieldsWrapper: ({ data, valid, errors, handleChangeFor,
     handleOnStoreDetails: any;
     billingAddress: any;
     handleAddress: any;
-    billingAddressRef: any;
+    setAddressRef: any;
     partialAddressSchema: any;
     amount: any;
     billingAddressRequired: any;

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

@@ -8,6 +8,7 @@ import { ValidationRuleResult } from '../../../../utils/Validator/ValidationRule
 import Specifications from '../../../internal/Address/Specifications';
 import { AddressSchema, StringObject } from '../../../internal/Address/types';
 import { CbObjOnError, StylesObject } from '../../../internal/SecuredFields/lib/types';
+import { ComponentMethodsRef } from '../../../types';
 export interface CardInputValidState {
     holderName?: boolean;
     billingAddress?: boolean;
@@ -124,12 +125,10 @@ export interface CardInputState {
     issuingCountryCode: string;
     showSocialSecurityNumber?: boolean;
 }
-export interface CardInputRef {
+export interface CardInputRef extends ComponentMethodsRef {
     sfp?: any;
     setFocusOn?: (who: any) => void;
-    showValidation?: (who: any) => void;
     processBinLookupResponse?: (binLookupResponse: BinLookupResponse, isReset: boolean) => void;
-    setStatus?: any;
     updateStyles?: (stylesObj: StylesObject) => void;
     handleUnsupportedCard?: (errObj: CbObjOnError) => boolean;
 }

package/dist/types/components/Card/components/ClickToPay/{utils.d.ts → services/create-clicktopay-service.d.ts}

@@ -1,5 +1,5 @@
-import { IClickToPayService } from './services/types';
-import { CardConfiguration, ClickToPayConfiguration } from '../../types';
+import { IClickToPayService } from './types';
+import { CardConfiguration, ClickToPayConfiguration } from '../../../types';
 /**
  * Creates the Click to Pay service in case the required configuration is provided
  */

package/dist/types/components/Card/components/ClickToPay/services/sdks/types.d.ts

@@ -20,8 +20,10 @@ export declare type SrciIsRecognizedResponse = {
 };
 export declare type SrciCheckoutResponse = {
     dcfActionCode: string;
-    encryptedPayload?: string;
-    idToken?: string;
+    checkoutResponse: string;
+    checkoutResponseSignature: string;
+    idToken: string;
+    unbindAppInstance: boolean;
 };
 export declare type SrciIdentityLookupResponse = {
     consumerPresent: boolean;

package/dist/types/components/Card/components/ClickToPay/services/utils.d.ts

@@ -5,7 +5,7 @@ export declare const CTP_IFRAME_NAME = "ctpIframe";
 /**
  * Creates the payload for the /payments call
  */
-declare function createCheckoutPayloadBasedOnScheme(card: ShopperCard, checkoutResponse: SrciCheckoutResponse, environment: string): ClickToPayCheckoutPayload;
+declare function createCheckoutPayloadBasedOnScheme(card: ShopperCard, srciCheckoutResponse: SrciCheckoutResponse, environment: string): ClickToPayCheckoutPayload;
 /**
  * Creates the Shopper card list. The available cards are placed before the expired cards
  */

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

@@ -12,11 +12,6 @@ export interface CardElementProps extends UIElementProps {
      * Configuration specific to brands
      */
     brandsConfiguration?: CardBrandsConfiguration;
-    /**
-     * Flag indicating if merchant really intent to use Click to Pay
-     * Will be removed when we Click to Pay goes live
-     */
-    useClickToPay: boolean;
     /**
      * Configuration for Click to Pay
      */

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

@@ -27,6 +27,7 @@ export declare class DragonpayElement extends UIElement<DragonpayElementProps> {
         beforeSubmit?: (state: any, element: UIElement<any>, actions: any) => Promise<void>;
         onSubmit?: (state: any, element: UIElement<any>) => void;
         onComplete?: (state: any, element: UIElement<any>) => void;
+        onActionHandled?: (rtnObj: import("../types").ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: any, element: UIElement<any>) => void;
         onError?: (error: any, element?: UIElement<any>) => void;
         onPaymentCompleted?: (result: any, element: UIElement<any>) => void;

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

@@ -52,6 +52,7 @@ 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;
+        onActionHandled?: (rtnObj: import("../types").ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: any, element: UIElement<any>) => void;
         onError?: (error: any, element?: UIElement<any>) => void;
         onPaymentCompleted?: (result: any, element: UIElement<any>) => void;

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

@@ -19,6 +19,7 @@ declare class DuitNowElement extends QRLoaderContainer {
         beforeSubmit?: (state: any, element: import("../UIElement").UIElement<any>, actions: any) => Promise<void>;
         onSubmit?: (state: any, element: import("../UIElement").UIElement<any>) => void;
         onComplete?: (state: any, element: import("../UIElement").UIElement<any>) => void;
+        onActionHandled?: (rtnObj: import("../types").ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: any, element: import("../UIElement").UIElement<any>) => void;
         onError?: (error: any, element?: import("../UIElement").UIElement<any>) => void;
         onPaymentCompleted?: (result: any, element: import("../UIElement").UIElement<any>) => void;

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

@@ -10,5 +10,5 @@ interface EcontextInputProps {
     onSubmit?(state: any, component: any): void;
     [key: string]: any;
 }
-export default function EcontextInput({ personalDetailsRequired, data, onChange, showPayButton, payButton }: EcontextInputProps): h.JSX.Element;
+export default function EcontextInput({ personalDetailsRequired, data, onChange, showPayButton, payButton, ...props }: EcontextInputProps): h.JSX.Element;
 export {};

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

@@ -19,6 +19,7 @@ declare class PayNowElement extends QRLoaderContainer {
         beforeSubmit?: (state: any, element: import("../UIElement").UIElement<any>, actions: any) => Promise<void>;
         onSubmit?: (state: any, element: import("../UIElement").UIElement<any>) => void;
         onComplete?: (state: any, element: import("../UIElement").UIElement<any>) => void;
+        onActionHandled?: (rtnObj: import("../types").ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: any, element: import("../UIElement").UIElement<any>) => void;
         onError?: (error: any, element?: import("../UIElement").UIElement<any>) => void;
         onPaymentCompleted?: (result: any, element: import("../UIElement").UIElement<any>) => void;

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

@@ -1,6 +1,6 @@
 declare const INTEGRATION_DATE = "2020-02-01";
 declare const PAYPAL_JS_URL = "https://www.paypal.com/sdk/js";
-declare const ADYEN_CLIENTID_TEST = "AVzsPoGmjcm99YG02kq0iWL3KP3JedbMQJO2QUnVUc-t7aUzjkBWte7relkAC5SPUL50ovLGKmxfA674";
+declare const ADYEN_CLIENTID_TEST = "AXy9hIzWB6h_LjZUHjHmsbsiicSIbL4GKOrcgomEedVjduUinIU4C2llxkW5p0OG0zTNgviYFceaXEnj";
 declare const ADYEN_CLIENTID_LIVE = "AU0Z-TP9t5_9196agaBN6ZD3UAwypdP1IX8ZYH3PcNNAQMXUTDQlChruXqQEhyI6-NKBKowN6ydkj477";
 declare const SUPPORTED_COLORS_FOR_CREDIT: string[];
 declare const SUPPORTED_LOCALES: readonly ["en_US", "en_AU", "en_GB", "fr_CA", "es_ES", "it_IT", "fr_FR", "de_DE", "pt_BR", "zh_CN", "da_DK", "zh_HK", "id_ID", "he_IL", "ja_JP", "ko_KR", "nl_NL", "no_NO", "pl_PL", "pt_PT", "ru_RU", "sv_SE", "th_TH", "zh_TW"];

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

@@ -9,6 +9,7 @@ declare class PixElement extends QRLoaderContainer<PixProps> {
         paymentData: any;
         onError: () => void;
         onComplete: () => void;
+        onActionHandled: () => void;
         showPayButton: boolean;
         personalDetailsRequired: boolean;
         countdownTime: number;

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

@@ -19,6 +19,7 @@ declare class PromptPayElement extends QRLoaderContainer {
         beforeSubmit?: (state: any, element: import("../UIElement").UIElement<any>, actions: any) => Promise<void>;
         onSubmit?: (state: any, element: import("../UIElement").UIElement<any>) => void;
         onComplete?: (state: any, element: import("../UIElement").UIElement<any>) => void;
+        onActionHandled?: (rtnObj: import("../types").ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: any, element: import("../UIElement").UIElement<any>) => void;
         onError?: (error: any, element?: import("../UIElement").UIElement<any>) => void;
         onPaymentCompleted?: (result: any, element: import("../UIElement").UIElement<any>) => void;

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

@@ -19,6 +19,7 @@ declare class SwishElement extends QRLoaderContainer {
         beforeSubmit?: (state: any, element: import("../UIElement").UIElement<any>, actions: any) => Promise<void>;
         onSubmit?: (state: any, element: import("../UIElement").UIElement<any>) => void;
         onComplete?: (state: any, element: import("../UIElement").UIElement<any>) => void;
+        onActionHandled?: (rtnObj: import("../types").ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: any, element: import("../UIElement").UIElement<any>) => void;
         onError?: (error: any, element?: import("../UIElement").UIElement<any>) => void;
         onPaymentCompleted?: (result: any, element: import("../UIElement").UIElement<any>) => void;

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

@@ -2,6 +2,7 @@ import { h } from 'preact';
 import UIElement from '../UIElement';
 import { ErrorCodeObject } from './components/utils';
 import Language from '../../language';
+import { ActionHandledReturnObject } from '../types';
 export interface ThreeDS2ChallengeProps {
     token?: string;
     dataKey?: string;
@@ -14,6 +15,7 @@ export interface ThreeDS2ChallengeProps {
     loadingContext?: string;
     useOriginalFlow?: boolean;
     i18n?: Language;
+    onActionHandled: (rtnObj: ActionHandledReturnObject) => void;
 }
 declare class ThreeDS2Challenge extends UIElement<ThreeDS2ChallengeProps> {
     static type: string;

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

@@ -1,6 +1,7 @@
 import { h } from 'preact';
 import UIElement from '../UIElement';
 import { ErrorCodeObject } from './components/utils';
+import { ActionHandledReturnObject } from '../types';
 export interface ThreeDS2DeviceFingerprintProps {
     dataKey: string;
     token: string;
@@ -13,6 +14,7 @@ export interface ThreeDS2DeviceFingerprintProps {
     loadingContext?: string;
     clientKey?: string;
     elementRef?: UIElement;
+    onActionHandled: (rtnObj: ActionHandledReturnObject) => void;
 }
 declare class ThreeDS2DeviceFingerprint extends UIElement<ThreeDS2DeviceFingerprintProps> {
     static type: string;

package/dist/types/components/ThreeDS2/components/Challenge/PrepareChallenge3DS2.d.ts

@@ -6,11 +6,14 @@ declare class PrepareChallenge3DS2 extends Component<PrepareChallenge3DS2Props,
     static defaultProps: {
         onComplete: () => void;
         onError: () => void;
+        onActionHandled: () => void;
     };
     constructor(props: any);
     setStatusComplete(resultObj: any): void;
     setStatusError(errorInfoObj: any): void;
-    render(props: any, { challengeData }: {
+    render({ onActionHandled }: {
+        onActionHandled: any;
+    }, { challengeData }: {
         challengeData: any;
     }): h.JSX.Element;
 }

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

@@ -1,9 +1,11 @@
 import { ChallengeData, ThreeDS2FlowObject } from '../../types';
 import { ChallengeResolveData } from '../utils';
 import { ThreeDS2ChallengeProps } from '../../ThreeDS2Challenge';
+import { ActionHandledReturnObject } from '../../../types';
 export interface DoChallenge3DS2Props extends ChallengeData {
     onCompleteChallenge: (resolveObject: ThreeDS2FlowObject) => void;
     onErrorChallenge: (rejectObject: ThreeDS2FlowObject) => void;
+    onActionHandled: (rtnObj: ActionHandledReturnObject) => void;
 }
 export interface DoChallenge3DS2State {
     base64URLencodedData?: string;

package/dist/types/components/ThreeDS2/components/DeviceFingerprint/DoFingerprint3DS2.d.ts

@@ -19,8 +19,9 @@ declare class DoFingerprint3DS2 extends Component<DoFingerprint3DS2Props, DoFing
     get3DS2MethodPromise(): Promise<unknown>;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render({ threeDSMethodURL }: {
+    render({ threeDSMethodURL, onActionHandled }: {
         threeDSMethodURL: any;
+        onActionHandled: any;
     }, { base64URLencodedData }: {
         base64URLencodedData: any;
     }): h.JSX.Element;

package/dist/types/components/ThreeDS2/components/DeviceFingerprint/PrepareFingerprint3DS2.d.ts

@@ -9,10 +9,14 @@ declare class PrepareFingerprint3DS2 extends Component<PrepareFingerprint3DS2Pro
         onError: () => void;
         paymentData: string;
         showSpinner: boolean;
+        onActionHandled: () => void;
     };
     componentDidMount(): void;
     setStatusComplete(resultObj: ResultObject): void;
-    render(props: any, { fingerPrintData }: {
+    render({ showSpinner, onActionHandled }: {
+        showSpinner: any;
+        onActionHandled: any;
+    }, { fingerPrintData }: {
         fingerPrintData: any;
     }): h.JSX.Element;
 }

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

@@ -1,10 +1,12 @@
 import { ThreeDS2FlowObject, FingerPrintData } from '../../types';
 import { ThreeDS2DeviceFingerprintProps } from '../../ThreeDS2DeviceFingerprint';
 import { FingerprintResolveData } from '../utils';
+import { ActionHandledReturnObject } from '../../../types';
 export interface DoFingerprint3DS2Props extends FingerPrintData {
     onCompleteFingerprint: (resolveObject: ThreeDS2FlowObject) => void;
     onErrorFingerprint: (rejectObject: ThreeDS2FlowObject) => void;
     showSpinner: boolean;
+    onActionHandled: (rtnObj: ActionHandledReturnObject) => void;
 }
 export interface DoFingerprint3DS2State {
     base64URLencodedData: string;

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

@@ -42,6 +42,7 @@ export declare class UIElement<P extends UIElementProps = any> extends BaseEleme
      * @param options - CoreOptions
      */
     updateParent(options?: CoreOptions): Promise<Core>;
+    setComponentRef: (ref: any) => void;
     /**
      * Get the current validation status of the element
      */

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

@@ -19,6 +19,7 @@ declare class WeChatPayElement extends QRLoaderContainer {
         beforeSubmit?: (state: any, element: import("../UIElement").UIElement<any>, actions: any) => Promise<void>;
         onSubmit?: (state: any, element: import("../UIElement").UIElement<any>) => void;
         onComplete?: (state: any, element: import("../UIElement").UIElement<any>) => void;
+        onActionHandled?: (rtnObj: import("../types").ActionHandledReturnObject) => void;
         onAdditionalDetails?: (state: any, element: import("../UIElement").UIElement<any>) => void;
         onError?: (error: any, element?: import("../UIElement").UIElement<any>) => void;
         onPaymentCompleted?: (result: any, element: import("../UIElement").UIElement<any>) => void;

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

@@ -27,6 +27,7 @@ declare class QRLoaderContainer<T extends QRLoaderContainerProps = QRLoaderConta
         paymentData: any;
         onError: () => void;
         onComplete: () => void;
+        onActionHandled: () => void;
     };
     formatData(): {
         paymentMethod: any;

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

@@ -18,6 +18,9 @@ export interface AddressProps {
     visibility?: string;
     overrideSchema?: AddressSpecifications;
     iOSFocusedField?: string;
+    payButton?: (obj: any) => {};
+    showPayButton?: boolean;
+    setComponentRef?: (ref: any) => void;
 }
 export interface AddressStateError {
     street?: ValidationRuleResult;

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

@@ -7,6 +7,7 @@ declare namespace Await {
         countdownTime: number;
         onError: () => void;
         onComplete: () => void;
+        onActionHandled: () => void;
         delay: number;
         throttleTime: number;
         throttleInterval: number;

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

@@ -1,3 +1,4 @@
+import { ActionHandledReturnObject } from '../../types';
 interface StatusObjectProps {
     payload: string;
     resultCode: string;
@@ -25,5 +26,6 @@ export interface AwaitComponentProps {
     messageText: string;
     awaitText: string;
     ref: any;
+    onActionHandled: (rtnObj: ActionHandledReturnObject) => void;
 }
 export {};

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/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

@@ -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

@@ -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,5 +1,6 @@
 import { PaymentAmount } from '../../../types';
 import Language from '../../../language/Language';
+import { ActionHandledReturnObject } from '../../types';
 export interface QRLoaderProps {
     delay?: number;
     countdownTime?: number;
@@ -22,6 +23,7 @@ export interface QRLoaderProps {
     introduction?: string;
     instructions?: string;
     copyBtn?: boolean;
+    onActionHandled?: (rtnObj: ActionHandledReturnObject) => void;
 }
 export interface QRLoaderState {
     buttonStatus: string;

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

@@ -72,7 +72,12 @@ export interface IUIElement {
     setState(newState: object): void;
 }
 export declare type UIElementStatus = 'ready' | 'loading' | 'error' | 'success';
+export declare type ActionDescriptionType = 'qr-code-loaded' | 'polling-started' | 'fingerprint-iframe-loaded' | 'challenge-iframe-loaded';
 export declare 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/package.json

@@ -23,7 +23,7 @@
         "./dist/adyen.css": "./dist/adyen.css",
         "./package.json": "./package.json"
     },
-    "version": "5.32.0",
+    "version": "5.33.0",
     "license": "MIT",
     "homepage": "https://docs.adyen.com/checkout",
     "repository": "github:Adyen/adyen-web",
@@ -63,10 +63,10 @@
         "@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",
+        "@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.2.6",
         "@typescript-eslint/eslint-plugin": "^5.37.0",
         "@typescript-eslint/parser": "^5.39.0",
@@ -77,7 +77,7 @@
         "dotenv": "^16.0.3",
         "enzyme": "3.11.0",
         "enzyme-adapter-preact-pure": "4.1.0",
-        "eslint": "8.30.0",
+        "eslint": "8.31.0",
         "eslint-plugin-import": "^2.26.0",
         "eslint-plugin-jsx-a11y": "^6.6.1",
         "eslint-plugin-react": "^7.31.8",