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

package/dist/hooks/api/index.mjs

@@ -2,14 +2,14 @@ import {
   bind_exports,
   poh_exports,
   user_exports
-} from "../../chunk-IKSPEZ4F.mjs";
+} from "../../chunk-ZM2P5GEL.mjs";
 import {
   isSuccess,
   wallet_exports
-} from "../../chunk-MXDPJRRH.mjs";
+} from "../../chunk-P3WHQUXO.mjs";
 import "../../chunk-UA6XHZHX.mjs";
 import "../../chunk-FB5MHLWX.mjs";
-import "../../chunk-5JHHHLG4.mjs";
+import "../../chunk-HLUFAIFV.mjs";
 import "../../chunk-LHNKZISB.mjs";
 import "../../chunk-J5LGTIGS.mjs";
 export {

package/dist/hooks/index.d.mts

@@ -1,4 +1,4 @@
-export { c as useCopyClipboard, n as useLayout, f as useMatchChain, a as useMatchEvents, g as useMatchWallet, k as useMatchWalletAssetList, j as useMatchWalletAssets, h as useMatchWalletRecords, d as useModal, l as useReceipt, e as useToast, m as useTransaction, u as useUserInfo, b as useWallet } from '../index-CNzG0MX7.mjs';
+export { c as useCopyClipboard, n as useLayout, f as useMatchChain, a as useMatchEvents, g as useMatchWallet, k as useMatchWalletAssetList, j as useMatchWalletAssets, h as useMatchWalletRecords, d as useModal, l as useReceipt, e as useToast, m as useTransaction, u as useUserInfo, b as useWallet } from '../index-C_TiXUOB.mjs';
 import '../types-DzVVzMYU.mjs';
 import 'react';
 import '@tanstack/react-query/src/types';

package/dist/hooks/index.d.ts

@@ -1,4 +1,4 @@
-export { c as useCopyClipboard, n as useLayout, f as useMatchChain, a as useMatchEvents, g as useMatchWallet, k as useMatchWalletAssetList, j as useMatchWalletAssets, h as useMatchWalletRecords, d as useModal, l as useReceipt, e as useToast, m as useTransaction, u as useUserInfo, b as useWallet } from '../index-Bg4rqEu2.js';
+export { c as useCopyClipboard, n as useLayout, f as useMatchChain, a as useMatchEvents, g as useMatchWallet, k as useMatchWalletAssetList, j as useMatchWalletAssets, h as useMatchWalletRecords, d as useModal, l as useReceipt, e as useToast, m as useTransaction, u as useUserInfo, b as useWallet } from '../index-Cx2Lx_mh.js';
 import '../types-DzVVzMYU.js';
 import 'react';
 import '@tanstack/react-query/src/types';

package/dist/hooks/index.js

@@ -287,6 +287,12 @@ var getUserWalletTransactionsApi = (data) => {
     data
   });
 };
+var tgAppLoginInitApi = () => {
+  return retryRequest({
+    url: `/api/v1/tgapp/login/init`,
+    method: "GET"
+  });
+};
 
 // src/store/useLocalStore.ts
 var persistedState = (0, import_middleware.persist)(
@@ -799,7 +805,7 @@ var NumberFormatter = ({
       }
     }
     if (zeroCount < tFixNum) {
-      return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className, children: [
         prefix && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: prefixClassName, children: prefix }),
         /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: intClassName, children: intFormat }),
         /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: decimalClassName, children: [
@@ -809,7 +815,7 @@ var NumberFormatter = ({
         suffix
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className, children: [
       prefix && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: prefixClassName, children: prefix }),
       /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: intClassName, children: intFormat }),
       /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: decimalClassName, children: [
@@ -826,6 +832,9 @@ var NumberFormatter = ({
     suffix
   ] });
 };
+var isInTgApp = () => {
+  return !!window.TelegramWebviewProxy;
+};
 
 // src/ui/Button/index.tsx
 var import_jsx_runtime53 = require("react/jsx-runtime");
@@ -1743,6 +1752,19 @@ var import_react26 = require("react");
 var import_react_intl18 = require("react-intl");
 var import_jsx_runtime85 = require("react/jsx-runtime");
 
+// src/context/BusinessProvider.tsx
+var import_react_query3 = require("@tanstack/react-query");
+
+// src/store/useStore.ts
+var import_zustand4 = require("zustand");
+var useStore = (0, import_zustand4.create)((set) => ({
+  walletReady: false,
+  setWalletReady: (inited) => set({ walletReady: inited }),
+  tgAppAuthCode: "",
+  setTgAppAuthCode: (code) => set({ tgAppAuthCode: code })
+}));
+var useStore_default = useStore;
+
 // src/context/BusinessProvider.tsx
 var import_jsx_runtime86 = require("react/jsx-runtime");
 
@@ -1777,26 +1799,16 @@ var import_jsx_runtime89 = require("react/jsx-runtime");
 
 // src/hooks/useWalletInit.ts
 var import_react29 = require("react");
-
-// src/store/useStore.ts
-var import_zustand4 = require("zustand");
-var useStore = (0, import_zustand4.create)((set) => ({
-  walletReady: false,
-  setWalletReady: (inited) => set({ walletReady: inited })
-}));
-var useStore_default = useStore;
-
-// src/hooks/useWalletInit.ts
 var AppClientId = getAppClientId();
 
 // src/hooks/useInit.tsx
 var import_react30 = require("react");
 
 // src/MatchContext.tsx
-var import_react_query3 = require("@tanstack/react-query");
+var import_react_query4 = require("@tanstack/react-query");
 var import_react_intl19 = require("react-intl");
 var import_jsx_runtime90 = require("react/jsx-runtime");
-var queryClient = new import_react_query3.QueryClient();
+var queryClient = new import_react_query4.QueryClient();
 var MatchContext = (0, import_react31.createContext)(void 0);
 var useMatch = () => {
   const context = (0, import_react31.useContext)(MatchContext);
@@ -1821,6 +1833,7 @@ function useUserInfo() {
     locale,
     refreshOverview
   } = useLocalStore_default();
+  const { setTgAppAuthCode } = useStore_default();
   const { events, login } = useMatch();
   const { open: SOLOpen } = useSOLModalStore();
   const { open: TRONOpen } = useTRONModalStore();
@@ -1859,6 +1872,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
@@ -2364,10 +2402,10 @@ function useCopyClipboard(timeout = 500) {
 }
 
 // src/hooks/api/wallet.ts
-var import_react_query4 = require("@tanstack/react-query");
+var import_react_query5 = require("@tanstack/react-query");
 function useChainListQuery(options) {
   const { isLogin, token } = useUserInfo();
-  return (0, import_react_query4.useQuery)({
+  return (0, import_react_query5.useQuery)({
     queryKey: ["match-user-chain-list", token],
     queryFn: async () => {
       const res = await getUserChainListApi();
@@ -2385,7 +2423,7 @@ function useAssetListQuery({
   ...options
 }) {
   const { isLogin, token } = useUserInfo();
-  return (0, import_react_query4.useQuery)({
+  return (0, import_react_query5.useQuery)({
     queryKey: ["match-user-asset-list", token, chainId],
     queryFn: async () => {
       const res = await getUserWalletAssetApi({ chain_id: chainId.toString() });
@@ -2404,7 +2442,7 @@ function useImportTokenListQuery({
   ...options
 }) {
   const { isLogin, token } = useUserInfo();
-  return (0, import_react_query4.useQuery)({
+  return (0, import_react_query5.useQuery)({
     queryKey: [USER_IMPORT_TOKEN_LIST_KEY, token, chainId],
     queryFn: async () => {
       const res = await getUserImportTokenListApi({ chain_id: chainId.toString() });
@@ -2509,25 +2547,25 @@ function useMatchChain() {
 // src/hooks/useMatchWallet.tsx
 var import_react_qrcode = require("react-qrcode");
 var import_react38 = require("react");
-var import_react_query7 = require("@tanstack/react-query");
+var import_react_query8 = require("@tanstack/react-query");
 var import_viem11 = require("viem");
 var import_react_intl21 = require("react-intl");
 
 // src/components/ImportToken/index.tsx
 var import_react37 = require("react");
 var import_react_intl20 = require("react-intl");
-var import_react_query6 = require("@tanstack/react-query");
+var import_react_query7 = require("@tanstack/react-query");
 var import_viem10 = require("viem");
 
 // src/hooks/useIsContract.ts
 var import_viem9 = require("viem");
-var import_react_query5 = require("@tanstack/react-query");
+var import_react_query6 = require("@tanstack/react-query");
 function useIsContract({
   address,
   chain,
   enabled
 }) {
-  return (0, import_react_query5.useQuery)({
+  return (0, import_react_query6.useQuery)({
     queryKey: ["is_contract", chain?.id, address],
     queryFn: async () => {
       if (!chain) return false;
@@ -2606,7 +2644,7 @@ function ImportToken({ close }) {
   }, [address, publicClient]);
   const [loading, setLoading] = (0, import_react37.useState)(false);
   const toast = useToast();
-  const queryClient2 = (0, import_react_query6.useQueryClient)();
+  const queryClient2 = (0, import_react_query7.useQueryClient)();
   const onImport = async () => {
     setLoading(true);
     try {
@@ -2996,7 +3034,7 @@ function useMatchWalletAssetList({
     name: chain?.nativeCurrency.name,
     balance: 0
   };
-  const nativeBalanceQuery = (0, import_react_query7.useQuery)({
+  const nativeBalanceQuery = (0, import_react_query8.useQuery)({
     queryKey: ["nativeBalance", nativeToken?.chain_id],
     queryFn: async () => {
       if (!nativeToken || !publicClient) return null;
@@ -3016,7 +3054,7 @@ function useMatchWalletAssetList({
     // Retry up to 3 times if failed
   });
   const erc20Tokens = (0, import_react38.useMemo)(() => list.filter((asset) => asset.address !== NATIVE_TOKEN_ADDRESS), [list]);
-  const erc20BalanceQuery = (0, import_react_query7.useQuery)({
+  const erc20BalanceQuery = (0, import_react_query8.useQuery)({
     queryKey: ["erc20Balances", erc20Tokens.map((token) => token.address)],
     queryFn: async () => {
       if (!erc20Tokens.length || !publicClient) return [];
@@ -3091,7 +3129,7 @@ function useMatchWalletAssetList({
 
 // src/hooks/useReceipt.tsx
 var import_react39 = require("react");
-var import_react_query8 = require("@tanstack/react-query");
+var import_react_query9 = require("@tanstack/react-query");
 var import_viem12 = require("viem");
 var CACHE_TTL = 86400 * 30 * 1e3;
 var MAX_CACHE_SIZE = 500;
@@ -3200,7 +3238,7 @@ function useReceipt2({
   const cache = useReceiptCache();
   const chain = list?.find((item) => item.id === chainId);
   const [shouldRefetch, setShouldRefetch] = (0, import_react39.useState)(true);
-  const query = (0, import_react_query8.useQuery)({
+  const query = (0, import_react_query9.useQuery)({
     queryKey: ["match-tx-receipt", hash, chain],
     queryFn: async () => {
       if (!chain || !hash) return false;
@@ -3235,7 +3273,7 @@ function useReceipt2({
 
 // src/hooks/useTransaction.tsx
 var import_react40 = require("react");
-var import_react_query9 = require("@tanstack/react-query");
+var import_react_query10 = require("@tanstack/react-query");
 var import_viem13 = require("viem");
 var CACHE_TTL2 = 86400 * 30 * 1e3;
 var MAX_CACHE_SIZE2 = 500;
@@ -3344,7 +3382,7 @@ function useTransaction({
   const cache = useTransactionCache();
   const chain = list?.find((item) => item.id === chainId);
   const [shouldRefetch, setShouldRefetch] = (0, import_react40.useState)(true);
-  const query = (0, import_react_query9.useQuery)({
+  const query = (0, import_react_query10.useQuery)({
     queryKey: ["match-tx-transaction", hash, chain],
     queryFn: async () => {
       if (!chain || !hash) return false;