@funkit/connect 1.0.22 → 1.0.23

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @funkit/connect
 
+## 1.0.23
+
+### Patch Changes
+
+- cb71b0a: - fix: wallet balance load in payment method selection
+  - fix: icon sizes
+  - feat: auto back on successful report submission
+- 774374b: fix: mesh preview and execute exchange type
+- cebb243: fix: mesh holdings exchange type
+- Updated dependencies [cebb243]
+  - @funkit/core@1.0.9
+  - @funkit/wagmi-tools@1.0.10
+
 ## 1.0.22
 
 ### Patch Changes

package/dist/components/FunCheckoutHistoryModal/FunCheckoutHistoryHelp.d.ts

@@ -1,6 +1,7 @@
 import { CheckoutHistoryItem } from '@funkit/core';
 import React from 'react';
-export declare function FunCheckoutHistoryHelp({ checkoutHistoryInfo, animateOut, }: {
+export declare function FunCheckoutHistoryHelp({ checkoutHistoryInfo, animateOut, onBackFromHelpPage, }: {
     checkoutHistoryInfo: CheckoutHistoryItem;
     animateOut: boolean;
+    onBackFromHelpPage: () => void;
 }): React.JSX.Element;

package/dist/index.js

@@ -2,12 +2,12 @@
 import {
   en_US_default
 } from "./chunk-SW6GAS7K.js";
-import {
-  lightTheme
-} from "./chunk-RA4J3G3B.js";
 import {
   darkTheme
 } from "./chunk-2GFNZKMA.js";
+import {
+  lightTheme
+} from "./chunk-RA4J3G3B.js";
 import "./chunk-UK5FXGK3.js";
 
 // src/components/ConnectButton/ConnectButton.tsx
@@ -133,7 +133,7 @@ import PrivyJS, {
 } from "@privy-io/js-sdk-core";
 import React146, {
   createContext as createContext17,
-  useCallback as useCallback29,
+  useCallback as useCallback30,
   useContext as useContext23,
   useEffect as useEffect30,
   useMemo as useMemo36,
@@ -485,7 +485,7 @@ var useFunkitConnectChainsById = () => {
 // src/components/FunkitProvider/ModalContext.tsx
 import React145, {
   createContext as createContext16,
-  useCallback as useCallback28,
+  useCallback as useCallback29,
   useContext as useContext22,
   useEffect as useEffect29,
   useMemo as useMemo35,
@@ -2708,9 +2708,9 @@ function FunkitCheckoutProvider({ children }) {
         } else if (newPaymentMethodInfo.paymentMethod === "brokerage" /* BROKERAGE */) {
           const meshMeta = newPaymentMethodInfo.meta;
           const meshAccessToken = (_c = (_b = (_a = meshMeta == null ? void 0 : meshMeta.accessToken) == null ? void 0 : _a.accountTokens) == null ? void 0 : _b[0]) == null ? void 0 : _c.accessToken;
-          const meshBrokerName = (_d = meshMeta == null ? void 0 : meshMeta.accessToken) == null ? void 0 : _d.brokerName;
+          const meshExchangeType = (_d = meshMeta == null ? void 0 : meshMeta.accessToken) == null ? void 0 : _d.brokerType;
           const meshNetworkId = meshMeta == null ? void 0 : meshMeta.checkoutMeshNetworkId;
-          if (!meshMeta || !meshAccessToken || !meshBrokerName || !meshNetworkId) {
+          if (!meshMeta || !meshAccessToken || !meshNetworkId || !meshExchangeType) {
             throw new Error("Missing mesh meta information");
           }
           const amountInCrypto = roundUpToXDecimalPlaces(
@@ -2719,7 +2719,7 @@ function FunkitCheckoutProvider({ children }) {
           );
           const dummyPreviewTransfer = await meshPreviewTransfer(
             meshAccessToken,
-            meshBrokerName,
+            meshExchangeType,
             null,
             null,
             meshNetworkId,
@@ -3990,7 +3990,7 @@ import {
   meshGetLinkToken,
   meshGetTransferIntegrations
 } from "@funkit/core";
-var FUNKIT_MESH_CLIENT_ID = "e1880c6d-5af8-4634-3182-08dba58a99a5";
+var FUNKIT_MESH_CLIENT_ID = "8132aff4-56c9-4b1d-85b4-08dbdcc6199d";
 var MeshExchanges = /* @__PURE__ */ ((MeshExchanges4) => {
   MeshExchanges4["Robinhood"] = "Robinhood";
   MeshExchanges4["ETrade"] = "ETrade";
@@ -4004,13 +4004,12 @@ var MeshExchanges = /* @__PURE__ */ ((MeshExchanges4) => {
   MeshExchanges4["CoinbasePro"] = "CoinbasePro";
   MeshExchanges4["CryptoCom"] = "CryptoCom";
   MeshExchanges4["Binance"] = "Binance";
+  MeshExchanges4["BinanceUs"] = "BinanceUs";
   MeshExchanges4["Gemini"] = "Gemini";
   MeshExchanges4["OkCoin"] = "OkCoin";
-  MeshExchanges4["Bittrex"] = "Bittrex";
   MeshExchanges4["KuCoin"] = "KuCoin";
   MeshExchanges4["Etoro"] = "Etoro";
   MeshExchanges4["CexIo"] = "CexIo";
-  MeshExchanges4["BinanceInternational"] = "BinanceInternational";
   MeshExchanges4["Bitstamp"] = "Bitstamp";
   MeshExchanges4["GateIo"] = "GateIo";
   MeshExchanges4["Acorns"] = "Acorns";
@@ -4021,11 +4020,42 @@ var MeshExchanges = /* @__PURE__ */ ((MeshExchanges4) => {
   MeshExchanges4["Bitfinex"] = "Bitfinex";
   MeshExchanges4["KrakenDirect"] = "KrakenDirect";
   MeshExchanges4["Vanguard"] = "Vanguard";
-  MeshExchanges4["BinanceInternationalDirect"] = "BinanceInternationalDirect";
   MeshExchanges4["BitfinexDirect"] = "BitfinexDirect";
   MeshExchanges4["Bybit"] = "Bybit";
   return MeshExchanges4;
 })(MeshExchanges || {});
+var EXCHANGE_NAME_TO_TYPE = {
+  ["Robinhood" /* Robinhood */]: "robinhood",
+  ["ETrade" /* ETrade */]: "eTrade",
+  ["Alpaca" /* Alpaca */]: "alpaca",
+  ["WeBull" /* WeBull */]: "weBull",
+  ["Stash" /* Stash */]: "stash",
+  ["InteractiveBrokers" /* InteractiveBrokers */]: "interactiveBrokers",
+  ["Public" /* Public */]: "public",
+  ["Coinbase" /* Coinbase */]: "coinbase",
+  ["Kraken" /* Kraken */]: "kraken",
+  ["CryptoCom" /* CryptoCom */]: "cryptoCom",
+  ["CoinbasePro" /* CoinbasePro */]: "coinbasePro",
+  ["Gemini" /* Gemini */]: "gemini",
+  ["Binance" /* Binance */]: "binanceInternationalDirect",
+  ["BinanceUs" /* BinanceUs */]: "binanceUs",
+  ["OkCoin" /* OkCoin */]: "okCoin",
+  ["Etoro" /* Etoro */]: "etoro",
+  ["KuCoin" /* KuCoin */]: "kuCoin",
+  ["CexIo" /* CexIo */]: "cexIo",
+  ["GateIo" /* GateIo */]: "gateIo",
+  ["Bitstamp" /* Bitstamp */]: "bitstamp",
+  ["Okx" /* Okx */]: "okx",
+  ["Acorns" /* Acorns */]: "acorns",
+  ["Coinlist" /* Coinlist */]: "coinlist",
+  ["BitFlyer" /* BitFlyer */]: "bitFlyer",
+  ["Bitfinex" /* Bitfinex */]: "bitfinex",
+  ["Huobi" /* Huobi */]: "huobi",
+  ["KrakenDirect" /* KrakenDirect */]: "krakenDirect",
+  ["Vanguard" /* Vanguard */]: "vanguard",
+  ["Bybit" /* Bybit */]: "bybit",
+  ["BitfinexDirect" /* BitfinexDirect */]: "bitfinexDirect"
+};
 async function fetchMeshLinkToken(selectedExchange, funApiKey) {
   return await meshGetLinkToken(
     "meshconnectkit",
@@ -4035,10 +4065,10 @@ async function fetchMeshLinkToken(selectedExchange, funApiKey) {
     funApiKey
   );
 }
-async function executeBrokerageDeposit(fromAuthToken, brokerage, previewId, apiKey, mfaCode) {
+async function executeBrokerageDeposit(fromAuthToken, fromType, previewId, apiKey, mfaCode) {
   const executeTransfer = await meshExecuteTransfer(
     fromAuthToken,
-    brokerage,
+    fromType,
     previewId,
     mfaCode,
     apiKey
@@ -4050,7 +4080,8 @@ async function fetchMeshAccountCryptoHoldings({
   apiKey,
   exchange
 }) {
-  const res = await meshGetCryptocurrencyHoldings(authToken, exchange, apiKey);
+  const type = EXCHANGE_NAME_TO_TYPE[exchange];
+  const res = await meshGetCryptocurrencyHoldings(authToken, type, apiKey);
   return res.cryptocurrencyPositions;
 }
 async function fetchMeshSupportedTokensByBrokerageAndSupportedFunkitChains({
@@ -4059,7 +4090,7 @@ async function fetchMeshSupportedTokensByBrokerageAndSupportedFunkitChains({
 }) {
   const res = await meshGetTransferIntegrations(apiKey);
   const item = res.integrations.find(
-    (item2) => item2.type === (exchange == null ? void 0 : exchange.toLowerCase())
+    (item2) => item2.type === EXCHANGE_NAME_TO_TYPE[exchange]
   );
   const filteredNetworks = ((item == null ? void 0 : item.networks) || []).filter((networkItem) => {
     return (networkItem == null ? void 0 : networkItem.chainId) && FUNKIT_CONNECT_SUPPORTED_CHAINS_ID_LIST.includes(
@@ -5377,7 +5408,7 @@ function FunMeshVerificationStep({
         logger.log("inputs", { finalOtpInput });
         const res = await executeBrokerageDeposit(
           accessToken,
-          exchange,
+          EXCHANGE_NAME_TO_TYPE[exchange],
           previewId,
           funkitConfig == null ? void 0 : funkitConfig.apiKey,
           finalOtpInput
@@ -5443,7 +5474,7 @@ function FunMeshVerificationStep({
       case "mfaRequired" /* mfaRequired */:
       case "mfaFailed" /* mfaFailed */:
       case "secondMfaRequired" /* secondMfaRequired */:
-        return `Please enter the two factor code associated with your ${exchange} account. Once done, click "Continue" below.`;
+        return `Please enter the${(executionContent == null ? void 0 : executionContent.mfaType) && (executionContent == null ? void 0 : executionContent.mfaType) !== "unspecified" /* unspecified */ ? ` ${executionContent.mfaType} ` : " "}two factor code associated with your ${exchange} account. Once done, click "Continue" below.`;
       case "deviceConfirmationRequired" /* deviceConfirmationRequired */:
         return `Open the ${exchange} app on your mobile device and verify that you are trying to transfer crypto. Once done, click "Continue" below.`;
       case "emailConfirmationRequired" /* emailConfirmationRequired */:
@@ -5453,7 +5484,7 @@ function FunMeshVerificationStep({
       case "failed" /* failed */:
         return "An error occurred during checkout but your brokerage funds are unaffected. To retry, please go back and re-confirm a new checkout. If the error still persists, please reach out to support for help.";
     }
-  }, [exchange, executionStatus]);
+  }, [exchange, executionContent == null ? void 0 : executionContent.mfaType, executionStatus]);
   return /* @__PURE__ */ React53.createElement(Box, null, screen === 0 /* INITIAL */ ? /* @__PURE__ */ React53.createElement(Box, {
     width: "full",
     height: "200",
@@ -5985,7 +6016,7 @@ function AddPaymentMethodItem({
 }) {
   const config = PAYMENT_METHOD_CONFIG[paymentMethod];
   const { textCustomizations, paymentsConfig } = useFunkitConfig();
-  const { walletAddress } = useGeneralWallet();
+  const { walletAddress, walletAssets } = useGeneralWallet();
   const isEnabledForFlow = useMemo14(() => {
     if (paymentFlow === 1 /* CHECKOUT */) {
       return config.isEnabledForCheckout;
@@ -5999,7 +6030,12 @@ function AddPaymentMethodItem({
     textCustomizations,
     formatAddressLastFour(walletAddress || "")
   );
-  const isDisabled = !isClickable || !isEnabledForFlow;
+  const isWalletBalanceAndAssetStillLoading = useMemo14(() => {
+    return paymentMethod === "balance" /* ACCOUNT_BALANCE */ && walletAssets == null;
+  }, [paymentMethod, walletAssets]);
+  const isDisabled = useMemo14(() => {
+    return !isClickable || !isEnabledForFlow || isWalletBalanceAndAssetStillLoading;
+  }, [isClickable, isEnabledForFlow, isWalletBalanceAndAssetStillLoading]);
   const valueIcon = disclaimerText ? config.timeIcon : /* @__PURE__ */ React63.createElement(Box, {
     display: "flex",
     gap: "4",
@@ -6009,7 +6045,10 @@ function AddPaymentMethodItem({
     return /* @__PURE__ */ React63.createElement(React63.Fragment, null);
   }
   return /* @__PURE__ */ React63.createElement(FunKeyValue, {
-    keyIcon: config.icon,
+    keyIcon: isWalletBalanceAndAssetStillLoading ? /* @__PURE__ */ React63.createElement(SpinnerIcon, {
+      width: 24,
+      height: 24
+    }) : config.icon,
     keyText: labelText,
     valueIcon,
     valueText: config.timeRange,
@@ -6021,7 +6060,7 @@ function AddPaymentMethodItem({
     valueTextColor: isActive ? "buttonTextPrimary" : "modalText",
     onClick: isActive ? null : () => onClick == null ? void 0 : onClick(),
     isDisabled,
-    disclaimerText
+    disclaimerText: isWalletBalanceAndAssetStillLoading ? "Fetching balance..." : disclaimerText
   });
 }
 function ExistingPaymentMethodItem({
@@ -7506,7 +7545,6 @@ function FunPaymentMoonpayType({
   }, [finalConvertedAssetName, funkitConfig == null ? void 0 : funkitConfig.appName, depositToken]);
   const moonpayButtonColor = useMemo19(() => {
     const primaryButtonHex = colorToHex(active2.colors.buttonPrimary);
-    console.log("primaryButonHex", primaryButtonHex);
     if (["#FFF", "#FFFF", "#FFFFFF", "#FFFFFFFF"].includes(primaryButtonHex)) {
       return void 0;
     } else {
@@ -7900,7 +7938,7 @@ function Deposit({
       }
       const previewTransfer = await meshPreviewTransfer2(
         (_f2 = (_e2 = (_d2 = selectedPaymentMethodInfo == null ? void 0 : selectedPaymentMethodInfo.meta) == null ? void 0 : _d2.accessToken) == null ? void 0 : _e2.accountTokens) == null ? void 0 : _f2[0].accessToken,
-        (_h2 = (_g2 = selectedPaymentMethodInfo == null ? void 0 : selectedPaymentMethodInfo.meta) == null ? void 0 : _g2.accessToken) == null ? void 0 : _h2.brokerName,
+        (_h2 = (_g2 = selectedPaymentMethodInfo == null ? void 0 : selectedPaymentMethodInfo.meta) == null ? void 0 : _g2.accessToken) == null ? void 0 : _h2.brokerType,
         null,
         null,
         meshNetworkInfo.meshNetworkId,
@@ -8423,7 +8461,8 @@ var HomeTokenBalanceDisplayRow = ({ asset }) => {
     assetSrc: asset.logo,
     assetName: asset.name,
     assetTicker: asset.symbol,
-    chainId: asset.chainId
+    chainId: asset.chainId,
+    chainIconSize: "14"
   }), /* @__PURE__ */ React92.createElement(Box, {
     display: "flex",
     flexDirection: "column",
@@ -12367,7 +12406,7 @@ function ConnectModal({ onClose, open }) {
 }
 
 // src/components/FunCheckoutHistoryModal/FunCheckoutHistoryModal.tsx
-import React143, { useMemo as useMemo34, useState as useState40 } from "react";
+import React143, { useCallback as useCallback28, useMemo as useMemo34, useState as useState40 } from "react";
 
 // src/components/FunCheckoutHistoryModal/FunCheckoutHistoryDetail.tsx
 import {
@@ -12517,7 +12556,7 @@ function FunCheckoutConfirmationStep({
       }
       return await meshPreviewTransfer3(
         (_h2 = (_g2 = (_f2 = (_e2 = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _e2.meta) == null ? void 0 : _f2.accessToken) == null ? void 0 : _g2.accountTokens) == null ? void 0 : _h2[0].accessToken,
-        (_k2 = (_j2 = (_i2 = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _i2.meta) == null ? void 0 : _j2.accessToken) == null ? void 0 : _k2.brokerName,
+        (_k2 = (_j2 = (_i2 = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _i2.meta) == null ? void 0 : _j2.accessToken) == null ? void 0 : _k2.brokerType,
         null,
         null,
         (_m2 = (_l2 = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _l2.meta) == null ? void 0 : _m2.checkoutMeshNetworkId,
@@ -12535,7 +12574,7 @@ function FunCheckoutConfirmationStep({
     [
       (_b = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _b.baseQuote.estTotalFromAmount,
       (_e = (_d = (_c = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _c.meta) == null ? void 0 : _d.accessToken) == null ? void 0 : _e.accountTokens,
-      (_h = (_g = (_f = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _f.meta) == null ? void 0 : _g.accessToken) == null ? void 0 : _h.brokerName,
+      (_h = (_g = (_f = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _f.meta) == null ? void 0 : _g.accessToken) == null ? void 0 : _h.brokerType,
       (_j = (_i = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _i.meta) == null ? void 0 : _j.checkoutMeshNetworkId,
       (_k = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _k.symbol,
       funkitConfig.apiKey
@@ -12593,7 +12632,9 @@ function FunCheckoutConfirmationStep({
         return;
       const sourceAssetChainId = checkoutItem.selectedSourceAssetInfo.chainId;
       const sourceAssetAddress = (_b2 = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _b2.address;
-      const sourceAssetAmountBaseUnit = checkoutItem.latestQuote.baseQuote.estTotalFromAmountBaseUnit;
+      const sourceAssetAmountBaseUnit = BigInt(
+        checkoutItem.latestQuote.baseQuote.estTotalFromAmountBaseUnit
+      );
       if (parseInt(sourceAssetChainId) !== (chain == null ? void 0 : chain.id)) {
         logger.log("handleWeb3AccountBalancePostCheckout_needToSwitchChhain", {
           sourceAssetChainId,
@@ -12612,9 +12653,12 @@ function FunCheckoutConfirmationStep({
         const hash = await sendTransactionAsync({
           chainId: parseInt(sourceAssetChainId),
           to: depositAddress,
-          value: BigInt(sourceAssetAmountBaseUnit)
+          value: sourceAssetAmountBaseUnit
+        });
+        logger.log("handleWeb3AccountBalancePostCheckout_hash", {
+          hash,
+          sourceAssetAmountBaseUnit
         });
-        logger.log("handleWeb3AccountBalancePostCheckout_hash", { hash });
       } else {
         const hash = await writeContractAsync({
           chainId: parseInt(sourceAssetChainId),
@@ -12623,7 +12667,10 @@ function FunCheckoutConfirmationStep({
           functionName: "transfer",
           args: [depositAddress, sourceAssetAmountBaseUnit]
         });
-        logger.log("handleWeb3AccountBalancePostCheckout_hash", { hash });
+        logger.log("handleWeb3AccountBalancePostCheckout_hash", {
+          hash,
+          sourceAssetAmountBaseUnit
+        });
       }
       setPostCheckoutStepMessage("");
     },
@@ -14138,7 +14185,8 @@ var FIVE_MINUTES_MS = 3e5;
 var FIVE_SECONDS_MS = 5e3;
 function FunCheckoutHistoryHelp({
   checkoutHistoryInfo,
-  animateOut
+  animateOut,
+  onBackFromHelpPage
 }) {
   const { appName, apiKey } = useFunkitConfig();
   const { userInfo } = useGeneralWallet();
@@ -14215,6 +14263,7 @@ function FunCheckoutHistoryHelp({
           },
           FIVE_SECONDS_MS
         );
+        onBackFromHelpPage();
       } else {
         showToast(
           {
@@ -14334,17 +14383,18 @@ function FunCheckoutHistoryModal({
   );
   const ANIMATION_DELAY2 = 150;
   const [animateOut, setAnimateOut] = useState40(false);
+  const onBackFromHelpPage = useCallback28(() => {
+    setAnimateOut(true);
+    setTimeout(() => {
+      setCurrentPage("detail" /* DETAIL */);
+      setAnimateOut(false);
+    }, ANIMATION_DELAY2);
+  }, []);
   const titleConfig = useMemo34(() => {
     if (currentPage === "help" /* HELP */) {
       return {
         hasBackButton: true,
-        onBack: () => {
-          setAnimateOut(true);
-          setTimeout(() => {
-            setCurrentPage("detail" /* DETAIL */);
-            setAnimateOut(false);
-          }, ANIMATION_DELAY2);
-        },
+        onBack: onBackFromHelpPage,
         title: "Get Help"
       };
     } else {
@@ -14354,7 +14404,7 @@ function FunCheckoutHistoryModal({
         title: "Order"
       };
     }
-  }, [currentPage]);
+  }, [currentPage, onBackFromHelpPage]);
   return /* @__PURE__ */ React143.createElement(Dialog, {
     open,
     onClose,
@@ -14385,7 +14435,8 @@ function FunCheckoutHistoryModal({
     animateOut
   }) : currentPage === "help" /* HELP */ ? /* @__PURE__ */ React143.createElement(FunCheckoutHistoryHelp, {
     checkoutHistoryInfo,
-    animateOut
+    animateOut,
+    onBackFromHelpPage
   }) : null : null)));
 }
 
@@ -14405,22 +14456,22 @@ function FunDevTestModal({ onClose, open }) {
 function useModalStateValue() {
   const [isModalOpen, setModalOpen] = useState41(false);
   return {
-    closeModal: useCallback28(() => setModalOpen(false), []),
+    closeModal: useCallback29(() => setModalOpen(false), []),
     isModalOpen,
-    openModal: useCallback28(() => setModalOpen(true), [])
+    openModal: useCallback29(() => setModalOpen(true), [])
   };
 }
 function useModalStateValueWithId() {
   const [isModalOpen, setModalOpen] = useState41(false);
   const [modalId, setModalId] = useState41(null);
   return {
-    closeModal: useCallback28(() => {
+    closeModal: useCallback29(() => {
       setModalId(null);
       setModalOpen(false);
     }, []),
     isModalOpen,
     modalId,
-    openModal: useCallback28((id) => {
+    openModal: useCallback29((id) => {
       setModalId(id);
       setModalOpen(true);
     }, [])
@@ -14861,7 +14912,7 @@ var FunkitWeb2Provider = ({
   const [isLoggingIn, setIsLoggingIn] = useState42(false);
   const [loginErrorMessage, setLoginErrorMessage] = useState42("");
   const [loggedInUser, setLoggedInUser] = useState42(null);
-  const setLoginMethodAndCache = useCallback29(
+  const setLoginMethodAndCache = useCallback30(
     (method) => {
       try {
         setLoginMethod(method);
@@ -14884,7 +14935,7 @@ var FunkitWeb2Provider = ({
     setPrivyIframeUrl(newPrivy.embeddedWallet.getURL());
     setPrivy(newPrivy);
   }, [funkitConfig.privyAppId]);
-  const handleIframeMessage = useCallback29(
+  const handleIframeMessage = useCallback30(
     (e) => {
       if (e.origin === PRIVY_AUTH_URL && privy) {
         const iframeHandler = privy.embeddedWallet.getMessageHandler();
@@ -14893,7 +14944,7 @@ var FunkitWeb2Provider = ({
     },
     [privy]
   );
-  const handleFunkitWeb2Logout = useCallback29(async () => {
+  const handleFunkitWeb2Logout = useCallback30(async () => {
     if (privy) {
       logger.log("handleFunkitWeb2Logout_disconnecting_connectors", {
         numConnectors: connectors.length
@@ -14906,7 +14957,7 @@ var FunkitWeb2Provider = ({
       setLoginMethodAndCache(null);
     }
   }, [connectors, disconnectAsync, privy, setLoginMethodAndCache]);
-  const handleFreshPrivyLogin = useCallback29(
+  const handleFreshPrivyLogin = useCallback30(
     async ({
       firstLoginCode,
       secondLoginCode,
@@ -14953,7 +15004,7 @@ var FunkitWeb2Provider = ({
     },
     [handleFunkitWeb2Logout, privy]
   );
-  const getPrivyUserEmbeddedWallet = useCallback29(
+  const getPrivyUserEmbeddedWallet = useCallback30(
     async (inputPrivyUser) => {
       try {
         if (!privy || !inputPrivyUser)
@@ -14971,7 +15022,7 @@ var FunkitWeb2Provider = ({
     },
     [privy]
   );
-  const getExistingPrivySession = useCallback29(async () => {
+  const getExistingPrivySession = useCallback30(async () => {
     try {
       if (!privy)
         throw new Error(ERROR_MESSAGES.PRIVY_NOT_INITIALIZED);
@@ -14981,7 +15032,7 @@ var FunkitWeb2Provider = ({
       return null;
     }
   }, [privy]);
-  const handleFunkitWeb2Login = useCallback29(
+  const handleFunkitWeb2Login = useCallback30(
     async ({
       chainId,
       firstLoginCode,
@@ -15054,9 +15105,9 @@ var FunkitWeb2Provider = ({
       wallets
     ]
   );
-  const clearLoginError = useCallback29(() => setLoginErrorMessage(""), []);
+  const clearLoginError = useCallback30(() => setLoginErrorMessage(""), []);
   const initChainId = useInitialChainId();
-  const handleAutoLoginFlows = useCallback29(async () => {
+  const handleAutoLoginFlows = useCallback30(async () => {
     if (isNotNullish(loginMethod) && isNotNullish(initChainId)) {
       const queryParams = new URLSearchParams(window.location.search);
       const oauthCode = queryParams.get(PRIVY_OAUTH_CODE_URL_PARAM);
@@ -15092,7 +15143,7 @@ var FunkitWeb2Provider = ({
     handleIframeMessage,
     initChainId
   ]);
-  const handleOauthRedirect = useCallback29(
+  const handleOauthRedirect = useCallback30(
     async (authProvider) => {
       if (!privy)
         throw new Error(ERROR_MESSAGES.PRIVY_NOT_INITIALIZED);
@@ -15117,7 +15168,7 @@ var FunkitWeb2Provider = ({
     [privy, setLoginMethodAndCache]
   );
   const [isSendingOtpEmail, setIsSendingOtpEmail] = useState42(false);
-  const handleSendOtpEmail = useCallback29(
+  const handleSendOtpEmail = useCallback30(
     async (emailAddress) => {
       try {
         if (!privy)
@@ -15145,7 +15196,7 @@ var FunkitWeb2Provider = ({
     [privy, setLoginMethodAndCache]
   );
   const [isGeneratingFcUri, setIsGeneratingFcUri] = useState42(false);
-  const handleGenerateFcUri = useCallback29(async () => {
+  const handleGenerateFcUri = useCallback30(async () => {
     try {
       if (!privy)
         throw new Error(ERROR_MESSAGES.PRIVY_NOT_INITIALIZED);
@@ -15171,7 +15222,7 @@ var FunkitWeb2Provider = ({
       setIsGeneratingFcUri(false);
     }
   }, [privy]);
-  const getFcConnectionStatus = useCallback29(
+  const getFcConnectionStatus = useCallback30(
     async (channelToken) => {
       try {
         if (!privy)
@@ -15321,7 +15372,7 @@ import React150, { useContext as useContext26 } from "react";
 import { useAccount as useAccount16, useBalance, useConfig as useConfig5 } from "wagmi";
 
 // src/hooks/useIsMounted.ts
-import { useCallback as useCallback30, useEffect as useEffect31, useState as useState44 } from "react";
+import { useCallback as useCallback31, useEffect as useEffect31, useState as useState44 } from "react";
 function useIsMounted() {
   const [isMounted, setIsMounted] = useState44(false);
   useEffect31(() => {
@@ -15330,7 +15381,7 @@ function useIsMounted() {
       setIsMounted(false);
     };
   }, []);
-  return useCallback30(() => isMounted, [isMounted]);
+  return useCallback31(() => isMounted, [isMounted]);
 }
 
 // src/hooks/useMainnetEnsAvatar.ts
@@ -16686,16 +16737,16 @@ function generateInnerWagmiConfig(props) {
 }
 
 // src/components/FunkitProvider/useFingerprint.ts
-import { useCallback as useCallback31, useEffect as useEffect35 } from "react";
+import { useCallback as useCallback32, useEffect as useEffect35 } from "react";
 var storageKey6 = "funkit-connect-version";
 function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey6, version);
 }
 function getCurrentSdkVersion() {
-  return "1.0.22";
+  return "1.0.23";
 }
 function useFingerprint() {
-  const fingerprint = useCallback31(() => {
+  const fingerprint = useCallback32(() => {
     setFunkitConnectVersion({ version: getCurrentSdkVersion() });
   }, []);
   useEffect35(() => {
@@ -16704,12 +16755,12 @@ function useFingerprint() {
 }
 
 // src/components/FunkitProvider/usePreloadImages.ts
-import { useCallback as useCallback32, useEffect as useEffect36 } from "react";
+import { useCallback as useCallback33, useEffect as useEffect36 } from "react";
 function usePreloadImages() {
   const funkitConnectChains = useFunkitConnectChains();
   const walletConnectors = useWalletConnectors();
   const isUnauthenticated = useAuthenticationStatus() === "unauthenticated";
-  const preloadImages = useCallback32(() => {
+  const preloadImages = useCallback33(() => {
     loadImages(
       ...walletConnectors.map((wallet) => wallet.iconUrl),
       ...funkitConnectChains.map((chain) => chain.iconUrl).filter(isNotNullish)
@@ -17042,7 +17093,7 @@ function getDefaultWallets(parameters) {
 
 // src/components/ConnectOptions/MobileOptions.tsx
 import React155, {
-  useCallback as useCallback33,
+  useCallback as useCallback34,
   useContext as useContext31,
   useEffect as useEffect39,
   useRef as useRef12,
@@ -17099,7 +17150,7 @@ function WalletButton2({
   const coolModeRef = useCoolMode(iconUrl);
   const initialized = useRef12(false);
   const { i18n: i18n2 } = useContext31(I18nContext);
-  const onConnect = useCallback33(async () => {
+  const onConnect = useCallback34(async () => {
     const onMobileUri = async () => {
       const mobileUri = await (getMobileUri == null ? void 0 : getMobileUri());
       if (!mobileUri)
@@ -17437,13 +17488,13 @@ var __private__ = {
 };
 
 // src/transactions/useAddRecentTransaction.ts
-import { useCallback as useCallback34 } from "react";
+import { useCallback as useCallback35 } from "react";
 import { useAccount as useAccount18 } from "wagmi";
 function useAddRecentTransaction() {
   const store = useTransactionStore();
   const { address } = useAccount18();
   const chainId = useChainId();
-  return useCallback34(
+  return useCallback35(
     (transaction) => {
       if (!address || !chainId) {
         throw new Error("No address or chain ID found");

package/dist/utils/mesh.d.ts

@@ -1,4 +1,4 @@
-export declare const FUNKIT_MESH_CLIENT_ID = "e1880c6d-5af8-4634-3182-08dba58a99a5";
+export declare const FUNKIT_MESH_CLIENT_ID = "8132aff4-56c9-4b1d-85b4-08dbdcc6199d";
 export declare enum MeshExchanges {
     Robinhood = "Robinhood",
     ETrade = "ETrade",
@@ -11,14 +11,13 @@ export declare enum MeshExchanges {
     Kraken = "Kraken",
     CoinbasePro = "CoinbasePro",
     CryptoCom = "CryptoCom",
-    Binance = "Binance",
+    Binance = "Binance",// BinanceInternationalDirect
+    BinanceUs = "BinanceUs",
     Gemini = "Gemini",
     OkCoin = "OkCoin",
-    Bittrex = "Bittrex",
     KuCoin = "KuCoin",
     Etoro = "Etoro",
     CexIo = "CexIo",
-    BinanceInternational = "BinanceInternational",
     Bitstamp = "Bitstamp",
     GateIo = "GateIo",
     Acorns = "Acorns",
@@ -29,10 +28,12 @@ export declare enum MeshExchanges {
     Bitfinex = "Bitfinex",
     KrakenDirect = "KrakenDirect",
     Vanguard = "Vanguard",
-    BinanceInternationalDirect = "BinanceInternationalDirect",
     BitfinexDirect = "BitfinexDirect",
     Bybit = "Bybit"
 }
+export declare const EXCHANGE_NAME_TO_TYPE: {
+    [x: string]: string;
+};
 export declare function fetchMeshLinkToken(selectedExchange: MeshExchanges, funApiKey: string): Promise<any>;
 export declare enum MeshExecuteTransferStatus {
     succeeded = "succeeded",
@@ -56,7 +57,7 @@ export interface MeshExecuteTransferContent {
     errorMessage: string | null;
     executeTransferResult: object | null;
 }
-export declare function executeBrokerageDeposit(fromAuthToken: string, brokerage: string, previewId: string, apiKey: string, mfaCode?: string): Promise<MeshExecuteTransferContent>;
+export declare function executeBrokerageDeposit(fromAuthToken: string, fromType: string, previewId: string, apiKey: string, mfaCode?: string): Promise<MeshExecuteTransferContent>;
 export declare function fetchMeshAccountCryptoHoldings({ authToken, apiKey, exchange, }: {
     authToken: string;
     apiKey: string;