@imtbl/checkout-widgets 2.24.8 → 2.24.9-0

package/src/components/Transak/TransakIframe.tsx

@@ -7,7 +7,6 @@ import {
   TransakWidgetType,
   TransakNFTCheckoutParams,
 } from './useTransakIframe';
-import { UserJourney } from '../../context/analytics-provider/SegmentAnalyticsProvider';
 
 export type TransakIframeProps = {
   id: string;
@@ -16,7 +15,6 @@ export type TransakIframeProps = {
   contractId: string;
   environment: Environment;
   walletAddress: string;
-  isPassportWallet: boolean;
 } & TransakEventHandlers &
 TransakNFTCheckoutParams;
 
@@ -26,7 +24,6 @@ export function TransakIframe(props: TransakIframeProps) {
     type,
     email,
     walletAddress,
-    isPassportWallet,
     nftData,
     calldata,
     cryptoCurrencyCode,
@@ -48,10 +45,7 @@ export function TransakIframe(props: TransakIframeProps) {
   const iframeRef = useRef<HTMLIFrameElement>(null);
 
   const { onLoad, initialised } = useTransakEvents({
-    userJourney: UserJourney.SALE,
     ref: iframeRef,
-    walletAddress,
-    isPassportWallet,
     onOpen,
     onOrderCreated,
     onOrderProcessing,

package/src/components/Transak/useTransakEvents.ts

@@ -1,15 +1,8 @@
 import {
   RefObject, useCallback, useEffect, useRef, useState,
 } from 'react';
-import { StandardAnalyticsActions } from '@imtbl/react-analytics';
-
 import * as url from 'url';
 import { TransakEvent, TransakEvents, TransakStatuses } from './TransakEvents';
-import {
-  AnalyticsControlTypes,
-  UserJourney,
-  useAnalytics,
-} from '../../context/analytics-provider/SegmentAnalyticsProvider';
 
 export const TRANSAK_ORIGIN = ['global.transak.com', 'global-stg.transak.com'];
 const FAILED_TO_LOAD_TIMEOUT_IN_MS = 10000;
@@ -25,54 +18,13 @@ export type TransakEventHandlers = {
   failedToLoadTimeoutInMs?: number;
 };
 
-type AnalyticEvent = {
-  screen: string;
-  userJourney?: UserJourney;
-  control: string;
-  controlType: AnalyticsControlTypes;
-  action?: StandardAnalyticsActions;
-  [key: string]: unknown;
-};
-
-const ANALYTICS_EVENTS: Record<string, AnalyticEvent> = {
-  [TransakEvents.TRANSAK_WIDGET_OPEN]: {
-    screen: 'InputScreen',
-    control: 'TransakWidgetOpen',
-    controlType: 'IframeEvent',
-  },
-  [TransakEvents.TRANSAK_ORDER_CREATED]: {
-    screen: 'InputScreen',
-    control: 'OrderCreated',
-    controlType: 'IframeEvent',
-  },
-  [`${TransakEvents.TRANSAK_ORDER_SUCCESSFUL}${TransakStatuses.PROCESSING}`]: {
-    screen: 'OrderInProgress',
-    control: 'PaymentProcessing',
-    controlType: 'IframeEvent',
-  },
-  [`${TransakEvents.TRANSAK_ORDER_SUCCESSFUL}${TransakStatuses.COMPLETED}`]: {
-    screen: 'Success',
-    control: 'PaymentCompleted',
-    controlType: 'IframeEvent',
-  },
-  [TransakEvents.TRANSAK_ORDER_FAILED]: {
-    screen: 'Failure',
-    control: 'PaymentFailed',
-    controlType: 'IframeEvent',
-  },
-};
-
 type UseTransakEventsProps = {
-  userJourney: UserJourney;
   ref: RefObject<HTMLIFrameElement> | undefined;
-  walletAddress: string;
-  isPassportWallet: boolean;
 } & TransakEventHandlers;
 
 export const useTransakEvents = (props: UseTransakEventsProps) => {
-  const { track } = useAnalytics();
   const {
-    userJourney, ref, walletAddress, isPassportWallet, failedToLoadTimeoutInMs, onFailedToLoad,
+    ref, failedToLoadTimeoutInMs, onFailedToLoad,
   } = props;
   const [initialised, setInitialsed] = useState<boolean>(false);
   const failedToLoadTimeout = failedToLoadTimeoutInMs || FAILED_TO_LOAD_TIMEOUT_IN_MS;
@@ -96,26 +48,6 @@ export const useTransakEvents = (props: UseTransakEventsProps) => {
     }
   };
 
-  const handleAnalyticsEvent = useCallback((event: TransakEvent) => {
-    const type = event.event_id as TransakEvents;
-    const key = [TransakEvents.TRANSAK_ORDER_SUCCESSFUL].includes(type)
-      ? `${type}${event.data.status}`
-      : type;
-
-    const eventData = ANALYTICS_EVENTS?.[key] || {};
-
-    if (Object.keys(eventData).length >= 0) {
-      track({
-        ...eventData,
-        userJourney,
-        extras: {
-          walletAddress,
-          isPassportWallet,
-        },
-      });
-    }
-  }, []);
-
   const handleEvents = useCallback((event: TransakEvent) => {
     switch (event.event_id) {
       case TransakEvents.TRANSAK_WIDGET_INITIALISED:
@@ -151,7 +83,6 @@ export const useTransakEvents = (props: UseTransakEventsProps) => {
 
       if (!isTransakEvent) return;
 
-      handleAnalyticsEvent(event.data);
       handleEvents(event.data);
 
       console.log('@@@ Transak event', event); // eslint-disable-line no-console

package/src/components/WalletDrawer/ConnectWalletDrawer.tsx

@@ -9,12 +9,7 @@ import {
 import { MenuItemProps } from '@biom3/react';
 import { WalletDrawer } from './WalletDrawer';
 import { WalletChangeEvent } from './WalletDrawerEvents';
-import { identifyUser } from '../../lib/analytics/identifyUser';
-import { getProviderSlugFromRdns, isPassportProvider } from '../../lib/provider';
-import {
-  useAnalytics,
-  UserJourney,
-} from '../../context/analytics-provider/SegmentAnalyticsProvider';
+import { isPassportProvider } from '../../lib/provider';
 import {
   ProvidersContextActions,
   useProvidersContext,
@@ -25,7 +20,7 @@ import {
   ConnectEIP6963ProviderError,
 } from '../../lib/connectEIP6963Provider';
 import { EOAWarningDrawer } from '../EOAWarningDrawer/EOAWarningDrawer';
-import { removeSpace } from '../../lib/utils';
+import { } from '../../lib/utils';
 
 type ConnectWalletDrawerProps = {
   heading: string;
@@ -45,7 +40,6 @@ type ConnectWalletDrawerProps = {
     rdns: string;
   }[];
   getShouldRequestWalletPermissions?: (providerInfo: EIP6963ProviderInfo) => boolean | undefined;
-  shouldIdentifyUser?: boolean;
   drawerBackground: string | undefined;
 };
 
@@ -61,16 +55,12 @@ export function ConnectWalletDrawer({
   menuItemSize = 'small',
   disabledOptions = [],
   getShouldRequestWalletPermissions,
-  shouldIdentifyUser = true,
   drawerBackground,
 }: ConnectWalletDrawerProps) {
   const {
     providersState: { checkout, fromProvider, lockedToProvider },
     providersDispatch,
   } = useProvidersContext();
-
-  const { identify, track, user } = useAnalytics();
-
   const prevWalletChangeEvent = useRef<WalletChangeEvent | undefined>();
 
   const [showUnableToConnectDrawer, setShowUnableToConnectDrawer] = useState(false);
@@ -110,20 +100,6 @@ export function ConnectWalletDrawer({
   const handleWalletConnection = async (event: WalletChangeEvent) => {
     const { providerDetail } = event;
     const { info } = providerDetail;
-
-    // Trigger analytics connect wallet, menu item, with wallet details
-    track({
-      userJourney: UserJourney.CONNECT,
-      screen: 'ConnectWallet',
-      control: removeSpace(info.name),
-      controlType: 'MenuItem',
-      extras: {
-        providerType,
-        wallet: getProviderSlugFromRdns(info.rdns),
-        walletRdns: info.rdns,
-      },
-    });
-
     if (info.rdns === WalletProviderRdns.PASSPORT) {
       const { isConnected } = await checkout.checkIsWalletConnected({
         provider: new WrappedBrowserProvider(providerDetail.provider!),
@@ -148,15 +124,6 @@ export function ConnectWalletDrawer({
         checkout,
         shouldRequestWalletPermissions,
       );
-
-      // Identify connected wallet, retaining current anonymousId
-      if (shouldIdentifyUser) {
-        const userData = user ? await user() : undefined;
-        const anonymousId = userData?.anonymousId();
-
-        await identifyUser(identify, provider, { anonymousId });
-      }
-
       // Store selected provider as fromProvider in context
       address = await setProviderInContext(provider, providerDetail.info);
 

package/src/components/WalletDrawer/PayWithWalletDrawer.tsx

@@ -80,7 +80,6 @@ export function PayWithWalletDrawer({
       disabledOptions={disabledOptions}
       bottomSlot={payWithCardItem}
       onConnect={handleOnConnect}
-      shouldIdentifyUser={false}
       drawerBackground={drawerBackground}
     />
   );

package/src/context/view-context/test-components/ViewContextTestComponent.tsx

@@ -1,10 +1,9 @@
 import React from 'react';
-import { Checkout, WidgetTheme } from '@imtbl/checkout-sdk';
+import { WidgetTheme } from '@imtbl/checkout-sdk';
 import { I18nextProvider } from 'react-i18next';
 import { Environment } from '@imtbl/config';
 import { ThemeProvider } from '../../../components/ThemeProvider/ThemeProvider';
 import { withDefaultWidgetConfigs } from '../../../lib/withDefaultWidgetConfig';
-import { CustomAnalyticsProvider } from '../../analytics-provider/CustomAnalyticsProvider';
 import i18n from '../../../i18n';
 
 export interface TestProps {
@@ -24,19 +23,19 @@ export function ViewContextTestComponent({ children, theme }: TestProps) {
   });
   return (
     <I18nextProvider i18n={i18n}>
-      <CustomAnalyticsProvider checkout={{} as Checkout}>
-        <ThemeProvider
-          id="test"
-          config={config}
-          globalSx={{
-            body: {
-              bg: 'base.color.neutral.800',
-            },
-          }}
-        >
-          {children}
-        </ThemeProvider>
-      </CustomAnalyticsProvider>
+
+      <ThemeProvider
+        id="test"
+        config={config}
+        globalSx={{
+          body: {
+            bg: 'base.color.neutral.800',
+          },
+        }}
+      >
+        {children}
+      </ThemeProvider>
+
     </I18nextProvider>
   );
 }

package/src/lib/squid/hooks/useExecute.ts

@@ -9,18 +9,15 @@ import { EIP6963ProviderInfo, WrappedBrowserProvider } from '@imtbl/checkout-sdk
 import { isSquidNativeToken } from '../functions/isSquidNativeToken';
 import { retry } from '../../retry';
 import { withMetricsAsync } from '../../metrics';
-import { useAnalytics, UserJourney } from '../../../context/analytics-provider/SegmentAnalyticsProvider';
 import { isRejectedError } from '../../../functions/errorType';
 import { callApprove, callExecute } from '../functions/execute';
 
 const TRANSACTION_NOT_COMPLETED = 'transaction not completed';
 
 export const useExecute = (
-  userJourney: UserJourney,
+  flowPrefix: 'AddTokens' | 'Purchase',
   onTransactionError?: (err: unknown) => void,
 ) => {
-  const { user } = useAnalytics();
-
   const getAllowance = async (
     provider: WrappedBrowserProvider,
     routeResponse: RouteResponse,
@@ -53,16 +50,6 @@ export const useExecute = (
       return undefined;
     }
   };
-
-  const getAnonymousId = async () => {
-    try {
-      const userData = await user();
-      return userData?.anonymousId() ?? undefined;
-    } catch (error) {
-      return undefined;
-    }
-  };
-
   const approve = async (
     fromProviderInfo: EIP6963ProviderInfo,
     provider: WrappedBrowserProvider,
@@ -72,8 +59,8 @@ export const useExecute = (
       if (!isSquidNativeToken(routeResponse?.route?.params.fromToken)) {
         return await withMetricsAsync(
           (flow) => callApprove(flow, fromProviderInfo, provider, routeResponse),
-          `${userJourney}_Approve`,
-          await getAnonymousId(),
+          `${flowPrefix}_Approve`,
+          undefined,
           (error) => (isRejectedError(error) ? 'rejected' : ''),
         );
       }
@@ -96,8 +83,8 @@ export const useExecute = (
     try {
       return await withMetricsAsync(
         (flow) => callExecute(flow, squid, fromProviderInfo, provider, routeResponse),
-        `${userJourney}_Execute`,
-        await getAnonymousId(),
+        `${flowPrefix}_Execute`,
+        undefined,
         (error) => (isRejectedError(error) ? 'rejected' : ''),
       );
     } catch (error) {

package/src/views/top-up/TopUpView.tsx

@@ -2,7 +2,6 @@ import { Body, Box, Heading } from '@biom3/react';
 import {
   ReactNode, useContext, useEffect, useMemo, useState,
 } from 'react';
-import { StandardAnalyticsControlTypes } from '@imtbl/react-analytics';
 import {
   Checkout,
   GasEstimateBridgeToL2Result,
@@ -12,13 +11,9 @@ import {
 } from '@imtbl/checkout-sdk';
 import { Environment } from '@imtbl/config';
 import { useTranslation } from 'react-i18next';
-import {
-  UserJourney,
-  useAnalytics,
-} from '../../context/analytics-provider/SegmentAnalyticsProvider';
 import { DEFAULT_TOKEN_SYMBOLS } from '../../context/crypto-fiat-context/CryptoFiatProvider';
 import { BridgeWidgetViews } from '../../context/view-context/BridgeViewContextTypes';
-import { useMount } from '../../hooks/useMount';
+import { } from '../../hooks/useMount';
 import { HeaderNavigation } from '../../components/Header/HeaderNavigation';
 import { SimpleLayout } from '../../components/SimpleLayout/SimpleLayout';
 import {
@@ -50,11 +45,7 @@ interface TopUpViewProps {
   showSwapOption: boolean;
   showBridgeOption: boolean;
   tokenAddress?: string;
-  amount?: string;
-  analytics: {
-    userJourney: UserJourney;
-  };
-  onCloseButtonClick: () => void;
+  amount?: string; onCloseButtonClick: () => void;
   onBackButtonClick?: () => void;
   heading?: [key: string, options?: $Dictionary];
   subheading?: [key: string, options?: $Dictionary];
@@ -84,15 +75,12 @@ export function TopUpView({
   showBridgeOption,
   tokenAddress,
   amount,
-  analytics,
   onCloseButtonClick,
   onBackButtonClick,
   heading,
   subheading,
 }: TopUpViewProps) {
   const { t } = useTranslation();
-  const { userJourney } = analytics;
-
   const { viewDispatch } = useContext(ViewContext);
 
   const { cryptoFiatState, cryptoFiatDispatch } = useContext(CryptoFiatContext);
@@ -110,9 +98,6 @@ export function TopUpView({
 
   const title = heading ? t(...heading) : t('views.TOP_UP_VIEW.header.title');
   const description = subheading ? t(...subheading) : null;
-
-  const { page, track } = useAnalytics();
-
   const isSwapAvailable = useAsyncMemo<boolean | undefined>(async () => {
     if (!checkout) return undefined;
     try {
@@ -121,11 +106,6 @@ export function TopUpView({
       return false;
     }
   }, [checkout]);
-
-  useMount(() => {
-    page({ userJourney, screen: 'TopUp' });
-  });
-
   useEffect(() => {
     if (!cryptoFiatDispatch) return;
     cryptoFiatDispatch({
@@ -161,21 +141,6 @@ export function TopUpView({
       setOnRampFeesPercentage(onRampFees);
     })();
   }, [checkout !== undefined]);
-
-  const localTrack = (
-    control: string,
-    extras: any,
-    controlType: StandardAnalyticsControlTypes = 'Button',
-  ) => {
-    track({
-      userJourney,
-      screen: 'TopUp',
-      control,
-      controlType,
-      extras,
-    });
-  };
-
   const onClickSwap = () => {
     if (widgetEvent === IMTBLWidgetEvents.IMTBL_SWAP_WIDGET_EVENT) {
       const data = {
@@ -192,9 +157,7 @@ export function TopUpView({
             data,
           },
         },
-      });
-      localTrack('Swap', { ...data, widgetEvent });
-      return;
+      }); return;
     }
 
     const data = {
@@ -203,7 +166,6 @@ export function TopUpView({
       amount: '',
     };
     orchestrationEvents.sendRequestSwapEvent(eventTarget, widgetEvent, data);
-    localTrack('Swap', { ...data, widgetEvent });
   };
 
   const onClickBridge = () => {
@@ -221,9 +183,7 @@ export function TopUpView({
             data,
           },
         },
-      });
-      localTrack('Bridge', { ...data, widgetEvent });
-      return;
+      }); return;
     }
 
     const data = {
@@ -231,7 +191,6 @@ export function TopUpView({
       amount: '',
     };
     orchestrationEvents.sendRequestBridgeEvent(eventTarget, widgetEvent, data);
-    localTrack('Bridge', { ...data, widgetEvent });
   };
 
   const onClickOnRamp = () => {
@@ -249,9 +208,7 @@ export function TopUpView({
             data,
           },
         },
-      });
-      localTrack('OnRamp', { ...data, widgetEvent });
-      return;
+      }); return;
     }
 
     const data = {
@@ -259,18 +216,10 @@ export function TopUpView({
       amount: amount ?? '',
     };
     orchestrationEvents.sendRequestOnrampEvent(eventTarget, widgetEvent, data);
-    localTrack('OnRamp', { ...data, widgetEvent });
   };
 
   const onClickAdvancedOptions = () => {
     const toolkitBaseUrl = TOOLKIT_BASE_URL[environment];
-    const data = {
-      tokenAddress: tokenAddress ?? '',
-      amount: amount ?? '',
-    };
-
-    localTrack('AdvancedOptions', { ...data, widgetEvent });
-
     window.open(`${toolkitBaseUrl}/squid-bridge/`, '_blank');
   };
 

package/src/widgets/add-tokens/AddTokensRoot.tsx

@@ -8,7 +8,6 @@ import {
 } from '@imtbl/checkout-sdk';
 import React, { Suspense } from 'react';
 import { Base } from '../BaseWidgetRoot';
-import { CustomAnalyticsProvider } from '../../context/analytics-provider/CustomAnalyticsProvider';
 import { HandoverProvider } from '../../context/handover-context/HandoverProvider';
 import i18n from '../../i18n';
 import { LoadingView } from '../../views/loading/LoadingView';
@@ -71,35 +70,35 @@ export class AddTokens extends Base<WidgetType.ADD_TOKENS> {
 
     this.reactRoot.render(
       <React.StrictMode>
-        <CustomAnalyticsProvider checkout={this.checkout}>
-          <ThemeProvider id="add-tokens-container" config={this.strongConfig()}>
-            <HandoverProvider>
-              <ProvidersContextProvider
-                initialState={{
-                  checkout: this.checkout,
-                  toProvider: this.parameters.toProvider,
-                }}
-              >
-                <Suspense
-                  fallback={
-                    <LoadingView loadingText={t('views.LOADING_VIEW.text')} />
+
+        <ThemeProvider id="add-tokens-container" config={this.strongConfig()}>
+          <HandoverProvider>
+            <ProvidersContextProvider
+              initialState={{
+                checkout: this.checkout,
+                toProvider: this.parameters.toProvider,
+              }}
+            >
+              <Suspense
+                fallback={
+                  <LoadingView loadingText={t('views.LOADING_VIEW.text')} />
                   }
-                >
-                  <AddTokensWidget
-                    config={this.strongConfig()}
-                    toTokenAddress={this.parameters.toTokenAddress}
-                    toAmount={this.parameters.toAmount}
-                    showBridgeOption={this.parameters.showBridgeOption}
-                    showSwapOption={this.parameters.showSwapOption}
-                    showOnrampOption={this.parameters.showOnrampOption}
-                    showBackButton={this.parameters.showBackButton}
-                    experiments={this.parameters.experiments}
-                  />
-                </Suspense>
-              </ProvidersContextProvider>
-            </HandoverProvider>
-          </ThemeProvider>
-        </CustomAnalyticsProvider>
+              >
+                <AddTokensWidget
+                  config={this.strongConfig()}
+                  toTokenAddress={this.parameters.toTokenAddress}
+                  toAmount={this.parameters.toAmount}
+                  showBridgeOption={this.parameters.showBridgeOption}
+                  showSwapOption={this.parameters.showSwapOption}
+                  showOnrampOption={this.parameters.showOnrampOption}
+                  showBackButton={this.parameters.showBackButton}
+                  experiments={this.parameters.experiments}
+                />
+              </Suspense>
+            </ProvidersContextProvider>
+          </HandoverProvider>
+        </ThemeProvider>
+
       </React.StrictMode>,
     );
   }

package/src/widgets/add-tokens/AddTokensWidget.tsx

@@ -25,10 +25,6 @@ import {
 import { AddTokens } from './views/AddTokens';
 import { ErrorView } from '../../views/error/ErrorView';
 import { useSquid } from '../../lib/squid/hooks/useSquid';
-import {
-  useAnalytics,
-  UserJourney,
-} from '../../context/analytics-provider/SegmentAnalyticsProvider';
 import { fetchChains } from '../../lib/squid/functions/fetchChains';
 import { StrongCheckoutWidgetsConfig } from '../../lib/withDefaultWidgetConfig';
 import { Review } from './views/Review';
@@ -65,8 +61,6 @@ export default function AddTokensWidget({
     history: [{ type: AddTokensWidgetViews.ADD_TOKENS }],
   });
   const { t } = useTranslation();
-  const { page } = useAnalytics();
-
   const viewReducerValues = useMemo(
     () => ({
       viewState,
@@ -130,7 +124,7 @@ export default function AddTokensWidget({
 
   useEffect(() => {
     if (config.environment !== Environment.PRODUCTION) {
-      showErrorHandover(AddTokensErrorTypes.ENVIRONMENT_ERROR, { contextId: id });
+      showErrorHandover(AddTokensErrorTypes.ENVIRONMENT_ERROR);
     }
   }, [config, id]);
 
@@ -151,7 +145,7 @@ export default function AddTokensWidget({
     const isInvalidToAmount = toAmount && !amountInputValidation(toAmount);
 
     if (isInvalidToTokenAddress || isInvalidToAmount) {
-      showErrorHandover(AddTokensErrorTypes.INVALID_PARAMETERS, { contextId: id });
+      showErrorHandover(AddTokensErrorTypes.INVALID_PARAMETERS);
     }
   }, [toTokenAddress, toAmount, id]);
 
@@ -281,15 +275,6 @@ export default function AddTokensWidget({
               actionText={t('views.ERROR_VIEW.actionText')}
               onActionClick={errorAction}
               onCloseClick={() => sendAddTokensCloseEvent(eventTarget)}
-              errorEventAction={() => {
-                page({
-                  userJourney: UserJourney.ADD_TOKENS,
-                  screen: 'Error',
-                  extras: {
-                    contextId: id,
-                  },
-                });
-              }}
             />
           )}
           {viewState.view.type

package/src/widgets/add-tokens/components/TokenDrawerMenu.tsx

@@ -32,10 +32,6 @@ import {
   getTokenImageByAddress,
   isNativeToken,
 } from '../../../lib/utils';
-import {
-  useAnalytics,
-  UserJourney,
-} from '../../../context/analytics-provider/SegmentAnalyticsProvider';
 import { AddTokensErrorTypes } from '../types';
 import { TokenImage } from '../../../components/TokenImage/TokenImage';
 import { PULSE_SHADOW } from '../utils/animation';
@@ -62,9 +58,7 @@ export function TokenDrawerMenu({
   const defaultTokenImage = getDefaultTokenImage(
     checkout?.config.environment,
     config.theme,
-  );
-  const { track } = useAnalytics();
-  const { t } = useTranslation();
+  ); const { t } = useTranslation();
 
   const setSelectedToken = (token: TokenInfo | undefined) => {
     addTokensDispatch({
@@ -77,16 +71,6 @@ export function TokenDrawerMenu({
 
   const handleTokenChange = useCallback(
     (token: TokenInfo) => {
-      track({
-        userJourney: UserJourney.ADD_TOKENS,
-        screen: 'InputScreen',
-        control: 'TokensMenu',
-        controlType: 'MenuItem',
-        extras: {
-          contextId: addTokensState.id,
-          tokenAddress: token?.address,
-        },
-      });
       setSelectedToken(token);
       setVisible(false);
       setSearchValue('');
@@ -188,7 +172,7 @@ export function TokenDrawerMenu({
           });
         }
       } catch (error) {
-        showErrorHandover(AddTokensErrorTypes.SERVICE_BREAKDOWN, { contextId: addTokensState.id, error });
+        showErrorHandover(AddTokensErrorTypes.SERVICE_BREAKDOWN);
       }
     })();
   }, [addTokensState.tokens, checkout, toTokenAddress]);