@xylabs/sdk-react 2.7.23 → 2.7.24

package/dist/node/index.js

@@ -7,7 +7,7 @@ var material = require('@mui/material');
 var ai = require('react-icons/ai');
 var styles = require('@mui/styles');
 var md5 = require('md5');
-var React = require('react');
+var react = require('react');
 var reactRouterDom = require('react-router-dom');
 var iconsMaterial = require('@mui/icons-material');
 var reactHelmet = require('react-helmet');
@@ -22,7 +22,6 @@ var numeral = require('numeral');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var md5__default = /*#__PURE__*/_interopDefaultLegacy(md5);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var clone__default = /*#__PURE__*/_interopDefaultLegacy(clone);
 var numeral__default = /*#__PURE__*/_interopDefaultLegacy(numeral);
 
@@ -279,8 +278,8 @@ var updateCanvas = function (canvas, props) {
 };
 var Identicon = function (_a) {
     var _b = _a.size, size = _b === void 0 ? 400 : _b, _c = _a.className, className = _c === void 0 ? 'identicon' : _c, bg = _a.bg, count = _a.count, fg = _a.fg, iconPadding = _a.iconPadding, palette = _a.palette, value = _a.value, props = __rest(_a, ["size", "className", "bg", "count", "fg", "iconPadding", "palette", "value"]);
-    var canvas = React.useRef(null);
-    React.useEffect(function () {
+    var canvas = react.useRef(null);
+    react.useEffect(function () {
         updateCanvas(canvas, { bg: bg, className: className, count: count, fg: fg, iconPadding: iconPadding, palette: palette, size: size, value: value });
     });
     return (jsxRuntime.jsx(FlexRow, __assign({}, props, { children: jsxRuntime.jsx("canvas", { className: className, ref: canvas, style: { height: size, width: size } }, void 0) }), void 0));
@@ -291,7 +290,7 @@ var RedirectWithQuery = function (_a) {
     var newPath = "".concat(to).concat(document.location.search);
     var navigate = reactRouterDom.useNavigate();
     var pathname = reactRouterDom.useLocation().pathname;
-    React.useEffect(function () {
+    react.useEffect(function () {
         if (newPath !== pathname) {
             navigate(newPath, __assign({ replace: true }, toOptions));
         }
@@ -324,7 +323,7 @@ var AppBarEx = function (props) {
     return (jsxRuntime.jsx(material.AppBar, __assign({ position: "static", style: __assign({ backgroundColor: theme.palette.background.paper, color: theme.palette.text.primary, display: 'flex' }, style) }, appbarProps, { children: container ? (jsxRuntime.jsx(material.Container, __assign({ maxWidth: container }, { children: jsxRuntime.jsx(AppBarExInner, {}, void 0) }), void 0)) : (jsxRuntime.jsx(AppBarExInner, {}, void 0)) }), void 0));
 };
 
-var CookieConsentContext = React.createContext({});
+var CookieConsentContext = react.createContext({});
 
 var CookiesAcceptedLocalStorageName = 'CookiesAccepted';
 var CookieConsentLoader = function (_a) {
@@ -335,7 +334,7 @@ var CookieConsentLoader = function (_a) {
     var setAcceptedToLocalStorage = function (accepted) {
         localStorage.setItem(CookiesAcceptedLocalStorageName, accepted ? 'true' : 'false');
     };
-    var _b = __read(React.useState(getAcceptedFromLocalStorage()), 2), accepted = _b[0], setAccepted = _b[1];
+    var _b = __read(react.useState(getAcceptedFromLocalStorage()), 2), accepted = _b[0], setAccepted = _b[1];
     var setAcceptedHandler = function (accepted) {
         setAcceptedToLocalStorage(accepted);
         setAccepted(accepted);
@@ -348,10 +347,10 @@ var CookieConsentLoader = function (_a) {
 };
 
 var useCookieConsent = function () {
-    return React.useContext(CookieConsentContext);
+    return react.useContext(CookieConsentContext);
 };
 
-var EthersContext = React__default["default"].createContext({});
+var EthersContext = react.createContext({});
 
 var infuraKey = '1d9f8053c65a49cfb99fafaa8ef201c0';
 var InfuraEthersLoader = function (props) {
@@ -379,15 +378,19 @@ var isLocalhost = !!(window.location.hostname === 'localhost' ||
 
 /* eslint-disable react-hooks/exhaustive-deps */
 function useAsyncEffect(effect, inputs) {
-    React.useEffect(function () {
+    react.useEffect(function () {
         var mounted = true;
         var promise = effect(function () {
             return mounted;
         });
-        Promise.resolve(promise).then(function (callback) {
+        Promise.resolve(promise)
+            .then(function (callback) {
             if (callback) {
                 callback === null || callback === void 0 ? void 0 : callback();
             }
+        })
+            .catch(function (reason) {
+            console.log("useAsyncEffect Excepted: ".concat(reason));
         });
         return function () {
             mounted = false;
@@ -636,32 +639,10 @@ var Fbq = /** @class */ (function () {
         return this.instance;
     };
     Fbq.prototype.track = function (event, data) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        this.fbq('track', event, __assign({}, data));
-                        return [4 /*yield*/, sdkJs.delay(0)];
-                    case 1:
-                        _a.sent();
-                        return [2 /*return*/];
-                }
-            });
-        });
+        this.fbq('track', event, __assign({}, data));
     };
     Fbq.prototype.trackCustom = function (event, data) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        this.fbq('trackCustom', event, __assign({}, data));
-                        return [4 /*yield*/, sdkJs.delay(0)];
-                    case 1:
-                        _a.sent();
-                        return [2 /*return*/];
-                }
-            });
-        });
+        this.fbq('trackCustom', event, __assign({}, data));
     };
     return Fbq;
 }());
@@ -1148,25 +1129,12 @@ var Rdt = /** @class */ (function () {
         }
     };
     Rdt.prototype.track = function (event, data) {
-        return __awaiter(this, void 0, void 0, function () {
-            var ex_1;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        _a.trys.push([0, 2, , 3]);
-                        Rdt.getRdt()('track', event, __assign({}, data));
-                        return [4 /*yield*/, sdkJs.delay(0)];
-                    case 1:
-                        _a.sent();
-                        return [3 /*break*/, 3];
-                    case 2:
-                        ex_1 = _a.sent();
-                        console.error(ex_1);
-                        return [3 /*break*/, 3];
-                    case 3: return [2 /*return*/];
-                }
-            });
-        });
+        try {
+            Rdt.getRdt()('track', event, __assign({}, data));
+        }
+        catch (ex) {
+            console.error(ex);
+        }
     };
     return Rdt;
 }());
@@ -1276,19 +1244,8 @@ var SnapTr = /** @class */ (function () {
         this.track('PAGE_VIEW');
     };
     SnapTr.track = function (event, data) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        this.getSnapTr()('init', this.pixelId);
-                        this.getSnapTr()('track', event, data);
-                        return [4 /*yield*/, sdkJs.delay(0)];
-                    case 1:
-                        _a.sent();
-                        return [2 /*return*/];
-                }
-            });
-        });
+        this.getSnapTr()('init', this.pixelId);
+        this.getSnapTr()('track', event, data);
     };
     return SnapTr;
 }());
@@ -1442,46 +1399,20 @@ var Ttq = /** @class */ (function () {
         return global.ttq;
     };
     Ttq.page = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            var ex_1;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        _a.trys.push([0, 2, , 3]);
-                        Ttq.getTtq().page();
-                        return [4 /*yield*/, sdkJs.delay(0)];
-                    case 1:
-                        _a.sent();
-                        return [3 /*break*/, 3];
-                    case 2:
-                        ex_1 = _a.sent();
-                        console.error("Ttq.page: ".concat(ex_1));
-                        return [3 /*break*/, 3];
-                    case 3: return [2 /*return*/];
-                }
-            });
-        });
+        try {
+            Ttq.getTtq().page();
+        }
+        catch (ex) {
+            console.error("Ttq.page: ".concat(ex));
+        }
     };
     Ttq.prototype.track = function (event, data) {
-        return __awaiter(this, void 0, void 0, function () {
-            var ex_2;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        _a.trys.push([0, 2, , 3]);
-                        Ttq.getTtq().track(event, __assign({}, data));
-                        return [4 /*yield*/, sdkJs.delay(0)];
-                    case 1:
-                        _a.sent();
-                        return [3 /*break*/, 3];
-                    case 2:
-                        ex_2 = _a.sent();
-                        console.error("Ttq.track: ".concat(ex_2));
-                        return [3 /*break*/, 3];
-                    case 3: return [2 /*return*/];
-                }
-            });
-        });
+        try {
+            Ttq.getTtq().track(event, __assign({}, data));
+        }
+        catch (ex) {
+            console.error("Ttq.track: ".concat(ex));
+        }
     };
     return Ttq;
 }());
@@ -1694,10 +1625,10 @@ var MetaMaskEthersLoader = function (props) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var global = window;
     var ethereum = global.ethereum;
-    var _b = __read(React.useState(), 2), error = _b[0], setError = _b[1];
-    var _c = __read(React.useState(), 2), localAddress = _c[0], setLocalAddress = _c[1];
-    var _d = __read(React.useState(0), 2), resetCount = _d[0], setResetCount = _d[1];
-    var _e = __read(React.useState(), 2), providerName = _e[0], setProviderName = _e[1];
+    var _b = __read(react.useState(), 2), error = _b[0], setError = _b[1];
+    var _c = __read(react.useState(), 2), localAddress = _c[0], setLocalAddress = _c[1];
+    var _d = __read(react.useState(0), 2), resetCount = _d[0], setResetCount = _d[1];
+    var _e = __read(react.useState(), 2), providerName = _e[0], setProviderName = _e[1];
     if (ethereum) {
         ethereum.autoRefreshOnNetworkChange = false;
     }
@@ -1712,8 +1643,8 @@ var MetaMaskEthersLoader = function (props) {
             }
         });
     }); };
-    var _f = __read(React.useState(), 2), isConnected = _f[0], setIsConnected = _f[1];
-    React.useEffect(function () {
+    var _f = __read(react.useState(), 2), isConnected = _f[0], setIsConnected = _f[1];
+    react.useEffect(function () {
         if (ethereum && enabled) {
             ethereum.on('accountsChanged', function (accounts) {
                 console.log("accountsChanged: ".concat(JSON.stringify(accounts)));
@@ -1736,10 +1667,10 @@ var MetaMaskEthersLoader = function (props) {
             });
         }
     }, [ethereum, resetCount, enabled]);
-    var _g = __read(React.useState(), 2), walletProvider = _g[0], setWalletProvider = _g[1];
-    var _h = __read(React.useState(), 2), provider = _h[0], setProvider = _h[1];
-    var _j = __read(React.useState(), 2), signer = _j[0], setSigner = _j[1];
-    React.useEffect(function () {
+    var _g = __read(react.useState(), 2), walletProvider = _g[0], setWalletProvider = _g[1];
+    var _h = __read(react.useState(), 2), provider = _h[0], setProvider = _h[1];
+    var _j = __read(react.useState(), 2), signer = _j[0], setSigner = _j[1];
+    react.useEffect(function () {
         if (enabled) {
             var walletProvider_1 = ethereum ? new providers.Web3Provider(ethereum) : null;
             var provider_1 = null;
@@ -1797,7 +1728,7 @@ var MetaMaskEthersLoader = function (props) {
             }
         });
     }); }, [signer, resetCount, enabled]);
-    var _k = __read(React.useState(), 2), chainId = _k[0], setChainId = _k[1];
+    var _k = __read(react.useState(), 2), chainId = _k[0], setChainId = _k[1];
     useAsyncEffect(function (isMounted) { return __awaiter(void 0, void 0, void 0, function () {
         var chainId_1;
         var _a;
@@ -1835,9 +1766,9 @@ var MyEtherWalletEthersLoader = function (props) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var global = window;
     var ethereum = global.ethereum;
-    var _a = __read(React.useState(), 2), error = _a[0], setError = _a[1];
-    var _b = __read(React.useState(), 2), localAddress = _b[0], setLocalAddress = _b[1];
-    var _c = __read(React.useState(), 2), providerName = _c[0], setProviderName = _c[1];
+    var _a = __read(react.useState(), 2), error = _a[0], setError = _a[1];
+    var _b = __read(react.useState(), 2), localAddress = _b[0], setLocalAddress = _b[1];
+    var _c = __read(react.useState(), 2), providerName = _c[0], setProviderName = _c[1];
     if (ethereum) {
         ethereum.autoRefreshOnNetworkChange = false;
     }
@@ -1852,11 +1783,11 @@ var MyEtherWalletEthersLoader = function (props) {
             }
         });
     }); };
-    var _d = __read(React.useState(), 2), isConnected = _d[0], setIsConnected = _d[1];
-    var _e = __read(React.useState(), 2), walletProvider = _e[0], setWalletProvider = _e[1];
-    var _f = __read(React.useState(), 2), provider = _f[0], setProvider = _f[1];
-    var _g = __read(React.useState(), 2), signer = _g[0], setSigner = _g[1];
-    React.useEffect(function () {
+    var _d = __read(react.useState(), 2), isConnected = _d[0], setIsConnected = _d[1];
+    var _e = __read(react.useState(), 2), walletProvider = _e[0], setWalletProvider = _e[1];
+    var _f = __read(react.useState(), 2), provider = _f[0], setProvider = _f[1];
+    var _g = __read(react.useState(), 2), signer = _g[0], setSigner = _g[1];
+    react.useEffect(function () {
         var walletProvider = ethereum ? new providers.Web3Provider(ethereum) : null;
         var provider = null;
         var providerName = null;
@@ -1910,7 +1841,7 @@ var MyEtherWalletEthersLoader = function (props) {
             }
         });
     }); }, [signer]);
-    var _h = __read(React.useState(), 2), chainId = _h[0], setChainId = _h[1];
+    var _h = __read(react.useState(), 2), chainId = _h[0], setChainId = _h[1];
     useAsyncEffect(function (isMounted) { return __awaiter(void 0, void 0, void 0, function () {
         var chainId;
         var _a;
@@ -1946,52 +1877,46 @@ var OperaEthersLoader = function (props) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var global = window;
     var ethereum = global.ethereum;
-    var _g = __read(React.useState(), 2), error = _g[0], setError = _g[1];
-    var _h = __read(React.useState(), 2), signer = _h[0], setSigner = _h[1];
-    var _j = __read(React.useState(), 2), provider = _j[0], setProvider = _j[1];
-    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];
+    var _g = __read(react.useState(), 2), error = _g[0], setError = _g[1];
+    var _h = __read(react.useState(), 2), signer = _h[0], setSigner = _h[1];
+    var _j = __read(react.useState(), 2), provider = _j[0], setProvider = _j[1];
+    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];
     var chainId = (ethereum === null || ethereum === void 0 ? void 0 : ethereum.chainId) ? parseInt(ethereum === null || ethereum === void 0 ? void 0 : ethereum.chainId) : 1;
     var isConnected = (_f = ethereum === null || ethereum === void 0 ? void 0 : ethereum.isConnected()) !== null && _f !== void 0 ? _f : false;
-    React__default["default"].useEffect(function () {
-        var cancelled = false;
-        if (ethereum) {
-            ethereum.enable();
-            var operaProvider = new providers.Web3Provider(ethereum);
-            var provider_1 = operaProvider;
-            var signer_1 = operaProvider.getSigner();
-            var load = function () { return __awaiter(void 0, void 0, void 0, function () {
-                var localAddress_1, _a, _b, ex_1;
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
-                        case 0:
-                            _c.trys.push([0, 2, , 3]);
-                            _b = (_a = sdkJs.EthAddress).fromString;
-                            return [4 /*yield*/, signer_1.getAddress()];
-                        case 1:
-                            localAddress_1 = _b.apply(_a, [_c.sent()]);
-                            ethereum.autoRefreshOnNetworkChange = false;
-                            if (!cancelled) {
-                                setSigner(signer_1);
-                                setProvider(provider_1);
-                                setLocalAddress(localAddress_1);
-                            }
-                            return [3 /*break*/, 3];
-                        case 2:
-                            ex_1 = _c.sent();
-                            if (!cancelled) {
-                                setError(Error("localAddress: ".concat(ex_1)));
-                            }
-                            return [3 /*break*/, 3];
-                        case 3: return [2 /*return*/];
+    useAsyncEffect(function (mounted) { return __awaiter(void 0, void 0, void 0, function () {
+        var operaProvider, provider_1, signer_1, localAddress_1, _a, _b, ex_1;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    if (!ethereum) return [3 /*break*/, 4];
+                    ethereum.enable();
+                    operaProvider = new providers.Web3Provider(ethereum);
+                    provider_1 = operaProvider;
+                    signer_1 = operaProvider.getSigner();
+                    _c.label = 1;
+                case 1:
+                    _c.trys.push([1, 3, , 4]);
+                    _b = (_a = sdkJs.EthAddress).fromString;
+                    return [4 /*yield*/, signer_1.getAddress()];
+                case 2:
+                    localAddress_1 = _b.apply(_a, [_c.sent()]);
+                    ethereum.autoRefreshOnNetworkChange = false;
+                    if (mounted()) {
+                        setSigner(signer_1);
+                        setProvider(provider_1);
+                        setLocalAddress(localAddress_1);
                     }
-                });
-            }); };
-            load();
-        }
-        return function () {
-            cancelled = true;
-        };
-    }, [ethereum]);
+                    return [3 /*break*/, 4];
+                case 3:
+                    ex_1 = _c.sent();
+                    if (mounted()) {
+                        setError(Error("localAddress: ".concat(ex_1)));
+                    }
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [ethereum]);
     return (jsxRuntime.jsx(EthersContext.Provider, __assign({ value: {
             busy: false,
             chainId: chainId,
@@ -2007,45 +1932,39 @@ var TrustEthersLoader = function (props) {
     var children = props.children;
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var global = window;
-    var _a = __read(React.useState(), 2), error = _a[0], setError = _a[1];
-    var _b = __read(React.useState(), 2), localAddress = _b[0], setLocalAddress = _b[1];
+    var _a = __read(react.useState(), 2), error = _a[0], setError = _a[1];
+    var _b = __read(react.useState(), 2), localAddress = _b[0], setLocalAddress = _b[1];
     var trustProvider = new providers.Web3Provider(global.ethereum);
     var signer = trustProvider.getSigner();
     var chainId = 1;
     var provider = trustProvider;
-    React.useEffect(function () {
-        var cancelled = false;
-        if (signer) {
-            var load = function () { return __awaiter(void 0, void 0, void 0, function () {
-                var localAddress_1, _a, _b, ex_1;
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
-                        case 0:
-                            _c.trys.push([0, 2, , 3]);
-                            _b = (_a = sdkJs.EthAddress).fromString;
-                            return [4 /*yield*/, signer.getAddress()];
-                        case 1:
-                            localAddress_1 = _b.apply(_a, [_c.sent()]);
-                            if (!cancelled) {
-                                setLocalAddress(localAddress_1);
-                            }
-                            return [3 /*break*/, 3];
-                        case 2:
-                            ex_1 = _c.sent();
-                            if (!cancelled) {
-                                setError(Error("localAddress: ".concat(ex_1)));
-                            }
-                            return [3 /*break*/, 3];
-                        case 3: return [2 /*return*/];
+    useAsyncEffect(function (mounted) { return __awaiter(void 0, void 0, void 0, function () {
+        var localAddress_1, _a, _b, ex_1;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    if (!signer) return [3 /*break*/, 4];
+                    _c.label = 1;
+                case 1:
+                    _c.trys.push([1, 3, , 4]);
+                    _b = (_a = sdkJs.EthAddress).fromString;
+                    return [4 /*yield*/, signer.getAddress()];
+                case 2:
+                    localAddress_1 = _b.apply(_a, [_c.sent()]);
+                    if (mounted()) {
+                        setLocalAddress(localAddress_1);
                     }
-                });
-            }); };
-            load();
-        }
-        return function () {
-            cancelled = true;
-        };
-    }, [signer]);
+                    return [3 /*break*/, 4];
+                case 3:
+                    ex_1 = _c.sent();
+                    if (mounted()) {
+                        setError(Error("localAddress: ".concat(ex_1)));
+                    }
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [signer]);
     return (jsxRuntime.jsx(EthersContext.Provider, __assign({ value: {
             busy: false,
             chainId: chainId,
@@ -2079,7 +1998,7 @@ var EthersLoader = function (props) {
     return jsxRuntime.jsx(InfuraEthersLoader, { children: children }, void 0);
 };
 
-var NetworkSettingsContext = React__default["default"].createContext({});
+var NetworkSettingsContext = react.createContext({});
 
 var NetworkSettingsLoader = function (props) {
     var children = props.children;
@@ -2091,7 +2010,7 @@ var NetworkSettingsLoader = function (props) {
         } }, { children: children }), void 0));
 };
 
-var UserEventsContext = React__default["default"].createContext({});
+var UserEventsContext = react.createContext({});
 
 var calcSpacing = function (theme, values) {
     for (var i = 0; i < values.length; i++) {
@@ -2155,7 +2074,7 @@ var CookieConsentBody = function (_a) {
             onAcceptClick();
         }
     };
-    React.useEffect(function () {
+    react.useEffect(function () {
         if (acceptOnScroll) {
             window.addEventListener('scroll', onScroll);
             return function () {
@@ -2196,14 +2115,14 @@ var CookieConsent = function (props) {
     return jsxRuntime.jsx(Inner, {}, void 0);
 };
 
-var InvertableThemeContext = React__default["default"].createContext({
+var InvertableThemeContext = react.createContext({
     options: {},
 });
 
 var InvertableThemeProvider = function (_a) {
     var _b, _c;
     var options = _a.options, children = _a.children, dark = _a.dark, _d = _a.scoped, scoped = _d === void 0 ? false : _d, _e = _a.invert, invert = _e === void 0 ? false : _e, noResponsiveFonts = _a.noResponsiveFonts;
-    var contextInvertableTheme = React.useContext(InvertableThemeContext);
+    var contextInvertableTheme = react.useContext(InvertableThemeContext);
     var clonedOptions = clone__default["default"]((_b = options !== null && options !== void 0 ? options : contextInvertableTheme.options) !== null && _b !== void 0 ? _b : {});
     clonedOptions.palette = (_c = clonedOptions.palette) !== null && _c !== void 0 ? _c : {};
     if (invert) {
@@ -2304,8 +2223,8 @@ var useBreakpoint = function () {
 };
 
 var useMounted = function () {
-    var _a = __read(React.useState(true), 2), mounted = _a[0], setMounted = _a[1];
-    React.useEffect(function () {
+    var _a = __read(react.useState(true), 2), mounted = _a[0], setMounted = _a[1];
+    react.useEffect(function () {
         setMounted(true);
         return function () {
             // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -2345,7 +2264,7 @@ var useSpacing = function (value) {
 
 var supportsWebP = undefined;
 var useWebP = function (webp, alt) {
-    var _a = __read(React.useState(supportsWebP === true ? webp : supportsWebP === false ? alt : undefined), 2), img = _a[0], setImg = _a[1];
+    var _a = __read(react.useState(supportsWebP === true ? webp : supportsWebP === false ? alt : undefined), 2), img = _a[0], setImg = _a[1];
     useAsyncEffect(function (mounted) { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
@@ -2379,11 +2298,11 @@ var getSupportsWebP = function () { return __awaiter(void 0, void 0, void 0, fun
 }); };
 
 function useWindowSize() {
-    var _a = __read(React.useState({
+    var _a = __read(react.useState({
         height: undefined,
         width: undefined,
     }), 2), windowSize = _a[0], setWindowSize = _a[1];
-    React.useEffect(function () {
+    react.useEffect(function () {
         function handleResize() {
             setWindowSize({
                 height: window.innerHeight,
@@ -2399,7 +2318,7 @@ function useWindowSize() {
 
 var EthAccount = function (_a) {
     var address = _a.address, _b = _a.icon, icon = _b === void 0 ? false : _b, _c = _a.iconSize, iconSize = _c === void 0 ? 16 : _c, _d = _a.iconOnly, iconOnly = _d === void 0 ? false : _d, _e = _a.addressLength, addressLength = _e === void 0 ? 'auto' : _e, _f = _a.fontFamily, fontFamily = _f === void 0 ? '"Source Code Pro",monospace' : _f, toEtherScan = _a.toEtherScan, onButtonClick = _a.onButtonClick, props = __rest(_a, ["address", "icon", "iconSize", "iconOnly", "addressLength", "fontFamily", "toEtherScan", "onButtonClick"]);
-    var localAddress = React.useContext(EthersContext).localAddress;
+    var localAddress = react.useContext(EthersContext).localAddress;
     var theme = material.useTheme();
     var large = material.useMediaQuery(theme.breakpoints.up('md'));
     var isLocalAddress = address ? (localAddress === null || localAddress === void 0 ? void 0 : localAddress.toString()) === address.toString() : false;
@@ -2481,7 +2400,7 @@ var Experiments = function (props) {
     var e_2, _a;
     var _b, _c;
     var name = props.name, children = props.children, testStarted = props.testStarted, _d = props.localStorageProp, localStorageProp = _d === void 0 ? true : _d;
-    var userEventsConntext = React.useContext(UserEventsContext);
+    var userEventsConntext = react.useContext(UserEventsContext);
     var userEvents = userEventsConntext.userEvents;
     loadOutcomes();
     var localStorageKey = buildLocalStorageKey(localStorageProp);
@@ -2506,8 +2425,13 @@ var Experiments = function (props) {
                     localStorage.setItem(localStorageKey, mergeData(experimentsTestData));
                 }
                 if (!isLocalhost) {
-                    userEvents === null || userEvents === void 0 ? void 0 : userEvents.testStarted({});
-                    testStarted === null || testStarted === void 0 ? void 0 : testStarted();
+                    Promise.all([userEvents === null || userEvents === void 0 ? void 0 : userEvents.testStarted({}), testStarted === null || testStarted === void 0 ? void 0 : testStarted()])
+                        .then(function () {
+                        return;
+                    })
+                        .catch(function (reason) {
+                        console.log("Experiments Excepted: ".concat(reason));
+                    });
                 }
             }
             return child;
@@ -2542,7 +2466,7 @@ var NumberStatus = function (_a) {
 
 var QuickTipButton = function (_a) {
     var title = _a.title, children = _a.children, props = __rest(_a, ["title", "children"]);
-    var _b = __read(React.useState(false), 2), messageOpen = _b[0], setMessageOpen = _b[1];
+    var _b = __read(react.useState(false), 2), messageOpen = _b[0], setMessageOpen = _b[1];
     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));
 };
 
@@ -2600,7 +2524,7 @@ exports.MapCategoryType = void 0;
 // The point of this component it to return to the top of the page on any router navigate
 var ScrollToTop = function () {
     var pathname = reactRouterDom.useLocation().pathname;
-    React.useEffect(function () {
+    react.useEffect(function () {
         window.scrollTo(0, 0);
     }, [pathname]);
     return null;