@xylabs/sdk-react 2.7.22 → 2.7.23
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/components/Experiments/Experiments.js +43 -22
- package/dist/components/Experiments/Experiments.js.map +1 -1
- package/dist/components/QuickTipButton/QuickTipButton.js +2 -2
- package/dist/components/QuickTipButton/QuickTipButton.js.map +1 -1
- package/dist/components/TokenAmount/TokenAmountProps.d.ts +0 -1
- package/dist/contexts/CookieConsent/Loader.js +2 -2
- package/dist/contexts/CookieConsent/Loader.js.map +1 -1
- package/dist/contexts/Ethers/MetaMask.js +10 -10
- package/dist/contexts/Ethers/MetaMask.js.map +1 -1
- package/dist/contexts/Ethers/MyEtherWallet.js +9 -9
- package/dist/contexts/Ethers/MyEtherWallet.js.map +1 -1
- package/dist/contexts/Ethers/Opera.js +5 -5
- package/dist/contexts/Ethers/Opera.js.map +1 -1
- package/dist/contexts/Ethers/Trust.js +3 -3
- package/dist/contexts/Ethers/Trust.js.map +1 -1
- package/dist/esm2017/components/TokenAmount/TokenAmountProps.d.ts +0 -1
- package/dist/esm2017/index.js +100 -51
- package/dist/esm2017/index.js.map +1 -1
- package/dist/esm5/components/TokenAmount/TokenAmountProps.d.ts +0 -1
- package/dist/esm5/index.js +100 -51
- package/dist/esm5/index.js.map +1 -1
- package/dist/hooks/useMounted.js +2 -1
- package/dist/hooks/useMounted.js.map +1 -1
- package/dist/hooks/useWebP.js +2 -2
- package/dist/hooks/useWebP.js.map +1 -1
- package/dist/hooks/useWindowSize.js +3 -2
- package/dist/hooks/useWindowSize.js.map +1 -1
- package/dist/node/components/TokenAmount/TokenAmountProps.d.ts +0 -1
- package/dist/node/index.js +100 -51
- package/dist/node/index.js.map +1 -1
- package/dist/node-esm/components/TokenAmount/TokenAmountProps.d.ts +0 -1
- package/dist/node-esm/index.js +100 -51
- package/dist/node-esm/index.js.map +1 -1
- package/package.json +7 -8
package/dist/esm2017/index.js
CHANGED
|
@@ -106,6 +106,35 @@ function __generator(thisArg, body) {
|
|
|
106
106
|
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
107
107
|
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
108
108
|
}
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
function __values(o) {
|
|
112
|
+
var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
|
|
113
|
+
if (m) return m.call(o);
|
|
114
|
+
if (o && typeof o.length === "number") return {
|
|
115
|
+
next: function () {
|
|
116
|
+
if (o && i >= o.length) o = void 0;
|
|
117
|
+
return { value: o && o[i++], done: !o };
|
|
118
|
+
}
|
|
119
|
+
};
|
|
120
|
+
throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
function __read(o, n) {
|
|
124
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
125
|
+
if (!m) return o;
|
|
126
|
+
var i = m.call(o), r, ar = [], e;
|
|
127
|
+
try {
|
|
128
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
129
|
+
}
|
|
130
|
+
catch (error) { e = { error: error }; }
|
|
131
|
+
finally {
|
|
132
|
+
try {
|
|
133
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
134
|
+
}
|
|
135
|
+
finally { if (e) throw e.error; }
|
|
136
|
+
}
|
|
137
|
+
return ar;
|
|
109
138
|
}
|
|
110
139
|
|
|
111
140
|
var BusyCircularProgress = function (_a) {
|
|
@@ -296,7 +325,7 @@ var CookieConsentLoader = function (_a) {
|
|
|
296
325
|
var setAcceptedToLocalStorage = function (accepted) {
|
|
297
326
|
localStorage.setItem(CookiesAcceptedLocalStorageName, accepted ? 'true' : 'false');
|
|
298
327
|
};
|
|
299
|
-
var _b = useState(getAcceptedFromLocalStorage()), accepted = _b[0], setAccepted = _b[1];
|
|
328
|
+
var _b = __read(useState(getAcceptedFromLocalStorage()), 2), accepted = _b[0], setAccepted = _b[1];
|
|
300
329
|
var setAcceptedHandler = function (accepted) {
|
|
301
330
|
setAcceptedToLocalStorage(accepted);
|
|
302
331
|
setAccepted(accepted);
|
|
@@ -1655,10 +1684,10 @@ var MetaMaskEthersLoader = function (props) {
|
|
|
1655
1684
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
1656
1685
|
var global = window;
|
|
1657
1686
|
var ethereum = global.ethereum;
|
|
1658
|
-
var _b = useState(), error = _b[0], setError = _b[1];
|
|
1659
|
-
var _c = useState(), localAddress = _c[0], setLocalAddress = _c[1];
|
|
1660
|
-
var _d = useState(0), resetCount = _d[0], setResetCount = _d[1];
|
|
1661
|
-
var _e = useState(), providerName = _e[0], setProviderName = _e[1];
|
|
1687
|
+
var _b = __read(useState(), 2), error = _b[0], setError = _b[1];
|
|
1688
|
+
var _c = __read(useState(), 2), localAddress = _c[0], setLocalAddress = _c[1];
|
|
1689
|
+
var _d = __read(useState(0), 2), resetCount = _d[0], setResetCount = _d[1];
|
|
1690
|
+
var _e = __read(useState(), 2), providerName = _e[0], setProviderName = _e[1];
|
|
1662
1691
|
if (ethereum) {
|
|
1663
1692
|
ethereum.autoRefreshOnNetworkChange = false;
|
|
1664
1693
|
}
|
|
@@ -1673,7 +1702,7 @@ var MetaMaskEthersLoader = function (props) {
|
|
|
1673
1702
|
}
|
|
1674
1703
|
});
|
|
1675
1704
|
}); };
|
|
1676
|
-
var _f = useState(), isConnected = _f[0], setIsConnected = _f[1];
|
|
1705
|
+
var _f = __read(useState(), 2), isConnected = _f[0], setIsConnected = _f[1];
|
|
1677
1706
|
useEffect(function () {
|
|
1678
1707
|
if (ethereum && enabled) {
|
|
1679
1708
|
ethereum.on('accountsChanged', function (accounts) {
|
|
@@ -1697,9 +1726,9 @@ var MetaMaskEthersLoader = function (props) {
|
|
|
1697
1726
|
});
|
|
1698
1727
|
}
|
|
1699
1728
|
}, [ethereum, resetCount, enabled]);
|
|
1700
|
-
var _g = useState(), walletProvider = _g[0], setWalletProvider = _g[1];
|
|
1701
|
-
var _h = useState(), provider = _h[0], setProvider = _h[1];
|
|
1702
|
-
var _j = useState(), signer = _j[0], setSigner = _j[1];
|
|
1729
|
+
var _g = __read(useState(), 2), walletProvider = _g[0], setWalletProvider = _g[1];
|
|
1730
|
+
var _h = __read(useState(), 2), provider = _h[0], setProvider = _h[1];
|
|
1731
|
+
var _j = __read(useState(), 2), signer = _j[0], setSigner = _j[1];
|
|
1703
1732
|
useEffect(function () {
|
|
1704
1733
|
if (enabled) {
|
|
1705
1734
|
var walletProvider_1 = ethereum ? new Web3Provider(ethereum) : null;
|
|
@@ -1758,7 +1787,7 @@ var MetaMaskEthersLoader = function (props) {
|
|
|
1758
1787
|
}
|
|
1759
1788
|
});
|
|
1760
1789
|
}); }, [signer, resetCount, enabled]);
|
|
1761
|
-
var _k = useState(), chainId = _k[0], setChainId = _k[1];
|
|
1790
|
+
var _k = __read(useState(), 2), chainId = _k[0], setChainId = _k[1];
|
|
1762
1791
|
useAsyncEffect(function (isMounted) { return __awaiter(void 0, void 0, void 0, function () {
|
|
1763
1792
|
var chainId_1;
|
|
1764
1793
|
var _a;
|
|
@@ -1796,9 +1825,9 @@ var MyEtherWalletEthersLoader = function (props) {
|
|
|
1796
1825
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
1797
1826
|
var global = window;
|
|
1798
1827
|
var ethereum = global.ethereum;
|
|
1799
|
-
var _a = useState(), error = _a[0], setError = _a[1];
|
|
1800
|
-
var _b = useState(), localAddress = _b[0], setLocalAddress = _b[1];
|
|
1801
|
-
var _c = useState(), providerName = _c[0], setProviderName = _c[1];
|
|
1828
|
+
var _a = __read(useState(), 2), error = _a[0], setError = _a[1];
|
|
1829
|
+
var _b = __read(useState(), 2), localAddress = _b[0], setLocalAddress = _b[1];
|
|
1830
|
+
var _c = __read(useState(), 2), providerName = _c[0], setProviderName = _c[1];
|
|
1802
1831
|
if (ethereum) {
|
|
1803
1832
|
ethereum.autoRefreshOnNetworkChange = false;
|
|
1804
1833
|
}
|
|
@@ -1813,10 +1842,10 @@ var MyEtherWalletEthersLoader = function (props) {
|
|
|
1813
1842
|
}
|
|
1814
1843
|
});
|
|
1815
1844
|
}); };
|
|
1816
|
-
var _d = useState(), isConnected = _d[0], setIsConnected = _d[1];
|
|
1817
|
-
var _e = useState(), walletProvider = _e[0], setWalletProvider = _e[1];
|
|
1818
|
-
var _f = useState(), provider = _f[0], setProvider = _f[1];
|
|
1819
|
-
var _g = useState(), signer = _g[0], setSigner = _g[1];
|
|
1845
|
+
var _d = __read(useState(), 2), isConnected = _d[0], setIsConnected = _d[1];
|
|
1846
|
+
var _e = __read(useState(), 2), walletProvider = _e[0], setWalletProvider = _e[1];
|
|
1847
|
+
var _f = __read(useState(), 2), provider = _f[0], setProvider = _f[1];
|
|
1848
|
+
var _g = __read(useState(), 2), signer = _g[0], setSigner = _g[1];
|
|
1820
1849
|
useEffect(function () {
|
|
1821
1850
|
var walletProvider = ethereum ? new Web3Provider(ethereum) : null;
|
|
1822
1851
|
var provider = null;
|
|
@@ -1871,7 +1900,7 @@ var MyEtherWalletEthersLoader = function (props) {
|
|
|
1871
1900
|
}
|
|
1872
1901
|
});
|
|
1873
1902
|
}); }, [signer]);
|
|
1874
|
-
var _h = useState(), chainId = _h[0], setChainId = _h[1];
|
|
1903
|
+
var _h = __read(useState(), 2), chainId = _h[0], setChainId = _h[1];
|
|
1875
1904
|
useAsyncEffect(function (isMounted) { return __awaiter(void 0, void 0, void 0, function () {
|
|
1876
1905
|
var chainId;
|
|
1877
1906
|
var _a;
|
|
@@ -1907,10 +1936,10 @@ var OperaEthersLoader = function (props) {
|
|
|
1907
1936
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
1908
1937
|
var global = window;
|
|
1909
1938
|
var ethereum = global.ethereum;
|
|
1910
|
-
var _g = useState(), error = _g[0], setError = _g[1];
|
|
1911
|
-
var _h = useState(), signer = _h[0], setSigner = _h[1];
|
|
1912
|
-
var _j = useState(), provider = _j[0], setProvider = _j[1];
|
|
1913
|
-
var _k = useState(((_c = (_b = (_a = global.ethereum) === null || _a === void 0 ? void 0 : _a.addresses) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0) > 0 ? EthAddress.fromString((_e = (_d = global.ethereum) === null || _d === void 0 ? void 0 : _d.addresses) === null || _e === void 0 ? void 0 : _e[0]) : null), localAddress = _k[0], setLocalAddress = _k[1];
|
|
1939
|
+
var _g = __read(useState(), 2), error = _g[0], setError = _g[1];
|
|
1940
|
+
var _h = __read(useState(), 2), signer = _h[0], setSigner = _h[1];
|
|
1941
|
+
var _j = __read(useState(), 2), provider = _j[0], setProvider = _j[1];
|
|
1942
|
+
var _k = __read(useState(((_c = (_b = (_a = global.ethereum) === null || _a === void 0 ? void 0 : _a.addresses) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0) > 0 ? EthAddress.fromString((_e = (_d = global.ethereum) === null || _d === void 0 ? void 0 : _d.addresses) === null || _e === void 0 ? void 0 : _e[0]) : null), 2), localAddress = _k[0], setLocalAddress = _k[1];
|
|
1914
1943
|
var chainId = (ethereum === null || ethereum === void 0 ? void 0 : ethereum.chainId) ? parseInt(ethereum === null || ethereum === void 0 ? void 0 : ethereum.chainId) : 1;
|
|
1915
1944
|
var isConnected = (_f = ethereum === null || ethereum === void 0 ? void 0 : ethereum.isConnected()) !== null && _f !== void 0 ? _f : false;
|
|
1916
1945
|
React.useEffect(function () {
|
|
@@ -1968,8 +1997,8 @@ var TrustEthersLoader = function (props) {
|
|
|
1968
1997
|
var children = props.children;
|
|
1969
1998
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
1970
1999
|
var global = window;
|
|
1971
|
-
var _a = useState(), error = _a[0], setError = _a[1];
|
|
1972
|
-
var _b = useState(), localAddress = _b[0], setLocalAddress = _b[1];
|
|
2000
|
+
var _a = __read(useState(), 2), error = _a[0], setError = _a[1];
|
|
2001
|
+
var _b = __read(useState(), 2), localAddress = _b[0], setLocalAddress = _b[1];
|
|
1973
2002
|
var trustProvider = new Web3Provider(global.ethereum);
|
|
1974
2003
|
var signer = trustProvider.getSigner();
|
|
1975
2004
|
var chainId = 1;
|
|
@@ -2265,7 +2294,7 @@ var useBreakpoint = function () {
|
|
|
2265
2294
|
};
|
|
2266
2295
|
|
|
2267
2296
|
var useMounted = function () {
|
|
2268
|
-
var _a = useState(true), mounted = _a[0], setMounted = _a[1];
|
|
2297
|
+
var _a = __read(useState(true), 2), mounted = _a[0], setMounted = _a[1];
|
|
2269
2298
|
useEffect(function () {
|
|
2270
2299
|
setMounted(true);
|
|
2271
2300
|
return function () {
|
|
@@ -2306,7 +2335,7 @@ var useSpacing = function (value) {
|
|
|
2306
2335
|
|
|
2307
2336
|
var supportsWebP = undefined;
|
|
2308
2337
|
var useWebP = function (webp, alt) {
|
|
2309
|
-
var _a = useState(supportsWebP === true ? webp : supportsWebP === false ? alt : undefined), img = _a[0], setImg = _a[1];
|
|
2338
|
+
var _a = __read(useState(supportsWebP === true ? webp : supportsWebP === false ? alt : undefined), 2), img = _a[0], setImg = _a[1];
|
|
2310
2339
|
useAsyncEffect(function (mounted) { return __awaiter(void 0, void 0, void 0, function () {
|
|
2311
2340
|
return __generator(this, function (_a) {
|
|
2312
2341
|
switch (_a.label) {
|
|
@@ -2340,10 +2369,10 @@ var getSupportsWebP = function () { return __awaiter(void 0, void 0, void 0, fun
|
|
|
2340
2369
|
}); };
|
|
2341
2370
|
|
|
2342
2371
|
function useWindowSize() {
|
|
2343
|
-
var _a = useState({
|
|
2372
|
+
var _a = __read(useState({
|
|
2344
2373
|
height: undefined,
|
|
2345
2374
|
width: undefined,
|
|
2346
|
-
}), windowSize = _a[0], setWindowSize = _a[1];
|
|
2375
|
+
}), 2), windowSize = _a[0], setWindowSize = _a[1];
|
|
2347
2376
|
useEffect(function () {
|
|
2348
2377
|
function handleResize() {
|
|
2349
2378
|
setWindowSize({
|
|
@@ -2421,16 +2450,27 @@ var buildLocalStorageKey = function (localStorageProp) {
|
|
|
2421
2450
|
: '';
|
|
2422
2451
|
};
|
|
2423
2452
|
var calcTotalWeight = function (childList) {
|
|
2453
|
+
var e_1, _a;
|
|
2424
2454
|
var totalWeight = 0;
|
|
2425
|
-
|
|
2426
|
-
var
|
|
2427
|
-
|
|
2455
|
+
try {
|
|
2456
|
+
for (var childList_1 = __values(childList), childList_1_1 = childList_1.next(); !childList_1_1.done; childList_1_1 = childList_1.next()) {
|
|
2457
|
+
var child = childList_1_1.value;
|
|
2458
|
+
totalWeight += child.props.weight;
|
|
2459
|
+
}
|
|
2460
|
+
}
|
|
2461
|
+
catch (e_1_1) { e_1 = { error: e_1_1 }; }
|
|
2462
|
+
finally {
|
|
2463
|
+
try {
|
|
2464
|
+
if (childList_1_1 && !childList_1_1.done && (_a = childList_1.return)) _a.call(childList_1);
|
|
2465
|
+
}
|
|
2466
|
+
finally { if (e_1) throw e_1.error; }
|
|
2428
2467
|
}
|
|
2429
2468
|
return totalWeight;
|
|
2430
2469
|
};
|
|
2431
2470
|
var Experiments = function (props) {
|
|
2432
|
-
var
|
|
2433
|
-
var
|
|
2471
|
+
var e_2, _a;
|
|
2472
|
+
var _b, _c;
|
|
2473
|
+
var name = props.name, children = props.children, testStarted = props.testStarted, _d = props.localStorageProp, localStorageProp = _d === void 0 ? true : _d;
|
|
2434
2474
|
var userEventsConntext = useContext(UserEventsContext);
|
|
2435
2475
|
var userEvents = userEventsConntext.userEvents;
|
|
2436
2476
|
loadOutcomes();
|
|
@@ -2438,28 +2478,37 @@ var Experiments = function (props) {
|
|
|
2438
2478
|
var childList = makeChildrenArray(children);
|
|
2439
2479
|
var totalWeight = calcTotalWeight(childList);
|
|
2440
2480
|
var firstTime = outcomes[name] === undefined;
|
|
2441
|
-
var targetWeight = (
|
|
2481
|
+
var targetWeight = (_b = outcomes[name]) !== null && _b !== void 0 ? _b : Math.random() * totalWeight;
|
|
2442
2482
|
outcomes[name] = targetWeight;
|
|
2443
2483
|
saveOutcomes();
|
|
2444
|
-
|
|
2445
|
-
var
|
|
2446
|
-
|
|
2447
|
-
|
|
2448
|
-
|
|
2449
|
-
|
|
2450
|
-
|
|
2451
|
-
|
|
2452
|
-
experimentsTestData[name] = (_b = child.key) === null || _b === void 0 ? void 0 : _b.toString();
|
|
2453
|
-
if (firstTime) {
|
|
2454
|
-
if (localStorageProp !== false) {
|
|
2455
|
-
localStorage.setItem(localStorageKey, mergeData(experimentsTestData));
|
|
2484
|
+
try {
|
|
2485
|
+
for (var childList_2 = __values(childList), childList_2_1 = childList_2.next(); !childList_2_1.done; childList_2_1 = childList_2.next()) {
|
|
2486
|
+
var child = childList_2_1.value;
|
|
2487
|
+
targetWeight -= child.props.weight;
|
|
2488
|
+
if (targetWeight > 0)
|
|
2489
|
+
continue;
|
|
2490
|
+
if (!child.key) {
|
|
2491
|
+
throw missingKeyError;
|
|
2456
2492
|
}
|
|
2457
|
-
|
|
2458
|
-
|
|
2459
|
-
|
|
2493
|
+
experimentsTestData[name] = (_c = child.key) === null || _c === void 0 ? void 0 : _c.toString();
|
|
2494
|
+
if (firstTime) {
|
|
2495
|
+
if (localStorageProp !== false) {
|
|
2496
|
+
localStorage.setItem(localStorageKey, mergeData(experimentsTestData));
|
|
2497
|
+
}
|
|
2498
|
+
if (!isLocalhost) {
|
|
2499
|
+
userEvents === null || userEvents === void 0 ? void 0 : userEvents.testStarted({});
|
|
2500
|
+
testStarted === null || testStarted === void 0 ? void 0 : testStarted();
|
|
2501
|
+
}
|
|
2460
2502
|
}
|
|
2503
|
+
return child;
|
|
2504
|
+
}
|
|
2505
|
+
}
|
|
2506
|
+
catch (e_2_1) { e_2 = { error: e_2_1 }; }
|
|
2507
|
+
finally {
|
|
2508
|
+
try {
|
|
2509
|
+
if (childList_2_1 && !childList_2_1.done && (_a = childList_2.return)) _a.call(childList_2);
|
|
2461
2510
|
}
|
|
2462
|
-
|
|
2511
|
+
finally { if (e_2) throw e_2.error; }
|
|
2463
2512
|
}
|
|
2464
2513
|
throw new Error('Experiment Choice Failed');
|
|
2465
2514
|
};
|
|
@@ -2483,7 +2532,7 @@ var NumberStatus = function (_a) {
|
|
|
2483
2532
|
|
|
2484
2533
|
var QuickTipButton = function (_a) {
|
|
2485
2534
|
var title = _a.title, children = _a.children, props = __rest(_a, ["title", "children"]);
|
|
2486
|
-
var _b = useState(false), messageOpen = _b[0], setMessageOpen = _b[1];
|
|
2535
|
+
var _b = __read(useState(false), 2), messageOpen = _b[0], setMessageOpen = _b[1];
|
|
2487
2536
|
return (jsxs(Fragment, { children: [jsx(IconButton, __assign({ onClick: function () { return setMessageOpen(true); }, size: "small" }, props, { children: jsx(AiOutlineQuestionCircle, { size: 16 }, void 0) }), void 0), jsx(MessageDialog, __assign({ onOk: function () { return setMessageOpen(false); }, onCancel: function () { return setMessageOpen(false); }, onClose: function () { return setMessageOpen(false); }, open: messageOpen, title: title !== null && title !== void 0 ? title : '' }, { children: children }), void 0)] }, void 0));
|
|
2488
2537
|
};
|
|
2489
2538
|
|