@australiangreens/ag-internal-components 0.0.69 → 0.0.71

package/dist/esm/index.js

@@ -1,87 +1,88 @@
-var Ot = Object.defineProperty, $t = Object.defineProperties;
+var $t = Object.defineProperty, Ot = Object.defineProperties;
 var It = Object.getOwnPropertyDescriptors;
-var ee = Object.getOwnPropertySymbols;
-var ye = Object.prototype.hasOwnProperty, Pe = Object.prototype.propertyIsEnumerable;
-var ge = (e, t, n) => t in e ? Ot(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, i = (e, t) => {
+var Z = Object.getOwnPropertySymbols;
+var Oe = Object.prototype.hasOwnProperty, Ie = Object.prototype.propertyIsEnumerable;
+var ce = (e, t, n) => t in e ? $t(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, r = (e, t) => {
   for (var n in t || (t = {}))
-    ye.call(t, n) && ge(e, n, t[n]);
-  if (ee)
-    for (var n of ee(t))
-      Pe.call(t, n) && ge(e, n, t[n]);
+    Oe.call(t, n) && ce(e, n, t[n]);
+  if (Z)
+    for (var n of Z(t))
+      Ie.call(t, n) && ce(e, n, t[n]);
   return e;
-}, S = (e, t) => $t(e, It(t));
-var Ne = (e, t) => {
+}, D = (e, t) => Ot(e, It(t));
+var ye = (e, t) => {
   var n = {};
-  for (var r in e)
-    ye.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
-  if (e != null && ee)
-    for (var r of ee(e))
-      t.indexOf(r) < 0 && Pe.call(e, r) && (n[r] = e[r]);
+  for (var i in e)
+    Oe.call(e, i) && t.indexOf(i) < 0 && (n[i] = e[i]);
+  if (e != null && Z)
+    for (var i of Z(e))
+      t.indexOf(i) < 0 && Ie.call(e, i) && (n[i] = e[i]);
   return n;
 };
-var Be = (e, t, n) => (ge(e, typeof t != "symbol" ? t + "" : t, n), n);
-var N = (e, t, n) => new Promise((r, s) => {
-  var l = (p) => {
+var Te = (e, t, n) => (ce(e, typeof t != "symbol" ? t + "" : t, n), n);
+var W = (e, t, n) => new Promise((i, a) => {
+  var s = (c) => {
     try {
-      g(n.next(p));
-    } catch (u) {
-      s(u);
+      u(n.next(c));
+    } catch (p) {
+      a(p);
     }
-  }, d = (p) => {
+  }, l = (c) => {
     try {
-      g(n.throw(p));
-    } catch (u) {
-      s(u);
+      u(n.throw(c));
+    } catch (p) {
+      a(p);
     }
-  }, g = (p) => p.done ? r(p.value) : Promise.resolve(p.value).then(l, d);
-  g((n = n.apply(e, t)).next());
+  }, u = (c) => c.done ? i(c.value) : Promise.resolve(c.value).then(s, l);
+  u((n = n.apply(e, t)).next());
 });
-import { jsxs as f, Fragment as B, jsx as o } from "react/jsx-runtime";
-import { useState as O, createContext as Je, useCallback as oe, useContext as Ye, useEffect as re, useMemo as Et, createElement as xe, useRef as fe } from "react";
-import { Typography as E, Button as we, Paper as Ze, Box as D, Drawer as Ae, Dialog as Tt, DialogTitle as Ft, DialogContent as yt, DialogActions as Pt, Autocomplete as Se, TextField as De, CircularProgress as ke, Chip as Nt, Tooltip as Bt, Stack as Lt, styled as Oe, IconButton as Q, Container as et, useTheme as ae, useMediaQuery as Mt, Collapse as _t, Avatar as Le, Fade as Ht, Skeleton as Me, Toolbar as Rt, Divider as _e, CssBaseline as Wt, Snackbar as zt, Alert as Gt, LinearProgress as Ut, FormHelperText as Vt } from "@mui/material";
+import { jsxs as g, Fragment as L, jsx as o } from "react/jsx-runtime";
+import { useState as y, createContext as Xe, useCallback as ne, useContext as Qe, createElement as ge, useEffect as Ee, useRef as de } from "react";
+import { Typography as E, Button as fe, Paper as je, Box as k, Drawer as Ce, Dialog as yt, DialogTitle as Tt, DialogContent as Et, DialogActions as Ft, Autocomplete as ve, TextField as xe, CircularProgress as we, Chip as Nt, Tooltip as Pt, Stack as Bt, styled as be, IconButton as Q, Container as Ke, useTheme as ie, useMediaQuery as Lt, Collapse as Mt, Avatar as Fe, Fade as _t, Skeleton as Ne, Toolbar as Ht, Divider as Pe, CssBaseline as Rt, Snackbar as Wt, Alert as zt, LinearProgress as Gt, FormHelperText as Ut } from "@mui/material";
 import qt from "@mui/material/CssBaseline";
-import { styled as L, createTheme as tt, alpha as me } from "@mui/material/styles";
-import { AgError as Xt } from "@australiangreens/ag-error";
-import { createHelper as se } from "souvlaki";
-import nt from "@mui/material/List";
-import { Cancel as jt, ArrowDropDown as Qt, ArrowForward as ot, ArrowBack as rt, ViewHeadline as Kt } from "@mui/icons-material";
+import { styled as M, createTheme as Je, alpha as pe } from "@mui/material/styles";
+import { AgError as Vt } from "@australiangreens/ag-error";
+import { createHelper as K } from "souvlaki";
+import Ye from "@mui/material/List";
+import { Cancel as Xt, ArrowDropDown as Qt, ArrowForward as Ze, ArrowBack as et, ViewHeadline as jt } from "@mui/icons-material";
+import Kt from "autosuggest-highlight/match";
 import Jt from "autosuggest-highlight/parse";
-import Yt from "autosuggest-highlight/match";
-import { atom as M, useSetAtom as it, useAtomValue as He, useAtom as X, getDefaultStore as Zt, Provider as at } from "jotai";
-import { useHydrateAtoms as st } from "jotai/utils";
-function lo({ text: e }) {
-  const [t, n] = O(0);
-  return /* @__PURE__ */ f(B, { children: [
+import { useQuery as Yt, QueryClient as Zt, QueryClientProvider as en } from "@tanstack/react-query";
+import { atom as P, useSetAtom as tt, useAtomValue as Be, useAtom as q, getDefaultStore as tn, Provider as nt } from "jotai";
+import { useHydrateAtoms as ot } from "jotai/utils";
+function ho({ text: e }) {
+  const [t, n] = y(0);
+  return /* @__PURE__ */ g(L, { children: [
     /* @__PURE__ */ o(E, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
     /* @__PURE__ */ o(E, { 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(
-      we,
+      fe,
       {
         variant: "outlined",
-        onClick: () => n((r) => r + 1),
+        onClick: () => n((i) => i + 1),
         "aria-label": "Increment",
         children: "Hello I am a button"
       }
     ),
-    /* @__PURE__ */ f("p", { children: [
+    /* @__PURE__ */ g("p", { children: [
       "This is some text: ",
       /* @__PURE__ */ o("span", { children: e })
     ] }),
-    /* @__PURE__ */ f(Ze, { children: [
+    /* @__PURE__ */ g(je, { children: [
       "This number will incremember when button pressed: ",
       t
     ] })
   ] });
 }
-const lt = 330, ct = 73, G = "Navbar", V = {
-  root: `${G}-root`,
-  menuButton: `${G}-menuButton`,
-  hide: `${G}-hide`,
-  content: `${G}-content`,
-  userInfoHolder: `${G}-userInfoHolder`,
-  settings: `${G}-settings`,
-  pieChartIcon: `${G}-pieChartIcon`
-}, en = L(D, {
+const it = 330, rt = 73, z = "Navbar", V = {
+  root: `${z}-root`,
+  menuButton: `${z}-menuButton`,
+  hide: `${z}-hide`,
+  content: `${z}-content`,
+  userInfoHolder: `${z}-userInfoHolder`,
+  settings: `${z}-settings`,
+  pieChartIcon: `${z}-pieChartIcon`
+}, nn = M(k, {
   name: "NavBar"
 })(({ theme: e }) => ({
   [`&.${V.root}`]: {
@@ -102,7 +103,7 @@ const lt = 330, ct = 73, G = "Navbar", V = {
     marginTop: "64px",
     marginBottom: "16px"
   }
-})), dt = () => ({
+})), at = () => ({
   position: "absolute",
   height: "100%",
   overflowX: "hidden",
@@ -110,51 +111,51 @@ const lt = 330, ct = 73, G = "Navbar", V = {
   color: "white",
   backgroundColor: "black"
   // backgroundColor: '#e8e8e8',
-}), tn = () => i({
-  width: lt
-}, dt()), nn = () => i({
-  width: ct
-}, dt()), on = L(Ae, {
+}), on = () => r({
+  width: it
+}, at()), rn = () => r({
+  width: rt
+}, at()), an = M(Ce, {
   shouldForwardProp: (e) => e !== "open"
-})(({ theme: e, open: t }) => i(i({
-  width: t ? lt : ct,
+})(({ theme: e, open: t }) => r(r({
+  width: t ? it : rt,
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box",
   zIndex: e.zIndex.drawer + 100
 }, t && {
-  "& .MuiDrawer-paper": tn()
+  "& .MuiDrawer-paper": on()
 }), !t && {
-  "& .MuiDrawer-paper": nn()
+  "& .MuiDrawer-paper": rn()
 }));
-class $e extends Xt {
+class Ae extends Vt {
 }
-Be($e, "errorName", "ContextError");
-const pt = Je(null), rn = {}, an = {}, sn = ({
-  overrideState: e = rn,
-  overrideActions: t = an,
+Te(Ae, "errorName", "ContextError");
+const st = Xe(null), sn = {}, ln = {}, cn = ({
+  overrideState: e = sn,
+  overrideActions: t = ln,
   children: n
 }) => {
-  const [{ open: r }, s] = O({ open: !0 }), l = oe((p) => {
-    s({ open: p });
-  }, []), d = oe(() => {
-    s((p) => S(i({}, p), { open: !p.open }));
-  }, []), g = i(i({
-    open: r,
-    setOpen: l,
-    toggleOpen: d
+  const [{ open: i }, a] = y({ open: !0 }), s = ne((c) => {
+    a({ open: c });
+  }, []), l = ne(() => {
+    a((c) => D(r({}, c), { open: !c.open }));
+  }, []), u = r(r({
+    open: i,
+    setOpen: s,
+    toggleOpen: l
   }, e), t);
-  return /* @__PURE__ */ o(pt.Provider, { value: g, children: n });
-}, ln = () => {
-  const e = Ye(pt);
+  return /* @__PURE__ */ o(st.Provider, { value: u, children: n });
+}, dn = () => {
+  const e = Qe(st);
   if (e === null)
-    throw new $e("Error: Tried to useNavBar outside of a <NavBarProvider>");
+    throw new Ae("Error: Tried to useNavBar outside of a <NavBarProvider>");
   return e;
-}, cn = (e = {}) => i({
+}, pn = (e = {}) => r({
   open: !0
-}, e), co = se(
-  (e = cn(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(sn, { overrideState: e, overrideActions: t, children: n })
-), Re = 7, po = L(nt)(({ theme: e }) => ({
+}, e), go = K(
+  (e = pn(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(cn, { overrideState: e, overrideActions: t, children: n })
+), Le = 7, fo = M(Ye)(({ theme: e }) => ({
   backgroundColor: "black",
   color: "white",
   "& .MuiListItem-root": {
@@ -163,7 +164,7 @@ const pt = Je(null), rn = {}, an = {}, sn = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "white",
-      padding: `${Re}px`
+      padding: `${Le}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -174,7 +175,7 @@ const pt = Je(null), rn = {}, an = {}, sn = ({
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${Re}px)`
+      paddingLeft: `calc(${e.spacing(2)} - ${Le}px)`
     },
     // Hover state
     "&:hover": {
@@ -192,7 +193,7 @@ const pt = Je(null), rn = {}, an = {}, sn = ({
     // '&.Mui-selected.Mui-focusVisible:hover': {
     // },
   }
-})), We = 7, uo = L(nt)(({ theme: e }) => ({
+})), Me = 7, mo = M(Ye)(({ theme: e }) => ({
   backgroundColor: "#e8e8e8",
   color: "inherit",
   "& .MuiListItem-root": {
@@ -201,7 +202,7 @@ const pt = Je(null), rn = {}, an = {}, sn = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "inherit",
-      padding: `${We}px`
+      padding: `${Me}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -212,7 +213,7 @@ const pt = Je(null), rn = {}, an = {}, sn = ({
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${We}px)`
+      paddingLeft: `calc(${e.spacing(2)} - ${Me}px)`
     },
     // Hover state
     "&:hover": {
@@ -231,15 +232,15 @@ const pt = Je(null), rn = {}, an = {}, sn = ({
     // },
   }
 }));
-function ho({
+function Co({
   "data-testid": e,
   children: t
 }) {
-  const { open: n } = ln();
-  return /* @__PURE__ */ f(en, { className: V.root, "data-testid": e, children: [
+  const { open: n } = dn();
+  return /* @__PURE__ */ g(nn, { className: V.root, "data-testid": e, children: [
     /* @__PURE__ */ o(qt, {}),
     /* @__PURE__ */ o(
-      on,
+      an,
       {
         variant: "permanent",
         anchor: "left",
@@ -250,55 +251,55 @@ function ho({
     )
   ] });
 }
-const dn = ({
+const un = ({
   isOpen: e,
   dialogTitle: t,
   children: n,
-  maxWidth: r,
-  primaryButton: s,
-  secondaryButton: l,
-  onClose: d,
-  sx: g,
-  "data-testid": p
+  maxWidth: i,
+  primaryButton: a,
+  secondaryButton: s,
+  onClose: l,
+  sx: u,
+  "data-testid": c
 }) => {
-  var b, A;
-  const [u, w] = O(!1);
-  return /* @__PURE__ */ f(
-    Tt,
+  var b, S;
+  const [p, w] = y(!1);
+  return /* @__PURE__ */ g(
+    yt,
     {
       open: e,
-      onClose: () => N(void 0, null, function* () {
-        u || (l != null && l.onClick ? yield l.onClick() : d());
+      onClose: () => W(void 0, null, function* () {
+        p || (s != null && s.onClick ? yield s.onClick() : l());
       }),
       fullWidth: !0,
-      maxWidth: r != null ? r : "xs",
-      "data-testid": p,
-      sx: g,
+      maxWidth: i != null ? i : "xs",
+      "data-testid": c,
+      sx: u,
       children: [
-        /* @__PURE__ */ o(Ft, { children: t }),
-        /* @__PURE__ */ o(yt, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
-        /* @__PURE__ */ f(Pt, { children: [
+        /* @__PURE__ */ o(Tt, { children: t }),
+        /* @__PURE__ */ o(Et, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
+        /* @__PURE__ */ g(Ft, { children: [
           /* @__PURE__ */ o(
-            we,
+            fe,
             {
-              onClick: (b = l == null ? void 0 : l.onClick) != null ? b : d,
-              "data-testid": l == null ? void 0 : l.testId,
-              disabled: (l == null ? void 0 : l.disabled) || u,
-              color: l == null ? void 0 : l.buttonColor,
-              children: (A = l == null ? void 0 : l.text) != null ? A : "Cancel"
+              onClick: (b = s == null ? void 0 : s.onClick) != null ? b : l,
+              "data-testid": s == null ? void 0 : s.testId,
+              disabled: (s == null ? void 0 : s.disabled) || p,
+              color: s == null ? void 0 : s.buttonColor,
+              children: (S = s == null ? void 0 : s.text) != null ? S : "Cancel"
             }
           ),
-          s && /* @__PURE__ */ o(
-            we,
+          a && /* @__PURE__ */ o(
+            fe,
             {
-              onClick: () => N(void 0, null, function* () {
+              onClick: () => W(void 0, null, function* () {
                 var C;
-                w(!0), yield (C = s.onClick) == null ? void 0 : C.call(s), w(!1);
+                w(!0), yield (C = a.onClick) == null ? void 0 : C.call(a), w(!1);
               }),
-              "data-testid": s.testId,
-              disabled: s.disabled || u,
-              color: s == null ? void 0 : s.buttonColor,
-              children: s.text
+              "data-testid": a.testId,
+              disabled: a.disabled || p,
+              color: a == null ? void 0 : a.buttonColor,
+              children: a.text
             }
           )
         ] })
@@ -306,137 +307,115 @@ const dn = ({
     }
   );
 };
-function go({
-  lookup: e = () => N(this, null, function* () {
+function vo({
+  lookup: e = () => W(this, null, function* () {
   }),
   enableHighlighting: t = !0,
   onChange: n,
-  minLength: r,
-  label: s,
-  value: l,
-  "data-testid": d,
-  sx: g,
-  textFieldColor: p,
-  textFieldVariant: u = "filled",
+  minLength: i,
+  label: a,
+  value: s,
+  "data-testid": l,
+  sx: u,
+  textFieldColor: c,
+  textFieldVariant: p = "filled",
   loadingText: w = "Loading...",
   noOptionsText: b = "No options",
-  popupIcon: A = /* @__PURE__ */ o(Qt, {}),
+  popupIcon: S = /* @__PURE__ */ o(Qt, {}),
   error: C = !1,
-  helperText: k = "",
-  preLoadedOptions: v = void 0,
-  disablePortal: m = !1
+  helperText: $ = "",
+  preLoadedOptions: A = void 0,
+  disablePortal: O = !1
 }) {
-  const [h, T] = O(""), [_, F] = O(v || []), [y, $] = O(!1), [H, P] = O(!1), R = (a, c) => {
-    const x = l.filter((q) => q.id !== c);
-    n(x, "delete", a);
-  };
-  re(() => {
-    let a;
-    const c = () => N(this, null, function* () {
-      a = new AbortController();
-      try {
-        const x = yield e(h, a.signal);
-        F(x != null ? x : []), P(!1);
-      } catch (x) {
-        if (x instanceof Error && x.name === "AbortError")
-          console.debug("Previous lookup request was cancelled");
-        else
-          throw x;
-      }
-    });
-    if (h !== "")
-      return (!r || h.length >= r) && !v ? (P(!0), c()) : P(!1), function() {
-        a && a.abort();
-      };
-  }, [h, e, r, v]), re(() => {
-    !y && !v && F([]), !y && v && F(v);
-  }, [y, v]);
-  const W = Et(() => v ? (a, c) => a.filter(
-    (x) => x.label.toLowerCase().includes(c.inputValue.toLowerCase())
-  ) : (a) => a, [v]);
-  return /* @__PURE__ */ f("div", { "data-testid": d, children: [
+  const [h, f] = y(""), _ = (d, m) => {
+    const T = s.filter((N) => N.id !== m);
+    n(T, "delete", d);
+  }, { data: F, isLoading: B } = Yt({
+    queryFn: () => i && h.length < i ? A != null ? A : [] : A ? A.filter(
+      (d) => d.label.toLowerCase().includes(h.toLowerCase())
+    ) : e(h),
+    queryKey: ["autocomplete", a, h]
+  });
+  return /* @__PURE__ */ g("div", { "data-testid": l, children: [
     /* @__PURE__ */ o(
-      Se,
+      ve,
       {
-        sx: g,
-        "data-testid": d ? `${d}:Autocomplete` : void 0,
-        disablePortal: m,
+        sx: u,
+        "data-testid": l ? `${l}:Autocomplete` : void 0,
+        disablePortal: O,
         multiple: !0,
-        getOptionLabel: (a) => typeof a == "string" ? a : a.label,
-        filterOptions: W,
-        loading: H,
-        options: [...l, ..._],
+        getOptionLabel: (d) => typeof d == "string" ? d : d.label,
+        loading: B,
+        options: [...s, ...F != null ? F : []],
         filterSelectedOptions: !0,
         includeInputInList: !0,
-        value: l,
-        onOpen: () => $(!0),
-        onClose: () => $(!1),
-        onChange: (a, c, x) => {
-          n(c, x, a);
+        value: s,
+        onChange: (d, m, T) => {
+          n(m, T, d);
         },
-        onInputChange: (a, c) => T(c),
+        onInputChange: (d, m) => f(m),
         noOptionsText: b,
         loadingText: w,
-        popupIcon: A,
-        renderInput: (a) => /* @__PURE__ */ o(
-          De,
-          S(i({}, a), {
-            label: s,
+        popupIcon: S,
+        renderInput: (d) => /* @__PURE__ */ o(
+          xe,
+          D(r({}, d), {
+            label: a,
             fullWidth: !0,
-            variant: u,
+            variant: p,
             error: C,
-            helperText: k,
-            InputProps: S(i({}, a.InputProps), {
-              endAdornment: /* @__PURE__ */ f(B, { children: [
-                H ? /* @__PURE__ */ o(ke, { color: "inherit", size: 20 }) : null,
-                a.InputProps.endAdornment
+            helperText: $,
+            InputProps: D(r({}, d.InputProps), {
+              endAdornment: /* @__PURE__ */ g(L, { children: [
+                B ? /* @__PURE__ */ o(we, { color: "inherit", size: 20 }) : null,
+                d.InputProps.endAdornment
               ] })
             }),
-            "data-testid": d ? `${d}:Autocomplete:TextField` : void 0,
-            onKeyDown: (c) => {
-              (c.key === "Backspace" || c.key === "Delete") && c.stopPropagation();
+            "data-testid": l ? `${l}:Autocomplete:TextField` : void 0,
+            onKeyDown: (m) => {
+              (m.key === "Backspace" || m.key === "Delete") && m.stopPropagation();
             },
-            color: p
+            color: c
           })
         ),
         renderTags: () => null,
-        isOptionEqualToValue: (a, c) => a.id === c.id,
-        renderOption: (a, c, x) => {
+        isOptionEqualToValue: (d, m) => d.id === m.id,
+        renderOption: (d, m, T) => {
           if (t) {
-            const q = Yt(c.label, x.inputValue, {
+            const N = Kt(m.label, T.inputValue, {
               insideWords: !0,
               findAllOccurrences: !0
-            }), le = Jt(c.label, q);
-            return /* @__PURE__ */ xe(
+            }), H = Jt(m.label, N);
+            return /* @__PURE__ */ ge(
               "li",
-              S(i({}, a), {
-                key: c.id,
-                "data-testid": d ? `${d}:Autocomplete:option(${c.id.toString()})` : void 0
+              D(r({}, d), {
+                key: m.id,
+                "data-testid": l ? `${l}:Autocomplete:option(${m.id.toString()})` : void 0
               }),
-              /* @__PURE__ */ o("div", { children: le.map((J, ce) => /* @__PURE__ */ o(
+              /* @__PURE__ */ o("div", { children: H.map((v, x) => /* @__PURE__ */ o(
                 "span",
                 {
                   style: {
-                    fontWeight: J.highlight ? 700 : 400
+                    fontWeight: v.highlight ? 700 : 400
                   },
-                  children: J.text
+                  children: v.text
                 },
-                ce
+                x
               )) })
             );
           } else
-            return /* @__PURE__ */ xe(
+            return /* @__PURE__ */ ge(
               "li",
-              S(i({}, a), {
-                key: c.id,
-                "data-testid": d ? `${d}:option(${c.id.toString()})` : void 0
+              D(r({}, d), {
+                key: m.id,
+                "data-testid": l ? `${l}:option(${m.id.toString()})` : void 0
               }),
-              c.label
+              m.label
             );
         }
       }
     ),
-    l.length > 0 && /* @__PURE__ */ o(D, { children: l.map((a) => /* @__PURE__ */ o(
+    s.length > 0 && /* @__PURE__ */ o(k, { children: s.map((d) => /* @__PURE__ */ o(
       Nt,
       {
         sx: {
@@ -445,9 +424,9 @@ function go({
           height: "auto"
         },
         label: /* @__PURE__ */ o(
-          Bt,
+          Pt,
           {
-            title: a.tooltipContent || "",
+            title: d.tooltipContent || "",
             placement: "bottom-start",
             PopperProps: {
               modifiers: [
@@ -459,112 +438,114 @@ function go({
                 }
               ]
             },
-            children: /* @__PURE__ */ o(E, { style: { whiteSpace: "normal" }, children: a.chipLabel ? a.chipLabel : a.label })
+            children: /* @__PURE__ */ o(E, { style: { whiteSpace: "normal" }, children: d.chipLabel ? d.chipLabel : d.label })
           }
         ),
-        "data-testid": d ? `${d}:Chip(${a.id.toString()})` : void 0,
-        onDelete: (c) => R(c, a.id),
+        "data-testid": l ? `${l}:Chip(${d.id.toString()})` : void 0,
+        onDelete: (m) => _(m, d.id),
         deleteIcon: /* @__PURE__ */ o(
-          jt,
+          Xt,
           {
-            "data-testid": d ? `${d}:Chip(${a.id.toString()}):deleteIcon` : void 0
+            "data-testid": l ? `${l}:Chip(${d.id.toString()}):deleteIcon` : void 0
           }
         )
       },
-      a.id
+      d.id
     )) })
   ] });
 }
-const fo = ({
+const xo = ({
   lookup: e,
   onChange: t,
   label: n,
-  value: r,
-  sx: s,
-  textFieldColor: l,
-  textFieldVariant: d = "filled",
-  "data-testid": g,
+  value: i,
+  sx: a,
+  textFieldColor: s,
+  textFieldVariant: l = "filled",
+  "data-testid": u,
+  noOptionsText: c = "No options",
   minLength: p = 3,
-  disablePortal: u = !1
+  disablePortal: w = !1
 }) => {
-  const [w, b] = O([]), [A, C] = O(!1);
-  let k;
-  const v = (m) => N(void 0, null, function* () {
-    k = new AbortController();
+  const [b, S] = y([]), [C, $] = y(!1);
+  let A;
+  const O = (h) => W(void 0, null, function* () {
+    A = new AbortController();
     try {
-      const h = yield e(m, k.signal);
-      b(h != null ? h : []), C(!1);
-    } catch (h) {
-      if (h instanceof Error && h.name === "AbortError")
+      const f = yield e(h, A.signal);
+      S(f != null ? f : []), $(!1);
+    } catch (f) {
+      if (f instanceof Error && f.name === "AbortError")
         console.debug("Previous lookup request was cancelled");
       else
-        throw h;
+        throw f;
     }
   });
-  return /* @__PURE__ */ o("div", { "data-testid": g, children: /* @__PURE__ */ o(Lt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
-    Se,
+  return /* @__PURE__ */ o("div", { "data-testid": u, children: /* @__PURE__ */ o(Bt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
+    ve,
     {
-      sx: s,
-      "data-testid": g ? `${g}:Autocomplete` : void 0,
-      loading: A,
-      options: w,
-      onChange: (m, h) => {
-        t(m, h);
+      sx: a,
+      "data-testid": u ? `${u}:Autocomplete` : void 0,
+      loading: C,
+      options: b,
+      onChange: (h, f) => {
+        t(h, f);
       },
-      disablePortal: u,
-      filterOptions: (m) => m,
-      value: r,
-      getOptionLabel: (m) => m.label,
-      renderInput: (m) => /* @__PURE__ */ o(
-        De,
-        S(i({
-          "data-testid": g ? `${g}:Autocomplete:TextField` : void 0
-        }, m), {
-          variant: d,
+      disablePortal: w,
+      filterOptions: (h) => h,
+      value: i,
+      noOptionsText: c,
+      getOptionLabel: (h) => h.label,
+      renderInput: (h) => /* @__PURE__ */ o(
+        xe,
+        D(r({
+          "data-testid": u ? `${u}:Autocomplete:TextField` : void 0
+        }, h), {
+          variant: l,
           label: n,
-          color: l
+          color: s
         })
       ),
-      isOptionEqualToValue: (m, h) => m.id === h.id,
-      onInputChange: (m, h) => {
-        (h == null ? void 0 : h.length) >= p && (C(!0), v(h));
+      isOptionEqualToValue: (h, f) => h.id === f.id,
+      onInputChange: (h, f) => {
+        (f == null ? void 0 : f.length) >= p && ($(!0), O(f));
       },
-      renderOption: (m, h) => /* @__PURE__ */ xe(
+      renderOption: (h, f) => /* @__PURE__ */ ge(
         "li",
-        S(i({}, m), {
-          key: h.id,
-          "data-testid": g ? `${g}:Autocomplete:option(${h.id.toString()})` : void 0
+        D(r({}, h), {
+          key: f.id,
+          "data-testid": u ? `${u}:Autocomplete:option(${f.id.toString()})` : void 0
         }),
-        h.label
+        f.label
       )
     }
   ) }) });
-}, pn = 24, un = 64, U = "TopBar", I = {
-  topStripe: `${U}-topStripe`,
-  titleBar: `${U}-titleBar`,
-  titleSlider: `${U}-titleSlider`,
-  titleText: `${U}-titleText`,
-  leftPanelButton: `${U}-leftPanelButton`,
-  rightPanelButton: `${U}-leftPanelButton`
-}, hn = Oe("div", {
+}, hn = 24, gn = 64, G = "TopBar", I = {
+  topStripe: `${G}-topStripe`,
+  titleBar: `${G}-titleBar`,
+  titleSlider: `${G}-titleSlider`,
+  titleText: `${G}-titleText`,
+  leftPanelButton: `${G}-leftPanelButton`,
+  rightPanelButton: `${G}-leftPanelButton`
+}, fn = be("div", {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
-  name: U
+  name: G
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
-  var r, s;
+  var i, a;
   return {
     width: "100%",
     [`& .${I.topStripe}`]: {
       width: "100%",
-      height: `${pn}px`,
+      height: `${hn}px`,
       backgroundColor: e.palette.primary.main
     },
     [`& .${I.titleBar}`]: {
       backgroundColor: e.palette.primary.light,
-      height: `${un}px`,
+      height: `${gn}px`,
       padding: e.spacing(0, 3),
       width: "100%"
     },
-    [`& .${I.titleSlider}`]: i(i({
+    [`& .${I.titleSlider}`]: r(r({
       height: "100%",
       display: "flex",
       alignItems: "center",
@@ -588,26 +569,26 @@ const fo = ({
         easing: e.transitions.easing.easeOut,
         duration: e.transitions.duration.enteringScreen
       }),
-      marginLeft: `${(r = t == null ? void 0 : t.width) != null ? r : 0}px`
+      marginLeft: `${(i = t == null ? void 0 : t.width) != null ? i : 0}px`
     }), (n == null ? void 0 : n.open) && {
       transition: e.transitions.create("margin", {
         easing: e.transitions.easing.easeOut,
         duration: e.transitions.duration.enteringScreen
       }),
-      marginRight: `${(s = n == null ? void 0 : n.width) != null ? s : 0}px`
+      marginRight: `${(a = n == null ? void 0 : n.width) != null ? a : 0}px`
     })
   };
 });
-function gn({
+function mn({
   titleText: e = "",
   leftPanel: t,
   rightPanel: n,
-  "data-testid": r
+  "data-testid": i
 }) {
-  return /* @__PURE__ */ f(hn, { leftPanel: t, rightPanel: n, "data-testid": r, children: [
+  return /* @__PURE__ */ g(fn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
     /* @__PURE__ */ o("div", { className: I.topStripe }),
-    /* @__PURE__ */ o("div", { className: I.titleBar, children: /* @__PURE__ */ f(D, { className: I.titleSlider, children: [
-      t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ f(
+    /* @__PURE__ */ o("div", { className: I.titleBar, children: /* @__PURE__ */ g(k, { className: I.titleSlider, children: [
+      t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ g(
         Q,
         {
           className: I.leftPanelButton,
@@ -618,12 +599,12 @@ function gn({
           size: "large",
           children: [
             " ",
-            /* @__PURE__ */ o(ot, {})
+            /* @__PURE__ */ o(Ze, {})
           ]
         }
       ),
       /* @__PURE__ */ o(E, { className: I.titleText, variant: "h6", noWrap: !0, children: e }),
-      n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ f(
+      n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ g(
         Q,
         {
           className: I.rightPanelButton,
@@ -634,14 +615,14 @@ function gn({
           size: "large",
           children: [
             " ",
-            /* @__PURE__ */ o(rt, {})
+            /* @__PURE__ */ o(et, {})
           ]
         }
       )
     ] }) })
   ] });
 }
-const ut = 400, fn = Oe(Ae, {
+const lt = 400, Cn = be(Ce, {
   shouldForwardProp: (e) => (
     // Note we do want anchor to be forwarded to the Drawer component
     ![
@@ -655,9 +636,9 @@ const ut = 400, fn = Oe(Ae, {
   ),
   name: "SidePanelDrawer"
 })(
-  ({ width: e, debugOpacity: t = !1, anchor: n, navBarOpen: r, navBarWidthOpen: s, navBarWidthClosed: l }) => ({
+  ({ width: e, debugOpacity: t = !1, anchor: n, navBarOpen: i, navBarWidthOpen: a, navBarWidthClosed: s }) => ({
     width: e,
-    "& .MuiDrawer-paper": i(i({
+    "& .MuiDrawer-paper": r(r({
       position: "absolute",
       width: e,
       boxSizing: "border-box",
@@ -665,15 +646,15 @@ const ut = 400, fn = Oe(Ae, {
       boxShadow: "0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.2)"
     }, t && {
       opacity: "50%"
-    }), n === "left" && i({
-      marginLeft: `${l}px`
-    }, r && {
+    }), n === "left" && r({
       marginLeft: `${s}px`
+    }, i && {
+      marginLeft: `${a}px`
     }))
   })
-), mn = Oe(D, {
+), vn = be(k, {
   shouldForwardProp: (e) => !["anchor"].includes(e)
-})(({ theme: e, anchor: t }) => S(i({
+})(({ theme: e, anchor: t }) => D(r({
   display: "flex",
   alignItems: "center",
   padding: e.spacing(2)
@@ -691,65 +672,65 @@ const ut = 400, fn = Oe(Ae, {
     marginRight: t === "right" ? e.spacing(2) : 0
   }
 }));
-function ze({
+function _e({
   children: e,
   anchor: t = "left",
   open: n,
-  onClose: r = () => {
+  onClose: i = () => {
   },
-  titleText: s = "",
-  width: l = ut,
-  showCloseArrow: d = !0,
-  debugOpacity: g = !1,
-  headerBoxProps: p = {},
-  onOpened: u,
+  titleText: a = "",
+  width: s = lt,
+  showCloseArrow: l = !0,
+  debugOpacity: u = !1,
+  headerBoxProps: c = {},
+  onOpened: p,
   onClosed: w,
   "data-testid": b,
-  navBarOpen: A = !1,
+  navBarOpen: S = !1,
   navBarWidthOpen: C = 0,
-  navBarWidthClosed: k = 0
+  navBarWidthClosed: $ = 0
 }) {
-  return /* @__PURE__ */ f(
-    fn,
+  return /* @__PURE__ */ g(
+    Cn,
     {
       SlideProps: {
-        onEntered: () => u == null ? void 0 : u(),
+        onEntered: () => p == null ? void 0 : p(),
         onExited: () => w == null ? void 0 : w()
       },
       variant: "persistent",
       anchor: t,
       open: n,
-      width: l,
-      debugOpacity: g,
+      width: s,
+      debugOpacity: u,
       "data-testid": b,
-      navBarOpen: A,
+      navBarOpen: S,
       navBarWidthOpen: C,
-      navBarWidthClosed: k,
+      navBarWidthClosed: $,
       children: [
-        /* @__PURE__ */ o(mn, S(i({ anchor: t }, p), { children: t === "left" ? /* @__PURE__ */ f(B, { children: [
-          /* @__PURE__ */ o(E, { variant: "h6", color: "inherit", component: "div", children: s }),
-          d && /* @__PURE__ */ f(Q, { onClick: r, size: "large", "aria-label": "Close left side panel", children: [
-            /* @__PURE__ */ o(rt, { "data-testid": "arrowbackicon" }),
+        /* @__PURE__ */ o(vn, D(r({ anchor: t }, c), { children: t === "left" ? /* @__PURE__ */ g(L, { children: [
+          /* @__PURE__ */ o(E, { variant: "h6", color: "inherit", component: "div", children: a }),
+          l && /* @__PURE__ */ g(Q, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
+            /* @__PURE__ */ o(et, { "data-testid": "arrowbackicon" }),
             " "
           ] })
-        ] }) : /* @__PURE__ */ f(B, { children: [
-          d && /* @__PURE__ */ f(Q, { onClick: r, size: "large", "aria-label": "Close right side panel", children: [
-            /* @__PURE__ */ o(ot, {}),
+        ] }) : /* @__PURE__ */ g(L, { children: [
+          l && /* @__PURE__ */ g(Q, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
+            /* @__PURE__ */ o(Ze, {}),
             " "
           ] }),
-          /* @__PURE__ */ o(E, { variant: "h6", color: "inherit", component: "div", children: s })
+          /* @__PURE__ */ o(E, { variant: "h6", color: "inherit", component: "div", children: a })
         ] }) })),
         e
       ]
     }
   );
 }
-const Cn = L(D, {
+const xn = M(k, {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: "PanelAwareMargins"
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
-  var r, s;
-  return i(i({
+  var i, a;
+  return r(r({
     transition: e.transitions.create("margin", {
       easing: e.transitions.easing.sharp,
       duration: e.transitions.duration.leavingScreen
@@ -759,187 +740,187 @@ const Cn = L(D, {
       easing: e.transitions.easing.easeOut,
       duration: e.transitions.duration.enteringScreen
     }),
-    marginLeft: `${(r = t == null ? void 0 : t.width) != null ? r : 0}px`
+    marginLeft: `${(i = t == null ? void 0 : t.width) != null ? i : 0}px`
   }), (n == null ? void 0 : n.open) && {
     transition: e.transitions.create("margin", {
       easing: e.transitions.easing.easeOut,
       duration: e.transitions.duration.enteringScreen
     }),
-    marginRight: `${(s = n == null ? void 0 : n.width) != null ? s : 0}px`
+    marginRight: `${(a = n == null ? void 0 : n.width) != null ? a : 0}px`
   });
-}), vn = L(et, {
+}), wn = M(Ke, {
   name: "PageContainer"
 })(({ theme: e }) => ({
   // Horizontal padding comes from the Container's gutter
   paddingTop: e.spacing(3),
   paddingBottom: e.spacing(3)
   // TODO: Remove max width
-})), Ce = !1, ve = !1, te = {
+})), ue = !1, he = !1, ee = {
   titleText: "",
   flavour: "push",
-  width: ut,
+  width: lt,
   arrowButtons: "both",
   startOpen: !1,
   open: void 0,
   onChangeOpen: void 0,
-  content: /* @__PURE__ */ o(B, {}),
+  content: /* @__PURE__ */ o(L, {}),
   onOpened: void 0,
   onClosed: void 0,
   dataTestId: void 0
 };
-function mo({
+function wo({
   children: e,
   titleText: t = "",
   leftPanel: n,
-  rightPanel: r,
-  sidePanelsAreMutuallyExclusive: s = !0,
-  debugOpacity: l = !1,
-  pageContainerProps: d,
-  pageContentDataTestId: g,
-  topBarDataTestId: p,
-  navBarOpen: u,
+  rightPanel: i,
+  sidePanelsAreMutuallyExclusive: a = !0,
+  debugOpacity: s = !1,
+  pageContainerProps: l,
+  pageContentDataTestId: u,
+  topBarDataTestId: c,
+  navBarOpen: p,
   navBarWidthOpen: w,
   navBarWidthClosed: b
 }) {
-  const [A, C] = O(Ce), [k, v] = O(ve), [m, h] = O(Ce), [T, _] = O(ve), F = n !== void 0, y = r !== void 0, {
-    titleText: $,
-    content: H,
-    flavour: P,
-    open: R,
-    onChangeOpen: W,
-    width: a,
-    arrowButtons: c,
-    startOpen: x,
-    onOpened: q,
-    onClosed: le,
-    dataTestId: J
-  } = n ? i(i({}, te), n) : i({}, te), {
-    titleText: ce,
+  const [S, C] = y(ue), [$, A] = y(he), [O, h] = y(ue), [f, _] = y(he), F = n !== void 0, B = i !== void 0, {
+    titleText: d,
+    content: m,
+    flavour: T,
+    open: N,
+    onChangeOpen: H,
+    width: v,
+    arrowButtons: x,
+    startOpen: U,
+    onOpened: vt,
+    onClosed: xt,
+    dataTestId: wt
+  } = n ? r(r({}, ee), n) : r({}, ee), {
+    titleText: bt,
     content: At,
-    flavour: Ie,
-    open: de,
-    onChangeOpen: Ee,
-    width: pe,
-    arrowButtons: Y,
-    startOpen: Z,
+    flavour: Se,
+    open: re,
+    onChangeOpen: De,
+    width: ae,
+    arrowButtons: J,
+    startOpen: Y,
     onOpened: St,
     onClosed: Dt,
     dataTestId: kt
-  } = r ? i(i({}, te), r) : i({}, te);
-  re(() => {
-    x !== Ce && (C(x), h(x));
-  }, [x]), re(() => {
-    Z !== ve && (v(Z), _(Z));
-  }, [Z]);
-  const ue = R === void 0 ? A : R, he = de === void 0 ? k : de, Te = (z) => {
-    R === void 0 && (C(z), s && y && (z ? (v(!1), _(k)) : v(T))), W && W(z);
-  }, Fe = (z) => {
-    de === void 0 && (v(z), s && F && (z ? (C(!1), h(A)) : C(m))), Ee && Ee(z);
+  } = i ? r(r({}, ee), i) : r({}, ee);
+  Ee(() => {
+    U !== ue && (C(U), h(U));
+  }, [U]), Ee(() => {
+    Y !== he && (A(Y), _(Y));
+  }, [Y]);
+  const se = N === void 0 ? S : N, le = re === void 0 ? $ : re, ke = (R) => {
+    N === void 0 && (C(R), a && B && (R ? (A(!1), _($)) : A(f))), H && H(R);
+  }, $e = (R) => {
+    re === void 0 && (A(R), a && F && (R ? (C(!1), h(S)) : C(O))), De && De(R);
   };
-  return /* @__PURE__ */ f(D, { children: [
+  return /* @__PURE__ */ g(k, { children: [
     F && /* @__PURE__ */ o(
-      ze,
+      _e,
       {
-        "data-testid": J,
+        "data-testid": wt,
         anchor: "left",
-        open: ue,
-        onClose: () => Te(!1),
-        width: a,
-        titleText: $,
-        debugOpacity: l,
-        showCloseArrow: c === "both" || c === "close",
-        onOpened: q,
-        onClosed: le,
-        navBarOpen: u,
+        open: se,
+        onClose: () => ke(!1),
+        width: v,
+        titleText: d,
+        debugOpacity: s,
+        showCloseArrow: x === "both" || x === "close",
+        onOpened: vt,
+        onClosed: xt,
+        navBarOpen: p,
         navBarWidthOpen: w,
         navBarWidthClosed: b,
-        children: H
+        children: m
       }
     ),
-    y && /* @__PURE__ */ o(
-      ze,
+    B && /* @__PURE__ */ o(
+      _e,
       {
         "data-testid": kt,
         anchor: "right",
-        open: he,
-        onClose: () => Fe(!1),
-        width: pe,
-        titleText: ce,
-        debugOpacity: l,
-        showCloseArrow: Y === "both" || Y === "close",
+        open: le,
+        onClose: () => $e(!1),
+        width: ae,
+        titleText: bt,
+        debugOpacity: s,
+        showCloseArrow: J === "both" || J === "close",
         onOpened: St,
         onClosed: Dt,
-        navBarOpen: u,
+        navBarOpen: p,
         navBarWidthOpen: w,
         navBarWidthClosed: b,
         children: At
       }
     ),
     /* @__PURE__ */ o(
-      gn,
-      i(i({
+      mn,
+      r(r({
         titleText: t,
-        "data-testid": p
-      }, F && P === "push" ? {
+        "data-testid": c
+      }, F && T === "push" ? {
         leftPanel: {
-          open: ue,
-          width: a,
-          onOpen: () => Te(!0),
-          showOpenArrow: c === "both" || c === "open"
+          open: se,
+          width: v,
+          onOpen: () => ke(!0),
+          showOpenArrow: x === "both" || x === "open"
         }
-      } : {}), y && Ie === "push" ? {
+      } : {}), B && Se === "push" ? {
         rightPanel: {
-          open: he,
-          width: pe,
-          onOpen: () => Fe(!0),
-          showOpenArrow: Y === "both" || Y === "open"
+          open: le,
+          width: ae,
+          onOpen: () => $e(!0),
+          showOpenArrow: J === "both" || J === "open"
         }
       } : {})
     ),
     /* @__PURE__ */ o(
-      Cn,
-      S(i(i({}, P === "push" ? {
+      xn,
+      D(r(r({}, T === "push" ? {
         leftPanel: {
-          open: ue,
-          width: a
+          open: se,
+          width: v
         }
-      } : {}), Ie === "push" ? {
+      } : {}), Se === "push" ? {
         rightPanel: {
-          open: he,
-          width: pe
+          open: le,
+          width: ae
         }
       } : {}), {
-        children: /* @__PURE__ */ o(vn, S(i({ "data-testid": g }, d), { children: e }))
+        children: /* @__PURE__ */ o(wn, D(r({ "data-testid": u }, l), { children: e }))
       })
     )
   ] });
 }
-const ht = () => {
-  const e = ae();
-  return Mt(e.breakpoints.down("sm"));
-}, xn = 64, wn = 64, bn = 256, K = M(!0), gt = M(bn), ft = M(wn), be = M(""), mt = M(xn), Ct = M(void 0);
-function An({ links: e }) {
+const ct = () => {
+  const e = ie();
+  return Lt(e.breakpoints.down("sm"));
+}, bn = 64, An = 64, Sn = 256, j = P(!0), dt = P(Sn), pt = P(An), me = P(""), Dn = P(void 0), ut = P(bn), ht = P(void 0);
+function kn({ links: e }) {
   return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
 }
-const ne = "Navbar", j = {
-  root: `${ne}-root`,
-  menuButton: `${ne}-menuButton`,
-  hide: `${ne}-hide`,
-  content: `${ne}-content`
+const te = "Navbar", X = {
+  root: `${te}-root`,
+  menuButton: `${te}-menuButton`,
+  hide: `${te}-hide`,
+  content: `${te}-content`
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, Sn = L(D, { name: "NavBar" })(({ theme: e }) => ({
-  [`&.${j.root}`]: {
+}, $n = M(k, { name: "NavBar" })(({ theme: e }) => ({
+  [`&.${X.root}`]: {
     display: "flex"
   },
-  [`& .${j.menuButton}`]: {
+  [`& .${X.menuButton}`]: {
     marginRight: 36
   },
-  [`& .${j.hide}`]: {
+  [`& .${X.hide}`]: {
     display: "none"
   },
-  [`& .${j.content}`]: {
+  [`& .${X.content}`]: {
     flexGrow: 1,
     padding: e.spacing(3)
   }
@@ -948,14 +929,14 @@ const ne = "Navbar", j = {
   //   marginTop: '64px',
   //   marginBottom: '16px',
   // },
-})), ie = (e, t, n) => e.transitions.create(t, {
+})), oe = (e, t, n) => e.transitions.create(t, {
   easing: e.transitions.easing.sharp,
   duration: n === "leaving" ? e.transitions.duration.leavingScreen : e.transitions.duration.enteringScreen
-}), Dn = (e) => {
-  const t = ae();
+}), On = (e) => {
+  const t = ie();
   return /* @__PURE__ */ o(
-    _t,
-    i({
+    Mt,
+    r({
       easing: t.transitions.easing.sharp,
       timeout: {
         enter: t.transitions.duration.enteringScreen,
@@ -963,7 +944,7 @@ const ne = "Navbar", j = {
       }
     }, e)
   );
-}, vt = (e) => {
+}, gt = (e) => {
   var t, n;
   return {
     overflowX: "hidden",
@@ -971,40 +952,40 @@ const ne = "Navbar", j = {
     backgroundColor: (n = (t = e == null ? void 0 : e.navBar) == null ? void 0 : t.backgroundColor) != null ? n : "white"
     // Provide default so tests don't need to wrap theme provider
   };
-}, Ge = (e, t) => i({
+}, He = (e, t) => r({
   width: t,
-  transition: ie(e, "width", "entering")
-}, vt(e)), Ue = (e, t) => i({
+  transition: oe(e, "width", "entering")
+}, gt(e)), Re = (e, t) => r({
   width: t,
-  transition: ie(e, "width", "leaving")
-}, vt(e)), kn = L(Ae, {
+  transition: oe(e, "width", "leaving")
+}, gt(e)), In = M(Ce, {
   shouldForwardProp: (e) => !["widthOpen", "widthClosed", "isSmallScreen"].includes(e)
-})(({ theme: e, open: t, widthOpen: n, widthClosed: r, isSmallScreen: s }) => i(i({
+})(({ theme: e, open: t, widthOpen: n, widthClosed: i, isSmallScreen: a }) => r(r({
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box",
   display: "flex",
   flexDirection: "column"
-}, t && S(i({}, Ge(e, n)), {
+}, t && D(r({}, He(e, n)), {
   backgroundColor: "",
-  "& .MuiDrawer-paper": Ge(e, n)
-})), !t && S(i({}, Ue(e, s ? n : r)), {
+  "& .MuiDrawer-paper": He(e, n)
+})), !t && D(r({}, Re(e, a ? n : i)), {
   backgroundColor: "",
-  "& .MuiDrawer-paper": Ue(e, s ? n : r)
+  "& .MuiDrawer-paper": Re(e, a ? n : i)
 })));
-function On(e) {
+function yn(e) {
   let t = 0;
-  for (let n = 0, r = e.length; n < r; n++) {
-    const s = e.charCodeAt(n);
-    t = (t << 5) - t + s, t |= 0;
+  for (let n = 0, i = e.length; n < i; n++) {
+    const a = e.charCodeAt(n);
+    t = (t << 5) - t + a, t |= 0;
   }
   return t;
 }
-const Ve = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], $n = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
-function In({ user: e, domainCode: t, open: n }) {
-  const r = ae();
-  return /* @__PURE__ */ f(
-    D,
+const We = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], Tn = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
+function En({ user: e, domainCode: t, open: n }) {
+  const i = ie();
+  return /* @__PURE__ */ g(
+    k,
     {
       sx: {
         paddingTop: 3,
@@ -1015,85 +996,85 @@ function In({ user: e, domainCode: t, open: n }) {
       },
       children: [
         /* @__PURE__ */ o(
-          D,
+          k,
           {
             sx: {
               width: n ? "5rem" : "2rem",
-              transition: n ? ie(r, ["width", "height"], "entering") : ie(r, ["width", "height"], "leaving"),
+              transition: n ? oe(i, ["width", "height"], "entering") : oe(i, ["width", "height"], "leaving"),
               aspectRatio: 1
             },
             children: e != null && e.name ? /* @__PURE__ */ o(
-              Le,
+              Fe,
               {
                 src: e == null ? void 0 : e.picture,
                 sx: {
                   width: "100%",
                   height: "100%",
-                  bgcolor: Ve[Math.abs(On(e.name)) % Ve.length]
+                  bgcolor: We[Math.abs(yn(e.name)) % We.length]
                 },
-                children: $n(e.name)
+                children: Tn(e.name)
               }
-            ) : /* @__PURE__ */ o(Le, { sx: { width: "100%", height: "100%" } })
+            ) : /* @__PURE__ */ o(Fe, { sx: { width: "100%", height: "100%" } })
           }
         ),
-        /* @__PURE__ */ o(Dn, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Ht, { in: n, children: /* @__PURE__ */ f(D, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
-          e != null && e.name ? /* @__PURE__ */ o(E, { children: e.name }) : /* @__PURE__ */ o(Me, { animation: !1, width: "50%" }),
-          t ? /* @__PURE__ */ o(E, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Me, { animation: !1, width: "25%" })
+        /* @__PURE__ */ o(On, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(_t, { in: n, children: /* @__PURE__ */ g(k, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
+          e != null && e.name ? /* @__PURE__ */ o(E, { children: e.name }) : /* @__PURE__ */ o(Ne, { animation: !1, width: "50%" }),
+          t ? /* @__PURE__ */ o(E, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Ne, { animation: !1, width: "25%" })
         ] }) }) })
       ]
     }
   );
 }
-function En({
+function Fn({
   open: e,
   widthClosed: t,
   widthOpen: n,
-  "data-testid": r,
-  top: s,
-  middle: l,
-  bottom: d,
-  user: g,
-  domainCode: p
+  "data-testid": i,
+  top: a,
+  middle: s,
+  bottom: l,
+  user: u,
+  domainCode: c
 }) {
-  const u = ht(), w = it(K);
-  return /* @__PURE__ */ o(Sn, { className: j.root, "data-testid": r, children: /* @__PURE__ */ f(
-    kn,
+  const p = ct(), w = tt(j);
+  return /* @__PURE__ */ o($n, { className: X.root, "data-testid": i, children: /* @__PURE__ */ g(
+    In,
     {
       open: e,
       widthOpen: n,
       widthClosed: t,
       anchor: "left",
-      variant: u ? "temporary" : "permanent",
+      variant: p ? "temporary" : "permanent",
       PaperProps: {
         component: "nav"
       },
       onClose: () => {
         w(!1);
       },
-      isSmallScreen: u,
+      isSmallScreen: p,
       children: [
-        !u && /* @__PURE__ */ o(Rt, {}),
-        s && /* @__PURE__ */ f(D, { flexGrow: "0", children: [
-          s,
-          /* @__PURE__ */ o(_e, { variant: "middle" })
+        !p && /* @__PURE__ */ o(Ht, {}),
+        a && /* @__PURE__ */ g(k, { flexGrow: "0", children: [
+          a,
+          /* @__PURE__ */ o(Pe, { variant: "middle" })
         ] }),
-        /* @__PURE__ */ o(D, { flexGrow: "1", children: Array.isArray(l) ? /* @__PURE__ */ o(An, { links: l }) : l }),
-        /* @__PURE__ */ f(D, { flexGrow: "0", children: [
-          /* @__PURE__ */ o(_e, { variant: "middle" }),
-          /* @__PURE__ */ o(In, { user: g, domainCode: p, open: e }),
-          d && /* @__PURE__ */ o(B, { children: d })
+        /* @__PURE__ */ o(k, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ o(kn, { links: s }) : s }),
+        /* @__PURE__ */ g(k, { flexGrow: "0", children: [
+          /* @__PURE__ */ o(Pe, { variant: "middle" }),
+          /* @__PURE__ */ o(En, { user: u, domainCode: c, open: e }),
+          l && /* @__PURE__ */ o(L, { children: l })
         ] })
       ]
     }
   ) });
 }
-function Tn({
+function Nn({
   children: e,
   topBarHeight: t,
   maxWidth: n = !1
 }) {
   return /* @__PURE__ */ o(
-    D,
+    k,
     {
       sx: {
         overflow: "auto",
@@ -1103,7 +1084,7 @@ function Tn({
         flexGrow: 1
       },
       children: /* @__PURE__ */ o(
-        et,
+        Ke,
         {
           component: "main",
           id: "main-content",
@@ -1115,13 +1096,18 @@ function Tn({
     }
   );
 }
-const Fn = "TopBar", yn = {
-  titleText: `${Fn}-titleText`
+const Pn = "TopBar", Bn = {
+  titleText: `${Pn}-titleText`
 };
-function Pn({ titleText: e = "", height: t, "data-testid": n }) {
-  const r = it(K), s = () => r((g) => !g), l = ae(), d = ht();
-  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ f(
-    Ze,
+function Ln({
+  titleText: e = "",
+  height: t,
+  "data-testid": n,
+  middle: i
+}) {
+  const a = tt(j), s = () => a((c) => !c), l = ie(), u = ct();
+  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ g(
+    je,
     {
       square: !0,
       elevation: 0,
@@ -1135,180 +1121,189 @@ function Pn({ titleText: e = "", height: t, "data-testid": n }) {
         gap: 2,
         flexShrink: 0,
         height: t,
-        zIndex: d ? 0 : l.zIndex.drawer + 1
+        zIndex: u ? 0 : l.zIndex.drawer + 1
       },
       children: [
-        /* @__PURE__ */ o(Q, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: s, children: /* @__PURE__ */ o(Kt, { fontSize: "medium" }) }),
-        /* @__PURE__ */ o(E, { className: yn.titleText, variant: "h6", children: e })
+        /* @__PURE__ */ o(Q, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: s, children: /* @__PURE__ */ o(jt, { fontSize: "medium" }) }),
+        /* @__PURE__ */ o(E, { className: Bn.titleText, variant: "h6", children: e }),
+        i
       ]
     }
   ) });
 }
-function Co({
+function bo({
   children: e,
   initialTitleText: t,
   initialNavBarOpen: n,
-  pageContainerProps: r,
-  pageContentDataTestId: s,
-  topBarDataTestId: l,
-  navBarDataTestId: d,
-  navBarMiddle: g,
-  navBarBottom: p,
-  user: u,
+  pageContainerProps: i,
+  pageContentDataTestId: a,
+  topBarDataTestId: s,
+  navBarDataTestId: l,
+  navBarMiddle: u,
+  navBarBottom: c,
+  user: p,
   domainCode: w
 }) {
-  st([
-    [K, n != null ? n : !0],
-    [be, t != null ? t : ""]
+  ot([
+    [j, n != null ? n : !0],
+    [me, t != null ? t : ""]
   ]);
-  const b = He(K), [A] = X(gt), [C] = X(ft), k = He(be), [v] = X(mt), [m] = X(Ct);
-  return /* @__PURE__ */ f(D, { children: [
-    /* @__PURE__ */ o(Wt, {}),
-    /* @__PURE__ */ o(Pn, { titleText: k, "data-testid": l, height: v }),
-    /* @__PURE__ */ f(D, { sx: { display: "flex" }, children: [
+  const b = Be(j), [S] = q(dt), [C] = q(pt), $ = Be(me), [A] = q(ut), [O] = q(Dn), [h] = q(ht);
+  return /* @__PURE__ */ g(k, { children: [
+    /* @__PURE__ */ o(Rt, {}),
+    /* @__PURE__ */ o(
+      Ln,
+      {
+        titleText: $,
+        "data-testid": s,
+        height: A,
+        middle: O
+      }
+    ),
+    /* @__PURE__ */ g(k, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ o(
-        En,
+        Fn,
         {
           open: b,
-          top: m,
-          middle: g,
-          bottom: p,
-          user: u,
+          top: h,
+          middle: u,
+          bottom: c,
+          user: p,
           domainCode: w,
-          widthOpen: A,
+          widthOpen: S,
           widthClosed: C,
-          offsetTop: v,
-          "data-testid": d
+          offsetTop: A,
+          "data-testid": l
         }
       ),
       /* @__PURE__ */ o(
-        Tn,
-        S(i({
-          "data-testid": s,
-          topBarHeight: v
-        }, r), {
+        Nn,
+        D(r({
+          "data-testid": a,
+          topBarHeight: A
+        }, i), {
           children: e
         })
       )
     ] })
   ] });
 }
-const Nn = {
+const Mn = {
   autoHideDuration: 6e3,
   anchorOrigin: { vertical: "top", horizontal: "center" },
   // The default is false. If we prefer timer to continue when window loses
   // focus, change to true
   disableWindowBlurListener: !1
-}, Bn = {
+}, _n = {
   shouldClose: (e, t) => t !== "clickaway"
-}, qe = {
+}, ze = {
   message: "",
   severity: "info",
   variant: "standard",
   progressIndicator: void 0
   // Can use 'circular' or 'linear'
-}, Xe = 100, je = 2e3, Ln = 2e3, Mn = (() => {
+}, Ge = 100, Ue = 2e3, Hn = 2e3, Rn = (() => {
   let e = 0;
   return () => (e += 1, e);
-})(), _n = {
+})(), Wn = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
-}, Hn = {}, Rn = {}, xt = Je(null);
-function Wn(l) {
-  var d = l, {
-    overrideState: e = Hn,
-    overrideActions: t = Rn,
-    shouldClose: n = Bn.shouldClose,
-    children: r
-  } = d, s = Ne(d, [
+}, zn = {}, Gn = {}, ft = Xe(null);
+function Un(s) {
+  var l = s, {
+    overrideState: e = zn,
+    overrideActions: t = Gn,
+    shouldClose: n = _n.shouldClose,
+    children: i
+  } = l, a = ye(l, [
     "overrideState",
     "overrideActions",
     "shouldClose",
     "children"
   ]);
-  var W;
-  const [{ open: g }, p] = O({ open: !1 }), u = fe([]), w = fe(Date.now()), b = fe(0), A = oe((a) => {
-    p({ open: a });
-  }, []), C = oe((a = {}) => {
-    b.current += 1, u.current.length >= Xe && Date.now() - w.current >= je && (w.current = Date.now(), console.error(
-      `SaladBarProvider: MAX_QUEUE_LENGTH (${Xe}) hit ${b.current} times in last ${je}ms)`
+  var H;
+  const [{ open: u }, c] = y({ open: !1 }), p = de([]), w = de(Date.now()), b = de(0), S = ne((v) => {
+    c({ open: v });
+  }, []), C = ne((v = {}) => {
+    b.current += 1, p.current.length >= Ge && Date.now() - w.current >= Ue && (w.current = Date.now(), console.error(
+      `SaladBarProvider: MAX_QUEUE_LENGTH (${Ge}) hit ${b.current} times in last ${Ue}ms)`
     ), b.current = 0);
-    const c = i(S(i({}, qe), {
-      key: Mn()
-    }), a);
-    return u.current.push(c), u.current.length === 1 && p({ open: !0 }), c.key;
-  }, []), k = (a = "", c = {}) => C(i({ message: a, severity: "success" }, c)), v = (a = "", c = {}) => C(i({ message: a, severity: "info" }, c)), m = (a = "", c = {}) => C(i({ message: a, severity: "warning" }, c)), h = (a = "", c = {}) => C(i({ message: a, severity: "error" }, c)), T = (a) => {
-    const c = u.current.findIndex((x) => x.key === a);
-    if (c !== -1)
-      return c === 0 ? (p({ open: !1 }), u.current[0]) : u.current.splice(c, 1);
-  }, _ = (a, c) => {
-    n(a, c) && p({ open: !1 });
+    const x = r(D(r({}, ze), {
+      key: Rn()
+    }), v);
+    return p.current.push(x), p.current.length === 1 && c({ open: !0 }), x.key;
+  }, []), $ = (v = "", x = {}) => C(r({ message: v, severity: "success" }, x)), A = (v = "", x = {}) => C(r({ message: v, severity: "info" }, x)), O = (v = "", x = {}) => C(r({ message: v, severity: "warning" }, x)), h = (v = "", x = {}) => C(r({ message: v, severity: "error" }, x)), f = (v) => {
+    const x = p.current.findIndex((U) => U.key === v);
+    if (x !== -1)
+      return x === 0 ? (c({ open: !1 }), p.current[0]) : p.current.splice(x, 1);
+  }, _ = (v, x) => {
+    n(v, x) && c({ open: !1 });
   }, F = () => {
-  }, y = () => {
-    u.current.shift(), u.current.length > 0 && p({ open: !0 });
-  }, $ = (W = u.current[0]) != null ? W : i({}, qe), H = {};
-  "autoHideDuration" in $ && (H.autoHideDuration = $.autoHideDuration);
-  const P = i(i({}, Nn), s), R = i(i({
-    open: g,
-    setOpen: A,
+  }, B = () => {
+    p.current.shift(), p.current.length > 0 && c({ open: !0 });
+  }, d = (H = p.current[0]) != null ? H : r({}, ze), m = {};
+  "autoHideDuration" in d && (m.autoHideDuration = d.autoHideDuration);
+  const T = r(r({}, Mn), a), N = r(r({
+    open: u,
+    setOpen: S,
     enqueueNotification: C,
-    enqueueSuccessNotification: k,
-    enqueueInfoNotification: v,
-    enqueueWarningNotification: m,
+    enqueueSuccessNotification: $,
+    enqueueInfoNotification: A,
+    enqueueWarningNotification: O,
     enqueueErrorNotification: h,
-    removeNotification: T
+    removeNotification: f
   }, e), t);
-  return /* @__PURE__ */ f(xt.Provider, { value: R, children: [
-    r,
+  return /* @__PURE__ */ g(ft.Provider, { value: N, children: [
+    i,
     /* @__PURE__ */ o(
-      zt,
-      S(i(i({}, P), H), {
-        open: g,
+      Wt,
+      D(r(r({}, T), m), {
+        open: u,
         onClose: _,
         TransitionProps: {
-          onExited: y,
+          onExited: B,
           onExit: F
         },
-        sx: { zIndex: Ln },
-        children: /* @__PURE__ */ f("div", { children: [
+        sx: { zIndex: Hn },
+        children: /* @__PURE__ */ g("div", { children: [
           /* @__PURE__ */ o(
-            Gt,
+            zt,
             {
-              onClose: (a) => _(a, "closeAlert"),
-              severity: $.severity,
+              onClose: (v) => _(v, "closeAlert"),
+              severity: d.severity,
               variant: "filled",
-              icon: $.progressIndicator === "circular" ? /* @__PURE__ */ o(ke, { size: "1em" }) : void 0,
-              style: $.progressIndicator === "linear" ? _n : void 0,
-              children: $.message
+              icon: d.progressIndicator === "circular" ? /* @__PURE__ */ o(we, { size: "1em" }) : void 0,
+              style: d.progressIndicator === "linear" ? Wn : void 0,
+              children: d.message
             }
           ),
-          $.progressIndicator === "linear" && /* @__PURE__ */ o(Ut, { color: "primary" })
+          d.progressIndicator === "linear" && /* @__PURE__ */ o(Gt, { color: "primary" })
         ] })
       })
     )
   ] });
 }
-function zn() {
-  const e = Ye(xt);
+function qn() {
+  const e = Qe(ft);
   if (e === null)
-    throw new $e("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
+    throw new Ae("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
   return e;
 }
-const vo = se(
-  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: r }) => /* @__PURE__ */ o(Wn, S(i({}, e), { overrideState: t, overrideActions: n, children: r }))
-), Gn = Zt(), xo = ({
+const Ao = K(
+  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(Un, D(r({}, e), { overrideState: t, overrideActions: n, children: i }))
+), Vn = tn(), So = ({
   children: e,
   store: t
-}) => /* @__PURE__ */ o(at, { store: t != null ? t : Gn, children: e }), wt = "domainCode";
-var Ke;
-const Qe = M(
-  JSON.parse((Ke = localStorage.getItem(wt)) != null ? Ke : '{"domainCode": ""}').domainCode
-), bt = M(
-  (e) => e(Qe),
+}) => /* @__PURE__ */ o(nt, { store: t != null ? t : Vn, children: e }), mt = "domainCode";
+var Ve;
+const qe = P(
+  JSON.parse((Ve = localStorage.getItem(mt)) != null ? Ve : '{"domainCode": ""}').domainCode
+), Ct = P(
+  (e) => e(qe),
   (e, t, n) => {
-    t(Qe, n), localStorage.setItem(wt, JSON.stringify({ domainCode: n }));
+    t(qe, n), localStorage.setItem(mt, JSON.stringify({ domainCode: n }));
   }
-), Un = {
+), Xn = {
   act: "ACT",
   nsw: "NSW",
   nt: "NT",
@@ -1320,64 +1315,64 @@ const Qe = M(
   ag: "AG",
   fedmps: "Fedmps",
   "": ""
-}, Vn = (e) => {
+}, Qn = (e) => {
   var t;
-  return e === null ? "N/A" : (t = Un[e]) != null ? t : "";
-}, wo = ({
+  return e === null ? "N/A" : (t = Xn[e]) != null ? t : "";
+}, Do = ({
   isLoading: e,
   isOpen: t,
   onClose: n,
-  domainOptions: r,
-  applicationName: s,
-  handleLogout: l
+  domainOptions: i,
+  applicationName: a,
+  handleLogout: s
 }) => {
-  const [d, g] = X(bt), [p, u] = O(d), { enqueueSuccessNotification: w } = zn(), b = r.length === 0, A = !!d && !r.includes(d) && !r.includes(p), C = !d || b || A, k = () => N(void 0, null, function* () {
-    p ? (g(p), w(`Set domain to ${p}`), n()) : g("");
-  }), v = () => N(void 0, null, function* () {
-    d && !b && !A ? (u(d), n()) : C && l();
+  const [l, u] = q(Ct), [c, p] = y(l), { enqueueSuccessNotification: w } = qn(), b = i.length === 0, S = !!l && !i.includes(l) && !i.includes(c), C = !l || b || S, $ = () => W(void 0, null, function* () {
+    c ? (u(c), w(`Set domain to ${c}`), n()) : u("");
+  }), A = () => W(void 0, null, function* () {
+    l && !b && !S ? (p(l), n()) : C && s();
   });
-  let m;
-  return b ? m = "Unable to retrieve your active organisations. Try logging in again." : A && (m = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ f(
-    dn,
+  let O;
+  return b ? O = "Unable to retrieve your active organisations. Try logging in again." : S && (O = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ g(
+    un,
     {
       isOpen: t,
       dialogTitle: "Select an organisation",
       primaryButton: {
         text: "Confirm",
-        onClick: k,
-        disabled: !p || b || A,
+        onClick: $,
+        disabled: !c || b || S,
         buttonColor: "primary"
       },
       secondaryButton: {
         text: C ? "Logout" : "Cancel",
-        onClick: v
+        onClick: A
       },
       onClose: C ? () => {
       } : n,
       children: [
-        /* @__PURE__ */ f(E, { marginBottom: 2, children: [
+        /* @__PURE__ */ g(E, { marginBottom: 2, children: [
           "Select the default organisation that you want to use with the ",
-          s,
+          a,
           "."
         ] }),
         /* @__PURE__ */ o(
-          Se,
+          ve,
           {
             loading: e,
             multiple: !1,
             disableClearable: !1,
-            value: p !== "" ? p : null,
-            onChange: (h, T) => u(T != null ? T : ""),
-            getOptionLabel: Vn,
-            options: [...r],
+            value: c !== "" ? c : null,
+            onChange: (h, f) => p(f != null ? f : ""),
+            getOptionLabel: Qn,
+            options: [...i],
             renderInput: (h) => /* @__PURE__ */ o(
-              De,
-              S(i({}, h), {
+              xe,
+              D(r({}, h), {
                 variant: "filled",
                 label: "Select organisation",
-                InputProps: S(i({}, h.InputProps), {
-                  endAdornment: /* @__PURE__ */ f(B, { children: [
-                    e ? /* @__PURE__ */ o(ke, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
+                InputProps: D(r({}, h.InputProps), {
+                  endAdornment: /* @__PURE__ */ g(L, { children: [
+                    e ? /* @__PURE__ */ o(we, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
                     h.InputProps.endAdornment
                   ] })
                 })
@@ -1385,11 +1380,11 @@ const Qe = M(
             )
           }
         ),
-        m && /* @__PURE__ */ o(Vt, { error: !0, children: m })
+        O && /* @__PURE__ */ o(Ut, { error: !0, children: O })
       ]
     }
   );
-}, bo = tt({
+}, ko = Je({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1440,7 +1435,7 @@ const Qe = M(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), Ao = tt({
+}), $o = Je({
   palette: {
     primary: {
       main: "#007236",
@@ -1494,18 +1489,18 @@ const Qe = M(
       styleOverrides: {
         root: ({ theme: e }) => ({
           "&.Mui-selected": {
-            backgroundColor: me(
+            backgroundColor: pe(
               e.palette.secondary.main,
               e.palette.action.selectedOpacity
             ),
             "&:hover": {
-              backgroundColor: me(
+              backgroundColor: pe(
                 e.palette.secondary.main,
                 e.palette.action.selectedOpacity
               )
             },
             "&.Mui-focusVisible": {
-              backgroundColor: me(
+              backgroundColor: pe(
                 e.palette.secondary.main,
                 e.palette.action.focusOpacity
               )
@@ -1531,67 +1526,72 @@ const Qe = M(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), qn = {
-  domainCode: bt,
-  navBarOpen: K,
-  navBarWidthOpen: gt,
-  navBarWidthClosed: ft,
-  titleText: be,
-  topBarHeight: mt,
-  navBarTop: Ct
-}, So = se(() => ({ children: e }) => /* @__PURE__ */ o(at, { children: e })), Xn = ({
+}), jn = {
+  domainCode: Ct,
+  navBarOpen: j,
+  navBarWidthOpen: dt,
+  navBarWidthClosed: pt,
+  titleText: me,
+  topBarHeight: ut,
+  navBarTop: ht
+}, Oo = K(() => ({ children: e }) => /* @__PURE__ */ o(nt, { children: e })), Kn = ({
   initialValues: e,
   children: t
-}) => (st(e), /* @__PURE__ */ o(B, { children: t })), Do = se(
+}) => (ot(e), /* @__PURE__ */ o(L, { children: t })), Io = K(
   (e) => ({ children: t }) => /* @__PURE__ */ o(
-    Xn,
+    Kn,
     {
       initialValues: Object.entries(e).map(
-        ([n, r]) => [
-          qn[n],
-          r
+        ([n, i]) => [
+          jn[n],
+          i
         ]
       ),
       children: t
     }
   )
-);
+), yo = K(() => ({ children: e }) => {
+  const t = new Zt();
+  return /* @__PURE__ */ o(en, { client: t, children: e });
+});
 export {
-  dn as AgDialog,
-  Co as AppLayout,
-  xo as AtomProvider,
-  xt as Context,
-  $e as ContextError,
-  wo as DomainCodeDialog,
-  lo as ExampleComponent,
-  go as FetchAutocomplete,
-  Xn as HydrateAtoms,
-  ct as NAVBAR_WIDTH_CLOSED,
-  lt as NAVBAR_WIDTH_OPENED,
-  ho as NavBar,
-  po as NavBarDarkStyledList,
-  uo as NavBarLightStyledList,
-  sn as NavBarProvider,
-  mo as PageLayout,
-  Wn as SaladBarProvider,
-  fo as SingleAutocomplete,
-  Gn as atomStore,
-  cn as buildNavBarState,
-  bt as domainCodeAtom,
-  bo as fed21Theme,
-  Ao as internalAgSystemsTheme,
+  un as AgDialog,
+  bo as AppLayout,
+  So as AtomProvider,
+  ft as Context,
+  Ae as ContextError,
+  Do as DomainCodeDialog,
+  ho as ExampleComponent,
+  vo as FetchAutocomplete,
+  Kn as HydrateAtoms,
+  rt as NAVBAR_WIDTH_CLOSED,
+  it as NAVBAR_WIDTH_OPENED,
+  Co as NavBar,
+  fo as NavBarDarkStyledList,
+  mo as NavBarLightStyledList,
+  cn as NavBarProvider,
+  wo as PageLayout,
+  Un as SaladBarProvider,
+  xo as SingleAutocomplete,
+  Vn as atomStore,
+  pn as buildNavBarState,
+  Ct as domainCodeAtom,
+  ko as fed21Theme,
+  $o as internalAgSystemsTheme,
   V as navBarClasses,
-  K as navBarOpenAtom,
-  Ct as navBarTopAtom,
-  ft as navBarWidthClosedAtom,
-  gt as navBarWidthOpenAtom,
-  be as titleTextAtom,
-  mt as topBarHeightAtom,
-  ln as useNavBar,
-  zn as useSaladBar,
-  So as withAtomProvider,
-  co as withNavBarProvider,
-  Do as withOverrideDefaults,
-  vo as withSaladBarProvider
+  j as navBarOpenAtom,
+  ht as navBarTopAtom,
+  pt as navBarWidthClosedAtom,
+  dt as navBarWidthOpenAtom,
+  me as titleTextAtom,
+  ut as topBarHeightAtom,
+  Dn as topBarMiddleAtom,
+  dn as useNavBar,
+  qn as useSaladBar,
+  Oo as withAtomProvider,
+  go as withNavBarProvider,
+  Io as withOverrideDefaults,
+  yo as withQueryClient,
+  Ao as withSaladBarProvider
 };
 //# sourceMappingURL=index.js.map