@matchain/matchid-sdk-react 0.1.37-alpha.7 → 0.1.37-alpha.8

package/dist/{chunk-23RO4KEG.mjs → chunk-65NEGWW3.mjs}

@@ -4,6 +4,7 @@ import {
   ArrowRightIcon,
   BTCDarkIcon,
   BTCLightIcon,
+  BitgetIcon,
   CheckIcon,
   CheckRoundIcon,
   CloseEyeIcon,
@@ -22,18 +23,22 @@ import {
   LinkedinIcon,
   LoadingIcon_default,
   LoginIcon_default,
+  OKXIcon,
   OpenEyeIcon,
   PasswordRoundIcon,
   SOLDarkIcon,
   SOLLightIcon,
+  TRXDarkIcon,
+  TRXLightIcon,
   TelegramIcon,
+  TronLinkIcon,
   UnLoginIcon_default,
   UnisatIcon,
   WalletIcon,
   XIcon,
   XverseIcon,
   YoutubeIcon
-} from "./chunk-2Z3EM7MH.mjs";
+} from "./chunk-6PWH7WZI.mjs";
 import {
   __export
 } from "./chunk-J5LGTIGS.mjs";
@@ -88,7 +93,7 @@ var localStore = useLocalStore;
 var useLocalStore_default = useLocalStore;
 
 // src/hooks/useUserInfo.tsx
-import { useMemo as useMemo8 } from "react";
+import { useMemo as useMemo9 } from "react";
 
 // src/api/request.ts
 import axios from "axios";
@@ -741,7 +746,7 @@ var useSOLModalStore = create3((set) => ({
   open: (type) => set({ isOpen: true, type }),
   close: () => set({ isOpen: false })
 }));
-var useTronModalStore = create3((set) => ({
+var useTRONModalStore = create3((set) => ({
   isOpen: false,
   type: "",
   open: (type) => set({ isOpen: true, type }),
@@ -777,7 +782,7 @@ __export(components_exports, {
   PasswordModal: () => PasswordModal,
   Popover: () => Popover,
   SOLModal: () => SOLModal,
-  TronModal: () => TronModal,
+  TRONModal: () => TRONModal,
   UsernameModal: () => UsernameModal
 });
 
@@ -1179,6 +1184,12 @@ function LoginBox({
       activeIcon: /* @__PURE__ */ jsx11(BTCLightIcon, { size: isDownMd ? 36 : 40 }),
       name: "BTC",
       onClick: () => login("btc")
+    },
+    tron: {
+      icon: /* @__PURE__ */ jsx11(TRXDarkIcon, { size: isDownMd ? 36 : 40 }),
+      activeIcon: /* @__PURE__ */ jsx11(TRXLightIcon, { size: isDownMd ? 36 : 40 }),
+      name: "TRON",
+      onClick: () => login("tron")
     }
   };
   return /* @__PURE__ */ jsxs9(Fragment2, { children: [
@@ -1895,61 +1906,157 @@ function SOLModal({
   }), children: /* @__PURE__ */ jsx20(ConnectionProvider, { endpoint: clusterApiUrl("devnet"), children: /* @__PURE__ */ jsx20(WalletProvider, { wallets, autoConnect: true, children: /* @__PURE__ */ jsx20(WalletModalProvider, { children: /* @__PURE__ */ jsx20(WalletContent, { onSuccess, type }) }) }) }) });
 }
 
-// src/components/TronModal/index.tsx
-import React4, { useEffect as useEffect9, useState as useState14 } from "react";
+// src/components/TRONModal/index.tsx
+import React4, { useEffect as useEffect10, useMemo as useMemo7, useState as useState15 } from "react";
 import { useIntl as useIntl11 } from "react-intl";
-import { jsx as jsx21 } from "react/jsx-runtime";
-function WalletContent2({
-  onSuccess,
-  type
-}) {
-  const { events, login } = useMatch();
-  const disconnect = async () => {
-  };
-  const [status, setStatus] = useState14("");
-  const statusRef = React4.useRef(status);
-  const [error, setError] = useState14("");
-  const [visible, setVisible] = useState14(false);
-  const [walletAddress, setWalletAddress] = useState14("");
-  const [connected, setConnected] = useState14(false);
-  const checkConnection = () => {
-    if (window.tronWeb && window.tronWeb.defaultAddress && window.tronWeb.defaultAddress.base58) {
-      const address = window.tronWeb.defaultAddress.base58;
-      matchlog_default.log("tron address", address);
-      setWalletAddress(address);
-      setConnected(true);
-    } else {
-      setWalletAddress("");
-      setConnected(false);
+
+// src/lib/tron/TronLinkAdapter.ts
+var TronLinkAdapter = class {
+  constructor() {
+    this.name = "TronLink Wallet";
+    this.website = "https://www.tronlink.org/";
+    this.walletKey = "tronlink";
+  }
+  async isInstalled() {
+    return typeof window.tronWeb !== "undefined" && typeof window.tronLink !== "undefined";
+  }
+  async connect() {
+    if (!await this.isInstalled()) throw new Error("TronLink Wallet is not installed");
+    if (!window.tronWeb.defaultAddress.base58) {
+      await window.tronWeb.request(
+        {
+          method: "tron_requestAccounts",
+          params: window.tronLink.tronlinkParams
+        }
+      );
     }
-  };
-  useEffect9(() => {
-    if (typeof window.tronWeb !== "undefined") {
-      checkConnection();
-      const interval = setInterval(() => {
-        checkConnection();
-      }, 1e3);
-      return () => clearInterval(interval);
-    } else {
+    if (!window.tronWeb.defaultAddress.base58) {
+      throw new Error("Your should unlink your wallet and try again");
     }
-  }, []);
+    return window.tronWeb.defaultAddress.base58;
+  }
+  async signMessage(message) {
+    return await window.tronWeb.trx.signMessageV2(message);
+  }
+};
+
+// src/hooks/useTRONWallet.ts
+import { useEffect as useEffect9, useState as useState14 } from "react";
+
+// src/lib/tron/BitgetAdapter.ts
+var BitgetAdapter = class {
+  constructor() {
+    this.name = "Bitget Wallet";
+    this.website = "https://web3.bitget.com/zh-CN/wallet-download";
+    this.walletKey = "bitget";
+  }
+  async isInstalled() {
+    return typeof window.bitkeep !== "undefined" && typeof window.bitkeep.tronWeb !== "undefined" && typeof window.bitkeep.tronLink !== "undefined";
+  }
+  async connect() {
+    if (!await this.isInstalled()) throw new Error("Bitkeep Wallet is not installed");
+    await window.bitkeep.tronLink.request({ method: "tron_requestAccounts" });
+    return window.bitkeep.tronWeb.defaultAddress.base58;
+  }
+  async signMessage(message) {
+    return await window.bitkeep.tronWeb.trx.signMessageV2(message);
+  }
+};
+
+// src/lib/tron/OKXAdapter.ts
+var OKXAdapter = class {
+  constructor() {
+    this.name = "OKX Wallet";
+    this.website = "https://www.okx.com/zh-hans/download";
+    this.walletKey = "okx";
+  }
+  async isInstalled() {
+    return typeof window.okxwallet !== "undefined" && typeof window.okxwallet.tronWeb !== "undefined" && typeof window.okxwallet.tronLink !== "undefined";
+  }
+  async connect() {
+    if (!await this.isInstalled()) throw new Error("OKX Wallet is not installed");
+    await window.okxwallet.tronLink.request({ method: "tron_requestAccounts" });
+    return window.okxwallet.tronWeb.defaultAddress.base58;
+  }
+  async signMessage(message) {
+    return await window.okxwallet.tronWeb.trx.signMessageV2(message);
+  }
+};
+
+// src/hooks/useTRONWallet.ts
+var useTRONWallet = () => {
+  const wallets2 = [new TronLinkAdapter(), new BitgetAdapter(), new OKXAdapter()];
+  const [installedWallets, setInstalledWallets] = useState14([]);
+  const [address, setAddress] = useState14(null);
   useEffect9(() => {
-    const init = async () => {
-      setVisible(true);
+    const getInstalled = async () => {
+      const installed = await Promise.all(wallets2.map((wallet2) => wallet2.isInstalled().then((isInstalled) => ({
+        wallet: wallet2,
+        isInstalled
+      }))));
+      setInstalledWallets(installed.filter(({ isInstalled }) => isInstalled).map(({ wallet: wallet2 }) => wallet2));
     };
-    init();
+    getInstalled();
   }, []);
+  const [wallet, chooseWallet] = useState14(null);
+  const onConnect = async () => {
+    setAddress(await wallet.connect());
+  };
   useEffect9(() => {
-    if (connected) {
-      toLoginInWallet();
+    if (!wallet) {
+      setAddress(null);
     }
-  }, [connected]);
+  }, [wallet]);
+  return {
+    installedWallets,
+    wallets: wallets2,
+    chooseWallet,
+    wallet,
+    address,
+    onConnect
+  };
+};
+
+// src/components/TRONModal/index.tsx
+import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+function TRONModal({
+  type = "login",
+  onSuccess,
+  ...props
+}) {
+  const isDownMd = useDownMd();
+  const intl = useIntl11();
+  const { wallets: wallets2, installedWallets, chooseWallet, wallet, address, onConnect } = useTRONWallet();
+  const iconMaps = {
+    tronlink: /* @__PURE__ */ jsx21(TronLinkIcon, { size: isDownMd ? 36 : 40 }),
+    bitget: /* @__PURE__ */ jsx21(BitgetIcon, { size: isDownMd ? 36 : 40 }),
+    okx: /* @__PURE__ */ jsx21(OKXIcon, { size: isDownMd ? 36 : 40 })
+  };
+  const { events, login } = useMatch();
+  const [status, setStatus] = useState15("");
+  const statusRef = React4.useRef(status);
+  const [error, setError] = useState15("");
+  const connected = useMemo7(() => {
+    return !!address;
+  }, [address]);
+  const disconnect = async () => {
+    setStatus("");
+    chooseWallet(null);
+    statusRef.current = "";
+    setError("");
+  };
+  const onBack = () => {
+    setStatus("");
+    chooseWallet(null);
+    statusRef.current = "";
+    setError("");
+  };
   const toLoginInWallet = async () => {
-    if (statusRef.current) return;
+    if (statusRef.current || !address || !wallet) return;
     try {
       setStatus("nonce");
       statusRef.current = "nonce";
-      const res = type == "bind" ? await getWalletInitApi({ address: walletAddress }) : await getWalletNonceApi({ address: walletAddress });
+      const res = type == "bind" ? await getWalletInitApi({ address }) : await getWalletNonceApi({ address });
       if (!isSuccess(res)) {
         throw new Error(res.message);
       }
@@ -1958,15 +2065,14 @@ function WalletContent2({
         setStatus("signer");
         statusRef.current = "signer";
         const message = "By signing, you are proving you own this wallet and logging in. This does not initiate a transaction or cost any fees.Nonce:" + res.data.nonce;
-        const encodedMessage = new TextEncoder().encode(message);
-        const signedMessage = await window.tronWeb.trx.signMessageV2(encodedMessage);
+        const signedMessage = await wallet.signMessage(message);
         let obj = {
-          type: "Tron",
-          address: walletAddress,
-          signature: Buffer.from(signedMessage).toString("base64"),
+          type: "TRON",
+          address,
+          signature: signedMessage,
           message,
-          connector_type: "Tron",
-          wallet_client_type: "TronLink"
+          connector_type: "TRON",
+          wallet_client_type: wallet.walletKey
         };
         const res1 = type == "bind" ? await toBindWalletApi(obj) : await loginByWalletApi(obj);
         if (res1) {
@@ -1998,37 +2104,75 @@ function WalletContent2({
       statusRef.current = "";
     }
   };
-  return /* @__PURE__ */ jsx21(
+  useEffect10(() => {
+    if (wallet) {
+      console.log("onConnect");
+      onConnect();
+    } else {
+      setStatus("");
+    }
+  }, [wallet]);
+  useEffect10(() => {
+    if (address) {
+      toLoginInWallet();
+    }
+  }, [address]);
+  useEffect10(() => {
+    if (!props.isOpen) {
+      disconnect();
+    }
+  }, [props.isOpen]);
+  return /* @__PURE__ */ jsx21(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+    id: type == "bind" ? "bindWith" : "loginWith"
+  }, {
+    name: "TRON"
+  }), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ jsx21(
     WalletModalContent,
     {
-      connected,
-      disconnect,
-      address: walletAddress,
-      visible,
-      setVisible,
       error,
       setError,
-      status
+      status,
+      disconnect,
+      address: address || "",
+      connected,
+      visible: true,
+      setVisible: () => {
+      }
     }
-  );
-}
-function TronModal({
-  type = "login",
-  onSuccess,
-  ...props
-}) {
-  const intl = useIntl11();
-  return /* @__PURE__ */ jsx21(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
-    id: type == "bind" ? "bindWith" : "loginWith"
-  }, {
-    name: "Tron"
-  }), children: typeof window.tronWeb === "undefined" ? /* @__PURE__ */ jsx21(Button, { onClick: () => {
-    window.open("https://chromewebstore.google.com/detail/tronlink/ibnejdfjmmkpcnlpebklmnkoeoihofec");
-  }, children: "Install TronLink extension" }) : /* @__PURE__ */ jsx21(WalletContent2, { onSuccess, type }) });
+  ) : /* @__PURE__ */ jsx21("div", { className: "matchid-login-box", children: /* @__PURE__ */ jsxs17("div", { className: "matchid-login-recommend-list", children: [
+    installedWallets.map((wallet2) => {
+      return /* @__PURE__ */ jsx21(
+        RecommendItem,
+        {
+          icon: iconMaps[wallet2.walletKey],
+          name: wallet2.name,
+          onClick: () => {
+            chooseWallet(wallet2);
+          }
+        },
+        wallet2.walletKey
+      );
+    }),
+    wallets2.filter((wallet2) => !installedWallets.find((installedWallet) => installedWallet.walletKey == wallet2.walletKey)).map((wallet2) => {
+      return /* @__PURE__ */ jsx21(
+        RecommendItem,
+        {
+          icon: iconMaps[wallet2.walletKey],
+          name: wallet2.name,
+          onClick: () => {
+          },
+          footer: /* @__PURE__ */ jsx21(Button, { size: "sm", onClick: () => {
+            window.open(wallet2.website);
+          }, children: "Install" })
+        },
+        wallet2.walletKey
+      );
+    })
+  ] }) }) });
 }
 
 // src/components/BTCModal/index.tsx
-import React5, { useEffect as useEffect11, useMemo as useMemo7, useState as useState16 } from "react";
+import React5, { useEffect as useEffect12, useMemo as useMemo8, useState as useState17 } from "react";
 import { useIntl as useIntl12 } from "react-intl";
 
 // src/lib/btc/UnisatAdapter.ts
@@ -2065,6 +2209,10 @@ var UnisatAdapter = class {
     if (!await this.isInstalled()) throw new Error("Unisat Wallet is not installed");
     return window.unisat.signMessage(message, "bip322-simple");
   }
+  async disconnet() {
+    if (!await this.isInstalled()) throw new Error("Unisat Wallet is not installed");
+    return window.unisat.disconnect();
+  }
 };
 
 // src/lib/btc/XverseAdapter.ts
@@ -2148,6 +2296,10 @@ var XverseAdapter = class {
       });
     });
   }
+  async disconnet() {
+    if (!await this.isInstalled()) throw new Error("Xverse Wallet is not installed");
+    await request2("wallet_disconnect", null);
+  }
 };
 
 // src/lib/btc/LeatherAdapter.ts
@@ -2175,12 +2327,12 @@ var LeatherAdapter = class {
 };
 
 // src/hooks/useBTCWallet.ts
-import { useEffect as useEffect10, useState as useState15 } from "react";
+import { useEffect as useEffect11, useState as useState16 } from "react";
 var useBTCWallet = () => {
   const wallets2 = [new UnisatAdapter(), new XverseAdapter(), new LeatherAdapter()];
-  const [installedWallets, setInstalledWallets] = useState15([]);
-  const [address, setAddress] = useState15(null);
-  useEffect10(() => {
+  const [installedWallets, setInstalledWallets] = useState16([]);
+  const [address, setAddress] = useState16(null);
+  useEffect11(() => {
     const getInstalled = async () => {
       const installed = await Promise.all(wallets2.map((wallet2) => wallet2.isInstalled().then((isInstalled) => ({
         wallet: wallet2,
@@ -2190,11 +2342,11 @@ var useBTCWallet = () => {
     };
     getInstalled();
   }, []);
-  const [wallet, chooseWallet] = useState15(null);
+  const [wallet, chooseWallet] = useState16(null);
   const onConnect = async () => {
     setAddress(await wallet.connect());
   };
-  useEffect10(() => {
+  useEffect11(() => {
     if (!wallet) {
       setAddress(null);
     }
@@ -2210,7 +2362,7 @@ var useBTCWallet = () => {
 };
 
 // src/components/BTCModal/index.tsx
-import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
 function BTCModal({
   type = "login",
   onSuccess,
@@ -2225,15 +2377,18 @@ function BTCModal({
     xverse: /* @__PURE__ */ jsx22(XverseIcon, { size: isDownMd ? 36 : 40 })
   };
   const { events, login } = useMatch();
-  const [status, setStatus] = useState16("");
+  const [status, setStatus] = useState17("");
   const statusRef = React5.useRef(status);
-  const [error, setError] = useState16("");
-  const connected = useMemo7(() => {
+  const [error, setError] = useState17("");
+  const connected = useMemo8(() => {
     return !!address;
   }, [address]);
   const disconnect = async () => {
+    wallet.disconnet();
     setStatus("");
     chooseWallet(null);
+    statusRef.current = "";
+    setError("");
   };
   const toLoginInWallet = async () => {
     if (statusRef.current || !address || !wallet) return;
@@ -2256,7 +2411,7 @@ function BTCModal({
           signature: signedMessage,
           message,
           connector_type: "BTC",
-          wallet_client_type: wallet.name
+          wallet_client_type: wallet.walletKey
         };
         const res1 = type == "bind" ? await toBindWalletApi(obj) : await loginByWalletApi(obj);
         if (res1) {
@@ -2283,37 +2438,47 @@ function BTCModal({
         }
       }
     } catch (error2) {
+      console.error("btc error", error2);
       setStatus("error");
       setError(error2.message);
       statusRef.current = "";
     }
   };
-  useEffect11(() => {
+  useEffect12(() => {
     if (wallet) {
       console.log("onConnect");
-      onConnect();
+      try {
+        onConnect();
+      } catch (err) {
+        setStatus("error");
+        setError(err.message);
+      }
     } else {
       setStatus("");
     }
   }, [wallet]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (address) {
       toLoginInWallet();
     }
   }, [address]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!props.isOpen) {
-      setStatus("");
       disconnect();
     }
   }, [props.isOpen]);
+  const onBack = () => {
+    wallet.disconnet();
+    setStatus("");
+    chooseWallet(null);
+    statusRef.current = "";
+    setError("");
+  };
   return /* @__PURE__ */ jsx22(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
     id: type == "bind" ? "bindWith" : "loginWith"
   }, {
     name: "BTC"
-  }), onBack: wallet ? () => {
-    chooseWallet(null);
-  } : void 0, children: wallet ? /* @__PURE__ */ jsx22(
+  }), onBack: wallet ? onBack : void 0, children: wallet ? /* @__PURE__ */ jsx22(
     WalletModalContent,
     {
       error,
@@ -2326,7 +2491,7 @@ function BTCModal({
       setVisible: () => {
       }
     }
-  ) : /* @__PURE__ */ jsx22("div", { className: "matchid-login-box", children: /* @__PURE__ */ jsxs17("div", { className: "matchid-login-recommend-list", children: [
+  ) : /* @__PURE__ */ jsx22("div", { className: "matchid-login-box", children: /* @__PURE__ */ jsxs18("div", { className: "matchid-login-recommend-list", children: [
     installedWallets.map((wallet2) => {
       return /* @__PURE__ */ jsx22(
         RecommendItem,
@@ -2359,9 +2524,9 @@ function BTCModal({
 }
 
 // src/components/CEXBindModal/index.tsx
-import { useEffect as useEffect12, useState as useState17 } from "react";
+import { useEffect as useEffect13, useState as useState18 } from "react";
 import { FormattedMessage as FormattedMessage10, useIntl as useIntl13 } from "react-intl";
-import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
 function CEXBindModal({
   onClose,
   type,
@@ -2370,13 +2535,13 @@ function CEXBindModal({
 }) {
   const intl = useIntl13();
   const { events } = useMatch();
-  const [APIPassphrase, setAPIPassphrase] = useState17("");
+  const [APIPassphrase, setAPIPassphrase] = useState18("");
   const { refreshOverview } = useUserInfo();
-  const [loading, setLoading] = useState17(false);
-  const [key, setKey] = useState17("");
-  const [secret, setSecret] = useState17("");
-  const [error, setError] = useState17("");
-  useEffect12(() => {
+  const [loading, setLoading] = useState18(false);
+  const [key, setKey] = useState18("");
+  const [secret, setSecret] = useState18("");
+  const [error, setError] = useState18("");
+  useEffect13(() => {
     if (isOpen) {
       setSecret("");
       setKey("");
@@ -2417,8 +2582,8 @@ function CEXBindModal({
     id: "CEXBindTitle"
   }, {
     type
-  }), ...props, children: /* @__PURE__ */ jsxs18("div", { className: "matchid-cex-modal", children: [
-    /* @__PURE__ */ jsxs18("div", { children: [
+  }), ...props, children: /* @__PURE__ */ jsxs19("div", { className: "matchid-cex-modal", children: [
+    /* @__PURE__ */ jsxs19("div", { children: [
       /* @__PURE__ */ jsx23("p", { children: /* @__PURE__ */ jsx23(FormattedMessage10, { id: "CEXBindAttention" }) }),
       /* @__PURE__ */ jsx23("p", { children: /* @__PURE__ */ jsx23(FormattedMessage10, { id: "CEXBindTips1" }) }),
       /* @__PURE__ */ jsx23("p", { children: /* @__PURE__ */ jsx23(FormattedMessage10, { id: "CEXBindTips2" }) }),
@@ -2469,15 +2634,15 @@ function CEXBindModal({
 }
 
 // src/context/BusinessProvider.tsx
-import { Fragment as Fragment4, jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
 function BusinessProvider({ children }) {
   const { overview, token } = useUserInfo();
   const { recoveryModal } = useStore_default();
   const { type: SOLType, isOpen: SOLIsOpen, close: SOLClose } = useSOLModalStore();
-  const { type: TronType, isOpen: TronIsOpen, close: TronClose } = useTronModalStore();
+  const { type: TRONType, isOpen: TRONIsOpen, close: TRONClose } = useTRONModalStore();
   const { type: BTCType, isOpen: BTCIsOpen, close: BTCClose } = useBTCModalStore();
   const { type: CEXType, isOpen: CEXIsOpen, close: CEXClose } = useCEXBindModalStore();
-  return /* @__PURE__ */ jsxs19(Fragment4, { children: [
+  return /* @__PURE__ */ jsxs20(Fragment4, { children: [
     /* @__PURE__ */ jsx24(PasswordModal, { isOpen: !!token && !!overview && !overview.address && !!overview.did, showClose: false }),
     /* @__PURE__ */ jsx24(
       RecoveryModal,
@@ -2498,12 +2663,12 @@ function BusinessProvider({ children }) {
       }
     ),
     /* @__PURE__ */ jsx24(
-      TronModal,
+      TRONModal,
       {
-        isOpen: TronIsOpen && (TronType == "login" && !overview && !token || TronType == "bind" && !!token && !!overview),
-        onClose: TronClose,
-        type: TronType,
-        onSuccess: TronClose,
+        isOpen: TRONIsOpen && (TRONType == "login" && !overview && !token || TRONType == "bind" && !!token && !!overview),
+        onClose: TRONClose,
+        type: TRONType,
+        onSuccess: TRONClose,
         zIndex: 199
       }
     ),
@@ -2541,7 +2706,7 @@ var Providers = ({ children }) => {
 var context_default = Providers;
 
 // src/hooks/useWalletInit.ts
-import { useEffect as useEffect13, useState as useState18 } from "react";
+import { useEffect as useEffect14, useState as useState19 } from "react";
 
 // src/hooks/useWallet.tsx
 import { toAccount } from "viem/accounts";
@@ -2681,10 +2846,10 @@ function useWalletInit({
   const getWalletIframe = () => {
     return document.getElementById("match-wallet");
   };
-  const [walletInited, setWalletInited] = useState18(false);
+  const [walletInited, setWalletInited] = useState19(false);
   const { appid, token, overview } = useLocalStore_default();
   const { initWallet, generateWallet } = useWallet();
-  useEffect13(() => {
+  useEffect14(() => {
     if (endpoints.auth) {
       if (!window.matchWalletMessageIdMap) {
         window.matchWalletMessageIdMap = {};
@@ -2745,7 +2910,7 @@ function useWalletInit({
       }
     }
   }, [endpoints.auth]);
-  useEffect13(() => {
+  useEffect14(() => {
     const messageHandle = async (e) => {
       if (e.origin !== endpoints.auth.substring(0, endpoints.auth.length - 1)) {
         return;
@@ -2778,7 +2943,7 @@ function useWalletInit({
       window.removeEventListener("message", messageHandle);
     };
   }, []);
-  useEffect13(() => {
+  useEffect14(() => {
     if (token && overview && overview.did && walletInited) {
       const did = overview.did.split(":")[2];
       const newUserInit = async () => {
@@ -2809,7 +2974,7 @@ function useWalletInit({
 }
 
 // src/hooks/useInit.tsx
-import { useEffect as useEffect14, useRef as useRef2 } from "react";
+import { useEffect as useEffect15, useRef as useRef2 } from "react";
 function useInit({
   theme,
   appid,
@@ -2832,19 +2997,19 @@ function useInit({
   const searchParams = new URLSearchParams(window.location.search);
   const matchToken = searchParams.get("matchToken");
   const realEndpoints = endpoints || env_default.endpoints;
-  useEffect14(() => {
+  useEffect15(() => {
     setTheme(theme);
   }, [theme]);
-  useEffect14(() => {
+  useEffect15(() => {
     setAppid(appid);
   }, [appid]);
-  useEffect14(() => {
+  useEffect15(() => {
     setEndpoints(realEndpoints);
   }, [realEndpoints]);
-  useEffect14(() => {
+  useEffect15(() => {
     setLocale(locale || "en");
   }, [locale]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (matchToken) {
       const tokenData = JSON.parse(atob(matchToken));
       if (tokenData && tokenData.mid && tokenData.token) {
@@ -2855,7 +3020,7 @@ function useInit({
       }
     }
   }, [matchToken]);
-  useEffect14(() => {
+  useEffect15(() => {
     const onLoginMessage = (event) => {
       const res = event.data;
       if (res.event === "login" && res.data && (res.data.token || res.data.token_type && res.data.access_token)) {
@@ -2891,7 +3056,7 @@ function useInit({
       overviewLoadingRef.current = false;
     }
   };
-  useEffect14(() => {
+  useEffect15(() => {
     if (token) {
       loadOverview();
     }
@@ -3448,10 +3613,10 @@ function useUserInfo() {
   } = useLocalStore_default();
   const { events, login } = useMatch();
   const { open: SOLOpen } = useSOLModalStore();
-  const { open: TronOpen } = useTronModalStore();
+  const { open: TRONOpen } = useTRONModalStore();
   const { open: BTCOpen } = useBTCModalStore();
   const { open: CEXBindOpen } = useCEXBindModalStore();
-  const isLogin = useMemo8(() => !!token, [token]);
+  const isLogin = useMemo9(() => !!token, [token]);
   const logout = async () => {
     try {
       await toLogoutApi();
@@ -3496,7 +3661,7 @@ function useUserInfo() {
       case "sol":
         return SOLOpen("login");
       case "tron":
-        return TronOpen("login");
+        return TRONOpen("login");
       case "btc":
         return BTCOpen("login");
       case "telegram":
@@ -3587,7 +3752,7 @@ function useUserInfo() {
       case "sol":
         return SOLOpen("bind");
       case "tron":
-        return TronOpen("bind");
+        return TRONOpen("bind");
       case "btc":
         return BTCOpen("bind");
       case "telegram":
@@ -3640,9 +3805,9 @@ function useUserInfo() {
 }
 
 // src/hooks/useMatchEvents.ts
-import { useEffect as useEffect15 } from "react";
+import { useEffect as useEffect16 } from "react";
 function useMatchEvents(handlers) {
-  useEffect15(() => {
+  useEffect16(() => {
     Object.entries(handlers).forEach(([event, handler2]) => {
       if (handler2) {
         eventManager_default.on(event, handler2);
@@ -3660,14 +3825,14 @@ function useMatchEvents(handlers) {
 
 // src/hooks/useCopyClipboard.ts
 import copy from "copy-to-clipboard";
-import { useCallback, useEffect as useEffect16, useState as useState19 } from "react";
+import { useCallback, useEffect as useEffect17, useState as useState20 } from "react";
 function useCopyClipboard(timeout = 500) {
-  const [isCopied, setIsCopied] = useState19(false);
+  const [isCopied, setIsCopied] = useState20(false);
   const staticCopy = useCallback((text) => {
     const didCopy = copy(text);
     setIsCopied(didCopy);
   }, []);
-  useEffect16(() => {
+  useEffect17(() => {
     if (isCopied) {
       const hide = setTimeout(() => {
         setIsCopied(false);
@@ -3711,10 +3876,10 @@ export {
   LoginButton,
   UsernameModal,
   SOLModal,
-  TronModal,
+  TRONModal,
   BTCModal,
   components_exports,
   MatchProvider,
   useMatch
 };
-//# sourceMappingURL=chunk-23RO4KEG.mjs.map
+//# sourceMappingURL=chunk-65NEGWW3.mjs.map