@funkit/connect 9.14.0 → 9.15.1

package/dist/index.js

@@ -121,13 +121,14 @@ import { createContext } from "react";
 import React5, { useEffect, useMemo as useMemo2, useState } from "react";
 
 // src/utils/sanitizeUrl.ts
+var SAFE_URL_PROTOCOLS = /* @__PURE__ */ new Set(["https:", "http:"]);
 function sanitizeUrl(url) {
   if (!url) {
     return void 0;
   }
   try {
     const parsed = new URL(url);
-    if (parsed.protocol === "https:" || parsed.protocol === "http:") {
+    if (SAFE_URL_PROTOCOLS.has(parsed.protocol)) {
       return parsed.href;
     }
     return void 0;
@@ -446,7 +447,7 @@ function Avatar({ address, imageUrl, loading, size }) {
 }
 
 // src/components/ConnectButton/ConnectButton.tsx
-import React292, { useEffect as useEffect78, useState as useState84 } from "react";
+import React292, { useEffect as useEffect78, useState as useState85 } from "react";
 
 // src/css/touchableStyles.css.ts
 var active = { shrink: "_7rkubb8", shrinkSm: "_7rkubb9" };
@@ -1103,9 +1104,9 @@ import {
 // src/hooks/useIsMainnetConfigured.ts
 function useIsMainnetConfigured() {
   const funkitConnectChains = useFunkitConnectChains();
-  const chainId = mainnet.id;
+  const chainId2 = mainnet.id;
   const configured = funkitConnectChains.some(
-    (funkitConnectChain) => funkitConnectChain.id === chainId
+    (funkitConnectChain) => funkitConnectChain.id === chainId2
   );
   return configured;
 }
@@ -1149,7 +1150,7 @@ import {
   solanaChain as solanaChain9
 } from "@funkit/chains";
 import { isTokenAddressEquivalent as isTokenAddressEquivalent6, isTokenEquivalent as isTokenEquivalent9 } from "@funkit/utils";
-import { arbitrum as arbitrum6, base as base7, mainnet as mainnet12, optimism as optimism2, polygon as polygon8 } from "viem/chains";
+import { arbitrum as arbitrum6, base as base7, mainnet as mainnet13, optimism as optimism2, polygon as polygon8 } from "viem/chains";
 
 // src/utils/checkout.ts
 import {
@@ -1169,7 +1170,7 @@ import {
   isTokenEquivalent as isTokenEquivalent8,
   round as round3
 } from "@funkit/utils";
-import * as dnum9 from "dnum";
+import * as dnum10 from "dnum";
 import { erc20Abi as erc20Abi5, formatUnits as formatUnits5, isAddress as isAddress3 } from "viem";
 
 // src/consts/customers.ts
@@ -1234,6 +1235,7 @@ import {
   estimateGas,
   getGasPrice,
   getTransaction,
+  getWalletClient,
   multicall,
   readContract
 } from "wagmi/actions";
@@ -1246,7 +1248,7 @@ async function getBalance(config, params) {
       formatted: formatUnits(result.value, result.decimals)
     };
   }
-  const { address, chainId, ...callOverrides } = rest;
+  const { address, chainId: chainId2, ...callOverrides } = rest;
   const [value, decimals, symbol] = await multicallCore(config, {
     contracts: [
       {
@@ -1258,7 +1260,7 @@ async function getBalance(config, params) {
       { abi: erc20Abi, address: token, functionName: "decimals" },
       { abi: erc20Abi, address: token, functionName: "symbol" }
     ],
-    chainId,
+    chainId: chainId2,
     ...callOverrides,
     allowFailure: false
   });
@@ -1272,8 +1274,8 @@ async function getBalance(config, params) {
 
 // src/providers/FunkitCheckoutContext/index.tsx
 import {
-  DirectExecutionType as DirectExecutionType4,
-  createDirectExecution,
+  DirectExecutionType as DirectExecutionType5,
+  createDirectExecution as createDirectExecution2,
   deactivateCheckout as postApiDeactivateCheckout,
   initializeCheckout as postApiInitializeCheckout
 } from "@funkit/api-base";
@@ -1284,10 +1286,10 @@ import {
 import { isNotNullish as isNotNullish8, isTokenAddressEquivalent as isTokenAddressEquivalent4 } from "@funkit/utils";
 import React290, {
   createContext as createContext21,
-  useCallback as useCallback56,
+  useCallback as useCallback57,
   useContext as useContext21,
   useEffect as useEffect77,
-  useState as useState83
+  useState as useState84
 } from "react";
 import { flushSync as flushSync2 } from "react-dom";
 import { v4 as uuid2 } from "uuid";
@@ -1813,7 +1815,9 @@ var default_configs_default = {
       "0x1111111254EEB25477B68fb85Ed929f73A960582": "1inch V5 Router",
       "0x881D40237659C251811CEC9c364ef91dC08D300C": "Metamask Swap Router",
       "0x07d82CD44cd598ACf355Af8c8089b30b2a13B088": "Polymarket Withdrawal Block",
-      "2ygdTkdUtN9PhoMko12bQi6PimJrqxcKmCvQGkCG6SN7": "Polymarket Withdrawal Block"
+      "2ygdTkdUtN9PhoMko12bQi6PimJrqxcKmCvQGkCG6SN7": "Polymarket Withdrawal Block",
+      "0xd40cBF452e8D6c9dF3e8bbE24eA8b65f859Ae34b": "Polymarket Withdrawal Block",
+      GZxiVHg1JM6gCWRG7FwhaD6gPYpcLhiJ21s4ga7Ynfus: "Polymarket Withdrawal Block"
     }
   },
   blockedcountries: {
@@ -2156,6 +2160,9 @@ var default_configs_default = {
   enablesourcegrouplabels: {
     value: true
   },
+  enableswapped: {
+    value: false
+  },
   enableswappeddeposit: {
     value: false
   },
@@ -2774,23 +2781,6 @@ var default_configs_default = {
             }
           ]
         },
-        {
-          chainId: 2741,
-          assets: [
-            {
-              address: "0x84A71ccD554Cc1b02749b35d22F684CC8ec987e1"
-            },
-            {
-              address: "0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE"
-            },
-            {
-              address: "0x3439153EB7AF838Ad19d56E1571FBD09333C2809"
-            },
-            {
-              address: "0x0709F39376dEEe2A2dfC94A58EdEb2Eb9DF012bD"
-            }
-          ]
-        },
         {
           chainId: 5064014,
           assets: [
@@ -3084,7 +3074,7 @@ function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey, version);
 }
 function getCurrentSdkVersion() {
-  return "9.14.0";
+  return "9.15.1";
 }
 function useFingerprint() {
   const fingerprint = useCallback3(() => {
@@ -3632,14 +3622,14 @@ var useIsStablecoin = () => {
 
 // src/utils/transfer.ts
 import { bitcoinChain, solanaChain, tronChain } from "@funkit/chains";
-function getDepositAddressForChain(chainId, transferInit) {
-  if (chainId === solanaChain.id) {
+function getDepositAddressForChain(chainId2, transferInit) {
+  if (chainId2 === solanaChain.id) {
     return transferInit?.solanaAddr;
   }
-  if (chainId === bitcoinChain.id) {
+  if (chainId2 === bitcoinChain.id) {
     return transferInit?.btcAddrSegwit;
   }
-  if (chainId === tronChain.id) {
+  if (chainId2 === tronChain.id) {
     return transferInit?.tronAddr;
   }
   return transferInit?.depositAddr;
@@ -3668,6 +3658,13 @@ import {
 import { lighterChain } from "@funkit/chains";
 import { useQuery as useQuery2 } from "@tanstack/react-query";
 
+// src/consts/polymarket.ts
+import { getAddress } from "viem";
+var POLYMARKET_PERPS_DEPOSIT_ACTION_TYPE = "POLYMARKET_PERPS_DEPOSIT";
+var POLYMARKET_PUSD_ADDRESS = getAddress(
+  "0xC011a7E12a19f7B1f670d46F03B03f3342E82DFB"
+);
+
 // src/hooks/useStepQueryReadiness.ts
 import { useQueryClient } from "@tanstack/react-query";
 import { useCallback as useCallback6, useRef, useState as useState6 } from "react";
@@ -3874,10 +3871,11 @@ function getCheckoutTokenTransferParams({
   if (!checkoutConfig.targetChain) {
     return;
   }
+  const toTokenAddress = checkoutConfig.qrcodeActionType === POLYMARKET_PERPS_DEPOSIT_ACTION_TYPE ? POLYMARKET_PUSD_ADDRESS : checkoutConfig.targetAsset;
   return {
     ...commonParams,
     toChainId: checkoutConfig.targetChain,
-    toTokenAddress: checkoutConfig.targetAsset
+    toTokenAddress
   };
 }
 function useIsQRCodeTransferEnabled() {
@@ -4037,8 +4035,8 @@ var useTokenTransfer = (selectedChainId, selectedToken, chainIds) => {
     blockchain: blockchainType
   };
 };
-function getMinTransferValueForChain(chainId, limits) {
-  return limits.chains[String(chainId)] ?? limits.default;
+function getMinTransferValueForChain(chainId2, limits) {
+  return limits.chains[String(chainId2)] ?? limits.default;
 }
 var useMinTransferValueUsd = (selectedChainId) => {
   const limits = useDynamicConfig("mintokentransfervalue");
@@ -4343,11 +4341,11 @@ function isTronAddress(address) {
 function isWithdrawalAddressSupported(address) {
   return isAddress(address) || isSolanaAddress(address) || isTronAddress(address);
 }
-function isAddressCompatibleWithChain(address, chainId) {
-  if (chainId === solanaChain3.id) {
+function isAddressCompatibleWithChain(address, chainId2) {
+  if (chainId2 === solanaChain3.id) {
     return isSolanaAddress(address);
   }
-  if (chainId === tronChain3.id) {
+  if (chainId2 === tronChain3.id) {
     return isTronAddress(address);
   }
   return isAddress(address);
@@ -4579,24 +4577,24 @@ import {
 
 // src/utils/combineChainSymbolOrAddress.ts
 function combineChainSymbolOrAddress({
-  chainId,
+  chainId: chainId2,
   symbolOrAddress
 }) {
-  return `${chainId}|${symbolOrAddress}`;
+  return `${chainId2}|${symbolOrAddress}`;
 }
 
 // src/utils/bluvo.ts
 var ASSETS_LOW_VALUE_THRESHOLD = 0.1;
 var isBrokerageAsset = (asset) => "minAmount" in asset && "maxAmount" in asset && asset.usdAmount !== null;
 function getBrokerageMinMax(asset, minTransferLimits, minDeposit = 1) {
-  const chainId = Number(asset.pickedChainId);
+  const chainId2 = Number(asset.pickedChainId);
   const unitPrice = asset.usdAmount / asset.amount;
   const brokerageMin = Number.parseFloat(asset.minAmount);
   const brokerageMax = Number.parseFloat(asset.maxAmount);
   const brokerageMinUsd = brokerageMin * unitPrice;
   const brokerageMaxUsd = brokerageMax * unitPrice;
   const tokenTransferMin = getMinTransferValueForChain(
-    chainId,
+    chainId2,
     minTransferLimits
   );
   return {
@@ -4606,7 +4604,7 @@ function getBrokerageMinMax(asset, minTransferLimits, minDeposit = 1) {
 }
 function getPreferredNetwork(networks, targetChainId) {
   let preferredChainId = targetChainId;
-  const validNetworks = networks.filter(({ chainId }) => !!chainId);
+  const validNetworks = networks.filter(({ chainId: chainId2 }) => !!chainId2);
   const networkMap = Object.fromEntries(
     validNetworks.map((n) => [n.chainId?.toString(), n])
   );
@@ -4628,12 +4626,12 @@ function getPreferredNetwork(networks, targetChainId) {
   }
   let pickedNetwork = validNetworks[0];
   let lowestPriority = Number.MAX_SAFE_INTEGER;
-  for (const chainId of Object.keys(networkMap)) {
-    const chainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO[chainId];
+  for (const chainId2 of Object.keys(networkMap)) {
+    const chainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO[chainId2];
     const pickPriority = chainInfo?.pickPriority || Number.MAX_SAFE_INTEGER;
     if (pickPriority < lowestPriority) {
       lowestPriority = pickPriority;
-      pickedNetwork = networkMap[chainId];
+      pickedNetwork = networkMap[chainId2];
     }
   }
   return pickedNetwork ?? null;
@@ -4659,8 +4657,8 @@ function transformBluvoBalancesToAssetHoldings(balances, preferredChainId) {
     const preferredNetwork = getPreferredNetwork(networks, preferredChainId);
     const asset = preferredNetwork?.assetName;
     const tokenAddress = preferredNetwork?.contractAddress;
-    const chainId = preferredNetwork?.chainId;
-    if (!chainId || !tokenAddress || !asset) {
+    const chainId2 = preferredNetwork?.chainId;
+    if (!chainId2 || !tokenAddress || !asset) {
       logger.warn(`${LOG_PREFIX}:invalidNetwork`, {
         message: `Invalid network for checkout ${balance.asset}`,
         balance,
@@ -4668,11 +4666,11 @@ function transformBluvoBalancesToAssetHoldings(balances, preferredChainId) {
       });
       continue;
     }
-    const chainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO[chainId];
+    const chainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO[chainId2];
     if (!chainInfo?.isCheckoutSupported || !chainInfo?.isMainnet) {
       logger.warn(`${LOG_PREFIX}:unsupportedAsset`, {
-        message: `Unsupported asset for checkout ${chainId}|${asset}`,
-        chainId,
+        message: `Unsupported asset for checkout ${chainId2}|${asset}`,
+        chainId: chainId2,
         asset,
         preferredNetwork
       });
@@ -4680,8 +4678,8 @@ function transformBluvoBalancesToAssetHoldings(balances, preferredChainId) {
     }
     if (!tokenAddress) {
       logger.warn(`${LOG_PREFIX}:invalidTokenAddress`, {
-        message: `Invalid token address for ${chainId}|${asset}`,
-        chainId,
+        message: `Invalid token address for ${chainId2}|${asset}`,
+        chainId: chainId2,
         asset,
         preferredNetwork
       });
@@ -4689,8 +4687,8 @@ function transformBluvoBalancesToAssetHoldings(balances, preferredChainId) {
     }
     if (!amountInFiat || amountInFiat < ASSETS_LOW_VALUE_THRESHOLD) {
       logger.warn(`${LOG_PREFIX}:assetBelowThreshold`, {
-        message: `Asset below threshold ${chainId}|${asset}. Amount in fiat: ${amountInFiat}`,
-        chainId,
+        message: `Asset below threshold ${chainId2}|${asset}. Amount in fiat: ${amountInFiat}`,
+        chainId: chainId2,
         asset,
         amountInFiat,
         preferredNetwork
@@ -4700,7 +4698,7 @@ function transformBluvoBalancesToAssetHoldings(balances, preferredChainId) {
     const isNativeCurrency = chainInfo.nativeCurrency.symbol.toUpperCase() === asset.toUpperCase();
     const normalizedTokenAddress = isNativeCurrency ? FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS2 : tokenAddress;
     const chainSymbolKey = combineChainSymbolOrAddress({
-      chainId: chainId.toString(),
+      chainId: chainId2.toString(),
       symbolOrAddress: asset
     });
     const iconSrc = ASSET_LOGO_SRCS[asset.toUpperCase()] || FALLBACK_ASSET;
@@ -4710,7 +4708,7 @@ function transformBluvoBalancesToAssetHoldings(balances, preferredChainId) {
       amount,
       tokenAddress: normalizedTokenAddress,
       usdAmount: amountInFiat,
-      pickedChainId: chainId.toString(),
+      pickedChainId: chainId2.toString(),
       chainSymbolKey,
       minAmount: preferredNetwork.minWithdrawal,
       maxAmount: preferredNetwork.maxWithdrawal || amount.toString(),
@@ -4964,11 +4962,11 @@ import {
   hyperCoreChain as hyperCoreChain2
 } from "@funkit/chains";
 import { ResourceNotFoundError } from "@funkit/utils";
-var findBridgeSupportedChain = (chainId) => {
-  if (chainId === hyperCoreChain2.id.toString()) {
+var findBridgeSupportedChain = (chainId2) => {
+  if (chainId2 === hyperCoreChain2.id.toString()) {
     return "arbitrum";
   }
-  const chainName = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2[chainId]?.name.toLowerCase();
+  const chainName = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2[chainId2]?.name.toLowerCase();
   if (createBridgeBankAccountRequestChainNames.includes(chainName)) {
     return chainName;
   }
@@ -5354,21 +5352,21 @@ function useAllowedAssets({
       return {};
     }
     const ret = {};
-    for (const chainId of Object.keys(allowedAssets)) {
-      const tokens2 = allowedAssets[chainId] ?? [];
-      ret[chainId] = new Set(tokens2.map((token) => token.toLowerCase()));
+    for (const chainId2 of Object.keys(allowedAssets)) {
+      const tokens2 = allowedAssets[chainId2] ?? [];
+      ret[chainId2] = new Set(tokens2.map((token) => token.toLowerCase()));
     }
     return ret;
   }, [allowedAssets]);
   const isAllowed = useCallback8(
-    (chainId, tokenAddress) => {
+    (chainId2, tokenAddress) => {
       const disabledByCustomerList = checkoutItem?.initSettings.config.disabledSourceTokens?.some(
         (token) => {
-          return token.tokenChainId === String(chainId) && token.tokenAddress.toLowerCase() === tokenAddress.toLowerCase();
+          return token.tokenChainId === String(chainId2) && token.tokenAddress.toLowerCase() === tokenAddress.toLowerCase();
         }
       );
       return Boolean(
-        !disabledByCustomerList && tokens[chainId]?.has(tokenAddress.toLowerCase())
+        !disabledByCustomerList && tokens[chainId2]?.has(tokenAddress.toLowerCase())
       );
     },
     [tokens, checkoutItem?.initSettings.config.disabledSourceTokens]
@@ -6426,7 +6424,7 @@ var useFeatureGate = (name) => {
 import { DirectExecutionType, getCheckoutQuoteV2 } from "@funkit/api-base";
 import { executeRelayQuote, shouldResetApproval } from "@funkit/fun-relay";
 import { useCallback as useCallback11 } from "react";
-import { decodeFunctionData, erc20Abi as erc20Abi2, getAddress } from "viem";
+import { decodeFunctionData, erc20Abi as erc20Abi2, getAddress as getAddress2 } from "viem";
 import { readContract as readContract2 } from "viem/actions";
 
 // src/consts/checkout.ts
@@ -6496,32 +6494,32 @@ function getLzOftDestinationChain(de) {
   return lzChainEnum && lzOftChainEnumToChainId[lzChainEnum]?.toString();
 }
 function getCompletionTxInfo(directExecution) {
-  const chainId = getLzOftDestinationChain(directExecution) ?? directExecution.toChainId;
+  const chainId2 = getLzOftDestinationChain(directExecution) ?? directExecution.toChainId;
   const listenerInfoTxHashes = directExecution.listenerInfo?.txHashes || [];
   const defaultTxHash = listenerInfoTxHashes[listenerInfoTxHashes.length - 1] ?? directExecution.toTxId;
   const lighterHash = directExecution.listenerInfo?.lighterExecutionStatusResponse?.hash;
   if (lighterHash) {
     return {
-      chainId,
+      chainId: chainId2,
       txHash: lighterHash,
       customRedirectUrl: `https://app.lighter.xyz/explorer/logs/${lighterHash}`
     };
   }
   return {
-    chainId,
+    chainId: chainId2,
     txHash: defaultTxHash,
     customRedirectUrl: void 0
   };
 }
 var GET_CAPABILITIES_TIMEOUT_MS = 2e3;
-async function getCapabilitiesWithTimeout(wallet, chainId) {
+async function getCapabilitiesWithTimeout(wallet, chainId2) {
   if (!wallet.account) {
     return null;
   }
   let timer;
   try {
     return await Promise.race([
-      wallet.getCapabilities({ account: wallet.account, chainId }),
+      wallet.getCapabilities({ account: wallet.account, chainId: chainId2 }),
       new Promise((resolve) => {
         timer = setTimeout(() => resolve(null), GET_CAPABILITIES_TIMEOUT_MS);
       })
@@ -6532,15 +6530,15 @@ async function getCapabilitiesWithTimeout(wallet, chainId) {
     clearTimeout(timer);
   }
 }
-async function needsOverrideAtomicBatch(wallet, chainId) {
-  const capabilities = await getCapabilitiesWithTimeout(wallet, chainId);
+async function needsOverrideAtomicBatch(wallet, chainId2) {
+  const capabilities = await getCapabilitiesWithTimeout(wallet, chainId2);
   if (!capabilities) {
     return true;
   }
   return capabilities.atomicBatch?.supported ?? capabilities.atomic?.status === "supported";
 }
-async function disableAtomicBatchIfSupported(wallet, chainId) {
-  const needsOverride = await needsOverrideAtomicBatch(wallet, chainId);
+async function disableAtomicBatchIfSupported(wallet, chainId2) {
+  const needsOverride = await needsOverrideAtomicBatch(wallet, chainId2);
   if (!needsOverride) {
     return wallet;
   }
@@ -6550,7 +6548,7 @@ async function disableAtomicBatchIfSupported(wallet, chainId) {
         return async (params) => {
           const capabilities = await getCapabilitiesWithTimeout(
             target,
-            params?.chainId ?? chainId
+            params?.chainId ?? chainId2
           );
           return {
             ...capabilities,
@@ -6768,7 +6766,7 @@ function useCheckoutDirectExecution() {
     async (relayQuote) => {
       try {
         const currencyInMetadata = relayQuote.details?.currencyIn?.currency;
-        const currencyInAddress = currencyInMetadata?.address ? getAddress(currencyInMetadata.address) : void 0;
+        const currencyInAddress = currencyInMetadata?.address ? getAddress2(currencyInMetadata.address) : void 0;
         const approveAction = relayQuote.steps.find(
           (step) => currencyInAddress && step.id === "approve" && step.items[0]?.data && step.items[0].data.to.toLowerCase() === currencyInAddress.toLowerCase()
         );
@@ -6904,18 +6902,18 @@ function useCheckoutDirectExecution() {
                   "unsupported operation in withdrawal modal"
                 );
               },
-              handleSendTransactionStep: async (chainId, step) => {
+              handleSendTransactionStep: async (chainId2, step) => {
                 const stepData = step.data;
-                return withdrawalClient.sendTransaction(chainId, {
+                return withdrawalClient.sendTransaction(chainId2, {
                   to: stepData.to,
                   value: stepData.value,
                   data: stepData.data
                 });
               },
-              handleConfirmTransactionStep: async (txHash, chainId) => {
+              handleConfirmTransactionStep: async (txHash, chainId2) => {
                 return withdrawalClient.confirmTransaction(
                   txHash,
-                  chainId
+                  chainId2
                 );
               },
               switchChain: async () => {
@@ -6929,12 +6927,12 @@ function useCheckoutDirectExecution() {
               // into one user signature via relay-kit's batched step.
               ...withdrawalClient.sendTransactions ? {
                 supportsAtomicBatch: async () => true,
-                handleBatchTransactionStep: async (chainId, items) => {
+                handleBatchTransactionStep: async (chainId2, items) => {
                   if (!withdrawalClient.sendTransactions) {
                     logger.error(
                       "handleBatchTransactionStep:error:sendTransactionsMissing",
                       {
-                        chainId,
+                        chainId: chainId2,
                         address: withdrawalClient.address(),
                         itemsCount: items.length,
                         itemsTo: items.map((item) => item.data.to),
@@ -6947,7 +6945,7 @@ function useCheckoutDirectExecution() {
                       "sendTransactions is not supported"
                     );
                   }
-                  return withdrawalClient.sendTransactions(chainId, [
+                  return withdrawalClient.sendTransactions(chainId2, [
                     ...consumePendingPreTxs(),
                     ...items.map((item) => ({
                       to: item.data.to,
@@ -6961,7 +6959,7 @@ function useCheckoutDirectExecution() {
                 // path (we report `supportsAtomicBatch: true`). If it
                 // does anyway, route through `sendTransactions` so the
                 // pre-withdrawal txs are not silently dropped.
-                handleSendTransactionStep: async (chainId, step) => {
+                handleSendTransactionStep: async (chainId2, step) => {
                   const stepData = step.data;
                   const tx = {
                     to: stepData.to,
@@ -6972,7 +6970,7 @@ function useCheckoutDirectExecution() {
                     logger.error(
                       "handleSendTransactionStep:error:sendTransactionsMissing",
                       {
-                        chainId,
+                        chainId: chainId2,
                         address: withdrawalClient.address(),
                         tx,
                         typeofSendTransactions: typeof withdrawalClient.sendTransactions,
@@ -6984,7 +6982,7 @@ function useCheckoutDirectExecution() {
                       "sendTransactions is not supported"
                     );
                   }
-                  return withdrawalClient.sendTransactions(chainId, [
+                  return withdrawalClient.sendTransactions(chainId2, [
                     ...consumePendingPreTxs(),
                     tx
                   ]);
@@ -7558,11 +7556,11 @@ var useFunkitPostCheckoutInternal = (checkoutId) => {
 // src/providers/ModalContext.tsx
 import React289, {
   createContext as createContext20,
-  useCallback as useCallback55,
+  useCallback as useCallback56,
   useContext as useContext20,
   useEffect as useEffect76,
   useMemo as useMemo66,
-  useState as useState82
+  useState as useState83
 } from "react";
 
 // src/components/Dialog/Dialog.css.ts
@@ -7580,7 +7578,12 @@ var topbarOverflowContent = "_1r8f576 _1rsrm2fpw _1rsrm2frw";
 
 // src/modals/WithdrawalModal/WithdrawalModal.tsx
 import React145, { useCallback as useCallback27, useEffect as useEffect44, useState as useState43 } from "react";
-import { mainnet as mainnet8 } from "viem/chains";
+import { mainnet as mainnet9 } from "viem/chains";
+
+// src/components/FreeUsdcBanner/FreeUsdcBanner.tsx
+function FreeUsdcBanner(_props) {
+  return null;
+}
 
 // src/components/FunCheckoutHistory/useCustomStatusAnimationAboveTopbar.tsx
 import { clamp } from "@funkit/utils";
@@ -8878,8 +8881,8 @@ function extractStartTimeMs(historyCheckoutItemId, activeCheckoutItem, { created
 import React36, { useEffect as useEffect14, useState as useState16 } from "react";
 
 // src/utils/lighter.ts
-import { getAddress as getAddress2 } from "viem";
-var LIGHTER_DEPOSIT_ADDRESS = getAddress2(
+import { getAddress as getAddress3 } from "viem";
+var LIGHTER_DEPOSIT_ADDRESS = getAddress3(
   "0x3b4d794a66304f130a4db8f2551b0070dfcf5ca7"
 );
 var LIGHTER_SLOW_DEPOSIT_TIME_ESTIMATE_SECONDS = 60 * 2;
@@ -11288,6 +11291,7 @@ var en_default = {
     close: "Close",
     done: "Done",
     copyAddress: "Copy address",
+    copyInvoice: "Copy invoice",
     copy: "Copy",
     copied: "Copied",
     auto: "Auto",
@@ -11853,6 +11857,7 @@ var es_default = {
     close: "Cerrar",
     done: "Listo",
     copyAddress: "Copiar direcci\xF3n",
+    copyInvoice: "Copiar solicitud de pago",
     copy: "Copiar",
     copied: "Copiado",
     auto: "Auto",
@@ -12414,6 +12419,7 @@ var fr_default = {
     close: "Fermer",
     done: "Termin\xE9",
     copyAddress: "Copier l'adresse",
+    copyInvoice: "Copier la demande de paiement",
     copy: "Copier",
     copied: "Copi\xE9e",
     auto: "Auto",
@@ -12975,6 +12981,7 @@ var ja_default = {
     close: "\u9589\u3058\u308B",
     done: "\u5B8C\u4E86",
     copyAddress: "\u30A2\u30C9\u30EC\u30B9\u3092\u30B3\u30D4\u30FC",
+    copyInvoice: "\u652F\u6255\u3044\u30EA\u30AF\u30A8\u30B9\u30C8\u3092\u30B3\u30D4\u30FC",
     copy: "\u30B3\u30D4\u30FC",
     copied: "\u30B3\u30D4\u30FC\u3057\u307E\u3057\u305F",
     auto: "\u81EA\u52D5",
@@ -13536,6 +13543,7 @@ var ko_default = {
     close: "\uB2EB\uAE30",
     done: "\uC644\uB8CC",
     copyAddress: "\uC8FC\uC18C \uBCF5\uC0AC",
+    copyInvoice: "\uC778\uBCF4\uC774\uC2A4 \uBCF5\uC0AC",
     copy: "\uBCF5\uC0AC",
     copied: "\uBCF5\uC0AC\uB428",
     auto: "\uC790\uB3D9",
@@ -14097,6 +14105,7 @@ var ru_default = {
     close: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C",
     done: "\u0413\u043E\u0442\u043E\u0432\u043E",
     copyAddress: "\u0421\u043A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0430\u0434\u0440\u0435\u0441",
+    copyInvoice: "\u0421\u043A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0437\u0430\u043F\u0440\u043E\u0441 \u043D\u0430 \u043E\u043F\u043B\u0430\u0442\u0443",
     copy: "\u041A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C",
     copied: "\u0421\u043A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u043D\u043E",
     auto: "\u0410\u0432\u0442\u043E",
@@ -14658,6 +14667,7 @@ var tr_default = {
     close: "Kapat",
     done: "Tamam",
     copyAddress: "Adresi kopyala",
+    copyInvoice: "\xD6deme talebini kopyala",
     copy: "Kopyala",
     copied: "Kopyaland\u0131",
     auto: "Otomatik",
@@ -15219,6 +15229,7 @@ var zh_default = {
     close: "\u5173\u95ED",
     done: "\u5B8C\u6210",
     copyAddress: "\u590D\u5236\u5730\u5740",
+    copyInvoice: "\u590D\u5236\u4ED8\u6B3E\u8BF7\u6C42",
     copy: "\u590D\u5236",
     copied: "\u5DF2\u590D\u5236",
     auto: "\u81EA\u52A8",
@@ -15824,9 +15835,9 @@ var useBluvoCheckoutQuote = () => {
   async function getBluvoCheckoutQuote({
     amount,
     symbol,
-    chainId
+    chainId: chainId2
   }) {
-    if (!chainId || !symbol || !amount) {
+    if (!chainId2 || !symbol || !amount) {
       return;
     }
     if (!transferInit?.depositAddr) {
@@ -15837,7 +15848,7 @@ var useBluvoCheckoutQuote = () => {
       return;
     }
     const availableTokenAmount = selectedBrokerageAsset?.amount || 0;
-    const chainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO5[chainId];
+    const chainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO5[chainId2];
     if (bluvoClient.state) {
       bluvoClient.state.type = "quote:ready";
     }
@@ -19224,11 +19235,11 @@ var normalizePath = (path) => {
   return path.startsWith("/") ? path.slice(1) : path;
 };
 var AddressRedirectButton = ({
-  chainId,
+  chainId: chainId2,
   address,
   customRedirectUrl
 }) => {
-  const explorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7[chainId]?.explorerInfo;
+  const explorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7[chainId2]?.explorerInfo;
   const addressPath = normalizePath(explorerInfo?.path?.address || "address");
   return /* @__PURE__ */ React68.createElement(
     FunRedirectButton,
@@ -19239,11 +19250,11 @@ var AddressRedirectButton = ({
   );
 };
 var TransactionRedirectButton = ({
-  chainId,
+  chainId: chainId2,
   txHash,
   customRedirectUrl
 }) => {
-  const explorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7[chainId]?.explorerInfo;
+  const explorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7[chainId2]?.explorerInfo;
   const txPath = normalizePath(explorerInfo?.path?.tx || "tx");
   return /* @__PURE__ */ React68.createElement(
     FunRedirectButton,
@@ -21128,10 +21139,10 @@ var useSwappedExchanges = () => {
     }
     const targets = [];
     if (transferInit.depositAddr) {
-      for (const { chainId, address } of EVM_USDC_TARGETS) {
+      for (const { chainId: chainId2, address } of EVM_USDC_TARGETS) {
         targets.push({
           recipientAddress: transferInit.depositAddr,
-          destinationToken: { chainId, address }
+          destinationToken: { chainId: chainId2, address }
         });
       }
     }
@@ -21282,21 +21293,21 @@ function useSupportedAssets(options) {
 
 // src/utils/tokenTransfer/disabledList.ts
 import { isTokenAddressEquivalent } from "@funkit/utils";
-function isChainDisabled(disabledConfig, chainId) {
+function isChainDisabled(disabledConfig, chainId2) {
   if (!disabledConfig) {
     return false;
   }
-  const disabledTokens = disabledConfig[String(chainId)];
+  const disabledTokens = disabledConfig[String(chainId2)];
   if (!disabledTokens) {
     return false;
   }
   return disabledTokens.includes("*");
 }
-function isAssetDisabled(disabledConfig, chainId, tokenAddress) {
+function isAssetDisabled(disabledConfig, chainId2, tokenAddress) {
   if (!disabledConfig) {
     return false;
   }
-  const disabledTokens = disabledConfig[String(chainId)];
+  const disabledTokens = disabledConfig[String(chainId2)];
   if (!disabledTokens) {
     return false;
   }
@@ -21319,8 +21330,8 @@ var SYMBOL_OVERRIDES = {
 var POLYGON_NATIVE_TOKEN_ALIAS = "MATIC";
 function lowercaseAddressKeys(response) {
   return Object.fromEntries(
-    Object.entries(response).map(([chainId, chainAssets]) => [
-      chainId,
+    Object.entries(response).map(([chainId2, chainAssets]) => [
+      chainId2,
       Object.fromEntries(
         Object.entries(chainAssets).map(([address, metadata]) => [
           address.toLowerCase(),
@@ -21330,17 +21341,17 @@ function lowercaseAddressKeys(response) {
     ])
   );
 }
-function resolveSymbols(backendSymbol, chainId, address) {
+function resolveSymbols(backendSymbol, chainId2, address) {
   const displaySymbol = SYMBOL_OVERRIDES[backendSymbol] ?? backendSymbol;
-  const alias = chainId === polygon6.id && isNativeTokenAddress(address) ? POLYGON_NATIVE_TOKEN_ALIAS : void 0;
+  const alias = chainId2 === polygon6.id && isNativeTokenAddress(address) ? POLYGON_NATIVE_TOKEN_ALIAS : void 0;
   return { displaySymbol, alias };
 }
 function resolveChainAssets(chainConfig, chainAssets, disabledChainAssets) {
-  const { chainId } = chainConfig;
+  const { chainId: chainId2 } = chainConfig;
   const resolvedChainAssets = chainConfig.assets.filter(
     (configAsset) => !isAssetDisabled(
       disabledChainAssets,
-      chainId,
+      chainId2,
       configAsset.address.toLowerCase()
     )
   ).map((configAsset) => {
@@ -21348,14 +21359,14 @@ function resolveChainAssets(chainConfig, chainAssets, disabledChainAssets) {
     const metadata = chainAssets?.[address];
     if (!metadata) {
       logger.warn("useTokenTransferConfig:tokenMetadataMissing", {
-        chainId,
+        chainId: chainId2,
         address: configAsset.address
       });
       return null;
     }
     const { displaySymbol, alias } = resolveSymbols(
       metadata.symbol,
-      chainId,
+      chainId2,
       address
     );
     return {
@@ -21693,7 +21704,7 @@ function FunAssetAvatar({
   assetTicker,
   assetName,
   assetIconSize = "20",
-  chainId,
+  chainId: chainId2,
   prioritizeDefaults = true,
   hideIfUnknown = false,
   largeChainIcon = false,
@@ -21702,7 +21713,7 @@ function FunAssetAvatar({
   const { activeTheme } = useActiveTheme();
   const { uiCustomizations } = useFunkitConfig();
   const { enableCompactList } = uiCustomizations;
-  const chainMetadata = chainMetadataById[Number.parseInt((chainId || "").toString())] || null;
+  const chainMetadata = chainMetadataById[Number.parseInt((chainId2 || "").toString())] || null;
   const finalAssetSrc = useMemo30(() => {
     const normalizedTicker = assetTicker?.toUpperCase() || "";
     const defaultSrc = ASSET_LOGO_SRCS[normalizedTicker];
@@ -21775,7 +21786,7 @@ function FunAssetAvatar({
           borderRadius: "full",
           height: largeChainIcon || enableCompactList ? chainIconSize : chainIconSize - 2,
           width: largeChainIcon || enableCompactList ? chainIconSize : chainIconSize - 2,
-          testId: `fun-asset-chain-${chainId}-icon`
+          testId: `fun-asset-chain-${chainId2}-icon`
         }
       )
     ) : null
@@ -22262,12 +22273,12 @@ function getIconFromUiConfig(paymentMethod, iconConfig, defaultIconSize = 12) {
 }
 var getDynamicValueIconComponent = () => {
   const defaultChains = getDefaultChains();
-  return /* @__PURE__ */ React89.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "flex-end" }, defaultChains.map(({ id: chainId }, index) => {
-    const metadata = chainMetadataById[chainId];
+  return /* @__PURE__ */ React89.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "flex-end" }, defaultChains.map(({ id: chainId2 }, index) => {
+    const metadata = chainMetadataById[chainId2];
     return /* @__PURE__ */ React89.createElement(
       Box,
       {
-        key: chainId,
+        key: chainId2,
         position: "relative",
         style: { right: `${(defaultChains.length - index - 1) * -2}px` }
       },
@@ -22324,12 +22335,12 @@ function SupportedChainList({
       justifyContent: "flex-end",
       style
     },
-    chainIdList.map((chainId, index) => {
-      const metadata = chainMetadataById[chainId];
+    chainIdList.map((chainId2, index) => {
+      const metadata = chainMetadataById[chainId2];
       return /* @__PURE__ */ React89.createElement(
         Box,
         {
-          key: chainId,
+          key: chainId2,
           position: "relative",
           style: { right: `${(chainIdList.length - index - 1) * -2}px` }
         },
@@ -24252,6 +24263,7 @@ import {
 import React129, { useEffect as useEffect41, useMemo as useMemo39, useRef as useRef19, useState as useState39 } from "react";
 import { createPortal as createPortal4 } from "react-dom";
 import { useDebounce } from "use-debounce";
+import { mainnet as mainnet8 } from "viem/chains";
 
 // src/components/Dropdown/TokenAndChainDropdown.tsx
 import React120 from "react";
@@ -25030,9 +25042,9 @@ var ChainDropdown = ({
     return [.../* @__PURE__ */ new Set([...priorityIds, ...availableChainIds])];
   }, [assets, chainIdSortOrder]);
   const options = useMemo36(() => {
-    return chainIds.map((chainId) => ({
-      label: chainMetadataById[chainId]?.name ?? "",
-      value: chainId.toString()
+    return chainIds.map((chainId2) => ({
+      label: chainMetadataById[chainId2]?.name ?? "",
+      value: chainId2.toString()
     }));
   }, [chainIds]);
   const [selectedChainId, setSelectedChainId] = React118.useState(propSelectedChainId);
@@ -25049,13 +25061,13 @@ var ChainDropdown = ({
     if (!value) {
       return onChainSelected(void 0);
     }
-    const chainId = Number(value);
-    if (allowUnselect && chainId === selectedChainId) {
+    const chainId2 = Number(value);
+    if (allowUnselect && chainId2 === selectedChainId) {
       setSelectedChainId(void 0);
       onChainSelected(void 0, autoUpdate);
     } else {
-      setSelectedChainId(chainId);
-      onChainSelected(chainId, autoUpdate);
+      setSelectedChainId(chainId2);
+      onChainSelected(chainId2, autoUpdate);
     }
   };
   return /* @__PURE__ */ React118.createElement(
@@ -25089,8 +25101,8 @@ var ChainDropdown = ({
       options,
       renderDropdownOption: (option, isSelected) => {
         const metadata = chainMetadataById[option.value];
-        const chainId = Number(option.value);
-        const isDisabled = !!selectedToken && !assets[chainId]?.includes(selectedToken);
+        const chainId2 = Number(option.value);
+        const isDisabled = !!selectedToken && !assets[chainId2]?.includes(selectedToken);
         const dropdownItem = /* @__PURE__ */ React118.createElement(
           BaseDropdownItem_default,
           {
@@ -25860,26 +25872,26 @@ import { skipToken, useQuery as useQuery20 } from "@tanstack/react-query";
 import { getAssetErc20ByChainAndSymbol } from "@funkit/api-base";
 import { useQuery as useQuery19 } from "@tanstack/react-query";
 var useErc20Asset = ({
-  chainId,
+  chainId: chainId2,
   symbol,
   enabled = true
 }) => {
   const { apiKey } = useFunkitConfig();
   const query = useQuery19({
-    queryKey: ["erc20Asset", chainId, symbol],
+    queryKey: ["erc20Asset", chainId2, symbol],
     queryFn: async () => {
-      if (!apiKey || !chainId || !symbol) {
+      if (!apiKey || !chainId2 || !symbol) {
         return null;
       }
       const response = await getAssetErc20ByChainAndSymbol({
-        chainId,
+        chainId: chainId2,
         symbol,
         apiKey,
         logger
       });
       return response;
     },
-    enabled: enabled && !!apiKey && !!chainId && !!symbol,
+    enabled: enabled && !!apiKey && !!chainId2 && !!symbol,
     refetchOnMount: false,
     refetchOnReconnect: false,
     refetchOnWindowFocus: false
@@ -25889,15 +25901,15 @@ var useErc20Asset = ({
 
 // src/hooks/useAssetPrice.ts
 async function getFormattedRelayAssetPriceInfo({
-  chainId,
+  chainId: chainId2,
   assetTokenAddress
 }) {
   try {
     const relayResponse = await getRelayAssetPriceInfo({
-      chainId,
+      chainId: chainId2,
       address: convertFunToRelayTokenAddress(
         assetTokenAddress,
-        Number(chainId)
+        Number(chainId2)
       )
     });
     return {
@@ -25911,7 +25923,7 @@ async function getFormattedRelayAssetPriceInfo({
   }
 }
 function useAssetAddressPrice({
-  chainId,
+  chainId: chainId2,
   assetTokenAddress,
   amount = 1,
   refetchInterval = 1e4,
@@ -25921,13 +25933,13 @@ function useAssetAddressPrice({
   const { apiKey } = useFunkitConfig();
   const isStablecoin = useIsStablecoin();
   const { data, error, isLoading } = useQuery20({
-    queryKey: ["getAssetPriceInfo", chainId, assetTokenAddress],
-    queryFn: enabled && chainId && assetTokenAddress ? async () => {
+    queryKey: ["getAssetPriceInfo", chainId2, assetTokenAddress],
+    queryFn: enabled && chainId2 && assetTokenAddress ? async () => {
       try {
         return await getAssetPriceInfo2({
           apiKey,
           assetTokenAddress,
-          chainId,
+          chainId: chainId2,
           logger
         });
       } catch (primaryError) {
@@ -25936,7 +25948,7 @@ function useAssetAddressPrice({
           { primaryError }
         );
         return await getFormattedRelayAssetPriceInfo({
-          chainId,
+          chainId: chainId2,
           assetTokenAddress
         });
       }
@@ -25951,14 +25963,14 @@ function useAssetAddressPrice({
   };
 }
 var useAssetSymbolPrice = ({
-  chainId,
+  chainId: chainId2,
   symbol,
   refetchInterval,
   enabled = true
 }) => {
-  const assetQuery = useErc20Asset({ chainId, symbol, enabled });
+  const assetQuery = useErc20Asset({ chainId: chainId2, symbol, enabled });
   const priceQuery = useAssetAddressPrice({
-    chainId,
+    chainId: chainId2,
     assetTokenAddress: assetQuery.data?.address,
     symbol,
     refetchInterval,
@@ -26008,21 +26020,21 @@ function useEnabledTokenTransferChainTokens(transferInit, isWithdrawal) {
   const hasTronAddress = !!transferInit?.tronAddr;
   return Object.keys(assets).reduce(
     (acc, curChainIdString) => {
-      const chainId = Number(curChainIdString);
-      const isSolana = chainId === solanaChain6.id;
+      const chainId2 = Number(curChainIdString);
+      const isSolana = chainId2 === solanaChain6.id;
       if (isSolana && !hasSolanaAddress && !isWithdrawal) {
         return acc;
       }
-      const isBitcoin = chainId === bitcoinChain6.id;
+      const isBitcoin = chainId2 === bitcoinChain6.id;
       if (isBitcoin && !hasBitcoinAddress && !isWithdrawal) {
         return acc;
       }
-      const isTron = chainId === tronChain5.id;
+      const isTron = chainId2 === tronChain5.id;
       if (isTron && !hasTronAddress && !isWithdrawal) {
         return acc;
       }
-      if (assets[chainId]?.length) {
-        acc[chainId] = assets[chainId];
+      if (assets[chainId2]?.length) {
+        acc[chainId2] = assets[chainId2];
       }
       return acc;
     },
@@ -26046,38 +26058,38 @@ function resolveDefaultToken(currentChainSymbols, preferredToken) {
 }
 function findChainForToken(enabledChainSymbols, token, fallbackChainId) {
   const matchingChainId = Object.keys(enabledChainSymbols).find(
-    (chainId) => enabledChainSymbols[Number(chainId)]?.includes(token)
+    (chainId2) => enabledChainSymbols[Number(chainId2)]?.includes(token)
   );
   return matchingChainId ? Number(matchingChainId) : fallbackChainId;
 }
 function compareLegacyAndNewConfig(legacyConfig, newConfig, configType = "deposit") {
   const legacyChains = new Set(Object.keys(legacyConfig).map(Number));
   const newChains = new Set(Object.keys(newConfig).map(Number));
-  for (const chainId of legacyChains) {
-    if (!newChains.has(chainId)) {
+  for (const chainId2 of legacyChains) {
+    if (!newChains.has(chainId2)) {
       logger.warn("tokenTransferConfig:chainMissingInNewConfig", {
-        chainId,
+        chainId: chainId2,
         configType
       });
     }
   }
-  for (const chainId of newChains) {
-    if (!legacyChains.has(chainId)) {
+  for (const chainId2 of newChains) {
+    if (!legacyChains.has(chainId2)) {
       logger.warn("tokenTransferConfig:extraChainInNewConfig", {
-        chainId,
+        chainId: chainId2,
         configType
       });
     }
   }
-  for (const chainId of legacyChains) {
-    const legacySymbols = legacyConfig[chainId] ?? [];
-    const newSymbols = newConfig[chainId] ?? [];
+  for (const chainId2 of legacyChains) {
+    const legacySymbols = legacyConfig[chainId2] ?? [];
+    const newSymbols = newConfig[chainId2] ?? [];
     const legacySet = new Set(legacySymbols.map((s) => s.toLowerCase()));
     const newSet = new Set(newSymbols.map((s) => s.toLowerCase()));
     const missing = legacySymbols.filter((s) => !newSet.has(s.toLowerCase()));
     const extra = newSymbols.filter((s) => !legacySet.has(s.toLowerCase()));
     if (missing.length > 0 || extra.length > 0) {
-      const data = { chainId, configType, missing, extra };
+      const data = { chainId: chainId2, configType, missing, extra };
       logger.warn("tokenTransferConfig:symbolMismatch", data);
     }
     if (missing.length === 0 && extra.length === 0) {
@@ -26085,7 +26097,7 @@ function compareLegacyAndNewConfig(legacyConfig, newConfig, configType = "deposi
       const newOrder = newSymbols.map((s) => s.toLowerCase());
       if (JSON.stringify(legacyOrder) !== JSON.stringify(newOrder)) {
         const data = {
-          chainId,
+          chainId: chainId2,
           configType,
           legacyOrder: legacySymbols,
           newOrder: newSymbols
@@ -26186,16 +26198,16 @@ var useTokenAndChainDropdown = ({
       setSelectedToken(defaultSelectedToken);
     }
   }, [defaultSelectedToken, noDefaultSelection]);
-  const handleTokenChange = (token, chainId, autoUpdate) => {
+  const handleTokenChange = (token, chainId2, autoUpdate) => {
     setSelectedToken(token);
     if (noDefaultSelection && selectedChainId === void 0) {
       return;
     }
-    if (chainId !== void 0 && chainId !== selectedChainId) {
-      setSelectedChainId(chainId);
+    if (chainId2 !== void 0 && chainId2 !== selectedChainId) {
+      setSelectedChainId(chainId2);
     }
     if (autoUpdate) {
-      const targetChainId = chainId ?? selectedChainId;
+      const targetChainId = chainId2 ?? selectedChainId;
       if (targetChainId !== void 0 && !enabledChainSymbols[targetChainId]?.includes(token)) {
         setSelectedChainId(
           findChainForToken(enabledChainSymbols, token, preferredChainId)
@@ -26203,13 +26215,13 @@ var useTokenAndChainDropdown = ({
       }
     }
   };
-  const handleChainChange = (chainId, autoUpdate) => {
-    if (chainId === void 0) {
+  const handleChainChange = (chainId2, autoUpdate) => {
+    if (chainId2 === void 0) {
       return;
     }
-    setSelectedChainId(chainId);
-    if (autoUpdate && selectedToken !== void 0 && !enabledChainSymbols[chainId]?.includes(selectedToken)) {
-      const firstToken = enabledChainSymbols[chainId]?.[0];
+    setSelectedChainId(chainId2);
+    if (autoUpdate && selectedToken !== void 0 && !enabledChainSymbols[chainId2]?.includes(selectedToken)) {
+      const firstToken = enabledChainSymbols[chainId2]?.[0];
       if (noDefaultSelection || firstToken) {
         setSelectedToken(firstToken);
       }
@@ -26241,7 +26253,7 @@ var useTokenAndChainDropdown = ({
 // src/utils/polymarket.ts
 import {
   encodeAbiParameters,
-  getAddress as getAddress3,
+  getAddress as getAddress4,
   getCreate2Address,
   keccak256,
   parseAbiParameters
@@ -26249,7 +26261,7 @@ import {
 var EOA_PROXY_WALLET_FACTORY_ADDRESS = "0xaacFeEa03eb1561C4e67d661e40682Bd20E3541b";
 var EOA_PROXY_WALLET_INIT_CODE_HASH = "0x2bce2127ff07fb632d16c8347c4ebf501f4841168bed00d9e6ef715ddb6fcecf";
 function derivePolymarketProxyAddress(address) {
-  return getAddress3(
+  return getAddress4(
     getCreate2Address({
       from: EOA_PROXY_WALLET_FACTORY_ADDRESS,
       salt: keccak256(
@@ -27153,7 +27165,8 @@ function useWithdrawal({
   onSuccess
 }) {
   const { t } = useFunkitTranslation();
-  const { confirmCheckout } = useCheckoutContext();
+  const { confirmCheckout, checkoutItem } = useCheckoutContext();
+  const { refreshCheckoutHistory } = useCheckoutHistoryContext();
   const [error, setError] = useAutoClearState();
   const [isWithdrawing, setIsWithdrawing] = useState38(false);
   const [step, setStep] = useState38(null);
@@ -27184,7 +27197,8 @@ function useWithdrawal({
             targetChainId: formData.chainId,
             destinationAddress: formData.destinationAddress,
             lighterAssetIndex: formData.lighterAssetIndex,
-            userInputAmount: formData.userInputAmount
+            userInputAmount: formData.userInputAmount,
+            withdrawalUSD: formData.withdrawalUSD
           });
           customCallbackFailed = false;
         }
@@ -27219,10 +27233,18 @@ function useWithdrawal({
           targetChainId: formData.chainId,
           destinationAddress: formData.destinationAddress,
           lighterAssetIndex: formData.lighterAssetIndex,
-          userInputAmount: formData.userInputAmount
+          userInputAmount: formData.userInputAmount,
+          withdrawalUSD: formData.withdrawalUSD
         });
         customCallbackFailed = false;
         withdrawalItem?.initSettings.onWithdrawalConfirmation?.(quoteId);
+        if (callbackResult) {
+          logger.log("directExecutionCheckoutConfirmed", {
+            depositAddressOrHash: callbackResult
+          });
+          checkoutItem?.initSettings.onConfirmation?.(callbackResult);
+          refreshCheckoutHistory();
+        }
         return callbackResult ? callbackResult : generateSyntheticDepositAddress();
       }
       try {
@@ -27335,11 +27357,11 @@ function useWithdrawalAssets(config) {
   const excludedTokens = safeJSONParse(excludedTokenStr);
   if (!useNewWithdrawalConfig && excludedTokens) {
     for (const chainIdStr of Object.keys(excludedTokens)) {
-      const chainId = Number.parseInt(chainIdStr);
-      const excluded = excludedTokens[chainId] ?? [];
-      const chainAssets = assets[chainId];
+      const chainId2 = Number.parseInt(chainIdStr);
+      const excluded = excludedTokens[chainId2] ?? [];
+      const chainAssets = assets[chainId2];
       if (chainAssets) {
-        assets[chainId] = chainAssets.filter(
+        assets[chainId2] = chainAssets.filter(
           (token) => !excluded.includes(token)
         );
       }
@@ -27458,7 +27480,10 @@ var WithdrawContent = ({
   const { isLighterSecure, connectedAddress, lighterBalances, lighterAssets } = useLighterWithdrawal(config, setRecipientAddress);
   const { address: connectedWalletAddress } = useAccount();
   const sourceTokenBalance = lighterBalances[selectedSourceToken.toUpperCase()] ?? fallbackBalance;
-  const { price: lighterSecureSourceTokenUsdPrice } = useAssetSymbolPrice({
+  const {
+    asset: lighterSecureMainnetAsset,
+    price: lighterSecureSourceTokenUsdPrice
+  } = useAssetSymbolPrice({
     chainId: config.sourceChainId,
     symbol: selectedSourceToken,
     refetchInterval: PRICE_REFRESH_INTERVAL,
@@ -27575,8 +27600,12 @@ var WithdrawContent = ({
       destinationAddress: recipientAddress,
       withdrawalUSD: usdValue.toString(),
       tokenSymbol: selectedSourceToken,
-      tokenAddress: "0x",
-      chainId: 0,
+      // Mainnet ERC-20 of the destination token. Secure bridges 1:1, so the
+      // L1 destination matches the user's L2 source-token selection. Falls
+      // back to '0x' only if the price/asset hook hasn't resolved — the
+      // submit button is gated on `lighterAssetIndex` but not on this asset.
+      tokenAddress: lighterSecureMainnetAsset?.address ?? "0x",
+      chainId: mainnet8.id,
       lighterAssetIndex,
       userInputAmount: withdrawalInputAmount
     });
@@ -29163,6 +29192,7 @@ function WithdrawalModal({
 }) {
   const { withdrawalItem, resetForNewWithdrawal } = useCheckoutContext();
   const isSwappedWithdrawalEnabled = useDynamicConfig("enableswappedwithdrawal");
+  const isFreeUsdcBannerEnabled = useFeatureGate("enable-free-usdc-banner");
   const titleId = "rk_withdrawal_modal_title";
   const isMultiMethod = isMultiMethodWithdrawalConfig(config);
   const [selectedMethod, setSelectedMethod] = useState43(null);
@@ -29248,7 +29278,7 @@ function WithdrawalModal({
     const nextStep = isCallback ? "PENDING_CALLBACK" /* PENDING_CALLBACK */ : "SUCCESS" /* SUCCESS */;
     const withdrawModalEvent = isCallback ? "fw::pending_callback" /* PENDING_CALLBACK */ : "fw::success" /* SUCCESS */;
     navigateToStep(nextStep, { skipAnimation: true });
-    setWithdrawnAmount(withdrawal.withdrawalUSD);
+    setWithdrawnAmount(withdrawal.userInputAmount);
     setConfirmedHash(depositAddress);
     setQuote(withdrawal.quote);
     setSelectedTokenSymbol(withdrawal.tokenSymbol);
@@ -29268,91 +29298,97 @@ function WithdrawalModal({
       Dialog.Content,
       {
         className: getContentAnimation(animation),
-        paddingTop: step === "SELECT_METHOD" /* SELECT_METHOD */ ? "0" : "withdrawalModalPaddingTop",
+        paddingTop: "0",
         withTopDivider,
         id: WITHDRAWAL_MODAL_CONTENT_ID,
         onScroll
       },
-      step === "SELECT_METHOD" /* SELECT_METHOD */ && (isMultiMethodWithdrawalConfig(config) ? /* @__PURE__ */ React145.createElement(
-        WithdrawalTypeSelect,
-        {
-          sectionTitle: config.sectionTitle,
-          methods: config.methods,
-          onMethodSelect: handleTypeSelect
-        }
-      ) : activeConfig && /* @__PURE__ */ React145.createElement(
-        WithdrawalMethodSelect,
+      isFreeUsdcBannerEnabled && /* @__PURE__ */ React145.createElement(FreeUsdcBanner, { type: "withdrawal" }),
+      /* @__PURE__ */ React145.createElement(
+        Box,
         {
-          sourceChainId: activeConfig.sourceChainId,
-          sourceTokenAddress: activeConfig.sourceTokenAddress,
-          onCryptoSelect: () => {
-            logEvent({
-              eventName: "fw::crypto_address_selected" /* CRYPTO_ADDRESS_SELECTED */,
-              metadata: { checkoutId: withdrawalItem?.id }
-            });
-            logEvent({
-              eventName: "fw::enter_amount_viewed" /* ENTER_AMOUNT_VIEWED */,
-              metadata: { checkoutId: withdrawalItem?.id }
-            });
-            navigateToStep("ENTER_AMOUNT" /* ENTER_AMOUNT */);
-          },
-          onCashFopSelect: (fop) => {
-            logEvent({
-              eventName: "fw::cash_fop_selected" /* CASH_FOP_SELECTED */,
-              metadata: {
-                checkoutId: withdrawalItem?.id,
-                fopName: fop.name,
-                fopType: fop.fopType
-              }
-            });
+          paddingTop: step === "SELECT_METHOD" /* SELECT_METHOD */ ? "0" : "withdrawalModalPaddingTop"
+        },
+        step === "SELECT_METHOD" /* SELECT_METHOD */ && (isMultiMethodWithdrawalConfig(config) ? /* @__PURE__ */ React145.createElement(
+          WithdrawalTypeSelect,
+          {
+            sectionTitle: config.sectionTitle,
+            methods: config.methods,
+            onMethodSelect: handleTypeSelect
           }
-        }
-      )),
-      step === "ENTER_AMOUNT" /* ENTER_AMOUNT */ && activeConfig && /* @__PURE__ */ React145.createElement(React145.Fragment, null, uiCustomizations.withdrawalScreen.customTopComponent?.(), /* @__PURE__ */ React145.createElement(
-        WithdrawContent,
-        {
-          onContinue: handleWithdrawContentContinue,
-          config: activeConfig,
-          withdrawalItem
-        }
-      )),
-      step === "SUCCESS" /* SUCCESS */ && activeConfig && /* @__PURE__ */ React145.createElement(
-        WithdrawSuccess,
-        {
-          depositAddress: confirmedHash,
-          amount: Number.parseFloat(withdrawnAmount),
-          token: activeConfig.sourceTokenSymbol,
-          tokenIconSrc: activeConfig.iconSrc || ASSET_LOGO_SRCS[activeConfig.sourceTokenSymbol] || "",
-          bottomBarId: MODAL_BOTTOM_BAR_IDS.withdrawal,
-          onNewWithdrawal: handleNewWithdrawal,
-          onClose: onCloseWrapper,
-          chainId: activeConfig.sourceChainId,
-          txHash: confirmedHash
-        }
-      ),
-      step === "PENDING_CALLBACK" /* PENDING_CALLBACK */ && (isLighterxyzCustomer(apiKey) && activeConfig?.sourceChainId === String(mainnet8.id) ? /* @__PURE__ */ React145.createElement(
-        LighterSecureWithdrawalSuccess,
-        {
-          onClose: onCloseWrapper,
-          onNewWithdrawal: handleNewWithdrawal,
-          amount: withdrawnAmount,
-          tokenSymbol: selectedTokenSymbol,
-          txHash: confirmedHash
-        }
-      ) : /* @__PURE__ */ React145.createElement(
-        WithdrawalCallbackSuccess,
-        {
-          bottomBarId: MODAL_BOTTOM_BAR_IDS.withdrawal,
-          onClose: onCloseWrapper,
-          onNewWithdrawal: () => {
-            resetForNewWithdrawal();
-            navigateToStep("ENTER_AMOUNT" /* ENTER_AMOUNT */, {
-              skipAnimation: true
-            });
-          },
-          quote
-        }
-      ))
+        ) : activeConfig && /* @__PURE__ */ React145.createElement(
+          WithdrawalMethodSelect,
+          {
+            sourceChainId: activeConfig.sourceChainId,
+            sourceTokenAddress: activeConfig.sourceTokenAddress,
+            onCryptoSelect: () => {
+              logEvent({
+                eventName: "fw::crypto_address_selected" /* CRYPTO_ADDRESS_SELECTED */,
+                metadata: { checkoutId: withdrawalItem?.id }
+              });
+              logEvent({
+                eventName: "fw::enter_amount_viewed" /* ENTER_AMOUNT_VIEWED */,
+                metadata: { checkoutId: withdrawalItem?.id }
+              });
+              navigateToStep("ENTER_AMOUNT" /* ENTER_AMOUNT */);
+            },
+            onCashFopSelect: (fop) => {
+              logEvent({
+                eventName: "fw::cash_fop_selected" /* CASH_FOP_SELECTED */,
+                metadata: {
+                  checkoutId: withdrawalItem?.id,
+                  fopName: fop.name,
+                  fopType: fop.fopType
+                }
+              });
+            }
+          }
+        )),
+        step === "ENTER_AMOUNT" /* ENTER_AMOUNT */ && activeConfig && /* @__PURE__ */ React145.createElement(React145.Fragment, null, uiCustomizations.withdrawalScreen.customTopComponent?.(), /* @__PURE__ */ React145.createElement(
+          WithdrawContent,
+          {
+            onContinue: handleWithdrawContentContinue,
+            config: activeConfig,
+            withdrawalItem
+          }
+        )),
+        step === "SUCCESS" /* SUCCESS */ && activeConfig && /* @__PURE__ */ React145.createElement(
+          WithdrawSuccess,
+          {
+            depositAddress: confirmedHash,
+            token: activeConfig.sourceTokenSymbol,
+            tokenIconSrc: activeConfig.iconSrc || ASSET_LOGO_SRCS[activeConfig.sourceTokenSymbol] || "",
+            bottomBarId: MODAL_BOTTOM_BAR_IDS.withdrawal,
+            onNewWithdrawal: handleNewWithdrawal,
+            onClose: onCloseWrapper,
+            chainId: activeConfig.sourceChainId,
+            txHash: confirmedHash
+          }
+        ),
+        step === "PENDING_CALLBACK" /* PENDING_CALLBACK */ && (isLighterxyzCustomer(apiKey) && activeConfig?.sourceChainId === String(mainnet9.id) ? /* @__PURE__ */ React145.createElement(
+          LighterSecureWithdrawalSuccess,
+          {
+            onClose: onCloseWrapper,
+            onNewWithdrawal: handleNewWithdrawal,
+            amount: withdrawnAmount,
+            tokenSymbol: selectedTokenSymbol,
+            txHash: confirmedHash
+          }
+        ) : /* @__PURE__ */ React145.createElement(
+          WithdrawalCallbackSuccess,
+          {
+            bottomBarId: MODAL_BOTTOM_BAR_IDS.withdrawal,
+            onClose: onCloseWrapper,
+            onNewWithdrawal: () => {
+              resetForNewWithdrawal();
+              navigateToStep("ENTER_AMOUNT" /* ENTER_AMOUNT */, {
+                skipAnimation: true
+              });
+            },
+            quote
+          }
+        ))
+      )
     ), /* @__PURE__ */ React145.createElement(Dialog.BottomSection, { id: MODAL_BOTTOM_BAR_IDS.withdrawal }))
   );
 }
@@ -29433,17 +29469,17 @@ var useActivityTraversal = () => {
 };
 
 // src/modals/ProfileDetails/ProfileDetails.tsx
-import React266, { useCallback as useCallback51, useState as useState75 } from "react";
+import React266, { useCallback as useCallback52, useState as useState76 } from "react";
 
 // src/components/ModalHeightAnimationLayer/FunCheckoutModalHeightAnimationWrapper.tsx
 import React252 from "react";
 
 // src/modals/CheckoutModal/stepTransition.ts
 import {
-  useCallback as useCallback49,
+  useCallback as useCallback50,
   useEffect as useEffect65,
   useRef as useRef33,
-  useState as useState72
+  useState as useState73
 } from "react";
 
 // src/hooks/useCheckoutQuoteNotification.ts
@@ -31273,13 +31309,13 @@ function BrokerageTwoFA({
   const { logEvent } = useTrack();
   const { checkoutItem } = useCheckoutContext();
   const bottomSectionRef = useBottomSectionRef();
-  const chainId = checkoutItem?.selectedSourceAssetInfo.chainId || "";
+  const chainId2 = checkoutItem?.selectedSourceAssetInfo.chainId || "";
   const tryToRefreshQuote = async () => {
     logger.info(`${logPrefix2}handleEnterTwoFactor:quoteExpired`, {
       quote: bluvoClient.context?.quote
     });
     const quoteMetadata = {
-      chainId,
+      chainId: chainId2,
       symbol: bluvoClient.context?.quote?.asset || "",
       amount: bluvoClient.context?.quote?.amount || "",
       quote: bluvoClient.context?.quote
@@ -32219,13 +32255,13 @@ function ApprovalMethodToggle({
 // src/components/FunInfoBanner/ChainInfoBanners.tsx
 import React181 from "react";
 var ChainInfoBanners = ({
-  chainId
+  chainId: chainId2
 }) => {
   const chainInfoBanners = useDynamicConfig(
     "chaininfobanners"
   );
   try {
-    const chainBanners = chainInfoBanners[chainId] ?? [];
+    const chainBanners = chainInfoBanners[chainId2] ?? [];
     return chainBanners.map((banner) => {
       const { expireAtMs, ...bannerProps } = banner;
       if (expireAtMs && Date.now() > expireAtMs) {
@@ -32234,10 +32270,10 @@ var ChainInfoBanners = ({
       if (expireAtMs) {
         return /* @__PURE__ */ React181.createElement(EphemeralInfoBanner, { ...bannerProps, expireAtMs });
       }
-      return /* @__PURE__ */ React181.createElement(InfoBanner, { key: `${banner.message}-${chainId}`, ...banner });
+      return /* @__PURE__ */ React181.createElement(InfoBanner, { key: `${banner.message}-${chainId2}`, ...banner });
     });
   } catch {
-    logger.error("ChainInfoBanners:error", { chainId, chainInfoBanners });
+    logger.error("ChainInfoBanners:error", { chainId: chainId2, chainInfoBanners });
     return null;
   }
 };
@@ -32781,9 +32817,9 @@ function useCardDisclaimer(checkoutItem, finalConvertedAssetName) {
       return null;
     }
     const { config } = checkoutItem.initSettings;
-    const { chainId, symbol } = checkoutItem.selectedSourceAssetInfo;
+    const { chainId: chainId2, symbol } = checkoutItem.selectedSourceAssetInfo;
     const depositToken = symbol ?? "";
-    const sourceChainName = chainMetadataById[chainId]?.name ?? "";
+    const sourceChainName = chainMetadataById[chainId2]?.name ?? "";
     const toChainName = chainMetadataById[config.targetChain]?.name ?? "";
     const areTokensEqual = (
       // TODO: comparing symbol with the result of a function named 'getCheckoutItemDisplay' does not feel reliable
@@ -32979,14 +33015,14 @@ import { erc20Abi as erc20Abi4 } from "viem";
 
 // src/utils/isMainnetUsdt.ts
 import { isTokenEquivalent as isTokenEquivalent4 } from "@funkit/utils";
-import { mainnet as mainnet9 } from "viem/chains";
+import { mainnet as mainnet10 } from "viem/chains";
 var USDT_MAINNET_ADDRESS = "0xdAC17F958D2ee523a2206206994597C13D831ec7";
-function isMainnetUsdt(chainId, address) {
+function isMainnetUsdt(chainId2, address) {
   return isTokenEquivalent4({
     firstTokenAddress: address,
-    firstTokenChainId: chainId.toString(),
+    firstTokenChainId: chainId2.toString(),
     secondTokenAddress: USDT_MAINNET_ADDRESS,
-    secondTokenChainId: mainnet9.id.toString()
+    secondTokenChainId: mainnet10.id.toString()
   });
 }
 
@@ -34124,7 +34160,7 @@ import {
   isTokenEquivalent as isTokenEquivalent5,
   round as round2
 } from "@funkit/utils";
-import * as dnum8 from "dnum";
+import * as dnum9 from "dnum";
 import { motion as motion10 } from "motion/react";
 import React205, { useEffect as useEffect52, useMemo as useMemo53 } from "react";
 
@@ -35315,20 +35351,226 @@ var QuickOptions = ({
   );
 };
 
+// src/modals/CheckoutModal/InputAmount/useAaveNativeSupply.ts
+import {
+  bigDecimal,
+  chainId,
+  evmAddress
+} from "@aave/client";
+import { supply } from "@aave/client/actions";
+import { sendWith } from "@aave/client/viem";
+import { DirectExecutionType as DirectExecutionType4, createDirectExecution } from "@funkit/api-base";
+import * as dnum7 from "dnum";
+import { useCallback as useCallback39, useState as useState59 } from "react";
+
+// src/modals/CheckoutModal/InputAmount/aaveClient.ts
+import { AaveV3Ethereum } from "@aave-dao/aave-address-book";
+import { AaveClient, production } from "@aave/client";
+var aaveClient = AaveClient.create({ environment: production });
+var AAVE_MARKET_ADDRESS_BY_CHAIN = {
+  "1": AaveV3Ethereum.POOL
+};
+
+// src/modals/CheckoutModal/InputAmount/useAaveNativeSupply.ts
+function isAaveNativeSupplyContext({
+  apiKey,
+  sourceAsset,
+  checkoutConfig
+}) {
+  if (!isCustomerNativeFastPathEnabled(apiKey)) {
+    return false;
+  }
+  if (!AAVE_MARKET_ADDRESS_BY_CHAIN[String(checkoutConfig.targetChain)]) {
+    return false;
+  }
+  if (String(sourceAsset.chainId) !== String(checkoutConfig.targetChain)) {
+    return false;
+  }
+  return sourceAsset.address.toLowerCase() === checkoutConfig.targetAsset.toLowerCase();
+}
+function formatSupplyAmount(tokenAmountBaseUnit, fallbackAssetAmount) {
+  if (tokenAmountBaseUnit) {
+    return dnum7.toString(tokenAmountBaseUnit);
+  }
+  return String(fallbackAssetAmount ?? 0);
+}
+async function executeAaveSupplyPlan(walletClient, request) {
+  const result = await supply(aaveClient, request).andThen(
+    sendWith(walletClient)
+  );
+  if (result.isErr()) {
+    throw result.error;
+  }
+  return result.value.txHash;
+}
+function useAaveNativeSupply({
+  checkoutItem
+}) {
+  const { address: walletAddress, connector } = useAccount();
+  const { apiKey } = useFunkitConfig();
+  const userInfo = useFunkitUserInfo();
+  const wagmiConfig = useConfig();
+  const { switchChainAsync } = useFunkitSwitchChains({});
+  const { updateActiveCheckout } = useCheckoutContext();
+  const { refreshCheckoutHistory } = useCheckoutHistoryContext();
+  const [isPending, setIsPending] = useState59(false);
+  const [error, setError] = useState59(null);
+  const submit = useCallback39(
+    async (humanAmount) => {
+      setError(null);
+      if (!walletAddress || !connector) {
+        const err = new Error("Wallet not connected");
+        setError(err);
+        return null;
+      }
+      if (!checkoutItem) {
+        const err = new Error("No active checkout");
+        setError(err);
+        return null;
+      }
+      const targetChainStr = checkoutItem.initSettings.config.targetChain;
+      const market = AAVE_MARKET_ADDRESS_BY_CHAIN[targetChainStr];
+      if (!market) {
+        const err = new Error(
+          `Aave native supply not configured for chain ${targetChainStr}`
+        );
+        setError(err);
+        return null;
+      }
+      const targetChainNum = Number.parseInt(targetChainStr, 10);
+      const targetAsset = checkoutItem.initSettings.config.targetAsset;
+      setIsPending(true);
+      try {
+        const currentChainId = await connector.getChainId();
+        if (currentChainId !== targetChainNum) {
+          logger.info("aaveNativeSupply:chainSwitch", {
+            from: currentChainId,
+            to: targetChainNum
+          });
+          await switchChainAsync({ chainId: targetChainNum });
+        }
+        const walletClient = await getWalletClient(wagmiConfig, {
+          chainId: targetChainNum
+        });
+        const supplyRequest = {
+          chainId: chainId(targetChainNum),
+          market: evmAddress(market),
+          amount: {
+            erc20: {
+              currency: evmAddress(targetAsset),
+              value: bigDecimal(humanAmount)
+            }
+          },
+          sender: evmAddress(walletAddress)
+        };
+        const supplyTxHash = await executeAaveSupplyPlan(
+          walletClient,
+          supplyRequest
+        );
+        if (!userInfo.id) {
+          logger.warn("aaveNativeSupply:skippingDirectExecutionNoUserId", {
+            txHash: supplyTxHash,
+            checkoutId: checkoutItem.id
+          });
+        } else {
+          try {
+            const config = checkoutItem.initSettings.config;
+            const clientMetadata = {
+              id: checkoutItem.id,
+              startTimestampMs: checkoutItem.startTimestampMs,
+              finalDollarValue: checkoutItem.finalDollarValue,
+              depositAddress: supplyTxHash,
+              latestQuote: null,
+              initSettings: {
+                ...checkoutItem.initSettings,
+                config: { ...config, generateActionsParams: void 0 }
+              },
+              selectedSourceAssetInfo: checkoutItem.selectedSourceAssetInfo,
+              selectedPaymentMethodInfo: checkoutItem.selectedPaymentMethodInfo ?? null,
+              evaluatedActionsParams: [],
+              isWithdrawal: false
+            };
+            await createDirectExecution({
+              txHash: supplyTxHash,
+              userId: userInfo.id,
+              recipientAddr: getCheckoutRecipient({
+                config,
+                walletAddress
+              }),
+              type: DirectExecutionType4.CONTRACT_CALL,
+              fromChainId: targetChainStr,
+              fromTokenAddress: targetAsset,
+              toChainId: targetChainStr,
+              toTokenAddress: targetAsset,
+              // For a pure supply, source and destination amounts match —
+              // there is no swap. Aave's API doesn't return base-unit
+              // amounts in the plan, so we omit them here for the PoC.
+              // TODO(ENG-3757): plumb base-unit amounts once we read
+              // token decimals (or extend the supply request to return them).
+              fromAmountBaseUnit: "0",
+              toAmountBaseUnit: "0",
+              estTotalUsd: checkoutItem.finalDollarValue ?? 0,
+              sourceOfFund: `${checkoutItem.selectedPaymentMethodInfo?.paymentMethod ?? ""}|aave|${walletAddress}`,
+              clientMetadata,
+              apiKey,
+              logger
+            });
+          } catch (deError) {
+            logger.warn("aaveNativeSupply:createDirectExecutionFailed", {
+              txHash: supplyTxHash,
+              checkoutId: checkoutItem.id,
+              errorMessage: deError instanceof Error ? deError.message : String(deError)
+            });
+          }
+        }
+        checkoutItem.initSettings.onConfirmation?.(supplyTxHash);
+        logger.log("directExecutionCheckoutConfirmed", {
+          depositAddressOrHash: supplyTxHash
+        });
+        updateActiveCheckout({ depositAddress: supplyTxHash });
+        refreshCheckoutHistory();
+        return { txHash: supplyTxHash };
+      } catch (err) {
+        const e = err instanceof Error ? err : new Error(String(err));
+        logger.warn("aaveNativeSupply:executionFailed", {
+          checkoutId: checkoutItem.id,
+          errorMessage: e.message
+        });
+        setError(e);
+        return null;
+      } finally {
+        setIsPending(false);
+      }
+    },
+    [
+      walletAddress,
+      connector,
+      apiKey,
+      userInfo.id,
+      checkoutItem,
+      wagmiConfig,
+      switchChainAsync,
+      updateActiveCheckout,
+      refreshCheckoutHistory
+    ]
+  );
+  return { submit, isPending, error };
+}
+
 // src/modals/CheckoutModal/InputAmount/useAmountInput.ts
 import {
-  useCallback as useCallback40,
+  useCallback as useCallback41,
   useMemo as useMemo52,
   useReducer as useReducer3,
   useRef as useRef26,
-  useState as useState60
+  useState as useState61
 } from "react";
 
 // src/hooks/useTextMeasurer.ts
-import { useCallback as useCallback39, useState as useState59 } from "react";
+import { useCallback as useCallback40, useState as useState60 } from "react";
 function useTextMeasurer(inputRef) {
-  const [temp] = useState59(() => document.createElement("span"));
-  const measureText = useCallback39(
+  const [temp] = useState60(() => document.createElement("span"));
+  const measureText = useCallback40(
     (text, fontSize) => {
       if (!inputRef.current) {
         return void 0;
@@ -35361,7 +35603,7 @@ function useTextMeasurer(inputRef) {
 
 // src/modals/CheckoutModal/InputAmount/state.ts
 import { round } from "@funkit/utils";
-import * as dnum7 from "dnum";
+import * as dnum8 from "dnum";
 function resolveUnitPrice(isExactIn, sourceHolding, targetUnitPrice) {
   if (!isExactIn) {
     return targetUnitPrice;
@@ -35437,9 +35679,9 @@ function isAmountAboveAvailable({
   }
   const limit = maxSendableAmount ?? tokenBalanceBaseUnit;
   if (tokenAmountBaseUnit !== null) {
-    return dnum7.greaterThan(tokenAmountBaseUnit, limit);
+    return dnum8.greaterThan(tokenAmountBaseUnit, limit);
   }
-  return dnum7.greaterThan(toBaseUnits(assetAmount, limit[1]), limit);
+  return dnum8.greaterThan(toBaseUnits(assetAmount, limit[1]), limit);
 }
 function computeInitialTokenAmount(isExactIn, assetAmount, tokenDecimals, tokenBalanceBaseUnit) {
   if (!isExactIn || assetAmount === void 0 || tokenDecimals === null) {
@@ -35455,7 +35697,7 @@ function parseTokenBalance(sourceHolding) {
   if (!sourceHolding?.tokenBalanceRaw || decimals === null) {
     return null;
   }
-  return dnum7.from([BigInt(sourceHolding.tokenBalanceRaw), decimals]);
+  return dnum8.from([BigInt(sourceHolding.tokenBalanceRaw), decimals]);
 }
 function tokenToFiat(tokenAmountBaseUnit, frozenUnitPrice, decimals = ASSET_DECIMALS) {
   return mulByPriceRoundedDown(tokenAmountBaseUnit, frozenUnitPrice, decimals);
@@ -35464,7 +35706,7 @@ function clampToBalance(computed, tokenBalanceBaseUnit) {
   if (computed === null || tokenBalanceBaseUnit === null) {
     return computed;
   }
-  if (dnum7.greaterThan(computed, tokenBalanceBaseUnit) && dnum7.subtract(computed, tokenBalanceBaseUnit)[0] < 1000n) {
+  if (dnum8.greaterThan(computed, tokenBalanceBaseUnit) && dnum8.subtract(computed, tokenBalanceBaseUnit)[0] < 1000n) {
     return tokenBalanceBaseUnit;
   }
   return computed;
@@ -36077,8 +36319,8 @@ function useAmountInput(options) {
     activeTheme.fontSize.inputAmount.fontSize,
     10
   );
-  const [fontSize, setFontSize] = useState60(maxFontSize);
-  const [inputWidth, setInputWidth] = useState60();
+  const [fontSize, setFontSize] = useState61(maxFontSize);
+  const [inputWidth, setInputWidth] = useState61();
   const textContent = inputAffix.type === "prefix" ? inputAffix.content + inputText : inputText + inputAffix.content;
   useIsomorphicLayoutEffect(() => {
     const totalTextWidth = measureText(textContent, fontSize);
@@ -36105,7 +36347,7 @@ function useAmountInput(options) {
   const isCardCheckout = paymentMethodInfo.paymentMethod === "card" /* CARD */;
   const isMeldFlow = isCardCheckout && isMeldEnabled;
   const unitPrice = realUnitPrice;
-  const dispatchAndGetNewState = useCallback40(
+  const dispatchAndGetNewState = useCallback41(
     (action) => {
       dispatch(action);
       return getDerivedState(
@@ -36121,7 +36363,7 @@ function useAmountInput(options) {
     }
     return attachInputNormalization(inputRef.current, inputDecimals, locale);
   }, [inputDecimals, locale, inputRef.current]);
-  const onChange = useCallback40(
+  const onChange = useCallback41(
     (event) => {
       dispatch({
         type: "setInputValue",
@@ -36156,7 +36398,7 @@ function useAmountInput(options) {
       });
     }
   }, [defaultAmount]);
-  const setAssetAmount = useCallback40(
+  const setAssetAmount = useCallback41(
     (assetAmount) => {
       const newState = dispatchAndGetNewState({
         type: "setAssetAmount",
@@ -36168,7 +36410,7 @@ function useAmountInput(options) {
     },
     [dispatchAndGetNewState, unitPrice]
   );
-  const setFiatAmount = useCallback40(
+  const setFiatAmount = useCallback41(
     (fiatAmount) => {
       const newState = dispatchAndGetNewState({
         type: "setFiatAmount",
@@ -36180,7 +36422,7 @@ function useAmountInput(options) {
     },
     [dispatchAndGetNewState, unitPrice]
   );
-  const setTokenAmount = useCallback40(
+  const setTokenAmount = useCallback41(
     (tokenAmountBaseUnit, frozenUnitPrice) => {
       const newState = dispatchAndGetNewState({
         type: "setTokenAmount",
@@ -36192,7 +36434,7 @@ function useAmountInput(options) {
     },
     [dispatchAndGetNewState]
   );
-  const toggleInputInFiat = useCallback40(() => {
+  const toggleInputInFiat = useCallback41(() => {
     dispatch({ type: "toggleInputInFiat" });
     inputRef.current?.focus();
   }, []);
@@ -36216,7 +36458,7 @@ function useAmountInput(options) {
 
 // src/modals/CheckoutModal/InputAmount/useMeld.tsx
 import { MeldServiceProvider as MeldServiceProvider2 } from "@funkit/api-base";
-import React204, { useCallback as useCallback42 } from "react";
+import React204, { useCallback as useCallback43 } from "react";
 
 // src/components/SourceMeldQuoteItem/SourceMeldQuoteItem.tsx
 import React203 from "react";
@@ -36569,8 +36811,8 @@ import {
   FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9,
   hyperEvmChain as hyperEvmChain4
 } from "@funkit/chains";
-import { useCallback as useCallback41, useState as useState61 } from "react";
-import { mainnet as mainnet10, mantle, zksync as zksync2 } from "viem/chains";
+import { useCallback as useCallback42, useState as useState62 } from "react";
+import { mainnet as mainnet11, mantle, zksync as zksync2 } from "viem/chains";
 import { getAssetErc20ByChainAndSymbol as getAssetErc20ByChainAndSymbol2 } from "@funkit/api-base";
 var pickSourceAssetForCard = async (checkoutItem, userIpInfo, apiKey) => {
   if (!checkoutItem?.initSettings.config.targetChain) {
@@ -36600,7 +36842,7 @@ var pickSourceAssetForCard = async (checkoutItem, userIpInfo, apiKey) => {
     sourceTokenAddress = NATIVE_TOKEN;
     sourceTokenChainId = moonpayChainId;
   } else {
-    sourceTokenChainId = isNyOrTxOrVi ? mainnet10.id.toString() : moonpayChainId;
+    sourceTokenChainId = isNyOrTxOrVi ? mainnet11.id.toString() : moonpayChainId;
     if (isTargetAssetEthOrWeth) {
       sourceTokenTicker = "ETH" /* ETH */;
       sourceTokenAddress = NATIVE_TOKEN;
@@ -36633,8 +36875,8 @@ function useUpdateCardSourceAsset() {
   const { checkoutItem, updateSourceAsset } = useCheckoutContext();
   const { userIpInfo } = useFunkitUserIp();
   const { apiKey } = useFunkitConfig();
-  const [isUpdating, setIsUpdating] = useState61(false);
-  const onSelectCard = useCallback41(async () => {
+  const [isUpdating, setIsUpdating] = useState62(false);
+  const onSelectCard = useCallback42(async () => {
     setIsUpdating(true);
     try {
       const source = await pickSourceAssetForCard(
@@ -36749,7 +36991,7 @@ function useMeld(meldEnabled, manuallySelectedQuote, usdAmount, fiatCurrency) {
   );
   const isMeldMoonpaySelected = selectedQuote?.serviceProvider === MeldServiceProvider2.MOONPAY;
   const isMeldContinueDisabled = meldEnabled && (!!meldLimitError || isMeldLinkPending || !!meldQuotesQuery.error || meldQuotesQuery.isFetching || isSelectedQuoteUnavailable);
-  const getMeldError = useCallback42(
+  const getMeldError = useCallback43(
     function getMeldError2() {
       if (isSelectedQuoteUnavailable) {
         return {
@@ -36821,9 +37063,18 @@ function InputAmountLoaded({
   const isBrokerageCheckout = paymentMethodInfo.paymentMethod === "brokerage" /* BROKERAGE */;
   const meldEnabled = useIsMeldEnabled() && isCardCheckout;
   const { getMinDepositUSD } = checkoutConfig;
-  const { updateTargetAssetAmount } = useCheckoutContext();
+  const { checkoutItem, updateTargetAssetAmount } = useCheckoutContext();
   const { brokerageMinMax } = useFunkitBrokerageContext();
   const quoteBuilder = useQuoteBuilder();
+  const aaveSupply = useAaveNativeSupply({ checkoutItem: checkoutItem ?? null });
+  const isAaveNativeFastPath = sourceHolding != null && isAaveNativeSupplyContext({
+    apiKey,
+    sourceAsset: {
+      chainId: sourceHolding.pickedChainId,
+      address: sourceHolding.tokenAddress
+    },
+    checkoutConfig
+  });
   const isExactIn = quoteBuilder.isExactIn();
   const sourceTokenKey = sourceHolding?.chainSymbolKey;
   const sourceTokenChanged = modalState.sourceTokenKey != null && modalState.sourceTokenKey !== sourceTokenKey;
@@ -36870,7 +37121,7 @@ function InputAmountLoaded({
     const { tokenBalanceBaseUnit, frozenUnitPrice } = amountInputResult;
     if (isExactIn && !isCardCheckout && tokenBalanceBaseUnit != null && frozenUnitPrice != null) {
       const base8 = amountInputResult.maxSendableAmount ?? tokenBalanceBaseUnit;
-      const amount = option === 100 ? base8 : dnum8.multiply(base8, option / 100);
+      const amount = option === 100 ? base8 : dnum9.multiply(base8, option / 100);
       amountInputResult.setTokenAmount(amount, frozenUnitPrice);
       return null;
     }
@@ -36920,6 +37171,9 @@ function InputAmountLoaded({
         return meldError;
       }
     }
+    if (aaveSupply.error) {
+      return { message: aaveSupply.error.message, type: "error" };
+    }
     if (usdAvailableAmount === 0) {
       return {
         message: t("inputAmount.insufficientBalanceSelectAnother"),
@@ -36927,16 +37181,49 @@ function InputAmountLoaded({
       };
     }
     return getInputErrorNotification(inputError, t);
-  }, [t, inputError, usdAvailableAmount, isCardCheckout, getMeldError]);
-  const handleContinue = async (assetAmount2, tokenAmountBaseUnitBigint, fiatAmountOverride) => {
+  }, [
+    t,
+    inputError,
+    usdAvailableAmount,
+    isCardCheckout,
+    getMeldError,
+    aaveSupply.error
+  ]);
+  const handleContinue = async (assetAmount2, tokenAmountBaseUnit, fiatAmountOverride) => {
     if (assetAmount2 === void 0) {
       return;
     }
+    if (isAaveNativeFastPath) {
+      logger.info("checkoutFlow:aaveNativeFastPath:selected", {
+        targetChain: checkoutConfig.targetChain,
+        targetAsset: checkoutConfig.targetAsset,
+        sourceChainId: sourceHolding?.pickedChainId,
+        sourceTokenAddress: sourceHolding?.tokenAddress,
+        assetAmount: assetAmount2
+      });
+      updateTargetAssetAmount(
+        assetAmount2,
+        fiatAmountOverride ?? fiatAmount,
+        tokenAmountBaseUnit?.[0] ?? void 0
+      );
+      const amountString = formatSupplyAmount(
+        tokenAmountBaseUnit ?? null,
+        assetAmount2
+      );
+      const result = await aaveSupply.submit(amountString);
+      if (result) {
+        onNext({
+          nextStep: "checkout_complete" /* CHECKOUT_COMPLETE */,
+          txHash: result.txHash
+        });
+      }
+      return;
+    }
     if (!meldEnabled) {
       updateTargetAssetAmount(
         assetAmount2,
         fiatAmountOverride ?? fiatAmount,
-        tokenAmountBaseUnitBigint ?? void 0
+        tokenAmountBaseUnit?.[0] ?? void 0
       );
       onNext({});
       return;
@@ -36946,7 +37233,7 @@ function InputAmountLoaded({
   const autoConfirm = (newState) => {
     handleContinue(
       newState.assetAmount,
-      newState.tokenAmountBaseUnit?.[0] ?? null,
+      newState.tokenAmountBaseUnit ?? null,
       newState.fiatAmount
     );
   };
@@ -36954,7 +37241,7 @@ function InputAmountLoaded({
     if (!suggestion) {
       return handleContinue(
         assetAmount,
-        amountInputResult.tokenAmountBaseUnit?.[0] ?? null
+        amountInputResult.tokenAmountBaseUnit ?? null
       );
     }
     if (inputError?.type === "aboveAvailable") {
@@ -36982,8 +37269,8 @@ function InputAmountLoaded({
       actionButtonProps: {
         title: suggestion?.buttonLabel ?? t("common.continue"),
         onClick: handleSubmit,
-        isDisabled: !isValid && !suggestion || isMeldContinueDisabled,
-        isLoading: isMeldLinkPending
+        isDisabled: !isValid && !suggestion || isMeldContinueDisabled || aaveSupply.isPending,
+        isLoading: isMeldLinkPending || aaveSupply.isPending
       },
       fiatCurrencySelector: meldEnabled && /* @__PURE__ */ React205.createElement(
         CurrencySelector,
@@ -37025,7 +37312,8 @@ function InputAmountLoaded({
           targetChainId: modalState.targetChainId,
           textCustomizations,
           checkoutConfig,
-          isChainIconHidden: isBrokerageCheckout
+          isChainIconHidden: isBrokerageCheckout,
+          forceShowYouPaySection: isAaveNativeFastPath
         }
       ),
       error
@@ -37304,7 +37592,8 @@ function YouPayYouReceiveWrapper({
   targetChainId,
   checkoutConfig,
   textCustomizations,
-  isChainIconHidden
+  isChainIconHidden,
+  forceShowYouPaySection
 }) {
   const {
     targetAssetTicker,
@@ -37322,7 +37611,7 @@ function YouPayYouReceiveWrapper({
   const showYouPayYouReceive = Boolean(
     sourceAssetSymbol && sourceAssetIconSrc && targetAssetTicker && targetIconSrc
   );
-  const youPayYouReceiveShowYouPaySection = !isTokenEquivalent5({
+  const youPayYouReceiveShowYouPaySection = forceShowYouPaySection || !isTokenEquivalent5({
     firstTokenChainId: sourceAssetChainId?.toString() || "",
     firstTokenAddress: sourceAssetAddress?.toString() || "",
     secondTokenChainId: targetChainId,
@@ -37494,6 +37783,19 @@ var InputAmountInfo = {
         paymentMethodInfo: null
       };
     }
+    if (payload.nextStep === "checkout_complete" /* CHECKOUT_COMPLETE */) {
+      return {
+        ...common,
+        step: "checkout_complete" /* CHECKOUT_COMPLETE */,
+        // CheckoutCompleteState.depositAddress is a misnomer — for
+        // direct-execution flows (Aave native, brokerage, account-balance)
+        // it carries the tx hash rather than a real deposit address.
+        // FunkitCheckoutContext's startDirectExecutionCheckout already
+        // names its local `depositAddressOrHash: Address | Hex` to
+        // acknowledge this. Wider rename tracked in ENG-3966.
+        depositAddress: payload.txHash
+      };
+    }
     if (state.paymentMethodInfo.paymentMethod === "card" /* CARD */ && payload.fiatCurrency) {
       if (payload.nextStep === "meld_redirect" /* MELD_REDIRECT */ && payload.quote) {
         return {
@@ -38359,7 +38661,7 @@ function LoadingAccount({
 
 // src/modals/CheckoutModal/MeldCurrencySelect/MeldCurrencySelect.tsx
 import clsx20 from "clsx";
-import React217, { useMemo as useMemo56, useState as useState62 } from "react";
+import React217, { useMemo as useMemo56, useState as useState63 } from "react";
 
 // src/modals/CheckoutModal/MeldCurrencySelect/currenciesWithMultipleCountries.ts
 var currenciesWithMultipleCountries = {
@@ -38416,8 +38718,8 @@ function MeldCurrencySelect({
   const { t } = useFunkitTranslation();
   const { defaultCurrency } = modalState;
   const { data, isPending } = useMeldCurrencies();
-  const [query, setQuery] = useState62("");
-  const [selectedCurrency, setSelectedCurrency] = useState62(
+  const [query, setQuery] = useState63("");
+  const [selectedCurrency, setSelectedCurrency] = useState63(
     defaultCurrency
   );
   const filteredOptions = useMemo56(() => {
@@ -38620,10 +38922,10 @@ import React223, {
   useEffect as useEffect55,
   useLayoutEffect as useLayoutEffect2,
   useMemo as useMemo58,
-  useState as useState63
+  useState as useState64
 } from "react";
 import { createPortal as createPortal18 } from "react-dom";
-import { mainnet as mainnet11 } from "viem/chains";
+import { mainnet as mainnet12 } from "viem/chains";
 
 // src/hooks/useDynamicRoutes.ts
 import { useMemo as useMemo57 } from "react";
@@ -39033,7 +39335,7 @@ function AccountSelectAsset({
   const bottomSectionRef = useBottomSectionRef();
   const { findPath } = useDynamicRoutes();
   const { setSelectedBrokerageAsset } = useFunkitBrokerageContext();
-  const [explicitlySelectedChainTokenSymbol, setSelectedChainTokenSymbol] = useState63("");
+  const [explicitlySelectedChainTokenSymbol, setSelectedChainTokenSymbol] = useState64("");
   const checkoutConfig = checkoutItem?.initSettings.config;
   const defaultTargetAsset = useMemo58(
     () => getDefaultDynamicTargetAsset(checkoutConfig),
@@ -39268,7 +39570,7 @@ function isTreatedAsNativeToken(apiKey, asset, dynamicTargetAssetCandidates, fin
   }
   if (isEtherealCustomer(apiKey)) {
     if (isTokenEquivalent6({
-      firstTokenChainId: mainnet11.id.toString(),
+      firstTokenChainId: mainnet12.id.toString(),
       firstTokenAddress: "0x90d2af7d622ca3141efa4d8f1f24d86e5974cc8f",
       // eUSDe (Ethereum)
       secondTokenChainId: asset.pickedChainId,
@@ -39315,7 +39617,7 @@ import {
 } from "@funkit/api-base";
 import { LIGHTER_CHAIN_ID as LIGHTER_CHAIN_ID3 } from "@funkit/chains";
 import { isTokenEquivalent as isTokenEquivalent7, noop as noop8 } from "@funkit/utils";
-import React233, { useEffect as useEffect59, useMemo as useMemo60, useRef as useRef28, useState as useState65 } from "react";
+import React233, { useEffect as useEffect59, useMemo as useMemo60, useRef as useRef28, useState as useState66 } from "react";
 import { createPortal as createPortal19 } from "react-dom";
 
 // src/components/Dropdown/ReceiveTokenDropdown.tsx
@@ -39332,7 +39634,7 @@ var aprTag = (badgeText) => /* @__PURE__ */ React224.createElement(
 );
 var ReceiveTokenDropdown = ({
   tokens,
-  chainId,
+  chainId: chainId2,
   selectedToken,
   onTokenSelected,
   label,
@@ -39343,7 +39645,7 @@ var ReceiveTokenDropdown = ({
   displayedChainId
 }) => {
   const allTokens = Array.from(new Set(Object.values(tokens).flat()));
-  const patchedChainId = displayedChainId ?? chainId;
+  const patchedChainId = displayedChainId ?? chainId2;
   const tokenBadgeText = tokens.find(
     (token) => token.tokenSymbol === selectedToken
   )?.badgeText;
@@ -39429,21 +39731,21 @@ import { useEffect as useEffect57 } from "react";
 import { PaymentGroup as PaymentGroup2 } from "@funkit/api-base";
 import React225, {
   createContext as createContext19,
-  useCallback as useCallback43,
+  useCallback as useCallback44,
   useContext as useContext19,
   useEffect as useEffect56,
   useMemo as useMemo59,
   useRef as useRef27,
-  useState as useState64
+  useState as useState65
 } from "react";
 var SwappedContext = createContext19(null);
 function SwappedProvider({ children }) {
   const { activeTheme, darkTheme: darkTheme2 } = useActiveTheme();
   const isDarkMode = activeTheme === darkTheme2;
   const { uiCustomizations } = useFunkitConfig();
-  const [iframeUrl, setIframeUrl] = useState64(null);
-  const [isActive, setIsActive] = useState64(false);
-  const [isSwappedReady, setIsSwappedReady] = useState64(false);
+  const [iframeUrl, setIframeUrl] = useState65(null);
+  const [isActive, setIsActive] = useState65(false);
+  const [isSwappedReady, setIsSwappedReady] = useState65(false);
   const iframeRef = useRef27(null);
   const activeFopTypeRef = useRef27(null);
   const swappedTheme = useMemo59(() => {
@@ -39451,7 +39753,7 @@ function SwappedProvider({ children }) {
     const theme = { ...activeTheme, customFontFamily };
     return buildSwappedTheme(theme, isDarkMode);
   }, [activeTheme, isDarkMode, uiCustomizations.customFontFamily]);
-  const setIframeRef = useCallback43((el) => {
+  const setIframeRef = useCallback44((el) => {
     iframeRef.current = el;
   }, []);
   const sendSwappedPaymentMethod = useEffectEvent(
@@ -39484,7 +39786,7 @@ function SwappedProvider({ children }) {
     contentWindow.postMessage(msg, targetOrigin);
     logger.info("swapped-provider:focusAmountInput", { postMessage: msg });
   });
-  const activateIframe = useCallback43(
+  const activateIframe = useCallback44(
     (fopType) => {
       setIsActive(true);
       activeFopTypeRef.current = fopType;
@@ -39492,10 +39794,10 @@ function SwappedProvider({ children }) {
     },
     [sendSwappedPaymentMethod]
   );
-  const deactivateIframe = useCallback43(() => {
+  const deactivateIframe = useCallback44(() => {
     setIsActive(false);
   }, []);
-  const resetIframe = useCallback43(() => {
+  const resetIframe = useCallback44(() => {
     setIsSwappedReady(false);
     setIsActive(false);
     setIframeUrl(null);
@@ -39756,7 +40058,7 @@ function GroupedList({
 
 // src/modals/CheckoutModal/SourceChange/PayPal.tsx
 import { MeldServiceProvider as MeldServiceProvider3 } from "@funkit/api-base";
-import React230, { useCallback as useCallback44 } from "react";
+import React230, { useCallback as useCallback45 } from "react";
 function PayPal() {
   const { apiKey } = useFunkitConfig();
   const { data: defaultCurrency } = useMeldDefaultCurrency("card" /* CARD */);
@@ -39768,7 +40070,7 @@ function PayPal() {
   const isMeldEnabled = useIsMeldEnabled();
   const { checkoutItem } = useCheckoutContext();
   const isPaypalReady = false;
-  const onClick = useCallback44(() => {
+  const onClick = useCallback45(() => {
     if (isMeldEnabled && isPaypalReady) {
       openMeldPopup(() => mutateAsync(MeldServiceProvider3.PAYPAL));
     } else {
@@ -40041,22 +40343,23 @@ function SourceChange({
   const isSavedCardDefaultsToFiatTabEnabled = useFeatureGate(
     "saved-card-defaults-to-fiat-tab"
   );
-  const [selectedFop, setSelectedFop] = useState65(
+  const isFreeUsdcBannerEnabled = useFeatureGate("enable-free-usdc-banner");
+  const [selectedFop, setSelectedFop] = useState66(
     null
   );
-  const [connectedSource, setConnectedSource] = useState65(paymentMethodInfo);
-  const [newSource, setNewSource] = useState65();
-  const [defaultTab] = useState65(
+  const [connectedSource, setConnectedSource] = useState66(paymentMethodInfo);
+  const [newSource, setNewSource] = useState66();
+  const [defaultTab] = useState66(
     isSavedCardDefaultsToFiatTabEnabled && hasSavedFops ? "fiat" : "crypto"
   );
-  const [paymentMethodTab, setPaymentMethodTab] = useState65(
+  const [paymentMethodTab, setPaymentMethodTab] = useState66(
     modalState.paymentMethodTypeFilter ?? defaultTab
   );
-  const [leavingTab, setLeavingTab] = useState65(null);
+  const [leavingTab, setLeavingTab] = useState66(null);
   const isTabTransitionReversed = leavingTab !== defaultTab;
   const leavingClass = isTabTransitionReversed ? tabSlideContentOutReverse : tabSlideContentOut;
   const enteringClass = isTabTransitionReversed ? tabSlideContentInReverse : tabSlideContentIn;
-  const [selectedTargetAsset, setSelectedTargetAsset] = useState65(
+  const [selectedTargetAsset, setSelectedTargetAsset] = useState66(
     () => getDefaultDynamicTargetAsset(checkoutConfig)
   );
   const { isFallback, preferred, moreSources, unavailable } = usePaymentSources(
@@ -40384,6 +40687,7 @@ function SourceChange({
         onTabChange: handlePaymentMethodTabChange
       }
     ),
+    isFreeUsdcBannerEnabled && (paymentMethodTab === "crypto" || !isSwappedEnabled) && /* @__PURE__ */ React233.createElement(FreeUsdcBanner, { type: "deposit" }),
     isUnderComplianceReview && /* @__PURE__ */ React233.createElement(ComplianceReviewBanner, { checkoutId: modalState.checkoutId })
   ), isSwappedEnabled && paymentMethodTab === "fiat" && /* @__PURE__ */ React233.createElement(
     FunDivider,
@@ -40881,18 +41185,18 @@ function trackEventForFormOfPayment(fop, checkoutItem, eventName, extras) {
 
 // src/modals/CheckoutModal/TransferToken/TransferToken.tsx
 import { motion as motion13, useAnimationControls as useAnimationControls3 } from "motion/react";
-import React245, { useRef as useRef32, useState as useState69 } from "react";
+import React245, { useRef as useRef32, useState as useState70 } from "react";
 import { createPortal as createPortal21 } from "react-dom";
 
 // src/components/CopyAddress/CopyInputDisplayedAddress.tsx
 import { truncateMiddleOfAddress } from "@funkit/utils";
-import React236, { useCallback as useCallback46, useState as useState67 } from "react";
+import React236, { useCallback as useCallback47, useState as useState68 } from "react";
 
 // src/hooks/useCopyToClipboard.ts
-import { useCallback as useCallback45, useEffect as useEffect62, useState as useState66 } from "react";
+import { useCallback as useCallback46, useEffect as useEffect62, useState as useState67 } from "react";
 var useCopyToClipboard = (text, delay = 1500) => {
-  const [isCopied, setCopied] = useState66(false);
-  const handleCopy = useCallback45(() => {
+  const [isCopied, setCopied] = useState67(false);
+  const handleCopy = useCallback46(() => {
     if (!text) {
       return;
     }
@@ -40916,24 +41220,30 @@ var copyButtonIconActive = "_1kbzei96 _1kbzei94";
 var copyButtonIconBase = "_1kbzei95";
 var copyButtonWrapper = "_1rsrm2fa _1rsrm2f4 _1rsrm2f1z _1rsrm2f2c6 _1rsrm2f2cd _1rsrm2f1j _1rsrm2fu _1rsrm2f1f";
 var copyInputText = "_1kbzei9a";
-var copyInputTextActive = "_1kbzei9d _1kbzei9c";
+var copyInputTextActive = "_1kbzei9e _1kbzei9d";
 var copyInputTextBox = "_1kbzei98 _1rsrm2fa _1rsrm2f4 _1rsrm2f83 _1rsrm2f4g";
 var copyInputTextBoxActive = "_1kbzei99 _1kbzei98 _1rsrm2fa _1rsrm2f4 _1rsrm2f83 _1rsrm2f4g";
-var copyInputTextDefault = "_1kbzei9c";
-var copyInputTextWrapper = "_1kbzei9b";
-var textIn = "_1kbzei9f";
-var textOut = "_1kbzei9e";
+var copyInputTextDefault = "_1kbzei9d";
+var copyInputTextWrapper = "_1kbzei9c";
+var displayedAddressText = "_1kbzei9b";
+var textIn = "_1kbzei9g";
+var textOut = "_1kbzei9f";
 
 // src/components/CopyAddress/CopyInputDisplayedAddress.tsx
+var COPY_LABEL_I18N_KEY = {
+  address: "common.copyAddress",
+  invoice: "common.copyInvoice"
+};
 function CopyInputDisplayedAddressEN({
   address,
   onAddressCopied,
-  truncateAddress = false
+  truncateAddress = false,
+  label = "address"
 }) {
   const { handleCopy } = useCopyToClipboard(address);
-  const [isActive, setIsActive] = useState67(null);
+  const [isActive, setIsActive] = useState68(null);
   const displayAddress = truncateAddress ? truncateMiddleOfAddress(address, 40, 24, 8) : address;
-  const handleClick = useCallback46(() => {
+  const handleClick = useCallback47(() => {
     if (isActive) {
       return;
     }
@@ -40944,21 +41254,19 @@ function CopyInputDisplayedAddressEN({
     }, 2e3);
     handleCopy();
   }, [isActive, handleCopy, onAddressCopied]);
-  return /* @__PURE__ */ React236.createElement(Box, { className: copyButtonWrapper }, /* @__PURE__ */ React236.createElement(Box, { paddingY: "8", paddingX: "12", width: "full" }, /* @__PURE__ */ React236.createElement(Text, { size: "depositAddressFontSize" }, displayAddress)), /* @__PURE__ */ React236.createElement(FunDivider, { borderColor: "mediumStroke" }), /* @__PURE__ */ React236.createElement(Box, { as: "button", onClick: handleClick, className: copyButton }, /* @__PURE__ */ React236.createElement("div", { className: isActive ? copyInputTextBoxActive : copyInputTextBox }, /* @__PURE__ */ React236.createElement("div", { className: isActive ? copyButtonIconActive : copyButtonIcon }, /* @__PURE__ */ React236.createElement(CheckIcon, { className: copyButtonIconBase })), /* @__PURE__ */ React236.createElement(Text, { size: "inputLabel", weight: "inputLabel" }, /* @__PURE__ */ React236.createElement("div", { className: copyInputText }, /* @__PURE__ */ React236.createElement("span", null, "Cop"), /* @__PURE__ */ React236.createElement("span", { className: copyInputTextWrapper }, ["y", " ", "a", "d", "d", "r", "e", "s", "s"].map(
-    (char, i) => /* @__PURE__ */ React236.createElement(
-      "span",
-      {
-        className: copyInputTextDefault,
-        key: `${char}-${i}`,
-        style: {
-          "--animation-name": isActive === null ? "none" : isActive ? textOut : textIn,
-          "--animation-delay": `${i * 0.03 * (isActive ? 1 : i * 0.025) + (!isActive ? 0.05 : 0)}s`,
-          "--animation-opacity": isActive === false ? "0" : "1"
-        }
-      },
-      char === " " ? /* @__PURE__ */ React236.createElement(React236.Fragment, null, "\xA0") : char
-    )
-  ), ["ied"].map((char, i) => /* @__PURE__ */ React236.createElement(
+  return /* @__PURE__ */ React236.createElement(Box, { className: copyButtonWrapper }, /* @__PURE__ */ React236.createElement(Box, { paddingY: "8", paddingX: "12", width: "full" }, /* @__PURE__ */ React236.createElement(Text, { size: "depositAddressFontSize", className: displayedAddressText }, displayAddress)), /* @__PURE__ */ React236.createElement(FunDivider, { borderColor: "mediumStroke" }), /* @__PURE__ */ React236.createElement(Box, { as: "button", onClick: handleClick, className: copyButton }, /* @__PURE__ */ React236.createElement("div", { className: isActive ? copyInputTextBoxActive : copyInputTextBox }, /* @__PURE__ */ React236.createElement("div", { className: isActive ? copyButtonIconActive : copyButtonIcon }, /* @__PURE__ */ React236.createElement(CheckIcon, { className: copyButtonIconBase })), /* @__PURE__ */ React236.createElement(Text, { size: "inputLabel", weight: "inputLabel" }, /* @__PURE__ */ React236.createElement("div", { className: copyInputText }, /* @__PURE__ */ React236.createElement("span", null, "Cop"), /* @__PURE__ */ React236.createElement("span", { className: copyInputTextWrapper }, ["y", " ", ...label.split("")].map((char, i) => /* @__PURE__ */ React236.createElement(
+    "span",
+    {
+      className: copyInputTextDefault,
+      key: `${char}-${i}`,
+      style: {
+        "--animation-name": isActive === null ? "none" : isActive ? textOut : textIn,
+        "--animation-delay": `${i * 0.03 * (isActive ? 1 : i * 0.025) + (!isActive ? 0.05 : 0)}s`,
+        "--animation-opacity": isActive === false ? "0" : "1"
+      }
+    },
+    char === " " ? /* @__PURE__ */ React236.createElement(React236.Fragment, null, "\xA0") : char
+  )), ["ied"].map((char, i) => /* @__PURE__ */ React236.createElement(
     "span",
     {
       className: copyInputTextActive,
@@ -40974,13 +41282,16 @@ function CopyInputDisplayedAddressEN({
 }
 function CopyInputDisplayedAddressI18n({
   address,
-  truncateAddress = false
+  truncateAddress = false,
+  label = "address"
 }) {
   const { t } = useFunkitTranslation();
   const { handleCopy } = useCopyToClipboard(address);
-  const [isActive, setIsActive] = useState67(null);
+  const [isActive, setIsActive] = useState68(null);
+  const copyLabelI18nKey = COPY_LABEL_I18N_KEY[label];
+  const buttonText = isActive ? t("common.copied") : t(copyLabelI18nKey);
   const displayAddress = truncateAddress ? truncateMiddleOfAddress(address, 40, 24, 8) : address;
-  const handleClick = useCallback46(() => {
+  const handleClick = useCallback47(() => {
     if (isActive) {
       return;
     }
@@ -40990,8 +41301,7 @@ function CopyInputDisplayedAddressI18n({
     }, 2e3);
     handleCopy();
   }, [isActive, handleCopy]);
-  const buttonText = isActive ? t("common.copied") : t("common.copyAddress");
-  return /* @__PURE__ */ React236.createElement(Box, { className: copyButtonWrapper }, /* @__PURE__ */ React236.createElement(Box, { paddingY: "8", paddingX: "12", width: "full" }, /* @__PURE__ */ React236.createElement(Text, { size: "depositAddressFontSize" }, displayAddress)), /* @__PURE__ */ React236.createElement(FunDivider, { borderColor: "mediumStroke" }), /* @__PURE__ */ React236.createElement(Box, { as: "button", onClick: handleClick, className: copyButton }, /* @__PURE__ */ React236.createElement("div", { className: copyInputTextBox }, /* @__PURE__ */ React236.createElement("div", { className: copyButtonIcon }, /* @__PURE__ */ React236.createElement(CheckIcon, { className: copyButtonIconBase })), /* @__PURE__ */ React236.createElement(Text, { size: "inputLabel", weight: "inputLabel" }, /* @__PURE__ */ React236.createElement("div", { className: copyInputText }, buttonText)))));
+  return /* @__PURE__ */ React236.createElement(Box, { className: copyButtonWrapper }, /* @__PURE__ */ React236.createElement(Box, { paddingY: "8", paddingX: "12", width: "full" }, /* @__PURE__ */ React236.createElement(Text, { size: "depositAddressFontSize", className: displayedAddressText }, displayAddress)), /* @__PURE__ */ React236.createElement(FunDivider, { borderColor: "mediumStroke" }), /* @__PURE__ */ React236.createElement(Box, { as: "button", onClick: handleClick, className: copyButton }, /* @__PURE__ */ React236.createElement("div", { className: copyInputTextBox }, /* @__PURE__ */ React236.createElement("div", { className: copyButtonIcon }, /* @__PURE__ */ React236.createElement(CheckIcon, { className: copyButtonIconBase })), /* @__PURE__ */ React236.createElement(Text, { size: "inputLabel", weight: "inputLabel" }, /* @__PURE__ */ React236.createElement("div", { className: copyInputText }, buttonText)))));
 }
 function CopyInputDisplayedAddress(props) {
   const { i18n: i18n2 } = useFunkitTranslation();
@@ -41240,7 +41550,7 @@ var SpeedometerIcon = () => {
 
 // src/components/FunFeatureList/FunFeatureList.tsx
 import { motion as motion12, useAnimationControls as useAnimationControls2 } from "motion/react";
-import React242, { useState as useState68 } from "react";
+import React242, { useState as useState69 } from "react";
 
 // src/components/FunFeatureList/FunFeatureList.css.ts
 var detailsButton = "_1045qr71 _1rsrm2fpr _1rsrm2frr _1rsrm2ftn _1rsrm2fnn _1rsrm2fwv _1rsrm2fa _1rsrm2f4 _1rsrm2f84 _1rsrm2fu";
@@ -41323,8 +41633,8 @@ var FunFeatureList = ({
   gapBetweenItems = "6",
   onExpanded
 }) => {
-  const [isExpanded, setIsExpanded] = useState68(false);
-  const [isDisplayed, setIsDisplayed] = useState68();
+  const [isExpanded, setIsExpanded] = useState69(false);
+  const [isDisplayed, setIsDisplayed] = useState69();
   const controls = useAnimationControls2();
   const handleExpandToggle = async () => {
     setIsDisplayed((value) => !value);
@@ -41577,7 +41887,7 @@ var TransferTokenDetails = ({
 };
 
 // src/modals/CheckoutModal/TransferToken/useTransferTokenTracking.ts
-import { useCallback as useCallback47, useEffect as useEffect63, useRef as useRef31 } from "react";
+import { useCallback as useCallback48, useEffect as useEffect63, useRef as useRef31 } from "react";
 
 // src/modals/CheckoutModal/TransferToken/CheckoutNotifications.track.ts
 function getNotificationId(item) {
@@ -41683,7 +41993,7 @@ function useTransferTokenTracking({
       });
     }
   }, [depositAddress, fromChainId, toChainId, toTokenAddress]);
-  const trackAddressCopied = useCallback47(() => {
+  const trackAddressCopied = useCallback48(() => {
     logEvent({
       eventName: "fc::deposit::transfer::address::copied" /* DEPOSIT_TRANSFER_ADDRESS_COPIED */,
       metadata: {
@@ -41692,7 +42002,7 @@ function useTransferTokenTracking({
       }
     });
   }, [fromChainId, fromTokenSymbol, logEvent]);
-  const trackImpactExpanded = useCallback47(
+  const trackImpactExpanded = useCallback48(
     (estPriceImpactPct) => {
       logEvent({
         eventName: "fc::deposit::transfer::impact::viewed" /* DEPOSIT_TRANSFER_IMPACT_VIEWED */,
@@ -41705,7 +42015,7 @@ function useTransferTokenTracking({
     },
     [fromChainId, fromTokenSymbol, logEvent]
   );
-  const trackSourceChainChange = useCallback47(
+  const trackSourceChainChange = useCallback48(
     (newChainId) => {
       if (newChainId === fromChainId) {
         return;
@@ -41721,7 +42031,7 @@ function useTransferTokenTracking({
     },
     [fromChainId, fromTokenSymbol, logEvent]
   );
-  const trackSourceTokenChange = useCallback47(
+  const trackSourceTokenChange = useCallback48(
     (newTokenSymbol) => {
       if (newTokenSymbol === fromTokenSymbol) {
         return;
@@ -41813,7 +42123,7 @@ function useNotificationTracking({
       }
     }
   }, [logEvent, status]);
-  const trackDismissal = useCallback47(() => {
+  const trackDismissal = useCallback48(() => {
     if (!itemRef.current || !notificationDisplayedAtRef.current) {
       return;
     }
@@ -41826,7 +42136,7 @@ function useNotificationTracking({
     );
     reasonRef.current = "dismissed";
   }, [logEvent]);
-  const trackShowMore = useCallback47(() => {
+  const trackShowMore = useCallback48(() => {
     if (!itemRef.current || !notificationDisplayedAtRef.current) {
       return;
     }
@@ -41926,7 +42236,7 @@ function TransferToken({
   const { t } = useFunkitTranslation();
   const controls = useAnimationControls3();
   const udaParams = useUDAParams();
-  const [qrCodeHover, setQrCodeHover] = useState69(false);
+  const [qrCodeHover, setQrCodeHover] = useState70(false);
   const isSourceNavWidgetEnabled = modalState.startingStep === "select_asset" /* SELECT_ASSET */;
   const { textCustomizations, uiCustomizations } = useFunkitConfig();
   const { checkoutItem } = useCheckoutContext();
@@ -42016,9 +42326,9 @@ function TransferToken({
   };
   function getDefaultTransferToken() {
     const { defaultTokenSymbol, defaultChainId } = udaParams ?? {};
-    const chainId = Number(defaultChainId);
-    if (defaultTokenSymbol && !Number.isNaN(chainId)) {
-      return { token: defaultTokenSymbol, chainId };
+    const chainId2 = Number(defaultChainId);
+    if (defaultTokenSymbol && !Number.isNaN(chainId2)) {
+      return { token: defaultTokenSymbol, chainId: chainId2 };
     }
     return transferToken;
   }
@@ -42074,31 +42384,31 @@ function TransferToken({
         {
           isLoading: isLoadingDepositAddress,
           assets,
-          onTokenSelected: (token, chainId, autoUpdate) => {
+          onTokenSelected: (token, chainId2, autoUpdate) => {
             trackSourceTokenChange(token);
             logger.log(`${TRANSFER_TOKEN_LOG_PREFIX}_changeToken`, {
               previousToken: selectedToken,
               newToken: token,
               selectedChainId,
               depositAddress,
-              ...chainId !== selectedChainId && {
+              ...chainId2 !== selectedChainId && {
                 previousChainId: selectedChainId,
-                newChainId: chainId
+                newChainId: chainId2
               }
             });
-            handleTokenChange(token, chainId, autoUpdate);
+            handleTokenChange(token, chainId2, autoUpdate);
           },
-          onChainSelected: (chainId, autoUpdate) => {
-            if (chainId !== void 0) {
-              trackSourceChainChange(String(chainId));
+          onChainSelected: (chainId2, autoUpdate) => {
+            if (chainId2 !== void 0) {
+              trackSourceChainChange(String(chainId2));
               logger.log(`${TRANSFER_TOKEN_LOG_PREFIX}_changeChain`, {
                 previousChainId: selectedChainId,
-                newChainId: chainId,
+                newChainId: chainId2,
                 selectedToken,
                 depositAddress
               });
             }
-            handleChainChange(chainId, autoUpdate);
+            handleChainChange(chainId2, autoUpdate);
           },
           selectedToken,
           selectedChainId,
@@ -42248,7 +42558,7 @@ function TransferToken({
 }
 
 // src/modals/CheckoutModal/VirtualFiatAccount/FiatAccountDetail.tsx
-import React250, { useState as useState70 } from "react";
+import React250, { useState as useState71 } from "react";
 
 // src/components/VirtualFiatAccount/AccountDetailsTab/AccountDetailsTab.tsx
 import React249 from "react";
@@ -42500,8 +42810,8 @@ var AccountDetailsScreen = ({
   const label = usePaymentMethodInfoLabel(paymentMethodInfo);
   const { animation, animate } = useAnimatedNavigation(void 0);
   const isSourceNavWidgetEnabled = modalState.startingStep === "select_asset" /* SELECT_ASSET */;
-  const [activeTab, setActiveTab] = useState70(0);
-  const [detailsExpanded, setDetailsExpanded] = useState70(false);
+  const [activeTab, setActiveTab] = useState71(0);
+  const [detailsExpanded, setDetailsExpanded] = useState71(false);
   const { source_deposit_instructions: sourceDeposit } = matchingFiatAccount;
   const handleTabChange = (index) => {
     animate(() => setActiveTab(index), { reverse: index < activeTab });
@@ -42587,9 +42897,9 @@ var FiatAccountDetail = {
 
 // src/modals/CheckoutModal/VirtualFiatAccount/KycIframe.tsx
 import { BridgeCustomerStatus as BridgeCustomerStatus7 } from "@funkit/api-base";
-import React251, { useCallback as useCallback48, useEffect as useEffect64, useMemo as useMemo62, useState as useState71 } from "react";
+import React251, { useCallback as useCallback49, useEffect as useEffect64, useMemo as useMemo62, useState as useState72 } from "react";
 function useIframeListener(listeners, expectedOrigin) {
-  const handleMessage = useCallback48(
+  const handleMessage = useCallback49(
     (event) => {
       if (!expectedOrigin || event.origin !== expectedOrigin) {
         return;
@@ -42643,7 +42953,7 @@ function KycIframe({
   const { textCustomizations } = useFunkitConfig();
   const { clearVirtualFiatAccounts } = useClearFrogAccountsCache();
   const { data: kycLink, isLoading: isLinkLoading } = useLoadKycLink(modalState);
-  const [iframeLoading, setIframeLoading] = useState71(true);
+  const [iframeLoading, setIframeLoading] = useState72(true);
   const kycOrigin = useMemo62(() => {
     try {
       return kycLink ? new URL(kycLink).origin : null;
@@ -42801,7 +43111,7 @@ function initialState(checkoutItem) {
 }
 function useCheckoutModalTransition(checkoutItem, onClose) {
   const { logEvent, logMeasuredEvent, startMeasuredEvent } = useTrack();
-  const [modalState, setModalState] = useState72(() => initialState(checkoutItem));
+  const [modalState, setModalState] = useState73(() => initialState(checkoutItem));
   const { isStepReady, ensureStepQueries } = useStepQueryReadiness(
     logEvent,
     logMeasuredEvent
@@ -42814,7 +43124,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
   useEffect65(() => {
     ensureLoadingAccountScreen();
   }, [ensureLoadingAccountScreen]);
-  const trackNextState = useCallback49(
+  const trackNextState = useCallback50(
     (nextState) => {
       const trackEvent = trackEventFromNextState(nextState);
       logEvent(trackEvent);
@@ -42828,7 +43138,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
   const { clearCheckoutQuoteMessages } = useCheckoutQuoteNotification();
   const { getCheckoutProgress } = useCheckoutContext();
   const { softHide } = useSoftHiddenCheckout();
-  const onCloseWrapper = useCallback49(
+  const onCloseWrapper = useCallback50(
     (options) => {
       const normalizedIsNewDeposit = !!options?.isNewDeposit;
       const metadata = {
@@ -42869,10 +43179,10 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
     ]
   );
   const { animation, animate } = useAnimatedNavigation(void 0);
-  const [stateHistory, setHistory] = useState72([]);
+  const [stateHistory, setHistory] = useState73([]);
   const prevStep = useRef33(null);
   const hasHistoryEntry = stateHistory.length > 1;
-  const onNext = useCallback49(
+  const onNext = useCallback50(
     (payload) => {
       if (prevStep.current === modalState.step) {
         return;
@@ -42916,7 +43226,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
       ensureStepQueries
     ]
   );
-  const onStepChange = useCallback49(
+  const onStepChange = useCallback50(
     (nextState) => {
       if (prevStep.current === modalState.step) {
         return;
@@ -42931,7 +43241,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
     },
     [modalState, animate, trackNextState, ensureStepQueries]
   );
-  const onBack = useCallback49(() => {
+  const onBack = useCallback50(() => {
     clearCheckoutQuoteMessages();
     const backStepOverride = checkoutBackMap[modalState.step];
     const prevState = [...stateHistory].reverse().find((s) => s.step === backStepOverride) ?? stateHistory[stateHistory.length - 1];
@@ -43043,7 +43353,7 @@ function useCheckoutModalTitle(depositAddress, defaultTitle) {
 import { IN_PROGRESS_CHECKOUT_STATES as IN_PROGRESS_CHECKOUT_STATES2 } from "@funkit/api-base";
 import { formatTimestampToDate, fullMonthNames } from "@funkit/utils";
 import clsx22 from "clsx";
-import React262, { useEffect as useEffect67, useMemo as useMemo63, useRef as useRef35, useState as useState74 } from "react";
+import React262, { useEffect as useEffect67, useMemo as useMemo63, useRef as useRef35, useState as useState75 } from "react";
 import { Virtuoso } from "react-virtuoso";
 
 // src/consts/layout.ts
@@ -43424,7 +43734,7 @@ var HomeTokenBalanceDisplayRowSkeleton = () => {
 
 // src/modals/ProfileDetails/FunProfileViews/Home/ProfileTitleSection.tsx
 import React261 from "react";
-import { useCallback as useCallback50, useState as useState73 } from "react";
+import { useCallback as useCallback51, useState as useState74 } from "react";
 
 // src/components/FunSelect/FunClickOutside.tsx
 import React258 from "react";
@@ -43516,8 +43826,8 @@ var ProfileTitleSection = ({
   onClose
 }) => {
   const { t } = useFunkitTranslation();
-  const [isDisconnectExpanded, setIsDisconnectExpanded] = useState73(false);
-  const collapseDisconnect = useCallback50(
+  const [isDisconnectExpanded, setIsDisconnectExpanded] = useState74(false);
+  const collapseDisconnect = useCallback51(
     () => setIsDisconnectExpanded(false),
     []
   );
@@ -43607,7 +43917,7 @@ function Home({
   animation
 }) {
   const { t } = useFunkitTranslation();
-  const [selectedView, setSelectedView] = useState74(defaultHomeTab);
+  const [selectedView, setSelectedView] = useState75(defaultHomeTab);
   const checkoutsListRef = useRef35(null);
   const virtuosoParentRef = useRef35(null);
   const account = useAccount();
@@ -43899,8 +44209,8 @@ var PROFILE_DETAILS_DIALOG_CONTENT_ID = "profile-details-dialog-content";
 var HISTORY_BOTTOM_BAR_ID = "history-bottom-section";
 function ProfileDetails({ onClose, defaultTab }) {
   const { t } = useFunkitTranslation();
-  const [view, setView] = useState75(0 /* HOME */);
-  const [selectedHomeTab, setSelectedHomeTab] = useState75(
+  const [view, setView] = useState76(0 /* HOME */);
+  const [selectedHomeTab, setSelectedHomeTab] = useState76(
     defaultTab ?? "assets" /* ASSETS */
   );
   const {
@@ -43914,16 +44224,16 @@ function ProfileDetails({ onClose, defaultTab }) {
     selectedPurchaseId || "0x",
     DEFAULT_CHECKOUT_HISTORY_DETAIL_TITLE
   );
-  const [singleActivityPage, setSingleActivityPage] = useState75(
+  const [singleActivityPage, setSingleActivityPage] = useState76(
     selectedPurchaseInitView ?? "detail" /* DETAIL */
   );
-  const resetView = useCallback51(() => {
+  const resetView = useCallback52(() => {
     setView(returnView ?? 0 /* HOME */);
     setSelectedHomeTab("checkouts" /* CHECKOUTS */);
     resetActivityTraversal();
   }, [resetActivityTraversal, returnView]);
   const { animation, animate } = useAnimatedNavigation(void 0);
-  const onSelectActivityWrapper = useCallback51(
+  const onSelectActivityWrapper = useCallback52(
     (activity) => {
       onSelectActivity({
         ...activity,
@@ -43960,7 +44270,7 @@ function ProfileDetails({ onClose, defaultTab }) {
   const isHelpPage = singleActivityPage === "help" /* HELP */;
   const isCheckoutDetailView = isSingleActivityView && singleActivityPage === "detail" /* DETAIL */;
   const withDivider = isSingleActivityView ? isHelpPage ? "scroll" : "always" : void 0;
-  const handleHelp = useCallback51(() => {
+  const handleHelp = useCallback52(() => {
     animate(() => setSingleActivityPage("help" /* HELP */));
   }, [animate]);
   const { onScroll, topbar, withTopDivider } = useCustomStatusAnimationAboveTopbar({
@@ -44141,14 +44451,14 @@ function FunDot() {
 
 // src/modals/ChainModal/Chain.tsx
 function ChainLineItem({
-  chainId,
+  chainId: chainId2,
   chainIconSize,
   gap = "12",
   hideChainName = false
 }) {
   const enabledChainMap = useFunkitConnectChainsById();
-  const enabledChainItem = enabledChainMap?.[chainId];
-  const chainItem = chainMetadataById[chainId] || enabledChainItem;
+  const enabledChainItem = enabledChainMap?.[chainId2];
+  const chainItem = chainMetadataById[chainId2] || enabledChainItem;
   if (!chainItem) {
     return null;
   }
@@ -44170,14 +44480,14 @@ function ChainLineItem({
         height: chainIconSize,
         src: chainItem.iconUrl ?? void 0,
         width: chainIconSize,
-        testId: `chain-option-${chainId}-icon`
+        testId: `chain-option-${chainId2}-icon`
       }
     )),
     !hideChainName ? /* @__PURE__ */ React271.createElement("div", null, chainItem.name) : null
   );
 }
 var Chain = ({
-  chainId,
+  chainId: chainId2,
   currentChainId,
   switchChain,
   chainIconSize,
@@ -44187,13 +44497,13 @@ var Chain = ({
   const { t } = useFunkitTranslation();
   const mobile = isMobile11();
   const funkitConnectChains = useFunkitConnectChains();
-  const isCurrentChain = currentChainId === chainId && !isLoading;
+  const isCurrentChain = currentChainId === chainId2 && !isLoading;
   return /* @__PURE__ */ React271.createElement(Fragment3, null, /* @__PURE__ */ React271.createElement(
     MenuButton,
     {
       currentlySelected: isCurrentChain,
-      onClick: isCurrentChain ? void 0 : () => switchChain({ chainId }),
-      testId: `chain-option-${chainId}`
+      onClick: isCurrentChain ? void 0 : () => switchChain({ chainId: chainId2 }),
+      testId: `chain-option-${chainId2}`
     },
     /* @__PURE__ */ React271.createElement(Box, { fontFamily: "body", fontSize: "16", fontWeight: "bold" }, /* @__PURE__ */ React271.createElement(
       Box,
@@ -44203,7 +44513,7 @@ var Chain = ({
         flexDirection: "row",
         justifyContent: "space-between"
       },
-      /* @__PURE__ */ React271.createElement(ChainLineItem, { chainId, chainIconSize }),
+      /* @__PURE__ */ React271.createElement(ChainLineItem, { chainId: chainId2, chainIconSize }),
       isCurrentChain && /* @__PURE__ */ React271.createElement(
         Box,
         {
@@ -44247,7 +44557,7 @@ var MobileScrollClassName = "_1d2b1vf1";
 // src/modals/ChainModal/ChainModal.tsx
 function ChainModal({ onClose, open }) {
   const { t } = useFunkitTranslation();
-  const { chainId } = useAccount();
+  const { chainId: chainId2 } = useAccount();
   const { chains } = useConfig();
   const { switchChain, pendingChainId } = useFunkitSwitchChains({
     onSettled: () => onClose()
@@ -44255,10 +44565,10 @@ function ChainModal({ onClose, open }) {
   const { handleLogout } = useGeneralWallet();
   const titleId = "rk_chain_modal_title";
   const mobile = isMobile12();
-  const isCurrentChainSupported = chains.some((chain) => chain.id === chainId);
+  const isCurrentChainSupported = chains.some((chain) => chain.id === chainId2);
   const chainIconSize = mobile ? "36" : "28";
   const funkitConnectChains = useFunkitConnectChains();
-  if (!chainId) {
+  if (!chainId2) {
     return null;
   }
   return /* @__PURE__ */ React272.createElement(
@@ -44305,7 +44615,7 @@ function ChainModal({ onClose, open }) {
           {
             key: id,
             chainId: id,
-            currentChainId: chainId,
+            currentChainId: chainId2,
             switchChain,
             chainIconSize,
             isLoading: pendingChainId === id,
@@ -44370,7 +44680,7 @@ import { LogLevel as LogLevel2, initializeRelayClient } from "@funkit/fun-relay"
 import React287, { useEffect as useEffect75, useRef as useRef38 } from "react";
 
 // src/components/FunConnectOptions/FunConnectOptions.tsx
-import React278, { useCallback as useCallback52, useMemo as useMemo64, useState as useState78 } from "react";
+import React278, { useCallback as useCallback53, useMemo as useMemo64, useState as useState79 } from "react";
 
 // src/components/FunConnectOptions/FunConnectResultStep.tsx
 import React273, { useEffect as useEffect68 } from "react";
@@ -44444,7 +44754,7 @@ var FunConnectResultStep = ({
 
 // src/components/FunConnectOptions/FunSignInStep.tsx
 import { isMobile as isMobile13, isSafari as isSafari2, redirectInMobile } from "@funkit/utils";
-import React275, { useState as useState77 } from "react";
+import React275, { useState as useState78 } from "react";
 
 // src/wallets/latestWalletId.ts
 var storageKey5 = "fkc-latest-id";
@@ -44453,7 +44763,7 @@ function addLatestWalletId(walletId) {
 }
 
 // src/components/ModalSelection/ModalSelection.tsx
-import React274, { useState as useState76 } from "react";
+import React274, { useState as useState77 } from "react";
 var ModalSelection = ({
   as = "button",
   currentlySelected = false,
@@ -44468,7 +44778,7 @@ var ModalSelection = ({
   isFunkitSdkConnector: isFunkitSdkConnector2,
   ...urlProps
 }) => {
-  const [isMouseOver, setIsMouseOver] = useState76(false);
+  const [isMouseOver, setIsMouseOver] = useState77(false);
   const { t } = useFunkitTranslation();
   return /* @__PURE__ */ React274.createElement(
     Box,
@@ -44555,7 +44865,7 @@ function FunSignInStep({
   connectToWallet,
   setQrCodeUri
 }) {
-  const [selectedOptionId, setSelectedOptionId] = useState77();
+  const [selectedOptionId, setSelectedOptionId] = useState78();
   const wallets = usePreparedWalletConnectors();
   const safari = isSafari2();
   const onDesktopUri = async (wallet) => {
@@ -44735,10 +45045,10 @@ function FunConnectOptions({
   onClose,
   initialScreenOnBack
 }) {
-  const [step, setStep] = useState78(INITIAL_STEP);
-  const [selectedWallet, setSelectedWallet] = useState78();
-  const [qrCodeUri, setQrCodeUri] = useState78("");
-  const changeStep = useCallback52((newStep) => {
+  const [step, setStep] = useState79(INITIAL_STEP);
+  const [selectedWallet, setSelectedWallet] = useState79();
+  const [qrCodeUri, setQrCodeUri] = useState79("");
+  const changeStep = useCallback53((newStep) => {
     setStep(newStep);
     if (isSignIn(newStep)) {
       setSelectedWallet(void 0);
@@ -44749,7 +45059,7 @@ function FunConnectOptions({
     navigateTo(0 /* SIGNIN_PRIMARY */, { reverse: true });
   };
   const walletConnectors = usePreparedWalletConnectors();
-  const onRegenerateQrCode = useCallback52(
+  const onRegenerateQrCode = useCallback53(
     async (wallet) => {
       const sWallet = walletConnectors.find((w) => wallet.id === w.id);
       const uri = await sWallet?.getQrCodeUri?.();
@@ -44757,7 +45067,7 @@ function FunConnectOptions({
     },
     [walletConnectors]
   );
-  const connectToWallet = useCallback52(
+  const connectToWallet = useCallback53(
     async (wallet) => {
       if (!wallet.ready) {
         return;
@@ -44776,7 +45086,7 @@ function FunConnectOptions({
     },
     [changeStep, onRegenerateQrCode]
   );
-  const handleRetry = useCallback52(() => {
+  const handleRetry = useCallback53(() => {
     if (selectedWallet) {
       changeStep(1 /* PENDING_WALLET */);
       connectToWallet(selectedWallet);
@@ -44912,10 +45222,10 @@ var FunCheckoutBlocked = ({ reason }) => {
 };
 
 // src/modals/CheckoutModal/SwappedIframe/SwappedIframe.tsx
-import React280, { useEffect as useEffect69, useState as useState79 } from "react";
+import React280, { useEffect as useEffect69, useState as useState80 } from "react";
 var SwappedIframe = () => {
   const { iframeUrl, isSwappedReady, isActive, setIframeRef } = useSwappedContext();
-  const [visible, setVisible] = useState79(false);
+  const [visible, setVisible] = useState80(false);
   const shouldShow = isActive && isSwappedReady;
   useEffect69(() => {
     if (shouldShow) {
@@ -44973,7 +45283,7 @@ var SwappedIframe_default = React280.memo(SwappedIframe);
 
 // src/modals/CheckoutModal/TransferToken/CheckoutNotifications.tsx
 import clsx25 from "clsx";
-import React286, { useCallback as useCallback54, useEffect as useEffect73, useMemo as useMemo65, useState as useState81 } from "react";
+import React286, { useCallback as useCallback55, useEffect as useEffect73, useMemo as useMemo65, useState as useState82 } from "react";
 
 // src/components/FunNotificationBanner/FunNotificationShowMoreButton.tsx
 import React281 from "react";
@@ -45070,7 +45380,7 @@ import { Trans as Trans17 } from "react-i18next";
 
 // src/components/FunNotificationBanner/FunNotificationBanner.tsx
 import { AnimatePresence as AnimatePresence3, motion as motion15 } from "motion/react";
-import React283, { useEffect as useEffect72, useRef as useRef37, useState as useState80 } from "react";
+import React283, { useEffect as useEffect72, useRef as useRef37, useState as useState81 } from "react";
 import clsx24 from "clsx";
 
 // src/components/FunNotificationBanner/FunNotificationBanner.css.ts
@@ -45080,7 +45390,7 @@ var showMoreButtonStyle = "_4yitd93 _1rsrm2f1q6 _1rsrm2f1i _1rsrm2f1f _1rsrm2f11
 // src/components/FunNotificationBanner/FunNotificationBannerIcon.tsx
 import clsx23 from "clsx";
 import { motion as motion14, useAnimate as useAnimate3 } from "motion/react";
-import React282, { useCallback as useCallback53, useEffect as useEffect71, useRef as useRef36 } from "react";
+import React282, { useCallback as useCallback54, useEffect as useEffect71, useRef as useRef36 } from "react";
 
 // src/components/FunNotificationBanner/FunNotificationBannerIcon.css.ts
 var STATUS_SPINNER_BOTTOM_POSITION = -5;
@@ -45329,7 +45639,7 @@ var FunNotificationBannerIcon = ({
   fallbackIconUrl = FALLBACK_ASSET
 }) => {
   const [animationScope, animate] = useAnimate3();
-  const triggerAnimationProcessingToCompleted = useCallback53(async () => {
+  const triggerAnimationProcessingToCompleted = useCallback54(async () => {
     const completedIconPath = document.querySelector(
       `.${generateAnimationPrefixClassName("icon-wrapper-completed")} path`
     );
@@ -45436,7 +45746,7 @@ var FunNotificationBannerIcon = ({
       )
     ]);
   }, [animate]);
-  const triggerAnimationDelayedToFailed = useCallback53(async () => {
+  const triggerAnimationDelayedToFailed = useCallback54(async () => {
     await Promise.all([
       animate(
         `.${generateAnimationPrefixClassName("icon-wrapper")}`,
@@ -45626,8 +45936,8 @@ var FunNotificationBanner = ({
   onClosed,
   onShowMore
 }) => {
-  const [showMore, setShowMore] = useState80(false);
-  const [isOpen, setIsOpen] = useState80(true);
+  const [showMore, setShowMore] = useState81(false);
+  const [isOpen, setIsOpen] = useState81(true);
   const prevStatusRef = useRef37(status);
   const prevStatus = prevStatusRef.current;
   useEffect72(() => {
@@ -46187,10 +46497,10 @@ var CheckoutNotifications = ({
   isVisible,
   variant
 }) => {
-  const [isExpanded, setIsExpanded] = useState81(false);
-  const [initialCheckouts, setInitialCheckouts] = useState81();
-  const [initialDirectExecutions, setInitialDirectExecutions] = useState81();
-  const [closedNotifications, setClosedNotifications] = useState81([]);
+  const [isExpanded, setIsExpanded] = useState82(false);
+  const [initialCheckouts, setInitialCheckouts] = useState82();
+  const [initialDirectExecutions, setInitialDirectExecutions] = useState82();
+  const [closedNotifications, setClosedNotifications] = useState82([]);
   const { data: checkouts } = useRecentCheckouts({ isVisible });
   const { data: directExecutions } = useRecentDeposits({ isVisible });
   const mergedDirectExecutions = useMemo65(
@@ -46244,7 +46554,7 @@ var CheckoutNotifications = ({
   }, [isExpanded, combinedNotifications]);
   const handleNotificationClose = (id) => setClosedNotifications((prev) => [...prev, id]);
   const { logEvent } = useTrack();
-  const handleNewNotification = useCallback54(
+  const handleNewNotification = useCallback55(
     (item) => {
       const trackEvent = trackEventFromNotification(item);
       logEvent(trackEvent);
@@ -46624,18 +46934,18 @@ function ConnectModal({ onClose, open }) {
 
 // src/providers/ModalContext.tsx
 function useModalStateValue() {
-  const [isModalOpen, setModalOpen] = useState82(false);
+  const [isModalOpen, setModalOpen] = useState83(false);
   return {
-    closeModal: useCallback55(() => setModalOpen(false), []),
+    closeModal: useCallback56(() => setModalOpen(false), []),
     isModalOpen,
-    openModal: useCallback55(() => setModalOpen(true), [])
+    openModal: useCallback56(() => setModalOpen(true), [])
   };
 }
 function useModalStateValueWithProp() {
-  const [isModalOpen, setModalOpen] = useState82(false);
-  const [prop, setProp] = useState82(null);
+  const [isModalOpen, setModalOpen] = useState83(false);
+  const [prop, setProp] = useState83(null);
   return {
-    closeModal: useCallback55(() => {
+    closeModal: useCallback56(() => {
       setTimeout(
         () => {
           setProp(null);
@@ -46646,7 +46956,7 @@ function useModalStateValueWithProp() {
     }, []),
     isModalOpen,
     prop,
-    openModal: useCallback55((prop2) => {
+    openModal: useCallback56((prop2) => {
       if (prop2 != null) {
         setProp(prop2);
       }
@@ -46683,27 +46993,27 @@ function ModalProvider({ children }) {
     isModalOpen: chainModalOpen,
     openModal: openChainModal
   } = useModalStateValue();
-  const [isWalletConnectModalOpen, setIsWalletConnectModalOpen] = useState82(false);
+  const [isWalletConnectModalOpen, setIsWalletConnectModalOpen] = useState83(false);
   const {
     closeModal: closeFunCheckoutModal,
     isModalOpen: funCheckoutModalOpen,
     openModal: openFunCheckoutModal,
     prop: funCheckoutModalId
   } = useModalStateValueWithProp();
-  const [softHiddenCheckoutId, setSoftHiddenCheckoutId] = useState82(null);
-  const softHideFunCheckoutModal = useCallback55(() => {
+  const [softHiddenCheckoutId, setSoftHiddenCheckoutId] = useState83(null);
+  const softHideFunCheckoutModal = useCallback56(() => {
     if (funCheckoutModalId) {
       setSoftHiddenCheckoutId(funCheckoutModalId);
     }
     closeFunCheckoutModal();
   }, [funCheckoutModalId, closeFunCheckoutModal]);
-  const resumeSoftHiddenCheckout = useCallback55(() => {
+  const resumeSoftHiddenCheckout = useCallback56(() => {
     if (softHiddenCheckoutId) {
       openFunCheckoutModal(softHiddenCheckoutId);
       setSoftHiddenCheckoutId(null);
     }
   }, [softHiddenCheckoutId, openFunCheckoutModal]);
-  const discardSoftHiddenCheckout = useCallback55(() => {
+  const discardSoftHiddenCheckout = useCallback56(() => {
     setSoftHiddenCheckoutId(null);
   }, []);
   const {
@@ -46713,9 +47023,9 @@ function ModalProvider({ children }) {
     prop: withdrawalModalConfig
   } = useModalStateValueWithProp();
   const connectionStatus = useConnectionStatus();
-  const { chainId } = useAccount();
+  const { chainId: chainId2 } = useAccount();
   const { chains } = useConfig();
-  const isCurrentChainSupported = chains.some((chain) => chain.id === chainId);
+  const isCurrentChainSupported = chains.some((chain) => chain.id === chainId2);
   function closeModals(keepConnectModalOpen = false) {
     if (!keepConnectModalOpen) {
       closeConnectModal();
@@ -46889,6 +47199,7 @@ var FunkitCheckoutContext = createContext21({
   updateCustomRecipient: () => void 0,
   confirmCheckout: () => Promise.resolve("0x"),
   cancelCheckout: () => Promise.resolve(false),
+  updateActiveCheckout: () => void 0,
   setCheckout: () => void 0,
   setCompletedTimestamp: () => void 0,
   withdrawalItem: null,
@@ -46912,19 +47223,19 @@ function FunkitCheckoutProvider({ children }) {
   const { refreshCheckoutHistory } = useCheckoutHistoryContext();
   const { getDirectExecutionInfo, getWithdrawalDirectExecution } = useCheckoutDirectExecution();
   const { logEvent, startMeasuredEvent } = useTrack();
-  const [activeCheckout, setActiveCheckout] = useState83(null);
-  const [activeWithdrawal, setActiveWithdrawal] = useState83(null);
+  const [activeCheckout, setActiveCheckout] = useState84(null);
+  const [activeWithdrawal, setActiveWithdrawal] = useState84(null);
   const udaParams = useUDAParams(
     activeCheckout?.initSettings.config?.dynamicRoutingId
   );
-  const [checkoutsProgress, setCheckoutsProgress] = useState83({});
-  const getCheckoutProgress = useCallback56(
+  const [checkoutsProgress, setCheckoutsProgress] = useState84({});
+  const getCheckoutProgress = useCallback57(
     (checkoutId) => {
       return checkoutsProgress[checkoutId];
     },
     [checkoutsProgress]
   );
-  const setCheckoutProgress = useCallback56(
+  const setCheckoutProgress = useCallback57(
     (checkoutId, progress) => {
       setCheckoutsProgress((data) => ({ ...data, [checkoutId]: progress }));
     },
@@ -46946,7 +47257,7 @@ function FunkitCheckoutProvider({ children }) {
       });
     }
   );
-  const initNewWithdrawal = useCallback56(
+  const initNewWithdrawal = useCallback57(
     (props, checkoutConfig) => {
       const { onWithdrawalConfirmation, onWithdrawalError, config } = props;
       const newWithdrawalId = uuid2();
@@ -46996,7 +47307,7 @@ function FunkitCheckoutProvider({ children }) {
     },
     [logEvent, startMeasuredEvent]
   );
-  const initNewCheckout = useCallback56(
+  const initNewCheckout = useCallback57(
     ({ config, ...initSettings }) => {
       const newCheckoutId = uuid2();
       const newActiveCheckoutItem = {
@@ -47085,7 +47396,7 @@ function FunkitCheckoutProvider({ children }) {
       });
     }
   );
-  const startDirectExecutionCheckout = useCallback56(
+  const startDirectExecutionCheckout = useCallback57(
     async ({
       stepMessageSetter,
       latestQuote,
@@ -47151,8 +47462,8 @@ function FunkitCheckoutProvider({ children }) {
         }
         const resolvedDirectExecutionType = isAcrossRoute(
           latestQuote.baseQuote.metadata
-        ) ? DirectExecutionType4.ACROSS : directExecutionType;
-        await createDirectExecution({
+        ) ? DirectExecutionType5.ACROSS : directExecutionType;
+        await createDirectExecution2({
           txHash,
           userId: userInfo.id,
           recipientAddr: getCheckoutRecipient({
@@ -47233,7 +47544,7 @@ function FunkitCheckoutProvider({ children }) {
       udaParams
     ]
   );
-  const startRegularCheckout = useCallback56(
+  const startRegularCheckout = useCallback57(
     async ({
       stepMessageSetter,
       latestQuote,
@@ -47482,6 +47793,7 @@ function FunkitCheckoutProvider({ children }) {
     updateSelectedPaymentMethodInfo,
     confirmCheckout,
     cancelCheckout,
+    updateActiveCheckout,
     setCheckout: setActiveCheckout,
     setCompletedTimestamp,
     withdrawalItem: activeWithdrawal,
@@ -47518,21 +47830,21 @@ function useFunkitCheckout(props) {
     resume: resumeSoftHiddenCheckout,
     discard: discardSoftHiddenCheckout
   } = useSoftHiddenCheckout();
-  const onErrorWrapper = useCallback56(
+  const onErrorWrapper = useCallback57(
     (payload) => {
       logger.warn(payload.message, payload);
       onError?.(payload);
     },
     [onError]
   );
-  const onOpenWrapper = useCallback56(
+  const onOpenWrapper = useCallback57(
     (newId) => {
       props?.onOpen?.();
       openFunCheckoutModal?.(newId);
     },
     [openFunCheckoutModal, props]
   );
-  const [pendingCheckoutConfig, setPendingCheckoutConfig] = useState83();
+  const [pendingCheckoutConfig, setPendingCheckoutConfig] = useState84();
   const onCheckoutConflict = ({
     resume,
     replace
@@ -47868,26 +48180,26 @@ function getMaxTargetAssetAmountEstimate(sourceAssetBalance, config, quoteResult
   const sourceAssetFees = getQuoteTotalFeesFromAmount(quoteResult);
   const maxSourceAssetAmount = Math.max(sourceAssetBalance - sourceAssetFees, 0);
   const maxTargetAssetAmount = maxSourceAssetAmount * exchangeRate;
-  return dnum9.multiply(
-    dnum9.from(maxTargetAssetAmount, targetAssetDecimals),
+  return dnum10.multiply(
+    dnum10.from(maxTargetAssetAmount, targetAssetDecimals),
     0.99
   );
 }
-async function getTokenDecimals(wagmiConfig, chainId, tokenAddress) {
+async function getTokenDecimals(wagmiConfig, chainId2, tokenAddress) {
   try {
     if (isNativeTokenAddress(tokenAddress)) {
-      return FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO12[chainId]?.nativeCurrency?.decimals || 18;
+      return FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO12[chainId2]?.nativeCurrency?.decimals || 18;
     }
-    if (chainId === solanaChain8.id.toString()) {
+    if (chainId2 === solanaChain8.id.toString()) {
       return solanaChain8.nativeCurrency.decimals;
     }
-    if (chainId === tronChain7.id.toString()) {
+    if (chainId2 === tronChain7.id.toString()) {
       return tronChain7.nativeCurrency.decimals;
     }
     const decimals = await readContract(wagmiConfig, {
       address: tokenAddress,
       abi: erc20Abi5,
-      chainId: Number.parseInt(chainId),
+      chainId: Number.parseInt(chainId2),
       functionName: "decimals"
     });
     return decimals;
@@ -47895,7 +48207,7 @@ async function getTokenDecimals(wagmiConfig, chainId, tokenAddress) {
     try {
       logger.log("getTokenDecimals_relayFallbackFetch");
       const assetInfo = await getRelayAssetInfo({
-        chainId,
+        chainId: chainId2,
         address: tokenAddress
       });
       return assetInfo.decimals;
@@ -48002,9 +48314,9 @@ function getMinValueThreshold(config, minUsdRequired) {
     minUsdRequired ?? 0
   );
 }
-function isPreferredChain(chainId, additionalChains = []) {
+function isPreferredChain(chainId2, additionalChains = []) {
   const chains = /* @__PURE__ */ new Set([
-    mainnet12.id,
+    mainnet13.id,
     polygon8.id,
     base7.id,
     arbitrum6.id,
@@ -48012,7 +48324,7 @@ function isPreferredChain(chainId, additionalChains = []) {
     solanaChain9.id,
     ...additionalChains
   ]);
-  return chains.has(chainId);
+  return chains.has(chainId2);
 }
 function isNativeTokenAddress(address) {
   return isTokenAddressEquivalent6({
@@ -48020,7 +48332,7 @@ function isNativeTokenAddress(address) {
     secondTokenAddress: NATIVE_TOKEN
   });
 }
-var isPolygonEcosystemToken = (chainId, tokenAddress) => chainId === polygon8.id.toString() && tokenAddress === "0x0000000000000000000000000000000000001010";
+var isPolygonEcosystemToken = (chainId2, tokenAddress) => chainId2 === polygon8.id.toString() && tokenAddress === "0x0000000000000000000000000000000000001010";
 var isAssetUsableToPayForCheckout = ({
   config,
   payerAddress,
@@ -48232,7 +48544,7 @@ function ConnectButtonRenderer({
   children
 }) {
   const isMounted = useIsMounted();
-  const { chainId, address } = useAccount();
+  const { chainId: chainId2, address } = useAccount();
   const ensName = useMainnetEnsName(address);
   const ensAvatar = useMainnetEnsAvatar(ensName);
   const { userInfo } = useGeneralWallet();
@@ -48241,11 +48553,11 @@ function ConnectButtonRenderer({
   });
   const { chains: wagmiChains } = useConfig();
   const isCurrentChainSupported = wagmiChains.some(
-    (chain) => chain.id === chainId
+    (chain) => chain.id === chainId2
   );
   const funkitConnectChainsById = useFunkitConnectChainsById();
   const authenticationStatus = useAuthenticationStatus() ?? void 0;
-  const funkitConnectChain = chainId ? funkitConnectChainsById[chainId] : void 0;
+  const funkitConnectChain = chainId2 ? funkitConnectChainsById[chainId2] : void 0;
   const chainName = funkitConnectChain?.name ?? void 0;
   const chainIconUrl = funkitConnectChain?.iconUrl ?? void 0;
   const chainIconBackground = funkitConnectChain?.iconBackground ?? void 0;
@@ -48291,11 +48603,11 @@ function ConnectButtonRenderer({
     } : void 0,
     accountModalOpen,
     authenticationStatus,
-    chain: chainId ? {
+    chain: chainId2 ? {
       hasIcon: Boolean(chainIconUrl),
       iconBackground: chainIconBackground,
       iconUrl: resolvedChainIconUrl,
-      id: chainId,
+      id: chainId2,
       name: chainName,
       unsupported: !isCurrentChainSupported
     } : void 0,
@@ -48475,7 +48787,7 @@ function ConnectButton({
   const chains = useFunkitConnectChains();
   const connectionStatus = useConnectionStatus();
   const { setShowBalance } = useShowBalance();
-  const [ready, setReady] = useState84(false);
+  const [ready, setReady] = useState85(false);
   useEffect78(() => {
     setShowBalance(showBalance);
     if (!ready) {