@funkit/connect 9.21.1-next.0 → 9.22.0

package/dist/index.js

@@ -1,10 +1,10 @@
 "use client";
-import {
-  darkTheme
-} from "./chunk-36KVHK22.js";
 import {
   lightTheme
 } from "./chunk-67BKQQNG.js";
+import {
+  darkTheme
+} from "./chunk-36KVHK22.js";
 import {
   systemFontStack
 } from "./chunk-4YEAUICE.js";
@@ -968,15 +968,15 @@ import {
   getAllWalletTokens
 } from "@funkit/api-base";
 import { keepPreviousData as keepPreviousData4, useQuery as useQuery30 } from "@tanstack/react-query";
-import { arbitrum as arbitrum7, polygon as polygon8 } from "viem/chains";
+import { arbitrum as arbitrum7, polygon as polygon9 } from "viem/chains";
 
 // src/domains/asset.ts
 import {
   FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO12,
-  solanaChain as solanaChain6
+  solanaChain as solanaChain7
 } from "@funkit/chains";
-import { isTokenAddressEquivalent as isTokenAddressEquivalent6, isTokenEquivalent as isTokenEquivalent11 } from "@funkit/utils";
-import { arbitrum as arbitrum6, base as base6, mainnet as mainnet13, optimism as optimism2, polygon as polygon7 } from "viem/chains";
+import { isTokenAddressEquivalent as isTokenAddressEquivalent7, isTokenEquivalent as isTokenEquivalent11 } from "@funkit/utils";
+import { arbitrum as arbitrum6, base as base6, mainnet as mainnet13, optimism as optimism2, polygon as polygon8 } from "viem/chains";
 
 // src/utils/checkout.ts
 import {
@@ -986,14 +986,14 @@ import {
   FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS as FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS4,
   FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO11,
   lightningChain as lightningChain4,
-  solanaChain as solanaChain5,
-  tronChain as tronChain4
+  solanaChain as solanaChain6,
+  tronChain as tronChain5
 } from "@funkit/chains";
 import { getRelayAssetInfo } from "@funkit/fun-relay";
 import {
   formatCryptoAndStringify as formatCryptoAndStringify11,
   isNumericString,
-  isTokenAddressEquivalent as isTokenAddressEquivalent5,
+  isTokenAddressEquivalent as isTokenAddressEquivalent6,
   isTokenEquivalent as isTokenEquivalent10,
   round as round3
 } from "@funkit/utils";
@@ -1114,7 +1114,7 @@ import {
   FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO10,
   SOLANA_MAINNET_CHAIN_ID as SOLANA_MAINNET_CHAIN_ID2
 } from "@funkit/chains";
-import { isNotNullish as isNotNullish8, isTokenAddressEquivalent as isTokenAddressEquivalent4 } from "@funkit/utils";
+import { isNotNullish as isNotNullish8, isTokenAddressEquivalent as isTokenAddressEquivalent5 } from "@funkit/utils";
 import React300, {
   createContext as createContext21,
   useCallback as useCallback57,
@@ -1642,7 +1642,7 @@ function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey, version);
 }
 function getCurrentSdkVersion() {
-  return "9.21.1-next.0";
+  return "9.22.0";
 }
 function useFingerprint() {
   const fingerprint = useCallback3(() => {
@@ -19991,10 +19991,8 @@ function isLive(option) {
 }
 
 // src/hooks/useTokenTransferConfig.ts
-import {
-  resolveTokenTransferConfig
-} from "@funkit/connect-core";
 import { useMemo as useMemo27 } from "react";
+import { polygon as polygon6 } from "viem/chains";
 
 // src/hooks/useSupportedAssets.ts
 import {
@@ -20015,8 +20013,150 @@ function useSupportedAssets(options) {
   });
 }
 
+// src/utils/tokenTransfer/disabledList.ts
+import { isTokenAddressEquivalent } from "@funkit/utils";
+function isChainDisabled(disabledConfig, chainId2) {
+  if (!disabledConfig) {
+    return false;
+  }
+  const disabledTokens = disabledConfig[String(chainId2)];
+  if (!disabledTokens) {
+    return false;
+  }
+  return disabledTokens.includes("*");
+}
+function isAssetDisabled(disabledConfig, chainId2, tokenAddress) {
+  if (!disabledConfig) {
+    return false;
+  }
+  const disabledTokens = disabledConfig[String(chainId2)];
+  if (!disabledTokens) {
+    return false;
+  }
+  if (disabledTokens.includes("*")) {
+    return true;
+  }
+  return disabledTokens.some(
+    (disabledTokenAddress) => isTokenAddressEquivalent({
+      firstTokenAddress: disabledTokenAddress,
+      secondTokenAddress: tokenAddress
+    })
+  );
+}
+
 // src/hooks/useTokenTransferConfig.ts
-var EMPTY_RESULT = {
+var SYMBOL_OVERRIDES = {
+  "USD\u20AE0": "USDT",
+  USDT0: "USDT"
+};
+var POLYGON_NATIVE_TOKEN_ALIAS = "MATIC";
+function lowercaseAddressKeys(response) {
+  return Object.fromEntries(
+    Object.entries(response).map(([chainId2, chainAssets]) => [
+      chainId2,
+      Object.fromEntries(
+        Object.entries(chainAssets).map(([address, metadata]) => [
+          address.toLowerCase(),
+          metadata
+        ])
+      )
+    ])
+  );
+}
+function resolveSymbols(backendSymbol, chainId2, address) {
+  const displaySymbol = SYMBOL_OVERRIDES[backendSymbol] ?? backendSymbol;
+  const alias = chainId2 === polygon6.id && isNativeTokenAddress(address) ? POLYGON_NATIVE_TOKEN_ALIAS : void 0;
+  return { displaySymbol, alias };
+}
+function resolveChainAssets(chainConfig, chainAssets, disabledChainAssets) {
+  const { chainId: chainId2 } = chainConfig;
+  const resolvedChainAssets = chainConfig.assets.filter(
+    (configAsset) => !isAssetDisabled(
+      disabledChainAssets,
+      chainId2,
+      configAsset.address.toLowerCase()
+    )
+  ).map((configAsset) => {
+    const address = configAsset.address.toLowerCase();
+    const metadata = chainAssets?.[address];
+    if (!metadata) {
+      logger.warn("useTokenTransferConfig:tokenMetadataMissing", {
+        chainId: chainId2,
+        address: configAsset.address
+      });
+      return null;
+    }
+    const { displaySymbol, alias } = resolveSymbols(
+      metadata.symbol,
+      chainId2,
+      address
+    );
+    return {
+      address,
+      metadata: { ...configAsset, ...metadata, symbol: displaySymbol },
+      alias
+    };
+  }).filter((item) => item !== null);
+  const assets = Object.fromEntries(
+    resolvedChainAssets.map(({ address, metadata }) => [address, metadata])
+  );
+  const symbols = [
+    ...new Set(
+      resolvedChainAssets.flatMap(
+        ({ metadata, alias }) => alias ? [metadata.symbol, alias] : [metadata.symbol]
+      )
+    )
+  ];
+  return { assets, symbols };
+}
+function resolveNewBadgeSymbols(resolvedChains) {
+  const allBadgeAssets = resolvedChains.flatMap(
+    ({ resolvedChainAssets }) => Object.values(resolvedChainAssets.assets).filter((a) => !!a.showNewBadge)
+  );
+  return /* @__PURE__ */ new Set([
+    ...allBadgeAssets.filter((a) => a.showNewBadge === "primary").map((a) => a.symbol),
+    ...allBadgeAssets.filter((a) => a.showNewBadge !== "primary").map((a) => a.symbol)
+  ]);
+}
+function resolveTokenTransferConfig(chainConfigs, rawPriorityTokens, disabledChainAssets, allSupportedAssets) {
+  const lowercasedAssets = lowercaseAddressKeys(allSupportedAssets);
+  const resolvedChains = chainConfigs.filter((c) => !isChainDisabled(disabledChainAssets, c.chainId)).map((chainConfig) => ({
+    chainConfig,
+    resolvedChainAssets: resolveChainAssets(
+      chainConfig,
+      lowercasedAssets[String(chainConfig.chainId)],
+      disabledChainAssets
+    )
+  })).filter(({ resolvedChainAssets }) => resolvedChainAssets.symbols.length > 0);
+  const supportedAssets = Object.fromEntries(
+    resolvedChains.map(({ chainConfig, resolvedChainAssets }) => [
+      chainConfig.chainId,
+      resolvedChainAssets.assets
+    ])
+  );
+  const symbolsByChainId = Object.fromEntries(
+    resolvedChains.map(({ chainConfig, resolvedChainAssets }) => [
+      chainConfig.chainId,
+      resolvedChainAssets.symbols
+    ])
+  );
+  const chainIdSortOrder = resolvedChains.map(
+    ({ chainConfig }) => chainConfig.chainId
+  );
+  const defaultChainId = resolvedChains.find(
+    ({ chainConfig }) => chainConfig.isDefault
+  )?.chainConfig.chainId;
+  const newBadgeSymbols = resolveNewBadgeSymbols(resolvedChains);
+  return {
+    supportedAssets,
+    symbolsByChainId,
+    chainIdSortOrder,
+    defaultChainId,
+    priorityTokenSymbols: [...rawPriorityTokens],
+    newBadgeSymbols
+  };
+}
+var EMPTY_CONFIG = {
   supportedAssets: {},
   symbolsByChainId: {},
   chainIdSortOrder: [],
@@ -20038,15 +20178,15 @@ function useTokenTransferConfig(isWithdrawal = false) {
   const { data: allSupportedAssets, isLoading } = useSupportedAssets();
   const config = useMemo27(() => {
     if (!allSupportedAssets) {
-      return EMPTY_RESULT;
+      return EMPTY_CONFIG;
     }
-    return resolveTokenTransferConfig({
-      chainConfigs: rawConfig.chains ?? [],
-      priorityTokens: rawConfig.priorityTokens ?? [],
+    const { chains: rawChains, priorityTokens: rawPriorityTokens } = rawConfig;
+    return resolveTokenTransferConfig(
+      rawChains ?? [],
+      rawPriorityTokens ?? [],
       disabledChainAssets,
-      supportedAssets: allSupportedAssets,
-      logger
-    });
+      allSupportedAssets
+    );
   }, [rawConfig, disabledChainAssets, allSupportedAssets]);
   return { ...config, isLoading };
 }
@@ -24508,7 +24648,7 @@ import { isTokenEquivalent as isTokenEquivalent3 } from "@funkit/utils";
 import { useQuery as useQuery16 } from "@tanstack/react-query";
 
 // src/hooks/useIsBlacklistedWithdrawalAddress.ts
-import { isTokenAddressEquivalent } from "@funkit/utils";
+import { isTokenAddressEquivalent as isTokenAddressEquivalent2 } from "@funkit/utils";
 import { useMemo as useMemo36 } from "react";
 function useIsBlacklistedWithdrawalAddress(address) {
   const addressBlacklist = useDynamicConfig("blacklistedwithdrawaladdress");
@@ -24525,7 +24665,7 @@ function useIsBlacklistedWithdrawalAddress(address) {
     return addresses;
   }, [withdrawalConfig.chains]);
   return Object.keys(addressBlacklist).concat(withdrawalTokenAddresses).some(
-    (blockedAddress) => isTokenAddressEquivalent({
+    (blockedAddress) => isTokenAddressEquivalent2({
       firstTokenAddress: blockedAddress,
       secondTokenAddress: address
     })
@@ -24809,22 +24949,30 @@ var useAssetSymbolPrice = ({
 
 // src/hooks/useTokenAndChainDropdown.ts
 import { useEffect as useEffect39, useState as useState34 } from "react";
-import { polygon as polygon6 } from "viem/chains";
+import { polygon as polygon7 } from "viem/chains";
 
 // src/hooks/useEnabledTokenTransferChainTokens.ts
-import { isTransferChainEnabled } from "@funkit/connect-core";
+import { bitcoinChain as bitcoinChain5, solanaChain as solanaChain4, tronChain as tronChain3 } from "@funkit/chains";
 function useEnabledTokenTransferChainTokens(transferInit, isWithdrawal) {
   const { symbolsByChainId } = useTokenTransferConfig(isWithdrawal);
+  const hasSolanaAddress = !!transferInit?.solanaAddr;
+  const hasBitcoinAddress = !!transferInit?.btcAddrSegwit;
+  const hasTronAddress = !!transferInit?.tronAddr;
   return Object.keys(
     symbolsByChainId
   ).reduce(
     (acc, curChainIdString) => {
       const chainId2 = Number(curChainIdString);
-      if (!isTransferChainEnabled(
-        chainId2,
-        transferInit ?? void 0,
-        isWithdrawal
-      )) {
+      const isSolana = chainId2 === solanaChain4.id;
+      if (isSolana && !hasSolanaAddress && !isWithdrawal) {
+        return acc;
+      }
+      const isBitcoin = chainId2 === bitcoinChain5.id;
+      if (isBitcoin && !hasBitcoinAddress && !isWithdrawal) {
+        return acc;
+      }
+      const isTron = chainId2 === tronChain3.id;
+      if (isTron && !hasTronAddress && !isWithdrawal) {
         return acc;
       }
       if (symbolsByChainId[chainId2]?.length) {
@@ -24842,7 +24990,7 @@ function resolveDefaultChainId(enabledChainSymbols, preferredChainId) {
     return preferredChainId;
   }
   const firstAvailable = Number(Object.keys(enabledChainSymbols)[0]);
-  return firstAvailable || polygon6.id;
+  return firstAvailable || polygon7.id;
 }
 function resolveDefaultToken(currentChainSymbols, preferredToken) {
   if (preferredToken && currentChainSymbols?.includes(preferredToken)) {
@@ -24869,7 +25017,7 @@ var useTokenAndChainDropdown = ({
   const tokenTransferConfig = useTokenTransferConfig(isWithdrawal);
   const isLoadingAssets = tokenTransferConfig.isLoading || Object.keys(tokenTransferConfig.symbolsByChainId).length === 0;
   const popularTokenSymbols = tokenTransferConfig.popularTokenSymbols ?? [];
-  const preferredChainId = defaultValues?.chainId ?? tokenTransferConfig.defaultChainId ?? polygon6.id;
+  const preferredChainId = defaultValues?.chainId ?? tokenTransferConfig.defaultChainId ?? polygon7.id;
   const validDefaultChainId = resolveDefaultChainId(
     enabledChainSymbols,
     preferredChainId
@@ -25112,8 +25260,8 @@ function getErrorNotification({
 import React128, { useEffect as useEffect40, useState as useState35 } from "react";
 import {
   FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8,
-  solanaChain as solanaChain4,
-  tronChain as tronChain3
+  solanaChain as solanaChain5,
+  tronChain as tronChain4
 } from "@funkit/chains";
 function getAlertMessage(selectedChainId, selectedToken, t) {
   const chainName = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8[selectedChainId]?.name;
@@ -25141,7 +25289,7 @@ function useShowConnectWallet({ config }) {
   return showUseConnected;
 }
 function getRecipientAddressPlaceholder(selectedChainId, t) {
-  if (selectedChainId === solanaChain4.id || selectedChainId === tronChain3.id) {
+  if (selectedChainId === solanaChain5.id || selectedChainId === tronChain4.id) {
     return t("withdrawal.enterRecipientAddress")[0] + t("withdrawal.enterRecipientAddress").slice(1).toLowerCase();
   }
   return "0x...";
@@ -31505,7 +31653,7 @@ var ChainInfoBanners = ({ chainId: chainId2 }) => {
 // src/components/FunTransactionSummary/PaymentAmountSummary.tsx
 import {
   formatCurrencyAndStringify as formatCurrencyAndStringify7,
-  isTokenAddressEquivalent as isTokenAddressEquivalent2,
+  isTokenAddressEquivalent as isTokenAddressEquivalent3,
   isTokenEquivalent as isTokenEquivalent4
 } from "@funkit/utils";
 import NumberFlow from "@number-flow/react";
@@ -31561,7 +31709,7 @@ function PaymentAmountSummary({
   const sourceChainId = sourceAssetInfo?.chainId;
   const areSameChains = sourceChainId === targetChainId;
   const sourceIcon = sourceAssetInfo?.iconSrc ?? void 0;
-  const isSameTokenAddress = isTokenAddressEquivalent2({
+  const isSameTokenAddress = isTokenAddressEquivalent3({
     firstTokenAddress: sourceTokenAddress,
     secondTokenAddress: targetTokenAddress
   });
@@ -31725,7 +31873,7 @@ import React192 from "react";
 
 // src/components/FunTransactionSummary/DestinationYieldRows.tsx
 import React191 from "react";
-var COLLATERAL_ENABLED_GREEN = "#478f00";
+var YIELD_GREEN = "#478f00";
 function DestinationYieldRows({
   yieldInfo
 }) {
@@ -31740,7 +31888,16 @@ function DestinationYieldRows({
     {
       text: t("checkoutConfirmation.supplyApy")
     }
-  ), /* @__PURE__ */ React191.createElement(Text, { weight: "txSummaryValue", size: "txSummaryValue", textAlign: "right" }, `${supplyApy}%`)), supplyApy !== void 0 && collateralizationEnabled !== void 0 && /* @__PURE__ */ React191.createElement(FunTxSummaryDivider, null), collateralizationEnabled !== void 0 && /* @__PURE__ */ React191.createElement(FunTxSummaryLineItem, { testId: "destination-collateralization" }, /* @__PURE__ */ React191.createElement(
+  ), /* @__PURE__ */ React191.createElement(
+    Text,
+    {
+      style: { color: YIELD_GREEN },
+      weight: "txSummaryValue",
+      size: "txSummaryValue",
+      textAlign: "right"
+    },
+    `${supplyApy}%`
+  )), supplyApy !== void 0 && collateralizationEnabled !== void 0 && /* @__PURE__ */ React191.createElement(FunTxSummaryDivider, null), collateralizationEnabled !== void 0 && /* @__PURE__ */ React191.createElement(FunTxSummaryLineItem, { testId: "destination-collateralization" }, /* @__PURE__ */ React191.createElement(
     FunTxSummaryLineItemKeyText,
     {
       text: t("checkoutConfirmation.collateralization")
@@ -31749,7 +31906,7 @@ function DestinationYieldRows({
     Text,
     {
       color: collateralizationEnabled ? void 0 : "secondaryText",
-      style: collateralizationEnabled ? { color: COLLATERAL_ENABLED_GREEN } : void 0,
+      style: collateralizationEnabled ? { color: YIELD_GREEN } : void 0,
       weight: "txSummaryValue",
       size: "txSummaryValue",
       textAlign: "right"
@@ -34560,18 +34717,29 @@ import { isMobile as isMobile6 } from "@funkit/utils";
 import React209 from "react";
 import { createPortal as createPortal16 } from "react-dom";
 import { LayoutGroup } from "motion/react";
+var shouldHideAmountSwitcherForStablecoin = (switcherTokenSymbol, isStablecoin, isStablecoinSwitchHidingEnabled) => isStablecoinSwitchHidingEnabled && !!switcherTokenSymbol && isStablecoin(switcherTokenSymbol);
 function InputAmountLayout({
   actionButtonProps,
   amountOptions,
   fiatCurrencySelector,
   amountInput: amountInput2,
   amountInputSwitch,
+  switcherTokenSymbol,
   header,
   footer,
   error
 }) {
   const funkitConfig = useFunkitConfig();
-  const { allowTokenAmountInput } = funkitConfig.uiCustomizations.inputAmountScreen;
+  const isStablecoin = useIsStablecoin();
+  const isStablecoinSwitchHidingEnabled = useFeatureGate(
+    "hide-stablecoin-amount-switch"
+  );
+  const shouldHideTokenAmountInputSwitcher = shouldHideAmountSwitcherForStablecoin(
+    switcherTokenSymbol,
+    isStablecoin,
+    isStablecoinSwitchHidingEnabled
+  );
+  const allowTokenAmountInput = funkitConfig.uiCustomizations.inputAmountScreen.allowTokenAmountInput ? !shouldHideTokenAmountInputSwitcher : false;
   const bottomSectionRef = useBottomSectionRef();
   return /* @__PURE__ */ React209.createElement(Box, { display: "flex", flexDirection: "column", width: "full", style: { flex: 1 } }, /* @__PURE__ */ React209.createElement(
     Box,
@@ -35274,7 +35442,7 @@ function useTextMeasurer(inputRef) {
 
 // src/modals/CheckoutModal/InputAmount/state.ts
 import {
-  isTokenAddressEquivalent as isTokenAddressEquivalent3,
+  isTokenAddressEquivalent as isTokenAddressEquivalent4,
   isTokenEquivalent as isTokenEquivalent6,
   round
 } from "@funkit/utils";
@@ -35459,7 +35627,7 @@ function isEffectivelySameAsset(checkoutConfig, sourceToken, apiKey) {
     return true;
   }
   const mainnetChainId = mainnet11.id.toString();
-  return isLighterxyzCustomer(apiKey) && sourceToken.chainId === mainnetChainId && isNativeTokenAddress(sourceToken.address) && checkoutConfig.targetChain === mainnetChainId && isTokenAddressEquivalent3({
+  return isLighterxyzCustomer(apiKey) && sourceToken.chainId === mainnetChainId && isNativeTokenAddress(sourceToken.address) && checkoutConfig.targetChain === mainnetChainId && isTokenAddressEquivalent4({
     firstTokenAddress: checkoutConfig.targetAsset,
     secondTokenAddress: WETH_MAINNET_ADDRESS
   });
@@ -36843,7 +37011,7 @@ function InputAmountLoaded({
     }
   };
   const isInputDisabled = aaveSupply.isPending;
-  const { amountInput: amountInput2, amountInputSwitch } = useAmountInputUI(
+  const { amountInput: amountInput2, amountInputSwitch, switchSymbol } = useAmountInputUI(
     amountInputResult,
     {
       checkoutConfig,
@@ -36851,7 +37019,9 @@ function InputAmountLoaded({
       fiatCurrency,
       handleSubmit,
       previousStep: modalState.previousStep,
-      isInputDisabled
+      isInputDisabled,
+      isExactIn,
+      sourceTokenSymbol: sourceHolding?.symbol
     }
   );
   return /* @__PURE__ */ React214.createElement(
@@ -36888,6 +37058,7 @@ function InputAmountLoaded({
       )),
       amountInput: amountInput2,
       amountInputSwitch,
+      switcherTokenSymbol: switchSymbol,
       amountOptions: (!!usdAvailableAmount || isFixedFiatQuickOptions) && /* @__PURE__ */ React214.createElement(
         QuickOptions,
         {
@@ -36920,7 +37091,8 @@ function InputAmountLoaded({
           {
             value: preferredApprovalMethod,
             onChange: setPreferredApprovalMethod,
-            testId: "approval-method-toggle"
+            testId: "approval-method-toggle",
+            disabled: aaveSupply.isPending
           }
         )
       )),
@@ -36950,7 +37122,9 @@ function useAmountInputUI({
   fiatCurrency,
   handleSubmit,
   previousStep,
-  isInputDisabled
+  isInputDisabled,
+  isExactIn,
+  sourceTokenSymbol
 }) {
   const [isLayoutAnimating, setIsLayoutAnimating] = React214.useState(
     previousStep === "confirmation" /* CONFIRMATION */
@@ -36986,7 +37160,12 @@ function useAmountInputUI({
     handleSubmit();
   };
   const displayAssetAmount = round2(assetAmount ?? 0, ASSET_DECIMALS);
-  const { finalizedTokenAmount, finalizedTokenSymbol } = computeDisplayDestinationToken(checkoutConfig, displayAssetAmount);
+  const { amount: switchAmount, symbol: switchSymbol } = computeSwitcherDisplayToken({
+    checkoutConfig,
+    displayAssetAmount,
+    isExactIn,
+    sourceTokenSymbol
+  });
   const isConvertedAmountShown = targetAssetTicker && (!isInputInFiat || meldEnabled && fiatCurrency === "USD" || !meldEnabled);
   const affixElement = inputAffix.content && /* needs whitespace for padding*/
   /* @__PURE__ */ React214.createElement(
@@ -37146,12 +37325,9 @@ function useAmountInputUI({
   const innerSwitch = (() => {
     let innerText = "";
     if (finalizedToken) {
-      innerText = `${formatCryptoAndStringify7(finalizedTokenAmount, finalizedTokenSymbol)} \u2022 ${fiatDisplay}`;
+      innerText = `${formatCryptoAndStringify7(switchAmount, switchSymbol)} \u2022 ${fiatDisplay}`;
     } else if (isInputInFiat) {
-      innerText = formatCryptoAndStringify7(
-        finalizedTokenAmount,
-        finalizedTokenSymbol
-      );
+      innerText = formatCryptoAndStringify7(switchAmount, switchSymbol);
     } else {
       innerText = fiatDisplay;
     }
@@ -37195,14 +37371,15 @@ function useAmountInputUI({
           layoutId: "asset",
           ...motionProps.switch
         },
-        formatCryptoAndStringify7(finalizedTokenAmount),
+        formatCryptoAndStringify7(switchAmount),
         /* @__PURE__ */ React214.createElement(Backdrop, null)
-      ), isInputInFiat && /* @__PURE__ */ React214.createElement(motion13.div, { key: "symbol", ...motionProps.symbol }, "\xA0", finalizedTokenSymbol)))
+      ), isInputInFiat && /* @__PURE__ */ React214.createElement(motion13.div, { key: "symbol", ...motionProps.symbol }, "\xA0", switchSymbol)))
     )
   );
   return {
     amountInput: amountInput2,
-    amountInputSwitch
+    amountInputSwitch,
+    switchSymbol
   };
 }
 function YouPayYouReceiveWrapper({
@@ -37270,6 +37447,13 @@ function InputAmountLoading({
   const targetAssetAmount = checkoutConfig?.targetAssetAmount;
   const targetAssetTicker = checkoutConfig?.targetAssetTicker;
   const sourceAsset = checkoutItem?.selectedSourceAssetInfo;
+  const isExactIn = useQuoteBuilder().isExactIn();
+  const { amount: switchAmount, symbol: switchSymbol } = computeSwitcherDisplayToken({
+    checkoutConfig,
+    displayAssetAmount: targetAssetAmount ?? 0,
+    isExactIn,
+    sourceTokenSymbol: sourceAsset?.symbol
+  });
   const error = useMemo52(() => {
     if (sourceHoldingError) {
       return {
@@ -37314,6 +37498,7 @@ function InputAmountLoading({
           width: "180"
         }
       ),
+      switcherTokenSymbol: switchSymbol,
       amountInputSwitch: (
         // Omit switching when there is no associated token
         showAmountSwitch && /* @__PURE__ */ React215.createElement(
@@ -37332,10 +37517,7 @@ function InputAmountLoading({
               paddingX: "6",
               color: { base: "secondaryText" }
             },
-            targetAssetAmount !== void 0 ? /* @__PURE__ */ React215.createElement(Text, { color: "secondaryText", size: "14" }, formatCryptoAndStringify8(
-              targetAssetAmount,
-              targetAssetTicker
-            )) : /* @__PURE__ */ React215.createElement(Box, { alignItems: "center", display: "flex", gap: "8" }, /* @__PURE__ */ React215.createElement(FunSkeletonBlock, { height: "14", width: "60" }), /* @__PURE__ */ React215.createElement(Text, { color: "secondaryText", size: "14" }, targetAssetTicker))
+            !isExactIn && targetAssetAmount !== void 0 ? /* @__PURE__ */ React215.createElement(Text, { color: "secondaryText", size: "14" }, formatCryptoAndStringify8(switchAmount, switchSymbol)) : /* @__PURE__ */ React215.createElement(Box, { alignItems: "center", display: "flex", gap: "8" }, /* @__PURE__ */ React215.createElement(FunSkeletonBlock, { height: "14", width: "60" }), /* @__PURE__ */ React215.createElement(Text, { color: "secondaryText", size: "14" }, switchSymbol))
           )
         )
       ),
@@ -37688,14 +37870,14 @@ function CopyInputDisplayedAddress(props) {
 import {
   getLightningQuote
 } from "@funkit/api-base";
-import { LIGHTNING_MAINNET_CHAIN_ID, bitcoinChain as bitcoinChain5 } from "@funkit/chains";
+import { LIGHTNING_MAINNET_CHAIN_ID, bitcoinChain as bitcoinChain6 } from "@funkit/chains";
 import { keepPreviousData as keepPreviousData3, useQuery as useQuery27 } from "@tanstack/react-query";
 import { useEffect as useEffect58, useRef as useRef29, useState as useState67 } from "react";
 import { parseUnits as parseUnits3 } from "viem";
 var QUOTE_REFRESH_LEAD_MS = 3e3;
 var QUOTE_REFRESH_MIN_MS = 250;
 var QUOTE_GC_MS = 1e4;
-var BTC_DECIMALS = bitcoinChain5.nativeCurrency.decimals;
+var BTC_DECIMALS = bitcoinChain6.nativeCurrency.decimals;
 var SATS_PER_BTC = 10n ** BigInt(BTC_DECIMALS);
 function usdToSats(usd, btcPrice) {
   if (usd && btcPrice) {
@@ -37748,7 +37930,7 @@ var useLightningQuote = ({
       }
       const btcPrice = await getAssetPriceInfoWithFallback({
         apiKey,
-        chainId: bitcoinChain5.id.toString(),
+        chainId: bitcoinChain6.id.toString(),
         assetTokenAddress: NATIVE_TOKEN
       });
       const fromAmountSats = usdToSats(fiatAmount, btcPrice.unitPrice);
@@ -47429,7 +47611,7 @@ function FunkitCheckoutProvider({ children }) {
           config: {
             ...config,
             // Solana is case-sensitive for SPL token addresses, so we should not lowercase the target asset address here
-            targetAsset: config.targetChain.toString() === SOLANA_MAINNET_CHAIN_ID2.toString() && !isTokenAddressEquivalent4({
+            targetAsset: config.targetChain.toString() === SOLANA_MAINNET_CHAIN_ID2.toString() && !isTokenAddressEquivalent5({
               firstTokenAddress: NATIVE_TOKEN,
               secondTokenAddress: config.targetAsset
             }) ? config.targetAsset : config.targetAsset.toLowerCase(),
@@ -48184,7 +48366,7 @@ async function validateCheckoutConfig(config, apiKey) {
   };
 }
 var hasSufficientBalance = async (wagmiConfig, walletAddress, tokenAddress, tokenChainId, requiredAssetAmount) => {
-  const finalTokenAddress = isTokenAddressEquivalent5({
+  const finalTokenAddress = isTokenAddressEquivalent6({
     firstTokenAddress: tokenAddress,
     secondTokenAddress: FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS4
   }) ? void 0 : tokenAddress;
@@ -48298,11 +48480,11 @@ async function getTokenDecimals(wagmiConfig, chainId2, tokenAddress) {
     if (isNativeTokenAddress(tokenAddress)) {
       return FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO11[chainId2]?.nativeCurrency?.decimals || 18;
     }
-    if (chainId2 === solanaChain5.id.toString()) {
-      return solanaChain5.nativeCurrency.decimals;
+    if (chainId2 === solanaChain6.id.toString()) {
+      return solanaChain6.nativeCurrency.decimals;
     }
-    if (chainId2 === tronChain4.id.toString()) {
-      return tronChain4.nativeCurrency.decimals;
+    if (chainId2 === tronChain5.id.toString()) {
+      return tronChain5.nativeCurrency.decimals;
     }
     if (chainId2 === lightningChain4.id.toString()) {
       return lightningChain4.nativeCurrency.decimals;
@@ -48412,6 +48594,18 @@ function computeDisplayDestinationToken(checkoutConfig, displayAssetAmount) {
     finalizedTokenIcon
   };
 }
+function computeSwitcherDisplayToken({
+  checkoutConfig,
+  displayAssetAmount,
+  isExactIn,
+  sourceTokenSymbol
+}) {
+  if (isExactIn) {
+    return { amount: displayAssetAmount, symbol: sourceTokenSymbol ?? "" };
+  }
+  const { finalizedTokenAmount, finalizedTokenSymbol } = computeDisplayDestinationToken(checkoutConfig, displayAssetAmount);
+  return { amount: finalizedTokenAmount, symbol: finalizedTokenSymbol };
+}
 
 // src/domains/asset.ts
 function getMinValueThreshold(config, minUsdRequired) {
@@ -48429,22 +48623,22 @@ function getMinValueThreshold(config, minUsdRequired) {
 function isPreferredChain(chainId2, additionalChains = []) {
   const chains = /* @__PURE__ */ new Set([
     mainnet13.id,
-    polygon7.id,
+    polygon8.id,
     base6.id,
     arbitrum6.id,
     optimism2.id,
-    solanaChain6.id,
+    solanaChain7.id,
     ...additionalChains
   ]);
   return chains.has(chainId2);
 }
 function isNativeTokenAddress(address) {
-  return isTokenAddressEquivalent6({
+  return isTokenAddressEquivalent7({
     firstTokenAddress: address,
     secondTokenAddress: NATIVE_TOKEN
   });
 }
-var isPolygonEcosystemToken = (chainId2, tokenAddress) => chainId2 === polygon7.id.toString() && tokenAddress === "0x0000000000000000000000000000000000001010";
+var isPolygonEcosystemToken = (chainId2, tokenAddress) => chainId2 === polygon8.id.toString() && tokenAddress === "0x0000000000000000000000000000000000001010";
 var isAssetUsableToPayForCheckout = ({
   config,
   payerAddress,
@@ -48522,7 +48716,7 @@ function normalizeAssetSymbol(asset) {
   if (isTokenEquivalent12({
     firstTokenChainId: asset.chainId,
     firstTokenAddress: asset.contractAddress,
-    secondTokenChainId: polygon8.id.toString(),
+    secondTokenChainId: polygon9.id.toString(),
     secondTokenAddress: POLYGON_USDCE_TOKEN
   })) {
     return { ...asset, symbol: "USDC.e" };