@matchain/matchid-sdk-react 0.1.49 → 0.1.50-alpha.0

package/dist/hooks/index.mjs

@@ -12,12 +12,12 @@ import {
   useTransaction,
   useUserInfo,
   useWallet
-} from "../chunk-MXDPJRRH.mjs";
+} from "../chunk-P3WHQUXO.mjs";
 import "../chunk-UA6XHZHX.mjs";
 import {
   useLayout_exports
 } from "../chunk-FB5MHLWX.mjs";
-import "../chunk-5JHHHLG4.mjs";
+import "../chunk-HLUFAIFV.mjs";
 import "../chunk-LHNKZISB.mjs";
 import "../chunk-J5LGTIGS.mjs";
 export {

package/dist/{index-CNzG0MX7.d.mts → index-C_TiXUOB.d.mts}

@@ -62,7 +62,7 @@ declare const LOGIN_METHOD_MAP: {
 
 declare function useUserInfo(): {
     loginByMethod: (method: ISocialLoginMethod) => Promise<Window | null>;
-    loginByTelegram: () => Promise<Window | null>;
+    loginByTelegram: () => Promise<Window | null | undefined>;
     loginByTwitter: () => Promise<Window | null>;
     loginByGoogle: () => Promise<Window | null>;
     loginByWallet: () => Promise<Window | null>;

package/dist/{index-Bg4rqEu2.d.ts → index-Cx2Lx_mh.d.ts}

@@ -62,7 +62,7 @@ declare const LOGIN_METHOD_MAP: {
 
 declare function useUserInfo(): {
     loginByMethod: (method: ISocialLoginMethod) => Promise<Window | null>;
-    loginByTelegram: () => Promise<Window | null>;
+    loginByTelegram: () => Promise<Window | null | undefined>;
     loginByTwitter: () => Promise<Window | null>;
     loginByGoogle: () => Promise<Window | null>;
     loginByWallet: () => Promise<Window | null>;

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-DzVVzMYU.mjs';
-export { i as Hooks, M as ModalProvider, T as ToastProvider } from './index-CNzG0MX7.mjs';
+export { i as Hooks, M as ModalProvider, T as ToastProvider } from './index-C_TiXUOB.mjs';
 export { i as Components } from './index-C9qYyRgt.mjs';
 export { i as UI } from './index-C9F6f2iz.mjs';
 export { i as Api } from './index-D4ju2J_e.mjs';

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-DzVVzMYU.js';
-export { i as Hooks, M as ModalProvider, T as ToastProvider } from './index-Bg4rqEu2.js';
+export { i as Hooks, M as ModalProvider, T as ToastProvider } from './index-Cx2Lx_mh.js';
 export { i as Components } from './index-Bvc8cjpN.js';
 export { i as UI } from './index-BMsj8hJv.js';
 export { i as Api } from './index-Cy3K-Yao.js';

package/dist/index.js

@@ -466,6 +466,19 @@ var getWalletNftListApi = (data) => {
     data
   });
 };
+var tgAppLoginInitApi = () => {
+  return retryRequest({
+    url: `/api/v1/tgapp/login/init`,
+    method: "GET"
+  });
+};
+var getTgAppLoginStatus = (data) => {
+  return retryRequest({
+    url: `/api/v1/tgapp/login/status`,
+    method: "POST",
+    data
+  });
+};
 
 // src/store/useLocalStore.ts
 var persistedState = (0, import_middleware.persist)(
@@ -620,7 +633,7 @@ var NumberFormatter = ({
       }
     }
     if (zeroCount < tFixNum) {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className, children: [
         prefix && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: prefixClassName, children: prefix }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: intClassName, children: intFormat }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: decimalClassName, children: [
@@ -630,7 +643,7 @@ var NumberFormatter = ({
         suffix
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className, children: [
       prefix && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: prefixClassName, children: prefix }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: intClassName, children: intFormat }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: decimalClassName, children: [
@@ -656,6 +669,9 @@ var formatDate = (value, formatString = "YYYY-MM-DD HH:mm:ss") => {
   }
   return "--";
 };
+var isInTgApp = () => {
+  return !!window.TelegramWebviewProxy;
+};
 
 // src/store/useModalStore.ts
 var import_zustand2 = require("zustand");
@@ -1909,6 +1925,16 @@ var useWalletModalStore = (0, import_zustand2.create)((set) => ({
   close: () => set({ isOpen: false })
 }));
 
+// src/store/useStore.ts
+var import_zustand3 = require("zustand");
+var useStore = (0, import_zustand3.create)((set) => ({
+  walletReady: false,
+  setWalletReady: (inited) => set({ walletReady: inited }),
+  tgAppAuthCode: "",
+  setTgAppAuthCode: (code) => set({ tgAppAuthCode: code })
+}));
+var useStore_default = useStore;
+
 // src/hooks/useUserInfo.tsx
 function useUserInfo() {
   const {
@@ -1924,6 +1950,7 @@ function useUserInfo() {
     locale,
     refreshOverview
   } = useLocalStore_default();
+  const { setTgAppAuthCode } = useStore_default();
   const { events, login } = useMatch();
   const { open: SOLOpen } = useSOLModalStore();
   const { open: TRONOpen } = useTRONModalStore();
@@ -1962,6 +1989,31 @@ function useUserInfo() {
     return window.open(`${endpoints.auth}login/wallet?appid=${appid}&locale=${locale}`);
   };
   const loginByTelegram = async () => {
+    if (isInTgApp()) {
+      try {
+        const res = await tgAppLoginInitApi();
+        if (!isSuccess(res)) {
+          throw new Error(res.message);
+        }
+        setTgAppAuthCode(res.data.code);
+        const link = res.data.login_url + `?startapp=${res.data.code}_${appid}_${locale}`;
+        console.log("tgAppLoginInitLink", link);
+        if (window.TelegramWebviewProxy) {
+          console.log("in telegram webview");
+          if (!window.Telegram) {
+            throw new Error("Please import telegram-web-app.js first");
+          }
+          window.Telegram.WebApp.openTelegramLink(link);
+          return;
+        }
+        console.log("not in telegram webview");
+        window.open(link);
+        return;
+      } catch (e) {
+        console.error("tgAppLoginInitApi", e);
+        throw e;
+      }
+    }
     return window.open(
       `${endpoints.auth}login/telegram?appid=${appid}&locale=${locale}`,
       // Replace with the actual authorization URL
@@ -2184,14 +2236,6 @@ function useMatchEvents(handlers) {
 // src/hooks/useWallet.tsx
 var import_viem2 = require("viem");
 
-// src/store/useStore.ts
-var import_zustand3 = require("zustand");
-var useStore = (0, import_zustand3.create)((set) => ({
-  walletReady: false,
-  setWalletReady: (inited) => set({ walletReady: inited })
-}));
-var useStore_default = useStore;
-
 // src/types/mpc.ts
 var ChainType = /* @__PURE__ */ ((ChainType2) => {
   ChainType2["Ethereum"] = "ethereum";
@@ -6807,6 +6851,7 @@ function CEXBindModal({
 }
 
 // src/context/BusinessProvider.tsx
+var import_react_query9 = require("@tanstack/react-query");
 var import_jsx_runtime92 = require("react/jsx-runtime");
 function BusinessProvider({ children }) {
   const { overview, token } = useUserInfo();
@@ -6816,10 +6861,31 @@ function BusinessProvider({ children }) {
   const { type: BTCType, isOpen: BTCIsOpen, close: BTCClose } = useBTCModalStore();
   const { type: CEXType, isOpen: CEXIsOpen, close: CEXClose } = useCEXBindModalStore();
   const WalletModalStore = useWalletModalStore();
+  const { tgAppAuthCode, setTgAppAuthCode } = useStore_default();
+  const { login } = useMatch();
   const walletModalClose = (func) => {
     WalletModalStore.close();
     func();
   };
+  (0, import_react_query9.useQuery)({
+    queryKey: ["matchid-tgapp-login", tgAppAuthCode],
+    queryFn: async () => {
+      const res = await getTgAppLoginStatus({
+        code: tgAppAuthCode
+      });
+      if (isSuccess(res)) {
+        setTgAppAuthCode("");
+        await login({
+          mid: "",
+          token: `${res.data.token_type} ${res.data.access_token}`
+        });
+        return true;
+      }
+      return false;
+    },
+    enabled: !!tgAppAuthCode,
+    refetchInterval: 1e3 * 5
+  });
   return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_jsx_runtime92.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
       SOLModal,
@@ -7242,7 +7308,7 @@ function useInit({
 }
 
 // src/MatchContext.tsx
-var import_react_query9 = require("@tanstack/react-query");
+var import_react_query10 = require("@tanstack/react-query");
 var import_react_intl21 = require("react-intl");
 
 // src/i18n/en.json
@@ -7980,7 +8046,7 @@ var messages = {
 
 // src/MatchContext.tsx
 var import_jsx_runtime94 = require("react/jsx-runtime");
-var queryClient = new import_react_query9.QueryClient();
+var queryClient = new import_react_query10.QueryClient();
 var MatchContext = (0, import_react40.createContext)(void 0);
 var MatchProvider = ({
   children,
@@ -8001,7 +8067,16 @@ var MatchProvider = ({
   useWalletInit({
     config: wallet
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_intl21.IntlProvider, { locale: realLocale, messages: messages[realLocale], children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_query9.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+  (0, import_react40.useEffect)(() => {
+    const script = document.createElement("script");
+    script.src = "https://telegram.org/js/telegram-web-app.js?56";
+    script.async = true;
+    document.body.appendChild(script);
+    return () => {
+      document.body.removeChild(script);
+    };
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_intl21.IntlProvider, { locale: realLocale, messages: messages[realLocale], children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_query10.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
     MatchContext.Provider,
     {
       value: {
@@ -8043,10 +8118,10 @@ __export(bind_exports, {
   useBindInfo: () => useBindInfo,
   useBindList: () => useBindList
 });
-var import_react_query10 = require("@tanstack/react-query");
+var import_react_query11 = require("@tanstack/react-query");
 function useBindList(options) {
   const { isLogin } = useUserInfo();
-  return (0, import_react_query10.useQuery)({
+  return (0, import_react_query11.useQuery)({
     queryKey: ["bindList"],
     enabled: isLogin,
     queryFn: async () => {
@@ -8058,7 +8133,7 @@ function useBindList(options) {
 }
 function useBindInfo(options) {
   const { isLogin } = useUserInfo();
-  return (0, import_react_query10.useQuery)({
+  return (0, import_react_query11.useQuery)({
     queryKey: ["bindInfo"],
     enabled: isLogin,
     queryFn: async () => {
@@ -8075,10 +8150,10 @@ __export(poh_exports, {
   usePohList: () => usePohList,
   verifyPohApi: () => verifyPohApi
 });
-var import_react_query11 = require("@tanstack/react-query");
+var import_react_query12 = require("@tanstack/react-query");
 function usePohList(options) {
   const { isLogin } = useUserInfo();
-  return (0, import_react_query11.useQuery)({
+  return (0, import_react_query12.useQuery)({
     queryKey: ["pohList"],
     enabled: isLogin,
     queryFn: async () => {