@matchain/matchid-sdk-react 0.1.12 → 0.1.14

package/example/src/App.tsx

@@ -19,10 +19,12 @@ const getState = () => {
 function App() {
     const state = getState()
     const [appid, setAppid] = useState(state?.appid || '')
-    const [env, setEnv] = useState<"main" | "dev" | "test">(state?.env || 'main')
-    //matchain team will debug in dev env
-    const isMatchainTeam = !!window.localStorage.getItem("isMatchainTeam")
-    return <MatchProvider appid={appid} env={env}  events={{
+    const [endpoints, setEndpoints] = useState<{
+        auth: string,
+        back: string
+    }>(state?.endpoints)
+
+    return <MatchProvider appid={appid} endpoints={endpoints} events={{
         onLogin: (data) => {
             console.log('events.onLogin', data)
         },
@@ -37,14 +39,16 @@ function App() {
                 <input value={appid} placeholder={"Appid"} className={"border-solid border"} onChange={(ele) => {
                     setAppid(ele.target.value)
                 }}/>
-                <label>Env:</label>
-                <select value={env} onChange={(ele) => {
-                    setEnv(ele.target.value as any)
-                }}>
-                    <option value="main">main</option>
-                    <option value="test">test</option>
-                    {isMatchainTeam && <option value="dev">dev</option>}
-                </select>
+                <label>AuthEndpoint:</label>
+                <input value={endpoints?.auth || ''} placeholder={"Auth Endpoint"} className={"border-solid border"}
+                       onChange={(ele) => {
+                           setEndpoints({...endpoints, auth: ele.target.value})
+                       }}/>
+                <label>BackEndpoint:</label>
+                <input value={endpoints?.back || ''} placeholder={"Back Endpoint"} className={"border-solid border"}
+                       onChange={(ele) => {
+                           setEndpoints({...endpoints, back: ele.target.value})
+                       }}/>
             </div>
             <nav className={`text-2xl mb-5 p-2 text-red-600 flex gap-10`}>
                 <Link to="/">Home</Link>

package/example/src/pages/User.tsx

@@ -49,6 +49,7 @@ function LoginContent() {
         address,
         bindWallet,
         bindTelegram,
+        auth
     } = useUserInfo();
     const [usernameOpen, setUsernameOpen] = React.useState(false)
     const [passwordOpen, setPasswordOpen] = React.useState(false)
@@ -57,6 +58,15 @@ function LoginContent() {
         alert('refreshed')
     }
 
+    const onAuth = async () => {
+        try {
+            const res = await auth()
+            console.log('auth', res)
+        } catch (e) {
+            console.error('auth', e)
+        }
+    }
+
     return <div>
         <h1 className={`text-2xl`}>You are already logged in</h1>
         <div className={`text-ellipsis break-words`}>token:{token}</div>
@@ -91,6 +101,9 @@ function LoginContent() {
                     onClick={bindTelegram}>Bind telegram
             </button>
         </div>
+        <button className={`bg-gray-300 p-1 rounded mr-5`}
+                onClick={onAuth}>Third party auth
+        </button>
         <button className={`bg-gray-300 p-1 rounded mr-5`}
                 onClick={refreshOv}>Refresh Overview
         </button>

package/example/src/pages/Wallet.tsx

@@ -8,7 +8,7 @@ const {useWallet} = Hooks
 
 export default function Wallet() {
     const [message, setMessage] = useState('hello')
-    const [toAddress, setToAddress] = useState('0xC47b00d62cA5e08C1bb4F07C7b23770B4807D073')
+    const [toAddress, setToAddress] = useState('')
     const [toAmount, setToAmount] = useState('0.0001')
     const [data, setToData] = useState('0x')
     const {address, evmAccount} = useWallet()

package/package.json

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