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

package/dist/hooks/api/index.mjs

@@ -2,9 +2,9 @@ import {
   bind_exports,
   poh_exports,
   user_exports
-} from "../../chunk-OG7AO57N.mjs";
-import "../../chunk-R3JJJMNQ.mjs";
-import "../../chunk-6PWH7WZI.mjs";
+} from "../../chunk-B2HVAJPQ.mjs";
+import "../../chunk-RYZFW6P6.mjs";
+import "../../chunk-DPXMCLYK.mjs";
 import "../../chunk-J5LGTIGS.mjs";
 export {
   bind_exports as bind,

package/dist/hooks/index.d.mts

@@ -1,4 +1,4 @@
-export { c as useCopyClipboard, d as useLayout, a as useMatchEvents, u as useUserInfo, b as useWallet } from '../index-Dm5o2w2J.mjs';
-import '../types.d-IS3DBl3p.mjs';
+export { c as useCopyClipboard, d as useLayout, a as useMatchEvents, u as useUserInfo, b as useWallet } from '../index-fl6SNIZC.mjs';
+import '../types.d-CLO_WLka.mjs';
 import 'react';
 import 'viem';

package/dist/hooks/index.d.ts

@@ -1,4 +1,4 @@
-export { c as useCopyClipboard, d as useLayout, a as useMatchEvents, u as useUserInfo, b as useWallet } from '../index-BPveUnst.js';
-import '../types.d-IS3DBl3p.js';
+export { c as useCopyClipboard, d as useLayout, a as useMatchEvents, u as useUserInfo, b as useWallet } from '../index-DoF5jRoi.js';
+import '../types.d-CLO_WLka.js';
 import 'react';
 import 'viem';

package/dist/hooks/index.js

@@ -78,7 +78,7 @@ var localStore = useLocalStore;
 var useLocalStore_default = useLocalStore;
 
 // src/hooks/useUserInfo.tsx
-var import_react23 = require("react");
+var import_react24 = require("react");
 
 // src/api/request.ts
 var import_axios = __toESM(require("axios"));
@@ -238,7 +238,7 @@ var getAuthInfoApi = () => {
 };
 
 // src/MatchContext.tsx
-var import_react22 = require("react");
+var import_react23 = require("react");
 
 // src/assets/icon/ArrowLeftIcon.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -363,6 +363,12 @@ var import_jsx_runtime40 = require("react/jsx-runtime");
 // src/assets/icon/BitgetIcon.tsx
 var import_jsx_runtime41 = require("react/jsx-runtime");
 
+// src/assets/icon/TonDarkIcon.tsx
+var import_jsx_runtime42 = require("react/jsx-runtime");
+
+// src/assets/icon/TonLightIcon.tsx
+var import_jsx_runtime43 = require("react/jsx-runtime");
+
 // src/hooks/useLayout.tsx
 var useLayout_exports = {};
 __export(useLayout_exports, {
@@ -384,29 +390,29 @@ function useDownMd() {
 }
 
 // src/components/Modal/index.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 
 // src/components/PasswordModal/index.tsx
 var import_react3 = require("react");
 
 // src/components/Input/index.tsx
 var import_react2 = require("react");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 
 // src/components/Field/index.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 
 // src/components/Button/index.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 
 // src/components/PasswordModal/index.tsx
 var import_react_intl = require("react-intl");
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 
 // src/components/RecoveryModal/index.tsx
 var import_react4 = require("react");
 var import_react_intl2 = require("react-intl");
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 
 // src/store/useStore.ts
 var import_zustand2 = require("zustand");
@@ -439,6 +445,12 @@ var useTRONModalStore = (0, import_zustand3.create)((set) => ({
   open: (type) => set({ isOpen: true, type }),
   close: () => set({ isOpen: false })
 }));
+var useTONModalStore = (0, import_zustand3.create)((set) => ({
+  isOpen: false,
+  type: "",
+  open: (type) => set({ isOpen: true, type }),
+  close: () => set({ isOpen: false })
+}));
 var useBTCModalStore = (0, import_zustand3.create)((set) => ({
   isOpen: false,
   type: "",
@@ -471,59 +483,59 @@ function getAppClientId() {
 
 // src/components/EmailModal/StepEmail.tsx
 var import_react_intl3 = require("react-intl");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 
 // src/components/EmailModal/StepVerify.tsx
 var import_react6 = require("react");
 var import_react_intl4 = require("react-intl");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 
 // src/components/EmailModal/index.tsx
 var import_react_intl5 = require("react-intl");
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 
 // src/components/Popover/index.tsx
 var import_react8 = require("react");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 
 // src/components/LoginBox/index.tsx
 var import_react9 = require("react");
 var import_react_intl6 = require("react-intl");
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 
 // src/components/LoginButton/index.tsx
 var import_react11 = require("react");
 
 // src/components/LoginPanel/index.tsx
 var import_react_intl7 = require("react-intl");
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 
 // src/components/LoginModal/index.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 
 // src/components/UserPopover/index.tsx
 var import_react10 = require("react");
 
 // src/assets/icon/ProfileIcon.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 
 // src/components/UserPopover/index.tsx
 var import_react_intl8 = require("react-intl");
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 
 // src/components/LoginButton/index.tsx
 var import_react_intl9 = require("react-intl");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 
 // src/components/UsernameModal/index.tsx
 var import_react12 = require("react");
 
 // src/assets/icon/InfoRoundIcon.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 
 // src/components/UsernameModal/index.tsx
 var import_react_intl10 = require("react-intl");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 
 // src/components/SOLModal/index.tsx
 var import_react14 = __toESM(require("react"));
@@ -576,10 +588,10 @@ var import_react_intl11 = require("react-intl");
 
 // src/components/WalletModalContent/index.tsx
 var import_react13 = require("react");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 
 // src/components/SOLModal/index.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var wallets = [
   new import_wallet_adapter_wallets.PhantomWalletAdapter(),
   new import_wallet_adapter_wallets.SolflareWalletAdapter(),
@@ -630,37 +642,43 @@ var import_react_intl12 = require("react-intl");
 var import_react15 = require("react");
 
 // src/components/TRONModal/index.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 
-// src/components/BTCModal/index.tsx
-var import_react18 = __toESM(require("react"));
+// src/components/TONModal/index.tsx
+var import_react17 = __toESM(require("react"));
 var import_react_intl13 = require("react-intl");
+var import_ui_react = require("@tonconnect/ui-react");
+var import_jsx_runtime65 = require("react/jsx-runtime");
+
+// src/components/BTCModal/index.tsx
+var import_react19 = __toESM(require("react"));
+var import_react_intl14 = require("react-intl");
 
 // src/lib/btc/XverseAdapter.ts
 var import_sats_connect = require("sats-connect");
 
 // src/hooks/useBTCWallet.ts
-var import_react17 = require("react");
+var import_react18 = require("react");
 
 // src/components/BTCModal/index.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 
 // src/components/CEXBindModal/index.tsx
-var import_react19 = require("react");
-var import_react_intl14 = require("react-intl");
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_react20 = require("react");
+var import_react_intl15 = require("react-intl");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 
 // src/context/BusinessProvider.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 
 // src/context/index.tsx
-var import_jsx_runtime66 = (
+var import_jsx_runtime69 = (
   // <MpcWalletProvider>
   require("react/jsx-runtime")
 );
 
 // src/hooks/useWalletInit.ts
-var import_react20 = require("react");
+var import_react21 = require("react");
 
 // src/hooks/useWallet.tsx
 var import_accounts = require("viem/accounts");
@@ -795,16 +813,16 @@ function useWallet() {
 var AppClientId2 = getAppClientId();
 
 // src/hooks/useInit.tsx
-var import_react21 = require("react");
+var import_react22 = require("react");
 
 // src/MatchContext.tsx
 var import_react_query = require("@tanstack/react-query");
-var import_react_intl15 = require("react-intl");
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_react_intl16 = require("react-intl");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 var queryClient = new import_react_query.QueryClient();
-var MatchContext = (0, import_react22.createContext)(void 0);
+var MatchContext = (0, import_react23.createContext)(void 0);
 var useMatch = () => {
-  const context = (0, import_react22.useContext)(MatchContext);
+  const context = (0, import_react23.useContext)(MatchContext);
   if (context === void 0) {
     throw new Error("useMatch must be used within a MatchProvider");
   }
@@ -827,9 +845,10 @@ 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 = (0, import_react23.useMemo)(() => !!token, [token]);
+  const isLogin = (0, import_react24.useMemo)(() => !!token, [token]);
   const logout = async () => {
     try {
       await toLogoutApi();
@@ -875,6 +894,8 @@ function useUserInfo() {
         return SOLOpen("login");
       case "tron":
         return TRONOpen("login");
+      case "ton":
+        return TONOpen("login");
       case "btc":
         return BTCOpen("login");
       case "telegram":
@@ -966,6 +987,8 @@ function useUserInfo() {
         return SOLOpen("bind");
       case "tron":
         return TRONOpen("bind");
+      case "ton":
+        return TONOpen("bind");
       case "btc":
         return BTCOpen("bind");
       case "telegram":
@@ -1018,9 +1041,9 @@ function useUserInfo() {
 }
 
 // src/hooks/useMatchEvents.ts
-var import_react24 = require("react");
+var import_react25 = require("react");
 function useMatchEvents(handlers) {
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     Object.entries(handlers).forEach(([event, handler2]) => {
       if (handler2) {
         eventManager_default.on(event, handler2);
@@ -1038,14 +1061,14 @@ function useMatchEvents(handlers) {
 
 // src/hooks/useCopyClipboard.ts
 var import_copy_to_clipboard = __toESM(require("copy-to-clipboard"));
-var import_react25 = require("react");
+var import_react26 = require("react");
 function useCopyClipboard(timeout = 500) {
-  const [isCopied, setIsCopied] = (0, import_react25.useState)(false);
-  const staticCopy = (0, import_react25.useCallback)((text) => {
+  const [isCopied, setIsCopied] = (0, import_react26.useState)(false);
+  const staticCopy = (0, import_react26.useCallback)((text) => {
     const didCopy = (0, import_copy_to_clipboard.default)(text);
     setIsCopied(didCopy);
   }, []);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (isCopied) {
       const hide = setTimeout(() => {
         setIsCopied(false);