@imtbl/checkout-widgets 2.24.8 → 2.24.9-0

package/dist/browser/{index-DWNAmu0n.js → index-Cp1w6map.js}

@@ -1,4 +1,4 @@
-import { dY as se$1, dZ as T$2, d_ as oe$1, d$ as R$1, e0 as a$2, e1 as te$1, e2 as p$1, e3 as ne$1, e4 as y$1 } from './index-2esq4Cem.js';
+import { dQ as se$1, dR as T$2, dS as oe$1, dT as R$1, dU as a$2, dV as te$1, dW as p$1, dX as ne$1, dY as y$1 } from './index-CcxHW36j.js';
 
 /**
  * @license

package/dist/browser/index.js

@@ -1 +1 @@
-export { es as WidgetsFactory } from './index-2esq4Cem.js';
+export { dZ as WidgetsFactory } from './index-CcxHW36j.js';

package/dist/browser/{useInterval-1gu4cbu3.js → useInterval-DbCsm_gG.js}

@@ -1,4 +1,4 @@
-import { r as reactExports, dX as useBrowserLayoutEffect } from './index-2esq4Cem.js';
+import { r as reactExports, dP as useBrowserLayoutEffect } from './index-CcxHW36j.js';
 
 // Inspired by https://usehooks-ts.com/react-hook/use-interval
 function useInterval(callback, delay) {

package/dist/types/components/FormComponents/SelectForm/SelectForm.d.ts

@@ -2,7 +2,6 @@ import { OptionKey } from '@biom3/react';
 import { Environment } from '@imtbl/config';
 import { ThemeOverrides, WidgetTheme } from '@imtbl/checkout-sdk';
 import { CoinSelectorOptionProps } from '../../CoinSelector/CoinSelectorOption';
-import { UserJourney } from '../../../context/analytics-provider/SegmentAnalyticsProvider';
 interface SelectFormProps {
     testId: string;
     options: CoinSelectorOptionProps[];
@@ -15,12 +14,9 @@ interface SelectFormProps {
     onSelectChange: (value: string) => void;
     coinSelectorHeading: string;
     defaultTokenImage: string;
-    userJourney: UserJourney;
-    screen: string;
-    control: string;
     environment?: Environment;
     theme: WidgetTheme;
     themeOverrides: ThemeOverrides;
 }
-export declare function SelectForm({ testId, options, optionsLoading, subtext, onSelectChange, textAlign, errorMessage, disabled, selectedOption, coinSelectorHeading, defaultTokenImage, userJourney, screen, control, environment, theme, themeOverrides, }: SelectFormProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function SelectForm({ testId, options, optionsLoading, subtext, onSelectChange, textAlign, errorMessage, disabled, selectedOption, coinSelectorHeading, defaultTokenImage, environment, theme, themeOverrides, }: SelectFormProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/FormComponents/SelectInput/SelectInput.d.ts

@@ -3,7 +3,6 @@ import { ThemeOverrides, WidgetTheme } from '@imtbl/checkout-sdk';
 import { Environment } from '@imtbl/config';
 import { InputMode, TextInputType } from '../TextInputForm/TextInputForm';
 import { CoinSelectorOptionProps } from '../../CoinSelector/CoinSelectorOption';
-import { UserJourney } from '../../../context/analytics-provider/SegmentAnalyticsProvider';
 interface SelectInputProps {
     testId: string;
     options: CoinSelectorOptionProps[];
@@ -28,12 +27,9 @@ interface SelectInputProps {
     onSelectChange: (value: OptionKey) => void;
     selectedOption?: OptionKey;
     defaultTokenImage: string;
-    userJourney: UserJourney;
-    screen: string;
-    control: string;
     environment?: Environment;
     theme: WidgetTheme;
     themeOverrides: ThemeOverrides;
 }
-export declare function SelectInput({ testId, options, textInputValue, textInputPlaceholder, textInputValidator, textInputType, onTextInputChange, onTextInputBlur, onTextInputFocus, textInputTextAlign, textInputSubtext, textInputErrorMessage, testInputMode, selectTextAlign, selectSubtext, selectErrorMessage, textInputMaxButtonClick, onSelectChange, textInputDisabled, selectInputDisabled, selectedOption, coinSelectorHeading, defaultTokenImage, userJourney, screen, control, environment, theme, themeOverrides, }: SelectInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function SelectInput({ testId, options, textInputValue, textInputPlaceholder, textInputValidator, textInputType, onTextInputChange, onTextInputBlur, onTextInputFocus, textInputTextAlign, textInputSubtext, textInputErrorMessage, testInputMode, selectTextAlign, selectSubtext, selectErrorMessage, textInputMaxButtonClick, onSelectChange, textInputDisabled, selectInputDisabled, selectedOption, coinSelectorHeading, defaultTokenImage, environment, theme, themeOverrides, }: SelectInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/Transak/TransakIframe.d.ts

@@ -8,6 +8,5 @@ export type TransakIframeProps = {
     contractId: string;
     environment: Environment;
     walletAddress: string;
-    isPassportWallet: boolean;
 } & TransakEventHandlers & TransakNFTCheckoutParams;
 export declare function TransakIframe(props: TransakIframeProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/Transak/useTransakEvents.d.ts

@@ -1,5 +1,4 @@
 import { RefObject } from 'react';
-import { UserJourney } from '../../context/analytics-provider/SegmentAnalyticsProvider';
 export declare const TRANSAK_ORIGIN: string[];
 export type TransakEventHandlers = {
     onInit?: (data: Record<string, unknown>) => void;
@@ -12,10 +11,7 @@ export type TransakEventHandlers = {
     failedToLoadTimeoutInMs?: number;
 };
 type UseTransakEventsProps = {
-    userJourney: UserJourney;
     ref: RefObject<HTMLIFrameElement> | undefined;
-    walletAddress: string;
-    isPassportWallet: boolean;
 } & TransakEventHandlers;
 export declare const useTransakEvents: (props: UseTransakEventsProps) => {
     initialised: boolean;

package/dist/types/components/WalletDrawer/ConnectWalletDrawer.d.ts

@@ -17,8 +17,7 @@ type ConnectWalletDrawerProps = {
         rdns: string;
     }[];
     getShouldRequestWalletPermissions?: (providerInfo: EIP6963ProviderInfo) => boolean | undefined;
-    shouldIdentifyUser?: boolean;
     drawerBackground: string | undefined;
 };
-export declare function ConnectWalletDrawer({ heading, visible, onClose, onConnect, onError, providerType, walletOptions, bottomSlot, menuItemSize, disabledOptions, getShouldRequestWalletPermissions, shouldIdentifyUser, drawerBackground, }: ConnectWalletDrawerProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function ConnectWalletDrawer({ heading, visible, onClose, onConnect, onError, providerType, walletOptions, bottomSlot, menuItemSize, disabledOptions, getShouldRequestWalletPermissions, drawerBackground, }: ConnectWalletDrawerProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/lib/squid/hooks/useExecute.d.ts

@@ -3,8 +3,7 @@ import { Squid } from '@0xsquid/sdk';
 import { TransactionReceipt } from 'ethers';
 import { StatusResponse } from '@0xsquid/sdk/dist/types';
 import { EIP6963ProviderInfo, WrappedBrowserProvider } from '@imtbl/checkout-sdk';
-import { UserJourney } from '../../../context/analytics-provider/SegmentAnalyticsProvider';
-export declare const useExecute: (userJourney: UserJourney, onTransactionError?: (err: unknown) => void) => {
+export declare const useExecute: (flowPrefix: 'AddTokens' | 'Purchase', onTransactionError?: (err: unknown) => void) => {
     getAllowance: (provider: WrappedBrowserProvider, routeResponse: RouteResponse) => Promise<bigint | undefined>;
     approve: (fromProviderInfo: EIP6963ProviderInfo, provider: WrappedBrowserProvider, routeResponse: RouteResponse) => Promise<TransactionReceipt | undefined>;
     execute: (squid: Squid, fromProviderInfo: EIP6963ProviderInfo, provider: WrappedBrowserProvider, routeResponse: RouteResponse) => Promise<TransactionReceipt | undefined>;

package/dist/types/views/top-up/TopUpView.d.ts

@@ -1,5 +1,4 @@
 import { Checkout, IMTBLWidgetEvents, WrappedBrowserProvider } from '@imtbl/checkout-sdk';
-import { UserJourney } from '../../context/analytics-provider/SegmentAnalyticsProvider';
 type $Dictionary<T = unknown> = {
     [key: string]: T;
 };
@@ -12,9 +11,6 @@ interface TopUpViewProps {
     showBridgeOption: boolean;
     tokenAddress?: string;
     amount?: string;
-    analytics: {
-        userJourney: UserJourney;
-    };
     onCloseButtonClick: () => void;
     onBackButtonClick?: () => void;
     heading?: [key: string, options?: $Dictionary];
@@ -25,5 +21,5 @@ export declare const TOOLKIT_BASE_URL: {
     production: string;
 };
 export declare function TopUpView({ widgetEvent, checkout, provider, // Keep this for future use
-showOnrampOption, showSwapOption, showBridgeOption, tokenAddress, amount, analytics, onCloseButtonClick, onBackButtonClick, heading, subheading, }: TopUpViewProps): import("@emotion/react/jsx-runtime").JSX.Element;
+showOnrampOption, showSwapOption, showBridgeOption, tokenAddress, amount, onCloseButtonClick, onBackButtonClick, heading, subheading, }: TopUpViewProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/widgets/add-tokens/hooks/useError.d.ts

@@ -1,5 +1,5 @@
 import { Environment } from '@imtbl/config';
 import { AddTokensErrorTypes } from '../types';
 export declare const useError: (environment: Environment) => {
-    showErrorHandover: (errorType: AddTokensErrorTypes, data?: Record<string, unknown>) => void;
+    showErrorHandover: (errorType: AddTokensErrorTypes) => void;
 };

package/dist/types/widgets/purchase/components/PurchaseConnectWalletDrawer.d.ts

@@ -8,7 +8,6 @@ type PurchaseConnectWalletDrawerProps = {
     onClose: (address?: string) => void;
     onConnect?: (provider: WrappedBrowserProvider, providerInfo: EIP6963ProviderInfo) => void;
     onError?: (errorType: ConnectEIP6963ProviderError) => void;
-    providerType: 'from' | 'to';
     walletOptions: EIP6963ProviderDetail[];
     bottomSlot?: ReactNode;
     menuItemSize?: MenuItemProps['size'];
@@ -16,8 +15,7 @@ type PurchaseConnectWalletDrawerProps = {
         label: string;
         rdns: string;
     }[];
-    shouldIdentifyUser?: boolean;
     drawerBackground: string | undefined;
 };
-export declare function PurchaseConnectWalletDrawer({ heading, visible, onClose, onConnect, onError, providerType, walletOptions, bottomSlot, menuItemSize, disabledOptions, shouldIdentifyUser, drawerBackground, }: PurchaseConnectWalletDrawerProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function PurchaseConnectWalletDrawer({ heading, visible, onClose, onConnect, onError, walletOptions, bottomSlot, menuItemSize, disabledOptions, drawerBackground, }: PurchaseConnectWalletDrawerProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/widgets/sale/hooks/useSaleEvents.d.ts

@@ -1,36 +1,10 @@
-import { StandardAnalyticsActions } from '@imtbl/react-analytics';
 import { SalePaymentTypes } from '@imtbl/checkout-sdk';
-import { UserJourney, AnalyticsControlTypes } from '../../../context/analytics-provider/SegmentAnalyticsProvider';
 import { ExecutedTransaction, FundingBalance } from '../types';
 export declare const useSaleEvent: () => {
-    track: (props: {
-        screen: string;
-        userJourney: UserJourney;
-        extras?: Record<string, unknown> | undefined;
-    } & ({
-        action: StandardAnalyticsActions;
-        control?: undefined;
-        controlType?: undefined;
-    } | {
-        control: string;
-        controlType: AnalyticsControlTypes;
-        action?: StandardAnalyticsActions | undefined;
-    })) => Promise<import("@segment/analytics-next").Context>;
-    page: (props: {
-        screen: string;
-        userJourney: UserJourney;
-        action?: StandardAnalyticsActions | undefined;
-        extras?: Record<string, unknown> | undefined;
-    }) => Promise<import("@segment/analytics-next").Context>;
-    sendPageView: (screen: string, data?: Record<string, unknown>) => void;
-    sendCloseEvent: (screen?: string, controlType?: AnalyticsControlTypes, action?: StandardAnalyticsActions) => void;
-    sendSuccessEvent: (screen?: string, transactions?: ExecutedTransaction[], tokenIds?: string[], details?: Record<string, any>) => void;
-    sendFailedEvent: (reason: string, error: Record<string, unknown>, transactions?: ExecutedTransaction[], screen?: string, details?: Record<string, any>) => void;
+    sendCloseEvent: () => void;
+    sendSuccessEvent: (transactions?: ExecutedTransaction[], tokenIds?: string[], details?: Record<string, any>) => void;
+    sendFailedEvent: (reason: string, error: Record<string, unknown>, transactions?: ExecutedTransaction[], details?: Record<string, any>) => void;
     sendTransactionSuccessEvent: (transaction: ExecutedTransaction) => void;
-    sendOrderCreated: (screen: string, details: Record<string, unknown>) => void;
-    sendSelectedPaymentMethod: (type: SalePaymentTypes, screen: string) => void;
-    sendSelectedPaymentToken: (screen: string, fundingBalance: FundingBalance, conversions: Map<string, number>) => void;
-    sendProceedToPay: (screen: string, fundingBalance: FundingBalance, conversions: Map<string, number>, controlType?: AnalyticsControlTypes, action?: StandardAnalyticsActions) => void;
-    sendViewFeesEvent: (screen: string, controlType?: AnalyticsControlTypes, action?: StandardAnalyticsActions) => void;
-    sendInsufficientFunds: (screen: string, txRequirements: any, controlType?: AnalyticsControlTypes, action?: StandardAnalyticsActions) => void;
+    sendSelectedPaymentMethod: (type: SalePaymentTypes) => void;
+    sendSelectedPaymentToken: (fundingBalance: FundingBalance, conversions: Map<string, number>) => void;
 };

package/dist/types/widgets/swap/components/Fees.d.ts

@@ -5,7 +5,7 @@ interface FeesProps {
     gasFeeToken?: TokenInfo;
     feeFiatValue: number | null;
     fees: FormattedFee[];
-    onFeesClick: () => void;
+    onFeesClick?: () => void;
     loading: boolean;
     sx?: SxProps;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@imtbl/checkout-widgets",
-  "version": "2.24.8",
+  "version": "2.24.9-0",
   "browserslist": {
     "production": [
       ">0.2%",
@@ -18,7 +18,6 @@
     "@biom3/design-tokens": "^0.4.5",
     "@biom3/react": "^0.29.4",
     "@emotion/react": "^11.11.3",
-    "@imtbl/react-analytics": "0.3.4-alpha",
     "@rive-app/react-canvas-lite": "^4.9.0",
     "@walletconnect/ethereum-provider": "^2.11.1",
     "@walletconnect/modal": "^2.6.2",
@@ -36,12 +35,12 @@
     "react-i18next": "^13.5.0",
     "ts-deepmerge": "^7.0.2",
     "uuid": "^9.0.1",
-    "@imtbl/bridge-sdk": "2.24.8",
-    "@imtbl/checkout-sdk": "2.24.8",
-    "@imtbl/config": "2.24.8",
-    "@imtbl/dex-sdk": "2.24.8",
-    "@imtbl/cryptofiat": "2.24.8",
-    "@imtbl/passport": "2.24.8"
+    "@imtbl/checkout-sdk": "2.24.9-0",
+    "@imtbl/bridge-sdk": "2.24.9-0",
+    "@imtbl/config": "2.24.9-0",
+    "@imtbl/cryptofiat": "2.24.9-0",
+    "@imtbl/dex-sdk": "2.24.9-0",
+    "@imtbl/passport": "2.24.9-0"
   },
   "devDependencies": {
     "@0xsquid/squid-types": "^0.1.108",
@@ -51,7 +50,6 @@
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-replace": "^6.0.3",
     "@rollup/plugin-typescript": "^11.1.6",
-    "@segment/analytics-next": "^1.53.2",
     "@swc/core": "^1.15.46",
     "@swc/jest": "^0.2.37",
     "@testing-library/jest-dom": "^5.16.5",

package/src/components/ConnectLoader/ConnectLoader.tsx

@@ -22,8 +22,6 @@ import { LoadingView } from '../../views/loading/LoadingView';
 import ConnectWidget from '../../widgets/connect/ConnectWidget';
 import { ConnectWidgetViews } from '../../context/view-context/ConnectViewContextTypes';
 import { StrongCheckoutWidgetsConfig } from '../../lib/withDefaultWidgetConfig';
-import { useAnalytics } from '../../context/analytics-provider/SegmentAnalyticsProvider';
-import { identifyUser } from '../../lib/analytics/identifyUser';
 
 export interface ConnectLoaderProps {
   children?: React.ReactNode;
@@ -77,9 +75,6 @@ export function ConnectLoader({
   const {
     connectionStatus, deepLink, provider,
   } = connectLoaderState;
-
-  const { identify, user } = useAnalytics();
-
   const hasNoWalletProviderNameAndNoBrowserProvider = (localProvider?: WrappedBrowserProvider): boolean => {
     if (!walletProviderName && !localProvider) {
       connectLoaderDispatch({
@@ -211,17 +206,6 @@ export function ConnectLoader({
         } catch (err) {
           return;
         }
-
-        try {
-          // WT-1698 Analytics - Identify user here then progress to widget
-          // TODO: Identify user should be separated out into a use Effect with only the provider (from connect loader state) as dependency
-          const userData = user ? await user() : undefined;
-          const anonymousId = userData?.anonymousId();
-          await identifyUser(identify, browserProvider!, { anonymousId });
-        } catch (err) {
-          return;
-        }
-
         // The user is connected and the widget will be shown
         connectLoaderDispatch({
           payload: {

package/src/components/FormComponents/SelectForm/SelectForm.tsx

@@ -8,7 +8,6 @@ import { TokenImage } from '../../TokenImage/TokenImage';
 import { FormControlWrapper } from '../FormControlWrapper/FormControlWrapper';
 import { CoinSelector } from '../../CoinSelector/CoinSelector';
 import { CoinSelectorOptionProps } from '../../CoinSelector/CoinSelectorOption';
-import { useAnalytics, UserJourney } from '../../../context/analytics-provider/SegmentAnalyticsProvider';
 
 interface SelectFormProps {
   testId: string;
@@ -21,11 +20,7 @@ interface SelectFormProps {
   disabled?: boolean;
   onSelectChange: (value: string) => void;
   coinSelectorHeading: string;
-  defaultTokenImage: string;
-  userJourney: UserJourney;
-  screen: string;
-  control: string;
-  environment?: Environment;
+  defaultTokenImage: string;environment?: Environment;
   theme: WidgetTheme,
   themeOverrides: ThemeOverrides,
 }
@@ -42,14 +37,10 @@ export function SelectForm({
   selectedOption,
   coinSelectorHeading,
   defaultTokenImage,
-  userJourney,
-  screen,
-  control,
   environment = Environment.PRODUCTION,
   theme,
   themeOverrides,
 }: SelectFormProps) {
-  const { track } = useAnalytics();
   const [coinSelectorOpen, setCoinSelectorOpen] = useState<boolean>(false);
   const coinSelectorOptions = useMemo(() => options.map((option) => ({
     ...option,
@@ -71,14 +62,7 @@ export function SelectForm({
 
   const openCoinSelector = useCallback(() => {
     setCoinSelectorOpen(true);
-    track({
-      userJourney,
-      screen,
-      control,
-      controlType: 'Select',
-      action: 'Opened',
-    });
-  }, [setCoinSelectorOpen, track]);
+  }, [setCoinSelectorOpen]);
 
   return (
     <Box>

package/src/components/FormComponents/SelectInput/SelectInput.tsx

@@ -9,7 +9,6 @@ import {
 import { SelectForm } from '../SelectForm/SelectForm';
 import { InputMode, TextInputForm, TextInputType } from '../TextInputForm/TextInputForm';
 import { CoinSelectorOptionProps } from '../../CoinSelector/CoinSelectorOption';
-import { UserJourney } from '../../../context/analytics-provider/SegmentAnalyticsProvider';
 
 interface SelectInputProps {
   testId: string;
@@ -34,11 +33,7 @@ interface SelectInputProps {
   textInputMaxButtonClick?: () => void;
   onSelectChange: (value: OptionKey) => void;
   selectedOption?: OptionKey;
-  defaultTokenImage: string;
-  userJourney: UserJourney;
-  screen: string;
-  control: string;
-  environment?: Environment;
+  defaultTokenImage: string;environment?: Environment;
   theme: WidgetTheme;
   themeOverrides: ThemeOverrides;
 }
@@ -67,9 +62,6 @@ export function SelectInput({
   selectedOption,
   coinSelectorHeading,
   defaultTokenImage,
-  userJourney,
-  screen,
-  control,
   environment,
   theme,
   themeOverrides,
@@ -88,9 +80,6 @@ export function SelectInput({
           selectedOption={selectedOption}
           coinSelectorHeading={coinSelectorHeading}
           defaultTokenImage={defaultTokenImage}
-          control={control}
-          userJourney={userJourney}
-          screen={screen}
           environment={environment}
           theme={theme}
           themeOverrides={themeOverrides}

package/src/components/RouteOptionsDrawer/RouteOptionsDrawer.tsx

@@ -2,11 +2,10 @@ import {
   Drawer, EllipsizedText, MenuItem,
 } from '@biom3/react';
 import { motion } from 'framer-motion';
-import { useContext, useEffect, useRef } from 'react';
+import { useContext, useRef } from 'react';
 
 import { Checkout } from '@imtbl/checkout-sdk';
 import { useTranslation } from 'react-i18next';
-import { useAnalytics, UserJourney } from '../../context/analytics-provider/SegmentAnalyticsProvider';
 import { useProvidersContext } from '../../context/providers-context/ProvidersContext';
 import { listVariants } from '../../lib/animation/listAnimation';
 import { RouteData } from '../../lib/squid/types';
@@ -42,10 +41,8 @@ export function RouteOptionsDrawer({
   insufficientBalance,
 }: OptionsDrawerProps) {
   const { t } = useTranslation();
-  const { track } = useAnalytics();
-
   const {
-    addTokensState: { id, chains },
+    addTokensState: { chains },
   } = useContext(AddTokensContext);
 
   const {
@@ -59,27 +56,6 @@ export function RouteOptionsDrawer({
     onRouteClick(route);
   };
 
-  useEffect(() => {
-    if (!visible) {
-      return;
-    }
-
-    track({
-      userJourney: UserJourney.ADD_TOKENS,
-      screen: 'InputScreen',
-      control: 'RoutesMenu',
-      controlType: 'MenuItem',
-      action: 'Opened',
-      extras: {
-        contextId: id,
-        showOnrampOption: Boolean(showOnrampOption),
-        showSwapOption: Boolean(showSwapOption),
-        insufficientBalance: Boolean(insufficientBalance),
-        routesAvailable: routes?.length ?? 0,
-      },
-    });
-  }, [visible]);
-
   return (
     <Drawer
       size="full"

package/src/components/Transactions/ChangeWallet.tsx

@@ -5,11 +5,7 @@ import { useContext, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { BridgeContext } from '../../widgets/bridge/context/BridgeContext';
 import { isWalletConnectProvider } from '../../lib/provider';
-import {
-  UserJourney,
-  useAnalytics,
-} from '../../context/analytics-provider/SegmentAnalyticsProvider';
-import { BridgeWidgetViews } from '../../context/view-context/BridgeViewContextTypes';
+import { } from '../../context/view-context/BridgeViewContextTypes';
 import { useWalletConnect } from '../../lib/hooks/useWalletConnect';
 import {
   headingStyles, rawImageStyle, wcStickerLogoStyles, wcWalletLogoStyles, wcWalletLogoWrapperStyles,
@@ -30,17 +26,10 @@ export function ChangeWallet({ onChangeWalletClick }: ChangeWalletProps) {
   );
   const [isWalletConnect, setIsWalletConnect] = useState<boolean>(false);
   const { isWalletConnectEnabled, getWalletLogoUrl } = useWalletConnect();
-  const { track } = useAnalytics();
   const walletAddress = from?.walletAddress || '';
   const walletProviderInfo = from?.walletProviderInfo;
 
   const handleChangeWalletClick = () => {
-    track({
-      userJourney: UserJourney.BRIDGE,
-      screen: BridgeWidgetViews.TRANSACTIONS,
-      controlType: 'Button',
-      control: 'Pressed',
-    });
     onChangeWalletClick();
   };
 

package/src/components/Transactions/ClaimWithdrawalInProgress.tsx

@@ -1,7 +1,6 @@
 import { useContext, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { TransactionResponse } from 'ethers';
-import { UserJourney, useAnalytics } from '../../context/analytics-provider/SegmentAnalyticsProvider';
 import { ViewActions, ViewContext } from '../../context/view-context/ViewContext';
 import { BridgeWidgetViews } from '../../context/view-context/BridgeViewContextTypes';
 import { LoadingView } from '../../views/loading/LoadingView';
@@ -13,16 +12,6 @@ interface ClaimWithdrawalInProgressProps {
 export function ClaimWithdrawalInProgress({ transactionResponse }: ClaimWithdrawalInProgressProps) {
   const { t } = useTranslation();
   const { viewDispatch } = useContext(ViewContext);
-
-  const { page } = useAnalytics();
-
-  useEffect(() => {
-    page({
-      userJourney: UserJourney.BRIDGE,
-      screen: 'ClaimWithdrawalInProgress',
-    });
-  }, []);
-
   useEffect(() => {
     if (!transactionResponse) return;
 

package/src/components/Transactions/NoTransactions.tsx

@@ -4,7 +4,6 @@ import {
 import { Checkout } from '@imtbl/checkout-sdk';
 import { useState, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
-import { UserJourney, useAnalytics } from '../../context/analytics-provider/SegmentAnalyticsProvider';
 import { PASSPORT_URL } from '../../lib';
 import {
   noTransactionsBodyStyle, noTransactionsContainerStyle, passportBodyStyle, containerStyles,
@@ -24,7 +23,6 @@ export function NoTransactions(
     changeWallet,
   }: NoTransactionsProps,
 ) {
-  const { page } = useAnalytics();
   const { t } = useTranslation();
   const [passportLink, setPassportLink] = useState('');
 
@@ -32,14 +30,6 @@ export function NoTransactions(
     if (!checkout) return;
     setPassportLink(PASSPORT_URL[checkout.config.environment]);
   }, [checkout]);
-
-  useEffect(() => {
-    page({
-      userJourney: UserJourney.BRIDGE,
-      screen: 'NoTransactions',
-    });
-  }, []);
-
   return (
     <Box sx={containerStyles}>
       <ChangeWallet onChangeWalletClick={changeWallet} />

package/src/components/Transactions/TransactionItemWithdrawPending.tsx

@@ -10,7 +10,6 @@ import {
 import { useContext, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Environment } from '@imtbl/config';
-import { UserJourney, useAnalytics } from '../../context/analytics-provider/SegmentAnalyticsProvider';
 import { Transaction, TransactionStatus } from '../../lib/clients/checkoutApiType';
 import { BridgeWidgetViews } from '../../context/view-context/BridgeViewContextTypes';
 import { ViewActions, ViewContext } from '../../context/view-context/ViewContext';
@@ -37,9 +36,7 @@ export function TransactionItemWithdrawPending({
   defaultTokenImage,
   environment,
 }: TransactionItemWithdrawPendingProps) {
-  const { viewDispatch } = useContext(ViewContext);
-  const { track } = useAnalytics();
-  const translation = useTranslation();
+  const { viewDispatch } = useContext(ViewContext); const translation = useTranslation();
   const dateNowUnixMs = useMemo(() => new Date().getTime(), []);
   const withdrawalReadyDate = useMemo(
     () => (transaction.details.current_status.withdrawal_ready_at
@@ -141,15 +138,6 @@ export function TransactionItemWithdrawPending({
           borderTopRightRadius: '0',
           borderTopLeftRadius: '0',
         }}
-        onExpandChange={
-          (expanded) => expanded
-            && track({
-              userJourney: UserJourney.BRIDGE,
-              screen: 'TransactionItem',
-              control: 'Accordion',
-              controlType: 'Button',
-            })
-        }
       >
         <Accordion.TargetLeftSlot sx={{ pr: 'base.spacing.x2' }}>
           <MenuItem size="xSmall">

package/src/components/Transactions/Transactions.tsx

@@ -34,10 +34,6 @@ import {
   CryptoFiatActions,
   CryptoFiatContext,
 } from '../../context/crypto-fiat-context/CryptoFiatContext';
-import {
-  UserJourney,
-  useAnalytics,
-} from '../../context/analytics-provider/SegmentAnalyticsProvider';
 import {
   BridgeActions,
   BridgeContext,
@@ -111,11 +107,7 @@ export function Transactions({
   const {
     bridgeDispatch,
     bridgeState: { checkout, from, tokenBridge },
-  } = useContext(BridgeContext);
-  const { page } = useAnalytics();
-  const { t } = useTranslation();
-  const { track } = useAnalytics();
-
+  } = useContext(BridgeContext); const { t } = useTranslation();
   const [loading, setLoading] = useState(true);
   const [knownTokenMap, setKnownTokenMap] = useState<
   KnownNetworkMap | undefined
@@ -269,16 +261,6 @@ export function Transactions({
 
   const handleWalletChange = useCallback(
     async (event: WalletChangeEvent) => {
-      track({
-        userJourney: UserJourney.BRIDGE,
-        screen: 'EmptyStateNotConnected',
-        control: 'WalletProvider',
-        controlType: 'Select',
-        extras: {
-          walletProviderName: event.providerDetail.info.name,
-        },
-      });
-
       try {
         let changeAccount = false;
         if (event.providerDetail.info.rdns === WalletProviderRdns.METAMASK) {
@@ -311,7 +293,7 @@ export function Transactions({
         setShowWalletDrawer(false);
       }
     },
-    [checkout, bridgeDispatch, track],
+    [checkout, bridgeDispatch],
   );
 
   const handleBackButtonClick = () => {
@@ -384,14 +366,6 @@ export function Transactions({
       setLoading(false);
     })();
   }, [from, checkout, fetchData]);
-
-  useEffect(() => {
-    page({
-      userJourney: UserJourney.BRIDGE,
-      screen: 'Transactions',
-    });
-  }, [page]);
-
   return (
     <SimpleLayout
       testId="bridge-view"