npm - @xylabs/sdk-react - Versions diffs - 2.7.21 → 2.7.25 - Mend

@xylabs/sdk-react 2.7.21 → 2.7.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1894) hide show

package/dist/esm5/index.js CHANGED Viewed

@@ -4,12 +4,12 @@ export { useMediaQuery } from '@mui/material';
 import { AiOutlineReload, AiOutlineQuestionCircle } from 'react-icons/ai';
 import { makeStyles, createStyles } from '@mui/styles';
 import md5 from 'md5';
-import React, { useRef, useEffect, createContext, useState, useContext } from 'react';
+import { useRef, useEffect, createContext, useState, useContext } from 'react';
 import { useNavigate, useLocation, Link as Link$1 } from 'react-router-dom';
 import { KeyboardArrowUp } from '@mui/icons-material';
 import { Helmet } from 'react-helmet';
 import { InfuraProvider, Web3Provider } from '@ethersproject/providers';
-import { getApiStage as getApiStage$1, delay, assertEx, EthAddress, BigNumber } from '@xylabs/sdk-js';
+import { getApiStage as getApiStage$1, delay, assertEx, EthAddress, forget, BigNumber } from '@xylabs/sdk-js';
 import { UserEventHandler, XyPixel } from '@xylabs/pixel';
 import { parse, stringify } from 'query-string';
 import { createTheme } from '@mui/material/styles';
@@ -106,2463 +106,2431 @@ function __generator(thisArg, body) {
         } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
+}
+function __values(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+}
+function __read(o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
 }
-var BusyCircularProgress = function (_a) {
-    var bgcolor = _a.bgcolor, style = _a.style, rounded = _a.rounded, size = _a.size, _b = _a.opacity, opacity = _b === void 0 ? 0.85 : _b, props = __rest(_a, ["bgcolor", "style", "rounded", "size", "opacity"]);
-    var theme = useTheme();
-    return (jsx(Box, __assign({ display: "flex", bgcolor: alpha(bgcolor !== null && bgcolor !== void 0 ? bgcolor : theme.palette.background.default, parseFloat("".concat(opacity))), flexGrow: 1, position: "absolute", left: 0, right: 0, top: 0, bottom: 0, justifyContent: "center", alignItems: "center", overflow: "hidden", style: __assign({ borderRadius: rounded ? theme.shape.borderRadius : 0 }, style) }, { children: jsx(CircularProgress, __assign({ size: size }, props), void 0) }), void 0));
+var BusyCircularProgress = function (_a) {
+    var bgcolor = _a.bgcolor, style = _a.style, rounded = _a.rounded, size = _a.size, _b = _a.opacity, opacity = _b === void 0 ? 0.85 : _b, props = __rest(_a, ["bgcolor", "style", "rounded", "size", "opacity"]);
+    var theme = useTheme();
+    return (jsx(Box, __assign({ display: "flex", bgcolor: alpha(bgcolor !== null && bgcolor !== void 0 ? bgcolor : theme.palette.background.default, parseFloat("".concat(opacity))), flexGrow: 1, position: "absolute", left: 0, right: 0, top: 0, bottom: 0, justifyContent: "center", alignItems: "center", overflow: "hidden", style: __assign({ borderRadius: rounded ? theme.shape.borderRadius : 0 }, style) }, { children: jsx(CircularProgress, __assign({ size: size }, props), void 0) }), void 0));
 };
-var BusyLinearProgress = function (_a) {
-    var bgcolor = _a.bgcolor, style = _a.style, rounded = _a.rounded, _b = _a.opacity, opacity = _b === void 0 ? 0.85 : _b, props = __rest(_a, ["bgcolor", "style", "rounded", "opacity"]);
-    var theme = useTheme();
-    return (jsx(Box, __assign({ display: "flex", flexDirection: "column", bgcolor: alpha(bgcolor !== null && bgcolor !== void 0 ? bgcolor : theme.palette.background.default, parseFloat("".concat(opacity))), position: "absolute", left: 0, right: 0, top: 0, bottom: 0, justifyContent: "flex-start", alignItems: "stretch", overflow: "hidden", style: __assign({ borderRadius: rounded ? theme.shape.borderRadius : 0 }, style) }, { children: jsx(LinearProgress, __assign({}, props), void 0) }), void 0));
+var BusyLinearProgress = function (_a) {
+    var bgcolor = _a.bgcolor, style = _a.style, rounded = _a.rounded, _b = _a.opacity, opacity = _b === void 0 ? 0.85 : _b, props = __rest(_a, ["bgcolor", "style", "rounded", "opacity"]);
+    var theme = useTheme();
+    return (jsx(Box, __assign({ display: "flex", flexDirection: "column", bgcolor: alpha(bgcolor !== null && bgcolor !== void 0 ? bgcolor : theme.palette.background.default, parseFloat("".concat(opacity))), position: "absolute", left: 0, right: 0, top: 0, bottom: 0, justifyContent: "flex-start", alignItems: "stretch", overflow: "hidden", style: __assign({ borderRadius: rounded ? theme.shape.borderRadius : 0 }, style) }, { children: jsx(LinearProgress, __assign({}, props), void 0) }), void 0));
 };
-var BusyBox = function (_a) {
-    var background = _a.background, children = _a.children, component = _a.component, _b = _a.busyVariant, busyVariant = _b === void 0 ? 'circular' : _b, busySize = _a.busySize, _c = _a.busyOpacity, busyOpacity = _c === void 0 ? 0.85 : _c, busyColor = _a.busyColor, busy = _a.busy, busyCircularProps = _a.busyCircularProps, busyLinearProps = _a.busyLinearProps, paper = _a.paper, style = _a.style, props = __rest(_a, ["background", "children", "component", "busyVariant", "busySize", "busyOpacity", "busyColor", "busy", "busyCircularProps", "busyLinearProps", "paper", "style"]);
-    var theme = useTheme();
-    return (jsxs(Box, __assign({ component: paper ? Paper : component, position: "relative", style: background
-            ? __assign({ backgroundColor: theme.palette.background.default, color: theme.palette.text.primary }, style) : style }, props, { children: [children, busy && busyVariant === 'linear' ? (jsx(BusyLinearProgress, __assign({ color: busyColor, opacity: busyOpacity }, busyLinearProps), void 0)) : null, busy && busyVariant === 'circular' ? (jsx(BusyCircularProgress, __assign({ color: busyColor, opacity: busyOpacity, size: busySize }, busyCircularProps), void 0)) : null] }), void 0));
+var BusyBox = function (_a) {
+    var background = _a.background, children = _a.children, component = _a.component, _b = _a.busyVariant, busyVariant = _b === void 0 ? 'circular' : _b, busySize = _a.busySize, _c = _a.busyOpacity, busyOpacity = _c === void 0 ? 0.85 : _c, busyColor = _a.busyColor, busy = _a.busy, busyCircularProps = _a.busyCircularProps, busyLinearProps = _a.busyLinearProps, paper = _a.paper, style = _a.style, props = __rest(_a, ["background", "children", "component", "busyVariant", "busySize", "busyOpacity", "busyColor", "busy", "busyCircularProps", "busyLinearProps", "paper", "style"]);
+    var theme = useTheme();
+    return (jsxs(Box, __assign({ component: paper ? Paper : component, position: "relative", style: background
+            ? __assign({ backgroundColor: theme.palette.background.default, color: theme.palette.text.primary }, style) : style }, props, { children: [children, busy && busyVariant === 'linear' ? (jsx(BusyLinearProgress, __assign({ color: busyColor, opacity: busyOpacity }, busyLinearProps), void 0)) : null, busy && busyVariant === 'circular' ? (jsx(BusyCircularProgress, __assign({ color: busyColor, opacity: busyOpacity, size: busySize }, busyCircularProps), void 0)) : null] }), void 0));
 };
-var FlexCol = function (props) {
-    return jsx(BusyBox, __assign({ alignItems: "center", display: "flex", flexDirection: "column", justifyContent: "center" }, props), void 0);
-};
-var FlexGrowCol = function (props) {
-    return jsx(FlexCol, __assign({ flexGrow: 1 }, props), void 0);
+var FlexCol = function (props) {
+    return jsx(BusyBox, __assign({ alignItems: "center", display: "flex", flexDirection: "column", justifyContent: "center" }, props), void 0);
+};
+var FlexGrowCol = function (props) {
+    return jsx(FlexCol, __assign({ flexGrow: 1 }, props), void 0);
 };
-var FlexRow = function (props) {
-    return jsx(BusyBox, __assign({ alignItems: "center", display: "flex", flexDirection: "row", justifyContent: "center" }, props), void 0);
-};
-var FlexGrowRow = function (props) {
-    return jsx(FlexRow, __assign({ flexGrow: 1 }, props), void 0);
+var FlexRow = function (props) {
+    return jsx(BusyBox, __assign({ alignItems: "center", display: "flex", flexDirection: "row", justifyContent: "center" }, props), void 0);
+};
+var FlexGrowRow = function (props) {
+    return jsx(FlexRow, __assign({ flexGrow: 1 }, props), void 0);
 };
-/**
- * @deprecated The functionality of Background is now part of FlexBox.  Use the 'background' property to enable the background.
- */
-var Background = function (props) {
-    return jsx(FlexRow, __assign({}, props), void 0);
+/**
+ * @deprecated The functionality of Background is now part of FlexBox.  Use the 'background' property to enable the background.
+ */
+var Background = function (props) {
+    return jsx(FlexRow, __assign({}, props), void 0);
 };
-var ErrorViewer = function (props) {
-    var error = props.error, boxProps = __rest(props, ["error"]);
-    var theme = useTheme();
-    return (jsxs(FlexCol, __assign({ color: theme.palette.error.main }, boxProps, { children: [jsx(Typography, __assign({ align: "center", variant: "subtitle1" }, { children: error === null || error === void 0 ? void 0 : error.name }), void 0), jsx(Typography, __assign({ align: "center", variant: "body2" }, { children: error === null || error === void 0 ? void 0 : error.message }), void 0)] }), void 0));
+var ErrorViewer = function (props) {
+    var error = props.error, boxProps = __rest(props, ["error"]);
+    var theme = useTheme();
+    return (jsxs(FlexCol, __assign({ color: theme.palette.error.main }, boxProps, { children: [jsx(Typography, __assign({ align: "center", variant: "subtitle1" }, { children: error === null || error === void 0 ? void 0 : error.name }), void 0), jsx(Typography, __assign({ align: "center", variant: "body2" }, { children: error === null || error === void 0 ? void 0 : error.message }), void 0)] }), void 0));
 };
-var ErrorsViewer = function (props) {
-    var onRetry = props.onRetry, errors = props.errors, boxProps = __rest(props, ["onRetry", "errors"]);
-    return (jsxs(FlexGrowCol, __assign({ padding: 1 }, boxProps, { children: [errors === null || errors === void 0 ? void 0 : errors.map(function (error, index) {
-                return jsx(ErrorViewer, { error: error }, index);
-            }), onRetry ? (jsx(IconButton, __assign({ onClick: onRetry }, { children: jsx(AiOutlineReload, {}, void 0) }), void 0)) : null] }), void 0));
+var ErrorsViewer = function (props) {
+    var onRetry = props.onRetry, errors = props.errors, boxProps = __rest(props, ["onRetry", "errors"]);
+    return (jsxs(FlexGrowCol, __assign({ padding: 1 }, boxProps, { children: [errors === null || errors === void 0 ? void 0 : errors.map(function (error, index) {
+                return jsx(ErrorViewer, { error: error }, index);
+            }), onRetry ? (jsx(IconButton, __assign({ onClick: onRetry }, { children: jsx(AiOutlineReload, {}, void 0) }), void 0)) : null] }), void 0));
 };
-var CoverProgress = function (props) {
-    var _a;
-    var _b = props.paper, paper = _b === void 0 ? true : _b, open = props.open, _c = props.opacity, opacity = _c === void 0 ? 0.25 : _c, errors = props.errors, onRetry = props.onRetry;
-    var theme = useTheme();
-    if (open) {
-        return (jsx(FlexGrowRow, __assign({ position: "absolute", margin: -1, top: 0, bottom: 0, right: 0, left: 0, bgcolor: paper ? theme.palette.background.paper : theme.palette.background.default }, { children: ((_a = errors === null || errors === void 0 ? void 0 : errors.length) !== null && _a !== void 0 ? _a : 0) === 0 ? (jsx(CircularProgress, { style: { opacity: opacity } }, void 0)) : (jsx(ErrorsViewer, { margin: 1, errors: errors, onRetry: onRetry }, void 0)) }), void 0));
-    }
-    return null;
-};
-var HoverScale = function (props) {
-    var children = props.children, _a = props.scale, scale = _a === void 0 ? 1.1 : _a;
-    var useStyles = makeStyles(function () {
-        return createStyles({
-            zoomdiv: {
-                '&:hover': {
-                    transform: "scale(".concat(scale, ")"),
-                    transitionDuration: '0.2s',
-                    transitionTimingFunction: 'ease',
-                },
-            },
-        });
-    });
-    var classes = useStyles();
-    return (jsx(FlexRow, { children: jsx(Box, __assign({ className: classes.zoomdiv }, { children: children }), void 0) }, void 0));
+var CoverProgress = function (props) {
+    var _a;
+    var _b = props.paper, paper = _b === void 0 ? true : _b, open = props.open, _c = props.opacity, opacity = _c === void 0 ? 0.25 : _c, errors = props.errors, onRetry = props.onRetry;
+    var theme = useTheme();
+    if (open) {
+        return (jsx(FlexGrowRow, __assign({ position: "absolute", margin: -1, top: 0, bottom: 0, right: 0, left: 0, bgcolor: paper ? theme.palette.background.paper : theme.palette.background.default }, { children: ((_a = errors === null || errors === void 0 ? void 0 : errors.length) !== null && _a !== void 0 ? _a : 0) === 0 ? (jsx(CircularProgress, { style: { opacity: opacity } }, void 0)) : (jsx(ErrorsViewer, { margin: 1, errors: errors, onRetry: onRetry }, void 0)) }), void 0));
+    }
+    return null;
 };
-var range = function (n, in_min, in_max, out_min, out_max) {
-    return ((n - in_min) * (out_max - out_min)) / (in_max - in_min) + out_min;
-};
-var updateCanvas = function (canvas, props) {
-    var _a = props.value, value = _a === void 0 ? '' : _a, _b = props.size, size = _b === void 0 ? 400 : _b, _c = props.bg, bg = _c === void 0 ? 'transparent' : _c, _d = props.count, count = _d === void 0 ? 5 : _d, palette = props.palette, _e = props.iconPadding, iconPadding = _e === void 0 ? 0 : _e;
-    var fg = props.fg;
-    var hash = md5(value);
-    var block = Math.floor(size / count);
-    var hashcolor = hash.slice(0, 6);
-    var current = canvas.current;
-    if (!current) {
-        return;
-    }
-    if (palette && palette.length) {
-        var index = Math.floor(range(parseInt(hash.slice(-3), 16), 0, 4095, 0, palette.length));
-        fg = palette[index];
-    }
-    current.width = block * count + iconPadding;
-    current.height = block * count + iconPadding;
-    var arr = hash.split('').map(function (el) {
-        var parsedEl = parseInt(el, 16);
-        if (parsedEl < 8) {
-            return 0;
-        }
-        else {
-            return 1;
-        }
-    });
-    var map = [];
-    map[0] = map[4] = arr.slice(0, 5);
-    map[1] = map[3] = arr.slice(5, 10);
-    map[2] = arr.slice(10, 15);
-    var ctx = current.getContext('2d');
-    if (ctx) {
-        ctx.imageSmoothingEnabled = false;
-        ctx.clearRect(0, 0, current.width, current.height);
-        map.forEach(function (row, i) {
-            row.forEach(function (el, j) {
-                if (el) {
-                    ctx.fillStyle = fg ? fg : '#' + hashcolor;
-                    ctx.fillRect(block * i + iconPadding, block * j + iconPadding, block - iconPadding, block - iconPadding);
-                }
-                else {
-                    ctx.fillStyle = bg;
-                    ctx.fillRect(block * i + iconPadding, block * j + iconPadding, block - iconPadding, block - iconPadding);
-                }
-            });
-        });
-    }
-};
-var Identicon = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? 400 : _b, _c = _a.className, className = _c === void 0 ? 'identicon' : _c, bg = _a.bg, count = _a.count, fg = _a.fg, iconPadding = _a.iconPadding, palette = _a.palette, value = _a.value, props = __rest(_a, ["size", "className", "bg", "count", "fg", "iconPadding", "palette", "value"]);
-    var canvas = useRef(null);
-    useEffect(function () {
-        updateCanvas(canvas, { bg: bg, className: className, count: count, fg: fg, iconPadding: iconPadding, palette: palette, size: size, value: value });
-    });
-    return (jsx(FlexRow, __assign({}, props, { children: jsx("canvas", { className: className, ref: canvas, style: { height: size, width: size } }, void 0) }), void 0));
+var HoverScale = function (props) {
+    var children = props.children, _a = props.scale, scale = _a === void 0 ? 1.1 : _a;
+    var useStyles = makeStyles(function () {
+        return createStyles({
+            zoomdiv: {
+                '&:hover': {
+                    transform: "scale(".concat(scale, ")"),
+                    transitionDuration: '0.2s',
+                    transitionTimingFunction: 'ease',
+                },
+            },
+        });
+    });
+    var classes = useStyles();
+    return (jsx(FlexRow, { children: jsx(Box, __assign({ className: classes.zoomdiv }, { children: children }), void 0) }, void 0));
 };
-var RedirectWithQuery = function (_a) {
-    var to = _a.to, toOptions = _a.toOptions;
-    var newPath = "".concat(to).concat(document.location.search);
-    var navigate = useNavigate();
-    var pathname = useLocation().pathname;
-    useEffect(function () {
-        if (newPath !== pathname) {
-            navigate(newPath, __assign({ replace: true }, toOptions));
-        }
-    });
-    return jsx("div", {}, void 0);
+var range = function (n, in_min, in_max, out_min, out_max) {
+    return ((n - in_min) * (out_max - out_min)) / (in_max - in_min) + out_min;
+};
+var updateCanvas = function (canvas, props) {
+    var _a = props.value, value = _a === void 0 ? '' : _a, _b = props.size, size = _b === void 0 ? 400 : _b, _c = props.bg, bg = _c === void 0 ? 'transparent' : _c, _d = props.count, count = _d === void 0 ? 5 : _d, palette = props.palette, _e = props.iconPadding, iconPadding = _e === void 0 ? 0 : _e;
+    var fg = props.fg;
+    var hash = md5(value);
+    var block = Math.floor(size / count);
+    var hashcolor = hash.slice(0, 6);
+    var current = canvas.current;
+    if (!current) {
+        return;
+    }
+    if (palette && palette.length) {
+        var index = Math.floor(range(parseInt(hash.slice(-3), 16), 0, 4095, 0, palette.length));
+        fg = palette[index];
+    }
+    current.width = block * count + iconPadding;
+    current.height = block * count + iconPadding;
+    var arr = hash.split('').map(function (el) {
+        var parsedEl = parseInt(el, 16);
+        if (parsedEl < 8) {
+            return 0;
+        }
+        else {
+            return 1;
+        }
+    });
+    var map = [];
+    map[0] = map[4] = arr.slice(0, 5);
+    map[1] = map[3] = arr.slice(5, 10);
+    map[2] = arr.slice(10, 15);
+    var ctx = current.getContext('2d');
+    if (ctx) {
+        ctx.imageSmoothingEnabled = false;
+        ctx.clearRect(0, 0, current.width, current.height);
+        map.forEach(function (row, i) {
+            row.forEach(function (el, j) {
+                if (el) {
+                    ctx.fillStyle = fg ? fg : '#' + hashcolor;
+                    ctx.fillRect(block * i + iconPadding, block * j + iconPadding, block - iconPadding, block - iconPadding);
+                }
+                else {
+                    ctx.fillStyle = bg;
+                    ctx.fillRect(block * i + iconPadding, block * j + iconPadding, block - iconPadding, block - iconPadding);
+                }
+            });
+        });
+    }
+};
+var Identicon = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 400 : _b, _c = _a.className, className = _c === void 0 ? 'identicon' : _c, bg = _a.bg, count = _a.count, fg = _a.fg, iconPadding = _a.iconPadding, palette = _a.palette, value = _a.value, props = __rest(_a, ["size", "className", "bg", "count", "fg", "iconPadding", "palette", "value"]);
+    var canvas = useRef(null);
+    useEffect(function () {
+        updateCanvas(canvas, { bg: bg, className: className, count: count, fg: fg, iconPadding: iconPadding, palette: palette, size: size, value: value });
+    });
+    return (jsx(FlexRow, __assign({}, props, { children: jsx("canvas", { className: className, ref: canvas, style: { height: size, width: size } }, void 0) }), void 0));
 };
-var ScrollToTopButton = function (_a) {
-    var children = _a.children, anchorId = _a.anchorId, props = __rest(_a, ["children", "anchorId"]);
-    var trigger = useScrollTrigger({
-        disableHysteresis: true,
-        threshold: 100,
-    });
-    var handleClick = function (event) {
-        var anchor = (event.target.ownerDocument || document).querySelector("#".concat(anchorId));
-        if (anchor) {
-            anchor.scrollIntoView({ behavior: 'smooth', block: 'center' });
-        }
-    };
-    var theme = useTheme();
-    return (jsx(Zoom, __assign({ in: trigger }, props, { children: jsx(Box, __assign({ zIndex: 10, position: "fixed", right: theme.spacing(2), bottom: theme.spacing(2), onClick: handleClick, role: "presentation" }, { children: children }), void 0) }), void 0));
+var RedirectWithQuery = function (_a) {
+    var to = _a.to, toOptions = _a.toOptions;
+    var newPath = "".concat(to).concat(document.location.search);
+    var navigate = useNavigate();
+    var pathname = useLocation().pathname;
+    useEffect(function () {
+        if (newPath !== pathname) {
+            navigate(newPath, __assign({ replace: true }, toOptions));
+        }
+    });
+    return jsx("div", {}, void 0);
 };
-var AppBarEx = function (props) {
-    var contextToolbar = props.contextToolbar, systemToolbar = props.systemToolbar, container = props.container, style = props.style, appbarProps = __rest(props, ["contextToolbar", "systemToolbar", "container", "style"]);
-    var theme = useTheme();
-    var AppBarExInner = function () {
-        return (jsxs(FlexGrowRow, __assign({ justifyContent: "space-between" }, { children: [contextToolbar !== null && contextToolbar !== void 0 ? contextToolbar : jsx(Toolbar, {}, void 0), systemToolbar !== null && systemToolbar !== void 0 ? systemToolbar : jsx(Toolbar, {}, void 0)] }), void 0));
-    };
-    return (jsx(AppBar, __assign({ position: "static", style: __assign({ backgroundColor: theme.palette.background.paper, color: theme.palette.text.primary, display: 'flex' }, style) }, appbarProps, { children: container ? (jsx(Container, __assign({ maxWidth: container }, { children: jsx(AppBarExInner, {}, void 0) }), void 0)) : (jsx(AppBarExInner, {}, void 0)) }), void 0));
+var ScrollToTopButton = function (_a) {
+    var children = _a.children, anchorId = _a.anchorId, props = __rest(_a, ["children", "anchorId"]);
+    var trigger = useScrollTrigger({
+        disableHysteresis: true,
+        threshold: 100,
+    });
+    var handleClick = function (event) {
+        var anchor = (event.target.ownerDocument || document).querySelector("#".concat(anchorId));
+        if (anchor) {
+            anchor.scrollIntoView({ behavior: 'smooth', block: 'center' });
+        }
+    };
+    var theme = useTheme();
+    return (jsx(Zoom, __assign({ in: trigger }, props, { children: jsx(Box, __assign({ zIndex: 10, position: "fixed", right: theme.spacing(2), bottom: theme.spacing(2), onClick: handleClick, role: "presentation" }, { children: children }), void 0) }), void 0));
+};
+var AppBarEx = function (props) {
+    var contextToolbar = props.contextToolbar, systemToolbar = props.systemToolbar, container = props.container, style = props.style, appbarProps = __rest(props, ["contextToolbar", "systemToolbar", "container", "style"]);
+    var theme = useTheme();
+    var AppBarExInner = function () {
+        return (jsxs(FlexGrowRow, __assign({ justifyContent: "space-between" }, { children: [contextToolbar !== null && contextToolbar !== void 0 ? contextToolbar : jsx(Toolbar, {}, void 0), systemToolbar !== null && systemToolbar !== void 0 ? systemToolbar : jsx(Toolbar, {}, void 0)] }), void 0));
+    };
+    return (jsx(AppBar, __assign({ position: "static", style: __assign({ backgroundColor: theme.palette.background.paper, color: theme.palette.text.primary, display: 'flex' }, style) }, appbarProps, { children: container ? (jsx(Container, __assign({ maxWidth: container }, { children: jsx(AppBarExInner, {}, void 0) }), void 0)) : (jsx(AppBarExInner, {}, void 0)) }), void 0));
 };
 var CookieConsentContext = createContext({});
-var CookiesAcceptedLocalStorageName = 'CookiesAccepted';
-var CookieConsentLoader = function (_a) {
-    var children = _a.children;
-    var getAcceptedFromLocalStorage = function () {
-        return localStorage.getItem(CookiesAcceptedLocalStorageName) === 'true';
-    };
-    var setAcceptedToLocalStorage = function (accepted) {
-        localStorage.setItem(CookiesAcceptedLocalStorageName, accepted ? 'true' : 'false');
-    };
-    var _b = useState(getAcceptedFromLocalStorage()), accepted = _b[0], setAccepted = _b[1];
-    var setAcceptedHandler = function (accepted) {
-        setAcceptedToLocalStorage(accepted);
-        setAccepted(accepted);
-    };
-    var clearAccepted = function () {
-        localStorage.removeItem(CookiesAcceptedLocalStorageName);
-        setAccepted(getAcceptedFromLocalStorage());
-    };
-    return (jsx(CookieConsentContext.Provider, __assign({ value: { accepted: accepted, clearAccepted: clearAccepted, setAccepted: setAcceptedHandler, storageName: CookiesAcceptedLocalStorageName } }, { children: children }), void 0));
+var 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));
 };
-var useCookieConsent = function () {
-    return useContext(CookieConsentContext);
+var useCookieConsent = function () {
+    return useContext(CookieConsentContext);
 };
-var EthersContext = React.createContext({});
-var infuraKey = '1d9f8053c65a49cfb99fafaa8ef201c0';
-var InfuraEthersLoader = function (props) {
-    var children = props.children;
-    var chainId = 1;
-    var provider = new InfuraProvider(1, infuraKey);
-    return (jsx(EthersContext.Provider, __assign({ value: {
-            busy: false,
-            chainId: chainId,
-            isConnected: true,
-            provider: provider,
-            signer: null,
-        } }, { children: children }), void 0));
+var 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));
 };
-var getApiStage = function () {
-    return getApiStage$1(document.location.hostname);
+var getApiStage = function () {
+    return getApiStage$1(document.location.hostname);
 };
-var isLocalhost = !!(window.location.hostname === 'localhost' ||
-    // [::1] is the IPv6 localhost address.
-    window.location.hostname === '[::1]' ||
-    // 127.0.0.0/8 are considered localhost for IPv4.
+var isLocalhost = !!(window.location.hostname === 'localhost' ||
+    // [::1] is the IPv6 localhost address.
+    window.location.hostname === '[::1]' ||
+    // 127.0.0.0/8 are considered localhost for IPv4.
     window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/));
-/* eslint-disable react-hooks/exhaustive-deps */
-function useAsyncEffect(effect, inputs) {
-    useEffect(function () {
-        var mounted = true;
-        var promise = effect(function () {
-            return mounted;
-        });
-        Promise.resolve(promise).then(function (callback) {
-            if (callback) {
-                callback === null || callback === void 0 ? void 0 : callback();
-            }
-        });
-        return function () {
-            mounted = false;
-        };
-    }, inputs !== null && inputs !== void 0 ? inputs : []);
+/* 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 : []);
 }
-var logProfiling = false;
-var enableProfileLogging = function (enabled) {
-    logProfiling = enabled;
-};
-var profileResults = [];
-var profileBlock = function (name, closure) { return __awaiter(void 0, void 0, void 0, function () {
-    var startTime, endTime;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0:
-                startTime = Date.now();
-                return [4 /*yield*/, closure()];
-            case 1:
-                _a.sent();
-                endTime = Date.now();
-                profileResults.push({ endTime: endTime, name: name, startTime: startTime });
-                if (logProfiling) {
-                    console.log("Timed ".concat(name, " [").concat(endTime - startTime, "ms]"));
-                }
-                return [2 /*return*/];
-        }
-    });
+var logProfiling = false;
+var enableProfileLogging = function (enabled) {
+    logProfiling = enabled;
+};
+var profileResults = [];
+var profileBlock = function (name, closure) { return __awaiter(void 0, void 0, void 0, function () {
+    var startTime, endTime;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                startTime = Date.now();
+                return [4 /*yield*/, closure()];
+            case 1:
+                _a.sent();
+                endTime = Date.now();
+                profileResults.push({ endTime: endTime, name: name, startTime: startTime });
+                if (logProfiling) {
+                    console.log("Timed ".concat(name, " [").concat(endTime - startTime, "ms]"));
+                }
+                return [2 /*return*/];
+        }
+    });
 }); };
-var getLocalStorageObject = function (key, log) {
-    var _a;
-    var result = {};
-    try {
-        result = JSON.parse((_a = localStorage.getItem(key)) !== null && _a !== void 0 ? _a : '{}');
-    }
-    catch (e) {
-        log === null || log === void 0 ? void 0 : log.error('getLocalStorageObject', e);
-    }
-    return result;
-};
-var setLocalStorageObject = function (key, value, log) {
-    try {
-        localStorage.setItem(key, JSON.stringify(value));
-    }
-    catch (e) {
-        log === null || log === void 0 ? void 0 : log.error('setLocalStorageObject', e);
-    }
+var getLocalStorageObject = function (key, log) {
+    var _a;
+    var result = {};
+    try {
+        result = JSON.parse((_a = localStorage.getItem(key)) !== null && _a !== void 0 ? _a : '{}');
+    }
+    catch (e) {
+        log === null || log === void 0 ? void 0 : log.error('getLocalStorageObject', e);
+    }
+    return result;
+};
+var setLocalStorageObject = function (key, value, log) {
+    try {
+        localStorage.setItem(key, JSON.stringify(value));
+    }
+    catch (e) {
+        log === null || log === void 0 ? void 0 : log.error('setLocalStorageObject', e);
+    }
 };
-var getSessionStorageObject = function (key, log) {
-    var _a;
-    var result = {};
-    try {
-        result = JSON.parse((_a = sessionStorage.getItem(key)) !== null && _a !== void 0 ? _a : '{}');
-    }
-    catch (e) {
-        log === null || log === void 0 ? void 0 : log.error('getSessionStorageObject', e);
-    }
-    return result;
-};
-var setSessionStorageObject = function (key, value, log) {
-    try {
-        sessionStorage.setItem(key, JSON.stringify(value));
-    }
-    catch (e) {
-        log === null || log === void 0 ? void 0 : log.error('setSessionStorageObject', e);
-    }
+var getSessionStorageObject = function (key, log) {
+    var _a;
+    var result = {};
+    try {
+        result = JSON.parse((_a = sessionStorage.getItem(key)) !== null && _a !== void 0 ? _a : '{}');
+    }
+    catch (e) {
+        log === null || log === void 0 ? void 0 : log.error('getSessionStorageObject', e);
+    }
+    return result;
+};
+var setSessionStorageObject = function (key, value, log) {
+    try {
+        sessionStorage.setItem(key, JSON.stringify(value));
+    }
+    catch (e) {
+        log === null || log === void 0 ? void 0 : log.error('setSessionStorageObject', e);
+    }
 };
-var Referrer = /** @class */ (function () {
-    function Referrer() {
-        var _a, _b;
-        this.session = (_a = this.getFromSession()) !== null && _a !== void 0 ? _a : document.referrer;
-        sessionStorage.setItem(Referrer.storageId, this.session);
-        this.local = (_b = this.getFromLocal()) !== null && _b !== void 0 ? _b : document.referrer;
-        localStorage.setItem(Referrer.storageId, this.local);
-    }
-    Referrer.prototype.getFromLocal = function () {
-        var value = localStorage.getItem(Referrer.storageId);
-        if (value && value.length > 0) {
-            return value;
-        }
-    };
-    Referrer.prototype.getFromSession = function () {
-        var value = sessionStorage.getItem(Referrer.storageId);
-        if (value && value.length > 0) {
-            return value;
-        }
-    };
-    Referrer.prototype.toJson = function () {
-        if ((this.local && this.local.length > 0) || (this.session && this.session.length > 0)) {
-            return {
-                local: this.local,
-                session: this.session,
-            };
-        }
-    };
-    Referrer.storageId = '_coin_referrer';
-    return Referrer;
+var 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;
+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
+// 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 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;
+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 DripStandardEvents = /** @class */ (function () {
+    function DripStandardEvents() {
+    }
+    DripStandardEvents.prototype.identify = function () {
+        return new DripBaseEvent('identify');
+    };
+    return DripStandardEvents;
 }());
-var Fbq = /** @class */ (function () {
-    function Fbq(pixelId) {
-        this.pixelId = pixelId;
-        this.fbq = function () {
-            // eslint-disable-next-line prefer-rest-params,prefer-spread
-            this.fbq.callMethod ? this.fbq.callMethod.apply(this.fbq, arguments) : this.fbq.queue.push(arguments);
-        };
-        this.fbq.push = this.fbq;
-        this.fbq.loaded = true;
-        this.fbq.version = '2.0';
-        this.fbq.queue = [];
-        //we have to set these to globals because that is where the facebook script looks for them
-        global.fbq = this.fbq;
-        global._fbq = this.fbq;
-        this.fbq('init', pixelId);
-        this.fbq('track', 'PageView');
-    }
-    Fbq.init = function (pixelId) {
-        if (!this.instance) {
-            this.instance = new Fbq(pixelId);
-        }
-        return this.instance;
-    };
-    Fbq.prototype.track = function (event, data) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        this.fbq('track', event, __assign({}, data));
-                        return [4 /*yield*/, delay(0)];
-                    case 1:
-                        _a.sent();
-                        return [2 /*return*/];
-                }
-            });
-        });
-    };
-    Fbq.prototype.trackCustom = function (event, data) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        this.fbq('trackCustom', event, __assign({}, data));
-                        return [4 /*yield*/, delay(0)];
-                    case 1:
-                        _a.sent();
-                        return [2 /*return*/];
-                }
-            });
-        });
-    };
-    return Fbq;
+var 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 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;
+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;
+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 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 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 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 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;
+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 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;
+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 GoogleStandardEvents = /** @class */ (function () {
+    function GoogleStandardEvents() {
+    }
+    GoogleStandardEvents.prototype.addPaymentInfo = function () {
+        return new GoogleStandardEvent('add_paymennt_info');
+    };
+    GoogleStandardEvents.prototype.addShippingInfo = function () {
+        return new GoogleStandardEvent('add_shipping_info');
+    };
+    GoogleStandardEvents.prototype.addToCart = function () {
+        return new GoogleStandardEvent('add_to_cart');
+    };
+    GoogleStandardEvents.prototype.addToWishList = function () {
+        return new GoogleStandardEvent('add_to_wishlist');
+    };
+    GoogleStandardEvents.prototype.beginCheckout = function () {
+        return new GoogleStandardEvent('begin_checkout');
+    };
+    GoogleStandardEvents.prototype.earnVirtualCurrency = function () {
+        return new GoogleStandardEvent('earn_virtual_currency');
+    };
+    GoogleStandardEvents.prototype.generateLead = function () {
+        return new GoogleStandardEvent('generate_lead');
+    };
+    GoogleStandardEvents.prototype.joinGroup = function () {
+        return new GoogleStandardEvent('join_group');
+    };
+    GoogleStandardEvents.prototype.levelEnd = function () {
+        return new GoogleStandardEvent('level_end');
+    };
+    GoogleStandardEvents.prototype.levelStart = function () {
+        return new GoogleStandardEvent('level_start');
+    };
+    GoogleStandardEvents.prototype.levelUp = function () {
+        return new GoogleStandardEvent('level_up');
+    };
+    GoogleStandardEvents.prototype.login = function () {
+        return new GoogleStandardEvent('login');
+    };
+    GoogleStandardEvents.prototype.postScore = function () {
+        return new GoogleStandardEvent('post_score');
+    };
+    GoogleStandardEvents.prototype.purchase = function () {
+        return new GoogleStandardEvent('purchase');
+    };
+    GoogleStandardEvents.prototype.refund = function () {
+        return new GoogleStandardEvent('refund');
+    };
+    GoogleStandardEvents.prototype.removeFromCart = function () {
+        return new GoogleStandardEvent('remove_from_cart');
+    };
+    GoogleStandardEvents.prototype.search = function () {
+        return new GoogleStandardEvent('search');
+    };
+    GoogleStandardEvents.prototype.selectContent = function () {
+        return new GoogleStandardEvent('select_content');
+    };
+    GoogleStandardEvents.prototype.selectItem = function () {
+        return new GoogleStandardEvent('select_item');
+    };
+    GoogleStandardEvents.prototype.selectPromotion = function () {
+        return new GoogleStandardEvent('select_promotion');
+    };
+    GoogleStandardEvents.prototype.share = function () {
+        return new GoogleStandardEvent('share');
+    };
+    GoogleStandardEvents.prototype.signUp = function () {
+        return new GoogleStandardEvent('sign_up');
+    };
+    GoogleStandardEvents.prototype.spendVirtualCurrency = function () {
+        return new GoogleStandardEvent('spend_virtual_currency');
+    };
+    GoogleStandardEvents.prototype.tutorialBegin = function () {
+        return new GoogleStandardEvent('tutorial_begin');
+    };
+    GoogleStandardEvents.prototype.tutorialComplete = function () {
+        return new GoogleStandardEvent('tutorial_complete');
+    };
+    GoogleStandardEvents.prototype.unlockAchievement = function () {
+        return new GoogleStandardEvent('unlock_achievement');
+    };
+    GoogleStandardEvents.prototype.viewCart = function () {
+        return new GoogleStandardEvent('view_cart');
+    };
+    GoogleStandardEvents.prototype.viewItem = function () {
+        return new GoogleStandardEvent('view_item');
+    };
+    GoogleStandardEvents.prototype.viewItemList = function () {
+        return new GoogleStandardEvent('view_item_list');
+    };
+    GoogleStandardEvents.prototype.viewPromotion = function () {
+        return new GoogleStandardEvent('view_promotion');
+    };
+    return GoogleStandardEvents;
 }());
-var Rdt = /** @class */ (function () {
-    function Rdt() {
-    }
-    Rdt.init = function (pixelId) {
-        try {
-            Rdt.instance = new Rdt();
-            Rdt.instance.load(pixelId);
-            Rdt.instance.track('PageVisit');
-        }
-        catch (ex) {
-            console.error(ex);
-        }
-    };
-    Rdt.getRdt = function () {
-        return global.rdt;
-    };
-    Rdt.prototype.load = function (id) {
-        try {
-            Rdt.getRdt()('init', id);
-        }
-        catch (ex) {
-            console.error(ex);
-        }
-    };
-    Rdt.prototype.track = function (event, data) {
-        return __awaiter(this, void 0, void 0, function () {
-            var ex_1;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        _a.trys.push([0, 2, , 3]);
-                        Rdt.getRdt()('track', event, __assign({}, data));
-                        return [4 /*yield*/, delay(0)];
-                    case 1:
-                        _a.sent();
-                        return [3 /*break*/, 3];
-                    case 2:
-                        ex_1 = _a.sent();
-                        console.error(ex_1);
-                        return [3 /*break*/, 3];
-                    case 3: return [2 /*return*/];
-                }
-            });
-        });
-    };
-    return Rdt;
+var 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 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;
+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;
+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 RedditStandardEvents = /** @class */ (function () {
+    function RedditStandardEvents() {
+    }
+    RedditStandardEvents.prototype.pageView = function () {
+        return new RedditStandardEvent('PageView');
+    };
+    RedditStandardEvents.prototype.viewContent = function () {
+        return new RedditStandardEvent('ViewContent');
+    };
+    RedditStandardEvents.prototype.addToCart = function () {
+        return new RedditStandardEvent('AddToCart');
+    };
+    RedditStandardEvents.prototype.addToWishlist = function () {
+        return new RedditStandardEvent('AddToWishlist');
+    };
+    RedditStandardEvents.prototype.purchase = function () {
+        return new RedditStandardEvent('Purchase');
+    };
+    RedditStandardEvents.prototype.signup = function () {
+        return new RedditStandardEvent('SignUp');
+    };
+    RedditStandardEvents.prototype.lead = function () {
+        return new RedditStandardEvent('Lead');
+    };
+    RedditStandardEvents.prototype.search = function () {
+        return new RedditStandardEvent('Search');
+    };
+    return RedditStandardEvents;
 }());
-var SnapTr = /** @class */ (function () {
-    function SnapTr() {
-    }
-    SnapTr.getSnapTr = function () {
-        return global.snaptr;
-    };
-    SnapTr.init = function (pixelId) {
-        this.pixelId = pixelId;
-        this.track('PAGE_VIEW');
-    };
-    SnapTr.track = function (event, data) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        this.getSnapTr()('init', this.pixelId);
-                        this.getSnapTr()('track', event, data);
-                        return [4 /*yield*/, delay(0)];
-                    case 1:
-                        _a.sent();
-                        return [2 /*return*/];
-                }
-            });
-        });
-    };
-    return SnapTr;
+var 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 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;
+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 SnapchatStandardEvents = /** @class */ (function () {
+    function SnapchatStandardEvents() {
+    }
+    SnapchatStandardEvents.prototype.pageView = function () {
+        return new SnapchatStandardEvent('PAGE_VIEW');
+    };
+    SnapchatStandardEvents.prototype.signUp = function () {
+        return new SnapchatStandardEvent('SIGN_UP');
+    };
+    SnapchatStandardEvents.prototype.purchase = function () {
+        return new SnapchatStandardEvent('PURCHASE');
+    };
+    SnapchatStandardEvents.prototype.save = function () {
+        return new SnapchatStandardEvent('SAVE');
+    };
+    SnapchatStandardEvents.prototype.startCheckout = function () {
+        return new SnapchatStandardEvent('START_CHECKOUT');
+    };
+    SnapchatStandardEvents.prototype.addCart = function () {
+        return new SnapchatStandardEvent('ADD_CART');
+    };
+    SnapchatStandardEvents.prototype.openApp = function () {
+        return new SnapchatStandardEvent('OPEN_APP');
+    };
+    SnapchatStandardEvents.prototype.viewContent = function () {
+        return new SnapchatStandardEvent('VIEW_CONTENT');
+    };
+    SnapchatStandardEvents.prototype.addBilling = function () {
+        return new SnapchatStandardEvent('ADD_BILLING');
+    };
+    SnapchatStandardEvents.prototype.search = function () {
+        return new SnapchatStandardEvent('SEARCH');
+    };
+    SnapchatStandardEvents.prototype.subscribe = function () {
+        return new SnapchatStandardEvent('SUBSCRIBE');
+    };
+    SnapchatStandardEvents.prototype.adClick = function () {
+        return new SnapchatStandardEvent('AD_CLICK');
+    };
+    SnapchatStandardEvents.prototype.adView = function () {
+        return new SnapchatStandardEvent('AD_VIEW');
+    };
+    SnapchatStandardEvents.prototype.completeTutorial = function () {
+        return new SnapchatStandardEvent('COMPLETE_TUTORIAL');
+    };
+    SnapchatStandardEvents.prototype.invite = function () {
+        return new SnapchatStandardEvent('INVITE');
+    };
+    SnapchatStandardEvents.prototype.login = function () {
+        return new SnapchatStandardEvent('LOGIN');
+    };
+    SnapchatStandardEvents.prototype.share = function () {
+        return new SnapchatStandardEvent('SHARE');
+    };
+    SnapchatStandardEvents.prototype.reserve = function () {
+        return new SnapchatStandardEvent('RESERVE');
+    };
+    SnapchatStandardEvents.prototype.achievementUnlocked = function () {
+        return new SnapchatStandardEvent('ACHIEVEMENT_UNLOCKED');
+    };
+    SnapchatStandardEvents.prototype.addToWishlist = function () {
+        return new SnapchatStandardEvent('ADD_TO_WISHLIST');
+    };
+    SnapchatStandardEvents.prototype.spentCredits = function () {
+        return new SnapchatStandardEvent('SPENT_CREDITS');
+    };
+    SnapchatStandardEvents.prototype.rate = function () {
+        return new SnapchatStandardEvent('RATE');
+    };
+    SnapchatStandardEvents.prototype.startTrial = function () {
+        return new SnapchatStandardEvent('START_TRIAL');
+    };
+    SnapchatStandardEvents.prototype.listView = function () {
+        return new SnapchatStandardEvent('LIST_VIEW');
+    };
+    SnapchatStandardEvents.prototype.custom1 = function () {
+        return new SnapchatStandardEvent('CUSTOM_EVENT_1');
+    };
+    SnapchatStandardEvents.prototype.custom2 = function () {
+        return new SnapchatStandardEvent('CUSTOM_EVENT_2');
+    };
+    SnapchatStandardEvents.prototype.custom3 = function () {
+        return new SnapchatStandardEvent('CUSTOM_EVENT_3');
+    };
+    SnapchatStandardEvents.prototype.custom4 = function () {
+        return new SnapchatStandardEvent('CUSTOM_EVENT_4');
+    };
+    SnapchatStandardEvents.prototype.custom5 = function () {
+        return new SnapchatStandardEvent('CUSTOM_EVENT_5');
+    };
+    return SnapchatStandardEvents;
 }());
-var Ttq = /** @class */ (function () {
-    function Ttq() {
-    }
-    Ttq.init = function (pixelId) {
-        try {
-            Ttq.instance = new Ttq();
-            Ttq.getTtq().load(pixelId);
-            Ttq.page();
-        }
-        catch (ex) {
-            console.error("Ttq.init: ".concat(ex));
-        }
-    };
-    Ttq.getTtq = function () {
-        return global.ttq;
-    };
-    Ttq.page = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            var ex_1;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        _a.trys.push([0, 2, , 3]);
-                        Ttq.getTtq().page();
-                        return [4 /*yield*/, delay(0)];
-                    case 1:
-                        _a.sent();
-                        return [3 /*break*/, 3];
-                    case 2:
-                        ex_1 = _a.sent();
-                        console.error("Ttq.page: ".concat(ex_1));
-                        return [3 /*break*/, 3];
-                    case 3: return [2 /*return*/];
-                }
-            });
-        });
-    };
-    Ttq.prototype.track = function (event, data) {
-        return __awaiter(this, void 0, void 0, function () {
-            var ex_2;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        _a.trys.push([0, 2, , 3]);
-                        Ttq.getTtq().track(event, __assign({}, data));
-                        return [4 /*yield*/, delay(0)];
-                    case 1:
-                        _a.sent();
-                        return [3 /*break*/, 3];
-                    case 2:
-                        ex_2 = _a.sent();
-                        console.error("Ttq.track: ".concat(ex_2));
-                        return [3 /*break*/, 3];
-                    case 3: return [2 /*return*/];
-                }
-            });
-        });
-    };
-    return Ttq;
+var 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 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;
+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;
+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 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 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;
+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 XyUserEventHandler = /** @class */ (function () {
+    function XyUserEventHandler() {
+    }
+    XyUserEventHandler.prototype.testStarted = function (data) {
+        return __awaiter(this, void 0, void 0, function () {
+            var event;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        event = new XyCustomEvent('TestStarted');
+                        return [4 /*yield*/, event.send(data)];
+                    case 1: return [2 /*return*/, _a.sent()];
+                }
+            });
+        });
+    };
+    XyUserEventHandler.prototype.funnelStarted = function (data) {
+        return __awaiter(this, void 0, void 0, function () {
+            var event;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        event = new XyCustomEvent('FunnelStarted');
+                        return [4 /*yield*/, event.send(data)];
+                    case 1: return [2 /*return*/, _a.sent()];
+                }
+            });
+        });
+    };
+    XyUserEventHandler.prototype.viewContent = function (data) {
+        return __awaiter(this, void 0, void 0, function () {
+            var event;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        event = new XyCustomEvent('ViewContent');
+                        return [4 /*yield*/, event.send(data)];
+                    case 1: return [2 /*return*/, _a.sent()];
+                }
+            });
+        });
+    };
+    XyUserEventHandler.prototype.userClick = function (data) {
+        return __awaiter(this, void 0, void 0, function () {
+            var event;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        event = new XyCustomEvent('UserClick');
+                        return [4 /*yield*/, event.send(data)];
+                    case 1: return [2 /*return*/, _a.sent()];
+                }
+            });
+        });
+    };
+    return XyUserEventHandler;
 }());
-var MetaMaskEthersLoader = function (props) {
-    var children = props.children, _a = props.enabled, enabled = _a === void 0 ? true : _a;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    var global = window;
-    var ethereum = global.ethereum;
-    var _b = useState(), error = _b[0], setError = _b[1];
-    var _c = useState(), localAddress = _c[0], setLocalAddress = _c[1];
-    var _d = useState(0), resetCount = _d[0], setResetCount = _d[1];
-    var _e = useState(), providerName = _e[0], setProviderName = _e[1];
-    if (ethereum) {
-        ethereum.autoRefreshOnNetworkChange = false;
-    }
-    var connect = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0: return [4 /*yield*/, ((_a = global.ethereum) === null || _a === void 0 ? void 0 : _a.enable())];
-                case 1:
-                    _b.sent();
-                    return [2 /*return*/, localAddress ? [localAddress.toString()] : []];
-            }
-        });
-    }); };
-    var _f = useState(), isConnected = _f[0], setIsConnected = _f[1];
-    useEffect(function () {
-        if (ethereum && enabled) {
-            ethereum.on('accountsChanged', function (accounts) {
-                console.log("accountsChanged: ".concat(JSON.stringify(accounts)));
-                setResetCount(resetCount + 1);
-                if (accounts.length > 0) {
-                    setLocalAddress(EthAddress.fromString(accounts[0]));
-                }
-                else {
-                    setLocalAddress(undefined);
-                }
-            });
-            ethereum.on('chainChanged', function (chainId) {
-                setResetCount(resetCount + 1);
-                if (chainId) {
-                    setChainId(parseInt(chainId));
-                }
-                else {
-                    setChainId(undefined);
-                }
-            });
-        }
-    }, [ethereum, resetCount, enabled]);
-    var _g = useState(), walletProvider = _g[0], setWalletProvider = _g[1];
-    var _h = useState(), provider = _h[0], setProvider = _h[1];
-    var _j = useState(), signer = _j[0], setSigner = _j[1];
-    useEffect(function () {
-        if (enabled) {
-            var walletProvider_1 = ethereum ? new Web3Provider(ethereum) : null;
-            var provider_1 = null;
-            var providerName_1 = null;
-            if (walletProvider_1) {
-                provider_1 = walletProvider_1;
-                providerName_1 = 'Meta Mask';
-            }
-            else {
-                provider_1 = new InfuraProvider(1, infuraKey);
-                providerName_1 = 'Infura (Default)';
-            }
-            provider_1 = walletProvider_1 !== null && walletProvider_1 !== void 0 ? walletProvider_1 : provider_1;
-            setProvider(provider_1);
-            setProviderName(providerName_1);
-            setWalletProvider(walletProvider_1);
-            var signer_1 = null;
-            try {
-                signer_1 = walletProvider_1 === null || walletProvider_1 === void 0 ? void 0 : walletProvider_1.getSigner();
-            }
-            catch (ex) {
-                console.error(ex);
-            }
-            setSigner(signer_1);
-        }
-    }, [ethereum, isConnected, enabled]);
-    useAsyncEffect(function (isMounted) { return __awaiter(void 0, void 0, void 0, function () {
-        var localAddress_1, _a, _b, ex_1;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    if (!(signer && enabled)) return [3 /*break*/, 4];
-                    _c.label = 1;
-                case 1:
-                    _c.trys.push([1, 3, , 4]);
-                    _b = (_a = EthAddress).fromString;
-                    return [4 /*yield*/, signer.getAddress()];
-                case 2:
-                    localAddress_1 = _b.apply(_a, [_c.sent()]);
-                    console.log("Setting Local Address: ".concat(localAddress_1));
-                    if (isMounted()) {
-                        setLocalAddress(localAddress_1);
-                        setIsConnected(true);
-                    }
-                    return [3 /*break*/, 4];
-                case 3:
-                    ex_1 = _c.sent();
-                    if (isMounted()) {
-                        setError(Error("localAddress: ".concat(ex_1)));
-                        setLocalAddress(undefined);
-                        setIsConnected(false);
-                    }
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
-            }
-        });
-    }); }, [signer, resetCount, enabled]);
-    var _k = useState(), chainId = _k[0], setChainId = _k[1];
-    useAsyncEffect(function (isMounted) { return __awaiter(void 0, void 0, void 0, function () {
-        var chainId_1;
-        var _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0:
-                    if (!enabled) return [3 /*break*/, 2];
-                    return [4 /*yield*/, (provider === null || provider === void 0 ? void 0 : provider.getNetwork())];
-                case 1:
-                    chainId_1 = (_a = (_b.sent())) === null || _a === void 0 ? void 0 : _a.chainId;
-                    if (!isMounted())
-                        return [2 /*return*/];
-                    setChainId(chainId_1);
-                    _b.label = 2;
-                case 2: return [2 /*return*/];
-            }
-        });
-    }); }, [provider, enabled]);
-    return (jsx(EthersContext.Provider, __assign({ value: {
-            busy: false,
-            chainId: chainId,
-            connect: connect,
-            error: error,
-            isConnected: isConnected,
-            localAddress: localAddress,
-            provider: provider,
-            providerName: providerName,
-            signer: isConnected ? signer : undefined,
-            walletProvider: walletProvider,
-        } }, { children: children }), void 0));
-};
-var MyEtherWalletEthersLoader = function (props) {
-    var children = props.children;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    var global = window;
-    var ethereum = global.ethereum;
-    var _a = useState(), error = _a[0], setError = _a[1];
-    var _b = useState(), localAddress = _b[0], setLocalAddress = _b[1];
-    var _c = useState(), providerName = _c[0], setProviderName = _c[1];
-    if (ethereum) {
-        ethereum.autoRefreshOnNetworkChange = false;
-    }
-    var connect = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0: return [4 /*yield*/, ((_a = global.ethereum) === null || _a === void 0 ? void 0 : _a.enable())];
-                case 1:
-                    _b.sent();
-                    return [2 /*return*/, localAddress ? [localAddress.toString()] : []];
-            }
-        });
-    }); };
-    var _d = useState(), isConnected = _d[0], setIsConnected = _d[1];
-    var _e = useState(), walletProvider = _e[0], setWalletProvider = _e[1];
-    var _f = useState(), provider = _f[0], setProvider = _f[1];
-    var _g = useState(), signer = _g[0], setSigner = _g[1];
-    useEffect(function () {
-        var walletProvider = ethereum ? new Web3Provider(ethereum) : null;
-        var provider = null;
-        var providerName = null;
-        if (walletProvider) {
-            provider = walletProvider;
-            providerName = 'MyEtherWallet';
-        }
-        else {
-            provider = new InfuraProvider(1, infuraKey);
-            providerName = 'Infura (Default)';
-        }
-        setProvider(provider);
-        setProviderName(providerName);
-        setWalletProvider(walletProvider);
-        var signer = null;
-        try {
-            signer = walletProvider === null || walletProvider === void 0 ? void 0 : walletProvider.getSigner();
-        }
-        catch (ex) {
-            console.error(ex);
-        }
-        setSigner(signer);
-    }, [ethereum, isConnected]);
-    useAsyncEffect(function (isMounted) { return __awaiter(void 0, void 0, void 0, function () {
-        var localAddress_1, _a, _b, ex_1;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    if (!signer) return [3 /*break*/, 4];
-                    _c.label = 1;
-                case 1:
-                    _c.trys.push([1, 3, , 4]);
-                    _b = (_a = EthAddress).fromString;
-                    return [4 /*yield*/, signer.getAddress()];
-                case 2:
-                    localAddress_1 = _b.apply(_a, [_c.sent()]);
-                    if (isMounted()) {
-                        setLocalAddress(localAddress_1);
-                        setIsConnected(true);
-                    }
-                    return [3 /*break*/, 4];
-                case 3:
-                    ex_1 = _c.sent();
-                    if (isMounted()) {
-                        setError(Error("localAddress: ".concat(ex_1)));
-                        setLocalAddress(undefined);
-                        setIsConnected(false);
-                    }
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
-            }
-        });
-    }); }, [signer]);
-    var _h = useState(), chainId = _h[0], setChainId = _h[1];
-    useAsyncEffect(function (isMounted) { return __awaiter(void 0, void 0, void 0, function () {
-        var chainId;
-        var _a;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
-                case 0: return [4 /*yield*/, (provider === null || provider === void 0 ? void 0 : provider.getNetwork())];
-                case 1:
-                    chainId = (_a = (_b.sent())) === null || _a === void 0 ? void 0 : _a.chainId;
-                    if (!isMounted())
-                        return [2 /*return*/];
-                    setChainId(chainId);
-                    return [2 /*return*/];
-            }
-        });
-    }); }, [provider]);
-    return (jsx(EthersContext.Provider, __assign({ value: {
-            busy: false,
-            chainId: chainId,
-            connect: connect,
-            error: error,
-            isConnected: isConnected,
-            localAddress: localAddress,
-            provider: provider,
-            providerName: providerName,
-            signer: isConnected ? signer : undefined,
-            walletProvider: walletProvider,
-        } }, { children: children }), void 0));
-};
-var OperaEthersLoader = function (props) {
-    var _a, _b, _c, _d, _e, _f;
-    var children = props.children;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    var global = window;
-    var ethereum = global.ethereum;
-    var _g = useState(), error = _g[0], setError = _g[1];
-    var _h = useState(), signer = _h[0], setSigner = _h[1];
-    var _j = useState(), provider = _j[0], setProvider = _j[1];
-    var _k = useState(((_c = (_b = (_a = global.ethereum) === null || _a === void 0 ? void 0 : _a.addresses) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0) > 0 ? EthAddress.fromString((_e = (_d = global.ethereum) === null || _d === void 0 ? void 0 : _d.addresses) === null || _e === void 0 ? void 0 : _e[0]) : null), localAddress = _k[0], setLocalAddress = _k[1];
-    var chainId = (ethereum === null || ethereum === void 0 ? void 0 : ethereum.chainId) ? parseInt(ethereum === null || ethereum === void 0 ? void 0 : ethereum.chainId) : 1;
-    var isConnected = (_f = ethereum === null || ethereum === void 0 ? void 0 : ethereum.isConnected()) !== null && _f !== void 0 ? _f : false;
-    React.useEffect(function () {
-        var cancelled = false;
-        if (ethereum) {
-            ethereum.enable();
-            var operaProvider = new Web3Provider(ethereum);
-            var provider_1 = operaProvider;
-            var signer_1 = operaProvider.getSigner();
-            var load = function () { return __awaiter(void 0, void 0, void 0, function () {
-                var localAddress_1, _a, _b, ex_1;
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
-                        case 0:
-                            _c.trys.push([0, 2, , 3]);
-                            _b = (_a = EthAddress).fromString;
-                            return [4 /*yield*/, signer_1.getAddress()];
-                        case 1:
-                            localAddress_1 = _b.apply(_a, [_c.sent()]);
-                            ethereum.autoRefreshOnNetworkChange = false;
-                            if (!cancelled) {
-                                setSigner(signer_1);
-                                setProvider(provider_1);
-                                setLocalAddress(localAddress_1);
-                            }
-                            return [3 /*break*/, 3];
-                        case 2:
-                            ex_1 = _c.sent();
-                            if (!cancelled) {
-                                setError(Error("localAddress: ".concat(ex_1)));
-                            }
-                            return [3 /*break*/, 3];
-                        case 3: return [2 /*return*/];
-                    }
-                });
-            }); };
-            load();
-        }
-        return function () {
-            cancelled = true;
-        };
-    }, [ethereum]);
-    return (jsx(EthersContext.Provider, __assign({ value: {
-            busy: false,
-            chainId: chainId,
-            error: error,
-            isConnected: isConnected,
-            localAddress: localAddress,
-            provider: provider,
-            signer: signer,
-        } }, { children: children }), void 0));
-};
-var TrustEthersLoader = function (props) {
-    var children = props.children;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    var global = window;
-    var _a = useState(), error = _a[0], setError = _a[1];
-    var _b = useState(), localAddress = _b[0], setLocalAddress = _b[1];
-    var trustProvider = new Web3Provider(global.ethereum);
-    var signer = trustProvider.getSigner();
-    var chainId = 1;
-    var provider = trustProvider;
-    useEffect(function () {
-        var cancelled = false;
-        if (signer) {
-            var load = function () { return __awaiter(void 0, void 0, void 0, function () {
-                var localAddress_1, _a, _b, ex_1;
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
-                        case 0:
-                            _c.trys.push([0, 2, , 3]);
-                            _b = (_a = EthAddress).fromString;
-                            return [4 /*yield*/, signer.getAddress()];
-                        case 1:
-                            localAddress_1 = _b.apply(_a, [_c.sent()]);
-                            if (!cancelled) {
-                                setLocalAddress(localAddress_1);
-                            }
-                            return [3 /*break*/, 3];
-                        case 2:
-                            ex_1 = _c.sent();
-                            if (!cancelled) {
-                                setError(Error("localAddress: ".concat(ex_1)));
-                            }
-                            return [3 /*break*/, 3];
-                        case 3: return [2 /*return*/];
-                    }
-                });
-            }); };
-            load();
-        }
-        return function () {
-            cancelled = true;
-        };
-    }, [signer]);
-    return (jsx(EthersContext.Provider, __assign({ value: {
-            busy: false,
-            chainId: chainId,
-            error: error,
-            localAddress: localAddress,
-            provider: provider,
-            signer: signer,
-        } }, { children: children }), void 0));
-};
-var EthersLoader = function (props) {
-    var _a, _b, _c, _d;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    var global = window;
-    var children = props.children;
-    if ((_a = global.ethereum) === null || _a === void 0 ? void 0 : _a.isMetaMask) {
-        return jsx(MetaMaskEthersLoader, { children: children }, void 0);
-    }
-    if ((_b = global.ethereum) === null || _b === void 0 ? void 0 : _b.isTrust) {
-        return jsx(TrustEthersLoader, { children: children }, void 0);
-    }
-    if ((_c = global.ethereum) === null || _c === void 0 ? void 0 : _c.isMew) {
-        return jsx(MyEtherWalletEthersLoader, { children: children }, void 0);
-    }
-    if (((_d = global.ethereum) === null || _d === void 0 ? void 0 : _d.providerName) === 'opera') {
-        return jsx(OperaEthersLoader, { children: children }, void 0);
-    }
-    if (global.ethereum) {
-        return jsx(OperaEthersLoader, { children: children }, void 0);
-    }
-    return jsx(InfuraEthersLoader, { children: children }, void 0);
+var 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));
 };
-var NetworkSettingsContext = React.createContext({});
+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));
+};
-var NetworkSettingsLoader = function (props) {
-    var children = props.children;
-    return (jsx(NetworkSettingsContext.Provider, __assign({ value: {
-            xyBondAddress: EthAddress.fromString('0x1a024A698EEBdB86ccf3fCaF2F589839bdc066AD'),
-            xyFhrMerkleSendAddress: EthAddress.fromString('0x46FEEBDffC8076D9E5fd8a11CF1508810472A79f'),
-            xyGovernanceAddress: EthAddress.fromString('0x01925d0fFE4a6a6162B51ba611e3D4780Fc2dF42'),
-            xyStakingConsensusAddress: EthAddress.fromString('0x0242514106114DEaA99Fd81574142c36Edb03B6D'),
-        } }, { children: children }), void 0));
+var 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));
 };
-var UserEventsContext = React.createContext({});
+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));
+};
-var calcSpacing = function (theme, values) {
-    for (var i = 0; i < values.length; i++) {
-        var value = values[i];
-        if (value !== undefined) {
-            if (typeof value === 'string') {
-                return value;
-            }
-            else if (typeof value === 'number') {
-                return theme.spacing(value);
-            }
-        }
-    }
+var EthersLoader = function (props) {
+    var _a, _b, _c, _d;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    var global = window;
+    var children = props.children;
+    if ((_a = global.ethereum) === null || _a === void 0 ? void 0 : _a.isMetaMask) {
+        return jsx(MetaMaskEthersLoader, { children: children }, void 0);
+    }
+    if ((_b = global.ethereum) === null || _b === void 0 ? void 0 : _b.isTrust) {
+        return jsx(TrustEthersLoader, { children: children }, void 0);
+    }
+    if ((_c = global.ethereum) === null || _c === void 0 ? void 0 : _c.isMew) {
+        return jsx(MyEtherWalletEthersLoader, { children: children }, void 0);
+    }
+    if (((_d = global.ethereum) === null || _d === void 0 ? void 0 : _d.providerName) === 'opera') {
+        return jsx(OperaEthersLoader, { children: children }, void 0);
+    }
+    if (global.ethereum) {
+        return jsx(OperaEthersLoader, { children: children }, void 0);
+    }
+    return jsx(InfuraEthersLoader, { children: children }, void 0);
 };
-var mergeBoxlikeStyles = function (theme, props, defaultProps) {
-    var _a = __assign(__assign({}, defaultProps), props), alignContent = _a.alignContent, alignItems = _a.alignItems, alignSelf = _a.alignSelf, bgcolor = _a.bgcolor, border = _a.border, borderColor = _a.borderColor, display = _a.display, flexGrow = _a.flexGrow, flexShrink = _a.flexShrink, flexDirection = _a.flexDirection, flexWrap = _a.flexWrap, justifyContent = _a.justifyContent, justifyItems = _a.justifyItems, justifySelf = _a.justifySelf, height = _a.height, minHeight = _a.minHeight, minWidth = _a.minWidth, margin = _a.margin, marginX = _a.marginX, marginY = _a.marginY, marginTop = _a.marginTop, marginLeft = _a.marginLeft, marginRight = _a.marginRight, marginBottom = _a.marginBottom, padding = _a.padding, paddingX = _a.paddingX, paddingY = _a.paddingY, paddingTop = _a.paddingTop, paddingLeft = _a.paddingLeft, paddingRight = _a.paddingRight, paddingBottom = _a.paddingBottom, position = _a.position, style = _a.style, width = _a.width, rootProps = __rest(_a, ["alignContent", "alignItems", "alignSelf", "bgcolor", "border", "borderColor", "display", "flexGrow", "flexShrink", "flexDirection", "flexWrap", "justifyContent", "justifyItems", "justifySelf", "height", "minHeight", "minWidth", "margin", "marginX", "marginY", "marginTop", "marginLeft", "marginRight", "marginBottom", "padding", "paddingX", "paddingY", "paddingTop", "paddingLeft", "paddingRight", "paddingBottom", "position", "style", "width"]);
-    var mergedStyle = __assign({ alignContent: alignContent, alignItems: alignItems, alignSelf: alignSelf, backgroundColor: bgcolor, border: border, borderColor: borderColor, display: display, flexDirection: flexDirection, flexGrow: flexGrow, flexShrink: flexShrink, flexWrap: flexWrap, height: height, justifyContent: justifyContent, justifyItems: justifyItems, justifySelf: justifySelf, marginBottom: calcSpacing(theme, [marginBottom, marginY, margin]), marginLeft: calcSpacing(theme, [marginLeft, marginX, margin]), marginRight: calcSpacing(theme, [marginRight, marginX, margin]), marginTop: calcSpacing(theme, [marginTop, marginY, margin]), minHeight: minHeight, minWidth: minWidth, paddingBottom: calcSpacing(theme, [paddingBottom, paddingY, padding]), paddingLeft: calcSpacing(theme, [paddingLeft, paddingX, padding]), paddingRight: calcSpacing(theme, [paddingRight, paddingX, padding]), paddingTop: calcSpacing(theme, [paddingTop, paddingY, padding]), position: position, width: width }, style);
-    return __assign(__assign({}, rootProps), { style: mergedStyle });
+var NetworkSettingsContext = createContext({});
+var NetworkSettingsLoader = function (props) {
+    var children = props.children;
+    return (jsx(NetworkSettingsContext.Provider, __assign({ value: {
+            xyBondAddress: EthAddress.fromString('0x1a024A698EEBdB86ccf3fCaF2F589839bdc066AD'),
+            xyFhrMerkleSendAddress: EthAddress.fromString('0x46FEEBDffC8076D9E5fd8a11CF1508810472A79f'),
+            xyGovernanceAddress: EthAddress.fromString('0x01925d0fFE4a6a6162B51ba611e3D4780Fc2dF42'),
+            xyStakingConsensusAddress: EthAddress.fromString('0x0242514106114DEaA99Fd81574142c36Edb03B6D'),
+        } }, { children: children }), void 0));
 };
-var ButtonExBase = function (props) {
-    var theme = useTheme();
-    var _a = mergeBoxlikeStyles(theme, props), busy = _a.busy, _b = _a.busyVariant, busyVariant = _b === void 0 ? 'linear' : _b, busyOpacity = _a.busyOpacity, onClick = _a.onClick, children = _a.children, rootProps = __rest(_a, ["busy", "busyVariant", "busyOpacity", "onClick", "children"]);
-    var localOnClick = function (event) {
-        if (!busy) {
-            onClick === null || onClick === void 0 ? void 0 : onClick(event);
-        }
-    };
-    return (jsxs(Button, __assign({ onClick: localOnClick }, rootProps, { children: [busy && busyVariant === 'linear' ? jsx(BusyLinearProgress, { rounded: true, opacity: busyOpacity !== null && busyOpacity !== void 0 ? busyOpacity : 0 }, void 0) : null, busy && busyVariant === 'circular' ? (jsx(BusyCircularProgress, { rounded: true, size: 24, opacity: busyOpacity !== null && busyOpacity !== void 0 ? busyOpacity : 0.5 }, void 0)) : null, children] }), void 0));
+var 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);
+            }
+        }
+    }
 };
-var ButtonExTo = function (_a) {
-    var to = _a.to, toOptions = _a.toOptions, onClick = _a.onClick, props = __rest(_a, ["to", "toOptions", "onClick"]);
-    var navigate = useNavigate();
-    var localOnClick = function (event) {
-        onClick === null || onClick === void 0 ? void 0 : onClick(event);
-        if (to) {
-            navigate(to, toOptions);
-        }
-    };
-    return jsx(ButtonExBase, __assign({ onClick: localOnClick }, props), void 0);
+var mergeBoxlikeStyles = function (theme, props, defaultProps) {
+    var _a = __assign(__assign({}, defaultProps), props), alignContent = _a.alignContent, alignItems = _a.alignItems, alignSelf = _a.alignSelf, bgcolor = _a.bgcolor, border = _a.border, borderColor = _a.borderColor, display = _a.display, flexGrow = _a.flexGrow, flexShrink = _a.flexShrink, flexDirection = _a.flexDirection, flexWrap = _a.flexWrap, justifyContent = _a.justifyContent, justifyItems = _a.justifyItems, justifySelf = _a.justifySelf, height = _a.height, minHeight = _a.minHeight, minWidth = _a.minWidth, margin = _a.margin, marginX = _a.marginX, marginY = _a.marginY, marginTop = _a.marginTop, marginLeft = _a.marginLeft, marginRight = _a.marginRight, marginBottom = _a.marginBottom, padding = _a.padding, paddingX = _a.paddingX, paddingY = _a.paddingY, paddingTop = _a.paddingTop, paddingLeft = _a.paddingLeft, paddingRight = _a.paddingRight, paddingBottom = _a.paddingBottom, position = _a.position, style = _a.style, width = _a.width, rootProps = __rest(_a, ["alignContent", "alignItems", "alignSelf", "bgcolor", "border", "borderColor", "display", "flexGrow", "flexShrink", "flexDirection", "flexWrap", "justifyContent", "justifyItems", "justifySelf", "height", "minHeight", "minWidth", "margin", "marginX", "marginY", "marginTop", "marginLeft", "marginRight", "marginBottom", "padding", "paddingX", "paddingY", "paddingTop", "paddingLeft", "paddingRight", "paddingBottom", "position", "style", "width"]);
+    var mergedStyle = __assign({ alignContent: alignContent, alignItems: alignItems, alignSelf: alignSelf, backgroundColor: bgcolor, border: border, borderColor: borderColor, display: display, flexDirection: flexDirection, flexGrow: flexGrow, flexShrink: flexShrink, flexWrap: flexWrap, height: height, justifyContent: justifyContent, justifyItems: justifyItems, justifySelf: justifySelf, marginBottom: calcSpacing(theme, [marginBottom, marginY, margin]), marginLeft: calcSpacing(theme, [marginLeft, marginX, margin]), marginRight: calcSpacing(theme, [marginRight, marginX, margin]), marginTop: calcSpacing(theme, [marginTop, marginY, margin]), minHeight: minHeight, minWidth: minWidth, paddingBottom: calcSpacing(theme, [paddingBottom, paddingY, padding]), paddingLeft: calcSpacing(theme, [paddingLeft, paddingX, padding]), paddingRight: calcSpacing(theme, [paddingRight, paddingX, padding]), paddingTop: calcSpacing(theme, [paddingTop, paddingY, padding]), position: position, width: width }, style);
+    return __assign(__assign({}, rootProps), { style: mergedStyle });
 };
-var ButtonEx = function (_a) {
-    var to = _a.to, props = __rest(_a, ["to"]);
-    if (to) {
-        return jsx(ButtonExTo, __assign({ to: to }, props), void 0);
-    }
-    else {
-        return jsx(ButtonExBase, __assign({}, props), void 0);
-    }
+var ButtonExBase = function (props) {
+    var theme = useTheme();
+    var _a = mergeBoxlikeStyles(theme, props), busy = _a.busy, _b = _a.busyVariant, busyVariant = _b === void 0 ? 'linear' : _b, busyOpacity = _a.busyOpacity, onClick = _a.onClick, children = _a.children, rootProps = __rest(_a, ["busy", "busyVariant", "busyOpacity", "onClick", "children"]);
+    var localOnClick = function (event) {
+        if (!busy) {
+            onClick === null || onClick === void 0 ? void 0 : onClick(event);
+        }
+    };
+    return (jsxs(Button, __assign({ onClick: localOnClick }, rootProps, { children: [busy && busyVariant === 'linear' ? jsx(BusyLinearProgress, { rounded: true, opacity: busyOpacity !== null && busyOpacity !== void 0 ? busyOpacity : 0 }, void 0) : null, busy && busyVariant === 'circular' ? (jsx(BusyCircularProgress, { rounded: true, size: 24, opacity: busyOpacity !== null && busyOpacity !== void 0 ? busyOpacity : 0.5 }, void 0)) : null, children] }), void 0));
 };
-var CookieConsentBody = function (_a) {
-    var acceptOnScroll = _a.acceptOnScroll, _b = _a.acceptOnTimer, acceptOnTimer = _b === void 0 ? 0 : _b, onAccept = _a.onAccept, props = __rest(_a, ["acceptOnScroll", "acceptOnTimer", "onAccept"]);
-    var _c = useCookieConsent(), accepted = _c.accepted, setAccepted = _c.setAccepted, storageName = _c.storageName;
-    var onScroll = function () {
-        //hide it one the user has scrolled at least one page
-        if (window.scrollY > window.innerHeight && !accepted) {
-            onAcceptClick();
-        }
-    };
-    useEffect(function () {
-        if (acceptOnScroll) {
-            window.addEventListener('scroll', onScroll);
-            return function () {
-                window.removeEventListener('scroll', onScroll);
-            };
-        }
-    });
-    var onAcceptClick = function () {
-        if (setAccepted) {
-            setAccepted === null || setAccepted === void 0 ? void 0 : setAccepted(true);
-        }
-        else {
-            localStorage.setItem(storageName !== null && storageName !== void 0 ? storageName : 'CookiesAccepted', 'true');
-        }
-        onAccept === null || onAccept === void 0 ? void 0 : onAccept(true);
-    };
-    if (acceptOnTimer > 0 && !accepted) {
-        setTimeout(function () {
-            onAcceptClick();
-        }, acceptOnTimer);
-    }
-    if (!storageName) {
-        return (jsx(FlexRow, __assign({ justifyContent: "center", paddingY: 2 }, props, { children: jsx(Typography, __assign({ color: "error", variant: "body1" }, { children: "Missing CookieConsentContext" }), void 0) }), void 0));
-    }
-    return accepted ? null : (jsxs(FlexRow, __assign({ justifyContent: "space-between" }, props, { children: [jsxs(Typography, __assign({ variant: "body2", margin: 2 }, { children: ['This site uses ', jsx(Link, __assign({ href: "https://cookiesandyou.com/", rel: "noopener noreferrer", target: "_blank" }, { children: "cookies" }), void 0), ' and ', jsx(Link, __assign({ href: "https://policies.google.com/technologies/partner-sites", rel: "noopener noreferrer", target: "_blank" }, { children: "Google\u00A0tools" }), void 0), ' to analyze traffic and for ads measurement purposes.'] }), void 0), jsx(ButtonEx, __assign({ variant: "contained", color: "secondary", onClick: onAcceptClick, margin: 2 }, { children: "Accept" }), void 0)] }), void 0));
+var ButtonExTo = function (_a) {
+    var to = _a.to, toOptions = _a.toOptions, onClick = _a.onClick, props = __rest(_a, ["to", "toOptions", "onClick"]);
+    var navigate = useNavigate();
+    var localOnClick = function (event) {
+        onClick === null || onClick === void 0 ? void 0 : onClick(event);
+        if (to) {
+            navigate(to, toOptions);
+        }
+    };
+    return jsx(ButtonExBase, __assign({ onClick: localOnClick }, props), void 0);
 };
-var CookieConsent = function (props) {
-    var storageName = useCookieConsent().storageName;
-    var Inner = function () {
-        var accepted = useCookieConsent().accepted;
-        return accepted ? null : (jsx(CookieConsentBody, __assign({ background: true, paper: true, position: "fixed", bottom: 0, maxWidth: "100vw", width: "100%", zIndex: 1000 }, props), void 0));
-    };
-    //if not inside a context, make a context
-    if (!storageName) {
-        return (jsx(CookieConsentLoader, { children: jsx(Inner, {}, void 0) }, void 0));
-    }
-    return jsx(Inner, {}, void 0);
+var ButtonEx = function (_a) {
+    var to = _a.to, props = __rest(_a, ["to"]);
+    if (to) {
+        return jsx(ButtonExTo, __assign({ to: to }, props), void 0);
+    }
+    else {
+        return jsx(ButtonExBase, __assign({}, props), void 0);
+    }
+};
+var CookieConsentBody = function (_a) {
+    var acceptOnScroll = _a.acceptOnScroll, _b = _a.acceptOnTimer, acceptOnTimer = _b === void 0 ? 0 : _b, onAccept = _a.onAccept, props = __rest(_a, ["acceptOnScroll", "acceptOnTimer", "onAccept"]);
+    var _c = useCookieConsent(), accepted = _c.accepted, setAccepted = _c.setAccepted, storageName = _c.storageName;
+    var onScroll = function () {
+        //hide it one the user has scrolled at least one page
+        if (window.scrollY > window.innerHeight && !accepted) {
+            onAcceptClick();
+        }
+    };
+    useEffect(function () {
+        if (acceptOnScroll) {
+            window.addEventListener('scroll', onScroll);
+            return function () {
+                window.removeEventListener('scroll', onScroll);
+            };
+        }
+    });
+    var onAcceptClick = function () {
+        if (setAccepted) {
+            setAccepted === null || setAccepted === void 0 ? void 0 : setAccepted(true);
+        }
+        else {
+            localStorage.setItem(storageName !== null && storageName !== void 0 ? storageName : 'CookiesAccepted', 'true');
+        }
+        onAccept === null || onAccept === void 0 ? void 0 : onAccept(true);
+    };
+    if (acceptOnTimer > 0 && !accepted) {
+        setTimeout(function () {
+            onAcceptClick();
+        }, acceptOnTimer);
+    }
+    if (!storageName) {
+        return (jsx(FlexRow, __assign({ justifyContent: "center", paddingY: 2 }, props, { children: jsx(Typography, __assign({ color: "error", variant: "body1" }, { children: "Missing CookieConsentContext" }), void 0) }), void 0));
+    }
+    return accepted ? null : (jsxs(FlexRow, __assign({ justifyContent: "space-between" }, props, { children: [jsxs(Typography, __assign({ variant: "body2", margin: 2 }, { children: ['This site uses ', jsx(Link, __assign({ href: "https://cookiesandyou.com/", rel: "noopener noreferrer", target: "_blank" }, { children: "cookies" }), void 0), ' and ', jsx(Link, __assign({ href: "https://policies.google.com/technologies/partner-sites", rel: "noopener noreferrer", target: "_blank" }, { children: "Google\u00A0tools" }), void 0), ' to analyze traffic and for ads measurement purposes.'] }), void 0), jsx(ButtonEx, __assign({ variant: "contained", color: "secondary", onClick: onAcceptClick, margin: 2 }, { children: "Accept" }), void 0)] }), void 0));
+};
+var CookieConsent = function (props) {
+    var storageName = useCookieConsent().storageName;
+    var Inner = function () {
+        var accepted = useCookieConsent().accepted;
+        return accepted ? null : (jsx(CookieConsentBody, __assign({ background: true, paper: true, position: "fixed", bottom: 0, maxWidth: "100vw", width: "100%", zIndex: 1000 }, props), void 0));
+    };
+    //if not inside a context, make a context
+    if (!storageName) {
+        return (jsx(CookieConsentLoader, { children: jsx(Inner, {}, void 0) }, void 0));
+    }
+    return jsx(Inner, {}, void 0);
 };
-var InvertableThemeContext = React.createContext({
-    options: {},
+var InvertableThemeContext = createContext({
+    options: {},
 });
-var InvertableThemeProvider = function (_a) {
-    var _b, _c;
-    var options = _a.options, children = _a.children, dark = _a.dark, _d = _a.scoped, scoped = _d === void 0 ? false : _d, _e = _a.invert, invert = _e === void 0 ? false : _e, noResponsiveFonts = _a.noResponsiveFonts;
-    var contextInvertableTheme = useContext(InvertableThemeContext);
-    var clonedOptions = clone((_b = options !== null && options !== void 0 ? options : contextInvertableTheme.options) !== null && _b !== void 0 ? _b : {});
-    clonedOptions.palette = (_c = clonedOptions.palette) !== null && _c !== void 0 ? _c : {};
-    if (invert) {
-        clonedOptions.palette.mode = clonedOptions.palette.mode === 'dark' ? 'light' : 'dark';
-    }
-    if (dark !== undefined) {
-        clonedOptions.palette.mode = dark ? 'dark' : 'light';
-    }
-    var theme = createTheme(clonedOptions);
-    if (!noResponsiveFonts) {
-        theme = responsiveFontSizes(theme);
-    }
-    return scoped ? (jsx(ScopedCssBaseline, { children: jsx(InvertableThemeContext.Provider, __assign({ value: { options: clonedOptions } }, { children: jsx(ThemeProvider, __assign({ theme: theme }, { children: children }), void 0) }), void 0) }, void 0)) : (jsx(InvertableThemeContext.Provider, __assign({ value: { options: clonedOptions } }, { children: jsx(ThemeProvider, __assign({ theme: theme }, { children: children }), void 0) }), void 0));
+var InvertableThemeProvider = function (_a) {
+    var _b, _c;
+    var options = _a.options, children = _a.children, dark = _a.dark, _d = _a.scoped, scoped = _d === void 0 ? false : _d, _e = _a.invert, invert = _e === void 0 ? false : _e, noResponsiveFonts = _a.noResponsiveFonts;
+    var contextInvertableTheme = useContext(InvertableThemeContext);
+    var clonedOptions = clone((_b = options !== null && options !== void 0 ? options : contextInvertableTheme.options) !== null && _b !== void 0 ? _b : {});
+    clonedOptions.palette = (_c = clonedOptions.palette) !== null && _c !== void 0 ? _c : {};
+    if (invert) {
+        clonedOptions.palette.mode = clonedOptions.palette.mode === 'dark' ? 'light' : 'dark';
+    }
+    if (dark !== undefined) {
+        clonedOptions.palette.mode = dark ? 'dark' : 'light';
+    }
+    var theme = createTheme(clonedOptions);
+    if (!noResponsiveFonts) {
+        theme = responsiveFontSizes(theme);
+    }
+    return scoped ? (jsx(ScopedCssBaseline, { children: jsx(InvertableThemeContext.Provider, __assign({ value: { options: clonedOptions } }, { children: jsx(ThemeProvider, __assign({ theme: theme }, { children: children }), void 0) }), void 0) }, void 0)) : (jsx(InvertableThemeContext.Provider, __assign({ value: { options: clonedOptions } }, { children: jsx(ThemeProvider, __assign({ theme: theme }, { children: children }), void 0) }), void 0));
 };
-var BasePage = function (_a) {
-    var disableGutters = _a.disableGutters, children = _a.children, beta = _a.beta, container = _a.container, hideFooter = _a.hideFooter, appFooter = _a.appFooter, appBar = _a.appBar, cookieConsent = _a.cookieConsent, hideAppBar = _a.hideAppBar, _b = _a.noindex, noindex = _b === void 0 ? false : _b, _c = _a.scrollToTopButton, scrollToTopButton = _c === void 0 ? false : _c, title = _a.title, props = __rest(_a, ["disableGutters", "children", "beta", "container", "hideFooter", "appFooter", "appBar", "cookieConsent", "hideAppBar", "noindex", "scrollToTopButton", "title"]);
-    var theme = useTheme();
-    var scrollToTopAnchorId = 'scroll-to-top-anchor';
-    return (jsxs(FlexCol, __assign({ justifyContent: "flex-start", color: theme.palette.text.primary, alignItems: "stretch", width: "100%", maxWidth: "100vw", minHeight: "100vh" }, props, { children: [jsx(Helmet, __assign({ title: title }, { children: noindex ? jsx("meta", { content: "noindex", name: "robots" }, void 0) : null }), void 0), scrollToTopButton ? jsx("div", { id: scrollToTopAnchorId }, void 0) : null, hideAppBar ? null : appBar, beta ? (jsx(FlexRow, __assign({ margin: 1, position: "absolute", top: 0, left: 0, bgcolor: "#cccccc88", paddingX: 1, style: { opacity: 0.5 } }, { children: jsx(Typography, __assign({ variant: "body2" }, { children: "Important: This page is a Beta page. It is possible that some information may not be correct." }), void 0) }), void 0)) : null, container ? (jsx(Container, __assign({ style: { alignItems: 'stretch', display: 'flex', flexDirection: 'column', flexGrow: 1 }, maxWidth: container, disableGutters: disableGutters }, { children: children }), void 0)) : (children), hideFooter ? null : jsx("footer", { children: appFooter }, void 0), cookieConsent !== null && cookieConsent !== void 0 ? cookieConsent : (jsx(ScopedCssBaseline, { children: jsx(InvertableThemeProvider, __assign({ invert: true }, { children: jsx(CookieConsent, { borderRadius: 0 }, void 0) }), void 0) }, void 0)), scrollToTopButton ? (jsx(ScrollToTopButton, __assign({ anchorId: scrollToTopAnchorId }, { children: jsx(Fab, __assign({ "aria-label": "scroll to top", color: "secondary", size: "small" }, { children: jsx(KeyboardArrowUp, {}, void 0) }), void 0) }), void 0)) : null] }), void 0));
+var BasePage = function (_a) {
+    var disableGutters = _a.disableGutters, children = _a.children, beta = _a.beta, container = _a.container, hideFooter = _a.hideFooter, appFooter = _a.appFooter, appBar = _a.appBar, cookieConsent = _a.cookieConsent, hideAppBar = _a.hideAppBar, _b = _a.noindex, noindex = _b === void 0 ? false : _b, _c = _a.scrollToTopButton, scrollToTopButton = _c === void 0 ? false : _c, title = _a.title, props = __rest(_a, ["disableGutters", "children", "beta", "container", "hideFooter", "appFooter", "appBar", "cookieConsent", "hideAppBar", "noindex", "scrollToTopButton", "title"]);
+    var theme = useTheme();
+    var scrollToTopAnchorId = 'scroll-to-top-anchor';
+    return (jsxs(FlexCol, __assign({ justifyContent: "flex-start", color: theme.palette.text.primary, alignItems: "stretch", width: "100%", maxWidth: "100vw", minHeight: "100vh" }, props, { children: [jsx(Helmet, __assign({ title: title }, { children: noindex ? jsx("meta", { content: "noindex", name: "robots" }, void 0) : null }), void 0), scrollToTopButton ? jsx("div", { id: scrollToTopAnchorId }, void 0) : null, hideAppBar ? null : appBar, beta ? (jsx(FlexRow, __assign({ margin: 1, position: "absolute", top: 0, left: 0, bgcolor: "#cccccc88", paddingX: 1, style: { opacity: 0.5 } }, { children: jsx(Typography, __assign({ variant: "body2" }, { children: "Important: This page is a Beta page. It is possible that some information may not be correct." }), void 0) }), void 0)) : null, container ? (jsx(Container, __assign({ style: { alignItems: 'stretch', display: 'flex', flexDirection: 'column', flexGrow: 1 }, maxWidth: container, disableGutters: disableGutters }, { children: children }), void 0)) : (children), hideFooter ? null : jsx("footer", { children: appFooter }, void 0), cookieConsent !== null && cookieConsent !== void 0 ? cookieConsent : (jsx(ScopedCssBaseline, { children: jsx(InvertableThemeProvider, __assign({ invert: true }, { children: jsx(CookieConsent, { borderRadius: 0 }, void 0) }), void 0) }, void 0)), scrollToTopButton ? (jsx(ScrollToTopButton, __assign({ anchorId: scrollToTopAnchorId }, { children: jsx(Fab, __assign({ "aria-label": "scroll to top", color: "secondary", size: "small" }, { children: jsx(KeyboardArrowUp, {}, void 0) }), void 0) }), void 0)) : null] }), void 0));
 };
-var getPartialPath = function (pathParts, index) {
-    var result = [];
-    for (var i = 0; i <= index; i++) {
-        result.push("".concat(pathParts[i], "/"));
-    }
-    return result.join('');
-};
-var BreadcrumbsEx = function (_a) {
-    var _b;
-    var titles = _a.titles, _c = _a.path, path = _c === void 0 ? document.location.pathname : _c, _d = _a.separator, separator = _d === void 0 ? '|' : _d, logo = _a.logo, children = _a.children, props = __rest(_a, ["titles", "path", "separator", "logo", "children"]);
-    var pathParts = path.split('/');
-    //if the url has a trailing '/', remove the last part
-    if (((_b = pathParts[pathParts.length - 1]) === null || _b === void 0 ? void 0 : _b.length) === 0) {
-        pathParts.pop();
-    }
-    assertEx(pathParts.length - 1 === (titles === null || titles === void 0 ? void 0 : titles.length), "Path/Title length mismatch: ".concat(JSON.stringify(titles), " with ").concat(JSON.stringify(pathParts)));
-    return (jsxs(Breadcrumbs, __assign({ separator: separator }, props, { children: [pathParts.map(function (_pathPart, index) {
-                var path = getPartialPath(pathParts, index);
-                return (jsx(Link, __assign({ title: index > 0 ? titles === null || titles === void 0 ? void 0 : titles[index - 1] : 'COIN', color: index === pathParts.length - 1 ? 'textPrimary' : 'inherit', component: Link$1, to: path }, { children: index > 0 ? (titles === null || titles === void 0 ? void 0 : titles[index - 1]) : (jsx(FlexRow, { children: typeof logo === 'string' ? jsx("img", { src: logo }, void 0) : logo }, void 0)) }), path));
-            }), children] }), void 0));
+var getPartialPath = function (pathParts, index) {
+    var result = [];
+    for (var i = 0; i <= index; i++) {
+        result.push("".concat(pathParts[i], "/"));
+    }
+    return result.join('');
+};
+var BreadcrumbsEx = function (_a) {
+    var _b;
+    var titles = _a.titles, _c = _a.path, path = _c === void 0 ? document.location.pathname : _c, _d = _a.separator, separator = _d === void 0 ? '|' : _d, logo = _a.logo, children = _a.children, props = __rest(_a, ["titles", "path", "separator", "logo", "children"]);
+    var pathParts = path.split('/');
+    //if the url has a trailing '/', remove the last part
+    if (((_b = pathParts[pathParts.length - 1]) === null || _b === void 0 ? void 0 : _b.length) === 0) {
+        pathParts.pop();
+    }
+    assertEx(pathParts.length - 1 === (titles === null || titles === void 0 ? void 0 : titles.length), "Path/Title length mismatch: ".concat(JSON.stringify(titles), " with ").concat(JSON.stringify(pathParts)));
+    return (jsxs(Breadcrumbs, __assign({ separator: separator }, props, { children: [pathParts.map(function (_pathPart, index) {
+                var path = getPartialPath(pathParts, index);
+                return (jsx(Link, __assign({ title: index > 0 ? titles === null || titles === void 0 ? void 0 : titles[index - 1] : 'COIN', color: index === pathParts.length - 1 ? 'textPrimary' : 'inherit', component: Link$1, to: path }, { children: index > 0 ? (titles === null || titles === void 0 ? void 0 : titles[index - 1]) : (jsx(FlexRow, { children: typeof logo === 'string' ? jsx("img", { src: logo }, void 0) : logo }, void 0)) }), path));
+            }), children] }), void 0));
 };
-var toAxiosError = function (error) {
-    return error.isAxiosError ? error : undefined;
-};
-var ErrorDialogOpen = function (_a) {
-    var _b, _c;
-    var onAction = _a.onAction, _d = _a.title, title = _d === void 0 ? 'Oops. Something went wrong.' : _d, _e = _a.error, error = _e === void 0 ? Error('Unknown Error') : _e, props = __rest(_a, ["onAction", "title", "error"]);
-    var onCloseClicked = function () {
-        onAction === null || onAction === void 0 ? void 0 : onAction(false);
-    };
-    var onRetryClicked = function () {
-        onAction === null || onAction === void 0 ? void 0 : onAction(true);
-    };
-    var axiosError = toAxiosError(error);
-    var message = (_b = error.message) !== null && _b !== void 0 ? _b : error.toString();
-    return (jsxs(Dialog, __assign({}, props, { children: [jsx(DialogTitle, { children: title }, void 0), jsx(DialogContent, { children: jsx(FlexRow, { children: jsx(Typography, __assign({ color: "error" }, { children: axiosError ? "".concat(message, " [").concat((_c = axiosError === null || axiosError === void 0 ? void 0 : axiosError.code) !== null && _c !== void 0 ? _c : 'Connection Failure', "]") : "".concat(message) }), void 0) }, void 0) }, void 0), jsx(DialogActions, { children: jsxs(FlexRow, __assign({ justifyContent: "space-between", width: "100%", minWidth: "300px" }, { children: [jsx(ButtonEx, __assign({ onClick: onCloseClicked, variant: "text" }, { children: "Close" }), void 0), jsx(ButtonEx, __assign({ onClick: onRetryClicked, variant: "text" }, { children: "Retry" }), void 0)] }), void 0) }, void 0)] }), void 0));
-};
-var ErrorDialog = function (_a) {
-    var open = _a.open, error = _a.error, props = __rest(_a, ["open", "error"]);
-    if (error) {
-        return jsx(ErrorDialogOpen, __assign({ open: !!error || open, error: error }, props), void 0);
-    }
-    else {
-        return null;
-    }
+var toAxiosError = function (error) {
+    return error.isAxiosError ? error : undefined;
+};
+var ErrorDialogOpen = function (_a) {
+    var _b, _c;
+    var onAction = _a.onAction, _d = _a.title, title = _d === void 0 ? 'Oops. Something went wrong.' : _d, _e = _a.error, error = _e === void 0 ? Error('Unknown Error') : _e, props = __rest(_a, ["onAction", "title", "error"]);
+    var onCloseClicked = function () {
+        onAction === null || onAction === void 0 ? void 0 : onAction(false);
+    };
+    var onRetryClicked = function () {
+        onAction === null || onAction === void 0 ? void 0 : onAction(true);
+    };
+    var axiosError = toAxiosError(error);
+    var message = (_b = error.message) !== null && _b !== void 0 ? _b : error.toString();
+    return (jsxs(Dialog, __assign({}, props, { children: [jsx(DialogTitle, { children: title }, void 0), jsx(DialogContent, { children: jsx(FlexRow, { children: jsx(Typography, __assign({ color: "error" }, { children: axiosError ? "".concat(message, " [").concat((_c = axiosError === null || axiosError === void 0 ? void 0 : axiosError.code) !== null && _c !== void 0 ? _c : 'Connection Failure', "]") : "".concat(message) }), void 0) }, void 0) }, void 0), jsx(DialogActions, { children: jsxs(FlexRow, __assign({ justifyContent: "space-between", width: "100%", minWidth: "300px" }, { children: [jsx(ButtonEx, __assign({ onClick: onCloseClicked, variant: "text" }, { children: "Close" }), void 0), jsx(ButtonEx, __assign({ onClick: onRetryClicked, variant: "text" }, { children: "Retry" }), void 0)] }), void 0) }, void 0)] }), void 0));
+};
+var ErrorDialog = function (_a) {
+    var open = _a.open, error = _a.error, props = __rest(_a, ["open", "error"]);
+    if (error) {
+        return jsx(ErrorDialogOpen, __assign({ open: !!error || open, error: error }, props), void 0);
+    }
+    else {
+        return null;
+    }
 };
-var MessageDialog = function (_a) {
-    var onOk = _a.onOk, onCancel = _a.onCancel, children = _a.children, title = _a.title, props = __rest(_a, ["onOk", "onCancel", "children", "title"]);
-    return (jsxs(Dialog, __assign({}, props, { children: [jsx(DialogTitle, { children: title }, void 0), jsx(DialogContent, { children: jsx(FlexCol, __assign({ alignItems: "stretch" }, { children: children }), void 0) }, void 0), jsx(DialogActions, { children: jsxs(FlexRow, __assign({ justifyContent: "space-between", width: "100%" }, { children: [jsx(Button, __assign({ onClick: onCancel, variant: "text" }, { children: "Cancel" }), void 0), jsx(Button, __assign({ onClick: onOk, variant: "text" }, { children: "Ok" }), void 0)] }), void 0) }, void 0)] }), void 0));
+var MessageDialog = function (_a) {
+    var onOk = _a.onOk, onCancel = _a.onCancel, children = _a.children, title = _a.title, props = __rest(_a, ["onOk", "onCancel", "children", "title"]);
+    return (jsxs(Dialog, __assign({}, props, { children: [jsx(DialogTitle, { children: title }, void 0), jsx(DialogContent, { children: jsx(FlexCol, __assign({ alignItems: "stretch" }, { children: children }), void 0) }, void 0), jsx(DialogActions, { children: jsxs(FlexRow, __assign({ justifyContent: "space-between", width: "100%" }, { children: [jsx(Button, __assign({ onClick: onCancel, variant: "text" }, { children: "Cancel" }), void 0), jsx(Button, __assign({ onClick: onOk, variant: "text" }, { children: "Ok" }), void 0)] }), void 0) }, void 0)] }), void 0));
 };
-var useBreakpoint = function () {
-    var theme = useTheme();
-    var xs = useMediaQuery(theme.breakpoints.only('xs'));
-    var sm = useMediaQuery(theme.breakpoints.only('sm'));
-    var md = useMediaQuery(theme.breakpoints.only('md'));
-    var lg = useMediaQuery(theme.breakpoints.only('lg'));
-    var xl = useMediaQuery(theme.breakpoints.only('xl'));
-    if (xs) {
-        return 'xs';
-    }
-    else if (sm) {
-        return 'sm';
-    }
-    else if (md) {
-        return 'md';
-    }
-    else if (lg) {
-        return 'lg';
-    }
-    else if (xl) {
-        return 'xl';
-    }
+var useBreakpoint = function () {
+    var theme = useTheme();
+    var xs = useMediaQuery(theme.breakpoints.only('xs'));
+    var sm = useMediaQuery(theme.breakpoints.only('sm'));
+    var md = useMediaQuery(theme.breakpoints.only('md'));
+    var lg = useMediaQuery(theme.breakpoints.only('lg'));
+    var xl = useMediaQuery(theme.breakpoints.only('xl'));
+    if (xs) {
+        return 'xs';
+    }
+    else if (sm) {
+        return 'sm';
+    }
+    else if (md) {
+        return 'md';
+    }
+    else if (lg) {
+        return 'lg';
+    }
+    else if (xl) {
+        return 'xl';
+    }
 };
-var useMounted = function () {
-    var _a = useState(true), mounted = _a[0], setMounted = _a[1];
-    useEffect(function () {
-        setMounted(true);
-        return function () {
-            // eslint-disable-next-line react-hooks/exhaustive-deps
-            setMounted(false);
-        };
-    }, []);
-    return function () {
-        return mounted;
-    };
+var 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;
+    };
 };
-var useNavigateToEthAddress = function () {
-    var navigate = useNavigate();
-    var navigateToEthAddress = function (address, event, page, to, toOptions, toEtherScan) {
-        var _a;
-        var openInEtherScan = toEtherScan || (!to && !page);
-        if (openInEtherScan) {
-            window.open("https://etherscan.io/address/".concat(address.toString()), '_blank');
-        }
-        else {
-            var path = (_a = to === null || to === void 0 ? void 0 : to.toString()) !== null && _a !== void 0 ? _a : "/".concat(page, "/").concat(address.toString());
-            if (event.metaKey || toEtherScan) {
-                window.open(path, '_blank');
-            }
-            else {
-                navigate(to !== null && to !== void 0 ? to : path, toOptions);
-            }
-        }
-    };
-    return { navigateToEthAddress: navigateToEthAddress };
-};
-var useSpacing = function (value) {
-    var theme = useTheme();
-    return theme.spacing(typeof value === 'string' ? parseInt(value) : value);
-};
-var supportsWebP = undefined;
-var useWebP = function (webp, alt) {
-    var _a = useState(supportsWebP === true ? webp : supportsWebP === false ? alt : undefined), img = _a[0], setImg = _a[1];
-    useAsyncEffect(function (mounted) { return __awaiter(void 0, void 0, void 0, function () {
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!(supportsWebP === undefined)) return [3 /*break*/, 2];
-                    return [4 /*yield*/, getSupportsWebP()];
-                case 1:
-                    supportsWebP = _a.sent();
-                    if (mounted()) {
-                        setImg(supportsWebP ? webp : alt);
-                    }
-                    _a.label = 2;
-                case 2: return [2 /*return*/];
-            }
-        });
-    }); }, [supportsWebP]);
-    return img;
-};
-var getSupportsWebP = function () { return __awaiter(void 0, void 0, void 0, function () {
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0: return [4 /*yield*/, new Promise(function (resolve) {
-                    var image = new Image();
-                    image.onerror = function () { return resolve(false); };
-                    image.onload = function () { return resolve(image.width === 1); };
-                    image.src = 'data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA/vuUAAA=';
-                }).catch(function () { return false; })];
-            case 1: return [2 /*return*/, _a.sent()];
-        }
-    });
+var useNavigateToEthAddress = function () {
+    var navigate = useNavigate();
+    var navigateToEthAddress = function (address, event, page, to, toOptions, toEtherScan) {
+        var _a;
+        var openInEtherScan = toEtherScan || (!to && !page);
+        if (openInEtherScan) {
+            window.open("https://etherscan.io/address/".concat(address.toString()), '_blank');
+        }
+        else {
+            var path = (_a = to === null || to === void 0 ? void 0 : to.toString()) !== null && _a !== void 0 ? _a : "/".concat(page, "/").concat(address.toString());
+            if (event.metaKey || toEtherScan) {
+                window.open(path, '_blank');
+            }
+            else {
+                navigate(to !== null && to !== void 0 ? to : path, toOptions);
+            }
+        }
+    };
+    return { navigateToEthAddress: navigateToEthAddress };
+};
+var useSpacing = function (value) {
+    var theme = useTheme();
+    return theme.spacing(typeof value === 'string' ? parseInt(value) : value);
+};
+var supportsWebP = undefined;
+var useWebP = function (webp, alt) {
+    var _a = __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 = useState({
-        height: undefined,
-        width: undefined,
-    }), windowSize = _a[0], setWindowSize = _a[1];
-    useEffect(function () {
-        function handleResize() {
-            setWindowSize({
-                height: window.innerHeight,
-                width: window.innerWidth,
-            });
-        }
-        window.addEventListener('resize', handleResize);
-        handleResize();
-        return function () { return window.removeEventListener('resize', handleResize); };
-    }, []);
-    return windowSize;
+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;
 }
-var EthAccount = function (_a) {
-    var address = _a.address, _b = _a.icon, icon = _b === void 0 ? false : _b, _c = _a.iconSize, iconSize = _c === void 0 ? 16 : _c, _d = _a.iconOnly, iconOnly = _d === void 0 ? false : _d, _e = _a.addressLength, addressLength = _e === void 0 ? 'auto' : _e, _f = _a.fontFamily, fontFamily = _f === void 0 ? '"Source Code Pro",monospace' : _f, toEtherScan = _a.toEtherScan, onButtonClick = _a.onButtonClick, props = __rest(_a, ["address", "icon", "iconSize", "iconOnly", "addressLength", "fontFamily", "toEtherScan", "onButtonClick"]);
-    var localAddress = useContext(EthersContext).localAddress;
-    var theme = useTheme();
-    var large = useMediaQuery(theme.breakpoints.up('md'));
-    var isLocalAddress = address ? (localAddress === null || localAddress === void 0 ? void 0 : localAddress.toString()) === address.toString() : false;
-    var onClickLocal = function (event) {
-        onButtonClick === null || onButtonClick === void 0 ? void 0 : onButtonClick(event);
-        if (toEtherScan && address) {
-            window.open("https://etherscan.io/address/".concat(address.toString()), '_blank');
-        }
-    };
-    var addressToDisplay = assertEx(address !== null && address !== void 0 ? address : EthAddress.fromString('0x00'), 'Bad Eth Address');
-    var testToDisplay = addressLength === 'long'
-        ? addressToDisplay.toString()
-        : addressLength === 'short'
-            ? addressToDisplay.toShortString()
-            : large
-                ? addressToDisplay.toString()
-                : addressToDisplay.toShortString();
-    // Note: We use the all zero address for spacing in case it is
-    return (jsx(ButtonEx, __assign({ onClick: onClickLocal, title: "0x".concat(address === null || address === void 0 ? void 0 : address.toHex()) }, props, { children: jsxs(FlexGrowRow, __assign({ justifyContent: "space-between", alignItems: "center" }, { children: [icon && address ? jsx(Identicon, { size: iconSize, value: address === null || address === void 0 ? void 0 : address.toHex() }, void 0) : null, iconOnly ? null : (jsxs(FlexRow, { children: [jsx(Typography, __assign({ marginLeft: icon ? 1 : 0, variant: "body1", fontFamily: fontFamily, visibility: address ? 'inherit' : 'hidden' }, { children: testToDisplay }), void 0), address ? null : (jsx(Typography, __assign({ position: "absolute", marginLeft: icon ? 1 : 0, variant: "body1", fontFamily: fontFamily }, { children: "-- --" }), void 0))] }, void 0)), isLocalAddress ? jsx(FlexRow, __assign({ marginLeft: 0.5 }, { children: "(You)" }), void 0) : null] }), void 0) }), void 0));
-};
-var Experiment = function (props) {
-    var children = props.children;
-    return jsx(Fragment, { children: children }, void 0);
-};
-var defaultLocalStorageKey = 'testData';
-var experimentsTestData = {};
-var outcomes = {}; //prevent multi-outcome
-var saveOutcomes = function () {
-    setLocalStorageObject('outcomes', outcomes);
-};
-var loadOutcomes = function () {
-    outcomes = getLocalStorageObject('outcomes');
-};
-var mergeData = function (data, log) {
-    var dataArray = [];
-    for (var key in data) {
-        dataArray.push("".concat(key, "-").concat(data[key]));
-    }
-    log === null || log === void 0 ? void 0 : log.info('MergeData', dataArray.join('|'));
-    return dataArray.join('|');
-};
-var missingKeyError = new Error('Experiment Elements must have Keys');
-var makeChildrenArray = function (children) {
-    if (Array.isArray(children)) {
-        return children;
-    }
-    else {
-        return [children];
-    }
-};
-var buildLocalStorageKey = function (localStorageProp) {
-    return localStorageProp === true
-        ? defaultLocalStorageKey
-        : typeof localStorageProp === 'string'
-            ? localStorageProp !== null && localStorageProp !== void 0 ? localStorageProp : defaultLocalStorageKey
-            : '';
-};
-var calcTotalWeight = function (childList) {
-    var totalWeight = 0;
-    for (var _i = 0, childList_1 = childList; _i < childList_1.length; _i++) {
-        var child = childList_1[_i];
-        totalWeight += child.props.weight;
-    }
-    return totalWeight;
-};
-var Experiments = function (props) {
-    var _a, _b;
-    var name = props.name, children = props.children, testStarted = props.testStarted, _c = props.localStorageProp, localStorageProp = _c === void 0 ? true : _c;
-    var userEventsConntext = useContext(UserEventsContext);
-    var userEvents = userEventsConntext.userEvents;
-    loadOutcomes();
-    var localStorageKey = buildLocalStorageKey(localStorageProp);
-    var childList = makeChildrenArray(children);
-    var totalWeight = calcTotalWeight(childList);
-    var firstTime = outcomes[name] === undefined;
-    var targetWeight = (_a = outcomes[name]) !== null && _a !== void 0 ? _a : Math.random() * totalWeight;
-    outcomes[name] = targetWeight;
-    saveOutcomes();
-    for (var _i = 0, childList_2 = childList; _i < childList_2.length; _i++) {
-        var child = childList_2[_i];
-        targetWeight -= child.props.weight;
-        if (targetWeight > 0)
-            continue;
-        if (!child.key) {
-            throw missingKeyError;
-        }
-        experimentsTestData[name] = (_b = child.key) === null || _b === void 0 ? void 0 : _b.toString();
-        if (firstTime) {
-            if (localStorageProp !== false) {
-                localStorage.setItem(localStorageKey, mergeData(experimentsTestData));
-            }
-            if (!isLocalhost) {
-                userEvents === null || userEvents === void 0 ? void 0 : userEvents.testStarted({});
-                testStarted === null || testStarted === void 0 ? void 0 : testStarted();
-            }
-        }
-        return child;
-    }
-    throw new Error('Experiment Choice Failed');
+var EthAccount = function (_a) {
+    var address = _a.address, _b = _a.icon, icon = _b === void 0 ? false : _b, _c = _a.iconSize, iconSize = _c === void 0 ? 16 : _c, _d = _a.iconOnly, iconOnly = _d === void 0 ? false : _d, _e = _a.addressLength, addressLength = _e === void 0 ? 'auto' : _e, _f = _a.fontFamily, fontFamily = _f === void 0 ? '"Source Code Pro",monospace' : _f, toEtherScan = _a.toEtherScan, onButtonClick = _a.onButtonClick, props = __rest(_a, ["address", "icon", "iconSize", "iconOnly", "addressLength", "fontFamily", "toEtherScan", "onButtonClick"]);
+    var localAddress = useContext(EthersContext).localAddress;
+    var theme = useTheme();
+    var large = useMediaQuery(theme.breakpoints.up('md'));
+    var isLocalAddress = address ? (localAddress === null || localAddress === void 0 ? void 0 : localAddress.toString()) === address.toString() : false;
+    var onClickLocal = function (event) {
+        onButtonClick === null || onButtonClick === void 0 ? void 0 : onButtonClick(event);
+        if (toEtherScan && address) {
+            window.open("https://etherscan.io/address/".concat(address.toString()), '_blank');
+        }
+    };
+    var addressToDisplay = assertEx(address !== null && address !== void 0 ? address : EthAddress.fromString('0x00'), 'Bad Eth Address');
+    var testToDisplay = addressLength === 'long'
+        ? addressToDisplay.toString()
+        : addressLength === 'short'
+            ? addressToDisplay.toShortString()
+            : large
+                ? addressToDisplay.toString()
+                : addressToDisplay.toShortString();
+    // Note: We use the all zero address for spacing in case it is
+    return (jsx(ButtonEx, __assign({ onClick: onClickLocal, title: "0x".concat(address === null || address === void 0 ? void 0 : address.toHex()) }, props, { children: jsxs(FlexGrowRow, __assign({ justifyContent: "space-between", alignItems: "center" }, { children: [icon && address ? jsx(Identicon, { size: iconSize, value: address === null || address === void 0 ? void 0 : address.toHex() }, void 0) : null, iconOnly ? null : (jsxs(FlexRow, { children: [jsx(Typography, __assign({ marginLeft: icon ? 1 : 0, variant: "body1", fontFamily: fontFamily, visibility: address ? 'inherit' : 'hidden' }, { children: testToDisplay }), void 0), address ? null : (jsx(Typography, __assign({ position: "absolute", marginLeft: icon ? 1 : 0, variant: "body1", fontFamily: fontFamily }, { children: "-- --" }), void 0))] }, void 0)), isLocalAddress ? jsx(FlexRow, __assign({ marginLeft: 0.5 }, { children: "(You)" }), void 0) : null] }), void 0) }), void 0));
+};
+var Experiment = function (props) {
+    var children = props.children;
+    return jsx(Fragment, { children: children }, void 0);
 };
-var LinkToEx = function (_a) {
-    var to = _a.to, props = __rest(_a, ["to"]);
-    return jsx(Link, __assign({ component: Link$1, to: to }, props), 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 NumberStatus = function (_a) {
-    var _b, _c;
-    var error = _a.error, _d = _a.format, format = _d === void 0 ? '0[.]0a' : _d, _e = _a.color, color = _e === void 0 ? 'primary' : _e, title = _a.title, value = _a.value, size = _a.size, fontSize = _a.fontSize, _f = _a.rounded, rounded = _f === void 0 ? false : _f, _g = _a.autoWidth, autoWidth = _g === void 0 ? false : _g, style = _a.style, props = __rest(_a, ["error", "format", "color", "title", "value", "size", "fontSize", "rounded", "autoWidth", "style"]);
-    var theme = useTheme();
-    var palette = color === 'inherit' ? undefined : theme.palette[color];
-    var bgColorTop = (_b = palette === null || palette === void 0 ? void 0 : palette.dark) !== null && _b !== void 0 ? _b : theme.palette.background.paper;
-    var bgColorBottom = (_c = palette === null || palette === void 0 ? void 0 : palette.main) !== null && _c !== void 0 ? _c : theme.palette.background.default;
-    var sizePixels = size === 'large' ? 96 : size === 'small' ? 64 : 80;
-    var calcFontSize = fontSize !== null && fontSize !== void 0 ? fontSize : sizePixels * 0.2;
-    return (jsx(ButtonEx, __assign({ size: size, padding: 0, style: __assign({ borderRadius: rounded ? theme.shape.borderRadius : 0, overflow: rounded ? 'hidden' : undefined }, style) }, props, { children: jsxs(FlexCol, __assign({ alignItems: "stretch", height: sizePixels, width: autoWidth ? '100%' : sizePixels, busy: value === undefined && !error }, { children: [jsx(FlexGrowRow, __assign({ bgcolor: bgColorTop, color: theme.palette.getContrastText(bgColorTop), fontSize: calcFontSize, fontFamily: "Source Code Pro,monospace", alignItems: "center", height: sizePixels * 0.75 }, { children: numeral(value).format(format) }), void 0), jsx(FlexGrowRow, __assign({ bgcolor: bgColorBottom, borderTop: "1px", color: theme.palette.getContrastText(bgColorBottom), fontSize: sizePixels * 0.12, fontFamily: theme.typography.fontFamily, height: sizePixels * 0.25 }, { children: title }), void 0)] }), void 0) }), void 0));
+var LinkToEx = function (_a) {
+    var to = _a.to, props = __rest(_a, ["to"]);
+    return jsx(Link, __assign({ component: Link$1, to: to }, props), void 0);
 };
-var QuickTipButton = function (_a) {
-    var title = _a.title, children = _a.children, props = __rest(_a, ["title", "children"]);
-    var _b = useState(false), messageOpen = _b[0], setMessageOpen = _b[1];
-    return (jsxs(Fragment, { children: [jsx(IconButton, __assign({ onClick: function () { return setMessageOpen(true); }, size: "small" }, props, { children: jsx(AiOutlineQuestionCircle, { size: 16 }, void 0) }), void 0), jsx(MessageDialog, __assign({ onOk: function () { return setMessageOpen(false); }, onCancel: function () { return setMessageOpen(false); }, onClose: function () { return setMessageOpen(false); }, open: messageOpen, title: title !== null && title !== void 0 ? title : '' }, { children: children }), void 0)] }, void 0));
+var NumberStatus = function (_a) {
+    var _b, _c;
+    var error = _a.error, _d = _a.format, format = _d === void 0 ? '0[.]0a' : _d, _e = _a.color, color = _e === void 0 ? 'primary' : _e, title = _a.title, value = _a.value, size = _a.size, fontSize = _a.fontSize, _f = _a.rounded, rounded = _f === void 0 ? false : _f, _g = _a.autoWidth, autoWidth = _g === void 0 ? false : _g, style = _a.style, props = __rest(_a, ["error", "format", "color", "title", "value", "size", "fontSize", "rounded", "autoWidth", "style"]);
+    var theme = useTheme();
+    var palette = color === 'inherit' ? undefined : theme.palette[color];
+    var bgColorTop = (_b = palette === null || palette === void 0 ? void 0 : palette.dark) !== null && _b !== void 0 ? _b : theme.palette.background.paper;
+    var bgColorBottom = (_c = palette === null || palette === void 0 ? void 0 : palette.main) !== null && _c !== void 0 ? _c : theme.palette.background.default;
+    var sizePixels = size === 'large' ? 96 : size === 'small' ? 64 : 80;
+    var calcFontSize = fontSize !== null && fontSize !== void 0 ? fontSize : sizePixels * 0.2;
+    return (jsx(ButtonEx, __assign({ size: size, padding: 0, style: __assign({ borderRadius: rounded ? theme.shape.borderRadius : 0, overflow: rounded ? 'hidden' : undefined }, style) }, props, { children: jsxs(FlexCol, __assign({ alignItems: "stretch", height: sizePixels, width: autoWidth ? '100%' : sizePixels, busy: value === undefined && !error }, { children: [jsx(FlexGrowRow, __assign({ bgcolor: bgColorTop, color: theme.palette.getContrastText(bgColorTop), fontSize: calcFontSize, fontFamily: "Source Code Pro,monospace", alignItems: "center", height: sizePixels * 0.75 }, { children: numeral(value).format(format) }), void 0), jsx(FlexGrowRow, __assign({ bgcolor: bgColorBottom, borderTop: "1px", color: theme.palette.getContrastText(bgColorBottom), fontSize: sizePixels * 0.12, fontFamily: theme.typography.fontFamily, height: sizePixels * 0.25 }, { children: title }), void 0)] }), void 0) }), void 0));
 };
-var 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 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));
 };
-var ActionStatusType;
-(function (ActionStatusType) {
-    ActionStatusType["ActiveActionStatus"] = "ActiveActionStatus";
-    ActionStatusType["CompletedActionStatus"] = "CompletedActionStatus";
-    ActionStatusType["FailedActionStatus"] = "FailedActionStatus";
-    ActionStatusType["PotentialActionStatus"] = "PotentialActionStatus";
+var RichResult = function (props) {
+    var thing = props.thing;
+    var thingWithContext = thing;
+    thingWithContext['@context'] = 'https://schema.org';
+    return jsx("script", __assign({ type: "application/ld+json" }, { children: JSON.stringify(thingWithContext) }), void 0);
+};
+var ActionStatusType;
+(function (ActionStatusType) {
+    ActionStatusType["ActiveActionStatus"] = "ActiveActionStatus";
+    ActionStatusType["CompletedActionStatus"] = "CompletedActionStatus";
+    ActionStatusType["FailedActionStatus"] = "FailedActionStatus";
+    ActionStatusType["PotentialActionStatus"] = "PotentialActionStatus";
 })(ActionStatusType || (ActionStatusType = {}));
-var ContactPointOption;
-(function (ContactPointOption) {
-    ContactPointOption["HearingImpairedSupported"] = "HearingImpairedSupported";
-    ContactPointOption["TollFree"] = "TollFree";
+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
-var ScrollToTop = function () {
-    var pathname = useLocation().pathname;
-    useEffect(function () {
-        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";
-var base10Shift = function (bn, places) {
-    var factor = new BigNumber(10).pow(new BigNumber(Math.abs(places)));
-    if (places > 0) {
-        return bn.mul(factor);
-    }
-    else {
-        return bn.div(factor);
-    }
-};
-var TokenAmount = function (_a) {
-    var _b = _a.textFontFamily, textFontFamily = _b === void 0 ? '"Source Code Pro",monospace' : _b, textColor = _a.textColor, statusColor = _a.statusColor, style = _a.style, amount = _a.amount, _c = _a.places, places = _c === void 0 ? -18 : _c, logo = _a.logo, label = _a.label, onButtonClick = _a.onButtonClick, props = __rest(_a, ["textFontFamily", "textColor", "statusColor", "style", "amount", "places", "logo", "label", "onButtonClick"]);
-    var adjustedAmount = amount ? base10Shift(amount, places).toNumber() : undefined;
-    var amountString = adjustedAmount ? Math.trunc(adjustedAmount).toLocaleString() : '-';
-    return (jsx(ButtonEx, __assign({ style: __assign({ backgroundColor: statusColor }, style), variant: "outlined", onClick: onButtonClick }, props, { children: jsxs(FlexRow, __assign({ justifyContent: "space-between", width: "100%", busy: amount === undefined, busySize: 16 }, { children: [jsxs(FlexRow, { children: [logo ? jsx("img", { src: xyoLogo, height: 24 }, void 0) : null, label ? (jsx(Typography, __assign({ marginRight: 1, marginLeft: logo ? 1 : 0, noWrap: true, fontFamily: textFontFamily, variant: "caption" }, { children: label }), void 0)) : null] }, void 0), jsx(Typography, __assign({ color: textColor, noWrap: true, fontFamily: textFontFamily, variant: "body1", style: { textTransform: 'none' } }, { children: amountString }), void 0)] }), void 0) }), void 0));
+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 };