@matchain/matchid-sdk-react 0.1.48-alpha.6 → 0.1.48-alpha.7

package/dist/{chunk-BPAPYY5P.mjs → chunk-2CK7JQWH.mjs}

@@ -12,7 +12,7 @@ import {
   matchlog_default,
   useDownMd,
   useLayout_exports
-} from "./chunk-UHBVYFSP.mjs";
+} from "./chunk-USKUYOYJ.mjs";
 import {
   ArrowDownIcon,
   ArrowRightIcon,
@@ -32,7 +32,7 @@ import {
   FacebookIcon,
   GithubIcon,
   GoogleIcon,
-  InfoRoundIcon,
+  InfoLineIcon,
   LeatherIcon,
   LinkedinIcon,
   LoginIcon_default,
@@ -51,7 +51,7 @@ import {
   XIcon,
   XverseIcon,
   YoutubeIcon
-} from "./chunk-YFJI4I5M.mjs";
+} from "./chunk-7UTR37EJ.mjs";
 import {
   __export
 } from "./chunk-J5LGTIGS.mjs";
@@ -80,7 +80,7 @@ __export(components_exports, {
 });
 
 // src/components/EmailModal/index.tsx
-import { useEffect as useEffect13, useState as useState12 } from "react";
+import { useEffect as useEffect14, useState as useState13 } from "react";
 
 // src/components/EmailModal/StepEmail.tsx
 import { useEffect, useMemo, useState } from "react";
@@ -597,6 +597,7 @@ __export(hooks_exports, {
   useModal: () => useModal,
   useReceipt: () => useReceipt,
   useToast: () => useToast,
+  useTransaction: () => useTransaction,
   useUserInfo: () => useUserInfo,
   useWallet: () => useWallet
 });
@@ -1239,7 +1240,7 @@ function useMatchChain() {
 
 // src/hooks/useMatchWallet.tsx
 import { QRCode } from "react-qrcode";
-import { useEffect as useEffect6, useState as useState7 } from "react";
+import { useEffect as useEffect6, useRef, useState as useState7 } from "react";
 
 // example/src/config/contract.ts
 var address = "0x4143e29770fd63e24bb1f32d50bf8a590e34de4b";
@@ -1298,8 +1299,9 @@ function useMatchWalletRecords({
   const [hasMore, setHasMore] = useState7(true);
   const [items, setItems] = useState7([]);
   const { chainId } = useMatchChain();
+  const hasMoreRef = useRef(hasMore);
   const fetchMoreData = async () => {
-    if (!hasMore) {
+    if (!hasMoreRef.current) {
       return;
     }
     const chainIdStr = chainId ? chainId.toString() : "";
@@ -1312,12 +1314,14 @@ function useMatchWalletRecords({
       if (res.data && res.data.transactions.length > 0) {
         setItems(items.concat(res.data.transactions));
       }
+      hasMoreRef.current = res.data && res.data.transactions.length >= pageSize;
       setHasMore(res.data && res.data.transactions.length >= pageSize);
     }
   };
   const onInit = async () => {
     setItems([]);
     setHasMore(true);
+    hasMoreRef.current = true;
     fetchMoreData();
   };
   useEffect6(() => {
@@ -1477,8 +1481,153 @@ function useReceipt({
   return query;
 }
 
+// src/hooks/useTransaction.tsx
+import { useState as useState9, useCallback as useCallback5, useEffect as useEffect8 } from "react";
+import { useQuery as useQuery3 } from "@tanstack/react-query";
+import { createPublicClient as createPublicClient2, defineChain as defineChain2, http as http2 } from "viem";
+var CACHE_TTL2 = 86400 * 30 * 1e3;
+var MAX_CACHE_SIZE2 = 500;
+var STORAGE_KEY2 = "match_transaction_logs";
+function useTransactionCache() {
+  const [cache, setCache] = useState9(/* @__PURE__ */ new Map());
+  const isLocalStorageAvailable = (() => {
+    try {
+      const testKey = "__test__";
+      localStorage.setItem(testKey, "1");
+      localStorage.removeItem(testKey);
+      return true;
+    } catch (e) {
+      return false;
+    }
+  })();
+  useEffect8(() => {
+    if (isLocalStorageAvailable) {
+      try {
+        const storedData = localStorage.getItem(STORAGE_KEY2);
+        if (storedData) {
+          try {
+            const parsed = JSON.parse(storedData);
+            const now = Date.now();
+            const validEntries = Object.entries(parsed).filter(([_, entry]) => typeof entry === "object" && entry !== null && "timestamp" in entry && now - entry.timestamp <= CACHE_TTL2).map(([key, entry]) => [key, entry]);
+            setCache(new Map(validEntries));
+          } catch (e) {
+            console.error("Failed to parse cache from localStorage:", e);
+          }
+        }
+      } catch (e) {
+        console.error("Failed to load cache from localStorage:", e);
+      }
+    }
+  }, []);
+  const updateLocalStorage = useCallback5((updatedCache) => {
+    if (isLocalStorageAvailable) {
+      try {
+        const storedData = localStorage.getItem(STORAGE_KEY2);
+        let parsed = {};
+        if (storedData) {
+          parsed = JSON.parse(storedData);
+        }
+        updatedCache.forEach((entry, key) => {
+          parsed[key] = entry;
+        });
+        localStorage.setItem(STORAGE_KEY2, JSON.stringify(parsed));
+      } catch (e) {
+        console.error("Failed to update localStorage:", e);
+      }
+    }
+  }, []);
+  const set = useCallback5((key, value) => {
+    const now = Date.now();
+    const newCache = new Map(cache);
+    newCache.forEach((entry, k) => {
+      if (now - entry.timestamp > CACHE_TTL2) {
+        newCache.delete(k);
+      }
+    });
+    if (newCache.size >= MAX_CACHE_SIZE2) {
+      const firstKey = newCache.keys().next().value;
+      if (firstKey !== void 0) {
+        newCache.delete(firstKey);
+      }
+    }
+    newCache.set(key, { value, timestamp: now });
+    setCache(newCache);
+    updateLocalStorage(newCache);
+  }, [cache, updateLocalStorage]);
+  const get = useCallback5((key) => {
+    const entry = cache.get(key);
+    if (entry) {
+      if (Date.now() - entry.timestamp > CACHE_TTL2) {
+        const newCache = new Map(cache);
+        newCache.delete(key);
+        setCache(newCache);
+        updateLocalStorage(newCache);
+        return void 0;
+      }
+      return entry.value;
+    }
+    return void 0;
+  }, [cache, updateLocalStorage]);
+  const del = useCallback5((key) => {
+    if (cache.has(key)) {
+      const newCache = new Map(cache);
+      newCache.delete(key);
+      setCache(newCache);
+      updateLocalStorage(newCache);
+    }
+  }, [cache, updateLocalStorage]);
+  const clear = useCallback5(() => {
+    setCache(/* @__PURE__ */ new Map());
+    if (isLocalStorageAvailable) {
+      localStorage.removeItem(STORAGE_KEY2);
+    }
+  }, [isLocalStorageAvailable]);
+  return { set, get, del, clear };
+}
+function useTransaction({
+  chainId,
+  hash
+}) {
+  const { list } = useMatchChain();
+  const cache = useTransactionCache();
+  const chain = list?.find((item) => item.id === chainId);
+  const [shouldRefetch, setShouldRefetch] = useState9(true);
+  const query = useQuery3({
+    queryKey: ["match-tx-transaction", hash, chain],
+    queryFn: async () => {
+      if (!chain || !hash) return false;
+      const cacheKey = `${chain.id}-${hash}`;
+      if (cache.get(cacheKey)) {
+        return cache.get(cacheKey);
+      }
+      try {
+        const publicClient = createPublicClient2({
+          //@ts-ignore
+          chain: defineChain2(chain),
+          transport: http2()
+        });
+        const transaction = await publicClient.getTransaction({ hash });
+        if (!transaction) {
+          return false;
+        }
+        cache.set(cacheKey, transaction);
+        return transaction;
+      } catch (e) {
+        return false;
+      }
+    },
+    refetchInterval: shouldRefetch ? 1e4 : false
+  });
+  useEffect8(() => {
+    if (query.data) {
+      setShouldRefetch(false);
+    }
+  }, [query.data]);
+  return query;
+}
+
 // src/components/CEXBindModal/index.tsx
-import { useEffect as useEffect8, useMemo as useMemo5, useState as useState9 } from "react";
+import { useEffect as useEffect9, useMemo as useMemo5, useState as useState10 } from "react";
 import { FormattedMessage as FormattedMessage2, useIntl as useIntl2 } from "react-intl";
 import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function CEXBindModal({
@@ -1489,16 +1638,16 @@ function CEXBindModal({
 }) {
   const intl = useIntl2();
   const { events } = useMatch();
-  const [APIPassphrase, setAPIPassphrase] = useState9("");
+  const [APIPassphrase, setAPIPassphrase] = useState10("");
   const { refreshOverview } = useUserInfo();
-  const [loading, setLoading] = useState9(false);
-  const [key, setKey] = useState9("");
-  const [secret, setSecret] = useState9("");
-  const [error, setError] = useState9("");
+  const [loading, setLoading] = useState10(false);
+  const [key, setKey] = useState10("");
+  const [secret, setSecret] = useState10("");
+  const [error, setError] = useState10("");
   const needPassphrase = useMemo5(() => {
     return ["bitget", "okx"].includes(type.toLowerCase());
   }, [type]);
-  useEffect8(() => {
+  useEffect9(() => {
     if (isOpen) {
       setSecret("");
       setKey("");
@@ -1678,7 +1827,7 @@ var Providers = ({ children }) => {
 var context_default = Providers;
 
 // src/hooks/useWalletInit.ts
-import { useEffect as useEffect9, useRef } from "react";
+import { useEffect as useEffect10, useRef as useRef2 } from "react";
 
 // src/utils/wallet.ts
 var sendMessage = ({ method, data, resolve, reject, timeout }) => {
@@ -1711,11 +1860,11 @@ function useWalletInit({
 }) {
   const { endpoints, token, overview, setWallet, wallet, appid, locale, refreshOverview } = useLocalStore_default();
   const { setWalletReady, walletReady } = useStore_default();
-  const iframeReadyRef = useRef(walletReady);
-  useEffect9(() => {
+  const iframeReadyRef = useRef2(walletReady);
+  useEffect10(() => {
     setWallet(config);
   }, [config]);
-  useEffect9(() => {
+  useEffect10(() => {
     matchlog_default.log("sdk.mpc.status", walletReady, iframeReadyRef.current);
     iframeReadyRef.current = walletReady;
     if (iframeReadyRef.current) {
@@ -1732,7 +1881,7 @@ function useWalletInit({
       onReady();
     }
   }, [walletReady]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (!endpoints.auth || !appid || !token || !config) {
       const existingIframe = getWalletIframe();
       if (existingIframe) {
@@ -1832,7 +1981,7 @@ function useWalletInit({
       }
     }
   }, [endpoints.auth, appid, token, config]);
-  useEffect9(() => {
+  useEffect10(() => {
     const messageHandle = async (e) => {
       if (e.origin !== endpoints.auth.substring(0, endpoints.auth.length - 1)) {
         return;
@@ -1913,7 +2062,7 @@ function useWalletInit({
 }
 
 // src/hooks/useInit.tsx
-import { useEffect as useEffect10, useRef as useRef2 } from "react";
+import { useEffect as useEffect11, useRef as useRef3 } from "react";
 function useInit({
   theme,
   appid,
@@ -1933,23 +2082,23 @@ function useInit({
     locale: realLocale
   } = useLocalStore_default();
   const walletModalStore = useWalletModalStore();
-  const overviewLoadingRef = useRef2(false);
+  const overviewLoadingRef = useRef3(false);
   const searchParams = new URLSearchParams(window.location.search);
   const matchToken = searchParams.get("matchToken");
   const realEndpoints = endpoints || env_default.endpoints;
-  useEffect10(() => {
+  useEffect11(() => {
     setTheme(theme);
   }, [theme]);
-  useEffect10(() => {
+  useEffect11(() => {
     setAppid(appid);
   }, [appid]);
-  useEffect10(() => {
+  useEffect11(() => {
     setEndpoints(realEndpoints);
   }, [realEndpoints]);
-  useEffect10(() => {
+  useEffect11(() => {
     setLocale(locale || "en");
   }, [locale]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (matchToken) {
       const tokenData = JSON.parse(atob(matchToken));
       if (tokenData && tokenData.mid && tokenData.token) {
@@ -1960,7 +2109,7 @@ function useInit({
       }
     }
   }, [matchToken]);
-  useEffect10(() => {
+  useEffect11(() => {
     const onLoginMessage = (event) => {
       const res = event.data;
       if (res.event === "login" && res.data && (res.data.token || res.data.token_type && res.data.access_token)) {
@@ -1997,7 +2146,7 @@ function useInit({
       overviewLoadingRef.current = false;
     }
   };
-  useEffect10(() => {
+  useEffect11(() => {
     if (token) {
       loadOverview();
     }
@@ -2812,7 +2961,7 @@ function useUserInfo() {
 }
 
 // src/components/EmailModal/StepVerify.tsx
-import { useEffect as useEffect12, useMemo as useMemo7, useRef as useRef3, useState as useState11 } from "react";
+import { useEffect as useEffect13, useMemo as useMemo7, useRef as useRef4, useState as useState12 } from "react";
 
 // src/config/index.tsx
 var EMAIL_INTERVAL = 60;
@@ -2824,17 +2973,17 @@ import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 function StepVerify(props) {
   const intl = useIntl3();
   const { getLoginEmailCode, loginByEmail } = useUserInfo();
-  const [error, setError] = useState11("");
-  const [code, setCode] = useState11("");
-  const [sending, setSending] = useState11(false);
-  const [submitting, setSubmitting] = useState11(false);
-  const sendTimeRef = useRef3(0);
-  const [sendBtnText, setSendBtnText] = useState11(intl.formatMessage({
+  const [error, setError] = useState12("");
+  const [code, setCode] = useState12("");
+  const [sending, setSending] = useState12(false);
+  const [submitting, setSubmitting] = useState12(false);
+  const sendTimeRef = useRef4(0);
+  const [sendBtnText, setSendBtnText] = useState12(intl.formatMessage({
     id: "send"
   }));
   const intervalTime = EMAIL_INTERVAL;
   const codeLength = EMAIL_CODE_LENGTH;
-  const intervalRef = useRef3(null);
+  const intervalRef = useRef4(null);
   const isDownMd = useDownMd();
   const onSend = async () => {
     if (sendTimeRef.current > 0) {
@@ -2865,7 +3014,7 @@ function StepVerify(props) {
       setSending(false);
     }
   };
-  useEffect12(() => {
+  useEffect13(() => {
     onSend();
     return () => {
       if (intervalRef.current) {
@@ -2950,10 +3099,10 @@ function EmailModal({
   onBack,
   onLogin
 }) {
-  const [step, setStep] = useState12("input");
-  const [emailVal, setEmailVal] = useState12("");
+  const [step, setStep] = useState13("input");
+  const [emailVal, setEmailVal] = useState13("");
   const intl = useIntl4();
-  useEffect13(() => {
+  useEffect14(() => {
     if (!isOpen) {
       setStep("input");
       setEmailVal("");
@@ -2978,13 +3127,13 @@ function EmailModal({
 }
 
 // src/components/LoginBox/index.tsx
-import { useMemo as useMemo8, useState as useState13 } from "react";
+import { useMemo as useMemo8, useState as useState14 } from "react";
 import { FormattedMessage as FormattedMessage4, useIntl as useIntl5 } from "react-intl";
 
 // src/hooks/useAppConfig.ts
-import { useQuery as useQuery3 } from "@tanstack/react-query";
+import { useQuery as useQuery4 } from "@tanstack/react-query";
 function useAppConfig() {
-  const query = useQuery3({
+  const query = useQuery4({
     queryKey: ["appConfig"],
     queryFn: async () => {
       const res = await getAppConfigApi();
@@ -3091,9 +3240,9 @@ function LoginBox({
       walletMethods: walletMethodList
     };
   }, [config.platform, recommendMethods, methods, walletMethods]);
-  const [emailOpen, setEmailOpen] = useState13(false);
+  const [emailOpen, setEmailOpen] = useState14(false);
   const { login } = useUserInfo();
-  const [showWallet, setShowWallet] = useState13(false);
+  const [showWallet, setShowWallet] = useState14(false);
   const intl = useIntl5();
   const isDownMd = useDownMd();
   const methodMap = {
@@ -3241,7 +3390,7 @@ function LoginBox({
 }
 
 // src/components/LoginButton/index.tsx
-import { useState as useState15 } from "react";
+import { useState as useState16 } from "react";
 
 // src/components/LoginPanel/index.tsx
 import { FormattedMessage as FormattedMessage5 } from "react-intl";
@@ -3284,7 +3433,7 @@ function LoginModal({
 }
 
 // src/components/UserPopover/index.tsx
-import { useState as useState14 } from "react";
+import { useState as useState15 } from "react";
 
 // src/assets/icon/ProfileIcon.tsx
 import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
@@ -3316,7 +3465,7 @@ import { FormattedMessage as FormattedMessage6, useIntl as useIntl6 } from "reac
 import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
 function UserContent() {
   const { logout, address: address2, username } = useUserInfo();
-  const [logouting, setLogouting] = useState14(false);
+  const [logouting, setLogouting] = useState15(false);
   const onLogout = async () => {
     if (logouting) return;
     try {
@@ -3345,7 +3494,7 @@ function UserContent() {
   const UserDivider = () => {
     return /* @__PURE__ */ jsx17("div", { className: `matchid-user-popover-divider` });
   };
-  const [usernameOpen, setUsernameOpen] = useState14(false);
+  const [usernameOpen, setUsernameOpen] = useState15(false);
   const [copied, setCopied] = useCopyClipboard();
   const intl = useIntl6();
   return /* @__PURE__ */ jsxs12("div", { className: "matchid-user-popover-content", children: [
@@ -3391,7 +3540,7 @@ function LoginButton({
 }) {
   const intl = useIntl7();
   const { isLogin, username } = useUserInfo();
-  const [loginOpen, setLoginOpen] = useState15(false);
+  const [loginOpen, setLoginOpen] = useState16(false);
   if (!isLogin) {
     return /* @__PURE__ */ jsxs13(Fragment3, { children: [
       /* @__PURE__ */ jsx18(
@@ -3419,7 +3568,7 @@ function LoginButton({
 }
 
 // src/components/UsernameModal/index.tsx
-import { useEffect as useEffect14, useMemo as useMemo9, useState as useState16 } from "react";
+import { useEffect as useEffect15, useMemo as useMemo9, useState as useState17 } from "react";
 import { FormattedMessage as FormattedMessage8, useIntl as useIntl8 } from "react-intl";
 import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
 var ValidItem = ({
@@ -3428,7 +3577,7 @@ var ValidItem = ({
 }) => {
   const isDownMd = useDownMd();
   return /* @__PURE__ */ jsxs14("div", { className: `matchid-valid-status-item matchid-valid-status-${success ? "success" : "error"}`, children: [
-    success ? /* @__PURE__ */ jsx19(CheckRoundIcon, { size: isDownMd ? 12 : 16 }) : /* @__PURE__ */ jsx19(InfoRoundIcon, { size: isDownMd ? 12 : 16 }),
+    success ? /* @__PURE__ */ jsx19(CheckRoundIcon, { size: isDownMd ? 12 : 16 }) : /* @__PURE__ */ jsx19(InfoLineIcon, { size: isDownMd ? 12 : 16 }),
     /* @__PURE__ */ jsx19("span", { children: text })
   ] });
 };
@@ -3440,10 +3589,10 @@ function UsernameModal({
 }) {
   const { username, refreshOverview } = useUserInfo();
   const { isLogin } = useUserInfo();
-  const [val, setVal] = useState16(username);
-  const [error, setError] = useState16("");
+  const [val, setVal] = useState17(username);
+  const [error, setError] = useState17("");
   const isDownMd = useDownMd();
-  useEffect14(() => {
+  useEffect15(() => {
     if (isOpen) {
       setVal(username);
       setError("");
@@ -3456,7 +3605,7 @@ function UsernameModal({
     return val.length >= 2 && val.length <= 32;
   }, [val]);
   const isSafe = isValid && isLength;
-  const [isSubmitting, setIsSubmitting] = useState16(false);
+  const [isSubmitting, setIsSubmitting] = useState17(false);
   const onSubmit = async () => {
     if (isSubmitting) return;
     try {
@@ -3519,7 +3668,7 @@ function UsernameModal({
 }
 
 // src/components/SOLModal/index.tsx
-import React7, { useEffect as useEffect15, useState as useState17 } from "react";
+import React7, { useEffect as useEffect16, useState as useState18 } from "react";
 import { clusterApiUrl } from "@solana/web3.js";
 import { useWallet as useWallet2, WalletProvider, ConnectionProvider } from "@solana/wallet-adapter-react";
 import { WalletModalProvider, useWalletModal } from "@solana/wallet-adapter-react-ui";
@@ -3681,17 +3830,17 @@ function WalletContent({
   const { setVisible, visible } = useWalletModal();
   const wallet = useWallet2();
   const { events, login } = useMatch();
-  const [status, setStatus] = useState17("");
+  const [status, setStatus] = useState18("");
   const statusRef = React7.useRef(status);
-  const [error, setError] = useState17("");
-  useEffect15(() => {
+  const [error, setError] = useState18("");
+  useEffect16(() => {
     const init = async () => {
       await wallet.disconnect();
       setVisible(true);
     };
     init();
   }, []);
-  useEffect15(() => {
+  useEffect16(() => {
     if (wallet.connected) {
       console.log("wallet.connected", wallet.connected);
       toLoginInWallet();
@@ -3827,7 +3976,7 @@ function SOLModal(props) {
 }
 
 // src/components/TRONModal/index.tsx
-import React8, { useEffect as useEffect17, useMemo as useMemo11, useState as useState19 } from "react";
+import React8, { useEffect as useEffect18, useMemo as useMemo11, useState as useState20 } from "react";
 import { useIntl as useIntl10 } from "react-intl";
 
 // src/lib/tron/TronLinkAdapter.ts
@@ -3861,7 +4010,7 @@ var TronLinkAdapter = class {
 };
 
 // src/hooks/useTRONWallet.ts
-import { useEffect as useEffect16, useState as useState18 } from "react";
+import { useEffect as useEffect17, useState as useState19 } from "react";
 
 // src/lib/tron/BitgetAdapter.ts
 var BitgetAdapter = class {
@@ -3906,9 +4055,9 @@ var OKXAdapter = class {
 // src/hooks/useTRONWallet.ts
 var useTRONWallet = () => {
   const wallets2 = [new TronLinkAdapter(), new BitgetAdapter(), new OKXAdapter()];
-  const [installedWallets, setInstalledWallets] = useState18([]);
-  const [address2, setAddress] = useState18(null);
-  useEffect16(() => {
+  const [installedWallets, setInstalledWallets] = useState19([]);
+  const [address2, setAddress] = useState19(null);
+  useEffect17(() => {
     const getInstalled = async () => {
       const installed = await Promise.all(wallets2.map((wallet2) => wallet2.isInstalled().then((isInstalled) => ({
         wallet: wallet2,
@@ -3918,11 +4067,11 @@ var useTRONWallet = () => {
     };
     getInstalled();
   }, []);
-  const [wallet, chooseWallet] = useState18(null);
+  const [wallet, chooseWallet] = useState19(null);
   const onConnect = async () => {
     setAddress(await wallet.connect());
   };
-  useEffect16(() => {
+  useEffect17(() => {
     if (!wallet) {
       setAddress(null);
     }
@@ -3953,9 +4102,9 @@ function TRONConnectModal({
     okx: /* @__PURE__ */ jsx22(OKXIcon, { size: isDownMd ? 36 : 40 })
   };
   const { events, login } = useMatch();
-  const [status, setStatus] = useState19("");
+  const [status, setStatus] = useState20("");
   const statusRef = React8.useRef(status);
-  const [error, setError] = useState19("");
+  const [error, setError] = useState20("");
   const connected = useMemo11(() => {
     return !!address2;
   }, [address2]);
@@ -4024,7 +4173,7 @@ function TRONConnectModal({
       statusRef.current = "";
     }
   };
-  useEffect17(() => {
+  useEffect18(() => {
     if (wallet) {
       console.log("onConnect");
       onConnect();
@@ -4032,12 +4181,12 @@ function TRONConnectModal({
       setStatus("");
     }
   }, [wallet]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (address2) {
       toLoginInWallet();
     }
   }, [address2]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (!props.isOpen) {
       disconnect();
     }
@@ -4095,7 +4244,7 @@ function TRONModal(props) {
 }
 
 // src/components/TONModal/index.tsx
-import React9, { useEffect as useEffect18, useState as useState20 } from "react";
+import React9, { useEffect as useEffect19, useState as useState21 } from "react";
 import { useIntl as useIntl11 } from "react-intl";
 import {
   TonConnectUIProvider,
@@ -4110,15 +4259,15 @@ function WalletContent2({
   type
 }) {
   const { events, login } = useMatch();
-  const [connected, setConnected] = useState20(false);
+  const [connected, setConnected] = useState21(false);
   const wallet = useTonWallet();
   const userFriendlyAddress = useTonAddress();
   const [tonConnectUI] = useTonConnectUI();
   const { state, open, close } = useTonConnectModal();
-  const [status, setStatus] = useState20("");
+  const [status, setStatus] = useState21("");
   const statusRef = React9.useRef(status);
-  const [error, setError] = useState20("");
-  useEffect18(() => {
+  const [error, setError] = useState21("");
+  useEffect19(() => {
     const init = async () => {
       if (wallet) {
         await tonConnectUI.disconnect();
@@ -4191,7 +4340,7 @@ function WalletContent2({
       }
     });
   }, []);
-  useEffect18(() => {
+  useEffect19(() => {
     if (wallet) {
       setConnected(true);
       console.log("Wallet connected:", wallet);
@@ -4202,7 +4351,7 @@ function WalletContent2({
       setStatus("");
     }
   }, [wallet]);
-  useEffect18(() => {
+  useEffect19(() => {
     console.log({
       state,
       wallet
@@ -4282,7 +4431,7 @@ function TONModal(props) {
 }
 
 // src/components/BTCModal/index.tsx
-import React10, { useEffect as useEffect20, useMemo as useMemo12, useState as useState22 } from "react";
+import React10, { useEffect as useEffect21, useMemo as useMemo12, useState as useState23 } from "react";
 import { useIntl as useIntl12 } from "react-intl";
 
 // src/lib/btc/UnisatAdapter.ts
@@ -4437,12 +4586,12 @@ var LeatherAdapter = class {
 };
 
 // src/hooks/useBTCWallet.ts
-import { useEffect as useEffect19, useState as useState21 } from "react";
+import { useEffect as useEffect20, useState as useState22 } from "react";
 var useBTCWallet = () => {
   const wallets2 = [new UnisatAdapter(), new XverseAdapter(), new LeatherAdapter()];
-  const [installedWallets, setInstalledWallets] = useState21([]);
-  const [address2, setAddress] = useState21(null);
-  useEffect19(() => {
+  const [installedWallets, setInstalledWallets] = useState22([]);
+  const [address2, setAddress] = useState22(null);
+  useEffect20(() => {
     const getInstalled = async () => {
       const installed = await Promise.all(wallets2.map((wallet2) => wallet2.isInstalled().then((isInstalled) => ({
         wallet: wallet2,
@@ -4452,11 +4601,11 @@ var useBTCWallet = () => {
     };
     getInstalled();
   }, []);
-  const [wallet, chooseWallet] = useState21(null);
+  const [wallet, chooseWallet] = useState22(null);
   const onConnect = async () => {
     setAddress(await wallet.connect());
   };
-  useEffect19(() => {
+  useEffect20(() => {
     if (!wallet) {
       setAddress(null);
     }
@@ -4487,9 +4636,9 @@ function BTCConnectModal({
     xverse: /* @__PURE__ */ jsx24(XverseIcon, { size: isDownMd ? 36 : 40 })
   };
   const { events, login } = useMatch();
-  const [status, setStatus] = useState22("");
+  const [status, setStatus] = useState23("");
   const statusRef = React10.useRef(status);
-  const [error, setError] = useState22("");
+  const [error, setError] = useState23("");
   const connected = useMemo12(() => {
     return !!address2;
   }, [address2]);
@@ -4554,7 +4703,7 @@ function BTCConnectModal({
       statusRef.current = "";
     }
   };
-  useEffect20(() => {
+  useEffect21(() => {
     if (wallet) {
       console.log("onConnect");
       try {
@@ -4567,12 +4716,12 @@ function BTCConnectModal({
       setStatus("");
     }
   }, [wallet]);
-  useEffect20(() => {
+  useEffect21(() => {
     if (address2) {
       toLoginInWallet();
     }
   }, [address2]);
-  useEffect20(() => {
+  useEffect21(() => {
     if (!props.isOpen) {
       disconnect();
     }
@@ -4714,8 +4863,9 @@ export {
   useMatchWallet,
   useMatchWalletRecords,
   useReceipt,
+  useTransaction,
   hooks_exports,
   MatchProvider,
   useMatch
 };
-//# sourceMappingURL=chunk-BPAPYY5P.mjs.map
+//# sourceMappingURL=chunk-2CK7JQWH.mjs.map