@xylabs/sdk-react 2.7.23 → 2.8.1

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';
@@ -341,7 +341,7 @@ var useCookieConsent = function () {
     return useContext(CookieConsentContext);
 };
 
-var EthersContext = React.createContext({});
+var EthersContext = createContext({});
 
 var infuraKey = '1d9f8053c65a49cfb99fafaa8ef201c0';
 var InfuraEthersLoader = function (props) {
@@ -374,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;
@@ -626,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;
 }());
@@ -1138,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;
 }());
@@ -1266,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;
 }());
@@ -1432,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;
 }());
@@ -1942,46 +1874,40 @@ var OperaEthersLoader = function (props) {
     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,
@@ -2003,39 +1929,33 @@ var TrustEthersLoader = function (props) {
     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,
@@ -2069,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;
@@ -2081,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++) {
@@ -2186,7 +2106,7 @@ var CookieConsent = function (props) {
     return jsx(Inner, {}, void 0);
 };
 
-var InvertableThemeContext = React.createContext({
+var InvertableThemeContext = createContext({
     options: {},
 });
 
@@ -2470,9 +2390,9 @@ var calcTotalWeight = function (childList) {
 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 = useContext(UserEventsContext);
-    var userEvents = userEventsConntext.userEvents;
+    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);
@@ -2495,9 +2415,8 @@ var Experiments = function (props) {
                 if (localStorageProp !== false) {
                     localStorage.setItem(localStorageKey, mergeData(experimentsTestData));
                 }
-                if (!isLocalhost) {
-                    userEvents === null || userEvents === void 0 ? void 0 : userEvents.testStarted({});
-                    testStarted === null || testStarted === void 0 ? void 0 : testStarted();
+                if (userEvents) {
+                    forget(userEvents.testStarted({ name: name, variation: child.key }));
                 }
             }
             return child;