@funkit/connect 6.9.0 → 6.11.0

package/dist/index.js

@@ -1,10 +1,10 @@
 "use client";
-import {
-  darkTheme
-} from "./chunk-UOY5XFCR.js";
 import {
   lightTheme
 } from "./chunk-AYGZMDTC.js";
+import {
+  darkTheme
+} from "./chunk-UOY5XFCR.js";
 import {
   systemFontStack
 } from "./chunk-7HKC2KCK.js";
@@ -522,7 +522,7 @@ import React251, {
   useCallback as useCallback49,
   useContext as useContext17,
   useEffect as useEffect54,
-  useMemo as useMemo40,
+  useMemo as useMemo41,
   useState as useState72
 } from "react";
 import { useConfig as useConfig6, useConnect as useConnect2, useDisconnect as useDisconnect2 } from "wagmi";
@@ -662,6 +662,15 @@ var FunLogger = class {
       console.error(title, data || "", error);
     }
   }
+  extractError(error) {
+    if (error instanceof Error) {
+      return error;
+    }
+    if (typeof error === "object" && error !== null && "error" in error && error.error instanceof Error) {
+      return error.error;
+    }
+    return null;
+  }
   /**========================
    * PUBLIC LOGGER FUNCTIONS
    *=========================*/
@@ -677,7 +686,17 @@ var FunLogger = class {
   warn(title, data) {
     this.onWarn({ title, data });
   }
-  error(title, error, data) {
+  /**
+   * @param errorOrData -
+   * Previously was called "error" but since in the {@link Logger} interface, error is defined as object (which is the same thing as "any"), we treat it as of unknown type here for safety.
+   * In a lot of places it's actually being used as a "data" prop, which also usually has an `.error` property representing an actual {@link Error} object.
+   */
+  error(title, errorOrData, _data = {}) {
+    const error = this.extractError(errorOrData) ?? void 0;
+    const data = {
+      ..._data,
+      ...typeof errorOrData === "object" && errorOrData !== null ? errorOrData : {}
+    };
     this.onError({ title, error, data });
   }
   configure(apiKey, isDebug, sdkVersion) {
@@ -810,6 +829,7 @@ function useFunkitConfig() {
 
 // src/providers/provideFunkitConnectChains.ts
 import {
+  BITCOIN_MAINNET_CHAIN_ID,
   HYPERCORE_CHAIN_ID,
   HYPER_EVM_CHAIN_ID,
   KATANA_CHAIN_ID,
@@ -832,6 +852,10 @@ var baseIcon = {
   iconBackground: "#0052ff",
   iconUrl: "https://sdk-cdn.fun.xyz/images/base.svg"
 };
+var bitcoinIcon = {
+  iconBackground: "#000000",
+  iconUrl: "https://sdk-cdn.fun.xyz/images/bitcoin.svg"
+};
 var blastIcon = {
   iconBackground: "#000000",
   iconUrl: "https://sdk-cdn.fun.xyz/images/blast.svg"
@@ -978,6 +1002,12 @@ var chainMetadataByName = {
     name: "HyperCore",
     ...hyperCoreIcon
   },
+  // Non-evm -- Funkit Bitcoin support
+  bitcoin: {
+    chainId: BITCOIN_MAINNET_CHAIN_ID,
+    name: "Bitcoin",
+    ...bitcoinIcon
+  },
   xdc: { chainId: 50, name: "XinFin", ...xdcIcon },
   xdcTestnet: { chainId: 51, name: "XinFin Testnet", ...xdcIcon },
   zetachain: { chainId: 7e3, name: "ZetaChain", ...zetachainIcon },
@@ -1059,7 +1089,7 @@ import React250, {
   useCallback as useCallback48,
   useContext as useContext16,
   useEffect as useEffect53,
-  useMemo as useMemo39,
+  useMemo as useMemo40,
   useState as useState71
 } from "react";
 import { useAccount as useAccount10, useAccountEffect as useAccountEffect2, useConfig as useConfig5 } from "wagmi";
@@ -2416,7 +2446,7 @@ import React37, {
   useCallback as useCallback2,
   useState as useState5
 } from "react";
-import { FlagKey as FlagKey3 } from "@funkit/utils";
+import { FlagKey as FlagKey4 } from "@funkit/utils";
 
 // src/utils/safeJSON.ts
 import { safeParseJson } from "@funkit/utils";
@@ -2808,7 +2838,10 @@ var flagConfig = {
       56: ["*"],
       747474: ["*"],
       999: ["*"],
-      2741: ["*"]
+      2741: ["*"],
+      8253038: ["*"]
+      // No HyperCore
+      // No Solana
     })
   },
   [FlagKey.RelayBypassTargetChainsAndAssets]: {
@@ -2823,6 +2856,7 @@ var flagConfig = {
       747474: ["*"],
       999: ["*"],
       2741: ["*"],
+      8253038: ["*"],
       // HyperCore
       1337: ["*"],
       // Solana
@@ -3084,6 +3118,43 @@ var flagConfig = {
       "10"
       // Optimism
     ])
+  },
+  [FlagKey.EnableBitcoin]: {
+    type: "boolean",
+    default_value: false,
+    overrides: [
+      {
+        if_any: [
+          {
+            key: "userId",
+            type: "pctRollout",
+            pct: 10
+          },
+          {
+            key: "userId",
+            type: "isAnyOf",
+            values: [
+              "0x236c60C57a8B9ca563Fb0dA5199FDdCB686d91E8",
+              "0x2e0Fa1cE3F0F6a85542c1E4F941116c0E885292E",
+              "0x28b8848C6c3aaBF4669997563dc07888eb3B0960",
+              "0x9C64fD7d9826E6d552dD8bc53e5C96F7C3F38528",
+              "0xfe5AD22465dc20340bfFb641F4AbbcAA7a1BB2Ed",
+              "0x9CB7F86F360459cC96C74a0F81aF2C4cC7a54bd2",
+              "0x21b94a3E67c4a72d3D15f478A696c5175f036092",
+              "0x2A8Bd916E85d98d8175258De99fc0ddbcC102eF6",
+              "0x8a5505F1b274d8fC23986AF60Dd3Ca3857095BB8",
+              "0x0B6E49e9D1528F59BaBF3C5337A4c96E987f81aa",
+              "0x84Bc1AC5621d2B44C5D3e3E79b45C2885406026D",
+              "0x0D0377aa9CCA769931821842aB0E1A75e7DD6dD6",
+              "0x7B0195921183f7E04f0D331c1DAF7C1bB208CC4E",
+              "0xda6b07Eb94f699F511a943e9bFC12B64B7fe3486",
+              "0x3c937d73f7FE55b386c309C65087d9F5bdd1a780"
+            ]
+          }
+        ],
+        value: true
+      }
+    ]
   }
 };
 
@@ -3115,6 +3186,41 @@ var hashPct = (flag_key, value, pct) => {
   return cyrb53(hashKey) % 100 < pct;
 };
 
+// src/utils/flags/patches/enable-bitcoin-patch.ts
+import { FlagKey as FlagKey2, safeParseJson as safeParseJson2 } from "@funkit/utils";
+var BITCOIN_CHAIN_ID = 8253038;
+var enableBitcoin = (config) => {
+  try {
+    const tokenTransferNewTokensDefaultValue = safeParseJson2(config[FlagKey2.TokenTransferNewTokens].default_value) || {};
+    const tokenTransferSourceChainsAndAssetsDefaultValue = safeParseJson2(
+      config[FlagKey2.TokenTransferSourceChainsAndAssets].default_value
+    ) || {};
+    if (config[FlagKey2.EnableBitcoin]) {
+      return config;
+    }
+    return {
+      ...config,
+      [FlagKey2.TokenTransferNewTokens]: {
+        ...config[FlagKey2.TokenTransferNewTokens],
+        default_value: JSON.stringify({
+          ...tokenTransferNewTokensDefaultValue,
+          [BITCOIN_CHAIN_ID]: ["BTC"]
+        })
+      },
+      [FlagKey2.TokenTransferSourceChainsAndAssets]: {
+        ...config[FlagKey2.TokenTransferSourceChainsAndAssets],
+        default_value: JSON.stringify({
+          ...tokenTransferSourceChainsAndAssetsDefaultValue,
+          [BITCOIN_CHAIN_ID]: ["BTC"]
+        })
+      }
+    };
+  } catch (error) {
+    logger.error("enableBitcoin:unexpected error", error);
+    return config;
+  }
+};
+
 // src/utils/flags/impl.ts
 async function fetchWithTimeout(url, options = {}, timeout = 15e3) {
   const controller = new AbortController();
@@ -3137,7 +3243,8 @@ async function fetchConfigFromServer() {
   logger.log("flag_fetchConfigFromServer", {
     configData
   });
-  return configData.flags;
+  const config = enableBitcoin(configData.flags);
+  return config;
 }
 function deriveAllFlags(config, userContext) {
   return Object.fromEntries(
@@ -3211,7 +3318,7 @@ import React35, {
   useMemo as useMemo4,
   useState as useState4
 } from "react";
-import { FlagKey as FlagKey2 } from "@funkit/utils";
+import { FlagKey as FlagKey3 } from "@funkit/utils";
 
 // src/consts/customers.ts
 import {
@@ -3333,7 +3440,7 @@ function useFunkitUserIp() {
     if (!userIpInfo) {
       return true;
     }
-    const blockedList = getFlag(FlagKey2.BlockedCountries, ALL_MATCH).split(",");
+    const blockedList = getFlag(FlagKey3.BlockedCountries, ALL_MATCH).split(",");
     return isCountryBlocked(blockedList, userIpInfo);
   }, [
     getFlag,
@@ -3447,7 +3554,7 @@ function fetchDataMapFromCache(enableFrogProxyServer) {
   }
 }
 function FunkitMeshProvider({ children }) {
-  const enableFrogProxyServer = useFlag(FlagKey3.EnableFrogProxyServer);
+  const enableFrogProxyServer = useFlag(FlagKey4.EnableFrogProxyServer);
   const [meshBrokerDataMap, setMeshBrokerDataMap] = useState5(
     fetchDataMapFromCache(enableFrogProxyServer)
   );
@@ -3916,7 +4023,7 @@ import {
   initializeCheckout as postApiInitializeCheckout
 } from "@funkit/api-base";
 import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO4 } from "@funkit/chains";
-import { FlagKey as FlagKey6, isNotNullish as isNotNullish3 } from "@funkit/utils";
+import { FlagKey as FlagKey7, isNotNullish as isNotNullish3 } from "@funkit/utils";
 import React39, {
   createContext as createContext10,
   useCallback as useCallback8,
@@ -3949,7 +4056,7 @@ var WEB3_ACCOUNT_BALANCE_MESSAGE = {
 };
 
 // src/hooks/useRelayBypass.ts
-import { FlagKey as FlagKey4, isTokenAddressEquivalent as isTokenAddressEquivalent2 } from "@funkit/utils";
+import { FlagKey as FlagKey5, isTokenAddressEquivalent as isTokenAddressEquivalent2 } from "@funkit/utils";
 import { useCallback as useCallback4, useMemo as useMemo7 } from "react";
 var isTokenFlagEnabled = (tokenList, tokenAddress) => {
   if (tokenList.includes("*")) {
@@ -3963,9 +4070,9 @@ var isTokenFlagEnabled = (tokenList, tokenAddress) => {
   );
 };
 function useSourceTokenRelayEnabled() {
-  const isRelayBypassEnabled = useFlag(FlagKey4.IsRelayBypassEnabled);
+  const isRelayBypassEnabled = useFlag(FlagKey5.IsRelayBypassEnabled);
   const sourceTokensJsonString = useFlag(
-    FlagKey4.RelayBypassSourceChainsAndAssets
+    FlagKey5.RelayBypassSourceChainsAndAssets
   );
   const sourceTokens = useMemo7(
     () => safeJSONParse(sourceTokensJsonString),
@@ -3984,12 +4091,12 @@ function useSourceTokenRelayEnabled() {
 }
 function useRelayBypass() {
   const { apiKey } = useFunkitConfig();
-  const isRelayBypassEnabled = useFlag(FlagKey4.IsRelayBypassEnabled);
+  const isRelayBypassEnabled = useFlag(FlagKey5.IsRelayBypassEnabled);
   const sourceTokensJsonString = useFlag(
-    FlagKey4.RelayBypassSourceChainsAndAssets
+    FlagKey5.RelayBypassSourceChainsAndAssets
   );
   const targetTokensJsonString = useFlag(
-    FlagKey4.RelayBypassTargetChainsAndAssets
+    FlagKey5.RelayBypassTargetChainsAndAssets
   );
   const sourceTokens = safeJSONParse(
     sourceTokensJsonString
@@ -4262,7 +4369,7 @@ function useCheckoutDirectExecution() {
 import {
   initializeCheckoutTokenTransferAddress
 } from "@funkit/api-base";
-import { FlagKey as FlagKey5 } from "@funkit/utils";
+import { FlagKey as FlagKey6 } from "@funkit/utils";
 import { useQuery as useQuery3 } from "@tanstack/react-query";
 import { useCallback as useCallback6 } from "react";
 
@@ -4337,7 +4444,7 @@ var useCheckoutTransferInit = () => {
   const checkoutConfig = checkoutItem?.initSettings.config;
   const { walletAddress, userInfo } = useGeneralWallet();
   const { apiKey } = useFunkitConfig();
-  const isQrCodeEnabled = useFlag(FlagKey5.EnableTokenTransfer, false);
+  const isQrCodeEnabled = useFlag(FlagKey6.EnableTokenTransfer, false);
   const recipientAddr = checkoutConfig?.customRecipient || walletAddress || "0x";
   const queryKey = {
     userId: userInfo.id || "",
@@ -4862,7 +4969,7 @@ function useFunkitCheckout(props) {
   const { openWithdrawalModal } = useWithdrawalModal();
   const { connectModalOpen, openConnectModal } = useConnectModal();
   const { isUserLoggedIn } = useGeneralWallet();
-  const isCheckoutActivated = useFlag(FlagKey6.IsCheckoutActivated);
+  const isCheckoutActivated = useFlag(FlagKey7.IsCheckoutActivated);
   const onErrorWrapper = useCallback8(
     (payload) => {
       logger.warn(payload.message, payload);
@@ -7022,6 +7129,7 @@ var ASSET_LOGO_SRCS = {
   BLERF: "https://sdk-cdn.fun.xyz/images/blerf.png",
   BRETT: "https://sdk-cdn.fun.xyz/images/brett.svg",
   BSHIB: "https://sdk-cdn.fun.xyz/images/bshib.png",
+  BTC: "https://sdk-cdn.fun.xyz/images/btc.svg",
   CBBTC: "https://sdk-cdn.fun.xyz/images/cbbtc.svg",
   CBETH: "https://sdk-cdn.fun.xyz/images/cbeth.png",
   CRO: "https://sdk-cdn.fun.xyz/images/cro.svg",
@@ -7397,7 +7505,7 @@ var ErrorFallback = () => /* @__PURE__ */ React57.createElement(
 );
 
 // src/components/FunBottomBar/FunBottomBar.tsx
-import { FlagKey as FlagKey7, isMobile } from "@funkit/utils";
+import { FlagKey as FlagKey8, isMobile } from "@funkit/utils";
 import React61 from "react";
 
 // src/components/FunButton/FunButton.tsx
@@ -7685,7 +7793,7 @@ var FunBottomBar = ({
   onClose
 }) => {
   const { uiCustomizations } = useFunkitConfig();
-  const showTagline = useFlag(FlagKey7.ShowPoweredTagline);
+  const showTagline = useFlag(FlagKey8.ShowPoweredTagline);
   const defaultBottomSection = showTagline ? /* @__PURE__ */ React61.createElement(FunPoweredTagline, null) : void 0;
   const bottomSectionComponent = bottomSection ?? defaultBottomSection;
   const hasMultipleButtons = !!onClose;
@@ -8571,11 +8679,11 @@ Dialog.BottomBar = FunBottomBar;
 // src/modals/WithdrwalModal/WithdrawalContent.tsx
 import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8 } from "@funkit/chains";
 import {
-  FlagKey as FlagKey14,
+  FlagKey as FlagKey15,
   formatCryptoAndStringify as formatCryptoAndStringify2,
   formatCurrencyAndStringify as formatCurrencyAndStringify3
 } from "@funkit/utils";
-import React93, { useEffect as useEffect27, useState as useState27 } from "react";
+import React93, { useEffect as useEffect27, useMemo as useMemo13, useState as useState27 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
 import { useDebounce } from "use-debounce";
 import { useAccount as useAccount3 } from "wagmi";
@@ -8751,7 +8859,7 @@ var getRemoteImageStyles = (isRemoteImage, isRemoteImageLoaded, src) => {
 import React85 from "react";
 
 // src/components/Dropdown/ChainDropdown.tsx
-import { FlagKey as FlagKey8 } from "@funkit/utils";
+import { FlagKey as FlagKey9 } from "@funkit/utils";
 import React82 from "react";
 
 // src/components/Dropdown/BaseDropdown.tsx
@@ -9660,9 +9768,9 @@ var ChainDropdown = ({
   maxDropdownHeight,
   tagComponent
 }) => {
-  const defaultChainIdJson = useFlag(FlagKey8.TokenTransferDefaultChainId);
+  const defaultChainIdJson = useFlag(FlagKey9.TokenTransferDefaultChainId);
   const defaultChainId = safeJSONParse(defaultChainIdJson);
-  const chainSortOrderJson = useFlag(FlagKey8.ChainIdSortOrder);
+  const chainSortOrderJson = useFlag(FlagKey9.ChainIdSortOrder);
   const chainSortOrder = safeJSONParse(chainSortOrderJson) || [];
   const chainIds = getSortedChainIds();
   const options = allowUnselect ? [DEFAULT_VALUE, ...chainIds] : chainIds;
@@ -9769,7 +9877,7 @@ var ChainDropdown = ({
 };
 
 // src/components/Dropdown/TokenDropdown.tsx
-import { FlagKey as FlagKey9, safeParseJson as safeParseJson2 } from "@funkit/utils";
+import { FlagKey as FlagKey10, safeParseJson as safeParseJson3 } from "@funkit/utils";
 import React84, { useState as useState20 } from "react";
 
 // src/utils/tokenIconUrl.ts
@@ -9868,10 +9976,10 @@ var NewTokenBadge = ({ iconSymbol }) => {
 // src/components/Dropdown/TokenDropdown.tsx
 var TOKEN_ICON_SIZE = 16;
 var useNewTokens = () => {
-  const bannerJson = useFlag(FlagKey9.NewTokenAssetSelectionBanner);
-  const bannerData = safeParseJson2(bannerJson);
-  const newBadgeTokensJson = useFlag(FlagKey9.TokenTransferNewTokens);
-  const newBadgeData = safeParseJson2(newBadgeTokensJson);
+  const bannerJson = useFlag(FlagKey10.NewTokenAssetSelectionBanner);
+  const bannerData = safeParseJson3(bannerJson);
+  const newBadgeTokensJson = useFlag(FlagKey10.TokenTransferNewTokens);
+  const newBadgeData = safeParseJson3(newBadgeTokensJson);
   const newTokens = newBadgeData && Object.values(newBadgeData).flat();
   const newUniqueTokens = new Set(newTokens);
   const newSymbol = bannerData && newUniqueTokens.has(bannerData.symbol) ? bannerData.symbol : newTokens?.[0];
@@ -9886,7 +9994,7 @@ var TokenDropdown = ({
   alwaysOpenToTop,
   maxDropdownHeight
 }) => {
-  const defaultTokensJson = useFlag(FlagKey9.TokenTransferDefaultTokens);
+  const defaultTokensJson = useFlag(FlagKey10.TokenTransferDefaultTokens);
   const defaultTokens = safeJSONParse(defaultTokensJson);
   const enabledTokens = assets[selectedChainId];
   const allTokens = getSortedTokens();
@@ -11469,20 +11577,21 @@ var useAssetSymbolPrice = ({
     refetchInterval
   });
   return {
-    ...priceQuery,
     asset: assetQuery.data,
-    isLoading: priceQuery.isLoading || assetQuery.isLoading
+    error: assetQuery.error || priceQuery.error,
+    isLoading: priceQuery.isLoading || assetQuery.isLoading,
+    price: priceQuery.price
   };
 };
 
 // src/hooks/useTokenChain.ts
-import { FlagKey as FlagKey11 } from "@funkit/utils";
+import { FlagKey as FlagKey12 } from "@funkit/utils";
 import { useEffect as useEffect24, useState as useState22 } from "react";
 import { polygon as polygon3 } from "viem/chains";
 
 // src/hooks/useEnabledTokenTransferChainTokens.ts
-import { solanaChain as solanaChain3 } from "@funkit/chains";
-import { FlagKey as FlagKey10 } from "@funkit/utils";
+import { bitcoinChain, solanaChain as solanaChain3 } from "@funkit/chains";
+import { FlagKey as FlagKey11 } from "@funkit/utils";
 import { base as base4 } from "viem/chains";
 
 // src/hooks/useIsUsUser.ts
@@ -11504,14 +11613,15 @@ function useIsUsKatanaUser() {
 // src/hooks/useEnabledTokenTransferChainTokens.ts
 function useEnabledTokenTransferChainTokens(transferInit, isWithdrawal) {
   const isBankrUsUser = useIsUsBankrUser();
-  const depositAssets = useFlag(FlagKey10.TokenTransferSourceChainsAndAssets);
-  const withdrawalAssets = useFlag(FlagKey10.WithdrawalChainsAndAssets);
+  const depositAssets = useFlag(FlagKey11.TokenTransferSourceChainsAndAssets);
+  const withdrawalAssets = useFlag(FlagKey11.WithdrawalChainsAndAssets);
   const assetsJsonString = isWithdrawal ? withdrawalAssets : depositAssets;
   const assets = safeJSONParse(assetsJsonString);
   if (!assets) {
     return {};
   }
   const hasSolanaAddress = !!transferInit?.solanaAddr;
+  const hasBitcoinAddress = !!transferInit?.btcAddrSegwit;
   return Object.keys(assets).reduce(
     (acc, curChainIdString) => {
       const chainId = Number(curChainIdString);
@@ -11519,6 +11629,10 @@ function useEnabledTokenTransferChainTokens(transferInit, isWithdrawal) {
       if (isSolana && !hasSolanaAddress && !isWithdrawal) {
         return acc;
       }
+      const isBitcoin = chainId === bitcoinChain.id;
+      if (isBitcoin && !hasBitcoinAddress && !isWithdrawal) {
+        return acc;
+      }
       if (isBankrUsUser && chainId !== base4.id) {
         return acc;
       }
@@ -11537,7 +11651,7 @@ var useTokenAndChainSelection = (transferInit, defaultValues, isWithdrawal) => {
     transferInit ?? null,
     isWithdrawal
   );
-  const defaultChainIdFlag = useFlag(FlagKey11.TokenTransferDefaultChainId);
+  const defaultChainIdFlag = useFlag(FlagKey12.TokenTransferDefaultChainId);
   const defaultChainId = defaultValues?.chainId ?? Number(defaultChainIdFlag);
   const validDefaultChainId = filteredAssets[defaultChainId] !== void 0 ? defaultChainId : polygon3.id;
   const [selectedChainId, setSelectedChainId] = useState22(validDefaultChainId);
@@ -11623,10 +11737,10 @@ import { ClientError as ClientError2 } from "@funkit/utils";
 import { useState as useState25 } from "react";
 
 // src/hooks/useIsBlacklisted.ts
-import { FlagKey as FlagKey12 } from "@funkit/utils";
+import { FlagKey as FlagKey13 } from "@funkit/utils";
 import { useMemo as useMemo12 } from "react";
 var useIsBlacklisted = (walletAddress, customRecipient) => {
-  const flagStr = useFlag(FlagKey12.AddressBlacklist);
+  const flagStr = useFlag(FlagKey13.AddressBlacklist);
   const blacklist = useMemo12(
     () => safeJSONParse(flagStr)?.map((addr) => addr.toLowerCase()) || [],
     [flagStr]
@@ -11638,7 +11752,7 @@ var useIsBlacklisted = (walletAddress, customRecipient) => {
 };
 
 // src/providers/FunkitQuoteContext.tsx
-import { FlagKey as FlagKey13, isNotNullish as isNotNullish5 } from "@funkit/utils";
+import { FlagKey as FlagKey14, isNotNullish as isNotNullish5 } from "@funkit/utils";
 import React92, {
   createContext as createContext14,
   useCallback as useCallback16,
@@ -11739,7 +11853,7 @@ function FunkitQuoteProvider({ children }) {
   const funkitConfig = useFunkitConfig();
   const wagmiConfig = useConfig3();
   const { walletAddress, logoutSymbol, loginType, userInfo } = useGeneralWallet();
-  const enableFrogProxyServer = useFlag(FlagKey13.EnableFrogProxyServer);
+  const enableFrogProxyServer = useFlag(FlagKey14.EnableFrogProxyServer);
   const { getDirectExecutionInfo } = useCheckoutDirectExecution();
   const [latestQuote, setLatestQuote] = useState24(null);
   const [isQuoting, setIsQuoting] = useState24(false);
@@ -12179,7 +12293,7 @@ function useWithdrawalAssets(config) {
     },
     true
   );
-  const excludedTokenStr = useFlag(FlagKey14.WithdrawalExcludeTokens);
+  const excludedTokenStr = useFlag(FlagKey15.WithdrawalExcludeTokens);
   const excludedTokens = safeJSONParse(excludedTokenStr);
   if (excludedTokens) {
     for (const chainIdStr of Object.keys(excludedTokens)) {
@@ -12220,7 +12334,6 @@ var WithdrawContent = ({
   onContinue,
   config,
   withdrawalItem
-  // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: <explanation>
 }) => {
   const sourceTokenBalance = withdrawalItem?.withdrawalSourceTokenBalance?.() || 0;
   const token = config.sourceTokenSymbol;
@@ -12244,30 +12357,33 @@ var WithdrawContent = ({
     handleTokenChange,
     selectedChainName
   } = useWithdrawalAssets(config);
-  const assetInfo = useAssetSymbolPrice({
+  const {
+    asset: targetAssetInfo,
+    error: targetAssetFetchError,
+    price: targetUnitPrice
+  } = useAssetSymbolPrice({
     chainId: selectedChainId.toString(),
     symbol: selectedToken,
     refetchInterval: PRICE_REFRESH_INTERVAL
   });
-  const targetAssetAmount = assetInfo?.price ? Number(debouncedAmount) / assetInfo?.price : void 0;
+  const targetAssetAmount = targetUnitPrice ? Number(debouncedAmount) / targetUnitPrice : void 0;
   useEffect27(() => {
     setTimeout(() => {
       updateTargetAssetAmount(targetAssetAmount ?? 0);
     }, 0);
   }, [targetAssetAmount, updateTargetAssetAmount]);
   useEffect27(() => {
-    const asset = assetInfo?.asset;
-    if (!asset) {
+    if (!targetAssetInfo) {
       return;
     }
     updateTargetAsset({
-      targetAsset: asset.address,
+      targetAsset: targetAssetInfo.address,
       targetChain: selectedChainId.toString(),
-      targetAssetTicker: asset.symbol,
+      targetAssetTicker: targetAssetInfo.symbol,
       targetAssetMinAmount: 0,
       iconSrc: getTokenIconUrl(selectedToken)
     });
-  }, [assetInfo.asset, updateTargetAsset, selectedChainId, selectedToken]);
+  }, [targetAssetInfo, updateTargetAsset, selectedChainId, selectedToken]);
   const {
     isLoading: isQuoteLoading,
     data: quote,
@@ -12281,7 +12397,7 @@ var WithdrawContent = ({
     sourceAmount: Number(debouncedAmount),
     chainId: selectedChainId.toString(),
     symbol: selectedToken,
-    targetAsset: assetInfo?.asset?.address
+    targetAsset: targetAssetInfo?.address
   });
   const {
     isConnected,
@@ -12400,7 +12516,7 @@ var WithdrawContent = ({
   const bottomSectionRef = useBottomSectionRef("withdrawal");
   const showAddressError = addressInputTouched && !isValidAddress && recipientAddress !== "";
   const showAmountError = amountInputTouched && amount !== "" && !isWithdrawAmountValid;
-  const canContinue = recipientAddress && amount && token && selectedChainId && (!isQuoteLoading || isInstantQuoting) && !showAmountError && !showAddressError && !isCheckingAddressRisk && !addressAssessment && isValidAddressAndChain && amount === debouncedAmount;
+  const canContinue = recipientAddress && amount && token && selectedChainId && (quote || isPlaceholderData || isQuoteLoading && isInstantQuoting) && !showAmountError && !showAddressError && !isCheckingAddressRisk && !addressAssessment && isValidAddressAndChain && amount === debouncedAmount;
   const { totalImpactUsd, gasUsd } = extractRelayFeeInfo(
     quote?.baseQuote?.metadata
   );
@@ -12408,6 +12524,24 @@ var WithdrawContent = ({
   const receiveAmountFiat = quote || isInstantQuoting ? Number(debouncedAmount || 0) : 0;
   const receiveAmountFiatTotal = receiveAmountFiat - totalImpactUsd - gasUsd;
   const withdrawButtonText = getWithdrawButtonText();
+  const errorNotification = useMemo13(() => {
+    if (quoteErrorObject) {
+      return {
+        message: getRelayQuoteErrorDisplayMessage(quoteErrorObject.message),
+        type: "default"
+      };
+    }
+    if (withdrawalError) {
+      return withdrawalError;
+    }
+    if (targetAssetFetchError) {
+      return {
+        message: "Failed to fetch asset price",
+        type: "default"
+      };
+    }
+    return null;
+  }, [quoteErrorObject, targetAssetFetchError, withdrawalError]);
   return /* @__PURE__ */ React93.createElement(Box, { id: "withdrawal-flow", display: "flex", flexDirection: "column", gap: "18" }, /* @__PURE__ */ React93.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, /* @__PURE__ */ React93.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React93.createElement(Text, { size: "12", weight: "medium" }, "Recipient address"), /* @__PURE__ */ React93.createElement(
     FunInput,
     {
@@ -12552,9 +12686,9 @@ var WithdrawContent = ({
         topSection: /* @__PURE__ */ React93.createElement(
           FunNotification,
           {
-            description: quoteErrorObject ? getRelayQuoteErrorDisplayMessage(quoteErrorObject.message) : withdrawalError?.message,
-            type: withdrawalError?.type,
-            isVisible: !!withdrawalError || !!quoteErrorObject
+            description: errorNotification?.message,
+            type: errorNotification?.type,
+            isVisible: !!errorNotification
           }
         ),
         actionButtonProps: {
@@ -12594,7 +12728,7 @@ function getCheckoutCompletionTime(checkout) {
 }
 
 // src/components/FunCheckoutHistory/FunCheckoutHistoryDetail.tsx
-import React215, { useCallback as useCallback42, useMemo as useMemo34, useState as useState61 } from "react";
+import React215, { useCallback as useCallback42, useMemo as useMemo35, useState as useState61 } from "react";
 import { createPortal as createPortal14 } from "react-dom";
 
 // src/components/HelpAlert/HelpAlert.tsx
@@ -12944,10 +13078,10 @@ import { useAccount as useAccount6 } from "wagmi";
 // src/components/FunPayments/FunPaymentMethods.tsx
 import { BridgeCustomerStatus as BridgeCustomerStatus3 } from "@funkit/api-base";
 import {
-  FlagKey as FlagKey17,
+  FlagKey as FlagKey18,
   formatCurrencyAndStringify as formatCurrencyAndStringify4,
   formatSecondsToReadableForm,
-  safeParseJson as safeParseJson3
+  safeParseJson as safeParseJson4
 } from "@funkit/utils";
 import React103 from "react";
 
@@ -13031,9 +13165,9 @@ var isSoftRejected = (customer) => customer && isKycUninitialized(customer.statu
 var FIAT_PROCESSING_TIME = "1-2 business days";
 
 // src/hooks/useCheckoutTimeEstimate.ts
-import { FlagKey as FlagKey15 } from "@funkit/utils";
+import { FlagKey as FlagKey16 } from "@funkit/utils";
 function useCheckoutTimeEstimate(originalTimeEstimationMs, paymentMethod = "card" /* CARD */, bypassFlag = false) {
-  const timeEstimatesJsonString = useFlag(FlagKey15.CheckoutTimeEstimateOverrides);
+  const timeEstimatesJsonString = useFlag(FlagKey16.CheckoutTimeEstimateOverrides);
   const timeEstimates = safeJSONParse(
     timeEstimatesJsonString
   );
@@ -13050,7 +13184,7 @@ import {
   getBridgeKycLink
 } from "@funkit/api-base";
 import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO11 } from "@funkit/chains";
-import { FlagKey as FlagKey16 } from "@funkit/utils";
+import { FlagKey as FlagKey17 } from "@funkit/utils";
 import { useQuery as useQuery11, useQueryClient } from "@tanstack/react-query";
 import { useCallback as useCallback18 } from "react";
 var sepaCountryCode = [
@@ -13130,8 +13264,8 @@ function useFiatEnabled() {
   const isEuSepaUser = sepaCountryCode.includes(
     userIpInfo?.alpha2 || "PLACEHOLDER"
   );
-  const isTokenTransferEnabled = useFlag(FlagKey16.EnableTokenTransfer);
-  const isFiatEnabled = useFlag(FlagKey16.EnableFiatDeposit);
+  const isTokenTransferEnabled = useFlag(FlagKey17.EnableTokenTransfer);
+  const isFiatEnabled = useFlag(FlagKey17.EnableFiatDeposit);
   return isEuSepaUser && isTokenTransferEnabled && isFiatEnabled;
 }
 function useFrogAccounts() {
@@ -13282,7 +13416,7 @@ import {
   FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS as FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS3,
   FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO12
 } from "@funkit/chains";
-import { useMemo as useMemo13 } from "react";
+import { useMemo as useMemo14 } from "react";
 
 // src/utils/assets.ts
 import { formatUnits } from "viem";
@@ -13340,7 +13474,7 @@ var processWalletAssets = (walletAssets, targetChain) => {
 };
 function useWalletAssetHoldings(targetChain) {
   const { walletAssets, isLoading, totalWalletAssetsUsd } = useWalletAssets();
-  const processedAssets = useMemo13(
+  const processedAssets = useMemo14(
     () => processWalletAssets(walletAssets, targetChain),
     [targetChain, walletAssets]
   );
@@ -14610,9 +14744,9 @@ var TransferPaymentMethodItem = ({
   paymentIcon
 }) => {
   const { textCustomizations } = useFunkitConfig();
-  const bannerJson = useFlag(FlagKey17.NewTokenAssetSelectionBanner);
-  const bannerData = safeParseJson3(bannerJson);
-  const depositAssetsJson = useFlag(FlagKey17.TokenTransferSourceChainsAndAssets);
+  const bannerJson = useFlag(FlagKey18.NewTokenAssetSelectionBanner);
+  const bannerData = safeParseJson4(bannerJson);
+  const depositAssetsJson = useFlag(FlagKey18.TokenTransferSourceChainsAndAssets);
   const depositAssetsData = safeJSONParse(depositAssetsJson);
   const getTokenTransferIcon = () => {
     const uniqueChainIds = new Set(Object.keys(depositAssetsData ?? {}));
@@ -14827,7 +14961,7 @@ var BankIconActive = ({ size = 20 }) => {
 
 // src/components/FunConnectOptions/FunSignInStep.tsx
 import { groupBy, isMobile as isMobile8, isSafari as isSafari3, redirectInMobile as redirectInMobile2 } from "@funkit/utils";
-import React209, { Fragment as Fragment2, useCallback as useCallback41, useMemo as useMemo33, useState as useState59 } from "react";
+import React209, { Fragment as Fragment2, useCallback as useCallback41, useMemo as useMemo34, useState as useState59 } from "react";
 
 // src/providers/walletConnectDeepLink.ts
 var storageKey2 = "WALLETCONNECT_DEEPLINK_CHOICE";
@@ -15245,7 +15379,7 @@ var SocialsIcon = () => {
 };
 
 // src/components/FunConnectOptions/FunConnectOptions.tsx
-import React208, { useCallback as useCallback40, useMemo as useMemo32, useState as useState58 } from "react";
+import React208, { useCallback as useCallback40, useMemo as useMemo33, useState as useState58 } from "react";
 
 // src/hooks/useAnimatedNavigation.ts
 import { useCallback as useCallback19, useState as useState29 } from "react";
@@ -15325,11 +15459,11 @@ import {
 } from "react";
 
 // src/hooks/useCheckoutQuoteNotification.ts
-import { useMemo as useMemo14 } from "react";
+import { useMemo as useMemo15 } from "react";
 function useCheckoutQuoteNotification() {
   const { clearCheckoutQuoteMessages } = useQuoteContext();
   const { quoteErrorMessage, quoteStepMessage } = useQuoteContext();
-  const quoteNotification = useMemo14(() => {
+  const quoteNotification = useMemo15(() => {
     if (quoteErrorMessage !== "") {
       return {
         messageType: "error",
@@ -16827,7 +16961,7 @@ function CheckoutHelp({
 }
 
 // src/modals/CheckoutModal/ConfirmationStep/ConfirmationStep.tsx
-import React149, { useEffect as useEffect34, useMemo as useMemo19, useState as useState40 } from "react";
+import React149, { useEffect as useEffect34, useMemo as useMemo20, useState as useState40 } from "react";
 import { createPortal as createPortal7 } from "react-dom";
 
 // src/providers/UserPresenceContext.tsx
@@ -16868,7 +17002,7 @@ import { DirectExecutionType as DirectExecutionType2 } from "@funkit/api-base";
 
 // src/components/FunInfoBanner/FunInfoBanner.tsx
 import React136 from "react";
-import { FlagKey as FlagKey18, safeParseJson as safeParseJson4 } from "@funkit/utils";
+import { FlagKey as FlagKey19, safeParseJson as safeParseJson5 } from "@funkit/utils";
 
 // src/components/FunInfoBanner/EphemeralInfoBanner.tsx
 import React135, { useState as useState33 } from "react";
@@ -16906,8 +17040,8 @@ var EphemeralInfoBanner = ({
 
 // src/components/FunInfoBanner/FunInfoBanner.tsx
 var FunInfoBanner = () => {
-  const bannerJson = useFlag(FlagKey18.ShowInfoBanner);
-  const bannerData = safeParseJson4(bannerJson);
+  const bannerJson = useFlag(FlagKey19.ShowInfoBanner);
+  const bannerData = safeParseJson5(bannerJson);
   if (!bannerData || !bannerData.message) {
     return null;
   }
@@ -16929,7 +17063,7 @@ import {
 } from "@funkit/utils";
 import NumberFlow from "@number-flow/react";
 import { motion as motion7 } from "motion/react";
-import React138, { useMemo as useMemo16 } from "react";
+import React138, { useMemo as useMemo17 } from "react";
 
 // src/consts/design.ts
 var mapFontLineHeightToNumberFlowHeight = {
@@ -16948,7 +17082,7 @@ function useReceiveAmountLabel(_) {
 // src/components/FunAssetAvatar/FunAssetAvatar.tsx
 import { isNotNullish as isNotNullish6 } from "@funkit/utils";
 import clsx16 from "clsx";
-import React137, { useMemo as useMemo15 } from "react";
+import React137, { useMemo as useMemo16 } from "react";
 
 // src/components/FunAssetAvatar/FunAssetAvatar.css.ts
 var chainContainerStyle = "uwrdc22 _1rsrm2f18 _1rsrm2fa _1rsrm2f4 _1rsrm2f4g";
@@ -16968,7 +17102,7 @@ function FunAssetAvatar({
   largeChainIcon = false
 }) {
   const chainMetadata = chainMetadataById[Number.parseInt((chainId || "").toString())] || null;
-  const finalAssetSrc = useMemo15(() => {
+  const finalAssetSrc = useMemo16(() => {
     const normalizedTicker = assetTicker?.toUpperCase() || "";
     const defaultSrc = ASSET_LOGO_SRCS[normalizedTicker];
     if (prioritizeDefaults) {
@@ -17068,7 +17202,7 @@ function PaymentAmountSummary({
     })
   });
   const sourceTokenAmount = quote?.finalPaymentTokenAmount ? Number.parseFloat(quote.finalPaymentTokenAmount) : void 0;
-  const paymentTokenUsdAmount = useMemo16(() => {
+  const paymentTokenUsdAmount = useMemo17(() => {
     if (!quote) {
       return void 0;
     }
@@ -17076,7 +17210,7 @@ function PaymentAmountSummary({
       quote.baseQuote.estSubtotalUsd + Number.parseFloat(quote.finalPaymentFeeUsd) - Number.parseFloat(quote.finalSpreadUsd)
     );
   }, [quote]);
-  const receiveTokenUsdAmount = useMemo16(() => {
+  const receiveTokenUsdAmount = useMemo17(() => {
     if (!quote) {
       return void 0;
     }
@@ -17395,7 +17529,7 @@ var DirectExecutionBrokerageAndCardAlert = () => {
 };
 
 // src/modals/CheckoutModal/ConfirmationStep/DisclaimerText.tsx
-import React144, { useMemo as useMemo17 } from "react";
+import React144, { useMemo as useMemo18 } from "react";
 var DisclaimerText = ({
   continueText,
   isCardPayment,
@@ -17430,7 +17564,7 @@ var DisclaimerText = ({
   ), ", and the ", /* @__PURE__ */ React144.createElement(FunLinkButton, { href: "https://morpho.org/", inline: true, text: "terms" }), " applicable to third-party Morpho vaults", ".") : /* @__PURE__ */ React144.createElement(React144.Fragment, null, showCardDisclaimer && `${cardDisclaimer} `, "By clicking on ", continueText, ", you agree to our", " ", /* @__PURE__ */ React144.createElement(FunLinkButton, { href: FUN_TERMS_URL, inline: true, text: "terms" }), ".");
 };
 function useCardDisclaimer(checkoutItem, finalConvertedAssetName) {
-  const cardDisclaimer = useMemo17(() => {
+  const cardDisclaimer = useMemo18(() => {
     if (!checkoutItem || !finalConvertedAssetName) {
       return null;
     }
@@ -18013,7 +18147,7 @@ function usePostCheckout({
 }
 
 // src/modals/CheckoutModal/ConfirmationStep/useQuoteRefresh.ts
-import { useCallback as useCallback26, useEffect as useEffect33, useMemo as useMemo18, useRef as useRef15, useState as useState39 } from "react";
+import { useCallback as useCallback26, useEffect as useEffect33, useMemo as useMemo19, useRef as useRef15, useState as useState39 } from "react";
 
 // src/hooks/useCountdown.tsx
 import React148 from "react";
@@ -18276,7 +18410,7 @@ function useQuoteRefresh({
     },
     [isOnHold, restartCountdown, setCheckoutQuote, triggerAssetConfirm]
   );
-  const quoteError = useMemo18(() => {
+  const quoteError = useMemo19(() => {
     if (quoteErrorMessage && !isQuoting) {
       return {
         message: quoteErrorMessage,
@@ -18409,7 +18543,7 @@ function ConfirmationStep({
       refreshIntervalSeconds: directExecutionType === DirectExecutionType2.RELAY ? RELAY_ESTIMATE_REFRESH_INTERVAL_SEC : DEFAULT_ESTIMATE_REFRESH_INTERVAL_SEC
     })
   );
-  const error = useMemo19(() => {
+  const error = useMemo20(() => {
     if (!isInitialQuoting && moonpayAmountCheck?.isInvalid) {
       return {
         message: moonpayAmountCheck.message,
@@ -18424,7 +18558,7 @@ function ConfirmationStep({
     quoteError,
     isInitialQuoting
   ]);
-  const stepMessage = useMemo19(() => {
+  const stepMessage = useMemo20(() => {
     if (initialQuoteStep) {
       return initialQuoteStep;
     }
@@ -18481,7 +18615,7 @@ function ConfirmationStep({
   const isStepLoading = isInitialQuoting || isContinuing || isRefreshing;
   const uiCustomizations = funkitConfig.uiCustomizations?.confirmationScreen;
   const customRecipient = checkoutItem?.initSettings.config.customRecipient;
-  const showKatanaBridgeAlert = useMemo19(() => {
+  const showKatanaBridgeAlert = useMemo20(() => {
     const relayQuoteMetadata = latestQuote?.baseQuote?.metadata;
     if (!relayQuoteMetadata) {
       return false;
@@ -18495,7 +18629,7 @@ function ConfirmationStep({
     // https://fun-xyz.slack.com/archives/C08PVUDA1M2/p1752179735981389?thread_ts=1752176009.628309&cid=C08PVUDA1M2
     swapImpact + appFeePercent > KATANA_BRIDGE_ALERT_THRESHOLD_PERCENT;
   }, [funkitConfig.apiKey, latestQuote, checkoutItem]);
-  const showDirectExecutionNotificationBanner = useMemo19(() => {
+  const showDirectExecutionNotificationBanner = useMemo20(() => {
     const isRelayEnabled = checkoutItem !== null && getIsRelayEnabled({
       fromChainId: checkoutItem.selectedSourceAssetInfo.chainId,
       fromTokenAddress: checkoutItem.selectedSourceAssetInfo.address || "",
@@ -18747,7 +18881,7 @@ import { getMeldDefaultFiat } from "@funkit/api-base";
 import { useQuery as useQuery13 } from "@tanstack/react-query";
 
 // src/hooks/queries/useMeldCryptoCurrencyCode.ts
-import { FlagKey as FlagKey19 } from "@funkit/utils";
+import { FlagKey as FlagKey20 } from "@funkit/utils";
 import { arbitrum as arbitrum3, base as base6, polygon as polygon5 } from "viem/chains";
 var ARB_USDC = "0xaf88d065e77c8cC2239327C5EDb3A432268e5831".toLowerCase();
 var POLYGON_USDC = "0x3c499c542cEF5E3811e1192ce70d8cC03d5c3359".toLowerCase();
@@ -18780,7 +18914,7 @@ function useMeldCryptoCurrencyCode() {
   return mappedCurrency;
 }
 function useIsMeldEnabled() {
-  const meldEnabled = useFlag(FlagKey19.EnableMeldPayment);
+  const meldEnabled = useFlag(FlagKey20.EnableMeldPayment);
   const meldCurrencyCode = useMeldCryptoCurrencyCode();
   return meldEnabled && !!meldCurrencyCode;
 }
@@ -18892,16 +19026,35 @@ var useMeldLimitError = (amount, fiatCurrency) => {
   return void 0;
 };
 
+// src/hooks/useFiatExchangeRates.ts
+import { getFiatExchangeRates } from "@funkit/api-base";
+import { useQuery as useQuery15 } from "@tanstack/react-query";
+function useFiatExchangeRates(enabled = true) {
+  const { data, isLoading, error } = useQuery15({
+    queryKey: ["fiatExchangeRates"],
+    queryFn: () => getFiatExchangeRates(),
+    refetchOnMount: false,
+    refetchOnReconnect: false,
+    refetchOnWindowFocus: false,
+    gcTime: 1e3 * 60 * 60,
+    // 1 hour
+    enabled
+  });
+  return { data, isLoading, error };
+}
+
 // src/modals/CheckoutModal/InputAmount/InputAmountLoaded.tsx
-import { MeldServiceProvider as MeldServiceProvider2 } from "@funkit/api-base";
 import {
-  FlagKey as FlagKey22,
+  MeldServiceProvider as MeldServiceProvider2
+} from "@funkit/api-base";
+import {
+  FlagKey as FlagKey23,
   formatCryptoAndStringify as formatCryptoAndStringify4,
   formatCurrencyAndStringify as formatCurrencyAndStringify9,
   isTokenEquivalent as isTokenEquivalent5,
   round as round4
 } from "@funkit/utils";
-import React163, { useMemo as useMemo21 } from "react";
+import React163, { useMemo as useMemo22 } from "react";
 
 // src/components/CurrencySelector/CurrencySelector.tsx
 import React152 from "react";
@@ -19167,7 +19320,7 @@ var MeldProviderLabel = ({
 };
 
 // src/components/SourcePaymentMethodItem/SourcePaymentMethodItem.tsx
-import { FlagKey as FlagKey20 } from "@funkit/utils";
+import { FlagKey as FlagKey21 } from "@funkit/utils";
 import clsx17 from "clsx";
 import { useAnimate as useAnimate2 } from "motion/react";
 import React157 from "react";
@@ -19772,8 +19925,8 @@ var SourcePaymentMethodItem = ({
       icon: /* @__PURE__ */ React157.createElement(MasterCardPillIcon, { key: "mastercard", backdropColor })
     }
   ];
-  const isCardEnabled = useFlag(FlagKey20.EnableCard);
-  const isBrokerageEnabled = useFlag(FlagKey20.EnableBrokerage);
+  const isCardEnabled = useFlag(FlagKey21.EnableCard);
+  const isBrokerageEnabled = useFlag(FlagKey21.EnableBrokerage);
   const usableAlternativeIcons = icons.filter(({ paymentMethod }) => {
     if (paymentMethod === type || paymentMethod === "card" /* CARD */ && !isCardEnabled || paymentMethod === "brokerage" /* BROKERAGE */ && !isBrokerageEnabled) {
       return false;
@@ -20082,7 +20235,7 @@ var useMeldLink = (sourceAmount, sourceCurrencyCode = "USD") => {
 
 // src/modals/CheckoutModal/MeldQuotes/useMeldQuotes.tsx
 import { getMeldQuotes } from "@funkit/api-base";
-import { useQuery as useQuery15 } from "@tanstack/react-query";
+import { useQuery as useQuery16 } from "@tanstack/react-query";
 import { useDebounce as useDebounce2 } from "use-debounce";
 var DEBOUNCE_DELAY = 500;
 var COUNTDOWN_INTERVAL_SEC = 60;
@@ -20095,7 +20248,7 @@ var useMeldQuotes = (sourceAmount, fiatCurrency) => {
   const destinationCurrencyCode = useMeldCryptoCurrencyCode();
   const isPolymarket = isPolymarketCustomer(apiKey);
   const sourceCurrencyCode = fiatCurrency || "USD";
-  const query = useQuery15({
+  const query = useQuery16({
     queryKey: [
       "meld",
       "quotes",
@@ -20148,6 +20301,22 @@ var useMeldQuotes = (sourceAmount, fiatCurrency) => {
   };
 };
 
+// src/utils/getExchangeRate.ts
+var DEFAULT_BIPS_MARKUP = 500;
+var getExchangeRate = (currency, currencyExchangeRates, bipsMarkup = DEFAULT_BIPS_MARKUP) => {
+  if (!currency || !currencyExchangeRates) {
+    return void 0;
+  }
+  if (currency === "USD") {
+    return 1;
+  }
+  const exchangeRate = currency in currencyExchangeRates ? currencyExchangeRates[currency] : void 0;
+  if (!exchangeRate) {
+    return void 0;
+  }
+  return exchangeRate * (1 + bipsMarkup / 1e4);
+};
+
 // src/components/Icons/SwitchIcon.tsx
 import React160 from "react";
 var SwitchIcon = () => {
@@ -20363,7 +20532,7 @@ function InputAmountLayout({
 }
 
 // src/modals/CheckoutModal/InputAmount/QuickOptions.tsx
-import { FlagKey as FlagKey21, clamp as clamp2, formatCurrencyAndStringify as formatCurrencyAndStringify8 } from "@funkit/utils";
+import { FlagKey as FlagKey22, clamp as clamp2, formatCurrencyAndStringify as formatCurrencyAndStringify8 } from "@funkit/utils";
 import React162 from "react";
 var USD_AMOUNT_OPTIONS_PCT = [25, 50, 75, 100];
 function deduplicateArray(arr) {
@@ -20371,7 +20540,7 @@ function deduplicateArray(arr) {
 }
 function useFiatAmountOptions(currency) {
   const isMeldEnabled = useIsMeldEnabled();
-  const currencyQuickOptionStr = useFlag(FlagKey21.MeldQuickOptions);
+  const currencyQuickOptionStr = useFlag(FlagKey22.MeldQuickOptions);
   const currencyQuickOption = safeJSONParse(
     currencyQuickOptionStr
   );
@@ -20439,7 +20608,7 @@ var QuickOptions = ({
 import {
   useCallback as useCallback29,
   useEffect as useEffect35,
-  useMemo as useMemo20,
+  useMemo as useMemo21,
   useReducer as useReducer3,
   useRef as useRef17,
   useState as useState42
@@ -20508,9 +20677,11 @@ function initializeState({
   paymentMethod,
   quickOptions,
   sourceHolding,
-  unitPrice: realUnitPrice
+  unitPrice: realUnitPrice,
+  fiatCurrencyExchangeRate,
+  meldEnabled
 }) {
-  const { targetAssetAmount, targetChain, targetAssetTicker } = checkoutConfig;
+  const { targetAssetAmount, targetChain, targetAssetTicker, isDefiMode } = checkoutConfig;
   const isInputInFiat = true;
   const unitPrice = isStablecoin(targetAssetTicker) ? 1 : realUnitPrice;
   const usdAvailableAmount = getUsdAvailableAmount(
@@ -20542,14 +20713,24 @@ function initializeState({
     if (defaultAmount !== void 0) {
       return defaultAmount;
     }
+    const targetAssetFiat = typeof targetAssetAmount !== "undefined" ? targetAssetAmount * unitPrice : void 0;
     if (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 (paymentMethod === "card" /* CARD */) {
       return getDefaultAmountFromQuickOptions(quickOptions);
     }
-    if (targetAssetAmount !== void 0) {
-      return targetAssetAmount * unitPrice;
+    if (typeof targetAssetFiat !== "undefined") {
+      return targetAssetFiat;
     }
     return USD_INITIAL_AMOUNT;
   }
@@ -20562,7 +20743,9 @@ function initializeState({
     locale,
     usdAvailableAmount,
     usdMaxAmount,
-    usdMinAmount
+    usdMinAmount,
+    fiatCurrencyExchangeRate,
+    meldEnabled
   };
 }
 function reduceState(state, action) {
@@ -20686,7 +20869,7 @@ var MAX_WIDTH = 310;
 function useAmountInput(options) {
   const isMeldEnabled = useIsMeldEnabled();
   const [state, dispatch] = useReducer3(reduceState, options, initializeState);
-  const derivedState = useMemo20(() => getDerivedState(state), [state]);
+  const derivedState = useMemo21(() => getDerivedState(state), [state]);
   const inputRef = useRef17(null);
   const { inputValue, locale } = state;
   const { inputDecimals, inputPrefix, placeholder } = derivedState;
@@ -21018,22 +21201,26 @@ function InputAmountLoaded({
   onClose,
   sourceHolding,
   unitPrice,
+  currencyExchangeRates,
   defaultFiatCurrency,
   textCustomizations
 }) {
-  const maxCheckoutUsdString = useFlag(FlagKey22.MaxCheckoutUsd);
+  const maxCheckoutUsdString = useFlag(FlagKey23.MaxCheckoutUsd);
   const isSourceNavWidgetEnabled = modalState.startingStep === "select_asset" /* SELECT_ASSET */;
   const { paymentMethod } = modalState.paymentMethodInfo;
   const { quote: manuallySelectedQuote } = modalState;
   const isCardCheckout = paymentMethod === "card" /* CARD */;
   const meldEnabled = useIsMeldEnabled() && isCardCheckout;
   const { targetAssetTicker, targetAssetMinAmount } = checkoutConfig;
-  const { updateTargetAssetAmount } = useCheckoutContext();
+  const { updateTargetAssetAmount, checkoutItem } = useCheckoutContext();
   const { apiKey } = useFunkitConfig();
-  const { checkoutItem } = useCheckoutContext();
   const minUsd = targetAssetMinAmount && unitPrice ? Math.ceil(targetAssetMinAmount * unitPrice * 100) / 100 : void 0;
   const fiatCurrency = modalState.fiatCurrency ?? defaultFiatCurrency;
   const quickOptions = useFiatAmountOptions(fiatCurrency);
+  const fiatCurrencyExchangeRate = getExchangeRate(
+    fiatCurrency,
+    currencyExchangeRates
+  );
   const {
     assetAmount,
     fiatAmount,
@@ -21062,7 +21249,9 @@ function InputAmountLoaded({
     paymentMethod,
     quickOptions,
     sourceHolding,
-    unitPrice
+    unitPrice,
+    fiatCurrencyExchangeRate,
+    meldEnabled
   });
   const {
     meldQuotesQuery,
@@ -21073,7 +21262,7 @@ function InputAmountLoaded({
     selectedQuote,
     isSelectedQuoteUnavailable
   } = useMeld(manuallySelectedQuote, fiatAmount, fiatCurrency);
-  const error = useMemo21(() => {
+  const error = useMemo22(() => {
     if (isCardCheckout) {
       if (isSelectedQuoteUnavailable) {
         return {
@@ -21118,8 +21307,8 @@ function InputAmountLoaded({
     if (assetAmount2 === void 0) {
       return;
     }
-    updateTargetAssetAmount(assetAmount2);
     if (!meldEnabled) {
+      updateTargetAssetAmount(assetAmount2);
       onNext({});
       return;
     }
@@ -21358,7 +21547,7 @@ function YouPayYouReceiveWrapper({
 
 // src/modals/CheckoutModal/InputAmount/InputAmountLoading.tsx
 import { formatCryptoAndStringify as formatCryptoAndStringify5 } from "@funkit/utils";
-import React164, { useMemo as useMemo22 } from "react";
+import React164, { useMemo as useMemo23 } from "react";
 function InputAmountLoading({
   modalState,
   sourceHoldingError,
@@ -21370,7 +21559,7 @@ function InputAmountLoading({
   const isSourceNavWidgetEnabled = modalState.startingStep === "select_asset" /* SELECT_ASSET */;
   const targetAssetAmount = checkoutItem?.initSettings.config.targetAssetAmount;
   const targetAssetTicker = checkoutItem?.initSettings.config.targetAssetTicker;
-  const error = useMemo22(() => {
+  const error = useMemo23(() => {
     if (sourceHoldingError) {
       return {
         message: /* @__PURE__ */ React164.createElement("div", null, "Unable to retrieve your account balance. Please try re-linking your account.", " "),
@@ -21450,7 +21639,7 @@ function InputAmountLoading({
 }
 
 // src/modals/CheckoutModal/InputAmount/useAvailableBalanceForCheckout.ts
-import { useMemo as useMemo23 } from "react";
+import { useMemo as useMemo24 } from "react";
 function useAvailableBalanceForCheckout(paymentMethodInfo, targetChainId, assetChainId, assetSymbol) {
   const { data: walletAssetHoldings, isLoading: isLoadingWalletAssetHoldings } = useWalletAssetHoldings(targetChainId);
   const holdings = {
@@ -21460,7 +21649,7 @@ function useAvailableBalanceForCheckout(paymentMethodInfo, targetChainId, assetC
     ["token_transfer" /* TOKEN_TRANSFER */]: null,
     ["virtual_bank" /* VIRTUAL_BANK */]: null
   }[paymentMethodInfo.paymentMethod];
-  const holdingItem = useMemo23(() => {
+  const holdingItem = useMemo24(() => {
     if (!assetSymbol || !holdings) {
       return;
     }
@@ -21519,7 +21708,7 @@ var InputAmountInfo = {
   disableBack: ({ state, isSourceNavWidgetEnabled }) => state.paymentMethodInfo?.paymentMethod === "card" /* CARD */ && isSourceNavWidgetEnabled
 };
 function InputAmount(props) {
-  const { paymentMethodInfo } = props.modalState;
+  const { paymentMethodInfo, isDefiMode } = props.modalState;
   const { textCustomizations } = useFunkitConfig();
   const { setCheckoutQuote } = useQuoteContext();
   const { checkoutItem } = useCheckoutContext();
@@ -21533,6 +21722,10 @@ function InputAmount(props) {
     checkoutItem?.selectedSourceAssetInfo.chainId ?? "",
     checkoutItem?.selectedSourceAssetInfo.symbol ?? null
   );
+  const {
+    data: currencyExchangeRates,
+    isLoading: isCurrencyExchangeRatesLoading
+  } = useFiatExchangeRates(!!isDefiMode);
   const { data: defaultCurrency, isLoading: isMeldDefaultCurrencyLoading } = useMeldDefaultCurrency(paymentMethodInfo.paymentMethod);
   const isMeld = paymentMethodInfo.paymentMethod === "card" /* CARD */;
   useMeldCurrencies(isMeld);
@@ -21541,7 +21734,9 @@ function InputAmount(props) {
     chainId: checkoutItem?.initSettings.config.targetChain,
     assetTokenAddress: checkoutItem?.initSettings.config.targetAsset
   });
-  const isLoaded = checkoutItem && unitPrice && !sourceHoldingError && !isLoadingSourceHolding && !isMeldDefaultCurrencyLoading;
+  const skipExchangeRates = paymentMethodInfo.paymentMethod !== "card" /* CARD */ || !isDefiMode;
+  const exchangeRatesLoaded = !isCurrencyExchangeRatesLoading && !!currencyExchangeRates;
+  const isLoaded = !!(checkoutItem && unitPrice && !sourceHoldingError && !isLoadingSourceHolding && !isMeldDefaultCurrencyLoading && (skipExchangeRates || exchangeRatesLoaded));
   useEffect36(() => setCheckoutQuote(null), []);
   if (isLoaded) {
     return /* @__PURE__ */ React165.createElement(
@@ -21551,6 +21746,7 @@ function InputAmount(props) {
         checkoutConfig: checkoutItem.initSettings.config,
         sourceHolding: sourceHolding ?? null,
         unitPrice,
+        currencyExchangeRates,
         defaultFiatCurrency: defaultCurrency,
         textCustomizations: textCustomizations.confirmationScreen
       }
@@ -21576,14 +21772,14 @@ import { mainnet as mainnet8, polygon as polygon6 } from "viem/chains";
 var ASSETS_LOW_VALUE_THRESHOLD2 = 0.1;
 
 // src/hooks/usePaymentSources.ts
-import { FlagKey as FlagKey23, isNotNullish as isNotNullish8 } from "@funkit/utils";
+import { FlagKey as FlagKey24, isNotNullish as isNotNullish8 } from "@funkit/utils";
 function usePaymentMethodEnablement({
   checkoutConfig
 }) {
   const { apiKey } = useFunkitConfig();
-  const isTokenTransferFlagEnabled = useFlag(FlagKey23.EnableTokenTransfer);
+  const isTokenTransferFlagEnabled = useFlag(FlagKey24.EnableTokenTransfer);
   const isFiatFlagEnabled = useFiatEnabled();
-  const isCardFlagEnabled = useFlag(FlagKey23.EnableCard);
+  const isCardFlagEnabled = useFlag(FlagKey24.EnableCard);
   const isKatanaEarnFlowAction = isKatanaEarnFlow({ apiKey, checkoutConfig });
   const isUsKatanaUser = useIsUsKatanaUser();
   const isFiatEnabled = isFiatFlagEnabled && !isKatanaEarnFlowAction;
@@ -21959,7 +22155,7 @@ function LoadingAccount({
 
 // src/modals/CheckoutModal/MeldCurrencySelect/MeldCurrencySelect.tsx
 import clsx18 from "clsx";
-import React169, { useMemo as useMemo24, useState as useState43 } from "react";
+import React169, { useMemo as useMemo25, useState as useState43 } from "react";
 
 // src/css/scrollStyles.css.ts
 var hideScrollBar = "_163ehmk0";
@@ -22015,7 +22211,7 @@ function MeldCurrencySelect({
   const [selectedCurrency, setSelectedCurrency] = useState43(
     defaultCurrency
   );
-  const filteredOptions = useMemo24(() => {
+  const filteredOptions = useMemo25(() => {
     const newOptions = data?.filter(
       ({ name, currencyCode }) => currencyCode.toLowerCase().includes(query.toLowerCase()) || name.toLowerCase().includes(query.toLowerCase())
     ) ?? [];
@@ -22151,7 +22347,7 @@ function MeldQuotes({
 }
 
 // src/modals/CheckoutModal/MoonpaySetup.tsx
-import React172, { useCallback as useCallback30, useMemo as useMemo26, useState as useState45 } from "react";
+import React172, { useCallback as useCallback30, useMemo as useMemo27, useState as useState45 } from "react";
 
 // src/components/FunPayments/FunPaymentMoonpayType.css.ts
 var mpClass = "_1kmpeyf0";
@@ -22160,7 +22356,7 @@ var stretchStyle = "_1kmpeyf1";
 // src/components/FunPayments/FunPaymentMoonpayType.tsx
 import { getMoonpayUrlSignature } from "@funkit/api-base";
 import { colorToHex } from "@funkit/utils";
-import React171, { Fragment, useEffect as useEffect38, useMemo as useMemo25, useState as useState44 } from "react";
+import React171, { Fragment, useEffect as useEffect38, useMemo as useMemo26, useState as useState44 } from "react";
 var LazyMoonPayBuyWidget = (props) => {
   const [MoonPayBuyWidget, setMoonPayBuyWidget] = useState44(null);
   useEffect38(() => {
@@ -22191,7 +22387,7 @@ function FunPaymentMoonpayType({
   const isSandboxMode = useIsFunkitSandboxMode();
   const funkitConfig = useFunkitConfig();
   const { userInfo } = useGeneralWallet();
-  const currencyCode = useMemo25(() => {
+  const currencyCode = useMemo26(() => {
     return generateMoonpayCurrencyCode(depositToken, depositTokenChainId);
   }, [depositToken, depositTokenChainId]);
   const depositTokenAmountStringFormatted = formatTokenAmountForMoonpay(
@@ -22214,7 +22410,7 @@ function FunPaymentMoonpayType({
     });
     return signature || "";
   };
-  const moonpayButtonColor = useMemo25(() => {
+  const moonpayButtonColor = useMemo26(() => {
     const primaryButtonHex = colorToHex(activeTheme.colors.buttonPrimary);
     if (["#FFF", "#FFFF", "#FFFFFF", "#FFFFFFFF"].includes(primaryButtonHex)) {
       return void 0;
@@ -22277,7 +22473,7 @@ function MoonpaySetup({
       depositAddress: paymentAddress
     });
   }, [onNext, paymentAddress]);
-  const MoonpayWidget = useMemo26(() => {
+  const MoonpayWidget = useMemo27(() => {
     return /* @__PURE__ */ React172.createElement(
       FunPaymentMoonpayType,
       {
@@ -22308,7 +22504,7 @@ function MoonpaySetup({
 // src/modals/CheckoutModal/SelectAsset.tsx
 import { FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST as FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST2 } from "@funkit/chains";
 import { formatCurrencyAndStringify as formatCurrencyAndStringify11, isTokenEquivalent as isTokenEquivalent6 } from "@funkit/utils";
-import React175, { useEffect as useEffect39, useMemo as useMemo28, useState as useState46 } from "react";
+import React175, { useEffect as useEffect39, useMemo as useMemo29, useState as useState46 } from "react";
 import { createPortal as createPortal11 } from "react-dom";
 
 // src/components/Dropdown/ReceiveTokenDropdown.tsx
@@ -22404,13 +22600,13 @@ var ReceiveTokenDropdown = ({
 
 // src/components/NewTokenDepositAlert/NewTokenDepositAlert.tsx
 import React174 from "react";
-import { FlagKey as FlagKey24, safeParseJson as safeParseJson5 } from "@funkit/utils";
+import { FlagKey as FlagKey25, safeParseJson as safeParseJson6 } from "@funkit/utils";
 var NewTokenDepositAlert = ({
   onClick
 }) => {
-  const alertJson = useFlag(FlagKey24.NewTokenAssetSelectionBanner);
-  const alertData = safeParseJson5(alertJson);
-  const isTokenTransferEnabled = useFlag(FlagKey24.EnableTokenTransfer);
+  const alertJson = useFlag(FlagKey25.NewTokenAssetSelectionBanner);
+  const alertData = safeParseJson6(alertJson);
+  const isTokenTransferEnabled = useFlag(FlagKey25.EnableTokenTransfer);
   if (!alertData || !isTokenTransferEnabled) {
     return null;
   }
@@ -22437,13 +22633,13 @@ var NewTokenDepositAlert = ({
 
 // src/hooks/useAllowedAssets.ts
 import { getAllowedAssets } from "@funkit/api-base";
-import { useQuery as useQuery16 } from "@tanstack/react-query";
-import { useCallback as useCallback31, useMemo as useMemo27 } from "react";
+import { useQuery as useQuery17 } from "@tanstack/react-query";
+import { useCallback as useCallback31, useMemo as useMemo28 } from "react";
 function useAllowedAssets() {
   const { apiKey } = useFunkitConfig();
   const { checkoutItem } = useCheckoutContext();
   const isRelayEnabled = useSourceTokenRelayEnabled();
-  const { data: allowedAssets, isLoading } = useQuery16({
+  const { data: allowedAssets, isLoading } = useQuery17({
     queryKey: ["getAllowedAssets", apiKey],
     queryFn: () => getAllowedAssets({ apiKey, logger }),
     refetchOnMount: false,
@@ -22452,7 +22648,7 @@ function useAllowedAssets() {
     staleTime: 5 * 60 * 1e3,
     gcTime: Number.POSITIVE_INFINITY
   });
-  const tokens = useMemo27(() => {
+  const tokens = useMemo28(() => {
     if (!allowedAssets) {
       return {};
     }
@@ -22529,13 +22725,7 @@ function useEnrichedAccountHoldings({
 }) {
   const { isAllowed, isLoading } = useAllowedAssets();
   const { loginType, walletAddress } = useGeneralWallet();
-  const { price: targetAssetUsdAmount } = useAssetAddressPrice({
-    chainId: checkoutConfig?.targetChain,
-    assetTokenAddress: checkoutConfig?.targetAsset,
-    amount: checkoutConfig?.targetAssetAmount
-  });
-  const minValueThreshold = checkoutConfig?.isDefiMode ? targetAssetUsdAmount : void 0;
-  const enrichedAccountHoldings = useMemo28(() => {
+  const enrichedAccountHoldings = useMemo29(() => {
     if (!checkoutConfig) {
       return [];
     }
@@ -22553,14 +22743,12 @@ function useEnrichedAccountHoldings({
         isAllowedForCheckout: isAllowed(
           asset.pickedChainId,
           asset.tokenAddress
-        ),
-        minValueThreshold
+        )
       });
       return { asset, usableForCheckout };
     });
   }, [
     accountHoldings,
-    minValueThreshold,
     checkoutConfig,
     isAllowed,
     loginType,
@@ -22577,7 +22765,7 @@ function useAssetOptions({
   chainId,
   dynamicTargetAssetCandidates
 }) {
-  const assetOptions = useMemo28(() => {
+  const assetOptions = useMemo29(() => {
     return enrichedAccountHoldings.filter(
       ({ asset }) => chainId !== void 0 ? asset.pickedChainId === chainId.toString() : true
     ).map(({ asset, usableForCheckout }) => {
@@ -22657,7 +22845,7 @@ function MeshOrAccountSelectAsset({
     targetAssetMinAmount: 0
   };
   const [selectedTargetAsset, setSelectedTargetAsset] = useState46(defaultTargetAsset);
-  const defaultTokenSymbols = useMemo28(() => {
+  const defaultTokenSymbols = useMemo29(() => {
     if (!checkoutConfig) {
       return [];
     }
@@ -22724,7 +22912,7 @@ function MeshOrAccountSelectAsset({
     handleTargetAssetUpdate(tokenItem);
     onFinish();
   });
-  const selectedChainTokenSymbol = useMemo28(() => {
+  const selectedChainTokenSymbol = useMemo29(() => {
     if (explicitlySelectedChainTokenSymbol) {
       const assetExists = assetOptions.find(
         ({ asset }) => asset.chainSymbolKey === explicitlySelectedChainTokenSymbol
@@ -23444,7 +23632,7 @@ var LightningBoltIcon = ({ size = 16 }) => /* @__PURE__ */ React179.createElemen
 
 // src/components/QRCode/QRCode.tsx
 import QRCodeUtil from "qrcode";
-import React180, { useMemo as useMemo29 } from "react";
+import React180, { useMemo as useMemo30 } from "react";
 var generateMatrix = (value, errorCorrectionLevel) => {
   const { data } = QRCodeUtil.create(value, { errorCorrectionLevel }).modules;
   const sqrt = Math.sqrt(data.length);
@@ -23472,7 +23660,7 @@ function QRCode({
 }) {
   const { activeTheme } = useActiveTheme();
   const size = sizeProp - Number.parseInt(outsidePadding, 10) * 2;
-  const dots = useMemo29(() => {
+  const dots = useMemo30(() => {
     const dots2 = [];
     const matrix = generateMatrix(uri, ecl);
     const cellSize = size / matrix.length;
@@ -24013,14 +24201,31 @@ var TransferTokenDetails = ({
 };
 
 // src/hooks/useTokenTransfer.ts
-import { solanaChain as solanaChain4 } from "@funkit/chains";
-import { FlagKey as FlagKey25 } from "@funkit/utils";
-import { useMemo as useMemo30 } from "react";
+import { bitcoinChain as bitcoinChain2, solanaChain as solanaChain4 } from "@funkit/chains";
+import { FlagKey as FlagKey26 } from "@funkit/utils";
+import { useMemo as useMemo31 } from "react";
 import { mainnet as mainnet9, polygon as polygon7 } from "viem/chains";
+
+// src/utils/transfer.ts
+var getTransferTokenQrCodeUri = (props) => {
+  const { depositAddress, type } = props;
+  if (type === "ethereum") {
+    return `ethereum:${depositAddress}`;
+  }
+  if (type === "solana") {
+    return `solana:${depositAddress}`;
+  }
+  if (type === "bitcoin") {
+    return `bitcoin:${depositAddress}`;
+  }
+  throw new Error(`Invalid transfer token qr code type: ${type}`);
+};
+
+// src/hooks/useTokenTransfer.ts
 var useTokenTransfer = (selectedChainId, selectedToken, chainIds) => {
   const { checkoutItem } = useCheckoutContext();
   const enableUniversal = useFlag(
-    FlagKey25.EnableTokenTransferUniversalDepositAddress,
+    FlagKey26.EnableTokenTransferUniversalDepositAddress,
     false
   );
   const estPriceImpact = usePriceImpactEstimation(selectedToken);
@@ -24038,9 +24243,22 @@ var useTokenTransfer = (selectedChainId, selectedToken, chainIds) => {
   const isUsdceOnPolygon = isPolygon && selectedToken === "USDC.e";
   const isUsdcOnPolygon = isPolygon && selectedToken === "USDC";
   const showOriginalRecipient = isBankrUsUser || !enableUniversal && (isUsdceOnPolygon || isUsdcOnPolygon);
-  const funDepositAddress = selectedChainId === solanaChain4.id ? transferInit?.solanaAddr : transferInit?.depositAddr;
+  const funDepositAddress = selectedChainId === solanaChain4.id ? transferInit?.solanaAddr : selectedChainId === bitcoinChain2.id ? transferInit?.btcAddrSegwit : transferInit?.depositAddr;
+  const blockchainType = (() => {
+    if (selectedChainId === solanaChain4.id) {
+      return "solana";
+    }
+    if (selectedChainId === bitcoinChain2.id) {
+      return "bitcoin";
+    }
+    return "ethereum";
+  })();
   const depositAddressTooltip = `Send any accepted token to this address${showOriginalRecipient ? "" : ` and it will auto
               swap to ${checkoutConfig?.targetAssetTicker} in your account`}.`;
+  const qrCodeUri = funDepositAddress ? getTransferTokenQrCodeUri({
+    depositAddress: funDepositAddress,
+    type: blockchainType
+  }) : void 0;
   return {
     depositAddress: showOriginalRecipient ? recipientAddr : funDepositAddress,
     depositAddressTooltip,
@@ -24049,12 +24267,14 @@ var useTokenTransfer = (selectedChainId, selectedToken, chainIds) => {
     minTransferUsdPerChain,
     showOriginalRecipient,
     estPriceImpact: showOriginalRecipient ? void 0 : estPriceImpact,
-    maxSlippage: showOriginalRecipient ? void 0 : maxSlippage
+    maxSlippage: showOriginalRecipient ? void 0 : maxSlippage,
+    qrCodeUri,
+    blockchain: blockchainType
   };
 };
 var useMinTransferLimits = () => {
   const { userIpInfo } = useFunkitUserIp();
-  const minTransferValueJsonString = useFlag(FlagKey25.MinTokenTransferValue);
+  const minTransferValueJsonString = useFlag(FlagKey26.MinTokenTransferValue);
   const minTransferValue = safeJSONParse(
     minTransferValueJsonString
   );
@@ -24065,23 +24285,27 @@ var useMinTransferLimits = () => {
   const limits = minTransferValue[transferLimitKey] ?? minTransferValue.DEFAULT;
   return limits;
 };
+function getMinTransferValueForChain(chainId, limits) {
+  const MAINNET_IDS = [mainnet9.id, bitcoinChain2.id];
+  return MAINNET_IDS.includes(chainId) ? limits.mainnet : limits.nonMainnet;
+}
 var useMinTransferValue = (selectedChainId) => {
   const limits = useMinTransferLimits();
-  const limit = selectedChainId === mainnet9.id ? limits.mainnet : limits.nonMainnet;
+  const limit = getMinTransferValueForChain(selectedChainId, limits);
   return Math.ceil(limit);
 };
 var useMinTransferValues = (chainIds) => {
   const limits = useMinTransferLimits();
-  return useMemo30(() => {
+  return useMemo31(() => {
     return chainIds.reduce(
       (acc, id) => {
-        const limit = id === mainnet9.id ? limits.mainnet : limits.nonMainnet;
+        const limit = getMinTransferValueForChain(id, limits);
         acc[id] = Math.ceil(limit);
         return acc;
       },
       {}
     );
-  }, [chainIds, limits.mainnet, limits.nonMainnet]);
+  }, [chainIds, limits]);
 };
 var usePriceImpactEstimation = (selectedToken) => {
   const { apiKey } = useFunkitConfig();
@@ -24155,7 +24379,9 @@ function TransferToken({
     minTransferUsd,
     minTransferUsdPerChain,
     estPriceImpact,
-    maxSlippage
+    maxSlippage,
+    qrCodeUri,
+    blockchain
   } = useTokenTransfer(selectedChainId, selectedToken, chainIds);
   const isDefiMode = checkoutItem?.initSettings.config.isDefiMode;
   const toggleQrHover = async () => {
@@ -24336,7 +24562,7 @@ function TransferToken({
               logoSize: 24,
               logoUrl: chainMetadataById[selectedChainId].iconUrl,
               size: 152,
-              uri: `ethereum:${depositAddress}`,
+              uri: qrCodeUri ?? "",
               enableCornerMarkersRadius: false,
               enableOuterBorder: false
             }
@@ -24381,7 +24607,13 @@ function TransferToken({
             size: "12"
           }
         )
-      ), isLoadingDepositAddress ? /* @__PURE__ */ React189.createElement(FunSkeletonBlock, { height: "66", width: "full" }) : /* @__PURE__ */ React189.createElement(CopyInputDisplayedAddress, { address: depositAddress })), /* @__PURE__ */ React189.createElement(FunInfoBanner, null), /* @__PURE__ */ React189.createElement(
+      ), isLoadingDepositAddress ? /* @__PURE__ */ React189.createElement(FunSkeletonBlock, { height: "66", width: "full" }) : /* @__PURE__ */ React189.createElement(CopyInputDisplayedAddress, { address: depositAddress })), /* @__PURE__ */ React189.createElement(FunInfoBanner, null), blockchain === "bitcoin" && /* @__PURE__ */ React189.createElement(
+        InfoBanner,
+        {
+          message: "Bitcoin deposits might take up to 30 minutes to complete.",
+          type: "announcement"
+        }
+      ), /* @__PURE__ */ React189.createElement(FunInfoBanner, null), /* @__PURE__ */ React189.createElement(
         TransferTokenDetails,
         {
           disabled: isLoadingDepositAddress,
@@ -24765,7 +24997,7 @@ var FiatAccountDetail = {
 
 // src/modals/CheckoutModal/VirtualFiatAccount/KycIframe.tsx
 import { BridgeCustomerStatus as BridgeCustomerStatus7 } from "@funkit/api-base";
-import React196, { useCallback as useCallback35, useEffect as useEffect42, useMemo as useMemo31, useState as useState53 } from "react";
+import React196, { useCallback as useCallback35, useEffect as useEffect42, useMemo as useMemo32, useState as useState53 } from "react";
 function useIframeListener(listeners) {
   const handleMessage = useCallback35(
     (event) => {
@@ -24818,7 +25050,7 @@ function KycIframe({
   const { clearVirtualFiatAccounts } = useClearFrogAccountsCache();
   const { data: kycLink, isLoading: isLinkLoading } = useLoadKycLink(modalState);
   const [iframeLoading, setIframeLoading] = useState53(true);
-  const listeners = useMemo31(
+  const listeners = useMemo32(
     () => ({
       load: () => {
         logger.info("KYC iframe loaded");
@@ -25815,7 +26047,7 @@ function FunConnectOptions({
       }
     }
   };
-  const stepComponent = useMemo32(() => {
+  const stepComponent = useMemo33(() => {
     switch (step) {
       case 0 /* SIGNIN_PRIMARY */:
       case 1 /* SIGNIN_SECONDARY */:
@@ -25924,7 +26156,7 @@ var FULL_SOCIAL_LOGIN_OPTIONS = [
 function useEnabledSocialLogins() {
   const funkitConfig = useFunkitConfig();
   const { web2SocialLogins } = funkitConfig.loginConfig;
-  const enabledSocialItems = useMemo33(() => {
+  const enabledSocialItems = useMemo34(() => {
     return FULL_SOCIAL_LOGIN_OPTIONS.filter(
       (oAuthItem) => !!web2SocialLogins[oAuthItem.funkitKey]
     );
@@ -25953,7 +26185,7 @@ function FunSignInStep({
     handleOauthRedirect,
     handleGenerateFcUri
   } = useFunkitWeb2Login();
-  const isEmailInputValid = useMemo33(() => {
+  const isEmailInputValid = useMemo34(() => {
     return validateEmailString(emailInput);
   }, [emailInput]);
   const [emailError, setEmailError] = useState59();
@@ -26529,7 +26761,7 @@ function FunCheckoutHistoryDetail({
       isActiveCheckout
     ]
   );
-  const primaryButtonProps = useMemo34(() => {
+  const primaryButtonProps = useMemo35(() => {
     if (!isCheckoutLoaded) {
       return void 0;
     }
@@ -26618,7 +26850,7 @@ var CheckoutAlert = ({ state, refundState, onHelp }) => {
 
 // src/components/FunCheckoutHistory/FunCheckoutHistoryHelp.tsx
 import { sendSupportMessage } from "@funkit/api-base";
-import React218, { useEffect as useEffect49, useMemo as useMemo35, useRef as useRef23, useState as useState62 } from "react";
+import React218, { useEffect as useEffect49, useMemo as useMemo36, useRef as useRef23, useState as useState62 } from "react";
 import { createPortal as createPortal15 } from "react-dom";
 
 // src/components/FunInput/FunTextAreaInput.tsx
@@ -26771,7 +27003,7 @@ function FunCheckoutHistoryHelp({
   );
   const [descriptionInput, setDescriptionInput] = useState62("");
   const [errorMessage, setErrorMessage] = useState62();
-  const isEmailInputValid = useMemo35(() => {
+  const isEmailInputValid = useMemo36(() => {
     return validateEmailString(emailInput);
   }, [emailInput]);
   const [processStage, setProcessStage] = useState62(
@@ -26963,7 +27195,7 @@ import {
   formatTimestamp as formatTimestamp2,
   isTokenEquivalent as isTokenEquivalent7
 } from "@funkit/utils";
-import React219, { useCallback as useCallback43, useMemo as useMemo36, useRef as useRef24, useState as useState63 } from "react";
+import React219, { useCallback as useCallback43, useMemo as useMemo37, useRef as useRef24, useState as useState63 } from "react";
 import { createPortal as createPortal16 } from "react-dom";
 function FunDirectExecutionStatusTagLoaded({
   directExecution
@@ -27004,7 +27236,7 @@ function FunDirectExecutionHistoryDetail({
     ]
   );
   const isWithdrawal = directExecution?.clientMetadata?.isWithdrawal;
-  const buttonProps = useMemo36(() => {
+  const buttonProps = useMemo37(() => {
     if (!isLoaded) {
       return void 0;
     }
@@ -27417,7 +27649,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 clsx20 from "clsx";
-import React232, { useEffect as useEffect50, useMemo as useMemo37, useRef as useRef25, useState as useState67 } from "react";
+import React232, { useEffect as useEffect50, useMemo as useMemo38, useRef as useRef25, useState as useState67 } from "react";
 import { Virtuoso } from "react-virtuoso";
 import { useAccount as useAccount7 } from "wagmi";
 
@@ -27964,7 +28196,7 @@ function Home({
     const virtuosoDiv = virtuosoParentRef.current?.firstChild;
     virtuosoDiv?.classList.add(animateVirtuosoInClass);
   }, []);
-  const AssetsList = useMemo37(() => {
+  const AssetsList = useMemo38(() => {
     if (walletAssets && !Object.keys(walletAssets).length) {
       return /* @__PURE__ */ React232.createElement(EmptyTabAlert, null);
     }
@@ -27991,7 +28223,7 @@ function Home({
       }
     ));
   }, [walletAssets]);
-  const CheckoutsList = useMemo37(() => {
+  const CheckoutsList = useMemo38(() => {
     if (checkoutHistoryList.length === 0 && isCheckoutHistoryInited) {
       return /* @__PURE__ */ React232.createElement(EmptyTabAlert, null);
     }
@@ -28664,7 +28896,7 @@ function ChainModal({ onClose, open }) {
 // src/modals/CheckoutModal/FunCheckoutModal.tsx
 import { FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST as FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST3 } from "@funkit/chains";
 import { LogLevel, initializeRelayClient } from "@funkit/fun-relay";
-import { FlagKey as FlagKey27 } from "@funkit/utils";
+import { FlagKey as FlagKey28 } from "@funkit/utils";
 import React248, { useRef as useRef27 } from "react";
 
 // src/components/FunCheckoutBlocked/FunCheckoutBlocked.tsx
@@ -28685,7 +28917,7 @@ var FunCheckoutBlocked = ({ reason }) => {
 
 // src/modals/CheckoutModal/TransferToken/CheckoutNotifications.tsx
 import clsx23 from "clsx";
-import React247, { useEffect as useEffect52, useMemo as useMemo38, useState as useState70 } from "react";
+import React247, { useEffect as useEffect52, useMemo as useMemo39, useState as useState70 } from "react";
 
 // src/components/FunNotificationBanner/FunNotificationShowMoreButton.tsx
 import React242 from "react";
@@ -28733,13 +28965,13 @@ var FunNotificationShowMoreButton = ({
 import {
   getCheckoutsByUserId as getCheckoutsByUserId2
 } from "@funkit/api-base";
-import { FlagKey as FlagKey26 } from "@funkit/utils";
-import { useQuery as useQuery17 } from "@tanstack/react-query";
+import { FlagKey as FlagKey27 } from "@funkit/utils";
+import { useQuery as useQuery18 } from "@tanstack/react-query";
 var hasCorrectPaymentMethod = (checkout, paymentMethod) => !paymentMethod || checkout.clientMetadata.selectedPaymentMethodInfo?.paymentMethod === paymentMethod;
 var isRecent = (checkout, timestampCutoff) => checkout.createdTimeMs > timestampCutoff;
 var DEFAULT_NOTIF_CUTOFF = 7 * 24 * 60 * 60 * 1e3;
 function useCheckoutRefreshInterval() {
-  const str = useFlag(FlagKey26.CheckoutNotificationsRefreshInterval);
+  const str = useFlag(FlagKey27.CheckoutNotificationsRefreshInterval);
   return safeJSONParse(str) || { listRefresh: 50 * 1e3, itemRefresh: 5 * 1e3 };
 }
 var useRecentCheckouts = ({
@@ -28749,7 +28981,7 @@ var useRecentCheckouts = ({
   const { isUserLoggedIn, userInfo } = useGeneralWallet();
   const { apiKey } = useFunkitConfig();
   const { listRefresh } = useCheckoutRefreshInterval();
-  const query = useQuery17({
+  const query = useQuery18({
     queryKey: ["checkouts", userInfo.id],
     queryFn: async () => {
       const checkouts = await getCheckoutsByUserId2({
@@ -28772,7 +29004,7 @@ var useRecentCheckouts = ({
 import {
   getDirectExecutionsByUserId as getDirectExecutionsByUserId2
 } from "@funkit/api-base";
-import { useQuery as useQuery18 } from "@tanstack/react-query";
+import { useQuery as useQuery19 } from "@tanstack/react-query";
 var isRecent2 = (de, timestampCutoff) => de.createdTimeMs > timestampCutoff;
 var useRecentDirectExecutions = ({
   isVisible
@@ -28780,7 +29012,7 @@ var useRecentDirectExecutions = ({
   const { isUserLoggedIn, userInfo } = useGeneralWallet();
   const { apiKey } = useFunkitConfig();
   const { listRefresh } = useCheckoutRefreshInterval();
-  const query = useQuery18({
+  const query = useQuery19({
     queryKey: ["directExecutions", userInfo.id],
     queryFn: async () => {
       const directExecutions = await getDirectExecutionsByUserId2({
@@ -29493,11 +29725,11 @@ var FunNotificationBanner = ({
 import {
   getCheckoutByDepositAddress as getCheckoutByDepositAddress2
 } from "@funkit/api-base";
-import { useQuery as useQuery19 } from "@tanstack/react-query";
+import { useQuery as useQuery20 } from "@tanstack/react-query";
 var useCheckout = (depositAddress, initial) => {
   const { apiKey } = useFunkitConfig();
   const { itemRefresh } = useCheckoutRefreshInterval();
-  const query = useQuery19({
+  const query = useQuery20({
     queryKey: ["checkouts", "checkout", depositAddress],
     queryFn: () => (
       // biome-ignore lint/style/noNonNullAssertion: already checked for null
@@ -29754,19 +29986,19 @@ var CheckoutNotifications = ({
     }
     setInitialDirectExecutions(directExecutions);
   }, [initialDirectExecutions, directExecutions]);
-  const displayedDirectExecutions = useMemo38(() => {
+  const displayedDirectExecutions = useMemo39(() => {
     if (!directExecutions) {
       return [];
     }
     return getUpdatedDirectExecutions(directExecutions, initialDirectExecutions).filter(({ txHash }) => !closedNotifications.includes(txHash)).slice(0, MAX_COUNT);
   }, [initialDirectExecutions, directExecutions, closedNotifications]);
-  const displayedCheckouts = useMemo38(() => {
+  const displayedCheckouts = useMemo39(() => {
     if (!checkouts) {
       return [];
     }
     return getUpdatedCheckouts(checkouts, initialCheckouts).filter(({ depositAddr }) => !closedNotifications.includes(depositAddr)).slice(0, MAX_COUNT);
   }, [initialCheckouts, checkouts, closedNotifications]);
-  const combinedNotifications = useMemo38(() => {
+  const combinedNotifications = useMemo39(() => {
     return [
       ...displayedDirectExecutions.map(
         (item) => ({ ...item, isDirectExecution: true })
@@ -29776,7 +30008,7 @@ var CheckoutNotifications = ({
       )
     ].sort((a, b) => b.createdTimeMs - a.createdTimeMs);
   }, [displayedDirectExecutions, displayedCheckouts]);
-  const displayedNotifications = useMemo38(() => {
+  const displayedNotifications = useMemo39(() => {
     return isExpanded ? combinedNotifications : combinedNotifications.slice(0, COLLAPSED_COUNT);
   }, [isExpanded, combinedNotifications]);
   const handleNotificationClose = (id) => setClosedNotifications((prev) => [...prev, id]);
@@ -29907,7 +30139,7 @@ function FunCheckoutModalInner({
   const isBlocked = isUserGeoblocked || modalState.isBlocked;
   const hasBack = hasHistoryEntry && !disableBack;
   const checkoutConfig = checkoutItem.initSettings.config;
-  const helpButtonUrl = useFlag(FlagKey27.HelpTutorialUrl);
+  const helpButtonUrl = useFlag(FlagKey28.HelpTutorialUrl);
   const { onScroll, topbar, withTopDivider } = useCustomStatusAnimationAboveTopbar({
     depositAddress: checkoutItem.depositAddress ?? void 0,
     isActiveCheckout: true,
@@ -30113,7 +30345,7 @@ function ModalProvider({ children }) {
   return /* @__PURE__ */ React250.createElement(
     ModalContext.Provider,
     {
-      value: useMemo39(
+      value: useMemo40(
         () => ({
           accountModalOpen,
           accountModalTab,
@@ -30884,7 +31116,7 @@ var FunkitWeb2Provider = ({
     },
     [privy]
   );
-  const web2UserInfo = useMemo40(() => {
+  const web2UserInfo = useMemo41(() => {
     if (!loggedInUser || !loggedInUser?.linked_accounts || !loggedInUser?.linked_accounts?.length) {
       return PLACEHOLDER_FUNKIT_USER_INFO;
     }
@@ -31800,18 +32032,18 @@ function cssStringFromTheme(theme, options = {}) {
 }
 
 // src/hooks/useIsFunkitCheckoutActivated.ts
-import { FlagKey as FlagKey28 } from "@funkit/utils";
+import { FlagKey as FlagKey29 } from "@funkit/utils";
 var useIsFunkitCheckoutActivated = () => {
-  const isCheckoutActivated = useFlag(FlagKey28.IsCheckoutActivated);
+  const isCheckoutActivated = useFlag(FlagKey29.IsCheckoutActivated);
   return {
     isActivated: isCheckoutActivated
   };
 };
 
 // src/hooks/useFunkitMaxCheckoutUsdInfo.ts
-import { FlagKey as FlagKey29, formatCurrencyAndStringify as formatCurrencyAndStringify16 } from "@funkit/utils";
+import { FlagKey as FlagKey30, formatCurrencyAndStringify as formatCurrencyAndStringify16 } from "@funkit/utils";
 var useFunkitMaxCheckoutUsdInfo = () => {
-  const maxCheckoutUsd = Number(useFlag(FlagKey29.MaxCheckoutUsd));
+  const maxCheckoutUsd = Number(useFlag(FlagKey30.MaxCheckoutUsd));
   const limitText = maxCheckoutUsd === Number.MAX_VALUE ? "no" : formatCurrencyAndStringify16(maxCheckoutUsd, {
     decimalPrecisionForSuffix: 0,
     minimumSignificantDigits: 0,
@@ -31928,7 +32160,7 @@ function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey5, version);
 }
 function getCurrentSdkVersion() {
-  return "6.9.0";
+  return "6.11.0";
 }
 function useFingerprint() {
   const fingerprint = useCallback51(() => {