@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.
Files changed (34) hide show
  1. package/dist/components/Experiments/Experiments.js +43 -22
  2. package/dist/components/Experiments/Experiments.js.map +1 -1
  3. package/dist/components/QuickTipButton/QuickTipButton.js +2 -2
  4. package/dist/components/QuickTipButton/QuickTipButton.js.map +1 -1
  5. package/dist/components/TokenAmount/TokenAmountProps.d.ts +0 -1
  6. package/dist/contexts/CookieConsent/Loader.js +2 -2
  7. package/dist/contexts/CookieConsent/Loader.js.map +1 -1
  8. package/dist/contexts/Ethers/MetaMask.js +10 -10
  9. package/dist/contexts/Ethers/MetaMask.js.map +1 -1
  10. package/dist/contexts/Ethers/MyEtherWallet.js +9 -9
  11. package/dist/contexts/Ethers/MyEtherWallet.js.map +1 -1
  12. package/dist/contexts/Ethers/Opera.js +5 -5
  13. package/dist/contexts/Ethers/Opera.js.map +1 -1
  14. package/dist/contexts/Ethers/Trust.js +3 -3
  15. package/dist/contexts/Ethers/Trust.js.map +1 -1
  16. package/dist/esm2017/components/TokenAmount/TokenAmountProps.d.ts +0 -1
  17. package/dist/esm2017/index.js +100 -51
  18. package/dist/esm2017/index.js.map +1 -1
  19. package/dist/esm5/components/TokenAmount/TokenAmountProps.d.ts +0 -1
  20. package/dist/esm5/index.js +100 -51
  21. package/dist/esm5/index.js.map +1 -1
  22. package/dist/hooks/useMounted.js +2 -1
  23. package/dist/hooks/useMounted.js.map +1 -1
  24. package/dist/hooks/useWebP.js +2 -2
  25. package/dist/hooks/useWebP.js.map +1 -1
  26. package/dist/hooks/useWindowSize.js +3 -2
  27. package/dist/hooks/useWindowSize.js.map +1 -1
  28. package/dist/node/components/TokenAmount/TokenAmountProps.d.ts +0 -1
  29. package/dist/node/index.js +100 -51
  30. package/dist/node/index.js.map +1 -1
  31. package/dist/node-esm/components/TokenAmount/TokenAmountProps.d.ts +0 -1
  32. package/dist/node-esm/index.js +100 -51
  33. package/dist/node-esm/index.js.map +1 -1
  34. package/package.json +7 -8
@@ -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
- for (var _i = 0, childList_1 = childList; _i < childList_1.length; _i++) {
2436
- var child = childList_1[_i];
2437
- totalWeight += child.props.weight;
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 _a, _b;
2443
- var name = props.name, children = props.children, testStarted = props.testStarted, _c = props.localStorageProp, localStorageProp = _c === void 0 ? true : _c;
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 = (_a = outcomes[name]) !== null && _a !== void 0 ? _a : Math.random() * totalWeight;
2491
+ var targetWeight = (_b = outcomes[name]) !== null && _b !== void 0 ? _b : Math.random() * totalWeight;
2452
2492
  outcomes[name] = targetWeight;
2453
2493
  saveOutcomes();
2454
- for (var _i = 0, childList_2 = childList; _i < childList_2.length; _i++) {
2455
- var child = childList_2[_i];
2456
- targetWeight -= child.props.weight;
2457
- if (targetWeight > 0)
2458
- continue;
2459
- if (!child.key) {
2460
- throw missingKeyError;
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
- if (!isLocalhost) {
2468
- userEvents === null || userEvents === void 0 ? void 0 : userEvents.testStarted({});
2469
- testStarted === null || testStarted === void 0 ? void 0 : testStarted();
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
- return child;
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