@australiangreens/ag-internal-components 0.2.3 → 0.3.1

package/dist/esm/index.js

@@ -1,710 +1,147 @@
-var rt = Object.defineProperty, at = Object.defineProperties;
-var st = Object.getOwnPropertyDescriptors;
-var G = Object.getOwnPropertySymbols;
-var ue = Object.prototype.hasOwnProperty, pe = Object.prototype.propertyIsEnumerable;
-var j = (e, t, o) => t in e ? rt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, d = (e, t) => {
-  for (var o in t || (t = {}))
-    ue.call(t, o) && j(e, o, t[o]);
-  if (G)
-    for (var o of G(t))
-      pe.call(t, o) && j(e, o, t[o]);
+var Ve = Object.defineProperty, Ke = Object.defineProperties;
+var Xe = Object.getOwnPropertyDescriptors;
+var q = Object.getOwnPropertySymbols;
+var ie = Object.prototype.hasOwnProperty, re = Object.prototype.propertyIsEnumerable;
+var Y = (e, t, n) => t in e ? Ve(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, u = (e, t) => {
+  for (var n in t || (t = {}))
+    ie.call(t, n) && Y(e, n, t[n]);
+  if (q)
+    for (var n of q(t))
+      re.call(t, n) && Y(e, n, t[n]);
   return e;
-}, D = (e, t) => at(e, st(t));
-var he = (e, t) => {
-  var o = {};
+}, E = (e, t) => Ke(e, Xe(t));
+var ae = (e, t) => {
+  var n = {};
   for (var i in e)
-    ue.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 && pe.call(e, i) && (o[i] = e[i]);
-  return o;
+    ie.call(e, i) && t.indexOf(i) < 0 && (n[i] = e[i]);
+  if (e != null && q)
+    for (var i of q(e))
+      t.indexOf(i) < 0 && re.call(e, i) && (n[i] = e[i]);
+  return n;
 };
-var fe = (e, t, o) => j(e, typeof t != "symbol" ? t + "" : t, o);
-var N = (e, t, o) => new Promise((i, r) => {
-  var a = (l) => {
+var se = (e, t, n) => Y(e, typeof t != "symbol" ? t + "" : t, n);
+var N = (e, t, n) => new Promise((i, r) => {
+  var s = (l) => {
     try {
-      s(o.next(l));
-    } catch (u) {
-      r(u);
+      a(n.next(l));
+    } catch (d) {
+      r(d);
     }
   }, c = (l) => {
     try {
-      s(o.throw(l));
-    } catch (u) {
-      r(u);
+      a(n.throw(l));
+    } catch (d) {
+      r(d);
     }
-  }, s = (l) => l.done ? i(l.value) : Promise.resolve(l.value).then(a, c);
-  s((o = o.apply(e, t)).next());
+  }, a = (l) => l.done ? i(l.value) : Promise.resolve(l.value).then(s, c);
+  a((n = n.apply(e, t)).next());
 });
-import { jsxs as m, Fragment as T, jsx as n } from "react/jsx-runtime";
-import { useState as L, createContext as Me, useCallback as K, useContext as Te, createElement as oe, useEffect as ne, useMemo as lt, useRef as ee } from "react";
-import { Typography as _, Button as W, Paper as Le, Box as E, Drawer as Be, useTheme as J, useMediaQuery as ct, Collapse as dt, Avatar as me, Fade as ut, Skeleton as ge, Toolbar as pt, Divider as xe, Container as ht, IconButton as ft, Dialog as Pe, LinearProgress as Re, DialogTitle as Oe, DialogContent as He, DialogActions as Ue, Autocomplete as ie, TextField as re, CircularProgress as ae, Chip as mt, Tooltip as gt, Stack as xt, Snackbar as vt, Alert as Ct, FormHelperText as At } from "@mui/material";
-import We from "@mui/material/CssBaseline";
-import { styled as z, createTheme as ze, alpha as te } from "@mui/material/styles";
-import { createHelper as se } from "souvlaki";
-import { BrowserRouter as wt } from "react-router";
-import Ve from "@mui/material/List";
-import { ViewHeadline as St, Cancel as bt, ArrowDropDown as kt } from "@mui/icons-material";
-import { atom as M, useSetAtom as qe, useAtomValue as ve, useAtom as O } from "jotai";
-import Ce from "@mui/material/Box";
-import { useHydrateAtoms as yt } from "jotai/utils";
-import Ae from "react-avatar";
-import { useAuth0 as le } from "@auth0/auth0-react";
-import { useQuery as Ge } from "@tanstack/react-query";
-import Dt from "autosuggest-highlight/match";
-import It from "autosuggest-highlight/parse";
-import { Buffer as $t } from "buffer";
-import Ft from "@mui/material/Skeleton";
-function Wo({ text: e }) {
-  const [t, o] = L(0);
-  return /* @__PURE__ */ m(T, { children: [
-    /* @__PURE__ */ n(_, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
-    /* @__PURE__ */ 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,
+import { jsxs as f, Fragment as $, jsx as o } from "react/jsx-runtime";
+import { useState as O, createElement as Z, useEffect as le, useMemo as Ye, createContext as Qe, useRef as Q, useCallback as ce, useContext as Je } from "react";
+import { Typography as _, Button as U, Paper as be, Dialog as Fe, LinearProgress as Ee, DialogTitle as Ie, DialogContent as _e, DialogActions as Te, Autocomplete as j, TextField as ee, CircularProgress as te, Box as T, Chip as Ze, Tooltip as je, Stack as et, Snackbar as tt, Alert as nt, FormHelperText as ot, useTheme as K, useMediaQuery as it, Drawer as rt, Collapse as at, Avatar as de, Fade as st, Skeleton as ue, Toolbar as lt, Divider as pe, Container as ct, IconButton as dt } from "@mui/material";
+import { Cancel as ut, ArrowDropDown as pt, ViewHeadline as ht } from "@mui/icons-material";
+import mt from "autosuggest-highlight/match";
+import ft from "autosuggest-highlight/parse";
+import { useQuery as Ne } from "@tanstack/react-query";
+import { useAuth0 as ne } from "@auth0/auth0-react";
+import { Buffer as gt } from "buffer";
+import xt from "@mui/material/Skeleton";
+import { atom as P, useAtom as R, useSetAtom as Pe, useAtomValue as he } from "jotai";
+import { createHelper as At } from "souvlaki";
+import Ct from "@mui/material/CssBaseline";
+import me from "@mui/material/Box";
+import { useHydrateAtoms as vt } from "jotai/utils";
+import { styled as $e, createTheme as Me, alpha as J } from "@mui/material/styles";
+import fe from "react-avatar";
+function Sn({ text: e }) {
+  const [t, n] = O(0);
+  return /* @__PURE__ */ f($, { children: [
+    /* @__PURE__ */ o(_, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
+    /* @__PURE__ */ o(_, { 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(
+      U,
       {
         variant: "outlined",
-        onClick: () => o((i) => i + 1),
+        onClick: () => n((i) => i + 1),
         "aria-label": "Increment",
         children: "Hello I am a button"
       }
     ),
-    /* @__PURE__ */ m("p", { children: [
+    /* @__PURE__ */ f("p", { children: [
       "This is some text: ",
-      /* @__PURE__ */ n("span", { children: e })
+      /* @__PURE__ */ o("span", { children: e })
     ] }),
-    /* @__PURE__ */ m(Le, { children: [
+    /* @__PURE__ */ f(be, { children: [
       "This number will incremember when button pressed: ",
       t
     ] })
   ] });
 }
-const Xe = 330, Ye = 73, B = "Navbar", H = {
-  root: `${B}-root`,
-  menuButton: `${B}-menuButton`,
-  hide: `${B}-hide`,
-  content: `${B}-content`,
-  userInfoHolder: `${B}-userInfoHolder`,
-  settings: `${B}-settings`,
-  pieChartIcon: `${B}-pieChartIcon`
-}, Et = z(E, {
-  name: "NavBar"
-})(({ theme: e }) => ({
-  [`&.${H.root}`]: {
-    display: "flex"
-  },
-  [`& .${H.menuButton}`]: {
-    marginRight: 36
-  },
-  [`& .${H.hide}`]: {
-    display: "none"
-  },
-  [`& .${H.content}`]: {
-    flexGrow: 1,
-    padding: e.spacing(3)
-  },
-  [`& .${H.userInfoHolder}`]: {
-    height: "148px",
-    marginTop: "64px",
-    marginBottom: "16px"
-  }
-})), Ke = () => ({
-  position: "absolute",
-  height: "100%",
-  overflowX: "hidden",
-  overflowY: "hidden",
-  color: "white",
-  backgroundColor: "black"
-  // backgroundColor: '#e8e8e8',
-}), Nt = () => d({
-  width: Xe
-}, Ke()), _t = () => d({
-  width: Ye
-}, Ke()), Mt = z(Be, {
-  shouldForwardProp: (e) => e !== "open"
-})(({ theme: e, open: t }) => d(d({
-  width: t ? Xe : Ye,
-  flexShrink: 0,
-  whiteSpace: "nowrap",
-  boxSizing: "border-box",
-  zIndex: e.zIndex.drawer + 100
-}, t && {
-  "& .MuiDrawer-paper": Nt()
-}), !t && {
-  "& .MuiDrawer-paper": _t()
-}));
-class ce extends Error {
-}
-fe(ce, "errorName", "ContextError");
-const Qe = Me(null), Tt = {}, Lt = {}, Bt = ({
-  overrideState: e = Tt,
-  overrideActions: t = Lt,
-  children: o
-}) => {
-  const [{ open: i }, r] = L({ open: !0 }), a = K((l) => {
-    r({ open: l });
-  }, []), c = K(() => {
-    r((l) => D(d({}, l), { open: !l.open }));
-  }, []), s = d(d({
-    open: i,
-    setOpen: a,
-    toggleOpen: c
-  }, e), t);
-  return /* @__PURE__ */ n(Qe.Provider, { value: s, children: o });
-}, Pt = () => {
-  const e = Te(Qe);
-  if (e === null)
-    throw new ce("Error: Tried to useNavBar outside of a <NavBarProvider>");
-  return e;
-}, Rt = (e = {}) => d({
-  open: !0
-}, e), zo = se(
-  (e = Rt(), t = {}) => ({ children: o }) => /* @__PURE__ */ n(Bt, { overrideState: e, overrideActions: t, children: o })
-), Vo = se(() => ({ children: e }) => /* @__PURE__ */ n(wt, { children: e })), we = 7, qo = z(Ve)(({ theme: e }) => ({
-  backgroundColor: "black",
-  color: "white",
-  "& .MuiListItem-root": {
-    padding: "unset"
-  },
-  "& .MuiListItemButton-root": {
-    " .MuiListItemIcon-root": {
-      color: "white",
-      padding: `${we}px`
-    },
-    // Focus state
-    "&.Mui-focusVisible": {
-      backgroundColor: e.palette.grey[700]
-    },
-    // Selected state
-    "&.Mui-selected": {
-      borderLeftStyle: "solid",
-      borderLeftWidth: "7px",
-      borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${we}px)`
-    },
-    // Hover state
-    "&:hover": {
-      backgroundColor: e.palette.primary.dark
-    },
-    // Focus+Selected state
-    "&.Mui-selected.Mui-focusVisible": {
-      backgroundColor: e.palette.grey[700]
-    },
-    // Hover+Selected state
-    "&.Mui-selected:hover": {
-      backgroundColor: e.palette.primary.dark
-    }
-    // Focus+Hover+Selected state doesn't need to be specified
-    // '&.Mui-selected.Mui-focusVisible:hover': {
-    // },
-  }
-})), Se = 7, Go = z(Ve)(({ theme: e }) => ({
-  backgroundColor: "#e8e8e8",
-  color: "inherit",
-  "& .MuiListItem-root": {
-    padding: "unset"
-  },
-  "& .MuiListItemButton-root": {
-    " .MuiListItemIcon-root": {
-      color: "inherit",
-      padding: `${Se}px`
-    },
-    // Focus state
-    "&.Mui-focusVisible": {
-      backgroundColor: e.palette.grey[700]
-    },
-    // Selected state
-    "&.Mui-selected": {
-      borderLeftStyle: "solid",
-      borderLeftWidth: "7px",
-      borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${Se}px)`
-    },
-    // Hover state
-    "&:hover": {
-      backgroundColor: e.palette.primary.dark
-    },
-    // Focus+Selected state
-    "&.Mui-selected.Mui-focusVisible": {
-      backgroundColor: e.palette.grey[700]
-    },
-    // Hover+Selected state
-    "&.Mui-selected:hover": {
-      backgroundColor: e.palette.primary.dark
-    }
-    // Focus+Hover+Selected state doesn't need to be specified
-    // '&.Mui-selected.Mui-focusVisible:hover': {
-    // },
-  }
-}));
-function Xo({
-  "data-testid": e,
-  children: t
-}) {
-  const { open: o } = Pt();
-  return /* @__PURE__ */ m(Et, { className: H.root, "data-testid": e, children: [
-    /* @__PURE__ */ n(We, {}),
-    /* @__PURE__ */ n(
-      Mt,
-      {
-        variant: "permanent",
-        anchor: "left",
-        transitionDuration: null,
-        open: o,
-        children: t
-      }
-    )
-  ] });
-}
-const Je = () => {
-  const e = J();
-  return ct(e.breakpoints.down("sm"));
-}, Ot = 64, Ht = 72, Ut = 256, Q = M(!0), Wt = M(Ut), zt = M(Ht), be = M(""), Vt = M(void 0), qt = M(Ot), Gt = M(void 0);
-function Xt({ links: e }) {
-  return /* @__PURE__ */ n("div", { children: "LinksMenu not implemented yet" });
-}
-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`,
-}, Yt = z(E, { name: "NavBar" })(({ theme: e }) => ({
-  [`&.${q.root}`]: {
-    display: "flex"
-  },
-  [`& .${q.menuButton}`]: {
-    marginRight: 36
-  },
-  [`& .${q.hide}`]: {
-    display: "none"
-  },
-  [`& .${q.content}`]: {
-    flexGrow: 1,
-    padding: e.spacing(3)
-  }
-  // [`& .${classes.userInfoHolder}`]: {
-  //   height: '148px',
-  //   marginTop: '64px',
-  //   marginBottom: '16px',
-  // },
-})), U = (e, t, o) => e.transitions.create(t, {
-  easing: e.transitions.easing.sharp,
-  duration: o === "leaving" ? e.transitions.duration.leavingScreen : e.transitions.duration.enteringScreen
-}), Kt = (e) => {
-  const t = J();
-  return /* @__PURE__ */ n(
-    dt,
-    d({
-      easing: t.transitions.easing.sharp,
-      timeout: {
-        enter: t.transitions.duration.enteringScreen,
-        exit: t.transitions.duration.leavingScreen
-      }
-    }, e)
-  );
-}, Ze = (e) => {
-  var t, o;
-  return {
-    overflowX: "hidden",
-    color: "inherit",
-    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
-  };
-}, ke = (e, t) => d({
-  width: t,
-  transition: U(e, "width", "entering")
-}, Ze(e)), ye = (e, t) => d({
-  width: t,
-  transition: U(e, "width", "leaving")
-}, Ze(e)), Qt = z(Be, {
-  shouldForwardProp: (e) => !["widthOpen", "widthClosed", "isSmallScreen"].includes(e)
-})(({ theme: e, open: t, widthOpen: o, widthClosed: i, isSmallScreen: r }) => d(d({
-  flexShrink: 0,
-  whiteSpace: "nowrap",
-  boxSizing: "border-box",
-  display: "flex",
-  flexDirection: "column"
-}, t && D(d({}, ke(e, o)), {
-  backgroundColor: "",
-  "& .MuiDrawer-paper": ke(e, o)
-})), !t && D(d({}, ye(e, r ? o : i)), {
-  backgroundColor: "",
-  "& .MuiDrawer-paper": ye(e, r ? o : i)
-})));
-function je(e) {
-  return e.replace(
-    /(^|-)([a-z])/g,
-    (t, o, i) => o === "-" ? " " + i.toUpperCase() : i.toUpperCase()
-  );
-}
-function Yo(e, t, o, i) {
-  var c;
-  if (!e) return "None";
-  const a = Object.entries(e).filter(
-    ([s, l]) => s.startsWith("https://greens.org.au/roles/") && l.includes(t)
-  ).map(
-    ([s]) => {
-      var l;
-      return je((l = s.split("/").at(-1)) != null ? l : "");
-    }
-  );
-  return (c = i.find(
-    (s) => o[s].some((l) => a.includes(l))
-  )) != null ? c : "None";
-}
-const Ko = (e) => {
-  const { getIdTokenClaims: t, user: o } = le();
-  return Ge({
-    queryKey: ["availableDomains", o == null ? void 0 : o.sub],
-    queryFn: () => N(null, null, function* () {
-      const i = yield t();
-      return i ? Object.entries(i).reduce((r, [a, c]) => {
-        var u;
-        const s = je((u = a.split("/").at(-1)) != null ? u : ""), l = a.startsWith("https://greens.org.au/roles/") && e.includes(s) ? c : [];
-        return [.../* @__PURE__ */ new Set([...r, ...l])];
-      }, []) : [];
-    })
-  });
-}, Qo = (e) => Object.values(e).reduce(
-  (t, o) => [.../* @__PURE__ */ new Set([...t, ...o])],
-  []
-), 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 Jo(e, t) {
-  console[e] = (...o) => {
-    for (const i of t)
-      if (typeof i == "function") {
-        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;
-      }
-    Y[e](o);
-  };
-}
-function Zo(e) {
-  if (e)
-    console[e] = Y[e];
-  else
-    for (const t of Object.keys(Y))
-      console[t] = Y[t];
-}
-function Jt(e) {
-  let t = 0;
-  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 De = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], Ie = (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,
-        display: "flex",
-        alignItems: "center",
-        flexDirection: "column",
-        gap: "0.5rem"
-      },
-      children: [
-        !i && /* @__PURE__ */ n(
-          E,
-          {
-            sx: {
-              width: o ? "5rem" : "2rem",
-              transition: o ? U(r, ["width", "height"], "entering") : U(r, ["width", "height"], "leaving"),
-              aspectRatio: 1
-            },
-            children: e != null && e.name ? /* @__PURE__ */ n(T, { children: /* @__PURE__ */ n(
-              me,
-              {
-                src: e == null ? void 0 : e.picture,
-                sx: {
-                  width: "100%",
-                  height: "100%",
-                  bgcolor: De[Math.abs(Jt(e == null ? void 0 : e.name)) % De.length]
-                },
-                children: Ie(e == null ? void 0 : e.name)
-              }
-            ) }) : /* @__PURE__ */ n(me, { sx: { width: "100%", height: "100%" } })
-          }
-        ),
-        i && /* @__PURE__ */ n(
-          E,
-          {
-            sx: {
-              width: o ? "5rem" : "2rem",
-              transition: o ? U(r, ["width", "height"], "entering") : U(r, ["width", "height"], "leaving"),
-              aspectRatio: 1
-            },
-            children: e != null && e.name ? /* @__PURE__ */ n(T, { children: /* @__PURE__ */ m(Ae, { src: e == null ? void 0 : e.picture, name: e == null ? void 0 : e.name, round: !0, size: o ? "80" : "32", children: [
-              " ",
-              Ie(e == null ? void 0 : e.name),
-              " ",
-              "ab"
-            ] }) }) : /* @__PURE__ */ n(Ae, {})
-          }
-        ),
-        /* @__PURE__ */ n(Kt, { sx: { width: "100%" }, in: o, children: /* @__PURE__ */ n(ut, { in: o, children: /* @__PURE__ */ m(E, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
-          e != null && e.name ? /* @__PURE__ */ n(_, { children: e == null ? void 0 : e.name }) : /* @__PURE__ */ n(ge, { animation: !1, width: "50%" }),
-          t ? /* @__PURE__ */ n(_, { children: t.toUpperCase() }) : /* @__PURE__ */ n(ge, { animation: !1, width: "25%" })
-        ] }) }) })
-      ]
-    }
-  );
-}
-function jt({
-  open: e,
-  widthClosed: t,
-  widthOpen: o,
-  "data-testid": i,
-  top: r,
-  middle: a,
-  bottom: c,
-  user: s,
-  domainCode: l,
-  useNewAvatar: u = !1
-}) {
-  const g = Je(), S = qe(Q);
-  return /* @__PURE__ */ n(Yt, { className: q.root, "data-testid": i, children: /* @__PURE__ */ m(
-    Qt,
-    {
-      open: e,
-      widthOpen: o,
-      widthClosed: t,
-      anchor: "left",
-      variant: g ? "temporary" : "permanent",
-      PaperProps: {
-        component: "nav"
-      },
-      onClose: () => {
-        S(!1);
-      },
-      isSmallScreen: g,
-      children: [
-        !g && /* @__PURE__ */ n(pt, {}),
-        r && /* @__PURE__ */ m(E, { flexGrow: "0", children: [
-          r,
-          /* @__PURE__ */ n(xe, { variant: "middle", sx: { marginY: "0.5rem" } })
-        ] }),
-        /* @__PURE__ */ n(E, { flexGrow: "1", children: Array.isArray(a) ? /* @__PURE__ */ n(Xt, { links: a }) : a }),
-        /* @__PURE__ */ m(E, { flexGrow: "0", children: [
-          /* @__PURE__ */ n(xe, { variant: "middle", sx: { marginY: "0.5rem" } }),
-          /* @__PURE__ */ n(Zt, { user: s, domainCode: l, open: e, useNewAvatar: u }),
-          c && /* @__PURE__ */ n(T, { children: c })
-        ] })
-      ]
-    }
-  ) });
-}
-function eo({
-  children: e,
-  topBarHeight: t,
-  maxWidth: o = !1,
-  noPadding: i
-}) {
-  return /* @__PURE__ */ n(
-    E,
-    {
-      sx: {
-        overflow: "auto",
-        height: `calc(100vh - ${t}px)`,
-        flexGrow: 1
-      },
-      children: i ? /* @__PURE__ */ n(E, { component: "main", id: "main-content", height: "inherit", children: e }) : /* @__PURE__ */ n(
-        ht,
-        {
-          component: "main",
-          id: "main-content",
-          maxWidth: o,
-          sx: { paddingTop: 3, paddingBottom: 3, flexGrow: 1 },
-          children: e
-        }
-      )
-    }
-  );
-}
-const to = "TopBar", oo = {
-  titleText: `${to}-titleText`
-};
-function no({
-  titleText: e = "",
-  height: t,
-  "data-testid": o,
-  middle: i
-}) {
-  const r = qe(Q), a = () => r((l) => !l), c = J(), s = Je();
-  return /* @__PURE__ */ n("header", { "data-testid": o, children: /* @__PURE__ */ m(
-    Le,
-    {
-      square: !0,
-      elevation: 0,
-      sx: {
-        width: "100%",
-        position: "sticky",
-        color: "primary.contrastText",
-        backgroundColor: "primary.main",
-        display: "flex",
-        alignItems: "center",
-        gap: 2,
-        flexShrink: 0,
-        height: t,
-        zIndex: s ? 0 : c.zIndex.drawer + 101
-      },
-      children: [
-        /* @__PURE__ */ n(
-          ft,
-          {
-            size: "medium",
-            color: "inherit",
-            sx: { padding: 1.5, marginLeft: "12px" },
-            onClick: a,
-            children: /* @__PURE__ */ n(St, { fontSize: "medium" })
-          }
-        ),
-        /* @__PURE__ */ n(_, { className: oo.titleText, variant: "h6", component: "h1", children: e }),
-        i
-      ]
-    }
-  ) });
-}
-function jo({
-  children: e,
-  initialTitleText: t,
-  initialNavBarOpen: o,
-  pageContainerProps: i,
-  pageContentDataTestId: r,
-  topBarDataTestId: a,
-  navBarDataTestId: c,
-  navBarMiddle: s,
-  navBarBottom: l,
-  user: u,
-  domainCode: g,
-  useNewAvatar: S = !1
-}) {
-  yt([
-    [Q, o != null ? o : !0],
-    [be, t != null ? t : ""]
-  ]);
-  const A = ve(Q), [f] = O(Wt), [b] = O(zt), y = ve(be), [p] = O(qt), [k] = O(Vt), [I] = O(Gt);
-  return /* @__PURE__ */ m(Ce, { children: [
-    /* @__PURE__ */ n(We, {}),
-    /* @__PURE__ */ n(
-      no,
-      {
-        titleText: y,
-        "data-testid": a,
-        height: p,
-        middle: k
-      }
-    ),
-    /* @__PURE__ */ m(Ce, { sx: { display: "flex" }, children: [
-      /* @__PURE__ */ n(
-        jt,
-        {
-          open: A,
-          top: I,
-          middle: s,
-          bottom: l,
-          user: u,
-          domainCode: g,
-          widthOpen: f,
-          widthClosed: b,
-          offsetTop: p,
-          "data-testid": c,
-          useNewAvatar: S
-        }
-      ),
-      /* @__PURE__ */ n(
-        eo,
-        D(d({
-          "data-testid": r,
-          topBarHeight: p
-        }, i), {
-          children: e
-        })
-      )
-    ] })
-  ] });
-}
-const et = ({
+const Le = ({
   isOpen: e,
   dialogTitle: t,
-  children: o,
+  children: n,
   maxWidth: i,
   primaryButton: r,
-  secondaryButton: a,
+  secondaryButton: s,
   additionalButtons: c,
-  onClose: s,
+  onClose: a,
   sx: l,
-  "data-testid": u,
-  disableCloseOnBackdropOrEscape: g = !1,
-  isLoading: S = !1
+  "data-testid": d,
+  disableCloseOnBackdropOrEscape: m = !1,
+  isLoading: y = !1
 }) => {
-  var b, y;
-  const [A, f] = L(!1);
-  return /* @__PURE__ */ m(
-    Pe,
+  var w, D;
+  const [v, g] = O(!1);
+  return /* @__PURE__ */ f(
+    Fe,
     {
       open: e,
       onClose: (p, k) => N(null, null, function* () {
-        g && (k === "backdropClick" || k === "escapeKeyDown") || A || (a != null && a.onClick ? yield a.onClick() : s());
+        m && (k === "backdropClick" || k === "escapeKeyDown") || v || (s != null && s.onClick ? yield s.onClick() : a());
       }),
       fullWidth: !0,
       maxWidth: i != null ? i : "xs",
-      "data-testid": u,
+      "data-testid": d,
       sx: l,
       children: [
-        S && /* @__PURE__ */ n(Re, { sx: { height: "4px", marginBottom: "-4px" } }),
-        /* @__PURE__ */ n(Oe, { children: t }),
-        /* @__PURE__ */ n(He, { sx: { "& > :last-child": { marginBottom: 0 } }, children: o }),
-        /* @__PURE__ */ m(Ue, { children: [
-          /* @__PURE__ */ n(
-            W,
+        y && /* @__PURE__ */ o(Ee, { sx: { height: "4px", marginBottom: "-4px" } }),
+        /* @__PURE__ */ o(Ie, { children: t }),
+        /* @__PURE__ */ o(_e, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
+        /* @__PURE__ */ f(Te, { children: [
+          /* @__PURE__ */ o(
+            U,
             {
-              onClick: (b = a == null ? void 0 : a.onClick) != null ? b : s,
-              "data-testid": a == null ? void 0 : a.testId,
-              disabled: (a == null ? void 0 : a.disabled) || A,
-              color: a == null ? void 0 : a.buttonColor,
-              children: (y = a == null ? void 0 : a.text) != null ? y : "Cancel"
+              onClick: (w = s == null ? void 0 : s.onClick) != null ? w : a,
+              "data-testid": s == null ? void 0 : s.testId,
+              disabled: (s == null ? void 0 : s.disabled) || v,
+              color: s == null ? void 0 : s.buttonColor,
+              children: (D = s == null ? void 0 : s.text) != null ? D : "Cancel"
             }
           ),
           c && c.map((p, k) => {
-            var I;
-            return /* @__PURE__ */ n(
-              W,
+            var b;
+            return /* @__PURE__ */ o(
+              U,
               {
                 onClick: p == null ? void 0 : p.onClick,
                 "data-testid": p == null ? void 0 : p.testId,
-                disabled: (p == null ? void 0 : p.disabled) || A,
+                disabled: (p == null ? void 0 : p.disabled) || v,
                 color: p == null ? void 0 : p.buttonColor,
-                children: (I = p.text) != null ? I : `Button ${k}`
+                children: (b = p.text) != null ? b : `Button ${k}`
               },
               k
             );
           }),
-          r && /* @__PURE__ */ n(
-            W,
+          r && /* @__PURE__ */ o(
+            U,
             {
               onClick: () => N(null, null, function* () {
                 var p;
-                f(!0), yield (p = r.onClick) == null ? void 0 : p.call(r), f(!1);
+                g(!0), yield (p = r.onClick) == null ? void 0 : p.call(r), g(!1);
               }),
               "data-testid": r.testId,
-              disabled: r.disabled || A,
+              disabled: r.disabled || v,
               color: r == null ? void 0 : r.buttonColor,
               children: r.text
             }
@@ -713,139 +150,139 @@ const et = ({
       ]
     }
   );
-}, tt = ({
+}, Re = ({
   minLength: e,
   preLoadedOptions: t,
-  lookup: o,
+  lookup: n,
   label: i,
   inputValue: r
-}) => Ge({
+}) => Ne({
   queryFn: () => e && r.length < e ? t != null ? t : [] : t ? t.filter(
-    (a) => a.label.toLowerCase().includes(r.toLowerCase())
-  ) : o(r),
+    (s) => s.label.toLowerCase().includes(r.toLowerCase())
+  ) : n(r),
   queryKey: ["autocomplete", i, r]
 });
-function en({
+function wn({
   lookup: e = () => N(null, null, function* () {
   }),
   enableHighlighting: t = !0,
-  onChange: o,
+  onChange: n,
   minLength: i = 0,
   label: r,
-  value: a,
+  value: s,
   "data-testid": c,
-  sx: s,
+  sx: a,
   boxSx: l,
-  textFieldColor: u,
-  textFieldVariant: g = "filled",
-  loadingText: S = "Loading...",
-  noOptionsText: A = "No options",
-  popupIcon: f = /* @__PURE__ */ n(kt, {}),
-  error: b = !1,
-  helperText: y = "",
+  textFieldColor: d,
+  textFieldVariant: m = "filled",
+  loadingText: y = "Loading...",
+  noOptionsText: v = "No options",
+  popupIcon: g = /* @__PURE__ */ o(pt, {}),
+  error: w = !1,
+  helperText: D = "",
   preLoadedOptions: p = void 0,
   disablePortal: k = !1,
-  disableIconFlip: I = !1
+  disableIconFlip: b = !1
 }) {
-  const [F, V] = L(""), P = (h, v) => {
-    const C = a.filter((w) => w.id !== v);
-    o(C, "delete", h);
-  }, { data: x, isLoading: $ } = tt({
-    inputValue: F,
+  const [I, H] = O(""), M = (h, A) => {
+    const C = s.filter((S) => S.id !== A);
+    n(C, "delete", h);
+  }, { data: x, isLoading: F } = Re({
+    inputValue: I,
     label: r,
     lookup: e,
     minLength: i,
     preLoadedOptions: p
-  }), R = F.length >= i;
-  return /* @__PURE__ */ m("div", { "data-testid": c, children: [
-    /* @__PURE__ */ n(
-      ie,
+  }), L = I.length >= i;
+  return /* @__PURE__ */ f("div", { "data-testid": c, children: [
+    /* @__PURE__ */ o(
+      j,
       {
-        sx: d(d({}, s), I ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
+        sx: u(u({}, a), b ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
         "data-testid": c ? `${c}:Autocomplete` : void 0,
         disablePortal: k,
         multiple: !0,
         getOptionLabel: (h) => typeof h == "string" ? h : h.label,
-        loading: R ? $ : !1,
-        options: [...a, ...x != null ? x : []],
+        loading: L ? F : !1,
+        options: [...s, ...x != null ? x : []],
         filterSelectedOptions: !0,
         includeInputInList: !0,
-        value: a,
-        onChange: (h, v, C) => {
-          o(v, C, h);
+        value: s,
+        onChange: (h, A, C) => {
+          n(A, C, h);
         },
-        onInputChange: (h, v) => V(v),
-        noOptionsText: R ? A : "Start typing to search",
-        loadingText: S,
-        popupIcon: f,
-        renderInput: (h) => /* @__PURE__ */ n(
-          re,
-          D(d({}, h), {
+        onInputChange: (h, A) => H(A),
+        noOptionsText: L ? v : "Start typing to search",
+        loadingText: y,
+        popupIcon: g,
+        renderInput: (h) => /* @__PURE__ */ o(
+          ee,
+          E(u({}, h), {
             label: r,
             fullWidth: !0,
-            variant: g,
-            error: b,
-            helperText: y,
-            InputProps: D(d({}, h.InputProps), {
-              endAdornment: /* @__PURE__ */ m(T, { children: [
-                $ ? /* @__PURE__ */ n(ae, { color: "inherit", size: 20 }) : null,
+            variant: m,
+            error: w,
+            helperText: D,
+            InputProps: E(u({}, h.InputProps), {
+              endAdornment: /* @__PURE__ */ f($, { children: [
+                F ? /* @__PURE__ */ o(te, { color: "inherit", size: 20 }) : null,
                 h.InputProps.endAdornment
               ] })
             }),
             "data-testid": c ? `${c}:Autocomplete:TextField` : void 0,
-            onKeyDown: (v) => {
-              (v.key === "Backspace" || v.key === "Delete") && v.stopPropagation();
+            onKeyDown: (A) => {
+              (A.key === "Backspace" || A.key === "Delete") && A.stopPropagation();
             },
-            color: u
+            color: d
           })
         ),
         renderTags: () => null,
-        isOptionEqualToValue: (h, v) => h.id === v.id,
-        renderOption: (h, v, C) => {
+        isOptionEqualToValue: (h, A) => h.id === A.id,
+        renderOption: (h, A, C) => {
           if (t) {
-            const w = Dt(v.label, C.inputValue, {
+            const S = mt(A.label, C.inputValue, {
               insideWords: !0,
               findAllOccurrences: !0
-            }), Z = It(v.label, w);
-            return /* @__PURE__ */ oe(
+            }), X = ft(A.label, S);
+            return /* @__PURE__ */ Z(
               "li",
-              D(d({}, h), {
-                key: v.id,
-                "data-testid": c ? `${c}:Autocomplete:option(${v.id.toString()})` : void 0
+              E(u({}, h), {
+                key: A.id,
+                "data-testid": c ? `${c}:Autocomplete:option(${A.id.toString()})` : void 0
               }),
-              /* @__PURE__ */ n("div", { children: Z.map((de, it) => /* @__PURE__ */ n(
+              /* @__PURE__ */ o("div", { children: X.map((oe, Ge) => /* @__PURE__ */ o(
                 "span",
                 {
                   style: {
-                    fontWeight: de.highlight ? 700 : 400
+                    fontWeight: oe.highlight ? 700 : 400
                   },
-                  children: de.text
+                  children: oe.text
                 },
-                it
+                Ge
               )) })
             );
           } else
-            return /* @__PURE__ */ oe(
+            return /* @__PURE__ */ Z(
               "li",
-              D(d({}, h), {
-                key: v.id,
-                "data-testid": c ? `${c}:option(${v.id.toString()})` : void 0
+              E(u({}, h), {
+                key: A.id,
+                "data-testid": c ? `${c}:option(${A.id.toString()})` : void 0
               }),
-              v.label
+              A.label
             );
         }
       }
     ),
-    a.length > 0 && /* @__PURE__ */ n(E, { sx: l, children: a.map((h) => /* @__PURE__ */ n(
-      mt,
+    s.length > 0 && /* @__PURE__ */ o(T, { sx: l, children: s.map((h) => /* @__PURE__ */ o(
+      Ze,
       {
         sx: {
           marginTop: 1,
           marginRight: 1,
           height: "auto"
         },
-        label: /* @__PURE__ */ n(
-          gt,
+        label: /* @__PURE__ */ o(
+          je,
           {
             title: h.tooltipContent || "",
             placement: "bottom-start",
@@ -859,13 +296,13 @@ function en({
                 }
               ]
             },
-            children: /* @__PURE__ */ n(_, { style: { whiteSpace: "normal" }, children: h.chipLabel ? h.chipLabel : h.label })
+            children: /* @__PURE__ */ o(_, { style: { whiteSpace: "normal" }, children: h.chipLabel ? h.chipLabel : h.label })
           }
         ),
         "data-testid": c ? `${c}:Chip(${h.id.toString()})` : void 0,
-        onDelete: (v) => P(v, h.id),
-        deleteIcon: /* @__PURE__ */ n(
-          bt,
+        onDelete: (A) => M(A, h.id),
+        deleteIcon: /* @__PURE__ */ o(
+          ut,
           {
             "data-testid": c ? `${c}:Chip(${h.id.toString()}):deleteIcon` : void 0
           }
@@ -875,120 +312,114 @@ function en({
     )) })
   ] });
 }
-const tn = /MUI: The value provided to.*is invalid/i, on = ({
+const kn = /MUI: The value provided to.*is invalid/i, yn = ({
   lookup: e = () => N(null, null, function* () {
   }),
   onChange: t,
-  label: o,
+  label: n,
   value: i,
   sx: r,
-  textFieldColor: a,
+  textFieldColor: s,
   textFieldVariant: c = "filled",
-  error: s = !1,
+  error: a = !1,
   "data-testid": l,
-  noOptionsText: u = "No options",
-  minLength: g = 3,
-  disablePortal: S = !1,
-  preLoadedOptions: A,
-  helperText: f = "",
-  disabled: b,
-  popupIcon: y,
+  noOptionsText: d = "No options",
+  minLength: m = 3,
+  disablePortal: y = !1,
+  preLoadedOptions: v,
+  helperText: g = "",
+  disabled: w,
+  popupIcon: D,
   disableIconFlip: p
 }) => {
-  const [k, I] = L(""), { data: F, isLoading: V } = tt({
+  const [k, b] = O(""), { data: I, isLoading: H } = Re({
     inputValue: k,
-    label: o,
+    label: n,
     lookup: e,
-    minLength: g != null ? g : 0,
-    preLoadedOptions: A
-  }), P = k.length >= g;
-  return /* @__PURE__ */ n("div", { "data-testid": l, children: /* @__PURE__ */ n(xt, { direction: "row", spacing: 1, children: /* @__PURE__ */ n(
-    ie,
+    minLength: m != null ? m : 0,
+    preLoadedOptions: v
+  }), M = k.length >= m;
+  return /* @__PURE__ */ o("div", { "data-testid": l, children: /* @__PURE__ */ o(et, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
+    j,
     {
-      sx: d(d({}, r), p ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
+      sx: u(u({}, 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);
+      loading: M ? H : !1,
+      options: I != null ? I : [],
+      onChange: (x, F, L) => {
+        t(x, F, L);
       },
-      disablePortal: S,
+      disablePortal: y,
       filterOptions: (x) => x,
       value: i,
-      noOptionsText: P ? u : "Start typing to search",
+      noOptionsText: M ? d : "Start typing to search",
       getOptionLabel: (x) => x.label,
-      popupIcon: y,
-      renderInput: (x) => /* @__PURE__ */ n(
-        re,
-        D(d({
+      popupIcon: D,
+      renderInput: (x) => /* @__PURE__ */ o(
+        ee,
+        E(u({
           "data-testid": l ? `${l}:Autocomplete:TextField` : void 0
         }, x), {
           variant: c,
-          label: o,
-          color: a,
-          error: s,
-          helperText: f
+          label: n,
+          color: s,
+          error: a,
+          helperText: g
         })
       ),
-      isOptionEqualToValue: (x, $) => x.id === $.id,
-      onInputChange: (x, $) => {
-        I($);
+      isOptionEqualToValue: (x, F) => x.id === F.id,
+      onInputChange: (x, F) => {
+        b(F);
       },
-      renderOption: (x, $) => /* @__PURE__ */ oe(
+      renderOption: (x, F) => /* @__PURE__ */ Z(
         "li",
-        D(d({}, x), {
-          key: $.id,
-          "data-testid": l ? `${l}:Autocomplete:option(${$.id.toString()})` : void 0
+        E(u({}, x), {
+          key: F.id,
+          "data-testid": l ? `${l}:Autocomplete:option(${F.id.toString()})` : void 0
         }),
-        $.label
+        F.label
       ),
-      disabled: b
+      disabled: w
     }
   ) }) });
-}, io = (e) => {
+}, St = (e) => {
   if (!e)
     return -1;
   try {
-    const o = e.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"), i = decodeURIComponent(
-      $t.from(o, "base64").toString("utf8").split("").map(function(a) {
-        return "%" + ("00" + a.charCodeAt(0).toString(16)).slice(-2);
+    const n = e.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"), i = decodeURIComponent(
+      gt.from(n, "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;
   }
-}, nn = ({
+}, Dn = ({
   open: e = !1,
   closeHandler: t,
-  setAuth0ExpiryTime: o
+  setAuth0ExpiryTime: n
 }) => {
-  const { logout: i, getAccessTokenSilently: r } = le(), [a, c] = L(0), s = () => N(null, null, function* () {
-    i({ logoutParams: { returnTo: `${window.location.origin}` } });
-  }), l = () => N(null, null, function* () {
-    c(a + 1), t();
-  });
-  return ne(() => {
-    N(null, null, function* () {
-      if (a > 0) {
-        const A = yield r({ cacheMode: "off" }), f = io(A) * 1e3;
-        o(f);
-      }
-    });
-  }, [a, r, o]), /* @__PURE__ */ n(
-    et,
+  const { logout: i, getAccessTokenSilently: r } = ne();
+  return /* @__PURE__ */ o(
+    Le,
     {
       isOpen: e,
       primaryButton: {
         text: "Continue",
-        onClick: l,
+        onClick: () => N(null, null, function* () {
+          const d = yield r({ cacheMode: "off" }), m = St(d) * 1e3;
+          n(m), t();
+        }),
         disabled: !1,
         testId: "PreferencesDialog",
         buttonColor: "secondary"
       },
       secondaryButton: {
         text: "Log out",
-        onClick: s,
+        onClick: () => N(null, null, function* () {
+          i({ logoutParams: { returnTo: `${window.location.origin}` } });
+        }),
         disabled: !1,
         testId: "PreferencesDialog",
         buttonColor: "secondary"
@@ -996,42 +427,42 @@ const tn = /MUI: The value provided to.*is invalid/i, on = ({
       onClose: t,
       dialogTitle: "Session expiry",
       disableCloseOnBackdropOrEscape: !0,
-      children: /* @__PURE__ */ n("p", { style: { marginBottom: 0 }, children: "Your session is about to time out due to inactivity. Do you want to continue?" })
+      children: /* @__PURE__ */ o("p", { style: { marginBottom: 0 }, children: "Your session is about to time out due to inactivity. Do you want to continue?" })
     }
   );
 };
-function ro(e) {
+function wt(e) {
   return "error" in e;
 }
-function ao(e) {
+function kt(e) {
   var i;
-  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");
+  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 so(e) {
+function yt(e) {
   var i;
-  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");
+  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 lo(e) {
+function Dt(e) {
   var i;
-  const t = e.error, o = (i = e == null ? void 0 : e.error_description) != null ? i : "";
-  return t === "access_denied" && o.match(/Script.*time.*exceeded/);
+  const t = e.error, n = (i = e == null ? void 0 : e.error_description) != null ? i : "";
+  return t === "access_denied" && n.match(/Script.*time.*exceeded/);
 }
-function rn({
+function bn({
   children: e,
   appName: t = "the app",
-  throwErrors: o = "none",
+  throwErrors: n = "none",
   disableConsoleLogging: i = !1,
   onError: r = () => {
   }
 }) {
-  var S, A;
-  const { isAuthenticated: a, isLoading: c, error: s, loginWithRedirect: l, logout: u } = le();
-  ne(() => {
-    s && r(s);
-  }, [s, r]);
-  const g = lt(
+  var y, v;
+  const { isAuthenticated: s, isLoading: c, error: a, loginWithRedirect: l, logout: d } = ne();
+  le(() => {
+    a && r(a);
+  }, [a, r]);
+  const m = Ye(
     () => ({
       appState: {
         returnTo: `${window.location.pathname}${window.location.search}`
@@ -1039,163 +470,166 @@ function rn({
     }),
     []
   );
-  if (ne(() => {
-    c || a || s || l(g);
-  }, [c, a, s, l, r, g]), s) {
+  if (le(() => {
+    c || s || a || l(m);
+  }, [c, s, a, l, r, m]), a) {
     if (i || console.error(
-      `Error detected in AuthGuard [isAuthenticated=${a},isLoading=${c}]`,
-      s
-    ), o === "all")
-      throw s;
-    if (ro(s)) {
-      let f = "Auth error", b = "An unknown Auth0 error occurred.";
-      if (ao(s))
-        f = "Unauthorised", b = `You are not authorised to access ${t}.`;
-      else if (so(s))
-        f = "App not authorised", b = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`;
-      else if (lo(s))
-        f = "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 (s.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 s;
-      return /* @__PURE__ */ m(Pe, { open: !0, children: [
-        /* @__PURE__ */ n(Oe, { children: f }),
-        /* @__PURE__ */ m(He, { children: [
-          /* @__PURE__ */ n(_, { children: b }),
-          /* @__PURE__ */ n("br", {}),
-          /* @__PURE__ */ n(_, { variant: "subtitle2", children: "Details from Auth0" }),
-          /* @__PURE__ */ m(_, { variant: "body2", children: [
+      `Error detected in AuthGuard [isAuthenticated=${s},isLoading=${c}]`,
+      a
+    ), n === "all")
+      throw a;
+    if (wt(a)) {
+      let g = "Auth error", w = "An unknown Auth0 error occurred.";
+      if (kt(a))
+        g = "Unauthorised", w = `You are not authorised to access ${t}.`;
+      else if (yt(a))
+        g = "App not authorised", w = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`;
+      else if (Dt(a))
+        g = "Auth0 script execution time exceeded", w = "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 D = localStorage.getItem("auth0_redirect_count");
+        D ? D && parseInt(D) < 2 && (localStorage.setItem("auth0_redirect_count", String(parseInt(D) + 1)), l(m)) : (localStorage.setItem("auth0_redirect_count", "1"), l(m));
+      } else if (n === "unknown") throw a;
+      return /* @__PURE__ */ f(Fe, { open: !0, children: [
+        /* @__PURE__ */ o(Ie, { children: g }),
+        /* @__PURE__ */ f(_e, { children: [
+          /* @__PURE__ */ o(_, { children: w }),
+          /* @__PURE__ */ o("br", {}),
+          /* @__PURE__ */ o(_, { variant: "subtitle2", children: "Details from Auth0" }),
+          /* @__PURE__ */ f(_, { variant: "body2", children: [
             "error: ",
-            (S = s == null ? void 0 : s.error) != null ? S : "N/A"
+            (y = a == null ? void 0 : a.error) != null ? y : "N/A"
           ] }),
-          /* @__PURE__ */ m(_, { variant: "body2", children: [
+          /* @__PURE__ */ f(_, { variant: "body2", children: [
             "description: ",
-            (A = s == null ? void 0 : s.error_description) != null ? A : "N/A"
+            (v = a == null ? void 0 : a.error_description) != null ? v : "N/A"
           ] })
         ] }),
-        /* @__PURE__ */ m(Ue, { 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" })
+        /* @__PURE__ */ f(Te, { children: [
+          g === "Auth0 script execution time exceeded" && /* @__PURE__ */ o(U, { href: window.location.origin + window.location.pathname, children: "Reload" }),
+          /* @__PURE__ */ o(U, { onClick: () => d({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" })
         ] })
       ] });
-    } else if (o === "unknown") throw s;
+    } else if (n === "unknown") throw a;
   }
-  return a ? (localStorage.removeItem("auth0_redirect_count"), /* @__PURE__ */ n(T, { children: e })) : /* @__PURE__ */ n(Ft, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
+  return s ? (localStorage.removeItem("auth0_redirect_count"), /* @__PURE__ */ o($, { children: e })) : /* @__PURE__ */ o(xt, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
 }
-const co = {
+const bt = {
   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
-}, uo = {
+}, Ft = {
   shouldClose: (e, t) => t !== "clickaway"
-}, $e = {
+}, ge = {
   message: "",
   severity: "info",
   variant: "standard",
   progressIndicator: void 0
   // Can use 'circular' or 'linear'
-}, Fe = 100, Ee = 2e3, po = 2e3, ho = /* @__PURE__ */ (() => {
+}, xe = 100, Ae = 2e3, Et = 2e3, It = /* @__PURE__ */ (() => {
   let e = 0;
   return () => (e += 1, e);
-})(), fo = {
+})(), _t = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
-}, mo = {}, go = {}, ot = Me(null);
-function xo(a) {
-  var c = a, {
-    overrideState: e = mo,
-    overrideActions: t = go,
-    shouldClose: o = uo.shouldClose,
+}, Tt = {}, Nt = {}, Be = Qe(null);
+function Pt(s) {
+  var c = s, {
+    overrideState: e = Tt,
+    overrideActions: t = Nt,
+    shouldClose: n = Ft.shouldClose,
     children: i
-  } = c, r = he(c, [
+  } = c, r = ae(c, [
     "overrideState",
     "overrideActions",
     "shouldClose",
     "children"
   ]);
-  var v;
-  const [{ open: s }, l] = L({ open: !1 }), u = ee([]), g = ee(Date.now()), S = ee(0), A = K((C) => {
+  var A;
+  const [{ open: a }, l] = O({ open: !1 }), d = Q([]), m = Q(Date.now()), y = Q(0), v = ce((C) => {
     l({ open: C });
-  }, []), f = K((C = {}) => {
-    S.current += 1, u.current.length >= Fe && Date.now() - g.current >= Ee && (g.current = Date.now(), console.error(
-      `SaladBarProvider: MAX_QUEUE_LENGTH (${Fe}) hit ${S.current} times in last ${Ee}ms)`
-    ), S.current = 0);
-    const w = d(D(d({}, $e), {
-      key: ho()
+  }, []), g = ce((C = {}) => {
+    y.current += 1, d.current.length >= xe && Date.now() - m.current >= Ae && (m.current = Date.now(), console.error(
+      `SaladBarProvider: MAX_QUEUE_LENGTH (${xe}) hit ${y.current} times in last ${Ae}ms)`
+    ), y.current = 0);
+    const S = u(E(u({}, ge), {
+      key: It()
     }), C);
-    return u.current.push(w), u.current.length === 1 && l({ open: !0 }), w.key;
-  }, []), b = (C = "", w = {}) => f(d({ message: C, severity: "success" }, w)), y = (C = "", w = {}) => f(d({ message: C, severity: "info" }, w)), p = (C = "", w = {}) => f(d({ message: C, severity: "warning" }, w)), k = (C = "", w = {}) => f(d({ message: C, severity: "error" }, w)), I = (C) => {
-    const w = u.current.findIndex((Z) => Z.key === C);
-    if (w !== -1)
-      return w === 0 ? (l({ open: !1 }), u.current[0]) : u.current.splice(w, 1);
-  }, F = (C, w) => {
-    o(C, w) && l({ open: !1 });
-  }, V = () => {
-  }, P = () => {
-    u.current.shift(), u.current.length > 0 && l({ open: !0 });
-  }, x = (v = u.current[0]) != null ? v : d({}, $e), $ = {};
-  "autoHideDuration" in x && ($.autoHideDuration = x.autoHideDuration);
-  const R = d(d({}, co), r), h = d(d({
-    open: s,
-    setOpen: A,
-    enqueueNotification: f,
-    enqueueSuccessNotification: b,
-    enqueueInfoNotification: y,
+    return d.current.push(S), d.current.length === 1 && l({ open: !0 }), S.key;
+  }, []), w = (C = "", S = {}) => g(u({ message: C, severity: "success" }, S)), D = (C = "", S = {}) => g(u({ message: C, severity: "info" }, S)), p = (C = "", S = {}) => g(u({ message: C, severity: "warning" }, S)), k = (C = "", S = {}) => g(u({ message: C, severity: "error" }, S)), b = (C) => {
+    const S = d.current.findIndex((X) => X.key === C);
+    if (S !== -1)
+      return S === 0 ? (l({ open: !1 }), d.current[0]) : d.current.splice(S, 1);
+  }, I = (C, S) => {
+    n(C, S) && l({ open: !1 });
+  }, H = () => {
+  }, M = () => {
+    d.current.shift(), d.current.length > 0 && l({ open: !0 });
+  }, x = (A = d.current[0]) != null ? A : u({}, ge), F = {};
+  "autoHideDuration" in x && (F.autoHideDuration = x.autoHideDuration);
+  const L = u(u({}, bt), r), h = u(u({
+    open: a,
+    setOpen: v,
+    enqueueNotification: g,
+    enqueueSuccessNotification: w,
+    enqueueInfoNotification: D,
     enqueueWarningNotification: p,
     enqueueErrorNotification: k,
-    removeNotification: I
+    removeNotification: b
   }, e), t);
-  return /* @__PURE__ */ m(ot.Provider, { value: h, children: [
+  return /* @__PURE__ */ f(Be.Provider, { value: h, children: [
     i,
-    /* @__PURE__ */ n(
-      vt,
-      D(d(d({}, R), $), {
-        open: s,
-        onClose: F,
+    /* @__PURE__ */ o(
+      tt,
+      E(u(u({}, L), F), {
+        open: a,
+        onClose: I,
         TransitionProps: {
-          onExited: P,
-          onExit: V
+          onExited: M,
+          onExit: H
         },
-        sx: { zIndex: po },
-        children: /* @__PURE__ */ m("div", { children: [
-          /* @__PURE__ */ n(
-            Ct,
+        sx: { zIndex: Et },
+        children: /* @__PURE__ */ f("div", { children: [
+          /* @__PURE__ */ o(
+            nt,
             {
-              onClose: (C) => F(C, "closeAlert"),
+              onClose: (C) => I(C, "closeAlert"),
               severity: x.severity,
               variant: "filled",
-              icon: x.progressIndicator === "circular" ? /* @__PURE__ */ n(ae, { size: "1em" }) : void 0,
-              style: x.progressIndicator === "linear" ? fo : void 0,
+              icon: x.progressIndicator === "circular" ? /* @__PURE__ */ o(te, { size: "1em" }) : void 0,
+              style: x.progressIndicator === "linear" ? _t : void 0,
               children: x.message
             }
           ),
-          x.progressIndicator === "linear" && /* @__PURE__ */ n(Re, { color: "primary" })
+          x.progressIndicator === "linear" && /* @__PURE__ */ o(Ee, { color: "primary" })
         ] })
       })
     )
   ] });
 }
-function vo() {
-  const e = Te(ot);
+class Ue extends Error {
+}
+se(Ue, "errorName", "ContextError");
+function $t() {
+  const e = Je(Be);
   if (e === null)
-    throw new ce("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
+    throw new Ue("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
   return e;
 }
-const an = se(
-  (e = { autoHideDuration: 1 }, t = {}, o = {}) => ({ children: i }) => /* @__PURE__ */ n(xo, D(d({}, e), { overrideState: t, overrideActions: o, children: /* @__PURE__ */ n(T, { children: i }) }))
-), nt = "domainCode";
-var _e;
-const Ne = M(
-  JSON.parse((_e = localStorage.getItem(nt)) != null ? _e : '{"domainCode": ""}').domainCode
-), Co = M(
-  (e) => e(Ne),
-  (e, t, o) => {
-    t(Ne, o), localStorage.setItem(nt, JSON.stringify({ domainCode: o }));
+const Fn = At(
+  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(Pt, E(u({}, e), { overrideState: t, overrideActions: n, children: /* @__PURE__ */ o($, { children: i }) }))
+), Oe = "domainCode";
+var De;
+const Ce = P(
+  JSON.parse((De = localStorage.getItem(Oe)) != null ? De : '{"domainCode": ""}').domainCode
+), Mt = P(
+  (e) => e(Ce),
+  (e, t, n) => {
+    t(Ce, n), localStorage.setItem(Oe, JSON.stringify({ domainCode: n }));
   }
-), Ao = {
+), Lt = {
   act: "ACT",
   nsw: "NSW",
   nt: "NT",
@@ -1205,79 +639,463 @@ const Ne = M(
   vic: "VIC",
   wa: "WA",
   ag: "AG",
-  fedmps: "Fedmps",
+  fedmps: "FedMPs",
   "": ""
-}, wo = (e) => {
+}, He = (e) => {
   var t;
-  return e === null ? "N/A" : (t = Ao[e]) != null ? t : "";
-}, sn = ({
+  return e === null ? "N/A" : (t = Lt[e]) != null ? t : "";
+}, En = ({
   isLoading: e,
   isOpen: t,
-  onClose: o,
+  onClose: n,
   onDomainChange: i,
   domainOptions: r,
-  applicationName: a,
+  applicationName: s,
   handleLogout: c
 }) => {
-  const [s, l] = O(Co), [u, g] = L(s), { enqueueSuccessNotification: S } = vo(), A = r.length === 0, f = !!s && !r.includes(s) && !r.includes(u), b = !s || A || f, y = () => N(null, null, function* () {
-    u ? (l(u), i == null || i(u), S(`Set organisation to ${u}`), o()) : (l(""), i == null || i(""));
+  const [a, l] = R(Mt), [d, m] = O(a), { enqueueSuccessNotification: y } = $t(), v = r.length === 0, g = !!a && !r.includes(a) && !r.includes(d), w = !a || v || g, D = () => N(null, null, function* () {
+    d ? (l(d), i == null || i(d), y(`Set organisation to ${d}`), n()) : (l(""), i == null || i(""));
   }), p = () => N(null, null, function* () {
-    s && !A && !f ? (g(s), o()) : b && c();
+    a && !v && !g ? (m(a), n()) : w && c();
   });
   let k;
-  return A ? k = "Unable to retrieve your active organisations. Try logging in again." : f && (k = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ m(
-    et,
+  return v ? k = "Unable to retrieve your active organisations. Try logging in again." : g && (k = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ f(
+    Le,
     {
       isOpen: t,
       dialogTitle: "Select an organisation",
       primaryButton: {
         text: "Confirm",
-        onClick: y,
-        disabled: !u || A || f,
+        onClick: D,
+        disabled: !d || v || g,
         buttonColor: "primary"
       },
       secondaryButton: {
-        text: b ? "Logout" : "Cancel",
+        text: w ? "Logout" : "Cancel",
         onClick: p
       },
-      onClose: b ? () => {
-      } : o,
+      onClose: w ? () => {
+      } : n,
       children: [
-        /* @__PURE__ */ m(_, { marginBottom: 2, children: [
+        /* @__PURE__ */ f(_, { marginBottom: 2, children: [
           "Select the default organisation that you want to use with the ",
-          a,
+          s,
           "."
         ] }),
-        /* @__PURE__ */ n(
-          ie,
+        /* @__PURE__ */ o(
+          j,
           {
             loading: e,
             multiple: !1,
             disableClearable: !1,
-            value: u !== "" ? u : null,
-            onChange: (I, F) => g(F != null ? F : ""),
-            getOptionLabel: wo,
+            value: d !== "" ? d : null,
+            onChange: (b, I) => m(I != null ? I : ""),
+            getOptionLabel: He,
             options: [...r.toSorted()],
-            renderInput: (I) => /* @__PURE__ */ n(
-              re,
-              D(d({}, I), {
+            renderInput: (b) => /* @__PURE__ */ o(
+              ee,
+              E(u({}, b), {
                 variant: "filled",
                 label: "Select organisation",
-                InputProps: D(d({}, I.InputProps), {
-                  endAdornment: /* @__PURE__ */ m(T, { children: [
-                    e ? /* @__PURE__ */ n(ae, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
-                    I.InputProps.endAdornment
+                InputProps: E(u({}, b.InputProps), {
+                  endAdornment: /* @__PURE__ */ f($, { children: [
+                    e ? /* @__PURE__ */ o(te, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
+                    b.InputProps.endAdornment
                   ] })
                 })
               })
             )
           }
         ),
-        k && /* @__PURE__ */ n(At, { error: !0, children: k })
+        k && /* @__PURE__ */ o(ot, { error: !0, children: k })
       ]
     }
   );
-}, ln = ze({
+}, We = () => {
+  const e = K();
+  return it(e.breakpoints.down("sm"));
+}, Rt = 64, Bt = 72, Ut = 256, V = P(!0), Ot = P(Ut), Ht = P(Bt), ve = P(""), Wt = P(void 0), qt = P(Rt), zt = P(void 0);
+function Gt({ links: e }) {
+  return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
+}
+const z = "Navbar", W = {
+  root: `${z}-root`,
+  menuButton: `${z}-menuButton`,
+  hide: `${z}-hide`,
+  content: `${z}-content`
+  // userInfoHolder: `${PREFIX}-userInfoHolder`,
+  // settings: `${PREFIX}-settings`,
+  // pieChartIcon: `${PREFIX}-pieChartIcon`,
+}, Vt = $e(T, { name: "NavBar" })(({ theme: e }) => ({
+  [`&.${W.root}`]: {
+    display: "flex"
+  },
+  [`& .${W.menuButton}`]: {
+    marginRight: 36
+  },
+  [`& .${W.hide}`]: {
+    display: "none"
+  },
+  [`& .${W.content}`]: {
+    flexGrow: 1,
+    padding: e.spacing(3)
+  }
+  // [`& .${classes.userInfoHolder}`]: {
+  //   height: '148px',
+  //   marginTop: '64px',
+  //   marginBottom: '16px',
+  // },
+})), B = (e, t, n) => e.transitions.create(t, {
+  easing: e.transitions.easing.sharp,
+  duration: n === "leaving" ? e.transitions.duration.leavingScreen : e.transitions.duration.enteringScreen
+}), Kt = (e) => {
+  const t = K();
+  return /* @__PURE__ */ o(
+    at,
+    u({
+      easing: t.transitions.easing.sharp,
+      timeout: {
+        enter: t.transitions.duration.enteringScreen,
+        exit: t.transitions.duration.leavingScreen
+      }
+    }, e)
+  );
+}, qe = (e) => {
+  var t, n;
+  return {
+    overflowX: "hidden",
+    color: "inherit",
+    backgroundColor: (n = (t = e == null ? void 0 : e.navBar) == null ? void 0 : t.backgroundColor) != null ? n : "white"
+    // Provide default so tests don't need to wrap theme provider
+  };
+}, Se = (e, t) => u({
+  width: t,
+  transition: B(e, "width", "entering")
+}, qe(e)), we = (e, t) => u({
+  width: t,
+  transition: B(e, "width", "leaving")
+}, qe(e)), Xt = $e(rt, {
+  shouldForwardProp: (e) => !["widthOpen", "widthClosed", "isSmallScreen"].includes(e)
+})(({ theme: e, open: t, widthOpen: n, widthClosed: i, isSmallScreen: r }) => u(u({
+  flexShrink: 0,
+  whiteSpace: "nowrap",
+  boxSizing: "border-box",
+  display: "flex",
+  flexDirection: "column"
+}, t && E(u({}, Se(e, n)), {
+  backgroundColor: "",
+  "& .MuiDrawer-paper": Se(e, n)
+})), !t && E(u({}, we(e, r ? n : i)), {
+  backgroundColor: "",
+  "& .MuiDrawer-paper": we(e, r ? n : i)
+})));
+function ze(e) {
+  return e.replace(
+    /(^|-)([a-z])/g,
+    (t, n, i) => n === "-" ? " " + i.toUpperCase() : i.toUpperCase()
+  );
+}
+function In(e, t, n, i) {
+  var c;
+  if (!e) return "None";
+  const s = Object.entries(e).filter(
+    ([a, l]) => a.startsWith("https://greens.org.au/roles/") && l.includes(t)
+  ).map(
+    ([a]) => {
+      var l;
+      return ze((l = a.split("/").at(-1)) != null ? l : "");
+    }
+  );
+  return (c = i.find(
+    (a) => n[a].some((l) => s.includes(l))
+  )) != null ? c : "None";
+}
+const _n = (e) => {
+  const { getIdTokenClaims: t, user: n } = ne();
+  return Ne({
+    queryKey: ["availableDomains", n == null ? void 0 : n.sub],
+    queryFn: () => N(null, null, function* () {
+      const i = yield t();
+      return i ? Object.entries(i).reduce((r, [s, c]) => {
+        var d;
+        const a = ze((d = s.split("/").at(-1)) != null ? d : ""), l = s.startsWith("https://greens.org.au/roles/") && e.includes(a) ? c : [];
+        return [.../* @__PURE__ */ new Set([...r, ...l])];
+      }, []) : [];
+    })
+  });
+}, Tn = (e) => Object.values(e).reduce(
+  (t, n) => [.../* @__PURE__ */ new Set([...t, ...n])],
+  []
+), G = {
+  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 Nn(e, t) {
+  console[e] = (...n) => {
+    for (const i of t)
+      if (typeof i == "function") {
+        if (i(...n)) return;
+      } else if (i instanceof RegExp && n.length > 0) {
+        for (const r of n)
+          if (typeof r == "string" && i.test(r))
+            return;
+      }
+    G[e](n);
+  };
+}
+function Pn(e) {
+  if (e)
+    console[e] = G[e];
+  else
+    for (const t of Object.keys(G))
+      console[t] = G[t];
+}
+function Yt(e) {
+  let t = 0;
+  for (let n = 0, i = e.length; n < i; n++) {
+    const r = e.charCodeAt(n);
+    t = (t << 5) - t + r, t |= 0;
+  }
+  return t;
+}
+const ke = ["#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 Qt({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
+  const r = K();
+  return /* @__PURE__ */ f(
+    T,
+    {
+      sx: {
+        paddingTop: 3,
+        display: "flex",
+        alignItems: "center",
+        flexDirection: "column",
+        gap: "0.5rem"
+      },
+      children: [
+        !i && /* @__PURE__ */ o(
+          T,
+          {
+            sx: {
+              width: n ? "5rem" : "2rem",
+              transition: n ? B(r, ["width", "height"], "entering") : B(r, ["width", "height"], "leaving"),
+              aspectRatio: 1
+            },
+            children: e != null && e.name ? /* @__PURE__ */ o($, { children: /* @__PURE__ */ o(
+              de,
+              {
+                src: e == null ? void 0 : e.picture,
+                sx: {
+                  width: "100%",
+                  height: "100%",
+                  bgcolor: ke[Math.abs(Yt(e == null ? void 0 : e.name)) % ke.length]
+                },
+                children: ye(e == null ? void 0 : e.name)
+              }
+            ) }) : /* @__PURE__ */ o(de, { sx: { width: "100%", height: "100%" } })
+          }
+        ),
+        i && /* @__PURE__ */ o(
+          T,
+          {
+            sx: {
+              width: n ? "5rem" : "2rem",
+              transition: n ? B(r, ["width", "height"], "entering") : B(r, ["width", "height"], "leaving"),
+              aspectRatio: 1
+            },
+            children: e != null && e.name ? /* @__PURE__ */ o($, { children: /* @__PURE__ */ f(fe, { src: e == null ? void 0 : e.picture, name: e == null ? void 0 : e.name, round: !0, size: n ? "80" : "32", children: [
+              " ",
+              ye(e == null ? void 0 : e.name),
+              " ",
+              "ab"
+            ] }) }) : /* @__PURE__ */ o(fe, {})
+          }
+        ),
+        /* @__PURE__ */ o(Kt, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(st, { in: n, children: /* @__PURE__ */ f(T, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
+          e != null && e.name ? /* @__PURE__ */ o(_, { children: e == null ? void 0 : e.name }) : /* @__PURE__ */ o(ue, { animation: !1, width: "50%" }),
+          t ? /* @__PURE__ */ o(_, { children: He(t) }) : /* @__PURE__ */ o(ue, { animation: !1, width: "25%" })
+        ] }) }) })
+      ]
+    }
+  );
+}
+function Jt({
+  open: e,
+  widthClosed: t,
+  widthOpen: n,
+  "data-testid": i,
+  top: r,
+  middle: s,
+  bottom: c,
+  user: a,
+  domainCode: l,
+  useNewAvatar: d = !1
+}) {
+  const m = We(), y = Pe(V);
+  return /* @__PURE__ */ o(Vt, { className: W.root, "data-testid": i, children: /* @__PURE__ */ f(
+    Xt,
+    {
+      open: e,
+      widthOpen: n,
+      widthClosed: t,
+      anchor: "left",
+      variant: m ? "temporary" : "permanent",
+      PaperProps: {
+        component: "nav"
+      },
+      onClose: () => {
+        y(!1);
+      },
+      isSmallScreen: m,
+      children: [
+        !m && /* @__PURE__ */ o(lt, {}),
+        r && /* @__PURE__ */ f(T, { flexGrow: "0", children: [
+          r,
+          /* @__PURE__ */ o(pe, { variant: "middle", sx: { marginY: "0.5rem" } })
+        ] }),
+        /* @__PURE__ */ o(T, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ o(Gt, { links: s }) : s }),
+        /* @__PURE__ */ f(T, { flexGrow: "0", children: [
+          /* @__PURE__ */ o(pe, { variant: "middle", sx: { marginY: "0.5rem" } }),
+          /* @__PURE__ */ o(Qt, { user: a, domainCode: l, open: e, useNewAvatar: d }),
+          c && /* @__PURE__ */ o($, { children: c })
+        ] })
+      ]
+    }
+  ) });
+}
+function Zt({
+  children: e,
+  topBarHeight: t,
+  maxWidth: n = !1,
+  noPadding: i
+}) {
+  return /* @__PURE__ */ o(
+    T,
+    {
+      sx: {
+        overflow: "auto",
+        height: `calc(100vh - ${t}px)`,
+        flexGrow: 1
+      },
+      children: i ? /* @__PURE__ */ o(T, { component: "main", id: "main-content", height: "inherit", children: e }) : /* @__PURE__ */ o(
+        ct,
+        {
+          component: "main",
+          id: "main-content",
+          maxWidth: n,
+          sx: { paddingTop: 3, paddingBottom: 3, flexGrow: 1 },
+          children: e
+        }
+      )
+    }
+  );
+}
+const jt = "TopBar", en = {
+  titleText: `${jt}-titleText`
+};
+function tn({
+  titleText: e = "",
+  height: t,
+  "data-testid": n,
+  middle: i
+}) {
+  const r = Pe(V), s = () => r((l) => !l), c = K(), a = We();
+  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ f(
+    be,
+    {
+      square: !0,
+      elevation: 0,
+      sx: {
+        width: "100%",
+        position: "sticky",
+        color: "primary.contrastText",
+        backgroundColor: "primary.main",
+        display: "flex",
+        alignItems: "center",
+        gap: 2,
+        flexShrink: 0,
+        height: t,
+        zIndex: a ? 0 : c.zIndex.drawer + 101
+      },
+      children: [
+        /* @__PURE__ */ o(
+          dt,
+          {
+            size: "medium",
+            color: "inherit",
+            sx: { padding: 1.5, marginLeft: "12px" },
+            onClick: s,
+            children: /* @__PURE__ */ o(ht, { fontSize: "medium" })
+          }
+        ),
+        /* @__PURE__ */ o(_, { className: en.titleText, variant: "h6", component: "h1", children: e }),
+        i
+      ]
+    }
+  ) });
+}
+function $n({
+  children: e,
+  initialTitleText: t,
+  initialNavBarOpen: n,
+  pageContainerProps: i,
+  pageContentDataTestId: r,
+  topBarDataTestId: s,
+  navBarDataTestId: c,
+  navBarMiddle: a,
+  navBarBottom: l,
+  user: d,
+  domainCode: m,
+  useNewAvatar: y = !1
+}) {
+  vt([
+    [V, n != null ? n : !0],
+    [ve, t != null ? t : ""]
+  ]);
+  const v = he(V), [g] = R(Ot), [w] = R(Ht), D = he(ve), [p] = R(qt), [k] = R(Wt), [b] = R(zt);
+  return /* @__PURE__ */ f(me, { children: [
+    /* @__PURE__ */ o(Ct, {}),
+    /* @__PURE__ */ o(
+      tn,
+      {
+        titleText: D,
+        "data-testid": s,
+        height: p,
+        middle: k
+      }
+    ),
+    /* @__PURE__ */ f(me, { sx: { display: "flex" }, children: [
+      /* @__PURE__ */ o(
+        Jt,
+        {
+          open: v,
+          top: b,
+          middle: a,
+          bottom: l,
+          user: d,
+          domainCode: m,
+          widthOpen: g,
+          widthClosed: w,
+          offsetTop: p,
+          "data-testid": c,
+          useNewAvatar: y
+        }
+      ),
+      /* @__PURE__ */ o(
+        Zt,
+        E(u({
+          "data-testid": r,
+          topBarHeight: p
+        }, i), {
+          children: e
+        })
+      )
+    ] })
+  ] });
+}
+const Mn = Me({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1328,7 +1146,7 @@ const Ne = M(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), cn = ze({
+}), Ln = Me({
   palette: {
     primary: {
       main: "#007236",
@@ -1382,18 +1200,18 @@ const Ne = M(
       styleOverrides: {
         root: ({ theme: e }) => ({
           "&.Mui-selected": {
-            backgroundColor: te(
+            backgroundColor: J(
               e.palette.secondary.main,
               e.palette.action.selectedOpacity
             ),
             "&:hover": {
-              backgroundColor: te(
+              backgroundColor: J(
                 e.palette.secondary.main,
                 e.palette.action.selectedOpacity
               )
             },
             "&.Mui-focusVisible": {
-              backgroundColor: te(
+              backgroundColor: J(
                 e.palette.secondary.main,
                 e.palette.action.focusOpacity
               )
@@ -1424,48 +1242,39 @@ const Ne = M(
   }
 });
 export {
-  et as AgDialog,
-  jo as AppLayout,
-  rn as AuthGuard,
-  ot as Context,
-  ce as ContextError,
-  sn as DomainCodeDialog,
-  Wo as ExampleComponent,
-  en as FetchAutocomplete,
-  tn as MUI_AUTOCOMPLETE_VALUE_WARNING_REGEX,
-  Ye as NAVBAR_WIDTH_CLOSED,
-  Xe as NAVBAR_WIDTH_OPENED,
-  Xo as NavBar,
-  qo as NavBarDarkStyledList,
-  Go as NavBarLightStyledList,
-  Bt as NavBarProvider,
-  xo as SaladBarProvider,
-  nn as SessionExpiryDialog,
-  on as SingleAutocomplete,
-  Rt as buildNavBarState,
-  Yo as determineUserLevelFromClaims,
-  Co as domainCodeAtom,
-  ln as fed21Theme,
-  io as getAuth0Expiry,
-  Qo as getValidBusinessRoles,
-  cn as internalAgSystemsTheme,
-  H as navBarClasses,
-  Q as navBarOpenAtom,
-  Gt as navBarTopAtom,
-  zt as navBarWidthClosedAtom,
-  Wt as navBarWidthOpenAtom,
-  Jt as simpleHashCode,
-  Jo as suppressConsole,
-  be as titleTextAtom,
+  Le as AgDialog,
+  $n as AppLayout,
+  bn as AuthGuard,
+  Be as Context,
+  Ue as ContextError,
+  Lt as DOMAIN_CODE_LABELS,
+  En as DomainCodeDialog,
+  Sn as ExampleComponent,
+  wn as FetchAutocomplete,
+  kn as MUI_AUTOCOMPLETE_VALUE_WARNING_REGEX,
+  Pt as SaladBarProvider,
+  Dn as SessionExpiryDialog,
+  yn as SingleAutocomplete,
+  In as determineUserLevelFromClaims,
+  Mt as domainCodeAtom,
+  Mn as fed21Theme,
+  St as getAuth0Expiry,
+  He as getDomainOptionLabel,
+  Tn as getValidBusinessRoles,
+  Ln as internalAgSystemsTheme,
+  V as navBarOpenAtom,
+  zt as navBarTopAtom,
+  Ht as navBarWidthClosedAtom,
+  Ot as navBarWidthOpenAtom,
+  Yt as simpleHashCode,
+  Nn as suppressConsole,
+  ve as titleTextAtom,
   qt as topBarHeightAtom,
-  Vt as topBarMiddleAtom,
-  Zo as unsuppressConsole,
-  tt as useAutocompleteOptions,
-  Pt as useNavBar,
-  vo as useSaladBar,
-  Ko as useValidDomains,
-  Vo as withBrowserRouter,
-  zo as withNavBarProvider,
-  an as withSaladBarProvider
+  Wt as topBarMiddleAtom,
+  Pn as unsuppressConsole,
+  Re as useAutocompleteOptions,
+  $t as useSaladBar,
+  _n as useValidDomains,
+  Fn as withSaladBarProvider
 };
 //# sourceMappingURL=index.js.map