@adyen/adyen-web 5.59.0 → 5.61.0

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

@@ -133,10 +133,14 @@ interface PayPalCommonProps {
         reject: (reason?: string) => Promise<void>;
     }) => Promise<void>;
     /**
-     *  Identifies if the payment is Express.
+     *  Identifies if the payment is Express. Also used for analytics.
      *  @defaultValue false
      */
     isExpress?: boolean;
+    /**
+     * Used for analytics
+     */
+    expressPage?: 'cart' | 'minicart' | 'pdp' | 'checkout';
 }
 export interface PayPalConfig {
     /**

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

@@ -31,6 +31,7 @@ declare class PromptPayElement extends QRLoaderContainer {
         icon?: string;
         amount?: import("../../types").PaymentAmount;
         secondaryAmount?: import("../../types").PaymentAmountExtended;
+        brand?: string;
         showPayButton?: boolean;
         setStatusAutomatically?: boolean;
         payButton?: (options: import("../types").PayButtonFunctionProps) => import("preact").JSX.Element;
@@ -44,7 +45,7 @@ declare class PromptPayElement extends QRLoaderContainer {
         order?: import("../../types").Order;
         modules?: {
             srPanel?: import("../../core/Errors/SRPanel").SRPanel;
-            analytics?: import("../../core/Analytics/Analytics").default;
+            analytics?: import("../types").AnalyticsModule;
             resources?: import("../../core/Context/Resources").Resources;
             risk?: import("../../core/RiskModule").default;
         };

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

@@ -42,6 +42,7 @@ export default class Riverty extends OpenInvoiceContainer {
         icon?: string;
         amount?: import("../../types").PaymentAmount;
         secondaryAmount?: import("../../types").PaymentAmountExtended;
+        brand?: string;
         setStatusAutomatically?: boolean;
         loadingContext?: string;
         createFromAction?: (action: import("../../types").PaymentAction, props: object) => import("../UIElement").UIElement<any>;
@@ -53,7 +54,7 @@ export default class Riverty extends OpenInvoiceContainer {
         order?: import("../../types").Order;
         modules?: {
             srPanel?: import("../../core/Errors/SRPanel").SRPanel;
-            analytics?: import("../../core/Analytics/Analytics").default;
+            analytics?: import("../types").AnalyticsModule;
             resources?: import("../../core/Context/Resources").Resources;
             risk?: import("../../core/RiskModule").default;
         };

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

@@ -25,6 +25,7 @@ export declare class SecuredFieldsElement extends UIElement {
     onBinValue: (callbackObj: import("../internal/SecuredFields/lib/types").CbObjOnBinValue) => void;
     get isValid(): boolean;
     get browserInfo(): import("../../types").BrowserInfo;
+    private onFocus;
     render(): h.JSX.Element;
 }
 export default SecuredFieldsElement;

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

@@ -31,6 +31,7 @@ declare class SwishElement extends QRLoaderContainer {
         icon?: string;
         amount?: import("../../types").PaymentAmount;
         secondaryAmount?: import("../../types").PaymentAmountExtended;
+        brand?: string;
         showPayButton?: boolean;
         setStatusAutomatically?: boolean;
         payButton?: (options: import("../types").PayButtonFunctionProps) => import("preact").JSX.Element;
@@ -44,7 +45,7 @@ declare class SwishElement extends QRLoaderContainer {
         order?: import("../../types").Order;
         modules?: {
             srPanel?: import("../../core/Errors/SRPanel").SRPanel;
-            analytics?: import("../../core/Analytics/Analytics").default;
+            analytics?: import("../types").AnalyticsModule;
             resources?: import("../../core/Context/Resources").Resources;
             risk?: import("../../core/RiskModule").default;
         };

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

@@ -2,7 +2,8 @@ import { h } from 'preact';
 import UIElement from '../UIElement';
 import { ErrorCodeObject } from './components/utils';
 import Language from '../../language';
-import { ActionHandledReturnObject } from '../types';
+import { ActionHandledReturnObject, AnalyticsModule } from '../types';
+import { SendAnalyticsObject } from '../../core/Analytics/types';
 export interface ThreeDS2ChallengeProps {
     token?: string;
     dataKey?: string;
@@ -16,6 +17,9 @@ export interface ThreeDS2ChallengeProps {
     useOriginalFlow?: boolean;
     i18n?: Language;
     onActionHandled: (rtnObj: ActionHandledReturnObject) => void;
+    modules?: {
+        analytics: AnalyticsModule;
+    };
 }
 declare class ThreeDS2Challenge extends UIElement<ThreeDS2ChallengeProps> {
     static type: string;
@@ -24,6 +28,7 @@ declare class ThreeDS2Challenge extends UIElement<ThreeDS2ChallengeProps> {
         size: string;
         type: string;
     };
+    protected submitAnalytics: (aObj: SendAnalyticsObject) => void;
     onComplete(state: any): void;
     render(): h.JSX.Element;
 }

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

@@ -1,20 +1,24 @@
 import { h } from 'preact';
 import UIElement from '../UIElement';
 import { ErrorCodeObject } from './components/utils';
-import { ActionHandledReturnObject } from '../types';
+import { ActionHandledReturnObject, AnalyticsModule } from '../types';
+import { SendAnalyticsObject } from '../../core/Analytics/types';
 export interface ThreeDS2DeviceFingerprintProps {
-    dataKey: string;
-    token: string;
-    notificationURL: string;
-    onError: (error?: string | ErrorCodeObject) => void;
-    paymentData: string;
+    dataKey?: string;
+    token?: string;
+    notificationURL?: string;
+    onError?: (error?: string | ErrorCodeObject) => void;
+    paymentData?: string;
     showSpinner: boolean;
-    type: string;
+    type?: string;
     useOriginalFlow?: boolean;
     loadingContext?: string;
     clientKey?: string;
     elementRef?: UIElement;
     onActionHandled: (rtnObj: ActionHandledReturnObject) => void;
+    modules?: {
+        analytics: AnalyticsModule;
+    };
 }
 declare class ThreeDS2DeviceFingerprint extends UIElement<ThreeDS2DeviceFingerprintProps> {
     static type: string;
@@ -23,6 +27,7 @@ declare class ThreeDS2DeviceFingerprint extends UIElement<ThreeDS2DeviceFingerpr
         type: string;
     };
     private callSubmit3DS2Fingerprint;
+    protected submitAnalytics: (aObj: SendAnalyticsObject) => void;
     onComplete(state: any): void;
     render(): h.JSX.Element;
 }

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

@@ -8,10 +8,11 @@ declare class DoChallenge3DS2 extends Component<DoChallenge3DS2Props, DoChalleng
     private get3DS2ChallengePromise;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render({ acsURL, cReqData, iframeSizeArr }: {
+    render({ acsURL, cReqData, iframeSizeArr, onFormSubmit }: {
         acsURL: any;
         cReqData: any;
         iframeSizeArr: any;
+        onFormSubmit: any;
     }, { base64URLencodedData, status }: {
         base64URLencodedData: any;
         status: any;

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

@@ -2,6 +2,7 @@ import { Component, h } from 'preact';
 import { PrepareChallenge3DS2Props, PrepareChallenge3DS2State } from './types';
 import '../../ThreeDS2.scss';
 import './challenge.scss';
+import { ActionHandledReturnObject } from '../../../types';
 declare class PrepareChallenge3DS2 extends Component<PrepareChallenge3DS2Props, PrepareChallenge3DS2State> {
     static defaultProps: {
         onComplete: () => void;
@@ -9,11 +10,11 @@ declare class PrepareChallenge3DS2 extends Component<PrepareChallenge3DS2Props,
         onActionHandled: () => void;
     };
     constructor(props: any);
+    onActionHandled: (rtnObj: ActionHandledReturnObject) => void;
+    onFormSubmit: (msg: string) => void;
     setStatusComplete(resultObj: any): void;
     setStatusError(errorInfoObj: any): void;
-    render({ onActionHandled }: {
-        onActionHandled: any;
-    }, { challengeData }: {
+    render(_: any, { challengeData }: {
         challengeData: any;
     }): h.JSX.Element;
 }

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

@@ -2,10 +2,12 @@ import { ChallengeData, ThreeDS2FlowObject } from '../../types';
 import { ChallengeResolveData } from '../utils';
 import { ThreeDS2ChallengeProps } from '../../ThreeDS2Challenge';
 import { ActionHandledReturnObject } from '../../../types';
+import { SendAnalyticsObject } from '../../../../core/Analytics/types';
 export interface DoChallenge3DS2Props extends ChallengeData {
     onCompleteChallenge: (resolveObject: ThreeDS2FlowObject) => void;
     onErrorChallenge: (rejectObject: ThreeDS2FlowObject) => void;
     onActionHandled: (rtnObj: ActionHandledReturnObject) => void;
+    onFormSubmit: (msg: string) => void;
 }
 export interface DoChallenge3DS2State {
     base64URLencodedData?: string;
@@ -13,6 +15,7 @@ export interface DoChallenge3DS2State {
 }
 export interface PrepareChallenge3DS2Props extends ThreeDS2ChallengeProps {
     onComplete?: (data: ChallengeResolveData) => void;
+    onSubmitAnalytics: (aObj: SendAnalyticsObject) => void;
 }
 export interface PrepareChallenge3DS2State {
     challengeData?: ChallengeData;

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

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

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

@@ -1,9 +1,9 @@
 import { Component, h } from 'preact';
 import { PrepareFingerprint3DS2Props, PrepareFingerprint3DS2State } from './types';
 import { ResultObject } from '../../types';
+import { ActionHandledReturnObject } from '../../../types';
 declare class PrepareFingerprint3DS2 extends Component<PrepareFingerprint3DS2Props, PrepareFingerprint3DS2State> {
     static type: string;
-    constructor(props: any);
     static defaultProps: {
         onComplete: () => void;
         onError: () => void;
@@ -11,12 +11,15 @@ declare class PrepareFingerprint3DS2 extends Component<PrepareFingerprint3DS2Pro
         showSpinner: boolean;
         onActionHandled: () => void;
     };
+    constructor(props: any);
+    onActionHandled: (rtnObj: ActionHandledReturnObject) => void;
+    onFormSubmit: (msg: string) => void;
     componentDidMount(): void;
     setStatusComplete(resultObj: ResultObject): void;
-    render({ showSpinner, onActionHandled }: {
+    render({ showSpinner }: {
         showSpinner: any;
-        onActionHandled: any;
-    }, { fingerPrintData }: {
+    }, { status, fingerPrintData }: {
+        status: any;
         fingerPrintData: any;
     }): h.JSX.Element;
 }

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

@@ -2,19 +2,24 @@ import { ThreeDS2FlowObject, FingerPrintData } from '../../types';
 import { ThreeDS2DeviceFingerprintProps } from '../../ThreeDS2DeviceFingerprint';
 import { FingerprintResolveData } from '../utils';
 import { ActionHandledReturnObject } from '../../../types';
+import { SendAnalyticsObject } from '../../../../core/Analytics/types';
+import { ErrorObject } from '../../../../core/Errors/types';
 export interface DoFingerprint3DS2Props extends FingerPrintData {
     onCompleteFingerprint: (resolveObject: ThreeDS2FlowObject) => void;
     onErrorFingerprint: (rejectObject: ThreeDS2FlowObject) => void;
     showSpinner: boolean;
     onActionHandled: (rtnObj: ActionHandledReturnObject) => void;
+    onFormSubmit: (msg: string) => void;
 }
 export interface DoFingerprint3DS2State {
     base64URLencodedData: string;
 }
 export interface PrepareFingerprint3DS2Props extends ThreeDS2DeviceFingerprintProps {
     onComplete: (data: FingerprintResolveData) => void;
+    onSubmitAnalytics: (aObj: SendAnalyticsObject) => void;
+    isMDFlow: boolean;
 }
 export interface PrepareFingerprint3DS2State {
     status?: string;
-    fingerPrintData?: FingerPrintData;
+    fingerPrintData?: FingerPrintData | ErrorObject;
 }

package/dist/types/components/ThreeDS2/components/Form/ThreeDS2Form.d.ts

@@ -5,6 +5,7 @@ interface ThreeDS2FormProps {
     target: string;
     inputName: string;
     inputValue: string;
+    onFormSubmit: (msg: string) => void;
 }
 export default class ThreeDS2Form extends Component<ThreeDS2FormProps> {
     protected formEl: any;

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

@@ -1,4 +1,5 @@
 import { ChallengeData, ThreeDS2Token, FingerPrintData, ResultObject } from '../types';
+import { ErrorObject } from '../../../core/Errors/types';
 export interface FingerprintResolveData {
     data: {
         [key: string]: string;
@@ -16,7 +17,12 @@ export interface ErrorCodeObject {
     errorCode: string;
     message: string;
 }
-export declare const decodeAndParseToken: (token: string) => ThreeDS2Token;
+/**
+ * Check if we have been passed an ErrorObject because either base64 decoding or JSON.parse failed
+ * @param obj -
+ */
+export declare const isErrorObject: (obj: ErrorObject | ThreeDS2Token) => boolean;
+export declare const decodeAndParseToken: (token: string) => ThreeDS2Token | ErrorObject;
 /**
  * Performs JSON.stringify on passed object & and base64 encodes result
  * @param obj -
@@ -45,7 +51,7 @@ export declare const getChallengeWindowSize: (sizeStr: string) => string[];
 export declare const prepareChallengeData: ({ token, size }: {
     token: any;
     size: any;
-}) => ChallengeData;
+}) => ChallengeData | ErrorObject;
 /**
  *  prepareFingerPrintData
  *
@@ -62,7 +68,7 @@ export declare const prepareChallengeData: ({ token, size }: {
 export declare const prepareFingerPrintData: ({ token, notificationURL }: {
     token: any;
     notificationURL: any;
-}) => FingerPrintData;
+}) => FingerPrintData | ErrorObject;
 export declare const createFingerprintResolveData: (dataKey: string, resultObj: ResultObject, paymentData: string) => FingerprintResolveData;
 export declare const createOldFingerprintResolveData: (dataKey: string, resultObj: ResultObject, paymentData: string) => any;
 export declare const createChallengeResolveData: (dataKey: string, transStatus: string, authorisationToken: string) => ChallengeResolveData;

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

@@ -1,4 +1,13 @@
 import { ThreeDS2FlowObject } from './types';
+export declare const THREEDS2_FINGERPRINT = "threeDS2Fingerprint";
+export declare const THREEDS2_FINGERPRINT_ERROR = "3DS2Fingerprint_Error";
+export declare const THREEDS2_FINGERPRINT_SUBMIT = "callSubmit3DS2Fingerprint_Response";
+export declare const THREEDS2_CHALLENGE = "threeDS2Challenge";
+export declare const THREEDS2_CHALLENGE_ERROR = "3DS2Challenge_Error";
+export declare const THREEDS2_ERROR = "threeDS2Error";
+export declare const THREEDS2_FULL = "threeDS2";
+export declare const THREEDS2_NUM = "3DS2";
+export declare const MISSING_TOKEN_IN_ACTION_MSG = "Missing \"token\" property from threeDS2 action";
 export declare const DEFAULT_CHALLENGE_WINDOW_SIZE = "02";
 export declare const THREEDS_METHOD_TIMEOUT = 10000;
 export declare const CHALLENGE_TIMEOUT = 600000;

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

@@ -1,3 +1,4 @@
+import { ANALYTICS_EVENT, AnalyticsObject } from '../../core/Analytics/types';
 /**
  * See
  * https://docs.adyen.com/checkout/3d-secure/api-reference#threeds2result
@@ -67,4 +68,7 @@ type CheckoutThreeDS2Action = {
     subtype: string;
     authorisationToken: string;
 };
+export type ThreeDS2AnalyticsObject = Pick<AnalyticsObject, 'code' | 'errorType' | 'message' | 'type' | 'metadata'> & {
+    event: ANALYTICS_EVENT;
+};
 export {};

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

@@ -7,12 +7,23 @@ import AdyenCheckoutError from '../core/Errors/AdyenCheckoutError';
 import { UIElementStatus } from './types';
 import { CoreOptions } from '../core/types';
 import Core from '../core';
+import { AnalyticsInitialEvent, SendAnalyticsObject } from '../core/Analytics/types';
 export declare class UIElement<P extends UIElementProps = any> extends BaseElement<P> implements IUIElement {
     protected componentRef: any;
     elementRef: UIElement;
     constructor(props: P);
     setState(newState: object): void;
     protected onChange(): object;
+    protected setUpAnalytics(setUpAnalyticsObj: AnalyticsInitialEvent): Promise<any>;
+    /**
+     * A function for all UIElements, or BaseElement, to use to create an analytics action for when it's been:
+     *  - mounted,
+     *  - a PM has been selected
+     *  - onSubmit has been called (as a result of the pay button being pressed)
+     *
+     *  In some other cases e.g. 3DS2 components, this function is overridden to allow more specific analytics actions to be created
+     */
+    protected submitAnalytics(analyticsObj: SendAnalyticsObject): void;
     private onSubmit;
     private onValid;
     onComplete(state: any): void;

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

@@ -1,6 +1,7 @@
 import QRLoaderContainer from '../helpers/QRLoaderContainer';
 declare class WeChatPayElement extends QRLoaderContainer {
     static type: string;
+    static analyticsType: string;
     formatProps(props: any): {
         delay: number;
         countdownTime: number;
@@ -31,6 +32,7 @@ declare class WeChatPayElement extends QRLoaderContainer {
         icon?: string;
         amount?: import("../../types").PaymentAmount;
         secondaryAmount?: import("../../types").PaymentAmountExtended;
+        brand?: string;
         showPayButton?: boolean;
         setStatusAutomatically?: boolean;
         payButton?: (options: import("../types").PayButtonFunctionProps) => import("preact").JSX.Element;
@@ -44,7 +46,7 @@ declare class WeChatPayElement extends QRLoaderContainer {
         order?: import("../../types").Order;
         modules?: {
             srPanel?: import("../../core/Errors/SRPanel").SRPanel;
-            analytics?: import("../../core/Analytics/Analytics").default;
+            analytics?: import("../types").AnalyticsModule;
             resources?: import("../../core/Context/Resources").Resources;
             risk?: import("../../core/RiskModule").default;
         };

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

@@ -10,6 +10,8 @@ declare namespace Address {
         visibility: string;
         requiredFields: readonly ["street", "houseNumberOrName", "postalCode", "city", "stateOrProvince", "country", "firstName", "lastName"];
         specifications: {};
+        onFieldFocusAnalytics: () => void;
+        onFieldBlurAnalytics: () => void;
     };
 }
 export default Address;

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

@@ -50,7 +50,6 @@ declare class Specifications {
      * Returns an array with the address schema of the selected country or the default address schema
      * Flat version of getAddressSchemaForCountry
      * @param country - The selected country
-     * @param mode - Address schema mode, can be 'full', 'partial' or 'none'
      * @returns Array
      */
     getAddressSchemaForCountryFlat(country: string): AddressField[];

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

@@ -3,6 +3,7 @@ import Specifications from './Specifications';
 import { ValidatorRules } from '../../../utils/Validator/types';
 import { ValidationRuleResult } from '../../../utils/Validator/ValidationRuleResult';
 import { OnAddressLookupType, OnAddressSelectedType } from './components/AddressSearch';
+import { SelectTargetObject } from '../FormFields/Select/types';
 export type StringObject = {
     [key: string]: string;
 };
@@ -25,6 +26,8 @@ export interface AddressProps {
     payButton?: (obj: any) => {};
     showPayButton?: boolean;
     setComponentRef?: (ref: any) => void;
+    onFieldFocusAnalytics?: (who: string, event: Event) => void;
+    onFieldBlurAnalytics?: (who: string, event: Event) => void;
 }
 export interface AddressLookupItem extends AddressData {
     id: string;
@@ -49,16 +52,15 @@ export interface FieldContainerProps {
     onInput?: (e: Event) => void;
     onBlur?: (e: Event) => void;
     onDropdownChange: (e: {
-        target: {
-            value: string | number;
-            name: string;
-        };
+        target: SelectTargetObject;
     }) => void;
     readOnly?: boolean;
     specifications: Specifications;
     maxLength?: number;
     trimOnBlur?: boolean;
     disabled?: boolean;
+    onFieldFocusAnalytics?: (who: string, event: Event) => void;
+    onFieldBlurAnalytics?: (who: string, event: Event) => void;
 }
 export interface ReadOnlyAddressProps {
     data: AddressData;
@@ -70,10 +72,7 @@ export interface CountryFieldProps {
     label: string;
     errorMessage: boolean | string;
     onDropdownChange: (e: {
-        target: {
-            value: string | number;
-            name: string;
-        };
+        target: SelectTargetObject;
     }) => void;
     readOnly?: boolean;
     value: string;
@@ -87,10 +86,7 @@ export interface StateFieldProps {
     label: string;
     errorMessage: boolean | string;
     onDropdownChange: (e: {
-        target: {
-            value: string | number;
-            name: string;
-        };
+        target: SelectTargetObject;
     }) => void;
     readOnly?: boolean;
     selectedCountry: string;

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

@@ -1,10 +1,8 @@
 import Language from '../../../language';
 import { StringObject } from './types';
-export declare const DEFAULT_DEBOUNCE_TIME_MS = 300;
 /**
  * Used by the SRPanel sorting function to tell it whether we need to prepend the field type to the SR panel message, and, if so, we retrieve the correct translation for the field type.
  * (Whether we need to prepend the field type depends on whether we know that the error message correctly reflects the label of the field. Ultimately all error messages should do this
  * and this mapping fn will become redundant)
  */
 export declare const mapFieldKey: (key: string, i18n: Language, countrySpecificLabels: StringObject) => string;
-export declare const debounce: (fn: Function, ms?: number) => (this: any, ...args: any[]) => void;

package/dist/types/components/internal/FormFields/Select/Select.d.ts

@@ -1,7 +1,7 @@
 import { h } from 'preact';
 import { SelectProps } from './types';
 import './Select.scss';
-declare function Select({ items, className, classNameModifiers, filterable, readonly, onChange, onInput, selectedValue, name, isInvalid, isValid, placeholder, uniqueId, disabled, disableTextFilter, clearOnSelect, blurOnClose }: SelectProps): h.JSX.Element;
+declare function Select({ items, className, classNameModifiers, filterable, readonly, onChange, onInput, selectedValue, name, isInvalid, isValid, placeholder, uniqueId, disabled, disableTextFilter, clearOnSelect, blurOnClose, onListToggle }: SelectProps): h.JSX.Element;
 declare namespace Select {
     var defaultProps: {
         className: string;

package/dist/types/components/internal/FormFields/Select/components/SelectButton.d.ts

@@ -1,4 +1,4 @@
 import { h } from 'preact';
 import { SelectButtonProps } from '../types';
-declare function SelectButton(props: SelectButtonProps): h.JSX.Element;
+declare function SelectButton(props: Readonly<SelectButtonProps>): h.JSX.Element;
 export default SelectButton;

package/dist/types/components/internal/FormFields/Select/types.d.ts

@@ -7,6 +7,10 @@ export interface SelectItem {
     secondaryText?: string;
     selectedOptionName?: string;
 }
+export interface SelectTargetObject {
+    value?: string | number;
+    name?: string;
+}
 export interface SelectProps {
     className: string;
     classNameModifiers: string[];
@@ -16,10 +20,7 @@ export interface SelectProps {
     items: SelectItem[];
     name?: string;
     onChange: (e: {
-        target: {
-            value: string | number;
-            name: string;
-        };
+        target: SelectTargetObject;
     } | Partial<h.JSX.TargetedKeyboardEvent<HTMLInputElement>>) => void;
     onInput?: (value: string) => void;
     placeholder?: string;
@@ -30,6 +31,7 @@ export interface SelectProps {
     disableTextFilter?: boolean;
     clearOnSelect?: boolean;
     blurOnClose?: boolean;
+    onListToggle?: (isOpen: boolean) => void;
 }
 export interface SelectButtonProps {
     inputText: string;

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

@@ -1,5 +1,6 @@
 import { PayButtonProps } from '../PayButton/PayButton';
 import { ComponentChildren } from 'preact';
+import { SendAnalyticsObject } from '../../../core/Analytics/types';
 export interface IssuerListProps {
     items: IssuerItem[];
     showPayButton: boolean;
@@ -9,6 +10,7 @@ export interface IssuerListProps {
     placeholder?: string;
     issuer?: string;
     termsAndConditions?: TermsAndConditions;
+    onSubmitAnalytics: (aObj: SendAnalyticsObject) => void;
 }
 export interface IssuerItem {
     id: string;

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

@@ -2,6 +2,7 @@ import { PaymentAmount } from '../../../types';
 import Language from '../../../language/Language';
 import { ActionHandledReturnObject } from '../../types';
 import { h } from 'preact';
+import { SendAnalyticsObject } from '../../../core/Analytics/types';
 export interface QRLoaderProps {
     delay?: number;
     countdownTime?: number;
@@ -28,6 +29,7 @@ export interface QRLoaderProps {
     instructions?: string | (() => h.JSX.Element);
     copyBtn?: boolean;
     onActionHandled?: (rtnObj: ActionHandledReturnObject) => void;
+    onSubmitAnalytics?: (aObj: SendAnalyticsObject) => void;
 }
 export interface QRLoaderState {
     buttonStatus: string;

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

@@ -1,4 +1,5 @@
 import { CVCPolicyType, DatePolicyType } from '../types';
+export declare const ENCRYPTED = "encrypted";
 export declare const ENCRYPTED_CARD_NUMBER = "encryptedCardNumber";
 export declare const ENCRYPTED_EXPIRY_DATE = "encryptedExpiryDate";
 export declare const ENCRYPTED_EXPIRY_MONTH = "encryptedExpiryMonth";
@@ -11,7 +12,7 @@ export declare const ENCRYPTED_BANK_LOCATION_FIELD = "encryptedBankLocationId";
 export declare const ENCRYPTED_SECURITY_CODE_3_DIGITS = "encryptedSecurityCode3digits";
 export declare const ENCRYPTED_SECURITY_CODE_4_DIGITS = "encryptedSecurityCode4digits";
 export declare const GIFT_CARD = "giftcard";
-export declare const SF_VERSION = "4.8.0";
+export declare const SF_VERSION = "4.8.2";
 export declare const DEFAULT_CARD_GROUP_TYPES: string[];
 export declare const NON_CREDIT_CARD_TYPE_SECURED_FIELDS: string[];
 export declare const CREDIT_CARD_SF_FIELDS: string[];

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

@@ -11,20 +11,10 @@ export declare const resolvePlaceholders: (i18n?: Language) => SFPlaceholdersObj
  */
 export declare const getCardImageUrl: (brand: any, resources: Resources) => string;
 /**
- * Checks if `prop` is classified as an `Array` primitive or object.
- * @internal
- * @param prop - The value to check.
- * @returns Returns `true` if `prop` is correctly classified, else `false`.
- * @example
- * ```
- * isArray([1, 2, 3]);
- * // => true
- *
- * isArray(1);
- * // => false
- * ```
+ * Used by Card.tsx & SecuredFields.tsx
+ * @param fieldType -
  */
-export declare function isArray(prop: any): boolean;
+export declare const fieldTypeToSnakeCase: (fieldType: string) => any;
 /**
  * 'Destructures' properties from object - returns a new object only containing those properties that were asked for (including if those properties
  * have values that are falsy: null, undefined, false, '').

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

@@ -1,5 +1,5 @@
 import { h } from 'preact';
-export default function ({ onBlur, onInput, valid, error, data, required, disabled }: {
+export default function ({ onBlur, onInput, valid, error, data, required, disabled, onFieldFocusAnalytics, onFieldBlurAnalytics }: {
     onBlur: any;
     onInput: any;
     valid?: boolean;
@@ -7,4 +7,6 @@ export default function ({ onBlur, onInput, valid, error, data, required, disabl
     data?: string;
     required?: boolean;
     disabled?: boolean;
+    onFieldFocusAnalytics?: any;
+    onFieldBlurAnalytics?: any;
 }): h.JSX.Element;