@matchain/matchid-sdk-react 0.1.48-alpha.1 → 0.1.48-alpha.2

package/dist/index.js

@@ -42,7 +42,7 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/MatchContext.tsx
-var import_react32 = require("react");
+var import_react34 = require("react");
 
 // src/hooks/index.tsx
 var hooks_exports = {};
@@ -53,6 +53,7 @@ __export(hooks_exports, {
   useMatchEvents: () => useMatchEvents,
   useMatchWallet: () => useMatchWallet,
   useModal: () => useModal,
+  useReceipt: () => useReceipt,
   useToast: () => useToast,
   useUserInfo: () => useUserInfo,
   useWallet: () => useWallet
@@ -297,11 +298,11 @@ var unBindApi = ({ type }) => {
     data: { type }
   });
 };
-var unBindWalletApi = ({ address }) => {
+var unBindWalletApi = ({ address: address2 }) => {
   return request_default({
     url: `/api/v1/wallet/unbind`,
     method: "POST",
-    data: { address }
+    data: { address: address2 }
   });
 };
 var verifyPohApi = ({
@@ -359,7 +360,7 @@ var getWalletNonceApi = (data) => {
 };
 var loginByWalletApi = ({
   type,
-  address,
+  address: address2,
   signature,
   message,
   connector_type,
@@ -368,7 +369,7 @@ var loginByWalletApi = ({
   return request_default({
     url: `/api/v1/login/wallet`,
     method: "POST",
-    data: { type, address, signature, message, connector_type, wallet_client_type }
+    data: { type, address: address2, signature, message, connector_type, wallet_client_type }
   });
 };
 var getWalletInitApi = (data) => {
@@ -380,7 +381,7 @@ var getWalletInitApi = (data) => {
 };
 var toBindWalletApi = ({
   type,
-  address,
+  address: address2,
   signature,
   message,
   connector_type,
@@ -389,7 +390,7 @@ var toBindWalletApi = ({
   return request_default({
     url: `/api/v1/wallet/bind`,
     method: "POST",
-    data: { type, address, signature, message, connector_type, wallet_client_type }
+    data: { type, address: address2, signature, message, connector_type, wallet_client_type }
   });
 };
 var getAppConfigApi = () => {
@@ -489,7 +490,7 @@ var persistedState = (0, import_middleware.persist)(
     setTheme: (theme) => set({ theme }),
     setEndpoints: (endpoints) => set({ endpoints }),
     address: "",
-    setAddress: (address) => set({ address }),
+    setAddress: (address2) => set({ address: address2 }),
     locale: "en",
     setLocale: (locale) => set({ locale }),
     wallet: {
@@ -549,12 +550,12 @@ var isValidEmail = (email) => {
 var isValidUsername = (username) => {
   return /^[a-zA-Z0-9_-]+$/.test(username);
 };
-function truncateAddress(address) {
-  if (address.length <= 6) {
-    return address;
+function truncateAddress(address2) {
+  if (address2.length <= 6) {
+    return address2;
   }
-  const start = address.slice(0, 4);
-  const end = address.slice(-2);
+  const start = address2.slice(0, 4);
+  const end = address2.slice(-2);
   return `${start}...${end}`;
 }
 function getAppClientId() {
@@ -1751,7 +1752,7 @@ function useUserInfo() {
     logout: logoutStore,
     setOverview,
     overview,
-    address,
+    address: address2,
     endpoints,
     locale,
     refreshOverview
@@ -1979,7 +1980,7 @@ function useUserInfo() {
     token,
     mid,
     did,
-    address,
+    address: address2,
     isLogin,
     logout,
     getLoginEmailCode,
@@ -2043,7 +2044,7 @@ var import_react4 = require("react");
 var import_viem3 = require("viem");
 var AppClientId = "react-sdk-" + getVersion();
 function useWallet() {
-  const { address, wallet: walletConfig } = useLocalStore_default();
+  const { address: address2, wallet: walletConfig } = useLocalStore_default();
   const { walletReady } = useStore_default();
   const { open: openHashPanel } = useHashPanelStore();
   const isRecovered = async () => {
@@ -2091,8 +2092,8 @@ function useWallet() {
     }
   };
   const evmAccount = (0, import_react4.useMemo)(() => {
-    return address ? (0, import_accounts.toAccount)({
-      address,
+    return address2 ? (0, import_accounts.toAccount)({
+      address: address2,
       async signMessage({ message }) {
         return await signMessage2({
           message,
@@ -2123,7 +2124,7 @@ function useWallet() {
         return "0x";
       }
     }) : void 0;
-  }, [address]);
+  }, [address2]);
   (0, import_react4.useEffect)(() => {
     matchlog_default.log("qwe-evmAccount", evmAccount);
   }, [evmAccount]);
@@ -2216,7 +2217,7 @@ function useWallet() {
       });
     };
     const writeContract = async (parameters2) => {
-      const { abi, address: address2, args, dataSuffix, functionName, ...request3 } = parameters2;
+      const { abi, address: address3, args, dataSuffix, functionName, ...request3 } = parameters2;
       const data = (0, import_viem.encodeFunctionData)({
         abi,
         args,
@@ -2224,7 +2225,7 @@ function useWallet() {
       });
       return await sendTransaction({
         data: `${data}${dataSuffix ? dataSuffix.replace("0x", "") : ""}`,
-        to: address2,
+        to: address3,
         ...request3
       });
     };
@@ -2238,7 +2239,7 @@ function useWallet() {
   return {
     walletReady,
     evmAccount,
-    address,
+    address: address2,
     signMessage: signMessage2,
     signTransaction,
     isRecovered,
@@ -3520,7 +3521,7 @@ function ProfileIcon({ size = 24, color = "black", ...props }) {
 var import_react_intl6 = require("react-intl");
 var import_jsx_runtime68 = require("react/jsx-runtime");
 function UserContent() {
-  const { logout, address, username } = useUserInfo();
+  const { logout, address: address2, username } = useUserInfo();
   const [logouting, setLogouting] = (0, import_react18.useState)(false);
   const onLogout = async () => {
     if (logouting) return;
@@ -3556,8 +3557,8 @@ function UserContent() {
   return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "matchid-user-popover-content", children: [
     /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "matchid-user-popover-list", children: [
       /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(UserItem, { onClick: () => {
-        setCopied(address);
-      }, icon: copied ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CheckIcon, { size: 20, color: "#0ecb81" }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CopyIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CheckIcon, { size: 20, color: "var(--icon-color)" }), children: truncateAddress(address) }),
+        setCopied(address2);
+      }, icon: copied ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CheckIcon, { size: 20, color: "#0ecb81" }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CopyIcon, { size: 20, color: "var(--icon-color)" }), rightIcon: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CheckIcon, { size: 20, color: "var(--icon-color)" }), children: truncateAddress(address2) }),
       /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(UserDivider, {}),
       /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(UserItem, { onClick: () => {
         setUsernameOpen(true);
@@ -3784,7 +3785,7 @@ function WalletModalContent({
   setError,
   setVisible,
   visible,
-  address,
+  address: address2,
   connected
 }) {
   const pageData = (0, import_react21.useMemo)(() => {
@@ -3845,7 +3846,7 @@ function WalletModalContent({
       text: "Please Connect your wallet",
       statusImage: walletConnectImage
     };
-  }, [visible, connected, status, error, address]);
+  }, [visible, connected, status, error, address2]);
   return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "matchid-wallet-container", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: `matchid-wallet-box`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: `matchid-wallet-content`, children: [
       /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("img", { src: pageData.statusImage }),
@@ -3892,14 +3893,14 @@ function WalletContent({
   }, [wallet.connected]);
   const toLoginInWallet = async () => {
     if (statusRef.current) return;
-    const address = wallet.publicKey?.toBase58() || "";
+    const address2 = wallet.publicKey?.toBase58() || "";
     try {
       setStatus("nonce");
       statusRef.current = "nonce";
       const res = type == "bind" ? await getWalletInitApi({
-        address,
+        address: address2,
         type: "SOL"
-      }) : await getWalletNonceApi({ address, type: "SOL" });
+      }) : await getWalletNonceApi({ address: address2, type: "SOL" });
       if (!isSuccess(res)) {
         throw new Error(res.message);
       }
@@ -3912,7 +3913,7 @@ function WalletContent({
         const signedMessage = await wallet.signMessage(encodedMessage);
         let obj = {
           type: "SOL",
-          address,
+          address: address2,
           signature: Buffer.from(signedMessage).toString("base64"),
           message,
           connector_type: "SOL",
@@ -4100,7 +4101,7 @@ var OKXAdapter = class {
 var useTRONWallet = () => {
   const wallets2 = [new TronLinkAdapter(), new BitgetAdapter(), new OKXAdapter()];
   const [installedWallets, setInstalledWallets] = (0, import_react23.useState)([]);
-  const [address, setAddress] = (0, import_react23.useState)(null);
+  const [address2, setAddress] = (0, import_react23.useState)(null);
   (0, import_react23.useEffect)(() => {
     const getInstalled = async () => {
       const installed = await Promise.all(wallets2.map((wallet2) => wallet2.isInstalled().then((isInstalled) => ({
@@ -4125,7 +4126,7 @@ var useTRONWallet = () => {
     wallets: wallets2,
     chooseWallet,
     wallet,
-    address,
+    address: address2,
     onConnect
   };
 };
@@ -4139,7 +4140,7 @@ function TRONConnectModal({
 }) {
   const isDownMd = useDownMd();
   const intl = (0, import_react_intl10.useIntl)();
-  const { wallets: wallets2, installedWallets, chooseWallet, wallet, address, onConnect } = useTRONWallet();
+  const { wallets: wallets2, installedWallets, chooseWallet, wallet, address: address2, onConnect } = useTRONWallet();
   const iconMaps = {
     tronlink: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(TronLinkIcon, { size: isDownMd ? 36 : 40 }),
     bitget: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(BitgetIcon, { size: isDownMd ? 36 : 40 }),
@@ -4150,8 +4151,8 @@ function TRONConnectModal({
   const statusRef = import_react24.default.useRef(status);
   const [error, setError] = (0, import_react24.useState)("");
   const connected = (0, import_react24.useMemo)(() => {
-    return !!address;
-  }, [address]);
+    return !!address2;
+  }, [address2]);
   const disconnect = async () => {
     setStatus("");
     chooseWallet(null);
@@ -4165,11 +4166,11 @@ function TRONConnectModal({
     setError("");
   };
   const toLoginInWallet = async () => {
-    if (statusRef.current || !address || !wallet) return;
+    if (statusRef.current || !address2 || !wallet) return;
     try {
       setStatus("nonce");
       statusRef.current = "nonce";
-      const res = type == "bind" ? await getWalletInitApi({ address, type: "TRON" }) : await getWalletNonceApi({ address, type: "TRON" });
+      const res = type == "bind" ? await getWalletInitApi({ address: address2, type: "TRON" }) : await getWalletNonceApi({ address: address2, type: "TRON" });
       if (!isSuccess(res)) {
         throw new Error(res.message);
       }
@@ -4181,7 +4182,7 @@ function TRONConnectModal({
         const signedMessage = await wallet.signMessage(message);
         let obj = {
           type: "TRON",
-          address,
+          address: address2,
           signature: signedMessage,
           message,
           connector_type: "TRON",
@@ -4226,10 +4227,10 @@ function TRONConnectModal({
     }
   }, [wallet]);
   (0, import_react24.useEffect)(() => {
-    if (address) {
+    if (address2) {
       toLoginInWallet();
     }
-  }, [address]);
+  }, [address2]);
   (0, import_react24.useEffect)(() => {
     if (!props.isOpen) {
       disconnect();
@@ -4246,7 +4247,7 @@ function TRONConnectModal({
       setError,
       status,
       disconnect,
-      address: address || "",
+      address: address2 || "",
       connected,
       visible: true,
       setVisible: () => {
@@ -4555,7 +4556,7 @@ var XverseAdapter = class {
     matchlog_default.log("getAccounts ~ response:", response);
     if (response.status === "success") {
       const ordinalsAddressItem = response.result.find(
-        (address) => address.purpose === import_sats_connect.AddressPurpose.Ordinals
+        (address2) => address2.purpose === import_sats_connect.AddressPurpose.Ordinals
       );
       this.address = ordinalsAddressItem?.address || "";
       return ordinalsAddressItem?.address || "";
@@ -4622,7 +4623,7 @@ var import_react26 = require("react");
 var useBTCWallet = () => {
   const wallets2 = [new UnisatAdapter(), new XverseAdapter(), new LeatherAdapter()];
   const [installedWallets, setInstalledWallets] = (0, import_react26.useState)([]);
-  const [address, setAddress] = (0, import_react26.useState)(null);
+  const [address2, setAddress] = (0, import_react26.useState)(null);
   (0, import_react26.useEffect)(() => {
     const getInstalled = async () => {
       const installed = await Promise.all(wallets2.map((wallet2) => wallet2.isInstalled().then((isInstalled) => ({
@@ -4647,7 +4648,7 @@ var useBTCWallet = () => {
     wallets: wallets2,
     chooseWallet,
     wallet,
-    address,
+    address: address2,
     onConnect
   };
 };
@@ -4661,7 +4662,7 @@ function BTCConnectModal({
 }) {
   const isDownMd = useDownMd();
   const intl = (0, import_react_intl12.useIntl)();
-  const { wallets: wallets2, installedWallets, chooseWallet, wallet, address, onConnect } = useBTCWallet();
+  const { wallets: wallets2, installedWallets, chooseWallet, wallet, address: address2, onConnect } = useBTCWallet();
   const iconMaps = {
     leather: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(LeatherIcon, { size: isDownMd ? 36 : 40 }),
     unisat: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(UnisatIcon, { size: isDownMd ? 36 : 40 }),
@@ -4672,8 +4673,8 @@ function BTCConnectModal({
   const statusRef = import_react27.default.useRef(status);
   const [error, setError] = (0, import_react27.useState)("");
   const connected = (0, import_react27.useMemo)(() => {
-    return !!address;
-  }, [address]);
+    return !!address2;
+  }, [address2]);
   const disconnect = async () => {
     wallet && wallet.disconnet && wallet.disconnet();
     setStatus("");
@@ -4682,11 +4683,11 @@ function BTCConnectModal({
     setError("");
   };
   const toLoginInWallet = async () => {
-    if (statusRef.current || !address || !wallet) return;
+    if (statusRef.current || !address2 || !wallet) return;
     try {
       setStatus("nonce");
       statusRef.current = "nonce";
-      const res = type == "bind" ? await getWalletInitApi({ address, type: "BTC" }) : await getWalletNonceApi({ address, type: "BTC" });
+      const res = type == "bind" ? await getWalletInitApi({ address: address2, type: "BTC" }) : await getWalletNonceApi({ address: address2, type: "BTC" });
       if (!isSuccess(res)) {
         throw new Error(res.message);
       }
@@ -4698,7 +4699,7 @@ function BTCConnectModal({
         const signedMessage = await wallet.signMessage(message);
         let obj = {
           type: "BTC",
-          address,
+          address: address2,
           signature: signedMessage,
           message,
           connector_type: "BTC",
@@ -4749,10 +4750,10 @@ function BTCConnectModal({
     }
   }, [wallet]);
   (0, import_react27.useEffect)(() => {
-    if (address) {
+    if (address2) {
       toLoginInWallet();
     }
-  }, [address]);
+  }, [address2]);
   (0, import_react27.useEffect)(() => {
     if (!props.isOpen) {
       disconnect();
@@ -4776,7 +4777,7 @@ function BTCConnectModal({
       setError,
       status,
       disconnect,
-      address: address || "",
+      address: address2 || "",
       connected,
       visible: true,
       setVisible: () => {
@@ -4863,19 +4864,20 @@ function WalletModal(props) {
 
 // src/hooks/useMatchWallet.tsx
 var import_react_qrcode = require("react-qrcode");
+var import_react29 = require("react");
 var import_jsx_runtime78 = require("react/jsx-runtime");
 function useMatchWallet() {
   const modal = useModal();
-  const { address } = useWallet();
+  const { address: address2 } = useWallet();
   const chain = useMatchChain();
   const [copied, setCopied] = useCopyClipboard();
   const toast = useToast();
   const onCopy = () => {
-    setCopied(address);
+    setCopied(address2);
     toast.success("Copied!");
   };
   const showReceiveModal = () => {
-    const chainLink = chain.explorerLink("address/" + address);
+    const chainLink = chain.explorerLink("address/" + address2);
     const ReceiveModal = () => {
       return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: `matchid-receive-modal`, children: [
         /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "matchid-receive-container", children: [
@@ -4885,7 +4887,7 @@ function useMatchWallet() {
             {
               margin: "0",
               className: `matchid-qr-code`,
-              value: address
+              value: address2
             }
           ) }),
           /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
@@ -4894,7 +4896,7 @@ function useMatchWallet() {
               href: chainLink,
               target: "_blank",
               className: `matchid-receive-link`,
-              children: address
+              children: address2
             }
           )
         ] }),
@@ -4911,8 +4913,153 @@ function useMatchWallet() {
   };
 }
 
+// src/hooks/useReceipt.tsx
+var import_react30 = require("react");
+var import_react_query4 = require("@tanstack/react-query");
+var import_viem5 = require("viem");
+var CACHE_TTL = 86400 * 30 * 1e3;
+var MAX_CACHE_SIZE = 500;
+var STORAGE_KEY = "match_receipt_logs";
+function useReceiptCache() {
+  const [cache, setCache] = (0, import_react30.useState)(/* @__PURE__ */ new Map());
+  const isLocalStorageAvailable = (() => {
+    try {
+      const testKey = "__test__";
+      localStorage.setItem(testKey, "1");
+      localStorage.removeItem(testKey);
+      return true;
+    } catch (e) {
+      return false;
+    }
+  })();
+  (0, import_react30.useEffect)(() => {
+    if (isLocalStorageAvailable) {
+      try {
+        const storedData = localStorage.getItem(STORAGE_KEY);
+        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_TTL).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 = (0, import_react30.useCallback)((updatedCache) => {
+    if (isLocalStorageAvailable) {
+      try {
+        const storedData = localStorage.getItem(STORAGE_KEY);
+        let parsed = {};
+        if (storedData) {
+          parsed = JSON.parse(storedData);
+        }
+        updatedCache.forEach((entry, key) => {
+          parsed[key] = entry;
+        });
+        localStorage.setItem(STORAGE_KEY, JSON.stringify(parsed));
+      } catch (e) {
+        console.error("Failed to update localStorage:", e);
+      }
+    }
+  }, []);
+  const set = (0, import_react30.useCallback)((key, value) => {
+    const now = Date.now();
+    const newCache = new Map(cache);
+    newCache.forEach((entry, k) => {
+      if (now - entry.timestamp > CACHE_TTL) {
+        newCache.delete(k);
+      }
+    });
+    if (newCache.size >= MAX_CACHE_SIZE) {
+      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 = (0, import_react30.useCallback)((key) => {
+    const entry = cache.get(key);
+    if (entry) {
+      if (Date.now() - entry.timestamp > CACHE_TTL) {
+        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 = (0, import_react30.useCallback)((key) => {
+    if (cache.has(key)) {
+      const newCache = new Map(cache);
+      newCache.delete(key);
+      setCache(newCache);
+      updateLocalStorage(newCache);
+    }
+  }, [cache, updateLocalStorage]);
+  const clear = (0, import_react30.useCallback)(() => {
+    setCache(/* @__PURE__ */ new Map());
+    if (isLocalStorageAvailable) {
+      localStorage.removeItem(STORAGE_KEY);
+    }
+  }, [isLocalStorageAvailable]);
+  return { set, get, del, clear };
+}
+function useReceipt({
+  chainId,
+  hash
+}) {
+  const { list } = useMatchChain();
+  const cache = useReceiptCache();
+  const chain = list?.find((item) => item.id === chainId);
+  const [shouldRefetch, setShouldRefetch] = (0, import_react30.useState)(true);
+  const query = (0, import_react_query4.useQuery)({
+    queryKey: ["match-tx-receipt", 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 = (0, import_viem5.createPublicClient)({
+          //@ts-ignore
+          chain: (0, import_viem5.defineChain)(chain),
+          transport: (0, import_viem5.http)()
+        });
+        const receipt = await publicClient.getTransaction({ hash });
+        if (!receipt) {
+          return false;
+        }
+        cache.set(cacheKey, receipt);
+        return receipt;
+      } catch (e) {
+        return false;
+      }
+    },
+    refetchInterval: shouldRefetch ? 1e4 : false
+  });
+  (0, import_react30.useEffect)(() => {
+    if (query.data) {
+      setShouldRefetch(false);
+    }
+  }, [query.data]);
+  return query;
+}
+
 // src/components/CEXBindModal/index.tsx
-var import_react29 = require("react");
+var import_react31 = require("react");
 var import_react_intl14 = require("react-intl");
 var import_jsx_runtime79 = require("react/jsx-runtime");
 function CEXBindModal({
@@ -4923,16 +5070,16 @@ function CEXBindModal({
 }) {
   const intl = (0, import_react_intl14.useIntl)();
   const { events } = useMatch();
-  const [APIPassphrase, setAPIPassphrase] = (0, import_react29.useState)("");
+  const [APIPassphrase, setAPIPassphrase] = (0, import_react31.useState)("");
   const { refreshOverview } = useUserInfo();
-  const [loading, setLoading] = (0, import_react29.useState)(false);
-  const [key, setKey] = (0, import_react29.useState)("");
-  const [secret, setSecret] = (0, import_react29.useState)("");
-  const [error, setError] = (0, import_react29.useState)("");
-  const needPassphrase = (0, import_react29.useMemo)(() => {
+  const [loading, setLoading] = (0, import_react31.useState)(false);
+  const [key, setKey] = (0, import_react31.useState)("");
+  const [secret, setSecret] = (0, import_react31.useState)("");
+  const [error, setError] = (0, import_react31.useState)("");
+  const needPassphrase = (0, import_react31.useMemo)(() => {
     return ["bitget", "okx"].includes(type.toLowerCase());
   }, [type]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     if (isOpen) {
       setSecret("");
       setKey("");
@@ -5112,7 +5259,7 @@ var Providers = ({ children }) => {
 var context_default = Providers;
 
 // src/hooks/useWalletInit.ts
-var import_react30 = require("react");
+var import_react32 = require("react");
 
 // src/utils/wallet.ts
 var sendMessage = ({ method, data, resolve, reject, timeout }) => {
@@ -5145,11 +5292,11 @@ function useWalletInit({
 }) {
   const { endpoints, token, overview, setWallet, wallet, appid, locale, refreshOverview } = useLocalStore_default();
   const { setWalletReady, walletReady } = useStore_default();
-  const iframeReadyRef = (0, import_react30.useRef)(walletReady);
-  (0, import_react30.useEffect)(() => {
+  const iframeReadyRef = (0, import_react32.useRef)(walletReady);
+  (0, import_react32.useEffect)(() => {
     setWallet(config);
   }, [config]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     matchlog_default.log("sdk.mpc.status", walletReady, iframeReadyRef.current);
     iframeReadyRef.current = walletReady;
     if (iframeReadyRef.current) {
@@ -5166,7 +5313,7 @@ function useWalletInit({
       onReady();
     }
   }, [walletReady]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     if (!endpoints.auth || !appid || !token || !config) {
       const existingIframe = getWalletIframe();
       if (existingIframe) {
@@ -5266,7 +5413,7 @@ function useWalletInit({
       }
     }
   }, [endpoints.auth, appid, token, config]);
-  (0, import_react30.useEffect)(() => {
+  (0, import_react32.useEffect)(() => {
     const messageHandle = async (e) => {
       if (e.origin !== endpoints.auth.substring(0, endpoints.auth.length - 1)) {
         return;
@@ -5347,7 +5494,7 @@ function useWalletInit({
 }
 
 // src/hooks/useInit.tsx
-var import_react31 = require("react");
+var import_react33 = require("react");
 function useInit({
   theme,
   appid,
@@ -5367,23 +5514,23 @@ function useInit({
     locale: realLocale
   } = useLocalStore_default();
   const walletModalStore = useWalletModalStore();
-  const overviewLoadingRef = (0, import_react31.useRef)(false);
+  const overviewLoadingRef = (0, import_react33.useRef)(false);
   const searchParams = new URLSearchParams(window.location.search);
   const matchToken = searchParams.get("matchToken");
   const realEndpoints = endpoints || env_default.endpoints;
-  (0, import_react31.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     setTheme(theme);
   }, [theme]);
-  (0, import_react31.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     setAppid(appid);
   }, [appid]);
-  (0, import_react31.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     setEndpoints(realEndpoints);
   }, [realEndpoints]);
-  (0, import_react31.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     setLocale(locale || "en");
   }, [locale]);
-  (0, import_react31.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     if (matchToken) {
       const tokenData = JSON.parse(atob(matchToken));
       if (tokenData && tokenData.mid && tokenData.token) {
@@ -5394,7 +5541,7 @@ function useInit({
       }
     }
   }, [matchToken]);
-  (0, import_react31.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     const onLoginMessage = (event) => {
       const res = event.data;
       if (res.event === "login" && res.data && (res.data.token || res.data.token_type && res.data.access_token)) {
@@ -5431,7 +5578,7 @@ function useInit({
       overviewLoadingRef.current = false;
     }
   };
-  (0, import_react31.useEffect)(() => {
+  (0, import_react33.useEffect)(() => {
     if (token) {
       loadOverview();
     }
@@ -5462,7 +5609,7 @@ function useInit({
 }
 
 // src/MatchContext.tsx
-var import_react_query4 = require("@tanstack/react-query");
+var import_react_query5 = require("@tanstack/react-query");
 var import_react_intl15 = require("react-intl");
 
 // src/i18n/en.json
@@ -5948,8 +6095,8 @@ var messages = {
 
 // src/MatchContext.tsx
 var import_jsx_runtime82 = require("react/jsx-runtime");
-var queryClient = new import_react_query4.QueryClient();
-var MatchContext = (0, import_react32.createContext)(void 0);
+var queryClient = new import_react_query5.QueryClient();
+var MatchContext = (0, import_react34.createContext)(void 0);
 var MatchProvider = ({
   children,
   appid,
@@ -5969,7 +6116,7 @@ var MatchProvider = ({
   useWalletInit({
     config: wallet
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react_intl15.IntlProvider, { locale: realLocale, messages: messages[realLocale], children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react_query4.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react_intl15.IntlProvider, { locale: realLocale, messages: messages[realLocale], children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react_query5.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
     MatchContext.Provider,
     {
       value: {
@@ -5985,7 +6132,7 @@ var MatchProvider = ({
   ) }) });
 };
 var useMatch = () => {
-  const context = (0, import_react32.useContext)(MatchContext);
+  const context = (0, import_react34.useContext)(MatchContext);
   if (context === void 0) {
     throw new Error("useMatch must be used within a MatchProvider");
   }
@@ -6011,10 +6158,10 @@ __export(bind_exports, {
   useBindInfo: () => useBindInfo,
   useBindList: () => useBindList
 });
-var import_react_query5 = require("@tanstack/react-query");
+var import_react_query6 = require("@tanstack/react-query");
 function useBindList(options) {
   const { isLogin } = useUserInfo();
-  return (0, import_react_query5.useQuery)({
+  return (0, import_react_query6.useQuery)({
     queryKey: ["bindList"],
     enabled: isLogin,
     queryFn: async () => {
@@ -6026,7 +6173,7 @@ function useBindList(options) {
 }
 function useBindInfo(options) {
   const { isLogin } = useUserInfo();
-  return (0, import_react_query5.useQuery)({
+  return (0, import_react_query6.useQuery)({
     queryKey: ["bindInfo"],
     enabled: isLogin,
     queryFn: async () => {
@@ -6043,10 +6190,10 @@ __export(poh_exports, {
   usePohList: () => usePohList,
   verifyPohApi: () => verifyPohApi
 });
-var import_react_query6 = require("@tanstack/react-query");
+var import_react_query7 = require("@tanstack/react-query");
 function usePohList(options) {
   const { isLogin } = useUserInfo();
-  return (0, import_react_query6.useQuery)({
+  return (0, import_react_query7.useQuery)({
     queryKey: ["pohList"],
     enabled: isLogin,
     queryFn: async () => {
@@ -6072,8 +6219,8 @@ __export(chains_exports, {
 });
 
 // src/config/chains/MatchMain.ts
-var import_viem5 = require("viem");
-var matchMain = /* @__PURE__ */ (0, import_viem5.defineChain)({
+var import_viem6 = require("viem");
+var matchMain = /* @__PURE__ */ (0, import_viem6.defineChain)({
   //定义match链
   id: 698,
   name: "Matchain",
@@ -6100,8 +6247,8 @@ var matchMain = /* @__PURE__ */ (0, import_viem5.defineChain)({
 });
 
 // src/config/chains/MatchTest.ts
-var import_viem6 = require("viem");
-var matchTest = /* @__PURE__ */ (0, import_viem6.defineChain)({
+var import_viem7 = require("viem");
+var matchTest = /* @__PURE__ */ (0, import_viem7.defineChain)({
   //定义matchTest链
   id: 699,
   name: "MatchTest",