@adyen/adyen-web 5.59.0 → 5.61.0

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

@@ -28,6 +28,7 @@ export declare class AchElement extends UIElement<AchElementProps> {
         icon?: string;
         amount?: import("../../types").PaymentAmount;
         secondaryAmount?: import("../../types").PaymentAmountExtended;
+        brand?: string;
         showPayButton?: boolean;
         setStatusAutomatically?: boolean;
         payButton?: (options: import("../types").PayButtonFunctionProps) => h.JSX.Element;
@@ -41,7 +42,7 @@ export declare class AchElement extends UIElement<AchElementProps> {
         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/AmazonPay/AmazonPay.d.ts

@@ -2,9 +2,11 @@ import { h } from 'preact';
 import UIElement from '../UIElement';
 import { AmazonPayElementData, AmazonPayElementProps } from './types';
 import './AmazonPay.scss';
+import { SendAnalyticsObject } from '../../core/Analytics/types';
 export declare class AmazonPayElement extends UIElement<AmazonPayElementProps> {
     static type: string;
     protected static defaultProps: Partial<AmazonPayElementProps>;
+    protected submitAnalytics(analyticsObj: SendAnalyticsObject): void;
     formatProps(props: any): any;
     /**
      * Formats the component data output

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

@@ -63,6 +63,15 @@ export interface AmazonPayElementProps extends UIElementProps {
     onClick: (resolve: any, reject: any) => Promise<void>;
     onError: (error: any, component: any) => void;
     onSignOut: (resolve: any, reject: any) => Promise<void>;
+    /**
+     * Used for analytics
+     */
+    expressPage?: 'cart' | 'minicart' | 'pdp' | 'checkout';
+    /**
+     * Used for analytics
+     * @defaultValue false
+     */
+    isExpress?: boolean;
 }
 export interface AmazonPayComponentProps extends AmazonPayElementProps {
     ref: any;

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

@@ -1,6 +1,7 @@
 import { h } from 'preact';
 import UIElement from '../UIElement';
 import { ApplePayElementProps, ApplePayElementData } from './types';
+import { SendAnalyticsObject } from '../../core/Analytics/types';
 declare class ApplePayElement extends UIElement<ApplePayElementProps> {
     protected static type: string;
     protected static defaultProps: {
@@ -16,6 +17,7 @@ declare class ApplePayElement extends UIElement<ApplePayElementProps> {
             merchantId: string;
         };
         initiative: string;
+        isExpress: boolean;
         lineItems: any;
         merchantCapabilities: string[];
         shippingMethods: any;
@@ -37,6 +39,7 @@ declare class ApplePayElement extends UIElement<ApplePayElementProps> {
         showPayButton: boolean;
     };
     constructor(props: any);
+    protected submitAnalytics(analyticsObj: SendAnalyticsObject): void;
     /**
      * Formats the component props
      */

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

@@ -14,6 +14,7 @@ declare const defaultProps: {
         merchantId: string;
     };
     initiative: string;
+    isExpress: boolean;
     /**
      * https://developer.apple.com/documentation/apple_pay_on_the_web/applepaypaymentrequest/1916120-lineitems
      * A set of line items that explain recurring payments and additional charges and discounts.

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

@@ -9,6 +9,15 @@ type Initiative = 'web' | 'messaging';
 export type ApplePayButtonType = 'plain' | 'buy' | 'donate' | 'check-out' | 'book' | 'subscribe' | 'add-money' | 'contribute' | 'order' | 'reload' | 'rent' | 'support' | 'tip' | 'top-up';
 export type OnAuthorizedCallback = (resolve: (result?: ApplePayJS.ApplePayPaymentAuthorizationResult) => void, reject: (result?: ApplePayJS.ApplePayPaymentAuthorizationResult) => void, event: ApplePayJS.ApplePayPaymentAuthorizedEvent) => void;
 export interface ApplePayElementProps extends UIElementProps {
+    /**
+     * Used for analytics
+     * @defaultValue false
+     */
+    isExpress?: boolean;
+    /**
+     * Used for analytics
+     */
+    expressPage?: 'cart' | 'minicart' | 'pdp' | 'checkout';
     /**
      * The Apple Pay version number your website supports.
      * @default highest supported version by the shopper device
@@ -67,14 +76,7 @@ export interface ApplePayElementProps extends UIElementProps {
      * ApplePayRecurringPaymentRequest - Represents a request to set up a recurring payment, typically a subscription.
      * {@link https://developer.apple.com/documentation/apple_pay_on_the_web/applepayrecurringpaymentrequest}
      */
-    recurringPaymentRequest?: {
-        paymentDescription: string;
-        regularBilling: ApplePayJS.ApplePayLineItem;
-        trialBilling?: ApplePayJS.ApplePayLineItem;
-        billingAgreement?: string;
-        managementURL: string;
-        tokenNotificationURL?: string;
-    };
+    recurringPaymentRequest?: ApplePayJS.ApplePayRecurringPaymentRequest;
     /**
      * The billing information that you require from the user in order to process the transaction.
      */

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

@@ -4,6 +4,7 @@ import Core from '../core';
 import { BaseElementProps, PaymentData } from './types';
 import { RiskData } from '../core/RiskModule/RiskModule';
 import { Resources } from '../core/Context/Resources';
+import { AnalyticsInitialEvent, SendAnalyticsObject } from '../core/Analytics/types';
 declare class BaseElement<P extends BaseElementProps> {
     readonly _id: string;
     props: P;
@@ -28,6 +29,8 @@ declare class BaseElement<P extends BaseElementProps> {
      *       properly adding the type of the formatData function
      */
     protected formatData(): any;
+    protected setUpAnalytics(setUpAnalyticsObj: AnalyticsInitialEvent): any;
+    protected submitAnalytics(analyticsObj?: SendAnalyticsObject): any;
     protected setState(newState: object): void;
     /**
      * Returns the component payment data ready to submit to the Checkout API

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

@@ -31,6 +31,7 @@ declare class BCMCMobileElement 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 BCMCMobileElement 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/Card/Bancontact.d.ts

@@ -46,6 +46,7 @@ declare class BancontactElement extends CardElement {
         icon: string;
         installmentOptions: any;
         enableStoreDetails: boolean;
+        showStoreDetailsCheckbox: boolean;
         clickToPayConfiguration: {
             disableOtpAutoFocus: boolean;
             shopperEmail: any;
@@ -69,7 +70,8 @@ declare class BancontactElement extends CardElement {
         onFieldValid?: (event: import("../internal/SecuredFields/lib/types").CbObjOnFieldValid) => void;
         onBrand?: (event: import("../internal/SecuredFields/lib/types").CbObjOnBrand) => void;
         onError?: (event: import("../internal/SecuredFields/lib/types").CbObjOnError) => void;
-        onFocus?: (event: import("../internal/SecuredFields/lib/types").CbObjOnFocus) => void;
+        onFocus?: (event: import("../internal/SecuredFields/lib/types").CbObjOnFocus | import("../types").ComponentFocusObject) => void;
+        onBlur?: (event: import("../internal/SecuredFields/lib/types").CbObjOnFocus | import("../types").ComponentFocusObject) => void;
         onBinValue?: (event: import("../internal/SecuredFields/lib/types").CbObjOnBinValue) => void;
         onBinLookup?: (event: import("../internal/SecuredFields/lib/types").CbObjOnBinLookup) => void;
         environment?: string;
@@ -100,7 +102,7 @@ declare class BancontactElement extends CardElement {
         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/Card/Card.d.ts

@@ -1,8 +1,9 @@
 import { h } from 'preact';
 import { UIElement } from '../UIElement';
 import { BinLookupResponse, CardElementData, CardElementProps } from './types';
-import { CbObjOnBinLookup } from '../internal/SecuredFields/lib/types';
-import { PayButtonFunctionProps, UIElementStatus } from '../types';
+import { CbObjOnBinLookup, CbObjOnConfigSuccess, CbObjOnFocus } from '../internal/SecuredFields/lib/types';
+import { ComponentFocusObject, PayButtonFunctionProps, UIElementStatus } from '../types';
+import { SendAnalyticsObject } from '../../core/Analytics/types';
 export declare class CardElement extends UIElement<CardElementProps> {
     static type: string;
     private readonly clickToPayService;
@@ -27,6 +28,10 @@ export declare class CardElement extends UIElement<CardElementProps> {
         countryCode: any;
         configuration: {
             socialSecurityNumberMode: import("./types").SocialSecurityMode;
+            /**
+             * Click to Pay configuration
+             * - If email is set explicitly in the configuration, then it can override the one used in the session creation
+             */
             visaSrciDpaId?: string;
             visaSrcInitiatorId?: string;
             mcSrcClientId?: string;
@@ -47,6 +52,7 @@ export declare class CardElement extends UIElement<CardElementProps> {
         icon: string;
         installmentOptions: any;
         enableStoreDetails: boolean;
+        showStoreDetailsCheckbox: boolean;
         /**
          * Click to Pay configuration
          * - If email is set explicitly in the configuration, then it can override the one used in the session creation
@@ -70,16 +76,14 @@ export declare class CardElement extends UIElement<CardElementProps> {
         hideCVC?: boolean;
         hasHolderName?: boolean;
         onLoad?: (event: import("../internal/SecuredFields/lib/types").CbObjOnLoad) => void;
-        onConfigSuccess?: (event: import("../internal/SecuredFields/lib/types").CbObjOnConfigSuccess) => void;
+        onConfigSuccess?: (event: CbObjOnConfigSuccess) => void;
         onFieldValid?: (event: import("../internal/SecuredFields/lib/types").CbObjOnFieldValid) => void;
         onBrand?: (event: import("../internal/SecuredFields/lib/types").CbObjOnBrand) => void;
         onError?: (event: import("../internal/SecuredFields/lib/types").CbObjOnError) => void;
-        onFocus?: (event: import("../internal/SecuredFields/lib/types").CbObjOnFocus) => void;
+        onFocus?: (event: CbObjOnFocus | ComponentFocusObject) => void;
+        onBlur?: (event: CbObjOnFocus | ComponentFocusObject) => void;
         onBinValue?: (event: import("../internal/SecuredFields/lib/types").CbObjOnBinValue) => void;
-        onBinLookup?: (event: CbObjOnBinLookup) => void; /**
-         * Click to Pay configuration
-         * - If email is set explicitly in the configuration, then it can override the one used in the session creation
-         */
+        onBinLookup?: (event: CbObjOnBinLookup) => void;
         environment?: string;
         session?: import("../../core/CheckoutSession/CheckoutSession").default;
         onChange?: (state: any, element: UIElement<any>) => void;
@@ -108,7 +112,7 @@ export declare class CardElement extends UIElement<CardElementProps> {
         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;
         };
@@ -125,6 +129,11 @@ export declare class CardElement extends UIElement<CardElementProps> {
     handleUnsupportedCard(errObj: any): this;
     private handleClickToPaySubmit;
     onBinLookup(obj: CbObjOnBinLookup): void;
+    protected submitAnalytics(analyticsObj: SendAnalyticsObject): void;
+    private onConfigSuccess;
+    private onFocus;
+    private onBlur;
+    private onErrorAnalytics;
     onBinValue: (callbackObj: import("../internal/SecuredFields/lib/types").CbObjOnBinValue) => void;
     get storePaymentMethodPayload(): {
         storePaymentMethod?: undefined;

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, cvcPolicy, focusedElement, hasInstallments, handleInstallments, showAmountsInInstallments, brandsIcons, formData, formErrors, formValid, expiryDatePolicy, dualBrandSelectElements, extensions, selectedBrandValue, showKCP, showBrazilianSSN, socialSecurityNumber, handleOnStoreDetails, billingAddress, handleAddress, setAddressRef, partialAddressSchema, onAddressLookup, onAddressSelected, addressSearchDebounceMs, amount, billingAddressRequired, billingAddressRequiredFields, billingAddressAllowedCountries, billingAddressValidationRules, brandsConfiguration, enableStoreDetails, hasCVC, hasHolderName, holderNameRequired, installmentOptions, placeholders, positionHolderNameOnTop, showBrandIcon, showBrandsUnderCardNumber, iOSFocusedField, disclaimerMessage }: {
+export declare const CardFieldsWrapper: ({ data, valid, errors, handleChangeFor, sfpState, setFocusOn, cvcPolicy, focusedElement, hasInstallments, handleInstallments, showAmountsInInstallments, brandsIcons, formData, formErrors, formValid, expiryDatePolicy, dualBrandSelectElements, extensions, selectedBrandValue, showKCP, showBrazilianSSN, socialSecurityNumber, handleOnStoreDetails, billingAddress, handleAddress, setAddressRef, partialAddressSchema, onAddressLookup, onAddressSelected, addressSearchDebounceMs, amount, billingAddressRequired, billingAddressRequiredFields, billingAddressAllowedCountries, billingAddressValidationRules, brandsConfiguration, showStoreDetailsCheckbox, hasCVC, hasHolderName, holderNameRequired, installmentOptions, placeholders, positionHolderNameOnTop, showBrandIcon, showBrandsUnderCardNumber, iOSFocusedField, disclaimerMessage, onFieldFocusAnalytics, onFieldBlurAnalytics }: {
     data: any;
     valid: any;
     errors: any;
@@ -36,7 +36,7 @@ export declare const CardFieldsWrapper: ({ data, valid, errors, handleChangeFor,
     billingAddressAllowedCountries: any;
     billingAddressValidationRules?: any;
     brandsConfiguration: any;
-    enableStoreDetails: any;
+    showStoreDetailsCheckbox: any;
     hasCVC: any;
     hasHolderName: any;
     holderNameRequired: any;
@@ -47,4 +47,6 @@ export declare const CardFieldsWrapper: ({ data, valid, errors, handleChangeFor,
     showBrandsUnderCardNumber: any;
     iOSFocusedField: any;
     disclaimerMessage: any;
+    onFieldFocusAnalytics: any;
+    onFieldBlurAnalytics: any;
 }) => h.JSX.Element;

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

@@ -1,3 +1,3 @@
 import { h } from 'preact';
 import { CardHolderNameProps } from './types';
-export default function CardHolderName({ onBlur, onInput, placeholder, value, required, error, isValid, disabled }: CardHolderNameProps): h.JSX.Element;
+export default function CardHolderName({ onBlur, onInput, placeholder, value, required, error, isValid, disabled, onFieldFocusAnalytics, onFieldBlurAnalytics }: CardHolderNameProps): h.JSX.Element;

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

@@ -32,6 +32,8 @@ export interface CardHolderNameProps {
     required?: boolean;
     value?: string;
     disabled?: boolean;
+    onFieldFocusAnalytics?: (who: string, event: Event) => void;
+    onFieldBlurAnalytics?: (who: string, event: Event) => void;
 }
 export interface CardNumberProps {
     brand: string;
@@ -118,6 +120,8 @@ export interface KCPProps {
     isValid: boolean;
     value: string;
     disabled?: boolean;
+    onFieldFocusAnalytics?: (who: string, event: Event) => void;
+    onFieldBlurAnalytics?: (who: string, event: Event) => void;
 }
 export type RtnType_ParamBooleanFn = (tn: any) => boolean;
 export type RtnType_ParamVoidFn = (e: any) => void;

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

@@ -9,11 +9,11 @@ import { AddressSchema } from '../../../internal/Address/types';
 import { CbObjOnError, StylesObject } from '../../../internal/SecuredFields/lib/types';
 import { Resources } from '../../../../core/Context/Resources';
 import { SRPanel } from '../../../../core/Errors/SRPanel';
-import Analytics from '../../../../core/Analytics';
 import RiskElement from '../../../../core/RiskModule';
-import { ComponentMethodsRef } from '../../../types';
+import { AnalyticsModule, ComponentMethodsRef } from '../../../types';
 import { DisclaimerMsgObject } from '../../../internal/DisclaimerMessage/DisclaimerMessage';
 import { OnAddressLookupType, OnAddressSelectedType } from '../../../internal/Address/components/AddressSearch';
+import { FieldErrorAnalyticsObject } from '../../../../core/Analytics/types';
 export interface CardInputValidState {
     holderName?: boolean;
     billingAddress?: boolean;
@@ -85,7 +85,7 @@ export interface CardInputProps {
     minimumExpiryDate?: string;
     modules?: {
         srPanel: SRPanel;
-        analytics: Analytics;
+        analytics: AnalyticsModule;
         risk: RiskElement;
         resources: Resources;
     };
@@ -115,6 +115,7 @@ export interface CardInputProps {
     showFormInstruction?: boolean;
     showInstallmentAmounts?: boolean;
     showPayButton?: boolean;
+    showStoreDetailsCheckbox?: boolean;
     showWarnings?: boolean;
     specifications?: Specifications;
     storedPaymentMethodId?: string;
@@ -123,6 +124,7 @@ export interface CardInputProps {
     type?: string;
     maskSecurityCode?: boolean;
     disclaimerMessage?: DisclaimerMsgObject;
+    onErrorAnalytics?: (obj: FieldErrorAnalyticsObject) => {};
 }
 export interface CardInputState {
     dualBrandSelectElements: DualBrandSelectElement[];

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

@@ -21,7 +21,7 @@ export declare const extractPropsForCardFields: (props: CardInputProps) => {
     billingAddressRequiredFields: string[];
     billingAddressAllowedCountries: string[];
     brandsConfiguration: import("../../types").CardBrandsConfiguration;
-    enableStoreDetails: boolean;
+    showStoreDetailsCheckbox: boolean;
     hasCVC: boolean;
     hasHolderName: boolean;
     holderNameRequired: boolean;

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

@@ -1,4 +1,4 @@
-import { UIElementProps } from '../types';
+import { ComponentFocusObject, UIElementProps } from '../types';
 import { AddressData, BrowserInfo } from '../../types';
 import { CbObjOnBinValue, CbObjOnBrand, CbObjOnConfigSuccess, CbObjOnError, CbObjOnFieldValid, CbObjOnFocus, CbObjOnLoad, CbObjOnBinLookup } from '../internal/SecuredFields/lib/types';
 import { CVCPolicyType, DatePolicyType } from '../internal/SecuredFields/lib/types';
@@ -50,8 +50,13 @@ export interface CardElementProps extends UIElementProps {
      * @defaultValue `true`
      */
     showFormInstruction?: boolean;
-    /** Show/hide the "store details" checkbox */
+    /** Config option related to whether we set storePaymentMethod in the card data, and showing/hiding the "store details" checkbox */
     enableStoreDetails?: boolean;
+    /**
+     * Show/hide the "store details" checkbox
+     * @internal
+     */
+    showStoreDetailsCheckbox?: boolean;
     /** Show/hide the CVC field - merchant set config option */
     hideCVC?: boolean;
     /**
@@ -88,9 +93,13 @@ export interface CardElementProps extends UIElementProps {
      */
     onError?: (event: CbObjOnError) => void;
     /**
-     * Called when a field gains or loses focus.
+     * Called when a field gains focus.
+     */
+    onFocus?: (event: CbObjOnFocus | ComponentFocusObject) => void;
+    /**
+     * Called when a field gains loses focus.
      */
-    onFocus?: (event: CbObjOnFocus) => void;
+    onBlur?: (event: CbObjOnFocus | ComponentFocusObject) => void;
     /**
      * Provides the BIN Number of the card (up to 6 digits), called as the user types in the PAN.
      */

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

@@ -50,6 +50,7 @@ export declare class CashAppPay extends UIElement<CashAppPayElementProps> {
         icon?: string;
         amount?: import("../../types").PaymentAmount;
         secondaryAmount?: import("../../types").PaymentAmountExtended;
+        brand?: string;
         showPayButton?: boolean;
         setStatusAutomatically?: boolean;
         payButton?: (options: import("../types").PayButtonFunctionProps) => h.JSX.Element;
@@ -63,7 +64,7 @@ export declare class CashAppPay extends UIElement<CashAppPayElementProps> {
         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/ClickToPay/ClickToPay.d.ts

@@ -32,6 +32,7 @@ export declare class ClickToPayElement extends UIElement<ClickToPayElementProps>
         icon?: string;
         amount?: import("../../types").PaymentAmount;
         secondaryAmount?: import("../../types").PaymentAmountExtended;
+        brand?: string;
         showPayButton?: boolean;
         setStatusAutomatically?: boolean;
         payButton?: (options: import("../types").PayButtonFunctionProps) => h.JSX.Element;
@@ -45,7 +46,7 @@ export declare class ClickToPayElement extends UIElement<ClickToPayElementProps>
         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/Donation/Donation.d.ts

@@ -1,15 +1,18 @@
 import { h } from 'preact';
 import UIElement from '../UIElement';
+import { DonationElementProps } from './types';
 /**
  * DonationElement
  */
-declare class DonationElement extends UIElement {
+declare class DonationElement extends UIElement<DonationElementProps> {
     static type: string;
     constructor(props: any);
     static defaultProps: {
         onCancel: () => void;
         onDonate: () => void;
     };
+    protected formatProps(props: DonationElementProps): DonationElementProps;
+    isNewDonation(prop: DonationElementProps): boolean;
     /**
      * Returns the component payment data ready to submit to the Checkout API
      */

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

@@ -1,5 +1,5 @@
 import { DisclaimerMsgObject } from '../../internal/DisclaimerMessage/DisclaimerMessage';
-interface DonationAmounts {
+export interface DonationAmounts {
     currency: string;
     values: Array<number>;
 }
@@ -7,7 +7,7 @@ interface DonationAmount {
     currency: string;
     value: number;
 }
-interface DonationPayload {
+export interface DonationPayload {
     data: {
         amount: DonationAmount;
     };

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

@@ -0,0 +1,17 @@
+import { DonationAmounts, DonationComponentProps, DonationPayload } from './components/types';
+import { UIElementProps } from '../types';
+export interface NewDonationComponentProps {
+    amounts: DonationAmounts;
+    bannerUrl: string;
+    logoUrl: string;
+    nonprofitDescription: string;
+    nonprofitName: string;
+    nonprofitUrl: string;
+    termsAndConditionsUrl: string;
+    causeName?: string;
+    showCancelButton?: boolean;
+    onDonate: (payload: DonationPayload) => void;
+    onCancel?: (payload: DonationPayload) => void;
+    onChange?: (payload: DonationPayload) => void;
+}
+export type DonationElementProps = UIElementProps & (NewDonationComponentProps | DonationComponentProps);

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

@@ -38,6 +38,7 @@ export declare class DragonpayElement extends UIElement<DragonpayElementProps> {
         icon?: string;
         amount?: import("../../types").PaymentAmount;
         secondaryAmount?: import("../../types").PaymentAmountExtended;
+        brand?: string;
         showPayButton?: boolean;
         setStatusAutomatically?: boolean;
         payButton?: (options: import("../types").PayButtonFunctionProps) => h.JSX.Element;
@@ -49,7 +50,7 @@ export declare class DragonpayElement extends UIElement<DragonpayElementProps> {
         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/Dropin/Dropin.d.ts

@@ -63,6 +63,7 @@ declare class DropinElement extends UIElement<DropinElementProps> {
         icon?: string;
         amount?: import("../../types").PaymentAmount;
         secondaryAmount?: import("../../types").PaymentAmountExtended;
+        brand?: string;
         showPayButton?: boolean;
         setStatusAutomatically?: boolean;
         payButton?: (options: import("../types").PayButtonFunctionProps) => h.JSX.Element;
@@ -75,7 +76,7 @@ declare class DropinElement extends UIElement<DropinElementProps> {
         _parentInstance?: import("../../core/core").default;
         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/DuitNow/DuitNow.d.ts

@@ -31,6 +31,7 @@ declare class DuitNowElement 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 DuitNowElement 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/GooglePay/GooglePay.d.ts

@@ -3,10 +3,12 @@ import { h } from 'preact';
 import UIElement from '../UIElement';
 import GooglePayService from './GooglePayService';
 import { GooglePayProps } from './types';
+import { SendAnalyticsObject } from '../../core/Analytics/types';
 declare class GooglePay extends UIElement<GooglePayProps> {
     static type: string;
     static defaultProps: {
         environment: string;
+        isExpress: boolean;
         existingPaymentMethodRequired: boolean;
         buttonColor: google.payments.api.ButtonColor;
         buttonType: google.payments.api.ButtonType;
@@ -40,6 +42,7 @@ declare class GooglePay extends UIElement<GooglePayProps> {
         paymentMethods: any[];
     };
     protected googlePay: GooglePayService;
+    protected submitAnalytics(analyticsObj: SendAnalyticsObject): void;
     /**
      * Formats the component data input
      * For legacy support - maps configuration.merchantIdentifier to configuration.merchantId

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

@@ -1,6 +1,7 @@
 /// <reference types="googlepay" />
 declare const _default: {
     environment: string;
+    isExpress: boolean;
     existingPaymentMethodRequired: boolean;
     buttonColor: google.payments.api.ButtonColor;
     buttonType: google.payments.api.ButtonType;

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

@@ -82,6 +82,15 @@ export interface GooglePayProps extends UIElementProps {
      * @defaultValue false
      */
     emailRequired?: boolean;
+    /**
+     * Used for analytics
+     */
+    expressPage?: 'cart' | 'minicart' | 'pdp' | 'checkout';
+    /**
+     * Used for analytics
+     * @defaultValue false
+     */
+    isExpress?: boolean;
     /**
      * Set to true to request a full shipping address.
      * @defaultValue false

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

@@ -33,6 +33,7 @@ declare class PayMeElement 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;
@@ -46,7 +47,7 @@ declare class PayMeElement 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/PayNow/PayNow.d.ts

@@ -31,6 +31,7 @@ declare class PayNowElement 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 PayNowElement 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/PayPal/Paypal.d.ts

@@ -3,6 +3,7 @@ import UIElement from '../UIElement';
 import { PaymentAction } from '../../types';
 import { PayPalElementProps } from './types';
 import './Paypal.scss';
+import { SendAnalyticsObject } from '../../core/Analytics/types';
 declare class PaypalElement extends UIElement<PayPalElementProps> {
     static type: string;
     static subtype: string;
@@ -11,6 +12,7 @@ declare class PaypalElement extends UIElement<PayPalElementProps> {
     private reject;
     protected static defaultProps: PayPalElementProps;
     constructor(props: any);
+    protected submitAnalytics(analyticsObj: SendAnalyticsObject): void;
     formatProps(props: PayPalElementProps): PayPalElementProps;
     submit: () => void;
     /**