@xylabs/sdk-react 2.7.22 → 2.7.26

package/dist/esm2017/index.js

@@ -4,12 +4,12 @@ export { useMediaQuery } from '@mui/material';
 import { AiOutlineReload, AiOutlineQuestionCircle } from 'react-icons/ai';
 import { makeStyles, createStyles } from '@mui/styles';
 import md5 from 'md5';
-import React, { useRef, useEffect, createContext, useState, useContext } from 'react';
+import { useRef, useEffect, createContext, useState, useContext } from 'react';
 import { useNavigate, useLocation, Link as Link$1 } from 'react-router-dom';
 import { KeyboardArrowUp } from '@mui/icons-material';
 import { Helmet } from 'react-helmet';
 import { InfuraProvider, Web3Provider } from '@ethersproject/providers';
-import { getApiStage as getApiStage$1, delay, assertEx, EthAddress, BigNumber } from '@xylabs/sdk-js';
+import { getApiStage as getApiStage$1, delay, assertEx, EthAddress, forget, BigNumber } from '@xylabs/sdk-js';
 import { UserEventHandler, XyPixel } from '@xylabs/pixel';
 import { parse, stringify } from 'query-string';
 import { createTheme } from '@mui/material/styles';
@@ -106,6 +106,35 @@ function __generator(thisArg, body) {
         } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
+}
+
+function __values(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+}
+
+function __read(o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
 }
 
 var BusyCircularProgress = function (_a) {
@@ -296,7 +325,7 @@ var CookieConsentLoader = function (_a) {
     var setAcceptedToLocalStorage = function (accepted) {
         localStorage.setItem(CookiesAcceptedLocalStorageName, accepted ? 'true' : 'false');
     };
-    var _b = useState(getAcceptedFromLocalStorage()), accepted = _b[0], setAccepted = _b[1];
+    var _b = __read(useState(getAcceptedFromLocalStorage()), 2), accepted = _b[0], setAccepted = _b[1];
     var setAcceptedHandler = function (accepted) {
         setAcceptedToLocalStorage(accepted);
         setAccepted(accepted);
@@ -312,7 +341,7 @@ var useCookieConsent = function () {
     return useContext(CookieConsentContext);
 };
 
-var EthersContext = React.createContext({});
+var EthersContext = createContext({});
 
 var infuraKey = '1d9f8053c65a49cfb99fafaa8ef201c0';
 var InfuraEthersLoader = function (props) {
@@ -345,10 +374,14 @@ function useAsyncEffect(effect, inputs) {
         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;
@@ -597,32 +630,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*/, 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*/, delay(0)];
-                    case 1:
-                        _a.sent();
-                        return [2 /*return*/];
-                }
-            });
-        });
+        this.fbq('trackCustom', event, __assign({}, data));
     };
     return Fbq;
 }());
@@ -1109,25 +1120,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*/, 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;
 }());
@@ -1237,19 +1235,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*/, delay(0)];
-                    case 1:
-                        _a.sent();
-                        return [2 /*return*/];
-                }
-            });
-        });
+        this.getSnapTr()('init', this.pixelId);
+        this.getSnapTr()('track', event, data);
     };
     return SnapTr;
 }());
@@ -1403,46 +1390,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*/, 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*/, 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;
 }());
@@ -1655,10 +1616,10 @@ var MetaMaskEthersLoader = function (props) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var global = window;
     var ethereum = global.ethereum;
-    var _b = useState(), error = _b[0], setError = _b[1];
-    var _c = useState(), localAddress = _c[0], setLocalAddress = _c[1];
-    var _d = useState(0), resetCount = _d[0], setResetCount = _d[1];
-    var _e = useState(), providerName = _e[0], setProviderName = _e[1];
+    var _b = __read(useState(), 2), error = _b[0], setError = _b[1];
+    var _c = __read(useState(), 2), localAddress = _c[0], setLocalAddress = _c[1];
+    var _d = __read(useState(0), 2), resetCount = _d[0], setResetCount = _d[1];
+    var _e = __read(useState(), 2), providerName = _e[0], setProviderName = _e[1];
     if (ethereum) {
         ethereum.autoRefreshOnNetworkChange = false;
     }
@@ -1673,7 +1634,7 @@ var MetaMaskEthersLoader = function (props) {
             }
         });
     }); };
-    var _f = useState(), isConnected = _f[0], setIsConnected = _f[1];
+    var _f = __read(useState(), 2), isConnected = _f[0], setIsConnected = _f[1];
     useEffect(function () {
         if (ethereum && enabled) {
             ethereum.on('accountsChanged', function (accounts) {
@@ -1697,9 +1658,9 @@ var MetaMaskEthersLoader = function (props) {
             });
         }
     }, [ethereum, resetCount, enabled]);
-    var _g = useState(), walletProvider = _g[0], setWalletProvider = _g[1];
-    var _h = useState(), provider = _h[0], setProvider = _h[1];
-    var _j = useState(), signer = _j[0], setSigner = _j[1];
+    var _g = __read(useState(), 2), walletProvider = _g[0], setWalletProvider = _g[1];
+    var _h = __read(useState(), 2), provider = _h[0], setProvider = _h[1];
+    var _j = __read(useState(), 2), signer = _j[0], setSigner = _j[1];
     useEffect(function () {
         if (enabled) {
             var walletProvider_1 = ethereum ? new Web3Provider(ethereum) : null;
@@ -1758,7 +1719,7 @@ var MetaMaskEthersLoader = function (props) {
             }
         });
     }); }, [signer, resetCount, enabled]);
-    var _k = useState(), chainId = _k[0], setChainId = _k[1];
+    var _k = __read(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;
@@ -1796,9 +1757,9 @@ var MyEtherWalletEthersLoader = function (props) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var global = window;
     var ethereum = global.ethereum;
-    var _a = useState(), error = _a[0], setError = _a[1];
-    var _b = useState(), localAddress = _b[0], setLocalAddress = _b[1];
-    var _c = useState(), providerName = _c[0], setProviderName = _c[1];
+    var _a = __read(useState(), 2), error = _a[0], setError = _a[1];
+    var _b = __read(useState(), 2), localAddress = _b[0], setLocalAddress = _b[1];
+    var _c = __read(useState(), 2), providerName = _c[0], setProviderName = _c[1];
     if (ethereum) {
         ethereum.autoRefreshOnNetworkChange = false;
     }
@@ -1813,10 +1774,10 @@ var MyEtherWalletEthersLoader = function (props) {
             }
         });
     }); };
-    var _d = useState(), isConnected = _d[0], setIsConnected = _d[1];
-    var _e = useState(), walletProvider = _e[0], setWalletProvider = _e[1];
-    var _f = useState(), provider = _f[0], setProvider = _f[1];
-    var _g = useState(), signer = _g[0], setSigner = _g[1];
+    var _d = __read(useState(), 2), isConnected = _d[0], setIsConnected = _d[1];
+    var _e = __read(useState(), 2), walletProvider = _e[0], setWalletProvider = _e[1];
+    var _f = __read(useState(), 2), provider = _f[0], setProvider = _f[1];
+    var _g = __read(useState(), 2), signer = _g[0], setSigner = _g[1];
     useEffect(function () {
         var walletProvider = ethereum ? new Web3Provider(ethereum) : null;
         var provider = null;
@@ -1871,7 +1832,7 @@ var MyEtherWalletEthersLoader = function (props) {
             }
         });
     }); }, [signer]);
-    var _h = useState(), chainId = _h[0], setChainId = _h[1];
+    var _h = __read(useState(), 2), chainId = _h[0], setChainId = _h[1];
     useAsyncEffect(function (isMounted) { return __awaiter(void 0, void 0, void 0, function () {
         var chainId;
         var _a;
@@ -1907,52 +1868,46 @@ var OperaEthersLoader = function (props) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var global = window;
     var ethereum = global.ethereum;
-    var _g = useState(), error = _g[0], setError = _g[1];
-    var _h = useState(), signer = _h[0], setSigner = _h[1];
-    var _j = useState(), provider = _j[0], setProvider = _j[1];
-    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];
+    var _g = __read(useState(), 2), error = _g[0], setError = _g[1];
+    var _h = __read(useState(), 2), signer = _h[0], setSigner = _h[1];
+    var _j = __read(useState(), 2), provider = _j[0], setProvider = _j[1];
+    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];
     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.useEffect(function () {
-        var cancelled = false;
-        if (ethereum) {
-            ethereum.enable();
-            var operaProvider = new 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 = 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 Web3Provider(ethereum);
+                    provider_1 = operaProvider;
+                    signer_1 = operaProvider.getSigner();
+                    _c.label = 1;
+                case 1:
+                    _c.trys.push([1, 3, , 4]);
+                    _b = (_a = 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 (jsx(EthersContext.Provider, __assign({ value: {
             busy: false,
             chainId: chainId,
@@ -1968,45 +1923,39 @@ var TrustEthersLoader = function (props) {
     var children = props.children;
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var global = window;
-    var _a = useState(), error = _a[0], setError = _a[1];
-    var _b = useState(), localAddress = _b[0], setLocalAddress = _b[1];
+    var _a = __read(useState(), 2), error = _a[0], setError = _a[1];
+    var _b = __read(useState(), 2), localAddress = _b[0], setLocalAddress = _b[1];
     var trustProvider = new Web3Provider(global.ethereum);
     var signer = trustProvider.getSigner();
     var chainId = 1;
     var provider = trustProvider;
-    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 = 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 = 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 (jsx(EthersContext.Provider, __assign({ value: {
             busy: false,
             chainId: chainId,
@@ -2040,7 +1989,7 @@ var EthersLoader = function (props) {
     return jsx(InfuraEthersLoader, { children: children }, void 0);
 };
 
-var NetworkSettingsContext = React.createContext({});
+var NetworkSettingsContext = createContext({});
 
 var NetworkSettingsLoader = function (props) {
     var children = props.children;
@@ -2052,7 +2001,7 @@ var NetworkSettingsLoader = function (props) {
         } }, { children: children }), void 0));
 };
 
-var UserEventsContext = React.createContext({});
+var UserEventsContext = createContext({});
 
 var calcSpacing = function (theme, values) {
     for (var i = 0; i < values.length; i++) {
@@ -2157,7 +2106,7 @@ var CookieConsent = function (props) {
     return jsx(Inner, {}, void 0);
 };
 
-var InvertableThemeContext = React.createContext({
+var InvertableThemeContext = createContext({
     options: {},
 });
 
@@ -2265,7 +2214,7 @@ var useBreakpoint = function () {
 };
 
 var useMounted = function () {
-    var _a = useState(true), mounted = _a[0], setMounted = _a[1];
+    var _a = __read(useState(true), 2), mounted = _a[0], setMounted = _a[1];
     useEffect(function () {
         setMounted(true);
         return function () {
@@ -2306,7 +2255,7 @@ var useSpacing = function (value) {
 
 var supportsWebP = undefined;
 var useWebP = function (webp, alt) {
-    var _a = useState(supportsWebP === true ? webp : supportsWebP === false ? alt : undefined), img = _a[0], setImg = _a[1];
+    var _a = __read(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) {
@@ -2340,10 +2289,10 @@ var getSupportsWebP = function () { return __awaiter(void 0, void 0, void 0, fun
 }); };
 
 function useWindowSize() {
-    var _a = useState({
+    var _a = __read(useState({
         height: undefined,
         width: undefined,
-    }), windowSize = _a[0], setWindowSize = _a[1];
+    }), 2), windowSize = _a[0], setWindowSize = _a[1];
     useEffect(function () {
         function handleResize() {
             setWindowSize({
@@ -2421,45 +2370,64 @@ var buildLocalStorageKey = function (localStorageProp) {
             : '';
 };
 var calcTotalWeight = function (childList) {
+    var e_1, _a;
     var totalWeight = 0;
-    for (var _i = 0, childList_1 = childList; _i < childList_1.length; _i++) {
-        var child = childList_1[_i];
-        totalWeight += child.props.weight;
+    try {
+        for (var childList_1 = __values(childList), childList_1_1 = childList_1.next(); !childList_1_1.done; childList_1_1 = childList_1.next()) {
+            var child = childList_1_1.value;
+            totalWeight += child.props.weight;
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (childList_1_1 && !childList_1_1.done && (_a = childList_1.return)) _a.call(childList_1);
+        }
+        finally { if (e_1) throw e_1.error; }
     }
     return totalWeight;
 };
 var Experiments = function (props) {
-    var _a, _b;
-    var name = props.name, children = props.children, testStarted = props.testStarted, _c = props.localStorageProp, localStorageProp = _c === void 0 ? true : _c;
-    var userEventsConntext = useContext(UserEventsContext);
-    var userEvents = userEventsConntext.userEvents;
+    var e_2, _a;
+    var _b, _c;
+    var name = props.name, children = props.children, _d = props.localStorageProp, localStorageProp = _d === void 0 ? true : _d;
+    var userEventsContext = useContext(UserEventsContext);
+    var userEvents = userEventsContext.userEvents;
     loadOutcomes();
     var localStorageKey = buildLocalStorageKey(localStorageProp);
     var childList = makeChildrenArray(children);
     var totalWeight = calcTotalWeight(childList);
     var firstTime = outcomes[name] === undefined;
-    var targetWeight = (_a = outcomes[name]) !== null && _a !== void 0 ? _a : Math.random() * totalWeight;
+    var targetWeight = (_b = outcomes[name]) !== null && _b !== void 0 ? _b : Math.random() * totalWeight;
     outcomes[name] = targetWeight;
     saveOutcomes();
-    for (var _i = 0, childList_2 = childList; _i < childList_2.length; _i++) {
-        var child = childList_2[_i];
-        targetWeight -= child.props.weight;
-        if (targetWeight > 0)
-            continue;
-        if (!child.key) {
-            throw missingKeyError;
-        }
-        experimentsTestData[name] = (_b = child.key) === null || _b === void 0 ? void 0 : _b.toString();
-        if (firstTime) {
-            if (localStorageProp !== false) {
-                localStorage.setItem(localStorageKey, mergeData(experimentsTestData));
+    try {
+        for (var childList_2 = __values(childList), childList_2_1 = childList_2.next(); !childList_2_1.done; childList_2_1 = childList_2.next()) {
+            var child = childList_2_1.value;
+            targetWeight -= child.props.weight;
+            if (targetWeight > 0)
+                continue;
+            if (!child.key) {
+                throw missingKeyError;
             }
-            if (!isLocalhost) {
-                userEvents === null || userEvents === void 0 ? void 0 : userEvents.testStarted({});
-                testStarted === null || testStarted === void 0 ? void 0 : testStarted();
+            experimentsTestData[name] = (_c = child.key) === null || _c === void 0 ? void 0 : _c.toString();
+            if (firstTime) {
+                if (localStorageProp !== false) {
+                    localStorage.setItem(localStorageKey, mergeData(experimentsTestData));
+                }
+                if (userEvents) {
+                    forget(userEvents.testStarted({ name: name, variation: child.key }));
+                }
             }
+            return child;
+        }
+    }
+    catch (e_2_1) { e_2 = { error: e_2_1 }; }
+    finally {
+        try {
+            if (childList_2_1 && !childList_2_1.done && (_a = childList_2.return)) _a.call(childList_2);
         }
-        return child;
+        finally { if (e_2) throw e_2.error; }
     }
     throw new Error('Experiment Choice Failed');
 };
@@ -2483,7 +2451,7 @@ var NumberStatus = function (_a) {
 
 var QuickTipButton = function (_a) {
     var title = _a.title, children = _a.children, props = __rest(_a, ["title", "children"]);
-    var _b = useState(false), messageOpen = _b[0], setMessageOpen = _b[1];
+    var _b = __read(useState(false), 2), messageOpen = _b[0], setMessageOpen = _b[1];
     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));
 };