@xylabs/sdk-react 2.7.21 → 2.7.25

package/dist/node/index.js

@@ -7,7 +7,7 @@ var material = require('@mui/material');
 var ai = require('react-icons/ai');
 var styles = require('@mui/styles');
 var md5 = require('md5');
-var React = require('react');
+var react = require('react');
 var reactRouterDom = require('react-router-dom');
 var iconsMaterial = require('@mui/icons-material');
 var reactHelmet = require('react-helmet');
@@ -22,7 +22,6 @@ var numeral = require('numeral');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var md5__default = /*#__PURE__*/_interopDefaultLegacy(md5);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var clone__default = /*#__PURE__*/_interopDefaultLegacy(clone);
 var numeral__default = /*#__PURE__*/_interopDefaultLegacy(numeral);
 
@@ -116,2463 +115,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 = material.useTheme();
-    return (jsxRuntime.jsx(material.Box, __assign({ display: "flex", bgcolor: material.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: jsxRuntime.jsx(material.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 = material.useTheme();
+    return (jsxRuntime.jsx(material.Box, __assign({ display: "flex", bgcolor: material.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: jsxRuntime.jsx(material.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 = material.useTheme();
-    return (jsxRuntime.jsx(material.Box, __assign({ display: "flex", flexDirection: "column", bgcolor: material.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: jsxRuntime.jsx(material.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 = material.useTheme();
+    return (jsxRuntime.jsx(material.Box, __assign({ display: "flex", flexDirection: "column", bgcolor: material.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: jsxRuntime.jsx(material.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 = material.useTheme();
-    return (jsxRuntime.jsxs(material.Box, __assign({ component: paper ? material.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' ? (jsxRuntime.jsx(BusyLinearProgress, __assign({ color: busyColor, opacity: busyOpacity }, busyLinearProps), void 0)) : null, busy && busyVariant === 'circular' ? (jsxRuntime.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 = material.useTheme();
+    return (jsxRuntime.jsxs(material.Box, __assign({ component: paper ? material.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' ? (jsxRuntime.jsx(BusyLinearProgress, __assign({ color: busyColor, opacity: busyOpacity }, busyLinearProps), void 0)) : null, busy && busyVariant === 'circular' ? (jsxRuntime.jsx(BusyCircularProgress, __assign({ color: busyColor, opacity: busyOpacity, size: busySize }, busyCircularProps), void 0)) : null] }), void 0));
 };
 
-var FlexCol = function (props) {
-    return jsxRuntime.jsx(BusyBox, __assign({ alignItems: "center", display: "flex", flexDirection: "column", justifyContent: "center" }, props), void 0);
-};
-var FlexGrowCol = function (props) {
-    return jsxRuntime.jsx(FlexCol, __assign({ flexGrow: 1 }, props), void 0);
+var FlexCol = function (props) {
+    return jsxRuntime.jsx(BusyBox, __assign({ alignItems: "center", display: "flex", flexDirection: "column", justifyContent: "center" }, props), void 0);
 };
-
-var FlexRow = function (props) {
-    return jsxRuntime.jsx(BusyBox, __assign({ alignItems: "center", display: "flex", flexDirection: "row", justifyContent: "center" }, props), void 0);
-};
-var FlexGrowRow = function (props) {
-    return jsxRuntime.jsx(FlexRow, __assign({ flexGrow: 1 }, props), void 0);
+var FlexGrowCol = function (props) {
+    return jsxRuntime.jsx(FlexCol, __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 jsxRuntime.jsx(FlexRow, __assign({}, props), void 0);
+var FlexRow = function (props) {
+    return jsxRuntime.jsx(BusyBox, __assign({ alignItems: "center", display: "flex", flexDirection: "row", justifyContent: "center" }, props), void 0);
+};
+var FlexGrowRow = function (props) {
+    return jsxRuntime.jsx(FlexRow, __assign({ flexGrow: 1 }, props), void 0);
 };
 
-var ErrorViewer = function (props) {
-    var error = props.error, boxProps = __rest(props, ["error"]);
-    var theme = material.useTheme();
-    return (jsxRuntime.jsxs(FlexCol, __assign({ color: theme.palette.error.main }, boxProps, { children: [jsxRuntime.jsx(material.Typography, __assign({ align: "center", variant: "subtitle1" }, { children: error === null || error === void 0 ? void 0 : error.name }), void 0), jsxRuntime.jsx(material.Typography, __assign({ align: "center", variant: "body2" }, { children: error === null || error === void 0 ? void 0 : error.message }), void 0)] }), 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 jsxRuntime.jsx(FlexRow, __assign({}, props), void 0);
 };
 
-var ErrorsViewer = function (props) {
-    var onRetry = props.onRetry, errors = props.errors, boxProps = __rest(props, ["onRetry", "errors"]);
-    return (jsxRuntime.jsxs(FlexGrowCol, __assign({ padding: 1 }, boxProps, { children: [errors === null || errors === void 0 ? void 0 : errors.map(function (error, index) {
-                return jsxRuntime.jsx(ErrorViewer, { error: error }, index);
-            }), onRetry ? (jsxRuntime.jsx(material.IconButton, __assign({ onClick: onRetry }, { children: jsxRuntime.jsx(ai.AiOutlineReload, {}, void 0) }), void 0)) : null] }), void 0));
+var ErrorViewer = function (props) {
+    var error = props.error, boxProps = __rest(props, ["error"]);
+    var theme = material.useTheme();
+    return (jsxRuntime.jsxs(FlexCol, __assign({ color: theme.palette.error.main }, boxProps, { children: [jsxRuntime.jsx(material.Typography, __assign({ align: "center", variant: "subtitle1" }, { children: error === null || error === void 0 ? void 0 : error.name }), void 0), jsxRuntime.jsx(material.Typography, __assign({ align: "center", variant: "body2" }, { children: error === null || error === void 0 ? void 0 : error.message }), 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 = material.useTheme();
-    if (open) {
-        return (jsxRuntime.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 ? (jsxRuntime.jsx(material.CircularProgress, { style: { opacity: opacity } }, void 0)) : (jsxRuntime.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 = styles.makeStyles(function () {
-        return styles.createStyles({
-            zoomdiv: {
-                '&:hover': {
-                    transform: "scale(".concat(scale, ")"),
-                    transitionDuration: '0.2s',
-                    transitionTimingFunction: 'ease',
-                },
-            },
-        });
-    });
-    var classes = useStyles();
-    return (jsxRuntime.jsx(FlexRow, { children: jsxRuntime.jsx(material.Box, __assign({ className: classes.zoomdiv }, { children: children }), void 0) }, void 0));
+var ErrorsViewer = function (props) {
+    var onRetry = props.onRetry, errors = props.errors, boxProps = __rest(props, ["onRetry", "errors"]);
+    return (jsxRuntime.jsxs(FlexGrowCol, __assign({ padding: 1 }, boxProps, { children: [errors === null || errors === void 0 ? void 0 : errors.map(function (error, index) {
+                return jsxRuntime.jsx(ErrorViewer, { error: error }, index);
+            }), onRetry ? (jsxRuntime.jsx(material.IconButton, __assign({ onClick: onRetry }, { children: jsxRuntime.jsx(ai.AiOutlineReload, {}, void 0) }), void 0)) : null] }), 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__default["default"](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 = React.useRef(null);
-    React.useEffect(function () {
-        updateCanvas(canvas, { bg: bg, className: className, count: count, fg: fg, iconPadding: iconPadding, palette: palette, size: size, value: value });
-    });
-    return (jsxRuntime.jsx(FlexRow, __assign({}, props, { children: jsxRuntime.jsx("canvas", { className: className, ref: canvas, style: { height: size, width: size } }, void 0) }), void 0));
+var CoverProgress = function (props) {
+    var _a;
+    var _b = props.paper, paper = _b === void 0 ? true : _b, open = props.open, _c = props.opacity, opacity = _c === void 0 ? 0.25 : _c, errors = props.errors, onRetry = props.onRetry;
+    var theme = material.useTheme();
+    if (open) {
+        return (jsxRuntime.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 ? (jsxRuntime.jsx(material.CircularProgress, { style: { opacity: opacity } }, void 0)) : (jsxRuntime.jsx(ErrorsViewer, { margin: 1, errors: errors, onRetry: onRetry }, void 0)) }), void 0));
+    }
+    return null;
 };
 
-var RedirectWithQuery = function (_a) {
-    var to = _a.to, toOptions = _a.toOptions;
-    var newPath = "".concat(to).concat(document.location.search);
-    var navigate = reactRouterDom.useNavigate();
-    var pathname = reactRouterDom.useLocation().pathname;
-    React.useEffect(function () {
-        if (newPath !== pathname) {
-            navigate(newPath, __assign({ replace: true }, toOptions));
-        }
-    });
-    return jsxRuntime.jsx("div", {}, void 0);
+var HoverScale = function (props) {
+    var children = props.children, _a = props.scale, scale = _a === void 0 ? 1.1 : _a;
+    var useStyles = styles.makeStyles(function () {
+        return styles.createStyles({
+            zoomdiv: {
+                '&:hover': {
+                    transform: "scale(".concat(scale, ")"),
+                    transitionDuration: '0.2s',
+                    transitionTimingFunction: 'ease',
+                },
+            },
+        });
+    });
+    var classes = useStyles();
+    return (jsxRuntime.jsx(FlexRow, { children: jsxRuntime.jsx(material.Box, __assign({ className: classes.zoomdiv }, { children: children }), void 0) }, void 0));
 };
 
-var ScrollToTopButton = function (_a) {
-    var children = _a.children, anchorId = _a.anchorId, props = __rest(_a, ["children", "anchorId"]);
-    var trigger = material.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 = material.useTheme();
-    return (jsxRuntime.jsx(material.Zoom, __assign({ in: trigger }, props, { children: jsxRuntime.jsx(material.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 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__default["default"](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 = react.useRef(null);
+    react.useEffect(function () {
+        updateCanvas(canvas, { bg: bg, className: className, count: count, fg: fg, iconPadding: iconPadding, palette: palette, size: size, value: value });
+    });
+    return (jsxRuntime.jsx(FlexRow, __assign({}, props, { children: jsxRuntime.jsx("canvas", { className: className, ref: canvas, style: { height: size, width: size } }, 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 = material.useTheme();
-    var AppBarExInner = function () {
-        return (jsxRuntime.jsxs(FlexGrowRow, __assign({ justifyContent: "space-between" }, { children: [contextToolbar !== null && contextToolbar !== void 0 ? contextToolbar : jsxRuntime.jsx(material.Toolbar, {}, void 0), systemToolbar !== null && systemToolbar !== void 0 ? systemToolbar : jsxRuntime.jsx(material.Toolbar, {}, void 0)] }), void 0));
-    };
-    return (jsxRuntime.jsx(material.AppBar, __assign({ position: "static", style: __assign({ backgroundColor: theme.palette.background.paper, color: theme.palette.text.primary, display: 'flex' }, style) }, appbarProps, { children: container ? (jsxRuntime.jsx(material.Container, __assign({ maxWidth: container }, { children: jsxRuntime.jsx(AppBarExInner, {}, void 0) }), void 0)) : (jsxRuntime.jsx(AppBarExInner, {}, void 0)) }), void 0));
+var RedirectWithQuery = function (_a) {
+    var to = _a.to, toOptions = _a.toOptions;
+    var newPath = "".concat(to).concat(document.location.search);
+    var navigate = reactRouterDom.useNavigate();
+    var pathname = reactRouterDom.useLocation().pathname;
+    react.useEffect(function () {
+        if (newPath !== pathname) {
+            navigate(newPath, __assign({ replace: true }, toOptions));
+        }
+    });
+    return jsxRuntime.jsx("div", {}, void 0);
 };
 
-var CookieConsentContext = React.createContext({});
+var ScrollToTopButton = function (_a) {
+    var children = _a.children, anchorId = _a.anchorId, props = __rest(_a, ["children", "anchorId"]);
+    var trigger = material.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 = material.useTheme();
+    return (jsxRuntime.jsx(material.Zoom, __assign({ in: trigger }, props, { children: jsxRuntime.jsx(material.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 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 = React.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 (jsxRuntime.jsx(CookieConsentContext.Provider, __assign({ value: { accepted: accepted, clearAccepted: clearAccepted, setAccepted: setAcceptedHandler, storageName: CookiesAcceptedLocalStorageName } }, { children: children }), void 0));
+var AppBarEx = function (props) {
+    var contextToolbar = props.contextToolbar, systemToolbar = props.systemToolbar, container = props.container, style = props.style, appbarProps = __rest(props, ["contextToolbar", "systemToolbar", "container", "style"]);
+    var theme = material.useTheme();
+    var AppBarExInner = function () {
+        return (jsxRuntime.jsxs(FlexGrowRow, __assign({ justifyContent: "space-between" }, { children: [contextToolbar !== null && contextToolbar !== void 0 ? contextToolbar : jsxRuntime.jsx(material.Toolbar, {}, void 0), systemToolbar !== null && systemToolbar !== void 0 ? systemToolbar : jsxRuntime.jsx(material.Toolbar, {}, void 0)] }), void 0));
+    };
+    return (jsxRuntime.jsx(material.AppBar, __assign({ position: "static", style: __assign({ backgroundColor: theme.palette.background.paper, color: theme.palette.text.primary, display: 'flex' }, style) }, appbarProps, { children: container ? (jsxRuntime.jsx(material.Container, __assign({ maxWidth: container }, { children: jsxRuntime.jsx(AppBarExInner, {}, void 0) }), void 0)) : (jsxRuntime.jsx(AppBarExInner, {}, void 0)) }), void 0));
 };
 
-var useCookieConsent = function () {
-    return React.useContext(CookieConsentContext);
+var CookieConsentContext = react.createContext({});
+
+var CookiesAcceptedLocalStorageName = 'CookiesAccepted';
+var CookieConsentLoader = function (_a) {
+    var children = _a.children;
+    var getAcceptedFromLocalStorage = function () {
+        return localStorage.getItem(CookiesAcceptedLocalStorageName) === 'true';
+    };
+    var setAcceptedToLocalStorage = function (accepted) {
+        localStorage.setItem(CookiesAcceptedLocalStorageName, accepted ? 'true' : 'false');
+    };
+    var _b = __read(react.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 (jsxRuntime.jsx(CookieConsentContext.Provider, __assign({ value: { accepted: accepted, clearAccepted: clearAccepted, setAccepted: setAcceptedHandler, storageName: CookiesAcceptedLocalStorageName } }, { children: children }), void 0));
 };
 
-var EthersContext = React__default["default"].createContext({});
+var useCookieConsent = function () {
+    return react.useContext(CookieConsentContext);
+};
 
-var infuraKey = '1d9f8053c65a49cfb99fafaa8ef201c0';
-var InfuraEthersLoader = function (props) {
-    var children = props.children;
-    var chainId = 1;
-    var provider = new providers.InfuraProvider(1, infuraKey);
-    return (jsxRuntime.jsx(EthersContext.Provider, __assign({ value: {
-            busy: false,
-            chainId: chainId,
-            isConnected: true,
-            provider: provider,
-            signer: null,
-        } }, { children: children }), void 0));
+var EthersContext = react.createContext({});
+
+var infuraKey = '1d9f8053c65a49cfb99fafaa8ef201c0';
+var InfuraEthersLoader = function (props) {
+    var children = props.children;
+    var chainId = 1;
+    var provider = new providers.InfuraProvider(1, infuraKey);
+    return (jsxRuntime.jsx(EthersContext.Provider, __assign({ value: {
+            busy: false,
+            chainId: chainId,
+            isConnected: true,
+            provider: provider,
+            signer: null,
+        } }, { children: children }), void 0));
 };
 
-var getApiStage = function () {
-    return sdkJs.getApiStage(document.location.hostname);
+var getApiStage = function () {
+    return sdkJs.getApiStage(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) {
-    React.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) {
+    react.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;
 }(pixel.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*/, sdkJs.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*/, sdkJs.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*/, sdkJs.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*/, sdkJs.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 = sdkJs.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*/, sdkJs.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 = sdkJs.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*/, sdkJs.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*/, sdkJs.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*/, sdkJs.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*/, sdkJs.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*/, sdkJs.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 = queryString.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 ? queryString.stringify(parsedQueryString) : '';
-        sessionStorage.setItem('initialQuery', remainingSearch);
-        sessionStorage.setItem('initialPage', document.location.href);
-    }
-    Gtag.prototype.updatePagePath = function (page_path) {
-        var ga4id = sdkJs.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 = sdkJs.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 = queryString.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 ? queryString.stringify(parsedQueryString) : '';
+        sessionStorage.setItem('initialQuery', remainingSearch);
+        sessionStorage.setItem('initialPage', document.location.href);
+    }
+    Gtag.prototype.updatePagePath = function (page_path) {
+        var ga4id = sdkJs.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 = sdkJs.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 sdkJs.assertEx(Gtag.instance, 'Missing/uninitialized gtag');
-    };
-    GoogleBaseEvent.prototype.gtm = function () {
-        return sdkJs.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 sdkJs.assertEx(Gtag.instance, 'Missing/uninitialized gtag');
+    };
+    GoogleBaseEvent.prototype.gtm = function () {
+        return sdkJs.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*/, sdkJs.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 = sdkJs.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*/, sdkJs.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 = sdkJs.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*/, sdkJs.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*/, sdkJs.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*/, sdkJs.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*/, sdkJs.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*/, sdkJs.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*/, sdkJs.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*/, sdkJs.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*/, sdkJs.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*/, sdkJs.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*/, sdkJs.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 = sdkJs.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*/, sdkJs.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 = sdkJs.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*/, sdkJs.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*/, sdkJs.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*/, sdkJs.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*/, sdkJs.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*/, sdkJs.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*/, pixel.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*/, pixel.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 = React.useState(), error = _b[0], setError = _b[1];
-    var _c = React.useState(), localAddress = _c[0], setLocalAddress = _c[1];
-    var _d = React.useState(0), resetCount = _d[0], setResetCount = _d[1];
-    var _e = React.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 = React.useState(), isConnected = _f[0], setIsConnected = _f[1];
-    React.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(sdkJs.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 = React.useState(), walletProvider = _g[0], setWalletProvider = _g[1];
-    var _h = React.useState(), provider = _h[0], setProvider = _h[1];
-    var _j = React.useState(), signer = _j[0], setSigner = _j[1];
-    React.useEffect(function () {
-        if (enabled) {
-            var walletProvider_1 = ethereum ? new providers.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 providers.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 = sdkJs.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 = React.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 (jsxRuntime.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 = React.useState(), error = _a[0], setError = _a[1];
-    var _b = React.useState(), localAddress = _b[0], setLocalAddress = _b[1];
-    var _c = React.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 = React.useState(), isConnected = _d[0], setIsConnected = _d[1];
-    var _e = React.useState(), walletProvider = _e[0], setWalletProvider = _e[1];
-    var _f = React.useState(), provider = _f[0], setProvider = _f[1];
-    var _g = React.useState(), signer = _g[0], setSigner = _g[1];
-    React.useEffect(function () {
-        var walletProvider = ethereum ? new providers.Web3Provider(ethereum) : null;
-        var provider = null;
-        var providerName = null;
-        if (walletProvider) {
-            provider = walletProvider;
-            providerName = 'MyEtherWallet';
-        }
-        else {
-            provider = new providers.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 = sdkJs.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 = React.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 (jsxRuntime.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 = React.useState(), error = _g[0], setError = _g[1];
-    var _h = React.useState(), signer = _h[0], setSigner = _h[1];
-    var _j = React.useState(), provider = _j[0], setProvider = _j[1];
-    var _k = React.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 ? sdkJs.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__default["default"].useEffect(function () {
-        var cancelled = false;
-        if (ethereum) {
-            ethereum.enable();
-            var operaProvider = new providers.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 = sdkJs.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 (jsxRuntime.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 = React.useState(), error = _a[0], setError = _a[1];
-    var _b = React.useState(), localAddress = _b[0], setLocalAddress = _b[1];
-    var trustProvider = new providers.Web3Provider(global.ethereum);
-    var signer = trustProvider.getSigner();
-    var chainId = 1;
-    var provider = trustProvider;
-    React.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 = sdkJs.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 (jsxRuntime.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 jsxRuntime.jsx(MetaMaskEthersLoader, { children: children }, void 0);
-    }
-    if ((_b = global.ethereum) === null || _b === void 0 ? void 0 : _b.isTrust) {
-        return jsxRuntime.jsx(TrustEthersLoader, { children: children }, void 0);
-    }
-    if ((_c = global.ethereum) === null || _c === void 0 ? void 0 : _c.isMew) {
-        return jsxRuntime.jsx(MyEtherWalletEthersLoader, { children: children }, void 0);
-    }
-    if (((_d = global.ethereum) === null || _d === void 0 ? void 0 : _d.providerName) === 'opera') {
-        return jsxRuntime.jsx(OperaEthersLoader, { children: children }, void 0);
-    }
-    if (global.ethereum) {
-        return jsxRuntime.jsx(OperaEthersLoader, { children: children }, void 0);
-    }
-    return jsxRuntime.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(react.useState(), 2), error = _b[0], setError = _b[1];
+    var _c = __read(react.useState(), 2), localAddress = _c[0], setLocalAddress = _c[1];
+    var _d = __read(react.useState(0), 2), resetCount = _d[0], setResetCount = _d[1];
+    var _e = __read(react.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(react.useState(), 2), isConnected = _f[0], setIsConnected = _f[1];
+    react.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(sdkJs.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(react.useState(), 2), walletProvider = _g[0], setWalletProvider = _g[1];
+    var _h = __read(react.useState(), 2), provider = _h[0], setProvider = _h[1];
+    var _j = __read(react.useState(), 2), signer = _j[0], setSigner = _j[1];
+    react.useEffect(function () {
+        if (enabled) {
+            var walletProvider_1 = ethereum ? new providers.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 providers.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 = sdkJs.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(react.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 (jsxRuntime.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__default["default"].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(react.useState(), 2), error = _a[0], setError = _a[1];
+    var _b = __read(react.useState(), 2), localAddress = _b[0], setLocalAddress = _b[1];
+    var _c = __read(react.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(react.useState(), 2), isConnected = _d[0], setIsConnected = _d[1];
+    var _e = __read(react.useState(), 2), walletProvider = _e[0], setWalletProvider = _e[1];
+    var _f = __read(react.useState(), 2), provider = _f[0], setProvider = _f[1];
+    var _g = __read(react.useState(), 2), signer = _g[0], setSigner = _g[1];
+    react.useEffect(function () {
+        var walletProvider = ethereum ? new providers.Web3Provider(ethereum) : null;
+        var provider = null;
+        var providerName = null;
+        if (walletProvider) {
+            provider = walletProvider;
+            providerName = 'MyEtherWallet';
+        }
+        else {
+            provider = new providers.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 = sdkJs.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(react.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 (jsxRuntime.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 (jsxRuntime.jsx(NetworkSettingsContext.Provider, __assign({ value: {
-            xyBondAddress: sdkJs.EthAddress.fromString('0x1a024A698EEBdB86ccf3fCaF2F589839bdc066AD'),
-            xyFhrMerkleSendAddress: sdkJs.EthAddress.fromString('0x46FEEBDffC8076D9E5fd8a11CF1508810472A79f'),
-            xyGovernanceAddress: sdkJs.EthAddress.fromString('0x01925d0fFE4a6a6162B51ba611e3D4780Fc2dF42'),
-            xyStakingConsensusAddress: sdkJs.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(react.useState(), 2), error = _g[0], setError = _g[1];
+    var _h = __read(react.useState(), 2), signer = _h[0], setSigner = _h[1];
+    var _j = __read(react.useState(), 2), provider = _j[0], setProvider = _j[1];
+    var _k = __read(react.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 ? sdkJs.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 providers.Web3Provider(ethereum);
+                    provider_1 = operaProvider;
+                    signer_1 = operaProvider.getSigner();
+                    _c.label = 1;
+                case 1:
+                    _c.trys.push([1, 3, , 4]);
+                    _b = (_a = sdkJs.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 (jsxRuntime.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__default["default"].createContext({});
+var TrustEthersLoader = function (props) {
+    var children = props.children;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    var global = window;
+    var _a = __read(react.useState(), 2), error = _a[0], setError = _a[1];
+    var _b = __read(react.useState(), 2), localAddress = _b[0], setLocalAddress = _b[1];
+    var trustProvider = new providers.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 = sdkJs.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 (jsxRuntime.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 jsxRuntime.jsx(MetaMaskEthersLoader, { children: children }, void 0);
+    }
+    if ((_b = global.ethereum) === null || _b === void 0 ? void 0 : _b.isTrust) {
+        return jsxRuntime.jsx(TrustEthersLoader, { children: children }, void 0);
+    }
+    if ((_c = global.ethereum) === null || _c === void 0 ? void 0 : _c.isMew) {
+        return jsxRuntime.jsx(MyEtherWalletEthersLoader, { children: children }, void 0);
+    }
+    if (((_d = global.ethereum) === null || _d === void 0 ? void 0 : _d.providerName) === 'opera') {
+        return jsxRuntime.jsx(OperaEthersLoader, { children: children }, void 0);
+    }
+    if (global.ethereum) {
+        return jsxRuntime.jsx(OperaEthersLoader, { children: children }, void 0);
+    }
+    return jsxRuntime.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 = react.createContext({});
+
+var NetworkSettingsLoader = function (props) {
+    var children = props.children;
+    return (jsxRuntime.jsx(NetworkSettingsContext.Provider, __assign({ value: {
+            xyBondAddress: sdkJs.EthAddress.fromString('0x1a024A698EEBdB86ccf3fCaF2F589839bdc066AD'),
+            xyFhrMerkleSendAddress: sdkJs.EthAddress.fromString('0x46FEEBDffC8076D9E5fd8a11CF1508810472A79f'),
+            xyGovernanceAddress: sdkJs.EthAddress.fromString('0x01925d0fFE4a6a6162B51ba611e3D4780Fc2dF42'),
+            xyStakingConsensusAddress: sdkJs.EthAddress.fromString('0x0242514106114DEaA99Fd81574142c36Edb03B6D'),
+        } }, { children: children }), void 0));
 };
 
-var ButtonExBase = function (props) {
-    var theme = material.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 (jsxRuntime.jsxs(material.Button, __assign({ onClick: localOnClick }, rootProps, { children: [busy && busyVariant === 'linear' ? jsxRuntime.jsx(BusyLinearProgress, { rounded: true, opacity: busyOpacity !== null && busyOpacity !== void 0 ? busyOpacity : 0 }, void 0) : null, busy && busyVariant === 'circular' ? (jsxRuntime.jsx(BusyCircularProgress, { rounded: true, size: 24, opacity: busyOpacity !== null && busyOpacity !== void 0 ? busyOpacity : 0.5 }, void 0)) : null, children] }), void 0));
+var UserEventsContext = react.createContext({});
+
+var calcSpacing = function (theme, values) {
+    for (var i = 0; i < values.length; i++) {
+        var value = values[i];
+        if (value !== undefined) {
+            if (typeof value === 'string') {
+                return value;
+            }
+            else if (typeof value === 'number') {
+                return theme.spacing(value);
+            }
+        }
+    }
 };
 
-var ButtonExTo = function (_a) {
-    var to = _a.to, toOptions = _a.toOptions, onClick = _a.onClick, props = __rest(_a, ["to", "toOptions", "onClick"]);
-    var navigate = reactRouterDom.useNavigate();
-    var localOnClick = function (event) {
-        onClick === null || onClick === void 0 ? void 0 : onClick(event);
-        if (to) {
-            navigate(to, toOptions);
-        }
-    };
-    return jsxRuntime.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 jsxRuntime.jsx(ButtonExTo, __assign({ to: to }, props), void 0);
-    }
-    else {
-        return jsxRuntime.jsx(ButtonExBase, __assign({}, props), void 0);
-    }
+var ButtonExBase = function (props) {
+    var theme = material.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 (jsxRuntime.jsxs(material.Button, __assign({ onClick: localOnClick }, rootProps, { children: [busy && busyVariant === 'linear' ? jsxRuntime.jsx(BusyLinearProgress, { rounded: true, opacity: busyOpacity !== null && busyOpacity !== void 0 ? busyOpacity : 0 }, void 0) : null, busy && busyVariant === 'circular' ? (jsxRuntime.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();
-        }
-    };
-    React.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 (jsxRuntime.jsx(FlexRow, __assign({ justifyContent: "center", paddingY: 2 }, props, { children: jsxRuntime.jsx(material.Typography, __assign({ color: "error", variant: "body1" }, { children: "Missing CookieConsentContext" }), void 0) }), void 0));
-    }
-    return accepted ? null : (jsxRuntime.jsxs(FlexRow, __assign({ justifyContent: "space-between" }, props, { children: [jsxRuntime.jsxs(material.Typography, __assign({ variant: "body2", margin: 2 }, { children: ['This site uses ', jsxRuntime.jsx(material.Link, __assign({ href: "https://cookiesandyou.com/", rel: "noopener noreferrer", target: "_blank" }, { children: "cookies" }), void 0), ' and ', jsxRuntime.jsx(material.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), jsxRuntime.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 = reactRouterDom.useNavigate();
+    var localOnClick = function (event) {
+        onClick === null || onClick === void 0 ? void 0 : onClick(event);
+        if (to) {
+            navigate(to, toOptions);
+        }
+    };
+    return jsxRuntime.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 : (jsxRuntime.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 (jsxRuntime.jsx(CookieConsentLoader, { children: jsxRuntime.jsx(Inner, {}, void 0) }, void 0));
-    }
-    return jsxRuntime.jsx(Inner, {}, void 0);
+var ButtonEx = function (_a) {
+    var to = _a.to, props = __rest(_a, ["to"]);
+    if (to) {
+        return jsxRuntime.jsx(ButtonExTo, __assign({ to: to }, props), void 0);
+    }
+    else {
+        return jsxRuntime.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();
+        }
+    };
+    react.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 (jsxRuntime.jsx(FlexRow, __assign({ justifyContent: "center", paddingY: 2 }, props, { children: jsxRuntime.jsx(material.Typography, __assign({ color: "error", variant: "body1" }, { children: "Missing CookieConsentContext" }), void 0) }), void 0));
+    }
+    return accepted ? null : (jsxRuntime.jsxs(FlexRow, __assign({ justifyContent: "space-between" }, props, { children: [jsxRuntime.jsxs(material.Typography, __assign({ variant: "body2", margin: 2 }, { children: ['This site uses ', jsxRuntime.jsx(material.Link, __assign({ href: "https://cookiesandyou.com/", rel: "noopener noreferrer", target: "_blank" }, { children: "cookies" }), void 0), ' and ', jsxRuntime.jsx(material.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), jsxRuntime.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 : (jsxRuntime.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 (jsxRuntime.jsx(CookieConsentLoader, { children: jsxRuntime.jsx(Inner, {}, void 0) }, void 0));
+    }
+    return jsxRuntime.jsx(Inner, {}, void 0);
 };
 
-var InvertableThemeContext = React__default["default"].createContext({
-    options: {},
+var InvertableThemeContext = react.createContext({
+    options: {},
 });
 
-var InvertableThemeProvider = function (_a) {
-    var _b, _c;
-    var options = _a.options, children = _a.children, dark = _a.dark, _d = _a.scoped, scoped = _d === void 0 ? false : _d, _e = _a.invert, invert = _e === void 0 ? false : _e, noResponsiveFonts = _a.noResponsiveFonts;
-    var contextInvertableTheme = React.useContext(InvertableThemeContext);
-    var clonedOptions = clone__default["default"]((_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 = styles$1.createTheme(clonedOptions);
-    if (!noResponsiveFonts) {
-        theme = material.responsiveFontSizes(theme);
-    }
-    return scoped ? (jsxRuntime.jsx(material.ScopedCssBaseline, { children: jsxRuntime.jsx(InvertableThemeContext.Provider, __assign({ value: { options: clonedOptions } }, { children: jsxRuntime.jsx(material.ThemeProvider, __assign({ theme: theme }, { children: children }), void 0) }), void 0) }, void 0)) : (jsxRuntime.jsx(InvertableThemeContext.Provider, __assign({ value: { options: clonedOptions } }, { children: jsxRuntime.jsx(material.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 = react.useContext(InvertableThemeContext);
+    var clonedOptions = clone__default["default"]((_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 = styles$1.createTheme(clonedOptions);
+    if (!noResponsiveFonts) {
+        theme = material.responsiveFontSizes(theme);
+    }
+    return scoped ? (jsxRuntime.jsx(material.ScopedCssBaseline, { children: jsxRuntime.jsx(InvertableThemeContext.Provider, __assign({ value: { options: clonedOptions } }, { children: jsxRuntime.jsx(material.ThemeProvider, __assign({ theme: theme }, { children: children }), void 0) }), void 0) }, void 0)) : (jsxRuntime.jsx(InvertableThemeContext.Provider, __assign({ value: { options: clonedOptions } }, { children: jsxRuntime.jsx(material.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 = material.useTheme();
-    var scrollToTopAnchorId = 'scroll-to-top-anchor';
-    return (jsxRuntime.jsxs(FlexCol, __assign({ justifyContent: "flex-start", color: theme.palette.text.primary, alignItems: "stretch", width: "100%", maxWidth: "100vw", minHeight: "100vh" }, props, { children: [jsxRuntime.jsx(reactHelmet.Helmet, __assign({ title: title }, { children: noindex ? jsxRuntime.jsx("meta", { content: "noindex", name: "robots" }, void 0) : null }), void 0), scrollToTopButton ? jsxRuntime.jsx("div", { id: scrollToTopAnchorId }, void 0) : null, hideAppBar ? null : appBar, beta ? (jsxRuntime.jsx(FlexRow, __assign({ margin: 1, position: "absolute", top: 0, left: 0, bgcolor: "#cccccc88", paddingX: 1, style: { opacity: 0.5 } }, { children: jsxRuntime.jsx(material.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 ? (jsxRuntime.jsx(material.Container, __assign({ style: { alignItems: 'stretch', display: 'flex', flexDirection: 'column', flexGrow: 1 }, maxWidth: container, disableGutters: disableGutters }, { children: children }), void 0)) : (children), hideFooter ? null : jsxRuntime.jsx("footer", { children: appFooter }, void 0), cookieConsent !== null && cookieConsent !== void 0 ? cookieConsent : (jsxRuntime.jsx(material.ScopedCssBaseline, { children: jsxRuntime.jsx(InvertableThemeProvider, __assign({ invert: true }, { children: jsxRuntime.jsx(CookieConsent, { borderRadius: 0 }, void 0) }), void 0) }, void 0)), scrollToTopButton ? (jsxRuntime.jsx(ScrollToTopButton, __assign({ anchorId: scrollToTopAnchorId }, { children: jsxRuntime.jsx(material.Fab, __assign({ "aria-label": "scroll to top", color: "secondary", size: "small" }, { children: jsxRuntime.jsx(iconsMaterial.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 = material.useTheme();
+    var scrollToTopAnchorId = 'scroll-to-top-anchor';
+    return (jsxRuntime.jsxs(FlexCol, __assign({ justifyContent: "flex-start", color: theme.palette.text.primary, alignItems: "stretch", width: "100%", maxWidth: "100vw", minHeight: "100vh" }, props, { children: [jsxRuntime.jsx(reactHelmet.Helmet, __assign({ title: title }, { children: noindex ? jsxRuntime.jsx("meta", { content: "noindex", name: "robots" }, void 0) : null }), void 0), scrollToTopButton ? jsxRuntime.jsx("div", { id: scrollToTopAnchorId }, void 0) : null, hideAppBar ? null : appBar, beta ? (jsxRuntime.jsx(FlexRow, __assign({ margin: 1, position: "absolute", top: 0, left: 0, bgcolor: "#cccccc88", paddingX: 1, style: { opacity: 0.5 } }, { children: jsxRuntime.jsx(material.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 ? (jsxRuntime.jsx(material.Container, __assign({ style: { alignItems: 'stretch', display: 'flex', flexDirection: 'column', flexGrow: 1 }, maxWidth: container, disableGutters: disableGutters }, { children: children }), void 0)) : (children), hideFooter ? null : jsxRuntime.jsx("footer", { children: appFooter }, void 0), cookieConsent !== null && cookieConsent !== void 0 ? cookieConsent : (jsxRuntime.jsx(material.ScopedCssBaseline, { children: jsxRuntime.jsx(InvertableThemeProvider, __assign({ invert: true }, { children: jsxRuntime.jsx(CookieConsent, { borderRadius: 0 }, void 0) }), void 0) }, void 0)), scrollToTopButton ? (jsxRuntime.jsx(ScrollToTopButton, __assign({ anchorId: scrollToTopAnchorId }, { children: jsxRuntime.jsx(material.Fab, __assign({ "aria-label": "scroll to top", color: "secondary", size: "small" }, { children: jsxRuntime.jsx(iconsMaterial.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();
-    }
-    sdkJs.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 (jsxRuntime.jsxs(material.Breadcrumbs, __assign({ separator: separator }, props, { children: [pathParts.map(function (_pathPart, index) {
-                var path = getPartialPath(pathParts, index);
-                return (jsxRuntime.jsx(material.Link, __assign({ title: index > 0 ? titles === null || titles === void 0 ? void 0 : titles[index - 1] : 'COIN', color: index === pathParts.length - 1 ? 'textPrimary' : 'inherit', component: reactRouterDom.Link, to: path }, { children: index > 0 ? (titles === null || titles === void 0 ? void 0 : titles[index - 1]) : (jsxRuntime.jsx(FlexRow, { children: typeof logo === 'string' ? jsxRuntime.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();
+    }
+    sdkJs.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 (jsxRuntime.jsxs(material.Breadcrumbs, __assign({ separator: separator }, props, { children: [pathParts.map(function (_pathPart, index) {
+                var path = getPartialPath(pathParts, index);
+                return (jsxRuntime.jsx(material.Link, __assign({ title: index > 0 ? titles === null || titles === void 0 ? void 0 : titles[index - 1] : 'COIN', color: index === pathParts.length - 1 ? 'textPrimary' : 'inherit', component: reactRouterDom.Link, to: path }, { children: index > 0 ? (titles === null || titles === void 0 ? void 0 : titles[index - 1]) : (jsxRuntime.jsx(FlexRow, { children: typeof logo === 'string' ? jsxRuntime.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 (jsxRuntime.jsxs(material.Dialog, __assign({}, props, { children: [jsxRuntime.jsx(material.DialogTitle, { children: title }, void 0), jsxRuntime.jsx(material.DialogContent, { children: jsxRuntime.jsx(FlexRow, { children: jsxRuntime.jsx(material.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), jsxRuntime.jsx(material.DialogActions, { children: jsxRuntime.jsxs(FlexRow, __assign({ justifyContent: "space-between", width: "100%", minWidth: "300px" }, { children: [jsxRuntime.jsx(ButtonEx, __assign({ onClick: onCloseClicked, variant: "text" }, { children: "Close" }), void 0), jsxRuntime.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 jsxRuntime.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 (jsxRuntime.jsxs(material.Dialog, __assign({}, props, { children: [jsxRuntime.jsx(material.DialogTitle, { children: title }, void 0), jsxRuntime.jsx(material.DialogContent, { children: jsxRuntime.jsx(FlexRow, { children: jsxRuntime.jsx(material.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), jsxRuntime.jsx(material.DialogActions, { children: jsxRuntime.jsxs(FlexRow, __assign({ justifyContent: "space-between", width: "100%", minWidth: "300px" }, { children: [jsxRuntime.jsx(ButtonEx, __assign({ onClick: onCloseClicked, variant: "text" }, { children: "Close" }), void 0), jsxRuntime.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 jsxRuntime.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 (jsxRuntime.jsxs(material.Dialog, __assign({}, props, { children: [jsxRuntime.jsx(material.DialogTitle, { children: title }, void 0), jsxRuntime.jsx(material.DialogContent, { children: jsxRuntime.jsx(FlexCol, __assign({ alignItems: "stretch" }, { children: children }), void 0) }, void 0), jsxRuntime.jsx(material.DialogActions, { children: jsxRuntime.jsxs(FlexRow, __assign({ justifyContent: "space-between", width: "100%" }, { children: [jsxRuntime.jsx(material.Button, __assign({ onClick: onCancel, variant: "text" }, { children: "Cancel" }), void 0), jsxRuntime.jsx(material.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 (jsxRuntime.jsxs(material.Dialog, __assign({}, props, { children: [jsxRuntime.jsx(material.DialogTitle, { children: title }, void 0), jsxRuntime.jsx(material.DialogContent, { children: jsxRuntime.jsx(FlexCol, __assign({ alignItems: "stretch" }, { children: children }), void 0) }, void 0), jsxRuntime.jsx(material.DialogActions, { children: jsxRuntime.jsxs(FlexRow, __assign({ justifyContent: "space-between", width: "100%" }, { children: [jsxRuntime.jsx(material.Button, __assign({ onClick: onCancel, variant: "text" }, { children: "Cancel" }), void 0), jsxRuntime.jsx(material.Button, __assign({ onClick: onOk, variant: "text" }, { children: "Ok" }), void 0)] }), void 0) }, void 0)] }), void 0));
 };
 
-var useBreakpoint = function () {
-    var theme = material.useTheme();
-    var xs = material.useMediaQuery(theme.breakpoints.only('xs'));
-    var sm = material.useMediaQuery(theme.breakpoints.only('sm'));
-    var md = material.useMediaQuery(theme.breakpoints.only('md'));
-    var lg = material.useMediaQuery(theme.breakpoints.only('lg'));
-    var xl = material.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 = material.useTheme();
+    var xs = material.useMediaQuery(theme.breakpoints.only('xs'));
+    var sm = material.useMediaQuery(theme.breakpoints.only('sm'));
+    var md = material.useMediaQuery(theme.breakpoints.only('md'));
+    var lg = material.useMediaQuery(theme.breakpoints.only('lg'));
+    var xl = material.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 = React.useState(true), mounted = _a[0], setMounted = _a[1];
-    React.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(react.useState(true), 2), mounted = _a[0], setMounted = _a[1];
+    react.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 = reactRouterDom.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 = material.useTheme();
-    return theme.spacing(typeof value === 'string' ? parseInt(value) : value);
-};
-
-var supportsWebP = undefined;
-var useWebP = function (webp, alt) {
-    var _a = React.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 = reactRouterDom.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 = material.useTheme();
+    return theme.spacing(typeof value === 'string' ? parseInt(value) : value);
+};
+
+var supportsWebP = undefined;
+var useWebP = function (webp, alt) {
+    var _a = __read(react.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 = React.useState({
-        height: undefined,
-        width: undefined,
-    }), windowSize = _a[0], setWindowSize = _a[1];
-    React.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(react.useState({
+        height: undefined,
+        width: undefined,
+    }), 2), windowSize = _a[0], setWindowSize = _a[1];
+    react.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 = React.useContext(EthersContext).localAddress;
-    var theme = material.useTheme();
-    var large = material.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 = sdkJs.assertEx(address !== null && address !== void 0 ? address : sdkJs.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 (jsxRuntime.jsx(ButtonEx, __assign({ onClick: onClickLocal, title: "0x".concat(address === null || address === void 0 ? void 0 : address.toHex()) }, props, { children: jsxRuntime.jsxs(FlexGrowRow, __assign({ justifyContent: "space-between", alignItems: "center" }, { children: [icon && address ? jsxRuntime.jsx(Identicon, { size: iconSize, value: address === null || address === void 0 ? void 0 : address.toHex() }, void 0) : null, iconOnly ? null : (jsxRuntime.jsxs(FlexRow, { children: [jsxRuntime.jsx(material.Typography, __assign({ marginLeft: icon ? 1 : 0, variant: "body1", fontFamily: fontFamily, visibility: address ? 'inherit' : 'hidden' }, { children: testToDisplay }), void 0), address ? null : (jsxRuntime.jsx(material.Typography, __assign({ position: "absolute", marginLeft: icon ? 1 : 0, variant: "body1", fontFamily: fontFamily }, { children: "-- --" }), void 0))] }, void 0)), isLocalAddress ? jsxRuntime.jsx(FlexRow, __assign({ marginLeft: 0.5 }, { children: "(You)" }), void 0) : null] }), void 0) }), void 0));
-};
-
-var Experiment = function (props) {
-    var children = props.children;
-    return jsxRuntime.jsx(jsxRuntime.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 = React.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 = react.useContext(EthersContext).localAddress;
+    var theme = material.useTheme();
+    var large = material.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 = sdkJs.assertEx(address !== null && address !== void 0 ? address : sdkJs.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 (jsxRuntime.jsx(ButtonEx, __assign({ onClick: onClickLocal, title: "0x".concat(address === null || address === void 0 ? void 0 : address.toHex()) }, props, { children: jsxRuntime.jsxs(FlexGrowRow, __assign({ justifyContent: "space-between", alignItems: "center" }, { children: [icon && address ? jsxRuntime.jsx(Identicon, { size: iconSize, value: address === null || address === void 0 ? void 0 : address.toHex() }, void 0) : null, iconOnly ? null : (jsxRuntime.jsxs(FlexRow, { children: [jsxRuntime.jsx(material.Typography, __assign({ marginLeft: icon ? 1 : 0, variant: "body1", fontFamily: fontFamily, visibility: address ? 'inherit' : 'hidden' }, { children: testToDisplay }), void 0), address ? null : (jsxRuntime.jsx(material.Typography, __assign({ position: "absolute", marginLeft: icon ? 1 : 0, variant: "body1", fontFamily: fontFamily }, { children: "-- --" }), void 0))] }, void 0)), isLocalAddress ? jsxRuntime.jsx(FlexRow, __assign({ marginLeft: 0.5 }, { children: "(You)" }), void 0) : null] }), void 0) }), void 0));
+};
+
+var Experiment = function (props) {
+    var children = props.children;
+    return jsxRuntime.jsx(jsxRuntime.Fragment, { children: children }, void 0);
 };
 
-var LinkToEx = function (_a) {
-    var to = _a.to, props = __rest(_a, ["to"]);
-    return jsxRuntime.jsx(material.Link, __assign({ component: reactRouterDom.Link, 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 = react.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) {
+                    sdkJs.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 = material.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 (jsxRuntime.jsx(ButtonEx, __assign({ size: size, padding: 0, style: __assign({ borderRadius: rounded ? theme.shape.borderRadius : 0, overflow: rounded ? 'hidden' : undefined }, style) }, props, { children: jsxRuntime.jsxs(FlexCol, __assign({ alignItems: "stretch", height: sizePixels, width: autoWidth ? '100%' : sizePixels, busy: value === undefined && !error }, { children: [jsxRuntime.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__default["default"](value).format(format) }), void 0), jsxRuntime.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 jsxRuntime.jsx(material.Link, __assign({ component: reactRouterDom.Link, to: to }, props), void 0);
 };
 
-var QuickTipButton = function (_a) {
-    var title = _a.title, children = _a.children, props = __rest(_a, ["title", "children"]);
-    var _b = React.useState(false), messageOpen = _b[0], setMessageOpen = _b[1];
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(material.IconButton, __assign({ onClick: function () { return setMessageOpen(true); }, size: "small" }, props, { children: jsxRuntime.jsx(ai.AiOutlineQuestionCircle, { size: 16 }, void 0) }), void 0), jsxRuntime.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 = material.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 (jsxRuntime.jsx(ButtonEx, __assign({ size: size, padding: 0, style: __assign({ borderRadius: rounded ? theme.shape.borderRadius : 0, overflow: rounded ? 'hidden' : undefined }, style) }, props, { children: jsxRuntime.jsxs(FlexCol, __assign({ alignItems: "stretch", height: sizePixels, width: autoWidth ? '100%' : sizePixels, busy: value === undefined && !error }, { children: [jsxRuntime.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__default["default"](value).format(format) }), void 0), jsxRuntime.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 jsxRuntime.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(react.useState(false), 2), messageOpen = _b[0], setMessageOpen = _b[1];
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(material.IconButton, __assign({ onClick: function () { return setMessageOpen(true); }, size: "small" }, props, { children: jsxRuntime.jsx(ai.AiOutlineQuestionCircle, { size: 16 }, void 0) }), void 0), jsxRuntime.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));
 };
 
-exports.ActionStatusType = void 0;
-(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 jsxRuntime.jsx("script", __assign({ type: "application/ld+json" }, { children: JSON.stringify(thingWithContext) }), void 0);
+};
+
+exports.ActionStatusType = void 0;
+(function (ActionStatusType) {
+    ActionStatusType["ActiveActionStatus"] = "ActiveActionStatus";
+    ActionStatusType["CompletedActionStatus"] = "CompletedActionStatus";
+    ActionStatusType["FailedActionStatus"] = "FailedActionStatus";
+    ActionStatusType["PotentialActionStatus"] = "PotentialActionStatus";
 })(exports.ActionStatusType || (exports.ActionStatusType = {}));
 
-exports.ContactPointOption = void 0;
-(function (ContactPointOption) {
-    ContactPointOption["HearingImpairedSupported"] = "HearingImpairedSupported";
-    ContactPointOption["TollFree"] = "TollFree";
+exports.ContactPointOption = void 0;
+(function (ContactPointOption) {
+    ContactPointOption["HearingImpairedSupported"] = "HearingImpairedSupported";
+    ContactPointOption["TollFree"] = "TollFree";
 })(exports.ContactPointOption || (exports.ContactPointOption = {}));
 
-exports.ItemAvailability = void 0;
-(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";
+exports.ItemAvailability = void 0;
+(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";
 })(exports.ItemAvailability || (exports.ItemAvailability = {}));
 
-exports.MapCategoryType = void 0;
-(function (MapCategoryType) {
-    MapCategoryType["ParkingMap"] = "ParkingMap";
-    MapCategoryType["SeatingMap"] = "SeatingMap";
-    MapCategoryType["TransitMap"] = "TransitMap";
-    MapCategoryType["VenueMap"] = "VenueMap";
+exports.MapCategoryType = void 0;
+(function (MapCategoryType) {
+    MapCategoryType["ParkingMap"] = "ParkingMap";
+    MapCategoryType["SeatingMap"] = "SeatingMap";
+    MapCategoryType["TransitMap"] = "TransitMap";
+    MapCategoryType["VenueMap"] = "VenueMap";
 })(exports.MapCategoryType || (exports.MapCategoryType = {}));
 
-// The point of this component it to return to the top of the page on any router navigate
-var ScrollToTop = function () {
-    var pathname = reactRouterDom.useLocation().pathname;
-    React.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 = reactRouterDom.useLocation().pathname;
+    react.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 sdkJs.BigNumber(10).pow(new sdkJs.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 (jsxRuntime.jsx(ButtonEx, __assign({ style: __assign({ backgroundColor: statusColor }, style), variant: "outlined", onClick: onButtonClick }, props, { children: jsxRuntime.jsxs(FlexRow, __assign({ justifyContent: "space-between", width: "100%", busy: amount === undefined, busySize: 16 }, { children: [jsxRuntime.jsxs(FlexRow, { children: [logo ? jsxRuntime.jsx("img", { src: xyoLogo, height: 24 }, void 0) : null, label ? (jsxRuntime.jsx(material.Typography, __assign({ marginRight: 1, marginLeft: logo ? 1 : 0, noWrap: true, fontFamily: textFontFamily, variant: "caption" }, { children: label }), void 0)) : null] }, void 0), jsxRuntime.jsx(material.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 sdkJs.BigNumber(10).pow(new sdkJs.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 (jsxRuntime.jsx(ButtonEx, __assign({ style: __assign({ backgroundColor: statusColor }, style), variant: "outlined", onClick: onButtonClick }, props, { children: jsxRuntime.jsxs(FlexRow, __assign({ justifyContent: "space-between", width: "100%", busy: amount === undefined, busySize: 16 }, { children: [jsxRuntime.jsxs(FlexRow, { children: [logo ? jsxRuntime.jsx("img", { src: img, height: 24 }, void 0) : null, label ? (jsxRuntime.jsx(material.Typography, __assign({ marginRight: 1, marginLeft: logo ? 1 : 0, noWrap: true, fontFamily: textFontFamily, variant: "caption" }, { children: label }), void 0)) : null] }, void 0), jsxRuntime.jsx(material.Typography, __assign({ color: textColor, noWrap: true, fontFamily: textFontFamily, variant: "body1", style: { textTransform: 'none' } }, { children: amountString }), void 0)] }), void 0) }), void 0));
 };
 
 Object.defineProperty(exports, 'useMediaQuery', {