signer-test-sdk-react 0.0.20 → 0.0.21
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/src/AbstraxnProvider.d.ts +2 -2
- package/dist/src/AbstraxnProvider.js +627 -602
- package/dist/src/AbstraxnProvider.js.map +1 -1
- package/dist/src/ConnectButton.css +1 -1
- package/dist/src/ExternalWalletButtons.css +1 -1
- package/dist/src/WalletModal.css +373 -193
- package/dist/src/WalletModal.d.ts +1 -1
- package/dist/src/WalletModal.js +45 -108
- package/dist/src/WalletModal.js.map +1 -1
- package/dist/src/chains.d.ts +3 -4
- package/dist/src/chains.js +84 -154
- package/dist/src/chains.js.map +1 -1
- package/dist/src/components/OnboardingUI/OnboardingUI.css +5 -6
- package/dist/src/components/OnboardingUI/OnboardingUIReact.js +9 -3
- package/dist/src/components/OnboardingUI/OnboardingUIReact.js.map +1 -1
- package/dist/src/components/OnboardingUI/OnboardingUIWeb.js +0 -6
- package/dist/src/components/OnboardingUI/OnboardingUIWeb.js.map +1 -1
- package/dist/src/components/OnboardingUI/hooks/useAuthMethods.js +57 -0
- package/dist/src/components/OnboardingUI/hooks/useAuthMethods.js.map +1 -1
- package/dist/src/components/WalletModal/components/ChainSelector.css +102 -249
- package/dist/src/components/WalletModal/components/ChainSelector.d.ts +6 -7
- package/dist/src/components/WalletModal/components/ChainSelector.js +27 -68
- package/dist/src/components/WalletModal/components/ChainSelector.js.map +1 -1
- package/dist/src/components/WalletModal/components/ExportKeyModal.css +88 -89
- package/dist/src/components/WalletModal/components/ExportKeyModal.d.ts +1 -6
- package/dist/src/components/WalletModal/components/ExportKeyModal.js +11 -6
- package/dist/src/components/WalletModal/components/ExportKeyModal.js.map +1 -1
- package/dist/src/components/WalletModal/components/ExportWarningModal.css +2 -107
- package/dist/src/components/WalletModal/components/ExportWarningModal.d.ts +1 -7
- package/dist/src/components/WalletModal/components/ExportWarningModal.js +3 -5
- package/dist/src/components/WalletModal/components/ExportWarningModal.js.map +1 -1
- package/dist/src/components/WalletModal/components/ManageWalletModal.css +4 -90
- package/dist/src/components/WalletModal/components/ManageWalletModal.d.ts +3 -3
- package/dist/src/components/WalletModal/components/ManageWalletModal.js +13 -28
- package/dist/src/components/WalletModal/components/ManageWalletModal.js.map +1 -1
- package/dist/src/components/WalletModal/components/PreviewTransactionModal.css +4 -3
- package/dist/src/components/WalletModal/components/ReceiveModal.css +58 -93
- package/dist/src/components/WalletModal/components/ReceiveModal.js +1 -1
- package/dist/src/components/WalletModal/components/ReceiveModal.js.map +1 -1
- package/dist/src/components/WalletModal/components/SendModal.css +127 -170
- package/dist/src/components/WalletModal/components/SendModal.d.ts +6 -4
- package/dist/src/components/WalletModal/components/SendModal.js +39 -131
- package/dist/src/components/WalletModal/components/SendModal.js.map +1 -1
- package/dist/src/components/WalletModal/components/SuccessModal.css +8 -7
- package/dist/src/components/WalletModal/components/index.d.ts +0 -2
- package/dist/src/components/WalletModal/components/index.js +0 -1
- package/dist/src/components/WalletModal/components/index.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/dist/src/components/WalletModal/components/TokenSelectorModal.css +0 -240
- package/dist/src/components/WalletModal/components/TokenSelectorModal.d.ts +0 -21
- package/dist/src/components/WalletModal/components/TokenSelectorModal.js +0 -44
- package/dist/src/components/WalletModal/components/TokenSelectorModal.js.map +0 -1
|
@@ -1,36 +1,21 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
/**
|
|
3
3
|
* Manage Wallet Modal Component
|
|
4
4
|
*/
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
setToastMessage(message);
|
|
16
|
-
if (toastTimerRef.current) {
|
|
17
|
-
window.clearTimeout(toastTimerRef.current);
|
|
5
|
+
import { useState, useCallback } from 'react';
|
|
6
|
+
import { formatAddress } from '../utils/formatUtils';
|
|
7
|
+
import './ManageWalletModal.css';
|
|
8
|
+
export function ManageWalletModal({ isOpen, onClose, displayAddress, userEmail, organizationName, isExternalWalletConnected, onExportPrivateKey, theme = 'dark', }) {
|
|
9
|
+
const [copied, setCopied] = useState(false);
|
|
10
|
+
const handleCopy = useCallback(() => {
|
|
11
|
+
if (displayAddress) {
|
|
12
|
+
navigator.clipboard.writeText(displayAddress);
|
|
13
|
+
setCopied(true);
|
|
14
|
+
setTimeout(() => setCopied(false), 2000);
|
|
18
15
|
}
|
|
19
|
-
|
|
20
|
-
setToastMessage(null);
|
|
21
|
-
toastTimerRef.current = null;
|
|
22
|
-
}, 1800);
|
|
23
|
-
}, []);
|
|
24
|
-
useEffect(() => {
|
|
25
|
-
return () => {
|
|
26
|
-
if (toastTimerRef.current) {
|
|
27
|
-
window.clearTimeout(toastTimerRef.current);
|
|
28
|
-
toastTimerRef.current = null;
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
}, []);
|
|
16
|
+
}, [displayAddress]);
|
|
32
17
|
if (!isOpen)
|
|
33
18
|
return null;
|
|
34
|
-
return (_jsx("div", { className: `wallet-modal-overlay wallet-modal-theme-${theme}`, onClick: onClose, children: _jsxs("div", { className: `wallet-modal-content wallet-modal-theme-${theme} wallet-modal-manage`, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "wallet-modal-receive-header", children: [_jsx("button", { className: "wallet-modal-back", onClick: onClose, children: _jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: _jsx("path", { d: "M12.5 15L7.5 10L12.5 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), _jsx("h2", { className: "wallet-modal-receive-title", children: "
|
|
19
|
+
return (_jsx("div", { className: `wallet-modal-overlay wallet-modal-theme-${theme}`, onClick: onClose, children: _jsxs("div", { className: `wallet-modal-content wallet-modal-theme-${theme} wallet-modal-manage`, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "wallet-modal-receive-header", children: [_jsx("button", { className: "wallet-modal-back", onClick: onClose, children: _jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: _jsx("path", { d: "M12.5 15L7.5 10L12.5 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), _jsx("h2", { className: "wallet-modal-receive-title", children: "Account & Settings" }), _jsx("div", { style: { width: '40px' } })] }), _jsxs("div", { className: "wallet-modal-manage-content", children: [_jsxs("div", { className: "wallet-modal-manage-section", children: [_jsx("h3", { className: "wallet-modal-manage-section-title", children: "Wallet Information" }), _jsxs("div", { className: "wallet-modal-manage-item", children: [_jsx("span", { className: "wallet-modal-manage-label", children: "Address" }), _jsxs("div", { className: "wallet-modal-manage-value", children: [_jsx("span", { className: "wallet-modal-manage-address-text", children: formatAddress(displayAddress) }), _jsx("button", { className: `wallet-modal-manage-copy-btn ${copied ? 'copied' : ''}`, onClick: handleCopy, children: copied ? (_jsxs(_Fragment, { children: [_jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: _jsx("path", { d: "M11.5 3.5L5.5 9.5L2.5 6.5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), _jsx("span", { children: "Copied!" })] })) : (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: [_jsx("path", { d: "M4.5 3H2.5C1.67157 3 1 3.67157 1 4.5V11C1 11.8284 1.67157 12.5 2.5 12.5H9C9.82843 12.5 10.5 11.8284 10.5 11V9", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M4.5 3C4.5 2.17157 5.17157 1.5 6 1.5H11.5C12.3284 1.5 13 2.17157 13 3V7.5C13 8.32843 12.3284 9 11.5 9H6C5.17157 9 4.5 8.32843 4.5 7.5V3Z", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })) })] })] }), userEmail && (_jsxs("div", { className: "wallet-modal-manage-item", children: [_jsx("span", { className: "wallet-modal-manage-label", children: "Email" }), _jsx("span", { className: "wallet-modal-manage-value", children: userEmail })] })), organizationName && (_jsxs("div", { className: "wallet-modal-manage-item", children: [_jsx("span", { className: "wallet-modal-manage-label", children: "Organization" }), _jsx("span", { className: "wallet-modal-manage-value", children: organizationName })] }))] }), !isExternalWalletConnected && (_jsxs("div", { className: "wallet-modal-manage-section", children: [_jsx("h3", { className: "wallet-modal-manage-section-title", children: "Export & Backup" }), _jsxs("button", { className: "wallet-modal-manage-action-item", onClick: onExportPrivateKey, children: [_jsx("div", { className: "wallet-modal-manage-action-icon", children: _jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [_jsx("path", { d: "M10 2L2 6L10 10L18 6L10 2Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M2 14L10 18L18 14M2 10L10 14L18 10", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M10 10V18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }) }), _jsx("span", { className: "wallet-modal-manage-action-label", children: "Export Private Key" }), _jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "wallet-modal-manage-action-arrow", children: _jsx("path", { d: "M6 12L10 8L6 4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })] })] }))] })] }) }));
|
|
35
20
|
}
|
|
36
21
|
//# sourceMappingURL=ManageWalletModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ManageWalletModal.js","sourceRoot":"","sources":["../../../../../src/components/WalletModal/components/ManageWalletModal.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ManageWalletModal.js","sourceRoot":"","sources":["../../../../../src/components/WalletModal/components/ManageWalletModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -81,13 +81,14 @@
|
|
|
81
81
|
}
|
|
82
82
|
|
|
83
83
|
.wallet-modal-preview-btn-primary {
|
|
84
|
-
background:
|
|
85
|
-
color:
|
|
84
|
+
background: linear-gradient(135deg, #9333ea 0%, #7e22ce 100%);
|
|
85
|
+
color: #ffffff;
|
|
86
86
|
}
|
|
87
87
|
|
|
88
88
|
.wallet-modal-preview-btn-primary:hover:not(:disabled) {
|
|
89
|
-
background:
|
|
89
|
+
background: linear-gradient(135deg, #a855f7 0%, #9333ea 100%);
|
|
90
90
|
transform: translateY(-1px);
|
|
91
|
+
box-shadow: 0 4px 12px rgba(147, 51, 234, 0.3);
|
|
91
92
|
}
|
|
92
93
|
|
|
93
94
|
.wallet-modal-preview-btn-secondary {
|
|
@@ -1,136 +1,101 @@
|
|
|
1
|
-
/* Receive
|
|
2
|
-
|
|
3
|
-
/* Modal padding */
|
|
4
|
-
.wallet-modal-content.wallet-modal-receive {
|
|
5
|
-
padding: 20px;
|
|
6
|
-
gap: 0;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
/* Header */
|
|
10
|
-
.wallet-modal-content.wallet-modal-receive .wallet-modal-receive-header {
|
|
11
|
-
margin-bottom: 16px;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.wallet-modal-content.wallet-modal-receive .wallet-modal-receive-title {
|
|
15
|
-
font-size: 18px;
|
|
16
|
-
font-weight: 600;
|
|
17
|
-
margin: 0;
|
|
18
|
-
flex: 1;
|
|
19
|
-
text-align: center;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
/* Content */
|
|
1
|
+
/* Receive Modal Styles - extracted from WalletModal.css */
|
|
23
2
|
.wallet-modal-receive-content {
|
|
24
3
|
display: flex;
|
|
25
4
|
flex-direction: column;
|
|
26
5
|
align-items: center;
|
|
27
|
-
gap:
|
|
28
|
-
padding: 0;
|
|
29
|
-
margin-top: 12px;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
/* QR */
|
|
33
|
-
.wallet-modal-receive-qr-card {
|
|
34
|
-
position: relative;
|
|
6
|
+
gap: 24px;
|
|
7
|
+
padding: 20px 0;
|
|
35
8
|
}
|
|
36
9
|
|
|
37
10
|
.wallet-modal-receive-qr {
|
|
38
|
-
|
|
39
|
-
padding: 18px;
|
|
40
|
-
background: #ffffff;
|
|
41
|
-
border-radius: 18px;
|
|
42
|
-
border: 1px solid #e5e7eb;
|
|
43
|
-
display: flex;
|
|
44
|
-
align-items: center;
|
|
45
|
-
justify-content: center;
|
|
46
|
-
box-shadow: 0 10px 25px -15px rgba(0, 0, 0, 0.25);
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.wallet-modal-receive-qr-badge {
|
|
50
|
-
position: absolute;
|
|
51
|
-
left: 50%;
|
|
52
|
-
top: 50%;
|
|
53
|
-
transform: translate(-50%, -50%);
|
|
54
|
-
pointer-events: none;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
.wallet-modal-receive-qr-badge-inner {
|
|
58
|
-
width: 56px;
|
|
59
|
-
height: 56px;
|
|
60
|
-
border-radius: 16px;
|
|
11
|
+
padding: 20px;
|
|
61
12
|
background: #ffffff;
|
|
62
|
-
border:
|
|
13
|
+
border-radius: 12px;
|
|
63
14
|
display: flex;
|
|
64
15
|
align-items: center;
|
|
65
16
|
justify-content: center;
|
|
66
|
-
color: #2563eb;
|
|
67
17
|
}
|
|
68
18
|
|
|
69
|
-
|
|
70
|
-
.wallet-modal-receive-address-row {
|
|
19
|
+
.wallet-modal-receive-address-section {
|
|
71
20
|
width: 100%;
|
|
72
21
|
display: flex;
|
|
22
|
+
flex-direction: column;
|
|
73
23
|
align-items: center;
|
|
74
|
-
justify-content: space-between;
|
|
75
24
|
gap: 12px;
|
|
76
|
-
padding: 14px 16px;
|
|
77
|
-
border-radius: 12px;
|
|
78
|
-
border: 1px solid;
|
|
79
|
-
cursor: pointer;
|
|
80
|
-
transition: all 0.2s ease;
|
|
81
25
|
}
|
|
82
26
|
|
|
83
|
-
.wallet-modal-receive-address-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
27
|
+
.wallet-modal-receive-address-label {
|
|
28
|
+
font-size: 14px;
|
|
29
|
+
font-weight: 500;
|
|
30
|
+
opacity: 0.7;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.wallet-modal-theme-dark .wallet-modal-receive-address-label {
|
|
34
|
+
color: #9ca3af;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.wallet-modal-theme-light .wallet-modal-receive-address-label {
|
|
38
|
+
color: #6b7280;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.wallet-modal-receive-address-value {
|
|
42
|
+
font-size: 16px;
|
|
87
43
|
font-weight: 600;
|
|
88
|
-
font-family:
|
|
44
|
+
font-family: monospace;
|
|
45
|
+
padding: 12px 20px;
|
|
46
|
+
border-radius: 8px;
|
|
47
|
+
word-break: break-all;
|
|
48
|
+
text-align: center;
|
|
89
49
|
}
|
|
90
50
|
|
|
91
|
-
.wallet-modal-receive-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
justify-content: center;
|
|
95
|
-
flex-shrink: 0;
|
|
51
|
+
.wallet-modal-theme-dark .wallet-modal-receive-address-value {
|
|
52
|
+
background: #2a2a2a;
|
|
53
|
+
color: #ffffff;
|
|
96
54
|
}
|
|
97
55
|
|
|
98
|
-
.wallet-modal-theme-light .wallet-modal-receive-address-
|
|
99
|
-
background: #
|
|
100
|
-
border-color: #e5e7eb;
|
|
56
|
+
.wallet-modal-theme-light .wallet-modal-receive-address-value {
|
|
57
|
+
background: #f3f4f6;
|
|
101
58
|
color: #111827;
|
|
102
59
|
}
|
|
103
60
|
|
|
104
|
-
.wallet-modal-
|
|
105
|
-
|
|
61
|
+
.wallet-modal-receive-copy-btn {
|
|
62
|
+
padding: 10px 20px;
|
|
63
|
+
border-radius: 8px;
|
|
64
|
+
border: none;
|
|
65
|
+
font-size: 14px;
|
|
66
|
+
font-weight: 500;
|
|
67
|
+
cursor: pointer;
|
|
68
|
+
transition: all 0.2s;
|
|
69
|
+
display: flex;
|
|
70
|
+
align-items: center;
|
|
71
|
+
gap: 8px;
|
|
106
72
|
}
|
|
107
73
|
|
|
108
|
-
.wallet-modal-theme-dark .wallet-modal-receive-
|
|
109
|
-
background:
|
|
110
|
-
|
|
111
|
-
color: #ffffff;
|
|
74
|
+
.wallet-modal-theme-dark .wallet-modal-receive-copy-btn {
|
|
75
|
+
background: rgba(147, 51, 234, 0.1);
|
|
76
|
+
color: #a855f7;
|
|
112
77
|
}
|
|
113
78
|
|
|
114
|
-
.wallet-modal-theme-
|
|
115
|
-
background:
|
|
79
|
+
.wallet-modal-theme-light .wallet-modal-receive-copy-btn {
|
|
80
|
+
background: rgba(147, 51, 234, 0.1);
|
|
81
|
+
color: #9333ea;
|
|
116
82
|
}
|
|
117
83
|
|
|
118
|
-
.wallet-modal-receive-
|
|
119
|
-
|
|
120
|
-
box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.18);
|
|
84
|
+
.wallet-modal-receive-copy-btn:hover {
|
|
85
|
+
background: rgba(147, 51, 234, 0.2);
|
|
121
86
|
}
|
|
122
87
|
|
|
123
|
-
|
|
124
|
-
.wallet-modal-receive-helper {
|
|
88
|
+
.wallet-modal-receive-note {
|
|
125
89
|
font-size: 12px;
|
|
126
90
|
text-align: center;
|
|
91
|
+
opacity: 0.7;
|
|
127
92
|
margin: 0;
|
|
128
93
|
}
|
|
129
94
|
|
|
130
|
-
.wallet-modal-theme-
|
|
131
|
-
color: #
|
|
95
|
+
.wallet-modal-theme-dark .wallet-modal-receive-note {
|
|
96
|
+
color: #9ca3af;
|
|
132
97
|
}
|
|
133
98
|
|
|
134
|
-
.wallet-modal-theme-
|
|
135
|
-
color: #
|
|
99
|
+
.wallet-modal-theme-light .wallet-modal-receive-note {
|
|
100
|
+
color: #6b7280;
|
|
136
101
|
}
|
|
@@ -17,6 +17,6 @@ export function ReceiveModal({ isOpen, onClose, address, theme = 'dark', }) {
|
|
|
17
17
|
}, [address]);
|
|
18
18
|
if (!isOpen)
|
|
19
19
|
return null;
|
|
20
|
-
return (_jsx("div", { className: `wallet-modal-overlay wallet-modal-theme-${theme}`, onClick: onClose, children: _jsxs("div", { className: `wallet-modal-content wallet-modal-theme-${theme} wallet-modal-receive`, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "wallet-modal-receive-header", children: [_jsx("button", { className: "wallet-modal-back", onClick: onClose, children: _jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: _jsx("path", { d: "M12.5 15L7.5 10L12.5 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), _jsx("h2", { className: "wallet-modal-receive-title", children: "Receive
|
|
20
|
+
return (_jsx("div", { className: `wallet-modal-overlay wallet-modal-theme-${theme}`, onClick: onClose, children: _jsxs("div", { className: `wallet-modal-content wallet-modal-theme-${theme} wallet-modal-receive`, onClick: (e) => e.stopPropagation(), children: [_jsxs("div", { className: "wallet-modal-receive-header", children: [_jsx("button", { className: "wallet-modal-back", onClick: onClose, children: _jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: _jsx("path", { d: "M12.5 15L7.5 10L12.5 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), _jsx("h2", { className: "wallet-modal-receive-title", children: "Receive" }), _jsx("div", { style: { width: '40px' } })] }), _jsx("div", { className: "wallet-modal-receive-content", children: address && (_jsxs(_Fragment, { children: [_jsx("div", { className: "wallet-modal-receive-qr", children: _jsx(QRCode, { value: address, size: 200 }) }), _jsxs("div", { className: "wallet-modal-receive-address-section", children: [_jsx("div", { className: "wallet-modal-receive-address-label", children: "Your Address" }), _jsx("div", { className: "wallet-modal-receive-address-value", children: formatAddress(address) }), _jsx("button", { className: `wallet-modal-receive-copy-btn wallet-modal-theme-${theme}`, onClick: handleCopy, children: copied ? (_jsxs(_Fragment, { children: [_jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: _jsx("path", { d: "M13.5 4L6 11.5L2.5 8", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), _jsx("span", { children: "Copied!" })] })) : (_jsxs(_Fragment, { children: [_jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: _jsx("path", { d: "M5.5 4.5H3.5C2.67157 4.5 2 5.17157 2 6V12.5C2 13.3284 2.67157 14 3.5 14H10C10.8284 14 11.5 13.3284 11.5 12.5V10.5M5.5 4.5C5.5 3.67157 6.17157 3 7 3H10.5C11.3284 3 12 3.67157 12 4.5V8M5.5 4.5C5.5 5.32843 6.17157 6 7 6H10.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }), _jsx("span", { children: "Copy Address" })] })) })] }), _jsx("p", { className: "wallet-modal-receive-note", children: "Scan this QR code or copy the address to receive funds" })] })) })] }) }));
|
|
21
21
|
}
|
|
22
22
|
//# sourceMappingURL=ReceiveModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReceiveModal.js","sourceRoot":"","sources":["../../../../../src/components/WalletModal/components/ReceiveModal.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,oBAAoB,CAAC;AAS5B,MAAM,UAAU,YAAY,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,OAAO,EACP,KAAK,GAAG,MAAM,GACI;IAClB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,IAAI,OAAO,EAAE,CAAC;YACZ,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YACvC,SAAS,CAAC,IAAI,CAAC,CAAC;YAChB,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzB,OAAO,CACL,cACE,SAAS,EAAE,2CAA2C,KAAK,EAAE,EAC7D,OAAO,EAAE,OAAO,YAEhB,eACE,SAAS,EAAE,2CAA2C,KAAK,uBAAuB,EAClF,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,aAEnC,eAAK,SAAS,EAAC,6BAA6B,aAC1C,iBAAQ,SAAS,EAAC,mBAAmB,EAAC,OAAO,EAAE,OAAO,YACpD,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,YACzD,eACE,CAAC,EAAC,wBAAwB,EAC1B,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE,GACC,EACT,aAAI,SAAS,EAAC,4BAA4B,
|
|
1
|
+
{"version":3,"file":"ReceiveModal.js","sourceRoot":"","sources":["../../../../../src/components/WalletModal/components/ReceiveModal.tsx"],"names":[],"mappings":"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"}
|