@funkit/connect 4.1.2 → 4.1.4

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @funkit/connect
 
+## 4.1.4
+
+### Patch Changes
+
+- Updated dependencies [0f74a0c]
+  - @funkit/utils@1.0.5
+  - @funkit/api-base@1.5.2
+  - @funkit/core@2.3.3
+  - @funkit/wagmi-tools@3.0.24
+
+## 4.1.3
+
+### Patch Changes
+
+- 61112d5: refactor: integrate @funkit/chains
+- Updated dependencies [61112d5]
+  - @funkit/wagmi-tools@3.0.23
+  - @funkit/chains@0.1.1
+  - @funkit/core@2.3.2
+
 ## 4.1.2
 
 ### Patch Changes

package/dist/config/getDefaultConfig.d.ts

@@ -19,6 +19,39 @@ export declare const createFunkitWagmiConfig: (rawWagmiConfig: CreateFunkitWagmi
  * Get default funkit-supported checkout chains
  */
 export declare const getDefaultChains: () => ({
+    id: number;
+    name: string;
+    nativeCurrency: {
+        symbol: string;
+        decimals: number;
+        name: string;
+    };
+    rpcUrls: {
+        default: {
+            http: string[];
+        };
+    };
+    blockExplorers: {
+        default: {
+            name: string;
+            url: string;
+            apiUrl: string;
+        };
+    };
+    contracts: {
+        ensRegistry: {
+            address: `0x${string}`;
+        };
+        ensUniversalResolver: {
+            address: `0x${string}`;
+            blockCreated: number;
+        };
+        multicall3: {
+            address: `0x${string}`;
+            blockCreated: number;
+        };
+    };
+} | {
     blockExplorers: {
         readonly default: {
             readonly name: "Etherscan";
@@ -1041,39 +1074,6 @@ export declare const getDefaultChains: () => ({
     fees?: import("viem").ChainFees<undefined> | undefined;
     formatters?: undefined;
     serializers?: import("viem").ChainSerializers<undefined, import("viem").TransactionSerializable> | undefined;
-} | {
-    id: number;
-    name: string;
-    nativeCurrency: {
-        symbol: string;
-        decimals: number;
-        name: string;
-    };
-    rpcUrls: {
-        default: {
-            http: string[];
-        };
-    };
-    blockExplorers: {
-        default: {
-            name: string;
-            url: string;
-            apiUrl: string;
-        };
-    };
-    contracts: {
-        ensRegistry: {
-            address: `0x${string}`;
-        };
-        ensUniversalResolver: {
-            address: `0x${string}`;
-            blockCreated: number;
-        };
-        multicall3: {
-            address: `0x${string}`;
-            blockCreated: number;
-        };
-    };
 } | {
     blockExplorers: {
         readonly default: {

package/dist/domains/wallet.d.ts

@@ -14,5 +14,6 @@ export interface AssetHoldingsMap {
     [symbol: string]: AssetHoldingsItem;
 }
 /**
- * @returns formatted max usable USD balance from a given assets map */
+ * @returns formatted max usable USD balance from a given assets map
+ */
 export declare function getTotalAssetBalance(assets: AssetHoldingsMap): number;

package/dist/hooks/usePaymentSources.d.ts

@@ -1,6 +1,6 @@
 import { type ConnectablePaymentMethodInfo, PaymentMethod } from '~/domains/paymentMethods';
-export declare const usePaymentSources: (paymentMethodInfo: ConnectablePaymentMethodInfo | null) => {
+export declare const usePaymentSources: (paymentMethodInfo: ConnectablePaymentMethodInfo | null, targetChainId: string) => {
     preferred: (import("~/domains/paymentMethods").PaymentMethodBrokerageInfo | import("~/domains/paymentMethods").PaymentMethodAccountInfo)[] | PaymentMethod[];
     moreSources: PaymentMethod[];
 };
-export declare const useRemainingPaymentSourcesCount: () => number;
+export declare const useRemainingPaymentSourcesCount: (targetChainId: string) => number;

package/dist/index.js

@@ -535,7 +535,7 @@ function formatAccountName(accountName, isEmail) {
 
 // src/consts/funkit.ts
 import { CheckoutState } from "@funkit/api-base";
-import { FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS } from "@funkit/core";
+import { FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS } from "@funkit/chains";
 var NATIVE_TOKEN = FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS;
 var FUNKIT_CONNECT_WALLET_ID = "funkitConnectWallet";
 var RESERVED_GROUP_NAME = "funkit-web2";
@@ -762,7 +762,7 @@ import { useConfig } from "wagmi";
 // src/providers/FunkitConfigContext.tsx
 import { createContext as createContext3, useContext as useContext3, useMemo as useMemo2 } from "react";
 var DEFAULT_TEXT_CUSTOMIZATIONS = {
-  brokerageOrExchange: "Exchange",
+  brokerageOrExchange: "Connect Exchange",
   debitOrCredit: "Card",
   accountBalance: "Wallet",
   selectAccount: "Select an exchange",
@@ -815,7 +815,7 @@ function useFunkitConfig() {
 }
 
 // src/providers/provideFunkitConnectChains.ts
-import { DYDX_MAINNET_CHAIN_ID } from "@funkit/core";
+import { DYDX_MAINNET_CHAIN_ID } from "@funkit/chains";
 import { isNotNullish } from "@funkit/utils";
 var arbitrumIcon = {
   iconBackground: "#96bedc",
@@ -3461,13 +3461,8 @@ function evalCondition(flagKey, condition, context) {
 }
 
 // src/providers/GeneralWalletProvider.tsx
-import {
-  Auth,
-  Chain,
-  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2,
-  FunWallet,
-  configureEnvironment as configureEnvironment2
-} from "@funkit/core";
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2 } from "@funkit/chains";
+import { Auth, Chain, FunWallet, configureEnvironment as configureEnvironment2 } from "@funkit/core";
 import { formatAddress as formatAddress2 } from "@funkit/utils";
 import React46, {
   createContext as createContext8,
@@ -3589,7 +3584,7 @@ import {
   meshGetLinkToken,
   meshGetTransferIntegrations
 } from "@funkit/api-base";
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_ID_LIST } from "@funkit/core";
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_ID_LIST } from "@funkit/chains";
 import { isNotNullish as isNotNullish2 } from "@funkit/utils";
 
 // src/utils/checkout.ts
@@ -3598,11 +3593,13 @@ import {
   getAssetPriceInfo
 } from "@funkit/api-base";
 import {
-  CHECKOUT_SPONSOR_SUPPORT_CHAINS,
-  CONTRACT_ADDRESSES,
   FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS as FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS2,
   FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO,
-  dydxChain,
+  dydxChain
+} from "@funkit/chains";
+import {
+  CHECKOUT_SPONSOR_SUPPORT_CHAINS,
+  CONTRACT_ADDRESSES,
   getEnvOptions,
   getTokenAddressBySymbolAndChainId
 } from "@funkit/core";
@@ -5441,7 +5438,8 @@ import {
   getCheckoutByDepositAddress,
   getCheckoutsByUserId
 } from "@funkit/api-base";
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3, isAddress as isAddress2 } from "@funkit/core";
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3 } from "@funkit/chains";
+import { isAddress as isAddress2 } from "@funkit/core";
 import { isNotNullish as isNotNullish3 } from "@funkit/utils";
 import React58, {
   createContext as createContext11,
@@ -5851,10 +5849,10 @@ import {
   deactivateCheckout as postApiDeactivateCheckout,
   initializeCheckout as postApiInitializeCheckout
 } from "@funkit/api-base";
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO4 } from "@funkit/chains";
 import {
   Chain as Chain2,
   ContractInterface,
-  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO4,
   HashZero,
   WALLET_CONTRACT_INTERFACE,
   addOwnerTxParams
@@ -6422,17 +6420,14 @@ function isDefaultToken(asset, targetChainId, targetAsset) {
 var isPolygonEcosystemToken = (chainId, tokenAddress) => chainId === polygon.id.toString() && tokenAddress === "0x0000000000000000000000000000000000001010";
 
 // src/utils/assets.ts
-import {
-  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6,
-  STABLECOIN_SYMBOLS,
-  dydxChain as dydxChain2
-} from "@funkit/core";
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6, dydxChain as dydxChain2 } from "@funkit/chains";
+import { STABLECOIN_SYMBOLS } from "@funkit/core";
 import { FlagKey as FlagKey4, isNotNullish as isNotNullish5, round } from "@funkit/utils";
 import { formatUnits } from "viem";
 import { base as base3, mainnet as mainnet5, mantle, zkSync } from "viem/chains";
 
 // src/utils/moonpay.ts
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO5 } from "@funkit/core";
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO5 } from "@funkit/chains";
 var MINIMUM_MOONPAY_DEPOSIT_AMOUNT_USD = 35;
 var MAXIMUM_MOONPAY_DEPOSIT_AMOUNT_USD = 1e4;
 var generateMoonpayCurrencyCode = (tokenSymbol, chainId) => {
@@ -6656,7 +6651,7 @@ var useWalletAssets = ({
 };
 
 // src/modals/FunCheckoutHistoryModal/FunCheckoutHistoryTransaction.tsx
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7 } from "@funkit/core";
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7 } from "@funkit/chains";
 import {
   formatAddress as formatAddress3,
   formatSecondsToReadableForm,
@@ -11785,7 +11780,7 @@ import {
   meshPreviewTransfer,
   meshPreviewTransferProxy
 } from "@funkit/api-base";
-import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8 } from "@funkit/core";
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8 } from "@funkit/chains";
 import { roundUpToXDecimalPlaces as roundUpToXDecimalPlaces2 } from "@funkit/utils";
 import { estimateGas, getGasPrice } from "@wagmi/core";
 import { encodeFunctionData, erc20Abi as erc20Abi2, formatEther } from "viem";
@@ -15370,8 +15365,20 @@ import { useMemo as useMemo27 } from "react";
 import {
   FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS as FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS3,
   FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9
-} from "@funkit/core";
+} from "@funkit/chains";
 import { useMemo as useMemo26 } from "react";
+import { USABLE_BALANCE_THRESHOLD } from "@funkit/utils";
+
+// src/domains/wallet.ts
+function getTotalAssetBalance(assets) {
+  const maxUsdBalance = Object.values(assets).reduce(
+    (acc, { usdAmount }) => (usdAmount ?? 0) + acc,
+    0
+  );
+  return maxUsdBalance;
+}
+
+// src/modals/CheckoutModal/useWalletAssetHoldings.ts
 var processWalletAssets = (walletAssets, targetChain) => {
   if (!walletAssets) {
     return;
@@ -15416,12 +15423,19 @@ var processWalletAssets = (walletAssets, targetChain) => {
 };
 function useWalletAssetHoldings(targetChain) {
   const { walletAssets, isLoading } = useWalletAssets();
-  const processedAssets = useMemo26(() => {
-    return processWalletAssets(walletAssets, targetChain);
-  }, [targetChain, walletAssets]);
+  const processedAssets = useMemo26(
+    () => processWalletAssets(walletAssets, targetChain),
+    [targetChain, walletAssets]
+  );
+  const totalBalance = useMemo26(
+    () => processedAssets ? getTotalAssetBalance(processedAssets) : 0,
+    [processedAssets]
+  );
   return {
     data: processedAssets,
-    isLoading
+    isLoading,
+    totalBalance,
+    hasUsableBalance: isLoading || totalBalance > USABLE_BALANCE_THRESHOLD
   };
 }
 
@@ -16400,15 +16414,6 @@ import { formatCurrencyAndStringify as formatCurrencyAndStringify11 } from "@fun
 import React173, { useEffect as useEffect38, useMemo as useMemo32, useState as useState49 } from "react";
 import { createPortal as createPortal8 } from "react-dom";
 
-// src/domains/wallet.ts
-function getTotalAssetBalance(assets) {
-  const maxUsdBalance = Object.values(assets).reduce(
-    (acc, { usdAmount }) => (usdAmount ?? 0) + acc,
-    0
-  );
-  return maxUsdBalance;
-}
-
 // src/hooks/useAllowedAssets.ts
 import { getAllowedAssets } from "@funkit/api-base";
 import { useQuery as useQuery7 } from "@tanstack/react-query";
@@ -16474,38 +16479,40 @@ function useRemainingMeshExchangeConnections(selected) {
     )
   };
 }
-var usePaymentSources = (paymentMethodInfo) => {
+var usePaymentSources = (paymentMethodInfo, targetChainId) => {
   const { activeConnections } = useRemainingMeshExchangeConnections(paymentMethodInfo);
   const { isUserLoggedIn, walletAddress } = useGeneralWallet();
+  const { hasUsableBalance } = useWalletAssetHoldings(targetChainId);
   const { apiKey, uiCustomizations } = useFunkitConfig();
+  const isTokenTransferEnabled = useFlag(FlagKey16.EnableTokenTransfer);
   const accountPaymentMethodInfo = createPaymentMethodInfo({
     paymentMethod: "balance" /* ACCOUNT_BALANCE */,
     walletAddress
   });
-  const connectedAccountInfo = paymentMethodInfo?.paymentMethod !== "balance" /* ACCOUNT_BALANCE */ && isUserLoggedIn ? accountPaymentMethodInfo : null;
+  const connectedAccountInfo = paymentMethodInfo?.paymentMethod !== "balance" /* ACCOUNT_BALANCE */ && isUserLoggedIn && hasUsableBalance ? accountPaymentMethodInfo : null;
   const connected = [
     paymentMethodInfo,
     connectedAccountInfo,
     ...activeConnections
   ].filter(isNotNullish12);
-  const isTokenTransferEnabled = useFlag(FlagKey16.EnableTokenTransfer);
   const isCardEnabled = uiCustomizations?.paymentMethods?.isCardEnabled ?? true;
-  const fallback2 = connected.length === 0 ? isTokenTransferEnabled ? ["token_transfer" /* TOKEN_TRANSFER */] : isCardEnabled ? ["card" /* CARD */] : ["balance" /* ACCOUNT_BALANCE */] : [];
+  const ignoreFallback = isUserLoggedIn && !hasUsableBalance;
+  const fallback2 = connected.length === 0 && !ignoreFallback ? isTokenTransferEnabled ? ["token_transfer" /* TOKEN_TRANSFER */] : isCardEnabled ? ["card" /* CARD */] : ["balance" /* ACCOUNT_BALANCE */] : [];
   const isTokenInNewSources = !fallback2.includes("token_transfer" /* TOKEN_TRANSFER */) && isTokenTransferEnabled;
   const isWalletInNewSources = !isUserLoggedIn && !isDydxCustomer(apiKey);
   const newSources = [
     isTokenInNewSources && "token_transfer" /* TOKEN_TRANSFER */,
-    !fallback2.includes("card" /* CARD */) && isCardEnabled && "card" /* CARD */,
     "brokerage" /* BROKERAGE */,
-    isWalletInNewSources && "balance" /* ACCOUNT_BALANCE */
+    isWalletInNewSources && "balance" /* ACCOUNT_BALANCE */,
+    !fallback2.includes("card" /* CARD */) && isCardEnabled && "card" /* CARD */
   ].filter((b) => !!b);
   return {
     preferred: connected.length > 0 ? connected : fallback2,
     moreSources: newSources
   };
 };
-var useRemainingPaymentSourcesCount = () => {
-  const { moreSources, preferred } = usePaymentSources(null);
+var useRemainingPaymentSourcesCount = (targetChainId) => {
+  const { moreSources, preferred } = usePaymentSources(null, targetChainId);
   return Math.max(moreSources.length + preferred.length - 1, 0);
 };
 
@@ -16868,10 +16875,8 @@ function SelectWalletAsset({
   const label = usePaymentMethodInfoLabel(paymentMethodInfo, 16);
   const { textCustomizations } = useFunkitConfig();
   const { walletAddress } = useGeneralWallet();
-  const otherSourcesCount = useRemainingPaymentSourcesCount();
-  const { data, isLoading } = useWalletAssetHoldings(targetChainId);
-  const accountHoldings = data ?? {};
-  const totalBalance = getTotalAssetBalance(accountHoldings);
+  const otherSourcesCount = useRemainingPaymentSourcesCount(targetChainId);
+  const { data, isLoading, totalBalance } = useWalletAssetHoldings(targetChainId);
   return /* @__PURE__ */ React173.createElement(Box, { display: "flex", flexDirection: "column", gap: "12" }, /* @__PURE__ */ React173.createElement(
     SourcePaymentMethodItem,
     {
@@ -16885,7 +16890,7 @@ function SelectWalletAsset({
     MeshOrAccountSelectAsset,
     {
       paymentMethodInfo,
-      accountHoldings,
+      accountHoldings: data ?? {},
       fetchHoldingsError: null,
       onFinish
     }
@@ -16899,7 +16904,7 @@ function SelectMeshAsset({
   onBrokerageDisconnected
 }) {
   const label = usePaymentMethodInfoLabel(paymentMethodInfo, 16);
-  const otherSourcesCount = useRemainingPaymentSourcesCount();
+  const otherSourcesCount = useRemainingPaymentSourcesCount(targetChainId);
   const { data, isLoading, isError } = useMeshAccountHoldings(
     targetChainId,
     paymentMethodInfo.meta
@@ -17098,7 +17103,10 @@ import React177, { useEffect as useEffect40, useState as useState52 } from "reac
 import { POLYMARKET_API_KEY as POLYMARKET_API_KEY4 } from "@funkit/api-base";
 
 // src/components/FunPayments/FunPaymentMethods.tsx
-import { formatCurrencyAndStringify as formatCurrencyAndStringify12 } from "@funkit/utils";
+import {
+  USABLE_BALANCE_THRESHOLD as USABLE_BALANCE_THRESHOLD2,
+  formatCurrencyAndStringify as formatCurrencyAndStringify12
+} from "@funkit/utils";
 import React176, { Fragment as Fragment4, useEffect as useEffect39 } from "react";
 
 // src/hooks/useEnabledTokenTransferChainTokens.ts
@@ -17125,7 +17133,7 @@ function useEnabledTokenTransferChainTokens() {
 import {
   FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO10,
   FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST
-} from "@funkit/core";
+} from "@funkit/chains";
 import { fallback } from "viem";
 import {
   http
@@ -17960,7 +17968,7 @@ var ConnectedMeshPaymentMethodItem = ({
   const sourceBalance = meshAssets ? getTotalAssetBalance(meshAssets) : 0;
   const label = usePaymentMethodInfoLabel(paymentMethodInfo);
   const disclaimerText = isPending ? "Fetching balance..." : balanceError ? "Couldn't fetch balance" : `${formatCurrencyAndStringify12(sourceBalance)} \u2022 3 mins`;
-  const isDisabled = !!balanceError || sourceBalance < 0.01;
+  const isDisabled = !!balanceError || sourceBalance < USABLE_BALANCE_THRESHOLD2;
   useEffect39(() => {
     if (isPending || isLoading || isFetching) {
       return;
@@ -17997,9 +18005,9 @@ var AccountBalancePaymentMethodItem = ({
 }) => {
   const { walletAddress } = useGeneralWallet();
   const { textCustomizations } = useFunkitConfig();
-  const { data: walletAssets, isLoading: isLoadingAssets } = useWalletAssetHoldings(targetChainId);
-  const sourceBalance = walletAssets ? getTotalAssetBalance(walletAssets) : 0;
+  const { isLoading: isLoadingAssets, totalBalance } = useWalletAssetHoldings(targetChainId);
   const usableWalletAssets = useUsableWalletAssetsForCheckout();
+  const paymentIcon = usePaymentMethodIcon("balance" /* ACCOUNT_BALANCE */);
   const getDynamicValueIcon = () => {
     if (usableWalletAssets === void 0) return null;
     const uniqueChainIds = Array.from(
@@ -18007,12 +18015,9 @@ var AccountBalancePaymentMethodItem = ({
     );
     return /* @__PURE__ */ React176.createElement(SupportedChainList, { chainIdList: uniqueChainIds });
   };
-  const dynamicLimit = formatCurrencyAndStringify12(sourceBalance);
+  const dynamicLimit = formatCurrencyAndStringify12(totalBalance);
   const disclaimerText = `${dynamicLimit ?? "No limit"} \u2022 Instant`;
-  const isClickable = sourceBalance !== void 0 && sourceBalance > 0.01;
-  const isDisabled = !isClickable || isLoadingAssets;
   const walletLabel = getWalletLabel(textCustomizations, walletAddress);
-  const paymentIcon = usePaymentMethodIcon("balance" /* ACCOUNT_BALANCE */);
   const keyIconSize = "20";
   return /* @__PURE__ */ React176.createElement(
     FunPaymentMethodItem,
@@ -18028,7 +18033,7 @@ var AccountBalancePaymentMethodItem = ({
       keyText: walletLabel,
       valueIcon: customValueIcon !== void 0 ? customValueIcon : getDynamicValueIcon(),
       onClick,
-      isDisabled,
+      isDisabled: isLoadingAssets,
       disclaimerText: isLoadingAssets ? "Fetching balance..." : disclaimerText
     }
   );
@@ -18155,11 +18160,8 @@ function AddPaymentMethodItem({
 }
 
 // src/modals/CheckoutModal/SourceChange/useUpdateSourceAssetForCard.ts
-import {
-  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO11,
-  dydxChain as dydxChain3,
-  getTokenAddressBySymbolAndChainId as getTokenAddressBySymbolAndChainId2
-} from "@funkit/core";
+import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO11, dydxChain as dydxChain3 } from "@funkit/chains";
+import { getTokenAddressBySymbolAndChainId as getTokenAddressBySymbolAndChainId2 } from "@funkit/core";
 import { useCallback as useCallback37, useState as useState51 } from "react";
 import { mainnet as mainnet7, mantle as mantle2, zkSync as zkSync3 } from "viem/chains";
 var pickSourceAssetForCard = async (checkoutItem, userIpInfo) => {
@@ -18383,7 +18385,10 @@ function SourceChange({
       });
     }
   };
-  const { preferred, moreSources } = usePaymentSources(paymentMethodInfo);
+  const { preferred, moreSources } = usePaymentSources(
+    paymentMethodInfo,
+    targetChainId
+  );
   function renderSource(source) {
     if (typeof source === "object") {
       return /* @__PURE__ */ React177.createElement(
@@ -18408,7 +18413,7 @@ function SourceChange({
       }
     );
   }
-  return /* @__PURE__ */ React177.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, preferred.map(renderSource), /* @__PURE__ */ React177.createElement(FunDivider, { label: "more", marginTop: "8", marginBottom: "8" }), moreSources.map(renderSource));
+  return /* @__PURE__ */ React177.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, preferred.map(renderSource), preferred.length > 0 && /* @__PURE__ */ React177.createElement(FunDivider, { label: "more", marginTop: "8", marginBottom: "8" }), moreSources.map(renderSource));
 }
 
 // src/modals/CheckoutModal/TransferToken.tsx
@@ -18992,7 +18997,9 @@ function TransferToken({
     selectedChainId,
     selectedToken
   );
-  const otherSourcesCount = useRemainingPaymentSourcesCount();
+  const otherSourcesCount = useRemainingPaymentSourcesCount(
+    selectedChainId.toString()
+  );
   const isLoadingDepositAddress = depositAddress === void 0;
   return /* @__PURE__ */ React186.createElement(Box, { id: "token-transfer-page" }, /* @__PURE__ */ React186.createElement(
     Box,
@@ -21299,7 +21306,7 @@ function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey5, version);
 }
 function getCurrentSdkVersion() {
-  return "4.1.2";
+  return "4.1.4";
 }
 function useFingerprint() {
   const fingerprint = useCallback43(() => {

package/dist/modals/CheckoutModal/useWalletAssetHoldings.d.ts

@@ -1,5 +1,9 @@
 import { type AssetHoldingsMap } from '../../utils/assets';
-export declare function useWalletAssetHoldings(targetChain: string): {
+interface UseWalletAssetHoldingsResponse {
     data: AssetHoldingsMap | undefined;
     isLoading: boolean;
-};
+    totalBalance: number;
+    hasUsableBalance: boolean;
+}
+export declare function useWalletAssetHoldings(targetChain: string): UseWalletAssetHoldingsResponse;
+export {};

package/dist/providers/GeneralWalletProvider.d.ts

@@ -96,15 +96,15 @@ export declare const useFunkitDisconnect: () => {
     error: null;
     data: undefined;
     status: "idle";
+    isPaused: boolean;
+    context: unknown;
     isError: false;
     isPending: false;
     isSuccess: false;
     failureCount: number;
     failureReason: import("@wagmi/core").DisconnectErrorType | null;
-    isPaused: boolean;
     variables: undefined;
     isIdle: true;
-    context: unknown;
     submittedAt: number;
     connectors: readonly import("wagmi").Connector[];
 } | {
@@ -114,15 +114,15 @@ export declare const useFunkitDisconnect: () => {
     error: null;
     data: undefined;
     status: "pending";
+    isPaused: boolean;
+    context: unknown;
     isError: false;
     isPending: true;
     isSuccess: false;
     failureCount: number;
     failureReason: import("@wagmi/core").DisconnectErrorType | null;
-    isPaused: boolean;
     variables: import("wagmi/query").DisconnectVariables;
     isIdle: false;
-    context: unknown;
     submittedAt: number;
     connectors: readonly import("wagmi").Connector[];
 } | {
@@ -132,15 +132,15 @@ export declare const useFunkitDisconnect: () => {
     error: import("@wagmi/core").DisconnectErrorType;
     data: undefined;
     status: "error";
+    isPaused: boolean;
+    context: unknown;
     isError: true;
     isPending: false;
     isSuccess: false;
     failureCount: number;
     failureReason: import("@wagmi/core").DisconnectErrorType | null;
-    isPaused: boolean;
     variables: import("wagmi/query").DisconnectVariables;
     isIdle: false;
-    context: unknown;
     submittedAt: number;
     connectors: readonly import("wagmi").Connector[];
 } | {
@@ -150,15 +150,15 @@ export declare const useFunkitDisconnect: () => {
     error: null;
     data: void;
     status: "success";
+    isPaused: boolean;
+    context: unknown;
     isError: false;
     isPending: false;
     isSuccess: true;
     failureCount: number;
     failureReason: import("@wagmi/core").DisconnectErrorType | null;
-    isPaused: boolean;
     variables: import("wagmi/query").DisconnectVariables;
     isIdle: false;
-    context: unknown;
     submittedAt: number;
     connectors: readonly import("wagmi").Connector[];
 };

package/dist/wallets/walletConnectors/funkitConnectWallet/funkitConnectWallet.js

@@ -6,7 +6,7 @@ import { createConnector } from "wagmi";
 
 // src/consts/funkit.ts
 import { CheckoutState } from "@funkit/api-base";
-import { FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS } from "@funkit/core";
+import { FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS } from "@funkit/chains";
 var FUNKIT_CONNECT_WALLET_ID = "funkitConnectWallet";
 var FROM_PROGRESS_CHECKOUT_STATES = [
   CheckoutState.FROM_UNFUNDED,

package/dist/wallets/walletConnectors/index.js

@@ -1,52 +1,46 @@
 "use client";
 import {
-  xdefiWallet
-} from "./chunk-NO7XMBB5.js";
+  tahoWallet
+} from "./chunk-6P2EMPZI.js";
 import {
-  zealWallet
-} from "./chunk-JROWU5BP.js";
+  ledgerWallet
+} from "./chunk-BRBKM4PW.js";
 import {
   zerionWallet
 } from "./chunk-AXWP3GD4.js";
 import {
-  subWallet
-} from "./chunk-AD2KIJB6.js";
-import {
-  tahoWallet
-} from "./chunk-6P2EMPZI.js";
+  tokenaryWallet
+} from "./chunk-SLOIIJGP.js";
 import {
   talismanWallet
 } from "./chunk-ABFSXBE6.js";
 import {
-  tokenPocketWallet
-} from "./chunk-IDKVN5CF.js";
+  uniswapWallet
+} from "./chunk-LH7BMNFZ.js";
 import {
   trustWallet
 } from "./chunk-ISIBREBO.js";
-import {
-  tokenaryWallet
-} from "./chunk-SLOIIJGP.js";
-import {
-  uniswapWallet
-} from "./chunk-LH7BMNFZ.js";
 import {
   walletConnectWallet
 } from "./chunk-NP5QGWNL.js";
 import {
-  phantomWallet
-} from "./chunk-ZSVTX6EK.js";
+  zealWallet
+} from "./chunk-JROWU5BP.js";
 import {
-  rabbyWallet
-} from "./chunk-BVX4XGNP.js";
+  xdefiWallet
+} from "./chunk-NO7XMBB5.js";
 import {
-  rainbowWallet
-} from "./chunk-2UCNRD7H.js";
+  tokenPocketWallet
+} from "./chunk-IDKVN5CF.js";
 import {
   ramperWallet
 } from "./chunk-PIUNLQJG.js";
 import {
   roninWallet
 } from "./chunk-63YLN6R5.js";
+import {
+  oktoWallet
+} from "./chunk-ADIXAKUL.js";
 import {
   safeWallet
 } from "./chunk-BQQQL6UD.js";
@@ -54,71 +48,77 @@ import {
   safeheronWallet
 } from "./chunk-R6RWZRFF.js";
 import {
-  safepalWallet
-} from "./chunk-MSFKSQBY.js";
-import {
-  ledgerWallet
-} from "./chunk-BRBKM4PW.js";
-import {
-  metaMaskWallet
-} from "./chunk-G73C6P5P.js";
+  phantomWallet
+} from "./chunk-ZSVTX6EK.js";
 import {
-  mewWallet
-} from "./chunk-V57WLZEE.js";
+  subWallet
+} from "./chunk-AD2KIJB6.js";
 import {
-  oktoWallet
-} from "./chunk-ADIXAKUL.js";
+  safepalWallet
+} from "./chunk-MSFKSQBY.js";
 import {
   okxWallet
 } from "./chunk-4WEHDI4Y.js";
 import {
   omniWallet
 } from "./chunk-7CUY5G6R.js";
+import {
+  metaMaskWallet
+} from "./chunk-G73C6P5P.js";
 import {
   oneInchWallet
 } from "./chunk-OESTDX6I.js";
+import {
+  kresusWallet
+} from "./chunk-MJXPRJZT.js";
 import {
   oneKeyWallet
 } from "./chunk-4AD7VI2P.js";
 import {
-  foxWallet
-} from "./chunk-LMZMXEXL.js";
+  rainbowWallet
+} from "./chunk-2UCNRD7H.js";
+import {
+  rabbyWallet
+} from "./chunk-BVX4XGNP.js";
 import {
   frameWallet
 } from "./chunk-ZMYVTWDF.js";
 import {
   frontierWallet
 } from "./chunk-3S2U24BJ.js";
+import {
+  foxWallet
+} from "./chunk-LMZMXEXL.js";
 import {
   gateWallet
 } from "./chunk-GSOYKKIS.js";
 import {
   imTokenWallet
 } from "./chunk-COZ7MIQS.js";
-import {
-  kresusWallet
-} from "./chunk-MJXPRJZT.js";
 import {
   injectedWallet
 } from "./chunk-VCVVV2K7.js";
 import {
-  bybitWallet
-} from "./chunk-6ONTSPEY.js";
+  mewWallet
+} from "./chunk-V57WLZEE.js";
+import {
+  bitverseWallet
+} from "./chunk-3HZRRP4Y.js";
 import {
   clvWallet
 } from "./chunk-KR6JBW5E.js";
 import {
-  coin98Wallet
-} from "./chunk-DTRYS3MO.js";
+  coreWallet
+} from "./chunk-HBA36GW3.js";
 import {
   coinbaseWallet
 } from "./chunk-H4IRCEZN.js";
-import {
-  coreWallet
-} from "./chunk-HBA36GW3.js";
 import {
   dawnWallet
 } from "./chunk-LN7OD5EC.js";
+import {
+  coin98Wallet
+} from "./chunk-DTRYS3MO.js";
 import {
   desigWallet
 } from "./chunk-CTU6JCOK.js";
@@ -128,25 +128,25 @@ import {
 import {
   argentWallet
 } from "./chunk-WSQ2YJO2.js";
-import {
-  bitgetWallet
-} from "./chunk-A5APNTGL.js";
 import {
   bifrostWallet
 } from "./chunk-W6N74MS3.js";
 import {
   bitskiWallet
 } from "./chunk-P74YPRF6.js";
-import {
-  bitverseWallet
-} from "./chunk-3HZRRP4Y.js";
 import {
   bloomWallet
 } from "./chunk-S27IADFU.js";
-import "./chunk-23WIEY36.js";
 import {
   braveWallet
 } from "./chunk-PB254NQ4.js";
+import {
+  bitgetWallet
+} from "./chunk-A5APNTGL.js";
+import {
+  bybitWallet
+} from "./chunk-6ONTSPEY.js";
+import "./chunk-23WIEY36.js";
 import "./chunk-WRA2DVJ7.js";
 export {
   argentWallet,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funkit/connect",
-  "version": "4.1.2",
+  "version": "4.1.4",
   "description": "Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.",
   "files": [
     "dist",
@@ -88,10 +88,11 @@
     "react-virtuoso": "4.10.1",
     "ua-parser-js": "^1.0.37",
     "uuid": "^9.0.1",
-    "@funkit/api-base": "1.5.1",
-    "@funkit/utils": "1.0.4",
-    "@funkit/wagmi-tools": "3.0.22",
-    "@funkit/core": "2.3.1"
+    "@funkit/chains": "0.1.1",
+    "@funkit/core": "2.3.3",
+    "@funkit/wagmi-tools": "3.0.24",
+    "@funkit/utils": "1.0.5",
+    "@funkit/api-base": "1.5.2"
   },
   "repository": {
     "type": "git",