@funkit/connect 6.0.3 → 6.0.5

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";
@@ -2331,6 +2331,7 @@ import {
   DYDX_API_KEY,
   ETHEREAL_API_KEY,
   HYPERBEAT_API_KEY,
+  HYPERSWAP_API_KEY,
   KATANA_API_KEY,
   OSTIUM_API_KEY,
   POLYMARKET_API_KEY,
@@ -2756,55 +2757,33 @@ var flagConfig = {
             key: "apiKey",
             type: "isAnyOf",
             values: [
+              POLYMARKET_API_KEY,
+              OSTIUM_API_KEY,
               ETHEREAL_API_KEY,
               KATANA_API_KEY,
               HYPERBEAT_API_KEY,
-              SUSHI_API_KEY
-            ]
-          },
-          // Rollout to specific users across all customers
-          {
-            key: "userId",
-            type: "isAnyOf",
-            values: [
-              "0x6ec0c2f25d323e7779925Cc20c3740101f990d9F",
-              "0xbeFE12aA8cBa36DD79F50eE5E23828adB62f2FD6",
-              "0x2A8Bd916E85d98d8175258De99fc0ddbcC102eF6",
-              "0xda6b07Eb94f699F511a943e9bFC12B64B7fe3486",
-              "0x0D6e43CA32545B3dc2FE6f93AafBD7e640F548d4",
-              "0x9CB7F86F360459cC96C74a0F81aF2C4cC7a54bd2",
-              // Felix
-              "0x236c60C57a8B9ca563Fb0dA5199FDdCB686d91E8",
-              // Greg
-              "0x9C64fD7d9826E6d552dD8bc53e5C96F7C3F38528",
-              // Panda
-              "0x21b94a3E67c4a72d3D15f478A696c5175f036092"
-              // Jianhe
+              HYPERSWAP_API_KEY,
+              SUSHI_API_KEY,
+              BANKR_API_KEY,
+              DEGEN_API_KEY
             ]
           }
-        ]
-      },
-      // 20% rollout to Ostium and Polymarket users
-      {
-        value: true,
-        if_all: [
-          {
-            key: "userId",
-            type: "pctRollout",
-            pct: 100
-          },
-          {
-            key: "apiKey",
-            type: "isAnyOf",
-            values: [OSTIUM_API_KEY, POLYMARKET_API_KEY]
-          }
-        ],
-        if_any: [
-          {
-            key: "userId",
-            type: "isAnyOf",
-            values: ["0x6ec0c2f25d323e7779925Cc20c3740101f990d9F"]
-          }
+          // Rollout to specific users across all customers
+          // {
+          //   key: 'userId',
+          //   type: 'isAnyOf',
+          //   values: [
+          //     '0x6ec0c2f25d323e7779925Cc20c3740101f990d9F',
+          //     '0xbeFE12aA8cBa36DD79F50eE5E23828adB62f2FD6',
+          //     '0x2A8Bd916E85d98d8175258De99fc0ddbcC102eF6',
+          //     '0xda6b07Eb94f699F511a943e9bFC12B64B7fe3486',
+          //     '0x0D6e43CA32545B3dc2FE6f93AafBD7e640F548d4',
+          //     '0x9CB7F86F360459cC96C74a0F81aF2C4cC7a54bd2', // Felix
+          //     '0x236c60C57a8B9ca563Fb0dA5199FDdCB686d91E8', // Greg
+          //     '0x9C64fD7d9826E6d552dD8bc53e5C96F7C3F38528', // Panda
+          //     '0x21b94a3E67c4a72d3D15f478A696c5175f036092', // Jianhe
+          //   ],
+          // },
         ]
       }
     ]
@@ -3941,8 +3920,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 +3940,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 +4053,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 +4068,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 +4255,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 +4352,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 +5320,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 +5591,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 +5618,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 +8472,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 +10207,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 +10236,6 @@ function extractRelayFeeInfo(relayQuote) {
     gasUsd,
     fillCostUsd,
     fillCostPercent,
-    chainName,
     totalImpactUsd,
     totalImpact,
     swapImpact,
@@ -10395,7 +10357,7 @@ function formatRelayFee({
   }
   return formatPercent(percent);
 }
-function renderRelayFee(relayQuote, fees, totalUsd) {
+function renderRelayFee(relayQuoteMetadata, fees, totalUsd) {
   const {
     gasUsd,
     totalImpactUsd,
@@ -10406,7 +10368,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 +10481,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 +10570,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 +10712,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 +10723,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 +10800,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 +11132,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 +11175,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 +11221,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 +11280,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);
@@ -11841,17 +11818,17 @@ var CHECKOUT_CONFIRMATION_UI_ERRORS = {
   QUOTE_EXPIRED: {
     durationMs: 5e3,
     message: "Quote expired. Please re-confirm the new checkout quote.",
-    type: "error",
+    type: "hint",
     code: "QUOTE_EXPIRED" /* QUOTE_EXPIRED */
   },
   GENERIC_ERROR: {
     message: "An error occurred during checkout. Please try again.",
-    type: "error",
+    type: "hint",
     code: "GENERIC_ERROR" /* GENERIC_ERROR */
   },
   RISK_ERROR: {
     message: `Sorry, ${FUN_ORG_NAME} Checkout is unable to proceed for security reasons.`,
-    type: "warning",
+    type: "hint",
     code: "RISK_ERROR" /* RISK_ERROR */
   },
   SIGNATURE_DENIED: {
@@ -11862,17 +11839,28 @@ var CHECKOUT_CONFIRMATION_UI_ERRORS = {
   },
   SWITCH_CHAIN_ERROR: {
     message: "Unable to switch chains. Please ensure your wallet supports the chain.",
-    type: "warning",
+    type: "hint",
     code: "SWITCH_CHAIN_ERROR" /* SWITCH_CHAIN_ERROR */
+  },
+  WALLET_CLIENT_UNDEFINED: {
+    message: "Your wallet connection wasn\u2019t successful. Please try again.",
+    type: "hint",
+    code: "WALLET_CLIENT_UNDEFINED" /* WALLET_CLIENT_UNDEFINED */
   }
 };
 function isQuoteExpiredError(error) {
   return error.message.includes("Quote expired");
 }
+function isWalletClientUndefinedError(error) {
+  return error.message.includes("wallet client is not defined");
+}
 function toCheckoutConfirmationError(error) {
   if (error instanceof Error && isQuoteExpiredError(error)) {
     return CHECKOUT_CONFIRMATION_UI_ERRORS.QUOTE_EXPIRED;
   }
+  if (error instanceof Error && isWalletClientUndefinedError(error)) {
+    return CHECKOUT_CONFIRMATION_UI_ERRORS.WALLET_CLIENT_UNDEFINED;
+  }
   if (isUserRejectedError(error)) {
     return CHECKOUT_CONFIRMATION_UI_ERRORS.SIGNATURE_DENIED;
   }
@@ -11888,7 +11876,7 @@ function toCheckoutConfirmationError(error) {
   if (error instanceof ClientError2) {
     return {
       message: error.rawMessage,
-      type: "error",
+      type: "hint",
       code: "GENERIC_ERROR" /* GENERIC_ERROR */
     };
   }
@@ -12074,8 +12062,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 +12081,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 +12133,9 @@ var WithdrawContent = ({
     isLoading: isQuoteLoading,
     data: quote,
     error: quoteErrorObject,
-    quoteEnabled
+    quoteEnabled,
+    isPlaceholderData,
+    isInstantQuoting
   } = useWithdrawalQuote({
     withdrawalClient: config.wallet,
     recipientAddress,
@@ -12163,6 +12156,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 +12170,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 +12207,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 +12227,9 @@ var WithdrawContent = ({
   };
   const { data: addressAssessment, isLoading: isCheckingAddressRisk } = useWithdrawalRisk(apiKey, recipientAddress);
   const getWithdrawButtonText = () => {
+    if (confirmingQuote) {
+      return "Confirming quote";
+    }
     if (isWithdrawing) {
       return "Processing";
     }
@@ -12237,7 +12245,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 +12254,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 +12375,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 +12388,7 @@ var WithdrawContent = ({
     PaymentFeesSummary,
     {
       fallbackFees: FALLBACK_FEES,
-      isLoading: isQuoteLoading,
+      isLoading: isQuoteLoading && !isInstantQuoting,
       quote: quote?.finalEstimation,
       key: `${isQuoteLoading}`,
       valuesNotAvailable: !quoteEnabled
@@ -12400,14 +12407,14 @@ var WithdrawContent = ({
           FunNotification,
           {
             description: quoteErrorObject ? getRelayQuoteErrorDisplayMessage(quoteErrorObject.message) : withdrawalError?.message,
-            type: "hint",
+            type: withdrawalError?.type,
             isVisible: !!withdrawalError || !!quoteErrorObject
           }
         ),
         actionButtonProps: {
           title: withdrawButtonText,
           isDisabled: !canContinue || isWithdrawing,
-          isLoading: isWithdrawing,
+          isLoading: isWithdrawing || confirmingQuote,
           onClick: handleSubmit
         }
       }
@@ -12529,7 +12536,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 +12625,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 +12703,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 +12762,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 +12776,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 +12813,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 +12857,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 +12902,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 +12990,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 +13026,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 +13053,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 +13082,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 +13133,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 +13153,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 +13207,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 +13904,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(),
@@ -18218,7 +18225,7 @@ function ConfirmationStep({
     if (!isInitialQuoting && moonpayAmountCheck?.isInvalid) {
       return {
         message: moonpayAmountCheck.message,
-        type: "error"
+        type: "hint"
       };
     }
     return confirmationError ?? postCheckoutError ?? quoteError;
@@ -18287,11 +18294,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 +18515,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 +18527,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 +18553,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 +18599,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 +18624,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 +19849,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 +19861,7 @@ var useMeldQuotes = (sourceAmount, fiatCurrency) => {
   const { isAway } = useUserPresence();
   const destinationCurrencyCode = useMeldCryptoCurrencyCode();
   const sourceCurrencyCode = fiatCurrency || "USD";
-  const query = useQuery16({
+  const query = useQuery15({
     queryKey: [
       "meld",
       "quotes",
@@ -20170,20 +20177,37 @@ function getInputValueFromAmount(params) {
   );
   return params.isInputInFiat ? params.currencySymbol + formattedAmount : formattedAmount;
 }
+function calcInitialFiatAmount(balance) {
+  const halfBalance = balance / 2;
+  let roundingFactor;
+  if (balance >= 1e5) {
+    roundingFactor = 1e4;
+  } else if (balance >= 1e4) {
+    roundingFactor = 1e3;
+  } else if (balance >= 100) {
+    roundingFactor = 100;
+  } else if (balance >= 10) {
+    roundingFactor = 10;
+  } else {
+    roundingFactor = 1;
+  }
+  const ceilResult = Math.ceil(halfBalance / roundingFactor);
+  return ceilResult * roundingFactor;
+}
 function initializeState({
   checkoutConfig,
   maxUsd,
   minUsd,
   paymentMethod,
   sourceHolding,
-  unitPrice,
+  unitPrice: realUnitPrice,
   defaultAmount,
   fiatCurrency = "USD",
   quickOptions
 }) {
-  const { targetAssetAmount, targetChain } = checkoutConfig;
-  const isCardCheckout = paymentMethod === "card" /* CARD */;
+  const { targetAssetAmount, targetChain, targetAssetTicker } = checkoutConfig;
   const isInputInFiat = true;
+  const unitPrice = isStablecoin(targetAssetTicker) ? 1 : realUnitPrice;
   const usdAvailableAmount = getUsdAvailableAmount(
     targetChain,
     sourceHolding?.pickedChainId,
@@ -20192,7 +20216,7 @@ function initializeState({
   );
   const usdMaxAmount = getUsdMaxAmount(maxUsd);
   const usdMinAmount = getUsdMinAmount(paymentMethod, minUsd);
-  const initialFiatAmount = defaultAmount ?? (isCardCheckout ? getDefaultAmountFromQuickOptions(quickOptions) : targetAssetAmount === void 0 ? USD_INITIAL_AMOUNT : targetAssetAmount * unitPrice);
+  const initialFiatAmount = getInitialFiatAmount();
   const finalFiatAmount = initialFiatAmount === void 0 ? void 0 : Math.min(
     Math.max(initialFiatAmount, usdMinAmount, 0),
     usdAvailableAmount ?? Number.MAX_VALUE,
@@ -20207,6 +20231,21 @@ function initializeState({
     isInputInFiat,
     fiatAmount
   });
+  function getInitialFiatAmount() {
+    if (defaultAmount !== void 0) {
+      return defaultAmount;
+    }
+    if (paymentMethod === "balance" /* ACCOUNT_BALANCE */) {
+      return calcInitialFiatAmount(usdAvailableAmount ?? 0);
+    }
+    if (paymentMethod === "card" /* CARD */) {
+      return getDefaultAmountFromQuickOptions(quickOptions);
+    }
+    if (targetAssetAmount !== void 0) {
+      return targetAssetAmount * unitPrice;
+    }
+    return USD_INITIAL_AMOUNT;
+  }
   return {
     assetAmount,
     fiatAmount,
@@ -20509,7 +20548,7 @@ function InputAmountLoaded({
     if (usdAvailableAmount === 0) {
       return {
         message: "Insufficient balance, please select another asset instead.",
-        type: "error"
+        type: "hint"
       };
     }
     return getInputErrorNotification(inputError);
@@ -20965,7 +21004,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;
@@ -21649,7 +21688,7 @@ function MoonpaySetup({
   return /* @__PURE__ */ React171.createElement(Box, { className: stretchStyle, flexDirection: "column" }, isSupportedRegion ? MoonpayWidget : /* @__PURE__ */ React171.createElement(Box, { paddingY: "10" }, /* @__PURE__ */ React171.createElement(
     FunNotification,
     {
-      type: "error",
+      type: "hint",
       description: "You are using moonpay from an unsupported region. Please use a different payment method."
     }
   )), isContinueEnabled && /* @__PURE__ */ React171.createElement(
@@ -21792,12 +21831,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,
@@ -22205,7 +22244,7 @@ function MeshOrAccountSelectAsset({
           FunNotification,
           {
             isVisible: !!fetchHoldingsError,
-            type: "error",
+            type: "hint",
             description: fetchHoldingsError
           }
         ),
@@ -22358,7 +22397,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 +22423,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;
@@ -26312,7 +26351,7 @@ function FunCheckoutHistoryHelp({
           FunNotification,
           {
             description: errorMessage,
-            type: "error",
+            type: "hint",
             isVisible: errorMessage !== void 0
           }
         )
@@ -28094,7 +28133,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 +28148,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 +28171,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 +28179,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 +28892,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 +31326,7 @@ function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey5, version);
 }
 function getCurrentSdkVersion() {
-  return "6.0.3";
+  return "6.0.5";
 }
 function useFingerprint() {
   const fingerprint = useCallback50(() => {