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

package/dist/index.mjs

@@ -1,12 +1,6 @@
-import {
-  chains_exports
-} from "./chunk-HYQ3T6WW.mjs";
-import {
-  types_exports
-} from "./chunk-HBOS3RBL.mjs";
 import {
   api_exports
-} from "./chunk-6KB4RLTC.mjs";
+} from "./chunk-55KKIDVT.mjs";
 import {
   MatchProvider,
   ModalProvider,
@@ -14,13 +8,19 @@ import {
   components_exports,
   hooks_exports,
   useMatch
-} from "./chunk-JLQVDNWZ.mjs";
+} from "./chunk-KKWAYHRG.mjs";
+import {
+  types_exports
+} from "./chunk-HBOS3RBL.mjs";
 import "./chunk-UA6XHZHX.mjs";
+import "./chunk-HLUFAIFV.mjs";
 import {
   ui_exports
 } from "./chunk-FB5MHLWX.mjs";
-import "./chunk-HLUFAIFV.mjs";
 import "./chunk-LHNKZISB.mjs";
+import {
+  chains_exports
+} from "./chunk-HYQ3T6WW.mjs";
 import "./chunk-J5LGTIGS.mjs";
 export {
   api_exports as Api,

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/example/src/App.tsx

@@ -69,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`}>
@@ -100,6 +100,14 @@ 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`}>
@@ -117,7 +125,7 @@ function RouterApp() {
 }
 
 function App() {
-    const {appid, locale, endpoints} = useLocalStore()
+    const {appid, locale, endpoints,walletType} = useLocalStore()
 
     return <MatchProvider
         appid={appid}
@@ -132,7 +140,7 @@ function App() {
             }
         }}
         wallet={{
-            type: "UserPasscode"
+            type: walletType
         }}
     >
         <RouterApp/>

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/components/MatchWallet.tsx

@@ -46,7 +46,7 @@ export default function MatchWallet() {
                 <Button size={"sm"} onClick={wallet.showImportTokenModal}>showImportToken</Button>
                 <Button size={"sm"} onClick={wallet.showSendListModal}>showSendListModal</Button>
             </ButtonGroup>
-            <div className={`mt-[100px] gap-[20px] grid grid-cols-2`}>
+            <div className={`mt-[100px] gap-[20px] grid grid-cols-1 md:grid-cols-2`}>
                 <WalletAsset onAssetClick={onAssetClick}/>
                 <TransactionList/>
             </div>

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/package.json

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

package/dist/mpc-CTbBWHld.d.mts

@@ -1,20 +0,0 @@
-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"
-}
-
-export { type AuthParams as A, ChainType as C, type EmbeddedWalletsParams as E, RecoveryType as R };

package/dist/mpc-CTbBWHld.d.ts

@@ -1,20 +0,0 @@
-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"
-}
-
-export { type AuthParams as A, ChainType as C, type EmbeddedWalletsParams as E, RecoveryType as R };