@matchain/matchid-sdk-react 0.1.49 → 0.1.50

package/dist/components/index.js

@@ -1339,7 +1339,7 @@ var NumberFormatter = ({
       }
     }
     if (zeroCount < tFixNum) {
-      return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className, children: [
         prefix && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: prefixClassName, children: prefix }),
         /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: intClassName, children: intFormat }),
         /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: decimalClassName, children: [
@@ -1349,7 +1349,7 @@ var NumberFormatter = ({
         suffix
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className, children: [
       prefix && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: prefixClassName, children: prefix }),
       /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: intClassName, children: intFormat }),
       /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { className: decimalClassName, children: [
@@ -1375,6 +1375,9 @@ var formatDate = (value, formatString = "YYYY-MM-DD HH:mm:ss") => {
   }
   return "--";
 };
+var isInTgApp = () => {
+  return !!window.TelegramWebviewProxy;
+};
 
 // src/ui/Button/index.tsx
 var import_jsx_runtime52 = require("react/jsx-runtime");
@@ -1793,6 +1796,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)(
@@ -1892,7 +1901,9 @@ 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;
 
@@ -3101,6 +3112,7 @@ var import_react_intl4 = require("react-intl");
 var import_jsx_runtime70 = require("react/jsx-runtime");
 
 // src/context/BusinessProvider.tsx
+var import_react_query8 = require("@tanstack/react-query");
 var import_jsx_runtime71 = require("react/jsx-runtime");
 
 // src/context/index.tsx
@@ -3114,10 +3126,10 @@ var AppClientId2 = getAppClientId();
 var import_react20 = require("react");
 
 // src/MatchContext.tsx
-var import_react_query8 = require("@tanstack/react-query");
+var import_react_query9 = require("@tanstack/react-query");
 var import_react_intl5 = require("react-intl");
 var import_jsx_runtime73 = require("react/jsx-runtime");
-var queryClient = new import_react_query8.QueryClient();
+var queryClient = new import_react_query9.QueryClient();
 var MatchContext = (0, import_react21.createContext)(void 0);
 var useMatch = () => {
   const context = (0, import_react21.useContext)(MatchContext);
@@ -3142,6 +3154,7 @@ function useUserInfo() {
     locale,
     refreshOverview
   } = useLocalStore_default();
+  const { setTgAppAuthCode } = useStore_default();
   const { events, login } = useMatch();
   const { open: SOLOpen } = useSOLModalStore();
   const { open: TRONOpen } = useTRONModalStore();
@@ -3180,6 +3193,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
@@ -3545,9 +3583,9 @@ var import_react25 = require("react");
 var import_react_intl8 = require("react-intl");
 
 // src/hooks/useAppConfig.ts
-var import_react_query9 = require("@tanstack/react-query");
+var import_react_query10 = require("@tanstack/react-query");
 function useAppConfig() {
-  const query = (0, import_react_query9.useQuery)({
+  const query = (0, import_react_query10.useQuery)({
     queryKey: ["appConfig"],
     queryFn: async () => {
       const res = await getAppConfigApi();