@matchain/matchid-sdk-react 0.1.37-alpha.12 → 0.1.37-alpha.3

package/dist/{chunk-F5CJROWH.mjs → chunk-YCRZLAOS.mjs}

@@ -2,9 +2,6 @@ import {
   ArrowDownIcon,
   ArrowLeftIcon,
   ArrowRightIcon,
-  BTCDarkIcon,
-  BTCLightIcon,
-  BitgetIcon,
   CheckIcon,
   CheckRoundIcon,
   CloseEyeIcon,
@@ -23,22 +20,18 @@ import {
   LinkedinIcon,
   LoadingIcon_default,
   LoginIcon_default,
-  OKXIcon,
   OpenEyeIcon,
   PasswordRoundIcon,
   SOLDarkIcon,
   SOLLightIcon,
-  TRXDarkIcon,
-  TRXLightIcon,
   TelegramIcon,
-  TronLinkIcon,
   UnLoginIcon_default,
   UnisatIcon,
   WalletIcon,
   XIcon,
   XverseIcon,
   YoutubeIcon
-} from "./chunk-6PWH7WZI.mjs";
+} from "./chunk-J6EA7OSJ.mjs";
 import {
   __export
 } from "./chunk-J5LGTIGS.mjs";
@@ -93,7 +86,7 @@ var localStore = useLocalStore;
 var useLocalStore_default = useLocalStore;
 
 // src/hooks/useUserInfo.tsx
-import { useMemo as useMemo9 } from "react";
+import { useMemo as useMemo8 } from "react";
 
 // src/api/request.ts
 import axios from "axios";
@@ -565,9 +558,14 @@ function PasswordModal({
     return "";
   }, [rePassword, password]);
   useEffect2(() => {
-    if (isOpen) {
+    if (isOpen && overview) {
       setPassword("");
       setRePassword("");
+      const did2 = overview.did.split(":")[2];
+      initWallet({
+        did: did2,
+        address: ""
+      });
     }
   }, [isOpen, overview]);
   const [isSubmitting, setIsSubmitting] = useState3(false);
@@ -575,13 +573,8 @@ function PasswordModal({
     if (isSubmitting) return;
     try {
       setIsSubmitting(true);
-      const did2 = overview ? overview.did.split(":")[2] : "";
-      await initWallet({
-        did: did2,
-        address: ""
-      });
       const address = await generateWallet({
-        did: did2.split(":")[2],
+        did: did.split(":")[2],
         userPasscode: password
       });
       await refreshOverview();
@@ -667,6 +660,11 @@ function RecoveryModal({
   useEffect3(() => {
     if (isOpen && overview) {
       setPassword("");
+      const did = overview.did.split(":")[2];
+      initWallet({
+        did,
+        address: overview.address
+      });
     }
   }, [isOpen, overview]);
   const [isSubmitting, setIsSubmitting] = useState4(false);
@@ -674,11 +672,6 @@ function RecoveryModal({
     if (isSubmitting) return;
     try {
       setIsSubmitting(true);
-      const did = overview ? overview.did.split(":")[2] : "";
-      await initWallet({
-        did,
-        address: overview?.address || ""
-      });
       await recoveryWallet("ethereum", "user_passcode_recovery_key", password);
       await refreshOverview();
       onSuccess && onSuccess();
@@ -746,7 +739,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 }),
@@ -782,7 +775,7 @@ __export(components_exports, {
   PasswordModal: () => PasswordModal,
   Popover: () => Popover,
   SOLModal: () => SOLModal,
-  TRONModal: () => TRONModal,
+  TronModal: () => TronModal,
   UsernameModal: () => UsernameModal
 });
 
@@ -1031,7 +1024,7 @@ function Popover({
   gap = "20px"
 }) {
   const [active, setActive] = useState8(false);
-  return children && /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs8(
     "div",
     {
       onClick: () => {
@@ -1103,7 +1096,7 @@ function LoginBox({
     "telegram",
     "twitter"
   ],
-  walletMethods = ["evm", "sol"],
+  walletMethods = ["evm"],
   inModal = false
 }) {
   const [emailOpen, setEmailOpen] = useState9(false);
@@ -1178,18 +1171,6 @@ function LoginBox({
       activeIcon: /* @__PURE__ */ jsx11(SOLLightIcon, { size: isDownMd ? 36 : 40 }),
       name: "SOL",
       onClick: () => login("sol")
-    },
-    btc: {
-      icon: /* @__PURE__ */ jsx11(BTCDarkIcon, { size: isDownMd ? 36 : 40 }),
-      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: [
@@ -1575,7 +1556,7 @@ function UsernameModal({
     }, onClick: onSubmit, size: "lg", block: true, highlight: true, children: /* @__PURE__ */ jsx18(FormattedMessage9, { id: "confirm" }) }),
     /* @__PURE__ */ jsx18(Button, { style: {
       marginTop: isDownMd ? "12px" : "24px"
-    }, onClick: props.onClose, size: "lg", block: true, children: /* @__PURE__ */ jsx18(FormattedMessage9, { id: "cancel" }) })
+    }, onClick: props.onClose, size: "lg", block: true, children: /* @__PURE__ */ jsx18(FormattedMessage9, { id: "nextTime" }) })
   ] }) });
 }
 
@@ -1906,157 +1887,61 @@ 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 useEffect10, useMemo as useMemo7, useState as useState15 } from "react";
+// src/components/TronModal/index.tsx
+import React4, { useEffect as useEffect9, useState as useState14 } from "react";
 import { useIntl as useIntl11 } from "react-intl";
-
-// 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
-        }
-      );
+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);
     }
-    if (!window.tronWeb.defaultAddress.base58) {
-      throw new Error("Your should unlink your wallet and try again");
+  };
+  useEffect9(() => {
+    if (typeof window.tronWeb !== "undefined") {
+      checkConnection();
+      const interval = setInterval(() => {
+        checkConnection();
+      }, 1e3);
+      return () => clearInterval(interval);
+    } else {
     }
-    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 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));
+    const init = async () => {
+      setVisible(true);
     };
-    getInstalled();
+    init();
   }, []);
-  const [wallet, chooseWallet] = useState14(null);
-  const onConnect = async () => {
-    setAddress(await wallet.connect());
-  };
   useEffect9(() => {
-    if (!wallet) {
-      setAddress(null);
+    if (connected) {
+      toLoginInWallet();
     }
-  }, [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("");
-  };
+  }, [connected]);
   const toLoginInWallet = async () => {
-    if (statusRef.current || !address || !wallet) return;
+    if (statusRef.current) return;
     try {
       setStatus("nonce");
       statusRef.current = "nonce";
-      const res = type == "bind" ? await getWalletInitApi({ address }) : await getWalletNonceApi({ address });
+      const res = type == "bind" ? await getWalletInitApi({ address: walletAddress }) : await getWalletNonceApi({ address: walletAddress });
       if (!isSuccess(res)) {
         throw new Error(res.message);
       }
@@ -2065,14 +1950,15 @@ function TRONModal({
         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 signedMessage = await wallet.signMessage(message);
+        const encodedMessage = new TextEncoder().encode(message);
+        const signedMessage = await window.tronWeb.trx.signMessageV2(encodedMessage);
         let obj = {
-          type: "TRON",
-          address,
-          signature: signedMessage,
+          type: "Tron",
+          address: walletAddress,
+          signature: Buffer.from(signedMessage).toString("base64"),
           message,
-          connector_type: "TRON",
-          wallet_client_type: wallet.walletKey
+          connector_type: "Tron",
+          wallet_client_type: "TronLink"
         };
         const res1 = type == "bind" ? await toBindWalletApi(obj) : await loginByWalletApi(obj);
         if (res1) {
@@ -2104,75 +1990,37 @@ function TRONModal({
       statusRef.current = "";
     }
   };
-  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(
+  return /* @__PURE__ */ jsx21(
     WalletModalContent,
     {
+      connected,
+      disconnect,
+      address: walletAddress,
+      visible,
+      setVisible,
       error,
       setError,
-      status,
-      disconnect,
-      address: address || "",
-      connected,
-      visible: true,
-      setVisible: () => {
-      }
+      status
     }
-  ) : /* @__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
-      );
-    })
-  ] }) }) });
+  );
+}
+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 }) });
 }
 
 // src/components/BTCModal/index.tsx
-import React5, { useEffect as useEffect12, useMemo as useMemo8, useState as useState17 } from "react";
+import React5, { useEffect as useEffect11, useMemo as useMemo7, useState as useState16 } from "react";
 import { useIntl as useIntl12 } from "react-intl";
 
 // src/lib/btc/UnisatAdapter.ts
@@ -2196,10 +2044,10 @@ var UnisatAdapter = class {
     window.unisat.disconnect();
     await this.checkChain();
     const accounts = await window.unisat.getAccounts();
-    matchlog_default.log("accounts", accounts);
+    console.log("accounts", accounts);
     if (accounts.length === 0) {
       const accounts2 = await window.unisat.requestAccounts();
-      matchlog_default.log("accounts", accounts2);
+      console.log("accounts", accounts2);
       if (!accounts2 || accounts2.length === 0) throw new Error("No accounts found in Unisat Wallet");
       return accounts2[0];
     }
@@ -2209,10 +2057,6 @@ 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
@@ -2237,7 +2081,7 @@ var XverseAdapter = class {
       try {
         await getCapabilities({
           onFinish: (response) => {
-            matchlog_default.log(response);
+            console.log(response);
             this.capabilities = new Set(response);
             resolve(true);
           },
@@ -2250,7 +2094,7 @@ var XverseAdapter = class {
           }
         });
       } catch (err) {
-        console.error(err);
+        console.log(err);
         resolve(false);
       }
     });
@@ -2261,7 +2105,7 @@ var XverseAdapter = class {
       purposes: [AddressPurpose.Ordinals],
       message: "SATS Connect Demo"
     });
-    matchlog_default.log("getAccounts ~ response:", response);
+    console.log("getAccounts ~ response:", response);
     if (response.status === "success") {
       const ordinalsAddressItem = response.result.find(
         (address) => address.purpose === AddressPurpose.Ordinals
@@ -2296,10 +2140,6 @@ 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
@@ -2315,24 +2155,24 @@ var LeatherAdapter = class {
   async connect() {
     if (!await this.isInstalled()) throw new Error("Leather Wallet is not installed");
     const response = await window.LeatherProvider?.request("getAddresses");
-    matchlog_default.log("Addresses:", response.result.addresses);
+    console.log("Addresses:", response.result.addresses);
     return response.result.addresses[0].address;
   }
   async signMessage(message) {
     if (!await this.isInstalled()) throw new Error("Hiro Wallet is not installed");
     const response = await window.LeatherProvider?.request("signMessage", { message });
-    matchlog_default.log("response", response);
+    console.log("response", response);
     return response.result.signature;
   }
 };
 
 // src/hooks/useBTCWallet.ts
-import { useEffect as useEffect11, useState as useState16 } from "react";
+import { useEffect as useEffect10, useState as useState15 } from "react";
 var useBTCWallet = () => {
   const wallets2 = [new UnisatAdapter(), new XverseAdapter(), new LeatherAdapter()];
-  const [installedWallets, setInstalledWallets] = useState16([]);
-  const [address, setAddress] = useState16(null);
-  useEffect11(() => {
+  const [installedWallets, setInstalledWallets] = useState15([]);
+  const [address, setAddress] = useState15(null);
+  useEffect10(() => {
     const getInstalled = async () => {
       const installed = await Promise.all(wallets2.map((wallet2) => wallet2.isInstalled().then((isInstalled) => ({
         wallet: wallet2,
@@ -2342,11 +2182,11 @@ var useBTCWallet = () => {
     };
     getInstalled();
   }, []);
-  const [wallet, chooseWallet] = useState16(null);
+  const [wallet, chooseWallet] = useState15(null);
   const onConnect = async () => {
     setAddress(await wallet.connect());
   };
-  useEffect11(() => {
+  useEffect10(() => {
     if (!wallet) {
       setAddress(null);
     }
@@ -2362,7 +2202,7 @@ var useBTCWallet = () => {
 };
 
 // src/components/BTCModal/index.tsx
-import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
 function BTCModal({
   type = "login",
   onSuccess,
@@ -2377,18 +2217,15 @@ function BTCModal({
     xverse: /* @__PURE__ */ jsx22(XverseIcon, { size: isDownMd ? 36 : 40 })
   };
   const { events, login } = useMatch();
-  const [status, setStatus] = useState17("");
+  const [status, setStatus] = useState16("");
   const statusRef = React5.useRef(status);
-  const [error, setError] = useState17("");
-  const connected = useMemo8(() => {
+  const [error, setError] = useState16("");
+  const connected = useMemo7(() => {
     return !!address;
   }, [address]);
   const disconnect = async () => {
-    wallet && wallet.disconnet && wallet.disconnet();
     setStatus("");
     chooseWallet(null);
-    statusRef.current = "";
-    setError("");
   };
   const toLoginInWallet = async () => {
     if (statusRef.current || !address || !wallet) return;
@@ -2411,7 +2248,7 @@ function BTCModal({
           signature: signedMessage,
           message,
           connector_type: "BTC",
-          wallet_client_type: wallet.walletKey
+          wallet_client_type: wallet.name
         };
         const res1 = type == "bind" ? await toBindWalletApi(obj) : await loginByWalletApi(obj);
         if (res1) {
@@ -2438,47 +2275,37 @@ function BTCModal({
         }
       }
     } catch (error2) {
-      console.error("btc error", error2);
       setStatus("error");
       setError(error2.message);
       statusRef.current = "";
     }
   };
-  useEffect12(() => {
+  useEffect11(() => {
     if (wallet) {
       console.log("onConnect");
-      try {
-        onConnect();
-      } catch (err) {
-        setStatus("error");
-        setError(err.message);
-      }
+      onConnect();
     } else {
       setStatus("");
     }
   }, [wallet]);
-  useEffect12(() => {
+  useEffect11(() => {
     if (address) {
       toLoginInWallet();
     }
   }, [address]);
-  useEffect12(() => {
+  useEffect11(() => {
     if (!props.isOpen) {
+      setStatus("");
       disconnect();
     }
   }, [props.isOpen]);
-  const onBack = () => {
-    wallet && wallet.disconnet && 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 ? onBack : void 0, children: wallet ? /* @__PURE__ */ jsx22(
+  }), onBack: wallet ? () => {
+    chooseWallet(null);
+  } : void 0, children: wallet ? /* @__PURE__ */ jsx22(
     WalletModalContent,
     {
       error,
@@ -2491,7 +2318,7 @@ function BTCModal({
       setVisible: () => {
       }
     }
-  ) : /* @__PURE__ */ jsx22("div", { className: "matchid-login-box", children: /* @__PURE__ */ jsxs18("div", { className: "matchid-login-recommend-list", children: [
+  ) : /* @__PURE__ */ jsx22("div", { className: "matchid-login-box", children: /* @__PURE__ */ jsxs17("div", { className: "matchid-login-recommend-list", children: [
     installedWallets.map((wallet2) => {
       return /* @__PURE__ */ jsx22(
         RecommendItem,
@@ -2524,9 +2351,9 @@ function BTCModal({
 }
 
 // src/components/CEXBindModal/index.tsx
-import { useEffect as useEffect13, useState as useState18 } from "react";
+import { useEffect as useEffect12, useState as useState17 } from "react";
 import { FormattedMessage as FormattedMessage10, useIntl as useIntl13 } from "react-intl";
-import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
 function CEXBindModal({
   onClose,
   type,
@@ -2535,13 +2362,13 @@ function CEXBindModal({
 }) {
   const intl = useIntl13();
   const { events } = useMatch();
-  const [APIPassphrase, setAPIPassphrase] = useState18("");
+  const [APIPassphrase, setAPIPassphrase] = useState17("");
   const { refreshOverview } = useUserInfo();
-  const [loading, setLoading] = useState18(false);
-  const [key, setKey] = useState18("");
-  const [secret, setSecret] = useState18("");
-  const [error, setError] = useState18("");
-  useEffect13(() => {
+  const [loading, setLoading] = useState17(false);
+  const [key, setKey] = useState17("");
+  const [secret, setSecret] = useState17("");
+  const [error, setError] = useState17("");
+  useEffect12(() => {
     if (isOpen) {
       setSecret("");
       setKey("");
@@ -2568,22 +2395,19 @@ function CEXBindModal({
           type: "cex_" + type
         });
         onClose();
-      } else {
-        throw new Error(res.message);
       }
+      setLoading(false);
     } catch (error2) {
       console.error(error2);
       setError(error2.message);
-    } finally {
-      setLoading(false);
     }
   };
   return /* @__PURE__ */ jsx23(ModalWithHeader, { showClose: true, isOpen, onClose, title: intl.formatMessage({
     id: "CEXBindTitle"
   }, {
     type
-  }), ...props, children: /* @__PURE__ */ jsxs19("div", { className: "matchid-cex-modal", children: [
-    /* @__PURE__ */ jsxs19("div", { children: [
+  }), ...props, children: /* @__PURE__ */ jsxs18("div", { className: "matchid-cex-modal", children: [
+    /* @__PURE__ */ jsxs18("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" }) }),
@@ -2601,7 +2425,7 @@ function CEXBindModal({
     ) }),
     /* @__PURE__ */ jsx23(Field, { label: intl.formatMessage({
       id: "CEXBindApiSecretKey"
-    }), error: type != "OKX" && error, children: /* @__PURE__ */ jsx23(
+    }), children: /* @__PURE__ */ jsx23(
       Input,
       {
         value: secret,
@@ -2609,7 +2433,7 @@ function CEXBindModal({
         placeholder: "**** **** ****"
       }
     ) }),
-    type == "OKX" && /* @__PURE__ */ jsx23(Field, { error, label: intl.formatMessage({
+    type == "OKX" && /* @__PURE__ */ jsx23(Field, { label: intl.formatMessage({
       id: "CEXBindApiPassphrase"
     }), children: /* @__PURE__ */ jsx23(
       Input,
@@ -2634,15 +2458,15 @@ function CEXBindModal({
 }
 
 // src/context/BusinessProvider.tsx
-import { Fragment as Fragment4, jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx24, jsxs as jsxs19 } 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__ */ jsxs20(Fragment4, { children: [
+  return /* @__PURE__ */ jsxs19(Fragment4, { children: [
     /* @__PURE__ */ jsx24(PasswordModal, { isOpen: !!token && !!overview && !overview.address && !!overview.did, showClose: false }),
     /* @__PURE__ */ jsx24(
       RecoveryModal,
@@ -2663,12 +2487,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
       }
     ),
@@ -2706,7 +2530,7 @@ var Providers = ({ children }) => {
 var context_default = Providers;
 
 // src/hooks/useWalletInit.ts
-import { useEffect as useEffect14, useState as useState19 } from "react";
+import { useEffect as useEffect13, useState as useState18 } from "react";
 
 // src/hooks/useWallet.tsx
 import { toAccount } from "viem/accounts";
@@ -2846,10 +2670,10 @@ function useWalletInit({
   const getWalletIframe = () => {
     return document.getElementById("match-wallet");
   };
-  const [walletInited, setWalletInited] = useState19(false);
+  const [walletInited, setWalletInited] = useState18(false);
   const { appid, token, overview } = useLocalStore_default();
   const { initWallet, generateWallet } = useWallet();
-  useEffect14(() => {
+  useEffect13(() => {
     if (endpoints.auth) {
       if (!window.matchWalletMessageIdMap) {
         window.matchWalletMessageIdMap = {};
@@ -2910,7 +2734,7 @@ function useWalletInit({
       }
     }
   }, [endpoints.auth]);
-  useEffect14(() => {
+  useEffect13(() => {
     const messageHandle = async (e) => {
       if (e.origin !== endpoints.auth.substring(0, endpoints.auth.length - 1)) {
         return;
@@ -2943,7 +2767,7 @@ function useWalletInit({
       window.removeEventListener("message", messageHandle);
     };
   }, []);
-  useEffect14(() => {
+  useEffect13(() => {
     if (token && overview && overview.did && walletInited) {
       const did = overview.did.split(":")[2];
       const newUserInit = async () => {
@@ -2974,7 +2798,7 @@ function useWalletInit({
 }
 
 // src/hooks/useInit.tsx
-import { useEffect as useEffect15, useRef as useRef2 } from "react";
+import { useEffect as useEffect14, useRef as useRef2 } from "react";
 function useInit({
   theme,
   appid,
@@ -2997,19 +2821,19 @@ function useInit({
   const searchParams = new URLSearchParams(window.location.search);
   const matchToken = searchParams.get("matchToken");
   const realEndpoints = endpoints || env_default.endpoints;
-  useEffect15(() => {
+  useEffect14(() => {
     setTheme(theme);
   }, [theme]);
-  useEffect15(() => {
+  useEffect14(() => {
     setAppid(appid);
   }, [appid]);
-  useEffect15(() => {
+  useEffect14(() => {
     setEndpoints(realEndpoints);
   }, [realEndpoints]);
-  useEffect15(() => {
+  useEffect14(() => {
     setLocale(locale || "en");
   }, [locale]);
-  useEffect15(() => {
+  useEffect14(() => {
     if (matchToken) {
       const tokenData = JSON.parse(atob(matchToken));
       if (tokenData && tokenData.mid && tokenData.token) {
@@ -3020,7 +2844,7 @@ function useInit({
       }
     }
   }, [matchToken]);
-  useEffect15(() => {
+  useEffect14(() => {
     const onLoginMessage = (event) => {
       const res = event.data;
       if (res.event === "login" && res.data && (res.data.token || res.data.token_type && res.data.access_token)) {
@@ -3056,7 +2880,7 @@ function useInit({
       overviewLoadingRef.current = false;
     }
   };
-  useEffect15(() => {
+  useEffect14(() => {
     if (token) {
       loadOverview();
     }
@@ -3137,8 +2961,7 @@ var en_default = {
   CEXBindTips3: "3. Only one API can be bound to the same exchange at the same time.",
   CEXBindApiKey: "API Key",
   CEXBindApiSecretKey: "API Secret Key",
-  CEXBindApiPassphrase: "API Passphrase",
-  cancel: "Cancel"
+  CEXBindApiPassphrase: "API Passphrase"
 };
 
 // src/i18n/zh.json
@@ -3188,8 +3011,7 @@ var zh_default = {
   CEXBindTips3: "3. \u540C\u4E00\u65F6\u95F4\u53EA\u80FD\u7ED1\u5B9A\u4E00\u4E2A API \u5230\u76F8\u540C\u7684\u4EA4\u6613\u6240\u3002",
   CEXBindApiKey: "API \u5BC6\u94A5",
   CEXBindApiSecretKey: "API \u79D8\u94A5",
-  CEXBindApiPassphrase: "API \u5BC6\u7801\u77ED\u8BED",
-  cancel: "\u53D6\u6D88"
+  CEXBindApiPassphrase: "API \u5BC6\u7801\u77ED\u8BED"
 };
 
 // src/i18n/tw.json
@@ -3239,8 +3061,7 @@ var tw_default = {
   CEXBindTips3: "3. \u540C\u4E00\u6642\u9593\u53EA\u80FD\u7D81\u5B9A\u4E00\u500B API \u5230\u76F8\u540C\u7684\u4EA4\u6613\u6240\u3002",
   CEXBindApiKey: "API \u91D1\u9470",
   CEXBindApiSecretKey: "API \u5BC6\u9470",
-  CEXBindApiPassphrase: "API \u5BC6\u78BC\u77ED\u8A9E",
-  cancel: "\u53D6\u6D88"
+  CEXBindApiPassphrase: "API \u5BC6\u78BC\u77ED\u8A9E"
 };
 
 // src/i18n/fr.json
@@ -3290,8 +3111,7 @@ var fr_default = {
   CEXBindTips3: "3. Une seule API peut \xEAtre li\xE9e au m\xEAme \xE9change \xE0 la fois.",
   CEXBindApiKey: "Cl\xE9 API",
   CEXBindApiSecretKey: "Cl\xE9 Secr\xE8te API",
-  CEXBindApiPassphrase: "Phrase secr\xE8te API",
-  cancel: "Annuler"
+  CEXBindApiPassphrase: "Phrase secr\xE8te API"
 };
 
 // src/i18n/ja.json
@@ -3341,8 +3161,7 @@ var ja_default = {
   CEXBindTips3: "3. \u540C\u3058\u53D6\u5F15\u6240\u306B\u540C\u6642\u306B\u30D0\u30A4\u30F3\u30C9\u3067\u304D\u308B API \u306F1\u3064\u3060\u3051\u3067\u3059\u3002",
   CEXBindApiKey: "API \u30AD\u30FC",
   CEXBindApiSecretKey: "API \u30B7\u30FC\u30AF\u30EC\u30C3\u30C8\u30AD\u30FC",
-  CEXBindApiPassphrase: "API \u30D1\u30B9\u30D5\u30EC\u30FC\u30BA",
-  cancel: "\u30AD\u30E3\u30F3\u30BB\u30EB"
+  CEXBindApiPassphrase: "API \u30D1\u30B9\u30D5\u30EC\u30FC\u30BA"
 };
 
 // src/i18n/ko.json
@@ -3392,8 +3211,7 @@ var ko_default = {
   CEXBindTips3: "3. \uB3D9\uC77C\uD55C \uAC70\uB798\uC18C\uC5D0 \uB3D9\uC2DC\uC5D0 \uC5F0\uACB0\uD560 \uC218 \uC788\uB294 API\uB294 \uD558\uB098\uBFD0\uC785\uB2C8\uB2E4.",
   CEXBindApiKey: "API \uD0A4",
   CEXBindApiSecretKey: "API \uBE44\uBC00 \uD0A4",
-  CEXBindApiPassphrase: "API \uC554\uD638 \uAD6C\uBB38",
-  cancel: "\uCDE8\uC18C"
+  CEXBindApiPassphrase: "API \uC554\uD638 \uAD6C\uBB38"
 };
 
 // src/i18n/vi.json
@@ -3443,8 +3261,7 @@ var vi_default = {
   CEXBindTips3: "3. Ch\u1EC9 c\xF3 th\u1EC3 li\xEAn k\u1EBFt m\u1ED9t API v\u1EDBi c\xF9ng m\u1ED9t s\xE0n giao d\u1ECBch t\u1EA1i m\u1ED9t th\u1EDDi \u0111i\u1EC3m.",
   CEXBindApiKey: "Kh\xF3a API",
   CEXBindApiSecretKey: "Kh\xF3a b\xED m\u1EADt API",
-  CEXBindApiPassphrase: "C\u1EE5m m\u1EADt kh\u1EA9u API",
-  cancel: "H\u1EE7y"
+  CEXBindApiPassphrase: "C\u1EE5m m\u1EADt kh\u1EA9u API"
 };
 
 // src/i18n/es.json
@@ -3494,8 +3311,7 @@ var es_default = {
   CEXBindTips3: "3. Solo se puede vincular una API al mismo intercambio a la vez.",
   CEXBindApiKey: "Clave API",
   CEXBindApiSecretKey: "Clave Secreta API",
-  CEXBindApiPassphrase: "Frase de contrase\xF1a API",
-  cancel: "Cancelar"
+  CEXBindApiPassphrase: "Frase de contrase\xF1a API"
 };
 
 // src/i18n/pt.json
@@ -3545,8 +3361,7 @@ var pt_default = {
   CEXBindTips3: "3. Apenas uma API pode ser vinculada ao mesmo c\xE2mbio ao mesmo tempo.",
   CEXBindApiKey: "Chave API",
   CEXBindApiSecretKey: "Chave Secreta API",
-  CEXBindApiPassphrase: "Senha de API",
-  cancel: "Cancelar"
+  CEXBindApiPassphrase: "Senha de API"
 };
 
 // src/i18n/index.ts
@@ -3622,10 +3437,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 = useMemo9(() => !!token, [token]);
+  const isLogin = useMemo8(() => !!token, [token]);
   const logout = async () => {
     try {
       await toLogoutApi();
@@ -3670,7 +3485,7 @@ function useUserInfo() {
       case "sol":
         return SOLOpen("login");
       case "tron":
-        return TRONOpen("login");
+        return TronOpen("login");
       case "btc":
         return BTCOpen("login");
       case "telegram":
@@ -3761,7 +3576,7 @@ function useUserInfo() {
       case "sol":
         return SOLOpen("bind");
       case "tron":
-        return TRONOpen("bind");
+        return TronOpen("bind");
       case "btc":
         return BTCOpen("bind");
       case "telegram":
@@ -3814,9 +3629,9 @@ function useUserInfo() {
 }
 
 // src/hooks/useMatchEvents.ts
-import { useEffect as useEffect16 } from "react";
+import { useEffect as useEffect15 } from "react";
 function useMatchEvents(handlers) {
-  useEffect16(() => {
+  useEffect15(() => {
     Object.entries(handlers).forEach(([event, handler2]) => {
       if (handler2) {
         eventManager_default.on(event, handler2);
@@ -3834,14 +3649,14 @@ function useMatchEvents(handlers) {
 
 // src/hooks/useCopyClipboard.ts
 import copy from "copy-to-clipboard";
-import { useCallback, useEffect as useEffect17, useState as useState20 } from "react";
+import { useCallback, useEffect as useEffect16, useState as useState19 } from "react";
 function useCopyClipboard(timeout = 500) {
-  const [isCopied, setIsCopied] = useState20(false);
+  const [isCopied, setIsCopied] = useState19(false);
   const staticCopy = useCallback((text) => {
     const didCopy = copy(text);
     setIsCopied(didCopy);
   }, []);
-  useEffect17(() => {
+  useEffect16(() => {
     if (isCopied) {
       const hide = setTimeout(() => {
         setIsCopied(false);
@@ -3885,10 +3700,10 @@ export {
   LoginButton,
   UsernameModal,
   SOLModal,
-  TRONModal,
+  TronModal,
   BTCModal,
   components_exports,
   MatchProvider,
   useMatch
 };
-//# sourceMappingURL=chunk-F5CJROWH.mjs.map
+//# sourceMappingURL=chunk-YCRZLAOS.mjs.map