@australiangreens/ag-internal-components 0.1.10 → 0.1.11

package/dist/esm/index.js

@@ -1,26 +1,26 @@
-var Lt = Object.defineProperty, _t = Object.defineProperties;
+var _t = Object.defineProperty, Lt = Object.defineProperties;
 var Mt = Object.getOwnPropertyDescriptors;
 var oe = Object.getOwnPropertySymbols;
-var Oe = Object.prototype.hasOwnProperty, Be = Object.prototype.propertyIsEnumerable;
-var he = (e, t, n) => t in e ? Lt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, a = (e, t) => {
+var Ee = Object.prototype.hasOwnProperty, Oe = Object.prototype.propertyIsEnumerable;
+var he = (e, t, n) => t in e ? _t(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, a = (e, t) => {
   for (var n in t || (t = {}))
-    Oe.call(t, n) && he(e, n, t[n]);
+    Ee.call(t, n) && he(e, n, t[n]);
   if (oe)
     for (var n of oe(t))
-      Be.call(t, n) && he(e, n, t[n]);
+      Oe.call(t, n) && he(e, n, t[n]);
   return e;
-}, D = (e, t) => _t(e, Mt(t));
-var Ee = (e, t) => {
+}, I = (e, t) => Lt(e, Mt(t));
+var Be = (e, t) => {
   var n = {};
   for (var i in e)
-    Oe.call(e, i) && t.indexOf(i) < 0 && (n[i] = e[i]);
+    Ee.call(e, i) && t.indexOf(i) < 0 && (n[i] = e[i]);
   if (e != null && oe)
     for (var i of oe(e))
-      t.indexOf(i) < 0 && Be.call(e, i) && (n[i] = e[i]);
+      t.indexOf(i) < 0 && Oe.call(e, i) && (n[i] = e[i]);
   return n;
 };
 var Fe = (e, t, n) => (he(e, typeof t != "symbol" ? t + "" : t, n), n);
-var L = (e, t, n) => new Promise((i, r) => {
+var _ = (e, t, n) => new Promise((i, r) => {
   var s = (l) => {
     try {
       c(n.next(l));
@@ -36,9 +36,9 @@ var L = (e, t, n) => new Promise((i, r) => {
   }, c = (l) => l.done ? i(l.value) : Promise.resolve(l.value).then(s, d);
   c((n = n.apply(e, t)).next());
 });
-import { jsxs as u, Fragment as P, jsx as o } from "react/jsx-runtime";
+import { jsxs as u, Fragment as N, 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 { Typography as T, Button as J, Paper as je, Box as k, Drawer as we, styled as Ae, IconButton as Z, Container as et, useTheme as se, useMediaQuery as Ht, Collapse as Wt, Avatar as Ne, Fade as Ut, Skeleton as Pe, Toolbar as zt, Divider as _e, CssBaseline as Gt, Dialog as tt, LinearProgress as nt, DialogTitle as ot, DialogContent as it, DialogActions as rt, Autocomplete as be, TextField as Se, CircularProgress as Ie, 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 W, createTheme as at, alpha as fe } from "@mui/material/styles";
 import { AgError as Zt } from "@australiangreens/ag-error";
@@ -46,7 +46,7 @@ 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 R, 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 Le, 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";
@@ -55,9 +55,9 @@ import { useQuery as sn, QueryClient as ln, QueryClientProvider as cn } from "@t
 import { useAuth0 as ht } from "@auth0/auth0-react";
 import { Buffer as dn } from "buffer";
 import un from "@mui/material/Skeleton";
-function Oo({ text: e }) {
+function Eo({ text: e }) {
   const [t, n] = F(0);
-  return /* @__PURE__ */ u(P, { children: [
+  return /* @__PURE__ */ u(N, { children: [
     /* @__PURE__ */ o(T, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
     /* @__PURE__ */ o(T, { variant: "caption", display: "block", children: /* @__PURE__ */ o("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
     /* @__PURE__ */ o(
@@ -79,15 +79,15 @@ function Oo({ text: e }) {
     ] })
   ] });
 }
-const gt = 330, ft = 73, U = "Navbar", q = {
-  root: `${U}-root`,
-  menuButton: `${U}-menuButton`,
-  hide: `${U}-hide`,
-  content: `${U}-content`,
-  userInfoHolder: `${U}-userInfoHolder`,
-  settings: `${U}-settings`,
-  pieChartIcon: `${U}-pieChartIcon`
-}, pn = W(y, {
+const gt = 330, ft = 73, z = "Navbar", q = {
+  root: `${z}-root`,
+  menuButton: `${z}-menuButton`,
+  hide: `${z}-hide`,
+  content: `${z}-content`,
+  userInfoHolder: `${z}-userInfoHolder`,
+  settings: `${z}-settings`,
+  pieChartIcon: `${z}-pieChartIcon`
+}, pn = W(k, {
   name: "NavBar"
 })(({ theme: e }) => ({
   [`&.${q.root}`]: {
@@ -133,9 +133,9 @@ const gt = 330, ft = 73, U = "Navbar", q = {
 }), !t && {
   "& .MuiDrawer-paper": gn()
 }));
-class ke extends Zt {
+class De extends Zt {
 }
-Fe(ke, "errorName", "ContextError");
+Fe(De, "errorName", "ContextError");
 const Ct = Je(null), mn = {}, Cn = {}, xn = ({
   overrideState: e = mn,
   overrideActions: t = Cn,
@@ -144,7 +144,7 @@ const Ct = Je(null), mn = {}, Cn = {}, xn = ({
   const [{ open: i }, r] = F({ open: !0 }), s = ae((l) => {
     r({ open: l });
   }, []), d = ae(() => {
-    r((l) => D(a({}, l), { open: !l.open }));
+    r((l) => I(a({}, l), { open: !l.open }));
   }, []), c = a(a({
     open: i,
     setOpen: s,
@@ -154,13 +154,13 @@ const Ct = Je(null), mn = {}, Cn = {}, xn = ({
 }, vn = () => {
   const e = Ze(Ct);
   if (e === null)
-    throw new ke("Error: Tried to useNavBar outside of a <NavBarProvider>");
+    throw new De("Error: Tried to useNavBar outside of a <NavBarProvider>");
   return e;
 }, wn = (e = {}) => a({
   open: !0
-}, e), Bo = Q(
+}, e), Oo = 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 = W(st)(({ theme: e }) => ({
+), Bo = 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 = W(st)(({ theme: e }) => ({
+})), He = 7, No = W(st)(({ theme: e }) => ({
   backgroundColor: "#e8e8e8",
   color: "inherit",
   "& .MuiListItem-root": {
@@ -237,7 +237,7 @@ const Ct = Je(null), mn = {}, Cn = {}, xn = ({
     // },
   }
 }));
-function No({
+function Po({
   "data-testid": e,
   children: t
 }) {
@@ -256,32 +256,32 @@ function No({
     )
   ] });
 }
-const An = 24, Sn = 64, G = "TopBar", E = {
+const An = 24, bn = 64, G = "TopBar", B = {
   topStripe: `${G}-topStripe`,
   titleBar: `${G}-titleBar`,
   titleSlider: `${G}-titleSlider`,
   titleText: `${G}-titleText`,
   leftPanelButton: `${G}-leftPanelButton`,
   rightPanelButton: `${G}-leftPanelButton`
-}, bn = Ae("div", {
+}, Sn = Ae("div", {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: G
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
   var i, r;
   return {
     width: "100%",
-    [`& .${E.topStripe}`]: {
+    [`& .${B.topStripe}`]: {
       width: "100%",
       height: `${An}px`,
       backgroundColor: e.palette.primary.main
     },
-    [`& .${E.titleBar}`]: {
+    [`& .${B.titleBar}`]: {
       backgroundColor: e.palette.primary.light,
-      height: `${Sn}px`,
+      height: `${bn}px`,
       padding: e.spacing(0, 3),
       width: "100%"
     },
-    [`& .${E.titleSlider}`]: a(a({
+    [`& .${B.titleSlider}`]: a(a({
       height: "100%",
       display: "flex",
       alignItems: "center",
@@ -290,14 +290,14 @@ const An = 24, Sn = 64, G = "TopBar", E = {
         easing: e.transitions.easing.sharp,
         duration: e.transitions.duration.leavingScreen
       }),
-      [`& .${E.leftPanelButton}`]: {
+      [`& .${B.leftPanelButton}`]: {
         marginRight: e.spacing(2),
         flexGrow: 0
       },
-      [`& .${E.titleText}`]: {
+      [`& .${B.titleText}`]: {
         flexGrow: 1
       },
-      [`& .${E.rightPanelButton}`]: {
+      [`& .${B.rightPanelButton}`]: {
         flexGrow: 0
       }
     }, (t == null ? void 0 : t.open) && {
@@ -315,19 +315,19 @@ const An = 24, Sn = 64, G = "TopBar", E = {
     })
   };
 });
-function Dn({
+function In({
   titleText: e = "",
   leftPanel: t,
   rightPanel: n,
   "data-testid": i
 }) {
-  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: [
+  return /* @__PURE__ */ u(Sn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
+    /* @__PURE__ */ o("div", { className: B.topStripe }),
+    /* @__PURE__ */ o("div", { className: B.titleBar, children: /* @__PURE__ */ u(k, { className: B.titleSlider, children: [
       t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ u(
         Z,
         {
-          className: E.leftPanelButton,
+          className: B.leftPanelButton,
           color: "inherit",
           "aria-label": "Open left side panel",
           onClick: t == null ? void 0 : t.onOpen,
@@ -339,11 +339,11 @@ function Dn({
           ]
         }
       ),
-      /* @__PURE__ */ o(T, { className: E.titleText, variant: "h6", noWrap: !0, children: e }),
+      /* @__PURE__ */ o(T, { className: B.titleText, variant: "h6", noWrap: !0, children: e }),
       n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ u(
         Z,
         {
-          className: E.rightPanelButton,
+          className: B.rightPanelButton,
           color: "inherit",
           "aria-label": "Open right side panel",
           onClick: n == null ? void 0 : n.onOpen,
@@ -358,7 +358,7 @@ function Dn({
     ] }) })
   ] });
 }
-const xt = 400, kn = Ae(we, {
+const xt = 400, Dn = Ae(we, {
   shouldForwardProp: (e) => (
     // Note we do want anchor to be forwarded to the Drawer component
     ![
@@ -388,9 +388,9 @@ const xt = 400, kn = Ae(we, {
       marginLeft: `${r}px`
     }))
   })
-), yn = Ae(y, {
+), kn = Ae(k, {
   shouldForwardProp: (e) => !["anchor"].includes(e)
-})(({ theme: e, anchor: t }) => D(a({
+})(({ theme: e, anchor: t }) => I(a({
   display: "flex",
   alignItems: "center",
   padding: e.spacing(2)
@@ -424,10 +424,10 @@ function We({
   "data-testid": m,
   navBarOpen: w = !1,
   navBarWidthOpen: h = 0,
-  navBarWidthClosed: b = 0
+  navBarWidthClosed: S = 0
 }) {
   return /* @__PURE__ */ u(
-    kn,
+    Dn,
     {
       SlideProps: {
         onEntered: () => p == null ? void 0 : p(),
@@ -441,15 +441,15 @@ function We({
       "data-testid": m,
       navBarOpen: w,
       navBarWidthOpen: h,
-      navBarWidthClosed: b,
+      navBarWidthClosed: S,
       children: [
-        /* @__PURE__ */ o(yn, D(a({ anchor: t }, l), { children: t === "left" ? /* @__PURE__ */ u(P, { children: [
+        /* @__PURE__ */ o(kn, I(a({ anchor: t }, l), { children: t === "left" ? /* @__PURE__ */ u(N, { children: [
           /* @__PURE__ */ o(T, { variant: "h6", color: "inherit", component: "div", children: r }),
           d && /* @__PURE__ */ u(Z, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
             /* @__PURE__ */ o(ct, { "data-testid": "arrowbackicon" }),
             " "
           ] })
-        ] }) : /* @__PURE__ */ u(P, { children: [
+        ] }) : /* @__PURE__ */ u(N, { children: [
           d && /* @__PURE__ */ u(Z, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
             /* @__PURE__ */ o(lt, {}),
             " "
@@ -461,7 +461,7 @@ function We({
     }
   );
 }
-const In = W(y, {
+const yn = W(k, {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: "PanelAwareMargins"
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
@@ -499,12 +499,12 @@ const In = W(y, {
   startOpen: !1,
   open: void 0,
   onChangeOpen: void 0,
-  content: /* @__PURE__ */ o(P, {}),
+  content: /* @__PURE__ */ o(N, {}),
   onOpened: void 0,
   onClosed: void 0,
   dataTestId: void 0
 };
-function Lo({
+function _o({
   children: e,
   titleText: t = "",
   leftPanel: n,
@@ -518,9 +518,9 @@ function Lo({
   navBarWidthOpen: g,
   navBarWidthClosed: m
 }) {
-  const [w, h] = F(me), [b, S] = F(Ce), [k, $] = F(me), [O, B] = F(Ce), _ = n !== void 0, N = i !== void 0, {
+  const [w, h] = F(me), [S, b] = F(Ce), [D, $] = F(me), [E, O] = F(Ce), L = n !== void 0, P = i !== void 0, {
     titleText: v,
-    content: I,
+    content: y,
     flavour: M,
     open: f,
     onChangeOpen: C,
@@ -529,35 +529,35 @@ function Lo({
     startOpen: H,
     onOpened: ee,
     onClosed: le,
-    dataTestId: Ot
+    dataTestId: Et
   } = n ? a(a({}, ie), n) : a({}, ie), {
-    titleText: Bt,
-    content: Et,
-    flavour: ye,
+    titleText: Ot,
+    content: Bt,
+    flavour: ke,
     open: ce,
-    onChangeOpen: Ie,
+    onChangeOpen: ye,
     width: de,
     arrowButtons: te,
     startOpen: ne,
     onOpened: Ft,
-    onClosed: Pt,
-    dataTestId: Nt
+    onClosed: Nt,
+    dataTestId: Pt
   } = i ? a(a({}, ie), i) : a({}, ie);
   K(() => {
     H !== me && (h(H), $(H));
   }, [H]), K(() => {
-    ne !== Ce && (S(ne), B(ne));
+    ne !== Ce && (b(ne), O(ne));
   }, [ne]);
-  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 && (S(z), r && _ && (z ? (h(!1), $(w)) : h(k))), Ie && Ie(z);
+  const ue = f === void 0 ? w : f, pe = ce === void 0 ? S : ce, $e = (U) => {
+    f === void 0 && (h(U), r && P && (U ? (b(!1), O(S)) : b(E))), C && C(U);
+  }, Te = (U) => {
+    ce === void 0 && (b(U), r && L && (U ? (h(!1), $(w)) : h(D))), ye && ye(U);
   };
-  return /* @__PURE__ */ u(y, { children: [
-    _ && /* @__PURE__ */ o(
+  return /* @__PURE__ */ u(k, { children: [
+    L && /* @__PURE__ */ o(
       We,
       {
-        "data-testid": Ot,
+        "data-testid": Et,
         anchor: "left",
         open: ue,
         onClose: () => $e(!1),
@@ -570,41 +570,41 @@ function Lo({
         navBarOpen: p,
         navBarWidthOpen: g,
         navBarWidthClosed: m,
-        children: I
+        children: y
       }
     ),
-    N && /* @__PURE__ */ o(
+    P && /* @__PURE__ */ o(
       We,
       {
-        "data-testid": Nt,
+        "data-testid": Pt,
         anchor: "right",
         open: pe,
         onClose: () => Te(!1),
         width: de,
-        titleText: Bt,
+        titleText: Ot,
         debugOpacity: s,
         showCloseArrow: te === "both" || te === "close",
         onOpened: Ft,
-        onClosed: Pt,
+        onClosed: Nt,
         navBarOpen: p,
         navBarWidthOpen: g,
         navBarWidthClosed: m,
-        children: Et
+        children: Bt
       }
     ),
     /* @__PURE__ */ o(
-      Dn,
+      In,
       a(a({
         titleText: t,
         "data-testid": l
-      }, _ && M === "push" ? {
+      }, L && M === "push" ? {
         leftPanel: {
           open: ue,
           width: x,
           onOpen: () => $e(!0),
           showOpenArrow: A === "both" || A === "open"
         }
-      } : {}), N && ye === "push" ? {
+      } : {}), P && ke === "push" ? {
         rightPanel: {
           open: pe,
           width: de,
@@ -614,19 +614,19 @@ function Lo({
       } : {})
     ),
     /* @__PURE__ */ o(
-      In,
-      D(a(a({}, M === "push" ? {
+      yn,
+      I(a(a({}, M === "push" ? {
         leftPanel: {
           open: ue,
           width: x
         }
-      } : {}), ye === "push" ? {
+      } : {}), ke === "push" ? {
         rightPanel: {
           open: pe,
           width: de
         }
       } : {}), {
-        children: /* @__PURE__ */ o($n, D(a({ "data-testid": c }, d), { children: e }))
+        children: /* @__PURE__ */ o($n, I(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 = R(!0), wt = R(Bn), At = R(On), ve = R(""), En = R(void 0), St = R(Tn), bt = R(void 0);
+}, Tn = 64, En = 72, On = 256, j = R(!0), wt = R(On), At = R(En), ve = R(""), Bn = R(void 0), bt = R(Tn), St = 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 = W(y, { name: "NavBar" })(({ theme: e }) => ({
+}, Nn = W(k, { name: "NavBar" })(({ theme: e }) => ({
   [`&.${Y.root}`]: {
     display: "flex"
   },
@@ -668,7 +668,7 @@ const re = "Navbar", Y = {
 })), X = (e, t, n) => e.transitions.create(t, {
   easing: e.transitions.easing.sharp,
   duration: n === "leaving" ? e.transitions.duration.leavingScreen : e.transitions.duration.enteringScreen
-}), Nn = (e) => {
+}), Pn = (e) => {
   const t = se();
   return /* @__PURE__ */ o(
     Wt,
@@ -680,7 +680,7 @@ const re = "Navbar", Y = {
       }
     }, e)
   );
-}, Dt = (e) => {
+}, It = (e) => {
   var t, n;
   return {
     overflowX: "hidden",
@@ -688,13 +688,13 @@ const re = "Navbar", Y = {
     backgroundColor: (n = (t = e == null ? void 0 : e.navBar) == null ? void 0 : t.backgroundColor) != null ? n : "white"
     // Provide default so tests don't need to wrap theme provider
   };
-}, ze = (e, t) => a({
+}, Ue = (e, t) => a({
   width: t,
   transition: X(e, "width", "entering")
-}, Dt(e)), Ue = (e, t) => a({
+}, It(e)), ze = (e, t) => a({
   width: t,
   transition: X(e, "width", "leaving")
-}, Dt(e)), Ln = W(we, {
+}, It(e)), _n = W(we, {
   shouldForwardProp: (e) => !["widthOpen", "widthClosed", "isSmallScreen"].includes(e)
 })(({ theme: e, open: t, widthOpen: n, widthClosed: i, isSmallScreen: r }) => a(a({
   flexShrink: 0,
@@ -702,14 +702,15 @@ const re = "Navbar", Y = {
   boxSizing: "border-box",
   display: "flex",
   flexDirection: "column"
-}, t && D(a({}, ze(e, n)), {
+}, t && I(a({}, Ue(e, n)), {
   backgroundColor: "",
-  "& .MuiDrawer-paper": ze(e, n)
-})), !t && D(a({}, Ue(e, r ? n : i)), {
+  "& .MuiDrawer-paper": Ue(e, n)
+})), !t && I(a({}, ze(e, r ? n : i)), {
   backgroundColor: "",
-  "& .MuiDrawer-paper": Ue(e, r ? n : i)
+  "& .MuiDrawer-paper": ze(e, r ? n : i)
 })));
-function _n(e) {
+console.warn.bind(console), console.error.bind(console), console.warn.bind(console), console.info.bind(console), console.debug.bind(console);
+function Ln(e) {
   let t = 0;
   for (let n = 0, i = e.length; n < i; n++) {
     const r = e.charCodeAt(n);
@@ -721,7 +722,7 @@ const Ge = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], V
 function Mn({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
   const r = se();
   return /* @__PURE__ */ u(
-    y,
+    k,
     {
       sx: {
         paddingTop: 3,
@@ -732,36 +733,36 @@ function Mn({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
       },
       children: [
         !i && /* @__PURE__ */ o(
-          y,
+          k,
           {
             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(P, { children: /* @__PURE__ */ o(
-              Pe,
+            children: e != null && e.name ? /* @__PURE__ */ o(N, { children: /* @__PURE__ */ o(
+              Ne,
               {
                 src: e == null ? void 0 : e.picture,
                 sx: {
                   width: "100%",
                   height: "100%",
-                  bgcolor: Ge[Math.abs(_n(e == null ? void 0 : e.name)) % Ge.length]
+                  bgcolor: Ge[Math.abs(Ln(e == null ? void 0 : e.name)) % Ge.length]
                 },
                 children: Ve(e == null ? void 0 : e.name)
               }
-            ) }) : /* @__PURE__ */ o(Pe, { sx: { width: "100%", height: "100%" } })
+            ) }) : /* @__PURE__ */ o(Ne, { sx: { width: "100%", height: "100%" } })
           }
         ),
         i && /* @__PURE__ */ o(
-          y,
+          k,
           {
             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(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: [
+            children: e != null && e.name ? /* @__PURE__ */ o(N, { 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 +770,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__ */ 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%" })
+        /* @__PURE__ */ o(Pn, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Ut, { in: n, children: /* @__PURE__ */ u(k, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
+          e != null && e.name ? /* @__PURE__ */ o(T, { children: e == null ? void 0 : e.name }) : /* @__PURE__ */ o(Pe, { animation: !1, width: "50%" }),
+          t ? /* @__PURE__ */ o(T, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Pe, { animation: !1, width: "25%" })
         ] }) }) })
       ]
     }
@@ -790,8 +791,8 @@ function Rn({
   useNewAvatar: p = !1
 }) {
   const g = vt(), m = dt(j);
-  return /* @__PURE__ */ o(Pn, { className: Y.root, "data-testid": i, children: /* @__PURE__ */ u(
-    Ln,
+  return /* @__PURE__ */ o(Nn, { className: Y.root, "data-testid": i, children: /* @__PURE__ */ u(
+    _n,
     {
       open: e,
       widthOpen: n,
@@ -806,16 +807,16 @@ function Rn({
       },
       isSmallScreen: g,
       children: [
-        !g && /* @__PURE__ */ o(Ut, {}),
-        r && /* @__PURE__ */ u(y, { flexGrow: "0", children: [
+        !g && /* @__PURE__ */ o(zt, {}),
+        r && /* @__PURE__ */ u(k, { flexGrow: "0", children: [
           r,
-          /* @__PURE__ */ o(Le, { variant: "middle", sx: { marginY: "0.5rem" } })
+          /* @__PURE__ */ o(_e, { variant: "middle", sx: { marginY: "0.5rem" } })
         ] }),
-        /* @__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(k, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ o(Fn, { links: s }) : s }),
+        /* @__PURE__ */ u(k, { flexGrow: "0", children: [
+          /* @__PURE__ */ o(_e, { variant: "middle", sx: { marginY: "0.5rem" } }),
           /* @__PURE__ */ o(Mn, { user: c, domainCode: l, open: e, useNewAvatar: p }),
-          d && /* @__PURE__ */ o(P, { children: d })
+          d && /* @__PURE__ */ o(N, { children: d })
         ] })
       ]
     }
@@ -828,14 +829,14 @@ function Hn({
   noPadding: i
 }) {
   return /* @__PURE__ */ o(
-    y,
+    k,
     {
       sx: {
         overflow: "auto",
         height: `calc(100vh - ${t}px)`,
         flexGrow: 1
       },
-      children: i ? /* @__PURE__ */ o(y, { component: "main", id: "main-content", height: "inherit", children: e }) : /* @__PURE__ */ o(
+      children: i ? /* @__PURE__ */ o(k, { component: "main", id: "main-content", height: "inherit", children: e }) : /* @__PURE__ */ o(
         et,
         {
           component: "main",
@@ -848,10 +849,10 @@ function Hn({
     }
   );
 }
-const Wn = "TopBar", zn = {
+const Wn = "TopBar", Un = {
   titleText: `${Wn}-titleText`
 };
-function Un({
+function zn({
   titleText: e = "",
   height: t,
   "data-testid": n,
@@ -886,13 +887,13 @@ function Un({
             children: /* @__PURE__ */ o(en, { fontSize: "medium" })
           }
         ),
-        /* @__PURE__ */ o(T, { className: zn.titleText, variant: "h6", component: "h1", children: e }),
+        /* @__PURE__ */ o(T, { className: Un.titleText, variant: "h6", component: "h1", children: e }),
         i
       ]
     }
   ) });
 }
-function _o({
+function Lo({
   children: e,
   initialTitleText: t,
   initialNavBarOpen: n,
@@ -910,40 +911,40 @@ function _o({
     [j, n != null ? n : !0],
     [ve, t != null ? t : ""]
   ]);
-  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: [
+  const w = Le(j), [h] = V(wt), [S] = V(At), b = Le(ve), [D] = V(bt), [$] = V(Bn), [E] = V(St);
+  return /* @__PURE__ */ u(k, { children: [
     /* @__PURE__ */ o(Gt, {}),
     /* @__PURE__ */ o(
-      Un,
+      zn,
       {
-        titleText: S,
+        titleText: b,
         "data-testid": s,
-        height: k,
+        height: D,
         middle: $
       }
     ),
-    /* @__PURE__ */ u(y, { sx: { display: "flex" }, children: [
+    /* @__PURE__ */ u(k, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ o(
         Rn,
         {
           open: w,
-          top: O,
+          top: E,
           middle: c,
           bottom: l,
           user: p,
           domainCode: g,
           widthOpen: h,
-          widthClosed: b,
-          offsetTop: k,
+          widthClosed: S,
+          offsetTop: D,
           "data-testid": d,
           useNewAvatar: m
         }
       ),
       /* @__PURE__ */ o(
         Hn,
-        D(a({
+        I(a({
           "data-testid": r,
-          topBarHeight: k
+          topBarHeight: D
         }, i), {
           children: e
         })
@@ -951,7 +952,7 @@ function _o({
     ] })
   ] });
 }
-const kt = ({
+const Dt = ({
   isOpen: e,
   dialogTitle: t,
   children: n,
@@ -964,14 +965,14 @@ const kt = ({
   disableCloseOnBackdropOrEscape: p = !1,
   isLoading: g = !1
 }) => {
-  var h, b;
+  var h, S;
   const [m, w] = F(!1);
   return /* @__PURE__ */ u(
     tt,
     {
       open: e,
-      onClose: (S, k) => L(void 0, null, function* () {
-        p && (k === "backdropClick" || k === "escapeKeyDown") || m || (s != null && s.onClick ? yield s.onClick() : d());
+      onClose: (b, D) => _(void 0, null, function* () {
+        p && (D === "backdropClick" || D === "escapeKeyDown") || m || (s != null && s.onClick ? yield s.onClick() : d());
       }),
       fullWidth: !0,
       maxWidth: i != null ? i : "xs",
@@ -989,15 +990,15 @@ const kt = ({
               "data-testid": s == null ? void 0 : s.testId,
               disabled: (s == null ? void 0 : s.disabled) || m,
               color: s == null ? void 0 : s.buttonColor,
-              children: (b = s == null ? void 0 : s.text) != null ? b : "Cancel"
+              children: (S = s == null ? void 0 : s.text) != null ? S : "Cancel"
             }
           ),
           r && /* @__PURE__ */ o(
             J,
             {
-              onClick: () => L(void 0, null, function* () {
-                var S;
-                w(!0), yield (S = r.onClick) == null ? void 0 : S.call(r), w(!1);
+              onClick: () => _(void 0, null, function* () {
+                var b;
+                w(!0), yield (b = r.onClick) == null ? void 0 : b.call(r), w(!1);
               }),
               "data-testid": r.testId,
               disabled: r.disabled || m,
@@ -1009,7 +1010,7 @@ const kt = ({
       ]
     }
   );
-}, yt = ({
+}, kt = ({
   minLength: e,
   preLoadedOptions: t,
   lookup: n,
@@ -1022,7 +1023,7 @@ const kt = ({
   queryKey: ["autocomplete", i, r]
 });
 function Mo({
-  lookup: e = () => L(this, null, function* () {
+  lookup: e = () => _(this, null, function* () {
   }),
   enableHighlighting: t = !0,
   onChange: n,
@@ -1037,32 +1038,32 @@ function Mo({
   loadingText: m = "Loading...",
   noOptionsText: w = "No options",
   popupIcon: h = /* @__PURE__ */ o(nn, {}),
-  error: b = !1,
-  helperText: S = "",
-  preLoadedOptions: k = void 0,
+  error: S = !1,
+  helperText: b = "",
+  preLoadedOptions: D = void 0,
   disablePortal: $ = !1,
-  disableIconFlip: O = !1
+  disableIconFlip: E = !1
 }) {
-  const [B, _] = F(""), N = (f, C) => {
+  const [O, L] = F(""), P = (f, C) => {
     const x = s.filter((A) => A.id !== C);
     n(x, "delete", f);
-  }, { data: v, isLoading: I } = yt({
-    inputValue: B,
+  }, { data: v, isLoading: y } = kt({
+    inputValue: O,
     label: r,
     lookup: e,
     minLength: i,
-    preLoadedOptions: k
-  }), M = B.length >= i;
+    preLoadedOptions: D
+  }), M = O.length >= i;
   return /* @__PURE__ */ u("div", { "data-testid": d, children: [
     /* @__PURE__ */ o(
-      Se,
+      be,
       {
-        sx: a(a({}, c), O ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
+        sx: a(a({}, c), E ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
         "data-testid": d ? `${d}:Autocomplete` : void 0,
         disablePortal: $,
         multiple: !0,
         getOptionLabel: (f) => typeof f == "string" ? f : f.label,
-        loading: M ? I : !1,
+        loading: M ? y : !1,
         options: [...s, ...v != null ? v : []],
         filterSelectedOptions: !0,
         includeInputInList: !0,
@@ -1070,21 +1071,21 @@ function Mo({
         onChange: (f, C, x) => {
           n(C, x, f);
         },
-        onInputChange: (f, C) => _(C),
+        onInputChange: (f, C) => L(C),
         noOptionsText: M ? w : "Start typing to search",
         loadingText: m,
         popupIcon: h,
         renderInput: (f) => /* @__PURE__ */ o(
-          be,
-          D(a({}, f), {
+          Se,
+          I(a({}, f), {
             label: r,
             fullWidth: !0,
             variant: g,
-            error: b,
-            helperText: S,
-            InputProps: D(a({}, f.InputProps), {
-              endAdornment: /* @__PURE__ */ u(P, { children: [
-                I ? /* @__PURE__ */ o(De, { color: "inherit", size: 20 }) : null,
+            error: S,
+            helperText: b,
+            InputProps: I(a({}, f.InputProps), {
+              endAdornment: /* @__PURE__ */ u(N, { children: [
+                y ? /* @__PURE__ */ o(Ie, { color: "inherit", size: 20 }) : null,
                 f.InputProps.endAdornment
               ] })
             }),
@@ -1105,7 +1106,7 @@ function Mo({
             }), H = an(C.label, A);
             return /* @__PURE__ */ xe(
               "li",
-              D(a({}, f), {
+              I(a({}, f), {
                 key: C.id,
                 "data-testid": d ? `${d}:Autocomplete:option(${C.id.toString()})` : void 0
               }),
@@ -1123,7 +1124,7 @@ function Mo({
           } else
             return /* @__PURE__ */ xe(
               "li",
-              D(a({}, f), {
+              I(a({}, f), {
                 key: C.id,
                 "data-testid": d ? `${d}:option(${C.id.toString()})` : void 0
               }),
@@ -1132,7 +1133,7 @@ function Mo({
         }
       }
     ),
-    s.length > 0 && /* @__PURE__ */ o(y, { sx: l, children: s.map((f) => /* @__PURE__ */ o(
+    s.length > 0 && /* @__PURE__ */ o(k, { sx: l, children: s.map((f) => /* @__PURE__ */ o(
       Vt,
       {
         sx: {
@@ -1159,7 +1160,7 @@ function Mo({
           }
         ),
         "data-testid": d ? `${d}:Chip(${f.id.toString()})` : void 0,
-        onDelete: (C) => N(C, f.id),
+        onDelete: (C) => P(C, f.id),
         deleteIcon: /* @__PURE__ */ o(
           tn,
           {
@@ -1171,8 +1172,8 @@ function Mo({
     )) })
   ] });
 }
-const Ro = ({
-  lookup: e = () => L(void 0, null, function* () {
+const Ro = /MUI: The value provided to.*is invalid/i, Ho = ({
+  lookup: e = () => _(void 0, null, function* () {
   }),
   onChange: t,
   label: n,
@@ -1187,36 +1188,36 @@ const Ro = ({
   disablePortal: m = !1,
   preLoadedOptions: w,
   helperText: h = "",
-  disabled: b,
-  popupIcon: S,
-  disableIconFlip: k
+  disabled: S,
+  popupIcon: b,
+  disableIconFlip: D
 }) => {
-  const [$, O] = F(""), { data: B, isLoading: _ } = yt({
+  const [$, E] = F(""), { data: O, isLoading: L } = kt({
     inputValue: $,
     label: n,
     lookup: e,
     minLength: g != null ? g : 0,
     preLoadedOptions: w
-  }), N = $.length >= g;
+  }), P = $.length >= g;
   return /* @__PURE__ */ o("div", { "data-testid": l, children: /* @__PURE__ */ o(Xt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
-    Se,
+    be,
     {
-      sx: a(a({}, r), k ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
+      sx: a(a({}, r), D ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
       "data-testid": l ? `${l}:Autocomplete` : void 0,
-      loading: N ? _ : !1,
-      options: B != null ? B : [],
-      onChange: (v, I, M) => {
-        t(v, I, M);
+      loading: P ? L : !1,
+      options: O != null ? O : [],
+      onChange: (v, y, M) => {
+        t(v, y, M);
       },
       disablePortal: m,
       filterOptions: (v) => v,
       value: i,
-      noOptionsText: N ? p : "Start typing to search",
+      noOptionsText: P ? p : "Start typing to search",
       getOptionLabel: (v) => v.label,
-      popupIcon: S,
+      popupIcon: b,
       renderInput: (v) => /* @__PURE__ */ o(
-        be,
-        D(a({
+        Se,
+        I(a({
           "data-testid": l ? `${l}:Autocomplete:TextField` : void 0
         }, v), {
           variant: d,
@@ -1226,19 +1227,19 @@ const Ro = ({
           helperText: h
         })
       ),
-      isOptionEqualToValue: (v, I) => v.id === I.id,
-      onInputChange: (v, I) => {
-        O(I);
+      isOptionEqualToValue: (v, y) => v.id === y.id,
+      onInputChange: (v, y) => {
+        E(y);
       },
-      renderOption: (v, I) => /* @__PURE__ */ xe(
+      renderOption: (v, y) => /* @__PURE__ */ xe(
         "li",
-        D(a({}, v), {
-          key: I.id,
-          "data-testid": l ? `${l}:Autocomplete:option(${I.id.toString()})` : void 0
+        I(a({}, v), {
+          key: y.id,
+          "data-testid": l ? `${l}:Autocomplete:option(${y.id.toString()})` : void 0
         }),
-        I.label
+        y.label
       ),
-      disabled: b
+      disabled: S
     }
   ) }) });
 }, Gn = (e) => {
@@ -1254,25 +1255,25 @@ const Ro = ({
   } catch (t) {
     return -1;
   }
-}, Ho = ({
+}, Wo = ({
   open: e = !1,
   closeHandler: t,
   setAuth0ExpiryTime: n
 }) => {
-  const { logout: i, getAccessTokenSilently: r } = ht(), [s, d] = F(0), c = () => L(void 0, null, function* () {
+  const { logout: i, getAccessTokenSilently: r } = ht(), [s, d] = F(0), c = () => _(void 0, null, function* () {
     i({ logoutParams: { returnTo: `${window.location.origin}` } });
-  }), l = () => L(void 0, null, function* () {
+  }), l = () => _(void 0, null, function* () {
     d(s + 1), t();
   });
   return K(() => {
-    (() => L(void 0, null, function* () {
+    (() => _(void 0, null, function* () {
       if (s > 0) {
         const w = yield r({ cacheMode: "off" }), h = Gn(w) * 1e3;
         n(h);
       }
     }))();
   }, [s, r, n]), /* @__PURE__ */ o(
-    kt,
+    Dt,
     {
       isOpen: e,
       primaryButton: {
@@ -1314,7 +1315,7 @@ function Qn(e) {
   const t = e.error, n = (i = e == null ? void 0 : e.error_description) != null ? i : "";
   return t === "access_denied" && n.match(/Script.*time.*exceeded/);
 }
-function Wo({
+function Uo({
   children: e,
   appName: t = "the app",
   throwErrors: n = "none",
@@ -1344,22 +1345,22 @@ function Wo({
     ), n === "all")
       throw c;
     if (Vn(c)) {
-      let h = "Auth error", b = "An unknown Auth0 error occurred.";
+      let h = "Auth error", S = "An unknown Auth0 error occurred.";
       if (qn(c))
-        h = "Unauthorised", b = `You are not authorised to access ${t}.`;
+        h = "Unauthorised", S = `You are not authorised to access ${t}.`;
       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}.`;
+        h = "App not authorised", S = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`;
       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.";
+        h = "Auth0 script execution time exceeded", S = "The Auth0 login flow exceeded the time limit (20s). Try again in a minute by clicking the RELOAD button below.";
       else if (c.message === "Invalid state") {
-        const 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));
+        const b = localStorage.getItem("auth0_redirect_count");
+        b ? b && parseInt(b) < 2 && (localStorage.setItem("auth0_redirect_count", String(parseInt(b) + 1)), l(g)) : (localStorage.setItem("auth0_redirect_count", "1"), l(g));
       } else if (n === "unknown")
         throw c;
       return /* @__PURE__ */ u(tt, { open: !0, children: [
         /* @__PURE__ */ o(ot, { children: h }),
         /* @__PURE__ */ u(it, { children: [
-          /* @__PURE__ */ o(T, { children: b }),
+          /* @__PURE__ */ o(T, { children: S }),
           /* @__PURE__ */ o("br", {}),
           /* @__PURE__ */ o(T, { variant: "subtitle2", children: "Details from Auth0" }),
           /* @__PURE__ */ u(T, { variant: "body2", children: [
@@ -1379,7 +1380,7 @@ function Wo({
     } else if (n === "unknown")
       throw c;
   }
-  return s ? (localStorage.removeItem("auth0_redirect_count"), /* @__PURE__ */ o(P, { children: e })) : /* @__PURE__ */ o(un, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
+  return s ? (localStorage.removeItem("auth0_redirect_count"), /* @__PURE__ */ o(N, { children: e })) : /* @__PURE__ */ o(un, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
 }
 const Yn = {
   autoHideDuration: 6e3,
@@ -1401,14 +1402,14 @@ const Yn = {
 })(), jn = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
-}, eo = {}, to = {}, It = Je(null);
+}, eo = {}, to = {}, yt = Je(null);
 function no(s) {
   var d = s, {
     overrideState: e = eo,
     overrideActions: t = to,
     shouldClose: n = Kn.shouldClose,
     children: i
-  } = d, r = Ee(d, [
+  } = d, r = Be(d, [
     "overrideState",
     "overrideActions",
     "shouldClose",
@@ -1421,51 +1422,51 @@ function no(s) {
     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 A = a(D(a({}, qe), {
+    const A = a(I(a({}, qe), {
       key: Zn()
     }), x);
     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) => {
+  }, []), S = (x = "", A = {}) => h(a({ message: x, severity: "success" }, A)), b = (x = "", A = {}) => h(a({ message: x, severity: "info" }, A)), D = (x = "", A = {}) => h(a({ message: x, severity: "warning" }, A)), $ = (x = "", A = {}) => h(a({ message: x, severity: "error" }, A)), E = (x) => {
     const A = p.current.findIndex((H) => H.key === x);
     if (A !== -1)
       return A === 0 ? (l({ open: !1 }), p.current[0]) : p.current.splice(A, 1);
-  }, B = (x, A) => {
+  }, O = (x, A) => {
     n(x, A) && l({ open: !1 });
-  }, _ = () => {
-  }, N = () => {
+  }, L = () => {
+  }, P = () => {
     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);
+  }, v = (C = p.current[0]) != null ? C : a({}, qe), y = {};
+  "autoHideDuration" in v && (y.autoHideDuration = v.autoHideDuration);
   const M = a(a({}, Yn), r), f = a(a({
     open: c,
     setOpen: w,
     enqueueNotification: h,
-    enqueueSuccessNotification: b,
-    enqueueInfoNotification: S,
-    enqueueWarningNotification: k,
+    enqueueSuccessNotification: S,
+    enqueueInfoNotification: b,
+    enqueueWarningNotification: D,
     enqueueErrorNotification: $,
-    removeNotification: O
+    removeNotification: E
   }, e), t);
-  return /* @__PURE__ */ u(It.Provider, { value: f, children: [
+  return /* @__PURE__ */ u(yt.Provider, { value: f, children: [
     i,
     /* @__PURE__ */ o(
       Qt,
-      D(a(a({}, M), I), {
+      I(a(a({}, M), y), {
         open: c,
-        onClose: B,
+        onClose: O,
         TransitionProps: {
-          onExited: N,
-          onExit: _
+          onExited: P,
+          onExit: L
         },
         sx: { zIndex: Jn },
         children: /* @__PURE__ */ u("div", { children: [
           /* @__PURE__ */ o(
             Yt,
             {
-              onClose: (x) => B(x, "closeAlert"),
+              onClose: (x) => O(x, "closeAlert"),
               severity: v.severity,
               variant: "filled",
-              icon: v.progressIndicator === "circular" ? /* @__PURE__ */ o(De, { size: "1em" }) : void 0,
+              icon: v.progressIndicator === "circular" ? /* @__PURE__ */ o(Ie, { size: "1em" }) : void 0,
               style: v.progressIndicator === "linear" ? jn : void 0,
               children: v.message
             }
@@ -1477,14 +1478,14 @@ function no(s) {
   ] });
 }
 function oo() {
-  const e = Ze(It);
+  const e = Ze(yt);
   if (e === null)
-    throw new ke("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
+    throw new De("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
   return e;
 }
 const zo = Q(
-  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(no, D(a({}, e), { overrideState: t, overrideActions: n, children: i }))
-), io = on(), Uo = ({
+  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(no, I(a({}, e), { overrideState: t, overrideActions: n, children: i }))
+), io = on(), Go = ({
   children: e,
   store: t
 }) => /* @__PURE__ */ o(ut, { store: t != null ? t : io, children: e }), $t = "domainCode";
@@ -1511,7 +1512,7 @@ const Ye = R(
 }, ao = (e) => {
   var t;
   return e === null ? "N/A" : (t = ro[e]) != null ? t : "";
-}, Go = ({
+}, Vo = ({
   isLoading: e,
   isOpen: t,
   onClose: n,
@@ -1519,26 +1520,26 @@ const Ye = R(
   applicationName: r,
   handleLogout: 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* () {
+  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, S = () => _(void 0, null, function* () {
     l ? (c(l), g(`Set organisation to ${l}`), n()) : c("");
-  }), S = () => L(void 0, null, function* () {
+  }), b = () => _(void 0, null, function* () {
     d && !m && !w ? (p(d), n()) : h && s();
   });
-  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,
+  let D;
+  return m ? D = "Unable to retrieve your active organisations. Try logging in again." : w && (D = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ u(
+    Dt,
     {
       isOpen: t,
       dialogTitle: "Select an organisation",
       primaryButton: {
         text: "Confirm",
-        onClick: b,
+        onClick: S,
         disabled: !l || m || w,
         buttonColor: "primary"
       },
       secondaryButton: {
         text: h ? "Logout" : "Cancel",
-        onClick: S
+        onClick: b
       },
       onClose: h ? () => {
       } : n,
@@ -1549,23 +1550,23 @@ const Ye = R(
           "."
         ] }),
         /* @__PURE__ */ o(
-          Se,
+          be,
           {
             loading: e,
             multiple: !1,
             disableClearable: !1,
             value: l !== "" ? l : null,
-            onChange: ($, O) => p(O != null ? O : ""),
+            onChange: ($, E) => p(E != null ? E : ""),
             getOptionLabel: ao,
             options: [...i],
             renderInput: ($) => /* @__PURE__ */ o(
-              be,
-              D(a({}, $), {
+              Se,
+              I(a({}, $), {
                 variant: "filled",
                 label: "Select organisation",
-                InputProps: D(a({}, $.InputProps), {
-                  endAdornment: /* @__PURE__ */ u(P, { children: [
-                    e ? /* @__PURE__ */ o(De, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
+                InputProps: I(a({}, $.InputProps), {
+                  endAdornment: /* @__PURE__ */ u(N, { children: [
+                    e ? /* @__PURE__ */ o(Ie, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
                     $.InputProps.endAdornment
                   ] })
                 })
@@ -1573,11 +1574,11 @@ const Ye = R(
             )
           }
         ),
-        k && /* @__PURE__ */ o(Kt, { error: !0, children: k })
+        D && /* @__PURE__ */ o(Kt, { error: !0, children: D })
       ]
     }
   );
-}, Vo = at({
+}, qo = at({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1628,7 +1629,7 @@ const Ye = R(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), qo = at({
+}), Xo = at({
   palette: {
     primary: {
       main: "#007236",
@@ -1728,12 +1729,12 @@ const Ye = R(
   navBarWidthOpen: wt,
   navBarWidthClosed: At,
   titleText: ve,
-  topBarHeight: St,
-  navBarTop: bt
-}, Xo = Q(() => ({ children: e }) => /* @__PURE__ */ o(ut, { children: e })), lo = ({
+  topBarHeight: bt,
+  navBarTop: St
+}, Qo = Q(() => ({ children: e }) => /* @__PURE__ */ o(ut, { children: e })), lo = ({
   initialValues: e,
   children: t
-}) => (pt(e), /* @__PURE__ */ o(P, { children: t })), Qo = Q(
+}) => (pt(e), /* @__PURE__ */ o(N, { children: t })), Yo = Q(
   (e) => ({ children: t }) => /* @__PURE__ */ o(
     lo,
     {
@@ -1746,53 +1747,54 @@ const Ye = R(
       children: t
     }
   )
-), Yo = Q(() => ({ children: e }) => {
+), Ko = Q(() => ({ children: e }) => {
   const t = new ln();
   return /* @__PURE__ */ o(cn, { client: t, children: e });
 });
 export {
-  kt as AgDialog,
-  _o as AppLayout,
-  Uo as AtomProvider,
-  Wo as AuthGuard,
-  It as Context,
-  ke as ContextError,
-  Go as DomainCodeDialog,
-  Oo as ExampleComponent,
+  Dt as AgDialog,
+  Lo as AppLayout,
+  Go as AtomProvider,
+  Uo as AuthGuard,
+  yt as Context,
+  De as ContextError,
+  Vo as DomainCodeDialog,
+  Eo as ExampleComponent,
   Mo as FetchAutocomplete,
   lo as HydrateAtoms,
+  Ro as MUI_AUTOCOMPLETE_VALUE_WARNING_REGEX,
   ft as NAVBAR_WIDTH_CLOSED,
   gt as NAVBAR_WIDTH_OPENED,
-  No as NavBar,
+  Po as NavBar,
   Fo as NavBarDarkStyledList,
-  Po as NavBarLightStyledList,
+  No as NavBarLightStyledList,
   xn as NavBarProvider,
-  Lo as PageLayout,
+  _o as PageLayout,
   no as SaladBarProvider,
-  Ho as SessionExpiryDialog,
-  Ro as SingleAutocomplete,
+  Wo as SessionExpiryDialog,
+  Ho as SingleAutocomplete,
   io as atomStore,
   wn as buildNavBarState,
   Tt as domainCodeAtom,
-  Vo as fed21Theme,
+  qo as fed21Theme,
   Gn as getAuth0Expiry,
-  qo as internalAgSystemsTheme,
+  Xo as internalAgSystemsTheme,
   q as navBarClasses,
   j as navBarOpenAtom,
-  bt as navBarTopAtom,
+  St as navBarTopAtom,
   At as navBarWidthClosedAtom,
   wt as navBarWidthOpenAtom,
   ve as titleTextAtom,
-  St as topBarHeightAtom,
-  En as topBarMiddleAtom,
-  yt as useAutocompleteOptions,
+  bt as topBarHeightAtom,
+  Bn as topBarMiddleAtom,
+  kt as useAutocompleteOptions,
   vn as useNavBar,
   oo as useSaladBar,
-  Xo as withAtomProvider,
-  Eo as withBrowserRouter,
-  Bo as withNavBarProvider,
-  Qo as withOverrideDefaults,
-  Yo as withQueryClient,
+  Qo as withAtomProvider,
+  Bo as withBrowserRouter,
+  Oo as withNavBarProvider,
+  Yo as withOverrideDefaults,
+  Ko as withQueryClient,
   zo as withSaladBarProvider
 };
 //# sourceMappingURL=index.js.map