@funkit/connect 6.14.8 → 6.14.9

package/dist/index.js

@@ -1,10 +1,10 @@
 "use client";
-import {
-  lightTheme
-} from "./chunk-XH2UUILF.js";
 import {
   darkTheme
 } from "./chunk-3SMGLDNF.js";
+import {
+  lightTheme
+} from "./chunk-XH2UUILF.js";
 import {
   systemFontStack
 } from "./chunk-WCUXJAGT.js";
@@ -413,7 +413,7 @@ function Avatar({ address, imageUrl, loading, size }) {
 }
 
 // src/components/ConnectButton/ConnectButton.tsx
-import React231, { useEffect as useEffect55, useState as useState74 } from "react";
+import React231, { useEffect as useEffect57, useState as useState74 } from "react";
 
 // src/css/touchableStyles.css.ts
 var active = { shrink: "_7rkubb8", shrinkSm: "_7rkubb9" };
@@ -519,9 +519,9 @@ import PrivyJS, {
 } from "@privy-io/js-sdk-core";
 import React228, {
   createContext as createContext17,
-  useCallback as useCallback50,
+  useCallback as useCallback53,
   useContext as useContext17,
-  useEffect as useEffect53,
+  useEffect as useEffect55,
   useMemo as useMemo42,
   useState as useState71
 } from "react";
@@ -1087,9 +1087,9 @@ var useInitialChainId = () => useContext4(FunkitConnectChainContext).initialChai
 // src/providers/ModalContext.tsx
 import React227, {
   createContext as createContext16,
-  useCallback as useCallback49,
+  useCallback as useCallback52,
   useContext as useContext16,
-  useEffect as useEffect52,
+  useEffect as useEffect54,
   useMemo as useMemo41,
   useState as useState70
 } from "react";
@@ -1179,9 +1179,9 @@ import {
 import { isNotNullish as isNotNullish3 } from "@funkit/utils";
 import React14, {
   createContext as createContext10,
-  useCallback as useCallback9,
+  useCallback as useCallback11,
   useContext as useContext10,
-  useEffect as useEffect8,
+  useEffect as useEffect9,
   useRef as useRef2,
   useState as useState7
 } from "react";
@@ -1500,9 +1500,9 @@ import { Auth, Chain, FunWallet, configureEnvironment as configureEnvironment2 }
 import { formatAddress as formatAddress2 } from "@funkit/utils";
 import React10, {
   createContext as createContext5,
-  useCallback as useCallback2,
+  useCallback as useCallback4,
   useContext as useContext5,
-  useEffect as useEffect4,
+  useEffect as useEffect5,
   useMemo as useMemo4,
   useState as useState4
 } from "react";
@@ -1513,6 +1513,91 @@ import {
   useSwitchChain
 } from "wagmi";
 
+// src/hooks/track/useTrack.ts
+import { flatten } from "@funkit/utils";
+import {
+  useStatsigClient,
+  useStatsigUser
+} from "@statsig/react-bindings";
+import { useCallback as useCallback3 } from "react";
+
+// src/providers/useFingerprint.ts
+import { useCallback as useCallback2, useEffect as useEffect4 } from "react";
+var storageKey = "funkit-connect-version";
+function setFunkitConnectVersion({ version }) {
+  localStorage.setItem(storageKey, version);
+}
+function getCurrentSdkVersion() {
+  return "6.14.9";
+}
+function useFingerprint() {
+  const fingerprint = useCallback2(() => {
+    setFunkitConnectVersion({ version: getCurrentSdkVersion() });
+  }, []);
+  useEffect4(() => {
+    fingerprint();
+  }, [fingerprint]);
+}
+
+// src/hooks/track/useTrack.ts
+var stringifyValues = (metadata) => {
+  const normalizedMetadata = {};
+  for (const [key, value] of Object.entries(metadata)) {
+    if (value === void 0 || value === null) {
+      continue;
+    }
+    normalizedMetadata[key] = JSON.stringify(value);
+  }
+  return normalizedMetadata;
+};
+var useTrack = () => {
+  const { logEvent: logStatsigEvent } = useStatsigClient();
+  const { updateUserAsync: updateStatsigUserAsync } = useStatsigUser();
+  const logEvent = useCallback3(
+    (eventNameOrTrackEventData) => {
+      try {
+        const isString = typeof eventNameOrTrackEventData === "string";
+        if (isString) {
+          logStatsigEvent(eventNameOrTrackEventData);
+        } else {
+          const {
+            eventName,
+            value,
+            metadata: rawMetadata
+          } = eventNameOrTrackEventData;
+          const metadata = rawMetadata && stringifyValues(flatten(rawMetadata));
+          logStatsigEvent(eventName, value, metadata);
+        }
+      } catch (error) {
+        logger.error("useTrack:error", error);
+      }
+    },
+    [logStatsigEvent]
+  );
+  const updateUserAsync = useCallback3(
+    (userInfo, apiKey) => {
+      const appVersion = getCurrentSdkVersion();
+      const userAgent = navigator.userAgent;
+      const statsigUser = {
+        userID: userInfo.id,
+        userAgent,
+        appVersion,
+        custom: {
+          name: userInfo.name,
+          type: userInfo.type,
+          apiKey
+        }
+      };
+      return updateStatsigUserAsync(statsigUser);
+    },
+    [updateStatsigUserAsync]
+  );
+  return {
+    logEvent,
+    updateUserAsync
+  };
+};
+
 // src/utils/funkitProvider.ts
 function getInitialChainIdFromFunkitProviderProps(props) {
   if (!props.wagmiConfig) {
@@ -1669,6 +1754,7 @@ function GeneralWalletProvider({ children }) {
   const ensAvatar = useMainnetEnsAvatar(ensName);
   const { web2UserInfo, handleFunkitWeb2Logout } = useFunkitWeb2Login();
   const { externalUserId, apiKey } = useFunkitConfig();
+  const { updateUserAsync } = useTrack();
   const loginType = !connector ? "guest" /* Guest */ : connector.id === FUNKIT_CONNECT_WALLET_ID ? "web2" /* Web2 */ : "web3" /* Web3 */;
   const isUserLoggedIn = loginType !== "guest" /* Guest */ || !!externalUserId;
   const userInfo = useMemo4(() => {
@@ -1709,9 +1795,12 @@ function GeneralWalletProvider({ children }) {
     apiKey,
     externalUserId
   ]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (userInfo.id !== logger.getUserId() || userInfo.address !== logger.getUserAddress() || userInfo.name !== logger.getUserName() || userInfo.type !== logger.getUserLoginType()) {
       logger.log("settingUserInfo", userInfo);
+      updateUserAsync(userInfo, apiKey).catch(
+        (error) => logger.error("updateUserAsync:error", error)
+      );
       logger.setUserInfo(
         userInfo.id,
         userInfo.address,
@@ -1719,10 +1808,10 @@ function GeneralWalletProvider({ children }) {
         userInfo.type
       );
     }
-  }, [userInfo]);
+  }, [userInfo, updateUserAsync, apiKey]);
   const [funWalletAuth, setFunWalletAuth] = useState4(null);
   const [funWallet, setFunWallet] = useState4(null);
-  useEffect4(() => {
+  useEffect5(() => {
     async function setupFunWallet() {
       let newFunWalletAuth = null;
       let newFunWallet = null;
@@ -1762,7 +1851,7 @@ function GeneralWalletProvider({ children }) {
     );
   }, [connector, loginType, activeChain]);
   const [logoutSymbol, triggerLogoutSymbol] = useSymbolRefresh_default();
-  const handleLogout = useCallback2(async () => {
+  const handleLogout = useCallback4(async () => {
     logger.log("handleLogout_called");
     singletonAssetAbort.abort("Abort on logout");
     singletonAssetAbort.setAbortController(new AbortController());
@@ -1859,7 +1948,7 @@ var useFunkitSwitchChains = ({
       }
     }
   });
-  const canSwitchChain = useCallback2(
+  const canSwitchChain = useCallback4(
     (params) => {
       if (loginType === "web2" /* Web2 */ && !FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO[params.chainId]?.isFunWalletSupported) {
         logger.warn(
@@ -1871,7 +1960,7 @@ var useFunkitSwitchChains = ({
     },
     [loginType]
   );
-  const switchChainWithGuard = useCallback2(
+  const switchChainWithGuard = useCallback4(
     (params) => {
       if (canSwitchChain(params)) {
         switchChain(params);
@@ -1879,7 +1968,7 @@ var useFunkitSwitchChains = ({
     },
     [canSwitchChain, switchChain]
   );
-  const switchChainAsyncWithGuard = useCallback2(
+  const switchChainAsyncWithGuard = useCallback4(
     async (params) => {
       if (canSwitchChain(params)) {
         await switchChainAsync(params);
@@ -2148,9 +2237,9 @@ import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS
 import { FlagKey as FlagKey6, isNotNullish as isNotNullish2 } from "@funkit/utils";
 import React13, {
   createContext as createContext9,
-  useCallback as useCallback8,
+  useCallback as useCallback10,
   useContext as useContext9,
-  useEffect as useEffect7,
+  useEffect as useEffect8,
   useState as useState6
 } from "react";
 import { flushSync } from "react-dom";
@@ -2160,7 +2249,7 @@ import { v4 as uuid } from "uuid";
 import { DirectExecutionType, getCheckoutQuoteV2 } from "@funkit/api-base";
 import { executeRelayQuote } from "@funkit/fun-relay";
 import { FlagKey as FlagKey4 } from "@funkit/utils";
-import { useCallback as useCallback5 } from "react";
+import { useCallback as useCallback7 } from "react";
 import { useConfig as useConfig2, useWalletClient } from "wagmi";
 
 // src/consts/checkout.ts
@@ -2180,7 +2269,7 @@ var WEB3_ACCOUNT_BALANCE_MESSAGE = {
 
 // src/hooks/useIsTokenWhitelisted.ts
 import { isTokenAddressEquivalent as isTokenAddressEquivalent2 } from "@funkit/utils";
-import { useCallback as useCallback3, useMemo as useMemo7 } from "react";
+import { useCallback as useCallback5, useMemo as useMemo7 } from "react";
 
 // src/providers/FunkitFlagsProvider.tsx
 import { datadogLogs as datadogLogs2 } from "@datadog/browser-logs";
@@ -2188,7 +2277,7 @@ import { useQuery as useQuery2 } from "@tanstack/react-query";
 import React12, {
   createContext as createContext8,
   useContext as useContext8,
-  useEffect as useEffect6,
+  useEffect as useEffect7,
   useMemo as useMemo6
 } from "react";
 
@@ -2279,6 +2368,30 @@ var WITHDRAWAL_CHAINS_AND_ASSETS = {
   // solana
   1151111081099710: ["SOL", "USDC", "USDT"]
 };
+var createConditionalOverride = (blockedCountry, apiKeys, value) => {
+  return {
+    if_all: [
+      {
+        key: "ipCountry",
+        type: "isAnyOf",
+        values: [blockedCountry]
+      },
+      {
+        key: "apiKey",
+        type: "isAnyOf",
+        values: apiKeys
+      }
+    ],
+    if_any: [
+      {
+        key: "userId",
+        type: "pctRollout",
+        pct: 100
+      }
+    ],
+    value
+  };
+};
 var flagConfig = {
   [FlagKey.SupportedExchangesV2]: {
     type: "string",
@@ -2351,6 +2464,11 @@ var flagConfig = {
     type: "boolean",
     default_value: false,
     overrides: [
+      createConditionalOverride(
+        "US",
+        [HYPERDASH_API_KEY, KATANA_API_KEY],
+        false
+      ),
       {
         if_any: [
           {
@@ -2379,6 +2497,7 @@ var flagConfig = {
     type: "boolean",
     default_value: false,
     overrides: [
+      createConditionalOverride("US", [HYPERDASH_API_KEY], false),
       {
         if_any: [
           {
@@ -2625,6 +2744,7 @@ var flagConfig = {
     type: "boolean",
     default_value: true,
     overrides: [
+      createConditionalOverride("US", [HYPERDASH_API_KEY], false),
       {
         if_any: [
           {
@@ -3000,7 +3120,7 @@ import { useQuery } from "@tanstack/react-query";
 import React11, {
   createContext as createContext7,
   useContext as useContext7,
-  useEffect as useEffect5,
+  useEffect as useEffect6,
   useMemo as useMemo5,
   useState as useState5
 } from "react";
@@ -3035,9 +3155,6 @@ function isEtherealCustomer(apiKey) {
 function isKatanaCustomer(apiKey) {
   return apiKey === KATANA_API_KEY2;
 }
-function isHyperdashCustomer(apiKey) {
-  return apiKey === HYPERDASH_API_KEY2;
-}
 function isBasedCustomer(apiKey) {
   return apiKey === BASED_API_KEY2;
 }
@@ -3053,7 +3170,7 @@ var useIsFunkitSandboxMode = () => useContext6(FunkitSandboxContext);
 // src/providers/FunkitMoonpayProvider.tsx
 var LazyMoonPayProvider = (props) => {
   const [MoonPayProvider, setMoonPayProvider] = useState5(null);
-  useEffect5(() => {
+  useEffect6(() => {
     const loadMoonPayProvider = async () => {
       const module = await import("@moonpay/moonpay-react");
       setMoonPayProvider(() => module.MoonPayProvider);
@@ -3216,12 +3333,12 @@ function FunkitFlagsProvider({ children }) {
       isLoading
     };
   }, [error, flags, isLoading]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (!isLoading) {
       datadogLogs2.setGlobalContextProperty("flags", flags);
     }
   }, [flags, isLoading]);
-  useEffect6(() => {
+  useEffect7(() => {
     if (error) {
       logger.error("flag_initError", error);
     }
@@ -3252,7 +3369,7 @@ var useIsTokenWhitelisted = (flagKey) => {
     () => safeJSONParse(whitelistedTokensString),
     [whitelistedTokensString]
   );
-  const isTokenWhitelisted = useCallback3(
+  const isTokenWhitelisted = useCallback5(
     (chainId, tokenAddress) => {
       const tokensForChainId = toArrayIfString(whitelistedTokensByChainId?.[chainId]) ?? [];
       const tokensForAllChains = toArrayIfString(whitelistedTokensByChainId?.[MATCH_ALL]) ?? [];
@@ -3288,7 +3405,7 @@ var toArrayIfString = (value) => {
 
 // src/hooks/useRelayBypass.ts
 import { FlagKey as FlagKey3, isTokenAddressEquivalent as isTokenAddressEquivalent3 } from "@funkit/utils";
-import { useCallback as useCallback4, useMemo as useMemo8 } from "react";
+import { useCallback as useCallback6, useMemo as useMemo8 } from "react";
 var isTokenFlagEnabled = (tokenList, tokenAddress) => {
   if (tokenList.includes("*")) {
     return true;
@@ -3309,7 +3426,7 @@ function useSourceTokenRelayEnabled() {
     () => safeJSONParse(sourceTokensJsonString),
     [sourceTokensJsonString]
   );
-  const isAllowed = useCallback4(
+  const isAllowed = useCallback6(
     (chainId, tokenAddress) => {
       return isRelayBypassEnabled && isTokenFlagEnabled(
         sourceTokens?.[Number.parseInt(`${chainId}`)] || [],
@@ -3353,7 +3470,7 @@ function useRelayBypass() {
     };
   }, [apiKey]);
   return {
-    getIsRelayEnabled: useCallback4(
+    getIsRelayEnabled: useCallback6(
       ({
         fromChainId,
         fromTokenAddress,
@@ -3402,7 +3519,7 @@ function useCheckoutDirectExecution() {
   const { apiKey } = useFunkitConfig();
   const isPermitEnabledForToken = useIsTokenWhitelisted(FlagKey4.Permit2Tokens);
   const wagmiConfig = useConfig2();
-  const getRelayDirectExecutionBaseQuote = useCallback5(
+  const getRelayDirectExecutionBaseQuote = useCallback7(
     async (params) => {
       const {
         actionParams,
@@ -3449,7 +3566,7 @@ function useCheckoutDirectExecution() {
     },
     [address, apiKey, isPermitEnabledForToken, wagmiConfig]
   );
-  const checkAndSwitchChains = useCallback5(
+  const checkAndSwitchChains = useCallback7(
     async ({
       executionChainId,
       stepMessageSetter
@@ -3473,7 +3590,7 @@ function useCheckoutDirectExecution() {
     },
     [connector, switchChainAsync]
   );
-  const startRelayDirectExecution = useCallback5(
+  const startRelayDirectExecution = useCallback7(
     async ({
       checkoutItem,
       latestQuote,
@@ -3508,7 +3625,7 @@ function useCheckoutDirectExecution() {
               logger.info("executeRelayQuote:onTransactionConfirmed", {
                 txHash
               });
-              onTransactionConfirmed();
+              onTransactionConfirmed(txHash);
             },
             onUserActionsCompleted: async (txHash) => {
               logger.info("executeRelayQuote:onUserActionsCompleted", {
@@ -3550,7 +3667,7 @@ function useCheckoutDirectExecution() {
     },
     [walletClient, checkAndSwitchChains]
   );
-  const getDirectExecutionInfo = useCallback5(
+  const getDirectExecutionInfo = useCallback7(
     (checkoutItem) => {
       const noop10 = {
         isDirectExecution: false,
@@ -3588,7 +3705,7 @@ function useCheckoutDirectExecution() {
       startRelayDirectExecution
     ]
   );
-  const getWithdrawalDirectExecution = useCallback5(() => {
+  const getWithdrawalDirectExecution = useCallback7(() => {
     const quoteAction = getRelayDirectExecutionBaseQuote;
     const executeAction = startRelayDirectExecution;
     return {
@@ -3610,7 +3727,7 @@ import {
 } from "@funkit/api-base";
 import { FlagKey as FlagKey5 } from "@funkit/utils";
 import { useQuery as useQuery3 } from "@tanstack/react-query";
-import { useCallback as useCallback6 } from "react";
+import { useCallback as useCallback8 } from "react";
 
 // src/domains/clientMetadata.ts
 function generateClientMetadataForBackend({
@@ -3693,7 +3810,7 @@ var useCheckoutTransferInit = () => {
     apiKey,
     actionType: checkoutConfig?.qrcodeActionType
   };
-  const queryFunction = useCallback6(
+  const queryFunction = useCallback8(
     async (params) => {
       return await initializeCheckoutTokenTransferAddress({
         ...params,
@@ -3725,13 +3842,13 @@ var useCheckoutTransferInit = () => {
 };
 
 // src/hooks/useEffectEvent.ts
-import { useCallback as useCallback7, useInsertionEffect, useRef } from "react";
+import { useCallback as useCallback9, useInsertionEffect, useRef } from "react";
 function useEffectEvent(fn) {
   const savedCallback = useRef(fn);
   useInsertionEffect(() => {
     savedCallback.current = fn;
   }, [fn]);
-  return useCallback7(
+  return useCallback9(
     (...args) => {
       const f = savedCallback.current;
       return f(...args);
@@ -3760,6 +3877,48 @@ function generateSourceOfFundString({
   return "";
 }
 
+// src/providers/FunkitCheckoutContext.track.ts
+var trackEventFromActiveCheckoutItem = (activeCheckoutItem) => {
+  const eventName = "fc::modal_opened" /* MODAL_OPENED */;
+  const metadata = {
+    ...activeCheckoutItem,
+    // rename id to checkoutId for consistency with `NAVIGATION_` events metadata format
+    checkoutId: activeCheckoutItem.id,
+    id: void 0
+  };
+  return {
+    eventName,
+    metadata
+  };
+};
+var cleanupLatestQuote = (latestQuote) => {
+  const { baseQuote, ...rest } = latestQuote;
+  return {
+    ...rest,
+    base: {
+      ...baseQuote,
+      metadata: void 0
+    },
+    quoteId: baseQuote.quoteId
+  };
+};
+var trackEventFromDirectExecutionConfirmed = ({
+  txHash,
+  checkoutItem,
+  latestQuote
+}) => {
+  return {
+    // for PaymentMethod.ACCOUNT_BALANCE we always use direct execution
+    eventName: "fc::success::account_balance" /* ACCOUNT_BALANCE_SUCCESS */,
+    metadata: {
+      txHash,
+      checkoutItem,
+      checkoutId: checkoutItem.id,
+      quote: cleanupLatestQuote(latestQuote)
+    }
+  };
+};
+
 // src/providers/FunkitCheckoutContext.tsx
 var FunCheckoutStartingStep = /* @__PURE__ */ ((FunCheckoutStartingStep2) => {
   FunCheckoutStartingStep2["SOURCE_CHANGE"] = "source_change";
@@ -3798,22 +3957,23 @@ function FunkitCheckoutProvider({ children }) {
   const { refreshCheckoutHistory } = useCheckoutHistoryContext();
   const { getDirectExecutionInfo, getWithdrawalDirectExecution } = useCheckoutDirectExecution();
   const { manualFetch } = useCheckoutTransferInit();
+  const { logEvent } = useTrack();
   const [activeCheckout, setActiveCheckout] = useState6(null);
   const [activeWithdrawal, setActiveWithdrawal] = useState6(null);
   const [checkoutsProgress, setCheckoutsProgress] = useState6({});
-  const getCheckoutProgress = useCallback8(
+  const getCheckoutProgress = useCallback10(
     (checkoutId) => {
       return checkoutsProgress[checkoutId];
     },
     [checkoutsProgress]
   );
-  const setCheckoutProgress = useCallback8(
+  const setCheckoutProgress = useCallback10(
     (checkoutId, progress) => {
       setCheckoutsProgress((data) => ({ ...data, [checkoutId]: progress }));
     },
     []
   );
-  useEffect7(() => {
+  useEffect8(() => {
     if (isNotNullish2(logoutSymbol)) {
       setActiveCheckout(null);
     }
@@ -3829,7 +3989,7 @@ function FunkitCheckoutProvider({ children }) {
       });
     }
   );
-  const initNewWithdrawal = useCallback8(
+  const initNewWithdrawal = useCallback10(
     (props) => {
       const { onWithdrawalConfirmation, onWithdrawalError, config } = props;
       const newWithdrawalId = uuid();
@@ -3847,7 +4007,7 @@ function FunkitCheckoutProvider({ children }) {
     },
     []
   );
-  const initNewCheckout = useCallback8(
+  const initNewCheckout = useCallback10(
     ({ config, ...initSettings }) => {
       const newCheckoutId = uuid();
       const newActiveCheckoutItem = {
@@ -3877,9 +4037,11 @@ function FunkitCheckoutProvider({ children }) {
       };
       setActiveCheckout(newActiveCheckoutItem);
       logger.log("checkoutStarted", newActiveCheckoutItem);
+      const trackEvent = trackEventFromActiveCheckoutItem(newActiveCheckoutItem);
+      logEvent(trackEvent);
       return newCheckoutId;
     },
-    []
+    [logEvent]
   );
   const updateSourceAsset = useEffectEvent(
     (selectedSource) => {
@@ -3922,7 +4084,7 @@ function FunkitCheckoutProvider({ children }) {
       });
     }
   );
-  const startDirectExecutionCheckout = useCallback8(
+  const startDirectExecutionCheckout = useCallback10(
     async ({
       stepMessageSetter,
       latestQuote,
@@ -3943,8 +4105,14 @@ function FunkitCheckoutProvider({ children }) {
           actionsParams,
           checkoutItem,
           latestQuote,
-          onTransactionConfirmed: () => {
+          onTransactionConfirmed: (txHash2) => {
             setCheckoutProgress(checkoutItem.id, { step: 2 });
+            const trackEvent = trackEventFromDirectExecutionConfirmed({
+              txHash: txHash2,
+              checkoutItem,
+              latestQuote
+            });
+            logEvent(trackEvent);
           },
           stepMessageSetter,
           withdrawalClient
@@ -4005,10 +4173,11 @@ function FunkitCheckoutProvider({ children }) {
       updateActiveCheckout,
       walletAddress,
       getWithdrawalDirectExecution,
-      manualFetch
+      manualFetch,
+      logEvent
     ]
   );
-  const startRegularCheckout = useCallback8(
+  const startRegularCheckout = useCallback10(
     async ({
       stepMessageSetter,
       latestQuote,
@@ -4209,14 +4378,14 @@ function useFunkitCheckout(props) {
   const { connectModalOpen, openConnectModal } = useConnectModal();
   const { isUserLoggedIn } = useGeneralWallet();
   const isCheckoutActivated = useFlag(FlagKey6.IsCheckoutActivated);
-  const onErrorWrapper = useCallback8(
+  const onErrorWrapper = useCallback10(
     (payload) => {
       logger.warn(payload.message, payload);
       onError?.(payload);
     },
     [onError]
   );
-  const onOpenWrapper = useCallback8(
+  const onOpenWrapper = useCallback10(
     (newId) => {
       props?.onOpen?.();
       openFunCheckoutModal?.(newId);
@@ -4315,13 +4484,13 @@ function useFunkitCheckout(props) {
     });
     openWithdrawalModal?.({ withdrawalId, ...config });
   });
-  useEffect7(() => {
+  useEffect8(() => {
     if (isUserLoggedIn && pendingCheckoutConfig) {
       setPendingCheckoutConfig(void 0);
       beginCheckout(pendingCheckoutConfig);
     }
   }, [beginCheckout, isUserLoggedIn, pendingCheckoutConfig]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (pendingCheckoutConfig && !isUserLoggedIn && !connectModalOpen) {
       setPendingCheckoutConfig(void 0);
     }
@@ -4846,7 +5015,7 @@ function FunkitCheckoutHistoryProvider({
   const [isInited, setIsInited] = useState7(false);
   const [isRefreshing, setIsRefreshing] = useState7(true);
   const isGuestUserOnCheckoutHistory = !isUserLoggedIn && !!historyDepositAddress;
-  const _refreshCheckoutHistory = useCallback9(async () => {
+  const _refreshCheckoutHistory = useCallback11(async () => {
     if (!funkitConfig.apiKey) {
       return;
     }
@@ -4902,19 +5071,19 @@ function FunkitCheckoutHistoryProvider({
     isUserLoggedIn,
     userInfo
   ]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (isUserLoggedIn || isGuestUserOnCheckoutHistory) {
       _refreshCheckoutHistory();
     }
   }, [refreshSymbol, isUserLoggedIn]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (isNotNullish3(logoutSymbol) && isInited) {
       setIsInited(false);
       setCheckoutHistoryList([]);
       clearInterval(intervalRef.current);
     }
   }, [logoutSymbol]);
-  const startCheckoutHistoryListener = useCallback9(
+  const startCheckoutHistoryListener = useCallback11(
     (singleDepositAddr, expedited = false) => {
       setHistoryDepositAddress(singleDepositAddr);
       clearInterval(intervalRef.current);
@@ -4930,7 +5099,7 @@ function FunkitCheckoutHistoryProvider({
     },
     [triggerRefreshSymbol]
   );
-  const stopCheckoutHistoryListener = useCallback9(
+  const stopCheckoutHistoryListener = useCallback11(
     (cancelIntervalId) => {
       clearInterval(cancelIntervalId);
       if (cancelIntervalId === intervalRef.current) {
@@ -5020,7 +5189,7 @@ var useFunkitPostCheckoutInternal = (checkoutId) => {
   if (!checkoutId || !isHex(checkoutId)) {
     throw new Error("Invalid checkout ID");
   }
-  useEffect8(() => {
+  useEffect9(() => {
     const setupCheckoutHistory = async () => {
       if (checkoutId === "0x") {
         return;
@@ -5082,7 +5251,7 @@ var useFunkitPostCheckoutInternal = (checkoutId) => {
 };
 
 // src/components/FunCheckoutHistory/FunCheckoutStatus.tsx
-import React22, { useEffect as useEffect11, useMemo as useMemo9, useState as useState10 } from "react";
+import React22, { useEffect as useEffect12, useMemo as useMemo9, useState as useState10 } from "react";
 
 // src/components/TransactionStatus/TransactionStatus.tsx
 import {
@@ -5091,14 +5260,14 @@ import {
   useAnimate
 } from "motion/react";
 import React21, {
-  useCallback as useCallback10,
-  useEffect as useEffect10,
+  useCallback as useCallback12,
+  useEffect as useEffect11,
   useRef as useRef3,
   useState as useState9
 } from "react";
 
 // src/providers/FunkitThemeProvider.tsx
-import React15, { createContext as createContext11, useContext as useContext11, useEffect as useEffect9, useState as useState8 } from "react";
+import React15, { createContext as createContext11, useContext as useContext11, useEffect as useEffect10, useState as useState8 } from "react";
 var FUNKIT_THEME_CACHE_KEY = "funkit-connect-is-light";
 var DEFAULT_THEME_SET = {
   lightTheme: lightTheme(),
@@ -5181,7 +5350,7 @@ var FunkitThemeProvider = ({
   const [activeTheme, setActiveTheme] = useState8(
     getConfigTheme(themeOrThemeSet, systemColorScheme)
   );
-  useEffect9(() => {
+  useEffect10(() => {
     const handler = (e) => {
       const colorScheme = e.matches ? "light" : "dark";
       setSystemColorScheme(colorScheme);
@@ -5198,7 +5367,7 @@ var FunkitThemeProvider = ({
       };
     }
   }, []);
-  useEffect9(() => {
+  useEffect10(() => {
     setActiveTheme(getConfigTheme(themeOrThemeSet, systemColorScheme));
   }, [systemColorScheme, themeOrThemeSet]);
   const isFullThemeSet = isThemeSet(themeOrThemeSet);
@@ -5819,11 +5988,11 @@ function TransactionStatus({
   const [transitioningToStatus, setTransitioningToStatus] = useState9(status);
   const [transitioningToStep, setTransitioningToStep] = useState9(step);
   const spinAnimationRef = useRef3();
-  const stopSpinning = useCallback10(() => {
+  const stopSpinning = useCallback12(() => {
     spinAnimationRef.current?.cancel();
     spinAnimationRef.current = void 0;
   }, []);
-  const startSpinning = useCallback10(
+  const startSpinning = useCallback12(
     (step2) => {
       stopSpinning();
       spinAnimationRef.current = animate(
@@ -5841,7 +6010,7 @@ function TransactionStatus({
     },
     [animate, stopSpinning]
   );
-  const animateCircleToSuccess = useCallback10(
+  const animateCircleToSuccess = useCallback12(
     async (step2) => {
       const durationMs = 300;
       const checkmarkDelayMs = 50;
@@ -5881,12 +6050,12 @@ function TransactionStatus({
     },
     [animate]
   );
-  useEffect10(() => {
+  useEffect11(() => {
     if (initialStatus === "progress") {
       startSpinning(initialStep);
     }
   }, [initialStatus, initialStep, startSpinning]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (transitioningToStatus !== currentStatus || transitioningToStep !== currentStep) {
       return;
     }
@@ -6246,14 +6415,14 @@ function FunCheckoutStatusLoaded({
     [activeCheckoutItem, checkoutHistoryItem]
   );
   const [currentTimeMs, setCurrentTimeMs] = useState10(Date.now());
-  useEffect11(() => {
+  useEffect12(() => {
     const interval = setInterval(() => setCurrentTimeMs(Date.now()), 1e3);
     return () => clearInterval(interval);
   }, []);
   const onOrderDelayedEvent = useEffectEvent(() => onOrderDelayed?.());
   const elapsedSeconds = (currentTimeMs - startTimeMs) / 1e3;
   const isNewlyDelayed = isProcessing && elapsedSeconds >= 60;
-  useEffect11(() => {
+  useEffect12(() => {
     if (isNewlyDelayed) {
       onOrderDelayedEvent();
     }
@@ -6284,7 +6453,7 @@ function extractStartTimeMs(historyCheckoutItemId, activeCheckoutItem, { created
 }
 
 // src/components/FunCheckoutHistory/FunDirectExecutionStatus.tsx
-import React23, { useEffect as useEffect12, useState as useState11 } from "react";
+import React23, { useEffect as useEffect13, useState as useState11 } from "react";
 function FunDirectExecutionStatus({
   directExecution,
   isActiveCheckout
@@ -6307,7 +6476,7 @@ function FunDirectExecutionStatusLoaded({
   const progress = getCheckoutProgress(directExecution.clientMetadata.id);
   const startTimeMs = directExecution.createdTimeMs;
   const [currentTimeMs, setCurrentTimeMs] = useState11(Date.now());
-  useEffect12(() => {
+  useEffect13(() => {
     const interval = setInterval(() => setCurrentTimeMs(Date.now()), 1e3);
     return () => clearInterval(interval);
   }, []);
@@ -6493,9 +6662,9 @@ function isCustomWithdrawalConfig(config) {
 import { isMobile as isMobile2, isSafari } from "@funkit/utils";
 import clsx8 from "clsx";
 import React43, {
-  useCallback as useCallback13,
+  useCallback as useCallback15,
   useContext as useContext12,
-  useEffect as useEffect18,
+  useEffect as useEffect19,
   useRef as useRef8
 } from "react";
 import { createPortal } from "react-dom";
@@ -6503,13 +6672,13 @@ import { RemoveScroll } from "react-remove-scroll";
 import { AnimatePresence as AnimatePresence3, motion as motion4 } from "motion/react";
 
 // src/hooks/useScrollDivider.ts
-import { useEffect as useEffect13, useRef as useRef5, useState as useState13 } from "react";
+import { useEffect as useEffect14, useRef as useRef5, useState as useState13 } from "react";
 var useScrollDivider = () => {
   const ref = useRef5(null);
   const [isTop, setIsTop] = useState13(true);
   const [isScrollable, setIsScrollable] = useState13(false);
   const [isScrolling, setIsScrolling] = useState13(false);
-  useEffect13(() => {
+  useEffect14(() => {
     const content2 = ref.current;
     if (!content2 || !window.ResizeObserver) {
       return;
@@ -7255,8 +7424,8 @@ function FunDivider({
 
 // src/components/FunTooltip/FunTooltip.tsx
 import React40, {
-  useCallback as useCallback11,
-  useEffect as useEffect14,
+  useCallback as useCallback13,
+  useEffect as useEffect15,
   useRef as useRef6,
   useState as useState14
 } from "react";
@@ -7346,7 +7515,7 @@ var FunTooltip = ({
   const startDelayRef = useRef6();
   const delayRef = useRef6();
   const tooltipRef = useRef6(null);
-  const show = useCallback11(
+  const show = useCallback13(
     (startHiding) => {
       startDelayRef.current = setTimeout(() => {
         setIsDisplayed(true);
@@ -7356,19 +7525,19 @@ var FunTooltip = ({
     },
     [startDelay]
   );
-  const hide = useCallback11(() => {
+  const hide = useCallback13(() => {
     clearTimeout(startDelayRef.current);
     delayRef.current = setTimeout(() => {
       setIsDisplayed(false);
     }, hideDelay);
   }, [hideDelay]);
-  useEffect14(() => {
+  useEffect15(() => {
     return () => {
       clearTimeout(delayRef.current);
       clearTimeout(startDelayRef.current);
     };
   }, []);
-  useEffect14(() => {
+  useEffect15(() => {
     if (!wrapperElementRef?.current || !tooltipRef.current || !enableDynamicPositioning) {
       return;
     }
@@ -7469,7 +7638,7 @@ var HelpIcon = () => {
 };
 
 // src/components/Dialog/FocusTrap.tsx
-import React42, { useCallback as useCallback12, useEffect as useEffect15, useRef as useRef7 } from "react";
+import React42, { useCallback as useCallback14, useEffect as useEffect16, useRef as useRef7 } from "react";
 var moveFocusWithin = (element2, position) => {
   const focusableElements = element2.querySelectorAll(
     "button:not(:disabled), a[href]"
@@ -7481,14 +7650,14 @@ var moveFocusWithin = (element2, position) => {
 };
 function FocusTrap(props) {
   const contentRef = useRef7(null);
-  useEffect15(() => {
+  useEffect16(() => {
     const previouslyActiveElement = document.activeElement;
     return () => {
       ;
       previouslyActiveElement.focus?.();
     };
   }, []);
-  useEffect15(() => {
+  useEffect16(() => {
     if (contentRef.current) {
       const elementToFocus = contentRef.current.querySelector("[data-auto-focus]");
       if (elementToFocus) {
@@ -7502,7 +7671,7 @@ function FocusTrap(props) {
   return /* @__PURE__ */ React42.createElement(React42.Fragment, null, /* @__PURE__ */ React42.createElement(
     "div",
     {
-      onFocus: useCallback12(
+      onFocus: useCallback14(
         () => contentRef.current && moveFocusWithin(contentRef.current, "end"),
         []
       ),
@@ -7519,7 +7688,7 @@ function FocusTrap(props) {
   ), /* @__PURE__ */ React42.createElement(
     "div",
     {
-      onFocus: useCallback12(
+      onFocus: useCallback14(
         () => contentRef.current && moveFocusWithin(contentRef.current, "start"),
         []
       ),
@@ -7529,11 +7698,11 @@ function FocusTrap(props) {
 }
 
 // src/components/Dialog/hooks.ts
-import { useEffect as useEffect17, useState as useState15 } from "react";
+import { useEffect as useEffect18, useState as useState15 } from "react";
 
 // src/hooks/useIsomorphicEffect.ts
-import { useEffect as useEffect16, useLayoutEffect } from "react";
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect16;
+import { useEffect as useEffect17, useLayoutEffect } from "react";
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect17;
 
 // src/components/Dialog/hooks.ts
 var MODAL_BOTTOM_BAR_WRAPPER_ID = "fun-modal-bottom-bar-wrapper";
@@ -7599,7 +7768,7 @@ function useBottomBarHasNoChildren() {
   const checkoutBottomBarElement = useCheckoutBottomBarElement();
   const withdrawalBottomBarElement = useWithdrawalBottomBarElement();
   const [hasNoChildren, setHasNoChildren] = useState15(false);
-  useEffect17(() => {
+  useEffect18(() => {
     const node = checkoutBottomBarElement || withdrawalBottomBarElement || generalBottomBarElement;
     if (!node) {
       return;
@@ -7649,14 +7818,14 @@ function Dialog({
   withTransition = true,
   testId
 }) {
-  useEffect18(() => {
+  useEffect19(() => {
     const handleEscape = (event) => open && event.key === "Escape" && onClose();
     if (isSmartCloseable) {
       document.addEventListener("keydown", handleEscape);
     }
     return () => document.removeEventListener("keydown", handleEscape);
   }, [open, onClose, isSmartCloseable]);
-  const handleBackdropClick = useCallback13(
+  const handleBackdropClick = useCallback15(
     () => isSmartCloseable ? onClose() : () => void 0,
     [isSmartCloseable, onClose]
   );
@@ -8018,7 +8187,7 @@ import {
   formatCryptoAndStringify as formatCryptoAndStringify3,
   formatCurrencyAndStringify as formatCurrencyAndStringify3
 } from "@funkit/utils";
-import React67, { useEffect as useEffect27, useMemo as useMemo14, useState as useState26 } from "react";
+import React67, { useEffect as useEffect28, useMemo as useMemo14, useState as useState26 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
 import { useDebounce } from "use-debounce";
 import { useAccount as useAccount3 } from "wagmi";
@@ -8027,7 +8196,7 @@ import { useAccount as useAccount3 } from "wagmi";
 import React44, { useMemo as useMemo10, useReducer as useReducer2, useState as useState16 } from "react";
 
 // src/components/AsyncImage/useAsyncImage.ts
-import { useEffect as useEffect19, useReducer } from "react";
+import { useEffect as useEffect20, useReducer } from "react";
 var cachedUrls = /* @__PURE__ */ new Map();
 var cachedRequestPromises = /* @__PURE__ */ new Map();
 async function loadAsyncImage(asyncImage) {
@@ -8060,7 +8229,7 @@ function useForceUpdate() {
 function useAsyncImage(url) {
   const cachedUrl = typeof url === "function" ? cachedUrls.get(url) : void 0;
   const forceUpdate = useForceUpdate();
-  useEffect19(() => {
+  useEffect20(() => {
     if (typeof url === "function" && !cachedUrl) {
       loadAsyncImage(url).then(forceUpdate);
     }
@@ -8200,7 +8369,7 @@ import React56 from "react";
 // src/components/Dropdown/BaseDropdown.tsx
 import { isMobile as isMobile3, noop as noop2 } from "@funkit/utils";
 import { AnimatePresence as AnimatePresence4, motion as motion5 } from "motion/react";
-import React53, { useCallback as useCallback14, useEffect as useEffect22, useMemo as useMemo11, useRef as useRef10, useState as useState18 } from "react";
+import React53, { useCallback as useCallback16, useEffect as useEffect23, useMemo as useMemo11, useRef as useRef10, useState as useState18 } from "react";
 
 // src/consts/layout.ts
 var VERTICAL_SECTION_GAP = "18";
@@ -8214,7 +8383,7 @@ var DROPDOWN_Z_INDEX = 10;
 // src/components/FunInput/FunInput.tsx
 import React46, {
   forwardRef as forwardRef3,
-  useEffect as useEffect20,
+  useEffect as useEffect21,
   useState as useState17
 } from "react";
 import clsx9 from "clsx";
@@ -8311,7 +8480,7 @@ var FunInput = forwardRef3(function FunInputWithRef({
     };
   };
   const textareaRef = React46.useRef(null);
-  useEffect20(() => {
+  useEffect21(() => {
     if (allowMultiline) {
       adjustTextareaHeight(textareaRef.current);
     }
@@ -8621,13 +8790,13 @@ var FunNoResults = ({
 
 // src/components/FunSelect/FunClickOutside.tsx
 import React50 from "react";
-import { useEffect as useEffect21, useRef as useRef9 } from "react";
+import { useEffect as useEffect22, useRef as useRef9 } from "react";
 function FunClickOutside({
   children,
   onClick
 }) {
   const wrapperRef = useRef9(null);
-  useEffect21(() => {
+  useEffect22(() => {
     const handleClickListener = (event) => {
       const clickedInside = wrapperRef.current?.contains(
         event.target
@@ -8833,7 +9002,7 @@ function BaseDropdown({
     ),
     [options, searchInput]
   );
-  const closeDropdown = useCallback14(() => {
+  const closeDropdown = useCallback16(() => {
     setIsOpened(false);
     resetSearchOnClose && setSearchInput("");
   }, [resetSearchOnClose]);
@@ -8841,7 +9010,7 @@ function BaseDropdown({
     setIsOpened(true);
     onOpen?.();
   };
-  useEffect22(() => {
+  useEffect23(() => {
     if (isOpened && !prevIsOpenedRef.current) {
       prevIsOpenedRef.current = true;
       if (selectedOption) {
@@ -9793,7 +9962,7 @@ import {
   formatPercent,
   noop as noop4
 } from "@funkit/utils";
-import React64, { useEffect as useEffect23, useMemo as useMemo12, useState as useState20 } from "react";
+import React64, { useEffect as useEffect24, useMemo as useMemo12, useState as useState20 } from "react";
 import clsx14 from "clsx";
 import { motion as motion6, useAnimationControls } from "motion/react";
 import { mainnet as mainnet6 } from "viem/chains";
@@ -10229,7 +10398,7 @@ function PaymentFeesSummary({
       setIsExpanded(true);
     }
   };
-  useEffect23(() => {
+  useEffect24(() => {
     if (valuesNotAvailable && isExpanded) {
       setIsExpanded(false);
     }
@@ -11050,7 +11219,7 @@ var useAssetSymbolPrice = ({
 
 // src/hooks/useTokenChain.ts
 import { FlagKey as FlagKey11 } from "@funkit/utils";
-import { useEffect as useEffect24, useState as useState21 } from "react";
+import { useEffect as useEffect25, useState as useState21 } from "react";
 import { polygon as polygon3 } from "viem/chains";
 
 // src/hooks/useEnabledTokenTransferChainTokens.ts
@@ -11068,16 +11237,6 @@ function useIsUsBankrUser() {
   const isUsUser = useIsUsUser();
   return isUsUser && isBankrCustomer(apiKey);
 }
-function useIsUsKatanaUser() {
-  const { apiKey } = useFunkitConfig();
-  const isUsUser = useIsUsUser();
-  return isUsUser && isKatanaCustomer(apiKey);
-}
-function useIsUsHyperdashUser() {
-  const { apiKey } = useFunkitConfig();
-  const isUsUser = useIsUsUser();
-  return isUsUser && isHyperdashCustomer(apiKey);
-}
 
 // src/hooks/useEnabledTokenTransferChainTokens.ts
 function useEnabledTokenTransferChainTokens(transferInit, isWithdrawal) {
@@ -11133,7 +11292,7 @@ var useTokenAndChainSelection = (transferInit, defaultValues, isWithdrawal) => {
   const selectedChainName = chainMetadataById[selectedChainId]?.name ?? "";
   const defaultSelectedToken = defaultValues?.token ?? filteredAssets?.[selectedChainId]?.[0] ?? "";
   const [selectedToken, setSelectedToken] = useState21(defaultSelectedToken);
-  useEffect24(
+  useEffect25(
     () => setSelectedChainId(validDefaultChainId),
     [validDefaultChainId]
   );
@@ -11181,11 +11340,11 @@ var useTokenAndChainSelection = (transferInit, defaultValues, isWithdrawal) => {
 import { useState as useState25 } from "react";
 
 // src/hooks/useAutoClearState.ts
-import { useCallback as useCallback15, useEffect as useEffect25, useRef as useRef11, useState as useState22 } from "react";
+import { useCallback as useCallback17, useEffect as useEffect26, useRef as useRef11, useState as useState22 } from "react";
 function useAutoClearState(initialValue = null) {
   const [state, setState] = useState22(initialValue);
   const timeoutRef = useRef11();
-  useEffect25(() => {
+  useEffect26(() => {
     return () => {
       if (timeoutRef.current !== void 0) {
         clearTimeout(timeoutRef.current);
@@ -11194,7 +11353,7 @@ function useAutoClearState(initialValue = null) {
   }, []);
   return [
     state,
-    useCallback15((newState, durationMs) => {
+    useCallback17((newState, durationMs) => {
       if (timeoutRef.current) {
         clearTimeout(timeoutRef.current);
         timeoutRef.current = void 0;
@@ -11230,9 +11389,9 @@ var useIsBlacklisted = (walletAddress, customRecipient) => {
 import { FlagKey as FlagKey13, isNotNullish as isNotNullish4 } from "@funkit/utils";
 import React66, {
   createContext as createContext13,
-  useCallback as useCallback16,
+  useCallback as useCallback18,
   useContext as useContext13,
-  useEffect as useEffect26,
+  useEffect as useEffect27,
   useState as useState23
 } from "react";
 import { useConfig as useConfig4 } from "wagmi";
@@ -11310,6 +11469,40 @@ function generateQuoteApiErrorForDisplay(err) {
   return foundItem?.display || DEFAULT_QUOTE_ERROR;
 }
 
+// src/providers/FunkitQuoteContext.track.ts
+var cleanupBaseQuote = (baseQuote) => {
+  return {
+    ...baseQuote,
+    // omit metadata as we spread it below
+    metadata: void 0,
+    ...baseQuote.metadata,
+    // omit relay quote as it makes the event data too large to be processed by statsig and doesn't bring much value anyway
+    relayQuote: void 0
+  };
+};
+var cleanupFinalEstimation = (finalEstimation) => {
+  return {
+    ...finalEstimation,
+    // omit base quote as we spread it below
+    baseQuote: void 0,
+    ...cleanupBaseQuote(finalEstimation.baseQuote)
+  };
+};
+var trackEventFromFinalQuote = (finalEstimation, checkoutItem) => {
+  const cleanedFinalEstimation = cleanupFinalEstimation(finalEstimation);
+  const metadata = {
+    ...checkoutItem,
+    // spread the final estimation to save space
+    ...cleanedFinalEstimation,
+    id: void 0,
+    checkoutId: checkoutItem.id
+  };
+  return {
+    eventName: "fc::quote::final_quote" /* FINAL_QUOTE */,
+    metadata
+  };
+};
+
 // src/providers/FunkitQuoteContext.tsx
 var FunkitQuoteContext = createContext13({
   latestQuote: null,
@@ -11324,6 +11517,7 @@ var FunkitQuoteContext = createContext13({
   setQuoteProgress: () => void 0
 });
 function FunkitQuoteProvider({ children }) {
+  const { logEvent } = useTrack();
   const { checkoutItem, setCheckout } = useCheckoutContext();
   const funkitConfig = useFunkitConfig();
   const wagmiConfig = useConfig4();
@@ -11334,7 +11528,7 @@ function FunkitQuoteProvider({ children }) {
   const [isQuoting, setIsQuoting] = useState23(false);
   const [quoteStepMessage, setQuoteStepMessage] = useState23("");
   const [quoteErrorMessage, setQuoteErrorMessage] = useState23("");
-  useEffect26(() => {
+  useEffect27(() => {
     if (isNotNullish4(logoutSymbol)) {
       setLatestQuote(null);
       setQuoteProgress({
@@ -11344,7 +11538,7 @@ function FunkitQuoteProvider({ children }) {
       });
     }
   }, [logoutSymbol]);
-  const setQuoteProgress = useCallback16(
+  const setQuoteProgress = useCallback18(
     (state) => {
       setQuoteErrorMessage(state.quoteErrorMessage);
       setQuoteStepMessage(state.quoteStepMessage);
@@ -11352,7 +11546,7 @@ function FunkitQuoteProvider({ children }) {
     },
     []
   );
-  const clearCheckoutQuoteMessages = useCallback16(() => {
+  const clearCheckoutQuoteMessages = useCallback18(() => {
     setQuoteStepMessage("");
     setQuoteErrorMessage("");
   }, []);
@@ -11410,6 +11604,11 @@ function FunkitQuoteProvider({ children }) {
           loginType,
           enableFrogProxyServer
         );
+        const trackEvent = trackEventFromFinalQuote(
+          finalEstimation,
+          newCheckoutItem
+        );
+        logEvent(trackEvent);
         newCheckoutItem?.initSettings?.onEstimation?.(finalEstimation);
         checkedAmount = await checkAssetAmount(
           newCheckoutItem,
@@ -11885,7 +12084,7 @@ function useShowConnectWallet({
   const withdrawalWalletAddress = "wallet" in config ? config.wallet.address() : "0x";
   const { isConnected, address: connectedWalletAddress } = useAccount3();
   const showUseConnected = !config.disableConnectedWallet && isConnected && connectedWalletAddress && withdrawalWalletAddress.toLowerCase() !== connectedWalletAddress.toLowerCase();
-  useEffect27(() => {
+  useEffect28(() => {
     logger.debug("withdrawalContent:showUseConnected", {
       isConnected,
       connectedWalletAddress,
@@ -11951,12 +12150,12 @@ var WithdrawContent = ({
     refetchInterval: PRICE_REFRESH_INTERVAL
   });
   const targetAssetAmount = targetUnitPrice ? Number(debouncedUSD) / targetUnitPrice : void 0;
-  useEffect27(() => {
+  useEffect28(() => {
     setTimeout(() => {
       updateTargetAssetAmount(targetAssetAmount ?? 0);
     }, 0);
   }, [targetAssetAmount, updateTargetAssetAmount]);
-  useEffect27(() => {
+  useEffect28(() => {
     if (!targetAssetInfo) {
       return;
     }
@@ -11990,7 +12189,7 @@ var WithdrawContent = ({
       onContinue(withdrawal, txHash);
     }
   });
-  useEffect27(() => {
+  useEffect28(() => {
     if (!isPlaceholderData && !isQuoteLoading && isInstantQuoting && confirmingQuote) {
       setTimeout(() => {
         setConfirmingQuote(false);
@@ -12491,12 +12690,16 @@ function useCheckoutTimeEstimate(originalTimeEstimationMs, paymentMethod = "card
 // src/hooks/useFrogAccount.ts
 import {
   createBridgeBankAccount,
+  createBridgeBankAccountRequestChainNames,
   getBridgeKycLink
 } from "@funkit/api-base";
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9 } from "@funkit/chains";
+import {
+  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9,
+  hyperCoreChain
+} from "@funkit/chains";
 import { FlagKey as FlagKey16 } from "@funkit/utils";
 import { useQuery as useQuery10, useQueryClient } from "@tanstack/react-query";
-import { useCallback as useCallback17 } from "react";
+import { useCallback as useCallback19 } from "react";
 var sepaCountryCode = [
   // EU countries that are part of SEPA
   "AT",
@@ -12595,13 +12798,13 @@ function useFrogAccounts() {
 function useClearFrogAccountsCache() {
   const { walletAddress } = useGeneralWallet();
   const queryClient = useQueryClient();
-  const clearFrogAccounts = useCallback17(() => {
+  const clearFrogAccounts = useCallback19(() => {
     queryClient.removeQueries({
       queryKey: ["frogSubAccounts", walletAddress],
       exact: true
     });
   }, [queryClient, walletAddress]);
-  const clearVirtualFiatAccounts = useCallback17(() => {
+  const clearVirtualFiatAccounts = useCallback19(() => {
     queryClient.removeQueries({
       queryKey: ["useVirtualFiatAccounts"]
     });
@@ -12665,6 +12868,16 @@ function useLoadKycLink(linkLoad) {
   const fixedLink = query.data ? `${query.data.replace("/verify", "/widget")}&iframe-origin=${iframeOrigin}` : void 0;
   return { ...query, data: fixedLink };
 }
+var fallbackIfUnsupportedChain = (chainId) => {
+  if (chainId === hyperCoreChain.id.toString()) {
+    return "arbitrum";
+  }
+  const chainName = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9[chainId]?.name.toLowerCase();
+  if (createBridgeBankAccountRequestChainNames.includes(chainName)) {
+    return chainName;
+  }
+  return "polygon";
+};
 function useCreateVirtualBankAccount() {
   const { apiKey } = useFunkitConfig();
   const { checkoutItem } = useCheckoutContext();
@@ -12673,20 +12886,19 @@ function useCreateVirtualBankAccount() {
   const targetChainId = checkoutConfig?.targetChain;
   const { transferInit, recipientAddr } = useCheckoutTransferInit();
   const destinationAddress = transferInit?.depositAddr || recipientAddr;
-  const chainName = targetChainId && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9[targetChainId]?.name?.toLowerCase();
   const subAccountId = allFiatAccounts?.bridgeCustomer?.id;
   const { clearVirtualFiatAccounts } = useClearFrogAccountsCache();
-  const handleCreateVirtualFiatAccount = useCallback17(async () => {
+  const handleCreateVirtualFiatAccount = useCallback19(async () => {
     try {
-      if (!subAccountId || !chainName) {
+      if (!subAccountId || !targetChainId) {
         return {
           type: "error",
-          error: new Error("No subAccountId or chainName")
+          error: new Error("No subAccountId or targetChainId")
         };
       }
       const resp = await createBridgeBankAccount({
         tokenName: "usdc",
-        chainName,
+        chainName: fallbackIfUnsupportedChain(targetChainId),
         destinationAddress,
         subAccountId,
         sourceCurrency: "eur",
@@ -12703,7 +12915,7 @@ function useCreateVirtualBankAccount() {
     destinationAddress,
     apiKey,
     subAccountId,
-    chainName,
+    targetChainId,
     clearVirtualFiatAccounts
   ]);
   return handleCreateVirtualFiatAccount;
@@ -14391,16 +14603,16 @@ var BankIconActive = ({ size = 20 }) => {
 
 // src/components/FunConnectOptions/FunSignInStep.tsx
 import { groupBy, isMobile as isMobile8, isSafari as isSafari3, redirectInMobile as redirectInMobile2 } from "@funkit/utils";
-import React192, { Fragment as Fragment2, useCallback as useCallback44, useMemo as useMemo38, useState as useState62 } from "react";
+import React192, { Fragment as Fragment2, useCallback as useCallback46, useMemo as useMemo38, useState as useState62 } from "react";
 
 // src/providers/walletConnectDeepLink.ts
-var storageKey = "WALLETCONNECT_DEEPLINK_CHOICE";
+var storageKey2 = "WALLETCONNECT_DEEPLINK_CHOICE";
 function setWalletConnectDeepLink({
   mobileUri,
   name
 }) {
   localStorage.setItem(
-    storageKey,
+    storageKey2,
     JSON.stringify({
       href: mobileUri.split("?")[0],
       name
@@ -14408,13 +14620,13 @@ function setWalletConnectDeepLink({
   );
 }
 function clearWalletConnectDeepLink() {
-  localStorage.removeItem(storageKey);
+  localStorage.removeItem(storageKey2);
 }
 
 // src/wallets/latestWalletId.ts
-var storageKey2 = "fkc-latest-id";
+var storageKey3 = "fkc-latest-id";
 function addLatestWalletId(walletId) {
-  localStorage.setItem(storageKey2, walletId);
+  localStorage.setItem(storageKey3, walletId);
 }
 
 // src/components/FunButton/FunSignInButton.tsx
@@ -14809,10 +15021,10 @@ var SocialsIcon = () => {
 };
 
 // src/components/FunConnectOptions/FunConnectOptions.tsx
-import React191, { useCallback as useCallback43, useMemo as useMemo37, useState as useState61 } from "react";
+import React191, { useCallback as useCallback45, useMemo as useMemo37, useState as useState61 } from "react";
 
 // src/hooks/useAnimatedNavigation.ts
-import { useCallback as useCallback18, useState as useState28 } from "react";
+import { useCallback as useCallback20, useState as useState28 } from "react";
 
 // src/css/modalTransitionStyles.css.ts
 var animateContentInClass = "stgjxl2";
@@ -14840,7 +15052,7 @@ function useAnimatedNavigation(callback) {
   const [animateOut, setAnimateOut] = useState28(false);
   const [isSkipped, setIsSkipped] = useState28(false);
   const [isReversed, setIsReversed] = useState28(false);
-  const navigateTo = useCallback18(
+  const navigateTo = useCallback20(
     (page, params = {}) => {
       setIsSkipped(!!params.skip);
       if (params.skip) {
@@ -14855,7 +15067,7 @@ function useAnimatedNavigation(callback) {
     },
     [callback]
   );
-  const animate = useCallback18(
+  const animate = useCallback20(
     (callback2, params = {}) => {
       setIsSkipped(!!params.skip);
       if (params.skip) {
@@ -14879,11 +15091,11 @@ function useAnimatedNavigation(callback) {
 
 // src/components/FunCheckoutModalHeightAnimationWrapper/FunCheckoutModalHeightAnimationWrapper.tsx
 import { motion as motion11 } from "motion/react";
-import React181, { useEffect as useEffect44, useRef as useRef23, useState as useState58 } from "react";
+import React181, { useEffect as useEffect45, useRef as useRef23, useState as useState58 } from "react";
 
 // src/modals/CheckoutModal/stepTransition.ts
 import {
-  useCallback as useCallback39,
+  useCallback as useCallback41,
   useRef as useRef22,
   useState as useState57
 } from "react";
@@ -15177,7 +15389,7 @@ import {
   BridgeCustomerStatus as BridgeCustomerStatus4
 } from "@funkit/api-base";
 import { exhaustiveCheck as exhaustiveCheck4 } from "@funkit/utils";
-import React92, { useCallback as useCallback19, useState as useState30 } from "react";
+import React92, { useCallback as useCallback21, useState as useState30 } from "react";
 import { createPortal as createPortal4 } from "react-dom";
 
 // src/components/Icons/HomeIcon.tsx
@@ -15779,7 +15991,7 @@ var VerifyAccountScreen = ({
   const kycUninitialized = !isSoftRejected2 && customerStatus && isKycUninitialized(customerStatus);
   const canStartKyc = kycUninitialized || isSoftRejected2;
   const handleCreateVirtualFiatAccount = useCreateVirtualBankAccount();
-  const onClick = useCallback19(async () => {
+  const onClick = useCallback21(async () => {
     if (customerStatus === BridgeCustomerStatus4.ACTIVE) {
       setCreating(true);
       const result = await handleCreateVirtualFiatAccount();
@@ -16294,12 +16506,12 @@ import { noop as noop5 } from "@funkit/utils";
 import React114 from "react";
 
 // src/utils/checkoutHistory.ts
-var storageKey3 = "fkc-last-report-submit-time";
+var storageKey4 = "fkc-last-report-submit-time";
 function getLatestReportSubmitTime() {
-  return typeof localStorage !== "undefined" ? Number(localStorage.getItem(storageKey3)) || -1 : -1;
+  return typeof localStorage !== "undefined" ? Number(localStorage.getItem(storageKey4)) || -1 : -1;
 }
 function setLatestReportSubmitTime(timeMs) {
-  localStorage.setItem(storageKey3, JSON.stringify(timeMs));
+  localStorage.setItem(storageKey4, JSON.stringify(timeMs));
 }
 function getCheckoutCompletionTime(checkout) {
   if (!checkout.stateTimestampMs) {
@@ -16311,7 +16523,7 @@ function getCheckoutCompletionTime(checkout) {
 }
 
 // src/components/FunCheckoutHistory/FunCheckoutHistoryDetail.tsx
-import React108, { useCallback as useCallback21, useMemo as useMemo17, useState as useState32 } from "react";
+import React108, { useCallback as useCallback23, useMemo as useMemo17, useState as useState32 } from "react";
 import { createPortal as createPortal6 } from "react-dom";
 
 // src/components/HelpAlert/HelpAlert.tsx
@@ -16327,11 +16539,11 @@ var HelpAlert = ({ onHelp: onHelp2 }) => {
 };
 
 // src/hooks/useFunListeners.ts
-import { useCallback as useCallback20, useEffect as useEffect28, useRef as useRef13 } from "react";
+import { useCallback as useCallback22, useEffect as useEffect29, useRef as useRef13 } from "react";
 function useCheckoutHistoryListener(activate = true, singleDepositAddr) {
   const activeIntervalRef = useRef13();
   const { startCheckoutHistoryListener, stopCheckoutHistoryListener } = useCheckoutHistoryContext();
-  useEffect28(() => {
+  useEffect29(() => {
     if (activate) {
       const createdIntervalId = startCheckoutHistoryListener(
         /* singleDepositAddr */
@@ -16350,21 +16562,21 @@ function useSIWFarcasterListener(channelToken) {
   const { getFcConnectionStatus, handleFunkitWeb2Login } = useFunkitWeb2Login();
   const intervalRef = useRef13();
   const [refreshSymbol, triggerRefreshSymbol] = useSymbolRefresh_default();
-  const startStatusListener = useCallback20(() => {
+  const startStatusListener = useCallback22(() => {
     clearInterval(intervalRef.current);
     triggerRefreshSymbol();
     intervalRef.current = setInterval(() => {
       triggerRefreshSymbol();
     }, FARCASTER_STATUS_INTERVAL);
   }, [triggerRefreshSymbol]);
-  const stopStatusListener = useCallback20(() => {
+  const stopStatusListener = useCallback22(() => {
     clearInterval(intervalRef.current);
   }, []);
-  useEffect28(() => {
+  useEffect29(() => {
     startStatusListener();
     return () => stopStatusListener();
   }, []);
-  const check = useCallback20(async () => {
+  const check = useCallback22(async () => {
     if (!channelToken || !initalChainid) {
       return;
     }
@@ -16390,7 +16602,7 @@ function useSIWFarcasterListener(channelToken) {
     initalChainid,
     stopStatusListener
   ]);
-  useEffect28(() => {
+  useEffect29(() => {
     check();
   }, [refreshSymbol]);
 }
@@ -16403,7 +16615,7 @@ import {
   formatSecondsToReadableForm as formatSecondsToReadableForm2,
   formatTimestamp
 } from "@funkit/utils";
-import React107, { useState as useState31, useRef as useRef14, useEffect as useEffect29 } from "react";
+import React107, { useState as useState31, useRef as useRef14, useEffect as useEffect30 } from "react";
 
 // src/components/FunButton/FunRedirectButton.tsx
 import React105 from "react";
@@ -16532,7 +16744,7 @@ function StatusTag({ state, refundState, isDelayed: isDelayed2 }) {
   const checkoutState = getCheckoutStateBooleans(state, refundState);
   const [delayedCheckoutState, setDelayedCheckoutState] = useState31(checkoutState);
   const { status, isCompleted, isRefundProceeded } = delayedCheckoutState;
-  useEffect29(() => {
+  useEffect30(() => {
     const timeout = setTimeout(
       () => {
         setDelayedCheckoutState(getCheckoutStateBooleans(state, refundState));
@@ -16679,7 +16891,7 @@ function FunCheckoutHistoryDetail({
   useCheckoutHistoryListener(isProcessing, checkoutHistoryInfo?.depositAddr);
   useWalletAssets({ enableRefetchInterval: isProcessing || isCompleted });
   const { beginCheckout } = useFunkitCheckout({});
-  const handleNewCheckout = useCallback21(
+  const handleNewCheckout = useCallback23(
     (fromCheckout) => {
       onClose({ isNewDeposit: true });
       const historicalCheckout = fromCheckout.clientMetadata;
@@ -16787,7 +16999,7 @@ var CheckoutAlert = ({ state, refundState, onHelp: onHelp2 }) => {
 
 // src/components/FunCheckoutHistory/FunCheckoutHistoryHelp.tsx
 import { sendSupportMessage } from "@funkit/api-base";
-import React112, { useEffect as useEffect30, useMemo as useMemo18, useRef as useRef15, useState as useState33 } from "react";
+import React112, { useEffect as useEffect31, useMemo as useMemo18, useRef as useRef15, useState as useState33 } from "react";
 import { createPortal as createPortal7 } from "react-dom";
 
 // src/components/FunInput/FunTextAreaInput.tsx
@@ -16971,7 +17183,7 @@ function FunCheckoutHistoryHelp({
     0 /* INPUT */
   );
   const wrapperRef = useRef15(null);
-  useEffect30(() => wrapperRef.current?.scrollIntoView(), []);
+  useEffect31(() => wrapperRef.current?.scrollIntoView(), []);
   const handleShowErrorMessage = (message, timeMs = FIVE_SECONDS_MS) => {
     setErrorMessage(message);
     if (timeMs !== void 0) {
@@ -17156,7 +17368,7 @@ import {
   formatTimestamp as formatTimestamp2,
   isTokenEquivalent as isTokenEquivalent4
 } from "@funkit/utils";
-import React113, { useCallback as useCallback22, useMemo as useMemo19, useRef as useRef16, useState as useState34 } from "react";
+import React113, { useCallback as useCallback24, useMemo as useMemo19, useRef as useRef16, useState as useState34 } from "react";
 import { createPortal as createPortal8 } from "react-dom";
 
 // src/hooks/useReceiveAmountLabel.ts
@@ -17185,7 +17397,7 @@ function FunDirectExecutionHistoryDetail({
   const bottomSectionRef = document.getElementById(bottomBarId);
   const { checkoutItem } = useCheckoutContext();
   const { beginCheckout } = useFunkitCheckout({});
-  const handleNewCheckout = useCallback22(
+  const handleNewCheckout = useCallback24(
     (fromCheckout) => {
       onClose({ isNewDeposit: true });
       const historicalCheckout = fromCheckout.clientMetadata;
@@ -17436,11 +17648,11 @@ function FunCheckoutHistoryContent({
 }
 
 // src/modals/CheckoutModal/CheckoutComplete/useLogCheckoutCompletion.ts
-import { useCallback as useCallback23 } from "react";
+import { useCallback as useCallback25 } from "react";
 function useLogCheckoutCompletion() {
   const { latestQuote } = useQuoteContext();
   const { checkoutItem } = useCheckoutContext();
-  const logCheckoutCompletion = useCallback23(
+  const logCheckoutCompletion = useCallback25(
     (depositAddress) => {
       if (depositAddress) {
         logger.log("checkoutFundingCompleted", {
@@ -17536,11 +17748,11 @@ function CheckoutHelp({
 }
 
 // src/modals/CheckoutModal/ConfirmationStep/ConfirmationStep.tsx
-import React131, { useEffect as useEffect36, useMemo as useMemo24, useState as useState43 } from "react";
+import React131, { useEffect as useEffect37, useMemo as useMemo24, useState as useState43 } from "react";
 import { createPortal as createPortal10 } from "react-dom";
 
 // src/providers/UserPresenceContext.tsx
-import React117, { useEffect as useEffect31 } from "react";
+import React117, { useEffect as useEffect32 } from "react";
 import {
   createContext as createContext14,
   useContext as useContext14,
@@ -17552,7 +17764,7 @@ var UserPresenceContext = createContext14({
 });
 var UserPresenceProvider = ({ children }) => {
   const [isAway, setIsAway] = useState35(false);
-  useEffect31(() => {
+  useEffect32(() => {
     let timeoutId;
     const handleVisibilityChange = () => {
       if (document.visibilityState === "visible") {
@@ -17583,13 +17795,13 @@ import { FlagKey as FlagKey18, safeParseJson as safeParseJson5 } from "@funkit/u
 import React118, { useState as useState36 } from "react";
 
 // src/hooks/useInterval.ts
-import { useEffect as useEffect32, useRef as useRef17 } from "react";
+import { useEffect as useEffect33, useRef as useRef17 } from "react";
 function useInterval(callback, delay) {
   const savedCallback = useRef17(callback);
   useIsomorphicLayoutEffect(() => {
     savedCallback.current = callback;
   }, [callback]);
-  useEffect32(() => {
+  useEffect33(() => {
     const id = setInterval(() => {
       savedCallback.current();
     }, delay);
@@ -18179,14 +18391,14 @@ function KatanaBridgeAlert() {
 import { useState as useState38 } from "react";
 
 // src/modals/CheckoutModal/useSourceAssetConfirm.tsx
-import { useEffect as useEffect33, useState as useState37 } from "react";
+import { useEffect as useEffect34, useState as useState37 } from "react";
 
 // src/hooks/useCheckoutAccountBalanceTransfer.ts
-import { useCallback as useCallback24 } from "react";
+import { useCallback as useCallback26 } from "react";
 function useCheckoutAccountBalanceTransfer() {
   const { checkoutItem } = useCheckoutContext();
   const { funWallet, funWalletAuth } = useGeneralWallet();
-  const generateCheckoutTransferOpItems = useCallback24(
+  const generateCheckoutTransferOpItems = useCallback26(
     async (toAddress, tokenAmount) => {
       if (checkoutItem?.selectedSourceAssetInfo?.chainId) {
         const newConfig = getFunkitEnvForCheckoutEstimation({
@@ -18317,7 +18529,7 @@ function useHackyTriggerWorkaroundReactDevBrainExplode() {
 function useTriggerQuoteAndOtherStuffsWithExtremeCaution(onResult, setPreloadedQuoteData) {
   const [assetRefresh, triggerAssetConfirm] = useHackyTriggerWorkaroundReactDevBrainExplode();
   const { isSourceAssetConfirming, onSourceAssetConfirmed } = useSourceAssetConfirm(setPreloadedQuoteData);
-  useEffect33(() => {
+  useEffect34(() => {
     if (assetRefresh === 0) {
       return;
     }
@@ -18396,7 +18608,7 @@ import React128, { useState as useState39 } from "react";
 // src/modals/CheckoutModal/ConfirmationStep/useAccountBalanceTransfer.ts
 import { getPaymasterDataForCheckoutSponsoredTransfer } from "@funkit/api-base";
 import { ERC20_ABI, USDT_ABI } from "@funkit/core";
-import { useCallback as useCallback25 } from "react";
+import { useCallback as useCallback27 } from "react";
 import { useAccount as useAccount5, useSendTransaction, useWriteContract } from "wagmi";
 
 // src/utils/isMainnetUsdt.ts
@@ -18420,7 +18632,7 @@ function useWeb3AccountBalancePostCheckout(setPostCheckoutStepMessage) {
   const { sendTransactionAsync } = useSendTransaction();
   const { cancelCheckout, checkoutItem } = useCheckoutContext();
   const { latestQuote } = useQuoteContext();
-  const handleWeb3AccountBalancePostCheckout = useCallback25(
+  const handleWeb3AccountBalancePostCheckout = useCallback27(
     async (depositAddress) => {
       if (!latestQuote?.baseQuote.estTotalFromAmountBaseUnit) {
         return;
@@ -18526,7 +18738,7 @@ function useWeb3AccountBalancePostCheckout(setPostCheckoutStepMessage) {
 function useWeb2AccountBalancePostCheckout(apiKey) {
   const { latestQuote } = useQuoteContext();
   const { generateCheckoutTransferOpItems } = useCheckoutAccountBalanceTransfer();
-  const handleWeb2AccountBalancePostCheckout = useCallback25(
+  const handleWeb2AccountBalancePostCheckout = useCallback27(
     async (depositAddress) => {
       const { rFunWallet, rFunWalletAuth, transferOp, envConfig } = await generateCheckoutTransferOpItems(
         depositAddress,
@@ -18575,7 +18787,7 @@ function useAccountBalancePostCheckout(setPostCheckoutStepMessage, apiKey) {
   const { loginType } = useGeneralWallet();
   const handleWeb2AccountBalancePostCheckout = useWeb2AccountBalancePostCheckout(apiKey);
   const handleWeb3AccountBalancePostCheckout = useWeb3AccountBalancePostCheckout(setPostCheckoutStepMessage);
-  const handleAccountBalancePostCheckout = useCallback25(
+  const handleAccountBalancePostCheckout = useCallback27(
     async (depositAddress) => {
       if (loginType === "web2" /* Web2 */) {
         await handleWeb2AccountBalancePostCheckout(depositAddress);
@@ -18726,15 +18938,15 @@ function usePostCheckout({
 }
 
 // src/modals/CheckoutModal/ConfirmationStep/useQuoteRefresh.ts
-import { useCallback as useCallback28, useEffect as useEffect35, useMemo as useMemo23, useRef as useRef18, useState as useState42 } from "react";
+import { useCallback as useCallback30, useEffect as useEffect36, useMemo as useMemo23, useRef as useRef18, useState as useState42 } from "react";
 
 // src/hooks/useCountdown.tsx
 import React130 from "react";
-import { useCallback as useCallback27, useState as useState41 } from "react";
+import { useCallback as useCallback29, useState as useState41 } from "react";
 
 // src/components/FunCountdown/FunCountdown.tsx
 import { noop as noop7 } from "@funkit/utils";
-import React129, { useCallback as useCallback26, useEffect as useEffect34, useState as useState40 } from "react";
+import React129, { useCallback as useCallback28, useEffect as useEffect35, useState as useState40 } from "react";
 
 // src/components/FunCountdown/FunCountdown.css.ts
 var backgroundRing = "_1t0bc111 _1rsrm2f1mm";
@@ -18770,14 +18982,14 @@ var FunCountdown = ({
   const onCountdownEndedOnce = useEffectEvent(onCountdownEnded);
   const onBeforeCountdownEndsOnce = useEffectEvent(onBeforeCountdownEnds);
   const onCountdownLastSecondOnce = useEffectEvent(onCountdownLastSecond);
-  const handleInterval = useCallback26(() => {
+  const handleInterval = useCallback28(() => {
     if (isPaused) {
       return;
     }
     setRemainingSeconds((prev) => prev > 0 ? prev - 1 : prev);
   }, [isPaused]);
   useInterval(handleInterval, 1e3);
-  useEffect34(() => {
+  useEffect35(() => {
     if (remainingSeconds === onBeforeCountdownEndsSeconds) {
       onBeforeCountdownEndsOnce();
     }
@@ -18888,7 +19100,7 @@ function useCountdown({
 }) {
   const [countdownKey, setCountdownKey] = useState41(0);
   const [isLastSecond, setIsLastSecond] = useState41(false);
-  const restartCountdown = useCallback27(() => {
+  const restartCountdown = useCallback29(() => {
     setIsLastSecond(false);
     setCountdownKey((key) => key + 1);
   }, []);
@@ -18943,7 +19155,7 @@ function useQuoteRefresh({
       preloadedQuoteRef.current = data;
     }
   );
-  const preloadQuote = useCallback28(() => {
+  const preloadQuote = useCallback30(() => {
     if (!isSourceAssetConfirming) {
       onSourceAssetConfirmed(true);
     }
@@ -18957,7 +19169,7 @@ function useQuoteRefresh({
     onBeforeCountdownEnds: preloadQuote,
     onCountdownEnded: () => refreshQuote()
   });
-  const refreshQuote = useCallback28(
+  const refreshQuote = useCallback30(
     async (forceHardRefresh = false) => {
       if (isOnHold) {
         setIsPendingRefresh(true);
@@ -18998,7 +19210,7 @@ function useQuoteRefresh({
     }
     return null;
   }, [isQuoting, quoteErrorMessage]);
-  useEffect35(() => {
+  useEffect36(() => {
     if (isPendingRefresh && !isOnHold) {
       setIsPendingRefresh(false);
       refreshQuote();
@@ -19115,7 +19327,7 @@ function ConfirmationStep({
       }
     }
   });
-  useEffect36(() => {
+  useEffect37(() => {
     triggerNewQuote({ maxRetries: 1 });
   }, []);
   const isContinuing = isConfirming || isPostCheckoutLoading;
@@ -19429,7 +19641,7 @@ function DirectExecutionNotifCenter({
 
 // src/modals/CheckoutModal/InputAmount/InputAmount.tsx
 import { isMobile as isMobile6 } from "@funkit/utils";
-import React148, { useEffect as useEffect37 } from "react";
+import React148, { useEffect as useEffect38 } from "react";
 
 // src/hooks/queries/useMeldCurrencies.ts
 import { getMeldSupportedFiat } from "@funkit/api-base";
@@ -20736,7 +20948,7 @@ var QuickOptions = ({
 
 // src/modals/CheckoutModal/InputAmount/useAmountInput.ts
 import {
-  useCallback as useCallback30,
+  useCallback as useCallback32,
   useMemo as useMemo25,
   useReducer as useReducer3,
   useRef as useRef20,
@@ -20744,10 +20956,10 @@ import {
 } from "react";
 
 // src/hooks/useTextMeasurer.ts
-import { useCallback as useCallback29, useRef as useRef19 } from "react";
+import { useCallback as useCallback31, useRef as useRef19 } from "react";
 function useTextMeasurer(inputRef) {
   const canvasRef = useRef19(document.createElement("canvas"));
-  const measureText = useCallback29(
+  const measureText = useCallback31(
     (text, fontSize) => {
       if (!inputRef.current) {
         return void 0;
@@ -21047,7 +21259,7 @@ function useAmountInput(options) {
   const isCardCheckout = options.paymentMethod === "card" /* CARD */;
   const isMeldFlow = isCardCheckout && isMeldEnabled;
   const unitPrice = isStablecoin(checkoutConfig.targetAssetTicker) ? 1 : realUnitPrice;
-  const dispatchAndGetNewState = useCallback30(
+  const dispatchAndGetNewState = useCallback32(
     (action) => {
       dispatch(action);
       return getDerivedState(
@@ -21238,7 +21450,7 @@ function useAmountInput(options) {
       return () => element2.removeEventListener("beforeinput", onBeforeInput2);
     }
   }, [inputDecimals, locale]);
-  const onChange = useCallback30(
+  const onChange = useCallback32(
     (event) => {
       dispatch({
         type: "setInputValue",
@@ -21273,7 +21485,7 @@ function useAmountInput(options) {
       });
     }
   }, [defaultAmount]);
-  const setFiatAmount = useCallback30(
+  const setFiatAmount = useCallback32(
     (fiatAmount) => {
       const newState = dispatchAndGetNewState({
         type: "setFiatAmount",
@@ -21285,7 +21497,7 @@ function useAmountInput(options) {
     },
     [dispatchAndGetNewState, unitPrice]
   );
-  const toggleInputInFiat = useCallback30(() => {
+  const toggleInputInFiat = useCallback32(() => {
     dispatch({ type: "toggleInputInFiat" });
     inputRef.current?.focus();
   }, []);
@@ -21304,7 +21516,7 @@ function useAmountInput(options) {
 
 // src/modals/CheckoutModal/InputAmount/useMeld.tsx
 import { MeldServiceProvider as MeldServiceProvider2 } from "@funkit/api-base";
-import React145, { useCallback as useCallback32 } from "react";
+import React145, { useCallback as useCallback34 } from "react";
 
 // src/components/SourceMeldQuoteItem/SourceMeldQuoteItem.tsx
 import React144 from "react";
@@ -21697,7 +21909,7 @@ import {
   katanaChain
 } from "@funkit/chains";
 import { getTokenAddressBySymbolAndChainId as getTokenAddressBySymbolAndChainId2 } from "@funkit/core";
-import { useCallback as useCallback31, useState as useState45 } from "react";
+import { useCallback as useCallback33, useState as useState45 } from "react";
 import { mainnet as mainnet8, mantle, zksync as zksync2 } from "viem/chains";
 var pickSourceAssetForCard = async (checkoutItem, userIpInfo) => {
   if (!checkoutItem?.initSettings.config.targetChain) {
@@ -21758,7 +21970,7 @@ function useUpdateCardSourceAsset() {
   const { checkoutItem, updateSourceAsset } = useCheckoutContext();
   const { userIpInfo } = useFunkitUserIp();
   const [isUpdating, setIsUpdating] = useState45(false);
-  const onSelectCard = useCallback31(async () => {
+  const onSelectCard = useCallback33(async () => {
     setIsUpdating(true);
     try {
       const source = await pickSourceAssetForCard(checkoutItem, userIpInfo);
@@ -21857,7 +22069,7 @@ function useMeld(meldEnabled, manuallySelectedQuote, usdAmount, fiatCurrency) {
   );
   const isMeldMoonpaySelected = selectedQuote?.serviceProvider === MeldServiceProvider2.MOONPAY;
   const isMeldContinueDisabled = meldEnabled && (!!meldLimitError || isMeldLinkPending || !!meldQuotesQuery.error || meldQuotesQuery.isFetching || isSelectedQuoteUnavailable);
-  const getMeldError = useCallback32(
+  const getMeldError = useCallback34(
     function getMeldError2() {
       if (isSelectedQuoteUnavailable) {
         return {
@@ -22459,7 +22671,7 @@ function InputAmount(props) {
   const skipExchangeRates = paymentMethodInfo.paymentMethod !== "card" /* CARD */ || !isDefiMode;
   const exchangeRatesLoaded = !isCurrencyExchangeRatesLoading && !!currencyExchangeRates;
   const isLoaded = !!(checkoutItem && unitPrice && !sourceHoldingError && !isLoadingSourceHolding && !isMeldDefaultCurrencyLoading && (skipExchangeRates || exchangeRatesLoaded));
-  useEffect37(() => setCheckoutQuote(null), []);
+  useEffect38(() => setCheckoutQuote(null), []);
   if (isLoaded) {
     return /* @__PURE__ */ React148.createElement(
       InputAmountLoaded,
@@ -22485,7 +22697,7 @@ function InputAmount(props) {
 }
 
 // src/modals/CheckoutModal/LoadingAccount.tsx
-import React151, { useEffect as useEffect38 } from "react";
+import React151, { useEffect as useEffect39 } from "react";
 
 // src/domains/wallet.ts
 import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO14 } from "@funkit/chains";
@@ -22503,11 +22715,9 @@ function usePaymentMethodEnablement({
   const isFiatFlagEnabled = useFiatEnabled();
   const isCardFlagEnabled = useFlag(FlagKey23.EnableCard);
   const isKatanaEarnFlowAction = isKatanaEarnFlow({ apiKey, checkoutConfig });
-  const isUsKatanaUser = useIsUsKatanaUser();
-  const isUsHyperdashUser = useIsUsHyperdashUser();
-  const isFiatEnabled = isFiatFlagEnabled && !isKatanaEarnFlowAction && !isUsHyperdashUser;
-  const isTokenTransferEnabled = isTokenTransferFlagEnabled && !isKatanaEarnFlowAction && !isUsKatanaUser && !isUsHyperdashUser;
-  const isCardEnabled = isCardFlagEnabled && !isKatanaEarnFlowAction && !isUsHyperdashUser;
+  const isFiatEnabled = isFiatFlagEnabled && !isKatanaEarnFlowAction;
+  const isTokenTransferEnabled = isTokenTransferFlagEnabled && !isKatanaEarnFlowAction;
+  const isCardEnabled = isCardFlagEnabled && !isKatanaEarnFlowAction;
   return {
     isFiatEnabled,
     isTokenTransferEnabled,
@@ -22815,7 +23025,7 @@ function LoadingAccount({
   const hasCustomStartingStep = !!checkoutConfig?.startingStep;
   const startsOnConfirmationStep = checkoutConfig?.startingStep === "confirmation" /* CONFIRMATION */;
   const startsOnSelectAssetStep = checkoutConfig?.startingStep === "select_asset" /* SELECT_ASSET */;
-  useEffect38(() => {
+  useEffect39(() => {
     if (isLoadingFlags || isLoadingFiat || !checkoutConfig) {
       return;
     }
@@ -23065,7 +23275,7 @@ function MeldQuotes({
 }
 
 // src/modals/CheckoutModal/MoonpaySetup.tsx
-import React155, { useCallback as useCallback33, useMemo as useMemo31, useState as useState48 } from "react";
+import React155, { useCallback as useCallback35, useMemo as useMemo31, useState as useState48 } from "react";
 
 // src/components/FunPayments/FunPaymentMoonpayType.css.ts
 var mpClass = "_1kmpeyf0";
@@ -23074,10 +23284,10 @@ var stretchStyle = "_1kmpeyf1";
 // src/components/FunPayments/FunPaymentMoonpayType.tsx
 import { getMoonpayUrlSignature } from "@funkit/api-base";
 import { colorToHex } from "@funkit/utils";
-import React154, { Fragment, useEffect as useEffect39, useMemo as useMemo30, useState as useState47 } from "react";
+import React154, { Fragment, useEffect as useEffect40, useMemo as useMemo30, useState as useState47 } from "react";
 var LazyMoonPayBuyWidget = (props) => {
   const [MoonPayBuyWidget, setMoonPayBuyWidget] = useState47(null);
-  useEffect39(() => {
+  useEffect40(() => {
     const loadMoonPayBuyWidget = async () => {
       const module = await import("@moonpay/moonpay-react");
       setMoonPayBuyWidget(() => module.MoonPayBuyWidget);
@@ -23186,7 +23396,7 @@ function MoonpaySetup({
   const { paymentAddress, token, tokenChainId, depositAmount } = modalState;
   const [isSupportedRegion, setIsSupportedRegion] = useState48(true);
   const [isContinueEnabled, setIsContinueEnabled] = useState48(false);
-  const handleOnCompleted = useCallback33(() => {
+  const handleOnCompleted = useCallback35(() => {
     onNext({
       depositAddress: paymentAddress
     });
@@ -23222,7 +23432,7 @@ function MoonpaySetup({
 // src/modals/CheckoutModal/SelectAsset.tsx
 import { FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST as FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST2 } from "@funkit/chains";
 import { formatCurrencyAndStringify as formatCurrencyAndStringify11, isTokenEquivalent as isTokenEquivalent8 } from "@funkit/utils";
-import React158, { useEffect as useEffect40, useMemo as useMemo33, useState as useState49 } from "react";
+import React158, { useEffect as useEffect41, useMemo as useMemo33, useState as useState49 } from "react";
 import { createPortal as createPortal14 } from "react-dom";
 
 // src/components/Dropdown/ReceiveTokenDropdown.tsx
@@ -23352,7 +23562,7 @@ var NewTokenDepositAlert = ({
 // src/hooks/useAllowedAssets.ts
 import { getAllowedAssets } from "@funkit/api-base";
 import { useQuery as useQuery17 } from "@tanstack/react-query";
-import { useCallback as useCallback34, useMemo as useMemo32 } from "react";
+import { useCallback as useCallback36, useMemo as useMemo32 } from "react";
 function useAllowedAssets() {
   const { apiKey } = useFunkitConfig();
   const { checkoutItem } = useCheckoutContext();
@@ -23377,7 +23587,7 @@ function useAllowedAssets() {
     }
     return ret;
   }, [allowedAssets]);
-  const isAllowed = useCallback34(
+  const isAllowed = useCallback36(
     (chainId, tokenAddress) => {
       const disabledByCustomerList = checkoutItem?.initSettings.config.disabledSourceTokens?.some(
         (token) => {
@@ -23538,7 +23748,7 @@ function useAssetOptions({
   return assetOptions;
 }
 function useScrollToSelectedAsset(selectedChainTokenSymbol) {
-  useEffect40(() => {
+  useEffect41(() => {
     const optionEl = document.getElementById(
       `option-${selectedChainTokenSymbol}`
     );
@@ -23921,7 +24131,7 @@ function SelectAsset({
 
 // src/modals/CheckoutModal/SourceChange/SourceChange.tsx
 import { BridgeCustomerStatus as BridgeCustomerStatus6, MeldServiceProvider as MeldServiceProvider4 } from "@funkit/api-base";
-import React160, { useCallback as useCallback35, useEffect as useEffect41, useState as useState50 } from "react";
+import React160, { useCallback as useCallback37, useEffect as useEffect42, useState as useState50 } from "react";
 import { createPortal as createPortal15 } from "react-dom";
 
 // src/modals/CheckoutModal/SourceChange/DefiPurchaseSection.tsx
@@ -24057,7 +24267,7 @@ function PayPal() {
   const isMeldEnabled = useIsMeldEnabled();
   const { checkoutItem } = useCheckoutContext();
   const isPaypalReady = false;
-  const onClick = useCallback35(() => {
+  const onClick = useCallback37(() => {
     if (isMeldEnabled && isPaypalReady) {
       openMeldPopup(() => mutateAsync(MeldServiceProvider4.PAYPAL));
     } else {
@@ -24099,7 +24309,7 @@ function SourceChange({
   const userInfo = useFunkitUserInfo();
   const isDefiMode = checkoutItem?.initSettings.config.isDefiMode;
   const hasAutoContinue = !isOstiumCustomer(apiKey) && !isDefiMode;
-  useEffect41(() => {
+  useEffect42(() => {
     if (!paymentMethodInfo) {
       return;
     }
@@ -24120,7 +24330,7 @@ function SourceChange({
       brokerageFailed: false
     });
   };
-  const onCloseConnectModal = useCallback35(() => {
+  const onCloseConnectModal = useCallback37(() => {
     if (modalState.isSoftHidden) {
       setModalState((state) => ({ ...state, isSoftHidden: false }));
     }
@@ -24286,20 +24496,20 @@ import { createPortal as createPortal16 } from "react-dom";
 
 // src/components/CopyAddress/CopyInputDisplayedAddress.tsx
 import { truncateMiddleOfAddress } from "@funkit/utils";
-import React161, { useCallback as useCallback37, useState as useState52 } from "react";
+import React161, { useCallback as useCallback39, useState as useState52 } from "react";
 
 // src/hooks/useCopyToClipboard.ts
-import { useCallback as useCallback36, useEffect as useEffect42, useState as useState51 } from "react";
+import { useCallback as useCallback38, useEffect as useEffect43, useState as useState51 } from "react";
 var useCopyToClipboard = (text, delay = 1500) => {
   const [isCopied, setCopied] = useState51(false);
-  const handleCopy = useCallback36(() => {
+  const handleCopy = useCallback38(() => {
     if (!text) {
       return;
     }
     navigator.clipboard.writeText(text);
     setCopied(true);
   }, [text]);
-  useEffect42(() => {
+  useEffect43(() => {
     if (!isCopied) {
       return;
     }
@@ -24332,7 +24542,7 @@ function CopyInputDisplayedAddress({
   const { handleCopy } = useCopyToClipboard(address);
   const [isActive, setIsActive] = useState52(null);
   const displayAddress = truncateAddress ? truncateMiddleOfAddress(address, 40, 24, 8) : address;
-  const handleClick = useCallback37(() => {
+  const handleClick = useCallback39(() => {
     if (isActive) {
       return;
     }
@@ -25800,9 +26010,9 @@ var FiatAccountDetail = {
 
 // src/modals/CheckoutModal/VirtualFiatAccount/KycIframe.tsx
 import { BridgeCustomerStatus as BridgeCustomerStatus7 } from "@funkit/api-base";
-import React180, { useCallback as useCallback38, useEffect as useEffect43, useMemo as useMemo36, useState as useState56 } from "react";
+import React180, { useCallback as useCallback40, useEffect as useEffect44, useMemo as useMemo36, useState as useState56 } from "react";
 function useIframeListener(listeners) {
-  const handleMessage = useCallback38(
+  const handleMessage = useCallback40(
     (event) => {
       switch (event.data.name) {
         case "load": {
@@ -25824,7 +26034,7 @@ function useIframeListener(listeners) {
     },
     [listeners]
   );
-  useEffect43(() => {
+  useEffect44(() => {
     window.addEventListener("message", handleMessage);
     return () => {
       window.removeEventListener("message", handleMessage);
@@ -25940,6 +26150,35 @@ function KycIframe({
   );
 }
 
+// src/modals/CheckoutModal/stepTransition.track.ts
+var CHECKOUT_STEP_TO_EVENT = {
+  ["select_asset" /* SELECT_ASSET */]: "fc::navigate::select_asset" /* NAVIGATE_SELECT_ASSET */,
+  ["source_change" /* SOURCE_CHANGE */]: "fc::navigate::source_change" /* NAVIGATE_SOURCE_CHANGE */,
+  ["confirmation" /* CONFIRMATION */]: "fc::navigate::confirmation" /* NAVIGATE_CONFIRMATION */,
+  ["checkout_complete" /* CHECKOUT_COMPLETE */]: "fc::navigate::checkout_complete" /* NAVIGATE_CHECKOUT_COMPLETE */,
+  ["transfer_token" /* TRANSFER_TOKEN */]: "fc::navigate::transfer_token" /* NAVIGATE_TRANSFER_TOKEN */,
+  ["input_amount" /* INPUT_AMOUNT */]: "fc::navigate::input_amount" /* NAVIGATE_INPUT_AMOUNT */,
+  ["error_screen" /* ERROR_SCREEN */]: "fc::navigate::error_screen" /* NAVIGATE_ERROR_SCREEN */,
+  ["fiat_account_detail" /* FIAT_ACCOUNT_DETAIL */]: "fc::navigate::fiat_account_detail" /* NAVIGATE_FIAT_ACCOUNT_DETAIL */,
+  ["bridge_kyc" /* BRIDGE_KYC */]: "fc::navigate::bridge_kyc" /* NAVIGATE_BRIDGE_KYC */,
+  ["bridge_customer" /* BRIDGE_CUSTOMER */]: "fc::navigate::bridge_customer" /* NAVIGATE_BRIDGE_CUSTOMER */,
+  ["payment_setup" /* MOONPAY_SETUP */]: "fc::navigate::moonpay_setup" /* NAVIGATE_MOONPAY_SETUP */,
+  ["meld_quotes" /* MELD_QUOTES */]: "fc::navigate::meld_quotes" /* NAVIGATE_MELD_QUOTES */,
+  ["meld_currency_select" /* MELD_CURRENCY_SELECT */]: "fc::navigate::meld_currency_select" /* NAVIGATE_MELD_CURRENCY_SELECT */,
+  ["direct_execution_notif_center" /* DIRECT_EXECUTION_NOTIF_CENTER */]: "fc::navigate::direct_execution_notif_center" /* NAVIGATE_DIRECT_EXECUTION_NOTIF_CENTER */,
+  ["KYC_IFRAME" /* KYC_IFRAME */]: "fc::navigate::kyc_iframe" /* NAVIGATE_KYC_IFRAME */,
+  ["create_fiat_account" /* CREATE_FIAT_ACCOUNT */]: "fc::navigate::create_fiat_account" /* NAVIGATE_CREATE_FIAT_ACCOUNT */,
+  ["loading_account" /* LOADING_ACCOUNT */]: "fc::navigate::loading_account" /* NAVIGATE_LOADING_ACCOUNT */,
+  ["checkout_help" /* CHECKOUT_HELP */]: "fc::navigate::checkout_help" /* NAVIGATE_CHECKOUT_HELP */
+};
+var trackEventFromNextState = (nextState) => {
+  const eventName = CHECKOUT_STEP_TO_EVENT[nextState.step];
+  return {
+    eventName,
+    metadata: nextState
+  };
+};
+
 // src/modals/CheckoutModal/stepTransition.ts
 function extractCommonState(state) {
   return {
@@ -25990,29 +26229,42 @@ function initialState(checkoutItem) {
   };
 }
 function useCheckoutModalTransition(checkoutItem, onClose) {
+  const { logEvent } = useTrack();
   const [modalState, setModalState] = useState57(() => initialState(checkoutItem));
+  const trackNextState = useCallback41(
+    (nextState) => {
+      const trackEvent = trackEventFromNextState(nextState);
+      logEvent(trackEvent);
+    },
+    [logEvent]
+  );
   const { clearCheckoutQuoteMessages } = useCheckoutQuoteNotification();
-  const onCloseWrapper = useCallback39(
+  const onCloseWrapper = useCallback41(
     (options) => {
       const normalizedIsNewDeposit = !!options?.isNewDeposit;
       checkoutItem.initSettings.onClose?.({
         isNewDeposit: normalizedIsNewDeposit
       });
-      logger.log("closingCheckoutModal", {
+      const metadata = {
         checkoutStep: modalState.step,
         checkoutId: checkoutItem.id,
         checkoutItem,
         isNewDeposit: normalizedIsNewDeposit
+      };
+      logger.log("closingCheckoutModal", metadata);
+      logEvent({
+        eventName: "fc::modal_closed" /* MODAL_CLOSED */,
+        metadata
       });
       onClose();
     },
-    [checkoutItem, modalState.step, onClose]
+    [checkoutItem, modalState.step, onClose, logEvent]
   );
   const { animation, animate } = useAnimatedNavigation(void 0);
   const [stateHistory, setHistory] = useState57([]);
   const prevStep = useRef22(null);
   const hasHistoryEntry = stateHistory.length > 1;
-  const onNext = useCallback39(
+  const onNext = useCallback41(
     (payload) => {
       if (prevStep.current === modalState.step) {
         return;
@@ -26034,6 +26286,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
             setHistory((prev) => [...prev, modalState]);
           }
           setModalState(nextState);
+          trackNextState(nextState);
         },
         {
           reverse: (!!payload.reverseAnimation || !!payload.navigateToHistoryStep) && hasHistoryEntry,
@@ -26043,9 +26296,15 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
       );
       prevStep.current = modalState.step;
     },
-    [clearCheckoutQuoteMessages, modalState, animate, hasHistoryEntry]
+    [
+      clearCheckoutQuoteMessages,
+      modalState,
+      animate,
+      hasHistoryEntry,
+      trackNextState
+    ]
   );
-  const onStepChange = useCallback39(
+  const onStepChange = useCallback41(
     (nextState) => {
       if (prevStep.current === modalState.step) {
         return;
@@ -26053,12 +26312,13 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
       animate(() => {
         setHistory((prev) => [...prev, modalState]);
         setModalState(nextState);
+        trackNextState(nextState);
       });
       prevStep.current = modalState.step;
     },
-    [modalState, animate]
+    [modalState, animate, trackNextState]
   );
-  const onBack = useCallback39(() => {
+  const onBack = useCallback41(() => {
     clearCheckoutQuoteMessages();
     const backStepOverride = checkoutBackMap[modalState.step];
     const prevState = [...stateHistory].reverse().find((s) => s.step === backStepOverride) ?? stateHistory[stateHistory.length - 1];
@@ -26073,12 +26333,20 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
             prevStep.current = newHistory[newHistory.length - 1].step;
             return newHistory;
           });
-          setModalState(backWithStep(modalState, prevState));
+          const nextState = backWithStep(modalState, prevState);
+          setModalState(nextState);
+          trackNextState(nextState);
         },
         { reverse: true }
       );
     }
-  }, [clearCheckoutQuoteMessages, modalState, animate, stateHistory]);
+  }, [
+    clearCheckoutQuoteMessages,
+    modalState,
+    animate,
+    stateHistory,
+    trackNextState
+  ]);
   return {
     animation,
     modalState,
@@ -26135,7 +26403,7 @@ function FunCheckoutModalHeightAnimationWrapper({
   const animationFrameRef = useRef23(null);
   const resizeObserverRef = useRef23(null);
   const [height, setHeight] = useState58("auto");
-  useEffect44(() => {
+  useEffect45(() => {
     if (containerRef.current) {
       resizeObserverRef.current = new ResizeObserver((entries) => {
         animationFrameRef.current = requestAnimationFrame(() => {
@@ -26182,7 +26450,7 @@ function FunCheckoutModalHeightAnimationWrapper({
 }
 
 // src/components/FunConnectOptions/FunConnectResultStep.tsx
-import React182, { useEffect as useEffect45 } from "react";
+import React182, { useEffect as useEffect46 } from "react";
 var AUTO_CLOSE = 2e3;
 var messageMap = (hasQrCode) => ({
   error: {
@@ -26201,7 +26469,7 @@ var FunConnectResultStep = ({
   qrCodeUri
 }) => {
   const hasAutoclose = type === "success";
-  useEffect45(() => {
+  useEffect46(() => {
     if (!hasAutoclose) {
       return;
     }
@@ -26253,7 +26521,7 @@ var FunConnectResultStep = ({
 
 // src/components/FunConnectOptions/FunFarcasterConnectingStep.tsx
 import { isMobile as isMobile7, isSafari as isSafari2, redirectInMobile } from "@funkit/utils";
-import React185, { useCallback as useCallback40, useEffect as useEffect46 } from "react";
+import React185, { useCallback as useCallback42, useEffect as useEffect47 } from "react";
 
 // src/components/CopyAddress/OldCopyAddressButton.tsx
 import React184 from "react";
@@ -26300,13 +26568,13 @@ function FunFarcasterConnectingStep({
 }) {
   const mobile = isMobile7();
   const safari = isSafari2();
-  useEffect46(() => {
+  useEffect47(() => {
     if (farcasterUri && mobile && !safari) {
       redirectInMobile(farcasterUri);
     }
   }, [farcasterUri, mobile, safari]);
   useSIWFarcasterListener(farcasterToken);
-  const svgUrl = useCallback40(async () => {
+  const svgUrl = useCallback42(async () => {
     return (await import("./farcaster-MF6WINBA.js")).default;
   }, []);
   const promptText = mobile ? "To sign in with Farcaster, please open the Warpcast app." : "Scan this QR code or open the link with your mobile phone.";
@@ -26354,12 +26622,12 @@ function FunFarcasterConnectingStep({
 
 // src/components/FunConnectOptions/FunWeb2ConnectingStep.tsx
 import { isNotNullish as isNotNullish9 } from "@funkit/utils";
-import React188, { useCallback as useCallback42, useEffect as useEffect48, useState as useState60 } from "react";
+import React188, { useCallback as useCallback44, useEffect as useEffect49, useState as useState60 } from "react";
 
 // src/components/FunInput/FunTwoFaInput.tsx
 import React186, {
-  useCallback as useCallback41,
-  useEffect as useEffect47,
+  useCallback as useCallback43,
+  useEffect as useEffect48,
   useRef as useRef24,
   useState as useState59
 } from "react";
@@ -26380,17 +26648,17 @@ var FunTwoFaInput = ({
   const [currentLength, setCurrentLength] = useState59(initialInputLength);
   const [focusIndex, setFocusIndex] = useState59(0);
   const [isFocused, setIsFocused] = useState59(false);
-  useEffect47(() => {
+  useEffect48(() => {
     if (!value) {
       setFocusIndex(0);
     }
   }, [value]);
-  const ensureFocus = useCallback41((nextIndex) => {
+  const ensureFocus = useCallback43((nextIndex) => {
     setTimeout(() => {
       inputRefs.current[nextIndex]?.focus();
     }, 10);
   }, []);
-  const handleBackspace = useCallback41(
+  const handleBackspace = useCallback43(
     (index) => {
       if (index === maxInputLength - 1 && value.length === maxInputLength) {
         onChange(value.slice(0, index));
@@ -26414,7 +26682,7 @@ var FunTwoFaInput = ({
     },
     [currentLength, initialInputLength, maxInputLength, onChange, value]
   );
-  const handleChange = useCallback41(
+  const handleChange = useCallback43(
     (changeEvent) => {
       changeEvent.stopPropagation();
       const nativeEvent = changeEvent.nativeEvent;
@@ -26580,10 +26848,10 @@ var FunWeb2ConnectingStep = ({
     loginErrorMessage,
     clearLoginError
   } = useFunkitWeb2Login();
-  useEffect48(() => {
+  useEffect49(() => {
     clearLoginError();
   }, []);
-  const handleOtpComplete = useCallback42(
+  const handleOtpComplete = useCallback44(
     async (finalOtpInput) => {
       if (isNotNullish9(initialChainId)) {
         await handleFunkitWeb2Login({
@@ -26730,7 +26998,7 @@ function FunConnectOptions({
   const { loginConfig } = useFunkitConfig();
   const prioritizedLoginType = loginConfig.prioritizedLogin;
   const hasSecondarySignIn = prioritizedLoginType !== "none" && loginConfig.web2 && loginConfig.web3;
-  const changeStep = useCallback43((newStep) => {
+  const changeStep = useCallback45((newStep) => {
     setStep(newStep);
     if (isSignIn(newStep)) {
       setSelectedWallet(void 0);
@@ -26738,7 +27006,7 @@ function FunConnectOptions({
     }
   }, []);
   const { animation, navigateTo } = useAnimatedNavigation(changeStep);
-  const handleBackToSignIn = useCallback43(
+  const handleBackToSignIn = useCallback45(
     (type) => {
       const isPrimary = !hasSecondarySignIn || type === prioritizedLoginType;
       navigateTo(
@@ -26749,7 +27017,7 @@ function FunConnectOptions({
     [navigateTo, hasSecondarySignIn, prioritizedLoginType]
   );
   const walletConnectors = usePreparedWalletConnectors();
-  const onRegenerateQrCode = useCallback43(
+  const onRegenerateQrCode = useCallback45(
     async (wallet) => {
       const sWallet = walletConnectors.find((w) => wallet.id === w.id);
       const uri = await sWallet?.getQrCodeUri?.();
@@ -26757,7 +27025,7 @@ function FunConnectOptions({
     },
     [walletConnectors]
   );
-  const connectToWallet = useCallback43(
+  const connectToWallet = useCallback45(
     async (wallet) => {
       if (!wallet.ready) {
         return;
@@ -26776,7 +27044,7 @@ function FunConnectOptions({
     },
     [changeStep, onRegenerateQrCode]
   );
-  const handleRetry = useCallback43(() => {
+  const handleRetry = useCallback45(() => {
     if (!selectedWallet || selectedWallet.id === FUNKIT_CONNECT_WALLET_ID) {
       handleBackToSignIn("web2");
     } else {
@@ -27035,7 +27303,7 @@ function FunSignInStep({
       changeStep(3 /* PENDING_WALLET */);
     }
   };
-  const handleEmailSubmit = useCallback44(async () => {
+  const handleEmailSubmit = useCallback46(async () => {
     if (!isEmailInputValid) {
       return;
     }
@@ -27320,7 +27588,7 @@ var PaymentRouteSummary = ({
       isWithdrawal
     }
   );
-  const destinationComponent = customDestinationConfig && /* @__PURE__ */ React195.createElement(
+  const destinationComponent = (!isSameDestination || customDestinationConfig) && /* @__PURE__ */ React195.createElement(
     PaymentDestination,
     {
       destinationConfig: customDestinationConfig,
@@ -27330,7 +27598,7 @@ var PaymentRouteSummary = ({
     }
   );
   const [firstComponent, secondComponent] = isWithdrawal ? [destinationComponent, sourceComponent] : [sourceComponent, destinationComponent];
-  return /* @__PURE__ */ React195.createElement(React195.Fragment, null, firstComponent, firstComponent && secondComponent && !isSameDestination && /* @__PURE__ */ React195.createElement(FunDivider, { marginTop: "12", marginBottom: "12" }), secondComponent);
+  return /* @__PURE__ */ React195.createElement(React195.Fragment, null, firstComponent, firstComponent && secondComponent && /* @__PURE__ */ React195.createElement(FunDivider, { marginTop: "12", marginBottom: "12" }), secondComponent);
 };
 var PaymentRouteSummarySkeletonLoader = () => /* @__PURE__ */ React195.createElement(
   Box,
@@ -27374,7 +27642,7 @@ function PaymentMethodSummary({
 
 // src/modals/CheckoutModal/TransferToken/CheckoutNotifications.tsx
 import clsx21 from "clsx";
-import React202, { useEffect as useEffect50, useMemo as useMemo39, useState as useState64 } from "react";
+import React202, { useCallback as useCallback48, useEffect as useEffect52, useMemo as useMemo39, useState as useState64 } from "react";
 
 // src/components/FunNotificationBanner/FunNotificationShowMoreButton.tsx
 import React197 from "react";
@@ -27503,6 +27771,53 @@ var useRecentDirectExecutions = ({
   return query;
 };
 
+// src/hooks/useOnNewNotification.ts
+import { safeParseJson as safeParseJson8 } from "@funkit/utils";
+import { useEffect as useEffect50 } from "react";
+var storageKey5 = "fkc-processed-notifications";
+var useOnNewNotification = (combinedNotifications, cb) => {
+  useEffect50(() => {
+    const alreadyProcessed = safeParseJsonObject(
+      sessionStorage.getItem(storageKey5)
+    );
+    for (const item of combinedNotifications) {
+      const uniqueId = getUniqueId(item);
+      if (uniqueId in alreadyProcessed) {
+        continue;
+      }
+      try {
+        cb(item);
+        sessionStorage.setItem(
+          storageKey5,
+          JSON.stringify({ ...alreadyProcessed, [uniqueId]: 1 })
+        );
+      } catch (e) {
+        logger.error("useOnNewNotification", e);
+      }
+    }
+  }, [combinedNotifications, cb]);
+};
+function isPlainObject(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function safeParseJsonObject(src) {
+  try {
+    const value = src ? safeParseJson8(src) : {};
+    if (!isPlainObject(value)) {
+      return {};
+    }
+    return value;
+  } catch {
+    return {};
+  }
+}
+var getUniqueId = (item) => {
+  if (item.isDirectExecution) {
+    return `de-${item.txHash}`;
+  }
+  return `checkout-${item.createdTimeMs}-${item.salt}`;
+};
+
 // src/modals/CheckoutModal/TransferToken/CheckoutNotification.tsx
 import React200 from "react";
 
@@ -27518,7 +27833,7 @@ var showMoreButtonStyle = "_4yitd93 _1rsrm2f12a _1rsrm2f1f _1rsrm2f1c _1rsrm2fls
 // src/components/FunNotificationBanner/FunNotificationBannerIcon.tsx
 import clsx19 from "clsx";
 import { motion as motion12, useAnimate as useAnimate3 } from "motion/react";
-import React198, { useCallback as useCallback45, useEffect as useEffect49, useRef as useRef25 } from "react";
+import React198, { useCallback as useCallback47, useEffect as useEffect51, useRef as useRef25 } from "react";
 
 // src/components/FunNotificationBanner/FunNotificationBannerIcon.css.ts
 var STATUS_SPINNER_BOTTOM_POSITION = -5;
@@ -27767,7 +28082,7 @@ var FunNotificationBannerIcon = ({
   fallbackIconUrl = FALLBACK_ASSET
 }) => {
   const [animationScope, animate] = useAnimate3();
-  const triggerAnimationProcessingToCompleted = useCallback45(async () => {
+  const triggerAnimationProcessingToCompleted = useCallback47(async () => {
     const completedIconPath = document.querySelector(
       `.${generateAnimationPrefixClassName("icon-wrapper-completed")} path`
     );
@@ -27874,7 +28189,7 @@ var FunNotificationBannerIcon = ({
       )
     ]);
   }, [animate]);
-  const triggerAnimationDelayedToFailed = useCallback45(async () => {
+  const triggerAnimationDelayedToFailed = useCallback47(async () => {
     await Promise.all([
       animate(
         `.${generateAnimationPrefixClassName("icon-wrapper")}`,
@@ -27968,7 +28283,7 @@ var FunNotificationBannerIcon = ({
     ]);
   }, [animate]);
   const statusRef = useRef25(status);
-  useEffect49(() => {
+  useEffect51(() => {
     if (statusRef.current !== status) {
       if (statusRef.current === "processing" && status === "completed") {
         triggerAnimationProcessingToCompleted();
@@ -28314,6 +28629,69 @@ var parseDisclaimer = (checkout, onHelp2) => {
   }
 };
 
+// src/modals/CheckoutModal/TransferToken/CheckoutNotifications.track.ts
+var cleanupNotificationItem = (item) => {
+  if (item.isDirectExecution) {
+    return {
+      isDirectExecution: true,
+      createdTimeMs: item.createdTimeMs,
+      customerId: item.customerId,
+      estTotalUsd: item.estTotalUsd,
+      fromAmountBaseUnit: item.fromAmountBaseUnit,
+      fromChainId: item.fromChainId,
+      fromTokenAddress: item.fromTokenAddress,
+      toAmountBaseUnit: item.toAmountBaseUnit,
+      toChainId: item.toChainId,
+      toTokenAddress: item.toTokenAddress,
+      type: item.type,
+      userId: item.userId,
+      recipientAddr: item.recipientAddr,
+      sourceOfFund: item.sourceOfFund,
+      txHash: item.txHash,
+      isIntermediaryPhase: item.isIntermediaryPhase,
+      toTxId: item.toTxId,
+      triggeringTxHash: item.triggeringTxHash,
+      updatedTimeMs: item.updatedTimeMs
+    };
+  }
+  return {
+    isDirectExecution: false,
+    createdTimeMs: item.createdTimeMs,
+    depositAddr: item.depositAddr,
+    currentDepositAddr: item.currentDepositAddr,
+    recipientAddr: item.recipientAddr,
+    expirationTimestampSeconds: item.expirationTimestampSeconds,
+    fromAmountBaseUnit: item.fromAmountBaseUnit,
+    fromChainId: item.fromChainId,
+    fromTokenAddress: item.fromTokenAddress,
+    funWalletAddr: item.funWalletAddr,
+    lastUpdatedTimeMs: item.lastUpdatedTimeMs,
+    salt: item.salt,
+    state: item.state,
+    toAmountBaseUnit: item.toAmountBaseUnit,
+    toChainId: item.toChainId,
+    toTokenAddress: item.toTokenAddress,
+    sourceOfFund: item.sourceOfFund,
+    userOp: item.userOp,
+    version: item.version,
+    stateTimestampMs: item.stateTimestampMs,
+    refundState: item.refundState
+  };
+};
+var trackEventFromNotification = (item) => {
+  const metadata = cleanupNotificationItem(item);
+  if (item.isDirectExecution && isWithdrawalDirectExecution(item)) {
+    return {
+      eventName: "fc::success::withdrawal" /* WITHDRAWAL_SUCCESS */,
+      metadata
+    };
+  }
+  return {
+    eventName: "fc::success::token_transfer" /* TOKEN_TRANSFER_SUCCESS */,
+    metadata
+  };
+};
+
 // src/modals/CheckoutModal/TransferToken/DirectExecutionNotification.tsx
 import React201 from "react";
 var mapDirectExecutionStateToNotificationStatus = (isProcessing, isDelayed2, isRefunded, isCompleted, isFailed) => {
@@ -28453,13 +28831,13 @@ var CheckoutNotifications = ({
       withdrawal: isWithdrawalDirectExecution
     }[variant]
   });
-  useEffect50(() => {
+  useEffect52(() => {
     if (initialCheckouts || !checkouts) {
       return;
     }
     setInitialCheckouts(checkouts);
   }, [initialCheckouts, checkouts]);
-  useEffect50(() => {
+  useEffect52(() => {
     if (initialDirectExecutions || !directExecutions) {
       return;
     }
@@ -28491,6 +28869,15 @@ var CheckoutNotifications = ({
     return isExpanded ? combinedNotifications : combinedNotifications.slice(0, COLLAPSED_COUNT);
   }, [isExpanded, combinedNotifications]);
   const handleNotificationClose = (id) => setClosedNotifications((prev) => [...prev, id]);
+  const { logEvent } = useTrack();
+  const handleNewNotification = useCallback48(
+    (item) => {
+      const trackEvent = trackEventFromNotification(item);
+      logEvent(trackEvent);
+    },
+    [logEvent]
+  );
+  useOnNewNotification(combinedNotifications, handleNewNotification);
   if (!isVisible) {
     return null;
   }
@@ -28764,7 +29151,7 @@ import React218 from "react";
 // src/modals/ProfileDetails/ActivityTraversalContext.tsx
 import React206, {
   createContext as createContext15,
-  useCallback as useCallback46,
+  useCallback as useCallback49,
   useContext as useContext15,
   useState as useState66
 } from "react";
@@ -28785,7 +29172,7 @@ var ActivityTraversalProvider = ({
   const [returnViewPresets, setReturnViewPresets] = useState66(
     {}
   );
-  const onSelectActivity = useCallback46(
+  const onSelectActivity = useCallback49(
     ({
       checkoutId,
       initialPage,
@@ -28803,7 +29190,7 @@ var ActivityTraversalProvider = ({
     },
     []
   );
-  const resetActivityTraversal = useCallback46(() => {
+  const resetActivityTraversal = useCallback49(() => {
     setSelectedPurchaseId(void 0);
     setSelectedPurchaseInitView(void 0);
     setReturnView(void 0);
@@ -28823,7 +29210,7 @@ var useActivityTraversal = () => {
 };
 
 // src/modals/ProfileDetails/ProfileDetails.tsx
-import React217, { useCallback as useCallback48, useState as useState69 } from "react";
+import React217, { useCallback as useCallback51, useState as useState69 } from "react";
 
 // src/hooks/useCheckoutModalTitle.ts
 function useCheckoutModalTitle(depositAddress, defaultTitle) {
@@ -28837,7 +29224,7 @@ function useCheckoutModalTitle(depositAddress, defaultTitle) {
 import { IN_PROGRESS_CHECKOUT_STATES as IN_PROGRESS_CHECKOUT_STATES2 } from "@funkit/api-base";
 import { formatTimestampToDate, fullMonthNames } from "@funkit/utils";
 import clsx23 from "clsx";
-import React215, { useEffect as useEffect51, useMemo as useMemo40, useRef as useRef26, useState as useState68 } from "react";
+import React215, { useEffect as useEffect53, useMemo as useMemo40, useRef as useRef26, useState as useState68 } from "react";
 import { Virtuoso } from "react-virtuoso";
 import { useAccount as useAccount7 } from "wagmi";
 
@@ -29211,7 +29598,7 @@ var HomeTokenBalanceDisplayRowSkeleton = () => {
 
 // src/modals/ProfileDetails/FunProfileViews/Home/ProfileTitleSection.tsx
 import React214 from "react";
-import { useCallback as useCallback47, useState as useState67 } from "react";
+import { useCallback as useCallback50, useState as useState67 } from "react";
 
 // src/components/Icons/LogoutIcon.tsx
 import React212 from "react";
@@ -29278,7 +29665,7 @@ var ProfileTitleSection = ({
   onClose
 }) => {
   const [isDisconnectExpanded, setIsDisconnectExpanded] = useState67(false);
-  const collapseDisconnect = useCallback47(
+  const collapseDisconnect = useCallback50(
     () => setIsDisconnectExpanded(false),
     []
   );
@@ -29380,7 +29767,7 @@ function Home({
   const { checkoutHistoryList, isCheckoutHistoryInited } = useCheckoutHistoryContext();
   const { returnViewPresets } = useActivityTraversal();
   const { animation: tabAnimation, navigateTo } = useAnimatedNavigation(setSelectedView);
-  useEffect51(() => {
+  useEffect53(() => {
     const virtuosoDiv = virtuosoParentRef.current?.firstChild;
     virtuosoDiv?.classList.add(animateVirtuosoInClass);
   }, []);
@@ -29634,13 +30021,13 @@ function ProfileDetails({ onClose, defaultTab }) {
   const [singleActivityPage, setSingleActivityPage] = useState69(
     selectedPurchaseInitView ?? "detail" /* DETAIL */
   );
-  const resetView = useCallback48(() => {
+  const resetView = useCallback51(() => {
     setView(returnView ?? 0 /* HOME */);
     setSelectedHomeTab("checkouts" /* CHECKOUTS */);
     resetActivityTraversal();
   }, [resetActivityTraversal, returnView]);
   const { animation, animate } = useAnimatedNavigation(void 0);
-  const onSelectActivityWrapper = useCallback48(
+  const onSelectActivityWrapper = useCallback51(
     (activity) => {
       onSelectActivity({
         ...activity,
@@ -29677,7 +30064,7 @@ function ProfileDetails({ onClose, defaultTab }) {
   const isHelpPage = singleActivityPage === "help" /* HELP */;
   const isCheckoutDetailView = isSingleActivityView && singleActivityPage === "detail" /* DETAIL */;
   const withDivider = isSingleActivityView ? isHelpPage ? "scroll" : "always" : void 0;
-  const handleHelp = useCallback48(() => {
+  const handleHelp = useCallback51(() => {
     animate(() => setSingleActivityPage("help" /* HELP */));
   }, [animate]);
   const { onScroll, topbar, withTopDivider } = useCustomStatusAnimationAboveTopbar({
@@ -30288,16 +30675,16 @@ function ConnectModal({
 function useModalStateValue() {
   const [isModalOpen, setModalOpen] = useState70(false);
   return {
-    closeModal: useCallback49(() => setModalOpen(false), []),
+    closeModal: useCallback52(() => setModalOpen(false), []),
     isModalOpen,
-    openModal: useCallback49(() => setModalOpen(true), [])
+    openModal: useCallback52(() => setModalOpen(true), [])
   };
 }
 function useModalStateValueWithProp() {
   const [isModalOpen, setModalOpen] = useState70(false);
   const [prop, setProp] = useState70(null);
   return {
-    closeModal: useCallback49(() => {
+    closeModal: useCallback52(() => {
       setTimeout(
         () => {
           setProp(null);
@@ -30308,7 +30695,7 @@ function useModalStateValueWithProp() {
     }, []),
     isModalOpen,
     prop,
-    openModal: useCallback49((prop2) => {
+    openModal: useCallback52((prop2) => {
       if (prop2 != null) {
         setProp(prop2);
       }
@@ -30371,7 +30758,7 @@ function ModalProvider({ children }) {
     onConnect: () => closeModals(isUnauthenticated),
     onDisconnect: closeModals
   });
-  useEffect52(() => {
+  useEffect54(() => {
     if (isUnauthenticated) {
       closeModals();
     }
@@ -30476,7 +30863,7 @@ function useConnectModal(onClose) {
   const { connectModalOpen, openConnectModal } = useContext16(ModalContext);
   const { isWalletConnectModalOpen } = useWalletConnectOpenState();
   const effectiveConnectModalOpen = connectModalOpen || isWalletConnectModalOpen;
-  useEffect52(() => {
+  useEffect54(() => {
     if (!effectiveConnectModalOpen && onClose) {
       onClose();
     }
@@ -30584,16 +30971,16 @@ var connectorsWithRecentWallets = ({
 
 // src/wallets/recentWalletIds.ts
 import { safeParseJsonArray } from "@funkit/utils";
-var storageKey4 = "fkc-recent";
+var storageKey6 = "fkc-recent";
 function getRecentWalletIds() {
-  return typeof localStorage !== "undefined" ? safeParseJsonArray(localStorage.getItem(storageKey4)) : [];
+  return typeof localStorage !== "undefined" ? safeParseJsonArray(localStorage.getItem(storageKey6)) : [];
 }
 function dedupe(array) {
   return [...new Set(array)];
 }
 function addRecentWalletId(walletId) {
   const newValue = dedupe([walletId, ...getRecentWalletIds()]);
-  localStorage.setItem(storageKey4, JSON.stringify(newValue));
+  localStorage.setItem(storageKey6, JSON.stringify(newValue));
 }
 
 // src/wallets/useWalletConnectors.ts
@@ -30796,7 +31183,7 @@ var FunkitWeb2Provider = ({
   const [isLoggingIn, setIsLoggingIn] = useState71(false);
   const [loginErrorMessage, setLoginErrorMessage] = useState71("");
   const [loggedInUser, setLoggedInUser] = useState71(null);
-  const setLoginMethodAndCache = useCallback50(
+  const setLoginMethodAndCache = useCallback53(
     (method) => {
       try {
         setLoginMethod(method);
@@ -30811,7 +31198,7 @@ var FunkitWeb2Provider = ({
     },
     []
   );
-  useEffect53(() => {
+  useEffect55(() => {
     const newPrivy = new PrivyJS({
       appId: DEFAULT_PRIVY_APP_ID,
       storage: new LocalStorage(),
@@ -30820,7 +31207,7 @@ var FunkitWeb2Provider = ({
     setPrivyIframeUrl(newPrivy.embeddedWallet.getURL());
     setPrivy(newPrivy);
   }, [chains]);
-  const handleIframeMessage = useCallback50(
+  const handleIframeMessage = useCallback53(
     (e) => {
       if (e.origin === PRIVY_AUTH_URL && privy) {
         const iframeHandler = privy.embeddedWallet.getMessageHandler();
@@ -30829,7 +31216,7 @@ var FunkitWeb2Provider = ({
     },
     [privy]
   );
-  const handleFunkitWeb2Logout = useCallback50(async () => {
+  const handleFunkitWeb2Logout = useCallback53(async () => {
     if (privy) {
       logger.log("handleFunkitWeb2Logout_disconnecting_connectors", {
         numConnectors: connectors.length
@@ -30842,7 +31229,7 @@ var FunkitWeb2Provider = ({
       setLoginMethodAndCache(null);
     }
   }, [connectors, disconnectAsync, privy, setLoginMethodAndCache]);
-  const handleFreshPrivyLogin = useCallback50(
+  const handleFreshPrivyLogin = useCallback53(
     async ({
       firstLoginCode,
       secondLoginCode,
@@ -30894,7 +31281,7 @@ var FunkitWeb2Provider = ({
     },
     [handleFunkitWeb2Logout, privy]
   );
-  const getPrivyUserEmbeddedWallet = useCallback50(
+  const getPrivyUserEmbeddedWallet = useCallback53(
     async (inputPrivyUser) => {
       try {
         if (!privy || !inputPrivyUser) {
@@ -30913,7 +31300,7 @@ var FunkitWeb2Provider = ({
     },
     [privy]
   );
-  const getExistingPrivySession = useCallback50(async () => {
+  const getExistingPrivySession = useCallback53(async () => {
     try {
       if (!privy) {
         throw new Error(ERROR_MESSAGES2.PRIVY_NOT_INITIALIZED);
@@ -30924,7 +31311,7 @@ var FunkitWeb2Provider = ({
       return null;
     }
   }, [privy]);
-  const handleFunkitWeb2Login = useCallback50(
+  const handleFunkitWeb2Login = useCallback53(
     async ({
       chainId,
       firstLoginCode,
@@ -31001,9 +31388,9 @@ var FunkitWeb2Provider = ({
       wallets
     ]
   );
-  const clearLoginError = useCallback50(() => setLoginErrorMessage(""), []);
+  const clearLoginError = useCallback53(() => setLoginErrorMessage(""), []);
   const initChainId = useInitialChainId();
-  const handleAutoLoginFlows = useCallback50(async () => {
+  const handleAutoLoginFlows = useCallback53(async () => {
     if (isNotNullish11(loginMethod) && isNotNullish11(initChainId)) {
       const queryParams = new URLSearchParams(window.location.search);
       const oauthCode = queryParams.get(PRIVY_OAUTH_CODE_URL_PARAM);
@@ -31026,7 +31413,7 @@ var FunkitWeb2Provider = ({
       }
     }
   }, [handleFunkitWeb2Login, initChainId, loginMethod]);
-  useEffect53(() => {
+  useEffect55(() => {
     if (privy && privyIframeUrl && isNotNullish11(initChainId)) {
       const iframe = document.getElementById(
         PRIVY_IFRAME_ID
@@ -31047,7 +31434,7 @@ var FunkitWeb2Provider = ({
     initChainId
     // Do not include `handleAutoLoginFlows`,
   ]);
-  const handleOauthRedirect = useCallback50(
+  const handleOauthRedirect = useCallback53(
     async (authProvider) => {
       if (!privy) {
         throw new Error(ERROR_MESSAGES2.PRIVY_NOT_INITIALIZED);
@@ -31073,7 +31460,7 @@ var FunkitWeb2Provider = ({
     [privy, setLoginMethodAndCache]
   );
   const [isSendingOtpEmail, setIsSendingOtpEmail] = useState71(false);
-  const handleSendOtpEmail = useCallback50(
+  const handleSendOtpEmail = useCallback53(
     async (emailAddress) => {
       try {
         if (!privy) {
@@ -31101,7 +31488,7 @@ var FunkitWeb2Provider = ({
     [privy, setLoginMethodAndCache]
   );
   const [isGeneratingFcUri, setIsGeneratingFcUri] = useState71(false);
-  const handleGenerateFcUri = useCallback50(async () => {
+  const handleGenerateFcUri = useCallback53(async () => {
     try {
       if (!privy) {
         throw new Error(ERROR_MESSAGES2.PRIVY_NOT_INITIALIZED);
@@ -31128,7 +31515,7 @@ var FunkitWeb2Provider = ({
       setIsGeneratingFcUri(false);
     }
   }, [privy]);
-  const getFcConnectionStatus = useCallback50(
+  const getFcConnectionStatus = useCallback53(
     async (channelToken) => {
       try {
         if (!privy) {
@@ -31275,16 +31662,16 @@ import React230 from "react";
 import { useAccount as useAccount12, useBalance, useConfig as useConfig8 } from "wagmi";
 
 // src/hooks/useIsMounted.ts
-import { useCallback as useCallback51, useEffect as useEffect54, useState as useState73 } from "react";
+import { useCallback as useCallback54, useEffect as useEffect56, useState as useState73 } from "react";
 function useIsMounted() {
   const [isMounted, setIsMounted] = useState73(false);
-  useEffect54(() => {
+  useEffect56(() => {
     setIsMounted(true);
     return () => {
       setIsMounted(false);
     };
   }, []);
-  return useCallback51(() => isMounted, [isMounted]);
+  return useCallback54(() => isMounted, [isMounted]);
 }
 
 // src/components/ConnectButton/abbreviateETHBalance.ts
@@ -31565,7 +31952,7 @@ function ConnectButton({
   const connectionStatus = useConnectionStatus();
   const { setShowBalance } = useShowBalance();
   const [ready, setReady] = useState74(false);
-  useEffect55(() => {
+  useEffect57(() => {
     setShowBalance(showBalance);
     if (!ready) {
       setReady(true);
@@ -32124,40 +32511,53 @@ var useUpdateActiveFunkitCheckout = () => {
 
 // src/providers/FunkitProvider.tsx
 import { QueryClientProvider } from "@tanstack/react-query";
-import React234, { createContext as createContext19, useContext as useContext19 } from "react";
+import React235, { createContext as createContext19, useContext as useContext19 } from "react";
 import { WagmiProvider, useAccountEffect as useAccountEffect3 } from "wagmi";
 
-// src/providers/useFingerprint.ts
-import { useCallback as useCallback52, useEffect as useEffect56 } from "react";
-var storageKey5 = "funkit-connect-version";
-function setFunkitConnectVersion({ version }) {
-  localStorage.setItem(storageKey5, version);
-}
-function getCurrentSdkVersion() {
-  return "6.14.8";
-}
-function useFingerprint() {
-  const fingerprint = useCallback52(() => {
-    setFunkitConnectVersion({ version: getCurrentSdkVersion() });
-  }, []);
-  useEffect56(() => {
-    fingerprint();
-  }, [fingerprint]);
+// src/providers/FunkitStatsigProvider.tsx
+import {
+  LogEventCompressionMode,
+  StatsigProvider,
+  useClientAsyncInit
+} from "@statsig/react-bindings";
+import React234 from "react";
+var STATSIG_API = "https://data-api.fun.xyz/v1";
+var STATSIG_CLIENT_KEY = "client-UmFd8WIJljA7cLmZuDqs3X25M8sKd5WIQP4BSC2bRbM";
+function FunkitStatsigProvider({
+  children,
+  isDevelopment = false
+}) {
+  const { client } = useClientAsyncInit(
+    STATSIG_CLIENT_KEY,
+    {},
+    {
+      networkConfig: {
+        api: STATSIG_API
+      },
+      // By default Statsig disables compression for events when proxy is used.
+      // As our proxy does support compression, we force it to be enabled to save bandwidth.
+      logEventCompressionMode: LogEventCompressionMode.Forced,
+      environment: {
+        tier: isDevelopment ? "development" : "production"
+      }
+    }
+  );
+  return /* @__PURE__ */ React234.createElement(StatsigProvider, { client }, children);
 }
 
 // src/providers/usePreloadImages.ts
 import { isNotNullish as isNotNullish12 } from "@funkit/utils";
-import { useCallback as useCallback53, useEffect as useEffect57 } from "react";
+import { useCallback as useCallback55, useEffect as useEffect58 } from "react";
 function usePreloadImages() {
   const funkitConnectChains = useFunkitConnectChains();
   const walletConnectors = useWalletConnectors();
-  const preloadImages = useCallback53(() => {
+  const preloadImages = useCallback55(() => {
     loadImages(
       ...walletConnectors.map((wallet) => wallet.iconUrl),
       ...funkitConnectChains.map((chain) => chain.iconUrl).filter(isNotNullish12)
     );
   }, [walletConnectors, funkitConnectChains]);
-  useEffect57(() => {
+  useEffect58(() => {
     preloadImages();
   }, [preloadImages]);
 }
@@ -32185,7 +32585,7 @@ function FunkitProvider(props) {
     !!props.debug,
     getCurrentSdkVersion()
   );
-  const MainChild = /* @__PURE__ */ React234.createElement(FunkitThemeProvider, { theme: props.theme }, /* @__PURE__ */ React234.createElement(
+  const MainChild = /* @__PURE__ */ React235.createElement(FunkitThemeProvider, { theme: props.theme }, /* @__PURE__ */ React235.createElement(
     FunkitProviderInner,
     {
       avatar: props.avatar,
@@ -32198,7 +32598,7 @@ function FunkitProvider(props) {
     },
     props.children
   ));
-  return finalWagmiConfig && finalQueryClient ? /* @__PURE__ */ React234.createElement(WagmiProvider, { config: finalWagmiConfig }, /* @__PURE__ */ React234.createElement(QueryClientProvider, { client: finalQueryClient }, MainChild)) : MainChild;
+  return finalWagmiConfig && finalQueryClient ? /* @__PURE__ */ React235.createElement(WagmiProvider, { config: finalWagmiConfig }, /* @__PURE__ */ React235.createElement(QueryClientProvider, { client: finalQueryClient }, MainChild)) : MainChild;
 }
 function FunkitProviderInner({
   avatar,
@@ -32218,7 +32618,7 @@ function FunkitProviderInner({
   const avatarContext = avatar ?? defaultAvatar;
   const isSandboxMode = !!sandbox;
   const modalSizeFinal = modalSize || ModalSizeOptions.COMPACT;
-  return /* @__PURE__ */ React234.createElement(FunkitConfigContext.Provider, { value: funkitConfig }, /* @__PURE__ */ React234.createElement(FunkitConnectChainProvider, { initialChain }, /* @__PURE__ */ React234.createElement(ModalSizeProvider, { modalSize: modalSizeFinal }, /* @__PURE__ */ React234.createElement(FunkitWeb2Provider, null, /* @__PURE__ */ React234.createElement(GeneralWalletProvider, null, /* @__PURE__ */ React234.createElement(FunkitFlagsProvider, null, /* @__PURE__ */ React234.createElement(FunkitCheckoutHistoryProvider, null, /* @__PURE__ */ React234.createElement(FunkitCheckoutProvider, null, /* @__PURE__ */ React234.createElement(FunkitQuoteProvider, null, /* @__PURE__ */ React234.createElement(FunkitSandboxContext.Provider, { value: isSandboxMode }, /* @__PURE__ */ React234.createElement(AvatarContext.Provider, { value: avatarContext }, /* @__PURE__ */ React234.createElement(ThemeIdContext2.Provider, { value: id }, /* @__PURE__ */ React234.createElement(ShowBalanceProvider, null, /* @__PURE__ */ React234.createElement(FunkitMoonpayProvider, { debug: !!debug }, /* @__PURE__ */ React234.createElement(UserPresenceProvider, null, /* @__PURE__ */ React234.createElement(ModalProvider, null, activeTheme ? /* @__PURE__ */ React234.createElement(
+  return /* @__PURE__ */ React235.createElement(FunkitStatsigProvider, { isDevelopment: debug }, /* @__PURE__ */ React235.createElement(FunkitConfigContext.Provider, { value: funkitConfig }, /* @__PURE__ */ React235.createElement(FunkitConnectChainProvider, { initialChain }, /* @__PURE__ */ React235.createElement(ModalSizeProvider, { modalSize: modalSizeFinal }, /* @__PURE__ */ React235.createElement(FunkitWeb2Provider, null, /* @__PURE__ */ React235.createElement(GeneralWalletProvider, null, /* @__PURE__ */ React235.createElement(FunkitFlagsProvider, null, /* @__PURE__ */ React235.createElement(FunkitCheckoutHistoryProvider, null, /* @__PURE__ */ React235.createElement(FunkitCheckoutProvider, null, /* @__PURE__ */ React235.createElement(FunkitQuoteProvider, null, /* @__PURE__ */ React235.createElement(FunkitSandboxContext.Provider, { value: isSandboxMode }, /* @__PURE__ */ React235.createElement(AvatarContext.Provider, { value: avatarContext }, /* @__PURE__ */ React235.createElement(ThemeIdContext2.Provider, { value: id }, /* @__PURE__ */ React235.createElement(ShowBalanceProvider, null, /* @__PURE__ */ React235.createElement(FunkitMoonpayProvider, { debug: !!debug }, /* @__PURE__ */ React235.createElement(UserPresenceProvider, null, /* @__PURE__ */ React235.createElement(ModalProvider, null, activeTheme ? /* @__PURE__ */ React235.createElement(
     "div",
     {
       ...createThemeRootProps2(id),
@@ -32227,7 +32627,7 @@ function FunkitProviderInner({
         height: "100%"
       }
     },
-    /* @__PURE__ */ React234.createElement(
+    /* @__PURE__ */ React235.createElement(
       "style",
       {
         dangerouslySetInnerHTML: {
@@ -32244,7 +32644,7 @@ function FunkitProviderInner({
       }
     ),
     children
-  ) : children))))))))))))))));
+  ) : children)))))))))))))))));
 }
 
 // src/wallets/getDefaultWallets.ts