@australiangreens/ag-internal-components 0.1.11 → 0.1.13

package/dist/esm/index.js

@@ -1,25 +1,25 @@
-var _t = Object.defineProperty, Lt = Object.defineProperties;
-var Mt = Object.getOwnPropertyDescriptors;
+var Lt = Object.defineProperty, Mt = Object.defineProperties;
+var Rt = Object.getOwnPropertyDescriptors;
 var oe = Object.getOwnPropertySymbols;
-var Ee = Object.prototype.hasOwnProperty, Oe = Object.prototype.propertyIsEnumerable;
-var he = (e, t, n) => t in e ? _t(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, a = (e, t) => {
+var Oe = Object.prototype.hasOwnProperty, Be = Object.prototype.propertyIsEnumerable;
+var ge = (e, t, n) => t in e ? Lt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, a = (e, t) => {
   for (var n in t || (t = {}))
-    Ee.call(t, n) && he(e, n, t[n]);
+    Oe.call(t, n) && ge(e, n, t[n]);
   if (oe)
     for (var n of oe(t))
-      Oe.call(t, n) && he(e, n, t[n]);
+      Be.call(t, n) && ge(e, n, t[n]);
   return e;
-}, I = (e, t) => Lt(e, Mt(t));
-var Be = (e, t) => {
+}, y = (e, t) => Mt(e, Rt(t));
+var Fe = (e, t) => {
   var n = {};
   for (var i in e)
-    Ee.call(e, i) && t.indexOf(i) < 0 && (n[i] = e[i]);
+    Oe.call(e, i) && t.indexOf(i) < 0 && (n[i] = e[i]);
   if (e != null && oe)
     for (var i of oe(e))
-      t.indexOf(i) < 0 && Oe.call(e, i) && (n[i] = e[i]);
+      t.indexOf(i) < 0 && Be.call(e, i) && (n[i] = e[i]);
   return n;
 };
-var Fe = (e, t, n) => (he(e, typeof t != "symbol" ? t + "" : t, n), n);
+var Ne = (e, t, n) => (ge(e, typeof t != "symbol" ? t + "" : t, n), n);
 var _ = (e, t, n) => new Promise((i, r) => {
   var s = (l) => {
     try {
@@ -37,25 +37,25 @@ var _ = (e, t, n) => new Promise((i, r) => {
   c((n = n.apply(e, t)).next());
 });
 import { jsxs as u, Fragment as N, jsx as o } from "react/jsx-runtime";
-import { useState as F, createContext as Je, useCallback as ae, useContext as Ze, useEffect as K, createElement as xe, useMemo as Rt, useRef as ge } from "react";
-import { Typography as T, Button as J, Paper as je, Box as k, Drawer as we, styled as Ae, IconButton as Z, Container as et, useTheme as se, useMediaQuery as Ht, Collapse as Wt, Avatar as Ne, Fade as Ut, Skeleton as Pe, Toolbar as zt, Divider as _e, CssBaseline as Gt, Dialog as tt, LinearProgress as nt, DialogTitle as ot, DialogContent as it, DialogActions as rt, Autocomplete as be, TextField as Se, CircularProgress as Ie, Chip as Vt, Tooltip as qt, Stack as Xt, Snackbar as Qt, Alert as Yt, FormHelperText as Kt } from "@mui/material";
-import Jt from "@mui/material/CssBaseline";
-import { styled as W, createTheme as at, alpha as fe } from "@mui/material/styles";
-import { AgError as Zt } from "@australiangreens/ag-error";
+import { useState as F, createContext as Ze, useCallback as se, useContext as je, useEffect as K, createElement as ve, useMemo as Ht, useRef as fe } from "react";
+import { Typography as T, Button as J, Paper as et, Box as k, Drawer as Ae, styled as be, IconButton as Z, Container as tt, useTheme as le, useMediaQuery as Wt, Collapse as Ut, Avatar as Pe, Fade as zt, Skeleton as _e, Toolbar as Gt, Divider as Le, CssBaseline as Vt, Dialog as nt, LinearProgress as ot, DialogTitle as it, DialogContent as rt, DialogActions as at, Autocomplete as Se, TextField as ye, CircularProgress as Ie, Chip as qt, Tooltip as Xt, Stack as Qt, Snackbar as Yt, Alert as Kt, FormHelperText as Jt } from "@mui/material";
+import Zt from "@mui/material/CssBaseline";
+import { styled as W, createTheme as st, alpha as me } from "@mui/material/styles";
+import { AgError as jt } from "@australiangreens/ag-error";
 import { createHelper as Q } from "souvlaki";
-import { BrowserRouter as jt } from "react-router-dom";
-import st from "@mui/material/List";
-import { ArrowForward as lt, ArrowBack as ct, ViewHeadline as en, Cancel as tn, ArrowDropDown as nn } from "@mui/icons-material";
-import { atom as R, useSetAtom as dt, useAtomValue as Le, useAtom as V, getDefaultStore as on, Provider as ut } from "jotai";
-import { useHydrateAtoms as pt } from "jotai/utils";
-import Me from "react-avatar";
-import rn from "autosuggest-highlight/match";
-import an from "autosuggest-highlight/parse";
-import { useQuery as sn, QueryClient as ln, QueryClientProvider as cn } from "@tanstack/react-query";
-import { useAuth0 as ht } from "@auth0/auth0-react";
-import { Buffer as dn } from "buffer";
-import un from "@mui/material/Skeleton";
-function Eo({ text: e }) {
+import { BrowserRouter as en } from "react-router-dom";
+import lt from "@mui/material/List";
+import { ArrowForward as ct, ArrowBack as dt, ViewHeadline as tn, Cancel as nn, ArrowDropDown as on } from "@mui/icons-material";
+import { atom as R, useSetAtom as ut, useAtomValue as Me, useAtom as V, getDefaultStore as rn, Provider as pt } from "jotai";
+import { useHydrateAtoms as ht } from "jotai/utils";
+import Re from "react-avatar";
+import an from "autosuggest-highlight/match";
+import sn from "autosuggest-highlight/parse";
+import { useQuery as ln, QueryClient as cn, QueryClientProvider as dn } from "@tanstack/react-query";
+import { useAuth0 as gt } from "@auth0/auth0-react";
+import { Buffer as un } from "buffer";
+import pn from "@mui/material/Skeleton";
+function Oo({ text: e }) {
   const [t, n] = F(0);
   return /* @__PURE__ */ u(N, { children: [
     /* @__PURE__ */ o(T, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
@@ -73,13 +73,13 @@ function Eo({ text: e }) {
       "This is some text: ",
       /* @__PURE__ */ o("span", { children: e })
     ] }),
-    /* @__PURE__ */ u(je, { children: [
+    /* @__PURE__ */ u(et, { children: [
       "This number will incremember when button pressed: ",
       t
     ] })
   ] });
 }
-const gt = 330, ft = 73, z = "Navbar", q = {
+const ft = 330, mt = 73, z = "Navbar", q = {
   root: `${z}-root`,
   menuButton: `${z}-menuButton`,
   hide: `${z}-hide`,
@@ -87,7 +87,7 @@ const gt = 330, ft = 73, z = "Navbar", q = {
   userInfoHolder: `${z}-userInfoHolder`,
   settings: `${z}-settings`,
   pieChartIcon: `${z}-pieChartIcon`
-}, pn = W(k, {
+}, hn = W(k, {
   name: "NavBar"
 })(({ theme: e }) => ({
   [`&.${q.root}`]: {
@@ -108,7 +108,7 @@ const gt = 330, ft = 73, z = "Navbar", q = {
     marginTop: "64px",
     marginBottom: "16px"
   }
-})), mt = () => ({
+})), Ct = () => ({
   position: "absolute",
   height: "100%",
   overflowX: "hidden",
@@ -116,51 +116,51 @@ const gt = 330, ft = 73, z = "Navbar", q = {
   color: "white",
   backgroundColor: "black"
   // backgroundColor: '#e8e8e8',
-}), hn = () => a({
-  width: gt
-}, mt()), gn = () => a({
+}), gn = () => a({
   width: ft
-}, mt()), fn = W(we, {
+}, Ct()), fn = () => a({
+  width: mt
+}, Ct()), mn = W(Ae, {
   shouldForwardProp: (e) => e !== "open"
 })(({ theme: e, open: t }) => a(a({
-  width: t ? gt : ft,
+  width: t ? ft : mt,
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box",
   zIndex: e.zIndex.drawer + 100
 }, t && {
-  "& .MuiDrawer-paper": hn()
-}), !t && {
   "& .MuiDrawer-paper": gn()
+}), !t && {
+  "& .MuiDrawer-paper": fn()
 }));
-class De extends Zt {
+class ke extends jt {
 }
-Fe(De, "errorName", "ContextError");
-const Ct = Je(null), mn = {}, Cn = {}, xn = ({
-  overrideState: e = mn,
-  overrideActions: t = Cn,
+Ne(ke, "errorName", "ContextError");
+const xt = Ze(null), Cn = {}, xn = {}, vn = ({
+  overrideState: e = Cn,
+  overrideActions: t = xn,
   children: n
 }) => {
-  const [{ open: i }, r] = F({ open: !0 }), s = ae((l) => {
+  const [{ open: i }, r] = F({ open: !0 }), s = se((l) => {
     r({ open: l });
-  }, []), d = ae(() => {
-    r((l) => I(a({}, l), { open: !l.open }));
+  }, []), d = se(() => {
+    r((l) => y(a({}, l), { open: !l.open }));
   }, []), c = a(a({
     open: i,
     setOpen: s,
     toggleOpen: d
   }, e), t);
-  return /* @__PURE__ */ o(Ct.Provider, { value: c, children: n });
-}, vn = () => {
-  const e = Ze(Ct);
+  return /* @__PURE__ */ o(xt.Provider, { value: c, children: n });
+}, wn = () => {
+  const e = je(xt);
   if (e === null)
-    throw new De("Error: Tried to useNavBar outside of a <NavBarProvider>");
+    throw new ke("Error: Tried to useNavBar outside of a <NavBarProvider>");
   return e;
-}, wn = (e = {}) => a({
+}, An = (e = {}) => a({
   open: !0
-}, e), Oo = Q(
-  (e = wn(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(xn, { overrideState: e, overrideActions: t, children: n })
-), Bo = Q(() => ({ children: e }) => /* @__PURE__ */ o(jt, { children: e })), Re = 7, Fo = W(st)(({ theme: e }) => ({
+}, e), Bo = Q(
+  (e = An(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(vn, { overrideState: e, overrideActions: t, children: n })
+), Fo = Q(() => ({ children: e }) => /* @__PURE__ */ o(en, { children: e })), He = 7, No = W(lt)(({ theme: e }) => ({
   backgroundColor: "black",
   color: "white",
   "& .MuiListItem-root": {
@@ -169,7 +169,7 @@ const Ct = Je(null), mn = {}, Cn = {}, xn = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "white",
-      padding: `${Re}px`
+      padding: `${He}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -180,7 +180,7 @@ const Ct = Je(null), mn = {}, Cn = {}, xn = ({
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${Re}px)`
+      paddingLeft: `calc(${e.spacing(2)} - ${He}px)`
     },
     // Hover state
     "&:hover": {
@@ -198,7 +198,7 @@ const Ct = Je(null), mn = {}, Cn = {}, xn = ({
     // '&.Mui-selected.Mui-focusVisible:hover': {
     // },
   }
-})), He = 7, No = W(st)(({ theme: e }) => ({
+})), We = 7, Po = W(lt)(({ theme: e }) => ({
   backgroundColor: "#e8e8e8",
   color: "inherit",
   "& .MuiListItem-root": {
@@ -207,7 +207,7 @@ const Ct = Je(null), mn = {}, Cn = {}, xn = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "inherit",
-      padding: `${He}px`
+      padding: `${We}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -218,7 +218,7 @@ const Ct = Je(null), mn = {}, Cn = {}, xn = ({
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${He}px)`
+      paddingLeft: `calc(${e.spacing(2)} - ${We}px)`
     },
     // Hover state
     "&:hover": {
@@ -237,15 +237,15 @@ const Ct = Je(null), mn = {}, Cn = {}, xn = ({
     // },
   }
 }));
-function Po({
+function _o({
   "data-testid": e,
   children: t
 }) {
-  const { open: n } = vn();
-  return /* @__PURE__ */ u(pn, { className: q.root, "data-testid": e, children: [
-    /* @__PURE__ */ o(Jt, {}),
+  const { open: n } = wn();
+  return /* @__PURE__ */ u(hn, { className: q.root, "data-testid": e, children: [
+    /* @__PURE__ */ o(Zt, {}),
     /* @__PURE__ */ o(
-      fn,
+      mn,
       {
         variant: "permanent",
         anchor: "left",
@@ -256,14 +256,14 @@ function Po({
     )
   ] });
 }
-const An = 24, bn = 64, G = "TopBar", B = {
+const bn = 24, Sn = 64, G = "TopBar", B = {
   topStripe: `${G}-topStripe`,
   titleBar: `${G}-titleBar`,
   titleSlider: `${G}-titleSlider`,
   titleText: `${G}-titleText`,
   leftPanelButton: `${G}-leftPanelButton`,
   rightPanelButton: `${G}-leftPanelButton`
-}, Sn = Ae("div", {
+}, yn = be("div", {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: G
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
@@ -272,12 +272,12 @@ const An = 24, bn = 64, G = "TopBar", B = {
     width: "100%",
     [`& .${B.topStripe}`]: {
       width: "100%",
-      height: `${An}px`,
+      height: `${bn}px`,
       backgroundColor: e.palette.primary.main
     },
     [`& .${B.titleBar}`]: {
       backgroundColor: e.palette.primary.light,
-      height: `${bn}px`,
+      height: `${Sn}px`,
       padding: e.spacing(0, 3),
       width: "100%"
     },
@@ -321,7 +321,7 @@ function In({
   rightPanel: n,
   "data-testid": i
 }) {
-  return /* @__PURE__ */ u(Sn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
+  return /* @__PURE__ */ u(yn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
     /* @__PURE__ */ o("div", { className: B.topStripe }),
     /* @__PURE__ */ o("div", { className: B.titleBar, children: /* @__PURE__ */ u(k, { className: B.titleSlider, children: [
       t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ u(
@@ -335,7 +335,7 @@ function In({
           size: "large",
           children: [
             " ",
-            /* @__PURE__ */ o(lt, {})
+            /* @__PURE__ */ o(ct, {})
           ]
         }
       ),
@@ -351,14 +351,14 @@ function In({
           size: "large",
           children: [
             " ",
-            /* @__PURE__ */ o(ct, {})
+            /* @__PURE__ */ o(dt, {})
           ]
         }
       )
     ] }) })
   ] });
 }
-const xt = 400, Dn = Ae(we, {
+const vt = 400, kn = be(Ae, {
   shouldForwardProp: (e) => (
     // Note we do want anchor to be forwarded to the Drawer component
     ![
@@ -388,9 +388,9 @@ const xt = 400, Dn = Ae(we, {
       marginLeft: `${r}px`
     }))
   })
-), kn = Ae(k, {
+), Dn = be(k, {
   shouldForwardProp: (e) => !["anchor"].includes(e)
-})(({ theme: e, anchor: t }) => I(a({
+})(({ theme: e, anchor: t }) => y(a({
   display: "flex",
   alignItems: "center",
   padding: e.spacing(2)
@@ -408,14 +408,14 @@ const xt = 400, Dn = Ae(we, {
     marginRight: t === "right" ? e.spacing(2) : 0
   }
 }));
-function We({
+function Ue({
   children: e,
   anchor: t = "left",
   open: n,
   onClose: i = () => {
   },
   titleText: r = "",
-  width: s = xt,
+  width: s = vt,
   showCloseArrow: d = !0,
   debugOpacity: c = !1,
   headerBoxProps: l = {},
@@ -427,7 +427,7 @@ function We({
   navBarWidthClosed: S = 0
 }) {
   return /* @__PURE__ */ u(
-    Dn,
+    kn,
     {
       SlideProps: {
         onEntered: () => p == null ? void 0 : p(),
@@ -443,15 +443,15 @@ function We({
       navBarWidthOpen: h,
       navBarWidthClosed: S,
       children: [
-        /* @__PURE__ */ o(kn, I(a({ anchor: t }, l), { children: t === "left" ? /* @__PURE__ */ u(N, { children: [
+        /* @__PURE__ */ o(Dn, y(a({ anchor: t }, l), { children: t === "left" ? /* @__PURE__ */ u(N, { children: [
           /* @__PURE__ */ o(T, { variant: "h6", color: "inherit", component: "div", children: r }),
           d && /* @__PURE__ */ u(Z, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
-            /* @__PURE__ */ o(ct, { "data-testid": "arrowbackicon" }),
+            /* @__PURE__ */ o(dt, { "data-testid": "arrowbackicon" }),
             " "
           ] })
         ] }) : /* @__PURE__ */ u(N, { children: [
           d && /* @__PURE__ */ u(Z, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
-            /* @__PURE__ */ o(lt, {}),
+            /* @__PURE__ */ o(ct, {}),
             " "
           ] }),
           /* @__PURE__ */ o(T, { variant: "h6", color: "inherit", component: "div", children: r })
@@ -461,7 +461,7 @@ function We({
     }
   );
 }
-const yn = W(k, {
+const $n = W(k, {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: "PanelAwareMargins"
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
@@ -484,17 +484,17 @@ const yn = W(k, {
     }),
     marginRight: `${(r = n == null ? void 0 : n.width) != null ? r : 0}px`
   });
-}), $n = W(et, {
+}), Tn = W(tt, {
   name: "PageContainer"
 })(({ theme: e }) => ({
   // Horizontal padding comes from the Container's gutter
   paddingTop: e.spacing(3),
   paddingBottom: e.spacing(3)
   // TODO: Remove max width
-})), me = !1, Ce = !1, ie = {
+})), Ce = !1, xe = !1, ie = {
   titleText: "",
   flavour: "push",
-  width: xt,
+  width: vt,
   arrowButtons: "both",
   startOpen: !1,
   open: void 0,
@@ -504,7 +504,7 @@ const yn = W(k, {
   onClosed: void 0,
   dataTestId: void 0
 };
-function _o({
+function Lo({
   children: e,
   titleText: t = "",
   leftPanel: n,
@@ -518,9 +518,9 @@ function _o({
   navBarWidthOpen: g,
   navBarWidthClosed: m
 }) {
-  const [w, h] = F(me), [S, b] = F(Ce), [D, $] = F(me), [E, O] = F(Ce), L = n !== void 0, P = i !== void 0, {
+  const [w, h] = F(Ce), [S, b] = F(xe), [I, $] = F(Ce), [E, O] = F(xe), L = n !== void 0, P = i !== void 0, {
     titleText: v,
-    content: y,
+    content: D,
     flavour: M,
     open: f,
     onChangeOpen: C,
@@ -528,68 +528,68 @@ function _o({
     arrowButtons: A,
     startOpen: H,
     onOpened: ee,
-    onClosed: le,
-    dataTestId: Et
+    onClosed: ce,
+    dataTestId: Ot
   } = n ? a(a({}, ie), n) : a({}, ie), {
-    titleText: Ot,
-    content: Bt,
-    flavour: ke,
-    open: ce,
-    onChangeOpen: ye,
-    width: de,
+    titleText: Bt,
+    content: Ft,
+    flavour: De,
+    open: de,
+    onChangeOpen: $e,
+    width: ue,
     arrowButtons: te,
     startOpen: ne,
-    onOpened: Ft,
-    onClosed: Nt,
-    dataTestId: Pt
+    onOpened: Nt,
+    onClosed: Pt,
+    dataTestId: _t
   } = i ? a(a({}, ie), i) : a({}, ie);
   K(() => {
-    H !== me && (h(H), $(H));
+    H !== Ce && (h(H), $(H));
   }, [H]), K(() => {
-    ne !== Ce && (b(ne), O(ne));
+    ne !== xe && (b(ne), O(ne));
   }, [ne]);
-  const ue = f === void 0 ? w : f, pe = ce === void 0 ? S : ce, $e = (U) => {
+  const pe = f === void 0 ? w : f, he = de === void 0 ? S : de, Te = (U) => {
     f === void 0 && (h(U), r && P && (U ? (b(!1), O(S)) : b(E))), C && C(U);
-  }, Te = (U) => {
-    ce === void 0 && (b(U), r && L && (U ? (h(!1), $(w)) : h(D))), ye && ye(U);
+  }, Ee = (U) => {
+    de === void 0 && (b(U), r && L && (U ? (h(!1), $(w)) : h(I))), $e && $e(U);
   };
   return /* @__PURE__ */ u(k, { children: [
     L && /* @__PURE__ */ o(
-      We,
+      Ue,
       {
-        "data-testid": Et,
+        "data-testid": Ot,
         anchor: "left",
-        open: ue,
-        onClose: () => $e(!1),
+        open: pe,
+        onClose: () => Te(!1),
         width: x,
         titleText: v,
         debugOpacity: s,
         showCloseArrow: A === "both" || A === "close",
         onOpened: ee,
-        onClosed: le,
+        onClosed: ce,
         navBarOpen: p,
         navBarWidthOpen: g,
         navBarWidthClosed: m,
-        children: y
+        children: D
       }
     ),
     P && /* @__PURE__ */ o(
-      We,
+      Ue,
       {
-        "data-testid": Pt,
+        "data-testid": _t,
         anchor: "right",
-        open: pe,
-        onClose: () => Te(!1),
-        width: de,
-        titleText: Ot,
+        open: he,
+        onClose: () => Ee(!1),
+        width: ue,
+        titleText: Bt,
         debugOpacity: s,
         showCloseArrow: te === "both" || te === "close",
-        onOpened: Ft,
-        onClosed: Nt,
+        onOpened: Nt,
+        onClosed: Pt,
         navBarOpen: p,
         navBarWidthOpen: g,
         navBarWidthClosed: m,
-        children: Bt
+        children: Ft
       }
     ),
     /* @__PURE__ */ o(
@@ -599,43 +599,43 @@ function _o({
         "data-testid": l
       }, L && M === "push" ? {
         leftPanel: {
-          open: ue,
+          open: pe,
           width: x,
-          onOpen: () => $e(!0),
+          onOpen: () => Te(!0),
           showOpenArrow: A === "both" || A === "open"
         }
-      } : {}), P && ke === "push" ? {
+      } : {}), P && De === "push" ? {
         rightPanel: {
-          open: pe,
-          width: de,
-          onOpen: () => Te(!0),
+          open: he,
+          width: ue,
+          onOpen: () => Ee(!0),
           showOpenArrow: te === "both" || te === "open"
         }
       } : {})
     ),
     /* @__PURE__ */ o(
-      yn,
-      I(a(a({}, M === "push" ? {
+      $n,
+      y(a(a({}, M === "push" ? {
         leftPanel: {
-          open: ue,
+          open: pe,
           width: x
         }
-      } : {}), ke === "push" ? {
+      } : {}), De === "push" ? {
         rightPanel: {
-          open: pe,
-          width: de
+          open: he,
+          width: ue
         }
       } : {}), {
-        children: /* @__PURE__ */ o($n, I(a({ "data-testid": c }, d), { children: e }))
+        children: /* @__PURE__ */ o(Tn, y(a({ "data-testid": c }, d), { children: e }))
       })
     )
   ] });
 }
-const vt = () => {
-  const e = se();
-  return Ht(e.breakpoints.down("sm"));
-}, Tn = 64, En = 72, On = 256, j = R(!0), wt = R(On), At = R(En), ve = R(""), Bn = R(void 0), bt = R(Tn), St = R(void 0);
-function Fn({ links: e }) {
+const wt = () => {
+  const e = le();
+  return Wt(e.breakpoints.down("sm"));
+}, En = 64, On = 72, Bn = 256, j = R(!0), At = R(Bn), bt = R(On), we = R(""), Fn = R(void 0), St = R(En), yt = R(void 0);
+function Nn({ links: e }) {
   return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
 }
 const re = "Navbar", Y = {
@@ -646,7 +646,7 @@ const re = "Navbar", Y = {
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, Nn = W(k, { name: "NavBar" })(({ theme: e }) => ({
+}, Pn = W(k, { name: "NavBar" })(({ theme: e }) => ({
   [`&.${Y.root}`]: {
     display: "flex"
   },
@@ -668,10 +668,10 @@ const re = "Navbar", Y = {
 })), X = (e, t, n) => e.transitions.create(t, {
   easing: e.transitions.easing.sharp,
   duration: n === "leaving" ? e.transitions.duration.leavingScreen : e.transitions.duration.enteringScreen
-}), Pn = (e) => {
-  const t = se();
+}), _n = (e) => {
+  const t = le();
   return /* @__PURE__ */ o(
-    Wt,
+    Ut,
     a({
       easing: t.transitions.easing.sharp,
       timeout: {
@@ -688,13 +688,13 @@ const re = "Navbar", Y = {
     backgroundColor: (n = (t = e == null ? void 0 : e.navBar) == null ? void 0 : t.backgroundColor) != null ? n : "white"
     // Provide default so tests don't need to wrap theme provider
   };
-}, Ue = (e, t) => a({
+}, ze = (e, t) => a({
   width: t,
   transition: X(e, "width", "entering")
-}, It(e)), ze = (e, t) => a({
+}, It(e)), Ge = (e, t) => a({
   width: t,
   transition: X(e, "width", "leaving")
-}, It(e)), _n = W(we, {
+}, It(e)), Ln = W(Ae, {
   shouldForwardProp: (e) => !["widthOpen", "widthClosed", "isSmallScreen"].includes(e)
 })(({ theme: e, open: t, widthOpen: n, widthClosed: i, isSmallScreen: r }) => a(a({
   flexShrink: 0,
@@ -702,15 +702,41 @@ const re = "Navbar", Y = {
   boxSizing: "border-box",
   display: "flex",
   flexDirection: "column"
-}, t && I(a({}, Ue(e, n)), {
+}, t && y(a({}, ze(e, n)), {
   backgroundColor: "",
-  "& .MuiDrawer-paper": Ue(e, n)
-})), !t && I(a({}, ze(e, r ? n : i)), {
+  "& .MuiDrawer-paper": ze(e, n)
+})), !t && y(a({}, Ge(e, r ? n : i)), {
   backgroundColor: "",
-  "& .MuiDrawer-paper": ze(e, r ? n : i)
-})));
-console.warn.bind(console), console.error.bind(console), console.warn.bind(console), console.info.bind(console), console.debug.bind(console);
-function Ln(e) {
+  "& .MuiDrawer-paper": Ge(e, r ? n : i)
+}))), ae = {
+  log: console.warn.bind(console),
+  error: console.error.bind(console),
+  warn: console.warn.bind(console),
+  info: console.info.bind(console),
+  debug: console.debug.bind(console)
+};
+function Mo(e, t) {
+  console[e] = (...n) => {
+    for (const i of t)
+      if (typeof i == "function") {
+        if (i(...n))
+          return;
+      } else if (i instanceof RegExp && n.length > 0) {
+        for (const r of n)
+          if (typeof r == "string" && i.test(r))
+            return;
+      }
+    ae[e](n);
+  };
+}
+function Ro(e) {
+  if (e)
+    console[e] = ae[e];
+  else
+    for (const t of Object.keys(ae))
+      console[t] = ae[t];
+}
+function Mn(e) {
   let t = 0;
   for (let n = 0, i = e.length; n < i; n++) {
     const r = e.charCodeAt(n);
@@ -718,9 +744,9 @@ function Ln(e) {
   }
   return t;
 }
-const Ge = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], Ve = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
-function Mn({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
-  const r = se();
+const Ve = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], qe = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
+function Rn({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
+  const r = le();
   return /* @__PURE__ */ u(
     k,
     {
@@ -741,17 +767,17 @@ function Mn({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
               aspectRatio: 1
             },
             children: e != null && e.name ? /* @__PURE__ */ o(N, { children: /* @__PURE__ */ o(
-              Ne,
+              Pe,
               {
                 src: e == null ? void 0 : e.picture,
                 sx: {
                   width: "100%",
                   height: "100%",
-                  bgcolor: Ge[Math.abs(Ln(e == null ? void 0 : e.name)) % Ge.length]
+                  bgcolor: Ve[Math.abs(Mn(e == null ? void 0 : e.name)) % Ve.length]
                 },
-                children: Ve(e == null ? void 0 : e.name)
+                children: qe(e == null ? void 0 : e.name)
               }
-            ) }) : /* @__PURE__ */ o(Ne, { sx: { width: "100%", height: "100%" } })
+            ) }) : /* @__PURE__ */ o(Pe, { sx: { width: "100%", height: "100%" } })
           }
         ),
         i && /* @__PURE__ */ o(
@@ -762,23 +788,23 @@ function Mn({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
               transition: n ? X(r, ["width", "height"], "entering") : X(r, ["width", "height"], "leaving"),
               aspectRatio: 1
             },
-            children: e != null && e.name ? /* @__PURE__ */ o(N, { children: /* @__PURE__ */ u(Me, { src: e == null ? void 0 : e.picture, name: e == null ? void 0 : e.name, round: !0, size: n ? "80" : "32", children: [
+            children: e != null && e.name ? /* @__PURE__ */ o(N, { children: /* @__PURE__ */ u(Re, { src: e == null ? void 0 : e.picture, name: e == null ? void 0 : e.name, round: !0, size: n ? "80" : "32", children: [
               " ",
-              Ve(e == null ? void 0 : e.name),
+              qe(e == null ? void 0 : e.name),
               " ",
               "ab"
-            ] }) }) : /* @__PURE__ */ o(Me, {})
+            ] }) }) : /* @__PURE__ */ o(Re, {})
           }
         ),
-        /* @__PURE__ */ o(Pn, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Ut, { in: n, children: /* @__PURE__ */ u(k, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
-          e != null && e.name ? /* @__PURE__ */ o(T, { children: e == null ? void 0 : e.name }) : /* @__PURE__ */ o(Pe, { animation: !1, width: "50%" }),
-          t ? /* @__PURE__ */ o(T, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Pe, { animation: !1, width: "25%" })
+        /* @__PURE__ */ o(_n, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(zt, { in: n, children: /* @__PURE__ */ u(k, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
+          e != null && e.name ? /* @__PURE__ */ o(T, { children: e == null ? void 0 : e.name }) : /* @__PURE__ */ o(_e, { animation: !1, width: "50%" }),
+          t ? /* @__PURE__ */ o(T, { children: t.toUpperCase() }) : /* @__PURE__ */ o(_e, { animation: !1, width: "25%" })
         ] }) }) })
       ]
     }
   );
 }
-function Rn({
+function Hn({
   open: e,
   widthClosed: t,
   widthOpen: n,
@@ -790,9 +816,9 @@ function Rn({
   domainCode: l,
   useNewAvatar: p = !1
 }) {
-  const g = vt(), m = dt(j);
-  return /* @__PURE__ */ o(Nn, { className: Y.root, "data-testid": i, children: /* @__PURE__ */ u(
-    _n,
+  const g = wt(), m = ut(j);
+  return /* @__PURE__ */ o(Pn, { className: Y.root, "data-testid": i, children: /* @__PURE__ */ u(
+    Ln,
     {
       open: e,
       widthOpen: n,
@@ -807,22 +833,22 @@ function Rn({
       },
       isSmallScreen: g,
       children: [
-        !g && /* @__PURE__ */ o(zt, {}),
+        !g && /* @__PURE__ */ o(Gt, {}),
         r && /* @__PURE__ */ u(k, { flexGrow: "0", children: [
           r,
-          /* @__PURE__ */ o(_e, { variant: "middle", sx: { marginY: "0.5rem" } })
+          /* @__PURE__ */ o(Le, { variant: "middle", sx: { marginY: "0.5rem" } })
         ] }),
-        /* @__PURE__ */ o(k, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ o(Fn, { links: s }) : s }),
+        /* @__PURE__ */ o(k, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ o(Nn, { links: s }) : s }),
         /* @__PURE__ */ u(k, { flexGrow: "0", children: [
-          /* @__PURE__ */ o(_e, { variant: "middle", sx: { marginY: "0.5rem" } }),
-          /* @__PURE__ */ o(Mn, { user: c, domainCode: l, open: e, useNewAvatar: p }),
+          /* @__PURE__ */ o(Le, { variant: "middle", sx: { marginY: "0.5rem" } }),
+          /* @__PURE__ */ o(Rn, { user: c, domainCode: l, open: e, useNewAvatar: p }),
           d && /* @__PURE__ */ o(N, { children: d })
         ] })
       ]
     }
   ) });
 }
-function Hn({
+function Wn({
   children: e,
   topBarHeight: t,
   maxWidth: n = !1,
@@ -837,7 +863,7 @@ function Hn({
         flexGrow: 1
       },
       children: i ? /* @__PURE__ */ o(k, { component: "main", id: "main-content", height: "inherit", children: e }) : /* @__PURE__ */ o(
-        et,
+        tt,
         {
           component: "main",
           id: "main-content",
@@ -849,18 +875,18 @@ function Hn({
     }
   );
 }
-const Wn = "TopBar", Un = {
-  titleText: `${Wn}-titleText`
+const Un = "TopBar", zn = {
+  titleText: `${Un}-titleText`
 };
-function zn({
+function Gn({
   titleText: e = "",
   height: t,
   "data-testid": n,
   middle: i
 }) {
-  const r = dt(j), s = () => r((l) => !l), d = se(), c = vt();
+  const r = ut(j), s = () => r((l) => !l), d = le(), c = wt();
   return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ u(
-    je,
+    et,
     {
       square: !0,
       elevation: 0,
@@ -884,16 +910,16 @@ function zn({
             color: "inherit",
             sx: { padding: 1.5, marginLeft: "12px" },
             onClick: s,
-            children: /* @__PURE__ */ o(en, { fontSize: "medium" })
+            children: /* @__PURE__ */ o(tn, { fontSize: "medium" })
           }
         ),
-        /* @__PURE__ */ o(T, { className: Un.titleText, variant: "h6", component: "h1", children: e }),
+        /* @__PURE__ */ o(T, { className: zn.titleText, variant: "h6", component: "h1", children: e }),
         i
       ]
     }
   ) });
 }
-function Lo({
+function Ho({
   children: e,
   initialTitleText: t,
   initialNavBarOpen: n,
@@ -907,25 +933,25 @@ function Lo({
   domainCode: g,
   useNewAvatar: m = !1
 }) {
-  pt([
+  ht([
     [j, n != null ? n : !0],
-    [ve, t != null ? t : ""]
+    [we, t != null ? t : ""]
   ]);
-  const w = Le(j), [h] = V(wt), [S] = V(At), b = Le(ve), [D] = V(bt), [$] = V(Bn), [E] = V(St);
+  const w = Me(j), [h] = V(At), [S] = V(bt), b = Me(we), [I] = V(St), [$] = V(Fn), [E] = V(yt);
   return /* @__PURE__ */ u(k, { children: [
-    /* @__PURE__ */ o(Gt, {}),
+    /* @__PURE__ */ o(Vt, {}),
     /* @__PURE__ */ o(
-      zn,
+      Gn,
       {
         titleText: b,
         "data-testid": s,
-        height: D,
+        height: I,
         middle: $
       }
     ),
     /* @__PURE__ */ u(k, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ o(
-        Rn,
+        Hn,
         {
           open: w,
           top: E,
@@ -935,16 +961,16 @@ function Lo({
           domainCode: g,
           widthOpen: h,
           widthClosed: S,
-          offsetTop: D,
+          offsetTop: I,
           "data-testid": d,
           useNewAvatar: m
         }
       ),
       /* @__PURE__ */ o(
-        Hn,
-        I(a({
+        Wn,
+        y(a({
           "data-testid": r,
-          topBarHeight: D
+          topBarHeight: I
         }, i), {
           children: e
         })
@@ -952,7 +978,7 @@ function Lo({
     ] })
   ] });
 }
-const Dt = ({
+const kt = ({
   isOpen: e,
   dialogTitle: t,
   children: n,
@@ -968,21 +994,21 @@ const Dt = ({
   var h, S;
   const [m, w] = F(!1);
   return /* @__PURE__ */ u(
-    tt,
+    nt,
     {
       open: e,
-      onClose: (b, D) => _(void 0, null, function* () {
-        p && (D === "backdropClick" || D === "escapeKeyDown") || m || (s != null && s.onClick ? yield s.onClick() : d());
+      onClose: (b, I) => _(void 0, null, function* () {
+        p && (I === "backdropClick" || I === "escapeKeyDown") || m || (s != null && s.onClick ? yield s.onClick() : d());
       }),
       fullWidth: !0,
       maxWidth: i != null ? i : "xs",
       "data-testid": l,
       sx: c,
       children: [
-        g && /* @__PURE__ */ o(nt, { sx: { height: "4px", marginBottom: "-4px" } }),
-        /* @__PURE__ */ o(ot, { children: t }),
-        /* @__PURE__ */ o(it, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
-        /* @__PURE__ */ u(rt, { children: [
+        g && /* @__PURE__ */ o(ot, { sx: { height: "4px", marginBottom: "-4px" } }),
+        /* @__PURE__ */ o(it, { children: t }),
+        /* @__PURE__ */ o(rt, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
+        /* @__PURE__ */ u(at, { children: [
           /* @__PURE__ */ o(
             J,
             {
@@ -1010,19 +1036,19 @@ const Dt = ({
       ]
     }
   );
-}, kt = ({
+}, Dt = ({
   minLength: e,
   preLoadedOptions: t,
   lookup: n,
   label: i,
   inputValue: r
-}) => sn({
+}) => ln({
   queryFn: () => e && r.length < e ? t != null ? t : [] : t ? t.filter(
     (s) => s.label.toLowerCase().includes(r.toLowerCase())
   ) : n(r),
   queryKey: ["autocomplete", i, r]
 });
-function Mo({
+function Wo({
   lookup: e = () => _(this, null, function* () {
   }),
   enableHighlighting: t = !0,
@@ -1037,33 +1063,33 @@ function Mo({
   textFieldVariant: g = "filled",
   loadingText: m = "Loading...",
   noOptionsText: w = "No options",
-  popupIcon: h = /* @__PURE__ */ o(nn, {}),
+  popupIcon: h = /* @__PURE__ */ o(on, {}),
   error: S = !1,
   helperText: b = "",
-  preLoadedOptions: D = void 0,
+  preLoadedOptions: I = void 0,
   disablePortal: $ = !1,
   disableIconFlip: E = !1
 }) {
   const [O, L] = F(""), P = (f, C) => {
     const x = s.filter((A) => A.id !== C);
     n(x, "delete", f);
-  }, { data: v, isLoading: y } = kt({
+  }, { data: v, isLoading: D } = Dt({
     inputValue: O,
     label: r,
     lookup: e,
     minLength: i,
-    preLoadedOptions: D
+    preLoadedOptions: I
   }), M = O.length >= i;
   return /* @__PURE__ */ u("div", { "data-testid": d, children: [
     /* @__PURE__ */ o(
-      be,
+      Se,
       {
         sx: a(a({}, c), E ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
         "data-testid": d ? `${d}:Autocomplete` : void 0,
         disablePortal: $,
         multiple: !0,
         getOptionLabel: (f) => typeof f == "string" ? f : f.label,
-        loading: M ? y : !1,
+        loading: M ? D : !1,
         options: [...s, ...v != null ? v : []],
         filterSelectedOptions: !0,
         includeInputInList: !0,
@@ -1076,16 +1102,16 @@ function Mo({
         loadingText: m,
         popupIcon: h,
         renderInput: (f) => /* @__PURE__ */ o(
-          Se,
-          I(a({}, f), {
+          ye,
+          y(a({}, f), {
             label: r,
             fullWidth: !0,
             variant: g,
             error: S,
             helperText: b,
-            InputProps: I(a({}, f.InputProps), {
+            InputProps: y(a({}, f.InputProps), {
               endAdornment: /* @__PURE__ */ u(N, { children: [
-                y ? /* @__PURE__ */ o(Ie, { color: "inherit", size: 20 }) : null,
+                D ? /* @__PURE__ */ o(Ie, { color: "inherit", size: 20 }) : null,
                 f.InputProps.endAdornment
               ] })
             }),
@@ -1100,17 +1126,17 @@ function Mo({
         isOptionEqualToValue: (f, C) => f.id === C.id,
         renderOption: (f, C, x) => {
           if (t) {
-            const A = rn(C.label, x.inputValue, {
+            const A = an(C.label, x.inputValue, {
               insideWords: !0,
               findAllOccurrences: !0
-            }), H = an(C.label, A);
-            return /* @__PURE__ */ xe(
+            }), H = sn(C.label, A);
+            return /* @__PURE__ */ ve(
               "li",
-              I(a({}, f), {
+              y(a({}, f), {
                 key: C.id,
                 "data-testid": d ? `${d}:Autocomplete:option(${C.id.toString()})` : void 0
               }),
-              /* @__PURE__ */ o("div", { children: H.map((ee, le) => /* @__PURE__ */ o(
+              /* @__PURE__ */ o("div", { children: H.map((ee, ce) => /* @__PURE__ */ o(
                 "span",
                 {
                   style: {
@@ -1118,13 +1144,13 @@ function Mo({
                   },
                   children: ee.text
                 },
-                le
+                ce
               )) })
             );
           } else
-            return /* @__PURE__ */ xe(
+            return /* @__PURE__ */ ve(
               "li",
-              I(a({}, f), {
+              y(a({}, f), {
                 key: C.id,
                 "data-testid": d ? `${d}:option(${C.id.toString()})` : void 0
               }),
@@ -1134,7 +1160,7 @@ function Mo({
       }
     ),
     s.length > 0 && /* @__PURE__ */ o(k, { sx: l, children: s.map((f) => /* @__PURE__ */ o(
-      Vt,
+      qt,
       {
         sx: {
           marginTop: 1,
@@ -1142,7 +1168,7 @@ function Mo({
           height: "auto"
         },
         label: /* @__PURE__ */ o(
-          qt,
+          Xt,
           {
             title: f.tooltipContent || "",
             placement: "bottom-start",
@@ -1162,7 +1188,7 @@ function Mo({
         "data-testid": d ? `${d}:Chip(${f.id.toString()})` : void 0,
         onDelete: (C) => P(C, f.id),
         deleteIcon: /* @__PURE__ */ o(
-          tn,
+          nn,
           {
             "data-testid": d ? `${d}:Chip(${f.id.toString()}):deleteIcon` : void 0
           }
@@ -1172,7 +1198,7 @@ function Mo({
     )) })
   ] });
 }
-const Ro = /MUI: The value provided to.*is invalid/i, Ho = ({
+const Uo = /MUI: The value provided to.*is invalid/i, zo = ({
   lookup: e = () => _(void 0, null, function* () {
   }),
   onChange: t,
@@ -1190,24 +1216,24 @@ const Ro = /MUI: The value provided to.*is invalid/i, Ho = ({
   helperText: h = "",
   disabled: S,
   popupIcon: b,
-  disableIconFlip: D
+  disableIconFlip: I
 }) => {
-  const [$, E] = F(""), { data: O, isLoading: L } = kt({
+  const [$, E] = F(""), { data: O, isLoading: L } = Dt({
     inputValue: $,
     label: n,
     lookup: e,
     minLength: g != null ? g : 0,
     preLoadedOptions: w
   }), P = $.length >= g;
-  return /* @__PURE__ */ o("div", { "data-testid": l, children: /* @__PURE__ */ o(Xt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
-    be,
+  return /* @__PURE__ */ o("div", { "data-testid": l, children: /* @__PURE__ */ o(Qt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
+    Se,
     {
-      sx: a(a({}, r), D ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
+      sx: a(a({}, r), I ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
       "data-testid": l ? `${l}:Autocomplete` : void 0,
       loading: P ? L : !1,
       options: O != null ? O : [],
-      onChange: (v, y, M) => {
-        t(v, y, M);
+      onChange: (v, D, M) => {
+        t(v, D, M);
       },
       disablePortal: m,
       filterOptions: (v) => v,
@@ -1216,8 +1242,8 @@ const Ro = /MUI: The value provided to.*is invalid/i, Ho = ({
       getOptionLabel: (v) => v.label,
       popupIcon: b,
       renderInput: (v) => /* @__PURE__ */ o(
-        Se,
-        I(a({
+        ye,
+        y(a({
           "data-testid": l ? `${l}:Autocomplete:TextField` : void 0
         }, v), {
           variant: d,
@@ -1227,27 +1253,27 @@ const Ro = /MUI: The value provided to.*is invalid/i, Ho = ({
           helperText: h
         })
       ),
-      isOptionEqualToValue: (v, y) => v.id === y.id,
-      onInputChange: (v, y) => {
-        E(y);
+      isOptionEqualToValue: (v, D) => v.id === D.id,
+      onInputChange: (v, D) => {
+        E(D);
       },
-      renderOption: (v, y) => /* @__PURE__ */ xe(
+      renderOption: (v, D) => /* @__PURE__ */ ve(
         "li",
-        I(a({}, v), {
-          key: y.id,
-          "data-testid": l ? `${l}:Autocomplete:option(${y.id.toString()})` : void 0
+        y(a({}, v), {
+          key: D.id,
+          "data-testid": l ? `${l}:Autocomplete:option(${D.id.toString()})` : void 0
         }),
-        y.label
+        D.label
       ),
       disabled: S
     }
   ) }) });
-}, Gn = (e) => {
+}, Vn = (e) => {
   if (!e)
     return -1;
   try {
     const n = e.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"), i = decodeURIComponent(
-      dn.from(n, "base64").toString("utf8").split("").map(function(s) {
+      un.from(n, "base64").toString("utf8").split("").map(function(s) {
         return "%" + ("00" + s.charCodeAt(0).toString(16)).slice(-2);
       }).join("")
     ), r = JSON.parse(i);
@@ -1255,12 +1281,12 @@ const Ro = /MUI: The value provided to.*is invalid/i, Ho = ({
   } catch (t) {
     return -1;
   }
-}, Wo = ({
+}, Go = ({
   open: e = !1,
   closeHandler: t,
   setAuth0ExpiryTime: n
 }) => {
-  const { logout: i, getAccessTokenSilently: r } = ht(), [s, d] = F(0), c = () => _(void 0, null, function* () {
+  const { logout: i, getAccessTokenSilently: r } = gt(), [s, d] = F(0), c = () => _(void 0, null, function* () {
     i({ logoutParams: { returnTo: `${window.location.origin}` } });
   }), l = () => _(void 0, null, function* () {
     d(s + 1), t();
@@ -1268,12 +1294,12 @@ const Ro = /MUI: The value provided to.*is invalid/i, Ho = ({
   return K(() => {
     (() => _(void 0, null, function* () {
       if (s > 0) {
-        const w = yield r({ cacheMode: "off" }), h = Gn(w) * 1e3;
+        const w = yield r({ cacheMode: "off" }), h = Vn(w) * 1e3;
         n(h);
       }
     }))();
   }, [s, r, n]), /* @__PURE__ */ o(
-    Dt,
+    kt,
     {
       isOpen: e,
       primaryButton: {
@@ -1297,25 +1323,25 @@ const Ro = /MUI: The value provided to.*is invalid/i, Ho = ({
     }
   );
 };
-function Vn(e) {
+function qn(e) {
   return "error" in e;
 }
-function qn(e) {
+function Xn(e) {
   var i;
   const t = e.error, n = (i = e == null ? void 0 : e.error_description) != null ? i : "";
   return t === "access_denied" && n.startsWith("You do not have the required authorization");
 }
-function Xn(e) {
+function Qn(e) {
   var i;
   const t = e.error, n = (i = e == null ? void 0 : e.error_description) != null ? i : "";
   return t === "access_denied" && n.startsWith("User did not authorize the request");
 }
-function Qn(e) {
+function Yn(e) {
   var i;
   const t = e.error, n = (i = e == null ? void 0 : e.error_description) != null ? i : "";
   return t === "access_denied" && n.match(/Script.*time.*exceeded/);
 }
-function Uo({
+function Vo({
   children: e,
   appName: t = "the app",
   throwErrors: n = "none",
@@ -1324,11 +1350,11 @@ function Uo({
   }
 }) {
   var m, w;
-  const { isAuthenticated: s, isLoading: d, error: c, loginWithRedirect: l, logout: p } = ht();
+  const { isAuthenticated: s, isLoading: d, error: c, loginWithRedirect: l, logout: p } = gt();
   K(() => {
     c && r(c);
   }, [c, r]);
-  const g = Rt(
+  const g = Ht(
     () => ({
       appState: {
         returnTo: `${window.location.pathname}${window.location.search}`
@@ -1344,22 +1370,22 @@ function Uo({
       c
     ), n === "all")
       throw c;
-    if (Vn(c)) {
+    if (qn(c)) {
       let h = "Auth error", S = "An unknown Auth0 error occurred.";
-      if (qn(c))
+      if (Xn(c))
         h = "Unauthorised", S = `You are not authorised to access ${t}.`;
-      else if (Xn(c))
-        h = "App not authorised", S = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`;
       else if (Qn(c))
+        h = "App not authorised", S = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`;
+      else if (Yn(c))
         h = "Auth0 script execution time exceeded", S = "The Auth0 login flow exceeded the time limit (20s). Try again in a minute by clicking the RELOAD button below.";
       else if (c.message === "Invalid state") {
         const b = localStorage.getItem("auth0_redirect_count");
         b ? b && parseInt(b) < 2 && (localStorage.setItem("auth0_redirect_count", String(parseInt(b) + 1)), l(g)) : (localStorage.setItem("auth0_redirect_count", "1"), l(g));
       } else if (n === "unknown")
         throw c;
-      return /* @__PURE__ */ u(tt, { open: !0, children: [
-        /* @__PURE__ */ o(ot, { children: h }),
-        /* @__PURE__ */ u(it, { children: [
+      return /* @__PURE__ */ u(nt, { open: !0, children: [
+        /* @__PURE__ */ o(it, { children: h }),
+        /* @__PURE__ */ u(rt, { children: [
           /* @__PURE__ */ o(T, { children: S }),
           /* @__PURE__ */ o("br", {}),
           /* @__PURE__ */ o(T, { variant: "subtitle2", children: "Details from Auth0" }),
@@ -1372,7 +1398,7 @@ function Uo({
             (w = c == null ? void 0 : c.error_description) != null ? w : "N/A"
           ] })
         ] }),
-        /* @__PURE__ */ u(rt, { children: [
+        /* @__PURE__ */ u(at, { children: [
           h === "Auth0 script execution time exceeded" && /* @__PURE__ */ o(J, { href: window.location.origin + window.location.pathname, children: "Reload" }),
           /* @__PURE__ */ o(J, { onClick: () => p({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" })
         ] })
@@ -1380,53 +1406,53 @@ function Uo({
     } else if (n === "unknown")
       throw c;
   }
-  return s ? (localStorage.removeItem("auth0_redirect_count"), /* @__PURE__ */ o(N, { children: e })) : /* @__PURE__ */ o(un, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
+  return s ? (localStorage.removeItem("auth0_redirect_count"), /* @__PURE__ */ o(N, { children: e })) : /* @__PURE__ */ o(pn, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
 }
-const Yn = {
+const Kn = {
   autoHideDuration: 6e3,
   anchorOrigin: { vertical: "top", horizontal: "center" },
   // The default is false. If we prefer timer to continue when window loses
   // focus, change to true
   disableWindowBlurListener: !1
-}, Kn = {
+}, Jn = {
   shouldClose: (e, t) => t !== "clickaway"
-}, qe = {
+}, Xe = {
   message: "",
   severity: "info",
   variant: "standard",
   progressIndicator: void 0
   // Can use 'circular' or 'linear'
-}, Xe = 100, Qe = 2e3, Jn = 2e3, Zn = (() => {
+}, Qe = 100, Ye = 2e3, Zn = 2e3, jn = (() => {
   let e = 0;
   return () => (e += 1, e);
-})(), jn = {
+})(), eo = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
-}, eo = {}, to = {}, yt = Je(null);
-function no(s) {
+}, to = {}, no = {}, $t = Ze(null);
+function oo(s) {
   var d = s, {
-    overrideState: e = eo,
-    overrideActions: t = to,
-    shouldClose: n = Kn.shouldClose,
+    overrideState: e = to,
+    overrideActions: t = no,
+    shouldClose: n = Jn.shouldClose,
     children: i
-  } = d, r = Be(d, [
+  } = d, r = Fe(d, [
     "overrideState",
     "overrideActions",
     "shouldClose",
     "children"
   ]);
   var C;
-  const [{ open: c }, l] = F({ open: !1 }), p = ge([]), g = ge(Date.now()), m = ge(0), w = ae((x) => {
+  const [{ open: c }, l] = F({ open: !1 }), p = fe([]), g = fe(Date.now()), m = fe(0), w = se((x) => {
     l({ open: x });
-  }, []), h = ae((x = {}) => {
-    m.current += 1, p.current.length >= Xe && Date.now() - g.current >= Qe && (g.current = Date.now(), console.error(
-      `SaladBarProvider: MAX_QUEUE_LENGTH (${Xe}) hit ${m.current} times in last ${Qe}ms)`
+  }, []), h = se((x = {}) => {
+    m.current += 1, p.current.length >= Qe && Date.now() - g.current >= Ye && (g.current = Date.now(), console.error(
+      `SaladBarProvider: MAX_QUEUE_LENGTH (${Qe}) hit ${m.current} times in last ${Ye}ms)`
     ), m.current = 0);
-    const A = a(I(a({}, qe), {
-      key: Zn()
+    const A = a(y(a({}, Xe), {
+      key: jn()
     }), x);
     return p.current.push(A), p.current.length === 1 && l({ open: !0 }), A.key;
-  }, []), S = (x = "", A = {}) => h(a({ message: x, severity: "success" }, A)), b = (x = "", A = {}) => h(a({ message: x, severity: "info" }, A)), D = (x = "", A = {}) => h(a({ message: x, severity: "warning" }, A)), $ = (x = "", A = {}) => h(a({ message: x, severity: "error" }, A)), E = (x) => {
+  }, []), S = (x = "", A = {}) => h(a({ message: x, severity: "success" }, A)), b = (x = "", A = {}) => h(a({ message: x, severity: "info" }, A)), I = (x = "", A = {}) => h(a({ message: x, severity: "warning" }, A)), $ = (x = "", A = {}) => h(a({ message: x, severity: "error" }, A)), E = (x) => {
     const A = p.current.findIndex((H) => H.key === x);
     if (A !== -1)
       return A === 0 ? (l({ open: !1 }), p.current[0]) : p.current.splice(A, 1);
@@ -1435,69 +1461,69 @@ function no(s) {
   }, L = () => {
   }, P = () => {
     p.current.shift(), p.current.length > 0 && l({ open: !0 });
-  }, v = (C = p.current[0]) != null ? C : a({}, qe), y = {};
-  "autoHideDuration" in v && (y.autoHideDuration = v.autoHideDuration);
-  const M = a(a({}, Yn), r), f = a(a({
+  }, v = (C = p.current[0]) != null ? C : a({}, Xe), D = {};
+  "autoHideDuration" in v && (D.autoHideDuration = v.autoHideDuration);
+  const M = a(a({}, Kn), r), f = a(a({
     open: c,
     setOpen: w,
     enqueueNotification: h,
     enqueueSuccessNotification: S,
     enqueueInfoNotification: b,
-    enqueueWarningNotification: D,
+    enqueueWarningNotification: I,
     enqueueErrorNotification: $,
     removeNotification: E
   }, e), t);
-  return /* @__PURE__ */ u(yt.Provider, { value: f, children: [
+  return /* @__PURE__ */ u($t.Provider, { value: f, children: [
     i,
     /* @__PURE__ */ o(
-      Qt,
-      I(a(a({}, M), y), {
+      Yt,
+      y(a(a({}, M), D), {
         open: c,
         onClose: O,
         TransitionProps: {
           onExited: P,
           onExit: L
         },
-        sx: { zIndex: Jn },
+        sx: { zIndex: Zn },
         children: /* @__PURE__ */ u("div", { children: [
           /* @__PURE__ */ o(
-            Yt,
+            Kt,
             {
               onClose: (x) => O(x, "closeAlert"),
               severity: v.severity,
               variant: "filled",
               icon: v.progressIndicator === "circular" ? /* @__PURE__ */ o(Ie, { size: "1em" }) : void 0,
-              style: v.progressIndicator === "linear" ? jn : void 0,
+              style: v.progressIndicator === "linear" ? eo : void 0,
               children: v.message
             }
           ),
-          v.progressIndicator === "linear" && /* @__PURE__ */ o(nt, { color: "primary" })
+          v.progressIndicator === "linear" && /* @__PURE__ */ o(ot, { color: "primary" })
         ] })
       })
     )
   ] });
 }
-function oo() {
-  const e = Ze(yt);
+function io() {
+  const e = je($t);
   if (e === null)
-    throw new De("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
+    throw new ke("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
   return e;
 }
-const zo = Q(
-  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(no, I(a({}, e), { overrideState: t, overrideActions: n, children: i }))
-), io = on(), Go = ({
+const qo = Q(
+  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(oo, y(a({}, e), { overrideState: t, overrideActions: n, children: i }))
+), ro = rn(), Xo = ({
   children: e,
   store: t
-}) => /* @__PURE__ */ o(ut, { store: t != null ? t : io, children: e }), $t = "domainCode";
-var Ke;
-const Ye = R(
-  JSON.parse((Ke = localStorage.getItem($t)) != null ? Ke : '{"domainCode": ""}').domainCode
-), Tt = R(
-  (e) => e(Ye),
+}) => /* @__PURE__ */ o(pt, { store: t != null ? t : ro, children: e }), Tt = "domainCode";
+var Je;
+const Ke = R(
+  JSON.parse((Je = localStorage.getItem(Tt)) != null ? Je : '{"domainCode": ""}').domainCode
+), Et = R(
+  (e) => e(Ke),
   (e, t, n) => {
-    t(Ye, n), localStorage.setItem($t, JSON.stringify({ domainCode: n }));
+    t(Ke, n), localStorage.setItem(Tt, JSON.stringify({ domainCode: n }));
   }
-), ro = {
+), ao = {
   act: "ACT",
   nsw: "NSW",
   nt: "NT",
@@ -1509,10 +1535,10 @@ const Ye = R(
   ag: "AG",
   fedmps: "Fedmps",
   "": ""
-}, ao = (e) => {
+}, so = (e) => {
   var t;
-  return e === null ? "N/A" : (t = ro[e]) != null ? t : "";
-}, Vo = ({
+  return e === null ? "N/A" : (t = ao[e]) != null ? t : "";
+}, Qo = ({
   isLoading: e,
   isOpen: t,
   onClose: n,
@@ -1520,14 +1546,14 @@ const Ye = R(
   applicationName: r,
   handleLogout: s
 }) => {
-  const [d, c] = V(Tt), [l, p] = F(d), { enqueueSuccessNotification: g } = oo(), m = i.length === 0, w = !!d && !i.includes(d) && !i.includes(l), h = !d || m || w, S = () => _(void 0, null, function* () {
+  const [d, c] = V(Et), [l, p] = F(d), { enqueueSuccessNotification: g } = io(), m = i.length === 0, w = !!d && !i.includes(d) && !i.includes(l), h = !d || m || w, S = () => _(void 0, null, function* () {
     l ? (c(l), g(`Set organisation to ${l}`), n()) : c("");
   }), b = () => _(void 0, null, function* () {
     d && !m && !w ? (p(d), n()) : h && s();
   });
-  let D;
-  return m ? D = "Unable to retrieve your active organisations. Try logging in again." : w && (D = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ u(
-    Dt,
+  let I;
+  return m ? I = "Unable to retrieve your active organisations. Try logging in again." : w && (I = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ u(
+    kt,
     {
       isOpen: t,
       dialogTitle: "Select an organisation",
@@ -1550,21 +1576,21 @@ const Ye = R(
           "."
         ] }),
         /* @__PURE__ */ o(
-          be,
+          Se,
           {
             loading: e,
             multiple: !1,
             disableClearable: !1,
             value: l !== "" ? l : null,
             onChange: ($, E) => p(E != null ? E : ""),
-            getOptionLabel: ao,
+            getOptionLabel: so,
             options: [...i],
             renderInput: ($) => /* @__PURE__ */ o(
-              Se,
-              I(a({}, $), {
+              ye,
+              y(a({}, $), {
                 variant: "filled",
                 label: "Select organisation",
-                InputProps: I(a({}, $.InputProps), {
+                InputProps: y(a({}, $.InputProps), {
                   endAdornment: /* @__PURE__ */ u(N, { children: [
                     e ? /* @__PURE__ */ o(Ie, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
                     $.InputProps.endAdornment
@@ -1574,11 +1600,38 @@ const Ye = R(
             )
           }
         ),
-        D && /* @__PURE__ */ o(Kt, { error: !0, children: D })
+        I && /* @__PURE__ */ o(Jt, { error: !0, children: I })
       ]
     }
   );
-}, qo = at({
+}, lo = {
+  domainCode: Et,
+  navBarOpen: j,
+  navBarWidthOpen: At,
+  navBarWidthClosed: bt,
+  titleText: we,
+  topBarHeight: St,
+  navBarTop: yt
+}, Yo = Q(() => ({ children: e }) => /* @__PURE__ */ o(pt, { children: e })), co = ({
+  initialValues: e,
+  children: t
+}) => (ht(e), /* @__PURE__ */ o(N, { children: t })), Ko = Q(
+  (e) => ({ children: t }) => /* @__PURE__ */ o(
+    co,
+    {
+      initialValues: Object.entries(e).map(
+        ([n, i]) => [
+          lo[n],
+          i
+        ]
+      ),
+      children: t
+    }
+  )
+), Jo = Q(() => ({ children: e }) => {
+  const t = new cn();
+  return /* @__PURE__ */ o(dn, { client: t, children: e });
+}), Zo = st({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1629,7 +1682,7 @@ const Ye = R(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), Xo = at({
+}), jo = st({
   palette: {
     primary: {
       main: "#007236",
@@ -1683,18 +1736,18 @@ const Ye = R(
       styleOverrides: {
         root: ({ theme: e }) => ({
           "&.Mui-selected": {
-            backgroundColor: fe(
+            backgroundColor: me(
               e.palette.secondary.main,
               e.palette.action.selectedOpacity
             ),
             "&:hover": {
-              backgroundColor: fe(
+              backgroundColor: me(
                 e.palette.secondary.main,
                 e.palette.action.selectedOpacity
               )
             },
             "&.Mui-focusVisible": {
-              backgroundColor: fe(
+              backgroundColor: me(
                 e.palette.secondary.main,
                 e.palette.action.focusOpacity
               )
@@ -1723,78 +1776,54 @@ const Ye = R(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), so = {
-  domainCode: Tt,
-  navBarOpen: j,
-  navBarWidthOpen: wt,
-  navBarWidthClosed: At,
-  titleText: ve,
-  topBarHeight: bt,
-  navBarTop: St
-}, Qo = Q(() => ({ children: e }) => /* @__PURE__ */ o(ut, { children: e })), lo = ({
-  initialValues: e,
-  children: t
-}) => (pt(e), /* @__PURE__ */ o(N, { children: t })), Yo = Q(
-  (e) => ({ children: t }) => /* @__PURE__ */ o(
-    lo,
-    {
-      initialValues: Object.entries(e).map(
-        ([n, i]) => [
-          so[n],
-          i
-        ]
-      ),
-      children: t
-    }
-  )
-), Ko = Q(() => ({ children: e }) => {
-  const t = new ln();
-  return /* @__PURE__ */ o(cn, { client: t, children: e });
 });
 export {
-  Dt as AgDialog,
-  Lo as AppLayout,
-  Go as AtomProvider,
-  Uo as AuthGuard,
-  yt as Context,
-  De as ContextError,
-  Vo as DomainCodeDialog,
-  Eo as ExampleComponent,
-  Mo as FetchAutocomplete,
-  lo as HydrateAtoms,
-  Ro as MUI_AUTOCOMPLETE_VALUE_WARNING_REGEX,
-  ft as NAVBAR_WIDTH_CLOSED,
-  gt as NAVBAR_WIDTH_OPENED,
-  Po as NavBar,
-  Fo as NavBarDarkStyledList,
-  No as NavBarLightStyledList,
-  xn as NavBarProvider,
-  _o as PageLayout,
-  no as SaladBarProvider,
-  Wo as SessionExpiryDialog,
-  Ho as SingleAutocomplete,
-  io as atomStore,
-  wn as buildNavBarState,
-  Tt as domainCodeAtom,
-  qo as fed21Theme,
-  Gn as getAuth0Expiry,
-  Xo as internalAgSystemsTheme,
+  kt as AgDialog,
+  Ho as AppLayout,
+  Xo as AtomProvider,
+  Vo as AuthGuard,
+  $t as Context,
+  ke as ContextError,
+  Qo as DomainCodeDialog,
+  Oo as ExampleComponent,
+  Wo as FetchAutocomplete,
+  co as HydrateAtoms,
+  Uo as MUI_AUTOCOMPLETE_VALUE_WARNING_REGEX,
+  mt as NAVBAR_WIDTH_CLOSED,
+  ft as NAVBAR_WIDTH_OPENED,
+  _o as NavBar,
+  No as NavBarDarkStyledList,
+  Po as NavBarLightStyledList,
+  vn as NavBarProvider,
+  Lo as PageLayout,
+  oo as SaladBarProvider,
+  Go as SessionExpiryDialog,
+  zo as SingleAutocomplete,
+  ro as atomStore,
+  An as buildNavBarState,
+  Et as domainCodeAtom,
+  Zo as fed21Theme,
+  Vn as getAuth0Expiry,
+  jo as internalAgSystemsTheme,
   q as navBarClasses,
   j as navBarOpenAtom,
-  St as navBarTopAtom,
-  At as navBarWidthClosedAtom,
-  wt as navBarWidthOpenAtom,
-  ve as titleTextAtom,
-  bt as topBarHeightAtom,
-  Bn as topBarMiddleAtom,
-  kt as useAutocompleteOptions,
-  vn as useNavBar,
-  oo as useSaladBar,
-  Qo as withAtomProvider,
-  Bo as withBrowserRouter,
-  Oo as withNavBarProvider,
-  Yo as withOverrideDefaults,
-  Ko as withQueryClient,
-  zo as withSaladBarProvider
+  yt as navBarTopAtom,
+  bt as navBarWidthClosedAtom,
+  At as navBarWidthOpenAtom,
+  Mn as simpleHashCode,
+  Mo as suppressConsole,
+  we as titleTextAtom,
+  St as topBarHeightAtom,
+  Fn as topBarMiddleAtom,
+  Ro as unsuppressConsole,
+  Dt as useAutocompleteOptions,
+  wn as useNavBar,
+  io as useSaladBar,
+  Yo as withAtomProvider,
+  Fo as withBrowserRouter,
+  Bo as withNavBarProvider,
+  Ko as withOverrideDefaults,
+  Jo as withQueryClient,
+  qo as withSaladBarProvider
 };
 //# sourceMappingURL=index.js.map