npm - @funkit/connect - Versions diffs - 7.1.1 → 8.0.0 - Mend

@funkit/connect 7.1.1 → 8.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/CHANGELOG.md +30 -0
package/dist/__generated__/default_configs.d.ts +11 -0
package/dist/components/CheckoutTopAnnouncementBanner/CheckoutTopAnnouncementBanner.d.ts +2 -0
package/dist/components/FunPayments/FunPaymentMethods.d.ts +5 -0
package/dist/consts/assets.d.ts +1 -3
package/dist/hooks/track/useTrack.d.ts +1 -0
package/dist/hooks/useAllowedAssets.d.ts +3 -1
package/dist/hooks/useTokenTransfer.d.ts +1 -1
package/dist/index.js +644 -569
package/dist/utils/flags/config.d.ts +17 -3
package/dist/utils/transfer.d.ts +2 -2
package/dist/wallets/walletConnectors/index.js +3 -3
package/package.json +5 -5

package/dist/index.js CHANGED Viewed

@@ -417,7 +417,7 @@ function Avatar({ address, imageUrl, loading, size }) {
 }
 // src/components/ConnectButton/ConnectButton.tsx
-import React241, { useEffect as useEffect59, useState as useState76 } from "react";
+import React242, { useEffect as useEffect59, useState as useState76 } from "react";
 // src/css/touchableStyles.css.ts
 var active = { shrink: "_7rkubb8", shrinkSm: "_7rkubb9" };
@@ -780,7 +780,7 @@ var getRemoteImageStyles = (isRemoteImage, isRemoteImageLoaded, src) => {
 // src/components/ConnectButton/ConnectButtonRenderer.tsx
 import { formatCurrencyAndStringify as formatCurrencyAndStringify15, isMobile as isMobile14, noop as noop10 } from "@funkit/utils";
-import React240 from "react";
+import React241 from "react";
 import { useAccount as useAccount12, useBalance, useConfig as useConfig8 } from "wagmi";
 // src/hooks/useIsMounted.ts
@@ -1066,7 +1066,7 @@ import {
 } from "@funkit/api-base";
 import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO12 } from "@funkit/chains";
 import { FlagKey as FlagKey21, isNotNullish as isNotNullish9 } from "@funkit/utils";
-import React239, {
+import React240, {
   createContext as createContext19,
   useCallback as useCallback50,
   useContext as useContext19,
@@ -1413,7 +1413,10 @@ function generateClientMetadataForTokenTransfer() {
 }
 // src/hooks/track/useTrack.ts
-import { flatten, isMobile } from "@funkit/utils";
+import {
+  isMobile,
+  jsonStringifyWithBigIntSanitization
+} from "@funkit/utils";
 import {
   useStatsigClient,
   useStatsigUser
@@ -1427,7 +1430,7 @@ function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey, version);
 }
 function getCurrentSdkVersion() {
-  return "7.1.1";
+  return "8.0.0";
 }
 function useFingerprint() {
   const fingerprint = useCallback3(() => {
@@ -1641,20 +1644,60 @@ datadogLogs.init({
 var logger = new FunLogger();
 // src/hooks/track/useTrack.ts
-var stringifyValues = (metadata) => {
-  const normalizedMetadata = {};
-  for (const [key, value] of Object.entries(metadata)) {
-    if (value === void 0 || value === null) {
-      continue;
+var MAX_FLATTEN_DEPTH = 10;
+function flattenAndStringifyForStatsigEvent(eventName, metadata) {
+  const result = {};
+  const seen = /* @__PURE__ */ new Set();
+  function isNonArrayObject(value) {
+    return typeof value === "object" && value !== null && !Array.isArray(value);
+  }
+  function _flatten(current, path, depth) {
+    if (seen.has(current)) {
+      logger.warn("useTrack:flatten:circular-reference", {
+        eventName,
+        metadata,
+        path
+      });
+      return;
     }
-    if (typeof value === "number" || typeof value === "string") {
-      normalizedMetadata[key] = value.toString();
-    } else {
-      normalizedMetadata[key] = JSON.stringify(value);
+    if (depth >= MAX_FLATTEN_DEPTH) {
+      logger.warn("useTrack:flatten:max-depth-exceeded", {
+        eventName,
+        metadata,
+        path
+      });
+      return;
+    }
+    seen.add(current);
+    for (const [key, value] of Object.entries(current)) {
+      if (value === void 0 || typeof value === "function") {
+        continue;
+      }
+      const childPath = path ? `${path}.${key}` : key;
+      if (typeof value === "number" || typeof value === "string") {
+        result[childPath] = value.toString();
+      } else if (isNonArrayObject(value)) {
+        _flatten(value, childPath, depth + 1);
+      } else {
+        try {
+          result[childPath] = jsonStringifyWithBigIntSanitization(
+            value
+          );
+        } catch (error) {
+          logger.warn("useTrack:flatten:json-stringify-error", {
+            eventName,
+            error,
+            metadata,
+            path: childPath
+          });
+        }
+      }
     }
+    seen.delete(current);
   }
-  return normalizedMetadata;
-};
+  _flatten(metadata, "", 0);
+  return result;
+}
 var eventCounts = {};
 var eventStartTimes = {};
 var useTrack = () => {
@@ -1673,9 +1716,10 @@ var useTrack = () => {
           } = eventNameOrTrackEventData;
           eventCounts[eventName] ??= 0;
           eventCounts[eventName] += 1;
-          const metadata = stringifyValues(
-            flatten({ instance: eventCounts[eventName], ...rawMetadata })
-          );
+          const metadata = flattenAndStringifyForStatsigEvent(eventName, {
+            instance: eventCounts[eventName],
+            ...rawMetadata
+          });
           logStatsigEvent(eventName, value, metadata);
         }
       } catch (error) {
@@ -2396,6 +2440,14 @@ var default_configs_default = {
       token_transfer: 60
     }
   },
+  checkouttopannouncementbanner: {
+    value: {
+      title: "",
+      subtitle: "",
+      iconSrc: "https://sdk-cdn.fun.xyz/images/announcement-icon-rounded.svg",
+      chainIdList: []
+    }
+  },
   dynamicrouting: {
     value: [
       {
@@ -2652,6 +2704,9 @@ var default_configs_default = {
   enabletokentransfer: {
     value: true
   },
+  enabletokentransferuniversaldepositaddress: {
+    value: true
+  },
   ismexico: {
     value: {
       mexico: false
@@ -2825,7 +2880,7 @@ import {
   SUSHI_API_KEY,
   VENTUALS_API_KEY
 } from "@funkit/api-base";
-import { MONAD_CHAIN_ID } from "@funkit/chains";
+import { MONAD_CHAIN_ID, TRON_MAINNET_CHAIN_ID } from "@funkit/chains";
 import { FlagKey } from "@funkit/utils";
 import { arbitrum, base as base3, mainnet as mainnet5, polygon } from "viem/chains";
 var FUN_INTERNAL_USERS = [
@@ -2935,6 +2990,10 @@ var QR_CODE_WITH_MONAD = {
   ...QR_CODE_WITH_BITCOIN,
   [MONAD_CHAIN_ID]: ["MON", "USDC"]
 };
+var QR_CODE_WITH_TRON = {
+  ...QR_CODE_WITH_MONAD,
+  [TRON_MAINNET_CHAIN_ID]: ["USDT"]
+};
 var WITHDRAWAL_CHAINS_AND_ASSETS = {
   ...COMMON_SUPPORT_CHAINS_AND_ASSETS,
   // solana
@@ -3014,7 +3073,7 @@ var flagConfig = {
           {
             key: "apiKey",
             type: "isAnyOf",
-            values: [HYPERDASH_API_KEY2]
+            values: [HYPERDASH_API_KEY2, BULLPEN_API_KEY]
           }
         ],
         value: true
@@ -3031,7 +3090,7 @@ var flagConfig = {
           {
             key: "apiKey",
             type: "isAnyOf",
-            values: [HYPERDASH_API_KEY2]
+            values: [HYPERDASH_API_KEY2, BULLPEN_API_KEY]
           }
         ],
         value: true
@@ -3043,6 +3102,16 @@ var flagConfig = {
     type: "string",
     default_value: JSON.stringify(QR_CODE_WITH_SOLANA),
     overrides: [
+      {
+        if_any: [
+          {
+            key: "userId",
+            type: "isAnyOf",
+            values: FUN_INTERNAL_USERS
+          }
+        ],
+        value: JSON.stringify(QR_CODE_WITH_TRON)
+      },
       {
         if_any: [
           {
@@ -3249,6 +3318,7 @@ var flagConfig = {
       // No HyperCore
       // No Solana
       // No Lighter
+      // No Tron
     })
   },
   [FlagKey.RelayBypassTargetChainsAndAssets]: {
@@ -3300,6 +3370,16 @@ var flagConfig = {
         ],
         value: true
       },
+      {
+        if_any: [
+          {
+            key: "apiKey",
+            type: "isAnyOf",
+            values: [HYPERDASH_API_KEY2, BULLPEN_API_KEY]
+          }
+        ],
+        value: true
+      },
       disableFlagForCountries(US_COUNTRY_CODES),
       {
         if_any: [
@@ -3344,7 +3424,7 @@ var flagConfig = {
           {
             key: "apiKey",
             type: "isAnyOf",
-            values: [HYPERDASH_API_KEY2]
+            values: [HYPERDASH_API_KEY2, BULLPEN_API_KEY]
           }
         ],
         value: true
@@ -4531,7 +4611,7 @@ function useDirectExecutionInfoPolling({
       return RELAY_FETCH_INTERVAL;
     },
     initialData: initDirectExecution,
-    enabled: !disabled && !!initDirectExecution?.txHash
+    enabled: !disabled && !!initDirectExecution?.txHash && initDirectExecution.txHash !== "0x"
   });
   return {
     directExecution,
@@ -4827,7 +4907,7 @@ function useCheckoutsListenerByUserId(userId) {
 function useCheckoutListenerByCheckoutId(checkoutId) {
   const { apiKey } = useFunkitConfig();
   const { data, isLoading } = useQuery6({
-    enabled: !!checkoutId,
+    enabled: !!checkoutId && checkoutId !== "0x",
     queryKey: ["getPurifiedCheckoutById", checkoutId],
     queryFn: async () => {
       if (!checkoutId) {
@@ -4919,7 +4999,7 @@ var useFunkitPostCheckoutInternal = (checkoutId) => {
 };
 // src/providers/ModalContext.tsx
-import React238, {
+import React239, {
   createContext as createContext18,
   useCallback as useCallback49,
   useContext as useContext18,
@@ -6511,101 +6591,11 @@ function useCustomStatusAnimationAboveTopbar({
 }
 // src/consts/assets.ts
-var ASSET_LOGO_SRCS = {
-  $MFER: "https://sdk-cdn.fun.xyz/images/mfer.png",
-  AARBUSDCN: "https://sdk-cdn.fun.xyz/images/aarbusdcn.png",
-  AAVE: "https://sdk-cdn.fun.xyz/images/aave.svg",
-  AERO: "https://sdk-cdn.fun.xyz/images/aero.svg",
-  APE: "https://sdk-cdn.fun.xyz/images/ape.svg",
-  APOLWMATIC: "https://sdk-cdn.fun.xyz/images/apolwmatic.png",
-  ARB: "https://sdk-cdn.fun.xyz/images/arb.svg",
-  BEHYPE: "https://sdk-cdn.fun.xyz/images/behype.svg",
-  BENTO: "https://sdk-cdn.fun.xyz/images/bento.png",
-  BLERF: "https://sdk-cdn.fun.xyz/images/blerf.png",
-  BRETT: "https://sdk-cdn.fun.xyz/images/brett.svg",
-  BSHIB: "https://sdk-cdn.fun.xyz/images/bshib.png",
-  BTC: "https://sdk-cdn.fun.xyz/images/btc.svg",
-  CBBTC: "https://sdk-cdn.fun.xyz/images/cbbtc.svg",
-  CBETH: "https://sdk-cdn.fun.xyz/images/cbeth.png",
-  CRO: "https://sdk-cdn.fun.xyz/images/cro.svg",
-  CRV: "https://sdk-cdn.fun.xyz/images/crv.svg",
-  DAI: "https://sdk-cdn.fun.xyz/images/dai.svg",
-  DEGEN: "https://sdk-cdn.fun.xyz/images/degen.svg",
-  ETH: "https://sdk-cdn.fun.xyz/images/eth.svg",
-  GMX: "https://sdk-cdn.fun.xyz/images/gmx.svg",
-  GRT: "https://sdk-cdn.fun.xyz/images/grt.svg",
-  HYPE: "https://sdk-cdn.fun.xyz/images/hype.svg",
-  IMX: "https://sdk-cdn.fun.xyz/images/imx.svg",
-  INJ: "https://sdk-cdn.fun.xyz/images/inj.svg",
-  LDO: "https://sdk-cdn.fun.xyz/images/ldo.svg",
-  LINK: "https://sdk-cdn.fun.xyz/images/link.png",
-  LUCK: "https://sdk-cdn.fun.xyz/images/luck.png",
-  MATIC: "https://sdk-cdn.fun.xyz/images/matic.svg",
-  MFER: "https://sdk-cdn.fun.xyz/images/mfer.png",
-  MKR: "https://sdk-cdn.fun.xyz/images/mkr.svg",
-  MNT: "https://sdk-cdn.fun.xyz/images/mnt.svg",
-  PENDLE: "https://sdk-cdn.fun.xyz/images/pendle.svg",
-  POL: "https://sdk-cdn.fun.xyz/images/matic.svg",
-  PYUSD: "https://sdk-cdn.fun.xyz/images/pyusd.svg",
-  QNT: "https://sdk-cdn.fun.xyz/images/qnt.svg",
-  RNDR: "https://sdk-cdn.fun.xyz/images/rndr.svg",
-  ROOST: "https://sdk-cdn.fun.xyz/images/roost.png",
-  SAND: "https://sdk-cdn.fun.xyz/images/sand.svg",
-  SHIB: "https://sdk-cdn.fun.xyz/images/shib.svg",
-  SNX: "https://sdk-cdn.fun.xyz/images/snx.svg",
-  SOL: "https://sdk-cdn.fun.xyz/images/sol.svg",
-  SUSDS: "https://sdk-cdn.fun.xyz/images/susds.svg",
-  TYBG: "https://sdk-cdn.fun.xyz/images/tybg.png",
-  UNI: "https://sdk-cdn.fun.xyz/images/uni.png",
-  USDC: "https://sdk-cdn.fun.xyz/images/usdc.svg",
-  "USDC.E": "https://sdk-cdn.fun.xyz/images/usdc.svg",
-  USDE: "https://sdk-cdn.fun.xyz/images/usde.svg",
-  WUSDE: "https://sdk-cdn.fun.xyz/images/usde.svg",
-  EUSDE: "https://sdk-cdn.fun.xyz/images/eusde.svg",
-  USDT: "https://sdk-cdn.fun.xyz/images/usdt.svg",
-  "USD\u20AE0": "https://sdk-cdn.fun.xyz/images/usdt0.svg",
-  USDT0: "https://sdk-cdn.fun.xyz/images/usdt0.svg",
-  USDS: "https://sdk-cdn.fun.xyz/images/usds.svg",
-  USDH: "https://sdk-cdn.fun.xyz/images/usdh.svg",
-  VRTX: "https://sdk-cdn.fun.xyz/images/vrtx.svg",
-  WBTC: "https://sdk-cdn.fun.xyz/images/wbtc.svg",
-  WEETH: "https://sdk-cdn.fun.xyz/images/weeth.png",
-  WETH: "https://sdk-cdn.fun.xyz/images/weth.svg",
-  WHYPE: "https://sdk-cdn.fun.xyz/images/whype.png",
-  WSTETH: "https://sdk-cdn.fun.xyz/images/wsteth.png",
-  TRUMP: "https://sdk-cdn.fun.xyz/images/trump.png",
-  BNB: "https://sdk-cdn.fun.xyz/images/bsc.svg",
-  WBNB: "https://sdk-cdn.fun.xyz/images/bsc.svg",
-  BTCB: "https://sdk-cdn.fun.xyz/images/btc.svg",
-  UBTC: "https://sdk-cdn.fun.xyz/images/btc.svg",
-  BUSD: "https://sdk-cdn.fun.xyz/images/busd.svg",
-  XAUT: "https://sdk-cdn.fun.xyz/images/xaut.png",
-  ADA: "https://sdk-cdn.fun.xyz/images/ada.svg",
-  XRP: "https://sdk-cdn.fun.xyz/images/xrp.svg",
-  UDOGE: "https://sdk-cdn.fun.xyz/images/doge.svg",
-  DOGE: "https://sdk-cdn.fun.xyz/images/doge.svg",
-  LTC: "https://sdk-cdn.fun.xyz/images/ltc.svg",
-  HNT: "https://sdk-cdn.fun.xyz/images/hnt.svg",
-  COMP: "https://sdk-cdn.fun.xyz/images/comp.svg",
-  PEPE: "https://sdk-cdn.fun.xyz/images/pepe.svg",
-  LSTHYPE: "https://sdk-cdn.fun.xyz/images/lsthype.svg",
-  HBUSDT: "https://sdk-cdn.fun.xyz/images/hbusdt.svg",
-  WVLP: "https://sdk-cdn.fun.xyz/images/wvlp.svg",
-  LIQUIDHYPE: "https://sdk-cdn.fun.xyz/images/liquidhype.svg",
-  VHYPE: "https://sdk-cdn.fun.xyz/images/vhype.png",
-  HBHYPE: "https://sdk-cdn.fun.xyz/images/hbhype.svg",
-  MON: "https://sdk-cdn.fun.xyz/images/monad.svg",
-  WMON: "https://sdk-cdn.fun.xyz/images/wmon.svg",
-  AUSD: "https://sdk-cdn.fun.xyz/images/ausd.svg",
-  SUSHI: "https://sdk-cdn.fun.xyz/images/sushi.svg",
-  OP: "https://sdk-cdn.fun.xyz/images/optimism.svg",
-  SKY: "https://sdk-cdn.fun.xyz/images/sky.svg",
-  LIT: "https://sdk-cdn.fun.xyz/images/lit.svg"
-};
-var FALLBACK_ASSET = "https://sdk-cdn.fun.xyz/images/dollar_circle.png";
-function getAssetLogoSrc(symbol) {
-  return ASSET_LOGO_SRCS[symbol.toUpperCase()] || FALLBACK_ASSET;
-}
+import {
+  ASSET_LOGO_SRCS,
+  FALLBACK_ASSET,
+  getAssetLogoSrc
+} from "@funkit/fun-relay";
 // src/providers/FunkitCheckoutContext/track.ts
 var trackEventFromActiveItem = (activeItem, eventName) => {
@@ -7476,11 +7466,12 @@ import {
   bitcoinChain,
   hyperEvmChain,
   monadChain,
-  solanaChain
+  solanaChain,
+  tronChain
 } from "@funkit/chains";
 import { FlagKey as FlagKey6 } from "@funkit/utils";
 import { useMemo as useMemo15 } from "react";
-import { arbitrum as arbitrum2, mainnet as mainnet6, polygon as polygon2 } from "viem/chains";
+import { arbitrum as arbitrum2, mainnet as mainnet6, polygon as polygon2, tron } from "viem/chains";
 // src/utils/transfer.ts
 var getTransferTokenQrCodeUri = (props) => {
@@ -7494,6 +7485,9 @@ var getTransferTokenQrCodeUri = (props) => {
   if (type === "bitcoin") {
     return `bitcoin:${depositAddress}`;
   }
+  if (type === "tron") {
+    return depositAddress;
+  }
   throw new Error(`Invalid transfer token qr code type: ${type}`);
 };
@@ -7536,7 +7530,7 @@ var useTokenTransfer = (selectedChainId, selectedToken, chainIds) => {
   const isUsdceOnPolygon = isPolygon && selectedToken === "USDC.e";
   const isUsdcOnPolygon = isPolygon && selectedToken === "USDC";
   const showOriginalRecipient = isBankrUsUser || !enableUniversal && (isUsdceOnPolygon || isUsdcOnPolygon);
-  const funDepositAddress = selectedChainId === solanaChain.id ? transferInit?.solanaAddr : selectedChainId === bitcoinChain.id ? transferInit?.btcAddrSegwit : transferInit?.depositAddr;
+  const funDepositAddress = selectedChainId === solanaChain.id ? transferInit?.solanaAddr : selectedChainId === bitcoinChain.id ? transferInit?.btcAddrSegwit : selectedChainId === tronChain.id ? transferInit?.tronAddr : transferInit?.depositAddr;
   const blockchainType = (() => {
     if (selectedChainId === solanaChain.id) {
       return "solana";
@@ -7544,6 +7538,9 @@ var useTokenTransfer = (selectedChainId, selectedToken, chainIds) => {
     if (selectedChainId === bitcoinChain.id) {
       return "bitcoin";
     }
+    if (selectedChainId === tronChain.id) {
+      return "tron";
+    }
     return "ethereum";
   })();
   const depositAddressTooltip = showOriginalRecipient ? t("transferToken.depositAddressOriginalRecipient") : t("transferToken.depositAddressUniversal", {
@@ -7580,7 +7577,7 @@ var useMinTransferLimits = () => {
   return limits ?? { mainnet: 0, nonMainnet: 0 };
 };
 function getMinTransferValueForChain(chainId, limits) {
-  const MAINNET_IDS = [mainnet6.id, bitcoinChain.id];
+  const MAINNET_IDS = [mainnet6.id, bitcoinChain.id, tron.id];
   return MAINNET_IDS.includes(chainId) ? limits.mainnet : limits.nonMainnet;
 }
 var useMinTransferValue = (selectedChainId) => {
@@ -12370,6 +12367,7 @@ var useBluvoCheckoutQuote = () => {
   const { checkoutItem } = useCheckoutContext();
   const { transferInit } = useCheckoutTransferInit(!checkoutItem?.isWithdrawal);
   const { selectedBrokerageAsset } = useFunkitBrokerageContext();
+  const { apiKey } = useFunkitConfig();
   async function getBluvoCheckoutQuote({
     amount,
     symbol,
@@ -12395,7 +12393,8 @@ var useBluvoCheckoutQuote = () => {
       amount,
       asset: symbol,
       network: chainInfo?.name,
-      includeFee: true
+      includeFee: true,
+      tag: apiKey
     });
     if (quote?.error || !quote?.rawQuote) {
       logger.error("useBluvoCheckoutQuote:error", {
@@ -16457,7 +16456,7 @@ var TokenAndChainDropdown = ({
   chainLabelAddon,
   alwaysOpenToTop,
   maxTokenDropdownHeight = 338,
-  maxChainDropdownHeight,
+  maxChainDropdownHeight = 338,
   openChainDropdownFullWidth,
   chainTagComponent,
   hideNewTokenBadge
@@ -17028,6 +17027,9 @@ function formatRelayFee({
   if (usd < threshold) {
     return formatCurrencyAndStringify2(usd);
   }
+  if (percent < 0) {
+    return "< 0.01%";
+  }
   return formatPercent(percent);
 }
 function translateAppFeeLabel(appFeeLabel, t) {
@@ -17864,7 +17866,7 @@ import { useEffect as useEffect29, useState as useState24 } from "react";
 import { polygon as polygon4 } from "viem/chains";
 // src/hooks/useEnabledTokenTransferChainTokens.ts
-import { bitcoinChain as bitcoinChain2, solanaChain as solanaChain3 } from "@funkit/chains";
+import { bitcoinChain as bitcoinChain2, solanaChain as solanaChain3, tronChain as tronChain2 } from "@funkit/chains";
 import { FlagKey as FlagKey9 } from "@funkit/utils";
 import { base as base5 } from "viem/chains";
 function useEnabledTokenTransferChainTokens(transferInit, isWithdrawal) {
@@ -17884,6 +17886,7 @@ function useEnabledTokenTransferChainTokens(transferInit, isWithdrawal) {
   }
   const hasSolanaAddress = !!transferInit?.solanaAddr;
   const hasBitcoinAddress = !!transferInit?.btcAddrSegwit;
+  const hasTronAddress = !!transferInit?.tronAddr;
   return Object.keys(assets).reduce(
     (acc, curChainIdString) => {
       const chainId = Number(curChainIdString);
@@ -17895,6 +17898,10 @@ function useEnabledTokenTransferChainTokens(transferInit, isWithdrawal) {
       if (isBitcoin && !hasBitcoinAddress && !isWithdrawal) {
         return acc;
       }
+      const isTron = chainId === tronChain2.id;
+      if (isTron && !hasTronAddress && !isWithdrawal) {
+        return acc;
+      }
       if (isBankrUsUser && chainId !== base5.id) {
         return acc;
       }
@@ -19909,28 +19916,41 @@ function ConnectWalletItem({
     }
   );
 }
-function SupportedChainList({ chainIdList }) {
-  return /* @__PURE__ */ React84.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "flex-end" }, chainIdList.map((chainId, index) => {
-    const metadata = chainMetadataById[chainId];
-    return /* @__PURE__ */ React84.createElement(
-      Box,
-      {
-        key: chainId,
-        position: "relative",
-        style: { right: `${(chainIdList.length - index - 1) * -2}px` }
-      },
-      /* @__PURE__ */ React84.createElement(
-        AsyncImage,
+function SupportedChainList({
+  chainIdList,
+  iconSize = 12,
+  style
+}) {
+  return /* @__PURE__ */ React84.createElement(
+    Box,
+    {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "flex-end",
+      style
+    },
+    chainIdList.map((chainId, index) => {
+      const metadata = chainMetadataById[chainId];
+      return /* @__PURE__ */ React84.createElement(
+        Box,
         {
-          alt: metadata?.name ?? "",
-          borderRadius: "full",
-          src: metadata?.iconUrl ?? "",
-          height: 12,
-          width: 12
-        }
-      )
-    );
-  }));
+          key: chainId,
+          position: "relative",
+          style: { right: `${(chainIdList.length - index - 1) * -2}px` }
+        },
+        /* @__PURE__ */ React84.createElement(
+          AsyncImage,
+          {
+            alt: metadata?.name ?? "",
+            borderRadius: "full",
+            src: metadata?.iconUrl ?? "",
+            height: iconSize,
+            width: iconSize
+          }
+        )
+      );
+    })
+  );
 }
 function PaymentMethodIcon({
   paymentIcon,
@@ -22375,7 +22395,8 @@ function DirectExecutionOrderDetailSection({
     isRefunded,
     latestDirectExecution
   } = useMultiStepDirectExecutionStatus(directExecution, disabled);
-  const { txHash: fromTxHash, fromChainId } = directExecution;
+  const fromTxHash = directExecution.onChainTxHash ?? directExecution.txHash;
+  const { fromChainId } = directExecution;
   const createdTime = getDirectExecutionCreatedTimeMs(directExecution);
   const toChainId = getLzOftDestinationChain(latestDirectExecution) ?? latestDirectExecution.toChainId;
   const listenerInfoTxHashes = latestDirectExecution.listenerInfo?.txHashes || [];
@@ -23489,7 +23510,7 @@ function WithdrawalModal({
 }
 // src/modals/AccountModal/AccountModal.tsx
-import React223 from "react";
+import React224 from "react";
 // src/modals/ProfileDetails/ActivityTraversalContext.tsx
 import React113, {
@@ -23564,11 +23585,11 @@ var useActivityTraversal = () => {
 };
 // src/modals/ProfileDetails/ProfileDetails.tsx
-import React222, { useCallback as useCallback47, useState as useState70 } from "react";
+import React223, { useCallback as useCallback47, useState as useState70 } from "react";
 // src/components/FunCheckoutModalHeightAnimationWrapper/FunCheckoutModalHeightAnimationWrapper.tsx
 import { motion as motion14 } from "motion/react";
-import React209, { useEffect as useEffect54, useRef as useRef28, useState as useState67 } from "react";
+import React210, { useEffect as useEffect54, useRef as useRef28, useState as useState67 } from "react";
 // src/modals/CheckoutModal/stepTransition.ts
 import {
@@ -32479,7 +32500,9 @@ var NewTokenDepositAlert = ({
 import { getAllowedAssets } from "@funkit/api-base";
 import { useQuery as useQuery21 } from "@tanstack/react-query";
 import { useCallback as useCallback40, useMemo as useMemo43 } from "react";
-function useAllowedAssets() {
+function useAllowedAssets({
+  enabled
+} = {}) {
   const { apiKey } = useFunkitConfig();
   const { checkoutItem } = useCheckoutContext();
   const isRelayEnabled = useSourceTokenRelayEnabled();
@@ -32490,7 +32513,8 @@ function useAllowedAssets() {
     refetchOnReconnect: false,
     refetchOnWindowFocus: false,
     staleTime: 5 * 60 * 1e3,
-    gcTime: Number.POSITIVE_INFINITY
+    gcTime: Number.POSITIVE_INFINITY,
+    enabled
   });
   const tokens = useMemo43(() => {
     if (!allowedAssets) {
@@ -33213,11 +33237,57 @@ function showsNativeTokensOnTop(apiKey) {
 import { BridgeCustomerStatus as BridgeCustomerStatus6, MeldServiceProvider as MeldServiceProvider4 } from "@funkit/api-base";
 import { LIGHTER_CHAIN_ID as LIGHTER_CHAIN_ID3 } from "@funkit/chains";
 import { noop as noop9 } from "@funkit/utils";
-import React190, { useCallback as useCallback41, useEffect as useEffect51, useState as useState59 } from "react";
+import React191, { useCallback as useCallback41, useEffect as useEffect51, useState as useState59 } from "react";
 import { createPortal as createPortal19 } from "react-dom";
-// src/modals/CheckoutModal/SourceChange/DefiPurchaseSection.tsx
+// src/components/CheckoutTopAnnouncementBanner/CheckoutTopAnnouncementBanner.tsx
 import React189 from "react";
+var CheckoutTopAnnouncementBanner = () => {
+  const { title, subtitle, chainIdList, iconSrc } = useDynamicConfig(
+    "checkouttopannouncementbanner"
+  );
+  if (!title) {
+    return null;
+  }
+  return /* @__PURE__ */ React189.createElement(
+    Box,
+    {
+      borderRadius: "connectButton",
+      background: "offBackground",
+      display: "flex",
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
+      gap: "8",
+      padding: "8",
+      marginBottom: "8"
+    },
+    /* @__PURE__ */ React189.createElement(Box, { display: "flex", flexDirection: "row", alignItems: "center", gap: "8" }, /* @__PURE__ */ React189.createElement(
+      "img",
+      {
+        src: iconSrc,
+        alt: "announcement icon",
+        style: {
+          width: "20px",
+          height: "20px",
+          objectFit: "contain",
+          display: "block"
+        }
+      }
+    ), /* @__PURE__ */ React189.createElement(Box, { display: "flex", flexDirection: "column", gap: "2" }, /* @__PURE__ */ React189.createElement(Text, { size: "10", color: "primaryText" }, title), subtitle && /* @__PURE__ */ React189.createElement(Text, { size: "10", color: "secondaryText" }, subtitle))),
+    !!chainIdList?.length && /* @__PURE__ */ React189.createElement(
+      SupportedChainList,
+      {
+        chainIdList: chainIdList.map(String),
+        iconSize: 12,
+        style: { marginRight: "4px" }
+      }
+    )
+  );
+};
+// src/modals/CheckoutModal/SourceChange/DefiPurchaseSection.tsx
+import React190 from "react";
 var DefiPurchaseSection = ({ config }) => {
   const { uiCustomizations } = useFunkitConfig();
   const { isLoading, price: usdAmount } = useAssetAddressPrice({
@@ -33225,7 +33295,7 @@ var DefiPurchaseSection = ({ config }) => {
     assetTokenAddress: config.targetAsset,
     amount: config.targetAssetAmount
   });
-  return /* @__PURE__ */ React189.createElement(
+  return /* @__PURE__ */ React190.createElement(
     CheckoutPrimaryInfo,
     {
       showTokenAmount: uiCustomizations.confirmationScreen.showTokenAmount,
@@ -33328,7 +33398,7 @@ var ConnectedSource = ({
 }) => {
   if (paymentInfo.paymentMethod === "balance" /* ACCOUNT_BALANCE */) {
     const isSelected = selectedPaymentInfo?.paymentMethod === "balance" /* ACCOUNT_BALANCE */;
-    return /* @__PURE__ */ React190.createElement(
+    return /* @__PURE__ */ React191.createElement(
       AccountBalancePaymentMethodItem,
       {
         showSelectedCheckmark,
@@ -33341,7 +33411,7 @@ var ConnectedSource = ({
   }
   if (paymentInfo.paymentMethod === "brokerage" /* BROKERAGE */) {
     const isSelected = selectedPaymentInfo?.paymentMethod === "brokerage" /* BROKERAGE */;
-    return /* @__PURE__ */ React190.createElement(
+    return /* @__PURE__ */ React191.createElement(
       ConnectedBluvoPaymentMethodItem,
       {
         paymentMethodInfo: paymentInfo,
@@ -33353,7 +33423,7 @@ var ConnectedSource = ({
   }
   if (paymentInfo.paymentMethod === "virtual_bank" /* VIRTUAL_BANK */) {
     const isSelected = selectedPaymentInfo?.paymentMethod === "virtual_bank" /* VIRTUAL_BANK */;
-    return /* @__PURE__ */ React190.createElement(
+    return /* @__PURE__ */ React191.createElement(
       ActiveFiatAccountPaymentMethodItem,
       {
         isActive: isSelected,
@@ -33390,7 +33460,7 @@ function PayPal() {
     return null;
   }
   const isLoading = isPaypalReady && (!defaultCurrency || !amounts[1] || isPending);
-  return /* @__PURE__ */ React190.createElement(
+  return /* @__PURE__ */ React191.createElement(
     PayPalPaymentMethodItem,
     {
       isClickable: !isLoading,
@@ -33561,7 +33631,7 @@ function SourceChange({
   );
   function renderSource(source) {
     if (isConnectablePaymentMethodInfo(source)) {
-      return /* @__PURE__ */ React190.createElement(
+      return /* @__PURE__ */ React191.createElement(
         ConnectedSource,
         {
           key: source.title,
@@ -33573,7 +33643,7 @@ function SourceChange({
         }
       );
     }
-    return /* @__PURE__ */ React190.createElement(
+    return /* @__PURE__ */ React191.createElement(
       AddPaymentMethodItem,
       {
         key: source,
@@ -33584,7 +33654,7 @@ function SourceChange({
     );
   }
   function renderComingSoon(source) {
-    return /* @__PURE__ */ React190.createElement(
+    return /* @__PURE__ */ React191.createElement(
       AddPaymentMethodItem,
       {
         key: source,
@@ -33592,13 +33662,13 @@ function SourceChange({
         isActive: false,
         isClickable: false,
         onClick: noop9,
-        customValueIcon: /* @__PURE__ */ React190.createElement(FunBadge, { borderColor: "generalBorder" }, t("common.comingSoon"))
+        customValueIcon: /* @__PURE__ */ React191.createElement(FunBadge, { borderColor: "generalBorder" }, t("common.comingSoon"))
       }
     );
   }
   const hasMoreSources = moreSources.length > 0 || comingSoon.length > 0;
   const bottomSectionRef = useBottomSectionRef();
-  return /* @__PURE__ */ React190.createElement(React190.Fragment, null, isTargetAssetSelectable && /* @__PURE__ */ React190.createElement(Box, { marginBottom: "8" }, /* @__PURE__ */ React190.createElement(
+  return /* @__PURE__ */ React191.createElement(React191.Fragment, null, /* @__PURE__ */ React191.createElement(CheckoutTopAnnouncementBanner, null), isTargetAssetSelectable && /* @__PURE__ */ React191.createElement(Box, { marginBottom: "8" }, /* @__PURE__ */ React191.createElement(
     ReceiveTokenDropdown,
     {
       activeItemLabel: t("sourceChange.selectTokenLabel"),
@@ -33609,7 +33679,7 @@ function SourceChange({
       selectedToken: selectedTargetAsset?.tokenSymbol,
       tokens: dynamicTargetAssets
     }
-  )), isDefiMode ? /* @__PURE__ */ React190.createElement(Box, { display: "flex", flexDirection: "column", gap: "28" }, /* @__PURE__ */ React190.createElement(DefiPurchaseSection, { config: checkoutItem.initSettings.config }), /* @__PURE__ */ React190.createElement(Box, { display: "flex", flexDirection: "column", gap: "16" }, /* @__PURE__ */ React190.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React190.createElement(Text, { size: "13", color: "secondaryText" }, t("sourceChange.selectPaymentMethod")), preferred.map(renderSource)), /* @__PURE__ */ React190.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React190.createElement(Text, { size: "13", color: "secondaryText" }, t("sourceChange.moreOptions")), moreSources.map(renderSource)))) : /* @__PURE__ */ React190.createElement(React190.Fragment, null, /* @__PURE__ */ React190.createElement(
+  )), isDefiMode ? /* @__PURE__ */ React191.createElement(Box, { display: "flex", flexDirection: "column", gap: "28" }, /* @__PURE__ */ React191.createElement(DefiPurchaseSection, { config: checkoutItem.initSettings.config }), /* @__PURE__ */ React191.createElement(Box, { display: "flex", flexDirection: "column", gap: "16" }, /* @__PURE__ */ React191.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React191.createElement(Text, { size: "13", color: "secondaryText" }, t("sourceChange.selectPaymentMethod")), preferred.map(renderSource)), /* @__PURE__ */ React191.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React191.createElement(Text, { size: "13", color: "secondaryText" }, t("sourceChange.moreOptions")), moreSources.map(renderSource)))) : /* @__PURE__ */ React191.createElement(React191.Fragment, null, /* @__PURE__ */ React191.createElement(
     Box,
     {
       display: "flex",
@@ -33620,7 +33690,7 @@ function SourceChange({
       }
     },
     preferred.map(renderSource),
-    preferred.length > 0 && hasMoreSources && /* @__PURE__ */ React190.createElement(
+    preferred.length > 0 && hasMoreSources && /* @__PURE__ */ React191.createElement(
       FunDivider,
       {
         label: t("sourceChange.more"),
@@ -33631,8 +33701,8 @@ function SourceChange({
     ),
     moreSources.map(renderSource),
     comingSoon.map(renderComingSoon),
-    /* @__PURE__ */ React190.createElement(PayPal, null)
-  ), /* @__PURE__ */ React190.createElement(Box, { className: emptyStateStyles }, /* @__PURE__ */ React190.createElement(
+    /* @__PURE__ */ React191.createElement(PayPal, null)
+  ), /* @__PURE__ */ React191.createElement(Box, { className: emptyStateStyles }, /* @__PURE__ */ React191.createElement(
     FunNoResults,
     {
       text: t("checkout.noAvailableTokensMessage"),
@@ -33640,7 +33710,7 @@ function SourceChange({
       variant: "actionable"
     }
   ))), bottomSectionRef && createPortal19(
-    /* @__PURE__ */ React190.createElement(
+    /* @__PURE__ */ React191.createElement(
       Dialog.BottomBar,
       {
         actionButtonProps: hasAutoContinue ? void 0 : {
@@ -33662,12 +33732,12 @@ function SourceChange({
 // src/modals/CheckoutModal/TransferToken/TransferToken.tsx
 import { motion as motion12, useAnimationControls as useAnimationControls3 } from "motion/react";
-import React201, { useRef as useRef26, useState as useState63 } from "react";
+import React202, { useRef as useRef26, useState as useState63 } from "react";
 import { createPortal as createPortal20 } from "react-dom";
 // src/components/CopyAddress/CopyInputDisplayedAddress.tsx
 import { truncateMiddleOfAddress } from "@funkit/utils";
-import React191, { useCallback as useCallback43, useState as useState61 } from "react";
+import React192, { useCallback as useCallback43, useState as useState61 } from "react";
 // src/hooks/useCopyToClipboard.ts
 import { useCallback as useCallback42, useEffect as useEffect52, useState as useState60 } from "react";
@@ -33723,8 +33793,8 @@ function CopyInputDisplayedAddressEN({
     }, 2e3);
     handleCopy();
   }, [isActive, handleCopy]);
-  return /* @__PURE__ */ React191.createElement(Box, { className: copyButtonWrapper }, /* @__PURE__ */ React191.createElement(Box, { paddingY: "8", paddingX: "12", width: "full" }, /* @__PURE__ */ React191.createElement(Text, { size: "10" }, displayAddress)), /* @__PURE__ */ React191.createElement(FunDivider, { borderColor: "mediumStroke" }), /* @__PURE__ */ React191.createElement(Box, { as: "button", onClick: handleClick, className: copyButton }, /* @__PURE__ */ React191.createElement("div", { className: isActive ? copyInputTextBoxActive : copyInputTextBox }, /* @__PURE__ */ React191.createElement("div", { className: isActive ? copyButtonIconActive : copyButtonIcon }, /* @__PURE__ */ React191.createElement(CheckIcon, { className: copyButtonIconBase })), /* @__PURE__ */ React191.createElement(Text, { size: "12", weight: "medium" }, /* @__PURE__ */ React191.createElement("div", { className: copyInputText }, /* @__PURE__ */ React191.createElement("span", null, "Cop"), /* @__PURE__ */ React191.createElement("span", { className: copyInputTextWrapper }, ["y", " ", "a", "d", "d", "r", "e", "s", "s"].map(
-    (char, i) => /* @__PURE__ */ React191.createElement(
+  return /* @__PURE__ */ React192.createElement(Box, { className: copyButtonWrapper }, /* @__PURE__ */ React192.createElement(Box, { paddingY: "8", paddingX: "12", width: "full" }, /* @__PURE__ */ React192.createElement(Text, { size: "10" }, displayAddress)), /* @__PURE__ */ React192.createElement(FunDivider, { borderColor: "mediumStroke" }), /* @__PURE__ */ React192.createElement(Box, { as: "button", onClick: handleClick, className: copyButton }, /* @__PURE__ */ React192.createElement("div", { className: isActive ? copyInputTextBoxActive : copyInputTextBox }, /* @__PURE__ */ React192.createElement("div", { className: isActive ? copyButtonIconActive : copyButtonIcon }, /* @__PURE__ */ React192.createElement(CheckIcon, { className: copyButtonIconBase })), /* @__PURE__ */ React192.createElement(Text, { size: "12", weight: "medium" }, /* @__PURE__ */ React192.createElement("div", { className: copyInputText }, /* @__PURE__ */ React192.createElement("span", null, "Cop"), /* @__PURE__ */ React192.createElement("span", { className: copyInputTextWrapper }, ["y", " ", "a", "d", "d", "r", "e", "s", "s"].map(
+    (char, i) => /* @__PURE__ */ React192.createElement(
       "span",
       {
         className: copyInputTextDefault,
@@ -33735,9 +33805,9 @@ function CopyInputDisplayedAddressEN({
           "--animation-opacity": isActive === false ? "0" : "1"
         }
       },
-      char === " " ? /* @__PURE__ */ React191.createElement(React191.Fragment, null, "\xA0") : char
+      char === " " ? /* @__PURE__ */ React192.createElement(React192.Fragment, null, "\xA0") : char
     )
-  ), ["ied"].map((char, i) => /* @__PURE__ */ React191.createElement(
+  ), ["ied"].map((char, i) => /* @__PURE__ */ React192.createElement(
     "span",
     {
       className: copyInputTextActive,
@@ -33770,17 +33840,17 @@ function CopyInputDisplayedAddressI18n({
     handleCopy();
   }, [isActive, handleCopy]);
   const buttonText = isActive ? t("common.copied") : t("common.copyAddress");
-  return /* @__PURE__ */ React191.createElement(Box, { className: copyButtonWrapper }, /* @__PURE__ */ React191.createElement(Box, { paddingY: "8", paddingX: "12", width: "full" }, /* @__PURE__ */ React191.createElement(Text, { size: "10" }, displayAddress)), /* @__PURE__ */ React191.createElement(FunDivider, { borderColor: "mediumStroke" }), /* @__PURE__ */ React191.createElement(Box, { as: "button", onClick: handleClick, className: copyButton }, /* @__PURE__ */ React191.createElement("div", { className: copyInputTextBox }, /* @__PURE__ */ React191.createElement("div", { className: copyButtonIcon }, /* @__PURE__ */ React191.createElement(CheckIcon, { className: copyButtonIconBase })), /* @__PURE__ */ React191.createElement(Text, { size: "12", weight: "medium" }, /* @__PURE__ */ React191.createElement("div", { className: copyInputText }, buttonText)))));
+  return /* @__PURE__ */ React192.createElement(Box, { className: copyButtonWrapper }, /* @__PURE__ */ React192.createElement(Box, { paddingY: "8", paddingX: "12", width: "full" }, /* @__PURE__ */ React192.createElement(Text, { size: "10" }, displayAddress)), /* @__PURE__ */ React192.createElement(FunDivider, { borderColor: "mediumStroke" }), /* @__PURE__ */ React192.createElement(Box, { as: "button", onClick: handleClick, className: copyButton }, /* @__PURE__ */ React192.createElement("div", { className: copyInputTextBox }, /* @__PURE__ */ React192.createElement("div", { className: copyButtonIcon }, /* @__PURE__ */ React192.createElement(CheckIcon, { className: copyButtonIconBase })), /* @__PURE__ */ React192.createElement(Text, { size: "12", weight: "medium" }, /* @__PURE__ */ React192.createElement("div", { className: copyInputText }, buttonText)))));
 }
 function CopyInputDisplayedAddress(props) {
   const { i18n: i18n2 } = useFunkitTranslation();
   const isEnglish = i18n2.language === "en" || i18n2.language === "buy_en";
-  return isEnglish ? /* @__PURE__ */ React191.createElement(CopyInputDisplayedAddressEN, { ...props }) : /* @__PURE__ */ React191.createElement(CopyInputDisplayedAddressI18n, { ...props });
+  return isEnglish ? /* @__PURE__ */ React192.createElement(CopyInputDisplayedAddressEN, { ...props }) : /* @__PURE__ */ React192.createElement(CopyInputDisplayedAddressI18n, { ...props });
 }
 // src/components/QRCode/QRCode.tsx
 import QRCodeUtil from "qrcode";
-import React192, { useMemo as useMemo46 } from "react";
+import React193, { useMemo as useMemo46 } from "react";
 var generateMatrix = (value, errorCorrectionLevel) => {
   const { data } = QRCodeUtil.create(value, { errorCorrectionLevel }).modules;
   const sqrt = Math.sqrt(data.length);
@@ -33824,7 +33894,7 @@ function QRCode({
         const borderRadius = enableCornerMarkersRadius ? (i - 2) * -5 + (i === 0 ? 2 : 0) : 0;
         const size2 = cellSize * (7 - i * 2);
         dots2.push(
-          /* @__PURE__ */ React192.createElement(
+          /* @__PURE__ */ React193.createElement(
             "rect",
             {
               fill: i % 2 !== 0 ? activeTheme.colors.modalBackground : "currentColor",
@@ -33849,7 +33919,7 @@ function QRCode({
           if (!(i < 7 && j < 7 || i > matrix.length - 8 && j < 7 || i < 7 && j > matrix.length - 8)) {
             if (!(i > matrixMiddleStart && i < matrixMiddleEnd && j > matrixMiddleStart && j < matrixMiddleEnd)) {
               dots2.push(
-                /* @__PURE__ */ React192.createElement(
+                /* @__PURE__ */ React193.createElement(
                   "circle",
                   {
                     cx: i * cellSize + cellSize / 2,
@@ -33876,7 +33946,7 @@ function QRCode({
   ]);
   const logoPosition = size / 2 - logoSize / 2;
   const logoWrapperSize = logoSize + logoMargin * 2;
-  return /* @__PURE__ */ React192.createElement(
+  return /* @__PURE__ */ React193.createElement(
     Box,
     {
       ...enableOuterBorder && {
@@ -33891,7 +33961,7 @@ function QRCode({
       background: "modalBackground",
       color: "primaryText"
     },
-    /* @__PURE__ */ React192.createElement(
+    /* @__PURE__ */ React193.createElement(
       Box,
       {
         style: {
@@ -33901,7 +33971,7 @@ function QRCode({
         },
         userSelect: "none"
       },
-      /* @__PURE__ */ React192.createElement(
+      /* @__PURE__ */ React193.createElement(
         Box,
         {
           display: "flex",
@@ -33914,7 +33984,7 @@ function QRCode({
           },
           width: "full"
         },
-        /* @__PURE__ */ React192.createElement(
+        /* @__PURE__ */ React193.createElement(
           AsyncImage,
           {
             background: logoBackground,
@@ -33926,20 +33996,20 @@ function QRCode({
           }
         )
       ),
-      /* @__PURE__ */ React192.createElement("svg", { height: size, style: { all: "revert" }, width: size }, /* @__PURE__ */ React192.createElement("title", null, "QR Code"), /* @__PURE__ */ React192.createElement("defs", null, /* @__PURE__ */ React192.createElement("clipPath", { id: "clip-wrapper" }, /* @__PURE__ */ React192.createElement("rect", { height: logoWrapperSize, width: logoWrapperSize })), /* @__PURE__ */ React192.createElement("clipPath", { id: "clip-logo" }, /* @__PURE__ */ React192.createElement("rect", { height: logoSize, width: logoSize }))), /* @__PURE__ */ React192.createElement("rect", { fill: "transparent", height: size, width: size }), dots)
+      /* @__PURE__ */ React193.createElement("svg", { height: size, style: { all: "revert" }, width: size }, /* @__PURE__ */ React193.createElement("title", null, "QR Code"), /* @__PURE__ */ React193.createElement("defs", null, /* @__PURE__ */ React193.createElement("clipPath", { id: "clip-wrapper" }, /* @__PURE__ */ React193.createElement("rect", { height: logoWrapperSize, width: logoWrapperSize })), /* @__PURE__ */ React193.createElement("clipPath", { id: "clip-logo" }, /* @__PURE__ */ React193.createElement("rect", { height: logoSize, width: logoSize }))), /* @__PURE__ */ React193.createElement("rect", { fill: "transparent", height: size, width: size }), dots)
     )
   );
 }
 // src/components/QRCode/QRCodeSkeletonLoader.tsx
-import React193 from "react";
+import React194 from "react";
 var DOT_SIZE = "8";
 var QRCodeSkeletonLoader = ({
   diagonalDimension = 12,
   gapBetweenDots = "4"
 }) => {
   const size = diagonalDimension * Number(DOT_SIZE) + (diagonalDimension - 1) * Number(gapBetweenDots);
-  return /* @__PURE__ */ React193.createElement(Box, { padding: "5" }, /* @__PURE__ */ React193.createElement(
+  return /* @__PURE__ */ React194.createElement(Box, { padding: "5" }, /* @__PURE__ */ React194.createElement(
     Box,
     {
       display: "flex",
@@ -33949,7 +34019,7 @@ var QRCodeSkeletonLoader = ({
       gap: gapBetweenDots,
       style: { width: `${size}px`, height: `${size}px` }
     },
-    Array.from({ length: diagonalDimension }, (_, index) => /* @__PURE__ */ React193.createElement(
+    Array.from({ length: diagonalDimension }, (_, index) => /* @__PURE__ */ React194.createElement(
       Box,
       {
         display: "flex",
@@ -33958,7 +34028,7 @@ var QRCodeSkeletonLoader = ({
         gap: gapBetweenDots,
         key: index
       },
-      Array.from({ length: diagonalDimension }, (_2, index2) => /* @__PURE__ */ React193.createElement(FunSkeletonCircle, { size: DOT_SIZE, key: index2 }))
+      Array.from({ length: diagonalDimension }, (_2, index2) => /* @__PURE__ */ React194.createElement(FunSkeletonCircle, { size: DOT_SIZE, key: index2 }))
     ))
   ));
 };
@@ -33966,13 +34036,13 @@ var QRCodeSkeletonLoader_default = QRCodeSkeletonLoader;
 // src/components/TransferTokenDetails/TransferTokenDetails.tsx
 import { formatNumberAndStringify } from "@funkit/utils";
-import React200 from "react";
+import React201 from "react";
 import { Trans as Trans12 } from "react-i18next";
 // src/components/Icons/New/DollarIcon.tsx
-import React194 from "react";
+import React195 from "react";
 var DollarIcon = () => {
-  return /* @__PURE__ */ React194.createElement(
+  return /* @__PURE__ */ React195.createElement(
     "svg",
     {
       width: "12",
@@ -33981,7 +34051,7 @@ var DollarIcon = () => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React194.createElement(
+    /* @__PURE__ */ React195.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -33994,9 +34064,9 @@ var DollarIcon = () => {
 };
 // src/components/Icons/New/FileIcon.tsx
-import React195 from "react";
+import React196 from "react";
 var FileIcon = () => {
-  return /* @__PURE__ */ React195.createElement(
+  return /* @__PURE__ */ React196.createElement(
     "svg",
     {
       width: "12",
@@ -34005,7 +34075,7 @@ var FileIcon = () => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React195.createElement(
+    /* @__PURE__ */ React196.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -34018,9 +34088,9 @@ var FileIcon = () => {
 };
 // src/components/Icons/New/SpeedometerIcon.tsx
-import React196 from "react";
+import React197 from "react";
 var SpeedometerIcon = () => {
-  return /* @__PURE__ */ React196.createElement(
+  return /* @__PURE__ */ React197.createElement(
     "svg",
     {
       width: "12",
@@ -34029,7 +34099,7 @@ var SpeedometerIcon = () => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React196.createElement(
+    /* @__PURE__ */ React197.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -34043,13 +34113,13 @@ var SpeedometerIcon = () => {
 // src/components/FunFeatureList/FunFeatureList.tsx
 import { motion as motion11, useAnimationControls as useAnimationControls2 } from "motion/react";
-import React198, { useState as useState62 } from "react";
+import React199, { useState as useState62 } from "react";
 // src/components/FunFeatureList/FunFeatureList.css.ts
 var detailsButton = "_1045qr71 _1rsrm2fet _1rsrm2ffq _1rsrm2fgj _1rsrm2fds _1rsrm2fih _1rsrm2fa _1rsrm2f4 _1rsrm2f4p _1rsrm2fu";
 // src/components/FunFeatureList/FunFeatureListItem.tsx
-import React197 from "react";
+import React198 from "react";
 var FunFeatureListItem = ({
   text,
   tooltip,
@@ -34060,7 +34130,7 @@ var FunFeatureListItem = ({
 }) => {
   const valueLabel = value && (prefix ? ` ${prefix}${value}` : ` ${value}`);
   const isMultiline = Array.isArray(value) && value.length > 0;
-  const TooltipWrapperElement = /* @__PURE__ */ React197.createElement(
+  const TooltipWrapperElement = /* @__PURE__ */ React198.createElement(
     Box,
     {
       marginLeft: "4",
@@ -34076,7 +34146,7 @@ var FunFeatureListItem = ({
     },
     tooltip
   );
-  return /* @__PURE__ */ React197.createElement(Box, { display: "flex", gap: "6", alignItems: "center", paddingY: "2", ...boxProps }, /* @__PURE__ */ React197.createElement(
+  return /* @__PURE__ */ React198.createElement(Box, { display: "flex", gap: "6", alignItems: "center", paddingY: "2", ...boxProps }, /* @__PURE__ */ React198.createElement(
     Box,
     {
       color: "secondaryText",
@@ -34085,7 +34155,7 @@ var FunFeatureListItem = ({
       justifyContent: "center"
     },
     icon
-  ), /* @__PURE__ */ React197.createElement(
+  ), /* @__PURE__ */ React198.createElement(
     Box,
     {
       display: "flex",
@@ -34094,8 +34164,8 @@ var FunFeatureListItem = ({
         gap: "6"
       }
     },
-    isMultiline ? /* @__PURE__ */ React197.createElement(Box, { display: "flex" }, /* @__PURE__ */ React197.createElement(Text, { size: "12", weight: "medium" }, text), tooltip && TooltipWrapperElement) : /* @__PURE__ */ React197.createElement(Text, { size: "12" }, text, /* @__PURE__ */ React197.createElement(React197.Fragment, null, "\xA0")),
-    isMultiline ? /* @__PURE__ */ React197.createElement(Box, { display: "flex", flexDirection: "column", gap: "6" }, value.map((v, index) => /* @__PURE__ */ React197.createElement(Text, { size: "12", display: "inline", key: index }, v))) : /* @__PURE__ */ React197.createElement(Text, { size: "12", weight: "medium", display: "inline" }, valueLabel),
+    isMultiline ? /* @__PURE__ */ React198.createElement(Box, { display: "flex" }, /* @__PURE__ */ React198.createElement(Text, { size: "12", weight: "medium" }, text), tooltip && TooltipWrapperElement) : /* @__PURE__ */ React198.createElement(Text, { size: "12" }, text, /* @__PURE__ */ React198.createElement(React198.Fragment, null, "\xA0")),
+    isMultiline ? /* @__PURE__ */ React198.createElement(Box, { display: "flex", flexDirection: "column", gap: "6" }, value.map((v, index) => /* @__PURE__ */ React198.createElement(Text, { size: "12", display: "inline", key: index }, v))) : /* @__PURE__ */ React198.createElement(Text, { size: "12", weight: "medium", display: "inline" }, valueLabel),
     !isMultiline && tooltip && TooltipWrapperElement
   ));
 };
@@ -34122,7 +34192,7 @@ var FunFeatureList = ({
       setIsExpanded(true);
     }
   };
-  return /* @__PURE__ */ React198.createElement(
+  return /* @__PURE__ */ React199.createElement(
     Box,
     {
       ...withBackgroundContainer && {
@@ -34133,7 +34203,7 @@ var FunFeatureList = ({
       display: "flex",
       flexDirection: "column"
     },
-    isExpandable ? /* @__PURE__ */ React198.createElement(React198.Fragment, null, /* @__PURE__ */ React198.createElement(
+    isExpandable ? /* @__PURE__ */ React199.createElement(React199.Fragment, null, /* @__PURE__ */ React199.createElement(
       Box,
       {
         as: "button",
@@ -34149,9 +34219,9 @@ var FunFeatureList = ({
         disabled,
         onClick: handleExpandToggle
       },
-      items[0] && /* @__PURE__ */ React198.createElement(FunFeatureListItem, { ...items[0] }),
-      /* @__PURE__ */ React198.createElement(AnimatedCaretDownIcon, { expanded: isDisplayed })
-    ), /* @__PURE__ */ React198.createElement(
+      items[0] && /* @__PURE__ */ React199.createElement(FunFeatureListItem, { ...items[0] }),
+      /* @__PURE__ */ React199.createElement(AnimatedCaretDownIcon, { expanded: isDisplayed })
+    ), /* @__PURE__ */ React199.createElement(
       motion11.div,
       {
         initial: "collapsed",
@@ -34162,7 +34232,7 @@ var FunFeatureList = ({
           expanded: { height: "auto", opacity: 1, overflow: "visible" }
         }
       },
-      /* @__PURE__ */ React198.createElement(
+      /* @__PURE__ */ React199.createElement(
         Box,
         {
           paddingX: "12",
@@ -34171,7 +34241,7 @@ var FunFeatureList = ({
           gap: "6",
           paddingBottom: "8"
         },
-        items.slice(1).map((item, index) => /* @__PURE__ */ React198.createElement(
+        items.slice(1).map((item, index) => /* @__PURE__ */ React199.createElement(
           FunFeatureListItem,
           {
             key: index,
@@ -34183,7 +34253,7 @@ var FunFeatureList = ({
           }
         ))
       )
-    )) : /* @__PURE__ */ React198.createElement(
+    )) : /* @__PURE__ */ React199.createElement(
       Box,
       {
         display: "flex",
@@ -34194,7 +34264,7 @@ var FunFeatureList = ({
           paddingY: "8"
         }
       },
-      items.map((item, index) => /* @__PURE__ */ React198.createElement(
+      items.map((item, index) => /* @__PURE__ */ React199.createElement(
         Box,
         {
           key: index,
@@ -34205,16 +34275,16 @@ var FunFeatureList = ({
             background: "offBackground"
           }
         },
-        /* @__PURE__ */ React198.createElement(FunFeatureListItem, { ...item })
+        /* @__PURE__ */ React199.createElement(FunFeatureListItem, { ...item })
       ))
     )
   );
 };
 // src/components/Icons/New/PercentageIcon.tsx
-import React199 from "react";
+import React200 from "react";
 var PercentageIcon = () => {
-  return /* @__PURE__ */ React199.createElement(
+  return /* @__PURE__ */ React200.createElement(
     "svg",
     {
       width: "12",
@@ -34223,7 +34293,7 @@ var PercentageIcon = () => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React199.createElement(
+    /* @__PURE__ */ React200.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -34241,7 +34311,7 @@ var FunLinkButtonComponent3 = ({
   href,
   size
 }) => {
-  return /* @__PURE__ */ React200.createElement(FunLinkButton, { href, inline: true, text: children, size });
+  return /* @__PURE__ */ React201.createElement(FunLinkButton, { href, inline: true, text: children, size });
 };
 var TransferTokenDetails = ({
   estProcessingTime,
@@ -34258,7 +34328,7 @@ var TransferTokenDetails = ({
     !!estProcessingTime
   );
   const gasFees = void 0;
-  return /* @__PURE__ */ React200.createElement(
+  return /* @__PURE__ */ React201.createElement(
     FunFeatureList,
     {
       isExpandable: true,
@@ -34269,17 +34339,17 @@ var TransferTokenDetails = ({
             text: `${estPriceImpact.label}:`,
             prefix: estPriceImpact.value > 0 ? "< " : "",
             value: `${formatNumberAndStringify(estPriceImpact.value, void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}%`,
-            icon: /* @__PURE__ */ React200.createElement(DollarIcon, null),
-            tooltip: /* @__PURE__ */ React200.createElement(
+            icon: /* @__PURE__ */ React201.createElement(DollarIcon, null),
+            tooltip: /* @__PURE__ */ React201.createElement(
               FunTooltip,
               {
-                content: /* @__PURE__ */ React200.createElement(
+                content: /* @__PURE__ */ React201.createElement(
                   Trans12,
                   {
                     t,
                     i18nKey: "fees.priceImpactTooltip",
                     components: {
-                      LearnMoreLink: /* @__PURE__ */ React200.createElement(FunLinkButtonComponent3, { href: "https://intercom.help/funxyz/en/articles/10925883-order-execution-guide" })
+                      LearnMoreLink: /* @__PURE__ */ React201.createElement(FunLinkButtonComponent3, { href: "https://intercom.help/funxyz/en/articles/10925883-order-execution-guide" })
                     }
                   }
                 )
@@ -34292,17 +34362,17 @@ var TransferTokenDetails = ({
             text: `${maxSlippage.label}:`,
             prefix: maxSlippage.value > 0 ? `${t("common.auto")} \u2022 ` : "",
             value: `${formatNumberAndStringify(maxSlippage.value, void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}%`,
-            icon: /* @__PURE__ */ React200.createElement(PercentageIcon, null),
-            tooltip: /* @__PURE__ */ React200.createElement(
+            icon: /* @__PURE__ */ React201.createElement(PercentageIcon, null),
+            tooltip: /* @__PURE__ */ React201.createElement(
               FunTooltip,
               {
-                content: /* @__PURE__ */ React200.createElement(
+                content: /* @__PURE__ */ React201.createElement(
                   Trans12,
                   {
                     t,
                     i18nKey: "fees.slippageTooltipFull",
                     components: {
-                      LearnMoreLink: /* @__PURE__ */ React200.createElement(FunLinkButtonComponent3, { href: "https://intercom.help/funxyz/en/articles/10925883-order-execution-guide" })
+                      LearnMoreLink: /* @__PURE__ */ React201.createElement(FunLinkButtonComponent3, { href: "https://intercom.help/funxyz/en/articles/10925883-order-execution-guide" })
                     }
                   }
                 )
@@ -34315,22 +34385,22 @@ var TransferTokenDetails = ({
             text: `${t("common.estimatedGas")}:`,
             prefix: "~",
             value: `$${gasFees}`,
-            icon: /* @__PURE__ */ React200.createElement(DollarIcon, null)
+            icon: /* @__PURE__ */ React201.createElement(DollarIcon, null)
           }
         ] : [],
         {
           text: t("common.processingTime"),
           value: estimatedTimeText,
-          icon: /* @__PURE__ */ React200.createElement(SpeedometerIcon, null)
+          icon: /* @__PURE__ */ React201.createElement(SpeedometerIcon, null)
         },
         {
-          text: /* @__PURE__ */ React200.createElement(
+          text: /* @__PURE__ */ React201.createElement(
             Trans12,
             {
               t,
               i18nKey: "common.haveQuestionsGetHelp",
               components: {
-                GetHelpLink: /* @__PURE__ */ React200.createElement(
+                GetHelpLink: /* @__PURE__ */ React201.createElement(
                   FunLinkButtonComponent3,
                   {
                     href: "https://intercom.help/funxyz/en/articles/10003876-transfer-crypto-guide-faqs",
@@ -34340,7 +34410,7 @@ var TransferTokenDetails = ({
               }
             }
           ),
-          icon: /* @__PURE__ */ React200.createElement(FileIcon, null)
+          icon: /* @__PURE__ */ React201.createElement(FileIcon, null)
         }
       ]
     }
@@ -34426,7 +34496,7 @@ function TransferToken({
         tokenAddress: targetAsset
       }) ?? 0;
     }
-    return /* @__PURE__ */ React201.createElement(
+    return /* @__PURE__ */ React202.createElement(
       Text,
       {
         size: "12",
@@ -34449,7 +34519,7 @@ function TransferToken({
   }
   return (
     // This ID is used in the DialogContent css to set the height of the modal
-    /* @__PURE__ */ React201.createElement(React201.Fragment, null, /* @__PURE__ */ React201.createElement(Box, { id: "token-transfer-page" }, /* @__PURE__ */ React201.createElement(
+    /* @__PURE__ */ React202.createElement(React202.Fragment, null, /* @__PURE__ */ React202.createElement(Box, { id: "token-transfer-page" }, /* @__PURE__ */ React202.createElement(
       Box,
       {
         display: "flex",
@@ -34458,17 +34528,17 @@ function TransferToken({
         justifyContent: "center",
         gap: "18"
       },
-      !isDefiMode && isSourceNavWidgetEnabled && /* @__PURE__ */ React201.createElement(Box, { display: "flex", flexDirection: "column", width: "full" }, /* @__PURE__ */ React201.createElement(
+      !isDefiMode && isSourceNavWidgetEnabled && /* @__PURE__ */ React202.createElement(Box, { display: "flex", flexDirection: "column", width: "full" }, /* @__PURE__ */ React202.createElement(
         SourcePaymentMethodItem,
         {
           type: "token_transfer" /* TOKEN_TRANSFER */,
           keyText: textCustomizations.transferTokens,
           disclaimerText: t("transferToken.noLimit"),
-          keyIcon: /* @__PURE__ */ React201.createElement(LightningBoltIcon, null),
+          keyIcon: /* @__PURE__ */ React202.createElement(LightningBoltIcon, null),
           onClick: () => onNext({})
         }
       )),
-      defaultCandidate && !checkoutConfig?.generateActionsParams && /* @__PURE__ */ React201.createElement(
+      defaultCandidate && !checkoutConfig?.generateActionsParams && /* @__PURE__ */ React202.createElement(
         Box,
         {
           display: "flex",
@@ -34482,8 +34552,8 @@ function TransferToken({
           paddingY: "8",
           paddingX: HORIZONTAL_OUTER_PADDING_X
         },
-        /* @__PURE__ */ React201.createElement(Text, { size: "12", color: "secondaryText" }, t("transferToken.receiveToken")),
-        /* @__PURE__ */ React201.createElement(Box, { display: "flex", alignItems: "center", gap: "8" }, /* @__PURE__ */ React201.createElement(
+        /* @__PURE__ */ React202.createElement(Text, { size: "12", color: "secondaryText" }, t("transferToken.receiveToken")),
+        /* @__PURE__ */ React202.createElement(Box, { display: "flex", alignItems: "center", gap: "8" }, /* @__PURE__ */ React202.createElement(
           FunAssetAvatar,
           {
             assetIconSize: "16",
@@ -34492,9 +34562,9 @@ function TransferToken({
             chainId: defaultCandidate.tokenChainId,
             largeChainIcon: true
           }
-        ), /* @__PURE__ */ React201.createElement(Text, { size: "12", weight: "medium" }, defaultCandidate.tokenSymbol))
+        ), /* @__PURE__ */ React202.createElement(Text, { size: "12", weight: "medium" }, defaultCandidate.tokenSymbol))
       ),
-      /* @__PURE__ */ React201.createElement(
+      /* @__PURE__ */ React202.createElement(
         TokenAndChainDropdown,
         {
           isLoading: isLoadingDepositAddress,
@@ -34526,7 +34596,7 @@ function TransferToken({
           selectedToken,
           selectedChainId,
           chainTagComponent,
-          chainLabelAddon: !!minTransferUsd && /* @__PURE__ */ React201.createElement(
+          chainLabelAddon: !!minTransferUsd && /* @__PURE__ */ React202.createElement(
             Box,
             {
               display: "flex",
@@ -34536,15 +34606,15 @@ function TransferToken({
               fontSize: "12",
               height: "14"
             },
-            /* @__PURE__ */ React201.createElement(Text, { size: "12", color: "secondaryText" }, t("transferToken.min")),
-            /* @__PURE__ */ React201.createElement(
+            /* @__PURE__ */ React202.createElement(Text, { size: "12", color: "secondaryText" }, t("transferToken.min")),
+            /* @__PURE__ */ React202.createElement(
               AnimatedDollarValue,
               {
                 value: minTransferUsd,
                 dynamicMinFractionDigits: true
               }
             ),
-            /* @__PURE__ */ React201.createElement(
+            /* @__PURE__ */ React202.createElement(
               FunTooltip,
               {
                 content: t("transferToken.minDepositAmountTooltip"),
@@ -34555,7 +34625,7 @@ function TransferToken({
           openChainDropdownFullWidth: false
         }
       ),
-      /* @__PURE__ */ React201.createElement(
+      /* @__PURE__ */ React202.createElement(
         Box,
         {
           display: "flex",
@@ -34565,7 +34635,7 @@ function TransferToken({
           justifyContent: "center",
           padding: "20"
         },
-        isLoadingDepositAddress ? /* @__PURE__ */ React201.createElement(QRCodeSkeletonLoader_default, { diagonalDimension: 13, gapBetweenDots: "4" }) : /* @__PURE__ */ React201.createElement(
+        isLoadingDepositAddress ? /* @__PURE__ */ React202.createElement(QRCodeSkeletonLoader_default, { diagonalDimension: 13, gapBetweenDots: "4" }) : /* @__PURE__ */ React202.createElement(
           motion12.div,
           {
             onHoverStart: toggleQrHover,
@@ -34585,7 +34655,7 @@ function TransferToken({
             },
             animate: controls
           },
-          /* @__PURE__ */ React201.createElement(
+          /* @__PURE__ */ React202.createElement(
             QRCode,
             {
               withShadow: true,
@@ -34599,7 +34669,7 @@ function TransferToken({
             }
           )
         ),
-        displayYouPayYouReceive && /* @__PURE__ */ React201.createElement(Box, { display: "flex", justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React201.createElement(
+        displayYouPayYouReceive && /* @__PURE__ */ React202.createElement(Box, { display: "flex", justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React202.createElement(
           YouPayYouReceive,
           {
             payLabel: textCustomizations.confirmationScreen?.payAmountLabel,
@@ -34614,7 +34684,7 @@ function TransferToken({
           }
         ))
       ),
-      /* @__PURE__ */ React201.createElement(Box, { width: "full", display: "flex", flexDirection: "column", gap: "12" }, /* @__PURE__ */ React201.createElement(Box, { width: "full", display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React201.createElement(
+      /* @__PURE__ */ React202.createElement(Box, { width: "full", display: "flex", flexDirection: "column", gap: "12" }, /* @__PURE__ */ React202.createElement(Box, { width: "full", display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React202.createElement(
         Box,
         {
           display: "flex",
@@ -34622,7 +34692,7 @@ function TransferToken({
           justifyContent: "space-between",
           ref: disclaimerTextWrapperRef
         },
-        /* @__PURE__ */ React201.createElement(Box, { display: "flex", alignItems: "center", gap: "4" }, /* @__PURE__ */ React201.createElement(Text, { size: "12", weight: "medium" }, t("transferToken.yourDepositAddress")), /* @__PURE__ */ React201.createElement(
+        /* @__PURE__ */ React202.createElement(Box, { display: "flex", alignItems: "center", gap: "4" }, /* @__PURE__ */ React202.createElement(Text, { size: "12", weight: "medium" }, t("transferToken.yourDepositAddress")), /* @__PURE__ */ React202.createElement(
           FunTooltip,
           {
             content: depositAddressTooltip,
@@ -34630,7 +34700,7 @@ function TransferToken({
             enableDynamicPositioning: true
           }
         )),
-        /* @__PURE__ */ React201.createElement(
+        /* @__PURE__ */ React202.createElement(
           FunLinkButton,
           {
             text: t("transferToken.termsApply"),
@@ -34638,7 +34708,7 @@ function TransferToken({
             size: "12"
           }
         )
-      ), isLoadingDepositAddress ? /* @__PURE__ */ React201.createElement(FunSkeletonBlock, { height: "66", width: "full" }) : /* @__PURE__ */ React201.createElement(CopyInputDisplayedAddress, { address: depositAddress })), /* @__PURE__ */ React201.createElement(ChainInfoBanners, { chainId: selectedChainId }), /* @__PURE__ */ React201.createElement(FunInfoBanner, null), /* @__PURE__ */ React201.createElement(
+      ), isLoadingDepositAddress ? /* @__PURE__ */ React202.createElement(FunSkeletonBlock, { height: "66", width: "full" }) : /* @__PURE__ */ React202.createElement(CopyInputDisplayedAddress, { address: depositAddress })), /* @__PURE__ */ React202.createElement(ChainInfoBanners, { chainId: selectedChainId }), /* @__PURE__ */ React202.createElement(FunInfoBanner, null), /* @__PURE__ */ React202.createElement(
         TransferTokenDetails,
         {
           estProcessingTime: blockchain === "bitcoin" ? 30 * 60 * 1e3 : void 0,
@@ -34647,23 +34717,23 @@ function TransferToken({
           maxSlippage
         }
       ))
-    )), bottomSectionRef && createPortal20(/* @__PURE__ */ React201.createElement(Dialog.BottomBar, null), bottomSectionRef))
+    )), bottomSectionRef && createPortal20(/* @__PURE__ */ React202.createElement(Dialog.BottomBar, null), bottomSectionRef))
   );
 }
 // src/modals/CheckoutModal/VirtualFiatAccount/FiatAccountDetail.tsx
-import React207, { useState as useState64 } from "react";
+import React208, { useState as useState64 } from "react";
 // src/components/Tabs/Tabs.tsx
 import { motion as motion13 } from "motion/react";
-import React202 from "react";
+import React203 from "react";
 // src/components/Tabs/tabs.css.ts
 var activeTabStyle = "eghi2t1 _1rsrm2fm4 _1rsrm2ft";
 // src/components/Tabs/Tabs.tsx
 var Tabs = ({ tabs: tabs2, activeTab, onTabChange }) => {
-  return /* @__PURE__ */ React202.createElement(
+  return /* @__PURE__ */ React203.createElement(
     Box,
     {
       display: "flex",
@@ -34674,7 +34744,7 @@ var Tabs = ({ tabs: tabs2, activeTab, onTabChange }) => {
     },
     tabs2.map((tab, index) => {
       const isSelected = index === activeTab;
-      return /* @__PURE__ */ React202.createElement(
+      return /* @__PURE__ */ React203.createElement(
         Box,
         {
           key: tab.value,
@@ -34691,7 +34761,7 @@ var Tabs = ({ tabs: tabs2, activeTab, onTabChange }) => {
             focusedVisible: "primaryText"
           }
         },
-        isSelected && /* @__PURE__ */ React202.createElement(
+        isSelected && /* @__PURE__ */ React203.createElement(
           motion13.div,
           {
             layoutId: "highlight",
@@ -34699,23 +34769,23 @@ var Tabs = ({ tabs: tabs2, activeTab, onTabChange }) => {
             transition: { duration: 0.2, ease: [0.17, 0, 0.01, 1] }
           }
         ),
-        /* @__PURE__ */ React202.createElement(Box, { position: "relative", style: { zIndex: 1, textAlign: "center" } }, /* @__PURE__ */ React202.createElement(Text, { color: "inherit", weight: "medium", size: "12" }, tab.label))
+        /* @__PURE__ */ React203.createElement(Box, { position: "relative", style: { zIndex: 1, textAlign: "center" } }, /* @__PURE__ */ React203.createElement(Text, { color: "inherit", weight: "medium", size: "12" }, tab.label))
       );
     })
   );
 };
 // src/components/VirtualFiatAccount/AccountDetailsTab/AccountDetailsTab.tsx
-import React206 from "react";
+import React207 from "react";
 // src/components/FunInputButton/FunInputButton.tsx
-import React205 from "react";
+import React206 from "react";
 // src/components/Icons/CopyDoubleRoundedSquareIcon.tsx
-import React203 from "react";
+import React204 from "react";
 var CopyDoubleRoundedSquareIcon = ({
   size = 16
-}) => /* @__PURE__ */ React203.createElement(
+}) => /* @__PURE__ */ React204.createElement(
   "svg",
   {
     width: size,
@@ -34724,7 +34794,7 @@ var CopyDoubleRoundedSquareIcon = ({
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React203.createElement(
+  /* @__PURE__ */ React204.createElement(
     "path",
     {
       d: "M10.2 5.8V4.26C10.2 3.64394 10.2 3.33591 10.0801 3.10061C9.97465 2.89363 9.80637 2.72535 9.59939 2.61989C9.36409 2.5 9.05606 2.5 8.44 2.5H4.26C3.64394 2.5 3.33591 2.5 3.10061 2.61989C2.89363 2.72535 2.72535 2.89363 2.61989 3.10061C2.5 3.33591 2.5 3.64394 2.5 4.26V8.44C2.5 9.05606 2.5 9.36409 2.61989 9.59939C2.72535 9.80637 2.89363 9.97465 3.10061 10.0801C3.33591 10.2 3.64394 10.2 4.26 10.2H5.8M7.56 13.5H11.74C12.3561 13.5 12.6641 13.5 12.8994 13.3801C13.1064 13.2746 13.2746 13.1064 13.3801 12.8994C13.5 12.6641 13.5 12.3561 13.5 11.74V7.56C13.5 6.94394 13.5 6.63591 13.3801 6.40061C13.2746 6.19363 13.1064 6.02535 12.8994 5.91989C12.6641 5.8 12.3561 5.8 11.74 5.8H7.56C6.94394 5.8 6.63591 5.8 6.40061 5.91989C6.19363 6.02535 6.02535 6.19363 5.91989 6.40061C5.8 6.63591 5.8 6.94394 5.8 7.56V11.74C5.8 12.3561 5.8 12.6641 5.91989 12.8994C6.02535 13.1064 6.19363 13.2746 6.40061 13.3801C6.63591 13.5 6.94394 13.5 7.56 13.5Z",
@@ -34737,9 +34807,9 @@ var CopyDoubleRoundedSquareIcon = ({
 );
 // src/components/Icons/New/CheckCircleIcon.tsx
-import React204 from "react";
+import React205 from "react";
 var CheckCircleIcon = () => {
-  return /* @__PURE__ */ React204.createElement(
+  return /* @__PURE__ */ React205.createElement(
     "svg",
     {
       width: "16",
@@ -34748,7 +34818,7 @@ var CheckCircleIcon = () => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React204.createElement(
+    /* @__PURE__ */ React205.createElement(
       "circle",
       {
         cx: "8",
@@ -34760,7 +34830,7 @@ var CheckCircleIcon = () => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React204.createElement(
+    /* @__PURE__ */ React205.createElement(
       "path",
       {
         d: "M5.5 9L7 10.5L10.5 7",
@@ -34785,7 +34855,7 @@ var FunInputButton = ({
   const { t } = useFunkitTranslation();
   const { isCopied, handleCopy } = useCopyToClipboard(text, HIDE_TOOLTIP_MS);
   if (!isCopyable) {
-    return /* @__PURE__ */ React205.createElement(
+    return /* @__PURE__ */ React206.createElement(
       FunOptionBox,
       {
         width: "full",
@@ -34804,10 +34874,10 @@ var FunInputButton = ({
           hover: "heavyStroke"
         }
       },
-      /* @__PURE__ */ React205.createElement(Box, { display: "flex", gap: "8", flexDirection: "column" }, label && /* @__PURE__ */ React205.createElement(Text, { size: "10", color: "secondaryText" }, label), /* @__PURE__ */ React205.createElement(Text, { weight: "medium", size: "12" }, text))
+      /* @__PURE__ */ React206.createElement(Box, { display: "flex", gap: "8", flexDirection: "column" }, label && /* @__PURE__ */ React206.createElement(Text, { size: "10", color: "secondaryText" }, label), /* @__PURE__ */ React206.createElement(Text, { weight: "medium", size: "12" }, text))
     );
   }
-  return /* @__PURE__ */ React205.createElement(
+  return /* @__PURE__ */ React206.createElement(
     FunOptionBox,
     {
       width: "full",
@@ -34827,8 +34897,8 @@ var FunInputButton = ({
         hover: "heavyStroke"
       }
     },
-    /* @__PURE__ */ React205.createElement(Box, { display: "flex", gap: "8", flexDirection: "column" }, label && /* @__PURE__ */ React205.createElement(Text, { size: "10", color: "secondaryText" }, label), /* @__PURE__ */ React205.createElement(Text, { weight: "medium", size: "12" }, text)),
-    /* @__PURE__ */ React205.createElement(FunTooltip, { content: isCopied ? t("common.copied") : t("common.copy") }, /* @__PURE__ */ React205.createElement(Box, { display: "flex", alignItems: "center", color: "primaryText" }, isCopied ? /* @__PURE__ */ React205.createElement(CheckCircleIcon, null) : /* @__PURE__ */ React205.createElement(CopyDoubleRoundedSquareIcon, null)))
+    /* @__PURE__ */ React206.createElement(Box, { display: "flex", gap: "8", flexDirection: "column" }, label && /* @__PURE__ */ React206.createElement(Text, { size: "10", color: "secondaryText" }, label), /* @__PURE__ */ React206.createElement(Text, { weight: "medium", size: "12" }, text)),
+    /* @__PURE__ */ React206.createElement(FunTooltip, { content: isCopied ? t("common.copied") : t("common.copy") }, /* @__PURE__ */ React206.createElement(Box, { display: "flex", alignItems: "center", color: "primaryText" }, isCopied ? /* @__PURE__ */ React206.createElement(CheckCircleIcon, null) : /* @__PURE__ */ React206.createElement(CopyDoubleRoundedSquareIcon, null)))
   );
 };
@@ -34839,62 +34909,62 @@ var AccountDetailsTab = ({
   handleToggleDetails
 }) => {
   const { t } = useFunkitTranslation();
-  return /* @__PURE__ */ React206.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, account.bank_account_number ? /* @__PURE__ */ React206.createElement(
+  return /* @__PURE__ */ React207.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, account.bank_account_number ? /* @__PURE__ */ React207.createElement(
     FunInputButton,
     {
       label: t("virtualFiatAccount.accountNumber"),
       text: account.bank_account_number
     }
-  ) : null, account.bank_routing_number ? /* @__PURE__ */ React206.createElement(
+  ) : null, account.bank_routing_number ? /* @__PURE__ */ React207.createElement(
     FunInputButton,
     {
       label: t("virtualFiatAccount.routingNumber"),
       text: account.bank_routing_number
     }
-  ) : null, account.iban ? /* @__PURE__ */ React206.createElement(
+  ) : null, account.iban ? /* @__PURE__ */ React207.createElement(
     FunInputButton,
     {
       label: t("virtualFiatAccount.iban"),
       text: account.iban
     }
-  ) : null, account.bic ? /* @__PURE__ */ React206.createElement(
+  ) : null, account.bic ? /* @__PURE__ */ React207.createElement(
     FunInputButton,
     {
       label: t("virtualFiatAccount.swiftBic"),
       text: account.bic
     }
-  ) : null, account.account_holder_name ? /* @__PURE__ */ React206.createElement(
+  ) : null, account.account_holder_name ? /* @__PURE__ */ React207.createElement(
     FunInputButton,
     {
       label: t("virtualFiatAccount.accountHolderName"),
       text: account.account_holder_name
     }
-  ) : null, account.bank_beneficiary_name ? /* @__PURE__ */ React206.createElement(
+  ) : null, account.bank_beneficiary_name ? /* @__PURE__ */ React207.createElement(
     FunInputButton,
     {
       label: t("virtualFiatAccount.beneficiaryName"),
       text: account.bank_beneficiary_name
     }
-  ) : null, detailsExpanded && /* @__PURE__ */ React206.createElement(React206.Fragment, null, /* @__PURE__ */ React206.createElement(
+  ) : null, detailsExpanded && /* @__PURE__ */ React207.createElement(React207.Fragment, null, /* @__PURE__ */ React207.createElement(
     FunInputButton,
     {
       label: t("virtualFiatAccount.bankName"),
       text: account.bank_name
     }
-  ), /* @__PURE__ */ React206.createElement(
+  ), /* @__PURE__ */ React207.createElement(
     FunInputButton,
     {
       label: t("virtualFiatAccount.bankAddress"),
       text: account.bank_address
     }
-  ), /* @__PURE__ */ React206.createElement(
+  ), /* @__PURE__ */ React207.createElement(
     FunInputButton,
     {
       label: t("virtualFiatAccount.currency"),
       text: String(account.currency).toUpperCase(),
       isCopyable: false
     }
-  )), /* @__PURE__ */ React206.createElement(
+  )), /* @__PURE__ */ React207.createElement(
     Box,
     {
       width: "full",
@@ -34914,8 +34984,8 @@ var AccountDetailsTab = ({
         hover: "heavyStroke"
       }
     },
-    /* @__PURE__ */ React206.createElement(Text, { size: "13" }, detailsExpanded ? "See less" : "More details"),
-    /* @__PURE__ */ React206.createElement(
+    /* @__PURE__ */ React207.createElement(Text, { size: "13" }, detailsExpanded ? "See less" : "More details"),
+    /* @__PURE__ */ React207.createElement(
       Box,
       {
         width: "16",
@@ -34924,7 +34994,7 @@ var AccountDetailsTab = ({
         alignItems: "center",
         justifyContent: "center"
       },
-      /* @__PURE__ */ React206.createElement(
+      /* @__PURE__ */ React207.createElement(
         Box,
         {
           color: "secondaryText",
@@ -34935,7 +35005,7 @@ var AccountDetailsTab = ({
           justifyContent: "center",
           style: detailsExpanded ? { transform: "rotate(180deg)" } : void 0
         },
-        /* @__PURE__ */ React206.createElement(CaretDownIcon, null)
+        /* @__PURE__ */ React207.createElement(CaretDownIcon, null)
       )
     )
   ));
@@ -34961,7 +35031,7 @@ var AccountDetailsScreen = ({
   const handleTabChange = (index) => {
     animate(() => setActiveTab(index), { reverse: index < activeTab });
   };
-  return /* @__PURE__ */ React207.createElement(
+  return /* @__PURE__ */ React208.createElement(
     Box,
     {
       id: "fiat-detail-page",
@@ -34969,7 +35039,7 @@ var AccountDetailsScreen = ({
       flexDirection: "column",
       gap: "16"
     },
-    isSourceNavWidgetEnabled && /* @__PURE__ */ React207.createElement(
+    isSourceNavWidgetEnabled && /* @__PURE__ */ React208.createElement(
       SourcePaymentMethodItem,
       {
         onClick: () => onNext({}),
@@ -34978,21 +35048,21 @@ var AccountDetailsScreen = ({
         keyIcon: label.icon
       }
     ),
-    /* @__PURE__ */ React207.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, /* @__PURE__ */ React207.createElement(Box, { display: "flex", flexDirection: "column", gap: "12" }, /* @__PURE__ */ React207.createElement(
+    /* @__PURE__ */ React208.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, /* @__PURE__ */ React208.createElement(Box, { display: "flex", flexDirection: "column", gap: "12" }, /* @__PURE__ */ React208.createElement(
       Tabs,
       {
         tabs,
         activeTab,
         onTabChange: handleTabChange
       }
-    )), /* @__PURE__ */ React207.createElement(Box, { className: getContentAnimation(animation) }, tabs[activeTab]?.value === "details" ? /* @__PURE__ */ React207.createElement(
+    )), /* @__PURE__ */ React208.createElement(Box, { className: getContentAnimation(animation) }, tabs[activeTab]?.value === "details" ? /* @__PURE__ */ React208.createElement(
       AccountDetailsTab,
       {
         account: sourceDeposit,
         detailsExpanded,
         handleToggleDetails: () => setDetailsExpanded((prev) => !prev)
       }
-    ) : /* @__PURE__ */ React207.createElement(
+    ) : /* @__PURE__ */ React208.createElement(
       FunFeatureList,
       {
         gapBetweenItems: "8",
@@ -35006,7 +35076,7 @@ var AccountDetailsScreen = ({
               "Gas fee: < $5.00",
               "Banks fees may also apply"
             ],
-            icon: /* @__PURE__ */ React207.createElement(DollarIcon, null)
+            icon: /* @__PURE__ */ React208.createElement(DollarIcon, null)
           },
           {
             text: "Limits",
@@ -35014,12 +35084,12 @@ var AccountDetailsScreen = ({
               "Minimum amount: 25 EUR",
               "Maximum amount: 20,000,000 EUR"
             ],
-            icon: /* @__PURE__ */ React207.createElement(DollarIcon, null)
+            icon: /* @__PURE__ */ React208.createElement(DollarIcon, null)
           },
           {
             text: "Processing time",
             value: [FIAT_PROCESSING_TIME],
-            icon: /* @__PURE__ */ React207.createElement(SpeedometerIcon, null)
+            icon: /* @__PURE__ */ React208.createElement(SpeedometerIcon, null)
           }
         ]
       }
@@ -35042,7 +35112,7 @@ var FiatAccountDetail = {
 // src/modals/CheckoutModal/VirtualFiatAccount/KycIframe.tsx
 import { BridgeCustomerStatus as BridgeCustomerStatus7 } from "@funkit/api-base";
-import React208, { useCallback as useCallback44, useEffect as useEffect53, useMemo as useMemo47, useState as useState65 } from "react";
+import React209, { useCallback as useCallback44, useEffect as useEffect53, useMemo as useMemo47, useState as useState65 } from "react";
 function useIframeListener(listeners) {
   const handleMessage = useCallback44(
     (event) => {
@@ -35119,7 +35189,7 @@ function KycIframe({
   );
   const loading = isLinkLoading || iframeLoading;
   useIframeListener(listeners);
-  return /* @__PURE__ */ React208.createElement(
+  return /* @__PURE__ */ React209.createElement(
     Dialog,
     {
       onClose: onBack,
@@ -35129,13 +35199,13 @@ function KycIframe({
       withoutBottomPadding: true,
       withTransition: false
     },
-    loading && /* @__PURE__ */ React208.createElement(React208.Fragment, null, /* @__PURE__ */ React208.createElement(
+    loading && /* @__PURE__ */ React209.createElement(React209.Fragment, null, /* @__PURE__ */ React209.createElement(
       Dialog.Title,
       {
         onClose: onBack,
         title: textCustomizations.virtualFiat
       }
-    ), /* @__PURE__ */ React208.createElement(
+    ), /* @__PURE__ */ React209.createElement(
       VerifyAccountScreen,
       {
         customerStatus: BridgeCustomerStatus7.NOT_STARTED,
@@ -35143,7 +35213,7 @@ function KycIframe({
         withActionButton: false
       }
     )),
-    /* @__PURE__ */ React208.createElement(
+    /* @__PURE__ */ React209.createElement(
       Dialog.Content,
       {
         display: "flex",
@@ -35155,7 +35225,7 @@ function KycIframe({
         fullHeight: !loading,
         withoutInternalPadding: !loading
       },
-      kycLink && /* @__PURE__ */ React208.createElement(
+      kycLink && /* @__PURE__ */ React209.createElement(
         "iframe",
         {
           src: kycLink,
@@ -35170,14 +35240,14 @@ function KycIframe({
         }
       )
     ),
-    loading && /* @__PURE__ */ React208.createElement(
+    loading && /* @__PURE__ */ React209.createElement(
       Dialog.BottomSection,
       {
         style: {
           paddingBottom: themeVars.spacing.modalPaddingBottomLower
         }
       },
-      /* @__PURE__ */ React208.createElement(
+      /* @__PURE__ */ React209.createElement(
         Dialog.BottomBar,
         {
           actionButtonProps: {
@@ -35511,7 +35581,7 @@ function FunCheckoutModalHeightAnimationWrapper({
     }
   }, [checkoutStep]);
   const permittedHeight = getPermittedHeight(checkoutStep);
-  return /* @__PURE__ */ React209.createElement(
+  return /* @__PURE__ */ React210.createElement(
     motion14.div,
     {
       style: { height },
@@ -35521,7 +35591,7 @@ function FunCheckoutModalHeightAnimationWrapper({
       },
       transition: { duration: 0.15, ease: [0.33, 1, 0.68, 1] }
     },
-    /* @__PURE__ */ React209.createElement(
+    /* @__PURE__ */ React210.createElement(
       "div",
       {
         ref: containerRef,
@@ -35548,14 +35618,14 @@ 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 React218, { useEffect as useEffect55, useMemo as useMemo48, useRef as useRef29, useState as useState69 } from "react";
+import React219, { useEffect as useEffect55, useMemo as useMemo48, useRef as useRef29, useState as useState69 } from "react";
 import { Virtuoso } from "react-virtuoso";
 import { useAccount as useAccount7 } from "wagmi";
 // src/components/Icons/GreenRoundCheckmark.tsx
-import React210 from "react";
+import React211 from "react";
 var GreenRoundCheckmark = ({ size = 15 }) => {
-  return /* @__PURE__ */ React210.createElement(
+  return /* @__PURE__ */ React211.createElement(
     "svg",
     {
       width: size,
@@ -35564,7 +35634,7 @@ var GreenRoundCheckmark = ({ size = 15 }) => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React210.createElement(
+    /* @__PURE__ */ React211.createElement(
       "path",
       {
         d: "M5 10.4551C4.31315 10.4551 3.66862 10.3249 3.06641 10.0645C2.46419 9.80729 1.93522 9.45085 1.47949 8.99512C1.02376 8.53613 0.66569 8.00716 0.405273 7.4082C0.148112 6.80599 0.0195312 6.16146 0.0195312 5.47461C0.0195312 4.78776 0.148112 4.14323 0.405273 3.54102C0.66569 2.9388 1.02376 2.40983 1.47949 1.9541C1.93522 1.49837 2.46419 1.14193 3.06641 0.884766C3.66862 0.624349 4.31315 0.494141 5 0.494141C5.68685 0.494141 6.33138 0.624349 6.93359 0.884766C7.53581 1.14193 8.06478 1.49837 8.52051 1.9541C8.97624 2.40983 9.33268 2.9388 9.58984 3.54102C9.85026 4.14323 9.98047 4.78776 9.98047 5.47461C9.98047 6.16146 9.85026 6.80599 9.58984 7.4082C9.33268 8.00716 8.97624 8.53613 8.52051 8.99512C8.06478 9.45085 7.53581 9.80729 6.93359 10.0645C6.33138 10.3249 5.68685 10.4551 5 10.4551ZM4.45312 7.85742C4.53776 7.85742 4.61426 7.83789 4.68262 7.79883C4.75098 7.75977 4.8112 7.70117 4.86328 7.62305L7.1582 4.00488C7.1875 3.95605 7.21517 3.90397 7.24121 3.84863C7.26725 3.79329 7.28027 3.73796 7.28027 3.68262C7.28027 3.56868 7.23796 3.47917 7.15332 3.41406C7.06868 3.3457 6.97428 3.31152 6.87012 3.31152C6.72689 3.31152 6.6097 3.38639 6.51855 3.53613L4.43359 6.88574L3.44238 5.60645C3.38053 5.52507 3.32031 5.46973 3.26172 5.44043C3.20638 5.41113 3.1429 5.39648 3.07129 5.39648C2.96061 5.39648 2.86784 5.43717 2.79297 5.51855C2.7181 5.59668 2.68066 5.69108 2.68066 5.80176C2.68066 5.8571 2.69043 5.91243 2.70996 5.96777C2.73275 6.01986 2.76204 6.07031 2.79785 6.11914L4.02344 7.62305C4.08854 7.70768 4.15527 7.7679 4.22363 7.80371C4.29199 7.83952 4.36849 7.85742 4.45312 7.85742Z",
@@ -35575,10 +35645,10 @@ var GreenRoundCheckmark = ({ size = 15 }) => {
 };
 // src/modals/ProfileDetails/FunProfileViews/Home/BalanceSection.tsx
-import React211 from "react";
+import React212 from "react";
 import { formatCurrencyAndStringify as formatCurrencyAndStringify12 } from "@funkit/utils";
 var BalanceSection = ({ totalBalance }) => {
-  return /* @__PURE__ */ React211.createElement(Box, { display: "flex", flexDirection: "column", gap: "16" }, /* @__PURE__ */ React211.createElement(Box, { display: "flex", justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React211.createElement(Text, { as: "h1", color: "primaryText", weight: "medium", size: "40" }, formatCurrencyAndStringify12(
+  return /* @__PURE__ */ React212.createElement(Box, { display: "flex", flexDirection: "column", gap: "16" }, /* @__PURE__ */ React212.createElement(Box, { display: "flex", justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React212.createElement(Text, { as: "h1", color: "primaryText", weight: "medium", size: "40" }, formatCurrencyAndStringify12(
     Number.parseFloat(totalBalance.toString())
   ))));
 };
@@ -35597,12 +35667,12 @@ import {
   isNotNullish as isNotNullish8
 } from "@funkit/utils";
 import clsx22 from "clsx";
-import React213 from "react";
+import React214 from "react";
 // src/components/Icons/RedRoundErrorCross.tsx
-import React212 from "react";
+import React213 from "react";
 var RedRoundErrorCross = ({ size = 15 }) => {
-  return /* @__PURE__ */ React212.createElement(
+  return /* @__PURE__ */ React213.createElement(
     "svg",
     {
       width: size,
@@ -35611,8 +35681,8 @@ var RedRoundErrorCross = ({ size = 15 }) => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React212.createElement("circle", { cx: "4", cy: "4.5", r: "4", fill: "#F34126" }),
-    /* @__PURE__ */ React212.createElement(
+    /* @__PURE__ */ React213.createElement("circle", { cx: "4", cy: "4.5", r: "4", fill: "#F34126" }),
+    /* @__PURE__ */ React213.createElement(
       "path",
       {
         d: "M2.57111 2.59761L4 4.02654L5.42889 2.59761C5.54807 2.47844 5.7369 2.46734 5.87797 2.57755L5.90238 2.59979C6.03254 2.72994 6.03254 2.94096 5.90238 3.07111L4.47346 4.5L5.90238 5.92889C6.02156 6.04806 6.03266 6.2369 5.92244 6.37797L5.90022 6.40239C5.77007 6.53254 5.55904 6.53254 5.42888 6.40238L4 4.97346L2.57111 6.40239C2.45193 6.52156 2.2631 6.53266 2.12203 6.42245L2.09761 6.40021C1.96746 6.27006 1.96746 6.05904 2.09761 5.92889L3.52654 4.5L2.09761 3.07111C1.97844 2.95194 1.96734 2.7631 2.07755 2.62203L2.09978 2.59761C2.22993 2.46746 2.44095 2.46746 2.57111 2.59761ZM2.36024 6.33149L2.35293 6.33242C2.35536 6.33217 2.3578 6.33185 2.36024 6.33149ZM2.31088 6.33152L2.31385 6.33194L2.31088 6.33152ZM2.3814 6.3269L2.37242 6.3292C2.37542 6.32852 2.37842 6.32775 2.3814 6.3269ZM2.40026 6.32026L2.39333 6.323C2.39564 6.32215 2.39795 6.32123 2.40026 6.32026ZM2.25106 6.31043L2.23334 6.29839C2.24074 6.30415 2.2485 6.30919 2.25656 6.31353L2.25106 6.31043ZM2.41976 6.31047L2.4144 6.31349C2.4144 6.31349 2.41796 6.31153 2.41976 6.31047ZM5.81353 6.24343L5.81042 6.24894L5.79839 6.26667C5.80415 6.25927 5.80919 6.25149 5.81353 6.24343ZM5.82275 6.2231L5.82025 6.22939C5.82114 6.22729 5.82197 6.2252 5.82275 6.2231ZM5.82913 6.20184L5.82703 6.21006C5.82778 6.20739 5.8285 6.20462 5.82913 6.20184ZM5.83241 6.18215L5.83152 6.18912C5.83186 6.18683 5.83216 6.18449 5.83241 6.18215ZM5.66455 2.83328L4 4.49787L2.33545 2.83328L2.33327 2.83545L3.99787 4.5L2.33327 6.16455L2.33545 6.16672L4 4.50213L5.66455 6.16672L5.66673 6.16455L4.00213 4.5L5.66673 2.83545L5.66455 2.83328ZM5.83331 6.16189L5.83332 6.16672L5.83331 6.16189ZM5.83149 6.13977L5.83242 6.14707C5.83216 6.14465 5.83186 6.1422 5.83149 6.13977ZM5.8269 6.1186L5.8292 6.12758C5.82852 6.12458 5.82776 6.12158 5.8269 6.1186ZM5.82026 6.09974L5.823 6.10667C5.82214 6.10436 5.82123 6.10204 5.82026 6.09974ZM5.81048 6.08024L5.81349 6.0856C5.81349 6.0856 5.81153 6.08203 5.81048 6.08024ZM2.18651 2.9144L2.18903 2.9189L2.18651 2.9144ZM2.177 2.89333L2.17924 2.89907C2.17845 2.89716 2.17772 2.89526 2.177 2.89333ZM2.1708 2.87242L2.17226 2.87835C2.17174 2.87638 2.17125 2.87441 2.1708 2.87242ZM2.16751 2.85227L2.16806 2.85705L2.16751 2.85227ZM2.16674 2.83061L2.16667 2.83545L2.16674 2.83061ZM2.16848 2.81088L2.16806 2.81385L2.16848 2.81088ZM2.18957 2.75106L2.20161 2.73333C2.19585 2.74073 2.1908 2.74851 2.18647 2.75657L2.18957 2.75106ZM2.41433 2.68647L2.41984 2.68957L2.43756 2.70161C2.43016 2.69585 2.42238 2.69081 2.41433 2.68647ZM5.5856 2.68651L5.5811 2.68903L5.5856 2.68651ZM2.2565 2.68651L2.25199 2.68903L2.2565 2.68651ZM5.74344 2.68647L5.74894 2.68957L5.76666 2.70161C5.75926 2.69585 5.75149 2.69081 5.74344 2.68647ZM2.27691 2.67725L2.27183 2.67924L2.27691 2.67725ZM2.3933 2.67699L2.40029 2.67975C2.39796 2.67877 2.39564 2.67785 2.3933 2.67699ZM5.60667 2.677L5.60093 2.67924C5.60284 2.67846 5.60473 2.67771 5.60667 2.677ZM5.7231 2.67725L5.72939 2.67975C5.72729 2.67887 5.7252 2.67804 5.7231 2.67725ZM2.29821 2.67086L2.29254 2.67226L2.29821 2.67086ZM2.37241 2.6708L2.38143 2.6731C2.37842 2.67225 2.37542 2.67148 2.37241 2.6708ZM5.62758 2.6708L5.62165 2.67226C5.62363 2.67173 5.62559 2.67125 5.62758 2.6708ZM5.70184 2.67087L5.71006 2.67297C5.7074 2.67221 5.70463 2.67151 5.70184 2.67087ZM2.31856 2.66752L2.31385 2.66806L2.31856 2.66752ZM2.35224 2.66751L2.36022 2.66851C2.35757 2.66811 2.35491 2.66778 2.35224 2.66751ZM5.64774 2.66751L5.64295 2.66806L5.64774 2.66751ZM5.68148 2.66752L5.68912 2.66848C5.68661 2.6681 5.68405 2.66778 5.68148 2.66752ZM5.65972 2.66674L5.66941 2.66674C5.66618 2.66664 5.66295 2.66664 5.65972 2.66674ZM2.33059 2.66674L2.34028 2.66674C2.33705 2.66664 2.33382 2.66664 2.33059 2.66674Z",
@@ -35648,7 +35718,7 @@ var HomeCheckoutDisplayRow = ({
   const checkoutClientMetadata = checkoutHistoryItem.clientMetadata;
   const getStatusElement = () => {
     if (isCompleted) {
-      return /* @__PURE__ */ React213.createElement(
+      return /* @__PURE__ */ React214.createElement(
         Box,
         {
           display: "flex",
@@ -35656,12 +35726,12 @@ var HomeCheckoutDisplayRow = ({
           gap: STATUS_FLEX_GAP_X,
           alignItems: "center"
         },
-        /* @__PURE__ */ React213.createElement(GreenRoundCheckmark, { size: Number.parseInt(STATUS_ICON_SIZE) }),
-        /* @__PURE__ */ React213.createElement(Text, { size: STATUS_TEXT_SIZE, color: "success" }, t("checkoutHistory.completed"))
+        /* @__PURE__ */ React214.createElement(GreenRoundCheckmark, { size: Number.parseInt(STATUS_ICON_SIZE) }),
+        /* @__PURE__ */ React214.createElement(Text, { size: STATUS_TEXT_SIZE, color: "success" }, t("checkoutHistory.completed"))
       );
     }
     if (isError || isFailed || isExpired) {
-      return /* @__PURE__ */ React213.createElement(
+      return /* @__PURE__ */ React214.createElement(
         Box,
         {
           display: "flex",
@@ -35669,12 +35739,12 @@ var HomeCheckoutDisplayRow = ({
           gap: STATUS_FLEX_GAP_X,
           alignItems: "center"
         },
-        /* @__PURE__ */ React213.createElement(RedRoundErrorCross, { size: Number.parseInt(STATUS_ICON_SIZE) }),
-        /* @__PURE__ */ React213.createElement(Text, { size: STATUS_TEXT_SIZE, color: "error" }, t("checkoutHistory.failed"))
+        /* @__PURE__ */ React214.createElement(RedRoundErrorCross, { size: Number.parseInt(STATUS_ICON_SIZE) }),
+        /* @__PURE__ */ React214.createElement(Text, { size: STATUS_TEXT_SIZE, color: "error" }, t("checkoutHistory.failed"))
       );
     }
     if (isProcessing) {
-      return /* @__PURE__ */ React213.createElement(
+      return /* @__PURE__ */ React214.createElement(
         Box,
         {
           display: "flex",
@@ -35682,7 +35752,7 @@ var HomeCheckoutDisplayRow = ({
           gap: STATUS_FLEX_GAP_X,
           alignItems: "center"
         },
-        /* @__PURE__ */ React213.createElement(
+        /* @__PURE__ */ React214.createElement(
           Box,
           {
             width: STATUS_ICON_SIZE,
@@ -35691,13 +35761,13 @@ var HomeCheckoutDisplayRow = ({
             background: "standby"
           }
         ),
-        /* @__PURE__ */ React213.createElement(Text, { size: STATUS_TEXT_SIZE, color: "standby" }, t("checkoutHistory.processing"))
+        /* @__PURE__ */ React214.createElement(Text, { size: STATUS_TEXT_SIZE, color: "standby" }, t("checkoutHistory.processing"))
       );
     }
   };
   const checkoutConfig = checkoutClientMetadata.initSettings.config;
   const showIcon = isNotNullish8(checkoutConfig.iconSrc) || checkoutClientMetadata.isWithdrawal;
-  return /* @__PURE__ */ React213.createElement(
+  return /* @__PURE__ */ React214.createElement(
     Box,
     {
       className: clsx22(
@@ -35722,7 +35792,7 @@ var HomeCheckoutDisplayRow = ({
         }
       }
     },
-    /* @__PURE__ */ React213.createElement(Box, { display: "flex", alignItems: "center", gap: ROW_FLEX_GAP_X, width: "full" }, showIcon && /* @__PURE__ */ React213.createElement(
+    /* @__PURE__ */ React214.createElement(Box, { display: "flex", alignItems: "center", gap: ROW_FLEX_GAP_X, width: "full" }, showIcon && /* @__PURE__ */ React214.createElement(
       Box,
       {
         display: "flex",
@@ -35733,7 +35803,7 @@ var HomeCheckoutDisplayRow = ({
           minWidth: "29px"
         }
       },
-      /* @__PURE__ */ React213.createElement(
+      /* @__PURE__ */ React214.createElement(
         FunAssetAvatar,
         {
           assetSrc: checkoutConfig.iconSrc || "",
@@ -35744,7 +35814,7 @@ var HomeCheckoutDisplayRow = ({
           chainId: checkoutConfig.targetChain
         }
       )
-    ), /* @__PURE__ */ React213.createElement(Box, { display: "flex", flexDirection: "column", width: "full" }, /* @__PURE__ */ React213.createElement(
+    ), /* @__PURE__ */ React214.createElement(Box, { display: "flex", flexDirection: "column", width: "full" }, /* @__PURE__ */ React214.createElement(
       Box,
       {
         display: "flex",
@@ -35752,19 +35822,19 @@ var HomeCheckoutDisplayRow = ({
         alignItems: "center",
         gap: "16"
       },
-      /* @__PURE__ */ React213.createElement(Text, { size: TEXT_SIZE_MEDIUM2, weight: "medium", color: "primaryText" }, checkoutConfig.checkoutItemTitle),
-      /* @__PURE__ */ React213.createElement(Text, { size: TEXT_SIZE_MEDIUM2, weight: "medium", color: "primaryText" }, `${formatCurrencyAndStringify13(
+      /* @__PURE__ */ React214.createElement(Text, { size: TEXT_SIZE_MEDIUM2, weight: "medium", color: "primaryText" }, checkoutConfig.checkoutItemTitle),
+      /* @__PURE__ */ React214.createElement(Text, { size: TEXT_SIZE_MEDIUM2, weight: "medium", color: "primaryText" }, `${formatCurrencyAndStringify13(
         checkoutClientMetadata?.finalDollarValue || 0
       )} USD`)
-    ), /* @__PURE__ */ React213.createElement(Box, { display: "flex", justifyContent: "space-between", gap: "16" }, /* @__PURE__ */ React213.createElement(Text, { size: TEXT_SIZE_SMALL2, color: "secondaryText" }, formatTimestamp3(new Date(checkoutHistoryItem.createdTimeMs), {
+    ), /* @__PURE__ */ React214.createElement(Box, { display: "flex", justifyContent: "space-between", gap: "16" }, /* @__PURE__ */ React214.createElement(Text, { size: TEXT_SIZE_SMALL2, color: "secondaryText" }, formatTimestamp3(new Date(checkoutHistoryItem.createdTimeMs), {
       year: "none",
       seconds: "none",
       month: "short"
-    })), /* @__PURE__ */ React213.createElement(Box, null, getStatusElement()))))
+    })), /* @__PURE__ */ React214.createElement(Box, null, getStatusElement()))))
   );
 };
 var HomeCheckoutDisplayRowSkeleton = () => {
-  return /* @__PURE__ */ React213.createElement(
+  return /* @__PURE__ */ React214.createElement(
     Box,
     {
       display: "flex",
@@ -35774,8 +35844,8 @@ var HomeCheckoutDisplayRowSkeleton = () => {
       paddingX: PROFILE_SIDE_PADDING,
       paddingY: ROW_PADDING_Y
     },
-    /* @__PURE__ */ React213.createElement(FunSkeletonCircle, { size: DEFAULT_ICON_SIZE }),
-    /* @__PURE__ */ React213.createElement(Box, { display: "flex", flexDirection: "column", style: { flexGrow: 1 } }, /* @__PURE__ */ React213.createElement(
+    /* @__PURE__ */ React214.createElement(FunSkeletonCircle, { size: DEFAULT_ICON_SIZE }),
+    /* @__PURE__ */ React214.createElement(Box, { display: "flex", flexDirection: "column", style: { flexGrow: 1 } }, /* @__PURE__ */ React214.createElement(
       FunSkeletonBlock,
       {
         height: TEXT_SIZE_MEDIUM2,
@@ -35783,7 +35853,7 @@ var HomeCheckoutDisplayRowSkeleton = () => {
         marginTop: TEXT_SKELETON_MARGIN_TOP2,
         width: TEXT_SKELETON_WIDTH_LONG2
       }
-    ), /* @__PURE__ */ React213.createElement(
+    ), /* @__PURE__ */ React214.createElement(
       FunSkeletonBlock,
       {
         height: TEXT_SIZE_SMALL2,
@@ -35792,7 +35862,7 @@ var HomeCheckoutDisplayRowSkeleton = () => {
         width: TEXT_SKELETON_WIDTH_MEDIUM
       }
     )),
-    /* @__PURE__ */ React213.createElement(Box, { alignItems: "flex-end", display: "flex", flexDirection: "column" }, /* @__PURE__ */ React213.createElement(
+    /* @__PURE__ */ React214.createElement(Box, { alignItems: "flex-end", display: "flex", flexDirection: "column" }, /* @__PURE__ */ React214.createElement(
       FunSkeletonBlock,
       {
         height: TEXT_SIZE_MEDIUM2,
@@ -35800,7 +35870,7 @@ var HomeCheckoutDisplayRowSkeleton = () => {
         marginTop: TEXT_SKELETON_MARGIN_TOP2,
         width: TEXT_SKELETON_WIDTH_MEDIUM
       }
-    ), /* @__PURE__ */ React213.createElement(
+    ), /* @__PURE__ */ React214.createElement(
       FunSkeletonBlock,
       {
         height: STATUS_TEXT_SIZE,
@@ -35818,7 +35888,7 @@ import {
   formatCurrencyAndStringify as formatCurrencyAndStringify14,
   isMobile as isMobile9
 } from "@funkit/utils";
-import React214 from "react";
+import React215 from "react";
 var TEXT_SIZE = "13";
 var TEXT_SKELETON_MARGIN_TOP3 = "2";
 var TEXT_SKELETON_MARGIN_BOTTOM3 = "3";
@@ -35833,7 +35903,7 @@ var HomeTokenBalanceDisplayRow = ({
     asset.tokenBalance,
     asset.decimals
   );
-  return /* @__PURE__ */ React214.createElement(
+  return /* @__PURE__ */ React215.createElement(
     Box,
     {
       display: "flex",
@@ -35847,7 +35917,7 @@ var HomeTokenBalanceDisplayRow = ({
       paddingY: ROW_PADDING_Y2,
       className: baseStyles4
     },
-    /* @__PURE__ */ React214.createElement(
+    /* @__PURE__ */ React215.createElement(
       Box,
       {
         display: "flex",
@@ -35856,7 +35926,7 @@ var HomeTokenBalanceDisplayRow = ({
         alignItems: "flex-start",
         height: "full"
       },
-      /* @__PURE__ */ React214.createElement(
+      /* @__PURE__ */ React215.createElement(
         FunAssetAvatar,
         {
           assetSrc: asset.logo,
@@ -35866,22 +35936,22 @@ var HomeTokenBalanceDisplayRow = ({
           assetIconSize: DEFAULT_ICON_SIZE
         }
       ),
-      /* @__PURE__ */ React214.createElement(
+      /* @__PURE__ */ React215.createElement(
         Box,
         {
           display: "flex",
           flexDirection: "column",
           justifyContent: "space-between"
         },
-        /* @__PURE__ */ React214.createElement(Text, { color: "primaryText", size: TEXT_SIZE, weight: "regular" }, asset.name),
-        /* @__PURE__ */ React214.createElement(Text, { color: "secondaryText", size: TEXT_SIZE, weight: "regular" }, formatCryptoAndStringify8(normalizedAmount, asset.symbol))
+        /* @__PURE__ */ React215.createElement(Text, { color: "primaryText", size: TEXT_SIZE, weight: "regular" }, asset.name),
+        /* @__PURE__ */ React215.createElement(Text, { color: "secondaryText", size: TEXT_SIZE, weight: "regular" }, formatCryptoAndStringify8(normalizedAmount, asset.symbol))
       )
     ),
-    /* @__PURE__ */ React214.createElement(Text, { color: "primaryText", size: TEXT_SIZE, weight: "regular" }, formatCurrencyAndStringify14(asset.totalUsdValue || 0))
+    /* @__PURE__ */ React215.createElement(Text, { color: "primaryText", size: TEXT_SIZE, weight: "regular" }, formatCurrencyAndStringify14(asset.totalUsdValue || 0))
   );
 };
 var HomeTokenBalanceDisplayRowSkeleton = () => {
-  return /* @__PURE__ */ React214.createElement(
+  return /* @__PURE__ */ React215.createElement(
     Box,
     {
       display: "flex",
@@ -35891,8 +35961,8 @@ var HomeTokenBalanceDisplayRowSkeleton = () => {
       paddingX: PROFILE_SIDE_PADDING,
       paddingY: ROW_PADDING_Y2
     },
-    /* @__PURE__ */ React214.createElement(FunSkeletonCircle, { size: DEFAULT_ICON_SIZE }),
-    /* @__PURE__ */ React214.createElement(Box, { display: "flex", flexDirection: "column", style: { flexGrow: 1 } }, /* @__PURE__ */ React214.createElement(
+    /* @__PURE__ */ React215.createElement(FunSkeletonCircle, { size: DEFAULT_ICON_SIZE }),
+    /* @__PURE__ */ React215.createElement(Box, { display: "flex", flexDirection: "column", style: { flexGrow: 1 } }, /* @__PURE__ */ React215.createElement(
       FunSkeletonBlock,
       {
         height: TEXT_SIZE,
@@ -35900,7 +35970,7 @@ var HomeTokenBalanceDisplayRowSkeleton = () => {
         marginTop: TEXT_SKELETON_MARGIN_TOP3,
         width: TEXT_SKELETON_WIDTH_SHORT3
       }
-    ), /* @__PURE__ */ React214.createElement(
+    ), /* @__PURE__ */ React215.createElement(
       FunSkeletonBlock,
       {
         height: TEXT_SIZE,
@@ -35909,7 +35979,7 @@ var HomeTokenBalanceDisplayRowSkeleton = () => {
         width: TEXT_SKELETON_WIDTH_LONG3
       }
     )),
-    /* @__PURE__ */ React214.createElement(
+    /* @__PURE__ */ React215.createElement(
       FunSkeletonBlock,
       {
         height: TEXT_SIZE,
@@ -35922,13 +35992,13 @@ var HomeTokenBalanceDisplayRowSkeleton = () => {
 };
 // src/modals/ProfileDetails/FunProfileViews/Home/ProfileTitleSection.tsx
-import React217 from "react";
+import React218 from "react";
 import { useCallback as useCallback46, useState as useState68 } from "react";
 // src/components/Icons/LogoutIcon.tsx
-import React215 from "react";
+import React216 from "react";
 var LogoutIcon = ({ size = 16 }) => {
-  return /* @__PURE__ */ React215.createElement(
+  return /* @__PURE__ */ React216.createElement(
     "svg",
     {
       width: size,
@@ -35937,7 +36007,7 @@ var LogoutIcon = ({ size = 16 }) => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React215.createElement(
+    /* @__PURE__ */ React216.createElement(
       "path",
       {
         d: "M9.33463 13.3337H4.0013C3.26492 13.3337 2.66797 12.7367 2.66797 12.0003V4.00033C2.66797 3.26395 3.26492 2.66699 4.0013 2.66699H9.33463M6.66797 8.00033H14.0013M14.0013 8.00033L12.0013 10.0003M14.0013 8.00033L12.0013 6.00033",
@@ -35952,9 +36022,9 @@ var LogoutIcon = ({ size = 16 }) => {
 };
 // src/components/Icons/SettingsIcon.tsx
-import React216 from "react";
+import React217 from "react";
 var SettingsIcon = ({ size = 16 }) => {
-  return /* @__PURE__ */ React216.createElement(
+  return /* @__PURE__ */ React217.createElement(
     "svg",
     {
       width: size,
@@ -35963,14 +36033,14 @@ var SettingsIcon = ({ size = 16 }) => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React216.createElement(
+    /* @__PURE__ */ React217.createElement(
       "path",
       {
         d: "M8.75 10.167C9.85457 10.167 10.75 9.27156 10.75 8.16699C10.75 7.06242 9.85457 6.16699 8.75 6.16699C7.64543 6.16699 6.75 7.06242 6.75 8.16699C6.75 9.27156 7.64543 10.167 8.75 10.167Z",
         stroke: "currentColor"
       }
     ),
-    /* @__PURE__ */ React216.createElement(
+    /* @__PURE__ */ React217.createElement(
       "path",
       {
         d: "M9.92726 1.60149C9.68219 1.5 9.37159 1.5 8.75032 1.5C8.12906 1.5 7.81846 1.5 7.57339 1.60149C7.2467 1.73682 6.98714 1.99639 6.85181 2.32309C6.79004 2.47223 6.76586 2.64567 6.7564 2.89866C6.7425 3.27045 6.55183 3.61459 6.22962 3.80062C5.90742 3.98664 5.51405 3.97969 5.18512 3.80584C4.96129 3.68753 4.799 3.62175 4.63895 3.60068C4.28835 3.55452 3.93378 3.64953 3.65323 3.8648C3.44282 4.02625 3.2875 4.29527 2.97688 4.83329C2.66625 5.37131 2.51094 5.64032 2.47632 5.90327C2.43016 6.25387 2.52517 6.60844 2.74044 6.889C2.8387 7.01707 2.97679 7.12467 3.19112 7.25933C3.50619 7.45733 3.70892 7.7946 3.7089 8.16667C3.70888 8.53873 3.50616 8.87593 3.19111 9.07387C2.97676 9.2086 2.83864 9.31627 2.74038 9.44433C2.5251 9.72487 2.4301 10.0794 2.47626 10.43C2.51087 10.6929 2.66618 10.962 2.97681 11.5C3.28744 12.038 3.44276 12.3071 3.65316 12.4685C3.93371 12.6837 4.28828 12.7787 4.63888 12.7326C4.79892 12.7115 4.9612 12.6457 5.18502 12.5275C5.51397 12.3536 5.90736 12.3467 6.22959 12.5327C6.55182 12.7187 6.7425 13.0629 6.7564 13.4347C6.76586 13.6877 6.79004 13.8611 6.85181 14.0103C6.98714 14.3369 7.2467 14.5965 7.57339 14.7319C7.81846 14.8333 8.12906 14.8333 8.75032 14.8333C9.37159 14.8333 9.68219 14.8333 9.92726 14.7319C10.2539 14.5965 10.5135 14.3369 10.6488 14.0103C10.7106 13.8611 10.7348 13.6877 10.7443 13.4347C10.7581 13.0629 10.9488 12.7187 11.271 12.5327C11.5932 12.3466 11.9866 12.3536 12.3156 12.5275C12.5394 12.6457 12.7017 12.7115 12.8617 12.7325C13.2123 12.7787 13.5669 12.6837 13.8474 12.4685C14.0578 12.307 14.2131 12.038 14.5237 11.4999C14.8344 10.9619 14.9897 10.6929 15.0243 10.43C15.0705 10.0794 14.9755 9.7248 14.7602 9.44427C14.6619 9.3162 14.5238 9.20853 14.3095 9.07387C13.9945 8.87593 13.7917 8.53867 13.7917 8.1666C13.7917 7.79453 13.9945 7.4574 14.3095 7.25947C14.5239 7.12473 14.662 7.01713 14.7603 6.889C14.9755 6.60849 15.0705 6.25391 15.0244 5.90331C14.9898 5.64037 14.8345 5.37135 14.5238 4.83333C14.2132 4.29531 14.0579 4.0263 13.8475 3.86485C13.5669 3.64957 13.2123 3.55457 12.8617 3.60073C12.7017 3.62179 12.5395 3.68757 12.3156 3.80587C11.9867 3.97973 11.5933 3.98668 11.2711 3.80064C10.9488 3.61461 10.7581 3.27044 10.7443 2.89863C10.7348 2.64565 10.7106 2.47222 10.6488 2.32309C10.5135 1.99639 10.2539 1.73682 9.92726 1.60149Z",
@@ -35995,7 +36065,7 @@ var ProfileTitleSection = ({
     () => setIsDisconnectExpanded(false),
     []
   );
-  return /* @__PURE__ */ React217.createElement(
+  return /* @__PURE__ */ React218.createElement(
     Box,
     {
       display: "flex",
@@ -36004,7 +36074,7 @@ var ProfileTitleSection = ({
       width: "full",
       minHeight: "28"
     },
-    /* @__PURE__ */ React217.createElement(
+    /* @__PURE__ */ React218.createElement(
       Box,
       {
         display: "flex",
@@ -36013,7 +36083,7 @@ var ProfileTitleSection = ({
         gap: "8",
         className: animateOut ? animateTitleOutClass : animateTitleInClass
       },
-      account.address && /* @__PURE__ */ React217.createElement(
+      account.address && /* @__PURE__ */ React218.createElement(
         Avatar,
         {
           address: account.address,
@@ -36022,21 +36092,21 @@ var ProfileTitleSection = ({
           size: 20
         }
       ),
-      /* @__PURE__ */ React217.createElement(Text, { color: "primaryText", size: "13", weight: "medium" }, userInfo.nameTruncated)
+      /* @__PURE__ */ React218.createElement(Text, { color: "primaryText", size: "13", weight: "medium" }, userInfo.nameTruncated)
     ),
-    /* @__PURE__ */ React217.createElement(Box, { display: "flex", alignItems: "center", flexDirection: "row" }, !isDisconnectExpanded && /* @__PURE__ */ React217.createElement(
+    /* @__PURE__ */ React218.createElement(Box, { display: "flex", alignItems: "center", flexDirection: "row" }, !isDisconnectExpanded && /* @__PURE__ */ React218.createElement(
       FunIconButton,
       {
-        icon: /* @__PURE__ */ React217.createElement(SettingsIcon, { size: 17 }),
+        icon: /* @__PURE__ */ React218.createElement(SettingsIcon, { size: 17 }),
         onClick: () => onChangeView(1 /* SETTINGS */),
         paddingX: "4",
         paddingY: "4"
       }
-    ), /* @__PURE__ */ React217.createElement(FunClickOutside, { onClick: collapseDisconnect }, /* @__PURE__ */ React217.createElement(
+    ), /* @__PURE__ */ React218.createElement(FunClickOutside, { onClick: collapseDisconnect }, /* @__PURE__ */ React218.createElement(
       FunIconButton,
       {
         size: "28",
-        icon: /* @__PURE__ */ React217.createElement(LogoutIcon, { size: 15 }),
+        icon: /* @__PURE__ */ React218.createElement(LogoutIcon, { size: 15 }),
         paddingX: isDisconnectExpanded ? "6" : void 0,
         "aria-label": t("profile.disconnect"),
         onClick: isDisconnectExpanded ? onLogout : () => setIsDisconnectExpanded(true),
@@ -36044,12 +36114,12 @@ var ProfileTitleSection = ({
         onMouseLeave: collapseDisconnect,
         onBlur: collapseDisconnect
       },
-      isDisconnectExpanded && /* @__PURE__ */ React217.createElement(Text, { size: "10", color: "secondaryText", weight: "medium" }, t("profile.disconnect"))
-    )), !isDisconnectExpanded && /* @__PURE__ */ React217.createElement(
+      isDisconnectExpanded && /* @__PURE__ */ React218.createElement(Text, { size: "10", color: "secondaryText", weight: "medium" }, t("profile.disconnect"))
+    )), !isDisconnectExpanded && /* @__PURE__ */ React218.createElement(
       FunIconButton,
       {
         size: "28",
-        icon: /* @__PURE__ */ React217.createElement(CloseIcon, { size: 12 }),
+        icon: /* @__PURE__ */ React218.createElement(CloseIcon, { size: 12 }),
         onClick: onClose
       }
     ))
@@ -36065,10 +36135,10 @@ var SelectedHomeTab = /* @__PURE__ */ ((SelectedHomeTab2) => {
 var EmptyTabAlert = () => {
   const { t } = useFunkitTranslation();
   const { appName } = useFunkitConfig();
-  return /* @__PURE__ */ React218.createElement(Box, { paddingX: PROFILE_SIDE_PADDING }, /* @__PURE__ */ React218.createElement(
+  return /* @__PURE__ */ React219.createElement(Box, { paddingX: PROFILE_SIDE_PADDING }, /* @__PURE__ */ React219.createElement(
     FunAlert,
     {
-      icon: /* @__PURE__ */ React218.createElement(GreenRoundCheckmark, null),
+      icon: /* @__PURE__ */ React219.createElement(GreenRoundCheckmark, null),
       description: t("profile.executeFirstCheckout", { appName })
     }
   ));
@@ -36097,7 +36167,7 @@ function Home({
   }, []);
   const AssetsList = useMemo48(() => {
     if (walletAssets && !Object.keys(walletAssets).length) {
-      return /* @__PURE__ */ React218.createElement(EmptyTabAlert, null);
+      return /* @__PURE__ */ React219.createElement(EmptyTabAlert, null);
     }
     const assets = walletAssets ? Object.values(walletAssets).sort(
       (a, b) => (b.totalUsdValue ?? 0) - (a.totalUsdValue ?? 0)
@@ -36105,7 +36175,7 @@ function Home({
     const itemHeight = HOME_TOKEN_BALANCE_DISPLAY_ROW_HEIGHT;
     const itemMargin = 8;
     const height = assets.length * (itemHeight + itemMargin) - itemMargin;
-    return /* @__PURE__ */ React218.createElement(Box, { ref: virtuosoParentRef }, /* @__PURE__ */ React218.createElement(
+    return /* @__PURE__ */ React219.createElement(Box, { ref: virtuosoParentRef }, /* @__PURE__ */ React219.createElement(
       Virtuoso,
       {
         className: clsx23(hideScrollBar, scrollContent),
@@ -36117,14 +36187,14 @@ function Home({
         itemContent: (index, asset) => (
           // gaps/margins between items must be part of the measured content
           // thus we wrap items in padded divs (margin is not measured)
-          /* @__PURE__ */ React218.createElement("div", { style: { paddingTop: index === 0 ? 0 : itemMargin } }, asset ? /* @__PURE__ */ React218.createElement(HomeTokenBalanceDisplayRow, { asset }) : /* @__PURE__ */ React218.createElement(HomeTokenBalanceDisplayRowSkeleton, null))
+          /* @__PURE__ */ React219.createElement("div", { style: { paddingTop: index === 0 ? 0 : itemMargin } }, asset ? /* @__PURE__ */ React219.createElement(HomeTokenBalanceDisplayRow, { asset }) : /* @__PURE__ */ React219.createElement(HomeTokenBalanceDisplayRowSkeleton, null))
         )
       }
     ));
   }, [walletAssets]);
   const CheckoutsList = useMemo48(() => {
     if (checkoutHistoryList.length === 0 && isCheckoutHistoryInited) {
-      return /* @__PURE__ */ React218.createElement(EmptyTabAlert, null);
+      return /* @__PURE__ */ React219.createElement(EmptyTabAlert, null);
     }
     const processingCheckouts = checkoutHistoryList.filter(
       (checkoutHistoryItem) => IN_PROGRESS_CHECKOUT_STATES2.includes(checkoutHistoryItem.state)
@@ -36186,7 +36256,7 @@ function Home({
     const groupHeight = 15;
     const groupMargin = 24;
     const height = groups.length * (groupHeight + groupMargin) + (items.length - groups.length) * (itemHeight + itemMargin) - groupMargin;
-    return /* @__PURE__ */ React218.createElement(Box, { ref: virtuosoParentRef }, /* @__PURE__ */ React218.createElement(
+    return /* @__PURE__ */ React219.createElement(Box, { ref: virtuosoParentRef }, /* @__PURE__ */ React219.createElement(
       Virtuoso,
       {
         className: clsx23(hideScrollBar, scrollContent),
@@ -36200,13 +36270,13 @@ function Home({
         itemContent: (index, data) => (
           // gaps/margins between items must be part of the measured content
           // thus we wrap items in padded divs (margin is not measured)
-          "group" in data ? /* @__PURE__ */ React218.createElement("div", { style: { paddingTop: index === 0 ? 0 : groupMargin } }, /* @__PURE__ */ React218.createElement(Box, { paddingX: PROFILE_SIDE_PADDING }, /* @__PURE__ */ React218.createElement(Text, { size: "10", color: "secondaryText" }, data.group))) : /* @__PURE__ */ React218.createElement("div", { style: { paddingTop: index === 0 ? 0 : itemMargin } }, data.checkout ? /* @__PURE__ */ React218.createElement(
+          "group" in data ? /* @__PURE__ */ React219.createElement("div", { style: { paddingTop: index === 0 ? 0 : groupMargin } }, /* @__PURE__ */ React219.createElement(Box, { paddingX: PROFILE_SIDE_PADDING }, /* @__PURE__ */ React219.createElement(Text, { size: "10", color: "secondaryText" }, data.group))) : /* @__PURE__ */ React219.createElement("div", { style: { paddingTop: index === 0 ? 0 : itemMargin } }, data.checkout ? /* @__PURE__ */ React219.createElement(
             HomeCheckoutDisplayRow,
             {
               checkoutHistoryItem: data.checkout,
               onSelect: handleCheckoutSelect
             }
-          ) : /* @__PURE__ */ React218.createElement(HomeCheckoutDisplayRowSkeleton, null))
+          ) : /* @__PURE__ */ React219.createElement(HomeCheckoutDisplayRowSkeleton, null))
         )
       }
     ));
@@ -36221,7 +36291,7 @@ function Home({
     { tab: "assets" /* ASSETS */, label: t("profile.tokensTab") },
     { tab: "checkouts" /* CHECKOUTS */, label: t("profile.checkoutsTab") }
   ];
-  return /* @__PURE__ */ React218.createElement(Box, { paddingTop: "14" }, /* @__PURE__ */ React218.createElement(
+  return /* @__PURE__ */ React219.createElement(Box, { paddingTop: "14" }, /* @__PURE__ */ React219.createElement(
     ProfileTitleSection,
     {
       animateOut: animation.isOut,
@@ -36231,7 +36301,7 @@ function Home({
       onLogout: handleLogout,
       onClose
     }
-  ), /* @__PURE__ */ React218.createElement(
+  ), /* @__PURE__ */ React219.createElement(
     Box,
     {
       display: "flex",
@@ -36241,8 +36311,8 @@ function Home({
       gap: "24",
       className: getContentAnimation(animation, true)
     },
-    /* @__PURE__ */ React218.createElement(BalanceSection, { totalBalance: totalWalletAssetsUsd }),
-    /* @__PURE__ */ React218.createElement(
+    /* @__PURE__ */ React219.createElement(BalanceSection, { totalBalance: totalWalletAssetsUsd }),
+    /* @__PURE__ */ React219.createElement(
       Box,
       {
         display: "flex",
@@ -36253,7 +36323,7 @@ function Home({
           marginLeft: `-${Number.parseInt(PROFILE_SIDE_PADDING)}px`
         }
       },
-      /* @__PURE__ */ React218.createElement(
+      /* @__PURE__ */ React219.createElement(
         Box,
         {
           display: "flex",
@@ -36261,7 +36331,7 @@ function Home({
           gap: "24",
           paddingX: PROFILE_SIDE_PADDING
         },
-        tabs2.map(({ tab, label }) => /* @__PURE__ */ React218.createElement(
+        tabs2.map(({ tab, label }) => /* @__PURE__ */ React219.createElement(
           Box,
           {
             key: label,
@@ -36270,7 +36340,7 @@ function Home({
             tabIndex: 0,
             className: tabLabelStyles
           },
-          /* @__PURE__ */ React218.createElement(
+          /* @__PURE__ */ React219.createElement(
             Text,
             {
               weight: "bold",
@@ -36281,21 +36351,21 @@ function Home({
           )
         ))
       ),
-      /* @__PURE__ */ React218.createElement(Box, { className: getContentAnimation(tabAnimation, false) }, selectedView === "assets" /* ASSETS */ && AssetsList, selectedView === "checkouts" /* CHECKOUTS */ && CheckoutsList)
+      /* @__PURE__ */ React219.createElement(Box, { className: getContentAnimation(tabAnimation, false) }, selectedView === "assets" /* ASSETS */ && AssetsList, selectedView === "checkouts" /* CHECKOUTS */ && CheckoutsList)
     )
   ));
 }
 // src/modals/ProfileDetails/FunProfileViews/Settings/Settings.tsx
 import { formatAddress as formatAddress6 } from "@funkit/utils";
-import React221 from "react";
+import React222 from "react";
 // src/components/CopyAddress/OldCopyAddressButton.tsx
-import React220 from "react";
+import React221 from "react";
 // src/components/Icons/CopyDoublePaperSheetIcon.tsx
-import React219 from "react";
-var CopyDoublePaperSheetIcon = () => /* @__PURE__ */ React219.createElement(
+import React220 from "react";
+var CopyDoublePaperSheetIcon = () => /* @__PURE__ */ React220.createElement(
   "svg",
   {
     width: "14",
@@ -36304,7 +36374,7 @@ var CopyDoublePaperSheetIcon = () => /* @__PURE__ */ React219.createElement(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React219.createElement(
+  /* @__PURE__ */ React220.createElement(
     "path",
     {
       d: "M3.76074 3.97363V2.4248C3.76074 1.73926 3.93424 1.22087 4.28125 0.869629C4.62826 0.51416 5.14242 0.336426 5.82373 0.336426H8.21045C8.57861 0.336426 8.90658 0.389323 9.19434 0.495117C9.48633 0.59668 9.75081 0.770182 9.98779 1.01562L13.1489 4.23389C13.3986 4.49202 13.5742 4.76709 13.6758 5.05908C13.7773 5.34684 13.8281 5.7002 13.8281 6.11914V11.1465C13.8281 11.832 13.6525 12.3504 13.3013 12.7017C12.9543 13.0529 12.4422 13.2285 11.7651 13.2285H10.4639V11.9844H11.6509C11.9598 11.9844 12.1904 11.9061 12.3428 11.7495C12.4993 11.5887 12.5776 11.3623 12.5776 11.0703V5.81445H9.78467C9.39111 5.81445 9.09277 5.71501 8.88965 5.51611C8.68652 5.31299 8.58496 5.01465 8.58496 4.62109V1.58691H5.92529C5.62061 1.58691 5.38997 1.6652 5.2334 1.82178C5.08105 1.97835 5.00488 2.20475 5.00488 2.50098V3.97363H3.76074ZM9.62598 4.4624C9.62598 4.57243 9.64925 4.65283 9.6958 4.70361C9.74658 4.75016 9.82487 4.77344 9.93066 4.77344H12.2539L9.62598 2.10742V4.4624ZM0.618652 14.4028V5.68115C0.618652 4.99561 0.792155 4.47721 1.13916 4.12598C1.48617 3.77051 2.00033 3.59277 2.68164 3.59277H4.89062C5.27572 3.59277 5.5931 3.63509 5.84277 3.71973C6.09668 3.80013 6.35059 3.97152 6.60449 4.23389L10.0449 7.7251C10.2227 7.90706 10.3581 8.08057 10.4512 8.24561C10.5443 8.41064 10.6056 8.59473 10.6353 8.79785C10.6691 8.99674 10.686 9.23796 10.686 9.52148V14.4028C10.686 15.0884 10.5125 15.6068 10.1655 15.958C9.81852 16.3092 9.30436 16.4849 8.62305 16.4849H2.68164C2.00033 16.4849 1.48617 16.3092 1.13916 15.958C0.792155 15.611 0.618652 15.0926 0.618652 14.4028ZM1.86914 14.3267C1.86914 14.6229 1.94531 14.8493 2.09766 15.0059C2.25 15.1624 2.47852 15.2407 2.7832 15.2407H8.51514C8.81982 15.2407 9.04834 15.1624 9.20068 15.0059C9.35726 14.8493 9.43555 14.6229 9.43555 14.3267V9.66748H6.08398C5.63542 9.66748 5.29899 9.55745 5.07471 9.3374C4.85042 9.11312 4.73828 8.77246 4.73828 8.31543V4.84326H2.78955C2.48063 4.84326 2.25 4.92155 2.09766 5.07812C1.94531 5.2347 1.86914 5.45898 1.86914 5.75098V14.3267ZM6.21094 8.56934H9.26416L5.83643 5.08447V8.19482C5.83643 8.32601 5.86605 8.42122 5.92529 8.48047C5.98454 8.53971 6.07975 8.56934 6.21094 8.56934Z",
@@ -36318,11 +36388,11 @@ function OldCopyAddressButton({
   address
 }) {
   const { isCopied, handleCopy } = useCopyToClipboard(address);
-  return /* @__PURE__ */ React220.createElement(
+  return /* @__PURE__ */ React221.createElement(
     FunIconButton,
     {
       size: "36",
-      icon: /* @__PURE__ */ React220.createElement(Box, { display: "flex", alignItems: "center", color: "primaryText" }, isCopied ? /* @__PURE__ */ React220.createElement(CheckIcon, null) : /* @__PURE__ */ React220.createElement(CopyDoublePaperSheetIcon, null)),
+      icon: /* @__PURE__ */ React221.createElement(Box, { display: "flex", alignItems: "center", color: "primaryText" }, isCopied ? /* @__PURE__ */ React221.createElement(CheckIcon, null) : /* @__PURE__ */ React221.createElement(CopyDoublePaperSheetIcon, null)),
       onClick: handleCopy
     }
   );
@@ -36334,7 +36404,7 @@ function LineItem({
   value,
   valueSuffix = null
 }) {
-  return /* @__PURE__ */ React221.createElement(
+  return /* @__PURE__ */ React222.createElement(
     Box,
     {
       display: "flex",
@@ -36343,26 +36413,26 @@ function LineItem({
       alignItems: "center",
       justifyContent: "space-between"
     },
-    /* @__PURE__ */ React221.createElement(Text, { color: "tertiaryText", size: "13", weight: "medium" }, label),
-    /* @__PURE__ */ React221.createElement(Box, { display: "flex", flexDirection: "row", gap: "1" }, /* @__PURE__ */ React221.createElement(Box, { display: "flex", alignItems: "center" }, /* @__PURE__ */ React221.createElement(Text, { color: "primaryText", size: "13", weight: "medium" }, value)), valueSuffix ? /* @__PURE__ */ React221.createElement(Box, { display: "flex", alignItems: "center" }, valueSuffix) : null)
+    /* @__PURE__ */ React222.createElement(Text, { color: "tertiaryText", size: "13", weight: "medium" }, label),
+    /* @__PURE__ */ React222.createElement(Box, { display: "flex", flexDirection: "row", gap: "1" }, /* @__PURE__ */ React222.createElement(Box, { display: "flex", alignItems: "center" }, /* @__PURE__ */ React222.createElement(Text, { color: "primaryText", size: "13", weight: "medium" }, value)), valueSuffix ? /* @__PURE__ */ React222.createElement(Box, { display: "flex", alignItems: "center" }, valueSuffix) : null)
   );
 }
 function Settings() {
   const { t } = useFunkitTranslation();
   const { walletAddress, loginType, userInfo } = useGeneralWallet();
   const isWeb3Login = loginType === "web3" /* Web3 */;
-  return /* @__PURE__ */ React221.createElement(Box, { display: "flex", flexDirection: "column", gap: "24" }, /* @__PURE__ */ React221.createElement(
+  return /* @__PURE__ */ React222.createElement(Box, { display: "flex", flexDirection: "column", gap: "24" }, /* @__PURE__ */ React222.createElement(
     LineItem,
     {
       label: isWeb3Login ? "Wallet" : userInfo.typeLabel,
       value: isWeb3Login ? userInfo.typeLabel : userInfo.name
     }
-  ), /* @__PURE__ */ React221.createElement(
+  ), /* @__PURE__ */ React222.createElement(
     LineItem,
     {
       label: t("profile.address"),
       value: formatAddress6(walletAddress),
-      valueSuffix: /* @__PURE__ */ React221.createElement(OldCopyAddressButton, { address: walletAddress })
+      valueSuffix: /* @__PURE__ */ React222.createElement(OldCopyAddressButton, { address: walletAddress })
     }
   ));
 }
@@ -36442,11 +36512,11 @@ function ProfileDetails({ onClose, defaultTab }) {
     isActiveCheckout: false,
     isCheckoutDetailView,
     paddingTop: PADDING_TOP,
-    topbar: dialogTitleMap[view] && /* @__PURE__ */ React222.createElement(Dialog.Title, { onClose, ...dialogTitleMap[view] }),
+    topbar: dialogTitleMap[view] && /* @__PURE__ */ React223.createElement(Dialog.Title, { onClose, ...dialogTitleMap[view] }),
     withTopDivider: withDivider,
     scrollableContent: PROFILE_DETAILS_DIALOG_CONTENT_ID
   });
-  return /* @__PURE__ */ React222.createElement(FunCheckoutModalHeightAnimationWrapper, null, topbar, /* @__PURE__ */ React222.createElement(
+  return /* @__PURE__ */ React223.createElement(FunCheckoutModalHeightAnimationWrapper, null, topbar, /* @__PURE__ */ React223.createElement(
     Dialog.Content,
     {
       display: "flex",
@@ -36463,7 +36533,7 @@ function ProfileDetails({ onClose, defaultTab }) {
       withTopDivider,
       id: PROFILE_DETAILS_DIALOG_CONTENT_ID
     },
-    view === 0 /* HOME */ ? /* @__PURE__ */ React222.createElement(
+    view === 0 /* HOME */ ? /* @__PURE__ */ React223.createElement(
       Home,
       {
         animation,
@@ -36472,7 +36542,7 @@ function ProfileDetails({ onClose, defaultTab }) {
         onSelectActivity: onSelectActivityWrapper,
         defaultHomeTab: selectedHomeTab
       }
-    ) : view === 1 /* SETTINGS */ ? /* @__PURE__ */ React222.createElement(Settings, null) : view === 3 /* SINGLE_ACTIVITY */ ? /* @__PURE__ */ React222.createElement(
+    ) : view === 1 /* SETTINGS */ ? /* @__PURE__ */ React223.createElement(Settings, null) : view === 3 /* SINGLE_ACTIVITY */ ? /* @__PURE__ */ React223.createElement(
       FunCheckoutHistoryContent,
       {
         depositAddress: selectedPurchaseId || "0x",
@@ -36484,7 +36554,7 @@ function ProfileDetails({ onClose, defaultTab }) {
         bottomBarId: HISTORY_BOTTOM_BAR_ID
       }
     ) : null
-  ), /* @__PURE__ */ React222.createElement(Dialog.BottomSection, { id: HISTORY_BOTTOM_BAR_ID }));
+  ), /* @__PURE__ */ React223.createElement(Dialog.BottomSection, { id: HISTORY_BOTTOM_BAR_ID }));
 }
 // src/modals/AccountModal/AccountModal.tsx
@@ -36494,7 +36564,7 @@ function AccountModal({ onClose, open, defaultTab }) {
   if (!walletAddress) {
     return null;
   }
-  return /* @__PURE__ */ React223.createElement(
+  return /* @__PURE__ */ React224.createElement(
     Dialog,
     {
       onClose,
@@ -36502,18 +36572,18 @@ function AccountModal({ onClose, open, defaultTab }) {
       titleId: TITLE_ID,
       isSmartCloseable: true
     },
-    /* @__PURE__ */ React223.createElement(ActivityTraversalProvider, null, /* @__PURE__ */ React223.createElement(ProfileDetails, { onClose, defaultTab }))
+    /* @__PURE__ */ React224.createElement(ActivityTraversalProvider, null, /* @__PURE__ */ React224.createElement(ProfileDetails, { onClose, defaultTab }))
   );
 }
 // src/modals/ChainModal/ChainModal.tsx
 import { isMobile as isMobile12 } from "@funkit/utils";
-import React228 from "react";
+import React229 from "react";
 import { useAccount as useAccount8, useConfig as useConfig6 } from "wagmi";
 // src/components/Icons/DisconnectSqIcon.tsx
-import React224 from "react";
-var DisconnectSqIcon = ({ size }) => /* @__PURE__ */ React224.createElement(
+import React225 from "react";
+var DisconnectSqIcon = ({ size }) => /* @__PURE__ */ React225.createElement(
   "svg",
   {
     fill: "none",
@@ -36522,7 +36592,7 @@ var DisconnectSqIcon = ({ size }) => /* @__PURE__ */ React224.createElement(
     width: size,
     xmlns: "http://www.w3.org/2000/svg"
   },
-  /* @__PURE__ */ React224.createElement(
+  /* @__PURE__ */ React225.createElement(
     "path",
     {
       d: "M6.742 22.195h8.367c1.774 0 2.743-.968 2.743-2.758V16.11h-2.016v3.11c0 .625-.305.96-.969.96H6.984c-.664 0-.968-.335-.968-.96V7.984c0-.632.304-.968.968-.968h7.883c.664 0 .969.336.969.968v3.133h2.016v-3.36c0-1.78-.97-2.757-2.743-2.757H6.742C4.97 5 4 5.977 4 7.758v11.68c0 1.789.969 2.757 2.742 2.757Zm5.438-7.703h7.601l1.149-.07-.602.406-1.008.938a.816.816 0 0 0-.258.593c0 .407.313.782.758.782.227 0 .39-.086.547-.243l2.492-2.593c.235-.235.313-.47.313-.711 0-.242-.078-.477-.313-.719l-2.492-2.586c-.156-.156-.32-.25-.547-.25-.445 0-.758.367-.758.781 0 .227.094.446.258.594l1.008.945.602.407-1.149-.079H12.18a.904.904 0 0 0 0 1.805Z",
@@ -36533,13 +36603,13 @@ var DisconnectSqIcon = ({ size }) => /* @__PURE__ */ React224.createElement(
 // src/components/MenuButton/MenuButton.tsx
 import { isMobile as isMobile10 } from "@funkit/utils";
-import React225 from "react";
+import React226 from "react";
 // src/components/MenuButton/MenuButton.css.ts
 var unsetBackgroundOnHover = "_10pw5x60";
 // src/components/MenuButton/MenuButton.tsx
-var MenuButton = React225.forwardRef(
+var MenuButton = React226.forwardRef(
   ({
     children,
     currentlySelected = false,
@@ -36548,7 +36618,7 @@ var MenuButton = React225.forwardRef(
     ...urlProps
   }, ref) => {
     const mobile = isMobile10();
-    return /* @__PURE__ */ React225.createElement(
+    return /* @__PURE__ */ React226.createElement(
       Box,
       {
         as: "button",
@@ -36560,7 +36630,7 @@ var MenuButton = React225.forwardRef(
         testId,
         type: "button"
       },
-      /* @__PURE__ */ React225.createElement(
+      /* @__PURE__ */ React226.createElement(
         Box,
         {
           borderRadius: "menuButton",
@@ -36594,12 +36664,12 @@ MenuButton.displayName = "MenuButton";
 // src/modals/ChainModal/Chain.tsx
 import { isMobile as isMobile11 } from "@funkit/utils";
-import React227, { Fragment } from "react";
+import React228, { Fragment } from "react";
 // src/components/FunDot/FunDot.tsx
-import React226 from "react";
+import React227 from "react";
 function FunDot() {
-  return /* @__PURE__ */ React226.createElement(
+  return /* @__PURE__ */ React227.createElement(
     Box,
     {
       background: "connectionIndicator",
@@ -36627,7 +36697,7 @@ function ChainLineItem({
   if (!chainItem) {
     return null;
   }
-  return /* @__PURE__ */ React227.createElement(
+  return /* @__PURE__ */ React228.createElement(
     Box,
     {
       alignItems: "center",
@@ -36636,7 +36706,7 @@ function ChainLineItem({
       gap,
       height: chainIconSize
     },
-    /* @__PURE__ */ React227.createElement(Box, { height: "full" }, /* @__PURE__ */ React227.createElement(
+    /* @__PURE__ */ React228.createElement(Box, { height: "full" }, /* @__PURE__ */ React228.createElement(
       AsyncImage,
       {
         alt: chainItem.name,
@@ -36648,7 +36718,7 @@ function ChainLineItem({
         testId: `chain-option-${chainId}-icon`
       }
     )),
-    !hideChainName ? /* @__PURE__ */ React227.createElement("div", null, chainItem.name) : null
+    !hideChainName ? /* @__PURE__ */ React228.createElement("div", null, chainItem.name) : null
   );
 }
 var Chain = ({
@@ -36663,14 +36733,14 @@ var Chain = ({
   const mobile = isMobile11();
   const funkitConnectChains = useFunkitConnectChains();
   const isCurrentChain = currentChainId === chainId && !isLoading;
-  return /* @__PURE__ */ React227.createElement(Fragment, null, /* @__PURE__ */ React227.createElement(
+  return /* @__PURE__ */ React228.createElement(Fragment, null, /* @__PURE__ */ React228.createElement(
     MenuButton,
     {
       currentlySelected: isCurrentChain,
       onClick: isCurrentChain ? void 0 : () => switchChain({ chainId }),
       testId: `chain-option-${chainId}`
     },
-    /* @__PURE__ */ React227.createElement(Box, { fontFamily: "body", fontSize: "16", fontWeight: "bold" }, /* @__PURE__ */ React227.createElement(
+    /* @__PURE__ */ React228.createElement(Box, { fontFamily: "body", fontSize: "16", fontWeight: "bold" }, /* @__PURE__ */ React228.createElement(
       Box,
       {
         alignItems: "center",
@@ -36678,8 +36748,8 @@ var Chain = ({
         flexDirection: "row",
         justifyContent: "space-between"
       },
-      /* @__PURE__ */ React227.createElement(ChainLineItem, { chainId, chainIconSize }),
-      isCurrentChain && /* @__PURE__ */ React227.createElement(
+      /* @__PURE__ */ React228.createElement(ChainLineItem, { chainId, chainIconSize }),
+      isCurrentChain && /* @__PURE__ */ React228.createElement(
         Box,
         {
           alignItems: "center",
@@ -36687,10 +36757,10 @@ var Chain = ({
           flexDirection: "row",
           marginRight: "6"
         },
-        /* @__PURE__ */ React227.createElement(Text, { color: "accentColorForeground", size: "14", weight: "medium" }, t("common.connected")),
-        /* @__PURE__ */ React227.createElement(FunDot, null)
+        /* @__PURE__ */ React228.createElement(Text, { color: "accentColorForeground", size: "14", weight: "medium" }, t("common.connected")),
+        /* @__PURE__ */ React228.createElement(FunDot, null)
       ),
-      isLoading && /* @__PURE__ */ React227.createElement(
+      isLoading && /* @__PURE__ */ React228.createElement(
         Box,
         {
           alignItems: "center",
@@ -36698,8 +36768,8 @@ var Chain = ({
           flexDirection: "row",
           marginRight: "6"
         },
-        /* @__PURE__ */ React227.createElement(Text, { color: "primaryText", size: "14", weight: "medium" }, t("common.confirmInWallet")),
-        /* @__PURE__ */ React227.createElement(
+        /* @__PURE__ */ React228.createElement(Text, { color: "primaryText", size: "14", weight: "medium" }, t("common.confirmInWallet")),
+        /* @__PURE__ */ React228.createElement(
           Box,
           {
             background: "standby",
@@ -36711,7 +36781,7 @@ var Chain = ({
         )
       )
     ))
-  ), mobile && idx < funkitConnectChains.length - 1 && /* @__PURE__ */ React227.createElement(Box, { background: "generalBorderDim", height: "1", marginX: "8" }));
+  ), mobile && idx < funkitConnectChains.length - 1 && /* @__PURE__ */ React228.createElement(Box, { background: "generalBorderDim", height: "1", marginX: "8" }));
 };
 var Chain_default = Chain;
@@ -36736,7 +36806,7 @@ function ChainModal({ onClose, open }) {
   if (!chainId) {
     return null;
   }
-  return /* @__PURE__ */ React228.createElement(
+  return /* @__PURE__ */ React229.createElement(
     Dialog,
     {
       onClose,
@@ -36744,15 +36814,15 @@ function ChainModal({ onClose, open }) {
       titleId,
       isSmartCloseable: true
     },
-    /* @__PURE__ */ React228.createElement(Dialog.Content, { paddingTop: "18" }, /* @__PURE__ */ React228.createElement(Box, { display: "flex", flexDirection: "column", gap: "14" }, /* @__PURE__ */ React228.createElement(
+    /* @__PURE__ */ React229.createElement(Dialog.Content, { paddingTop: "18" }, /* @__PURE__ */ React229.createElement(Box, { display: "flex", flexDirection: "column", gap: "14" }, /* @__PURE__ */ React229.createElement(
       Box,
       {
         display: "flex",
         flexDirection: "row",
         justifyContent: "space-between"
       },
-      mobile && /* @__PURE__ */ React228.createElement(Box, { width: "30" }),
-      /* @__PURE__ */ React228.createElement(Box, { paddingBottom: "0", paddingLeft: "8", paddingTop: "4" }, /* @__PURE__ */ React228.createElement(
+      mobile && /* @__PURE__ */ React229.createElement(Box, { width: "30" }),
+      /* @__PURE__ */ React229.createElement(Box, { paddingBottom: "0", paddingLeft: "8", paddingTop: "4" }, /* @__PURE__ */ React229.createElement(
         Text,
         {
           as: "h1",
@@ -36763,8 +36833,8 @@ function ChainModal({ onClose, open }) {
         },
         t("chainModal.switchNetworks")
       )),
-      /* @__PURE__ */ React228.createElement(CloseButton, { onClose })
-    ), !isCurrentChainSupported && /* @__PURE__ */ React228.createElement(Box, { marginX: "8", textAlign: mobile ? "center" : "left" }, /* @__PURE__ */ React228.createElement(Text, { color: "tertiaryText", size: "14", weight: "medium" }, t("chainModal.wrongNetworkDetected"))), /* @__PURE__ */ React228.createElement(
+      /* @__PURE__ */ React229.createElement(CloseButton, { onClose })
+    ), !isCurrentChainSupported && /* @__PURE__ */ React229.createElement(Box, { marginX: "8", textAlign: mobile ? "center" : "left" }, /* @__PURE__ */ React229.createElement(Text, { color: "tertiaryText", size: "14", weight: "medium" }, t("chainModal.wrongNetworkDetected"))), /* @__PURE__ */ React229.createElement(
       Box,
       {
         className: mobile ? MobileScrollClassName : DesktopScrollClassName,
@@ -36775,7 +36845,7 @@ function ChainModal({ onClose, open }) {
         paddingBottom: "16"
       },
       funkitConnectChains.map(({ id }, idx) => {
-        return /* @__PURE__ */ React228.createElement(
+        return /* @__PURE__ */ React229.createElement(
           Chain_default,
           {
             key: id,
@@ -36788,13 +36858,13 @@ function ChainModal({ onClose, open }) {
           }
         );
       }),
-      !isCurrentChainSupported && /* @__PURE__ */ React228.createElement(React228.Fragment, null, /* @__PURE__ */ React228.createElement(Box, { background: "generalBorderDim", height: "1", marginX: "8" }), /* @__PURE__ */ React228.createElement(
+      !isCurrentChainSupported && /* @__PURE__ */ React229.createElement(React229.Fragment, null, /* @__PURE__ */ React229.createElement(Box, { background: "generalBorderDim", height: "1", marginX: "8" }), /* @__PURE__ */ React229.createElement(
         MenuButton,
         {
           onClick: () => handleLogout(),
           testId: "chain-option-disconnect"
         },
-        /* @__PURE__ */ React228.createElement(
+        /* @__PURE__ */ React229.createElement(
           Box,
           {
             color: "error",
@@ -36802,7 +36872,7 @@ function ChainModal({ onClose, open }) {
             fontSize: "16",
             fontWeight: "bold"
           },
-          /* @__PURE__ */ React228.createElement(
+          /* @__PURE__ */ React229.createElement(
             Box,
             {
               alignItems: "center",
@@ -36810,7 +36880,7 @@ function ChainModal({ onClose, open }) {
               flexDirection: "row",
               justifyContent: "space-between"
             },
-            /* @__PURE__ */ React228.createElement(
+            /* @__PURE__ */ React229.createElement(
               Box,
               {
                 alignItems: "center",
@@ -36819,7 +36889,7 @@ function ChainModal({ onClose, open }) {
                 gap: "4",
                 height: chainIconSize
               },
-              /* @__PURE__ */ React228.createElement(
+              /* @__PURE__ */ React229.createElement(
                 Box,
                 {
                   alignItems: "center",
@@ -36828,9 +36898,9 @@ function ChainModal({ onClose, open }) {
                   justifyContent: "center",
                   marginRight: "8"
                 },
-                /* @__PURE__ */ React228.createElement(DisconnectSqIcon, { size: Number(chainIconSize) })
+                /* @__PURE__ */ React229.createElement(DisconnectSqIcon, { size: Number(chainIconSize) })
               ),
-              /* @__PURE__ */ React228.createElement("div", null, t("chainModal.disconnect"))
+              /* @__PURE__ */ React229.createElement("div", null, t("chainModal.disconnect"))
             )
           )
         )
@@ -36842,13 +36912,13 @@ 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 React236, { useRef as useRef30 } from "react";
+import React237, { useRef as useRef30 } from "react";
 // src/components/FunConnectOptions/FunConnectOptions.tsx
-import React234, { useCallback as useCallback48, useMemo as useMemo49, useState as useState73 } from "react";
+import React235, { useCallback as useCallback48, useMemo as useMemo49, useState as useState73 } from "react";
 // src/components/FunConnectOptions/FunConnectResultStep.tsx
-import React229, { useEffect as useEffect56 } from "react";
+import React230, { useEffect as useEffect56 } from "react";
 var AUTO_CLOSE = 2e3;
 var messageMap = (hasQrCode) => ({
   error: {
@@ -36876,7 +36946,7 @@ var FunConnectResultStep = ({
   }, [onClose, hasAutoclose]);
   const hasQrCode = wallet?.qrCode && qrCodeUri;
   const message = messageMap(!!hasQrCode)[type];
-  return /* @__PURE__ */ React229.createElement(Box, { display: "flex", flexDirection: "column", gap: "24" }, /* @__PURE__ */ React229.createElement(Box, { display: "flex", flexDirection: "column", alignItems: "center", gap: "12" }, hasQrCode && type === "error" ? /* @__PURE__ */ React229.createElement(
+  return /* @__PURE__ */ React230.createElement(Box, { display: "flex", flexDirection: "column", gap: "24" }, /* @__PURE__ */ React230.createElement(Box, { display: "flex", flexDirection: "column", alignItems: "center", gap: "12" }, hasQrCode && type === "error" ? /* @__PURE__ */ React230.createElement(
     Box,
     {
       alignItems: "center",
@@ -36885,7 +36955,7 @@ var FunConnectResultStep = ({
       justifyContent: "center",
       flexDirection: "column"
     },
-    /* @__PURE__ */ React229.createElement(
+    /* @__PURE__ */ React230.createElement(
       QRCode,
       {
         logoBackground: wallet.iconBackground,
@@ -36895,7 +36965,7 @@ var FunConnectResultStep = ({
         uri: qrCodeUri
       }
     )
-  ) : /* @__PURE__ */ React229.createElement(
+  ) : /* @__PURE__ */ React230.createElement(
     Box,
     {
       padding: "30",
@@ -36904,7 +36974,7 @@ var FunConnectResultStep = ({
       borderStyle: "solid",
       borderColor: type === "success" ? "buttonSuccess" : "buttonWarning"
     },
-    wallet && /* @__PURE__ */ React229.createElement(Box, { style: { width: 40, height: 40 } }, /* @__PURE__ */ React229.createElement(
+    wallet && /* @__PURE__ */ React230.createElement(Box, { style: { width: 40, height: 40 } }, /* @__PURE__ */ React230.createElement(
       AsyncImage,
       {
         background: wallet.iconBackground,
@@ -36914,12 +36984,12 @@ var FunConnectResultStep = ({
         height: 40
       }
     ))
-  ), /* @__PURE__ */ React229.createElement(FunMessage, { title: message.title, description: message.description })));
+  ), /* @__PURE__ */ React230.createElement(FunMessage, { title: message.title, description: message.description })));
 };
 // src/components/FunConnectOptions/FunSignInStep.tsx
 import { isMobile as isMobile13, isSafari as isSafari2, redirectInMobile } from "@funkit/utils";
-import React231, { useState as useState72 } from "react";
+import React232, { useState as useState72 } from "react";
 // src/wallets/latestWalletId.ts
 var storageKey6 = "fkc-latest-id";
@@ -36928,7 +36998,7 @@ function addLatestWalletId(walletId) {
 }
 // src/components/ModalSelection/ModalSelection.tsx
-import React230, { useState as useState71 } from "react";
+import React231, { useState as useState71 } from "react";
 var ModalSelection = ({
   as = "button",
   currentlySelected = false,
@@ -36945,7 +37015,7 @@ var ModalSelection = ({
 }) => {
   const [isMouseOver, setIsMouseOver] = useState71(false);
   const { t } = useFunkitTranslation();
-  return /* @__PURE__ */ React230.createElement(
+  return /* @__PURE__ */ React231.createElement(
     Box,
     {
       display: "flex",
@@ -36953,7 +37023,7 @@ var ModalSelection = ({
       onMouseEnter: () => setIsMouseOver(true),
       onMouseLeave: () => setIsMouseOver(false)
     },
-    /* @__PURE__ */ React230.createElement(
+    /* @__PURE__ */ React231.createElement(
       Box,
       {
         as,
@@ -36977,7 +37047,7 @@ var ModalSelection = ({
         width: "full",
         ...urlProps
       },
-      /* @__PURE__ */ React230.createElement(
+      /* @__PURE__ */ React231.createElement(
         Box,
         {
           color: currentlySelected ? "accentColorForeground" : "primaryText",
@@ -36987,7 +37057,7 @@ var ModalSelection = ({
           fontWeight: "medium",
           transition: "default"
         },
-        /* @__PURE__ */ React230.createElement(Box, { alignItems: "center", display: "flex", flexDirection: "row", gap: "12" }, icon ? icon : /* @__PURE__ */ React230.createElement(
+        /* @__PURE__ */ React231.createElement(Box, { alignItems: "center", display: "flex", flexDirection: "row", gap: "12" }, icon ? icon : /* @__PURE__ */ React231.createElement(
           AsyncImage,
           {
             background: iconBackground,
@@ -36998,7 +37068,7 @@ var ModalSelection = ({
             src: iconUrl,
             width: "18"
           }
-        ), /* @__PURE__ */ React230.createElement(
+        ), /* @__PURE__ */ React231.createElement(
           Box,
           {
             display: "flex",
@@ -37006,8 +37076,8 @@ var ModalSelection = ({
             style: { flex: 1 },
             alignItems: "center"
           },
-          /* @__PURE__ */ React230.createElement(Box, { maxWidth: "200" }, name),
-          recent && /* @__PURE__ */ React230.createElement(
+          /* @__PURE__ */ React231.createElement(Box, { maxWidth: "200" }, name),
+          recent && /* @__PURE__ */ React231.createElement(
             FunBadge,
             {
               borderRadius: "smallBadge",
@@ -37096,8 +37166,8 @@ function FunSignInStep({
     }
   };
   const makeWeb3LoginSection = () => {
-    return /* @__PURE__ */ React231.createElement(Box, { display: "flex", flexDirection: "column", gap: "10" }, wallets.map((wallet) => {
-      return /* @__PURE__ */ React231.createElement(
+    return /* @__PURE__ */ React232.createElement(Box, { display: "flex", flexDirection: "column", gap: "10" }, wallets.map((wallet) => {
+      return /* @__PURE__ */ React232.createElement(
         ModalSelection,
         {
           currentlySelected: wallet.id === selectedOptionId,
@@ -37114,14 +37184,14 @@ function FunSignInStep({
     }));
   };
   const Web3LoginSection = makeWeb3LoginSection();
-  return /* @__PURE__ */ React231.createElement(Box, { display: "flex", flexDirection: "column", gap: "24" }, Web3LoginSection);
+  return /* @__PURE__ */ React232.createElement(Box, { display: "flex", flexDirection: "column", gap: "24" }, Web3LoginSection);
 }
 // src/components/FunConnectOptions/FunWeb3ConnectingStep.tsx
-import React233 from "react";
+import React234 from "react";
 // src/components/GradientLoader/GradientLoader.tsx
-import React232 from "react";
+import React233 from "react";
 // src/components/GradientLoader/GradientLoader.css.ts
 var loader = "m17uwo1";
@@ -37131,7 +37201,7 @@ var GradientLoader = ({
   height = "100",
   width = "100"
 }) => {
-  return /* @__PURE__ */ React232.createElement(
+  return /* @__PURE__ */ React233.createElement(
     Box,
     {
       className: loader,
@@ -37152,7 +37222,7 @@ var FunWeb3ConnectingStep = ({ selectedWallet, qrCodeUri }) => {
   }
   const { iconBackground, iconUrl, name, qrCode, ready } = selectedWallet;
   const hasQrCode = qrCode && qrCodeUri;
-  const waitingMessage = /* @__PURE__ */ React233.createElement(
+  const waitingMessage = /* @__PURE__ */ React234.createElement(
     FunMessage,
     {
       title: `Waiting for ${hasQrCode ? "connection" : name}`,
@@ -37160,7 +37230,7 @@ var FunWeb3ConnectingStep = ({ selectedWallet, qrCodeUri }) => {
       id: "link-text"
     }
   );
-  return /* @__PURE__ */ React233.createElement(Box, { display: "flex", flexDirection: "column", gap: "24" }, hasQrCode ? /* @__PURE__ */ React233.createElement(
+  return /* @__PURE__ */ React234.createElement(Box, { display: "flex", flexDirection: "column", gap: "24" }, hasQrCode ? /* @__PURE__ */ React234.createElement(
     Box,
     {
       alignItems: "center",
@@ -37170,7 +37240,7 @@ var FunWeb3ConnectingStep = ({ selectedWallet, qrCodeUri }) => {
       gap: "12",
       flexDirection: "column"
     },
-    /* @__PURE__ */ React233.createElement(
+    /* @__PURE__ */ React234.createElement(
       QRCode,
       {
         logoBackground: iconBackground,
@@ -37181,7 +37251,7 @@ var FunWeb3ConnectingStep = ({ selectedWallet, qrCodeUri }) => {
       }
     ),
     waitingMessage
-  ) : /* @__PURE__ */ React233.createElement(
+  ) : /* @__PURE__ */ React234.createElement(
     Box,
     {
       alignItems: "center",
@@ -37190,7 +37260,7 @@ var FunWeb3ConnectingStep = ({ selectedWallet, qrCodeUri }) => {
       flexDirection: "column",
       gap: "12"
     },
-    ready && /* @__PURE__ */ React233.createElement(React233.Fragment, null, /* @__PURE__ */ React233.createElement(Box, { id: "link-graphics", padding: "30", position: "relative" }, /* @__PURE__ */ React233.createElement(Box, { position: "absolute", style: { top: 0, left: 0 } }, /* @__PURE__ */ React233.createElement(GradientLoader, null)), /* @__PURE__ */ React233.createElement(Box, { style: { width: 40, height: 40 } }, /* @__PURE__ */ React233.createElement(
+    ready && /* @__PURE__ */ React234.createElement(React234.Fragment, null, /* @__PURE__ */ React234.createElement(Box, { id: "link-graphics", padding: "30", position: "relative" }, /* @__PURE__ */ React234.createElement(Box, { position: "absolute", style: { top: 0, left: 0 } }, /* @__PURE__ */ React234.createElement(GradientLoader, null)), /* @__PURE__ */ React234.createElement(Box, { style: { width: 40, height: 40 } }, /* @__PURE__ */ React234.createElement(
       AsyncImage,
       {
         background: iconBackground,
@@ -37290,7 +37360,7 @@ function FunConnectOptions({
   const stepComponent = useMemo49(() => {
     switch (step) {
       case 0 /* SIGNIN_PRIMARY */:
-        return /* @__PURE__ */ React234.createElement(
+        return /* @__PURE__ */ React235.createElement(
           FunSignInStep,
           {
             signInStep: step,
@@ -37302,7 +37372,7 @@ function FunConnectOptions({
           }
         );
       case 1 /* PENDING_WALLET */:
-        return /* @__PURE__ */ React234.createElement(
+        return /* @__PURE__ */ React235.createElement(
           FunWeb3ConnectingStep,
           {
             selectedWallet,
@@ -37310,7 +37380,7 @@ function FunConnectOptions({
           }
         );
       case 2 /* ERROR_WEB3 */:
-        return /* @__PURE__ */ React234.createElement(
+        return /* @__PURE__ */ React235.createElement(
           FunConnectResultStep,
           {
             onClose,
@@ -37321,7 +37391,7 @@ function FunConnectOptions({
         );
     }
   }, [connectToWallet, navigateTo, onClose, qrCodeUri, selectedWallet, step]);
-  return /* @__PURE__ */ React234.createElement(React234.Fragment, null, /* @__PURE__ */ React234.createElement(Dialog.Title, { onClose, ...navigationConfig[step] }), /* @__PURE__ */ React234.createElement(
+  return /* @__PURE__ */ React235.createElement(React235.Fragment, null, /* @__PURE__ */ React235.createElement(Dialog.Title, { onClose, ...navigationConfig[step] }), /* @__PURE__ */ React235.createElement(
     Dialog.Content,
     {
       display: "flex",
@@ -37333,11 +37403,11 @@ function FunConnectOptions({
       withBottomDivider: actionConfig[step] ? "always" : "never"
     },
     stepComponent
-  ), /* @__PURE__ */ React234.createElement(Dialog.BottomSection, { id: MODAL_BOTTOM_BAR_IDS.connectwallet }, actionConfig[step] && /* @__PURE__ */ React234.createElement(Dialog.BottomBar, { ...actionConfig[step] })));
+  ), /* @__PURE__ */ React235.createElement(Dialog.BottomSection, { id: MODAL_BOTTOM_BAR_IDS.connectwallet }, actionConfig[step] && /* @__PURE__ */ React235.createElement(Dialog.BottomBar, { ...actionConfig[step] })));
 }
 // src/components/FunCheckoutBlocked/FunCheckoutBlocked.tsx
-import React235 from "react";
+import React236 from "react";
 import { Trans as Trans13 } from "react-i18next";
 // src/components/FunCheckoutBlocked/FunCheckoutBlocked.css.ts
@@ -37348,13 +37418,13 @@ var FunCheckoutBlocked = ({ reason }) => {
   const { t } = useFunkitTranslation();
   const blockedReasonToDescription = {
     geoblock: t("funCheckoutBlocked.geoblock", { orgName: FUN_ORG_NAME }),
-    security: /* @__PURE__ */ React235.createElement(
+    security: /* @__PURE__ */ React236.createElement(
       Trans13,
       {
         t,
         i18nKey: "funCheckoutBlocked.security",
         components: {
-          ContactSupportLink: /* @__PURE__ */ React235.createElement(ContactSupportLink, { size: "10" })
+          ContactSupportLink: /* @__PURE__ */ React236.createElement(ContactSupportLink, { size: "10" })
         },
         values: {
           orgName: FUN_ORG_NAME
@@ -37364,10 +37434,10 @@ var FunCheckoutBlocked = ({ reason }) => {
     unloggedin: t("funCheckoutBlocked.unloggedin", { orgName: FUN_ORG_NAME })
   };
   const description = blockedReasonToDescription[reason];
-  return /* @__PURE__ */ React235.createElement(Box, { className: funCheckoutBlockedStyle }, /* @__PURE__ */ React235.createElement(
+  return /* @__PURE__ */ React236.createElement(Box, { className: funCheckoutBlockedStyle }, /* @__PURE__ */ React236.createElement(
     FunAlert,
     {
-      icon: /* @__PURE__ */ React235.createElement(FunInfoIcon, null),
+      icon: /* @__PURE__ */ React236.createElement(FunInfoIcon, null),
       description,
       verticalAlignment: "top"
     }
@@ -37398,9 +37468,14 @@ var ALWAYS_SHOW_BOTTOM_DIVIDER_STEPS = [
   "direct_execution_notif_center" /* DIRECT_EXECUTION_NOTIF_CENTER */,
   "brokerage_two_fa" /* BROKERAGE_TWO_FA */
 ];
+function useCheckoutModalQueryPreload() {
+  const { isUserLoggedIn } = useGeneralWallet();
+  useAllowedAssets({ enabled: isUserLoggedIn });
+}
 function FunCheckoutModalStepComponent(props) {
+  useCheckoutModalQueryPreload();
   const { Component: Component2 } = CheckoutModalSteps[props.modalState.step];
-  return /* @__PURE__ */ React236.createElement(Component2, { ...props });
+  return /* @__PURE__ */ React237.createElement(Component2, { ...props });
 }
 function FunCheckoutModalInner({
   checkoutItem,
@@ -37470,7 +37545,7 @@ function FunCheckoutModalInner({
     isActiveCheckout: true,
     isCheckoutDetailView: modalState.step === "checkout_complete" /* CHECKOUT_COMPLETE */,
     paddingTop: 0,
-    topbar: /* @__PURE__ */ React236.createElement(
+    topbar: /* @__PURE__ */ React237.createElement(
       Dialog.Title,
       {
         hasBackButton: hasBack && !isBlocked,
@@ -37485,7 +37560,7 @@ function FunCheckoutModalInner({
     scrollableContent: CHECKOUT_DIALOG_CONTENT_ID
   });
   const showBottomDivider = NEVER_SHOW_BOTTOM_DIVIDER_STEPS.includes(modalState.step) || modalState.hideBottomDivider ? "never" : ALWAYS_SHOW_BOTTOM_DIVIDER_STEPS.includes(modalState.step) ? "always" : "scroll";
-  return /* @__PURE__ */ React236.createElement(
+  return /* @__PURE__ */ React237.createElement(
     Dialog,
     {
       open,
@@ -37496,7 +37571,7 @@ function FunCheckoutModalInner({
       withoutBottomPadding: modalState.step === "meld_currency_select" /* MELD_CURRENCY_SELECT */,
       testId: "checkout-modal"
     },
-    /* @__PURE__ */ React236.createElement(TooltipAnchorRefContext.Provider, { value: tooltipAnchorRef }, /* @__PURE__ */ React236.createElement(FunCheckoutModalHeightAnimationWrapper, { checkoutStep: modalState.step }, modalState.showWalletOptions && /* @__PURE__ */ React236.createElement(
+    /* @__PURE__ */ React237.createElement(TooltipAnchorRefContext.Provider, { value: tooltipAnchorRef }, /* @__PURE__ */ React237.createElement(FunCheckoutModalHeightAnimationWrapper, { checkoutStep: modalState.step }, modalState.showWalletOptions && /* @__PURE__ */ React237.createElement(
       FunConnectOptions,
       {
         initialScreenOnBack: () => setModalState((state) => ({
@@ -37512,7 +37587,7 @@ function FunCheckoutModalInner({
         },
         walletsOnly: true
       }
-    ), !modalState.showWalletOptions && topbar, /* @__PURE__ */ React236.createElement(
+    ), !modalState.showWalletOptions && topbar, /* @__PURE__ */ React237.createElement(
       Dialog.Content,
       {
         fullHeight: showFullHeight,
@@ -37523,20 +37598,20 @@ function FunCheckoutModalInner({
         withBottomDivider: showBottomDivider,
         id: CHECKOUT_DIALOG_CONTENT_ID
       },
-      isBlocked ? /* @__PURE__ */ React236.createElement(
+      isBlocked ? /* @__PURE__ */ React237.createElement(
         FunCheckoutBlocked,
         {
           reason: !isUserLoggedIn ? "unloggedin" : isUserGeoblocked ? "geoblock" : "security"
         }
-      ) : /* @__PURE__ */ React236.createElement(FunCheckoutModalStepComponent, { ...modalProps }),
-      /* @__PURE__ */ React236.createElement("div", { ref: tooltipAnchorRef })
-    ), /* @__PURE__ */ React236.createElement(
+      ) : /* @__PURE__ */ React237.createElement(FunCheckoutModalStepComponent, { ...modalProps }),
+      /* @__PURE__ */ React237.createElement("div", { ref: tooltipAnchorRef })
+    ), /* @__PURE__ */ React237.createElement(
       Dialog.BottomSection,
       {
         id: MODAL_BOTTOM_BAR_IDS.checkout,
         display: modalState.showWalletOptions ? "none" : "block"
       }
-    ), !isBlocked && /* @__PURE__ */ React236.createElement(
+    ), !isBlocked && /* @__PURE__ */ React237.createElement(
       CheckoutNotifications,
       {
         onHelp: handleCheckoutHelp,
@@ -37555,7 +37630,7 @@ function FunCheckoutModal({
   if (!checkoutItem) {
     return null;
   }
-  return /* @__PURE__ */ React236.createElement(
+  return /* @__PURE__ */ React237.createElement(
     FunCheckoutModalInner,
     {
       checkoutItem,
@@ -37575,21 +37650,21 @@ var hideModalTitleMetaIfTrue = (checkoutConfig, hideModalMeta) => {
 };
 // src/modals/ConnectModal/ConnectModal.tsx
-import React237 from "react";
+import React238 from "react";
 import { useAccount as useAccount9 } from "wagmi";
 var TITLE_ID2 = "rk-connect-modal-title";
 function ConnectModal({ onClose, open }) {
   const connectionStatus = useConnectionStatus();
   const { disconnect } = useFunkitDisconnect();
   const { isConnecting } = useAccount9();
-  const onConnectModalCancel = React237.useCallback(() => {
+  const onConnectModalCancel = React238.useCallback(() => {
     if (isConnecting) {
       disconnect();
     }
     onClose();
   }, [onClose, disconnect, isConnecting]);
   if (connectionStatus === "disconnected" || connectionStatus === "loading") {
-    return /* @__PURE__ */ React237.createElement(
+    return /* @__PURE__ */ React238.createElement(
       Dialog,
       {
         onClose: onConnectModalCancel,
@@ -37597,7 +37672,7 @@ function ConnectModal({ onClose, open }) {
         titleId: TITLE_ID2,
         isSmartCloseable: true
       },
-      /* @__PURE__ */ React237.createElement(FunCheckoutModalHeightAnimationWrapper, null, /* @__PURE__ */ React237.createElement(FunConnectOptions, { onClose: onConnectModalCancel }))
+      /* @__PURE__ */ React238.createElement(FunCheckoutModalHeightAnimationWrapper, null, /* @__PURE__ */ React238.createElement(FunConnectOptions, { onClose: onConnectModalCancel }))
     );
   }
   return null;
@@ -37714,7 +37789,7 @@ function ModalProvider({ children }) {
       closeModals();
     }
   }, [isUnauthenticated]);
-  return /* @__PURE__ */ React238.createElement(
+  return /* @__PURE__ */ React239.createElement(
     ModalContext.Provider,
     {
       value: useMemo50(
@@ -37760,8 +37835,8 @@ function ModalProvider({ children }) {
       )
     },
     children,
-    /* @__PURE__ */ React238.createElement(ConnectModal, { onClose: closeConnectModal, open: connectModalOpen }),
-    /* @__PURE__ */ React238.createElement(
+    /* @__PURE__ */ React239.createElement(ConnectModal, { onClose: closeConnectModal, open: connectModalOpen }),
+    /* @__PURE__ */ React239.createElement(
       AccountModal,
       {
         onClose: closeAccountModal,
@@ -37769,8 +37844,8 @@ function ModalProvider({ children }) {
         defaultTab: accountModalTab
       }
     ),
-    /* @__PURE__ */ React238.createElement(ChainModal, { onClose: closeChainModal, open: chainModalOpen }),
-    /* @__PURE__ */ React238.createElement(
+    /* @__PURE__ */ React239.createElement(ChainModal, { onClose: closeChainModal, open: chainModalOpen }),
+    /* @__PURE__ */ React239.createElement(
       FunCheckoutModal,
       {
         onClose: closeFunCheckoutModal,
@@ -37779,7 +37854,7 @@ function ModalProvider({ children }) {
         key: softHiddenCheckoutId ?? funCheckoutModalId
       }
     ),
-    withdrawalModalConfig && /* @__PURE__ */ React238.createElement(
+    withdrawalModalConfig && /* @__PURE__ */ React239.createElement(
       WithdrawalModal,
       {
         onClose: closeWithdrawalModal,
@@ -38433,7 +38508,7 @@ function FunkitCheckoutProvider({ children }) {
     applyDynamicRouting,
     updateDynamicRoutingId
   };
-  return /* @__PURE__ */ React239.createElement(FunkitCheckoutContext.Provider, { value: contextValue }, children);
+  return /* @__PURE__ */ React240.createElement(FunkitCheckoutContext.Provider, { value: contextValue }, children);
 }
 function useCheckoutContext() {
   return useContext19(FunkitCheckoutContext);
@@ -39209,7 +39284,7 @@ function ConnectButtonRenderer({
   const { openChainModal } = useChainModal();
   const { openAccountModal } = useAccountModal();
   const { accountModalOpen, chainModalOpen, connectModalOpen } = useModalState();
-  return /* @__PURE__ */ React240.createElement(React240.Fragment, null, children({
+  return /* @__PURE__ */ React241.createElement(React241.Fragment, null, children({
     account: address ? {
       address,
       balanceDecimals: balanceData?.decimals,
@@ -39266,7 +39341,7 @@ function ChainSelectorButton({
   chain
 }) {
   const { t } = useFunkitTranslation();
-  return /* @__PURE__ */ React241.createElement(
+  return /* @__PURE__ */ React242.createElement(
     Box,
     {
       alignItems: "center",
@@ -39294,7 +39369,7 @@ function ChainSelectorButton({
       type: "button",
       ...connectButtonStyles
     },
-    unsupportedChain ? /* @__PURE__ */ React241.createElement(Box, { alignItems: "center", display: "flex", height: "24", paddingX: "4" }, t("chainModal.wrongNetwork")) : /* @__PURE__ */ React241.createElement(Box, { alignItems: "center", display: "flex", gap: "6" }, chain.hasIcon ? /* @__PURE__ */ React241.createElement(
+    unsupportedChain ? /* @__PURE__ */ React242.createElement(Box, { alignItems: "center", display: "flex", height: "24", paddingX: "4" }, t("chainModal.wrongNetwork")) : /* @__PURE__ */ React242.createElement(Box, { alignItems: "center", display: "flex", gap: "6" }, chain.hasIcon ? /* @__PURE__ */ React242.createElement(
       Box,
       {
         display: mapResponsiveValue(
@@ -39304,7 +39379,7 @@ function ChainSelectorButton({
         height: "12",
         width: "12"
       },
-      /* @__PURE__ */ React241.createElement(
+      /* @__PURE__ */ React242.createElement(
         AsyncImage,
         {
           alt: chain.name ?? "Chain icon",
@@ -39315,7 +39390,7 @@ function ChainSelectorButton({
           src: chain.iconUrl
         }
       )
-    ) : null, /* @__PURE__ */ React241.createElement(
+    ) : null, /* @__PURE__ */ React242.createElement(
       Box,
       {
         display: mapResponsiveValue(chainStatus, (value) => {
@@ -39335,7 +39410,7 @@ function AccountButton({
   showBalance,
   accountStatus
 }) {
-  return /* @__PURE__ */ React241.createElement(
+  return /* @__PURE__ */ React242.createElement(
     Box,
     {
       alignItems: "center",
@@ -39355,7 +39430,7 @@ function AccountButton({
       gap: "16",
       ...connectButtonStyles
     },
-    account.displayBalance && /* @__PURE__ */ React241.createElement(
+    account.displayBalance && /* @__PURE__ */ React242.createElement(
       Box,
       {
         display: mapResponsiveValue(
@@ -39365,7 +39440,7 @@ function AccountButton({
       },
       account.displayBalance
     ),
-    /* @__PURE__ */ React241.createElement(Box, { alignItems: "center", display: "flex", gap: "6" }, /* @__PURE__ */ React241.createElement(
+    /* @__PURE__ */ React242.createElement(Box, { alignItems: "center", display: "flex", gap: "6" }, /* @__PURE__ */ React242.createElement(
       Box,
       {
         display: mapResponsiveValue(
@@ -39373,7 +39448,7 @@ function AccountButton({
           (value) => value === "full" || value === "avatar" ? "block" : "none"
         )
       },
-      /* @__PURE__ */ React241.createElement(
+      /* @__PURE__ */ React242.createElement(
         Avatar,
         {
           address: account.address,
@@ -39382,7 +39457,7 @@ function AccountButton({
           size: 12
         }
       )
-    ), /* @__PURE__ */ React241.createElement(
+    ), /* @__PURE__ */ React242.createElement(
       Box,
       {
         display: mapResponsiveValue(
@@ -39415,7 +39490,7 @@ function ConnectButton({
       setReady(true);
     }
   }, [showBalance, setShowBalance, ready]);
-  return ready ? /* @__PURE__ */ React241.createElement(ConnectButtonRenderer, null, ({
+  return ready ? /* @__PURE__ */ React242.createElement(ConnectButtonRenderer, null, ({
     account,
     chain,
     mounted,
@@ -39425,7 +39500,7 @@ function ConnectButton({
   }) => {
     const ready2 = mounted && connectionStatus !== "loading";
     const unsupportedChain = chain?.unsupported ?? false;
-    return /* @__PURE__ */ React241.createElement(
+    return /* @__PURE__ */ React242.createElement(
       Box,
       {
         display: "flex",
@@ -39441,7 +39516,7 @@ function ConnectButton({
       },
       ready2 && account && connectionStatus === "connected" ? (
         // Logged in: Chain Button & Account Button
-        /* @__PURE__ */ React241.createElement(React241.Fragment, null, showChainSelector && chain && (chains.length > 1 || unsupportedChain) && /* @__PURE__ */ React241.createElement(
+        /* @__PURE__ */ React242.createElement(React242.Fragment, null, showChainSelector && chain && (chains.length > 1 || unsupportedChain) && /* @__PURE__ */ React242.createElement(
           ChainSelectorButton,
           {
             unsupportedChain,
@@ -39449,7 +39524,7 @@ function ConnectButton({
             openChainModal,
             chain
           }
-        ), !unsupportedChain && /* @__PURE__ */ React241.createElement(
+        ), !unsupportedChain && /* @__PURE__ */ React242.createElement(
           AccountButton,
           {
             openAccountModal,
@@ -39460,7 +39535,7 @@ function ConnectButton({
         ))
       ) : (
         // Not logged in: Connect Button
-        /* @__PURE__ */ React241.createElement(
+        /* @__PURE__ */ React242.createElement(
           Box,
           {
             as: "button",
@@ -39478,19 +39553,19 @@ function ConnectButton({
             type: "button",
             ...connectButtonStyles
           },
-          /* @__PURE__ */ React241.createElement(Box, { display: "flex", gap: "8", alignItems: "center" }, mounted && label, suffixIcon)
+          /* @__PURE__ */ React242.createElement(Box, { display: "flex", gap: "8", alignItems: "center" }, mounted && label, suffixIcon)
         )
       )
     );
-  }) : /* @__PURE__ */ React241.createElement(React241.Fragment, null);
+  }) : /* @__PURE__ */ React242.createElement(React242.Fragment, null);
 }
 ConnectButton.__defaultProps = defaultProps;
 ConnectButton.Custom = ConnectButtonRenderer;
 // src/components/Icons/FunkitPaymentsIconLine.tsx
-import React242 from "react";
+import React243 from "react";
 function MetaMaskPaymentIcon({ size = 16 }) {
-  return /* @__PURE__ */ React242.createElement(
+  return /* @__PURE__ */ React243.createElement(
     "svg",
     {
       width: size,
@@ -39499,7 +39574,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React242.createElement(
+    /* @__PURE__ */ React243.createElement(
       "path",
       {
         d: "M24.0891 3.1199L15.3446 9.61456L16.9617 5.7828L24.0891 3.1199Z",
@@ -39510,7 +39585,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React242.createElement(
+    /* @__PURE__ */ React243.createElement(
       "path",
       {
         d: "M3.90207 3.1199L12.5763 9.67608L11.0383 5.7828L3.90207 3.1199Z",
@@ -39521,7 +39596,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React242.createElement(
+    /* @__PURE__ */ React243.createElement(
       "path",
       {
         d: "M20.9429 18.1745L18.6139 21.7426L23.597 23.1136L25.0295 18.2536L20.9429 18.1745Z",
@@ -39532,7 +39607,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React242.createElement(
+    /* @__PURE__ */ React243.createElement(
       "path",
       {
         d: "M2.97929 18.2536L4.40301 23.1136L9.38607 21.7426L7.05713 18.1745L2.97929 18.2536Z",
@@ -39543,7 +39618,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React242.createElement(
+    /* @__PURE__ */ React243.createElement(
       "path",
       {
         d: "M9.10483 12.1456L7.71626 14.2461L12.6642 14.4658L12.4884 9.14877L9.10483 12.1456Z",
@@ -39554,7 +39629,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React242.createElement(
+    /* @__PURE__ */ React243.createElement(
       "path",
       {
         d: "M18.8864 12.1456L15.4589 9.08725L15.3446 14.4658L20.2837 14.2461L18.8864 12.1456Z",
@@ -39565,7 +39640,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React242.createElement(
+    /* @__PURE__ */ React243.createElement(
       "path",
       {
         d: "M9.38606 21.7426L12.3566 20.2925L9.79033 18.2888L9.38606 21.7426Z",
@@ -39576,7 +39651,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React242.createElement(
+    /* @__PURE__ */ React243.createElement(
       "path",
       {
         d: "M15.6347 20.2925L18.6139 21.7426L18.2009 18.2888L15.6347 20.2925Z",
@@ -39587,7 +39662,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React242.createElement(
+    /* @__PURE__ */ React243.createElement(
       "path",
       {
         d: "M18.6139 21.7426L15.6347 20.2925L15.8719 22.2348L15.8456 23.0521L18.6139 21.7426Z",
@@ -39598,7 +39673,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React242.createElement(
+    /* @__PURE__ */ React243.createElement(
       "path",
       {
         d: "M9.38606 21.7426L12.1544 23.0521L12.1368 22.2348L12.3566 20.2925L9.38606 21.7426Z",
@@ -39609,7 +39684,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React242.createElement(
+    /* @__PURE__ */ React243.createElement(
       "path",
       {
         d: "M12.1984 17.0056L9.72002 16.2762L11.4689 15.4765L12.1984 17.0056Z",
@@ -39620,7 +39695,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React242.createElement(
+    /* @__PURE__ */ React243.createElement(
       "path",
       {
         d: "M15.7928 17.0056L16.5223 15.4765L18.28 16.2762L15.7928 17.0056Z",
@@ -39631,7 +39706,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React242.createElement(
+    /* @__PURE__ */ React243.createElement(
       "path",
       {
         d: "M9.38606 21.7426L9.80791 18.1745L7.05712 18.2536L9.38606 21.7426Z",
@@ -39642,7 +39717,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React242.createElement(
+    /* @__PURE__ */ React243.createElement(
       "path",
       {
         d: "M18.1921 18.1745L18.6139 21.7426L20.9429 18.2536L18.1921 18.1745Z",
@@ -39653,7 +39728,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React242.createElement(
+    /* @__PURE__ */ React243.createElement(
       "path",
       {
         d: "M20.2837 14.2461L15.3446 14.4658L15.8016 17.0057L16.5311 15.4765L18.2888 16.2762L20.2837 14.2461Z",
@@ -39664,7 +39739,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React242.createElement(
+    /* @__PURE__ */ React243.createElement(
       "path",
       {
         d: "M9.72002 16.2762L11.4777 15.4765L12.1984 17.0057L12.6642 14.4658L7.71626 14.2461L9.72002 16.2762Z",
@@ -39675,7 +39750,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React242.createElement(
+    /* @__PURE__ */ React243.createElement(
       "path",
       {
         d: "M7.71626 14.2461L9.79033 18.2888L9.72002 16.2762L7.71626 14.2461Z",
@@ -39686,7 +39761,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React242.createElement(
+    /* @__PURE__ */ React243.createElement(
       "path",
       {
         d: "M18.2888 16.2762L18.2009 18.2888L20.2837 14.2461L18.2888 16.2762Z",
@@ -39697,7 +39772,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React242.createElement(
+    /* @__PURE__ */ React243.createElement(
       "path",
       {
         d: "M12.6642 14.4658L12.1984 17.0057L12.7784 20.0025L12.9102 16.0565L12.6642 14.4658Z",
@@ -39708,7 +39783,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React242.createElement(
+    /* @__PURE__ */ React243.createElement(
       "path",
       {
         d: "M15.3446 14.4658L15.1073 16.0477L15.2128 20.0025L15.8016 17.0057L15.3446 14.4658Z",
@@ -39719,7 +39794,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React242.createElement(
+    /* @__PURE__ */ React243.createElement(
       "path",
       {
         d: "M15.8016 17.0056L15.2128 20.0025L15.6347 20.2925L18.2009 18.2888L18.2888 16.2762L15.8016 17.0056Z",
@@ -39730,7 +39805,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React242.createElement(
+    /* @__PURE__ */ React243.createElement(
       "path",
       {
         d: "M9.72002 16.2762L9.79033 18.2888L12.3566 20.2925L12.7784 20.0025L12.1984 17.0056L9.72002 16.2762Z",
@@ -39741,7 +39816,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React242.createElement(
+    /* @__PURE__ */ React243.createElement(
       "path",
       {
         d: "M15.8456 23.0521L15.8719 22.2348L15.6522 22.0414H12.339L12.1368 22.2348L12.1544 23.0521L9.38606 21.7426L10.3528 22.5336L12.3126 23.8958H15.6786L17.6472 22.5336L18.6139 21.7426L15.8456 23.0521Z",
@@ -39752,7 +39827,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React242.createElement(
+    /* @__PURE__ */ React243.createElement(
       "path",
       {
         d: "M15.6347 20.2925L15.2128 20.0025H12.7784L12.3566 20.2925L12.1368 22.2348L12.339 22.0414H15.6522L15.8719 22.2348L15.6347 20.2925Z",
@@ -39763,7 +39838,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React242.createElement(
+    /* @__PURE__ */ React243.createElement(
       "path",
       {
         d: "M24.4583 10.0364L25.2053 6.45072L24.0891 3.1199L15.6347 9.39485L18.8864 12.1456L23.4827 13.4903L24.5022 12.3038L24.0628 11.9874L24.7658 11.3459L24.221 10.924L24.924 10.3879L24.4583 10.0364Z",
@@ -39774,7 +39849,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React242.createElement(
+    /* @__PURE__ */ React243.createElement(
       "path",
       {
         d: "M2.79472 6.45072L3.54174 10.0364L3.06717 10.3879L3.77024 10.924L3.23415 11.3459L3.93722 11.9874L3.4978 12.3038L4.50847 13.4903L9.10483 12.1456L12.3566 9.39485L3.90207 3.1199L2.79472 6.45072Z",
@@ -39785,7 +39860,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React242.createElement(
+    /* @__PURE__ */ React243.createElement(
       "path",
       {
         d: "M23.4827 13.4903L18.8864 12.1456L20.2837 14.2461L18.2009 18.2888L20.9429 18.2536H25.0295L23.4827 13.4903Z",
@@ -39796,7 +39871,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React242.createElement(
+    /* @__PURE__ */ React243.createElement(
       "path",
       {
         d: "M9.10484 12.1456L4.50848 13.4903L2.97929 18.2536H7.05713L9.79033 18.2888L7.71626 14.2461L9.10484 12.1456Z",
@@ -39807,7 +39882,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React242.createElement(
+    /* @__PURE__ */ React243.createElement(
       "path",
       {
         d: "M15.3446 14.4658L15.6347 9.39485L16.9705 5.7828H11.0383L12.3566 9.39485L12.6642 14.4658L12.7696 16.0653L12.7784 20.0025H15.2128L15.2304 16.0653L15.3446 14.4658Z",
@@ -39821,14 +39896,14 @@ function MetaMaskPaymentIcon({ size = 16 }) {
   );
 }
 function MastercardPaymentIcon({ size = 16 }) {
-  return /* @__PURE__ */ React242.createElement(
+  return /* @__PURE__ */ React243.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       height: size,
       viewBox: "0 0 152.407 108"
     },
-    /* @__PURE__ */ React242.createElement("g", null, /* @__PURE__ */ React242.createElement("rect", { width: "152.407", height: "108", fill: "transparent" }), /* @__PURE__ */ React242.createElement("g", null, /* @__PURE__ */ React242.createElement(
+    /* @__PURE__ */ React243.createElement("g", null, /* @__PURE__ */ React243.createElement("rect", { width: "152.407", height: "108", fill: "transparent" }), /* @__PURE__ */ React243.createElement("g", null, /* @__PURE__ */ React243.createElement(
       "rect",
       {
         x: "60.4117",
@@ -39837,21 +39912,21 @@ function MastercardPaymentIcon({ size = 16 }) {
         height: "56.6064",
         fill: "#ff5f00"
       }
-    ), /* @__PURE__ */ React242.createElement(
+    ), /* @__PURE__ */ React243.createElement(
       "path",
       {
         d: "M382.20839,306a35.9375,35.9375,0,0,1,13.7499-28.3032,36,36,0,1,0,0,56.6064A35.938,35.938,0,0,1,382.20839,306Z",
         transform: "translate(-319.79649 -252)",
         fill: "#eb001b"
       }
-    ), /* @__PURE__ */ React242.createElement(
+    ), /* @__PURE__ */ React243.createElement(
       "path",
       {
         d: "M454.20349,306a35.99867,35.99867,0,0,1-58.2452,28.3032,36.00518,36.00518,0,0,0,0-56.6064A35.99867,35.99867,0,0,1,454.20349,306Z",
         transform: "translate(-319.79649 -252)",
         fill: "#f79e1b"
       }
-    ), /* @__PURE__ */ React242.createElement(
+    ), /* @__PURE__ */ React243.createElement(
       "path",
       {
         d: "M450.76889,328.3077v-1.1589h.4673v-.2361h-1.1901v.2361h.4675v1.1589Zm2.3105,0v-1.3973h-.3648l-.41959.9611-.41971-.9611h-.365v1.3973h.2576v-1.054l.3935.9087h.2671l.39351-.911v1.0563Z",
@@ -39865,7 +39940,7 @@ function FunkitPaymentsIconLine({
   size = 16,
   gap = "2"
 }) {
-  return /* @__PURE__ */ React242.createElement(
+  return /* @__PURE__ */ React243.createElement(
     Box,
     {
       display: "flex",
@@ -39874,9 +39949,9 @@ function FunkitPaymentsIconLine({
       alignItems: "center",
       justifyContent: "center"
     },
-    /* @__PURE__ */ React242.createElement(MetaMaskPaymentIcon, { size }),
-    /* @__PURE__ */ React242.createElement(MastercardPaymentIcon, { size }),
-    /* @__PURE__ */ React242.createElement(CoinbaseIcon, { size })
+    /* @__PURE__ */ React243.createElement(MetaMaskPaymentIcon, { size }),
+    /* @__PURE__ */ React243.createElement(MastercardPaymentIcon, { size }),
+    /* @__PURE__ */ React243.createElement(CoinbaseIcon, { size })
   );
 }