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

package/dist/index.mjs

@@ -6,7 +6,7 @@ import {
 } from "./chunk-HBOS3RBL.mjs";
 import {
   api_exports
-} from "./chunk-ZM2P5GEL.mjs";
+} from "./chunk-6KB4RLTC.mjs";
 import {
   MatchProvider,
   ModalProvider,
@@ -14,7 +14,7 @@ import {
   components_exports,
   hooks_exports,
   useMatch
-} from "./chunk-P3WHQUXO.mjs";
+} from "./chunk-JLQVDNWZ.mjs";
 import "./chunk-UA6XHZHX.mjs";
 import {
   ui_exports

package/example/package.json

@@ -22,8 +22,9 @@
     "@types/react-router-dom": "../node_modules/@types/react-router-dom"
   },
   "dependencies": {
+    "@matchain/matchid-sdk-react": "../dist",
     "@zerodev/webauthn-key": "5.3.3",
-    "@matchain/matchid-sdk-react": "../dist"
+    "eruda": "^3.4.1"
   },
   "devDependencies": {
     "@types/node": "^22.9.0",

package/example/src/App.tsx

@@ -13,6 +13,7 @@ import RoutePrivate from "@/components/RoutePrivate";
 import useLocalStore from "@/store/useLocalStore";
 import {LoginButton} from "@matchain/matchid-sdk-react/components";
 import UI from "@/pages/UI";
+import TgApp from "@/pages/TgApp";
 
 
 function Nav() {
@@ -35,6 +36,11 @@ function Nav() {
                 url: '/ui',
                 onActive: location.pathname === '/ui'
             },
+            {
+                name: 'TgApp',
+                url: '/tgapp',
+                onActive: location.pathname === '/tgapp'
+            },
             {
                 name: 'User',
                 url: '/user',
@@ -53,7 +59,7 @@ function Nav() {
         <nav className={`text-2xl mb-5 p-2 text-red-600 flex gap-10 flex-wrap`}>
             {menus.map((menu) => {
                 return <Link key={menu.url} to={menu.url}
-                             className={`text-2xl ${menu.onActive ? 'text-red-600' : 'text-gray-400'}`}>{menu.name}</Link>
+                             className={`text-2xl ${menu.onActive ? 'text-red-600' : 'text-gray-400'} ${menu.hidden?'hidden' :''}`}>{menu.name}</Link>
             })}
 
             <LoginButton/>
@@ -100,6 +106,7 @@ function RouterApp() {
             <Routes>
                 <Route path="/" element={<Home/>}/>
                 <Route path="/ui" element={<UI/>}/>
+                <Route path="/tgapp" element={<TgApp/>}/>
                 <Route element={<RoutePrivate/>}>
                     <Route path="/user" element={<User/>}/>
                     <Route path="/wallet" element={<Wallet/>}/>

package/example/src/main.tsx

@@ -1,5 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import App from './App';
+import eruda from "eruda";
+eruda.init()
 
 ReactDOM.createRoot(document.getElementById('root')!).render(<App />);

package/example/src/pages/TgApp/index.tsx

@@ -0,0 +1,44 @@
+import {Button} from "@matchain/matchid-sdk-react/ui";
+import {useUserInfo, useWallet} from "@matchain/matchid-sdk-react/hooks";
+import {useState} from "react";
+
+export default function TgApp(){
+    const {login,isLogin,getAuthInfo} = useUserInfo()
+    const {address} = useWallet()
+    const [authInfo,setAuthInfo] = useState<any>()
+    const telegramLogin = async () => {
+        return login('telegram')
+    }
+    const telegramAuth = async () => {
+        try{
+            const res = await getAuthInfo('telegram')
+            setAuthInfo(JSON.stringify(res))
+        }catch(error:any){
+            setAuthInfo('error:'+error.message)
+        }
+
+    }
+    return <div className={`flex flex-col gap-[10px]`}>
+        <div className={`flex`}>
+            <Button onClick={telegramLogin} disabled={isLogin}>1.Login by Telegram</Button>
+        </div>
+        <div className={"text-green-500"}>
+            Code: login('telegram')
+        </div>
+        <div className={`break-all`}>
+            2.Auto generate wallet:{address ||'-'}
+        </div>
+        <div>
+            <Button onClick={telegramAuth} disabled={!isLogin}>3.Get Telegram auth info</Button>
+        </div>
+        <div className={"text-green-500"}>
+            Code: getAuthInfo('telegram')
+        </div>
+        <div className={`break-all`}>
+            AuthResult:{authInfo||'-'}
+        </div>
+        <div className={`break-all`}>
+            4.Send auth result to server and verify.<a href={"https://docs.matchid.ai/api/method/auth/verify.html"} target={"_blank"} className={'text-red-600'}>Click here to read api</a>
+        </div>
+    </div>
+}

package/example/src/pages/Wallet/index.tsx

@@ -307,7 +307,7 @@ function ERC20() {
         return formatUnits(balanceQuery.data,decimalsQuery.data)
     },[balanceQuery.data,decimalsQuery.data])
 
-    console.log(balanceQuery,symbolQuery,decimalsQuery)
+    // console.log(balanceQuery,symbolQuery,decimalsQuery)
 
     function Transfer(){
         const [to, setTo] = useState(address)

package/example/yarn.lock

@@ -718,6 +718,11 @@ emoji-regex@^9.2.2:
   resolved "https://registry.npmmirror.com/emoji-regex/-/emoji-regex-9.2.2.tgz"
   integrity sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==
 
+eruda@^3.4.1:
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/eruda/-/eruda-3.4.1.tgz#5ff04fa2c55c3a5f4998e48c952adb759307b53f"
+  integrity sha512-RmaO5yD97URY/9Q0lye3cmmNPoXNKreeePIw7c/zllbscR92CjGFZFuQ70+0fLIvLcKW3Xha8DS8NFhmeNbEBQ==
+
 esbuild@^0.21.3:
   version "0.21.5"
   resolved "https://registry.npmmirror.com/esbuild/-/esbuild-0.21.5.tgz"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@matchain/matchid-sdk-react",
-  "version": "0.1.50-alpha.0",
+  "version": "0.1.50",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {