@funkit/connect 6.14.1 → 6.14.3

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) {
@@ -565,7 +565,8 @@ var PLACEHOLDER_FUNKIT_USER_INFO = {
   nameTruncated: "Guest",
   type: "unknown",
   typeLabel: "",
-  iconSrc: ""
+  iconSrc: "",
+  isConnected: false
 };
 
 // src/utils/funLogger.ts
@@ -824,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,
@@ -870,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"
@@ -954,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 },
@@ -1080,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;
@@ -1172,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,
@@ -1229,7 +1236,7 @@ import {
 } from "@funkit/core";
 import {
   formatCryptoAndStringify,
-  isTokenAddressEquivalent as isTokenAddressEquivalent3,
+  isTokenAddressEquivalent as isTokenAddressEquivalent4,
   round as round2,
   roundUpToXDecimalPlaces
 } from "@funkit/utils";
@@ -1683,7 +1690,8 @@ function GeneralWalletProvider({ children }) {
         nameTruncated: ensName ? formatENS(ensName) : formatAddress2(address),
         type: "eoa",
         typeLabel: connector?.name || "",
-        iconSrc: ensAvatar || ""
+        iconSrc: ensAvatar || "",
+        isConnected: true
       };
     }
     return PLACEHOLDER_FUNKIT_USER_INFO;
@@ -2112,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
@@ -2126,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 = {
@@ -2144,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";
@@ -2198,19 +2169,19 @@ 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,
+  KALSHI_API_KEY,
+  KATANA_API_KEY,
+  MONKEY_TILT_API_KEY,
+  OSTIUM_API_KEY,
+  POLYMARKET_API_KEY,
   SUSHI_API_KEY,
   VENTUALS_API_KEY
 } from "@funkit/api-base";
@@ -2299,7 +2270,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
@@ -2313,7 +2284,7 @@ var flagConfig = {
           {
             key: "apiKey",
             type: "isAnyOf",
-            values: [POLYMARKET_API_KEY2, KATANA_API_KEY2, KALSHI_API_KEY2]
+            values: [POLYMARKET_API_KEY, KATANA_API_KEY, KALSHI_API_KEY]
           }
         ],
         // Turn off geoblock for PM / Katana / Kalshi on our end.
@@ -2340,7 +2311,7 @@ var flagConfig = {
           {
             key: "apiKey",
             type: "isAnyOf",
-            values: [KATANA_API_KEY2]
+            values: [KATANA_API_KEY]
           }
         ],
         value: true
@@ -2357,18 +2328,18 @@ 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,
+              MONKEY_TILT_API_KEY,
               VENTUALS_API_KEY,
-              KALSHI_API_KEY2
+              KALSHI_API_KEY
             ]
           }
         ],
@@ -2413,8 +2384,8 @@ 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,
@@ -2473,10 +2444,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
             ]
           }
         ],
@@ -2500,7 +2471,7 @@ var flagConfig = {
           {
             key: "apiKey",
             type: "isAnyOf",
-            values: [OSTIUM_API_KEY2]
+            values: [OSTIUM_API_KEY]
           }
         ],
         value: arbitrum.id.toString()
@@ -2510,7 +2481,7 @@ var flagConfig = {
           {
             key: "apiKey",
             type: "isAnyOf",
-            values: [BANKR_API_KEY2, KALSHI_API_KEY2]
+            values: [BANKR_API_KEY, KALSHI_API_KEY]
           }
         ],
         value: base3.id.toString()
@@ -2533,11 +2504,11 @@ var flagConfig = {
           {
             key: "apiKey",
             type: "isAnyOf",
-            values: [OSTIUM_API_KEY2]
+            values: [POLYMARKET_API_KEY]
           }
         ],
         value: JSON.stringify({
-          message: ""
+          message: "Deposits on BSC are delayed and may take longer to process."
         })
       }
     ]
@@ -2651,7 +2622,7 @@ var flagConfig = {
           {
             key: "apiKey",
             type: "isAnyOf",
-            values: [KATANA_API_KEY2, KALSHI_API_KEY2]
+            values: [KATANA_API_KEY, KALSHI_API_KEY]
           }
         ],
         value: false
@@ -2735,13 +2706,13 @@ 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,
+              BASED_API_KEY,
+              OSTIUM_API_KEY,
+              POLYMARKET_API_KEY,
               VENTUALS_API_KEY,
-              KALSHI_API_KEY2
+              KALSHI_API_KEY
             ]
           }
         ],
@@ -2793,14 +2764,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: "",
@@ -2810,7 +2773,7 @@ var flagConfig = {
           {
             key: "apiKey",
             type: "isAnyOf",
-            values: [POLYMARKET_API_KEY2]
+            values: [POLYMARKET_API_KEY]
           }
         ],
         value: JSON.stringify(["USDC", "USDC.e"])
@@ -2860,7 +2823,7 @@ var flagConfig = {
           {
             key: "apiKey",
             type: "isAnyOf",
-            values: [BASED_API_KEY2]
+            values: [BASED_API_KEY]
           }
         ],
         value: JSON.stringify({
@@ -3000,6 +2963,44 @@ 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,
+  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
+} 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;
+}
+function isKalshiCustomer(apiKey) {
+  return apiKey === KALSHI_API_KEY2;
+}
+
 // src/providers/FunkitSandboxContext.tsx
 import { createContext as createContext6, useContext as useContext6 } from "react";
 var FunkitSandboxContext = createContext6(false);
@@ -3209,13 +3210,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
     })
@@ -3226,11 +3271,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}`)] || [],
@@ -3256,7 +3301,7 @@ function useRelayBypass() {
   const targetTokens = safeJSONParse(
     targetTokensJsonString
   );
-  const paymentMethodWhitelistConfig = useMemo7(() => {
+  const paymentMethodWhitelistConfig = useMemo8(() => {
     if (isKatanaCustomer(apiKey)) {
       return {
         relayPaymentMethods: [
@@ -3274,7 +3319,7 @@ function useRelayBypass() {
     };
   }, [apiKey]);
   return {
-    getIsRelayEnabled: useCallback3(
+    getIsRelayEnabled: useCallback4(
       ({
         fromChainId,
         fromTokenAddress,
@@ -3321,7 +3366,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,
@@ -3332,6 +3379,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,
@@ -3341,7 +3395,8 @@ function useCheckoutDirectExecution() {
         recipientAddress,
         toChainId,
         toTokenAddress,
-        userAddress: senderAddress
+        userAddress: senderAddress,
+        usePermit
       };
       if (params.isExactIn) {
         const { fromTokenDecimals, fromTokenAmount } = params;
@@ -3358,9 +3413,9 @@ function useCheckoutDirectExecution() {
         toAmountBaseUnit: BigInt(Math.floor(toTokenAmount * multiplier))
       });
     },
-    [address, apiKey]
+    [address, apiKey, isPermitEnabledForToken, wagmiConfig]
   );
-  const checkAndSwitchChains = useCallback4(
+  const checkAndSwitchChains = useCallback5(
     async ({
       executionChainId,
       stepMessageSetter
@@ -3384,7 +3439,7 @@ function useCheckoutDirectExecution() {
     },
     [connector, switchChainAsync]
   );
-  const startRelayDirectExecution = useCallback4(
+  const startRelayDirectExecution = useCallback5(
     async ({
       checkoutItem,
       latestQuote,
@@ -3461,7 +3516,7 @@ function useCheckoutDirectExecution() {
     },
     [walletClient, checkAndSwitchChains]
   );
-  const getDirectExecutionInfo = useCallback4(
+  const getDirectExecutionInfo = useCallback5(
     (checkoutItem) => {
       const noop10 = {
         isDirectExecution: false,
@@ -3499,7 +3554,7 @@ function useCheckoutDirectExecution() {
       startRelayDirectExecution
     ]
   );
-  const getWithdrawalDirectExecution = useCallback4(() => {
+  const getWithdrawalDirectExecution = useCallback5(() => {
     const quoteAction = getRelayDirectExecutionBaseQuote;
     const executeAction = startRelayDirectExecution;
     return {
@@ -3519,9 +3574,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({
@@ -3594,7 +3649,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 || "",
@@ -3604,7 +3659,7 @@ var useCheckoutTransferInit = () => {
     apiKey,
     actionType: checkoutConfig?.qrcodeActionType
   };
-  const queryFunction = useCallback5(
+  const queryFunction = useCallback6(
     async (params) => {
       return await initializeCheckoutTokenTransferAddress({
         ...params,
@@ -3636,13 +3691,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);
@@ -3712,13 +3767,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 }));
     },
@@ -3740,7 +3795,7 @@ function FunkitCheckoutProvider({ children }) {
       });
     }
   );
-  const initNewWithdrawal = useCallback7(
+  const initNewWithdrawal = useCallback8(
     (props) => {
       const { onWithdrawalConfirmation, onWithdrawalError, config } = props;
       const newWithdrawalId = uuid();
@@ -3758,7 +3813,7 @@ function FunkitCheckoutProvider({ children }) {
     },
     []
   );
-  const initNewCheckout = useCallback7(
+  const initNewCheckout = useCallback8(
     ({ config, ...initSettings }) => {
       const newCheckoutId = uuid();
       const newActiveCheckoutItem = {
@@ -3833,7 +3888,7 @@ function FunkitCheckoutProvider({ children }) {
       });
     }
   );
-  const startDirectExecutionCheckout = useCallback7(
+  const startDirectExecutionCheckout = useCallback8(
     async ({
       stepMessageSetter,
       latestQuote,
@@ -3919,7 +3974,7 @@ function FunkitCheckoutProvider({ children }) {
       manualFetch
     ]
   );
-  const startRegularCheckout = useCallback7(
+  const startRegularCheckout = useCallback8(
     async ({
       stepMessageSetter,
       latestQuote,
@@ -4119,15 +4174,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);
@@ -4319,18 +4374,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,
@@ -4362,7 +4405,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;
@@ -4383,6 +4426,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
@@ -4705,7 +4769,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;
     }
@@ -4773,7 +4837,7 @@ function FunkitCheckoutHistoryProvider({
       clearInterval(intervalRef.current);
     }
   }, [logoutSymbol]);
-  const startCheckoutHistoryListener = useCallback8(
+  const startCheckoutHistoryListener = useCallback9(
     (singleDepositAddr, expedited = false) => {
       setHistoryDepositAddress(singleDepositAddr);
       clearInterval(intervalRef.current);
@@ -4789,7 +4853,7 @@ function FunkitCheckoutHistoryProvider({
     },
     [triggerRefreshSymbol]
   );
-  const stopCheckoutHistoryListener = useCallback8(
+  const stopCheckoutHistoryListener = useCallback9(
     (cancelIntervalId) => {
       clearInterval(cancelIntervalId);
       if (cancelIntervalId === intervalRef.current) {
@@ -4941,7 +5005,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 {
@@ -4950,7 +5014,7 @@ import {
   useAnimate
 } from "motion/react";
 import React21, {
-  useCallback as useCallback9,
+  useCallback as useCallback10,
   useEffect as useEffect10,
   useRef as useRef3,
   useState as useState9
@@ -5673,11 +5737,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(
@@ -5695,7 +5759,7 @@ function TransactionStatus({
     },
     [animate, stopSpinning]
   );
-  const animateCircleToSuccess = useCallback9(
+  const animateCircleToSuccess = useCallback10(
     async (step2) => {
       const durationMs = 300;
       const checkmarkDelayMs = 50;
@@ -6091,7 +6155,7 @@ function FunCheckoutStatusLoaded({
     checkoutHistoryItem.state,
     checkoutHistoryItem.refundState
   );
-  const startTimeMs = useMemo8(
+  const startTimeMs = useMemo9(
     () => extractStartTimeMs(
       checkoutHistoryItem.clientMetadata.id,
       activeCheckoutItem,
@@ -6347,7 +6411,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
@@ -6663,7 +6727,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
@@ -6951,7 +7015,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;
@@ -7084,7 +7148,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
@@ -7175,7 +7239,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);
@@ -7185,7 +7249,7 @@ var FunTooltip = ({
     },
     [startDelay]
   );
-  const hide = useCallback10(() => {
+  const hide = useCallback11(() => {
     clearTimeout(startDelayRef.current);
     delayRef.current = setTimeout(() => {
       setIsDisplayed(false);
@@ -7298,7 +7362,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]"
@@ -7331,7 +7395,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"),
         []
       ),
@@ -7348,7 +7412,7 @@ function FocusTrap(props) {
   ), /* @__PURE__ */ React42.createElement(
     "div",
     {
-      onFocus: useCallback11(
+      onFocus: useCallback12(
         () => contentRef.current && moveFocusWithin(contentRef.current, "start"),
         []
       ),
@@ -7484,7 +7548,7 @@ function Dialog({
     }
     return () => document.removeEventListener("keydown", handleEscape);
   }, [open, onClose, isSmartCloseable]);
-  const handleBackdropClick = useCallback12(
+  const handleBackdropClick = useCallback13(
     () => isSmartCloseable ? onClose() : () => void 0,
     [isSmartCloseable, onClose]
   );
@@ -7840,17 +7904,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";
@@ -7918,7 +7982,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 = {
@@ -8020,13 +8084,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";
@@ -8650,13 +8714,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]);
@@ -8929,9 +8993,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;
@@ -9038,7 +9102,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
@@ -9179,12 +9243,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
   );
@@ -9204,7 +9268,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();
@@ -9604,7 +9668,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";
@@ -10000,7 +10064,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;
@@ -10154,7 +10218,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";
@@ -10590,7 +10654,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";
@@ -10803,13 +10867,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
@@ -10831,14 +10895,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) {
@@ -10875,7 +10939,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);
@@ -10930,7 +10994,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();
@@ -10943,7 +11007,7 @@ function useAutoClearState(initialValue = null) {
   }, []);
   return [
     state,
-    useCallback14((newState, durationMs) => {
+    useCallback15((newState, durationMs) => {
       if (timeoutRef.current) {
         clearTimeout(timeoutRef.current);
         timeoutRef.current = void 0;
@@ -10961,11 +11025,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]
   );
@@ -10976,15 +11040,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";
@@ -11075,9 +11139,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);
@@ -11093,7 +11157,7 @@ function FunkitQuoteProvider({ children }) {
       });
     }
   }, [logoutSymbol]);
-  const setQuoteProgress = useCallback15(
+  const setQuoteProgress = useCallback16(
     (state) => {
       setQuoteErrorMessage(state.quoteErrorMessage);
       setQuoteStepMessage(state.quoteStepMessage);
@@ -11101,7 +11165,7 @@ function FunkitQuoteProvider({ children }) {
     },
     []
   );
-  const clearCheckoutQuoteMessages = useCallback15(() => {
+  const clearCheckoutQuoteMessages = useCallback16(() => {
     setQuoteStepMessage("");
     setQuoteErrorMessage("");
   }, []);
@@ -11536,7 +11600,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)) {
@@ -11628,11 +11692,52 @@ 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;
@@ -11683,7 +11788,6 @@ var WithdrawContent = ({
       iconSrc: getTokenIconUrl(selectedToken)
     });
   }, [targetAssetInfo, updateTargetAsset, selectedChainId, selectedToken]);
-  const withdrawalWalletAddress = "wallet" in config ? config.wallet.address() : "0x";
   const {
     isLoading: isQuoteLoading,
     data: quote,
@@ -11699,11 +11803,7 @@ var WithdrawContent = ({
     symbol: selectedToken,
     targetAsset: targetAssetInfo?.address
   });
-  const {
-    isConnected,
-    connector,
-    address: connectedWalletAddress
-  } = useAccount3();
+  const { connector, address: connectedWalletAddress } = useAccount3();
   const { handleWithdrawal, isWithdrawing, withdrawalError } = useWithdrawal({
     config,
     withdrawalItem,
@@ -11725,27 +11825,25 @@ var WithdrawContent = ({
     (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 {
+    isValidAddress,
+    isValidAddressAndChain,
+    isWithdrawAmountTooLow,
+    isWithdrawAmountValid,
+    minWithdrawalUsd
+  } = isValidWithdrawal({
+    config,
+    checkoutConfig,
+    withdrawalUSD,
+    sourceTokenBalance,
+    recipientAddress,
+    selectedChainId
+  });
+  const showUseConnected = useShowConnectWallet({
+    config
+  });
   const handleUseConnectedClick = () => {
     if (!connectedWalletAddress) {
       return;
@@ -11822,7 +11920,7 @@ var WithdrawContent = ({
     isValidAddressAndChain,
     selectedChainName
   });
-  const errorNotification = useMemo13(
+  const errorNotification = useMemo14(
     () => getErrorNotification(
       quoteErrorObject,
       withdrawalError,
@@ -12068,7 +12166,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
@@ -12155,9 +12253,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
   );
@@ -12174,9 +12272,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",
@@ -12254,8 +12352,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() {
@@ -12275,13 +12373,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"]
     });
@@ -12356,7 +12454,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 {
@@ -12406,7 +12504,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 {
@@ -12583,7 +12681,7 @@ var processWalletAssets = (walletAssets, targetChain) => {
 };
 function useWalletAssetHoldings(targetChain) {
   const { walletAssets, isLoading, totalWalletAssetsUsd } = useWalletAssets();
-  const processedAssets = useMemo14(
+  const processedAssets = useMemo15(
     () => processWalletAssets(walletAssets, targetChain),
     [targetChain, walletAssets]
   );
@@ -13831,16 +13929,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)}`
     }
   );
@@ -13853,12 +13941,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
   );
@@ -13975,16 +14063,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"
     }
   );
@@ -14076,7 +14154,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";
@@ -14494,10 +14572,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";
@@ -14525,7 +14603,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) {
@@ -14540,7 +14618,7 @@ function useAnimatedNavigation(callback) {
     },
     [callback]
   );
-  const animate = useCallback17(
+  const animate = useCallback18(
     (callback2, params = {}) => {
       setIsSkipped(!!params.skip);
       if (params.skip) {
@@ -14568,17 +14646,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",
@@ -14862,7 +14940,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
@@ -15464,7 +15542,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();
@@ -15996,7 +16074,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
@@ -16012,7 +16090,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();
@@ -16035,21 +16113,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;
     }
@@ -16363,7 +16441,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;
@@ -16382,7 +16460,7 @@ function FunCheckoutHistoryDetail({
       isActiveCheckout
     ]
   );
-  const primaryButtonProps = useMemo16(() => {
+  const primaryButtonProps = useMemo17(() => {
     if (!isCheckoutLoaded) {
       return void 0;
     }
@@ -16471,7 +16549,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
@@ -16648,7 +16726,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(
@@ -16840,7 +16918,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
@@ -16869,7 +16947,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;
@@ -16889,7 +16967,7 @@ function FunDirectExecutionHistoryDetail({
     ]
   );
   const isWithdrawal = directExecution?.clientMetadata?.isWithdrawal;
-  const buttonProps = useMemo18(() => {
+  const buttonProps = useMemo19(() => {
     if (!isLoaded) {
       return void 0;
     }
@@ -17112,11 +17190,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", {
@@ -17212,7 +17290,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
@@ -17253,7 +17331,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";
@@ -17291,7 +17369,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;
@@ -17309,12 +17387,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 = {
@@ -17327,7 +17405,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";
@@ -17347,7 +17425,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) {
@@ -17447,7 +17525,7 @@ function PaymentAmountSummary({
     })
   });
   const sourceTokenAmount = quote?.finalPaymentTokenAmount ? Number.parseFloat(quote.finalPaymentTokenAmount) : void 0;
-  const paymentTokenUsdAmount = useMemo20(() => {
+  const paymentTokenUsdAmount = useMemo21(() => {
     if (!quote) {
       return void 0;
     }
@@ -17455,7 +17533,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;
     }
@@ -17469,7 +17547,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
   });
@@ -17746,7 +17824,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,
@@ -17781,7 +17859,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;
     }
@@ -17826,11 +17904,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({
@@ -18040,7 +18118,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
@@ -18064,7 +18142,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;
@@ -18170,7 +18248,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,
@@ -18219,7 +18297,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);
@@ -18370,15 +18448,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";
@@ -18414,7 +18492,7 @@ var FunCountdown = ({
   const onCountdownEndedOnce = useEffectEvent(onCountdownEnded);
   const onBeforeCountdownEndsOnce = useEffectEvent(onBeforeCountdownEnds);
   const onCountdownLastSecondOnce = useEffectEvent(onCountdownLastSecond);
-  const handleInterval = useCallback25(() => {
+  const handleInterval = useCallback26(() => {
     if (isPaused) {
       return;
     }
@@ -18532,7 +18610,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);
   }, []);
@@ -18587,7 +18665,7 @@ function useQuoteRefresh({
       preloadedQuoteRef.current = data;
     }
   );
-  const preloadQuote = useCallback27(() => {
+  const preloadQuote = useCallback28(() => {
     if (!isSourceAssetConfirming) {
       onSourceAssetConfirmed(true);
     }
@@ -18601,7 +18679,7 @@ function useQuoteRefresh({
     onBeforeCountdownEnds: preloadQuote,
     onCountdownEnded: () => refreshQuote()
   });
-  const refreshQuote = useCallback27(
+  const refreshQuote = useCallback28(
     async (forceHardRefresh = false) => {
       if (isOnHold) {
         setIsPendingRefresh(true);
@@ -18633,7 +18711,7 @@ function useQuoteRefresh({
     },
     [isOnHold, restartCountdown, setCheckoutQuote, triggerAssetConfirm]
   );
-  const quoteError = useMemo22(() => {
+  const quoteError = useMemo23(() => {
     if (quoteErrorMessage && !isQuoting) {
       return {
         message: quoteErrorMessage,
@@ -18771,7 +18849,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,
@@ -18786,7 +18864,7 @@ function ConfirmationStep({
     quoteError,
     isInitialQuoting
   ]);
-  const stepMessage = useMemo23(() => {
+  const stepMessage = useMemo24(() => {
     if (initialQuoteStep) {
       return initialQuoteStep;
     }
@@ -18843,7 +18921,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;
@@ -18857,7 +18935,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 || "",
@@ -19109,7 +19187,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();
@@ -19142,7 +19220,7 @@ function useMeldCryptoCurrencyCode() {
   return mappedCurrency;
 }
 function useIsMeldEnabled() {
-  const meldEnabled = useFlag(FlagKey18.EnableMeldPayment);
+  const meldEnabled = useFlag(FlagKey19.EnableMeldPayment);
   const meldCurrencyCode = useMeldCryptoCurrencyCode();
   return meldEnabled && !!meldCurrencyCode;
 }
@@ -19276,13 +19354,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";
@@ -19548,7 +19626,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";
@@ -20153,8 +20231,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;
@@ -20576,7 +20654,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) {
@@ -20637,7 +20715,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);
@@ -20760,7 +20838,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) {
@@ -20768,7 +20846,7 @@ function deduplicateArray(arr) {
 }
 function useFiatAmountOptions(currency) {
   const isMeldEnabled = useIsMeldEnabled();
-  const currencyQuickOptionStr = useFlag(FlagKey20.MeldQuickOptions);
+  const currencyQuickOptionStr = useFlag(FlagKey21.MeldQuickOptions);
   const currencyQuickOption = safeJSONParse(
     currencyQuickOptionStr
   );
@@ -20834,19 +20912,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;
@@ -21097,7 +21175,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;
@@ -21132,7 +21210,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));
@@ -21320,7 +21398,7 @@ function useAmountInput(options) {
       return () => element2.removeEventListener("beforeinput", onBeforeInput2);
     }
   }, [inputDecimals, locale]);
-  const onChange = useCallback30(
+  const onChange = useCallback31(
     (event) => {
       dispatch({
         type: "setInputValue",
@@ -21355,7 +21433,7 @@ function useAmountInput(options) {
       });
     }
   }, [defaultAmount]);
-  const setFiatAmount = useCallback30(
+  const setFiatAmount = useCallback31(
     (fiatAmount) => {
       const newState = dispatchAndGetNewState({
         type: "setFiatAmount",
@@ -21367,7 +21445,7 @@ function useAmountInput(options) {
     },
     [dispatchAndGetNewState, unitPrice]
   );
-  const toggleInputInFiat = useCallback30(() => {
+  const toggleInputInFiat = useCallback31(() => {
     dispatch({ type: "toggleInputInFiat" });
     inputRef.current?.focus();
   }, []);
@@ -21433,7 +21511,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;
@@ -21493,7 +21571,7 @@ function InputAmountLoaded({
     selectedQuote,
     isSelectedQuoteUnavailable
   } = useMeld(manuallySelectedQuote, fiatAmount, fiatCurrency);
-  const error = useMemo25(() => {
+  const error = useMemo26(() => {
     if (isCardCheckout) {
       if (isSelectedQuoteUnavailable) {
         return {
@@ -21778,7 +21856,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,
@@ -21790,7 +21868,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.", " "),
@@ -21870,7 +21948,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 = {
@@ -21880,7 +21958,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;
     }
@@ -22003,14 +22081,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;
@@ -22023,11 +22101,12 @@ function usePaymentMethodEnablement({
   };
 }
 var usePaymentSources = (paymentMethodInfo, targetChainId, checkoutConfig) => {
-  const { isUserLoggedIn, walletAddress } = useGeneralWallet();
+  const { userInfo, walletAddress } = useGeneralWallet();
   const { data: allFiatAccounts } = useVirtualFiatAccounts();
   const matchingFiatAccount = useMatchingVirtualFiatAccount(allFiatAccounts);
   const { hasUsableBalance } = useWalletAssetHoldings(targetChainId);
   const { apiKey } = useFunkitConfig();
+  const isConnected = userInfo.isConnected;
   const { isFiatEnabled, isTokenTransferEnabled, isCardEnabled } = usePaymentMethodEnablement({ checkoutConfig });
   const accountPaymentMethodInfo = createPaymentMethodInfo({
     paymentMethod: "balance" /* ACCOUNT_BALANCE */,
@@ -22039,17 +22118,17 @@ var usePaymentSources = (paymentMethodInfo, targetChainId, checkoutConfig) => {
     bridgeCustomer: allFiatAccounts.bridgeCustomer
   }) : null;
   const showBalanceOption = isKatanaCustomer(apiKey) || hasUsableBalance;
-  const connectedAccountInfo = paymentMethodInfo?.paymentMethod !== "balance" /* ACCOUNT_BALANCE */ && isUserLoggedIn && showBalanceOption ? accountPaymentMethodInfo : null;
+  const connectedAccountInfo = paymentMethodInfo?.paymentMethod !== "balance" /* ACCOUNT_BALANCE */ && isConnected && showBalanceOption ? accountPaymentMethodInfo : null;
   const connected = [
     paymentMethodInfo,
     connectedAccountInfo,
     virtualBankPaymentMethodInfo
   ].filter(isNotNullish7);
-  const ignoreFallback = isUserLoggedIn && !hasUsableBalance;
+  const ignoreFallback = isConnected && !hasUsableBalance;
   const fallback2 = connected.length === 0 && !ignoreFallback ? isTokenTransferEnabled ? ["token_transfer" /* TOKEN_TRANSFER */] : isCardEnabled ? ["card" /* CARD */] : ["balance" /* ACCOUNT_BALANCE */] : [];
   const isTokenInNewSources = !fallback2.includes("token_transfer" /* TOKEN_TRANSFER */) && isTokenTransferEnabled;
-  const isWalletInNewSources = !isUserLoggedIn;
-  const isBankInNewSources = !matchingFiatAccount && isUserLoggedIn && isFiatEnabled;
+  const isWalletInNewSources = !isConnected;
+  const isBankInNewSources = !matchingFiatAccount && isConnected && isFiatEnabled;
   const newSources = [
     isTokenInNewSources && "token_transfer" /* TOKEN_TRANSFER */,
     !fallback2.includes("card" /* CARD */) && isCardEnabled && "card" /* CARD */,
@@ -22303,7 +22382,7 @@ function LoadingAccount({
   modalState,
   onNext
 }) {
-  const { walletAddress } = useGeneralWallet();
+  const { walletAddress, userInfo } = useGeneralWallet();
   const { apiKey } = useFunkitConfig();
   const { targetChainId, isDefiMode } = modalState;
   const { isLoading: isFetchingAssets, walletAssets } = useWalletAssets();
@@ -22327,7 +22406,7 @@ function LoadingAccount({
     if (isLoadingFlags || isLoadingFiat || !checkoutConfig) {
       return;
     }
-    if (startsOnSelectAssetStep) {
+    if (startsOnSelectAssetStep && userInfo.isConnected) {
       const paymentMethodInfo = createPaymentMethodInfo({
         paymentMethod: "balance" /* ACCOUNT_BALANCE */,
         walletAddress
@@ -22379,14 +22458,15 @@ function LoadingAccount({
     targetChainId,
     onNext,
     updateSelectedPaymentMethodInfo,
-    checkoutConfig
+    checkoutConfig,
+    userInfo.isConnected
   ]);
   return startsOnConfirmationStep ? /* @__PURE__ */ React150.createElement(ConfirmationStepLoading, null) : /* @__PURE__ */ React150.createElement(FunAssetLoading, { count: 5 });
 }
 
 // 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";
@@ -22442,7 +22522,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())
     ) ?? [];
@@ -22578,7 +22658,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";
@@ -22587,7 +22667,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(() => {
@@ -22618,7 +22698,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(
@@ -22641,7 +22721,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;
@@ -22699,12 +22779,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,
       {
@@ -22735,7 +22815,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
@@ -22831,13 +22911,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;
   }
@@ -22865,7 +22945,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();
@@ -22879,7 +22959,7 @@ function useAllowedAssets() {
     staleTime: 5 * 60 * 1e3,
     gcTime: Number.POSITIVE_INFINITY
   });
-  const tokens = useMemo31(() => {
+  const tokens = useMemo32(() => {
     if (!allowedAssets) {
       return {};
     }
@@ -22890,7 +22970,7 @@ function useAllowedAssets() {
     }
     return ret;
   }, [allowedAssets]);
-  const isAllowed = useCallback32(
+  const isAllowed = useCallback33(
     (chainId, tokenAddress) => {
       const disabledByCustomerList = checkoutItem?.initSettings.config.disabledSourceTokens?.some(
         (token) => {
@@ -22956,7 +23036,7 @@ function useEnrichedAccountHoldings({
 }) {
   const { isAllowed, isLoading } = useAllowedAssets();
   const { loginType, walletAddress } = useGeneralWallet();
-  const enrichedAccountHoldings = useMemo32(() => {
+  const enrichedAccountHoldings = useMemo33(() => {
     if (!checkoutConfig) {
       return [];
     }
@@ -22996,7 +23076,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 }) => {
@@ -23068,7 +23148,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",
@@ -23082,7 +23162,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 [];
     }
@@ -23175,7 +23255,7 @@ function AccountSelectAsset({
     handleTargetAssetUpdate(tokenItem);
     onFinish();
   });
-  const selectedChainTokenSymbol = useMemo32(() => {
+  const selectedChainTokenSymbol = useMemo33(() => {
     if (explicitlySelectedChainTokenSymbol) {
       const assetExists = assetOptions.find(
         ({ asset }) => asset.chainSymbolKey === explicitlySelectedChainTokenSymbol
@@ -23425,7 +23505,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
@@ -23559,7 +23639,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 {
@@ -23773,13 +23853,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;
     }
@@ -23819,7 +23899,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;
     }
@@ -23859,12 +23939,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] ?? [];
@@ -23908,7 +23988,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);
@@ -23936,7 +24016,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;
@@ -24480,8 +24560,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
@@ -24504,7 +24584,7 @@ var useTokenTransfer = (selectedChainId, selectedToken, chainIds) => {
   const { apiKey } = useFunkitConfig();
   const { checkoutItem } = useCheckoutContext();
   const enableUniversal = useFlag(
-    FlagKey25.EnableTokenTransferUniversalDepositAddress,
+    FlagKey26.EnableTokenTransferUniversalDepositAddress,
     false
   );
   const estPriceImpact = usePriceImpactEstimation(
@@ -24556,7 +24636,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
   );
@@ -24578,7 +24658,7 @@ var useMinTransferValue = (selectedChainId) => {
 };
 var useMinTransferValues = (chainIds) => {
   const limits = useMinTransferLimits();
-  return useMemo34(() => {
+  return useMemo35(() => {
     return chainIds.reduce(
       (acc, id) => {
         const limit = getMinTransferValueForChain(id, limits);
@@ -25300,9 +25380,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": {
@@ -25353,7 +25433,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");
@@ -25492,7 +25572,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?.({
@@ -25512,7 +25592,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;
@@ -25545,7 +25625,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
     },
     [clearCheckoutQuoteMessages, modalState, animate, hasHistoryEntry]
   );
-  const onStepChange = useCallback37(
+  const onStepChange = useCallback38(
     (nextState) => {
       if (prevStep.current === modalState.step) {
         return;
@@ -25558,7 +25638,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];
@@ -25753,7 +25833,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";
@@ -25806,7 +25886,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.";
@@ -25854,11 +25934,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
@@ -25885,12 +25965,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));
@@ -25914,7 +25994,7 @@ var FunTwoFaInput = ({
     },
     [currentLength, initialInputLength, maxInputLength, onChange, value]
   );
-  const handleChange = useCallback39(
+  const handleChange = useCallback40(
     (changeEvent) => {
       changeEvent.stopPropagation();
       const nativeEvent = changeEvent.nativeEvent;
@@ -26083,7 +26163,7 @@ var FunWeb2ConnectingStep = ({
   useEffect49(() => {
     clearLoginError();
   }, []);
-  const handleOtpComplete = useCallback40(
+  const handleOtpComplete = useCallback41(
     async (finalOtpInput) => {
       if (isNotNullish9(initialChainId)) {
         await handleFunkitWeb2Login({
@@ -26230,7 +26310,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);
@@ -26238,7 +26318,7 @@ function FunConnectOptions({
     }
   }, []);
   const { animation, navigateTo } = useAnimatedNavigation(changeStep);
-  const handleBackToSignIn = useCallback41(
+  const handleBackToSignIn = useCallback42(
     (type) => {
       const isPrimary = !hasSecondarySignIn || type === prioritizedLoginType;
       navigateTo(
@@ -26249,7 +26329,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?.();
@@ -26257,7 +26337,7 @@ function FunConnectOptions({
     },
     [walletConnectors]
   );
-  const connectToWallet = useCallback41(
+  const connectToWallet = useCallback42(
     async (wallet) => {
       if (!wallet.ready) {
         return;
@@ -26276,7 +26356,7 @@ function FunConnectOptions({
     },
     [changeStep, onRegenerateQrCode]
   );
-  const handleRetry = useCallback41(() => {
+  const handleRetry = useCallback42(() => {
     if (!selectedWallet || selectedWallet.id === FUNKIT_CONNECT_WALLET_ID) {
       handleBackToSignIn("web2");
     } else {
@@ -26324,7 +26404,7 @@ function FunConnectOptions({
       }
     }
   };
-  const stepComponent = useMemo36(() => {
+  const stepComponent = useMemo37(() => {
     switch (step) {
       case 0 /* SIGNIN_PRIMARY */:
       case 1 /* SIGNIN_SECONDARY */:
@@ -26433,7 +26513,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]
     );
@@ -26462,7 +26542,7 @@ function FunSignInStep({
     handleOauthRedirect,
     handleGenerateFcUri
   } = useFunkitWeb2Login();
-  const isEmailInputValid = useMemo37(() => {
+  const isEmailInputValid = useMemo38(() => {
     return validateEmailString(emailInput);
   }, [emailInput]);
   const [emailError, setEmailError] = useState62();
@@ -26535,7 +26615,7 @@ function FunSignInStep({
       changeStep(3 /* PENDING_WALLET */);
     }
   };
-  const handleEmailSubmit = useCallback42(async () => {
+  const handleEmailSubmit = useCallback43(async () => {
     if (!isEmailInputValid) {
       return;
     }
@@ -26874,7 +26954,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";
@@ -26922,13 +27002,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 = ({
@@ -27008,7 +27088,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;
@@ -27257,7 +27337,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`
     );
@@ -27364,7 +27444,7 @@ var FunNotificationBannerIcon = ({
       )
     ]);
   }, [animate]);
-  const triggerAnimationDelayedToFailed = useCallback43(async () => {
+  const triggerAnimationDelayedToFailed = useCallback44(async () => {
     await Promise.all([
       animate(
         `.${generateAnimationPrefixClassName("icon-wrapper")}`,
@@ -27955,19 +28035,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 })
@@ -27977,7 +28057,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]);
@@ -28254,7 +28334,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";
@@ -28275,7 +28355,7 @@ var ActivityTraversalProvider = ({
   const [returnViewPresets, setReturnViewPresets] = useState66(
     {}
   );
-  const onSelectActivity = useCallback44(
+  const onSelectActivity = useCallback45(
     ({
       checkoutId,
       initialPage,
@@ -28293,7 +28373,7 @@ var ActivityTraversalProvider = ({
     },
     []
   );
-  const resetActivityTraversal = useCallback44(() => {
+  const resetActivityTraversal = useCallback45(() => {
     setSelectedPurchaseId(void 0);
     setSelectedPurchaseInitView(void 0);
     setReturnView(void 0);
@@ -28313,7 +28393,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) {
@@ -28327,7 +28407,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";
 
@@ -28701,7 +28781,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";
@@ -28768,7 +28848,7 @@ var ProfileTitleSection = ({
   onClose
 }) => {
   const [isDisconnectExpanded, setIsDisconnectExpanded] = useState67(false);
-  const collapseDisconnect = useCallback45(
+  const collapseDisconnect = useCallback46(
     () => setIsDisconnectExpanded(false),
     []
   );
@@ -28874,7 +28954,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);
     }
@@ -28901,7 +28981,7 @@ function Home({
       }
     ));
   }, [walletAssets]);
-  const CheckoutsList = useMemo39(() => {
+  const CheckoutsList = useMemo40(() => {
     if (checkoutHistoryList.length === 0 && isCheckoutHistoryInited) {
       return /* @__PURE__ */ React214.createElement(EmptyTabAlert, null);
     }
@@ -29124,13 +29204,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,
@@ -29167,7 +29247,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({
@@ -29242,7 +29322,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";
@@ -29455,7 +29535,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()
   });
@@ -29574,7 +29654,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
@@ -29661,7 +29741,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,
@@ -29777,16 +29857,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);
@@ -29797,7 +29877,7 @@ function useModalStateValueWithProp() {
     }, []),
     isModalOpen,
     prop,
-    openModal: useCallback47((prop2) => {
+    openModal: useCallback48((prop2) => {
       if (prop2 != null) {
         setProp(prop2);
       }
@@ -29846,7 +29926,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) {
@@ -29868,7 +29948,7 @@ function ModalProvider({ children }) {
   return /* @__PURE__ */ React226.createElement(
     ModalContext.Provider,
     {
-      value: useMemo40(
+      value: useMemo41(
         () => ({
           accountModalOpen,
           accountModalTab,
@@ -30273,7 +30353,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();
@@ -30284,7 +30364,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);
@@ -30308,7 +30388,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();
@@ -30317,7 +30397,7 @@ var FunkitWeb2Provider = ({
     },
     [privy]
   );
-  const handleFunkitWeb2Logout = useCallback48(async () => {
+  const handleFunkitWeb2Logout = useCallback49(async () => {
     if (privy) {
       logger.log("handleFunkitWeb2Logout_disconnecting_connectors", {
         numConnectors: connectors.length
@@ -30330,7 +30410,7 @@ var FunkitWeb2Provider = ({
       setLoginMethodAndCache(null);
     }
   }, [connectors, disconnectAsync, privy, setLoginMethodAndCache]);
-  const handleFreshPrivyLogin = useCallback48(
+  const handleFreshPrivyLogin = useCallback49(
     async ({
       firstLoginCode,
       secondLoginCode,
@@ -30382,7 +30462,7 @@ var FunkitWeb2Provider = ({
     },
     [handleFunkitWeb2Logout, privy]
   );
-  const getPrivyUserEmbeddedWallet = useCallback48(
+  const getPrivyUserEmbeddedWallet = useCallback49(
     async (inputPrivyUser) => {
       try {
         if (!privy || !inputPrivyUser) {
@@ -30401,7 +30481,7 @@ var FunkitWeb2Provider = ({
     },
     [privy]
   );
-  const getExistingPrivySession = useCallback48(async () => {
+  const getExistingPrivySession = useCallback49(async () => {
     try {
       if (!privy) {
         throw new Error(ERROR_MESSAGES2.PRIVY_NOT_INITIALIZED);
@@ -30412,7 +30492,7 @@ var FunkitWeb2Provider = ({
       return null;
     }
   }, [privy]);
-  const handleFunkitWeb2Login = useCallback48(
+  const handleFunkitWeb2Login = useCallback49(
     async ({
       chainId,
       firstLoginCode,
@@ -30489,9 +30569,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);
@@ -30535,7 +30615,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);
@@ -30561,7 +30641,7 @@ var FunkitWeb2Provider = ({
     [privy, setLoginMethodAndCache]
   );
   const [isSendingOtpEmail, setIsSendingOtpEmail] = useState71(false);
-  const handleSendOtpEmail = useCallback48(
+  const handleSendOtpEmail = useCallback49(
     async (emailAddress) => {
       try {
         if (!privy) {
@@ -30589,7 +30669,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);
@@ -30616,7 +30696,7 @@ var FunkitWeb2Provider = ({
       setIsGeneratingFcUri(false);
     }
   }, [privy]);
-  const getFcConnectionStatus = useCallback48(
+  const getFcConnectionStatus = useCallback49(
     async (channelToken) => {
       try {
         if (!privy) {
@@ -30639,7 +30719,7 @@ var FunkitWeb2Provider = ({
     },
     [privy]
   );
-  const web2UserInfo = useMemo41(() => {
+  const web2UserInfo = useMemo42(() => {
     if (!loggedInUser || !loggedInUser?.linked_accounts || !loggedInUser?.linked_accounts?.length) {
       return PLACEHOLDER_FUNKIT_USER_INFO;
     }
@@ -30691,7 +30771,8 @@ var FunkitWeb2Provider = ({
       nameTruncated,
       type,
       typeLabel,
-      iconSrc
+      iconSrc,
+      isConnected: true
     };
   }, [loggedInUser, loginMethod]);
   const contextValue = {
@@ -30759,10 +30840,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(() => {
@@ -30771,7 +30852,7 @@ function useIsMounted() {
       setIsMounted(false);
     };
   }, []);
-  return useCallback49(() => isMounted, [isMounted]);
+  return useCallback50(() => isMounted, [isMounted]);
 }
 
 // src/components/ConnectButton/abbreviateETHBalance.ts
@@ -30817,7 +30898,7 @@ function ConnectButtonRenderer({
   const { totalWalletAssetsUsd } = useWalletAssets({
     enableRefetchInterval: false
   });
-  const { chains: wagmiChains } = useConfig7();
+  const { chains: wagmiChains } = useConfig8();
   const isCurrentChainSupported = wagmiChains.some(
     (chain) => chain.id === chainId
   );
@@ -31580,18 +31661,18 @@ function cssStringFromTheme(theme, options = {}) {
 }
 
 // src/hooks/useIsFunkitCheckoutActivated.ts
-import { FlagKey as FlagKey28 } from "@funkit/utils";
+import { FlagKey as FlagKey29 } from "@funkit/utils";
 var useIsFunkitCheckoutActivated = () => {
-  const isCheckoutActivated = useFlag(FlagKey28.IsCheckoutActivated);
+  const isCheckoutActivated = useFlag(FlagKey29.IsCheckoutActivated);
   return {
     isActivated: isCheckoutActivated
   };
 };
 
 // src/hooks/useFunkitMaxCheckoutUsdInfo.ts
-import { FlagKey as FlagKey29, formatCurrencyAndStringify as formatCurrencyAndStringify16 } from "@funkit/utils";
+import { FlagKey as FlagKey30, formatCurrencyAndStringify as formatCurrencyAndStringify16 } from "@funkit/utils";
 var useFunkitMaxCheckoutUsdInfo = () => {
-  const maxCheckoutUsd = Number(useFlag(FlagKey29.MaxCheckoutUsd));
+  const maxCheckoutUsd = Number(useFlag(FlagKey30.MaxCheckoutUsd));
   const limitText = maxCheckoutUsd === Number.MAX_VALUE ? "no" : formatCurrencyAndStringify16(maxCheckoutUsd, {
     decimalPrecisionForSuffix: 0,
     minimumSignificantDigits: 0,
@@ -31624,16 +31705,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.1";
+  return "6.14.3";
 }
 function useFingerprint() {
-  const fingerprint = useCallback50(() => {
+  const fingerprint = useCallback51(() => {
     setFunkitConnectVersion({ version: getCurrentSdkVersion() });
   }, []);
   useEffect57(() => {
@@ -31643,11 +31724,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)