@funkit/connect 6.0.2 → 6.0.4

package/dist/index.js

@@ -1,13 +1,13 @@
 "use client";
 import {
   darkTheme
-} from "./chunk-IOMUPAAW.js";
+} from "./chunk-VQOGHHW2.js";
 import {
   lightTheme
-} from "./chunk-N6UWLAUQ.js";
+} from "./chunk-ZAZGUX6Z.js";
 import {
   systemFontStack
-} from "./chunk-IVQ57535.js";
+} from "./chunk-7HKC2KCK.js";
 
 // src/components/Dialog/DialogContent.css.ts
 var SCROLL_BAR_WIDTH = 6;
@@ -1139,7 +1139,7 @@ import React40, {
   useState as useState8
 } from "react";
 import { isHex } from "viem";
-import { useQuery as useQuery6 } from "@tanstack/react-query";
+import { useQuery as useQuery5 } from "@tanstack/react-query";
 
 // src/hooks/useSymbolRefresh.ts
 import { useState as useState3 } from "react";
@@ -2490,8 +2490,26 @@ var flagConfig = {
             type: "isAnyOf",
             values: [
               "0x2A8Bd916E85d98d8175258De99fc0ddbcC102eF6",
-              "0x21b94a3E67c4a72d3D15f478A696c5175f036092"
+              "0x21b94a3E67c4a72d3D15f478A696c5175f036092",
               // jianhe
+              "0x9C64fD7d9826E6d552dD8bc53e5C96F7C3F38528",
+              // panda
+              "0x236c60C57a8B9ca563Fb0dA5199FDdCB686d91E8",
+              // greg
+              "0x2e0Fa1cE3F0F6a85542c1E4F941116c0E885292E",
+              // adam
+              "0x8a5505F1b274d8fC23986AF60Dd3Ca3857095BB8",
+              // david
+              "0x0B6E49e9D1528F59BaBF3C5337A4c96E987f81aa",
+              // aaron (rainbow)
+              "0x84Bc1AC5621d2B44C5D3e3E79b45C2885406026D",
+              // hunter (evm)
+              "0x0D0377aa9CCA769931821842aB0E1A75e7DD6dD6",
+              // cheng-yu (evm)
+              "0x7B0195921183f7E04f0D331c1DAF7C1bB208CC4E",
+              // kurt (evm)
+              "0xda6b07Eb94f699F511a943e9bFC12B64B7fe3486"
+              // Alex
             ]
           },
           {
@@ -2808,41 +2826,13 @@ var flagConfig = {
   [FlagKey.RelayBypassTargetChainsAndAssets]: {
     type: "string",
     default_value: JSON.stringify({
-      // USDC.e on Polygon (PM)
-      137: ["0x2791Bca1f2de4661ED88A30C99A7a9449Aa84174"],
-      // USDC on Arbitrum (OSTIUM)
-      42161: ["0xaf88d065e77c8cC2239327C5EDb3A432268e5831"],
-      // Katana
-      747474: [
-        NATIVE_TOKEN,
-        // ETH
-        "0x7f1f4b4b29f5058fa32cc7a97141b8d7e5abdc2d",
-        // KAT
-        "0xEE7D8BCFb72bC1880D0Cf19822eB0A2e6577aB62",
-        // vbETH
-        "0x203A662b0BD271A6ed5a60EdFbd04bFce608FD36",
-        // vbUSDC
-        "0x2DCa96907fde857dd3D816880A0df407eeB2D2F2",
-        // vbUSDT
-        "0x0913DA6Da4b42f538B445599b46Bb4622342Cf52",
-        // vbWBTC
-        "0x62D6A123E8D19d06d68cf0d2294F9A3A0362c6b3",
-        // vbUSDS
-        "0x00000000eFE302BEAA2b3e6e1b18d08D69a9012a",
-        // AUSD
-        "0x9B8Df6E244526ab5F6e6400d331DB28C8fdDdb55",
-        // uSOL
-        "0xb0505e5a99abd03d94a1169e638B78EDfEd26ea4",
-        // uSUI
-        "0x2615a94df961278DcbC41Fb0a54fEc5f10a693aE",
-        // uXRP
-        "0x1e5eFCA3D0dB2c6d5C67a4491845c43253eB9e4e",
-        // MORPHO
-        "0x17BFF452dae47e07CeA877Ff0E1aba17eB62b0aB",
-        // SUSHI
-        "0x476eaCd417cD65421bD34fca054377658BB5E02b"
-        // YFI
-      ],
+      1: ["*"],
+      137: ["*"],
+      8453: ["*"],
+      42161: ["*"],
+      10: ["*"],
+      56: ["*"],
+      747474: ["*"],
       999: ["*"],
       2741: ["*"],
       1151111081099710: [
@@ -3951,8 +3941,8 @@ import { flushSync } from "react-dom";
 import { v4 as uuid } from "uuid";
 
 // src/hooks/useCheckoutDirectExecution.ts
-import { DirectExecutionType } from "@funkit/api-base";
-import { executeRelayQuote, getRelayQuote } from "@funkit/fun-relay";
+import { DirectExecutionType, getCheckoutQuoteV2 } from "@funkit/api-base";
+import { executeRelayQuote } from "@funkit/fun-relay";
 import { useCallback as useCallback5 } from "react";
 import { useWalletClient } from "wagmi";
 
@@ -3971,19 +3961,6 @@ var WEB3_ACCOUNT_BALANCE_MESSAGE = {
   [2 /* APPROVE_TRANSFER */]: (tokenSymbol) => `Confirm ${tokenSymbol} transfer`
 };
 
-// src/hooks/queries/useClientId.ts
-import { getOrganizationIdByApiKey } from "@funkit/api-base";
-import { useQuery as useQuery3 } from "@tanstack/react-query";
-var useClientId = () => {
-  const { apiKey } = useFunkitConfig();
-  const query = useQuery3({
-    queryKey: ["getOrganizationIdByApiKey", apiKey],
-    queryFn: () => getOrganizationIdByApiKey({ apiKey }),
-    enabled: !!apiKey
-  });
-  return query;
-};
-
 // src/hooks/useRelayBypass.ts
 import { FlagKey as FlagKey4, isTokenAddressEquivalent as isTokenAddressEquivalent2 } from "@funkit/utils";
 import { useCallback as useCallback4, useMemo as useMemo7 } from "react";
@@ -4097,7 +4074,7 @@ function useCheckoutDirectExecution() {
   const { connector } = useFunkitAccount();
   const { data: walletClient } = useWalletClient();
   const { getIsRelayEnabled } = useRelayBypass();
-  const { data: clientData } = useClientId();
+  const { apiKey } = useFunkitConfig();
   const getRelayDirectExecutionBaseQuote = useCallback5(
     async (params) => {
       const {
@@ -4112,41 +4089,35 @@ function useCheckoutDirectExecution() {
       if (params.isExactIn) {
         const { fromTokenDecimals, fromTokenAmount } = params;
         const multiplier2 = 10 ** fromTokenDecimals;
-        return await getRelayQuote({
+        return await getCheckoutQuoteV2({
           actionParams,
-          clientId: clientData?.id ?? "",
+          apiKey,
+          fromAmountBaseUnit: BigInt(Math.floor(fromTokenAmount * multiplier2)),
           fromChainId,
           fromTokenAddress,
           logger,
           recipientAddress,
           toChainId,
           toTokenAddress,
-          fromTokenAmountBaseUnit: BigInt(
-            Math.floor(fromTokenAmount * multiplier2)
-          ),
-          tradeType: "EXACT_INPUT",
           userAddress: senderAddress
         });
       }
       const { toTokenAmount, toTokenDecimals } = params;
       const multiplier = 10 ** toTokenDecimals;
-      return await getRelayQuote({
+      return await getCheckoutQuoteV2({
         actionParams,
-        clientId: clientData?.id ?? "",
+        apiKey,
         fromChainId,
         fromTokenAddress,
         logger,
         recipientAddress,
+        toAmountBaseUnit: BigInt(Math.floor(toTokenAmount * multiplier)),
         toChainId,
         toTokenAddress,
-        toTokenAmountBaseUnit: BigInt(Math.floor(toTokenAmount * multiplier)),
-        // When no contract action is required: expected_output
-        // When a contract action is required: exact_output
-        tradeType: actionParams?.length ? "EXACT_OUTPUT" : "EXPECTED_OUTPUT",
         userAddress: senderAddress
       });
     },
-    [address, clientData]
+    [address, apiKey]
   );
   const checkAndSwitchChains = useCallback5(
     async ({
@@ -4305,7 +4276,7 @@ import {
   initializeCheckoutTokenTransferAddress
 } from "@funkit/api-base";
 import { FlagKey as FlagKey5 } from "@funkit/utils";
-import { useQuery as useQuery4 } from "@tanstack/react-query";
+import { useQuery as useQuery3 } from "@tanstack/react-query";
 import { useCallback as useCallback6 } from "react";
 
 // src/domains/clientMetadata.ts
@@ -4402,7 +4373,7 @@ var useCheckoutTransferInit = () => {
   const isQRCodeEnabledWithPostAction = !!checkoutConfig && // either no post action required
   (!isCheckoutPostActionRequired(checkoutConfig) || // or action type is set
   !!checkoutConfig?.qrcodeActionType);
-  const { data, isFetching } = useQuery4({
+  const { data, isFetching } = useQuery3({
     queryKey: ["initializeCheckoutTokenTransferAddress", queryKey],
     queryFn: () => queryFunction(queryKey),
     refetchOnWindowFocus: false,
@@ -4460,6 +4431,7 @@ function generateSourceOfFundString({
 var FunCheckoutStartingStep = /* @__PURE__ */ ((FunCheckoutStartingStep2) => {
   FunCheckoutStartingStep2["SOURCE_CHANGE"] = "source_change";
   FunCheckoutStartingStep2["CONFIRMATION"] = "confirmation";
+  FunCheckoutStartingStep2["SELECT_ASSET"] = "select_asset";
   return FunCheckoutStartingStep2;
 })(FunCheckoutStartingStep || {});
 var FunkitCheckoutContext = createContext10({
@@ -5369,14 +5341,14 @@ import {
   getDirectExecutionByTxHash
 } from "@funkit/api-base";
 import { RELAY_TERMINAL_STATUSES } from "@funkit/fun-relay";
-import { useQuery as useQuery5 } from "@tanstack/react-query";
+import { useQuery as useQuery4 } from "@tanstack/react-query";
 var RELAY_FETCH_INTERVAL = 1500;
 var logPrefix = "useDirectExecutionInfoPolling";
 function useDirectExecutionInfoPolling({
   initDirectExecution
 }) {
   const { apiKey } = useFunkitConfig();
-  const { data: directExecution, isLoading } = useQuery5({
+  const { data: directExecution, isLoading } = useQuery4({
     queryKey: [logPrefix, initDirectExecution?.txHash],
     queryFn: async () => {
       try {
@@ -5640,7 +5612,7 @@ function useCheckoutHistoryContext() {
 }
 function useCheckoutsListenerByUserId(userId) {
   const { apiKey } = useFunkitConfig();
-  const { data, isLoading } = useQuery6({
+  const { data, isLoading } = useQuery5({
     enabled: !!userId,
     queryKey: ["getPurifiedCheckoutsByUserId", userId],
     queryFn: async () => {
@@ -5667,7 +5639,7 @@ function useCheckoutsListenerByUserId(userId) {
 }
 function useCheckoutListenerByCheckoutId(checkoutId) {
   const { apiKey } = useFunkitConfig();
-  const { data, isLoading } = useQuery6({
+  const { data, isLoading } = useQuery5({
     enabled: !!checkoutId,
     queryKey: ["getPurifiedCheckoutById", checkoutId],
     queryFn: async () => {
@@ -7653,7 +7625,8 @@ var FunBottomBar = ({
       type: "tertiary",
       height: "modalBottomBarButtonHeight",
       textSize: "modalBottomBarButtonText",
-      textWeight: "modalBottomBarButtonText"
+      textWeight: "modalBottomBarButtonText",
+      uppercase: uiCustomizations?.callToActionsUppercase
     }
   ), actionButtonProps && /* @__PURE__ */ React60.createElement(
     FunButton,
@@ -7662,8 +7635,8 @@ var FunBottomBar = ({
       borderRadius: customButtonRadius,
       height: "modalBottomBarButtonHeight",
       textSize: "modalBottomBarButtonText",
-      uppercase: uiCustomizations?.callToActionsUppercase,
-      textWeight: "modalBottomBarButtonText"
+      textWeight: "modalBottomBarButtonText",
+      uppercase: uiCustomizations?.callToActionsUppercase
     }
   )), bottomSectionComponent && /* @__PURE__ */ React60.createElement(Box, { paddingTop: "10" }, bottomSectionComponent));
 };
@@ -8520,7 +8493,7 @@ Dialog.BottomSection = DialogBottom;
 Dialog.BottomBar = FunBottomBar;
 
 // src/modals/WithdrwalModal/WithdrawalContent.tsx
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9 } from "@funkit/chains";
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8 } from "@funkit/chains";
 import {
   FlagKey as FlagKey14,
   formatCryptoAndStringify as formatCryptoAndStringify2,
@@ -10255,13 +10228,16 @@ import clsx14 from "clsx";
 import { motion as motion6, useAnimationControls } from "motion/react";
 
 // src/domains/relay.ts
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6 } from "@funkit/chains";
 var KATANA_BRIDGE_ALERT_THRESHOLD_PERCENT = 0.5;
-function extractRelayFeeInfo(relayQuote) {
+function extractRelayFeeInfo({
+  relayQuote = {},
+  feeBreakdown
+} = {}) {
+  if (feeBreakdown) {
+    return feeBreakdown;
+  }
   const { details, fees } = relayQuote;
   const gasUsd = Number.parseFloat(fees?.gas?.amountUsd || "0");
-  const destinationChainId = details?.currencyOut?.currency?.chainId || "";
-  const chainName = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6[destinationChainId]?.name;
   const appFeeUsd = Number.parseFloat(fees?.app?.amountUsd || "0");
   const fillCostUsd = Number.parseFloat(fees?.relayerGas?.amountUsd || "0");
   const relayCostUsd = Number.parseFloat(fees?.relayerService?.amountUsd || "0");
@@ -10281,7 +10257,6 @@ function extractRelayFeeInfo(relayQuote) {
     gasUsd,
     fillCostUsd,
     fillCostPercent,
-    chainName,
     totalImpactUsd,
     totalImpact,
     swapImpact,
@@ -10403,7 +10378,7 @@ function formatRelayFee({
   }
   return formatPercent(percent);
 }
-function renderRelayFee(relayQuote, fees, totalUsd) {
+function renderRelayFee(relayQuoteMetadata, fees, totalUsd) {
   const {
     gasUsd,
     totalImpactUsd,
@@ -10414,7 +10389,7 @@ function renderRelayFee(relayQuote, fees, totalUsd) {
     maxSlippage,
     minReceived,
     fillCostUsd
-  } = extractRelayFeeInfo(relayQuote);
+  } = extractRelayFeeInfo(relayQuoteMetadata);
   const totalNetworkCostUsd = fillCostUsd + gasUsd;
   const totalPriceImpact = swapImpactUsd + appFeeUsd;
   const totalPriceImpactPercent = swapImpact + appFeePercent;
@@ -10527,9 +10502,9 @@ function renderRelayFee(relayQuote, fees, totalUsd) {
     ]
   };
 }
-var extractFeeItems = (fees, totalUsd, relayQuote) => {
-  if (relayQuote) {
-    return renderRelayFee(relayQuote, fees, totalUsd);
+var extractFeeItems = (fees, totalUsd, relayQuoteMetadata) => {
+  if (relayQuoteMetadata) {
+    return renderRelayFee(relayQuoteMetadata, fees, totalUsd);
   }
   const marketMakerFee = {
     label: "Market maker gas costs",
@@ -10616,8 +10591,8 @@ function PaymentFeesSummary({
       return NO_DATA;
     }
     const totalUsd = Number(quote?.finalTotalUsd ?? "0");
-    const relayQuote = quote?.baseQuote?.metadata?.relayQuote;
-    return extractFeeItems(fees, totalUsd, relayQuote);
+    const relayQuoteMetadata = quote?.baseQuote?.metadata;
+    return extractFeeItems(fees, totalUsd, relayQuoteMetadata);
   }, [quote, fallbackFees]);
   const isExpandable = expandedItems.length > 0 && !isLoading && !valuesNotAvailable;
   return /* @__PURE__ */ React90.createElement(Box, null, /* @__PURE__ */ React90.createElement(
@@ -10697,7 +10672,7 @@ function FeeLineItem({
         content: tooltipText,
         tooltipPosition,
         enableDynamicPositioning: true,
-        maxWidth: tooltipWidth === "wide" ? 205 : void 0
+        maxWidth: tooltipWidth === "wide" ? 250 : void 0
       },
       /* @__PURE__ */ React90.createElement(
         Box,
@@ -10758,7 +10733,7 @@ var EvmWallet = ({ size = 20 }) => /* @__PURE__ */ React91.createElement(
 );
 
 // src/hooks/queries/useWithdrawalQuote.ts
-import { useQuery as useQuery7 } from "@tanstack/react-query";
+import { useQuery as useQuery6 } from "@tanstack/react-query";
 import { useConfig as useConfig2 } from "wagmi";
 
 // src/domains/quote.ts
@@ -10769,18 +10744,18 @@ import {
   getAssetPriceInfo as getAssetPriceInfo2,
   getMoonpayBuyQuoteForCreditCard
 } from "@funkit/api-base";
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8 } from "@funkit/chains";
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7 } from "@funkit/chains";
 import { estimateGas, getGasPrice } from "@wagmi/core";
 import { encodeFunctionData, erc20Abi as erc20Abi2, formatEther } from "viem";
 import { zkSync } from "viem/zksync";
 
 // src/utils/moonpay.ts
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7 } from "@funkit/chains";
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6 } from "@funkit/chains";
 var MINIMUM_MOONPAY_DEPOSIT_AMOUNT_USD = 35;
 var MINIMUM_DEFI_MOONPAY_DEPOSIT_AMOUNT_USD = 25;
 var MAXIMUM_MOONPAY_DEPOSIT_AMOUNT_USD = 1e4;
 var generateMoonpayCurrencyCode = (tokenSymbol, chainId) => {
-  let moonpayChainName = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7[chainId]?.moonpayChainName;
+  let moonpayChainName = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6[chainId]?.moonpayChainName;
   if (moonpayChainName == null) {
     throw new Error("MoonPay not supported on testnets");
   }
@@ -10846,7 +10821,7 @@ async function evaluateAccountWalletFees({
   apiKey,
   isWithdrawal
 }) {
-  const nativeCurrencySymbol = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8[selectedSourceAssetInfo.chainId]?.nativeCurrency.symbol || "";
+  const nativeCurrencySymbol = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7[selectedSourceAssetInfo.chainId]?.nativeCurrency.symbol || "";
   const walletCheckoutFees = {
     paymentMethod: "balance" /* ACCOUNT_BALANCE */,
     ...getFunFeeBreakdown(baseQuote),
@@ -11178,12 +11153,13 @@ function useWithdrawalQuote({
   const wagmiConfig = useConfig2();
   const { getWithdrawalDirectExecution } = useCheckoutDirectExecution();
   const { checkoutItem } = useCheckoutContext();
+  const isInstantQuoting = (symbol === "USDC" || symbol === "USDT") && chainId !== "1";
   const isValidAddress = isAddressCompatibleWithChain(
     recipientAddress,
     Number(chainId)
   );
   const enabled = !!apiKey && !!targetAsset && !!sourceAmount && !!recipientAddress && !!chainId && !!symbol && !!isValidAddress && !!checkoutItem;
-  const query = useQuery7({
+  const query = useQuery6({
     queryKey: [
       "withdrawal",
       "quote",
@@ -11220,19 +11196,33 @@ function useWithdrawalQuote({
     retry: false,
     enabled,
     refetchInterval: enabled ? QUOTE_REFRESH_INTERVAL_MS : false,
-    refetchIntervalInBackground: true
+    refetchIntervalInBackground: true,
+    placeholderData: (previousData) => {
+      if (!previousData || !isInstantQuoting) {
+        return void 0;
+      }
+      const prevQuote = previousData.baseQuote.metadata?.relayQuote;
+      if (!prevQuote) {
+        return void 0;
+      }
+      const { chainId: prevChainId, symbol: prevSymbol } = prevQuote?.details?.currencyOut?.currency || {};
+      if (prevChainId?.toString() === chainId && prevSymbol === symbol) {
+        return previousData;
+      }
+    }
   });
   return {
     ...query,
-    quoteEnabled: enabled
+    quoteEnabled: enabled,
+    isInstantQuoting
   };
 }
 
 // src/hooks/queries/useWithdrawalRisk.ts
-import { useQuery as useQuery8 } from "@tanstack/react-query";
+import { useQuery as useQuery7 } from "@tanstack/react-query";
 import { isAddress as isAddress3 } from "viem";
 var useWithdrawalRisk = (apiKey, receiveAddress) => {
-  const query = useQuery8({
+  const query = useQuery7({
     queryKey: ["withdrawal", "addressRisk", apiKey, receiveAddress],
     queryFn: async () => {
       return await hasRisk(apiKey, receiveAddress);
@@ -11252,17 +11242,17 @@ import {
   convertFunToRelayTokenAddress,
   getRelayAssetPriceInfo
 } from "@funkit/fun-relay";
-import { skipToken, useQuery as useQuery10 } from "@tanstack/react-query";
+import { skipToken, useQuery as useQuery9 } from "@tanstack/react-query";
 
 // src/hooks/queries/useErc20Asset.ts
 import { getAssetErc20ByChainAndSymbol } from "@funkit/api-base";
-import { useQuery as useQuery9 } from "@tanstack/react-query";
+import { useQuery as useQuery8 } from "@tanstack/react-query";
 var useErc20Asset = ({
   chainId,
   symbol
 }) => {
   const { apiKey } = useFunkitConfig();
-  const query = useQuery9({
+  const query = useQuery8({
     queryKey: ["erc20Asset", chainId, symbol],
     queryFn: async () => {
       if (!apiKey || !chainId || !symbol) {
@@ -11311,7 +11301,7 @@ function useAssetAddressPrice({
   refetchInterval = 1e4
 }) {
   const { apiKey } = useFunkitConfig();
-  const { data, error, isLoading } = useQuery10({
+  const { data, error, isLoading } = useQuery9({
     queryKey: ["getAssetPriceInfo", chainId, assetTokenAddress],
     queryFn: chainId && assetTokenAddress ? async () => {
       const isRelayPrimary = RELAY_SHORT_CIRCUIT_CHAIN_IDS.includes(chainId);
@@ -12082,8 +12072,9 @@ function useWithdrawalAssets(config) {
 }
 function getRelayOutputCurrencyAmount(quote, fallback2) {
   try {
+    const relayQuote = quote.baseQuote;
     return Number.parseFloat(
-      quote?.baseQuote.metadata?.relayQuote.details.currencyOut.amountFormatted
+      relayQuote.metadata?.relayQuote?.details?.currencyOut?.amountFormatted || "0"
     ) || fallback2 || 0;
   } catch (error) {
     logger.error("Error getting relay output currency amount:", error);
@@ -12100,9 +12091,11 @@ var WithdrawContent = ({
   onContinue,
   config,
   withdrawalItem
+  // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: <explanation>
 }) => {
   const sourceTokenBalance = withdrawalItem?.withdrawalSourceTokenBalance?.() || 0;
   const token = config.sourceTokenSymbol;
+  const [confirmingQuote, setConfirmingQuote] = useState27(false);
   const [recipientAddress, setRecipientAddress] = useState27("");
   const [amount, setAmount] = useState27("");
   const [debouncedAmount] = useDebounce(amount, 500);
@@ -12150,7 +12143,9 @@ var WithdrawContent = ({
     isLoading: isQuoteLoading,
     data: quote,
     error: quoteErrorObject,
-    quoteEnabled
+    quoteEnabled,
+    isPlaceholderData,
+    isInstantQuoting
   } = useWithdrawalQuote({
     withdrawalClient: config.wallet,
     recipientAddress,
@@ -12171,6 +12166,13 @@ var WithdrawContent = ({
       onContinue(withdrawal, txHash);
     }
   });
+  useEffect27(() => {
+    if (!isPlaceholderData && !isQuoteLoading && isInstantQuoting && confirmingQuote) {
+      setTimeout(() => {
+        setConfirmingQuote(false);
+      }, 150);
+    }
+  }, [isPlaceholderData, confirmingQuote, isQuoteLoading, isInstantQuoting]);
   const showCheckAddressAlert = false;
   const wallets = usePreparedWalletConnectors();
   const { loginType } = useGeneralWallet();
@@ -12178,6 +12180,7 @@ var WithdrawContent = ({
   const connectedWalletIconUrl = wallets.find(
     (wallet) => wallet.id === connector?.id
   )?.iconUrl;
+  const normalizedSelectedToken = selectedToken.toUpperCase();
   const isValidAddress = isAddressSupported(recipientAddress);
   const isValidAddressAndChain = isAddressCompatibleWithChain(
     recipientAddress,
@@ -12214,6 +12217,10 @@ var WithdrawContent = ({
     updateWithdrawalSourceAssetAmount(sourceTokenBalance);
   };
   const handleSubmit = () => {
+    if (isPlaceholderData || isQuoteLoading && isInstantQuoting) {
+      setConfirmingQuote(true);
+      return;
+    }
     if (!quote) {
       throw new Error("Quote is not available");
     }
@@ -12230,6 +12237,9 @@ var WithdrawContent = ({
   };
   const { data: addressAssessment, isLoading: isCheckingAddressRisk } = useWithdrawalRisk(apiKey, recipientAddress);
   const getWithdrawButtonText = () => {
+    if (confirmingQuote) {
+      return "Confirming quote";
+    }
     if (isWithdrawing) {
       return "Processing";
     }
@@ -12245,7 +12255,7 @@ var WithdrawContent = ({
     return "Withdraw";
   };
   const getAlertMessage = () => {
-    const chainName = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9[selectedChainId]?.name;
+    const chainName = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8[selectedChainId]?.name;
     if (chainName) {
       return `Please ensure the address supports receiving ${selectedToken} on ${chainName}.`;
     }
@@ -12254,15 +12264,14 @@ var WithdrawContent = ({
   const bottomSectionRef = useBottomSectionRef("withdrawal");
   const showAddressError = addressInputTouched && !isValidAddress && recipientAddress !== "";
   const showAmountError = amountInputTouched && amount !== "" && !isWithdrawAmountValid;
-  const canContinue = recipientAddress && amount && token && selectedChainId && !isQuoteLoading && !showAmountError && !showAddressError && !isCheckingAddressRisk && !addressAssessment && isValidAddressAndChain && amount === debouncedAmount;
+  const canContinue = recipientAddress && amount && token && selectedChainId && (!isQuoteLoading || isInstantQuoting) && !showAmountError && !showAddressError && !isCheckingAddressRisk && !addressAssessment && isValidAddressAndChain && amount === debouncedAmount;
   const { totalImpactUsd, gasUsd } = extractRelayFeeInfo(
-    quote?.baseQuote?.metadata?.relayQuote || {}
+    quote?.baseQuote?.metadata
   );
-  const receiveAmountCrypto = quote ? getRelayOutputCurrencyAmount(quote.finalEstimation, targetAssetAmount) : 0;
-  const receiveAmountFiat = quote ? Number(debouncedAmount || 0) : 0;
+  const receiveAmountCrypto = quote ? getRelayOutputCurrencyAmount(quote.finalEstimation, targetAssetAmount) : isInstantQuoting ? Number(amount) : 0;
+  const receiveAmountFiat = quote || isInstantQuoting ? Number(debouncedAmount || 0) : 0;
   const receiveAmountFiatTotal = receiveAmountFiat - totalImpactUsd - gasUsd;
   const withdrawButtonText = getWithdrawButtonText();
-  const normalizedSelectedToken = selectedToken.toUpperCase();
   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,
     {
@@ -12376,7 +12385,7 @@ var WithdrawContent = ({
       alwaysOpenToTop: true,
       maxTokenDropdownHeight: 195
     }
-  ), /* @__PURE__ */ React93.createElement(Box, { display: "flex", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React93.createElement(Text, { size: "12" }, "You will receive"), isQuoteLoading ? /* @__PURE__ */ React93.createElement(FunSkeletonBlock, { height: "14", width: "54" }) : /* @__PURE__ */ React93.createElement(
+  ), /* @__PURE__ */ React93.createElement(Box, { display: "flex", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React93.createElement(Text, { size: "12" }, "You will receive"), isQuoteLoading && !isInstantQuoting ? /* @__PURE__ */ React93.createElement(FunSkeletonBlock, { height: "14", width: "54" }) : /* @__PURE__ */ React93.createElement(
     Box,
     {
       display: "flex",
@@ -12389,7 +12398,7 @@ var WithdrawContent = ({
     PaymentFeesSummary,
     {
       fallbackFees: FALLBACK_FEES,
-      isLoading: isQuoteLoading,
+      isLoading: isQuoteLoading && !isInstantQuoting,
       quote: quote?.finalEstimation,
       key: `${isQuoteLoading}`,
       valuesNotAvailable: !quoteEnabled
@@ -12415,7 +12424,7 @@ var WithdrawContent = ({
         actionButtonProps: {
           title: withdrawButtonText,
           isDisabled: !canContinue || isWithdrawing,
-          isLoading: isWithdrawing,
+          isLoading: isWithdrawing || confirmingQuote,
           onClick: handleSubmit
         }
       }
@@ -12537,7 +12546,7 @@ function useSIWFarcasterListener(channelToken) {
 import {
   getAllWalletTokens
 } from "@funkit/api-base";
-import { keepPreviousData, useQuery as useQuery11 } from "@tanstack/react-query";
+import { keepPreviousData, useQuery as useQuery10 } from "@tanstack/react-query";
 import { arbitrum as arbitrum2, polygon as polygon4 } from "viem/chains";
 import { useAccount as useAccount4 } from "wagmi";
 import { isTokenEquivalent as isTokenEquivalent2 } from "@funkit/utils";
@@ -12626,7 +12635,7 @@ var useWalletAssets = ({
 } = {}) => {
   const { address, isConnected } = useAccount4();
   const { apiKey } = useFunkitConfig();
-  const { data, isLoading, isFetching } = useQuery11({
+  const { data, isLoading, isFetching } = useQuery10({
     queryKey: ["getWalletAssets", address, apiKey],
     queryFn: ({ queryKey: [_, addr, key] }) => fetchAssets(addr, key),
     placeholderData: keepPreviousData,
@@ -12704,7 +12713,7 @@ function FunTxSummaryLineItemKeyText({ text }) {
 
 // src/components/FunButton/FunRedirectButton.tsx
 import React97 from "react";
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO10 } from "@funkit/chains";
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9 } from "@funkit/chains";
 
 // src/components/Icons/RedirectIcon.tsx
 import React96 from "react";
@@ -12763,7 +12772,7 @@ var AddressRedirectButton = ({
   address,
   customRedirectUrl
 }) => {
-  const explorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO10[chainId]?.explorerInfo;
+  const explorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9[chainId]?.explorerInfo;
   return /* @__PURE__ */ React97.createElement(
     FunRedirectButton,
     {
@@ -12777,7 +12786,7 @@ var TransactionRedirectButton = ({
   txHash,
   customRedirectUrl
 }) => {
-  const explorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO10[chainId]?.explorerInfo;
+  const explorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9[chainId]?.explorerInfo;
   return /* @__PURE__ */ React97.createElement(
     FunRedirectButton,
     {
@@ -12814,7 +12823,7 @@ import {
   getBridgeCustomer,
   getFrogAccount
 } from "@funkit/api-base";
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO11 } from "@funkit/chains";
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO10 } from "@funkit/chains";
 import { ResourceNotFoundError } from "@funkit/utils";
 async function fetchFrogAccounts(walletAddress, params) {
   const { logger: logger2 } = params;
@@ -12858,7 +12867,7 @@ async function fetchAllFiatAccounts(bridgeSubAccount, params) {
 }
 function getMatchingBankAccount(accounts, targetChain, targetAddress) {
   const { bankAccounts } = accounts;
-  const chainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO11[targetChain];
+  const chainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO10[targetChain];
   if (!bankAccounts || !chainInfo) {
     return void 0;
   }
@@ -12903,9 +12912,9 @@ import {
   createBridgeBankAccount,
   getBridgeKycLink
 } from "@funkit/api-base";
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO12 } from "@funkit/chains";
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO11 } from "@funkit/chains";
 import { FlagKey as FlagKey16 } from "@funkit/utils";
-import { useQuery as useQuery12, useQueryClient } from "@tanstack/react-query";
+import { useQuery as useQuery11, useQueryClient } from "@tanstack/react-query";
 import { useCallback as useCallback18 } from "react";
 var sepaCountryCode = [
   // EU countries that are part of SEPA
@@ -12991,7 +13000,7 @@ function useFiatEnabled() {
 function useFrogAccounts() {
   const { apiKey } = useFunkitConfig();
   const { walletAddress } = useGeneralWallet();
-  const query = useQuery12({
+  const query = useQuery11({
     queryKey: ["frogSubAccounts", walletAddress],
     queryFn: () => fetchFrogAccounts(walletAddress, { apiKey, logger }),
     enabled: !!walletAddress,
@@ -13027,7 +13036,7 @@ function useVirtualFiatAccounts() {
   const bridgeSubAccount = frogSubAccounts?.find(
     (subAccount) => subAccount.subAccountType === "bridge"
   );
-  const query = useQuery12({
+  const query = useQuery11({
     queryKey: ["useVirtualFiatAccounts", bridgeSubAccount?.guid],
     queryFn: () => fetchAllFiatAccounts(bridgeSubAccount, { apiKey, logger }),
     enabled: !!bridgeSubAccount,
@@ -13054,7 +13063,7 @@ function useMatchingVirtualFiatAccount(accounts) {
 }
 function useLoadKycLink(linkLoad) {
   const { apiKey } = useFunkitConfig();
-  const query = useQuery12({
+  const query = useQuery11({
     queryKey: ["kycLink", linkLoad.guid],
     queryFn: async () => {
       if (linkLoad.kycLink) {
@@ -13083,7 +13092,7 @@ function useCreateVirtualBankAccount() {
   const targetChainId = checkoutConfig?.targetChain;
   const { transferInit, recipientAddr } = useCheckoutTransferInit();
   const destinationAddress = transferInit?.depositAddr || recipientAddr;
-  const chainName = targetChainId && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO12[targetChainId]?.name?.toLowerCase();
+  const chainName = targetChainId && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO11[targetChainId]?.name?.toLowerCase();
   const subAccountId = allFiatAccounts?.bridgeCustomer?.id;
   const { clearVirtualFiatAccounts } = useClearFrogAccountsCache();
   const handleCreateVirtualFiatAccount = useCallback18(async () => {
@@ -13134,7 +13143,7 @@ var useWalletLabel = () => {
 // src/modals/CheckoutModal/useWalletAssetHoldings.ts
 import {
   FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS as FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS3,
-  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO13
+  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO12
 } from "@funkit/chains";
 import { useMemo as useMemo13 } from "react";
 
@@ -13154,14 +13163,14 @@ var processWalletAssets = (walletAssets, targetChain) => {
   if (!walletAssets) {
     return;
   }
-  const targetChainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO13[targetChain];
+  const targetChainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO12[targetChain];
   const isCheckoutOnMainnet = targetChainInfo?.isMainnet;
   return Object.values(walletAssets).reduce(
     (result, asset) => {
       if (!asset.symbol || !asset.contractAddress) {
         return result;
       }
-      const assetChainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO13[asset.chainId];
+      const assetChainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO12[asset.chainId];
       const isAssetOnMainnet = assetChainInfo?.isMainnet;
       if (isCheckoutOnMainnet && !isAssetOnMainnet) {
         return result;
@@ -13208,7 +13217,7 @@ function useWalletAssetHoldings(targetChain) {
 
 // src/config/getDefaultConfig.ts
 import {
-  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO14,
+  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO13,
   FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST
 } from "@funkit/chains";
 import { fallback } from "viem";
@@ -13905,7 +13914,7 @@ var createDefaultTransports = (chains) => {
   const transportsObject = {};
   for (const chain of chains) {
     const key = chain.id;
-    const fallbackRpcs = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO14[key]?.fallbackRpcUrls;
+    const fallbackRpcs = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO13[key]?.fallbackRpcUrls;
     if (fallbackRpcs && fallbackRpcs.length > 0) {
       transportsObject[key] = fallback([
         http(),
@@ -15153,9 +15162,6 @@ function useCheckoutQuoteNotification() {
   };
 }
 
-// src/modals/CheckoutModal/stepTransition.ts
-import { FlagKey as FlagKey31 } from "@funkit/utils";
-
 // src/modals/CheckoutModal/VirtualFiatAccount/BridgeCustomer.tsx
 import React112 from "react";
 
@@ -18298,11 +18304,11 @@ function ConfirmationStep({
   const uiCustomizations = funkitConfig.uiCustomizations?.confirmationScreen;
   const customRecipient = checkoutItem?.initSettings.config.customRecipient;
   const showKatanaBridgeAlert = useMemo19(() => {
-    const relayQuote = latestQuote?.baseQuote?.metadata?.relayQuote;
-    if (!relayQuote) {
+    const relayQuoteMetadata = latestQuote?.baseQuote?.metadata;
+    if (!relayQuoteMetadata) {
       return false;
     }
-    const { swapImpact, appFeePercent } = extractRelayFeeInfo(relayQuote);
+    const { swapImpact, appFeePercent } = extractRelayFeeInfo(relayQuoteMetadata);
     return isKatanaCustomer(funkitConfig.apiKey) && // Don't take totalImpact, just sum swapImpact and appFeePercent
     // https://fun-xyz.slack.com/archives/C08PVUDA1M2/p1752179735981389?thread_ts=1752176009.628309&cid=C08PVUDA1M2
     swapImpact + appFeePercent > KATANA_BRIDGE_ALERT_THRESHOLD_PERCENT;
@@ -18519,7 +18525,7 @@ import React164, { useEffect as useEffect37 } from "react";
 
 // src/hooks/queries/useMeldCurrencies.ts
 import { getMeldSupportedFiat } from "@funkit/api-base";
-import { useQuery as useQuery13 } from "@tanstack/react-query";
+import { useQuery as useQuery12 } from "@tanstack/react-query";
 var getPriority = (currencyCode) => {
   if (currencyCode === "USD") {
     return 0;
@@ -18531,7 +18537,7 @@ var getPriority = (currencyCode) => {
 };
 var useMeldCurrencies = (isEnabled = true) => {
   const { apiKey } = useFunkitConfig();
-  const query = useQuery13({
+  const query = useQuery12({
     queryKey: ["meld", "currencies"],
     queryFn: async () => {
       if (!apiKey) {
@@ -18557,7 +18563,7 @@ var useMeldCurrencies = (isEnabled = true) => {
 
 // src/hooks/queries/useMeldDefaultCurrency.ts
 import { getMeldDefaultFiat } from "@funkit/api-base";
-import { useQuery as useQuery14 } from "@tanstack/react-query";
+import { useQuery as useQuery13 } from "@tanstack/react-query";
 
 // src/hooks/queries/useMeldCryptoCurrencyCode.ts
 import { FlagKey as FlagKey20 } from "@funkit/utils";
@@ -18603,7 +18609,7 @@ var useMeldDefaultCurrency = (paymentMethod) => {
   const { apiKey } = useFunkitConfig();
   const { userIpInfo } = useFunkitUserIp();
   const enableMeld = useIsMeldEnabled();
-  const query = useQuery14({
+  const query = useQuery13({
     queryKey: ["meld", "defaultCurrency", paymentMethod],
     queryFn: async () => {
       if (!apiKey) {
@@ -18628,13 +18634,13 @@ var useMeldDefaultCurrency = (paymentMethod) => {
 // src/hooks/queries/useMeldLimits.ts
 import { getMeldFiatLimits } from "@funkit/api-base";
 import { formatCurrencyAndStringify as formatCurrencyAndStringify6 } from "@funkit/utils";
-import { useQuery as useQuery15 } from "@tanstack/react-query";
+import { useQuery as useQuery14 } from "@tanstack/react-query";
 var useMeldLimits = (isEnabled = true) => {
   const { apiKey } = useFunkitConfig();
   const { userIpInfo } = useFunkitUserIp();
   const cryptoCurrency = useMeldCryptoCurrencyCode();
   const countryCode = userIpInfo?.alpha2;
-  const query = useQuery15({
+  const query = useQuery14({
     queryKey: ["meld", "limits", countryCode, cryptoCurrency],
     queryFn: async () => {
       if (!apiKey || !countryCode) {
@@ -18828,6 +18834,7 @@ var providerLabelMap = {
   ONRAMPMONEY: "Onramp Money",
   PAYBIS: "Paybis",
   RAMP: "Ramp",
+  REVOLUT: "Revolut",
   ROBINHOOD: "Robinhood",
   SARDINE: "Sardine",
   SHIFT4: "Shift4",
@@ -19852,7 +19859,7 @@ var useMeldLink = (sourceAmount, sourceCurrencyCode = "USD") => {
 
 // src/modals/CheckoutModal/MeldQuotes/useMeldQuotes.tsx
 import { getMeldQuotes } from "@funkit/api-base";
-import { useQuery as useQuery16 } from "@tanstack/react-query";
+import { useQuery as useQuery15 } from "@tanstack/react-query";
 import { useDebounce as useDebounce2 } from "use-debounce";
 var DEBOUNCE_DELAY = 500;
 var COUNTDOWN_INTERVAL_SEC = 60;
@@ -19864,7 +19871,7 @@ var useMeldQuotes = (sourceAmount, fiatCurrency) => {
   const { isAway } = useUserPresence();
   const destinationCurrencyCode = useMeldCryptoCurrencyCode();
   const sourceCurrencyCode = fiatCurrency || "USD";
-  const query = useQuery16({
+  const query = useQuery15({
     queryKey: [
       "meld",
       "quotes",
@@ -20452,7 +20459,7 @@ function InputAmountLoaded({
   textCustomizations
 }) {
   const maxCheckoutUsdString = useFlag(FlagKey23.MaxCheckoutUsd);
-  const isSourceNavWidgetEnabled = useFlag(FlagKey23.EnableSourceNavigationWidget);
+  const isSourceNavWidgetEnabled = modalState.startingStep === "select_asset" /* SELECT_ASSET */;
   const { paymentMethod } = modalState.paymentMethodInfo;
   const { quote: manuallySelectedQuote } = modalState;
   const isCardCheckout = paymentMethod === "card" /* CARD */;
@@ -20762,7 +20769,7 @@ function YouPayYouReceiveWrapper({
 }
 
 // src/modals/CheckoutModal/InputAmount/InputAmountLoading.tsx
-import { FlagKey as FlagKey24, formatCryptoAndStringify as formatCryptoAndStringify6 } from "@funkit/utils";
+import { formatCryptoAndStringify as formatCryptoAndStringify6 } from "@funkit/utils";
 import React163, { useMemo as useMemo21 } from "react";
 function InputAmountLoading({
   modalState,
@@ -20772,7 +20779,7 @@ function InputAmountLoading({
   const { paymentMethodInfo } = modalState;
   const { checkoutItem } = useCheckoutContext();
   const meldEnabled = useIsMeldEnabled();
-  const isSourceNavWidgetEnabled = useFlag(FlagKey24.EnableSourceNavigationWidget);
+  const isSourceNavWidgetEnabled = modalState.startingStep === "select_asset" /* SELECT_ASSET */;
   const targetAssetAmount = checkoutItem?.initSettings.config.targetAssetAmount;
   const targetAssetTicker = checkoutItem?.initSettings.config.targetAssetTicker;
   const error = useMemo21(() => {
@@ -20975,20 +20982,20 @@ function InputAmount(props) {
 import React167, { useEffect as useEffect38 } from "react";
 
 // src/domains/wallet.ts
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO15, dydxChain as dydxChain2 } from "@funkit/chains";
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO14, dydxChain as dydxChain2 } from "@funkit/chains";
 import { isNotNullish as isNotNullish7 } from "@funkit/utils";
 import { mainnet as mainnet6, polygon as polygon6 } from "viem/chains";
 var ASSETS_LOW_VALUE_THRESHOLD2 = 0.1;
 
 // src/hooks/usePaymentSources.ts
-import { FlagKey as FlagKey25, isNotNullish as isNotNullish8 } from "@funkit/utils";
+import { FlagKey as FlagKey24, isNotNullish as isNotNullish8 } from "@funkit/utils";
 function usePaymentMethodEnablement({
   checkoutConfig
 }) {
   const { apiKey, uiCustomizations } = useFunkitConfig();
-  const isTokenTransferFlagEnabled = useFlag(FlagKey25.EnableTokenTransfer);
+  const isTokenTransferFlagEnabled = useFlag(FlagKey24.EnableTokenTransfer);
   const isFiatFlagEnabled = useFiatEnabled();
-  const isCardFlagEnabled = useFlag(FlagKey25.EnableCard);
+  const isCardFlagEnabled = useFlag(FlagKey24.EnableCard);
   const isKatanaEarnFlowAction = isKatanaEarnFlow({ apiKey, checkoutConfig });
   const isUsKatanaUser = useIsUsKatanaUser();
   const isFiatEnabled = isFiatFlagEnabled && !isKatanaEarnFlowAction;
@@ -21200,13 +21207,20 @@ function FunAssetLoading({ count = 3 }) {
 var LoadingAccountInfo = {
   Component: LoadingAccount,
   onNext(state, payload) {
-    if (payload.startingStep === "confirmation" /* CONFIRMATION */ && payload.paymentMethodInfo) {
+    if (state.startingStep === "confirmation" /* CONFIRMATION */ && payload.paymentMethodInfo) {
       return {
         ...state,
         step: "confirmation" /* CONFIRMATION */,
         paymentMethodInfo: payload.paymentMethodInfo
       };
     }
+    if (state.startingStep === "select_asset" /* SELECT_ASSET */ && payload.chosenPaymentMethod === "balance" /* ACCOUNT_BALANCE */ && payload.paymentMethodInfo) {
+      return {
+        ...state,
+        step: "select_asset" /* SELECT_ASSET */,
+        paymentMethodInfo: payload.paymentMethodInfo
+      };
+    }
     switch (payload.chosenPaymentMethod) {
       case "balance" /* ACCOUNT_BALANCE */:
       case "brokerage" /* BROKERAGE */:
@@ -21243,7 +21257,7 @@ var hasSufficientAsset = (walletAssets, targetChainId, threshold = ASSETS_LOW_VA
     return (availableAmount ?? 0) >= threshold;
   });
 };
-function handleSufficientAssetRedirect(isDefiMode, hasCustomStartingStep, isOstiumCustomer2, walletAddress, updateSelectedPaymentMethodInfo, onNext, checkoutConfig) {
+function handleSufficientAssetRedirect(isDefiMode, hasCustomStartingStep, isOstiumCustomer2, walletAddress, updateSelectedPaymentMethodInfo, onNext) {
   const paymentMethodInfo = createPaymentMethodInfo({
     paymentMethod: "balance" /* ACCOUNT_BALANCE */,
     walletAddress
@@ -21252,8 +21266,7 @@ function handleSufficientAssetRedirect(isDefiMode, hasCustomStartingStep, isOsti
   if (isDefiMode || hasCustomStartingStep || isOstiumCustomer2) {
     return onNext({
       chosenPaymentMethod: null,
-      paymentMethodInfo,
-      startingStep: checkoutConfig?.startingStep
+      paymentMethodInfo
     });
   }
   return onNext({
@@ -21294,10 +21307,22 @@ function LoadingAccount({
   });
   const hasCustomStartingStep = !!checkoutConfig?.startingStep;
   const startsOnConfirmationStep = checkoutConfig?.startingStep === "confirmation" /* CONFIRMATION */;
+  const startsOnSelectAssetStep = checkoutConfig?.startingStep === "select_asset" /* SELECT_ASSET */;
   useEffect38(() => {
     if (isLoadingFlags || isLoadingFiat || !checkoutConfig) {
       return;
     }
+    if (startsOnSelectAssetStep) {
+      const paymentMethodInfo = createPaymentMethodInfo({
+        paymentMethod: "balance" /* ACCOUNT_BALANCE */,
+        walletAddress
+      });
+      updateSelectedPaymentMethodInfo(paymentMethodInfo);
+      return onNext({
+        chosenPaymentMethod: "balance" /* ACCOUNT_BALANCE */,
+        paymentMethodInfo
+      });
+    }
     if (!startsOnConfirmationStep) {
       return onNext({ chosenPaymentMethod: null });
     }
@@ -21309,8 +21334,7 @@ function LoadingAccount({
         isOstiumCustomer(apiKey),
         walletAddress,
         updateSelectedPaymentMethodInfo,
-        onNext,
-        checkoutConfig
+        onNext
       );
     }
     if (isFetchingAssets) {
@@ -21328,6 +21352,7 @@ function LoadingAccount({
   }, [
     hasCustomStartingStep,
     startsOnConfirmationStep,
+    startsOnSelectAssetStep,
     isDefiMode,
     isLoadingFlags,
     isLoadingFiat,
@@ -21654,11 +21679,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 {
-  FlagKey as FlagKey27,
-  formatCurrencyAndStringify as formatCurrencyAndStringify12,
-  isTokenEquivalent as isTokenEquivalent6
-} from "@funkit/utils";
+import { formatCurrencyAndStringify as formatCurrencyAndStringify12, isTokenEquivalent as isTokenEquivalent6 } from "@funkit/utils";
 import React174, { useEffect as useEffect40, useMemo as useMemo27, useState as useState45 } from "react";
 import { createPortal as createPortal11 } from "react-dom";
 
@@ -21755,13 +21776,13 @@ var ReceiveTokenDropdown = ({
 
 // src/components/NewTokenDepositAlert/NewTokenDepositAlert.tsx
 import React173 from "react";
-import { FlagKey as FlagKey26, safeParseJson as safeParseJson5 } from "@funkit/utils";
+import { FlagKey as FlagKey25, safeParseJson as safeParseJson5 } from "@funkit/utils";
 var NewTokenDepositAlert = ({
   onClick
 }) => {
-  const alertJson = useFlag(FlagKey26.NewTokenAssetSelectionBanner);
+  const alertJson = useFlag(FlagKey25.NewTokenAssetSelectionBanner);
   const alertData = safeParseJson5(alertJson);
-  const isTokenTransferEnabled = useFlag(FlagKey26.EnableTokenTransfer);
+  const isTokenTransferEnabled = useFlag(FlagKey25.EnableTokenTransfer);
   if (!alertData || !isTokenTransferEnabled) {
     return null;
   }
@@ -21788,12 +21809,12 @@ var NewTokenDepositAlert = ({
 
 // src/hooks/useAllowedAssets.ts
 import { getAllowedAssets } from "@funkit/api-base";
-import { useQuery as useQuery17 } from "@tanstack/react-query";
+import { useQuery as useQuery16 } from "@tanstack/react-query";
 import { useCallback as useCallback30, useMemo as useMemo26 } from "react";
 function useAllowedAssets() {
   const { apiKey } = useFunkitConfig();
   const isRelayEnabled = useSourceTokenRelayEnabled();
-  const { data: allowedAssets, isLoading } = useQuery17({
+  const { data: allowedAssets, isLoading } = useQuery16({
     queryKey: ["getAllowedAssets", apiKey],
     queryFn: () => getAllowedAssets({ apiKey, logger }),
     refetchOnMount: false,
@@ -22250,9 +22271,9 @@ var SelectAssetInfoSection = ({
   totalBalance,
   paymentMethodInfo,
   onSelectSource,
-  onTokenTransfer
+  onTokenTransfer,
+  isSourceNavWidgetEnabled
 }) => {
-  const isSourceNavWidgetEnabled = useFlag(FlagKey27.EnableSourceNavigationWidget);
   const { checkoutItem } = useCheckoutContext();
   const label = usePaymentMethodInfoLabel(paymentMethodInfo, 16);
   const isDefiMode = checkoutItem?.initSettings.config.isDefiMode;
@@ -22276,7 +22297,8 @@ function SelectWalletAsset({
   onFinish,
   onSelectSource,
   onTokenTransfer,
-  onClose
+  onClose,
+  isSourceNavWidgetEnabled
 }) {
   const { data, isLoading, totalBalance } = useWalletAssetHoldings(targetChainId);
   return /* @__PURE__ */ React174.createElement(React174.Fragment, null, /* @__PURE__ */ React174.createElement(
@@ -22285,7 +22307,8 @@ function SelectWalletAsset({
       paymentMethodInfo,
       totalBalance,
       onTokenTransfer,
-      onSelectSource
+      onSelectSource,
+      isSourceNavWidgetEnabled
     }
   ), /* @__PURE__ */ React174.createElement(
     MeshOrAccountSelectAsset,
@@ -22319,7 +22342,8 @@ function SelectAsset({
       onFinish: handleFinish,
       onSelectSource: handleSelectSource,
       onTokenTransfer: handleTokenTransfer,
-      onClose
+      onClose,
+      isSourceNavWidgetEnabled: modalState.startingStep === "select_asset" /* SELECT_ASSET */
     }
   ) : /* @__PURE__ */ React174.createElement(React174.Fragment, null));
 }
@@ -22351,7 +22375,7 @@ var DefiPurchaseSection = ({ config }) => {
 
 // src/modals/CheckoutModal/SourceChange/useUpdateSourceAssetForCard.ts
 import {
-  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO16,
+  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO15,
   dydxChain as dydxChain3,
   katanaChain
 } from "@funkit/chains";
@@ -22377,7 +22401,7 @@ var pickSourceAssetForCard = async (checkoutItem, userIpInfo) => {
   const wethAddrOnTargetChain = (await getTokenAddressBySymbolAndChainId2("weth", moonpayChainId)).toLowerCase();
   const isTargetAssetEthOrWeth = [NATIVE_TOKEN, wethAddrOnTargetChain].includes(
     checkoutItem.initSettings.config.targetAsset
-  ) && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO16[moonpayChainId]?.nativeCurrency.symbol === "ETH" /* ETH */;
+  ) && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO15[moonpayChainId]?.nativeCurrency.symbol === "ETH" /* ETH */;
   let sourceTokenAddress;
   let sourceTokenTicker;
   let sourceTokenChainId;
@@ -22720,7 +22744,6 @@ function SourceChange({
 }
 
 // src/modals/CheckoutModal/TransferToken/TransferToken.tsx
-import { FlagKey as FlagKey29 } from "@funkit/utils";
 import { motion as motion9, useAnimationControls as useAnimationControls3 } from "motion/react";
 import React188, { useRef as useRef17, useState as useState51 } from "react";
 import { createPortal as createPortal13 } from "react-dom";
@@ -23406,13 +23429,13 @@ var TransferTokenDetails = ({
 
 // src/hooks/useTokenTransfer.ts
 import { solanaChain as solanaChain4 } from "@funkit/chains";
-import { FlagKey as FlagKey28 } from "@funkit/utils";
+import { FlagKey as FlagKey26 } from "@funkit/utils";
 import { useMemo as useMemo29 } from "react";
 import { mainnet as mainnet8, polygon as polygon7 } from "viem/chains";
 var useTokenTransfer = (selectedChainId, selectedToken, chainIds) => {
   const { checkoutItem } = useCheckoutContext();
   const enableUniversal = useFlag(
-    FlagKey28.EnableTokenTransferUniversalDepositAddress,
+    FlagKey26.EnableTokenTransferUniversalDepositAddress,
     false
   );
   const estPriceImpact = usePriceImpactEstimation(selectedToken);
@@ -23446,7 +23469,7 @@ var useTokenTransfer = (selectedChainId, selectedToken, chainIds) => {
 };
 var useMinTransferLimits = () => {
   const { userIpInfo } = useFunkitUserIp();
-  const minTransferValueJsonString = useFlag(FlagKey28.MinTokenTransferValue);
+  const minTransferValueJsonString = useFlag(FlagKey26.MinTokenTransferValue);
   const minTransferValue = safeJSONParse(
     minTransferValueJsonString
   );
@@ -23526,7 +23549,7 @@ function TransferToken({
 }) {
   const controls = useAnimationControls3();
   const [qrCodeHover, setQrCodeHover] = useState51(false);
-  const isSourceNavWidgetEnabled = useFlag(FlagKey29.EnableSourceNavigationWidget);
+  const isSourceNavWidgetEnabled = modalState.startingStep === "select_asset" /* SELECT_ASSET */;
   const { textCustomizations } = useFunkitConfig();
   const { checkoutItem } = useCheckoutContext();
   const checkoutConfig = checkoutItem?.initSettings.config;
@@ -23768,7 +23791,6 @@ function TransferToken({
 }
 
 // src/modals/CheckoutModal/VirtualFiatAccount/FiatAccountDetail.tsx
-import { FlagKey as FlagKey30 } from "@funkit/utils";
 import React194, { useState as useState52 } from "react";
 
 // src/components/Tabs/Tabs.tsx
@@ -24053,7 +24075,7 @@ var AccountDetailsScreen = ({
   const label = usePaymentMethodInfoLabel(paymentMethodInfo);
   const { appName } = useFunkitConfig();
   const { animation, animate } = useAnimatedNavigation(void 0);
-  const isSourceNavWidgetEnabled = useFlag(FlagKey30.EnableSourceNavigationWidget);
+  const isSourceNavWidgetEnabled = modalState.startingStep === "select_asset" /* SELECT_ASSET */;
   const [activeTab, setActiveTab] = useState52(0);
   const [detailsExpanded, setDetailsExpanded] = useState52(false);
   const { source_deposit_instructions: sourceDeposit } = matchingFiatAccount;
@@ -24287,7 +24309,8 @@ function extractCommonState(state) {
     checkoutId: state.checkoutId,
     targetChainId: state.targetChainId,
     isSoftHidden: state.isSoftHidden,
-    isDefiMode: state.isDefiMode
+    isDefiMode: state.isDefiMode,
+    startingStep: state.startingStep
   };
 }
 var CheckoutModalSteps = {
@@ -24325,7 +24348,8 @@ function initialState(checkoutItem) {
     checkoutId: checkoutItem.id,
     targetChainId: checkoutItem.initSettings.config.targetChain,
     isSoftHidden: false,
-    isDefiMode: !!checkoutItem.initSettings.config.isDefiMode
+    isDefiMode: !!checkoutItem.initSettings.config.isDefiMode,
+    startingStep: checkoutItem.initSettings.config.startingStep || "source_change" /* SOURCE_CHANGE */
   };
 }
 function useCheckoutModalTransition(checkoutItem, onClose) {
@@ -24432,7 +24456,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
 }
 function useTitleConfig(checkoutItem, state) {
   const { apiKey, textCustomizations } = useFunkitConfig();
-  const isSourceNavWidgetEnabled = useFlag(FlagKey31.EnableSourceNavigationWidget);
+  const isSourceNavWidgetEnabled = state.startingStep === "select_asset" /* SELECT_ASSET */;
   const {
     showFullHeight,
     disableBack = () => false,
@@ -24462,6 +24486,10 @@ var mapHeightToCheckoutStep = {
   ["confirmation" /* CONFIRMATION */]: 825,
   ["checkout_complete" /* CHECKOUT_COMPLETE */]: 825
 };
+function getPermittedHeight(checkoutStep) {
+  const heightOffset = 2;
+  return (checkoutStep ? mapHeightToCheckoutStep[checkoutStep] ?? DEFAULT_HEIGHT : DEFAULT_HEIGHT) - heightOffset;
+}
 function FunCheckoutModalHeightAnimationWrapper({
   children,
   checkoutStep
@@ -24475,7 +24503,7 @@ function FunCheckoutModalHeightAnimationWrapper({
       resizeObserverRef.current = new ResizeObserver((entries) => {
         animationFrameRef.current = requestAnimationFrame(() => {
           const requestedHeight = entries[0].contentRect.height;
-          const permittedHeight2 = checkoutStep ? mapHeightToCheckoutStep[checkoutStep] ?? DEFAULT_HEIGHT : DEFAULT_HEIGHT;
+          const permittedHeight2 = getPermittedHeight(checkoutStep);
           setHeight(
             requestedHeight > permittedHeight2 ? permittedHeight2 : requestedHeight
           );
@@ -24490,7 +24518,7 @@ function FunCheckoutModalHeightAnimationWrapper({
       };
     }
   }, [checkoutStep]);
-  const permittedHeight = checkoutStep ? mapHeightToCheckoutStep[checkoutStep] ?? DEFAULT_HEIGHT : DEFAULT_HEIGHT;
+  const permittedHeight = getPermittedHeight(checkoutStep);
   return /* @__PURE__ */ React196.createElement(
     motion11.div,
     {
@@ -28013,7 +28041,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 FlagKey33 } from "@funkit/utils";
+import { FlagKey as FlagKey28 } from "@funkit/utils";
 import React247, { useRef as useRef26 } from "react";
 
 // src/components/FunCheckoutBlocked/FunCheckoutBlocked.tsx
@@ -28082,13 +28110,13 @@ var FunNotificationShowMoreButton = ({
 import {
   getCheckoutsByUserId as getCheckoutsByUserId2
 } from "@funkit/api-base";
-import { FlagKey as FlagKey32 } from "@funkit/utils";
-import { useQuery as useQuery18 } from "@tanstack/react-query";
+import { FlagKey as FlagKey27 } from "@funkit/utils";
+import { useQuery as useQuery17 } 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(FlagKey32.CheckoutNotificationsRefreshInterval);
+  const str = useFlag(FlagKey27.CheckoutNotificationsRefreshInterval);
   return safeJSONParse(str) || { listRefresh: 50 * 1e3, itemRefresh: 5 * 1e3 };
 }
 var useRecentCheckouts = ({
@@ -28098,7 +28126,7 @@ var useRecentCheckouts = ({
   const { isUserLoggedIn, userInfo } = useGeneralWallet();
   const { apiKey } = useFunkitConfig();
   const { listRefresh } = useCheckoutRefreshInterval();
-  const query = useQuery18({
+  const query = useQuery17({
     queryKey: ["checkouts", userInfo.id],
     queryFn: async () => {
       const checkouts = await getCheckoutsByUserId2({
@@ -28121,7 +28149,7 @@ var useRecentCheckouts = ({
 import {
   getDirectExecutionsByUserId as getDirectExecutionsByUserId2
 } from "@funkit/api-base";
-import { useQuery as useQuery19 } from "@tanstack/react-query";
+import { useQuery as useQuery18 } from "@tanstack/react-query";
 var isRecent2 = (de, timestampCutoff) => de.createdTimeMs > timestampCutoff;
 var useRecentDirectExecutions = ({
   isVisible
@@ -28129,7 +28157,7 @@ var useRecentDirectExecutions = ({
   const { isUserLoggedIn, userInfo } = useGeneralWallet();
   const { apiKey } = useFunkitConfig();
   const { listRefresh } = useCheckoutRefreshInterval();
-  const query = useQuery19({
+  const query = useQuery18({
     queryKey: ["directExecutions", userInfo.id],
     queryFn: async () => {
       const directExecutions = await getDirectExecutionsByUserId2({
@@ -28842,11 +28870,11 @@ var FunNotificationBanner = ({
 import {
   getCheckoutByDepositAddress as getCheckoutByDepositAddress2
 } from "@funkit/api-base";
-import { useQuery as useQuery20 } from "@tanstack/react-query";
+import { useQuery as useQuery19 } from "@tanstack/react-query";
 var useCheckout = (depositAddress, initial) => {
   const { apiKey } = useFunkitConfig();
   const { itemRefresh } = useCheckoutRefreshInterval();
-  const query = useQuery20({
+  const query = useQuery19({
     queryKey: ["checkouts", "checkout", depositAddress],
     queryFn: () => (
       // biome-ignore lint/style/noNonNullAssertion: already checked for null
@@ -29256,7 +29284,7 @@ function FunCheckoutModalInner({
   const isBlocked = isUserGeoblocked || modalState.isBlocked;
   const hasBack = hasHistoryEntry && !disableBack;
   const checkoutConfig = checkoutItem.initSettings.config;
-  const helpButtonUrl = useFlag(FlagKey33.HelpTutorialUrl);
+  const helpButtonUrl = useFlag(FlagKey28.HelpTutorialUrl);
   const { onScroll, topbar, withTopDivider } = useCustomStatusAnimationAboveTopbar({
     depositAddress: checkoutItem.depositAddress ?? void 0,
     isCheckoutDetailView: modalState.step === "checkout_complete" /* CHECKOUT_COMPLETE */,
@@ -31148,18 +31176,18 @@ function cssStringFromTheme(theme, options = {}) {
 }
 
 // src/hooks/useIsFunkitCheckoutActivated.ts
-import { FlagKey as FlagKey34 } from "@funkit/utils";
+import { FlagKey as FlagKey29 } from "@funkit/utils";
 var useIsFunkitCheckoutActivated = () => {
-  const isCheckoutActivated = useFlag(FlagKey34.IsCheckoutActivated);
+  const isCheckoutActivated = useFlag(FlagKey29.IsCheckoutActivated);
   return {
     isActivated: isCheckoutActivated
   };
 };
 
 // src/hooks/useFunkitMaxCheckoutUsdInfo.ts
-import { FlagKey as FlagKey35, formatCurrencyAndStringify as formatCurrencyAndStringify17 } from "@funkit/utils";
+import { FlagKey as FlagKey30, formatCurrencyAndStringify as formatCurrencyAndStringify17 } from "@funkit/utils";
 var useFunkitMaxCheckoutUsdInfo = () => {
-  const maxCheckoutUsd = Number(useFlag(FlagKey35.MaxCheckoutUsd));
+  const maxCheckoutUsd = Number(useFlag(FlagKey30.MaxCheckoutUsd));
   const limitText = maxCheckoutUsd === Number.MAX_VALUE ? "no" : formatCurrencyAndStringify17(maxCheckoutUsd, {
     decimalPrecisionForSuffix: 0,
     minimumSignificantDigits: 0,
@@ -31276,7 +31304,7 @@ function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey5, version);
 }
 function getCurrentSdkVersion() {
-  return "6.0.2";
+  return "6.0.4";
 }
 function useFingerprint() {
   const fingerprint = useCallback50(() => {