@adyen/adyen-web 5.58.0 → 5.60.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/ApplePay/types.d.ts

@@ -67,14 +67,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,7 +129,17 @@ 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;
+    } | {
+        storePaymentMethod: boolean;
+    };
     get isValid(): boolean;
     get icon(): string;
     get brands(): {

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

@@ -6,19 +6,25 @@ import './Paypal.scss';
 declare class PaypalElement extends UIElement<PayPalElementProps> {
     static type: string;
     static subtype: string;
-    private paymentData;
+    paymentData: string;
     private resolve;
     private reject;
     protected static defaultProps: PayPalElementProps;
     constructor(props: any);
     formatProps(props: PayPalElementProps): PayPalElementProps;
     submit: () => void;
+    /**
+     * Updates the paymentData value. It must be used in the PayPal Express flow, when patching the amount
+     * @param paymentData - Payment data value
+     */
+    updatePaymentData(paymentData: string): void;
     /**
      * Formats the component data output
      */
     protected formatData(): {
         paymentMethod: {
             type: string;
+            userAction: "continue" | "pay";
             subtype: string;
         };
     };
@@ -36,6 +42,24 @@ declare class PaypalElement extends UIElement<PayPalElementProps> {
     handleResolve(token: string): void;
     handleReject(errorMessage: string): void;
     private handleSubmit;
+    /**
+     * If the merchant provides the 'onShippingAddressChange' callback, then this method is used as a wrapper to it, in order
+     * to expose to the merchant the 'component' instance. The merchant needs the 'component' in order to manipulate the
+     * paymentData
+     *
+     * @param data - PayPal data
+     * @param actions - PayPal actions.
+     */
+    private handleOnShippingAddressChange;
+    /**
+     * If the merchant provides the 'onShippingOptionsChange' callback, then this method is used as a wrapper to it, in order
+     * to expose to the merchant the 'component' instance. The merchant needs the 'component' in order to manipulate the
+     * paymentData
+     *
+     * @param data - PayPal data
+     * @param actions - PayPal actions.
+     */
+    private handleOnShippingOptionsChange;
     render(): h.JSX.Element;
 }
 export default PaypalElement;

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

@@ -1,3 +1,3 @@
 import { h } from 'preact';
 import { PayPalButtonsProps } from '../types';
-export default function PaypalButtons({ onInit, onApprove, onClick, onCancel, onError, onShippingChange, onSubmit, isProcessingPayment, paypalRef, style, ...props }: PayPalButtonsProps): h.JSX.Element;
+export default function PaypalButtons({ onInit, onApprove, onClick, onCancel, onError, onShippingChange, onShippingAddressChange, onShippingOptionsChange, onSubmit, isProcessingPayment, paypalRef, style, ...props }: PayPalButtonsProps): h.JSX.Element;

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

@@ -2,6 +2,7 @@ import { PaymentAmount, PaymentMethod, ShopperDetails } from '../../types';
 import UIElement from '../UIElement';
 import { UIElementProps } from '../types';
 import { SUPPORTED_LOCALES } from './config';
+import PaypalElement from './Paypal';
 declare global {
     interface Window {
         paypal: object;
@@ -114,8 +115,23 @@ interface PayPalCommonProps {
     onClick?: () => void;
     /**
      * @see {@link https://developer.paypal.com/docs/business/javascript-sdk/javascript-sdk-reference/#onshippingchange}
+     * @deprecated - Use 'onShippingAddressChange' instead, as described in the PayPal docs
      */
     onShippingChange?: (data: any, actions: any) => void;
+    /**
+     * While the buyer is on the PayPal site, you can update their shopping cart to reflect the shipping address they chose on PayPal
+     * @see {@link https://developer.paypal.com/sdk/js/reference/#onshippingaddresschange}
+     */
+    onShippingAddressChange?: (data: any, actions: {
+        reject: (reason?: string) => Promise<void>;
+    }) => Promise<void>;
+    /**
+     * While the buyer is on the PayPal site, you can update their shopping cart to reflect the shipping options they chose on PayPal
+     * @see {@link https://developer.paypal.com/sdk/js/reference/#onshippingoptionschange}
+     */
+    onShippingOptionsChange?: (data: any, actions: {
+        reject: (reason?: string) => Promise<void>;
+    }) => Promise<void>;
     /**
      *  Identifies if the payment is Express.
      *  @defaultValue false
@@ -132,12 +148,39 @@ export interface PayPalConfig {
      */
     intent?: Intent;
 }
-export interface PayPalElementProps extends PayPalCommonProps, UIElementProps {
+export interface PayPalElementProps extends Omit<PayPalCommonProps, 'onShippingAddressChange' | 'onShippingOptionsChange'>, UIElementProps {
     onSubmit?: (state: any, element: UIElement) => void;
     onComplete?: (state: any, element?: UIElement) => void;
     onAdditionalDetails?: (state: any, element: UIElement) => void;
     onCancel?: (state: any, element: UIElement) => void;
     onError?: (state: any, element?: UIElement) => void;
+    /**
+     * While the buyer is on the PayPal site, you can update their shopping cart to reflect the shipping address they chose on PayPal
+     * @see {@link https://developer.paypal.com/sdk/js/reference/#onshippingaddresschange}
+     *
+     * @param data - PayPal data object
+     * @param actions - Used to reject the address change in case the address is invalid
+     * @param component - Adyen instance of its PayPal implementation. It must be used to manipulate the 'paymentData' in order to apply the amount patch correctly
+     */
+    onShippingAddressChange?: (data: any, actions: {
+        reject: (reason?: string) => Promise<void>;
+    }, component: PaypalElement) => Promise<void>;
+    /**
+     * This callback is triggered any time the user selects a new shipping option.
+     * @see {@link https://developer.paypal.com/sdk/js/reference/#onshippingoptionschange}
+     *
+     * @param data - An PayPal object containing the payer’s selected shipping option
+     * @param actions - Used to indicates to PayPal that you will not support the shipping method selected by the buyer
+     * @param component - Adyen instance of its PayPal implementation. It must be used to manipulate the 'paymentData' in order to apply the amount patch correctly
+     */
+    onShippingOptionsChange?: (data: any, actions: {
+        reject: (reason?: string) => Promise<void>;
+    }, component: PaypalElement) => Promise<void>;
+    /**
+     * If set to 'continue' , the button inside the lightbox will display the 'Continue' button
+     * @default pay
+     */
+    userAction?: 'continue' | 'pay';
     onShopperDetails?(shopperDetails: ShopperDetails, rawData: any, actions: {
         resolve: () => void;
         reject: () => void;