@imtbl/checkout-widgets 2.24.8 → 2.24.9-0

package/src/widgets/bridge/components/BridgeForm.tsx

@@ -14,7 +14,6 @@ import {
 import { useTranslation } from 'react-i18next';
 import { Environment } from '@imtbl/config';
 import { trackError } from '@imtbl/metrics';
-import { UserJourney, useAnalytics } from '../../../context/analytics-provider/SegmentAnalyticsProvider';
 import { amountInputValidation } from '../../../lib/validations/amountInputValidations';
 import { BridgeActions, BridgeContext } from '../context/BridgeContext';
 import {
@@ -81,9 +80,6 @@ export function BridgeForm(props: BridgeFormProps) {
     theme,
     themeOverrides,
   } = props;
-
-  const { track } = useAnalytics();
-
   // Form state
   const [formAmount, setFormAmount] = useState<string>(defaultAmount || '');
   const [amountError, setAmountError] = useState<string>('');
@@ -314,18 +310,6 @@ export function BridgeForm(props: BridgeFormProps) {
         },
       });
     }
-
-    track({
-      userJourney: UserJourney.BRIDGE,
-      screen: 'TokenAmount',
-      control: 'Review',
-      controlType: 'Button',
-      extras: {
-        tokenAddress: formToken.token.address,
-        amount: formAmount,
-      },
-    });
-
     bridgeDispatch({
       payload: {
         type: BridgeActions.SET_TOKEN_AND_AMOUNT,
@@ -350,7 +334,6 @@ export function BridgeForm(props: BridgeFormProps) {
     formToken,
     from,
     getRiskAssessment,
-    track,
     viewDispatch,
   ]);
 
@@ -376,9 +359,6 @@ export function BridgeForm(props: BridgeFormProps) {
         {(!defaultTokenAddress || !isTokenBalancesLoading) && (
           <Box sx={formInputsContainerStyles}>
             <SelectForm
-              userJourney={UserJourney.BRIDGE}
-              screen="TokenAmount"
-              control="FromToken"
               testId="bridge-token"
               options={tokensOptions}
               optionsLoading={isTokenBalancesLoading}

package/src/widgets/bridge/components/BridgeReviewSummary.tsx

@@ -17,8 +17,7 @@ import { BridgeWidgetViews } from '../../../context/view-context/BridgeViewConte
 import { abbreviateAddress } from '../../../lib/addressUtils';
 import { CryptoFiatContext } from '../../../context/crypto-fiat-context/CryptoFiatContext';
 import {
-  isMetaMaskProvider,
-  isPassportProvider,
+
   isWalletConnectProvider,
 } from '../../../lib/provider';
 import { calculateCryptoToFiat, getChainImage, isNativeToken } from '../../../lib/utils';
@@ -34,10 +33,6 @@ import {
   removeChainChangedListener,
 } from '../../../lib';
 import { useInterval } from '../../../lib/hooks/useInterval';
-import {
-  UserJourney,
-  useAnalytics,
-} from '../../../context/analytics-provider/SegmentAnalyticsProvider';
 import { NetworkSwitchDrawer } from '../../../components/NetworkSwitchDrawer/NetworkSwitchDrawer';
 import { useWalletConnect } from '../../../lib/hooks/useWalletConnect';
 import { NotEnoughGas } from '../../../components/NotEnoughGas/NotEnoughGas';
@@ -81,9 +76,6 @@ export function BridgeReviewSummary() {
     bridgeDispatch,
   } = useContext(BridgeContext);
   const { environment } = checkout.config;
-
-  const { track } = useAnalytics();
-
   const { cryptoFiatState } = useContext(CryptoFiatContext);
   const [loading, setLoading] = useState(false);
   const [estimates, setEstimates] = useState<GasEstimateBridgeToL2Result | undefined>(undefined);
@@ -401,38 +393,6 @@ export function BridgeReviewSummary() {
       // eslint-disable-next-line no-console
       console.error('Current network check failed', err);
     }
-
-    track({
-      userJourney: UserJourney.BRIDGE,
-      screen: 'Summary',
-      control: 'Submit',
-      controlType: 'Button',
-      extras: {
-        fromWalletAddress: fromAddress,
-        fromNetwork,
-        fromWallet: {
-          address: fromAddress,
-          rdns: from?.walletProviderInfo?.rdns,
-          uuid: from?.walletProviderInfo?.uuid,
-          isPassportWallet: isPassportProvider(from?.browserProvider),
-          isMetaMask: isMetaMaskProvider(from?.browserProvider),
-        },
-        toWalletAddress: toAddress,
-        toNetwork,
-        toWallet: {
-          address: toAddress,
-          rdns: to?.walletProviderInfo?.rdns,
-          uuid: to?.walletProviderInfo?.uuid,
-          isPassportWallet: isPassportProvider(to?.browserProvider),
-          isMetaMask: isMetaMaskProvider(to?.browserProvider),
-        },
-        amount,
-        fiatAmount: fromFiatAmount,
-        tokenAddress: token?.address,
-        moveType: isTransfer ? 'transfer' : 'bridge',
-      },
-    });
-
     viewDispatch({
       payload: {
         type: ViewActions.UPDATE_VIEW,
@@ -590,14 +550,6 @@ export function BridgeReviewSummary() {
         gasFeeFiatValue={gasFeeFiatValue}
         gasFeeToken={estimates?.token}
         fees={formatFeeBreakdown()}
-        onFeesClick={() => {
-          track({
-            userJourney: UserJourney.BRIDGE,
-            screen: 'MoveCoins',
-            control: 'ViewFees',
-            controlType: 'Button',
-          });
-        }}
         sx={{ borderTopRightRadius: '0', borderTopLeftRadius: '0' }}
         loading={loading}
       />

package/src/widgets/bridge/components/WalletAndNetworkSelector.tsx

@@ -18,17 +18,13 @@ import { useTranslation } from 'react-i18next';
 import { BridgeWidgetViews } from '../../../context/view-context/BridgeViewContextTypes';
 import {
   connectToProvider, getWalletProviderNameByProvider,
-  isMetaMaskProvider,
+
   isPassportProvider,
   isWalletConnectProvider,
 } from '../../../lib/provider';
 import { getChainNameById } from '../../../lib/chains';
 import { ViewActions, ViewContext } from '../../../context/view-context/ViewContext';
 import { abbreviateAddress } from '../../../lib/addressUtils';
-import {
-  useAnalytics,
-  UserJourney,
-} from '../../../context/analytics-provider/SegmentAnalyticsProvider';
 import {
   bridgeHeadingStyles,
   brigdeWalletWrapperStyles,
@@ -52,9 +48,6 @@ export function WalletAndNetworkSelector({ themeOverrides }: { themeOverrides: T
   const { viewDispatch } = useContext(ViewContext);
   const { providers } = useInjectedProviders({ checkout });
   const { environment } = checkout.config;
-
-  const { track } = useAnalytics();
-
   // add default state from context values
   // if user has clicked back button
   const defaultFromBrowserProvider = from?.browserProvider ?? null;
@@ -158,32 +151,10 @@ export function WalletAndNetworkSelector({ themeOverrides }: { themeOverrides: T
     setFromWalletBrowserProvider(provider);
     const address = await (await provider!.getSigner()).getAddress();
     setFromWalletAddress(address.toLowerCase());
-
-    track({
-      userJourney: UserJourney.BRIDGE,
-      screen: 'WalletAndNetwork',
-      control: 'FromWallet',
-      controlType: 'Select',
-      extras: {
-        walletAddress: address.toLowerCase(),
-      },
-    });
-
     /** if Passport skip from network selector and default to zkEVM */
     if (isPassportProvider(provider)) {
       setFromNetwork(imtblZkEvmNetworkChainId);
-      setFromWalletDrawerOpen(false);
-
-      track({
-        userJourney: UserJourney.BRIDGE,
-        screen: 'WalletAndNetwork',
-        control: 'FromNetwork',
-        controlType: 'Select',
-        extras: {
-          chainId: imtblZkEvmNetworkChainId,
-        },
-      });
-      return;
+      setFromWalletDrawerOpen(false); return;
     }
 
     /**
@@ -224,16 +195,6 @@ export function WalletAndNetworkSelector({ themeOverrides }: { themeOverrides: T
       clearToWalletSelections();
       setFromNetworkDrawerOpen(false);
       setFromNetwork(chainId);
-
-      track({
-        userJourney: UserJourney.BRIDGE,
-        screen: 'WalletAndNetwork',
-        control: 'FromNetwork',
-        controlType: 'Select',
-        extras: {
-          chainId,
-        },
-      });
     },
     [checkout, fromWalletBrowserProvider],
   );
@@ -243,16 +204,6 @@ export function WalletAndNetworkSelector({ themeOverrides }: { themeOverrides: T
       if (!toWalletBrowserProvider) return;
       setToNetworkDrawerOpen(false);
       setToNetwork(chainId);
-
-      track({
-        userJourney: UserJourney.BRIDGE,
-        screen: 'WalletAndNetwork',
-        control: 'ToNetwork',
-        controlType: 'Select',
-        extras: {
-          chainId,
-        },
-      });
     },
     [checkout, toWalletBrowserProvider],
   );
@@ -265,16 +216,6 @@ export function WalletAndNetworkSelector({ themeOverrides }: { themeOverrides: T
       : imtblZkEvmNetworkChainId;
     setToNetwork(theToNetwork);
     setToWalletDrawerOpen(false);
-
-    track({
-      userJourney: UserJourney.BRIDGE,
-      screen: 'WalletAndNetwork',
-      control: 'ToNetwork',
-      controlType: 'Select',
-      extras: {
-        chainId: theToNetwork,
-      },
-    });
   }, [fromWalletAddress, fromNetwork]);
 
   const handleWalletConnectToWalletConnection = useCallback(
@@ -286,16 +227,6 @@ export function WalletAndNetworkSelector({ themeOverrides }: { themeOverrides: T
         .then((address) => {
           setToWalletAddress(address.toLowerCase());
           handleSettingToNetwork(address.toLowerCase());
-
-          track({
-            userJourney: UserJourney.BRIDGE,
-            screen: 'WalletAndNetwork',
-            control: 'ToWallet',
-            controlType: 'Select',
-            extras: {
-              walletAddress: address.toLowerCase(),
-            },
-          });
         });
     },
     [handleSettingToNetwork],
@@ -309,18 +240,7 @@ export function WalletAndNetworkSelector({ themeOverrides }: { themeOverrides: T
         setToWallet(event);
         const address = await (await fromWalletBrowserProvider!.getSigner()).getAddress();
         setToWalletAddress(address.toLowerCase());
-        handleSettingToNetwork(address.toLowerCase());
-
-        track({
-          userJourney: UserJourney.BRIDGE,
-          screen: 'WalletAndNetwork',
-          control: 'ToWallet',
-          controlType: 'Select',
-          extras: {
-            walletAddress: address.toLowerCase(),
-          },
-        });
-        return;
+        handleSettingToNetwork(address.toLowerCase()); return;
       }
 
       try {
@@ -336,16 +256,6 @@ export function WalletAndNetworkSelector({ themeOverrides }: { themeOverrides: T
           setToWalletBrowserProvider(connectedProvider);
           setToWalletAddress(address.toLowerCase());
           handleSettingToNetwork(address.toLowerCase());
-
-          track({
-            userJourney: UserJourney.BRIDGE,
-            screen: 'WalletAndNetwork',
-            control: 'ToWallet',
-            controlType: 'Select',
-            extras: {
-              walletAddress: address.toLowerCase(),
-            },
-          });
         }
       } catch (error) {
         // eslint-disable-next-line no-console
@@ -399,35 +309,6 @@ export function WalletAndNetworkSelector({ themeOverrides }: { themeOverrides: T
         },
       },
     });
-
-    track({
-      userJourney: UserJourney.BRIDGE,
-      screen: 'WalletAndNetwork',
-      control: 'Next',
-      controlType: 'Button',
-      extras: {
-        fromWalletAddress,
-        fromNetwork,
-        fromWallet: {
-          address: fromWalletAddress,
-          rdns: fromWallet?.providerDetail.info.rdns,
-          uuid: fromWallet?.providerDetail.info.uuid,
-          isPassportWallet: isPassportProvider(fromWalletBrowserProvider),
-          isMetaMask: isMetaMaskProvider(fromWalletBrowserProvider),
-        },
-        toWalletAddress,
-        toNetwork,
-        toWallet: {
-          address: toWalletAddress,
-          rdns: toWallet?.providerDetail.info.rdns,
-          uuid: toWallet?.providerDetail.info.uuid,
-          isPassportWallet: isPassportProvider(toWalletBrowserProvider),
-          isMetaMask: isMetaMaskProvider(toWalletBrowserProvider),
-        },
-        moveType: fromNetwork && fromNetwork === toNetwork ? 'transfer' : 'bridge',
-      },
-    });
-
     viewDispatch({
       payload: {
         type: ViewActions.UPDATE_VIEW,

package/src/widgets/bridge/views/ApproveTransaction.tsx

@@ -2,14 +2,13 @@ import { Box } from '@biom3/react';
 import {
   useCallback,
   useContext,
-  useEffect,
+
   useState,
 } from 'react';
 import { CheckoutErrorType } from '@imtbl/checkout-sdk';
 import { ApproveBridgeResponse, BridgeTxResponse } from '@imtbl/bridge-sdk';
 import { useTranslation } from 'react-i18next';
 import { parseUnits } from 'ethers';
-import { UserJourney, useAnalytics } from '../../../context/analytics-provider/SegmentAnalyticsProvider';
 import { SimpleLayout } from '../../../components/SimpleLayout/SimpleLayout';
 import { HeaderNavigation } from '../../../components/Header/HeaderNavigation';
 import { sendBridgeWidgetCloseEvent } from '../BridgeWidgetEvents';
@@ -49,19 +48,6 @@ export function ApproveTransaction({ bridgeTransaction }: ApproveTransactionProp
   } = bridgeState;
   const { viewDispatch } = useContext(ViewContext);
   const { eventTargetState: { eventTarget } } = useContext(EventTargetContext);
-
-  const { page } = useAnalytics();
-
-  useEffect(() => {
-    page({
-      userJourney: UserJourney.BRIDGE,
-      screen: 'ApproveTransaction',
-      extras: {
-        moveType: bridgeTransaction ? 'bridge' : 'transfer',
-      },
-    });
-  }, []);
-
   // Local state
   const [actionDisabled, setActionDisabled] = useState(false);
   const [txProcessing, setTxProcessing] = useState(false);

package/src/widgets/bridge/views/Bridge.tsx

@@ -6,7 +6,6 @@ import {
 } from 'react';
 import { ThemeOverrides, TokenFilterTypes, WidgetTheme } from '@imtbl/checkout-sdk';
 import { useTranslation } from 'react-i18next';
-import { UserJourney, useAnalytics } from '../../../context/analytics-provider/SegmentAnalyticsProvider';
 import { sendBridgeWidgetCloseEvent } from '../BridgeWidgetEvents';
 import { SimpleLayout } from '../../../components/SimpleLayout/SimpleLayout';
 import { HeaderNavigation } from '../../../components/Header/HeaderNavigation';
@@ -40,21 +39,7 @@ export function Bridge({
   const { eventTargetState: { eventTarget } } = useContext(EventTargetContext);
   const [isTokenBalancesLoading, setIsTokenBalancesLoading] = useState(false);
   const showBackButton = true;
-
-  const { page } = useAnalytics();
-
-  useEffect(() => {
-    if (amount || tokenAddress) {
-      page({
-        userJourney: UserJourney.BRIDGE,
-        screen: 'TokenAmount',
-        extras: {
-          amount,
-          tokenAddress,
-        },
-      });
-    }
-  }, []);
+  useEffect(() => { }, []);
 
   // This is used to refresh the balances after the Bridge widget
   // has been loaded so that processing transfers will be eventually

package/src/widgets/bridge/views/BridgeReview.tsx

@@ -1,26 +1,15 @@
-import { useContext, useEffect } from 'react';
+import { useContext } from 'react';
 import { useTranslation } from 'react-i18next';
 import { HeaderNavigation } from '../../../components/Header/HeaderNavigation';
 import { SimpleLayout } from '../../../components/SimpleLayout/SimpleLayout';
 import { FooterLogo } from '../../../components/Footer/FooterLogo';
 import { EventTargetContext } from '../../../context/event-target-context/EventTargetContext';
-import { UserJourney, useAnalytics } from '../../../context/analytics-provider/SegmentAnalyticsProvider';
 import { sendBridgeWidgetCloseEvent } from '../BridgeWidgetEvents';
 import { BridgeReviewSummary } from '../components/BridgeReviewSummary';
 
 export function BridgeReview() {
   const { t } = useTranslation();
   const { eventTargetState: { eventTarget } } = useContext(EventTargetContext);
-
-  const { page } = useAnalytics();
-
-  useEffect(() => {
-    page({
-      userJourney: UserJourney.BRIDGE,
-      screen: 'Review',
-    });
-  }, []);
-
   return (
     <SimpleLayout
       testId="bridge-review"

package/src/widgets/bridge/views/ClaimWithdrawal.tsx

@@ -9,7 +9,6 @@ import { useTranslation } from 'react-i18next';
 import { getGasPriceInWei, WalletProviderName } from '@imtbl/checkout-sdk';
 import { FlowRateWithdrawResponse } from '@imtbl/bridge-sdk';
 import { FeeData } from 'ethers';
-import { UserJourney, useAnalytics } from '../../../context/analytics-provider/SegmentAnalyticsProvider';
 import { Transaction } from '../../../lib/clients';
 import { getChainNameById } from '../../../lib/chains';
 import { WITHDRAWAL_CLAIM_GAS_LIMIT } from '../../../lib';
@@ -35,16 +34,6 @@ export function ClaimWithdrawal({ transaction }: ClaimWithdrawalProps) {
   const { bridgeState: { checkout, tokenBridge, from } } = useContext(BridgeContext);
   const { viewDispatch } = useContext(ViewContext);
   const { eventTargetState: { eventTarget } } = useContext(EventTargetContext);
-
-  const { page } = useAnalytics();
-
-  useEffect(() => {
-    page({
-      userJourney: UserJourney.BRIDGE,
-      screen: 'ClaimWithdrawal',
-    });
-  }, []);
-
   const [txProcessing, setTxProcessing] = useState(false);
   const [loading, setLoading] = useState(false);
   const [hasWithdrawError, setHasWithdrawError] = useState(false);

package/src/widgets/bridge/views/MoveInProgress.tsx

@@ -1,7 +1,6 @@
 import { useContext, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Badge, ButtCon } from '@biom3/react';
-import { UserJourney, useAnalytics } from '../../../context/analytics-provider/SegmentAnalyticsProvider';
 import { ButtonNavigationStyles } from '../../../components/Header/HeaderStyles';
 import { BridgeWidgetViews } from '../../../context/view-context/BridgeViewContextTypes';
 import { ViewActions, ViewContext } from '../../../context/view-context/ViewContext';
@@ -13,8 +12,6 @@ import { sendBridgeTransactionSentEvent, sendBridgeWidgetCloseEvent } from '../B
 import { FooterLogo } from '../../../components/Footer/FooterLogo';
 import { EventTargetContext } from '../../../context/event-target-context/EventTargetContext';
 import { BridgeContext } from '../context/BridgeContext';
-import { calculateCryptoToFiat } from '../../../lib/utils';
-import { CryptoFiatContext } from '../../../context/crypto-fiat-context/CryptoFiatContext';
 
 export interface MoveInProgressProps {
   transactionHash: string;
@@ -24,17 +21,10 @@ export interface MoveInProgressProps {
 export function MoveInProgress({ transactionHash, isTransfer }: MoveInProgressProps) {
   const { t } = useTranslation();
   const { eventTargetState: { eventTarget } } = useContext(EventTargetContext);
-  const { page } = useAnalytics();
-
-  const { cryptoFiatState } = useContext(CryptoFiatContext);
   const { viewDispatch } = useContext(ViewContext);
   const {
     bridgeState: {
       checkout,
-      from,
-      to,
-      token,
-      amount,
     },
   } = useContext(BridgeContext);
 
@@ -43,20 +33,6 @@ export function MoveInProgress({ transactionHash, isTransfer }: MoveInProgressPr
       eventTarget,
       transactionHash,
     );
-
-    const fiatAmount = calculateCryptoToFiat(amount, token?.symbol ?? '', cryptoFiatState.conversions);
-    page({
-      userJourney: UserJourney.BRIDGE,
-      screen: 'InProgress',
-      extras: {
-        fromWalletAddress: from?.walletAddress,
-        toWalletAddress: to?.walletAddress,
-        amount,
-        fiatAmount,
-        tokenAddress: token?.address,
-        moveType: isTransfer ? 'transfer' : 'bridge',
-      },
-    });
   }, []);
 
   return (

package/src/widgets/bridge/views/WalletNetworkSelectionView.tsx

@@ -1,4 +1,4 @@
-import { useContext, useEffect } from 'react';
+import { useContext } from 'react';
 import { ButtCon } from '@biom3/react';
 import { useTranslation } from 'react-i18next';
 import { IMTBLWidgetEvents, ThemeOverrides } from '@imtbl/checkout-sdk';
@@ -9,7 +9,6 @@ import { EventTargetContext } from '../../../context/event-target-context/EventT
 import { BridgeWidgetViews } from '../../../context/view-context/BridgeViewContextTypes';
 import { ButtonNavigationStyles } from '../../../components/Header/HeaderStyles';
 import { ViewActions, ViewContext } from '../../../context/view-context/ViewContext';
-import { UserJourney, useAnalytics } from '../../../context/analytics-provider/SegmentAnalyticsProvider';
 import { sendBridgeWidgetCloseEvent } from '../BridgeWidgetEvents';
 import { WalletAndNetworkSelector } from '../components/WalletAndNetworkSelector';
 import { orchestrationEvents } from '../../../lib/orchestrationEvents';
@@ -26,16 +25,6 @@ export function WalletNetworkSelectionView({
   const { viewDispatch } = useContext(ViewContext);
 
   const { eventTargetState: { eventTarget } } = useContext(EventTargetContext);
-
-  const { page } = useAnalytics();
-
-  useEffect(() => {
-    page({
-      userJourney: UserJourney.BRIDGE,
-      screen: 'WalletNetworkSelection',
-    });
-  }, []);
-
   return (
     <SimpleLayout
       testId="bridge-view"

package/src/widgets/connect/ConnectWidget.tsx

@@ -20,7 +20,6 @@ import { useTranslation } from 'react-i18next';
 import { ConnectLoaderSuccess } from '../../components/ConnectLoader/ConnectLoaderSuccess';
 import { StatusType } from '../../components/Status/StatusType';
 import { StatusView } from '../../components/Status/StatusView';
-import { useAnalytics, UserJourney } from '../../context/analytics-provider/SegmentAnalyticsProvider';
 import { EventTargetContext } from '../../context/event-target-context/EventTargetContext';
 import { ConnectWidgetView, ConnectWidgetViews } from '../../context/view-context/ConnectViewContextTypes';
 import {
@@ -31,7 +30,6 @@ import {
   viewReducer,
 } from '../../context/view-context/ViewContext';
 import { addProviderListenersForWidgetRoot, sendProviderUpdatedEvent } from '../../lib';
-import { identifyUser } from '../../lib/analytics/identifyUser';
 import { useWalletConnect } from '../../lib/hooks/useWalletConnect';
 import {
   isMetaMaskProvider, isPassportProvider, isWalletConnectProvider,
@@ -112,9 +110,6 @@ export default function ConnectWidget({
     () => ({ viewState, viewDispatch }),
     [viewState, viewDispatch],
   );
-
-  const { identify, page, user } = useAnalytics();
-
   const targetChain = targetChainId ?? checkout.config.l2ChainId;
 
   useEffect(() => {
@@ -176,19 +171,8 @@ export default function ConnectWidget({
   }, [isWalletConnectEnabled, ethereumProvider]);
 
   const handleConnectSuccess = useCallback(async () => {
-    if (!provider) return;
-    // WT-1698 Analytics - Identify user here
-    page({
-      userJourney: UserJourney.CONNECT,
-      screen: 'ConnectSuccess',
-    });
-    // Set up EIP-1193 provider event listeners for widget root instances
+    if (!provider) return; // Set up EIP-1193 provider event listeners for widget root instances
     addProviderListenersForWidgetRoot(provider);
-
-    const userData = user ? await user() : undefined;
-    const anonymousId = userData?.anonymousId();
-
-    await identifyUser(identify, provider, { anonymousId });
     sendProviderUpdatedEvent({ provider });
 
     // Find the wallet provider info via injected with Passport and MetaMask fallbacks
@@ -206,7 +190,7 @@ export default function ConnectWidget({
       return;
     }
     sendConnectSuccessEvent(eventTarget, provider, walletProviderName ?? undefined, walletProviderInfo);
-  }, [provider, identify]);
+  }, [provider]);
 
   return (
     <ViewContext.Provider value={viewReducerValues}>

package/src/widgets/connect/ConnectWidgetRoot.tsx

@@ -3,7 +3,6 @@ import {
   ConnectWidgetParams, IMTBLWidgetEvents, WidgetProperties, WidgetType,
 } from '@imtbl/checkout-sdk';
 import { ThemeProvider } from '../../components/ThemeProvider/ThemeProvider';
-import { CustomAnalyticsProvider } from '../../context/analytics-provider/CustomAnalyticsProvider';
 import { LoadingView } from '../../views/loading/LoadingView';
 import { getChainNameById } from '../../lib/chains';
 import { HandoverProvider } from '../../context/handover-context/HandoverProvider';
@@ -46,21 +45,21 @@ export class Connect extends Base<WidgetType.CONNECT> {
 
     this.reactRoot.render(
       <React.StrictMode>
-        <CustomAnalyticsProvider checkout={this.checkout}>
-          <ThemeProvider id="connect-container" config={this.strongConfig()}>
-            <HandoverProvider>
-              <Suspense fallback={<LoadingView loadingText={t('views.LOADING_VIEW.text')} />}>
-                <ConnectWidget
-                  config={this.strongConfig()}
-                  checkout={this.checkout}
-                  targetWalletRdns={this.parameters.targetWalletRdns}
-                  targetChainId={this.parameters.targetChainId}
-                  blocklistWalletRdns={this.parameters.blocklistWalletRdns}
-                />
-              </Suspense>
-            </HandoverProvider>
-          </ThemeProvider>
-        </CustomAnalyticsProvider>
+
+        <ThemeProvider id="connect-container" config={this.strongConfig()}>
+          <HandoverProvider>
+            <Suspense fallback={<LoadingView loadingText={t('views.LOADING_VIEW.text')} />}>
+              <ConnectWidget
+                config={this.strongConfig()}
+                checkout={this.checkout}
+                targetWalletRdns={this.parameters.targetWalletRdns}
+                targetChainId={this.parameters.targetChainId}
+                blocklistWalletRdns={this.parameters.blocklistWalletRdns}
+              />
+            </Suspense>
+          </HandoverProvider>
+        </ThemeProvider>
+
       </React.StrictMode>,
     );
   }