@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/node/index.js
CHANGED
|
@@ -116,6 +116,35 @@ function __generator(thisArg, body) {
|
|
|
116
116
|
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
117
117
|
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
118
118
|
}
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
function __values(o) {
|
|
122
|
+
var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
|
|
123
|
+
if (m) return m.call(o);
|
|
124
|
+
if (o && typeof o.length === "number") return {
|
|
125
|
+
next: function () {
|
|
126
|
+
if (o && i >= o.length) o = void 0;
|
|
127
|
+
return { value: o && o[i++], done: !o };
|
|
128
|
+
}
|
|
129
|
+
};
|
|
130
|
+
throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
function __read(o, n) {
|
|
134
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
135
|
+
if (!m) return o;
|
|
136
|
+
var i = m.call(o), r, ar = [], e;
|
|
137
|
+
try {
|
|
138
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
139
|
+
}
|
|
140
|
+
catch (error) { e = { error: error }; }
|
|
141
|
+
finally {
|
|
142
|
+
try {
|
|
143
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
144
|
+
}
|
|
145
|
+
finally { if (e) throw e.error; }
|
|
146
|
+
}
|
|
147
|
+
return ar;
|
|
119
148
|
}
|
|
120
149
|
|
|
121
150
|
var BusyCircularProgress = function (_a) {
|
|
@@ -306,7 +335,7 @@ var CookieConsentLoader = function (_a) {
|
|
|
306
335
|
var setAcceptedToLocalStorage = function (accepted) {
|
|
307
336
|
localStorage.setItem(CookiesAcceptedLocalStorageName, accepted ? 'true' : 'false');
|
|
308
337
|
};
|
|
309
|
-
var _b = React.useState(getAcceptedFromLocalStorage()), accepted = _b[0], setAccepted = _b[1];
|
|
338
|
+
var _b = __read(React.useState(getAcceptedFromLocalStorage()), 2), accepted = _b[0], setAccepted = _b[1];
|
|
310
339
|
var setAcceptedHandler = function (accepted) {
|
|
311
340
|
setAcceptedToLocalStorage(accepted);
|
|
312
341
|
setAccepted(accepted);
|
|
@@ -1665,10 +1694,10 @@ var MetaMaskEthersLoader = function (props) {
|
|
|
1665
1694
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
1666
1695
|
var global = window;
|
|
1667
1696
|
var ethereum = global.ethereum;
|
|
1668
|
-
var _b = React.useState(), error = _b[0], setError = _b[1];
|
|
1669
|
-
var _c = React.useState(), localAddress = _c[0], setLocalAddress = _c[1];
|
|
1670
|
-
var _d = React.useState(0), resetCount = _d[0], setResetCount = _d[1];
|
|
1671
|
-
var _e = React.useState(), providerName = _e[0], setProviderName = _e[1];
|
|
1697
|
+
var _b = __read(React.useState(), 2), error = _b[0], setError = _b[1];
|
|
1698
|
+
var _c = __read(React.useState(), 2), localAddress = _c[0], setLocalAddress = _c[1];
|
|
1699
|
+
var _d = __read(React.useState(0), 2), resetCount = _d[0], setResetCount = _d[1];
|
|
1700
|
+
var _e = __read(React.useState(), 2), providerName = _e[0], setProviderName = _e[1];
|
|
1672
1701
|
if (ethereum) {
|
|
1673
1702
|
ethereum.autoRefreshOnNetworkChange = false;
|
|
1674
1703
|
}
|
|
@@ -1683,7 +1712,7 @@ var MetaMaskEthersLoader = function (props) {
|
|
|
1683
1712
|
}
|
|
1684
1713
|
});
|
|
1685
1714
|
}); };
|
|
1686
|
-
var _f = React.useState(), isConnected = _f[0], setIsConnected = _f[1];
|
|
1715
|
+
var _f = __read(React.useState(), 2), isConnected = _f[0], setIsConnected = _f[1];
|
|
1687
1716
|
React.useEffect(function () {
|
|
1688
1717
|
if (ethereum && enabled) {
|
|
1689
1718
|
ethereum.on('accountsChanged', function (accounts) {
|
|
@@ -1707,9 +1736,9 @@ var MetaMaskEthersLoader = function (props) {
|
|
|
1707
1736
|
});
|
|
1708
1737
|
}
|
|
1709
1738
|
}, [ethereum, resetCount, enabled]);
|
|
1710
|
-
var _g = React.useState(), walletProvider = _g[0], setWalletProvider = _g[1];
|
|
1711
|
-
var _h = React.useState(), provider = _h[0], setProvider = _h[1];
|
|
1712
|
-
var _j = React.useState(), signer = _j[0], setSigner = _j[1];
|
|
1739
|
+
var _g = __read(React.useState(), 2), walletProvider = _g[0], setWalletProvider = _g[1];
|
|
1740
|
+
var _h = __read(React.useState(), 2), provider = _h[0], setProvider = _h[1];
|
|
1741
|
+
var _j = __read(React.useState(), 2), signer = _j[0], setSigner = _j[1];
|
|
1713
1742
|
React.useEffect(function () {
|
|
1714
1743
|
if (enabled) {
|
|
1715
1744
|
var walletProvider_1 = ethereum ? new providers.Web3Provider(ethereum) : null;
|
|
@@ -1768,7 +1797,7 @@ var MetaMaskEthersLoader = function (props) {
|
|
|
1768
1797
|
}
|
|
1769
1798
|
});
|
|
1770
1799
|
}); }, [signer, resetCount, enabled]);
|
|
1771
|
-
var _k = React.useState(), chainId = _k[0], setChainId = _k[1];
|
|
1800
|
+
var _k = __read(React.useState(), 2), chainId = _k[0], setChainId = _k[1];
|
|
1772
1801
|
useAsyncEffect(function (isMounted) { return __awaiter(void 0, void 0, void 0, function () {
|
|
1773
1802
|
var chainId_1;
|
|
1774
1803
|
var _a;
|
|
@@ -1806,9 +1835,9 @@ var MyEtherWalletEthersLoader = function (props) {
|
|
|
1806
1835
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
1807
1836
|
var global = window;
|
|
1808
1837
|
var ethereum = global.ethereum;
|
|
1809
|
-
var _a = React.useState(), error = _a[0], setError = _a[1];
|
|
1810
|
-
var _b = React.useState(), localAddress = _b[0], setLocalAddress = _b[1];
|
|
1811
|
-
var _c = React.useState(), providerName = _c[0], setProviderName = _c[1];
|
|
1838
|
+
var _a = __read(React.useState(), 2), error = _a[0], setError = _a[1];
|
|
1839
|
+
var _b = __read(React.useState(), 2), localAddress = _b[0], setLocalAddress = _b[1];
|
|
1840
|
+
var _c = __read(React.useState(), 2), providerName = _c[0], setProviderName = _c[1];
|
|
1812
1841
|
if (ethereum) {
|
|
1813
1842
|
ethereum.autoRefreshOnNetworkChange = false;
|
|
1814
1843
|
}
|
|
@@ -1823,10 +1852,10 @@ var MyEtherWalletEthersLoader = function (props) {
|
|
|
1823
1852
|
}
|
|
1824
1853
|
});
|
|
1825
1854
|
}); };
|
|
1826
|
-
var _d = React.useState(), isConnected = _d[0], setIsConnected = _d[1];
|
|
1827
|
-
var _e = React.useState(), walletProvider = _e[0], setWalletProvider = _e[1];
|
|
1828
|
-
var _f = React.useState(), provider = _f[0], setProvider = _f[1];
|
|
1829
|
-
var _g = React.useState(), signer = _g[0], setSigner = _g[1];
|
|
1855
|
+
var _d = __read(React.useState(), 2), isConnected = _d[0], setIsConnected = _d[1];
|
|
1856
|
+
var _e = __read(React.useState(), 2), walletProvider = _e[0], setWalletProvider = _e[1];
|
|
1857
|
+
var _f = __read(React.useState(), 2), provider = _f[0], setProvider = _f[1];
|
|
1858
|
+
var _g = __read(React.useState(), 2), signer = _g[0], setSigner = _g[1];
|
|
1830
1859
|
React.useEffect(function () {
|
|
1831
1860
|
var walletProvider = ethereum ? new providers.Web3Provider(ethereum) : null;
|
|
1832
1861
|
var provider = null;
|
|
@@ -1881,7 +1910,7 @@ var MyEtherWalletEthersLoader = function (props) {
|
|
|
1881
1910
|
}
|
|
1882
1911
|
});
|
|
1883
1912
|
}); }, [signer]);
|
|
1884
|
-
var _h = React.useState(), chainId = _h[0], setChainId = _h[1];
|
|
1913
|
+
var _h = __read(React.useState(), 2), chainId = _h[0], setChainId = _h[1];
|
|
1885
1914
|
useAsyncEffect(function (isMounted) { return __awaiter(void 0, void 0, void 0, function () {
|
|
1886
1915
|
var chainId;
|
|
1887
1916
|
var _a;
|
|
@@ -1917,10 +1946,10 @@ var OperaEthersLoader = function (props) {
|
|
|
1917
1946
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
1918
1947
|
var global = window;
|
|
1919
1948
|
var ethereum = global.ethereum;
|
|
1920
|
-
var _g = React.useState(), error = _g[0], setError = _g[1];
|
|
1921
|
-
var _h = React.useState(), signer = _h[0], setSigner = _h[1];
|
|
1922
|
-
var _j = React.useState(), provider = _j[0], setProvider = _j[1];
|
|
1923
|
-
var _k = React.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 ? sdkJs.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];
|
|
1949
|
+
var _g = __read(React.useState(), 2), error = _g[0], setError = _g[1];
|
|
1950
|
+
var _h = __read(React.useState(), 2), signer = _h[0], setSigner = _h[1];
|
|
1951
|
+
var _j = __read(React.useState(), 2), provider = _j[0], setProvider = _j[1];
|
|
1952
|
+
var _k = __read(React.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 ? sdkJs.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];
|
|
1924
1953
|
var chainId = (ethereum === null || ethereum === void 0 ? void 0 : ethereum.chainId) ? parseInt(ethereum === null || ethereum === void 0 ? void 0 : ethereum.chainId) : 1;
|
|
1925
1954
|
var isConnected = (_f = ethereum === null || ethereum === void 0 ? void 0 : ethereum.isConnected()) !== null && _f !== void 0 ? _f : false;
|
|
1926
1955
|
React__default["default"].useEffect(function () {
|
|
@@ -1978,8 +2007,8 @@ var TrustEthersLoader = function (props) {
|
|
|
1978
2007
|
var children = props.children;
|
|
1979
2008
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
1980
2009
|
var global = window;
|
|
1981
|
-
var _a = React.useState(), error = _a[0], setError = _a[1];
|
|
1982
|
-
var _b = React.useState(), localAddress = _b[0], setLocalAddress = _b[1];
|
|
2010
|
+
var _a = __read(React.useState(), 2), error = _a[0], setError = _a[1];
|
|
2011
|
+
var _b = __read(React.useState(), 2), localAddress = _b[0], setLocalAddress = _b[1];
|
|
1983
2012
|
var trustProvider = new providers.Web3Provider(global.ethereum);
|
|
1984
2013
|
var signer = trustProvider.getSigner();
|
|
1985
2014
|
var chainId = 1;
|
|
@@ -2275,7 +2304,7 @@ var useBreakpoint = function () {
|
|
|
2275
2304
|
};
|
|
2276
2305
|
|
|
2277
2306
|
var useMounted = function () {
|
|
2278
|
-
var _a = React.useState(true), mounted = _a[0], setMounted = _a[1];
|
|
2307
|
+
var _a = __read(React.useState(true), 2), mounted = _a[0], setMounted = _a[1];
|
|
2279
2308
|
React.useEffect(function () {
|
|
2280
2309
|
setMounted(true);
|
|
2281
2310
|
return function () {
|
|
@@ -2316,7 +2345,7 @@ var useSpacing = function (value) {
|
|
|
2316
2345
|
|
|
2317
2346
|
var supportsWebP = undefined;
|
|
2318
2347
|
var useWebP = function (webp, alt) {
|
|
2319
|
-
var _a = React.useState(supportsWebP === true ? webp : supportsWebP === false ? alt : undefined), img = _a[0], setImg = _a[1];
|
|
2348
|
+
var _a = __read(React.useState(supportsWebP === true ? webp : supportsWebP === false ? alt : undefined), 2), img = _a[0], setImg = _a[1];
|
|
2320
2349
|
useAsyncEffect(function (mounted) { return __awaiter(void 0, void 0, void 0, function () {
|
|
2321
2350
|
return __generator(this, function (_a) {
|
|
2322
2351
|
switch (_a.label) {
|
|
@@ -2350,10 +2379,10 @@ var getSupportsWebP = function () { return __awaiter(void 0, void 0, void 0, fun
|
|
|
2350
2379
|
}); };
|
|
2351
2380
|
|
|
2352
2381
|
function useWindowSize() {
|
|
2353
|
-
var _a = React.useState({
|
|
2382
|
+
var _a = __read(React.useState({
|
|
2354
2383
|
height: undefined,
|
|
2355
2384
|
width: undefined,
|
|
2356
|
-
}), windowSize = _a[0], setWindowSize = _a[1];
|
|
2385
|
+
}), 2), windowSize = _a[0], setWindowSize = _a[1];
|
|
2357
2386
|
React.useEffect(function () {
|
|
2358
2387
|
function handleResize() {
|
|
2359
2388
|
setWindowSize({
|
|
@@ -2431,16 +2460,27 @@ var buildLocalStorageKey = function (localStorageProp) {
|
|
|
2431
2460
|
: '';
|
|
2432
2461
|
};
|
|
2433
2462
|
var calcTotalWeight = function (childList) {
|
|
2463
|
+
var e_1, _a;
|
|
2434
2464
|
var totalWeight = 0;
|
|
2435
|
-
|
|
2436
|
-
var
|
|
2437
|
-
|
|
2465
|
+
try {
|
|
2466
|
+
for (var childList_1 = __values(childList), childList_1_1 = childList_1.next(); !childList_1_1.done; childList_1_1 = childList_1.next()) {
|
|
2467
|
+
var child = childList_1_1.value;
|
|
2468
|
+
totalWeight += child.props.weight;
|
|
2469
|
+
}
|
|
2470
|
+
}
|
|
2471
|
+
catch (e_1_1) { e_1 = { error: e_1_1 }; }
|
|
2472
|
+
finally {
|
|
2473
|
+
try {
|
|
2474
|
+
if (childList_1_1 && !childList_1_1.done && (_a = childList_1.return)) _a.call(childList_1);
|
|
2475
|
+
}
|
|
2476
|
+
finally { if (e_1) throw e_1.error; }
|
|
2438
2477
|
}
|
|
2439
2478
|
return totalWeight;
|
|
2440
2479
|
};
|
|
2441
2480
|
var Experiments = function (props) {
|
|
2442
|
-
var
|
|
2443
|
-
var
|
|
2481
|
+
var e_2, _a;
|
|
2482
|
+
var _b, _c;
|
|
2483
|
+
var name = props.name, children = props.children, testStarted = props.testStarted, _d = props.localStorageProp, localStorageProp = _d === void 0 ? true : _d;
|
|
2444
2484
|
var userEventsConntext = React.useContext(UserEventsContext);
|
|
2445
2485
|
var userEvents = userEventsConntext.userEvents;
|
|
2446
2486
|
loadOutcomes();
|
|
@@ -2448,28 +2488,37 @@ var Experiments = function (props) {
|
|
|
2448
2488
|
var childList = makeChildrenArray(children);
|
|
2449
2489
|
var totalWeight = calcTotalWeight(childList);
|
|
2450
2490
|
var firstTime = outcomes[name] === undefined;
|
|
2451
|
-
var targetWeight = (
|
|
2491
|
+
var targetWeight = (_b = outcomes[name]) !== null && _b !== void 0 ? _b : Math.random() * totalWeight;
|
|
2452
2492
|
outcomes[name] = targetWeight;
|
|
2453
2493
|
saveOutcomes();
|
|
2454
|
-
|
|
2455
|
-
var
|
|
2456
|
-
|
|
2457
|
-
|
|
2458
|
-
|
|
2459
|
-
|
|
2460
|
-
|
|
2461
|
-
|
|
2462
|
-
experimentsTestData[name] = (_b = child.key) === null || _b === void 0 ? void 0 : _b.toString();
|
|
2463
|
-
if (firstTime) {
|
|
2464
|
-
if (localStorageProp !== false) {
|
|
2465
|
-
localStorage.setItem(localStorageKey, mergeData(experimentsTestData));
|
|
2494
|
+
try {
|
|
2495
|
+
for (var childList_2 = __values(childList), childList_2_1 = childList_2.next(); !childList_2_1.done; childList_2_1 = childList_2.next()) {
|
|
2496
|
+
var child = childList_2_1.value;
|
|
2497
|
+
targetWeight -= child.props.weight;
|
|
2498
|
+
if (targetWeight > 0)
|
|
2499
|
+
continue;
|
|
2500
|
+
if (!child.key) {
|
|
2501
|
+
throw missingKeyError;
|
|
2466
2502
|
}
|
|
2467
|
-
|
|
2468
|
-
|
|
2469
|
-
|
|
2503
|
+
experimentsTestData[name] = (_c = child.key) === null || _c === void 0 ? void 0 : _c.toString();
|
|
2504
|
+
if (firstTime) {
|
|
2505
|
+
if (localStorageProp !== false) {
|
|
2506
|
+
localStorage.setItem(localStorageKey, mergeData(experimentsTestData));
|
|
2507
|
+
}
|
|
2508
|
+
if (!isLocalhost) {
|
|
2509
|
+
userEvents === null || userEvents === void 0 ? void 0 : userEvents.testStarted({});
|
|
2510
|
+
testStarted === null || testStarted === void 0 ? void 0 : testStarted();
|
|
2511
|
+
}
|
|
2470
2512
|
}
|
|
2513
|
+
return child;
|
|
2514
|
+
}
|
|
2515
|
+
}
|
|
2516
|
+
catch (e_2_1) { e_2 = { error: e_2_1 }; }
|
|
2517
|
+
finally {
|
|
2518
|
+
try {
|
|
2519
|
+
if (childList_2_1 && !childList_2_1.done && (_a = childList_2.return)) _a.call(childList_2);
|
|
2471
2520
|
}
|
|
2472
|
-
|
|
2521
|
+
finally { if (e_2) throw e_2.error; }
|
|
2473
2522
|
}
|
|
2474
2523
|
throw new Error('Experiment Choice Failed');
|
|
2475
2524
|
};
|
|
@@ -2493,7 +2542,7 @@ var NumberStatus = function (_a) {
|
|
|
2493
2542
|
|
|
2494
2543
|
var QuickTipButton = function (_a) {
|
|
2495
2544
|
var title = _a.title, children = _a.children, props = __rest(_a, ["title", "children"]);
|
|
2496
|
-
var _b = React.useState(false), messageOpen = _b[0], setMessageOpen = _b[1];
|
|
2545
|
+
var _b = __read(React.useState(false), 2), messageOpen = _b[0], setMessageOpen = _b[1];
|
|
2497
2546
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(material.IconButton, __assign({ onClick: function () { return setMessageOpen(true); }, size: "small" }, props, { children: jsxRuntime.jsx(ai.AiOutlineQuestionCircle, { size: 16 }, void 0) }), void 0), jsxRuntime.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));
|
|
2498
2547
|
};
|
|
2499
2548
|
|