@australiangreens/ag-internal-components 0.1.23 → 0.1.24

package/dist/esm/index.js

@@ -1,113 +1,113 @@
-var Et = Object.defineProperty, Ft = Object.defineProperties;
-var Ot = Object.getOwnPropertyDescriptors;
-var te = Object.getOwnPropertySymbols;
-var Ee = Object.prototype.hasOwnProperty, Fe = Object.prototype.propertyIsEnumerable;
-var he = (e, t, n) => t in e ? Et(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, s = (e, t) => {
-  for (var n in t || (t = {}))
-    Ee.call(t, n) && he(e, n, t[n]);
-  if (te)
-    for (var n of te(t))
-      Fe.call(t, n) && he(e, n, t[n]);
+var tt = Object.defineProperty, ot = Object.defineProperties;
+var nt = Object.getOwnPropertyDescriptors;
+var G = Object.getOwnPropertySymbols;
+var de = Object.prototype.hasOwnProperty, ue = Object.prototype.propertyIsEnumerable;
+var j = (e, t, o) => t in e ? tt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, d = (e, t) => {
+  for (var o in t || (t = {}))
+    de.call(t, o) && j(e, o, t[o]);
+  if (G)
+    for (var o of G(t))
+      ue.call(t, o) && j(e, o, t[o]);
   return e;
-}, I = (e, t) => Ft(e, Ot(t));
-var Oe = (e, t) => {
-  var n = {};
+}, D = (e, t) => ot(e, nt(t));
+var pe = (e, t) => {
+  var o = {};
   for (var i in e)
-    Ee.call(e, i) && t.indexOf(i) < 0 && (n[i] = e[i]);
-  if (e != null && te)
-    for (var i of te(e))
-      t.indexOf(i) < 0 && Fe.call(e, i) && (n[i] = e[i]);
-  return n;
+    de.call(e, i) && t.indexOf(i) < 0 && (o[i] = e[i]);
+  if (e != null && G)
+    for (var i of G(e))
+      t.indexOf(i) < 0 && ue.call(e, i) && (o[i] = e[i]);
+  return o;
 };
-var Ne = (e, t, n) => he(e, typeof t != "symbol" ? t + "" : t, n);
-var _ = (e, t, n) => new Promise((i, r) => {
-  var a = (c) => {
+var he = (e, t, o) => j(e, typeof t != "symbol" ? t + "" : t, o);
+var _ = (e, t, o) => new Promise((i, r) => {
+  var s = (l) => {
     try {
-      l(n.next(c));
+      a(o.next(l));
     } catch (u) {
       r(u);
     }
-  }, d = (c) => {
+  }, c = (l) => {
     try {
-      l(n.throw(c));
+      a(o.throw(l));
     } catch (u) {
       r(u);
     }
-  }, l = (c) => c.done ? i(c.value) : Promise.resolve(c.value).then(a, d);
-  l((n = n.apply(e, t)).next());
+  }, a = (l) => l.done ? i(l.value) : Promise.resolve(l.value).then(s, c);
+  a((o = o.apply(e, t)).next());
 });
-import { jsxs as p, Fragment as L, jsx as o } from "react/jsx-runtime";
-import { useState as N, createContext as Ze, useCallback as re, useContext as je, useEffect as K, createElement as Ce, useMemo as Nt, useRef as ge } from "react";
-import { Typography as F, Button as Q, Paper as et, Box as k, Drawer as we, styled as ve, IconButton as J, Container as tt, useTheme as se, useMediaQuery as Bt, Collapse as _t, Avatar as Be, Fade as Lt, Skeleton as _e, Toolbar as Pt, Divider as Le, CssBaseline as Mt, Dialog as nt, LinearProgress as ot, DialogTitle as it, DialogContent as rt, DialogActions as at, Autocomplete as Ae, TextField as be, CircularProgress as Se, Chip as Rt, Tooltip as Ht, Stack as Ut, Snackbar as Wt, Alert as zt, FormHelperText as Gt } from "@mui/material";
-import Vt from "@mui/material/CssBaseline";
-import { styled as U, createTheme as st, alpha as fe } from "@mui/material/styles";
-import { createHelper as Ie } from "souvlaki";
-import { BrowserRouter as qt } from "react-router-dom";
-import lt from "@mui/material/List";
-import { ArrowForward as ct, ArrowBack as dt, ViewHeadline as Xt, Cancel as Yt, ArrowDropDown as Kt } from "@mui/icons-material";
-import { atom as R, useSetAtom as ut, useAtomValue as Pe, useAtom as V } from "jotai";
-import { useHydrateAtoms as Qt } from "jotai/utils";
-import Me from "react-avatar";
-import Jt from "autosuggest-highlight/match";
-import Zt from "autosuggest-highlight/parse";
-import { useQuery as jt } from "@tanstack/react-query";
-import { useAuth0 as pt } from "@auth0/auth0-react";
-import { Buffer as en } from "buffer";
-import tn from "@mui/material/Skeleton";
-function So({ text: e }) {
-  const [t, n] = N(0);
-  return /* @__PURE__ */ p(L, { 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" }) }),
-    /* @__PURE__ */ o(
-      Q,
+import { jsxs as m, Fragment as B, jsx as n } from "react/jsx-runtime";
+import { useState as T, createContext as Ne, useCallback as K, useContext as _e, createElement as oe, useEffect as ne, useMemo as it, useRef as ee } from "react";
+import { Typography as N, Button as W, Paper as Me, Box as E, Drawer as Te, useTheme as J, useMediaQuery as rt, Collapse as at, Avatar as fe, Fade as st, Skeleton as me, Toolbar as lt, Divider as ge, Container as ct, IconButton as dt, CssBaseline as ut, Dialog as Le, LinearProgress as Be, DialogTitle as Pe, DialogContent as Re, DialogActions as He, Autocomplete as ie, TextField as re, CircularProgress as ae, Chip as pt, Tooltip as ht, Stack as ft, Snackbar as mt, Alert as gt, FormHelperText as xt } from "@mui/material";
+import Ct from "@mui/material/CssBaseline";
+import { styled as z, createTheme as Oe, alpha as te } from "@mui/material/styles";
+import { createHelper as se } from "souvlaki";
+import { BrowserRouter as vt } from "react-router-dom";
+import Ue from "@mui/material/List";
+import { ViewHeadline as At, Cancel as wt, ArrowDropDown as St } from "@mui/icons-material";
+import { atom as M, useSetAtom as We, useAtomValue as xe, useAtom as H } from "jotai";
+import { useHydrateAtoms as kt } from "jotai/utils";
+import Ce from "react-avatar";
+import bt from "autosuggest-highlight/match";
+import yt from "autosuggest-highlight/parse";
+import { useQuery as Dt } from "@tanstack/react-query";
+import { useAuth0 as ze } from "@auth0/auth0-react";
+import { Buffer as It } from "buffer";
+import $t from "@mui/material/Skeleton";
+function Uo({ text: e }) {
+  const [t, o] = T(0);
+  return /* @__PURE__ */ m(B, { children: [
+    /* @__PURE__ */ n(N, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
+    /* @__PURE__ */ n(N, { variant: "caption", display: "block", children: /* @__PURE__ */ n("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
+    /* @__PURE__ */ n(
+      W,
       {
         variant: "outlined",
-        onClick: () => n((i) => i + 1),
+        onClick: () => o((i) => i + 1),
         "aria-label": "Increment",
         children: "Hello I am a button"
       }
     ),
-    /* @__PURE__ */ p("p", { children: [
+    /* @__PURE__ */ m("p", { children: [
       "This is some text: ",
-      /* @__PURE__ */ o("span", { children: e })
+      /* @__PURE__ */ n("span", { children: e })
     ] }),
-    /* @__PURE__ */ p(et, { children: [
+    /* @__PURE__ */ m(Me, { children: [
       "This number will incremember when button pressed: ",
       t
     ] })
   ] });
 }
-const ht = 330, gt = 73, z = "Navbar", q = {
-  root: `${z}-root`,
-  menuButton: `${z}-menuButton`,
-  hide: `${z}-hide`,
-  content: `${z}-content`,
-  userInfoHolder: `${z}-userInfoHolder`,
-  settings: `${z}-settings`,
-  pieChartIcon: `${z}-pieChartIcon`
-}, nn = U(k, {
+const Ve = 330, qe = 73, L = "Navbar", O = {
+  root: `${L}-root`,
+  menuButton: `${L}-menuButton`,
+  hide: `${L}-hide`,
+  content: `${L}-content`,
+  userInfoHolder: `${L}-userInfoHolder`,
+  settings: `${L}-settings`,
+  pieChartIcon: `${L}-pieChartIcon`
+}, Et = z(E, {
   name: "NavBar"
 })(({ theme: e }) => ({
-  [`&.${q.root}`]: {
+  [`&.${O.root}`]: {
     display: "flex"
   },
-  [`& .${q.menuButton}`]: {
+  [`& .${O.menuButton}`]: {
     marginRight: 36
   },
-  [`& .${q.hide}`]: {
+  [`& .${O.hide}`]: {
     display: "none"
   },
-  [`& .${q.content}`]: {
+  [`& .${O.content}`]: {
     flexGrow: 1,
     padding: e.spacing(3)
   },
-  [`& .${q.userInfoHolder}`]: {
+  [`& .${O.userInfoHolder}`]: {
     height: "148px",
     marginTop: "64px",
     marginBottom: "16px"
   }
-})), ft = () => ({
+})), Ge = () => ({
   position: "absolute",
   height: "100%",
   overflowX: "hidden",
@@ -115,51 +115,51 @@ const ht = 330, gt = 73, z = "Navbar", q = {
   color: "white",
   backgroundColor: "black"
   // backgroundColor: '#e8e8e8',
-}), on = () => s({
-  width: ht
-}, ft()), rn = () => s({
-  width: gt
-}, ft()), an = U(we, {
+}), Ft = () => d({
+  width: Ve
+}, Ge()), Nt = () => d({
+  width: qe
+}, Ge()), _t = z(Te, {
   shouldForwardProp: (e) => e !== "open"
-})(({ theme: e, open: t }) => s(s({
-  width: t ? ht : gt,
+})(({ theme: e, open: t }) => d(d({
+  width: t ? Ve : qe,
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box",
   zIndex: e.zIndex.drawer + 100
 }, t && {
-  "& .MuiDrawer-paper": on()
+  "& .MuiDrawer-paper": Ft()
 }), !t && {
-  "& .MuiDrawer-paper": rn()
+  "& .MuiDrawer-paper": Nt()
 }));
-class ke extends Error {
+class le extends Error {
 }
-Ne(ke, "errorName", "ContextError");
-const mt = Ze(null), sn = {}, ln = {}, cn = ({
-  overrideState: e = sn,
-  overrideActions: t = ln,
-  children: n
+he(le, "errorName", "ContextError");
+const Xe = Ne(null), Mt = {}, Tt = {}, Lt = ({
+  overrideState: e = Mt,
+  overrideActions: t = Tt,
+  children: o
 }) => {
-  const [{ open: i }, r] = N({ open: !0 }), a = re((c) => {
-    r({ open: c });
-  }, []), d = re(() => {
-    r((c) => I(s({}, c), { open: !c.open }));
-  }, []), l = s(s({
+  const [{ open: i }, r] = T({ open: !0 }), s = K((l) => {
+    r({ open: l });
+  }, []), c = K(() => {
+    r((l) => D(d({}, l), { open: !l.open }));
+  }, []), a = d(d({
     open: i,
-    setOpen: a,
-    toggleOpen: d
+    setOpen: s,
+    toggleOpen: c
   }, e), t);
-  return /* @__PURE__ */ o(mt.Provider, { value: l, children: n });
-}, dn = () => {
-  const e = je(mt);
+  return /* @__PURE__ */ n(Xe.Provider, { value: a, children: o });
+}, Bt = () => {
+  const e = _e(Xe);
   if (e === null)
-    throw new ke("Error: Tried to useNavBar outside of a <NavBarProvider>");
+    throw new le("Error: Tried to useNavBar outside of a <NavBarProvider>");
   return e;
-}, un = (e = {}) => s({
+}, Pt = (e = {}) => d({
   open: !0
-}, e), Io = Ie(
-  (e = un(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(cn, { overrideState: e, overrideActions: t, children: n })
-), ko = Ie(() => ({ children: e }) => /* @__PURE__ */ o(qt, { children: e })), Re = 7, yo = U(lt)(({ theme: e }) => ({
+}, e), Wo = se(
+  (e = Pt(), t = {}) => ({ children: o }) => /* @__PURE__ */ n(Lt, { overrideState: e, overrideActions: t, children: o })
+), zo = se(() => ({ children: e }) => /* @__PURE__ */ n(vt, { children: e })), ve = 7, Vo = z(Ue)(({ theme: e }) => ({
   backgroundColor: "black",
   color: "white",
   "& .MuiListItem-root": {
@@ -168,7 +168,7 @@ const mt = Ze(null), sn = {}, ln = {}, cn = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "white",
-      padding: `${Re}px`
+      padding: `${ve}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -179,7 +179,7 @@ const mt = Ze(null), sn = {}, ln = {}, cn = ({
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${Re}px)`
+      paddingLeft: `calc(${e.spacing(2)} - ${ve}px)`
     },
     // Hover state
     "&:hover": {
@@ -197,7 +197,7 @@ const mt = Ze(null), sn = {}, ln = {}, cn = ({
     // '&.Mui-selected.Mui-focusVisible:hover': {
     // },
   }
-})), He = 7, $o = U(lt)(({ theme: e }) => ({
+})), Ae = 7, qo = z(Ue)(({ theme: e }) => ({
   backgroundColor: "#e8e8e8",
   color: "inherit",
   "& .MuiListItem-root": {
@@ -206,7 +206,7 @@ const mt = Ze(null), sn = {}, ln = {}, cn = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "inherit",
-      padding: `${He}px`
+      padding: `${Ae}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -217,7 +217,7 @@ const mt = Ze(null), sn = {}, ln = {}, cn = ({
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${He}px)`
+      paddingLeft: `calc(${e.spacing(2)} - ${Ae}px)`
     },
     // Hover state
     "&:hover": {
@@ -236,426 +236,51 @@ const mt = Ze(null), sn = {}, ln = {}, cn = ({
     // },
   }
 }));
-function Do({
+function Go({
   "data-testid": e,
   children: t
 }) {
-  const { open: n } = dn();
-  return /* @__PURE__ */ p(nn, { className: q.root, "data-testid": e, children: [
-    /* @__PURE__ */ o(Vt, {}),
-    /* @__PURE__ */ o(
-      an,
+  const { open: o } = Bt();
+  return /* @__PURE__ */ m(Et, { className: O.root, "data-testid": e, children: [
+    /* @__PURE__ */ n(Ct, {}),
+    /* @__PURE__ */ n(
+      _t,
       {
         variant: "permanent",
         anchor: "left",
         transitionDuration: null,
-        open: n,
+        open: o,
         children: t
       }
     )
   ] });
 }
-const pn = 24, hn = 64, G = "TopBar", O = {
-  topStripe: `${G}-topStripe`,
-  titleBar: `${G}-titleBar`,
-  titleSlider: `${G}-titleSlider`,
-  titleText: `${G}-titleText`,
-  leftPanelButton: `${G}-leftPanelButton`,
-  rightPanelButton: `${G}-leftPanelButton`
-}, gn = ve("div", {
-  shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
-  name: G
-})(({ theme: e, leftPanel: t, rightPanel: n }) => {
-  var i, r;
-  return {
-    width: "100%",
-    [`& .${O.topStripe}`]: {
-      width: "100%",
-      height: `${pn}px`,
-      backgroundColor: e.palette.primary.main
-    },
-    [`& .${O.titleBar}`]: {
-      backgroundColor: e.palette.primary.light,
-      height: `${hn}px`,
-      padding: e.spacing(0, 3),
-      width: "100%"
-    },
-    [`& .${O.titleSlider}`]: s(s({
-      height: "100%",
-      display: "flex",
-      alignItems: "center",
-      color: "white",
-      transition: e.transitions.create("margin", {
-        easing: e.transitions.easing.sharp,
-        duration: e.transitions.duration.leavingScreen
-      }),
-      [`& .${O.leftPanelButton}`]: {
-        marginRight: e.spacing(2),
-        flexGrow: 0
-      },
-      [`& .${O.titleText}`]: {
-        flexGrow: 1
-      },
-      [`& .${O.rightPanelButton}`]: {
-        flexGrow: 0
-      }
-    }, (t == null ? void 0 : t.open) && {
-      transition: e.transitions.create("margin", {
-        easing: e.transitions.easing.easeOut,
-        duration: e.transitions.duration.enteringScreen
-      }),
-      marginLeft: `${(i = t == null ? void 0 : t.width) != null ? i : 0}px`
-    }), (n == null ? void 0 : n.open) && {
-      transition: e.transitions.create("margin", {
-        easing: e.transitions.easing.easeOut,
-        duration: e.transitions.duration.enteringScreen
-      }),
-      marginRight: `${(r = n == null ? void 0 : n.width) != null ? r : 0}px`
-    })
-  };
-});
-function fn({
-  titleText: e = "",
-  leftPanel: t,
-  rightPanel: n,
-  "data-testid": i
-}) {
-  return /* @__PURE__ */ p(gn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
-    /* @__PURE__ */ o("div", { className: O.topStripe }),
-    /* @__PURE__ */ o("div", { className: O.titleBar, children: /* @__PURE__ */ p(k, { className: O.titleSlider, children: [
-      t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ p(
-        J,
-        {
-          className: O.leftPanelButton,
-          color: "inherit",
-          "aria-label": "Open left side panel",
-          onClick: t == null ? void 0 : t.onOpen,
-          edge: "start",
-          size: "large",
-          children: [
-            " ",
-            /* @__PURE__ */ o(ct, {})
-          ]
-        }
-      ),
-      /* @__PURE__ */ o(F, { className: O.titleText, variant: "h6", noWrap: !0, children: e }),
-      n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ p(
-        J,
-        {
-          className: O.rightPanelButton,
-          color: "inherit",
-          "aria-label": "Open right side panel",
-          onClick: n == null ? void 0 : n.onOpen,
-          edge: "end",
-          size: "large",
-          children: [
-            " ",
-            /* @__PURE__ */ o(dt, {})
-          ]
-        }
-      )
-    ] }) })
-  ] });
-}
-const xt = 400, mn = ve(we, {
-  shouldForwardProp: (e) => (
-    // Note we do want anchor to be forwarded to the Drawer component
-    ![
-      "width",
-      "debug",
-      "debugOpacity",
-      "navBarOpen",
-      "navBarWidthOpen",
-      "navBarWidthClosed"
-    ].includes(e)
-  ),
-  name: "SidePanelDrawer"
-})(
-  ({ width: e, debugOpacity: t = !1, anchor: n, navBarOpen: i, navBarWidthOpen: r, navBarWidthClosed: a }) => ({
-    width: e,
-    "& .MuiDrawer-paper": s(s({
-      position: "absolute",
-      width: e,
-      boxSizing: "border-box",
-      border: "unset",
-      boxShadow: "0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.2)"
-    }, t && {
-      opacity: "50%"
-    }), n === "left" && s({
-      marginLeft: `${a}px`
-    }, i && {
-      marginLeft: `${r}px`
-    }))
-  })
-), xn = ve(k, {
-  shouldForwardProp: (e) => !["anchor"].includes(e)
-})(({ theme: e, anchor: t }) => I(s({
-  display: "flex",
-  alignItems: "center",
-  padding: e.spacing(2)
-}, e.mixins.toolbar), {
-  justifyContent: t === "left" ? "space-between" : "flex-start",
-  backgroundColor: e.palette.primary.light,
-  height: "88px",
-  "&,*": {
-    color: "white"
-  },
-  " .MuiTypography-root": {
-    fontSize: "22px"
-  },
-  " .MuiButtonBase-root": {
-    marginRight: t === "right" ? e.spacing(2) : 0
-  }
-}));
-function Ue({
-  children: e,
-  anchor: t = "left",
-  open: n,
-  onClose: i = () => {
-  },
-  titleText: r = "",
-  width: a = xt,
-  showCloseArrow: d = !0,
-  debugOpacity: l = !1,
-  headerBoxProps: c = {},
-  onOpened: u,
-  onClosed: g,
-  "data-testid": C,
-  navBarOpen: v = !1,
-  navBarWidthOpen: h = 0,
-  navBarWidthClosed: b = 0
-}) {
-  return /* @__PURE__ */ p(
-    mn,
-    {
-      SlideProps: {
-        onEntered: () => u == null ? void 0 : u(),
-        onExited: () => g == null ? void 0 : g()
-      },
-      variant: "persistent",
-      anchor: t,
-      open: n,
-      width: a,
-      debugOpacity: l,
-      "data-testid": C,
-      navBarOpen: v,
-      navBarWidthOpen: h,
-      navBarWidthClosed: b,
-      children: [
-        /* @__PURE__ */ o(xn, I(s({ anchor: t }, c), { children: t === "left" ? /* @__PURE__ */ p(L, { children: [
-          /* @__PURE__ */ o(F, { variant: "h6", color: "inherit", component: "div", children: r }),
-          d && /* @__PURE__ */ p(J, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
-            /* @__PURE__ */ o(dt, { "data-testid": "arrowbackicon" }),
-            " "
-          ] })
-        ] }) : /* @__PURE__ */ p(L, { children: [
-          d && /* @__PURE__ */ p(J, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
-            /* @__PURE__ */ o(ct, {}),
-            " "
-          ] }),
-          /* @__PURE__ */ o(F, { variant: "h6", color: "inherit", component: "div", children: r })
-        ] }) })),
-        e
-      ]
-    }
-  );
-}
-const Cn = U(k, {
-  shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
-  name: "PanelAwareMargins"
-})(({ theme: e, leftPanel: t, rightPanel: n }) => {
-  var i, r;
-  return s(s({
-    transition: e.transitions.create("margin", {
-      easing: e.transitions.easing.sharp,
-      duration: e.transitions.duration.leavingScreen
-    })
-  }, (t == null ? void 0 : t.open) && {
-    transition: e.transitions.create("margin", {
-      easing: e.transitions.easing.easeOut,
-      duration: e.transitions.duration.enteringScreen
-    }),
-    marginLeft: `${(i = t == null ? void 0 : t.width) != null ? i : 0}px`
-  }), (n == null ? void 0 : n.open) && {
-    transition: e.transitions.create("margin", {
-      easing: e.transitions.easing.easeOut,
-      duration: e.transitions.duration.enteringScreen
-    }),
-    marginRight: `${(r = n == null ? void 0 : n.width) != null ? r : 0}px`
-  });
-}), wn = U(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, xe = !1, ne = {
-  titleText: "",
-  flavour: "push",
-  width: xt,
-  arrowButtons: "both",
-  startOpen: !1,
-  open: void 0,
-  onChangeOpen: void 0,
-  content: /* @__PURE__ */ o(L, {}),
-  onOpened: void 0,
-  onClosed: void 0,
-  dataTestId: void 0
-};
-function To({
-  children: e,
-  titleText: t = "",
-  leftPanel: n,
-  rightPanel: i,
-  sidePanelsAreMutuallyExclusive: r = !0,
-  debugOpacity: a = !1,
-  pageContainerProps: d,
-  pageContentDataTestId: l,
-  topBarDataTestId: c,
-  navBarOpen: u,
-  navBarWidthOpen: g,
-  navBarWidthClosed: C
-}) {
-  const [v, h] = N(me), [b, S] = N(xe), [$, D] = N(me), [E, T] = N(xe), P = n !== void 0, B = i !== void 0, {
-    titleText: w,
-    content: y,
-    flavour: M,
-    open: f,
-    onChangeOpen: m,
-    width: x,
-    arrowButtons: A,
-    startOpen: H,
-    onOpened: Z,
-    onClosed: le,
-    dataTestId: It
-  } = n ? s(s({}, ne), n) : s({}, ne), {
-    titleText: kt,
-    content: yt,
-    flavour: ye,
-    open: ce,
-    onChangeOpen: $e,
-    width: de,
-    arrowButtons: j,
-    startOpen: ee,
-    onOpened: $t,
-    onClosed: Dt,
-    dataTestId: Tt
-  } = i ? s(s({}, ne), i) : s({}, ne);
-  K(() => {
-    H !== me && (h(H), D(H));
-  }, [H]), K(() => {
-    ee !== xe && (S(ee), T(ee));
-  }, [ee]);
-  const ue = f === void 0 ? v : f, pe = ce === void 0 ? b : ce, De = (W) => {
-    f === void 0 && (h(W), r && B && (W ? (S(!1), T(b)) : S(E))), m && m(W);
-  }, Te = (W) => {
-    ce === void 0 && (S(W), r && P && (W ? (h(!1), D(v)) : h($))), $e && $e(W);
-  };
-  return /* @__PURE__ */ p(k, { children: [
-    P && /* @__PURE__ */ o(
-      Ue,
-      {
-        "data-testid": It,
-        anchor: "left",
-        open: ue,
-        onClose: () => De(!1),
-        width: x,
-        titleText: w,
-        debugOpacity: a,
-        showCloseArrow: A === "both" || A === "close",
-        onOpened: Z,
-        onClosed: le,
-        navBarOpen: u,
-        navBarWidthOpen: g,
-        navBarWidthClosed: C,
-        children: y
-      }
-    ),
-    B && /* @__PURE__ */ o(
-      Ue,
-      {
-        "data-testid": Tt,
-        anchor: "right",
-        open: pe,
-        onClose: () => Te(!1),
-        width: de,
-        titleText: kt,
-        debugOpacity: a,
-        showCloseArrow: j === "both" || j === "close",
-        onOpened: $t,
-        onClosed: Dt,
-        navBarOpen: u,
-        navBarWidthOpen: g,
-        navBarWidthClosed: C,
-        children: yt
-      }
-    ),
-    /* @__PURE__ */ o(
-      fn,
-      s(s({
-        titleText: t,
-        "data-testid": c
-      }, P && M === "push" ? {
-        leftPanel: {
-          open: ue,
-          width: x,
-          onOpen: () => De(!0),
-          showOpenArrow: A === "both" || A === "open"
-        }
-      } : {}), B && ye === "push" ? {
-        rightPanel: {
-          open: pe,
-          width: de,
-          onOpen: () => Te(!0),
-          showOpenArrow: j === "both" || j === "open"
-        }
-      } : {})
-    ),
-    /* @__PURE__ */ o(
-      Cn,
-      I(s(s({}, M === "push" ? {
-        leftPanel: {
-          open: ue,
-          width: x
-        }
-      } : {}), ye === "push" ? {
-        rightPanel: {
-          open: pe,
-          width: de
-        }
-      } : {}), {
-        children: /* @__PURE__ */ o(wn, I(s({ "data-testid": l }, d), { children: e }))
-      })
-    )
-  ] });
-}
-const Ct = () => {
-  const e = se();
-  return Bt(e.breakpoints.down("sm"));
-}, vn = 64, An = 72, bn = 256, ae = R(!0), Sn = R(bn), In = R(An), We = R(""), kn = R(void 0), yn = R(vn), $n = R(void 0);
-function Dn({ links: e }) {
-  return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
+const Ye = () => {
+  const e = J();
+  return rt(e.breakpoints.down("sm"));
+}, Rt = 64, Ht = 72, Ot = 256, Q = M(!0), Ut = M(Ot), Wt = M(Ht), we = M(""), zt = M(void 0), Vt = M(Rt), qt = M(void 0);
+function Gt({ links: e }) {
+  return /* @__PURE__ */ n("div", { children: "LinksMenu not implemented yet" });
 }
-const oe = "Navbar", Y = {
-  root: `${oe}-root`,
-  menuButton: `${oe}-menuButton`,
-  hide: `${oe}-hide`,
-  content: `${oe}-content`
+const X = "Navbar", q = {
+  root: `${X}-root`,
+  menuButton: `${X}-menuButton`,
+  hide: `${X}-hide`,
+  content: `${X}-content`
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, Tn = U(k, { name: "NavBar" })(({ theme: e }) => ({
-  [`&.${Y.root}`]: {
+}, Xt = z(E, { name: "NavBar" })(({ theme: e }) => ({
+  [`&.${q.root}`]: {
     display: "flex"
   },
-  [`& .${Y.menuButton}`]: {
+  [`& .${q.menuButton}`]: {
     marginRight: 36
   },
-  [`& .${Y.hide}`]: {
+  [`& .${q.hide}`]: {
     display: "none"
   },
-  [`& .${Y.content}`]: {
+  [`& .${q.content}`]: {
     flexGrow: 1,
     padding: e.spacing(3)
   }
@@ -664,14 +289,14 @@ const oe = "Navbar", Y = {
   //   marginTop: '64px',
   //   marginBottom: '16px',
   // },
-})), X = (e, t, n) => e.transitions.create(t, {
+})), U = (e, t, o) => e.transitions.create(t, {
   easing: e.transitions.easing.sharp,
-  duration: n === "leaving" ? e.transitions.duration.leavingScreen : e.transitions.duration.enteringScreen
-}), En = (e) => {
-  const t = se();
-  return /* @__PURE__ */ o(
-    _t,
-    s({
+  duration: o === "leaving" ? e.transitions.duration.leavingScreen : e.transitions.duration.enteringScreen
+}), Yt = (e) => {
+  const t = J();
+  return /* @__PURE__ */ n(
+    at,
+    d({
       easing: t.transitions.easing.sharp,
       timeout: {
         enter: t.transitions.duration.enteringScreen,
@@ -679,95 +304,95 @@ const oe = "Navbar", Y = {
       }
     }, e)
   );
-}, wt = (e) => {
-  var t, n;
+}, Ke = (e) => {
+  var t, o;
   return {
     overflowX: "hidden",
     color: "inherit",
-    backgroundColor: (n = (t = e == null ? void 0 : e.navBar) == null ? void 0 : t.backgroundColor) != null ? n : "white"
+    backgroundColor: (o = (t = e == null ? void 0 : e.navBar) == null ? void 0 : t.backgroundColor) != null ? o : "white"
     // Provide default so tests don't need to wrap theme provider
   };
-}, ze = (e, t) => s({
+}, Se = (e, t) => d({
   width: t,
-  transition: X(e, "width", "entering")
-}, wt(e)), Ge = (e, t) => s({
+  transition: U(e, "width", "entering")
+}, Ke(e)), ke = (e, t) => d({
   width: t,
-  transition: X(e, "width", "leaving")
-}, wt(e)), Fn = U(we, {
+  transition: U(e, "width", "leaving")
+}, Ke(e)), Kt = z(Te, {
   shouldForwardProp: (e) => !["widthOpen", "widthClosed", "isSmallScreen"].includes(e)
-})(({ theme: e, open: t, widthOpen: n, widthClosed: i, isSmallScreen: r }) => s(s({
+})(({ theme: e, open: t, widthOpen: o, widthClosed: i, isSmallScreen: r }) => d(d({
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box",
   display: "flex",
   flexDirection: "column"
-}, t && I(s({}, ze(e, n)), {
+}, t && D(d({}, Se(e, o)), {
   backgroundColor: "",
-  "& .MuiDrawer-paper": ze(e, n)
-})), !t && I(s({}, Ge(e, r ? n : i)), {
+  "& .MuiDrawer-paper": Se(e, o)
+})), !t && D(d({}, ke(e, r ? o : i)), {
   backgroundColor: "",
-  "& .MuiDrawer-paper": Ge(e, r ? n : i)
-}))), ie = {
+  "& .MuiDrawer-paper": ke(e, r ? o : i)
+}))), Y = {
   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 Eo(e, t) {
-  console[e] = (...n) => {
+function Xo(e, t) {
+  console[e] = (...o) => {
     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 (i(...o)) return;
+      } else if (i instanceof RegExp && o.length > 0) {
+        for (const r of o)
           if (typeof r == "string" && i.test(r))
             return;
       }
-    ie[e](n);
+    Y[e](o);
   };
 }
-function Fo(e) {
+function Yo(e) {
   if (e)
-    console[e] = ie[e];
+    console[e] = Y[e];
   else
-    for (const t of Object.keys(ie))
-      console[t] = ie[t];
+    for (const t of Object.keys(Y))
+      console[t] = Y[t];
 }
-function On(e) {
+function Qt(e) {
   return e.replace(
     /(^|-)([a-z])/g,
-    (t, n, i) => n === "-" ? " " + i.toUpperCase() : i.toUpperCase()
+    (t, o, i) => o === "-" ? " " + i.toUpperCase() : i.toUpperCase()
   );
 }
-function Oo(e, t, n, i) {
-  var d;
+function Ko(e, t, o, i) {
+  var c;
   if (!e) return "None";
-  const a = Object.entries(e).filter(
-    ([l, c]) => l.startsWith("https://greens.org.au/roles/") && c.includes(t)
+  const s = Object.entries(e).filter(
+    ([a, l]) => a.startsWith("https://greens.org.au/roles/") && l.includes(t)
   ).map(
-    ([l]) => {
-      var c;
-      return On((c = l.split("/").at(-1)) != null ? c : "");
+    ([a]) => {
+      var l;
+      return Qt((l = a.split("/").at(-1)) != null ? l : "");
     }
   );
-  return (d = i.find(
-    (l) => n[l].some((c) => a.includes(c))
-  )) != null ? d : "None";
+  return (c = i.find(
+    (a) => o[a].some((l) => s.includes(l))
+  )) != null ? c : "None";
 }
-function Nn(e) {
+function Jt(e) {
   let t = 0;
-  for (let n = 0, i = e.length; n < i; n++) {
-    const r = e.charCodeAt(n);
+  for (let o = 0, i = e.length; o < i; o++) {
+    const r = e.charCodeAt(o);
     t = (t << 5) - t + r, t |= 0;
   }
   return t;
 }
-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 Bn({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
-  const r = se();
-  return /* @__PURE__ */ p(
-    k,
+const be = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], ye = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
+function Zt({ user: e, domainCode: t, open: o, useNewAvatar: i = !1 }) {
+  const r = J();
+  return /* @__PURE__ */ m(
+    E,
     {
       sx: {
         paddingTop: 3,
@@ -777,70 +402,70 @@ function Bn({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
         gap: "0.5rem"
       },
       children: [
-        !i && /* @__PURE__ */ o(
-          k,
+        !i && /* @__PURE__ */ n(
+          E,
           {
             sx: {
-              width: n ? "5rem" : "2rem",
-              transition: n ? X(r, ["width", "height"], "entering") : X(r, ["width", "height"], "leaving"),
+              width: o ? "5rem" : "2rem",
+              transition: o ? U(r, ["width", "height"], "entering") : U(r, ["width", "height"], "leaving"),
               aspectRatio: 1
             },
-            children: e != null && e.name ? /* @__PURE__ */ o(L, { children: /* @__PURE__ */ o(
-              Be,
+            children: e != null && e.name ? /* @__PURE__ */ n(B, { children: /* @__PURE__ */ n(
+              fe,
               {
                 src: e == null ? void 0 : e.picture,
                 sx: {
                   width: "100%",
                   height: "100%",
-                  bgcolor: Ve[Math.abs(Nn(e == null ? void 0 : e.name)) % Ve.length]
+                  bgcolor: be[Math.abs(Jt(e == null ? void 0 : e.name)) % be.length]
                 },
-                children: qe(e == null ? void 0 : e.name)
+                children: ye(e == null ? void 0 : e.name)
               }
-            ) }) : /* @__PURE__ */ o(Be, { sx: { width: "100%", height: "100%" } })
+            ) }) : /* @__PURE__ */ n(fe, { sx: { width: "100%", height: "100%" } })
           }
         ),
-        i && /* @__PURE__ */ o(
-          k,
+        i && /* @__PURE__ */ n(
+          E,
           {
             sx: {
-              width: n ? "5rem" : "2rem",
-              transition: n ? X(r, ["width", "height"], "entering") : X(r, ["width", "height"], "leaving"),
+              width: o ? "5rem" : "2rem",
+              transition: o ? U(r, ["width", "height"], "entering") : U(r, ["width", "height"], "leaving"),
               aspectRatio: 1
             },
-            children: e != null && e.name ? /* @__PURE__ */ o(L, { 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__ */ n(B, { children: /* @__PURE__ */ m(Ce, { src: e == null ? void 0 : e.picture, name: e == null ? void 0 : e.name, round: !0, size: o ? "80" : "32", children: [
               " ",
-              qe(e == null ? void 0 : e.name),
+              ye(e == null ? void 0 : e.name),
               " ",
               "ab"
-            ] }) }) : /* @__PURE__ */ o(Me, {})
+            ] }) }) : /* @__PURE__ */ n(Ce, {})
           }
         ),
-        /* @__PURE__ */ o(En, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Lt, { in: n, children: /* @__PURE__ */ p(k, { 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(_e, { animation: !1, width: "50%" }),
-          t ? /* @__PURE__ */ o(F, { children: t.toUpperCase() }) : /* @__PURE__ */ o(_e, { animation: !1, width: "25%" })
+        /* @__PURE__ */ n(Yt, { sx: { width: "100%" }, in: o, children: /* @__PURE__ */ n(st, { in: o, children: /* @__PURE__ */ m(E, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
+          e != null && e.name ? /* @__PURE__ */ n(N, { children: e == null ? void 0 : e.name }) : /* @__PURE__ */ n(me, { animation: !1, width: "50%" }),
+          t ? /* @__PURE__ */ n(N, { children: t.toUpperCase() }) : /* @__PURE__ */ n(me, { animation: !1, width: "25%" })
         ] }) }) })
       ]
     }
   );
 }
-function _n({
+function jt({
   open: e,
   widthClosed: t,
-  widthOpen: n,
+  widthOpen: o,
   "data-testid": i,
   top: r,
-  middle: a,
-  bottom: d,
-  user: l,
-  domainCode: c,
+  middle: s,
+  bottom: c,
+  user: a,
+  domainCode: l,
   useNewAvatar: u = !1
 }) {
-  const g = Ct(), C = ut(ae);
-  return /* @__PURE__ */ o(Tn, { className: Y.root, "data-testid": i, children: /* @__PURE__ */ p(
-    Fn,
+  const g = Ye(), S = We(Q);
+  return /* @__PURE__ */ n(Xt, { className: q.root, "data-testid": i, children: /* @__PURE__ */ m(
+    Kt,
     {
       open: e,
-      widthOpen: n,
+      widthOpen: o,
       widthClosed: t,
       anchor: "left",
       variant: g ? "temporary" : "permanent",
@@ -848,45 +473,45 @@ function _n({
         component: "nav"
       },
       onClose: () => {
-        C(!1);
+        S(!1);
       },
       isSmallScreen: g,
       children: [
-        !g && /* @__PURE__ */ o(Pt, {}),
-        r && /* @__PURE__ */ p(k, { flexGrow: "0", children: [
+        !g && /* @__PURE__ */ n(lt, {}),
+        r && /* @__PURE__ */ m(E, { flexGrow: "0", children: [
           r,
-          /* @__PURE__ */ o(Le, { variant: "middle", sx: { marginY: "0.5rem" } })
+          /* @__PURE__ */ n(ge, { variant: "middle", sx: { marginY: "0.5rem" } })
         ] }),
-        /* @__PURE__ */ o(k, { flexGrow: "1", children: Array.isArray(a) ? /* @__PURE__ */ o(Dn, { links: a }) : a }),
-        /* @__PURE__ */ p(k, { flexGrow: "0", children: [
-          /* @__PURE__ */ o(Le, { variant: "middle", sx: { marginY: "0.5rem" } }),
-          /* @__PURE__ */ o(Bn, { user: l, domainCode: c, open: e, useNewAvatar: u }),
-          d && /* @__PURE__ */ o(L, { children: d })
+        /* @__PURE__ */ n(E, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ n(Gt, { links: s }) : s }),
+        /* @__PURE__ */ m(E, { flexGrow: "0", children: [
+          /* @__PURE__ */ n(ge, { variant: "middle", sx: { marginY: "0.5rem" } }),
+          /* @__PURE__ */ n(Zt, { user: a, domainCode: l, open: e, useNewAvatar: u }),
+          c && /* @__PURE__ */ n(B, { children: c })
         ] })
       ]
     }
   ) });
 }
-function Ln({
+function eo({
   children: e,
   topBarHeight: t,
-  maxWidth: n = !1,
+  maxWidth: o = !1,
   noPadding: i
 }) {
-  return /* @__PURE__ */ o(
-    k,
+  return /* @__PURE__ */ n(
+    E,
     {
       sx: {
         overflow: "auto",
         height: `calc(100vh - ${t}px)`,
         flexGrow: 1
       },
-      children: i ? /* @__PURE__ */ o(k, { component: "main", id: "main-content", height: "inherit", children: e }) : /* @__PURE__ */ o(
-        tt,
+      children: i ? /* @__PURE__ */ n(E, { component: "main", id: "main-content", height: "inherit", children: e }) : /* @__PURE__ */ n(
+        ct,
         {
           component: "main",
           id: "main-content",
-          maxWidth: n,
+          maxWidth: o,
           sx: { paddingTop: 3, paddingBottom: 3, flexGrow: 1 },
           children: e
         }
@@ -894,18 +519,18 @@ function Ln({
     }
   );
 }
-const Pn = "TopBar", Mn = {
-  titleText: `${Pn}-titleText`
+const to = "TopBar", oo = {
+  titleText: `${to}-titleText`
 };
-function Rn({
+function no({
   titleText: e = "",
   height: t,
-  "data-testid": n,
+  "data-testid": o,
   middle: i
 }) {
-  const r = ut(ae), a = () => r((c) => !c), d = se(), l = Ct();
-  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ p(
-    et,
+  const r = We(Q), s = () => r((l) => !l), c = J(), a = Ye();
+  return /* @__PURE__ */ n("header", { "data-testid": o, children: /* @__PURE__ */ m(
+    Me,
     {
       square: !0,
       elevation: 0,
@@ -919,77 +544,77 @@ function Rn({
         gap: 2,
         flexShrink: 0,
         height: t,
-        zIndex: l ? 0 : d.zIndex.drawer + 101
+        zIndex: a ? 0 : c.zIndex.drawer + 101
       },
       children: [
-        /* @__PURE__ */ o(
-          J,
+        /* @__PURE__ */ n(
+          dt,
           {
             size: "medium",
             color: "inherit",
             sx: { padding: 1.5, marginLeft: "12px" },
-            onClick: a,
-            children: /* @__PURE__ */ o(Xt, { fontSize: "medium" })
+            onClick: s,
+            children: /* @__PURE__ */ n(At, { fontSize: "medium" })
           }
         ),
-        /* @__PURE__ */ o(F, { className: Mn.titleText, variant: "h6", component: "h1", children: e }),
+        /* @__PURE__ */ n(N, { className: oo.titleText, variant: "h6", component: "h1", children: e }),
         i
       ]
     }
   ) });
 }
-function No({
+function Qo({
   children: e,
   initialTitleText: t,
-  initialNavBarOpen: n,
+  initialNavBarOpen: o,
   pageContainerProps: i,
   pageContentDataTestId: r,
-  topBarDataTestId: a,
-  navBarDataTestId: d,
-  navBarMiddle: l,
-  navBarBottom: c,
+  topBarDataTestId: s,
+  navBarDataTestId: c,
+  navBarMiddle: a,
+  navBarBottom: l,
   user: u,
   domainCode: g,
-  useNewAvatar: C = !1
+  useNewAvatar: S = !1
 }) {
-  Qt([
-    [ae, n != null ? n : !0],
-    [We, t != null ? t : ""]
+  kt([
+    [Q, o != null ? o : !0],
+    [we, t != null ? t : ""]
   ]);
-  const v = Pe(ae), [h] = V(Sn), [b] = V(In), S = Pe(We), [$] = V(yn), [D] = V(kn), [E] = V($n);
-  return /* @__PURE__ */ p(k, { children: [
-    /* @__PURE__ */ o(Mt, {}),
-    /* @__PURE__ */ o(
-      Rn,
+  const A = xe(Q), [f] = H(Ut), [k] = H(Wt), y = xe(we), [p] = H(Vt), [b] = H(zt), [I] = H(qt);
+  return /* @__PURE__ */ m(E, { children: [
+    /* @__PURE__ */ n(ut, {}),
+    /* @__PURE__ */ n(
+      no,
       {
-        titleText: S,
-        "data-testid": a,
-        height: $,
-        middle: D
+        titleText: y,
+        "data-testid": s,
+        height: p,
+        middle: b
       }
     ),
-    /* @__PURE__ */ p(k, { sx: { display: "flex" }, children: [
-      /* @__PURE__ */ o(
-        _n,
+    /* @__PURE__ */ m(E, { sx: { display: "flex" }, children: [
+      /* @__PURE__ */ n(
+        jt,
         {
-          open: v,
-          top: E,
-          middle: l,
-          bottom: c,
+          open: A,
+          top: I,
+          middle: a,
+          bottom: l,
           user: u,
           domainCode: g,
-          widthOpen: h,
-          widthClosed: b,
-          offsetTop: $,
-          "data-testid": d,
-          useNewAvatar: C
+          widthOpen: f,
+          widthClosed: k,
+          offsetTop: p,
+          "data-testid": c,
+          useNewAvatar: S
         }
       ),
-      /* @__PURE__ */ o(
-        Ln,
-        I(s({
+      /* @__PURE__ */ n(
+        eo,
+        D(d({
           "data-testid": r,
-          topBarHeight: $
+          topBarHeight: p
         }, i), {
           children: e
         })
@@ -997,56 +622,71 @@ function No({
     ] })
   ] });
 }
-const vt = ({
+const Qe = ({
   isOpen: e,
   dialogTitle: t,
-  children: n,
+  children: o,
   maxWidth: i,
   primaryButton: r,
-  secondaryButton: a,
-  onClose: d,
+  secondaryButton: s,
+  additionalButtons: c,
+  onClose: a,
   sx: l,
-  "data-testid": c,
-  disableCloseOnBackdropOrEscape: u = !1,
-  isLoading: g = !1
+  "data-testid": u,
+  disableCloseOnBackdropOrEscape: g = !1,
+  isLoading: S = !1
 }) => {
-  var h, b;
-  const [C, v] = N(!1);
-  return /* @__PURE__ */ p(
-    nt,
+  var k, y;
+  const [A, f] = T(!1);
+  return /* @__PURE__ */ m(
+    Le,
     {
       open: e,
-      onClose: (S, $) => _(void 0, null, function* () {
-        u && ($ === "backdropClick" || $ === "escapeKeyDown") || C || (a != null && a.onClick ? yield a.onClick() : d());
+      onClose: (p, b) => _(void 0, null, function* () {
+        g && (b === "backdropClick" || b === "escapeKeyDown") || A || (s != null && s.onClick ? yield s.onClick() : a());
       }),
       fullWidth: !0,
       maxWidth: i != null ? i : "xs",
-      "data-testid": c,
+      "data-testid": u,
       sx: l,
       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__ */ p(at, { children: [
-          /* @__PURE__ */ o(
-            Q,
+        S && /* @__PURE__ */ n(Be, { sx: { height: "4px", marginBottom: "-4px" } }),
+        /* @__PURE__ */ n(Pe, { children: t }),
+        /* @__PURE__ */ n(Re, { sx: { "& > :last-child": { marginBottom: 0 } }, children: o }),
+        /* @__PURE__ */ m(He, { children: [
+          /* @__PURE__ */ n(
+            W,
             {
-              onClick: (h = a == null ? void 0 : a.onClick) != null ? h : d,
-              "data-testid": a == null ? void 0 : a.testId,
-              disabled: (a == null ? void 0 : a.disabled) || C,
-              color: a == null ? void 0 : a.buttonColor,
-              children: (b = a == null ? void 0 : a.text) != null ? b : "Cancel"
+              onClick: (k = s == null ? void 0 : s.onClick) != null ? k : a,
+              "data-testid": s == null ? void 0 : s.testId,
+              disabled: (s == null ? void 0 : s.disabled) || A,
+              color: s == null ? void 0 : s.buttonColor,
+              children: (y = s == null ? void 0 : s.text) != null ? y : "Cancel"
             }
           ),
-          r && /* @__PURE__ */ o(
-            Q,
+          c && c.map((p, b) => {
+            var I;
+            return /* @__PURE__ */ n(
+              W,
+              {
+                onClick: p == null ? void 0 : p.onClick,
+                "data-testid": p == null ? void 0 : p.testId,
+                disabled: (p == null ? void 0 : p.disabled) || A,
+                color: p == null ? void 0 : p.buttonColor,
+                children: (I = p.text) != null ? I : `Button ${b}`
+              },
+              b
+            );
+          }),
+          r && /* @__PURE__ */ n(
+            W,
             {
               onClick: () => _(void 0, null, function* () {
-                var S;
-                v(!0), yield (S = r.onClick) == null ? void 0 : S.call(r), v(!1);
+                var p;
+                f(!0), yield (p = r.onClick) == null ? void 0 : p.call(r), f(!1);
               }),
               "data-testid": r.testId,
-              disabled: r.disabled || C,
+              disabled: r.disabled || A,
               color: r == null ? void 0 : r.buttonColor,
               children: r.text
             }
@@ -1055,141 +695,141 @@ const vt = ({
       ]
     }
   );
-}, At = ({
+}, Je = ({
   minLength: e,
   preLoadedOptions: t,
-  lookup: n,
+  lookup: o,
   label: i,
   inputValue: r
-}) => jt({
+}) => Dt({
   queryFn: () => e && r.length < e ? t != null ? t : [] : t ? t.filter(
-    (a) => a.label.toLowerCase().includes(r.toLowerCase())
-  ) : n(r),
+    (s) => s.label.toLowerCase().includes(r.toLowerCase())
+  ) : o(r),
   queryKey: ["autocomplete", i, r]
 });
-function Bo({
+function Jo({
   lookup: e = () => _(this, null, function* () {
   }),
   enableHighlighting: t = !0,
-  onChange: n,
+  onChange: o,
   minLength: i = 0,
   label: r,
-  value: a,
-  "data-testid": d,
-  sx: l,
-  boxSx: c,
+  value: s,
+  "data-testid": c,
+  sx: a,
+  boxSx: l,
   textFieldColor: u,
   textFieldVariant: g = "filled",
-  loadingText: C = "Loading...",
-  noOptionsText: v = "No options",
-  popupIcon: h = /* @__PURE__ */ o(Kt, {}),
-  error: b = !1,
-  helperText: S = "",
-  preLoadedOptions: $ = void 0,
-  disablePortal: D = !1,
-  disableIconFlip: E = !1
+  loadingText: S = "Loading...",
+  noOptionsText: A = "No options",
+  popupIcon: f = /* @__PURE__ */ n(St, {}),
+  error: k = !1,
+  helperText: y = "",
+  preLoadedOptions: p = void 0,
+  disablePortal: b = !1,
+  disableIconFlip: I = !1
 }) {
-  const [T, P] = N(""), B = (f, m) => {
-    const x = a.filter((A) => A.id !== m);
-    n(x, "delete", f);
-  }, { data: w, isLoading: y } = At({
-    inputValue: T,
+  const [F, V] = T(""), P = (h, C) => {
+    const v = s.filter((w) => w.id !== C);
+    o(v, "delete", h);
+  }, { data: x, isLoading: $ } = Je({
+    inputValue: F,
     label: r,
     lookup: e,
     minLength: i,
-    preLoadedOptions: $
-  }), M = T.length >= i;
-  return /* @__PURE__ */ p("div", { "data-testid": d, children: [
-    /* @__PURE__ */ o(
-      Ae,
+    preLoadedOptions: p
+  }), R = F.length >= i;
+  return /* @__PURE__ */ m("div", { "data-testid": c, children: [
+    /* @__PURE__ */ n(
+      ie,
       {
-        sx: s(s({}, l), E ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
-        "data-testid": d ? `${d}:Autocomplete` : void 0,
-        disablePortal: D,
+        sx: d(d({}, a), I ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
+        "data-testid": c ? `${c}:Autocomplete` : void 0,
+        disablePortal: b,
         multiple: !0,
-        getOptionLabel: (f) => typeof f == "string" ? f : f.label,
-        loading: M ? y : !1,
-        options: [...a, ...w != null ? w : []],
+        getOptionLabel: (h) => typeof h == "string" ? h : h.label,
+        loading: R ? $ : !1,
+        options: [...s, ...x != null ? x : []],
         filterSelectedOptions: !0,
         includeInputInList: !0,
-        value: a,
-        onChange: (f, m, x) => {
-          n(m, x, f);
+        value: s,
+        onChange: (h, C, v) => {
+          o(C, v, h);
         },
-        onInputChange: (f, m) => P(m),
-        noOptionsText: M ? v : "Start typing to search",
-        loadingText: C,
-        popupIcon: h,
-        renderInput: (f) => /* @__PURE__ */ o(
-          be,
-          I(s({}, f), {
+        onInputChange: (h, C) => V(C),
+        noOptionsText: R ? A : "Start typing to search",
+        loadingText: S,
+        popupIcon: f,
+        renderInput: (h) => /* @__PURE__ */ n(
+          re,
+          D(d({}, h), {
             label: r,
             fullWidth: !0,
             variant: g,
-            error: b,
-            helperText: S,
-            InputProps: I(s({}, f.InputProps), {
-              endAdornment: /* @__PURE__ */ p(L, { children: [
-                y ? /* @__PURE__ */ o(Se, { color: "inherit", size: 20 }) : null,
-                f.InputProps.endAdornment
+            error: k,
+            helperText: y,
+            InputProps: D(d({}, h.InputProps), {
+              endAdornment: /* @__PURE__ */ m(B, { children: [
+                $ ? /* @__PURE__ */ n(ae, { color: "inherit", size: 20 }) : null,
+                h.InputProps.endAdornment
               ] })
             }),
-            "data-testid": d ? `${d}:Autocomplete:TextField` : void 0,
-            onKeyDown: (m) => {
-              (m.key === "Backspace" || m.key === "Delete") && m.stopPropagation();
+            "data-testid": c ? `${c}:Autocomplete:TextField` : void 0,
+            onKeyDown: (C) => {
+              (C.key === "Backspace" || C.key === "Delete") && C.stopPropagation();
             },
             color: u
           })
         ),
         renderTags: () => null,
-        isOptionEqualToValue: (f, m) => f.id === m.id,
-        renderOption: (f, m, x) => {
+        isOptionEqualToValue: (h, C) => h.id === C.id,
+        renderOption: (h, C, v) => {
           if (t) {
-            const A = Jt(m.label, x.inputValue, {
+            const w = bt(C.label, v.inputValue, {
               insideWords: !0,
               findAllOccurrences: !0
-            }), H = Zt(m.label, A);
-            return /* @__PURE__ */ Ce(
+            }), Z = yt(C.label, w);
+            return /* @__PURE__ */ oe(
               "li",
-              I(s({}, f), {
-                key: m.id,
-                "data-testid": d ? `${d}:Autocomplete:option(${m.id.toString()})` : void 0
+              D(d({}, h), {
+                key: C.id,
+                "data-testid": c ? `${c}:Autocomplete:option(${C.id.toString()})` : void 0
               }),
-              /* @__PURE__ */ o("div", { children: H.map((Z, le) => /* @__PURE__ */ o(
+              /* @__PURE__ */ n("div", { children: Z.map((ce, et) => /* @__PURE__ */ n(
                 "span",
                 {
                   style: {
-                    fontWeight: Z.highlight ? 700 : 400
+                    fontWeight: ce.highlight ? 700 : 400
                   },
-                  children: Z.text
+                  children: ce.text
                 },
-                le
+                et
               )) })
             );
           } else
-            return /* @__PURE__ */ Ce(
+            return /* @__PURE__ */ oe(
               "li",
-              I(s({}, f), {
-                key: m.id,
-                "data-testid": d ? `${d}:option(${m.id.toString()})` : void 0
+              D(d({}, h), {
+                key: C.id,
+                "data-testid": c ? `${c}:option(${C.id.toString()})` : void 0
               }),
-              m.label
+              C.label
             );
         }
       }
     ),
-    a.length > 0 && /* @__PURE__ */ o(k, { sx: c, children: a.map((f) => /* @__PURE__ */ o(
-      Rt,
+    s.length > 0 && /* @__PURE__ */ n(E, { sx: l, children: s.map((h) => /* @__PURE__ */ n(
+      pt,
       {
         sx: {
           marginTop: 1,
           marginRight: 1,
           height: "auto"
         },
-        label: /* @__PURE__ */ o(
-          Ht,
+        label: /* @__PURE__ */ n(
+          ht,
           {
-            title: f.tooltipContent || "",
+            title: h.tooltipContent || "",
             placement: "bottom-start",
             PopperProps: {
               modifiers: [
@@ -1201,136 +841,136 @@ function Bo({
                 }
               ]
             },
-            children: /* @__PURE__ */ o(F, { style: { whiteSpace: "normal" }, children: f.chipLabel ? f.chipLabel : f.label })
+            children: /* @__PURE__ */ n(N, { style: { whiteSpace: "normal" }, children: h.chipLabel ? h.chipLabel : h.label })
           }
         ),
-        "data-testid": d ? `${d}:Chip(${f.id.toString()})` : void 0,
-        onDelete: (m) => B(m, f.id),
-        deleteIcon: /* @__PURE__ */ o(
-          Yt,
+        "data-testid": c ? `${c}:Chip(${h.id.toString()})` : void 0,
+        onDelete: (C) => P(C, h.id),
+        deleteIcon: /* @__PURE__ */ n(
+          wt,
           {
-            "data-testid": d ? `${d}:Chip(${f.id.toString()}):deleteIcon` : void 0
+            "data-testid": c ? `${c}:Chip(${h.id.toString()}):deleteIcon` : void 0
           }
         )
       },
-      f.id
+      h.id
     )) })
   ] });
 }
-const _o = /MUI: The value provided to.*is invalid/i, Lo = ({
+const Zo = /MUI: The value provided to.*is invalid/i, jo = ({
   lookup: e = () => _(void 0, null, function* () {
   }),
   onChange: t,
-  label: n,
+  label: o,
   value: i,
   sx: r,
-  textFieldColor: a,
-  textFieldVariant: d = "filled",
-  error: l = !1,
-  "data-testid": c,
+  textFieldColor: s,
+  textFieldVariant: c = "filled",
+  error: a = !1,
+  "data-testid": l,
   noOptionsText: u = "No options",
   minLength: g = 3,
-  disablePortal: C = !1,
-  preLoadedOptions: v,
-  helperText: h = "",
-  disabled: b,
-  popupIcon: S,
-  disableIconFlip: $
+  disablePortal: S = !1,
+  preLoadedOptions: A,
+  helperText: f = "",
+  disabled: k,
+  popupIcon: y,
+  disableIconFlip: p
 }) => {
-  const [D, E] = N(""), { data: T, isLoading: P } = At({
-    inputValue: D,
-    label: n,
+  const [b, I] = T(""), { data: F, isLoading: V } = Je({
+    inputValue: b,
+    label: o,
     lookup: e,
     minLength: g != null ? g : 0,
-    preLoadedOptions: v
-  }), B = D.length >= g;
-  return /* @__PURE__ */ o("div", { "data-testid": c, children: /* @__PURE__ */ o(Ut, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
-    Ae,
+    preLoadedOptions: A
+  }), P = b.length >= g;
+  return /* @__PURE__ */ n("div", { "data-testid": l, children: /* @__PURE__ */ n(ft, { direction: "row", spacing: 1, children: /* @__PURE__ */ n(
+    ie,
     {
-      sx: s(s({}, r), $ ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
-      "data-testid": c ? `${c}:Autocomplete` : void 0,
-      loading: B ? P : !1,
-      options: T != null ? T : [],
-      onChange: (w, y, M) => {
-        t(w, y, M);
+      sx: d(d({}, r), p ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
+      "data-testid": l ? `${l}:Autocomplete` : void 0,
+      loading: P ? V : !1,
+      options: F != null ? F : [],
+      onChange: (x, $, R) => {
+        t(x, $, R);
       },
-      disablePortal: C,
-      filterOptions: (w) => w,
+      disablePortal: S,
+      filterOptions: (x) => x,
       value: i,
-      noOptionsText: B ? u : "Start typing to search",
-      getOptionLabel: (w) => w.label,
-      popupIcon: S,
-      renderInput: (w) => /* @__PURE__ */ o(
-        be,
-        I(s({
-          "data-testid": c ? `${c}:Autocomplete:TextField` : void 0
-        }, w), {
-          variant: d,
-          label: n,
-          color: a,
-          error: l,
-          helperText: h
+      noOptionsText: P ? u : "Start typing to search",
+      getOptionLabel: (x) => x.label,
+      popupIcon: y,
+      renderInput: (x) => /* @__PURE__ */ n(
+        re,
+        D(d({
+          "data-testid": l ? `${l}:Autocomplete:TextField` : void 0
+        }, x), {
+          variant: c,
+          label: o,
+          color: s,
+          error: a,
+          helperText: f
         })
       ),
-      isOptionEqualToValue: (w, y) => w.id === y.id,
-      onInputChange: (w, y) => {
-        E(y);
+      isOptionEqualToValue: (x, $) => x.id === $.id,
+      onInputChange: (x, $) => {
+        I($);
       },
-      renderOption: (w, y) => /* @__PURE__ */ Ce(
+      renderOption: (x, $) => /* @__PURE__ */ oe(
         "li",
-        I(s({}, w), {
-          key: y.id,
-          "data-testid": c ? `${c}:Autocomplete:option(${y.id.toString()})` : void 0
+        D(d({}, x), {
+          key: $.id,
+          "data-testid": l ? `${l}:Autocomplete:option(${$.id.toString()})` : void 0
         }),
-        y.label
+        $.label
       ),
-      disabled: b
+      disabled: k
     }
   ) }) });
-}, Hn = (e) => {
+}, io = (e) => {
   if (!e)
     return -1;
   try {
-    const n = e.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"), i = decodeURIComponent(
-      en.from(n, "base64").toString("utf8").split("").map(function(a) {
-        return "%" + ("00" + a.charCodeAt(0).toString(16)).slice(-2);
+    const o = e.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"), i = decodeURIComponent(
+      It.from(o, "base64").toString("utf8").split("").map(function(s) {
+        return "%" + ("00" + s.charCodeAt(0).toString(16)).slice(-2);
       }).join("")
     ), r = JSON.parse(i);
     return r != null && r.exp ? r.exp : -1;
   } catch (t) {
     return -1;
   }
-}, Po = ({
+}, en = ({
   open: e = !1,
   closeHandler: t,
-  setAuth0ExpiryTime: n
+  setAuth0ExpiryTime: o
 }) => {
-  const { logout: i, getAccessTokenSilently: r } = pt(), [a, d] = N(0), l = () => _(void 0, null, function* () {
+  const { logout: i, getAccessTokenSilently: r } = ze(), [s, c] = T(0), a = () => _(void 0, null, function* () {
     i({ logoutParams: { returnTo: `${window.location.origin}` } });
-  }), c = () => _(void 0, null, function* () {
-    d(a + 1), t();
+  }), l = () => _(void 0, null, function* () {
+    c(s + 1), t();
   });
-  return K(() => {
+  return ne(() => {
     _(void 0, null, function* () {
-      if (a > 0) {
-        const v = yield r({ cacheMode: "off" }), h = Hn(v) * 1e3;
-        n(h);
+      if (s > 0) {
+        const A = yield r({ cacheMode: "off" }), f = io(A) * 1e3;
+        o(f);
       }
     });
-  }, [a, r, n]), /* @__PURE__ */ o(
-    vt,
+  }, [s, r, o]), /* @__PURE__ */ n(
+    Qe,
     {
       isOpen: e,
       primaryButton: {
         text: "Continue",
-        onClick: c,
+        onClick: l,
         disabled: !1,
         testId: "PreferencesDialog",
         buttonColor: "secondary"
       },
       secondaryButton: {
         text: "Log out",
-        onClick: l,
+        onClick: a,
         disabled: !1,
         testId: "PreferencesDialog",
         buttonColor: "secondary"
@@ -1338,42 +978,42 @@ const _o = /MUI: The value provided to.*is invalid/i, Lo = ({
       onClose: t,
       dialogTitle: "Session expiry",
       disableCloseOnBackdropOrEscape: !0,
-      children: /* @__PURE__ */ o("p", { style: { marginBottom: 0 }, children: "Your session is about to time out due to inactivity. Do you want to continue?" })
+      children: /* @__PURE__ */ n("p", { style: { marginBottom: 0 }, children: "Your session is about to time out due to inactivity. Do you want to continue?" })
     }
   );
 };
-function Un(e) {
+function ro(e) {
   return "error" in e;
 }
-function Wn(e) {
+function ao(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");
+  const t = e.error, o = (i = e == null ? void 0 : e.error_description) != null ? i : "";
+  return t === "access_denied" && o.startsWith("You do not have the required authorization");
 }
-function zn(e) {
+function so(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");
+  const t = e.error, o = (i = e == null ? void 0 : e.error_description) != null ? i : "";
+  return t === "access_denied" && o.startsWith("User did not authorize the request");
 }
-function Gn(e) {
+function lo(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/);
+  const t = e.error, o = (i = e == null ? void 0 : e.error_description) != null ? i : "";
+  return t === "access_denied" && o.match(/Script.*time.*exceeded/);
 }
-function Mo({
+function tn({
   children: e,
   appName: t = "the app",
-  throwErrors: n = "none",
+  throwErrors: o = "none",
   disableConsoleLogging: i = !1,
   onError: r = () => {
   }
 }) {
-  var C, v;
-  const { isAuthenticated: a, isLoading: d, error: l, loginWithRedirect: c, logout: u } = pt();
-  K(() => {
-    l && r(l);
-  }, [l, r]);
-  const g = Nt(
+  var S, A;
+  const { isAuthenticated: s, isLoading: c, error: a, loginWithRedirect: l, logout: u } = ze();
+  ne(() => {
+    a && r(a);
+  }, [a, r]);
+  const g = it(
     () => ({
       appState: {
         returnTo: `${window.location.pathname}${window.location.search}`
@@ -1381,163 +1021,163 @@ function Mo({
     }),
     []
   );
-  if (K(() => {
-    d || a || l || c(g);
-  }, [d, a, l, c, r, g]), l) {
+  if (ne(() => {
+    c || s || a || l(g);
+  }, [c, s, a, l, r, g]), a) {
     if (i || console.error(
-      `Error detected in AuthGuard [isAuthenticated=${a},isLoading=${d}]`,
-      l
-    ), n === "all")
-      throw l;
-    if (Un(l)) {
-      let h = "Auth error", b = "An unknown Auth0 error occurred.";
-      if (Wn(l))
-        h = "Unauthorised", b = `You are not authorised to access ${t}.`;
-      else if (zn(l))
-        h = "App not authorised", b = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`;
-      else if (Gn(l))
-        h = "Auth0 script execution time exceeded", b = "The Auth0 login flow exceeded the time limit (20s). Try again in a minute by clicking the RELOAD button below.";
-      else if (l.message === "Invalid state") {
-        const S = localStorage.getItem("auth0_redirect_count");
-        S ? S && parseInt(S) < 2 && (localStorage.setItem("auth0_redirect_count", String(parseInt(S) + 1)), c(g)) : (localStorage.setItem("auth0_redirect_count", "1"), c(g));
-      } else if (n === "unknown") throw l;
-      return /* @__PURE__ */ p(nt, { open: !0, children: [
-        /* @__PURE__ */ o(it, { children: h }),
-        /* @__PURE__ */ p(rt, { children: [
-          /* @__PURE__ */ o(F, { children: b }),
-          /* @__PURE__ */ o("br", {}),
-          /* @__PURE__ */ o(F, { variant: "subtitle2", children: "Details from Auth0" }),
-          /* @__PURE__ */ p(F, { variant: "body2", children: [
+      `Error detected in AuthGuard [isAuthenticated=${s},isLoading=${c}]`,
+      a
+    ), o === "all")
+      throw a;
+    if (ro(a)) {
+      let f = "Auth error", k = "An unknown Auth0 error occurred.";
+      if (ao(a))
+        f = "Unauthorised", k = `You are not authorised to access ${t}.`;
+      else if (so(a))
+        f = "App not authorised", k = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`;
+      else if (lo(a))
+        f = "Auth0 script execution time exceeded", k = "The Auth0 login flow exceeded the time limit (20s). Try again in a minute by clicking the RELOAD button below.";
+      else if (a.message === "Invalid state") {
+        const y = localStorage.getItem("auth0_redirect_count");
+        y ? y && parseInt(y) < 2 && (localStorage.setItem("auth0_redirect_count", String(parseInt(y) + 1)), l(g)) : (localStorage.setItem("auth0_redirect_count", "1"), l(g));
+      } else if (o === "unknown") throw a;
+      return /* @__PURE__ */ m(Le, { open: !0, children: [
+        /* @__PURE__ */ n(Pe, { children: f }),
+        /* @__PURE__ */ m(Re, { children: [
+          /* @__PURE__ */ n(N, { children: k }),
+          /* @__PURE__ */ n("br", {}),
+          /* @__PURE__ */ n(N, { variant: "subtitle2", children: "Details from Auth0" }),
+          /* @__PURE__ */ m(N, { variant: "body2", children: [
             "error: ",
-            (C = l == null ? void 0 : l.error) != null ? C : "N/A"
+            (S = a == null ? void 0 : a.error) != null ? S : "N/A"
           ] }),
-          /* @__PURE__ */ p(F, { variant: "body2", children: [
+          /* @__PURE__ */ m(N, { variant: "body2", children: [
             "description: ",
-            (v = l == null ? void 0 : l.error_description) != null ? v : "N/A"
+            (A = a == null ? void 0 : a.error_description) != null ? A : "N/A"
           ] })
         ] }),
-        /* @__PURE__ */ p(at, { children: [
-          h === "Auth0 script execution time exceeded" && /* @__PURE__ */ o(Q, { href: window.location.origin + window.location.pathname, children: "Reload" }),
-          /* @__PURE__ */ o(Q, { onClick: () => u({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" })
+        /* @__PURE__ */ m(He, { children: [
+          f === "Auth0 script execution time exceeded" && /* @__PURE__ */ n(W, { href: window.location.origin + window.location.pathname, children: "Reload" }),
+          /* @__PURE__ */ n(W, { onClick: () => u({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" })
         ] })
       ] });
-    } else if (n === "unknown") throw l;
+    } else if (o === "unknown") throw a;
   }
-  return a ? (localStorage.removeItem("auth0_redirect_count"), /* @__PURE__ */ o(L, { children: e })) : /* @__PURE__ */ o(tn, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
+  return s ? (localStorage.removeItem("auth0_redirect_count"), /* @__PURE__ */ n(B, { children: e })) : /* @__PURE__ */ n($t, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
 }
-const Vn = {
+const co = {
   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
-}, qn = {
+}, uo = {
   shouldClose: (e, t) => t !== "clickaway"
-}, Xe = {
+}, De = {
   message: "",
   severity: "info",
   variant: "standard",
   progressIndicator: void 0
   // Can use 'circular' or 'linear'
-}, Ye = 100, Ke = 2e3, Xn = 2e3, Yn = /* @__PURE__ */ (() => {
+}, Ie = 100, $e = 2e3, po = 2e3, ho = /* @__PURE__ */ (() => {
   let e = 0;
   return () => (e += 1, e);
-})(), Kn = {
+})(), fo = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
-}, Qn = {}, Jn = {}, bt = Ze(null);
-function Zn(a) {
-  var d = a, {
-    overrideState: e = Qn,
-    overrideActions: t = Jn,
-    shouldClose: n = qn.shouldClose,
+}, mo = {}, go = {}, Ze = Ne(null);
+function xo(s) {
+  var c = s, {
+    overrideState: e = mo,
+    overrideActions: t = go,
+    shouldClose: o = uo.shouldClose,
     children: i
-  } = d, r = Oe(d, [
+  } = c, r = pe(c, [
     "overrideState",
     "overrideActions",
     "shouldClose",
     "children"
   ]);
-  var m;
-  const [{ open: l }, c] = N({ open: !1 }), u = ge([]), g = ge(Date.now()), C = ge(0), v = re((x) => {
-    c({ open: x });
-  }, []), h = re((x = {}) => {
-    C.current += 1, u.current.length >= Ye && Date.now() - g.current >= Ke && (g.current = Date.now(), console.error(
-      `SaladBarProvider: MAX_QUEUE_LENGTH (${Ye}) hit ${C.current} times in last ${Ke}ms)`
-    ), C.current = 0);
-    const A = s(I(s({}, Xe), {
-      key: Yn()
-    }), x);
-    return u.current.push(A), u.current.length === 1 && c({ open: !0 }), A.key;
-  }, []), b = (x = "", A = {}) => h(s({ message: x, severity: "success" }, A)), S = (x = "", A = {}) => h(s({ message: x, severity: "info" }, A)), $ = (x = "", A = {}) => h(s({ message: x, severity: "warning" }, A)), D = (x = "", A = {}) => h(s({ message: x, severity: "error" }, A)), E = (x) => {
-    const A = u.current.findIndex((H) => H.key === x);
-    if (A !== -1)
-      return A === 0 ? (c({ open: !1 }), u.current[0]) : u.current.splice(A, 1);
-  }, T = (x, A) => {
-    n(x, A) && c({ open: !1 });
+  var C;
+  const [{ open: a }, l] = T({ open: !1 }), u = ee([]), g = ee(Date.now()), S = ee(0), A = K((v) => {
+    l({ open: v });
+  }, []), f = K((v = {}) => {
+    S.current += 1, u.current.length >= Ie && Date.now() - g.current >= $e && (g.current = Date.now(), console.error(
+      `SaladBarProvider: MAX_QUEUE_LENGTH (${Ie}) hit ${S.current} times in last ${$e}ms)`
+    ), S.current = 0);
+    const w = d(D(d({}, De), {
+      key: ho()
+    }), v);
+    return u.current.push(w), u.current.length === 1 && l({ open: !0 }), w.key;
+  }, []), k = (v = "", w = {}) => f(d({ message: v, severity: "success" }, w)), y = (v = "", w = {}) => f(d({ message: v, severity: "info" }, w)), p = (v = "", w = {}) => f(d({ message: v, severity: "warning" }, w)), b = (v = "", w = {}) => f(d({ message: v, severity: "error" }, w)), I = (v) => {
+    const w = u.current.findIndex((Z) => Z.key === v);
+    if (w !== -1)
+      return w === 0 ? (l({ open: !1 }), u.current[0]) : u.current.splice(w, 1);
+  }, F = (v, w) => {
+    o(v, w) && l({ open: !1 });
+  }, V = () => {
   }, P = () => {
-  }, B = () => {
-    u.current.shift(), u.current.length > 0 && c({ open: !0 });
-  }, w = (m = u.current[0]) != null ? m : s({}, Xe), y = {};
-  "autoHideDuration" in w && (y.autoHideDuration = w.autoHideDuration);
-  const M = s(s({}, Vn), r), f = s(s({
-    open: l,
-    setOpen: v,
-    enqueueNotification: h,
-    enqueueSuccessNotification: b,
-    enqueueInfoNotification: S,
-    enqueueWarningNotification: $,
-    enqueueErrorNotification: D,
-    removeNotification: E
+    u.current.shift(), u.current.length > 0 && l({ open: !0 });
+  }, x = (C = u.current[0]) != null ? C : d({}, De), $ = {};
+  "autoHideDuration" in x && ($.autoHideDuration = x.autoHideDuration);
+  const R = d(d({}, co), r), h = d(d({
+    open: a,
+    setOpen: A,
+    enqueueNotification: f,
+    enqueueSuccessNotification: k,
+    enqueueInfoNotification: y,
+    enqueueWarningNotification: p,
+    enqueueErrorNotification: b,
+    removeNotification: I
   }, e), t);
-  return /* @__PURE__ */ p(bt.Provider, { value: f, children: [
+  return /* @__PURE__ */ m(Ze.Provider, { value: h, children: [
     i,
-    /* @__PURE__ */ o(
-      Wt,
-      I(s(s({}, M), y), {
-        open: l,
-        onClose: T,
+    /* @__PURE__ */ n(
+      mt,
+      D(d(d({}, R), $), {
+        open: a,
+        onClose: F,
         TransitionProps: {
-          onExited: B,
-          onExit: P
+          onExited: P,
+          onExit: V
         },
-        sx: { zIndex: Xn },
-        children: /* @__PURE__ */ p("div", { children: [
-          /* @__PURE__ */ o(
-            zt,
+        sx: { zIndex: po },
+        children: /* @__PURE__ */ m("div", { children: [
+          /* @__PURE__ */ n(
+            gt,
             {
-              onClose: (x) => T(x, "closeAlert"),
-              severity: w.severity,
+              onClose: (v) => F(v, "closeAlert"),
+              severity: x.severity,
               variant: "filled",
-              icon: w.progressIndicator === "circular" ? /* @__PURE__ */ o(Se, { size: "1em" }) : void 0,
-              style: w.progressIndicator === "linear" ? Kn : void 0,
-              children: w.message
+              icon: x.progressIndicator === "circular" ? /* @__PURE__ */ n(ae, { size: "1em" }) : void 0,
+              style: x.progressIndicator === "linear" ? fo : void 0,
+              children: x.message
             }
           ),
-          w.progressIndicator === "linear" && /* @__PURE__ */ o(ot, { color: "primary" })
+          x.progressIndicator === "linear" && /* @__PURE__ */ n(Be, { color: "primary" })
         ] })
       })
     )
   ] });
 }
-function jn() {
-  const e = je(bt);
+function Co() {
+  const e = _e(Ze);
   if (e === null)
-    throw new ke("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
+    throw new le("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
   return e;
 }
-const Ro = Ie(
-  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(Zn, I(s({}, e), { overrideState: t, overrideActions: n, children: i }))
-), St = "domainCode";
-var Je;
-const Qe = R(
-  JSON.parse((Je = localStorage.getItem(St)) != null ? Je : '{"domainCode": ""}').domainCode
-), eo = R(
-  (e) => e(Qe),
-  (e, t, n) => {
-    t(Qe, n), localStorage.setItem(St, JSON.stringify({ domainCode: n }));
+const on = se(
+  (e = { autoHideDuration: 1 }, t = {}, o = {}) => ({ children: i }) => /* @__PURE__ */ n(xo, D(d({}, e), { overrideState: t, overrideActions: o, children: i }))
+), je = "domainCode";
+var Fe;
+const Ee = M(
+  JSON.parse((Fe = localStorage.getItem(je)) != null ? Fe : '{"domainCode": ""}').domainCode
+), vo = M(
+  (e) => e(Ee),
+  (e, t, o) => {
+    t(Ee, o), localStorage.setItem(je, JSON.stringify({ domainCode: o }));
   }
-), to = {
+), Ao = {
   act: "ACT",
   nsw: "NSW",
   nt: "NT",
@@ -1549,77 +1189,77 @@ const Qe = R(
   ag: "AG",
   fedmps: "Fedmps",
   "": ""
-}, no = (e) => {
+}, wo = (e) => {
   var t;
-  return e === null ? "N/A" : (t = to[e]) != null ? t : "";
-}, Ho = ({
+  return e === null ? "N/A" : (t = Ao[e]) != null ? t : "";
+}, nn = ({
   isLoading: e,
   isOpen: t,
-  onClose: n,
+  onClose: o,
   onDomainChange: i,
   domainOptions: r,
-  applicationName: a,
-  handleLogout: d
+  applicationName: s,
+  handleLogout: c
 }) => {
-  const [l, c] = V(eo), [u, g] = N(l), { enqueueSuccessNotification: C } = jn(), v = r.length === 0, h = !!l && !r.includes(l) && !r.includes(u), b = !l || v || h, S = () => _(void 0, null, function* () {
-    u ? (c(u), i == null || i(u), C(`Set organisation to ${u}`), n()) : (c(""), i == null || i(""));
-  }), $ = () => _(void 0, null, function* () {
-    l && !v && !h ? (g(l), n()) : b && d();
+  const [a, l] = H(vo), [u, g] = T(a), { enqueueSuccessNotification: S } = Co(), A = r.length === 0, f = !!a && !r.includes(a) && !r.includes(u), k = !a || A || f, y = () => _(void 0, null, function* () {
+    u ? (l(u), i == null || i(u), S(`Set organisation to ${u}`), o()) : (l(""), i == null || i(""));
+  }), p = () => _(void 0, null, function* () {
+    a && !A && !f ? (g(a), o()) : k && c();
   });
-  let D;
-  return v ? D = "Unable to retrieve your active organisations. Try logging in again." : h && (D = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ p(
-    vt,
+  let b;
+  return A ? b = "Unable to retrieve your active organisations. Try logging in again." : f && (b = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ m(
+    Qe,
     {
       isOpen: t,
       dialogTitle: "Select an organisation",
       primaryButton: {
         text: "Confirm",
-        onClick: S,
-        disabled: !u || v || h,
+        onClick: y,
+        disabled: !u || A || f,
         buttonColor: "primary"
       },
       secondaryButton: {
-        text: b ? "Logout" : "Cancel",
-        onClick: $
+        text: k ? "Logout" : "Cancel",
+        onClick: p
       },
-      onClose: b ? () => {
-      } : n,
+      onClose: k ? () => {
+      } : o,
       children: [
-        /* @__PURE__ */ p(F, { marginBottom: 2, children: [
+        /* @__PURE__ */ m(N, { marginBottom: 2, children: [
           "Select the default organisation that you want to use with the ",
-          a,
+          s,
           "."
         ] }),
-        /* @__PURE__ */ o(
-          Ae,
+        /* @__PURE__ */ n(
+          ie,
           {
             loading: e,
             multiple: !1,
             disableClearable: !1,
             value: u !== "" ? u : null,
-            onChange: (E, T) => g(T != null ? T : ""),
-            getOptionLabel: no,
+            onChange: (I, F) => g(F != null ? F : ""),
+            getOptionLabel: wo,
             options: [...r],
-            renderInput: (E) => /* @__PURE__ */ o(
-              be,
-              I(s({}, E), {
+            renderInput: (I) => /* @__PURE__ */ n(
+              re,
+              D(d({}, I), {
                 variant: "filled",
                 label: "Select organisation",
-                InputProps: I(s({}, E.InputProps), {
-                  endAdornment: /* @__PURE__ */ p(L, { children: [
-                    e ? /* @__PURE__ */ o(Se, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
-                    E.InputProps.endAdornment
+                InputProps: D(d({}, I.InputProps), {
+                  endAdornment: /* @__PURE__ */ m(B, { children: [
+                    e ? /* @__PURE__ */ n(ae, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
+                    I.InputProps.endAdornment
                   ] })
                 })
               })
             )
           }
         ),
-        D && /* @__PURE__ */ o(Gt, { error: !0, children: D })
+        b && /* @__PURE__ */ n(xt, { error: !0, children: b })
       ]
     }
   );
-}, Uo = st({
+}, rn = Oe({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1670,7 +1310,7 @@ const Qe = R(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), Wo = st({
+}), an = Oe({
   palette: {
     primary: {
       main: "#007236",
@@ -1724,18 +1364,18 @@ const Qe = R(
       styleOverrides: {
         root: ({ theme: e }) => ({
           "&.Mui-selected": {
-            backgroundColor: fe(
+            backgroundColor: te(
               e.palette.secondary.main,
               e.palette.action.selectedOpacity
             ),
             "&:hover": {
-              backgroundColor: fe(
+              backgroundColor: te(
                 e.palette.secondary.main,
                 e.palette.action.selectedOpacity
               )
             },
             "&.Mui-focusVisible": {
-              backgroundColor: fe(
+              backgroundColor: te(
                 e.palette.secondary.main,
                 e.palette.action.focusOpacity
               )
@@ -1766,47 +1406,46 @@ const Qe = R(
   }
 });
 export {
-  vt as AgDialog,
-  No as AppLayout,
-  Mo as AuthGuard,
-  bt as Context,
-  ke as ContextError,
-  Ho as DomainCodeDialog,
-  So as ExampleComponent,
-  Bo as FetchAutocomplete,
-  _o as MUI_AUTOCOMPLETE_VALUE_WARNING_REGEX,
-  gt as NAVBAR_WIDTH_CLOSED,
-  ht as NAVBAR_WIDTH_OPENED,
-  Do as NavBar,
-  yo as NavBarDarkStyledList,
-  $o as NavBarLightStyledList,
-  cn as NavBarProvider,
-  To as PageLayout,
-  Zn as SaladBarProvider,
-  Po as SessionExpiryDialog,
-  Lo as SingleAutocomplete,
-  un as buildNavBarState,
-  Oo as determineUserLevelFromClaims,
-  eo as domainCodeAtom,
-  Uo as fed21Theme,
-  Hn as getAuth0Expiry,
-  Wo as internalAgSystemsTheme,
-  q as navBarClasses,
-  ae as navBarOpenAtom,
-  $n as navBarTopAtom,
-  In as navBarWidthClosedAtom,
-  Sn as navBarWidthOpenAtom,
-  Nn as simpleHashCode,
-  Eo as suppressConsole,
-  We as titleTextAtom,
-  yn as topBarHeightAtom,
-  kn as topBarMiddleAtom,
-  Fo as unsuppressConsole,
-  At as useAutocompleteOptions,
-  dn as useNavBar,
-  jn as useSaladBar,
-  ko as withBrowserRouter,
-  Io as withNavBarProvider,
-  Ro as withSaladBarProvider
+  Qe as AgDialog,
+  Qo as AppLayout,
+  tn as AuthGuard,
+  Ze as Context,
+  le as ContextError,
+  nn as DomainCodeDialog,
+  Uo as ExampleComponent,
+  Jo as FetchAutocomplete,
+  Zo as MUI_AUTOCOMPLETE_VALUE_WARNING_REGEX,
+  qe as NAVBAR_WIDTH_CLOSED,
+  Ve as NAVBAR_WIDTH_OPENED,
+  Go as NavBar,
+  Vo as NavBarDarkStyledList,
+  qo as NavBarLightStyledList,
+  Lt as NavBarProvider,
+  xo as SaladBarProvider,
+  en as SessionExpiryDialog,
+  jo as SingleAutocomplete,
+  Pt as buildNavBarState,
+  Ko as determineUserLevelFromClaims,
+  vo as domainCodeAtom,
+  rn as fed21Theme,
+  io as getAuth0Expiry,
+  an as internalAgSystemsTheme,
+  O as navBarClasses,
+  Q as navBarOpenAtom,
+  qt as navBarTopAtom,
+  Wt as navBarWidthClosedAtom,
+  Ut as navBarWidthOpenAtom,
+  Jt as simpleHashCode,
+  Xo as suppressConsole,
+  we as titleTextAtom,
+  Vt as topBarHeightAtom,
+  zt as topBarMiddleAtom,
+  Yo as unsuppressConsole,
+  Je as useAutocompleteOptions,
+  Bt as useNavBar,
+  Co as useSaladBar,
+  zo as withBrowserRouter,
+  Wo as withNavBarProvider,
+  on as withSaladBarProvider
 };
 //# sourceMappingURL=index.js.map