@australiangreens/ag-internal-components 0.1.24 → 0.1.26

package/dist/esm/index.js

@@ -1,64 +1,64 @@
-var tt = Object.defineProperty, ot = Object.defineProperties;
-var nt = Object.getOwnPropertyDescriptors;
+var nt = Object.defineProperty, it = Object.defineProperties;
+var rt = 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) => {
+var ue = Object.prototype.hasOwnProperty, pe = Object.prototype.propertyIsEnumerable;
+var j = (e, t, o) => t in e ? nt(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]);
+    ue.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]);
+      pe.call(t, o) && j(e, o, t[o]);
   return e;
-}, D = (e, t) => ot(e, nt(t));
-var pe = (e, t) => {
+}, D = (e, t) => it(e, rt(t));
+var he = (e, t) => {
   var o = {};
   for (var i in e)
-    de.call(e, i) && t.indexOf(i) < 0 && (o[i] = e[i]);
+    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 && ue.call(e, i) && (o[i] = e[i]);
+      t.indexOf(i) < 0 && pe.call(e, i) && (o[i] = e[i]);
   return o;
 };
-var he = (e, t, o) => j(e, typeof t != "symbol" ? t + "" : t, o);
-var _ = (e, t, o) => new Promise((i, r) => {
-  var s = (l) => {
+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) => {
     try {
-      a(o.next(l));
+      s(o.next(l));
     } catch (u) {
       r(u);
     }
   }, c = (l) => {
     try {
-      a(o.throw(l));
+      s(o.throw(l));
     } catch (u) {
       r(u);
     }
-  }, a = (l) => l.done ? i(l.value) : Promise.resolve(l.value).then(s, c);
-  a((o = o.apply(e, t)).next());
+  }, s = (l) => l.done ? i(l.value) : Promise.resolve(l.value).then(a, c);
+  s((o = o.apply(e, t)).next());
 });
-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 { jsxs as m, Fragment as L, jsx as n } from "react/jsx-runtime";
+import { useState as T, createContext as _e, useCallback as K, useContext as Me, createElement as oe, useEffect as ne, useMemo as at, useRef as ee } from "react";
+import { Typography as _, Button as W, Paper as Te, Box as F, Drawer as Be, useTheme as J, useMediaQuery as st, Collapse as lt, Avatar as me, Fade as ct, Skeleton as ge, Toolbar as dt, Divider as xe, Container as ut, IconButton as pt, CssBaseline as ht, Dialog as Le, LinearProgress as Pe, DialogTitle as Re, DialogContent as Oe, DialogActions as He, Autocomplete as ie, TextField as re, CircularProgress as ae, Chip as ft, Tooltip as mt, Stack as gt, Snackbar as xt, Alert as vt, FormHelperText as Ct } from "@mui/material";
+import At from "@mui/material/CssBaseline";
+import { styled as z, createTheme as Ue, 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 { BrowserRouter as wt } from "react-router-dom";
+import We from "@mui/material/List";
+import { ViewHeadline as St, Cancel as bt, ArrowDropDown as kt } from "@mui/icons-material";
+import { atom as M, useSetAtom as ze, useAtomValue as ve, useAtom as O } from "jotai";
+import { useHydrateAtoms as yt } 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";
+import { useAuth0 as le } from "@auth0/auth0-react";
+import { useQuery as Ve } 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 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" }) }),
+  return /* @__PURE__ */ m(L, { 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,
       {
@@ -72,42 +72,42 @@ function Uo({ text: e }) {
       "This is some text: ",
       /* @__PURE__ */ n("span", { children: e })
     ] }),
-    /* @__PURE__ */ m(Me, { children: [
+    /* @__PURE__ */ m(Te, { children: [
       "This number will incremember when button pressed: ",
       t
     ] })
   ] });
 }
-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, {
+const qe = 330, Ge = 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(F, {
   name: "NavBar"
 })(({ theme: e }) => ({
-  [`&.${O.root}`]: {
+  [`&.${H.root}`]: {
     display: "flex"
   },
-  [`& .${O.menuButton}`]: {
+  [`& .${H.menuButton}`]: {
     marginRight: 36
   },
-  [`& .${O.hide}`]: {
+  [`& .${H.hide}`]: {
     display: "none"
   },
-  [`& .${O.content}`]: {
+  [`& .${H.content}`]: {
     flexGrow: 1,
     padding: e.spacing(3)
   },
-  [`& .${O.userInfoHolder}`]: {
+  [`& .${H.userInfoHolder}`]: {
     height: "148px",
     marginTop: "64px",
     marginBottom: "16px"
   }
-})), Ge = () => ({
+})), Xe = () => ({
   position: "absolute",
   height: "100%",
   overflowX: "hidden",
@@ -115,51 +115,51 @@ const Ve = 330, qe = 73, L = "Navbar", O = {
   color: "white",
   backgroundColor: "black"
   // backgroundColor: '#e8e8e8',
-}), Ft = () => d({
-  width: Ve
-}, Ge()), Nt = () => d({
+}), Nt = () => d({
   width: qe
-}, Ge()), _t = z(Te, {
+}, Xe()), _t = () => d({
+  width: Ge
+}, Xe()), Mt = z(Be, {
   shouldForwardProp: (e) => e !== "open"
 })(({ theme: e, open: t }) => d(d({
-  width: t ? Ve : qe,
+  width: t ? qe : Ge,
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box",
   zIndex: e.zIndex.drawer + 100
 }, t && {
-  "& .MuiDrawer-paper": Ft()
-}), !t && {
   "& .MuiDrawer-paper": Nt()
+}), !t && {
+  "& .MuiDrawer-paper": _t()
 }));
-class le extends Error {
+class ce extends Error {
 }
-he(le, "errorName", "ContextError");
-const Xe = Ne(null), Mt = {}, Tt = {}, Lt = ({
-  overrideState: e = Mt,
-  overrideActions: t = Tt,
+fe(ce, "errorName", "ContextError");
+const Ye = _e(null), Tt = {}, Bt = {}, Lt = ({
+  overrideState: e = Tt,
+  overrideActions: t = Bt,
   children: o
 }) => {
-  const [{ open: i }, r] = T({ open: !0 }), s = K((l) => {
+  const [{ open: i }, r] = T({ open: !0 }), a = K((l) => {
     r({ open: l });
   }, []), c = K(() => {
     r((l) => D(d({}, l), { open: !l.open }));
-  }, []), a = d(d({
+  }, []), s = d(d({
     open: i,
-    setOpen: s,
+    setOpen: a,
     toggleOpen: c
   }, e), t);
-  return /* @__PURE__ */ n(Xe.Provider, { value: a, children: o });
-}, Bt = () => {
-  const e = _e(Xe);
+  return /* @__PURE__ */ n(Ye.Provider, { value: s, children: o });
+}, Pt = () => {
+  const e = Me(Ye);
   if (e === null)
-    throw new le("Error: Tried to useNavBar outside of a <NavBarProvider>");
+    throw new ce("Error: Tried to useNavBar outside of a <NavBarProvider>");
   return e;
-}, Pt = (e = {}) => d({
+}, Rt = (e = {}) => d({
   open: !0
 }, 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 }) => ({
+  (e = Rt(), t = {}) => ({ children: o }) => /* @__PURE__ */ n(Lt, { overrideState: e, overrideActions: t, children: o })
+), zo = se(() => ({ children: e }) => /* @__PURE__ */ n(wt, { children: e })), Ae = 7, Vo = z(We)(({ theme: e }) => ({
   backgroundColor: "black",
   color: "white",
   "& .MuiListItem-root": {
@@ -168,7 +168,7 @@ const Xe = Ne(null), Mt = {}, Tt = {}, Lt = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "white",
-      padding: `${ve}px`
+      padding: `${Ae}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -179,7 +179,7 @@ const Xe = Ne(null), Mt = {}, Tt = {}, Lt = ({
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${ve}px)`
+      paddingLeft: `calc(${e.spacing(2)} - ${Ae}px)`
     },
     // Hover state
     "&:hover": {
@@ -197,7 +197,7 @@ const Xe = Ne(null), Mt = {}, Tt = {}, Lt = ({
     // '&.Mui-selected.Mui-focusVisible:hover': {
     // },
   }
-})), Ae = 7, qo = z(Ue)(({ theme: e }) => ({
+})), we = 7, qo = z(We)(({ theme: e }) => ({
   backgroundColor: "#e8e8e8",
   color: "inherit",
   "& .MuiListItem-root": {
@@ -206,7 +206,7 @@ const Xe = Ne(null), Mt = {}, Tt = {}, Lt = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "inherit",
-      padding: `${Ae}px`
+      padding: `${we}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -217,7 +217,7 @@ const Xe = Ne(null), Mt = {}, Tt = {}, Lt = ({
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${Ae}px)`
+      paddingLeft: `calc(${e.spacing(2)} - ${we}px)`
     },
     // Hover state
     "&:hover": {
@@ -240,11 +240,11 @@ function Go({
   "data-testid": e,
   children: t
 }) {
-  const { open: o } = Bt();
-  return /* @__PURE__ */ m(Et, { className: O.root, "data-testid": e, children: [
-    /* @__PURE__ */ n(Ct, {}),
+  const { open: o } = Pt();
+  return /* @__PURE__ */ m(Et, { className: H.root, "data-testid": e, children: [
+    /* @__PURE__ */ n(At, {}),
     /* @__PURE__ */ n(
-      _t,
+      Mt,
       {
         variant: "permanent",
         anchor: "left",
@@ -255,11 +255,11 @@ function Go({
     )
   ] });
 }
-const Ye = () => {
+const Ke = () => {
   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 st(e.breakpoints.down("sm"));
+}, Ot = 64, Ht = 72, Ut = 256, Q = M(!0), Wt = M(Ut), zt = M(Ht), Se = 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 = {
@@ -270,7 +270,7 @@ const X = "Navbar", q = {
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, Xt = z(E, { name: "NavBar" })(({ theme: e }) => ({
+}, Yt = z(F, { name: "NavBar" })(({ theme: e }) => ({
   [`&.${q.root}`]: {
     display: "flex"
   },
@@ -292,10 +292,10 @@ const X = "Navbar", q = {
 })), U = (e, t, o) => e.transitions.create(t, {
   easing: e.transitions.easing.sharp,
   duration: o === "leaving" ? e.transitions.duration.leavingScreen : e.transitions.duration.enteringScreen
-}), Yt = (e) => {
+}), Kt = (e) => {
   const t = J();
   return /* @__PURE__ */ n(
-    at,
+    lt,
     d({
       easing: t.transitions.easing.sharp,
       timeout: {
@@ -304,7 +304,7 @@ const X = "Navbar", q = {
       }
     }, e)
   );
-}, Ke = (e) => {
+}, Qe = (e) => {
   var t, o;
   return {
     overflowX: "hidden",
@@ -312,13 +312,13 @@ const X = "Navbar", q = {
     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
   };
-}, Se = (e, t) => d({
+}, be = (e, t) => d({
   width: t,
   transition: U(e, "width", "entering")
-}, Ke(e)), ke = (e, t) => d({
+}, Qe(e)), ke = (e, t) => d({
   width: t,
   transition: U(e, "width", "leaving")
-}, Ke(e)), Kt = z(Te, {
+}, Qe(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,
@@ -326,20 +326,58 @@ const X = "Navbar", q = {
   boxSizing: "border-box",
   display: "flex",
   flexDirection: "column"
-}, t && D(d({}, Se(e, o)), {
+}, t && D(d({}, be(e, o)), {
   backgroundColor: "",
-  "& .MuiDrawer-paper": Se(e, o)
+  "& .MuiDrawer-paper": be(e, o)
 })), !t && D(d({}, ke(e, r ? o : i)), {
   backgroundColor: "",
   "& .MuiDrawer-paper": ke(e, r ? o : i)
-}))), Y = {
+})));
+function Je(e) {
+  return e.replace(
+    /(^|-)([a-z])/g,
+    (t, o, i) => o === "-" ? " " + i.toUpperCase() : i.toUpperCase()
+  );
+}
+function Xo(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 Yo = (e) => {
+  const { getIdTokenClaims: t, user: o } = le();
+  return Ve({
+    queryKey: ["availableDomains", o == null ? void 0 : o.sub],
+    queryFn: () => N(void 0, 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])];
+      }, []) : [];
+    })
+  });
+}, Ko = (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 Xo(e, t) {
+function Qo(e, t) {
   console[e] = (...o) => {
     for (const i of t)
       if (typeof i == "function") {
@@ -352,34 +390,13 @@ function Xo(e, t) {
     Y[e](o);
   };
 }
-function Yo(e) {
+function Jo(e) {
   if (e)
     console[e] = Y[e];
   else
     for (const t of Object.keys(Y))
       console[t] = Y[t];
 }
-function Qt(e) {
-  return e.replace(
-    /(^|-)([a-z])/g,
-    (t, o, i) => o === "-" ? " " + i.toUpperCase() : i.toUpperCase()
-  );
-}
-function Ko(e, t, o, 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 Qt((l = a.split("/").at(-1)) != null ? l : "");
-    }
-  );
-  return (c = i.find(
-    (a) => o[a].some((l) => s.includes(l))
-  )) != null ? c : "None";
-}
 function Jt(e) {
   let t = 0;
   for (let o = 0, i = e.length; o < i; o++) {
@@ -388,11 +405,11 @@ function Jt(e) {
   }
   return t;
 }
-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();
+const ye = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], De = (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,
+    F,
     {
       sx: {
         paddingTop: 3,
@@ -403,46 +420,46 @@ function Zt({ user: e, domainCode: t, open: o, useNewAvatar: i = !1 }) {
       },
       children: [
         !i && /* @__PURE__ */ n(
-          E,
+          F,
           {
             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(B, { children: /* @__PURE__ */ n(
-              fe,
+            children: e != null && e.name ? /* @__PURE__ */ n(L, { children: /* @__PURE__ */ n(
+              me,
               {
                 src: e == null ? void 0 : e.picture,
                 sx: {
                   width: "100%",
                   height: "100%",
-                  bgcolor: be[Math.abs(Jt(e == null ? void 0 : e.name)) % be.length]
+                  bgcolor: ye[Math.abs(Jt(e == null ? void 0 : e.name)) % ye.length]
                 },
-                children: ye(e == null ? void 0 : e.name)
+                children: De(e == null ? void 0 : e.name)
               }
-            ) }) : /* @__PURE__ */ n(fe, { sx: { width: "100%", height: "100%" } })
+            ) }) : /* @__PURE__ */ n(me, { sx: { width: "100%", height: "100%" } })
           }
         ),
         i && /* @__PURE__ */ n(
-          E,
+          F,
           {
             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(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: [
+            children: e != null && e.name ? /* @__PURE__ */ n(L, { 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: [
               " ",
-              ye(e == null ? void 0 : e.name),
+              De(e == null ? void 0 : e.name),
               " ",
               "ab"
             ] }) }) : /* @__PURE__ */ n(Ce, {})
           }
         ),
-        /* @__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%" })
+        /* @__PURE__ */ n(Kt, { sx: { width: "100%" }, in: o, children: /* @__PURE__ */ n(ct, { in: o, children: /* @__PURE__ */ m(F, { 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%" })
         ] }) }) })
       ]
     }
@@ -454,15 +471,15 @@ function jt({
   widthOpen: o,
   "data-testid": i,
   top: r,
-  middle: s,
+  middle: a,
   bottom: c,
-  user: a,
+  user: s,
   domainCode: l,
   useNewAvatar: u = !1
 }) {
-  const g = Ye(), S = We(Q);
-  return /* @__PURE__ */ n(Xt, { className: q.root, "data-testid": i, children: /* @__PURE__ */ m(
-    Kt,
+  const g = Ke(), S = ze(Q);
+  return /* @__PURE__ */ n(Yt, { className: q.root, "data-testid": i, children: /* @__PURE__ */ m(
+    Qt,
     {
       open: e,
       widthOpen: o,
@@ -477,16 +494,16 @@ function jt({
       },
       isSmallScreen: g,
       children: [
-        !g && /* @__PURE__ */ n(lt, {}),
-        r && /* @__PURE__ */ m(E, { flexGrow: "0", children: [
+        !g && /* @__PURE__ */ n(dt, {}),
+        r && /* @__PURE__ */ m(F, { flexGrow: "0", children: [
           r,
-          /* @__PURE__ */ n(ge, { variant: "middle", sx: { marginY: "0.5rem" } })
+          /* @__PURE__ */ n(xe, { variant: "middle", sx: { marginY: "0.5rem" } })
         ] }),
-        /* @__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 })
+        /* @__PURE__ */ n(F, { flexGrow: "1", children: Array.isArray(a) ? /* @__PURE__ */ n(Xt, { links: a }) : a }),
+        /* @__PURE__ */ m(F, { 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(L, { children: c })
         ] })
       ]
     }
@@ -499,15 +516,15 @@ function eo({
   noPadding: i
 }) {
   return /* @__PURE__ */ n(
-    E,
+    F,
     {
       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(
-        ct,
+      children: i ? /* @__PURE__ */ n(F, { component: "main", id: "main-content", height: "inherit", children: e }) : /* @__PURE__ */ n(
+        ut,
         {
           component: "main",
           id: "main-content",
@@ -528,9 +545,9 @@ function no({
   "data-testid": o,
   middle: i
 }) {
-  const r = We(Q), s = () => r((l) => !l), c = J(), a = Ye();
+  const r = ze(Q), a = () => r((l) => !l), c = J(), s = Ke();
   return /* @__PURE__ */ n("header", { "data-testid": o, children: /* @__PURE__ */ m(
-    Me,
+    Te,
     {
       square: !0,
       elevation: 0,
@@ -544,67 +561,67 @@ function no({
         gap: 2,
         flexShrink: 0,
         height: t,
-        zIndex: a ? 0 : c.zIndex.drawer + 101
+        zIndex: s ? 0 : c.zIndex.drawer + 101
       },
       children: [
         /* @__PURE__ */ n(
-          dt,
+          pt,
           {
             size: "medium",
             color: "inherit",
             sx: { padding: 1.5, marginLeft: "12px" },
-            onClick: s,
-            children: /* @__PURE__ */ n(At, { fontSize: "medium" })
+            onClick: a,
+            children: /* @__PURE__ */ n(St, { fontSize: "medium" })
           }
         ),
-        /* @__PURE__ */ n(N, { className: oo.titleText, variant: "h6", component: "h1", children: e }),
+        /* @__PURE__ */ n(_, { className: oo.titleText, variant: "h6", component: "h1", children: e }),
         i
       ]
     }
   ) });
 }
-function Qo({
+function Zo({
   children: e,
   initialTitleText: t,
   initialNavBarOpen: o,
   pageContainerProps: i,
   pageContentDataTestId: r,
-  topBarDataTestId: s,
+  topBarDataTestId: a,
   navBarDataTestId: c,
-  navBarMiddle: a,
+  navBarMiddle: s,
   navBarBottom: l,
   user: u,
   domainCode: g,
   useNewAvatar: S = !1
 }) {
-  kt([
+  yt([
     [Q, o != null ? o : !0],
-    [we, t != null ? t : ""]
+    [Se, t != null ? t : ""]
   ]);
-  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, {}),
+  const A = ve(Q), [f] = O(Wt), [b] = O(zt), y = ve(Se), [p] = O(qt), [k] = O(Vt), [I] = O(Gt);
+  return /* @__PURE__ */ m(F, { children: [
+    /* @__PURE__ */ n(ht, {}),
     /* @__PURE__ */ n(
       no,
       {
         titleText: y,
-        "data-testid": s,
+        "data-testid": a,
         height: p,
-        middle: b
+        middle: k
       }
     ),
-    /* @__PURE__ */ m(E, { sx: { display: "flex" }, children: [
+    /* @__PURE__ */ m(F, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ n(
         jt,
         {
           open: A,
           top: I,
-          middle: a,
+          middle: s,
           bottom: l,
           user: u,
           domainCode: g,
           widthOpen: f,
-          widthClosed: k,
+          widthClosed: b,
           offsetTop: p,
           "data-testid": c,
           useNewAvatar: S
@@ -622,49 +639,49 @@ function Qo({
     ] })
   ] });
 }
-const Qe = ({
+const Ze = ({
   isOpen: e,
   dialogTitle: t,
   children: o,
   maxWidth: i,
   primaryButton: r,
-  secondaryButton: s,
+  secondaryButton: a,
   additionalButtons: c,
-  onClose: a,
+  onClose: s,
   sx: l,
   "data-testid": u,
   disableCloseOnBackdropOrEscape: g = !1,
   isLoading: S = !1
 }) => {
-  var k, y;
+  var b, y;
   const [A, f] = T(!1);
   return /* @__PURE__ */ m(
     Le,
     {
       open: e,
-      onClose: (p, b) => _(void 0, null, function* () {
-        g && (b === "backdropClick" || b === "escapeKeyDown") || A || (s != null && s.onClick ? yield s.onClick() : a());
+      onClose: (p, k) => N(void 0, null, function* () {
+        g && (k === "backdropClick" || k === "escapeKeyDown") || A || (a != null && a.onClick ? yield a.onClick() : s());
       }),
       fullWidth: !0,
       maxWidth: i != null ? i : "xs",
       "data-testid": u,
       sx: l,
       children: [
-        S && /* @__PURE__ */ n(Be, { sx: { height: "4px", marginBottom: "-4px" } }),
-        /* @__PURE__ */ n(Pe, { children: t }),
-        /* @__PURE__ */ n(Re, { sx: { "& > :last-child": { marginBottom: 0 } }, children: o }),
+        S && /* @__PURE__ */ n(Pe, { sx: { height: "4px", marginBottom: "-4px" } }),
+        /* @__PURE__ */ n(Re, { children: t }),
+        /* @__PURE__ */ n(Oe, { sx: { "& > :last-child": { marginBottom: 0 } }, children: o }),
         /* @__PURE__ */ m(He, { children: [
           /* @__PURE__ */ n(
             W,
             {
-              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"
+              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"
             }
           ),
-          c && c.map((p, b) => {
+          c && c.map((p, k) => {
             var I;
             return /* @__PURE__ */ n(
               W,
@@ -673,15 +690,15 @@ const Qe = ({
                 "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}`
+                children: (I = p.text) != null ? I : `Button ${k}`
               },
-              b
+              k
             );
           }),
           r && /* @__PURE__ */ n(
             W,
             {
-              onClick: () => _(void 0, null, function* () {
+              onClick: () => N(void 0, null, function* () {
                 var p;
                 f(!0), yield (p = r.onClick) == null ? void 0 : p.call(r), f(!1);
               }),
@@ -695,68 +712,68 @@ const Qe = ({
       ]
     }
   );
-}, Je = ({
+}, je = ({
   minLength: e,
   preLoadedOptions: t,
   lookup: o,
   label: i,
   inputValue: r
-}) => Dt({
+}) => Ve({
   queryFn: () => e && r.length < e ? t != null ? t : [] : t ? t.filter(
-    (s) => s.label.toLowerCase().includes(r.toLowerCase())
+    (a) => a.label.toLowerCase().includes(r.toLowerCase())
   ) : o(r),
   queryKey: ["autocomplete", i, r]
 });
-function Jo({
-  lookup: e = () => _(this, null, function* () {
+function jo({
+  lookup: e = () => N(this, null, function* () {
   }),
   enableHighlighting: t = !0,
   onChange: o,
   minLength: i = 0,
   label: r,
-  value: s,
+  value: a,
   "data-testid": c,
-  sx: a,
+  sx: s,
   boxSx: l,
   textFieldColor: u,
   textFieldVariant: g = "filled",
   loadingText: S = "Loading...",
   noOptionsText: A = "No options",
-  popupIcon: f = /* @__PURE__ */ n(St, {}),
-  error: k = !1,
+  popupIcon: f = /* @__PURE__ */ n(kt, {}),
+  error: b = !1,
   helperText: y = "",
   preLoadedOptions: p = void 0,
-  disablePortal: b = !1,
+  disablePortal: k = !1,
   disableIconFlip: I = !1
 }) {
-  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,
+  const [E, V] = T(""), P = (h, v) => {
+    const C = a.filter((w) => w.id !== v);
+    o(C, "delete", h);
+  }, { data: x, isLoading: $ } = je({
+    inputValue: E,
     label: r,
     lookup: e,
     minLength: i,
     preLoadedOptions: p
-  }), R = F.length >= i;
+  }), R = E.length >= i;
   return /* @__PURE__ */ m("div", { "data-testid": c, children: [
     /* @__PURE__ */ n(
       ie,
       {
-        sx: d(d({}, a), I ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
+        sx: d(d({}, s), I ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
         "data-testid": c ? `${c}:Autocomplete` : void 0,
-        disablePortal: b,
+        disablePortal: k,
         multiple: !0,
         getOptionLabel: (h) => typeof h == "string" ? h : h.label,
         loading: R ? $ : !1,
-        options: [...s, ...x != null ? x : []],
+        options: [...a, ...x != null ? x : []],
         filterSelectedOptions: !0,
         includeInputInList: !0,
-        value: s,
-        onChange: (h, C, v) => {
-          o(C, v, h);
+        value: a,
+        onChange: (h, v, C) => {
+          o(v, C, h);
         },
-        onInputChange: (h, C) => V(C),
+        onInputChange: (h, v) => V(v),
         noOptionsText: R ? A : "Start typing to search",
         loadingText: S,
         popupIcon: f,
@@ -766,60 +783,60 @@ function Jo({
             label: r,
             fullWidth: !0,
             variant: g,
-            error: k,
+            error: b,
             helperText: y,
             InputProps: D(d({}, h.InputProps), {
-              endAdornment: /* @__PURE__ */ m(B, { children: [
+              endAdornment: /* @__PURE__ */ m(L, { children: [
                 $ ? /* @__PURE__ */ n(ae, { color: "inherit", size: 20 }) : null,
                 h.InputProps.endAdornment
               ] })
             }),
             "data-testid": c ? `${c}:Autocomplete:TextField` : void 0,
-            onKeyDown: (C) => {
-              (C.key === "Backspace" || C.key === "Delete") && C.stopPropagation();
+            onKeyDown: (v) => {
+              (v.key === "Backspace" || v.key === "Delete") && v.stopPropagation();
             },
             color: u
           })
         ),
         renderTags: () => null,
-        isOptionEqualToValue: (h, C) => h.id === C.id,
-        renderOption: (h, C, v) => {
+        isOptionEqualToValue: (h, v) => h.id === v.id,
+        renderOption: (h, v, C) => {
           if (t) {
-            const w = bt(C.label, v.inputValue, {
+            const w = Dt(v.label, C.inputValue, {
               insideWords: !0,
               findAllOccurrences: !0
-            }), Z = yt(C.label, w);
+            }), Z = It(v.label, w);
             return /* @__PURE__ */ oe(
               "li",
               D(d({}, h), {
-                key: C.id,
-                "data-testid": c ? `${c}:Autocomplete:option(${C.id.toString()})` : void 0
+                key: v.id,
+                "data-testid": c ? `${c}:Autocomplete:option(${v.id.toString()})` : void 0
               }),
-              /* @__PURE__ */ n("div", { children: Z.map((ce, et) => /* @__PURE__ */ n(
+              /* @__PURE__ */ n("div", { children: Z.map((de, ot) => /* @__PURE__ */ n(
                 "span",
                 {
                   style: {
-                    fontWeight: ce.highlight ? 700 : 400
+                    fontWeight: de.highlight ? 700 : 400
                   },
-                  children: ce.text
+                  children: de.text
                 },
-                et
+                ot
               )) })
             );
           } else
             return /* @__PURE__ */ oe(
               "li",
               D(d({}, h), {
-                key: C.id,
-                "data-testid": c ? `${c}:option(${C.id.toString()})` : void 0
+                key: v.id,
+                "data-testid": c ? `${c}:option(${v.id.toString()})` : void 0
               }),
-              C.label
+              v.label
             );
         }
       }
     ),
-    s.length > 0 && /* @__PURE__ */ n(E, { sx: l, children: s.map((h) => /* @__PURE__ */ n(
-      pt,
+    a.length > 0 && /* @__PURE__ */ n(F, { sx: l, children: a.map((h) => /* @__PURE__ */ n(
+      ft,
       {
         sx: {
           marginTop: 1,
@@ -827,7 +844,7 @@ function Jo({
           height: "auto"
         },
         label: /* @__PURE__ */ n(
-          ht,
+          mt,
           {
             title: h.tooltipContent || "",
             placement: "bottom-start",
@@ -841,13 +858,13 @@ function Jo({
                 }
               ]
             },
-            children: /* @__PURE__ */ n(N, { style: { whiteSpace: "normal" }, children: h.chipLabel ? h.chipLabel : h.label })
+            children: /* @__PURE__ */ n(_, { style: { whiteSpace: "normal" }, children: h.chipLabel ? h.chipLabel : h.label })
           }
         ),
         "data-testid": c ? `${c}:Chip(${h.id.toString()})` : void 0,
-        onDelete: (C) => P(C, h.id),
+        onDelete: (v) => P(v, h.id),
         deleteIcon: /* @__PURE__ */ n(
-          wt,
+          bt,
           {
             "data-testid": c ? `${c}:Chip(${h.id.toString()}):deleteIcon` : void 0
           }
@@ -857,40 +874,40 @@ function Jo({
     )) })
   ] });
 }
-const Zo = /MUI: The value provided to.*is invalid/i, jo = ({
-  lookup: e = () => _(void 0, null, function* () {
+const en = /MUI: The value provided to.*is invalid/i, tn = ({
+  lookup: e = () => N(void 0, null, function* () {
   }),
   onChange: t,
   label: o,
   value: i,
   sx: r,
-  textFieldColor: s,
+  textFieldColor: a,
   textFieldVariant: c = "filled",
-  error: a = !1,
+  error: s = !1,
   "data-testid": l,
   noOptionsText: u = "No options",
   minLength: g = 3,
   disablePortal: S = !1,
   preLoadedOptions: A,
   helperText: f = "",
-  disabled: k,
+  disabled: b,
   popupIcon: y,
   disableIconFlip: p
 }) => {
-  const [b, I] = T(""), { data: F, isLoading: V } = Je({
-    inputValue: b,
+  const [k, I] = T(""), { data: E, isLoading: V } = je({
+    inputValue: k,
     label: o,
     lookup: e,
     minLength: g != null ? g : 0,
     preLoadedOptions: A
-  }), P = b.length >= g;
-  return /* @__PURE__ */ n("div", { "data-testid": l, children: /* @__PURE__ */ n(ft, { direction: "row", spacing: 1, children: /* @__PURE__ */ n(
+  }), P = k.length >= g;
+  return /* @__PURE__ */ n("div", { "data-testid": l, children: /* @__PURE__ */ n(gt, { direction: "row", spacing: 1, children: /* @__PURE__ */ n(
     ie,
     {
       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 : [],
+      options: E != null ? E : [],
       onChange: (x, $, R) => {
         t(x, $, R);
       },
@@ -907,8 +924,8 @@ const Zo = /MUI: The value provided to.*is invalid/i, jo = ({
         }, x), {
           variant: c,
           label: o,
-          color: s,
-          error: a,
+          color: a,
+          error: s,
           helperText: f
         })
       ),
@@ -924,7 +941,7 @@ const Zo = /MUI: The value provided to.*is invalid/i, jo = ({
         }),
         $.label
       ),
-      disabled: k
+      disabled: b
     }
   ) }) });
 }, io = (e) => {
@@ -932,33 +949,33 @@ const Zo = /MUI: The value provided to.*is invalid/i, jo = ({
     return -1;
   try {
     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);
+      $t.from(o, "base64").toString("utf8").split("").map(function(a) {
+        return "%" + ("00" + a.charCodeAt(0).toString(16)).slice(-2);
       }).join("")
     ), r = JSON.parse(i);
     return r != null && r.exp ? r.exp : -1;
   } catch (t) {
     return -1;
   }
-}, en = ({
+}, on = ({
   open: e = !1,
   closeHandler: t,
   setAuth0ExpiryTime: o
 }) => {
-  const { logout: i, getAccessTokenSilently: r } = ze(), [s, c] = T(0), a = () => _(void 0, null, function* () {
+  const { logout: i, getAccessTokenSilently: r } = le(), [a, c] = T(0), s = () => N(void 0, null, function* () {
     i({ logoutParams: { returnTo: `${window.location.origin}` } });
-  }), l = () => _(void 0, null, function* () {
-    c(s + 1), t();
+  }), l = () => N(void 0, null, function* () {
+    c(a + 1), t();
   });
   return ne(() => {
-    _(void 0, null, function* () {
-      if (s > 0) {
+    N(void 0, null, function* () {
+      if (a > 0) {
         const A = yield r({ cacheMode: "off" }), f = io(A) * 1e3;
         o(f);
       }
     });
-  }, [s, r, o]), /* @__PURE__ */ n(
-    Qe,
+  }, [a, r, o]), /* @__PURE__ */ n(
+    Ze,
     {
       isOpen: e,
       primaryButton: {
@@ -970,7 +987,7 @@ const Zo = /MUI: The value provided to.*is invalid/i, jo = ({
       },
       secondaryButton: {
         text: "Log out",
-        onClick: a,
+        onClick: s,
         disabled: !1,
         testId: "PreferencesDialog",
         buttonColor: "secondary"
@@ -1000,7 +1017,7 @@ function lo(e) {
   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 tn({
+function nn({
   children: e,
   appName: t = "the app",
   throwErrors: o = "none",
@@ -1009,11 +1026,11 @@ function tn({
   }
 }) {
   var S, A;
-  const { isAuthenticated: s, isLoading: c, error: a, loginWithRedirect: l, logout: u } = ze();
+  const { isAuthenticated: a, isLoading: c, error: s, loginWithRedirect: l, logout: u } = le();
   ne(() => {
-    a && r(a);
-  }, [a, r]);
-  const g = it(
+    s && r(s);
+  }, [s, r]);
+  const g = at(
     () => ({
       appState: {
         returnTo: `${window.location.pathname}${window.location.search}`
@@ -1022,38 +1039,38 @@ function tn({
     []
   );
   if (ne(() => {
-    c || s || a || l(g);
-  }, [c, s, a, l, r, g]), a) {
+    c || a || s || l(g);
+  }, [c, a, s, l, r, g]), s) {
     if (i || console.error(
-      `Error detected in AuthGuard [isAuthenticated=${s},isLoading=${c}]`,
-      a
+      `Error detected in AuthGuard [isAuthenticated=${a},isLoading=${c}]`,
+      s
     ), 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") {
+      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 a;
+      } else if (o === "unknown") throw s;
       return /* @__PURE__ */ m(Le, { open: !0, children: [
-        /* @__PURE__ */ n(Pe, { children: f }),
-        /* @__PURE__ */ m(Re, { children: [
-          /* @__PURE__ */ n(N, { children: k }),
+        /* @__PURE__ */ n(Re, { children: f }),
+        /* @__PURE__ */ m(Oe, { children: [
+          /* @__PURE__ */ n(_, { children: b }),
           /* @__PURE__ */ n("br", {}),
-          /* @__PURE__ */ n(N, { variant: "subtitle2", children: "Details from Auth0" }),
-          /* @__PURE__ */ m(N, { variant: "body2", children: [
+          /* @__PURE__ */ n(_, { variant: "subtitle2", children: "Details from Auth0" }),
+          /* @__PURE__ */ m(_, { variant: "body2", children: [
             "error: ",
-            (S = a == null ? void 0 : a.error) != null ? S : "N/A"
+            (S = s == null ? void 0 : s.error) != null ? S : "N/A"
           ] }),
-          /* @__PURE__ */ m(N, { variant: "body2", children: [
+          /* @__PURE__ */ m(_, { variant: "body2", children: [
             "description: ",
-            (A = a == null ? void 0 : a.error_description) != null ? A : "N/A"
+            (A = s == null ? void 0 : s.error_description) != null ? A : "N/A"
           ] })
         ] }),
         /* @__PURE__ */ m(He, { children: [
@@ -1061,9 +1078,9 @@ function tn({
           /* @__PURE__ */ n(W, { onClick: () => u({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" })
         ] })
       ] });
-    } else if (o === "unknown") throw a;
+    } else if (o === "unknown") throw s;
   }
-  return s ? (localStorage.removeItem("auth0_redirect_count"), /* @__PURE__ */ n(B, { children: e })) : /* @__PURE__ */ n($t, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
+  return a ? (localStorage.removeItem("auth0_redirect_count"), /* @__PURE__ */ n(L, { children: e })) : /* @__PURE__ */ n(Ft, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
 }
 const co = {
   autoHideDuration: 6e3,
@@ -1073,70 +1090,70 @@ const co = {
   disableWindowBlurListener: !1
 }, uo = {
   shouldClose: (e, t) => t !== "clickaway"
-}, De = {
+}, Ie = {
   message: "",
   severity: "info",
   variant: "standard",
   progressIndicator: void 0
   // Can use 'circular' or 'linear'
-}, Ie = 100, $e = 2e3, po = 2e3, ho = /* @__PURE__ */ (() => {
+}, $e = 100, Fe = 2e3, po = 2e3, ho = /* @__PURE__ */ (() => {
   let e = 0;
   return () => (e += 1, e);
 })(), fo = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
-}, mo = {}, go = {}, Ze = Ne(null);
-function xo(s) {
-  var c = s, {
+}, mo = {}, go = {}, et = _e(null);
+function xo(a) {
+  var c = a, {
     overrideState: e = mo,
     overrideActions: t = go,
     shouldClose: o = uo.shouldClose,
     children: i
-  } = c, r = pe(c, [
+  } = c, r = he(c, [
     "overrideState",
     "overrideActions",
     "shouldClose",
     "children"
   ]);
-  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)`
+  var v;
+  const [{ open: s }, l] = T({ open: !1 }), u = ee([]), g = ee(Date.now()), S = ee(0), A = K((C) => {
+    l({ open: C });
+  }, []), f = K((C = {}) => {
+    S.current += 1, u.current.length >= $e && Date.now() - g.current >= Fe && (g.current = Date.now(), console.error(
+      `SaladBarProvider: MAX_QUEUE_LENGTH (${$e}) hit ${S.current} times in last ${Fe}ms)`
     ), S.current = 0);
-    const w = d(D(d({}, De), {
+    const w = d(D(d({}, Ie), {
       key: ho()
-    }), v);
+    }), C);
     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);
+  }, []), 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 = (v, w) => {
-    o(v, w) && l({ open: !1 });
+  }, E = (C, w) => {
+    o(C, w) && l({ open: !1 });
   }, V = () => {
   }, P = () => {
     u.current.shift(), u.current.length > 0 && l({ open: !0 });
-  }, x = (C = u.current[0]) != null ? C : d({}, De), $ = {};
+  }, x = (v = u.current[0]) != null ? v : d({}, Ie), $ = {};
   "autoHideDuration" in x && ($.autoHideDuration = x.autoHideDuration);
   const R = d(d({}, co), r), h = d(d({
-    open: a,
+    open: s,
     setOpen: A,
     enqueueNotification: f,
-    enqueueSuccessNotification: k,
+    enqueueSuccessNotification: b,
     enqueueInfoNotification: y,
     enqueueWarningNotification: p,
-    enqueueErrorNotification: b,
+    enqueueErrorNotification: k,
     removeNotification: I
   }, e), t);
-  return /* @__PURE__ */ m(Ze.Provider, { value: h, children: [
+  return /* @__PURE__ */ m(et.Provider, { value: h, children: [
     i,
     /* @__PURE__ */ n(
-      mt,
+      xt,
       D(d(d({}, R), $), {
-        open: a,
-        onClose: F,
+        open: s,
+        onClose: E,
         TransitionProps: {
           onExited: P,
           onExit: V
@@ -1144,9 +1161,9 @@ function xo(s) {
         sx: { zIndex: po },
         children: /* @__PURE__ */ m("div", { children: [
           /* @__PURE__ */ n(
-            gt,
+            vt,
             {
-              onClose: (v) => F(v, "closeAlert"),
+              onClose: (C) => E(C, "closeAlert"),
               severity: x.severity,
               variant: "filled",
               icon: x.progressIndicator === "circular" ? /* @__PURE__ */ n(ae, { size: "1em" }) : void 0,
@@ -1154,28 +1171,28 @@ function xo(s) {
               children: x.message
             }
           ),
-          x.progressIndicator === "linear" && /* @__PURE__ */ n(Be, { color: "primary" })
+          x.progressIndicator === "linear" && /* @__PURE__ */ n(Pe, { color: "primary" })
         ] })
       })
     )
   ] });
 }
-function Co() {
-  const e = _e(Ze);
+function vo() {
+  const e = Me(et);
   if (e === null)
-    throw new le("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
+    throw new ce("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
   return e;
 }
-const on = se(
+const rn = se(
   (e = { autoHideDuration: 1 }, t = {}, o = {}) => ({ children: i }) => /* @__PURE__ */ n(xo, D(d({}, e), { overrideState: t, overrideActions: o, children: i }))
-), je = "domainCode";
-var Fe;
+), tt = "domainCode";
+var Ne;
 const Ee = M(
-  JSON.parse((Fe = localStorage.getItem(je)) != null ? Fe : '{"domainCode": ""}').domainCode
-), vo = M(
+  JSON.parse((Ne = localStorage.getItem(tt)) != null ? Ne : '{"domainCode": ""}').domainCode
+), Co = M(
   (e) => e(Ee),
   (e, t, o) => {
-    t(Ee, o), localStorage.setItem(je, JSON.stringify({ domainCode: o }));
+    t(Ee, o), localStorage.setItem(tt, JSON.stringify({ domainCode: o }));
   }
 ), Ao = {
   act: "ACT",
@@ -1192,23 +1209,23 @@ const Ee = M(
 }, wo = (e) => {
   var t;
   return e === null ? "N/A" : (t = Ao[e]) != null ? t : "";
-}, nn = ({
+}, an = ({
   isLoading: e,
   isOpen: t,
   onClose: o,
   onDomainChange: i,
   domainOptions: r,
-  applicationName: s,
+  applicationName: a,
   handleLogout: c
 }) => {
-  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* () {
+  const [s, l] = O(Co), [u, g] = T(s), { enqueueSuccessNotification: S } = vo(), A = r.length === 0, f = !!s && !r.includes(s) && !r.includes(u), b = !s || A || f, y = () => N(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();
+  }), p = () => N(void 0, null, function* () {
+    s && !A && !f ? (g(s), o()) : b && c();
   });
-  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,
+  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(
+    Ze,
     {
       isOpen: t,
       dialogTitle: "Select an organisation",
@@ -1219,15 +1236,15 @@ const Ee = M(
         buttonColor: "primary"
       },
       secondaryButton: {
-        text: k ? "Logout" : "Cancel",
+        text: b ? "Logout" : "Cancel",
         onClick: p
       },
-      onClose: k ? () => {
+      onClose: b ? () => {
       } : o,
       children: [
-        /* @__PURE__ */ m(N, { marginBottom: 2, children: [
+        /* @__PURE__ */ m(_, { marginBottom: 2, children: [
           "Select the default organisation that you want to use with the ",
-          s,
+          a,
           "."
         ] }),
         /* @__PURE__ */ n(
@@ -1237,7 +1254,7 @@ const Ee = M(
             multiple: !1,
             disableClearable: !1,
             value: u !== "" ? u : null,
-            onChange: (I, F) => g(F != null ? F : ""),
+            onChange: (I, E) => g(E != null ? E : ""),
             getOptionLabel: wo,
             options: [...r],
             renderInput: (I) => /* @__PURE__ */ n(
@@ -1246,7 +1263,7 @@ const Ee = M(
                 variant: "filled",
                 label: "Select organisation",
                 InputProps: D(d({}, I.InputProps), {
-                  endAdornment: /* @__PURE__ */ m(B, { children: [
+                  endAdornment: /* @__PURE__ */ m(L, { children: [
                     e ? /* @__PURE__ */ n(ae, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
                     I.InputProps.endAdornment
                   ] })
@@ -1255,11 +1272,11 @@ const Ee = M(
             )
           }
         ),
-        b && /* @__PURE__ */ n(xt, { error: !0, children: b })
+        k && /* @__PURE__ */ n(Ct, { error: !0, children: k })
       ]
     }
   );
-}, rn = Oe({
+}, sn = Ue({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1310,7 +1327,7 @@ const Ee = M(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), an = Oe({
+}), ln = Ue({
   palette: {
     primary: {
       main: "#007236",
@@ -1406,46 +1423,48 @@ const Ee = M(
   }
 });
 export {
-  Qe as AgDialog,
-  Qo as AppLayout,
-  tn as AuthGuard,
-  Ze as Context,
-  le as ContextError,
-  nn as DomainCodeDialog,
+  Ze as AgDialog,
+  Zo as AppLayout,
+  nn as AuthGuard,
+  et as Context,
+  ce as ContextError,
+  an 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,
+  jo as FetchAutocomplete,
+  en as MUI_AUTOCOMPLETE_VALUE_WARNING_REGEX,
+  Ge as NAVBAR_WIDTH_CLOSED,
+  qe 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,
+  on as SessionExpiryDialog,
+  tn as SingleAutocomplete,
+  Rt as buildNavBarState,
+  Xo as determineUserLevelFromClaims,
+  Co as domainCodeAtom,
+  sn as fed21Theme,
   io as getAuth0Expiry,
-  an as internalAgSystemsTheme,
-  O as navBarClasses,
+  Ko as getValidBusinessRoles,
+  ln as internalAgSystemsTheme,
+  H as navBarClasses,
   Q as navBarOpenAtom,
-  qt as navBarTopAtom,
-  Wt as navBarWidthClosedAtom,
-  Ut as navBarWidthOpenAtom,
+  Gt as navBarTopAtom,
+  zt as navBarWidthClosedAtom,
+  Wt 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,
+  Qo as suppressConsole,
+  Se as titleTextAtom,
+  qt as topBarHeightAtom,
+  Vt as topBarMiddleAtom,
+  Jo as unsuppressConsole,
+  je as useAutocompleteOptions,
+  Pt as useNavBar,
+  vo as useSaladBar,
+  Yo as useValidDomains,
   zo as withBrowserRouter,
   Wo as withNavBarProvider,
-  on as withSaladBarProvider
+  rn as withSaladBarProvider
 };
 //# sourceMappingURL=index.js.map