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

package/dist/index.mjs

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

package/dist/types/index.d.mts

@@ -1,4 +1,3 @@
-export { A as AuthParams, C as ChainType, E as EmbeddedWalletsParams, R as RecoveryType } from '../mpc-CTbBWHld.mjs';
-export { A as Address, k as AnyObject, o as AppConfigType, p as BindInfoType, q as BindItemType, r as BindWalletParam, B as ButtonProps, C as CEXType, D as DeepPartial, s as DrawerProps, E as EmailModalProps, H as Hash, a as IEnvConfigType, t as IEnvName, v as ILoginWalletReq, I as IMatchEvents, h as ISocialLoginMethod, w as IconProps, x as InputProps, L as LocaleType, b as LoginBoxProps, j as LoginMethodType, f as LoginModalProps, e as LoginPanelProps, y as MessageType, z as MetaPageType, F as ModalProps, M as ModalWithHeaderProps, O as OtherLoginMethodType, i as OverviewInfo, G as PohItemType, J as PohZkpassParams, P as PopoverPositionType, K as PopoverProps, d as PopoverTypeType, R as RecommendLoginMethodType, T as ThemeType, N as UIProps, n as UserAssetToken, U as UserChainType, m as UserImportTokenType, Q as UserPopoverProps, S as UserTransactionNextPageParams, V as UserTransactionRecordType, l as UserTransactionType, g as WalletAssetMergeType, X as WalletAssetType, Y as WalletChainType, W as WalletConfigType, Z as WalletNFTType, _ as WalletPanelProps, $ as WalletReceiveMessageType, c as WalletType, u as useMatchWalletAssetsProps } from '../types-DzVVzMYU.mjs';
+export { A as Address, l as AnyObject, p as AppConfigType, q as AuthParams, r as BindInfoType, s as BindItemType, t as BindWalletParam, B as ButtonProps, C as CEXType, k as ChainType, D as DeepPartial, v as DrawerProps, E as EmailModalProps, w as EmbeddedWalletsParams, H as Hash, a as IEnvConfigType, x as IEnvName, y as ILoginWalletReq, I as IMatchEvents, h as ISocialLoginMethod, z as IconProps, F as InputProps, L as LocaleType, b as LoginBoxProps, j as LoginMethodType, f as LoginModalProps, e as LoginPanelProps, G as MessageType, J as MetaPageType, K as ModalProps, M as ModalWithHeaderProps, O as OtherLoginMethodType, i as OverviewInfo, N as PohItemType, Q as PohZkpassParams, P as PopoverPositionType, S as PopoverProps, d as PopoverTypeType, R as RecommendLoginMethodType, T as RecoveryType, V as ThemeType, X as UIProps, o as UserAssetToken, U as UserChainType, n as UserImportTokenType, Y as UserPopoverProps, Z as UserTransactionNextPageParams, _ as UserTransactionRecordType, m as UserTransactionType, g as WalletAssetMergeType, $ as WalletAssetType, a0 as WalletChainType, W as WalletConfigType, a1 as WalletNFTType, a2 as WalletPanelProps, a3 as WalletReceiveMessageType, c as WalletType, u as useMatchWalletAssetsProps } from '../types-Dd_ExpLx.mjs';
 import 'react';
 import '@tanstack/react-query/src/types';

package/dist/types/index.d.ts

@@ -1,4 +1,3 @@
-export { A as AuthParams, C as ChainType, E as EmbeddedWalletsParams, R as RecoveryType } from '../mpc-CTbBWHld.js';
-export { A as Address, k as AnyObject, o as AppConfigType, p as BindInfoType, q as BindItemType, r as BindWalletParam, B as ButtonProps, C as CEXType, D as DeepPartial, s as DrawerProps, E as EmailModalProps, H as Hash, a as IEnvConfigType, t as IEnvName, v as ILoginWalletReq, I as IMatchEvents, h as ISocialLoginMethod, w as IconProps, x as InputProps, L as LocaleType, b as LoginBoxProps, j as LoginMethodType, f as LoginModalProps, e as LoginPanelProps, y as MessageType, z as MetaPageType, F as ModalProps, M as ModalWithHeaderProps, O as OtherLoginMethodType, i as OverviewInfo, G as PohItemType, J as PohZkpassParams, P as PopoverPositionType, K as PopoverProps, d as PopoverTypeType, R as RecommendLoginMethodType, T as ThemeType, N as UIProps, n as UserAssetToken, U as UserChainType, m as UserImportTokenType, Q as UserPopoverProps, S as UserTransactionNextPageParams, V as UserTransactionRecordType, l as UserTransactionType, g as WalletAssetMergeType, X as WalletAssetType, Y as WalletChainType, W as WalletConfigType, Z as WalletNFTType, _ as WalletPanelProps, $ as WalletReceiveMessageType, c as WalletType, u as useMatchWalletAssetsProps } from '../types-DzVVzMYU.js';
+export { A as Address, l as AnyObject, p as AppConfigType, q as AuthParams, r as BindInfoType, s as BindItemType, t as BindWalletParam, B as ButtonProps, C as CEXType, k as ChainType, D as DeepPartial, v as DrawerProps, E as EmailModalProps, w as EmbeddedWalletsParams, H as Hash, a as IEnvConfigType, x as IEnvName, y as ILoginWalletReq, I as IMatchEvents, h as ISocialLoginMethod, z as IconProps, F as InputProps, L as LocaleType, b as LoginBoxProps, j as LoginMethodType, f as LoginModalProps, e as LoginPanelProps, G as MessageType, J as MetaPageType, K as ModalProps, M as ModalWithHeaderProps, O as OtherLoginMethodType, i as OverviewInfo, N as PohItemType, Q as PohZkpassParams, P as PopoverPositionType, S as PopoverProps, d as PopoverTypeType, R as RecommendLoginMethodType, T as RecoveryType, V as ThemeType, X as UIProps, o as UserAssetToken, U as UserChainType, n as UserImportTokenType, Y as UserPopoverProps, Z as UserTransactionNextPageParams, _ as UserTransactionRecordType, m as UserTransactionType, g as WalletAssetMergeType, $ as WalletAssetType, a0 as WalletChainType, W as WalletConfigType, a1 as WalletNFTType, a2 as WalletPanelProps, a3 as WalletReceiveMessageType, c as WalletType, u as useMatchWalletAssetsProps } from '../types-Dd_ExpLx.js';
 import 'react';
 import '@tanstack/react-query/src/types';

package/dist/{types-DzVVzMYU.d.mts → types-Dd_ExpLx.d.mts}

@@ -1,6 +1,25 @@
 import { CSSProperties, PropsWithChildren, ReactNode } from 'react';
 import { UseQueryOptions } from '@tanstack/react-query/src/types';
 
+interface AuthParams {
+    AppId: string;
+    AppClientId: string;
+    UserId: string;
+    AccessToken: string;
+    Address?: string;
+}
+interface EmbeddedWalletsParams {
+    Url: string;
+}
+declare enum ChainType {
+    Ethereum = "ethereum",
+    Solana = "solana"
+}
+declare enum RecoveryType {
+    Base = "base_generated_recovery_key",
+    UserPasscode = "user_passcode_recovery_key"
+}
+
 type ISocialLoginMethod = 'google' | 'twitter' | 'discord' | 'github' | 'telegram' | 'linkedin' | 'facebook' | 'youtube';
 type WalletType = 'evm' | 'sol' | 'tron' | 'btc' | 'ton';
 type LoginMethodType = WalletType | 'email' | ISocialLoginMethod;
@@ -61,6 +80,7 @@ type OverviewInfo = {
     username?: string;
     max_level: number;
     user_level: number;
+    recover_type: `${RecoveryType}`;
 };
 type AnyObject = {
     [key: string]: any;
@@ -400,4 +420,4 @@ type useMatchWalletAssetsProps = {
     assetListOptions?: Partial<Omit<UseQueryOptions<UserAssetToken[]>, 'queryKey' | 'queryFn'>>;
 };
 
-export type { WalletReceiveMessageType as $, Address as A, ButtonProps as B, CEXType as C, DeepPartial as D, EmailModalProps as E, ModalProps as F, PohItemType as G, Hash as H, IMatchEvents as I, PohZkpassParams as J, PopoverProps as K, LocaleType as L, ModalWithHeaderProps as M, UIProps as N, OtherLoginMethodType as O, PopoverPositionType as P, UserPopoverProps as Q, RecommendLoginMethodType as R, UserTransactionNextPageParams as S, ThemeType as T, UserChainType as U, UserTransactionRecordType as V, WalletConfigType as W, WalletAssetType as X, WalletChainType as Y, WalletNFTType as Z, WalletPanelProps as _, IEnvConfigType as a, LoginBoxProps as b, WalletType as c, PopoverTypeType as d, LoginPanelProps as e, LoginModalProps as f, WalletAssetMergeType as g, ISocialLoginMethod as h, OverviewInfo as i, LoginMethodType as j, AnyObject as k, UserTransactionType as l, UserImportTokenType as m, UserAssetToken as n, AppConfigType as o, BindInfoType as p, BindItemType as q, BindWalletParam as r, DrawerProps as s, IEnvName as t, useMatchWalletAssetsProps as u, ILoginWalletReq as v, IconProps as w, InputProps as x, MessageType as y, MetaPageType as z };
+export { type WalletAssetType as $, type Address as A, type ButtonProps as B, type CEXType as C, type DeepPartial as D, type EmailModalProps as E, type InputProps as F, type MessageType as G, type Hash as H, type IMatchEvents as I, type MetaPageType as J, type ModalProps as K, type LocaleType as L, type ModalWithHeaderProps as M, type PohItemType as N, type OtherLoginMethodType as O, type PopoverPositionType as P, type PohZkpassParams as Q, type RecommendLoginMethodType as R, type PopoverProps as S, RecoveryType as T, type UserChainType as U, type ThemeType as V, type WalletConfigType as W, type UIProps as X, type UserPopoverProps as Y, type UserTransactionNextPageParams as Z, type UserTransactionRecordType as _, type IEnvConfigType as a, type WalletChainType as a0, type WalletNFTType as a1, type WalletPanelProps as a2, type WalletReceiveMessageType as a3, type LoginBoxProps as b, type WalletType as c, type PopoverTypeType as d, type LoginPanelProps as e, type LoginModalProps as f, type WalletAssetMergeType as g, type ISocialLoginMethod as h, type OverviewInfo as i, type LoginMethodType as j, ChainType as k, type AnyObject as l, type UserTransactionType as m, type UserImportTokenType as n, type UserAssetToken as o, type AppConfigType as p, type AuthParams as q, type BindInfoType as r, type BindItemType as s, type BindWalletParam as t, type useMatchWalletAssetsProps as u, type DrawerProps as v, type EmbeddedWalletsParams as w, type IEnvName as x, type ILoginWalletReq as y, type IconProps as z };

package/dist/{types-DzVVzMYU.d.ts → types-Dd_ExpLx.d.ts}

@@ -1,6 +1,25 @@
 import { CSSProperties, PropsWithChildren, ReactNode } from 'react';
 import { UseQueryOptions } from '@tanstack/react-query/src/types';
 
+interface AuthParams {
+    AppId: string;
+    AppClientId: string;
+    UserId: string;
+    AccessToken: string;
+    Address?: string;
+}
+interface EmbeddedWalletsParams {
+    Url: string;
+}
+declare enum ChainType {
+    Ethereum = "ethereum",
+    Solana = "solana"
+}
+declare enum RecoveryType {
+    Base = "base_generated_recovery_key",
+    UserPasscode = "user_passcode_recovery_key"
+}
+
 type ISocialLoginMethod = 'google' | 'twitter' | 'discord' | 'github' | 'telegram' | 'linkedin' | 'facebook' | 'youtube';
 type WalletType = 'evm' | 'sol' | 'tron' | 'btc' | 'ton';
 type LoginMethodType = WalletType | 'email' | ISocialLoginMethod;
@@ -61,6 +80,7 @@ type OverviewInfo = {
     username?: string;
     max_level: number;
     user_level: number;
+    recover_type: `${RecoveryType}`;
 };
 type AnyObject = {
     [key: string]: any;
@@ -400,4 +420,4 @@ type useMatchWalletAssetsProps = {
     assetListOptions?: Partial<Omit<UseQueryOptions<UserAssetToken[]>, 'queryKey' | 'queryFn'>>;
 };
 
-export type { WalletReceiveMessageType as $, Address as A, ButtonProps as B, CEXType as C, DeepPartial as D, EmailModalProps as E, ModalProps as F, PohItemType as G, Hash as H, IMatchEvents as I, PohZkpassParams as J, PopoverProps as K, LocaleType as L, ModalWithHeaderProps as M, UIProps as N, OtherLoginMethodType as O, PopoverPositionType as P, UserPopoverProps as Q, RecommendLoginMethodType as R, UserTransactionNextPageParams as S, ThemeType as T, UserChainType as U, UserTransactionRecordType as V, WalletConfigType as W, WalletAssetType as X, WalletChainType as Y, WalletNFTType as Z, WalletPanelProps as _, IEnvConfigType as a, LoginBoxProps as b, WalletType as c, PopoverTypeType as d, LoginPanelProps as e, LoginModalProps as f, WalletAssetMergeType as g, ISocialLoginMethod as h, OverviewInfo as i, LoginMethodType as j, AnyObject as k, UserTransactionType as l, UserImportTokenType as m, UserAssetToken as n, AppConfigType as o, BindInfoType as p, BindItemType as q, BindWalletParam as r, DrawerProps as s, IEnvName as t, useMatchWalletAssetsProps as u, ILoginWalletReq as v, IconProps as w, InputProps as x, MessageType as y, MetaPageType as z };
+export { type WalletAssetType as $, type Address as A, type ButtonProps as B, type CEXType as C, type DeepPartial as D, type EmailModalProps as E, type InputProps as F, type MessageType as G, type Hash as H, type IMatchEvents as I, type MetaPageType as J, type ModalProps as K, type LocaleType as L, type ModalWithHeaderProps as M, type PohItemType as N, type OtherLoginMethodType as O, type PopoverPositionType as P, type PohZkpassParams as Q, type RecommendLoginMethodType as R, type PopoverProps as S, RecoveryType as T, type UserChainType as U, type ThemeType as V, type WalletConfigType as W, type UIProps as X, type UserPopoverProps as Y, type UserTransactionNextPageParams as Z, type UserTransactionRecordType as _, type IEnvConfigType as a, type WalletChainType as a0, type WalletNFTType as a1, type WalletPanelProps as a2, type WalletReceiveMessageType as a3, type LoginBoxProps as b, type WalletType as c, type PopoverTypeType as d, type LoginPanelProps as e, type LoginModalProps as f, type WalletAssetMergeType as g, type ISocialLoginMethod as h, type OverviewInfo as i, type LoginMethodType as j, ChainType as k, type AnyObject as l, type UserTransactionType as m, type UserImportTokenType as n, type UserAssetToken as o, type AppConfigType as p, type AuthParams as q, type BindInfoType as r, type BindItemType as s, type BindWalletParam as t, type useMatchWalletAssetsProps as u, type DrawerProps as v, type EmbeddedWalletsParams as w, type IEnvName as x, type ILoginWalletReq as y, type IconProps as z };

package/dist/ui/index.d.mts

@@ -1,7 +1,7 @@
-export { B as Button, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from '../index-Cou96DpL.mjs';
-export { A as AlphaAvatar, D as Drawer, e as HashPanel, M as ModalDrawer, R as Radio, S as Switch } from '../index-C9F6f2iz.mjs';
+export { B as Button, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from '../index-B_o9HBS1.mjs';
+export { A as AlphaAvatar, D as Drawer, e as HashPanel, M as ModalDrawer, R as Radio, S as Switch } from '../index-D5OzNRfu.mjs';
 import 'react/jsx-runtime';
 import 'react';
-import '../types-DzVVzMYU.mjs';
+import '../types-Dd_ExpLx.mjs';
 import '@tanstack/react-query/src/types';
 import 'viem';

package/dist/ui/index.d.ts

@@ -1,7 +1,7 @@
-export { B as Button, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from '../index-BcEreCxd.js';
-export { A as AlphaAvatar, D as Drawer, e as HashPanel, M as ModalDrawer, R as Radio, S as Switch } from '../index-BMsj8hJv.js';
+export { B as Button, F as Field, I as Input, M as Modal, a as ModalWithHeader, O as Overlay, P as Popover } from '../index-BUj9mOrS.js';
+export { A as AlphaAvatar, D as Drawer, e as HashPanel, M as ModalDrawer, R as Radio, S as Switch } from '../index-DMUZQqNB.js';
 import 'react/jsx-runtime';
 import 'react';
-import '../types-DzVVzMYU.js';
+import '../types-Dd_ExpLx.js';
 import '@tanstack/react-query/src/types';
 import 'viem';

package/dist/utils/index.d.mts

@@ -22,6 +22,5 @@ interface NumberFormatterProps {
 declare const NumberFormatter: React.FC<NumberFormatterProps>;
 declare function formatAddress(address: string, pre?: number, after?: number): string;
 declare const formatDate: (value: any, formatString?: string) => string;
-declare const isInTgApp: () => boolean;
 
-export { NumberFormatter, decodeBase64, deepMerge, encodeBase64, firstUpperCase, formatAddress, formatDate, getAppClientId, getVersion, isInTgApp, isValidEmail, isValidUsername, truncateAddress };
+export { NumberFormatter, decodeBase64, deepMerge, encodeBase64, firstUpperCase, formatAddress, formatDate, getAppClientId, getVersion, isValidEmail, isValidUsername, truncateAddress };

package/dist/utils/index.d.ts

@@ -22,6 +22,5 @@ interface NumberFormatterProps {
 declare const NumberFormatter: React.FC<NumberFormatterProps>;
 declare function formatAddress(address: string, pre?: number, after?: number): string;
 declare const formatDate: (value: any, formatString?: string) => string;
-declare const isInTgApp: () => boolean;
 
-export { NumberFormatter, decodeBase64, deepMerge, encodeBase64, firstUpperCase, formatAddress, formatDate, getAppClientId, getVersion, isInTgApp, isValidEmail, isValidUsername, truncateAddress };
+export { NumberFormatter, decodeBase64, deepMerge, encodeBase64, firstUpperCase, formatAddress, formatDate, getAppClientId, getVersion, isValidEmail, isValidUsername, truncateAddress };

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/>
@@ -63,7 +69,7 @@ function Nav() {
 }
 
 function RouterApp() {
-    const {appid, setAppid, locale, setLocale, endpoints, setEndpoints} = useLocalStore()
+    const {appid, setAppid, locale, setLocale, endpoints, setEndpoints, setWalletType,walletType} = useLocalStore()
 
     return <Router>
         <div className={`mb-2 p-2 flex gap-2 flex-col`}>
@@ -94,12 +100,21 @@ function RouterApp() {
                     {LocaleList.map((item) => <option key={item} value={item}>{item}</option>)}
                 </select>
             </div>
+            <div>
+                <label>WalletType:</label>
+                <select onChange={(ele) => {
+                    setWalletType(ele.target.value as any)
+                }} value={walletType}>
+                    {['Base','UserPasscode'].map((item) => <option key={item} value={item}>{item}</option>)}
+                </select>
+            </div>
         </div>
         <Nav/>
         <div className={`p-4`}>
             <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/>}/>
@@ -110,7 +125,7 @@ function RouterApp() {
 }
 
 function App() {
-    const {appid, locale, endpoints} = useLocalStore()
+    const {appid, locale, endpoints,walletType} = useLocalStore()
 
     return <MatchProvider
         appid={appid}
@@ -125,7 +140,7 @@ function App() {
             }
         }}
         wallet={{
-            type: "UserPasscode"
+            type: walletType
         }}
     >
         <RouterApp/>

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/User/index.tsx

@@ -23,7 +23,8 @@ function LoginContent() {
         bind,
         auth,
         bindCex,
-        getAuthInfo
+        getAuthInfo,
+        overview
     } = useUserInfo();
     const [usernameOpen, setUsernameOpen] = useState(false)
     const [modal, setModal] = useState<'bindList' | 'pohList' | ''>('')
@@ -45,6 +46,7 @@ function LoginContent() {
         <h1 className={`text-2xl`}>You are already logged in</h1>
         <div className={`text-ellipsis break-words`}>token:{token}</div>
         <div className={`text-ellipsis break-words`}>username:{username}</div>
+        <div className={`text-ellipsis break-words`}>recover_type:{overview?.recover_type}</div>
         <div className={`text-ellipsis break-words`}>did:{did}</div>
         <div className={`text-ellipsis break-words`}>address:{address}</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/src/store/useLocalStore.ts

@@ -9,6 +9,8 @@ interface StoreState {
         auth: string;
     }
     locale: LocaleType;
+    walletType:"Base" | "UserPasscode";
+    setWalletType: (walletType: "Base" | "UserPasscode") => void;
 
 
     setAppid: (appid: string) => void;
@@ -34,6 +36,8 @@ const persistedState = persist<StoreState>(
         setAppid: (appid: string) => set({appid: appid}),
         setEndpoints: (endpoints: StoreState['endpoints']) => set({endpoints}),
         setLocale: (locale: LocaleType) => set({locale}),
+        walletType: "UserPasscode",
+        setWalletType: (walletType: "Base" | "UserPasscode") => set({walletType}),
 
         initChainId:1,
         setInitChainId: (initChainId: number) => set({initChainId}),

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.51-alpha.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {