@funkit/connect 6.14.2 → 6.14.4

package/dist/index.js

@@ -519,13 +519,13 @@ import PrivyJS, {
 } from "@privy-io/js-sdk-core";
 import React227, {
   createContext as createContext17,
-  useCallback as useCallback48,
+  useCallback as useCallback49,
   useContext as useContext17,
   useEffect as useEffect54,
-  useMemo as useMemo41,
+  useMemo as useMemo42,
   useState as useState71
 } from "react";
-import { useConfig as useConfig6, useConnect as useConnect2, useDisconnect as useDisconnect2 } from "wagmi";
+import { useConfig as useConfig7, useConnect as useConnect2, useDisconnect as useDisconnect2 } from "wagmi";
 
 // src/components/ConnectButton/formatAccountName.ts
 function formatAccountName(accountName, isEmail) {
@@ -825,6 +825,7 @@ function useFunkitConfig() {
 // src/providers/provideFunkitConnectChains.ts
 import {
   BITCOIN_MAINNET_CHAIN_ID,
+  ETHEREAL_CHAIN_ID,
   HYPERCORE_CHAIN_ID,
   HYPER_EVM_CHAIN_ID,
   KATANA_CHAIN_ID,
@@ -871,6 +872,10 @@ var ethereumIcon = {
   iconBackground: "#484c50",
   iconUrl: "https://sdk-cdn.fun.xyz/images/ethereum.svg"
 };
+var etherealIcon = {
+  iconBackground: "#000000",
+  iconUrl: "https://sdk-cdn.fun.xyz/images/ethereal.svg"
+};
 var hardhatIcon = {
   iconBackground: "#f9f7ec",
   iconUrl: "https://sdk-cdn.fun.xyz/images/hardhat.svg"
@@ -955,6 +960,7 @@ var chainMetadataByName = {
   bscTestnet: { chainId: 97, name: "BSC Testnet", ...bscIcon },
   cronos: { chainId: 25, name: "Cronos", ...cronosIcon },
   cronosTestnet: { chainId: 338, name: "Cronos Testnet", ...cronosIcon },
+  ethereal: { chainId: ETHEREAL_CHAIN_ID, name: "Ethereal", ...etherealIcon },
   goerli: { chainId: 5, name: "Goerli", ...ethereumIcon },
   hardhat: { chainId: 31337, name: "Hardhat", ...hardhatIcon },
   holesky: { chainId: 17e3, name: "Holesky", ...ethereumIcon },
@@ -1081,13 +1087,13 @@ var useInitialChainId = () => useContext4(FunkitConnectChainContext).initialChai
 // src/providers/ModalContext.tsx
 import React226, {
   createContext as createContext16,
-  useCallback as useCallback47,
+  useCallback as useCallback48,
   useContext as useContext16,
   useEffect as useEffect53,
-  useMemo as useMemo40,
+  useMemo as useMemo41,
   useState as useState70
 } from "react";
-import { useAccount as useAccount10, useAccountEffect as useAccountEffect2, useConfig as useConfig5 } from "wagmi";
+import { useAccount as useAccount10, useAccountEffect as useAccountEffect2, useConfig as useConfig6 } from "wagmi";
 
 // src/components/Dialog/Dialog.css.ts
 var DialogAnimationTimeIn = 0.25;
@@ -1173,7 +1179,7 @@ import {
 import { isNotNullish as isNotNullish3 } from "@funkit/utils";
 import React14, {
   createContext as createContext10,
-  useCallback as useCallback8,
+  useCallback as useCallback9,
   useContext as useContext10,
   useEffect as useEffect8,
   useRef as useRef2,
@@ -1230,7 +1236,7 @@ import {
 } from "@funkit/core";
 import {
   formatCryptoAndStringify,
-  isTokenAddressEquivalent as isTokenAddressEquivalent3,
+  isTokenAddressEquivalent as isTokenAddressEquivalent4,
   round as round2,
   roundUpToXDecimalPlaces
 } from "@funkit/utils";
@@ -2114,10 +2120,10 @@ import {
   initializeCheckout as postApiInitializeCheckout
 } from "@funkit/api-base";
 import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3 } from "@funkit/chains";
-import { FlagKey as FlagKey5, isNotNullish as isNotNullish2 } from "@funkit/utils";
+import { FlagKey as FlagKey6, isNotNullish as isNotNullish2 } from "@funkit/utils";
 import React13, {
   createContext as createContext9,
-  useCallback as useCallback7,
+  useCallback as useCallback8,
   useContext as useContext9,
   useEffect as useEffect7,
   useState as useState6
@@ -2128,8 +2134,9 @@ import { v4 as uuid } from "uuid";
 // src/hooks/useCheckoutDirectExecution.ts
 import { DirectExecutionType, getCheckoutQuoteV2 } from "@funkit/api-base";
 import { executeRelayQuote } from "@funkit/fun-relay";
-import { useCallback as useCallback4 } from "react";
-import { useWalletClient } from "wagmi";
+import { FlagKey as FlagKey4 } from "@funkit/utils";
+import { useCallback as useCallback5 } from "react";
+import { useConfig as useConfig2, useWalletClient } from "wagmi";
 
 // src/consts/checkout.ts
 var CHECKOUT_STEP_MESSAGE = {
@@ -2146,48 +2153,10 @@ var WEB3_ACCOUNT_BALANCE_MESSAGE = {
   [2 /* APPROVE_TRANSFER */]: (tokenSymbol) => `Confirm ${tokenSymbol} transfer`
 };
 
-// src/hooks/useRelayBypass.ts
-import { FlagKey as FlagKey3, isTokenAddressEquivalent as isTokenAddressEquivalent2 } from "@funkit/utils";
+// src/hooks/useIsTokenWhitelisted.ts
+import { isTokenAddressEquivalent as isTokenAddressEquivalent2 } from "@funkit/utils";
 import { useCallback as useCallback3, useMemo as useMemo7 } from "react";
 
-// src/consts/customers.ts
-import {
-  BANKR_API_KEY,
-  BASED_API_KEY,
-  BSX_API_KEY,
-  ETHEREAL_API_KEY,
-  HYPERBEAT_API_KEY,
-  KALSHI_API_KEY,
-  KATANA_API_KEY,
-  MONKEY_TILT_API_KEY,
-  OSTIUM_API_KEY,
-  POLYMARKET_API_KEY
-} from "@funkit/api-base";
-function isPolymarketCustomer(apiKey) {
-  return apiKey === POLYMARKET_API_KEY;
-}
-function isOstiumCustomer(apiKey) {
-  return apiKey === OSTIUM_API_KEY;
-}
-function isBankrCustomer(apiKey) {
-  return apiKey === BANKR_API_KEY;
-}
-function isEtherealCustomer(apiKey) {
-  return apiKey === ETHEREAL_API_KEY;
-}
-function isKatanaCustomer(apiKey) {
-  return apiKey === KATANA_API_KEY;
-}
-function isHyperbeatCustomer(apiKey) {
-  return apiKey === HYPERBEAT_API_KEY;
-}
-function isBasedCustomer(apiKey) {
-  return apiKey === BASED_API_KEY;
-}
-function isKalshiCustomer(apiKey) {
-  return apiKey === KALSHI_API_KEY;
-}
-
 // src/providers/FunkitFlagsProvider.tsx
 import { datadogLogs as datadogLogs2 } from "@datadog/browser-logs";
 import { useQuery as useQuery2 } from "@tanstack/react-query";
@@ -2200,19 +2169,18 @@ import React12, {
 
 // src/utils/flags/config.ts
 import {
-  BANKR_API_KEY as BANKR_API_KEY2,
-  BASED_API_KEY as BASED_API_KEY2,
+  BANKR_API_KEY,
+  BASED_API_KEY,
   CAMBRIA_API_KEY,
   DEGEN_API_KEY,
   DEV_API_KEY as DEV_API_KEY2,
-  HYPERBEAT_API_KEY as HYPERBEAT_API_KEY2,
+  HYPERBEAT_API_KEY,
   HYPERDASH_API_KEY,
   HYPERSWAP_API_KEY,
-  KALSHI_API_KEY as KALSHI_API_KEY2,
-  KATANA_API_KEY as KATANA_API_KEY2,
-  MONKEY_TILT_API_KEY as MONKEY_TILT_API_KEY2,
-  OSTIUM_API_KEY as OSTIUM_API_KEY2,
-  POLYMARKET_API_KEY as POLYMARKET_API_KEY2,
+  KATANA_API_KEY,
+  MONKEY_TILT_API_KEY,
+  OSTIUM_API_KEY,
+  POLYMARKET_API_KEY,
   SUSHI_API_KEY,
   VENTUALS_API_KEY
 } from "@funkit/api-base";
@@ -2274,7 +2242,7 @@ var QR_CODE_EVM = {
   // abstract
   2741: ["USDC.e", "ETH", "WETH", "USDT"],
   // hyperevm. TODO: Consider adding UETH, hbHYPE, stHYPE once their icons are in assets.ts. Also holding back as they are lower mkt cap tokens and would overcrowd our UI.
-  999: ["HYPE", "WETH", "USDT", "UBTC", "USDe"]
+  999: ["USDC", "HYPE", "WETH", "USDT", "UBTC", "USDe"]
 };
 var QR_CODE_WITH_SOLANA = {
   ...QR_CODE_EVM,
@@ -2301,7 +2269,7 @@ var flagConfig = {
           {
             key: "apiKey",
             type: "isAnyOf",
-            values: [DEGEN_API_KEY, BANKR_API_KEY2, BASED_API_KEY2]
+            values: [DEGEN_API_KEY, BANKR_API_KEY, BASED_API_KEY]
           }
         ],
         // Do not block US for Degen, since its still pure slow flow
@@ -2315,10 +2283,10 @@ var flagConfig = {
           {
             key: "apiKey",
             type: "isAnyOf",
-            values: [POLYMARKET_API_KEY2, KATANA_API_KEY2, KALSHI_API_KEY2]
+            values: [POLYMARKET_API_KEY, KATANA_API_KEY]
           }
         ],
-        // Turn off geoblock for PM / Katana / Kalshi on our end.
+        // Turn off geoblock for PM / Katana on our end.
         // These clients will handle the conditional display of the Deposit button.
         value: ""
       }
@@ -2342,7 +2310,7 @@ var flagConfig = {
           {
             key: "apiKey",
             type: "isAnyOf",
-            values: [KATANA_API_KEY2]
+            values: [KATANA_API_KEY]
           }
         ],
         value: true
@@ -2359,18 +2327,17 @@ var flagConfig = {
             key: "apiKey",
             type: "isAnyOf",
             values: [
-              POLYMARKET_API_KEY2,
-              OSTIUM_API_KEY2,
-              BANKR_API_KEY2,
-              BASED_API_KEY2,
-              KATANA_API_KEY2,
+              POLYMARKET_API_KEY,
+              OSTIUM_API_KEY,
+              BANKR_API_KEY,
+              BASED_API_KEY,
+              KATANA_API_KEY,
               CAMBRIA_API_KEY,
-              HYPERBEAT_API_KEY2,
+              HYPERBEAT_API_KEY,
               HYPERSWAP_API_KEY,
               HYPERDASH_API_KEY,
-              MONKEY_TILT_API_KEY2,
-              VENTUALS_API_KEY,
-              KALSHI_API_KEY2
+              MONKEY_TILT_API_KEY,
+              VENTUALS_API_KEY
             ]
           }
         ],
@@ -2415,13 +2382,12 @@ var flagConfig = {
             type: "isAnyOf",
             values: [
               DEV_API_KEY2,
-              POLYMARKET_API_KEY2,
-              OSTIUM_API_KEY2
+              POLYMARKET_API_KEY,
+              OSTIUM_API_KEY
               // HYPERBEAT_API_KEY,
               // HYPERDASH_API_KEY,
               // BASED_API_KEY,
               // VENTUALS_API_KEY
-              // KALSHI_API_KEY
             ]
           }
         ],
@@ -2475,10 +2441,10 @@ var flagConfig = {
             key: "apiKey",
             type: "isAnyOf",
             values: [
-              POLYMARKET_API_KEY2,
-              OSTIUM_API_KEY2,
-              BANKR_API_KEY2,
-              KATANA_API_KEY2
+              POLYMARKET_API_KEY,
+              OSTIUM_API_KEY,
+              BANKR_API_KEY,
+              KATANA_API_KEY
             ]
           }
         ],
@@ -2502,7 +2468,7 @@ var flagConfig = {
           {
             key: "apiKey",
             type: "isAnyOf",
-            values: [OSTIUM_API_KEY2]
+            values: [OSTIUM_API_KEY]
           }
         ],
         value: arbitrum.id.toString()
@@ -2512,7 +2478,7 @@ var flagConfig = {
           {
             key: "apiKey",
             type: "isAnyOf",
-            values: [BANKR_API_KEY2, KALSHI_API_KEY2]
+            values: [BANKR_API_KEY]
           }
         ],
         value: base3.id.toString()
@@ -2535,7 +2501,7 @@ var flagConfig = {
           {
             key: "apiKey",
             type: "isAnyOf",
-            values: [OSTIUM_API_KEY2]
+            values: [POLYMARKET_API_KEY]
           }
         ],
         value: JSON.stringify({
@@ -2653,7 +2619,7 @@ var flagConfig = {
           {
             key: "apiKey",
             type: "isAnyOf",
-            values: [KATANA_API_KEY2, KALSHI_API_KEY2]
+            values: [KATANA_API_KEY]
           }
         ],
         value: false
@@ -2737,13 +2703,12 @@ var flagConfig = {
             values: [
               SUSHI_API_KEY,
               HYPERSWAP_API_KEY,
-              HYPERBEAT_API_KEY2,
+              HYPERBEAT_API_KEY,
               HYPERDASH_API_KEY,
-              BASED_API_KEY2,
-              OSTIUM_API_KEY2,
-              POLYMARKET_API_KEY2,
-              VENTUALS_API_KEY,
-              KALSHI_API_KEY2
+              BASED_API_KEY,
+              OSTIUM_API_KEY,
+              POLYMARKET_API_KEY,
+              VENTUALS_API_KEY
             ]
           }
         ],
@@ -2795,14 +2760,6 @@ var flagConfig = {
       137: []
     })
   },
-  [FlagKey.WithdrawalExcludeChains]: {
-    type: "string",
-    default_value: JSON.stringify([56, 10])
-  },
-  [FlagKey.EnableSourceNavigationWidget]: {
-    type: "boolean",
-    default_value: false
-  },
   [FlagKey.TokenTransferDefaultTokens]: {
     type: "string",
     default_value: "",
@@ -2812,7 +2769,7 @@ var flagConfig = {
           {
             key: "apiKey",
             type: "isAnyOf",
-            values: [POLYMARKET_API_KEY2]
+            values: [POLYMARKET_API_KEY]
           }
         ],
         value: JSON.stringify(["USDC", "USDC.e"])
@@ -2862,7 +2819,7 @@ var flagConfig = {
           {
             key: "apiKey",
             type: "isAnyOf",
-            values: [BASED_API_KEY2]
+            values: [BASED_API_KEY]
           }
         ],
         value: JSON.stringify({
@@ -3002,6 +2959,40 @@ import React11, {
 } from "react";
 import { FlagKey as FlagKey2 } from "@funkit/utils";
 
+// src/consts/customers.ts
+import {
+  BANKR_API_KEY as BANKR_API_KEY2,
+  BASED_API_KEY as BASED_API_KEY2,
+  BSX_API_KEY,
+  ETHEREAL_API_KEY,
+  HYPERBEAT_API_KEY as HYPERBEAT_API_KEY2,
+  KATANA_API_KEY as KATANA_API_KEY2,
+  MONKEY_TILT_API_KEY as MONKEY_TILT_API_KEY2,
+  OSTIUM_API_KEY as OSTIUM_API_KEY2,
+  POLYMARKET_API_KEY as POLYMARKET_API_KEY2
+} from "@funkit/api-base";
+function isPolymarketCustomer(apiKey) {
+  return apiKey === POLYMARKET_API_KEY2;
+}
+function isOstiumCustomer(apiKey) {
+  return apiKey === OSTIUM_API_KEY2;
+}
+function isBankrCustomer(apiKey) {
+  return apiKey === BANKR_API_KEY2;
+}
+function isEtherealCustomer(apiKey) {
+  return apiKey === ETHEREAL_API_KEY;
+}
+function isKatanaCustomer(apiKey) {
+  return apiKey === KATANA_API_KEY2;
+}
+function isHyperbeatCustomer(apiKey) {
+  return apiKey === HYPERBEAT_API_KEY2;
+}
+function isBasedCustomer(apiKey) {
+  return apiKey === BASED_API_KEY2;
+}
+
 // src/providers/FunkitSandboxContext.tsx
 import { createContext as createContext6, useContext as useContext6 } from "react";
 var FunkitSandboxContext = createContext6(false);
@@ -3079,7 +3070,6 @@ function useFunkitUserIp() {
   const { apiKey } = useFunkitConfig();
   const isPolymarket = isPolymarketCustomer(apiKey);
   const isHyperbeat = isHyperbeatCustomer(apiKey);
-  const isKalshi = isKalshiCustomer(apiKey);
   const { data: userIpInfo, isLoading: isLoadingGeoCheck } = useQuery({
     queryKey: ["getUserIpInfo"],
     queryFn: async () => {
@@ -3110,7 +3100,7 @@ function useFunkitUserIp() {
     refetchOnWindowFocus: false
   });
   const isUserGeoblocked = useMemo5(() => {
-    if (isLoadingFlags || isLoadingGeoCheck || isPolymarket || isHyperbeat || isKalshi) {
+    if (isLoadingFlags || isLoadingGeoCheck || isPolymarket || isHyperbeat) {
       return false;
     }
     if (!userIpInfo) {
@@ -3124,8 +3114,7 @@ function useFunkitUserIp() {
     isLoadingGeoCheck,
     userIpInfo,
     isPolymarket,
-    isHyperbeat,
-    isKalshi
+    isHyperbeat
   ]);
   return {
     isLoadingGeoCheck: isLoadingFlags || isLoadingGeoCheck,
@@ -3211,13 +3200,57 @@ function safeJSONParse(src) {
   });
 }
 
+// src/hooks/useIsTokenWhitelisted.ts
+var MATCH_ALL = "*";
+var useIsTokenWhitelisted = (flagKey) => {
+  const whitelistedTokensString = useFlag(flagKey);
+  const whitelistedTokensByChainId = useMemo7(
+    () => safeJSONParse(whitelistedTokensString),
+    [whitelistedTokensString]
+  );
+  const isTokenWhitelisted = useCallback3(
+    (chainId, tokenAddress) => {
+      const tokensForChainId = toArrayIfString(whitelistedTokensByChainId?.[chainId]) ?? [];
+      const tokensForAllChains = toArrayIfString(whitelistedTokensByChainId?.[MATCH_ALL]) ?? [];
+      const tokens = [
+        ...tokensForChainId,
+        // whitelisted tokens for the `chainId` provided
+        ...tokensForAllChains
+        // whitelisted tokens for all chains
+      ];
+      if (tokens.length === 0) {
+        return false;
+      }
+      if (tokens.includes("*")) {
+        return true;
+      }
+      return tokens.some(
+        (currentTokenAddress) => isTokenAddressEquivalent2({
+          firstTokenAddress: currentTokenAddress,
+          secondTokenAddress: tokenAddress
+        })
+      );
+    },
+    [whitelistedTokensByChainId]
+  );
+  return isTokenWhitelisted;
+};
+var toArrayIfString = (value) => {
+  if (typeof value === "string") {
+    return [value];
+  }
+  return value;
+};
+
 // src/hooks/useRelayBypass.ts
+import { FlagKey as FlagKey3, isTokenAddressEquivalent as isTokenAddressEquivalent3 } from "@funkit/utils";
+import { useCallback as useCallback4, useMemo as useMemo8 } from "react";
 var isTokenFlagEnabled = (tokenList, tokenAddress) => {
   if (tokenList.includes("*")) {
     return true;
   }
   return tokenList.some(
-    (t) => isTokenAddressEquivalent2({
+    (t) => isTokenAddressEquivalent3({
       firstTokenAddress: t,
       secondTokenAddress: tokenAddress
     })
@@ -3228,11 +3261,11 @@ function useSourceTokenRelayEnabled() {
   const sourceTokensJsonString = useFlag(
     FlagKey3.RelayBypassSourceChainsAndAssets
   );
-  const sourceTokens = useMemo7(
+  const sourceTokens = useMemo8(
     () => safeJSONParse(sourceTokensJsonString),
     [sourceTokensJsonString]
   );
-  const isAllowed = useCallback3(
+  const isAllowed = useCallback4(
     (chainId, tokenAddress) => {
       return isRelayBypassEnabled && isTokenFlagEnabled(
         sourceTokens?.[Number.parseInt(`${chainId}`)] || [],
@@ -3258,7 +3291,7 @@ function useRelayBypass() {
   const targetTokens = safeJSONParse(
     targetTokensJsonString
   );
-  const paymentMethodWhitelistConfig = useMemo7(() => {
+  const paymentMethodWhitelistConfig = useMemo8(() => {
     if (isKatanaCustomer(apiKey)) {
       return {
         relayPaymentMethods: [
@@ -3276,7 +3309,7 @@ function useRelayBypass() {
     };
   }, [apiKey]);
   return {
-    getIsRelayEnabled: useCallback3(
+    getIsRelayEnabled: useCallback4(
       ({
         fromChainId,
         fromTokenAddress,
@@ -3323,7 +3356,9 @@ function useCheckoutDirectExecution() {
   const { data: walletClient } = useWalletClient();
   const { getIsRelayEnabled } = useRelayBypass();
   const { apiKey } = useFunkitConfig();
-  const getRelayDirectExecutionBaseQuote = useCallback4(
+  const isPermitEnabledForToken = useIsTokenWhitelisted(FlagKey4.Permit2Tokens);
+  const wagmiConfig = useConfig2();
+  const getRelayDirectExecutionBaseQuote = useCallback5(
     async (params) => {
       const {
         actionParams,
@@ -3334,6 +3369,13 @@ function useCheckoutDirectExecution() {
         recipientAddress,
         senderAddress = address
       } = params;
+      const doesHaveGasToken = await hasGasToken(
+        wagmiConfig,
+        address,
+        fromChainId
+      );
+      const usePermit = doesHaveGasToken === false && // Check if the wallet has gas token (e.g. ETH > 0 on eth mainnet)
+      isPermitEnabledForToken(fromChainId, fromTokenAddress);
       const getCheckoutQuoteParams = {
         actionParams,
         apiKey,
@@ -3343,7 +3385,8 @@ function useCheckoutDirectExecution() {
         recipientAddress,
         toChainId,
         toTokenAddress,
-        userAddress: senderAddress
+        userAddress: senderAddress,
+        usePermit
       };
       if (params.isExactIn) {
         const { fromTokenDecimals, fromTokenAmount } = params;
@@ -3360,9 +3403,9 @@ function useCheckoutDirectExecution() {
         toAmountBaseUnit: BigInt(Math.floor(toTokenAmount * multiplier))
       });
     },
-    [address, apiKey]
+    [address, apiKey, isPermitEnabledForToken, wagmiConfig]
   );
-  const checkAndSwitchChains = useCallback4(
+  const checkAndSwitchChains = useCallback5(
     async ({
       executionChainId,
       stepMessageSetter
@@ -3386,7 +3429,7 @@ function useCheckoutDirectExecution() {
     },
     [connector, switchChainAsync]
   );
-  const startRelayDirectExecution = useCallback4(
+  const startRelayDirectExecution = useCallback5(
     async ({
       checkoutItem,
       latestQuote,
@@ -3463,7 +3506,7 @@ function useCheckoutDirectExecution() {
     },
     [walletClient, checkAndSwitchChains]
   );
-  const getDirectExecutionInfo = useCallback4(
+  const getDirectExecutionInfo = useCallback5(
     (checkoutItem) => {
       const noop10 = {
         isDirectExecution: false,
@@ -3501,7 +3544,7 @@ function useCheckoutDirectExecution() {
       startRelayDirectExecution
     ]
   );
-  const getWithdrawalDirectExecution = useCallback4(() => {
+  const getWithdrawalDirectExecution = useCallback5(() => {
     const quoteAction = getRelayDirectExecutionBaseQuote;
     const executeAction = startRelayDirectExecution;
     return {
@@ -3521,9 +3564,9 @@ function useCheckoutDirectExecution() {
 import {
   initializeCheckoutTokenTransferAddress
 } from "@funkit/api-base";
-import { FlagKey as FlagKey4 } from "@funkit/utils";
+import { FlagKey as FlagKey5 } from "@funkit/utils";
 import { useQuery as useQuery3 } from "@tanstack/react-query";
-import { useCallback as useCallback5 } from "react";
+import { useCallback as useCallback6 } from "react";
 
 // src/domains/clientMetadata.ts
 function generateClientMetadataForBackend({
@@ -3596,7 +3639,7 @@ var useCheckoutTransferInit = () => {
   const checkoutConfig = checkoutItem?.initSettings.config;
   const { walletAddress, userInfo } = useGeneralWallet();
   const { apiKey } = useFunkitConfig();
-  const isQrCodeEnabled = useFlag(FlagKey4.EnableTokenTransfer, false);
+  const isQrCodeEnabled = useFlag(FlagKey5.EnableTokenTransfer, false);
   const recipientAddr = checkoutConfig?.customRecipient || walletAddress || "0x";
   const queryKey = {
     userId: userInfo.id || "",
@@ -3606,7 +3649,7 @@ var useCheckoutTransferInit = () => {
     apiKey,
     actionType: checkoutConfig?.qrcodeActionType
   };
-  const queryFunction = useCallback5(
+  const queryFunction = useCallback6(
     async (params) => {
       return await initializeCheckoutTokenTransferAddress({
         ...params,
@@ -3638,13 +3681,13 @@ var useCheckoutTransferInit = () => {
 };
 
 // src/hooks/useEffectEvent.ts
-import { useCallback as useCallback6, useInsertionEffect, useRef } from "react";
+import { useCallback as useCallback7, useInsertionEffect, useRef } from "react";
 function useEffectEvent(fn) {
   const savedCallback = useRef(fn);
   useInsertionEffect(() => {
     savedCallback.current = fn;
   }, [fn]);
-  return useCallback6(
+  return useCallback7(
     ((...args) => {
       const f = savedCallback.current;
       return f(...args);
@@ -3714,13 +3757,13 @@ function FunkitCheckoutProvider({ children }) {
   const [activeCheckout, setActiveCheckout] = useState6(null);
   const [activeWithdrawal, setActiveWithdrawal] = useState6(null);
   const [checkoutsProgress, setCheckoutsProgress] = useState6({});
-  const getCheckoutProgress = useCallback7(
+  const getCheckoutProgress = useCallback8(
     (checkoutId) => {
       return checkoutsProgress[checkoutId];
     },
     [checkoutsProgress]
   );
-  const setCheckoutProgress = useCallback7(
+  const setCheckoutProgress = useCallback8(
     (checkoutId, progress) => {
       setCheckoutsProgress((data) => ({ ...data, [checkoutId]: progress }));
     },
@@ -3742,7 +3785,7 @@ function FunkitCheckoutProvider({ children }) {
       });
     }
   );
-  const initNewWithdrawal = useCallback7(
+  const initNewWithdrawal = useCallback8(
     (props) => {
       const { onWithdrawalConfirmation, onWithdrawalError, config } = props;
       const newWithdrawalId = uuid();
@@ -3760,7 +3803,7 @@ function FunkitCheckoutProvider({ children }) {
     },
     []
   );
-  const initNewCheckout = useCallback7(
+  const initNewCheckout = useCallback8(
     ({ config, ...initSettings }) => {
       const newCheckoutId = uuid();
       const newActiveCheckoutItem = {
@@ -3835,7 +3878,7 @@ function FunkitCheckoutProvider({ children }) {
       });
     }
   );
-  const startDirectExecutionCheckout = useCallback7(
+  const startDirectExecutionCheckout = useCallback8(
     async ({
       stepMessageSetter,
       latestQuote,
@@ -3921,7 +3964,7 @@ function FunkitCheckoutProvider({ children }) {
       manualFetch
     ]
   );
-  const startRegularCheckout = useCallback7(
+  const startRegularCheckout = useCallback8(
     async ({
       stepMessageSetter,
       latestQuote,
@@ -4121,15 +4164,15 @@ function useFunkitCheckout(props) {
   const { openWithdrawalModal } = useWithdrawalModal();
   const { connectModalOpen, openConnectModal } = useConnectModal();
   const { isUserLoggedIn } = useGeneralWallet();
-  const isCheckoutActivated = useFlag(FlagKey5.IsCheckoutActivated);
-  const onErrorWrapper = useCallback7(
+  const isCheckoutActivated = useFlag(FlagKey6.IsCheckoutActivated);
+  const onErrorWrapper = useCallback8(
     (payload) => {
       logger.warn(payload.message, payload);
       onError?.(payload);
     },
     [onError]
   );
-  const onOpenWrapper = useCallback7(
+  const onOpenWrapper = useCallback8(
     (newId) => {
       props?.onOpen?.();
       openFunCheckoutModal?.(newId);
@@ -4321,18 +4364,6 @@ async function validateCheckoutConfig(config) {
       message: `Invalid targetChain configuration: Unsupported chain id ${config.targetChain} for checkout.`
     };
   }
-  const chainCheckoutAssetWhitelist = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO4[config.targetChain]?.checkoutAssetWhitelist || [];
-  if (chainCheckoutAssetWhitelist?.[0] !== "*" && !chainCheckoutAssetWhitelist.some(
-    (asset) => isTokenAddressEquivalent3({
-      firstTokenAddress: asset,
-      secondTokenAddress: config.targetAsset || ""
-    })
-  )) {
-    return {
-      isValid: false,
-      message: `Invalid targetAsset ${config.targetAsset} for targetChain ${config.targetChain}.`
-    };
-  }
   if (config.customRecipient && !isAddress(config.customRecipient)) {
     return {
       isValid: false,
@@ -4364,7 +4395,7 @@ async function validateCheckoutConfig(config) {
   };
 }
 var hasSufficientBalance = async (wagmiConfig, walletAddress, tokenAddress, tokenChainId, requiredAssetAmount) => {
-  const finalTokenAddress = isTokenAddressEquivalent3({
+  const finalTokenAddress = isTokenAddressEquivalent4({
     firstTokenAddress: tokenAddress,
     secondTokenAddress: FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS2
   }) ? void 0 : tokenAddress;
@@ -4385,6 +4416,27 @@ var hasSufficientBalance = async (wagmiConfig, walletAddress, tokenAddress, toke
   }
   return { balance, result: false, tokenTicker: null };
 };
+var hasGasToken = async (wagmiConfig, walletAddress, chainId) => {
+  try {
+    const data = await getBalance(wagmiConfig, {
+      address: walletAddress,
+      chainId: Number(chainId),
+      blockTag: "latest"
+    });
+    logger.log("hasGasToken_info", {
+      data,
+      walletAddress,
+      chainId
+    });
+    return data.value > 0;
+  } catch (err) {
+    logger.error("hasGasToken_error", err, {
+      walletAddress,
+      chainId
+    });
+    return false;
+  }
+};
 function getFunkitEnvForCheckoutEstimation({
   chainId,
   bypassWalletInit
@@ -4707,7 +4759,7 @@ function FunkitCheckoutHistoryProvider({
   const [isInited, setIsInited] = useState7(false);
   const [isRefreshing, setIsRefreshing] = useState7(true);
   const isGuestUserOnCheckoutHistory = !isUserLoggedIn && !!historyDepositAddress;
-  const _refreshCheckoutHistory = useCallback8(async () => {
+  const _refreshCheckoutHistory = useCallback9(async () => {
     if (!funkitConfig.apiKey) {
       return;
     }
@@ -4775,7 +4827,7 @@ function FunkitCheckoutHistoryProvider({
       clearInterval(intervalRef.current);
     }
   }, [logoutSymbol]);
-  const startCheckoutHistoryListener = useCallback8(
+  const startCheckoutHistoryListener = useCallback9(
     (singleDepositAddr, expedited = false) => {
       setHistoryDepositAddress(singleDepositAddr);
       clearInterval(intervalRef.current);
@@ -4791,7 +4843,7 @@ function FunkitCheckoutHistoryProvider({
     },
     [triggerRefreshSymbol]
   );
-  const stopCheckoutHistoryListener = useCallback8(
+  const stopCheckoutHistoryListener = useCallback9(
     (cancelIntervalId) => {
       clearInterval(cancelIntervalId);
       if (cancelIntervalId === intervalRef.current) {
@@ -4943,7 +4995,7 @@ var useFunkitPostCheckoutInternal = (checkoutId) => {
 };
 
 // src/components/FunCheckoutHistory/FunCheckoutStatus.tsx
-import React22, { useEffect as useEffect11, useMemo as useMemo8, useState as useState10 } from "react";
+import React22, { useEffect as useEffect11, useMemo as useMemo9, useState as useState10 } from "react";
 
 // src/components/TransactionStatus/TransactionStatus.tsx
 import {
@@ -4952,7 +5004,7 @@ import {
   useAnimate
 } from "motion/react";
 import React21, {
-  useCallback as useCallback9,
+  useCallback as useCallback10,
   useEffect as useEffect10,
   useRef as useRef3,
   useState as useState9
@@ -5675,11 +5727,11 @@ function TransactionStatus({
   const [transitioningToStatus, setTransitioningToStatus] = useState9(status);
   const [transitioningToStep, setTransitioningToStep] = useState9(step);
   const spinAnimationRef = useRef3();
-  const stopSpinning = useCallback9(() => {
+  const stopSpinning = useCallback10(() => {
     spinAnimationRef.current?.cancel();
     spinAnimationRef.current = void 0;
   }, []);
-  const startSpinning = useCallback9(
+  const startSpinning = useCallback10(
     (step2) => {
       stopSpinning();
       spinAnimationRef.current = animate(
@@ -5697,7 +5749,7 @@ function TransactionStatus({
     },
     [animate, stopSpinning]
   );
-  const animateCircleToSuccess = useCallback9(
+  const animateCircleToSuccess = useCallback10(
     async (step2) => {
       const durationMs = 300;
       const checkmarkDelayMs = 50;
@@ -6093,7 +6145,7 @@ function FunCheckoutStatusLoaded({
     checkoutHistoryItem.state,
     checkoutHistoryItem.refundState
   );
-  const startTimeMs = useMemo8(
+  const startTimeMs = useMemo9(
     () => extractStartTimeMs(
       checkoutHistoryItem.clientMetadata.id,
       activeCheckoutItem,
@@ -6349,7 +6401,7 @@ function isCustomWithdrawalConfig(config) {
 import { isMobile as isMobile2, isSafari } from "@funkit/utils";
 import clsx8 from "clsx";
 import React43, {
-  useCallback as useCallback12,
+  useCallback as useCallback13,
   useContext as useContext12,
   useEffect as useEffect18,
   useRef as useRef8
@@ -6665,7 +6717,7 @@ var ErrorFallback = () => /* @__PURE__ */ React31.createElement(
 );
 
 // src/components/FunBottomBar/FunBottomBar.tsx
-import { FlagKey as FlagKey6, isMobile } from "@funkit/utils";
+import { FlagKey as FlagKey7, isMobile } from "@funkit/utils";
 import React35 from "react";
 
 // src/components/FunButton/FunButton.tsx
@@ -6953,7 +7005,7 @@ var FunBottomBar = ({
   onClose
 }) => {
   const { uiCustomizations } = useFunkitConfig();
-  const showTagline = useFlag(FlagKey6.ShowPoweredTagline);
+  const showTagline = useFlag(FlagKey7.ShowPoweredTagline);
   const defaultBottomSection = showTagline ? /* @__PURE__ */ React35.createElement(FunPoweredTagline, null) : void 0;
   const bottomSectionComponent = bottomSection ?? defaultBottomSection;
   const hasMultipleButtons = !!onClose;
@@ -7086,7 +7138,7 @@ function FunDivider({
 
 // src/components/FunTooltip/FunTooltip.tsx
 import React40, {
-  useCallback as useCallback10,
+  useCallback as useCallback11,
   useEffect as useEffect14,
   useRef as useRef6,
   useState as useState14
@@ -7177,7 +7229,7 @@ var FunTooltip = ({
   const startDelayRef = useRef6();
   const delayRef = useRef6();
   const tooltipRef = useRef6(null);
-  const show = useCallback10(
+  const show = useCallback11(
     (startHiding) => {
       startDelayRef.current = setTimeout(() => {
         setIsDisplayed(true);
@@ -7187,7 +7239,7 @@ var FunTooltip = ({
     },
     [startDelay]
   );
-  const hide = useCallback10(() => {
+  const hide = useCallback11(() => {
     clearTimeout(startDelayRef.current);
     delayRef.current = setTimeout(() => {
       setIsDisplayed(false);
@@ -7300,7 +7352,7 @@ var HelpIcon = () => {
 };
 
 // src/components/Dialog/FocusTrap.tsx
-import React42, { useCallback as useCallback11, useEffect as useEffect15, useRef as useRef7 } from "react";
+import React42, { useCallback as useCallback12, useEffect as useEffect15, useRef as useRef7 } from "react";
 var moveFocusWithin = (element2, position) => {
   const focusableElements = element2.querySelectorAll(
     "button:not(:disabled), a[href]"
@@ -7333,7 +7385,7 @@ function FocusTrap(props) {
   return /* @__PURE__ */ React42.createElement(React42.Fragment, null, /* @__PURE__ */ React42.createElement(
     "div",
     {
-      onFocus: useCallback11(
+      onFocus: useCallback12(
         () => contentRef.current && moveFocusWithin(contentRef.current, "end"),
         []
       ),
@@ -7350,7 +7402,7 @@ function FocusTrap(props) {
   ), /* @__PURE__ */ React42.createElement(
     "div",
     {
-      onFocus: useCallback11(
+      onFocus: useCallback12(
         () => contentRef.current && moveFocusWithin(contentRef.current, "start"),
         []
       ),
@@ -7486,7 +7538,7 @@ function Dialog({
     }
     return () => document.removeEventListener("keydown", handleEscape);
   }, [open, onClose, isSmartCloseable]);
-  const handleBackdropClick = useCallback12(
+  const handleBackdropClick = useCallback13(
     () => isSmartCloseable ? onClose() : () => void 0,
     [isSmartCloseable, onClose]
   );
@@ -7842,17 +7894,17 @@ Dialog.BottomBar = FunBottomBar;
 // src/modals/WithdrwalModal/WithdrawalContent.tsx
 import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7 } from "@funkit/chains";
 import {
-  FlagKey as FlagKey13,
+  FlagKey as FlagKey14,
   formatCryptoAndStringify as formatCryptoAndStringify2,
   formatCurrencyAndStringify as formatCurrencyAndStringify3
 } from "@funkit/utils";
-import React67, { useEffect as useEffect27, useMemo as useMemo13, useState as useState26 } from "react";
+import React67, { useEffect as useEffect27, useMemo as useMemo14, useState as useState26 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
 import { useDebounce } from "use-debounce";
 import { useAccount as useAccount3 } from "wagmi";
 
 // src/components/AsyncImage/AsyncImage.tsx
-import React44, { useMemo as useMemo9, useReducer as useReducer2, useState as useState16 } from "react";
+import React44, { useMemo as useMemo10, useReducer as useReducer2, useState as useState16 } from "react";
 
 // src/components/AsyncImage/useAsyncImage.ts
 import { useEffect as useEffect19, useReducer } from "react";
@@ -7920,7 +7972,7 @@ function AsyncImage({
   const [hasError, setHasError] = useState16(
     srcProp === void 0 && fallbackSrc === void 0
   );
-  const { asyncStyle, imgProps } = useMemo9(() => {
+  const { asyncStyle, imgProps } = useMemo10(() => {
     const asyncStyle2 = !useAsImage ? getRemoteImageStyles(isRemoteImage, isRemoteImageLoaded, src) : {};
     if (useAsImage || isRemoteImage) {
       const imgProps2 = {
@@ -8022,13 +8074,13 @@ var getRemoteImageStyles = (isRemoteImage, isRemoteImageLoaded, src) => {
 import React59 from "react";
 
 // src/components/Dropdown/ChainDropdown.tsx
-import { FlagKey as FlagKey7 } from "@funkit/utils";
+import { FlagKey as FlagKey8 } from "@funkit/utils";
 import React56 from "react";
 
 // src/components/Dropdown/BaseDropdown.tsx
 import { isMobile as isMobile3, noop as noop2 } from "@funkit/utils";
 import { AnimatePresence as AnimatePresence4, motion as motion5 } from "motion/react";
-import React53, { useCallback as useCallback13, useEffect as useEffect22, useMemo as useMemo10, useRef as useRef10, useState as useState18 } from "react";
+import React53, { useCallback as useCallback14, useEffect as useEffect22, useMemo as useMemo11, useRef as useRef10, useState as useState18 } from "react";
 
 // src/consts/layout.ts
 var VERTICAL_SECTION_GAP = "18";
@@ -8652,13 +8704,13 @@ function BaseDropdown({
   const handleSearch = (event) => {
     setSearchInput(event.target.value);
   };
-  const filteredOptions = useMemo10(
+  const filteredOptions = useMemo11(
     () => options.filter(
       (singleOption) => singleOption.label.toLowerCase().includes(searchInput?.toLowerCase())
     ),
     [options, searchInput]
   );
-  const closeDropdown = useCallback13(() => {
+  const closeDropdown = useCallback14(() => {
     setIsOpened(false);
     resetSearchOnClose && setSearchInput("");
   }, [resetSearchOnClose]);
@@ -8931,9 +8983,9 @@ var ChainDropdown = ({
   maxDropdownHeight,
   tagComponent
 }) => {
-  const defaultChainIdJson = useFlag(FlagKey7.TokenTransferDefaultChainId);
+  const defaultChainIdJson = useFlag(FlagKey8.TokenTransferDefaultChainId);
   const defaultChainId = safeJSONParse(defaultChainIdJson);
-  const chainSortOrderJson = useFlag(FlagKey7.ChainIdSortOrder);
+  const chainSortOrderJson = useFlag(FlagKey8.ChainIdSortOrder);
   const chainSortOrder = safeJSONParse(chainSortOrderJson) || [];
   const chainIds = getSortedChainIds();
   const options = allowUnselect ? [DEFAULT_VALUE, ...chainIds] : chainIds;
@@ -9040,7 +9092,7 @@ var ChainDropdown = ({
 };
 
 // src/components/Dropdown/TokenDropdown.tsx
-import { FlagKey as FlagKey8, safeParseJson as safeParseJson3 } from "@funkit/utils";
+import { FlagKey as FlagKey9, safeParseJson as safeParseJson3 } from "@funkit/utils";
 import React58, { useState as useState19 } from "react";
 
 // src/utils/flags/patches/enable-bitcoin-patch.ts
@@ -9181,12 +9233,12 @@ var NewTokenBadge = ({ iconSymbol }) => {
 // src/components/Dropdown/TokenDropdown.tsx
 var TOKEN_ICON_SIZE = 16;
 var useNewTokens = () => {
-  const enableBitcoin = useFlag(FlagKey8.EnableBitcoin);
-  const bannerJson = useFlag(FlagKey8.NewTokenAssetSelectionBanner);
+  const enableBitcoin = useFlag(FlagKey9.EnableBitcoin);
+  const bannerJson = useFlag(FlagKey9.NewTokenAssetSelectionBanner);
   const bannerData = safeParseJson3(bannerJson);
   const addBitcoinToNewTokensMiddleware = enableBitcoin ? addBitcoinToNewTokens : void 0;
   const newBadgeTokensJson = useFlag(
-    FlagKey8.TokenTransferNewTokens,
+    FlagKey9.TokenTransferNewTokens,
     void 0,
     addBitcoinToNewTokensMiddleware
   );
@@ -9206,7 +9258,7 @@ var TokenDropdown = ({
   maxDropdownHeight,
   hideNewTokenBadge
 }) => {
-  const defaultTokensJson = useFlag(FlagKey8.TokenTransferDefaultTokens);
+  const defaultTokensJson = useFlag(FlagKey9.TokenTransferDefaultTokens);
   const defaultTokens = safeJSONParse(defaultTokensJson);
   const enabledTokens = assets[selectedChainId];
   const allTokens = getSortedTokens();
@@ -9606,7 +9658,7 @@ import {
   formatPercent,
   noop as noop4
 } from "@funkit/utils";
-import React64, { useEffect as useEffect23, useMemo as useMemo11, useState as useState20 } from "react";
+import React64, { useEffect as useEffect23, useMemo as useMemo12, useState as useState20 } from "react";
 import clsx14 from "clsx";
 import { motion as motion6, useAnimationControls } from "motion/react";
 import { mainnet as mainnet5 } from "viem/chains";
@@ -10002,7 +10054,7 @@ function PaymentFeesSummary({
     }
   }, [valuesNotAvailable, isExpanded]);
   const { uiCustomizations } = useFunkitConfig();
-  const { collapsed: collapsedItem, expanded: expandedItems } = useMemo11(() => {
+  const { collapsed: collapsedItem, expanded: expandedItems } = useMemo12(() => {
     const fees = quote?.finalFeesBreakdown ?? fallbackFees;
     if (!fees) {
       return NO_DATA;
@@ -10156,7 +10208,7 @@ var EvmWallet = ({ size = 20 }) => /* @__PURE__ */ React65.createElement(
 
 // src/hooks/queries/useWithdrawalQuote.ts
 import { useQuery as useQuery6 } from "@tanstack/react-query";
-import { useConfig as useConfig2 } from "wagmi";
+import { useConfig as useConfig3 } from "wagmi";
 
 // src/domains/quote.ts
 import { getCheckoutQuote as getApiCheckoutQuote } from "@funkit/api-base";
@@ -10592,7 +10644,7 @@ function useWithdrawalQuote({
   });
   const { loginType, userInfo } = useGeneralWallet();
   const { apiKey } = useFunkitConfig();
-  const wagmiConfig = useConfig2();
+  const wagmiConfig = useConfig3();
   const { getWithdrawalDirectExecution } = useCheckoutDirectExecution();
   const { checkoutItem } = useCheckoutContext();
   const isInstantQuoting = (symbol === "USDC" || symbol === "USDT") && chainId !== "1";
@@ -10805,13 +10857,13 @@ var useAssetSymbolPrice = ({
 };
 
 // src/hooks/useTokenChain.ts
-import { FlagKey as FlagKey10 } from "@funkit/utils";
+import { FlagKey as FlagKey11 } from "@funkit/utils";
 import { useEffect as useEffect24, useState as useState21 } from "react";
 import { polygon as polygon3 } from "viem/chains";
 
 // src/hooks/useEnabledTokenTransferChainTokens.ts
 import { bitcoinChain as bitcoinChain2, solanaChain as solanaChain3 } from "@funkit/chains";
-import { FlagKey as FlagKey9 } from "@funkit/utils";
+import { FlagKey as FlagKey10 } from "@funkit/utils";
 import { base as base4 } from "viem/chains";
 
 // src/hooks/useIsUsUser.ts
@@ -10833,14 +10885,14 @@ function useIsUsKatanaUser() {
 // src/hooks/useEnabledTokenTransferChainTokens.ts
 function useEnabledTokenTransferChainTokens(transferInit, isWithdrawal) {
   const isBankrUsUser = useIsUsBankrUser();
-  const enableBitcoin = useFlag(FlagKey9.EnableBitcoin);
+  const enableBitcoin = useFlag(FlagKey10.EnableBitcoin);
   const addBitcoinToSourceChainsAndAssetsMiddleware = enableBitcoin ? addBitcoinToSourceChainsAndAssets : void 0;
   const depositAssets = useFlag(
-    FlagKey9.TokenTransferSourceChainsAndAssets,
+    FlagKey10.TokenTransferSourceChainsAndAssets,
     void 0,
     addBitcoinToSourceChainsAndAssetsMiddleware
   );
-  const withdrawalAssets = useFlag(FlagKey9.WithdrawalChainsAndAssets);
+  const withdrawalAssets = useFlag(FlagKey10.WithdrawalChainsAndAssets);
   const assetsJsonString = isWithdrawal ? withdrawalAssets : depositAssets;
   const assets = safeJSONParse(assetsJsonString);
   if (!assets) {
@@ -10877,7 +10929,7 @@ var useTokenAndChainSelection = (transferInit, defaultValues, isWithdrawal) => {
     transferInit ?? null,
     isWithdrawal
   );
-  const defaultChainIdFlag = useFlag(FlagKey10.TokenTransferDefaultChainId);
+  const defaultChainIdFlag = useFlag(FlagKey11.TokenTransferDefaultChainId);
   const defaultChainId = defaultValues?.chainId ?? Number(defaultChainIdFlag);
   const validDefaultChainId = filteredAssets[defaultChainId] !== void 0 ? defaultChainId : polygon3.id;
   const [selectedChainId, setSelectedChainId] = useState21(validDefaultChainId);
@@ -10932,7 +10984,7 @@ var useTokenAndChainSelection = (transferInit, defaultValues, isWithdrawal) => {
 import { useState as useState25 } from "react";
 
 // src/hooks/useAutoClearState.ts
-import { useCallback as useCallback14, useEffect as useEffect25, useRef as useRef11, useState as useState22 } from "react";
+import { useCallback as useCallback15, useEffect as useEffect25, useRef as useRef11, useState as useState22 } from "react";
 function useAutoClearState(initialValue = null) {
   const [state, setState] = useState22(initialValue);
   const timeoutRef = useRef11();
@@ -10945,7 +10997,7 @@ function useAutoClearState(initialValue = null) {
   }, []);
   return [
     state,
-    useCallback14((newState, durationMs) => {
+    useCallback15((newState, durationMs) => {
       if (timeoutRef.current) {
         clearTimeout(timeoutRef.current);
         timeoutRef.current = void 0;
@@ -10963,11 +11015,11 @@ import { ClientError as ClientError2 } from "@funkit/utils";
 import { useState as useState24 } from "react";
 
 // src/hooks/useIsBlacklisted.ts
-import { FlagKey as FlagKey11 } from "@funkit/utils";
-import { useMemo as useMemo12 } from "react";
+import { FlagKey as FlagKey12 } from "@funkit/utils";
+import { useMemo as useMemo13 } from "react";
 var useIsBlacklisted = (walletAddress, customRecipient) => {
-  const flagStr = useFlag(FlagKey11.AddressBlacklist);
-  const blacklist = useMemo12(
+  const flagStr = useFlag(FlagKey12.AddressBlacklist);
+  const blacklist = useMemo13(
     () => safeJSONParse(flagStr)?.map((addr) => addr.toLowerCase()) || [],
     [flagStr]
   );
@@ -10978,15 +11030,15 @@ var useIsBlacklisted = (walletAddress, customRecipient) => {
 };
 
 // src/providers/FunkitQuoteContext.tsx
-import { FlagKey as FlagKey12, isNotNullish as isNotNullish4 } from "@funkit/utils";
+import { FlagKey as FlagKey13, isNotNullish as isNotNullish4 } from "@funkit/utils";
 import React66, {
   createContext as createContext13,
-  useCallback as useCallback15,
+  useCallback as useCallback16,
   useContext as useContext13,
   useEffect as useEffect26,
   useState as useState23
 } from "react";
-import { useConfig as useConfig3 } from "wagmi";
+import { useConfig as useConfig4 } from "wagmi";
 
 // src/consts/quote.ts
 import { ClientError } from "@funkit/utils";
@@ -11077,9 +11129,9 @@ var FunkitQuoteContext = createContext13({
 function FunkitQuoteProvider({ children }) {
   const { checkoutItem, setCheckout } = useCheckoutContext();
   const funkitConfig = useFunkitConfig();
-  const wagmiConfig = useConfig3();
+  const wagmiConfig = useConfig4();
   const { walletAddress, logoutSymbol, loginType, userInfo } = useGeneralWallet();
-  const enableFrogProxyServer = useFlag(FlagKey12.EnableFrogProxyServer);
+  const enableFrogProxyServer = useFlag(FlagKey13.EnableFrogProxyServer);
   const { getDirectExecutionInfo } = useCheckoutDirectExecution();
   const [latestQuote, setLatestQuote] = useState23(null);
   const [isQuoting, setIsQuoting] = useState23(false);
@@ -11095,7 +11147,7 @@ function FunkitQuoteProvider({ children }) {
       });
     }
   }, [logoutSymbol]);
-  const setQuoteProgress = useCallback15(
+  const setQuoteProgress = useCallback16(
     (state) => {
       setQuoteErrorMessage(state.quoteErrorMessage);
       setQuoteStepMessage(state.quoteStepMessage);
@@ -11103,7 +11155,7 @@ function FunkitQuoteProvider({ children }) {
     },
     []
   );
-  const clearCheckoutQuoteMessages = useCallback15(() => {
+  const clearCheckoutQuoteMessages = useCallback16(() => {
     setQuoteStepMessage("");
     setQuoteErrorMessage("");
   }, []);
@@ -11538,7 +11590,7 @@ function useWithdrawalAssets(config) {
     },
     true
   );
-  const excludedTokenStr = useFlag(FlagKey13.WithdrawalExcludeTokens);
+  const excludedTokenStr = useFlag(FlagKey14.WithdrawalExcludeTokens);
   const excludedTokens = safeJSONParse(excludedTokenStr);
   if (excludedTokens) {
     for (const chainIdStr of Object.keys(excludedTokens)) {
@@ -11630,26 +11682,60 @@ function getErrorNotification(quoteErrorObject, withdrawalError, targetAssetFetc
   }
   return null;
 }
+function useShowConnectWallet({
+  config
+}) {
+  const withdrawalWalletAddress = "wallet" in config ? config.wallet.address() : "0x";
+  const { isConnected, address: connectedWalletAddress } = useAccount3();
+  const showUseConnected = !config.disableConnectedWallet && isConnected && connectedWalletAddress && withdrawalWalletAddress.toLowerCase() !== connectedWalletAddress.toLowerCase();
+  useEffect27(() => {
+    logger.debug("withdrawalContent:showUseConnected", {
+      isConnected,
+      connectedWalletAddress,
+      withdrawalWalletAddress
+    });
+  }, [isConnected, connectedWalletAddress, withdrawalWalletAddress]);
+  return showUseConnected;
+}
+function isValidWithdrawal({
+  config,
+  checkoutConfig,
+  withdrawalUSD,
+  recipientAddress,
+  selectedChainId,
+  sourceTokenBalance
+}) {
+  const isValidAddress = isAddressSupported(recipientAddress);
+  const isValidAddressAndChain = isAddressCompatibleWithChain(
+    recipientAddress,
+    selectedChainId
+  );
+  const minWithdrawalUsd = config.getMinWithdrawalUSD?.({
+    tokenAddress: checkoutConfig?.sourceTokenAddress || "0x",
+    tokenChainId: checkoutConfig?.sourceChain || "0"
+  }) || 0.01;
+  const isWithdrawAmountTooLow = Number(withdrawalUSD) < minWithdrawalUsd;
+  const isWithdrawAmountValid = !isWithdrawAmountTooLow && Number(withdrawalUSD) <= sourceTokenBalance;
+  return {
+    isValidAddress,
+    isValidAddressAndChain,
+    isWithdrawAmountTooLow,
+    isWithdrawAmountValid,
+    minWithdrawalUsd
+  };
+}
 var WithdrawContent = ({
   onContinue,
   config,
   withdrawalItem
-  // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: refactor this later
 }) => {
   const sourceTokenBalance = withdrawalItem?.withdrawalSourceTokenBalance?.() || 0;
   const token = config.sourceTokenSymbol;
   const [confirmingQuote, setConfirmingQuote] = useState26(false);
   const [recipientAddress, setRecipientAddress] = useState26("");
-  const [withdrawalUSD, setAmount] = useState26("");
+  const [withdrawalUSD, setWithdrawalUSD] = useState26("");
   const [debouncedUSD] = useDebounce(withdrawalUSD, 500);
-  const [addressInputTouched, setAddressInputTouched] = useState26(false);
-  const [amountInputTouched, setAmountInputTouched] = useState26(false);
-  const {
-    updateCustomRecipient,
-    updateTargetAsset,
-    updateWithdrawalSourceAssetAmount,
-    updateTargetAssetAmount
-  } = useCheckoutContext();
+  const { updateTargetAsset, updateTargetAssetAmount } = useCheckoutContext();
   const {
     assets,
     selectedChainId,
@@ -11685,7 +11771,6 @@ var WithdrawContent = ({
       iconSrc: getTokenIconUrl(selectedToken)
     });
   }, [targetAssetInfo, updateTargetAsset, selectedChainId, selectedToken]);
-  const withdrawalWalletAddress = "wallet" in config ? config.wallet.address() : "0x";
   const {
     isLoading: isQuoteLoading,
     data: quote,
@@ -11701,11 +11786,6 @@ var WithdrawContent = ({
     symbol: selectedToken,
     targetAsset: targetAssetInfo?.address
   });
-  const {
-    isConnected,
-    connector,
-    address: connectedWalletAddress
-  } = useAccount3();
   const { handleWithdrawal, isWithdrawing, withdrawalError } = useWithdrawal({
     config,
     withdrawalItem,
@@ -11720,62 +11800,24 @@ var WithdrawContent = ({
       }, 150);
     }
   }, [isPlaceholderData, confirmingQuote, isQuoteLoading, isInstantQuoting]);
-  const showCheckAddressAlert = false;
-  const wallets = usePreparedWalletConnectors();
   const { apiKey } = useFunkitConfig();
-  const connectedWalletIconUrl = wallets.find(
-    (wallet) => wallet.id === connector?.id
-  )?.iconUrl;
   const normalizedSelectedToken = selectedToken.toUpperCase();
-  const isValidAddress = isAddressSupported(recipientAddress);
-  const isValidAddressAndChain = isAddressCompatibleWithChain(
-    recipientAddress,
-    selectedChainId
-  );
   const { checkoutItem } = useCheckoutContext();
   const checkoutConfig = checkoutItem?.initSettings.config;
-  const minWithdrawalUsd = config.getMinWithdrawalUSD?.({
-    tokenAddress: checkoutConfig?.sourceTokenAddress || "0x",
-    tokenChainId: checkoutConfig?.sourceChain || "0"
-  }) || 0.01;
-  const isWithdrawAmountTooLow = Number(withdrawalUSD) < minWithdrawalUsd;
-  const isWithdrawAmountValid = !isWithdrawAmountTooLow && Number(withdrawalUSD) <= sourceTokenBalance;
-  const showUseConnected = !config.disableConnectedWallet && isConnected && connectedWalletAddress && withdrawalWalletAddress.toLowerCase() !== connectedWalletAddress.toLowerCase();
-  useEffect27(() => {
-    logger.debug("withdrawalContent:showUseConnected", {
-      isConnected,
-      connectedWalletAddress,
-      withdrawalWalletAddress
-    });
-  }, [isConnected, connectedWalletAddress, withdrawalWalletAddress]);
-  const handleUseConnectedClick = () => {
-    if (!connectedWalletAddress) {
-      return;
-    }
-    setRecipientAddress(connectedWalletAddress);
-    updateCustomRecipient(connectedWalletAddress);
-  };
-  const handleAddressChange = (e) => {
-    setRecipientAddress(e.target.value);
-    updateCustomRecipient(e.target.value);
-  };
-  const handleAddressBlur = () => {
-    if (!isValidAddress && recipientAddress !== "") {
-      setAddressInputTouched(true);
-    }
-  };
-  const handleAmountChange = (e) => {
-    if (!amountInputTouched) {
-      setAmountInputTouched(true);
-    }
-    setAmount(e.target.value);
-    const withdrawalUSD2 = Number.parseFloat(e.target.value);
-    updateWithdrawalSourceAssetAmount(withdrawalUSD2);
-  };
-  const setMaxAmount = () => {
-    setAmount(sourceTokenBalance.toString());
-    updateWithdrawalSourceAssetAmount(sourceTokenBalance);
-  };
+  const {
+    isValidAddress,
+    isValidAddressAndChain,
+    isWithdrawAmountValid,
+    isWithdrawAmountTooLow,
+    minWithdrawalUsd
+  } = isValidWithdrawal({
+    config,
+    checkoutConfig,
+    withdrawalUSD,
+    sourceTokenBalance,
+    recipientAddress,
+    selectedChainId
+  });
   const handleSubmit = () => {
     if (isPlaceholderData || isQuoteLoading && isInstantQuoting) {
       setConfirmingQuote(true);
@@ -11799,13 +11841,16 @@ var WithdrawContent = ({
       quote: quote.finalEstimation
     });
   };
-  const { data: addressAssessment, isLoading: isCheckingAddressRisk } = useWithdrawalRisk(apiKey, recipientAddress);
+  const { data: isRisky, isLoading: isCheckingAddressRisk } = useWithdrawalRisk(
+    apiKey,
+    recipientAddress
+  );
   const isReceipentBlacklisted = isBlacklistedWithdrawAddress(recipientAddress);
   const bottomSectionRef = useBottomSectionRef("withdrawal");
-  const showAddressError = addressInputTouched && !isValidAddress && recipientAddress !== "";
-  const showAmountError = amountInputTouched && withdrawalUSD !== "" && !isWithdrawAmountValid;
+  const hasAddressError = !isValidAddress && recipientAddress !== "";
+  const hasAmountError = withdrawalUSD !== "" && !isWithdrawAmountValid;
   function computeCanContinue() {
-    return recipientAddress && withdrawalUSD && token && selectedChainId && (quote || isPlaceholderData || isQuoteLoading && isInstantQuoting) && !showAmountError && !showAddressError && !isCheckingAddressRisk && !addressAssessment && !isReceipentBlacklisted && isValidAddressAndChain && withdrawalUSD === debouncedUSD;
+    return recipientAddress && withdrawalUSD && token && selectedChainId && (quote || isPlaceholderData || isQuoteLoading && isInstantQuoting) && !hasAmountError && !hasAddressError && !isCheckingAddressRisk && !isRisky && !isReceipentBlacklisted && isValidAddressAndChain && withdrawalUSD === debouncedUSD;
   }
   const canContinue = computeCanContinue();
   const { totalImpactUsd, gasUsd } = extractRelayFeeInfo(
@@ -11824,7 +11869,7 @@ var WithdrawContent = ({
     isValidAddressAndChain,
     selectedChainName
   });
-  const errorNotification = useMemo13(
+  const errorNotification = useMemo14(
     () => getErrorNotification(
       quoteErrorObject,
       withdrawalError,
@@ -11832,7 +11877,129 @@ var WithdrawContent = ({
     ),
     [quoteErrorObject, targetAssetFetchError, withdrawalError]
   );
-  return /* @__PURE__ */ React67.createElement(Box, { id: "withdrawal-flow", display: "flex", flexDirection: "column", gap: "18" }, /* @__PURE__ */ React67.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, /* @__PURE__ */ React67.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React67.createElement(Text, { size: "12", weight: "medium" }, "Recipient address"), /* @__PURE__ */ React67.createElement(
+  const isRiskyAddress = !!isRisky && !isCheckingAddressRisk;
+  return /* @__PURE__ */ React67.createElement(Box, { id: "withdrawal-flow", display: "flex", flexDirection: "column", gap: "18" }, /* @__PURE__ */ React67.createElement(
+    WithdrawRecipientAddress,
+    {
+      recipientAddress,
+      config,
+      setRecipientAddress,
+      selectedToken,
+      selectedChainId,
+      isRiskyAddress
+    }
+  ), /* @__PURE__ */ React67.createElement(
+    WithdrawAmountInput,
+    {
+      config,
+      withdrawalUSD,
+      setWithdrawalUSD,
+      isWithdrawAmountTooLow,
+      isWithdrawAmountValid,
+      minWithdrawalUsd,
+      sourceTokenBalance
+    }
+  ), /* @__PURE__ */ React67.createElement(
+    TokenAndChainDropdown,
+    {
+      isLoading: false,
+      assets,
+      selectedToken,
+      onTokenSelected: handleTokenChange,
+      selectedChainId,
+      onChainSelected: handleChainChange,
+      tokenLabel: "Receive token",
+      chainLabel: "Receive chain",
+      alwaysOpenToTop: true,
+      maxTokenDropdownHeight: 195,
+      hideNewTokenBadge: true
+    }
+  ), /* @__PURE__ */ React67.createElement(Box, { display: "flex", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React67.createElement(Text, { size: "12" }, "You will receive"), isQuoteLoading && !isInstantQuoting ? /* @__PURE__ */ React67.createElement(FunSkeletonBlock, { height: "14", width: "54" }) : /* @__PURE__ */ React67.createElement(
+    Box,
+    {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      gap: "8"
+    },
+    quoteEnabled ? /* @__PURE__ */ React67.createElement(React67.Fragment, null, /* @__PURE__ */ React67.createElement(Text, { size: "12", weight: "medium" }, formatCryptoAndStringify2(receiveAmountCrypto, selectedToken)), /* @__PURE__ */ React67.createElement(Text, { size: "12", color: "secondaryText" }, formatCurrencyAndStringify3(receiveAmountFiatTotal))) : /* @__PURE__ */ React67.createElement(Text, { size: "12", color: "secondaryText" }, NO_DATA_VALUE)
+  )), /* @__PURE__ */ React67.createElement(
+    PaymentFeesSummary,
+    {
+      fallbackFees: FALLBACK_FEES,
+      isLoading: isQuoteLoading && !isInstantQuoting,
+      quote: quote?.finalEstimation,
+      key: `${isQuoteLoading}`,
+      valuesNotAvailable: !quoteEnabled
+    }
+  ), normalizedSelectedToken === "USDC.E" && /* @__PURE__ */ React67.createElement(
+    InfoBanner,
+    {
+      message: "<strong>USDCe is not widely supported by most exchanges.</strong><br />Sending USDCe to an unsupported platform may result in a permanent loss of funds. Always double-check token compatibility before transferring.",
+      type: "warning"
+    }
+  ), bottomSectionRef && createPortal2(
+    /* @__PURE__ */ React67.createElement(
+      Dialog.BottomBar,
+      {
+        topSection: /* @__PURE__ */ React67.createElement(
+          FunNotification,
+          {
+            description: errorNotification?.message,
+            type: errorNotification?.type,
+            isVisible: !!errorNotification
+          }
+        ),
+        actionButtonProps: {
+          title: withdrawButtonText,
+          isDisabled: !canContinue || isWithdrawing,
+          isLoading: isWithdrawing || confirmingQuote,
+          onClick: handleSubmit
+        }
+      }
+    ),
+    bottomSectionRef
+  ));
+};
+function WithdrawRecipientAddress({
+  config,
+  recipientAddress,
+  setRecipientAddress,
+  selectedChainId,
+  selectedToken,
+  isRiskyAddress
+}) {
+  const isValidAddress = isAddressSupported(recipientAddress);
+  const hasAddressError = !isValidAddress && recipientAddress !== "";
+  const [addressInputTouched, setAddressInputTouched] = useState26(false);
+  const { updateCustomRecipient } = useCheckoutContext();
+  const { connector, address: connectedWalletAddress } = useAccount3();
+  const wallets = usePreparedWalletConnectors();
+  const showCheckAddressAlert = false;
+  const connectedWalletIconUrl = wallets.find(
+    (wallet) => wallet.id === connector?.id
+  )?.iconUrl;
+  const showUseConnected = useShowConnectWallet({
+    config
+  });
+  const handleUseConnectedClick = () => {
+    if (!connectedWalletAddress) {
+      return;
+    }
+    setRecipientAddress(connectedWalletAddress);
+    updateCustomRecipient(connectedWalletAddress);
+  };
+  const handleAddressChange = (e) => {
+    setRecipientAddress(e.target.value);
+    updateCustomRecipient(e.target.value);
+  };
+  const handleAddressBlur = () => {
+    if (hasAddressError) {
+      setAddressInputTouched(true);
+    }
+  };
+  const showAddressError = addressInputTouched && hasAddressError;
+  return /* @__PURE__ */ React67.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, /* @__PURE__ */ React67.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React67.createElement(Text, { size: "12", weight: "medium" }, "Recipient address"), /* @__PURE__ */ React67.createElement(
     FunInput,
     {
       allowMultiline: true,
@@ -11879,7 +12046,7 @@ var WithdrawContent = ({
         )
       ) : void 0
     }
-  )), /* @__PURE__ */ React67.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, addressAssessment && !isCheckingAddressRisk && /* @__PURE__ */ React67.createElement(
+  )), /* @__PURE__ */ React67.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, isRiskyAddress && /* @__PURE__ */ React67.createElement(
     InfoBanner,
     {
       message: "This wallet address cannot be used due to restrictions.",
@@ -11891,7 +12058,33 @@ var WithdrawContent = ({
       message: getAlertMessage(selectedChainId, selectedToken),
       type: "alert"
     }
-  ))), /* @__PURE__ */ React67.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React67.createElement(Text, { size: "12", weight: "medium" }, "Amount"), /* @__PURE__ */ React67.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React67.createElement(
+  )));
+}
+function WithdrawAmountInput({
+  withdrawalUSD,
+  setWithdrawalUSD,
+  sourceTokenBalance,
+  isWithdrawAmountTooLow,
+  isWithdrawAmountValid,
+  minWithdrawalUsd,
+  config
+}) {
+  const { updateWithdrawalSourceAssetAmount } = useCheckoutContext();
+  const [amountInputTouched, setAmountInputTouched] = useState26(false);
+  const handleAmountChange = (e) => {
+    if (!amountInputTouched) {
+      setAmountInputTouched(true);
+    }
+    setWithdrawalUSD(e.target.value);
+    const withdrawalUSD2 = Number.parseFloat(e.target.value);
+    updateWithdrawalSourceAssetAmount(withdrawalUSD2);
+  };
+  const setMaxAmount = () => {
+    setWithdrawalUSD(sourceTokenBalance.toString());
+    updateWithdrawalSourceAssetAmount(sourceTokenBalance);
+  };
+  const showAmountError = amountInputTouched && withdrawalUSD !== "" && !isWithdrawAmountValid;
+  return /* @__PURE__ */ React67.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React67.createElement(Text, { size: "12", weight: "medium" }, "Amount"), /* @__PURE__ */ React67.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React67.createElement(
     FunInput,
     {
       value: withdrawalUSD,
@@ -11925,80 +12118,8 @@ var WithdrawContent = ({
         )
       )
     }
-  ), /* @__PURE__ */ React67.createElement(
-    Box,
-    {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "space-between"
-    },
-    /* @__PURE__ */ React67.createElement(Text, { size: "12", color: "secondaryText" }, formatCurrencyAndStringify3(Number(withdrawalUSD))),
-    sourceTokenBalance && /* @__PURE__ */ React67.createElement(Text, { size: "12", color: "secondaryText" }, "Balance:", " ", formatCurrencyAndStringify3(sourceTokenBalance).replace(
-      "$",
-      ""
-    ), " ", config.sourceTokenSymbol)
-  ))), /* @__PURE__ */ React67.createElement(
-    TokenAndChainDropdown,
-    {
-      isLoading: false,
-      assets,
-      selectedToken,
-      onTokenSelected: handleTokenChange,
-      selectedChainId,
-      onChainSelected: handleChainChange,
-      tokenLabel: "Receive token",
-      chainLabel: "Receive chain",
-      alwaysOpenToTop: true,
-      maxTokenDropdownHeight: 195,
-      hideNewTokenBadge: true
-    }
-  ), /* @__PURE__ */ React67.createElement(Box, { display: "flex", justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React67.createElement(Text, { size: "12" }, "You will receive"), isQuoteLoading && !isInstantQuoting ? /* @__PURE__ */ React67.createElement(FunSkeletonBlock, { height: "14", width: "54" }) : /* @__PURE__ */ React67.createElement(
-    Box,
-    {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      gap: "8"
-    },
-    quoteEnabled ? /* @__PURE__ */ React67.createElement(React67.Fragment, null, /* @__PURE__ */ React67.createElement(Text, { size: "12", weight: "medium" }, formatCryptoAndStringify2(receiveAmountCrypto, selectedToken)), /* @__PURE__ */ React67.createElement(Text, { size: "12", color: "secondaryText" }, formatCurrencyAndStringify3(receiveAmountFiatTotal))) : /* @__PURE__ */ React67.createElement(Text, { size: "12", color: "secondaryText" }, NO_DATA_VALUE)
-  )), /* @__PURE__ */ React67.createElement(
-    PaymentFeesSummary,
-    {
-      fallbackFees: FALLBACK_FEES,
-      isLoading: isQuoteLoading && !isInstantQuoting,
-      quote: quote?.finalEstimation,
-      key: `${isQuoteLoading}`,
-      valuesNotAvailable: !quoteEnabled
-    }
-  ), normalizedSelectedToken === "USDC.E" && /* @__PURE__ */ React67.createElement(
-    InfoBanner,
-    {
-      message: "<strong>USDCe is not widely supported by most exchanges.</strong><br />Sending USDCe to an unsupported platform may result in a permanent loss of funds. Always double-check token compatibility before transferring.",
-      type: "warning"
-    }
-  ), bottomSectionRef && createPortal2(
-    /* @__PURE__ */ React67.createElement(
-      Dialog.BottomBar,
-      {
-        topSection: /* @__PURE__ */ React67.createElement(
-          FunNotification,
-          {
-            description: errorNotification?.message,
-            type: errorNotification?.type,
-            isVisible: !!errorNotification
-          }
-        ),
-        actionButtonProps: {
-          title: withdrawButtonText,
-          isDisabled: !canContinue || isWithdrawing,
-          isLoading: isWithdrawing || confirmingQuote,
-          onClick: handleSubmit
-        }
-      }
-    ),
-    bottomSectionRef
-  ));
-};
+  ), /* @__PURE__ */ React67.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "space-between" }, /* @__PURE__ */ React67.createElement(Text, { size: "12", color: "secondaryText" }, formatCurrencyAndStringify3(Number(withdrawalUSD))), sourceTokenBalance && /* @__PURE__ */ React67.createElement(Text, { size: "12", color: "secondaryText" }, "Balance:", " ", formatCurrencyAndStringify3(sourceTokenBalance).replace("$", ""), " ", config.sourceTokenSymbol))));
+}
 
 // src/modals/WithdrwalModal/WithdrawalNotification.tsx
 import React202 from "react";
@@ -12070,7 +12191,7 @@ import { useAccount as useAccount6 } from "wagmi";
 // src/components/FunPayments/FunPaymentMethods.tsx
 import { BridgeCustomerStatus as BridgeCustomerStatus3 } from "@funkit/api-base";
 import {
-  FlagKey as FlagKey16,
+  FlagKey as FlagKey17,
   formatCurrencyAndStringify as formatCurrencyAndStringify4,
   formatSecondsToReadableForm,
   safeParseJson as safeParseJson4
@@ -12157,9 +12278,9 @@ var isSoftRejected = (customer) => customer && isKycUninitialized(customer.statu
 var FIAT_PROCESSING_TIME = "1-2 business days";
 
 // src/hooks/useCheckoutTimeEstimate.ts
-import { FlagKey as FlagKey14 } from "@funkit/utils";
+import { FlagKey as FlagKey15 } from "@funkit/utils";
 function useCheckoutTimeEstimate(originalTimeEstimationMs, paymentMethod = "card" /* CARD */, bypassFlag = false) {
-  const timeEstimatesJsonString = useFlag(FlagKey14.CheckoutTimeEstimateOverrides);
+  const timeEstimatesJsonString = useFlag(FlagKey15.CheckoutTimeEstimateOverrides);
   const timeEstimates = safeJSONParse(
     timeEstimatesJsonString
   );
@@ -12176,9 +12297,9 @@ import {
   getBridgeKycLink
 } from "@funkit/api-base";
 import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9 } from "@funkit/chains";
-import { FlagKey as FlagKey15 } from "@funkit/utils";
+import { FlagKey as FlagKey16 } from "@funkit/utils";
 import { useQuery as useQuery10, useQueryClient } from "@tanstack/react-query";
-import { useCallback as useCallback16 } from "react";
+import { useCallback as useCallback17 } from "react";
 var sepaCountryCode = [
   // EU countries that are part of SEPA
   "AT",
@@ -12256,8 +12377,8 @@ function useFiatEnabled() {
   const isEuSepaUser = sepaCountryCode.includes(
     userIpInfo?.alpha2 || "PLACEHOLDER"
   );
-  const isTokenTransferEnabled = useFlag(FlagKey15.EnableTokenTransfer);
-  const isFiatEnabled = useFlag(FlagKey15.EnableFiatDeposit);
+  const isTokenTransferEnabled = useFlag(FlagKey16.EnableTokenTransfer);
+  const isFiatEnabled = useFlag(FlagKey16.EnableFiatDeposit);
   return isEuSepaUser && isTokenTransferEnabled && isFiatEnabled;
 }
 function useFrogAccounts() {
@@ -12277,13 +12398,13 @@ function useFrogAccounts() {
 function useClearFrogAccountsCache() {
   const { walletAddress } = useGeneralWallet();
   const queryClient = useQueryClient();
-  const clearFrogAccounts = useCallback16(() => {
+  const clearFrogAccounts = useCallback17(() => {
     queryClient.removeQueries({
       queryKey: ["frogSubAccounts", walletAddress],
       exact: true
     });
   }, [queryClient, walletAddress]);
-  const clearVirtualFiatAccounts = useCallback16(() => {
+  const clearVirtualFiatAccounts = useCallback17(() => {
     queryClient.removeQueries({
       queryKey: ["useVirtualFiatAccounts"]
     });
@@ -12358,7 +12479,7 @@ function useCreateVirtualBankAccount() {
   const chainName = targetChainId && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9[targetChainId]?.name?.toLowerCase();
   const subAccountId = allFiatAccounts?.bridgeCustomer?.id;
   const { clearVirtualFiatAccounts } = useClearFrogAccountsCache();
-  const handleCreateVirtualFiatAccount = useCallback16(async () => {
+  const handleCreateVirtualFiatAccount = useCallback17(async () => {
     try {
       if (!subAccountId || !chainName) {
         return {
@@ -12408,7 +12529,7 @@ import {
   FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS as FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS3,
   FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO10
 } from "@funkit/chains";
-import { useMemo as useMemo14 } from "react";
+import { useMemo as useMemo15 } from "react";
 
 // src/hooks/useWalletAssets.ts
 import {
@@ -12585,7 +12706,7 @@ var processWalletAssets = (walletAssets, targetChain) => {
 };
 function useWalletAssetHoldings(targetChain) {
   const { walletAssets, isLoading, totalWalletAssetsUsd } = useWalletAssets();
-  const processedAssets = useMemo14(
+  const processedAssets = useMemo15(
     () => processWalletAssets(walletAssets, targetChain),
     [targetChain, walletAssets]
   );
@@ -13833,16 +13954,6 @@ var CardPaymentMethodItem = ({
       valueIcon: customValueIcon ?? /* @__PURE__ */ React74.createElement(CombinedCreditCardOptionsIcon, null),
       onClick,
       isDisabled: !isClickable,
-      badge: /* @__PURE__ */ React74.createElement(
-        FunBadge,
-        {
-          background: "approvedBadgeBackground",
-          borderColor: "approvedBadgeBorder",
-          color: "approvedBadgeText",
-          hasShine: true
-        },
-        "NEW"
-      ),
       disclaimerText: `$50,000 limit \u2022 ${formatSecondsToReadableForm(timeEstimate, true)}`
     }
   );
@@ -13855,12 +13966,12 @@ var TransferPaymentMethodItem = ({
   paymentIcon
 }) => {
   const { textCustomizations } = useFunkitConfig();
-  const enableBitcoin = useFlag(FlagKey16.EnableBitcoin);
-  const bannerJson = useFlag(FlagKey16.NewTokenAssetSelectionBanner);
+  const enableBitcoin = useFlag(FlagKey17.EnableBitcoin);
+  const bannerJson = useFlag(FlagKey17.NewTokenAssetSelectionBanner);
   const bannerData = safeParseJson4(bannerJson);
   const addBitcoinToSourceChainsAndAssetsMiddleware = enableBitcoin ? addBitcoinToSourceChainsAndAssets : void 0;
   const depositAssetsJson = useFlag(
-    FlagKey16.TokenTransferSourceChainsAndAssets,
+    FlagKey17.TokenTransferSourceChainsAndAssets,
     void 0,
     addBitcoinToSourceChainsAndAssetsMiddleware
   );
@@ -13977,16 +14088,6 @@ function PayPalPaymentMethodItem({
       keyText: "Deposit with PayPal",
       onClick,
       isDisabled: !isClickable,
-      badge: /* @__PURE__ */ React74.createElement(
-        FunBadge,
-        {
-          background: "approvedBadgeBackground",
-          borderColor: "approvedBadgeBorder",
-          color: "approvedBadgeText",
-          hasShine: true
-        },
-        "NEW"
-      ),
       disclaimerText: "$10,000 limit \u2022 5 min"
     }
   );
@@ -14078,7 +14179,7 @@ var BankIconActive = ({ size = 20 }) => {
 
 // src/components/FunConnectOptions/FunSignInStep.tsx
 import { groupBy, isMobile as isMobile8, isSafari as isSafari3, redirectInMobile as redirectInMobile2 } from "@funkit/utils";
-import React191, { Fragment as Fragment2, useCallback as useCallback42, useMemo as useMemo37, useState as useState62 } from "react";
+import React191, { Fragment as Fragment2, useCallback as useCallback43, useMemo as useMemo38, useState as useState62 } from "react";
 
 // src/providers/walletConnectDeepLink.ts
 var storageKey = "WALLETCONNECT_DEEPLINK_CHOICE";
@@ -14496,10 +14597,10 @@ var SocialsIcon = () => {
 };
 
 // src/components/FunConnectOptions/FunConnectOptions.tsx
-import React190, { useCallback as useCallback41, useMemo as useMemo36, useState as useState61 } from "react";
+import React190, { useCallback as useCallback42, useMemo as useMemo37, useState as useState61 } from "react";
 
 // src/hooks/useAnimatedNavigation.ts
-import { useCallback as useCallback17, useState as useState28 } from "react";
+import { useCallback as useCallback18, useState as useState28 } from "react";
 
 // src/css/modalTransitionStyles.css.ts
 var animateContentInClass = "stgjxl2";
@@ -14527,7 +14628,7 @@ function useAnimatedNavigation(callback) {
   const [animateOut, setAnimateOut] = useState28(false);
   const [isSkipped, setIsSkipped] = useState28(false);
   const [isReversed, setIsReversed] = useState28(false);
-  const navigateTo = useCallback17(
+  const navigateTo = useCallback18(
     (page, params = {}) => {
       setIsSkipped(!!params.skip);
       if (params.skip) {
@@ -14542,7 +14643,7 @@ function useAnimatedNavigation(callback) {
     },
     [callback]
   );
-  const animate = useCallback17(
+  const animate = useCallback18(
     (callback2, params = {}) => {
       setIsSkipped(!!params.skip);
       if (params.skip) {
@@ -14570,17 +14671,17 @@ import React180, { useEffect as useEffect45, useRef as useRef23, useState as use
 
 // src/modals/CheckoutModal/stepTransition.ts
 import {
-  useCallback as useCallback37,
+  useCallback as useCallback38,
   useRef as useRef22,
   useState as useState57
 } from "react";
 
 // src/hooks/useCheckoutQuoteNotification.ts
-import { useMemo as useMemo15 } from "react";
+import { useMemo as useMemo16 } from "react";
 function useCheckoutQuoteNotification() {
   const { clearCheckoutQuoteMessages } = useQuoteContext();
   const { quoteErrorMessage, quoteStepMessage } = useQuoteContext();
-  const quoteNotification = useMemo15(() => {
+  const quoteNotification = useMemo16(() => {
     if (quoteErrorMessage !== "") {
       return {
         messageType: "error",
@@ -14864,7 +14965,7 @@ import {
   BridgeCustomerStatus as BridgeCustomerStatus4
 } from "@funkit/api-base";
 import { exhaustiveCheck as exhaustiveCheck4 } from "@funkit/utils";
-import React92, { useCallback as useCallback18, useState as useState30 } from "react";
+import React92, { useCallback as useCallback19, useState as useState30 } from "react";
 import { createPortal as createPortal4 } from "react-dom";
 
 // src/components/Icons/HomeIcon.tsx
@@ -15466,7 +15567,7 @@ var VerifyAccountScreen = ({
   const kycUninitialized = !isSoftRejected2 && customerStatus && isKycUninitialized(customerStatus);
   const canStartKyc = kycUninitialized || isSoftRejected2;
   const handleCreateVirtualFiatAccount = useCreateVirtualBankAccount();
-  const onClick = useCallback18(async () => {
+  const onClick = useCallback19(async () => {
     if (customerStatus === BridgeCustomerStatus4.ACTIVE) {
       setCreating(true);
       const result = await handleCreateVirtualFiatAccount();
@@ -15998,7 +16099,7 @@ function getCheckoutCompletionTime(checkout) {
 }
 
 // src/components/FunCheckoutHistory/FunCheckoutHistoryDetail.tsx
-import React108, { useCallback as useCallback20, useMemo as useMemo16, useState as useState32 } from "react";
+import React108, { useCallback as useCallback21, useMemo as useMemo17, useState as useState32 } from "react";
 import { createPortal as createPortal6 } from "react-dom";
 
 // src/components/HelpAlert/HelpAlert.tsx
@@ -16014,7 +16115,7 @@ var HelpAlert = ({ onHelp: onHelp2 }) => {
 };
 
 // src/hooks/useFunListeners.ts
-import { useCallback as useCallback19, useEffect as useEffect28, useRef as useRef13 } from "react";
+import { useCallback as useCallback20, useEffect as useEffect28, useRef as useRef13 } from "react";
 function useCheckoutHistoryListener(activate = true, singleDepositAddr) {
   const activeIntervalRef = useRef13();
   const { startCheckoutHistoryListener, stopCheckoutHistoryListener } = useCheckoutHistoryContext();
@@ -16037,21 +16138,21 @@ function useSIWFarcasterListener(channelToken) {
   const { getFcConnectionStatus, handleFunkitWeb2Login } = useFunkitWeb2Login();
   const intervalRef = useRef13();
   const [refreshSymbol, triggerRefreshSymbol] = useSymbolRefresh_default();
-  const startStatusListener = useCallback19(() => {
+  const startStatusListener = useCallback20(() => {
     clearInterval(intervalRef.current);
     triggerRefreshSymbol();
     intervalRef.current = setInterval(() => {
       triggerRefreshSymbol();
     }, FARCASTER_STATUS_INTERVAL);
   }, [triggerRefreshSymbol]);
-  const stopStatusListener = useCallback19(() => {
+  const stopStatusListener = useCallback20(() => {
     clearInterval(intervalRef.current);
   }, []);
   useEffect28(() => {
     startStatusListener();
     return () => stopStatusListener();
   }, []);
-  const check = useCallback19(async () => {
+  const check = useCallback20(async () => {
     if (!channelToken || !initalChainid) {
       return;
     }
@@ -16365,7 +16466,7 @@ function FunCheckoutHistoryDetail({
   useCheckoutHistoryListener(isProcessing, checkoutHistoryInfo?.depositAddr);
   useWalletAssets({ enableRefetchInterval: isProcessing || isCompleted });
   const { beginCheckout } = useFunkitCheckout({});
-  const handleNewCheckout = useCallback20(
+  const handleNewCheckout = useCallback21(
     (fromCheckout) => {
       onClose({ isNewDeposit: true });
       const historicalCheckout = fromCheckout.clientMetadata;
@@ -16384,7 +16485,7 @@ function FunCheckoutHistoryDetail({
       isActiveCheckout
     ]
   );
-  const primaryButtonProps = useMemo16(() => {
+  const primaryButtonProps = useMemo17(() => {
     if (!isCheckoutLoaded) {
       return void 0;
     }
@@ -16473,7 +16574,7 @@ var CheckoutAlert = ({ state, refundState, onHelp: onHelp2 }) => {
 
 // src/components/FunCheckoutHistory/FunCheckoutHistoryHelp.tsx
 import { sendSupportMessage } from "@funkit/api-base";
-import React112, { useEffect as useEffect30, useMemo as useMemo17, useRef as useRef15, useState as useState33 } from "react";
+import React112, { useEffect as useEffect30, useMemo as useMemo18, useRef as useRef15, useState as useState33 } from "react";
 import { createPortal as createPortal7 } from "react-dom";
 
 // src/components/FunInput/FunTextAreaInput.tsx
@@ -16650,7 +16751,7 @@ function FunCheckoutHistoryHelp({
   );
   const [descriptionInput, setDescriptionInput] = useState33("");
   const [errorMessage, setErrorMessage] = useState33();
-  const isEmailInputValid = useMemo17(() => {
+  const isEmailInputValid = useMemo18(() => {
     return validateEmailString(emailInput);
   }, [emailInput]);
   const [processStage, setProcessStage] = useState33(
@@ -16842,7 +16943,7 @@ import {
   formatTimestamp as formatTimestamp2,
   isTokenEquivalent as isTokenEquivalent3
 } from "@funkit/utils";
-import React113, { useCallback as useCallback21, useMemo as useMemo18, useRef as useRef16, useState as useState34 } from "react";
+import React113, { useCallback as useCallback22, useMemo as useMemo19, useRef as useRef16, useState as useState34 } from "react";
 import { createPortal as createPortal8 } from "react-dom";
 
 // src/hooks/useReceiveAmountLabel.ts
@@ -16871,7 +16972,7 @@ function FunDirectExecutionHistoryDetail({
   const bottomSectionRef = document.getElementById(bottomBarId);
   const { checkoutItem } = useCheckoutContext();
   const { beginCheckout } = useFunkitCheckout({});
-  const handleNewCheckout = useCallback21(
+  const handleNewCheckout = useCallback22(
     (fromCheckout) => {
       onClose({ isNewDeposit: true });
       const historicalCheckout = fromCheckout.clientMetadata;
@@ -16891,7 +16992,7 @@ function FunDirectExecutionHistoryDetail({
     ]
   );
   const isWithdrawal = directExecution?.clientMetadata?.isWithdrawal;
-  const buttonProps = useMemo18(() => {
+  const buttonProps = useMemo19(() => {
     if (!isLoaded) {
       return void 0;
     }
@@ -17114,11 +17215,11 @@ function FunCheckoutHistoryContent({
 }
 
 // src/modals/CheckoutModal/CheckoutComplete/useLogCheckoutCompletion.ts
-import { useCallback as useCallback22 } from "react";
+import { useCallback as useCallback23 } from "react";
 function useLogCheckoutCompletion() {
   const { latestQuote } = useQuoteContext();
   const { checkoutItem } = useCheckoutContext();
-  const logCheckoutCompletion = useCallback22(
+  const logCheckoutCompletion = useCallback23(
     (depositAddress) => {
       if (depositAddress) {
         logger.log("checkoutFundingCompleted", {
@@ -17214,7 +17315,7 @@ function CheckoutHelp({
 }
 
 // src/modals/CheckoutModal/ConfirmationStep/ConfirmationStep.tsx
-import React131, { useEffect as useEffect36, useMemo as useMemo23, useState as useState43 } from "react";
+import React131, { useEffect as useEffect36, useMemo as useMemo24, useState as useState43 } from "react";
 import { createPortal as createPortal10 } from "react-dom";
 
 // src/providers/UserPresenceContext.tsx
@@ -17255,7 +17356,7 @@ import { DirectExecutionType as DirectExecutionType2 } from "@funkit/api-base";
 
 // src/components/FunInfoBanner/FunInfoBanner.tsx
 import React119 from "react";
-import { FlagKey as FlagKey17, safeParseJson as safeParseJson5 } from "@funkit/utils";
+import { FlagKey as FlagKey18, safeParseJson as safeParseJson5 } from "@funkit/utils";
 
 // src/components/FunInfoBanner/EphemeralInfoBanner.tsx
 import React118, { useState as useState36 } from "react";
@@ -17293,7 +17394,7 @@ var EphemeralInfoBanner = ({
 
 // src/components/FunInfoBanner/FunInfoBanner.tsx
 var FunInfoBanner = () => {
-  const bannerJson = useFlag(FlagKey17.ShowInfoBanner);
+  const bannerJson = useFlag(FlagKey18.ShowInfoBanner);
   const bannerData = safeParseJson5(bannerJson);
   if (!bannerData || !bannerData.message) {
     return null;
@@ -17311,12 +17412,12 @@ var FunInfoBanner = () => {
 // src/components/FunTransactionSummary/PaymentAmountSummary.tsx
 import {
   formatCurrencyAndStringify as formatCurrencyAndStringify5,
-  isTokenAddressEquivalent as isTokenAddressEquivalent4,
+  isTokenAddressEquivalent as isTokenAddressEquivalent5,
   isTokenEquivalent as isTokenEquivalent4
 } from "@funkit/utils";
 import NumberFlow from "@number-flow/react";
 import { motion as motion7 } from "motion/react";
-import React121, { useMemo as useMemo20 } from "react";
+import React121, { useMemo as useMemo21 } from "react";
 
 // src/consts/design.ts
 var mapFontLineHeightToNumberFlowHeight = {
@@ -17329,7 +17430,7 @@ var defaultTransition = "all 150ms cubic-bezier(0.3, 0, 0.06, 1)";
 // src/components/FunAssetAvatar/FunAssetAvatar.tsx
 import { isNotNullish as isNotNullish5 } from "@funkit/utils";
 import clsx16 from "clsx";
-import React120, { useMemo as useMemo19 } from "react";
+import React120, { useMemo as useMemo20 } from "react";
 
 // src/components/FunAssetAvatar/FunAssetAvatar.css.ts
 var chainContainerStyle = "uwrdc22 _1rsrm2f19 _1rsrm2fa _1rsrm2f4 _1rsrm2f4i";
@@ -17349,7 +17450,7 @@ function FunAssetAvatar({
   largeChainIcon = false
 }) {
   const chainMetadata = chainMetadataById[Number.parseInt((chainId || "").toString())] || null;
-  const finalAssetSrc = useMemo19(() => {
+  const finalAssetSrc = useMemo20(() => {
     const normalizedTicker = assetTicker?.toUpperCase() || "";
     const defaultSrc = ASSET_LOGO_SRCS[normalizedTicker];
     if (prioritizeDefaults) {
@@ -17449,7 +17550,7 @@ function PaymentAmountSummary({
     })
   });
   const sourceTokenAmount = quote?.finalPaymentTokenAmount ? Number.parseFloat(quote.finalPaymentTokenAmount) : void 0;
-  const paymentTokenUsdAmount = useMemo20(() => {
+  const paymentTokenUsdAmount = useMemo21(() => {
     if (!quote) {
       return void 0;
     }
@@ -17457,7 +17558,7 @@ function PaymentAmountSummary({
       quote.baseQuote.estSubtotalUsd + Number.parseFloat(quote.finalPaymentFeeUsd) - Number.parseFloat(quote.finalSpreadUsd)
     );
   }, [quote]);
-  const receiveTokenUsdAmount = useMemo20(() => {
+  const receiveTokenUsdAmount = useMemo21(() => {
     if (!quote) {
       return void 0;
     }
@@ -17471,7 +17572,7 @@ function PaymentAmountSummary({
   const sourceChainId = sourceAssetInfo?.chainId;
   const areSameChains = sourceChainId === targetChainId;
   const sourceIcon = sourceAssetInfo?.iconSrc ?? void 0;
-  const isSameTokenAddress = isTokenAddressEquivalent4({
+  const isSameTokenAddress = isTokenAddressEquivalent5({
     firstTokenAddress: sourceTokenAddress,
     secondTokenAddress: targetTokenAddress
   });
@@ -17748,7 +17849,7 @@ var DirectExecutionBrokerageAndCardAlert = () => {
 };
 
 // src/modals/CheckoutModal/ConfirmationStep/DisclaimerText.tsx
-import React126, { useMemo as useMemo21 } from "react";
+import React126, { useMemo as useMemo22 } from "react";
 var DisclaimerText = ({
   continueText,
   isCardPayment,
@@ -17783,7 +17884,7 @@ var DisclaimerText = ({
   ), ", and the ", /* @__PURE__ */ React126.createElement(FunLinkButton, { href: "https://morpho.org/", inline: true, text: "terms" }), " applicable to third-party Morpho vaults", ".") : /* @__PURE__ */ React126.createElement(React126.Fragment, null, showCardDisclaimer && `${cardDisclaimer} `, "By clicking on ", continueText, ", you agree to our", " ", /* @__PURE__ */ React126.createElement(FunLinkButton, { href: FUN_TERMS_URL, inline: true, text: "terms" }), ".");
 };
 function useCardDisclaimer(checkoutItem, finalConvertedAssetName) {
-  const cardDisclaimer = useMemo21(() => {
+  const cardDisclaimer = useMemo22(() => {
     if (!checkoutItem || !finalConvertedAssetName) {
       return null;
     }
@@ -17828,11 +17929,11 @@ import { useState as useState38 } from "react";
 import { useEffect as useEffect33, useState as useState37 } from "react";
 
 // src/hooks/useCheckoutAccountBalanceTransfer.ts
-import { useCallback as useCallback23 } from "react";
+import { useCallback as useCallback24 } from "react";
 function useCheckoutAccountBalanceTransfer() {
   const { checkoutItem } = useCheckoutContext();
   const { funWallet, funWalletAuth } = useGeneralWallet();
-  const generateCheckoutTransferOpItems = useCallback23(
+  const generateCheckoutTransferOpItems = useCallback24(
     async (toAddress, tokenAmount) => {
       if (checkoutItem?.selectedSourceAssetInfo?.chainId) {
         const newConfig = getFunkitEnvForCheckoutEstimation({
@@ -18042,7 +18143,7 @@ import React128, { useState as useState39 } from "react";
 // src/modals/CheckoutModal/ConfirmationStep/useAccountBalanceTransfer.ts
 import { getPaymasterDataForCheckoutSponsoredTransfer } from "@funkit/api-base";
 import { ERC20_ABI, USDT_ABI } from "@funkit/core";
-import { useCallback as useCallback24 } from "react";
+import { useCallback as useCallback25 } from "react";
 import { useAccount as useAccount5, useSendTransaction, useWriteContract } from "wagmi";
 
 // src/utils/isMainnetUsdt.ts
@@ -18066,7 +18167,7 @@ function useWeb3AccountBalancePostCheckout(setPostCheckoutStepMessage) {
   const { sendTransactionAsync } = useSendTransaction();
   const { cancelCheckout, checkoutItem } = useCheckoutContext();
   const { latestQuote } = useQuoteContext();
-  const handleWeb3AccountBalancePostCheckout = useCallback24(
+  const handleWeb3AccountBalancePostCheckout = useCallback25(
     async (depositAddress) => {
       if (!latestQuote?.baseQuote.estTotalFromAmountBaseUnit) {
         return;
@@ -18172,7 +18273,7 @@ function useWeb3AccountBalancePostCheckout(setPostCheckoutStepMessage) {
 function useWeb2AccountBalancePostCheckout(apiKey) {
   const { latestQuote } = useQuoteContext();
   const { generateCheckoutTransferOpItems } = useCheckoutAccountBalanceTransfer();
-  const handleWeb2AccountBalancePostCheckout = useCallback24(
+  const handleWeb2AccountBalancePostCheckout = useCallback25(
     async (depositAddress) => {
       const { rFunWallet, rFunWalletAuth, transferOp, envConfig } = await generateCheckoutTransferOpItems(
         depositAddress,
@@ -18221,7 +18322,7 @@ function useAccountBalancePostCheckout(setPostCheckoutStepMessage, apiKey) {
   const { loginType } = useGeneralWallet();
   const handleWeb2AccountBalancePostCheckout = useWeb2AccountBalancePostCheckout(apiKey);
   const handleWeb3AccountBalancePostCheckout = useWeb3AccountBalancePostCheckout(setPostCheckoutStepMessage);
-  const handleAccountBalancePostCheckout = useCallback24(
+  const handleAccountBalancePostCheckout = useCallback25(
     async (depositAddress) => {
       if (loginType === "web2" /* Web2 */) {
         await handleWeb2AccountBalancePostCheckout(depositAddress);
@@ -18372,15 +18473,15 @@ function usePostCheckout({
 }
 
 // src/modals/CheckoutModal/ConfirmationStep/useQuoteRefresh.ts
-import { useCallback as useCallback27, useEffect as useEffect35, useMemo as useMemo22, useRef as useRef18, useState as useState42 } from "react";
+import { useCallback as useCallback28, useEffect as useEffect35, useMemo as useMemo23, useRef as useRef18, useState as useState42 } from "react";
 
 // src/hooks/useCountdown.tsx
 import React130 from "react";
-import { useCallback as useCallback26, useState as useState41 } from "react";
+import { useCallback as useCallback27, useState as useState41 } from "react";
 
 // src/components/FunCountdown/FunCountdown.tsx
 import { noop as noop7 } from "@funkit/utils";
-import React129, { useCallback as useCallback25, useEffect as useEffect34, useState as useState40 } from "react";
+import React129, { useCallback as useCallback26, useEffect as useEffect34, useState as useState40 } from "react";
 
 // src/components/FunCountdown/FunCountdown.css.ts
 var backgroundRing = "_1t0bc111 _1rsrm2f1l4";
@@ -18416,7 +18517,7 @@ var FunCountdown = ({
   const onCountdownEndedOnce = useEffectEvent(onCountdownEnded);
   const onBeforeCountdownEndsOnce = useEffectEvent(onBeforeCountdownEnds);
   const onCountdownLastSecondOnce = useEffectEvent(onCountdownLastSecond);
-  const handleInterval = useCallback25(() => {
+  const handleInterval = useCallback26(() => {
     if (isPaused) {
       return;
     }
@@ -18534,7 +18635,7 @@ function useCountdown({
 }) {
   const [countdownKey, setCountdownKey] = useState41(0);
   const [isLastSecond, setIsLastSecond] = useState41(false);
-  const restartCountdown = useCallback26(() => {
+  const restartCountdown = useCallback27(() => {
     setIsLastSecond(false);
     setCountdownKey((key) => key + 1);
   }, []);
@@ -18589,7 +18690,7 @@ function useQuoteRefresh({
       preloadedQuoteRef.current = data;
     }
   );
-  const preloadQuote = useCallback27(() => {
+  const preloadQuote = useCallback28(() => {
     if (!isSourceAssetConfirming) {
       onSourceAssetConfirmed(true);
     }
@@ -18603,7 +18704,7 @@ function useQuoteRefresh({
     onBeforeCountdownEnds: preloadQuote,
     onCountdownEnded: () => refreshQuote()
   });
-  const refreshQuote = useCallback27(
+  const refreshQuote = useCallback28(
     async (forceHardRefresh = false) => {
       if (isOnHold) {
         setIsPendingRefresh(true);
@@ -18635,7 +18736,7 @@ function useQuoteRefresh({
     },
     [isOnHold, restartCountdown, setCheckoutQuote, triggerAssetConfirm]
   );
-  const quoteError = useMemo22(() => {
+  const quoteError = useMemo23(() => {
     if (quoteErrorMessage && !isQuoting) {
       return {
         message: quoteErrorMessage,
@@ -18773,7 +18874,7 @@ function ConfirmationStep({
       refreshIntervalSeconds: directExecutionType === DirectExecutionType2.RELAY ? RELAY_ESTIMATE_REFRESH_INTERVAL_SEC : DEFAULT_ESTIMATE_REFRESH_INTERVAL_SEC
     })
   );
-  const error = useMemo23(() => {
+  const error = useMemo24(() => {
     if (!isInitialQuoting && moonpayAmountCheck?.isInvalid) {
       return {
         message: moonpayAmountCheck.message,
@@ -18788,7 +18889,7 @@ function ConfirmationStep({
     quoteError,
     isInitialQuoting
   ]);
-  const stepMessage = useMemo23(() => {
+  const stepMessage = useMemo24(() => {
     if (initialQuoteStep) {
       return initialQuoteStep;
     }
@@ -18845,7 +18946,7 @@ function ConfirmationStep({
   const isStepLoading = isInitialQuoting || isContinuing || isRefreshing;
   const uiCustomizations = funkitConfig.uiCustomizations?.confirmationScreen;
   const customRecipient = checkoutItem?.initSettings.config.customRecipient;
-  const showKatanaBridgeAlert = useMemo23(() => {
+  const showKatanaBridgeAlert = useMemo24(() => {
     const relayQuoteMetadata = latestQuote?.baseQuote?.metadata;
     if (!relayQuoteMetadata) {
       return false;
@@ -18859,7 +18960,7 @@ function ConfirmationStep({
     // https://fun-xyz.slack.com/archives/C08PVUDA1M2/p1752179735981389?thread_ts=1752176009.628309&cid=C08PVUDA1M2
     swapImpact + appFeePercent > KATANA_BRIDGE_ALERT_THRESHOLD_PERCENT;
   }, [funkitConfig.apiKey, latestQuote, checkoutItem]);
-  const showDirectExecutionNotificationBanner = useMemo23(() => {
+  const showDirectExecutionNotificationBanner = useMemo24(() => {
     const isRelayEnabled = checkoutItem !== null && getIsRelayEnabled({
       fromChainId: checkoutItem.selectedSourceAssetInfo.chainId,
       fromTokenAddress: checkoutItem.selectedSourceAssetInfo.address || "",
@@ -19111,7 +19212,7 @@ import { getMeldDefaultFiat } from "@funkit/api-base";
 import { useQuery as useQuery13 } from "@tanstack/react-query";
 
 // src/hooks/queries/useMeldCryptoCurrencyCode.ts
-import { FlagKey as FlagKey18 } from "@funkit/utils";
+import { FlagKey as FlagKey19 } from "@funkit/utils";
 import { arbitrum as arbitrum3, base as base6, polygon as polygon5 } from "viem/chains";
 var ARB_USDC = "0xaf88d065e77c8cC2239327C5EDb3A432268e5831".toLowerCase();
 var POLYGON_USDC = "0x3c499c542cEF5E3811e1192ce70d8cC03d5c3359".toLowerCase();
@@ -19144,7 +19245,7 @@ function useMeldCryptoCurrencyCode() {
   return mappedCurrency;
 }
 function useIsMeldEnabled() {
-  const meldEnabled = useFlag(FlagKey18.EnableMeldPayment);
+  const meldEnabled = useFlag(FlagKey19.EnableMeldPayment);
   const meldCurrencyCode = useMeldCryptoCurrencyCode();
   return meldEnabled && !!meldCurrencyCode;
 }
@@ -19278,13 +19379,13 @@ import {
   MeldServiceProvider as MeldServiceProvider2
 } from "@funkit/api-base";
 import {
-  FlagKey as FlagKey21,
+  FlagKey as FlagKey22,
   formatCryptoAndStringify as formatCryptoAndStringify4,
   formatCurrencyAndStringify as formatCurrencyAndStringify9,
   isTokenEquivalent as isTokenEquivalent6,
   round as round4
 } from "@funkit/utils";
-import React145, { useMemo as useMemo25 } from "react";
+import React145, { useMemo as useMemo26 } from "react";
 
 // src/components/CurrencySelector/CurrencySelector.tsx
 import React134 from "react";
@@ -19550,7 +19651,7 @@ var MeldProviderLabel = ({
 };
 
 // src/components/SourcePaymentMethodItem/SourcePaymentMethodItem.tsx
-import { FlagKey as FlagKey19 } from "@funkit/utils";
+import { FlagKey as FlagKey20 } from "@funkit/utils";
 import clsx17 from "clsx";
 import { useAnimate as useAnimate2 } from "motion/react";
 import React139 from "react";
@@ -20155,8 +20256,8 @@ var SourcePaymentMethodItem = ({
       icon: /* @__PURE__ */ React139.createElement(MasterCardPillIcon, { key: "mastercard", backdropColor })
     }
   ];
-  const isCardEnabled = useFlag(FlagKey19.EnableCard);
-  const isBrokerageEnabled = useFlag(FlagKey19.EnableBrokerage);
+  const isCardEnabled = useFlag(FlagKey20.EnableCard);
+  const isBrokerageEnabled = useFlag(FlagKey20.EnableBrokerage);
   const usableAlternativeIcons = icons.filter(({ paymentMethod }) => {
     if (paymentMethod === type || paymentMethod === "card" /* CARD */ && !isCardEnabled || paymentMethod === "brokerage" /* BROKERAGE */ && !isBrokerageEnabled) {
       return false;
@@ -20578,7 +20679,7 @@ import {
   katanaChain
 } from "@funkit/chains";
 import { getTokenAddressBySymbolAndChainId as getTokenAddressBySymbolAndChainId2 } from "@funkit/core";
-import { useCallback as useCallback28, useState as useState44 } from "react";
+import { useCallback as useCallback29, useState as useState44 } from "react";
 import { mainnet as mainnet7, mantle, zksync as zksync2 } from "viem/chains";
 var pickSourceAssetForCard = async (checkoutItem, userIpInfo) => {
   if (!checkoutItem?.initSettings.config.targetChain) {
@@ -20639,7 +20740,7 @@ function useUpdateCardSourceAsset() {
   const { checkoutItem, updateSourceAsset } = useCheckoutContext();
   const { userIpInfo } = useFunkitUserIp();
   const [isUpdating, setIsUpdating] = useState44(false);
-  const onSelectCard = useCallback28(async () => {
+  const onSelectCard = useCallback29(async () => {
     setIsUpdating(true);
     try {
       const source = await pickSourceAssetForCard(checkoutItem, userIpInfo);
@@ -20762,7 +20863,7 @@ function InputAmountLayout({
 }
 
 // src/modals/CheckoutModal/InputAmount/QuickOptions.tsx
-import { FlagKey as FlagKey20, clamp as clamp2, formatCurrencyAndStringify as formatCurrencyAndStringify8 } from "@funkit/utils";
+import { FlagKey as FlagKey21, clamp as clamp2, formatCurrencyAndStringify as formatCurrencyAndStringify8 } from "@funkit/utils";
 import React144 from "react";
 var USD_AMOUNT_OPTIONS_PCT = [25, 50, 75, 100];
 function deduplicateArray(arr) {
@@ -20770,7 +20871,7 @@ function deduplicateArray(arr) {
 }
 function useFiatAmountOptions(currency) {
   const isMeldEnabled = useIsMeldEnabled();
-  const currencyQuickOptionStr = useFlag(FlagKey20.MeldQuickOptions);
+  const currencyQuickOptionStr = useFlag(FlagKey21.MeldQuickOptions);
   const currencyQuickOption = safeJSONParse(
     currencyQuickOptionStr
   );
@@ -20836,19 +20937,19 @@ var QuickOptions = ({
 
 // src/modals/CheckoutModal/InputAmount/useAmountInput.ts
 import {
-  useCallback as useCallback30,
+  useCallback as useCallback31,
   useEffect as useEffect37,
-  useMemo as useMemo24,
+  useMemo as useMemo25,
   useReducer as useReducer3,
   useRef as useRef20,
   useState as useState45
 } from "react";
 
 // src/hooks/useTextMeasurer.ts
-import { useCallback as useCallback29, useRef as useRef19 } from "react";
+import { useCallback as useCallback30, useRef as useRef19 } from "react";
 function useTextMeasurer(inputRef) {
   const canvasRef = useRef19(document.createElement("canvas"));
-  const measureText = useCallback29(
+  const measureText = useCallback30(
     (text, fontSize) => {
       if (!inputRef.current) {
         return void 0;
@@ -21099,7 +21200,7 @@ var MAX_WIDTH = 310;
 function useAmountInput(options) {
   const isMeldEnabled = useIsMeldEnabled();
   const [state, dispatch] = useReducer3(reduceState, options, initializeState);
-  const derivedState = useMemo24(() => getDerivedState(state), [state]);
+  const derivedState = useMemo25(() => getDerivedState(state), [state]);
   const inputRef = useRef20(null);
   const { inputValue, locale } = state;
   const { inputDecimals, inputPrefix, placeholder } = derivedState;
@@ -21134,7 +21235,7 @@ function useAmountInput(options) {
     quickOptions
   } = options;
   const unitPrice = isStablecoin(checkoutConfig.targetAssetTicker) ? 1 : realUnitPrice;
-  const dispatchAndGetNewState = useCallback30(
+  const dispatchAndGetNewState = useCallback31(
     (action) => {
       dispatch(action);
       return getDerivedState(reduceState(state, action));
@@ -21322,7 +21423,7 @@ function useAmountInput(options) {
       return () => element2.removeEventListener("beforeinput", onBeforeInput2);
     }
   }, [inputDecimals, locale]);
-  const onChange = useCallback30(
+  const onChange = useCallback31(
     (event) => {
       dispatch({
         type: "setInputValue",
@@ -21357,7 +21458,7 @@ function useAmountInput(options) {
       });
     }
   }, [defaultAmount]);
-  const setFiatAmount = useCallback30(
+  const setFiatAmount = useCallback31(
     (fiatAmount) => {
       const newState = dispatchAndGetNewState({
         type: "setFiatAmount",
@@ -21369,7 +21470,7 @@ function useAmountInput(options) {
     },
     [dispatchAndGetNewState, unitPrice]
   );
-  const toggleInputInFiat = useCallback30(() => {
+  const toggleInputInFiat = useCallback31(() => {
     dispatch({ type: "toggleInputInFiat" });
     inputRef.current?.focus();
   }, []);
@@ -21435,7 +21536,7 @@ function InputAmountLoaded({
   defaultFiatCurrency,
   textCustomizations
 }) {
-  const maxCheckoutUsdString = useFlag(FlagKey21.MaxCheckoutUsd);
+  const maxCheckoutUsdString = useFlag(FlagKey22.MaxCheckoutUsd);
   const isSourceNavWidgetEnabled = modalState.startingStep === "select_asset" /* SELECT_ASSET */;
   const { paymentMethod } = modalState.paymentMethodInfo;
   const { quote: manuallySelectedQuote } = modalState;
@@ -21495,7 +21596,7 @@ function InputAmountLoaded({
     selectedQuote,
     isSelectedQuoteUnavailable
   } = useMeld(manuallySelectedQuote, fiatAmount, fiatCurrency);
-  const error = useMemo25(() => {
+  const error = useMemo26(() => {
     if (isCardCheckout) {
       if (isSelectedQuoteUnavailable) {
         return {
@@ -21780,7 +21881,7 @@ function YouPayYouReceiveWrapper({
 
 // src/modals/CheckoutModal/InputAmount/InputAmountLoading.tsx
 import { formatCryptoAndStringify as formatCryptoAndStringify5 } from "@funkit/utils";
-import React146, { useMemo as useMemo26 } from "react";
+import React146, { useMemo as useMemo27 } from "react";
 function InputAmountLoading({
   modalState,
   sourceHoldingError,
@@ -21792,7 +21893,7 @@ function InputAmountLoading({
   const isSourceNavWidgetEnabled = modalState.startingStep === "select_asset" /* SELECT_ASSET */;
   const targetAssetAmount = checkoutItem?.initSettings.config.targetAssetAmount;
   const targetAssetTicker = checkoutItem?.initSettings.config.targetAssetTicker;
-  const error = useMemo26(() => {
+  const error = useMemo27(() => {
     if (sourceHoldingError) {
       return {
         message: /* @__PURE__ */ React146.createElement("div", null, "Unable to retrieve your account balance. Please try re-linking your account.", " "),
@@ -21872,7 +21973,7 @@ function InputAmountLoading({
 }
 
 // src/modals/CheckoutModal/InputAmount/useAvailableBalanceForCheckout.ts
-import { useMemo as useMemo27 } from "react";
+import { useMemo as useMemo28 } from "react";
 function useAvailableBalanceForCheckout(paymentMethodInfo, targetChainId, assetChainId, assetSymbol) {
   const { data: walletAssetHoldings, isLoading: isLoadingWalletAssetHoldings } = useWalletAssetHoldings(targetChainId);
   const holdings = {
@@ -21882,7 +21983,7 @@ function useAvailableBalanceForCheckout(paymentMethodInfo, targetChainId, assetC
     ["token_transfer" /* TOKEN_TRANSFER */]: null,
     ["virtual_bank" /* VIRTUAL_BANK */]: null
   }[paymentMethodInfo.paymentMethod];
-  const holdingItem = useMemo27(() => {
+  const holdingItem = useMemo28(() => {
     if (!assetSymbol || !holdings) {
       return;
     }
@@ -22005,14 +22106,14 @@ import { mainnet as mainnet8, polygon as polygon6 } from "viem/chains";
 var ASSETS_LOW_VALUE_THRESHOLD2 = 0.1;
 
 // src/hooks/usePaymentSources.ts
-import { FlagKey as FlagKey22, isNotNullish as isNotNullish7 } from "@funkit/utils";
+import { FlagKey as FlagKey23, isNotNullish as isNotNullish7 } from "@funkit/utils";
 function usePaymentMethodEnablement({
   checkoutConfig
 }) {
   const { apiKey } = useFunkitConfig();
-  const isTokenTransferFlagEnabled = useFlag(FlagKey22.EnableTokenTransfer);
+  const isTokenTransferFlagEnabled = useFlag(FlagKey23.EnableTokenTransfer);
   const isFiatFlagEnabled = useFiatEnabled();
-  const isCardFlagEnabled = useFlag(FlagKey22.EnableCard);
+  const isCardFlagEnabled = useFlag(FlagKey23.EnableCard);
   const isKatanaEarnFlowAction = isKatanaEarnFlow({ apiKey, checkoutConfig });
   const isUsKatanaUser = useIsUsKatanaUser();
   const isFiatEnabled = isFiatFlagEnabled && !isKatanaEarnFlowAction;
@@ -22390,7 +22491,7 @@ function LoadingAccount({
 
 // src/modals/CheckoutModal/MeldCurrencySelect/MeldCurrencySelect.tsx
 import clsx18 from "clsx";
-import React151, { useMemo as useMemo28, useState as useState46 } from "react";
+import React151, { useMemo as useMemo29, useState as useState46 } from "react";
 
 // src/css/scrollStyles.css.ts
 var hideScrollBar = "_163ehmk0";
@@ -22446,7 +22547,7 @@ function MeldCurrencySelect({
   const [selectedCurrency, setSelectedCurrency] = useState46(
     defaultCurrency
   );
-  const filteredOptions = useMemo28(() => {
+  const filteredOptions = useMemo29(() => {
     const newOptions = data?.filter(
       ({ name, currencyCode }) => currencyCode.toLowerCase().includes(query.toLowerCase()) || name.toLowerCase().includes(query.toLowerCase())
     ) ?? [];
@@ -22582,7 +22683,7 @@ function MeldQuotes({
 }
 
 // src/modals/CheckoutModal/MoonpaySetup.tsx
-import React154, { useCallback as useCallback31, useMemo as useMemo30, useState as useState48 } from "react";
+import React154, { useCallback as useCallback32, useMemo as useMemo31, useState as useState48 } from "react";
 
 // src/components/FunPayments/FunPaymentMoonpayType.css.ts
 var mpClass = "_1kmpeyf0";
@@ -22591,7 +22692,7 @@ var stretchStyle = "_1kmpeyf1";
 // src/components/FunPayments/FunPaymentMoonpayType.tsx
 import { getMoonpayUrlSignature } from "@funkit/api-base";
 import { colorToHex } from "@funkit/utils";
-import React153, { Fragment, useEffect as useEffect40, useMemo as useMemo29, useState as useState47 } from "react";
+import React153, { Fragment, useEffect as useEffect40, useMemo as useMemo30, useState as useState47 } from "react";
 var LazyMoonPayBuyWidget = (props) => {
   const [MoonPayBuyWidget, setMoonPayBuyWidget] = useState47(null);
   useEffect40(() => {
@@ -22622,7 +22723,7 @@ function FunPaymentMoonpayType({
   const isSandboxMode = useIsFunkitSandboxMode();
   const funkitConfig = useFunkitConfig();
   const { userInfo } = useGeneralWallet();
-  const currencyCode = useMemo29(() => {
+  const currencyCode = useMemo30(() => {
     return generateMoonpayCurrencyCode(depositToken, depositTokenChainId);
   }, [depositToken, depositTokenChainId]);
   const depositTokenAmountStringFormatted = formatTokenAmountForMoonpay(
@@ -22645,7 +22746,7 @@ function FunPaymentMoonpayType({
     });
     return signature || "";
   };
-  const moonpayButtonColor = useMemo29(() => {
+  const moonpayButtonColor = useMemo30(() => {
     const primaryButtonHex = colorToHex(activeTheme.colors.buttonPrimary);
     if (["#FFF", "#FFFF", "#FFFFFF", "#FFFFFFFF"].includes(primaryButtonHex)) {
       return void 0;
@@ -22703,12 +22804,12 @@ function MoonpaySetup({
   const { paymentAddress, token, tokenChainId, depositAmount } = modalState;
   const [isSupportedRegion, setIsSupportedRegion] = useState48(true);
   const [isContinueEnabled, setIsContinueEnabled] = useState48(false);
-  const handleOnCompleted = useCallback31(() => {
+  const handleOnCompleted = useCallback32(() => {
     onNext({
       depositAddress: paymentAddress
     });
   }, [onNext, paymentAddress]);
-  const MoonpayWidget = useMemo30(() => {
+  const MoonpayWidget = useMemo31(() => {
     return /* @__PURE__ */ React154.createElement(
       FunPaymentMoonpayType,
       {
@@ -22739,7 +22840,7 @@ function MoonpaySetup({
 // src/modals/CheckoutModal/SelectAsset.tsx
 import { FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST as FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST2 } from "@funkit/chains";
 import { formatCurrencyAndStringify as formatCurrencyAndStringify11, isTokenEquivalent as isTokenEquivalent7 } from "@funkit/utils";
-import React157, { useEffect as useEffect41, useMemo as useMemo32, useState as useState49 } from "react";
+import React157, { useEffect as useEffect41, useMemo as useMemo33, useState as useState49 } from "react";
 import { createPortal as createPortal14 } from "react-dom";
 
 // src/components/Dropdown/ReceiveTokenDropdown.tsx
@@ -22835,13 +22936,13 @@ var ReceiveTokenDropdown = ({
 
 // src/components/NewTokenDepositAlert/NewTokenDepositAlert.tsx
 import React156 from "react";
-import { FlagKey as FlagKey23, safeParseJson as safeParseJson6 } from "@funkit/utils";
+import { FlagKey as FlagKey24, safeParseJson as safeParseJson6 } from "@funkit/utils";
 var NewTokenDepositAlert = ({
   onClick
 }) => {
-  const alertJson = useFlag(FlagKey23.NewTokenAssetSelectionBanner);
+  const alertJson = useFlag(FlagKey24.NewTokenAssetSelectionBanner);
   const alertData = safeParseJson6(alertJson);
-  const isTokenTransferEnabled = useFlag(FlagKey23.EnableTokenTransfer);
+  const isTokenTransferEnabled = useFlag(FlagKey24.EnableTokenTransfer);
   if (!alertData || !isTokenTransferEnabled) {
     return null;
   }
@@ -22869,7 +22970,7 @@ var NewTokenDepositAlert = ({
 // src/hooks/useAllowedAssets.ts
 import { getAllowedAssets } from "@funkit/api-base";
 import { useQuery as useQuery17 } from "@tanstack/react-query";
-import { useCallback as useCallback32, useMemo as useMemo31 } from "react";
+import { useCallback as useCallback33, useMemo as useMemo32 } from "react";
 function useAllowedAssets() {
   const { apiKey } = useFunkitConfig();
   const { checkoutItem } = useCheckoutContext();
@@ -22883,7 +22984,7 @@ function useAllowedAssets() {
     staleTime: 5 * 60 * 1e3,
     gcTime: Number.POSITIVE_INFINITY
   });
-  const tokens = useMemo31(() => {
+  const tokens = useMemo32(() => {
     if (!allowedAssets) {
       return {};
     }
@@ -22894,7 +22995,7 @@ function useAllowedAssets() {
     }
     return ret;
   }, [allowedAssets]);
-  const isAllowed = useCallback32(
+  const isAllowed = useCallback33(
     (chainId, tokenAddress) => {
       const disabledByCustomerList = checkoutItem?.initSettings.config.disabledSourceTokens?.some(
         (token) => {
@@ -22960,7 +23061,7 @@ function useEnrichedAccountHoldings({
 }) {
   const { isAllowed, isLoading } = useAllowedAssets();
   const { loginType, walletAddress } = useGeneralWallet();
-  const enrichedAccountHoldings = useMemo32(() => {
+  const enrichedAccountHoldings = useMemo33(() => {
     if (!checkoutConfig) {
       return [];
     }
@@ -23000,7 +23101,7 @@ function useAssetOptions({
   chainId,
   dynamicTargetAssetCandidates
 }) {
-  const assetOptions = useMemo32(() => {
+  const assetOptions = useMemo33(() => {
     return enrichedAccountHoldings.filter(
       ({ asset }) => chainId !== void 0 ? asset.pickedChainId === chainId.toString() : true
     ).map(({ asset, usableForCheckout }) => {
@@ -23072,7 +23173,7 @@ function useScrollToSelectedAsset(selectedChainTokenSymbol) {
 }
 function useComputeDefault(checkoutConfig, accountHoldings) {
   const candidates = checkoutConfig?.dynamicTargetAssetCandidates;
-  const defaultTargetAsset = useMemo32(() => {
+  const defaultTargetAsset = useMemo33(() => {
     if (!candidates || candidates.length <= 1) {
       return {
         tokenAddress: checkoutConfig?.targetAsset || "0x",
@@ -23086,7 +23187,7 @@ function useComputeDefault(checkoutConfig, accountHoldings) {
       (token) => token.tokenSymbol === checkoutConfig?.targetAssetTicker
     ) ?? candidates.find((token) => token.isDefault) ?? candidates[0];
   }, [candidates, checkoutConfig]);
-  const defaultTokenSymbols = useMemo32(() => {
+  const defaultTokenSymbols = useMemo33(() => {
     if (!checkoutConfig) {
       return [];
     }
@@ -23179,7 +23280,7 @@ function AccountSelectAsset({
     handleTargetAssetUpdate(tokenItem);
     onFinish();
   });
-  const selectedChainTokenSymbol = useMemo32(() => {
+  const selectedChainTokenSymbol = useMemo33(() => {
     if (explicitlySelectedChainTokenSymbol) {
       const assetExists = assetOptions.find(
         ({ asset }) => asset.chainSymbolKey === explicitlySelectedChainTokenSymbol
@@ -23429,7 +23530,7 @@ function SelectAsset({
 
 // src/modals/CheckoutModal/SourceChange/SourceChange.tsx
 import { BridgeCustomerStatus as BridgeCustomerStatus6, MeldServiceProvider as MeldServiceProvider4 } from "@funkit/api-base";
-import React159, { useCallback as useCallback33, useEffect as useEffect42, useState as useState50 } from "react";
+import React159, { useCallback as useCallback34, useEffect as useEffect42, useState as useState50 } from "react";
 import { createPortal as createPortal15 } from "react-dom";
 
 // src/modals/CheckoutModal/SourceChange/DefiPurchaseSection.tsx
@@ -23563,7 +23664,7 @@ function PayPal() {
   const isMeldEnabled = useIsMeldEnabled();
   const { checkoutItem } = useCheckoutContext();
   const isPaypalReady = false;
-  const onClick = useCallback33(() => {
+  const onClick = useCallback34(() => {
     if (isMeldEnabled && isPaypalReady) {
       openMeldPopup(() => mutateAsync(MeldServiceProvider4.PAYPAL));
     } else {
@@ -23777,13 +23878,13 @@ import { createPortal as createPortal16 } from "react-dom";
 
 // src/components/CopyAddress/CopyInputDisplayedAddress.tsx
 import { truncateMiddleOfAddress } from "@funkit/utils";
-import React160, { useCallback as useCallback35, useState as useState52 } from "react";
+import React160, { useCallback as useCallback36, useState as useState52 } from "react";
 
 // src/hooks/useCopyToClipboard.ts
-import { useCallback as useCallback34, useEffect as useEffect43, useState as useState51 } from "react";
+import { useCallback as useCallback35, useEffect as useEffect43, useState as useState51 } from "react";
 var useCopyToClipboard = (text, delay = 1500) => {
   const [isCopied, setCopied] = useState51(false);
-  const handleCopy = useCallback34(() => {
+  const handleCopy = useCallback35(() => {
     if (!text) {
       return;
     }
@@ -23823,7 +23924,7 @@ function CopyInputDisplayedAddress({
   const { handleCopy } = useCopyToClipboard(address);
   const [isActive, setIsActive] = useState52(null);
   const displayAddress = truncateAddress ? truncateMiddleOfAddress(address, 40, 24, 8) : address;
-  const handleClick = useCallback35(() => {
+  const handleClick = useCallback36(() => {
     if (isActive) {
       return;
     }
@@ -23863,12 +23964,12 @@ function CopyInputDisplayedAddress({
 }
 
 // src/components/FunInfoBanner/ChainInfoBanners.tsx
-import { FlagKey as FlagKey24, safeParseJson as safeParseJson7 } from "@funkit/utils";
+import { FlagKey as FlagKey25, safeParseJson as safeParseJson7 } from "@funkit/utils";
 import React161 from "react";
 var ChainInfoBanners = ({
   chainId
 }) => {
-  const chainInfoBanners = useFlag(FlagKey24.ChainInfoBanners);
+  const chainInfoBanners = useFlag(FlagKey25.ChainInfoBanners);
   const chainInfoBannersData = safeParseJson7(chainInfoBanners) ?? {};
   try {
     const chainBanners = chainInfoBannersData[chainId] ?? [];
@@ -23912,7 +24013,7 @@ var LightningBoltIcon = ({ size = 16 }) => /* @__PURE__ */ React162.createElemen
 
 // src/components/QRCode/QRCode.tsx
 import QRCodeUtil from "qrcode";
-import React163, { useMemo as useMemo33 } from "react";
+import React163, { useMemo as useMemo34 } from "react";
 var generateMatrix = (value, errorCorrectionLevel) => {
   const { data } = QRCodeUtil.create(value, { errorCorrectionLevel }).modules;
   const sqrt = Math.sqrt(data.length);
@@ -23940,7 +24041,7 @@ function QRCode({
 }) {
   const { activeTheme } = useActiveTheme();
   const size = sizeProp - Number.parseInt(outsidePadding, 10) * 2;
-  const dots = useMemo33(() => {
+  const dots = useMemo34(() => {
     const dots2 = [];
     const matrix = generateMatrix(uri, ecl);
     const cellSize = size / matrix.length;
@@ -24484,8 +24585,8 @@ var TransferTokenDetails = ({
 
 // src/hooks/useTokenTransfer.ts
 import { bitcoinChain as bitcoinChain3, solanaChain as solanaChain4 } from "@funkit/chains";
-import { FlagKey as FlagKey25 } from "@funkit/utils";
-import { useMemo as useMemo34 } from "react";
+import { FlagKey as FlagKey26 } from "@funkit/utils";
+import { useMemo as useMemo35 } from "react";
 import { arbitrum as arbitrum4, base as base7, mainnet as mainnet9, optimism, polygon as polygon7 } from "viem/chains";
 
 // src/utils/transfer.ts
@@ -24508,7 +24609,7 @@ var useTokenTransfer = (selectedChainId, selectedToken, chainIds) => {
   const { apiKey } = useFunkitConfig();
   const { checkoutItem } = useCheckoutContext();
   const enableUniversal = useFlag(
-    FlagKey25.EnableTokenTransferUniversalDepositAddress,
+    FlagKey26.EnableTokenTransferUniversalDepositAddress,
     false
   );
   const estPriceImpact = usePriceImpactEstimation(
@@ -24560,7 +24661,7 @@ var useTokenTransfer = (selectedChainId, selectedToken, chainIds) => {
 };
 var useMinTransferLimits = () => {
   const { userIpInfo } = useFunkitUserIp();
-  const minTransferValueJsonString = useFlag(FlagKey25.MinTokenTransferValue);
+  const minTransferValueJsonString = useFlag(FlagKey26.MinTokenTransferValue);
   const minTransferValue = safeJSONParse(
     minTransferValueJsonString
   );
@@ -24582,7 +24683,7 @@ var useMinTransferValue = (selectedChainId) => {
 };
 var useMinTransferValues = (chainIds) => {
   const limits = useMinTransferLimits();
-  return useMemo34(() => {
+  return useMemo35(() => {
     return chainIds.reduce(
       (acc, id) => {
         const limit = getMinTransferValueForChain(id, limits);
@@ -24725,7 +24826,7 @@ function TransferToken({
         color: "secondaryText",
         style: { whiteSpace: "nowrap", marginRight: -8 }
       },
-      `$${minTransferUsdPerChain[value]} min`
+      `Min $${minTransferUsdPerChain[value]}`
     );
   };
   return (
@@ -24817,6 +24918,7 @@ function TransferToken({
               fontSize: "12",
               height: "14"
             },
+            /* @__PURE__ */ React172.createElement(Text, { size: "12", color: "secondaryText" }, "Min"),
             /* @__PURE__ */ React172.createElement(
               AnimatedDollarValue,
               {
@@ -24824,7 +24926,6 @@ function TransferToken({
                 dynamicMinFractionDigits: true
               }
             ),
-            /* @__PURE__ */ React172.createElement(Text, { size: "12", color: "secondaryText" }, "min"),
             /* @__PURE__ */ React172.createElement(
               FunTooltip,
               {
@@ -25304,9 +25405,9 @@ var FiatAccountDetail = {
 
 // src/modals/CheckoutModal/VirtualFiatAccount/KycIframe.tsx
 import { BridgeCustomerStatus as BridgeCustomerStatus7 } from "@funkit/api-base";
-import React179, { useCallback as useCallback36, useEffect as useEffect44, useMemo as useMemo35, useState as useState56 } from "react";
+import React179, { useCallback as useCallback37, useEffect as useEffect44, useMemo as useMemo36, useState as useState56 } from "react";
 function useIframeListener(listeners) {
-  const handleMessage = useCallback36(
+  const handleMessage = useCallback37(
     (event) => {
       switch (event.data.name) {
         case "load": {
@@ -25357,7 +25458,7 @@ function KycIframe({
   const { clearVirtualFiatAccounts } = useClearFrogAccountsCache();
   const { data: kycLink, isLoading: isLinkLoading } = useLoadKycLink(modalState);
   const [iframeLoading, setIframeLoading] = useState56(true);
-  const listeners = useMemo35(
+  const listeners = useMemo36(
     () => ({
       load: () => {
         logger.info("KYC iframe loaded");
@@ -25496,7 +25597,7 @@ function initialState(checkoutItem) {
 function useCheckoutModalTransition(checkoutItem, onClose) {
   const [modalState, setModalState] = useState57(() => initialState(checkoutItem));
   const { clearCheckoutQuoteMessages } = useCheckoutQuoteNotification();
-  const onCloseWrapper = useCallback37(
+  const onCloseWrapper = useCallback38(
     (options) => {
       const normalizedIsNewDeposit = !!options?.isNewDeposit;
       checkoutItem.initSettings.onClose?.({
@@ -25516,7 +25617,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
   const [stateHistory, setHistory] = useState57([]);
   const prevStep = useRef22(null);
   const hasHistoryEntry = stateHistory.length > 1;
-  const onNext = useCallback37(
+  const onNext = useCallback38(
     (payload) => {
       if (prevStep.current === modalState.step) {
         return;
@@ -25549,7 +25650,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
     },
     [clearCheckoutQuoteMessages, modalState, animate, hasHistoryEntry]
   );
-  const onStepChange = useCallback37(
+  const onStepChange = useCallback38(
     (nextState) => {
       if (prevStep.current === modalState.step) {
         return;
@@ -25562,7 +25663,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
     },
     [modalState, animate]
   );
-  const onBack = useCallback37(() => {
+  const onBack = useCallback38(() => {
     clearCheckoutQuoteMessages();
     const backStepOverride = checkoutBackMap[modalState.step];
     const prevState = [...stateHistory].reverse().find((s) => s.step === backStepOverride) ?? stateHistory[stateHistory.length - 1];
@@ -25757,7 +25858,7 @@ var FunConnectResultStep = ({
 
 // src/components/FunConnectOptions/FunFarcasterConnectingStep.tsx
 import { isMobile as isMobile7, isSafari as isSafari2, redirectInMobile } from "@funkit/utils";
-import React184, { useCallback as useCallback38, useEffect as useEffect47 } from "react";
+import React184, { useCallback as useCallback39, useEffect as useEffect47 } from "react";
 
 // src/components/CopyAddress/OldCopyAddressButton.tsx
 import React183 from "react";
@@ -25810,7 +25911,7 @@ function FunFarcasterConnectingStep({
     }
   }, [farcasterUri, mobile, safari]);
   useSIWFarcasterListener(farcasterToken);
-  const svgUrl = useCallback38(async () => {
+  const svgUrl = useCallback39(async () => {
     return (await import("./farcaster-MF6WINBA.js")).default;
   }, []);
   const promptText = mobile ? "To sign in with Farcaster, please open the Warpcast app." : "Scan this QR code or open the link with your mobile phone.";
@@ -25858,11 +25959,11 @@ function FunFarcasterConnectingStep({
 
 // src/components/FunConnectOptions/FunWeb2ConnectingStep.tsx
 import { isNotNullish as isNotNullish9 } from "@funkit/utils";
-import React187, { useCallback as useCallback40, useEffect as useEffect49, useState as useState60 } from "react";
+import React187, { useCallback as useCallback41, useEffect as useEffect49, useState as useState60 } from "react";
 
 // src/components/FunInput/FunTwoFaInput.tsx
 import React185, {
-  useCallback as useCallback39,
+  useCallback as useCallback40,
   useEffect as useEffect48,
   useRef as useRef24,
   useState as useState59
@@ -25889,12 +25990,12 @@ var FunTwoFaInput = ({
       setFocusIndex(0);
     }
   }, [value]);
-  const ensureFocus = useCallback39((nextIndex) => {
+  const ensureFocus = useCallback40((nextIndex) => {
     setTimeout(() => {
       inputRefs.current[nextIndex]?.focus();
     }, 10);
   }, []);
-  const handleBackspace = useCallback39(
+  const handleBackspace = useCallback40(
     (index) => {
       if (index === maxInputLength - 1 && value.length === maxInputLength) {
         onChange(value.slice(0, index));
@@ -25918,7 +26019,7 @@ var FunTwoFaInput = ({
     },
     [currentLength, initialInputLength, maxInputLength, onChange, value]
   );
-  const handleChange = useCallback39(
+  const handleChange = useCallback40(
     (changeEvent) => {
       changeEvent.stopPropagation();
       const nativeEvent = changeEvent.nativeEvent;
@@ -26087,7 +26188,7 @@ var FunWeb2ConnectingStep = ({
   useEffect49(() => {
     clearLoginError();
   }, []);
-  const handleOtpComplete = useCallback40(
+  const handleOtpComplete = useCallback41(
     async (finalOtpInput) => {
       if (isNotNullish9(initialChainId)) {
         await handleFunkitWeb2Login({
@@ -26234,7 +26335,7 @@ function FunConnectOptions({
   const { loginConfig } = useFunkitConfig();
   const prioritizedLoginType = loginConfig.prioritizedLogin;
   const hasSecondarySignIn = prioritizedLoginType !== "none" && loginConfig.web2 && loginConfig.web3;
-  const changeStep = useCallback41((newStep) => {
+  const changeStep = useCallback42((newStep) => {
     setStep(newStep);
     if (isSignIn(newStep)) {
       setSelectedWallet(void 0);
@@ -26242,7 +26343,7 @@ function FunConnectOptions({
     }
   }, []);
   const { animation, navigateTo } = useAnimatedNavigation(changeStep);
-  const handleBackToSignIn = useCallback41(
+  const handleBackToSignIn = useCallback42(
     (type) => {
       const isPrimary = !hasSecondarySignIn || type === prioritizedLoginType;
       navigateTo(
@@ -26253,7 +26354,7 @@ function FunConnectOptions({
     [navigateTo, hasSecondarySignIn, prioritizedLoginType]
   );
   const walletConnectors = usePreparedWalletConnectors();
-  const onRegenerateQrCode = useCallback41(
+  const onRegenerateQrCode = useCallback42(
     async (wallet) => {
       const sWallet = walletConnectors.find((w) => wallet.id === w.id);
       const uri = await sWallet?.getQrCodeUri?.();
@@ -26261,7 +26362,7 @@ function FunConnectOptions({
     },
     [walletConnectors]
   );
-  const connectToWallet = useCallback41(
+  const connectToWallet = useCallback42(
     async (wallet) => {
       if (!wallet.ready) {
         return;
@@ -26280,7 +26381,7 @@ function FunConnectOptions({
     },
     [changeStep, onRegenerateQrCode]
   );
-  const handleRetry = useCallback41(() => {
+  const handleRetry = useCallback42(() => {
     if (!selectedWallet || selectedWallet.id === FUNKIT_CONNECT_WALLET_ID) {
       handleBackToSignIn("web2");
     } else {
@@ -26328,7 +26429,7 @@ function FunConnectOptions({
       }
     }
   };
-  const stepComponent = useMemo36(() => {
+  const stepComponent = useMemo37(() => {
     switch (step) {
       case 0 /* SIGNIN_PRIMARY */:
       case 1 /* SIGNIN_SECONDARY */:
@@ -26437,7 +26538,7 @@ var FULL_SOCIAL_LOGIN_OPTIONS = [
 function useEnabledSocialLogins() {
   const funkitConfig = useFunkitConfig();
   const { web2SocialLogins } = funkitConfig.loginConfig;
-  const enabledSocialItems = useMemo37(() => {
+  const enabledSocialItems = useMemo38(() => {
     return FULL_SOCIAL_LOGIN_OPTIONS.filter(
       (oAuthItem) => !!web2SocialLogins[oAuthItem.funkitKey]
     );
@@ -26466,7 +26567,7 @@ function FunSignInStep({
     handleOauthRedirect,
     handleGenerateFcUri
   } = useFunkitWeb2Login();
-  const isEmailInputValid = useMemo37(() => {
+  const isEmailInputValid = useMemo38(() => {
     return validateEmailString(emailInput);
   }, [emailInput]);
   const [emailError, setEmailError] = useState62();
@@ -26539,7 +26640,7 @@ function FunSignInStep({
       changeStep(3 /* PENDING_WALLET */);
     }
   };
-  const handleEmailSubmit = useCallback42(async () => {
+  const handleEmailSubmit = useCallback43(async () => {
     if (!isEmailInputValid) {
       return;
     }
@@ -26878,7 +26979,7 @@ function PaymentMethodSummary({
 
 // src/modals/CheckoutModal/TransferToken/CheckoutNotifications.tsx
 import clsx21 from "clsx";
-import React201, { useEffect as useEffect51, useMemo as useMemo38, useState as useState64 } from "react";
+import React201, { useEffect as useEffect51, useMemo as useMemo39, useState as useState64 } from "react";
 
 // src/components/FunNotificationBanner/FunNotificationShowMoreButton.tsx
 import React196 from "react";
@@ -26926,13 +27027,13 @@ var FunNotificationShowMoreButton = ({
 import {
   getCheckoutsByUserId as getCheckoutsByUserId2
 } from "@funkit/api-base";
-import { FlagKey as FlagKey26 } from "@funkit/utils";
+import { FlagKey as FlagKey27 } from "@funkit/utils";
 import { useQuery as useQuery18 } from "@tanstack/react-query";
 var hasCorrectPaymentMethod = (checkout, paymentMethod) => !paymentMethod || checkout.clientMetadata.selectedPaymentMethodInfo?.paymentMethod === paymentMethod;
 var isRecent = (checkout, timestampCutoff) => checkout.createdTimeMs > timestampCutoff;
 var DEFAULT_NOTIF_CUTOFF = 7 * 24 * 60 * 60 * 1e3;
 function useCheckoutRefreshInterval() {
-  const str = useFlag(FlagKey26.CheckoutNotificationsRefreshInterval);
+  const str = useFlag(FlagKey27.CheckoutNotificationsRefreshInterval);
   return safeJSONParse(str) || { listRefresh: 50 * 1e3, itemRefresh: 5 * 1e3 };
 }
 var useRecentCheckouts = ({
@@ -27012,7 +27113,7 @@ var showMoreButtonStyle = "_4yitd93 _1rsrm2f11m _1rsrm2f1f _1rsrm2f1c _1rsrm2fls
 // src/components/FunNotificationBanner/FunNotificationBannerIcon.tsx
 import clsx19 from "clsx";
 import { motion as motion12, useAnimate as useAnimate3 } from "motion/react";
-import React197, { useCallback as useCallback43, useEffect as useEffect50, useRef as useRef25 } from "react";
+import React197, { useCallback as useCallback44, useEffect as useEffect50, useRef as useRef25 } from "react";
 
 // src/components/FunNotificationBanner/FunNotificationBannerIcon.css.ts
 var STATUS_SPINNER_BOTTOM_POSITION = -5;
@@ -27261,7 +27362,7 @@ var FunNotificationBannerIcon = ({
   fallbackIconUrl = FALLBACK_ASSET
 }) => {
   const [animationScope, animate] = useAnimate3();
-  const triggerAnimationProcessingToCompleted = useCallback43(async () => {
+  const triggerAnimationProcessingToCompleted = useCallback44(async () => {
     const completedIconPath = document.querySelector(
       `.${generateAnimationPrefixClassName("icon-wrapper-completed")} path`
     );
@@ -27368,7 +27469,7 @@ var FunNotificationBannerIcon = ({
       )
     ]);
   }, [animate]);
-  const triggerAnimationDelayedToFailed = useCallback43(async () => {
+  const triggerAnimationDelayedToFailed = useCallback44(async () => {
     await Promise.all([
       animate(
         `.${generateAnimationPrefixClassName("icon-wrapper")}`,
@@ -27959,19 +28060,19 @@ var CheckoutNotifications = ({
     }
     setInitialDirectExecutions(directExecutions);
   }, [initialDirectExecutions, directExecutions]);
-  const displayedDirectExecutions = useMemo38(() => {
+  const displayedDirectExecutions = useMemo39(() => {
     if (!directExecutions) {
       return [];
     }
     return getUpdatedDirectExecutions(directExecutions, initialDirectExecutions).filter(({ txHash }) => !closedNotifications.includes(txHash)).slice(0, MAX_COUNT);
   }, [initialDirectExecutions, directExecutions, closedNotifications]);
-  const displayedCheckouts = useMemo38(() => {
+  const displayedCheckouts = useMemo39(() => {
     if (!checkouts) {
       return [];
     }
     return getUpdatedCheckouts(checkouts, initialCheckouts).filter(({ depositAddr }) => !closedNotifications.includes(depositAddr)).slice(0, MAX_COUNT);
   }, [initialCheckouts, checkouts, closedNotifications]);
-  const combinedNotifications = useMemo38(() => {
+  const combinedNotifications = useMemo39(() => {
     return [
       ...displayedDirectExecutions.map(
         (item) => ({ ...item, isDirectExecution: true })
@@ -27981,7 +28082,7 @@ var CheckoutNotifications = ({
       )
     ].sort((a, b) => b.createdTimeMs - a.createdTimeMs);
   }, [displayedDirectExecutions, displayedCheckouts]);
-  const displayedNotifications = useMemo38(() => {
+  const displayedNotifications = useMemo39(() => {
     return isExpanded ? combinedNotifications : combinedNotifications.slice(0, COLLAPSED_COUNT);
   }, [isExpanded, combinedNotifications]);
   const handleNotificationClose = (id) => setClosedNotifications((prev) => [...prev, id]);
@@ -28258,7 +28359,7 @@ import React217 from "react";
 // src/modals/ProfileDetails/ActivityTraversalContext.tsx
 import React205, {
   createContext as createContext15,
-  useCallback as useCallback44,
+  useCallback as useCallback45,
   useContext as useContext15,
   useState as useState66
 } from "react";
@@ -28279,7 +28380,7 @@ var ActivityTraversalProvider = ({
   const [returnViewPresets, setReturnViewPresets] = useState66(
     {}
   );
-  const onSelectActivity = useCallback44(
+  const onSelectActivity = useCallback45(
     ({
       checkoutId,
       initialPage,
@@ -28297,7 +28398,7 @@ var ActivityTraversalProvider = ({
     },
     []
   );
-  const resetActivityTraversal = useCallback44(() => {
+  const resetActivityTraversal = useCallback45(() => {
     setSelectedPurchaseId(void 0);
     setSelectedPurchaseInitView(void 0);
     setReturnView(void 0);
@@ -28317,7 +28418,7 @@ var useActivityTraversal = () => {
 };
 
 // src/modals/ProfileDetails/ProfileDetails.tsx
-import React216, { useCallback as useCallback46, useState as useState69 } from "react";
+import React216, { useCallback as useCallback47, useState as useState69 } from "react";
 
 // src/hooks/useCheckoutModalTitle.ts
 function useCheckoutModalTitle(depositAddress, defaultTitle) {
@@ -28331,7 +28432,7 @@ function useCheckoutModalTitle(depositAddress, defaultTitle) {
 import { IN_PROGRESS_CHECKOUT_STATES as IN_PROGRESS_CHECKOUT_STATES2 } from "@funkit/api-base";
 import { formatTimestampToDate, fullMonthNames } from "@funkit/utils";
 import clsx23 from "clsx";
-import React214, { useEffect as useEffect52, useMemo as useMemo39, useRef as useRef26, useState as useState68 } from "react";
+import React214, { useEffect as useEffect52, useMemo as useMemo40, useRef as useRef26, useState as useState68 } from "react";
 import { Virtuoso } from "react-virtuoso";
 import { useAccount as useAccount7 } from "wagmi";
 
@@ -28705,7 +28806,7 @@ var HomeTokenBalanceDisplayRowSkeleton = () => {
 
 // src/modals/ProfileDetails/FunProfileViews/Home/ProfileTitleSection.tsx
 import React213 from "react";
-import { useCallback as useCallback45, useState as useState67 } from "react";
+import { useCallback as useCallback46, useState as useState67 } from "react";
 
 // src/components/Icons/LogoutIcon.tsx
 import React211 from "react";
@@ -28772,7 +28873,7 @@ var ProfileTitleSection = ({
   onClose
 }) => {
   const [isDisconnectExpanded, setIsDisconnectExpanded] = useState67(false);
-  const collapseDisconnect = useCallback45(
+  const collapseDisconnect = useCallback46(
     () => setIsDisconnectExpanded(false),
     []
   );
@@ -28878,7 +28979,7 @@ function Home({
     const virtuosoDiv = virtuosoParentRef.current?.firstChild;
     virtuosoDiv?.classList.add(animateVirtuosoInClass);
   }, []);
-  const AssetsList = useMemo39(() => {
+  const AssetsList = useMemo40(() => {
     if (walletAssets && !Object.keys(walletAssets).length) {
       return /* @__PURE__ */ React214.createElement(EmptyTabAlert, null);
     }
@@ -28905,7 +29006,7 @@ function Home({
       }
     ));
   }, [walletAssets]);
-  const CheckoutsList = useMemo39(() => {
+  const CheckoutsList = useMemo40(() => {
     if (checkoutHistoryList.length === 0 && isCheckoutHistoryInited) {
       return /* @__PURE__ */ React214.createElement(EmptyTabAlert, null);
     }
@@ -29128,13 +29229,13 @@ function ProfileDetails({ onClose, defaultTab }) {
   const [singleActivityPage, setSingleActivityPage] = useState69(
     selectedPurchaseInitView ?? "detail" /* DETAIL */
   );
-  const resetView = useCallback46(() => {
+  const resetView = useCallback47(() => {
     setView(returnView ?? 0 /* HOME */);
     setSelectedHomeTab("checkouts" /* CHECKOUTS */);
     resetActivityTraversal();
   }, [resetActivityTraversal, returnView]);
   const { animation, animate } = useAnimatedNavigation(void 0);
-  const onSelectActivityWrapper = useCallback46(
+  const onSelectActivityWrapper = useCallback47(
     (activity) => {
       onSelectActivity({
         ...activity,
@@ -29171,7 +29272,7 @@ function ProfileDetails({ onClose, defaultTab }) {
   const isHelpPage = singleActivityPage === "help" /* HELP */;
   const isCheckoutDetailView = isSingleActivityView && singleActivityPage === "detail" /* DETAIL */;
   const withDivider = isSingleActivityView ? isHelpPage ? "scroll" : "always" : void 0;
-  const handleHelp = useCallback46(() => {
+  const handleHelp = useCallback47(() => {
     animate(() => setSingleActivityPage("help" /* HELP */));
   }, [animate]);
   const { onScroll, topbar, withTopDivider } = useCustomStatusAnimationAboveTopbar({
@@ -29246,7 +29347,7 @@ function AccountModal({ onClose, open, defaultTab }) {
 // src/modals/ChainModal/ChainModal.tsx
 import { isMobile as isMobile13 } from "@funkit/utils";
 import React222 from "react";
-import { useAccount as useAccount8, useConfig as useConfig4 } from "wagmi";
+import { useAccount as useAccount8, useConfig as useConfig5 } from "wagmi";
 
 // src/components/Icons/DisconnectSqIcon.tsx
 import React218 from "react";
@@ -29459,7 +29560,7 @@ var MobileScrollClassName = "_1d2b1vf1";
 // src/modals/ChainModal/ChainModal.tsx
 function ChainModal({ onClose, open }) {
   const { chainId } = useAccount8();
-  const { chains } = useConfig4();
+  const { chains } = useConfig5();
   const { switchChain, pendingChainId } = useFunkitSwitchChains({
     onSettled: () => onClose()
   });
@@ -29578,7 +29679,7 @@ function ChainModal({ onClose, open }) {
 // src/modals/CheckoutModal/FunCheckoutModal.tsx
 import { FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST as FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST3 } from "@funkit/chains";
 import { LogLevel, initializeRelayClient } from "@funkit/fun-relay";
-import { FlagKey as FlagKey27 } from "@funkit/utils";
+import { FlagKey as FlagKey28 } from "@funkit/utils";
 import React224, { useRef as useRef27 } from "react";
 
 // src/components/FunCheckoutBlocked/FunCheckoutBlocked.tsx
@@ -29665,7 +29766,7 @@ function FunCheckoutModalInner({
   const isBlocked = isUserGeoblocked || modalState.isBlocked;
   const hasBack = hasHistoryEntry && !disableBack;
   const checkoutConfig = checkoutItem.initSettings.config;
-  const helpButtonUrl = useFlag(FlagKey27.HelpTutorialUrl);
+  const helpButtonUrl = useFlag(FlagKey28.HelpTutorialUrl);
   const { onScroll, topbar, withTopDivider } = useCustomStatusAnimationAboveTopbar({
     depositAddress: checkoutItem.depositAddress ?? void 0,
     isActiveCheckout: true,
@@ -29781,16 +29882,16 @@ function ConnectModal({
 function useModalStateValue() {
   const [isModalOpen, setModalOpen] = useState70(false);
   return {
-    closeModal: useCallback47(() => setModalOpen(false), []),
+    closeModal: useCallback48(() => setModalOpen(false), []),
     isModalOpen,
-    openModal: useCallback47(() => setModalOpen(true), [])
+    openModal: useCallback48(() => setModalOpen(true), [])
   };
 }
 function useModalStateValueWithProp() {
   const [isModalOpen, setModalOpen] = useState70(false);
   const [prop, setProp] = useState70(null);
   return {
-    closeModal: useCallback47(() => {
+    closeModal: useCallback48(() => {
       setTimeout(
         () => {
           setProp(null);
@@ -29801,7 +29902,7 @@ function useModalStateValueWithProp() {
     }, []),
     isModalOpen,
     prop,
-    openModal: useCallback47((prop2) => {
+    openModal: useCallback48((prop2) => {
       if (prop2 != null) {
         setProp(prop2);
       }
@@ -29850,7 +29951,7 @@ function ModalProvider({ children }) {
   } = useModalStateValueWithProp();
   const connectionStatus = useConnectionStatus();
   const { chainId } = useAccount10();
-  const { chains } = useConfig5();
+  const { chains } = useConfig6();
   const isCurrentChainSupported = chains.some((chain) => chain.id === chainId);
   function closeModals(keepConnectModalOpen = false) {
     if (!keepConnectModalOpen) {
@@ -29872,7 +29973,7 @@ function ModalProvider({ children }) {
   return /* @__PURE__ */ React226.createElement(
     ModalContext.Provider,
     {
-      value: useMemo40(
+      value: useMemo41(
         () => ({
           accountModalOpen,
           accountModalTab,
@@ -30277,7 +30378,7 @@ var FunkitWeb2Provider = ({
   children
 }) => {
   const { connectAsync } = useConnect2();
-  const { chains } = useConfig6();
+  const { chains } = useConfig7();
   const { connectors, disconnectAsync } = useDisconnect2();
   const [privy, setPrivy] = useState71(null);
   const [privyIframeUrl, setPrivyIframeUrl] = useState71();
@@ -30288,7 +30389,7 @@ var FunkitWeb2Provider = ({
   const [isLoggingIn, setIsLoggingIn] = useState71(false);
   const [loginErrorMessage, setLoginErrorMessage] = useState71("");
   const [loggedInUser, setLoggedInUser] = useState71(null);
-  const setLoginMethodAndCache = useCallback48(
+  const setLoginMethodAndCache = useCallback49(
     (method) => {
       try {
         setLoginMethod(method);
@@ -30312,7 +30413,7 @@ var FunkitWeb2Provider = ({
     setPrivyIframeUrl(newPrivy.embeddedWallet.getURL());
     setPrivy(newPrivy);
   }, [chains]);
-  const handleIframeMessage = useCallback48(
+  const handleIframeMessage = useCallback49(
     (e) => {
       if (e.origin === PRIVY_AUTH_URL && privy) {
         const iframeHandler = privy.embeddedWallet.getMessageHandler();
@@ -30321,7 +30422,7 @@ var FunkitWeb2Provider = ({
     },
     [privy]
   );
-  const handleFunkitWeb2Logout = useCallback48(async () => {
+  const handleFunkitWeb2Logout = useCallback49(async () => {
     if (privy) {
       logger.log("handleFunkitWeb2Logout_disconnecting_connectors", {
         numConnectors: connectors.length
@@ -30334,7 +30435,7 @@ var FunkitWeb2Provider = ({
       setLoginMethodAndCache(null);
     }
   }, [connectors, disconnectAsync, privy, setLoginMethodAndCache]);
-  const handleFreshPrivyLogin = useCallback48(
+  const handleFreshPrivyLogin = useCallback49(
     async ({
       firstLoginCode,
       secondLoginCode,
@@ -30386,7 +30487,7 @@ var FunkitWeb2Provider = ({
     },
     [handleFunkitWeb2Logout, privy]
   );
-  const getPrivyUserEmbeddedWallet = useCallback48(
+  const getPrivyUserEmbeddedWallet = useCallback49(
     async (inputPrivyUser) => {
       try {
         if (!privy || !inputPrivyUser) {
@@ -30405,7 +30506,7 @@ var FunkitWeb2Provider = ({
     },
     [privy]
   );
-  const getExistingPrivySession = useCallback48(async () => {
+  const getExistingPrivySession = useCallback49(async () => {
     try {
       if (!privy) {
         throw new Error(ERROR_MESSAGES2.PRIVY_NOT_INITIALIZED);
@@ -30416,7 +30517,7 @@ var FunkitWeb2Provider = ({
       return null;
     }
   }, [privy]);
-  const handleFunkitWeb2Login = useCallback48(
+  const handleFunkitWeb2Login = useCallback49(
     async ({
       chainId,
       firstLoginCode,
@@ -30493,9 +30594,9 @@ var FunkitWeb2Provider = ({
       wallets
     ]
   );
-  const clearLoginError = useCallback48(() => setLoginErrorMessage(""), []);
+  const clearLoginError = useCallback49(() => setLoginErrorMessage(""), []);
   const initChainId = useInitialChainId();
-  const handleAutoLoginFlows = useCallback48(async () => {
+  const handleAutoLoginFlows = useCallback49(async () => {
     if (isNotNullish11(loginMethod) && isNotNullish11(initChainId)) {
       const queryParams = new URLSearchParams(window.location.search);
       const oauthCode = queryParams.get(PRIVY_OAUTH_CODE_URL_PARAM);
@@ -30539,7 +30640,7 @@ var FunkitWeb2Provider = ({
     initChainId
     // Do not include `handleAutoLoginFlows`,
   ]);
-  const handleOauthRedirect = useCallback48(
+  const handleOauthRedirect = useCallback49(
     async (authProvider) => {
       if (!privy) {
         throw new Error(ERROR_MESSAGES2.PRIVY_NOT_INITIALIZED);
@@ -30565,7 +30666,7 @@ var FunkitWeb2Provider = ({
     [privy, setLoginMethodAndCache]
   );
   const [isSendingOtpEmail, setIsSendingOtpEmail] = useState71(false);
-  const handleSendOtpEmail = useCallback48(
+  const handleSendOtpEmail = useCallback49(
     async (emailAddress) => {
       try {
         if (!privy) {
@@ -30593,7 +30694,7 @@ var FunkitWeb2Provider = ({
     [privy, setLoginMethodAndCache]
   );
   const [isGeneratingFcUri, setIsGeneratingFcUri] = useState71(false);
-  const handleGenerateFcUri = useCallback48(async () => {
+  const handleGenerateFcUri = useCallback49(async () => {
     try {
       if (!privy) {
         throw new Error(ERROR_MESSAGES2.PRIVY_NOT_INITIALIZED);
@@ -30620,7 +30721,7 @@ var FunkitWeb2Provider = ({
       setIsGeneratingFcUri(false);
     }
   }, [privy]);
-  const getFcConnectionStatus = useCallback48(
+  const getFcConnectionStatus = useCallback49(
     async (channelToken) => {
       try {
         if (!privy) {
@@ -30643,7 +30744,7 @@ var FunkitWeb2Provider = ({
     },
     [privy]
   );
-  const web2UserInfo = useMemo41(() => {
+  const web2UserInfo = useMemo42(() => {
     if (!loggedInUser || !loggedInUser?.linked_accounts || !loggedInUser?.linked_accounts?.length) {
       return PLACEHOLDER_FUNKIT_USER_INFO;
     }
@@ -30764,10 +30865,10 @@ var useShowBalance = () => useContext18(ShowBalanceContext);
 // src/components/ConnectButton/ConnectButtonRenderer.tsx
 import { formatCurrencyAndStringify as formatCurrencyAndStringify15, isMobile as isMobile14, noop as noop9 } from "@funkit/utils";
 import React229 from "react";
-import { useAccount as useAccount12, useBalance, useConfig as useConfig7 } from "wagmi";
+import { useAccount as useAccount12, useBalance, useConfig as useConfig8 } from "wagmi";
 
 // src/hooks/useIsMounted.ts
-import { useCallback as useCallback49, useEffect as useEffect55, useState as useState73 } from "react";
+import { useCallback as useCallback50, useEffect as useEffect55, useState as useState73 } from "react";
 function useIsMounted() {
   const [isMounted, setIsMounted] = useState73(false);
   useEffect55(() => {
@@ -30776,7 +30877,7 @@ function useIsMounted() {
       setIsMounted(false);
     };
   }, []);
-  return useCallback49(() => isMounted, [isMounted]);
+  return useCallback50(() => isMounted, [isMounted]);
 }
 
 // src/components/ConnectButton/abbreviateETHBalance.ts
@@ -30822,7 +30923,7 @@ function ConnectButtonRenderer({
   const { totalWalletAssetsUsd } = useWalletAssets({
     enableRefetchInterval: false
   });
-  const { chains: wagmiChains } = useConfig7();
+  const { chains: wagmiChains } = useConfig8();
   const isCurrentChainSupported = wagmiChains.some(
     (chain) => chain.id === chainId
   );
@@ -31584,15 +31685,6 @@ function cssStringFromTheme(theme, options = {}) {
   return Object.entries(cssObjectFromTheme(theme, options)).map(([key, value]) => `${key}:${value.replace(/[:;{}</>]/g, "")};`).join("");
 }
 
-// src/hooks/useIsFunkitCheckoutActivated.ts
-import { FlagKey as FlagKey28 } from "@funkit/utils";
-var useIsFunkitCheckoutActivated = () => {
-  const isCheckoutActivated = useFlag(FlagKey28.IsCheckoutActivated);
-  return {
-    isActivated: isCheckoutActivated
-  };
-};
-
 // src/hooks/useFunkitMaxCheckoutUsdInfo.ts
 import { FlagKey as FlagKey29, formatCurrencyAndStringify as formatCurrencyAndStringify16 } from "@funkit/utils";
 var useFunkitMaxCheckoutUsdInfo = () => {
@@ -31629,16 +31721,16 @@ import React233, { createContext as createContext19, useContext as useContext19
 import { WagmiProvider, useAccountEffect as useAccountEffect3 } from "wagmi";
 
 // src/providers/useFingerprint.ts
-import { useCallback as useCallback50, useEffect as useEffect57 } from "react";
+import { useCallback as useCallback51, useEffect as useEffect57 } from "react";
 var storageKey5 = "funkit-connect-version";
 function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey5, version);
 }
 function getCurrentSdkVersion() {
-  return "6.14.2";
+  return "6.14.4";
 }
 function useFingerprint() {
-  const fingerprint = useCallback50(() => {
+  const fingerprint = useCallback51(() => {
     setFunkitConnectVersion({ version: getCurrentSdkVersion() });
   }, []);
   useEffect57(() => {
@@ -31648,11 +31740,11 @@ function useFingerprint() {
 
 // src/providers/usePreloadImages.ts
 import { isNotNullish as isNotNullish12 } from "@funkit/utils";
-import { useCallback as useCallback51, useEffect as useEffect58 } from "react";
+import { useCallback as useCallback52, useEffect as useEffect58 } from "react";
 function usePreloadImages() {
   const funkitConnectChains = useFunkitConnectChains();
   const walletConnectors = useWalletConnectors();
-  const preloadImages = useCallback51(() => {
+  const preloadImages = useCallback52(() => {
     loadImages(
       ...walletConnectors.map((wallet) => wallet.iconUrl),
       ...funkitConnectChains.map((chain) => chain.iconUrl).filter(isNotNullish12)
@@ -31807,6 +31899,5 @@ export {
   useFunkitReconnect,
   useFunkitSwitchChains,
   useFunkitUserInfo,
-  useIsFunkitCheckoutActivated,
   useUpdateActiveFunkitCheckout
 };