@matchain/matchid-sdk-react 0.1.40-alpha.1 → 0.1.40-alpha.10

package/dist/{chunk-R3JJJMNQ.mjs → chunk-RYZFW6P6.mjs}

@@ -31,6 +31,8 @@ import {
   TRXDarkIcon,
   TRXLightIcon,
   TelegramIcon,
+  TonLightIcon,
+  TonLightIcon2,
   TronLinkIcon,
   UnLoginIcon_default,
   UnisatIcon,
@@ -38,7 +40,7 @@ import {
   XIcon,
   XverseIcon,
   YoutubeIcon
-} from "./chunk-6PWH7WZI.mjs";
+} from "./chunk-DPXMCLYK.mjs";
 import {
   __export
 } from "./chunk-J5LGTIGS.mjs";
@@ -270,11 +272,11 @@ var getBindInfoApi = () => {
     method: "GET"
   });
 };
-var bindCexApi = ({ cex, api_key, api_secret }) => {
+var bindCexApi = (data) => {
   return request_default({
     url: `/api/v1/cex/subscribe`,
     method: "POST",
-    data: { cex, api_key, api_secret }
+    data
   });
 };
 var unBindApi = ({ type }) => {
@@ -337,28 +339,42 @@ var getAuthInfoApi = () => {
     method: "GET"
   });
 };
-var getWalletNonceApi = ({ address }) => {
+var getWalletNonceApi = (data) => {
   return request_default({
     url: `/api/v1/login/wallet/init`,
     method: "POST",
-    data: { address }
+    data
   });
 };
-var loginByWalletApi = ({ type, address, signature, message, connector_type, wallet_client_type }) => {
+var loginByWalletApi = ({
+  type,
+  address,
+  signature,
+  message,
+  connector_type,
+  wallet_client_type
+}) => {
   return request_default({
     url: `/api/v1/login/wallet`,
     method: "POST",
     data: { type, address, signature, message, connector_type, wallet_client_type }
   });
 };
-var getWalletInitApi = ({ address }) => {
+var getWalletInitApi = (data) => {
   return request_default({
     url: `/api/v1/wallet/init`,
     method: "POST",
-    data: { address }
+    data
   });
 };
-var toBindWalletApi = ({ type, address, signature, message, connector_type, wallet_client_type }) => {
+var toBindWalletApi = ({
+  type,
+  address,
+  signature,
+  message,
+  connector_type,
+  wallet_client_type
+}) => {
   return request_default({
     url: `/api/v1/wallet/bind`,
     method: "POST",
@@ -752,6 +768,12 @@ var useTRONModalStore = create3((set) => ({
   open: (type) => set({ isOpen: true, type }),
   close: () => set({ isOpen: false })
 }));
+var useTONModalStore = create3((set) => ({
+  isOpen: false,
+  type: "",
+  open: (type) => set({ isOpen: true, type }),
+  close: () => set({ isOpen: false })
+}));
 var useBTCModalStore = create3((set) => ({
   isOpen: false,
   type: "",
@@ -782,6 +804,7 @@ __export(components_exports, {
   PasswordModal: () => PasswordModal,
   Popover: () => Popover,
   SOLModal: () => SOLModal,
+  TONModal: () => TONModal,
   TRONModal: () => TRONModal,
   UsernameModal: () => UsernameModal
 });
@@ -1193,6 +1216,12 @@ function LoginBox({
       activeIcon: /* @__PURE__ */ jsx11(TRXLightIcon, { size: isDownMd ? 36 : 40 }),
       name: "TRON",
       onClick: () => login("tron")
+    },
+    ton: {
+      icon: /* @__PURE__ */ jsx11(TonLightIcon, { size: isDownMd ? 36 : 40 }),
+      activeIcon: /* @__PURE__ */ jsx11(TonLightIcon2, { size: isDownMd ? 36 : 40 }),
+      name: "TON",
+      onClick: () => login("ton")
     }
   };
   return /* @__PURE__ */ jsxs9(Fragment2, { children: [
@@ -1704,8 +1733,13 @@ function WalletModalContent({
         text: error,
         btnText: "Reconnect Wallet",
         btnClick: async () => {
+          console.log("click error");
           setError("");
-          await disconnect();
+          try {
+            await disconnect();
+          } catch (error2) {
+            console.error(error2);
+          }
           setVisible(true);
         },
         statusImage: walletErrorImage,
@@ -1792,7 +1826,7 @@ function WalletContent({
     try {
       setStatus("nonce");
       statusRef.current = "nonce";
-      const res = type == "bind" ? await getWalletInitApi({ address }) : await getWalletNonceApi({ address });
+      const res = type == "bind" ? await getWalletInitApi({ address, type: "SOL" }) : await getWalletNonceApi({ address, type: "SOL" });
       if (!isSuccess(res)) {
         throw new Error(res.message);
       }
@@ -2059,7 +2093,7 @@ function TRONModal({
     try {
       setStatus("nonce");
       statusRef.current = "nonce";
-      const res = type == "bind" ? await getWalletInitApi({ address }) : await getWalletNonceApi({ address });
+      const res = type == "bind" ? await getWalletInitApi({ address, type: "TRON" }) : await getWalletNonceApi({ address, type: "TRON" });
       if (!isSuccess(res)) {
         throw new Error(res.message);
       }
@@ -2174,9 +2208,193 @@ function TRONModal({
   ] }) }) });
 }
 
-// src/components/BTCModal/index.tsx
-import React5, { useEffect as useEffect12, useMemo as useMemo8, useState as useState17 } from "react";
+// src/components/TONModal/index.tsx
+import React5, { useEffect as useEffect11, useState as useState16 } from "react";
 import { useIntl as useIntl12 } from "react-intl";
+import {
+  TonConnectUIProvider,
+  useTonAddress,
+  useTonConnectModal,
+  useTonConnectUI,
+  useTonWallet
+} from "@tonconnect/ui-react";
+import { jsx as jsx22 } from "react/jsx-runtime";
+function WalletContent2({
+  onSuccess,
+  type
+}) {
+  const { events, login } = useMatch();
+  const [connected, setConnected] = useState16(false);
+  const wallet = useTonWallet();
+  const userFriendlyAddress = useTonAddress();
+  const [tonConnectUI] = useTonConnectUI();
+  const { state, open, close } = useTonConnectModal();
+  const [status, setStatus] = useState16("");
+  const statusRef = React5.useRef(status);
+  const [error, setError] = useState16("");
+  useEffect11(() => {
+    const init = async () => {
+      if (wallet) {
+        await tonConnectUI.disconnect();
+      }
+      open();
+    };
+    init();
+    tonConnectUI.onStatusChange((wallet2) => {
+      matchlog_default.log("onStatusChange:", wallet2, wallet2?.connectItems?.tonProof, JSON.stringify(wallet2?.connectItems?.tonProof));
+      if (wallet2?.connectItems?.tonProof && "proof" in wallet2.connectItems.tonProof) {
+        matchlog_default.log(wallet2?.connectItems.tonProof.proof, wallet2?.account);
+        const toLoginInWallet = async () => {
+          if (statusRef.current || !wallet2) return;
+          setStatus("signer");
+          statusRef.current = "signer";
+          try {
+            const signature = {
+              "address": wallet2?.account?.address,
+              "network": wallet2?.account?.chain,
+              "public_key": wallet2?.account?.publicKey,
+              "proof": {
+                //@ts-ignore
+                ...wallet2?.connectItems?.tonProof?.proof,
+                "state_init": wallet2?.account?.walletStateInit
+              }
+            };
+            let obj = {
+              type: "TON",
+              address: wallet2?.account?.publicKey,
+              signature: JSON.stringify(signature),
+              //@ts-ignore
+              message: wallet2?.connectItems?.tonProof?.proof.payload,
+              connector_type: "TON",
+              wallet_client_type: wallet2?.name
+            };
+            console.log("signature", {
+              signature,
+              obj
+            });
+            const res1 = type == "bind" ? await toBindWalletApi(obj) : await loginByWalletApi(obj);
+            if (res1) {
+              if (!isSuccess(res1)) {
+                throw new Error(res1.message);
+              }
+              matchlog_default.log(res1);
+              setStatus("success");
+              statusRef.current = "success";
+              if (type == "bind") {
+                events.onBind && events.onBind({
+                  type: "ton"
+                });
+                eventManager_default.emit("onBind", {
+                  type: "ton"
+                });
+              } else {
+                await login({
+                  mid: res1.data.mid,
+                  token: `${res1.data.token_type} ${res1.data.access_token}`
+                });
+              }
+              onSuccess && onSuccess();
+            }
+          } catch (error2) {
+            setStatus("error");
+            setError(error2.message);
+            statusRef.current = "";
+          }
+        };
+        toLoginInWallet();
+      }
+    });
+  }, []);
+  useEffect11(() => {
+    if (wallet) {
+      setConnected(true);
+      console.log("Wallet connected:", wallet);
+    } else {
+      setConnected(false);
+      open();
+      statusRef.current = "";
+      setStatus("");
+    }
+  }, [wallet]);
+  useEffect11(() => {
+    console.log({
+      state,
+      wallet
+    });
+    if (state.status == "opened") {
+      const init = async () => {
+        tonConnectUI.setConnectRequestParameters({ state: "loading" });
+        const res = type == "bind" ? await getWalletInitApi({
+          address: "tonconnect",
+          type: "TON"
+        }) : await getWalletNonceApi({ address: "tonconnect", type: "TON" });
+        if (!isSuccess(res)) {
+          tonConnectUI.setConnectRequestParameters(null);
+          throw new Error(res.message);
+        }
+        tonConnectUI.setConnectRequestParameters({
+          state: "ready",
+          value: { tonProof: res.data.nonce }
+        });
+      };
+      init();
+    } else {
+      if (!wallet) {
+        setStatus("");
+        statusRef.current = "";
+      }
+    }
+  }, [state]);
+  return /* @__PURE__ */ jsx22(
+    WalletModalContent,
+    {
+      connected,
+      disconnect: tonConnectUI.disconnect,
+      address: userFriendlyAddress,
+      visible: state.status == "opened",
+      setVisible: async (v) => {
+        console.log("setVisible", v);
+        if (v) {
+          if (wallet) {
+            await tonConnectUI.disconnect();
+          }
+          setStatus("");
+          statusRef.current = "";
+          open();
+        } else {
+          close();
+        }
+      },
+      error,
+      setError,
+      status
+    }
+  );
+}
+function TONModal({
+  type = "login",
+  onSuccess,
+  ...props
+}) {
+  const intl = useIntl12();
+  const { endpoints, appid } = useLocalStore_default();
+  const manifestUrl = `${endpoints.back}api/v1/wallet/ton?appid=${appid}&url=` + encodeURIComponent(window.location.origin);
+  return /* @__PURE__ */ jsx22(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+    id: type == "bind" ? "bindWith" : "loginWith"
+  }, {
+    name: "TON"
+  }), children: /* @__PURE__ */ jsx22(
+    TonConnectUIProvider,
+    {
+      manifestUrl,
+      children: /* @__PURE__ */ jsx22(WalletContent2, { onSuccess, type })
+    }
+  ) });
+}
+
+// src/components/BTCModal/index.tsx
+import React6, { useEffect as useEffect13, useMemo as useMemo8, useState as useState18 } from "react";
+import { useIntl as useIntl13 } from "react-intl";
 
 // src/lib/btc/UnisatAdapter.ts
 var UnisatAdapter = class {
@@ -2330,12 +2548,12 @@ var LeatherAdapter = class {
 };
 
 // src/hooks/useBTCWallet.ts
-import { useEffect as useEffect11, useState as useState16 } from "react";
+import { useEffect as useEffect12, useState as useState17 } 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] = useState17([]);
+  const [address, setAddress] = useState17(null);
+  useEffect12(() => {
     const getInstalled = async () => {
       const installed = await Promise.all(wallets2.map((wallet2) => wallet2.isInstalled().then((isInstalled) => ({
         wallet: wallet2,
@@ -2345,11 +2563,11 @@ var useBTCWallet = () => {
     };
     getInstalled();
   }, []);
-  const [wallet, chooseWallet] = useState16(null);
+  const [wallet, chooseWallet] = useState17(null);
   const onConnect = async () => {
     setAddress(await wallet.connect());
   };
-  useEffect11(() => {
+  useEffect12(() => {
     if (!wallet) {
       setAddress(null);
     }
@@ -2365,24 +2583,24 @@ var useBTCWallet = () => {
 };
 
 // src/components/BTCModal/index.tsx
-import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
 function BTCModal({
   type = "login",
   onSuccess,
   ...props
 }) {
   const isDownMd = useDownMd();
-  const intl = useIntl12();
+  const intl = useIntl13();
   const { wallets: wallets2, installedWallets, chooseWallet, wallet, address, onConnect } = useBTCWallet();
   const iconMaps = {
-    leather: /* @__PURE__ */ jsx22(LeatherIcon, { size: isDownMd ? 36 : 40 }),
-    unisat: /* @__PURE__ */ jsx22(UnisatIcon, { size: isDownMd ? 36 : 40 }),
-    xverse: /* @__PURE__ */ jsx22(XverseIcon, { size: isDownMd ? 36 : 40 })
+    leather: /* @__PURE__ */ jsx23(LeatherIcon, { size: isDownMd ? 36 : 40 }),
+    unisat: /* @__PURE__ */ jsx23(UnisatIcon, { size: isDownMd ? 36 : 40 }),
+    xverse: /* @__PURE__ */ jsx23(XverseIcon, { size: isDownMd ? 36 : 40 })
   };
   const { events, login } = useMatch();
-  const [status, setStatus] = useState17("");
-  const statusRef = React5.useRef(status);
-  const [error, setError] = useState17("");
+  const [status, setStatus] = useState18("");
+  const statusRef = React6.useRef(status);
+  const [error, setError] = useState18("");
   const connected = useMemo8(() => {
     return !!address;
   }, [address]);
@@ -2398,7 +2616,7 @@ function BTCModal({
     try {
       setStatus("nonce");
       statusRef.current = "nonce";
-      const res = type == "bind" ? await getWalletInitApi({ address }) : await getWalletNonceApi({ address });
+      const res = type == "bind" ? await getWalletInitApi({ address, type: "BTC" }) : await getWalletNonceApi({ address, type: "BTC" });
       if (!isSuccess(res)) {
         throw new Error(res.message);
       }
@@ -2447,7 +2665,7 @@ function BTCModal({
       statusRef.current = "";
     }
   };
-  useEffect12(() => {
+  useEffect13(() => {
     if (wallet) {
       console.log("onConnect");
       try {
@@ -2460,12 +2678,12 @@ function BTCModal({
       setStatus("");
     }
   }, [wallet]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (address) {
       toLoginInWallet();
     }
   }, [address]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (!props.isOpen) {
       disconnect();
     }
@@ -2477,11 +2695,11 @@ function BTCModal({
     statusRef.current = "";
     setError("");
   };
-  return /* @__PURE__ */ jsx22(ModalWithHeader, { ...props, title: props.title || intl.formatMessage({
+  return /* @__PURE__ */ jsx23(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 ? onBack : void 0, children: wallet ? /* @__PURE__ */ jsx23(
     WalletModalContent,
     {
       error,
@@ -2494,9 +2712,9 @@ function BTCModal({
       setVisible: () => {
       }
     }
-  ) : /* @__PURE__ */ jsx22("div", { className: "matchid-login-box", children: /* @__PURE__ */ jsxs18("div", { className: "matchid-login-recommend-list", children: [
+  ) : /* @__PURE__ */ jsx23("div", { className: "matchid-login-box", children: /* @__PURE__ */ jsxs18("div", { className: "matchid-login-recommend-list", children: [
     installedWallets.map((wallet2) => {
-      return /* @__PURE__ */ jsx22(
+      return /* @__PURE__ */ jsx23(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
@@ -2509,14 +2727,14 @@ function BTCModal({
       );
     }),
     wallets2.filter((wallet2) => !installedWallets.find((installedWallet) => installedWallet.walletKey == wallet2.walletKey)).map((wallet2) => {
-      return /* @__PURE__ */ jsx22(
+      return /* @__PURE__ */ jsx23(
         RecommendItem,
         {
           icon: iconMaps[wallet2.walletKey],
           name: wallet2.name,
           onClick: () => {
           },
-          footer: /* @__PURE__ */ jsx22(Button, { size: "sm", onClick: () => {
+          footer: /* @__PURE__ */ jsx23(Button, { size: "sm", onClick: () => {
             window.open(wallet2.website);
           }, children: "Install" })
         },
@@ -2527,27 +2745,27 @@ function BTCModal({
 }
 
 // src/components/CEXBindModal/index.tsx
-import { useEffect as useEffect13, useMemo as useMemo9, useState as useState18 } from "react";
-import { FormattedMessage as FormattedMessage10, useIntl as useIntl13 } from "react-intl";
-import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
+import { useEffect as useEffect14, useMemo as useMemo9, useState as useState19 } from "react";
+import { FormattedMessage as FormattedMessage10, useIntl as useIntl14 } from "react-intl";
+import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
 function CEXBindModal({
   onClose,
   type,
   isOpen = false,
   ...props
 }) {
-  const intl = useIntl13();
+  const intl = useIntl14();
   const { events } = useMatch();
-  const [APIPassphrase, setAPIPassphrase] = useState18("");
+  const [APIPassphrase, setAPIPassphrase] = useState19("");
   const { refreshOverview } = useUserInfo();
-  const [loading, setLoading] = useState18(false);
-  const [key, setKey] = useState18("");
-  const [secret, setSecret] = useState18("");
-  const [error, setError] = useState18("");
+  const [loading, setLoading] = useState19(false);
+  const [key, setKey] = useState19("");
+  const [secret, setSecret] = useState19("");
+  const [error, setError] = useState19("");
   const needPassphrase = useMemo9(() => {
     return ["bitget", "okx"].includes(type.toLowerCase());
   }, [type]);
-  useEffect13(() => {
+  useEffect14(() => {
     if (isOpen) {
       setSecret("");
       setKey("");
@@ -2584,20 +2802,20 @@ function CEXBindModal({
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ jsx23(ModalWithHeader, { showClose: true, isOpen, onClose, title: intl.formatMessage({
+  return /* @__PURE__ */ jsx24(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: [
-      /* @__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" }) }),
-      /* @__PURE__ */ jsx23("p", { children: /* @__PURE__ */ jsx23(FormattedMessage10, { id: "CEXBindTips3" }) })
+      /* @__PURE__ */ jsx24("p", { children: /* @__PURE__ */ jsx24(FormattedMessage10, { id: "CEXBindAttention" }) }),
+      /* @__PURE__ */ jsx24("p", { children: /* @__PURE__ */ jsx24(FormattedMessage10, { id: "CEXBindTips1" }) }),
+      /* @__PURE__ */ jsx24("p", { children: /* @__PURE__ */ jsx24(FormattedMessage10, { id: "CEXBindTips2" }) }),
+      /* @__PURE__ */ jsx24("p", { children: /* @__PURE__ */ jsx24(FormattedMessage10, { id: "CEXBindTips3" }) })
     ] }),
-    /* @__PURE__ */ jsx23(Field, { label: intl.formatMessage({
+    /* @__PURE__ */ jsx24(Field, { label: intl.formatMessage({
       id: "CEXBindApiKey"
-    }), children: /* @__PURE__ */ jsx23(
+    }), children: /* @__PURE__ */ jsx24(
       Input,
       {
         value: key,
@@ -2605,9 +2823,9 @@ function CEXBindModal({
         placeholder: "**** **** ****"
       }
     ) }),
-    /* @__PURE__ */ jsx23(Field, { label: intl.formatMessage({
+    /* @__PURE__ */ jsx24(Field, { label: intl.formatMessage({
       id: "CEXBindApiSecretKey"
-    }), error: type != "OKX" && error, children: /* @__PURE__ */ jsx23(
+    }), error: !needPassphrase && error, children: /* @__PURE__ */ jsx24(
       Input,
       {
         value: secret,
@@ -2615,9 +2833,9 @@ function CEXBindModal({
         placeholder: "**** **** ****"
       }
     ) }),
-    needPassphrase && /* @__PURE__ */ jsx23(Field, { error, label: intl.formatMessage({
+    needPassphrase && /* @__PURE__ */ jsx24(Field, { error, label: intl.formatMessage({
       id: "CEXBindApiPassphrase"
-    }), children: /* @__PURE__ */ jsx23(
+    }), children: /* @__PURE__ */ jsx24(
       Input,
       {
         value: APIPassphrase,
@@ -2625,7 +2843,7 @@ function CEXBindModal({
         placeholder: "**** **** ****"
       }
     ) }),
-    /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx24(
       Button,
       {
         onClick: SubmitApi,
@@ -2633,24 +2851,25 @@ function CEXBindModal({
         block: true,
         loading,
         disabled: !key || !secret,
-        children: /* @__PURE__ */ jsx23(FormattedMessage10, { id: "continue" })
+        children: /* @__PURE__ */ jsx24(FormattedMessage10, { id: "continue" })
       }
     )
   ] }) });
 }
 
 // src/context/BusinessProvider.tsx
-import { Fragment as Fragment4, jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx25, 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: TONType, isOpen: TONIsOpen, close: TONClose } = useTONModalStore();
   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: [
-    /* @__PURE__ */ jsx24(PasswordModal, { isOpen: !!token && !!overview && !overview.address && !!overview.did, showClose: false }),
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx25(PasswordModal, { isOpen: !!token && !!overview && !overview.address && !!overview.did, showClose: false }),
+    /* @__PURE__ */ jsx25(
       RecoveryModal,
       {
         isOpen: !!token && !!overview && !!overview.address && recoveryModal.open,
@@ -2658,7 +2877,7 @@ function BusinessProvider({ children }) {
         onSuccess: recoveryModal.success
       }
     ),
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx25(
       SOLModal,
       {
         isOpen: SOLIsOpen && (SOLType == "login" && !overview && !token || SOLType == "bind" && !!token && !!overview),
@@ -2668,7 +2887,7 @@ function BusinessProvider({ children }) {
         zIndex: 199
       }
     ),
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx25(
       TRONModal,
       {
         isOpen: TRONIsOpen && (TRONType == "login" && !overview && !token || TRONType == "bind" && !!token && !!overview),
@@ -2678,7 +2897,17 @@ function BusinessProvider({ children }) {
         zIndex: 199
       }
     ),
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx25(
+      TONModal,
+      {
+        isOpen: TONIsOpen && (TONType == "login" && !overview && !token || TONType == "bind" && !!token && !!overview),
+        onClose: TONClose,
+        type: TONType,
+        onSuccess: TONClose,
+        zIndex: 199
+      }
+    ),
+    /* @__PURE__ */ jsx25(
       BTCModal,
       {
         isOpen: BTCIsOpen && (BTCType == "login" && !overview && !token || BTCType == "bind" && !!token && !!overview),
@@ -2688,7 +2917,7 @@ function BusinessProvider({ children }) {
         zIndex: 199
       }
     ),
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx25(
       CEXBindModal,
       {
         isOpen: CEXIsOpen && (!!token && !!overview),
@@ -2702,17 +2931,17 @@ function BusinessProvider({ children }) {
 }
 
 // src/context/index.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 var Providers = ({ children }) => {
   return (
     // <MpcWalletProvider>
-    /* @__PURE__ */ jsx25(BusinessProvider, { children })
+    /* @__PURE__ */ jsx26(BusinessProvider, { children })
   );
 };
 var context_default = Providers;
 
 // src/hooks/useWalletInit.ts
-import { useEffect as useEffect14, useState as useState19 } from "react";
+import { useEffect as useEffect15, useState as useState20 } from "react";
 
 // src/hooks/useWallet.tsx
 import { toAccount } from "viem/accounts";
@@ -2852,17 +3081,17 @@ function useWalletInit({
   const getWalletIframe = () => {
     return document.getElementById("match-wallet");
   };
-  const [walletInited, setWalletInited] = useState19(false);
+  const [walletInited, setWalletInited] = useState20(false);
   const { appid, token, overview } = useLocalStore_default();
   const { initWallet, generateWallet } = useWallet();
-  const [iframeLoaded, setIframeLoaded] = useState19(false);
-  useEffect14(() => {
+  const [iframeLoaded, setIframeLoaded] = useState20(false);
+  useEffect15(() => {
     console.log("wallet status", {
       iframeLoaded,
       walletInited
     });
   }, [iframeLoaded, walletInited]);
-  useEffect14(() => {
+  useEffect15(() => {
     if (endpoints.auth) {
       if (!window.matchWalletMessageIdMap) {
         window.matchWalletMessageIdMap = {};
@@ -2885,16 +3114,11 @@ function useWalletInit({
         document.body.insertBefore(iframe, document.body.firstChild);
         window.sendMatchWalletMessage = (method, data, retry = 5, times = 0) => {
           try {
-            if (!iframeLoaded) {
-              throw new Error("Wallet not ready");
-            }
-            if (!walletInited) {
-              throw new Error("Wallet not inited");
-            }
             if (!document.getElementById("match-wallet")) {
               throw new Error("Wallet not found");
             }
           } catch (error) {
+            console.error(`wallet init[${times}/${retry}]`, error);
             if (times < retry) {
               setTimeout(() => {
                 window.sendMatchWalletMessage(method, data, retry, times + 1);
@@ -2941,7 +3165,7 @@ function useWalletInit({
       }
     }
   }, [endpoints.auth]);
-  useEffect14(() => {
+  useEffect15(() => {
     const messageHandle = async (e) => {
       if (e.origin !== endpoints.auth.substring(0, endpoints.auth.length - 1)) {
         return;
@@ -2974,7 +3198,7 @@ function useWalletInit({
       window.removeEventListener("message", messageHandle);
     };
   }, []);
-  useEffect14(() => {
+  useEffect15(() => {
     if (token && overview && overview.did && walletInited) {
       const did = overview.did.split(":")[2];
       const newUserInit = async () => {
@@ -3005,7 +3229,7 @@ function useWalletInit({
 }
 
 // src/hooks/useInit.tsx
-import { useEffect as useEffect15, useRef as useRef2 } from "react";
+import { useEffect as useEffect16, useRef as useRef2 } from "react";
 function useInit({
   theme,
   appid,
@@ -3028,19 +3252,19 @@ function useInit({
   const searchParams = new URLSearchParams(window.location.search);
   const matchToken = searchParams.get("matchToken");
   const realEndpoints = endpoints || env_default.endpoints;
-  useEffect15(() => {
+  useEffect16(() => {
     setTheme(theme);
   }, [theme]);
-  useEffect15(() => {
+  useEffect16(() => {
     setAppid(appid);
   }, [appid]);
-  useEffect15(() => {
+  useEffect16(() => {
     setEndpoints(realEndpoints);
   }, [realEndpoints]);
-  useEffect15(() => {
+  useEffect16(() => {
     setLocale(locale || "en");
   }, [locale]);
-  useEffect15(() => {
+  useEffect16(() => {
     if (matchToken) {
       const tokenData = JSON.parse(atob(matchToken));
       if (tokenData && tokenData.mid && tokenData.token) {
@@ -3051,7 +3275,7 @@ function useInit({
       }
     }
   }, [matchToken]);
-  useEffect15(() => {
+  useEffect16(() => {
     const onLoginMessage = (event) => {
       const res = event.data;
       if (res.event === "login" && res.data && (res.data.token || res.data.token_type && res.data.access_token)) {
@@ -3087,7 +3311,7 @@ function useInit({
       overviewLoadingRef.current = false;
     }
   };
-  useEffect15(() => {
+  useEffect16(() => {
     if (token) {
       loadOverview();
     }
@@ -3594,7 +3818,7 @@ var messages = {
 };
 
 // src/MatchContext.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 var queryClient = new QueryClient();
 var MatchContext = createContext(void 0);
 var MatchProvider = ({ children, appid, events, theme = "light", endpoints, locale }) => {
@@ -3615,7 +3839,7 @@ var MatchProvider = ({ children, appid, events, theme = "light", endpoints, loca
   useWalletInit({
     refreshOverview: loadOverview
   });
-  return /* @__PURE__ */ jsx26(IntlProvider, { locale: realLocale, messages: messages[realLocale], children: /* @__PURE__ */ jsx26(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx27(IntlProvider, { locale: realLocale, messages: messages[realLocale], children: /* @__PURE__ */ jsx27(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx27(
     MatchContext.Provider,
     {
       value: {
@@ -3626,7 +3850,7 @@ var MatchProvider = ({ children, appid, events, theme = "light", endpoints, loca
         theme,
         locale: realLocale
       },
-      children: /* @__PURE__ */ jsx26(context_default, { children })
+      children: /* @__PURE__ */ jsx27(context_default, { children })
     }
   ) }) });
 };
@@ -3654,6 +3878,7 @@ function useUserInfo() {
   const { events, login } = useMatch();
   const { open: SOLOpen } = useSOLModalStore();
   const { open: TRONOpen } = useTRONModalStore();
+  const { open: TONOpen } = useTONModalStore();
   const { open: BTCOpen } = useBTCModalStore();
   const { open: CEXBindOpen } = useCEXBindModalStore();
   const isLogin = useMemo10(() => !!token, [token]);
@@ -3702,6 +3927,8 @@ function useUserInfo() {
         return SOLOpen("login");
       case "tron":
         return TRONOpen("login");
+      case "ton":
+        return TONOpen("login");
       case "btc":
         return BTCOpen("login");
       case "telegram":
@@ -3793,6 +4020,8 @@ function useUserInfo() {
         return SOLOpen("bind");
       case "tron":
         return TRONOpen("bind");
+      case "ton":
+        return TONOpen("bind");
       case "btc":
         return BTCOpen("bind");
       case "telegram":
@@ -3845,9 +4074,9 @@ function useUserInfo() {
 }
 
 // src/hooks/useMatchEvents.ts
-import { useEffect as useEffect16 } from "react";
+import { useEffect as useEffect17 } from "react";
 function useMatchEvents(handlers) {
-  useEffect16(() => {
+  useEffect17(() => {
     Object.entries(handlers).forEach(([event, handler2]) => {
       if (handler2) {
         eventManager_default.on(event, handler2);
@@ -3865,14 +4094,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 useEffect18, useState as useState21 } from "react";
 function useCopyClipboard(timeout = 500) {
-  const [isCopied, setIsCopied] = useState20(false);
+  const [isCopied, setIsCopied] = useState21(false);
   const staticCopy = useCallback((text) => {
     const didCopy = copy(text);
     setIsCopied(didCopy);
   }, []);
-  useEffect17(() => {
+  useEffect18(() => {
     if (isCopied) {
       const hide = setTimeout(() => {
         setIsCopied(false);
@@ -3917,9 +4146,10 @@ export {
   UsernameModal,
   SOLModal,
   TRONModal,
+  TONModal,
   BTCModal,
   components_exports,
   MatchProvider,
   useMatch
 };
-//# sourceMappingURL=chunk-R3JJJMNQ.mjs.map
+//# sourceMappingURL=chunk-RYZFW6P6.mjs.map