@australiangreens/ag-internal-components 0.1.1 → 0.1.3

package/dist/esm/index.js

@@ -2,14 +2,14 @@ var Lt = Object.defineProperty, _t = Object.defineProperties;
 var Mt = Object.getOwnPropertyDescriptors;
 var ne = Object.getOwnPropertySymbols;
 var Be = Object.prototype.hasOwnProperty, Oe = Object.prototype.propertyIsEnumerable;
-var he = (e, t, n) => t in e ? Lt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, a = (e, t) => {
+var he = (e, t, n) => t in e ? Lt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, s = (e, t) => {
   for (var n in t || (t = {}))
     Be.call(t, n) && he(e, n, t[n]);
   if (ne)
     for (var n of ne(t))
       Oe.call(t, n) && he(e, n, t[n]);
   return e;
-}, D = (e, t) => _t(e, Mt(t));
+}, y = (e, t) => _t(e, Mt(t));
 var Ee = (e, t) => {
   var n = {};
   for (var i in e)
@@ -21,24 +21,24 @@ var Ee = (e, t) => {
 };
 var Fe = (e, t, n) => (he(e, typeof t != "symbol" ? t + "" : t, n), n);
 var L = (e, t, n) => new Promise((i, r) => {
-  var s = (d) => {
+  var l = (a) => {
     try {
-      l(n.next(d));
-    } catch (p) {
-      r(p);
+      p(n.next(a));
+    } catch (d) {
+      r(d);
     }
-  }, c = (d) => {
+  }, c = (a) => {
     try {
-      l(n.throw(d));
-    } catch (p) {
-      r(p);
+      p(n.throw(a));
+    } catch (d) {
+      r(d);
     }
-  }, l = (d) => d.done ? i(d.value) : Promise.resolve(d.value).then(s, c);
-  l((n = n.apply(e, t)).next());
+  }, p = (a) => a.done ? i(a.value) : Promise.resolve(a.value).then(l, c);
+  p((n = n.apply(e, t)).next());
 });
 import { jsxs as u, Fragment as F, jsx as o } from "react/jsx-runtime";
 import { useState as E, createContext as Je, useCallback as re, useContext as Ze, useEffect as K, createElement as xe, useRef as ge } from "react";
-import { Typography as B, Button as ae, Paper as je, Box as y, Drawer as we, styled as Ae, IconButton as J, Container as et, useTheme as se, useMediaQuery as Rt, Collapse as Ht, Avatar as Pe, Fade as Wt, Skeleton as Ne, Toolbar as zt, Divider as Le, CssBaseline as Ut, Dialog as tt, LinearProgress as nt, DialogTitle as ot, DialogContent as it, DialogActions as rt, Autocomplete as Se, TextField as be, CircularProgress as De, Chip as Gt, Tooltip as Vt, Stack as qt, Snackbar as Xt, Alert as Qt, FormHelperText as Yt } from "@mui/material";
+import { Typography as B, Button as ae, Paper as je, Box as $, Drawer as we, styled as Ae, IconButton as J, Container as et, useTheme as se, useMediaQuery as Rt, Collapse as Ht, Avatar as Pe, Fade as Wt, Skeleton as Ne, Toolbar as zt, Divider as Le, CssBaseline as Ut, Dialog as tt, LinearProgress as nt, DialogTitle as ot, DialogContent as it, DialogActions as rt, Autocomplete as Se, TextField as be, CircularProgress as De, Chip as Gt, Tooltip as Vt, Stack as qt, Snackbar as Xt, Alert as Qt, FormHelperText as Yt } from "@mui/material";
 import Kt from "@mui/material/CssBaseline";
 import { styled as R, createTheme as at, alpha as fe } from "@mui/material/styles";
 import { AgError as Jt } from "@australiangreens/ag-error";
@@ -87,7 +87,7 @@ const gt = 330, ft = 73, U = "Navbar", q = {
   userInfoHolder: `${U}-userInfoHolder`,
   settings: `${U}-settings`,
   pieChartIcon: `${U}-pieChartIcon`
-}, pn = R(y, {
+}, pn = R($, {
   name: "NavBar"
 })(({ theme: e }) => ({
   [`&.${q.root}`]: {
@@ -116,13 +116,13 @@ const gt = 330, ft = 73, U = "Navbar", q = {
   color: "white",
   backgroundColor: "black"
   // backgroundColor: '#e8e8e8',
-}), un = () => a({
+}), un = () => s({
   width: gt
-}, mt()), hn = () => a({
+}, mt()), hn = () => s({
   width: ft
 }, mt()), gn = R(we, {
   shouldForwardProp: (e) => e !== "open"
-})(({ theme: e, open: t }) => a(a({
+})(({ theme: e, open: t }) => s(s({
   width: t ? gt : ft,
   flexShrink: 0,
   whiteSpace: "nowrap",
@@ -141,22 +141,22 @@ const Ct = Je(null), fn = {}, mn = {}, Cn = ({
   overrideActions: t = mn,
   children: n
 }) => {
-  const [{ open: i }, r] = E({ open: !0 }), s = re((d) => {
-    r({ open: d });
+  const [{ open: i }, r] = E({ open: !0 }), l = re((a) => {
+    r({ open: a });
   }, []), c = re(() => {
-    r((d) => D(a({}, d), { open: !d.open }));
-  }, []), l = a(a({
+    r((a) => y(s({}, a), { open: !a.open }));
+  }, []), p = s(s({
     open: i,
-    setOpen: s,
+    setOpen: l,
     toggleOpen: c
   }, e), t);
-  return /* @__PURE__ */ o(Ct.Provider, { value: l, children: n });
+  return /* @__PURE__ */ o(Ct.Provider, { value: p, children: n });
 }, xn = () => {
   const e = Ze(Ct);
   if (e === null)
     throw new ke("Error: Tried to useNavBar outside of a <NavBarProvider>");
   return e;
-}, vn = (e = {}) => a({
+}, vn = (e = {}) => s({
   open: !0
 }, e), Bo = Q(
   (e = vn(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(Cn, { overrideState: e, overrideActions: t, children: n })
@@ -281,7 +281,7 @@ const wn = 24, An = 64, G = "TopBar", O = {
       padding: e.spacing(0, 3),
       width: "100%"
     },
-    [`& .${O.titleSlider}`]: a(a({
+    [`& .${O.titleSlider}`]: s(s({
       height: "100%",
       display: "flex",
       alignItems: "center",
@@ -323,7 +323,7 @@ function bn({
 }) {
   return /* @__PURE__ */ u(Sn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
     /* @__PURE__ */ o("div", { className: O.topStripe }),
-    /* @__PURE__ */ o("div", { className: O.titleBar, children: /* @__PURE__ */ u(y, { className: O.titleSlider, children: [
+    /* @__PURE__ */ o("div", { className: O.titleBar, children: /* @__PURE__ */ u($, { className: O.titleSlider, children: [
       t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ u(
         J,
         {
@@ -372,9 +372,9 @@ const xt = 400, Dn = Ae(we, {
   ),
   name: "SidePanelDrawer"
 })(
-  ({ width: e, debugOpacity: t = !1, anchor: n, navBarOpen: i, navBarWidthOpen: r, navBarWidthClosed: s }) => ({
+  ({ width: e, debugOpacity: t = !1, anchor: n, navBarOpen: i, navBarWidthOpen: r, navBarWidthClosed: l }) => ({
     width: e,
-    "& .MuiDrawer-paper": a(a({
+    "& .MuiDrawer-paper": s(s({
       position: "absolute",
       width: e,
       boxSizing: "border-box",
@@ -382,15 +382,15 @@ const xt = 400, Dn = Ae(we, {
       boxShadow: "0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.2)"
     }, t && {
       opacity: "50%"
-    }), n === "left" && a({
-      marginLeft: `${s}px`
+    }), n === "left" && s({
+      marginLeft: `${l}px`
     }, i && {
       marginLeft: `${r}px`
     }))
   })
-), kn = Ae(y, {
+), kn = Ae($, {
   shouldForwardProp: (e) => !["anchor"].includes(e)
-})(({ theme: e, anchor: t }) => D(a({
+})(({ theme: e, anchor: t }) => y(s({
   display: "flex",
   alignItems: "center",
   padding: e.spacing(2)
@@ -415,35 +415,35 @@ function We({
   onClose: i = () => {
   },
   titleText: r = "",
-  width: s = xt,
+  width: l = xt,
   showCloseArrow: c = !0,
-  debugOpacity: l = !1,
-  headerBoxProps: d = {},
-  onOpened: p,
-  onClosed: C,
+  debugOpacity: p = !1,
+  headerBoxProps: a = {},
+  onOpened: d,
+  onClosed: m,
   "data-testid": f,
-  navBarOpen: m = !1,
-  navBarWidthOpen: h = 0,
-  navBarWidthClosed: $ = 0
+  navBarOpen: v = !1,
+  navBarWidthOpen: g = 0,
+  navBarWidthClosed: A = 0
 }) {
   return /* @__PURE__ */ u(
     Dn,
     {
       SlideProps: {
-        onEntered: () => p == null ? void 0 : p(),
-        onExited: () => C == null ? void 0 : C()
+        onEntered: () => d == null ? void 0 : d(),
+        onExited: () => m == null ? void 0 : m()
       },
       variant: "persistent",
       anchor: t,
       open: n,
-      width: s,
-      debugOpacity: l,
+      width: l,
+      debugOpacity: p,
       "data-testid": f,
-      navBarOpen: m,
-      navBarWidthOpen: h,
-      navBarWidthClosed: $,
+      navBarOpen: v,
+      navBarWidthOpen: g,
+      navBarWidthClosed: A,
       children: [
-        /* @__PURE__ */ o(kn, D(a({ anchor: t }, d), { children: t === "left" ? /* @__PURE__ */ u(F, { children: [
+        /* @__PURE__ */ o(kn, y(s({ anchor: t }, a), { children: t === "left" ? /* @__PURE__ */ u(F, { children: [
           /* @__PURE__ */ o(B, { variant: "h6", color: "inherit", component: "div", children: r }),
           c && /* @__PURE__ */ u(J, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
             /* @__PURE__ */ o(ct, { "data-testid": "arrowbackicon" }),
@@ -461,12 +461,12 @@ function We({
     }
   );
 }
-const yn = R(y, {
+const yn = R($, {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: "PanelAwareMargins"
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
   var i, r;
-  return a(a({
+  return s(s({
     transition: e.transitions.create("margin", {
       easing: e.transitions.easing.sharp,
       duration: e.transitions.duration.leavingScreen
@@ -510,27 +510,27 @@ function No({
   leftPanel: n,
   rightPanel: i,
   sidePanelsAreMutuallyExclusive: r = !0,
-  debugOpacity: s = !1,
+  debugOpacity: l = !1,
   pageContainerProps: c,
-  pageContentDataTestId: l,
-  topBarDataTestId: d,
-  navBarOpen: p,
-  navBarWidthOpen: C,
+  pageContentDataTestId: p,
+  topBarDataTestId: a,
+  navBarOpen: d,
+  navBarWidthOpen: m,
   navBarWidthClosed: f
 }) {
-  const [m, h] = E(me), [$, k] = E(Ce), [S, I] = E(me), [T, P] = E(Ce), N = n !== void 0, b = i !== void 0, {
-    titleText: A,
+  const [v, g] = E(me), [A, S] = E(Ce), [D, I] = E(me), [T, P] = E(Ce), N = n !== void 0, k = i !== void 0, {
+    titleText: b,
     content: H,
     flavour: W,
-    open: g,
-    onChangeOpen: x,
-    width: v,
+    open: h,
+    onChangeOpen: C,
+    width: x,
     arrowButtons: w,
     startOpen: M,
     onOpened: j,
     onClosed: le,
     dataTestId: Bt
-  } = n ? a(a({}, oe), n) : a({}, oe), {
+  } = n ? s(s({}, oe), n) : s({}, oe), {
     titleText: Ot,
     content: Et,
     flavour: ye,
@@ -542,18 +542,18 @@ function No({
     onOpened: Ft,
     onClosed: Pt,
     dataTestId: Nt
-  } = i ? a(a({}, oe), i) : a({}, oe);
+  } = i ? s(s({}, oe), i) : s({}, oe);
   K(() => {
-    M !== me && (h(M), I(M));
+    M !== me && (g(M), I(M));
   }, [M]), K(() => {
-    te !== Ce && (k(te), P(te));
+    te !== Ce && (S(te), P(te));
   }, [te]);
-  const pe = g === void 0 ? m : g, ue = ce === void 0 ? $ : ce, Ie = (z) => {
-    g === void 0 && (h(z), r && b && (z ? (k(!1), P($)) : k(T))), x && x(z);
+  const pe = h === void 0 ? v : h, ue = ce === void 0 ? A : ce, Ie = (z) => {
+    h === void 0 && (g(z), r && k && (z ? (S(!1), P(A)) : S(T))), C && C(z);
   }, Te = (z) => {
-    ce === void 0 && (k(z), r && N && (z ? (h(!1), I(m)) : h(S))), $e && $e(z);
+    ce === void 0 && (S(z), r && N && (z ? (g(!1), I(v)) : g(D))), $e && $e(z);
   };
-  return /* @__PURE__ */ u(y, { children: [
+  return /* @__PURE__ */ u($, { children: [
     N && /* @__PURE__ */ o(
       We,
       {
@@ -561,19 +561,19 @@ function No({
         anchor: "left",
         open: pe,
         onClose: () => Ie(!1),
-        width: v,
-        titleText: A,
-        debugOpacity: s,
+        width: x,
+        titleText: b,
+        debugOpacity: l,
         showCloseArrow: w === "both" || w === "close",
         onOpened: j,
         onClosed: le,
-        navBarOpen: p,
-        navBarWidthOpen: C,
+        navBarOpen: d,
+        navBarWidthOpen: m,
         navBarWidthClosed: f,
         children: H
       }
     ),
-    b && /* @__PURE__ */ o(
+    k && /* @__PURE__ */ o(
       We,
       {
         "data-testid": Nt,
@@ -582,29 +582,29 @@ function No({
         onClose: () => Te(!1),
         width: de,
         titleText: Ot,
-        debugOpacity: s,
+        debugOpacity: l,
         showCloseArrow: ee === "both" || ee === "close",
         onOpened: Ft,
         onClosed: Pt,
-        navBarOpen: p,
-        navBarWidthOpen: C,
+        navBarOpen: d,
+        navBarWidthOpen: m,
         navBarWidthClosed: f,
         children: Et
       }
     ),
     /* @__PURE__ */ o(
       bn,
-      a(a({
+      s(s({
         titleText: t,
-        "data-testid": d
+        "data-testid": a
       }, N && W === "push" ? {
         leftPanel: {
           open: pe,
-          width: v,
+          width: x,
           onOpen: () => Ie(!0),
           showOpenArrow: w === "both" || w === "open"
         }
-      } : {}), b && ye === "push" ? {
+      } : {}), k && ye === "push" ? {
         rightPanel: {
           open: ue,
           width: de,
@@ -615,10 +615,10 @@ function No({
     ),
     /* @__PURE__ */ o(
       yn,
-      D(a(a({}, W === "push" ? {
+      y(s(s({}, W === "push" ? {
         leftPanel: {
           open: pe,
-          width: v
+          width: x
         }
       } : {}), ye === "push" ? {
         rightPanel: {
@@ -626,7 +626,7 @@ function No({
           width: de
         }
       } : {}), {
-        children: /* @__PURE__ */ o($n, D(a({ "data-testid": l }, c), { children: e }))
+        children: /* @__PURE__ */ o($n, y(s({ "data-testid": p }, c), { children: e }))
       })
     )
   ] });
@@ -646,7 +646,7 @@ const ie = "Navbar", Y = {
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, Fn = R(y, { name: "NavBar" })(({ theme: e }) => ({
+}, Fn = R($, { name: "NavBar" })(({ theme: e }) => ({
   [`&.${Y.root}`]: {
     display: "flex"
   },
@@ -672,7 +672,7 @@ const ie = "Navbar", Y = {
   const t = se();
   return /* @__PURE__ */ o(
     Ht,
-    a({
+    s({
       easing: t.transitions.easing.sharp,
       timeout: {
         enter: t.transitions.duration.enteringScreen,
@@ -688,24 +688,24 @@ const ie = "Navbar", Y = {
     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
   };
-}, ze = (e, t) => a({
+}, ze = (e, t) => s({
   width: t,
   transition: X(e, "width", "entering")
-}, Dt(e)), Ue = (e, t) => a({
+}, Dt(e)), Ue = (e, t) => s({
   width: t,
   transition: X(e, "width", "leaving")
 }, Dt(e)), Nn = R(we, {
   shouldForwardProp: (e) => !["widthOpen", "widthClosed", "isSmallScreen"].includes(e)
-})(({ theme: e, open: t, widthOpen: n, widthClosed: i, isSmallScreen: r }) => a(a({
+})(({ theme: e, open: t, widthOpen: n, widthClosed: i, isSmallScreen: r }) => s(s({
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box",
   display: "flex",
   flexDirection: "column"
-}, t && D(a({}, ze(e, n)), {
+}, t && y(s({}, ze(e, n)), {
   backgroundColor: "",
   "& .MuiDrawer-paper": ze(e, n)
-})), !t && D(a({}, Ue(e, r ? n : i)), {
+})), !t && y(s({}, Ue(e, r ? n : i)), {
   backgroundColor: "",
   "& .MuiDrawer-paper": Ue(e, r ? n : i)
 })));
@@ -721,7 +721,7 @@ const Ge = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], V
 function _n({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
   const r = se();
   return /* @__PURE__ */ u(
-    y,
+    $,
     {
       sx: {
         paddingTop: 3,
@@ -732,7 +732,7 @@ function _n({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
       },
       children: [
         !i && /* @__PURE__ */ o(
-          y,
+          $,
           {
             sx: {
               width: n ? "5rem" : "2rem",
@@ -754,7 +754,7 @@ function _n({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
           }
         ),
         i && /* @__PURE__ */ o(
-          y,
+          $,
           {
             sx: {
               width: n ? "5rem" : "2rem",
@@ -769,7 +769,7 @@ function _n({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
             ] }) }) : /* @__PURE__ */ o(Me, {})
           }
         ),
-        /* @__PURE__ */ o(Pn, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Wt, { in: n, children: /* @__PURE__ */ u(y, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
+        /* @__PURE__ */ o(Pn, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Wt, { in: n, children: /* @__PURE__ */ u($, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
           e != null && e.name ? /* @__PURE__ */ o(B, { children: e == null ? void 0 : e.name }) : /* @__PURE__ */ o(Ne, { animation: !1, width: "50%" }),
           t ? /* @__PURE__ */ o(B, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Ne, { animation: !1, width: "25%" })
         ] }) }) })
@@ -783,13 +783,13 @@ function Mn({
   widthOpen: n,
   "data-testid": i,
   top: r,
-  middle: s,
+  middle: l,
   bottom: c,
-  user: l,
-  domainCode: d,
-  useNewAvatar: p = !1
+  user: p,
+  domainCode: a,
+  useNewAvatar: d = !1
 }) {
-  const C = vt(), f = dt(Z);
+  const m = vt(), f = dt(Z);
   return /* @__PURE__ */ o(Fn, { className: Y.root, "data-testid": i, children: /* @__PURE__ */ u(
     Nn,
     {
@@ -797,24 +797,24 @@ function Mn({
       widthOpen: n,
       widthClosed: t,
       anchor: "left",
-      variant: C ? "temporary" : "permanent",
+      variant: m ? "temporary" : "permanent",
       PaperProps: {
         component: "nav"
       },
       onClose: () => {
         f(!1);
       },
-      isSmallScreen: C,
+      isSmallScreen: m,
       children: [
-        !C && /* @__PURE__ */ o(zt, {}),
-        r && /* @__PURE__ */ u(y, { flexGrow: "0", children: [
+        !m && /* @__PURE__ */ o(zt, {}),
+        r && /* @__PURE__ */ u($, { flexGrow: "0", children: [
           r,
           /* @__PURE__ */ o(Le, { variant: "middle", sx: { marginY: "0.5rem" } })
         ] }),
-        /* @__PURE__ */ o(y, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ o(En, { links: s }) : s }),
-        /* @__PURE__ */ u(y, { flexGrow: "0", children: [
+        /* @__PURE__ */ o($, { flexGrow: "1", children: Array.isArray(l) ? /* @__PURE__ */ o(En, { links: l }) : l }),
+        /* @__PURE__ */ u($, { flexGrow: "0", children: [
           /* @__PURE__ */ o(Le, { variant: "middle", sx: { marginY: "0.5rem" } }),
-          /* @__PURE__ */ o(_n, { user: l, domainCode: d, open: e, useNewAvatar: p }),
+          /* @__PURE__ */ o(_n, { user: p, domainCode: a, open: e, useNewAvatar: d }),
           c && /* @__PURE__ */ o(F, { children: c })
         ] })
       ]
@@ -828,14 +828,14 @@ function Rn({
   noPadding: i
 }) {
   return /* @__PURE__ */ o(
-    y,
+    $,
     {
       sx: {
         overflow: "auto",
         height: `calc(100vh - ${t}px)`,
         flexGrow: 1
       },
-      children: i ? /* @__PURE__ */ o(y, { component: "main", id: "main-content", height: "inherit", children: e }) : /* @__PURE__ */ o(
+      children: i ? /* @__PURE__ */ o($, { component: "main", id: "main-content", height: "inherit", children: e }) : /* @__PURE__ */ o(
         et,
         {
           component: "main",
@@ -857,7 +857,7 @@ function zn({
   "data-testid": n,
   middle: i
 }) {
-  const r = dt(Z), s = () => r((d) => !d), c = se(), l = vt();
+  const r = dt(Z), l = () => r((a) => !a), c = se(), p = vt();
   return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ u(
     je,
     {
@@ -873,7 +873,7 @@ function zn({
         gap: 2,
         flexShrink: 0,
         height: t,
-        zIndex: l ? 0 : c.zIndex.drawer + 1
+        zIndex: p ? 0 : c.zIndex.drawer + 1
       },
       children: [
         /* @__PURE__ */ o(
@@ -882,7 +882,7 @@ function zn({
             size: "medium",
             color: "inherit",
             sx: { padding: 1.5, marginLeft: "12px" },
-            onClick: s,
+            onClick: l,
             children: /* @__PURE__ */ o(jt, { fontSize: "medium" })
           }
         ),
@@ -898,52 +898,52 @@ function Lo({
   initialNavBarOpen: n,
   pageContainerProps: i,
   pageContentDataTestId: r,
-  topBarDataTestId: s,
+  topBarDataTestId: l,
   navBarDataTestId: c,
-  navBarMiddle: l,
-  navBarBottom: d,
-  user: p,
-  domainCode: C,
+  navBarMiddle: p,
+  navBarBottom: a,
+  user: d,
+  domainCode: m,
   useNewAvatar: f = !1
 }) {
   ut([
     [Z, n != null ? n : !0],
     [ve, t != null ? t : ""]
   ]);
-  const m = _e(Z), [h] = V(wt), [$] = V(At), k = _e(ve), [S] = V(St), [I] = V(On), [T] = V(bt);
-  return /* @__PURE__ */ u(y, { children: [
+  const v = _e(Z), [g] = V(wt), [A] = V(At), S = _e(ve), [D] = V(St), [I] = V(On), [T] = V(bt);
+  return /* @__PURE__ */ u($, { children: [
     /* @__PURE__ */ o(Ut, {}),
     /* @__PURE__ */ o(
       zn,
       {
-        titleText: k,
-        "data-testid": s,
-        height: S,
+        titleText: S,
+        "data-testid": l,
+        height: D,
         middle: I
       }
     ),
-    /* @__PURE__ */ u(y, { sx: { display: "flex" }, children: [
+    /* @__PURE__ */ u($, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ o(
         Mn,
         {
-          open: m,
+          open: v,
           top: T,
-          middle: l,
-          bottom: d,
-          user: p,
-          domainCode: C,
-          widthOpen: h,
-          widthClosed: $,
-          offsetTop: S,
+          middle: p,
+          bottom: a,
+          user: d,
+          domainCode: m,
+          widthOpen: g,
+          widthClosed: A,
+          offsetTop: D,
           "data-testid": c,
           useNewAvatar: f
         }
       ),
       /* @__PURE__ */ o(
         Rn,
-        D(a({
+        y(s({
           "data-testid": r,
-          topBarHeight: S
+          topBarHeight: D
         }, i), {
           children: e
         })
@@ -957,47 +957,47 @@ const kt = ({
   children: n,
   maxWidth: i,
   primaryButton: r,
-  secondaryButton: s,
+  secondaryButton: l,
   onClose: c,
-  sx: l,
-  "data-testid": d,
-  disableCloseOnBackdropOrEscape: p = !1,
-  isLoading: C = !1
+  sx: p,
+  "data-testid": a,
+  disableCloseOnBackdropOrEscape: d = !1,
+  isLoading: m = !1
 }) => {
-  var h, $;
-  const [f, m] = E(!1);
+  var g, A;
+  const [f, v] = E(!1);
   return /* @__PURE__ */ u(
     tt,
     {
       open: e,
-      onClose: (k, S) => L(void 0, null, function* () {
-        p && (S === "backdropClick" || S === "escapeKeyDown") || f || (s != null && s.onClick ? yield s.onClick() : c());
+      onClose: (S, D) => L(void 0, null, function* () {
+        d && (D === "backdropClick" || D === "escapeKeyDown") || f || (l != null && l.onClick ? yield l.onClick() : c());
       }),
       fullWidth: !0,
       maxWidth: i != null ? i : "xs",
-      "data-testid": d,
-      sx: l,
+      "data-testid": a,
+      sx: p,
       children: [
-        C && /* @__PURE__ */ o(nt, { sx: { height: "4px", marginBottom: "-4px" } }),
+        m && /* @__PURE__ */ o(nt, { sx: { height: "4px", marginBottom: "-4px" } }),
         /* @__PURE__ */ o(ot, { children: t }),
         /* @__PURE__ */ o(it, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
         /* @__PURE__ */ u(rt, { children: [
           /* @__PURE__ */ o(
             ae,
             {
-              onClick: (h = s == null ? void 0 : s.onClick) != null ? h : c,
-              "data-testid": s == null ? void 0 : s.testId,
-              disabled: (s == null ? void 0 : s.disabled) || f,
-              color: s == null ? void 0 : s.buttonColor,
-              children: ($ = s == null ? void 0 : s.text) != null ? $ : "Cancel"
+              onClick: (g = l == null ? void 0 : l.onClick) != null ? g : c,
+              "data-testid": l == null ? void 0 : l.testId,
+              disabled: (l == null ? void 0 : l.disabled) || f,
+              color: l == null ? void 0 : l.buttonColor,
+              children: (A = l == null ? void 0 : l.text) != null ? A : "Cancel"
             }
           ),
           r && /* @__PURE__ */ o(
             ae,
             {
               onClick: () => L(void 0, null, function* () {
-                var k;
-                m(!0), yield (k = r.onClick) == null ? void 0 : k.call(r), m(!1);
+                var S;
+                v(!0), yield (S = r.onClick) == null ? void 0 : S.call(r), v(!1);
               }),
               "data-testid": r.testId,
               disabled: r.disabled || f,
@@ -1017,7 +1017,7 @@ const kt = ({
   inputValue: r
 }) => an({
   queryFn: () => e && r.length < e ? t != null ? t : [] : t ? t.filter(
-    (s) => s.label.toLowerCase().includes(r.toLowerCase())
+    (l) => l.label.toLowerCase().includes(r.toLowerCase())
   ) : n(r),
   queryKey: ["autocomplete", i, r]
 });
@@ -1028,86 +1028,86 @@ function _o({
   onChange: n,
   minLength: i = 0,
   label: r,
-  value: s,
+  value: l,
   "data-testid": c,
-  sx: l,
-  boxSx: d,
-  textFieldColor: p,
-  textFieldVariant: C = "filled",
+  sx: p,
+  boxSx: a,
+  textFieldColor: d,
+  textFieldVariant: m = "filled",
   loadingText: f = "Loading...",
-  noOptionsText: m = "No options",
-  popupIcon: h = /* @__PURE__ */ o(tn, {}),
-  error: $ = !1,
-  helperText: k = "",
-  preLoadedOptions: S = void 0,
+  noOptionsText: v = "No options",
+  popupIcon: g = /* @__PURE__ */ o(tn, {}),
+  error: A = !1,
+  helperText: S = "",
+  preLoadedOptions: D = void 0,
   disablePortal: I = !1,
   disableIconFlip: T = !1
 }) {
-  const [P, N] = E(""), b = (g, x) => {
-    const v = s.filter((w) => w.id !== x);
-    n(v, "delete", g);
-  }, { data: A, isLoading: H } = yt({
+  const [P, N] = E(""), k = (h, C) => {
+    const x = l.filter((w) => w.id !== C);
+    n(x, "delete", h);
+  }, { data: b, isLoading: H } = yt({
     inputValue: P,
     label: r,
     lookup: e,
     minLength: i,
-    preLoadedOptions: S
+    preLoadedOptions: D
   }), W = P.length >= i;
   return /* @__PURE__ */ u("div", { "data-testid": c, children: [
     /* @__PURE__ */ o(
       Se,
       {
-        sx: a(a({}, l), T ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
+        sx: s(s({}, p), T ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
         "data-testid": c ? `${c}:Autocomplete` : void 0,
         disablePortal: I,
         multiple: !0,
-        getOptionLabel: (g) => typeof g == "string" ? g : g.label,
+        getOptionLabel: (h) => typeof h == "string" ? h : h.label,
         loading: W ? H : !1,
-        options: [...s, ...A != null ? A : []],
+        options: [...l, ...b != null ? b : []],
         filterSelectedOptions: !0,
         includeInputInList: !0,
-        value: s,
-        onChange: (g, x, v) => {
-          n(x, v, g);
+        value: l,
+        onChange: (h, C, x) => {
+          n(C, x, h);
         },
-        onInputChange: (g, x) => N(x),
-        noOptionsText: W ? m : "Start typing to search",
+        onInputChange: (h, C) => N(C),
+        noOptionsText: W ? v : "Start typing to search",
         loadingText: f,
-        popupIcon: h,
-        renderInput: (g) => /* @__PURE__ */ o(
+        popupIcon: g,
+        renderInput: (h) => /* @__PURE__ */ o(
           be,
-          D(a({}, g), {
+          y(s({}, h), {
             label: r,
             fullWidth: !0,
-            variant: C,
-            error: $,
-            helperText: k,
-            InputProps: D(a({}, g.InputProps), {
+            variant: m,
+            error: A,
+            helperText: S,
+            InputProps: y(s({}, h.InputProps), {
               endAdornment: /* @__PURE__ */ u(F, { children: [
                 H ? /* @__PURE__ */ o(De, { color: "inherit", size: 20 }) : null,
-                g.InputProps.endAdornment
+                h.InputProps.endAdornment
               ] })
             }),
             "data-testid": c ? `${c}:Autocomplete:TextField` : void 0,
-            onKeyDown: (x) => {
-              (x.key === "Backspace" || x.key === "Delete") && x.stopPropagation();
+            onKeyDown: (C) => {
+              (C.key === "Backspace" || C.key === "Delete") && C.stopPropagation();
             },
-            color: p
+            color: d
           })
         ),
         renderTags: () => null,
-        isOptionEqualToValue: (g, x) => g.id === x.id,
-        renderOption: (g, x, v) => {
+        isOptionEqualToValue: (h, C) => h.id === C.id,
+        renderOption: (h, C, x) => {
           if (t) {
-            const w = on(x.label, v.inputValue, {
+            const w = on(C.label, x.inputValue, {
               insideWords: !0,
               findAllOccurrences: !0
-            }), M = rn(x.label, w);
+            }), M = rn(C.label, w);
             return /* @__PURE__ */ xe(
               "li",
-              D(a({}, g), {
-                key: x.id,
-                "data-testid": c ? `${c}:Autocomplete:option(${x.id.toString()})` : void 0
+              y(s({}, h), {
+                key: C.id,
+                "data-testid": c ? `${c}:Autocomplete:option(${C.id.toString()})` : void 0
               }),
               /* @__PURE__ */ o("div", { children: M.map((j, le) => /* @__PURE__ */ o(
                 "span",
@@ -1123,16 +1123,16 @@ function _o({
           } else
             return /* @__PURE__ */ xe(
               "li",
-              D(a({}, g), {
-                key: x.id,
-                "data-testid": c ? `${c}:option(${x.id.toString()})` : void 0
+              y(s({}, h), {
+                key: C.id,
+                "data-testid": c ? `${c}:option(${C.id.toString()})` : void 0
               }),
-              x.label
+              C.label
             );
         }
       }
     ),
-    s.length > 0 && /* @__PURE__ */ o(y, { sx: d, children: s.map((g) => /* @__PURE__ */ o(
+    l.length > 0 && /* @__PURE__ */ o($, { sx: a, children: l.map((h) => /* @__PURE__ */ o(
       Gt,
       {
         sx: {
@@ -1143,7 +1143,7 @@ function _o({
         label: /* @__PURE__ */ o(
           Vt,
           {
-            title: g.tooltipContent || "",
+            title: h.tooltipContent || "",
             placement: "bottom-start",
             PopperProps: {
               modifiers: [
@@ -1155,19 +1155,19 @@ function _o({
                 }
               ]
             },
-            children: /* @__PURE__ */ o(B, { style: { whiteSpace: "normal" }, children: g.chipLabel ? g.chipLabel : g.label })
+            children: /* @__PURE__ */ o(B, { style: { whiteSpace: "normal" }, children: h.chipLabel ? h.chipLabel : h.label })
           }
         ),
-        "data-testid": c ? `${c}:Chip(${g.id.toString()})` : void 0,
-        onDelete: (x) => b(x, g.id),
+        "data-testid": c ? `${c}:Chip(${h.id.toString()})` : void 0,
+        onDelete: (C) => k(C, h.id),
         deleteIcon: /* @__PURE__ */ o(
           en,
           {
-            "data-testid": c ? `${c}:Chip(${g.id.toString()}):deleteIcon` : void 0
+            "data-testid": c ? `${c}:Chip(${h.id.toString()}):deleteIcon` : void 0
           }
         )
       },
-      g.id
+      h.id
     )) })
   ] });
 }
@@ -1178,65 +1178,65 @@ const Mo = ({
   label: n,
   value: i,
   sx: r,
-  textFieldColor: s,
+  textFieldColor: l,
   textFieldVariant: c = "filled",
-  "data-testid": l,
-  noOptionsText: d = "No options",
-  minLength: p = 3,
-  disablePortal: C = !1,
+  "data-testid": p,
+  noOptionsText: a = "No options",
+  minLength: d = 3,
+  disablePortal: m = !1,
   preLoadedOptions: f,
-  helperText: m = "",
-  disabled: h,
-  popupIcon: $,
-  disableIconFlip: k
+  helperText: v = "",
+  disabled: g,
+  popupIcon: A,
+  disableIconFlip: S
 }) => {
-  const [S, I] = E(""), { data: T, isLoading: P } = yt({
-    inputValue: S,
+  const [D, I] = E(""), { data: T, isLoading: P } = yt({
+    inputValue: D,
     label: n,
     lookup: e,
-    minLength: p != null ? p : 0,
+    minLength: d != null ? d : 0,
     preLoadedOptions: f
-  }), N = S.length >= p;
-  return /* @__PURE__ */ o("div", { "data-testid": l, children: /* @__PURE__ */ o(qt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
+  }), N = D.length >= d;
+  return /* @__PURE__ */ o("div", { "data-testid": p, children: /* @__PURE__ */ o(qt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
     Se,
     {
-      sx: a(a({}, r), k ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
-      "data-testid": l ? `${l}:Autocomplete` : void 0,
+      sx: s(s({}, r), S ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
+      "data-testid": p ? `${p}:Autocomplete` : void 0,
       loading: N ? P : !1,
       options: T != null ? T : [],
-      onChange: (b, A) => {
-        t(b, A);
+      onChange: (k, b) => {
+        t(k, b);
       },
-      disablePortal: C,
-      filterOptions: (b) => b,
+      disablePortal: m,
+      filterOptions: (k) => k,
       value: i,
-      noOptionsText: N ? d : "Start typing to search",
-      getOptionLabel: (b) => b.label,
-      popupIcon: $,
-      renderInput: (b) => /* @__PURE__ */ o(
+      noOptionsText: N ? a : "Start typing to search",
+      getOptionLabel: (k) => k.label,
+      popupIcon: A,
+      renderInput: (k) => /* @__PURE__ */ o(
         be,
-        D(a({
-          "data-testid": l ? `${l}:Autocomplete:TextField` : void 0
-        }, b), {
+        y(s({
+          "data-testid": p ? `${p}:Autocomplete:TextField` : void 0
+        }, k), {
           variant: c,
           label: n,
-          color: s,
-          helperText: m
+          color: l,
+          helperText: v
         })
       ),
-      isOptionEqualToValue: (b, A) => b.id === A.id,
-      onInputChange: (b, A) => {
-        I(A);
+      isOptionEqualToValue: (k, b) => k.id === b.id,
+      onInputChange: (k, b) => {
+        I(b);
       },
-      renderOption: (b, A) => /* @__PURE__ */ xe(
+      renderOption: (k, b) => /* @__PURE__ */ xe(
         "li",
-        D(a({}, b), {
-          key: A.id,
-          "data-testid": l ? `${l}:Autocomplete:option(${A.id.toString()})` : void 0
+        y(s({}, k), {
+          key: b.id,
+          "data-testid": p ? `${p}:Autocomplete:option(${b.id.toString()})` : void 0
         }),
-        A.label
+        b.label
       ),
-      disabled: h
+      disabled: g
     }
   ) }) });
 }, Un = (e) => {
@@ -1244,8 +1244,8 @@ const Mo = ({
     return -1;
   try {
     const n = e.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"), i = decodeURIComponent(
-      cn.from(n, "base64").toString("utf8").split("").map(function(s) {
-        return "%" + ("00" + s.charCodeAt(0).toString(16)).slice(-2);
+      cn.from(n, "base64").toString("utf8").split("").map(function(l) {
+        return "%" + ("00" + l.charCodeAt(0).toString(16)).slice(-2);
       }).join("")
     ), r = JSON.parse(i);
     return r != null && r.exp ? r.exp : -1;
@@ -1257,32 +1257,32 @@ const Mo = ({
   closeHandler: t,
   setAuth0ExpiryTime: n
 }) => {
-  const { logout: i, getAccessTokenSilently: r } = ht(), [s, c] = E(0), l = () => L(void 0, null, function* () {
+  const { logout: i, getAccessTokenSilently: r } = ht(), [l, c] = E(0), p = () => L(void 0, null, function* () {
     i({ logoutParams: { returnTo: `${window.location.origin}` } });
-  }), d = () => L(void 0, null, function* () {
-    c(s + 1), t();
+  }), a = () => L(void 0, null, function* () {
+    c(l + 1), t();
   });
   return K(() => {
     (() => L(void 0, null, function* () {
-      if (s > 0) {
-        const m = yield r({ cacheMode: "off" }), h = Un(m) * 1e3;
-        n(h);
+      if (l > 0) {
+        const v = yield r({ cacheMode: "off" }), g = Un(v) * 1e3;
+        n(g);
       }
     }))();
-  }, [s, r, n]), /* @__PURE__ */ o(
+  }, [l, r, n]), /* @__PURE__ */ o(
     kt,
     {
       isOpen: e,
       primaryButton: {
         text: "Continue",
-        onClick: d,
+        onClick: a,
         disabled: !1,
         testId: "PreferencesDialog",
         buttonColor: "secondary"
       },
       secondaryButton: {
         text: "Log out",
-        onClick: l,
+        onClick: p,
         disabled: !1,
         testId: "PreferencesDialog",
         buttonColor: "secondary"
@@ -1318,58 +1318,59 @@ function Ho({
   throwErrors: n = "none",
   disableConsoleLogging: i = !1,
   onError: r = () => {
-  }
+  },
+  withPopup: l = !1
 }) {
-  var C, f;
-  const { isAuthenticated: s, isLoading: c, error: l, loginWithRedirect: d, logout: p } = ht();
+  var v, g;
+  const { isAuthenticated: c, isLoading: p, error: a, loginWithRedirect: d, loginWithPopup: m, logout: f } = ht();
   if (K(() => {
-    l && r(l);
-  }, [l, r]), K(() => {
-    if (c || s || l)
+    a && r(a);
+  }, [a, r]), K(() => {
+    if (p || c || a)
       return;
-    const m = {
+    const A = {
       appState: {
         returnTo: `${window.location.pathname}${window.location.search}`
       }
     };
-    d(m);
-  }, [c, s, l, d, r]), l) {
+    l ? m() : d(A);
+  }, [p, c, a, d, r, l, m]), a) {
     if (i || console.error(
-      `Error detected in AuthGuard [isAuthenticated=${s},isLoading=${c}]`,
-      l
+      `Error detected in AuthGuard [isAuthenticated=${c},isLoading=${p}]`,
+      a
     ), n === "all")
-      throw l;
-    if (Gn(l)) {
-      let m = "Auth error", h = "An unknown Auth0 error occurred.";
-      if (Vn(l))
-        m = "Unauthorised", h = `You are not authorised to access ${t}.`;
-      else if (qn(l))
-        m = "App not authorised", h = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`;
-      else if (Xn(l))
-        m = "Auth0 script execution time exceeded", h = "The Auth0 login flow exceeded the time limit (20s). Try again in a minute.";
+      throw a;
+    if (Gn(a)) {
+      let A = "Auth error", S = "An unknown Auth0 error occurred.";
+      if (Vn(a))
+        A = "Unauthorised", S = `You are not authorised to access ${t}.`;
+      else if (qn(a))
+        A = "App not authorised", S = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`;
+      else if (Xn(a))
+        A = "Auth0 script execution time exceeded", S = "The Auth0 login flow exceeded the time limit (20s). Try again in a minute.";
       else if (n === "unknown")
-        throw l;
+        throw a;
       return /* @__PURE__ */ u(tt, { open: !0, children: [
-        /* @__PURE__ */ o(ot, { children: m }),
+        /* @__PURE__ */ o(ot, { children: A }),
         /* @__PURE__ */ u(it, { children: [
-          /* @__PURE__ */ o(B, { children: h }),
+          /* @__PURE__ */ o(B, { children: S }),
           /* @__PURE__ */ o("br", {}),
           /* @__PURE__ */ o(B, { variant: "subtitle2", children: "Details from Auth0" }),
           /* @__PURE__ */ u(B, { variant: "body2", children: [
             "error: ",
-            (C = l == null ? void 0 : l.error) != null ? C : "N/A"
+            (v = a == null ? void 0 : a.error) != null ? v : "N/A"
           ] }),
           /* @__PURE__ */ u(B, { variant: "body2", children: [
             "description: ",
-            (f = l == null ? void 0 : l.error_description) != null ? f : "N/A"
+            (g = a == null ? void 0 : a.error_description) != null ? g : "N/A"
           ] })
         ] }),
-        /* @__PURE__ */ o(rt, { children: /* @__PURE__ */ o(ae, { onClick: () => p({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" }) })
+        /* @__PURE__ */ o(rt, { children: /* @__PURE__ */ o(ae, { onClick: () => f({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" }) })
       ] });
     } else if (n === "unknown")
-      throw l;
+      throw a;
   }
-  return s ? /* @__PURE__ */ o(F, { children: e }) : /* @__PURE__ */ o(dn, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
+  return c ? /* @__PURE__ */ o(F, { children: e }) : /* @__PURE__ */ o(dn, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
 }
 const Qn = {
   autoHideDuration: 6e3,
@@ -1392,8 +1393,8 @@ const Qn = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
 }, jn = {}, eo = {}, $t = Je(null);
-function to(s) {
-  var c = s, {
+function to(l) {
+  var c = l, {
     overrideState: e = jn,
     overrideActions: t = eo,
     shouldClose: n = Yn.shouldClose,
@@ -1404,47 +1405,47 @@ function to(s) {
     "shouldClose",
     "children"
   ]);
-  var x;
-  const [{ open: l }, d] = E({ open: !1 }), p = ge([]), C = ge(Date.now()), f = ge(0), m = re((v) => {
-    d({ open: v });
-  }, []), h = re((v = {}) => {
-    f.current += 1, p.current.length >= Xe && Date.now() - C.current >= Qe && (C.current = Date.now(), console.error(
+  var C;
+  const [{ open: p }, a] = E({ open: !1 }), d = ge([]), m = ge(Date.now()), f = ge(0), v = re((x) => {
+    a({ open: x });
+  }, []), g = re((x = {}) => {
+    f.current += 1, d.current.length >= Xe && Date.now() - m.current >= Qe && (m.current = Date.now(), console.error(
       `SaladBarProvider: MAX_QUEUE_LENGTH (${Xe}) hit ${f.current} times in last ${Qe}ms)`
     ), f.current = 0);
-    const w = a(D(a({}, qe), {
+    const w = s(y(s({}, qe), {
       key: Jn()
-    }), v);
-    return p.current.push(w), p.current.length === 1 && d({ open: !0 }), w.key;
-  }, []), $ = (v = "", w = {}) => h(a({ message: v, severity: "success" }, w)), k = (v = "", w = {}) => h(a({ message: v, severity: "info" }, w)), S = (v = "", w = {}) => h(a({ message: v, severity: "warning" }, w)), I = (v = "", w = {}) => h(a({ message: v, severity: "error" }, w)), T = (v) => {
-    const w = p.current.findIndex((M) => M.key === v);
+    }), x);
+    return d.current.push(w), d.current.length === 1 && a({ open: !0 }), w.key;
+  }, []), A = (x = "", w = {}) => g(s({ message: x, severity: "success" }, w)), S = (x = "", w = {}) => g(s({ message: x, severity: "info" }, w)), D = (x = "", w = {}) => g(s({ message: x, severity: "warning" }, w)), I = (x = "", w = {}) => g(s({ message: x, severity: "error" }, w)), T = (x) => {
+    const w = d.current.findIndex((M) => M.key === x);
     if (w !== -1)
-      return w === 0 ? (d({ open: !1 }), p.current[0]) : p.current.splice(w, 1);
-  }, P = (v, w) => {
-    n(v, w) && d({ open: !1 });
+      return w === 0 ? (a({ open: !1 }), d.current[0]) : d.current.splice(w, 1);
+  }, P = (x, w) => {
+    n(x, w) && a({ open: !1 });
   }, N = () => {
-  }, b = () => {
-    p.current.shift(), p.current.length > 0 && d({ open: !0 });
-  }, A = (x = p.current[0]) != null ? x : a({}, qe), H = {};
-  "autoHideDuration" in A && (H.autoHideDuration = A.autoHideDuration);
-  const W = a(a({}, Qn), r), g = a(a({
-    open: l,
-    setOpen: m,
-    enqueueNotification: h,
-    enqueueSuccessNotification: $,
-    enqueueInfoNotification: k,
-    enqueueWarningNotification: S,
+  }, k = () => {
+    d.current.shift(), d.current.length > 0 && a({ open: !0 });
+  }, b = (C = d.current[0]) != null ? C : s({}, qe), H = {};
+  "autoHideDuration" in b && (H.autoHideDuration = b.autoHideDuration);
+  const W = s(s({}, Qn), r), h = s(s({
+    open: p,
+    setOpen: v,
+    enqueueNotification: g,
+    enqueueSuccessNotification: A,
+    enqueueInfoNotification: S,
+    enqueueWarningNotification: D,
     enqueueErrorNotification: I,
     removeNotification: T
   }, e), t);
-  return /* @__PURE__ */ u($t.Provider, { value: g, children: [
+  return /* @__PURE__ */ u($t.Provider, { value: h, children: [
     i,
     /* @__PURE__ */ o(
       Xt,
-      D(a(a({}, W), H), {
-        open: l,
+      y(s(s({}, W), H), {
+        open: p,
         onClose: P,
         TransitionProps: {
-          onExited: b,
+          onExited: k,
           onExit: N
         },
         sx: { zIndex: Kn },
@@ -1452,15 +1453,15 @@ function to(s) {
           /* @__PURE__ */ o(
             Qt,
             {
-              onClose: (v) => P(v, "closeAlert"),
-              severity: A.severity,
+              onClose: (x) => P(x, "closeAlert"),
+              severity: b.severity,
               variant: "filled",
-              icon: A.progressIndicator === "circular" ? /* @__PURE__ */ o(De, { size: "1em" }) : void 0,
-              style: A.progressIndicator === "linear" ? Zn : void 0,
-              children: A.message
+              icon: b.progressIndicator === "circular" ? /* @__PURE__ */ o(De, { size: "1em" }) : void 0,
+              style: b.progressIndicator === "linear" ? Zn : void 0,
+              children: b.message
             }
           ),
-          A.progressIndicator === "linear" && /* @__PURE__ */ o(nt, { color: "primary" })
+          b.progressIndicator === "linear" && /* @__PURE__ */ o(nt, { color: "primary" })
         ] })
       })
     )
@@ -1473,7 +1474,7 @@ function no() {
   return e;
 }
 const Wo = Q(
-  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(to, D(a({}, e), { overrideState: t, overrideActions: n, children: i }))
+  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(to, y(s({}, e), { overrideState: t, overrideActions: n, children: i }))
 ), oo = nn(), zo = ({
   children: e,
   store: t
@@ -1507,30 +1508,30 @@ const Ye = _(
   onClose: n,
   domainOptions: i,
   applicationName: r,
-  handleLogout: s
+  handleLogout: l
 }) => {
-  const [c, l] = V(Tt), [d, p] = E(c), { enqueueSuccessNotification: C } = no(), f = i.length === 0, m = !!c && !i.includes(c) && !i.includes(d), h = !c || f || m, $ = () => L(void 0, null, function* () {
-    d ? (l(d), C(`Set domain to ${d}`), n()) : l("");
-  }), k = () => L(void 0, null, function* () {
-    c && !f && !m ? (p(c), n()) : h && s();
+  const [c, p] = V(Tt), [a, d] = E(c), { enqueueSuccessNotification: m } = no(), f = i.length === 0, v = !!c && !i.includes(c) && !i.includes(a), g = !c || f || v, A = () => L(void 0, null, function* () {
+    a ? (p(a), m(`Set organisation to ${a}`), n()) : p("");
+  }), S = () => L(void 0, null, function* () {
+    c && !f && !v ? (d(c), n()) : g && l();
   });
-  let S;
-  return f ? S = "Unable to retrieve your active organisations. Try logging in again." : m && (S = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ u(
+  let D;
+  return f ? D = "Unable to retrieve your active organisations. Try logging in again." : v && (D = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ u(
     kt,
     {
       isOpen: t,
       dialogTitle: "Select an organisation",
       primaryButton: {
         text: "Confirm",
-        onClick: $,
-        disabled: !d || f || m,
+        onClick: A,
+        disabled: !a || f || v,
         buttonColor: "primary"
       },
       secondaryButton: {
-        text: h ? "Logout" : "Cancel",
-        onClick: k
+        text: g ? "Logout" : "Cancel",
+        onClick: S
       },
-      onClose: h ? () => {
+      onClose: g ? () => {
       } : n,
       children: [
         /* @__PURE__ */ u(B, { marginBottom: 2, children: [
@@ -1544,16 +1545,16 @@ const Ye = _(
             loading: e,
             multiple: !1,
             disableClearable: !1,
-            value: d !== "" ? d : null,
-            onChange: (I, T) => p(T != null ? T : ""),
+            value: a !== "" ? a : null,
+            onChange: (I, T) => d(T != null ? T : ""),
             getOptionLabel: ro,
             options: [...i],
             renderInput: (I) => /* @__PURE__ */ o(
               be,
-              D(a({}, I), {
+              y(s({}, I), {
                 variant: "filled",
                 label: "Select organisation",
-                InputProps: D(a({}, I.InputProps), {
+                InputProps: y(s({}, I.InputProps), {
                   endAdornment: /* @__PURE__ */ u(F, { children: [
                     e ? /* @__PURE__ */ o(De, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
                     I.InputProps.endAdornment
@@ -1563,7 +1564,7 @@ const Ye = _(
             )
           }
         ),
-        S && /* @__PURE__ */ o(Yt, { error: !0, children: S })
+        D && /* @__PURE__ */ o(Yt, { error: !0, children: D })
       ]
     }
   );