@australiangreens/ag-internal-components 0.0.98 → 0.1.0

package/dist/esm/index.js

@@ -1,12 +1,12 @@
 var Lt = Object.defineProperty, _t = Object.defineProperties;
 var Mt = Object.getOwnPropertyDescriptors;
-var te = Object.getOwnPropertySymbols;
+var ne = Object.getOwnPropertySymbols;
 var Te = Object.prototype.hasOwnProperty, Be = Object.prototype.propertyIsEnumerable;
 var he = (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 = {}))
     Te.call(t, n) && he(e, n, t[n]);
-  if (te)
-    for (var n of te(t))
+  if (ne)
+    for (var n of ne(t))
       Be.call(t, n) && he(e, n, t[n]);
   return e;
 }, k = (e, t) => _t(e, Mt(t));
@@ -14,31 +14,31 @@ var Ee = (e, t) => {
   var n = {};
   for (var i in e)
     Te.call(e, i) && t.indexOf(i) < 0 && (n[i] = e[i]);
-  if (e != null && te)
-    for (var i of te(e))
+  if (e != null && ne)
+    for (var i of ne(e))
       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 L = (e, t, n) => new Promise((i, r) => {
-  var s = (l) => {
+  var s = (d) => {
     try {
-      d(n.next(l));
-    } catch (u) {
-      r(u);
+      l(n.next(d));
+    } catch (p) {
+      r(p);
     }
-  }, c = (l) => {
+  }, c = (d) => {
     try {
-      d(n.throw(l));
-    } catch (u) {
-      r(u);
+      l(n.throw(d));
+    } catch (p) {
+      r(p);
     }
-  }, d = (l) => l.done ? i(l.value) : Promise.resolve(l.value).then(s, c);
-  d((n = n.apply(e, t)).next());
+  }, l = (d) => d.done ? i(d.value) : Promise.resolve(d.value).then(s, c);
+  l((n = n.apply(e, t)).next());
 });
-import { jsxs as p, Fragment as E, jsx as o } from "react/jsx-runtime";
-import { useState as B, createContext as Je, useCallback as ie, useContext as Ze, useEffect as re, createElement as xe, useRef as ge } from "react";
-import { Typography as F, Button as ae, Paper as je, Box as y, Drawer as we, styled as Ae, IconButton as K, Container as et, useTheme as se, useMediaQuery as Rt, Collapse as Ht, Avatar as Pe, Fade as Wt, Skeleton as Ne, Toolbar as zt, Divider as Le, CssBaseline as Ut, Dialog as tt, LinearProgress as nt, DialogTitle as ot, DialogContent as it, DialogActions as rt, Autocomplete as be, TextField as Se, CircularProgress as ke, Chip as Gt, Tooltip as Vt, Stack as qt, Snackbar as Xt, Alert as Qt, FormHelperText as Yt } from "@mui/material";
+import { jsxs as u, Fragment as F, jsx as o } from "react/jsx-runtime";
+import { useState as E, createContext as Je, useCallback as re, useContext as Ze, useEffect as K, createElement as xe, useRef as ge } from "react";
+import { Typography as T, Button as ae, Paper as je, Box as $, Drawer as we, styled as Ae, IconButton as J, Container as et, useTheme as se, useMediaQuery as Rt, Collapse as Ht, Avatar as Pe, Fade as Wt, Skeleton as Ne, Toolbar as zt, Divider as Le, CssBaseline as Ut, Dialog as tt, LinearProgress as nt, DialogTitle as ot, DialogContent as it, DialogActions as rt, Autocomplete as be, TextField as Se, CircularProgress as De, Chip as Gt, Tooltip as Vt, Stack as qt, Snackbar as Xt, Alert as Qt, FormHelperText as Yt } from "@mui/material";
 import Kt from "@mui/material/CssBaseline";
 import { styled as R, createTheme as at, alpha as fe } from "@mui/material/styles";
 import { AgError as Jt } from "@australiangreens/ag-error";
@@ -46,8 +46,8 @@ import { createHelper as Q } from "souvlaki";
 import { BrowserRouter as Zt } from "react-router-dom";
 import st from "@mui/material/List";
 import { ArrowForward as lt, ArrowBack as ct, ViewHeadline as jt, Cancel as en, ArrowDropDown as tn } from "@mui/icons-material";
-import { atom as _, useSetAtom as dt, useAtomValue as _e, useAtom as V, getDefaultStore as nn, Provider as ut } from "jotai";
-import { useHydrateAtoms as pt } from "jotai/utils";
+import { atom as _, useSetAtom as dt, useAtomValue as _e, useAtom as V, getDefaultStore as nn, Provider as pt } from "jotai";
+import { useHydrateAtoms as ut } from "jotai/utils";
 import Me from "react-avatar";
 import on from "autosuggest-highlight/match";
 import rn from "autosuggest-highlight/parse";
@@ -55,11 +55,11 @@ import { useQuery as an, QueryClient as sn, QueryClientProvider as ln } from "@t
 import { useAuth0 as ht } from "@auth0/auth0-react";
 import { Buffer as cn } from "buffer";
 import dn from "@mui/material/Skeleton";
-function Oo({ text: e }) {
-  const [t, n] = B(0);
-  return /* @__PURE__ */ p(E, { children: [
-    /* @__PURE__ */ o(F, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
-    /* @__PURE__ */ o(F, { variant: "caption", display: "block", children: /* @__PURE__ */ o("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
+function Io({ text: e }) {
+  const [t, n] = E(0);
+  return /* @__PURE__ */ u(F, { children: [
+    /* @__PURE__ */ o(T, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
+    /* @__PURE__ */ o(T, { variant: "caption", display: "block", children: /* @__PURE__ */ o("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
     /* @__PURE__ */ o(
       ae,
       {
@@ -69,11 +69,11 @@ function Oo({ text: e }) {
         children: "Hello I am a button"
       }
     ),
-    /* @__PURE__ */ p("p", { children: [
+    /* @__PURE__ */ u("p", { children: [
       "This is some text: ",
       /* @__PURE__ */ o("span", { children: e })
     ] }),
-    /* @__PURE__ */ p(je, { children: [
+    /* @__PURE__ */ u(je, { children: [
       "This number will incremember when button pressed: ",
       t
     ] })
@@ -87,7 +87,7 @@ const gt = 330, ft = 73, U = "Navbar", q = {
   userInfoHolder: `${U}-userInfoHolder`,
   settings: `${U}-settings`,
   pieChartIcon: `${U}-pieChartIcon`
-}, un = R(y, {
+}, pn = R($, {
   name: "NavBar"
 })(({ theme: e }) => ({
   [`&.${q.root}`]: {
@@ -116,7 +116,7 @@ const gt = 330, ft = 73, U = "Navbar", q = {
   color: "white",
   backgroundColor: "black"
   // backgroundColor: '#e8e8e8',
-}), pn = () => a({
+}), un = () => a({
   width: gt
 }, mt()), hn = () => a({
   width: ft
@@ -129,38 +129,38 @@ const gt = 330, ft = 73, U = "Navbar", q = {
   boxSizing: "border-box",
   zIndex: e.zIndex.drawer + 100
 }, t && {
-  "& .MuiDrawer-paper": pn()
+  "& .MuiDrawer-paper": un()
 }), !t && {
   "& .MuiDrawer-paper": hn()
 }));
-class De extends Jt {
+class ke extends Jt {
 }
-Fe(De, "errorName", "ContextError");
+Fe(ke, "errorName", "ContextError");
 const Ct = Je(null), fn = {}, mn = {}, Cn = ({
   overrideState: e = fn,
   overrideActions: t = mn,
   children: n
 }) => {
-  const [{ open: i }, r] = B({ open: !0 }), s = ie((l) => {
-    r({ open: l });
-  }, []), c = ie(() => {
-    r((l) => k(a({}, l), { open: !l.open }));
-  }, []), d = a(a({
+  const [{ open: i }, r] = E({ open: !0 }), s = re((d) => {
+    r({ open: d });
+  }, []), c = re(() => {
+    r((d) => k(a({}, d), { open: !d.open }));
+  }, []), l = a(a({
     open: i,
     setOpen: s,
     toggleOpen: c
   }, e), t);
-  return /* @__PURE__ */ o(Ct.Provider, { value: d, children: n });
+  return /* @__PURE__ */ o(Ct.Provider, { value: l, children: n });
 }, xn = () => {
   const e = Ze(Ct);
   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;
 }, vn = (e = {}) => a({
   open: !0
-}, e), To = Q(
+}, e), Oo = Q(
   (e = vn(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(Cn, { overrideState: e, overrideActions: t, children: n })
-), Bo = Q(() => ({ children: e }) => /* @__PURE__ */ o(Zt, { children: e })), Re = 7, Eo = R(st)(({ theme: e }) => ({
+), To = Q(() => ({ children: e }) => /* @__PURE__ */ o(Zt, { children: e })), Re = 7, Bo = R(st)(({ theme: e }) => ({
   backgroundColor: "black",
   color: "white",
   "& .MuiListItem-root": {
@@ -198,7 +198,7 @@ const Ct = Je(null), fn = {}, mn = {}, Cn = ({
     // '&.Mui-selected.Mui-focusVisible:hover': {
     // },
   }
-})), He = 7, Fo = R(st)(({ theme: e }) => ({
+})), He = 7, Eo = R(st)(({ theme: e }) => ({
   backgroundColor: "#e8e8e8",
   color: "inherit",
   "& .MuiListItem-root": {
@@ -237,12 +237,12 @@ const Ct = Je(null), fn = {}, mn = {}, Cn = ({
     // },
   }
 }));
-function Po({
+function Fo({
   "data-testid": e,
   children: t
 }) {
   const { open: n } = xn();
-  return /* @__PURE__ */ p(un, { className: q.root, "data-testid": e, children: [
+  return /* @__PURE__ */ u(pn, { className: q.root, "data-testid": e, children: [
     /* @__PURE__ */ o(Kt, {}),
     /* @__PURE__ */ o(
       gn,
@@ -256,7 +256,7 @@ function Po({
     )
   ] });
 }
-const wn = 24, An = 64, G = "TopBar", T = {
+const wn = 24, An = 64, G = "TopBar", B = {
   topStripe: `${G}-topStripe`,
   titleBar: `${G}-titleBar`,
   titleSlider: `${G}-titleSlider`,
@@ -270,18 +270,18 @@ const wn = 24, An = 64, G = "TopBar", T = {
   var i, r;
   return {
     width: "100%",
-    [`& .${T.topStripe}`]: {
+    [`& .${B.topStripe}`]: {
       width: "100%",
       height: `${wn}px`,
       backgroundColor: e.palette.primary.main
     },
-    [`& .${T.titleBar}`]: {
+    [`& .${B.titleBar}`]: {
       backgroundColor: e.palette.primary.light,
       height: `${An}px`,
       padding: e.spacing(0, 3),
       width: "100%"
     },
-    [`& .${T.titleSlider}`]: a(a({
+    [`& .${B.titleSlider}`]: a(a({
       height: "100%",
       display: "flex",
       alignItems: "center",
@@ -290,14 +290,14 @@ const wn = 24, An = 64, G = "TopBar", T = {
         easing: e.transitions.easing.sharp,
         duration: e.transitions.duration.leavingScreen
       }),
-      [`& .${T.leftPanelButton}`]: {
+      [`& .${B.leftPanelButton}`]: {
         marginRight: e.spacing(2),
         flexGrow: 0
       },
-      [`& .${T.titleText}`]: {
+      [`& .${B.titleText}`]: {
         flexGrow: 1
       },
-      [`& .${T.rightPanelButton}`]: {
+      [`& .${B.rightPanelButton}`]: {
         flexGrow: 0
       }
     }, (t == null ? void 0 : t.open) && {
@@ -321,13 +321,13 @@ function Sn({
   rightPanel: n,
   "data-testid": i
 }) {
-  return /* @__PURE__ */ p(bn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
-    /* @__PURE__ */ o("div", { className: T.topStripe }),
-    /* @__PURE__ */ o("div", { className: T.titleBar, children: /* @__PURE__ */ p(y, { className: T.titleSlider, children: [
-      t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ p(
-        K,
+  return /* @__PURE__ */ u(bn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
+    /* @__PURE__ */ o("div", { className: B.topStripe }),
+    /* @__PURE__ */ o("div", { className: B.titleBar, children: /* @__PURE__ */ u($, { className: B.titleSlider, children: [
+      t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ u(
+        J,
         {
-          className: T.leftPanelButton,
+          className: B.leftPanelButton,
           color: "inherit",
           "aria-label": "Open left side panel",
           onClick: t == null ? void 0 : t.onOpen,
@@ -339,11 +339,11 @@ function Sn({
           ]
         }
       ),
-      /* @__PURE__ */ o(F, { className: T.titleText, variant: "h6", noWrap: !0, children: e }),
-      n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ p(
-        K,
+      /* @__PURE__ */ o(T, { className: B.titleText, variant: "h6", noWrap: !0, children: e }),
+      n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ u(
+        J,
         {
-          className: T.rightPanelButton,
+          className: B.rightPanelButton,
           color: "inherit",
           "aria-label": "Open right side panel",
           onClick: n == null ? void 0 : n.onOpen,
@@ -358,7 +358,7 @@ function Sn({
     ] }) })
   ] });
 }
-const xt = 400, kn = Ae(we, {
+const xt = 400, Dn = Ae(we, {
   shouldForwardProp: (e) => (
     // Note we do want anchor to be forwarded to the Drawer component
     ![
@@ -388,7 +388,7 @@ const xt = 400, kn = Ae(we, {
       marginLeft: `${r}px`
     }))
   })
-), Dn = Ae(y, {
+), kn = Ae($, {
   shouldForwardProp: (e) => !["anchor"].includes(e)
 })(({ theme: e, anchor: t }) => k(a({
   display: "flex",
@@ -417,51 +417,51 @@ function We({
   titleText: r = "",
   width: s = xt,
   showCloseArrow: c = !0,
-  debugOpacity: d = !1,
-  headerBoxProps: l = {},
-  onOpened: u,
-  onClosed: v,
-  "data-testid": C,
-  navBarOpen: A = !1,
+  debugOpacity: l = !1,
+  headerBoxProps: d = {},
+  onOpened: p,
+  onClosed: C,
+  "data-testid": f,
+  navBarOpen: m = !1,
   navBarWidthOpen: g = 0,
-  navBarWidthClosed: $ = 0
+  navBarWidthClosed: b = 0
 }) {
-  return /* @__PURE__ */ p(
-    kn,
+  return /* @__PURE__ */ u(
+    Dn,
     {
       SlideProps: {
-        onEntered: () => u == null ? void 0 : u(),
-        onExited: () => v == null ? void 0 : v()
+        onEntered: () => p == null ? void 0 : p(),
+        onExited: () => C == null ? void 0 : C()
       },
       variant: "persistent",
       anchor: t,
       open: n,
       width: s,
-      debugOpacity: d,
-      "data-testid": C,
-      navBarOpen: A,
+      debugOpacity: l,
+      "data-testid": f,
+      navBarOpen: m,
       navBarWidthOpen: g,
-      navBarWidthClosed: $,
+      navBarWidthClosed: b,
       children: [
-        /* @__PURE__ */ o(Dn, k(a({ anchor: t }, l), { children: t === "left" ? /* @__PURE__ */ p(E, { children: [
-          /* @__PURE__ */ o(F, { variant: "h6", color: "inherit", component: "div", children: r }),
-          c && /* @__PURE__ */ p(K, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
+        /* @__PURE__ */ o(kn, k(a({ anchor: t }, d), { children: t === "left" ? /* @__PURE__ */ u(F, { children: [
+          /* @__PURE__ */ o(T, { variant: "h6", color: "inherit", component: "div", children: r }),
+          c && /* @__PURE__ */ u(J, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
             /* @__PURE__ */ o(ct, { "data-testid": "arrowbackicon" }),
             " "
           ] })
-        ] }) : /* @__PURE__ */ p(E, { children: [
-          c && /* @__PURE__ */ p(K, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
+        ] }) : /* @__PURE__ */ u(F, { children: [
+          c && /* @__PURE__ */ u(J, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
             /* @__PURE__ */ o(lt, {}),
             " "
           ] }),
-          /* @__PURE__ */ o(F, { variant: "h6", color: "inherit", component: "div", children: r })
+          /* @__PURE__ */ o(T, { variant: "h6", color: "inherit", component: "div", children: r })
         ] }) })),
         e
       ]
     }
   );
 }
-const yn = R(y, {
+const yn = R($, {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: "PanelAwareMargins"
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
@@ -491,7 +491,7 @@ const yn = R(y, {
   paddingTop: e.spacing(3),
   paddingBottom: e.spacing(3)
   // TODO: Remove max width
-})), me = !1, Ce = !1, ne = {
+})), me = !1, Ce = !1, oe = {
   titleText: "",
   flavour: "push",
   width: xt,
@@ -499,12 +499,12 @@ const yn = R(y, {
   startOpen: !1,
   open: void 0,
   onChangeOpen: void 0,
-  content: /* @__PURE__ */ o(E, {}),
+  content: /* @__PURE__ */ o(F, {}),
   onOpened: void 0,
   onClosed: void 0,
   dataTestId: void 0
 };
-function No({
+function Po({
   children: e,
   titleText: t = "",
   leftPanel: n,
@@ -512,83 +512,83 @@ function No({
   sidePanelsAreMutuallyExclusive: r = !0,
   debugOpacity: s = !1,
   pageContainerProps: c,
-  pageContentDataTestId: d,
-  topBarDataTestId: l,
-  navBarOpen: u,
-  navBarWidthOpen: v,
-  navBarWidthClosed: C
+  pageContentDataTestId: l,
+  topBarDataTestId: d,
+  navBarOpen: p,
+  navBarWidthOpen: C,
+  navBarWidthClosed: f
 }) {
-  const [A, g] = B(me), [$, b] = B(Ce), [D, I] = B(me), [O, P] = B(Ce), N = n !== void 0, S = i !== void 0, {
-    titleText: w,
+  const [m, g] = E(me), [b, y] = E(Ce), [S, I] = E(me), [O, P] = E(Ce), N = n !== void 0, D = i !== void 0, {
+    titleText: A,
     content: H,
     flavour: W,
     open: h,
-    onChangeOpen: f,
-    width: m,
-    arrowButtons: x,
+    onChangeOpen: x,
+    width: v,
+    arrowButtons: w,
     startOpen: M,
-    onOpened: Z,
+    onOpened: j,
     onClosed: le,
     dataTestId: Tt
-  } = n ? a(a({}, ne), n) : a({}, ne), {
+  } = n ? a(a({}, oe), n) : a({}, oe), {
     titleText: Bt,
     content: Et,
     flavour: ye,
     open: ce,
     onChangeOpen: $e,
     width: de,
-    arrowButtons: j,
-    startOpen: ee,
+    arrowButtons: ee,
+    startOpen: te,
     onOpened: Ft,
     onClosed: Pt,
     dataTestId: Nt
-  } = i ? a(a({}, ne), i) : a({}, ne);
-  re(() => {
+  } = i ? a(a({}, oe), i) : a({}, oe);
+  K(() => {
     M !== me && (g(M), I(M));
-  }, [M]), re(() => {
-    ee !== Ce && (b(ee), P(ee));
-  }, [ee]);
-  const ue = h === void 0 ? A : h, pe = ce === void 0 ? $ : ce, Ie = (z) => {
-    h === void 0 && (g(z), r && S && (z ? (b(!1), P($)) : b(O))), f && f(z);
+  }, [M]), K(() => {
+    te !== Ce && (y(te), P(te));
+  }, [te]);
+  const pe = h === void 0 ? m : h, ue = ce === void 0 ? b : ce, Ie = (z) => {
+    h === void 0 && (g(z), r && D && (z ? (y(!1), P(b)) : y(O))), x && x(z);
   }, Oe = (z) => {
-    ce === void 0 && (b(z), r && N && (z ? (g(!1), I(A)) : g(D))), $e && $e(z);
+    ce === void 0 && (y(z), r && N && (z ? (g(!1), I(m)) : g(S))), $e && $e(z);
   };
-  return /* @__PURE__ */ p(y, { children: [
+  return /* @__PURE__ */ u($, { children: [
     N && /* @__PURE__ */ o(
       We,
       {
         "data-testid": Tt,
         anchor: "left",
-        open: ue,
+        open: pe,
         onClose: () => Ie(!1),
-        width: m,
-        titleText: w,
+        width: v,
+        titleText: A,
         debugOpacity: s,
-        showCloseArrow: x === "both" || x === "close",
-        onOpened: Z,
+        showCloseArrow: w === "both" || w === "close",
+        onOpened: j,
         onClosed: le,
-        navBarOpen: u,
-        navBarWidthOpen: v,
-        navBarWidthClosed: C,
+        navBarOpen: p,
+        navBarWidthOpen: C,
+        navBarWidthClosed: f,
         children: H
       }
     ),
-    S && /* @__PURE__ */ o(
+    D && /* @__PURE__ */ o(
       We,
       {
         "data-testid": Nt,
         anchor: "right",
-        open: pe,
+        open: ue,
         onClose: () => Oe(!1),
         width: de,
         titleText: Bt,
         debugOpacity: s,
-        showCloseArrow: j === "both" || j === "close",
+        showCloseArrow: ee === "both" || ee === "close",
         onOpened: Ft,
         onClosed: Pt,
-        navBarOpen: u,
-        navBarWidthOpen: v,
-        navBarWidthClosed: C,
+        navBarOpen: p,
+        navBarWidthOpen: C,
+        navBarWidthClosed: f,
         children: Et
       }
     ),
@@ -596,20 +596,20 @@ function No({
       Sn,
       a(a({
         titleText: t,
-        "data-testid": l
+        "data-testid": d
       }, N && W === "push" ? {
         leftPanel: {
-          open: ue,
-          width: m,
+          open: pe,
+          width: v,
           onOpen: () => Ie(!0),
-          showOpenArrow: x === "both" || x === "open"
+          showOpenArrow: w === "both" || w === "open"
         }
-      } : {}), S && ye === "push" ? {
+      } : {}), D && ye === "push" ? {
         rightPanel: {
-          open: pe,
+          open: ue,
           width: de,
           onOpen: () => Oe(!0),
-          showOpenArrow: j === "both" || j === "open"
+          showOpenArrow: ee === "both" || ee === "open"
         }
       } : {})
     ),
@@ -617,16 +617,16 @@ function No({
       yn,
       k(a(a({}, W === "push" ? {
         leftPanel: {
-          open: ue,
-          width: m
+          open: pe,
+          width: v
         }
       } : {}), ye === "push" ? {
         rightPanel: {
-          open: pe,
+          open: ue,
           width: de
         }
       } : {}), {
-        children: /* @__PURE__ */ o($n, k(a({ "data-testid": d }, c), { children: e }))
+        children: /* @__PURE__ */ o($n, k(a({ "data-testid": l }, c), { children: e }))
       })
     )
   ] });
@@ -634,19 +634,19 @@ function No({
 const vt = () => {
   const e = se();
   return Rt(e.breakpoints.down("sm"));
-}, In = 64, On = 72, Tn = 256, J = _(!0), wt = _(Tn), At = _(On), ve = _(""), Bn = _(void 0), bt = _(In), St = _(void 0);
+}, In = 64, On = 72, Tn = 256, Z = _(!0), wt = _(Tn), At = _(On), ve = _(""), Bn = _(void 0), bt = _(In), St = _(void 0);
 function En({ links: e }) {
   return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
 }
-const oe = "Navbar", Y = {
-  root: `${oe}-root`,
-  menuButton: `${oe}-menuButton`,
-  hide: `${oe}-hide`,
-  content: `${oe}-content`
+const ie = "Navbar", Y = {
+  root: `${ie}-root`,
+  menuButton: `${ie}-menuButton`,
+  hide: `${ie}-hide`,
+  content: `${ie}-content`
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, Fn = R(y, { name: "NavBar" })(({ theme: e }) => ({
+}, Fn = R($, { name: "NavBar" })(({ theme: e }) => ({
   [`&.${Y.root}`]: {
     display: "flex"
   },
@@ -680,7 +680,7 @@ const oe = "Navbar", Y = {
       }
     }, e)
   );
-}, kt = (e) => {
+}, Dt = (e) => {
   var t, n;
   return {
     overflowX: "hidden",
@@ -691,10 +691,10 @@ const oe = "Navbar", Y = {
 }, ze = (e, t) => a({
   width: t,
   transition: X(e, "width", "entering")
-}, kt(e)), Ue = (e, t) => a({
+}, Dt(e)), Ue = (e, t) => a({
   width: t,
   transition: X(e, "width", "leaving")
-}, kt(e)), Nn = R(we, {
+}, Dt(e)), Nn = R(we, {
   shouldForwardProp: (e) => !["widthOpen", "widthClosed", "isSmallScreen"].includes(e)
 })(({ theme: e, open: t, widthOpen: n, widthClosed: i, isSmallScreen: r }) => a(a({
   flexShrink: 0,
@@ -720,8 +720,8 @@ function Ln(e) {
 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 _n({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
   const r = se();
-  return /* @__PURE__ */ p(
-    y,
+  return /* @__PURE__ */ u(
+    $,
     {
       sx: {
         paddingTop: 3,
@@ -732,14 +732,14 @@ function _n({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
       },
       children: [
         !i && /* @__PURE__ */ o(
-          y,
+          $,
           {
             sx: {
               width: n ? "5rem" : "2rem",
               transition: n ? X(r, ["width", "height"], "entering") : X(r, ["width", "height"], "leaving"),
               aspectRatio: 1
             },
-            children: e != null && e.name ? /* @__PURE__ */ o(E, { children: /* @__PURE__ */ o(
+            children: e != null && e.name ? /* @__PURE__ */ o(F, { children: /* @__PURE__ */ o(
               Pe,
               {
                 src: e == null ? void 0 : e.picture,
@@ -754,14 +754,14 @@ function _n({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
           }
         ),
         i && /* @__PURE__ */ o(
-          y,
+          $,
           {
             sx: {
               width: n ? "5rem" : "2rem",
               transition: n ? X(r, ["width", "height"], "entering") : X(r, ["width", "height"], "leaving"),
               aspectRatio: 1
             },
-            children: e != null && e.name ? /* @__PURE__ */ o(E, { children: /* @__PURE__ */ p(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(F, { 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: [
               " ",
               Ve(e == null ? void 0 : e.name),
               " ",
@@ -769,9 +769,9 @@ function _n({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
             ] }) }) : /* @__PURE__ */ o(Me, {})
           }
         ),
-        /* @__PURE__ */ o(Pn, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Wt, { in: n, children: /* @__PURE__ */ p(y, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
-          e != null && e.name ? /* @__PURE__ */ o(F, { children: e == null ? void 0 : e.name }) : /* @__PURE__ */ o(Ne, { animation: !1, width: "50%" }),
-          t ? /* @__PURE__ */ o(F, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Ne, { animation: !1, width: "25%" })
+        /* @__PURE__ */ o(Pn, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Wt, { in: n, children: /* @__PURE__ */ u($, { 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(Ne, { animation: !1, width: "50%" }),
+          t ? /* @__PURE__ */ o(T, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Ne, { animation: !1, width: "25%" })
         ] }) }) })
       ]
     }
@@ -785,37 +785,37 @@ function Mn({
   top: r,
   middle: s,
   bottom: c,
-  user: d,
-  domainCode: l,
-  useNewAvatar: u = !1
+  user: l,
+  domainCode: d,
+  useNewAvatar: p = !1
 }) {
-  const v = vt(), C = dt(J);
-  return /* @__PURE__ */ o(Fn, { className: Y.root, "data-testid": i, children: /* @__PURE__ */ p(
+  const C = vt(), f = dt(Z);
+  return /* @__PURE__ */ o(Fn, { className: Y.root, "data-testid": i, children: /* @__PURE__ */ u(
     Nn,
     {
       open: e,
       widthOpen: n,
       widthClosed: t,
       anchor: "left",
-      variant: v ? "temporary" : "permanent",
+      variant: C ? "temporary" : "permanent",
       PaperProps: {
         component: "nav"
       },
       onClose: () => {
-        C(!1);
+        f(!1);
       },
-      isSmallScreen: v,
+      isSmallScreen: C,
       children: [
-        !v && /* @__PURE__ */ o(zt, {}),
-        r && /* @__PURE__ */ p(y, { flexGrow: "0", children: [
+        !C && /* @__PURE__ */ o(zt, {}),
+        r && /* @__PURE__ */ u($, { flexGrow: "0", children: [
           r,
           /* @__PURE__ */ o(Le, { variant: "middle", sx: { marginY: "0.5rem" } })
         ] }),
-        /* @__PURE__ */ o(y, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ o(En, { links: s }) : s }),
-        /* @__PURE__ */ p(y, { flexGrow: "0", children: [
+        /* @__PURE__ */ o($, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ o(En, { links: s }) : s }),
+        /* @__PURE__ */ u($, { flexGrow: "0", children: [
           /* @__PURE__ */ o(Le, { variant: "middle", sx: { marginY: "0.5rem" } }),
-          /* @__PURE__ */ o(_n, { user: d, domainCode: l, open: e, useNewAvatar: u }),
-          c && /* @__PURE__ */ o(E, { children: c })
+          /* @__PURE__ */ o(_n, { user: l, domainCode: d, open: e, useNewAvatar: p }),
+          c && /* @__PURE__ */ o(F, { children: c })
         ] })
       ]
     }
@@ -828,14 +828,14 @@ function Rn({
   noPadding: i
 }) {
   return /* @__PURE__ */ o(
-    y,
+    $,
     {
       sx: {
         overflow: "auto",
         height: `calc(100vh - ${t}px)`,
         flexGrow: 1
       },
-      children: i ? /* @__PURE__ */ o(y, { component: "main", id: "main-content", height: "inherit", children: e }) : /* @__PURE__ */ o(
+      children: i ? /* @__PURE__ */ o($, { component: "main", id: "main-content", height: "inherit", children: e }) : /* @__PURE__ */ o(
         et,
         {
           component: "main",
@@ -857,8 +857,8 @@ function zn({
   "data-testid": n,
   middle: i
 }) {
-  const r = dt(J), s = () => r((l) => !l), c = se(), d = vt();
-  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ p(
+  const r = dt(Z), s = () => r((d) => !d), c = se(), l = vt();
+  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ u(
     je,
     {
       square: !0,
@@ -873,11 +873,11 @@ function zn({
         gap: 2,
         flexShrink: 0,
         height: t,
-        zIndex: d ? 0 : c.zIndex.drawer + 1
+        zIndex: l ? 0 : c.zIndex.drawer + 1
       },
       children: [
         /* @__PURE__ */ o(
-          K,
+          J,
           {
             size: "medium",
             color: "inherit",
@@ -886,13 +886,13 @@ function zn({
             children: /* @__PURE__ */ o(jt, { fontSize: "medium" })
           }
         ),
-        /* @__PURE__ */ o(F, { className: Wn.titleText, variant: "h6", component: "h1", children: e }),
+        /* @__PURE__ */ o(T, { className: Wn.titleText, variant: "h6", component: "h1", children: e }),
         i
       ]
     }
   ) });
 }
-function Lo({
+function No({
   children: e,
   initialTitleText: t,
   initialNavBarOpen: n,
@@ -900,49 +900,50 @@ function Lo({
   pageContentDataTestId: r,
   topBarDataTestId: s,
   navBarDataTestId: c,
-  navBarMiddle: d,
-  navBarBottom: l,
-  user: u,
-  domainCode: v
+  navBarMiddle: l,
+  navBarBottom: d,
+  user: p,
+  domainCode: C,
+  useNewAvatar: f = !1
 }) {
-  pt([
-    [J, n != null ? n : !0],
+  ut([
+    [Z, n != null ? n : !0],
     [ve, t != null ? t : ""]
   ]);
-  const C = _e(J), [A] = V(wt), [g] = V(At), $ = _e(ve), [b] = V(bt), [D] = V(Bn), [I] = V(St);
-  return /* @__PURE__ */ p(y, { children: [
+  const m = _e(Z), [g] = V(wt), [b] = V(At), y = _e(ve), [S] = V(bt), [I] = V(Bn), [O] = V(St);
+  return /* @__PURE__ */ u($, { children: [
     /* @__PURE__ */ o(Ut, {}),
     /* @__PURE__ */ o(
       zn,
       {
-        titleText: $,
+        titleText: y,
         "data-testid": s,
-        height: b,
-        middle: D
+        height: S,
+        middle: I
       }
     ),
-    /* @__PURE__ */ p(y, { sx: { display: "flex" }, children: [
+    /* @__PURE__ */ u($, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ o(
         Mn,
         {
-          open: C,
-          top: I,
-          middle: d,
-          bottom: l,
-          user: u,
-          domainCode: v,
-          widthOpen: A,
-          widthClosed: g,
-          offsetTop: b,
+          open: m,
+          top: O,
+          middle: l,
+          bottom: d,
+          user: p,
+          domainCode: C,
+          widthOpen: g,
+          widthClosed: b,
+          offsetTop: S,
           "data-testid": c,
-          useNewAvatar: !0
+          useNewAvatar: f
         }
       ),
       /* @__PURE__ */ o(
         Rn,
         k(a({
           "data-testid": r,
-          topBarHeight: b
+          topBarHeight: S
         }, i), {
           children: e
         })
@@ -950,7 +951,7 @@ function Lo({
     ] })
   ] });
 }
-const Dt = ({
+const kt = ({
   isOpen: e,
   dialogTitle: t,
   children: n,
@@ -958,48 +959,48 @@ const Dt = ({
   primaryButton: r,
   secondaryButton: s,
   onClose: c,
-  sx: d,
-  "data-testid": l,
-  disableCloseOnBackdropOrEscape: u = !1,
-  isLoading: v = !1
+  sx: l,
+  "data-testid": d,
+  disableCloseOnBackdropOrEscape: p = !1,
+  isLoading: C = !1
 }) => {
-  var g, $;
-  const [C, A] = B(!1);
-  return /* @__PURE__ */ p(
+  var g, b;
+  const [f, m] = E(!1);
+  return /* @__PURE__ */ u(
     tt,
     {
       open: e,
-      onClose: (b, D) => L(void 0, null, function* () {
-        u && (D === "backdropClick" || D === "escapeKeyDown") || C || (s != null && s.onClick ? yield s.onClick() : c());
+      onClose: (y, S) => L(void 0, null, function* () {
+        p && (S === "backdropClick" || S === "escapeKeyDown") || f || (s != null && s.onClick ? yield s.onClick() : c());
       }),
       fullWidth: !0,
       maxWidth: i != null ? i : "xs",
-      "data-testid": l,
-      sx: d,
+      "data-testid": d,
+      sx: l,
       children: [
-        v && /* @__PURE__ */ o(nt, { sx: { height: "4px", marginBottom: "-4px" } }),
+        C && /* @__PURE__ */ o(nt, { sx: { height: "4px", marginBottom: "-4px" } }),
         /* @__PURE__ */ o(ot, { children: t }),
         /* @__PURE__ */ o(it, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
-        /* @__PURE__ */ p(rt, { children: [
+        /* @__PURE__ */ u(rt, { children: [
           /* @__PURE__ */ o(
             ae,
             {
               onClick: (g = s == null ? void 0 : s.onClick) != null ? g : c,
               "data-testid": s == null ? void 0 : s.testId,
-              disabled: (s == null ? void 0 : s.disabled) || C,
+              disabled: (s == null ? void 0 : s.disabled) || f,
               color: s == null ? void 0 : s.buttonColor,
-              children: ($ = s == null ? void 0 : s.text) != null ? $ : "Cancel"
+              children: (b = s == null ? void 0 : s.text) != null ? b : "Cancel"
             }
           ),
           r && /* @__PURE__ */ o(
             ae,
             {
               onClick: () => L(void 0, null, function* () {
-                var b;
-                A(!0), yield (b = r.onClick) == null ? void 0 : b.call(r), A(!1);
+                var y;
+                m(!0), yield (y = r.onClick) == null ? void 0 : y.call(r), m(!1);
               }),
               "data-testid": r.testId,
-              disabled: r.disabled || C,
+              disabled: r.disabled || f,
               color: r == null ? void 0 : r.buttonColor,
               children: r.text
             }
@@ -1020,7 +1021,7 @@ const Dt = ({
   ) : n(r),
   queryKey: ["autocomplete", i, r]
 });
-function _o({
+function Lo({
   lookup: e = () => L(this, null, function* () {
   }),
   enableHighlighting: t = !0,
@@ -1029,92 +1030,92 @@ function _o({
   label: r,
   value: s,
   "data-testid": c,
-  sx: d,
-  boxSx: l,
-  textFieldColor: u,
-  textFieldVariant: v = "filled",
-  loadingText: C = "Loading...",
-  noOptionsText: A = "No options",
+  sx: l,
+  boxSx: d,
+  textFieldColor: p,
+  textFieldVariant: C = "filled",
+  loadingText: f = "Loading...",
+  noOptionsText: m = "No options",
   popupIcon: g = /* @__PURE__ */ o(tn, {}),
-  error: $ = !1,
-  helperText: b = "",
-  preLoadedOptions: D = void 0,
+  error: b = !1,
+  helperText: y = "",
+  preLoadedOptions: S = void 0,
   disablePortal: I = !1,
   disableIconFlip: O = !1
 }) {
-  const [P, N] = B(""), S = (h, f) => {
-    const m = s.filter((x) => x.id !== f);
-    n(m, "delete", h);
-  }, { data: w, isLoading: H } = yt({
+  const [P, N] = E(""), D = (h, x) => {
+    const v = s.filter((w) => w.id !== x);
+    n(v, "delete", h);
+  }, { data: A, isLoading: H } = yt({
     inputValue: P,
     label: r,
     lookup: e,
     minLength: i,
-    preLoadedOptions: D
+    preLoadedOptions: S
   }), W = P.length >= i;
-  return /* @__PURE__ */ p("div", { "data-testid": c, children: [
+  return /* @__PURE__ */ u("div", { "data-testid": c, children: [
     /* @__PURE__ */ o(
       be,
       {
-        sx: a(a({}, d), O ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
+        sx: a(a({}, l), O ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
         "data-testid": c ? `${c}:Autocomplete` : void 0,
         disablePortal: I,
         multiple: !0,
         getOptionLabel: (h) => typeof h == "string" ? h : h.label,
         loading: W ? H : !1,
-        options: [...s, ...w != null ? w : []],
+        options: [...s, ...A != null ? A : []],
         filterSelectedOptions: !0,
         includeInputInList: !0,
         value: s,
-        onChange: (h, f, m) => {
-          n(f, m, h);
+        onChange: (h, x, v) => {
+          n(x, v, h);
         },
-        onInputChange: (h, f) => N(f),
-        noOptionsText: W ? A : "Start typing to search",
-        loadingText: C,
+        onInputChange: (h, x) => N(x),
+        noOptionsText: W ? m : "Start typing to search",
+        loadingText: f,
         popupIcon: g,
         renderInput: (h) => /* @__PURE__ */ o(
           Se,
           k(a({}, h), {
             label: r,
             fullWidth: !0,
-            variant: v,
-            error: $,
-            helperText: b,
+            variant: C,
+            error: b,
+            helperText: y,
             InputProps: k(a({}, h.InputProps), {
-              endAdornment: /* @__PURE__ */ p(E, { children: [
-                H ? /* @__PURE__ */ o(ke, { color: "inherit", size: 20 }) : null,
+              endAdornment: /* @__PURE__ */ u(F, { children: [
+                H ? /* @__PURE__ */ o(De, { color: "inherit", size: 20 }) : null,
                 h.InputProps.endAdornment
               ] })
             }),
             "data-testid": c ? `${c}:Autocomplete:TextField` : void 0,
-            onKeyDown: (f) => {
-              (f.key === "Backspace" || f.key === "Delete") && f.stopPropagation();
+            onKeyDown: (x) => {
+              (x.key === "Backspace" || x.key === "Delete") && x.stopPropagation();
             },
-            color: u
+            color: p
           })
         ),
         renderTags: () => null,
-        isOptionEqualToValue: (h, f) => h.id === f.id,
-        renderOption: (h, f, m) => {
+        isOptionEqualToValue: (h, x) => h.id === x.id,
+        renderOption: (h, x, v) => {
           if (t) {
-            const x = on(f.label, m.inputValue, {
+            const w = on(x.label, v.inputValue, {
               insideWords: !0,
               findAllOccurrences: !0
-            }), M = rn(f.label, x);
+            }), M = rn(x.label, w);
             return /* @__PURE__ */ xe(
               "li",
               k(a({}, h), {
-                key: f.id,
-                "data-testid": c ? `${c}:Autocomplete:option(${f.id.toString()})` : void 0
+                key: x.id,
+                "data-testid": c ? `${c}:Autocomplete:option(${x.id.toString()})` : void 0
               }),
-              /* @__PURE__ */ o("div", { children: M.map((Z, le) => /* @__PURE__ */ o(
+              /* @__PURE__ */ o("div", { children: M.map((j, le) => /* @__PURE__ */ o(
                 "span",
                 {
                   style: {
-                    fontWeight: Z.highlight ? 700 : 400
+                    fontWeight: j.highlight ? 700 : 400
                   },
-                  children: Z.text
+                  children: j.text
                 },
                 le
               )) })
@@ -1123,15 +1124,15 @@ function _o({
             return /* @__PURE__ */ xe(
               "li",
               k(a({}, h), {
-                key: f.id,
-                "data-testid": c ? `${c}:option(${f.id.toString()})` : void 0
+                key: x.id,
+                "data-testid": c ? `${c}:option(${x.id.toString()})` : void 0
               }),
-              f.label
+              x.label
             );
         }
       }
     ),
-    s.length > 0 && /* @__PURE__ */ o(y, { sx: l, children: s.map((h) => /* @__PURE__ */ o(
+    s.length > 0 && /* @__PURE__ */ o($, { sx: d, children: s.map((h) => /* @__PURE__ */ o(
       Gt,
       {
         sx: {
@@ -1154,11 +1155,11 @@ function _o({
                 }
               ]
             },
-            children: /* @__PURE__ */ o(F, { style: { whiteSpace: "normal" }, children: h.chipLabel ? h.chipLabel : h.label })
+            children: /* @__PURE__ */ o(T, { style: { whiteSpace: "normal" }, children: h.chipLabel ? h.chipLabel : h.label })
           }
         ),
         "data-testid": c ? `${c}:Chip(${h.id.toString()})` : void 0,
-        onDelete: (f) => S(f, h.id),
+        onDelete: (x) => D(x, h.id),
         deleteIcon: /* @__PURE__ */ o(
           en,
           {
@@ -1170,7 +1171,7 @@ function _o({
     )) })
   ] });
 }
-const Mo = ({
+const _o = ({
   lookup: e = () => L(void 0, null, function* () {
   }),
   onChange: t,
@@ -1179,61 +1180,61 @@ const Mo = ({
   sx: r,
   textFieldColor: s,
   textFieldVariant: c = "filled",
-  "data-testid": d,
-  noOptionsText: l = "No options",
-  minLength: u = 3,
-  disablePortal: v = !1,
-  preLoadedOptions: C,
-  helperText: A = "",
+  "data-testid": l,
+  noOptionsText: d = "No options",
+  minLength: p = 3,
+  disablePortal: C = !1,
+  preLoadedOptions: f,
+  helperText: m = "",
   disabled: g,
-  popupIcon: $,
-  disableIconFlip: b
+  popupIcon: b,
+  disableIconFlip: y
 }) => {
-  const [D, I] = B(""), { data: O, isLoading: P } = yt({
-    inputValue: D,
+  const [S, I] = E(""), { data: O, isLoading: P } = yt({
+    inputValue: S,
     label: n,
     lookup: e,
-    minLength: u != null ? u : 0,
-    preLoadedOptions: C
-  }), N = D.length >= u;
-  return /* @__PURE__ */ o("div", { "data-testid": d, children: /* @__PURE__ */ o(qt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
+    minLength: p != null ? p : 0,
+    preLoadedOptions: f
+  }), N = S.length >= p;
+  return /* @__PURE__ */ o("div", { "data-testid": l, children: /* @__PURE__ */ o(qt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
     be,
     {
-      sx: a(a({}, r), b ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
-      "data-testid": d ? `${d}:Autocomplete` : void 0,
+      sx: a(a({}, r), y ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
+      "data-testid": l ? `${l}:Autocomplete` : void 0,
       loading: N ? P : !1,
       options: O != null ? O : [],
-      onChange: (S, w) => {
-        t(S, w);
+      onChange: (D, A) => {
+        t(D, A);
       },
-      disablePortal: v,
-      filterOptions: (S) => S,
+      disablePortal: C,
+      filterOptions: (D) => D,
       value: i,
-      noOptionsText: N ? l : "Start typing to search",
-      getOptionLabel: (S) => S.label,
-      popupIcon: $,
-      renderInput: (S) => /* @__PURE__ */ o(
+      noOptionsText: N ? d : "Start typing to search",
+      getOptionLabel: (D) => D.label,
+      popupIcon: b,
+      renderInput: (D) => /* @__PURE__ */ o(
         Se,
         k(a({
-          "data-testid": d ? `${d}:Autocomplete:TextField` : void 0
-        }, S), {
+          "data-testid": l ? `${l}:Autocomplete:TextField` : void 0
+        }, D), {
           variant: c,
           label: n,
           color: s,
-          helperText: A
+          helperText: m
         })
       ),
-      isOptionEqualToValue: (S, w) => S.id === w.id,
-      onInputChange: (S, w) => {
-        I(w);
+      isOptionEqualToValue: (D, A) => D.id === A.id,
+      onInputChange: (D, A) => {
+        I(A);
       },
-      renderOption: (S, w) => /* @__PURE__ */ xe(
+      renderOption: (D, A) => /* @__PURE__ */ xe(
         "li",
-        k(a({}, S), {
-          key: w.id,
-          "data-testid": d ? `${d}:Autocomplete:option(${w.id.toString()})` : void 0
+        k(a({}, D), {
+          key: A.id,
+          "data-testid": l ? `${l}:Autocomplete:option(${A.id.toString()})` : void 0
         }),
-        w.label
+        A.label
       ),
       disabled: g
     }
@@ -1251,37 +1252,37 @@ const Mo = ({
   } catch (t) {
     return -1;
   }
-}, Ro = ({
+}, Mo = ({
   open: e = !1,
   closeHandler: t,
   setAuth0ExpiryTime: n
 }) => {
-  const { logout: i, getAccessTokenSilently: r } = ht(), [s, c] = B(0), d = () => L(void 0, null, function* () {
+  const { logout: i, getAccessTokenSilently: r } = ht(), [s, c] = E(0), l = () => L(void 0, null, function* () {
     i({ logoutParams: { returnTo: `${window.location.origin}` } });
-  }), l = () => L(void 0, null, function* () {
+  }), d = () => L(void 0, null, function* () {
     c(s + 1), t();
   });
-  return re(() => {
+  return K(() => {
     (() => L(void 0, null, function* () {
       if (s > 0) {
-        const A = yield r({ cacheMode: "off" }), g = Un(A) * 1e3;
+        const m = yield r({ cacheMode: "off" }), g = Un(m) * 1e3;
         n(g);
       }
     }))();
   }, [s, r, n]), /* @__PURE__ */ o(
-    Dt,
+    kt,
     {
       isOpen: e,
       primaryButton: {
         text: "Continue",
-        onClick: l,
+        onClick: d,
         disabled: !1,
         testId: "PreferencesDialog",
         buttonColor: "secondary"
       },
       secondaryButton: {
         text: "Log out",
-        onClick: d,
+        onClick: l,
         disabled: !1,
         testId: "PreferencesDialog",
         buttonColor: "secondary"
@@ -1297,49 +1298,72 @@ function Gn(e) {
   return "error" in e;
 }
 function Vn(e) {
-  return e.error === "access_denied";
-}
-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("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 Ho({
+function Ro({
   children: e,
-  appName: t = "the app"
+  appName: t = "the app",
+  throwErrors: n,
+  disableConsoleLogging: i = !1,
+  onError: r = () => {
+  }
 }) {
-  const { isAuthenticated: n, isLoading: i, error: r, loginWithRedirect: s, logout: c } = ht();
-  if (re(() => {
-    if (i || n || r)
+  var C, f;
+  const { isAuthenticated: s, isLoading: c, error: l, loginWithRedirect: d, logout: p } = ht();
+  if (K(() => {
+    l && r(l);
+  }, [l, r]), K(() => {
+    if (c || s || l)
       return;
-    const d = {
+    const m = {
       appState: {
         returnTo: `${window.location.pathname}${window.location.search}`
       }
     };
-    s(d);
-  }, [i, n, r, s]), r && Gn(r)) {
-    let d = "Auth error", l = "An unknown Auth0 error occurred.";
-    return qn(r) ? (d = "Unauthorised", l = `You are not authorised to access ${t}.`) : Xn(r) ? (d = "App not authorised", l = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`) : Vn(r) && (d = "Unauthorised", l = "Authorisation with auth0 failed for an unknown reason."), /* @__PURE__ */ p(tt, { open: !0, children: [
-      /* @__PURE__ */ o(ot, { children: d }),
-      /* @__PURE__ */ o(it, { children: /* @__PURE__ */ o(F, { children: l }) }),
-      /* @__PURE__ */ o(rt, { children: /* @__PURE__ */ o(ae, { onClick: () => c({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" }) })
+    d(m);
+  }, [c, s, l, d, r]), l && (i || console.error(
+    `Error detected in AuthGuard [isAuthenticated=${s},isLoading=${c}]`,
+    l
+  ), Gn(l))) {
+    let m = "Auth error", g = "An unknown Auth0 error occurred.", b = !1;
+    if (Vn(l) ? (m = "Unauthorised", g = `You are not authorised to access ${t}.`, b = !0) : qn(l) && (m = "App not authorised", g = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`, b = !0), n === "all")
+      throw l;
+    if (n === "unknown" && !b)
+      throw l;
+    return /* @__PURE__ */ u(tt, { open: !0, children: [
+      /* @__PURE__ */ o(ot, { children: m }),
+      /* @__PURE__ */ u(it, { children: [
+        /* @__PURE__ */ o(T, { children: g }),
+        /* @__PURE__ */ o("br", {}),
+        /* @__PURE__ */ o(T, { variant: "subtitle2", children: "Details from Auth0" }),
+        /* @__PURE__ */ u(T, { variant: "body2", children: [
+          "error: ",
+          (C = l == null ? void 0 : l.error) != null ? C : "N/A"
+        ] }),
+        /* @__PURE__ */ u(T, { variant: "body2", children: [
+          "description: ",
+          (f = l == null ? void 0 : l.error_description) != null ? f : "N/A"
+        ] })
+      ] }),
+      /* @__PURE__ */ o(rt, { children: /* @__PURE__ */ o(ae, { onClick: () => p({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" }) })
     ] });
   }
-  return n ? /* @__PURE__ */ o(E, { children: e }) : /* @__PURE__ */ o(dn, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
+  return s ? /* @__PURE__ */ o(F, { children: e }) : /* @__PURE__ */ o(dn, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
 }
-const Qn = {
+const Xn = {
   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
-}, Yn = {
+}, Qn = {
   shouldClose: (e, t) => t !== "clickaway"
 }, qe = {
   message: "",
@@ -1347,18 +1371,18 @@ const Qn = {
   variant: "standard",
   progressIndicator: void 0
   // Can use 'circular' or 'linear'
-}, Xe = 100, Qe = 2e3, Kn = 2e3, Jn = (() => {
+}, Xe = 100, Qe = 2e3, Yn = 2e3, Kn = (() => {
   let e = 0;
   return () => (e += 1, e);
-})(), Zn = {
+})(), Jn = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
-}, jn = {}, eo = {}, $t = Je(null);
-function to(s) {
+}, Zn = {}, jn = {}, $t = Je(null);
+function eo(s) {
   var c = s, {
-    overrideState: e = jn,
-    overrideActions: t = eo,
-    shouldClose: n = Yn.shouldClose,
+    overrideState: e = Zn,
+    overrideActions: t = jn,
+    shouldClose: n = Qn.shouldClose,
     children: i
   } = c, r = Ee(c, [
     "overrideState",
@@ -1366,80 +1390,80 @@ function to(s) {
     "shouldClose",
     "children"
   ]);
-  var f;
-  const [{ open: d }, l] = B({ open: !1 }), u = ge([]), v = ge(Date.now()), C = ge(0), A = ie((m) => {
-    l({ open: m });
-  }, []), g = ie((m = {}) => {
-    C.current += 1, u.current.length >= Xe && Date.now() - v.current >= Qe && (v.current = Date.now(), console.error(
-      `SaladBarProvider: MAX_QUEUE_LENGTH (${Xe}) hit ${C.current} times in last ${Qe}ms)`
-    ), C.current = 0);
-    const x = a(k(a({}, qe), {
-      key: Jn()
-    }), m);
-    return u.current.push(x), u.current.length === 1 && l({ open: !0 }), x.key;
-  }, []), $ = (m = "", x = {}) => g(a({ message: m, severity: "success" }, x)), b = (m = "", x = {}) => g(a({ message: m, severity: "info" }, x)), D = (m = "", x = {}) => g(a({ message: m, severity: "warning" }, x)), I = (m = "", x = {}) => g(a({ message: m, severity: "error" }, x)), O = (m) => {
-    const x = u.current.findIndex((M) => M.key === m);
-    if (x !== -1)
-      return x === 0 ? (l({ open: !1 }), u.current[0]) : u.current.splice(x, 1);
-  }, P = (m, x) => {
-    n(m, x) && l({ open: !1 });
+  var x;
+  const [{ open: l }, d] = E({ open: !1 }), p = ge([]), C = ge(Date.now()), f = ge(0), m = re((v) => {
+    d({ open: v });
+  }, []), g = re((v = {}) => {
+    f.current += 1, p.current.length >= Xe && Date.now() - C.current >= Qe && (C.current = Date.now(), console.error(
+      `SaladBarProvider: MAX_QUEUE_LENGTH (${Xe}) hit ${f.current} times in last ${Qe}ms)`
+    ), f.current = 0);
+    const w = a(k(a({}, qe), {
+      key: Kn()
+    }), v);
+    return p.current.push(w), p.current.length === 1 && d({ open: !0 }), w.key;
+  }, []), b = (v = "", w = {}) => g(a({ message: v, severity: "success" }, w)), y = (v = "", w = {}) => g(a({ message: v, severity: "info" }, w)), S = (v = "", w = {}) => g(a({ message: v, severity: "warning" }, w)), I = (v = "", w = {}) => g(a({ message: v, severity: "error" }, w)), O = (v) => {
+    const w = p.current.findIndex((M) => M.key === v);
+    if (w !== -1)
+      return w === 0 ? (d({ open: !1 }), p.current[0]) : p.current.splice(w, 1);
+  }, P = (v, w) => {
+    n(v, w) && d({ open: !1 });
   }, N = () => {
-  }, S = () => {
-    u.current.shift(), u.current.length > 0 && l({ open: !0 });
-  }, w = (f = u.current[0]) != null ? f : a({}, qe), H = {};
-  "autoHideDuration" in w && (H.autoHideDuration = w.autoHideDuration);
-  const W = a(a({}, Qn), r), h = a(a({
-    open: d,
-    setOpen: A,
+  }, D = () => {
+    p.current.shift(), p.current.length > 0 && d({ open: !0 });
+  }, A = (x = p.current[0]) != null ? x : a({}, qe), H = {};
+  "autoHideDuration" in A && (H.autoHideDuration = A.autoHideDuration);
+  const W = a(a({}, Xn), r), h = a(a({
+    open: l,
+    setOpen: m,
     enqueueNotification: g,
-    enqueueSuccessNotification: $,
-    enqueueInfoNotification: b,
-    enqueueWarningNotification: D,
+    enqueueSuccessNotification: b,
+    enqueueInfoNotification: y,
+    enqueueWarningNotification: S,
     enqueueErrorNotification: I,
     removeNotification: O
   }, e), t);
-  return /* @__PURE__ */ p($t.Provider, { value: h, children: [
+  return /* @__PURE__ */ u($t.Provider, { value: h, children: [
     i,
     /* @__PURE__ */ o(
       Xt,
       k(a(a({}, W), H), {
-        open: d,
+        open: l,
         onClose: P,
         TransitionProps: {
-          onExited: S,
+          onExited: D,
           onExit: N
         },
-        sx: { zIndex: Kn },
-        children: /* @__PURE__ */ p("div", { children: [
+        sx: { zIndex: Yn },
+        children: /* @__PURE__ */ u("div", { children: [
           /* @__PURE__ */ o(
             Qt,
             {
-              onClose: (m) => P(m, "closeAlert"),
-              severity: w.severity,
+              onClose: (v) => P(v, "closeAlert"),
+              severity: A.severity,
               variant: "filled",
-              icon: w.progressIndicator === "circular" ? /* @__PURE__ */ o(ke, { size: "1em" }) : void 0,
-              style: w.progressIndicator === "linear" ? Zn : void 0,
-              children: w.message
+              icon: A.progressIndicator === "circular" ? /* @__PURE__ */ o(De, { size: "1em" }) : void 0,
+              style: A.progressIndicator === "linear" ? Jn : void 0,
+              children: A.message
             }
           ),
-          w.progressIndicator === "linear" && /* @__PURE__ */ o(nt, { color: "primary" })
+          A.progressIndicator === "linear" && /* @__PURE__ */ o(nt, { color: "primary" })
         ] })
       })
     )
   ] });
 }
-function no() {
+function to() {
   const e = Ze($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 Wo = Q(
-  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(to, k(a({}, e), { overrideState: t, overrideActions: n, children: i }))
-), oo = nn(), zo = ({
+const Ho = Q(
+  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(eo, k(a({}, e), { overrideState: t, overrideActions: n, children: i }))
+), no = nn(), Wo = ({
   children: e,
   store: t
-}) => /* @__PURE__ */ o(ut, { store: t != null ? t : oo, children: e }), It = "domainCode";
+}) => /* @__PURE__ */ o(pt, { store: t != null ? t : no, children: e }), It = "domainCode";
 var Ke;
 const Ye = _(
   JSON.parse((Ke = localStorage.getItem(It)) != null ? Ke : '{"domainCode": ""}').domainCode
@@ -1448,7 +1472,7 @@ const Ye = _(
   (e, t, n) => {
     t(Ye, n), localStorage.setItem(It, JSON.stringify({ domainCode: n }));
   }
-), io = {
+), oo = {
   act: "ACT",
   nsw: "NSW",
   nt: "NT",
@@ -1460,10 +1484,10 @@ const Ye = _(
   ag: "AG",
   fedmps: "Fedmps",
   "": ""
-}, ro = (e) => {
+}, io = (e) => {
   var t;
-  return e === null ? "N/A" : (t = io[e]) != null ? t : "";
-}, Uo = ({
+  return e === null ? "N/A" : (t = oo[e]) != null ? t : "";
+}, zo = ({
   isLoading: e,
   isOpen: t,
   onClose: n,
@@ -1471,31 +1495,31 @@ const Ye = _(
   applicationName: r,
   handleLogout: s
 }) => {
-  const [c, d] = V(Ot), [l, u] = B(c), { enqueueSuccessNotification: v } = no(), C = i.length === 0, A = !!c && !i.includes(c) && !i.includes(l), g = !c || C || A, $ = () => L(void 0, null, function* () {
-    l ? (d(l), v(`Set domain to ${l}`), n()) : d("");
-  }), b = () => L(void 0, null, function* () {
-    c && !C && !A ? (u(c), n()) : g && s();
+  const [c, l] = V(Ot), [d, p] = E(c), { enqueueSuccessNotification: C } = to(), f = i.length === 0, m = !!c && !i.includes(c) && !i.includes(d), g = !c || f || m, b = () => L(void 0, null, function* () {
+    d ? (l(d), C(`Set domain to ${d}`), n()) : l("");
+  }), y = () => L(void 0, null, function* () {
+    c && !f && !m ? (p(c), n()) : g && s();
   });
-  let D;
-  return C ? D = "Unable to retrieve your active organisations. Try logging in again." : A && (D = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ p(
-    Dt,
+  let S;
+  return f ? S = "Unable to retrieve your active organisations. Try logging in again." : m && (S = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ u(
+    kt,
     {
       isOpen: t,
       dialogTitle: "Select an organisation",
       primaryButton: {
         text: "Confirm",
-        onClick: $,
-        disabled: !l || C || A,
+        onClick: b,
+        disabled: !d || f || m,
         buttonColor: "primary"
       },
       secondaryButton: {
         text: g ? "Logout" : "Cancel",
-        onClick: b
+        onClick: y
       },
       onClose: g ? () => {
       } : n,
       children: [
-        /* @__PURE__ */ p(F, { marginBottom: 2, children: [
+        /* @__PURE__ */ u(T, { marginBottom: 2, children: [
           "Select the default organisation that you want to use with the ",
           r,
           "."
@@ -1506,9 +1530,9 @@ const Ye = _(
             loading: e,
             multiple: !1,
             disableClearable: !1,
-            value: l !== "" ? l : null,
-            onChange: (I, O) => u(O != null ? O : ""),
-            getOptionLabel: ro,
+            value: d !== "" ? d : null,
+            onChange: (I, O) => p(O != null ? O : ""),
+            getOptionLabel: io,
             options: [...i],
             renderInput: (I) => /* @__PURE__ */ o(
               Se,
@@ -1516,8 +1540,8 @@ const Ye = _(
                 variant: "filled",
                 label: "Select organisation",
                 InputProps: k(a({}, I.InputProps), {
-                  endAdornment: /* @__PURE__ */ p(E, { children: [
-                    e ? /* @__PURE__ */ o(ke, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
+                  endAdornment: /* @__PURE__ */ u(F, { children: [
+                    e ? /* @__PURE__ */ o(De, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
                     I.InputProps.endAdornment
                   ] })
                 })
@@ -1525,11 +1549,11 @@ const Ye = _(
             )
           }
         ),
-        D && /* @__PURE__ */ o(Yt, { error: !0, children: D })
+        S && /* @__PURE__ */ o(Yt, { error: !0, children: S })
       ]
     }
   );
-}, Go = at({
+}, Uo = at({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1580,7 +1604,7 @@ const Ye = _(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), Vo = at({
+}), Go = at({
   palette: {
     primary: {
       main: "#007236",
@@ -1674,63 +1698,63 @@ const Ye = _(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), ao = {
+}), ro = {
   domainCode: Ot,
-  navBarOpen: J,
+  navBarOpen: Z,
   navBarWidthOpen: wt,
   navBarWidthClosed: At,
   titleText: ve,
   topBarHeight: bt,
   navBarTop: St
-}, qo = Q(() => ({ children: e }) => /* @__PURE__ */ o(ut, { children: e })), so = ({
+}, Vo = Q(() => ({ children: e }) => /* @__PURE__ */ o(pt, { children: e })), ao = ({
   initialValues: e,
   children: t
-}) => (pt(e), /* @__PURE__ */ o(E, { children: t })), Xo = Q(
+}) => (ut(e), /* @__PURE__ */ o(F, { children: t })), qo = Q(
   (e) => ({ children: t }) => /* @__PURE__ */ o(
-    so,
+    ao,
     {
       initialValues: Object.entries(e).map(
         ([n, i]) => [
-          ao[n],
+          ro[n],
           i
         ]
       ),
       children: t
     }
   )
-), Qo = Q(() => ({ children: e }) => {
+), Xo = Q(() => ({ children: e }) => {
   const t = new sn();
   return /* @__PURE__ */ o(ln, { client: t, children: e });
 });
 export {
-  Dt as AgDialog,
-  Lo as AppLayout,
-  zo as AtomProvider,
-  Ho as AuthGuard,
+  kt as AgDialog,
+  No as AppLayout,
+  Wo as AtomProvider,
+  Ro as AuthGuard,
   $t as Context,
-  De as ContextError,
-  Uo as DomainCodeDialog,
-  Oo as ExampleComponent,
-  _o as FetchAutocomplete,
-  so as HydrateAtoms,
+  ke as ContextError,
+  zo as DomainCodeDialog,
+  Io as ExampleComponent,
+  Lo as FetchAutocomplete,
+  ao as HydrateAtoms,
   ft as NAVBAR_WIDTH_CLOSED,
   gt as NAVBAR_WIDTH_OPENED,
-  Po as NavBar,
-  Eo as NavBarDarkStyledList,
-  Fo as NavBarLightStyledList,
+  Fo as NavBar,
+  Bo as NavBarDarkStyledList,
+  Eo as NavBarLightStyledList,
   Cn as NavBarProvider,
-  No as PageLayout,
-  to as SaladBarProvider,
-  Ro as SessionExpiryDialog,
-  Mo as SingleAutocomplete,
-  oo as atomStore,
+  Po as PageLayout,
+  eo as SaladBarProvider,
+  Mo as SessionExpiryDialog,
+  _o as SingleAutocomplete,
+  no as atomStore,
   vn as buildNavBarState,
   Ot as domainCodeAtom,
-  Go as fed21Theme,
+  Uo as fed21Theme,
   Un as getAuth0Expiry,
-  Vo as internalAgSystemsTheme,
+  Go as internalAgSystemsTheme,
   q as navBarClasses,
-  J as navBarOpenAtom,
+  Z as navBarOpenAtom,
   St as navBarTopAtom,
   At as navBarWidthClosedAtom,
   wt as navBarWidthOpenAtom,
@@ -1739,12 +1763,12 @@ export {
   Bn as topBarMiddleAtom,
   yt as useAutocompleteOptions,
   xn as useNavBar,
-  no as useSaladBar,
-  qo as withAtomProvider,
-  Bo as withBrowserRouter,
-  To as withNavBarProvider,
-  Xo as withOverrideDefaults,
-  Qo as withQueryClient,
-  Wo as withSaladBarProvider
+  to as useSaladBar,
+  Vo as withAtomProvider,
+  To as withBrowserRouter,
+  Oo as withNavBarProvider,
+  qo as withOverrideDefaults,
+  Xo as withQueryClient,
+  Ho as withSaladBarProvider
 };
 //# sourceMappingURL=index.js.map