@matchain/matchid-sdk-react 0.1.44-alpha.4 → 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 (65) 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-24AMOG53.mjs → chunk-WNLUMXC7.mjs} +2 -2
  4. package/dist/{chunk-RAX4G26O.mjs → chunk-XN7LSOI7.mjs} +138 -47
  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 +107 -28
  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 +24 -18
  14. package/dist/hooks/api/index.js.map +1 -1
  15. package/dist/hooks/api/index.mjs +3 -3
  16. package/dist/hooks/index.d.mts +2 -2
  17. package/dist/hooks/index.d.ts +2 -2
  18. package/dist/hooks/index.js +45 -32
  19. package/dist/hooks/index.js.map +1 -1
  20. package/dist/hooks/index.mjs +2 -2
  21. package/dist/{index-x432SkFJ.d.ts → index-BlEZbcLQ.d.ts} +1 -1
  22. package/dist/{index-DzVjb4K-.d.ts → index-C3jFoWRx.d.ts} +3 -2
  23. package/dist/{index-DnK10Gz7.d.mts → index-CI39w5wj.d.mts} +4 -1
  24. package/dist/{index-DAj3aVo6.d.mts → index-CYmxvLZ0.d.mts} +3 -2
  25. package/dist/{index-ivTptZeo.d.ts → index-DS7SWbPe.d.ts} +4 -1
  26. package/dist/{index-BQDL8XkC.d.ts → index-DYJIwNhC.d.ts} +1 -1
  27. package/dist/{index-C1NfMaCm.d.mts → index-RwnmlYR_.d.mts} +1 -1
  28. package/dist/{index-Rb-jdkzE.d.mts → index-rWzOcTWj.d.mts} +1 -1
  29. package/dist/index.css +5 -4
  30. package/dist/index.d.mts +5 -5
  31. package/dist/index.d.ts +5 -5
  32. package/dist/index.js +161 -70
  33. package/dist/index.js.map +1 -1
  34. package/dist/index.mjs +6 -6
  35. package/dist/types/index.d.mts +1 -1
  36. package/dist/types/index.d.ts +1 -1
  37. package/dist/{types-E2MeOwmE.d.mts → types-cM1c-GDc.d.mts} +7 -1
  38. package/dist/{types-E2MeOwmE.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/config/chains/matchMain.ts +1 -1
  58. package/example/src/config/chains/matchTest.ts +1 -1
  59. package/example/src/pages/User/components/BindListModal.tsx +1 -1
  60. package/example/src/pages/User/components/PohListModal.tsx +1 -1
  61. package/example/src/pages/User/index.tsx +1 -17
  62. package/example/src/pages/Wallet.tsx +122 -49
  63. package/package.json +1 -1
  64. package/dist/chunk-RAX4G26O.mjs.map +0 -1
  65. /package/dist/{chunk-24AMOG53.mjs.map → chunk-WNLUMXC7.mjs.map} +0 -0
@@ -2,10 +2,10 @@ import {
2
2
  bind_exports,
3
3
  poh_exports,
4
4
  user_exports
5
- } from "../../chunk-24AMOG53.mjs";
6
- import "../../chunk-RAX4G26O.mjs";
7
- import "../../chunk-SQIJR7RA.mjs";
5
+ } from "../../chunk-WNLUMXC7.mjs";
6
+ import "../../chunk-XN7LSOI7.mjs";
8
7
  import "../../chunk-DPXMCLYK.mjs";
8
+ import "../../chunk-SQIJR7RA.mjs";
9
9
  import "../../chunk-J5LGTIGS.mjs";
10
10
  export {
11
11
  bind_exports as bind,
@@ -1,5 +1,5 @@
1
- export { c as useCopyClipboard, d as useLayout, a as useMatchEvents, u as useUserInfo, b as useWallet } from '../index-DnK10Gz7.mjs';
2
- import '../types-E2MeOwmE.mjs';
1
+ export { c as useCopyClipboard, d as useLayout, a as useMatchEvents, u as useUserInfo, b as useWallet } from '../index-CI39w5wj.mjs';
2
+ import '../types-cM1c-GDc.mjs';
3
3
  import 'react';
4
4
  import 'viem';
5
5
  import '../mpc-CTbBWHld.mjs';
@@ -1,5 +1,5 @@
1
- export { c as useCopyClipboard, d as useLayout, a as useMatchEvents, u as useUserInfo, b as useWallet } from '../index-ivTptZeo.js';
2
- import '../types-E2MeOwmE.js';
1
+ export { c as useCopyClipboard, d as useLayout, a as useMatchEvents, u as useUserInfo, b as useWallet } from '../index-DS7SWbPe.js';
2
+ import '../types-cM1c-GDc.js';
3
3
  import 'react';
4
4
  import 'viem';
5
5
  import '../mpc-CTbBWHld.js';
@@ -82,7 +82,7 @@ var localStore = useLocalStore;
82
82
  var useLocalStore_default = useLocalStore;
83
83
 
84
84
  // src/hooks/useUserInfo.tsx
85
- var import_react28 = require("react");
85
+ var import_react29 = require("react");
86
86
 
87
87
  // src/api/request.ts
88
88
  var import_axios = __toESM(require("axios"));
@@ -288,10 +288,10 @@ var getAuthInfoApi = () => {
288
288
  };
289
289
 
290
290
  // src/MatchContext.tsx
291
- var import_react27 = require("react");
291
+ var import_react28 = require("react");
292
292
 
293
293
  // src/context/BusinessProvider.tsx
294
- var import_react23 = require("react");
294
+ var import_react24 = require("react");
295
295
 
296
296
  // src/assets/icon/ArrowLeftIcon.tsx
297
297
  var import_jsx_runtime = require("react/jsx-runtime");
@@ -584,6 +584,11 @@ var import_jsx_runtime55 = require("react/jsx-runtime");
584
584
  // src/components/LoginBox/index.tsx
585
585
  var import_react10 = require("react");
586
586
  var import_react_intl6 = require("react-intl");
587
+
588
+ // src/hooks/useAppConfig.ts
589
+ var import_react_query = require("@tanstack/react-query");
590
+
591
+ // src/components/LoginBox/index.tsx
587
592
  var import_jsx_runtime56 = require("react/jsx-runtime");
588
593
 
589
594
  // src/components/LoginButton/index.tsx
@@ -747,18 +752,19 @@ var import_react19 = require("react");
747
752
  var import_jsx_runtime68 = require("react/jsx-runtime");
748
753
 
749
754
  // src/components/WalletModal/index.tsx
755
+ var import_react21 = require("react");
750
756
  var import_react_intl15 = require("react-intl");
751
757
  var import_jsx_runtime69 = require("react/jsx-runtime");
752
758
 
753
759
  // src/components/CEXBindModal/index.tsx
754
- var import_react21 = require("react");
760
+ var import_react22 = require("react");
755
761
  var import_react_intl16 = require("react-intl");
756
762
  var import_jsx_runtime70 = require("react/jsx-runtime");
757
763
 
758
764
  // src/components/HashPanel/index.tsx
759
765
  var import_viem = require("viem");
760
- var import_react22 = require("react");
761
- var import_react_query = require("@tanstack/react-query");
766
+ var import_react23 = require("react");
767
+ var import_react_query2 = require("@tanstack/react-query");
762
768
 
763
769
  // src/components/Drawer/index.tsx
764
770
  var import_jsx_runtime71 = require("react/jsx-runtime");
@@ -779,13 +785,13 @@ var import_jsx_runtime75 = (
779
785
  );
780
786
 
781
787
  // src/hooks/useWalletInit.ts
782
- var import_react25 = require("react");
788
+ var import_react26 = require("react");
783
789
 
784
790
  // src/hooks/useWallet.tsx
785
791
  var import_viem2 = require("viem");
786
792
  var import_accounts = require("viem/accounts");
787
793
  var import_viem3 = require("viem");
788
- var import_react24 = require("react");
794
+ var import_react25 = require("react");
789
795
  var import_viem4 = require("viem");
790
796
  var AppClientId = "react-sdk-" + getVersion();
791
797
  function useWallet() {
@@ -909,7 +915,7 @@ function useWallet() {
909
915
  chainType
910
916
  });
911
917
  };
912
- const evmAccount = (0, import_react24.useMemo)(() => {
918
+ const evmAccount = (0, import_react25.useMemo)(() => {
913
919
  return address ? (0, import_accounts.toAccount)({
914
920
  address,
915
921
  async signMessage({ message }) {
@@ -933,7 +939,8 @@ function useWallet() {
933
939
  name: chain?.nativeCurrency?.name || "ETH",
934
940
  symbol: chain?.nativeCurrency?.symbol || "ETH",
935
941
  decimals: chain?.nativeCurrency?.decimals || 18
936
- }
942
+ },
943
+ rpcUrls: chain?.rpcUrls
937
944
  }
938
945
  });
939
946
  },
@@ -942,7 +949,7 @@ function useWallet() {
942
949
  }
943
950
  }) : void 0;
944
951
  }, [address]);
945
- (0, import_react24.useEffect)(() => {
952
+ (0, import_react25.useEffect)(() => {
946
953
  matchlog_default.log("qwe-evmAccount", evmAccount);
947
954
  }, [evmAccount]);
948
955
  return {
@@ -970,15 +977,16 @@ function useWallet() {
970
977
  const chainId = chain ? chain.id : await obj.getChainId();
971
978
  const _chain = chain || obj.chain;
972
979
  const transactionId = Date.now().toString() + Math.random().toString().slice(6);
973
- let interval = setInterval(() => {
974
- const sendPrepareTransactionRequest = async () => {
980
+ window.matchProvider.transactionMessageIntervalMap[transactionId] = {
981
+ transaction,
982
+ func: async () => {
975
983
  try {
976
984
  const {
977
985
  chain: chain2,
978
986
  account,
979
987
  ...prepareTransactionRequest
980
988
  // @ts-ignore
981
- } = await obj.prepareTransactionRequest(transaction);
989
+ } = await obj.prepareTransactionRequest(window.matchProvider.transactionMessageIntervalMap[transactionId].transaction);
982
990
  window.matchProvider.sendWalletMessage({
983
991
  method: "prepareTransactionRequest",
984
992
  data: {
@@ -989,9 +997,11 @@ function useWallet() {
989
997
  } catch (error) {
990
998
  console.error(error);
991
999
  }
992
- };
993
- sendPrepareTransactionRequest();
994
- }, 1e4);
1000
+ },
1001
+ interval: setInterval(() => {
1002
+ window.matchProvider.transactionMessageIntervalMap[transactionId].func();
1003
+ }, 1e4)
1004
+ };
995
1005
  try {
996
1006
  const {
997
1007
  chain: chain2,
@@ -1010,7 +1020,8 @@ function useWallet() {
1010
1020
  chain: {
1011
1021
  id: chainId,
1012
1022
  name: _chain?.name,
1013
- nativeCurrency: _chain?.nativeCurrency
1023
+ nativeCurrency: _chain?.nativeCurrency,
1024
+ rpcUrls: _chain?.rpcUrls
1014
1025
  },
1015
1026
  prepareTransactionRequest
1016
1027
  }
@@ -1023,11 +1034,13 @@ function useWallet() {
1023
1034
  hash: txHash,
1024
1035
  chain: _chain
1025
1036
  });
1026
- clearInterval(interval);
1037
+ clearInterval(window.matchProvider.transactionMessageIntervalMap[transactionId].interval);
1038
+ delete window.matchProvider.transactionMessageIntervalMap[transactionId];
1027
1039
  resolve(txHash);
1028
1040
  } catch (error) {
1029
1041
  console.error("qwe-sign-error", error);
1030
- clearInterval(interval);
1042
+ clearInterval(window.matchProvider.transactionMessageIntervalMap[transactionId].interval);
1043
+ delete window.matchProvider.transactionMessageIntervalMap[transactionId];
1031
1044
  reject(error);
1032
1045
  }
1033
1046
  };
@@ -1071,16 +1084,16 @@ function useWallet() {
1071
1084
  var AppClientId2 = getAppClientId();
1072
1085
 
1073
1086
  // src/hooks/useInit.tsx
1074
- var import_react26 = require("react");
1087
+ var import_react27 = require("react");
1075
1088
 
1076
1089
  // src/MatchContext.tsx
1077
- var import_react_query2 = require("@tanstack/react-query");
1090
+ var import_react_query3 = require("@tanstack/react-query");
1078
1091
  var import_react_intl17 = require("react-intl");
1079
1092
  var import_jsx_runtime76 = require("react/jsx-runtime");
1080
- var queryClient = new import_react_query2.QueryClient();
1081
- var MatchContext = (0, import_react27.createContext)(void 0);
1093
+ var queryClient = new import_react_query3.QueryClient();
1094
+ var MatchContext = (0, import_react28.createContext)(void 0);
1082
1095
  var useMatch = () => {
1083
- const context = (0, import_react27.useContext)(MatchContext);
1096
+ const context = (0, import_react28.useContext)(MatchContext);
1084
1097
  if (context === void 0) {
1085
1098
  throw new Error("useMatch must be used within a MatchProvider");
1086
1099
  }
@@ -1108,7 +1121,7 @@ function useUserInfo() {
1108
1121
  const { open: BTCOpen } = useBTCModalStore();
1109
1122
  const { open: CEXBindOpen } = useCEXBindModalStore();
1110
1123
  const walletModalStore = useWalletModalStore();
1111
- const isLogin = (0, import_react28.useMemo)(() => !!token && !!overview, [token, overview]);
1124
+ const isLogin = (0, import_react29.useMemo)(() => !!token && !!overview, [token, overview]);
1112
1125
  const logout = async () => {
1113
1126
  try {
1114
1127
  await toLogoutApi();
@@ -1346,9 +1359,9 @@ function useUserInfo() {
1346
1359
  }
1347
1360
 
1348
1361
  // src/hooks/useMatchEvents.ts
1349
- var import_react29 = require("react");
1362
+ var import_react30 = require("react");
1350
1363
  function useMatchEvents(handlers) {
1351
- (0, import_react29.useEffect)(() => {
1364
+ (0, import_react30.useEffect)(() => {
1352
1365
  Object.entries(handlers).forEach(([event, handler2]) => {
1353
1366
  if (handler2) {
1354
1367
  eventManager_default.on(event, handler2);
@@ -1366,14 +1379,14 @@ function useMatchEvents(handlers) {
1366
1379
 
1367
1380
  // src/hooks/useCopyClipboard.ts
1368
1381
  var import_copy_to_clipboard = __toESM(require("copy-to-clipboard"));
1369
- var import_react30 = require("react");
1382
+ var import_react31 = require("react");
1370
1383
  function useCopyClipboard(timeout = 500) {
1371
- const [isCopied, setIsCopied] = (0, import_react30.useState)(false);
1372
- const staticCopy = (0, import_react30.useCallback)((text) => {
1384
+ const [isCopied, setIsCopied] = (0, import_react31.useState)(false);
1385
+ const staticCopy = (0, import_react31.useCallback)((text) => {
1373
1386
  const didCopy = (0, import_copy_to_clipboard.default)(text);
1374
1387
  setIsCopied(didCopy);
1375
1388
  }, []);
1376
- (0, import_react30.useEffect)(() => {
1389
+ (0, import_react31.useEffect)(() => {
1377
1390
  if (isCopied) {
1378
1391
  const hide = setTimeout(() => {
1379
1392
  setIsCopied(false);