@matchain/matchid-sdk-react 0.1.29 → 0.1.31
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.
- package/dist/index.css +16 -6
- package/dist/index.d.mts +6 -2
- package/dist/index.d.ts +6 -2
- package/dist/index.js +570 -68
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +570 -68
- package/dist/index.mjs.map +1 -1
- package/example/src/App.tsx +33 -18
- package/example/src/components/Login/index.tsx +1 -1
- package/example/src/config/index.ts +3 -0
- package/example/src/pages/User.tsx +2 -2
- package/package.json +2 -1
- package/readme.md +29 -3
package/dist/index.css
CHANGED
|
@@ -239,9 +239,14 @@ body {
|
|
|
239
239
|
padding:16px;
|
|
240
240
|
gap: 32px 16px;
|
|
241
241
|
grid-template-columns: repeat(5, 1fr);
|
|
242
|
-
|
|
242
|
+
|
|
243
|
+
@media screen and (max-width: 400px) {
|
|
243
244
|
grid-template-columns: repeat(4, 1fr);
|
|
244
245
|
}
|
|
246
|
+
|
|
247
|
+
@media screen and (max-width: 350px) {
|
|
248
|
+
grid-template-columns: repeat(3, 1fr);
|
|
249
|
+
}
|
|
245
250
|
.matchid-login-method-item{
|
|
246
251
|
cursor: pointer;
|
|
247
252
|
display: flex;
|
|
@@ -358,12 +363,14 @@ body {
|
|
|
358
363
|
width: 100%;
|
|
359
364
|
height: 72px;
|
|
360
365
|
padding-left: 24px;
|
|
366
|
+
padding-right: 24px;
|
|
361
367
|
border-radius: 12px;
|
|
362
368
|
border: 1px solid var(--matchid-input-border-color);
|
|
363
369
|
display: flex;
|
|
364
370
|
align-items: center;
|
|
365
371
|
justify-content: space-between;
|
|
366
372
|
background: var(--matchid-input-bg);
|
|
373
|
+
gap:24px;
|
|
367
374
|
}
|
|
368
375
|
|
|
369
376
|
.matchid-input-box:active, .matchid-input-box:focus, .matchid-input-box:focus-within {
|
|
@@ -374,8 +381,9 @@ body {
|
|
|
374
381
|
.matchid-input-delete-icon {
|
|
375
382
|
opacity: 0;
|
|
376
383
|
cursor: pointer;
|
|
377
|
-
|
|
378
|
-
|
|
384
|
+
width: 20px;
|
|
385
|
+
flex-shrink: 1;
|
|
386
|
+
|
|
379
387
|
}
|
|
380
388
|
|
|
381
389
|
.matchid-input-box:focus-within .matchid-input-delete-icon {
|
|
@@ -384,8 +392,10 @@ body {
|
|
|
384
392
|
|
|
385
393
|
.matchid-input-eye-icon {
|
|
386
394
|
cursor: pointer;
|
|
387
|
-
|
|
388
|
-
|
|
395
|
+
display: flex;
|
|
396
|
+
align-items: center;
|
|
397
|
+
width: 20px;
|
|
398
|
+
flex-shrink: 1;
|
|
389
399
|
}
|
|
390
400
|
|
|
391
401
|
.matchid-input-box.matchid-input-has-content {
|
|
@@ -400,7 +410,7 @@ body {
|
|
|
400
410
|
font-size: 18px;
|
|
401
411
|
font-weight: 600;
|
|
402
412
|
background: none;
|
|
403
|
-
|
|
413
|
+
min-width: 0;
|
|
404
414
|
}
|
|
405
415
|
|
|
406
416
|
.matchid-input-field::placeholder {
|
package/dist/index.d.mts
CHANGED
|
@@ -5,9 +5,9 @@ import { SignableMessage, Hex, TransactionSerializable, Account } from 'viem';
|
|
|
5
5
|
import * as _tanstack_react_query from '@tanstack/react-query';
|
|
6
6
|
import { UseQueryOptions } from '@tanstack/react-query/src/types';
|
|
7
7
|
|
|
8
|
-
type ISocialLoginMethod = 'google' | 'twitter' | 'discord' | 'github' |'telegram' | 'linkedin' | 'facebook'
|
|
8
|
+
type ISocialLoginMethod = 'google' | 'twitter' | 'discord' | 'github' | 'telegram' | 'linkedin' | 'facebook'
|
|
9
9
|
type LoginMethodType = 'evm' | 'sol' | 'email' | ISocialLoginMethod
|
|
10
|
-
type OtherLoginMethodType ='email' | ISocialLoginMethod
|
|
10
|
+
type OtherLoginMethodType = 'email' | ISocialLoginMethod
|
|
11
11
|
type RecommendLoginMethodType = 'wallet' | 'email' | ISocialLoginMethod
|
|
12
12
|
type IEnvConfigType = {
|
|
13
13
|
endpoints: {
|
|
@@ -155,6 +155,8 @@ type PopoverProps = PropsWithChildren & {
|
|
|
155
155
|
gap?: number | string
|
|
156
156
|
}
|
|
157
157
|
|
|
158
|
+
type LocaleType = "en" | "zh" | "tw" | "fr" | "ja" | "ko" | "vi" | "es" | "pt"
|
|
159
|
+
|
|
158
160
|
type MatchContextType = {
|
|
159
161
|
appid: string;
|
|
160
162
|
events?: IMatchEvents;
|
|
@@ -163,6 +165,7 @@ type MatchContextType = {
|
|
|
163
165
|
token: string;
|
|
164
166
|
}) => Promise<void>;
|
|
165
167
|
theme: "light" | "dark";
|
|
168
|
+
locale?: LocaleType;
|
|
166
169
|
} & Partial<IEnvConfigType>;
|
|
167
170
|
declare const MatchProvider: React$1.FC<{
|
|
168
171
|
children: ReactNode;
|
|
@@ -170,6 +173,7 @@ declare const MatchProvider: React$1.FC<{
|
|
|
170
173
|
events?: IMatchEvents;
|
|
171
174
|
theme?: "light" | "dark";
|
|
172
175
|
endpoints?: IEnvConfigType['endpoints'];
|
|
176
|
+
locale?: LocaleType;
|
|
173
177
|
}>;
|
|
174
178
|
declare const useMatch: () => MatchContextType;
|
|
175
179
|
|
package/dist/index.d.ts
CHANGED
|
@@ -5,9 +5,9 @@ import { SignableMessage, Hex, TransactionSerializable, Account } from 'viem';
|
|
|
5
5
|
import * as _tanstack_react_query from '@tanstack/react-query';
|
|
6
6
|
import { UseQueryOptions } from '@tanstack/react-query/src/types';
|
|
7
7
|
|
|
8
|
-
type ISocialLoginMethod = 'google' | 'twitter' | 'discord' | 'github' |'telegram' | 'linkedin' | 'facebook'
|
|
8
|
+
type ISocialLoginMethod = 'google' | 'twitter' | 'discord' | 'github' | 'telegram' | 'linkedin' | 'facebook'
|
|
9
9
|
type LoginMethodType = 'evm' | 'sol' | 'email' | ISocialLoginMethod
|
|
10
|
-
type OtherLoginMethodType ='email' | ISocialLoginMethod
|
|
10
|
+
type OtherLoginMethodType = 'email' | ISocialLoginMethod
|
|
11
11
|
type RecommendLoginMethodType = 'wallet' | 'email' | ISocialLoginMethod
|
|
12
12
|
type IEnvConfigType = {
|
|
13
13
|
endpoints: {
|
|
@@ -155,6 +155,8 @@ type PopoverProps = PropsWithChildren & {
|
|
|
155
155
|
gap?: number | string
|
|
156
156
|
}
|
|
157
157
|
|
|
158
|
+
type LocaleType = "en" | "zh" | "tw" | "fr" | "ja" | "ko" | "vi" | "es" | "pt"
|
|
159
|
+
|
|
158
160
|
type MatchContextType = {
|
|
159
161
|
appid: string;
|
|
160
162
|
events?: IMatchEvents;
|
|
@@ -163,6 +165,7 @@ type MatchContextType = {
|
|
|
163
165
|
token: string;
|
|
164
166
|
}) => Promise<void>;
|
|
165
167
|
theme: "light" | "dark";
|
|
168
|
+
locale?: LocaleType;
|
|
166
169
|
} & Partial<IEnvConfigType>;
|
|
167
170
|
declare const MatchProvider: React$1.FC<{
|
|
168
171
|
children: ReactNode;
|
|
@@ -170,6 +173,7 @@ declare const MatchProvider: React$1.FC<{
|
|
|
170
173
|
events?: IMatchEvents;
|
|
171
174
|
theme?: "light" | "dark";
|
|
172
175
|
endpoints?: IEnvConfigType['endpoints'];
|
|
176
|
+
locale?: LocaleType;
|
|
173
177
|
}>;
|
|
174
178
|
declare const useMatch: () => MatchContextType;
|
|
175
179
|
|