@funkit/connect 6.14.19 → 6.14.21

package/dist/index.js

@@ -416,7 +416,7 @@ function Avatar({ address, imageUrl, loading, size }) {
 }
 
 // src/components/ConnectButton/ConnectButton.tsx
-import React245, { useEffect as useEffect61, useState as useState76 } from "react";
+import React245, { useEffect as useEffect60, useState as useState76 } from "react";
 
 // src/css/touchableStyles.css.ts
 var active = { shrink: "_7rkubb8", shrinkSm: "_7rkubb9" };
@@ -524,7 +524,7 @@ import React242, {
   createContext as createContext17,
   useCallback as useCallback56,
   useContext as useContext17,
-  useEffect as useEffect59,
+  useEffect as useEffect58,
   useMemo as useMemo48,
   useState as useState73
 } from "react";
@@ -1092,7 +1092,7 @@ import React241, {
   createContext as createContext16,
   useCallback as useCallback55,
   useContext as useContext16,
-  useEffect as useEffect58,
+  useEffect as useEffect57,
   useMemo as useMemo47,
   useState as useState72
 } from "react";
@@ -1471,7 +1471,7 @@ function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey, version);
 }
 function getCurrentSdkVersion() {
-  return "6.14.19";
+  return "6.14.21";
 }
 function useFingerprint() {
   const fingerprint = useCallback2(() => {
@@ -2393,6 +2393,7 @@ import {
   HYPERDASH_API_KEY,
   HYPERSWAP_API_KEY,
   KATANA_API_KEY,
+  MONAD_API_KEY,
   MONKEY_TILT_API_KEY,
   OSTIUM_API_KEY,
   POLYMARKET_API_KEY,
@@ -2514,10 +2515,6 @@ var disableFlagForCountries = (countries) => ({
 });
 var US_COUNTRY_CODES = ["US"];
 var flagConfig = {
-  [FlagKey.SupportedExchangesV2]: {
-    type: "string",
-    default_value: [].join(",")
-  },
   [FlagKey.BlockedCountries]: {
     type: "string",
     // Full list of blocked countries
@@ -2614,7 +2611,8 @@ var flagConfig = {
               MONKEY_TILT_API_KEY,
               VENTUALS_API_KEY,
               ETHEREAL_API_KEY,
-              AVANTIS_API_KEY
+              AVANTIS_API_KEY,
+              MONAD_API_KEY
             ]
           }
         ],
@@ -3003,7 +3001,9 @@ var flagConfig = {
               POLYMARKET_API_KEY,
               VENTUALS_API_KEY,
               AVANTIS_API_KEY,
-              HYENA_API_KEY
+              HYENA_API_KEY,
+              ETHEREAL_API_KEY,
+              MONAD_API_KEY
             ]
           }
         ],
@@ -6891,6 +6891,7 @@ var ASSET_LOGO_SRCS = {
   "USD\u20AE0": "https://sdk-cdn.fun.xyz/images/usdt0.svg",
   USDT0: "https://sdk-cdn.fun.xyz/images/usdt0.svg",
   USDS: "https://sdk-cdn.fun.xyz/images/usds.svg",
+  USDH: "https://sdk-cdn.fun.xyz/images/usdh.svg",
   VRTX: "https://sdk-cdn.fun.xyz/images/vrtx.svg",
   WBTC: "https://sdk-cdn.fun.xyz/images/wbtc.svg",
   WEETH: "https://sdk-cdn.fun.xyz/images/weeth.png",
@@ -11717,7 +11718,9 @@ var default_configs_default = {
   addressblacklist: {
     value: [
       "0x7b97b46D35a28B561d47F50CFB9a2735E506e59d",
-      "0x409ad08cc6CA757f69Fb80250a424B9eFeB99807"
+      "0x409ad08cc6CA757f69Fb80250a424B9eFeB99807",
+      "0x02A86f51aA7B8b1c17c30364748d5Ae4a0727E23",
+      "0x64131b60502C01362639CC5cfE1a1efB6Be1165A"
     ]
   },
   array_of_strings: {
@@ -11751,11 +11754,6 @@ var default_configs_default = {
   },
   supportedexchangesv2: {
     value: []
-  },
-  "test-supported-tokens": {
-    value: {
-      supportedTokens: ["USDC", "USDT"]
-    }
   }
 };
 
@@ -12069,13 +12067,19 @@ function transformBluvoBalancesToAssetHoldings(balances, preferredChainId) {
     preferredChainId
   });
   for (const balance of balances) {
-    const { asset, amount, amountInFiat, networks } = balance;
+    const { amount, amountInFiat, networks } = balance;
     const preferredNetwork = getPreferredNetwork(networks, preferredChainId);
-    if (!preferredNetwork?.chainId) {
+    const asset = preferredNetwork?.assetName;
+    const tokenAddress = preferredNetwork?.contractAddress;
+    const chainId = preferredNetwork?.chainId;
+    if (!chainId || !tokenAddress || !asset) {
+      logger.warn(`${LOG_PREFIX}:invalidNetwork`, {
+        message: `Invalid network for checkout ${balance.asset}`,
+        balance,
+        preferredNetwork
+      });
       continue;
     }
-    const tokenAddress = preferredNetwork.contractAddress || preferredNetwork.tokenAddress;
-    const chainId = preferredNetwork.chainId;
     const chainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7[chainId];
     if (!chainInfo?.isCheckoutSupported || !chainInfo?.isMainnet) {
       logger.warn(`${LOG_PREFIX}:unsupportedAsset`, {
@@ -16366,7 +16370,7 @@ function useAnimatedNavigation(callback) {
 
 // src/components/FunCheckoutModalHeightAnimationWrapper/FunCheckoutModalHeightAnimationWrapper.tsx
 import { motion as motion11 } from "motion/react";
-import React195, { useEffect as useEffect49, useRef as useRef26, useState as useState60 } from "react";
+import React195, { useEffect as useEffect48, useRef as useRef26, useState as useState60 } from "react";
 
 // src/modals/CheckoutModal/stepTransition.ts
 import {
@@ -18455,7 +18459,7 @@ var useRecentDirectExecutions = ({
   });
   const data = useMemo23(() => {
     if (!directExecutions) {
-      return [];
+      return directExecutions;
     }
     const defaultTimestampCutoff = Date.now() - DEFAULT_NOTIF_CUTOFF;
     return mergeMultiStepDirectExecutions(
@@ -18545,7 +18549,7 @@ var BrokerageSuccess = ({
 }) => {
   const [startTime] = useState33(() => Date.now());
   const filterFunc = useMemo24(() => {
-    return (execution) => execution.createdTimeMs > startTime && execution.listenerInfo?.status !== RelayExecutionStatus3.FAILURE;
+    return (execution) => execution.createdTimeMs > startTime && execution.listenerInfo?.status === RelayExecutionStatus3.SUCCESS;
   }, [startTime]);
   const { data: directExecutions } = useRecentDirectExecutions({
     isVisible: true,
@@ -18589,10 +18593,7 @@ var BrokerageSuccess = ({
     );
     let timeoutId = null;
     const status = finalDirectExecution?.listenerInfo?.status ?? RelayExecutionStatus3.PENDING;
-    if (status === RelayExecutionStatus3.PENDING || status === RelayExecutionStatus3.WAITING) {
-      setCheckoutProgress(checkoutItem.id, { step: 1 });
-      setDirectExecution(finalDirectExecution);
-    } else if (status === RelayExecutionStatus3.SUCCESS) {
+    if (status === RelayExecutionStatus3.SUCCESS) {
       finalDirectExecution = overrideStatus(
         finalDirectExecution,
         RelayExecutionStatus3.WAITING
@@ -18709,7 +18710,6 @@ function BrokerageSuccessModal({
 // src/modals/CheckoutModal/Brokerage/BrokerageTwoFA.tsx
 import { ClientError as ClientError3, FlagKey as FlagKey19 } from "@funkit/utils";
 import React118, {
-  useEffect as useEffect33,
   useState as useState34
 } from "react";
 import { createPortal as createPortal7 } from "react-dom";
@@ -18803,7 +18803,6 @@ function BrokerageTwoFA({
   const [kycRequired, setKycRequired] = useState34(false);
   const exchange = bluvoClient?.context?.exchange;
   const brokerName = capitalize2(exchange || "Brokerage");
-  const bluvoWithdrawalComplete = bluvoClient?.isWithdrawalComplete;
   const executionStatus = /* @__PURE__ */ (() => {
     return "mfaRequired" /* mfaRequired */;
   })();
@@ -18850,29 +18849,6 @@ function BrokerageTwoFA({
     kycRequired
   ]);
   const { logEvent } = useTrack();
-  const logToStatsigEffect = useEffectEvent((eoaAddress) => {
-    logEvent({
-      eventName: "fc::success::bluvo_withdrawal_completed" /* BLUVO_WITHDRAWAL_COMPLETED */,
-      metadata: {
-        eoaAddress,
-        exchangeType,
-        quote: bluvoClient.context?.quote
-      }
-    });
-  });
-  useEffect33(() => {
-    if (bluvoWithdrawalComplete) {
-      const payload = {
-        depositAddress: checkoutItem?.depositAddress
-      };
-      logger.log(`${logPrefix2}withdrawalComplete`, {
-        bluvoWithdrawalComplete,
-        payload
-      });
-      logToStatsigEffect(payload.depositAddress);
-      onNext(payload);
-    }
-  }, [bluvoWithdrawalComplete, onNext, logToStatsigEffect]);
   const { checkoutItem } = useCheckoutContext();
   const bottomSectionRef = useBottomSectionRef();
   const enableFrogProxyServer = useFlag(FlagKey19.EnableFrogProxyServer);
@@ -18944,8 +18920,23 @@ function BrokerageTwoFA({
       logger.info(`${logPrefix2}handleEnterTwoFactor:submit2FAResponseData`, {
         data
       });
+      const depositAddress = checkoutItem?.depositAddress;
+      const metadata = {
+        data,
+        exchangeType,
+        quote: bluvoClient.context?.quote,
+        quoteId,
+        idempotencyKey,
+        walletId,
+        depositAddress
+      };
+      logger.log(`${logPrefix2}withdrawalComplete`, metadata);
+      logEvent({
+        eventName: "fc::success::bluvo_withdrawal_completed" /* BLUVO_WITHDRAWAL_COMPLETED */,
+        metadata
+      });
       onNext({
-        depositAddress: checkoutItem?.depositAddress
+        depositAddress
       });
     } catch (error) {
       if (isBluvoWithdrawalError(error)) {
@@ -19245,7 +19236,7 @@ var TwoFactorInput = ({
 };
 
 // src/modals/CheckoutModal/Brokerage/ConnectExchange.tsx
-import React122, { useCallback as useCallback24, useEffect as useEffect34, useState as useState35 } from "react";
+import React122, { useCallback as useCallback24, useEffect as useEffect33, useState as useState35 } from "react";
 import { createPortal as createPortal8 } from "react-dom";
 
 // src/components/FunMessage/FunMessage.tsx
@@ -19370,7 +19361,7 @@ function ConnectExchange({
     setAuthError(errorMessage);
     setIsLoadingMeshModal(false);
   });
-  useEffect34(() => {
+  useEffect33(() => {
     if (isConnected) {
       navigateToBrokerage();
     }
@@ -19610,11 +19601,11 @@ import React126, { useCallback as useCallback27, useMemo as useMemo25, useState
 import { createPortal as createPortal10 } from "react-dom";
 
 // src/hooks/useFunListeners.ts
-import { useCallback as useCallback26, useEffect as useEffect35, useRef as useRef18 } from "react";
+import { useCallback as useCallback26, useEffect as useEffect34, useRef as useRef18 } from "react";
 function useCheckoutHistoryListener(activate = true, singleDepositAddr) {
   const activeIntervalRef = useRef18();
   const { startCheckoutHistoryListener, stopCheckoutHistoryListener } = useCheckoutHistoryContext();
-  useEffect35(() => {
+  useEffect34(() => {
     if (activate) {
       const createdIntervalId = startCheckoutHistoryListener(
         /* singleDepositAddr */
@@ -19643,7 +19634,7 @@ function useSIWFarcasterListener(channelToken) {
   const stopStatusListener = useCallback26(() => {
     clearInterval(intervalRef.current);
   }, []);
-  useEffect35(() => {
+  useEffect34(() => {
     startStatusListener();
     return () => stopStatusListener();
   }, []);
@@ -19673,7 +19664,7 @@ function useSIWFarcasterListener(channelToken) {
     initalChainid,
     stopStatusListener
   ]);
-  useEffect35(() => {
+  useEffect34(() => {
     check();
   }, [refreshSymbol]);
 }
@@ -19807,7 +19798,7 @@ var CheckoutAlert = ({ state, refundState, onHelp: onHelp2 }) => {
 
 // src/components/FunCheckoutHistory/FunCheckoutHistoryHelp.tsx
 import { sendSupportMessage } from "@funkit/api-base";
-import React129, { useEffect as useEffect36, useMemo as useMemo26, useRef as useRef19, useState as useState38 } from "react";
+import React129, { useEffect as useEffect35, useMemo as useMemo26, useRef as useRef19, useState as useState38 } from "react";
 import { createPortal as createPortal11 } from "react-dom";
 
 // src/components/FunInput/FunTextAreaInput.tsx
@@ -19967,7 +19958,7 @@ function FunCheckoutHistoryHelp({
     0 /* INPUT */
   );
   const wrapperRef = useRef19(null);
-  useEffect36(() => wrapperRef.current?.scrollIntoView(), []);
+  useEffect35(() => wrapperRef.current?.scrollIntoView(), []);
   const handleShowErrorMessage = (message, timeMs = FIVE_SECONDS_MS) => {
     setErrorMessage(message);
     if (timeMs !== void 0) {
@@ -20294,11 +20285,11 @@ function CheckoutHelp({
 }
 
 // src/modals/CheckoutModal/ConfirmationStep/ConfirmationStep.tsx
-import React146, { useEffect as useEffect42, useMemo as useMemo32, useState as useState47 } from "react";
+import React146, { useEffect as useEffect41, useMemo as useMemo32, useState as useState47 } from "react";
 import { createPortal as createPortal13 } from "react-dom";
 
 // src/providers/UserPresenceContext.tsx
-import React133, { useEffect as useEffect37 } from "react";
+import React133, { useEffect as useEffect36 } from "react";
 import {
   createContext as createContext14,
   useContext as useContext14,
@@ -20310,7 +20301,7 @@ var UserPresenceContext = createContext14({
 });
 var UserPresenceProvider = ({ children }) => {
   const [isAway, setIsAway] = useState39(false);
-  useEffect37(() => {
+  useEffect36(() => {
     let timeoutId;
     const handleVisibilityChange = () => {
       if (document.visibilityState === "visible") {
@@ -20341,13 +20332,13 @@ import { FlagKey as FlagKey20 } from "@funkit/utils";
 import React134, { useState as useState40 } from "react";
 
 // src/hooks/useInterval.ts
-import { useEffect as useEffect38, useRef as useRef20 } from "react";
+import { useEffect as useEffect37, useRef as useRef20 } from "react";
 function useInterval(callback, delay) {
   const savedCallback = useRef20(callback);
   useIsomorphicLayoutEffect(() => {
     savedCallback.current = callback;
   }, [callback]);
-  useEffect38(() => {
+  useEffect37(() => {
     const id = setInterval(() => {
       savedCallback.current();
     }, delay);
@@ -20920,7 +20911,7 @@ function KatanaBridgeAlert() {
 import { useState as useState42 } from "react";
 
 // src/modals/CheckoutModal/useSourceAssetConfirm.tsx
-import { useEffect as useEffect39, useState as useState41 } from "react";
+import { useEffect as useEffect38, useState as useState41 } from "react";
 
 // src/hooks/useCheckoutAccountBalanceTransfer.ts
 import { useCallback as useCallback29 } from "react";
@@ -21058,7 +21049,7 @@ function useHackyTriggerWorkaroundReactDevBrainExplode() {
 function useTriggerQuoteAndOtherStuffsWithExtremeCaution(onResult, setPreloadedQuoteData) {
   const [assetRefresh, triggerAssetConfirm] = useHackyTriggerWorkaroundReactDevBrainExplode();
   const { isSourceAssetConfirming, onSourceAssetConfirmed } = useSourceAssetConfirm(setPreloadedQuoteData);
-  useEffect39(() => {
+  useEffect38(() => {
     if (assetRefresh === 0) {
       return;
     }
@@ -21464,7 +21455,7 @@ function usePostCheckout({
 }
 
 // src/modals/CheckoutModal/ConfirmationStep/useQuoteRefresh.ts
-import { useCallback as useCallback33, useEffect as useEffect41, useMemo as useMemo31, useRef as useRef21, useState as useState46 } from "react";
+import { useCallback as useCallback33, useEffect as useEffect40, useMemo as useMemo31, useRef as useRef21, useState as useState46 } from "react";
 
 // src/hooks/useCountdown.tsx
 import React145 from "react";
@@ -21472,7 +21463,7 @@ import { useCallback as useCallback32, useState as useState45 } from "react";
 
 // src/components/FunCountdown/FunCountdown.tsx
 import { noop as noop7 } from "@funkit/utils";
-import React144, { useCallback as useCallback31, useEffect as useEffect40, useState as useState44 } from "react";
+import React144, { useCallback as useCallback31, useEffect as useEffect39, useState as useState44 } from "react";
 
 // src/components/FunCountdown/FunCountdown.css.ts
 var backgroundRing = "_1t0bc111 _1rsrm2f1mm";
@@ -21515,7 +21506,7 @@ var FunCountdown = ({
     setRemainingSeconds((prev) => prev > 0 ? prev - 1 : prev);
   }, [isPaused]);
   useInterval(handleInterval, 1e3);
-  useEffect40(() => {
+  useEffect39(() => {
     if (remainingSeconds === onBeforeCountdownEndsSeconds) {
       onBeforeCountdownEndsOnce();
     }
@@ -21736,7 +21727,7 @@ function useQuoteRefresh({
     }
     return null;
   }, [isQuoting, quoteErrorMessage]);
-  useEffect41(() => {
+  useEffect40(() => {
     if (isPendingRefresh && !isOnHold) {
       setIsPendingRefresh(false);
       refreshQuote();
@@ -21852,7 +21843,7 @@ function ConfirmationStep({
       }
     }
   });
-  useEffect42(() => {
+  useEffect41(() => {
     triggerNewQuote({ maxRetries: 1 });
   }, []);
   const isContinuing = isConfirming || isPostCheckoutLoading;
@@ -22146,7 +22137,7 @@ function DirectExecutionNotifCenter({
 
 // src/modals/CheckoutModal/InputAmount/InputAmount.tsx
 import { isMobile as isMobile7 } from "@funkit/utils";
-import React163, { useEffect as useEffect43 } from "react";
+import React163, { useEffect as useEffect42 } from "react";
 
 // src/hooks/queries/useMeldCurrencies.ts
 import { getMeldSupportedFiat } from "@funkit/api-base";
@@ -23540,6 +23531,48 @@ function calcInitialFiatAmount(balance) {
   const ceilResult = Math.ceil(halfBalance / roundingFactor);
   return ceilResult * roundingFactor;
 }
+function getInitialFiatAmount({
+  defaultAmount,
+  fiatCurrencyExchangeRate,
+  isDefiMode,
+  isMeldEnabled,
+  paymentMethod,
+  quickOptions,
+  targetAssetAmount,
+  targetUnitPrice,
+  usdAvailableAmount,
+  usdMaxAmount,
+  usdMinAmount
+}) {
+  if (defaultAmount !== void 0) {
+    return defaultAmount;
+  }
+  const targetAssetFiat = targetAssetAmount !== void 0 ? targetAssetAmount * targetUnitPrice : void 0;
+  if (paymentMethod === "balance" /* ACCOUNT_BALANCE */) {
+    if (targetAssetFiat !== void 0 && usdAvailableAmount !== null && usdAvailableAmount >= targetAssetFiat && (isDefiMode || targetAssetFiat >= usdMinAmount && targetAssetFiat <= (usdMaxAmount ?? Number.MAX_VALUE))) {
+      return targetAssetFiat;
+    }
+    return calcInitialFiatAmount(usdAvailableAmount ?? 0);
+  }
+  if (isDefiMode && targetAssetFiat !== void 0) {
+    if (!isMeldEnabled) {
+      return targetAssetFiat;
+    }
+    if (fiatCurrencyExchangeRate !== void 0) {
+      return targetAssetFiat * fiatCurrencyExchangeRate;
+    }
+  }
+  if (paymentMethod === "card" /* CARD */) {
+    return getDefaultAmountFromQuickOptions(quickOptions);
+  }
+  if (paymentMethod === "brokerage" /* BROKERAGE */ && usdAvailableAmount !== null) {
+    return calcInitialFiatAmount(usdAvailableAmount);
+  }
+  if (targetAssetFiat !== void 0) {
+    return targetAssetFiat;
+  }
+  return USD_INITIAL_AMOUNT;
+}
 function initializeState({
   checkoutConfig,
   defaultAmount,
@@ -23566,7 +23599,19 @@ function initializeState({
   );
   const usdMaxAmount = getUsdMaxAmount(maxUsd);
   const usdMinAmount = getUsdMinAmount(minUsd);
-  const initialFiatAmount = getInitialFiatAmount();
+  const initialFiatAmount = getInitialFiatAmount({
+    defaultAmount,
+    fiatCurrencyExchangeRate,
+    isDefiMode,
+    isMeldEnabled: meldEnabled,
+    paymentMethod: paymentMethodInfo.paymentMethod,
+    quickOptions,
+    targetAssetAmount,
+    targetUnitPrice: unitPrice,
+    usdAvailableAmount,
+    usdMinAmount,
+    usdMaxAmount
+  });
   const { decimals } = getCurrencyFormattingOptions(fiatCurrency, locale);
   const finalFiatAmount = initialFiatAmount === void 0 ? void 0 : Math.min(
     Math.max(initialFiatAmount, usdMinAmount, 0),
@@ -23583,34 +23628,6 @@ function initializeState({
     fiatAmount,
     locale
   });
-  function getInitialFiatAmount() {
-    if (defaultAmount !== void 0) {
-      return defaultAmount;
-    }
-    const targetAssetFiat = typeof targetAssetAmount !== "undefined" ? targetAssetAmount * unitPrice : void 0;
-    if (paymentMethodInfo.paymentMethod === "balance" /* ACCOUNT_BALANCE */) {
-      if (isDefiMode && typeof targetAssetFiat !== "undefined" && usdAvailableAmount !== null && usdAvailableAmount >= targetAssetFiat) {
-        return targetAssetFiat;
-      }
-      return calcInitialFiatAmount(usdAvailableAmount ?? 0);
-    }
-    if (isDefiMode && !meldEnabled && typeof targetAssetFiat !== "undefined") {
-      return targetAssetFiat;
-    }
-    if (typeof targetAssetFiat !== "undefined" && typeof fiatCurrencyExchangeRate !== "undefined" && isDefiMode) {
-      return targetAssetFiat * fiatCurrencyExchangeRate;
-    }
-    if (paymentMethodInfo.paymentMethod === "card" /* CARD */) {
-      return getDefaultAmountFromQuickOptions(quickOptions);
-    }
-    if (paymentMethodInfo.paymentMethod === "brokerage" /* BROKERAGE */ && usdAvailableAmount !== null) {
-      return calcInitialFiatAmount(usdAvailableAmount);
-    }
-    if (typeof targetAssetFiat !== "undefined") {
-      return targetAssetFiat;
-    }
-    return USD_INITIAL_AMOUNT;
-  }
   return {
     assetAmount,
     fiatAmount,
@@ -25234,7 +25251,7 @@ function InputAmount(props) {
   const skipExchangeRates = paymentMethodInfo.paymentMethod !== "card" /* CARD */ || !isDefiMode;
   const exchangeRatesLoaded = !isCurrencyExchangeRatesLoading && !!currencyExchangeRates;
   const isLoaded = !!(checkoutItem && unitPrice && !sourceHoldingError && !isLoadingSourceHolding && !isMeldDefaultCurrencyLoading && (skipExchangeRates || exchangeRatesLoaded));
-  useEffect43(() => setCheckoutQuote(null), []);
+  useEffect42(() => setCheckoutQuote(null), []);
   if (isLoaded) {
     return /* @__PURE__ */ React163.createElement(
       InputAmountLoaded,
@@ -25260,7 +25277,7 @@ function InputAmount(props) {
 }
 
 // src/modals/CheckoutModal/LoadingAccount.tsx
-import React166, { useEffect as useEffect44 } from "react";
+import React166, { useEffect as useEffect43 } from "react";
 
 // src/hooks/usePaymentSources.ts
 import { FlagKey as FlagKey25, isNotNullish as isNotNullish7 } from "@funkit/utils";
@@ -25601,7 +25618,7 @@ function LoadingAccount({
   const hasCustomStartingStep = !!checkoutConfig?.startingStep;
   const startsOnConfirmationStep = checkoutConfig?.startingStep === "confirmation" /* CONFIRMATION */;
   const startsOnSelectAssetStep = checkoutConfig?.startingStep === "select_asset" /* SELECT_ASSET */;
-  useEffect44(() => {
+  useEffect43(() => {
     if (isLoadingFlags || isLoadingFiat || !checkoutConfig) {
       return;
     }
@@ -25936,7 +25953,7 @@ function MeldRedirect({
 // 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 React172, { useEffect as useEffect45, useMemo as useMemo39, useState as useState51 } from "react";
+import React172, { useEffect as useEffect44, useMemo as useMemo39, useState as useState51 } from "react";
 import { createPortal as createPortal17 } from "react-dom";
 import { mainnet as mainnet11 } from "viem/chains";
 
@@ -26278,7 +26295,7 @@ function useAssetOptions({
   return assetOptions;
 }
 function useScrollToSelectedAsset(selectedChainTokenSymbol) {
-  useEffect45(() => {
+  useEffect44(() => {
     const optionEl = document.getElementById(
       `option-${selectedChainTokenSymbol}`
     );
@@ -26672,7 +26689,7 @@ function SelectAsset({
 
 // src/modals/CheckoutModal/SourceChange/SourceChange.tsx
 import { BridgeCustomerStatus as BridgeCustomerStatus6, MeldServiceProvider as MeldServiceProvider4 } from "@funkit/api-base";
-import React174, { useCallback as useCallback39, useEffect as useEffect46, useState as useState52 } from "react";
+import React174, { useCallback as useCallback39, useEffect as useEffect45, useState as useState52 } from "react";
 import { createPortal as createPortal18 } from "react-dom";
 
 // src/modals/CheckoutModal/SourceChange/DefiPurchaseSection.tsx
@@ -26869,7 +26886,7 @@ function SourceChange({
   const userInfo = useFunkitUserInfo();
   const isDefiMode = checkoutItem?.initSettings.config.isDefiMode;
   const hasAutoContinue = !isOstiumCustomer(apiKey) && !isDefiMode;
-  useEffect46(() => {
+  useEffect45(() => {
     if (!paymentMethodInfo) {
       return;
     }
@@ -27063,7 +27080,7 @@ import { truncateMiddleOfAddress } from "@funkit/utils";
 import React175, { useCallback as useCallback41, useState as useState54 } from "react";
 
 // src/hooks/useCopyToClipboard.ts
-import { useCallback as useCallback40, useEffect as useEffect47, useState as useState53 } from "react";
+import { useCallback as useCallback40, useEffect as useEffect46, useState as useState53 } from "react";
 var useCopyToClipboard = (text, delay = 1500) => {
   const [isCopied, setCopied] = useState53(false);
   const handleCopy = useCallback40(() => {
@@ -27073,7 +27090,7 @@ var useCopyToClipboard = (text, delay = 1500) => {
     navigator.clipboard.writeText(text);
     setCopied(true);
   }, [text]);
-  useEffect47(() => {
+  useEffect46(() => {
     if (!isCopied) {
       return;
     }
@@ -28422,7 +28439,7 @@ var FiatAccountDetail = {
 
 // src/modals/CheckoutModal/VirtualFiatAccount/KycIframe.tsx
 import { BridgeCustomerStatus as BridgeCustomerStatus7 } from "@funkit/api-base";
-import React194, { useCallback as useCallback42, useEffect as useEffect48, useMemo as useMemo41, useState as useState58 } from "react";
+import React194, { useCallback as useCallback42, useEffect as useEffect47, useMemo as useMemo41, useState as useState58 } from "react";
 function useIframeListener(listeners) {
   const handleMessage = useCallback42(
     (event) => {
@@ -28446,7 +28463,7 @@ function useIframeListener(listeners) {
     },
     [listeners]
   );
-  useEffect48(() => {
+  useEffect47(() => {
     window.addEventListener("message", handleMessage);
     return () => {
       window.removeEventListener("message", handleMessage);
@@ -28826,7 +28843,7 @@ function FunCheckoutModalHeightAnimationWrapper({
   const animationFrameRef = useRef26(null);
   const resizeObserverRef = useRef26(null);
   const [height, setHeight] = useState60("auto");
-  useEffect49(() => {
+  useEffect48(() => {
     if (containerRef.current) {
       resizeObserverRef.current = new ResizeObserver((entries) => {
         animationFrameRef.current = requestAnimationFrame(() => {
@@ -28873,7 +28890,7 @@ function FunCheckoutModalHeightAnimationWrapper({
 }
 
 // src/components/FunConnectOptions/FunConnectResultStep.tsx
-import React196, { useEffect as useEffect50 } from "react";
+import React196, { useEffect as useEffect49 } from "react";
 var AUTO_CLOSE = 2e3;
 var messageMap = (hasQrCode) => ({
   error: {
@@ -28892,7 +28909,7 @@ var FunConnectResultStep = ({
   qrCodeUri
 }) => {
   const hasAutoclose = type === "success";
-  useEffect50(() => {
+  useEffect49(() => {
     if (!hasAutoclose) {
       return;
     }
@@ -28944,7 +28961,7 @@ var FunConnectResultStep = ({
 
 // src/components/FunConnectOptions/FunFarcasterConnectingStep.tsx
 import { isMobile as isMobile8, isSafari as isSafari2, redirectInMobile } from "@funkit/utils";
-import React199, { useCallback as useCallback44, useEffect as useEffect51 } from "react";
+import React199, { useCallback as useCallback44, useEffect as useEffect50 } from "react";
 
 // src/components/CopyAddress/OldCopyAddressButton.tsx
 import React198 from "react";
@@ -28991,7 +29008,7 @@ function FunFarcasterConnectingStep({
 }) {
   const mobile = isMobile8();
   const safari = isSafari2();
-  useEffect51(() => {
+  useEffect50(() => {
     if (farcasterUri && mobile && !safari) {
       redirectInMobile(farcasterUri);
     }
@@ -29045,12 +29062,12 @@ function FunFarcasterConnectingStep({
 
 // src/components/FunConnectOptions/FunWeb2ConnectingStep.tsx
 import { isNotNullish as isNotNullish9 } from "@funkit/utils";
-import React202, { useCallback as useCallback46, useEffect as useEffect53, useState as useState62 } from "react";
+import React202, { useCallback as useCallback46, useEffect as useEffect52, useState as useState62 } from "react";
 
 // src/components/FunInput/FunTwoFaInput.tsx
 import React200, {
   useCallback as useCallback45,
-  useEffect as useEffect52,
+  useEffect as useEffect51,
   useRef as useRef27,
   useState as useState61
 } from "react";
@@ -29071,7 +29088,7 @@ var FunTwoFaInput = ({
   const [currentLength, setCurrentLength] = useState61(initialInputLength);
   const [focusIndex, setFocusIndex] = useState61(0);
   const [isFocused, setIsFocused] = useState61(false);
-  useEffect52(() => {
+  useEffect51(() => {
     if (!value) {
       setFocusIndex(0);
     }
@@ -29271,7 +29288,7 @@ var FunWeb2ConnectingStep = ({
     loginErrorMessage,
     clearLoginError
   } = useFunkitWeb2Login();
-  useEffect53(() => {
+  useEffect52(() => {
     clearLoginError();
   }, []);
   const handleOtpComplete = useCallback46(
@@ -30066,7 +30083,7 @@ function PaymentMethodSummary({
 
 // src/modals/CheckoutModal/TransferToken/CheckoutNotifications.tsx
 import clsx22 from "clsx";
-import React216, { useCallback as useCallback50, useEffect as useEffect56, useMemo as useMemo44, useState as useState66 } from "react";
+import React216, { useCallback as useCallback50, useEffect as useEffect55, useMemo as useMemo44, useState as useState66 } from "react";
 
 // src/components/FunNotificationBanner/FunNotificationShowMoreButton.tsx
 import React211 from "react";
@@ -30112,10 +30129,10 @@ var FunNotificationShowMoreButton = ({
 
 // src/hooks/useOnNewNotification.ts
 import { safeParseJson as safeParseJson4 } from "@funkit/utils";
-import { useEffect as useEffect54 } from "react";
+import { useEffect as useEffect53 } from "react";
 var storageKey5 = "fkc-processed-notifications";
 var useOnNewNotification = (combinedNotifications, cb) => {
-  useEffect54(() => {
+  useEffect53(() => {
     const alreadyProcessed = safeParseJsonObject(
       sessionStorage.getItem(storageKey5)
     );
@@ -30172,7 +30189,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 React212, { useCallback as useCallback49, useEffect as useEffect55, useRef as useRef28 } from "react";
+import React212, { useCallback as useCallback49, useEffect as useEffect54, useRef as useRef28 } from "react";
 
 // src/components/FunNotificationBanner/FunNotificationBannerIcon.css.ts
 var STATUS_SPINNER_BOTTOM_POSITION = -5;
@@ -30622,7 +30639,7 @@ var FunNotificationBannerIcon = ({
     ]);
   }, [animate]);
   const statusRef = useRef28(status);
-  useEffect55(() => {
+  useEffect54(() => {
     if (statusRef.current !== status) {
       if (statusRef.current === "processing" && status === "completed") {
         triggerAnimationProcessingToCompleted();
@@ -31171,13 +31188,13 @@ var CheckoutNotifications = ({
     isVisible,
     memoizedFilterFunc: filterFunc
   });
-  useEffect56(() => {
+  useEffect55(() => {
     if (initialCheckouts || !checkouts) {
       return;
     }
     setInitialCheckouts(checkouts);
   }, [initialCheckouts, checkouts]);
-  useEffect56(() => {
+  useEffect55(() => {
     if (initialDirectExecutions || !directExecutions) {
       return;
     }
@@ -31598,7 +31615,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 clsx24 from "clsx";
-import React229, { useEffect as useEffect57, useMemo as useMemo46, useRef as useRef29, useState as useState70 } from "react";
+import React229, { useEffect as useEffect56, useMemo as useMemo46, useRef as useRef29, useState as useState70 } from "react";
 import { Virtuoso } from "react-virtuoso";
 import { useAccount as useAccount7 } from "wagmi";
 
@@ -32141,7 +32158,7 @@ function Home({
   const { checkoutHistoryList, isCheckoutHistoryInited } = useCheckoutHistoryContext();
   const { returnViewPresets } = useActivityTraversal();
   const { animation: tabAnimation, navigateTo } = useAnimatedNavigation(setSelectedView);
-  useEffect57(() => {
+  useEffect56(() => {
     const virtuosoDiv = virtuosoParentRef.current?.firstChild;
     virtuosoDiv?.classList.add(animateVirtuosoInClass);
   }, []);
@@ -33159,7 +33176,7 @@ function ModalProvider({ children }) {
     onConnect: () => closeModals(isUnauthenticated),
     onDisconnect: closeModals
   });
-  useEffect58(() => {
+  useEffect57(() => {
     if (isUnauthenticated) {
       closeModals();
     }
@@ -33264,7 +33281,7 @@ function useConnectModal(onClose) {
   const { connectModalOpen, openConnectModal } = useContext16(ModalContext);
   const { isWalletConnectModalOpen } = useWalletConnectOpenState();
   const effectiveConnectModalOpen = connectModalOpen || isWalletConnectModalOpen;
-  useEffect58(() => {
+  useEffect57(() => {
     if (!effectiveConnectModalOpen && onClose) {
       onClose();
     }
@@ -33599,7 +33616,7 @@ var FunkitWeb2Provider = ({
     },
     []
   );
-  useEffect59(() => {
+  useEffect58(() => {
     const newPrivy = new PrivyJS({
       appId: DEFAULT_PRIVY_APP_ID,
       storage: new LocalStorage(),
@@ -33814,7 +33831,7 @@ var FunkitWeb2Provider = ({
       }
     }
   }, [handleFunkitWeb2Login, initChainId, loginMethod]);
-  useEffect59(() => {
+  useEffect58(() => {
     if (privy && privyIframeUrl && isNotNullish11(initChainId)) {
       const iframe = document.getElementById(
         PRIVY_IFRAME_ID
@@ -34063,10 +34080,10 @@ import React244 from "react";
 import { useAccount as useAccount12, useBalance, useConfig as useConfig8 } from "wagmi";
 
 // src/hooks/useIsMounted.ts
-import { useCallback as useCallback57, useEffect as useEffect60, useState as useState75 } from "react";
+import { useCallback as useCallback57, useEffect as useEffect59, useState as useState75 } from "react";
 function useIsMounted() {
   const [isMounted, setIsMounted] = useState75(false);
-  useEffect60(() => {
+  useEffect59(() => {
     setIsMounted(true);
     return () => {
       setIsMounted(false);
@@ -34353,7 +34370,7 @@ function ConnectButton({
   const connectionStatus = useConnectionStatus();
   const { setShowBalance } = useShowBalance();
   const [ready, setReady] = useState76(false);
-  useEffect61(() => {
+  useEffect60(() => {
     setShowBalance(showBalance);
     if (!ready) {
       setReady(true);
@@ -34890,7 +34907,7 @@ import { QueryClientProvider } from "@tanstack/react-query";
 import React248, {
   createContext as createContext19,
   useContext as useContext19,
-  useEffect as useEffect63,
+  useEffect as useEffect62,
   useMemo as useMemo49
 } from "react";
 import { WagmiProvider, useAccountEffect as useAccountEffect3 } from "wagmi";
@@ -34915,8 +34932,8 @@ function FunkitStatsigProvider({
       networkConfig: {
         api: STATSIG_API,
         // default timeout is 10s which is too large imo
-        // 1.5s should be plenty granted on average statsig responds in <200ms
-        networkTimeoutMs: 1500
+        // 5s should be plenty granted on average statsig responds in <200ms
+        networkTimeoutMs: 5e3
         // uncomment to test offline mode
         // preventAllNetworkTraffic: true,
       },
@@ -34933,7 +34950,7 @@ function FunkitStatsigProvider({
 
 // src/providers/usePreloadImages.ts
 import { isNotNullish as isNotNullish12 } from "@funkit/utils";
-import { useCallback as useCallback58, useEffect as useEffect62 } from "react";
+import { useCallback as useCallback58, useEffect as useEffect61 } from "react";
 function usePreloadImages() {
   const funkitConnectChains = useFunkitConnectChains();
   const walletConnectors = useWalletConnectors();
@@ -34943,7 +34960,7 @@ function usePreloadImages() {
       ...funkitConnectChains.map((chain) => chain.iconUrl).filter(isNotNullish12)
     );
   }, [walletConnectors, funkitConnectChains]);
-  useEffect62(() => {
+  useEffect61(() => {
     preloadImages();
   }, [preloadImages]);
 }
@@ -34972,7 +34989,7 @@ function FunkitProvider(props) {
   }, [initialChainId, props.wagmiConfig, props.funkitConfig.appName]);
   const finalQueryClient = props.queryClient;
   const sdkVersion = useMemo49(() => getCurrentSdkVersion(), []);
-  useEffect63(() => {
+  useEffect62(() => {
     logger.configure(props.funkitConfig.apiKey, !!props.debug, sdkVersion);
   }, [props.funkitConfig.apiKey, props.debug, sdkVersion]);
   const MainChild = /* @__PURE__ */ React248.createElement(FunkitThemeProvider, { theme: props.theme }, /* @__PURE__ */ React248.createElement(