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

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 (50) 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-6KB4RLTC.mjs → chunk-55KKIDVT.mjs} +2 -2
  4. package/dist/{chunk-JLQVDNWZ.mjs → chunk-KKWAYHRG.mjs} +14 -14
  5. package/dist/{chunk-JLQVDNWZ.mjs.map → chunk-KKWAYHRG.mjs.map} +1 -1
  6. package/dist/components/index.d.mts +3 -3
  7. package/dist/components/index.d.ts +3 -3
  8. package/dist/components/index.js +1 -1
  9. package/dist/components/index.js.map +1 -1
  10. package/dist/components/index.mjs +2 -2
  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.map +1 -1
  14. package/dist/hooks/api/index.mjs +3 -3
  15. package/dist/hooks/index.d.mts +2 -3
  16. package/dist/hooks/index.d.ts +2 -3
  17. package/dist/hooks/index.js.map +1 -1
  18. package/dist/hooks/index.mjs +2 -2
  19. package/dist/{index-Cx2Lx_mh.d.ts → index-B-QfwtE5.d.mts} +1 -2
  20. package/dist/{index-Bvc8cjpN.d.ts → index-BDoEk1EK.d.ts} +2 -2
  21. package/dist/{index-BcEreCxd.d.ts → index-BUj9mOrS.d.ts} +1 -1
  22. package/dist/{index-Cou96DpL.d.mts → index-B_o9HBS1.d.mts} +1 -1
  23. package/dist/{index-Bpmrd7mh.d.ts → index-Bmir-Wor.d.mts} +1 -2
  24. package/dist/{index-D4ju2J_e.d.mts → index-CDqIk5k2.d.mts} +1 -1
  25. package/dist/{index-C9F6f2iz.d.mts → index-D5OzNRfu.d.mts} +2 -2
  26. package/dist/{index-BMsj8hJv.d.ts → index-DMUZQqNB.d.ts} +2 -2
  27. package/dist/{index-Cy3K-Yao.d.ts → index-DvM6x6e6.d.ts} +1 -1
  28. package/dist/{index-C_TiXUOB.d.mts → index-X_fw5wX_.d.ts} +1 -2
  29. package/dist/{index-C9qYyRgt.d.mts → index-XzSw1Bym.d.mts} +2 -2
  30. package/dist/{index-BMfaixEx.d.mts → index-k2Uf0F94.d.ts} +1 -2
  31. package/dist/index.css +66 -27
  32. package/dist/index.d.mts +7 -8
  33. package/dist/index.d.ts +7 -8
  34. package/dist/index.js +1 -1
  35. package/dist/index.js.map +1 -1
  36. package/dist/index.mjs +9 -9
  37. package/dist/types/index.d.mts +1 -2
  38. package/dist/types/index.d.ts +1 -2
  39. package/dist/{types-DzVVzMYU.d.mts → types-Dd_ExpLx.d.mts} +21 -1
  40. package/dist/{types-DzVVzMYU.d.ts → types-Dd_ExpLx.d.ts} +21 -1
  41. package/dist/ui/index.d.mts +3 -3
  42. package/dist/ui/index.d.ts +3 -3
  43. package/example/src/App.tsx +11 -3
  44. package/example/src/pages/User/index.tsx +3 -1
  45. package/example/src/pages/Wallet/components/MatchWallet.tsx +1 -1
  46. package/example/src/store/useLocalStore.ts +4 -0
  47. package/package.json +1 -1
  48. package/dist/mpc-CTbBWHld.d.mts +0 -20
  49. package/dist/mpc-CTbBWHld.d.ts +0 -20
  50. /package/dist/{chunk-6KB4RLTC.mjs.map → chunk-55KKIDVT.mjs.map} +0 -0
@@ -12,12 +12,12 @@ import {
12
12
  useTransaction,
13
13
  useUserInfo,
14
14
  useWallet
15
- } from "../chunk-JLQVDNWZ.mjs";
15
+ } from "../chunk-KKWAYHRG.mjs";
16
16
  import "../chunk-UA6XHZHX.mjs";
17
+ import "../chunk-HLUFAIFV.mjs";
17
18
  import {
18
19
  useLayout_exports
19
20
  } from "../chunk-FB5MHLWX.mjs";
20
- import "../chunk-HLUFAIFV.mjs";
21
21
  import "../chunk-LHNKZISB.mjs";
22
22
  import "../chunk-J5LGTIGS.mjs";
23
23
  export {
@@ -1,7 +1,6 @@
1
- import { h as ISocialLoginMethod, i as OverviewInfo, C as CEXType, j as LoginMethodType, I as IMatchEvents, U as UserChainType, A as Address, H as Hash$1, k as AnyObject, l as UserTransactionType, u as useMatchWalletAssetsProps, m as UserImportTokenType, n as UserAssetToken, g as WalletAssetMergeType } from './types-DzVVzMYU.js';
1
+ import { h as ISocialLoginMethod, i as OverviewInfo, C as CEXType, j as LoginMethodType, I as IMatchEvents, k as ChainType, U as UserChainType, A as Address, H as Hash$1, l as AnyObject, m as UserTransactionType, u as useMatchWalletAssetsProps, n as UserImportTokenType, o as UserAssetToken, g as WalletAssetMergeType } from './types-Dd_ExpLx.mjs';
2
2
  import * as viem from 'viem';
3
3
  import { Account, WalletClientConfig, createWalletClient, SignableMessage, Hex, TransactionSerializable, DeployContractParameters, SendTransactionParameters, WriteContractParameters, Chain } from 'viem';
4
- import { C as ChainType } from './mpc-CTbBWHld.js';
5
4
  import { Hash } from 'viem/types/misc';
6
5
  import { Abi } from 'abitype';
7
6
  import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -1,6 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { E as EmailModalProps, b as LoginBoxProps, B as ButtonProps, O as OtherLoginMethodType, R as RecommendLoginMethodType, c as WalletType, P as PopoverPositionType, d as PopoverTypeType, e as LoginPanelProps, f as LoginModalProps, M as ModalWithHeaderProps, g as WalletAssetMergeType, u as useMatchWalletAssetsProps } from './types-DzVVzMYU.js';
3
- import { 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';
2
+ import { E as EmailModalProps, b as LoginBoxProps, B as ButtonProps, O as OtherLoginMethodType, R as RecommendLoginMethodType, c as WalletType, P as PopoverPositionType, d as PopoverTypeType, e as LoginPanelProps, f as LoginModalProps, M as ModalWithHeaderProps, g as WalletAssetMergeType, u as useMatchWalletAssetsProps } from './types-Dd_ExpLx.js';
3
+ import { 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';
4
4
  import { ReactNode } from 'react';
5
5
 
6
6
  declare function EmailModal({ isOpen, width, onClose, onBack, onLogin }: EmailModalProps): react_jsx_runtime.JSX.Element;
@@ -1,6 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import { ReactNode, PropsWithChildren } from 'react';
3
- import { x as InputProps, B as ButtonProps, F as ModalProps, M as ModalWithHeaderProps, K as PopoverProps } from './types-DzVVzMYU.js';
3
+ import { F as InputProps, B as ButtonProps, K as ModalProps, M as ModalWithHeaderProps, S as PopoverProps } from './types-Dd_ExpLx.js';
4
4
 
5
5
  declare function Field({ label, children, error, required, className }: {
6
6
  label: ReactNode;
@@ -1,6 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import { ReactNode, PropsWithChildren } from 'react';
3
- import { x as InputProps, B as ButtonProps, F as ModalProps, M as ModalWithHeaderProps, K as PopoverProps } from './types-DzVVzMYU.mjs';
3
+ import { F as InputProps, B as ButtonProps, K as ModalProps, M as ModalWithHeaderProps, S as PopoverProps } from './types-Dd_ExpLx.mjs';
4
4
 
5
5
  declare function Field({ label, children, error, required, className }: {
6
6
  label: ReactNode;
@@ -1,5 +1,4 @@
1
- import { A as AuthParams, C as ChainType, E as EmbeddedWalletsParams, R as RecoveryType } from './mpc-CTbBWHld.js';
2
- import { 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';
1
+ import { 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';
3
2
 
4
3
  declare const index_Address: typeof Address;
5
4
  declare const index_AnyObject: typeof AnyObject;
@@ -1,6 +1,6 @@
1
1
  import * as _tanstack_react_query from '@tanstack/react-query';
2
2
  import { UseQueryOptions } from '@tanstack/react-query/src/types';
3
- import { J as PohZkpassParams, l as UserTransactionType, S as UserTransactionNextPageParams, X as WalletAssetType, z as MetaPageType, q as BindItemType, p as BindInfoType, G as PohItemType, U as UserChainType, n as UserAssetToken, m as UserImportTokenType, Y as WalletChainType, Z as WalletNFTType } from './types-DzVVzMYU.mjs';
3
+ import { Q as PohZkpassParams, m as UserTransactionType, Z as UserTransactionNextPageParams, $ as WalletAssetType, J as MetaPageType, s as BindItemType, r as BindInfoType, N as PohItemType, U as UserChainType, o as UserAssetToken, n as UserImportTokenType, a0 as WalletChainType, a1 as WalletNFTType } from './types-Dd_ExpLx.mjs';
4
4
 
5
5
  declare const isSuccess: (res: {
6
6
  code: number;
@@ -1,6 +1,6 @@
1
- import { 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';
1
+ import { 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';
2
2
  import * as react_jsx_runtime from 'react/jsx-runtime';
3
- import { s as DrawerProps, _ as WalletPanelProps, N as UIProps } from './types-DzVVzMYU.mjs';
3
+ import { v as DrawerProps, a2 as WalletPanelProps, X as UIProps } from './types-Dd_ExpLx.mjs';
4
4
  import { Hash, Chain } from 'viem';
5
5
  import { CSSProperties } from 'react';
6
6
 
@@ -1,6 +1,6 @@
1
- import { 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';
1
+ import { 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';
2
2
  import * as react_jsx_runtime from 'react/jsx-runtime';
3
- import { s as DrawerProps, _ as WalletPanelProps, N as UIProps } from './types-DzVVzMYU.js';
3
+ import { v as DrawerProps, a2 as WalletPanelProps, X as UIProps } from './types-Dd_ExpLx.js';
4
4
  import { Hash, Chain } from 'viem';
5
5
  import { CSSProperties } from 'react';
6
6
 
@@ -1,6 +1,6 @@
1
1
  import * as _tanstack_react_query from '@tanstack/react-query';
2
2
  import { UseQueryOptions } from '@tanstack/react-query/src/types';
3
- import { J as PohZkpassParams, l as UserTransactionType, S as UserTransactionNextPageParams, X as WalletAssetType, z as MetaPageType, q as BindItemType, p as BindInfoType, G as PohItemType, U as UserChainType, n as UserAssetToken, m as UserImportTokenType, Y as WalletChainType, Z as WalletNFTType } from './types-DzVVzMYU.js';
3
+ import { Q as PohZkpassParams, m as UserTransactionType, Z as UserTransactionNextPageParams, $ as WalletAssetType, J as MetaPageType, s as BindItemType, r as BindInfoType, N as PohItemType, U as UserChainType, o as UserAssetToken, n as UserImportTokenType, a0 as WalletChainType, a1 as WalletNFTType } from './types-Dd_ExpLx.js';
4
4
 
5
5
  declare const isSuccess: (res: {
6
6
  code: number;
@@ -1,7 +1,6 @@
1
- import { h as ISocialLoginMethod, i as OverviewInfo, C as CEXType, j as LoginMethodType, I as IMatchEvents, U as UserChainType, A as Address, H as Hash$1, k as AnyObject, l as UserTransactionType, u as useMatchWalletAssetsProps, m as UserImportTokenType, n as UserAssetToken, g as WalletAssetMergeType } from './types-DzVVzMYU.mjs';
1
+ import { h as ISocialLoginMethod, i as OverviewInfo, C as CEXType, j as LoginMethodType, I as IMatchEvents, k as ChainType, U as UserChainType, A as Address, H as Hash$1, l as AnyObject, m as UserTransactionType, u as useMatchWalletAssetsProps, n as UserImportTokenType, o as UserAssetToken, g as WalletAssetMergeType } from './types-Dd_ExpLx.js';
2
2
  import * as viem from 'viem';
3
3
  import { Account, WalletClientConfig, createWalletClient, SignableMessage, Hex, TransactionSerializable, DeployContractParameters, SendTransactionParameters, WriteContractParameters, Chain } from 'viem';
4
- import { C as ChainType } from './mpc-CTbBWHld.mjs';
5
4
  import { Hash } from 'viem/types/misc';
6
5
  import { Abi } from 'abitype';
7
6
  import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -1,6 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { E as EmailModalProps, b as LoginBoxProps, B as ButtonProps, O as OtherLoginMethodType, R as RecommendLoginMethodType, c as WalletType, P as PopoverPositionType, d as PopoverTypeType, e as LoginPanelProps, f as LoginModalProps, M as ModalWithHeaderProps, g as WalletAssetMergeType, u as useMatchWalletAssetsProps } from './types-DzVVzMYU.mjs';
3
- import { 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';
2
+ import { E as EmailModalProps, b as LoginBoxProps, B as ButtonProps, O as OtherLoginMethodType, R as RecommendLoginMethodType, c as WalletType, P as PopoverPositionType, d as PopoverTypeType, e as LoginPanelProps, f as LoginModalProps, M as ModalWithHeaderProps, g as WalletAssetMergeType, u as useMatchWalletAssetsProps } from './types-Dd_ExpLx.mjs';
3
+ import { 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';
4
4
  import { ReactNode } from 'react';
5
5
 
6
6
  declare function EmailModal({ isOpen, width, onClose, onBack, onLogin }: EmailModalProps): react_jsx_runtime.JSX.Element;
@@ -1,5 +1,4 @@
1
- import { A as AuthParams, C as ChainType, E as EmbeddedWalletsParams, R as RecoveryType } from './mpc-CTbBWHld.mjs';
2
- import { 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';
1
+ import { 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';
3
2
 
4
3
  declare const index_Address: typeof Address;
5
4
  declare const index_AnyObject: typeof AnyObject;
package/dist/index.css CHANGED
@@ -1001,6 +1001,7 @@ body {
1001
1001
 
1002
1002
  display: flex;
1003
1003
  justify-content: space-between;
1004
+
1004
1005
  .matchid-drawer-header-content {
1005
1006
  display: flex;
1006
1007
  gap: 12px;
@@ -1312,6 +1313,9 @@ body {
1312
1313
  display: flex;
1313
1314
  flex-direction: column;
1314
1315
  gap: 16px;
1316
+ @media screen and (max-width: 768px) {
1317
+ gap: 8px;
1318
+ }
1315
1319
 
1316
1320
  .matchid-wallet-asset-item {
1317
1321
  display: flex;
@@ -1321,6 +1325,9 @@ body {
1321
1325
  padding: 16px;
1322
1326
  border: 1px solid var(--matchid-line);
1323
1327
  border-radius: 16px;
1328
+ @media screen and (max-width: 768px) {
1329
+ padding: 10px 16px;
1330
+ }
1324
1331
 
1325
1332
  &:hover {
1326
1333
  border-color: var(--matchid-highlight-orange);
@@ -1332,11 +1339,18 @@ body {
1332
1339
  width: 42px;
1333
1340
  display: flex;
1334
1341
  align-items: center;
1335
-
1342
+ @media screen and (max-width: 768px) {
1343
+ width: 36px;
1344
+ height: 36px;
1345
+ }
1336
1346
  .matchid-wallet-asset-icon {
1337
1347
  width: 40px;
1338
1348
  height: 40px;
1339
1349
  border-radius: 8px;
1350
+ @media screen and (max-width: 768px) {
1351
+ width: 36px;
1352
+ height: 36px;
1353
+ }
1340
1354
  }
1341
1355
 
1342
1356
  .matchid-wallet-asset-chain {
@@ -1346,6 +1360,10 @@ body {
1346
1360
  height: 12px;
1347
1361
  right: 0px;
1348
1362
  bottom: 1px;
1363
+ @media screen and (max-width: 768px) {
1364
+ wdth:10px;
1365
+ height:10px;
1366
+ }
1349
1367
  }
1350
1368
  }
1351
1369
 
@@ -1357,6 +1375,9 @@ body {
1357
1375
  justify-content: space-between;
1358
1376
  gap: 10px;
1359
1377
 
1378
+ @media screen and (max-width: 768px) {
1379
+ height: 44px;
1380
+ }
1360
1381
  .matchid-wallet-asset-name {
1361
1382
  font-size: 16px;
1362
1383
  font-weight: 500;
@@ -1391,10 +1412,8 @@ body {
1391
1412
  font-size: 14px;
1392
1413
  font-weight: 500;
1393
1414
  color: var(--matchid-gray-600);
1394
- @media (max-width: 768px) {
1395
- font-size: 12px;
1396
- }
1397
1415
  }
1416
+
1398
1417
  }
1399
1418
 
1400
1419
  .matchid-wallet-asset-footer {
@@ -1416,9 +1435,6 @@ body {
1416
1435
  .matchid-wallet-asset-change {
1417
1436
  font-size: 14px;
1418
1437
  font-weight: 400;
1419
- @media (max-width: 768px) {
1420
- font-size: 12px;
1421
- }
1422
1438
  }
1423
1439
  }
1424
1440
  }
@@ -1763,7 +1779,11 @@ body {
1763
1779
  border: 1px solid var(--matchid-line);
1764
1780
  border-radius: 16px;
1765
1781
  height: 78px;
1766
- &:hover{
1782
+ @media screen and (max-width: 768px) {
1783
+ height: 64px;
1784
+ }
1785
+
1786
+ &:hover {
1767
1787
  border-color: var(--matchid-highlight-orange);
1768
1788
  }
1769
1789
 
@@ -1780,6 +1800,10 @@ body {
1780
1800
  display: flex;
1781
1801
  align-items: center;
1782
1802
  justify-content: center;
1803
+ @media screen and (max-width: 768px) {
1804
+ width: 36px;
1805
+ height: 36px;
1806
+ }
1783
1807
 
1784
1808
  .rotate-180 {
1785
1809
  transform: rotate(180deg);
@@ -1820,73 +1844,88 @@ body {
1820
1844
  gap: 8px;
1821
1845
  font-size: 16px;
1822
1846
  font-weight: 500;
1847
+ span{
1848
+ text-align: right;
1849
+ }
1823
1850
 
1824
1851
  @media screen and (max-width: 768px) {
1825
1852
  font-size: 14px;
1826
1853
  }
1827
1854
  }
1828
- .matchid-transaction-item-loading{
1855
+
1856
+ .matchid-transaction-item-loading {
1829
1857
  color: var(--matchid-black);
1830
1858
  }
1831
- .matchid-transaction-item-success{
1859
+
1860
+ .matchid-transaction-item-success {
1832
1861
  color: var(--matchid-success);
1833
1862
  }
1834
- .matchid-transaction-item-error{
1863
+
1864
+ .matchid-transaction-item-error {
1835
1865
  color: var(--matchid-error);
1836
1866
  }
1837
1867
 
1838
1868
  }
1839
1869
 
1840
- .matchid-transaction-list{
1870
+ .matchid-transaction-list {
1841
1871
  display: flex;
1842
1872
  flex-direction: column;
1843
1873
  gap: 16px;
1874
+ @media screen and (max-width: 768px) {
1875
+ gap: 8px;
1876
+ }
1844
1877
  }
1845
1878
 
1846
- .matchid-list-nomore{
1847
- gap:8px;
1879
+ .matchid-list-nomore {
1880
+ gap: 8px;
1848
1881
  text-align: center;
1849
1882
  font-size: 16px;
1850
- padding:16px 0;
1883
+ padding: 16px 0;
1851
1884
  display: flex;
1852
1885
  align-items: center;
1853
1886
  justify-content: center;
1854
1887
  color: var(--matchid-secondary-grey);
1855
- @media screen and (max-width: 768px){
1888
+ @media screen and (max-width: 768px) {
1856
1889
  font-size: 14px;
1857
1890
  }
1858
1891
  }
1859
- .matchid-flex{
1892
+
1893
+ .matchid-flex {
1860
1894
  display: flex;
1861
1895
  }
1862
- .matchid-import-token-result{
1896
+
1897
+ .matchid-import-token-result {
1863
1898
  display: flex;
1864
- flex:1;
1899
+ flex: 1;
1865
1900
  flex-direction: column;
1866
1901
  padding-bottom: 100px;
1867
1902
  gap: 24px;
1868
1903
  justify-content: space-between;
1869
- @media screen and (max-width: 768px){
1904
+ @media screen and (max-width: 768px) {
1870
1905
  padding-bottom: 0;
1871
1906
  }
1872
- .matchid-import-token-result-box{
1907
+
1908
+ .matchid-import-token-result-box {
1873
1909
  display: flex;
1874
1910
  flex-direction: column;
1875
1911
  gap: 48px;
1876
1912
  align-items: center;
1877
- .matchid-import-token-result-img{
1878
- width:96px;
1879
- height:96px;
1913
+
1914
+ .matchid-import-token-result-img {
1915
+ width: 96px;
1916
+ height: 96px;
1880
1917
  }
1881
- .matchid-import-token-result-text{
1918
+
1919
+ .matchid-import-token-result-text {
1882
1920
  font-size: 24px;
1883
1921
  font-weight: 500;
1884
1922
  color: var(--matchid-success);
1885
- @media screen and (max-width: 768px){
1923
+ @media screen and (max-width: 768px) {
1886
1924
  font-size: 20px;
1887
1925
  }
1888
1926
  }
1889
- .matchid-import-token-result-text-fail{
1927
+
1928
+ .matchid-import-token-result-text-fail {
1890
1929
  color: var(--matchid-error);
1891
1930
  }
1892
1931
  }
package/dist/index.d.mts CHANGED
@@ -1,20 +1,19 @@
1
1
  import React, { ReactNode } from 'react';
2
- import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-DzVVzMYU.mjs';
3
- export { i as Hooks, M as ModalProvider, T as ToastProvider } from './index-C_TiXUOB.mjs';
4
- export { i as Components } from './index-C9qYyRgt.mjs';
5
- export { i as UI } from './index-C9F6f2iz.mjs';
6
- export { i as Api } from './index-D4ju2J_e.mjs';
2
+ import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-Dd_ExpLx.mjs';
3
+ export { i as Hooks, M as ModalProvider, T as ToastProvider } from './index-B-QfwtE5.mjs';
4
+ export { i as Components } from './index-XzSw1Bym.mjs';
5
+ export { i as UI } from './index-D5OzNRfu.mjs';
6
+ export { i as Api } from './index-CDqIk5k2.mjs';
7
7
  export { i as Chains } from './index-DXRGMAbv.mjs';
8
- export { i as Types } from './index-BMfaixEx.mjs';
8
+ export { i as Types } from './index-Bmir-Wor.mjs';
9
9
  import '@tanstack/react-query/src/types';
10
10
  import 'viem';
11
- import './mpc-CTbBWHld.mjs';
12
11
  import 'viem/types/misc';
13
12
  import 'abitype';
14
13
  import 'react/jsx-runtime';
15
14
  import 'viem/_types/actions/siwe/verifySiweMessage';
16
15
  import '@tanstack/react-query';
17
- import './index-Cou96DpL.mjs';
16
+ import './index-B_o9HBS1.mjs';
18
17
 
19
18
  type MatchContextType = {
20
19
  appid: string;
package/dist/index.d.ts CHANGED
@@ -1,20 +1,19 @@
1
1
  import React, { ReactNode } from 'react';
2
- import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-DzVVzMYU.js';
3
- export { i as Hooks, M as ModalProvider, T as ToastProvider } from './index-Cx2Lx_mh.js';
4
- export { i as Components } from './index-Bvc8cjpN.js';
5
- export { i as UI } from './index-BMsj8hJv.js';
6
- export { i as Api } from './index-Cy3K-Yao.js';
2
+ import { I as IMatchEvents, a as IEnvConfigType, L as LocaleType, W as WalletConfigType } from './types-Dd_ExpLx.js';
3
+ export { i as Hooks, M as ModalProvider, T as ToastProvider } from './index-X_fw5wX_.js';
4
+ export { i as Components } from './index-BDoEk1EK.js';
5
+ export { i as UI } from './index-DMUZQqNB.js';
6
+ export { i as Api } from './index-DvM6x6e6.js';
7
7
  export { i as Chains } from './index-DXRGMAbv.js';
8
- export { i as Types } from './index-Bpmrd7mh.js';
8
+ export { i as Types } from './index-k2Uf0F94.js';
9
9
  import '@tanstack/react-query/src/types';
10
10
  import 'viem';
11
- import './mpc-CTbBWHld.js';
12
11
  import 'viem/types/misc';
13
12
  import 'abitype';
14
13
  import 'react/jsx-runtime';
15
14
  import 'viem/_types/actions/siwe/verifySiweMessage';
16
15
  import '@tanstack/react-query';
17
- import './index-BcEreCxd.js';
16
+ import './index-BUj9mOrS.js';
18
17
 
19
18
  type MatchContextType = {
20
19
  appid: string;
package/dist/index.js CHANGED
@@ -3447,7 +3447,7 @@ function StepVerify(props) {
3447
3447
  setSendBtnText(`${sendTimeRef.current}s`);
3448
3448
  if (sendTimeRef.current <= 0) {
3449
3449
  setSendBtnText(intl.formatMessage({
3450
- id: "Resend"
3450
+ id: "resend"
3451
3451
  }));
3452
3452
  clearInterval(intervalRef.current);
3453
3453
  setSending(false);