@australiangreens/ag-internal-components 0.0.79 → 0.0.81

package/dist/esm/index.js

@@ -1,64 +1,65 @@
-var Ft = Object.defineProperty, Et = Object.defineProperties;
+var Ft = Object.defineProperty, Pt = Object.defineProperties;
 var Nt = Object.getOwnPropertyDescriptors;
 var j = Object.getOwnPropertySymbols;
-var Te = Object.prototype.hasOwnProperty, ye = Object.prototype.propertyIsEnumerable;
-var de = (e, t, n) => t in e ? Ft(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, a = (e, t) => {
+var Ie = Object.prototype.hasOwnProperty, Te = Object.prototype.propertyIsEnumerable;
+var ue = (e, t, n) => t in e ? Ft(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, s = (e, t) => {
   for (var n in t || (t = {}))
-    Te.call(t, n) && de(e, n, t[n]);
+    Ie.call(t, n) && ue(e, n, t[n]);
   if (j)
     for (var n of j(t))
-      ye.call(t, n) && de(e, n, t[n]);
+      Te.call(t, n) && ue(e, n, t[n]);
   return e;
-}, b = (e, t) => Et(e, Nt(t));
+}, S = (e, t) => Pt(e, Nt(t));
 var Oe = (e, t) => {
   var n = {};
   for (var i in e)
-    Te.call(e, i) && t.indexOf(i) < 0 && (n[i] = e[i]);
+    Ie.call(e, i) && t.indexOf(i) < 0 && (n[i] = e[i]);
   if (e != null && j)
     for (var i of j(e))
-      t.indexOf(i) < 0 && ye.call(e, i) && (n[i] = e[i]);
+      t.indexOf(i) < 0 && Te.call(e, i) && (n[i] = e[i]);
   return n;
 };
-var Fe = (e, t, n) => (de(e, typeof t != "symbol" ? t + "" : t, n), n);
-var z = (e, t, n) => new Promise((i, r) => {
-  var s = (c) => {
+var Ee = (e, t, n) => (ue(e, typeof t != "symbol" ? t + "" : t, n), n);
+var F = (e, t, n) => new Promise((i, r) => {
+  var a = (l) => {
     try {
-      d(n.next(c));
+      d(n.next(l));
     } catch (u) {
       r(u);
     }
-  }, l = (c) => {
+  }, c = (l) => {
     try {
-      d(n.throw(c));
+      d(n.throw(l));
     } catch (u) {
       r(u);
     }
-  }, d = (c) => c.done ? i(c.value) : Promise.resolve(c.value).then(s, l);
+  }, d = (l) => l.done ? i(l.value) : Promise.resolve(l.value).then(a, c);
   d((n = n.apply(e, t)).next());
 });
-import { jsxs as p, Fragment as B, jsx as o } from "react/jsx-runtime";
-import { useState as F, createContext as Xe, useCallback as ne, useContext as Qe, createElement as fe, useEffect as me, useRef as ue } from "react";
-import { Typography as E, Button as oe, Paper as Ke, Box as $, Drawer as ve, Dialog as Ye, DialogTitle as Je, DialogContent as Ze, DialogActions as je, Autocomplete as xe, TextField as we, CircularProgress as Ae, Chip as Pt, Tooltip as Bt, Stack as Lt, styled as Se, IconButton as Q, Container as et, useTheme as re, useMediaQuery as _t, Collapse as Mt, Avatar as Ee, Fade as Rt, Skeleton as Ne, Toolbar as Ht, Divider as Pe, CssBaseline as Wt, Snackbar as zt, Alert as Ut, LinearProgress as Gt, FormHelperText as Vt } from "@mui/material";
-import qt from "@mui/material/CssBaseline";
-import { styled as R, createTheme as tt, alpha as pe } from "@mui/material/styles";
-import { AgError as Xt } from "@australiangreens/ag-error";
-import { createHelper as Y } from "souvlaki";
+import { jsxs as p, Fragment as L, jsx as o } from "react/jsx-runtime";
+import { useState as O, createContext as Xe, useCallback as ne, useContext as Qe, createElement as me, useEffect as oe, useRef as pe } from "react";
+import { Typography as B, Button as ie, Paper as Ye, Box as y, Drawer as xe, Dialog as Ke, DialogTitle as Je, DialogContent as Ze, DialogActions as je, Autocomplete as ve, TextField as we, CircularProgress as Ae, Chip as Lt, Tooltip as _t, Stack as Mt, styled as be, IconButton as Q, Container as et, useTheme as ae, useMediaQuery as Rt, Collapse as Ht, Avatar as Be, Fade as Wt, Skeleton as Fe, Toolbar as zt, Divider as Pe, CssBaseline as Ut, Snackbar as Gt, Alert as Vt, LinearProgress as qt, FormHelperText as Xt } from "@mui/material";
+import Qt from "@mui/material/CssBaseline";
+import { styled as H, createTheme as tt, alpha as he } from "@mui/material/styles";
+import { AgError as Yt } from "@australiangreens/ag-error";
+import { createHelper as K } from "souvlaki";
 import nt from "@mui/material/List";
-import { Cancel as Qt, ArrowDropDown as Kt, ArrowForward as ot, ArrowBack as it, ViewHeadline as Yt } from "@mui/icons-material";
-import Jt from "autosuggest-highlight/match";
-import Zt from "autosuggest-highlight/parse";
-import { useQuery as jt, QueryClient as en, QueryClientProvider as tn } from "@tanstack/react-query";
-import { useAuth0 as nn } from "@auth0/auth0-react";
-import on from "@mui/material/Skeleton";
-import { atom as L, useSetAtom as rt, useAtomValue as Be, useAtom as V, getDefaultStore as rn, Provider as at } from "jotai";
-import { useHydrateAtoms as st } from "jotai/utils";
-function So({ text: e }) {
-  const [t, n] = F(0);
-  return /* @__PURE__ */ p(B, { children: [
-    /* @__PURE__ */ o(E, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
-    /* @__PURE__ */ o(E, { variant: "caption", display: "block", children: /* @__PURE__ */ o("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
+import { Cancel as Kt, ArrowDropDown as Jt, ArrowForward as ot, ArrowBack as it, ViewHeadline as Zt } from "@mui/icons-material";
+import jt from "autosuggest-highlight/match";
+import en from "autosuggest-highlight/parse";
+import { useQuery as tn, QueryClient as nn, QueryClientProvider as on } from "@tanstack/react-query";
+import { useAuth0 as rt } from "@auth0/auth0-react";
+import { Buffer as rn } from "buffer";
+import an from "@mui/material/Skeleton";
+import { atom as _, useSetAtom as at, useAtomValue as Ne, useAtom as V, getDefaultStore as sn, Provider as st } from "jotai";
+import { useHydrateAtoms as lt } from "jotai/utils";
+function Do({ text: e }) {
+  const [t, n] = O(0);
+  return /* @__PURE__ */ p(L, { 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(
-      oe,
+      ie,
       {
         variant: "outlined",
         onClick: () => n((i) => i + 1),
@@ -70,13 +71,13 @@ function So({ text: e }) {
       "This is some text: ",
       /* @__PURE__ */ o("span", { children: e })
     ] }),
-    /* @__PURE__ */ p(Ke, { children: [
+    /* @__PURE__ */ p(Ye, { children: [
       "This number will incremember when button pressed: ",
       t
     ] })
   ] });
 }
-const lt = 330, ct = 73, U = "Navbar", q = {
+const ct = 330, dt = 73, U = "Navbar", q = {
   root: `${U}-root`,
   menuButton: `${U}-menuButton`,
   hide: `${U}-hide`,
@@ -84,7 +85,7 @@ const lt = 330, ct = 73, U = "Navbar", q = {
   userInfoHolder: `${U}-userInfoHolder`,
   settings: `${U}-settings`,
   pieChartIcon: `${U}-pieChartIcon`
-}, an = R($, {
+}, ln = H(y, {
   name: "NavBar"
 })(({ theme: e }) => ({
   [`&.${q.root}`]: {
@@ -105,7 +106,7 @@ const lt = 330, ct = 73, U = "Navbar", q = {
     marginTop: "64px",
     marginBottom: "16px"
   }
-})), dt = () => ({
+})), ut = () => ({
   position: "absolute",
   height: "100%",
   overflowX: "hidden",
@@ -113,51 +114,51 @@ const lt = 330, ct = 73, U = "Navbar", q = {
   color: "white",
   backgroundColor: "black"
   // backgroundColor: '#e8e8e8',
-}), sn = () => a({
-  width: lt
-}, dt()), ln = () => a({
+}), cn = () => s({
   width: ct
-}, dt()), cn = R(ve, {
+}, ut()), dn = () => s({
+  width: dt
+}, ut()), un = H(xe, {
   shouldForwardProp: (e) => e !== "open"
-})(({ theme: e, open: t }) => a(a({
-  width: t ? lt : ct,
+})(({ theme: e, open: t }) => s(s({
+  width: t ? ct : dt,
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box",
   zIndex: e.zIndex.drawer + 100
 }, t && {
-  "& .MuiDrawer-paper": sn()
+  "& .MuiDrawer-paper": cn()
 }), !t && {
-  "& .MuiDrawer-paper": ln()
+  "& .MuiDrawer-paper": dn()
 }));
-class be extends Xt {
+class Se extends Yt {
 }
-Fe(be, "errorName", "ContextError");
-const ut = Xe(null), dn = {}, un = {}, pn = ({
-  overrideState: e = dn,
-  overrideActions: t = un,
+Ee(Se, "errorName", "ContextError");
+const pt = Xe(null), pn = {}, hn = {}, gn = ({
+  overrideState: e = pn,
+  overrideActions: t = hn,
   children: n
 }) => {
-  const [{ open: i }, r] = F({ open: !0 }), s = ne((c) => {
-    r({ open: c });
-  }, []), l = ne(() => {
-    r((c) => b(a({}, c), { open: !c.open }));
-  }, []), d = a(a({
+  const [{ open: i }, r] = O({ open: !0 }), a = ne((l) => {
+    r({ open: l });
+  }, []), c = ne(() => {
+    r((l) => S(s({}, l), { open: !l.open }));
+  }, []), d = s(s({
     open: i,
-    setOpen: s,
-    toggleOpen: l
+    setOpen: a,
+    toggleOpen: c
   }, e), t);
-  return /* @__PURE__ */ o(ut.Provider, { value: d, children: n });
-}, hn = () => {
-  const e = Qe(ut);
+  return /* @__PURE__ */ o(pt.Provider, { value: d, children: n });
+}, fn = () => {
+  const e = Qe(pt);
   if (e === null)
-    throw new be("Error: Tried to useNavBar outside of a <NavBarProvider>");
+    throw new Se("Error: Tried to useNavBar outside of a <NavBarProvider>");
   return e;
-}, gn = (e = {}) => a({
+}, mn = (e = {}) => s({
   open: !0
-}, e), bo = Y(
-  (e = gn(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(pn, { overrideState: e, overrideActions: t, children: n })
-), Le = 7, ko = R(nt)(({ theme: e }) => ({
+}, e), yo = K(
+  (e = mn(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(gn, { overrideState: e, overrideActions: t, children: n })
+), Le = 7, $o = H(nt)(({ theme: e }) => ({
   backgroundColor: "black",
   color: "white",
   "& .MuiListItem-root": {
@@ -195,7 +196,7 @@ const ut = Xe(null), dn = {}, un = {}, pn = ({
     // '&.Mui-selected.Mui-focusVisible:hover': {
     // },
   }
-})), _e = 7, Do = R(nt)(({ theme: e }) => ({
+})), _e = 7, Io = H(nt)(({ theme: e }) => ({
   backgroundColor: "#e8e8e8",
   color: "inherit",
   "& .MuiListItem-root": {
@@ -234,15 +235,15 @@ const ut = Xe(null), dn = {}, un = {}, pn = ({
     // },
   }
 }));
-function $o({
+function To({
   "data-testid": e,
   children: t
 }) {
-  const { open: n } = hn();
-  return /* @__PURE__ */ p(an, { className: q.root, "data-testid": e, children: [
-    /* @__PURE__ */ o(qt, {}),
+  const { open: n } = fn();
+  return /* @__PURE__ */ p(ln, { className: q.root, "data-testid": e, children: [
+    /* @__PURE__ */ o(Qt, {}),
     /* @__PURE__ */ o(
-      cn,
+      un,
       {
         variant: "permanent",
         anchor: "left",
@@ -253,54 +254,54 @@ function $o({
     )
   ] });
 }
-const fn = ({
+const ht = ({
   isOpen: e,
   dialogTitle: t,
   children: n,
   maxWidth: i,
   primaryButton: r,
-  secondaryButton: s,
-  onClose: l,
+  secondaryButton: a,
+  onClose: c,
   sx: d,
-  "data-testid": c,
+  "data-testid": l,
   disableCloseOnBackdropOrEscape: u = !1
 }) => {
-  var A, m;
-  const [v, w] = F(!1);
+  var w, g;
+  const [C, v] = O(!1);
   return /* @__PURE__ */ p(
-    Ye,
+    Ke,
     {
       open: e,
-      onClose: (S, k) => z(void 0, null, function* () {
-        u && (k === "backdropClick" || k === "escapeKeyDown") || v || (s != null && s.onClick ? yield s.onClick() : l());
+      onClose: (b, k) => F(void 0, null, function* () {
+        u && (k === "backdropClick" || k === "escapeKeyDown") || C || (a != null && a.onClick ? yield a.onClick() : c());
       }),
       fullWidth: !0,
       maxWidth: i != null ? i : "xs",
-      "data-testid": c,
+      "data-testid": l,
       sx: d,
       children: [
         /* @__PURE__ */ o(Je, { children: t }),
         /* @__PURE__ */ o(Ze, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
         /* @__PURE__ */ p(je, { children: [
           /* @__PURE__ */ o(
-            oe,
+            ie,
             {
-              onClick: (A = s == null ? void 0 : s.onClick) != null ? A : l,
-              "data-testid": s == null ? void 0 : s.testId,
-              disabled: (s == null ? void 0 : s.disabled) || v,
-              color: s == null ? void 0 : s.buttonColor,
-              children: (m = s == null ? void 0 : s.text) != null ? m : "Cancel"
+              onClick: (w = a == null ? void 0 : a.onClick) != null ? w : c,
+              "data-testid": a == null ? void 0 : a.testId,
+              disabled: (a == null ? void 0 : a.disabled) || C,
+              color: a == null ? void 0 : a.buttonColor,
+              children: (g = a == null ? void 0 : a.text) != null ? g : "Cancel"
             }
           ),
           r && /* @__PURE__ */ o(
-            oe,
+            ie,
             {
-              onClick: () => z(void 0, null, function* () {
-                var S;
-                w(!0), yield (S = r.onClick) == null ? void 0 : S.call(r), w(!1);
+              onClick: () => F(void 0, null, function* () {
+                var b;
+                v(!0), yield (b = r.onClick) == null ? void 0 : b.call(r), v(!1);
               }),
               "data-testid": r.testId,
-              disabled: r.disabled || v,
+              disabled: r.disabled || C,
               color: r == null ? void 0 : r.buttonColor,
               children: r.text
             }
@@ -309,129 +310,129 @@ const fn = ({
       ]
     }
   );
-}, pt = ({
+}, gt = ({
   minLength: e,
   preLoadedOptions: t,
   lookup: n,
   label: i,
   inputValue: r
-}) => jt({
+}) => tn({
   queryFn: () => e && r.length < e ? t != null ? t : [] : t ? t.filter(
-    (s) => s.label.toLowerCase().includes(r.toLowerCase())
+    (a) => a.label.toLowerCase().includes(r.toLowerCase())
   ) : n(r),
   queryKey: ["autocomplete", i, r]
 });
-function Io({
-  lookup: e = () => z(this, null, function* () {
+function Oo({
+  lookup: e = () => F(this, null, function* () {
   }),
   enableHighlighting: t = !0,
   onChange: n,
   minLength: i = 0,
   label: r,
-  value: s,
-  "data-testid": l,
+  value: a,
+  "data-testid": c,
   sx: d,
-  textFieldColor: c,
+  textFieldColor: l,
   textFieldVariant: u = "filled",
-  loadingText: v = "Loading...",
-  noOptionsText: w = "No options",
-  popupIcon: A = /* @__PURE__ */ o(Kt, {}),
-  error: m = !1,
-  helperText: S = "",
+  loadingText: C = "Loading...",
+  noOptionsText: v = "No options",
+  popupIcon: w = /* @__PURE__ */ o(Jt, {}),
+  error: g = !1,
+  helperText: b = "",
   preLoadedOptions: k = void 0,
-  disablePortal: I = !1
+  disablePortal: $ = !1
 }) {
-  const [g, D] = F(""), H = (h, f) => {
-    const O = s.filter((P) => P.id !== f);
-    n(O, "delete", h);
-  }, { data: N, isLoading: _ } = pt({
-    inputValue: g,
+  const [f, D] = O(""), W = (h, m) => {
+    const E = a.filter((N) => N.id !== m);
+    n(E, "delete", h);
+  }, { data: P, isLoading: M } = gt({
+    inputValue: f,
     label: r,
     lookup: e,
     minLength: i,
     preLoadedOptions: k
-  }), T = g.length >= i;
-  return /* @__PURE__ */ p("div", { "data-testid": l, children: [
+  }), I = f.length >= i;
+  return /* @__PURE__ */ p("div", { "data-testid": c, children: [
     /* @__PURE__ */ o(
-      xe,
+      ve,
       {
         sx: d,
-        "data-testid": l ? `${l}:Autocomplete` : void 0,
-        disablePortal: I,
+        "data-testid": c ? `${c}:Autocomplete` : void 0,
+        disablePortal: $,
         multiple: !0,
         getOptionLabel: (h) => typeof h == "string" ? h : h.label,
-        loading: T ? _ : !1,
-        options: [...s, ...N != null ? N : []],
+        loading: I ? M : !1,
+        options: [...a, ...P != null ? P : []],
         filterSelectedOptions: !0,
         includeInputInList: !0,
-        value: s,
-        onChange: (h, f, O) => {
-          n(f, O, h);
+        value: a,
+        onChange: (h, m, E) => {
+          n(m, E, h);
         },
-        onInputChange: (h, f) => D(f),
-        noOptionsText: T ? w : "Start typing to search",
-        loadingText: v,
-        popupIcon: A,
+        onInputChange: (h, m) => D(m),
+        noOptionsText: I ? v : "Start typing to search",
+        loadingText: C,
+        popupIcon: w,
         renderInput: (h) => /* @__PURE__ */ o(
           we,
-          b(a({}, h), {
+          S(s({}, h), {
             label: r,
             fullWidth: !0,
             variant: u,
-            error: m,
-            helperText: S,
-            InputProps: b(a({}, h.InputProps), {
-              endAdornment: /* @__PURE__ */ p(B, { children: [
-                _ ? /* @__PURE__ */ o(Ae, { color: "inherit", size: 20 }) : null,
+            error: g,
+            helperText: b,
+            InputProps: S(s({}, h.InputProps), {
+              endAdornment: /* @__PURE__ */ p(L, { children: [
+                M ? /* @__PURE__ */ o(Ae, { color: "inherit", size: 20 }) : null,
                 h.InputProps.endAdornment
               ] })
             }),
-            "data-testid": l ? `${l}:Autocomplete:TextField` : void 0,
-            onKeyDown: (f) => {
-              (f.key === "Backspace" || f.key === "Delete") && f.stopPropagation();
+            "data-testid": c ? `${c}:Autocomplete:TextField` : void 0,
+            onKeyDown: (m) => {
+              (m.key === "Backspace" || m.key === "Delete") && m.stopPropagation();
             },
-            color: c
+            color: l
           })
         ),
         renderTags: () => null,
-        isOptionEqualToValue: (h, f) => h.id === f.id,
-        renderOption: (h, f, O) => {
+        isOptionEqualToValue: (h, m) => h.id === m.id,
+        renderOption: (h, m, E) => {
           if (t) {
-            const P = Jt(f.label, O.inputValue, {
+            const N = jt(m.label, E.inputValue, {
               insideWords: !0,
               findAllOccurrences: !0
-            }), x = Zt(f.label, P);
-            return /* @__PURE__ */ fe(
+            }), A = en(m.label, N);
+            return /* @__PURE__ */ me(
               "li",
-              b(a({}, h), {
-                key: f.id,
-                "data-testid": l ? `${l}:Autocomplete:option(${f.id.toString()})` : void 0
+              S(s({}, h), {
+                key: m.id,
+                "data-testid": c ? `${c}:Autocomplete:option(${m.id.toString()})` : void 0
               }),
-              /* @__PURE__ */ o("div", { children: x.map((C, M) => /* @__PURE__ */ o(
+              /* @__PURE__ */ o("div", { children: A.map((x, R) => /* @__PURE__ */ o(
                 "span",
                 {
                   style: {
-                    fontWeight: C.highlight ? 700 : 400
+                    fontWeight: x.highlight ? 700 : 400
                   },
-                  children: C.text
+                  children: x.text
                 },
-                M
+                R
               )) })
             );
           } else
-            return /* @__PURE__ */ fe(
+            return /* @__PURE__ */ me(
               "li",
-              b(a({}, h), {
-                key: f.id,
-                "data-testid": l ? `${l}:option(${f.id.toString()})` : void 0
+              S(s({}, h), {
+                key: m.id,
+                "data-testid": c ? `${c}:option(${m.id.toString()})` : void 0
               }),
-              f.label
+              m.label
             );
         }
       }
     ),
-    s.length > 0 && /* @__PURE__ */ o($, { children: s.map((h) => /* @__PURE__ */ o(
-      Pt,
+    a.length > 0 && /* @__PURE__ */ o(y, { children: a.map((h) => /* @__PURE__ */ o(
+      Lt,
       {
         sx: {
           marginTop: 1,
@@ -439,7 +440,7 @@ function Io({
           height: "auto"
         },
         label: /* @__PURE__ */ o(
-          Bt,
+          _t,
           {
             title: h.tooltipContent || "",
             placement: "bottom-start",
@@ -453,15 +454,15 @@ function Io({
                 }
               ]
             },
-            children: /* @__PURE__ */ o(E, { style: { whiteSpace: "normal" }, children: h.chipLabel ? h.chipLabel : h.label })
+            children: /* @__PURE__ */ o(B, { style: { whiteSpace: "normal" }, children: h.chipLabel ? h.chipLabel : h.label })
           }
         ),
-        "data-testid": l ? `${l}:Chip(${h.id.toString()})` : void 0,
-        onDelete: (f) => H(f, h.id),
+        "data-testid": c ? `${c}:Chip(${h.id.toString()})` : void 0,
+        onDelete: (m) => W(m, h.id),
         deleteIcon: /* @__PURE__ */ o(
-          Qt,
+          Kt,
           {
-            "data-testid": l ? `${l}:Chip(${h.id.toString()}):deleteIcon` : void 0
+            "data-testid": c ? `${c}:Chip(${h.id.toString()}):deleteIcon` : void 0
           }
         )
       },
@@ -469,60 +470,60 @@ function Io({
     )) })
   ] });
 }
-const To = ({
-  lookup: e = () => z(void 0, null, function* () {
+const Eo = ({
+  lookup: e = () => F(void 0, null, function* () {
   }),
   onChange: t,
   label: n,
   value: i,
   sx: r,
-  textFieldColor: s,
-  textFieldVariant: l = "filled",
+  textFieldColor: a,
+  textFieldVariant: c = "filled",
   "data-testid": d,
-  noOptionsText: c = "No options",
+  noOptionsText: l = "No options",
   minLength: u = 3,
-  disablePortal: v = !1,
-  preLoadedOptions: w
+  disablePortal: C = !1,
+  preLoadedOptions: v
 }) => {
-  const [A, m] = F(""), { data: S, isLoading: k } = pt({
-    inputValue: A,
+  const [w, g] = O(""), { data: b, isLoading: k } = gt({
+    inputValue: w,
     label: n,
     lookup: e,
     minLength: u != null ? u : 0,
-    preLoadedOptions: w
-  }), I = A.length >= u;
-  return /* @__PURE__ */ o("div", { "data-testid": d, children: /* @__PURE__ */ o(Lt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
-    xe,
+    preLoadedOptions: v
+  }), $ = w.length >= u;
+  return /* @__PURE__ */ o("div", { "data-testid": d, children: /* @__PURE__ */ o(Mt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
+    ve,
     {
       sx: r,
       "data-testid": d ? `${d}:Autocomplete` : void 0,
-      loading: I ? k : !1,
-      options: S != null ? S : [],
-      onChange: (g, D) => {
-        t(g, D);
+      loading: $ ? k : !1,
+      options: b != null ? b : [],
+      onChange: (f, D) => {
+        t(f, D);
       },
-      disablePortal: v,
-      filterOptions: (g) => g,
+      disablePortal: C,
+      filterOptions: (f) => f,
       value: i,
-      noOptionsText: I ? c : "Start typing to search",
-      getOptionLabel: (g) => g.label,
-      renderInput: (g) => /* @__PURE__ */ o(
+      noOptionsText: $ ? l : "Start typing to search",
+      getOptionLabel: (f) => f.label,
+      renderInput: (f) => /* @__PURE__ */ o(
         we,
-        b(a({
+        S(s({
           "data-testid": d ? `${d}:Autocomplete:TextField` : void 0
-        }, g), {
-          variant: l,
+        }, f), {
+          variant: c,
           label: n,
-          color: s
+          color: a
         })
       ),
-      isOptionEqualToValue: (g, D) => g.id === D.id,
-      onInputChange: (g, D) => {
-        m(D);
+      isOptionEqualToValue: (f, D) => f.id === D.id,
+      onInputChange: (f, D) => {
+        g(D);
       },
-      renderOption: (g, D) => /* @__PURE__ */ fe(
+      renderOption: (f, D) => /* @__PURE__ */ me(
         "li",
-        b(a({}, g), {
+        S(s({}, f), {
           key: D.id,
           "data-testid": d ? `${d}:Autocomplete:option(${D.id.toString()})` : void 0
         }),
@@ -530,70 +531,127 @@ const To = ({
       )
     }
   ) }) });
+}, Cn = (e) => {
+  if (!e)
+    return -1;
+  try {
+    const n = e.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"), i = decodeURIComponent(
+      rn.from(n, "base64").toString("utf8").split("").map(function(a) {
+        return "%" + ("00" + a.charCodeAt(0).toString(16)).slice(-2);
+      }).join("")
+    ), r = JSON.parse(i);
+    return r != null && r.exp ? r.exp : -1;
+  } catch (t) {
+    return -1;
+  }
+}, Bo = ({
+  open: e = !1,
+  closeHandler: t,
+  setAuth0ExpiryTime: n
+}) => {
+  const { logout: i, getAccessTokenSilently: r } = rt(), [a, c] = O(0), d = () => F(void 0, null, function* () {
+    i({ logoutParams: { returnTo: `${window.location.origin}` } });
+  }), l = () => F(void 0, null, function* () {
+    c(a + 1), t();
+  });
+  return oe(() => {
+    (() => F(void 0, null, function* () {
+      if (a > 0) {
+        const w = yield r({ cacheMode: "off" }), g = Cn(w) * 1e3;
+        n(g);
+      }
+    }))();
+  }, [a, r, n]), /* @__PURE__ */ o(
+    ht,
+    {
+      isOpen: e,
+      primaryButton: {
+        text: "Continue",
+        onClick: l,
+        disabled: !1,
+        testId: "PreferencesDialog",
+        buttonColor: "secondary"
+      },
+      secondaryButton: {
+        text: "Log out",
+        onClick: d,
+        disabled: !1,
+        testId: "PreferencesDialog",
+        buttonColor: "secondary"
+      },
+      onClose: t,
+      dialogTitle: "Session expiry",
+      disableCloseOnBackdropOrEscape: !0,
+      children: /* @__PURE__ */ o("p", { style: { marginBottom: 0 }, children: "Your session is about to time out due to inactivity. Do you want to continue?" })
+    }
+  );
 };
-function mn(e) {
+function xn(e) {
   return "error" in e;
 }
-function Cn(e) {
+function vn(e) {
   return e.error === "access_denied";
 }
-function vn(e) {
+function wn(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");
 }
-function xn(e) {
+function An(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");
 }
-function yo({ children: e }) {
-  const { isAuthenticated: t, isLoading: n, error: i, loginWithRedirect: r, logout: s } = nn();
-  if (me(() => {
-    if (n || t || i)
+function Fo({
+  children: e,
+  appName: t = "the app"
+}) {
+  const { isAuthenticated: n, isLoading: i, error: r, loginWithRedirect: a, logout: c } = rt();
+  if (oe(() => {
+    if (i || n || r)
       return;
-    const l = {
+    const d = {
       appState: {
         returnTo: `${window.location.pathname}${window.location.search}`
       }
     };
-    r(l);
-  }, [n, t, i, r]), i && mn(i)) {
-    let l = "Auth error", d = "An unknown Auth0 error occurred.";
-    return vn(i) ? (l = "Unauthorised", d = "You are not authorised to access the app.") : xn(i) ? (l = "App not authorised", d = "You have not authorised the application to access your user profile. This is necessary to use the app.") : Cn(i) && (l = "Unauthorised", d = "Authorisation with auth0 failed for an unknown reason."), /* @__PURE__ */ p(Ye, { open: !0, children: [
-      /* @__PURE__ */ o(Je, { children: l }),
-      /* @__PURE__ */ o(Ze, { children: /* @__PURE__ */ o(E, { children: d }) }),
-      /* @__PURE__ */ o(je, { children: /* @__PURE__ */ o(oe, { onClick: () => s({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" }) })
+    a(d);
+  }, [i, n, r, a]), r && xn(r)) {
+    let d = "Auth error", l = "An unknown Auth0 error occurred.";
+    return wn(r) ? (d = "Unauthorised", l = `You are not authorised to access ${t}.`) : An(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__ */ p(Ke, { open: !0, children: [
+      /* @__PURE__ */ o(Je, { children: d }),
+      /* @__PURE__ */ o(Ze, { children: /* @__PURE__ */ o(B, { children: l }) }),
+      /* @__PURE__ */ o(je, { children: /* @__PURE__ */ o(ie, { onClick: () => c({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" }) })
     ] });
   }
-  return t ? /* @__PURE__ */ o(B, { children: e }) : /* @__PURE__ */ o(on, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
+  return n ? /* @__PURE__ */ o(L, { children: e }) : /* @__PURE__ */ o(an, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
 }
-const wn = 24, An = 64, G = "TopBar", y = {
+const bn = 24, Sn = 64, G = "TopBar", T = {
   topStripe: `${G}-topStripe`,
   titleBar: `${G}-titleBar`,
   titleSlider: `${G}-titleSlider`,
   titleText: `${G}-titleText`,
   leftPanelButton: `${G}-leftPanelButton`,
   rightPanelButton: `${G}-leftPanelButton`
-}, Sn = Se("div", {
+}, kn = be("div", {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: G
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
   var i, r;
   return {
     width: "100%",
-    [`& .${y.topStripe}`]: {
+    [`& .${T.topStripe}`]: {
       width: "100%",
-      height: `${wn}px`,
+      height: `${bn}px`,
       backgroundColor: e.palette.primary.main
     },
-    [`& .${y.titleBar}`]: {
+    [`& .${T.titleBar}`]: {
       backgroundColor: e.palette.primary.light,
-      height: `${An}px`,
+      height: `${Sn}px`,
       padding: e.spacing(0, 3),
       width: "100%"
     },
-    [`& .${y.titleSlider}`]: a(a({
+    [`& .${T.titleSlider}`]: s(s({
       height: "100%",
       display: "flex",
       alignItems: "center",
@@ -602,14 +660,14 @@ const wn = 24, An = 64, G = "TopBar", y = {
         easing: e.transitions.easing.sharp,
         duration: e.transitions.duration.leavingScreen
       }),
-      [`& .${y.leftPanelButton}`]: {
+      [`& .${T.leftPanelButton}`]: {
         marginRight: e.spacing(2),
         flexGrow: 0
       },
-      [`& .${y.titleText}`]: {
+      [`& .${T.titleText}`]: {
         flexGrow: 1
       },
-      [`& .${y.rightPanelButton}`]: {
+      [`& .${T.rightPanelButton}`]: {
         flexGrow: 0
       }
     }, (t == null ? void 0 : t.open) && {
@@ -627,19 +685,19 @@ const wn = 24, An = 64, G = "TopBar", y = {
     })
   };
 });
-function bn({
+function Dn({
   titleText: e = "",
   leftPanel: t,
   rightPanel: n,
   "data-testid": i
 }) {
-  return /* @__PURE__ */ p(Sn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
-    /* @__PURE__ */ o("div", { className: y.topStripe }),
-    /* @__PURE__ */ o("div", { className: y.titleBar, children: /* @__PURE__ */ p($, { className: y.titleSlider, children: [
+  return /* @__PURE__ */ p(kn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
+    /* @__PURE__ */ o("div", { className: T.topStripe }),
+    /* @__PURE__ */ o("div", { className: T.titleBar, children: /* @__PURE__ */ p(y, { className: T.titleSlider, children: [
       t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ p(
         Q,
         {
-          className: y.leftPanelButton,
+          className: T.leftPanelButton,
           color: "inherit",
           "aria-label": "Open left side panel",
           onClick: t == null ? void 0 : t.onOpen,
@@ -651,11 +709,11 @@ function bn({
           ]
         }
       ),
-      /* @__PURE__ */ o(E, { className: y.titleText, variant: "h6", noWrap: !0, children: e }),
+      /* @__PURE__ */ o(B, { className: T.titleText, variant: "h6", noWrap: !0, children: e }),
       n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ p(
         Q,
         {
-          className: y.rightPanelButton,
+          className: T.rightPanelButton,
           color: "inherit",
           "aria-label": "Open right side panel",
           onClick: n == null ? void 0 : n.onOpen,
@@ -670,7 +728,7 @@ function bn({
     ] }) })
   ] });
 }
-const ht = 400, kn = Se(ve, {
+const ft = 400, yn = be(xe, {
   shouldForwardProp: (e) => (
     // Note we do want anchor to be forwarded to the Drawer component
     ![
@@ -684,9 +742,9 @@ const ht = 400, kn = Se(ve, {
   ),
   name: "SidePanelDrawer"
 })(
-  ({ width: e, debugOpacity: t = !1, anchor: n, navBarOpen: i, navBarWidthOpen: r, navBarWidthClosed: s }) => ({
+  ({ width: e, debugOpacity: t = !1, anchor: n, navBarOpen: i, navBarWidthOpen: r, navBarWidthClosed: a }) => ({
     width: e,
-    "& .MuiDrawer-paper": a(a({
+    "& .MuiDrawer-paper": s(s({
       position: "absolute",
       width: e,
       boxSizing: "border-box",
@@ -694,15 +752,15 @@ const ht = 400, kn = Se(ve, {
       boxShadow: "0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.2)"
     }, t && {
       opacity: "50%"
-    }), n === "left" && a({
-      marginLeft: `${s}px`
+    }), n === "left" && s({
+      marginLeft: `${a}px`
     }, i && {
       marginLeft: `${r}px`
     }))
   })
-), Dn = Se($, {
+), $n = be(y, {
   shouldForwardProp: (e) => !["anchor"].includes(e)
-})(({ theme: e, anchor: t }) => b(a({
+})(({ theme: e, anchor: t }) => S(s({
   display: "flex",
   alignItems: "center",
   padding: e.spacing(2)
@@ -727,58 +785,58 @@ function Me({
   onClose: i = () => {
   },
   titleText: r = "",
-  width: s = ht,
-  showCloseArrow: l = !0,
+  width: a = ft,
+  showCloseArrow: c = !0,
   debugOpacity: d = !1,
-  headerBoxProps: c = {},
+  headerBoxProps: l = {},
   onOpened: u,
-  onClosed: v,
-  "data-testid": w,
-  navBarOpen: A = !1,
-  navBarWidthOpen: m = 0,
-  navBarWidthClosed: S = 0
+  onClosed: C,
+  "data-testid": v,
+  navBarOpen: w = !1,
+  navBarWidthOpen: g = 0,
+  navBarWidthClosed: b = 0
 }) {
   return /* @__PURE__ */ p(
-    kn,
+    yn,
     {
       SlideProps: {
         onEntered: () => u == null ? void 0 : u(),
-        onExited: () => v == null ? void 0 : v()
+        onExited: () => C == null ? void 0 : C()
       },
       variant: "persistent",
       anchor: t,
       open: n,
-      width: s,
+      width: a,
       debugOpacity: d,
-      "data-testid": w,
-      navBarOpen: A,
-      navBarWidthOpen: m,
-      navBarWidthClosed: S,
+      "data-testid": v,
+      navBarOpen: w,
+      navBarWidthOpen: g,
+      navBarWidthClosed: b,
       children: [
-        /* @__PURE__ */ o(Dn, b(a({ anchor: t }, c), { children: t === "left" ? /* @__PURE__ */ p(B, { children: [
-          /* @__PURE__ */ o(E, { variant: "h6", color: "inherit", component: "div", children: r }),
-          l && /* @__PURE__ */ p(Q, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
+        /* @__PURE__ */ o($n, S(s({ anchor: t }, l), { children: t === "left" ? /* @__PURE__ */ p(L, { children: [
+          /* @__PURE__ */ o(B, { variant: "h6", color: "inherit", component: "div", children: r }),
+          c && /* @__PURE__ */ p(Q, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
             /* @__PURE__ */ o(it, { "data-testid": "arrowbackicon" }),
             " "
           ] })
-        ] }) : /* @__PURE__ */ p(B, { children: [
-          l && /* @__PURE__ */ p(Q, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
+        ] }) : /* @__PURE__ */ p(L, { children: [
+          c && /* @__PURE__ */ p(Q, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
             /* @__PURE__ */ o(ot, {}),
             " "
           ] }),
-          /* @__PURE__ */ o(E, { variant: "h6", color: "inherit", component: "div", children: r })
+          /* @__PURE__ */ o(B, { variant: "h6", color: "inherit", component: "div", children: r })
         ] }) })),
         e
       ]
     }
   );
 }
-const $n = R($, {
+const In = H(y, {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: "PanelAwareMargins"
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
   var i, r;
-  return a(a({
+  return s(s({
     transition: e.transitions.create("margin", {
       easing: e.transitions.easing.sharp,
       duration: e.transitions.duration.leavingScreen
@@ -796,158 +854,158 @@ const $n = R($, {
     }),
     marginRight: `${(r = n == null ? void 0 : n.width) != null ? r : 0}px`
   });
-}), In = R(et, {
+}), Tn = H(et, {
   name: "PageContainer"
 })(({ theme: e }) => ({
   // Horizontal padding comes from the Container's gutter
   paddingTop: e.spacing(3),
   paddingBottom: e.spacing(3)
   // TODO: Remove max width
-})), he = !1, ge = !1, ee = {
+})), ge = !1, fe = !1, ee = {
   titleText: "",
   flavour: "push",
-  width: ht,
+  width: ft,
   arrowButtons: "both",
   startOpen: !1,
   open: void 0,
   onChangeOpen: void 0,
-  content: /* @__PURE__ */ o(B, {}),
+  content: /* @__PURE__ */ o(L, {}),
   onOpened: void 0,
   onClosed: void 0,
   dataTestId: void 0
 };
-function Oo({
+function Po({
   children: e,
   titleText: t = "",
   leftPanel: n,
   rightPanel: i,
   sidePanelsAreMutuallyExclusive: r = !0,
-  debugOpacity: s = !1,
-  pageContainerProps: l,
+  debugOpacity: a = !1,
+  pageContainerProps: c,
   pageContentDataTestId: d,
-  topBarDataTestId: c,
+  topBarDataTestId: l,
   navBarOpen: u,
-  navBarWidthOpen: v,
-  navBarWidthClosed: w
+  navBarWidthOpen: C,
+  navBarWidthClosed: v
 }) {
-  const [A, m] = F(he), [S, k] = F(ge), [I, g] = F(he), [D, H] = F(ge), N = n !== void 0, _ = i !== void 0, {
-    titleText: T,
+  const [w, g] = O(ge), [b, k] = O(fe), [$, f] = O(ge), [D, W] = O(fe), P = n !== void 0, M = i !== void 0, {
+    titleText: I,
     content: h,
-    flavour: f,
-    open: O,
-    onChangeOpen: P,
-    width: x,
-    arrowButtons: C,
-    startOpen: M,
-    onOpened: bt,
-    onClosed: kt,
-    dataTestId: Dt
-  } = n ? a(a({}, ee), n) : a({}, ee), {
-    titleText: $t,
-    content: It,
+    flavour: m,
+    open: E,
+    onChangeOpen: N,
+    width: A,
+    arrowButtons: x,
+    startOpen: R,
+    onOpened: Dt,
+    onClosed: yt,
+    dataTestId: $t
+  } = n ? s(s({}, ee), n) : s({}, ee), {
+    titleText: It,
+    content: Tt,
     flavour: ke,
-    open: ae,
+    open: se,
     onChangeOpen: De,
-    width: se,
+    width: le,
     arrowButtons: J,
     startOpen: Z,
-    onOpened: Tt,
-    onClosed: yt,
-    dataTestId: Ot
-  } = i ? a(a({}, ee), i) : a({}, ee);
-  me(() => {
-    M !== he && (m(M), g(M));
-  }, [M]), me(() => {
-    Z !== ge && (k(Z), H(Z));
+    onOpened: Ot,
+    onClosed: Et,
+    dataTestId: Bt
+  } = i ? s(s({}, ee), i) : s({}, ee);
+  oe(() => {
+    R !== ge && (g(R), f(R));
+  }, [R]), oe(() => {
+    Z !== fe && (k(Z), W(Z));
   }, [Z]);
-  const le = O === void 0 ? A : O, ce = ae === void 0 ? S : ae, $e = (W) => {
-    O === void 0 && (m(W), r && _ && (W ? (k(!1), H(S)) : k(D))), P && P(W);
-  }, Ie = (W) => {
-    ae === void 0 && (k(W), r && N && (W ? (m(!1), g(A)) : m(I))), De && De(W);
+  const ce = E === void 0 ? w : E, de = se === void 0 ? b : se, ye = (z) => {
+    E === void 0 && (g(z), r && M && (z ? (k(!1), W(b)) : k(D))), N && N(z);
+  }, $e = (z) => {
+    se === void 0 && (k(z), r && P && (z ? (g(!1), f(w)) : g($))), De && De(z);
   };
-  return /* @__PURE__ */ p($, { children: [
-    N && /* @__PURE__ */ o(
+  return /* @__PURE__ */ p(y, { children: [
+    P && /* @__PURE__ */ o(
       Me,
       {
-        "data-testid": Dt,
+        "data-testid": $t,
         anchor: "left",
-        open: le,
-        onClose: () => $e(!1),
-        width: x,
-        titleText: T,
-        debugOpacity: s,
-        showCloseArrow: C === "both" || C === "close",
-        onOpened: bt,
-        onClosed: kt,
+        open: ce,
+        onClose: () => ye(!1),
+        width: A,
+        titleText: I,
+        debugOpacity: a,
+        showCloseArrow: x === "both" || x === "close",
+        onOpened: Dt,
+        onClosed: yt,
         navBarOpen: u,
-        navBarWidthOpen: v,
-        navBarWidthClosed: w,
+        navBarWidthOpen: C,
+        navBarWidthClosed: v,
         children: h
       }
     ),
-    _ && /* @__PURE__ */ o(
+    M && /* @__PURE__ */ o(
       Me,
       {
-        "data-testid": Ot,
+        "data-testid": Bt,
         anchor: "right",
-        open: ce,
-        onClose: () => Ie(!1),
-        width: se,
-        titleText: $t,
-        debugOpacity: s,
+        open: de,
+        onClose: () => $e(!1),
+        width: le,
+        titleText: It,
+        debugOpacity: a,
         showCloseArrow: J === "both" || J === "close",
-        onOpened: Tt,
-        onClosed: yt,
+        onOpened: Ot,
+        onClosed: Et,
         navBarOpen: u,
-        navBarWidthOpen: v,
-        navBarWidthClosed: w,
-        children: It
+        navBarWidthOpen: C,
+        navBarWidthClosed: v,
+        children: Tt
       }
     ),
     /* @__PURE__ */ o(
-      bn,
-      a(a({
+      Dn,
+      s(s({
         titleText: t,
-        "data-testid": c
-      }, N && f === "push" ? {
+        "data-testid": l
+      }, P && m === "push" ? {
         leftPanel: {
-          open: le,
-          width: x,
-          onOpen: () => $e(!0),
-          showOpenArrow: C === "both" || C === "open"
+          open: ce,
+          width: A,
+          onOpen: () => ye(!0),
+          showOpenArrow: x === "both" || x === "open"
         }
-      } : {}), _ && ke === "push" ? {
+      } : {}), M && ke === "push" ? {
         rightPanel: {
-          open: ce,
-          width: se,
-          onOpen: () => Ie(!0),
+          open: de,
+          width: le,
+          onOpen: () => $e(!0),
           showOpenArrow: J === "both" || J === "open"
         }
       } : {})
     ),
     /* @__PURE__ */ o(
-      $n,
-      b(a(a({}, f === "push" ? {
+      In,
+      S(s(s({}, m === "push" ? {
         leftPanel: {
-          open: le,
-          width: x
+          open: ce,
+          width: A
         }
       } : {}), ke === "push" ? {
         rightPanel: {
-          open: ce,
-          width: se
+          open: de,
+          width: le
         }
       } : {}), {
-        children: /* @__PURE__ */ o(In, b(a({ "data-testid": d }, l), { children: e }))
+        children: /* @__PURE__ */ o(Tn, S(s({ "data-testid": d }, c), { children: e }))
       })
     )
   ] });
 }
-const gt = () => {
-  const e = re();
-  return _t(e.breakpoints.down("sm"));
-}, Tn = 64, yn = 64, On = 256, K = L(!0), ft = L(On), mt = L(yn), Ce = L(""), Fn = L(void 0), Ct = L(Tn), vt = L(void 0);
-function En({ links: e }) {
+const mt = () => {
+  const e = ae();
+  return Rt(e.breakpoints.down("sm"));
+}, On = 64, En = 64, Bn = 256, Y = _(!0), Ct = _(Bn), xt = _(En), Ce = _(""), Fn = _(void 0), vt = _(On), wt = _(void 0);
+function Pn({ links: e }) {
   return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
 }
 const te = "Navbar", X = {
@@ -958,7 +1016,7 @@ const te = "Navbar", X = {
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, Nn = R($, { name: "NavBar" })(({ theme: e }) => ({
+}, Nn = H(y, { name: "NavBar" })(({ theme: e }) => ({
   [`&.${X.root}`]: {
     display: "flex"
   },
@@ -977,14 +1035,14 @@ const te = "Navbar", X = {
   //   marginTop: '64px',
   //   marginBottom: '16px',
   // },
-})), ie = (e, t, n) => e.transitions.create(t, {
+})), re = (e, t, n) => e.transitions.create(t, {
   easing: e.transitions.easing.sharp,
   duration: n === "leaving" ? e.transitions.duration.leavingScreen : e.transitions.duration.enteringScreen
-}), Pn = (e) => {
-  const t = re();
+}), Ln = (e) => {
+  const t = ae();
   return /* @__PURE__ */ o(
-    Mt,
-    a({
+    Ht,
+    s({
       easing: t.transitions.easing.sharp,
       timeout: {
         enter: t.transitions.duration.enteringScreen,
@@ -992,7 +1050,7 @@ const te = "Navbar", X = {
       }
     }, e)
   );
-}, xt = (e) => {
+}, At = (e) => {
   var t, n;
   return {
     overflowX: "hidden",
@@ -1000,28 +1058,28 @@ const te = "Navbar", X = {
     backgroundColor: (n = (t = e == null ? void 0 : e.navBar) == null ? void 0 : t.backgroundColor) != null ? n : "white"
     // Provide default so tests don't need to wrap theme provider
   };
-}, Re = (e, t) => a({
+}, Re = (e, t) => s({
   width: t,
-  transition: ie(e, "width", "entering")
-}, xt(e)), He = (e, t) => a({
+  transition: re(e, "width", "entering")
+}, At(e)), He = (e, t) => s({
   width: t,
-  transition: ie(e, "width", "leaving")
-}, xt(e)), Bn = R(ve, {
+  transition: re(e, "width", "leaving")
+}, At(e)), _n = H(xe, {
   shouldForwardProp: (e) => !["widthOpen", "widthClosed", "isSmallScreen"].includes(e)
-})(({ theme: e, open: t, widthOpen: n, widthClosed: i, isSmallScreen: r }) => a(a({
+})(({ theme: e, open: t, widthOpen: n, widthClosed: i, isSmallScreen: r }) => s(s({
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box",
   display: "flex",
   flexDirection: "column"
-}, t && b(a({}, Re(e, n)), {
+}, t && S(s({}, Re(e, n)), {
   backgroundColor: "",
   "& .MuiDrawer-paper": Re(e, n)
-})), !t && b(a({}, He(e, r ? n : i)), {
+})), !t && S(s({}, He(e, r ? n : i)), {
   backgroundColor: "",
   "& .MuiDrawer-paper": He(e, r ? n : i)
 })));
-function Ln(e) {
+function Mn(e) {
   let t = 0;
   for (let n = 0, i = e.length; n < i; n++) {
     const r = e.charCodeAt(n);
@@ -1029,11 +1087,11 @@ function Ln(e) {
   }
   return t;
 }
-const We = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], _n = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
-function Mn({ user: e, domainCode: t, open: n }) {
-  const i = re();
+const We = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], Rn = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
+function Hn({ user: e, domainCode: t, open: n }) {
+  const i = ae();
   return /* @__PURE__ */ p(
-    $,
+    y,
     {
       sx: {
         paddingTop: 3,
@@ -1044,49 +1102,49 @@ function Mn({ user: e, domainCode: t, open: n }) {
       },
       children: [
         /* @__PURE__ */ o(
-          $,
+          y,
           {
             sx: {
               width: n ? "5rem" : "2rem",
-              transition: n ? ie(i, ["width", "height"], "entering") : ie(i, ["width", "height"], "leaving"),
+              transition: n ? re(i, ["width", "height"], "entering") : re(i, ["width", "height"], "leaving"),
               aspectRatio: 1
             },
             children: e != null && e.name ? /* @__PURE__ */ o(
-              Ee,
+              Be,
               {
                 src: e == null ? void 0 : e.picture,
                 sx: {
                   width: "100%",
                   height: "100%",
-                  bgcolor: We[Math.abs(Ln(e.name)) % We.length]
+                  bgcolor: We[Math.abs(Mn(e.name)) % We.length]
                 },
-                children: _n(e.name)
+                children: Rn(e.name)
               }
-            ) : /* @__PURE__ */ o(Ee, { sx: { width: "100%", height: "100%" } })
+            ) : /* @__PURE__ */ o(Be, { sx: { width: "100%", height: "100%" } })
           }
         ),
-        /* @__PURE__ */ o(Pn, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Rt, { in: n, children: /* @__PURE__ */ p($, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
-          e != null && e.name ? /* @__PURE__ */ o(E, { children: e.name }) : /* @__PURE__ */ o(Ne, { animation: !1, width: "50%" }),
-          t ? /* @__PURE__ */ o(E, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Ne, { animation: !1, width: "25%" })
+        /* @__PURE__ */ o(Ln, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Wt, { in: n, children: /* @__PURE__ */ p(y, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
+          e != null && e.name ? /* @__PURE__ */ o(B, { children: e.name }) : /* @__PURE__ */ o(Fe, { animation: !1, width: "50%" }),
+          t ? /* @__PURE__ */ o(B, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Fe, { animation: !1, width: "25%" })
         ] }) }) })
       ]
     }
   );
 }
-function Rn({
+function Wn({
   open: e,
   widthClosed: t,
   widthOpen: n,
   "data-testid": i,
   top: r,
-  middle: s,
-  bottom: l,
+  middle: a,
+  bottom: c,
   user: d,
-  domainCode: c
+  domainCode: l
 }) {
-  const u = gt(), v = rt(K);
+  const u = mt(), C = at(Y);
   return /* @__PURE__ */ o(Nn, { className: X.root, "data-testid": i, children: /* @__PURE__ */ p(
-    Bn,
+    _n,
     {
       open: e,
       widthOpen: n,
@@ -1097,32 +1155,32 @@ function Rn({
         component: "nav"
       },
       onClose: () => {
-        v(!1);
+        C(!1);
       },
       isSmallScreen: u,
       children: [
-        !u && /* @__PURE__ */ o(Ht, {}),
-        r && /* @__PURE__ */ p($, { flexGrow: "0", children: [
+        !u && /* @__PURE__ */ o(zt, {}),
+        r && /* @__PURE__ */ p(y, { flexGrow: "0", children: [
           r,
           /* @__PURE__ */ o(Pe, { variant: "middle" })
         ] }),
-        /* @__PURE__ */ o($, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ o(En, { links: s }) : s }),
-        /* @__PURE__ */ p($, { flexGrow: "0", children: [
+        /* @__PURE__ */ o(y, { flexGrow: "1", children: Array.isArray(a) ? /* @__PURE__ */ o(Pn, { links: a }) : a }),
+        /* @__PURE__ */ p(y, { flexGrow: "0", children: [
           /* @__PURE__ */ o(Pe, { variant: "middle" }),
-          /* @__PURE__ */ o(Mn, { user: d, domainCode: c, open: e }),
-          l && /* @__PURE__ */ o(B, { children: l })
+          /* @__PURE__ */ o(Hn, { user: d, domainCode: l, open: e }),
+          c && /* @__PURE__ */ o(L, { children: c })
         ] })
       ]
     }
   ) });
 }
-function Hn({
+function zn({
   children: e,
   topBarHeight: t,
   maxWidth: n = !1
 }) {
   return /* @__PURE__ */ o(
-    $,
+    y,
     {
       sx: {
         overflow: "auto",
@@ -1144,18 +1202,18 @@ function Hn({
     }
   );
 }
-const Wn = "TopBar", zn = {
-  titleText: `${Wn}-titleText`
+const Un = "TopBar", Gn = {
+  titleText: `${Un}-titleText`
 };
-function Un({
+function Vn({
   titleText: e = "",
   height: t,
   "data-testid": n,
   middle: i
 }) {
-  const r = rt(K), s = () => r((c) => !c), l = re(), d = gt();
+  const r = at(Y), a = () => r((l) => !l), c = ae(), d = mt();
   return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ p(
-    Ke,
+    Ye,
     {
       square: !0,
       elevation: 0,
@@ -1169,64 +1227,64 @@ function Un({
         gap: 2,
         flexShrink: 0,
         height: t,
-        zIndex: d ? 0 : l.zIndex.drawer + 1
+        zIndex: d ? 0 : c.zIndex.drawer + 1
       },
       children: [
-        /* @__PURE__ */ o(Q, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: s, children: /* @__PURE__ */ o(Yt, { fontSize: "medium" }) }),
-        /* @__PURE__ */ o(E, { className: zn.titleText, variant: "h6", children: e }),
+        /* @__PURE__ */ o(Q, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: a, children: /* @__PURE__ */ o(Zt, { fontSize: "medium" }) }),
+        /* @__PURE__ */ o(B, { className: Gn.titleText, variant: "h6", children: e }),
         i
       ]
     }
   ) });
 }
-function Fo({
+function No({
   children: e,
   initialTitleText: t,
   initialNavBarOpen: n,
   pageContainerProps: i,
   pageContentDataTestId: r,
-  topBarDataTestId: s,
-  navBarDataTestId: l,
+  topBarDataTestId: a,
+  navBarDataTestId: c,
   navBarMiddle: d,
-  navBarBottom: c,
+  navBarBottom: l,
   user: u,
-  domainCode: v
+  domainCode: C
 }) {
-  st([
-    [K, n != null ? n : !0],
+  lt([
+    [Y, n != null ? n : !0],
     [Ce, t != null ? t : ""]
   ]);
-  const w = Be(K), [A] = V(ft), [m] = V(mt), S = Be(Ce), [k] = V(Ct), [I] = V(Fn), [g] = V(vt);
-  return /* @__PURE__ */ p($, { children: [
-    /* @__PURE__ */ o(Wt, {}),
+  const v = Ne(Y), [w] = V(Ct), [g] = V(xt), b = Ne(Ce), [k] = V(vt), [$] = V(Fn), [f] = V(wt);
+  return /* @__PURE__ */ p(y, { children: [
+    /* @__PURE__ */ o(Ut, {}),
     /* @__PURE__ */ o(
-      Un,
+      Vn,
       {
-        titleText: S,
-        "data-testid": s,
+        titleText: b,
+        "data-testid": a,
         height: k,
-        middle: I
+        middle: $
       }
     ),
-    /* @__PURE__ */ p($, { sx: { display: "flex" }, children: [
+    /* @__PURE__ */ p(y, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ o(
-        Rn,
+        Wn,
         {
-          open: w,
-          top: g,
+          open: v,
+          top: f,
           middle: d,
-          bottom: c,
+          bottom: l,
           user: u,
-          domainCode: v,
-          widthOpen: A,
-          widthClosed: m,
+          domainCode: C,
+          widthOpen: w,
+          widthClosed: g,
           offsetTop: k,
-          "data-testid": l
+          "data-testid": c
         }
       ),
       /* @__PURE__ */ o(
-        Hn,
-        b(a({
+        zn,
+        S(s({
           "data-testid": r,
           topBarHeight: k
         }, i), {
@@ -1236,13 +1294,13 @@ function Fo({
     ] })
   ] });
 }
-const Gn = {
+const qn = {
   autoHideDuration: 6e3,
   anchorOrigin: { vertical: "top", horizontal: "center" },
   // The default is false. If we prefer timer to continue when window loses
   // focus, change to true
   disableWindowBlurListener: !1
-}, Vn = {
+}, Xn = {
   shouldClose: (e, t) => t !== "clickaway"
 }, ze = {
   message: "",
@@ -1250,108 +1308,108 @@ const Gn = {
   variant: "standard",
   progressIndicator: void 0
   // Can use 'circular' or 'linear'
-}, Ue = 100, Ge = 2e3, qn = 2e3, Xn = (() => {
+}, Ue = 100, Ge = 2e3, Qn = 2e3, Yn = (() => {
   let e = 0;
   return () => (e += 1, e);
-})(), Qn = {
+})(), Kn = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
-}, Kn = {}, Yn = {}, wt = Xe(null);
-function Jn(s) {
-  var l = s, {
-    overrideState: e = Kn,
-    overrideActions: t = Yn,
-    shouldClose: n = Vn.shouldClose,
+}, Jn = {}, Zn = {}, bt = Xe(null);
+function jn(a) {
+  var c = a, {
+    overrideState: e = Jn,
+    overrideActions: t = Zn,
+    shouldClose: n = Xn.shouldClose,
     children: i
-  } = l, r = Oe(l, [
+  } = c, r = Oe(c, [
     "overrideState",
     "overrideActions",
     "shouldClose",
     "children"
   ]);
-  var P;
-  const [{ open: d }, c] = F({ open: !1 }), u = ue([]), v = ue(Date.now()), w = ue(0), A = ne((x) => {
-    c({ open: x });
-  }, []), m = ne((x = {}) => {
-    w.current += 1, u.current.length >= Ue && Date.now() - v.current >= Ge && (v.current = Date.now(), console.error(
-      `SaladBarProvider: MAX_QUEUE_LENGTH (${Ue}) hit ${w.current} times in last ${Ge}ms)`
-    ), w.current = 0);
-    const C = a(b(a({}, ze), {
-      key: Xn()
-    }), x);
-    return u.current.push(C), u.current.length === 1 && c({ open: !0 }), C.key;
-  }, []), S = (x = "", C = {}) => m(a({ message: x, severity: "success" }, C)), k = (x = "", C = {}) => m(a({ message: x, severity: "info" }, C)), I = (x = "", C = {}) => m(a({ message: x, severity: "warning" }, C)), g = (x = "", C = {}) => m(a({ message: x, severity: "error" }, C)), D = (x) => {
-    const C = u.current.findIndex((M) => M.key === x);
-    if (C !== -1)
-      return C === 0 ? (c({ open: !1 }), u.current[0]) : u.current.splice(C, 1);
-  }, H = (x, C) => {
-    n(x, C) && c({ open: !1 });
-  }, N = () => {
-  }, _ = () => {
-    u.current.shift(), u.current.length > 0 && c({ open: !0 });
-  }, T = (P = u.current[0]) != null ? P : a({}, ze), h = {};
-  "autoHideDuration" in T && (h.autoHideDuration = T.autoHideDuration);
-  const f = a(a({}, Gn), r), O = a(a({
+  var N;
+  const [{ open: d }, l] = O({ open: !1 }), u = pe([]), C = pe(Date.now()), v = pe(0), w = ne((A) => {
+    l({ open: A });
+  }, []), g = ne((A = {}) => {
+    v.current += 1, u.current.length >= Ue && Date.now() - C.current >= Ge && (C.current = Date.now(), console.error(
+      `SaladBarProvider: MAX_QUEUE_LENGTH (${Ue}) hit ${v.current} times in last ${Ge}ms)`
+    ), v.current = 0);
+    const x = s(S(s({}, ze), {
+      key: Yn()
+    }), A);
+    return u.current.push(x), u.current.length === 1 && l({ open: !0 }), x.key;
+  }, []), b = (A = "", x = {}) => g(s({ message: A, severity: "success" }, x)), k = (A = "", x = {}) => g(s({ message: A, severity: "info" }, x)), $ = (A = "", x = {}) => g(s({ message: A, severity: "warning" }, x)), f = (A = "", x = {}) => g(s({ message: A, severity: "error" }, x)), D = (A) => {
+    const x = u.current.findIndex((R) => R.key === A);
+    if (x !== -1)
+      return x === 0 ? (l({ open: !1 }), u.current[0]) : u.current.splice(x, 1);
+  }, W = (A, x) => {
+    n(A, x) && l({ open: !1 });
+  }, P = () => {
+  }, M = () => {
+    u.current.shift(), u.current.length > 0 && l({ open: !0 });
+  }, I = (N = u.current[0]) != null ? N : s({}, ze), h = {};
+  "autoHideDuration" in I && (h.autoHideDuration = I.autoHideDuration);
+  const m = s(s({}, qn), r), E = s(s({
     open: d,
-    setOpen: A,
-    enqueueNotification: m,
-    enqueueSuccessNotification: S,
+    setOpen: w,
+    enqueueNotification: g,
+    enqueueSuccessNotification: b,
     enqueueInfoNotification: k,
-    enqueueWarningNotification: I,
-    enqueueErrorNotification: g,
+    enqueueWarningNotification: $,
+    enqueueErrorNotification: f,
     removeNotification: D
   }, e), t);
-  return /* @__PURE__ */ p(wt.Provider, { value: O, children: [
+  return /* @__PURE__ */ p(bt.Provider, { value: E, children: [
     i,
     /* @__PURE__ */ o(
-      zt,
-      b(a(a({}, f), h), {
+      Gt,
+      S(s(s({}, m), h), {
         open: d,
-        onClose: H,
+        onClose: W,
         TransitionProps: {
-          onExited: _,
-          onExit: N
+          onExited: M,
+          onExit: P
         },
-        sx: { zIndex: qn },
+        sx: { zIndex: Qn },
         children: /* @__PURE__ */ p("div", { children: [
           /* @__PURE__ */ o(
-            Ut,
+            Vt,
             {
-              onClose: (x) => H(x, "closeAlert"),
-              severity: T.severity,
+              onClose: (A) => W(A, "closeAlert"),
+              severity: I.severity,
               variant: "filled",
-              icon: T.progressIndicator === "circular" ? /* @__PURE__ */ o(Ae, { size: "1em" }) : void 0,
-              style: T.progressIndicator === "linear" ? Qn : void 0,
-              children: T.message
+              icon: I.progressIndicator === "circular" ? /* @__PURE__ */ o(Ae, { size: "1em" }) : void 0,
+              style: I.progressIndicator === "linear" ? Kn : void 0,
+              children: I.message
             }
           ),
-          T.progressIndicator === "linear" && /* @__PURE__ */ o(Gt, { color: "primary" })
+          I.progressIndicator === "linear" && /* @__PURE__ */ o(qt, { color: "primary" })
         ] })
       })
     )
   ] });
 }
-function Zn() {
-  const e = Qe(wt);
+function eo() {
+  const e = Qe(bt);
   if (e === null)
-    throw new be("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
+    throw new Se("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
   return e;
 }
-const Eo = Y(
-  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(Jn, b(a({}, e), { overrideState: t, overrideActions: n, children: i }))
-), jn = rn(), No = ({
+const Lo = K(
+  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(jn, S(s({}, e), { overrideState: t, overrideActions: n, children: i }))
+), to = sn(), _o = ({
   children: e,
   store: t
-}) => /* @__PURE__ */ o(at, { store: t != null ? t : jn, children: e }), At = "domainCode";
+}) => /* @__PURE__ */ o(st, { store: t != null ? t : to, children: e }), St = "domainCode";
 var qe;
-const Ve = L(
-  JSON.parse((qe = localStorage.getItem(At)) != null ? qe : '{"domainCode": ""}').domainCode
-), St = L(
+const Ve = _(
+  JSON.parse((qe = localStorage.getItem(St)) != null ? qe : '{"domainCode": ""}').domainCode
+), kt = _(
   (e) => e(Ve),
   (e, t, n) => {
-    t(Ve, n), localStorage.setItem(At, JSON.stringify({ domainCode: n }));
+    t(Ve, n), localStorage.setItem(St, JSON.stringify({ domainCode: n }));
   }
-), eo = {
+), no = {
   act: "ACT",
   nsw: "NSW",
   nt: "NT",
@@ -1363,76 +1421,76 @@ const Ve = L(
   ag: "AG",
   fedmps: "Fedmps",
   "": ""
-}, to = (e) => {
+}, oo = (e) => {
   var t;
-  return e === null ? "N/A" : (t = eo[e]) != null ? t : "";
-}, Po = ({
+  return e === null ? "N/A" : (t = no[e]) != null ? t : "";
+}, Mo = ({
   isLoading: e,
   isOpen: t,
   onClose: n,
   domainOptions: i,
   applicationName: r,
-  handleLogout: s
+  handleLogout: a
 }) => {
-  const [l, d] = V(St), [c, u] = F(l), { enqueueSuccessNotification: v } = Zn(), w = i.length === 0, A = !!l && !i.includes(l) && !i.includes(c), m = !l || w || A, S = () => z(void 0, null, function* () {
-    c ? (d(c), v(`Set domain to ${c}`), n()) : d("");
-  }), k = () => z(void 0, null, function* () {
-    l && !w && !A ? (u(l), n()) : m && s();
+  const [c, d] = V(kt), [l, u] = O(c), { enqueueSuccessNotification: C } = eo(), v = i.length === 0, w = !!c && !i.includes(c) && !i.includes(l), g = !c || v || w, b = () => F(void 0, null, function* () {
+    l ? (d(l), C(`Set domain to ${l}`), n()) : d("");
+  }), k = () => F(void 0, null, function* () {
+    c && !v && !w ? (u(c), n()) : g && a();
   });
-  let I;
-  return w ? I = "Unable to retrieve your active organisations. Try logging in again." : A && (I = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ p(
-    fn,
+  let $;
+  return v ? $ = "Unable to retrieve your active organisations. Try logging in again." : w && ($ = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ p(
+    ht,
     {
       isOpen: t,
       dialogTitle: "Select an organisation",
       primaryButton: {
         text: "Confirm",
-        onClick: S,
-        disabled: !c || w || A,
+        onClick: b,
+        disabled: !l || v || w,
         buttonColor: "primary"
       },
       secondaryButton: {
-        text: m ? "Logout" : "Cancel",
+        text: g ? "Logout" : "Cancel",
         onClick: k
       },
-      onClose: m ? () => {
+      onClose: g ? () => {
       } : n,
       children: [
-        /* @__PURE__ */ p(E, { marginBottom: 2, children: [
+        /* @__PURE__ */ p(B, { marginBottom: 2, children: [
           "Select the default organisation that you want to use with the ",
           r,
           "."
         ] }),
         /* @__PURE__ */ o(
-          xe,
+          ve,
           {
             loading: e,
             multiple: !1,
             disableClearable: !1,
-            value: c !== "" ? c : null,
-            onChange: (g, D) => u(D != null ? D : ""),
-            getOptionLabel: to,
+            value: l !== "" ? l : null,
+            onChange: (f, D) => u(D != null ? D : ""),
+            getOptionLabel: oo,
             options: [...i],
-            renderInput: (g) => /* @__PURE__ */ o(
+            renderInput: (f) => /* @__PURE__ */ o(
               we,
-              b(a({}, g), {
+              S(s({}, f), {
                 variant: "filled",
                 label: "Select organisation",
-                InputProps: b(a({}, g.InputProps), {
-                  endAdornment: /* @__PURE__ */ p(B, { children: [
+                InputProps: S(s({}, f.InputProps), {
+                  endAdornment: /* @__PURE__ */ p(L, { children: [
                     e ? /* @__PURE__ */ o(Ae, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
-                    g.InputProps.endAdornment
+                    f.InputProps.endAdornment
                   ] })
                 })
               })
             )
           }
         ),
-        I && /* @__PURE__ */ o(Vt, { error: !0, children: I })
+        $ && /* @__PURE__ */ o(Xt, { error: !0, children: $ })
       ]
     }
   );
-}, Bo = tt({
+}, Ro = tt({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1483,7 +1541,7 @@ const Ve = L(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), Lo = tt({
+}), Ho = tt({
   palette: {
     primary: {
       main: "#007236",
@@ -1537,18 +1595,18 @@ const Ve = L(
       styleOverrides: {
         root: ({ theme: e }) => ({
           "&.Mui-selected": {
-            backgroundColor: pe(
+            backgroundColor: he(
               e.palette.secondary.main,
               e.palette.action.selectedOpacity
             ),
             "&:hover": {
-              backgroundColor: pe(
+              backgroundColor: he(
                 e.palette.secondary.main,
                 e.palette.action.selectedOpacity
               )
             },
             "&.Mui-focusVisible": {
-              backgroundColor: pe(
+              backgroundColor: he(
                 e.palette.secondary.main,
                 e.palette.action.focusOpacity
               )
@@ -1574,74 +1632,76 @@ const Ve = L(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), no = {
-  domainCode: St,
-  navBarOpen: K,
-  navBarWidthOpen: ft,
-  navBarWidthClosed: mt,
+}), io = {
+  domainCode: kt,
+  navBarOpen: Y,
+  navBarWidthOpen: Ct,
+  navBarWidthClosed: xt,
   titleText: Ce,
-  topBarHeight: Ct,
-  navBarTop: vt
-}, _o = Y(() => ({ children: e }) => /* @__PURE__ */ o(at, { children: e })), oo = ({
+  topBarHeight: vt,
+  navBarTop: wt
+}, Wo = K(() => ({ children: e }) => /* @__PURE__ */ o(st, { children: e })), ro = ({
   initialValues: e,
   children: t
-}) => (st(e), /* @__PURE__ */ o(B, { children: t })), Mo = Y(
+}) => (lt(e), /* @__PURE__ */ o(L, { children: t })), zo = K(
   (e) => ({ children: t }) => /* @__PURE__ */ o(
-    oo,
+    ro,
     {
       initialValues: Object.entries(e).map(
         ([n, i]) => [
-          no[n],
+          io[n],
           i
         ]
       ),
       children: t
     }
   )
-), Ro = Y(() => ({ children: e }) => {
-  const t = new en();
-  return /* @__PURE__ */ o(tn, { client: t, children: e });
+), Uo = K(() => ({ children: e }) => {
+  const t = new nn();
+  return /* @__PURE__ */ o(on, { client: t, children: e });
 });
 export {
-  fn as AgDialog,
-  Fo as AppLayout,
-  No as AtomProvider,
-  yo as AuthGuard,
-  wt as Context,
-  be as ContextError,
-  Po as DomainCodeDialog,
-  So as ExampleComponent,
-  Io as FetchAutocomplete,
-  oo as HydrateAtoms,
-  ct as NAVBAR_WIDTH_CLOSED,
-  lt as NAVBAR_WIDTH_OPENED,
-  $o as NavBar,
-  ko as NavBarDarkStyledList,
-  Do as NavBarLightStyledList,
-  pn as NavBarProvider,
-  Oo as PageLayout,
-  Jn as SaladBarProvider,
-  To as SingleAutocomplete,
-  jn as atomStore,
-  gn as buildNavBarState,
-  St as domainCodeAtom,
-  Bo as fed21Theme,
-  Lo as internalAgSystemsTheme,
+  ht as AgDialog,
+  No as AppLayout,
+  _o as AtomProvider,
+  Fo as AuthGuard,
+  bt as Context,
+  Se as ContextError,
+  Mo as DomainCodeDialog,
+  Do as ExampleComponent,
+  Oo as FetchAutocomplete,
+  ro as HydrateAtoms,
+  dt as NAVBAR_WIDTH_CLOSED,
+  ct as NAVBAR_WIDTH_OPENED,
+  To as NavBar,
+  $o as NavBarDarkStyledList,
+  Io as NavBarLightStyledList,
+  gn as NavBarProvider,
+  Po as PageLayout,
+  jn as SaladBarProvider,
+  Bo as SessionExpiryDialog,
+  Eo as SingleAutocomplete,
+  to as atomStore,
+  mn as buildNavBarState,
+  kt as domainCodeAtom,
+  Ro as fed21Theme,
+  Cn as getAuth0Expiry,
+  Ho as internalAgSystemsTheme,
   q as navBarClasses,
-  K as navBarOpenAtom,
-  vt as navBarTopAtom,
-  mt as navBarWidthClosedAtom,
-  ft as navBarWidthOpenAtom,
+  Y as navBarOpenAtom,
+  wt as navBarTopAtom,
+  xt as navBarWidthClosedAtom,
+  Ct as navBarWidthOpenAtom,
   Ce as titleTextAtom,
-  Ct as topBarHeightAtom,
+  vt as topBarHeightAtom,
   Fn as topBarMiddleAtom,
-  pt as useAutocompleteOptions,
-  hn as useNavBar,
-  Zn as useSaladBar,
-  _o as withAtomProvider,
-  bo as withNavBarProvider,
-  Mo as withOverrideDefaults,
-  Ro as withQueryClient,
-  Eo as withSaladBarProvider
+  gt as useAutocompleteOptions,
+  fn as useNavBar,
+  eo as useSaladBar,
+  Wo as withAtomProvider,
+  yo as withNavBarProvider,
+  zo as withOverrideDefaults,
+  Uo as withQueryClient,
+  Lo as withSaladBarProvider
 };
 //# sourceMappingURL=index.js.map