@funkit/connect 6.0.3 → 6.0.4

package/dist/index.js

@@ -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";
@@ -3941,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";
 
@@ -3961,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";
@@ -4087,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 {
@@ -4102,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 ({
@@ -4295,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
@@ -4392,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,
@@ -5360,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 {
@@ -5631,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 () => {
@@ -5658,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 () => {
@@ -8512,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,
@@ -10247,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");
@@ -10273,7 +10257,6 @@ function extractRelayFeeInfo(relayQuote) {
     gasUsd,
     fillCostUsd,
     fillCostPercent,
-    chainName,
     totalImpactUsd,
     totalImpact,
     swapImpact,
@@ -10395,7 +10378,7 @@ function formatRelayFee({
   }
   return formatPercent(percent);
 }
-function renderRelayFee(relayQuote, fees, totalUsd) {
+function renderRelayFee(relayQuoteMetadata, fees, totalUsd) {
   const {
     gasUsd,
     totalImpactUsd,
@@ -10406,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;
@@ -10519,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",
@@ -10608,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(
@@ -10750,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
@@ -10761,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");
   }
@@ -10838,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),
@@ -11170,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",
@@ -11212,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);
@@ -11244,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) {
@@ -11303,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);
@@ -12074,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);
@@ -12092,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);
@@ -12142,7 +12143,9 @@ var WithdrawContent = ({
     isLoading: isQuoteLoading,
     data: quote,
     error: quoteErrorObject,
-    quoteEnabled
+    quoteEnabled,
+    isPlaceholderData,
+    isInstantQuoting
   } = useWithdrawalQuote({
     withdrawalClient: config.wallet,
     recipientAddress,
@@ -12163,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();
@@ -12170,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,
@@ -12206,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");
     }
@@ -12222,6 +12237,9 @@ var WithdrawContent = ({
   };
   const { data: addressAssessment, isLoading: isCheckingAddressRisk } = useWithdrawalRisk(apiKey, recipientAddress);
   const getWithdrawButtonText = () => {
+    if (confirmingQuote) {
+      return "Confirming quote";
+    }
     if (isWithdrawing) {
       return "Processing";
     }
@@ -12237,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}.`;
     }
@@ -12246,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,
     {
@@ -12368,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",
@@ -12381,7 +12398,7 @@ var WithdrawContent = ({
     PaymentFeesSummary,
     {
       fallbackFees: FALLBACK_FEES,
-      isLoading: isQuoteLoading,
+      isLoading: isQuoteLoading && !isInstantQuoting,
       quote: quote?.finalEstimation,
       key: `${isQuoteLoading}`,
       valuesNotAvailable: !quoteEnabled
@@ -12407,7 +12424,7 @@ var WithdrawContent = ({
         actionButtonProps: {
           title: withdrawButtonText,
           isDisabled: !canContinue || isWithdrawing,
-          isLoading: isWithdrawing,
+          isLoading: isWithdrawing || confirmingQuote,
           onClick: handleSubmit
         }
       }
@@ -12529,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";
@@ -12618,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,
@@ -12696,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";
@@ -12755,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,
     {
@@ -12769,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,
     {
@@ -12806,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;
@@ -12850,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;
   }
@@ -12895,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
@@ -12983,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,
@@ -13019,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,
@@ -13046,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) {
@@ -13075,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 () => {
@@ -13126,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";
 
@@ -13146,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;
@@ -13200,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";
@@ -13897,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(),
@@ -18287,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;
@@ -18508,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;
@@ -18520,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) {
@@ -18546,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";
@@ -18592,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) {
@@ -18617,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) {
@@ -19842,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;
@@ -19854,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",
@@ -20965,7 +20982,7 @@ 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;
@@ -21792,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,
@@ -22358,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";
@@ -22384,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;
@@ -28094,7 +28111,7 @@ import {
   getCheckoutsByUserId as getCheckoutsByUserId2
 } from "@funkit/api-base";
 import { FlagKey as FlagKey27 } from "@funkit/utils";
-import { useQuery as useQuery18 } from "@tanstack/react-query";
+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;
@@ -28109,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({
@@ -28132,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
@@ -28140,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({
@@ -28853,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
@@ -31287,7 +31304,7 @@ function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey5, version);
 }
 function getCurrentSdkVersion() {
-  return "6.0.3";
+  return "6.0.4";
 }
 function useFingerprint() {
   const fingerprint = useCallback50(() => {