@funkit/connect 6.2.0 → 6.3.0

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @funkit/connect
 
+## 6.3.0
+
+### Minor Changes
+
+- 3dacbbd: Add support for disabling specific source tokens in checkout process via disabledSourceTokens configuration
+
+### Patch Changes
+
+- c447521: feat(connect): change text to deposit with card
+- 52dedad: Increase tooltip max width in PaymentFeesSummary from 250px to 300px for better text readability
+- f65374b: fix(connect): fix withdrawal sourceOfFund
+- 4717af3: feat(connect): change starting step + remove text to virtual bank / SEPA
+- 6c027ed: feat(connect): update transfer crypto icons
+- c4587b3: remove exchange rate component
+- 971145e: feat(connect): update transaction breakdown tooltip message
+- c56ac6b: Update zkSync import to zksync to align with viem API changes
+- Updated dependencies [ca26e44]
+- Updated dependencies [c56ac6b]
+  - @funkit/chains@0.3.9
+  - @funkit/core@2.3.41
+  - @funkit/wagmi-tools@3.0.63
+
 ## 6.2.0
 
 ### Minor Changes

package/dist/hooks/useAllowedAssets.d.ts

@@ -1,8 +1,10 @@
 import type { Address } from 'viem';
-export declare function useAllowedAssets(): {
+interface AllowedAssetsHookResult {
     allowedAssets: {
         [chainId in string]?: Address[];
     } | undefined;
     isAllowed: (chainId: number | string, tokenAddress: Address) => boolean;
     isLoading: boolean;
-};
+}
+export declare function useAllowedAssets(): AllowedAssetsHookResult;
+export {};

package/dist/index.js

@@ -738,9 +738,9 @@ import { useConfig } from "wagmi";
 // src/providers/FunkitConfigContext.tsx
 import { createContext as createContext3, useContext as useContext3, useMemo as useMemo2 } from "react";
 var DEFAULT_TEXT_CUSTOMIZATIONS = {
-  virtualFiat: "Create Virtual Fiat Account",
+  virtualFiat: "Deposit with SEPA",
   brokerageOrExchange: "Connect Exchange",
-  debitOrCredit: "Deposit with Cash",
+  debitOrCredit: "Deposit with Card",
   accountBalance: "Wallet",
   selectAccount: "Select an exchange",
   sourceMethodTitle: "Your source",
@@ -2470,7 +2470,8 @@ var flagConfig = {
               BANKR_API_KEY,
               KATANA_API_KEY,
               CAMBRIA_API_KEY,
-              HYPERBEAT_API_KEY
+              HYPERBEAT_API_KEY,
+              HYPERSWAP_API_KEY
             ]
           }
         ],
@@ -4640,7 +4641,7 @@ function FunkitCheckoutProvider({ children }) {
       const sourceOfFund = generateSourceOfFundString({
         paymentMethodInfo: checkoutItem.selectedPaymentMethodInfo,
         loginType,
-        walletAddress
+        walletAddress: withdrawalClient?.address() ?? walletAddress
       });
       const clientMetadata = generateClientMetadataForBackend({
         checkoutItem,
@@ -8390,7 +8391,7 @@ Dialog.BottomSection = DialogBottom;
 Dialog.BottomBar = FunBottomBar;
 
 // src/modals/WithdrwalModal/WithdrawalContent.tsx
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9 } from "@funkit/chains";
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8 } from "@funkit/chains";
 import {
   FlagKey as FlagKey14,
   formatCryptoAndStringify as formatCryptoAndStringify2,
@@ -10117,12 +10118,10 @@ function FunNotification({
 import {
   formatCurrencyAndStringify as formatCurrencyAndStringify2,
   formatDynamicFeeUsd,
-  formatNumberAndStringify,
   formatPercent,
   noop as noop4
 } from "@funkit/utils";
 import React90, { useEffect as useEffect23, useMemo as useMemo11, useState as useState21 } from "react";
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6 } from "@funkit/chains";
 import clsx14 from "clsx";
 import { motion as motion6, useAnimationControls } from "motion/react";
 import { mainnet as mainnet5 } from "viem/chains";
@@ -10278,26 +10277,6 @@ function formatRelayFee({
   }
   return formatPercent(percent);
 }
-function makeRateComponent(exchangeRate, relayQuoteMetadata) {
-  const { currencyIn, currencyOut } = relayQuoteMetadata.relayQuote.details || {};
-  const sourceSymbol = currencyIn?.currency?.symbol;
-  const sourceChain = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6[currencyIn?.currency?.chainId || ""]?.name;
-  const destinationSymbol = currencyOut?.currency?.symbol;
-  const destinationChain = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6[currencyOut?.currency?.chainId || ""]?.name;
-  if (!exchangeRate || !sourceSymbol || !destinationSymbol) {
-    return void 0;
-  }
-  if (sourceSymbol === destinationSymbol && sourceChain === destinationChain) {
-    return void 0;
-  }
-  const tooltipText = sourceChain === destinationChain ? `The conversion rate between ${sourceSymbol} and ${destinationSymbol} on ${sourceChain}.` : sourceSymbol === destinationSymbol ? `The conversion rate between ${sourceSymbol} on ${sourceChain} and on ${destinationChain}.` : `The conversion rate between ${sourceSymbol} on ${sourceChain} and ${destinationSymbol} on ${destinationChain}.`;
-  const exchangeRateComponent = {
-    label: "Rate",
-    value: `1.0 ${sourceSymbol} = ${formatNumberAndStringify(exchangeRate)} ${destinationSymbol}`,
-    tooltipText
-  };
-  return exchangeRateComponent;
-}
 function computeDigest(relayQuoteMetadata, uiCustomizations, totalPriceImpactPercent, gasUsd) {
   const showTransactionDigest = uiCustomizations?.confirmationScreen?.showTransactionDigest ?? "none";
   if (showTransactionDigest === "none") {
@@ -10329,16 +10308,11 @@ function renderRelayFee({
     maxSlippage,
     minReceived,
     fillCostUsd,
-    exchangeRate,
     appFeeLabel
   } = extractRelayFeeInfo(relayQuoteMetadata);
   const totalNetworkCostUsd = fillCostUsd + gasUsd;
   const totalPriceImpact = swapImpactUsd + appFeeUsd;
   const totalPriceImpactPercent = swapImpact + appFeePercent;
-  const exchangeRateComponent = makeRateComponent(
-    exchangeRate,
-    relayQuoteMetadata
-  );
   const { isMainnet, value: collapsedValue } = computeDigest(
     relayQuoteMetadata,
     uiCustomizations,
@@ -10351,7 +10325,6 @@ function renderRelayFee({
       valueIcon: isMainnet ? /* @__PURE__ */ React90.createElement(GasIcon, null) : void 0
     },
     expanded: [
-      ...exchangeRateComponent ? [exchangeRateComponent] : [],
       {
         label: "Network cost",
         valueIcon: /* @__PURE__ */ React90.createElement(GasIcon, null),
@@ -10636,7 +10609,7 @@ function FeeLineItem({
         content: tooltipText,
         tooltipPosition,
         enableDynamicPositioning: true,
-        maxWidth: tooltipWidth === "wide" ? 250 : void 0
+        maxWidth: tooltipWidth === "wide" ? 300 : void 0
       },
       /* @__PURE__ */ React90.createElement(
         Box,
@@ -10708,18 +10681,18 @@ import {
   getAssetPriceInfo as getAssetPriceInfo2,
   getMoonpayBuyQuoteForCreditCard
 } from "@funkit/api-base";
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8 } from "@funkit/chains";
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7 } from "@funkit/chains";
 import { estimateGas, getGasPrice } from "@wagmi/core";
 import { encodeFunctionData, erc20Abi as erc20Abi2, formatEther } from "viem";
-import { zkSync } from "viem/zksync";
+import { zksync } from "viem/zksync";
 
 // src/utils/moonpay.ts
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7 } from "@funkit/chains";
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6 } from "@funkit/chains";
 var MINIMUM_MOONPAY_DEPOSIT_AMOUNT_USD = 35;
 var MINIMUM_DEFI_MOONPAY_DEPOSIT_AMOUNT_USD = 25;
 var MAXIMUM_MOONPAY_DEPOSIT_AMOUNT_USD = 1e4;
 var generateMoonpayCurrencyCode = (tokenSymbol, chainId) => {
-  let moonpayChainName = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7[chainId]?.moonpayChainName;
+  let moonpayChainName = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6[chainId]?.moonpayChainName;
   if (moonpayChainName == null) {
     throw new Error("MoonPay not supported on testnets");
   }
@@ -10785,7 +10758,7 @@ async function evaluateAccountWalletFees({
   apiKey,
   isWithdrawal
 }) {
-  const nativeCurrencySymbol = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8[selectedSourceAssetInfo.chainId]?.nativeCurrency.symbol || "";
+  const nativeCurrencySymbol = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7[selectedSourceAssetInfo.chainId]?.nativeCurrency.symbol || "";
   const walletCheckoutFees = {
     paymentMethod: "balance" /* ACCOUNT_BALANCE */,
     ...getFunFeeBreakdown(baseQuote),
@@ -10795,7 +10768,7 @@ async function evaluateAccountWalletFees({
     totalFeesTokenWithoutGas: Number(baseQuote.estFeesFromAmount),
     nativeCurrencySymbol
   };
-  if (loginType !== "web3" /* Web3 */ || selectedSourceAssetInfo.chainId === zkSync.id.toString() || isWithdrawal) {
+  if (loginType !== "web3" /* Web3 */ || selectedSourceAssetInfo.chainId === zksync.id.toString() || isWithdrawal) {
     return { fees: walletCheckoutFees };
   }
   const [gasUnit, gasPriceInWei, nativeCurrencyPrice] = await Promise.all([
@@ -12251,7 +12224,7 @@ var WithdrawContent = ({
     return "Withdraw";
   };
   const getAlertMessage = () => {
-    const chainName = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9[selectedChainId]?.name;
+    const chainName = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8[selectedChainId]?.name;
     if (chainName) {
       return `Please ensure the address supports receiving ${selectedToken} on ${chainName}.`;
     }
@@ -12709,7 +12682,7 @@ function FunTxSummaryLineItemKeyText({ text }) {
 
 // src/components/FunButton/FunRedirectButton.tsx
 import React97 from "react";
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO10 } from "@funkit/chains";
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9 } from "@funkit/chains";
 
 // src/components/Icons/RedirectIcon.tsx
 import React96 from "react";
@@ -12768,7 +12741,7 @@ var AddressRedirectButton = ({
   address,
   customRedirectUrl
 }) => {
-  const explorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO10[chainId]?.explorerInfo;
+  const explorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9[chainId]?.explorerInfo;
   return /* @__PURE__ */ React97.createElement(
     FunRedirectButton,
     {
@@ -12782,7 +12755,7 @@ var TransactionRedirectButton = ({
   txHash,
   customRedirectUrl
 }) => {
-  const explorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO10[chainId]?.explorerInfo;
+  const explorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9[chainId]?.explorerInfo;
   return /* @__PURE__ */ React97.createElement(
     FunRedirectButton,
     {
@@ -12819,7 +12792,7 @@ import {
   getBridgeCustomer,
   getFrogAccount
 } from "@funkit/api-base";
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO11 } from "@funkit/chains";
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO10 } from "@funkit/chains";
 import { ResourceNotFoundError } from "@funkit/utils";
 async function fetchFrogAccounts(walletAddress, params) {
   const { logger: logger2 } = params;
@@ -12863,7 +12836,7 @@ async function fetchAllFiatAccounts(bridgeSubAccount, params) {
 }
 function getMatchingBankAccount(accounts, targetChain, targetAddress) {
   const { bankAccounts } = accounts;
-  const chainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO11[targetChain];
+  const chainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO10[targetChain];
   if (!bankAccounts || !chainInfo) {
     return void 0;
   }
@@ -12908,7 +12881,7 @@ import {
   createBridgeBankAccount,
   getBridgeKycLink
 } from "@funkit/api-base";
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO12 } from "@funkit/chains";
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO11 } from "@funkit/chains";
 import { FlagKey as FlagKey16 } from "@funkit/utils";
 import { useQuery as useQuery11, useQueryClient } from "@tanstack/react-query";
 import { useCallback as useCallback18 } from "react";
@@ -13088,7 +13061,7 @@ function useCreateVirtualBankAccount() {
   const targetChainId = checkoutConfig?.targetChain;
   const { transferInit, recipientAddr } = useCheckoutTransferInit();
   const destinationAddress = transferInit?.depositAddr || recipientAddr;
-  const chainName = targetChainId && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO12[targetChainId]?.name?.toLowerCase();
+  const chainName = targetChainId && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO11[targetChainId]?.name?.toLowerCase();
   const subAccountId = allFiatAccounts?.bridgeCustomer?.id;
   const { clearVirtualFiatAccounts } = useClearFrogAccountsCache();
   const handleCreateVirtualFiatAccount = useCallback18(async () => {
@@ -13139,7 +13112,7 @@ var useWalletLabel = () => {
 // src/modals/CheckoutModal/useWalletAssetHoldings.ts
 import {
   FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS as FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS3,
-  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO13
+  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO12
 } from "@funkit/chains";
 import { useMemo as useMemo13 } from "react";
 
@@ -13159,14 +13132,14 @@ var processWalletAssets = (walletAssets, targetChain) => {
   if (!walletAssets) {
     return;
   }
-  const targetChainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO13[targetChain];
+  const targetChainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO12[targetChain];
   const isCheckoutOnMainnet = targetChainInfo?.isMainnet;
   return Object.values(walletAssets).reduce(
     (result, asset) => {
       if (!asset.symbol || !asset.contractAddress) {
         return result;
       }
-      const assetChainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO13[asset.chainId];
+      const assetChainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO12[asset.chainId];
       const isAssetOnMainnet = assetChainInfo?.isMainnet;
       if (isCheckoutOnMainnet && !isAssetOnMainnet) {
         return result;
@@ -13213,7 +13186,7 @@ function useWalletAssetHoldings(targetChain) {
 
 // src/config/getDefaultConfig.ts
 import {
-  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO14,
+  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO13,
   FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST
 } from "@funkit/chains";
 import { fallback } from "viem";
@@ -13910,7 +13883,7 @@ var createDefaultTransports = (chains) => {
   const transportsObject = {};
   for (const chain of chains) {
     const key = chain.id;
-    const fallbackRpcs = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO14[key]?.fallbackRpcUrls;
+    const fallbackRpcs = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO13[key]?.fallbackRpcUrls;
     if (fallbackRpcs && fallbackRpcs.length > 0) {
       transportsObject[key] = fallback([
         http(),
@@ -14469,11 +14442,12 @@ var TransferPaymentMethodItem = ({
   paymentIcon
 }) => {
   const { textCustomizations } = useFunkitConfig();
-  const enabledChainTokens = useEnabledTokenTransferChainTokens();
   const bannerJson = useFlag(FlagKey17.NewTokenAssetSelectionBanner);
   const bannerData = safeParseJson3(bannerJson);
+  const depositAssetsJson = useFlag(FlagKey17.TokenTransferSourceChainsAndAssets);
+  const depositAssetsData = safeJSONParse(depositAssetsJson);
   const getTokenTransferIcon = () => {
-    const uniqueChainIds = new Set(Object.keys(enabledChainTokens));
+    const uniqueChainIds = new Set(Object.keys(depositAssetsData ?? {}));
     const hasNewChain = bannerData?.isChainNew && uniqueChainIds.delete(`${bannerData.chainId}`);
     return /* @__PURE__ */ React103.createElement(Box, { display: "flex", gap: "8" }, /* @__PURE__ */ React103.createElement(SupportedChainList, { chainIdList: Array.from(uniqueChainIds) }), hasNewChain && /* @__PURE__ */ React103.createElement(NewTokenBadge, { iconSymbol: bannerData.symbol }));
   };
@@ -15352,7 +15326,7 @@ function CreateAccountScreen({
     });
   };
   const areFieldsFilled = !!firstName.trim() && !!lastName.trim() && !!email.trim() && consentChecked;
-  return /* @__PURE__ */ React112.createElement("form", { onSubmit: handleSubmit }, /* @__PURE__ */ React112.createElement(Box, { display: "flex", flexDirection: "column", gap: "16" }, /* @__PURE__ */ React112.createElement(Box, { display: "flex", flexDirection: "column", gap: "8", paddingBottom: "16" }, /* @__PURE__ */ React112.createElement(Text, null, "Create your account"), /* @__PURE__ */ React112.createElement(Text, { size: "12" }, "Before using fiat services, you need to accept the terms and complete identity verification to confirm your identity. We are legally required to collect this information.")), /* @__PURE__ */ React112.createElement(
+  return /* @__PURE__ */ React112.createElement("form", { onSubmit: handleSubmit }, /* @__PURE__ */ React112.createElement(Box, { display: "flex", flexDirection: "column", gap: "16" }, /* @__PURE__ */ React112.createElement(
     FunInput,
     {
       value: firstName,
@@ -20686,7 +20660,7 @@ function InputAmountLoaded({
         SourcePaymentMethodItem,
         {
           type: "card" /* CARD */,
-          keyText: "Deposit with Cash",
+          keyText: "Deposit with Card",
           keyIcon: /* @__PURE__ */ React163.createElement(CreditCardIcon, { size: 16 }),
           onClick: () => onNext({
             nextStep: "source_change" /* SOURCE_CHANGE */,
@@ -20879,7 +20853,7 @@ function InputAmountLoading({
         SourcePaymentMethodItem,
         {
           type: "card" /* CARD */,
-          keyText: "Deposit with Cash",
+          keyText: "Deposit with Card",
           keyIcon: /* @__PURE__ */ React164.createElement(CreditCardIcon, { size: 16 })
         }
       )),
@@ -21054,7 +21028,7 @@ function InputAmount(props) {
 import React168, { useEffect as useEffect38 } from "react";
 
 // src/domains/wallet.ts
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO15 } from "@funkit/chains";
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO14 } from "@funkit/chains";
 import { isNotNullish as isNotNullish7 } from "@funkit/utils";
 import { mainnet as mainnet7, polygon as polygon6 } from "viem/chains";
 var ASSETS_LOW_VALUE_THRESHOLD2 = 0.1;
@@ -21885,6 +21859,7 @@ import { useQuery as useQuery16 } from "@tanstack/react-query";
 import { useCallback as useCallback30, useMemo as useMemo26 } from "react";
 function useAllowedAssets() {
   const { apiKey } = useFunkitConfig();
+  const { checkoutItem } = useCheckoutContext();
   const isRelayEnabled = useSourceTokenRelayEnabled();
   const { data: allowedAssets, isLoading } = useQuery16({
     queryKey: ["getAllowedAssets", apiKey],
@@ -21908,9 +21883,18 @@ function useAllowedAssets() {
   }, [allowedAssets]);
   const isAllowed = useCallback30(
     (chainId, tokenAddress) => {
-      return isRelayEnabled(chainId, tokenAddress) || tokens[chainId]?.has(tokenAddress.toLowerCase());
+      const disabledByCustomerList = checkoutItem?.initSettings.config.disabledSourceTokens?.some(
+        (token) => {
+          return token.tokenChainId === String(chainId) && token.tokenAddress.toLowerCase() === tokenAddress.toLowerCase();
+        }
+      );
+      return !disabledByCustomerList && (isRelayEnabled(chainId, tokenAddress) || tokens[chainId]?.has(tokenAddress.toLowerCase()));
     },
-    [tokens, isRelayEnabled]
+    [
+      tokens,
+      isRelayEnabled,
+      checkoutItem?.initSettings.config.disabledSourceTokens
+    ]
   );
   return {
     allowedAssets,
@@ -22447,12 +22431,12 @@ var DefiPurchaseSection = ({ config }) => {
 
 // src/modals/CheckoutModal/SourceChange/useUpdateSourceAssetForCard.ts
 import {
-  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO16,
+  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO15,
   katanaChain
 } from "@funkit/chains";
 import { getTokenAddressBySymbolAndChainId as getTokenAddressBySymbolAndChainId2 } from "@funkit/core";
 import { useCallback as useCallback31, useState as useState46 } from "react";
-import { mainnet as mainnet8, mantle, zkSync as zkSync2 } from "viem/chains";
+import { mainnet as mainnet8, mantle, zksync as zksync2 } from "viem/chains";
 var pickSourceAssetForCard = async (checkoutItem, userIpInfo) => {
   if (!checkoutItem?.initSettings.config.targetChain) {
     throw new Error("pickSourceAssetForCard: Missing targetChain");
@@ -22462,12 +22446,12 @@ var pickSourceAssetForCard = async (checkoutItem, userIpInfo) => {
   const isCanada = userIpInfo ? userIpInfo.alpha2 === "CA" : false;
   const moonpayChainId = getMockedTargetChainId(
     checkoutItem.initSettings.config,
-    [zkSync2.id.toString(), mantle.id.toString(), katanaChain.id.toString()]
+    [zksync2.id.toString(), mantle.id.toString(), katanaChain.id.toString()]
   );
   const wethAddrOnTargetChain = (await getTokenAddressBySymbolAndChainId2("weth", moonpayChainId)).toLowerCase();
   const isTargetAssetEthOrWeth = [NATIVE_TOKEN, wethAddrOnTargetChain].includes(
     checkoutItem.initSettings.config.targetAsset
-  ) && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO16[moonpayChainId]?.nativeCurrency.symbol === "ETH" /* ETH */;
+  ) && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO15[moonpayChainId]?.nativeCurrency.symbol === "ETH" /* ETH */;
   let sourceTokenAddress;
   let sourceTokenTicker;
   let sourceTokenChainId;
@@ -22570,7 +22554,7 @@ var SourceChangeInfo = {
       }
       return {
         ...common,
-        step: "create_fiat_account" /* CREATE_FIAT_ACCOUNT */,
+        step: "bridge_customer" /* BRIDGE_CUSTOMER */,
         paymentMethodInfo
       };
     }
@@ -23147,7 +23131,7 @@ var QRCodeSkeletonLoader_default = QRCodeSkeletonLoader;
 
 // src/components/TransferTokenDetails/TransferTokenDetails.tsx
 import {
-  formatNumberAndStringify as formatNumberAndStringify2,
+  formatNumberAndStringify,
   formatSecondsToReadableForm as formatSecondsToReadableForm3
 } from "@funkit/utils";
 import React188 from "react";
@@ -23458,19 +23442,19 @@ var TransferTokenDetails = ({
           {
             text: `${estPriceImpact.label}:`,
             prefix: estPriceImpact.value > 0 ? "~" : "",
-            value: `${formatNumberAndStringify2(estPriceImpact.value, void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}%`,
+            value: `${formatNumberAndStringify(estPriceImpact.value, void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}%`,
             icon: /* @__PURE__ */ React188.createElement(DollarIcon, null),
             tooltip: /* @__PURE__ */ React188.createElement(
               FunTooltip,
               {
-                content: /* @__PURE__ */ React188.createElement(React188.Fragment, null, "Price impact is the difference between expected and execution price, due to trade size and liquidity.", /* @__PURE__ */ React188.createElement("br", null), /* @__PURE__ */ React188.createElement("br", null), "Final cost may vary based on network conditions.", " ", /* @__PURE__ */ React188.createElement(
+                content: /* @__PURE__ */ React188.createElement(React188.Fragment, null, "Price impact is the difference between expected and execution price, due to trade size and liquidity.", /* @__PURE__ */ React188.createElement("br", null), /* @__PURE__ */ React188.createElement("br", null), "Final cost may vary based on network conditions. Costs are reduced for larger amounts.", " ", /* @__PURE__ */ React188.createElement(
                   FunLinkButton,
                   {
                     text: "Learn more",
                     inline: true,
                     href: "https://intercom.help/funxyz/en/articles/10925883-order-execution-guide"
                   }
-                ))
+                ), " ", "about the pricing breakdown.")
               }
             )
           }
@@ -23479,19 +23463,19 @@ var TransferTokenDetails = ({
           {
             text: `${maxSlippage.label}:`,
             prefix: maxSlippage.value > 0 ? "~" : "",
-            value: `${formatNumberAndStringify2(maxSlippage.value, void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}%`,
+            value: `${formatNumberAndStringify(maxSlippage.value, void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}%`,
             icon: /* @__PURE__ */ React188.createElement(PercentageIcon, null),
             tooltip: /* @__PURE__ */ React188.createElement(
               FunTooltip,
               {
-                content: /* @__PURE__ */ React188.createElement(React188.Fragment, null, "Slippage accounts for price changes during execution. Slippage is adjusted per pair to ensure reliable execution.", /* @__PURE__ */ React188.createElement("br", null), /* @__PURE__ */ React188.createElement("br", null), "Final cost may vary based on network conditions.", " ", /* @__PURE__ */ React188.createElement(
+                content: /* @__PURE__ */ React188.createElement(React188.Fragment, null, "Slippage accounts for price changes during execution. Slippage is adjusted per pair to ensure reliable execution.", /* @__PURE__ */ React188.createElement("br", null), /* @__PURE__ */ React188.createElement("br", null), "Final cost may vary based on network conditions. Costs are reduced for larger amounts.", " ", /* @__PURE__ */ React188.createElement(
                   FunLinkButton,
                   {
                     text: "Learn more",
                     inline: true,
                     href: "https://intercom.help/funxyz/en/articles/10925883-order-execution-guide"
                   }
-                ))
+                ), " ", "about the pricing breakdown.")
               }
             )
           }
@@ -24172,7 +24156,6 @@ var AccountDetailsScreen = ({
   const { paymentMethodInfo } = modalState;
   const { matchingFiatAccount } = paymentMethodInfo;
   const label = usePaymentMethodInfoLabel(paymentMethodInfo);
-  const { appName } = useFunkitConfig();
   const { animation, animate } = useAnimatedNavigation(void 0);
   const isSourceNavWidgetEnabled = modalState.startingStep === "select_asset" /* SELECT_ASSET */;
   const [activeTab, setActiveTab] = useState52(0);
@@ -24198,7 +24181,7 @@ var AccountDetailsScreen = ({
         keyIcon: label.icon
       }
     ),
-    /* @__PURE__ */ React195.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, /* @__PURE__ */ React195.createElement(Box, { display: "flex", flexDirection: "column", gap: "12" }, /* @__PURE__ */ React195.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, /* @__PURE__ */ React195.createElement(Text, null, "Your virtual fiat account details"), /* @__PURE__ */ React195.createElement(Text, { size: "12" }, "Use these details to transfer EUR. Funds arrive in 1\u20132 days to your ", appName, " account.")), /* @__PURE__ */ React195.createElement(
+    /* @__PURE__ */ React195.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, /* @__PURE__ */ React195.createElement(Box, { display: "flex", flexDirection: "column", gap: "12" }, /* @__PURE__ */ React195.createElement(
       Tabs,
       {
         tabs,
@@ -31400,7 +31383,7 @@ function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey5, version);
 }
 function getCurrentSdkVersion() {
-  return "6.2.0";
+  return "6.3.0";
 }
 function useFingerprint() {
   const fingerprint = useCallback51(() => {

package/dist/providers/FunkitCheckoutContext.d.ts

@@ -54,6 +54,11 @@ export interface FunkitCheckoutConfig extends Omit<ApiFunkitCheckoutConfig, 'gen
     sourceChain?: string;
     /** Address of the source token on the source chain. Required if startingStep is set to FunCheckoutStartingStep.CONFIRMATION. */
     sourceTokenAddress?: Address;
+    /** Address list of the tokens that cannot be used as source. e.g. tokens for staking vault */
+    disabledSourceTokens?: {
+        tokenAddress: Address;
+        tokenChainId: string;
+    }[];
     /** *****************************
      * Miscellaneous configurations *
      ********************************/

package/dist/wallets/walletConnectors/bifrostWallet/bifrostWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   bifrostWallet
-} from "../chunk-A5N6B5UW.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-UIASLGLV.js";
 import "../chunk-DNSG5Q7V.js";
+import "../chunk-23WIEY36.js";
 export {
   bifrostWallet
 };

package/dist/wallets/walletConnectors/bitgetWallet/bitgetWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   bitgetWallet
-} from "../chunk-TDAVGY5F.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-5W7VDOCL.js";
 import "../chunk-DNSG5Q7V.js";
+import "../chunk-23WIEY36.js";
 export {
   bitgetWallet
 };

package/dist/wallets/walletConnectors/bybitWallet/bybitWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   bybitWallet
-} from "../chunk-2STUC6QL.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-LNEC5RNX.js";
 import "../chunk-DNSG5Q7V.js";
+import "../chunk-23WIEY36.js";
 export {
   bybitWallet
 };

package/dist/wallets/walletConnectors/clvWallet/clvWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   clvWallet
-} from "../chunk-M3NZ6R2E.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-2GJQ4XZQ.js";
 import "../chunk-DNSG5Q7V.js";
+import "../chunk-23WIEY36.js";
 export {
   clvWallet
 };

package/dist/wallets/walletConnectors/coin98Wallet/coin98Wallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   coin98Wallet
-} from "../chunk-OBOVHCEI.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-KIDC67XJ.js";
 import "../chunk-DNSG5Q7V.js";
+import "../chunk-23WIEY36.js";
 export {
   coin98Wallet
 };

package/dist/wallets/walletConnectors/coreWallet/coreWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   coreWallet
-} from "../chunk-VR4TBQ6S.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-JCHN6A47.js";
 import "../chunk-DNSG5Q7V.js";
+import "../chunk-23WIEY36.js";
 export {
   coreWallet
 };

package/dist/wallets/walletConnectors/foxWallet/foxWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   foxWallet
-} from "../chunk-7QONTUXT.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-CNPKISHN.js";
 import "../chunk-DNSG5Q7V.js";
+import "../chunk-23WIEY36.js";
 export {
   foxWallet
 };

package/dist/wallets/walletConnectors/frontierWallet/frontierWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   frontierWallet
-} from "../chunk-TCAGNB4B.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-VWCLFMWJ.js";
 import "../chunk-DNSG5Q7V.js";
+import "../chunk-23WIEY36.js";
 export {
   frontierWallet
 };

package/dist/wallets/walletConnectors/gateWallet/gateWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   gateWallet
-} from "../chunk-FKJJQNKX.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-CJGUM55H.js";
 import "../chunk-DNSG5Q7V.js";
+import "../chunk-23WIEY36.js";
 export {
   gateWallet
 };

package/dist/wallets/walletConnectors/index.js

@@ -1,67 +1,67 @@
 "use client";
 import {
-  walletConnectWallet
-} from "./chunk-NP5QGWNL.js";
-import {
-  zerionWallet
-} from "./chunk-SULRQO27.js";
+  xdefiWallet
+} from "./chunk-BOU4WKRZ.js";
 import {
   zealWallet
 } from "./chunk-RNBEDQHF.js";
+import {
+  zerionWallet
+} from "./chunk-Q3H3TRBS.js";
+import {
+  tahoWallet
+} from "./chunk-ZZZRUXZE.js";
 import {
   subWallet
-} from "./chunk-JWFF4AAL.js";
+} from "./chunk-ZSI5N4VV.js";
 import {
   talismanWallet
 } from "./chunk-DRO6WYMM.js";
-import {
-  tahoWallet
-} from "./chunk-ZZZRUXZE.js";
 import {
   tokenPocketWallet
-} from "./chunk-2L43XSW3.js";
+} from "./chunk-J3LI3FYZ.js";
 import {
   tokenaryWallet
 } from "./chunk-D6AOOO5F.js";
 import {
   trustWallet
-} from "./chunk-VYBAYMP3.js";
-import {
-  xdefiWallet
-} from "./chunk-BOU4WKRZ.js";
+} from "./chunk-RKPCWHXL.js";
 import {
   uniswapWallet
 } from "./chunk-LH7BMNFZ.js";
 import {
-  oneInchWallet
-} from "./chunk-OESTDX6I.js";
+  walletConnectWallet
+} from "./chunk-NP5QGWNL.js";
+import {
+  phantomWallet
+} from "./chunk-362NXNTM.js";
 import {
   rabbyWallet
 } from "./chunk-BBOM42DL.js";
 import {
   rainbowWallet
-} from "./chunk-2KUBG3S6.js";
+} from "./chunk-3CICVJUN.js";
 import {
   ramperWallet
 } from "./chunk-BYXPFMI7.js";
+import {
+  roninWallet
+} from "./chunk-QLVVUKYB.js";
 import {
   safeWallet
 } from "./chunk-BQQQL6UD.js";
 import {
   safeheronWallet
 } from "./chunk-RZIO5TFF.js";
-import {
-  roninWallet
-} from "./chunk-NWIQNBJU.js";
 import {
   safepalWallet
-} from "./chunk-NT2HYJKW.js";
+} from "./chunk-EC6CHBSZ.js";
+import {
+  metaMaskWallet
+} from "./chunk-UYGJO62F.js";
 import {
   ledgerWallet
 } from "./chunk-BRBKM4PW.js";
-import {
-  metaMaskWallet
-} from "./chunk-2HYNUNAS.js";
 import {
   mewWallet
 } from "./chunk-OL5ZO7E4.js";
@@ -70,31 +70,31 @@ import {
 } from "./chunk-ADIXAKUL.js";
 import {
   okxWallet
-} from "./chunk-TDIEHTMB.js";
+} from "./chunk-AFXHGWBH.js";
+import {
+  omniWallet
+} from "./chunk-7CUY5G6R.js";
+import {
+  oneInchWallet
+} from "./chunk-OESTDX6I.js";
 import {
   oneKeyWallet
 } from "./chunk-SHBUZ7U7.js";
 import {
-  phantomWallet
-} from "./chunk-362NXNTM.js";
-import {
-  omniWallet
-} from "./chunk-7CUY5G6R.js";
+  foxWallet
+} from "./chunk-CNPKISHN.js";
 import {
   frameWallet
 } from "./chunk-IFON7E6U.js";
 import {
-  frontierWallet
-} from "./chunk-TCAGNB4B.js";
-import {
-  foxWallet
-} from "./chunk-7QONTUXT.js";
+  gateWallet
+} from "./chunk-CJGUM55H.js";
 import {
   imTokenWallet
 } from "./chunk-COZ7MIQS.js";
 import {
-  gateWallet
-} from "./chunk-FKJJQNKX.js";
+  frontierWallet
+} from "./chunk-VWCLFMWJ.js";
 import {
   kresusWallet
 } from "./chunk-MJXPRJZT.js";
@@ -102,52 +102,52 @@ import {
   injectedWallet
 } from "./chunk-XWUJE7MW.js";
 import {
-  clvWallet
-} from "./chunk-M3NZ6R2E.js";
+  braveWallet
+} from "./chunk-BPZ2XJO2.js";
 import {
-  bybitWallet
-} from "./chunk-2STUC6QL.js";
+  clvWallet
+} from "./chunk-2GJQ4XZQ.js";
 import {
   coin98Wallet
-} from "./chunk-OBOVHCEI.js";
+} from "./chunk-KIDC67XJ.js";
+import {
+  coreWallet
+} from "./chunk-JCHN6A47.js";
 import {
   coinbaseWallet
 } from "./chunk-H4IRCEZN.js";
-import {
-  coreWallet
-} from "./chunk-VR4TBQ6S.js";
 import {
   dawnWallet
 } from "./chunk-HWPKCIBE.js";
-import {
-  enkryptWallet
-} from "./chunk-OLOIXTYS.js";
 import {
   desigWallet
 } from "./chunk-OPAZMNA7.js";
+import {
+  enkryptWallet
+} from "./chunk-OLOIXTYS.js";
 import {
   argentWallet
 } from "./chunk-WSQ2YJO2.js";
 import {
   bifrostWallet
-} from "./chunk-A5N6B5UW.js";
+} from "./chunk-UIASLGLV.js";
 import {
-  bitgetWallet
-} from "./chunk-TDAVGY5F.js";
+  bitskiWallet
+} from "./chunk-HS3C7OQV.js";
 import {
-  bloomWallet
-} from "./chunk-S27IADFU.js";
+  bitgetWallet
+} from "./chunk-5W7VDOCL.js";
 import {
   bitverseWallet
 } from "./chunk-3HZRRP4Y.js";
-import "./chunk-23WIEY36.js";
 import {
-  bitskiWallet
-} from "./chunk-HS3C7OQV.js";
+  bloomWallet
+} from "./chunk-S27IADFU.js";
 import {
-  braveWallet
-} from "./chunk-BPZ2XJO2.js";
+  bybitWallet
+} from "./chunk-LNEC5RNX.js";
 import "./chunk-DNSG5Q7V.js";
+import "./chunk-23WIEY36.js";
 export {
   argentWallet,
   bifrostWallet,

package/dist/wallets/walletConnectors/metaMaskWallet/metaMaskWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   metaMaskWallet
-} from "../chunk-2HYNUNAS.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-UYGJO62F.js";
 import "../chunk-DNSG5Q7V.js";
+import "../chunk-23WIEY36.js";
 export {
   metaMaskWallet
 };

package/dist/wallets/walletConnectors/okxWallet/okxWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   okxWallet
-} from "../chunk-TDIEHTMB.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-AFXHGWBH.js";
 import "../chunk-DNSG5Q7V.js";
+import "../chunk-23WIEY36.js";
 export {
   okxWallet
 };

package/dist/wallets/walletConnectors/rainbowWallet/rainbowWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   rainbowWallet
-} from "../chunk-2KUBG3S6.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-3CICVJUN.js";
 import "../chunk-DNSG5Q7V.js";
+import "../chunk-23WIEY36.js";
 export {
   rainbowWallet
 };

package/dist/wallets/walletConnectors/roninWallet/roninWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   roninWallet
-} from "../chunk-NWIQNBJU.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-QLVVUKYB.js";
 import "../chunk-DNSG5Q7V.js";
+import "../chunk-23WIEY36.js";
 export {
   roninWallet
 };

package/dist/wallets/walletConnectors/safepalWallet/safepalWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   safepalWallet
-} from "../chunk-NT2HYJKW.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-EC6CHBSZ.js";
 import "../chunk-DNSG5Q7V.js";
+import "../chunk-23WIEY36.js";
 export {
   safepalWallet
 };

package/dist/wallets/walletConnectors/subWallet/subWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   subWallet
-} from "../chunk-JWFF4AAL.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-ZSI5N4VV.js";
 import "../chunk-DNSG5Q7V.js";
+import "../chunk-23WIEY36.js";
 export {
   subWallet
 };

package/dist/wallets/walletConnectors/tokenPocketWallet/tokenPocketWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   tokenPocketWallet
-} from "../chunk-2L43XSW3.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-J3LI3FYZ.js";
 import "../chunk-DNSG5Q7V.js";
+import "../chunk-23WIEY36.js";
 export {
   tokenPocketWallet
 };

package/dist/wallets/walletConnectors/trustWallet/trustWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   trustWallet
-} from "../chunk-VYBAYMP3.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-RKPCWHXL.js";
 import "../chunk-DNSG5Q7V.js";
+import "../chunk-23WIEY36.js";
 export {
   trustWallet
 };

package/dist/wallets/walletConnectors/zerionWallet/zerionWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   zerionWallet
-} from "../chunk-SULRQO27.js";
-import "../chunk-23WIEY36.js";
+} from "../chunk-Q3H3TRBS.js";
 import "../chunk-DNSG5Q7V.js";
+import "../chunk-23WIEY36.js";
 export {
   zerionWallet
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funkit/connect",
-  "version": "6.2.0",
+  "version": "6.3.0",
   "description": "Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.",
   "files": [
     "dist",
@@ -95,11 +95,11 @@
     "use-debounce": "^10.0.5",
     "uuid": "^9.0.1",
     "@funkit/api-base": "1.9.16",
-    "@funkit/core": "2.3.40",
-    "@funkit/chains": "0.3.8",
+    "@funkit/chains": "0.3.9",
     "@funkit/fun-relay": "1.0.1",
-    "@funkit/wagmi-tools": "3.0.62",
-    "@funkit/utils": "1.1.8"
+    "@funkit/utils": "1.1.8",
+    "@funkit/core": "2.3.41",
+    "@funkit/wagmi-tools": "3.0.63"
   },
   "repository": {
     "type": "git",