@matchain/matchid-sdk-react 0.1.41 → 0.1.42-alpha.0

package/dist/index.mjs

@@ -1,16 +1,16 @@
-import {
-  chains_exports
-} from "./chunk-HYQ3T6WW.mjs";
 import {
   api_exports
-} from "./chunk-B2HVAJPQ.mjs";
+} from "./chunk-ZP4OU66T.mjs";
 import {
   MatchProvider,
   components_exports,
   hooks_exports,
   useMatch
-} from "./chunk-RYZFW6P6.mjs";
+} from "./chunk-OVZZIJZP.mjs";
 import "./chunk-DPXMCLYK.mjs";
+import {
+  chains_exports
+} from "./chunk-HYQ3T6WW.mjs";
 import "./chunk-J5LGTIGS.mjs";
 export {
   api_exports as Api,

package/example/src/config/index.ts

@@ -22,4 +22,22 @@ export const LocaleList = [
 export const CEXList = [
     "Gate", "Coinbase", "Kucoin", 'Bitget', 'OKX', 'Bybit', 'Binance']
 
-export const WalletMethod:WalletType[] = ["evm","sol","btc","tron","ton"]
+export const WalletMethod:WalletType[] = ["evm","sol","btc","tron","ton"]
+
+
+export const LOGIN_METHOD_MAP = {
+    email: 'Email',
+    evm: "EVM",
+    sol: "SOL",
+    btc: "BTC",
+    ton: "TON",
+    tron: "TRON",
+    google: "Google",
+    facebook: "Facebook",
+    x: "X",
+    telegram: "Telegram",
+    github: "Github",
+    discord: "Discord",
+    linkedin: "LinkedIn",
+    youtube: "Youtube",
+}

package/example/src/pages/User.tsx

@@ -1,7 +1,7 @@
 import {Hooks, Components, Api} from "@matchain/matchid-sdk-react"
 import React from "react";
 import RoutePrivate from "../components/RoutePrivate";
-import {CEXList, LoginMethod, WalletMethod} from "@/config";
+import {CEXList, LOGIN_METHOD_MAP, LoginMethod, WalletMethod} from "@/config";
 import {CEXType, LoginMethodType} from "../../../src/types/types";
 
 const {useMatchEvents, useUserInfo, useWallet} = Hooks
@@ -51,7 +51,8 @@ function LoginContent() {
         address,
         bind,
         auth,
-        bindCex
+        bindCex,
+        getAuthInfo
     } = useUserInfo();
     const [usernameOpen, setUsernameOpen] = React.useState(false)
     const [passwordOpen, setPasswordOpen] = React.useState(false)
@@ -69,6 +70,15 @@ function LoginContent() {
         }
     }
 
+    const onGetInfo = async (method: string) => {
+        try {
+            const res = await getAuthInfo(method)
+            console.log('getAuthInfo', res)
+        } catch (e) {
+            console.error('getAuthInfo', e)
+        }
+    }
+
     return <div className={`flex flex-col gap-[10px]`}>
         <h1 className={`text-2xl`}>You are already logged in</h1>
         <div className={`text-ellipsis break-words`}>token:{token}</div>
@@ -98,14 +108,28 @@ function LoginContent() {
             }}/>
         </div>
         <div className={`flex gap-[20px] flex-wrap`}>
+            <div>
+                Bind
+            </div>
             {
                 LoginMethod.map((method) => {
                     return <button key={method} className={`bg-gray-300 p-1 capitalize rounded`}
-                                   onClick={() => bind(method as LoginMethodType)}>Bind {method}
+                                   onClick={() => bind(method as LoginMethodType)}>{method}
                     </button>
                 })
             }
         </div>
+        <div className={`flex gap-[20px] flex-wrap`}>
+            <div>
+                GetAuthInfo
+            </div>
+            {
+                Object.keys(LOGIN_METHOD_MAP).map((method:string ) => {
+                    return <button key={method} className={`bg-gray-300 p-1 rounded`}
+                                   onClick={async() => onGetInfo(LOGIN_METHOD_MAP[method as keyof typeof LOGIN_METHOD_MAP])}>{method}</button>
+                })
+            }
+        </div>
         <div className={`flex gap-[20px] flex-wrap`}>
             {
                 CEXList.map((method) => {

package/package.json

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