@funkit/connect 6.10.0 → 6.11.0

package/dist/index.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";
@@ -1089,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";
@@ -3121,7 +3121,40 @@ var flagConfig = {
   },
   [FlagKey.EnableBitcoin]: {
     type: "boolean",
-    default_value: true
+    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
+      }
+    ]
   }
 };
 
@@ -8650,7 +8683,7 @@ import {
   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";
@@ -11544,9 +11577,10 @@ 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
   };
 };
 
@@ -12300,7 +12334,6 @@ var WithdrawContent = ({
   onContinue,
   config,
   withdrawalItem
-  // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: <explanation>
 }) => {
   const sourceTokenBalance = withdrawalItem?.withdrawalSourceTokenBalance?.() || 0;
   const token = config.sourceTokenSymbol;
@@ -12324,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,
@@ -12361,7 +12397,7 @@ var WithdrawContent = ({
     sourceAmount: Number(debouncedAmount),
     chainId: selectedChainId.toString(),
     symbol: selectedToken,
-    targetAsset: assetInfo?.asset?.address
+    targetAsset: targetAssetInfo?.address
   });
   const {
     isConnected,
@@ -12480,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
   );
@@ -12488,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,
     {
@@ -12632,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: {
@@ -12674,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
@@ -13362,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";
@@ -13420,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]
   );
@@ -14907,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";
@@ -15325,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";
@@ -15405,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",
@@ -16907,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
@@ -17009,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 = {
@@ -17028,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";
@@ -17048,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) {
@@ -17148,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;
     }
@@ -17156,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;
     }
@@ -17475,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,
@@ -17510,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;
     }
@@ -18093,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";
@@ -18356,7 +18410,7 @@ function useQuoteRefresh({
     },
     [isOnHold, restartCountdown, setCheckoutQuote, triggerAssetConfirm]
   );
-  const quoteError = useMemo18(() => {
+  const quoteError = useMemo19(() => {
     if (quoteErrorMessage && !isQuoting) {
       return {
         message: quoteErrorMessage,
@@ -18489,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,
@@ -18504,7 +18558,7 @@ function ConfirmationStep({
     quoteError,
     isInitialQuoting
   ]);
-  const stepMessage = useMemo19(() => {
+  const stepMessage = useMemo20(() => {
     if (initialQuoteStep) {
       return initialQuoteStep;
     }
@@ -18561,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;
@@ -18575,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 || "",
@@ -18972,8 +19026,27 @@ 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 {
+  MeldServiceProvider as MeldServiceProvider2
+} from "@funkit/api-base";
 import {
   FlagKey as FlagKey23,
   formatCryptoAndStringify as formatCryptoAndStringify4,
@@ -18981,7 +19054,7 @@ import {
   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";
@@ -20162,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;
@@ -20175,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",
@@ -20228,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 = () => {
@@ -20519,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
@@ -20588,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(
@@ -20622,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;
   }
@@ -20642,7 +20743,9 @@ function initializeState({
     locale,
     usdAvailableAmount,
     usdMaxAmount,
-    usdMinAmount
+    usdMinAmount,
+    fiatCurrencyExchangeRate,
+    meldEnabled
   };
 }
 function reduceState(state, action) {
@@ -20766,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;
@@ -21098,6 +21201,7 @@ function InputAmountLoaded({
   onClose,
   sourceHolding,
   unitPrice,
+  currencyExchangeRates,
   defaultFiatCurrency,
   textCustomizations
 }) {
@@ -21108,12 +21212,15 @@ function InputAmountLoaded({
   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,
@@ -21142,7 +21249,9 @@ function InputAmountLoaded({
     paymentMethod,
     quickOptions,
     sourceHolding,
-    unitPrice
+    unitPrice,
+    fiatCurrencyExchangeRate,
+    meldEnabled
   });
   const {
     meldQuotesQuery,
@@ -21153,7 +21262,7 @@ function InputAmountLoaded({
     selectedQuote,
     isSelectedQuoteUnavailable
   } = useMeld(manuallySelectedQuote, fiatAmount, fiatCurrency);
-  const error = useMemo21(() => {
+  const error = useMemo22(() => {
     if (isCardCheckout) {
       if (isSelectedQuoteUnavailable) {
         return {
@@ -21198,8 +21307,8 @@ function InputAmountLoaded({
     if (assetAmount2 === void 0) {
       return;
     }
-    updateTargetAssetAmount(assetAmount2);
     if (!meldEnabled) {
+      updateTargetAssetAmount(assetAmount2);
       onNext({});
       return;
     }
@@ -21438,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,
@@ -21450,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.", " "),
@@ -21530,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 = {
@@ -21540,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;
     }
@@ -21599,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();
@@ -21613,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);
@@ -21621,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(
@@ -21631,6 +21746,7 @@ function InputAmount(props) {
         checkoutConfig: checkoutItem.initSettings.config,
         sourceHolding: sourceHolding ?? null,
         unitPrice,
+        currencyExchangeRates,
         defaultFiatCurrency: defaultCurrency,
         textCustomizations: textCustomizations.confirmationScreen
       }
@@ -22039,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";
@@ -22095,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())
     ) ?? [];
@@ -22231,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";
@@ -22240,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(() => {
@@ -22271,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(
@@ -22294,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;
@@ -22357,7 +22473,7 @@ function MoonpaySetup({
       depositAddress: paymentAddress
     });
   }, [onNext, paymentAddress]);
-  const MoonpayWidget = useMemo26(() => {
+  const MoonpayWidget = useMemo27(() => {
     return /* @__PURE__ */ React172.createElement(
       FunPaymentMoonpayType,
       {
@@ -22388,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
@@ -22517,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,
@@ -22532,7 +22648,7 @@ function useAllowedAssets() {
     staleTime: 5 * 60 * 1e3,
     gcTime: Number.POSITIVE_INFINITY
   });
-  const tokens = useMemo27(() => {
+  const tokens = useMemo28(() => {
     if (!allowedAssets) {
       return {};
     }
@@ -22609,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 [];
     }
@@ -22633,14 +22743,12 @@ function useEnrichedAccountHoldings({
         isAllowedForCheckout: isAllowed(
           asset.pickedChainId,
           asset.tokenAddress
-        ),
-        minValueThreshold
+        )
       });
       return { asset, usableForCheckout };
     });
   }, [
     accountHoldings,
-    minValueThreshold,
     checkoutConfig,
     isAllowed,
     loginType,
@@ -22657,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 }) => {
@@ -22737,7 +22845,7 @@ function MeshOrAccountSelectAsset({
     targetAssetMinAmount: 0
   };
   const [selectedTargetAsset, setSelectedTargetAsset] = useState46(defaultTargetAsset);
-  const defaultTokenSymbols = useMemo28(() => {
+  const defaultTokenSymbols = useMemo29(() => {
     if (!checkoutConfig) {
       return [];
     }
@@ -22804,7 +22912,7 @@ function MeshOrAccountSelectAsset({
     handleTargetAssetUpdate(tokenItem);
     onFinish();
   });
-  const selectedChainTokenSymbol = useMemo28(() => {
+  const selectedChainTokenSymbol = useMemo29(() => {
     if (explicitlySelectedChainTokenSymbol) {
       const assetExists = assetOptions.find(
         ({ asset }) => asset.chainSymbolKey === explicitlySelectedChainTokenSymbol
@@ -23524,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);
@@ -23552,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;
@@ -24095,7 +24203,7 @@ var TransferTokenDetails = ({
 // src/hooks/useTokenTransfer.ts
 import { bitcoinChain as bitcoinChain2, solanaChain as solanaChain4 } from "@funkit/chains";
 import { FlagKey as FlagKey26 } from "@funkit/utils";
-import { useMemo as useMemo30 } from "react";
+import { useMemo as useMemo31 } from "react";
 import { mainnet as mainnet9, polygon as polygon7 } from "viem/chains";
 
 // src/utils/transfer.ts
@@ -24188,7 +24296,7 @@ var useMinTransferValue = (selectedChainId) => {
 };
 var useMinTransferValues = (chainIds) => {
   const limits = useMinTransferLimits();
-  return useMemo30(() => {
+  return useMemo31(() => {
     return chainIds.reduce(
       (acc, id) => {
         const limit = getMinTransferValueForChain(id, limits);
@@ -24889,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) => {
@@ -24942,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");
@@ -25939,7 +26047,7 @@ function FunConnectOptions({
       }
     }
   };
-  const stepComponent = useMemo32(() => {
+  const stepComponent = useMemo33(() => {
     switch (step) {
       case 0 /* SIGNIN_PRIMARY */:
       case 1 /* SIGNIN_SECONDARY */:
@@ -26048,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]
     );
@@ -26077,7 +26185,7 @@ function FunSignInStep({
     handleOauthRedirect,
     handleGenerateFcUri
   } = useFunkitWeb2Login();
-  const isEmailInputValid = useMemo33(() => {
+  const isEmailInputValid = useMemo34(() => {
     return validateEmailString(emailInput);
   }, [emailInput]);
   const [emailError, setEmailError] = useState59();
@@ -26653,7 +26761,7 @@ function FunCheckoutHistoryDetail({
       isActiveCheckout
     ]
   );
-  const primaryButtonProps = useMemo34(() => {
+  const primaryButtonProps = useMemo35(() => {
     if (!isCheckoutLoaded) {
       return void 0;
     }
@@ -26742,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
@@ -26895,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(
@@ -27087,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
@@ -27128,7 +27236,7 @@ function FunDirectExecutionHistoryDetail({
     ]
   );
   const isWithdrawal = directExecution?.clientMetadata?.isWithdrawal;
-  const buttonProps = useMemo36(() => {
+  const buttonProps = useMemo37(() => {
     if (!isLoaded) {
       return void 0;
     }
@@ -27541,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";
 
@@ -28088,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);
     }
@@ -28115,7 +28223,7 @@ function Home({
       }
     ));
   }, [walletAssets]);
-  const CheckoutsList = useMemo37(() => {
+  const CheckoutsList = useMemo38(() => {
     if (checkoutHistoryList.length === 0 && isCheckoutHistoryInited) {
       return /* @__PURE__ */ React232.createElement(EmptyTabAlert, null);
     }
@@ -28809,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";
@@ -28858,7 +28966,7 @@ import {
   getCheckoutsByUserId as getCheckoutsByUserId2
 } from "@funkit/api-base";
 import { FlagKey as FlagKey27 } from "@funkit/utils";
-import { useQuery as useQuery17 } from "@tanstack/react-query";
+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;
@@ -28873,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({
@@ -28896,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
@@ -28904,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({
@@ -29617,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
@@ -29878,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 })
@@ -29900,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]);
@@ -30237,7 +30345,7 @@ function ModalProvider({ children }) {
   return /* @__PURE__ */ React250.createElement(
     ModalContext.Provider,
     {
-      value: useMemo39(
+      value: useMemo40(
         () => ({
           accountModalOpen,
           accountModalTab,
@@ -31008,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;
     }
@@ -32052,7 +32160,7 @@ function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey5, version);
 }
 function getCurrentSdkVersion() {
-  return "6.10.0";
+  return "6.11.0";
 }
 function useFingerprint() {
   const fingerprint = useCallback51(() => {