@matchain/matchid-sdk-react 0.1.42-alpha.17 → 0.1.42-alpha.3
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/{chunk-L3G6YN2D.mjs → chunk-AIYRR4YQ.mjs} +2 -2
- package/dist/{chunk-KITTHHSR.mjs → chunk-KCESOJHY.mjs} +280 -392
- package/dist/chunk-KCESOJHY.mjs.map +1 -0
- package/dist/components/index.d.mts +1 -1
- package/dist/components/index.d.ts +1 -1
- package/dist/components/index.js +233 -322
- package/dist/components/index.js.map +1 -1
- package/dist/components/index.mjs +3 -5
- package/dist/hooks/api/index.js +30 -52
- package/dist/hooks/api/index.js.map +1 -1
- package/dist/hooks/api/index.mjs +2 -2
- package/dist/hooks/index.d.mts +1 -1
- package/dist/hooks/index.d.ts +1 -1
- package/dist/hooks/index.js +53 -87
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/index.mjs +1 -1
- package/dist/{index-CLvQH5gM.d.ts → index--yBVwkf9.d.ts} +10 -21
- package/dist/{index-DlhAHm_s.d.mts → index-CGpyQlbI.d.mts} +10 -21
- package/dist/{index-EqksEEto.d.ts → index-DKMrpRJC.d.ts} +4 -10
- package/dist/{index-Bluim2ZP.d.mts → index-sOVSnYF4.d.mts} +4 -10
- package/dist/index.d.mts +3 -3
- package/dist/index.d.ts +3 -3
- package/dist/index.js +317 -426
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2 -2
- package/example/src/config/index.ts +0 -1
- package/example/src/pages/Wallet.tsx +9 -135
- package/example/src/store/useLocalStore.ts +1 -7
- package/example/tsconfig.json +0 -1
- package/package.json +1 -1
- package/dist/chunk-KITTHHSR.mjs.map +0 -1
- package/example/src/abi/erc20.json +0 -222
- /package/dist/{chunk-L3G6YN2D.mjs.map → chunk-AIYRR4YQ.mjs.map} +0 -0
package/dist/hooks/api/index.mjs
CHANGED
|
@@ -2,8 +2,8 @@ import {
|
|
|
2
2
|
bind_exports,
|
|
3
3
|
poh_exports,
|
|
4
4
|
user_exports
|
|
5
|
-
} from "../../chunk-
|
|
6
|
-
import "../../chunk-
|
|
5
|
+
} from "../../chunk-AIYRR4YQ.mjs";
|
|
6
|
+
import "../../chunk-KCESOJHY.mjs";
|
|
7
7
|
import "../../chunk-SQIJR7RA.mjs";
|
|
8
8
|
import "../../chunk-DPXMCLYK.mjs";
|
|
9
9
|
import "../../chunk-J5LGTIGS.mjs";
|
package/dist/hooks/index.d.mts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { c as useCopyClipboard, d as useLayout, a as useMatchEvents, u as useUserInfo, b as useWallet } from '../index-
|
|
1
|
+
export { c as useCopyClipboard, d as useLayout, a as useMatchEvents, u as useUserInfo, b as useWallet } from '../index-sOVSnYF4.mjs';
|
|
2
2
|
import '../types-CVwZEgQ0.mjs';
|
|
3
3
|
import 'react';
|
|
4
4
|
import 'viem';
|
package/dist/hooks/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { c as useCopyClipboard, d as useLayout, a as useMatchEvents, u as useUserInfo, b as useWallet } from '../index-
|
|
1
|
+
export { c as useCopyClipboard, d as useLayout, a as useMatchEvents, u as useUserInfo, b as useWallet } from '../index-DKMrpRJC.js';
|
|
2
2
|
import '../types-CVwZEgQ0.js';
|
|
3
3
|
import 'react';
|
|
4
4
|
import 'viem';
|
package/dist/hooks/index.js
CHANGED
|
@@ -418,6 +418,12 @@ var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
|
418
418
|
|
|
419
419
|
// src/components/PasswordModal/index.tsx
|
|
420
420
|
var import_react_intl = require("react-intl");
|
|
421
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
422
|
+
|
|
423
|
+
// src/components/RecoveryModal/index.tsx
|
|
424
|
+
var import_react5 = require("react");
|
|
425
|
+
var import_react_intl2 = require("react-intl");
|
|
426
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
421
427
|
|
|
422
428
|
// src/store/useStore.ts
|
|
423
429
|
var import_zustand2 = require("zustand");
|
|
@@ -436,22 +442,8 @@ var useStore = (0, import_zustand2.create)((set) => ({
|
|
|
436
442
|
}));
|
|
437
443
|
var useStore_default = useStore;
|
|
438
444
|
|
|
439
|
-
// src/components/PasswordModal/index.tsx
|
|
440
|
-
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
441
|
-
|
|
442
|
-
// src/components/RecoveryModal/index.tsx
|
|
443
|
-
var import_react5 = require("react");
|
|
444
|
-
var import_react_intl2 = require("react-intl");
|
|
445
|
-
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
446
|
-
|
|
447
445
|
// src/store/useModalStore.ts
|
|
448
446
|
var import_zustand3 = require("zustand");
|
|
449
|
-
|
|
450
|
-
// src/hooks/useConfig.tsx
|
|
451
|
-
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
452
|
-
var DEFAULT_WALLET_METHODS = ["evm", "sol", "btc", "tron", "ton"];
|
|
453
|
-
|
|
454
|
-
// src/store/useModalStore.ts
|
|
455
447
|
var useSOLModalStore = (0, import_zustand3.create)((set) => ({
|
|
456
448
|
isOpen: false,
|
|
457
449
|
type: "",
|
|
@@ -493,13 +485,6 @@ var useHashPanelStore = (0, import_zustand3.create)((set) => ({
|
|
|
493
485
|
}),
|
|
494
486
|
close: () => set({ isOpen: false })
|
|
495
487
|
}));
|
|
496
|
-
var useWalletModalStore = (0, import_zustand3.create)((set) => ({
|
|
497
|
-
isOpen: false,
|
|
498
|
-
type: "",
|
|
499
|
-
methods: [],
|
|
500
|
-
open: (type, methods = DEFAULT_WALLET_METHODS) => set({ isOpen: true, type, methods }),
|
|
501
|
-
close: () => set({ isOpen: false })
|
|
502
|
-
}));
|
|
503
488
|
|
|
504
489
|
// src/components/EmailModal/index.tsx
|
|
505
490
|
var import_react8 = require("react");
|
|
@@ -520,59 +505,59 @@ function getAppClientId() {
|
|
|
520
505
|
|
|
521
506
|
// src/components/EmailModal/StepEmail.tsx
|
|
522
507
|
var import_react_intl3 = require("react-intl");
|
|
523
|
-
var
|
|
508
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
524
509
|
|
|
525
510
|
// src/components/EmailModal/StepVerify.tsx
|
|
526
511
|
var import_react7 = require("react");
|
|
527
512
|
var import_react_intl4 = require("react-intl");
|
|
528
|
-
var
|
|
513
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
529
514
|
|
|
530
515
|
// src/components/EmailModal/index.tsx
|
|
531
516
|
var import_react_intl5 = require("react-intl");
|
|
532
|
-
var
|
|
517
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
533
518
|
|
|
534
519
|
// src/components/Popover/index.tsx
|
|
535
520
|
var import_react9 = require("react");
|
|
536
|
-
var
|
|
521
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
537
522
|
|
|
538
523
|
// src/components/LoginBox/index.tsx
|
|
539
524
|
var import_react10 = require("react");
|
|
540
525
|
var import_react_intl6 = require("react-intl");
|
|
541
|
-
var
|
|
526
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
542
527
|
|
|
543
528
|
// src/components/LoginButton/index.tsx
|
|
544
529
|
var import_react12 = require("react");
|
|
545
530
|
|
|
546
531
|
// src/components/LoginPanel/index.tsx
|
|
547
532
|
var import_react_intl7 = require("react-intl");
|
|
548
|
-
var
|
|
533
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
549
534
|
|
|
550
535
|
// src/components/LoginModal/index.tsx
|
|
551
|
-
var
|
|
536
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
552
537
|
|
|
553
538
|
// src/components/UserPopover/index.tsx
|
|
554
539
|
var import_react11 = require("react");
|
|
555
540
|
|
|
556
541
|
// src/assets/icon/ProfileIcon.tsx
|
|
557
|
-
var
|
|
542
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
558
543
|
|
|
559
544
|
// src/components/UserPopover/index.tsx
|
|
560
545
|
var import_react_intl8 = require("react-intl");
|
|
561
|
-
var
|
|
546
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
562
547
|
|
|
563
548
|
// src/components/LoginButton/index.tsx
|
|
564
549
|
var import_react_intl9 = require("react-intl");
|
|
565
|
-
var
|
|
550
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
566
551
|
|
|
567
552
|
// src/components/UsernameModal/index.tsx
|
|
568
553
|
var import_react13 = require("react");
|
|
569
554
|
|
|
570
555
|
// src/assets/icon/InfoRoundIcon.tsx
|
|
571
|
-
var
|
|
556
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
572
557
|
|
|
573
558
|
// src/components/UsernameModal/index.tsx
|
|
574
559
|
var import_react_intl10 = require("react-intl");
|
|
575
|
-
var
|
|
560
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
576
561
|
|
|
577
562
|
// src/components/SOLModal/index.tsx
|
|
578
563
|
var import_react15 = __toESM(require("react"));
|
|
@@ -625,10 +610,10 @@ var import_react_intl11 = require("react-intl");
|
|
|
625
610
|
|
|
626
611
|
// src/components/WalletModalContent/index.tsx
|
|
627
612
|
var import_react14 = require("react");
|
|
628
|
-
var
|
|
613
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
629
614
|
|
|
630
615
|
// src/components/SOLModal/index.tsx
|
|
631
|
-
var
|
|
616
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
632
617
|
var wallets = [
|
|
633
618
|
new import_wallet_adapter_wallets.PhantomWalletAdapter(),
|
|
634
619
|
new import_wallet_adapter_wallets.SolflareWalletAdapter(),
|
|
@@ -679,13 +664,13 @@ var import_react_intl12 = require("react-intl");
|
|
|
679
664
|
var import_react16 = require("react");
|
|
680
665
|
|
|
681
666
|
// src/components/TRONModal/index.tsx
|
|
682
|
-
var
|
|
667
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
683
668
|
|
|
684
669
|
// src/components/TONModal/index.tsx
|
|
685
670
|
var import_react18 = __toESM(require("react"));
|
|
686
671
|
var import_react_intl13 = require("react-intl");
|
|
687
672
|
var import_ui_react = require("@tonconnect/ui-react");
|
|
688
|
-
var
|
|
673
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
689
674
|
|
|
690
675
|
// src/components/BTCModal/index.tsx
|
|
691
676
|
var import_react20 = __toESM(require("react"));
|
|
@@ -698,16 +683,12 @@ var import_sats_connect = require("sats-connect");
|
|
|
698
683
|
var import_react19 = require("react");
|
|
699
684
|
|
|
700
685
|
// src/components/BTCModal/index.tsx
|
|
701
|
-
var
|
|
702
|
-
|
|
703
|
-
// src/components/WalletModal/index.tsx
|
|
704
|
-
var import_react_intl15 = require("react-intl");
|
|
705
|
-
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
686
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
706
687
|
|
|
707
688
|
// src/components/CEXBindModal/index.tsx
|
|
708
689
|
var import_react21 = require("react");
|
|
709
|
-
var
|
|
710
|
-
var
|
|
690
|
+
var import_react_intl15 = require("react-intl");
|
|
691
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
711
692
|
|
|
712
693
|
// src/components/HashPanel/index.tsx
|
|
713
694
|
var import_viem = require("viem");
|
|
@@ -715,19 +696,19 @@ var import_react22 = require("react");
|
|
|
715
696
|
var import_react_query = require("@tanstack/react-query");
|
|
716
697
|
|
|
717
698
|
// src/components/Drawer/index.tsx
|
|
718
|
-
var
|
|
699
|
+
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
719
700
|
|
|
720
701
|
// src/components/ModalDrawer/index.tsx
|
|
721
|
-
var
|
|
702
|
+
var import_jsx_runtime70 = require("react/jsx-runtime");
|
|
722
703
|
|
|
723
704
|
// src/components/HashPanel/index.tsx
|
|
724
|
-
var
|
|
705
|
+
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
725
706
|
|
|
726
707
|
// src/context/BusinessProvider.tsx
|
|
727
|
-
var
|
|
708
|
+
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
728
709
|
|
|
729
710
|
// src/context/index.tsx
|
|
730
|
-
var
|
|
711
|
+
var import_jsx_runtime73 = (
|
|
731
712
|
// <MpcWalletProvider>
|
|
732
713
|
require("react/jsx-runtime")
|
|
733
714
|
);
|
|
@@ -924,35 +905,24 @@ function useWallet() {
|
|
|
924
905
|
const chainId = chain ? chain.id : await obj.getChainId();
|
|
925
906
|
const _chain = chain || obj.chain;
|
|
926
907
|
const transactionId = Date.now().toString() + Math.random().toString().slice(6);
|
|
927
|
-
|
|
928
|
-
const
|
|
929
|
-
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
|
|
934
|
-
// @ts-ignore
|
|
935
|
-
} = await obj.prepareTransactionRequest(transaction);
|
|
936
|
-
window.matchProvider.sendWalletMessage({
|
|
937
|
-
method: "prepareTransactionRequest",
|
|
938
|
-
data: {
|
|
939
|
-
prepareTransactionRequest,
|
|
940
|
-
transactionId
|
|
941
|
-
}
|
|
942
|
-
});
|
|
943
|
-
} catch (error) {
|
|
944
|
-
console.error(error);
|
|
908
|
+
const sendPrepareTransactionRequest = async () => {
|
|
909
|
+
const { chain: chain2, account, ...prepareTransactionRequest } = await obj.prepareTransactionRequest(transaction);
|
|
910
|
+
window.matchProvider.sendWalletMessage({
|
|
911
|
+
method: "prepareTransactionRequest",
|
|
912
|
+
data: {
|
|
913
|
+
prepareTransactionRequest,
|
|
914
|
+
transactionId
|
|
945
915
|
}
|
|
946
|
-
};
|
|
916
|
+
});
|
|
917
|
+
};
|
|
918
|
+
let interval = null;
|
|
919
|
+
const timer = setTimeout(() => {
|
|
947
920
|
sendPrepareTransactionRequest();
|
|
948
|
-
|
|
921
|
+
interval = setInterval(() => {
|
|
922
|
+
sendPrepareTransactionRequest();
|
|
923
|
+
}, 1e4);
|
|
924
|
+
}, 1500);
|
|
949
925
|
try {
|
|
950
|
-
const {
|
|
951
|
-
chain: chain2,
|
|
952
|
-
account,
|
|
953
|
-
...prepareTransactionRequest
|
|
954
|
-
// @ts-ignore
|
|
955
|
-
} = await obj.prepareTransactionRequest(transaction);
|
|
956
926
|
const { serializedTransaction } = await window.matchProvider.waitUntilWalletMessage({
|
|
957
927
|
method: "sendTransaction",
|
|
958
928
|
data: {
|
|
@@ -965,8 +935,7 @@ function useWallet() {
|
|
|
965
935
|
id: chainId,
|
|
966
936
|
name: _chain?.name,
|
|
967
937
|
nativeCurrency: _chain?.nativeCurrency
|
|
968
|
-
}
|
|
969
|
-
prepareTransactionRequest
|
|
938
|
+
}
|
|
970
939
|
}
|
|
971
940
|
});
|
|
972
941
|
openHashPanel();
|
|
@@ -975,12 +944,14 @@ function useWallet() {
|
|
|
975
944
|
});
|
|
976
945
|
openHashPanel({
|
|
977
946
|
hash: txHash,
|
|
978
|
-
chain
|
|
947
|
+
chain
|
|
979
948
|
});
|
|
949
|
+
clearTimeout(timer);
|
|
980
950
|
clearInterval(interval);
|
|
981
951
|
resolve(txHash);
|
|
982
952
|
} catch (error) {
|
|
983
953
|
console.error("qwe-sign-error", error);
|
|
954
|
+
clearTimeout(timer);
|
|
984
955
|
clearInterval(interval);
|
|
985
956
|
reject(error);
|
|
986
957
|
}
|
|
@@ -1029,8 +1000,8 @@ var import_react26 = require("react");
|
|
|
1029
1000
|
|
|
1030
1001
|
// src/MatchContext.tsx
|
|
1031
1002
|
var import_react_query2 = require("@tanstack/react-query");
|
|
1032
|
-
var
|
|
1033
|
-
var
|
|
1003
|
+
var import_react_intl16 = require("react-intl");
|
|
1004
|
+
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
1034
1005
|
var queryClient = new import_react_query2.QueryClient();
|
|
1035
1006
|
var MatchContext = (0, import_react27.createContext)(void 0);
|
|
1036
1007
|
var useMatch = () => {
|
|
@@ -1061,7 +1032,6 @@ function useUserInfo() {
|
|
|
1061
1032
|
const { open: TONOpen } = useTONModalStore();
|
|
1062
1033
|
const { open: BTCOpen } = useBTCModalStore();
|
|
1063
1034
|
const { open: CEXBindOpen } = useCEXBindModalStore();
|
|
1064
|
-
const walletModalStore = useWalletModalStore();
|
|
1065
1035
|
const isLogin = (0, import_react28.useMemo)(() => !!token && !!overview, [token, overview]);
|
|
1066
1036
|
const logout = async () => {
|
|
1067
1037
|
try {
|
|
@@ -1100,10 +1070,8 @@ function useUserInfo() {
|
|
|
1100
1070
|
"width=800,height=600"
|
|
1101
1071
|
);
|
|
1102
1072
|
};
|
|
1103
|
-
const loginMethod = async (method
|
|
1073
|
+
const loginMethod = async (method) => {
|
|
1104
1074
|
switch (method) {
|
|
1105
|
-
case "wallet":
|
|
1106
|
-
return walletModalStore.open("login", extra?.methods);
|
|
1107
1075
|
case "evm":
|
|
1108
1076
|
return window.open(`${endpoints.auth}login/wallet?appid=${appid}`);
|
|
1109
1077
|
case "sol":
|
|
@@ -1192,13 +1160,11 @@ function useUserInfo() {
|
|
|
1192
1160
|
}
|
|
1193
1161
|
throw new Error(res.message);
|
|
1194
1162
|
};
|
|
1195
|
-
const bind = async (method
|
|
1163
|
+
const bind = async (method) => {
|
|
1196
1164
|
if (!token) {
|
|
1197
1165
|
throw new Error("You must login first");
|
|
1198
1166
|
}
|
|
1199
1167
|
switch (method) {
|
|
1200
|
-
case "wallet":
|
|
1201
|
-
return walletModalStore.open("bind", extra?.methods);
|
|
1202
1168
|
case "evm":
|
|
1203
1169
|
return window.open(`${endpoints.auth}bind/wallet?appid=${appid}&st=` + encodeURIComponent(encodeBase64(token)));
|
|
1204
1170
|
case "sol":
|