@matchain/matchid-sdk-react 0.1.44-alpha.5 → 0.1.44-alpha.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/dist/assets/icon/index.d.mts +1 -1
  2. package/dist/assets/icon/index.d.ts +1 -1
  3. package/dist/{chunk-3HJGQPXY.mjs → chunk-WNLUMXC7.mjs} +2 -2
  4. package/dist/{chunk-KOA6YG3K.mjs → chunk-XN7LSOI7.mjs} +110 -37
  5. package/dist/chunk-XN7LSOI7.mjs.map +1 -0
  6. package/dist/components/index.d.mts +2 -2
  7. package/dist/components/index.d.ts +2 -2
  8. package/dist/components/index.js +90 -18
  9. package/dist/components/index.js.map +1 -1
  10. package/dist/components/index.mjs +1 -1
  11. package/dist/hooks/api/index.d.mts +2 -2
  12. package/dist/hooks/api/index.d.ts +2 -2
  13. package/dist/hooks/api/index.js +24 -18
  14. package/dist/hooks/api/index.js.map +1 -1
  15. package/dist/hooks/api/index.mjs +2 -2
  16. package/dist/hooks/index.d.mts +2 -2
  17. package/dist/hooks/index.d.ts +2 -2
  18. package/dist/hooks/index.js +28 -22
  19. package/dist/hooks/index.js.map +1 -1
  20. package/dist/hooks/index.mjs +1 -1
  21. package/dist/{index-Dz7yUGcs.d.ts → index-BlEZbcLQ.d.ts} +1 -1
  22. package/dist/{index-D8yek3rk.d.ts → index-C3jFoWRx.d.ts} +3 -2
  23. package/dist/{index-Cq_k0drT.d.mts → index-CI39w5wj.d.mts} +1 -1
  24. package/dist/{index-BKSFphOk.d.mts → index-CYmxvLZ0.d.mts} +3 -2
  25. package/dist/{index-BdUFRwfe.d.ts → index-DS7SWbPe.d.ts} +1 -1
  26. package/dist/{index-BIQSRprZ.d.ts → index-DYJIwNhC.d.ts} +1 -1
  27. package/dist/{index-ClL_1acF.d.mts → index-RwnmlYR_.d.mts} +1 -1
  28. package/dist/{index-CvsdzdHl.d.mts → index-rWzOcTWj.d.mts} +1 -1
  29. package/dist/index.css +1 -0
  30. package/dist/index.d.mts +5 -5
  31. package/dist/index.d.ts +5 -5
  32. package/dist/index.js +133 -60
  33. package/dist/index.js.map +1 -1
  34. package/dist/index.mjs +2 -2
  35. package/dist/types/index.d.mts +1 -1
  36. package/dist/types/index.d.ts +1 -1
  37. package/dist/{types-BOCbo3U7.d.mts → types-cM1c-GDc.d.mts} +7 -1
  38. package/dist/{types-BOCbo3U7.d.ts → types-cM1c-GDc.d.ts} +7 -1
  39. package/example/dist/assets/TransportWebHID-B92GXP0w.js +1 -0
  40. package/example/dist/assets/bignumber-Bn3E8wYl.js +10 -0
  41. package/example/dist/assets/ccip-CBHFCdkU.js +1 -0
  42. package/example/dist/assets/draggabilly-CLvmxSn-.js +14 -0
  43. package/example/dist/assets/index-2f4kBMap.js +1 -0
  44. package/example/dist/assets/index-8uKm8vlV.js +303 -0
  45. package/example/dist/assets/index-B628P4Pl.js +1 -0
  46. package/example/dist/assets/index-BHE8v9OY.js +3 -0
  47. package/example/dist/assets/index-CWt0Kxp-.js +3 -0
  48. package/example/dist/assets/index-CvZtcbs0.js +1283 -0
  49. package/example/dist/assets/index-Dp__7a7R.js +179 -0
  50. package/example/dist/assets/index-DvlQmnc9.js +1 -0
  51. package/example/dist/assets/index-g0UHhCzn.css +1 -0
  52. package/example/dist/assets/index-lJxfSkQk.js +569 -0
  53. package/example/dist/assets/inherits_browser-BlmhoU4v.js +1 -0
  54. package/example/dist/assets/solanaEmbed.esm-D8OwJWHg.js +38 -0
  55. package/example/dist/index.html +14 -0
  56. package/example/src/App.tsx +65 -54
  57. package/example/src/pages/User/components/BindListModal.tsx +1 -1
  58. package/example/src/pages/User/components/PohListModal.tsx +1 -1
  59. package/example/src/pages/User/index.tsx +1 -17
  60. package/package.json +1 -1
  61. package/dist/chunk-KOA6YG3K.mjs.map +0 -1
  62. /package/dist/{chunk-3HJGQPXY.mjs.map → chunk-WNLUMXC7.mjs.map} +0 -0
package/example/dist/index.html ADDED
@@ -0,0 +1,14 @@
1
+ <!-- example/index.html -->
2
+ <!DOCTYPE html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8" />
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
+ <title>MatchID example</title>
8
+ <script type="module" crossorigin src="/assets/index-CvZtcbs0.js"></script>
9
+ <link rel="stylesheet" crossorigin href="/assets/index-g0UHhCzn.css">
10
+ </head>
11
+ <body>
12
+ <div id="root"></div>
13
+ </body>
14
+ </html>
package/example/src/App.tsx CHANGED
@@ -11,6 +11,7 @@ import {LocaleType} from "@matchain/matchid-sdk-react/types";
11
11
  import {useUserInfo} from "@matchain/matchid-sdk-react/hooks";
12
12
  import RoutePrivate from "@/components/RoutePrivate";
13
13
  import useLocalStore from "@/store/useLocalStore";
14
+ import {LoginButton} from "@matchain/matchid-sdk-react/components";
14
15
 
15
16
 
16
17
  function Nav() {
@@ -47,66 +48,76 @@ function Nav() {
47
48
  return <Link key={menu.url} to={menu.url}
48
49
  className={`text-2xl ${menu.onActive ? 'text-red-600' : 'text-gray-400'}`}>{menu.name}</Link>
49
50
  })}
51
+ <LoginButton/>
50
52
  </nav>
51
53
  }
52
54
 
53
- function App() {
54
- const {appid, setAppid,locale,setLocale,endpoints, setEndpoints}= useLocalStore()
55
+ function RouterApp() {
56
+ const {appid, setAppid, locale, setLocale, endpoints, setEndpoints} = useLocalStore()
55
57
 
56
- return <MatchProvider appid={appid} endpoints={endpoints} locale={locale} events={{
57
- onLogin: (data) => {
58
- console.log('events.onLogin', data)
59
- },
60
- onLogout: () => {
61
- console.log('events.onLogout')
62
- }
63
- }}
64
- wallet={{
65
- type:"UserPasscode"
66
- }}
67
- >
68
- <Router>
69
- <div className={`mb-2 p-2 flex gap-2 flex-col`}>
70
- <div>
71
- <label>Appid:</label>
72
- <input value={appid} placeholder={"Appid"} className={"border-solid border"} onChange={(ele) => {
73
- setAppid(ele.target.value)
74
- }}/></div>
75
- <div>
76
- <label>AuthEndpoint:</label>
77
- <input value={endpoints?.auth || ''} placeholder={"Auth Endpoint"} className={"border-solid border"}
78
- onChange={(ele) => {
79
- setEndpoints({...endpoints, auth: ele.target.value})
80
- }}/>
81
- </div>
82
- <div>
83
- <label>BackEndpoint:</label>
84
- <input value={endpoints?.back || ''} placeholder={"Back Endpoint"} className={"border-solid border"}
85
- onChange={(ele) => {
86
- setEndpoints({...endpoints, back: ele.target.value})
87
- }}/>
88
- </div>
89
- <div>
90
- <label>Locale:</label>
91
- <select onChange={(ele) => {
92
- setLocale(ele.target.value as LocaleType)
93
- }} value={locale}>
94
- {LocaleList.map((item) => <option key={item} value={item}>{item}</option>)}
95
- </select>
96
- </div>
58
+ return <Router>
59
+ <div className={`mb-2 p-2 flex gap-2 flex-col`}>
60
+ <div>
61
+ <label>Appid:</label>
62
+ <input value={appid} placeholder={"Appid"} className={"border-solid border"} onChange={(ele) => {
63
+ setAppid(ele.target.value)
64
+ }}/></div>
65
+ <div>
66
+ <label>AuthEndpoint:</label>
67
+ <input value={endpoints?.auth || ''} placeholder={"Auth Endpoint"} className={"border-solid border"}
68
+ onChange={(ele) => {
69
+ setEndpoints({...endpoints, auth: ele.target.value})
70
+ }}/>
97
71
  </div>
98
- <Nav/>
99
- <div className={`p-4`}>
100
- <Routes>
101
- <Route path="/" element={<Home/>}/>
102
-
103
- <Route element={<RoutePrivate/>}>
104
- <Route path="/user" element={<User/>}/>
105
- <Route path="/wallet" element={<Wallet/>}/>
106
- </Route>
107
- </Routes>
72
+ <div>
73
+ <label>BackEndpoint:</label>
74
+ <input value={endpoints?.back || ''} placeholder={"Back Endpoint"} className={"border-solid border"}
75
+ onChange={(ele) => {
76
+ setEndpoints({...endpoints, back: ele.target.value})
77
+ }}/>
108
78
  </div>
109
- </Router>
79
+ <div>
80
+ <label>Locale:</label>
81
+ <select onChange={(ele) => {
82
+ setLocale(ele.target.value as LocaleType)
83
+ }} value={locale}>
84
+ {LocaleList.map((item) => <option key={item} value={item}>{item}</option>)}
85
+ </select>
86
+ </div>
87
+ </div>
88
+ <Nav/>
89
+ <div className={`p-4`}>
90
+ <Routes>
91
+ <Route path="/" element={<Home/>}/>
92
+ <Route element={<RoutePrivate/>}>
93
+ <Route path="/user" element={<User/>}/>
94
+ <Route path="/wallet" element={<Wallet/>}/>
95
+ </Route>
96
+ </Routes>
97
+ </div>
98
+ </Router>
99
+ }
100
+
101
+ function App() {
102
+ const {appid, locale, endpoints} = useLocalStore()
103
+
104
+ return <MatchProvider
105
+ appid={appid}
106
+ endpoints={endpoints}
107
+ locale={locale}
108
+ events={{
109
+ onLogin: (data) => {
110
+ console.log('events.onLogin', data)
111
+ },
112
+ onLogout: () => {
113
+ console.log('events.onLogout')
114
+ }
115
+ }}
116
+ wallet={{
117
+ type: "UserPasscode"
118
+ }}
119
+ >
120
+ <RouterApp/>
110
121
  </MatchProvider>;
111
122
  }
112
123
 
package/example/src/pages/User/components/BindListModal.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  import { ModalWithHeader } from '@matchain/matchid-sdk-react/components';
2
2
  import React from "react";
3
3
  import QueryDisplay from "@/pages/User/components/QueryDisplay";
4
- import {Api} from "@matchain/matchid-sdk-react/index";
4
+ import {Api} from "@matchain/matchid-sdk-react";
5
5
  export default function BindListModal({isOpen, onClose}: {isOpen: boolean, onClose: () => void}) {
6
6
  const bindListQuery = Api.bind.useBindList()
7
7
  return <ModalWithHeader isOpen={isOpen} onClose={onClose} title={"BindListQuery"}>
package/example/src/pages/User/components/PohListModal.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  import { ModalWithHeader } from '@matchain/matchid-sdk-react/components';
2
2
  import React from "react";
3
3
  import QueryDisplay from "@/pages/User/components/QueryDisplay";
4
- import {Api} from "@matchain/matchid-sdk-react/index";
4
+ import {Api} from "@matchain/matchid-sdk-react";
5
5
  export default function PohListModal({isOpen, onClose}: {isOpen: boolean, onClose: () => void}) {
6
6
  const pohListQuery = Api.poh.usePohList()
7
7
  return <ModalWithHeader isOpen={isOpen} onClose={onClose} title={"PohListQuery"}>
package/example/src/pages/User/index.tsx CHANGED
@@ -136,21 +136,5 @@ export default function User() {
136
136
  console.log('useMatchEvents.onBind', data)
137
137
  }
138
138
  })
139
- return <div>
140
-
141
- <div className={`font-bold text-lg`}>LoginButton</div>
142
-
143
- <div className={`bg-gray-100 p-5 mt-5`}>
144
- <LoginButton
145
- methods={LoginMethodList}
146
- recommendMethods={RecommendLoginMethodList}
147
- popoverPosition={"left"}
148
- walletMethods={WalletList}
149
- />
150
- </div>
151
-
152
- <LoginContent/>
153
-
154
-
155
- </div>
139
+ return <LoginContent/>
156
140
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@matchain/matchid-sdk-react",
3
- "version": "0.1.44-alpha.5",
3
+ "version": "0.1.44-alpha.6",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "exports": {