@australiangreens/ag-internal-components 0.0.99 → 0.1.1

package/dist/esm/index.js

@@ -1,44 +1,44 @@
 var Lt = Object.defineProperty, _t = Object.defineProperties;
 var Mt = Object.getOwnPropertyDescriptors;
-var te = Object.getOwnPropertySymbols;
-var Te = Object.prototype.hasOwnProperty, Be = Object.prototype.propertyIsEnumerable;
+var ne = Object.getOwnPropertySymbols;
+var Be = Object.prototype.hasOwnProperty, Oe = 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 = {}))
-    Te.call(t, n) && he(e, n, t[n]);
-  if (te)
-    for (var n of te(t))
-      Be.call(t, n) && he(e, n, t[n]);
+    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]);
   return e;
-}, k = (e, t) => _t(e, Mt(t));
+}, D = (e, t) => _t(e, Mt(t));
 var Ee = (e, t) => {
   var n = {};
   for (var i in e)
-    Te.call(e, i) && t.indexOf(i) < 0 && (n[i] = e[i]);
-  if (e != null && te)
-    for (var i of te(e))
-      t.indexOf(i) < 0 && Be.call(e, i) && (n[i] = e[i]);
+    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]);
   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 s = (l) => {
+  var s = (d) => {
     try {
-      d(n.next(l));
+      l(n.next(d));
     } catch (p) {
       r(p);
     }
-  }, c = (l) => {
+  }, c = (d) => {
     try {
-      d(n.throw(l));
+      l(n.throw(d));
     } catch (p) {
       r(p);
     }
-  }, d = (l) => l.done ? i(l.value) : Promise.resolve(l.value).then(s, c);
-  d((n = n.apply(e, t)).next());
+  }, l = (d) => d.done ? i(d.value) : Promise.resolve(d.value).then(s, c);
+  l((n = n.apply(e, t)).next());
 });
-import { jsxs as u, Fragment as E, jsx as o } from "react/jsx-runtime";
-import { useState as B, createContext as Je, useCallback as ie, useContext as Ze, useEffect as re, createElement as xe, useRef as ge } from "react";
-import { Typography as F, Button as ae, Paper as je, Box as y, Drawer as we, styled as Ae, IconButton as K, Container as et, useTheme as se, useMediaQuery as Rt, Collapse as Ht, Avatar as Pe, Fade as Wt, Skeleton as Ne, Toolbar as zt, Divider as Le, CssBaseline as Ut, Dialog as tt, LinearProgress as nt, DialogTitle as ot, DialogContent as it, DialogActions as rt, Autocomplete as be, TextField as Se, CircularProgress as ke, Chip as Gt, Tooltip as Vt, Stack as qt, Snackbar as Xt, Alert as Qt, FormHelperText as Yt } from "@mui/material";
+import { jsxs as u, 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, useRef as ge } from "react";
+import { Typography as B, Button as ae, Paper as je, Box as y, Drawer as we, styled as Ae, IconButton as J, Container as et, useTheme as se, useMediaQuery as Rt, Collapse as Ht, Avatar as Pe, Fade as Wt, Skeleton as Ne, Toolbar as zt, Divider as Le, CssBaseline as Ut, 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 Gt, Tooltip as Vt, Stack as qt, Snackbar as Xt, Alert as Qt, FormHelperText as Yt } from "@mui/material";
 import Kt from "@mui/material/CssBaseline";
 import { styled as R, createTheme as at, alpha as fe } from "@mui/material/styles";
 import { AgError as Jt } from "@australiangreens/ag-error";
@@ -55,11 +55,11 @@ import { useQuery as an, QueryClient as sn, QueryClientProvider as ln } from "@t
 import { useAuth0 as ht } from "@auth0/auth0-react";
 import { Buffer as cn } from "buffer";
 import dn from "@mui/material/Skeleton";
-function Oo({ text: e }) {
-  const [t, n] = B(0);
-  return /* @__PURE__ */ u(E, { children: [
-    /* @__PURE__ */ o(F, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
-    /* @__PURE__ */ o(F, { variant: "caption", display: "block", children: /* @__PURE__ */ o("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
+function To({ text: e }) {
+  const [t, n] = E(0);
+  return /* @__PURE__ */ u(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" }) }),
     /* @__PURE__ */ o(
       ae,
       {
@@ -133,34 +133,34 @@ const gt = 330, ft = 73, U = "Navbar", q = {
 }), !t && {
   "& .MuiDrawer-paper": hn()
 }));
-class De extends Jt {
+class ke extends Jt {
 }
-Fe(De, "errorName", "ContextError");
+Fe(ke, "errorName", "ContextError");
 const Ct = Je(null), fn = {}, mn = {}, Cn = ({
   overrideState: e = fn,
   overrideActions: t = mn,
   children: n
 }) => {
-  const [{ open: i }, r] = B({ open: !0 }), s = ie((l) => {
-    r({ open: l });
-  }, []), c = ie(() => {
-    r((l) => k(a({}, l), { open: !l.open }));
-  }, []), d = a(a({
+  const [{ open: i }, r] = E({ open: !0 }), s = re((d) => {
+    r({ open: d });
+  }, []), c = re(() => {
+    r((d) => D(a({}, d), { open: !d.open }));
+  }, []), l = a(a({
     open: i,
     setOpen: s,
     toggleOpen: c
   }, e), t);
-  return /* @__PURE__ */ o(Ct.Provider, { value: d, children: n });
+  return /* @__PURE__ */ o(Ct.Provider, { value: l, children: n });
 }, xn = () => {
   const e = Ze(Ct);
   if (e === null)
-    throw new De("Error: Tried to useNavBar outside of a <NavBarProvider>");
+    throw new ke("Error: Tried to useNavBar outside of a <NavBarProvider>");
   return e;
 }, vn = (e = {}) => a({
   open: !0
-}, e), To = Q(
+}, e), Bo = Q(
   (e = vn(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(Cn, { overrideState: e, overrideActions: t, children: n })
-), Bo = Q(() => ({ children: e }) => /* @__PURE__ */ o(Zt, { children: e })), Re = 7, Eo = R(st)(({ theme: e }) => ({
+), Oo = Q(() => ({ children: e }) => /* @__PURE__ */ o(Zt, { children: e })), Re = 7, Eo = R(st)(({ theme: e }) => ({
   backgroundColor: "black",
   color: "white",
   "& .MuiListItem-root": {
@@ -256,32 +256,32 @@ function Po({
     )
   ] });
 }
-const wn = 24, An = 64, G = "TopBar", T = {
+const wn = 24, An = 64, G = "TopBar", O = {
   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%",
-    [`& .${T.topStripe}`]: {
+    [`& .${O.topStripe}`]: {
       width: "100%",
       height: `${wn}px`,
       backgroundColor: e.palette.primary.main
     },
-    [`& .${T.titleBar}`]: {
+    [`& .${O.titleBar}`]: {
       backgroundColor: e.palette.primary.light,
       height: `${An}px`,
       padding: e.spacing(0, 3),
       width: "100%"
     },
-    [`& .${T.titleSlider}`]: a(a({
+    [`& .${O.titleSlider}`]: a(a({
       height: "100%",
       display: "flex",
       alignItems: "center",
@@ -290,14 +290,14 @@ const wn = 24, An = 64, G = "TopBar", T = {
         easing: e.transitions.easing.sharp,
         duration: e.transitions.duration.leavingScreen
       }),
-      [`& .${T.leftPanelButton}`]: {
+      [`& .${O.leftPanelButton}`]: {
         marginRight: e.spacing(2),
         flexGrow: 0
       },
-      [`& .${T.titleText}`]: {
+      [`& .${O.titleText}`]: {
         flexGrow: 1
       },
-      [`& .${T.rightPanelButton}`]: {
+      [`& .${O.rightPanelButton}`]: {
         flexGrow: 0
       }
     }, (t == null ? void 0 : t.open) && {
@@ -315,19 +315,19 @@ const wn = 24, An = 64, G = "TopBar", T = {
     })
   };
 });
-function Sn({
+function bn({
   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: T.topStripe }),
-    /* @__PURE__ */ o("div", { className: T.titleBar, children: /* @__PURE__ */ u(y, { className: T.titleSlider, children: [
+  return /* @__PURE__ */ u(Sn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
+    /* @__PURE__ */ o("div", { className: O.topStripe }),
+    /* @__PURE__ */ o("div", { className: O.titleBar, children: /* @__PURE__ */ u(y, { className: O.titleSlider, children: [
       t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ u(
-        K,
+        J,
         {
-          className: T.leftPanelButton,
+          className: O.leftPanelButton,
           color: "inherit",
           "aria-label": "Open left side panel",
           onClick: t == null ? void 0 : t.onOpen,
@@ -339,11 +339,11 @@ function Sn({
           ]
         }
       ),
-      /* @__PURE__ */ o(F, { className: T.titleText, variant: "h6", noWrap: !0, children: e }),
+      /* @__PURE__ */ o(B, { className: O.titleText, variant: "h6", noWrap: !0, children: e }),
       n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ u(
-        K,
+        J,
         {
-          className: T.rightPanelButton,
+          className: O.rightPanelButton,
           color: "inherit",
           "aria-label": "Open right side panel",
           onClick: n == null ? void 0 : n.onOpen,
@@ -358,7 +358,7 @@ function Sn({
     ] }) })
   ] });
 }
-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`
     }))
   })
-), Dn = Ae(y, {
+), kn = Ae(y, {
   shouldForwardProp: (e) => !["anchor"].includes(e)
-})(({ theme: e, anchor: t }) => k(a({
+})(({ theme: e, anchor: t }) => D(a({
   display: "flex",
   alignItems: "center",
   padding: e.spacing(2)
@@ -417,44 +417,44 @@ function We({
   titleText: r = "",
   width: s = xt,
   showCloseArrow: c = !0,
-  debugOpacity: d = !1,
-  headerBoxProps: l = {},
+  debugOpacity: l = !1,
+  headerBoxProps: d = {},
   onOpened: p,
-  onClosed: v,
-  "data-testid": C,
-  navBarOpen: A = !1,
-  navBarWidthOpen: g = 0,
+  onClosed: C,
+  "data-testid": f,
+  navBarOpen: m = !1,
+  navBarWidthOpen: h = 0,
   navBarWidthClosed: $ = 0
 }) {
   return /* @__PURE__ */ u(
-    kn,
+    Dn,
     {
       SlideProps: {
         onEntered: () => p == null ? void 0 : p(),
-        onExited: () => v == null ? void 0 : v()
+        onExited: () => C == null ? void 0 : C()
       },
       variant: "persistent",
       anchor: t,
       open: n,
       width: s,
-      debugOpacity: d,
-      "data-testid": C,
-      navBarOpen: A,
-      navBarWidthOpen: g,
+      debugOpacity: l,
+      "data-testid": f,
+      navBarOpen: m,
+      navBarWidthOpen: h,
       navBarWidthClosed: $,
       children: [
-        /* @__PURE__ */ o(Dn, k(a({ anchor: t }, l), { children: t === "left" ? /* @__PURE__ */ u(E, { children: [
-          /* @__PURE__ */ o(F, { variant: "h6", color: "inherit", component: "div", children: r }),
-          c && /* @__PURE__ */ u(K, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
+        /* @__PURE__ */ o(kn, D(a({ anchor: t }, d), { children: t === "left" ? /* @__PURE__ */ u(F, { children: [
+          /* @__PURE__ */ o(B, { variant: "h6", color: "inherit", component: "div", children: r }),
+          c && /* @__PURE__ */ u(J, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
             /* @__PURE__ */ o(ct, { "data-testid": "arrowbackicon" }),
             " "
           ] })
-        ] }) : /* @__PURE__ */ u(E, { children: [
-          c && /* @__PURE__ */ u(K, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
+        ] }) : /* @__PURE__ */ u(F, { children: [
+          c && /* @__PURE__ */ u(J, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
             /* @__PURE__ */ o(lt, {}),
             " "
           ] }),
-          /* @__PURE__ */ o(F, { variant: "h6", color: "inherit", component: "div", children: r })
+          /* @__PURE__ */ o(B, { variant: "h6", color: "inherit", component: "div", children: r })
         ] }) })),
         e
       ]
@@ -491,7 +491,7 @@ const yn = R(y, {
   paddingTop: e.spacing(3),
   paddingBottom: e.spacing(3)
   // TODO: Remove max width
-})), me = !1, Ce = !1, ne = {
+})), me = !1, Ce = !1, oe = {
   titleText: "",
   flavour: "push",
   width: xt,
@@ -499,7 +499,7 @@ const yn = R(y, {
   startOpen: !1,
   open: void 0,
   onChangeOpen: void 0,
-  content: /* @__PURE__ */ o(E, {}),
+  content: /* @__PURE__ */ o(F, {}),
   onOpened: void 0,
   onClosed: void 0,
   dataTestId: void 0
@@ -512,113 +512,113 @@ function No({
   sidePanelsAreMutuallyExclusive: r = !0,
   debugOpacity: s = !1,
   pageContainerProps: c,
-  pageContentDataTestId: d,
-  topBarDataTestId: l,
+  pageContentDataTestId: l,
+  topBarDataTestId: d,
   navBarOpen: p,
-  navBarWidthOpen: v,
-  navBarWidthClosed: C
+  navBarWidthOpen: C,
+  navBarWidthClosed: f
 }) {
-  const [A, g] = B(me), [$, D] = B(Ce), [b, I] = B(me), [O, P] = B(Ce), N = n !== void 0, S = i !== void 0, {
-    titleText: w,
+  const [m, h] = E(me), [$, k] = E(Ce), [S, I] = E(me), [T, P] = E(Ce), N = n !== void 0, b = i !== void 0, {
+    titleText: A,
     content: H,
     flavour: W,
-    open: h,
-    onChangeOpen: f,
-    width: m,
-    arrowButtons: x,
+    open: g,
+    onChangeOpen: x,
+    width: v,
+    arrowButtons: w,
     startOpen: M,
-    onOpened: Z,
+    onOpened: j,
     onClosed: le,
-    dataTestId: Tt
-  } = n ? a(a({}, ne), n) : a({}, ne), {
-    titleText: Bt,
+    dataTestId: Bt
+  } = n ? a(a({}, oe), n) : a({}, oe), {
+    titleText: Ot,
     content: Et,
     flavour: ye,
     open: ce,
     onChangeOpen: $e,
     width: de,
-    arrowButtons: j,
-    startOpen: ee,
+    arrowButtons: ee,
+    startOpen: te,
     onOpened: Ft,
     onClosed: Pt,
     dataTestId: Nt
-  } = i ? a(a({}, ne), i) : a({}, ne);
-  re(() => {
-    M !== me && (g(M), I(M));
-  }, [M]), re(() => {
-    ee !== Ce && (D(ee), P(ee));
-  }, [ee]);
-  const pe = h === void 0 ? A : h, ue = ce === void 0 ? $ : ce, Ie = (z) => {
-    h === void 0 && (g(z), r && S && (z ? (D(!1), P($)) : D(O))), f && f(z);
-  }, Oe = (z) => {
-    ce === void 0 && (D(z), r && N && (z ? (g(!1), I(A)) : g(b))), $e && $e(z);
+  } = i ? a(a({}, oe), i) : a({}, oe);
+  K(() => {
+    M !== me && (h(M), I(M));
+  }, [M]), K(() => {
+    te !== Ce && (k(te), P(te));
+  }, [te]);
+  const pe = g === void 0 ? m : g, ue = ce === void 0 ? $ : ce, Ie = (z) => {
+    g === void 0 && (h(z), r && b && (z ? (k(!1), P($)) : k(T))), x && x(z);
+  }, Te = (z) => {
+    ce === void 0 && (k(z), r && N && (z ? (h(!1), I(m)) : h(S))), $e && $e(z);
   };
   return /* @__PURE__ */ u(y, { children: [
     N && /* @__PURE__ */ o(
       We,
       {
-        "data-testid": Tt,
+        "data-testid": Bt,
         anchor: "left",
         open: pe,
         onClose: () => Ie(!1),
-        width: m,
-        titleText: w,
+        width: v,
+        titleText: A,
         debugOpacity: s,
-        showCloseArrow: x === "both" || x === "close",
-        onOpened: Z,
+        showCloseArrow: w === "both" || w === "close",
+        onOpened: j,
         onClosed: le,
         navBarOpen: p,
-        navBarWidthOpen: v,
-        navBarWidthClosed: C,
+        navBarWidthOpen: C,
+        navBarWidthClosed: f,
         children: H
       }
     ),
-    S && /* @__PURE__ */ o(
+    b && /* @__PURE__ */ o(
       We,
       {
         "data-testid": Nt,
         anchor: "right",
         open: ue,
-        onClose: () => Oe(!1),
+        onClose: () => Te(!1),
         width: de,
-        titleText: Bt,
+        titleText: Ot,
         debugOpacity: s,
-        showCloseArrow: j === "both" || j === "close",
+        showCloseArrow: ee === "both" || ee === "close",
         onOpened: Ft,
         onClosed: Pt,
         navBarOpen: p,
-        navBarWidthOpen: v,
-        navBarWidthClosed: C,
+        navBarWidthOpen: C,
+        navBarWidthClosed: f,
         children: Et
       }
     ),
     /* @__PURE__ */ o(
-      Sn,
+      bn,
       a(a({
         titleText: t,
-        "data-testid": l
+        "data-testid": d
       }, N && W === "push" ? {
         leftPanel: {
           open: pe,
-          width: m,
+          width: v,
           onOpen: () => Ie(!0),
-          showOpenArrow: x === "both" || x === "open"
+          showOpenArrow: w === "both" || w === "open"
         }
-      } : {}), S && ye === "push" ? {
+      } : {}), b && ye === "push" ? {
         rightPanel: {
           open: ue,
           width: de,
-          onOpen: () => Oe(!0),
-          showOpenArrow: j === "both" || j === "open"
+          onOpen: () => Te(!0),
+          showOpenArrow: ee === "both" || ee === "open"
         }
       } : {})
     ),
     /* @__PURE__ */ o(
       yn,
-      k(a(a({}, W === "push" ? {
+      D(a(a({}, W === "push" ? {
         leftPanel: {
           open: pe,
-          width: m
+          width: v
         }
       } : {}), ye === "push" ? {
         rightPanel: {
@@ -626,7 +626,7 @@ function No({
           width: de
         }
       } : {}), {
-        children: /* @__PURE__ */ o($n, k(a({ "data-testid": d }, c), { children: e }))
+        children: /* @__PURE__ */ o($n, D(a({ "data-testid": l }, c), { children: e }))
       })
     )
   ] });
@@ -634,15 +634,15 @@ function No({
 const vt = () => {
   const e = se();
   return Rt(e.breakpoints.down("sm"));
-}, In = 64, On = 72, Tn = 256, J = _(!0), wt = _(Tn), At = _(On), ve = _(""), Bn = _(void 0), bt = _(In), St = _(void 0);
+}, In = 64, Tn = 72, Bn = 256, Z = _(!0), wt = _(Bn), At = _(Tn), ve = _(""), On = _(void 0), St = _(In), bt = _(void 0);
 function En({ links: e }) {
   return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
 }
-const oe = "Navbar", Y = {
-  root: `${oe}-root`,
-  menuButton: `${oe}-menuButton`,
-  hide: `${oe}-hide`,
-  content: `${oe}-content`
+const ie = "Navbar", Y = {
+  root: `${ie}-root`,
+  menuButton: `${ie}-menuButton`,
+  hide: `${ie}-hide`,
+  content: `${ie}-content`
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
@@ -680,7 +680,7 @@ const oe = "Navbar", Y = {
       }
     }, e)
   );
-}, kt = (e) => {
+}, Dt = (e) => {
   var t, n;
   return {
     overflowX: "hidden",
@@ -691,10 +691,10 @@ const oe = "Navbar", Y = {
 }, ze = (e, t) => a({
   width: t,
   transition: X(e, "width", "entering")
-}, kt(e)), Ue = (e, t) => a({
+}, Dt(e)), Ue = (e, t) => a({
   width: t,
   transition: X(e, "width", "leaving")
-}, kt(e)), Nn = R(we, {
+}, Dt(e)), Nn = R(we, {
   shouldForwardProp: (e) => !["widthOpen", "widthClosed", "isSmallScreen"].includes(e)
 })(({ theme: e, open: t, widthOpen: n, widthClosed: i, isSmallScreen: r }) => a(a({
   flexShrink: 0,
@@ -702,10 +702,10 @@ const oe = "Navbar", Y = {
   boxSizing: "border-box",
   display: "flex",
   flexDirection: "column"
-}, t && k(a({}, ze(e, n)), {
+}, t && D(a({}, ze(e, n)), {
   backgroundColor: "",
   "& .MuiDrawer-paper": ze(e, n)
-})), !t && k(a({}, Ue(e, r ? n : i)), {
+})), !t && D(a({}, Ue(e, r ? n : i)), {
   backgroundColor: "",
   "& .MuiDrawer-paper": Ue(e, r ? n : i)
 })));
@@ -739,7 +739,7 @@ function _n({ 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(E, { children: /* @__PURE__ */ o(
+            children: e != null && e.name ? /* @__PURE__ */ o(F, { children: /* @__PURE__ */ o(
               Pe,
               {
                 src: e == null ? void 0 : e.picture,
@@ -761,7 +761,7 @@ function _n({ 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(E, { 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(F, { 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),
               " ",
@@ -770,8 +770,8 @@ function _n({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
           }
         ),
         /* @__PURE__ */ o(Pn, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Wt, { in: n, children: /* @__PURE__ */ u(y, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
-          e != null && e.name ? /* @__PURE__ */ o(F, { children: e == null ? void 0 : e.name }) : /* @__PURE__ */ o(Ne, { animation: !1, width: "50%" }),
-          t ? /* @__PURE__ */ o(F, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Ne, { animation: !1, width: "25%" })
+          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%" })
         ] }) }) })
       ]
     }
@@ -785,11 +785,11 @@ function Mn({
   top: r,
   middle: s,
   bottom: c,
-  user: d,
-  domainCode: l,
+  user: l,
+  domainCode: d,
   useNewAvatar: p = !1
 }) {
-  const v = vt(), C = dt(J);
+  const C = vt(), f = dt(Z);
   return /* @__PURE__ */ o(Fn, { className: Y.root, "data-testid": i, children: /* @__PURE__ */ u(
     Nn,
     {
@@ -797,16 +797,16 @@ function Mn({
       widthOpen: n,
       widthClosed: t,
       anchor: "left",
-      variant: v ? "temporary" : "permanent",
+      variant: C ? "temporary" : "permanent",
       PaperProps: {
         component: "nav"
       },
       onClose: () => {
-        C(!1);
+        f(!1);
       },
-      isSmallScreen: v,
+      isSmallScreen: C,
       children: [
-        !v && /* @__PURE__ */ o(zt, {}),
+        !C && /* @__PURE__ */ o(zt, {}),
         r && /* @__PURE__ */ u(y, { flexGrow: "0", children: [
           r,
           /* @__PURE__ */ o(Le, { variant: "middle", sx: { marginY: "0.5rem" } })
@@ -814,8 +814,8 @@ function Mn({
         /* @__PURE__ */ o(y, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ o(En, { links: s }) : s }),
         /* @__PURE__ */ u(y, { flexGrow: "0", children: [
           /* @__PURE__ */ o(Le, { variant: "middle", sx: { marginY: "0.5rem" } }),
-          /* @__PURE__ */ o(_n, { user: d, domainCode: l, open: e, useNewAvatar: p }),
-          c && /* @__PURE__ */ o(E, { children: c })
+          /* @__PURE__ */ o(_n, { user: l, domainCode: d, open: e, useNewAvatar: p }),
+          c && /* @__PURE__ */ o(F, { children: c })
         ] })
       ]
     }
@@ -857,7 +857,7 @@ function zn({
   "data-testid": n,
   middle: i
 }) {
-  const r = dt(J), s = () => r((l) => !l), c = se(), d = vt();
+  const r = dt(Z), s = () => r((d) => !d), c = se(), l = vt();
   return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ u(
     je,
     {
@@ -873,11 +873,11 @@ function zn({
         gap: 2,
         flexShrink: 0,
         height: t,
-        zIndex: d ? 0 : c.zIndex.drawer + 1
+        zIndex: l ? 0 : c.zIndex.drawer + 1
       },
       children: [
         /* @__PURE__ */ o(
-          K,
+          J,
           {
             size: "medium",
             color: "inherit",
@@ -886,7 +886,7 @@ function zn({
             children: /* @__PURE__ */ o(jt, { fontSize: "medium" })
           }
         ),
-        /* @__PURE__ */ o(F, { className: Wn.titleText, variant: "h6", component: "h1", children: e }),
+        /* @__PURE__ */ o(B, { className: Wn.titleText, variant: "h6", component: "h1", children: e }),
         i
       ]
     }
@@ -900,25 +900,25 @@ function Lo({
   pageContentDataTestId: r,
   topBarDataTestId: s,
   navBarDataTestId: c,
-  navBarMiddle: d,
-  navBarBottom: l,
+  navBarMiddle: l,
+  navBarBottom: d,
   user: p,
-  domainCode: v,
-  useNewAvatar: C = !1
+  domainCode: C,
+  useNewAvatar: f = !1
 }) {
   ut([
-    [J, n != null ? n : !0],
+    [Z, n != null ? n : !0],
     [ve, t != null ? t : ""]
   ]);
-  const A = _e(J), [g] = V(wt), [$] = V(At), D = _e(ve), [b] = V(bt), [I] = V(Bn), [O] = V(St);
+  const m = _e(Z), [h] = V(wt), [$] = V(At), k = _e(ve), [S] = V(St), [I] = V(On), [T] = V(bt);
   return /* @__PURE__ */ u(y, { children: [
     /* @__PURE__ */ o(Ut, {}),
     /* @__PURE__ */ o(
       zn,
       {
-        titleText: D,
+        titleText: k,
         "data-testid": s,
-        height: b,
+        height: S,
         middle: I
       }
     ),
@@ -926,24 +926,24 @@ function Lo({
       /* @__PURE__ */ o(
         Mn,
         {
-          open: A,
-          top: O,
-          middle: d,
-          bottom: l,
+          open: m,
+          top: T,
+          middle: l,
+          bottom: d,
           user: p,
-          domainCode: v,
-          widthOpen: g,
+          domainCode: C,
+          widthOpen: h,
           widthClosed: $,
-          offsetTop: b,
+          offsetTop: S,
           "data-testid": c,
-          useNewAvatar: C
+          useNewAvatar: f
         }
       ),
       /* @__PURE__ */ o(
         Rn,
-        k(a({
+        D(a({
           "data-testid": r,
-          topBarHeight: b
+          topBarHeight: S
         }, i), {
           children: e
         })
@@ -951,7 +951,7 @@ function Lo({
     ] })
   ] });
 }
-const Dt = ({
+const kt = ({
   isOpen: e,
   dialogTitle: t,
   children: n,
@@ -959,35 +959,35 @@ const Dt = ({
   primaryButton: r,
   secondaryButton: s,
   onClose: c,
-  sx: d,
-  "data-testid": l,
+  sx: l,
+  "data-testid": d,
   disableCloseOnBackdropOrEscape: p = !1,
-  isLoading: v = !1
+  isLoading: C = !1
 }) => {
-  var g, $;
-  const [C, A] = B(!1);
+  var h, $;
+  const [f, m] = E(!1);
   return /* @__PURE__ */ u(
     tt,
     {
       open: e,
-      onClose: (D, b) => L(void 0, null, function* () {
-        p && (b === "backdropClick" || b === "escapeKeyDown") || C || (s != null && s.onClick ? yield s.onClick() : c());
+      onClose: (k, S) => L(void 0, null, function* () {
+        p && (S === "backdropClick" || S === "escapeKeyDown") || f || (s != null && s.onClick ? yield s.onClick() : c());
       }),
       fullWidth: !0,
       maxWidth: i != null ? i : "xs",
-      "data-testid": l,
-      sx: d,
+      "data-testid": d,
+      sx: l,
       children: [
-        v && /* @__PURE__ */ o(nt, { sx: { height: "4px", marginBottom: "-4px" } }),
+        C && /* @__PURE__ */ o(nt, { sx: { height: "4px", marginBottom: "-4px" } }),
         /* @__PURE__ */ o(ot, { children: t }),
         /* @__PURE__ */ o(it, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
         /* @__PURE__ */ u(rt, { children: [
           /* @__PURE__ */ o(
             ae,
             {
-              onClick: (g = s == null ? void 0 : s.onClick) != null ? g : 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) || C,
+              disabled: (s == null ? void 0 : s.disabled) || f,
               color: s == null ? void 0 : s.buttonColor,
               children: ($ = s == null ? void 0 : s.text) != null ? $ : "Cancel"
             }
@@ -996,11 +996,11 @@ const Dt = ({
             ae,
             {
               onClick: () => L(void 0, null, function* () {
-                var D;
-                A(!0), yield (D = r.onClick) == null ? void 0 : D.call(r), A(!1);
+                var k;
+                m(!0), yield (k = r.onClick) == null ? void 0 : k.call(r), m(!1);
               }),
               "data-testid": r.testId,
-              disabled: r.disabled || C,
+              disabled: r.disabled || f,
               color: r == null ? void 0 : r.buttonColor,
               children: r.text
             }
@@ -1030,92 +1030,92 @@ function _o({
   label: r,
   value: s,
   "data-testid": c,
-  sx: d,
-  boxSx: l,
+  sx: l,
+  boxSx: d,
   textFieldColor: p,
-  textFieldVariant: v = "filled",
-  loadingText: C = "Loading...",
-  noOptionsText: A = "No options",
-  popupIcon: g = /* @__PURE__ */ o(tn, {}),
+  textFieldVariant: C = "filled",
+  loadingText: f = "Loading...",
+  noOptionsText: m = "No options",
+  popupIcon: h = /* @__PURE__ */ o(tn, {}),
   error: $ = !1,
-  helperText: D = "",
-  preLoadedOptions: b = void 0,
+  helperText: k = "",
+  preLoadedOptions: S = void 0,
   disablePortal: I = !1,
-  disableIconFlip: O = !1
+  disableIconFlip: T = !1
 }) {
-  const [P, N] = B(""), S = (h, f) => {
-    const m = s.filter((x) => x.id !== f);
-    n(m, "delete", h);
-  }, { data: w, isLoading: H } = yt({
+  const [P, N] = E(""), b = (g, x) => {
+    const v = s.filter((w) => w.id !== x);
+    n(v, "delete", g);
+  }, { data: A, isLoading: H } = yt({
     inputValue: P,
     label: r,
     lookup: e,
     minLength: i,
-    preLoadedOptions: b
+    preLoadedOptions: S
   }), W = P.length >= i;
   return /* @__PURE__ */ u("div", { "data-testid": c, children: [
     /* @__PURE__ */ o(
-      be,
+      Se,
       {
-        sx: a(a({}, d), O ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
+        sx: a(a({}, l), T ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
         "data-testid": c ? `${c}:Autocomplete` : void 0,
         disablePortal: I,
         multiple: !0,
-        getOptionLabel: (h) => typeof h == "string" ? h : h.label,
+        getOptionLabel: (g) => typeof g == "string" ? g : g.label,
         loading: W ? H : !1,
-        options: [...s, ...w != null ? w : []],
+        options: [...s, ...A != null ? A : []],
         filterSelectedOptions: !0,
         includeInputInList: !0,
         value: s,
-        onChange: (h, f, m) => {
-          n(f, m, h);
+        onChange: (g, x, v) => {
+          n(x, v, g);
         },
-        onInputChange: (h, f) => N(f),
-        noOptionsText: W ? A : "Start typing to search",
-        loadingText: C,
-        popupIcon: g,
-        renderInput: (h) => /* @__PURE__ */ o(
-          Se,
-          k(a({}, h), {
+        onInputChange: (g, x) => N(x),
+        noOptionsText: W ? m : "Start typing to search",
+        loadingText: f,
+        popupIcon: h,
+        renderInput: (g) => /* @__PURE__ */ o(
+          be,
+          D(a({}, g), {
             label: r,
             fullWidth: !0,
-            variant: v,
+            variant: C,
             error: $,
-            helperText: D,
-            InputProps: k(a({}, h.InputProps), {
-              endAdornment: /* @__PURE__ */ u(E, { children: [
-                H ? /* @__PURE__ */ o(ke, { color: "inherit", size: 20 }) : null,
-                h.InputProps.endAdornment
+            helperText: k,
+            InputProps: D(a({}, g.InputProps), {
+              endAdornment: /* @__PURE__ */ u(F, { children: [
+                H ? /* @__PURE__ */ o(De, { color: "inherit", size: 20 }) : null,
+                g.InputProps.endAdornment
               ] })
             }),
             "data-testid": c ? `${c}:Autocomplete:TextField` : void 0,
-            onKeyDown: (f) => {
-              (f.key === "Backspace" || f.key === "Delete") && f.stopPropagation();
+            onKeyDown: (x) => {
+              (x.key === "Backspace" || x.key === "Delete") && x.stopPropagation();
             },
             color: p
           })
         ),
         renderTags: () => null,
-        isOptionEqualToValue: (h, f) => h.id === f.id,
-        renderOption: (h, f, m) => {
+        isOptionEqualToValue: (g, x) => g.id === x.id,
+        renderOption: (g, x, v) => {
           if (t) {
-            const x = on(f.label, m.inputValue, {
+            const w = on(x.label, v.inputValue, {
               insideWords: !0,
               findAllOccurrences: !0
-            }), M = rn(f.label, x);
+            }), M = rn(x.label, w);
             return /* @__PURE__ */ xe(
               "li",
-              k(a({}, h), {
-                key: f.id,
-                "data-testid": c ? `${c}:Autocomplete:option(${f.id.toString()})` : void 0
+              D(a({}, g), {
+                key: x.id,
+                "data-testid": c ? `${c}:Autocomplete:option(${x.id.toString()})` : void 0
               }),
-              /* @__PURE__ */ o("div", { children: M.map((Z, le) => /* @__PURE__ */ o(
+              /* @__PURE__ */ o("div", { children: M.map((j, le) => /* @__PURE__ */ o(
                 "span",
                 {
                   style: {
-                    fontWeight: Z.highlight ? 700 : 400
+                    fontWeight: j.highlight ? 700 : 400
                   },
-                  children: Z.text
+                  children: j.text
                 },
                 le
               )) })
@@ -1123,16 +1123,16 @@ function _o({
           } else
             return /* @__PURE__ */ xe(
               "li",
-              k(a({}, h), {
-                key: f.id,
-                "data-testid": c ? `${c}:option(${f.id.toString()})` : void 0
+              D(a({}, g), {
+                key: x.id,
+                "data-testid": c ? `${c}:option(${x.id.toString()})` : void 0
               }),
-              f.label
+              x.label
             );
         }
       }
     ),
-    s.length > 0 && /* @__PURE__ */ o(y, { sx: l, children: s.map((h) => /* @__PURE__ */ o(
+    s.length > 0 && /* @__PURE__ */ o(y, { sx: d, children: s.map((g) => /* @__PURE__ */ o(
       Gt,
       {
         sx: {
@@ -1143,7 +1143,7 @@ function _o({
         label: /* @__PURE__ */ o(
           Vt,
           {
-            title: h.tooltipContent || "",
+            title: g.tooltipContent || "",
             placement: "bottom-start",
             PopperProps: {
               modifiers: [
@@ -1155,19 +1155,19 @@ function _o({
                 }
               ]
             },
-            children: /* @__PURE__ */ o(F, { style: { whiteSpace: "normal" }, children: h.chipLabel ? h.chipLabel : h.label })
+            children: /* @__PURE__ */ o(B, { style: { whiteSpace: "normal" }, children: g.chipLabel ? g.chipLabel : g.label })
           }
         ),
-        "data-testid": c ? `${c}:Chip(${h.id.toString()})` : void 0,
-        onDelete: (f) => S(f, h.id),
+        "data-testid": c ? `${c}:Chip(${g.id.toString()})` : void 0,
+        onDelete: (x) => b(x, g.id),
         deleteIcon: /* @__PURE__ */ o(
           en,
           {
-            "data-testid": c ? `${c}:Chip(${h.id.toString()}):deleteIcon` : void 0
+            "data-testid": c ? `${c}:Chip(${g.id.toString()}):deleteIcon` : void 0
           }
         )
       },
-      h.id
+      g.id
     )) })
   ] });
 }
@@ -1180,63 +1180,63 @@ const Mo = ({
   sx: r,
   textFieldColor: s,
   textFieldVariant: c = "filled",
-  "data-testid": d,
-  noOptionsText: l = "No options",
+  "data-testid": l,
+  noOptionsText: d = "No options",
   minLength: p = 3,
-  disablePortal: v = !1,
-  preLoadedOptions: C,
-  helperText: A = "",
-  disabled: g,
+  disablePortal: C = !1,
+  preLoadedOptions: f,
+  helperText: m = "",
+  disabled: h,
   popupIcon: $,
-  disableIconFlip: D
+  disableIconFlip: k
 }) => {
-  const [b, I] = B(""), { data: O, isLoading: P } = yt({
-    inputValue: b,
+  const [S, I] = E(""), { data: T, isLoading: P } = yt({
+    inputValue: S,
     label: n,
     lookup: e,
     minLength: p != null ? p : 0,
-    preLoadedOptions: C
-  }), N = b.length >= p;
-  return /* @__PURE__ */ o("div", { "data-testid": d, children: /* @__PURE__ */ o(qt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
-    be,
+    preLoadedOptions: f
+  }), N = S.length >= p;
+  return /* @__PURE__ */ o("div", { "data-testid": l, children: /* @__PURE__ */ o(qt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
+    Se,
     {
-      sx: a(a({}, r), D ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
-      "data-testid": d ? `${d}:Autocomplete` : void 0,
+      sx: a(a({}, r), k ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
+      "data-testid": l ? `${l}:Autocomplete` : void 0,
       loading: N ? P : !1,
-      options: O != null ? O : [],
-      onChange: (S, w) => {
-        t(S, w);
+      options: T != null ? T : [],
+      onChange: (b, A) => {
+        t(b, A);
       },
-      disablePortal: v,
-      filterOptions: (S) => S,
+      disablePortal: C,
+      filterOptions: (b) => b,
       value: i,
-      noOptionsText: N ? l : "Start typing to search",
-      getOptionLabel: (S) => S.label,
+      noOptionsText: N ? d : "Start typing to search",
+      getOptionLabel: (b) => b.label,
       popupIcon: $,
-      renderInput: (S) => /* @__PURE__ */ o(
-        Se,
-        k(a({
-          "data-testid": d ? `${d}:Autocomplete:TextField` : void 0
-        }, S), {
+      renderInput: (b) => /* @__PURE__ */ o(
+        be,
+        D(a({
+          "data-testid": l ? `${l}:Autocomplete:TextField` : void 0
+        }, b), {
           variant: c,
           label: n,
           color: s,
-          helperText: A
+          helperText: m
         })
       ),
-      isOptionEqualToValue: (S, w) => S.id === w.id,
-      onInputChange: (S, w) => {
-        I(w);
+      isOptionEqualToValue: (b, A) => b.id === A.id,
+      onInputChange: (b, A) => {
+        I(A);
       },
-      renderOption: (S, w) => /* @__PURE__ */ xe(
+      renderOption: (b, A) => /* @__PURE__ */ xe(
         "li",
-        k(a({}, S), {
-          key: w.id,
-          "data-testid": d ? `${d}:Autocomplete:option(${w.id.toString()})` : void 0
+        D(a({}, b), {
+          key: A.id,
+          "data-testid": l ? `${l}:Autocomplete:option(${A.id.toString()})` : void 0
         }),
-        w.label
+        A.label
       ),
-      disabled: g
+      disabled: h
     }
   ) }) });
 }, Un = (e) => {
@@ -1257,32 +1257,32 @@ const Mo = ({
   closeHandler: t,
   setAuth0ExpiryTime: n
 }) => {
-  const { logout: i, getAccessTokenSilently: r } = ht(), [s, c] = B(0), d = () => L(void 0, null, function* () {
+  const { logout: i, getAccessTokenSilently: r } = ht(), [s, c] = E(0), l = () => L(void 0, null, function* () {
     i({ logoutParams: { returnTo: `${window.location.origin}` } });
-  }), l = () => L(void 0, null, function* () {
+  }), d = () => L(void 0, null, function* () {
     c(s + 1), t();
   });
-  return re(() => {
+  return K(() => {
     (() => L(void 0, null, function* () {
       if (s > 0) {
-        const A = yield r({ cacheMode: "off" }), g = Un(A) * 1e3;
-        n(g);
+        const m = yield r({ cacheMode: "off" }), h = Un(m) * 1e3;
+        n(h);
       }
     }))();
   }, [s, r, n]), /* @__PURE__ */ o(
-    Dt,
+    kt,
     {
       isOpen: e,
       primaryButton: {
         text: "Continue",
-        onClick: l,
+        onClick: d,
         disabled: !1,
         testId: "PreferencesDialog",
         buttonColor: "secondary"
       },
       secondaryButton: {
         text: "Log out",
-        onClick: d,
+        onClick: l,
         disabled: !1,
         testId: "PreferencesDialog",
         buttonColor: "secondary"
@@ -1298,41 +1298,78 @@ function Gn(e) {
   return "error" in e;
 }
 function Vn(e) {
-  return e.error === "access_denied";
+  var i;
+  const t = e.error, n = (i = e == null ? void 0 : e.error_description) != null ? i : "";
+  return t === "access_denied" && n.startsWith("You do not have the required authorization");
 }
 function qn(e) {
   var i;
   const t = e.error, n = (i = e == null ? void 0 : e.error_description) != null ? i : "";
-  return t === "access_denied" && n.startsWith("You do not have the required authorization");
+  return t === "access_denied" && n.startsWith("User did not authorize the request");
 }
 function Xn(e) {
   var i;
   const t = e.error, n = (i = e == null ? void 0 : e.error_description) != null ? i : "";
-  return t === "access_denied" && n.startsWith("User did not authorize the request");
+  return t === "access_denied" && n.match(/Script.*time.*exceeded/);
 }
 function Ho({
   children: e,
-  appName: t = "the app"
+  appName: t = "the app",
+  throwErrors: n = "none",
+  disableConsoleLogging: i = !1,
+  onError: r = () => {
+  }
 }) {
-  const { isAuthenticated: n, isLoading: i, error: r, loginWithRedirect: s, logout: c } = ht();
-  if (re(() => {
-    if (i || n || r)
+  var C, f;
+  const { isAuthenticated: s, isLoading: c, error: l, loginWithRedirect: d, logout: p } = ht();
+  if (K(() => {
+    l && r(l);
+  }, [l, r]), K(() => {
+    if (c || s || l)
       return;
-    const d = {
+    const m = {
       appState: {
         returnTo: `${window.location.pathname}${window.location.search}`
       }
     };
-    s(d);
-  }, [i, n, r, s]), r && Gn(r)) {
-    let d = "Auth error", l = "An unknown Auth0 error occurred.";
-    return qn(r) ? (d = "Unauthorised", l = `You are not authorised to access ${t}.`) : Xn(r) ? (d = "App not authorised", l = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`) : Vn(r) && (d = "Unauthorised", l = "Authorisation with auth0 failed for an unknown reason."), /* @__PURE__ */ u(tt, { open: !0, children: [
-      /* @__PURE__ */ o(ot, { children: d }),
-      /* @__PURE__ */ o(it, { children: /* @__PURE__ */ o(F, { children: l }) }),
-      /* @__PURE__ */ o(rt, { children: /* @__PURE__ */ o(ae, { onClick: () => c({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" }) })
-    ] });
+    d(m);
+  }, [c, s, l, d, r]), l) {
+    if (i || console.error(
+      `Error detected in AuthGuard [isAuthenticated=${s},isLoading=${c}]`,
+      l
+    ), n === "all")
+      throw l;
+    if (Gn(l)) {
+      let m = "Auth error", h = "An unknown Auth0 error occurred.";
+      if (Vn(l))
+        m = "Unauthorised", h = `You are not authorised to access ${t}.`;
+      else if (qn(l))
+        m = "App not authorised", h = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`;
+      else if (Xn(l))
+        m = "Auth0 script execution time exceeded", h = "The Auth0 login flow exceeded the time limit (20s). Try again in a minute.";
+      else if (n === "unknown")
+        throw l;
+      return /* @__PURE__ */ u(tt, { open: !0, children: [
+        /* @__PURE__ */ o(ot, { children: m }),
+        /* @__PURE__ */ u(it, { children: [
+          /* @__PURE__ */ o(B, { children: h }),
+          /* @__PURE__ */ o("br", {}),
+          /* @__PURE__ */ o(B, { variant: "subtitle2", children: "Details from Auth0" }),
+          /* @__PURE__ */ u(B, { variant: "body2", children: [
+            "error: ",
+            (C = l == null ? void 0 : l.error) != null ? C : "N/A"
+          ] }),
+          /* @__PURE__ */ u(B, { variant: "body2", children: [
+            "description: ",
+            (f = l == null ? void 0 : l.error_description) != null ? f : "N/A"
+          ] })
+        ] }),
+        /* @__PURE__ */ o(rt, { children: /* @__PURE__ */ o(ae, { onClick: () => p({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" }) })
+      ] });
+    } else if (n === "unknown")
+      throw l;
   }
-  return n ? /* @__PURE__ */ o(E, { children: e }) : /* @__PURE__ */ o(dn, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
+  return s ? /* @__PURE__ */ o(F, { children: e }) : /* @__PURE__ */ o(dn, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
 }
 const Qn = {
   autoHideDuration: 6e3,
@@ -1367,47 +1404,47 @@ function to(s) {
     "shouldClose",
     "children"
   ]);
-  var f;
-  const [{ open: d }, l] = B({ open: !1 }), p = ge([]), v = ge(Date.now()), C = ge(0), A = ie((m) => {
-    l({ open: m });
-  }, []), g = ie((m = {}) => {
-    C.current += 1, p.current.length >= Xe && Date.now() - v.current >= Qe && (v.current = Date.now(), console.error(
-      `SaladBarProvider: MAX_QUEUE_LENGTH (${Xe}) hit ${C.current} times in last ${Qe}ms)`
-    ), C.current = 0);
-    const x = a(k(a({}, qe), {
+  var x;
+  const [{ open: l }, d] = E({ open: !1 }), p = ge([]), C = ge(Date.now()), f = ge(0), m = re((v) => {
+    d({ open: v });
+  }, []), h = re((v = {}) => {
+    f.current += 1, p.current.length >= Xe && Date.now() - C.current >= Qe && (C.current = Date.now(), console.error(
+      `SaladBarProvider: MAX_QUEUE_LENGTH (${Xe}) hit ${f.current} times in last ${Qe}ms)`
+    ), f.current = 0);
+    const w = a(D(a({}, qe), {
       key: Jn()
-    }), m);
-    return p.current.push(x), p.current.length === 1 && l({ open: !0 }), x.key;
-  }, []), $ = (m = "", x = {}) => g(a({ message: m, severity: "success" }, x)), D = (m = "", x = {}) => g(a({ message: m, severity: "info" }, x)), b = (m = "", x = {}) => g(a({ message: m, severity: "warning" }, x)), I = (m = "", x = {}) => g(a({ message: m, severity: "error" }, x)), O = (m) => {
-    const x = p.current.findIndex((M) => M.key === m);
-    if (x !== -1)
-      return x === 0 ? (l({ open: !1 }), p.current[0]) : p.current.splice(x, 1);
-  }, P = (m, x) => {
-    n(m, x) && l({ open: !1 });
+    }), v);
+    return p.current.push(w), p.current.length === 1 && d({ open: !0 }), w.key;
+  }, []), $ = (v = "", w = {}) => h(a({ message: v, severity: "success" }, w)), k = (v = "", w = {}) => h(a({ message: v, severity: "info" }, w)), S = (v = "", w = {}) => h(a({ message: v, severity: "warning" }, w)), I = (v = "", w = {}) => h(a({ message: v, severity: "error" }, w)), T = (v) => {
+    const w = p.current.findIndex((M) => M.key === v);
+    if (w !== -1)
+      return w === 0 ? (d({ open: !1 }), p.current[0]) : p.current.splice(w, 1);
+  }, P = (v, w) => {
+    n(v, w) && d({ open: !1 });
   }, N = () => {
-  }, S = () => {
-    p.current.shift(), p.current.length > 0 && l({ open: !0 });
-  }, w = (f = p.current[0]) != null ? f : a({}, qe), H = {};
-  "autoHideDuration" in w && (H.autoHideDuration = w.autoHideDuration);
-  const W = a(a({}, Qn), r), h = a(a({
-    open: d,
-    setOpen: A,
-    enqueueNotification: g,
+  }, b = () => {
+    p.current.shift(), p.current.length > 0 && d({ open: !0 });
+  }, A = (x = p.current[0]) != null ? x : a({}, qe), H = {};
+  "autoHideDuration" in A && (H.autoHideDuration = A.autoHideDuration);
+  const W = a(a({}, Qn), r), g = a(a({
+    open: l,
+    setOpen: m,
+    enqueueNotification: h,
     enqueueSuccessNotification: $,
-    enqueueInfoNotification: D,
-    enqueueWarningNotification: b,
+    enqueueInfoNotification: k,
+    enqueueWarningNotification: S,
     enqueueErrorNotification: I,
-    removeNotification: O
+    removeNotification: T
   }, e), t);
-  return /* @__PURE__ */ u($t.Provider, { value: h, children: [
+  return /* @__PURE__ */ u($t.Provider, { value: g, children: [
     i,
     /* @__PURE__ */ o(
       Xt,
-      k(a(a({}, W), H), {
-        open: d,
+      D(a(a({}, W), H), {
+        open: l,
         onClose: P,
         TransitionProps: {
-          onExited: S,
+          onExited: b,
           onExit: N
         },
         sx: { zIndex: Kn },
@@ -1415,15 +1452,15 @@ function to(s) {
           /* @__PURE__ */ o(
             Qt,
             {
-              onClose: (m) => P(m, "closeAlert"),
-              severity: w.severity,
+              onClose: (v) => P(v, "closeAlert"),
+              severity: A.severity,
               variant: "filled",
-              icon: w.progressIndicator === "circular" ? /* @__PURE__ */ o(ke, { size: "1em" }) : void 0,
-              style: w.progressIndicator === "linear" ? Zn : void 0,
-              children: w.message
+              icon: A.progressIndicator === "circular" ? /* @__PURE__ */ o(De, { size: "1em" }) : void 0,
+              style: A.progressIndicator === "linear" ? Zn : void 0,
+              children: A.message
             }
           ),
-          w.progressIndicator === "linear" && /* @__PURE__ */ o(nt, { color: "primary" })
+          A.progressIndicator === "linear" && /* @__PURE__ */ o(nt, { color: "primary" })
         ] })
       })
     )
@@ -1432,11 +1469,11 @@ function to(s) {
 function no() {
   const e = Ze($t);
   if (e === null)
-    throw new De("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
+    throw new ke("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
   return e;
 }
 const Wo = Q(
-  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(to, k(a({}, e), { overrideState: t, overrideActions: n, children: i }))
+  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(to, D(a({}, e), { overrideState: t, overrideActions: n, children: i }))
 ), oo = nn(), zo = ({
   children: e,
   store: t
@@ -1444,7 +1481,7 @@ const Wo = Q(
 var Ke;
 const Ye = _(
   JSON.parse((Ke = localStorage.getItem(It)) != null ? Ke : '{"domainCode": ""}').domainCode
-), Ot = _(
+), Tt = _(
   (e) => e(Ye),
   (e, t, n) => {
     t(Ye, n), localStorage.setItem(It, JSON.stringify({ domainCode: n }));
@@ -1472,53 +1509,53 @@ const Ye = _(
   applicationName: r,
   handleLogout: s
 }) => {
-  const [c, d] = V(Ot), [l, p] = B(c), { enqueueSuccessNotification: v } = no(), C = i.length === 0, A = !!c && !i.includes(c) && !i.includes(l), g = !c || C || A, $ = () => L(void 0, null, function* () {
-    l ? (d(l), v(`Set domain to ${l}`), n()) : d("");
-  }), D = () => L(void 0, null, function* () {
-    c && !C && !A ? (p(c), n()) : g && s();
+  const [c, l] = V(Tt), [d, p] = E(c), { enqueueSuccessNotification: C } = no(), f = i.length === 0, m = !!c && !i.includes(c) && !i.includes(d), h = !c || f || m, $ = () => L(void 0, null, function* () {
+    d ? (l(d), C(`Set domain to ${d}`), n()) : l("");
+  }), k = () => L(void 0, null, function* () {
+    c && !f && !m ? (p(c), n()) : h && s();
   });
-  let b;
-  return C ? b = "Unable to retrieve your active organisations. Try logging in again." : A && (b = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ u(
-    Dt,
+  let S;
+  return f ? S = "Unable to retrieve your active organisations. Try logging in again." : m && (S = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ u(
+    kt,
     {
       isOpen: t,
       dialogTitle: "Select an organisation",
       primaryButton: {
         text: "Confirm",
         onClick: $,
-        disabled: !l || C || A,
+        disabled: !d || f || m,
         buttonColor: "primary"
       },
       secondaryButton: {
-        text: g ? "Logout" : "Cancel",
-        onClick: D
+        text: h ? "Logout" : "Cancel",
+        onClick: k
       },
-      onClose: g ? () => {
+      onClose: h ? () => {
       } : n,
       children: [
-        /* @__PURE__ */ u(F, { marginBottom: 2, children: [
+        /* @__PURE__ */ u(B, { marginBottom: 2, children: [
           "Select the default organisation that you want to use with the ",
           r,
           "."
         ] }),
         /* @__PURE__ */ o(
-          be,
+          Se,
           {
             loading: e,
             multiple: !1,
             disableClearable: !1,
-            value: l !== "" ? l : null,
-            onChange: (I, O) => p(O != null ? O : ""),
+            value: d !== "" ? d : null,
+            onChange: (I, T) => p(T != null ? T : ""),
             getOptionLabel: ro,
             options: [...i],
             renderInput: (I) => /* @__PURE__ */ o(
-              Se,
-              k(a({}, I), {
+              be,
+              D(a({}, I), {
                 variant: "filled",
                 label: "Select organisation",
-                InputProps: k(a({}, I.InputProps), {
-                  endAdornment: /* @__PURE__ */ u(E, { children: [
-                    e ? /* @__PURE__ */ o(ke, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
+                InputProps: D(a({}, I.InputProps), {
+                  endAdornment: /* @__PURE__ */ u(F, { children: [
+                    e ? /* @__PURE__ */ o(De, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
                     I.InputProps.endAdornment
                   ] })
                 })
@@ -1526,7 +1563,7 @@ const Ye = _(
             )
           }
         ),
-        b && /* @__PURE__ */ o(Yt, { error: !0, children: b })
+        S && /* @__PURE__ */ o(Yt, { error: !0, children: S })
       ]
     }
   );
@@ -1676,17 +1713,17 @@ const Ye = _(
     backgroundColor: "#E8E8E8"
   }
 }), ao = {
-  domainCode: Ot,
-  navBarOpen: J,
+  domainCode: Tt,
+  navBarOpen: Z,
   navBarWidthOpen: wt,
   navBarWidthClosed: At,
   titleText: ve,
-  topBarHeight: bt,
-  navBarTop: St
+  topBarHeight: St,
+  navBarTop: bt
 }, qo = Q(() => ({ children: e }) => /* @__PURE__ */ o(pt, { children: e })), so = ({
   initialValues: e,
   children: t
-}) => (ut(e), /* @__PURE__ */ o(E, { children: t })), Xo = Q(
+}) => (ut(e), /* @__PURE__ */ o(F, { children: t })), Xo = Q(
   (e) => ({ children: t }) => /* @__PURE__ */ o(
     so,
     {
@@ -1704,14 +1741,14 @@ const Ye = _(
   return /* @__PURE__ */ o(ln, { client: t, children: e });
 });
 export {
-  Dt as AgDialog,
+  kt as AgDialog,
   Lo as AppLayout,
   zo as AtomProvider,
   Ho as AuthGuard,
   $t as Context,
-  De as ContextError,
+  ke as ContextError,
   Uo as DomainCodeDialog,
-  Oo as ExampleComponent,
+  To as ExampleComponent,
   _o as FetchAutocomplete,
   so as HydrateAtoms,
   ft as NAVBAR_WIDTH_CLOSED,
@@ -1726,24 +1763,24 @@ export {
   Mo as SingleAutocomplete,
   oo as atomStore,
   vn as buildNavBarState,
-  Ot as domainCodeAtom,
+  Tt as domainCodeAtom,
   Go as fed21Theme,
   Un as getAuth0Expiry,
   Vo as internalAgSystemsTheme,
   q as navBarClasses,
-  J as navBarOpenAtom,
-  St as navBarTopAtom,
+  Z as navBarOpenAtom,
+  bt as navBarTopAtom,
   At as navBarWidthClosedAtom,
   wt as navBarWidthOpenAtom,
   ve as titleTextAtom,
-  bt as topBarHeightAtom,
-  Bn as topBarMiddleAtom,
+  St as topBarHeightAtom,
+  On as topBarMiddleAtom,
   yt as useAutocompleteOptions,
   xn as useNavBar,
   no as useSaladBar,
   qo as withAtomProvider,
-  Bo as withBrowserRouter,
-  To as withNavBarProvider,
+  Oo as withBrowserRouter,
+  Bo as withNavBarProvider,
   Xo as withOverrideDefaults,
   Qo as withQueryClient,
   Wo as withSaladBarProvider