@australiangreens/ag-internal-components 0.1.8 → 0.1.10

package/dist/esm/index.js

@@ -9,7 +9,7 @@ var he = (e, t, n) => t in e ? Lt(e, t, { enumerable: !0, configurable: !0, writ
     for (var n of oe(t))
       Be.call(t, n) && he(e, n, t[n]);
   return e;
-}, y = (e, t) => _t(e, Mt(t));
+}, D = (e, t) => _t(e, Mt(t));
 var Ee = (e, t) => {
   var n = {};
   for (var i in e)
@@ -21,32 +21,32 @@ 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 s = (l) => {
     try {
-      l(n.next(d));
-    } catch (u) {
-      r(u);
+      c(n.next(l));
+    } catch (p) {
+      r(p);
     }
-  }, c = (d) => {
+  }, d = (l) => {
     try {
-      l(n.throw(d));
-    } catch (u) {
-      r(u);
+      c(n.throw(l));
+    } catch (p) {
+      r(p);
     }
-  }, l = (d) => d.done ? i(d.value) : Promise.resolve(d.value).then(s, c);
-  l((n = n.apply(e, t)).next());
+  }, c = (l) => l.done ? i(l.value) : Promise.resolve(l.value).then(s, d);
+  c((n = n.apply(e, t)).next());
 });
-import { jsxs as p, Fragment as F, jsx as o } from "react/jsx-runtime";
-import { useState as E, createContext as Je, useCallback as ae, useContext as Ze, useEffect as K, createElement as xe, useMemo as Rt, useRef as ge } from "react";
-import { Typography as O, Button as J, Paper as je, Box as I, Drawer as we, styled as Ae, IconButton as Z, Container as et, useTheme as se, useMediaQuery as Ht, Collapse as Wt, Avatar as Pe, Fade as zt, Skeleton as Ne, Toolbar as Ut, Divider as Le, CssBaseline as Gt, 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 Vt, Tooltip as qt, Stack as Xt, Snackbar as Qt, Alert as Yt, FormHelperText as Kt } from "@mui/material";
+import { jsxs as u, Fragment as P, jsx as o } from "react/jsx-runtime";
+import { useState as F, createContext as Je, useCallback as ae, useContext as Ze, useEffect as K, createElement as xe, useMemo as Rt, useRef as ge } from "react";
+import { Typography as T, Button as J, Paper as je, Box as y, Drawer as we, styled as Ae, IconButton as Z, Container as et, useTheme as se, useMediaQuery as Ht, Collapse as Wt, Avatar as Pe, Fade as zt, Skeleton as Ne, Toolbar as Ut, Divider as Le, CssBaseline as Gt, 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 Vt, Tooltip as qt, Stack as Xt, Snackbar as Qt, Alert as Yt, FormHelperText as Kt } from "@mui/material";
 import Jt from "@mui/material/CssBaseline";
-import { styled as R, createTheme as at, alpha as fe } from "@mui/material/styles";
+import { styled as W, createTheme as at, alpha as fe } from "@mui/material/styles";
 import { AgError as Zt } from "@australiangreens/ag-error";
 import { createHelper as Q } from "souvlaki";
 import { BrowserRouter as jt } from "react-router-dom";
 import st from "@mui/material/List";
 import { ArrowForward as lt, ArrowBack as ct, ViewHeadline as en, Cancel as tn, ArrowDropDown as nn } from "@mui/icons-material";
-import { atom as _, useSetAtom as dt, useAtomValue as _e, useAtom as V, getDefaultStore as on, Provider as ut } from "jotai";
+import { atom as R, useSetAtom as dt, useAtomValue as _e, useAtom as V, getDefaultStore as on, Provider as ut } from "jotai";
 import { useHydrateAtoms as pt } from "jotai/utils";
 import Me from "react-avatar";
 import rn from "autosuggest-highlight/match";
@@ -56,10 +56,10 @@ import { useAuth0 as ht } from "@auth0/auth0-react";
 import { Buffer as dn } from "buffer";
 import un from "@mui/material/Skeleton";
 function Oo({ text: e }) {
-  const [t, n] = E(0);
-  return /* @__PURE__ */ p(F, { 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" }) }),
+  const [t, n] = F(0);
+  return /* @__PURE__ */ u(P, { 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" }) }),
     /* @__PURE__ */ o(
       J,
       {
@@ -69,11 +69,11 @@ function Oo({ text: e }) {
         children: "Hello I am a button"
       }
     ),
-    /* @__PURE__ */ p("p", { children: [
+    /* @__PURE__ */ u("p", { children: [
       "This is some text: ",
       /* @__PURE__ */ o("span", { children: e })
     ] }),
-    /* @__PURE__ */ p(je, { children: [
+    /* @__PURE__ */ u(je, { children: [
       "This number will incremember when button pressed: ",
       t
     ] })
@@ -87,7 +87,7 @@ const gt = 330, ft = 73, U = "Navbar", q = {
   userInfoHolder: `${U}-userInfoHolder`,
   settings: `${U}-settings`,
   pieChartIcon: `${U}-pieChartIcon`
-}, pn = R(I, {
+}, pn = W(y, {
   name: "NavBar"
 })(({ theme: e }) => ({
   [`&.${q.root}`]: {
@@ -120,7 +120,7 @@ const gt = 330, ft = 73, U = "Navbar", q = {
   width: gt
 }, mt()), gn = () => a({
   width: ft
-}, mt()), fn = R(we, {
+}, mt()), fn = W(we, {
   shouldForwardProp: (e) => e !== "open"
 })(({ theme: e, open: t }) => a(a({
   width: t ? gt : ft,
@@ -141,16 +141,16 @@ const Ct = Je(null), mn = {}, Cn = {}, xn = ({
   overrideActions: t = Cn,
   children: n
 }) => {
-  const [{ open: i }, r] = E({ open: !0 }), s = ae((d) => {
-    r({ open: d });
-  }, []), c = ae(() => {
-    r((d) => y(a({}, d), { open: !d.open }));
-  }, []), l = a(a({
+  const [{ open: i }, r] = F({ open: !0 }), s = ae((l) => {
+    r({ open: l });
+  }, []), d = ae(() => {
+    r((l) => D(a({}, l), { open: !l.open }));
+  }, []), c = a(a({
     open: i,
     setOpen: s,
-    toggleOpen: c
+    toggleOpen: d
   }, e), t);
-  return /* @__PURE__ */ o(Ct.Provider, { value: l, children: n });
+  return /* @__PURE__ */ o(Ct.Provider, { value: c, children: n });
 }, vn = () => {
   const e = Ze(Ct);
   if (e === null)
@@ -160,7 +160,7 @@ const Ct = Je(null), mn = {}, Cn = {}, xn = ({
   open: !0
 }, e), Bo = Q(
   (e = wn(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(xn, { overrideState: e, overrideActions: t, children: n })
-), Eo = Q(() => ({ children: e }) => /* @__PURE__ */ o(jt, { children: e })), Re = 7, Fo = R(st)(({ theme: e }) => ({
+), Eo = Q(() => ({ children: e }) => /* @__PURE__ */ o(jt, { children: e })), Re = 7, Fo = W(st)(({ theme: e }) => ({
   backgroundColor: "black",
   color: "white",
   "& .MuiListItem-root": {
@@ -198,7 +198,7 @@ const Ct = Je(null), mn = {}, Cn = {}, xn = ({
     // '&.Mui-selected.Mui-focusVisible:hover': {
     // },
   }
-})), He = 7, Po = R(st)(({ theme: e }) => ({
+})), He = 7, Po = W(st)(({ theme: e }) => ({
   backgroundColor: "#e8e8e8",
   color: "inherit",
   "& .MuiListItem-root": {
@@ -242,7 +242,7 @@ function No({
   children: t
 }) {
   const { open: n } = vn();
-  return /* @__PURE__ */ p(pn, { className: q.root, "data-testid": e, children: [
+  return /* @__PURE__ */ u(pn, { className: q.root, "data-testid": e, children: [
     /* @__PURE__ */ o(Jt, {}),
     /* @__PURE__ */ o(
       fn,
@@ -256,7 +256,7 @@ function No({
     )
   ] });
 }
-const An = 24, Sn = 64, G = "TopBar", B = {
+const An = 24, Sn = 64, G = "TopBar", E = {
   topStripe: `${G}-topStripe`,
   titleBar: `${G}-titleBar`,
   titleSlider: `${G}-titleSlider`,
@@ -270,18 +270,18 @@ const An = 24, Sn = 64, G = "TopBar", B = {
   var i, r;
   return {
     width: "100%",
-    [`& .${B.topStripe}`]: {
+    [`& .${E.topStripe}`]: {
       width: "100%",
       height: `${An}px`,
       backgroundColor: e.palette.primary.main
     },
-    [`& .${B.titleBar}`]: {
+    [`& .${E.titleBar}`]: {
       backgroundColor: e.palette.primary.light,
       height: `${Sn}px`,
       padding: e.spacing(0, 3),
       width: "100%"
     },
-    [`& .${B.titleSlider}`]: a(a({
+    [`& .${E.titleSlider}`]: a(a({
       height: "100%",
       display: "flex",
       alignItems: "center",
@@ -290,14 +290,14 @@ const An = 24, Sn = 64, G = "TopBar", B = {
         easing: e.transitions.easing.sharp,
         duration: e.transitions.duration.leavingScreen
       }),
-      [`& .${B.leftPanelButton}`]: {
+      [`& .${E.leftPanelButton}`]: {
         marginRight: e.spacing(2),
         flexGrow: 0
       },
-      [`& .${B.titleText}`]: {
+      [`& .${E.titleText}`]: {
         flexGrow: 1
       },
-      [`& .${B.rightPanelButton}`]: {
+      [`& .${E.rightPanelButton}`]: {
         flexGrow: 0
       }
     }, (t == null ? void 0 : t.open) && {
@@ -321,13 +321,13 @@ function Dn({
   rightPanel: n,
   "data-testid": i
 }) {
-  return /* @__PURE__ */ p(bn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
-    /* @__PURE__ */ o("div", { className: B.topStripe }),
-    /* @__PURE__ */ o("div", { className: B.titleBar, children: /* @__PURE__ */ p(I, { className: B.titleSlider, children: [
-      t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ p(
+  return /* @__PURE__ */ u(bn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
+    /* @__PURE__ */ o("div", { className: E.topStripe }),
+    /* @__PURE__ */ o("div", { className: E.titleBar, children: /* @__PURE__ */ u(y, { className: E.titleSlider, children: [
+      t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ u(
         Z,
         {
-          className: B.leftPanelButton,
+          className: E.leftPanelButton,
           color: "inherit",
           "aria-label": "Open left side panel",
           onClick: t == null ? void 0 : t.onOpen,
@@ -339,11 +339,11 @@ function Dn({
           ]
         }
       ),
-      /* @__PURE__ */ o(O, { className: B.titleText, variant: "h6", noWrap: !0, children: e }),
-      n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ p(
+      /* @__PURE__ */ o(T, { className: E.titleText, variant: "h6", noWrap: !0, children: e }),
+      n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ u(
         Z,
         {
-          className: B.rightPanelButton,
+          className: E.rightPanelButton,
           color: "inherit",
           "aria-label": "Open right side panel",
           onClick: n == null ? void 0 : n.onOpen,
@@ -388,9 +388,9 @@ const xt = 400, kn = Ae(we, {
       marginLeft: `${r}px`
     }))
   })
-), yn = Ae(I, {
+), yn = Ae(y, {
   shouldForwardProp: (e) => !["anchor"].includes(e)
-})(({ theme: e, anchor: t }) => y(a({
+})(({ theme: e, anchor: t }) => D(a({
   display: "flex",
   alignItems: "center",
   padding: e.spacing(2)
@@ -416,52 +416,52 @@ function We({
   },
   titleText: r = "",
   width: s = xt,
-  showCloseArrow: c = !0,
-  debugOpacity: l = !1,
-  headerBoxProps: d = {},
-  onOpened: u,
-  onClosed: f,
+  showCloseArrow: d = !0,
+  debugOpacity: c = !1,
+  headerBoxProps: l = {},
+  onOpened: p,
+  onClosed: g,
   "data-testid": m,
-  navBarOpen: v = !1,
+  navBarOpen: w = !1,
   navBarWidthOpen: h = 0,
   navBarWidthClosed: b = 0
 }) {
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ u(
     kn,
     {
       SlideProps: {
-        onEntered: () => u == null ? void 0 : u(),
-        onExited: () => f == null ? void 0 : f()
+        onEntered: () => p == null ? void 0 : p(),
+        onExited: () => g == null ? void 0 : g()
       },
       variant: "persistent",
       anchor: t,
       open: n,
       width: s,
-      debugOpacity: l,
+      debugOpacity: c,
       "data-testid": m,
-      navBarOpen: v,
+      navBarOpen: w,
       navBarWidthOpen: h,
       navBarWidthClosed: b,
       children: [
-        /* @__PURE__ */ o(yn, y(a({ anchor: t }, d), { children: t === "left" ? /* @__PURE__ */ p(F, { children: [
-          /* @__PURE__ */ o(O, { variant: "h6", color: "inherit", component: "div", children: r }),
-          c && /* @__PURE__ */ p(Z, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
+        /* @__PURE__ */ o(yn, D(a({ anchor: t }, l), { children: t === "left" ? /* @__PURE__ */ u(P, { 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(ct, { "data-testid": "arrowbackicon" }),
             " "
           ] })
-        ] }) : /* @__PURE__ */ p(F, { children: [
-          c && /* @__PURE__ */ p(Z, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
+        ] }) : /* @__PURE__ */ u(P, { children: [
+          d && /* @__PURE__ */ u(Z, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
             /* @__PURE__ */ o(lt, {}),
             " "
           ] }),
-          /* @__PURE__ */ o(O, { variant: "h6", color: "inherit", component: "div", children: r })
+          /* @__PURE__ */ o(T, { variant: "h6", color: "inherit", component: "div", children: r })
         ] }) })),
         e
       ]
     }
   );
 }
-const In = R(I, {
+const In = W(y, {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: "PanelAwareMargins"
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
@@ -484,7 +484,7 @@ const In = R(I, {
     }),
     marginRight: `${(r = n == null ? void 0 : n.width) != null ? r : 0}px`
   });
-}), $n = R(et, {
+}), $n = W(et, {
   name: "PageContainer"
 })(({ theme: e }) => ({
   // Horizontal padding comes from the Container's gutter
@@ -499,7 +499,7 @@ const In = R(I, {
   startOpen: !1,
   open: void 0,
   onChangeOpen: void 0,
-  content: /* @__PURE__ */ o(F, {}),
+  content: /* @__PURE__ */ o(P, {}),
   onOpened: void 0,
   onClosed: void 0,
   dataTestId: void 0
@@ -511,22 +511,22 @@ function Lo({
   rightPanel: i,
   sidePanelsAreMutuallyExclusive: r = !0,
   debugOpacity: s = !1,
-  pageContainerProps: c,
-  pageContentDataTestId: l,
-  topBarDataTestId: d,
-  navBarOpen: u,
-  navBarWidthOpen: f,
+  pageContainerProps: d,
+  pageContentDataTestId: c,
+  topBarDataTestId: l,
+  navBarOpen: p,
+  navBarWidthOpen: g,
   navBarWidthClosed: m
 }) {
-  const [v, h] = E(me), [b, A] = E(Ce), [D, $] = E(me), [T, P] = E(Ce), N = n !== void 0, k = i !== void 0, {
-    titleText: S,
-    content: H,
-    flavour: W,
-    open: g,
+  const [w, h] = F(me), [b, S] = F(Ce), [k, $] = F(me), [O, B] = F(Ce), _ = n !== void 0, N = i !== void 0, {
+    titleText: v,
+    content: I,
+    flavour: M,
+    open: f,
     onChangeOpen: C,
     width: x,
-    arrowButtons: w,
-    startOpen: M,
+    arrowButtons: A,
+    startOpen: H,
     onOpened: ee,
     onClosed: le,
     dataTestId: Ot
@@ -544,17 +544,17 @@ function Lo({
     dataTestId: Nt
   } = i ? a(a({}, ie), i) : a({}, ie);
   K(() => {
-    M !== me && (h(M), $(M));
-  }, [M]), K(() => {
-    ne !== Ce && (A(ne), P(ne));
+    H !== me && (h(H), $(H));
+  }, [H]), K(() => {
+    ne !== Ce && (S(ne), B(ne));
   }, [ne]);
-  const ue = g === void 0 ? v : g, pe = ce === void 0 ? b : ce, $e = (z) => {
-    g === void 0 && (h(z), r && k && (z ? (A(!1), P(b)) : A(T))), C && C(z);
+  const ue = f === void 0 ? w : f, pe = ce === void 0 ? b : ce, $e = (z) => {
+    f === void 0 && (h(z), r && N && (z ? (S(!1), B(b)) : S(O))), C && C(z);
   }, Te = (z) => {
-    ce === void 0 && (A(z), r && N && (z ? (h(!1), $(v)) : h(D))), Ie && Ie(z);
+    ce === void 0 && (S(z), r && _ && (z ? (h(!1), $(w)) : h(k))), Ie && Ie(z);
   };
-  return /* @__PURE__ */ p(I, { children: [
-    N && /* @__PURE__ */ o(
+  return /* @__PURE__ */ u(y, { children: [
+    _ && /* @__PURE__ */ o(
       We,
       {
         "data-testid": Ot,
@@ -562,18 +562,18 @@ function Lo({
         open: ue,
         onClose: () => $e(!1),
         width: x,
-        titleText: S,
+        titleText: v,
         debugOpacity: s,
-        showCloseArrow: w === "both" || w === "close",
+        showCloseArrow: A === "both" || A === "close",
         onOpened: ee,
         onClosed: le,
-        navBarOpen: u,
-        navBarWidthOpen: f,
+        navBarOpen: p,
+        navBarWidthOpen: g,
         navBarWidthClosed: m,
-        children: H
+        children: I
       }
     ),
-    k && /* @__PURE__ */ o(
+    N && /* @__PURE__ */ o(
       We,
       {
         "data-testid": Nt,
@@ -586,8 +586,8 @@ function Lo({
         showCloseArrow: te === "both" || te === "close",
         onOpened: Ft,
         onClosed: Pt,
-        navBarOpen: u,
-        navBarWidthOpen: f,
+        navBarOpen: p,
+        navBarWidthOpen: g,
         navBarWidthClosed: m,
         children: Et
       }
@@ -596,15 +596,15 @@ function Lo({
       Dn,
       a(a({
         titleText: t,
-        "data-testid": d
-      }, N && W === "push" ? {
+        "data-testid": l
+      }, _ && M === "push" ? {
         leftPanel: {
           open: ue,
           width: x,
           onOpen: () => $e(!0),
-          showOpenArrow: w === "both" || w === "open"
+          showOpenArrow: A === "both" || A === "open"
         }
-      } : {}), k && ye === "push" ? {
+      } : {}), N && ye === "push" ? {
         rightPanel: {
           open: pe,
           width: de,
@@ -615,7 +615,7 @@ function Lo({
     ),
     /* @__PURE__ */ o(
       In,
-      y(a(a({}, W === "push" ? {
+      D(a(a({}, M === "push" ? {
         leftPanel: {
           open: ue,
           width: x
@@ -626,7 +626,7 @@ function Lo({
           width: de
         }
       } : {}), {
-        children: /* @__PURE__ */ o($n, y(a({ "data-testid": l }, c), { children: e }))
+        children: /* @__PURE__ */ o($n, D(a({ "data-testid": c }, d), { children: e }))
       })
     )
   ] });
@@ -634,7 +634,7 @@ function Lo({
 const vt = () => {
   const e = se();
   return Ht(e.breakpoints.down("sm"));
-}, Tn = 64, On = 72, Bn = 256, j = _(!0), wt = _(Bn), At = _(On), ve = _(""), En = _(void 0), St = _(Tn), bt = _(void 0);
+}, Tn = 64, On = 72, Bn = 256, j = R(!0), wt = R(Bn), At = R(On), ve = R(""), En = R(void 0), St = R(Tn), bt = R(void 0);
 function Fn({ links: e }) {
   return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
 }
@@ -646,7 +646,7 @@ const re = "Navbar", Y = {
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, Pn = R(I, { name: "NavBar" })(({ theme: e }) => ({
+}, Pn = W(y, { name: "NavBar" })(({ theme: e }) => ({
   [`&.${Y.root}`]: {
     display: "flex"
   },
@@ -694,7 +694,7 @@ const re = "Navbar", Y = {
 }, Dt(e)), Ue = (e, t) => a({
   width: t,
   transition: X(e, "width", "leaving")
-}, Dt(e)), Ln = R(we, {
+}, Dt(e)), Ln = W(we, {
   shouldForwardProp: (e) => !["widthOpen", "widthClosed", "isSmallScreen"].includes(e)
 })(({ theme: e, open: t, widthOpen: n, widthClosed: i, isSmallScreen: r }) => a(a({
   flexShrink: 0,
@@ -702,10 +702,10 @@ const re = "Navbar", Y = {
   boxSizing: "border-box",
   display: "flex",
   flexDirection: "column"
-}, t && y(a({}, ze(e, n)), {
+}, t && D(a({}, ze(e, n)), {
   backgroundColor: "",
   "& .MuiDrawer-paper": ze(e, n)
-})), !t && y(a({}, Ue(e, r ? n : i)), {
+})), !t && D(a({}, Ue(e, r ? n : i)), {
   backgroundColor: "",
   "& .MuiDrawer-paper": Ue(e, r ? n : i)
 })));
@@ -720,8 +720,8 @@ function _n(e) {
 const Ge = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], Ve = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
 function Mn({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
   const r = se();
-  return /* @__PURE__ */ p(
-    I,
+  return /* @__PURE__ */ u(
+    y,
     {
       sx: {
         paddingTop: 3,
@@ -732,14 +732,14 @@ function Mn({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
       },
       children: [
         !i && /* @__PURE__ */ o(
-          I,
+          y,
           {
             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(F, { children: /* @__PURE__ */ o(
+            children: e != null && e.name ? /* @__PURE__ */ o(P, { children: /* @__PURE__ */ o(
               Pe,
               {
                 src: e == null ? void 0 : e.picture,
@@ -754,14 +754,14 @@ function Mn({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
           }
         ),
         i && /* @__PURE__ */ o(
-          I,
+          y,
           {
             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(F, { children: /* @__PURE__ */ p(Me, { 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(P, { children: /* @__PURE__ */ u(Me, { src: e == null ? void 0 : e.picture, name: e == null ? void 0 : e.name, round: !0, size: n ? "80" : "32", children: [
               " ",
               Ve(e == null ? void 0 : e.name),
               " ",
@@ -769,9 +769,9 @@ function Mn({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
             ] }) }) : /* @__PURE__ */ o(Me, {})
           }
         ),
-        /* @__PURE__ */ o(Nn, { 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(Ne, { animation: !1, width: "50%" }),
-          t ? /* @__PURE__ */ o(O, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Ne, { animation: !1, width: "25%" })
+        /* @__PURE__ */ o(Nn, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(zt, { in: n, children: /* @__PURE__ */ u(y, { 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(Ne, { animation: !1, width: "50%" }),
+          t ? /* @__PURE__ */ o(T, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Ne, { animation: !1, width: "25%" })
         ] }) }) })
       ]
     }
@@ -784,38 +784,38 @@ function Rn({
   "data-testid": i,
   top: r,
   middle: s,
-  bottom: c,
-  user: l,
-  domainCode: d,
-  useNewAvatar: u = !1
+  bottom: d,
+  user: c,
+  domainCode: l,
+  useNewAvatar: p = !1
 }) {
-  const f = vt(), m = dt(j);
-  return /* @__PURE__ */ o(Pn, { className: Y.root, "data-testid": i, children: /* @__PURE__ */ p(
+  const g = vt(), m = dt(j);
+  return /* @__PURE__ */ o(Pn, { className: Y.root, "data-testid": i, children: /* @__PURE__ */ u(
     Ln,
     {
       open: e,
       widthOpen: n,
       widthClosed: t,
       anchor: "left",
-      variant: f ? "temporary" : "permanent",
+      variant: g ? "temporary" : "permanent",
       PaperProps: {
         component: "nav"
       },
       onClose: () => {
         m(!1);
       },
-      isSmallScreen: f,
+      isSmallScreen: g,
       children: [
-        !f && /* @__PURE__ */ o(Ut, {}),
-        r && /* @__PURE__ */ p(I, { flexGrow: "0", children: [
+        !g && /* @__PURE__ */ o(Ut, {}),
+        r && /* @__PURE__ */ u(y, { flexGrow: "0", children: [
           r,
           /* @__PURE__ */ o(Le, { variant: "middle", sx: { marginY: "0.5rem" } })
         ] }),
-        /* @__PURE__ */ o(I, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ o(Fn, { links: s }) : s }),
-        /* @__PURE__ */ p(I, { flexGrow: "0", children: [
+        /* @__PURE__ */ o(y, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ o(Fn, { links: s }) : s }),
+        /* @__PURE__ */ u(y, { flexGrow: "0", children: [
           /* @__PURE__ */ o(Le, { variant: "middle", sx: { marginY: "0.5rem" } }),
-          /* @__PURE__ */ o(Mn, { user: l, domainCode: d, open: e, useNewAvatar: u }),
-          c && /* @__PURE__ */ o(F, { children: c })
+          /* @__PURE__ */ o(Mn, { user: c, domainCode: l, open: e, useNewAvatar: p }),
+          d && /* @__PURE__ */ o(P, { children: d })
         ] })
       ]
     }
@@ -828,14 +828,14 @@ function Hn({
   noPadding: i
 }) {
   return /* @__PURE__ */ o(
-    I,
+    y,
     {
       sx: {
         overflow: "auto",
         height: `calc(100vh - ${t}px)`,
         flexGrow: 1
       },
-      children: i ? /* @__PURE__ */ o(I, { component: "main", id: "main-content", height: "inherit", children: e }) : /* @__PURE__ */ o(
+      children: i ? /* @__PURE__ */ o(y, { component: "main", id: "main-content", height: "inherit", children: e }) : /* @__PURE__ */ o(
         et,
         {
           component: "main",
@@ -857,8 +857,8 @@ function Un({
   "data-testid": n,
   middle: i
 }) {
-  const r = dt(j), s = () => r((d) => !d), c = se(), l = vt();
-  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ p(
+  const r = dt(j), s = () => r((l) => !l), d = se(), c = vt();
+  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ u(
     je,
     {
       square: !0,
@@ -873,7 +873,7 @@ function Un({
         gap: 2,
         flexShrink: 0,
         height: t,
-        zIndex: l ? 0 : c.zIndex.drawer + 101
+        zIndex: c ? 0 : d.zIndex.drawer + 101
       },
       children: [
         /* @__PURE__ */ o(
@@ -886,7 +886,7 @@ function Un({
             children: /* @__PURE__ */ o(en, { fontSize: "medium" })
           }
         ),
-        /* @__PURE__ */ o(O, { className: zn.titleText, variant: "h6", component: "h1", children: e }),
+        /* @__PURE__ */ o(T, { className: zn.titleText, variant: "h6", component: "h1", children: e }),
         i
       ]
     }
@@ -899,51 +899,51 @@ function _o({
   pageContainerProps: i,
   pageContentDataTestId: r,
   topBarDataTestId: s,
-  navBarDataTestId: c,
-  navBarMiddle: l,
-  navBarBottom: d,
-  user: u,
-  domainCode: f,
+  navBarDataTestId: d,
+  navBarMiddle: c,
+  navBarBottom: l,
+  user: p,
+  domainCode: g,
   useNewAvatar: m = !1
 }) {
   pt([
     [j, n != null ? n : !0],
     [ve, t != null ? t : ""]
   ]);
-  const v = _e(j), [h] = V(wt), [b] = V(At), A = _e(ve), [D] = V(St), [$] = V(En), [T] = V(bt);
-  return /* @__PURE__ */ p(I, { children: [
+  const w = _e(j), [h] = V(wt), [b] = V(At), S = _e(ve), [k] = V(St), [$] = V(En), [O] = V(bt);
+  return /* @__PURE__ */ u(y, { children: [
     /* @__PURE__ */ o(Gt, {}),
     /* @__PURE__ */ o(
       Un,
       {
-        titleText: A,
+        titleText: S,
         "data-testid": s,
-        height: D,
+        height: k,
         middle: $
       }
     ),
-    /* @__PURE__ */ p(I, { sx: { display: "flex" }, children: [
+    /* @__PURE__ */ u(y, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ o(
         Rn,
         {
-          open: v,
-          top: T,
-          middle: l,
-          bottom: d,
-          user: u,
-          domainCode: f,
+          open: w,
+          top: O,
+          middle: c,
+          bottom: l,
+          user: p,
+          domainCode: g,
           widthOpen: h,
           widthClosed: b,
-          offsetTop: D,
-          "data-testid": c,
+          offsetTop: k,
+          "data-testid": d,
           useNewAvatar: m
         }
       ),
       /* @__PURE__ */ o(
         Hn,
-        y(a({
+        D(a({
           "data-testid": r,
-          topBarHeight: D
+          topBarHeight: k
         }, i), {
           children: e
         })
@@ -958,34 +958,34 @@ const kt = ({
   maxWidth: i,
   primaryButton: r,
   secondaryButton: s,
-  onClose: c,
-  sx: l,
-  "data-testid": d,
-  disableCloseOnBackdropOrEscape: u = !1,
-  isLoading: f = !1
+  onClose: d,
+  sx: c,
+  "data-testid": l,
+  disableCloseOnBackdropOrEscape: p = !1,
+  isLoading: g = !1
 }) => {
   var h, b;
-  const [m, v] = E(!1);
-  return /* @__PURE__ */ p(
+  const [m, w] = F(!1);
+  return /* @__PURE__ */ u(
     tt,
     {
       open: e,
-      onClose: (A, D) => L(void 0, null, function* () {
-        u && (D === "backdropClick" || D === "escapeKeyDown") || m || (s != null && s.onClick ? yield s.onClick() : c());
+      onClose: (S, k) => L(void 0, null, function* () {
+        p && (k === "backdropClick" || k === "escapeKeyDown") || m || (s != null && s.onClick ? yield s.onClick() : d());
       }),
       fullWidth: !0,
       maxWidth: i != null ? i : "xs",
-      "data-testid": d,
-      sx: l,
+      "data-testid": l,
+      sx: c,
       children: [
-        f && /* @__PURE__ */ o(nt, { sx: { height: "4px", marginBottom: "-4px" } }),
+        g && /* @__PURE__ */ o(nt, { sx: { height: "4px", marginBottom: "-4px" } }),
         /* @__PURE__ */ o(ot, { children: t }),
         /* @__PURE__ */ o(it, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
-        /* @__PURE__ */ p(rt, { children: [
+        /* @__PURE__ */ u(rt, { children: [
           /* @__PURE__ */ o(
             J,
             {
-              onClick: (h = s == null ? void 0 : s.onClick) != null ? h : c,
+              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,
               color: s == null ? void 0 : s.buttonColor,
@@ -996,8 +996,8 @@ const kt = ({
             J,
             {
               onClick: () => L(void 0, null, function* () {
-                var A;
-                v(!0), yield (A = r.onClick) == null ? void 0 : A.call(r), v(!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,
@@ -1029,87 +1029,87 @@ function Mo({
   minLength: i = 0,
   label: r,
   value: s,
-  "data-testid": c,
-  sx: l,
-  boxSx: d,
-  textFieldColor: u,
-  textFieldVariant: f = "filled",
+  "data-testid": d,
+  sx: c,
+  boxSx: l,
+  textFieldColor: p,
+  textFieldVariant: g = "filled",
   loadingText: m = "Loading...",
-  noOptionsText: v = "No options",
+  noOptionsText: w = "No options",
   popupIcon: h = /* @__PURE__ */ o(nn, {}),
   error: b = !1,
-  helperText: A = "",
-  preLoadedOptions: D = void 0,
+  helperText: S = "",
+  preLoadedOptions: k = void 0,
   disablePortal: $ = !1,
-  disableIconFlip: T = !1
+  disableIconFlip: O = !1
 }) {
-  const [P, N] = E(""), k = (g, C) => {
-    const x = s.filter((w) => w.id !== C);
-    n(x, "delete", g);
-  }, { data: S, isLoading: H } = yt({
-    inputValue: P,
+  const [B, _] = F(""), N = (f, C) => {
+    const x = s.filter((A) => A.id !== C);
+    n(x, "delete", f);
+  }, { data: v, isLoading: I } = yt({
+    inputValue: B,
     label: r,
     lookup: e,
     minLength: i,
-    preLoadedOptions: D
-  }), W = P.length >= i;
-  return /* @__PURE__ */ p("div", { "data-testid": c, children: [
+    preLoadedOptions: k
+  }), M = B.length >= i;
+  return /* @__PURE__ */ u("div", { "data-testid": d, children: [
     /* @__PURE__ */ o(
       Se,
       {
-        sx: a(a({}, l), T ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
-        "data-testid": c ? `${c}:Autocomplete` : void 0,
+        sx: a(a({}, c), O ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
+        "data-testid": d ? `${d}:Autocomplete` : void 0,
         disablePortal: $,
         multiple: !0,
-        getOptionLabel: (g) => typeof g == "string" ? g : g.label,
-        loading: W ? H : !1,
-        options: [...s, ...S != null ? S : []],
+        getOptionLabel: (f) => typeof f == "string" ? f : f.label,
+        loading: M ? I : !1,
+        options: [...s, ...v != null ? v : []],
         filterSelectedOptions: !0,
         includeInputInList: !0,
         value: s,
-        onChange: (g, C, x) => {
-          n(C, x, g);
+        onChange: (f, C, x) => {
+          n(C, x, f);
         },
-        onInputChange: (g, C) => N(C),
-        noOptionsText: W ? v : "Start typing to search",
+        onInputChange: (f, C) => _(C),
+        noOptionsText: M ? w : "Start typing to search",
         loadingText: m,
         popupIcon: h,
-        renderInput: (g) => /* @__PURE__ */ o(
+        renderInput: (f) => /* @__PURE__ */ o(
           be,
-          y(a({}, g), {
+          D(a({}, f), {
             label: r,
             fullWidth: !0,
-            variant: f,
+            variant: g,
             error: b,
-            helperText: A,
-            InputProps: y(a({}, g.InputProps), {
-              endAdornment: /* @__PURE__ */ p(F, { children: [
-                H ? /* @__PURE__ */ o(De, { color: "inherit", size: 20 }) : null,
-                g.InputProps.endAdornment
+            helperText: S,
+            InputProps: D(a({}, f.InputProps), {
+              endAdornment: /* @__PURE__ */ u(P, { children: [
+                I ? /* @__PURE__ */ o(De, { color: "inherit", size: 20 }) : null,
+                f.InputProps.endAdornment
               ] })
             }),
-            "data-testid": c ? `${c}:Autocomplete:TextField` : void 0,
+            "data-testid": d ? `${d}:Autocomplete:TextField` : void 0,
             onKeyDown: (C) => {
               (C.key === "Backspace" || C.key === "Delete") && C.stopPropagation();
             },
-            color: u
+            color: p
           })
         ),
         renderTags: () => null,
-        isOptionEqualToValue: (g, C) => g.id === C.id,
-        renderOption: (g, C, x) => {
+        isOptionEqualToValue: (f, C) => f.id === C.id,
+        renderOption: (f, C, x) => {
           if (t) {
-            const w = rn(C.label, x.inputValue, {
+            const A = rn(C.label, x.inputValue, {
               insideWords: !0,
               findAllOccurrences: !0
-            }), M = an(C.label, w);
+            }), H = an(C.label, A);
             return /* @__PURE__ */ xe(
               "li",
-              y(a({}, g), {
+              D(a({}, f), {
                 key: C.id,
-                "data-testid": c ? `${c}:Autocomplete:option(${C.id.toString()})` : void 0
+                "data-testid": d ? `${d}:Autocomplete:option(${C.id.toString()})` : void 0
               }),
-              /* @__PURE__ */ o("div", { children: M.map((ee, le) => /* @__PURE__ */ o(
+              /* @__PURE__ */ o("div", { children: H.map((ee, le) => /* @__PURE__ */ o(
                 "span",
                 {
                   style: {
@@ -1123,16 +1123,16 @@ function Mo({
           } else
             return /* @__PURE__ */ xe(
               "li",
-              y(a({}, g), {
+              D(a({}, f), {
                 key: C.id,
-                "data-testid": c ? `${c}:option(${C.id.toString()})` : void 0
+                "data-testid": d ? `${d}:option(${C.id.toString()})` : void 0
               }),
               C.label
             );
         }
       }
     ),
-    s.length > 0 && /* @__PURE__ */ o(I, { sx: d, children: s.map((g) => /* @__PURE__ */ o(
+    s.length > 0 && /* @__PURE__ */ o(y, { sx: l, children: s.map((f) => /* @__PURE__ */ o(
       Vt,
       {
         sx: {
@@ -1143,7 +1143,7 @@ function Mo({
         label: /* @__PURE__ */ o(
           qt,
           {
-            title: g.tooltipContent || "",
+            title: f.tooltipContent || "",
             placement: "bottom-start",
             PopperProps: {
               modifiers: [
@@ -1155,19 +1155,19 @@ function Mo({
                 }
               ]
             },
-            children: /* @__PURE__ */ o(O, { style: { whiteSpace: "normal" }, children: g.chipLabel ? g.chipLabel : g.label })
+            children: /* @__PURE__ */ o(T, { style: { whiteSpace: "normal" }, children: f.chipLabel ? f.chipLabel : f.label })
           }
         ),
-        "data-testid": c ? `${c}:Chip(${g.id.toString()})` : void 0,
-        onDelete: (C) => k(C, g.id),
+        "data-testid": d ? `${d}:Chip(${f.id.toString()})` : void 0,
+        onDelete: (C) => N(C, f.id),
         deleteIcon: /* @__PURE__ */ o(
           tn,
           {
-            "data-testid": c ? `${c}:Chip(${g.id.toString()}):deleteIcon` : void 0
+            "data-testid": d ? `${d}:Chip(${f.id.toString()}):deleteIcon` : void 0
           }
         )
       },
-      g.id
+      f.id
     )) })
   ] });
 }
@@ -1179,64 +1179,66 @@ const Ro = ({
   value: i,
   sx: r,
   textFieldColor: s,
-  textFieldVariant: c = "filled",
+  textFieldVariant: d = "filled",
+  error: c = !1,
   "data-testid": l,
-  noOptionsText: d = "No options",
-  minLength: u = 3,
-  disablePortal: f = !1,
-  preLoadedOptions: m,
-  helperText: v = "",
-  disabled: h,
-  popupIcon: b,
-  disableIconFlip: A
+  noOptionsText: p = "No options",
+  minLength: g = 3,
+  disablePortal: m = !1,
+  preLoadedOptions: w,
+  helperText: h = "",
+  disabled: b,
+  popupIcon: S,
+  disableIconFlip: k
 }) => {
-  const [D, $] = E(""), { data: T, isLoading: P } = yt({
-    inputValue: D,
+  const [$, O] = F(""), { data: B, isLoading: _ } = yt({
+    inputValue: $,
     label: n,
     lookup: e,
-    minLength: u != null ? u : 0,
-    preLoadedOptions: m
-  }), N = D.length >= u;
+    minLength: g != null ? g : 0,
+    preLoadedOptions: w
+  }), N = $.length >= g;
   return /* @__PURE__ */ o("div", { "data-testid": l, children: /* @__PURE__ */ o(Xt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
     Se,
     {
-      sx: a(a({}, r), A ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
+      sx: a(a({}, r), k ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
       "data-testid": l ? `${l}:Autocomplete` : void 0,
-      loading: N ? P : !1,
-      options: T != null ? T : [],
-      onChange: (k, S) => {
-        t(k, S);
+      loading: N ? _ : !1,
+      options: B != null ? B : [],
+      onChange: (v, I, M) => {
+        t(v, I, M);
       },
-      disablePortal: f,
-      filterOptions: (k) => k,
+      disablePortal: m,
+      filterOptions: (v) => v,
       value: i,
-      noOptionsText: N ? d : "Start typing to search",
-      getOptionLabel: (k) => k.label,
-      popupIcon: b,
-      renderInput: (k) => /* @__PURE__ */ o(
+      noOptionsText: N ? p : "Start typing to search",
+      getOptionLabel: (v) => v.label,
+      popupIcon: S,
+      renderInput: (v) => /* @__PURE__ */ o(
         be,
-        y(a({
+        D(a({
           "data-testid": l ? `${l}:Autocomplete:TextField` : void 0
-        }, k), {
-          variant: c,
+        }, v), {
+          variant: d,
           label: n,
           color: s,
-          helperText: v
+          error: c,
+          helperText: h
         })
       ),
-      isOptionEqualToValue: (k, S) => k.id === S.id,
-      onInputChange: (k, S) => {
-        $(S);
+      isOptionEqualToValue: (v, I) => v.id === I.id,
+      onInputChange: (v, I) => {
+        O(I);
       },
-      renderOption: (k, S) => /* @__PURE__ */ xe(
+      renderOption: (v, I) => /* @__PURE__ */ xe(
         "li",
-        y(a({}, k), {
-          key: S.id,
-          "data-testid": l ? `${l}:Autocomplete:option(${S.id.toString()})` : void 0
+        D(a({}, v), {
+          key: I.id,
+          "data-testid": l ? `${l}:Autocomplete:option(${I.id.toString()})` : void 0
         }),
-        S.label
+        I.label
       ),
-      disabled: h
+      disabled: b
     }
   ) }) });
 }, Gn = (e) => {
@@ -1257,15 +1259,15 @@ const Ro = ({
   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(), [s, d] = F(0), c = () => L(void 0, null, function* () {
     i({ logoutParams: { returnTo: `${window.location.origin}` } });
-  }), d = () => L(void 0, null, function* () {
-    c(s + 1), t();
+  }), l = () => L(void 0, null, function* () {
+    d(s + 1), t();
   });
   return K(() => {
     (() => L(void 0, null, function* () {
       if (s > 0) {
-        const v = yield r({ cacheMode: "off" }), h = Gn(v) * 1e3;
+        const w = yield r({ cacheMode: "off" }), h = Gn(w) * 1e3;
         n(h);
       }
     }))();
@@ -1275,14 +1277,14 @@ const Ro = ({
       isOpen: e,
       primaryButton: {
         text: "Continue",
-        onClick: d,
+        onClick: l,
         disabled: !1,
         testId: "PreferencesDialog",
         buttonColor: "secondary"
       },
       secondaryButton: {
         text: "Log out",
-        onClick: l,
+        onClick: c,
         disabled: !1,
         testId: "PreferencesDialog",
         buttonColor: "secondary"
@@ -1320,12 +1322,12 @@ function Wo({
   onError: r = () => {
   }
 }) {
-  var m, v;
-  const { isAuthenticated: s, isLoading: c, error: l, loginWithRedirect: d, logout: u } = ht();
+  var m, w;
+  const { isAuthenticated: s, isLoading: d, error: c, loginWithRedirect: l, logout: p } = ht();
   K(() => {
-    l && r(l);
-  }, [l, r]);
-  const f = Rt(
+    c && r(c);
+  }, [c, r]);
+  const g = Rt(
     () => ({
       appState: {
         returnTo: `${window.location.pathname}${window.location.search}`
@@ -1334,50 +1336,50 @@ function Wo({
     []
   );
   if (K(() => {
-    c || s || l || d(f);
-  }, [c, s, l, d, r, f]), l) {
+    d || s || c || l(g);
+  }, [d, s, c, l, r, g]), c) {
     if (i || console.error(
-      `Error detected in AuthGuard [isAuthenticated=${s},isLoading=${c}]`,
-      l
+      `Error detected in AuthGuard [isAuthenticated=${s},isLoading=${d}]`,
+      c
     ), n === "all")
-      throw l;
-    if (Vn(l)) {
+      throw c;
+    if (Vn(c)) {
       let h = "Auth error", b = "An unknown Auth0 error occurred.";
-      if (qn(l))
+      if (qn(c))
         h = "Unauthorised", b = `You are not authorised to access ${t}.`;
-      else if (Xn(l))
+      else if (Xn(c))
         h = "App not authorised", b = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`;
-      else if (Qn(l))
+      else if (Qn(c))
         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 A = localStorage.getItem("auth0_redirect_count");
-        A ? A && parseInt(A) < 2 && (localStorage.setItem("auth0_redirect_count", String(parseInt(A) + 1)), d(f)) : (localStorage.setItem("auth0_redirect_count", "1"), d(f));
+      else if (c.message === "Invalid state") {
+        const S = localStorage.getItem("auth0_redirect_count");
+        S ? S && parseInt(S) < 2 && (localStorage.setItem("auth0_redirect_count", String(parseInt(S) + 1)), l(g)) : (localStorage.setItem("auth0_redirect_count", "1"), l(g));
       } else if (n === "unknown")
-        throw l;
-      return /* @__PURE__ */ p(tt, { open: !0, children: [
+        throw c;
+      return /* @__PURE__ */ u(tt, { open: !0, children: [
         /* @__PURE__ */ o(ot, { children: h }),
-        /* @__PURE__ */ p(it, { children: [
-          /* @__PURE__ */ o(O, { children: b }),
+        /* @__PURE__ */ u(it, { children: [
+          /* @__PURE__ */ o(T, { children: b }),
           /* @__PURE__ */ o("br", {}),
-          /* @__PURE__ */ o(O, { variant: "subtitle2", children: "Details from Auth0" }),
-          /* @__PURE__ */ p(O, { variant: "body2", children: [
+          /* @__PURE__ */ o(T, { variant: "subtitle2", children: "Details from Auth0" }),
+          /* @__PURE__ */ u(T, { variant: "body2", children: [
             "error: ",
-            (m = l == null ? void 0 : l.error) != null ? m : "N/A"
+            (m = c == null ? void 0 : c.error) != null ? m : "N/A"
           ] }),
-          /* @__PURE__ */ p(O, { variant: "body2", children: [
+          /* @__PURE__ */ u(T, { variant: "body2", children: [
             "description: ",
-            (v = l == null ? void 0 : l.error_description) != null ? v : "N/A"
+            (w = c == null ? void 0 : c.error_description) != null ? w : "N/A"
           ] })
         ] }),
-        /* @__PURE__ */ p(rt, { children: [
+        /* @__PURE__ */ u(rt, { children: [
           h === "Auth0 script execution time exceeded" && /* @__PURE__ */ o(J, { href: window.location.origin + window.location.pathname, children: "Reload" }),
-          /* @__PURE__ */ o(J, { onClick: () => u({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" })
+          /* @__PURE__ */ o(J, { onClick: () => p({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" })
         ] })
       ] });
     } else if (n === "unknown")
-      throw l;
+      throw c;
   }
-  return s ? (localStorage.removeItem("auth0_redirect_count"), /* @__PURE__ */ o(F, { children: e })) : /* @__PURE__ */ o(un, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
+  return s ? (localStorage.removeItem("auth0_redirect_count"), /* @__PURE__ */ o(P, { children: e })) : /* @__PURE__ */ o(un, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
 }
 const Yn = {
   autoHideDuration: 6e3,
@@ -1401,74 +1403,74 @@ const Yn = {
   borderBottomRightRadius: "0px"
 }, eo = {}, to = {}, It = Je(null);
 function no(s) {
-  var c = s, {
+  var d = s, {
     overrideState: e = eo,
     overrideActions: t = to,
     shouldClose: n = Kn.shouldClose,
     children: i
-  } = c, r = Ee(c, [
+  } = d, r = Ee(d, [
     "overrideState",
     "overrideActions",
     "shouldClose",
     "children"
   ]);
   var C;
-  const [{ open: l }, d] = E({ open: !1 }), u = ge([]), f = ge(Date.now()), m = ge(0), v = ae((x) => {
-    d({ open: x });
+  const [{ open: c }, l] = F({ open: !1 }), p = ge([]), g = ge(Date.now()), m = ge(0), w = ae((x) => {
+    l({ open: x });
   }, []), h = ae((x = {}) => {
-    m.current += 1, u.current.length >= Xe && Date.now() - f.current >= Qe && (f.current = Date.now(), console.error(
+    m.current += 1, p.current.length >= Xe && Date.now() - g.current >= Qe && (g.current = Date.now(), console.error(
       `SaladBarProvider: MAX_QUEUE_LENGTH (${Xe}) hit ${m.current} times in last ${Qe}ms)`
     ), m.current = 0);
-    const w = a(y(a({}, qe), {
+    const A = a(D(a({}, qe), {
       key: Zn()
     }), x);
-    return u.current.push(w), u.current.length === 1 && d({ open: !0 }), w.key;
-  }, []), b = (x = "", w = {}) => h(a({ message: x, severity: "success" }, w)), A = (x = "", w = {}) => h(a({ message: x, severity: "info" }, w)), D = (x = "", w = {}) => h(a({ message: x, severity: "warning" }, w)), $ = (x = "", w = {}) => h(a({ message: x, severity: "error" }, w)), T = (x) => {
-    const w = u.current.findIndex((M) => M.key === x);
-    if (w !== -1)
-      return w === 0 ? (d({ open: !1 }), u.current[0]) : u.current.splice(w, 1);
-  }, P = (x, w) => {
-    n(x, w) && d({ open: !1 });
+    return p.current.push(A), p.current.length === 1 && l({ open: !0 }), A.key;
+  }, []), b = (x = "", A = {}) => h(a({ message: x, severity: "success" }, A)), S = (x = "", A = {}) => h(a({ message: x, severity: "info" }, A)), k = (x = "", A = {}) => h(a({ message: x, severity: "warning" }, A)), $ = (x = "", A = {}) => h(a({ message: x, severity: "error" }, A)), O = (x) => {
+    const A = p.current.findIndex((H) => H.key === x);
+    if (A !== -1)
+      return A === 0 ? (l({ open: !1 }), p.current[0]) : p.current.splice(A, 1);
+  }, B = (x, A) => {
+    n(x, A) && l({ open: !1 });
+  }, _ = () => {
   }, N = () => {
-  }, k = () => {
-    u.current.shift(), u.current.length > 0 && d({ open: !0 });
-  }, S = (C = u.current[0]) != null ? C : a({}, qe), H = {};
-  "autoHideDuration" in S && (H.autoHideDuration = S.autoHideDuration);
-  const W = a(a({}, Yn), r), g = a(a({
-    open: l,
-    setOpen: v,
+    p.current.shift(), p.current.length > 0 && l({ open: !0 });
+  }, v = (C = p.current[0]) != null ? C : a({}, qe), I = {};
+  "autoHideDuration" in v && (I.autoHideDuration = v.autoHideDuration);
+  const M = a(a({}, Yn), r), f = a(a({
+    open: c,
+    setOpen: w,
     enqueueNotification: h,
     enqueueSuccessNotification: b,
-    enqueueInfoNotification: A,
-    enqueueWarningNotification: D,
+    enqueueInfoNotification: S,
+    enqueueWarningNotification: k,
     enqueueErrorNotification: $,
-    removeNotification: T
+    removeNotification: O
   }, e), t);
-  return /* @__PURE__ */ p(It.Provider, { value: g, children: [
+  return /* @__PURE__ */ u(It.Provider, { value: f, children: [
     i,
     /* @__PURE__ */ o(
       Qt,
-      y(a(a({}, W), H), {
-        open: l,
-        onClose: P,
+      D(a(a({}, M), I), {
+        open: c,
+        onClose: B,
         TransitionProps: {
-          onExited: k,
-          onExit: N
+          onExited: N,
+          onExit: _
         },
         sx: { zIndex: Jn },
-        children: /* @__PURE__ */ p("div", { children: [
+        children: /* @__PURE__ */ u("div", { children: [
           /* @__PURE__ */ o(
             Yt,
             {
-              onClose: (x) => P(x, "closeAlert"),
-              severity: S.severity,
+              onClose: (x) => B(x, "closeAlert"),
+              severity: v.severity,
               variant: "filled",
-              icon: S.progressIndicator === "circular" ? /* @__PURE__ */ o(De, { size: "1em" }) : void 0,
-              style: S.progressIndicator === "linear" ? jn : void 0,
-              children: S.message
+              icon: v.progressIndicator === "circular" ? /* @__PURE__ */ o(De, { size: "1em" }) : void 0,
+              style: v.progressIndicator === "linear" ? jn : void 0,
+              children: v.message
             }
           ),
-          S.progressIndicator === "linear" && /* @__PURE__ */ o(nt, { color: "primary" })
+          v.progressIndicator === "linear" && /* @__PURE__ */ o(nt, { color: "primary" })
         ] })
       })
     )
@@ -1481,15 +1483,15 @@ function oo() {
   return e;
 }
 const zo = Q(
-  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(no, y(a({}, e), { overrideState: t, overrideActions: n, children: i }))
+  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(no, D(a({}, e), { overrideState: t, overrideActions: n, children: i }))
 ), io = on(), Uo = ({
   children: e,
   store: t
 }) => /* @__PURE__ */ o(ut, { store: t != null ? t : io, children: e }), $t = "domainCode";
 var Ke;
-const Ye = _(
+const Ye = R(
   JSON.parse((Ke = localStorage.getItem($t)) != null ? Ke : '{"domainCode": ""}').domainCode
-), Tt = _(
+), Tt = R(
   (e) => e(Ye),
   (e, t, n) => {
     t(Ye, n), localStorage.setItem($t, JSON.stringify({ domainCode: n }));
@@ -1517,13 +1519,13 @@ const Ye = _(
   applicationName: r,
   handleLogout: s
 }) => {
-  const [c, l] = V(Tt), [d, u] = E(c), { enqueueSuccessNotification: f } = oo(), m = i.length === 0, v = !!c && !i.includes(c) && !i.includes(d), h = !c || m || v, b = () => L(void 0, null, function* () {
-    d ? (l(d), f(`Set organisation to ${d}`), n()) : l("");
-  }), A = () => L(void 0, null, function* () {
-    c && !m && !v ? (u(c), n()) : h && s();
+  const [d, c] = V(Tt), [l, p] = F(d), { enqueueSuccessNotification: g } = oo(), m = i.length === 0, w = !!d && !i.includes(d) && !i.includes(l), h = !d || m || w, b = () => L(void 0, null, function* () {
+    l ? (c(l), g(`Set organisation to ${l}`), n()) : c("");
+  }), S = () => L(void 0, null, function* () {
+    d && !m && !w ? (p(d), n()) : h && s();
   });
-  let D;
-  return m ? 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__ */ p(
+  let k;
+  return m ? k = "Unable to retrieve your active organisations. Try logging in again." : w && (k = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ u(
     kt,
     {
       isOpen: t,
@@ -1531,17 +1533,17 @@ const Ye = _(
       primaryButton: {
         text: "Confirm",
         onClick: b,
-        disabled: !d || m || v,
+        disabled: !l || m || w,
         buttonColor: "primary"
       },
       secondaryButton: {
         text: h ? "Logout" : "Cancel",
-        onClick: A
+        onClick: S
       },
       onClose: h ? () => {
       } : n,
       children: [
-        /* @__PURE__ */ p(O, { marginBottom: 2, children: [
+        /* @__PURE__ */ u(T, { marginBottom: 2, children: [
           "Select the default organisation that you want to use with the ",
           r,
           "."
@@ -1552,17 +1554,17 @@ const Ye = _(
             loading: e,
             multiple: !1,
             disableClearable: !1,
-            value: d !== "" ? d : null,
-            onChange: ($, T) => u(T != null ? T : ""),
+            value: l !== "" ? l : null,
+            onChange: ($, O) => p(O != null ? O : ""),
             getOptionLabel: ao,
             options: [...i],
             renderInput: ($) => /* @__PURE__ */ o(
               be,
-              y(a({}, $), {
+              D(a({}, $), {
                 variant: "filled",
                 label: "Select organisation",
-                InputProps: y(a({}, $.InputProps), {
-                  endAdornment: /* @__PURE__ */ p(F, { children: [
+                InputProps: D(a({}, $.InputProps), {
+                  endAdornment: /* @__PURE__ */ u(P, { children: [
                     e ? /* @__PURE__ */ o(De, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
                     $.InputProps.endAdornment
                   ] })
@@ -1571,7 +1573,7 @@ const Ye = _(
             )
           }
         ),
-        D && /* @__PURE__ */ o(Kt, { error: !0, children: D })
+        k && /* @__PURE__ */ o(Kt, { error: !0, children: k })
       ]
     }
   );
@@ -1731,7 +1733,7 @@ const Ye = _(
 }, Xo = Q(() => ({ children: e }) => /* @__PURE__ */ o(ut, { children: e })), lo = ({
   initialValues: e,
   children: t
-}) => (pt(e), /* @__PURE__ */ o(F, { children: t })), Qo = Q(
+}) => (pt(e), /* @__PURE__ */ o(P, { children: t })), Qo = Q(
   (e) => ({ children: t }) => /* @__PURE__ */ o(
     lo,
     {