@tronweb3/tronwallet-adapter-react-ui 1.2.0 → 1.2.2
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/lib/cjs/Modal/WalletSelectModal.js +10 -14
- package/lib/cjs/Modal/WalletSelectModal.js.map +1 -1
- package/lib/cjs/WalletActionButton.js +9 -1
- package/lib/cjs/WalletActionButton.js.map +1 -1
- package/lib/cjs/WalletConnectButton.js +10 -1
- package/lib/cjs/WalletConnectButton.js.map +1 -1
- package/lib/esm/Modal/WalletSelectModal.js +10 -14
- package/lib/esm/Modal/WalletSelectModal.js.map +1 -1
- package/lib/esm/WalletActionButton.js +9 -1
- package/lib/esm/WalletActionButton.js.map +1 -1
- package/lib/esm/WalletConnectButton.js +10 -1
- package/lib/esm/WalletConnectButton.js.map +1 -1
- package/lib/types/Modal/WalletSelectModal.d.ts.map +1 -1
- package/lib/types/WalletActionButton.d.ts.map +1 -1
- package/lib/types/WalletConnectButton.d.ts.map +1 -1
- package/package.json +71 -71
- package/src/Modal/WalletSelectModal.tsx +11 -14
- package/src/WalletActionButton.tsx +8 -1
- package/src/WalletConnectButton.tsx +9 -1
- package/style.css +5 -0
|
@@ -52,22 +52,18 @@ const WalletSelectModal = function ({ visible, onClose }) {
|
|
|
52
52
|
select(wallet.adapter.name);
|
|
53
53
|
onClose();
|
|
54
54
|
}, [select, onClose]);
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
}
|
|
59
|
-
function close() {
|
|
60
|
-
setFadeIn(false);
|
|
61
|
-
// setRender(false)
|
|
62
|
-
setTimeout(() => setRender(false), 200);
|
|
63
|
-
}
|
|
55
|
+
// The unmount is delayed so the fade-out can play. Clearing the timer on cleanup matters:
|
|
56
|
+
// it runs both before the next effect and on unmount, so reopening within those 200ms
|
|
57
|
+
// cancels the pending `setRender(false)` instead of letting it hide the reopened modal.
|
|
64
58
|
(0, react_1.useEffect)(function () {
|
|
65
59
|
if (visible) {
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
close();
|
|
60
|
+
setRender(true);
|
|
61
|
+
setFadeIn(true);
|
|
62
|
+
return;
|
|
70
63
|
}
|
|
64
|
+
setFadeIn(false);
|
|
65
|
+
const timer = setTimeout(() => setRender(false), 200);
|
|
66
|
+
return () => clearTimeout(timer);
|
|
71
67
|
}, [visible]);
|
|
72
68
|
(0, react_1.useEffect)(() => {
|
|
73
69
|
const closeOnEscapeKey = (e) => (e.key === 'Escape' ? onClose() : null);
|
|
@@ -77,7 +73,7 @@ const WalletSelectModal = function ({ visible, onClose }) {
|
|
|
77
73
|
};
|
|
78
74
|
}, [onClose]);
|
|
79
75
|
return render ? (react_1.default.createElement(ReactPortal_js_1.ReactPortal, { wrapperId: "react-portal-modal-container" },
|
|
80
|
-
react_1.default.createElement("div", { "data-testid": "wallet-select-modal", ref: nodeRef, className: `adapter-modal
|
|
76
|
+
react_1.default.createElement("div", { "data-testid": "wallet-select-modal", ref: nodeRef, className: `adapter-modal${fadeIn ? ' adapter-modal-fade-in' : ''}` },
|
|
81
77
|
react_1.default.createElement("div", { className: "adapter-modal-wrapper" },
|
|
82
78
|
react_1.default.createElement("div", { className: "adapter-modal-header" },
|
|
83
79
|
react_1.default.createElement("button", { onClick: onClose, className: "close-button", tabIndex: 0 }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WalletSelectModal.js","sourceRoot":"","sources":["../../../src/Modal/WalletSelectModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6FAAqE;AAErE,+CAAiF;AAEjF,uFAAqE;AACrE,qDAA+C;AAC/C,oDAA8C;AAMvC,MAAM,iBAAiB,GAAmB,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE;IAC3E,MAAM,OAAO,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAC7B,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAAA,0CAAS,GAAE,CAAC;IACxC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,WAAW,GAAG,IAAA,eAAO,EACvB,GAAG,EAAE,CAAC;QACF,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,0CAAY,CAAC,QAAQ,CAAC;QAChE,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,0CAAY,CAAC,QAAQ,CAAC;KACnE,EACD,CAAC,OAAO,CAAC,CACZ,CAAC;IAEF,MAAM,aAAa,GAAG,IAAA,mBAAW,EAC7B,CAAC,MAAc,EAAE,EAAE;QACf,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAC5B,OAAO,EAAE,CAAC;IACd,CAAC,EACD,CAAC,MAAM,EAAE,OAAO,CAAC,CACpB,CAAC;IACF,
|
|
1
|
+
{"version":3,"file":"WalletSelectModal.js","sourceRoot":"","sources":["../../../src/Modal/WalletSelectModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -99,7 +99,15 @@ const WalletActionButton = (_a) => {
|
|
|
99
99
|
}, []);
|
|
100
100
|
const handleDisconnect = (0, react_2.useCallback)(function () {
|
|
101
101
|
return __awaiter(this, void 0, void 0, function* () {
|
|
102
|
-
|
|
102
|
+
try {
|
|
103
|
+
yield disconnect();
|
|
104
|
+
}
|
|
105
|
+
catch (_a) {
|
|
106
|
+
// Same as WalletConnectButton: `disconnect()` rethrows, React does not
|
|
107
|
+
// await this handler, and the provider has already surfaced the error
|
|
108
|
+
// through `onError`. Without this the rejection escapes unhandled.
|
|
109
|
+
return;
|
|
110
|
+
}
|
|
103
111
|
hideDropdown();
|
|
104
112
|
});
|
|
105
113
|
}, [disconnect, hideDropdown]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WalletActionButton.js","sourceRoot":"","sources":["../../src/WalletActionButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6FAAqE;AACrE,iCAAoD;AAEpD,+CAAoD;AAEpD,2CAAqC;AACrC,mEAA6D;AAC7D,qEAA+D;AAC/D,+CAAyC;AACzC,2DAAqD;AACrD,yCAAsC;AAC/B,MAAM,kBAAkB,GAAoB,CAAC,EAAsB,EAAE,EAAE;QAA1B,EAAE,QAAQ,OAAY,EAAP,KAAK,cAApB,YAAsB,CAAF;IACpE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,0CAAS,GAAE,CAAC;IACpD,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,kCAAc,GAAE,CAAC;IACxC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,GAAG,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IAE3C,MAAM,OAAO,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,IAAI,QAAQ;YAAE,OAAO,QAAQ,CAAC;QAC9B,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QACrC,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3D,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAEhC,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,IAAI,OAAO,EAAE,CAAC;YACV,IAAA,mBAAQ,EAAC,OAAO,CAAC,CAAC;YAClB,SAAS,CAAC,IAAI,CAAC,CAAC;YAChB,UAAU,CAAC,GAAG,EAAE;gBACZ,SAAS,CAAC,KAAK,CAAC,CAAC;gBACjB,YAAY,EAAE,CAAC;YACnB,CAAC,EAAE,GAAG,CAAC,CAAC;QACZ,CAAC;IACL,CAAC,CAAC;IACF,SAAS,YAAY;QACjB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,YAAY,EAAE,CAAC;IACnB,CAAC;IAED,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC;QAC7B,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC;QAC7B,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAChC;;YACI,MAAM,UAAU,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"WalletActionButton.js","sourceRoot":"","sources":["../../src/WalletActionButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -64,7 +64,16 @@ const WalletConnectButton = (_a) => {
|
|
|
64
64
|
if (onClick)
|
|
65
65
|
onClick(event);
|
|
66
66
|
if (!event.defaultPrevented) {
|
|
67
|
-
|
|
67
|
+
try {
|
|
68
|
+
yield connect();
|
|
69
|
+
}
|
|
70
|
+
catch (_a) {
|
|
71
|
+
// `connect()` rethrows so that callers who await it can react to the
|
|
72
|
+
// failure, but React neither awaits this handler nor attaches a
|
|
73
|
+
// rejection handler to it — every rejected connect (a declined
|
|
74
|
+
// authorisation included) would escape as an unhandled rejection.
|
|
75
|
+
// The provider has already reported it through its `onError`.
|
|
76
|
+
}
|
|
68
77
|
}
|
|
69
78
|
}), [onClick, connect]);
|
|
70
79
|
const content = (0, react_1.useMemo)(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WalletConnectButton.js","sourceRoot":"","sources":["../../src/WalletConnectButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6FAAqE;AAErE,+CAAoD;AAEpD,2CAAqC;AAE9B,MAAM,mBAAmB,GAAoB,CAAC,EAAyC,EAAE,EAAE;QAA7C,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,OAAY,EAAP,KAAK,cAAvC,mCAAyC,CAAF;IACxF,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAA,0CAAS,GAAE,CAAC;IAC/D,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC3B,CAAO,KAAoC,EAAE,EAAE;QAC3C,IAAI,OAAO;YAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAE5B,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;YAC1B,MAAM,OAAO,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"WalletConnectButton.js","sourceRoot":"","sources":["../../src/WalletConnectButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6FAAqE;AAErE,+CAAoD;AAEpD,2CAAqC;AAE9B,MAAM,mBAAmB,GAAoB,CAAC,EAAyC,EAAE,EAAE;QAA7C,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,OAAY,EAAP,KAAK,cAAvC,mCAAyC,CAAF;IACxF,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAA,0CAAS,GAAE,CAAC;IAC/D,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC3B,CAAO,KAAoC,EAAE,EAAE;QAC3C,IAAI,OAAO;YAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAE5B,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;YAC1B,IAAI,CAAC;gBACD,MAAM,OAAO,EAAE,CAAC;YACpB,CAAC;YAAC,WAAM,CAAC;gBACL,qEAAqE;gBACrE,gEAAgE;gBAChE,+DAA+D;gBAC/D,kEAAkE;gBAClE,8DAA8D;YAClE,CAAC;QACL,CAAC;IACL,CAAC,CAAA,EACD,CAAC,OAAO,EAAE,OAAO,CAAC,CACrB,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,IAAI,QAAQ;YAAE,OAAO,QAAQ,CAAC;QAC9B,IAAI,UAAU;YAAE,OAAO,gBAAgB,CAAC;QACxC,IAAI,SAAS;YAAE,OAAO,WAAW,CAAC;QAClC,IAAI,MAAM;YAAE,OAAO,SAAS,CAAC;QAC7B,OAAO,gBAAgB,CAAC;IAC5B,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;IAE9C,OAAO,CACH,8BAAC,kBAAM,iCACS,uBAAuB,EACnC,SAAS,EAAC,eAAe,EACzB,QAAQ,EAAE,QAAQ,IAAI,CAAC,MAAM,IAAI,UAAU,IAAI,SAAS,EACxD,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IACnC,KAAK,GAER,OAAO,CACH,CACZ,CAAC;AACN,CAAC,CAAC;AAzCW,QAAA,mBAAmB,uBAyC9B"}
|
|
@@ -16,22 +16,18 @@ export const WalletSelectModal = function ({ visible, onClose }) {
|
|
|
16
16
|
select(wallet.adapter.name);
|
|
17
17
|
onClose();
|
|
18
18
|
}, [select, onClose]);
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
}
|
|
23
|
-
function close() {
|
|
24
|
-
setFadeIn(false);
|
|
25
|
-
// setRender(false)
|
|
26
|
-
setTimeout(() => setRender(false), 200);
|
|
27
|
-
}
|
|
19
|
+
// The unmount is delayed so the fade-out can play. Clearing the timer on cleanup matters:
|
|
20
|
+
// it runs both before the next effect and on unmount, so reopening within those 200ms
|
|
21
|
+
// cancels the pending `setRender(false)` instead of letting it hide the reopened modal.
|
|
28
22
|
useEffect(function () {
|
|
29
23
|
if (visible) {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
close();
|
|
24
|
+
setRender(true);
|
|
25
|
+
setFadeIn(true);
|
|
26
|
+
return;
|
|
34
27
|
}
|
|
28
|
+
setFadeIn(false);
|
|
29
|
+
const timer = setTimeout(() => setRender(false), 200);
|
|
30
|
+
return () => clearTimeout(timer);
|
|
35
31
|
}, [visible]);
|
|
36
32
|
useEffect(() => {
|
|
37
33
|
const closeOnEscapeKey = (e) => (e.key === 'Escape' ? onClose() : null);
|
|
@@ -41,7 +37,7 @@ export const WalletSelectModal = function ({ visible, onClose }) {
|
|
|
41
37
|
};
|
|
42
38
|
}, [onClose]);
|
|
43
39
|
return render ? (React.createElement(ReactPortal, { wrapperId: "react-portal-modal-container" },
|
|
44
|
-
React.createElement("div", { "data-testid": "wallet-select-modal", ref: nodeRef, className: `adapter-modal
|
|
40
|
+
React.createElement("div", { "data-testid": "wallet-select-modal", ref: nodeRef, className: `adapter-modal${fadeIn ? ' adapter-modal-fade-in' : ''}` },
|
|
45
41
|
React.createElement("div", { className: "adapter-modal-wrapper" },
|
|
46
42
|
React.createElement("div", { className: "adapter-modal-header" },
|
|
47
43
|
React.createElement("button", { onClick: onClose, className: "close-button", tabIndex: 0 }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WalletSelectModal.js","sourceRoot":"","sources":["../../../src/Modal/WalletSelectModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAErE,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjF,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAM9C,MAAM,CAAC,MAAM,iBAAiB,GAAmB,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE;IAC3E,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC7B,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAC;IACxC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,WAAW,GAAG,OAAO,CACvB,GAAG,EAAE,CAAC;QACF,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,YAAY,CAAC,QAAQ,CAAC;QAChE,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,YAAY,CAAC,QAAQ,CAAC;KACnE,EACD,CAAC,OAAO,CAAC,CACZ,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAC7B,CAAC,MAAc,EAAE,EAAE;QACf,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAC5B,OAAO,EAAE,CAAC;IACd,CAAC,EACD,CAAC,MAAM,EAAE,OAAO,CAAC,CACpB,CAAC;IACF,SAAS,IAAI;
|
|
1
|
+
{"version":3,"file":"WalletSelectModal.js","sourceRoot":"","sources":["../../../src/Modal/WalletSelectModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -63,7 +63,15 @@ export const WalletActionButton = (_a) => {
|
|
|
63
63
|
}, []);
|
|
64
64
|
const handleDisconnect = useCallback(function () {
|
|
65
65
|
return __awaiter(this, void 0, void 0, function* () {
|
|
66
|
-
|
|
66
|
+
try {
|
|
67
|
+
yield disconnect();
|
|
68
|
+
}
|
|
69
|
+
catch (_a) {
|
|
70
|
+
// Same as WalletConnectButton: `disconnect()` rethrows, React does not
|
|
71
|
+
// await this handler, and the provider has already surfaced the error
|
|
72
|
+
// through `onError`. Without this the rejection escapes unhandled.
|
|
73
|
+
return;
|
|
74
|
+
}
|
|
67
75
|
hideDropdown();
|
|
68
76
|
});
|
|
69
77
|
}, [disconnect, hideDropdown]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WalletActionButton.js","sourceRoot":"","sources":["../../src/WalletActionButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,MAAM,CAAC,MAAM,kBAAkB,GAAoB,CAAC,EAAsB,EAAE,EAAE;QAA1B,EAAE,QAAQ,OAAY,EAAP,KAAK,cAApB,YAAsB,CAAF;IACpE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,CAAC;IACpD,MAAM,EAAE,UAAU,EAAE,GAAG,cAAc,EAAE,CAAC;IACxC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,GAAG,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAE3C,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,IAAI,QAAQ;YAAE,OAAO,QAAQ,CAAC;QAC9B,IAAI,CAAC,MAAM,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QACrC,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3D,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAEhC,MAAM,WAAW,GAAG,GAAG,EAAE;QACrB,IAAI,OAAO,EAAE,CAAC;YACV,QAAQ,CAAC,OAAO,CAAC,CAAC;YAClB,SAAS,CAAC,IAAI,CAAC,CAAC;YAChB,UAAU,CAAC,GAAG,EAAE;gBACZ,SAAS,CAAC,KAAK,CAAC,CAAC;gBACjB,YAAY,EAAE,CAAC;YACnB,CAAC,EAAE,GAAG,CAAC,CAAC;QACZ,CAAC;IACL,CAAC,CAAC;IACF,SAAS,YAAY;QACjB,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,YAAY,EAAE,CAAC;IACnB,CAAC;IAED,MAAM,YAAY,GAAG,WAAW,CAAC;QAC7B,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,WAAW,CAAC;QAC7B,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,gBAAgB,GAAG,WAAW,CAChC;;YACI,MAAM,UAAU,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"WalletActionButton.js","sourceRoot":"","sources":["../../src/WalletActionButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -28,7 +28,16 @@ export const WalletConnectButton = (_a) => {
|
|
|
28
28
|
if (onClick)
|
|
29
29
|
onClick(event);
|
|
30
30
|
if (!event.defaultPrevented) {
|
|
31
|
-
|
|
31
|
+
try {
|
|
32
|
+
yield connect();
|
|
33
|
+
}
|
|
34
|
+
catch (_a) {
|
|
35
|
+
// `connect()` rethrows so that callers who await it can react to the
|
|
36
|
+
// failure, but React neither awaits this handler nor attaches a
|
|
37
|
+
// rejection handler to it — every rejected connect (a declined
|
|
38
|
+
// authorisation included) would escape as an unhandled rejection.
|
|
39
|
+
// The provider has already reported it through its `onError`.
|
|
40
|
+
}
|
|
32
41
|
}
|
|
33
42
|
}), [onClick, connect]);
|
|
34
43
|
const content = useMemo(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WalletConnectButton.js","sourceRoot":"","sources":["../../src/WalletConnectButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAErE,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,CAAC,MAAM,mBAAmB,GAAoB,CAAC,EAAyC,EAAE,EAAE;QAA7C,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,OAAY,EAAP,KAAK,cAAvC,mCAAyC,CAAF;IACxF,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,CAAC;IAC/D,MAAM,WAAW,GAAG,WAAW,CAC3B,CAAO,KAAoC,EAAE,EAAE;QAC3C,IAAI,OAAO;YAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAE5B,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;YAC1B,MAAM,OAAO,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"WalletConnectButton.js","sourceRoot":"","sources":["../../src/WalletConnectButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAErE,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,CAAC,MAAM,mBAAmB,GAAoB,CAAC,EAAyC,EAAE,EAAE;QAA7C,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,OAAY,EAAP,KAAK,cAAvC,mCAAyC,CAAF;IACxF,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,CAAC;IAC/D,MAAM,WAAW,GAAG,WAAW,CAC3B,CAAO,KAAoC,EAAE,EAAE;QAC3C,IAAI,OAAO;YAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAE5B,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;YAC1B,IAAI,CAAC;gBACD,MAAM,OAAO,EAAE,CAAC;YACpB,CAAC;YAAC,WAAM,CAAC;gBACL,qEAAqE;gBACrE,gEAAgE;gBAChE,+DAA+D;gBAC/D,kEAAkE;gBAClE,8DAA8D;YAClE,CAAC;QACL,CAAC;IACL,CAAC,CAAA,EACD,CAAC,OAAO,EAAE,OAAO,CAAC,CACrB,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,IAAI,QAAQ;YAAE,OAAO,QAAQ,CAAC;QAC9B,IAAI,UAAU;YAAE,OAAO,gBAAgB,CAAC;QACxC,IAAI,SAAS;YAAE,OAAO,WAAW,CAAC;QAClC,IAAI,MAAM;YAAE,OAAO,SAAS,CAAC;QAC7B,OAAO,gBAAgB,CAAC;IAC5B,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;IAE9C,OAAO,CACH,oBAAC,MAAM,iCACS,uBAAuB,EACnC,SAAS,EAAC,eAAe,EACzB,QAAQ,EAAE,QAAQ,IAAI,CAAC,MAAM,IAAI,UAAU,IAAI,SAAS,EACxD,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IACnC,KAAK,GAER,OAAO,CACH,CACZ,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WalletSelectModal.d.ts","sourceRoot":"","sources":["../../../src/Modal/WalletSelectModal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAKnD,KAAK,UAAU,GAAG,iBAAiB,CAAC;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC,CAAC;AACH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,UAAU,
|
|
1
|
+
{"version":3,"file":"WalletSelectModal.d.ts","sourceRoot":"","sources":["../../../src/Modal/WalletSelectModal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAKnD,KAAK,UAAU,GAAG,iBAAiB,CAAC;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC,CAAC;AACH,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,UAAU,CA4E5C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WalletActionButton.d.ts","sourceRoot":"","sources":["../../src/WalletActionButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAO/C,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,WAAW,
|
|
1
|
+
{"version":3,"file":"WalletActionButton.d.ts","sourceRoot":"","sources":["../../src/WalletActionButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAO/C,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,WAAW,CAgH9C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WalletConnectButton.d.ts","sourceRoot":"","sources":["../../src/WalletConnectButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAc,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG/C,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,WAAW,
|
|
1
|
+
{"version":3,"file":"WalletConnectButton.d.ts","sourceRoot":"","sources":["../../src/WalletConnectButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAc,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG/C,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,WAAW,CAyC/C,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,73 +1,73 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
},
|
|
15
|
-
"license": "MIT",
|
|
16
|
-
"type": "module",
|
|
17
|
-
"sideEffects": false,
|
|
18
|
-
"engines": {
|
|
19
|
-
"node": ">=16",
|
|
20
|
-
"pnpm": ">=7"
|
|
21
|
-
},
|
|
22
|
-
"main": "./lib/cjs/index.js",
|
|
23
|
-
"module": "./lib/esm/index.js",
|
|
24
|
-
"types": "./lib/types/index.d.ts",
|
|
25
|
-
"exports": {
|
|
26
|
-
".": {
|
|
27
|
-
"types": "./lib/types/index.d.ts",
|
|
28
|
-
"import": "./lib/esm/index.js",
|
|
29
|
-
"require": "./lib/cjs/index.js"
|
|
2
|
+
"name": "@tronweb3/tronwallet-adapter-react-ui",
|
|
3
|
+
"version": "1.2.2",
|
|
4
|
+
"description": "A set of out-of-the-box components to make it easy to interact with Tron wallets.",
|
|
5
|
+
"keywords": [
|
|
6
|
+
"TRON",
|
|
7
|
+
"TronWeb",
|
|
8
|
+
"adapter"
|
|
9
|
+
],
|
|
10
|
+
"author": "tronweb3",
|
|
11
|
+
"repository": {
|
|
12
|
+
"type": "git",
|
|
13
|
+
"url": "https://github.com/tronweb3/tronwallet-adapter"
|
|
30
14
|
},
|
|
31
|
-
"
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
"
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
"
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
"
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
"
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
"
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
"
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
"
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
15
|
+
"license": "MIT",
|
|
16
|
+
"type": "module",
|
|
17
|
+
"sideEffects": false,
|
|
18
|
+
"engines": {
|
|
19
|
+
"node": ">=16",
|
|
20
|
+
"pnpm": ">=7"
|
|
21
|
+
},
|
|
22
|
+
"main": "./lib/cjs/index.js",
|
|
23
|
+
"module": "./lib/esm/index.js",
|
|
24
|
+
"types": "./lib/types/index.d.ts",
|
|
25
|
+
"exports": {
|
|
26
|
+
".": {
|
|
27
|
+
"types": "./lib/types/index.d.ts",
|
|
28
|
+
"import": "./lib/esm/index.js",
|
|
29
|
+
"require": "./lib/cjs/index.js"
|
|
30
|
+
},
|
|
31
|
+
"./style.css": "./style.css"
|
|
32
|
+
},
|
|
33
|
+
"files": [
|
|
34
|
+
"lib",
|
|
35
|
+
"src",
|
|
36
|
+
"LICENSE",
|
|
37
|
+
"style.css"
|
|
38
|
+
],
|
|
39
|
+
"publishConfig": {
|
|
40
|
+
"access": "public"
|
|
41
|
+
},
|
|
42
|
+
"scripts": {
|
|
43
|
+
"clean": "shx mkdir -p lib && shx rm -rf lib",
|
|
44
|
+
"package": "shx echo '{ \"type\": \"commonjs\" }' > lib/cjs/package.json",
|
|
45
|
+
"test:unit": "vitest run",
|
|
46
|
+
"test": "echo 1"
|
|
47
|
+
},
|
|
48
|
+
"peerDependencies": {
|
|
49
|
+
"react": "*",
|
|
50
|
+
"react-dom": "*",
|
|
51
|
+
"@tronweb3/tronwallet-abstract-adapter": "*",
|
|
52
|
+
"@tronweb3/tronwallet-adapter-react-hooks": "*"
|
|
53
|
+
},
|
|
54
|
+
"devDependencies": {
|
|
55
|
+
"@tronweb3/tronwallet-abstract-adapter": "^1.3.0",
|
|
56
|
+
"@tronweb3/tronwallet-adapter-react-hooks": "^1.1.14",
|
|
57
|
+
"@testing-library/jest-dom": "5.17.0",
|
|
58
|
+
"@testing-library/react": "16.3.2",
|
|
59
|
+
"@testing-library/user-event": "13.5.0",
|
|
60
|
+
"@tronweb3/tronwallet-adapter-tronlink": "^1.3.0",
|
|
61
|
+
"@types/react": "18.3.3",
|
|
62
|
+
"@types/react-dom": "18.3.0",
|
|
63
|
+
"@types/testing-library__jest-dom": "5.14.9",
|
|
64
|
+
"@vitejs/plugin-react": "5.2.0",
|
|
65
|
+
"@vitest/browser": "3.2.4",
|
|
66
|
+
"@vitest/ui": "3.2.4",
|
|
67
|
+
"happy-dom": "20.8.9",
|
|
68
|
+
"react": "18.3.1",
|
|
69
|
+
"react-dom": "18.3.1",
|
|
70
|
+
"shx": "0.3.4",
|
|
71
|
+
"vitest": "3.2.4"
|
|
72
|
+
}
|
|
73
|
+
}
|
|
@@ -31,23 +31,20 @@ export const WalletSelectModal: FC<ModalProps> = function ({ visible, onClose })
|
|
|
31
31
|
},
|
|
32
32
|
[select, onClose]
|
|
33
33
|
);
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
}
|
|
38
|
-
function close() {
|
|
39
|
-
setFadeIn(false);
|
|
40
|
-
// setRender(false)
|
|
41
|
-
setTimeout(() => setRender(false), 200);
|
|
42
|
-
}
|
|
43
|
-
|
|
34
|
+
// The unmount is delayed so the fade-out can play. Clearing the timer on cleanup matters:
|
|
35
|
+
// it runs both before the next effect and on unmount, so reopening within those 200ms
|
|
36
|
+
// cancels the pending `setRender(false)` instead of letting it hide the reopened modal.
|
|
44
37
|
useEffect(
|
|
45
38
|
function () {
|
|
46
39
|
if (visible) {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
40
|
+
setRender(true);
|
|
41
|
+
setFadeIn(true);
|
|
42
|
+
return;
|
|
50
43
|
}
|
|
44
|
+
|
|
45
|
+
setFadeIn(false);
|
|
46
|
+
const timer = setTimeout(() => setRender(false), 200);
|
|
47
|
+
return () => clearTimeout(timer);
|
|
51
48
|
},
|
|
52
49
|
[visible]
|
|
53
50
|
);
|
|
@@ -64,7 +61,7 @@ export const WalletSelectModal: FC<ModalProps> = function ({ visible, onClose })
|
|
|
64
61
|
<div
|
|
65
62
|
data-testid="wallet-select-modal"
|
|
66
63
|
ref={nodeRef}
|
|
67
|
-
className={`adapter-modal
|
|
64
|
+
className={`adapter-modal${fadeIn ? ' adapter-modal-fade-in' : ''}`}
|
|
68
65
|
>
|
|
69
66
|
<div className="adapter-modal-wrapper">
|
|
70
67
|
<div className="adapter-modal-header">
|
|
@@ -46,7 +46,14 @@ export const WalletActionButton: FC<ButtonProps> = ({ children, ...props }) => {
|
|
|
46
46
|
}, []);
|
|
47
47
|
const handleDisconnect = useCallback(
|
|
48
48
|
async function () {
|
|
49
|
-
|
|
49
|
+
try {
|
|
50
|
+
await disconnect();
|
|
51
|
+
} catch {
|
|
52
|
+
// Same as WalletConnectButton: `disconnect()` rethrows, React does not
|
|
53
|
+
// await this handler, and the provider has already surfaced the error
|
|
54
|
+
// through `onError`. Without this the rejection escapes unhandled.
|
|
55
|
+
return;
|
|
56
|
+
}
|
|
50
57
|
hideDropdown();
|
|
51
58
|
},
|
|
52
59
|
[disconnect, hideDropdown]
|
|
@@ -11,7 +11,15 @@ export const WalletConnectButton: FC<ButtonProps> = ({ children, disabled, onCli
|
|
|
11
11
|
if (onClick) onClick(event);
|
|
12
12
|
|
|
13
13
|
if (!event.defaultPrevented) {
|
|
14
|
-
|
|
14
|
+
try {
|
|
15
|
+
await connect();
|
|
16
|
+
} catch {
|
|
17
|
+
// `connect()` rethrows so that callers who await it can react to the
|
|
18
|
+
// failure, but React neither awaits this handler nor attaches a
|
|
19
|
+
// rejection handler to it — every rejected connect (a declined
|
|
20
|
+
// authorisation included) would escape as an unhandled rejection.
|
|
21
|
+
// The provider has already reported it through its `onError`.
|
|
22
|
+
}
|
|
15
23
|
}
|
|
16
24
|
},
|
|
17
25
|
[onClick, connect]
|
package/style.css
CHANGED
|
@@ -63,11 +63,16 @@
|
|
|
63
63
|
padding: 40px 20px 20px;
|
|
64
64
|
opacity: 0;
|
|
65
65
|
pointer-events: none;
|
|
66
|
+
/* `pointer-events` only blocks the mouse: without this the closed modal stays in the tab
|
|
67
|
+
order and the accessibility tree. `visibility` transitions discretely, so the fade-out
|
|
68
|
+
still plays before it hides, and it turns visible immediately on the way in. */
|
|
69
|
+
visibility: hidden;
|
|
66
70
|
}
|
|
67
71
|
|
|
68
72
|
.adapter-modal-fade-in {
|
|
69
73
|
opacity: 1;
|
|
70
74
|
pointer-events: auto;
|
|
75
|
+
visibility: visible;
|
|
71
76
|
transform: scale(1);
|
|
72
77
|
}
|
|
73
78
|
|