@matchain/matchid-sdk-react 0.1.56-alpha.2 → 0.1.56-alpha.3

package/dist/api.mjs

@@ -2,11 +2,11 @@ import {
   bind_exports,
   poh_exports,
   user_exports
-} from "./chunk-SPVA3A6Z.mjs";
+} from "./chunk-M5LCJX2T.mjs";
 import {
   isSuccess,
   wallet_exports
-} from "./chunk-NIGHV7RT.mjs";
+} from "./chunk-KDVKIXOS.mjs";
 import "./chunk-JX73EY6V.mjs";
 import "./chunk-UA6XHZHX.mjs";
 import "./chunk-IZOOVZAD.mjs";

package/dist/{chunk-NIGHV7RT.mjs → chunk-KDVKIXOS.mjs}

@@ -107,7 +107,7 @@ __export(components_exports, {
 });
 
 // src/components/EmailModal/index.tsx
-import { useEffect as useEffect19, useState as useState19 } from "react";
+import { useEffect as useEffect20, useState as useState19 } from "react";
 
 // src/ui/Modal/index.tsx
 import { useEffect as useEffect3, useState as useState2 } from "react";
@@ -944,11 +944,11 @@ var useStore_default = useStore;
 // src/hooks/useWallet.tsx
 import { toAccount } from "viem/accounts";
 import { createWalletClient } from "viem";
-import { useEffect as useEffect7, useMemo as useMemo3 } from "react";
+import { useEffect as useEffect8, useMemo as useMemo3 } from "react";
 import { encodeDeployData } from "viem";
 
 // src/context/ModalContext.tsx
-import React3, { useState as useState7, useCallback, createContext, useContext } from "react";
+import { useState as useState7, useCallback, createContext, useContext, useEffect as useEffect7, useRef } from "react";
 import { createPortal } from "react-dom";
 
 // src/ui/index.ts
@@ -1316,18 +1316,24 @@ function ModalProvider({ children }) {
     modals: [],
     highestZIndex: 100
   });
+  const highestIndexRef = useRef(100);
   const getNextIndex = useCallback(() => {
-    return Math.max(...modalState.modals.map((modal) => modal.index), 0) + 1 || 100;
-  }, [modalState]);
+    highestIndexRef.current += 1;
+    return highestIndexRef.current;
+  }, []);
   const closeModal = useCallback((index) => {
+    console.log("closeModal", index);
     setModalState((prevState) => ({
       modals: prevState.modals.filter((modal) => modal.index !== index),
       highestZIndex: prevState.highestZIndex
     }));
   }, []);
+  useEffect7(() => {
+    console.log("modalState", modalState);
+  }, [modalState]);
   const show = useCallback((content, index) => {
     setModalState((prevState) => {
-      const modalIndex = index !== void 0 ? index : getNextIndex();
+      const modalIndex = index ?? getNextIndex();
       const newZIndex = prevState.highestZIndex + 1;
       return {
         modals: [...prevState.modals, {
@@ -1343,7 +1349,7 @@ function ModalProvider({ children }) {
   }, [getNextIndex, closeModal]);
   const open = useCallback((props) => {
     setModalState((prevState) => {
-      const modalIndex = props.index !== void 0 ? props.index : getNextIndex();
+      const modalIndex = props.index ?? getNextIndex();
       const newZIndex = prevState.highestZIndex + 1;
       return {
         modals: [...prevState.modals, {
@@ -1357,9 +1363,9 @@ function ModalProvider({ children }) {
       };
     });
   }, [getNextIndex, closeModal]);
-  const modalElements = modalState.modals.sort((a, b) => b.zIndex - a.zIndex).map(
+  const modalElements = modalState.modals.map(
     (modal) => modal.visible ? createPortal(
-      React3.createElement(modal.content, { zIndex: modal.zIndex, close: modal.close }),
+      /* @__PURE__ */ jsx16(modal.content, { zIndex: modal.zIndex, close: modal.close }, modal.index),
       document.body
     ) : null
   );
@@ -1497,7 +1503,7 @@ function useWallet() {
       return void 0;
     }
   }, [address]);
-  useEffect7(() => {
+  useEffect8(() => {
     matchlog_default.log("qwe-evmAccount", evmAccount);
   }, [evmAccount]);
   const realCreateWalletClient = (parameters) => {
@@ -1640,14 +1646,14 @@ function useWallet() {
 
 // src/hooks/useCopyClipboard.ts
 import copy from "copy-to-clipboard";
-import { useCallback as useCallback2, useEffect as useEffect8, useState as useState9 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect9, useState as useState9 } from "react";
 function useCopyClipboard(timeout = 500) {
   const [isCopied, setIsCopied] = useState9(false);
   const staticCopy = useCallback2((text) => {
     const didCopy = copy(text);
     setIsCopied(didCopy);
   }, []);
-  useEffect8(() => {
+  useEffect9(() => {
     if (isCopied) {
       const hide = setTimeout(() => {
         setIsCopied(false);
@@ -1932,7 +1938,7 @@ function useMatchChain() {
 
 // src/hooks/useMatchWallet.tsx
 import { QRCode } from "react-qrcode";
-import { useEffect as useEffect11, useMemo as useMemo6, useRef, useState as useState13 } from "react";
+import { useEffect as useEffect12, useMemo as useMemo6, useRef as useRef2, useState as useState13 } from "react";
 import { useQuery as useQuery4 } from "@tanstack/react-query";
 
 // src/config/index.tsx
@@ -2003,7 +2009,7 @@ var useContractStore_default = useContractStore;
 import { FormattedMessage as FormattedMessage4, useIntl as useIntl5 } from "react-intl";
 
 // src/components/ImportToken/index.tsx
-import { useEffect as useEffect10, useMemo as useMemo5, useState as useState12 } from "react";
+import { useEffect as useEffect11, useMemo as useMemo5, useState as useState12 } from "react";
 import { FormattedMessage as FormattedMessage3, useIntl as useIntl4 } from "react-intl";
 import { useQueryClient } from "@tanstack/react-query";
 import { defineChain, erc20Abi } from "viem";
@@ -2074,7 +2080,7 @@ function ImportToken({ close }) {
     }
   };
   const intl = useIntl4();
-  useEffect10(() => {
+  useEffect11(() => {
     if (address.length === 42) {
       const reg = /^0x[0-9a-fA-F]{40}$/;
       if (!reg.test(address)) {
@@ -2294,8 +2300,8 @@ function useMatchWalletRecords() {
   const [items, setItems] = useState13([]);
   const { chainId, publicClient } = useMatchChain();
   const { address } = useWallet();
-  const hasMoreRef = useRef(hasMore);
-  const nextPageParamsRef = useRef(void 0);
+  const hasMoreRef = useRef2(hasMore);
+  const nextPageParamsRef = useRef2(void 0);
   const { contracts, setContracts } = useContractStore_default();
   const fetchMoreData = async () => {
     const chainIdStr = chainId ? chainId.toString() : "";
@@ -2322,7 +2328,7 @@ function useMatchWalletRecords() {
     hasMoreRef.current = true;
     fetchMoreData();
   };
-  useEffect11(() => {
+  useEffect12(() => {
     if (chainId && address) {
       onInit();
     }
@@ -2557,7 +2563,7 @@ function useMatchWalletAssetList({
       return { ...asset, balance, value, balanceValue };
     });
   }, [list, nativeBalanceQuery.data, erc20BalanceQuery.data]);
-  useEffect11(() => {
+  useEffect12(() => {
     const list2 = enrichedAssets.sort((a, b) => {
       if (a.address === NATIVE_TOKEN_ADDRESS) return -1;
       if (b.address === NATIVE_TOKEN_ADDRESS) return 1;
@@ -2582,7 +2588,7 @@ function useMatchWalletAssetList({
 }
 
 // src/hooks/useReceipt.tsx
-import { useState as useState14, useCallback as useCallback4, useEffect as useEffect12 } from "react";
+import { useState as useState14, useCallback as useCallback4, useEffect as useEffect13 } from "react";
 import { useQuery as useQuery5 } from "@tanstack/react-query";
 import { createPublicClient as createPublicClient5, defineChain as defineChain2, http as http5 } from "viem";
 var CACHE_TTL = 86400 * 30 * 1e3;
@@ -2600,7 +2606,7 @@ function useReceiptCache() {
       return false;
     }
   })();
-  useEffect12(() => {
+  useEffect13(() => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY);
@@ -2717,7 +2723,7 @@ function useReceipt({
     },
     refetchInterval: shouldRefetch ? 1e4 : false
   });
-  useEffect12(() => {
+  useEffect13(() => {
     if (query.data) {
       setShouldRefetch(false);
     }
@@ -2726,7 +2732,7 @@ function useReceipt({
 }
 
 // src/hooks/useTransaction.tsx
-import { useState as useState15, useCallback as useCallback5, useEffect as useEffect13 } from "react";
+import { useState as useState15, useCallback as useCallback5, useEffect as useEffect14 } from "react";
 import { useQuery as useQuery6 } from "@tanstack/react-query";
 import { createPublicClient as createPublicClient6, defineChain as defineChain3, http as http6 } from "viem";
 var CACHE_TTL2 = 86400 * 30 * 1e3;
@@ -2744,7 +2750,7 @@ function useTransactionCache() {
       return false;
     }
   })();
-  useEffect13(() => {
+  useEffect14(() => {
     if (isLocalStorageAvailable) {
       try {
         const storedData = localStorage.getItem(STORAGE_KEY2);
@@ -2861,7 +2867,7 @@ function useTransaction({
     },
     refetchInterval: shouldRefetch ? 1e4 : false
   });
-  useEffect13(() => {
+  useEffect14(() => {
     if (query.data) {
       setShouldRefetch(false);
     }
@@ -2955,7 +2961,7 @@ var useWalletModalStore = create5((set) => ({
 }));
 
 // src/components/CEXBindModal/index.tsx
-import { useEffect as useEffect14, useMemo as useMemo7, useState as useState16 } from "react";
+import { useEffect as useEffect15, useMemo as useMemo7, useState as useState16 } from "react";
 import { FormattedMessage as FormattedMessage5, useIntl as useIntl6 } from "react-intl";
 import { jsx as jsx23, jsxs as jsxs13 } from "react/jsx-runtime";
 function CEXBindModal({
@@ -2975,7 +2981,7 @@ function CEXBindModal({
   const needPassphrase = useMemo7(() => {
     return ["bitget", "okx"].includes(type.toLowerCase());
   }, [type]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (isOpen) {
       setSecret("");
       setKey("");
@@ -3175,7 +3181,7 @@ var Providers = ({ children }) => {
 var context_default = Providers;
 
 // src/hooks/useWalletInit.ts
-import { useEffect as useEffect15, useRef as useRef2 } from "react";
+import { useEffect as useEffect16, useRef as useRef3 } from "react";
 
 // src/utils/wallet.ts
 var sendMessage = ({ method, data, resolve, reject, timeout }) => {
@@ -3208,11 +3214,11 @@ function useWalletInit({
 }) {
   const { endpoints, token, setWallet, appid, refreshOverview } = useLocalStore_default();
   const { setWalletReady, walletReady } = useStore_default();
-  const iframeReadyRef = useRef2(walletReady);
-  useEffect15(() => {
+  const iframeReadyRef = useRef3(walletReady);
+  useEffect16(() => {
     setWallet(config);
   }, [config]);
-  useEffect15(() => {
+  useEffect16(() => {
     matchlog_default.log("sdk.mpc.status", walletReady, iframeReadyRef.current);
     iframeReadyRef.current = walletReady;
     if (iframeReadyRef.current) {
@@ -3229,7 +3235,7 @@ function useWalletInit({
       onReady();
     }
   }, [walletReady]);
-  useEffect15(() => {
+  useEffect16(() => {
     if (!endpoints.auth || !appid || !token || !config) {
       const existingIframe = getWalletIframe();
       if (existingIframe) {
@@ -3329,7 +3335,7 @@ function useWalletInit({
       }
     }
   }, [endpoints.auth, appid, token, config]);
-  useEffect15(() => {
+  useEffect16(() => {
     const messageHandle = async (e) => {
       if (e.origin !== endpoints.auth.substring(0, endpoints.auth.length - 1)) {
         return;
@@ -3410,7 +3416,7 @@ function useWalletInit({
 }
 
 // src/hooks/useInit.tsx
-import { useEffect as useEffect16, useRef as useRef3 } from "react";
+import { useEffect as useEffect17, useRef as useRef4 } from "react";
 function useInit({
   theme,
   appid,
@@ -3430,24 +3436,24 @@ function useInit({
     locale: realLocale
   } = useLocalStore_default();
   const walletModalStore = useWalletModalStore();
-  const overviewLoadingRef = useRef3(false);
+  const overviewLoadingRef = useRef4(false);
   const searchParams = new URLSearchParams(window.location.search);
   const matchToken = searchParams.get("matchToken");
   const matchidt = searchParams.get("matchidt");
   const realEndpoints = endpoints || env_default.endpoints;
-  useEffect16(() => {
+  useEffect17(() => {
     setTheme(theme);
   }, [theme]);
-  useEffect16(() => {
+  useEffect17(() => {
     setAppid(appid);
   }, [appid]);
-  useEffect16(() => {
+  useEffect17(() => {
     setEndpoints(realEndpoints);
   }, [realEndpoints]);
-  useEffect16(() => {
+  useEffect17(() => {
     setLocale(locale || "en");
   }, [locale]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (matchToken) {
       const tokenData = JSON.parse(atob(matchToken));
       if (tokenData && tokenData.mid && tokenData.token) {
@@ -3458,7 +3464,7 @@ function useInit({
       }
     }
   }, [matchToken]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (matchidt) {
       const tokenData = decodeURIComponent(matchidt);
       const data = JSON.parse(decodeBase64(tokenData));
@@ -3488,7 +3494,7 @@ function useInit({
       }
     }
   }, [matchidt]);
-  useEffect16(() => {
+  useEffect17(() => {
     const onLoginMessage = (event) => {
       const res = event.data;
       if (res.event === "login" && res.data && (res.data.token || res.data.token_type && res.data.access_token)) {
@@ -3525,7 +3531,7 @@ function useInit({
       overviewLoadingRef.current = false;
     }
   };
-  useEffect16(() => {
+  useEffect17(() => {
     if (token) {
       loadOverview();
     }
@@ -4734,7 +4740,7 @@ function useUserInfo() {
 }
 
 // src/components/EmailModal/StepVerify.tsx
-import { useEffect as useEffect18, useMemo as useMemo9, useRef as useRef4, useState as useState18 } from "react";
+import { useEffect as useEffect19, useMemo as useMemo9, useRef as useRef5, useState as useState18 } from "react";
 import { FormattedMessage as FormattedMessage6, useIntl as useIntl7 } from "react-intl";
 import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
 function StepVerify(props) {
@@ -4744,13 +4750,13 @@ function StepVerify(props) {
   const [code, setCode] = useState18("");
   const [sending, setSending] = useState18(false);
   const [submitting, setSubmitting] = useState18(false);
-  const sendTimeRef = useRef4(0);
+  const sendTimeRef = useRef5(0);
   const [sendBtnText, setSendBtnText] = useState18(intl.formatMessage({
     id: "send"
   }));
   const intervalTime = EMAIL_INTERVAL;
   const codeLength = EMAIL_CODE_LENGTH;
-  const intervalRef = useRef4(null);
+  const intervalRef = useRef5(null);
   const isDownMd = useDownMd();
   const onSend = async () => {
     if (sendTimeRef.current > 0) {
@@ -4781,7 +4787,7 @@ function StepVerify(props) {
       setSending(false);
     }
   };
-  useEffect18(() => {
+  useEffect19(() => {
     onSend();
     return () => {
       if (intervalRef.current) {
@@ -4869,7 +4875,7 @@ function EmailModal({
   const [step, setStep] = useState19("input");
   const [emailVal, setEmailVal] = useState19("");
   const intl = useIntl8();
-  useEffect19(() => {
+  useEffect20(() => {
     if (!isOpen) {
       setStep("input");
       setEmailVal("");
@@ -5335,7 +5341,7 @@ function LoginButton({
 }
 
 // src/components/UsernameModal/index.tsx
-import { useEffect as useEffect20, useMemo as useMemo11, useState as useState23 } from "react";
+import { useEffect as useEffect21, useMemo as useMemo11, useState as useState23 } from "react";
 import { FormattedMessage as FormattedMessage11, useIntl as useIntl12 } from "react-intl";
 import { jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
 var ValidItem = ({
@@ -5359,7 +5365,7 @@ function UsernameModal({
   const [val, setVal] = useState23(username);
   const [error, setError] = useState23("");
   const isDownMd = useDownMd();
-  useEffect20(() => {
+  useEffect21(() => {
     if (isOpen) {
       setVal(username);
       setError("");
@@ -5435,7 +5441,7 @@ function UsernameModal({
 }
 
 // src/components/EVMModal/index.tsx
-import { useCallback as useCallback6, useEffect as useEffect22, useState as useState26 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect23, useState as useState26 } from "react";
 import { useIntl as useIntl13 } from "react-intl";
 
 // src/components/WalletModalContent/index.tsx
@@ -5630,13 +5636,13 @@ import { RainbowKitProvider as RainbowKitProvider2, useConnectModal } from "@rai
 import { useAccount, useChainId, useConfig, useDisconnect } from "wagmi";
 
 // src/hooks/useWalletBox.ts
-import { useEffect as useEffect21, useRef as useRef5, useState as useState25 } from "react";
+import { useEffect as useEffect22, useRef as useRef6, useState as useState25 } from "react";
 function useWalletBox({
   onInit
 }) {
   const [status, setStateStatus] = useState25("start");
   const [error, setError] = useState25("");
-  const statusRef = useRef5(status);
+  const statusRef = useRef6(status);
   const [nonce, setNonce] = useState25();
   const setStatus = (status2) => {
     statusRef.current = status2;
@@ -5646,7 +5652,7 @@ function useWalletBox({
     setError("");
     setNonce(null);
   };
-  useEffect21(() => {
+  useEffect22(() => {
     init();
     onInit({
       setStatus
@@ -5910,10 +5916,10 @@ function WalletContent({
       setStatus2("start");
     }
   });
-  useEffect22(() => {
+  useEffect23(() => {
     matchlog_default.log(`status=${status}`, `connectModalOpen=${connectModalOpen}`, `address=${address}`, `isConnected=${isConnected}`);
   }, [status, connectModalOpen, isConnected, address]);
-  useEffect22(() => {
+  useEffect23(() => {
     if (connectModalOpen) {
       setStatus("connecting");
       return;
@@ -5926,7 +5932,7 @@ function WalletContent({
       setStatus("start");
     }
   }, [connectModalOpen, address]);
-  useEffect22(() => {
+  useEffect23(() => {
     if (openConnectModal && !isConnected && !inited) {
       openConnectModal && openConnectModal();
       setInited(true);
@@ -6009,7 +6015,7 @@ function WalletContent({
       setError(error2.reason || error2.message);
     }
   }, [nonce, status, address]);
-  useEffect22(() => {
+  useEffect23(() => {
     if (signature) {
       signature();
     }
@@ -6080,7 +6086,7 @@ function EVMModal(props) {
 }
 
 // src/components/TRONModal/index.tsx
-import React11, { useEffect as useEffect24, useMemo as useMemo14, useState as useState28 } from "react";
+import React11, { useEffect as useEffect25, useMemo as useMemo14, useState as useState28 } from "react";
 import { useIntl as useIntl14 } from "react-intl";
 
 // src/lib/tron/TronLinkAdapter.ts
@@ -6114,7 +6120,7 @@ var TronLinkAdapter = class {
 };
 
 // src/hooks/useTRONWallet.ts
-import { useEffect as useEffect23, useState as useState27 } from "react";
+import { useEffect as useEffect24, useState as useState27 } from "react";
 
 // src/lib/tron/BitgetAdapter.ts
 var BitgetAdapter = class {
@@ -6161,7 +6167,7 @@ var useTRONWallet = () => {
   const wallets = [new TronLinkAdapter(), new BitgetAdapter(), new OKXAdapter()];
   const [installedWallets, setInstalledWallets] = useState27([]);
   const [address, setAddress] = useState27(null);
-  useEffect23(() => {
+  useEffect24(() => {
     const getInstalled = async () => {
       const installed = await Promise.all(wallets.map((wallet2) => wallet2.isInstalled().then((isInstalled) => ({
         wallet: wallet2,
@@ -6175,7 +6181,7 @@ var useTRONWallet = () => {
   const onConnect = async () => {
     setAddress(await wallet.connect());
   };
-  useEffect23(() => {
+  useEffect24(() => {
     if (!wallet) {
       setAddress(null);
     }
@@ -6277,7 +6283,7 @@ function TRONConnectModal({
       statusRef.current = "";
     }
   };
-  useEffect24(() => {
+  useEffect25(() => {
     if (wallet) {
       console.log("onConnect");
       onConnect();
@@ -6285,12 +6291,12 @@ function TRONConnectModal({
       setStatus("");
     }
   }, [wallet]);
-  useEffect24(() => {
+  useEffect25(() => {
     if (address) {
       toLoginInWallet();
     }
   }, [address]);
-  useEffect24(() => {
+  useEffect25(() => {
     if (!props.isOpen) {
       disconnect();
     }
@@ -6348,7 +6354,7 @@ function TRONModal(props) {
 }
 
 // src/components/TONModal/index.tsx
-import React12, { useEffect as useEffect25, useState as useState29 } from "react";
+import React12, { useEffect as useEffect26, useState as useState29 } from "react";
 import { useIntl as useIntl15 } from "react-intl";
 import {
   TonConnectUIProvider,
@@ -6371,7 +6377,7 @@ function WalletContent2({
   const [status, setStatus] = useState29("");
   const statusRef = React12.useRef(status);
   const [error, setError] = useState29("");
-  useEffect25(() => {
+  useEffect26(() => {
     const init = async () => {
       if (tonConnectUI.connected) {
         await tonConnectUI.disconnect();
@@ -6444,7 +6450,7 @@ function WalletContent2({
       }
     });
   }, []);
-  useEffect25(() => {
+  useEffect26(() => {
     if (wallet) {
       setConnected(true);
       console.log("Wallet connected:", wallet);
@@ -6455,7 +6461,7 @@ function WalletContent2({
       setStatus("");
     }
   }, [wallet]);
-  useEffect25(() => {
+  useEffect26(() => {
     console.log({
       state,
       wallet
@@ -6535,7 +6541,7 @@ function TONModal(props) {
 }
 
 // src/components/BTCModal/index.tsx
-import React13, { useEffect as useEffect27, useMemo as useMemo15, useState as useState31 } from "react";
+import React13, { useEffect as useEffect28, useMemo as useMemo15, useState as useState31 } from "react";
 import { useIntl as useIntl16 } from "react-intl";
 
 // src/lib/btc/UnisatAdapter.ts
@@ -6690,7 +6696,7 @@ var LeatherAdapter = class {
 };
 
 // src/hooks/useBTCWallet.ts
-import { useEffect as useEffect26, useState as useState30 } from "react";
+import { useEffect as useEffect27, useState as useState30 } from "react";
 
 // src/lib/btc/PhantomAdapter.ts
 var PhantomAdapter = class {
@@ -6730,7 +6736,7 @@ var useBTCWallet = () => {
   const wallets = [new UnisatAdapter(), new XverseAdapter(), new LeatherAdapter(), new PhantomAdapter()];
   const [installedWallets, setInstalledWallets] = useState30([]);
   const [address, setAddress] = useState30(null);
-  useEffect26(() => {
+  useEffect27(() => {
     const getInstalled = async () => {
       const installed = await Promise.all(wallets.map((wallet2) => wallet2.isInstalled().then((isInstalled) => ({
         wallet: wallet2,
@@ -6744,7 +6750,7 @@ var useBTCWallet = () => {
   const onConnect = async () => {
     setAddress(await wallet.connect());
   };
-  useEffect26(() => {
+  useEffect27(() => {
     if (!wallet) {
       setAddress(null);
     }
@@ -6843,7 +6849,7 @@ function BTCConnectModal({
       statusRef.current = "";
     }
   };
-  useEffect27(() => {
+  useEffect28(() => {
     if (wallet) {
       console.log("onConnect");
       try {
@@ -6856,12 +6862,12 @@ function BTCConnectModal({
       setStatus("");
     }
   }, [wallet]);
-  useEffect27(() => {
+  useEffect28(() => {
     if (address) {
       toLoginInWallet();
     }
   }, [address]);
-  useEffect27(() => {
+  useEffect28(() => {
     if (!props.isOpen) {
       disconnect();
     }
@@ -6970,11 +6976,11 @@ function WalletModal(props) {
 }
 
 // src/components/AlphaAvatar/index.tsx
-import { useEffect as useEffect28, useState as useState32 } from "react";
+import { useEffect as useEffect29, useState as useState32 } from "react";
 import { jsx as jsx42 } from "react/jsx-runtime";
 function AlphaAvatar2({ name, size = 40, className = "" }) {
   const [avatar, setAvatar] = useState32(void 0);
-  useEffect28(() => {
+  useEffect29(() => {
     if (name) {
       const char = name[0].toUpperCase();
       setAvatar(char);
@@ -7071,7 +7077,7 @@ function WalletAsset({
 }
 
 // src/components/TokenSend/index.tsx
-import { useEffect as useEffect29, useMemo as useMemo17, useState as useState33 } from "react";
+import { useEffect as useEffect30, useMemo as useMemo17, useState as useState33 } from "react";
 import { defineChain as defineChain4, encodeFunctionData as encodeFunctionData2, erc20Abi as erc20Abi3, http as http8, parseUnits as parseUnits2 } from "viem";
 import { FormattedMessage as FormattedMessage12, useIntl as useIntl18 } from "react-intl";
 import { jsx as jsx44, jsxs as jsxs26 } from "react/jsx-runtime";
@@ -7208,7 +7214,7 @@ function TokenSend({
     }
     onClose();
   };
-  useEffect29(() => {
+  useEffect30(() => {
     const receiveMessage = (event) => {
       if (event.data) {
         if (event.data.source == "match-wallet") {
@@ -7407,7 +7413,7 @@ function TokenSendList({ close }) {
 
 // src/components/TransactionList/index.tsx
 import InfiniteScroll from "react-infinite-scroll-component";
-import { useEffect as useEffect30, useMemo as useMemo18, useState as useState35 } from "react";
+import { useEffect as useEffect31, useMemo as useMemo18, useState as useState35 } from "react";
 import { decodeFunctionData, defineChain as defineChain5, formatUnits as formatUnits3 } from "viem";
 import { erc20Abi as erc20Abi4 } from "viem";
 import { FormattedMessage as FormattedMessage15 } from "react-intl";
@@ -7486,7 +7492,7 @@ var Item = ({ data }) => {
     }
     return "loading";
   }, [data.extra?.status, data.source, hashQuery.data]);
-  useEffect30(() => {
+  useEffect31(() => {
     if (data.hash) {
       setShouldRefetch(status == "loading");
     }
@@ -7618,4 +7624,4 @@ export {
   MatchProvider,
   useMatch
 };
-//# sourceMappingURL=chunk-NIGHV7RT.mjs.map
+//# sourceMappingURL=chunk-KDVKIXOS.mjs.map