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

package/dist/{chunk-BPAPYY5P.mjs → chunk-EY6NPX4M.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";
@@ -526,6 +526,13 @@ var getWalletChainListApi = () => {
     method: "POST"
   });
 };
+var getWalletNftListApi = (data) => {
+  return request_default({
+    url: `/api/v1/wallet/nfts`,
+    method: "POST",
+    data
+  });
+};
 
 // src/store/useLocalStore.ts
 var persistedState = persist(
@@ -597,6 +604,7 @@ __export(hooks_exports, {
   useModal: () => useModal,
   useReceipt: () => useReceipt,
   useToast: () => useToast,
+  useTransaction: () => useTransaction,
   useUserInfo: () => useUserInfo,
   useWallet: () => useWallet
 });
@@ -1096,6 +1104,7 @@ __export(wallet_exports, {
   useChainListQuery: () => useChainListQuery,
   useImportTokenListQuery: () => useImportTokenListQuery,
   useWalletChainListQuery: () => useWalletChainListQuery,
+  useWalletNftListQuery: () => useWalletNftListQuery,
   userImportTokenApi: () => userImportTokenApi
 });
 import { useQuery } from "@tanstack/react-query";
@@ -1165,9 +1174,32 @@ function useWalletChainListQuery(options) {
     ...options
   });
 }
+function useWalletNftListQuery({
+  chainId,
+  address: address2,
+  ...options
+}) {
+  const { isLogin, token } = useUserInfo();
+  return useQuery({
+    queryKey: ["match-wallet-nft-list", token, chainId, address2],
+    queryFn: async () => {
+      const res = await getWalletNftListApi({
+        chain_id: chainId.toString(),
+        address: address2
+      });
+      if (!isSuccess(res)) {
+        return [];
+      }
+      return res.data;
+    },
+    enabled: isLogin,
+    ...options
+  });
+}
 
 // src/hooks/useMatchChain.tsx
 import { useMemo as useMemo3, useState as useState6 } from "react";
+import { createPublicClient, http } from "viem";
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function useMatchChain() {
   const chainListQuery = useChainListQuery();
@@ -1227,69 +1259,239 @@ function useMatchChain() {
       content: ChangeNetwork
     });
   };
+  const publicClient = useMemo3(() => {
+    if (!chain) {
+      return null;
+    }
+    return createPublicClient({
+      chain,
+      transport: http()
+    });
+  }, [chain]);
   return {
     list: chainListQuery.data,
     chainId,
     setChainId,
     chain,
     explorerLink,
-    showChangeNetwork
+    showChangeNetwork,
+    publicClient
   };
 }
 
 // src/hooks/useMatchWallet.tsx
 import { QRCode } from "react-qrcode";
-import { useEffect as useEffect6, useState as useState7 } from "react";
+import { useEffect as useEffect6, useMemo as useMemo4, useRef, useState as useState7 } from "react";
 
 // example/src/config/contract.ts
 var address = "0x4143e29770fd63e24bb1f32d50bf8a590e34de4b";
 
 // src/hooks/useMatchWallet.tsx
 import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-function useMatchWallet() {
-  const modal = useModal();
-  const { address: address2 } = useWallet();
+var ReceiveModal = () => {
   const chain = useMatchChain();
+  const { address: address2 } = useWallet();
   const [copied, setCopied] = useCopyClipboard();
   const toast = useToast();
   const onCopy = () => {
     setCopied(address2);
     toast.success("Copied!");
   };
+  const chainLink = chain.explorerLink("address/" + address2);
+  return /* @__PURE__ */ jsxs5("div", { className: `matchid-receive-modal`, children: [
+    /* @__PURE__ */ jsxs5("div", { className: "matchid-receive-container", children: [
+      /* @__PURE__ */ jsx6("div", { className: `matchid-receive-text`, children: "Receive by scanning the QR code" }),
+      /* @__PURE__ */ jsx6("div", { className: `matchid-qr-container`, children: /* @__PURE__ */ jsx6(
+        QRCode,
+        {
+          margin: "0",
+          className: `matchid-qr-code`,
+          value: address2
+        }
+      ) }),
+      /* @__PURE__ */ jsx6(
+        "a",
+        {
+          href: chainLink,
+          target: "_blank",
+          className: `matchid-receive-link`,
+          children: address2
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx6(Button, { size: "lg", onClick: onCopy, block: true, highlight: true, disabled: copied, children: "Copy Address" })
+  ] });
+};
+var ImportTokenModal = ({ close }) => {
+  const [address2, setAddress] = useState7("");
+  const [symbol, setSymbol] = useState7("");
+  const [decimals, setDecimals] = useState7("");
+  const [error, setError] = useState7({});
+  const { publicClient, chainId } = useMatchChain();
+  const getContractInfo = async () => {
+    if (!publicClient) return;
+    const erc20Abi = [
+      {
+        name: "decimals",
+        type: "function",
+        stateMutability: "view",
+        inputs: [],
+        outputs: [{ name: "decimals", type: "uint8" }]
+      },
+      {
+        name: "symbol",
+        type: "function",
+        stateMutability: "view",
+        inputs: [],
+        outputs: [{ name: "symbol", type: "string" }]
+      }
+    ];
+    const calls = [
+      {
+        address: address2,
+        abi: erc20Abi,
+        functionName: "symbol",
+        args: []
+      },
+      {
+        address: address2,
+        abi: erc20Abi,
+        functionName: "decimals",
+        args: []
+      }
+    ];
+    try {
+      const results = await publicClient.multicall({ contracts: calls });
+      console.log("results", results);
+      if (!symbol && results[0]?.status == "success") {
+        setSymbol(results[0]?.result);
+      }
+      if (!decimals && results[1]?.status == "success") {
+        setDecimals((results[1]?.result).toString());
+      }
+    } catch (error2) {
+      setError({
+        address: error2.message
+      });
+    }
+  };
+  useEffect6(() => {
+    if (address2.length === 42) {
+      const reg = /^0x[0-9a-fA-F]{40}$/;
+      if (!reg.test(address2)) {
+        setError({
+          ...error,
+          address: "Invalid address"
+        });
+      } else {
+        setError({
+          ...error,
+          address: ""
+        });
+        publicClient && getContractInfo();
+      }
+    }
+  }, [address2, publicClient]);
+  const [loading, setLoading] = useState7(false);
+  const toast = useToast();
+  const onImport = async () => {
+    setLoading(true);
+    try {
+      const res = await userImportTokenApi({
+        chain_id: chainId?.toString() || "",
+        symbol,
+        address: address2,
+        decimals
+      });
+      if (isSuccess(res)) {
+        toast.success("Imported successfully");
+        close();
+      } else {
+        toast.error(res.message);
+      }
+    } catch (error2) {
+      toast.error(error2.message);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const canImport = useMemo4(() => {
+    if (!address2) {
+      return false;
+    }
+    if (!symbol) {
+      return false;
+    }
+    if (decimals.length === 0) {
+      return false;
+    }
+    const reg = /^0x[0-9a-fA-F]{40}$/;
+    if (!reg.test(address2)) {
+      return false;
+    }
+    return true;
+  }, [error, address2, symbol, decimals]);
+  return /* @__PURE__ */ jsxs5("div", { className: `matchid-import-token`, children: [
+    /* @__PURE__ */ jsxs5("div", { className: "matchid-import-token-form", children: [
+      /* @__PURE__ */ jsx6(Field, { label: "Token Smart Contract", error: error.address, children: /* @__PURE__ */ jsx6(
+        Input,
+        {
+          placeholder: "Enter the Token Smart Contract",
+          value: address2,
+          onChange: (e) => setAddress(e.target.value),
+          maxLength: 42
+        }
+      ) }),
+      /* @__PURE__ */ jsx6(Field, { label: "Token Symbol", error: error.symbol, children: /* @__PURE__ */ jsx6(
+        Input,
+        {
+          placeholder: "Enter the Token Symbol",
+          value: symbol,
+          onChange: (e) => setSymbol(e.target.value),
+          maxLength: 16
+        }
+      ) }),
+      /* @__PURE__ */ jsx6(Field, { label: "Decimals", error: error.decimals, children: /* @__PURE__ */ jsx6(
+        Input,
+        {
+          placeholder: "Enter the Decimals",
+          type: "number",
+          value: decimals,
+          onChange: (e) => setDecimals(e.target.value)
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx6(
+      Button,
+      {
+        size: "lg",
+        onClick: onImport,
+        block: true,
+        loading,
+        disabled: !canImport,
+        highlight: true,
+        children: "Import"
+      }
+    )
+  ] });
+};
+function useMatchWallet() {
+  const modal = useModal();
   const showReceiveModal = () => {
-    const chainLink = chain.explorerLink("address/" + address2);
-    const ReceiveModal = () => {
-      return /* @__PURE__ */ jsxs5("div", { className: `matchid-receive-modal`, children: [
-        /* @__PURE__ */ jsxs5("div", { className: "matchid-receive-container", children: [
-          /* @__PURE__ */ jsx6("div", { className: `matchid-receive-text`, children: "Receive by scanning the QR code" }),
-          /* @__PURE__ */ jsx6("div", { className: `matchid-qr-container`, children: /* @__PURE__ */ jsx6(
-            QRCode,
-            {
-              margin: "0",
-              className: `matchid-qr-code`,
-              value: address2
-            }
-          ) }),
-          /* @__PURE__ */ jsx6(
-            "a",
-            {
-              href: chainLink,
-              target: "_blank",
-              className: `matchid-receive-link`,
-              children: address2
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx6(Button, { size: "lg", onClick: onCopy, block: true, highlight: true, disabled: copied, children: "Copy Address" })
-      ] });
-    };
     modal.open({
       title: "Receive",
       content: ReceiveModal
     });
   };
+  const showImportTokenModal = () => {
+    modal.open({
+      title: "Customized Token",
+      content: ImportTokenModal
+    });
+  };
   return {
-    showReceiveModal
+    showReceiveModal,
+    showImportTokenModal
   };
 }
 function useMatchWalletRecords({
@@ -1298,8 +1500,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 +1515,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(() => {
@@ -1335,7 +1540,7 @@ function useMatchWalletRecords({
 // src/hooks/useReceipt.tsx
 import { useState as useState8, useCallback as useCallback4, useEffect as useEffect7 } from "react";
 import { useQuery as useQuery2 } from "@tanstack/react-query";
-import { createPublicClient, defineChain, http } from "viem";
+import { createPublicClient as createPublicClient2, defineChain, http as http2 } from "viem";
 var CACHE_TTL = 86400 * 30 * 1e3;
 var MAX_CACHE_SIZE = 500;
 var STORAGE_KEY = "match_receipt_logs";
@@ -1452,10 +1657,9 @@ function useReceipt({
         return cache.get(cacheKey);
       }
       try {
-        const publicClient = createPublicClient({
-          //@ts-ignore
+        const publicClient = createPublicClient2({
           chain: defineChain(chain),
-          transport: http()
+          transport: http2()
         });
         const receipt = await publicClient.getTransactionReceipt({ hash });
         if (!receipt) {
@@ -1477,8 +1681,152 @@ 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 createPublicClient3, defineChain as defineChain2, http as http3 } 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 = createPublicClient3({
+          chain: defineChain2(chain),
+          transport: http3()
+        });
+        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 +1837,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 +2026,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 +2059,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 +2080,7 @@ function useWalletInit({
       onReady();
     }
   }, [walletReady]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (!endpoints.auth || !appid || !token || !config) {
       const existingIframe = getWalletIframe();
       if (existingIframe) {
@@ -1832,7 +2180,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 +2261,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 +2281,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 +2308,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 +2345,7 @@ function useInit({
       overviewLoadingRef.current = false;
     }
   };
-  useEffect10(() => {
+  useEffect11(() => {
     if (token) {
       loadOverview();
     }
@@ -2812,7 +3160,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 +3172,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 +3213,7 @@ function StepVerify(props) {
       setSending(false);
     }
   };
-  useEffect12(() => {
+  useEffect13(() => {
     onSend();
     return () => {
       if (intervalRef.current) {
@@ -2950,10 +3298,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 +3326,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 +3439,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 +3589,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 +3632,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 +3664,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 +3693,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 +3739,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 +3767,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 +3776,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 +3788,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 +3804,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 +3867,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 +4029,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 +4175,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 +4209,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 +4254,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 +4266,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 +4301,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 +4372,7 @@ function TRONConnectModal({
       statusRef.current = "";
     }
   };
-  useEffect17(() => {
+  useEffect18(() => {
     if (wallet) {
       console.log("onConnect");
       onConnect();
@@ -4032,12 +4380,12 @@ function TRONConnectModal({
       setStatus("");
     }
   }, [wallet]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (address2) {
       toLoginInWallet();
     }
   }, [address2]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (!props.isOpen) {
       disconnect();
     }
@@ -4095,7 +4443,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 +4458,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 +4539,7 @@ function WalletContent2({
       }
     });
   }, []);
-  useEffect18(() => {
+  useEffect19(() => {
     if (wallet) {
       setConnected(true);
       console.log("Wallet connected:", wallet);
@@ -4202,7 +4550,7 @@ function WalletContent2({
       setStatus("");
     }
   }, [wallet]);
-  useEffect18(() => {
+  useEffect19(() => {
     console.log({
       state,
       wallet
@@ -4282,7 +4630,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 +4785,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 +4800,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 +4835,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 +4902,7 @@ function BTCConnectModal({
       statusRef.current = "";
     }
   };
-  useEffect20(() => {
+  useEffect21(() => {
     if (wallet) {
       console.log("onConnect");
       try {
@@ -4567,12 +4915,12 @@ function BTCConnectModal({
       setStatus("");
     }
   }, [wallet]);
-  useEffect20(() => {
+  useEffect21(() => {
     if (address2) {
       toLoginInWallet();
     }
   }, [address2]);
-  useEffect20(() => {
+  useEffect21(() => {
     if (!props.isOpen) {
       disconnect();
     }
@@ -4714,8 +5062,9 @@ export {
   useMatchWallet,
   useMatchWalletRecords,
   useReceipt,
+  useTransaction,
   hooks_exports,
   MatchProvider,
   useMatch
 };
-//# sourceMappingURL=chunk-BPAPYY5P.mjs.map
+//# sourceMappingURL=chunk-EY6NPX4M.mjs.map