@pushchain/ui-kit 4.0.9 → 4.0.10-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.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pushchain/ui-kit",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.10-alpha.1",
|
|
4
4
|
"homepage": "https://push.org",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"pushchain",
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"dependencies": {
|
|
20
20
|
"@coral-xyz/anchor": "^0.31.1",
|
|
21
21
|
"@metamask/sdk": "^0.32.0",
|
|
22
|
-
"@pushchain/core": "^4.0.
|
|
22
|
+
"@pushchain/core": "^4.0.8",
|
|
23
23
|
"@solana/web3.js": "^1.98.2",
|
|
24
24
|
"@walletconnect/ethereum-provider": "^2.21.5",
|
|
25
25
|
"buffer": "^6.0.3",
|
|
@@ -10,31 +10,75 @@ const common_1 = require("../../components/common");
|
|
|
10
10
|
const CaretDown_1 = tslib_1.__importDefault(require("../common/icons/CaretDown"));
|
|
11
11
|
const CaretUp_1 = tslib_1.__importDefault(require("../common/icons/CaretUp"));
|
|
12
12
|
const PushWalletToast = ({ progress, setProgress }) => {
|
|
13
|
+
const [displayProgress, setDisplayProgress] = (0, react_1.useState)(null);
|
|
13
14
|
const [isOpen, setIsOpen] = (0, react_1.useState)(false);
|
|
14
15
|
const [isOverflowing, setIsOverflowing] = (0, react_1.useState)(false);
|
|
15
16
|
const textRef = (0, react_1.useRef)(null);
|
|
16
|
-
const
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
const queueRef = (0, react_1.useRef)([]);
|
|
18
|
+
const minTimerRef = (0, react_1.useRef)(null);
|
|
19
|
+
const successTimerRef = (0, react_1.useRef)(null);
|
|
20
|
+
const clearTimers = () => {
|
|
21
|
+
if (minTimerRef.current) {
|
|
22
|
+
clearTimeout(minTimerRef.current);
|
|
23
|
+
minTimerRef.current = null;
|
|
24
|
+
}
|
|
25
|
+
if (successTimerRef.current) {
|
|
26
|
+
clearTimeout(successTimerRef.current);
|
|
27
|
+
successTimerRef.current = null;
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
const showNext = () => {
|
|
31
|
+
var _a;
|
|
32
|
+
clearTimers();
|
|
33
|
+
setIsOpen(false);
|
|
34
|
+
const next = (_a = queueRef.current.shift()) !== null && _a !== void 0 ? _a : null;
|
|
35
|
+
setDisplayProgress(next);
|
|
36
|
+
if (!next) {
|
|
37
|
+
setProgress(null);
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
40
|
+
minTimerRef.current = setTimeout(() => {
|
|
41
|
+
minTimerRef.current = null;
|
|
42
|
+
if (queueRef.current.length > 0)
|
|
43
|
+
showNext();
|
|
44
|
+
}, 1000);
|
|
45
|
+
if (next.id === progress_hook_types_1.PROGRESS_HOOK.SEND_TX_99_01) {
|
|
46
|
+
successTimerRef.current = setTimeout(() => {
|
|
47
|
+
successTimerRef.current = null;
|
|
48
|
+
showNext();
|
|
49
|
+
}, 10000);
|
|
19
50
|
}
|
|
20
51
|
};
|
|
21
52
|
(0, react_1.useEffect)(() => {
|
|
22
|
-
if (
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
53
|
+
if (!progress)
|
|
54
|
+
return;
|
|
55
|
+
queueRef.current.push(progress);
|
|
56
|
+
if (!displayProgress) {
|
|
57
|
+
showNext();
|
|
26
58
|
}
|
|
27
|
-
}, [progress
|
|
28
|
-
|
|
59
|
+
}, [progress]);
|
|
60
|
+
(0, react_1.useEffect)(() => {
|
|
61
|
+
if (!textRef.current || !(displayProgress === null || displayProgress === void 0 ? void 0 : displayProgress.message))
|
|
62
|
+
return;
|
|
63
|
+
const el = textRef.current;
|
|
64
|
+
setIsOverflowing(el.scrollWidth > el.clientWidth);
|
|
65
|
+
}, [displayProgress === null || displayProgress === void 0 ? void 0 : displayProgress.message]);
|
|
66
|
+
(0, react_1.useEffect)(() => () => clearTimers(), []);
|
|
67
|
+
if (!displayProgress)
|
|
29
68
|
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
|
30
69
|
const isInsufficientFundsError = progress === null || progress === void 0 ? void 0 : progress.message.includes('insufficient funds for gas');
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
70
|
+
const handleViewOnScan = (txnHash) => {
|
|
71
|
+
if (txnHash) {
|
|
72
|
+
window.open(`https://donut.push.network/tx/${txnHash}`, '_blank');
|
|
73
|
+
}
|
|
74
|
+
};
|
|
75
|
+
return ((0, jsx_runtime_1.jsxs)(ToastContainer, { children: [(0, jsx_runtime_1.jsx)(IconContainer, { children: displayProgress.id === progress_hook_types_1.PROGRESS_HOOK.SEND_TX_99_01 ? (0, jsx_runtime_1.jsx)(common_1.TickIcon, {}) :
|
|
76
|
+
displayProgress.id === progress_hook_types_1.PROGRESS_HOOK.SEND_TX_99_02 ? (0, jsx_runtime_1.jsx)(common_1.WarningIcon, {}) :
|
|
77
|
+
(0, jsx_runtime_1.jsx)(common_1.Spinner, { color: 'var(--pw-int-brand-primary-color)' }) }), (0, jsx_runtime_1.jsxs)(ContentContainer, { children: [(0, jsx_runtime_1.jsx)(TitleText, { children: displayProgress.title }), displayProgress.id === progress_hook_types_1.PROGRESS_HOOK.SEND_TX_99_01 &&
|
|
78
|
+
displayProgress.response &&
|
|
79
|
+
((0, jsx_runtime_1.jsx)(LinkText, { onClick: () => handleViewOnScan(displayProgress.response[0]['hash']), children: "View in Explorer" })), displayProgress.id === progress_hook_types_1.PROGRESS_HOOK.SEND_TX_99_02 &&
|
|
80
|
+
displayProgress.message &&
|
|
81
|
+
((0, jsx_runtime_1.jsxs)(DescriptionContainer, { children: [(0, jsx_runtime_1.jsxs)(DescriptionText, { ref: textRef, expanded: isOpen, children: [isInsufficientFundsError && 'Insufficient funds for gas: \n', displayProgress.message] }), isOverflowing && (isOpen ?
|
|
38
82
|
(0, jsx_runtime_1.jsxs)(ExpandButton, { onClick: () => setIsOpen(false), children: ["View Less", (0, jsx_runtime_1.jsx)(CaretUp_1.default, { height: '18px', width: '18px', color: '#6B7280' })] }) :
|
|
39
83
|
(0, jsx_runtime_1.jsxs)(ExpandButton, { onClick: () => setIsOpen(true), children: ["View More", (0, jsx_runtime_1.jsx)(CaretDown_1.default, { height: '18px', width: '18px', color: '#6B7280' })] }))] }))] }), (0, jsx_runtime_1.jsx)(CloseContainer, { onClick: () => {
|
|
40
84
|
setProgress(null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/PushWalletToast/index.tsx"],"names":[],"mappings":";;;;;AAAA,iCAA+D;AAC/D,mGAAyG;AACzG,kFAAuC;AACvC,oDAAoF;AACpF,kFAAkD;AAClD,8EAA8C;AAO9C,MAAM,eAAe,GAA6B,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE;IAC5E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE1D,MAAM,OAAO,GAAG,IAAA,cAAM,EAAyB,IAAI,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/PushWalletToast/index.tsx"],"names":[],"mappings":"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"}
|