@australiangreens/ag-internal-components 0.1.13 → 0.1.14

package/dist/esm/index.js

@@ -21,24 +21,24 @@ var Fe = (e, t) => {
 };
 var Ne = (e, t, n) => (ge(e, typeof t != "symbol" ? t + "" : t, n), n);
 var _ = (e, t, n) => new Promise((i, r) => {
-  var s = (l) => {
+  var s = (c) => {
     try {
-      c(n.next(l));
-    } catch (p) {
-      r(p);
+      l(n.next(c));
+    } catch (u) {
+      r(u);
     }
-  }, d = (l) => {
+  }, d = (c) => {
     try {
-      c(n.throw(l));
-    } catch (p) {
-      r(p);
+      l(n.throw(c));
+    } catch (u) {
+      r(u);
     }
-  }, c = (l) => l.done ? i(l.value) : Promise.resolve(l.value).then(s, d);
-  c((n = n.apply(e, t)).next());
+  }, l = (c) => c.done ? i(c.value) : Promise.resolve(c.value).then(s, d);
+  l((n = n.apply(e, t)).next());
 });
-import { jsxs as u, Fragment as N, jsx as o } from "react/jsx-runtime";
+import { jsxs as p, Fragment as N, jsx as o } from "react/jsx-runtime";
 import { useState as F, createContext as Ze, useCallback as se, useContext as je, useEffect as K, createElement as ve, useMemo as Ht, useRef as fe } from "react";
-import { Typography as T, Button as J, Paper as et, Box as k, Drawer as Ae, styled as be, IconButton as Z, Container as tt, useTheme as le, useMediaQuery as Wt, Collapse as Ut, Avatar as Pe, Fade as zt, Skeleton as _e, Toolbar as Gt, Divider as Le, CssBaseline as Vt, Dialog as nt, LinearProgress as ot, DialogTitle as it, DialogContent as rt, DialogActions as at, Autocomplete as Se, TextField as ye, CircularProgress as Ie, Chip as qt, Tooltip as Xt, Stack as Qt, Snackbar as Yt, Alert as Kt, FormHelperText as Jt } from "@mui/material";
+import { Typography as O, Button as J, Paper as et, Box as I, Drawer as Ae, styled as be, IconButton as Z, Container as tt, useTheme as le, useMediaQuery as Wt, Collapse as Ut, Avatar as Pe, Fade as zt, Skeleton as _e, Toolbar as Gt, Divider as Le, CssBaseline as Vt, Dialog as nt, LinearProgress as ot, DialogTitle as it, DialogContent as rt, DialogActions as at, Autocomplete as Se, TextField as ye, CircularProgress as Ie, Chip as qt, Tooltip as Xt, Stack as Qt, Snackbar as Yt, Alert as Kt, FormHelperText as Jt } from "@mui/material";
 import Zt from "@mui/material/CssBaseline";
 import { styled as W, createTheme as st, alpha as me } from "@mui/material/styles";
 import { AgError as jt } from "@australiangreens/ag-error";
@@ -57,9 +57,9 @@ import { Buffer as un } from "buffer";
 import pn from "@mui/material/Skeleton";
 function Oo({ text: e }) {
   const [t, n] = F(0);
-  return /* @__PURE__ */ u(N, { children: [
-    /* @__PURE__ */ o(T, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
-    /* @__PURE__ */ o(T, { variant: "caption", display: "block", children: /* @__PURE__ */ o("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
+  return /* @__PURE__ */ p(N, { children: [
+    /* @__PURE__ */ o(O, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
+    /* @__PURE__ */ o(O, { variant: "caption", display: "block", children: /* @__PURE__ */ o("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
     /* @__PURE__ */ o(
       J,
       {
@@ -69,11 +69,11 @@ function Oo({ text: e }) {
         children: "Hello I am a button"
       }
     ),
-    /* @__PURE__ */ u("p", { children: [
+    /* @__PURE__ */ p("p", { children: [
       "This is some text: ",
       /* @__PURE__ */ o("span", { children: e })
     ] }),
-    /* @__PURE__ */ u(et, { children: [
+    /* @__PURE__ */ p(et, { children: [
       "This number will incremember when button pressed: ",
       t
     ] })
@@ -87,7 +87,7 @@ const ft = 330, mt = 73, z = "Navbar", q = {
   userInfoHolder: `${z}-userInfoHolder`,
   settings: `${z}-settings`,
   pieChartIcon: `${z}-pieChartIcon`
-}, hn = W(k, {
+}, hn = W(I, {
   name: "NavBar"
 })(({ theme: e }) => ({
   [`&.${q.root}`]: {
@@ -108,7 +108,7 @@ const ft = 330, mt = 73, z = "Navbar", q = {
     marginTop: "64px",
     marginBottom: "16px"
   }
-})), Ct = () => ({
+})), xt = () => ({
   position: "absolute",
   height: "100%",
   overflowX: "hidden",
@@ -118,9 +118,9 @@ const ft = 330, mt = 73, z = "Navbar", q = {
   // backgroundColor: '#e8e8e8',
 }), gn = () => a({
   width: ft
-}, Ct()), fn = () => a({
+}, xt()), fn = () => a({
   width: mt
-}, Ct()), mn = W(Ae, {
+}, xt()), mn = W(Ae, {
   shouldForwardProp: (e) => e !== "open"
 })(({ theme: e, open: t }) => a(a({
   width: t ? ft : mt,
@@ -136,23 +136,23 @@ const ft = 330, mt = 73, z = "Navbar", q = {
 class ke extends jt {
 }
 Ne(ke, "errorName", "ContextError");
-const xt = Ze(null), Cn = {}, xn = {}, vn = ({
-  overrideState: e = Cn,
-  overrideActions: t = xn,
+const Ct = Ze(null), xn = {}, Cn = {}, vn = ({
+  overrideState: e = xn,
+  overrideActions: t = Cn,
   children: n
 }) => {
-  const [{ open: i }, r] = F({ open: !0 }), s = se((l) => {
-    r({ open: l });
+  const [{ open: i }, r] = F({ open: !0 }), s = se((c) => {
+    r({ open: c });
   }, []), d = se(() => {
-    r((l) => y(a({}, l), { open: !l.open }));
-  }, []), c = a(a({
+    r((c) => y(a({}, c), { open: !c.open }));
+  }, []), l = a(a({
     open: i,
     setOpen: s,
     toggleOpen: d
   }, e), t);
-  return /* @__PURE__ */ o(xt.Provider, { value: c, children: n });
+  return /* @__PURE__ */ o(Ct.Provider, { value: l, children: n });
 }, wn = () => {
-  const e = je(xt);
+  const e = je(Ct);
   if (e === null)
     throw new ke("Error: Tried to useNavBar outside of a <NavBarProvider>");
   return e;
@@ -242,7 +242,7 @@ function _o({
   children: t
 }) {
   const { open: n } = wn();
-  return /* @__PURE__ */ u(hn, { className: q.root, "data-testid": e, children: [
+  return /* @__PURE__ */ p(hn, { className: q.root, "data-testid": e, children: [
     /* @__PURE__ */ o(Zt, {}),
     /* @__PURE__ */ o(
       mn,
@@ -321,10 +321,10 @@ function In({
   rightPanel: n,
   "data-testid": i
 }) {
-  return /* @__PURE__ */ u(yn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
+  return /* @__PURE__ */ p(yn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
     /* @__PURE__ */ o("div", { className: B.topStripe }),
-    /* @__PURE__ */ o("div", { className: B.titleBar, children: /* @__PURE__ */ u(k, { className: B.titleSlider, children: [
-      t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ u(
+    /* @__PURE__ */ o("div", { className: B.titleBar, children: /* @__PURE__ */ p(I, { className: B.titleSlider, children: [
+      t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ p(
         Z,
         {
           className: B.leftPanelButton,
@@ -339,8 +339,8 @@ function In({
           ]
         }
       ),
-      /* @__PURE__ */ o(T, { className: B.titleText, variant: "h6", noWrap: !0, children: e }),
-      n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ u(
+      /* @__PURE__ */ o(O, { className: B.titleText, variant: "h6", noWrap: !0, children: e }),
+      n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ p(
         Z,
         {
           className: B.rightPanelButton,
@@ -388,7 +388,7 @@ const vt = 400, kn = be(Ae, {
       marginLeft: `${r}px`
     }))
   })
-), Dn = be(k, {
+), $n = be(I, {
   shouldForwardProp: (e) => !["anchor"].includes(e)
 })(({ theme: e, anchor: t }) => y(a({
   display: "flex",
@@ -417,51 +417,51 @@ function Ue({
   titleText: r = "",
   width: s = vt,
   showCloseArrow: d = !0,
-  debugOpacity: c = !1,
-  headerBoxProps: l = {},
-  onOpened: p,
+  debugOpacity: l = !1,
+  headerBoxProps: c = {},
+  onOpened: u,
   onClosed: g,
-  "data-testid": m,
+  "data-testid": C,
   navBarOpen: w = !1,
   navBarWidthOpen: h = 0,
-  navBarWidthClosed: S = 0
+  navBarWidthClosed: b = 0
 }) {
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ p(
     kn,
     {
       SlideProps: {
-        onEntered: () => p == null ? void 0 : p(),
+        onEntered: () => u == null ? void 0 : u(),
         onExited: () => g == null ? void 0 : g()
       },
       variant: "persistent",
       anchor: t,
       open: n,
       width: s,
-      debugOpacity: c,
-      "data-testid": m,
+      debugOpacity: l,
+      "data-testid": C,
       navBarOpen: w,
       navBarWidthOpen: h,
-      navBarWidthClosed: S,
+      navBarWidthClosed: b,
       children: [
-        /* @__PURE__ */ o(Dn, y(a({ anchor: t }, l), { children: t === "left" ? /* @__PURE__ */ u(N, { children: [
-          /* @__PURE__ */ o(T, { variant: "h6", color: "inherit", component: "div", children: r }),
-          d && /* @__PURE__ */ u(Z, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
+        /* @__PURE__ */ o($n, y(a({ anchor: t }, c), { children: t === "left" ? /* @__PURE__ */ p(N, { children: [
+          /* @__PURE__ */ o(O, { variant: "h6", color: "inherit", component: "div", children: r }),
+          d && /* @__PURE__ */ p(Z, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
             /* @__PURE__ */ o(dt, { "data-testid": "arrowbackicon" }),
             " "
           ] })
-        ] }) : /* @__PURE__ */ u(N, { children: [
-          d && /* @__PURE__ */ u(Z, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
+        ] }) : /* @__PURE__ */ p(N, { children: [
+          d && /* @__PURE__ */ p(Z, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
             /* @__PURE__ */ o(ct, {}),
             " "
           ] }),
-          /* @__PURE__ */ o(T, { variant: "h6", color: "inherit", component: "div", children: r })
+          /* @__PURE__ */ o(O, { variant: "h6", color: "inherit", component: "div", children: r })
         ] }) })),
         e
       ]
     }
   );
 }
-const $n = W(k, {
+const Dn = W(I, {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: "PanelAwareMargins"
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
@@ -491,7 +491,7 @@ const $n = W(k, {
   paddingTop: e.spacing(3),
   paddingBottom: e.spacing(3)
   // TODO: Remove max width
-})), Ce = !1, xe = !1, ie = {
+})), xe = !1, Ce = !1, ie = {
   titleText: "",
   flavour: "push",
   width: vt,
@@ -512,18 +512,18 @@ function Lo({
   sidePanelsAreMutuallyExclusive: r = !0,
   debugOpacity: s = !1,
   pageContainerProps: d,
-  pageContentDataTestId: c,
-  topBarDataTestId: l,
-  navBarOpen: p,
+  pageContentDataTestId: l,
+  topBarDataTestId: c,
+  navBarOpen: u,
   navBarWidthOpen: g,
-  navBarWidthClosed: m
+  navBarWidthClosed: C
 }) {
-  const [w, h] = F(Ce), [S, b] = F(xe), [I, $] = F(Ce), [E, O] = F(xe), L = n !== void 0, P = i !== void 0, {
+  const [w, h] = F(xe), [b, S] = F(Ce), [$, D] = F(xe), [E, T] = F(Ce), L = n !== void 0, P = i !== void 0, {
     titleText: v,
-    content: D,
+    content: k,
     flavour: M,
     open: f,
-    onChangeOpen: C,
+    onChangeOpen: m,
     width: x,
     arrowButtons: A,
     startOpen: H,
@@ -533,9 +533,9 @@ function Lo({
   } = n ? a(a({}, ie), n) : a({}, ie), {
     titleText: Bt,
     content: Ft,
-    flavour: De,
+    flavour: $e,
     open: de,
-    onChangeOpen: $e,
+    onChangeOpen: De,
     width: ue,
     arrowButtons: te,
     startOpen: ne,
@@ -544,16 +544,16 @@ function Lo({
     dataTestId: _t
   } = i ? a(a({}, ie), i) : a({}, ie);
   K(() => {
-    H !== Ce && (h(H), $(H));
+    H !== xe && (h(H), D(H));
   }, [H]), K(() => {
-    ne !== xe && (b(ne), O(ne));
+    ne !== Ce && (S(ne), T(ne));
   }, [ne]);
-  const pe = f === void 0 ? w : f, he = de === void 0 ? S : de, Te = (U) => {
-    f === void 0 && (h(U), r && P && (U ? (b(!1), O(S)) : b(E))), C && C(U);
+  const pe = f === void 0 ? w : f, he = de === void 0 ? b : de, Te = (U) => {
+    f === void 0 && (h(U), r && P && (U ? (S(!1), T(b)) : S(E))), m && m(U);
   }, Ee = (U) => {
-    de === void 0 && (b(U), r && L && (U ? (h(!1), $(w)) : h(I))), $e && $e(U);
+    de === void 0 && (S(U), r && L && (U ? (h(!1), D(w)) : h($))), De && De(U);
   };
-  return /* @__PURE__ */ u(k, { children: [
+  return /* @__PURE__ */ p(I, { children: [
     L && /* @__PURE__ */ o(
       Ue,
       {
@@ -567,10 +567,10 @@ function Lo({
         showCloseArrow: A === "both" || A === "close",
         onOpened: ee,
         onClosed: ce,
-        navBarOpen: p,
+        navBarOpen: u,
         navBarWidthOpen: g,
-        navBarWidthClosed: m,
-        children: D
+        navBarWidthClosed: C,
+        children: k
       }
     ),
     P && /* @__PURE__ */ o(
@@ -586,9 +586,9 @@ function Lo({
         showCloseArrow: te === "both" || te === "close",
         onOpened: Nt,
         onClosed: Pt,
-        navBarOpen: p,
+        navBarOpen: u,
         navBarWidthOpen: g,
-        navBarWidthClosed: m,
+        navBarWidthClosed: C,
         children: Ft
       }
     ),
@@ -596,7 +596,7 @@ function Lo({
       In,
       a(a({
         titleText: t,
-        "data-testid": l
+        "data-testid": c
       }, L && M === "push" ? {
         leftPanel: {
           open: pe,
@@ -604,7 +604,7 @@ function Lo({
           onOpen: () => Te(!0),
           showOpenArrow: A === "both" || A === "open"
         }
-      } : {}), P && De === "push" ? {
+      } : {}), P && $e === "push" ? {
         rightPanel: {
           open: he,
           width: ue,
@@ -614,19 +614,19 @@ function Lo({
       } : {})
     ),
     /* @__PURE__ */ o(
-      $n,
+      Dn,
       y(a(a({}, M === "push" ? {
         leftPanel: {
           open: pe,
           width: x
         }
-      } : {}), De === "push" ? {
+      } : {}), $e === "push" ? {
         rightPanel: {
           open: he,
           width: ue
         }
       } : {}), {
-        children: /* @__PURE__ */ o(Tn, y(a({ "data-testid": c }, d), { children: e }))
+        children: /* @__PURE__ */ o(Tn, y(a({ "data-testid": l }, d), { children: e }))
       })
     )
   ] });
@@ -646,7 +646,7 @@ const re = "Navbar", Y = {
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, Pn = W(k, { name: "NavBar" })(({ theme: e }) => ({
+}, Pn = W(I, { name: "NavBar" })(({ theme: e }) => ({
   [`&.${Y.root}`]: {
     display: "flex"
   },
@@ -747,8 +747,8 @@ function Mn(e) {
 const Ve = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], qe = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
 function Rn({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
   const r = le();
-  return /* @__PURE__ */ u(
-    k,
+  return /* @__PURE__ */ p(
+    I,
     {
       sx: {
         paddingTop: 3,
@@ -759,7 +759,7 @@ function Rn({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
       },
       children: [
         !i && /* @__PURE__ */ o(
-          k,
+          I,
           {
             sx: {
               width: n ? "5rem" : "2rem",
@@ -781,14 +781,14 @@ function Rn({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
           }
         ),
         i && /* @__PURE__ */ o(
-          k,
+          I,
           {
             sx: {
               width: n ? "5rem" : "2rem",
               transition: n ? X(r, ["width", "height"], "entering") : X(r, ["width", "height"], "leaving"),
               aspectRatio: 1
             },
-            children: e != null && e.name ? /* @__PURE__ */ o(N, { children: /* @__PURE__ */ u(Re, { src: e == null ? void 0 : e.picture, name: e == null ? void 0 : e.name, round: !0, size: n ? "80" : "32", children: [
+            children: e != null && e.name ? /* @__PURE__ */ o(N, { children: /* @__PURE__ */ p(Re, { src: e == null ? void 0 : e.picture, name: e == null ? void 0 : e.name, round: !0, size: n ? "80" : "32", children: [
               " ",
               qe(e == null ? void 0 : e.name),
               " ",
@@ -796,9 +796,9 @@ function Rn({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
             ] }) }) : /* @__PURE__ */ o(Re, {})
           }
         ),
-        /* @__PURE__ */ o(_n, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(zt, { in: n, children: /* @__PURE__ */ u(k, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
-          e != null && e.name ? /* @__PURE__ */ o(T, { children: e == null ? void 0 : e.name }) : /* @__PURE__ */ o(_e, { animation: !1, width: "50%" }),
-          t ? /* @__PURE__ */ o(T, { children: t.toUpperCase() }) : /* @__PURE__ */ o(_e, { animation: !1, width: "25%" })
+        /* @__PURE__ */ o(_n, { 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(O, { children: e == null ? void 0 : e.name }) : /* @__PURE__ */ o(_e, { animation: !1, width: "50%" }),
+          t ? /* @__PURE__ */ o(O, { children: t.toUpperCase() }) : /* @__PURE__ */ o(_e, { animation: !1, width: "25%" })
         ] }) }) })
       ]
     }
@@ -812,12 +812,12 @@ function Hn({
   top: r,
   middle: s,
   bottom: d,
-  user: c,
-  domainCode: l,
-  useNewAvatar: p = !1
+  user: l,
+  domainCode: c,
+  useNewAvatar: u = !1
 }) {
-  const g = wt(), m = ut(j);
-  return /* @__PURE__ */ o(Pn, { className: Y.root, "data-testid": i, children: /* @__PURE__ */ u(
+  const g = wt(), C = ut(j);
+  return /* @__PURE__ */ o(Pn, { className: Y.root, "data-testid": i, children: /* @__PURE__ */ p(
     Ln,
     {
       open: e,
@@ -829,19 +829,19 @@ function Hn({
         component: "nav"
       },
       onClose: () => {
-        m(!1);
+        C(!1);
       },
       isSmallScreen: g,
       children: [
         !g && /* @__PURE__ */ o(Gt, {}),
-        r && /* @__PURE__ */ u(k, { flexGrow: "0", children: [
+        r && /* @__PURE__ */ p(I, { flexGrow: "0", children: [
           r,
           /* @__PURE__ */ o(Le, { variant: "middle", sx: { marginY: "0.5rem" } })
         ] }),
-        /* @__PURE__ */ o(k, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ o(Nn, { links: s }) : s }),
-        /* @__PURE__ */ u(k, { flexGrow: "0", children: [
+        /* @__PURE__ */ o(I, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ o(Nn, { links: s }) : s }),
+        /* @__PURE__ */ p(I, { flexGrow: "0", children: [
           /* @__PURE__ */ o(Le, { variant: "middle", sx: { marginY: "0.5rem" } }),
-          /* @__PURE__ */ o(Rn, { user: c, domainCode: l, open: e, useNewAvatar: p }),
+          /* @__PURE__ */ o(Rn, { user: l, domainCode: c, open: e, useNewAvatar: u }),
           d && /* @__PURE__ */ o(N, { children: d })
         ] })
       ]
@@ -855,14 +855,14 @@ function Wn({
   noPadding: i
 }) {
   return /* @__PURE__ */ o(
-    k,
+    I,
     {
       sx: {
         overflow: "auto",
         height: `calc(100vh - ${t}px)`,
         flexGrow: 1
       },
-      children: i ? /* @__PURE__ */ o(k, { component: "main", id: "main-content", height: "inherit", children: e }) : /* @__PURE__ */ o(
+      children: i ? /* @__PURE__ */ o(I, { component: "main", id: "main-content", height: "inherit", children: e }) : /* @__PURE__ */ o(
         tt,
         {
           component: "main",
@@ -884,8 +884,8 @@ function Gn({
   "data-testid": n,
   middle: i
 }) {
-  const r = ut(j), s = () => r((l) => !l), d = le(), c = wt();
-  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ u(
+  const r = ut(j), s = () => r((c) => !c), d = le(), l = wt();
+  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ p(
     et,
     {
       square: !0,
@@ -900,7 +900,7 @@ function Gn({
         gap: 2,
         flexShrink: 0,
         height: t,
-        zIndex: c ? 0 : d.zIndex.drawer + 101
+        zIndex: l ? 0 : d.zIndex.drawer + 101
       },
       children: [
         /* @__PURE__ */ o(
@@ -913,7 +913,7 @@ function Gn({
             children: /* @__PURE__ */ o(tn, { fontSize: "medium" })
           }
         ),
-        /* @__PURE__ */ o(T, { className: zn.titleText, variant: "h6", component: "h1", children: e }),
+        /* @__PURE__ */ o(O, { className: zn.titleText, variant: "h6", component: "h1", children: e }),
         i
       ]
     }
@@ -927,50 +927,50 @@ function Ho({
   pageContentDataTestId: r,
   topBarDataTestId: s,
   navBarDataTestId: d,
-  navBarMiddle: c,
-  navBarBottom: l,
-  user: p,
+  navBarMiddle: l,
+  navBarBottom: c,
+  user: u,
   domainCode: g,
-  useNewAvatar: m = !1
+  useNewAvatar: C = !1
 }) {
   ht([
     [j, n != null ? n : !0],
     [we, t != null ? t : ""]
   ]);
-  const w = Me(j), [h] = V(At), [S] = V(bt), b = Me(we), [I] = V(St), [$] = V(Fn), [E] = V(yt);
-  return /* @__PURE__ */ u(k, { children: [
+  const w = Me(j), [h] = V(At), [b] = V(bt), S = Me(we), [$] = V(St), [D] = V(Fn), [E] = V(yt);
+  return /* @__PURE__ */ p(I, { children: [
     /* @__PURE__ */ o(Vt, {}),
     /* @__PURE__ */ o(
       Gn,
       {
-        titleText: b,
+        titleText: S,
         "data-testid": s,
-        height: I,
-        middle: $
+        height: $,
+        middle: D
       }
     ),
-    /* @__PURE__ */ u(k, { sx: { display: "flex" }, children: [
+    /* @__PURE__ */ p(I, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ o(
         Hn,
         {
           open: w,
           top: E,
-          middle: c,
-          bottom: l,
-          user: p,
+          middle: l,
+          bottom: c,
+          user: u,
           domainCode: g,
           widthOpen: h,
-          widthClosed: S,
-          offsetTop: I,
+          widthClosed: b,
+          offsetTop: $,
           "data-testid": d,
-          useNewAvatar: m
+          useNewAvatar: C
         }
       ),
       /* @__PURE__ */ o(
         Wn,
         y(a({
           "data-testid": r,
-          topBarHeight: I
+          topBarHeight: $
         }, i), {
           children: e
         })
@@ -986,48 +986,48 @@ const kt = ({
   primaryButton: r,
   secondaryButton: s,
   onClose: d,
-  sx: c,
-  "data-testid": l,
-  disableCloseOnBackdropOrEscape: p = !1,
+  sx: l,
+  "data-testid": c,
+  disableCloseOnBackdropOrEscape: u = !1,
   isLoading: g = !1
 }) => {
-  var h, S;
-  const [m, w] = F(!1);
-  return /* @__PURE__ */ u(
+  var h, b;
+  const [C, w] = F(!1);
+  return /* @__PURE__ */ p(
     nt,
     {
       open: e,
-      onClose: (b, I) => _(void 0, null, function* () {
-        p && (I === "backdropClick" || I === "escapeKeyDown") || m || (s != null && s.onClick ? yield s.onClick() : d());
+      onClose: (S, $) => _(void 0, null, function* () {
+        u && ($ === "backdropClick" || $ === "escapeKeyDown") || C || (s != null && s.onClick ? yield s.onClick() : d());
       }),
       fullWidth: !0,
       maxWidth: i != null ? i : "xs",
-      "data-testid": l,
-      sx: c,
+      "data-testid": c,
+      sx: l,
       children: [
         g && /* @__PURE__ */ o(ot, { sx: { height: "4px", marginBottom: "-4px" } }),
         /* @__PURE__ */ o(it, { children: t }),
         /* @__PURE__ */ o(rt, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
-        /* @__PURE__ */ u(at, { children: [
+        /* @__PURE__ */ p(at, { children: [
           /* @__PURE__ */ o(
             J,
             {
               onClick: (h = s == null ? void 0 : s.onClick) != null ? h : d,
               "data-testid": s == null ? void 0 : s.testId,
-              disabled: (s == null ? void 0 : s.disabled) || m,
+              disabled: (s == null ? void 0 : s.disabled) || C,
               color: s == null ? void 0 : s.buttonColor,
-              children: (S = s == null ? void 0 : s.text) != null ? S : "Cancel"
+              children: (b = s == null ? void 0 : s.text) != null ? b : "Cancel"
             }
           ),
           r && /* @__PURE__ */ o(
             J,
             {
               onClick: () => _(void 0, null, function* () {
-                var b;
-                w(!0), yield (b = r.onClick) == null ? void 0 : b.call(r), w(!1);
+                var S;
+                w(!0), yield (S = r.onClick) == null ? void 0 : S.call(r), w(!1);
               }),
               "data-testid": r.testId,
-              disabled: r.disabled || m,
+              disabled: r.disabled || C,
               color: r == null ? void 0 : r.buttonColor,
               children: r.text
             }
@@ -1036,7 +1036,7 @@ const kt = ({
       ]
     }
   );
-}, Dt = ({
+}, $t = ({
   minLength: e,
   preLoadedOptions: t,
   lookup: n,
@@ -1057,49 +1057,49 @@ function Wo({
   label: r,
   value: s,
   "data-testid": d,
-  sx: c,
-  boxSx: l,
-  textFieldColor: p,
+  sx: l,
+  boxSx: c,
+  textFieldColor: u,
   textFieldVariant: g = "filled",
-  loadingText: m = "Loading...",
+  loadingText: C = "Loading...",
   noOptionsText: w = "No options",
   popupIcon: h = /* @__PURE__ */ o(on, {}),
-  error: S = !1,
-  helperText: b = "",
-  preLoadedOptions: I = void 0,
-  disablePortal: $ = !1,
+  error: b = !1,
+  helperText: S = "",
+  preLoadedOptions: $ = void 0,
+  disablePortal: D = !1,
   disableIconFlip: E = !1
 }) {
-  const [O, L] = F(""), P = (f, C) => {
-    const x = s.filter((A) => A.id !== C);
+  const [T, L] = F(""), P = (f, m) => {
+    const x = s.filter((A) => A.id !== m);
     n(x, "delete", f);
-  }, { data: v, isLoading: D } = Dt({
-    inputValue: O,
+  }, { data: v, isLoading: k } = $t({
+    inputValue: T,
     label: r,
     lookup: e,
     minLength: i,
-    preLoadedOptions: I
-  }), M = O.length >= i;
-  return /* @__PURE__ */ u("div", { "data-testid": d, children: [
+    preLoadedOptions: $
+  }), M = T.length >= i;
+  return /* @__PURE__ */ p("div", { "data-testid": d, children: [
     /* @__PURE__ */ o(
       Se,
       {
-        sx: a(a({}, c), E ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
+        sx: a(a({}, l), E ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
         "data-testid": d ? `${d}:Autocomplete` : void 0,
-        disablePortal: $,
+        disablePortal: D,
         multiple: !0,
         getOptionLabel: (f) => typeof f == "string" ? f : f.label,
-        loading: M ? D : !1,
+        loading: M ? k : !1,
         options: [...s, ...v != null ? v : []],
         filterSelectedOptions: !0,
         includeInputInList: !0,
         value: s,
-        onChange: (f, C, x) => {
-          n(C, x, f);
+        onChange: (f, m, x) => {
+          n(m, x, f);
         },
-        onInputChange: (f, C) => L(C),
+        onInputChange: (f, m) => L(m),
         noOptionsText: M ? w : "Start typing to search",
-        loadingText: m,
+        loadingText: C,
         popupIcon: h,
         renderInput: (f) => /* @__PURE__ */ o(
           ye,
@@ -1107,34 +1107,34 @@ function Wo({
             label: r,
             fullWidth: !0,
             variant: g,
-            error: S,
-            helperText: b,
+            error: b,
+            helperText: S,
             InputProps: y(a({}, f.InputProps), {
-              endAdornment: /* @__PURE__ */ u(N, { children: [
-                D ? /* @__PURE__ */ o(Ie, { color: "inherit", size: 20 }) : null,
+              endAdornment: /* @__PURE__ */ p(N, { children: [
+                k ? /* @__PURE__ */ o(Ie, { color: "inherit", size: 20 }) : null,
                 f.InputProps.endAdornment
               ] })
             }),
             "data-testid": d ? `${d}:Autocomplete:TextField` : void 0,
-            onKeyDown: (C) => {
-              (C.key === "Backspace" || C.key === "Delete") && C.stopPropagation();
+            onKeyDown: (m) => {
+              (m.key === "Backspace" || m.key === "Delete") && m.stopPropagation();
             },
-            color: p
+            color: u
           })
         ),
         renderTags: () => null,
-        isOptionEqualToValue: (f, C) => f.id === C.id,
-        renderOption: (f, C, x) => {
+        isOptionEqualToValue: (f, m) => f.id === m.id,
+        renderOption: (f, m, x) => {
           if (t) {
-            const A = an(C.label, x.inputValue, {
+            const A = an(m.label, x.inputValue, {
               insideWords: !0,
               findAllOccurrences: !0
-            }), H = sn(C.label, A);
+            }), H = sn(m.label, A);
             return /* @__PURE__ */ ve(
               "li",
               y(a({}, f), {
-                key: C.id,
-                "data-testid": d ? `${d}:Autocomplete:option(${C.id.toString()})` : void 0
+                key: m.id,
+                "data-testid": d ? `${d}:Autocomplete:option(${m.id.toString()})` : void 0
               }),
               /* @__PURE__ */ o("div", { children: H.map((ee, ce) => /* @__PURE__ */ o(
                 "span",
@@ -1151,15 +1151,15 @@ function Wo({
             return /* @__PURE__ */ ve(
               "li",
               y(a({}, f), {
-                key: C.id,
-                "data-testid": d ? `${d}:option(${C.id.toString()})` : void 0
+                key: m.id,
+                "data-testid": d ? `${d}:option(${m.id.toString()})` : void 0
               }),
-              C.label
+              m.label
             );
         }
       }
     ),
-    s.length > 0 && /* @__PURE__ */ o(k, { sx: l, children: s.map((f) => /* @__PURE__ */ o(
+    s.length > 0 && /* @__PURE__ */ o(I, { sx: c, children: s.map((f) => /* @__PURE__ */ o(
       qt,
       {
         sx: {
@@ -1182,11 +1182,11 @@ function Wo({
                 }
               ]
             },
-            children: /* @__PURE__ */ o(T, { style: { whiteSpace: "normal" }, children: f.chipLabel ? f.chipLabel : f.label })
+            children: /* @__PURE__ */ o(O, { style: { whiteSpace: "normal" }, children: f.chipLabel ? f.chipLabel : f.label })
           }
         ),
         "data-testid": d ? `${d}:Chip(${f.id.toString()})` : void 0,
-        onDelete: (C) => P(C, f.id),
+        onDelete: (m) => P(m, f.id),
         deleteIcon: /* @__PURE__ */ o(
           nn,
           {
@@ -1207,65 +1207,65 @@ const Uo = /MUI: The value provided to.*is invalid/i, zo = ({
   sx: r,
   textFieldColor: s,
   textFieldVariant: d = "filled",
-  error: c = !1,
-  "data-testid": l,
-  noOptionsText: p = "No options",
+  error: l = !1,
+  "data-testid": c,
+  noOptionsText: u = "No options",
   minLength: g = 3,
-  disablePortal: m = !1,
+  disablePortal: C = !1,
   preLoadedOptions: w,
   helperText: h = "",
-  disabled: S,
-  popupIcon: b,
-  disableIconFlip: I
+  disabled: b,
+  popupIcon: S,
+  disableIconFlip: $
 }) => {
-  const [$, E] = F(""), { data: O, isLoading: L } = Dt({
-    inputValue: $,
+  const [D, E] = F(""), { data: T, isLoading: L } = $t({
+    inputValue: D,
     label: n,
     lookup: e,
     minLength: g != null ? g : 0,
     preLoadedOptions: w
-  }), P = $.length >= g;
-  return /* @__PURE__ */ o("div", { "data-testid": l, children: /* @__PURE__ */ o(Qt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
+  }), P = D.length >= g;
+  return /* @__PURE__ */ o("div", { "data-testid": c, children: /* @__PURE__ */ o(Qt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
     Se,
     {
-      sx: a(a({}, r), I ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
-      "data-testid": l ? `${l}:Autocomplete` : void 0,
+      sx: a(a({}, r), $ ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
+      "data-testid": c ? `${c}:Autocomplete` : void 0,
       loading: P ? L : !1,
-      options: O != null ? O : [],
-      onChange: (v, D, M) => {
-        t(v, D, M);
+      options: T != null ? T : [],
+      onChange: (v, k, M) => {
+        t(v, k, M);
       },
-      disablePortal: m,
+      disablePortal: C,
       filterOptions: (v) => v,
       value: i,
-      noOptionsText: P ? p : "Start typing to search",
+      noOptionsText: P ? u : "Start typing to search",
       getOptionLabel: (v) => v.label,
-      popupIcon: b,
+      popupIcon: S,
       renderInput: (v) => /* @__PURE__ */ o(
         ye,
         y(a({
-          "data-testid": l ? `${l}:Autocomplete:TextField` : void 0
+          "data-testid": c ? `${c}:Autocomplete:TextField` : void 0
         }, v), {
           variant: d,
           label: n,
           color: s,
-          error: c,
+          error: l,
           helperText: h
         })
       ),
-      isOptionEqualToValue: (v, D) => v.id === D.id,
-      onInputChange: (v, D) => {
-        E(D);
+      isOptionEqualToValue: (v, k) => v.id === k.id,
+      onInputChange: (v, k) => {
+        E(k);
       },
-      renderOption: (v, D) => /* @__PURE__ */ ve(
+      renderOption: (v, k) => /* @__PURE__ */ ve(
         "li",
         y(a({}, v), {
-          key: D.id,
-          "data-testid": l ? `${l}:Autocomplete:option(${D.id.toString()})` : void 0
+          key: k.id,
+          "data-testid": c ? `${c}:Autocomplete:option(${k.id.toString()})` : void 0
         }),
-        D.label
+        k.label
       ),
-      disabled: S
+      disabled: b
     }
   ) }) });
 }, Vn = (e) => {
@@ -1286,9 +1286,9 @@ const Uo = /MUI: The value provided to.*is invalid/i, zo = ({
   closeHandler: t,
   setAuth0ExpiryTime: n
 }) => {
-  const { logout: i, getAccessTokenSilently: r } = gt(), [s, d] = F(0), c = () => _(void 0, null, function* () {
+  const { logout: i, getAccessTokenSilently: r } = gt(), [s, d] = F(0), l = () => _(void 0, null, function* () {
     i({ logoutParams: { returnTo: `${window.location.origin}` } });
-  }), l = () => _(void 0, null, function* () {
+  }), c = () => _(void 0, null, function* () {
     d(s + 1), t();
   });
   return K(() => {
@@ -1304,14 +1304,14 @@ const Uo = /MUI: The value provided to.*is invalid/i, zo = ({
       isOpen: e,
       primaryButton: {
         text: "Continue",
-        onClick: l,
+        onClick: c,
         disabled: !1,
         testId: "PreferencesDialog",
         buttonColor: "secondary"
       },
       secondaryButton: {
         text: "Log out",
-        onClick: c,
+        onClick: l,
         disabled: !1,
         testId: "PreferencesDialog",
         buttonColor: "secondary"
@@ -1349,11 +1349,11 @@ function Vo({
   onError: r = () => {
   }
 }) {
-  var m, w;
-  const { isAuthenticated: s, isLoading: d, error: c, loginWithRedirect: l, logout: p } = gt();
+  var C, w;
+  const { isAuthenticated: s, isLoading: d, error: l, loginWithRedirect: c, logout: u } = gt();
   K(() => {
-    c && r(c);
-  }, [c, r]);
+    l && r(l);
+  }, [l, r]);
   const g = Ht(
     () => ({
       appState: {
@@ -1363,48 +1363,48 @@ function Vo({
     []
   );
   if (K(() => {
-    d || s || c || l(g);
-  }, [d, s, c, l, r, g]), c) {
+    d || s || l || c(g);
+  }, [d, s, l, c, r, g]), l) {
     if (i || console.error(
       `Error detected in AuthGuard [isAuthenticated=${s},isLoading=${d}]`,
-      c
+      l
     ), n === "all")
-      throw c;
-    if (qn(c)) {
-      let h = "Auth error", S = "An unknown Auth0 error occurred.";
-      if (Xn(c))
-        h = "Unauthorised", S = `You are not authorised to access ${t}.`;
-      else if (Qn(c))
-        h = "App not authorised", S = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`;
-      else if (Yn(c))
-        h = "Auth0 script execution time exceeded", S = "The Auth0 login flow exceeded the time limit (20s). Try again in a minute by clicking the RELOAD button below.";
-      else if (c.message === "Invalid state") {
-        const b = localStorage.getItem("auth0_redirect_count");
-        b ? b && parseInt(b) < 2 && (localStorage.setItem("auth0_redirect_count", String(parseInt(b) + 1)), l(g)) : (localStorage.setItem("auth0_redirect_count", "1"), l(g));
+      throw l;
+    if (qn(l)) {
+      let h = "Auth error", b = "An unknown Auth0 error occurred.";
+      if (Xn(l))
+        h = "Unauthorised", b = `You are not authorised to access ${t}.`;
+      else if (Qn(l))
+        h = "App not authorised", b = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`;
+      else if (Yn(l))
+        h = "Auth0 script execution time exceeded", b = "The Auth0 login flow exceeded the time limit (20s). Try again in a minute by clicking the RELOAD button below.";
+      else if (l.message === "Invalid state") {
+        const S = localStorage.getItem("auth0_redirect_count");
+        S ? S && parseInt(S) < 2 && (localStorage.setItem("auth0_redirect_count", String(parseInt(S) + 1)), c(g)) : (localStorage.setItem("auth0_redirect_count", "1"), c(g));
       } else if (n === "unknown")
-        throw c;
-      return /* @__PURE__ */ u(nt, { open: !0, children: [
+        throw l;
+      return /* @__PURE__ */ p(nt, { open: !0, children: [
         /* @__PURE__ */ o(it, { children: h }),
-        /* @__PURE__ */ u(rt, { children: [
-          /* @__PURE__ */ o(T, { children: S }),
+        /* @__PURE__ */ p(rt, { children: [
+          /* @__PURE__ */ o(O, { children: b }),
           /* @__PURE__ */ o("br", {}),
-          /* @__PURE__ */ o(T, { variant: "subtitle2", children: "Details from Auth0" }),
-          /* @__PURE__ */ u(T, { variant: "body2", children: [
+          /* @__PURE__ */ o(O, { variant: "subtitle2", children: "Details from Auth0" }),
+          /* @__PURE__ */ p(O, { variant: "body2", children: [
             "error: ",
-            (m = c == null ? void 0 : c.error) != null ? m : "N/A"
+            (C = l == null ? void 0 : l.error) != null ? C : "N/A"
           ] }),
-          /* @__PURE__ */ u(T, { variant: "body2", children: [
+          /* @__PURE__ */ p(O, { variant: "body2", children: [
             "description: ",
-            (w = c == null ? void 0 : c.error_description) != null ? w : "N/A"
+            (w = l == null ? void 0 : l.error_description) != null ? w : "N/A"
           ] })
         ] }),
-        /* @__PURE__ */ u(at, { children: [
+        /* @__PURE__ */ p(at, { children: [
           h === "Auth0 script execution time exceeded" && /* @__PURE__ */ o(J, { href: window.location.origin + window.location.pathname, children: "Reload" }),
-          /* @__PURE__ */ o(J, { onClick: () => p({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" })
+          /* @__PURE__ */ o(J, { onClick: () => u({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" })
         ] })
       ] });
     } else if (n === "unknown")
-      throw c;
+      throw l;
   }
   return s ? (localStorage.removeItem("auth0_redirect_count"), /* @__PURE__ */ o(N, { children: e })) : /* @__PURE__ */ o(pn, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
 }
@@ -1428,7 +1428,7 @@ const Kn = {
 })(), eo = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
-}, to = {}, no = {}, $t = Ze(null);
+}, to = {}, no = {}, Dt = Ze(null);
 function oo(s) {
   var d = s, {
     overrideState: e = to,
@@ -1441,55 +1441,55 @@ function oo(s) {
     "shouldClose",
     "children"
   ]);
-  var C;
-  const [{ open: c }, l] = F({ open: !1 }), p = fe([]), g = fe(Date.now()), m = fe(0), w = se((x) => {
-    l({ open: x });
+  var m;
+  const [{ open: l }, c] = F({ open: !1 }), u = fe([]), g = fe(Date.now()), C = fe(0), w = se((x) => {
+    c({ open: x });
   }, []), h = se((x = {}) => {
-    m.current += 1, p.current.length >= Qe && Date.now() - g.current >= Ye && (g.current = Date.now(), console.error(
-      `SaladBarProvider: MAX_QUEUE_LENGTH (${Qe}) hit ${m.current} times in last ${Ye}ms)`
-    ), m.current = 0);
+    C.current += 1, u.current.length >= Qe && Date.now() - g.current >= Ye && (g.current = Date.now(), console.error(
+      `SaladBarProvider: MAX_QUEUE_LENGTH (${Qe}) hit ${C.current} times in last ${Ye}ms)`
+    ), C.current = 0);
     const A = a(y(a({}, Xe), {
       key: jn()
     }), x);
-    return p.current.push(A), p.current.length === 1 && l({ open: !0 }), A.key;
-  }, []), S = (x = "", A = {}) => h(a({ message: x, severity: "success" }, A)), b = (x = "", A = {}) => h(a({ message: x, severity: "info" }, A)), I = (x = "", A = {}) => h(a({ message: x, severity: "warning" }, A)), $ = (x = "", A = {}) => h(a({ message: x, severity: "error" }, A)), E = (x) => {
-    const A = p.current.findIndex((H) => H.key === x);
+    return u.current.push(A), u.current.length === 1 && c({ open: !0 }), A.key;
+  }, []), b = (x = "", A = {}) => h(a({ message: x, severity: "success" }, A)), S = (x = "", A = {}) => h(a({ message: x, severity: "info" }, A)), $ = (x = "", A = {}) => h(a({ message: x, severity: "warning" }, A)), D = (x = "", A = {}) => h(a({ message: x, severity: "error" }, A)), E = (x) => {
+    const A = u.current.findIndex((H) => H.key === x);
     if (A !== -1)
-      return A === 0 ? (l({ open: !1 }), p.current[0]) : p.current.splice(A, 1);
-  }, O = (x, A) => {
-    n(x, A) && l({ open: !1 });
+      return A === 0 ? (c({ open: !1 }), u.current[0]) : u.current.splice(A, 1);
+  }, T = (x, A) => {
+    n(x, A) && c({ open: !1 });
   }, L = () => {
   }, P = () => {
-    p.current.shift(), p.current.length > 0 && l({ open: !0 });
-  }, v = (C = p.current[0]) != null ? C : a({}, Xe), D = {};
-  "autoHideDuration" in v && (D.autoHideDuration = v.autoHideDuration);
+    u.current.shift(), u.current.length > 0 && c({ open: !0 });
+  }, v = (m = u.current[0]) != null ? m : a({}, Xe), k = {};
+  "autoHideDuration" in v && (k.autoHideDuration = v.autoHideDuration);
   const M = a(a({}, Kn), r), f = a(a({
-    open: c,
+    open: l,
     setOpen: w,
     enqueueNotification: h,
-    enqueueSuccessNotification: S,
-    enqueueInfoNotification: b,
-    enqueueWarningNotification: I,
-    enqueueErrorNotification: $,
+    enqueueSuccessNotification: b,
+    enqueueInfoNotification: S,
+    enqueueWarningNotification: $,
+    enqueueErrorNotification: D,
     removeNotification: E
   }, e), t);
-  return /* @__PURE__ */ u($t.Provider, { value: f, children: [
+  return /* @__PURE__ */ p(Dt.Provider, { value: f, children: [
     i,
     /* @__PURE__ */ o(
       Yt,
-      y(a(a({}, M), D), {
-        open: c,
-        onClose: O,
+      y(a(a({}, M), k), {
+        open: l,
+        onClose: T,
         TransitionProps: {
           onExited: P,
           onExit: L
         },
         sx: { zIndex: Zn },
-        children: /* @__PURE__ */ u("div", { children: [
+        children: /* @__PURE__ */ p("div", { children: [
           /* @__PURE__ */ o(
             Kt,
             {
-              onClose: (x) => O(x, "closeAlert"),
+              onClose: (x) => T(x, "closeAlert"),
               severity: v.severity,
               variant: "filled",
               icon: v.progressIndicator === "circular" ? /* @__PURE__ */ o(Ie, { size: "1em" }) : void 0,
@@ -1504,7 +1504,7 @@ function oo(s) {
   ] });
 }
 function io() {
-  const e = je($t);
+  const e = je(Dt);
   if (e === null)
     throw new ke("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
   return e;
@@ -1542,17 +1542,18 @@ const Ke = R(
   isLoading: e,
   isOpen: t,
   onClose: n,
-  domainOptions: i,
-  applicationName: r,
-  handleLogout: s
+  onDomainChange: i,
+  domainOptions: r,
+  applicationName: s,
+  handleLogout: d
 }) => {
-  const [d, c] = V(Et), [l, p] = F(d), { enqueueSuccessNotification: g } = io(), m = i.length === 0, w = !!d && !i.includes(d) && !i.includes(l), h = !d || m || w, S = () => _(void 0, null, function* () {
-    l ? (c(l), g(`Set organisation to ${l}`), n()) : c("");
-  }), b = () => _(void 0, null, function* () {
-    d && !m && !w ? (p(d), n()) : h && s();
+  const [l, c] = V(Et), [u, g] = F(l), { enqueueSuccessNotification: C } = io(), w = r.length === 0, h = !!l && !r.includes(l) && !r.includes(u), b = !l || w || h, S = () => _(void 0, null, function* () {
+    u ? (c(u), i == null || i(u), C(`Set organisation to ${u}`), n()) : (c(""), i == null || i(""));
+  }), $ = () => _(void 0, null, function* () {
+    l && !w && !h ? (g(l), n()) : b && d();
   });
-  let I;
-  return m ? 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__ */ u(
+  let D;
+  return w ? D = "Unable to retrieve your active organisations. Try logging in again." : h && (D = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ p(
     kt,
     {
       isOpen: t,
@@ -1560,19 +1561,19 @@ const Ke = R(
       primaryButton: {
         text: "Confirm",
         onClick: S,
-        disabled: !l || m || w,
+        disabled: !u || w || h,
         buttonColor: "primary"
       },
       secondaryButton: {
-        text: h ? "Logout" : "Cancel",
-        onClick: b
+        text: b ? "Logout" : "Cancel",
+        onClick: $
       },
-      onClose: h ? () => {
+      onClose: b ? () => {
       } : n,
       children: [
-        /* @__PURE__ */ u(T, { marginBottom: 2, children: [
+        /* @__PURE__ */ p(O, { marginBottom: 2, children: [
           "Select the default organisation that you want to use with the ",
-          r,
+          s,
           "."
         ] }),
         /* @__PURE__ */ o(
@@ -1581,26 +1582,26 @@ const Ke = R(
             loading: e,
             multiple: !1,
             disableClearable: !1,
-            value: l !== "" ? l : null,
-            onChange: ($, E) => p(E != null ? E : ""),
+            value: u !== "" ? u : null,
+            onChange: (E, T) => g(T != null ? T : ""),
             getOptionLabel: so,
-            options: [...i],
-            renderInput: ($) => /* @__PURE__ */ o(
+            options: [...r],
+            renderInput: (E) => /* @__PURE__ */ o(
               ye,
-              y(a({}, $), {
+              y(a({}, E), {
                 variant: "filled",
                 label: "Select organisation",
-                InputProps: y(a({}, $.InputProps), {
-                  endAdornment: /* @__PURE__ */ u(N, { children: [
+                InputProps: y(a({}, E.InputProps), {
+                  endAdornment: /* @__PURE__ */ p(N, { children: [
                     e ? /* @__PURE__ */ o(Ie, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
-                    $.InputProps.endAdornment
+                    E.InputProps.endAdornment
                   ] })
                 })
               })
             )
           }
         ),
-        I && /* @__PURE__ */ o(Jt, { error: !0, children: I })
+        D && /* @__PURE__ */ o(Jt, { error: !0, children: D })
       ]
     }
   );
@@ -1782,7 +1783,7 @@ export {
   Ho as AppLayout,
   Xo as AtomProvider,
   Vo as AuthGuard,
-  $t as Context,
+  Dt as Context,
   ke as ContextError,
   Qo as DomainCodeDialog,
   Oo as ExampleComponent,
@@ -1816,7 +1817,7 @@ export {
   St as topBarHeightAtom,
   Fn as topBarMiddleAtom,
   Ro as unsuppressConsole,
-  Dt as useAutocompleteOptions,
+  $t as useAutocompleteOptions,
   wn as useNavBar,
   io as useSaladBar,
   Yo as withAtomProvider,