@funkit/connect 1.0.22 → 1.0.24

package/dist/index.js

@@ -2,16 +2,16 @@
 import {
   en_US_default
 } from "./chunk-SW6GAS7K.js";
-import {
-  lightTheme
-} from "./chunk-RA4J3G3B.js";
 import {
   darkTheme
 } from "./chunk-2GFNZKMA.js";
+import {
+  lightTheme
+} from "./chunk-RA4J3G3B.js";
 import "./chunk-UK5FXGK3.js";
 
 // src/components/ConnectButton/ConnectButton.tsx
-import React151, { useContext as useContext27, useEffect as useEffect34, useState as useState47 } from "react";
+import React152, { useContext as useContext28, useEffect as useEffect35, useState as useState48 } from "react";
 
 // src/css/sprinkles.css.ts
 import { createMapValueFn as _51c72 } from "@vanilla-extract/sprinkles/createUtils";
@@ -131,13 +131,13 @@ import PrivyJS, {
   getUserEmbeddedWallet,
   LocalStorage
 } from "@privy-io/js-sdk-core";
-import React146, {
-  createContext as createContext17,
-  useCallback as useCallback29,
-  useContext as useContext23,
-  useEffect as useEffect30,
+import React147, {
+  createContext as createContext18,
+  useCallback as useCallback30,
+  useContext as useContext24,
+  useEffect as useEffect31,
   useMemo as useMemo36,
-  useState as useState42
+  useState as useState43
 } from "react";
 import { useConnect as useConnect2, useDisconnect as useDisconnect3 } from "wagmi";
 
@@ -483,13 +483,13 @@ var useFunkitConnectChainsById = () => {
 };
 
 // src/components/FunkitProvider/ModalContext.tsx
-import React145, {
-  createContext as createContext16,
-  useCallback as useCallback28,
-  useContext as useContext22,
-  useEffect as useEffect29,
+import React146, {
+  createContext as createContext17,
+  useCallback as useCallback29,
+  useContext as useContext23,
+  useEffect as useEffect30,
   useMemo as useMemo35,
-  useState as useState41
+  useState as useState42
 } from "react";
 import { useAccount as useAccount11, useAccountEffect as useAccountEffect2, useConfig as useConfig4 } from "wagmi";
 
@@ -620,7 +620,7 @@ var DEFAULT_FUNKIT_CONFIG = {
       ["apple_oauth" /* APPLE */]: false
     }
   },
-  accountModalConfig: { allowDepositing: false },
+  accountModalConfig: { showUnknownTokens: false, allowDepositing: false },
   paymentsConfig: {
     allowBrokerageUnlinking: false,
     defaultPaymentMethod: void 0,
@@ -1465,7 +1465,7 @@ var GeneralWalletContext = createContext8({
   isUserLoggedIn: false,
   isWeb2Login: false,
   isWeb3Login: false,
-  userInfo: PLACEHOLDER_FUNKIT_USER_INFO,
+  userInfo: { ...PLACEHOLDER_FUNKIT_USER_INFO, globalFunkitUserId: "" },
   isFetchingAssets: false,
   walletAssets: null,
   startAssetsListener: () => void 0,
@@ -1480,6 +1480,7 @@ function GeneralWalletProvider({ children }) {
   const { connectors, disconnectAsync } = useDisconnect();
   const ensName = useMainnetEnsName(address);
   const { web2AccountInfo, handleFunkitWeb2Logout } = useFunkitWeb2Login();
+  const { apiKey, accountModalConfig } = useFunkitConfig();
   const isWeb2Login = useMemo5(() => {
     return connector && connector.id === FUNKIT_CONNECT_WALLET_ID;
   }, [connector]);
@@ -1490,28 +1491,36 @@ function GeneralWalletProvider({ children }) {
     return isWeb2Login || isWeb3Login;
   }, [isWeb2Login, isWeb3Login]);
   const userInfo = useMemo5(() => {
+    let baseInfo;
     if (isWeb2Login) {
-      return web2AccountInfo;
+      baseInfo = web2AccountInfo;
     } else if (isWeb3Login) {
-      return {
+      baseInfo = {
         userId: address,
         accountLabel: connector == null ? void 0 : connector.name,
         accountName: ensName ? formatENS(ensName) : formatAddress(address || "")
       };
     } else {
-      return PLACEHOLDER_FUNKIT_USER_INFO;
+      baseInfo = PLACEHOLDER_FUNKIT_USER_INFO;
     }
+    return {
+      ...baseInfo,
+      globalFunkitUserId: isUserLoggedIn ? `${address}|${baseInfo.accountName}|${apiKey}` : `0x|UnknownGuest|${apiKey}`
+    };
   }, [
     address,
+    apiKey,
     connector == null ? void 0 : connector.name,
     ensName,
+    isUserLoggedIn,
     isWeb2Login,
     isWeb3Login,
     web2AccountInfo
   ]);
   useEffect6(() => {
-    if (userInfo.userId !== logger.getUserId()) {
-      logger.setUserId(userInfo.userId || "");
+    if (userInfo.globalFunkitUserId !== logger.getUserId()) {
+      logger.log("settingUserId", { newUserId: userInfo.globalFunkitUserId });
+      logger.setUserId(userInfo.globalFunkitUserId);
     }
   }, [userInfo]);
   const intervalRef = useRef2();
@@ -1529,6 +1538,9 @@ function GeneralWalletProvider({ children }) {
             const modifiedAssets = Object.keys(chainAssets).reduce(
               (acc2, curAddress) => {
                 const asset = chainAssets[curAddress];
+                if ((!asset.price || !asset.totalUsdValue) && !accountModalConfig.showUnknownTokens) {
+                  return acc2;
+                }
                 const chainAddress = combineChainSymbolOrAddress({
                   chainId: asset.chainId,
                   symbolOrAddress: curAddress
@@ -1800,6 +1812,74 @@ import {
 import { getBalance } from "@wagmi/core";
 import { isAddress } from "viem";
 
+// src/consts/moonpay.ts
+var MOONPAY_TOKENS_SUPPORTED_REGIONS = {
+  usdc: {
+    isSupportedInUS: true,
+    notAllowedUSStates: ["VI"],
+    notAllowedCountries: ["CA"],
+    minBuyAmount: 15,
+    maxBuyAmount: 3e4,
+    precision: 2
+  },
+  usdc_arbitrum: {
+    isSupportedInUS: true,
+    notAllowedUSStates: ["NY", "TX", "VI"],
+    notAllowedCountries: ["CA"],
+    minBuyAmount: 15,
+    maxBuyAmount: 3e4,
+    precision: 2
+  },
+  usdc_base: {
+    isSupportedInUS: true,
+    notAllowedUSStates: ["NY", "TX", "VI"],
+    notAllowedCountries: ["CA"],
+    minBuyAmount: 15,
+    maxBuyAmount: 3e4,
+    precision: 2
+  },
+  usdc_polygon: {
+    isSupportedInUS: true,
+    notAllowedUSStates: ["NY", "TX", "VI"],
+    notAllowedCountries: ["CA"],
+    minBuyAmount: 15,
+    maxBuyAmount: 3e4,
+    precision: 2
+  },
+  eth: {
+    isSupportedInUS: true,
+    notAllowedUSStates: ["VI"],
+    notAllowedCountries: [],
+    minBuyAmount: 48e-4,
+    maxBuyAmount: 3e4,
+    precision: 4
+  },
+  eth_arbitrum: {
+    isSupportedInUS: true,
+    notAllowedUSStates: ["NY", "TX", "VI"],
+    notAllowedCountries: [],
+    minBuyAmount: 11e-4,
+    maxBuyAmount: 1e9,
+    precision: 4
+  },
+  eth_base: {
+    isSupportedInUS: true,
+    notAllowedUSStates: ["NY", "TX", "VI"],
+    notAllowedCountries: [],
+    minBuyAmount: 48e-4,
+    maxBuyAmount: 9999999,
+    precision: 4
+  },
+  eth_polygon: {
+    isSupportedInUS: true,
+    notAllowedUSStates: ["NY", "TX", "VI"],
+    notAllowedCountries: [],
+    minBuyAmount: 48e-4,
+    maxBuyAmount: 9999999,
+    precision: 4
+  }
+};
+
 // src/utils/formatNumber.ts
 var FORMAT_NUMBER_DEFAULT = {
   minBeforeUseScientific: 1e-5,
@@ -2207,8 +2287,9 @@ function getCheckoutStateStepNumber(state) {
     return 0;
   }
 }
-function formatTokenAmountForMoonpay(amount) {
-  const formattedNumber = roundUpToXDecimalPlaces(amount.toString(), 2);
+function formatTokenAmountForMoonpay(amount, mpCurrencyCode) {
+  const precision = MOONPAY_TOKENS_SUPPORTED_REGIONS[mpCurrencyCode.toLowerCase()].precision;
+  const formattedNumber = roundUpToXDecimalPlaces(amount.toString(), precision);
   return formattedNumber.toString();
 }
 function combineChainSymbolOrAddress2({
@@ -2690,7 +2771,8 @@ function FunkitCheckoutProvider({ children }) {
           const moonpayEstimation = await getMoonpayBuyQuoteForCreditCard({
             currencyCode: mpCurrencyCode,
             quoteCurrencyAmount: formatTokenAmountForMoonpay(
-              parseFloat(baseQuote.estTotalFromAmount)
+              parseFloat(baseQuote.estTotalFromAmount),
+              mpCurrencyCode
             ),
             baseCurrencyCode: "usd",
             areFeesIncluded: true,
@@ -2708,9 +2790,9 @@ function FunkitCheckoutProvider({ children }) {
         } else if (newPaymentMethodInfo.paymentMethod === "brokerage" /* BROKERAGE */) {
           const meshMeta = newPaymentMethodInfo.meta;
           const meshAccessToken = (_c = (_b = (_a = meshMeta == null ? void 0 : meshMeta.accessToken) == null ? void 0 : _a.accountTokens) == null ? void 0 : _b[0]) == null ? void 0 : _c.accessToken;
-          const meshBrokerName = (_d = meshMeta == null ? void 0 : meshMeta.accessToken) == null ? void 0 : _d.brokerName;
+          const meshExchangeType = (_d = meshMeta == null ? void 0 : meshMeta.accessToken) == null ? void 0 : _d.brokerType;
           const meshNetworkId = meshMeta == null ? void 0 : meshMeta.checkoutMeshNetworkId;
-          if (!meshMeta || !meshAccessToken || !meshBrokerName || !meshNetworkId) {
+          if (!meshMeta || !meshAccessToken || !meshNetworkId || !meshExchangeType) {
             throw new Error("Missing mesh meta information");
           }
           const amountInCrypto = roundUpToXDecimalPlaces(
@@ -2719,7 +2801,7 @@ function FunkitCheckoutProvider({ children }) {
           );
           const dummyPreviewTransfer = await meshPreviewTransfer(
             meshAccessToken,
-            meshBrokerName,
+            meshExchangeType,
             null,
             null,
             meshNetworkId,
@@ -3990,7 +4072,7 @@ import {
   meshGetLinkToken,
   meshGetTransferIntegrations
 } from "@funkit/core";
-var FUNKIT_MESH_CLIENT_ID = "e1880c6d-5af8-4634-3182-08dba58a99a5";
+var FUNKIT_MESH_CLIENT_ID = "8132aff4-56c9-4b1d-85b4-08dbdcc6199d";
 var MeshExchanges = /* @__PURE__ */ ((MeshExchanges4) => {
   MeshExchanges4["Robinhood"] = "Robinhood";
   MeshExchanges4["ETrade"] = "ETrade";
@@ -4004,13 +4086,12 @@ var MeshExchanges = /* @__PURE__ */ ((MeshExchanges4) => {
   MeshExchanges4["CoinbasePro"] = "CoinbasePro";
   MeshExchanges4["CryptoCom"] = "CryptoCom";
   MeshExchanges4["Binance"] = "Binance";
+  MeshExchanges4["BinanceUs"] = "BinanceUs";
   MeshExchanges4["Gemini"] = "Gemini";
   MeshExchanges4["OkCoin"] = "OkCoin";
-  MeshExchanges4["Bittrex"] = "Bittrex";
   MeshExchanges4["KuCoin"] = "KuCoin";
   MeshExchanges4["Etoro"] = "Etoro";
   MeshExchanges4["CexIo"] = "CexIo";
-  MeshExchanges4["BinanceInternational"] = "BinanceInternational";
   MeshExchanges4["Bitstamp"] = "Bitstamp";
   MeshExchanges4["GateIo"] = "GateIo";
   MeshExchanges4["Acorns"] = "Acorns";
@@ -4021,24 +4102,55 @@ var MeshExchanges = /* @__PURE__ */ ((MeshExchanges4) => {
   MeshExchanges4["Bitfinex"] = "Bitfinex";
   MeshExchanges4["KrakenDirect"] = "KrakenDirect";
   MeshExchanges4["Vanguard"] = "Vanguard";
-  MeshExchanges4["BinanceInternationalDirect"] = "BinanceInternationalDirect";
   MeshExchanges4["BitfinexDirect"] = "BitfinexDirect";
   MeshExchanges4["Bybit"] = "Bybit";
   return MeshExchanges4;
 })(MeshExchanges || {});
-async function fetchMeshLinkToken(selectedExchange, funApiKey) {
+var EXCHANGE_NAME_TO_TYPE = {
+  ["Robinhood" /* Robinhood */]: "robinhood",
+  ["ETrade" /* ETrade */]: "eTrade",
+  ["Alpaca" /* Alpaca */]: "alpaca",
+  ["WeBull" /* WeBull */]: "weBull",
+  ["Stash" /* Stash */]: "stash",
+  ["InteractiveBrokers" /* InteractiveBrokers */]: "interactiveBrokers",
+  ["Public" /* Public */]: "public",
+  ["Coinbase" /* Coinbase */]: "coinbase",
+  ["Kraken" /* Kraken */]: "kraken",
+  ["CryptoCom" /* CryptoCom */]: "cryptoCom",
+  ["CoinbasePro" /* CoinbasePro */]: "coinbasePro",
+  ["Gemini" /* Gemini */]: "gemini",
+  ["Binance" /* Binance */]: "binanceInternationalDirect",
+  ["BinanceUs" /* BinanceUs */]: "binanceUs",
+  ["OkCoin" /* OkCoin */]: "okCoin",
+  ["Etoro" /* Etoro */]: "etoro",
+  ["KuCoin" /* KuCoin */]: "kuCoin",
+  ["CexIo" /* CexIo */]: "cexIo",
+  ["GateIo" /* GateIo */]: "gateIo",
+  ["Bitstamp" /* Bitstamp */]: "bitstamp",
+  ["Okx" /* Okx */]: "okx",
+  ["Acorns" /* Acorns */]: "acorns",
+  ["Coinlist" /* Coinlist */]: "coinlist",
+  ["BitFlyer" /* BitFlyer */]: "bitFlyer",
+  ["Bitfinex" /* Bitfinex */]: "bitfinex",
+  ["Huobi" /* Huobi */]: "huobi",
+  ["KrakenDirect" /* KrakenDirect */]: "krakenDirect",
+  ["Vanguard" /* Vanguard */]: "vanguard",
+  ["Bybit" /* Bybit */]: "bybit",
+  ["BitfinexDirect" /* BitfinexDirect */]: "bitfinexDirect"
+};
+async function fetchMeshLinkToken(funkitUserId, selectedExchange, funApiKey) {
   return await meshGetLinkToken(
-    "meshconnectkit",
+    funkitUserId,
     selectedExchange,
     true,
     null,
     funApiKey
   );
 }
-async function executeBrokerageDeposit(fromAuthToken, brokerage, previewId, apiKey, mfaCode) {
+async function executeBrokerageDeposit(fromAuthToken, fromType, previewId, apiKey, mfaCode) {
   const executeTransfer = await meshExecuteTransfer(
     fromAuthToken,
-    brokerage,
+    fromType,
     previewId,
     mfaCode,
     apiKey
@@ -4050,7 +4162,8 @@ async function fetchMeshAccountCryptoHoldings({
   apiKey,
   exchange
 }) {
-  const res = await meshGetCryptocurrencyHoldings(authToken, exchange, apiKey);
+  const type = EXCHANGE_NAME_TO_TYPE[exchange];
+  const res = await meshGetCryptocurrencyHoldings(authToken, type, apiKey);
   return res.cryptocurrencyPositions;
 }
 async function fetchMeshSupportedTokensByBrokerageAndSupportedFunkitChains({
@@ -4059,7 +4172,7 @@ async function fetchMeshSupportedTokensByBrokerageAndSupportedFunkitChains({
 }) {
   const res = await meshGetTransferIntegrations(apiKey);
   const item = res.integrations.find(
-    (item2) => item2.type === (exchange == null ? void 0 : exchange.toLowerCase())
+    (item2) => item2.type === EXCHANGE_NAME_TO_TYPE[exchange]
   );
   const filteredNetworks = ((item == null ? void 0 : item.networks) || []).filter((networkItem) => {
     return (networkItem == null ? void 0 : networkItem.chainId) && FUNKIT_CONNECT_SUPPORTED_CHAINS_ID_LIST.includes(
@@ -4149,6 +4262,7 @@ function useFunkitMesh({
 }) {
   const { apiKey } = useFunkitConfig();
   const { meshBrokerDataMap, setDataMapAndCache } = useContext10(FunkitMeshContext);
+  const { userInfo } = useGeneralWallet();
   const handleIntegrationConnected = useCallback8(
     (brokerData) => {
       var _a;
@@ -4191,7 +4305,11 @@ function useFunkitMesh({
       if (hasActiveConnectionCheck(brokerage)) {
         onConnected == null ? void 0 : onConnected(meshBrokerDataMap[brokerage]);
       } else {
-        const response = await fetchMeshLinkToken(brokerage, apiKey);
+        const response = await fetchMeshLinkToken(
+          "meshconnectkit",
+          brokerage,
+          apiKey
+        );
         const linkToken = response.linkToken;
         const linkConnection = getLinkConnection();
         if (linkConnection && linkToken) {
@@ -5377,7 +5495,7 @@ function FunMeshVerificationStep({
         logger.log("inputs", { finalOtpInput });
         const res = await executeBrokerageDeposit(
           accessToken,
-          exchange,
+          EXCHANGE_NAME_TO_TYPE[exchange],
           previewId,
           funkitConfig == null ? void 0 : funkitConfig.apiKey,
           finalOtpInput
@@ -5443,7 +5561,7 @@ function FunMeshVerificationStep({
       case "mfaRequired" /* mfaRequired */:
       case "mfaFailed" /* mfaFailed */:
       case "secondMfaRequired" /* secondMfaRequired */:
-        return `Please enter the two factor code associated with your ${exchange} account. Once done, click "Continue" below.`;
+        return `Please enter the${(executionContent == null ? void 0 : executionContent.mfaType) && (executionContent == null ? void 0 : executionContent.mfaType) !== "unspecified" /* unspecified */ ? ` ${executionContent.mfaType} ` : " "}two factor code associated with your ${exchange} account. Once done, click "Continue" below.`;
       case "deviceConfirmationRequired" /* deviceConfirmationRequired */:
         return `Open the ${exchange} app on your mobile device and verify that you are trying to transfer crypto. Once done, click "Continue" below.`;
       case "emailConfirmationRequired" /* emailConfirmationRequired */:
@@ -5453,7 +5571,7 @@ function FunMeshVerificationStep({
       case "failed" /* failed */:
         return "An error occurred during checkout but your brokerage funds are unaffected. To retry, please go back and re-confirm a new checkout. If the error still persists, please reach out to support for help.";
     }
-  }, [exchange, executionStatus]);
+  }, [exchange, executionContent == null ? void 0 : executionContent.mfaType, executionStatus]);
   return /* @__PURE__ */ React53.createElement(Box, null, screen === 0 /* INITIAL */ ? /* @__PURE__ */ React53.createElement(Box, {
     width: "full",
     height: "200",
@@ -5985,7 +6103,7 @@ function AddPaymentMethodItem({
 }) {
   const config = PAYMENT_METHOD_CONFIG[paymentMethod];
   const { textCustomizations, paymentsConfig } = useFunkitConfig();
-  const { walletAddress } = useGeneralWallet();
+  const { walletAddress, walletAssets } = useGeneralWallet();
   const isEnabledForFlow = useMemo14(() => {
     if (paymentFlow === 1 /* CHECKOUT */) {
       return config.isEnabledForCheckout;
@@ -5999,7 +6117,12 @@ function AddPaymentMethodItem({
     textCustomizations,
     formatAddressLastFour(walletAddress || "")
   );
-  const isDisabled = !isClickable || !isEnabledForFlow;
+  const isWalletBalanceAndAssetStillLoading = useMemo14(() => {
+    return paymentMethod === "balance" /* ACCOUNT_BALANCE */ && walletAssets == null;
+  }, [paymentMethod, walletAssets]);
+  const isDisabled = useMemo14(() => {
+    return !isClickable || !isEnabledForFlow || isWalletBalanceAndAssetStillLoading;
+  }, [isClickable, isEnabledForFlow, isWalletBalanceAndAssetStillLoading]);
   const valueIcon = disclaimerText ? config.timeIcon : /* @__PURE__ */ React63.createElement(Box, {
     display: "flex",
     gap: "4",
@@ -6009,7 +6132,10 @@ function AddPaymentMethodItem({
     return /* @__PURE__ */ React63.createElement(React63.Fragment, null);
   }
   return /* @__PURE__ */ React63.createElement(FunKeyValue, {
-    keyIcon: config.icon,
+    keyIcon: isWalletBalanceAndAssetStillLoading ? /* @__PURE__ */ React63.createElement(SpinnerIcon, {
+      width: 24,
+      height: 24
+    }) : config.icon,
     keyText: labelText,
     valueIcon,
     valueText: config.timeRange,
@@ -6021,7 +6147,7 @@ function AddPaymentMethodItem({
     valueTextColor: isActive ? "buttonTextPrimary" : "modalText",
     onClick: isActive ? null : () => onClick == null ? void 0 : onClick(),
     isDisabled,
-    disclaimerText
+    disclaimerText: isWalletBalanceAndAssetStillLoading ? "Fetching balance..." : disclaimerText
   });
 }
 function ExistingPaymentMethodItem({
@@ -6523,7 +6649,9 @@ function FeesLineItem({
 }) {
   const [isExpanded, setIsExpanded] = useState16(false);
   const toggle = () => setIsExpanded(!isExpanded);
-  return /* @__PURE__ */ React68.createElement(Fragment2, null, /* @__PURE__ */ React68.createElement(LineItem, {
+  return /* @__PURE__ */ React68.createElement(Box, {
+    width: "full"
+  }, /* @__PURE__ */ React68.createElement(LineItem, {
     onClick: isLoading ? () => void 0 : () => toggle == null ? void 0 : toggle(),
     paddingY: isLoading ? "8" : "5",
     color: { base: "modalTextDim", hover: "accentColor" },
@@ -6547,7 +6675,9 @@ function FeesLineItem({
     size: "14"
   }, formatCurrencyAndStringify(
     parseFloat(feesItem.totalUsd.toString())
-  )), isExpanded ? /* @__PURE__ */ React68.createElement(FunUpArrow, null) : /* @__PURE__ */ React68.createElement(FunDownArrow, null)) : null), isExpanded ? /* @__PURE__ */ React68.createElement(Fragment2, null, /* @__PURE__ */ React68.createElement(LineItem, null, /* @__PURE__ */ React68.createElement(Text, {
+  )), isExpanded ? /* @__PURE__ */ React68.createElement(FunUpArrow, null) : /* @__PURE__ */ React68.createElement(FunDownArrow, null)) : null), /* @__PURE__ */ React68.createElement(Box, {
+    className: isExpanded ? "fun-container-content-expanded" : "fun-container-content-collapsed"
+  }, /* @__PURE__ */ React68.createElement(LineItem, null, /* @__PURE__ */ React68.createElement(Text, {
     weight: "medium",
     color: "modalTextDim",
     size: "14"
@@ -6564,9 +6694,7 @@ function FeesLineItem({
     color: "modalTextDim",
     size: "14"
   }, "(", formatCryptoAndStringify(
-    parseFloat(
-      feesItem.transactionFeesTokenAmount.toString()
-    ),
+    parseFloat(feesItem.transactionFeesTokenAmount.toString()),
     feesItem.transactionFeesTokenSymbol
   ), ")\xA0") : null, /* @__PURE__ */ React68.createElement(Text, {
     weight: "medium",
@@ -6599,7 +6727,7 @@ function FeesLineItem({
     size: "14"
   }, formatCurrencyAndStringify(
     parseFloat(feesItem.platformFeesUsd.toString())
-  ))) : null)) : null);
+  ))) : null)));
 }
 function FunTxSummaryDivider() {
   return /* @__PURE__ */ React68.createElement(Box, {
@@ -7476,10 +7604,14 @@ function FunPaymentMoonpayType({
   const [isSupportedRegion, setIsSupportedRegion] = useState20(true);
   const [isBackToHomeDisabled, setIsBackToHomeDisabled] = useState20(true);
   const funkitConfig = useFunkitConfig();
+  const { userInfo } = useGeneralWallet();
   const currencyCode = useMemo19(() => {
     return generateMoonpayCurrencyCode(depositToken, depositTokenChainId);
   }, [depositToken, depositTokenChainId]);
-  const depositTokenAmountStringFormatted = formatTokenAmountForMoonpay(depositTokenAmount);
+  const depositTokenAmountStringFormatted = formatTokenAmountForMoonpay(
+    depositTokenAmount,
+    currencyCode
+  );
   const handleGetSignature = async (url) => {
     const res = await getMoonpayUrlSignature(
       url,
@@ -7506,7 +7638,6 @@ function FunPaymentMoonpayType({
   }, [finalConvertedAssetName, funkitConfig == null ? void 0 : funkitConfig.appName, depositToken]);
   const moonpayButtonColor = useMemo19(() => {
     const primaryButtonHex = colorToHex(active2.colors.buttonPrimary);
-    console.log("primaryButonHex", primaryButtonHex);
     if (["#FFF", "#FFFF", "#FFFFFF", "#FFFFFFFF"].includes(primaryButtonHex)) {
       return void 0;
     } else {
@@ -7560,7 +7691,8 @@ function FunPaymentMoonpayType({
       border: `1px solid ${active2.colors.modalTextDim}`
     },
     theme: active2.moonpayTheme,
-    colorCode: moonpayButtonColor
+    colorCode: moonpayButtonColor,
+    externalCustomerId: userInfo.globalFunkitUserId
   })), paymentFlow === 0 /* DEPOSIT */ ? /* @__PURE__ */ React79.createElement(Box, {
     width: "full"
   }, /* @__PURE__ */ React79.createElement(FunButton, {
@@ -7900,7 +8032,7 @@ function Deposit({
       }
       const previewTransfer = await meshPreviewTransfer2(
         (_f2 = (_e2 = (_d2 = selectedPaymentMethodInfo == null ? void 0 : selectedPaymentMethodInfo.meta) == null ? void 0 : _d2.accessToken) == null ? void 0 : _e2.accountTokens) == null ? void 0 : _f2[0].accessToken,
-        (_h2 = (_g2 = selectedPaymentMethodInfo == null ? void 0 : selectedPaymentMethodInfo.meta) == null ? void 0 : _g2.accessToken) == null ? void 0 : _h2.brokerName,
+        (_h2 = (_g2 = selectedPaymentMethodInfo == null ? void 0 : selectedPaymentMethodInfo.meta) == null ? void 0 : _g2.accessToken) == null ? void 0 : _h2.brokerType,
         null,
         null,
         meshNetworkInfo.meshNetworkId,
@@ -8423,7 +8555,8 @@ var HomeTokenBalanceDisplayRow = ({ asset }) => {
     assetSrc: asset.logo,
     assetName: asset.name,
     assetTicker: asset.symbol,
-    chainId: asset.chainId
+    chainId: asset.chainId,
+    chainIconSize: "14"
   }), /* @__PURE__ */ React92.createElement(Box, {
     display: "flex",
     flexDirection: "column",
@@ -8611,7 +8744,6 @@ function Home({
 }
 
 // src/components/ProfileDetails/FunProfileViews/Settings/Settings.tsx
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO5 } from "@funkit/core";
 import React96, { useCallback as useCallback16, useState as useState24 } from "react";
 import { useAccount as useAccount6 } from "wagmi";
 
@@ -8762,9 +8894,10 @@ function Settings({
     }), /* @__PURE__ */ React96.createElement(FunIconButton, {
       icon: /* @__PURE__ */ React96.createElement(RedirectIcon, null),
       onClick: () => {
+        var _a;
         if (activeChain == null ? void 0 : activeChain.id) {
           window.open(
-            `${FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO5[activeChain == null ? void 0 : activeChain.id].explorerInfo.url}/address/${walletAddress}`,
+            `${(_a = activeChain.blockExplorers) == null ? void 0 : _a.default.url}/address/${walletAddress}`,
             "_blank"
           );
         }
@@ -11409,14 +11542,28 @@ function ConnectDetail({
     alignItems: "center",
     display: "flex",
     height: "full",
-    justifyContent: "center"
+    justifyContent: "center",
+    flexDirection: "column"
   }, /* @__PURE__ */ React127.createElement(QRCode, {
     logoBackground: iconBackground,
     logoSize: compactModeEnabled ? 60 : 72,
     logoUrl: iconUrl,
     size: compactModeEnabled ? 318 : smallWindow ? Math.max(280, Math.min(windowWidth - 308, 382)) : 382,
     uri: qrCodeUri
-  })) : /* @__PURE__ */ React127.createElement(Box, {
+  }), /* @__PURE__ */ React127.createElement(Box, {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    paddingTop: "20"
+  }, /* @__PURE__ */ React127.createElement(Text, {
+    weight: "medium",
+    color: "modalText",
+    size: "14",
+    style: { paddingRight: 8 }
+  }, "Copy Link"), /* @__PURE__ */ React127.createElement(CopyAddress, {
+    address: qrCodeUri,
+    type: "button"
+  }))) : /* @__PURE__ */ React127.createElement(Box, {
     alignItems: "center",
     display: "flex",
     justifyContent: "center",
@@ -12367,16 +12514,16 @@ function ConnectModal({ onClose, open }) {
 }
 
 // src/components/FunCheckoutHistoryModal/FunCheckoutHistoryModal.tsx
-import React143, { useMemo as useMemo34, useState as useState40 } from "react";
+import React144, { useCallback as useCallback28, useMemo as useMemo34, useState as useState41 } from "react";
 
 // src/components/FunCheckoutHistoryModal/FunCheckoutHistoryDetail.tsx
 import {
-  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9
+  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8
 } from "@funkit/core";
-import React140, { useMemo as useMemo32 } from "react";
+import React141, { useMemo as useMemo32 } from "react";
 
 // src/components/FunCheckoutModal/FunCheckoutPrimaryInfo.tsx
-import React139, { useCallback as useCallback27, useEffect as useEffect28, useMemo as useMemo31, useState as useState38 } from "react";
+import React140, { useCallback as useCallback27, useEffect as useEffect29, useMemo as useMemo31, useState as useState39 } from "react";
 
 // src/components/Icons/EditIcon.tsx
 import React132 from "react";
@@ -12396,10 +12543,11 @@ var EditIcon = ({ size = "24" }) => /* @__PURE__ */ React132.createElement("svg"
 
 // src/components/FunCheckoutModal/FunCheckoutModal.tsx
 import {
-  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8,
+  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7,
   getTokenInfo as getTokenInfo2
 } from "@funkit/core";
-import React138, { useCallback as useCallback26, useEffect as useEffect27, useMemo as useMemo30, useState as useState37 } from "react";
+import React139, { useCallback as useCallback26, useEffect as useEffect28, useMemo as useMemo30, useState as useState38 } from "react";
+import { mainnet as mainnet3 } from "viem/chains";
 
 // src/hooks/useCheckoutAccountBalanceTransfer.ts
 import { useCallback as useCallback22 } from "react";
@@ -12456,15 +12604,72 @@ function useCheckoutAccountBalanceTransfer(checkoutId) {
   };
 }
 
+// src/components/FunkitProvider/FunkitMoonpayProvider.tsx
+import React133, { createContext as createContext16, useContext as useContext22, useEffect as useEffect25, useState as useState34 } from "react";
+var MoonPayOriginalProvider = (props) => {
+  const [MoonPayProviderInner, setMoonPayProviderInner] = useState34(null);
+  useEffect25(() => {
+    const loadMoonPayProviderInner = async () => {
+      try {
+        const module = await import("@moonpay/moonpay-react");
+        setMoonPayProviderInner(() => module.MoonPayProvider);
+      } catch (error) {
+        logger.error("Failed to load MoonPayProvider", error);
+      }
+    };
+    loadMoonPayProviderInner();
+  }, []);
+  if (!MoonPayProviderInner)
+    return /* @__PURE__ */ React133.createElement(React133.Fragment, null, props.children);
+  return /* @__PURE__ */ React133.createElement(MoonPayProviderInner, {
+    ...props
+  }, props.children);
+};
+var FunkitMoonpayContext = createContext16({
+  moonpayApiKey: ""
+});
+function FunkitMoonpayProvider({
+  children,
+  debug
+}) {
+  const isSandboxMode = useIsFunkitSandboxMode();
+  const moonpayApiKey = isSandboxMode ? "pk_test_dWfAhBbvVexIId9S5hPd78mKM7ivIsqu" : "pk_live_IxayBRQuBC3RzpPZkbGPrwUsRWAaeO";
+  return /* @__PURE__ */ React133.createElement(MoonPayOriginalProvider, {
+    apiKey: moonpayApiKey,
+    debug
+  }, /* @__PURE__ */ React133.createElement(FunkitMoonpayContext.Provider, {
+    value: { moonpayApiKey }
+  }, children));
+}
+function useFunkitMoonpayUserIp() {
+  const [userIpInfo, setUserIpInfo] = useState34(
+    null
+  );
+  const { moonpayApiKey } = useContext22(FunkitMoonpayContext);
+  const getUserIpViaMoonpay = async () => {
+    const response = await fetch(
+      `https://api.moonpay.com/v3/ip_address?apiKey=${moonpayApiKey}`
+    );
+    const responseJson = await response.json();
+    setUserIpInfo(responseJson);
+  };
+  useEffect25(() => {
+    getUserIpViaMoonpay().catch(
+      (err) => logger.error("getUserIpViaMoonpay:error", err)
+    );
+  }, []);
+  return userIpInfo;
+}
+
 // src/components/FunCheckoutModal/FunCheckoutConfirmationStep.tsx
 import {
   ERC20_ABI,
-  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6,
+  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO5,
   getPaymasterDataForCheckoutSponsoredTransfer,
   isAddress as isAddress3,
   meshPreviewTransfer as meshPreviewTransfer3
 } from "@funkit/core";
-import React133, { useCallback as useCallback23, useMemo as useMemo27, useState as useState34 } from "react";
+import React134, { useCallback as useCallback23, useMemo as useMemo27, useState as useState35 } from "react";
 import { useAccount as useAccount10, useSendTransaction, useWriteContract } from "wagmi";
 function FunCheckoutConfirmationStep({
   checkoutId,
@@ -12489,16 +12694,16 @@ function FunCheckoutConfirmationStep({
   const hasDraftValueAndMethodError = ((_a = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _a.paymentMethod) === "card" /* CARD */ && isAmountValidForMoonpay({
     amountUsd: ((checkoutItem == null ? void 0 : checkoutItem.draftDollarValue) || 0).toString()
   });
-  const [isConfirming, setIsConfirming] = useState34(false);
-  const [checkoutStepMessage, setCheckoutStepMessage] = useState34("");
-  const [confirmationError, setConfirmationError] = useState34("");
+  const [isConfirming, setIsConfirming] = useState35(false);
+  const [checkoutStepMessage, setCheckoutStepMessage] = useState35("");
+  const [confirmationError, setConfirmationError] = useState35("");
   const hasCheckoutConfirmationError = useMemo27(
     () => confirmationError !== "",
     [confirmationError]
   );
-  const [isPostCheckoutLoading, setIsPostCheckoutLoading] = useState34(false);
-  const [postCheckoutStepMessage, setPostCheckoutStepMessage] = useState34("");
-  const [postCheckoutError, setPostCheckoutError] = useState34("");
+  const [isPostCheckoutLoading, setIsPostCheckoutLoading] = useState35(false);
+  const [postCheckoutStepMessage, setPostCheckoutStepMessage] = useState35("");
+  const [postCheckoutError, setPostCheckoutError] = useState35("");
   const hasPostCheckoutError = useMemo27(
     () => postCheckoutError !== "",
     [postCheckoutError]
@@ -12517,7 +12722,7 @@ function FunCheckoutConfirmationStep({
       }
       return await meshPreviewTransfer3(
         (_h2 = (_g2 = (_f2 = (_e2 = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _e2.meta) == null ? void 0 : _f2.accessToken) == null ? void 0 : _g2.accountTokens) == null ? void 0 : _h2[0].accessToken,
-        (_k2 = (_j2 = (_i2 = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _i2.meta) == null ? void 0 : _j2.accessToken) == null ? void 0 : _k2.brokerName,
+        (_k2 = (_j2 = (_i2 = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _i2.meta) == null ? void 0 : _j2.accessToken) == null ? void 0 : _k2.brokerType,
         null,
         null,
         (_m2 = (_l2 = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _l2.meta) == null ? void 0 : _m2.checkoutMeshNetworkId,
@@ -12535,7 +12740,7 @@ function FunCheckoutConfirmationStep({
     [
       (_b = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _b.baseQuote.estTotalFromAmount,
       (_e = (_d = (_c = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _c.meta) == null ? void 0 : _d.accessToken) == null ? void 0 : _e.accountTokens,
-      (_h = (_g = (_f = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _f.meta) == null ? void 0 : _g.accessToken) == null ? void 0 : _h.brokerName,
+      (_h = (_g = (_f = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _f.meta) == null ? void 0 : _g.accessToken) == null ? void 0 : _h.brokerType,
       (_j = (_i = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _i.meta) == null ? void 0 : _j.checkoutMeshNetworkId,
       (_k = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _k.symbol,
       funkitConfig.apiKey
@@ -12593,13 +12798,15 @@ function FunCheckoutConfirmationStep({
         return;
       const sourceAssetChainId = checkoutItem.selectedSourceAssetInfo.chainId;
       const sourceAssetAddress = (_b2 = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _b2.address;
-      const sourceAssetAmountBaseUnit = checkoutItem.latestQuote.baseQuote.estTotalFromAmountBaseUnit;
+      const sourceAssetAmountBaseUnit = BigInt(
+        checkoutItem.latestQuote.baseQuote.estTotalFromAmountBaseUnit
+      );
       if (parseInt(sourceAssetChainId) !== (chain == null ? void 0 : chain.id)) {
         logger.log("handleWeb3AccountBalancePostCheckout_needToSwitchChhain", {
           sourceAssetChainId,
           currentChain: chain
         });
-        const chainName = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6[sourceAssetChainId].chainInfo.name;
+        const chainName = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO5[sourceAssetChainId].chainInfo.name;
         setPostCheckoutStepMessage(
           WEB3_ACCOUNT_BALANCE_MESSAGE_GENERATOR[1 /* SWITCH_CHAIN */](chainName)
         );
@@ -12612,9 +12819,12 @@ function FunCheckoutConfirmationStep({
         const hash = await sendTransactionAsync({
           chainId: parseInt(sourceAssetChainId),
           to: depositAddress,
-          value: BigInt(sourceAssetAmountBaseUnit)
+          value: sourceAssetAmountBaseUnit
+        });
+        logger.log("handleWeb3AccountBalancePostCheckout_hash", {
+          hash,
+          sourceAssetAmountBaseUnit
         });
-        logger.log("handleWeb3AccountBalancePostCheckout_hash", { hash });
       } else {
         const hash = await writeContractAsync({
           chainId: parseInt(sourceAssetChainId),
@@ -12623,7 +12833,10 @@ function FunCheckoutConfirmationStep({
           functionName: "transfer",
           args: [depositAddress, sourceAssetAmountBaseUnit]
         });
-        logger.log("handleWeb3AccountBalancePostCheckout_hash", { hash });
+        logger.log("handleWeb3AccountBalancePostCheckout_hash", {
+          hash,
+          sourceAssetAmountBaseUnit
+        });
       }
       setPostCheckoutStepMessage("");
     },
@@ -12775,7 +12988,7 @@ function FunCheckoutConfirmationStep({
   ]);
   const paymentTokenString = useMemo27(() => {
     var _a2, _b2, _c2, _d2, _e2, _f2;
-    const sourceChainName = ((_a2 = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _a2.chainId) ? (_d2 = (_c2 = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6) == null ? void 0 : _c2[(_b2 = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _b2.chainId]) == null ? void 0 : _d2.name : "";
+    const sourceChainName = ((_a2 = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _a2.chainId) ? (_d2 = (_c2 = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO5) == null ? void 0 : _c2[(_b2 = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _b2.chainId]) == null ? void 0 : _d2.name : "";
     return formatCryptoAndStringify(
       parseFloat(((_e2 = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _e2.finalPaymentTokenAmount) || "0"),
       `${(_f2 = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _f2.symbol}${sourceChainName ? ` (${sourceChainName})` : ""}` || ""
@@ -12786,23 +12999,23 @@ function FunCheckoutConfirmationStep({
     (_q = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _q.symbol
   ]);
   const hasError = hasDraftValueAndMethodError || hasQuoteError || hasCheckoutConfirmationError || hasPostCheckoutError;
-  return /* @__PURE__ */ React133.createElement(Box, {
+  return /* @__PURE__ */ React134.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     gap: "24",
     paddingY: "24",
     className: animateOut ? animateContentOutClass : animateContentInClass
-  }, /* @__PURE__ */ React133.createElement(CheckoutPrimaryInfo, {
+  }, /* @__PURE__ */ React134.createElement(CheckoutPrimaryInfo, {
     checkoutId,
     checkoutStep
-  }), /* @__PURE__ */ React133.createElement(Box, {
+  }), /* @__PURE__ */ React134.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     gap: "24"
-  }, (checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) ? /* @__PURE__ */ React133.createElement(ExistingPaymentMethodItem, {
+  }, (checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) ? /* @__PURE__ */ React134.createElement(ExistingPaymentMethodItem, {
     paymentMethodInfo: checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo,
     isClickable: false
-  }) : null, /* @__PURE__ */ React133.createElement(FunTransactionSummary, {
+  }) : null, /* @__PURE__ */ React134.createElement(FunTransactionSummary, {
     estFees: {
       totalUsd: parseInputToNumber(
         (_r = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _r.finalFeesBreakdown.totalFeesUsd
@@ -12825,31 +13038,31 @@ function FunCheckoutConfirmationStep({
       1 /* CHECKOUT */,
       false
     ) : hasQuoteError ? checkoutItem == null ? void 0 : checkoutItem.quoteErrorMessage : hasCheckoutConfirmationError ? confirmationError : hasPostCheckoutError ? postCheckoutError : ""
-  })), !hasError && (postCheckoutStepMessage || checkoutStepMessage) ? /* @__PURE__ */ React133.createElement(FunNotification, {
+  })), !hasError && (postCheckoutStepMessage || checkoutStepMessage) ? /* @__PURE__ */ React134.createElement(FunNotification, {
     description: postCheckoutStepMessage || checkoutStepMessage,
     type: "default"
-  }) : null, /* @__PURE__ */ React133.createElement(Box, {
+  }) : null, /* @__PURE__ */ React134.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     gap: "4"
-  }, /* @__PURE__ */ React133.createElement(FunButton, {
+  }, /* @__PURE__ */ React134.createElement(FunButton, {
     title: "Confirm Order",
     isDisabled: (checkoutItem == null ? void 0 : checkoutItem.isQuoting) || (checkoutItem == null ? void 0 : checkoutItem.isDrafting) || isConfirming || hasDraftValueAndMethodError || hasQuoteError || isPostCheckoutLoading || hasCheckoutConfirmationError || hasPostCheckoutError,
-    titleSuffix: isConfirming || isPostCheckoutLoading ? /* @__PURE__ */ React133.createElement(Box, {
+    titleSuffix: isConfirming || isPostCheckoutLoading ? /* @__PURE__ */ React134.createElement(Box, {
       display: "flex",
       alignItems: "center",
       color: "modalText"
-    }, /* @__PURE__ */ React133.createElement(SpinnerIcon, {
+    }, /* @__PURE__ */ React134.createElement(SpinnerIcon, {
       height: 16,
       width: 16
     })) : null,
     onClick: onClickConfirm
-  }), /* @__PURE__ */ React133.createElement(FunTermsAndConditionsTextButton, null)));
+  }), /* @__PURE__ */ React134.createElement(FunTermsAndConditionsTextButton, null)));
 }
 
 // src/components/FunCheckoutModal/FunCheckoutInputAmountStep.tsx
 import { getAssetPriceInfoForCheckout as getAssetPriceInfoForCheckout3 } from "@funkit/core";
-import React134, { useCallback as useCallback24, useEffect as useEffect25, useMemo as useMemo28, useState as useState35 } from "react";
+import React135, { useCallback as useCallback24, useEffect as useEffect26, useMemo as useMemo28, useState as useState36 } from "react";
 function FunCheckoutInputAmountStep({
   checkoutId,
   onContinue,
@@ -12858,12 +13071,12 @@ function FunCheckoutInputAmountStep({
   const { active: active2 } = useActiveTheme();
   const { checkoutItem, updateTargetAssetAmount, getCheckoutDraftDollarValue } = useFunkitPreCheckoutInternal(checkoutId);
   const initialAmount = (checkoutItem == null ? void 0 : checkoutItem.initSettings.config.targetAssetAmount) || 0;
-  const [amountInput, setAmountInput] = useState35(
+  const [amountInput, setAmountInput] = useState36(
     initialAmount === 0 ? "" : initialAmount.toFixed(4)
   );
-  const [unitPrice, setUnitPrice] = useState35(0);
-  const [errorMessage, setErrorMessage] = useState35("");
-  useEffect25(() => {
+  const [unitPrice, setUnitPrice] = useState36(0);
+  const [errorMessage, setErrorMessage] = useState36("");
+  useEffect26(() => {
     const fetchPrice = async () => {
       var _a, _b, _c, _d;
       try {
@@ -12886,7 +13099,7 @@ function FunCheckoutInputAmountStep({
   const usdEquivalent = useMemo28(() => {
     return unitPrice * Number(amountInput);
   }, [amountInput, unitPrice]);
-  const [isContinuing, setIsContinuing] = useState35(false);
+  const [isContinuing, setIsContinuing] = useState36(false);
   const onClickContinue = useCallback24(async () => {
     setIsContinuing(true);
     await updateTargetAssetAmount(parseFloat(amountInput));
@@ -12899,21 +13112,21 @@ function FunCheckoutInputAmountStep({
     onContinue,
     updateTargetAssetAmount
   ]);
-  return /* @__PURE__ */ React134.createElement(Box, {
+  return /* @__PURE__ */ React135.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     gap: "24",
     paddingY: "24",
     width: "full",
     className: animateOut ? animateContentOutClass : animateContentInClass
-  }, /* @__PURE__ */ React134.createElement(Box, {
+  }, /* @__PURE__ */ React135.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     justifyContent: "center",
     alignItems: "center",
     gap: "8",
     width: "full"
-  }, /* @__PURE__ */ React134.createElement(FunInput, {
+  }, /* @__PURE__ */ React135.createElement(FunInput, {
     value: amountInput,
     placeholder: "0",
     onChange: (newAmount) => setAmountInput(newAmount.target.value),
@@ -12931,22 +13144,22 @@ function FunCheckoutInputAmountStep({
     },
     hasBackground: false,
     textColor: "modalText"
-  }), /* @__PURE__ */ React134.createElement(Text, {
+  }), /* @__PURE__ */ React135.createElement(Text, {
     color: "modalTextSecondary"
-  }, formatCurrencyAndStringify(usdEquivalent)), errorMessage ? /* @__PURE__ */ React134.createElement(Box, {
+  }, formatCurrencyAndStringify(usdEquivalent)), errorMessage ? /* @__PURE__ */ React135.createElement(Box, {
     width: "full",
     paddingTop: "16"
-  }, /* @__PURE__ */ React134.createElement(FunNotification, {
+  }, /* @__PURE__ */ React135.createElement(FunNotification, {
     type: "error",
     description: errorMessage
-  })) : null), /* @__PURE__ */ React134.createElement(FunButton, {
+  })) : null), /* @__PURE__ */ React135.createElement(FunButton, {
     title: "Continue",
     isDisabled: isContinuing || (parseFloat(amountInput) || 0) <= 0 || usdEquivalent <= 0,
-    titleSuffix: isContinuing ? /* @__PURE__ */ React134.createElement(Box, {
+    titleSuffix: isContinuing ? /* @__PURE__ */ React135.createElement(Box, {
       display: "flex",
       alignItems: "center",
       color: "modalText"
-    }, /* @__PURE__ */ React134.createElement(SpinnerIcon, {
+    }, /* @__PURE__ */ React135.createElement(SpinnerIcon, {
       height: 16,
       width: 16
     })) : null,
@@ -12957,19 +13170,19 @@ function FunCheckoutInputAmountStep({
 // src/components/FunCheckoutModal/FunCheckoutSelectAssetStep.tsx
 import {
   FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS as FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS3,
-  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7
+  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6
 } from "@funkit/core";
-import React136, { useCallback as useCallback25, useEffect as useEffect26, useMemo as useMemo29, useState as useState36 } from "react";
+import React137, { useCallback as useCallback25, useEffect as useEffect27, useMemo as useMemo29, useState as useState37 } from "react";
 
 // src/components/FunBadge/FunBadge.tsx
-import React135 from "react";
+import React136 from "react";
 function FunBadge({ text }) {
-  return /* @__PURE__ */ React135.createElement(Box, {
+  return /* @__PURE__ */ React136.createElement(Box, {
     background: "notificationPrimary",
     paddingX: "8",
     borderRadius: "6",
     style: { width: "fit-content" }
-  }, /* @__PURE__ */ React135.createElement(Text, {
+  }, /* @__PURE__ */ React136.createElement(Text, {
     size: "10",
     color: "modalTextSecondary",
     weight: "medium"
@@ -12984,9 +13197,9 @@ function MeshOrAccountSelectAsset({
   isOnFinishLoading
 }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
-  const [accountHoldingsMap, setAccountHoldingsMap] = useState36({});
-  const [isLoadingAssets, setIsLoadingAssets] = useState36(true);
-  const [selectedChainTokenSymbol, setSelectedChainTokenSymbol] = useState36("");
+  const [accountHoldingsMap, setAccountHoldingsMap] = useState37({});
+  const [isLoadingAssets, setIsLoadingAssets] = useState37(true);
+  const [selectedChainTokenSymbol, setSelectedChainTokenSymbol] = useState37("");
   const { checkoutItem, updateSourceAsset } = useFunkitPreCheckoutInternal(checkoutId);
   const { isCheckoutCrFlow } = useCheckoutType(checkoutItem);
   const draftDollarValueNormalized = (checkoutItem == null ? void 0 : checkoutItem.draftDollarValue) || 0;
@@ -13078,18 +13291,18 @@ function MeshOrAccountSelectAsset({
   const generateAccountHoldingsMapForBalance = useCallback25(async () => {
     const itemMap = {};
     const checkoutTargetChainId = checkoutItem == null ? void 0 : checkoutItem.initSettings.config.targetChain;
-    const isCheckoutOnMainnet = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7[checkoutTargetChainId || ""].isFiatCheckoutSupported;
+    const isCheckoutOnMainnet = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6[checkoutTargetChainId || ""].isFiatCheckoutSupported;
     Object.values(walletAssets || {}).forEach((fwAsset) => {
       var _a2, _b2, _c2, _d2;
       if (!fwAsset.symbol || !fwAsset.contractAddress)
         return;
-      const isAssetOnMainnet = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7[fwAsset.chainId].isFiatCheckoutSupported;
+      const isAssetOnMainnet = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6[fwAsset.chainId].isFiatCheckoutSupported;
       if (isCheckoutOnMainnet && !isAssetOnMainnet)
         return;
       if (!isCheckoutOnMainnet && checkoutTargetChainId !== fwAsset.chainId)
         return;
       let normalizedTokenAddress = fwAsset.contractAddress;
-      if (((_d2 = (_c2 = (_b2 = (_a2 = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7) == null ? void 0 : _a2[fwAsset.chainId]) == null ? void 0 : _b2.nativeCurrency) == null ? void 0 : _c2.symbol) == null ? void 0 : _d2.toUpperCase()) === fwAsset.symbol.toUpperCase()) {
+      if (((_d2 = (_c2 = (_b2 = (_a2 = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6) == null ? void 0 : _a2[fwAsset.chainId]) == null ? void 0 : _b2.nativeCurrency) == null ? void 0 : _c2.symbol) == null ? void 0 : _d2.toUpperCase()) === fwAsset.symbol.toUpperCase()) {
         normalizedTokenAddress = FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS3;
       }
       const chainSymbol = combineChainSymbolOrAddress2({
@@ -13112,7 +13325,7 @@ function MeshOrAccountSelectAsset({
     });
     return itemMap;
   }, [checkoutItem == null ? void 0 : checkoutItem.initSettings.config.targetChain, walletAssets]);
-  useEffect26(() => {
+  useEffect27(() => {
     async function fetchAccountHoldings() {
       var _a2;
       const isMapInited = Object.keys(accountHoldingsMap).length > 0;
@@ -13155,33 +13368,33 @@ function MeshOrAccountSelectAsset({
       return {
         value: chainSymbolKey,
         isDisabled: isTokenDisabled,
-        label: /* @__PURE__ */ React136.createElement(Box, {
+        label: /* @__PURE__ */ React137.createElement(Box, {
           alignItems: "center",
           display: "flex",
           flexDirection: "row",
           justifyContent: "space-between",
           style: { fontSize: 12 },
           key: chainSymbolKey
-        }, /* @__PURE__ */ React136.createElement(Box, {
+        }, /* @__PURE__ */ React137.createElement(Box, {
           display: "flex",
           justifyContent: "flex-start",
           alignItems: "center",
           gap: "8"
-        }, /* @__PURE__ */ React136.createElement(FunAssetAvatar, {
+        }, /* @__PURE__ */ React137.createElement(FunAssetAvatar, {
           assetSrc: item.iconSrc,
           assetTicker: item.symbol,
           assetName: item.symbol,
           assetIconSize: "24",
           chainId: item.pickedChainId,
           chainIconSize: "10"
-        }), /* @__PURE__ */ React136.createElement(Box, null, /* @__PURE__ */ React136.createElement("div", null, item.symbol), isNotNullish(item.amount) ? /* @__PURE__ */ React136.createElement("div", null, formatCryptoAndStringify(item.amount)) : null)), /* @__PURE__ */ React136.createElement(Box, {
+        }), /* @__PURE__ */ React137.createElement(Box, null, /* @__PURE__ */ React137.createElement("div", null, item.symbol), isNotNullish(item.amount) ? /* @__PURE__ */ React137.createElement("div", null, formatCryptoAndStringify(item.amount)) : null)), /* @__PURE__ */ React137.createElement(Box, {
           display: "flex",
           alignItems: "center",
           justifyContent: "flex-end",
           gap: "8"
-        }, badgeText ? /* @__PURE__ */ React136.createElement(FunBadge, {
+        }, badgeText ? /* @__PURE__ */ React137.createElement(FunBadge, {
           text: badgeText
-        }) : null, /* @__PURE__ */ React136.createElement("div", null, formatCurrencyAndStringify(item.usdAmount || 0)))),
+        }) : null, /* @__PURE__ */ React137.createElement("div", null, formatCurrencyAndStringify(item.usdAmount || 0)))),
         labelMeta: item.usdAmount
       };
     }).sort(
@@ -13210,36 +13423,36 @@ function MeshOrAccountSelectAsset({
     quoteNotificationMessage,
     clearCheckoutQuoteMessages
   } = useCheckoutQuoteNotification(checkoutId || "");
-  const [insufficientAssetError, setInsufficientAssetError] = useState36("");
+  const [insufficientAssetError, setInsufficientAssetError] = useState37("");
   const hasInsufficientAssetError = !!insufficientAssetError;
-  useEffect26(() => {
+  useEffect27(() => {
     if (checkoutItem == null ? void 0 : checkoutItem.isDrafting) {
       setSelectedChainTokenSymbol("");
       setInsufficientAssetError("");
     }
   }, [checkoutItem == null ? void 0 : checkoutItem.isDrafting]);
-  return /* @__PURE__ */ React136.createElement(Box, null, /* @__PURE__ */ React136.createElement(CheckoutPrimaryInfo, {
+  return /* @__PURE__ */ React137.createElement(Box, null, /* @__PURE__ */ React137.createElement(CheckoutPrimaryInfo, {
     checkoutId,
     checkoutStep
-  }), /* @__PURE__ */ React136.createElement(Box, {
+  }), /* @__PURE__ */ React137.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     gap: "10",
     paddingTop: "24"
-  }, /* @__PURE__ */ React136.createElement(Text, {
+  }, /* @__PURE__ */ React137.createElement(Text, {
     color: "modalTextSecondary",
     size: "18",
     weight: "semibold"
-  }, funkitConfig.textCustomizations.payWith)), /* @__PURE__ */ React136.createElement(Box, {
+  }, funkitConfig.textCustomizations.payWith)), /* @__PURE__ */ React137.createElement(Box, {
     paddingBottom: "24",
     paddingTop: "8"
-  }, isLoadingAssets ? /* @__PURE__ */ React136.createElement(Box, {
+  }, isLoadingAssets ? /* @__PURE__ */ React137.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     gap: "10"
-  }, /* @__PURE__ */ React136.createElement(SkeletalLoader, {
+  }, /* @__PURE__ */ React137.createElement(SkeletalLoader, {
     key: "skeletal-loader"
-  })) : /* @__PURE__ */ React136.createElement(FunSelectDropdown, {
+  })) : /* @__PURE__ */ React137.createElement(FunSelectDropdown, {
     handleSelect: (newValue) => {
       setSelectedChainTokenSymbol(newValue);
       clearCheckoutQuoteMessages();
@@ -13258,20 +13471,20 @@ function MeshOrAccountSelectAsset({
     selectedValue: selectedChainTokenSymbol || "",
     optionItemPadding: "12",
     showBorder: false
-  })), hasInsufficientAssetError || showQuoteNotification ? /* @__PURE__ */ React136.createElement(Box, {
+  })), hasInsufficientAssetError || showQuoteNotification ? /* @__PURE__ */ React137.createElement(Box, {
     paddingBottom: "24"
-  }, /* @__PURE__ */ React136.createElement(FunNotification, {
+  }, /* @__PURE__ */ React137.createElement(FunNotification, {
     type: hasQuoteError ? "error" : "default",
     description: quoteNotificationMessage || insufficientAssetError
-  })) : null, /* @__PURE__ */ React136.createElement(FunButton, {
+  })) : null, /* @__PURE__ */ React137.createElement(FunButton, {
     type: "primary",
     title: "Continue",
     isDisabled: !selectedChainTokenSymbol || hasInsufficientAssetError || (checkoutItem == null ? void 0 : checkoutItem.isDrafting) || showQuoteNotification || isOnFinishLoading,
-    titleSuffix: isOnFinishLoading ? /* @__PURE__ */ React136.createElement(Box, {
+    titleSuffix: isOnFinishLoading ? /* @__PURE__ */ React137.createElement(Box, {
       display: "flex",
       alignItems: "center",
       color: "modalText"
-    }, /* @__PURE__ */ React136.createElement(SpinnerIcon, {
+    }, /* @__PURE__ */ React137.createElement(SpinnerIcon, {
       height: 16,
       width: 16
     })) : null,
@@ -13287,7 +13500,7 @@ function FunCheckoutSelectAssetStep({
 }) {
   var _a, _b;
   const { checkoutItem } = useFunkitPreCheckoutInternal(checkoutId);
-  return /* @__PURE__ */ React136.createElement(Box, {
+  return /* @__PURE__ */ React137.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     gap: "24",
@@ -13295,18 +13508,18 @@ function FunCheckoutSelectAssetStep({
     className: animateOut ? animateContentOutClass : animateContentInClass
   }, isNotNullish((_a = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _a.paymentMethod) && ["brokerage" /* BROKERAGE */, "balance" /* ACCOUNT_BALANCE */].includes(
     (_b = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _b.paymentMethod
-  ) ? /* @__PURE__ */ React136.createElement(MeshOrAccountSelectAsset, {
+  ) ? /* @__PURE__ */ React137.createElement(MeshOrAccountSelectAsset, {
     isOnFinishLoading,
     onFinish,
     checkoutId,
     checkoutStep
-  }) : /* @__PURE__ */ React136.createElement(Text, {
+  }) : /* @__PURE__ */ React137.createElement(Text, {
     color: "modalTextSecondary"
   }, "Unsupported payment method"));
 }
 
 // src/components/FunCheckoutModal/FunCheckoutVerifyDetailsStep.tsx
-import React137 from "react";
+import React138 from "react";
 function FunCheckoutVerifyDetailsStep({
   checkoutId,
   checkoutStep,
@@ -13314,16 +13527,16 @@ function FunCheckoutVerifyDetailsStep({
 }) {
   const { checkoutItem } = useFunkitPreCheckoutInternal(checkoutId);
   const isDraftDollarValueReady = isNotNullish(checkoutItem == null ? void 0 : checkoutItem.draftDollarValue) && !(checkoutItem == null ? void 0 : checkoutItem.isDrafting);
-  return /* @__PURE__ */ React137.createElement(Box, {
+  return /* @__PURE__ */ React138.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     gap: "24",
     paddingTop: "24",
     paddingBottom: "16"
-  }, /* @__PURE__ */ React137.createElement(CheckoutPrimaryInfo, {
+  }, /* @__PURE__ */ React138.createElement(CheckoutPrimaryInfo, {
     checkoutId,
     checkoutStep
-  }), /* @__PURE__ */ React137.createElement(FunPaymentMethods, {
+  }), /* @__PURE__ */ React138.createElement(FunPaymentMethods, {
     checkoutId,
     paymentFlow: 1 /* CHECKOUT */,
     onSelect: onSelectPaymentMethod,
@@ -13348,25 +13561,26 @@ function FunCheckoutModal({
   }
   const { textCustomizations } = useFunkitConfig();
   const { accountBalancePaymentDefaultInfo, isWeb2Login } = useGeneralWallet();
+  const userIpInfo = useFunkitMoonpayUserIp();
   const { updateSourceAsset, updateSelectedPaymentMethodInfo, reDraftSymbol } = useFunkitPreCheckoutInternal(checkoutId);
   const { openFunCheckoutHistoryModal } = useFunCheckoutHistoryModal();
-  const [isSoftHidden, setIsSoftHidden] = useState37(false);
-  const [animateOut, setAnimateOut] = useState37(false);
+  const [isSoftHidden, setIsSoftHidden] = useState38(false);
+  const [animateOut, setAnimateOut] = useState38(false);
   const { checkoutItem, getCheckoutQuote } = useFunkitPreCheckoutInternal(
     checkoutId || ""
   );
   const { clearCheckoutQuoteMessages } = useCheckoutQuoteNotification(
     checkoutId || ""
   );
-  const [checkoutStep, setCheckoutStep] = useState37(
+  const [checkoutStep, setCheckoutStep] = useState38(
     (checkoutItem == null ? void 0 : checkoutItem.isFastForwarded) ? "confirmation" /* CONFIRMATION */ : (checkoutItem == null ? void 0 : checkoutItem.initSettings.config.targetAssetAmount) === 0 && !checkoutItem.initSettings.config.disableEditing ? "input_amount" /* INPUT_AMOUNT */ : "select_payment" /* SELECT_PAYMENT_METHOD */
   );
-  useEffect27(() => {
+  useEffect28(() => {
     return () => {
       setCheckoutStep("select_payment" /* SELECT_PAYMENT_METHOD */);
     };
   }, []);
-  useEffect27(() => {
+  useEffect28(() => {
     clearCheckoutQuoteMessages();
   }, [checkoutStep]);
   const { generateCheckoutTransferOpItems } = useCheckoutAccountBalanceTransfer(checkoutId);
@@ -13501,7 +13715,7 @@ function FunCheckoutModal({
     },
     [checkoutItem, onCloseWrapper, openFunCheckoutHistoryModal]
   );
-  const [isSourceAssetConfirming, setIsSourceAssetConfirming] = useState37(false);
+  const [isSourceAssetConfirming, setIsSourceAssetConfirming] = useState38(false);
   const onSourceAssetConfirmed = useCallback26(async () => {
     var _a2, _b2, _c2, _d2;
     try {
@@ -13526,9 +13740,9 @@ function FunCheckoutModal({
           newPaymentMethodInfo = {
             paymentMethod: "card" /* CARD */,
             title: textCustomizations.debitOrCredit,
-            titleIcon: /* @__PURE__ */ React138.createElement(CreditCardIcon, null),
+            titleIcon: /* @__PURE__ */ React139.createElement(CreditCardIcon, null),
             description: "",
-            descriptionIcon: /* @__PURE__ */ React138.createElement(CombinedCreditCardOptionsIcon, null),
+            descriptionIcon: /* @__PURE__ */ React139.createElement(CombinedCreditCardOptionsIcon, null),
             meta: {}
           };
         } else if (selectedPaymentMethod === "brokerage" /* BROKERAGE */) {
@@ -13572,43 +13786,80 @@ function FunCheckoutModal({
     textCustomizations.debitOrCredit
   ]);
   const [triggerSymbol, triggerSourceAssetConfirmedFn] = useSymbolRefresh_default();
-  useEffect27(() => {
+  useEffect28(() => {
     onSourceAssetConfirmed();
   }, [triggerSymbol]);
-  useEffect27(() => {
+  useEffect28(() => {
     if (checkoutItem && isCheckoutCrFlow && checkoutStep === "confirmation" /* CONFIRMATION */) {
       onSourceAssetConfirmed();
     }
   }, [reDraftSymbol]);
+  const pickSourceAssetForCard = useCallback26(async () => {
+    var _a2;
+    if (!(checkoutItem == null ? void 0 : checkoutItem.initSettings.config.targetChain)) {
+      throw new Error("pickSourceAssetForCard: Missing targetChain");
+    }
+    logger.log(
+      "pickSourceAssetForCard:begin",
+      checkoutItem == null ? void 0 : checkoutItem.initSettings.config
+    );
+    const isNyOrTxOrVi = userIpInfo ? userIpInfo.alpha2 === "US" && ["NY", "TX", "VI"].includes(userIpInfo.state) : false;
+    const isCanada = userIpInfo ? userIpInfo.alpha2 === "CA" : false;
+    const targetChainId = checkoutItem == null ? void 0 : checkoutItem.initSettings.config.targetChain.toString();
+    const wethAddrOnTargetChain = (await getTokenInfo2("weth", targetChainId)).toLowerCase();
+    const isTargetAssetEthOrWeth = [NATIVE_TOKEN, wethAddrOnTargetChain].includes(
+      (_a2 = checkoutItem == null ? void 0 : checkoutItem.initSettings) == null ? void 0 : _a2.config.targetAsset
+    ) && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7[targetChainId].nativeCurrency.symbol === "ETH" /* ETH */;
+    let sourceTokenAddress;
+    let sourceTokenTicker;
+    let sourceTokenChainId;
+    if (isCanada) {
+      sourceTokenTicker = "ETH" /* ETH */;
+      sourceTokenAddress = NATIVE_TOKEN;
+      sourceTokenChainId = targetChainId;
+    } else {
+      sourceTokenChainId = isNyOrTxOrVi ? mainnet3.id.toString() : targetChainId;
+      if (isTargetAssetEthOrWeth) {
+        sourceTokenTicker = "ETH" /* ETH */;
+        sourceTokenAddress = NATIVE_TOKEN;
+      } else {
+        sourceTokenTicker = "USDC" /* USDC */;
+        sourceTokenAddress = await getTokenAddress(
+          "USDC" /* USDC */,
+          sourceTokenChainId
+        );
+      }
+    }
+    logger.log("pickSourceAssetForCard:result", {
+      targetAssetInfo: checkoutItem == null ? void 0 : checkoutItem.initSettings.config,
+      isNyOrTxOrVi,
+      isCanada,
+      isTargetAssetEthOrWeth,
+      sourceTokenAddress,
+      sourceTokenChainId,
+      sourceTokenTicker
+    });
+    return {
+      pickedSourceTokenAddress: sourceTokenAddress,
+      pickedSourceTokenTicker: sourceTokenTicker,
+      pickedSourceTokenChainId: sourceTokenChainId
+    };
+  }, [checkoutItem == null ? void 0 : checkoutItem.initSettings.config, userIpInfo]);
   const onSelectPaymentMethod = useCallback26(
     async (partialPaymentMethodInfo) => {
-      var _a2;
       updateSelectedPaymentMethodInfo(partialPaymentMethodInfo);
       if (partialPaymentMethodInfo.paymentMethod === "balance" /* ACCOUNT_BALANCE */) {
         setCheckoutStep("select_asset" /* SELECT_ASSET */);
       } else if (partialPaymentMethodInfo.paymentMethod === "card" /* CARD */) {
-        if (!(checkoutItem == null ? void 0 : checkoutItem.initSettings.config.targetChain))
-          return;
-        const targetChainId = checkoutItem == null ? void 0 : checkoutItem.initSettings.config.targetChain.toString();
-        let sourceTokenAddress;
-        let sourceTokenTicker;
-        const wethAddrOnTargetChain = (await getTokenInfo2("weth", targetChainId)).toLowerCase();
-        if ([NATIVE_TOKEN, wethAddrOnTargetChain].includes(
-          (_a2 = checkoutItem == null ? void 0 : checkoutItem.initSettings) == null ? void 0 : _a2.config.targetAsset
-        ) && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8[targetChainId].nativeCurrency.symbol === "ETH" /* ETH */) {
-          sourceTokenAddress = NATIVE_TOKEN;
-          sourceTokenTicker = "ETH" /* ETH */;
-        } else {
-          sourceTokenAddress = await getTokenAddress(
-            "USDC" /* USDC */,
-            targetChainId
-          );
-          sourceTokenTicker = "USDC" /* USDC */;
-        }
+        const {
+          pickedSourceTokenAddress,
+          pickedSourceTokenChainId,
+          pickedSourceTokenTicker
+        } = await pickSourceAssetForCard();
         updateSourceAsset(
-          sourceTokenAddress,
-          sourceTokenTicker,
-          targetChainId
+          pickedSourceTokenAddress,
+          pickedSourceTokenTicker,
+          pickedSourceTokenChainId
         );
         triggerSourceAssetConfirmedFn();
       } else {
@@ -13616,8 +13867,7 @@ function FunCheckoutModal({
       }
     },
     [
-      checkoutItem == null ? void 0 : checkoutItem.initSettings.config.targetAsset,
-      checkoutItem == null ? void 0 : checkoutItem.initSettings.config.targetChain,
+      pickSourceAssetForCard,
       triggerSourceAssetConfirmedFn,
       updateSelectedPaymentMethodInfo,
       updateSourceAsset
@@ -13627,35 +13877,35 @@ function FunCheckoutModal({
   const meshAccessInfo = meshMeta == null ? void 0 : meshMeta.accessToken;
   const meshPreviewResult = (_i = meshMeta == null ? void 0 : meshMeta.previewTransfer) == null ? void 0 : _i.previewResult;
   const meshPreviewExpirationMs = meshMeta == null ? void 0 : meshMeta.computedPreviewExpirationMs;
-  return /* @__PURE__ */ React138.createElement(Dialog, {
+  return /* @__PURE__ */ React139.createElement(Dialog, {
     open,
     onClose: onCloseWrapper,
     titleId: "fun-checkout-modal",
     isHidden: isSoftHidden
-  }, /* @__PURE__ */ React138.createElement(DialogContent, {
+  }, /* @__PURE__ */ React139.createElement(DialogContent, {
     bottomSheetOnMobile: true,
     padding: "0"
-  }, /* @__PURE__ */ React138.createElement(Box, {
+  }, /* @__PURE__ */ React139.createElement(Box, {
     paddingTop: "20",
     paddingX: "20"
-  }, /* @__PURE__ */ React138.createElement(FunModalTitleSection, {
+  }, /* @__PURE__ */ React139.createElement(FunModalTitleSection, {
     hasBackButton: titleConfig.hasBack,
     onBack: titleConfig.onBack,
     title: titleConfig.title,
     hasCloseButton: true,
     onClose: onCloseWrapper
-  }), checkoutStep === "input_amount" /* INPUT_AMOUNT */ ? /* @__PURE__ */ React138.createElement(FunCheckoutInputAmountStep, {
+  }), checkoutStep === "input_amount" /* INPUT_AMOUNT */ ? /* @__PURE__ */ React139.createElement(FunCheckoutInputAmountStep, {
     checkoutId: checkoutId || "",
     onContinue: () => setCheckoutStep("select_payment" /* SELECT_PAYMENT_METHOD */),
     animateOut
-  }) : checkoutStep === "select_payment" /* SELECT_PAYMENT_METHOD */ ? /* @__PURE__ */ React138.createElement(FunCheckoutVerifyDetailsStep, {
+  }) : checkoutStep === "select_payment" /* SELECT_PAYMENT_METHOD */ ? /* @__PURE__ */ React139.createElement(FunCheckoutVerifyDetailsStep, {
     checkoutId,
     checkoutStep,
     onSelectPaymentMethod
-  }) : checkoutStep === "payment_setup" /* PAYMENT_SETUP */ ? /* @__PURE__ */ React138.createElement(Box, {
+  }) : checkoutStep === "payment_setup" /* PAYMENT_SETUP */ ? /* @__PURE__ */ React139.createElement(Box, {
     paddingY: "24",
     width: "full"
-  }, /* @__PURE__ */ React138.createElement(FunPaymentSetup, {
+  }, /* @__PURE__ */ React139.createElement(FunPaymentSetup, {
     key: checkoutStep,
     paymentFlow: 1 /* CHECKOUT */,
     paymentAddress: checkoutItem == null ? void 0 : checkoutItem.depositAddress,
@@ -13674,13 +13924,13 @@ function FunCheckoutModal({
     redirectToCheckoutHistory,
     isParentLoading: !!(checkoutItem == null ? void 0 : checkoutItem.isDrafting),
     finalConvertedAssetName: checkoutItem == null ? void 0 : checkoutItem.initSettings.config.checkoutItemTitle
-  })) : checkoutStep === "select_asset" /* SELECT_ASSET */ ? /* @__PURE__ */ React138.createElement(FunCheckoutSelectAssetStep, {
+  })) : checkoutStep === "select_asset" /* SELECT_ASSET */ ? /* @__PURE__ */ React139.createElement(FunCheckoutSelectAssetStep, {
     checkoutId,
     checkoutStep,
     isOnFinishLoading: isSourceAssetConfirming,
     onFinish: triggerSourceAssetConfirmedFn,
     animateOut
-  }) : checkoutStep === "confirmation" /* CONFIRMATION */ ? /* @__PURE__ */ React138.createElement(FunCheckoutConfirmationStep, {
+  }) : checkoutStep === "confirmation" /* CONFIRMATION */ ? /* @__PURE__ */ React139.createElement(FunCheckoutConfirmationStep, {
     checkoutId,
     checkoutStep,
     regenerateQuoteFn: triggerSourceAssetConfirmedFn,
@@ -13696,9 +13946,9 @@ function FunCheckoutModal({
       }
     },
     animateOut
-  }) : checkoutStep === "mesh_verification" /* MESH_VERIFICATION */ ? /* @__PURE__ */ React138.createElement(Box, {
+  }) : checkoutStep === "mesh_verification" /* MESH_VERIFICATION */ ? /* @__PURE__ */ React139.createElement(Box, {
     paddingY: "24"
-  }, /* @__PURE__ */ React138.createElement(FunMeshVerificationStep, {
+  }, /* @__PURE__ */ React139.createElement(FunMeshVerificationStep, {
     previewId: meshPreviewResult == null ? void 0 : meshPreviewResult.previewId,
     previewExpirationMs: meshPreviewExpirationMs,
     transferToAddress: meshPreviewResult == null ? void 0 : meshPreviewResult.toAddress,
@@ -13727,8 +13977,8 @@ function CheckoutPrimaryInfoSnapshot({
   const showCheckoutItemAmount = isEditable || isNotNullish(checkoutConfig == null ? void 0 : checkoutConfig.checkoutItemAmount) && checkoutConfig.checkoutItemAmount > 0;
   const checkoutItemAmountRaw = (checkoutConfig == null ? void 0 : checkoutConfig.checkoutItemAmount) || 0;
   const checkoutItemAmountFormatted = showCheckoutItemAmount ? formatCryptoAndStringify(checkoutItemAmountRaw) : FALLBACK_CHECKOUT_ITEM_AMOUNT;
-  const [isEditing, setIsEditing] = useState38(false);
-  const [editedValue, setEditedValue] = useState38(
+  const [isEditing, setIsEditing] = useState39(false);
+  const [editedValue, setEditedValue] = useState39(
     checkoutItemAmountRaw.toString()
   );
   const hasInputError = useMemo31(() => {
@@ -13742,25 +13992,25 @@ function CheckoutPrimaryInfoSnapshot({
       }
     }
   }, [editedValue, hasInputError, isEditable, isEditing, onConfirmEdit]);
-  return /* @__PURE__ */ React139.createElement(Box, {
+  return /* @__PURE__ */ React140.createElement(Box, {
     display: "flex",
     gap: "12",
     borderRadius: "menuButton",
     background: "notificationPrimary",
     padding: "14"
-  }, (checkoutConfig == null ? void 0 : checkoutConfig.iconSrc) ? /* @__PURE__ */ React139.createElement(FunAssetAvatar, {
+  }, (checkoutConfig == null ? void 0 : checkoutConfig.iconSrc) ? /* @__PURE__ */ React140.createElement(FunAssetAvatar, {
     assetSrc: checkoutConfig.iconSrc,
     assetName: "checkout-asset",
     assetIconSize: "50",
     chainId: checkoutConfig.targetChain,
     chainIconSize: "16",
     prioritizeDefaults: false
-  }) : null, /* @__PURE__ */ React139.createElement(Box, {
+  }) : null, /* @__PURE__ */ React140.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     gap: "6",
     width: "full"
-  }, /* @__PURE__ */ React139.createElement(FunKeyValue, {
+  }, /* @__PURE__ */ React140.createElement(FunKeyValue, {
     keyText: checkoutConfig.checkoutItemTitle,
     keyTextColor: "modalText",
     keyTextSize: "18",
@@ -13768,7 +14018,7 @@ function CheckoutPrimaryInfoSnapshot({
     valueText: isLoading ? "" : `${formatCurrencyAndStringify(
       (checkoutItem == null ? void 0 : checkoutItem.draftDollarValue) || 0
     )} USD`,
-    valueIcon: isLoading ? /* @__PURE__ */ React139.createElement(SpinnerIcon, {
+    valueIcon: isLoading ? /* @__PURE__ */ React140.createElement(SpinnerIcon, {
       height: 16,
       width: 16
     }) : void 0,
@@ -13778,15 +14028,15 @@ function CheckoutPrimaryInfoSnapshot({
     hasBorder: false,
     paddingY: "0",
     paddingX: "0"
-  }), showCheckoutItemDescription || showCheckoutItemAmount ? /* @__PURE__ */ React139.createElement(FunKeyValue, {
+  }), showCheckoutItemDescription || showCheckoutItemAmount ? /* @__PURE__ */ React140.createElement(FunKeyValue, {
     keyText: (checkoutConfig == null ? void 0 : checkoutConfig.checkoutItemDescription) || FALLBACK_CHECKOUT_ITEM_DESCRIPTION,
     keyTextSize: "14",
     keyTextColor: "modalTextDim",
     keyTextWeight: "medium",
-    valueIcon: isEditable ? /* @__PURE__ */ React139.createElement(FunIconButton, {
-      icon: isEditing ? /* @__PURE__ */ React139.createElement(CopiedIcon, {
+    valueIcon: isEditable ? /* @__PURE__ */ React140.createElement(FunIconButton, {
+      icon: isEditing ? /* @__PURE__ */ React140.createElement(CopiedIcon, {
         size: "10"
-      }) : /* @__PURE__ */ React139.createElement(EditIcon, null),
+      }) : /* @__PURE__ */ React140.createElement(EditIcon, null),
       size: "14",
       showBorder: false,
       onClick: handleEditInputConfirm,
@@ -13801,7 +14051,7 @@ function CheckoutPrimaryInfoSnapshot({
     valueTextWeight: "medium",
     valueGap: "4",
     reverseValueItems: true,
-    customValueComponent: isEditing ? /* @__PURE__ */ React139.createElement(FunInput, {
+    customValueComponent: isEditing ? /* @__PURE__ */ React140.createElement(FunInput, {
       value: editedValue,
       onChange: (e) => {
         var _a;
@@ -13828,12 +14078,12 @@ function CheckoutPrimaryInfoSnapshot({
       inputProps: { autoFocus: true },
       error: hasInputError,
       overrideBorderWidth: "1"
-    }) : isEditable ? /* @__PURE__ */ React139.createElement(Box, {
+    }) : isEditable ? /* @__PURE__ */ React140.createElement(Box, {
       height: "max",
       flexDirection: "row",
       style: { cursor: "pointer" },
       onClick: () => setIsEditing(true)
-    }, /* @__PURE__ */ React139.createElement(Text, {
+    }, /* @__PURE__ */ React140.createElement(Text, {
       weight: "medium",
       color: { base: "modalTextDim", hover: "accentColor" },
       size: "14"
@@ -13856,8 +14106,8 @@ function CheckoutPrimaryInfo({
     clearCheckoutQuoteMessages
   } = useFunkitPreCheckoutInternal(checkoutId);
   const { isCheckoutCrFlow } = useCheckoutType(checkoutItem);
-  const [isForceRefresh, setIsForceRefresh] = useState38(false);
-  useEffect28(() => {
+  const [isForceRefresh, setIsForceRefresh] = useState39(false);
+  useEffect29(() => {
     if (isForceRefresh || !isNotNullish(checkoutItem == null ? void 0 : checkoutItem.draftDollarValue)) {
       setIsForceRefresh(false);
       getCheckoutDraftDollarValue().catch(
@@ -13871,7 +14121,7 @@ function CheckoutPrimaryInfo({
   const isCheckoutTargetAssetEditable = isCheckoutCrFlow && !(checkoutStep === "confirmation" /* CONFIRMATION */ && ((_c = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _c.paymentMethod) && ["brokerage" /* BROKERAGE */, "balance" /* ACCOUNT_BALANCE */].includes(
     checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo.paymentMethod
   )) && !(checkoutItem == null ? void 0 : checkoutItem.initSettings.config.disableEditing);
-  return checkoutItem ? /* @__PURE__ */ React139.createElement(CheckoutPrimaryInfoSnapshot, {
+  return checkoutItem ? /* @__PURE__ */ React140.createElement(CheckoutPrimaryInfoSnapshot, {
     isLoading: checkoutItem.isDrafting,
     checkoutItem,
     isEditable: isCheckoutTargetAssetEditable,
@@ -13918,8 +14168,8 @@ function FunCheckoutHistoryDetail({
     };
   }, [checkoutHistoryInfo.createdTimeMs, checkoutItem]);
   const timelineLabels = useMemo32(() => {
-    const fromExplorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9[checkoutHistoryInfo.fromChainId].explorerInfo;
-    const toExplorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9[checkoutHistoryInfo.toChainId].explorerInfo;
+    const fromExplorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8[checkoutHistoryInfo.fromChainId].explorerInfo;
+    const toExplorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8[checkoutHistoryInfo.toChainId].explorerInfo;
     return [
       {
         text: "Order Submitted",
@@ -13975,7 +14225,7 @@ function FunCheckoutHistoryDetail({
     isCompleted
   ]);
   const GetHelpButton = ({ text = "Get Help \u{1F449}" }) => {
-    return /* @__PURE__ */ React140.createElement(FunLinkButton, {
+    return /* @__PURE__ */ React141.createElement(FunLinkButton, {
       hasPadding: false,
       text,
       textProps: {
@@ -13986,56 +14236,56 @@ function FunCheckoutHistoryDetail({
       onClick: () => setCurrentPage("help" /* HELP */)
     });
   };
-  return /* @__PURE__ */ React140.createElement(Box, {
+  return /* @__PURE__ */ React141.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     gap: "24",
     paddingY: "24",
     className: animateOut ? animateContentOutClass : animateContentInClass
-  }, /* @__PURE__ */ React140.createElement(Box, {
+  }, /* @__PURE__ */ React141.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     gap: "24",
     style: { opacity: isFailedFinal ? 0.5 : 1 }
-  }, /* @__PURE__ */ React140.createElement(CheckoutPrimaryInfoSnapshot, {
+  }, /* @__PURE__ */ React141.createElement(CheckoutPrimaryInfoSnapshot, {
     checkoutItem,
     isLoading: false,
     isEditable: false
-  }), isTerminal ? null : /* @__PURE__ */ React140.createElement(FunNotification, {
+  }), isTerminal ? null : /* @__PURE__ */ React141.createElement(FunNotification, {
     description: isCheckoutDirectCrFlow ? "Funds may take up to 10 minutes to arrive." : "We are currently processing your order."
-  }), /* @__PURE__ */ React140.createElement(FunVerticalProgressBar, {
+  }), /* @__PURE__ */ React141.createElement(FunVerticalProgressBar, {
     step: isCheckoutDirectCrFlow ? 2 : isTerminal ? 3 : 2,
     totalSteps: timelineLabels.length,
     labels: timelineLabels
-  })), isFailedFinal ? /* @__PURE__ */ React140.createElement(FunToast, {
+  })), isFailedFinal ? /* @__PURE__ */ React141.createElement(FunToast, {
     type: 1 /* ERROR */,
     title: "Order Failed",
     isDescriptionText: false,
-    description: /* @__PURE__ */ React140.createElement(Text, {
+    description: /* @__PURE__ */ React141.createElement(Text, {
       size: "12",
       weight: "medium",
       color: "modalTextDim"
-    }, "A problem occurred processing your order. We are actively working to resolve this. ", /* @__PURE__ */ React140.createElement(GetHelpButton, {
+    }, "A problem occurred processing your order. We are actively working to resolve this. ", /* @__PURE__ */ React141.createElement(GetHelpButton, {
       text: "Get In Contact \u{1F449}"
     })),
     hideTitleSuffix: true
-  }) : /* @__PURE__ */ React140.createElement(Box, {
+  }) : /* @__PURE__ */ React141.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     alignItems: "center",
     justifyContent: "center"
-  }, /* @__PURE__ */ React140.createElement(Text, {
+  }, /* @__PURE__ */ React141.createElement(Text, {
     size: "12",
     color: "modalTextDim"
-  }, "Experiencing problems? ", /* @__PURE__ */ React140.createElement(GetHelpButton, null))));
+  }, "Experiencing problems? ", /* @__PURE__ */ React141.createElement(GetHelpButton, null))));
 }
 
 // src/components/FunCheckoutHistoryModal/FunCheckoutHistoryHelp.tsx
 import { sendSupportMessage } from "@funkit/core";
-import React142, { useMemo as useMemo33, useState as useState39 } from "react";
+import React143, { useMemo as useMemo33, useState as useState40 } from "react";
 
 // src/components/FunInput/FunTextAreaInput.tsx
-import React141 from "react";
+import React142 from "react";
 function FunTextAreaInput({
   placeholder,
   value,
@@ -14053,19 +14303,19 @@ function FunTextAreaInput({
   focused: _focused,
   overrideBorderWidth
 }) {
-  const [focused, setFocused] = React141.useState(false);
+  const [focused, setFocused] = React142.useState(false);
   const onFocus = () => setFocused(true);
   const onBlur = () => setFocused(false);
-  return /* @__PURE__ */ React141.createElement(Box, {
+  return /* @__PURE__ */ React142.createElement(Box, {
     color: "modalText",
     display: "flex",
     flexDirection: "column",
     gap: "8"
-  }, label && /* @__PURE__ */ React141.createElement(Text, {
+  }, label && /* @__PURE__ */ React142.createElement(Text, {
     color: textColor,
     size: "14",
     weight: "medium"
-  }, label), /* @__PURE__ */ React141.createElement(Box, {
+  }, label), /* @__PURE__ */ React142.createElement(Box, {
     background: hasBackground ? "actionButtonSecondaryBackground" : void 0,
     borderRadius: "menuButton",
     fontFamily: "body",
@@ -14076,7 +14326,7 @@ function FunTextAreaInput({
     borderColor: error ? "error" : focused && _focused ? "accentColor" : void 0,
     borderWidth: overrideBorderWidth ? overrideBorderWidth : error && focused ? "2" : error ? "1" : focused && _focused ? "1" : "0",
     borderStyle: "solid"
-  }, /* @__PURE__ */ React141.createElement("textarea", {
+  }, /* @__PURE__ */ React142.createElement("textarea", {
     type: (inputProps == null ? void 0 : inputProps.type) || "text",
     value,
     placeholder,
@@ -14100,7 +14350,7 @@ function FunTextAreaInput({
       fontWeight: value ? "600" : "500",
       ...inputStyle
     }
-  })), error && typeof error === "string" && /* @__PURE__ */ React141.createElement(Text, {
+  })), error && typeof error === "string" && /* @__PURE__ */ React142.createElement(Text, {
     color: "error",
     size: "14",
     weight: "medium"
@@ -14127,7 +14377,7 @@ var RESOLUTION_OPTIONS = [
 ];
 var RESOLUTION_OPTIONS_FORMATTED = RESOLUTION_OPTIONS.map((item) => {
   const newItem = { ...item };
-  newItem.label = /* @__PURE__ */ React142.createElement(Text, {
+  newItem.label = /* @__PURE__ */ React143.createElement(Text, {
     color: "modalText",
     size: "14",
     weight: "semibold"
@@ -14138,18 +14388,19 @@ var FIVE_MINUTES_MS = 3e5;
 var FIVE_SECONDS_MS = 5e3;
 function FunCheckoutHistoryHelp({
   checkoutHistoryInfo,
-  animateOut
+  animateOut,
+  onBackFromHelpPage
 }) {
   const { appName, apiKey } = useFunkitConfig();
   const { userInfo } = useGeneralWallet();
   const { showToast } = useFunToast();
-  const [isSubmitting, setIsSubmitting] = useState39(false);
-  const [emailInput, setEmailInput] = useState39("");
-  const [subjectInput, setSubjectInput] = useState39("");
-  const [resolutionInput, setResolutionInput] = useState39(
+  const [isSubmitting, setIsSubmitting] = useState40(false);
+  const [emailInput, setEmailInput] = useState40("");
+  const [subjectInput, setSubjectInput] = useState40("");
+  const [resolutionInput, setResolutionInput] = useState40(
     RESOLUTION_OPTIONS[0].value
   );
-  const [descriptionInput, setDescriptionInput] = useState39("");
+  const [descriptionInput, setDescriptionInput] = useState40("");
   const isEmailInputValid = useMemo33(() => {
     return validateEmailString(emailInput);
   }, [emailInput]);
@@ -14187,7 +14438,7 @@ function FunCheckoutHistoryHelp({
 
   App ID: ${apiKey}
 
-  User ID: ${userInfo.userId || "NA"}
+  User ID: ${userInfo.globalFunkitUserId}
 
   =========================
 
@@ -14215,6 +14466,7 @@ function FunCheckoutHistoryHelp({
           },
           FIVE_SECONDS_MS
         );
+        onBackFromHelpPage();
       } else {
         showToast(
           {
@@ -14239,7 +14491,7 @@ function FunCheckoutHistoryHelp({
       setIsSubmitting(false);
     }
   };
-  return /* @__PURE__ */ React142.createElement(Box, {
+  return /* @__PURE__ */ React143.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     gap: "24",
@@ -14249,26 +14501,26 @@ function FunCheckoutHistoryHelp({
       animateOut ? animateContentOutClass : animateContentInClass
     ],
     style: { maxHeight: 500, overflow: "auto" }
-  }, /* @__PURE__ */ React142.createElement(Box, {
+  }, /* @__PURE__ */ React143.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     gap: "10"
-  }, /* @__PURE__ */ React142.createElement(Text, {
+  }, /* @__PURE__ */ React143.createElement(Text, {
     color: "modalText",
     size: "18",
     weight: "heavy"
-  }, "Tell us what's wrong"), /* @__PURE__ */ React142.createElement(Text, {
+  }, "Tell us what's wrong"), /* @__PURE__ */ React143.createElement(Text, {
     color: "modalTextSecondary",
     size: "14",
     weight: "medium"
-  }, "If you're experiencing an issue or have a question, please fill out the form below and our support team will get back to you as soon as possible.")), /* @__PURE__ */ React142.createElement(FunInput, {
+  }, "If you're experiencing an issue or have a question, please fill out the form below and our support team will get back to you as soon as possible.")), /* @__PURE__ */ React143.createElement(FunInput, {
     inputProps: { disabled: true },
     inputStyle: { fontSize: 14 },
     label: "Checkout ID",
     placeholder: checkoutHistoryInfo.depositAddr,
     value: "",
     onChange: () => void 0
-  }), /* @__PURE__ */ React142.createElement(FunInput, {
+  }), /* @__PURE__ */ React143.createElement(FunInput, {
     label: "Your Email*",
     inputStyle: { fontSize: 14 },
     placeholder: "",
@@ -14277,7 +14529,7 @@ function FunCheckoutHistoryHelp({
       var _a;
       return setEmailInput((_a = e == null ? void 0 : e.target) == null ? void 0 : _a.value);
     }
-  }), /* @__PURE__ */ React142.createElement(FunInput, {
+  }), /* @__PURE__ */ React143.createElement(FunInput, {
     label: "Subject*",
     inputStyle: { fontSize: 14 },
     placeholder: "",
@@ -14286,7 +14538,7 @@ function FunCheckoutHistoryHelp({
       var _a;
       return setSubjectInput((_a = e == null ? void 0 : e.target) == null ? void 0 : _a.value);
     }
-  }), /* @__PURE__ */ React142.createElement(FunTextAreaInput, {
+  }), /* @__PURE__ */ React143.createElement(FunTextAreaInput, {
     label: "Description*",
     inputStyle: { fontSize: 14, fontFamily: "inherit" },
     placeholder: "",
@@ -14295,21 +14547,21 @@ function FunCheckoutHistoryHelp({
       var _a;
       return setDescriptionInput((_a = e == null ? void 0 : e.target) == null ? void 0 : _a.value);
     }
-  }), /* @__PURE__ */ React142.createElement(FunSelect, {
+  }), /* @__PURE__ */ React143.createElement(FunSelect, {
     label: "Resolution Preference*",
     initValue: RESOLUTION_OPTIONS_FORMATTED[0].value,
     options: RESOLUTION_OPTIONS_FORMATTED,
     onChange: (newValue) => setResolutionInput(newValue),
     showBorder: false
-  }), /* @__PURE__ */ React142.createElement(FunButton, {
+  }), /* @__PURE__ */ React143.createElement(FunButton, {
     title: "Submit",
     onClick: (e) => onSubmitIssue(e),
     isDisabled: isSubmitting || !subjectInput || !descriptionInput || !emailInput || !isEmailInputValid || !resolutionInput,
-    titleSuffix: isSubmitting ? /* @__PURE__ */ React142.createElement(Box, {
+    titleSuffix: isSubmitting ? /* @__PURE__ */ React143.createElement(Box, {
       display: "flex",
       alignItems: "center",
       color: "modalText"
-    }, /* @__PURE__ */ React142.createElement(SpinnerIcon, {
+    }, /* @__PURE__ */ React143.createElement(SpinnerIcon, {
       height: 16,
       width: 16
     })) : null
@@ -14329,22 +14581,23 @@ function FunCheckoutHistoryModal({
     );
   }
   const { checkoutHistoryInfo, isLoading } = useFunkitPostCheckoutInternal(depositAddress);
-  const [currentPage, setCurrentPage] = useState40(
+  const [currentPage, setCurrentPage] = useState41(
     initialPage || "detail" /* DETAIL */
   );
   const ANIMATION_DELAY2 = 150;
-  const [animateOut, setAnimateOut] = useState40(false);
+  const [animateOut, setAnimateOut] = useState41(false);
+  const onBackFromHelpPage = useCallback28(() => {
+    setAnimateOut(true);
+    setTimeout(() => {
+      setCurrentPage("detail" /* DETAIL */);
+      setAnimateOut(false);
+    }, ANIMATION_DELAY2);
+  }, []);
   const titleConfig = useMemo34(() => {
     if (currentPage === "help" /* HELP */) {
       return {
         hasBackButton: true,
-        onBack: () => {
-          setAnimateOut(true);
-          setTimeout(() => {
-            setCurrentPage("detail" /* DETAIL */);
-            setAnimateOut(false);
-          }, ANIMATION_DELAY2);
-        },
+        onBack: onBackFromHelpPage,
         title: "Get Help"
       };
     } else {
@@ -14354,24 +14607,24 @@ function FunCheckoutHistoryModal({
         title: "Order"
       };
     }
-  }, [currentPage]);
-  return /* @__PURE__ */ React143.createElement(Dialog, {
+  }, [currentPage, onBackFromHelpPage]);
+  return /* @__PURE__ */ React144.createElement(Dialog, {
     open,
     onClose,
     titleId: "fun-checkout-history-modal"
-  }, /* @__PURE__ */ React143.createElement(DialogContent, {
+  }, /* @__PURE__ */ React144.createElement(DialogContent, {
     bottomSheetOnMobile: true,
     padding: "0"
-  }, /* @__PURE__ */ React143.createElement(Box, {
+  }, /* @__PURE__ */ React144.createElement(Box, {
     paddingTop: "20",
     paddingX: "20"
-  }, /* @__PURE__ */ React143.createElement(FunModalTitleSection, {
+  }, /* @__PURE__ */ React144.createElement(FunModalTitleSection, {
     hasBackButton: titleConfig.hasBackButton,
     onBack: titleConfig.onBack,
     title: titleConfig.title,
     hasCloseButton: true,
     onClose
-  }), isLoading ? /* @__PURE__ */ React143.createElement(Box, {
+  }), isLoading ? /* @__PURE__ */ React144.createElement(Box, {
     width: "full",
     height: "200",
     display: "flex",
@@ -14379,54 +14632,55 @@ function FunCheckoutHistoryModal({
     alignItems: "center",
     justifyContent: "center",
     color: "modalText"
-  }, /* @__PURE__ */ React143.createElement(SpinnerIcon, null)) : checkoutHistoryInfo ? currentPage === "detail" /* DETAIL */ ? /* @__PURE__ */ React143.createElement(FunCheckoutHistoryDetail, {
+  }, /* @__PURE__ */ React144.createElement(SpinnerIcon, null)) : checkoutHistoryInfo ? currentPage === "detail" /* DETAIL */ ? /* @__PURE__ */ React144.createElement(FunCheckoutHistoryDetail, {
     checkoutHistoryInfo,
     setCurrentPage,
     animateOut
-  }) : currentPage === "help" /* HELP */ ? /* @__PURE__ */ React143.createElement(FunCheckoutHistoryHelp, {
+  }) : currentPage === "help" /* HELP */ ? /* @__PURE__ */ React144.createElement(FunCheckoutHistoryHelp, {
     checkoutHistoryInfo,
-    animateOut
+    animateOut,
+    onBackFromHelpPage
   }) : null : null)));
 }
 
 // src/components/FunDevTestModal/FunDevTestModal.tsx
-import React144 from "react";
+import React145 from "react";
 function FunDevTestModal({ onClose, open }) {
-  return /* @__PURE__ */ React144.createElement(Dialog, {
+  return /* @__PURE__ */ React145.createElement(Dialog, {
     onClose,
     open,
     titleId: "dev/test modal"
-  }, /* @__PURE__ */ React144.createElement(DialogContent, {
+  }, /* @__PURE__ */ React145.createElement(DialogContent, {
     bottomSheetOnMobile: true
-  }, /* @__PURE__ */ React144.createElement(Box, null)));
+  }, /* @__PURE__ */ React145.createElement(Box, null)));
 }
 
 // src/components/FunkitProvider/ModalContext.tsx
 function useModalStateValue() {
-  const [isModalOpen, setModalOpen] = useState41(false);
+  const [isModalOpen, setModalOpen] = useState42(false);
   return {
-    closeModal: useCallback28(() => setModalOpen(false), []),
+    closeModal: useCallback29(() => setModalOpen(false), []),
     isModalOpen,
-    openModal: useCallback28(() => setModalOpen(true), [])
+    openModal: useCallback29(() => setModalOpen(true), [])
   };
 }
 function useModalStateValueWithId() {
-  const [isModalOpen, setModalOpen] = useState41(false);
-  const [modalId, setModalId] = useState41(null);
+  const [isModalOpen, setModalOpen] = useState42(false);
+  const [modalId, setModalId] = useState42(null);
   return {
-    closeModal: useCallback28(() => {
+    closeModal: useCallback29(() => {
       setModalId(null);
       setModalOpen(false);
     }, []),
     isModalOpen,
     modalId,
-    openModal: useCallback28((id) => {
+    openModal: useCallback29((id) => {
       setModalId(id);
       setModalOpen(true);
     }, [])
   };
 }
-var ModalContext = createContext16({
+var ModalContext = createContext17({
   accountModalOpen: false,
   chainModalOpen: false,
   connectModalOpen: false,
@@ -14453,7 +14707,7 @@ function ModalProvider({ children }) {
     isModalOpen: chainModalOpen,
     openModal: openChainModal
   } = useModalStateValue();
-  const [isWalletConnectModalOpen, setIsWalletConnectModalOpen] = useState41(false);
+  const [isWalletConnectModalOpen, setIsWalletConnectModalOpen] = useState42(false);
   const {
     closeModal: closeFunCheckoutModal,
     isModalOpen: funCheckoutModalOpen,
@@ -14491,11 +14745,11 @@ function ModalProvider({ children }) {
     onConnect: () => closeModals({ keepConnectModalOpen: isUnauthenticated }),
     onDisconnect: () => closeModals()
   });
-  useEffect29(() => {
+  useEffect30(() => {
     if (isUnauthenticated)
       closeModals();
   }, [isUnauthenticated]);
-  return /* @__PURE__ */ React145.createElement(ModalContext.Provider, {
+  return /* @__PURE__ */ React146.createElement(ModalContext.Provider, {
     value: useMemo35(
       () => ({
         accountModalOpen,
@@ -14535,21 +14789,21 @@ function ModalProvider({ children }) {
         openFunDevTestModal
       ]
     )
-  }, children, /* @__PURE__ */ React145.createElement(ConnectModal, {
+  }, children, /* @__PURE__ */ React146.createElement(ConnectModal, {
     onClose: closeConnectModal,
     open: connectModalOpen
-  }), /* @__PURE__ */ React145.createElement(AccountModal, {
+  }), /* @__PURE__ */ React146.createElement(AccountModal, {
     onClose: closeAccountModal,
     open: accountModalOpen
-  }), /* @__PURE__ */ React145.createElement(ChainModal, {
+  }), /* @__PURE__ */ React146.createElement(ChainModal, {
     onClose: closeChainModal,
     open: chainModalOpen
-  }), /* @__PURE__ */ React145.createElement(FunCheckoutModal, {
+  }), /* @__PURE__ */ React146.createElement(FunCheckoutModal, {
     onClose: closeFunCheckoutModal,
     open: funCheckoutModalOpen,
     checkoutId: funCheckoutModalId,
     key: funCheckoutModalId
-  }), depositAddressInitialPageCombined ? /* @__PURE__ */ React145.createElement(FunCheckoutHistoryModal, {
+  }), depositAddressInitialPageCombined ? /* @__PURE__ */ React146.createElement(FunCheckoutHistoryModal, {
     onClose: closeFunCheckoutHistoryModal,
     open: funCheckoutHistoryModalOpen,
     depositAddress: deconstructDepositAddressAndInitialPage(
@@ -14558,13 +14812,13 @@ function ModalProvider({ children }) {
     initialPage: deconstructDepositAddressAndInitialPage(
       depositAddressInitialPageCombined
     ).initialPage
-  }) : null, /* @__PURE__ */ React145.createElement(FunDevTestModal, {
+  }) : null, /* @__PURE__ */ React146.createElement(FunDevTestModal, {
     onClose: closeFunDevTestModal,
     open: funDevTestModalOpen
   }));
 }
 function useModalState() {
-  const { accountModalOpen, chainModalOpen, connectModalOpen } = useContext22(ModalContext);
+  const { accountModalOpen, chainModalOpen, connectModalOpen } = useContext23(ModalContext);
   return {
     accountModalOpen,
     chainModalOpen,
@@ -14572,19 +14826,19 @@ function useModalState() {
   };
 }
 function useAccountModal() {
-  const { accountModalOpen, openAccountModal } = useContext22(ModalContext);
+  const { accountModalOpen, openAccountModal } = useContext23(ModalContext);
   return { accountModalOpen, openAccountModal };
 }
 function useChainModal() {
-  const { chainModalOpen, openChainModal } = useContext22(ModalContext);
+  const { chainModalOpen, openChainModal } = useContext23(ModalContext);
   return { chainModalOpen, openChainModal };
 }
 function useWalletConnectOpenState() {
-  const { isWalletConnectModalOpen, setIsWalletConnectModalOpen } = useContext22(ModalContext);
+  const { isWalletConnectModalOpen, setIsWalletConnectModalOpen } = useContext23(ModalContext);
   return { isWalletConnectModalOpen, setIsWalletConnectModalOpen };
 }
 function useConnectModal() {
-  const { connectModalOpen, openConnectModal } = useContext22(ModalContext);
+  const { connectModalOpen, openConnectModal } = useContext23(ModalContext);
   const { isWalletConnectModalOpen } = useWalletConnectOpenState();
   return {
     connectModalOpen: connectModalOpen || isWalletConnectModalOpen,
@@ -14592,11 +14846,11 @@ function useConnectModal() {
   };
 }
 function useFunCheckoutModal() {
-  const { funCheckoutModalOpen, openFunCheckoutModal } = useContext22(ModalContext);
+  const { funCheckoutModalOpen, openFunCheckoutModal } = useContext23(ModalContext);
   return { funCheckoutModalOpen, openFunCheckoutModal };
 }
 function useFunCheckoutHistoryModal() {
-  const { funCheckoutHistoryModalOpen, openFunCheckoutHistoryModal } = useContext22(ModalContext);
+  const { funCheckoutHistoryModalOpen, openFunCheckoutHistoryModal } = useContext23(ModalContext);
   return { funCheckoutHistoryModalOpen, openFunCheckoutHistoryModal };
 }
 
@@ -14807,7 +15061,7 @@ var ERROR_MESSAGES = {
   PRIVY_USER_NOT_INITIALIZED: "Privy user not initialized",
   FARCASTER_NOT_INITIALIZED: "Unable to initialize Farcaster login"
 };
-var FunkitWeb2Context = createContext17({
+var FunkitWeb2Context = createContext18({
   isSendingOtpEmail: false,
   isGeneratingFcUri: false,
   handleSendOtpEmail: () => Promise.resolve({ success: false, error: "" }),
@@ -14852,16 +15106,16 @@ var FunkitWeb2Provider = ({
   const funkitConfig = useFunkitConfig();
   const { connectAsync } = useConnect2();
   const { connectors, disconnectAsync } = useDisconnect3();
-  const [privy, setPrivy] = useState42(null);
-  const [privyIframeUrl, setPrivyIframeUrl] = useState42();
-  const [loginMethod, setLoginMethod] = useState42(
+  const [privy, setPrivy] = useState43(null);
+  const [privyIframeUrl, setPrivyIframeUrl] = useState43();
+  const [loginMethod, setLoginMethod] = useState43(
     getLoginMethodFromCache() || null
   );
   const wallets = useWalletConnectors();
-  const [isLoggingIn, setIsLoggingIn] = useState42(false);
-  const [loginErrorMessage, setLoginErrorMessage] = useState42("");
-  const [loggedInUser, setLoggedInUser] = useState42(null);
-  const setLoginMethodAndCache = useCallback29(
+  const [isLoggingIn, setIsLoggingIn] = useState43(false);
+  const [loginErrorMessage, setLoginErrorMessage] = useState43("");
+  const [loggedInUser, setLoggedInUser] = useState43(null);
+  const setLoginMethodAndCache = useCallback30(
     (method) => {
       try {
         setLoginMethod(method);
@@ -14876,7 +15130,7 @@ var FunkitWeb2Provider = ({
     },
     []
   );
-  useEffect30(() => {
+  useEffect31(() => {
     const newPrivy = new PrivyJS({
       appId: funkitConfig.privyAppId,
       storage: new LocalStorage()
@@ -14884,7 +15138,7 @@ var FunkitWeb2Provider = ({
     setPrivyIframeUrl(newPrivy.embeddedWallet.getURL());
     setPrivy(newPrivy);
   }, [funkitConfig.privyAppId]);
-  const handleIframeMessage = useCallback29(
+  const handleIframeMessage = useCallback30(
     (e) => {
       if (e.origin === PRIVY_AUTH_URL && privy) {
         const iframeHandler = privy.embeddedWallet.getMessageHandler();
@@ -14893,7 +15147,7 @@ var FunkitWeb2Provider = ({
     },
     [privy]
   );
-  const handleFunkitWeb2Logout = useCallback29(async () => {
+  const handleFunkitWeb2Logout = useCallback30(async () => {
     if (privy) {
       logger.log("handleFunkitWeb2Logout_disconnecting_connectors", {
         numConnectors: connectors.length
@@ -14906,7 +15160,7 @@ var FunkitWeb2Provider = ({
       setLoginMethodAndCache(null);
     }
   }, [connectors, disconnectAsync, privy, setLoginMethodAndCache]);
-  const handleFreshPrivyLogin = useCallback29(
+  const handleFreshPrivyLogin = useCallback30(
     async ({
       firstLoginCode,
       secondLoginCode,
@@ -14953,7 +15207,7 @@ var FunkitWeb2Provider = ({
     },
     [handleFunkitWeb2Logout, privy]
   );
-  const getPrivyUserEmbeddedWallet = useCallback29(
+  const getPrivyUserEmbeddedWallet = useCallback30(
     async (inputPrivyUser) => {
       try {
         if (!privy || !inputPrivyUser)
@@ -14971,7 +15225,7 @@ var FunkitWeb2Provider = ({
     },
     [privy]
   );
-  const getExistingPrivySession = useCallback29(async () => {
+  const getExistingPrivySession = useCallback30(async () => {
     try {
       if (!privy)
         throw new Error(ERROR_MESSAGES.PRIVY_NOT_INITIALIZED);
@@ -14981,7 +15235,7 @@ var FunkitWeb2Provider = ({
       return null;
     }
   }, [privy]);
-  const handleFunkitWeb2Login = useCallback29(
+  const handleFunkitWeb2Login = useCallback30(
     async ({
       chainId,
       firstLoginCode,
@@ -15054,9 +15308,9 @@ var FunkitWeb2Provider = ({
       wallets
     ]
   );
-  const clearLoginError = useCallback29(() => setLoginErrorMessage(""), []);
+  const clearLoginError = useCallback30(() => setLoginErrorMessage(""), []);
   const initChainId = useInitialChainId();
-  const handleAutoLoginFlows = useCallback29(async () => {
+  const handleAutoLoginFlows = useCallback30(async () => {
     if (isNotNullish(loginMethod) && isNotNullish(initChainId)) {
       const queryParams = new URLSearchParams(window.location.search);
       const oauthCode = queryParams.get(PRIVY_OAUTH_CODE_URL_PARAM);
@@ -15074,7 +15328,7 @@ var FunkitWeb2Provider = ({
       }
     }
   }, [handleFunkitWeb2Login, initChainId, loginMethod]);
-  useEffect30(() => {
+  useEffect31(() => {
     if (privy && privyIframeUrl && isNotNullish(initChainId)) {
       const iframe = document.getElementById(
         PRIVY_IFRAME_ID
@@ -15092,7 +15346,7 @@ var FunkitWeb2Provider = ({
     handleIframeMessage,
     initChainId
   ]);
-  const handleOauthRedirect = useCallback29(
+  const handleOauthRedirect = useCallback30(
     async (authProvider) => {
       if (!privy)
         throw new Error(ERROR_MESSAGES.PRIVY_NOT_INITIALIZED);
@@ -15116,8 +15370,8 @@ var FunkitWeb2Provider = ({
     },
     [privy, setLoginMethodAndCache]
   );
-  const [isSendingOtpEmail, setIsSendingOtpEmail] = useState42(false);
-  const handleSendOtpEmail = useCallback29(
+  const [isSendingOtpEmail, setIsSendingOtpEmail] = useState43(false);
+  const handleSendOtpEmail = useCallback30(
     async (emailAddress) => {
       try {
         if (!privy)
@@ -15144,8 +15398,8 @@ var FunkitWeb2Provider = ({
     },
     [privy, setLoginMethodAndCache]
   );
-  const [isGeneratingFcUri, setIsGeneratingFcUri] = useState42(false);
-  const handleGenerateFcUri = useCallback29(async () => {
+  const [isGeneratingFcUri, setIsGeneratingFcUri] = useState43(false);
+  const handleGenerateFcUri = useCallback30(async () => {
     try {
       if (!privy)
         throw new Error(ERROR_MESSAGES.PRIVY_NOT_INITIALIZED);
@@ -15171,7 +15425,7 @@ var FunkitWeb2Provider = ({
       setIsGeneratingFcUri(false);
     }
   }, [privy]);
-  const getFcConnectionStatus = useCallback29(
+  const getFcConnectionStatus = useCallback30(
     async (channelToken) => {
       try {
         if (!privy)
@@ -15256,15 +15510,15 @@ var FunkitWeb2Provider = ({
     handleFunkitWeb2Logout,
     web2AccountInfo: userAccountInfo
   };
-  return /* @__PURE__ */ React146.createElement(FunkitWeb2Context.Provider, {
+  return /* @__PURE__ */ React147.createElement(FunkitWeb2Context.Provider, {
     value: contextValue
-  }, privyIframeUrl ? /* @__PURE__ */ React146.createElement("iframe", {
+  }, privyIframeUrl ? /* @__PURE__ */ React147.createElement("iframe", {
     id: PRIVY_IFRAME_ID,
     src: privyIframeUrl,
     style: { display: "none" }
   }) : null, children);
 };
-var useFunkitWeb2Login = () => useContext23(FunkitWeb2Context);
+var useFunkitWeb2Login = () => useContext24(FunkitWeb2Context);
 
 // src/hooks/useConnectionStatus.ts
 function useConnectionStatus() {
@@ -15287,27 +15541,27 @@ function useConnectionStatus() {
 }
 
 // src/components/FunkitProvider/ShowBalanceContext.tsx
-import React147, { createContext as createContext18, useContext as useContext24, useState as useState43 } from "react";
-var ShowBalanceContext = createContext18({
+import React148, { createContext as createContext19, useContext as useContext25, useState as useState44 } from "react";
+var ShowBalanceContext = createContext19({
   showBalance: void 0,
   setShowBalance: () => void 0
 });
 function ShowBalanceProvider({ children }) {
-  const [showBalance, setShowBalance] = useState43();
-  return /* @__PURE__ */ React147.createElement(ShowBalanceContext.Provider, {
+  const [showBalance, setShowBalance] = useState44();
+  return /* @__PURE__ */ React148.createElement(ShowBalanceContext.Provider, {
     value: { showBalance, setShowBalance }
   }, children);
 }
-var useShowBalance = () => useContext24(ShowBalanceContext);
+var useShowBalance = () => useContext25(ShowBalanceContext);
 
 // src/components/Icons/Dropdown.tsx
-import React148 from "react";
-var DropdownIcon = () => /* @__PURE__ */ React148.createElement("svg", {
+import React149 from "react";
+var DropdownIcon = () => /* @__PURE__ */ React149.createElement("svg", {
   fill: "none",
   height: "7",
   width: "14",
   xmlns: "http://www.w3.org/2000/svg"
-}, /* @__PURE__ */ React148.createElement("path", {
+}, /* @__PURE__ */ React149.createElement("path", {
   d: "M12.75 1.54001L8.51647 5.0038C7.77974 5.60658 6.72026 5.60658 5.98352 5.0038L1.75 1.54001",
   stroke: "currentColor",
   strokeLinecap: "round",
@@ -15317,30 +15571,30 @@ var DropdownIcon = () => /* @__PURE__ */ React148.createElement("svg", {
 }));
 
 // src/components/ConnectButton/ConnectButtonRenderer.tsx
-import React150, { useContext as useContext26 } from "react";
+import React151, { useContext as useContext27 } from "react";
 import { useAccount as useAccount16, useBalance, useConfig as useConfig5 } from "wagmi";
 
 // src/hooks/useIsMounted.ts
-import { useCallback as useCallback30, useEffect as useEffect31, useState as useState44 } from "react";
+import { useCallback as useCallback31, useEffect as useEffect32, useState as useState45 } from "react";
 function useIsMounted() {
-  const [isMounted, setIsMounted] = useState44(false);
-  useEffect31(() => {
+  const [isMounted, setIsMounted] = useState45(false);
+  useEffect32(() => {
     setIsMounted(true);
     return () => {
       setIsMounted(false);
     };
   }, []);
-  return useCallback30(() => isMounted, [isMounted]);
+  return useCallback31(() => isMounted, [isMounted]);
 }
 
 // src/hooks/useMainnetEnsAvatar.ts
 import { normalize } from "viem/ens";
 import { useEnsAvatar } from "wagmi";
-import { mainnet as mainnet3 } from "wagmi/chains";
+import { mainnet as mainnet4 } from "wagmi/chains";
 function useMainnetEnsAvatar(name) {
   const mainnetConfigured = useIsMainnetConfigured();
   const { data: ensAvatar } = useEnsAvatar({
-    chainId: mainnet3.id,
+    chainId: mainnet4.id,
     name: name ? normalize(name) : void 0,
     query: {
       enabled: mainnetConfigured
@@ -15350,7 +15604,7 @@ function useMainnetEnsAvatar(name) {
 }
 
 // src/transactions/useRecentTransactions.ts
-import { useEffect as useEffect33, useState as useState46 } from "react";
+import { useEffect as useEffect34, useState as useState47 } from "react";
 import { useAccount as useAccount15 } from "wagmi";
 
 // src/hooks/useChainId.ts
@@ -15362,7 +15616,7 @@ function useChainId() {
 }
 
 // src/transactions/TransactionStoreContext.tsx
-import React149, { createContext as createContext19, useContext as useContext25, useEffect as useEffect32, useState as useState45 } from "react";
+import React150, { createContext as createContext20, useContext as useContext26, useEffect as useEffect33, useState as useState46 } from "react";
 import { useAccount as useAccount14, usePublicClient } from "wagmi";
 
 // src/transactions/transactionStore.ts
@@ -15505,30 +15759,30 @@ function createTransactionStore({
 
 // src/transactions/TransactionStoreContext.tsx
 var storeSingleton;
-var TransactionStoreContext = createContext19(null);
+var TransactionStoreContext = createContext20(null);
 function TransactionStoreProvider({
   children
 }) {
   const provider = usePublicClient();
   const { address } = useAccount14();
   const chainId = useChainId();
-  const [store] = useState45(
+  const [store] = useState46(
     () => storeSingleton != null ? storeSingleton : storeSingleton = createTransactionStore({ provider })
   );
-  useEffect32(() => {
+  useEffect33(() => {
     store.setProvider(provider);
   }, [store, provider]);
-  useEffect32(() => {
+  useEffect33(() => {
     if (address && chainId) {
       store.waitForPendingTransactions(address, chainId);
     }
   }, [store, address, chainId]);
-  return /* @__PURE__ */ React149.createElement(TransactionStoreContext.Provider, {
+  return /* @__PURE__ */ React150.createElement(TransactionStoreContext.Provider, {
     value: store
   }, children);
 }
 function useTransactionStore() {
-  const store = useContext25(TransactionStoreContext);
+  const store = useContext26(TransactionStoreContext);
   if (!store) {
     throw new Error("Transaction hooks must be used within FunkitProvider");
   }
@@ -15540,10 +15794,10 @@ function useRecentTransactions() {
   const store = useTransactionStore();
   const { address } = useAccount15();
   const chainId = useChainId();
-  const [transactions, setTransactions] = useState46(
+  const [transactions, setTransactions] = useState47(
     () => store && address && chainId ? store.getTransactions(address, chainId) : []
   );
-  useEffect33(() => {
+  useEffect34(() => {
     if (store && address && chainId) {
       setTransactions(store.getTransactions(address, chainId));
       return store.onChange(() => {
@@ -15555,8 +15809,8 @@ function useRecentTransactions() {
 }
 
 // src/components/FunkitProvider/ShowRecentTransactionsContext.ts
-import { createContext as createContext20 } from "react";
-var ShowRecentTransactionsContext = createContext20(false);
+import { createContext as createContext21 } from "react";
+var ShowRecentTransactionsContext = createContext21(false);
 
 // src/components/ConnectButton/abbreviateETHBalance.ts
 var units = ["k", "m", "b", "t"];
@@ -15606,7 +15860,7 @@ function ConnectButtonRenderer({
   const chainIconUrl = (_c = funkitConnectChain == null ? void 0 : funkitConnectChain.iconUrl) != null ? _c : void 0;
   const chainIconBackground = (_d = funkitConnectChain == null ? void 0 : funkitConnectChain.iconBackground) != null ? _d : void 0;
   const resolvedChainIconUrl = useAsyncImage(chainIconUrl);
-  const showRecentTransactions = useContext26(ShowRecentTransactionsContext);
+  const showRecentTransactions = useContext27(ShowRecentTransactionsContext);
   const hasPendingTransactions = useRecentTransactions().some(({ status }) => status === "pending") && showRecentTransactions;
   const { showBalance } = useShowBalance();
   const computeShouldShowBalance = () => {
@@ -15627,7 +15881,7 @@ function ConnectButtonRenderer({
   const { openChainModal } = useChainModal();
   const { openAccountModal } = useAccountModal();
   const { accountModalOpen, chainModalOpen, connectModalOpen } = useModalState();
-  return /* @__PURE__ */ React150.createElement(React150.Fragment, null, children({
+  return /* @__PURE__ */ React151.createElement(React151.Fragment, null, children({
     account: address ? {
       address,
       balanceDecimals: balanceData == null ? void 0 : balanceData.decimals,
@@ -15674,8 +15928,8 @@ function ChainSelectorButton({
   chain
 }) {
   var _a, _b;
-  const { i18n: i18n2 } = useContext27(I18nContext);
-  return /* @__PURE__ */ React151.createElement(Box, {
+  const { i18n: i18n2 } = useContext28(I18nContext);
+  return /* @__PURE__ */ React152.createElement(Box, {
     alignItems: "center",
     "aria-label": "Chain Selector",
     as: "button",
@@ -15701,37 +15955,37 @@ function ChainSelectorButton({
     testId: unsupportedChain ? "wrong-network-button" : "chain-button",
     transition: "default",
     type: "button"
-  }, unsupportedChain ? /* @__PURE__ */ React151.createElement(Box, {
+  }, unsupportedChain ? /* @__PURE__ */ React152.createElement(Box, {
     alignItems: "center",
     display: "flex",
     height: "24",
     paddingX: "4"
-  }, i18n2.t("connect_wallet.wrong_network.label")) : /* @__PURE__ */ React151.createElement(Box, {
+  }, i18n2.t("connect_wallet.wrong_network.label")) : /* @__PURE__ */ React152.createElement(Box, {
     alignItems: "center",
     display: "flex",
     gap: "6"
-  }, chain.hasIcon ? /* @__PURE__ */ React151.createElement(Box, {
+  }, chain.hasIcon ? /* @__PURE__ */ React152.createElement(Box, {
     display: mapResponsiveValue(
       chainStatus,
       (value) => value === "full" || value === "icon" ? "block" : "none"
     ),
     height: "24",
     width: "24"
-  }, /* @__PURE__ */ React151.createElement(AsyncImage, {
+  }, /* @__PURE__ */ React152.createElement(AsyncImage, {
     alt: (_a = chain.name) != null ? _a : "Chain icon",
     background: chain.iconBackground,
     borderRadius: "full",
     height: "24",
     src: chain.iconUrl,
     width: "24"
-  })) : null, /* @__PURE__ */ React151.createElement(Box, {
+  })) : null, /* @__PURE__ */ React152.createElement(Box, {
     display: mapResponsiveValue(chainStatus, (value) => {
       if (value === "icon" && !chain.iconUrl) {
         return "block";
       }
       return value === "full" || value === "name" ? "block" : "none";
     })
-  }, (_b = chain.name) != null ? _b : chain.id)), /* @__PURE__ */ React151.createElement(DropdownIcon, null));
+  }, (_b = chain.name) != null ? _b : chain.id)), /* @__PURE__ */ React152.createElement(DropdownIcon, null));
 }
 function AccountButton({
   openAccountModal,
@@ -15740,7 +15994,7 @@ function AccountButton({
   accountStatus
 }) {
   const { userInfo } = useGeneralWallet();
-  return /* @__PURE__ */ React151.createElement(Box, {
+  return /* @__PURE__ */ React152.createElement(Box, {
     alignItems: "center",
     as: "button",
     background: "accentColor",
@@ -15758,14 +16012,14 @@ function AccountButton({
     testId: "account-button",
     transition: "default",
     type: "button"
-  }, account.displayBalance && /* @__PURE__ */ React151.createElement(Box, {
+  }, account.displayBalance && /* @__PURE__ */ React152.createElement(Box, {
     display: mapResponsiveValue(
       showBalance,
       (value) => value ? "block" : "none"
     ),
     padding: "8",
     paddingLeft: "12"
-  }, account.displayBalance), /* @__PURE__ */ React151.createElement(Box, {
+  }, account.displayBalance), /* @__PURE__ */ React152.createElement(Box, {
     background: "connectButtonInnerBackground",
     borderColor: "accentColor",
     borderRadius: "connectButton",
@@ -15777,32 +16031,32 @@ function AccountButton({
     paddingX: "8",
     paddingY: "6",
     transition: "default"
-  }, /* @__PURE__ */ React151.createElement(Box, {
+  }, /* @__PURE__ */ React152.createElement(Box, {
     alignItems: "center",
     display: "flex",
     gap: "6",
     height: "24"
-  }, /* @__PURE__ */ React151.createElement(Box, {
+  }, /* @__PURE__ */ React152.createElement(Box, {
     display: mapResponsiveValue(
       accountStatus,
       (value) => value === "full" || value === "avatar" ? "block" : "none"
     )
-  }, /* @__PURE__ */ React151.createElement(Avatar, {
+  }, /* @__PURE__ */ React152.createElement(Avatar, {
     address: account.address,
     imageUrl: account.ensAvatar || userInfo.accountPicSrc,
     loading: account.hasPendingTransactions,
     size: 24
-  })), /* @__PURE__ */ React151.createElement(Box, {
+  })), /* @__PURE__ */ React152.createElement(Box, {
     alignItems: "center",
     display: "flex",
     gap: "6"
-  }, /* @__PURE__ */ React151.createElement(Box, {
+  }, /* @__PURE__ */ React152.createElement(Box, {
     display: mapResponsiveValue(
       accountStatus,
       (value) => value === "full" || value === "address" ? "block" : "none"
     ),
     style: { textWrap: "nowrap" }
-  }, userInfo.accountName), /* @__PURE__ */ React151.createElement(DropdownIcon, null)))));
+  }, userInfo.accountName), /* @__PURE__ */ React152.createElement(DropdownIcon, null)))));
 }
 function ConnectButton({
   accountStatus = defaultProps.accountStatus,
@@ -15814,14 +16068,14 @@ function ConnectButton({
   const chains = useFunkitConnectChains();
   const connectionStatus = useConnectionStatus();
   const { setShowBalance } = useShowBalance();
-  const [ready, setReady] = useState47(false);
-  const { i18n: i18n2 } = useContext27(I18nContext);
-  useEffect34(() => {
+  const [ready, setReady] = useState48(false);
+  const { i18n: i18n2 } = useContext28(I18nContext);
+  useEffect35(() => {
     setShowBalance(showBalance);
     if (!ready)
       setReady(true);
   }, [showBalance, setShowBalance, ready]);
-  return ready ? /* @__PURE__ */ React151.createElement(ConnectButtonRenderer, null, ({
+  return ready ? /* @__PURE__ */ React152.createElement(ConnectButtonRenderer, null, ({
     account,
     chain,
     mounted,
@@ -15832,7 +16086,7 @@ function ConnectButton({
     var _a;
     const ready2 = mounted && connectionStatus !== "loading";
     const unsupportedChain = (_a = chain == null ? void 0 : chain.unsupported) != null ? _a : false;
-    return /* @__PURE__ */ React151.createElement(Box, {
+    return /* @__PURE__ */ React152.createElement(Box, {
       display: "flex",
       gap: "12",
       ...!ready2 && {
@@ -15843,17 +16097,17 @@ function ConnectButton({
           userSelect: "none"
         }
       }
-    }, ready2 && account && connectionStatus === "connected" ? /* @__PURE__ */ React151.createElement(React151.Fragment, null, showChainSelector && chain && (chains.length > 1 || unsupportedChain) && /* @__PURE__ */ React151.createElement(ChainSelectorButton, {
+    }, ready2 && account && connectionStatus === "connected" ? /* @__PURE__ */ React152.createElement(React152.Fragment, null, showChainSelector && chain && (chains.length > 1 || unsupportedChain) && /* @__PURE__ */ React152.createElement(ChainSelectorButton, {
       unsupportedChain,
       chainStatus,
       openChainModal,
       chain
-    }), !unsupportedChain && /* @__PURE__ */ React151.createElement(AccountButton, {
+    }), !unsupportedChain && /* @__PURE__ */ React152.createElement(AccountButton, {
       openAccountModal,
       account,
       showBalance,
       accountStatus
-    })) : /* @__PURE__ */ React151.createElement(Box, {
+    })) : /* @__PURE__ */ React152.createElement(Box, {
       as: "button",
       background: "accentColor",
       borderRadius: "connectButton",
@@ -15873,14 +16127,14 @@ function ConnectButton({
       transition: "default",
       type: "button"
     }, mounted && label === "Connect Wallet" ? i18n2.t("connect_wallet.label") : label));
-  }) : /* @__PURE__ */ React151.createElement(React151.Fragment, null);
+  }) : /* @__PURE__ */ React152.createElement(React152.Fragment, null);
 }
 ConnectButton.__defaultProps = defaultProps;
 ConnectButton.Custom = ConnectButtonRenderer;
 
 // src/components/FunkitProvider/FunkitProvider.tsx
 import { QueryClientProvider } from "@tanstack/react-query";
-import React152, { createContext as createContext21, useContext as useContext28, useEffect as useEffect37 } from "react";
+import React153, { createContext as createContext22, useContext as useContext29 } from "react";
 import { useAccountEffect as useAccountEffect3, WagmiProvider } from "wagmi";
 
 // src/css/cssObjectFromTheme.ts
@@ -15910,9 +16164,6 @@ function cssStringFromTheme(theme, options = {}) {
   return Object.entries(cssObjectFromTheme(theme, options)).map(([key, value]) => `${key}:${value.replace(/[:;{}</>]/g, "")};`).join("");
 }
 
-// src/utils/funkitProvider.ts
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_ID_LIST as FUNKIT_CONNECT_SUPPORTED_CHAINS_ID_LIST2 } from "@funkit/core";
-
 // src/config/getDefaultConfig.ts
 import { http } from "wagmi";
 import { createConfig } from "wagmi";
@@ -16608,12 +16859,10 @@ function getInitialChainIdFromFunkitProviderProps(props) {
 }
 function validateChains(props) {
   const initialChainId = getInitialChainIdFromFunkitProviderProps(props);
-  props.wagmiConfig.chains.forEach((rkChain) => {
-    if (!FUNKIT_CONNECT_SUPPORTED_CHAINS_ID_LIST2.includes(rkChain.id.toString())) {
-      throw new Error(`Unsupported chain ${rkChain.name}.`);
-    }
-  });
-  if (!FUNKIT_CONNECT_SUPPORTED_CHAINS_ID_LIST2.includes(initialChainId.toString())) {
+  const foundInitialChain = props.wagmiConfig.chains.find(
+    (fkcChain) => fkcChain.id.toString() === initialChainId.toString()
+  );
+  if (!foundInitialChain) {
     throw new Error(
       `Unsupported initialChain ${initialChainId}. Ensure that it is included in 'chains' config as well.`
     );
@@ -16686,30 +16935,30 @@ function generateInnerWagmiConfig(props) {
 }
 
 // src/components/FunkitProvider/useFingerprint.ts
-import { useCallback as useCallback31, useEffect as useEffect35 } from "react";
+import { useCallback as useCallback32, useEffect as useEffect36 } from "react";
 var storageKey6 = "funkit-connect-version";
 function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey6, version);
 }
 function getCurrentSdkVersion() {
-  return "1.0.22";
+  return "1.0.24";
 }
 function useFingerprint() {
-  const fingerprint = useCallback31(() => {
+  const fingerprint = useCallback32(() => {
     setFunkitConnectVersion({ version: getCurrentSdkVersion() });
   }, []);
-  useEffect35(() => {
+  useEffect36(() => {
     fingerprint();
   }, [fingerprint]);
 }
 
 // src/components/FunkitProvider/usePreloadImages.ts
-import { useCallback as useCallback32, useEffect as useEffect36 } from "react";
+import { useCallback as useCallback33, useEffect as useEffect37 } from "react";
 function usePreloadImages() {
   const funkitConnectChains = useFunkitConnectChains();
   const walletConnectors = useWalletConnectors();
   const isUnauthenticated = useAuthenticationStatus() === "unauthenticated";
-  const preloadImages = useCallback32(() => {
+  const preloadImages = useCallback33(() => {
     loadImages(
       ...walletConnectors.map((wallet) => wallet.iconUrl),
       ...funkitConnectChains.map((chain) => chain.iconUrl).filter(isNotNullish)
@@ -16722,32 +16971,13 @@ function usePreloadImages() {
       loadImages(signInIcon);
     }
   }, [walletConnectors, funkitConnectChains, isUnauthenticated]);
-  useEffect36(() => {
+  useEffect37(() => {
     preloadImages();
   }, [preloadImages]);
 }
 
 // src/components/FunkitProvider/FunkitProvider.tsx
-var MoonPayProvider = (props) => {
-  const [MoonPayProviderInner, setMoonPayProviderInner] = React152.useState(null);
-  useEffect37(() => {
-    const loadMoonPayProviderInner = async () => {
-      try {
-        const module = await import("@moonpay/moonpay-react");
-        setMoonPayProviderInner(() => module.MoonPayProvider);
-      } catch (error) {
-        logger.error("Failed to load MoonPayProvider", error);
-      }
-    };
-    loadMoonPayProviderInner();
-  }, []);
-  if (!MoonPayProviderInner)
-    return /* @__PURE__ */ React152.createElement(React152.Fragment, null, props.children);
-  return /* @__PURE__ */ React152.createElement(MoonPayProviderInner, {
-    ...props
-  }, props.children);
-};
-var ThemeIdContext2 = createContext21(void 0);
+var ThemeIdContext2 = createContext22(void 0);
 var attr2 = "data-rk";
 var createThemeRootProps2 = (id) => ({ [attr2]: id || "" });
 var createThemeRootSelector = (id) => {
@@ -16765,13 +16995,13 @@ function FunkitProvider(props) {
     getCurrentSdkVersion()
   );
   const initialChainId = getInitialChainIdFromFunkitProviderProps(props);
-  return /* @__PURE__ */ React152.createElement(WagmiProvider, {
+  return /* @__PURE__ */ React153.createElement(WagmiProvider, {
     config: finalWagmiConfig
-  }, /* @__PURE__ */ React152.createElement(QueryClientProvider, {
+  }, /* @__PURE__ */ React153.createElement(QueryClientProvider, {
     client: props.queryClient
-  }, /* @__PURE__ */ React152.createElement(FunkitThemeProvider, {
+  }, /* @__PURE__ */ React153.createElement(FunkitThemeProvider, {
     theme: props.theme
-  }, /* @__PURE__ */ React152.createElement(FunkitProviderInner, {
+  }, /* @__PURE__ */ React153.createElement(FunkitProviderInner, {
     appInfo: props.appInfo,
     avatar: props.avatar,
     id: props.id,
@@ -16807,36 +17037,35 @@ function FunkitProviderInner({
   const modalSize = ModalSizeOptions.WIDE;
   const coolMode = false;
   const showRecentTransactions = false;
-  return /* @__PURE__ */ React152.createElement(FunkitConnectChainProvider, {
+  return /* @__PURE__ */ React153.createElement(FunkitConnectChainProvider, {
     initialChain
-  }, /* @__PURE__ */ React152.createElement(FunkitConfigContext.Provider, {
+  }, /* @__PURE__ */ React153.createElement(FunkitConfigContext.Provider, {
     value: funkitConfig
-  }, /* @__PURE__ */ React152.createElement(WalletButtonProvider, null, /* @__PURE__ */ React152.createElement(I18nProvider, {
+  }, /* @__PURE__ */ React153.createElement(WalletButtonProvider, null, /* @__PURE__ */ React153.createElement(I18nProvider, {
     locale
-  }, /* @__PURE__ */ React152.createElement(CoolModeContext.Provider, {
+  }, /* @__PURE__ */ React153.createElement(CoolModeContext.Provider, {
     value: coolMode
-  }, /* @__PURE__ */ React152.createElement(ModalSizeProvider, {
+  }, /* @__PURE__ */ React153.createElement(ModalSizeProvider, {
     modalSize
-  }, /* @__PURE__ */ React152.createElement(FunkitWeb2Provider, null, /* @__PURE__ */ React152.createElement(GeneralWalletProvider, null, /* @__PURE__ */ React152.createElement(FunkitCheckoutProvider, null, /* @__PURE__ */ React152.createElement(ShowRecentTransactionsContext.Provider, {
+  }, /* @__PURE__ */ React153.createElement(FunkitWeb2Provider, null, /* @__PURE__ */ React153.createElement(GeneralWalletProvider, null, /* @__PURE__ */ React153.createElement(FunkitCheckoutProvider, null, /* @__PURE__ */ React153.createElement(ShowRecentTransactionsContext.Provider, {
     value: showRecentTransactions
-  }, /* @__PURE__ */ React152.createElement(FunkitSandboxContext.Provider, {
+  }, /* @__PURE__ */ React153.createElement(FunkitSandboxContext.Provider, {
     value: isSandboxMode
-  }, /* @__PURE__ */ React152.createElement(FunkitMeshProvider, null, /* @__PURE__ */ React152.createElement(TransactionStoreProvider, null, /* @__PURE__ */ React152.createElement(AvatarContext.Provider, {
+  }, /* @__PURE__ */ React153.createElement(FunkitMeshProvider, null, /* @__PURE__ */ React153.createElement(TransactionStoreProvider, null, /* @__PURE__ */ React153.createElement(AvatarContext.Provider, {
     value: avatarContext
-  }, /* @__PURE__ */ React152.createElement(AppContext.Provider, {
+  }, /* @__PURE__ */ React153.createElement(AppContext.Provider, {
     value: appContext
-  }, /* @__PURE__ */ React152.createElement(ThemeIdContext2.Provider, {
+  }, /* @__PURE__ */ React153.createElement(ThemeIdContext2.Provider, {
     value: id
-  }, /* @__PURE__ */ React152.createElement(ShowBalanceProvider, null, /* @__PURE__ */ React152.createElement(FunToastProvider, null, /* @__PURE__ */ React152.createElement(MoonPayProvider, {
-    apiKey: isSandboxMode ? "pk_test_dWfAhBbvVexIId9S5hPd78mKM7ivIsqu" : "pk_live_IxayBRQuBC3RzpPZkbGPrwUsRWAaeO",
+  }, /* @__PURE__ */ React153.createElement(ShowBalanceProvider, null, /* @__PURE__ */ React153.createElement(FunToastProvider, null, /* @__PURE__ */ React153.createElement(FunkitMoonpayProvider, {
     debug: !!debug
-  }, /* @__PURE__ */ React152.createElement(ModalProvider, null, activeTheme ? /* @__PURE__ */ React152.createElement("div", {
+  }, /* @__PURE__ */ React153.createElement(ModalProvider, null, activeTheme ? /* @__PURE__ */ React153.createElement("div", {
     ...createThemeRootProps2(id),
     style: {
       width: "100%",
       height: "100%"
     }
-  }, /* @__PURE__ */ React152.createElement("style", {
+  }, /* @__PURE__ */ React153.createElement("style", {
     dangerouslySetInnerHTML: {
       __html: [
         `${selector}{${cssStringFromTheme(
@@ -16848,18 +17077,18 @@ function FunkitProviderInner({
 }
 
 // src/components/WalletButton/WalletButton.tsx
-import React154, { useContext as useContext30 } from "react";
+import React155, { useContext as useContext31 } from "react";
 
 // src/components/WalletButton/WalletButton.css.ts
 var border = "_85s11r0";
 var maxWidth = "_85s11r1";
 
 // src/components/WalletButton/WalletButtonRenderer.tsx
-import React153, {
-  useContext as useContext29,
+import React154, {
+  useContext as useContext30,
   useEffect as useEffect38,
   useMemo as useMemo37,
-  useState as useState48
+  useState as useState49
 } from "react";
 import { useAccount as useAccount17, useAccountEffect as useAccountEffect4 } from "wagmi";
 function WalletButtonRenderer({
@@ -16869,14 +17098,14 @@ function WalletButtonRenderer({
   const isMounted = useIsMounted();
   const { openConnectModal } = useConnectModal();
   const { connectModalOpen } = useModalState();
-  const { connector, setConnector } = useContext29(WalletButtonContext);
+  const { connector, setConnector } = useContext30(WalletButtonContext);
   const [firstConnector] = useWalletConnectors().filter((wallet2) => wallet2.isFunkitSdkConnector).filter((_wallet) => _wallet.id.toLowerCase() === wallet.toLowerCase()).sort((a, b) => a.groupIndex - b.groupIndex);
   if (!firstConnector) {
     throw new Error("Connector not found");
   }
   const connectionStatus = useConnectionStatus();
-  const [loading, setLoading] = useState48(false);
-  const [isError, setIsError] = useState48(false);
+  const [loading, setLoading] = useState49(false);
+  const [isError, setIsError] = useState49(false);
   const mobile = isMobile();
   useEffect38(() => {
     if (!connectModalOpen && connector)
@@ -16915,7 +17144,7 @@ function WalletButtonRenderer({
   const isStatusLoading = connectionStatus === "loading";
   const ready = !isConnecting && !!openConnectModal && firstConnector && !isStatusLoading;
   const isNotSupported = !(firstConnector == null ? void 0 : firstConnector.installed) || !(firstConnector == null ? void 0 : firstConnector.ready);
-  return /* @__PURE__ */ React153.createElement(React153.Fragment, null, children({
+  return /* @__PURE__ */ React154.createElement(React154.Fragment, null, children({
     error: isError,
     loading,
     connected: isLastWalletIdConnected,
@@ -16936,15 +17165,15 @@ function WalletButtonRenderer({
 
 // src/components/WalletButton/WalletButton.tsx
 var WalletButton = ({ wallet }) => {
-  const { i18n: i18n2 } = useContext30(I18nContext);
-  return /* @__PURE__ */ React154.createElement(WalletButtonRenderer, {
+  const { i18n: i18n2 } = useContext31(I18nContext);
+  return /* @__PURE__ */ React155.createElement(WalletButtonRenderer, {
     wallet
   }, ({ ready, connect, connected, mounted, connector, loading }) => {
     const isDisabled = !ready || loading;
     const connectorName = (connector == null ? void 0 : connector.name) || "";
     if (!mounted)
       return;
-    return /* @__PURE__ */ React154.createElement(Box, {
+    return /* @__PURE__ */ React155.createElement(Box, {
       display: "flex",
       flexDirection: "column",
       alignItems: "center",
@@ -16952,7 +17181,7 @@ var WalletButton = ({ wallet }) => {
       style: {
         pointerEvents: isDisabled ? "none" : "all"
       }
-    }, /* @__PURE__ */ React154.createElement(Box, {
+    }, /* @__PURE__ */ React155.createElement(Box, {
       as: "button",
       borderRadius: "menuButton",
       borderStyle: "solid",
@@ -16974,7 +17203,7 @@ var WalletButton = ({ wallet }) => {
       transition: "default",
       width: "full",
       background: "connectButtonBackground"
-    }, /* @__PURE__ */ React154.createElement(Box, {
+    }, /* @__PURE__ */ React155.createElement(Box, {
       color: "modalText",
       fontFamily: "body",
       fontSize: "16",
@@ -16982,28 +17211,28 @@ var WalletButton = ({ wallet }) => {
       transition: "default",
       display: "flex",
       alignItems: "center"
-    }, /* @__PURE__ */ React154.createElement(Box, {
+    }, /* @__PURE__ */ React155.createElement(Box, {
       alignItems: "center",
       display: "flex",
       flexDirection: "row",
       gap: "12",
       paddingRight: "6"
-    }, /* @__PURE__ */ React154.createElement(Box, null, loading ? /* @__PURE__ */ React154.createElement(SpinnerIcon, null) : /* @__PURE__ */ React154.createElement(AsyncImage, {
+    }, /* @__PURE__ */ React155.createElement(Box, null, loading ? /* @__PURE__ */ React155.createElement(SpinnerIcon, null) : /* @__PURE__ */ React155.createElement(AsyncImage, {
       background: connector == null ? void 0 : connector.iconBackground,
       borderRadius: "6",
       height: "28",
       src: connector == null ? void 0 : connector.iconUrl,
       width: "28"
-    })), /* @__PURE__ */ React154.createElement(Box, {
+    })), /* @__PURE__ */ React155.createElement(Box, {
       alignItems: "center",
       display: "flex",
       flexDirection: "column",
       color: "modalText"
-    }, /* @__PURE__ */ React154.createElement(Box, {
+    }, /* @__PURE__ */ React155.createElement(Box, {
       testId: `wallet-button-label-${(connector == null ? void 0 : connector.id) || ""}`
     }, loading ? i18n2.t("connect.status.connecting", {
       wallet: connectorName
-    }) : connectorName)), connected ? /* @__PURE__ */ React154.createElement(Box, {
+    }) : connectorName)), connected ? /* @__PURE__ */ React155.createElement(Box, {
       background: "connectionIndicator",
       borderColor: "selectedOptionBorder",
       borderRadius: "full",
@@ -17041,12 +17270,12 @@ function getDefaultWallets(parameters) {
 }
 
 // src/components/ConnectOptions/MobileOptions.tsx
-import React155, {
-  useCallback as useCallback33,
-  useContext as useContext31,
+import React156, {
+  useCallback as useCallback34,
+  useContext as useContext32,
   useEffect as useEffect39,
   useRef as useRef12,
-  useState as useState49
+  useState as useState50
 } from "react";
 
 // src/components/ConnectOptions/MobileOptions.css.ts
@@ -17060,12 +17289,12 @@ var LoadingSpinner = ({ wallet }) => {
   const height = 80;
   const radiusFactor = 20;
   const perimeter = 2 * (width + height - 4 * radiusFactor);
-  return /* @__PURE__ */ React155.createElement("svg", {
+  return /* @__PURE__ */ React156.createElement("svg", {
     className: spinner,
     viewBox: "0 0 86 86",
     width: "86",
     height: "86"
-  }, /* @__PURE__ */ React155.createElement("title", null, "Loading"), /* @__PURE__ */ React155.createElement("rect", {
+  }, /* @__PURE__ */ React156.createElement("title", null, "Loading"), /* @__PURE__ */ React156.createElement("rect", {
     x: "3",
     y: "3",
     width,
@@ -17098,8 +17327,8 @@ function WalletButton2({
   } = wallet;
   const coolModeRef = useCoolMode(iconUrl);
   const initialized = useRef12(false);
-  const { i18n: i18n2 } = useContext31(I18nContext);
-  const onConnect = useCallback33(async () => {
+  const { i18n: i18n2 } = useContext32(I18nContext);
+  const onConnect = useCallback34(async () => {
     const onMobileUri = async () => {
       const mobileUri = await (getMobileUri == null ? void 0 : getMobileUri());
       if (!mobileUri)
@@ -17132,7 +17361,7 @@ function WalletButton2({
       initialized.current = true;
     }
   }, [connecting, onConnect]);
-  return /* @__PURE__ */ React155.createElement(Box, {
+  return /* @__PURE__ */ React156.createElement(Box, {
     as: "button",
     color: ready ? "modalText" : "modalTextSecondary",
     disabled: !ready,
@@ -17144,40 +17373,40 @@ function WalletButton2({
     testId: `wallet-option-${id}`,
     type: "button",
     width: "full"
-  }, /* @__PURE__ */ React155.createElement(Box, {
+  }, /* @__PURE__ */ React156.createElement(Box, {
     alignItems: "center",
     display: "flex",
     flexDirection: "column",
     justifyContent: "center"
-  }, /* @__PURE__ */ React155.createElement(Box, {
+  }, /* @__PURE__ */ React156.createElement(Box, {
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
     paddingBottom: "8",
     paddingTop: "10",
     position: "relative"
-  }, connecting ? /* @__PURE__ */ React155.createElement(LoadingSpinner, {
+  }, connecting ? /* @__PURE__ */ React156.createElement(LoadingSpinner, {
     wallet
-  }) : null, /* @__PURE__ */ React155.createElement(AsyncImage, {
+  }) : null, /* @__PURE__ */ React156.createElement(AsyncImage, {
     background: iconBackground,
     borderRadius: "13",
     boxShadow: "walletLogo",
     height: "60",
     src: iconUrl,
     width: "60"
-  })), !connecting ? /* @__PURE__ */ React155.createElement(Box, {
+  })), !connecting ? /* @__PURE__ */ React156.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     textAlign: "center"
-  }, /* @__PURE__ */ React155.createElement(Text, {
+  }, /* @__PURE__ */ React156.createElement(Text, {
     as: "h2",
     color: wallet.ready ? "modalText" : "modalTextSecondary",
     size: "13",
     weight: "medium"
-  }, /* @__PURE__ */ React155.createElement(Box, {
+  }, /* @__PURE__ */ React156.createElement(Box, {
     as: "span",
     position: "relative"
-  }, shortName != null ? shortName : name, !wallet.ready && " (unsupported)")), wallet.recent && /* @__PURE__ */ React155.createElement(Text, {
+  }, shortName != null ? shortName : name, !wallet.ready && " (unsupported)")), wallet.recent && /* @__PURE__ */ React156.createElement(Text, {
     color: "accentColor",
     size: "12",
     weight: "medium"
@@ -17189,85 +17418,85 @@ function MobileOptions({ onClose }) {
   const wallets = useWalletConnectors().filter(
     (wallet) => wallet.isFunkitSdkConnector
   );
-  const { disclaimer: Disclaimer, learnMoreUrl } = useContext31(AppContext);
+  const { disclaimer: Disclaimer, learnMoreUrl } = useContext32(AppContext);
   let headerLabel = null;
   let walletContent = null;
   let headerBackgroundContrast = false;
   let headerBackButtonLink = null;
-  const [walletStep, setWalletStep] = useState49(
+  const [walletStep, setWalletStep] = useState50(
     "CONNECT" /* Connect */
   );
-  const { i18n: i18n2 } = useContext31(I18nContext);
+  const { i18n: i18n2 } = useContext32(I18nContext);
   const ios = isIOS();
   switch (walletStep) {
     case "CONNECT" /* Connect */: {
       headerLabel = i18n2.t("connect.title");
       headerBackgroundContrast = true;
-      walletContent = /* @__PURE__ */ React155.createElement(Box, null, /* @__PURE__ */ React155.createElement(Box, {
+      walletContent = /* @__PURE__ */ React156.createElement(Box, null, /* @__PURE__ */ React156.createElement(Box, {
         background: "profileForeground",
         className: scroll,
         display: "flex",
         paddingBottom: "20",
         paddingTop: "6"
-      }, /* @__PURE__ */ React155.createElement(Box, {
+      }, /* @__PURE__ */ React156.createElement(Box, {
         display: "flex",
         style: { margin: "0 auto" }
       }, wallets.filter((wallet) => wallet.ready).map((wallet) => {
-        return /* @__PURE__ */ React155.createElement(Box, {
+        return /* @__PURE__ */ React156.createElement(Box, {
           key: wallet.id,
           paddingX: "20"
-        }, /* @__PURE__ */ React155.createElement(Box, {
+        }, /* @__PURE__ */ React156.createElement(Box, {
           width: "60"
-        }, /* @__PURE__ */ React155.createElement(WalletButton2, {
+        }, /* @__PURE__ */ React156.createElement(WalletButton2, {
           onClose,
           wallet
         })));
-      }))), /* @__PURE__ */ React155.createElement(Box, {
+      }))), /* @__PURE__ */ React156.createElement(Box, {
         background: "generalBorder",
         height: "1",
         marginBottom: "32",
         marginTop: "-1"
-      }), /* @__PURE__ */ React155.createElement(Box, {
+      }), /* @__PURE__ */ React156.createElement(Box, {
         alignItems: "center",
         display: "flex",
         flexDirection: "column",
         gap: "32",
         paddingX: "32",
         style: { textAlign: "center" }
-      }, /* @__PURE__ */ React155.createElement(Box, {
+      }, /* @__PURE__ */ React156.createElement(Box, {
         display: "flex",
         flexDirection: "column",
         gap: "8",
         textAlign: "center"
-      }, /* @__PURE__ */ React155.createElement(Text, {
+      }, /* @__PURE__ */ React156.createElement(Text, {
         color: "modalText",
         size: "16",
         weight: "bold"
-      }, i18n2.t("intro.title")), /* @__PURE__ */ React155.createElement(Text, {
+      }, i18n2.t("intro.title")), /* @__PURE__ */ React156.createElement(Text, {
         color: "modalTextSecondary",
         size: "16"
-      }, i18n2.t("intro.description")))), /* @__PURE__ */ React155.createElement(Box, {
+      }, i18n2.t("intro.description")))), /* @__PURE__ */ React156.createElement(Box, {
         paddingTop: "32",
         paddingX: "20"
-      }, /* @__PURE__ */ React155.createElement(Box, {
+      }, /* @__PURE__ */ React156.createElement(Box, {
         display: "flex",
         gap: "14",
         justifyContent: "center"
-      }, /* @__PURE__ */ React155.createElement(ActionButton, {
+      }, /* @__PURE__ */ React156.createElement(ActionButton, {
         label: i18n2.t("intro.get.label"),
         onClick: () => setWalletStep("GET" /* Get */),
         size: "large",
         type: "secondary"
-      }), /* @__PURE__ */ React155.createElement(ActionButton, {
+      }), /* @__PURE__ */ React156.createElement(ActionButton, {
         href: learnMoreUrl,
         label: i18n2.t("intro.learn_more.label"),
         size: "large",
         type: "secondary"
-      }))), Disclaimer && /* @__PURE__ */ React155.createElement(Box, {
+      }))), Disclaimer && /* @__PURE__ */ React156.createElement(Box, {
         marginTop: "28",
         marginX: "32",
         textAlign: "center"
-      }, /* @__PURE__ */ React155.createElement(Disclaimer, {
+      }, /* @__PURE__ */ React156.createElement(Disclaimer, {
         Link: DisclaimerLink,
         Text: DisclaimerText
       })));
@@ -17282,7 +17511,7 @@ function MobileOptions({ onClose }) {
           return ((_a2 = wallet.downloadUrls) == null ? void 0 : _a2.ios) || ((_b = wallet.downloadUrls) == null ? void 0 : _b.android) || ((_c = wallet.downloadUrls) == null ? void 0 : _c.mobile);
         }
       )) == null ? void 0 : _a.splice(0, 3);
-      walletContent = /* @__PURE__ */ React155.createElement(Box, null, /* @__PURE__ */ React155.createElement(Box, {
+      walletContent = /* @__PURE__ */ React156.createElement(Box, null, /* @__PURE__ */ React156.createElement(Box, {
         alignItems: "center",
         display: "flex",
         flexDirection: "column",
@@ -17296,88 +17525,88 @@ function MobileOptions({ onClose }) {
         if (!(downloadUrls == null ? void 0 : downloadUrls.ios) && !(downloadUrls == null ? void 0 : downloadUrls.android) && !(downloadUrls == null ? void 0 : downloadUrls.mobile)) {
           return null;
         }
-        return /* @__PURE__ */ React155.createElement(Box, {
+        return /* @__PURE__ */ React156.createElement(Box, {
           display: "flex",
           gap: "16",
           key: wallet.id,
           paddingX: "20",
           width: "full"
-        }, /* @__PURE__ */ React155.createElement(Box, {
+        }, /* @__PURE__ */ React156.createElement(Box, {
           style: { minHeight: 48, minWidth: 48 }
-        }, /* @__PURE__ */ React155.createElement(AsyncImage, {
+        }, /* @__PURE__ */ React156.createElement(AsyncImage, {
           background: iconBackground,
           borderColor: "generalBorder",
           borderRadius: "10",
           height: "48",
           src: iconUrl,
           width: "48"
-        })), /* @__PURE__ */ React155.createElement(Box, {
+        })), /* @__PURE__ */ React156.createElement(Box, {
           display: "flex",
           flexDirection: "column",
           width: "full"
-        }, /* @__PURE__ */ React155.createElement(Box, {
+        }, /* @__PURE__ */ React156.createElement(Box, {
           alignItems: "center",
           display: "flex",
           height: "48"
-        }, /* @__PURE__ */ React155.createElement(Box, {
+        }, /* @__PURE__ */ React156.createElement(Box, {
           width: "full"
-        }, /* @__PURE__ */ React155.createElement(Text, {
+        }, /* @__PURE__ */ React156.createElement(Text, {
           color: "modalText",
           size: "18",
           weight: "bold"
-        }, name)), /* @__PURE__ */ React155.createElement(ActionButton, {
+        }, name)), /* @__PURE__ */ React156.createElement(ActionButton, {
           href: (ios ? downloadUrls == null ? void 0 : downloadUrls.ios : downloadUrls == null ? void 0 : downloadUrls.android) || (downloadUrls == null ? void 0 : downloadUrls.mobile),
           label: i18n2.t("get.action.label"),
           size: "small",
           type: "secondary"
-        })), index < mobileWallets.length - 1 && /* @__PURE__ */ React155.createElement(Box, {
+        })), index < mobileWallets.length - 1 && /* @__PURE__ */ React156.createElement(Box, {
           background: "generalBorderDim",
           height: "1",
           marginY: "10",
           width: "full"
         })));
-      })), /* @__PURE__ */ React155.createElement(Box, {
+      })), /* @__PURE__ */ React156.createElement(Box, {
         style: { marginBottom: "42px" }
-      }), /* @__PURE__ */ React155.createElement(Box, {
+      }), /* @__PURE__ */ React156.createElement(Box, {
         alignItems: "center",
         display: "flex",
         flexDirection: "column",
         gap: "36",
         paddingX: "36",
         style: { textAlign: "center" }
-      }, /* @__PURE__ */ React155.createElement(Box, {
+      }, /* @__PURE__ */ React156.createElement(Box, {
         display: "flex",
         flexDirection: "column",
         gap: "12",
         textAlign: "center"
-      }, /* @__PURE__ */ React155.createElement(Text, {
+      }, /* @__PURE__ */ React156.createElement(Text, {
         color: "modalText",
         size: "16",
         weight: "bold"
-      }, i18n2.t("get.looking_for.title")), /* @__PURE__ */ React155.createElement(Text, {
+      }, i18n2.t("get.looking_for.title")), /* @__PURE__ */ React156.createElement(Text, {
         color: "modalTextSecondary",
         size: "16"
       }, i18n2.t("get.looking_for.mobile.description")))));
       break;
     }
   }
-  return /* @__PURE__ */ React155.createElement(Box, {
+  return /* @__PURE__ */ React156.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     paddingBottom: "36"
-  }, /* @__PURE__ */ React155.createElement(Box, {
+  }, /* @__PURE__ */ React156.createElement(Box, {
     background: headerBackgroundContrast ? "profileForeground" : "modalBackground",
     display: "flex",
     flexDirection: "column",
     paddingBottom: "4",
     paddingTop: "14"
-  }, /* @__PURE__ */ React155.createElement(Box, {
+  }, /* @__PURE__ */ React156.createElement(Box, {
     display: "flex",
     justifyContent: "center",
     paddingBottom: "6",
     paddingX: "20",
     position: "relative"
-  }, headerBackButtonLink && /* @__PURE__ */ React155.createElement(Box, {
+  }, headerBackButtonLink && /* @__PURE__ */ React156.createElement(Box, {
     display: "flex",
     position: "absolute",
     style: {
@@ -17385,7 +17614,7 @@ function MobileOptions({ onClose }) {
       marginBottom: -20,
       marginTop: -20
     }
-  }, /* @__PURE__ */ React155.createElement(Box, {
+  }, /* @__PURE__ */ React156.createElement(Box, {
     alignItems: "center",
     as: "button",
     className: touchableStyles({
@@ -17401,28 +17630,28 @@ function MobileOptions({ onClose }) {
     style: { height: 17, willChange: "transform" },
     transition: "default",
     type: "button"
-  }, /* @__PURE__ */ React155.createElement(BackIcon, null))), /* @__PURE__ */ React155.createElement(Box, {
+  }, /* @__PURE__ */ React156.createElement(BackIcon, null))), /* @__PURE__ */ React156.createElement(Box, {
     marginTop: "4",
     textAlign: "center",
     width: "full"
-  }, /* @__PURE__ */ React155.createElement(Text, {
+  }, /* @__PURE__ */ React156.createElement(Text, {
     as: "h1",
     color: "modalText",
     id: titleId,
     size: "20",
     weight: "bold"
-  }, headerLabel)), /* @__PURE__ */ React155.createElement(Box, {
+  }, headerLabel)), /* @__PURE__ */ React156.createElement(Box, {
     alignItems: "center",
     display: "flex",
     height: "32",
     paddingRight: "14",
     position: "absolute",
     right: "0"
-  }, /* @__PURE__ */ React155.createElement(Box, {
+  }, /* @__PURE__ */ React156.createElement(Box, {
     style: { marginBottom: -20, marginTop: -20 }
-  }, /* @__PURE__ */ React155.createElement(CloseButton, {
+  }, /* @__PURE__ */ React156.createElement(CloseButton, {
     onClose
-  }))))), /* @__PURE__ */ React155.createElement(Box, {
+  }))))), /* @__PURE__ */ React156.createElement(Box, {
     display: "flex",
     flexDirection: "column"
   }, walletContent));
@@ -17437,13 +17666,13 @@ var __private__ = {
 };
 
 // src/transactions/useAddRecentTransaction.ts
-import { useCallback as useCallback34 } from "react";
+import { useCallback as useCallback35 } from "react";
 import { useAccount as useAccount18 } from "wagmi";
 function useAddRecentTransaction() {
   const store = useTransactionStore();
   const { address } = useAccount18();
   const chainId = useChainId();
-  return useCallback34(
+  return useCallback35(
     (transaction) => {
       if (!address || !chainId) {
         throw new Error("No address or chain ID found");