@funkit/connect 6.14.15 → 6.14.17

package/dist/index.js

@@ -522,7 +522,7 @@ import PrivyJS, {
 } from "@privy-io/js-sdk-core";
 import React245, {
   createContext as createContext18,
-  useCallback as useCallback57,
+  useCallback as useCallback56,
   useContext as useContext18,
   useEffect as useEffect60,
   useMemo as useMemo48,
@@ -1090,7 +1090,7 @@ var useInitialChainId = () => useContext4(FunkitConnectChainContext).initialChai
 // src/providers/ModalContext.tsx
 import React244, {
   createContext as createContext17,
-  useCallback as useCallback56,
+  useCallback as useCallback55,
   useContext as useContext17,
   useEffect as useEffect59,
   useMemo as useMemo47,
@@ -1112,7 +1112,7 @@ var topbarFadeWrapper = "_1r8f577";
 var topbarOverflowContent = "_1r8f576 _1rsrm2fes _1rsrm2ffp";
 
 // src/modals/WithdrwalModal/WithdrawalModal.tsx
-import React222, { useCallback as useCallback52, useState as useState69 } from "react";
+import React222, { useCallback as useCallback51, useState as useState69 } from "react";
 
 // src/components/FunCheckoutHistory/useCustomStatusAnimationAboveTopbar.tsx
 import { clamp } from "@funkit/utils";
@@ -1182,7 +1182,7 @@ import {
 import { isNotNullish as isNotNullish3 } from "@funkit/utils";
 import React19, {
   createContext as createContext10,
-  useCallback as useCallback11,
+  useCallback as useCallback10,
   useContext as useContext10,
   useEffect as useEffect9,
   useRef as useRef2,
@@ -1567,7 +1567,7 @@ import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS
 import { FlagKey as FlagKey6, isNotNullish as isNotNullish2 } from "@funkit/utils";
 import React18, {
   createContext as createContext9,
-  useCallback as useCallback10,
+  useCallback as useCallback9,
   useContext as useContext9,
   useEffect as useEffect8,
   useState as useState6
@@ -1599,7 +1599,7 @@ function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey, version);
 }
 function getCurrentSdkVersion() {
-  return "6.14.15";
+  return "6.14.17";
 }
 function useFingerprint() {
   const fingerprint = useCallback2(() => {
@@ -1700,7 +1700,6 @@ var WEB3_ACCOUNT_BALANCE_MESSAGE = {
 
 // src/providers/GeneralWalletProvider.tsx
 import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO } from "@funkit/chains";
-import { Auth, Chain, FunWallet, configureEnvironment as configureEnvironment2 } from "@funkit/core";
 import { formatAddress as formatAddress2 } from "@funkit/utils";
 import React15, {
   createContext as createContext5,
@@ -1867,7 +1866,7 @@ var GeneralWalletContext = createContext5({
   logoutSymbol: void 0
 });
 function GeneralWalletProvider({ children }) {
-  const { address, connector, chain: activeChain } = useAccount2();
+  const { address, connector } = useAccount2();
   const { connectors, disconnectAsync } = useDisconnect();
   const ensName = useMainnetEnsName(address);
   const ensAvatar = useMainnetEnsAvatar(ensName);
@@ -1943,16 +1942,6 @@ function GeneralWalletProvider({ children }) {
         if (!provider) {
           return;
         }
-        await configureEnvironment2({
-          chain: await Chain.getChain({ chainIdentifier: activeChain?.id })
-        });
-        newFunWalletAuth = new Auth({ provider });
-        newFunWallet = new FunWallet({
-          users: [{ userId: await newFunWalletAuth.getAddress() }],
-          uniqueId: await newFunWalletAuth.getWalletUniqueId(
-            DEFAULT_FUNWALLET_INDEX
-          )
-        });
       }
       logger.log("setupFunWallet_result", {
         newFunWallet,
@@ -1968,7 +1957,7 @@ function GeneralWalletProvider({ children }) {
     setupFunWallet().catch(
       (reason) => logger.error("setupFunWallet:error", reason)
     );
-  }, [connector, loginType, activeChain]);
+  }, [connector, loginType]);
   const [logoutSymbol, triggerLogoutSymbol] = useSymbolRefresh_default();
   const handleLogout = useCallback4(async () => {
     logger.log("handleLogout_called");
@@ -3335,7 +3324,10 @@ function useRelayBypass() {
           "brokerage" /* BROKERAGE */,
           "card" /* CARD */
         ],
-        relayWithAAPaymentMethods: ["balance" /* ACCOUNT_BALANCE */]
+        relayWithAAPaymentMethods: [
+          "balance" /* ACCOUNT_BALANCE */,
+          "brokerage" /* BROKERAGE */
+        ]
       };
     }
     return {
@@ -3344,7 +3336,10 @@ function useRelayBypass() {
         "balance" /* ACCOUNT_BALANCE */,
         "brokerage" /* BROKERAGE */
       ],
-      relayWithAAPaymentMethods: ["balance" /* ACCOUNT_BALANCE */]
+      relayWithAAPaymentMethods: [
+        "balance" /* ACCOUNT_BALANCE */,
+        "brokerage" /* BROKERAGE */
+      ]
     };
   }, [apiKey]);
   return {
@@ -3605,7 +3600,6 @@ import {
 } from "@funkit/api-base";
 import { FlagKey as FlagKey5 } from "@funkit/utils";
 import { useQuery as useQuery3 } from "@tanstack/react-query";
-import { useCallback as useCallback8 } from "react";
 
 // src/domains/clientMetadata.ts
 function generateClientMetadataForBackend({
@@ -3673,6 +3667,13 @@ function toApiSelectedPaymentMethodInfo(paymentMethodInfo) {
 
 // src/hooks/useCheckoutTransferInit.ts
 var COMMON_CLIENT_METADATA = generateClientMetadataForTokenTransfer();
+async function checkoutTransferFetch(params) {
+  return await initializeCheckoutTokenTransferAddress({
+    ...params,
+    logger,
+    clientMetadata: COMMON_CLIENT_METADATA
+  });
+}
 var useCheckoutTransferInit = () => {
   const { checkoutItem } = useCheckoutContext();
   const checkoutConfig = checkoutItem?.initSettings.config;
@@ -3680,53 +3681,40 @@ var useCheckoutTransferInit = () => {
   const { apiKey } = useFunkitConfig();
   const isQrCodeEnabled = useFlag(FlagKey5.EnableTokenTransfer, false);
   const recipientAddr = checkoutConfig?.customRecipient || walletAddress || "0x";
-  const queryKey = {
+  const queryKey = checkoutConfig?.targetAsset && checkoutConfig.targetAsset !== "0x" && checkoutConfig.targetChain && {
     userId: userInfo.id || "",
-    toChainId: checkoutConfig?.targetChain || "",
-    toTokenAddress: checkoutConfig?.targetAsset || "0x",
+    toChainId: checkoutConfig.targetChain,
+    toTokenAddress: checkoutConfig.targetAsset,
     recipientAddr,
     apiKey,
     actionType: checkoutConfig?.qrcodeActionType
   };
-  const queryFunction = useCallback8(
-    async (params) => {
-      return await initializeCheckoutTokenTransferAddress({
-        ...params,
-        logger,
-        clientMetadata: COMMON_CLIENT_METADATA
-      });
-    },
-    []
-  );
   const isQRCodeEnabledWithPostAction = !!checkoutConfig && // either no post action required
   (!isCheckoutPostActionRequired(checkoutConfig) || // or action type is set
   !!checkoutConfig?.qrcodeActionType);
   const { data, isFetching } = useQuery3({
     queryKey: ["initializeCheckoutTokenTransferAddress", queryKey],
-    queryFn: () => queryFunction(queryKey),
+    queryFn: () => queryKey ? checkoutTransferFetch(queryKey) : void 0,
     refetchOnWindowFocus: false,
     refetchOnMount: false,
-    enabled: (
-      // Is flag enabled
-      isQrCodeEnabled && // QR Code is only supported for post action checkouts with action type
-      isQRCodeEnabledWithPostAction
-    )
+    enabled: !!queryKey && // Is flag enabled
+    isQrCodeEnabled && // QR Code is only supported for post action checkouts with action type
+    isQRCodeEnabledWithPostAction
   });
   return {
     transferInit: isFetching ? void 0 : data,
-    recipientAddr,
-    manualFetch: queryFunction
+    recipientAddr
   };
 };
 
 // src/hooks/useEffectEvent.ts
-import { useCallback as useCallback9, useInsertionEffect, useRef } from "react";
+import { useCallback as useCallback8, useInsertionEffect, useRef } from "react";
 function useEffectEvent(fn) {
   const savedCallback = useRef(fn);
   useInsertionEffect(() => {
     savedCallback.current = fn;
   }, [fn]);
-  return useCallback9(
+  return useCallback8(
     (...args) => {
       const f = savedCallback.current;
       return f(...args);
@@ -3833,18 +3821,17 @@ function FunkitCheckoutProvider({ children }) {
   const { walletAddress, logoutSymbol, loginType, userInfo } = useGeneralWallet();
   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 = useCallback10(
+  const getCheckoutProgress = useCallback9(
     (checkoutId) => {
       return checkoutsProgress[checkoutId];
     },
     [checkoutsProgress]
   );
-  const setCheckoutProgress = useCallback10(
+  const setCheckoutProgress = useCallback9(
     (checkoutId, progress) => {
       setCheckoutsProgress((data) => ({ ...data, [checkoutId]: progress }));
     },
@@ -3866,7 +3853,7 @@ function FunkitCheckoutProvider({ children }) {
       });
     }
   );
-  const initNewWithdrawal = useCallback10(
+  const initNewWithdrawal = useCallback9(
     (props, checkoutConfig) => {
       const { onWithdrawalConfirmation, onWithdrawalError, config } = props;
       const newWithdrawalId = uuid();
@@ -3912,7 +3899,7 @@ function FunkitCheckoutProvider({ children }) {
     },
     [logEvent]
   );
-  const initNewCheckout = useCallback10(
+  const initNewCheckout = useCallback9(
     ({ config, ...initSettings }) => {
       const newCheckoutId = uuid();
       const newActiveCheckoutItem = {
@@ -3992,7 +3979,7 @@ function FunkitCheckoutProvider({ children }) {
       });
     }
   );
-  const startDirectExecutionCheckout = useCallback10(
+  const startDirectExecutionCheckout = useCallback9(
     async ({
       stepMessageSetter,
       latestQuote,
@@ -4076,7 +4063,7 @@ function FunkitCheckoutProvider({ children }) {
         });
         depositAddressOrHash = txHash;
       } else {
-        const newTransferInit = await manualFetch({
+        const newTransferInit = await checkoutTransferFetch({
           userId: userInfo.id || "",
           toChainId: checkoutItem.initSettings.config.targetChain,
           toTokenAddress: checkoutItem.initSettings.config.targetAsset,
@@ -4118,11 +4105,10 @@ function FunkitCheckoutProvider({ children }) {
       updateActiveCheckout,
       walletAddress,
       getWithdrawalDirectExecution,
-      manualFetch,
       logEvent
     ]
   );
-  const startRegularCheckout = useCallback10(
+  const startRegularCheckout = useCallback9(
     async ({
       stepMessageSetter,
       latestQuote,
@@ -4339,14 +4325,14 @@ function useFunkitCheckout(props) {
   const { connectModalOpen, openConnectModal } = useConnectModal();
   const { isUserLoggedIn } = useGeneralWallet();
   const isCheckoutActivated = useFlag(FlagKey6.IsCheckoutActivated);
-  const onErrorWrapper = useCallback10(
+  const onErrorWrapper = useCallback9(
     (payload) => {
       logger.warn(payload.message, payload);
       onError?.(payload);
     },
     [onError]
   );
-  const onOpenWrapper = useCallback10(
+  const onOpenWrapper = useCallback9(
     (newId) => {
       props?.onOpen?.();
       openFunCheckoutModal?.(newId);
@@ -4710,14 +4696,14 @@ var getInputErrorNotification = (error) => {
       return {
         message: `${formatCurrencyAndStringify(
           error.usdMaxAmount
-        )} maximum order`,
+        )} maximum deposit`,
         type: "hint"
       };
     case "belowMin":
       return {
         message: `${formatCurrencyAndStringify(
           error.usdMinAmount
-        )} minimum order`,
+        )} minimum deposit`,
         type: "hint"
       };
   }
@@ -4825,29 +4811,18 @@ function reformatIntegerPart(integerPart, locale, preserveLeadingZeroes) {
 import { mainnet as mainnet5 } from "viem/chains";
 var L1_FEES_ESTIMATE = 5;
 var L2_FEES_ESTIMATE = 1;
-var MESH_L1_FEES_ESTIMATE = 8;
-var MESH_L2_FEES_ESTIMATE = 2;
-var MESH_CUSTOM_CLIENT_FEE_PERCENT = 0.055;
-var getMeshFeesUsdEstimate = (assetChainId, assetUsdAmount) => {
-  let meshFeeEstimate = (assetUsdAmount || 0) * MESH_CUSTOM_CLIENT_FEE_PERCENT;
-  if (assetChainId === mainnet5.id.toString()) {
-    meshFeeEstimate += MESH_L1_FEES_ESTIMATE;
-  } else {
-    meshFeeEstimate += MESH_L2_FEES_ESTIMATE;
-  }
-  return meshFeeEstimate;
-};
+var BROKERAGE_FEES_ESTIMATE = 0;
 var getBaseFeeUsdEstimate = (targetChainId, assetChainId) => {
   if (targetChainId !== mainnet5.id.toString() && assetChainId !== mainnet5.id.toString()) {
     return L2_FEES_ESTIMATE;
   }
   return L1_FEES_ESTIMATE;
 };
-var getFeesUsdEstimate = (targetChainId, assetChainId, assetUsdAmount, paymentMethod) => {
+var getFeesUsdEstimate = (targetChainId, assetChainId, paymentMethod) => {
   const baseFeeEstimate = getBaseFeeUsdEstimate(targetChainId, assetChainId);
   const isBrokerage = paymentMethod === "brokerage" /* BROKERAGE */;
-  const meshFeeEstimate = isBrokerage ? getMeshFeesUsdEstimate(assetChainId, assetUsdAmount) : 0;
-  return baseFeeEstimate + meshFeeEstimate;
+  const brokerageFeeEstimate = isBrokerage ? BROKERAGE_FEES_ESTIMATE : 0;
+  return baseFeeEstimate + brokerageFeeEstimate;
 };
 
 // src/domains/asset.ts
@@ -4951,12 +4926,7 @@ function getUsdAvailableAmount(targetChainId, assetChainId, assetUsdAmount, paym
   if (!assetChainId || !assetUsdAmount) {
     return null;
   }
-  const fees = getFeesUsdEstimate(
-    targetChainId,
-    assetChainId,
-    assetUsdAmount,
-    paymentMethod
-  );
+  const fees = getFeesUsdEstimate(targetChainId, assetChainId, paymentMethod);
   return Math.max(round(assetUsdAmount - fees, USD_DECIMALS, "floor"), 0);
 }
 var WITHDRAW_BLACK_LIST = {
@@ -5611,7 +5581,7 @@ function FunkitCheckoutHistoryProvider({
   const [isInited, setIsInited] = useState7(false);
   const [isRefreshing, setIsRefreshing] = useState7(true);
   const isGuestUserOnCheckoutHistory = !isUserLoggedIn && !!historyDepositAddress;
-  const _refreshCheckoutHistory = useCallback11(async () => {
+  const _refreshCheckoutHistory = useCallback10(async () => {
     if (!funkitConfig.apiKey) {
       return;
     }
@@ -5679,7 +5649,7 @@ function FunkitCheckoutHistoryProvider({
       clearInterval(intervalRef.current);
     }
   }, [logoutSymbol]);
-  const startCheckoutHistoryListener = useCallback11(
+  const startCheckoutHistoryListener = useCallback10(
     (singleDepositAddr, expedited = false) => {
       setHistoryDepositAddress(singleDepositAddr);
       clearInterval(intervalRef.current);
@@ -5695,7 +5665,7 @@ function FunkitCheckoutHistoryProvider({
     },
     [triggerRefreshSymbol]
   );
-  const stopCheckoutHistoryListener = useCallback11(
+  const stopCheckoutHistoryListener = useCallback10(
     (cancelIntervalId) => {
       clearInterval(cancelIntervalId);
       if (cancelIntervalId === intervalRef.current) {
@@ -5856,7 +5826,7 @@ import {
   useAnimate
 } from "motion/react";
 import React26, {
-  useCallback as useCallback12,
+  useCallback as useCallback11,
   useEffect as useEffect11,
   useRef as useRef3,
   useState as useState9
@@ -6584,11 +6554,11 @@ function TransactionStatus({
   const [transitioningToStatus, setTransitioningToStatus] = useState9(status);
   const [transitioningToStep, setTransitioningToStep] = useState9(step);
   const spinAnimationRef = useRef3();
-  const stopSpinning = useCallback12(() => {
+  const stopSpinning = useCallback11(() => {
     spinAnimationRef.current?.cancel();
     spinAnimationRef.current = void 0;
   }, []);
-  const startSpinning = useCallback12(
+  const startSpinning = useCallback11(
     (step2) => {
       stopSpinning();
       spinAnimationRef.current = animate(
@@ -6606,7 +6576,7 @@ function TransactionStatus({
     },
     [animate, stopSpinning]
   );
-  const animateCircleToSuccess = useCallback12(
+  const animateCircleToSuccess = useCallback11(
     async (step2) => {
       const durationMs = 300;
       const checkmarkDelayMs = 50;
@@ -7260,7 +7230,7 @@ function isCustomWithdrawalConfig(config) {
 import { isMobile as isMobile3, isSafari } from "@funkit/utils";
 import clsx8 from "clsx";
 import React48, {
-  useCallback as useCallback15,
+  useCallback as useCallback14,
   useContext as useContext12,
   useEffect as useEffect19,
   useRef as useRef8
@@ -8022,7 +7992,7 @@ function FunDivider({
 
 // src/components/FunTooltip/FunTooltip.tsx
 import React45, {
-  useCallback as useCallback13,
+  useCallback as useCallback12,
   useEffect as useEffect15,
   useRef as useRef6,
   useState as useState14
@@ -8113,7 +8083,7 @@ var FunTooltip = ({
   const startDelayRef = useRef6();
   const delayRef = useRef6();
   const tooltipRef = useRef6(null);
-  const show = useCallback13(
+  const show = useCallback12(
     (startHiding) => {
       startDelayRef.current = setTimeout(() => {
         setIsDisplayed(true);
@@ -8123,7 +8093,7 @@ var FunTooltip = ({
     },
     [startDelay]
   );
-  const hide = useCallback13(() => {
+  const hide = useCallback12(() => {
     clearTimeout(startDelayRef.current);
     delayRef.current = setTimeout(() => {
       setIsDisplayed(false);
@@ -8236,7 +8206,7 @@ var HelpIcon = () => {
 };
 
 // src/components/Dialog/FocusTrap.tsx
-import React47, { useCallback as useCallback14, useEffect as useEffect16, useRef as useRef7 } from "react";
+import React47, { useCallback as useCallback13, useEffect as useEffect16, useRef as useRef7 } from "react";
 var moveFocusWithin = (element2, position) => {
   const focusableElements = element2.querySelectorAll(
     "button:not(:disabled), a[href]"
@@ -8269,7 +8239,7 @@ function FocusTrap(props) {
   return /* @__PURE__ */ React47.createElement(React47.Fragment, null, /* @__PURE__ */ React47.createElement(
     "div",
     {
-      onFocus: useCallback14(
+      onFocus: useCallback13(
         () => contentRef.current && moveFocusWithin(contentRef.current, "end"),
         []
       ),
@@ -8286,7 +8256,7 @@ function FocusTrap(props) {
   ), /* @__PURE__ */ React47.createElement(
     "div",
     {
-      onFocus: useCallback14(
+      onFocus: useCallback13(
         () => contentRef.current && moveFocusWithin(contentRef.current, "start"),
         []
       ),
@@ -8422,7 +8392,7 @@ function Dialog({
     }
     return () => document.removeEventListener("keydown", handleEscape);
   }, [open, onClose, isSmartCloseable]);
-  const handleBackdropClick = useCallback15(
+  const handleBackdropClick = useCallback14(
     () => isSmartCloseable ? onClose() : () => void 0,
     [isSmartCloseable, onClose]
   );
@@ -8972,7 +8942,7 @@ import React61 from "react";
 // src/components/Dropdown/BaseDropdown.tsx
 import { isMobile as isMobile4, noop as noop2 } from "@funkit/utils";
 import { AnimatePresence as AnimatePresence4, motion as motion5 } from "motion/react";
-import React58, { useCallback as useCallback16, useEffect as useEffect23, useMemo as useMemo14, useRef as useRef10, useState as useState18 } from "react";
+import React58, { useCallback as useCallback15, useEffect as useEffect23, useMemo as useMemo14, useRef as useRef10, useState as useState18 } from "react";
 
 // src/consts/layout.ts
 var VERTICAL_SECTION_GAP = "18";
@@ -9605,7 +9575,7 @@ function BaseDropdown({
     ),
     [options, searchInput]
   );
-  const closeDropdown = useCallback16(() => {
+  const closeDropdown = useCallback15(() => {
     setIsOpened(false);
     resetSearchOnClose && setSearchInput("");
   }, [resetSearchOnClose]);
@@ -12071,7 +12041,7 @@ var useTokenAndChainSelection = (transferInit, defaultValues, isWithdrawal) => {
 import { useState as useState26 } from "react";
 
 // src/hooks/useAutoClearState.ts
-import { useCallback as useCallback17, useEffect as useEffect27, useRef as useRef12, useState as useState22 } from "react";
+import { useCallback as useCallback16, useEffect as useEffect27, useRef as useRef12, useState as useState22 } from "react";
 function useAutoClearState(initialValue = null) {
   const [state, setState] = useState22(initialValue);
   const timeoutRef = useRef12();
@@ -12084,7 +12054,7 @@ function useAutoClearState(initialValue = null) {
   }, []);
   return [
     state,
-    useCallback17((newState, durationMs) => {
+    useCallback16((newState, durationMs) => {
       if (timeoutRef.current) {
         clearTimeout(timeoutRef.current);
         timeoutRef.current = void 0;
@@ -12120,7 +12090,7 @@ var useIsBlacklisted = (walletAddress, customRecipient) => {
 import { FlagKey as FlagKey14, isNotNullish as isNotNullish5 } from "@funkit/utils";
 import React72, {
   createContext as createContext14,
-  useCallback as useCallback19,
+  useCallback as useCallback18,
   useContext as useContext14,
   useEffect as useEffect29,
   useState as useState24
@@ -12131,7 +12101,7 @@ import { useConfig as useConfig4 } from "wagmi";
 import { bluvoGetWithdrawableBalanceById as bluvoGetWithdrawableBalanceById2 } from "@funkit/api-base";
 import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9 } from "@funkit/chains";
 import { keepPreviousData, useQuery as useQuery10 } from "@tanstack/react-query";
-import { useCallback as useCallback18, useMemo as useMemo18 } from "react";
+import { useCallback as useCallback17, useMemo as useMemo18 } from "react";
 
 // src/domains/wallet.ts
 import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7 } from "@funkit/chains";
@@ -12505,7 +12475,7 @@ var useBluvo = () => {
   const exchangeType = exchange ? exchange : void 0;
   const walletId = bluvoClient.context?.walletId;
   const quoteExpiresAt = bluvoClient.context?.quote?.expiresAt;
-  const handleStartWithdrawal = useCallback18(
+  const handleStartWithdrawal = useCallback17(
     async (brokerType) => {
       try {
         if (!bluvoClient) {
@@ -12642,7 +12612,7 @@ function FunkitQuoteProvider({ children }) {
       });
     }
   }, [logoutSymbol]);
-  const setQuoteProgress = useCallback19(
+  const setQuoteProgress = useCallback18(
     (state) => {
       setQuoteErrorMessage(state.quoteErrorMessage);
       setQuoteStepMessage(state.quoteStepMessage);
@@ -12650,7 +12620,7 @@ function FunkitQuoteProvider({ children }) {
     },
     []
   );
-  const clearCheckoutQuoteMessages = useCallback19(() => {
+  const clearCheckoutQuoteMessages = useCallback18(() => {
     setQuoteStepMessage("");
     setQuoteErrorMessage("");
   }, []);
@@ -13985,7 +13955,7 @@ import {
 } from "@funkit/api-base";
 import { FlagKey as FlagKey17 } from "@funkit/utils";
 import { useQuery as useQuery11, useQueryClient } from "@tanstack/react-query";
-import { useCallback as useCallback20 } from "react";
+import { useCallback as useCallback19 } from "react";
 var sepaCountryCode = [
   // EU countries that are part of SEPA
   "AT",
@@ -14084,13 +14054,13 @@ function useFrogAccounts() {
 function useClearFrogAccountsCache() {
   const { walletAddress } = useGeneralWallet();
   const queryClient = useQueryClient();
-  const clearFrogAccounts = useCallback20(() => {
+  const clearFrogAccounts = useCallback19(() => {
     queryClient.removeQueries({
       queryKey: ["frogSubAccounts", walletAddress],
       exact: true
     });
   }, [queryClient, walletAddress]);
-  const clearVirtualFiatAccounts = useCallback20(() => {
+  const clearVirtualFiatAccounts = useCallback19(() => {
     queryClient.removeQueries({
       queryKey: ["useVirtualFiatAccounts"]
     });
@@ -14164,7 +14134,7 @@ function useCreateVirtualBankAccount() {
   const destinationAddress = transferInit?.depositAddr || recipientAddr;
   const subAccountId = allFiatAccounts?.bridgeCustomer?.id;
   const { clearVirtualFiatAccounts } = useClearFrogAccountsCache();
-  const handleCreateVirtualFiatAccount = useCallback20(async () => {
+  const handleCreateVirtualFiatAccount = useCallback19(async () => {
     try {
       if (!subAccountId || !targetChainId) {
         return {
@@ -15935,7 +15905,7 @@ var BankIconActive = ({ size = 20 }) => {
 
 // src/components/FunConnectOptions/FunSignInStep.tsx
 import { groupBy, isMobile as isMobile9, isSafari as isSafari3, redirectInMobile as redirectInMobile2 } from "@funkit/utils";
-import React209, { Fragment as Fragment2, useCallback as useCallback49, useMemo as useMemo43, useState as useState66 } from "react";
+import React209, { Fragment as Fragment2, useCallback as useCallback48, useMemo as useMemo43, useState as useState66 } from "react";
 
 // src/providers/walletConnectDeepLink.ts
 var storageKey2 = "WALLETCONNECT_DEEPLINK_CHOICE";
@@ -16353,10 +16323,10 @@ var SocialsIcon = () => {
 };
 
 // src/components/FunConnectOptions/FunConnectOptions.tsx
-import React208, { useCallback as useCallback48, useMemo as useMemo42, useState as useState65 } from "react";
+import React208, { useCallback as useCallback47, useMemo as useMemo42, useState as useState65 } from "react";
 
 // src/hooks/useAnimatedNavigation.ts
-import { useCallback as useCallback21, useState as useState29 } from "react";
+import { useCallback as useCallback20, useState as useState29 } from "react";
 
 // src/css/modalTransitionStyles.css.ts
 var animateContentInClass = "stgjxl2";
@@ -16384,7 +16354,7 @@ function useAnimatedNavigation(callback) {
   const [animateOut, setAnimateOut] = useState29(false);
   const [isSkipped, setIsSkipped] = useState29(false);
   const [isReversed, setIsReversed] = useState29(false);
-  const navigateTo = useCallback21(
+  const navigateTo = useCallback20(
     (page, params = {}) => {
       setIsSkipped(!!params.skip);
       if (params.skip) {
@@ -16399,7 +16369,7 @@ function useAnimatedNavigation(callback) {
     },
     [callback]
   );
-  const animate = useCallback21(
+  const animate = useCallback20(
     (callback2, params = {}) => {
       setIsSkipped(!!params.skip);
       if (params.skip) {
@@ -16427,7 +16397,7 @@ import React198, { useEffect as useEffect50, useRef as useRef25, useState as use
 
 // src/modals/CheckoutModal/stepTransition.ts
 import {
-  useCallback as useCallback44,
+  useCallback as useCallback43,
   useRef as useRef24,
   useState as useState61
 } from "react";
@@ -16721,7 +16691,7 @@ import {
   BridgeCustomerStatus as BridgeCustomerStatus4
 } from "@funkit/api-base";
 import { exhaustiveCheck as exhaustiveCheck4 } from "@funkit/utils";
-import React98, { useCallback as useCallback22, useState as useState31 } from "react";
+import React98, { useCallback as useCallback21, useState as useState31 } from "react";
 import { createPortal as createPortal4 } from "react-dom";
 
 // src/components/Icons/HomeIcon.tsx
@@ -17323,7 +17293,7 @@ var VerifyAccountScreen = ({
   const kycUninitialized = !isSoftRejected2 && customerStatus && isKycUninitialized(customerStatus);
   const canStartKyc = kycUninitialized || isSoftRejected2;
   const handleCreateVirtualFiatAccount = useCreateVirtualBankAccount();
-  const onClick = useCallback22(async () => {
+  const onClick = useCallback21(async () => {
     if (customerStatus === BridgeCustomerStatus4.ACTIVE) {
       setCreating(true);
       const result = await handleCreateVirtualFiatAccount();
@@ -17831,7 +17801,7 @@ function VirtualFiatAccount({
 }
 
 // src/modals/CheckoutModal/Brokerage/SelectBrokerage.tsx
-import React111, { useState as useState32, useCallback as useCallback23 } from "react";
+import React111, { useState as useState32, useCallback as useCallback22 } from "react";
 import { createPortal as createPortal6 } from "react-dom";
 
 // src/components/FunSelectBrokerage/FunSelectBrokerage.tsx
@@ -17937,7 +17907,7 @@ function SelectBrokerage({
   const { updateSelectedPaymentMethodInfo } = useCheckoutContext();
   const [selectedExchange, setSelectedExchange] = useState32();
   const bottomSectionRef = useBottomSectionRef();
-  const handleSelect = useCallback23(
+  const handleSelect = useCallback22(
     async (brokerType) => {
       try {
         setSelectedExchange(brokerType);
@@ -18006,7 +17976,7 @@ function getCheckoutCompletionTime(checkout) {
 }
 
 // src/components/FunCheckoutHistory/FunCheckoutHistoryDetail.tsx
-import React117, { useCallback as useCallback25, useMemo as useMemo22, useState as useState34 } from "react";
+import React117, { useCallback as useCallback24, useMemo as useMemo22, useState as useState34 } from "react";
 import { createPortal as createPortal7 } from "react-dom";
 
 // src/components/HelpAlert/HelpAlert.tsx
@@ -18022,7 +17992,7 @@ var HelpAlert = ({ onHelp: onHelp2 }) => {
 };
 
 // src/hooks/useFunListeners.ts
-import { useCallback as useCallback24, useEffect as useEffect32, useRef as useRef15 } from "react";
+import { useCallback as useCallback23, useEffect as useEffect32, useRef as useRef15 } from "react";
 function useCheckoutHistoryListener(activate = true, singleDepositAddr) {
   const activeIntervalRef = useRef15();
   const { startCheckoutHistoryListener, stopCheckoutHistoryListener } = useCheckoutHistoryContext();
@@ -18045,21 +18015,21 @@ function useSIWFarcasterListener(channelToken) {
   const { getFcConnectionStatus, handleFunkitWeb2Login } = useFunkitWeb2Login();
   const intervalRef = useRef15();
   const [refreshSymbol, triggerRefreshSymbol] = useSymbolRefresh_default();
-  const startStatusListener = useCallback24(() => {
+  const startStatusListener = useCallback23(() => {
     clearInterval(intervalRef.current);
     triggerRefreshSymbol();
     intervalRef.current = setInterval(() => {
       triggerRefreshSymbol();
     }, FARCASTER_STATUS_INTERVAL);
   }, [triggerRefreshSymbol]);
-  const stopStatusListener = useCallback24(() => {
+  const stopStatusListener = useCallback23(() => {
     clearInterval(intervalRef.current);
   }, []);
   useEffect32(() => {
     startStatusListener();
     return () => stopStatusListener();
   }, []);
-  const check = useCallback24(async () => {
+  const check = useCallback23(async () => {
     if (!channelToken || !initalChainid) {
       return;
     }
@@ -18374,7 +18344,7 @@ function FunCheckoutHistoryDetail({
   useCheckoutHistoryListener(isProcessing, checkoutHistoryInfo?.depositAddr);
   useWalletAssets({ enableRefetchInterval: isProcessing || isCompleted });
   const { beginCheckout } = useFunkitCheckout({});
-  const handleNewCheckout = useCallback25(
+  const handleNewCheckout = useCallback24(
     (fromCheckout) => {
       onClose({ isNewDeposit: true });
       const historicalCheckout = fromCheckout.clientMetadata;
@@ -18851,7 +18821,7 @@ import {
   formatTimestamp as formatTimestamp2,
   isTokenEquivalent as isTokenEquivalent4
 } from "@funkit/utils";
-import React122, { useCallback as useCallback26, useMemo as useMemo24, useRef as useRef18, useState as useState36 } from "react";
+import React122, { useCallback as useCallback25, useMemo as useMemo24, useRef as useRef18, useState as useState36 } from "react";
 import { createPortal as createPortal9 } from "react-dom";
 
 // src/hooks/useReceiveAmountLabel.ts
@@ -18881,7 +18851,7 @@ function FunDirectExecutionHistoryDetail({
   const { checkoutItem } = useCheckoutContext();
   const { beginCheckout } = useFunkitCheckout({});
   const oldCheckoutConfig = checkoutItem?.initSettings.config;
-  const handleNewCheckout = useCallback26(
+  const handleNewCheckout = useCallback25(
     (fromCheckout) => {
       onClose({ isNewDeposit: true });
       const historicalCheckout = fromCheckout.clientMetadata;
@@ -19142,11 +19112,11 @@ function FunCheckoutHistoryContent({
 }
 
 // src/modals/CheckoutModal/CheckoutComplete/useLogCheckoutCompletion.ts
-import { useCallback as useCallback27 } from "react";
+import { useCallback as useCallback26 } from "react";
 function useLogCheckoutCompletion() {
   const { latestQuote } = useQuoteContext();
   const { checkoutItem } = useCheckoutContext();
-  const logCheckoutCompletion = useCallback27(
+  const logCheckoutCompletion = useCallback26(
     (depositAddress) => {
       if (depositAddress) {
         logger.log("checkoutFundingCompleted", {
@@ -19871,11 +19841,11 @@ import { useState as useState40 } from "react";
 import { useEffect as useEffect37, useState as useState39 } from "react";
 
 // src/hooks/useCheckoutAccountBalanceTransfer.ts
-import { useCallback as useCallback28 } from "react";
+import { useCallback as useCallback27 } from "react";
 function useCheckoutAccountBalanceTransfer() {
   const { checkoutItem } = useCheckoutContext();
   const { funWallet, funWalletAuth } = useGeneralWallet();
-  const generateCheckoutTransferOpItems = useCallback28(
+  const generateCheckoutTransferOpItems = useCallback27(
     async (toAddress, tokenAmount) => {
       if (checkoutItem?.selectedSourceAssetInfo?.chainId) {
         const newConfig = getFunkitEnvForCheckoutEstimation({
@@ -20085,7 +20055,7 @@ import React136, { useState as useState41 } 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 useCallback29 } from "react";
+import { useCallback as useCallback28 } from "react";
 import { useAccount as useAccount5, useSendTransaction, useWriteContract } from "wagmi";
 
 // src/utils/isMainnetUsdt.ts
@@ -20109,7 +20079,7 @@ function useWeb3AccountBalancePostCheckout(setPostCheckoutStepMessage) {
   const { sendTransactionAsync } = useSendTransaction();
   const { cancelCheckout, checkoutItem } = useCheckoutContext();
   const { latestQuote } = useQuoteContext();
-  const handleWeb3AccountBalancePostCheckout = useCallback29(
+  const handleWeb3AccountBalancePostCheckout = useCallback28(
     async (depositAddress) => {
       if (!latestQuote?.baseQuote.estTotalFromAmountBaseUnit) {
         return;
@@ -20215,7 +20185,7 @@ function useWeb3AccountBalancePostCheckout(setPostCheckoutStepMessage) {
 function useWeb2AccountBalancePostCheckout(apiKey) {
   const { latestQuote } = useQuoteContext();
   const { generateCheckoutTransferOpItems } = useCheckoutAccountBalanceTransfer();
-  const handleWeb2AccountBalancePostCheckout = useCallback29(
+  const handleWeb2AccountBalancePostCheckout = useCallback28(
     async (depositAddress) => {
       const { rFunWallet, rFunWalletAuth, transferOp, envConfig } = await generateCheckoutTransferOpItems(
         depositAddress,
@@ -20264,7 +20234,7 @@ function useAccountBalancePostCheckout(setPostCheckoutStepMessage, apiKey) {
   const { loginType } = useGeneralWallet();
   const handleWeb2AccountBalancePostCheckout = useWeb2AccountBalancePostCheckout(apiKey);
   const handleWeb3AccountBalancePostCheckout = useWeb3AccountBalancePostCheckout(setPostCheckoutStepMessage);
-  const handleAccountBalancePostCheckout = useCallback29(
+  const handleAccountBalancePostCheckout = useCallback28(
     async (depositAddress) => {
       if (loginType === "web2" /* Web2 */) {
         await handleWeb2AccountBalancePostCheckout(depositAddress);
@@ -20415,15 +20385,15 @@ function usePostCheckout({
 }
 
 // src/modals/CheckoutModal/ConfirmationStep/useQuoteRefresh.ts
-import { useCallback as useCallback32, useEffect as useEffect39, useMemo as useMemo29, useRef as useRef20, useState as useState44 } from "react";
+import { useCallback as useCallback31, useEffect as useEffect39, useMemo as useMemo29, useRef as useRef20, useState as useState44 } from "react";
 
 // src/hooks/useCountdown.tsx
 import React138 from "react";
-import { useCallback as useCallback31, useState as useState43 } from "react";
+import { useCallback as useCallback30, useState as useState43 } from "react";
 
 // src/components/FunCountdown/FunCountdown.tsx
 import { noop as noop7 } from "@funkit/utils";
-import React137, { useCallback as useCallback30, useEffect as useEffect38, useState as useState42 } from "react";
+import React137, { useCallback as useCallback29, useEffect as useEffect38, useState as useState42 } from "react";
 
 // src/components/FunCountdown/FunCountdown.css.ts
 var backgroundRing = "_1t0bc111 _1rsrm2f1mm";
@@ -20459,7 +20429,7 @@ var FunCountdown = ({
   const onCountdownEndedOnce = useEffectEvent(onCountdownEnded);
   const onBeforeCountdownEndsOnce = useEffectEvent(onBeforeCountdownEnds);
   const onCountdownLastSecondOnce = useEffectEvent(onCountdownLastSecond);
-  const handleInterval = useCallback30(() => {
+  const handleInterval = useCallback29(() => {
     if (isPaused) {
       return;
     }
@@ -20577,7 +20547,7 @@ function useCountdown({
 }) {
   const [countdownKey, setCountdownKey] = useState43(0);
   const [isLastSecond, setIsLastSecond] = useState43(false);
-  const restartCountdown = useCallback31(() => {
+  const restartCountdown = useCallback30(() => {
     setIsLastSecond(false);
     setCountdownKey((key) => key + 1);
   }, []);
@@ -20632,7 +20602,7 @@ function useQuoteRefresh({
       preloadedQuoteRef.current = data;
     }
   );
-  const preloadQuote = useCallback32(() => {
+  const preloadQuote = useCallback31(() => {
     if (!isSourceAssetConfirming) {
       onSourceAssetConfirmed(true);
     }
@@ -20646,7 +20616,7 @@ function useQuoteRefresh({
     onBeforeCountdownEnds: preloadQuote,
     onCountdownEnded: () => refreshQuote()
   });
-  const refreshQuote = useCallback32(
+  const refreshQuote = useCallback31(
     async (forceHardRefresh = false) => {
       if (isOnHold) {
         setIsPendingRefresh(true);
@@ -21010,7 +20980,7 @@ function ConfirmationStep({
 }
 
 // src/modals/CheckoutModal/ConnectExchange.tsx
-import React144, { useCallback as useCallback33, useEffect as useEffect41, useState as useState46 } from "react";
+import React144, { useCallback as useCallback32, useEffect as useEffect41, useState as useState46 } from "react";
 import { createPortal as createPortal12 } from "react-dom";
 
 // src/components/Icons/HandIcon.tsx
@@ -21165,7 +21135,7 @@ function ConnectExchange({
       navigateToBrokerage();
     }
   }, [isConnected]);
-  const onClickContinue = useCallback33(async () => {
+  const onClickContinue = useCallback32(async () => {
     try {
       setIsLoadingMeshModal(true);
       setAuthError("");
@@ -22675,7 +22645,7 @@ var QuickOptions = ({
 
 // src/modals/CheckoutModal/InputAmount/useAmountInput.ts
 import {
-  useCallback as useCallback35,
+  useCallback as useCallback34,
   useMemo as useMemo31,
   useReducer as useReducer3,
   useRef as useRef22,
@@ -22683,10 +22653,10 @@ import {
 } from "react";
 
 // src/hooks/useTextMeasurer.ts
-import { useCallback as useCallback34, useRef as useRef21 } from "react";
+import { useCallback as useCallback33, useRef as useRef21 } from "react";
 function useTextMeasurer(inputRef) {
   const canvasRef = useRef21(document.createElement("canvas"));
-  const measureText = useCallback34(
+  const measureText = useCallback33(
     (text, fontSize) => {
       if (!inputRef.current) {
         return void 0;
@@ -22990,7 +22960,7 @@ function useAmountInput(options) {
   const isCardCheckout = paymentMethodInfo.paymentMethod === "card" /* CARD */;
   const isMeldFlow = isCardCheckout && isMeldEnabled;
   const unitPrice = isStablecoin(checkoutConfig.targetAssetTicker) ? 1 : realUnitPrice;
-  const dispatchAndGetNewState = useCallback35(
+  const dispatchAndGetNewState = useCallback34(
     (action) => {
       dispatch(action);
       return getDerivedState(
@@ -23181,7 +23151,7 @@ function useAmountInput(options) {
       return () => element2.removeEventListener("beforeinput", onBeforeInput2);
     }
   }, [inputDecimals, locale]);
-  const onChange = useCallback35(
+  const onChange = useCallback34(
     (event) => {
       dispatch({
         type: "setInputValue",
@@ -23216,7 +23186,7 @@ function useAmountInput(options) {
       });
     }
   }, [defaultAmount]);
-  const setFiatAmount = useCallback35(
+  const setFiatAmount = useCallback34(
     (fiatAmount) => {
       const newState = dispatchAndGetNewState({
         type: "setFiatAmount",
@@ -23228,7 +23198,7 @@ function useAmountInput(options) {
     },
     [dispatchAndGetNewState, unitPrice]
   );
-  const toggleInputInFiat = useCallback35(() => {
+  const toggleInputInFiat = useCallback34(() => {
     dispatch({ type: "toggleInputInFiat" });
     inputRef.current?.focus();
   }, []);
@@ -23247,7 +23217,7 @@ function useAmountInput(options) {
 
 // src/modals/CheckoutModal/InputAmount/useMeld.tsx
 import { MeldServiceProvider as MeldServiceProvider2 } from "@funkit/api-base";
-import React158, { useCallback as useCallback37 } from "react";
+import React158, { useCallback as useCallback36 } from "react";
 
 // src/components/SourceMeldQuoteItem/SourceMeldQuoteItem.tsx
 import React157 from "react";
@@ -23640,7 +23610,7 @@ import {
   katanaChain
 } from "@funkit/chains";
 import { getTokenAddressBySymbolAndChainId as getTokenAddressBySymbolAndChainId2 } from "@funkit/core";
-import { useCallback as useCallback36, useState as useState48 } from "react";
+import { useCallback as useCallback35, useState as useState48 } from "react";
 import { mainnet as mainnet10, mantle, zksync as zksync2 } from "viem/chains";
 var pickSourceAssetForCard = async (checkoutItem, userIpInfo) => {
   if (!checkoutItem?.initSettings.config.targetChain) {
@@ -23701,7 +23671,7 @@ function useUpdateCardSourceAsset() {
   const { checkoutItem, updateSourceAsset } = useCheckoutContext();
   const { userIpInfo } = useFunkitUserIp();
   const [isUpdating, setIsUpdating] = useState48(false);
-  const onSelectCard = useCallback36(async () => {
+  const onSelectCard = useCallback35(async () => {
     setIsUpdating(true);
     try {
       const source = await pickSourceAssetForCard(checkoutItem, userIpInfo);
@@ -23806,7 +23776,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 = useCallback37(
+  const getMeldError = useCallback36(
     function getMeldError2() {
       if (isSelectedQuoteUnavailable) {
         return {
@@ -25577,7 +25547,7 @@ var TwoFactorInput = ({
 };
 
 // src/modals/CheckoutModal/MoonpaySetup.tsx
-import React172, { useCallback as useCallback38, useMemo as useMemo37, useState as useState52 } from "react";
+import React172, { useCallback as useCallback37, useMemo as useMemo37, useState as useState52 } from "react";
 
 // src/components/FunPayments/FunPaymentMoonpayType.css.ts
 var mpClass = "_1kmpeyf0";
@@ -25698,7 +25668,7 @@ function MoonpaySetup({
   const { paymentAddress, token, tokenChainId, depositAmount } = modalState;
   const [isSupportedRegion, setIsSupportedRegion] = useState52(true);
   const [isContinueEnabled, setIsContinueEnabled] = useState52(false);
-  const handleOnCompleted = useCallback38(() => {
+  const handleOnCompleted = useCallback37(() => {
     onNext({
       depositAddress: paymentAddress
     });
@@ -25736,6 +25706,7 @@ import { FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST as FUNKIT_CONNECT_SU
 import { formatCurrencyAndStringify as formatCurrencyAndStringify11, isTokenEquivalent as isTokenEquivalent8 } from "@funkit/utils";
 import React175, { useEffect as useEffect46, useMemo as useMemo39, useState as useState53 } from "react";
 import { createPortal as createPortal17 } from "react-dom";
+import { mainnet as mainnet11 } from "viem/chains";
 
 // src/components/Dropdown/ReceiveTokenDropdown.tsx
 import React173 from "react";
@@ -25864,7 +25835,7 @@ var NewTokenDepositAlert = ({
 // src/hooks/useAllowedAssets.ts
 import { getAllowedAssets } from "@funkit/api-base";
 import { useQuery as useQuery18 } from "@tanstack/react-query";
-import { useCallback as useCallback39, useMemo as useMemo38 } from "react";
+import { useCallback as useCallback38, useMemo as useMemo38 } from "react";
 function useAllowedAssets() {
   const { apiKey } = useFunkitConfig();
   const { checkoutItem } = useCheckoutContext();
@@ -25889,7 +25860,7 @@ function useAllowedAssets() {
     }
     return ret;
   }, [allowedAssets]);
-  const isAllowed = useCallback39(
+  const isAllowed = useCallback38(
     (chainId, tokenAddress) => {
       const disabledByCustomerList = checkoutItem?.initSettings.config.disabledSourceTokens?.some(
         (token) => {
@@ -26019,6 +25990,7 @@ function useAssetOptions({
   chainId,
   dynamicTargetAssetCandidates
 }) {
+  const { apiKey } = useFunkitConfig();
   const assetOptions = useMemo39(() => {
     return enrichedAccountHoldings.filter(
       ({ asset }) => chainId !== void 0 ? asset.pickedChainId === chainId.toString() : true
@@ -26033,11 +26005,24 @@ function useAssetOptions({
         secondTokenChainId: userSelectedTargetAsset?.tokenChainId || "",
         secondTokenAddress: userSelectedTargetAsset?.tokenAddress || ""
       });
+      let priority = 0;
+      if (isDisabled) {
+        priority = -1e3;
+      }
       let badgeText = "";
       if (!isUsable) {
         badgeText = reason;
       } else if (!isKnown) {
         badgeText = "Unknown";
+      } else if (isEtherealCustomer(apiKey) && isTokenEquivalent8({
+        firstTokenChainId: mainnet11.id.toString(),
+        firstTokenAddress: "0x90d2af7d622ca3141efa4d8f1f24d86e5974cc8f",
+        // eUSDe (ethereum)
+        secondTokenChainId: asset.pickedChainId,
+        secondTokenAddress: asset.tokenAddress
+      })) {
+        badgeText = "Native";
+        priority = 1e3;
       } else if (dynamicTargetAssetCandidates.some(
         (token) => isTokenEquivalent8({
           firstTokenChainId: token.tokenChainId,
@@ -26052,19 +26037,21 @@ function useAssetOptions({
       }
       return {
         asset,
+        badgeText,
         isDefault,
         isDisabled,
         isUserSelected,
-        badgeText
+        priority
       };
     }).sort(
       (a, b) => (
-        // Place non disabled tokens first
-        Number(a.isDisabled) - Number(b.isDisabled) || // Place higher usdAmount assets first
+        // Place higher priority assets first
+        b.priority - a.priority || // Place higher usdAmount assets first
         (b.asset.usdAmount || 0) - (a.asset.usdAmount || 0)
       )
     );
   }, [
+    apiKey,
     defaultTokenSymbols,
     enrichedAccountHoldings,
     chainId,
@@ -26170,7 +26157,7 @@ function AccountSelectAsset({
       });
       return;
     }
-    const isCandidate = candidates.find(
+    let candidate = candidates.find(
       (cand) => isTokenEquivalent8({
         firstTokenChainId: cand.tokenChainId,
         firstTokenAddress: cand.tokenAddress,
@@ -26178,15 +26165,15 @@ function AccountSelectAsset({
         secondTokenAddress: tokenItem.tokenAddress
       })
     );
-    if (isCandidate) {
+    candidate = candidate || candidates.find((token) => token.isDefault) || candidates[0];
+    if (candidate) {
       updateTargetAsset({
-        targetAsset: tokenItem.tokenAddress,
-        targetChain: tokenItem.pickedChainId,
-        targetAssetMinAmount: isCandidate.targetAssetMinAmount,
-        targetAssetTicker: checkoutConfig.targetAssetTicker,
-        iconSrc: checkoutConfig.iconSrc || tokenItem.iconSrc
+        targetAsset: candidate.tokenAddress,
+        targetChain: candidate.tokenChainId,
+        targetAssetMinAmount: candidate.targetAssetMinAmount,
+        targetAssetTicker: candidate.tokenSymbol,
+        iconSrc: candidate.iconSrc
       });
-      return;
     }
   };
   const onClickContinue = useEffectEvent(() => {
@@ -26472,7 +26459,7 @@ function SelectAsset({
 
 // src/modals/CheckoutModal/SourceChange/SourceChange.tsx
 import { BridgeCustomerStatus as BridgeCustomerStatus6, MeldServiceProvider as MeldServiceProvider4 } from "@funkit/api-base";
-import React177, { useCallback as useCallback40, useEffect as useEffect47, useState as useState54 } from "react";
+import React177, { useCallback as useCallback39, useEffect as useEffect47, useState as useState54 } from "react";
 import { createPortal as createPortal18 } from "react-dom";
 
 // src/modals/CheckoutModal/SourceChange/DefiPurchaseSection.tsx
@@ -26627,7 +26614,7 @@ function PayPal() {
   const isMeldEnabled = useIsMeldEnabled();
   const { checkoutItem } = useCheckoutContext();
   const isPaypalReady = false;
-  const onClick = useCallback40(() => {
+  const onClick = useCallback39(() => {
     if (isMeldEnabled && isPaypalReady) {
       openMeldPopup(() => mutateAsync(MeldServiceProvider4.PAYPAL));
     } else {
@@ -26694,7 +26681,7 @@ function SourceChange({
       brokerageFailed: false
     });
   };
-  const onCloseConnectModal = useCallback40(() => {
+  const onCloseConnectModal = useCallback39(() => {
     if (modalState.isSoftHidden) {
       setModalState((state) => ({ ...state, isSoftHidden: false }));
     }
@@ -26860,13 +26847,13 @@ import { createPortal as createPortal19 } from "react-dom";
 
 // src/components/CopyAddress/CopyInputDisplayedAddress.tsx
 import { truncateMiddleOfAddress } from "@funkit/utils";
-import React178, { useCallback as useCallback42, useState as useState56 } from "react";
+import React178, { useCallback as useCallback41, useState as useState56 } from "react";
 
 // src/hooks/useCopyToClipboard.ts
-import { useCallback as useCallback41, useEffect as useEffect48, useState as useState55 } from "react";
+import { useCallback as useCallback40, useEffect as useEffect48, useState as useState55 } from "react";
 var useCopyToClipboard = (text, delay = 1500) => {
   const [isCopied, setCopied] = useState55(false);
-  const handleCopy = useCallback41(() => {
+  const handleCopy = useCallback40(() => {
     if (!text) {
       return;
     }
@@ -26906,7 +26893,7 @@ function CopyInputDisplayedAddress({
   const { handleCopy } = useCopyToClipboard(address);
   const [isActive, setIsActive] = useState56(null);
   const displayAddress = truncateAddress ? truncateMiddleOfAddress(address, 40, 24, 8) : address;
-  const handleClick = useCallback42(() => {
+  const handleClick = useCallback41(() => {
     if (isActive) {
       return;
     }
@@ -28222,9 +28209,9 @@ var FiatAccountDetail = {
 
 // src/modals/CheckoutModal/VirtualFiatAccount/KycIframe.tsx
 import { BridgeCustomerStatus as BridgeCustomerStatus7 } from "@funkit/api-base";
-import React197, { useCallback as useCallback43, useEffect as useEffect49, useMemo as useMemo41, useState as useState60 } from "react";
+import React197, { useCallback as useCallback42, useEffect as useEffect49, useMemo as useMemo41, useState as useState60 } from "react";
 function useIframeListener(listeners) {
-  const handleMessage = useCallback43(
+  const handleMessage = useCallback42(
     (event) => {
       switch (event.data.name) {
         case "load": {
@@ -28453,7 +28440,7 @@ function initialState(checkoutItem) {
 function useCheckoutModalTransition(checkoutItem, onClose) {
   const { logEvent } = useTrack();
   const [modalState, setModalState] = useState61(() => initialState(checkoutItem));
-  const trackNextState = useCallback44(
+  const trackNextState = useCallback43(
     (nextState) => {
       const trackEvent = trackEventFromNextState(nextState);
       logEvent(trackEvent);
@@ -28461,7 +28448,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
     [logEvent]
   );
   const { clearCheckoutQuoteMessages } = useCheckoutQuoteNotification();
-  const onCloseWrapper = useCallback44(
+  const onCloseWrapper = useCallback43(
     (options) => {
       const normalizedIsNewDeposit = !!options?.isNewDeposit;
       checkoutItem.initSettings.onClose?.({
@@ -28486,7 +28473,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
   const [stateHistory, setHistory] = useState61([]);
   const prevStep = useRef24(null);
   const hasHistoryEntry = stateHistory.length > 1;
-  const onNext = useCallback44(
+  const onNext = useCallback43(
     (payload) => {
       if (prevStep.current === modalState.step) {
         return;
@@ -28527,7 +28514,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
       trackNextState
     ]
   );
-  const onStepChange = useCallback44(
+  const onStepChange = useCallback43(
     (nextState) => {
       if (prevStep.current === modalState.step) {
         return;
@@ -28541,7 +28528,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
     },
     [modalState, animate, trackNextState]
   );
-  const onBack = useCallback44(() => {
+  const onBack = useCallback43(() => {
     clearCheckoutQuoteMessages();
     const backStepOverride = checkoutBackMap[modalState.step];
     const prevState = [...stateHistory].reverse().find((s) => s.step === backStepOverride) ?? stateHistory[stateHistory.length - 1];
@@ -28744,7 +28731,7 @@ var FunConnectResultStep = ({
 
 // src/components/FunConnectOptions/FunFarcasterConnectingStep.tsx
 import { isMobile as isMobile8, isSafari as isSafari2, redirectInMobile } from "@funkit/utils";
-import React202, { useCallback as useCallback45, useEffect as useEffect52 } from "react";
+import React202, { useCallback as useCallback44, useEffect as useEffect52 } from "react";
 
 // src/components/CopyAddress/OldCopyAddressButton.tsx
 import React201 from "react";
@@ -28797,7 +28784,7 @@ function FunFarcasterConnectingStep({
     }
   }, [farcasterUri, mobile, safari]);
   useSIWFarcasterListener(farcasterToken);
-  const svgUrl = useCallback45(async () => {
+  const svgUrl = useCallback44(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.";
@@ -28845,11 +28832,11 @@ function FunFarcasterConnectingStep({
 
 // src/components/FunConnectOptions/FunWeb2ConnectingStep.tsx
 import { isNotNullish as isNotNullish9 } from "@funkit/utils";
-import React205, { useCallback as useCallback47, useEffect as useEffect54, useState as useState64 } from "react";
+import React205, { useCallback as useCallback46, useEffect as useEffect54, useState as useState64 } from "react";
 
 // src/components/FunInput/FunTwoFaInput.tsx
 import React203, {
-  useCallback as useCallback46,
+  useCallback as useCallback45,
   useEffect as useEffect53,
   useRef as useRef26,
   useState as useState63
@@ -28876,12 +28863,12 @@ var FunTwoFaInput = ({
       setFocusIndex(0);
     }
   }, [value]);
-  const ensureFocus = useCallback46((nextIndex) => {
+  const ensureFocus = useCallback45((nextIndex) => {
     setTimeout(() => {
       inputRefs.current[nextIndex]?.focus();
     }, 10);
   }, []);
-  const handleBackspace = useCallback46(
+  const handleBackspace = useCallback45(
     (index) => {
       if (index === maxInputLength - 1 && value.length === maxInputLength) {
         onChange(value.slice(0, index));
@@ -28905,7 +28892,7 @@ var FunTwoFaInput = ({
     },
     [currentLength, initialInputLength, maxInputLength, onChange, value]
   );
-  const handleChange = useCallback46(
+  const handleChange = useCallback45(
     (changeEvent) => {
       changeEvent.stopPropagation();
       const nativeEvent = changeEvent.nativeEvent;
@@ -29074,7 +29061,7 @@ var FunWeb2ConnectingStep = ({
   useEffect54(() => {
     clearLoginError();
   }, []);
-  const handleOtpComplete = useCallback47(
+  const handleOtpComplete = useCallback46(
     async (finalOtpInput) => {
       if (isNotNullish9(initialChainId)) {
         await handleFunkitWeb2Login({
@@ -29221,7 +29208,7 @@ function FunConnectOptions({
   const { loginConfig } = useFunkitConfig();
   const prioritizedLoginType = loginConfig.prioritizedLogin;
   const hasSecondarySignIn = prioritizedLoginType !== "none" && loginConfig.web2 && loginConfig.web3;
-  const changeStep = useCallback48((newStep) => {
+  const changeStep = useCallback47((newStep) => {
     setStep(newStep);
     if (isSignIn(newStep)) {
       setSelectedWallet(void 0);
@@ -29229,7 +29216,7 @@ function FunConnectOptions({
     }
   }, []);
   const { animation, navigateTo } = useAnimatedNavigation(changeStep);
-  const handleBackToSignIn = useCallback48(
+  const handleBackToSignIn = useCallback47(
     (type) => {
       const isPrimary = !hasSecondarySignIn || type === prioritizedLoginType;
       navigateTo(
@@ -29240,7 +29227,7 @@ function FunConnectOptions({
     [navigateTo, hasSecondarySignIn, prioritizedLoginType]
   );
   const walletConnectors = usePreparedWalletConnectors();
-  const onRegenerateQrCode = useCallback48(
+  const onRegenerateQrCode = useCallback47(
     async (wallet) => {
       const sWallet = walletConnectors.find((w) => wallet.id === w.id);
       const uri = await sWallet?.getQrCodeUri?.();
@@ -29248,7 +29235,7 @@ function FunConnectOptions({
     },
     [walletConnectors]
   );
-  const connectToWallet = useCallback48(
+  const connectToWallet = useCallback47(
     async (wallet) => {
       if (!wallet.ready) {
         return;
@@ -29267,7 +29254,7 @@ function FunConnectOptions({
     },
     [changeStep, onRegenerateQrCode]
   );
-  const handleRetry = useCallback48(() => {
+  const handleRetry = useCallback47(() => {
     if (!selectedWallet || selectedWallet.id === FUNKIT_CONNECT_WALLET_ID) {
       handleBackToSignIn("web2");
     } else {
@@ -29526,7 +29513,7 @@ function FunSignInStep({
       changeStep(3 /* PENDING_WALLET */);
     }
   };
-  const handleEmailSubmit = useCallback49(async () => {
+  const handleEmailSubmit = useCallback48(async () => {
     if (!isEmailInputValid) {
       return;
     }
@@ -29866,7 +29853,7 @@ function PaymentMethodSummary({
 
 // src/modals/CheckoutModal/TransferToken/CheckoutNotifications.tsx
 import clsx22 from "clsx";
-import React219, { useCallback as useCallback51, useEffect as useEffect57, useMemo as useMemo44, useState as useState68 } from "react";
+import React219, { useCallback as useCallback50, useEffect as useEffect57, useMemo as useMemo44, useState as useState68 } from "react";
 
 // src/components/FunNotificationBanner/FunNotificationShowMoreButton.tsx
 import React214 from "react";
@@ -30080,7 +30067,7 @@ var showMoreButtonStyle = "_4yitd93 _1rsrm2f12a _1rsrm2f1f _1rsrm2f1c _1rsrm2fls
 // src/components/FunNotificationBanner/FunNotificationBannerIcon.tsx
 import clsx20 from "clsx";
 import { motion as motion12, useAnimate as useAnimate3 } from "motion/react";
-import React215, { useCallback as useCallback50, useEffect as useEffect56, useRef as useRef27 } from "react";
+import React215, { useCallback as useCallback49, useEffect as useEffect56, useRef as useRef27 } from "react";
 
 // src/components/FunNotificationBanner/FunNotificationBannerIcon.css.ts
 var STATUS_SPINNER_BOTTOM_POSITION = -5;
@@ -30329,7 +30316,7 @@ var FunNotificationBannerIcon = ({
   fallbackIconUrl = FALLBACK_ASSET
 }) => {
   const [animationScope, animate] = useAnimate3();
-  const triggerAnimationProcessingToCompleted = useCallback50(async () => {
+  const triggerAnimationProcessingToCompleted = useCallback49(async () => {
     const completedIconPath = document.querySelector(
       `.${generateAnimationPrefixClassName("icon-wrapper-completed")} path`
     );
@@ -30436,7 +30423,7 @@ var FunNotificationBannerIcon = ({
       )
     ]);
   }, [animate]);
-  const triggerAnimationDelayedToFailed = useCallback50(async () => {
+  const triggerAnimationDelayedToFailed = useCallback49(async () => {
     await Promise.all([
       animate(
         `.${generateAnimationPrefixClassName("icon-wrapper")}`,
@@ -31115,7 +31102,7 @@ var CheckoutNotifications = ({
   }, [isExpanded, combinedNotifications]);
   const handleNotificationClose = (id) => setClosedNotifications((prev) => [...prev, id]);
   const { logEvent } = useTrack();
-  const handleNewNotification = useCallback51(
+  const handleNewNotification = useCallback50(
     (item) => {
       const trackEvent = trackEventFromNotification(item);
       logEvent(trackEvent);
@@ -31308,7 +31295,7 @@ function WithdrawalModal({
   const [withdrawnAmount, setWithdrawnAmount] = useState69("");
   const [quote, setQuote] = useState69();
   const { logEvent } = useTrack();
-  const onCloseWrapper = useCallback52(() => {
+  const onCloseWrapper = useCallback51(() => {
     const metadata = {
       checkoutStep: step,
       checkoutId: withdrawalItem?.id,
@@ -31419,7 +31406,7 @@ import React235 from "react";
 // src/modals/ProfileDetails/ActivityTraversalContext.tsx
 import React223, {
   createContext as createContext16,
-  useCallback as useCallback53,
+  useCallback as useCallback52,
   useContext as useContext16,
   useMemo as useMemo45,
   useState as useState70
@@ -31441,7 +31428,7 @@ var ActivityTraversalProvider = ({
   const [returnViewPresets, setReturnViewPresets] = useState70(
     {}
   );
-  const onSelectActivity = useCallback53(
+  const onSelectActivity = useCallback52(
     ({
       checkoutId,
       initialPage,
@@ -31459,7 +31446,7 @@ var ActivityTraversalProvider = ({
     },
     []
   );
-  const resetActivityTraversal = useCallback53(() => {
+  const resetActivityTraversal = useCallback52(() => {
     setSelectedPurchaseId(void 0);
     setSelectedPurchaseInitView(void 0);
     setReturnView(void 0);
@@ -31489,7 +31476,7 @@ var useActivityTraversal = () => {
 };
 
 // src/modals/ProfileDetails/ProfileDetails.tsx
-import React234, { useCallback as useCallback55, useState as useState73 } from "react";
+import React234, { useCallback as useCallback54, useState as useState73 } from "react";
 
 // src/hooks/useCheckoutModalTitle.ts
 function useCheckoutModalTitle(depositAddress, defaultTitle) {
@@ -31877,7 +31864,7 @@ var HomeTokenBalanceDisplayRowSkeleton = () => {
 
 // src/modals/ProfileDetails/FunProfileViews/Home/ProfileTitleSection.tsx
 import React231 from "react";
-import { useCallback as useCallback54, useState as useState71 } from "react";
+import { useCallback as useCallback53, useState as useState71 } from "react";
 
 // src/components/Icons/LogoutIcon.tsx
 import React229 from "react";
@@ -31944,7 +31931,7 @@ var ProfileTitleSection = ({
   onClose
 }) => {
   const [isDisconnectExpanded, setIsDisconnectExpanded] = useState71(false);
-  const collapseDisconnect = useCallback54(
+  const collapseDisconnect = useCallback53(
     () => setIsDisconnectExpanded(false),
     []
   );
@@ -32300,13 +32287,13 @@ function ProfileDetails({ onClose, defaultTab }) {
   const [singleActivityPage, setSingleActivityPage] = useState73(
     selectedPurchaseInitView ?? "detail" /* DETAIL */
   );
-  const resetView = useCallback55(() => {
+  const resetView = useCallback54(() => {
     setView(returnView ?? 0 /* HOME */);
     setSelectedHomeTab("checkouts" /* CHECKOUTS */);
     resetActivityTraversal();
   }, [resetActivityTraversal, returnView]);
   const { animation, animate } = useAnimatedNavigation(void 0);
-  const onSelectActivityWrapper = useCallback55(
+  const onSelectActivityWrapper = useCallback54(
     (activity) => {
       onSelectActivity({
         ...activity,
@@ -32343,7 +32330,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 = useCallback55(() => {
+  const handleHelp = useCallback54(() => {
     animate(() => setSingleActivityPage("help" /* HELP */));
   }, [animate]);
   const { onScroll, topbar, withTopDivider } = useCustomStatusAnimationAboveTopbar({
@@ -32560,7 +32547,7 @@ function ChainLineItem({
     !hideChainName ? /* @__PURE__ */ React239.createElement("div", null, chainItem.name) : null
   );
 }
-var Chain2 = ({
+var Chain = ({
   chainId,
   currentChainId,
   switchChain,
@@ -32622,7 +32609,7 @@ var Chain2 = ({
     ))
   ), mobile && idx < funkitConnectChains.length - 1 && /* @__PURE__ */ React239.createElement(Box, { background: "generalBorderDim", height: "1", marginX: "8" }));
 };
-var Chain_default = Chain2;
+var Chain_default = Chain;
 
 // src/modals/ChainModal/ChainModal.css.ts
 var DesktopScrollClassName = "_1d2b1vf0";
@@ -32981,16 +32968,16 @@ function ConnectModal({
 function useModalStateValue() {
   const [isModalOpen, setModalOpen] = useState74(false);
   return {
-    closeModal: useCallback56(() => setModalOpen(false), []),
+    closeModal: useCallback55(() => setModalOpen(false), []),
     isModalOpen,
-    openModal: useCallback56(() => setModalOpen(true), [])
+    openModal: useCallback55(() => setModalOpen(true), [])
   };
 }
 function useModalStateValueWithProp() {
   const [isModalOpen, setModalOpen] = useState74(false);
   const [prop, setProp] = useState74(null);
   return {
-    closeModal: useCallback56(() => {
+    closeModal: useCallback55(() => {
       setTimeout(
         () => {
           setProp(null);
@@ -33001,7 +32988,7 @@ function useModalStateValueWithProp() {
     }, []),
     isModalOpen,
     prop,
-    openModal: useCallback56((prop2) => {
+    openModal: useCallback55((prop2) => {
       if (prop2 != null) {
         setProp(prop2);
       }
@@ -33489,7 +33476,7 @@ var FunkitWeb2Provider = ({
   const [isLoggingIn, setIsLoggingIn] = useState75(false);
   const [loginErrorMessage, setLoginErrorMessage] = useState75("");
   const [loggedInUser, setLoggedInUser] = useState75(null);
-  const setLoginMethodAndCache = useCallback57(
+  const setLoginMethodAndCache = useCallback56(
     (method) => {
       try {
         setLoginMethod(method);
@@ -33513,7 +33500,7 @@ var FunkitWeb2Provider = ({
     setPrivyIframeUrl(newPrivy.embeddedWallet.getURL());
     setPrivy(newPrivy);
   }, [chains]);
-  const handleIframeMessage = useCallback57(
+  const handleIframeMessage = useCallback56(
     (e) => {
       if (e.origin === PRIVY_AUTH_URL && privy) {
         const iframeHandler = privy.embeddedWallet.getMessageHandler();
@@ -33522,7 +33509,7 @@ var FunkitWeb2Provider = ({
     },
     [privy]
   );
-  const handleFunkitWeb2Logout = useCallback57(async () => {
+  const handleFunkitWeb2Logout = useCallback56(async () => {
     if (privy) {
       logger.log("handleFunkitWeb2Logout_disconnecting_connectors", {
         numConnectors: connectors.length
@@ -33535,7 +33522,7 @@ var FunkitWeb2Provider = ({
       setLoginMethodAndCache(null);
     }
   }, [connectors, disconnectAsync, privy, setLoginMethodAndCache]);
-  const handleFreshPrivyLogin = useCallback57(
+  const handleFreshPrivyLogin = useCallback56(
     async ({
       firstLoginCode,
       secondLoginCode,
@@ -33587,7 +33574,7 @@ var FunkitWeb2Provider = ({
     },
     [handleFunkitWeb2Logout, privy]
   );
-  const getPrivyUserEmbeddedWallet = useCallback57(
+  const getPrivyUserEmbeddedWallet = useCallback56(
     async (inputPrivyUser) => {
       try {
         if (!privy || !inputPrivyUser) {
@@ -33606,7 +33593,7 @@ var FunkitWeb2Provider = ({
     },
     [privy]
   );
-  const getExistingPrivySession = useCallback57(async () => {
+  const getExistingPrivySession = useCallback56(async () => {
     try {
       if (!privy) {
         throw new Error(ERROR_MESSAGES2.PRIVY_NOT_INITIALIZED);
@@ -33617,7 +33604,7 @@ var FunkitWeb2Provider = ({
       return null;
     }
   }, [privy]);
-  const handleFunkitWeb2Login = useCallback57(
+  const handleFunkitWeb2Login = useCallback56(
     async ({
       chainId,
       firstLoginCode,
@@ -33694,9 +33681,9 @@ var FunkitWeb2Provider = ({
       wallets
     ]
   );
-  const clearLoginError = useCallback57(() => setLoginErrorMessage(""), []);
+  const clearLoginError = useCallback56(() => setLoginErrorMessage(""), []);
   const initChainId = useInitialChainId();
-  const handleAutoLoginFlows = useCallback57(async () => {
+  const handleAutoLoginFlows = useCallback56(async () => {
     if (isNotNullish11(loginMethod) && isNotNullish11(initChainId)) {
       const queryParams = new URLSearchParams(window.location.search);
       const oauthCode = queryParams.get(PRIVY_OAUTH_CODE_URL_PARAM);
@@ -33740,7 +33727,7 @@ var FunkitWeb2Provider = ({
     initChainId
     // Do not include `handleAutoLoginFlows`,
   ]);
-  const handleOauthRedirect = useCallback57(
+  const handleOauthRedirect = useCallback56(
     async (authProvider) => {
       if (!privy) {
         throw new Error(ERROR_MESSAGES2.PRIVY_NOT_INITIALIZED);
@@ -33766,7 +33753,7 @@ var FunkitWeb2Provider = ({
     [privy, setLoginMethodAndCache]
   );
   const [isSendingOtpEmail, setIsSendingOtpEmail] = useState75(false);
-  const handleSendOtpEmail = useCallback57(
+  const handleSendOtpEmail = useCallback56(
     async (emailAddress) => {
       try {
         if (!privy) {
@@ -33794,7 +33781,7 @@ var FunkitWeb2Provider = ({
     [privy, setLoginMethodAndCache]
   );
   const [isGeneratingFcUri, setIsGeneratingFcUri] = useState75(false);
-  const handleGenerateFcUri = useCallback57(async () => {
+  const handleGenerateFcUri = useCallback56(async () => {
     try {
       if (!privy) {
         throw new Error(ERROR_MESSAGES2.PRIVY_NOT_INITIALIZED);
@@ -33821,7 +33808,7 @@ var FunkitWeb2Provider = ({
       setIsGeneratingFcUri(false);
     }
   }, [privy]);
-  const getFcConnectionStatus = useCallback57(
+  const getFcConnectionStatus = useCallback56(
     async (channelToken) => {
       try {
         if (!privy) {
@@ -33968,7 +33955,7 @@ import React247 from "react";
 import { useAccount as useAccount12, useBalance, useConfig as useConfig8 } from "wagmi";
 
 // src/hooks/useIsMounted.ts
-import { useCallback as useCallback58, useEffect as useEffect61, useState as useState77 } from "react";
+import { useCallback as useCallback57, useEffect as useEffect61, useState as useState77 } from "react";
 function useIsMounted() {
   const [isMounted, setIsMounted] = useState77(false);
   useEffect61(() => {
@@ -33977,7 +33964,7 @@ function useIsMounted() {
       setIsMounted(false);
     };
   }, []);
-  return useCallback58(() => isMounted, [isMounted]);
+  return useCallback57(() => isMounted, [isMounted]);
 }
 
 // src/components/ConnectButton/abbreviateETHBalance.ts
@@ -34838,11 +34825,11 @@ function FunkitStatsigProvider({
 
 // src/providers/usePreloadImages.ts
 import { isNotNullish as isNotNullish12 } from "@funkit/utils";
-import { useCallback as useCallback59, useEffect as useEffect63 } from "react";
+import { useCallback as useCallback58, useEffect as useEffect63 } from "react";
 function usePreloadImages() {
   const funkitConnectChains = useFunkitConnectChains();
   const walletConnectors = useWalletConnectors();
-  const preloadImages = useCallback59(() => {
+  const preloadImages = useCallback58(() => {
     loadImages(
       ...walletConnectors.map((wallet) => wallet.iconUrl),
       ...funkitConnectChains.map((chain) => chain.iconUrl).filter(isNotNullish12)