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

package/dist/hooks/index.mjs

@@ -12,12 +12,12 @@ import {
   useTransaction,
   useUserInfo,
   useWallet
-} from "../chunk-YSASIFLY.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-DUHkH5t-.d.mts → index-C_TiXUOB.d.mts}

@@ -4,10 +4,45 @@ import { Account, WalletClientConfig, createWalletClient, SignableMessage, Hex,
 import { C as ChainType } from './mpc-CTbBWHld.mjs';
 import { Hash } from 'viem/types/misc';
 import { Abi } from 'abitype';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { ReactNode } from 'react';
 import * as viem__types_actions_siwe_verifySiweMessage from 'viem/_types/actions/siwe/verifySiweMessage';
 import * as _tanstack_react_query from '@tanstack/react-query';
 
+interface ModalContextType {
+    show: (content: (props: {
+        close: () => void;
+        zIndex: number;
+    }) => ReactNode, index?: number) => void;
+    open: (props: {
+        title: ReactNode;
+        content: React.ComponentType<{
+            close: () => void;
+            zIndex: number;
+        }>;
+        index?: number;
+    }) => void;
+}
+declare function ModalProvider({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function useModal(): ModalContextType;
+
+interface ToastContextType {
+    show: (options: {
+        icon?: ReactNode;
+        timeout?: number;
+        text: ReactNode;
+    }) => void;
+    success: (text: ReactNode, timeout?: number) => void;
+    error: (text: ReactNode, timeout?: number) => void;
+}
+declare function ToastProvider({ children, zIndex }: {
+    children: ReactNode;
+    zIndex?: number;
+}): react_jsx_runtime.JSX.Element;
+declare function useToast(): ToastContextType;
+
 declare const LOGIN_METHOD_MAP: {
     email: string;
     evm: string;
@@ -27,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>;
@@ -108,33 +143,6 @@ declare function useWallet(): UseWalletReturnType;
 
 declare function useCopyClipboard(timeout?: number): [boolean, (toCopy: string) => void];
 
-interface ModalContextType {
-    show: (content: (props: {
-        close: () => void;
-        zIndex: number;
-    }) => ReactNode, index?: number) => void;
-    open: (props: {
-        title: ReactNode;
-        content: React.ComponentType<{
-            close: () => void;
-            zIndex: number;
-        }>;
-        index?: number;
-    }) => void;
-}
-declare function useModal(): ModalContextType;
-
-interface ToastContextType {
-    show: (options: {
-        icon?: ReactNode;
-        timeout?: number;
-        text: ReactNode;
-    }) => void;
-    success: (text: ReactNode, timeout?: number) => void;
-    error: (text: ReactNode, timeout?: number) => void;
-}
-declare function useToast(): ToastContextType;
-
 declare function useMatchChain(): {
     list: UserChainType[] | undefined;
     chainId: number | null;
@@ -3314,4 +3322,4 @@ declare namespace index {
   export { index_useCopyClipboard as useCopyClipboard, index_useLayout as useLayout, index_useMatchChain as useMatchChain, index_useMatchEvents as useMatchEvents, index_useMatchWallet as useMatchWallet, index_useMatchWalletAssetList as useMatchWalletAssetList, index_useMatchWalletAssets as useMatchWalletAssets, index_useMatchWalletRecords as useMatchWalletRecords, index_useModal as useModal, index_useReceipt as useReceipt, index_useToast as useToast, index_useTransaction as useTransaction, index_useUserInfo as useUserInfo, index_useWallet as useWallet };
 }
 
-export { useMatchEvents as a, useWallet as b, useCopyClipboard as c, useModal as d, useToast as e, useMatchChain as f, useMatchWallet as g, useMatchWalletRecords as h, index as i, useMatchWalletAssets as j, useMatchWalletAssetList as k, useReceipt as l, useTransaction as m, useLayout as n, useUserInfo as u };
+export { ModalProvider as M, ToastProvider as T, useMatchEvents as a, useWallet as b, useCopyClipboard as c, useModal as d, useToast as e, useMatchChain as f, useMatchWallet as g, useMatchWalletRecords as h, index as i, useMatchWalletAssets as j, useMatchWalletAssetList as k, useReceipt as l, useTransaction as m, useLayout as n, useUserInfo as u };

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

@@ -4,10 +4,45 @@ import { Account, WalletClientConfig, createWalletClient, SignableMessage, Hex,
 import { C as ChainType } from './mpc-CTbBWHld.js';
 import { Hash } from 'viem/types/misc';
 import { Abi } from 'abitype';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { ReactNode } from 'react';
 import * as viem__types_actions_siwe_verifySiweMessage from 'viem/_types/actions/siwe/verifySiweMessage';
 import * as _tanstack_react_query from '@tanstack/react-query';
 
+interface ModalContextType {
+    show: (content: (props: {
+        close: () => void;
+        zIndex: number;
+    }) => ReactNode, index?: number) => void;
+    open: (props: {
+        title: ReactNode;
+        content: React.ComponentType<{
+            close: () => void;
+            zIndex: number;
+        }>;
+        index?: number;
+    }) => void;
+}
+declare function ModalProvider({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function useModal(): ModalContextType;
+
+interface ToastContextType {
+    show: (options: {
+        icon?: ReactNode;
+        timeout?: number;
+        text: ReactNode;
+    }) => void;
+    success: (text: ReactNode, timeout?: number) => void;
+    error: (text: ReactNode, timeout?: number) => void;
+}
+declare function ToastProvider({ children, zIndex }: {
+    children: ReactNode;
+    zIndex?: number;
+}): react_jsx_runtime.JSX.Element;
+declare function useToast(): ToastContextType;
+
 declare const LOGIN_METHOD_MAP: {
     email: string;
     evm: string;
@@ -27,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>;
@@ -108,33 +143,6 @@ declare function useWallet(): UseWalletReturnType;
 
 declare function useCopyClipboard(timeout?: number): [boolean, (toCopy: string) => void];
 
-interface ModalContextType {
-    show: (content: (props: {
-        close: () => void;
-        zIndex: number;
-    }) => ReactNode, index?: number) => void;
-    open: (props: {
-        title: ReactNode;
-        content: React.ComponentType<{
-            close: () => void;
-            zIndex: number;
-        }>;
-        index?: number;
-    }) => void;
-}
-declare function useModal(): ModalContextType;
-
-interface ToastContextType {
-    show: (options: {
-        icon?: ReactNode;
-        timeout?: number;
-        text: ReactNode;
-    }) => void;
-    success: (text: ReactNode, timeout?: number) => void;
-    error: (text: ReactNode, timeout?: number) => void;
-}
-declare function useToast(): ToastContextType;
-
 declare function useMatchChain(): {
     list: UserChainType[] | undefined;
     chainId: number | null;
@@ -3314,4 +3322,4 @@ declare namespace index {
   export { index_useCopyClipboard as useCopyClipboard, index_useLayout as useLayout, index_useMatchChain as useMatchChain, index_useMatchEvents as useMatchEvents, index_useMatchWallet as useMatchWallet, index_useMatchWalletAssetList as useMatchWalletAssetList, index_useMatchWalletAssets as useMatchWalletAssets, index_useMatchWalletRecords as useMatchWalletRecords, index_useModal as useModal, index_useReceipt as useReceipt, index_useToast as useToast, index_useTransaction as useTransaction, index_useUserInfo as useUserInfo, index_useWallet as useWallet };
 }
 
-export { useMatchEvents as a, useWallet as b, useCopyClipboard as c, useModal as d, useToast as e, useMatchChain as f, useMatchWallet as g, useMatchWalletRecords as h, index as i, useMatchWalletAssets as j, useMatchWalletAssetList as k, useReceipt as l, useTransaction as m, useLayout as n, useUserInfo as u };
+export { ModalProvider as M, ToastProvider as T, useMatchEvents as a, useWallet as b, useCopyClipboard as c, useModal as d, useToast as e, useMatchChain as f, useMatchWallet as g, useMatchWalletRecords as h, index as i, useMatchWalletAssets as j, useMatchWalletAssetList as k, useReceipt as l, useTransaction as m, useLayout as n, useUserInfo as u };

package/dist/index.d.mts

@@ -1,20 +1,20 @@
 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-C_TiXUOB.mjs';
 export { i as Components } from './index-C9qYyRgt.mjs';
 export { i as UI } from './index-C9F6f2iz.mjs';
-export { i as Hooks } from './index-DUHkH5t-.mjs';
 export { i as Api } from './index-D4ju2J_e.mjs';
 export { i as Chains } from './index-DXRGMAbv.mjs';
 export { i as Types } from './index-BMfaixEx.mjs';
 import '@tanstack/react-query/src/types';
-import 'react/jsx-runtime';
-import './index-Cou96DpL.mjs';
 import 'viem';
 import './mpc-CTbBWHld.mjs';
 import 'viem/types/misc';
 import 'abitype';
+import 'react/jsx-runtime';
 import 'viem/_types/actions/siwe/verifySiweMessage';
 import '@tanstack/react-query';
+import './index-Cou96DpL.mjs';
 
 type MatchContextType = {
     appid: string;

package/dist/index.d.ts

@@ -1,20 +1,20 @@
 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-Cx2Lx_mh.js';
 export { i as Components } from './index-Bvc8cjpN.js';
 export { i as UI } from './index-BMsj8hJv.js';
-export { i as Hooks } from './index-DcQm2dkr.js';
 export { i as Api } from './index-Cy3K-Yao.js';
 export { i as Chains } from './index-DXRGMAbv.js';
 export { i as Types } from './index-Bpmrd7mh.js';
 import '@tanstack/react-query/src/types';
-import 'react/jsx-runtime';
-import './index-BcEreCxd.js';
 import 'viem';
 import './mpc-CTbBWHld.js';
 import 'viem/types/misc';
 import 'abitype';
+import 'react/jsx-runtime';
 import 'viem/_types/actions/siwe/verifySiweMessage';
 import '@tanstack/react-query';
+import './index-BcEreCxd.js';
 
 type MatchContextType = {
     appid: string;

package/dist/index.js

@@ -35,6 +35,8 @@ __export(src_exports, {
   Components: () => components_exports,
   Hooks: () => hooks_exports,
   MatchProvider: () => MatchProvider,
+  ModalProvider: () => ModalProvider,
+  ToastProvider: () => ToastProvider,
   Types: () => types_exports,
   UI: () => ui_exports,
   useMatch: () => useMatch
@@ -464,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)(
@@ -618,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: [
@@ -628,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: [
@@ -654,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");
@@ -1907,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 {
@@ -1922,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();
@@ -1960,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
@@ -2182,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";
@@ -6805,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();
@@ -6814,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,
@@ -7240,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
@@ -7978,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,
@@ -7999,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: {
@@ -8041,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 () => {
@@ -8056,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 () => {
@@ -8073,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 () => {
@@ -8176,6 +8253,8 @@ __export(types_exports, {
   Components,
   Hooks,
   MatchProvider,
+  ModalProvider,
+  ToastProvider,
   Types,
   UI,
   useMatch