@matchain/matchid-sdk-react 0.1.49 → 0.1.50

package/dist/components/index.mjs

@@ -15,7 +15,7 @@ import {
   UsernameModal,
   WalletAsset,
   WalletModal
-} from "../chunk-MXDPJRRH.mjs";
+} from "../chunk-JLQVDNWZ.mjs";
 import "../chunk-UA6XHZHX.mjs";
 import {
   Button,
@@ -26,7 +26,7 @@ import {
   Overlay,
   Popover
 } from "../chunk-FB5MHLWX.mjs";
-import "../chunk-5JHHHLG4.mjs";
+import "../chunk-HLUFAIFV.mjs";
 import "../chunk-LHNKZISB.mjs";
 import "../chunk-J5LGTIGS.mjs";
 export {

package/dist/hooks/api/index.js

@@ -47,7 +47,7 @@ __export(bind_exports, {
   useBindInfo: () => useBindInfo,
   useBindList: () => useBindList
 });
-var import_react_query10 = require("@tanstack/react-query");
+var import_react_query11 = require("@tanstack/react-query");
 
 // src/store/useLocalStore.ts
 var import_zustand = require("zustand");
@@ -395,6 +395,12 @@ var getWalletNftListApi = (data) => {
     data
   });
 };
+var tgAppLoginInitApi = () => {
+  return retryRequest({
+    url: `/api/v1/tgapp/login/init`,
+    method: "GET"
+  });
+};
 
 // src/store/useLocalStore.ts
 var persistedState = (0, import_middleware.persist)(
@@ -499,6 +505,9 @@ function encodeBase64(input) {
 function getAppClientId() {
   return "react-sdk-" + getVersion();
 }
+var isInTgApp = () => {
+  return !!window.TelegramWebviewProxy;
+};
 
 // src/hooks/useWallet.tsx
 var import_viem2 = require("viem");
@@ -507,8 +516,11 @@ var import_viem2 = require("viem");
 var import_zustand2 = require("zustand");
 var useStore = (0, import_zustand2.create)((set) => ({
   walletReady: false,
-  setWalletReady: (inited) => set({ walletReady: inited })
+  setWalletReady: (inited) => set({ walletReady: inited }),
+  tgAppAuthCode: "",
+  setTgAppAuthCode: (code) => set({ tgAppAuthCode: code })
 }));
+var useStore_default = useStore;
 
 // src/hooks/useWallet.tsx
 var import_accounts = require("viem/accounts");
@@ -1223,6 +1235,7 @@ var import_react_intl20 = require("react-intl");
 var import_jsx_runtime91 = require("react/jsx-runtime");
 
 // src/context/BusinessProvider.tsx
+var import_react_query9 = require("@tanstack/react-query");
 var import_jsx_runtime92 = require("react/jsx-runtime");
 
 // src/context/index.tsx
@@ -1236,10 +1249,10 @@ var AppClientId2 = getAppClientId();
 var import_react38 = require("react");
 
 // 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");
 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_react39.createContext)(void 0);
 var useMatch = () => {
   const context = (0, import_react39.useContext)(MatchContext);
@@ -1264,6 +1277,7 @@ function useUserInfo() {
     locale,
     refreshOverview
   } = useLocalStore_default();
+  const { setTgAppAuthCode } = useStore_default();
   const { events, login } = useMatch();
   const { open: SOLOpen } = useSOLModalStore();
   const { open: TRONOpen } = useTRONModalStore();
@@ -1302,6 +1316,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
@@ -1505,7 +1544,7 @@ function useUserInfo() {
 // src/hooks/api/bind.ts
 function useBindList(options) {
   const { isLogin } = useUserInfo();
-  return (0, import_react_query10.useQuery)({
+  return (0, import_react_query11.useQuery)({
     queryKey: ["bindList"],
     enabled: isLogin,
     queryFn: async () => {
@@ -1517,7 +1556,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 () => {
@@ -1534,10 +1573,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 () => {