@meshsdk/react 1.7.9 → 1.7.11
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/index.cjs +17 -11
- package/dist/index.css +110 -110
- package/dist/index.js +18 -12
- package/package.json +7 -7
package/dist/index.cjs
CHANGED
|
@@ -157,9 +157,7 @@ var useAssets = () => {
|
|
|
157
157
|
var import_react4 = require("react");
|
|
158
158
|
var import_wallet2 = require("@meshsdk/wallet");
|
|
159
159
|
var useWalletList = ({
|
|
160
|
-
metamask =
|
|
161
|
-
network: "preprod"
|
|
162
|
-
}
|
|
160
|
+
metamask = void 0
|
|
163
161
|
} = {}) => {
|
|
164
162
|
const [wallets, setWallets] = (0, import_react4.useState)([]);
|
|
165
163
|
(0, import_react4.useEffect)(() => {
|
|
@@ -175,13 +173,21 @@ var useWalletList = ({
|
|
|
175
173
|
var import_react5 = require("react");
|
|
176
174
|
var useLovelace = () => {
|
|
177
175
|
const [lovelace, setLovelace] = (0, import_react5.useState)();
|
|
178
|
-
const { hasConnectedWallet,
|
|
176
|
+
const { hasConnectedWallet, connectedWalletInstance } = (0, import_react5.useContext)(WalletContext);
|
|
177
|
+
const hasFetchedLovelace = (0, import_react5.useRef)(false);
|
|
179
178
|
(0, import_react5.useEffect)(() => {
|
|
180
|
-
|
|
181
|
-
connectedWalletInstance.getLovelace()
|
|
179
|
+
async function getLovelace() {
|
|
180
|
+
setLovelace(await connectedWalletInstance.getLovelace());
|
|
182
181
|
}
|
|
183
|
-
|
|
184
|
-
|
|
182
|
+
if (hasConnectedWallet && !hasFetchedLovelace.current) {
|
|
183
|
+
getLovelace();
|
|
184
|
+
hasFetchedLovelace.current = true;
|
|
185
|
+
}
|
|
186
|
+
}, [hasConnectedWallet, connectedWalletInstance]);
|
|
187
|
+
const _lovelace = (0, import_react5.useMemo)(() => {
|
|
188
|
+
return lovelace;
|
|
189
|
+
}, [lovelace]);
|
|
190
|
+
return _lovelace;
|
|
185
191
|
};
|
|
186
192
|
|
|
187
193
|
// src/hooks/useNetwork.ts
|
|
@@ -192,6 +198,8 @@ var useNetwork = () => {
|
|
|
192
198
|
(0, import_react6.useEffect)(() => {
|
|
193
199
|
if (hasConnectedWallet) {
|
|
194
200
|
connectedWalletInstance.getNetworkId().then(setNetworkId);
|
|
201
|
+
} else {
|
|
202
|
+
setNetworkId(void 0);
|
|
195
203
|
}
|
|
196
204
|
}, [connectedWalletName]);
|
|
197
205
|
return networkId;
|
|
@@ -348,9 +356,7 @@ var CardanoWallet = ({
|
|
|
348
356
|
label = "Connect Wallet",
|
|
349
357
|
onConnected = void 0,
|
|
350
358
|
isDark = false,
|
|
351
|
-
metamask =
|
|
352
|
-
network: "preprod"
|
|
353
|
-
},
|
|
359
|
+
metamask = void 0,
|
|
354
360
|
extensions = []
|
|
355
361
|
}) => {
|
|
356
362
|
const [isDarkMode, setIsDarkMode] = (0, import_react10.useState)(false);
|
package/dist/index.css
CHANGED
|
@@ -1,5 +1,113 @@
|
|
|
1
|
+
*, ::before, ::after {
|
|
2
|
+
--tw-border-spacing-x: 0;
|
|
3
|
+
--tw-border-spacing-y: 0;
|
|
4
|
+
--tw-translate-x: 0;
|
|
5
|
+
--tw-translate-y: 0;
|
|
6
|
+
--tw-rotate: 0;
|
|
7
|
+
--tw-skew-x: 0;
|
|
8
|
+
--tw-skew-y: 0;
|
|
9
|
+
--tw-scale-x: 1;
|
|
10
|
+
--tw-scale-y: 1;
|
|
11
|
+
--tw-pan-x: ;
|
|
12
|
+
--tw-pan-y: ;
|
|
13
|
+
--tw-pinch-zoom: ;
|
|
14
|
+
--tw-scroll-snap-strictness: proximity;
|
|
15
|
+
--tw-gradient-from-position: ;
|
|
16
|
+
--tw-gradient-via-position: ;
|
|
17
|
+
--tw-gradient-to-position: ;
|
|
18
|
+
--tw-ordinal: ;
|
|
19
|
+
--tw-slashed-zero: ;
|
|
20
|
+
--tw-numeric-figure: ;
|
|
21
|
+
--tw-numeric-spacing: ;
|
|
22
|
+
--tw-numeric-fraction: ;
|
|
23
|
+
--tw-ring-inset: ;
|
|
24
|
+
--tw-ring-offset-width: 0px;
|
|
25
|
+
--tw-ring-offset-color: #fff;
|
|
26
|
+
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
27
|
+
--tw-ring-offset-shadow: 0 0 #0000;
|
|
28
|
+
--tw-ring-shadow: 0 0 #0000;
|
|
29
|
+
--tw-shadow: 0 0 #0000;
|
|
30
|
+
--tw-shadow-colored: 0 0 #0000;
|
|
31
|
+
--tw-blur: ;
|
|
32
|
+
--tw-brightness: ;
|
|
33
|
+
--tw-contrast: ;
|
|
34
|
+
--tw-grayscale: ;
|
|
35
|
+
--tw-hue-rotate: ;
|
|
36
|
+
--tw-invert: ;
|
|
37
|
+
--tw-saturate: ;
|
|
38
|
+
--tw-sepia: ;
|
|
39
|
+
--tw-drop-shadow: ;
|
|
40
|
+
--tw-backdrop-blur: ;
|
|
41
|
+
--tw-backdrop-brightness: ;
|
|
42
|
+
--tw-backdrop-contrast: ;
|
|
43
|
+
--tw-backdrop-grayscale: ;
|
|
44
|
+
--tw-backdrop-hue-rotate: ;
|
|
45
|
+
--tw-backdrop-invert: ;
|
|
46
|
+
--tw-backdrop-opacity: ;
|
|
47
|
+
--tw-backdrop-saturate: ;
|
|
48
|
+
--tw-backdrop-sepia: ;
|
|
49
|
+
--tw-contain-size: ;
|
|
50
|
+
--tw-contain-layout: ;
|
|
51
|
+
--tw-contain-paint: ;
|
|
52
|
+
--tw-contain-style: ;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
::backdrop {
|
|
56
|
+
--tw-border-spacing-x: 0;
|
|
57
|
+
--tw-border-spacing-y: 0;
|
|
58
|
+
--tw-translate-x: 0;
|
|
59
|
+
--tw-translate-y: 0;
|
|
60
|
+
--tw-rotate: 0;
|
|
61
|
+
--tw-skew-x: 0;
|
|
62
|
+
--tw-skew-y: 0;
|
|
63
|
+
--tw-scale-x: 1;
|
|
64
|
+
--tw-scale-y: 1;
|
|
65
|
+
--tw-pan-x: ;
|
|
66
|
+
--tw-pan-y: ;
|
|
67
|
+
--tw-pinch-zoom: ;
|
|
68
|
+
--tw-scroll-snap-strictness: proximity;
|
|
69
|
+
--tw-gradient-from-position: ;
|
|
70
|
+
--tw-gradient-via-position: ;
|
|
71
|
+
--tw-gradient-to-position: ;
|
|
72
|
+
--tw-ordinal: ;
|
|
73
|
+
--tw-slashed-zero: ;
|
|
74
|
+
--tw-numeric-figure: ;
|
|
75
|
+
--tw-numeric-spacing: ;
|
|
76
|
+
--tw-numeric-fraction: ;
|
|
77
|
+
--tw-ring-inset: ;
|
|
78
|
+
--tw-ring-offset-width: 0px;
|
|
79
|
+
--tw-ring-offset-color: #fff;
|
|
80
|
+
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
81
|
+
--tw-ring-offset-shadow: 0 0 #0000;
|
|
82
|
+
--tw-ring-shadow: 0 0 #0000;
|
|
83
|
+
--tw-shadow: 0 0 #0000;
|
|
84
|
+
--tw-shadow-colored: 0 0 #0000;
|
|
85
|
+
--tw-blur: ;
|
|
86
|
+
--tw-brightness: ;
|
|
87
|
+
--tw-contrast: ;
|
|
88
|
+
--tw-grayscale: ;
|
|
89
|
+
--tw-hue-rotate: ;
|
|
90
|
+
--tw-invert: ;
|
|
91
|
+
--tw-saturate: ;
|
|
92
|
+
--tw-sepia: ;
|
|
93
|
+
--tw-drop-shadow: ;
|
|
94
|
+
--tw-backdrop-blur: ;
|
|
95
|
+
--tw-backdrop-brightness: ;
|
|
96
|
+
--tw-backdrop-contrast: ;
|
|
97
|
+
--tw-backdrop-grayscale: ;
|
|
98
|
+
--tw-backdrop-hue-rotate: ;
|
|
99
|
+
--tw-backdrop-invert: ;
|
|
100
|
+
--tw-backdrop-opacity: ;
|
|
101
|
+
--tw-backdrop-saturate: ;
|
|
102
|
+
--tw-backdrop-sepia: ;
|
|
103
|
+
--tw-contain-size: ;
|
|
104
|
+
--tw-contain-layout: ;
|
|
105
|
+
--tw-contain-paint: ;
|
|
106
|
+
--tw-contain-style: ;
|
|
107
|
+
}
|
|
108
|
+
|
|
1
109
|
/*
|
|
2
|
-
! tailwindcss v3.4.
|
|
110
|
+
! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com
|
|
3
111
|
*/
|
|
4
112
|
|
|
5
113
|
/*
|
|
@@ -442,118 +550,10 @@ video {
|
|
|
442
550
|
|
|
443
551
|
/* Make elements with the HTML hidden attribute stay hidden by default */
|
|
444
552
|
|
|
445
|
-
[hidden] {
|
|
553
|
+
[hidden]:where(:not([hidden="until-found"])) {
|
|
446
554
|
display: none;
|
|
447
555
|
}
|
|
448
556
|
|
|
449
|
-
*, ::before, ::after {
|
|
450
|
-
--tw-border-spacing-x: 0;
|
|
451
|
-
--tw-border-spacing-y: 0;
|
|
452
|
-
--tw-translate-x: 0;
|
|
453
|
-
--tw-translate-y: 0;
|
|
454
|
-
--tw-rotate: 0;
|
|
455
|
-
--tw-skew-x: 0;
|
|
456
|
-
--tw-skew-y: 0;
|
|
457
|
-
--tw-scale-x: 1;
|
|
458
|
-
--tw-scale-y: 1;
|
|
459
|
-
--tw-pan-x: ;
|
|
460
|
-
--tw-pan-y: ;
|
|
461
|
-
--tw-pinch-zoom: ;
|
|
462
|
-
--tw-scroll-snap-strictness: proximity;
|
|
463
|
-
--tw-gradient-from-position: ;
|
|
464
|
-
--tw-gradient-via-position: ;
|
|
465
|
-
--tw-gradient-to-position: ;
|
|
466
|
-
--tw-ordinal: ;
|
|
467
|
-
--tw-slashed-zero: ;
|
|
468
|
-
--tw-numeric-figure: ;
|
|
469
|
-
--tw-numeric-spacing: ;
|
|
470
|
-
--tw-numeric-fraction: ;
|
|
471
|
-
--tw-ring-inset: ;
|
|
472
|
-
--tw-ring-offset-width: 0px;
|
|
473
|
-
--tw-ring-offset-color: #fff;
|
|
474
|
-
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
475
|
-
--tw-ring-offset-shadow: 0 0 #0000;
|
|
476
|
-
--tw-ring-shadow: 0 0 #0000;
|
|
477
|
-
--tw-shadow: 0 0 #0000;
|
|
478
|
-
--tw-shadow-colored: 0 0 #0000;
|
|
479
|
-
--tw-blur: ;
|
|
480
|
-
--tw-brightness: ;
|
|
481
|
-
--tw-contrast: ;
|
|
482
|
-
--tw-grayscale: ;
|
|
483
|
-
--tw-hue-rotate: ;
|
|
484
|
-
--tw-invert: ;
|
|
485
|
-
--tw-saturate: ;
|
|
486
|
-
--tw-sepia: ;
|
|
487
|
-
--tw-drop-shadow: ;
|
|
488
|
-
--tw-backdrop-blur: ;
|
|
489
|
-
--tw-backdrop-brightness: ;
|
|
490
|
-
--tw-backdrop-contrast: ;
|
|
491
|
-
--tw-backdrop-grayscale: ;
|
|
492
|
-
--tw-backdrop-hue-rotate: ;
|
|
493
|
-
--tw-backdrop-invert: ;
|
|
494
|
-
--tw-backdrop-opacity: ;
|
|
495
|
-
--tw-backdrop-saturate: ;
|
|
496
|
-
--tw-backdrop-sepia: ;
|
|
497
|
-
--tw-contain-size: ;
|
|
498
|
-
--tw-contain-layout: ;
|
|
499
|
-
--tw-contain-paint: ;
|
|
500
|
-
--tw-contain-style: ;
|
|
501
|
-
}
|
|
502
|
-
|
|
503
|
-
::backdrop {
|
|
504
|
-
--tw-border-spacing-x: 0;
|
|
505
|
-
--tw-border-spacing-y: 0;
|
|
506
|
-
--tw-translate-x: 0;
|
|
507
|
-
--tw-translate-y: 0;
|
|
508
|
-
--tw-rotate: 0;
|
|
509
|
-
--tw-skew-x: 0;
|
|
510
|
-
--tw-skew-y: 0;
|
|
511
|
-
--tw-scale-x: 1;
|
|
512
|
-
--tw-scale-y: 1;
|
|
513
|
-
--tw-pan-x: ;
|
|
514
|
-
--tw-pan-y: ;
|
|
515
|
-
--tw-pinch-zoom: ;
|
|
516
|
-
--tw-scroll-snap-strictness: proximity;
|
|
517
|
-
--tw-gradient-from-position: ;
|
|
518
|
-
--tw-gradient-via-position: ;
|
|
519
|
-
--tw-gradient-to-position: ;
|
|
520
|
-
--tw-ordinal: ;
|
|
521
|
-
--tw-slashed-zero: ;
|
|
522
|
-
--tw-numeric-figure: ;
|
|
523
|
-
--tw-numeric-spacing: ;
|
|
524
|
-
--tw-numeric-fraction: ;
|
|
525
|
-
--tw-ring-inset: ;
|
|
526
|
-
--tw-ring-offset-width: 0px;
|
|
527
|
-
--tw-ring-offset-color: #fff;
|
|
528
|
-
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
529
|
-
--tw-ring-offset-shadow: 0 0 #0000;
|
|
530
|
-
--tw-ring-shadow: 0 0 #0000;
|
|
531
|
-
--tw-shadow: 0 0 #0000;
|
|
532
|
-
--tw-shadow-colored: 0 0 #0000;
|
|
533
|
-
--tw-blur: ;
|
|
534
|
-
--tw-brightness: ;
|
|
535
|
-
--tw-contrast: ;
|
|
536
|
-
--tw-grayscale: ;
|
|
537
|
-
--tw-hue-rotate: ;
|
|
538
|
-
--tw-invert: ;
|
|
539
|
-
--tw-saturate: ;
|
|
540
|
-
--tw-sepia: ;
|
|
541
|
-
--tw-drop-shadow: ;
|
|
542
|
-
--tw-backdrop-blur: ;
|
|
543
|
-
--tw-backdrop-brightness: ;
|
|
544
|
-
--tw-backdrop-contrast: ;
|
|
545
|
-
--tw-backdrop-grayscale: ;
|
|
546
|
-
--tw-backdrop-hue-rotate: ;
|
|
547
|
-
--tw-backdrop-invert: ;
|
|
548
|
-
--tw-backdrop-opacity: ;
|
|
549
|
-
--tw-backdrop-saturate: ;
|
|
550
|
-
--tw-backdrop-sepia: ;
|
|
551
|
-
--tw-contain-size: ;
|
|
552
|
-
--tw-contain-layout: ;
|
|
553
|
-
--tw-contain-paint: ;
|
|
554
|
-
--tw-contain-style: ;
|
|
555
|
-
}
|
|
556
|
-
|
|
557
557
|
.mesh-absolute {
|
|
558
558
|
position: absolute;
|
|
559
559
|
}
|
package/dist/index.js
CHANGED
|
@@ -119,9 +119,7 @@ var useAssets = () => {
|
|
|
119
119
|
import { useEffect as useEffect3, useState as useState4 } from "react";
|
|
120
120
|
import { BrowserWallet as BrowserWallet2 } from "@meshsdk/wallet";
|
|
121
121
|
var useWalletList = ({
|
|
122
|
-
metamask =
|
|
123
|
-
network: "preprod"
|
|
124
|
-
}
|
|
122
|
+
metamask = void 0
|
|
125
123
|
} = {}) => {
|
|
126
124
|
const [wallets, setWallets] = useState4([]);
|
|
127
125
|
useEffect3(() => {
|
|
@@ -134,16 +132,24 @@ var useWalletList = ({
|
|
|
134
132
|
};
|
|
135
133
|
|
|
136
134
|
// src/hooks/useLovelace.ts
|
|
137
|
-
import { useContext as useContext3, useEffect as useEffect4, useState as useState5 } from "react";
|
|
135
|
+
import { useContext as useContext3, useEffect as useEffect4, useMemo, useRef, useState as useState5 } from "react";
|
|
138
136
|
var useLovelace = () => {
|
|
139
137
|
const [lovelace, setLovelace] = useState5();
|
|
140
|
-
const { hasConnectedWallet,
|
|
138
|
+
const { hasConnectedWallet, connectedWalletInstance } = useContext3(WalletContext);
|
|
139
|
+
const hasFetchedLovelace = useRef(false);
|
|
141
140
|
useEffect4(() => {
|
|
142
|
-
|
|
143
|
-
connectedWalletInstance.getLovelace()
|
|
141
|
+
async function getLovelace() {
|
|
142
|
+
setLovelace(await connectedWalletInstance.getLovelace());
|
|
144
143
|
}
|
|
145
|
-
|
|
146
|
-
|
|
144
|
+
if (hasConnectedWallet && !hasFetchedLovelace.current) {
|
|
145
|
+
getLovelace();
|
|
146
|
+
hasFetchedLovelace.current = true;
|
|
147
|
+
}
|
|
148
|
+
}, [hasConnectedWallet, connectedWalletInstance]);
|
|
149
|
+
const _lovelace = useMemo(() => {
|
|
150
|
+
return lovelace;
|
|
151
|
+
}, [lovelace]);
|
|
152
|
+
return _lovelace;
|
|
147
153
|
};
|
|
148
154
|
|
|
149
155
|
// src/hooks/useNetwork.ts
|
|
@@ -154,6 +160,8 @@ var useNetwork = () => {
|
|
|
154
160
|
useEffect5(() => {
|
|
155
161
|
if (hasConnectedWallet) {
|
|
156
162
|
connectedWalletInstance.getNetworkId().then(setNetworkId);
|
|
163
|
+
} else {
|
|
164
|
+
setNetworkId(void 0);
|
|
157
165
|
}
|
|
158
166
|
}, [connectedWalletName]);
|
|
159
167
|
return networkId;
|
|
@@ -310,9 +318,7 @@ var CardanoWallet = ({
|
|
|
310
318
|
label = "Connect Wallet",
|
|
311
319
|
onConnected = void 0,
|
|
312
320
|
isDark = false,
|
|
313
|
-
metamask =
|
|
314
|
-
network: "preprod"
|
|
315
|
-
},
|
|
321
|
+
metamask = void 0,
|
|
316
322
|
extensions = []
|
|
317
323
|
}) => {
|
|
318
324
|
const [isDarkMode, setIsDarkMode] = useState9(false);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@meshsdk/react",
|
|
3
|
-
"version": "1.7.
|
|
3
|
+
"version": "1.7.11",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "./dist/index.cjs",
|
|
6
6
|
"browser": "./dist/index.js",
|
|
@@ -10,9 +10,9 @@
|
|
|
10
10
|
"exports": {
|
|
11
11
|
"./styles.css": "./dist/index.css",
|
|
12
12
|
".": {
|
|
13
|
+
"types": "./dist/index.d.ts",
|
|
13
14
|
"import": "./dist/index.js",
|
|
14
|
-
"require": "./dist/index.cjs"
|
|
15
|
-
"types": "./dist/index.d.ts"
|
|
15
|
+
"require": "./dist/index.cjs"
|
|
16
16
|
}
|
|
17
17
|
},
|
|
18
18
|
"files": [
|
|
@@ -30,9 +30,9 @@
|
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
32
|
"react": "^18.2.0",
|
|
33
|
-
"@meshsdk/common": "1.7.
|
|
34
|
-
"@meshsdk/transaction": "1.7.
|
|
35
|
-
"@meshsdk/wallet": "1.7.
|
|
33
|
+
"@meshsdk/common": "1.7.11",
|
|
34
|
+
"@meshsdk/transaction": "1.7.11",
|
|
35
|
+
"@meshsdk/wallet": "1.7.11"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
38
|
"@meshsdk/configs": "*",
|
|
@@ -55,4 +55,4 @@
|
|
|
55
55
|
"blockchain",
|
|
56
56
|
"sdk"
|
|
57
57
|
]
|
|
58
|
-
}
|
|
58
|
+
}
|