@xylabs/sdk-react 2.7.21 → 2.7.25

package/dist/esm2017/index.js

@@ -4,12 +4,12 @@ export { useMediaQuery } from '@mui/material';
 import { AiOutlineReload, AiOutlineQuestionCircle } from 'react-icons/ai';
 import { makeStyles, createStyles } from '@mui/styles';
 import md5 from 'md5';
-import React, { useRef, useEffect, createContext, useState, useContext } from 'react';
+import { useRef, useEffect, createContext, useState, useContext } from 'react';
 import { useNavigate, useLocation, Link as Link$1 } from 'react-router-dom';
 import { KeyboardArrowUp } from '@mui/icons-material';
 import { Helmet } from 'react-helmet';
 import { InfuraProvider, Web3Provider } from '@ethersproject/providers';
-import { getApiStage as getApiStage$1, delay, assertEx, EthAddress, BigNumber } from '@xylabs/sdk-js';
+import { getApiStage as getApiStage$1, delay, assertEx, EthAddress, forget, BigNumber } from '@xylabs/sdk-js';
 import { UserEventHandler, XyPixel } from '@xylabs/pixel';
 import { parse, stringify } from 'query-string';
 import { createTheme } from '@mui/material/styles';
@@ -30,6 +30,33 @@ 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 = {};
@@ -41,1941 +68,2469 @@ function __rest(s, e) {
                 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 };
+    }
+}
+
+function __values(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+}
+
+function __read(o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
 }
 
-const BusyCircularProgress = (_a) => {
-    var { bgcolor, style, rounded, size, opacity = 0.85 } = _a, props = __rest(_a, ["bgcolor", "style", "rounded", "size", "opacity"]);
-    const theme = useTheme();
-    return (jsx(Box, Object.assign({ display: "flex", bgcolor: alpha(bgcolor !== null && bgcolor !== void 0 ? bgcolor : theme.palette.background.default, parseFloat(`${opacity}`)), flexGrow: 1, position: "absolute", left: 0, right: 0, top: 0, bottom: 0, justifyContent: "center", alignItems: "center", overflow: "hidden", style: Object.assign({ borderRadius: rounded ? theme.shape.borderRadius : 0 }, style) }, { children: jsx(CircularProgress, Object.assign({ size: size }, props), void 0) }), void 0));
+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));
 };
 
-const BusyLinearProgress = (_a) => {
-    var { bgcolor, style, rounded, opacity = 0.85 } = _a, props = __rest(_a, ["bgcolor", "style", "rounded", "opacity"]);
-    const theme = useTheme();
-    return (jsx(Box, Object.assign({ display: "flex", flexDirection: "column", bgcolor: alpha(bgcolor !== null && bgcolor !== void 0 ? bgcolor : theme.palette.background.default, parseFloat(`${opacity}`)), position: "absolute", left: 0, right: 0, top: 0, bottom: 0, justifyContent: "flex-start", alignItems: "stretch", overflow: "hidden", style: Object.assign({ borderRadius: rounded ? theme.shape.borderRadius : 0 }, style) }, { children: jsx(LinearProgress, Object.assign({}, 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));
 };
 
-const BusyBox = (_a) => {
-    var { background, children, component, busyVariant = 'circular', busySize, busyOpacity = 0.85, busyColor, busy, busyCircularProps, busyLinearProps, paper, style } = _a, props = __rest(_a, ["background", "children", "component", "busyVariant", "busySize", "busyOpacity", "busyColor", "busy", "busyCircularProps", "busyLinearProps", "paper", "style"]);
-    const theme = useTheme();
-    return (jsxs(Box, Object.assign({ component: paper ? Paper : component, position: "relative", style: background
-            ? Object.assign({ backgroundColor: theme.palette.background.default, color: theme.palette.text.primary }, style) : style }, props, { children: [children, busy && busyVariant === 'linear' ? (jsx(BusyLinearProgress, Object.assign({ color: busyColor, opacity: busyOpacity }, busyLinearProps), void 0)) : null, busy && busyVariant === 'circular' ? (jsx(BusyCircularProgress, Object.assign({ color: busyColor, opacity: busyOpacity, size: busySize }, busyCircularProps), void 0)) : null] }), 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));
 };
 
-const FlexCol = (props) => {
-    return jsx(BusyBox, Object.assign({ alignItems: "center", display: "flex", flexDirection: "column", justifyContent: "center" }, props), void 0);
-};
-const FlexGrowCol = (props) => {
-    return jsx(FlexCol, Object.assign({ flexGrow: 1 }, props), 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);
 };
 
-const FlexRow = (props) => {
-    return jsx(BusyBox, Object.assign({ alignItems: "center", display: "flex", flexDirection: "row", justifyContent: "center" }, props), void 0);
-};
-const FlexGrowRow = (props) => {
-    return jsx(FlexRow, Object.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.
- */
-const Background = (props) => {
-    return jsx(FlexRow, Object.assign({}, 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);
 };
 
-const ErrorViewer = (props) => {
-    const { error } = props, boxProps = __rest(props, ["error"]);
-    const theme = useTheme();
-    return (jsxs(FlexCol, Object.assign({ color: theme.palette.error.main }, boxProps, { children: [jsx(Typography, Object.assign({ align: "center", variant: "subtitle1" }, { children: error === null || error === void 0 ? void 0 : error.name }), void 0), jsx(Typography, Object.assign({ align: "center", variant: "body2" }, { children: error === null || error === void 0 ? void 0 : error.message }), void 0)] }), 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));
 };
 
-const ErrorsViewer = (props) => {
-    const { onRetry, errors } = props, boxProps = __rest(props, ["onRetry", "errors"]);
-    return (jsxs(FlexGrowCol, Object.assign({ padding: 1 }, boxProps, { children: [errors === null || errors === void 0 ? void 0 : errors.map((error, index) => {
-                return jsx(ErrorViewer, { error: error }, index);
-            }), onRetry ? (jsx(IconButton, Object.assign({ onClick: onRetry }, { children: jsx(AiOutlineReload, {}, void 0) }), void 0)) : null] }), 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));
 };
 
-const CoverProgress = (props) => {
-    var _a;
-    const { paper = true, open, opacity = 0.25, errors, onRetry } = props;
-    const theme = useTheme();
-    if (open) {
-        return (jsx(FlexGrowRow, Object.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 } }, void 0)) : (jsx(ErrorsViewer, { margin: 1, errors: errors, onRetry: onRetry }, void 0)) }), void 0));
-    }
-    return null;
-};
-
-const HoverScale = (props) => {
-    const { children, scale = 1.1 } = props;
-    const useStyles = makeStyles(() => createStyles({
-        zoomdiv: {
-            '&:hover': {
-                transform: `scale(${scale})`,
-                transitionDuration: '0.2s',
-                transitionTimingFunction: 'ease',
-            },
-        },
-    }));
-    const classes = useStyles();
-    return (jsx(FlexRow, { children: jsx(Box, Object.assign({ className: classes.zoomdiv }, { children: children }), void 0) }, void 0));
-};
-
-const range = (n, in_min, in_max, out_min, out_max) => {
-    return ((n - in_min) * (out_max - out_min)) / (in_max - in_min) + out_min;
-};
-const updateCanvas = (canvas, props) => {
-    const { value = '', size = 400, bg = 'transparent', count = 5, palette, iconPadding = 0 } = props;
-    let { fg } = props;
-    const hash = md5(value);
-    const block = Math.floor(size / count);
-    const hashcolor = hash.slice(0, 6);
-    const current = canvas.current;
-    if (!current) {
-        return;
-    }
-    if (palette && palette.length) {
-        const 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;
-    const arr = hash.split('').map((el) => {
-        const parsedEl = parseInt(el, 16);
-        if (parsedEl < 8) {
-            return 0;
-        }
-        else {
-            return 1;
-        }
-    });
-    const map = [];
-    map[0] = map[4] = arr.slice(0, 5);
-    map[1] = map[3] = arr.slice(5, 10);
-    map[2] = arr.slice(10, 15);
-    const ctx = current.getContext('2d');
-    if (ctx) {
-        ctx.imageSmoothingEnabled = false;
-        ctx.clearRect(0, 0, current.width, current.height);
-        map.forEach((row, i) => {
-            row.forEach((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);
-                }
-            });
-        });
-    }
-};
-const Identicon = (_a) => {
-    var { size = 400, className = 'identicon', bg, count, fg, iconPadding, palette, value } = _a, props = __rest(_a, ["size", "className", "bg", "count", "fg", "iconPadding", "palette", "value"]);
-    const canvas = useRef(null);
-    useEffect(() => {
-        updateCanvas(canvas, { bg, className, count, fg, iconPadding, palette, size, value });
-    });
-    return (jsx(FlexRow, Object.assign({}, props, { children: jsx("canvas", { className: className, ref: canvas, style: { height: size, width: size } }, void 0) }), 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;
 };
 
-const RedirectWithQuery = ({ to, toOptions }) => {
-    const newPath = `${to}${document.location.search}`;
-    const navigate = useNavigate();
-    const { pathname } = useLocation();
-    useEffect(() => {
-        if (newPath !== pathname) {
-            navigate(newPath, Object.assign({ replace: true }, toOptions));
-        }
-    });
-    return jsx("div", {}, void 0);
+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));
 };
 
-const ScrollToTopButton = (_a) => {
-    var { children, anchorId } = _a, props = __rest(_a, ["children", "anchorId"]);
-    const trigger = useScrollTrigger({
-        disableHysteresis: true,
-        threshold: 100,
-    });
-    const handleClick = (event) => {
-        const anchor = (event.target.ownerDocument || document).querySelector(`#${anchorId}`);
-        if (anchor) {
-            anchor.scrollIntoView({ behavior: 'smooth', block: 'center' });
-        }
-    };
-    const theme = useTheme();
-    return (jsx(Zoom, Object.assign({ in: trigger }, props, { children: jsx(Box, Object.assign({ zIndex: 10, position: "fixed", right: theme.spacing(2), bottom: theme.spacing(2), onClick: handleClick, role: "presentation" }, { 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));
 };
 
-const AppBarEx = (props) => {
-    const { contextToolbar, systemToolbar, container, style } = props, appbarProps = __rest(props, ["contextToolbar", "systemToolbar", "container", "style"]);
-    const theme = useTheme();
-    const AppBarExInner = () => {
-        return (jsxs(FlexGrowRow, Object.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, Object.assign({ position: "static", style: Object.assign({ backgroundColor: theme.palette.background.paper, color: theme.palette.text.primary, display: 'flex' }, style) }, appbarProps, { children: container ? (jsx(Container, Object.assign({ maxWidth: container }, { children: jsx(AppBarExInner, {}, void 0) }), void 0)) : (jsx(AppBarExInner, {}, 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);
 };
 
-const CookieConsentContext = createContext({});
+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));
+};
 
-const CookiesAcceptedLocalStorageName = 'CookiesAccepted';
-const CookieConsentLoader = ({ children }) => {
-    const getAcceptedFromLocalStorage = () => {
-        return localStorage.getItem(CookiesAcceptedLocalStorageName) === 'true';
-    };
-    const setAcceptedToLocalStorage = (accepted) => {
-        localStorage.setItem(CookiesAcceptedLocalStorageName, accepted ? 'true' : 'false');
-    };
-    const [accepted, setAccepted] = useState(getAcceptedFromLocalStorage());
-    const setAcceptedHandler = (accepted) => {
-        setAcceptedToLocalStorage(accepted);
-        setAccepted(accepted);
-    };
-    const clearAccepted = () => {
-        localStorage.removeItem(CookiesAcceptedLocalStorageName);
-        setAccepted(getAcceptedFromLocalStorage());
-    };
-    return (jsx(CookieConsentContext.Provider, Object.assign({ value: { accepted, clearAccepted, setAccepted: setAcceptedHandler, storageName: CookiesAcceptedLocalStorageName } }, { children: children }), 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));
 };
 
-const useCookieConsent = () => {
-    return useContext(CookieConsentContext);
+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 = __read(useState(getAcceptedFromLocalStorage()), 2), 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));
 };
 
-const EthersContext = React.createContext({});
+var useCookieConsent = function () {
+    return useContext(CookieConsentContext);
+};
 
-const infuraKey = '1d9f8053c65a49cfb99fafaa8ef201c0';
-const InfuraEthersLoader = (props) => {
-    const { children } = props;
-    const chainId = 1;
-    const provider = new InfuraProvider(1, infuraKey);
-    return (jsx(EthersContext.Provider, Object.assign({ value: {
-            busy: false,
-            chainId,
-            isConnected: true,
-            provider,
-            signer: null,
-        } }, { children: children }), void 0));
+var EthersContext = 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));
 };
 
-const getApiStage = () => {
-    return getApiStage$1(document.location.hostname);
+var getApiStage = function () {
+    return getApiStage$1(document.location.hostname);
 };
 
-const 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.
+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 () {
-        let mounted = true;
-        const promise = effect(() => {
-            return mounted;
-        });
-        Promise.resolve(promise).then((callback) => {
-            if (callback) {
-                callback === null || callback === void 0 ? void 0 : callback();
-            }
-        });
-        return function () {
-            mounted = false;
-        };
-    }, inputs !== null && inputs !== void 0 ? inputs : []);
+/* 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();
+            }
+        })
+            .catch(function (reason) {
+            console.log("useAsyncEffect Excepted: ".concat(reason));
+        });
+        return function () {
+            mounted = false;
+        };
+    }, inputs !== null && inputs !== void 0 ? inputs : []);
 }
 
-let logProfiling = false;
-const enableProfileLogging = (enabled) => {
-    logProfiling = enabled;
-};
-const profileResults = [];
-const profileBlock = async (name, closure) => {
-    const startTime = Date.now();
-    await closure();
-    const endTime = Date.now();
-    profileResults.push({ endTime, name, startTime });
-    if (logProfiling) {
-        console.log(`Timed ${name} [${endTime - startTime}ms]`);
-    }
+var logProfiling = false;
+var enableProfileLogging = function (enabled) {
+    logProfiling = enabled;
 };
-
-const getLocalStorageObject = (key, log) => {
-    var _a;
-    let 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;
-};
-const setLocalStorageObject = (key, value, log) => {
-    try {
-        localStorage.setItem(key, JSON.stringify(value));
-    }
-    catch (e) {
-        log === null || log === void 0 ? void 0 : log.error('setLocalStorageObject', e);
-    }
+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;
 };
-
-const getSessionStorageObject = (key, log) => {
-    var _a;
-    let 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;
-};
-const setSessionStorageObject = (key, value, log) => {
-    try {
-        sessionStorage.setItem(key, JSON.stringify(value));
-    }
-    catch (e) {
-        log === null || log === void 0 ? void 0 : log.error('setSessionStorageObject', e);
-    }
+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);
+    }
 };
 
-class Referrer {
-    constructor() {
-        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);
-    }
-    getFromLocal() {
-        const value = localStorage.getItem(Referrer.storageId);
-        if (value && value.length > 0) {
-            return value;
-        }
-    }
-    getFromSession() {
-        const value = sessionStorage.getItem(Referrer.storageId);
-        if (value && value.length > 0) {
-            return value;
-        }
-    }
-    toJson() {
-        if ((this.local && this.local.length > 0) || (this.session && this.session.length > 0)) {
-            return {
-                local: this.local,
-                session: this.session,
-            };
-        }
-    }
-}
-Referrer.storageId = '_coin_referrer';
-
-class XyoUserEventHandler extends UserEventHandler {
-    constructor(handlers = []) {
-        super();
-        this.handlers = handlers;
-    }
-    async testStarted(data) {
-        await Promise.allSettled(this.handlers.map((handler) => handler.testStarted(data)));
-    }
-    async funnelStarted(data) {
-        await Promise.allSettled(this.handlers.map((handler) => handler.funnelStarted(data)));
-    }
-    async viewContent(data) {
-        await Promise.allSettled(this.handlers.map((handler) => handler.viewContent(data)));
-    }
-    async userClick(data) {
-        await Promise.allSettled(this.handlers.map((handler) => handler.userClick(data)));
-    }
-}
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const global = window;
-
-class DripBaseEvent {
-    constructor(name, param) {
-        this.name = name;
-        this.param = param;
-        this.dcq = this.getDcq();
-        this.dcs = this.getDcs();
-    }
-    async send(data) {
-        const payload = [this.name];
-        if (this.param) {
-            payload.push(this.param);
-        }
-        payload.push(data);
-        this.dcq.push(payload);
-        await delay(0);
-    }
-    getDcq() {
-        if (!global._dcq) {
-            throw Error('DCQ not found');
-        }
-        return global._dcq;
-    }
-    getDcs() {
-        if (!global._dcs) {
-            throw Error('DCS not found');
-        }
-        return global._dcs;
-    }
-}
-
-class DripCustomEvent extends DripBaseEvent {
-}
-
-class DripStandardEvents {
-    identify() {
-        return new DripBaseEvent('identify');
-    }
-}
-
-class Fbq {
-    constructor(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');
-    }
-    static init(pixelId) {
-        if (!this.instance) {
-            this.instance = new Fbq(pixelId);
-        }
-        return this.instance;
-    }
-    async track(event, data) {
-        this.fbq('track', event, Object.assign({}, data));
-        await delay(0);
-    }
-    async trackCustom(event, data) {
-        this.fbq('trackCustom', event, Object.assign({}, data));
-        await delay(0);
-    }
-}
-
-class FacebookBaseEvent {
-    constructor(name) {
-        this.name = name;
-        this.fbq = assertEx(Fbq.instance, 'Missing Fbq');
-    }
-    async send(_data) {
-        await delay(0); //force async to increase reporting odds
-    }
-}
-
-class FacebookCustomEvent extends FacebookBaseEvent {
-    async send(data) {
-        this.fbq.trackCustom(this.name, data);
-        await delay(0); //force async to increase reporting odds
-    }
-}
-
-class FacebookStandardEvent extends FacebookBaseEvent {
-    async send(data) {
-        this.fbq.track(this.name, data);
-        await delay(0); //force async to increase reporting odds
-    }
-}
-
-class FacebookStandardEvents {
-    addPaymentInfo() {
-        return new FacebookStandardEvent('AddPaymentInfo');
-    }
-    addToCart() {
-        return new FacebookStandardEvent('AddToCart');
-    }
-    addToWishList() {
-        return new FacebookStandardEvent('AddToWishList');
-    }
-    completedRegistration() {
-        return new FacebookStandardEvent('CompleteRegistration');
-    }
-    contact() {
-        return new FacebookStandardEvent('Contact');
-    }
-    customizeProduct() {
-        return new FacebookStandardEvent('CustomizeProduct');
-    }
-    donate() {
-        return new FacebookStandardEvent('Donate');
-    }
-    findLocation() {
-        return new FacebookStandardEvent('FindLocation');
-    }
-    initiateCheckout() {
-        return new FacebookStandardEvent('InitiateCheckout');
-    }
-    lead() {
-        return new FacebookStandardEvent('Lead');
-    }
-    pageView() {
-        return new FacebookStandardEvent('PageView');
-    }
-    purchase() {
-        return new FacebookStandardEvent('Purchase');
-    }
-    schedule() {
-        return new FacebookStandardEvent('Schedule');
-    }
-    search() {
-        return new FacebookStandardEvent('Search');
-    }
-    startTrial() {
-        return new FacebookStandardEvent('StartTrial');
-    }
-    submitApplication() {
-        return new FacebookStandardEvent('SubmitApplication');
-    }
-    subscribe() {
-        return new FacebookStandardEvent('Subscribe');
-    }
-    viewContent() {
-        return new FacebookStandardEvent('ViewContent');
-    }
-}
-
-class Gtag {
-    constructor(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
-        const 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'];
-        const remainingSearch = parsedQueryString ? stringify(parsedQueryString) : '';
-        sessionStorage.setItem('initialQuery', remainingSearch);
-        sessionStorage.setItem('initialPage', document.location.href);
-    }
-    updatePagePath(page_path) {
-        const ga4id = assertEx(this.ga4id, 'Missing GA4ID');
-        const pathOnly = page_path.split('?')[0];
-        const search = Gtag.getInitialQuery();
-        this.gtag('config', ga4id, { page_path: `${pathOnly}${search}` });
-    }
-    //
-    static getInitialQuery() {
-        return sessionStorage.getItem('initialQuery') || '';
-    }
-    static getInitialPage() {
-        return sessionStorage.getItem('initialPage') || '';
-    }
-    static getInitialReferrer() {
-        return sessionStorage.getItem('initialReferrer') || '';
-    }
-    static clearDataLayer() {
-        const dataLayer = global.dataLayer;
-        dataLayer.length = 0;
-    }
-    static init(ga4id, awid, domains) {
-        if (!this.instance) {
-            return this.reinit(ga4id, awid, domains);
-        }
-        return this.instance;
-    }
-    static reinit(ga4id, awid, domains) {
-        this.instance = new Gtag(ga4id, awid, domains);
-        return this.instance;
-    }
-    static updatePagePath(page_path) {
-        const instance = assertEx(this.instance, 'Not initialized');
-        return instance.updatePagePath(page_path);
-    }
-    sendAnalytics(event, data) {
-        return new Promise((resolve) => {
-            this.gtag('event', event, Object.assign(Object.assign({}, data), { event_callback: () => {
-                    resolve();
-                }, event_timeout: 2000, page_location: Gtag.getInitialPage(), page_referrer: Gtag.getInitialReferrer(), send_to: this.ga4id }));
-        });
-    }
-    sendAdwords(event, data) {
-        return new Promise((resolve) => {
-            this.gtag('event', 'conversion', Object.assign(Object.assign({}, data), { event_callback: () => {
-                    resolve();
-                }, event_timeout: 2000, send_to: `${this.awid}/${event}` }));
-        });
-    }
-}
-
-class Gtm {
-    constructor(containerId) {
-        this.containerId = containerId;
-        const global = window;
-        global.dataLayer = global.dataLayer || [];
-        global.dataLayer.push({ event: 'gtm.js', 'gtm.start': new Date().getTime() });
-    }
-    static getInitialQuery() {
-        return sessionStorage.getItem('initialQuery') || '';
-    }
-    static clearDataLayer() {
-        const global = window;
-        const dataLayer = global.dataLayer;
-        dataLayer.length = 0;
-    }
-    static init(containerId) {
-        if (!this.instance) {
-            this.instance = new Gtm(containerId);
-        }
-        return this.instance;
-    }
-    send(event, data, eventTimeout = 500) {
-        return new Promise((resolve) => {
-            var _a;
-            const global = window;
-            (_a = global.dataLayer) === null || _a === void 0 ? void 0 : _a.push(Object.assign(Object.assign({ event }, data), { eventCallback: () => {
-                    resolve();
-                }, eventTimeout }));
-        });
-    }
-}
-
-class GoogleBaseEvent {
-    constructor(name, adwordConversionId) {
-        this.name = name;
-        this.adwordConversionId = adwordConversionId;
-    }
-    async send(data) {
-        return await this.sendGtag(data);
-    }
-    async sendGtag(data) {
-        await this.gtag().sendAnalytics(this.name, data);
-        if (this.adwordConversionId) {
-            await this.gtag().sendAdwords(this.adwordConversionId, data);
-        }
-    }
-    async sendGtm(data) {
-        await this.gtm().send(this.name, data);
-    }
-    gtag() {
-        return assertEx(Gtag.instance, 'Missing/uninitialized gtag');
-    }
-    gtm() {
-        return assertEx(Gtm.instance, 'Missing/uninitialized gtm');
-    }
-}
-
-class GoogleCustomEvent extends GoogleBaseEvent {
-}
-
-class GoogleUserEventHandler {
-    async testStarted(data) {
-        const event = new GoogleCustomEvent('TestStarted');
-        return await event.send(data);
-    }
-    async funnelStarted(data) {
-        const event = new GoogleCustomEvent('FunnelStarted');
-        return await event.send(data);
-    }
-    async viewContent(data) {
-        const event = new GoogleCustomEvent('ViewContent');
-        return await event.send(data);
-    }
-    async userClick(data) {
-        const event = new GoogleCustomEvent('UserClick');
-        return await event.send(data);
-    }
-}
-
-class GoogleStandardEvent extends GoogleBaseEvent {
-}
-
-class GoogleStandardEvents {
-    addPaymentInfo() {
-        return new GoogleStandardEvent('add_paymennt_info');
-    }
-    addShippingInfo() {
-        return new GoogleStandardEvent('add_shipping_info');
-    }
-    addToCart() {
-        return new GoogleStandardEvent('add_to_cart');
-    }
-    addToWishList() {
-        return new GoogleStandardEvent('add_to_wishlist');
-    }
-    beginCheckout() {
-        return new GoogleStandardEvent('begin_checkout');
-    }
-    earnVirtualCurrency() {
-        return new GoogleStandardEvent('earn_virtual_currency');
-    }
-    generateLead() {
-        return new GoogleStandardEvent('generate_lead');
-    }
-    joinGroup() {
-        return new GoogleStandardEvent('join_group');
-    }
-    levelEnd() {
-        return new GoogleStandardEvent('level_end');
-    }
-    levelStart() {
-        return new GoogleStandardEvent('level_start');
-    }
-    levelUp() {
-        return new GoogleStandardEvent('level_up');
-    }
-    login() {
-        return new GoogleStandardEvent('login');
-    }
-    postScore() {
-        return new GoogleStandardEvent('post_score');
-    }
-    purchase() {
-        return new GoogleStandardEvent('purchase');
-    }
-    refund() {
-        return new GoogleStandardEvent('refund');
-    }
-    removeFromCart() {
-        return new GoogleStandardEvent('remove_from_cart');
-    }
-    search() {
-        return new GoogleStandardEvent('search');
-    }
-    selectContent() {
-        return new GoogleStandardEvent('select_content');
-    }
-    selectItem() {
-        return new GoogleStandardEvent('select_item');
-    }
-    selectPromotion() {
-        return new GoogleStandardEvent('select_promotion');
-    }
-    share() {
-        return new GoogleStandardEvent('share');
-    }
-    signUp() {
-        return new GoogleStandardEvent('sign_up');
-    }
-    spendVirtualCurrency() {
-        return new GoogleStandardEvent('spend_virtual_currency');
-    }
-    tutorialBegin() {
-        return new GoogleStandardEvent('tutorial_begin');
-    }
-    tutorialComplete() {
-        return new GoogleStandardEvent('tutorial_complete');
-    }
-    unlockAchievement() {
-        return new GoogleStandardEvent('unlock_achievement');
-    }
-    viewCart() {
-        return new GoogleStandardEvent('view_cart');
-    }
-    viewItem() {
-        return new GoogleStandardEvent('view_item');
-    }
-    viewItemList() {
-        return new GoogleStandardEvent('view_item_list');
-    }
-    viewPromotion() {
-        return new GoogleStandardEvent('view_promotion');
-    }
-}
-
-class Rdt {
-    static init(pixelId) {
-        try {
-            Rdt.instance = new Rdt();
-            Rdt.instance.load(pixelId);
-            Rdt.instance.track('PageVisit');
-        }
-        catch (ex) {
-            console.error(ex);
-        }
-    }
-    static getRdt() {
-        return global.rdt;
-    }
-    load(id) {
-        try {
-            Rdt.getRdt()('init', id);
-        }
-        catch (ex) {
-            console.error(ex);
-        }
-    }
-    async track(event, data) {
-        try {
-            Rdt.getRdt()('track', event, Object.assign({}, data));
-            await delay(0);
-        }
-        catch (ex) {
-            console.error(ex);
-        }
-    }
-}
-
-class RedditBaseEvent {
-    constructor(name) {
-        this.name = name;
-        this.rdt = assertEx(Rdt.instance, 'Missing Rdt');
-    }
-    async send(_data) {
-        await delay(0); //force async to increase reporting odds
-    }
-}
-
-class RedditCustomEvent extends RedditBaseEvent {
-    async send(data) {
-        this.rdt.track(this.name, data);
-        await delay(0); //force async to increase reporting odds
-    }
-}
-
-class RedditStandardEvent extends RedditBaseEvent {
-    async send(data) {
-        this.rdt.track(this.name, data);
-        await delay(0); //force async to increase reporting odds
-    }
-}
-
-class RedditStandardEvents {
-    pageView() {
-        return new RedditStandardEvent('PageView');
-    }
-    viewContent() {
-        return new RedditStandardEvent('ViewContent');
-    }
-    addToCart() {
-        return new RedditStandardEvent('AddToCart');
-    }
-    addToWishlist() {
-        return new RedditStandardEvent('AddToWishlist');
-    }
-    purchase() {
-        return new RedditStandardEvent('Purchase');
-    }
-    signup() {
-        return new RedditStandardEvent('SignUp');
-    }
-    lead() {
-        return new RedditStandardEvent('Lead');
-    }
-    search() {
-        return new RedditStandardEvent('Search');
-    }
-}
-
-class SnapTr {
-    static getSnapTr() {
-        return global.snaptr;
-    }
-    static init(pixelId) {
-        this.pixelId = pixelId;
-        this.track('PAGE_VIEW');
-    }
-    static async track(event, data) {
-        this.getSnapTr()('init', this.pixelId);
-        this.getSnapTr()('track', event, data);
-        await delay(0);
-    }
-}
-
-class SnapchatBaseEvent {
-    constructor(name) {
-        this.name = name;
-    }
-    async send(_data) {
-        await delay(0); //force async to increase reporting odds
-    }
-}
-
-class SnapchatStandardEvent extends SnapchatBaseEvent {
-    async send(data) {
-        await SnapTr.track(this.name, data);
-    }
-}
-
-class SnapchatStandardEvents {
-    pageView() {
-        return new SnapchatStandardEvent('PAGE_VIEW');
-    }
-    signUp() {
-        return new SnapchatStandardEvent('SIGN_UP');
-    }
-    purchase() {
-        return new SnapchatStandardEvent('PURCHASE');
-    }
-    save() {
-        return new SnapchatStandardEvent('SAVE');
-    }
-    startCheckout() {
-        return new SnapchatStandardEvent('START_CHECKOUT');
-    }
-    addCart() {
-        return new SnapchatStandardEvent('ADD_CART');
-    }
-    openApp() {
-        return new SnapchatStandardEvent('OPEN_APP');
-    }
-    viewContent() {
-        return new SnapchatStandardEvent('VIEW_CONTENT');
-    }
-    addBilling() {
-        return new SnapchatStandardEvent('ADD_BILLING');
-    }
-    search() {
-        return new SnapchatStandardEvent('SEARCH');
-    }
-    subscribe() {
-        return new SnapchatStandardEvent('SUBSCRIBE');
-    }
-    adClick() {
-        return new SnapchatStandardEvent('AD_CLICK');
-    }
-    adView() {
-        return new SnapchatStandardEvent('AD_VIEW');
-    }
-    completeTutorial() {
-        return new SnapchatStandardEvent('COMPLETE_TUTORIAL');
-    }
-    invite() {
-        return new SnapchatStandardEvent('INVITE');
-    }
-    login() {
-        return new SnapchatStandardEvent('LOGIN');
-    }
-    share() {
-        return new SnapchatStandardEvent('SHARE');
-    }
-    reserve() {
-        return new SnapchatStandardEvent('RESERVE');
-    }
-    achievementUnlocked() {
-        return new SnapchatStandardEvent('ACHIEVEMENT_UNLOCKED');
-    }
-    addToWishlist() {
-        return new SnapchatStandardEvent('ADD_TO_WISHLIST');
-    }
-    spentCredits() {
-        return new SnapchatStandardEvent('SPENT_CREDITS');
-    }
-    rate() {
-        return new SnapchatStandardEvent('RATE');
-    }
-    startTrial() {
-        return new SnapchatStandardEvent('START_TRIAL');
-    }
-    listView() {
-        return new SnapchatStandardEvent('LIST_VIEW');
-    }
-    custom1() {
-        return new SnapchatStandardEvent('CUSTOM_EVENT_1');
-    }
-    custom2() {
-        return new SnapchatStandardEvent('CUSTOM_EVENT_2');
-    }
-    custom3() {
-        return new SnapchatStandardEvent('CUSTOM_EVENT_3');
-    }
-    custom4() {
-        return new SnapchatStandardEvent('CUSTOM_EVENT_4');
-    }
-    custom5() {
-        return new SnapchatStandardEvent('CUSTOM_EVENT_5');
-    }
-}
-
-class Ttq {
-    static init(pixelId) {
-        try {
-            Ttq.instance = new Ttq();
-            Ttq.getTtq().load(pixelId);
-            Ttq.page();
-        }
-        catch (ex) {
-            console.error(`Ttq.init: ${ex}`);
-        }
-    }
-    static getTtq() {
-        return global.ttq;
-    }
-    static async page() {
-        try {
-            Ttq.getTtq().page();
-            await delay(0);
-        }
-        catch (ex) {
-            console.error(`Ttq.page: ${ex}`);
-        }
-    }
-    async track(event, data) {
-        try {
-            Ttq.getTtq().track(event, Object.assign({}, data));
-            await delay(0);
-        }
-        catch (ex) {
-            console.error(`Ttq.track: ${ex}`);
-        }
-    }
-}
-
-class TiktokBaseEvent {
-    constructor(name) {
-        this.name = name;
-        this.ttq = assertEx(Ttq.instance, 'Missing Ttq');
-    }
-    async send(_data) {
-        await delay(0); //force async to increase reporting odds
-    }
-}
-
-class TiktokCustomEvent extends TiktokBaseEvent {
-    async send(data) {
-        this.ttq.track(this.name, data);
-        await delay(0); //force async to increase reporting odds
-    }
-}
-
-class TiktokStandardEvent extends TiktokBaseEvent {
-    async send(data) {
-        this.ttq.track(this.name, data);
-        await delay(0); //force async to increase reporting odds
-    }
-}
+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);
+    }
+};
 
-class TiktokStandardEvents {
-    pageView() {
-        return new TiktokStandardEvent('Browse');
-    }
-    viewContent() {
-        return new TiktokStandardEvent('ViewContent');
-    }
-    addToCart() {
-        return new TiktokStandardEvent('AddToCart');
-    }
-    checkout() {
-        return new TiktokStandardEvent('Checkout');
-    }
-    purchase() {
-        return new TiktokStandardEvent('Purchase');
-    }
-    registration() {
-        return new TiktokStandardEvent('Registration');
-    }
-    startCheckout() {
-        return new TiktokStandardEvent('StartCheckout');
-    }
-    addBilling() {
-        return new TiktokStandardEvent('AddBilling');
-    }
-    search() {
-        return new TiktokStandardEvent('Search');
-    }
-    viewForm() {
-        return new TiktokStandardEvent('ViewForm');
-    }
-    clickForm() {
-        return new TiktokStandardEvent('ClickForm');
-    }
-    submitForm() {
-        return new TiktokStandardEvent('SubmitForm');
-    }
-    viewDownloadPage() {
-        return new TiktokStandardEvent('ViewDownloadPage');
-    }
-    clickInDownloadPage() {
-        return new TiktokStandardEvent('ClickInDownloadPage');
-    }
-    clickToDownload() {
-        return new TiktokStandardEvent('ClickToDownload');
-    }
-    clickButton() {
-        return new TiktokStandardEvent('ClickButton');
-    }
-}
+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) {
+        this.fbq('track', event, __assign({}, data));
+    };
+    Fbq.prototype.trackCustom = function (event, data) {
+        this.fbq('trackCustom', event, __assign({}, data));
+    };
+    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) {
+        try {
+            Rdt.getRdt()('track', event, __assign({}, data));
+        }
+        catch (ex) {
+            console.error(ex);
+        }
+    };
+    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) {
+        this.getSnapTr()('init', this.pixelId);
+        this.getSnapTr()('track', event, data);
+    };
+    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 () {
+        try {
+            Ttq.getTtq().page();
+        }
+        catch (ex) {
+            console.error("Ttq.page: ".concat(ex));
+        }
+    };
+    Ttq.prototype.track = function (event, data) {
+        try {
+            Ttq.getTtq().track(event, __assign({}, data));
+        }
+        catch (ex) {
+            console.error("Ttq.track: ".concat(ex));
+        }
+    };
+    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 = __read(useState(), 2), error = _b[0], setError = _b[1];
+    var _c = __read(useState(), 2), localAddress = _c[0], setLocalAddress = _c[1];
+    var _d = __read(useState(0), 2), resetCount = _d[0], setResetCount = _d[1];
+    var _e = __read(useState(), 2), providerName = _e[0], setProviderName = _e[1];
+    if (ethereum) {
+        ethereum.autoRefreshOnNetworkChange = false;
+    }
+    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 = __read(useState(), 2), 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 = __read(useState(), 2), walletProvider = _g[0], setWalletProvider = _g[1];
+    var _h = __read(useState(), 2), provider = _h[0], setProvider = _h[1];
+    var _j = __read(useState(), 2), signer = _j[0], setSigner = _j[1];
+    useEffect(function () {
+        if (enabled) {
+            var walletProvider_1 = ethereum ? new Web3Provider(ethereum) : null;
+            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 = __read(useState(), 2), chainId = _k[0], setChainId = _k[1];
+    useAsyncEffect(function (isMounted) { return __awaiter(void 0, void 0, void 0, function () {
+        var chainId_1;
+        var _a;
+        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));
+};
 
-class XyBaseEvent {
-    constructor(name) {
-        this.name = name;
-    }
-    async send(fields) {
-        await XyPixel.instance.send(this.name, fields);
-    }
-}
+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 = __read(useState(), 2), error = _a[0], setError = _a[1];
+    var _b = __read(useState(), 2), localAddress = _b[0], setLocalAddress = _b[1];
+    var _c = __read(useState(), 2), providerName = _c[0], setProviderName = _c[1];
+    if (ethereum) {
+        ethereum.autoRefreshOnNetworkChange = false;
+    }
+    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 = __read(useState(), 2), isConnected = _d[0], setIsConnected = _d[1];
+    var _e = __read(useState(), 2), walletProvider = _e[0], setWalletProvider = _e[1];
+    var _f = __read(useState(), 2), provider = _f[0], setProvider = _f[1];
+    var _g = __read(useState(), 2), signer = _g[0], setSigner = _g[1];
+    useEffect(function () {
+        var walletProvider = ethereum ? new Web3Provider(ethereum) : null;
+        var provider = null;
+        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 = __read(useState(), 2), chainId = _h[0], setChainId = _h[1];
+    useAsyncEffect(function (isMounted) { return __awaiter(void 0, void 0, void 0, function () {
+        var chainId;
+        var _a;
+        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));
+};
 
-class XyCustomEvent extends XyBaseEvent {
-}
+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 = __read(useState(), 2), error = _g[0], setError = _g[1];
+    var _h = __read(useState(), 2), signer = _h[0], setSigner = _h[1];
+    var _j = __read(useState(), 2), provider = _j[0], setProvider = _j[1];
+    var _k = __read(useState(((_c = (_b = (_a = global.ethereum) === null || _a === void 0 ? void 0 : _a.addresses) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0) > 0 ? EthAddress.fromString((_e = (_d = global.ethereum) === null || _d === void 0 ? void 0 : _d.addresses) === null || _e === void 0 ? void 0 : _e[0]) : null), 2), localAddress = _k[0], setLocalAddress = _k[1];
+    var chainId = (ethereum === null || ethereum === void 0 ? void 0 : ethereum.chainId) ? parseInt(ethereum === null || ethereum === void 0 ? void 0 : ethereum.chainId) : 1;
+    var isConnected = (_f = ethereum === null || ethereum === void 0 ? void 0 : ethereum.isConnected()) !== null && _f !== void 0 ? _f : false;
+    useAsyncEffect(function (mounted) { return __awaiter(void 0, void 0, void 0, function () {
+        var operaProvider, provider_1, signer_1, localAddress_1, _a, _b, ex_1;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    if (!ethereum) return [3 /*break*/, 4];
+                    ethereum.enable();
+                    operaProvider = new Web3Provider(ethereum);
+                    provider_1 = operaProvider;
+                    signer_1 = operaProvider.getSigner();
+                    _c.label = 1;
+                case 1:
+                    _c.trys.push([1, 3, , 4]);
+                    _b = (_a = EthAddress).fromString;
+                    return [4 /*yield*/, signer_1.getAddress()];
+                case 2:
+                    localAddress_1 = _b.apply(_a, [_c.sent()]);
+                    ethereum.autoRefreshOnNetworkChange = false;
+                    if (mounted()) {
+                        setSigner(signer_1);
+                        setProvider(provider_1);
+                        setLocalAddress(localAddress_1);
+                    }
+                    return [3 /*break*/, 4];
+                case 3:
+                    ex_1 = _c.sent();
+                    if (mounted()) {
+                        setError(Error("localAddress: ".concat(ex_1)));
+                    }
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [ethereum]);
+    return (jsx(EthersContext.Provider, __assign({ value: {
+            busy: false,
+            chainId: chainId,
+            error: error,
+            isConnected: isConnected,
+            localAddress: localAddress,
+            provider: provider,
+            signer: signer,
+        } }, { children: children }), void 0));
+};
 
-class XyUserEventHandler {
-    async testStarted(data) {
-        const event = new XyCustomEvent('TestStarted');
-        return await event.send(data);
-    }
-    async funnelStarted(data) {
-        const event = new XyCustomEvent('FunnelStarted');
-        return await event.send(data);
-    }
-    async viewContent(data) {
-        const event = new XyCustomEvent('ViewContent');
-        return await event.send(data);
-    }
-    async userClick(data) {
-        const event = new XyCustomEvent('UserClick');
-        return await event.send(data);
-    }
-}
+var TrustEthersLoader = function (props) {
+    var children = props.children;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    var global = window;
+    var _a = __read(useState(), 2), error = _a[0], setError = _a[1];
+    var _b = __read(useState(), 2), localAddress = _b[0], setLocalAddress = _b[1];
+    var trustProvider = new Web3Provider(global.ethereum);
+    var signer = trustProvider.getSigner();
+    var chainId = 1;
+    var provider = trustProvider;
+    useAsyncEffect(function (mounted) { return __awaiter(void 0, void 0, void 0, function () {
+        var localAddress_1, _a, _b, ex_1;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    if (!signer) return [3 /*break*/, 4];
+                    _c.label = 1;
+                case 1:
+                    _c.trys.push([1, 3, , 4]);
+                    _b = (_a = EthAddress).fromString;
+                    return [4 /*yield*/, signer.getAddress()];
+                case 2:
+                    localAddress_1 = _b.apply(_a, [_c.sent()]);
+                    if (mounted()) {
+                        setLocalAddress(localAddress_1);
+                    }
+                    return [3 /*break*/, 4];
+                case 3:
+                    ex_1 = _c.sent();
+                    if (mounted()) {
+                        setError(Error("localAddress: ".concat(ex_1)));
+                    }
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [signer]);
+    return (jsx(EthersContext.Provider, __assign({ value: {
+            busy: false,
+            chainId: chainId,
+            error: error,
+            localAddress: localAddress,
+            provider: provider,
+            signer: signer,
+        } }, { children: children }), void 0));
+};
 
-const MetaMaskEthersLoader = (props) => {
-    const { children, enabled = true } = props;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const global = window;
-    const ethereum = global.ethereum;
-    const [error, setError] = useState();
-    const [localAddress, setLocalAddress] = useState();
-    const [resetCount, setResetCount] = useState(0);
-    const [providerName, setProviderName] = useState();
-    if (ethereum) {
-        ethereum.autoRefreshOnNetworkChange = false;
-    }
-    const connect = async () => {
-        var _a;
-        await ((_a = global.ethereum) === null || _a === void 0 ? void 0 : _a.enable());
-        return localAddress ? [localAddress.toString()] : [];
-    };
-    const [isConnected, setIsConnected] = useState();
-    useEffect(() => {
-        if (ethereum && enabled) {
-            ethereum.on('accountsChanged', (accounts) => {
-                console.log(`accountsChanged: ${JSON.stringify(accounts)}`);
-                setResetCount(resetCount + 1);
-                if (accounts.length > 0) {
-                    setLocalAddress(EthAddress.fromString(accounts[0]));
-                }
-                else {
-                    setLocalAddress(undefined);
-                }
-            });
-            ethereum.on('chainChanged', (chainId) => {
-                setResetCount(resetCount + 1);
-                if (chainId) {
-                    setChainId(parseInt(chainId));
-                }
-                else {
-                    setChainId(undefined);
-                }
-            });
-        }
-    }, [ethereum, resetCount, enabled]);
-    const [walletProvider, setWalletProvider] = useState();
-    const [provider, setProvider] = useState();
-    const [signer, setSigner] = useState();
-    useEffect(() => {
-        if (enabled) {
-            const walletProvider = ethereum ? new Web3Provider(ethereum) : null;
-            let provider = null;
-            let providerName = null;
-            if (walletProvider) {
-                provider = walletProvider;
-                providerName = 'Meta Mask';
-            }
-            else {
-                provider = new InfuraProvider(1, infuraKey);
-                providerName = 'Infura (Default)';
-            }
-            provider = walletProvider !== null && walletProvider !== void 0 ? walletProvider : provider;
-            setProvider(provider);
-            setProviderName(providerName);
-            setWalletProvider(walletProvider);
-            let signer = null;
-            try {
-                signer = walletProvider === null || walletProvider === void 0 ? void 0 : walletProvider.getSigner();
-            }
-            catch (ex) {
-                console.error(ex);
-            }
-            setSigner(signer);
-        }
-    }, [ethereum, isConnected, enabled]);
-    useAsyncEffect(async (isMounted) => {
-        if (signer && enabled) {
-            try {
-                const localAddress = EthAddress.fromString(await signer.getAddress());
-                console.log(`Setting Local Address: ${localAddress}`);
-                if (isMounted()) {
-                    setLocalAddress(localAddress);
-                    setIsConnected(true);
-                }
-            }
-            catch (ex) {
-                if (isMounted()) {
-                    setError(Error(`localAddress: ${ex}`));
-                    setLocalAddress(undefined);
-                    setIsConnected(false);
-                }
-            }
-        }
-    }, [signer, resetCount, enabled]);
-    const [chainId, setChainId] = useState();
-    useAsyncEffect(async (isMounted) => {
-        var _a;
-        if (enabled) {
-            const chainId = (_a = (await (provider === null || provider === void 0 ? void 0 : provider.getNetwork()))) === null || _a === void 0 ? void 0 : _a.chainId;
-            if (!isMounted())
-                return;
-            setChainId(chainId);
-        }
-    }, [provider, enabled]);
-    return (jsx(EthersContext.Provider, Object.assign({ value: {
-            busy: false,
-            chainId,
-            connect,
-            error,
-            isConnected,
-            localAddress,
-            provider,
-            providerName,
-            signer: isConnected ? signer : undefined,
-            walletProvider,
-        } }, { children: children }), void 0));
-};
-
-const MyEtherWalletEthersLoader = (props) => {
-    const { children } = props;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const global = window;
-    const ethereum = global.ethereum;
-    const [error, setError] = useState();
-    const [localAddress, setLocalAddress] = useState();
-    const [providerName, setProviderName] = useState();
-    if (ethereum) {
-        ethereum.autoRefreshOnNetworkChange = false;
-    }
-    const connect = async () => {
-        var _a;
-        await ((_a = global.ethereum) === null || _a === void 0 ? void 0 : _a.enable());
-        return localAddress ? [localAddress.toString()] : [];
-    };
-    const [isConnected, setIsConnected] = useState();
-    const [walletProvider, setWalletProvider] = useState();
-    const [provider, setProvider] = useState();
-    const [signer, setSigner] = useState();
-    useEffect(() => {
-        const walletProvider = ethereum ? new Web3Provider(ethereum) : null;
-        let provider = null;
-        let providerName = null;
-        if (walletProvider) {
-            provider = walletProvider;
-            providerName = 'MyEtherWallet';
-        }
-        else {
-            provider = new InfuraProvider(1, infuraKey);
-            providerName = 'Infura (Default)';
-        }
-        setProvider(provider);
-        setProviderName(providerName);
-        setWalletProvider(walletProvider);
-        let signer = null;
-        try {
-            signer = walletProvider === null || walletProvider === void 0 ? void 0 : walletProvider.getSigner();
-        }
-        catch (ex) {
-            console.error(ex);
-        }
-        setSigner(signer);
-    }, [ethereum, isConnected]);
-    useAsyncEffect(async (isMounted) => {
-        if (signer) {
-            try {
-                const localAddress = EthAddress.fromString(await signer.getAddress());
-                if (isMounted()) {
-                    setLocalAddress(localAddress);
-                    setIsConnected(true);
-                }
-            }
-            catch (ex) {
-                if (isMounted()) {
-                    setError(Error(`localAddress: ${ex}`));
-                    setLocalAddress(undefined);
-                    setIsConnected(false);
-                }
-            }
-        }
-    }, [signer]);
-    const [chainId, setChainId] = useState();
-    useAsyncEffect(async (isMounted) => {
-        var _a;
-        const chainId = (_a = (await (provider === null || provider === void 0 ? void 0 : provider.getNetwork()))) === null || _a === void 0 ? void 0 : _a.chainId;
-        if (!isMounted())
-            return;
-        setChainId(chainId);
-    }, [provider]);
-    return (jsx(EthersContext.Provider, Object.assign({ value: {
-            busy: false,
-            chainId,
-            connect,
-            error,
-            isConnected,
-            localAddress,
-            provider,
-            providerName,
-            signer: isConnected ? signer : undefined,
-            walletProvider,
-        } }, { children: children }), void 0));
-};
-
-const OperaEthersLoader = (props) => {
-    var _a, _b, _c, _d, _e, _f;
-    const { children } = props;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const global = window;
-    const ethereum = global.ethereum;
-    const [error, setError] = useState();
-    const [signer, setSigner] = useState();
-    const [provider, setProvider] = useState();
-    const [localAddress, setLocalAddress] = 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);
-    const chainId = (ethereum === null || ethereum === void 0 ? void 0 : ethereum.chainId) ? parseInt(ethereum === null || ethereum === void 0 ? void 0 : ethereum.chainId) : 1;
-    const isConnected = (_f = ethereum === null || ethereum === void 0 ? void 0 : ethereum.isConnected()) !== null && _f !== void 0 ? _f : false;
-    React.useEffect(() => {
-        let cancelled = false;
-        if (ethereum) {
-            ethereum.enable();
-            const operaProvider = new Web3Provider(ethereum);
-            const provider = operaProvider;
-            const signer = operaProvider.getSigner();
-            const load = async () => {
-                try {
-                    const localAddress = EthAddress.fromString(await signer.getAddress());
-                    ethereum.autoRefreshOnNetworkChange = false;
-                    if (!cancelled) {
-                        setSigner(signer);
-                        setProvider(provider);
-                        setLocalAddress(localAddress);
-                    }
-                }
-                catch (ex) {
-                    if (!cancelled) {
-                        setError(Error(`localAddress: ${ex}`));
-                    }
-                }
-            };
-            load();
-        }
-        return () => {
-            cancelled = true;
-        };
-    }, [ethereum]);
-    return (jsx(EthersContext.Provider, Object.assign({ value: {
-            busy: false,
-            chainId,
-            error,
-            isConnected,
-            localAddress,
-            provider,
-            signer,
-        } }, { children: children }), void 0));
-};
-
-const TrustEthersLoader = (props) => {
-    const { children } = props;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const global = window;
-    const [error, setError] = useState();
-    const [localAddress, setLocalAddress] = useState();
-    const trustProvider = new Web3Provider(global.ethereum);
-    const signer = trustProvider.getSigner();
-    const chainId = 1;
-    const provider = trustProvider;
-    useEffect(() => {
-        let cancelled = false;
-        if (signer) {
-            const load = async () => {
-                try {
-                    const localAddress = EthAddress.fromString(await signer.getAddress());
-                    if (!cancelled) {
-                        setLocalAddress(localAddress);
-                    }
-                }
-                catch (ex) {
-                    if (!cancelled) {
-                        setError(Error(`localAddress: ${ex}`));
-                    }
-                }
-            };
-            load();
-        }
-        return () => {
-            cancelled = true;
-        };
-    }, [signer]);
-    return (jsx(EthersContext.Provider, Object.assign({ value: {
-            busy: false,
-            chainId,
-            error,
-            localAddress,
-            provider,
-            signer,
-        } }, { children: children }), void 0));
-};
-
-const EthersLoader = (props) => {
-    var _a, _b, _c, _d;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const global = window;
-    const { children } = props;
-    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 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);
 };
 
-const NetworkSettingsContext = React.createContext({});
+var NetworkSettingsContext = createContext({});
 
-const NetworkSettingsLoader = (props) => {
-    const { children } = props;
-    return (jsx(NetworkSettingsContext.Provider, Object.assign({ value: {
-            xyBondAddress: EthAddress.fromString('0x1a024A698EEBdB86ccf3fCaF2F589839bdc066AD'),
-            xyFhrMerkleSendAddress: EthAddress.fromString('0x46FEEBDffC8076D9E5fd8a11CF1508810472A79f'),
-            xyGovernanceAddress: EthAddress.fromString('0x01925d0fFE4a6a6162B51ba611e3D4780Fc2dF42'),
-            xyStakingConsensusAddress: EthAddress.fromString('0x0242514106114DEaA99Fd81574142c36Edb03B6D'),
-        } }, { children: children }), void 0));
+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));
 };
 
-const UserEventsContext = React.createContext({});
+var UserEventsContext = 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);
+            }
+        }
+    }
+};
 
-const calcSpacing = (theme, values) => {
-    for (let i = 0; i < values.length; i++) {
-        const 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 });
 };
 
-const mergeBoxlikeStyles = (theme, props, defaultProps) => {
-    const _a = Object.assign(Object.assign({}, defaultProps), props), { 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 } = _a, 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"]);
-    const mergedStyle = Object.assign({ alignContent,
-        alignItems,
-        alignSelf, backgroundColor: bgcolor, border,
-        borderColor,
-        display,
-        flexDirection,
-        flexGrow,
-        flexShrink,
-        flexWrap,
-        height,
-        justifyContent,
-        justifyItems,
-        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,
-        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,
-        width }, style);
-    return Object.assign(Object.assign({}, rootProps), { style: mergedStyle });
-};
-
-const ButtonExBase = (props) => {
-    const theme = useTheme();
-    const _a = mergeBoxlikeStyles(theme, props), { busy, busyVariant = 'linear', busyOpacity, onClick, children } = _a, rootProps = __rest(_a, ["busy", "busyVariant", "busyOpacity", "onClick", "children"]);
-    const localOnClick = (event) => {
-        if (!busy) {
-            onClick === null || onClick === void 0 ? void 0 : onClick(event);
-        }
-    };
-    return (jsxs(Button, Object.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 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));
 };
 
-const ButtonExTo = (_a) => {
-    var { to, toOptions, onClick } = _a, props = __rest(_a, ["to", "toOptions", "onClick"]);
-    const navigate = useNavigate();
-    const localOnClick = (event) => {
-        onClick === null || onClick === void 0 ? void 0 : onClick(event);
-        if (to) {
-            navigate(to, toOptions);
-        }
-    };
-    return jsx(ButtonExBase, Object.assign({ onClick: localOnClick }, props), 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);
 };
 
-const ButtonEx = (_a) => {
-    var { to } = _a, props = __rest(_a, ["to"]);
-    if (to) {
-        return jsx(ButtonExTo, Object.assign({ to: to }, props), void 0);
-    }
-    else {
-        return jsx(ButtonExBase, Object.assign({}, 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);
+    }
 };
 
-const CookieConsentBody = (_a) => {
-    var { acceptOnScroll, acceptOnTimer = 0, onAccept } = _a, props = __rest(_a, ["acceptOnScroll", "acceptOnTimer", "onAccept"]);
-    const { accepted, setAccepted, storageName } = useCookieConsent();
-    const onScroll = () => {
-        //hide it one the user has scrolled at least one page
-        if (window.scrollY > window.innerHeight && !accepted) {
-            onAcceptClick();
-        }
-    };
-    useEffect(() => {
-        if (acceptOnScroll) {
-            window.addEventListener('scroll', onScroll);
-            return () => {
-                window.removeEventListener('scroll', onScroll);
-            };
-        }
-    });
-    const onAcceptClick = () => {
-        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(() => {
-            onAcceptClick();
-        }, acceptOnTimer);
-    }
-    if (!storageName) {
-        return (jsx(FlexRow, Object.assign({ justifyContent: "center", paddingY: 2 }, props, { children: jsx(Typography, Object.assign({ color: "error", variant: "body1" }, { children: "Missing CookieConsentContext" }), void 0) }), void 0));
-    }
-    return accepted ? null : (jsxs(FlexRow, Object.assign({ justifyContent: "space-between" }, props, { children: [jsxs(Typography, Object.assign({ variant: "body2", margin: 2 }, { children: ['This site uses ', jsx(Link, Object.assign({ href: "https://cookiesandyou.com/", rel: "noopener noreferrer", target: "_blank" }, { children: "cookies" }), void 0), ' and ', jsx(Link, Object.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, Object.assign({ variant: "contained", color: "secondary", onClick: onAcceptClick, margin: 2 }, { children: "Accept" }), void 0)] }), 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));
 };
 
-const CookieConsent = (props) => {
-    const { storageName } = useCookieConsent();
-    const Inner = () => {
-        const { accepted } = useCookieConsent();
-        return accepted ? null : (jsx(CookieConsentBody, Object.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 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);
 };
 
-const InvertableThemeContext = React.createContext({
-    options: {},
+var InvertableThemeContext = createContext({
+    options: {},
 });
 
-const InvertableThemeProvider = ({ options, children, dark, scoped = false, invert = false, noResponsiveFonts, }) => {
-    var _a, _b;
-    const contextInvertableTheme = useContext(InvertableThemeContext);
-    const clonedOptions = clone((_a = options !== null && options !== void 0 ? options : contextInvertableTheme.options) !== null && _a !== void 0 ? _a : {});
-    clonedOptions.palette = (_b = clonedOptions.palette) !== null && _b !== void 0 ? _b : {};
-    if (invert) {
-        clonedOptions.palette.mode = clonedOptions.palette.mode === 'dark' ? 'light' : 'dark';
-    }
-    if (dark !== undefined) {
-        clonedOptions.palette.mode = dark ? 'dark' : 'light';
-    }
-    let theme = createTheme(clonedOptions);
-    if (!noResponsiveFonts) {
-        theme = responsiveFontSizes(theme);
-    }
-    return scoped ? (jsx(ScopedCssBaseline, { children: jsx(InvertableThemeContext.Provider, Object.assign({ value: { options: clonedOptions } }, { children: jsx(ThemeProvider, Object.assign({ theme: theme }, { children: children }), void 0) }), void 0) }, void 0)) : (jsx(InvertableThemeContext.Provider, Object.assign({ value: { options: clonedOptions } }, { children: jsx(ThemeProvider, Object.assign({ theme: theme }, { children: children }), void 0) }), void 0));
+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));
 };
 
-const BasePage = (_a) => {
-    var { disableGutters, children, beta, container, hideFooter, appFooter, appBar, cookieConsent, hideAppBar, noindex = false, scrollToTopButton = false, title } = _a, props = __rest(_a, ["disableGutters", "children", "beta", "container", "hideFooter", "appFooter", "appBar", "cookieConsent", "hideAppBar", "noindex", "scrollToTopButton", "title"]);
-    const theme = useTheme();
-    const scrollToTopAnchorId = 'scroll-to-top-anchor';
-    return (jsxs(FlexCol, Object.assign({ justifyContent: "flex-start", color: theme.palette.text.primary, alignItems: "stretch", width: "100%", maxWidth: "100vw", minHeight: "100vh" }, props, { children: [jsx(Helmet, Object.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, Object.assign({ margin: 1, position: "absolute", top: 0, left: 0, bgcolor: "#cccccc88", paddingX: 1, style: { opacity: 0.5 } }, { children: jsx(Typography, Object.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, Object.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, Object.assign({ invert: true }, { children: jsx(CookieConsent, { borderRadius: 0 }, void 0) }), void 0) }, void 0)), scrollToTopButton ? (jsx(ScrollToTopButton, Object.assign({ anchorId: scrollToTopAnchorId }, { children: jsx(Fab, Object.assign({ "aria-label": "scroll to top", color: "secondary", size: "small" }, { children: jsx(KeyboardArrowUp, {}, void 0) }), void 0) }), void 0)) : null] }), 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));
 };
 
-const getPartialPath = (pathParts, index) => {
-    const result = [];
-    for (let i = 0; i <= index; i++) {
-        result.push(`${pathParts[i]}/`);
-    }
-    return result.join('');
-};
-const BreadcrumbsEx = (_a) => {
-    var _b;
-    var { titles, path = document.location.pathname, separator = '|', logo, children } = _a, props = __rest(_a, ["titles", "path", "separator", "logo", "children"]);
-    const 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: ${JSON.stringify(titles)} with ${JSON.stringify(pathParts)}`);
-    return (jsxs(Breadcrumbs, Object.assign({ separator: separator }, props, { children: [pathParts.map((_pathPart, index) => {
-                const path = getPartialPath(pathParts, index);
-                return (jsx(Link, Object.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 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));
 };
 
-const toAxiosError = (error) => {
-    return error.isAxiosError ? error : undefined;
-};
-const ErrorDialogOpen = (_a) => {
-    var _b, _c;
-    var { onAction, title = 'Oops. Something went wrong.', error = Error('Unknown Error') } = _a, props = __rest(_a, ["onAction", "title", "error"]);
-    const onCloseClicked = () => {
-        onAction === null || onAction === void 0 ? void 0 : onAction(false);
-    };
-    const onRetryClicked = () => {
-        onAction === null || onAction === void 0 ? void 0 : onAction(true);
-    };
-    const axiosError = toAxiosError(error);
-    const message = (_b = error.message) !== null && _b !== void 0 ? _b : error.toString();
-    return (jsxs(Dialog, Object.assign({}, props, { children: [jsx(DialogTitle, { children: title }, void 0), jsx(DialogContent, { children: jsx(FlexRow, { children: jsx(Typography, Object.assign({ color: "error" }, { children: axiosError ? `${message} [${(_c = axiosError === null || axiosError === void 0 ? void 0 : axiosError.code) !== null && _c !== void 0 ? _c : 'Connection Failure'}]` : `${message}` }), void 0) }, void 0) }, void 0), jsx(DialogActions, { children: jsxs(FlexRow, Object.assign({ justifyContent: "space-between", width: "100%", minWidth: "300px" }, { children: [jsx(ButtonEx, Object.assign({ onClick: onCloseClicked, variant: "text" }, { children: "Close" }), void 0), jsx(ButtonEx, Object.assign({ onClick: onRetryClicked, variant: "text" }, { children: "Retry" }), void 0)] }), void 0) }, void 0)] }), void 0));
-};
-const ErrorDialog = (_a) => {
-    var { open, error } = _a, props = __rest(_a, ["open", "error"]);
-    if (error) {
-        return jsx(ErrorDialogOpen, Object.assign({ open: !!error || open, error: error }, props), void 0);
-    }
-    else {
-        return null;
-    }
+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;
+    }
 };
 
-const MessageDialog = (_a) => {
-    var { onOk, onCancel, children, title } = _a, props = __rest(_a, ["onOk", "onCancel", "children", "title"]);
-    return (jsxs(Dialog, Object.assign({}, props, { children: [jsx(DialogTitle, { children: title }, void 0), jsx(DialogContent, { children: jsx(FlexCol, Object.assign({ alignItems: "stretch" }, { children: children }), void 0) }, void 0), jsx(DialogActions, { children: jsxs(FlexRow, Object.assign({ justifyContent: "space-between", width: "100%" }, { children: [jsx(Button, Object.assign({ onClick: onCancel, variant: "text" }, { children: "Cancel" }), void 0), jsx(Button, Object.assign({ onClick: onOk, variant: "text" }, { children: "Ok" }), void 0)] }), void 0) }, void 0)] }), void 0));
+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));
 };
 
-const useBreakpoint = () => {
-    const theme = useTheme();
-    const xs = useMediaQuery(theme.breakpoints.only('xs'));
-    const sm = useMediaQuery(theme.breakpoints.only('sm'));
-    const md = useMediaQuery(theme.breakpoints.only('md'));
-    const lg = useMediaQuery(theme.breakpoints.only('lg'));
-    const 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 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';
+    }
 };
 
-const useMounted = () => {
-    const [mounted, setMounted] = useState(true);
-    useEffect(() => {
-        setMounted(true);
-        return () => {
-            // eslint-disable-next-line react-hooks/exhaustive-deps
-            setMounted(false);
-        };
-    }, []);
-    return () => {
-        return mounted;
-    };
+var useMounted = function () {
+    var _a = __read(useState(true), 2), 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;
+    };
 };
 
-const useNavigateToEthAddress = () => {
-    const navigate = useNavigate();
-    const navigateToEthAddress = (address, event, page, to, toOptions, toEtherScan) => {
-        var _a;
-        const openInEtherScan = toEtherScan || (!to && !page);
-        if (openInEtherScan) {
-            window.open(`https://etherscan.io/address/${address.toString()}`, '_blank');
-        }
-        else {
-            const path = (_a = to === null || to === void 0 ? void 0 : to.toString()) !== null && _a !== void 0 ? _a : `/${page}/${address.toString()}`;
-            if (event.metaKey || toEtherScan) {
-                window.open(path, '_blank');
-            }
-            else {
-                navigate(to !== null && to !== void 0 ? to : path, toOptions);
-            }
-        }
-    };
-    return { navigateToEthAddress };
+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 };
 };
 
-const useSpacing = (value) => {
-    const theme = useTheme();
-    return theme.spacing(typeof value === 'string' ? parseInt(value) : value);
+var useSpacing = function (value) {
+    var theme = useTheme();
+    return theme.spacing(typeof value === 'string' ? parseInt(value) : value);
 };
 
-let supportsWebP = undefined;
-const useWebP = (webp, alt) => {
-    const [img, setImg] = useState(supportsWebP === true ? webp : supportsWebP === false ? alt : undefined);
-    useAsyncEffect(async (mounted) => {
-        if (supportsWebP === undefined) {
-            supportsWebP = await getSupportsWebP();
-            if (mounted()) {
-                setImg(supportsWebP ? webp : alt);
-            }
-        }
-    }, [supportsWebP]);
-    return img;
-};
-const getSupportsWebP = async () => {
-    return await new Promise((resolve) => {
-        const image = new Image();
-        image.onerror = () => resolve(false);
-        image.onload = () => resolve(image.width === 1);
-        image.src = 'data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA/vuUAAA=';
-    }).catch(() => false);
-};
-
-function useWindowSize() {
-    const [windowSize, setWindowSize] = useState({
-        height: undefined,
-        width: undefined,
-    });
-    useEffect(() => {
-        function handleResize() {
-            setWindowSize({
-                height: window.innerHeight,
-                width: window.innerWidth,
-            });
-        }
-        window.addEventListener('resize', handleResize);
-        handleResize();
-        return () => window.removeEventListener('resize', handleResize);
-    }, []);
-    return windowSize;
+var supportsWebP = undefined;
+var useWebP = function (webp, alt) {
+    var _a = __read(useState(supportsWebP === true ? webp : supportsWebP === false ? alt : undefined), 2), img = _a[0], setImg = _a[1];
+    useAsyncEffect(function (mounted) { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                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 = __read(useState({
+        height: undefined,
+        width: undefined,
+    }), 2), 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;
 }
 
-const EthAccount = (_a) => {
-    var { address, icon = false, iconSize = 16, iconOnly = false, addressLength = 'auto', fontFamily = '"Source Code Pro",monospace', toEtherScan, onButtonClick } = _a, props = __rest(_a, ["address", "icon", "iconSize", "iconOnly", "addressLength", "fontFamily", "toEtherScan", "onButtonClick"]);
-    const { localAddress } = useContext(EthersContext);
-    const theme = useTheme();
-    const large = useMediaQuery(theme.breakpoints.up('md'));
-    const isLocalAddress = address ? (localAddress === null || localAddress === void 0 ? void 0 : localAddress.toString()) === address.toString() : false;
-    const onClickLocal = (event) => {
-        onButtonClick === null || onButtonClick === void 0 ? void 0 : onButtonClick(event);
-        if (toEtherScan && address) {
-            window.open(`https://etherscan.io/address/${address.toString()}`, '_blank');
-        }
-    };
-    const addressToDisplay = assertEx(address !== null && address !== void 0 ? address : EthAddress.fromString('0x00'), 'Bad Eth Address');
-    const 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, Object.assign({ onClick: onClickLocal, title: `0x${address === null || address === void 0 ? void 0 : address.toHex()}` }, props, { children: jsxs(FlexGrowRow, Object.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, Object.assign({ marginLeft: icon ? 1 : 0, variant: "body1", fontFamily: fontFamily, visibility: address ? 'inherit' : 'hidden' }, { children: testToDisplay }), void 0), address ? null : (jsx(Typography, Object.assign({ position: "absolute", marginLeft: icon ? 1 : 0, variant: "body1", fontFamily: fontFamily }, { children: "-- --" }), void 0))] }, void 0)), isLocalAddress ? jsx(FlexRow, Object.assign({ marginLeft: 0.5 }, { children: "(You)" }), void 0) : null] }), void 0) }), void 0));
-};
-
-const Experiment = (props) => {
-    const { children } = props;
-    return jsx(Fragment, { children: children }, void 0);
-};
-
-const defaultLocalStorageKey = 'testData';
-const experimentsTestData = {};
-let outcomes = {}; //prevent multi-outcome
-const saveOutcomes = () => {
-    setLocalStorageObject('outcomes', outcomes);
-};
-const loadOutcomes = () => {
-    outcomes = getLocalStorageObject('outcomes');
-};
-const mergeData = (data, log) => {
-    const dataArray = [];
-    for (const key in data) {
-        dataArray.push(`${key}-${data[key]}`);
-    }
-    log === null || log === void 0 ? void 0 : log.info('MergeData', dataArray.join('|'));
-    return dataArray.join('|');
-};
-const missingKeyError = new Error('Experiment Elements must have Keys');
-const makeChildrenArray = (children) => {
-    if (Array.isArray(children)) {
-        return children;
-    }
-    else {
-        return [children];
-    }
-};
-const buildLocalStorageKey = (localStorageProp) => {
-    return localStorageProp === true
-        ? defaultLocalStorageKey
-        : typeof localStorageProp === 'string'
-            ? localStorageProp !== null && localStorageProp !== void 0 ? localStorageProp : defaultLocalStorageKey
-            : '';
-};
-const calcTotalWeight = (childList) => {
-    let totalWeight = 0;
-    for (const child of childList) {
-        totalWeight += child.props.weight;
-    }
-    return totalWeight;
-};
-const Experiments = (props) => {
-    var _a, _b;
-    const { name, children, testStarted, localStorageProp = true } = props;
-    const userEventsConntext = useContext(UserEventsContext);
-    const { userEvents } = userEventsConntext;
-    loadOutcomes();
-    const localStorageKey = buildLocalStorageKey(localStorageProp);
-    const childList = makeChildrenArray(children);
-    const totalWeight = calcTotalWeight(childList);
-    const firstTime = outcomes[name] === undefined;
-    let targetWeight = (_a = outcomes[name]) !== null && _a !== void 0 ? _a : Math.random() * totalWeight;
-    outcomes[name] = targetWeight;
-    saveOutcomes();
-    for (const child of childList) {
-        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 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));
 };
 
-const LinkToEx = (_a) => {
-    var { to } = _a, props = __rest(_a, ["to"]);
-    return jsx(Link, Object.assign({ component: Link$1, to: to }, props), void 0);
+var Experiment = function (props) {
+    var children = props.children;
+    return jsx(Fragment, { children: children }, void 0);
 };
 
-const NumberStatus = (_a) => {
-    var _b, _c;
-    var { error, format = '0[.]0a', color = 'primary', title, value, size, fontSize, rounded = false, autoWidth = false, style } = _a, props = __rest(_a, ["error", "format", "color", "title", "value", "size", "fontSize", "rounded", "autoWidth", "style"]);
-    const theme = useTheme();
-    const palette = color === 'inherit' ? undefined : theme.palette[color];
-    const bgColorTop = (_b = palette === null || palette === void 0 ? void 0 : palette.dark) !== null && _b !== void 0 ? _b : theme.palette.background.paper;
-    const bgColorBottom = (_c = palette === null || palette === void 0 ? void 0 : palette.main) !== null && _c !== void 0 ? _c : theme.palette.background.default;
-    const sizePixels = size === 'large' ? 96 : size === 'small' ? 64 : 80;
-    const calcFontSize = fontSize !== null && fontSize !== void 0 ? fontSize : sizePixels * 0.2;
-    return (jsx(ButtonEx, Object.assign({ size: size, padding: 0, style: Object.assign({ borderRadius: rounded ? theme.shape.borderRadius : 0, overflow: rounded ? 'hidden' : undefined }, style) }, props, { children: jsxs(FlexCol, Object.assign({ alignItems: "stretch", height: sizePixels, width: autoWidth ? '100%' : sizePixels, busy: value === undefined && !error }, { children: [jsx(FlexGrowRow, Object.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, Object.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 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 e_1, _a;
+    var totalWeight = 0;
+    try {
+        for (var childList_1 = __values(childList), childList_1_1 = childList_1.next(); !childList_1_1.done; childList_1_1 = childList_1.next()) {
+            var child = childList_1_1.value;
+            totalWeight += child.props.weight;
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (childList_1_1 && !childList_1_1.done && (_a = childList_1.return)) _a.call(childList_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    return totalWeight;
+};
+var Experiments = function (props) {
+    var e_2, _a;
+    var _b, _c;
+    var name = props.name, children = props.children, _d = props.localStorageProp, localStorageProp = _d === void 0 ? true : _d;
+    var userEventsContext = useContext(UserEventsContext);
+    var userEvents = userEventsContext.userEvents;
+    loadOutcomes();
+    var localStorageKey = buildLocalStorageKey(localStorageProp);
+    var childList = makeChildrenArray(children);
+    var totalWeight = calcTotalWeight(childList);
+    var firstTime = outcomes[name] === undefined;
+    var targetWeight = (_b = outcomes[name]) !== null && _b !== void 0 ? _b : Math.random() * totalWeight;
+    outcomes[name] = targetWeight;
+    saveOutcomes();
+    try {
+        for (var childList_2 = __values(childList), childList_2_1 = childList_2.next(); !childList_2_1.done; childList_2_1 = childList_2.next()) {
+            var child = childList_2_1.value;
+            targetWeight -= child.props.weight;
+            if (targetWeight > 0)
+                continue;
+            if (!child.key) {
+                throw missingKeyError;
+            }
+            experimentsTestData[name] = (_c = child.key) === null || _c === void 0 ? void 0 : _c.toString();
+            if (firstTime) {
+                if (localStorageProp !== false) {
+                    localStorage.setItem(localStorageKey, mergeData(experimentsTestData));
+                }
+                if (userEvents) {
+                    forget(userEvents.testStarted({ name: name, variation: child.key }));
+                }
+            }
+            return child;
+        }
+    }
+    catch (e_2_1) { e_2 = { error: e_2_1 }; }
+    finally {
+        try {
+            if (childList_2_1 && !childList_2_1.done && (_a = childList_2.return)) _a.call(childList_2);
+        }
+        finally { if (e_2) throw e_2.error; }
+    }
+    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));
 };
 
-const QuickTipButton = (_a) => {
-    var { title, children } = _a, props = __rest(_a, ["title", "children"]);
-    const [messageOpen, setMessageOpen] = useState(false);
-    return (jsxs(Fragment, { children: [jsx(IconButton, Object.assign({ onClick: () => setMessageOpen(true), size: "small" }, props, { children: jsx(AiOutlineQuestionCircle, { size: 16 }, void 0) }), void 0), jsx(MessageDialog, Object.assign({ onOk: () => setMessageOpen(false), onCancel: () => setMessageOpen(false), onClose: () => setMessageOpen(false), open: messageOpen, title: title !== null && title !== void 0 ? title : '' }, { children: children }), void 0)] }, void 0));
+var QuickTipButton = function (_a) {
+    var title = _a.title, children = _a.children, props = __rest(_a, ["title", "children"]);
+    var _b = __read(useState(false), 2), messageOpen = _b[0], setMessageOpen = _b[1];
+    return (jsxs(Fragment, { children: [jsx(IconButton, __assign({ onClick: function () { return setMessageOpen(true); }, size: "small" }, props, { children: jsx(AiOutlineQuestionCircle, { size: 16 }, void 0) }), void 0), jsx(MessageDialog, __assign({ onOk: function () { return setMessageOpen(false); }, onCancel: function () { return setMessageOpen(false); }, onClose: function () { return setMessageOpen(false); }, open: messageOpen, title: title !== null && title !== void 0 ? title : '' }, { children: children }), void 0)] }, void 0));
 };
 
-const RichResult = (props) => {
-    const { thing } = props;
-    const thingWithContext = thing;
-    thingWithContext['@context'] = 'https://schema.org';
-    return jsx("script", Object.assign({ type: "application/ld+json" }, { children: JSON.stringify(thingWithContext) }), 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";
+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";
+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";
+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";
+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
-const ScrollToTop = () => {
-    const { pathname } = useLocation();
-    useEffect(() => {
-        window.scrollTo(0, 0);
-    }, [pathname]);
-    return null;
+// 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 img = "data:image/svg+xml,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 238'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23999%3b%7d%3c/style%3e%3c/defs%3e%3ctitle%3eicon_gray%3c/title%3e%3cpath class='cls-1' d='M74.5%2c28.33%2c21.29%2c120.5%2c74.5%2c212.67H180.94l1.76-3%2c51.46-89.13L180.94%2c28.33ZM84.65%2c40.54h78.83L111.65%2c56.93a15.85%2c15.85%2c0%2c0%2c1%2c2%2c5l59.66-18.81L185.22%2c101a20.12%2c20.12%2c0%2c0%2c1%2c5.36-.78l-10-47.91%2c37.87%2c65.53h-7.62a24.21%2c24.21%2c0%2c0%2c1%2c.15%2c2.68%2c23.29%2c23.29%2c0%2c0%2c1-.15%2c2.68h7.62l-39.1%2c67.75%2c10.92-50.13A20.57%2c20.57%2c0%2c0%2c1%2c185%2c140l-12.88%2c59-58.37-19.53a17.61%2c17.61%2c0%2c0%2c1-1.7%2c5l47.5%2c15.92H84.65l4-6.85A20.17%2c20.17%2c0%2c0%2c1%2c83.93%2c191L80%2c197.78%2c42.67%2c133.13l37%2c32.66a20.52%2c20.52%2c0%2c0%2c1%2c3.6-4L36.69%2c120.66%2c85%2c77.79a17.45%2c17.45%2c0%2c0%2c1-3.19-4.32l-39.46%2c35L80%2c43.22l5.56%2c9.69A17.51%2c17.51%2c0%2c0%2c1%2c90.12%2c50Zm28.24%2c31.17a16.15%2c16.15%2c0%2c0%2c1-2.68%2c4.64l62%2c35.81a19.74%2c19.74%2c0%2c0%2c1%2c2.83-4.54Zm-20%2c10.51v75.33a18%2c18%2c0%2c0%2c1%2c2.47-.16%2c17.18%2c17.18%2c0%2c0%2c1%2c2.89.21v-75a11.21%2c11.21%2c0%2c0%2c1-1.29%2c0%2c17.57%2c17.57%2c0%2c0%2c1-4.07-.47Zm79.34%2c46.63-62.08%2c35.81a18.45%2c18.45%2c0%2c0%2c1%2c2.68%2c4.68l62.23-36a19.68%2c19.68%2c0%2c0%2c1-2.83-4.53Z'/%3e%3cpath class='cls-1' d='M97%2c48.58a17.06%2c17.06%2c0%2c1%2c0%2c17%2c17%2c17.08%2c17.08%2c0%2c0%2c0-17-17Zm0%2c5.36a11.7%2c11.7%2c0%2c1%2c1-11.7%2c11.69A11.65%2c11.65%2c0%2c0%2c1%2c97%2c53.94Z'/%3e%3cpath class='cls-1' d='M95.37%2c157.39a18.73%2c18.73%2c0%2c1%2c0%2c18.7%2c18.7%2c18.74%2c18.74%2c0%2c0%2c0-18.7-18.7Zm0%2c5.31A13.4%2c13.4%2c0%2c1%2c1%2c82%2c176.09a13.37%2c13.37%2c0%2c0%2c1%2c13.4-13.39Z'/%3e%3cpath class='cls-1' d='M190.73%2c100.2A20.3%2c20.3%2c0%2c1%2c0%2c211%2c120.5a20.34%2c20.34%2c0%2c0%2c0-20.3-20.3Zm0%2c5.36a14.94%2c14.94%2c0%2c1%2c1-14.94%2c14.94%2c14.88%2c14.88%2c0%2c0%2c1%2c14.94-14.94Z'/%3e%3c/svg%3e";
 
-const base10Shift = (bn, places) => {
-    const factor = new BigNumber(10).pow(new BigNumber(Math.abs(places)));
-    if (places > 0) {
-        return bn.mul(factor);
-    }
-    else {
-        return bn.div(factor);
-    }
-};
-const TokenAmount = (_a) => {
-    var { textFontFamily = '"Source Code Pro",monospace', textColor, statusColor, style, amount, places = -18, logo, label, onButtonClick } = _a, props = __rest(_a, ["textFontFamily", "textColor", "statusColor", "style", "amount", "places", "logo", "label", "onButtonClick"]);
-    const adjustedAmount = amount ? base10Shift(amount, places).toNumber() : undefined;
-    const amountString = adjustedAmount ? Math.trunc(adjustedAmount).toLocaleString() : '-';
-    return (jsx(ButtonEx, Object.assign({ style: Object.assign({ backgroundColor: statusColor }, style), variant: "outlined", onClick: onButtonClick }, props, { children: jsxs(FlexRow, Object.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, Object.assign({ marginRight: 1, marginLeft: logo ? 1 : 0, noWrap: true, fontFamily: textFontFamily, variant: "caption" }, { children: label }), void 0)) : null] }, void 0), jsx(Typography, Object.assign({ color: textColor, noWrap: true, fontFamily: textFontFamily, variant: "body1", style: { textTransform: 'none' } }, { children: amountString }), void 0)] }), void 0) }), void 0));
+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: img, 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 };