@australiangreens/ag-internal-components 0.0.83 → 0.0.85

package/dist/esm/index.js

@@ -1,25 +1,25 @@
-var Ft = Object.defineProperty, Pt = Object.defineProperties;
-var Nt = Object.getOwnPropertyDescriptors;
+var Pt = Object.defineProperty, Nt = Object.defineProperties;
+var Lt = Object.getOwnPropertyDescriptors;
 var j = Object.getOwnPropertySymbols;
-var Ie = Object.prototype.hasOwnProperty, Te = Object.prototype.propertyIsEnumerable;
-var ue = (e, t, n) => t in e ? Ft(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, s = (e, t) => {
+var Te = Object.prototype.hasOwnProperty, Oe = Object.prototype.propertyIsEnumerable;
+var pe = (e, t, n) => t in e ? Pt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, s = (e, t) => {
   for (var n in t || (t = {}))
-    Ie.call(t, n) && ue(e, n, t[n]);
+    Te.call(t, n) && pe(e, n, t[n]);
   if (j)
     for (var n of j(t))
-      Te.call(t, n) && ue(e, n, t[n]);
+      Oe.call(t, n) && pe(e, n, t[n]);
   return e;
-}, S = (e, t) => Pt(e, Nt(t));
-var Oe = (e, t) => {
+}, S = (e, t) => Nt(e, Lt(t));
+var Ee = (e, t) => {
   var n = {};
   for (var i in e)
-    Ie.call(e, i) && t.indexOf(i) < 0 && (n[i] = e[i]);
+    Te.call(e, i) && t.indexOf(i) < 0 && (n[i] = e[i]);
   if (e != null && j)
     for (var i of j(e))
-      t.indexOf(i) < 0 && Te.call(e, i) && (n[i] = e[i]);
+      t.indexOf(i) < 0 && Oe.call(e, i) && (n[i] = e[i]);
   return n;
 };
-var Ee = (e, t, n) => (ue(e, typeof t != "symbol" ? t + "" : t, n), n);
+var Be = (e, t, n) => (pe(e, typeof t != "symbol" ? t + "" : t, n), n);
 var P = (e, t, n) => new Promise((i, r) => {
   var a = (l) => {
     try {
@@ -37,22 +37,22 @@ var P = (e, t, n) => new Promise((i, r) => {
   d((n = n.apply(e, t)).next());
 });
 import { jsxs as p, Fragment as _, jsx as o } from "react/jsx-runtime";
-import { useState as E, createContext as Xe, useCallback as ne, useContext as Qe, createElement as me, useEffect as oe, useRef as pe } from "react";
-import { Typography as F, Button as ie, Paper as Ye, Box as $, Drawer as xe, Dialog as Ke, DialogTitle as Je, DialogContent as Ze, DialogActions as je, Autocomplete as ve, TextField as we, CircularProgress as Ae, Chip as Lt, Tooltip as _t, Stack as Mt, styled as be, IconButton as Q, Container as et, useTheme as ae, useMediaQuery as Rt, Collapse as Ht, Avatar as Be, Fade as Wt, Skeleton as Fe, Toolbar as zt, Divider as Pe, CssBaseline as Ut, Snackbar as Gt, Alert as Vt, LinearProgress as qt, FormHelperText as Xt } from "@mui/material";
+import { useState as E, createContext as Qe, useCallback as ne, useContext as Ye, createElement as Ce, useEffect as oe, useRef as he } from "react";
+import { Typography as F, Button as ie, Paper as Ke, Box as I, Drawer as ve, Dialog as Je, LinearProgress as Ze, DialogTitle as je, DialogContent as et, DialogActions as tt, Autocomplete as we, TextField as Ae, CircularProgress as be, Chip as _t, Tooltip as Mt, Stack as Rt, styled as Se, IconButton as Q, Container as nt, useTheme as ae, useMediaQuery as Ht, Collapse as Wt, Avatar as Fe, Fade as zt, Skeleton as Pe, Toolbar as Ut, Divider as Ne, CssBaseline as Gt, Snackbar as Vt, Alert as qt, FormHelperText as Xt } from "@mui/material";
 import Qt from "@mui/material/CssBaseline";
-import { styled as W, createTheme as tt, alpha as he } from "@mui/material/styles";
+import { styled as R, createTheme as ot, alpha as ge } from "@mui/material/styles";
 import { AgError as Yt } from "@australiangreens/ag-error";
 import { createHelper as K } from "souvlaki";
-import nt from "@mui/material/List";
-import { Cancel as Kt, ArrowDropDown as Jt, ArrowForward as ot, ArrowBack as it, ViewHeadline as Zt } from "@mui/icons-material";
+import it from "@mui/material/List";
+import { Cancel as Kt, ArrowDropDown as Jt, ArrowForward as rt, ArrowBack as at, ViewHeadline as Zt } from "@mui/icons-material";
 import jt from "autosuggest-highlight/match";
 import en from "autosuggest-highlight/parse";
 import { useQuery as tn, QueryClient as nn, QueryClientProvider as on } from "@tanstack/react-query";
-import { useAuth0 as rt } from "@auth0/auth0-react";
+import { useAuth0 as st } from "@auth0/auth0-react";
 import { Buffer as rn } from "buffer";
 import an from "@mui/material/Skeleton";
-import { atom as M, useSetAtom as at, useAtomValue as Ne, useAtom as V, getDefaultStore as sn, Provider as st } from "jotai";
-import { useHydrateAtoms as lt } from "jotai/utils";
+import { atom as M, useSetAtom as lt, useAtomValue as Le, useAtom as V, getDefaultStore as sn, Provider as ct } from "jotai";
+import { useHydrateAtoms as dt } from "jotai/utils";
 function Do({ text: e }) {
   const [t, n] = E(0);
   return /* @__PURE__ */ p(_, { children: [
@@ -71,13 +71,13 @@ function Do({ text: e }) {
       "This is some text: ",
       /* @__PURE__ */ o("span", { children: e })
     ] }),
-    /* @__PURE__ */ p(Ye, { children: [
+    /* @__PURE__ */ p(Ke, { children: [
       "This number will incremember when button pressed: ",
       t
     ] })
   ] });
 }
-const ct = 330, dt = 73, U = "Navbar", q = {
+const ut = 330, pt = 73, U = "Navbar", q = {
   root: `${U}-root`,
   menuButton: `${U}-menuButton`,
   hide: `${U}-hide`,
@@ -85,7 +85,7 @@ const ct = 330, dt = 73, U = "Navbar", q = {
   userInfoHolder: `${U}-userInfoHolder`,
   settings: `${U}-settings`,
   pieChartIcon: `${U}-pieChartIcon`
-}, ln = W($, {
+}, ln = R(I, {
   name: "NavBar"
 })(({ theme: e }) => ({
   [`&.${q.root}`]: {
@@ -106,7 +106,7 @@ const ct = 330, dt = 73, U = "Navbar", q = {
     marginTop: "64px",
     marginBottom: "16px"
   }
-})), ut = () => ({
+})), ht = () => ({
   position: "absolute",
   height: "100%",
   overflowX: "hidden",
@@ -115,13 +115,13 @@ const ct = 330, dt = 73, U = "Navbar", q = {
   backgroundColor: "black"
   // backgroundColor: '#e8e8e8',
 }), cn = () => s({
-  width: ct
-}, ut()), dn = () => s({
-  width: dt
-}, ut()), un = W(xe, {
+  width: ut
+}, ht()), dn = () => s({
+  width: pt
+}, ht()), un = R(ve, {
   shouldForwardProp: (e) => e !== "open"
 })(({ theme: e, open: t }) => s(s({
-  width: t ? ct : dt,
+  width: t ? ut : pt,
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box",
@@ -131,10 +131,10 @@ const ct = 330, dt = 73, U = "Navbar", q = {
 }), !t && {
   "& .MuiDrawer-paper": dn()
 }));
-class Se extends Yt {
+class ke extends Yt {
 }
-Ee(Se, "errorName", "ContextError");
-const pt = Xe(null), pn = {}, hn = {}, gn = ({
+Be(ke, "errorName", "ContextError");
+const gt = Qe(null), pn = {}, hn = {}, gn = ({
   overrideState: e = pn,
   overrideActions: t = hn,
   children: n
@@ -148,17 +148,17 @@ const pt = Xe(null), pn = {}, hn = {}, gn = ({
     setOpen: a,
     toggleOpen: c
   }, e), t);
-  return /* @__PURE__ */ o(pt.Provider, { value: d, children: n });
+  return /* @__PURE__ */ o(gt.Provider, { value: d, children: n });
 }, fn = () => {
-  const e = Qe(pt);
+  const e = Ye(gt);
   if (e === null)
-    throw new Se("Error: Tried to useNavBar outside of a <NavBarProvider>");
+    throw new ke("Error: Tried to useNavBar outside of a <NavBarProvider>");
   return e;
 }, mn = (e = {}) => s({
   open: !0
 }, e), yo = K(
   (e = mn(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(gn, { overrideState: e, overrideActions: t, children: n })
-), Le = 7, $o = W(nt)(({ theme: e }) => ({
+), _e = 7, $o = R(it)(({ theme: e }) => ({
   backgroundColor: "black",
   color: "white",
   "& .MuiListItem-root": {
@@ -167,7 +167,7 @@ const pt = Xe(null), pn = {}, hn = {}, gn = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "white",
-      padding: `${Le}px`
+      padding: `${_e}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -178,7 +178,7 @@ const pt = Xe(null), pn = {}, hn = {}, gn = ({
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${Le}px)`
+      paddingLeft: `calc(${e.spacing(2)} - ${_e}px)`
     },
     // Hover state
     "&:hover": {
@@ -196,7 +196,7 @@ const pt = Xe(null), pn = {}, hn = {}, gn = ({
     // '&.Mui-selected.Mui-focusVisible:hover': {
     // },
   }
-})), _e = 7, Io = W(nt)(({ theme: e }) => ({
+})), Me = 7, Io = R(it)(({ theme: e }) => ({
   backgroundColor: "#e8e8e8",
   color: "inherit",
   "& .MuiListItem-root": {
@@ -205,7 +205,7 @@ const pt = Xe(null), pn = {}, hn = {}, gn = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "inherit",
-      padding: `${_e}px`
+      padding: `${Me}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -216,7 +216,7 @@ const pt = Xe(null), pn = {}, hn = {}, gn = ({
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${_e}px)`
+      paddingLeft: `calc(${e.spacing(2)} - ${Me}px)`
     },
     // Hover state
     "&:hover": {
@@ -254,7 +254,7 @@ function To({
     )
   ] });
 }
-const ht = ({
+const ft = ({
   isOpen: e,
   dialogTitle: t,
   children: n,
@@ -264,44 +264,46 @@ const ht = ({
   onClose: c,
   sx: d,
   "data-testid": l,
-  disableCloseOnBackdropOrEscape: u = !1
+  disableCloseOnBackdropOrEscape: u = !1,
+  isLoading: w = !1
 }) => {
-  var w, g;
-  const [m, x] = E(!1);
+  var g, k;
+  const [C, A] = E(!1);
   return /* @__PURE__ */ p(
-    Ke,
+    Je,
     {
       open: e,
-      onClose: (k, b) => P(void 0, null, function* () {
-        u && (b === "backdropClick" || b === "escapeKeyDown") || m || (a != null && a.onClick ? yield a.onClick() : c());
+      onClose: (b, D) => P(void 0, null, function* () {
+        u && (D === "backdropClick" || D === "escapeKeyDown") || C || (a != null && a.onClick ? yield a.onClick() : c());
       }),
       fullWidth: !0,
       maxWidth: i != null ? i : "xs",
       "data-testid": l,
       sx: d,
       children: [
-        /* @__PURE__ */ o(Je, { children: t }),
-        /* @__PURE__ */ o(Ze, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
-        /* @__PURE__ */ p(je, { children: [
+        w && /* @__PURE__ */ o(Ze, { sx: { height: "4px", marginBottom: "-4px" } }),
+        /* @__PURE__ */ o(je, { children: t }),
+        /* @__PURE__ */ o(et, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
+        /* @__PURE__ */ p(tt, { children: [
           /* @__PURE__ */ o(
             ie,
             {
-              onClick: (w = a == null ? void 0 : a.onClick) != null ? w : c,
+              onClick: (g = a == null ? void 0 : a.onClick) != null ? g : c,
               "data-testid": a == null ? void 0 : a.testId,
-              disabled: (a == null ? void 0 : a.disabled) || m,
+              disabled: (a == null ? void 0 : a.disabled) || C,
               color: a == null ? void 0 : a.buttonColor,
-              children: (g = a == null ? void 0 : a.text) != null ? g : "Cancel"
+              children: (k = a == null ? void 0 : a.text) != null ? k : "Cancel"
             }
           ),
           r && /* @__PURE__ */ o(
             ie,
             {
               onClick: () => P(void 0, null, function* () {
-                var k;
-                x(!0), yield (k = r.onClick) == null ? void 0 : k.call(r), x(!1);
+                var b;
+                A(!0), yield (b = r.onClick) == null ? void 0 : b.call(r), A(!1);
               }),
               "data-testid": r.testId,
-              disabled: r.disabled || m,
+              disabled: r.disabled || C,
               color: r == null ? void 0 : r.buttonColor,
               children: r.text
             }
@@ -310,7 +312,7 @@ const ht = ({
       ]
     }
   );
-}, gt = ({
+}, mt = ({
   minLength: e,
   preLoadedOptions: t,
   lookup: n,
@@ -332,36 +334,37 @@ function Oo({
   value: a,
   "data-testid": c,
   sx: d,
-  textFieldColor: l,
-  textFieldVariant: u = "filled",
-  loadingText: m = "Loading...",
-  noOptionsText: x = "No options",
-  popupIcon: w = /* @__PURE__ */ o(Jt, {}),
-  error: g = !1,
-  helperText: k = "",
-  preLoadedOptions: b = void 0,
-  disablePortal: I = !1
+  boxSx: l,
+  textFieldColor: u,
+  textFieldVariant: w = "filled",
+  loadingText: C = "Loading...",
+  noOptionsText: A = "No options",
+  popupIcon: g = /* @__PURE__ */ o(Jt, {}),
+  error: k = !1,
+  helperText: b = "",
+  preLoadedOptions: D = void 0,
+  disablePortal: $ = !1
 }) {
-  const [D, A] = E(""), y = (h, f) => {
-    const B = a.filter((L) => L.id !== f);
+  const [x, y] = E(""), H = (h, f) => {
+    const B = a.filter((m) => m.id !== f);
     n(B, "delete", h);
-  }, { data: N, isLoading: R } = gt({
-    inputValue: D,
+  }, { data: N, isLoading: T } = mt({
+    inputValue: x,
     label: r,
     lookup: e,
     minLength: i,
-    preLoadedOptions: b
-  }), T = D.length >= i;
+    preLoadedOptions: D
+  }), W = x.length >= i;
   return /* @__PURE__ */ p("div", { "data-testid": c, children: [
     /* @__PURE__ */ o(
-      ve,
+      we,
       {
         sx: d,
         "data-testid": c ? `${c}:Autocomplete` : void 0,
-        disablePortal: I,
+        disablePortal: $,
         multiple: !0,
         getOptionLabel: (h) => typeof h == "string" ? h : h.label,
-        loading: T ? R : !1,
+        loading: W ? T : !1,
         options: [...a, ...N != null ? N : []],
         filterSelectedOptions: !0,
         includeInputInList: !0,
@@ -369,21 +372,21 @@ function Oo({
         onChange: (h, f, B) => {
           n(f, B, h);
         },
-        onInputChange: (h, f) => A(f),
-        noOptionsText: T ? x : "Start typing to search",
-        loadingText: m,
-        popupIcon: w,
+        onInputChange: (h, f) => y(f),
+        noOptionsText: W ? A : "Start typing to search",
+        loadingText: C,
+        popupIcon: g,
         renderInput: (h) => /* @__PURE__ */ o(
-          we,
+          Ae,
           S(s({}, h), {
             label: r,
             fullWidth: !0,
-            variant: u,
-            error: g,
-            helperText: k,
+            variant: w,
+            error: k,
+            helperText: b,
             InputProps: S(s({}, h.InputProps), {
               endAdornment: /* @__PURE__ */ p(_, { children: [
-                R ? /* @__PURE__ */ o(Ae, { color: "inherit", size: 20 }) : null,
+                T ? /* @__PURE__ */ o(be, { color: "inherit", size: 20 }) : null,
                 h.InputProps.endAdornment
               ] })
             }),
@@ -391,36 +394,36 @@ function Oo({
             onKeyDown: (f) => {
               (f.key === "Backspace" || f.key === "Delete") && f.stopPropagation();
             },
-            color: l
+            color: u
           })
         ),
         renderTags: () => null,
         isOptionEqualToValue: (h, f) => h.id === f.id,
         renderOption: (h, f, B) => {
           if (t) {
-            const L = jt(f.label, B.inputValue, {
+            const m = jt(f.label, B.inputValue, {
               insideWords: !0,
               findAllOccurrences: !0
-            }), v = en(f.label, L);
-            return /* @__PURE__ */ me(
+            }), v = en(f.label, m);
+            return /* @__PURE__ */ Ce(
               "li",
               S(s({}, h), {
                 key: f.id,
                 "data-testid": c ? `${c}:Autocomplete:option(${f.id.toString()})` : void 0
               }),
-              /* @__PURE__ */ o("div", { children: v.map((C, H) => /* @__PURE__ */ o(
+              /* @__PURE__ */ o("div", { children: v.map((L, se) => /* @__PURE__ */ o(
                 "span",
                 {
                   style: {
-                    fontWeight: C.highlight ? 700 : 400
+                    fontWeight: L.highlight ? 700 : 400
                   },
-                  children: C.text
+                  children: L.text
                 },
-                H
+                se
               )) })
             );
           } else
-            return /* @__PURE__ */ me(
+            return /* @__PURE__ */ Ce(
               "li",
               S(s({}, h), {
                 key: f.id,
@@ -431,8 +434,8 @@ function Oo({
         }
       }
     ),
-    a.length > 0 && /* @__PURE__ */ o($, { children: a.map((h) => /* @__PURE__ */ o(
-      Lt,
+    a.length > 0 && /* @__PURE__ */ o(I, { sx: l, children: a.map((h) => /* @__PURE__ */ o(
+      _t,
       {
         sx: {
           marginTop: 1,
@@ -440,7 +443,7 @@ function Oo({
           height: "auto"
         },
         label: /* @__PURE__ */ o(
-          _t,
+          Mt,
           {
             title: h.tooltipContent || "",
             placement: "bottom-start",
@@ -458,7 +461,7 @@ function Oo({
           }
         ),
         "data-testid": c ? `${c}:Chip(${h.id.toString()})` : void 0,
-        onDelete: (f) => y(f, h.id),
+        onDelete: (f) => H(f, h.id),
         deleteIcon: /* @__PURE__ */ o(
           Kt,
           {
@@ -482,50 +485,50 @@ const Eo = ({
   "data-testid": d,
   noOptionsText: l = "No options",
   minLength: u = 3,
-  disablePortal: m = !1,
-  preLoadedOptions: x,
-  helperText: w = ""
+  disablePortal: w = !1,
+  preLoadedOptions: C,
+  helperText: A = ""
 }) => {
-  const [g, k] = E(""), { data: b, isLoading: I } = gt({
+  const [g, k] = E(""), { data: b, isLoading: D } = mt({
     inputValue: g,
     label: n,
     lookup: e,
     minLength: u != null ? u : 0,
-    preLoadedOptions: x
-  }), D = g.length >= u;
-  return /* @__PURE__ */ o("div", { "data-testid": d, children: /* @__PURE__ */ o(Mt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
-    ve,
+    preLoadedOptions: C
+  }), $ = g.length >= u;
+  return /* @__PURE__ */ o("div", { "data-testid": d, children: /* @__PURE__ */ o(Rt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
+    we,
     {
       sx: r,
       "data-testid": d ? `${d}:Autocomplete` : void 0,
-      loading: D ? I : !1,
+      loading: $ ? D : !1,
       options: b != null ? b : [],
-      onChange: (A, y) => {
-        t(A, y);
+      onChange: (x, y) => {
+        t(x, y);
       },
-      disablePortal: m,
-      filterOptions: (A) => A,
+      disablePortal: w,
+      filterOptions: (x) => x,
       value: i,
-      noOptionsText: D ? l : "Start typing to search",
-      getOptionLabel: (A) => A.label,
-      renderInput: (A) => /* @__PURE__ */ o(
-        we,
+      noOptionsText: $ ? l : "Start typing to search",
+      getOptionLabel: (x) => x.label,
+      renderInput: (x) => /* @__PURE__ */ o(
+        Ae,
         S(s({
           "data-testid": d ? `${d}:Autocomplete:TextField` : void 0
-        }, A), {
+        }, x), {
           variant: c,
           label: n,
           color: a,
-          helperText: w
+          helperText: A
         })
       ),
-      isOptionEqualToValue: (A, y) => A.id === y.id,
-      onInputChange: (A, y) => {
+      isOptionEqualToValue: (x, y) => x.id === y.id,
+      onInputChange: (x, y) => {
         k(y);
       },
-      renderOption: (A, y) => /* @__PURE__ */ me(
+      renderOption: (x, y) => /* @__PURE__ */ Ce(
         "li",
-        S(s({}, A), {
+        S(s({}, x), {
           key: y.id,
           "data-testid": d ? `${d}:Autocomplete:option(${y.id.toString()})` : void 0
         }),
@@ -551,7 +554,7 @@ const Eo = ({
   closeHandler: t,
   setAuth0ExpiryTime: n
 }) => {
-  const { logout: i, getAccessTokenSilently: r } = rt(), [a, c] = E(0), d = () => P(void 0, null, function* () {
+  const { logout: i, getAccessTokenSilently: r } = st(), [a, c] = E(0), d = () => P(void 0, null, function* () {
     i({ logoutParams: { returnTo: `${window.location.origin}` } });
   }), l = () => P(void 0, null, function* () {
     c(a + 1), t();
@@ -559,12 +562,12 @@ const Eo = ({
   return oe(() => {
     (() => P(void 0, null, function* () {
       if (a > 0) {
-        const w = yield r({ cacheMode: "off" }), g = Cn(w) * 1e3;
+        const A = yield r({ cacheMode: "off" }), g = Cn(A) * 1e3;
         n(g);
       }
     }))();
   }, [a, r, n]), /* @__PURE__ */ o(
-    ht,
+    ft,
     {
       isOpen: e,
       primaryButton: {
@@ -608,7 +611,7 @@ function Fo({
   children: e,
   appName: t = "the app"
 }) {
-  const { isAuthenticated: n, isLoading: i, error: r, loginWithRedirect: a, logout: c } = rt();
+  const { isAuthenticated: n, isLoading: i, error: r, loginWithRedirect: a, logout: c } = st();
   if (oe(() => {
     if (i || n || r)
       return;
@@ -620,10 +623,10 @@ function Fo({
     a(d);
   }, [i, n, r, a]), r && xn(r)) {
     let d = "Auth error", l = "An unknown Auth0 error occurred.";
-    return wn(r) ? (d = "Unauthorised", l = `You are not authorised to access ${t}.`) : An(r) ? (d = "App not authorised", l = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`) : vn(r) && (d = "Unauthorised", l = "Authorisation with auth0 failed for an unknown reason."), /* @__PURE__ */ p(Ke, { open: !0, children: [
-      /* @__PURE__ */ o(Je, { children: d }),
-      /* @__PURE__ */ o(Ze, { children: /* @__PURE__ */ o(F, { children: l }) }),
-      /* @__PURE__ */ o(je, { children: /* @__PURE__ */ o(ie, { onClick: () => c({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" }) })
+    return wn(r) ? (d = "Unauthorised", l = `You are not authorised to access ${t}.`) : An(r) ? (d = "App not authorised", l = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`) : vn(r) && (d = "Unauthorised", l = "Authorisation with auth0 failed for an unknown reason."), /* @__PURE__ */ p(Je, { open: !0, children: [
+      /* @__PURE__ */ o(je, { children: d }),
+      /* @__PURE__ */ o(et, { children: /* @__PURE__ */ o(F, { children: l }) }),
+      /* @__PURE__ */ o(tt, { children: /* @__PURE__ */ o(ie, { onClick: () => c({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" }) })
     ] });
   }
   return n ? /* @__PURE__ */ o(_, { children: e }) : /* @__PURE__ */ o(an, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
@@ -635,7 +638,7 @@ const bn = 24, Sn = 64, G = "TopBar", O = {
   titleText: `${G}-titleText`,
   leftPanelButton: `${G}-leftPanelButton`,
   rightPanelButton: `${G}-leftPanelButton`
-}, kn = be("div", {
+}, kn = Se("div", {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: G
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
@@ -695,7 +698,7 @@ function Dn({
 }) {
   return /* @__PURE__ */ p(kn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
     /* @__PURE__ */ o("div", { className: O.topStripe }),
-    /* @__PURE__ */ o("div", { className: O.titleBar, children: /* @__PURE__ */ p($, { className: O.titleSlider, children: [
+    /* @__PURE__ */ o("div", { className: O.titleBar, children: /* @__PURE__ */ p(I, { className: O.titleSlider, children: [
       t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ p(
         Q,
         {
@@ -707,7 +710,7 @@ function Dn({
           size: "large",
           children: [
             " ",
-            /* @__PURE__ */ o(ot, {})
+            /* @__PURE__ */ o(rt, {})
           ]
         }
       ),
@@ -723,14 +726,14 @@ function Dn({
           size: "large",
           children: [
             " ",
-            /* @__PURE__ */ o(it, {})
+            /* @__PURE__ */ o(at, {})
           ]
         }
       )
     ] }) })
   ] });
 }
-const ft = 400, yn = be(xe, {
+const Ct = 400, yn = Se(ve, {
   shouldForwardProp: (e) => (
     // Note we do want anchor to be forwarded to the Drawer component
     ![
@@ -760,7 +763,7 @@ const ft = 400, yn = be(xe, {
       marginLeft: `${r}px`
     }))
   })
-), $n = be($, {
+), $n = Se(I, {
   shouldForwardProp: (e) => !["anchor"].includes(e)
 })(({ theme: e, anchor: t }) => S(s({
   display: "flex",
@@ -780,21 +783,21 @@ const ft = 400, yn = be(xe, {
     marginRight: t === "right" ? e.spacing(2) : 0
   }
 }));
-function Me({
+function Re({
   children: e,
   anchor: t = "left",
   open: n,
   onClose: i = () => {
   },
   titleText: r = "",
-  width: a = ft,
+  width: a = Ct,
   showCloseArrow: c = !0,
   debugOpacity: d = !1,
   headerBoxProps: l = {},
   onOpened: u,
-  onClosed: m,
-  "data-testid": x,
-  navBarOpen: w = !1,
+  onClosed: w,
+  "data-testid": C,
+  navBarOpen: A = !1,
   navBarWidthOpen: g = 0,
   navBarWidthClosed: k = 0
 }) {
@@ -803,27 +806,27 @@ function Me({
     {
       SlideProps: {
         onEntered: () => u == null ? void 0 : u(),
-        onExited: () => m == null ? void 0 : m()
+        onExited: () => w == null ? void 0 : w()
       },
       variant: "persistent",
       anchor: t,
       open: n,
       width: a,
       debugOpacity: d,
-      "data-testid": x,
-      navBarOpen: w,
+      "data-testid": C,
+      navBarOpen: A,
       navBarWidthOpen: g,
       navBarWidthClosed: k,
       children: [
         /* @__PURE__ */ o($n, S(s({ anchor: t }, l), { children: t === "left" ? /* @__PURE__ */ p(_, { children: [
           /* @__PURE__ */ o(F, { variant: "h6", color: "inherit", component: "div", children: r }),
           c && /* @__PURE__ */ p(Q, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
-            /* @__PURE__ */ o(it, { "data-testid": "arrowbackicon" }),
+            /* @__PURE__ */ o(at, { "data-testid": "arrowbackicon" }),
             " "
           ] })
         ] }) : /* @__PURE__ */ p(_, { children: [
           c && /* @__PURE__ */ p(Q, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
-            /* @__PURE__ */ o(ot, {}),
+            /* @__PURE__ */ o(rt, {}),
             " "
           ] }),
           /* @__PURE__ */ o(F, { variant: "h6", color: "inherit", component: "div", children: r })
@@ -833,7 +836,7 @@ function Me({
     }
   );
 }
-const In = W($, {
+const In = R(I, {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: "PanelAwareMargins"
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
@@ -856,17 +859,17 @@ const In = W($, {
     }),
     marginRight: `${(r = n == null ? void 0 : n.width) != null ? r : 0}px`
   });
-}), Tn = W(et, {
+}), Tn = R(nt, {
   name: "PageContainer"
 })(({ theme: e }) => ({
   // Horizontal padding comes from the Container's gutter
   paddingTop: e.spacing(3),
   paddingBottom: e.spacing(3)
   // TODO: Remove max width
-})), ge = !1, fe = !1, ee = {
+})), fe = !1, me = !1, ee = {
   titleText: "",
   flavour: "push",
-  width: ft,
+  width: Ct,
   arrowButtons: "both",
   startOpen: !1,
   open: void 0,
@@ -887,81 +890,81 @@ function Po({
   pageContentDataTestId: d,
   topBarDataTestId: l,
   navBarOpen: u,
-  navBarWidthOpen: m,
-  navBarWidthClosed: x
+  navBarWidthOpen: w,
+  navBarWidthClosed: C
 }) {
-  const [w, g] = E(ge), [k, b] = E(fe), [I, D] = E(ge), [A, y] = E(fe), N = n !== void 0, R = i !== void 0, {
+  const [A, g] = E(fe), [k, b] = E(me), [D, $] = E(fe), [x, y] = E(me), H = n !== void 0, N = i !== void 0, {
     titleText: T,
-    content: h,
-    flavour: f,
-    open: B,
-    onChangeOpen: L,
-    width: v,
-    arrowButtons: C,
-    startOpen: H,
-    onOpened: Dt,
-    onClosed: yt,
-    dataTestId: $t
+    content: W,
+    flavour: h,
+    open: f,
+    onChangeOpen: B,
+    width: m,
+    arrowButtons: v,
+    startOpen: L,
+    onOpened: se,
+    onClosed: $t,
+    dataTestId: It
   } = n ? s(s({}, ee), n) : s({}, ee), {
-    titleText: It,
-    content: Tt,
-    flavour: ke,
-    open: se,
-    onChangeOpen: De,
-    width: le,
+    titleText: Tt,
+    content: Ot,
+    flavour: De,
+    open: le,
+    onChangeOpen: ye,
+    width: ce,
     arrowButtons: J,
     startOpen: Z,
-    onOpened: Ot,
-    onClosed: Et,
-    dataTestId: Bt
+    onOpened: Et,
+    onClosed: Bt,
+    dataTestId: Ft
   } = i ? s(s({}, ee), i) : s({}, ee);
   oe(() => {
-    H !== ge && (g(H), D(H));
-  }, [H]), oe(() => {
-    Z !== fe && (b(Z), y(Z));
+    L !== fe && (g(L), $(L));
+  }, [L]), oe(() => {
+    Z !== me && (b(Z), y(Z));
   }, [Z]);
-  const ce = B === void 0 ? w : B, de = se === void 0 ? k : se, ye = (z) => {
-    B === void 0 && (g(z), r && R && (z ? (b(!1), y(k)) : b(A))), L && L(z);
-  }, $e = (z) => {
-    se === void 0 && (b(z), r && N && (z ? (g(!1), D(w)) : g(I))), De && De(z);
+  const de = f === void 0 ? A : f, ue = le === void 0 ? k : le, $e = (z) => {
+    f === void 0 && (g(z), r && N && (z ? (b(!1), y(k)) : b(x))), B && B(z);
+  }, Ie = (z) => {
+    le === void 0 && (b(z), r && H && (z ? (g(!1), $(A)) : g(D))), ye && ye(z);
   };
-  return /* @__PURE__ */ p($, { children: [
-    N && /* @__PURE__ */ o(
-      Me,
+  return /* @__PURE__ */ p(I, { children: [
+    H && /* @__PURE__ */ o(
+      Re,
       {
-        "data-testid": $t,
+        "data-testid": It,
         anchor: "left",
-        open: ce,
-        onClose: () => ye(!1),
-        width: v,
+        open: de,
+        onClose: () => $e(!1),
+        width: m,
         titleText: T,
         debugOpacity: a,
-        showCloseArrow: C === "both" || C === "close",
-        onOpened: Dt,
-        onClosed: yt,
+        showCloseArrow: v === "both" || v === "close",
+        onOpened: se,
+        onClosed: $t,
         navBarOpen: u,
-        navBarWidthOpen: m,
-        navBarWidthClosed: x,
-        children: h
+        navBarWidthOpen: w,
+        navBarWidthClosed: C,
+        children: W
       }
     ),
-    R && /* @__PURE__ */ o(
-      Me,
+    N && /* @__PURE__ */ o(
+      Re,
       {
-        "data-testid": Bt,
+        "data-testid": Ft,
         anchor: "right",
-        open: de,
-        onClose: () => $e(!1),
-        width: le,
-        titleText: It,
+        open: ue,
+        onClose: () => Ie(!1),
+        width: ce,
+        titleText: Tt,
         debugOpacity: a,
         showCloseArrow: J === "both" || J === "close",
-        onOpened: Ot,
-        onClosed: Et,
+        onOpened: Et,
+        onClosed: Bt,
         navBarOpen: u,
-        navBarWidthOpen: m,
-        navBarWidthClosed: x,
-        children: Tt
+        navBarWidthOpen: w,
+        navBarWidthClosed: C,
+        children: Ot
       }
     ),
     /* @__PURE__ */ o(
@@ -969,33 +972,33 @@ function Po({
       s(s({
         titleText: t,
         "data-testid": l
-      }, N && f === "push" ? {
+      }, H && h === "push" ? {
         leftPanel: {
-          open: ce,
-          width: v,
-          onOpen: () => ye(!0),
-          showOpenArrow: C === "both" || C === "open"
-        }
-      } : {}), R && ke === "push" ? {
-        rightPanel: {
           open: de,
-          width: le,
+          width: m,
           onOpen: () => $e(!0),
+          showOpenArrow: v === "both" || v === "open"
+        }
+      } : {}), N && De === "push" ? {
+        rightPanel: {
+          open: ue,
+          width: ce,
+          onOpen: () => Ie(!0),
           showOpenArrow: J === "both" || J === "open"
         }
       } : {})
     ),
     /* @__PURE__ */ o(
       In,
-      S(s(s({}, f === "push" ? {
+      S(s(s({}, h === "push" ? {
         leftPanel: {
-          open: ce,
-          width: v
+          open: de,
+          width: m
         }
-      } : {}), ke === "push" ? {
+      } : {}), De === "push" ? {
         rightPanel: {
-          open: de,
-          width: le
+          open: ue,
+          width: ce
         }
       } : {}), {
         children: /* @__PURE__ */ o(Tn, S(s({ "data-testid": d }, c), { children: e }))
@@ -1003,10 +1006,10 @@ function Po({
     )
   ] });
 }
-const mt = () => {
+const xt = () => {
   const e = ae();
-  return Rt(e.breakpoints.down("sm"));
-}, On = 64, En = 72, Bn = 256, Y = M(!0), Ct = M(Bn), xt = M(En), Ce = M(""), Fn = M(void 0), vt = M(On), wt = M(void 0);
+  return Ht(e.breakpoints.down("sm"));
+}, On = 64, En = 72, Bn = 256, Y = M(!0), vt = M(Bn), wt = M(En), xe = M(""), Fn = M(void 0), At = M(On), bt = M(void 0);
 function Pn({ links: e }) {
   return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
 }
@@ -1018,7 +1021,7 @@ const te = "Navbar", X = {
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, Nn = W($, { name: "NavBar" })(({ theme: e }) => ({
+}, Nn = R(I, { name: "NavBar" })(({ theme: e }) => ({
   [`&.${X.root}`]: {
     display: "flex"
   },
@@ -1043,7 +1046,7 @@ const te = "Navbar", X = {
 }), Ln = (e) => {
   const t = ae();
   return /* @__PURE__ */ o(
-    Ht,
+    Wt,
     s({
       easing: t.transitions.easing.sharp,
       timeout: {
@@ -1052,7 +1055,7 @@ const te = "Navbar", X = {
       }
     }, e)
   );
-}, At = (e) => {
+}, St = (e) => {
   var t, n;
   return {
     overflowX: "hidden",
@@ -1060,13 +1063,13 @@ const te = "Navbar", X = {
     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
   };
-}, Re = (e, t) => s({
+}, He = (e, t) => s({
   width: t,
   transition: re(e, "width", "entering")
-}, At(e)), He = (e, t) => s({
+}, St(e)), We = (e, t) => s({
   width: t,
   transition: re(e, "width", "leaving")
-}, At(e)), _n = W(xe, {
+}, St(e)), _n = R(ve, {
   shouldForwardProp: (e) => !["widthOpen", "widthClosed", "isSmallScreen"].includes(e)
 })(({ theme: e, open: t, widthOpen: n, widthClosed: i, isSmallScreen: r }) => s(s({
   flexShrink: 0,
@@ -1074,12 +1077,12 @@ const te = "Navbar", X = {
   boxSizing: "border-box",
   display: "flex",
   flexDirection: "column"
-}, t && S(s({}, Re(e, n)), {
+}, t && S(s({}, He(e, n)), {
   backgroundColor: "",
-  "& .MuiDrawer-paper": Re(e, n)
-})), !t && S(s({}, He(e, r ? n : i)), {
+  "& .MuiDrawer-paper": He(e, n)
+})), !t && S(s({}, We(e, r ? n : i)), {
   backgroundColor: "",
-  "& .MuiDrawer-paper": He(e, r ? n : i)
+  "& .MuiDrawer-paper": We(e, r ? n : i)
 })));
 function Mn(e) {
   let t = 0;
@@ -1089,11 +1092,11 @@ function Mn(e) {
   }
   return t;
 }
-const We = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], Rn = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
+const ze = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], Rn = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
 function Hn({ user: e, domainCode: t, open: n }) {
   const i = ae();
   return /* @__PURE__ */ p(
-    $,
+    I,
     {
       sx: {
         paddingTop: 3,
@@ -1104,7 +1107,7 @@ function Hn({ user: e, domainCode: t, open: n }) {
       },
       children: [
         /* @__PURE__ */ o(
-          $,
+          I,
           {
             sx: {
               width: n ? "5rem" : "2rem",
@@ -1112,22 +1115,22 @@ function Hn({ user: e, domainCode: t, open: n }) {
               aspectRatio: 1
             },
             children: e != null && e.name ? /* @__PURE__ */ o(
-              Be,
+              Fe,
               {
                 src: e == null ? void 0 : e.picture,
                 sx: {
                   width: "100%",
                   height: "100%",
-                  bgcolor: We[Math.abs(Mn(e.name)) % We.length]
+                  bgcolor: ze[Math.abs(Mn(e.name)) % ze.length]
                 },
                 children: Rn(e.name)
               }
-            ) : /* @__PURE__ */ o(Be, { sx: { width: "100%", height: "100%" } })
+            ) : /* @__PURE__ */ o(Fe, { sx: { width: "100%", height: "100%" } })
           }
         ),
-        /* @__PURE__ */ o(Ln, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Wt, { in: n, children: /* @__PURE__ */ p($, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
-          e != null && e.name ? /* @__PURE__ */ o(F, { children: e.name }) : /* @__PURE__ */ o(Fe, { animation: !1, width: "50%" }),
-          t ? /* @__PURE__ */ o(F, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Fe, { animation: !1, width: "25%" })
+        /* @__PURE__ */ o(Ln, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(zt, { in: n, children: /* @__PURE__ */ p(I, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
+          e != null && e.name ? /* @__PURE__ */ o(F, { children: e.name }) : /* @__PURE__ */ o(Pe, { animation: !1, width: "50%" }),
+          t ? /* @__PURE__ */ o(F, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Pe, { animation: !1, width: "25%" })
         ] }) }) })
       ]
     }
@@ -1144,7 +1147,7 @@ function Wn({
   user: d,
   domainCode: l
 }) {
-  const u = mt(), m = at(Y);
+  const u = xt(), w = lt(Y);
   return /* @__PURE__ */ o(Nn, { className: X.root, "data-testid": i, children: /* @__PURE__ */ p(
     _n,
     {
@@ -1157,18 +1160,18 @@ function Wn({
         component: "nav"
       },
       onClose: () => {
-        m(!1);
+        w(!1);
       },
       isSmallScreen: u,
       children: [
-        !u && /* @__PURE__ */ o(zt, {}),
-        r && /* @__PURE__ */ p($, { flexGrow: "0", children: [
+        !u && /* @__PURE__ */ o(Ut, {}),
+        r && /* @__PURE__ */ p(I, { flexGrow: "0", children: [
           r,
-          /* @__PURE__ */ o(Pe, { variant: "middle", sx: { marginY: "0.5rem" } })
+          /* @__PURE__ */ o(Ne, { variant: "middle", sx: { marginY: "0.5rem" } })
         ] }),
-        /* @__PURE__ */ o($, { flexGrow: "1", children: Array.isArray(a) ? /* @__PURE__ */ o(Pn, { links: a }) : a }),
-        /* @__PURE__ */ p($, { flexGrow: "0", children: [
-          /* @__PURE__ */ o(Pe, { variant: "middle", sx: { marginY: "0.5rem" } }),
+        /* @__PURE__ */ o(I, { flexGrow: "1", children: Array.isArray(a) ? /* @__PURE__ */ o(Pn, { links: a }) : a }),
+        /* @__PURE__ */ p(I, { flexGrow: "0", children: [
+          /* @__PURE__ */ o(Ne, { variant: "middle", sx: { marginY: "0.5rem" } }),
           /* @__PURE__ */ o(Hn, { user: d, domainCode: l, open: e }),
           c && /* @__PURE__ */ o(_, { children: c })
         ] })
@@ -1182,7 +1185,7 @@ function zn({
   maxWidth: n = !1
 }) {
   return /* @__PURE__ */ o(
-    $,
+    I,
     {
       sx: {
         overflow: "auto",
@@ -1192,7 +1195,7 @@ function zn({
         flexGrow: 1
       },
       children: /* @__PURE__ */ o(
-        et,
+        nt,
         {
           component: "main",
           id: "main-content",
@@ -1213,9 +1216,9 @@ function Vn({
   "data-testid": n,
   middle: i
 }) {
-  const r = at(Y), a = () => r((l) => !l), c = ae(), d = mt();
+  const r = lt(Y), a = () => r((l) => !l), c = ae(), d = xt();
   return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ p(
-    Ye,
+    Ke,
     {
       square: !0,
       elevation: 0,
@@ -1259,35 +1262,35 @@ function No({
   navBarMiddle: d,
   navBarBottom: l,
   user: u,
-  domainCode: m
+  domainCode: w
 }) {
-  lt([
+  dt([
     [Y, n != null ? n : !0],
-    [Ce, t != null ? t : ""]
+    [xe, t != null ? t : ""]
   ]);
-  const x = Ne(Y), [w] = V(Ct), [g] = V(xt), k = Ne(Ce), [b] = V(vt), [I] = V(Fn), [D] = V(wt);
-  return /* @__PURE__ */ p($, { children: [
-    /* @__PURE__ */ o(Ut, {}),
+  const C = Le(Y), [A] = V(vt), [g] = V(wt), k = Le(xe), [b] = V(At), [D] = V(Fn), [$] = V(bt);
+  return /* @__PURE__ */ p(I, { children: [
+    /* @__PURE__ */ o(Gt, {}),
     /* @__PURE__ */ o(
       Vn,
       {
         titleText: k,
         "data-testid": a,
         height: b,
-        middle: I
+        middle: D
       }
     ),
-    /* @__PURE__ */ p($, { sx: { display: "flex" }, children: [
+    /* @__PURE__ */ p(I, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ o(
         Wn,
         {
-          open: x,
-          top: D,
+          open: C,
+          top: $,
           middle: d,
           bottom: l,
           user: u,
-          domainCode: m,
-          widthOpen: w,
+          domainCode: w,
+          widthOpen: A,
           widthClosed: g,
           offsetTop: b,
           "data-testid": c
@@ -1313,97 +1316,97 @@ const qn = {
   disableWindowBlurListener: !1
 }, Xn = {
   shouldClose: (e, t) => t !== "clickaway"
-}, ze = {
+}, Ue = {
   message: "",
   severity: "info",
   variant: "standard",
   progressIndicator: void 0
   // Can use 'circular' or 'linear'
-}, Ue = 100, Ge = 2e3, Qn = 2e3, Yn = (() => {
+}, Ge = 100, Ve = 2e3, Qn = 2e3, Yn = (() => {
   let e = 0;
   return () => (e += 1, e);
 })(), Kn = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
-}, Jn = {}, Zn = {}, bt = Xe(null);
+}, Jn = {}, Zn = {}, kt = Qe(null);
 function jn(a) {
   var c = a, {
     overrideState: e = Jn,
     overrideActions: t = Zn,
     shouldClose: n = Xn.shouldClose,
     children: i
-  } = c, r = Oe(c, [
+  } = c, r = Ee(c, [
     "overrideState",
     "overrideActions",
     "shouldClose",
     "children"
   ]);
-  var L;
-  const [{ open: d }, l] = E({ open: !1 }), u = pe([]), m = pe(Date.now()), x = pe(0), w = ne((v) => {
-    l({ open: v });
-  }, []), g = ne((v = {}) => {
-    x.current += 1, u.current.length >= Ue && Date.now() - m.current >= Ge && (m.current = Date.now(), console.error(
-      `SaladBarProvider: MAX_QUEUE_LENGTH (${Ue}) hit ${x.current} times in last ${Ge}ms)`
-    ), x.current = 0);
-    const C = s(S(s({}, ze), {
+  var B;
+  const [{ open: d }, l] = E({ open: !1 }), u = he([]), w = he(Date.now()), C = he(0), A = ne((m) => {
+    l({ open: m });
+  }, []), g = ne((m = {}) => {
+    C.current += 1, u.current.length >= Ge && Date.now() - w.current >= Ve && (w.current = Date.now(), console.error(
+      `SaladBarProvider: MAX_QUEUE_LENGTH (${Ge}) hit ${C.current} times in last ${Ve}ms)`
+    ), C.current = 0);
+    const v = s(S(s({}, Ue), {
       key: Yn()
-    }), v);
-    return u.current.push(C), u.current.length === 1 && l({ open: !0 }), C.key;
-  }, []), k = (v = "", C = {}) => g(s({ message: v, severity: "success" }, C)), b = (v = "", C = {}) => g(s({ message: v, severity: "info" }, C)), I = (v = "", C = {}) => g(s({ message: v, severity: "warning" }, C)), D = (v = "", C = {}) => g(s({ message: v, severity: "error" }, C)), A = (v) => {
-    const C = u.current.findIndex((H) => H.key === v);
-    if (C !== -1)
-      return C === 0 ? (l({ open: !1 }), u.current[0]) : u.current.splice(C, 1);
-  }, y = (v, C) => {
-    n(v, C) && l({ open: !1 });
+    }), m);
+    return u.current.push(v), u.current.length === 1 && l({ open: !0 }), v.key;
+  }, []), k = (m = "", v = {}) => g(s({ message: m, severity: "success" }, v)), b = (m = "", v = {}) => g(s({ message: m, severity: "info" }, v)), D = (m = "", v = {}) => g(s({ message: m, severity: "warning" }, v)), $ = (m = "", v = {}) => g(s({ message: m, severity: "error" }, v)), x = (m) => {
+    const v = u.current.findIndex((L) => L.key === m);
+    if (v !== -1)
+      return v === 0 ? (l({ open: !1 }), u.current[0]) : u.current.splice(v, 1);
+  }, y = (m, v) => {
+    n(m, v) && l({ open: !1 });
+  }, H = () => {
   }, N = () => {
-  }, R = () => {
     u.current.shift(), u.current.length > 0 && l({ open: !0 });
-  }, T = (L = u.current[0]) != null ? L : s({}, ze), h = {};
-  "autoHideDuration" in T && (h.autoHideDuration = T.autoHideDuration);
-  const f = s(s({}, qn), r), B = s(s({
+  }, T = (B = u.current[0]) != null ? B : s({}, Ue), W = {};
+  "autoHideDuration" in T && (W.autoHideDuration = T.autoHideDuration);
+  const h = s(s({}, qn), r), f = s(s({
     open: d,
-    setOpen: w,
+    setOpen: A,
     enqueueNotification: g,
     enqueueSuccessNotification: k,
     enqueueInfoNotification: b,
-    enqueueWarningNotification: I,
-    enqueueErrorNotification: D,
-    removeNotification: A
+    enqueueWarningNotification: D,
+    enqueueErrorNotification: $,
+    removeNotification: x
   }, e), t);
-  return /* @__PURE__ */ p(bt.Provider, { value: B, children: [
+  return /* @__PURE__ */ p(kt.Provider, { value: f, children: [
     i,
     /* @__PURE__ */ o(
-      Gt,
-      S(s(s({}, f), h), {
+      Vt,
+      S(s(s({}, h), W), {
         open: d,
         onClose: y,
         TransitionProps: {
-          onExited: R,
-          onExit: N
+          onExited: N,
+          onExit: H
         },
         sx: { zIndex: Qn },
         children: /* @__PURE__ */ p("div", { children: [
           /* @__PURE__ */ o(
-            Vt,
+            qt,
             {
-              onClose: (v) => y(v, "closeAlert"),
+              onClose: (m) => y(m, "closeAlert"),
               severity: T.severity,
               variant: "filled",
-              icon: T.progressIndicator === "circular" ? /* @__PURE__ */ o(Ae, { size: "1em" }) : void 0,
+              icon: T.progressIndicator === "circular" ? /* @__PURE__ */ o(be, { size: "1em" }) : void 0,
               style: T.progressIndicator === "linear" ? Kn : void 0,
               children: T.message
             }
           ),
-          T.progressIndicator === "linear" && /* @__PURE__ */ o(qt, { color: "primary" })
+          T.progressIndicator === "linear" && /* @__PURE__ */ o(Ze, { color: "primary" })
         ] })
       })
     )
   ] });
 }
 function eo() {
-  const e = Qe(bt);
+  const e = Ye(kt);
   if (e === null)
-    throw new Se("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
+    throw new ke("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
   return e;
 }
 const Lo = K(
@@ -1411,14 +1414,14 @@ const Lo = K(
 ), to = sn(), _o = ({
   children: e,
   store: t
-}) => /* @__PURE__ */ o(st, { store: t != null ? t : to, children: e }), St = "domainCode";
-var qe;
-const Ve = M(
-  JSON.parse((qe = localStorage.getItem(St)) != null ? qe : '{"domainCode": ""}').domainCode
-), kt = M(
-  (e) => e(Ve),
+}) => /* @__PURE__ */ o(ct, { store: t != null ? t : to, children: e }), Dt = "domainCode";
+var Xe;
+const qe = M(
+  JSON.parse((Xe = localStorage.getItem(Dt)) != null ? Xe : '{"domainCode": ""}').domainCode
+), yt = M(
+  (e) => e(qe),
   (e, t, n) => {
-    t(Ve, n), localStorage.setItem(St, JSON.stringify({ domainCode: n }));
+    t(qe, n), localStorage.setItem(Dt, JSON.stringify({ domainCode: n }));
   }
 ), no = {
   act: "ACT",
@@ -1443,21 +1446,21 @@ const Ve = M(
   applicationName: r,
   handleLogout: a
 }) => {
-  const [c, d] = V(kt), [l, u] = E(c), { enqueueSuccessNotification: m } = eo(), x = i.length === 0, w = !!c && !i.includes(c) && !i.includes(l), g = !c || x || w, k = () => P(void 0, null, function* () {
-    l ? (d(l), m(`Set domain to ${l}`), n()) : d("");
+  const [c, d] = V(yt), [l, u] = E(c), { enqueueSuccessNotification: w } = eo(), C = i.length === 0, A = !!c && !i.includes(c) && !i.includes(l), g = !c || C || A, k = () => P(void 0, null, function* () {
+    l ? (d(l), w(`Set domain to ${l}`), n()) : d("");
   }), b = () => P(void 0, null, function* () {
-    c && !x && !w ? (u(c), n()) : g && a();
+    c && !C && !A ? (u(c), n()) : g && a();
   });
-  let I;
-  return x ? I = "Unable to retrieve your active organisations. Try logging in again." : w && (I = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ p(
-    ht,
+  let D;
+  return C ? D = "Unable to retrieve your active organisations. Try logging in again." : A && (D = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ p(
+    ft,
     {
       isOpen: t,
       dialogTitle: "Select an organisation",
       primaryButton: {
         text: "Confirm",
         onClick: k,
-        disabled: !l || x || w,
+        disabled: !l || C || A,
         buttonColor: "primary"
       },
       secondaryButton: {
@@ -1473,35 +1476,35 @@ const Ve = M(
           "."
         ] }),
         /* @__PURE__ */ o(
-          ve,
+          we,
           {
             loading: e,
             multiple: !1,
             disableClearable: !1,
             value: l !== "" ? l : null,
-            onChange: (D, A) => u(A != null ? A : ""),
+            onChange: ($, x) => u(x != null ? x : ""),
             getOptionLabel: oo,
             options: [...i],
-            renderInput: (D) => /* @__PURE__ */ o(
-              we,
-              S(s({}, D), {
+            renderInput: ($) => /* @__PURE__ */ o(
+              Ae,
+              S(s({}, $), {
                 variant: "filled",
                 label: "Select organisation",
-                InputProps: S(s({}, D.InputProps), {
+                InputProps: S(s({}, $.InputProps), {
                   endAdornment: /* @__PURE__ */ p(_, { children: [
-                    e ? /* @__PURE__ */ o(Ae, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
-                    D.InputProps.endAdornment
+                    e ? /* @__PURE__ */ o(be, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
+                    $.InputProps.endAdornment
                   ] })
                 })
               })
             )
           }
         ),
-        I && /* @__PURE__ */ o(Xt, { error: !0, children: I })
+        D && /* @__PURE__ */ o(Xt, { error: !0, children: D })
       ]
     }
   );
-}, Ro = tt({
+}, Ro = ot({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1552,7 +1555,7 @@ const Ve = M(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), Ho = tt({
+}), Ho = ot({
   palette: {
     primary: {
       main: "#007236",
@@ -1606,18 +1609,18 @@ const Ve = M(
       styleOverrides: {
         root: ({ theme: e }) => ({
           "&.Mui-selected": {
-            backgroundColor: he(
+            backgroundColor: ge(
               e.palette.secondary.main,
               e.palette.action.selectedOpacity
             ),
             "&:hover": {
-              backgroundColor: he(
+              backgroundColor: ge(
                 e.palette.secondary.main,
                 e.palette.action.selectedOpacity
               )
             },
             "&.Mui-focusVisible": {
-              backgroundColor: he(
+              backgroundColor: ge(
                 e.palette.secondary.main,
                 e.palette.action.focusOpacity
               )
@@ -1644,17 +1647,17 @@ const Ve = M(
     backgroundColor: "#E8E8E8"
   }
 }), io = {
-  domainCode: kt,
+  domainCode: yt,
   navBarOpen: Y,
-  navBarWidthOpen: Ct,
-  navBarWidthClosed: xt,
-  titleText: Ce,
-  topBarHeight: vt,
-  navBarTop: wt
-}, Wo = K(() => ({ children: e }) => /* @__PURE__ */ o(st, { children: e })), ro = ({
+  navBarWidthOpen: vt,
+  navBarWidthClosed: wt,
+  titleText: xe,
+  topBarHeight: At,
+  navBarTop: bt
+}, Wo = K(() => ({ children: e }) => /* @__PURE__ */ o(ct, { children: e })), ro = ({
   initialValues: e,
   children: t
-}) => (lt(e), /* @__PURE__ */ o(_, { children: t })), zo = K(
+}) => (dt(e), /* @__PURE__ */ o(_, { children: t })), zo = K(
   (e) => ({ children: t }) => /* @__PURE__ */ o(
     ro,
     {
@@ -1672,18 +1675,18 @@ const Ve = M(
   return /* @__PURE__ */ o(on, { client: t, children: e });
 });
 export {
-  ht as AgDialog,
+  ft as AgDialog,
   No as AppLayout,
   _o as AtomProvider,
   Fo as AuthGuard,
-  bt as Context,
-  Se as ContextError,
+  kt as Context,
+  ke as ContextError,
   Mo as DomainCodeDialog,
   Do as ExampleComponent,
   Oo as FetchAutocomplete,
   ro as HydrateAtoms,
-  dt as NAVBAR_WIDTH_CLOSED,
-  ct as NAVBAR_WIDTH_OPENED,
+  pt as NAVBAR_WIDTH_CLOSED,
+  ut as NAVBAR_WIDTH_OPENED,
   To as NavBar,
   $o as NavBarDarkStyledList,
   Io as NavBarLightStyledList,
@@ -1694,19 +1697,19 @@ export {
   Eo as SingleAutocomplete,
   to as atomStore,
   mn as buildNavBarState,
-  kt as domainCodeAtom,
+  yt as domainCodeAtom,
   Ro as fed21Theme,
   Cn as getAuth0Expiry,
   Ho as internalAgSystemsTheme,
   q as navBarClasses,
   Y as navBarOpenAtom,
-  wt as navBarTopAtom,
-  xt as navBarWidthClosedAtom,
-  Ct as navBarWidthOpenAtom,
-  Ce as titleTextAtom,
-  vt as topBarHeightAtom,
+  bt as navBarTopAtom,
+  wt as navBarWidthClosedAtom,
+  vt as navBarWidthOpenAtom,
+  xe as titleTextAtom,
+  At as topBarHeightAtom,
   Fn as topBarMiddleAtom,
-  gt as useAutocompleteOptions,
+  mt as useAutocompleteOptions,
   fn as useNavBar,
   eo as useSaladBar,
   Wo as withAtomProvider,