@australiangreens/ag-internal-components 0.1.5 → 0.1.7

package/dist/esm/index.js

@@ -1,22 +1,22 @@
 var Lt = Object.defineProperty, _t = Object.defineProperties;
 var Mt = Object.getOwnPropertyDescriptors;
-var ne = Object.getOwnPropertySymbols;
-var Be = Object.prototype.hasOwnProperty, Oe = Object.prototype.propertyIsEnumerable;
+var 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) => {
   for (var n in t || (t = {}))
-    Be.call(t, n) && he(e, n, t[n]);
-  if (ne)
-    for (var n of ne(t))
-      Oe.call(t, n) && he(e, n, t[n]);
+    Oe.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]);
   return e;
-}, k = (e, t) => _t(e, Mt(t));
+}, y = (e, t) => _t(e, Mt(t));
 var Ee = (e, t) => {
   var n = {};
   for (var i in e)
-    Be.call(e, i) && t.indexOf(i) < 0 && (n[i] = e[i]);
-  if (e != null && ne)
-    for (var i of ne(e))
-      t.indexOf(i) < 0 && Oe.call(e, i) && (n[i] = e[i]);
+    Oe.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]);
   return n;
 };
 var Fe = (e, t, n) => (he(e, typeof t != "symbol" ? t + "" : t, n), n);
@@ -36,9 +36,9 @@ var L = (e, t, n) => new Promise((i, r) => {
   }, l = (d) => d.done ? i(d.value) : Promise.resolve(d.value).then(s, c);
   l((n = n.apply(e, t)).next());
 });
-import { jsxs as h, Fragment as F, jsx as o } from "react/jsx-runtime";
-import { useState as E, createContext as Je, useCallback as re, useContext as Ze, useEffect as K, createElement as xe, useMemo as Rt, useRef as ge } from "react";
-import { Typography as B, Button as ae, Paper as je, Box as I, Drawer as we, styled as Ae, IconButton as J, Container as et, useTheme as se, useMediaQuery as Ht, Collapse as Wt, Avatar as Pe, Fade as zt, Skeleton as Ne, Toolbar as Ut, Divider as Le, CssBaseline as Gt, Dialog as tt, LinearProgress as nt, DialogTitle as ot, DialogContent as it, DialogActions as rt, Autocomplete as Se, TextField as be, CircularProgress as De, Chip as Vt, Tooltip as qt, Stack as Xt, Snackbar as Qt, Alert as Yt, FormHelperText as Kt } from "@mui/material";
+import { jsxs as p, Fragment as F, jsx as o } from "react/jsx-runtime";
+import { useState as E, createContext as Je, useCallback as ae, useContext as Ze, useEffect as K, createElement as xe, useMemo as Rt, useRef as ge } from "react";
+import { Typography as O, Button as J, Paper as je, Box as I, Drawer as we, styled as Ae, IconButton as Z, Container as et, useTheme as se, useMediaQuery as Ht, Collapse as Wt, Avatar as Pe, Fade as zt, Skeleton as Ne, Toolbar as Ut, Divider as Le, CssBaseline as Gt, Dialog as tt, LinearProgress as nt, DialogTitle as ot, DialogContent as it, DialogActions as rt, Autocomplete as Se, TextField as be, CircularProgress as De, Chip as Vt, Tooltip as qt, Stack as Xt, Snackbar as Qt, Alert as Yt, FormHelperText as Kt } from "@mui/material";
 import Jt from "@mui/material/CssBaseline";
 import { styled as R, createTheme as at, alpha as fe } from "@mui/material/styles";
 import { AgError as Zt } from "@australiangreens/ag-error";
@@ -55,13 +55,13 @@ 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 Bo({ text: e }) {
+function Oo({ text: e }) {
   const [t, n] = E(0);
-  return /* @__PURE__ */ h(F, { children: [
-    /* @__PURE__ */ o(B, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
-    /* @__PURE__ */ o(B, { variant: "caption", display: "block", children: /* @__PURE__ */ o("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
+  return /* @__PURE__ */ p(F, { children: [
+    /* @__PURE__ */ o(O, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
+    /* @__PURE__ */ o(O, { variant: "caption", display: "block", children: /* @__PURE__ */ o("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
     /* @__PURE__ */ o(
-      ae,
+      J,
       {
         variant: "outlined",
         onClick: () => n((i) => i + 1),
@@ -69,11 +69,11 @@ function Bo({ text: e }) {
         children: "Hello I am a button"
       }
     ),
-    /* @__PURE__ */ h("p", { children: [
+    /* @__PURE__ */ p("p", { children: [
       "This is some text: ",
       /* @__PURE__ */ o("span", { children: e })
     ] }),
-    /* @__PURE__ */ h(je, { children: [
+    /* @__PURE__ */ p(je, { children: [
       "This number will incremember when button pressed: ",
       t
     ] })
@@ -141,10 +141,10 @@ const Ct = Je(null), mn = {}, Cn = {}, xn = ({
   overrideActions: t = Cn,
   children: n
 }) => {
-  const [{ open: i }, r] = E({ open: !0 }), s = re((d) => {
+  const [{ open: i }, r] = E({ open: !0 }), s = ae((d) => {
     r({ open: d });
-  }, []), c = re(() => {
-    r((d) => k(a({}, d), { open: !d.open }));
+  }, []), c = ae(() => {
+    r((d) => y(a({}, d), { open: !d.open }));
   }, []), l = a(a({
     open: i,
     setOpen: s,
@@ -158,7 +158,7 @@ const Ct = Je(null), mn = {}, Cn = {}, xn = ({
   return e;
 }, wn = (e = {}) => a({
   open: !0
-}, e), Oo = Q(
+}, e), Bo = Q(
   (e = wn(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(xn, { overrideState: e, overrideActions: t, children: n })
 ), Eo = Q(() => ({ children: e }) => /* @__PURE__ */ o(jt, { children: e })), Re = 7, Fo = R(st)(({ theme: e }) => ({
   backgroundColor: "black",
@@ -242,7 +242,7 @@ function No({
   children: t
 }) {
   const { open: n } = vn();
-  return /* @__PURE__ */ h(pn, { className: q.root, "data-testid": e, children: [
+  return /* @__PURE__ */ p(pn, { className: q.root, "data-testid": e, children: [
     /* @__PURE__ */ o(Jt, {}),
     /* @__PURE__ */ o(
       fn,
@@ -256,7 +256,7 @@ function No({
     )
   ] });
 }
-const An = 24, Sn = 64, G = "TopBar", O = {
+const An = 24, Sn = 64, G = "TopBar", B = {
   topStripe: `${G}-topStripe`,
   titleBar: `${G}-titleBar`,
   titleSlider: `${G}-titleSlider`,
@@ -270,18 +270,18 @@ const An = 24, Sn = 64, G = "TopBar", O = {
   var i, r;
   return {
     width: "100%",
-    [`& .${O.topStripe}`]: {
+    [`& .${B.topStripe}`]: {
       width: "100%",
       height: `${An}px`,
       backgroundColor: e.palette.primary.main
     },
-    [`& .${O.titleBar}`]: {
+    [`& .${B.titleBar}`]: {
       backgroundColor: e.palette.primary.light,
       height: `${Sn}px`,
       padding: e.spacing(0, 3),
       width: "100%"
     },
-    [`& .${O.titleSlider}`]: a(a({
+    [`& .${B.titleSlider}`]: a(a({
       height: "100%",
       display: "flex",
       alignItems: "center",
@@ -290,14 +290,14 @@ const An = 24, Sn = 64, G = "TopBar", O = {
         easing: e.transitions.easing.sharp,
         duration: e.transitions.duration.leavingScreen
       }),
-      [`& .${O.leftPanelButton}`]: {
+      [`& .${B.leftPanelButton}`]: {
         marginRight: e.spacing(2),
         flexGrow: 0
       },
-      [`& .${O.titleText}`]: {
+      [`& .${B.titleText}`]: {
         flexGrow: 1
       },
-      [`& .${O.rightPanelButton}`]: {
+      [`& .${B.rightPanelButton}`]: {
         flexGrow: 0
       }
     }, (t == null ? void 0 : t.open) && {
@@ -321,13 +321,13 @@ function Dn({
   rightPanel: n,
   "data-testid": i
 }) {
-  return /* @__PURE__ */ h(bn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
-    /* @__PURE__ */ o("div", { className: O.topStripe }),
-    /* @__PURE__ */ o("div", { className: O.titleBar, children: /* @__PURE__ */ h(I, { className: O.titleSlider, children: [
-      t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ h(
-        J,
+  return /* @__PURE__ */ p(bn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
+    /* @__PURE__ */ o("div", { className: B.topStripe }),
+    /* @__PURE__ */ o("div", { className: B.titleBar, children: /* @__PURE__ */ p(I, { className: B.titleSlider, children: [
+      t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ p(
+        Z,
         {
-          className: O.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(B, { className: O.titleText, variant: "h6", noWrap: !0, children: e }),
-      n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ h(
-        J,
+      /* @__PURE__ */ o(O, { className: B.titleText, variant: "h6", noWrap: !0, children: e }),
+      n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ p(
+        Z,
         {
-          className: O.rightPanelButton,
+          className: B.rightPanelButton,
           color: "inherit",
           "aria-label": "Open right side panel",
           onClick: n == null ? void 0 : n.onOpen,
@@ -390,7 +390,7 @@ const xt = 400, kn = Ae(we, {
   })
 ), yn = Ae(I, {
   shouldForwardProp: (e) => !["anchor"].includes(e)
-})(({ theme: e, anchor: t }) => k(a({
+})(({ theme: e, anchor: t }) => y(a({
   display: "flex",
   alignItems: "center",
   padding: e.spacing(2)
@@ -420,41 +420,41 @@ function We({
   debugOpacity: l = !1,
   headerBoxProps: d = {},
   onOpened: u,
-  onClosed: m,
-  "data-testid": f,
+  onClosed: f,
+  "data-testid": m,
   navBarOpen: v = !1,
-  navBarWidthOpen: p = 0,
-  navBarWidthClosed: S = 0
+  navBarWidthOpen: h = 0,
+  navBarWidthClosed: b = 0
 }) {
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ p(
     kn,
     {
       SlideProps: {
         onEntered: () => u == null ? void 0 : u(),
-        onExited: () => m == null ? void 0 : m()
+        onExited: () => f == null ? void 0 : f()
       },
       variant: "persistent",
       anchor: t,
       open: n,
       width: s,
       debugOpacity: l,
-      "data-testid": f,
+      "data-testid": m,
       navBarOpen: v,
-      navBarWidthOpen: p,
-      navBarWidthClosed: S,
+      navBarWidthOpen: h,
+      navBarWidthClosed: b,
       children: [
-        /* @__PURE__ */ o(yn, k(a({ anchor: t }, d), { children: t === "left" ? /* @__PURE__ */ h(F, { children: [
-          /* @__PURE__ */ o(B, { variant: "h6", color: "inherit", component: "div", children: r }),
-          c && /* @__PURE__ */ h(J, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
+        /* @__PURE__ */ o(yn, y(a({ anchor: t }, d), { children: t === "left" ? /* @__PURE__ */ p(F, { children: [
+          /* @__PURE__ */ o(O, { variant: "h6", color: "inherit", component: "div", children: r }),
+          c && /* @__PURE__ */ p(Z, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
             /* @__PURE__ */ o(ct, { "data-testid": "arrowbackicon" }),
             " "
           ] })
-        ] }) : /* @__PURE__ */ h(F, { children: [
-          c && /* @__PURE__ */ h(J, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
+        ] }) : /* @__PURE__ */ p(F, { children: [
+          c && /* @__PURE__ */ p(Z, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
             /* @__PURE__ */ o(lt, {}),
             " "
           ] }),
-          /* @__PURE__ */ o(B, { variant: "h6", color: "inherit", component: "div", children: r })
+          /* @__PURE__ */ o(O, { variant: "h6", color: "inherit", component: "div", children: r })
         ] }) })),
         e
       ]
@@ -491,7 +491,7 @@ const In = R(I, {
   paddingTop: e.spacing(3),
   paddingBottom: e.spacing(3)
   // TODO: Remove max width
-})), me = !1, Ce = !1, oe = {
+})), me = !1, Ce = !1, ie = {
   titleText: "",
   flavour: "push",
   width: xt,
@@ -515,11 +515,11 @@ function Lo({
   pageContentDataTestId: l,
   topBarDataTestId: d,
   navBarOpen: u,
-  navBarWidthOpen: m,
-  navBarWidthClosed: f
+  navBarWidthOpen: f,
+  navBarWidthClosed: m
 }) {
-  const [v, p] = E(me), [S, y] = E(Ce), [b, $] = E(me), [T, P] = E(Ce), N = n !== void 0, D = i !== void 0, {
-    titleText: A,
+  const [v, h] = E(me), [b, A] = E(Ce), [D, $] = E(me), [T, P] = E(Ce), N = n !== void 0, k = i !== void 0, {
+    titleText: S,
     content: H,
     flavour: W,
     open: g,
@@ -527,53 +527,53 @@ function Lo({
     width: x,
     arrowButtons: w,
     startOpen: M,
-    onOpened: j,
+    onOpened: ee,
     onClosed: le,
-    dataTestId: Bt
-  } = n ? a(a({}, oe), n) : a({}, oe), {
-    titleText: Ot,
+    dataTestId: Ot
+  } = n ? a(a({}, ie), n) : a({}, ie), {
+    titleText: Bt,
     content: Et,
     flavour: ye,
     open: ce,
     onChangeOpen: Ie,
     width: de,
-    arrowButtons: ee,
-    startOpen: te,
+    arrowButtons: te,
+    startOpen: ne,
     onOpened: Ft,
     onClosed: Pt,
     dataTestId: Nt
-  } = i ? a(a({}, oe), i) : a({}, oe);
+  } = i ? a(a({}, ie), i) : a({}, ie);
   K(() => {
-    M !== me && (p(M), $(M));
+    M !== me && (h(M), $(M));
   }, [M]), K(() => {
-    te !== Ce && (y(te), P(te));
-  }, [te]);
-  const ue = g === void 0 ? v : g, pe = ce === void 0 ? S : ce, $e = (z) => {
-    g === void 0 && (p(z), r && D && (z ? (y(!1), P(S)) : y(T))), C && C(z);
+    ne !== Ce && (A(ne), P(ne));
+  }, [ne]);
+  const ue = g === void 0 ? v : g, pe = ce === void 0 ? b : ce, $e = (z) => {
+    g === void 0 && (h(z), r && k && (z ? (A(!1), P(b)) : A(T))), C && C(z);
   }, Te = (z) => {
-    ce === void 0 && (y(z), r && N && (z ? (p(!1), $(v)) : p(b))), Ie && Ie(z);
+    ce === void 0 && (A(z), r && N && (z ? (h(!1), $(v)) : h(D))), Ie && Ie(z);
   };
-  return /* @__PURE__ */ h(I, { children: [
+  return /* @__PURE__ */ p(I, { children: [
     N && /* @__PURE__ */ o(
       We,
       {
-        "data-testid": Bt,
+        "data-testid": Ot,
         anchor: "left",
         open: ue,
         onClose: () => $e(!1),
         width: x,
-        titleText: A,
+        titleText: S,
         debugOpacity: s,
         showCloseArrow: w === "both" || w === "close",
-        onOpened: j,
+        onOpened: ee,
         onClosed: le,
         navBarOpen: u,
-        navBarWidthOpen: m,
-        navBarWidthClosed: f,
+        navBarWidthOpen: f,
+        navBarWidthClosed: m,
         children: H
       }
     ),
-    D && /* @__PURE__ */ o(
+    k && /* @__PURE__ */ o(
       We,
       {
         "data-testid": Nt,
@@ -581,14 +581,14 @@ function Lo({
         open: pe,
         onClose: () => Te(!1),
         width: de,
-        titleText: Ot,
+        titleText: Bt,
         debugOpacity: s,
-        showCloseArrow: ee === "both" || ee === "close",
+        showCloseArrow: te === "both" || te === "close",
         onOpened: Ft,
         onClosed: Pt,
         navBarOpen: u,
-        navBarWidthOpen: m,
-        navBarWidthClosed: f,
+        navBarWidthOpen: f,
+        navBarWidthClosed: m,
         children: Et
       }
     ),
@@ -604,18 +604,18 @@ function Lo({
           onOpen: () => $e(!0),
           showOpenArrow: w === "both" || w === "open"
         }
-      } : {}), D && ye === "push" ? {
+      } : {}), k && ye === "push" ? {
         rightPanel: {
           open: pe,
           width: de,
           onOpen: () => Te(!0),
-          showOpenArrow: ee === "both" || ee === "open"
+          showOpenArrow: te === "both" || te === "open"
         }
       } : {})
     ),
     /* @__PURE__ */ o(
       In,
-      k(a(a({}, W === "push" ? {
+      y(a(a({}, W === "push" ? {
         leftPanel: {
           open: ue,
           width: x
@@ -626,7 +626,7 @@ function Lo({
           width: de
         }
       } : {}), {
-        children: /* @__PURE__ */ o($n, k(a({ "data-testid": l }, c), { children: e }))
+        children: /* @__PURE__ */ o($n, y(a({ "data-testid": l }, c), { children: e }))
       })
     )
   ] });
@@ -634,15 +634,15 @@ function Lo({
 const vt = () => {
   const e = se();
   return Ht(e.breakpoints.down("sm"));
-}, Tn = 64, Bn = 72, On = 256, Z = _(!0), wt = _(On), At = _(Bn), ve = _(""), En = _(void 0), St = _(Tn), bt = _(void 0);
+}, Tn = 64, On = 72, Bn = 256, j = _(!0), wt = _(Bn), At = _(On), ve = _(""), En = _(void 0), St = _(Tn), bt = _(void 0);
 function Fn({ links: e }) {
   return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
 }
-const ie = "Navbar", Y = {
-  root: `${ie}-root`,
-  menuButton: `${ie}-menuButton`,
-  hide: `${ie}-hide`,
-  content: `${ie}-content`
+const re = "Navbar", Y = {
+  root: `${re}-root`,
+  menuButton: `${re}-menuButton`,
+  hide: `${re}-hide`,
+  content: `${re}-content`
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
@@ -702,10 +702,10 @@ const ie = "Navbar", Y = {
   boxSizing: "border-box",
   display: "flex",
   flexDirection: "column"
-}, t && k(a({}, ze(e, n)), {
+}, t && y(a({}, ze(e, n)), {
   backgroundColor: "",
   "& .MuiDrawer-paper": ze(e, n)
-})), !t && k(a({}, Ue(e, r ? n : i)), {
+})), !t && y(a({}, Ue(e, r ? n : i)), {
   backgroundColor: "",
   "& .MuiDrawer-paper": Ue(e, r ? n : i)
 })));
@@ -720,7 +720,7 @@ function _n(e) {
 const Ge = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], Ve = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
 function Mn({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
   const r = se();
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ p(
     I,
     {
       sx: {
@@ -761,7 +761,7 @@ function Mn({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
               transition: n ? X(r, ["width", "height"], "entering") : X(r, ["width", "height"], "leaving"),
               aspectRatio: 1
             },
-            children: e != null && e.name ? /* @__PURE__ */ o(F, { children: /* @__PURE__ */ h(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(F, { children: /* @__PURE__ */ p(Me, { src: e == null ? void 0 : e.picture, name: e == null ? void 0 : e.name, round: !0, size: n ? "80" : "32", children: [
               " ",
               Ve(e == null ? void 0 : e.name),
               " ",
@@ -769,9 +769,9 @@ function Mn({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
             ] }) }) : /* @__PURE__ */ o(Me, {})
           }
         ),
-        /* @__PURE__ */ o(Nn, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(zt, { in: n, children: /* @__PURE__ */ h(I, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
-          e != null && e.name ? /* @__PURE__ */ o(B, { children: e == null ? void 0 : e.name }) : /* @__PURE__ */ o(Ne, { animation: !1, width: "50%" }),
-          t ? /* @__PURE__ */ o(B, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Ne, { animation: !1, width: "25%" })
+        /* @__PURE__ */ o(Nn, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(zt, { in: n, children: /* @__PURE__ */ p(I, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
+          e != null && e.name ? /* @__PURE__ */ o(O, { children: e == null ? void 0 : e.name }) : /* @__PURE__ */ o(Ne, { animation: !1, width: "50%" }),
+          t ? /* @__PURE__ */ o(O, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Ne, { animation: !1, width: "25%" })
         ] }) }) })
       ]
     }
@@ -789,30 +789,30 @@ function Rn({
   domainCode: d,
   useNewAvatar: u = !1
 }) {
-  const m = vt(), f = dt(Z);
-  return /* @__PURE__ */ o(Pn, { className: Y.root, "data-testid": i, children: /* @__PURE__ */ h(
+  const f = vt(), m = dt(j);
+  return /* @__PURE__ */ o(Pn, { className: Y.root, "data-testid": i, children: /* @__PURE__ */ p(
     Ln,
     {
       open: e,
       widthOpen: n,
       widthClosed: t,
       anchor: "left",
-      variant: m ? "temporary" : "permanent",
+      variant: f ? "temporary" : "permanent",
       PaperProps: {
         component: "nav"
       },
       onClose: () => {
-        f(!1);
+        m(!1);
       },
-      isSmallScreen: m,
+      isSmallScreen: f,
       children: [
-        !m && /* @__PURE__ */ o(Ut, {}),
-        r && /* @__PURE__ */ h(I, { flexGrow: "0", children: [
+        !f && /* @__PURE__ */ o(Ut, {}),
+        r && /* @__PURE__ */ p(I, { flexGrow: "0", children: [
           r,
           /* @__PURE__ */ o(Le, { variant: "middle", sx: { marginY: "0.5rem" } })
         ] }),
         /* @__PURE__ */ o(I, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ o(Fn, { links: s }) : s }),
-        /* @__PURE__ */ h(I, { flexGrow: "0", children: [
+        /* @__PURE__ */ p(I, { flexGrow: "0", children: [
           /* @__PURE__ */ o(Le, { variant: "middle", sx: { marginY: "0.5rem" } }),
           /* @__PURE__ */ o(Mn, { user: l, domainCode: d, open: e, useNewAvatar: u }),
           c && /* @__PURE__ */ o(F, { children: c })
@@ -857,8 +857,8 @@ function Un({
   "data-testid": n,
   middle: i
 }) {
-  const r = dt(Z), s = () => r((d) => !d), c = se(), l = vt();
-  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ h(
+  const r = dt(j), s = () => r((d) => !d), c = se(), l = vt();
+  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ p(
     je,
     {
       square: !0,
@@ -877,7 +877,7 @@ function Un({
       },
       children: [
         /* @__PURE__ */ o(
-          J,
+          Z,
           {
             size: "medium",
             color: "inherit",
@@ -886,7 +886,7 @@ function Un({
             children: /* @__PURE__ */ o(en, { fontSize: "medium" })
           }
         ),
-        /* @__PURE__ */ o(B, { className: zn.titleText, variant: "h6", component: "h1", children: e }),
+        /* @__PURE__ */ o(O, { className: zn.titleText, variant: "h6", component: "h1", children: e }),
         i
       ]
     }
@@ -903,26 +903,26 @@ function _o({
   navBarMiddle: l,
   navBarBottom: d,
   user: u,
-  domainCode: m,
-  useNewAvatar: f = !1
+  domainCode: f,
+  useNewAvatar: m = !1
 }) {
   pt([
-    [Z, n != null ? n : !0],
+    [j, n != null ? n : !0],
     [ve, t != null ? t : ""]
   ]);
-  const v = _e(Z), [p] = V(wt), [S] = V(At), y = _e(ve), [b] = V(St), [$] = V(En), [T] = V(bt);
-  return /* @__PURE__ */ h(I, { children: [
+  const v = _e(j), [h] = V(wt), [b] = V(At), A = _e(ve), [D] = V(St), [$] = V(En), [T] = V(bt);
+  return /* @__PURE__ */ p(I, { children: [
     /* @__PURE__ */ o(Gt, {}),
     /* @__PURE__ */ o(
       Un,
       {
-        titleText: y,
+        titleText: A,
         "data-testid": s,
-        height: b,
+        height: D,
         middle: $
       }
     ),
-    /* @__PURE__ */ h(I, { sx: { display: "flex" }, children: [
+    /* @__PURE__ */ p(I, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ o(
         Rn,
         {
@@ -931,19 +931,19 @@ function _o({
           middle: l,
           bottom: d,
           user: u,
-          domainCode: m,
-          widthOpen: p,
-          widthClosed: S,
-          offsetTop: b,
+          domainCode: f,
+          widthOpen: h,
+          widthClosed: b,
+          offsetTop: D,
           "data-testid": c,
-          useNewAvatar: f
+          useNewAvatar: m
         }
       ),
       /* @__PURE__ */ o(
         Hn,
-        k(a({
+        y(a({
           "data-testid": r,
-          topBarHeight: b
+          topBarHeight: D
         }, i), {
           children: e
         })
@@ -962,45 +962,45 @@ const kt = ({
   sx: l,
   "data-testid": d,
   disableCloseOnBackdropOrEscape: u = !1,
-  isLoading: m = !1
+  isLoading: f = !1
 }) => {
-  var p, S;
-  const [f, v] = E(!1);
-  return /* @__PURE__ */ h(
+  var h, b;
+  const [m, v] = E(!1);
+  return /* @__PURE__ */ p(
     tt,
     {
       open: e,
-      onClose: (y, b) => L(void 0, null, function* () {
-        u && (b === "backdropClick" || b === "escapeKeyDown") || f || (s != null && s.onClick ? yield s.onClick() : c());
+      onClose: (A, D) => L(void 0, null, function* () {
+        u && (D === "backdropClick" || D === "escapeKeyDown") || m || (s != null && s.onClick ? yield s.onClick() : c());
       }),
       fullWidth: !0,
       maxWidth: i != null ? i : "xs",
       "data-testid": d,
       sx: l,
       children: [
-        m && /* @__PURE__ */ o(nt, { sx: { height: "4px", marginBottom: "-4px" } }),
+        f && /* @__PURE__ */ o(nt, { sx: { height: "4px", marginBottom: "-4px" } }),
         /* @__PURE__ */ o(ot, { children: t }),
         /* @__PURE__ */ o(it, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
-        /* @__PURE__ */ h(rt, { children: [
+        /* @__PURE__ */ p(rt, { children: [
           /* @__PURE__ */ o(
-            ae,
+            J,
             {
-              onClick: (p = s == null ? void 0 : s.onClick) != null ? p : c,
+              onClick: (h = s == null ? void 0 : s.onClick) != null ? h : c,
               "data-testid": s == null ? void 0 : s.testId,
-              disabled: (s == null ? void 0 : s.disabled) || f,
+              disabled: (s == null ? void 0 : s.disabled) || m,
               color: s == null ? void 0 : s.buttonColor,
-              children: (S = s == null ? void 0 : s.text) != null ? S : "Cancel"
+              children: (b = s == null ? void 0 : s.text) != null ? b : "Cancel"
             }
           ),
           r && /* @__PURE__ */ o(
-            ae,
+            J,
             {
               onClick: () => L(void 0, null, function* () {
-                var y;
-                v(!0), yield (y = r.onClick) == null ? void 0 : y.call(r), v(!1);
+                var A;
+                v(!0), yield (A = r.onClick) == null ? void 0 : A.call(r), v(!1);
               }),
               "data-testid": r.testId,
-              disabled: r.disabled || f,
+              disabled: r.disabled || m,
               color: r == null ? void 0 : r.buttonColor,
               children: r.text
             }
@@ -1033,27 +1033,27 @@ function Mo({
   sx: l,
   boxSx: d,
   textFieldColor: u,
-  textFieldVariant: m = "filled",
-  loadingText: f = "Loading...",
+  textFieldVariant: f = "filled",
+  loadingText: m = "Loading...",
   noOptionsText: v = "No options",
-  popupIcon: p = /* @__PURE__ */ o(nn, {}),
-  error: S = !1,
-  helperText: y = "",
-  preLoadedOptions: b = void 0,
+  popupIcon: h = /* @__PURE__ */ o(nn, {}),
+  error: b = !1,
+  helperText: A = "",
+  preLoadedOptions: D = void 0,
   disablePortal: $ = !1,
   disableIconFlip: T = !1
 }) {
-  const [P, N] = E(""), D = (g, C) => {
+  const [P, N] = E(""), k = (g, C) => {
     const x = s.filter((w) => w.id !== C);
     n(x, "delete", g);
-  }, { data: A, isLoading: H } = yt({
+  }, { data: S, isLoading: H } = yt({
     inputValue: P,
     label: r,
     lookup: e,
     minLength: i,
-    preLoadedOptions: b
+    preLoadedOptions: D
   }), W = P.length >= i;
-  return /* @__PURE__ */ h("div", { "data-testid": c, children: [
+  return /* @__PURE__ */ p("div", { "data-testid": c, children: [
     /* @__PURE__ */ o(
       Se,
       {
@@ -1063,7 +1063,7 @@ function Mo({
         multiple: !0,
         getOptionLabel: (g) => typeof g == "string" ? g : g.label,
         loading: W ? H : !1,
-        options: [...s, ...A != null ? A : []],
+        options: [...s, ...S != null ? S : []],
         filterSelectedOptions: !0,
         includeInputInList: !0,
         value: s,
@@ -1072,18 +1072,18 @@ function Mo({
         },
         onInputChange: (g, C) => N(C),
         noOptionsText: W ? v : "Start typing to search",
-        loadingText: f,
-        popupIcon: p,
+        loadingText: m,
+        popupIcon: h,
         renderInput: (g) => /* @__PURE__ */ o(
           be,
-          k(a({}, g), {
+          y(a({}, g), {
             label: r,
             fullWidth: !0,
-            variant: m,
-            error: S,
-            helperText: y,
-            InputProps: k(a({}, g.InputProps), {
-              endAdornment: /* @__PURE__ */ h(F, { children: [
+            variant: f,
+            error: b,
+            helperText: A,
+            InputProps: y(a({}, g.InputProps), {
+              endAdornment: /* @__PURE__ */ p(F, { children: [
                 H ? /* @__PURE__ */ o(De, { color: "inherit", size: 20 }) : null,
                 g.InputProps.endAdornment
               ] })
@@ -1105,17 +1105,17 @@ function Mo({
             }), M = an(C.label, w);
             return /* @__PURE__ */ xe(
               "li",
-              k(a({}, g), {
+              y(a({}, g), {
                 key: C.id,
                 "data-testid": c ? `${c}:Autocomplete:option(${C.id.toString()})` : void 0
               }),
-              /* @__PURE__ */ o("div", { children: M.map((j, le) => /* @__PURE__ */ o(
+              /* @__PURE__ */ o("div", { children: M.map((ee, le) => /* @__PURE__ */ o(
                 "span",
                 {
                   style: {
-                    fontWeight: j.highlight ? 700 : 400
+                    fontWeight: ee.highlight ? 700 : 400
                   },
-                  children: j.text
+                  children: ee.text
                 },
                 le
               )) })
@@ -1123,7 +1123,7 @@ function Mo({
           } else
             return /* @__PURE__ */ xe(
               "li",
-              k(a({}, g), {
+              y(a({}, g), {
                 key: C.id,
                 "data-testid": c ? `${c}:option(${C.id.toString()})` : void 0
               }),
@@ -1155,11 +1155,11 @@ function Mo({
                 }
               ]
             },
-            children: /* @__PURE__ */ o(B, { style: { whiteSpace: "normal" }, children: g.chipLabel ? g.chipLabel : g.label })
+            children: /* @__PURE__ */ o(O, { style: { whiteSpace: "normal" }, children: g.chipLabel ? g.chipLabel : g.label })
           }
         ),
         "data-testid": c ? `${c}:Chip(${g.id.toString()})` : void 0,
-        onDelete: (C) => D(C, g.id),
+        onDelete: (C) => k(C, g.id),
         deleteIcon: /* @__PURE__ */ o(
           tn,
           {
@@ -1183,60 +1183,60 @@ const Ro = ({
   "data-testid": l,
   noOptionsText: d = "No options",
   minLength: u = 3,
-  disablePortal: m = !1,
-  preLoadedOptions: f,
+  disablePortal: f = !1,
+  preLoadedOptions: m,
   helperText: v = "",
-  disabled: p,
-  popupIcon: S,
-  disableIconFlip: y
+  disabled: h,
+  popupIcon: b,
+  disableIconFlip: A
 }) => {
-  const [b, $] = E(""), { data: T, isLoading: P } = yt({
-    inputValue: b,
+  const [D, $] = E(""), { data: T, isLoading: P } = yt({
+    inputValue: D,
     label: n,
     lookup: e,
     minLength: u != null ? u : 0,
-    preLoadedOptions: f
-  }), N = b.length >= u;
+    preLoadedOptions: m
+  }), N = D.length >= u;
   return /* @__PURE__ */ o("div", { "data-testid": l, children: /* @__PURE__ */ o(Xt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
     Se,
     {
-      sx: a(a({}, r), y ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
+      sx: a(a({}, r), A ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
       "data-testid": l ? `${l}:Autocomplete` : void 0,
       loading: N ? P : !1,
       options: T != null ? T : [],
-      onChange: (D, A) => {
-        t(D, A);
+      onChange: (k, S) => {
+        t(k, S);
       },
-      disablePortal: m,
-      filterOptions: (D) => D,
+      disablePortal: f,
+      filterOptions: (k) => k,
       value: i,
       noOptionsText: N ? d : "Start typing to search",
-      getOptionLabel: (D) => D.label,
-      popupIcon: S,
-      renderInput: (D) => /* @__PURE__ */ o(
+      getOptionLabel: (k) => k.label,
+      popupIcon: b,
+      renderInput: (k) => /* @__PURE__ */ o(
         be,
-        k(a({
+        y(a({
           "data-testid": l ? `${l}:Autocomplete:TextField` : void 0
-        }, D), {
+        }, k), {
           variant: c,
           label: n,
           color: s,
           helperText: v
         })
       ),
-      isOptionEqualToValue: (D, A) => D.id === A.id,
-      onInputChange: (D, A) => {
-        $(A);
+      isOptionEqualToValue: (k, S) => k.id === S.id,
+      onInputChange: (k, S) => {
+        $(S);
       },
-      renderOption: (D, A) => /* @__PURE__ */ xe(
+      renderOption: (k, S) => /* @__PURE__ */ xe(
         "li",
-        k(a({}, D), {
-          key: A.id,
-          "data-testid": l ? `${l}:Autocomplete:option(${A.id.toString()})` : void 0
+        y(a({}, k), {
+          key: S.id,
+          "data-testid": l ? `${l}:Autocomplete:option(${S.id.toString()})` : void 0
         }),
-        A.label
+        S.label
       ),
-      disabled: p
+      disabled: h
     }
   ) }) });
 }, Gn = (e) => {
@@ -1265,8 +1265,8 @@ const Ro = ({
   return K(() => {
     (() => L(void 0, null, function* () {
       if (s > 0) {
-        const v = yield r({ cacheMode: "off" }), p = Gn(v) * 1e3;
-        n(p);
+        const v = yield r({ cacheMode: "off" }), h = Gn(v) * 1e3;
+        n(h);
       }
     }))();
   }, [s, r, n]), /* @__PURE__ */ o(
@@ -1320,12 +1320,12 @@ function Wo({
   onError: r = () => {
   }
 }) {
-  var f, v;
+  var m, v;
   const { isAuthenticated: s, isLoading: c, error: l, loginWithRedirect: d, logout: u } = ht();
   K(() => {
     l && r(l);
   }, [l, r]);
-  const m = Rt(
+  const f = Rt(
     () => ({
       appState: {
         returnTo: `${window.location.pathname}${window.location.search}`
@@ -1334,47 +1334,50 @@ function Wo({
     []
   );
   if (K(() => {
-    c || s || l || d(m);
-  }, [c, s, l, d, r, m]), l) {
+    c || s || l || d(f);
+  }, [c, s, l, d, r, f]), l) {
     if (i || console.error(
       `Error detected in AuthGuard [isAuthenticated=${s},isLoading=${c}]`,
       l
     ), n === "all")
       throw l;
     if (Vn(l)) {
-      let p = "Auth error", S = "An unknown Auth0 error occurred.";
+      let h = "Auth error", b = "An unknown Auth0 error occurred.";
       if (qn(l))
-        p = "Unauthorised", S = `You are not authorised to access ${t}.`;
+        h = "Unauthorised", b = `You are not authorised to access ${t}.`;
       else if (Xn(l))
-        p = "App not authorised", S = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`;
+        h = "App not authorised", b = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`;
       else if (Qn(l))
-        p = "Auth0 script execution time exceeded", S = "The Auth0 login flow exceeded the time limit (20s). Try again in a minute.";
-      else if (n === "unknown")
+        h = "Auth0 script execution time exceeded", b = "The Auth0 login flow exceeded the time limit (20s). Try again in a minute by clicking the RELOAD button below.";
+      else if (l.message === "Invalid state") {
+        const A = localStorage.getItem("auth0_redirect_count");
+        A ? A && parseInt(A) < 2 && (localStorage.setItem("auth0_redirect_count", String(parseInt(A) + 1)), d(f)) : (localStorage.setItem("auth0_redirect_count", "1"), d(f));
+      } else if (n === "unknown")
         throw l;
-      return /* @__PURE__ */ h(tt, { open: !0, children: [
-        /* @__PURE__ */ o(ot, { children: p }),
-        /* @__PURE__ */ h(it, { children: [
-          /* @__PURE__ */ o(B, { children: S }),
+      return /* @__PURE__ */ p(tt, { open: !0, children: [
+        /* @__PURE__ */ o(ot, { children: h }),
+        /* @__PURE__ */ p(it, { children: [
+          /* @__PURE__ */ o(O, { children: b }),
           /* @__PURE__ */ o("br", {}),
-          /* @__PURE__ */ o(B, { variant: "subtitle2", children: "Details from Auth0" }),
-          /* @__PURE__ */ h(B, { variant: "body2", children: [
+          /* @__PURE__ */ o(O, { variant: "subtitle2", children: "Details from Auth0" }),
+          /* @__PURE__ */ p(O, { variant: "body2", children: [
             "error: ",
-            (f = l == null ? void 0 : l.error) != null ? f : "N/A"
+            (m = l == null ? void 0 : l.error) != null ? m : "N/A"
           ] }),
-          /* @__PURE__ */ h(B, { variant: "body2", children: [
+          /* @__PURE__ */ p(O, { variant: "body2", children: [
             "description: ",
             (v = l == null ? void 0 : l.error_description) != null ? v : "N/A"
           ] })
         ] }),
-        /* @__PURE__ */ o(rt, { children: /* @__PURE__ */ o(ae, { onClick: () => u({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" }) })
+        /* @__PURE__ */ p(rt, { children: [
+          h === "Auth0 script execution time exceeded" && /* @__PURE__ */ o(J, { href: window.location.origin + window.location.pathname, children: "Reload" }),
+          /* @__PURE__ */ o(J, { onClick: () => u({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" })
+        ] })
       ] });
-    } else if (l.message === "Invalid state") {
-      const p = localStorage.getItem("auth0_redirect_count");
-      p && parseInt(p) < 2 && (localStorage.setItem("auth0_redirect_count", String(parseInt(p) + 1)), d(m));
     } else if (n === "unknown")
       throw l;
   }
-  return s ? /* @__PURE__ */ o(F, { children: e }) : /* @__PURE__ */ o(un, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
+  return s ? (localStorage.removeItem("auth0_redirect_count"), /* @__PURE__ */ o(F, { children: e })) : /* @__PURE__ */ o(un, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
 }
 const Yn = {
   autoHideDuration: 6e3,
@@ -1410,62 +1413,62 @@ function no(s) {
     "children"
   ]);
   var C;
-  const [{ open: l }, d] = E({ open: !1 }), u = ge([]), m = ge(Date.now()), f = ge(0), v = re((x) => {
+  const [{ open: l }, d] = E({ open: !1 }), u = ge([]), f = ge(Date.now()), m = ge(0), v = ae((x) => {
     d({ open: x });
-  }, []), p = re((x = {}) => {
-    f.current += 1, u.current.length >= Xe && Date.now() - m.current >= Qe && (m.current = Date.now(), console.error(
-      `SaladBarProvider: MAX_QUEUE_LENGTH (${Xe}) hit ${f.current} times in last ${Qe}ms)`
-    ), f.current = 0);
-    const w = a(k(a({}, qe), {
+  }, []), h = ae((x = {}) => {
+    m.current += 1, u.current.length >= Xe && Date.now() - f.current >= Qe && (f.current = Date.now(), console.error(
+      `SaladBarProvider: MAX_QUEUE_LENGTH (${Xe}) hit ${m.current} times in last ${Qe}ms)`
+    ), m.current = 0);
+    const w = a(y(a({}, qe), {
       key: Zn()
     }), x);
     return u.current.push(w), u.current.length === 1 && d({ open: !0 }), w.key;
-  }, []), S = (x = "", w = {}) => p(a({ message: x, severity: "success" }, w)), y = (x = "", w = {}) => p(a({ message: x, severity: "info" }, w)), b = (x = "", w = {}) => p(a({ message: x, severity: "warning" }, w)), $ = (x = "", w = {}) => p(a({ message: x, severity: "error" }, w)), T = (x) => {
+  }, []), b = (x = "", w = {}) => h(a({ message: x, severity: "success" }, w)), A = (x = "", w = {}) => h(a({ message: x, severity: "info" }, w)), D = (x = "", w = {}) => h(a({ message: x, severity: "warning" }, w)), $ = (x = "", w = {}) => h(a({ message: x, severity: "error" }, w)), T = (x) => {
     const w = u.current.findIndex((M) => M.key === x);
     if (w !== -1)
       return w === 0 ? (d({ open: !1 }), u.current[0]) : u.current.splice(w, 1);
   }, P = (x, w) => {
     n(x, w) && d({ open: !1 });
   }, N = () => {
-  }, D = () => {
+  }, k = () => {
     u.current.shift(), u.current.length > 0 && d({ open: !0 });
-  }, A = (C = u.current[0]) != null ? C : a({}, qe), H = {};
-  "autoHideDuration" in A && (H.autoHideDuration = A.autoHideDuration);
+  }, S = (C = u.current[0]) != null ? C : a({}, qe), H = {};
+  "autoHideDuration" in S && (H.autoHideDuration = S.autoHideDuration);
   const W = a(a({}, Yn), r), g = a(a({
     open: l,
     setOpen: v,
-    enqueueNotification: p,
-    enqueueSuccessNotification: S,
-    enqueueInfoNotification: y,
-    enqueueWarningNotification: b,
+    enqueueNotification: h,
+    enqueueSuccessNotification: b,
+    enqueueInfoNotification: A,
+    enqueueWarningNotification: D,
     enqueueErrorNotification: $,
     removeNotification: T
   }, e), t);
-  return /* @__PURE__ */ h(It.Provider, { value: g, children: [
+  return /* @__PURE__ */ p(It.Provider, { value: g, children: [
     i,
     /* @__PURE__ */ o(
       Qt,
-      k(a(a({}, W), H), {
+      y(a(a({}, W), H), {
         open: l,
         onClose: P,
         TransitionProps: {
-          onExited: D,
+          onExited: k,
           onExit: N
         },
         sx: { zIndex: Jn },
-        children: /* @__PURE__ */ h("div", { children: [
+        children: /* @__PURE__ */ p("div", { children: [
           /* @__PURE__ */ o(
             Yt,
             {
               onClose: (x) => P(x, "closeAlert"),
-              severity: A.severity,
+              severity: S.severity,
               variant: "filled",
-              icon: A.progressIndicator === "circular" ? /* @__PURE__ */ o(De, { size: "1em" }) : void 0,
-              style: A.progressIndicator === "linear" ? jn : void 0,
-              children: A.message
+              icon: S.progressIndicator === "circular" ? /* @__PURE__ */ o(De, { size: "1em" }) : void 0,
+              style: S.progressIndicator === "linear" ? jn : void 0,
+              children: S.message
             }
           ),
-          A.progressIndicator === "linear" && /* @__PURE__ */ o(nt, { color: "primary" })
+          S.progressIndicator === "linear" && /* @__PURE__ */ o(nt, { color: "primary" })
         ] })
       })
     )
@@ -1478,7 +1481,7 @@ function oo() {
   return e;
 }
 const zo = Q(
-  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(no, k(a({}, e), { overrideState: t, overrideActions: n, children: i }))
+  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(no, y(a({}, e), { overrideState: t, overrideActions: n, children: i }))
 ), io = on(), Uo = ({
   children: e,
   store: t
@@ -1514,31 +1517,31 @@ const Ye = _(
   applicationName: r,
   handleLogout: s
 }) => {
-  const [c, l] = V(Tt), [d, u] = E(c), { enqueueSuccessNotification: m } = oo(), f = i.length === 0, v = !!c && !i.includes(c) && !i.includes(d), p = !c || f || v, S = () => L(void 0, null, function* () {
-    d ? (l(d), m(`Set organisation to ${d}`), n()) : l("");
-  }), y = () => L(void 0, null, function* () {
-    c && !f && !v ? (u(c), n()) : p && s();
+  const [c, l] = V(Tt), [d, u] = E(c), { enqueueSuccessNotification: f } = oo(), m = i.length === 0, v = !!c && !i.includes(c) && !i.includes(d), h = !c || m || v, b = () => L(void 0, null, function* () {
+    d ? (l(d), f(`Set organisation to ${d}`), n()) : l("");
+  }), A = () => L(void 0, null, function* () {
+    c && !m && !v ? (u(c), n()) : h && s();
   });
-  let b;
-  return f ? b = "Unable to retrieve your active organisations. Try logging in again." : v && (b = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ h(
+  let D;
+  return m ? D = "Unable to retrieve your active organisations. Try logging in again." : v && (D = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ p(
     kt,
     {
       isOpen: t,
       dialogTitle: "Select an organisation",
       primaryButton: {
         text: "Confirm",
-        onClick: S,
-        disabled: !d || f || v,
+        onClick: b,
+        disabled: !d || m || v,
         buttonColor: "primary"
       },
       secondaryButton: {
-        text: p ? "Logout" : "Cancel",
-        onClick: y
+        text: h ? "Logout" : "Cancel",
+        onClick: A
       },
-      onClose: p ? () => {
+      onClose: h ? () => {
       } : n,
       children: [
-        /* @__PURE__ */ h(B, { marginBottom: 2, children: [
+        /* @__PURE__ */ p(O, { marginBottom: 2, children: [
           "Select the default organisation that you want to use with the ",
           r,
           "."
@@ -1555,11 +1558,11 @@ const Ye = _(
             options: [...i],
             renderInput: ($) => /* @__PURE__ */ o(
               be,
-              k(a({}, $), {
+              y(a({}, $), {
                 variant: "filled",
                 label: "Select organisation",
-                InputProps: k(a({}, $.InputProps), {
-                  endAdornment: /* @__PURE__ */ h(F, { children: [
+                InputProps: y(a({}, $.InputProps), {
+                  endAdornment: /* @__PURE__ */ p(F, { children: [
                     e ? /* @__PURE__ */ o(De, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
                     $.InputProps.endAdornment
                   ] })
@@ -1568,7 +1571,7 @@ const Ye = _(
             )
           }
         ),
-        b && /* @__PURE__ */ o(Kt, { error: !0, children: b })
+        D && /* @__PURE__ */ o(Kt, { error: !0, children: D })
       ]
     }
   );
@@ -1719,7 +1722,7 @@ const Ye = _(
   }
 }), so = {
   domainCode: Tt,
-  navBarOpen: Z,
+  navBarOpen: j,
   navBarWidthOpen: wt,
   navBarWidthClosed: At,
   titleText: ve,
@@ -1753,7 +1756,7 @@ export {
   It as Context,
   ke as ContextError,
   Go as DomainCodeDialog,
-  Bo as ExampleComponent,
+  Oo as ExampleComponent,
   Mo as FetchAutocomplete,
   lo as HydrateAtoms,
   ft as NAVBAR_WIDTH_CLOSED,
@@ -1773,7 +1776,7 @@ export {
   Gn as getAuth0Expiry,
   qo as internalAgSystemsTheme,
   q as navBarClasses,
-  Z as navBarOpenAtom,
+  j as navBarOpenAtom,
   bt as navBarTopAtom,
   At as navBarWidthClosedAtom,
   wt as navBarWidthOpenAtom,
@@ -1785,7 +1788,7 @@ export {
   oo as useSaladBar,
   Xo as withAtomProvider,
   Eo as withBrowserRouter,
-  Oo as withNavBarProvider,
+  Bo as withNavBarProvider,
   Qo as withOverrideDefaults,
   Yo as withQueryClient,
   zo as withSaladBarProvider