@xylabs/sdk-react 2.7.17 → 2.7.21

package/dist/esm5/index.js

@@ -0,0 +1,2569 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useTheme, Box, alpha, CircularProgress, LinearProgress, Paper, Typography, IconButton, useScrollTrigger, Zoom, AppBar, Container, Toolbar, Button, Link, responsiveFontSizes, ScopedCssBaseline, ThemeProvider, Fab, Breadcrumbs, Dialog, DialogTitle, DialogContent, DialogActions, useMediaQuery } from '@mui/material';
+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 { 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 { UserEventHandler, XyPixel } from '@xylabs/pixel';
+import { parse, stringify } from 'query-string';
+import { createTheme } from '@mui/material/styles';
+import clone from 'lodash/clone';
+import numeral from 'numeral';
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise */
+
+var extendStatics = function(d, b) {
+    extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+    return extendStatics(d, b);
+};
+
+function __extends(d, b) {
+    if (typeof b !== "function" && b !== null)
+        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+    extendStatics(d, b);
+    function __() { this.constructor = d; }
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+}
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+function __generator(thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } 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 };
+    }
+}
+
+var BusyCircularProgress = function (_a) {
+    var bgcolor = _a.bgcolor, style = _a.style, rounded = _a.rounded, size = _a.size, _b = _a.opacity, opacity = _b === void 0 ? 0.85 : _b, props = __rest(_a, ["bgcolor", "style", "rounded", "size", "opacity"]);
+    var theme = useTheme();
+    return (jsx(Box, __assign({ display: "flex", bgcolor: alpha(bgcolor !== null && bgcolor !== void 0 ? bgcolor : theme.palette.background.default, parseFloat("".concat(opacity))), flexGrow: 1, position: "absolute", left: 0, right: 0, top: 0, bottom: 0, justifyContent: "center", alignItems: "center", overflow: "hidden", style: __assign({ borderRadius: rounded ? theme.shape.borderRadius : 0 }, style) }, { children: jsx(CircularProgress, __assign({ size: size }, props), void 0) }), void 0));
+};
+
+var BusyLinearProgress = function (_a) {
+    var bgcolor = _a.bgcolor, style = _a.style, rounded = _a.rounded, _b = _a.opacity, opacity = _b === void 0 ? 0.85 : _b, props = __rest(_a, ["bgcolor", "style", "rounded", "opacity"]);
+    var theme = useTheme();
+    return (jsx(Box, __assign({ display: "flex", flexDirection: "column", bgcolor: alpha(bgcolor !== null && bgcolor !== void 0 ? bgcolor : theme.palette.background.default, parseFloat("".concat(opacity))), position: "absolute", left: 0, right: 0, top: 0, bottom: 0, justifyContent: "flex-start", alignItems: "stretch", overflow: "hidden", style: __assign({ borderRadius: rounded ? theme.shape.borderRadius : 0 }, style) }, { children: jsx(LinearProgress, __assign({}, props), void 0) }), void 0));
+};
+
+var BusyBox = function (_a) {
+    var background = _a.background, children = _a.children, component = _a.component, _b = _a.busyVariant, busyVariant = _b === void 0 ? 'circular' : _b, busySize = _a.busySize, _c = _a.busyOpacity, busyOpacity = _c === void 0 ? 0.85 : _c, busyColor = _a.busyColor, busy = _a.busy, busyCircularProps = _a.busyCircularProps, busyLinearProps = _a.busyLinearProps, paper = _a.paper, style = _a.style, props = __rest(_a, ["background", "children", "component", "busyVariant", "busySize", "busyOpacity", "busyColor", "busy", "busyCircularProps", "busyLinearProps", "paper", "style"]);
+    var theme = useTheme();
+    return (jsxs(Box, __assign({ component: paper ? Paper : component, position: "relative", style: background
+            ? __assign({ backgroundColor: theme.palette.background.default, color: theme.palette.text.primary }, style) : style }, props, { children: [children, busy && busyVariant === 'linear' ? (jsx(BusyLinearProgress, __assign({ color: busyColor, opacity: busyOpacity }, busyLinearProps), void 0)) : null, busy && busyVariant === 'circular' ? (jsx(BusyCircularProgress, __assign({ color: busyColor, opacity: busyOpacity, size: busySize }, busyCircularProps), void 0)) : null] }), void 0));
+};
+
+var FlexCol = function (props) {
+    return jsx(BusyBox, __assign({ alignItems: "center", display: "flex", flexDirection: "column", justifyContent: "center" }, props), void 0);
+};
+var FlexGrowCol = function (props) {
+    return jsx(FlexCol, __assign({ flexGrow: 1 }, props), void 0);
+};
+
+var FlexRow = function (props) {
+    return jsx(BusyBox, __assign({ alignItems: "center", display: "flex", flexDirection: "row", justifyContent: "center" }, props), void 0);
+};
+var FlexGrowRow = function (props) {
+    return jsx(FlexRow, __assign({ flexGrow: 1 }, props), void 0);
+};
+
+/**
+ * @deprecated The functionality of Background is now part of FlexBox.  Use the 'background' property to enable the background.
+ */
+var Background = function (props) {
+    return jsx(FlexRow, __assign({}, props), void 0);
+};
+
+var ErrorViewer = function (props) {
+    var error = props.error, boxProps = __rest(props, ["error"]);
+    var theme = useTheme();
+    return (jsxs(FlexCol, __assign({ color: theme.palette.error.main }, boxProps, { children: [jsx(Typography, __assign({ align: "center", variant: "subtitle1" }, { children: error === null || error === void 0 ? void 0 : error.name }), void 0), jsx(Typography, __assign({ align: "center", variant: "body2" }, { children: error === null || error === void 0 ? void 0 : error.message }), void 0)] }), void 0));
+};
+
+var ErrorsViewer = function (props) {
+    var onRetry = props.onRetry, errors = props.errors, boxProps = __rest(props, ["onRetry", "errors"]);
+    return (jsxs(FlexGrowCol, __assign({ padding: 1 }, boxProps, { children: [errors === null || errors === void 0 ? void 0 : errors.map(function (error, index) {
+                return jsx(ErrorViewer, { error: error }, index);
+            }), onRetry ? (jsx(IconButton, __assign({ onClick: onRetry }, { children: jsx(AiOutlineReload, {}, void 0) }), void 0)) : null] }), void 0));
+};
+
+var CoverProgress = function (props) {
+    var _a;
+    var _b = props.paper, paper = _b === void 0 ? true : _b, open = props.open, _c = props.opacity, opacity = _c === void 0 ? 0.25 : _c, errors = props.errors, onRetry = props.onRetry;
+    var theme = useTheme();
+    if (open) {
+        return (jsx(FlexGrowRow, __assign({ position: "absolute", margin: -1, top: 0, bottom: 0, right: 0, left: 0, bgcolor: paper ? theme.palette.background.paper : theme.palette.background.default }, { children: ((_a = errors === null || errors === void 0 ? void 0 : errors.length) !== null && _a !== void 0 ? _a : 0) === 0 ? (jsx(CircularProgress, { style: { opacity: opacity } }, void 0)) : (jsx(ErrorsViewer, { margin: 1, errors: errors, onRetry: onRetry }, void 0)) }), void 0));
+    }
+    return null;
+};
+
+var HoverScale = function (props) {
+    var children = props.children, _a = props.scale, scale = _a === void 0 ? 1.1 : _a;
+    var useStyles = makeStyles(function () {
+        return createStyles({
+            zoomdiv: {
+                '&:hover': {
+                    transform: "scale(".concat(scale, ")"),
+                    transitionDuration: '0.2s',
+                    transitionTimingFunction: 'ease',
+                },
+            },
+        });
+    });
+    var classes = useStyles();
+    return (jsx(FlexRow, { children: jsx(Box, __assign({ className: classes.zoomdiv }, { children: children }), void 0) }, void 0));
+};
+
+var range = function (n, in_min, in_max, out_min, out_max) {
+    return ((n - in_min) * (out_max - out_min)) / (in_max - in_min) + out_min;
+};
+var updateCanvas = function (canvas, props) {
+    var _a = props.value, value = _a === void 0 ? '' : _a, _b = props.size, size = _b === void 0 ? 400 : _b, _c = props.bg, bg = _c === void 0 ? 'transparent' : _c, _d = props.count, count = _d === void 0 ? 5 : _d, palette = props.palette, _e = props.iconPadding, iconPadding = _e === void 0 ? 0 : _e;
+    var fg = props.fg;
+    var hash = md5(value);
+    var block = Math.floor(size / count);
+    var hashcolor = hash.slice(0, 6);
+    var current = canvas.current;
+    if (!current) {
+        return;
+    }
+    if (palette && palette.length) {
+        var index = Math.floor(range(parseInt(hash.slice(-3), 16), 0, 4095, 0, palette.length));
+        fg = palette[index];
+    }
+    current.width = block * count + iconPadding;
+    current.height = block * count + iconPadding;
+    var arr = hash.split('').map(function (el) {
+        var parsedEl = parseInt(el, 16);
+        if (parsedEl < 8) {
+            return 0;
+        }
+        else {
+            return 1;
+        }
+    });
+    var map = [];
+    map[0] = map[4] = arr.slice(0, 5);
+    map[1] = map[3] = arr.slice(5, 10);
+    map[2] = arr.slice(10, 15);
+    var ctx = current.getContext('2d');
+    if (ctx) {
+        ctx.imageSmoothingEnabled = false;
+        ctx.clearRect(0, 0, current.width, current.height);
+        map.forEach(function (row, i) {
+            row.forEach(function (el, j) {
+                if (el) {
+                    ctx.fillStyle = fg ? fg : '#' + hashcolor;
+                    ctx.fillRect(block * i + iconPadding, block * j + iconPadding, block - iconPadding, block - iconPadding);
+                }
+                else {
+                    ctx.fillStyle = bg;
+                    ctx.fillRect(block * i + iconPadding, block * j + iconPadding, block - iconPadding, block - iconPadding);
+                }
+            });
+        });
+    }
+};
+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 = useRef(null);
+    useEffect(function () {
+        updateCanvas(canvas, { bg: bg, className: className, count: count, fg: fg, iconPadding: iconPadding, palette: palette, size: size, value: value });
+    });
+    return (jsx(FlexRow, __assign({}, props, { children: jsx("canvas", { className: className, ref: canvas, style: { height: size, width: size } }, void 0) }), void 0));
+};
+
+var RedirectWithQuery = function (_a) {
+    var to = _a.to, toOptions = _a.toOptions;
+    var newPath = "".concat(to).concat(document.location.search);
+    var navigate = useNavigate();
+    var pathname = useLocation().pathname;
+    useEffect(function () {
+        if (newPath !== pathname) {
+            navigate(newPath, __assign({ replace: true }, toOptions));
+        }
+    });
+    return jsx("div", {}, void 0);
+};
+
+var ScrollToTopButton = function (_a) {
+    var children = _a.children, anchorId = _a.anchorId, props = __rest(_a, ["children", "anchorId"]);
+    var trigger = useScrollTrigger({
+        disableHysteresis: true,
+        threshold: 100,
+    });
+    var handleClick = function (event) {
+        var anchor = (event.target.ownerDocument || document).querySelector("#".concat(anchorId));
+        if (anchor) {
+            anchor.scrollIntoView({ behavior: 'smooth', block: 'center' });
+        }
+    };
+    var theme = useTheme();
+    return (jsx(Zoom, __assign({ in: trigger }, props, { children: jsx(Box, __assign({ zIndex: 10, position: "fixed", right: theme.spacing(2), bottom: theme.spacing(2), onClick: handleClick, role: "presentation" }, { children: children }), void 0) }), void 0));
+};
+
+var AppBarEx = function (props) {
+    var contextToolbar = props.contextToolbar, systemToolbar = props.systemToolbar, container = props.container, style = props.style, appbarProps = __rest(props, ["contextToolbar", "systemToolbar", "container", "style"]);
+    var theme = useTheme();
+    var AppBarExInner = function () {
+        return (jsxs(FlexGrowRow, __assign({ justifyContent: "space-between" }, { children: [contextToolbar !== null && contextToolbar !== void 0 ? contextToolbar : jsx(Toolbar, {}, void 0), systemToolbar !== null && systemToolbar !== void 0 ? systemToolbar : jsx(Toolbar, {}, void 0)] }), void 0));
+    };
+    return (jsx(AppBar, __assign({ position: "static", style: __assign({ backgroundColor: theme.palette.background.paper, color: theme.palette.text.primary, display: 'flex' }, style) }, appbarProps, { children: container ? (jsx(Container, __assign({ maxWidth: container }, { children: jsx(AppBarExInner, {}, void 0) }), void 0)) : (jsx(AppBarExInner, {}, void 0)) }), void 0));
+};
+
+var CookieConsentContext = createContext({});
+
+var CookiesAcceptedLocalStorageName = 'CookiesAccepted';
+var CookieConsentLoader = function (_a) {
+    var children = _a.children;
+    var getAcceptedFromLocalStorage = function () {
+        return localStorage.getItem(CookiesAcceptedLocalStorageName) === 'true';
+    };
+    var setAcceptedToLocalStorage = function (accepted) {
+        localStorage.setItem(CookiesAcceptedLocalStorageName, accepted ? 'true' : 'false');
+    };
+    var _b = useState(getAcceptedFromLocalStorage()), accepted = _b[0], setAccepted = _b[1];
+    var setAcceptedHandler = function (accepted) {
+        setAcceptedToLocalStorage(accepted);
+        setAccepted(accepted);
+    };
+    var clearAccepted = function () {
+        localStorage.removeItem(CookiesAcceptedLocalStorageName);
+        setAccepted(getAcceptedFromLocalStorage());
+    };
+    return (jsx(CookieConsentContext.Provider, __assign({ value: { accepted: accepted, clearAccepted: clearAccepted, setAccepted: setAcceptedHandler, storageName: CookiesAcceptedLocalStorageName } }, { children: children }), void 0));
+};
+
+var useCookieConsent = function () {
+    return useContext(CookieConsentContext);
+};
+
+var EthersContext = React.createContext({});
+
+var infuraKey = '1d9f8053c65a49cfb99fafaa8ef201c0';
+var InfuraEthersLoader = function (props) {
+    var children = props.children;
+    var chainId = 1;
+    var provider = new InfuraProvider(1, infuraKey);
+    return (jsx(EthersContext.Provider, __assign({ value: {
+            busy: false,
+            chainId: chainId,
+            isConnected: true,
+            provider: provider,
+            signer: null,
+        } }, { children: children }), void 0));
+};
+
+var getApiStage = function () {
+    return getApiStage$1(document.location.hostname);
+};
+
+var isLocalhost = !!(window.location.hostname === 'localhost' ||
+    // [::1] is the IPv6 localhost address.
+    window.location.hostname === '[::1]' ||
+    // 127.0.0.0/8 are considered localhost for IPv4.
+    window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/));
+
+/* eslint-disable react-hooks/exhaustive-deps */
+function useAsyncEffect(effect, inputs) {
+    useEffect(function () {
+        var mounted = true;
+        var promise = effect(function () {
+            return mounted;
+        });
+        Promise.resolve(promise).then(function (callback) {
+            if (callback) {
+                callback === null || callback === void 0 ? void 0 : callback();
+            }
+        });
+        return function () {
+            mounted = false;
+        };
+    }, inputs !== null && inputs !== void 0 ? inputs : []);
+}
+
+var logProfiling = false;
+var enableProfileLogging = function (enabled) {
+    logProfiling = enabled;
+};
+var profileResults = [];
+var profileBlock = function (name, closure) { return __awaiter(void 0, void 0, void 0, function () {
+    var startTime, endTime;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                startTime = Date.now();
+                return [4 /*yield*/, closure()];
+            case 1:
+                _a.sent();
+                endTime = Date.now();
+                profileResults.push({ endTime: endTime, name: name, startTime: startTime });
+                if (logProfiling) {
+                    console.log("Timed ".concat(name, " [").concat(endTime - startTime, "ms]"));
+                }
+                return [2 /*return*/];
+        }
+    });
+}); };
+
+var getLocalStorageObject = function (key, log) {
+    var _a;
+    var result = {};
+    try {
+        result = JSON.parse((_a = localStorage.getItem(key)) !== null && _a !== void 0 ? _a : '{}');
+    }
+    catch (e) {
+        log === null || log === void 0 ? void 0 : log.error('getLocalStorageObject', e);
+    }
+    return result;
+};
+var setLocalStorageObject = function (key, value, log) {
+    try {
+        localStorage.setItem(key, JSON.stringify(value));
+    }
+    catch (e) {
+        log === null || log === void 0 ? void 0 : log.error('setLocalStorageObject', e);
+    }
+};
+
+var getSessionStorageObject = function (key, log) {
+    var _a;
+    var result = {};
+    try {
+        result = JSON.parse((_a = sessionStorage.getItem(key)) !== null && _a !== void 0 ? _a : '{}');
+    }
+    catch (e) {
+        log === null || log === void 0 ? void 0 : log.error('getSessionStorageObject', e);
+    }
+    return result;
+};
+var setSessionStorageObject = function (key, value, log) {
+    try {
+        sessionStorage.setItem(key, JSON.stringify(value));
+    }
+    catch (e) {
+        log === null || log === void 0 ? void 0 : log.error('setSessionStorageObject', e);
+    }
+};
+
+var Referrer = /** @class */ (function () {
+    function Referrer() {
+        var _a, _b;
+        this.session = (_a = this.getFromSession()) !== null && _a !== void 0 ? _a : document.referrer;
+        sessionStorage.setItem(Referrer.storageId, this.session);
+        this.local = (_b = this.getFromLocal()) !== null && _b !== void 0 ? _b : document.referrer;
+        localStorage.setItem(Referrer.storageId, this.local);
+    }
+    Referrer.prototype.getFromLocal = function () {
+        var value = localStorage.getItem(Referrer.storageId);
+        if (value && value.length > 0) {
+            return value;
+        }
+    };
+    Referrer.prototype.getFromSession = function () {
+        var value = sessionStorage.getItem(Referrer.storageId);
+        if (value && value.length > 0) {
+            return value;
+        }
+    };
+    Referrer.prototype.toJson = function () {
+        if ((this.local && this.local.length > 0) || (this.session && this.session.length > 0)) {
+            return {
+                local: this.local,
+                session: this.session,
+            };
+        }
+    };
+    Referrer.storageId = '_coin_referrer';
+    return Referrer;
+}());
+
+var XyoUserEventHandler = /** @class */ (function (_super) {
+    __extends(XyoUserEventHandler, _super);
+    function XyoUserEventHandler(handlers) {
+        if (handlers === void 0) { handlers = []; }
+        var _this = _super.call(this) || this;
+        _this.handlers = handlers;
+        return _this;
+    }
+    XyoUserEventHandler.prototype.testStarted = function (data) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, Promise.allSettled(this.handlers.map(function (handler) { return handler.testStarted(data); }))];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    XyoUserEventHandler.prototype.funnelStarted = function (data) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, Promise.allSettled(this.handlers.map(function (handler) { return handler.funnelStarted(data); }))];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    XyoUserEventHandler.prototype.viewContent = function (data) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, Promise.allSettled(this.handlers.map(function (handler) { return handler.viewContent(data); }))];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    XyoUserEventHandler.prototype.userClick = function (data) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, Promise.allSettled(this.handlers.map(function (handler) { return handler.userClick(data); }))];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    return XyoUserEventHandler;
+}(UserEventHandler));
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+var global = window;
+
+var DripBaseEvent = /** @class */ (function () {
+    function DripBaseEvent(name, param) {
+        this.name = name;
+        this.param = param;
+        this.dcq = this.getDcq();
+        this.dcs = this.getDcs();
+    }
+    DripBaseEvent.prototype.send = function (data) {
+        return __awaiter(this, void 0, void 0, function () {
+            var payload;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        payload = [this.name];
+                        if (this.param) {
+                            payload.push(this.param);
+                        }
+                        payload.push(data);
+                        this.dcq.push(payload);
+                        return [4 /*yield*/, delay(0)];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    DripBaseEvent.prototype.getDcq = function () {
+        if (!global._dcq) {
+            throw Error('DCQ not found');
+        }
+        return global._dcq;
+    };
+    DripBaseEvent.prototype.getDcs = function () {
+        if (!global._dcs) {
+            throw Error('DCS not found');
+        }
+        return global._dcs;
+    };
+    return DripBaseEvent;
+}());
+
+var DripCustomEvent = /** @class */ (function (_super) {
+    __extends(DripCustomEvent, _super);
+    function DripCustomEvent() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return DripCustomEvent;
+}(DripBaseEvent));
+
+var DripStandardEvents = /** @class */ (function () {
+    function DripStandardEvents() {
+    }
+    DripStandardEvents.prototype.identify = function () {
+        return new DripBaseEvent('identify');
+    };
+    return DripStandardEvents;
+}());
+
+var Fbq = /** @class */ (function () {
+    function Fbq(pixelId) {
+        this.pixelId = pixelId;
+        this.fbq = function () {
+            // eslint-disable-next-line prefer-rest-params,prefer-spread
+            this.fbq.callMethod ? this.fbq.callMethod.apply(this.fbq, arguments) : this.fbq.queue.push(arguments);
+        };
+        this.fbq.push = this.fbq;
+        this.fbq.loaded = true;
+        this.fbq.version = '2.0';
+        this.fbq.queue = [];
+        //we have to set these to globals because that is where the facebook script looks for them
+        global.fbq = this.fbq;
+        global._fbq = this.fbq;
+        this.fbq('init', pixelId);
+        this.fbq('track', 'PageView');
+    }
+    Fbq.init = function (pixelId) {
+        if (!this.instance) {
+            this.instance = new Fbq(pixelId);
+        }
+        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*/];
+                }
+            });
+        });
+    };
+    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*/];
+                }
+            });
+        });
+    };
+    return Fbq;
+}());
+
+var FacebookBaseEvent = /** @class */ (function () {
+    function FacebookBaseEvent(name) {
+        this.name = name;
+        this.fbq = assertEx(Fbq.instance, 'Missing Fbq');
+    }
+    FacebookBaseEvent.prototype.send = function (_data) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, delay(0)]; //force async to increase reporting odds
+                    case 1:
+                        _a.sent(); //force async to increase reporting odds
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    return FacebookBaseEvent;
+}());
+
+var FacebookCustomEvent = /** @class */ (function (_super) {
+    __extends(FacebookCustomEvent, _super);
+    function FacebookCustomEvent() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    FacebookCustomEvent.prototype.send = function (data) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        this.fbq.trackCustom(this.name, data);
+                        return [4 /*yield*/, delay(0)]; //force async to increase reporting odds
+                    case 1:
+                        _a.sent(); //force async to increase reporting odds
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    return FacebookCustomEvent;
+}(FacebookBaseEvent));
+
+var FacebookStandardEvent = /** @class */ (function (_super) {
+    __extends(FacebookStandardEvent, _super);
+    function FacebookStandardEvent() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    FacebookStandardEvent.prototype.send = function (data) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        this.fbq.track(this.name, data);
+                        return [4 /*yield*/, delay(0)]; //force async to increase reporting odds
+                    case 1:
+                        _a.sent(); //force async to increase reporting odds
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    return FacebookStandardEvent;
+}(FacebookBaseEvent));
+
+var FacebookStandardEvents = /** @class */ (function () {
+    function FacebookStandardEvents() {
+    }
+    FacebookStandardEvents.prototype.addPaymentInfo = function () {
+        return new FacebookStandardEvent('AddPaymentInfo');
+    };
+    FacebookStandardEvents.prototype.addToCart = function () {
+        return new FacebookStandardEvent('AddToCart');
+    };
+    FacebookStandardEvents.prototype.addToWishList = function () {
+        return new FacebookStandardEvent('AddToWishList');
+    };
+    FacebookStandardEvents.prototype.completedRegistration = function () {
+        return new FacebookStandardEvent('CompleteRegistration');
+    };
+    FacebookStandardEvents.prototype.contact = function () {
+        return new FacebookStandardEvent('Contact');
+    };
+    FacebookStandardEvents.prototype.customizeProduct = function () {
+        return new FacebookStandardEvent('CustomizeProduct');
+    };
+    FacebookStandardEvents.prototype.donate = function () {
+        return new FacebookStandardEvent('Donate');
+    };
+    FacebookStandardEvents.prototype.findLocation = function () {
+        return new FacebookStandardEvent('FindLocation');
+    };
+    FacebookStandardEvents.prototype.initiateCheckout = function () {
+        return new FacebookStandardEvent('InitiateCheckout');
+    };
+    FacebookStandardEvents.prototype.lead = function () {
+        return new FacebookStandardEvent('Lead');
+    };
+    FacebookStandardEvents.prototype.pageView = function () {
+        return new FacebookStandardEvent('PageView');
+    };
+    FacebookStandardEvents.prototype.purchase = function () {
+        return new FacebookStandardEvent('Purchase');
+    };
+    FacebookStandardEvents.prototype.schedule = function () {
+        return new FacebookStandardEvent('Schedule');
+    };
+    FacebookStandardEvents.prototype.search = function () {
+        return new FacebookStandardEvent('Search');
+    };
+    FacebookStandardEvents.prototype.startTrial = function () {
+        return new FacebookStandardEvent('StartTrial');
+    };
+    FacebookStandardEvents.prototype.submitApplication = function () {
+        return new FacebookStandardEvent('SubmitApplication');
+    };
+    FacebookStandardEvents.prototype.subscribe = function () {
+        return new FacebookStandardEvent('Subscribe');
+    };
+    FacebookStandardEvents.prototype.viewContent = function () {
+        return new FacebookStandardEvent('ViewContent');
+    };
+    return FacebookStandardEvents;
+}());
+
+var Gtag = /** @class */ (function () {
+    function Gtag(ga4id, awid, domains) {
+        var _a, _b;
+        this.ga4id = ga4id;
+        this.awid = awid;
+        this.domains = domains;
+        global.dataLayer = global.dataLayer || [];
+        this.gtag = function () {
+            // eslint-disable-next-line prefer-rest-params
+            global.dataLayer.push(arguments);
+        };
+        global.gtag = this.gtag;
+        this.gtag('js', new Date());
+        this.gtag('config', ga4id);
+        //this.gtag('config', awid) - this is configured in the Data Stream in Google Analytics
+        var parsedQueryString = parse(document.location.search);
+        //we handle the utm_referrer here incase a referrer was forwarded (special.coinapp.co does this)
+        sessionStorage.setItem('initialReferrer', decodeURIComponent((_b = (_a = parsedQueryString['utm_referrer']) === null || _a === void 0 ? void 0 : _a.toString()) !== null && _b !== void 0 ? _b : document.referrer));
+        delete parsedQueryString['utm_referrer'];
+        var remainingSearch = parsedQueryString ? stringify(parsedQueryString) : '';
+        sessionStorage.setItem('initialQuery', remainingSearch);
+        sessionStorage.setItem('initialPage', document.location.href);
+    }
+    Gtag.prototype.updatePagePath = function (page_path) {
+        var ga4id = assertEx(this.ga4id, 'Missing GA4ID');
+        var pathOnly = page_path.split('?')[0];
+        var search = Gtag.getInitialQuery();
+        this.gtag('config', ga4id, { page_path: "".concat(pathOnly).concat(search) });
+    };
+    //
+    Gtag.getInitialQuery = function () {
+        return sessionStorage.getItem('initialQuery') || '';
+    };
+    Gtag.getInitialPage = function () {
+        return sessionStorage.getItem('initialPage') || '';
+    };
+    Gtag.getInitialReferrer = function () {
+        return sessionStorage.getItem('initialReferrer') || '';
+    };
+    Gtag.clearDataLayer = function () {
+        var dataLayer = global.dataLayer;
+        dataLayer.length = 0;
+    };
+    Gtag.init = function (ga4id, awid, domains) {
+        if (!this.instance) {
+            return this.reinit(ga4id, awid, domains);
+        }
+        return this.instance;
+    };
+    Gtag.reinit = function (ga4id, awid, domains) {
+        this.instance = new Gtag(ga4id, awid, domains);
+        return this.instance;
+    };
+    Gtag.updatePagePath = function (page_path) {
+        var instance = assertEx(this.instance, 'Not initialized');
+        return instance.updatePagePath(page_path);
+    };
+    Gtag.prototype.sendAnalytics = function (event, data) {
+        var _this = this;
+        return new Promise(function (resolve) {
+            _this.gtag('event', event, __assign(__assign({}, data), { event_callback: function () {
+                    resolve();
+                }, event_timeout: 2000, page_location: Gtag.getInitialPage(), page_referrer: Gtag.getInitialReferrer(), send_to: _this.ga4id }));
+        });
+    };
+    Gtag.prototype.sendAdwords = function (event, data) {
+        var _this = this;
+        return new Promise(function (resolve) {
+            _this.gtag('event', 'conversion', __assign(__assign({}, data), { event_callback: function () {
+                    resolve();
+                }, event_timeout: 2000, send_to: "".concat(_this.awid, "/").concat(event) }));
+        });
+    };
+    return Gtag;
+}());
+
+var Gtm = /** @class */ (function () {
+    function Gtm(containerId) {
+        this.containerId = containerId;
+        var global = window;
+        global.dataLayer = global.dataLayer || [];
+        global.dataLayer.push({ event: 'gtm.js', 'gtm.start': new Date().getTime() });
+    }
+    Gtm.getInitialQuery = function () {
+        return sessionStorage.getItem('initialQuery') || '';
+    };
+    Gtm.clearDataLayer = function () {
+        var global = window;
+        var dataLayer = global.dataLayer;
+        dataLayer.length = 0;
+    };
+    Gtm.init = function (containerId) {
+        if (!this.instance) {
+            this.instance = new Gtm(containerId);
+        }
+        return this.instance;
+    };
+    Gtm.prototype.send = function (event, data, eventTimeout) {
+        if (eventTimeout === void 0) { eventTimeout = 500; }
+        return new Promise(function (resolve) {
+            var _a;
+            var global = window;
+            (_a = global.dataLayer) === null || _a === void 0 ? void 0 : _a.push(__assign(__assign({ event: event }, data), { eventCallback: function () {
+                    resolve();
+                }, eventTimeout: eventTimeout }));
+        });
+    };
+    return Gtm;
+}());
+
+var GoogleBaseEvent = /** @class */ (function () {
+    function GoogleBaseEvent(name, adwordConversionId) {
+        this.name = name;
+        this.adwordConversionId = adwordConversionId;
+    }
+    GoogleBaseEvent.prototype.send = function (data) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.sendGtag(data)];
+                    case 1: return [2 /*return*/, _a.sent()];
+                }
+            });
+        });
+    };
+    GoogleBaseEvent.prototype.sendGtag = function (data) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.gtag().sendAnalytics(this.name, data)];
+                    case 1:
+                        _a.sent();
+                        if (!this.adwordConversionId) return [3 /*break*/, 3];
+                        return [4 /*yield*/, this.gtag().sendAdwords(this.adwordConversionId, data)];
+                    case 2:
+                        _a.sent();
+                        _a.label = 3;
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    GoogleBaseEvent.prototype.sendGtm = function (data) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.gtm().send(this.name, data)];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    GoogleBaseEvent.prototype.gtag = function () {
+        return assertEx(Gtag.instance, 'Missing/uninitialized gtag');
+    };
+    GoogleBaseEvent.prototype.gtm = function () {
+        return assertEx(Gtm.instance, 'Missing/uninitialized gtm');
+    };
+    return GoogleBaseEvent;
+}());
+
+var GoogleCustomEvent = /** @class */ (function (_super) {
+    __extends(GoogleCustomEvent, _super);
+    function GoogleCustomEvent() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return GoogleCustomEvent;
+}(GoogleBaseEvent));
+
+var GoogleUserEventHandler = /** @class */ (function () {
+    function GoogleUserEventHandler() {
+    }
+    GoogleUserEventHandler.prototype.testStarted = function (data) {
+        return __awaiter(this, void 0, void 0, function () {
+            var event;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        event = new GoogleCustomEvent('TestStarted');
+                        return [4 /*yield*/, event.send(data)];
+                    case 1: return [2 /*return*/, _a.sent()];
+                }
+            });
+        });
+    };
+    GoogleUserEventHandler.prototype.funnelStarted = function (data) {
+        return __awaiter(this, void 0, void 0, function () {
+            var event;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        event = new GoogleCustomEvent('FunnelStarted');
+                        return [4 /*yield*/, event.send(data)];
+                    case 1: return [2 /*return*/, _a.sent()];
+                }
+            });
+        });
+    };
+    GoogleUserEventHandler.prototype.viewContent = function (data) {
+        return __awaiter(this, void 0, void 0, function () {
+            var event;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        event = new GoogleCustomEvent('ViewContent');
+                        return [4 /*yield*/, event.send(data)];
+                    case 1: return [2 /*return*/, _a.sent()];
+                }
+            });
+        });
+    };
+    GoogleUserEventHandler.prototype.userClick = function (data) {
+        return __awaiter(this, void 0, void 0, function () {
+            var event;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        event = new GoogleCustomEvent('UserClick');
+                        return [4 /*yield*/, event.send(data)];
+                    case 1: return [2 /*return*/, _a.sent()];
+                }
+            });
+        });
+    };
+    return GoogleUserEventHandler;
+}());
+
+var GoogleStandardEvent = /** @class */ (function (_super) {
+    __extends(GoogleStandardEvent, _super);
+    function GoogleStandardEvent() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return GoogleStandardEvent;
+}(GoogleBaseEvent));
+
+var GoogleStandardEvents = /** @class */ (function () {
+    function GoogleStandardEvents() {
+    }
+    GoogleStandardEvents.prototype.addPaymentInfo = function () {
+        return new GoogleStandardEvent('add_paymennt_info');
+    };
+    GoogleStandardEvents.prototype.addShippingInfo = function () {
+        return new GoogleStandardEvent('add_shipping_info');
+    };
+    GoogleStandardEvents.prototype.addToCart = function () {
+        return new GoogleStandardEvent('add_to_cart');
+    };
+    GoogleStandardEvents.prototype.addToWishList = function () {
+        return new GoogleStandardEvent('add_to_wishlist');
+    };
+    GoogleStandardEvents.prototype.beginCheckout = function () {
+        return new GoogleStandardEvent('begin_checkout');
+    };
+    GoogleStandardEvents.prototype.earnVirtualCurrency = function () {
+        return new GoogleStandardEvent('earn_virtual_currency');
+    };
+    GoogleStandardEvents.prototype.generateLead = function () {
+        return new GoogleStandardEvent('generate_lead');
+    };
+    GoogleStandardEvents.prototype.joinGroup = function () {
+        return new GoogleStandardEvent('join_group');
+    };
+    GoogleStandardEvents.prototype.levelEnd = function () {
+        return new GoogleStandardEvent('level_end');
+    };
+    GoogleStandardEvents.prototype.levelStart = function () {
+        return new GoogleStandardEvent('level_start');
+    };
+    GoogleStandardEvents.prototype.levelUp = function () {
+        return new GoogleStandardEvent('level_up');
+    };
+    GoogleStandardEvents.prototype.login = function () {
+        return new GoogleStandardEvent('login');
+    };
+    GoogleStandardEvents.prototype.postScore = function () {
+        return new GoogleStandardEvent('post_score');
+    };
+    GoogleStandardEvents.prototype.purchase = function () {
+        return new GoogleStandardEvent('purchase');
+    };
+    GoogleStandardEvents.prototype.refund = function () {
+        return new GoogleStandardEvent('refund');
+    };
+    GoogleStandardEvents.prototype.removeFromCart = function () {
+        return new GoogleStandardEvent('remove_from_cart');
+    };
+    GoogleStandardEvents.prototype.search = function () {
+        return new GoogleStandardEvent('search');
+    };
+    GoogleStandardEvents.prototype.selectContent = function () {
+        return new GoogleStandardEvent('select_content');
+    };
+    GoogleStandardEvents.prototype.selectItem = function () {
+        return new GoogleStandardEvent('select_item');
+    };
+    GoogleStandardEvents.prototype.selectPromotion = function () {
+        return new GoogleStandardEvent('select_promotion');
+    };
+    GoogleStandardEvents.prototype.share = function () {
+        return new GoogleStandardEvent('share');
+    };
+    GoogleStandardEvents.prototype.signUp = function () {
+        return new GoogleStandardEvent('sign_up');
+    };
+    GoogleStandardEvents.prototype.spendVirtualCurrency = function () {
+        return new GoogleStandardEvent('spend_virtual_currency');
+    };
+    GoogleStandardEvents.prototype.tutorialBegin = function () {
+        return new GoogleStandardEvent('tutorial_begin');
+    };
+    GoogleStandardEvents.prototype.tutorialComplete = function () {
+        return new GoogleStandardEvent('tutorial_complete');
+    };
+    GoogleStandardEvents.prototype.unlockAchievement = function () {
+        return new GoogleStandardEvent('unlock_achievement');
+    };
+    GoogleStandardEvents.prototype.viewCart = function () {
+        return new GoogleStandardEvent('view_cart');
+    };
+    GoogleStandardEvents.prototype.viewItem = function () {
+        return new GoogleStandardEvent('view_item');
+    };
+    GoogleStandardEvents.prototype.viewItemList = function () {
+        return new GoogleStandardEvent('view_item_list');
+    };
+    GoogleStandardEvents.prototype.viewPromotion = function () {
+        return new GoogleStandardEvent('view_promotion');
+    };
+    return GoogleStandardEvents;
+}());
+
+var Rdt = /** @class */ (function () {
+    function Rdt() {
+    }
+    Rdt.init = function (pixelId) {
+        try {
+            Rdt.instance = new Rdt();
+            Rdt.instance.load(pixelId);
+            Rdt.instance.track('PageVisit');
+        }
+        catch (ex) {
+            console.error(ex);
+        }
+    };
+    Rdt.getRdt = function () {
+        return global.rdt;
+    };
+    Rdt.prototype.load = function (id) {
+        try {
+            Rdt.getRdt()('init', id);
+        }
+        catch (ex) {
+            console.error(ex);
+        }
+    };
+    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*/];
+                }
+            });
+        });
+    };
+    return Rdt;
+}());
+
+var RedditBaseEvent = /** @class */ (function () {
+    function RedditBaseEvent(name) {
+        this.name = name;
+        this.rdt = assertEx(Rdt.instance, 'Missing Rdt');
+    }
+    RedditBaseEvent.prototype.send = function (_data) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, delay(0)]; //force async to increase reporting odds
+                    case 1:
+                        _a.sent(); //force async to increase reporting odds
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    return RedditBaseEvent;
+}());
+
+var RedditCustomEvent = /** @class */ (function (_super) {
+    __extends(RedditCustomEvent, _super);
+    function RedditCustomEvent() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    RedditCustomEvent.prototype.send = function (data) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        this.rdt.track(this.name, data);
+                        return [4 /*yield*/, delay(0)]; //force async to increase reporting odds
+                    case 1:
+                        _a.sent(); //force async to increase reporting odds
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    return RedditCustomEvent;
+}(RedditBaseEvent));
+
+var RedditStandardEvent = /** @class */ (function (_super) {
+    __extends(RedditStandardEvent, _super);
+    function RedditStandardEvent() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    RedditStandardEvent.prototype.send = function (data) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        this.rdt.track(this.name, data);
+                        return [4 /*yield*/, delay(0)]; //force async to increase reporting odds
+                    case 1:
+                        _a.sent(); //force async to increase reporting odds
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    return RedditStandardEvent;
+}(RedditBaseEvent));
+
+var RedditStandardEvents = /** @class */ (function () {
+    function RedditStandardEvents() {
+    }
+    RedditStandardEvents.prototype.pageView = function () {
+        return new RedditStandardEvent('PageView');
+    };
+    RedditStandardEvents.prototype.viewContent = function () {
+        return new RedditStandardEvent('ViewContent');
+    };
+    RedditStandardEvents.prototype.addToCart = function () {
+        return new RedditStandardEvent('AddToCart');
+    };
+    RedditStandardEvents.prototype.addToWishlist = function () {
+        return new RedditStandardEvent('AddToWishlist');
+    };
+    RedditStandardEvents.prototype.purchase = function () {
+        return new RedditStandardEvent('Purchase');
+    };
+    RedditStandardEvents.prototype.signup = function () {
+        return new RedditStandardEvent('SignUp');
+    };
+    RedditStandardEvents.prototype.lead = function () {
+        return new RedditStandardEvent('Lead');
+    };
+    RedditStandardEvents.prototype.search = function () {
+        return new RedditStandardEvent('Search');
+    };
+    return RedditStandardEvents;
+}());
+
+var SnapTr = /** @class */ (function () {
+    function SnapTr() {
+    }
+    SnapTr.getSnapTr = function () {
+        return global.snaptr;
+    };
+    SnapTr.init = function (pixelId) {
+        this.pixelId = pixelId;
+        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*/];
+                }
+            });
+        });
+    };
+    return SnapTr;
+}());
+
+var SnapchatBaseEvent = /** @class */ (function () {
+    function SnapchatBaseEvent(name) {
+        this.name = name;
+    }
+    SnapchatBaseEvent.prototype.send = function (_data) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, delay(0)]; //force async to increase reporting odds
+                    case 1:
+                        _a.sent(); //force async to increase reporting odds
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    return SnapchatBaseEvent;
+}());
+
+var SnapchatStandardEvent = /** @class */ (function (_super) {
+    __extends(SnapchatStandardEvent, _super);
+    function SnapchatStandardEvent() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    SnapchatStandardEvent.prototype.send = function (data) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, SnapTr.track(this.name, data)];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    return SnapchatStandardEvent;
+}(SnapchatBaseEvent));
+
+var SnapchatStandardEvents = /** @class */ (function () {
+    function SnapchatStandardEvents() {
+    }
+    SnapchatStandardEvents.prototype.pageView = function () {
+        return new SnapchatStandardEvent('PAGE_VIEW');
+    };
+    SnapchatStandardEvents.prototype.signUp = function () {
+        return new SnapchatStandardEvent('SIGN_UP');
+    };
+    SnapchatStandardEvents.prototype.purchase = function () {
+        return new SnapchatStandardEvent('PURCHASE');
+    };
+    SnapchatStandardEvents.prototype.save = function () {
+        return new SnapchatStandardEvent('SAVE');
+    };
+    SnapchatStandardEvents.prototype.startCheckout = function () {
+        return new SnapchatStandardEvent('START_CHECKOUT');
+    };
+    SnapchatStandardEvents.prototype.addCart = function () {
+        return new SnapchatStandardEvent('ADD_CART');
+    };
+    SnapchatStandardEvents.prototype.openApp = function () {
+        return new SnapchatStandardEvent('OPEN_APP');
+    };
+    SnapchatStandardEvents.prototype.viewContent = function () {
+        return new SnapchatStandardEvent('VIEW_CONTENT');
+    };
+    SnapchatStandardEvents.prototype.addBilling = function () {
+        return new SnapchatStandardEvent('ADD_BILLING');
+    };
+    SnapchatStandardEvents.prototype.search = function () {
+        return new SnapchatStandardEvent('SEARCH');
+    };
+    SnapchatStandardEvents.prototype.subscribe = function () {
+        return new SnapchatStandardEvent('SUBSCRIBE');
+    };
+    SnapchatStandardEvents.prototype.adClick = function () {
+        return new SnapchatStandardEvent('AD_CLICK');
+    };
+    SnapchatStandardEvents.prototype.adView = function () {
+        return new SnapchatStandardEvent('AD_VIEW');
+    };
+    SnapchatStandardEvents.prototype.completeTutorial = function () {
+        return new SnapchatStandardEvent('COMPLETE_TUTORIAL');
+    };
+    SnapchatStandardEvents.prototype.invite = function () {
+        return new SnapchatStandardEvent('INVITE');
+    };
+    SnapchatStandardEvents.prototype.login = function () {
+        return new SnapchatStandardEvent('LOGIN');
+    };
+    SnapchatStandardEvents.prototype.share = function () {
+        return new SnapchatStandardEvent('SHARE');
+    };
+    SnapchatStandardEvents.prototype.reserve = function () {
+        return new SnapchatStandardEvent('RESERVE');
+    };
+    SnapchatStandardEvents.prototype.achievementUnlocked = function () {
+        return new SnapchatStandardEvent('ACHIEVEMENT_UNLOCKED');
+    };
+    SnapchatStandardEvents.prototype.addToWishlist = function () {
+        return new SnapchatStandardEvent('ADD_TO_WISHLIST');
+    };
+    SnapchatStandardEvents.prototype.spentCredits = function () {
+        return new SnapchatStandardEvent('SPENT_CREDITS');
+    };
+    SnapchatStandardEvents.prototype.rate = function () {
+        return new SnapchatStandardEvent('RATE');
+    };
+    SnapchatStandardEvents.prototype.startTrial = function () {
+        return new SnapchatStandardEvent('START_TRIAL');
+    };
+    SnapchatStandardEvents.prototype.listView = function () {
+        return new SnapchatStandardEvent('LIST_VIEW');
+    };
+    SnapchatStandardEvents.prototype.custom1 = function () {
+        return new SnapchatStandardEvent('CUSTOM_EVENT_1');
+    };
+    SnapchatStandardEvents.prototype.custom2 = function () {
+        return new SnapchatStandardEvent('CUSTOM_EVENT_2');
+    };
+    SnapchatStandardEvents.prototype.custom3 = function () {
+        return new SnapchatStandardEvent('CUSTOM_EVENT_3');
+    };
+    SnapchatStandardEvents.prototype.custom4 = function () {
+        return new SnapchatStandardEvent('CUSTOM_EVENT_4');
+    };
+    SnapchatStandardEvents.prototype.custom5 = function () {
+        return new SnapchatStandardEvent('CUSTOM_EVENT_5');
+    };
+    return SnapchatStandardEvents;
+}());
+
+var Ttq = /** @class */ (function () {
+    function Ttq() {
+    }
+    Ttq.init = function (pixelId) {
+        try {
+            Ttq.instance = new Ttq();
+            Ttq.getTtq().load(pixelId);
+            Ttq.page();
+        }
+        catch (ex) {
+            console.error("Ttq.init: ".concat(ex));
+        }
+    };
+    Ttq.getTtq = 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*/];
+                }
+            });
+        });
+    };
+    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*/];
+                }
+            });
+        });
+    };
+    return Ttq;
+}());
+
+var TiktokBaseEvent = /** @class */ (function () {
+    function TiktokBaseEvent(name) {
+        this.name = name;
+        this.ttq = assertEx(Ttq.instance, 'Missing Ttq');
+    }
+    TiktokBaseEvent.prototype.send = function (_data) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, delay(0)]; //force async to increase reporting odds
+                    case 1:
+                        _a.sent(); //force async to increase reporting odds
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    return TiktokBaseEvent;
+}());
+
+var TiktokCustomEvent = /** @class */ (function (_super) {
+    __extends(TiktokCustomEvent, _super);
+    function TiktokCustomEvent() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TiktokCustomEvent.prototype.send = function (data) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        this.ttq.track(this.name, data);
+                        return [4 /*yield*/, delay(0)]; //force async to increase reporting odds
+                    case 1:
+                        _a.sent(); //force async to increase reporting odds
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    return TiktokCustomEvent;
+}(TiktokBaseEvent));
+
+var TiktokStandardEvent = /** @class */ (function (_super) {
+    __extends(TiktokStandardEvent, _super);
+    function TiktokStandardEvent() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    TiktokStandardEvent.prototype.send = function (data) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        this.ttq.track(this.name, data);
+                        return [4 /*yield*/, delay(0)]; //force async to increase reporting odds
+                    case 1:
+                        _a.sent(); //force async to increase reporting odds
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    return TiktokStandardEvent;
+}(TiktokBaseEvent));
+
+var TiktokStandardEvents = /** @class */ (function () {
+    function TiktokStandardEvents() {
+    }
+    TiktokStandardEvents.prototype.pageView = function () {
+        return new TiktokStandardEvent('Browse');
+    };
+    TiktokStandardEvents.prototype.viewContent = function () {
+        return new TiktokStandardEvent('ViewContent');
+    };
+    TiktokStandardEvents.prototype.addToCart = function () {
+        return new TiktokStandardEvent('AddToCart');
+    };
+    TiktokStandardEvents.prototype.checkout = function () {
+        return new TiktokStandardEvent('Checkout');
+    };
+    TiktokStandardEvents.prototype.purchase = function () {
+        return new TiktokStandardEvent('Purchase');
+    };
+    TiktokStandardEvents.prototype.registration = function () {
+        return new TiktokStandardEvent('Registration');
+    };
+    TiktokStandardEvents.prototype.startCheckout = function () {
+        return new TiktokStandardEvent('StartCheckout');
+    };
+    TiktokStandardEvents.prototype.addBilling = function () {
+        return new TiktokStandardEvent('AddBilling');
+    };
+    TiktokStandardEvents.prototype.search = function () {
+        return new TiktokStandardEvent('Search');
+    };
+    TiktokStandardEvents.prototype.viewForm = function () {
+        return new TiktokStandardEvent('ViewForm');
+    };
+    TiktokStandardEvents.prototype.clickForm = function () {
+        return new TiktokStandardEvent('ClickForm');
+    };
+    TiktokStandardEvents.prototype.submitForm = function () {
+        return new TiktokStandardEvent('SubmitForm');
+    };
+    TiktokStandardEvents.prototype.viewDownloadPage = function () {
+        return new TiktokStandardEvent('ViewDownloadPage');
+    };
+    TiktokStandardEvents.prototype.clickInDownloadPage = function () {
+        return new TiktokStandardEvent('ClickInDownloadPage');
+    };
+    TiktokStandardEvents.prototype.clickToDownload = function () {
+        return new TiktokStandardEvent('ClickToDownload');
+    };
+    TiktokStandardEvents.prototype.clickButton = function () {
+        return new TiktokStandardEvent('ClickButton');
+    };
+    return TiktokStandardEvents;
+}());
+
+var XyBaseEvent = /** @class */ (function () {
+    function XyBaseEvent(name) {
+        this.name = name;
+    }
+    XyBaseEvent.prototype.send = function (fields) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, XyPixel.instance.send(this.name, fields)];
+                    case 1:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    return XyBaseEvent;
+}());
+
+var XyCustomEvent = /** @class */ (function (_super) {
+    __extends(XyCustomEvent, _super);
+    function XyCustomEvent() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return XyCustomEvent;
+}(XyBaseEvent));
+
+var XyUserEventHandler = /** @class */ (function () {
+    function XyUserEventHandler() {
+    }
+    XyUserEventHandler.prototype.testStarted = function (data) {
+        return __awaiter(this, void 0, void 0, function () {
+            var event;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        event = new XyCustomEvent('TestStarted');
+                        return [4 /*yield*/, event.send(data)];
+                    case 1: return [2 /*return*/, _a.sent()];
+                }
+            });
+        });
+    };
+    XyUserEventHandler.prototype.funnelStarted = function (data) {
+        return __awaiter(this, void 0, void 0, function () {
+            var event;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        event = new XyCustomEvent('FunnelStarted');
+                        return [4 /*yield*/, event.send(data)];
+                    case 1: return [2 /*return*/, _a.sent()];
+                }
+            });
+        });
+    };
+    XyUserEventHandler.prototype.viewContent = function (data) {
+        return __awaiter(this, void 0, void 0, function () {
+            var event;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        event = new XyCustomEvent('ViewContent');
+                        return [4 /*yield*/, event.send(data)];
+                    case 1: return [2 /*return*/, _a.sent()];
+                }
+            });
+        });
+    };
+    XyUserEventHandler.prototype.userClick = function (data) {
+        return __awaiter(this, void 0, void 0, function () {
+            var event;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        event = new XyCustomEvent('UserClick');
+                        return [4 /*yield*/, event.send(data)];
+                    case 1: return [2 /*return*/, _a.sent()];
+                }
+            });
+        });
+    };
+    return XyUserEventHandler;
+}());
+
+var MetaMaskEthersLoader = function (props) {
+    var children = props.children, _a = props.enabled, enabled = _a === void 0 ? true : _a;
+    // 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];
+    if (ethereum) {
+        ethereum.autoRefreshOnNetworkChange = false;
+    }
+    var connect = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0: return [4 /*yield*/, ((_a = global.ethereum) === null || _a === void 0 ? void 0 : _a.enable())];
+                case 1:
+                    _b.sent();
+                    return [2 /*return*/, localAddress ? [localAddress.toString()] : []];
+            }
+        });
+    }); };
+    var _f = useState(), isConnected = _f[0], setIsConnected = _f[1];
+    useEffect(function () {
+        if (ethereum && enabled) {
+            ethereum.on('accountsChanged', function (accounts) {
+                console.log("accountsChanged: ".concat(JSON.stringify(accounts)));
+                setResetCount(resetCount + 1);
+                if (accounts.length > 0) {
+                    setLocalAddress(EthAddress.fromString(accounts[0]));
+                }
+                else {
+                    setLocalAddress(undefined);
+                }
+            });
+            ethereum.on('chainChanged', function (chainId) {
+                setResetCount(resetCount + 1);
+                if (chainId) {
+                    setChainId(parseInt(chainId));
+                }
+                else {
+                    setChainId(undefined);
+                }
+            });
+        }
+    }, [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];
+    useEffect(function () {
+        if (enabled) {
+            var walletProvider_1 = ethereum ? new Web3Provider(ethereum) : null;
+            var provider_1 = null;
+            var providerName_1 = null;
+            if (walletProvider_1) {
+                provider_1 = walletProvider_1;
+                providerName_1 = 'Meta Mask';
+            }
+            else {
+                provider_1 = new InfuraProvider(1, infuraKey);
+                providerName_1 = 'Infura (Default)';
+            }
+            provider_1 = walletProvider_1 !== null && walletProvider_1 !== void 0 ? walletProvider_1 : provider_1;
+            setProvider(provider_1);
+            setProviderName(providerName_1);
+            setWalletProvider(walletProvider_1);
+            var signer_1 = null;
+            try {
+                signer_1 = walletProvider_1 === null || walletProvider_1 === void 0 ? void 0 : walletProvider_1.getSigner();
+            }
+            catch (ex) {
+                console.error(ex);
+            }
+            setSigner(signer_1);
+        }
+    }, [ethereum, isConnected, enabled]);
+    useAsyncEffect(function (isMounted) { 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 && enabled)) 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()]);
+                    console.log("Setting Local Address: ".concat(localAddress_1));
+                    if (isMounted()) {
+                        setLocalAddress(localAddress_1);
+                        setIsConnected(true);
+                    }
+                    return [3 /*break*/, 4];
+                case 3:
+                    ex_1 = _c.sent();
+                    if (isMounted()) {
+                        setError(Error("localAddress: ".concat(ex_1)));
+                        setLocalAddress(undefined);
+                        setIsConnected(false);
+                    }
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [signer, resetCount, enabled]);
+    var _k = useState(), chainId = _k[0], setChainId = _k[1];
+    useAsyncEffect(function (isMounted) { return __awaiter(void 0, void 0, void 0, function () {
+        var chainId_1;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (!enabled) return [3 /*break*/, 2];
+                    return [4 /*yield*/, (provider === null || provider === void 0 ? void 0 : provider.getNetwork())];
+                case 1:
+                    chainId_1 = (_a = (_b.sent())) === null || _a === void 0 ? void 0 : _a.chainId;
+                    if (!isMounted())
+                        return [2 /*return*/];
+                    setChainId(chainId_1);
+                    _b.label = 2;
+                case 2: return [2 /*return*/];
+            }
+        });
+    }); }, [provider, enabled]);
+    return (jsx(EthersContext.Provider, __assign({ value: {
+            busy: false,
+            chainId: chainId,
+            connect: connect,
+            error: error,
+            isConnected: isConnected,
+            localAddress: localAddress,
+            provider: provider,
+            providerName: providerName,
+            signer: isConnected ? signer : undefined,
+            walletProvider: walletProvider,
+        } }, { children: children }), void 0));
+};
+
+var MyEtherWalletEthersLoader = function (props) {
+    var children = props.children;
+    // 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];
+    if (ethereum) {
+        ethereum.autoRefreshOnNetworkChange = false;
+    }
+    var connect = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0: return [4 /*yield*/, ((_a = global.ethereum) === null || _a === void 0 ? void 0 : _a.enable())];
+                case 1:
+                    _b.sent();
+                    return [2 /*return*/, localAddress ? [localAddress.toString()] : []];
+            }
+        });
+    }); };
+    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];
+    useEffect(function () {
+        var walletProvider = ethereum ? new Web3Provider(ethereum) : null;
+        var provider = null;
+        var providerName = null;
+        if (walletProvider) {
+            provider = walletProvider;
+            providerName = 'MyEtherWallet';
+        }
+        else {
+            provider = new InfuraProvider(1, infuraKey);
+            providerName = 'Infura (Default)';
+        }
+        setProvider(provider);
+        setProviderName(providerName);
+        setWalletProvider(walletProvider);
+        var signer = null;
+        try {
+            signer = walletProvider === null || walletProvider === void 0 ? void 0 : walletProvider.getSigner();
+        }
+        catch (ex) {
+            console.error(ex);
+        }
+        setSigner(signer);
+    }, [ethereum, isConnected]);
+    useAsyncEffect(function (isMounted) { 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 (isMounted()) {
+                        setLocalAddress(localAddress_1);
+                        setIsConnected(true);
+                    }
+                    return [3 /*break*/, 4];
+                case 3:
+                    ex_1 = _c.sent();
+                    if (isMounted()) {
+                        setError(Error("localAddress: ".concat(ex_1)));
+                        setLocalAddress(undefined);
+                        setIsConnected(false);
+                    }
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [signer]);
+    var _h = useState(), chainId = _h[0], setChainId = _h[1];
+    useAsyncEffect(function (isMounted) { return __awaiter(void 0, void 0, void 0, function () {
+        var chainId;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0: return [4 /*yield*/, (provider === null || provider === void 0 ? void 0 : provider.getNetwork())];
+                case 1:
+                    chainId = (_a = (_b.sent())) === null || _a === void 0 ? void 0 : _a.chainId;
+                    if (!isMounted())
+                        return [2 /*return*/];
+                    setChainId(chainId);
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [provider]);
+    return (jsx(EthersContext.Provider, __assign({ value: {
+            busy: false,
+            chainId: chainId,
+            connect: connect,
+            error: error,
+            isConnected: isConnected,
+            localAddress: localAddress,
+            provider: provider,
+            providerName: providerName,
+            signer: isConnected ? signer : undefined,
+            walletProvider: walletProvider,
+        } }, { children: children }), void 0));
+};
+
+var OperaEthersLoader = function (props) {
+    var _a, _b, _c, _d, _e, _f;
+    var children = props.children;
+    // 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 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*/];
+                    }
+                });
+            }); };
+            load();
+        }
+        return function () {
+            cancelled = true;
+        };
+    }, [ethereum]);
+    return (jsx(EthersContext.Provider, __assign({ value: {
+            busy: false,
+            chainId: chainId,
+            error: error,
+            isConnected: isConnected,
+            localAddress: localAddress,
+            provider: provider,
+            signer: signer,
+        } }, { children: children }), void 0));
+};
+
+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 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*/];
+                    }
+                });
+            }); };
+            load();
+        }
+        return function () {
+            cancelled = true;
+        };
+    }, [signer]);
+    return (jsx(EthersContext.Provider, __assign({ value: {
+            busy: false,
+            chainId: chainId,
+            error: error,
+            localAddress: localAddress,
+            provider: provider,
+            signer: signer,
+        } }, { children: children }), void 0));
+};
+
+var EthersLoader = function (props) {
+    var _a, _b, _c, _d;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    var global = window;
+    var children = props.children;
+    if ((_a = global.ethereum) === null || _a === void 0 ? void 0 : _a.isMetaMask) {
+        return jsx(MetaMaskEthersLoader, { children: children }, void 0);
+    }
+    if ((_b = global.ethereum) === null || _b === void 0 ? void 0 : _b.isTrust) {
+        return jsx(TrustEthersLoader, { children: children }, void 0);
+    }
+    if ((_c = global.ethereum) === null || _c === void 0 ? void 0 : _c.isMew) {
+        return jsx(MyEtherWalletEthersLoader, { children: children }, void 0);
+    }
+    if (((_d = global.ethereum) === null || _d === void 0 ? void 0 : _d.providerName) === 'opera') {
+        return jsx(OperaEthersLoader, { children: children }, void 0);
+    }
+    if (global.ethereum) {
+        return jsx(OperaEthersLoader, { children: children }, void 0);
+    }
+    return jsx(InfuraEthersLoader, { children: children }, void 0);
+};
+
+var NetworkSettingsContext = React.createContext({});
+
+var NetworkSettingsLoader = function (props) {
+    var children = props.children;
+    return (jsx(NetworkSettingsContext.Provider, __assign({ value: {
+            xyBondAddress: EthAddress.fromString('0x1a024A698EEBdB86ccf3fCaF2F589839bdc066AD'),
+            xyFhrMerkleSendAddress: EthAddress.fromString('0x46FEEBDffC8076D9E5fd8a11CF1508810472A79f'),
+            xyGovernanceAddress: EthAddress.fromString('0x01925d0fFE4a6a6162B51ba611e3D4780Fc2dF42'),
+            xyStakingConsensusAddress: EthAddress.fromString('0x0242514106114DEaA99Fd81574142c36Edb03B6D'),
+        } }, { children: children }), void 0));
+};
+
+var UserEventsContext = React.createContext({});
+
+var calcSpacing = function (theme, values) {
+    for (var i = 0; i < values.length; i++) {
+        var value = values[i];
+        if (value !== undefined) {
+            if (typeof value === 'string') {
+                return value;
+            }
+            else if (typeof value === 'number') {
+                return theme.spacing(value);
+            }
+        }
+    }
+};
+
+var mergeBoxlikeStyles = function (theme, props, defaultProps) {
+    var _a = __assign(__assign({}, defaultProps), props), alignContent = _a.alignContent, alignItems = _a.alignItems, alignSelf = _a.alignSelf, bgcolor = _a.bgcolor, border = _a.border, borderColor = _a.borderColor, display = _a.display, flexGrow = _a.flexGrow, flexShrink = _a.flexShrink, flexDirection = _a.flexDirection, flexWrap = _a.flexWrap, justifyContent = _a.justifyContent, justifyItems = _a.justifyItems, justifySelf = _a.justifySelf, height = _a.height, minHeight = _a.minHeight, minWidth = _a.minWidth, margin = _a.margin, marginX = _a.marginX, marginY = _a.marginY, marginTop = _a.marginTop, marginLeft = _a.marginLeft, marginRight = _a.marginRight, marginBottom = _a.marginBottom, padding = _a.padding, paddingX = _a.paddingX, paddingY = _a.paddingY, paddingTop = _a.paddingTop, paddingLeft = _a.paddingLeft, paddingRight = _a.paddingRight, paddingBottom = _a.paddingBottom, position = _a.position, style = _a.style, width = _a.width, rootProps = __rest(_a, ["alignContent", "alignItems", "alignSelf", "bgcolor", "border", "borderColor", "display", "flexGrow", "flexShrink", "flexDirection", "flexWrap", "justifyContent", "justifyItems", "justifySelf", "height", "minHeight", "minWidth", "margin", "marginX", "marginY", "marginTop", "marginLeft", "marginRight", "marginBottom", "padding", "paddingX", "paddingY", "paddingTop", "paddingLeft", "paddingRight", "paddingBottom", "position", "style", "width"]);
+    var mergedStyle = __assign({ alignContent: alignContent, alignItems: alignItems, alignSelf: alignSelf, backgroundColor: bgcolor, border: border, borderColor: borderColor, display: display, flexDirection: flexDirection, flexGrow: flexGrow, flexShrink: flexShrink, flexWrap: flexWrap, height: height, justifyContent: justifyContent, justifyItems: justifyItems, justifySelf: justifySelf, marginBottom: calcSpacing(theme, [marginBottom, marginY, margin]), marginLeft: calcSpacing(theme, [marginLeft, marginX, margin]), marginRight: calcSpacing(theme, [marginRight, marginX, margin]), marginTop: calcSpacing(theme, [marginTop, marginY, margin]), minHeight: minHeight, minWidth: minWidth, paddingBottom: calcSpacing(theme, [paddingBottom, paddingY, padding]), paddingLeft: calcSpacing(theme, [paddingLeft, paddingX, padding]), paddingRight: calcSpacing(theme, [paddingRight, paddingX, padding]), paddingTop: calcSpacing(theme, [paddingTop, paddingY, padding]), position: position, width: width }, style);
+    return __assign(__assign({}, rootProps), { style: mergedStyle });
+};
+
+var ButtonExBase = function (props) {
+    var theme = useTheme();
+    var _a = mergeBoxlikeStyles(theme, props), busy = _a.busy, _b = _a.busyVariant, busyVariant = _b === void 0 ? 'linear' : _b, busyOpacity = _a.busyOpacity, onClick = _a.onClick, children = _a.children, rootProps = __rest(_a, ["busy", "busyVariant", "busyOpacity", "onClick", "children"]);
+    var localOnClick = function (event) {
+        if (!busy) {
+            onClick === null || onClick === void 0 ? void 0 : onClick(event);
+        }
+    };
+    return (jsxs(Button, __assign({ onClick: localOnClick }, rootProps, { children: [busy && busyVariant === 'linear' ? jsx(BusyLinearProgress, { rounded: true, opacity: busyOpacity !== null && busyOpacity !== void 0 ? busyOpacity : 0 }, void 0) : null, busy && busyVariant === 'circular' ? (jsx(BusyCircularProgress, { rounded: true, size: 24, opacity: busyOpacity !== null && busyOpacity !== void 0 ? busyOpacity : 0.5 }, void 0)) : null, children] }), void 0));
+};
+
+var ButtonExTo = function (_a) {
+    var to = _a.to, toOptions = _a.toOptions, onClick = _a.onClick, props = __rest(_a, ["to", "toOptions", "onClick"]);
+    var navigate = useNavigate();
+    var localOnClick = function (event) {
+        onClick === null || onClick === void 0 ? void 0 : onClick(event);
+        if (to) {
+            navigate(to, toOptions);
+        }
+    };
+    return jsx(ButtonExBase, __assign({ onClick: localOnClick }, props), void 0);
+};
+
+var ButtonEx = function (_a) {
+    var to = _a.to, props = __rest(_a, ["to"]);
+    if (to) {
+        return jsx(ButtonExTo, __assign({ to: to }, props), void 0);
+    }
+    else {
+        return jsx(ButtonExBase, __assign({}, props), void 0);
+    }
+};
+
+var CookieConsentBody = function (_a) {
+    var acceptOnScroll = _a.acceptOnScroll, _b = _a.acceptOnTimer, acceptOnTimer = _b === void 0 ? 0 : _b, onAccept = _a.onAccept, props = __rest(_a, ["acceptOnScroll", "acceptOnTimer", "onAccept"]);
+    var _c = useCookieConsent(), accepted = _c.accepted, setAccepted = _c.setAccepted, storageName = _c.storageName;
+    var onScroll = function () {
+        //hide it one the user has scrolled at least one page
+        if (window.scrollY > window.innerHeight && !accepted) {
+            onAcceptClick();
+        }
+    };
+    useEffect(function () {
+        if (acceptOnScroll) {
+            window.addEventListener('scroll', onScroll);
+            return function () {
+                window.removeEventListener('scroll', onScroll);
+            };
+        }
+    });
+    var onAcceptClick = function () {
+        if (setAccepted) {
+            setAccepted === null || setAccepted === void 0 ? void 0 : setAccepted(true);
+        }
+        else {
+            localStorage.setItem(storageName !== null && storageName !== void 0 ? storageName : 'CookiesAccepted', 'true');
+        }
+        onAccept === null || onAccept === void 0 ? void 0 : onAccept(true);
+    };
+    if (acceptOnTimer > 0 && !accepted) {
+        setTimeout(function () {
+            onAcceptClick();
+        }, acceptOnTimer);
+    }
+    if (!storageName) {
+        return (jsx(FlexRow, __assign({ justifyContent: "center", paddingY: 2 }, props, { children: jsx(Typography, __assign({ color: "error", variant: "body1" }, { children: "Missing CookieConsentContext" }), void 0) }), void 0));
+    }
+    return accepted ? null : (jsxs(FlexRow, __assign({ justifyContent: "space-between" }, props, { children: [jsxs(Typography, __assign({ variant: "body2", margin: 2 }, { children: ['This site uses ', jsx(Link, __assign({ href: "https://cookiesandyou.com/", rel: "noopener noreferrer", target: "_blank" }, { children: "cookies" }), void 0), ' and ', jsx(Link, __assign({ href: "https://policies.google.com/technologies/partner-sites", rel: "noopener noreferrer", target: "_blank" }, { children: "Google\u00A0tools" }), void 0), ' to analyze traffic and for ads measurement purposes.'] }), void 0), jsx(ButtonEx, __assign({ variant: "contained", color: "secondary", onClick: onAcceptClick, margin: 2 }, { children: "Accept" }), void 0)] }), void 0));
+};
+
+var CookieConsent = function (props) {
+    var storageName = useCookieConsent().storageName;
+    var Inner = function () {
+        var accepted = useCookieConsent().accepted;
+        return accepted ? null : (jsx(CookieConsentBody, __assign({ background: true, paper: true, position: "fixed", bottom: 0, maxWidth: "100vw", width: "100%", zIndex: 1000 }, props), void 0));
+    };
+    //if not inside a context, make a context
+    if (!storageName) {
+        return (jsx(CookieConsentLoader, { children: jsx(Inner, {}, void 0) }, void 0));
+    }
+    return jsx(Inner, {}, void 0);
+};
+
+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 = useContext(InvertableThemeContext);
+    var clonedOptions = clone((_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) {
+        clonedOptions.palette.mode = clonedOptions.palette.mode === 'dark' ? 'light' : 'dark';
+    }
+    if (dark !== undefined) {
+        clonedOptions.palette.mode = dark ? 'dark' : 'light';
+    }
+    var theme = createTheme(clonedOptions);
+    if (!noResponsiveFonts) {
+        theme = responsiveFontSizes(theme);
+    }
+    return scoped ? (jsx(ScopedCssBaseline, { children: jsx(InvertableThemeContext.Provider, __assign({ value: { options: clonedOptions } }, { children: jsx(ThemeProvider, __assign({ theme: theme }, { children: children }), void 0) }), void 0) }, void 0)) : (jsx(InvertableThemeContext.Provider, __assign({ value: { options: clonedOptions } }, { children: jsx(ThemeProvider, __assign({ theme: theme }, { children: children }), void 0) }), void 0));
+};
+
+var BasePage = function (_a) {
+    var disableGutters = _a.disableGutters, children = _a.children, beta = _a.beta, container = _a.container, hideFooter = _a.hideFooter, appFooter = _a.appFooter, appBar = _a.appBar, cookieConsent = _a.cookieConsent, hideAppBar = _a.hideAppBar, _b = _a.noindex, noindex = _b === void 0 ? false : _b, _c = _a.scrollToTopButton, scrollToTopButton = _c === void 0 ? false : _c, title = _a.title, props = __rest(_a, ["disableGutters", "children", "beta", "container", "hideFooter", "appFooter", "appBar", "cookieConsent", "hideAppBar", "noindex", "scrollToTopButton", "title"]);
+    var theme = useTheme();
+    var scrollToTopAnchorId = 'scroll-to-top-anchor';
+    return (jsxs(FlexCol, __assign({ justifyContent: "flex-start", color: theme.palette.text.primary, alignItems: "stretch", width: "100%", maxWidth: "100vw", minHeight: "100vh" }, props, { children: [jsx(Helmet, __assign({ title: title }, { children: noindex ? jsx("meta", { content: "noindex", name: "robots" }, void 0) : null }), void 0), scrollToTopButton ? jsx("div", { id: scrollToTopAnchorId }, void 0) : null, hideAppBar ? null : appBar, beta ? (jsx(FlexRow, __assign({ margin: 1, position: "absolute", top: 0, left: 0, bgcolor: "#cccccc88", paddingX: 1, style: { opacity: 0.5 } }, { children: jsx(Typography, __assign({ variant: "body2" }, { children: "Important: This page is a Beta page. It is possible that some information may not be correct." }), void 0) }), void 0)) : null, container ? (jsx(Container, __assign({ style: { alignItems: 'stretch', display: 'flex', flexDirection: 'column', flexGrow: 1 }, maxWidth: container, disableGutters: disableGutters }, { children: children }), void 0)) : (children), hideFooter ? null : jsx("footer", { children: appFooter }, void 0), cookieConsent !== null && cookieConsent !== void 0 ? cookieConsent : (jsx(ScopedCssBaseline, { children: jsx(InvertableThemeProvider, __assign({ invert: true }, { children: jsx(CookieConsent, { borderRadius: 0 }, void 0) }), void 0) }, void 0)), scrollToTopButton ? (jsx(ScrollToTopButton, __assign({ anchorId: scrollToTopAnchorId }, { children: jsx(Fab, __assign({ "aria-label": "scroll to top", color: "secondary", size: "small" }, { children: jsx(KeyboardArrowUp, {}, void 0) }), void 0) }), void 0)) : null] }), void 0));
+};
+
+var getPartialPath = function (pathParts, index) {
+    var result = [];
+    for (var i = 0; i <= index; i++) {
+        result.push("".concat(pathParts[i], "/"));
+    }
+    return result.join('');
+};
+var BreadcrumbsEx = function (_a) {
+    var _b;
+    var titles = _a.titles, _c = _a.path, path = _c === void 0 ? document.location.pathname : _c, _d = _a.separator, separator = _d === void 0 ? '|' : _d, logo = _a.logo, children = _a.children, props = __rest(_a, ["titles", "path", "separator", "logo", "children"]);
+    var pathParts = path.split('/');
+    //if the url has a trailing '/', remove the last part
+    if (((_b = pathParts[pathParts.length - 1]) === null || _b === void 0 ? void 0 : _b.length) === 0) {
+        pathParts.pop();
+    }
+    assertEx(pathParts.length - 1 === (titles === null || titles === void 0 ? void 0 : titles.length), "Path/Title length mismatch: ".concat(JSON.stringify(titles), " with ").concat(JSON.stringify(pathParts)));
+    return (jsxs(Breadcrumbs, __assign({ separator: separator }, props, { children: [pathParts.map(function (_pathPart, index) {
+                var path = getPartialPath(pathParts, index);
+                return (jsx(Link, __assign({ title: index > 0 ? titles === null || titles === void 0 ? void 0 : titles[index - 1] : 'COIN', color: index === pathParts.length - 1 ? 'textPrimary' : 'inherit', component: Link$1, to: path }, { children: index > 0 ? (titles === null || titles === void 0 ? void 0 : titles[index - 1]) : (jsx(FlexRow, { children: typeof logo === 'string' ? jsx("img", { src: logo }, void 0) : logo }, void 0)) }), path));
+            }), children] }), void 0));
+};
+
+var toAxiosError = function (error) {
+    return error.isAxiosError ? error : undefined;
+};
+var ErrorDialogOpen = function (_a) {
+    var _b, _c;
+    var onAction = _a.onAction, _d = _a.title, title = _d === void 0 ? 'Oops. Something went wrong.' : _d, _e = _a.error, error = _e === void 0 ? Error('Unknown Error') : _e, props = __rest(_a, ["onAction", "title", "error"]);
+    var onCloseClicked = function () {
+        onAction === null || onAction === void 0 ? void 0 : onAction(false);
+    };
+    var onRetryClicked = function () {
+        onAction === null || onAction === void 0 ? void 0 : onAction(true);
+    };
+    var axiosError = toAxiosError(error);
+    var message = (_b = error.message) !== null && _b !== void 0 ? _b : error.toString();
+    return (jsxs(Dialog, __assign({}, props, { children: [jsx(DialogTitle, { children: title }, void 0), jsx(DialogContent, { children: jsx(FlexRow, { children: jsx(Typography, __assign({ color: "error" }, { children: axiosError ? "".concat(message, " [").concat((_c = axiosError === null || axiosError === void 0 ? void 0 : axiosError.code) !== null && _c !== void 0 ? _c : 'Connection Failure', "]") : "".concat(message) }), void 0) }, void 0) }, void 0), jsx(DialogActions, { children: jsxs(FlexRow, __assign({ justifyContent: "space-between", width: "100%", minWidth: "300px" }, { children: [jsx(ButtonEx, __assign({ onClick: onCloseClicked, variant: "text" }, { children: "Close" }), void 0), jsx(ButtonEx, __assign({ onClick: onRetryClicked, variant: "text" }, { children: "Retry" }), void 0)] }), void 0) }, void 0)] }), void 0));
+};
+var ErrorDialog = function (_a) {
+    var open = _a.open, error = _a.error, props = __rest(_a, ["open", "error"]);
+    if (error) {
+        return jsx(ErrorDialogOpen, __assign({ open: !!error || open, error: error }, props), void 0);
+    }
+    else {
+        return null;
+    }
+};
+
+var MessageDialog = function (_a) {
+    var onOk = _a.onOk, onCancel = _a.onCancel, children = _a.children, title = _a.title, props = __rest(_a, ["onOk", "onCancel", "children", "title"]);
+    return (jsxs(Dialog, __assign({}, props, { children: [jsx(DialogTitle, { children: title }, void 0), jsx(DialogContent, { children: jsx(FlexCol, __assign({ alignItems: "stretch" }, { children: children }), void 0) }, void 0), jsx(DialogActions, { children: jsxs(FlexRow, __assign({ justifyContent: "space-between", width: "100%" }, { children: [jsx(Button, __assign({ onClick: onCancel, variant: "text" }, { children: "Cancel" }), void 0), jsx(Button, __assign({ onClick: onOk, variant: "text" }, { children: "Ok" }), void 0)] }), void 0) }, void 0)] }), void 0));
+};
+
+var useBreakpoint = function () {
+    var theme = useTheme();
+    var xs = useMediaQuery(theme.breakpoints.only('xs'));
+    var sm = useMediaQuery(theme.breakpoints.only('sm'));
+    var md = useMediaQuery(theme.breakpoints.only('md'));
+    var lg = useMediaQuery(theme.breakpoints.only('lg'));
+    var xl = useMediaQuery(theme.breakpoints.only('xl'));
+    if (xs) {
+        return 'xs';
+    }
+    else if (sm) {
+        return 'sm';
+    }
+    else if (md) {
+        return 'md';
+    }
+    else if (lg) {
+        return 'lg';
+    }
+    else if (xl) {
+        return 'xl';
+    }
+};
+
+var useMounted = function () {
+    var _a = useState(true), mounted = _a[0], setMounted = _a[1];
+    useEffect(function () {
+        setMounted(true);
+        return function () {
+            // eslint-disable-next-line react-hooks/exhaustive-deps
+            setMounted(false);
+        };
+    }, []);
+    return function () {
+        return mounted;
+    };
+};
+
+var useNavigateToEthAddress = function () {
+    var navigate = useNavigate();
+    var navigateToEthAddress = function (address, event, page, to, toOptions, toEtherScan) {
+        var _a;
+        var openInEtherScan = toEtherScan || (!to && !page);
+        if (openInEtherScan) {
+            window.open("https://etherscan.io/address/".concat(address.toString()), '_blank');
+        }
+        else {
+            var path = (_a = to === null || to === void 0 ? void 0 : to.toString()) !== null && _a !== void 0 ? _a : "/".concat(page, "/").concat(address.toString());
+            if (event.metaKey || toEtherScan) {
+                window.open(path, '_blank');
+            }
+            else {
+                navigate(to !== null && to !== void 0 ? to : path, toOptions);
+            }
+        }
+    };
+    return { navigateToEthAddress: navigateToEthAddress };
+};
+
+var useSpacing = function (value) {
+    var theme = useTheme();
+    return theme.spacing(typeof value === 'string' ? parseInt(value) : 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];
+    useAsyncEffect(function (mounted) { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!(supportsWebP === undefined)) return [3 /*break*/, 2];
+                    return [4 /*yield*/, getSupportsWebP()];
+                case 1:
+                    supportsWebP = _a.sent();
+                    if (mounted()) {
+                        setImg(supportsWebP ? webp : alt);
+                    }
+                    _a.label = 2;
+                case 2: return [2 /*return*/];
+            }
+        });
+    }); }, [supportsWebP]);
+    return img;
+};
+var getSupportsWebP = function () { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, new Promise(function (resolve) {
+                    var image = new Image();
+                    image.onerror = function () { return resolve(false); };
+                    image.onload = function () { return resolve(image.width === 1); };
+                    image.src = 'data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA/vuUAAA=';
+                }).catch(function () { return false; })];
+            case 1: return [2 /*return*/, _a.sent()];
+        }
+    });
+}); };
+
+function useWindowSize() {
+    var _a = useState({
+        height: undefined,
+        width: undefined,
+    }), windowSize = _a[0], setWindowSize = _a[1];
+    useEffect(function () {
+        function handleResize() {
+            setWindowSize({
+                height: window.innerHeight,
+                width: window.innerWidth,
+            });
+        }
+        window.addEventListener('resize', handleResize);
+        handleResize();
+        return function () { return window.removeEventListener('resize', handleResize); };
+    }, []);
+    return windowSize;
+}
+
+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 = useContext(EthersContext).localAddress;
+    var theme = useTheme();
+    var large = useMediaQuery(theme.breakpoints.up('md'));
+    var isLocalAddress = address ? (localAddress === null || localAddress === void 0 ? void 0 : localAddress.toString()) === address.toString() : false;
+    var onClickLocal = function (event) {
+        onButtonClick === null || onButtonClick === void 0 ? void 0 : onButtonClick(event);
+        if (toEtherScan && address) {
+            window.open("https://etherscan.io/address/".concat(address.toString()), '_blank');
+        }
+    };
+    var addressToDisplay = assertEx(address !== null && address !== void 0 ? address : EthAddress.fromString('0x00'), 'Bad Eth Address');
+    var testToDisplay = addressLength === 'long'
+        ? addressToDisplay.toString()
+        : addressLength === 'short'
+            ? addressToDisplay.toShortString()
+            : large
+                ? addressToDisplay.toString()
+                : addressToDisplay.toShortString();
+    // Note: We use the all zero address for spacing in case it is
+    return (jsx(ButtonEx, __assign({ onClick: onClickLocal, title: "0x".concat(address === null || address === void 0 ? void 0 : address.toHex()) }, props, { children: jsxs(FlexGrowRow, __assign({ justifyContent: "space-between", alignItems: "center" }, { children: [icon && address ? jsx(Identicon, { size: iconSize, value: address === null || address === void 0 ? void 0 : address.toHex() }, void 0) : null, iconOnly ? null : (jsxs(FlexRow, { children: [jsx(Typography, __assign({ marginLeft: icon ? 1 : 0, variant: "body1", fontFamily: fontFamily, visibility: address ? 'inherit' : 'hidden' }, { children: testToDisplay }), void 0), address ? null : (jsx(Typography, __assign({ position: "absolute", marginLeft: icon ? 1 : 0, variant: "body1", fontFamily: fontFamily }, { children: "-- --" }), void 0))] }, void 0)), isLocalAddress ? jsx(FlexRow, __assign({ marginLeft: 0.5 }, { children: "(You)" }), void 0) : null] }), void 0) }), void 0));
+};
+
+var Experiment = function (props) {
+    var children = props.children;
+    return jsx(Fragment, { children: children }, void 0);
+};
+
+var defaultLocalStorageKey = 'testData';
+var experimentsTestData = {};
+var outcomes = {}; //prevent multi-outcome
+var saveOutcomes = function () {
+    setLocalStorageObject('outcomes', outcomes);
+};
+var loadOutcomes = function () {
+    outcomes = getLocalStorageObject('outcomes');
+};
+var mergeData = function (data, log) {
+    var dataArray = [];
+    for (var key in data) {
+        dataArray.push("".concat(key, "-").concat(data[key]));
+    }
+    log === null || log === void 0 ? void 0 : log.info('MergeData', dataArray.join('|'));
+    return dataArray.join('|');
+};
+var missingKeyError = new Error('Experiment Elements must have Keys');
+var makeChildrenArray = function (children) {
+    if (Array.isArray(children)) {
+        return children;
+    }
+    else {
+        return [children];
+    }
+};
+var buildLocalStorageKey = function (localStorageProp) {
+    return localStorageProp === true
+        ? defaultLocalStorageKey
+        : typeof localStorageProp === 'string'
+            ? localStorageProp !== null && localStorageProp !== void 0 ? localStorageProp : defaultLocalStorageKey
+            : '';
+};
+var calcTotalWeight = function (childList) {
+    var totalWeight = 0;
+    for (var _i = 0, childList_1 = childList; _i < childList_1.length; _i++) {
+        var child = childList_1[_i];
+        totalWeight += child.props.weight;
+    }
+    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;
+    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;
+    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));
+            }
+            if (!isLocalhost) {
+                userEvents === null || userEvents === void 0 ? void 0 : userEvents.testStarted({});
+                testStarted === null || testStarted === void 0 ? void 0 : testStarted();
+            }
+        }
+        return child;
+    }
+    throw new Error('Experiment Choice Failed');
+};
+
+var LinkToEx = function (_a) {
+    var to = _a.to, props = __rest(_a, ["to"]);
+    return jsx(Link, __assign({ component: Link$1, to: to }, props), void 0);
+};
+
+var NumberStatus = function (_a) {
+    var _b, _c;
+    var error = _a.error, _d = _a.format, format = _d === void 0 ? '0[.]0a' : _d, _e = _a.color, color = _e === void 0 ? 'primary' : _e, title = _a.title, value = _a.value, size = _a.size, fontSize = _a.fontSize, _f = _a.rounded, rounded = _f === void 0 ? false : _f, _g = _a.autoWidth, autoWidth = _g === void 0 ? false : _g, style = _a.style, props = __rest(_a, ["error", "format", "color", "title", "value", "size", "fontSize", "rounded", "autoWidth", "style"]);
+    var theme = useTheme();
+    var palette = color === 'inherit' ? undefined : theme.palette[color];
+    var bgColorTop = (_b = palette === null || palette === void 0 ? void 0 : palette.dark) !== null && _b !== void 0 ? _b : theme.palette.background.paper;
+    var bgColorBottom = (_c = palette === null || palette === void 0 ? void 0 : palette.main) !== null && _c !== void 0 ? _c : theme.palette.background.default;
+    var sizePixels = size === 'large' ? 96 : size === 'small' ? 64 : 80;
+    var calcFontSize = fontSize !== null && fontSize !== void 0 ? fontSize : sizePixels * 0.2;
+    return (jsx(ButtonEx, __assign({ size: size, padding: 0, style: __assign({ borderRadius: rounded ? theme.shape.borderRadius : 0, overflow: rounded ? 'hidden' : undefined }, style) }, props, { children: jsxs(FlexCol, __assign({ alignItems: "stretch", height: sizePixels, width: autoWidth ? '100%' : sizePixels, busy: value === undefined && !error }, { children: [jsx(FlexGrowRow, __assign({ bgcolor: bgColorTop, color: theme.palette.getContrastText(bgColorTop), fontSize: calcFontSize, fontFamily: "Source Code Pro,monospace", alignItems: "center", height: sizePixels * 0.75 }, { children: numeral(value).format(format) }), void 0), jsx(FlexGrowRow, __assign({ bgcolor: bgColorBottom, borderTop: "1px", color: theme.palette.getContrastText(bgColorBottom), fontSize: sizePixels * 0.12, fontFamily: theme.typography.fontFamily, height: sizePixels * 0.25 }, { children: title }), void 0)] }), void 0) }), void 0));
+};
+
+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];
+    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));
+};
+
+var RichResult = function (props) {
+    var thing = props.thing;
+    var thingWithContext = thing;
+    thingWithContext['@context'] = 'https://schema.org';
+    return jsx("script", __assign({ type: "application/ld+json" }, { children: JSON.stringify(thingWithContext) }), void 0);
+};
+
+var ActionStatusType;
+(function (ActionStatusType) {
+    ActionStatusType["ActiveActionStatus"] = "ActiveActionStatus";
+    ActionStatusType["CompletedActionStatus"] = "CompletedActionStatus";
+    ActionStatusType["FailedActionStatus"] = "FailedActionStatus";
+    ActionStatusType["PotentialActionStatus"] = "PotentialActionStatus";
+})(ActionStatusType || (ActionStatusType = {}));
+
+var ContactPointOption;
+(function (ContactPointOption) {
+    ContactPointOption["HearingImpairedSupported"] = "HearingImpairedSupported";
+    ContactPointOption["TollFree"] = "TollFree";
+})(ContactPointOption || (ContactPointOption = {}));
+
+var ItemAvailability;
+(function (ItemAvailability) {
+    /** Indicates that the item has been discontinued. */
+    ItemAvailability["Discontinued"] = "https://schema.org/Discontinued";
+    /** Indicates that the item is in stock. */
+    ItemAvailability["InStock"] = "https://schema.org/InStock";
+    /** Indicates that the item is available only at physical locations. */
+    ItemAvailability["InStoreOnly"] = "https://schema.org/InStoreOnly";
+    /** Indicates that the item has limited availability. */
+    ItemAvailability["LimitedAvailability"] = "https://schema.org/LimitedAvailability";
+    /** Indicates that the item is available only online. */
+    ItemAvailability["OnlineOnly"] = "https://schema.org/OnlineOnly";
+    /** Indicates that the item is out of stock. */
+    ItemAvailability["OutOfStock"] = "https://schema.org/OutOfStock";
+    /** Indicates that the item is available for pre-order. */
+    ItemAvailability["PreOrder"] = "https://schema.org/PreOrder";
+    /** Indicates that the item is available for ordering and delivery before general availability. */
+    ItemAvailability["PreSale"] = "https://schema.org/PreSale";
+    /** Indicates that the item has sold out. */
+    ItemAvailability["SoldOut"] = "https://schema.org/SoldOut";
+})(ItemAvailability || (ItemAvailability = {}));
+
+var MapCategoryType;
+(function (MapCategoryType) {
+    MapCategoryType["ParkingMap"] = "ParkingMap";
+    MapCategoryType["SeatingMap"] = "SeatingMap";
+    MapCategoryType["TransitMap"] = "TransitMap";
+    MapCategoryType["VenueMap"] = "VenueMap";
+})(MapCategoryType || (MapCategoryType = {}));
+
+// The point of this component it to return to the top of the page on any router navigate
+var ScrollToTop = function () {
+    var pathname = useLocation().pathname;
+    useEffect(function () {
+        window.scrollTo(0, 0);
+    }, [pathname]);
+    return null;
+};
+
+var xyoLogo = "<svg id=\"Layer_1\" data-name=\"Layer 1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 256 238\"><defs><style>.cls-1{fill:#999;}</style></defs><title>icon_gray</title><path class=\"cls-1\" d=\"M74.5,28.33,21.29,120.5,74.5,212.67H180.94l1.76-3,51.46-89.13L180.94,28.33ZM84.65,40.54h78.83L111.65,56.93a15.85,15.85,0,0,1,2,5l59.66-18.81L185.22,101a20.12,20.12,0,0,1,5.36-.78l-10-47.91,37.87,65.53h-7.62a24.21,24.21,0,0,1,.15,2.68,23.29,23.29,0,0,1-.15,2.68h7.62l-39.1,67.75,10.92-50.13A20.57,20.57,0,0,1,185,140l-12.88,59-58.37-19.53a17.61,17.61,0,0,1-1.7,5l47.5,15.92H84.65l4-6.85A20.17,20.17,0,0,1,83.93,191L80,197.78,42.67,133.13l37,32.66a20.52,20.52,0,0,1,3.6-4L36.69,120.66,85,77.79a17.45,17.45,0,0,1-3.19-4.32l-39.46,35L80,43.22l5.56,9.69A17.51,17.51,0,0,1,90.12,50Zm28.24,31.17a16.15,16.15,0,0,1-2.68,4.64l62,35.81a19.74,19.74,0,0,1,2.83-4.54Zm-20,10.51v75.33a18,18,0,0,1,2.47-.16,17.18,17.18,0,0,1,2.89.21v-75a11.21,11.21,0,0,1-1.29,0,17.57,17.57,0,0,1-4.07-.47Zm79.34,46.63-62.08,35.81a18.45,18.45,0,0,1,2.68,4.68l62.23-36a19.68,19.68,0,0,1-2.83-4.53Z\"/><path class=\"cls-1\" d=\"M97,48.58a17.06,17.06,0,1,0,17,17,17.08,17.08,0,0,0-17-17Zm0,5.36a11.7,11.7,0,1,1-11.7,11.69A11.65,11.65,0,0,1,97,53.94Z\"/><path class=\"cls-1\" d=\"M95.37,157.39a18.73,18.73,0,1,0,18.7,18.7,18.74,18.74,0,0,0-18.7-18.7Zm0,5.31A13.4,13.4,0,1,1,82,176.09a13.37,13.37,0,0,1,13.4-13.39Z\"/><path class=\"cls-1\" d=\"M190.73,100.2A20.3,20.3,0,1,0,211,120.5a20.34,20.34,0,0,0-20.3-20.3Zm0,5.36a14.94,14.94,0,1,1-14.94,14.94,14.88,14.88,0,0,1,14.94-14.94Z\"/></svg>";
+
+var base10Shift = function (bn, places) {
+    var factor = new BigNumber(10).pow(new BigNumber(Math.abs(places)));
+    if (places > 0) {
+        return bn.mul(factor);
+    }
+    else {
+        return bn.div(factor);
+    }
+};
+var TokenAmount = function (_a) {
+    var _b = _a.textFontFamily, textFontFamily = _b === void 0 ? '"Source Code Pro",monospace' : _b, textColor = _a.textColor, statusColor = _a.statusColor, style = _a.style, amount = _a.amount, _c = _a.places, places = _c === void 0 ? -18 : _c, logo = _a.logo, label = _a.label, onButtonClick = _a.onButtonClick, props = __rest(_a, ["textFontFamily", "textColor", "statusColor", "style", "amount", "places", "logo", "label", "onButtonClick"]);
+    var adjustedAmount = amount ? base10Shift(amount, places).toNumber() : undefined;
+    var amountString = adjustedAmount ? Math.trunc(adjustedAmount).toLocaleString() : '-';
+    return (jsx(ButtonEx, __assign({ style: __assign({ backgroundColor: statusColor }, style), variant: "outlined", onClick: onButtonClick }, props, { children: jsxs(FlexRow, __assign({ justifyContent: "space-between", width: "100%", busy: amount === undefined, busySize: 16 }, { children: [jsxs(FlexRow, { children: [logo ? jsx("img", { src: xyoLogo, height: 24 }, void 0) : null, label ? (jsx(Typography, __assign({ marginRight: 1, marginLeft: logo ? 1 : 0, noWrap: true, fontFamily: textFontFamily, variant: "caption" }, { children: label }), void 0)) : null] }, void 0), jsx(Typography, __assign({ color: textColor, noWrap: true, fontFamily: textFontFamily, variant: "body1", style: { textTransform: 'none' } }, { children: amountString }), void 0)] }), void 0) }), void 0));
+};
+
+export { ActionStatusType, AppBarEx, Background, BasePage, BreadcrumbsEx, BusyBox, ButtonEx, ContactPointOption, CookieConsent, CookieConsentBody, CookieConsentContext, CookieConsentLoader, CoverProgress, DripCustomEvent, DripStandardEvents, ErrorDialog, EthAccount, EthersContext, EthersLoader, Experiment, Experiments, FacebookCustomEvent, FacebookStandardEvents, Fbq, FlexCol, FlexGrowCol, FlexGrowRow, FlexRow, GoogleBaseEvent, GoogleCustomEvent, GoogleStandardEvents, GoogleUserEventHandler, Gtag, Gtm, HoverScale, Identicon, InvertableThemeProvider, ItemAvailability, LinkToEx, MapCategoryType, MessageDialog, NetworkSettingsContext, NetworkSettingsLoader, NumberStatus, QuickTipButton, Rdt, RedditCustomEvent, RedditStandardEvents, RedirectWithQuery, Referrer, RichResult, ScrollToTop, ScrollToTopButton, SnapTr, SnapchatStandardEvents, TiktokCustomEvent, TiktokStandardEvents, TokenAmount, Ttq, UserEventsContext, XyBaseEvent, XyCustomEvent, XyUserEventHandler, XyoUserEventHandler, enableProfileLogging, getApiStage, getLocalStorageObject, getSessionStorageObject, isLocalhost, profileBlock, profileResults, setLocalStorageObject, setSessionStorageObject, useAsyncEffect, useBreakpoint, useCookieConsent, useMounted, useNavigateToEthAddress, useSpacing, useWebP, useWindowSize };
+//# sourceMappingURL=index.js.map