@australiangreens/ag-internal-components 0.0.87 → 0.0.88

package/dist/esm/index.js

@@ -10,7 +10,7 @@ var pe = (e, t, n) => t in e ? Pt(e, t, { enumerable: !0, configurable: !0, writ
       Oe.call(t, n) && pe(e, n, t[n]);
   return e;
 }, S = (e, t) => Nt(e, Lt(t));
-var Ee = (e, t) => {
+var Be = (e, t) => {
   var n = {};
   for (var i in e)
     Te.call(e, i) && t.indexOf(i) < 0 && (n[i] = e[i]);
@@ -19,8 +19,8 @@ var Ee = (e, t) => {
       t.indexOf(i) < 0 && Oe.call(e, i) && (n[i] = e[i]);
   return n;
 };
-var Be = (e, t, n) => (pe(e, typeof t != "symbol" ? t + "" : t, n), n);
-var P = (e, t, n) => new Promise((i, r) => {
+var Ee = (e, t, n) => (pe(e, typeof t != "symbol" ? t + "" : t, n), n);
+var N = (e, t, n) => new Promise((i, r) => {
   var a = (l) => {
     try {
       d(n.next(l));
@@ -36,28 +36,30 @@ var P = (e, t, n) => new Promise((i, r) => {
   }, 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 _, jsx as o } from "react/jsx-runtime";
+import { jsxs as p, Fragment as M, jsx as o } from "react/jsx-runtime";
 import { useState as E, createContext as Qe, useCallback as ne, useContext as Ye, createElement as Ce, useEffect as oe, useRef as he } from "react";
-import { Typography as F, Button as ie, Paper as Ke, Box as $, Drawer as ve, Dialog as Je, LinearProgress as Ze, DialogTitle as je, DialogContent as et, DialogActions as tt, Autocomplete as we, TextField as Ae, CircularProgress as be, Chip as _t, Tooltip as Mt, Stack as Rt, styled as Se, IconButton as Q, Container as nt, useTheme as ae, useMediaQuery as Ht, Collapse as Wt, Avatar as Fe, Fade as zt, Skeleton as Pe, Toolbar as Ut, Divider as Ne, CssBaseline as Gt, Snackbar as Vt, Alert as qt, FormHelperText as Xt } from "@mui/material";
+import { Typography as P, Button as ie, Paper as Ke, Box as $, Drawer as ve, Dialog as Je, LinearProgress as Ze, DialogTitle as je, DialogContent as et, DialogActions as tt, Autocomplete as we, TextField as Ae, CircularProgress as be, Chip as _t, Tooltip as Mt, Stack as Rt, styled as Se, IconButton as Y, Container as nt, useTheme as ae, useMediaQuery as Ht, Collapse as Wt, Avatar as Fe, Fade as zt, Skeleton as Pe, Toolbar as Ut, Divider as Ne, CssBaseline as Gt, Snackbar as Vt, Alert as qt, FormHelperText as Xt } from "@mui/material";
 import Qt from "@mui/material/CssBaseline";
-import { styled as R, createTheme as ot, alpha as ge } from "@mui/material/styles";
+import { styled as H, createTheme as ot, alpha as ge } from "@mui/material/styles";
 import { AgError as Yt } from "@australiangreens/ag-error";
-import { createHelper as K } from "souvlaki";
+import { createHelper as X } from "souvlaki";
+import { BrowserRouter as Kt } from "react-router-dom";
 import it from "@mui/material/List";
-import { Cancel as Kt, ArrowDropDown as Jt, ArrowForward as rt, ArrowBack as at, 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 st } from "@auth0/auth0-react";
-import { Buffer as rn } from "buffer";
-import an from "@mui/material/Skeleton";
-import { atom as M, useSetAtom as lt, useAtomValue as Le, useAtom as V, getDefaultStore as sn, Provider as ct } from "jotai";
+import { Cancel as Jt, ArrowDropDown as Zt, ArrowForward as rt, ArrowBack as at, ViewHeadline as jt } from "@mui/icons-material";
+import { atom as R, useSetAtom as st, useAtomValue as Le, useAtom as V, getDefaultStore as en, Provider as lt } from "jotai";
+import "src/layouts";
+import tn from "autosuggest-highlight/match";
+import nn from "autosuggest-highlight/parse";
+import { useQuery as on, QueryClient as rn, QueryClientProvider as an } from "@tanstack/react-query";
+import { useAuth0 as ct } from "@auth0/auth0-react";
+import { Buffer as sn } from "buffer";
+import ln from "@mui/material/Skeleton";
 import { useHydrateAtoms as dt } from "jotai/utils";
-function Do({ text: e }) {
+function Io({ text: e }) {
   const [t, n] = E(0);
-  return /* @__PURE__ */ p(_, { 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" }) }),
+  return /* @__PURE__ */ p(M, { children: [
+    /* @__PURE__ */ o(P, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
+    /* @__PURE__ */ o(P, { 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(
       ie,
       {
@@ -85,7 +87,7 @@ const ut = 330, pt = 73, U = "Navbar", q = {
   userInfoHolder: `${U}-userInfoHolder`,
   settings: `${U}-settings`,
   pieChartIcon: `${U}-pieChartIcon`
-}, ln = R($, {
+}, cn = H($, {
   name: "NavBar"
 })(({ theme: e }) => ({
   [`&.${q.root}`]: {
@@ -114,11 +116,11 @@ const ut = 330, pt = 73, U = "Navbar", q = {
   color: "white",
   backgroundColor: "black"
   // backgroundColor: '#e8e8e8',
-}), cn = () => s({
+}), dn = () => s({
   width: ut
-}, ht()), dn = () => s({
+}, ht()), un = () => s({
   width: pt
-}, ht()), un = R(ve, {
+}, ht()), pn = H(ve, {
   shouldForwardProp: (e) => e !== "open"
 })(({ theme: e, open: t }) => s(s({
   width: t ? ut : pt,
@@ -127,16 +129,16 @@ const ut = 330, pt = 73, U = "Navbar", q = {
   boxSizing: "border-box",
   zIndex: e.zIndex.drawer + 100
 }, t && {
-  "& .MuiDrawer-paper": cn()
-}), !t && {
   "& .MuiDrawer-paper": dn()
+}), !t && {
+  "& .MuiDrawer-paper": un()
 }));
 class ke extends Yt {
 }
-Be(ke, "errorName", "ContextError");
-const gt = Qe(null), pn = {}, hn = {}, gn = ({
-  overrideState: e = pn,
-  overrideActions: t = hn,
+Ee(ke, "errorName", "ContextError");
+const gt = Qe(null), hn = {}, gn = {}, fn = ({
+  overrideState: e = hn,
+  overrideActions: t = gn,
   children: n
 }) => {
   const [{ open: i }, r] = E({ open: !0 }), a = ne((l) => {
@@ -149,16 +151,16 @@ const gt = Qe(null), pn = {}, hn = {}, gn = ({
     toggleOpen: c
   }, e), t);
   return /* @__PURE__ */ o(gt.Provider, { value: d, children: n });
-}, fn = () => {
+}, mn = () => {
   const e = Ye(gt);
   if (e === null)
     throw new ke("Error: Tried to useNavBar outside of a <NavBarProvider>");
   return e;
-}, mn = (e = {}) => s({
+}, Cn = (e = {}) => s({
   open: !0
-}, e), yo = K(
-  (e = mn(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(gn, { overrideState: e, overrideActions: t, children: n })
-), _e = 7, $o = R(it)(({ theme: e }) => ({
+}, e), To = X(
+  (e = Cn(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(fn, { overrideState: e, overrideActions: t, children: n })
+), Oo = X(() => ({ children: e }) => /* @__PURE__ */ o(Kt, { children: e })), _e = 7, Bo = H(it)(({ theme: e }) => ({
   backgroundColor: "black",
   color: "white",
   "& .MuiListItem-root": {
@@ -196,7 +198,7 @@ const gt = Qe(null), pn = {}, hn = {}, gn = ({
     // '&.Mui-selected.Mui-focusVisible:hover': {
     // },
   }
-})), Me = 7, Io = R(it)(({ theme: e }) => ({
+})), Me = 7, Eo = H(it)(({ theme: e }) => ({
   backgroundColor: "#e8e8e8",
   color: "inherit",
   "& .MuiListItem-root": {
@@ -235,15 +237,15 @@ const gt = Qe(null), pn = {}, hn = {}, gn = ({
     // },
   }
 }));
-function To({
+function Fo({
   "data-testid": e,
   children: t
 }) {
-  const { open: n } = fn();
-  return /* @__PURE__ */ p(ln, { className: q.root, "data-testid": e, children: [
+  const { open: n } = mn();
+  return /* @__PURE__ */ p(cn, { className: q.root, "data-testid": e, children: [
     /* @__PURE__ */ o(Qt, {}),
     /* @__PURE__ */ o(
-      un,
+      pn,
       {
         variant: "permanent",
         anchor: "left",
@@ -265,23 +267,23 @@ const ft = ({
   sx: d,
   "data-testid": l,
   disableCloseOnBackdropOrEscape: u = !1,
-  isLoading: w = !1
+  isLoading: v = !1
 }) => {
-  var g, k;
-  const [C, A] = E(!1);
+  var g, D;
+  const [C, w] = E(!1);
   return /* @__PURE__ */ p(
     Je,
     {
       open: e,
-      onClose: (b, D) => P(void 0, null, function* () {
-        u && (D === "backdropClick" || D === "escapeKeyDown") || C || (a != null && a.onClick ? yield a.onClick() : c());
+      onClose: (A, k) => N(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": l,
       sx: d,
       children: [
-        w && /* @__PURE__ */ o(Ze, { sx: { height: "4px", marginBottom: "-4px" } }),
+        v && /* @__PURE__ */ o(Ze, { sx: { height: "4px", marginBottom: "-4px" } }),
         /* @__PURE__ */ o(je, { children: t }),
         /* @__PURE__ */ o(et, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
         /* @__PURE__ */ p(tt, { children: [
@@ -292,15 +294,15 @@ const ft = ({
               "data-testid": a == null ? void 0 : a.testId,
               disabled: (a == null ? void 0 : a.disabled) || C,
               color: a == null ? void 0 : a.buttonColor,
-              children: (k = a == null ? void 0 : a.text) != null ? k : "Cancel"
+              children: (D = a == null ? void 0 : a.text) != null ? D : "Cancel"
             }
           ),
           r && /* @__PURE__ */ o(
             ie,
             {
-              onClick: () => P(void 0, null, function* () {
-                var b;
-                A(!0), yield (b = r.onClick) == null ? void 0 : b.call(r), A(!1);
+              onClick: () => N(void 0, null, function* () {
+                var A;
+                w(!0), yield (A = r.onClick) == null ? void 0 : A.call(r), w(!1);
               }),
               "data-testid": r.testId,
               disabled: r.disabled || C,
@@ -318,14 +320,14 @@ const ft = ({
   lookup: n,
   label: i,
   inputValue: r
-}) => tn({
+}) => on({
   queryFn: () => e && r.length < e ? t != null ? t : [] : t ? t.filter(
     (a) => a.label.toLowerCase().includes(r.toLowerCase())
   ) : n(r),
   queryKey: ["autocomplete", i, r]
 });
-function Oo({
-  lookup: e = () => P(this, null, function* () {
+function Po({
+  lookup: e = () => N(this, null, function* () {
   }),
   enableHighlighting: t = !0,
   onChange: n,
@@ -336,25 +338,25 @@ function Oo({
   sx: d,
   boxSx: l,
   textFieldColor: u,
-  textFieldVariant: w = "filled",
+  textFieldVariant: v = "filled",
   loadingText: C = "Loading...",
-  noOptionsText: A = "No options",
-  popupIcon: g = /* @__PURE__ */ o(Jt, {}),
-  error: k = !1,
-  helperText: b = "",
-  preLoadedOptions: D = void 0,
+  noOptionsText: w = "No options",
+  popupIcon: g = /* @__PURE__ */ o(Zt, {}),
+  error: D = !1,
+  helperText: A = "",
+  preLoadedOptions: k = void 0,
   disablePortal: I = !1
 }) {
-  const [x, y] = E(""), H = (h, f) => {
-    const B = a.filter((m) => m.id !== f);
-    n(B, "delete", h);
-  }, { data: N, isLoading: T } = mt({
-    inputValue: x,
+  const [T, b] = E(""), y = (h, f) => {
+    const F = a.filter((m) => m.id !== f);
+    n(F, "delete", h);
+  }, { data: L, isLoading: O } = mt({
+    inputValue: T,
     label: r,
     lookup: e,
     minLength: i,
-    preLoadedOptions: D
-  }), W = x.length >= i;
+    preLoadedOptions: k
+  }), W = T.length >= i;
   return /* @__PURE__ */ p("div", { "data-testid": c, children: [
     /* @__PURE__ */ o(
       we,
@@ -364,16 +366,16 @@ function Oo({
         disablePortal: I,
         multiple: !0,
         getOptionLabel: (h) => typeof h == "string" ? h : h.label,
-        loading: W ? T : !1,
-        options: [...a, ...N != null ? N : []],
+        loading: W ? O : !1,
+        options: [...a, ...L != null ? L : []],
         filterSelectedOptions: !0,
         includeInputInList: !0,
         value: a,
-        onChange: (h, f, B) => {
-          n(f, B, h);
+        onChange: (h, f, F) => {
+          n(f, F, h);
         },
-        onInputChange: (h, f) => y(f),
-        noOptionsText: W ? A : "Start typing to search",
+        onInputChange: (h, f) => b(f),
+        noOptionsText: W ? w : "Start typing to search",
         loadingText: C,
         popupIcon: g,
         renderInput: (h) => /* @__PURE__ */ o(
@@ -381,12 +383,12 @@ function Oo({
           S(s({}, h), {
             label: r,
             fullWidth: !0,
-            variant: w,
-            error: k,
-            helperText: b,
+            variant: v,
+            error: D,
+            helperText: A,
             InputProps: S(s({}, h.InputProps), {
-              endAdornment: /* @__PURE__ */ p(_, { children: [
-                T ? /* @__PURE__ */ o(be, { color: "inherit", size: 20 }) : null,
+              endAdornment: /* @__PURE__ */ p(M, { children: [
+                O ? /* @__PURE__ */ o(be, { color: "inherit", size: 20 }) : null,
                 h.InputProps.endAdornment
               ] })
             }),
@@ -399,25 +401,25 @@ function Oo({
         ),
         renderTags: () => null,
         isOptionEqualToValue: (h, f) => h.id === f.id,
-        renderOption: (h, f, B) => {
+        renderOption: (h, f, F) => {
           if (t) {
-            const m = jt(f.label, B.inputValue, {
+            const m = tn(f.label, F.inputValue, {
               insideWords: !0,
               findAllOccurrences: !0
-            }), v = en(f.label, m);
+            }), x = nn(f.label, m);
             return /* @__PURE__ */ Ce(
               "li",
               S(s({}, h), {
                 key: f.id,
                 "data-testid": c ? `${c}:Autocomplete:option(${f.id.toString()})` : void 0
               }),
-              /* @__PURE__ */ o("div", { children: v.map((L, se) => /* @__PURE__ */ o(
+              /* @__PURE__ */ o("div", { children: x.map((_, se) => /* @__PURE__ */ o(
                 "span",
                 {
                   style: {
-                    fontWeight: L.highlight ? 700 : 400
+                    fontWeight: _.highlight ? 700 : 400
                   },
-                  children: L.text
+                  children: _.text
                 },
                 se
               )) })
@@ -457,13 +459,13 @@ function Oo({
                 }
               ]
             },
-            children: /* @__PURE__ */ o(F, { style: { whiteSpace: "normal" }, children: h.chipLabel ? h.chipLabel : h.label })
+            children: /* @__PURE__ */ o(P, { style: { whiteSpace: "normal" }, children: h.chipLabel ? h.chipLabel : h.label })
           }
         ),
         "data-testid": c ? `${c}:Chip(${h.id.toString()})` : void 0,
-        onDelete: (f) => H(f, h.id),
+        onDelete: (f) => y(f, h.id),
         deleteIcon: /* @__PURE__ */ o(
-          Kt,
+          Jt,
           {
             "data-testid": c ? `${c}:Chip(${h.id.toString()}):deleteIcon` : void 0
           }
@@ -473,8 +475,8 @@ function Oo({
     )) })
   ] });
 }
-const Eo = ({
-  lookup: e = () => P(void 0, null, function* () {
+const No = ({
+  lookup: e = () => N(void 0, null, function* () {
   }),
   onChange: t,
   label: n,
@@ -485,63 +487,65 @@ const Eo = ({
   "data-testid": d,
   noOptionsText: l = "No options",
   minLength: u = 3,
-  disablePortal: w = !1,
+  disablePortal: v = !1,
   preLoadedOptions: C,
-  helperText: A = ""
+  helperText: w = "",
+  disabled: g
 }) => {
-  const [g, k] = E(""), { data: b, isLoading: D } = mt({
-    inputValue: g,
+  const [D, A] = E(""), { data: k, isLoading: I } = mt({
+    inputValue: D,
     label: n,
     lookup: e,
     minLength: u != null ? u : 0,
     preLoadedOptions: C
-  }), I = g.length >= u;
+  }), T = D.length >= u;
   return /* @__PURE__ */ o("div", { "data-testid": d, children: /* @__PURE__ */ o(Rt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
     we,
     {
       sx: r,
       "data-testid": d ? `${d}:Autocomplete` : void 0,
-      loading: I ? D : !1,
-      options: b != null ? b : [],
-      onChange: (x, y) => {
-        t(x, y);
+      loading: T ? I : !1,
+      options: k != null ? k : [],
+      onChange: (b, y) => {
+        t(b, y);
       },
-      disablePortal: w,
-      filterOptions: (x) => x,
+      disablePortal: v,
+      filterOptions: (b) => b,
       value: i,
-      noOptionsText: I ? l : "Start typing to search",
-      getOptionLabel: (x) => x.label,
-      renderInput: (x) => /* @__PURE__ */ o(
+      noOptionsText: T ? l : "Start typing to search",
+      getOptionLabel: (b) => b.label,
+      renderInput: (b) => /* @__PURE__ */ o(
         Ae,
         S(s({
           "data-testid": d ? `${d}:Autocomplete:TextField` : void 0
-        }, x), {
+        }, b), {
           variant: c,
           label: n,
           color: a,
-          helperText: A
+          helperText: w
         })
       ),
-      isOptionEqualToValue: (x, y) => x.id === y.id,
-      onInputChange: (x, y) => {
-        k(y);
+      isOptionEqualToValue: (b, y) => b.id === y.id,
+      onInputChange: (b, y) => {
+        A(y);
       },
-      renderOption: (x, y) => /* @__PURE__ */ Ce(
+      renderOption: (b, y) => /* @__PURE__ */ Ce(
         "li",
-        S(s({}, x), {
+        S(s({}, b), {
           key: y.id,
           "data-testid": d ? `${d}:Autocomplete:option(${y.id.toString()})` : void 0
         }),
         y.label
-      )
+      ),
+      disabled: g
     }
   ) }) });
-}, Cn = (e) => {
+}, xn = (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) {
+      sn.from(n, "base64").toString("utf8").split("").map(function(a) {
         return "%" + ("00" + a.charCodeAt(0).toString(16)).slice(-2);
       }).join("")
     ), r = JSON.parse(i);
@@ -549,20 +553,20 @@ const Eo = ({
   } catch (t) {
     return -1;
   }
-}, Bo = ({
+}, Lo = ({
   open: e = !1,
   closeHandler: t,
   setAuth0ExpiryTime: n
 }) => {
-  const { logout: i, getAccessTokenSilently: r } = st(), [a, c] = E(0), d = () => P(void 0, null, function* () {
+  const { logout: i, getAccessTokenSilently: r } = ct(), [a, c] = E(0), d = () => N(void 0, null, function* () {
     i({ logoutParams: { returnTo: `${window.location.origin}` } });
-  }), l = () => P(void 0, null, function* () {
+  }), l = () => N(void 0, null, function* () {
     c(a + 1), t();
   });
   return oe(() => {
-    (() => P(void 0, null, function* () {
+    (() => N(void 0, null, function* () {
       if (a > 0) {
-        const A = yield r({ cacheMode: "off" }), g = Cn(A) * 1e3;
+        const w = yield r({ cacheMode: "off" }), g = xn(w) * 1e3;
         n(g);
       }
     }))();
@@ -591,27 +595,27 @@ const Eo = ({
     }
   );
 };
-function xn(e) {
+function vn(e) {
   return "error" in e;
 }
-function vn(e) {
+function wn(e) {
   return e.error === "access_denied";
 }
-function wn(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("You do not have the required authorization");
 }
-function An(e) {
+function bn(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 Fo({
+function _o({
   children: e,
   appName: t = "the app"
 }) {
-  const { isAuthenticated: n, isLoading: i, error: r, loginWithRedirect: a, logout: c } = st();
+  const { isAuthenticated: n, isLoading: i, error: r, loginWithRedirect: a, logout: c } = ct();
   if (oe(() => {
     if (i || n || r)
       return;
@@ -621,42 +625,42 @@ function Fo({
       }
     };
     a(d);
-  }, [i, n, r, a]), r && xn(r)) {
+  }, [i, n, r, a]), r && vn(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(Je, { open: !0, children: [
+    return An(r) ? (d = "Unauthorised", l = `You are not authorised to access ${t}.`) : bn(r) ? (d = "App not authorised", l = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`) : wn(r) && (d = "Unauthorised", l = "Authorisation with auth0 failed for an unknown reason."), /* @__PURE__ */ p(Je, { open: !0, children: [
       /* @__PURE__ */ o(je, { children: d }),
-      /* @__PURE__ */ o(et, { children: /* @__PURE__ */ o(F, { children: l }) }),
+      /* @__PURE__ */ o(et, { children: /* @__PURE__ */ o(P, { children: l }) }),
       /* @__PURE__ */ o(tt, { children: /* @__PURE__ */ o(ie, { onClick: () => c({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" }) })
     ] });
   }
-  return n ? /* @__PURE__ */ o(_, { children: e }) : /* @__PURE__ */ o(an, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
+  return n ? /* @__PURE__ */ o(M, { children: e }) : /* @__PURE__ */ o(ln, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
 }
-const bn = 24, Sn = 64, G = "TopBar", O = {
+const Sn = 24, kn = 64, G = "TopBar", B = {
   topStripe: `${G}-topStripe`,
   titleBar: `${G}-titleBar`,
   titleSlider: `${G}-titleSlider`,
   titleText: `${G}-titleText`,
   leftPanelButton: `${G}-leftPanelButton`,
   rightPanelButton: `${G}-leftPanelButton`
-}, kn = Se("div", {
+}, Dn = Se("div", {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: G
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
   var i, r;
   return {
     width: "100%",
-    [`& .${O.topStripe}`]: {
+    [`& .${B.topStripe}`]: {
       width: "100%",
-      height: `${bn}px`,
+      height: `${Sn}px`,
       backgroundColor: e.palette.primary.main
     },
-    [`& .${O.titleBar}`]: {
+    [`& .${B.titleBar}`]: {
       backgroundColor: e.palette.primary.light,
-      height: `${Sn}px`,
+      height: `${kn}px`,
       padding: e.spacing(0, 3),
       width: "100%"
     },
-    [`& .${O.titleSlider}`]: s(s({
+    [`& .${B.titleSlider}`]: s(s({
       height: "100%",
       display: "flex",
       alignItems: "center",
@@ -665,14 +669,14 @@ const bn = 24, Sn = 64, G = "TopBar", O = {
         easing: e.transitions.easing.sharp,
         duration: e.transitions.duration.leavingScreen
       }),
-      [`& .${O.leftPanelButton}`]: {
+      [`& .${B.leftPanelButton}`]: {
         marginRight: e.spacing(2),
         flexGrow: 0
       },
-      [`& .${O.titleText}`]: {
+      [`& .${B.titleText}`]: {
         flexGrow: 1
       },
-      [`& .${O.rightPanelButton}`]: {
+      [`& .${B.rightPanelButton}`]: {
         flexGrow: 0
       }
     }, (t == null ? void 0 : t.open) && {
@@ -690,19 +694,19 @@ const bn = 24, Sn = 64, G = "TopBar", O = {
     })
   };
 });
-function Dn({
+function yn({
   titleText: e = "",
   leftPanel: t,
   rightPanel: n,
   "data-testid": i
 }) {
-  return /* @__PURE__ */ p(kn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
-    /* @__PURE__ */ o("div", { className: O.topStripe }),
-    /* @__PURE__ */ o("div", { className: O.titleBar, children: /* @__PURE__ */ p($, { className: O.titleSlider, children: [
+  return /* @__PURE__ */ p(Dn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
+    /* @__PURE__ */ o("div", { className: B.topStripe }),
+    /* @__PURE__ */ o("div", { className: B.titleBar, children: /* @__PURE__ */ p($, { className: B.titleSlider, children: [
       t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ p(
-        Q,
+        Y,
         {
-          className: O.leftPanelButton,
+          className: B.leftPanelButton,
           color: "inherit",
           "aria-label": "Open left side panel",
           onClick: t == null ? void 0 : t.onOpen,
@@ -714,11 +718,11 @@ function Dn({
           ]
         }
       ),
-      /* @__PURE__ */ o(F, { className: O.titleText, variant: "h6", noWrap: !0, children: e }),
+      /* @__PURE__ */ o(P, { className: B.titleText, variant: "h6", noWrap: !0, children: e }),
       n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ p(
-        Q,
+        Y,
         {
-          className: O.rightPanelButton,
+          className: B.rightPanelButton,
           color: "inherit",
           "aria-label": "Open right side panel",
           onClick: n == null ? void 0 : n.onOpen,
@@ -733,7 +737,7 @@ function Dn({
     ] }) })
   ] });
 }
-const Ct = 400, yn = Se(ve, {
+const Ct = 400, $n = Se(ve, {
   shouldForwardProp: (e) => (
     // Note we do want anchor to be forwarded to the Drawer component
     ![
@@ -763,7 +767,7 @@ const Ct = 400, yn = Se(ve, {
       marginLeft: `${r}px`
     }))
   })
-), $n = Se($, {
+), In = Se($, {
   shouldForwardProp: (e) => !["anchor"].includes(e)
 })(({ theme: e, anchor: t }) => S(s({
   display: "flex",
@@ -795,18 +799,18 @@ function Re({
   debugOpacity: d = !1,
   headerBoxProps: l = {},
   onOpened: u,
-  onClosed: w,
+  onClosed: v,
   "data-testid": C,
-  navBarOpen: A = !1,
+  navBarOpen: w = !1,
   navBarWidthOpen: g = 0,
-  navBarWidthClosed: k = 0
+  navBarWidthClosed: D = 0
 }) {
   return /* @__PURE__ */ p(
-    yn,
+    $n,
     {
       SlideProps: {
         onEntered: () => u == null ? void 0 : u(),
-        onExited: () => w == null ? void 0 : w()
+        onExited: () => v == null ? void 0 : v()
       },
       variant: "persistent",
       anchor: t,
@@ -814,29 +818,29 @@ function Re({
       width: a,
       debugOpacity: d,
       "data-testid": C,
-      navBarOpen: A,
+      navBarOpen: w,
       navBarWidthOpen: g,
-      navBarWidthClosed: k,
+      navBarWidthClosed: D,
       children: [
-        /* @__PURE__ */ o($n, S(s({ anchor: t }, l), { children: t === "left" ? /* @__PURE__ */ p(_, { children: [
-          /* @__PURE__ */ o(F, { 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(In, S(s({ anchor: t }, l), { children: t === "left" ? /* @__PURE__ */ p(M, { children: [
+          /* @__PURE__ */ o(P, { variant: "h6", color: "inherit", component: "div", children: r }),
+          c && /* @__PURE__ */ p(Y, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
             /* @__PURE__ */ o(at, { "data-testid": "arrowbackicon" }),
             " "
           ] })
-        ] }) : /* @__PURE__ */ p(_, { children: [
-          c && /* @__PURE__ */ p(Q, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
+        ] }) : /* @__PURE__ */ p(M, { children: [
+          c && /* @__PURE__ */ p(Y, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
             /* @__PURE__ */ o(rt, {}),
             " "
           ] }),
-          /* @__PURE__ */ o(F, { variant: "h6", color: "inherit", component: "div", children: r })
+          /* @__PURE__ */ o(P, { variant: "h6", color: "inherit", component: "div", children: r })
         ] }) })),
         e
       ]
     }
   );
 }
-const In = R($, {
+const Tn = H($, {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: "PanelAwareMargins"
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
@@ -859,7 +863,7 @@ const In = R($, {
     }),
     marginRight: `${(r = n == null ? void 0 : n.width) != null ? r : 0}px`
   });
-}), Tn = R(nt, {
+}), On = H(nt, {
   name: "PageContainer"
 })(({ theme: e }) => ({
   // Horizontal padding comes from the Container's gutter
@@ -874,12 +878,12 @@ const In = R($, {
   startOpen: !1,
   open: void 0,
   onChangeOpen: void 0,
-  content: /* @__PURE__ */ o(_, {}),
+  content: /* @__PURE__ */ o(M, {}),
   onOpened: void 0,
   onClosed: void 0,
   dataTestId: void 0
 };
-function Po({
+function Mo({
   children: e,
   titleText: t = "",
   leftPanel: n,
@@ -890,18 +894,18 @@ function Po({
   pageContentDataTestId: d,
   topBarDataTestId: l,
   navBarOpen: u,
-  navBarWidthOpen: w,
+  navBarWidthOpen: v,
   navBarWidthClosed: C
 }) {
-  const [A, g] = E(fe), [k, b] = E(me), [D, I] = E(fe), [x, y] = E(me), H = n !== void 0, N = i !== void 0, {
-    titleText: T,
+  const [w, g] = E(fe), [D, A] = E(me), [k, I] = E(fe), [T, b] = E(me), y = n !== void 0, L = i !== void 0, {
+    titleText: O,
     content: W,
     flavour: h,
     open: f,
-    onChangeOpen: B,
+    onChangeOpen: F,
     width: m,
-    arrowButtons: v,
-    startOpen: L,
+    arrowButtons: x,
+    startOpen: _,
     onOpened: se,
     onClosed: $t,
     dataTestId: It
@@ -914,22 +918,22 @@ function Po({
     width: ce,
     arrowButtons: J,
     startOpen: Z,
-    onOpened: Et,
-    onClosed: Bt,
+    onOpened: Bt,
+    onClosed: Et,
     dataTestId: Ft
   } = i ? s(s({}, ee), i) : s({}, ee);
   oe(() => {
-    L !== fe && (g(L), I(L));
-  }, [L]), oe(() => {
-    Z !== me && (b(Z), y(Z));
+    _ !== fe && (g(_), I(_));
+  }, [_]), oe(() => {
+    Z !== me && (A(Z), b(Z));
   }, [Z]);
-  const de = f === void 0 ? A : f, ue = le === void 0 ? k : le, $e = (z) => {
-    f === void 0 && (g(z), r && N && (z ? (b(!1), y(k)) : b(x))), B && B(z);
+  const de = f === void 0 ? w : f, ue = le === void 0 ? D : le, $e = (z) => {
+    f === void 0 && (g(z), r && L && (z ? (A(!1), b(D)) : A(T))), F && F(z);
   }, Ie = (z) => {
-    le === void 0 && (b(z), r && H && (z ? (g(!1), I(A)) : g(D))), ye && ye(z);
+    le === void 0 && (A(z), r && y && (z ? (g(!1), I(w)) : g(k))), ye && ye(z);
   };
   return /* @__PURE__ */ p($, { children: [
-    H && /* @__PURE__ */ o(
+    y && /* @__PURE__ */ o(
       Re,
       {
         "data-testid": It,
@@ -937,18 +941,18 @@ function Po({
         open: de,
         onClose: () => $e(!1),
         width: m,
-        titleText: T,
+        titleText: O,
         debugOpacity: a,
-        showCloseArrow: v === "both" || v === "close",
+        showCloseArrow: x === "both" || x === "close",
         onOpened: se,
         onClosed: $t,
         navBarOpen: u,
-        navBarWidthOpen: w,
+        navBarWidthOpen: v,
         navBarWidthClosed: C,
         children: W
       }
     ),
-    N && /* @__PURE__ */ o(
+    L && /* @__PURE__ */ o(
       Re,
       {
         "data-testid": Ft,
@@ -959,27 +963,27 @@ function Po({
         titleText: Tt,
         debugOpacity: a,
         showCloseArrow: J === "both" || J === "close",
-        onOpened: Et,
-        onClosed: Bt,
+        onOpened: Bt,
+        onClosed: Et,
         navBarOpen: u,
-        navBarWidthOpen: w,
+        navBarWidthOpen: v,
         navBarWidthClosed: C,
         children: Ot
       }
     ),
     /* @__PURE__ */ o(
-      Dn,
+      yn,
       s(s({
         titleText: t,
         "data-testid": l
-      }, H && h === "push" ? {
+      }, y && h === "push" ? {
         leftPanel: {
           open: de,
           width: m,
           onOpen: () => $e(!0),
-          showOpenArrow: v === "both" || v === "open"
+          showOpenArrow: x === "both" || x === "open"
         }
-      } : {}), N && De === "push" ? {
+      } : {}), L && De === "push" ? {
         rightPanel: {
           open: ue,
           width: ce,
@@ -989,7 +993,7 @@ function Po({
       } : {})
     ),
     /* @__PURE__ */ o(
-      In,
+      Tn,
       S(s(s({}, h === "push" ? {
         leftPanel: {
           open: de,
@@ -1001,7 +1005,7 @@ function Po({
           width: ce
         }
       } : {}), {
-        children: /* @__PURE__ */ o(Tn, S(s({ "data-testid": d }, c), { children: e }))
+        children: /* @__PURE__ */ o(On, S(s({ "data-testid": d }, c), { children: e }))
       })
     )
   ] });
@@ -1009,11 +1013,11 @@ function Po({
 const xt = () => {
   const e = ae();
   return Ht(e.breakpoints.down("sm"));
-}, On = 64, En = 72, Bn = 256, Y = M(!0), vt = M(Bn), wt = M(En), xe = M(""), Fn = M(void 0), At = M(On), bt = M(void 0);
-function Pn({ links: e }) {
+}, Bn = 64, En = 72, Fn = 256, K = R(!0), vt = R(Fn), wt = R(En), xe = R(""), Pn = R(void 0), At = R(Bn), bt = R(void 0);
+function Nn({ links: e }) {
   return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
 }
-const te = "Navbar", X = {
+const te = "Navbar", Q = {
   root: `${te}-root`,
   menuButton: `${te}-menuButton`,
   hide: `${te}-hide`,
@@ -1021,17 +1025,17 @@ const te = "Navbar", X = {
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, Nn = R($, { name: "NavBar" })(({ theme: e }) => ({
-  [`&.${X.root}`]: {
+}, Ln = H($, { name: "NavBar" })(({ theme: e }) => ({
+  [`&.${Q.root}`]: {
     display: "flex"
   },
-  [`& .${X.menuButton}`]: {
+  [`& .${Q.menuButton}`]: {
     marginRight: 36
   },
-  [`& .${X.hide}`]: {
+  [`& .${Q.hide}`]: {
     display: "none"
   },
-  [`& .${X.content}`]: {
+  [`& .${Q.content}`]: {
     flexGrow: 1,
     padding: e.spacing(3)
   }
@@ -1043,7 +1047,7 @@ const te = "Navbar", X = {
 })), re = (e, t, n) => e.transitions.create(t, {
   easing: e.transitions.easing.sharp,
   duration: n === "leaving" ? e.transitions.duration.leavingScreen : e.transitions.duration.enteringScreen
-}), Ln = (e) => {
+}), _n = (e) => {
   const t = ae();
   return /* @__PURE__ */ o(
     Wt,
@@ -1069,7 +1073,7 @@ const te = "Navbar", X = {
 }, St(e)), We = (e, t) => s({
   width: t,
   transition: re(e, "width", "leaving")
-}, St(e)), _n = R(ve, {
+}, St(e)), Mn = H(ve, {
   shouldForwardProp: (e) => !["widthOpen", "widthClosed", "isSmallScreen"].includes(e)
 })(({ theme: e, open: t, widthOpen: n, widthClosed: i, isSmallScreen: r }) => s(s({
   flexShrink: 0,
@@ -1084,7 +1088,7 @@ const te = "Navbar", X = {
   backgroundColor: "",
   "& .MuiDrawer-paper": We(e, r ? n : i)
 })));
-function Mn(e) {
+function Rn(e) {
   let t = 0;
   for (let n = 0, i = e.length; n < i; n++) {
     const r = e.charCodeAt(n);
@@ -1092,8 +1096,8 @@ function Mn(e) {
   }
   return t;
 }
-const ze = ["#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 ze = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], Hn = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
+function Wn({ user: e, domainCode: t, open: n }) {
   const i = ae();
   return /* @__PURE__ */ p(
     $,
@@ -1121,22 +1125,22 @@ function Hn({ user: e, domainCode: t, open: n }) {
                 sx: {
                   width: "100%",
                   height: "100%",
-                  bgcolor: ze[Math.abs(Mn(e.name)) % ze.length]
+                  bgcolor: ze[Math.abs(Rn(e.name)) % ze.length]
                 },
-                children: Rn(e.name)
+                children: Hn(e.name)
               }
             ) : /* @__PURE__ */ o(Fe, { sx: { width: "100%", height: "100%" } })
           }
         ),
-        /* @__PURE__ */ o(Ln, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(zt, { in: n, children: /* @__PURE__ */ p($, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
-          e != null && e.name ? /* @__PURE__ */ o(F, { children: e.name }) : /* @__PURE__ */ o(Pe, { animation: !1, width: "50%" }),
-          t ? /* @__PURE__ */ o(F, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Pe, { animation: !1, width: "25%" })
+        /* @__PURE__ */ o(_n, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(zt, { in: n, children: /* @__PURE__ */ p($, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
+          e != null && e.name ? /* @__PURE__ */ o(P, { children: e.name }) : /* @__PURE__ */ o(Pe, { animation: !1, width: "50%" }),
+          t ? /* @__PURE__ */ o(P, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Pe, { animation: !1, width: "25%" })
         ] }) }) })
       ]
     }
   );
 }
-function Wn({
+function zn({
   open: e,
   widthClosed: t,
   widthOpen: n,
@@ -1147,9 +1151,9 @@ function Wn({
   user: d,
   domainCode: l
 }) {
-  const u = xt(), w = lt(Y);
-  return /* @__PURE__ */ o(Nn, { className: X.root, "data-testid": i, children: /* @__PURE__ */ p(
-    _n,
+  const u = xt(), v = st(K);
+  return /* @__PURE__ */ o(Ln, { className: Q.root, "data-testid": i, children: /* @__PURE__ */ p(
+    Mn,
     {
       open: e,
       widthOpen: n,
@@ -1160,7 +1164,7 @@ function Wn({
         component: "nav"
       },
       onClose: () => {
-        w(!1);
+        v(!1);
       },
       isSmallScreen: u,
       children: [
@@ -1169,17 +1173,17 @@ function Wn({
           r,
           /* @__PURE__ */ o(Ne, { variant: "middle", sx: { marginY: "0.5rem" } })
         ] }),
-        /* @__PURE__ */ o($, { flexGrow: "1", children: Array.isArray(a) ? /* @__PURE__ */ o(Pn, { links: a }) : a }),
+        /* @__PURE__ */ o($, { flexGrow: "1", children: Array.isArray(a) ? /* @__PURE__ */ o(Nn, { links: a }) : a }),
         /* @__PURE__ */ p($, { flexGrow: "0", children: [
           /* @__PURE__ */ o(Ne, { variant: "middle", sx: { marginY: "0.5rem" } }),
-          /* @__PURE__ */ o(Hn, { user: d, domainCode: l, open: e }),
-          c && /* @__PURE__ */ o(_, { children: c })
+          /* @__PURE__ */ o(Wn, { user: d, domainCode: l, open: e }),
+          c && /* @__PURE__ */ o(M, { children: c })
         ] })
       ]
     }
   ) });
 }
-function zn({
+function Un({
   children: e,
   topBarHeight: t,
   maxWidth: n = !1,
@@ -1208,16 +1212,16 @@ function zn({
     }
   );
 }
-const Un = "TopBar", Gn = {
-  titleText: `${Un}-titleText`
+const Gn = "TopBar", Vn = {
+  titleText: `${Gn}-titleText`
 };
-function Vn({
+function qn({
   titleText: e = "",
   height: t,
   "data-testid": n,
   middle: i
 }) {
-  const r = lt(Y), a = () => r((l) => !l), c = ae(), d = xt();
+  const r = st(K), a = () => r((l) => !l), c = ae(), d = xt();
   return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ p(
     Ke,
     {
@@ -1237,22 +1241,22 @@ function Vn({
       },
       children: [
         /* @__PURE__ */ o(
-          Q,
+          Y,
           {
             size: "medium",
             color: "inherit",
             sx: { padding: 1.5, marginLeft: "12px" },
             onClick: a,
-            children: /* @__PURE__ */ o(Zt, { fontSize: "medium" })
+            children: /* @__PURE__ */ o(jt, { fontSize: "medium" })
           }
         ),
-        /* @__PURE__ */ o(F, { className: Gn.titleText, variant: "h6", children: e }),
+        /* @__PURE__ */ o(P, { className: Vn.titleText, variant: "h6", children: e }),
         i
       ]
     }
   ) });
 }
-function No({
+function Ro({
   children: e,
   initialTitleText: t,
   initialNavBarOpen: n,
@@ -1263,45 +1267,45 @@ function No({
   navBarMiddle: d,
   navBarBottom: l,
   user: u,
-  domainCode: w
+  domainCode: v
 }) {
   dt([
-    [Y, n != null ? n : !0],
+    [K, n != null ? n : !0],
     [xe, t != null ? t : ""]
   ]);
-  const C = Le(Y), [A] = V(vt), [g] = V(wt), k = Le(xe), [b] = V(At), [D] = V(Fn), [I] = V(bt);
+  const C = Le(K), [w] = V(vt), [g] = V(wt), D = Le(xe), [A] = V(At), [k] = V(Pn), [I] = V(bt);
   return /* @__PURE__ */ p($, { children: [
     /* @__PURE__ */ o(Gt, {}),
     /* @__PURE__ */ o(
-      Vn,
+      qn,
       {
-        titleText: k,
+        titleText: D,
         "data-testid": a,
-        height: b,
-        middle: D
+        height: A,
+        middle: k
       }
     ),
     /* @__PURE__ */ p($, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ o(
-        Wn,
+        zn,
         {
           open: C,
           top: I,
           middle: d,
           bottom: l,
           user: u,
-          domainCode: w,
-          widthOpen: A,
+          domainCode: v,
+          widthOpen: w,
           widthClosed: g,
-          offsetTop: b,
+          offsetTop: A,
           "data-testid": c
         }
       ),
       /* @__PURE__ */ o(
-        zn,
+        Un,
         S(s({
           "data-testid": r,
-          topBarHeight: b
+          topBarHeight: A
         }, i), {
           children: e
         })
@@ -1309,13 +1313,13 @@ function No({
     ] })
   ] });
 }
-const qn = {
+const Xn = {
   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
-}, Xn = {
+}, Qn = {
   shouldClose: (e, t) => t !== "clickaway"
 }, Ue = {
   message: "",
@@ -1323,56 +1327,56 @@ const qn = {
   variant: "standard",
   progressIndicator: void 0
   // Can use 'circular' or 'linear'
-}, Ge = 100, Ve = 2e3, Qn = 2e3, Yn = (() => {
+}, Ge = 100, Ve = 2e3, Yn = 2e3, Kn = (() => {
   let e = 0;
   return () => (e += 1, e);
-})(), Kn = {
+})(), Jn = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
-}, Jn = {}, Zn = {}, kt = Qe(null);
-function jn(a) {
+}, Zn = {}, jn = {}, kt = Qe(null);
+function eo(a) {
   var c = a, {
-    overrideState: e = Jn,
-    overrideActions: t = Zn,
-    shouldClose: n = Xn.shouldClose,
+    overrideState: e = Zn,
+    overrideActions: t = jn,
+    shouldClose: n = Qn.shouldClose,
     children: i
-  } = c, r = Ee(c, [
+  } = c, r = Be(c, [
     "overrideState",
     "overrideActions",
     "shouldClose",
     "children"
   ]);
-  var B;
-  const [{ open: d }, l] = E({ open: !1 }), u = he([]), w = he(Date.now()), C = he(0), A = ne((m) => {
+  var F;
+  const [{ open: d }, l] = E({ open: !1 }), u = he([]), v = he(Date.now()), C = he(0), w = ne((m) => {
     l({ open: m });
   }, []), g = ne((m = {}) => {
-    C.current += 1, u.current.length >= Ge && Date.now() - w.current >= Ve && (w.current = Date.now(), console.error(
+    C.current += 1, u.current.length >= Ge && Date.now() - v.current >= Ve && (v.current = Date.now(), console.error(
       `SaladBarProvider: MAX_QUEUE_LENGTH (${Ge}) hit ${C.current} times in last ${Ve}ms)`
     ), C.current = 0);
-    const v = s(S(s({}, Ue), {
-      key: Yn()
+    const x = s(S(s({}, Ue), {
+      key: Kn()
     }), m);
-    return u.current.push(v), u.current.length === 1 && l({ open: !0 }), v.key;
-  }, []), k = (m = "", v = {}) => g(s({ message: m, severity: "success" }, v)), b = (m = "", v = {}) => g(s({ message: m, severity: "info" }, v)), D = (m = "", v = {}) => g(s({ message: m, severity: "warning" }, v)), I = (m = "", v = {}) => g(s({ message: m, severity: "error" }, v)), x = (m) => {
-    const v = u.current.findIndex((L) => L.key === m);
-    if (v !== -1)
-      return v === 0 ? (l({ open: !1 }), u.current[0]) : u.current.splice(v, 1);
-  }, y = (m, v) => {
-    n(m, v) && l({ open: !1 });
-  }, H = () => {
-  }, N = () => {
+    return u.current.push(x), u.current.length === 1 && l({ open: !0 }), x.key;
+  }, []), D = (m = "", x = {}) => g(s({ message: m, severity: "success" }, x)), A = (m = "", x = {}) => g(s({ message: m, severity: "info" }, x)), k = (m = "", x = {}) => g(s({ message: m, severity: "warning" }, x)), I = (m = "", x = {}) => g(s({ message: m, severity: "error" }, x)), T = (m) => {
+    const x = u.current.findIndex((_) => _.key === m);
+    if (x !== -1)
+      return x === 0 ? (l({ open: !1 }), u.current[0]) : u.current.splice(x, 1);
+  }, b = (m, x) => {
+    n(m, x) && l({ open: !1 });
+  }, y = () => {
+  }, L = () => {
     u.current.shift(), u.current.length > 0 && l({ open: !0 });
-  }, T = (B = u.current[0]) != null ? B : s({}, Ue), W = {};
-  "autoHideDuration" in T && (W.autoHideDuration = T.autoHideDuration);
-  const h = s(s({}, qn), r), f = s(s({
+  }, O = (F = u.current[0]) != null ? F : s({}, Ue), W = {};
+  "autoHideDuration" in O && (W.autoHideDuration = O.autoHideDuration);
+  const h = s(s({}, Xn), r), f = s(s({
     open: d,
-    setOpen: A,
+    setOpen: w,
     enqueueNotification: g,
-    enqueueSuccessNotification: k,
-    enqueueInfoNotification: b,
-    enqueueWarningNotification: D,
+    enqueueSuccessNotification: D,
+    enqueueInfoNotification: A,
+    enqueueWarningNotification: k,
     enqueueErrorNotification: I,
-    removeNotification: x
+    removeNotification: T
   }, e), t);
   return /* @__PURE__ */ p(kt.Provider, { value: f, children: [
     i,
@@ -1380,51 +1384,51 @@ function jn(a) {
       Vt,
       S(s(s({}, h), W), {
         open: d,
-        onClose: y,
+        onClose: b,
         TransitionProps: {
-          onExited: N,
-          onExit: H
+          onExited: L,
+          onExit: y
         },
-        sx: { zIndex: Qn },
+        sx: { zIndex: Yn },
         children: /* @__PURE__ */ p("div", { children: [
           /* @__PURE__ */ o(
             qt,
             {
-              onClose: (m) => y(m, "closeAlert"),
-              severity: T.severity,
+              onClose: (m) => b(m, "closeAlert"),
+              severity: O.severity,
               variant: "filled",
-              icon: T.progressIndicator === "circular" ? /* @__PURE__ */ o(be, { size: "1em" }) : void 0,
-              style: T.progressIndicator === "linear" ? Kn : void 0,
-              children: T.message
+              icon: O.progressIndicator === "circular" ? /* @__PURE__ */ o(be, { size: "1em" }) : void 0,
+              style: O.progressIndicator === "linear" ? Jn : void 0,
+              children: O.message
             }
           ),
-          T.progressIndicator === "linear" && /* @__PURE__ */ o(Ze, { color: "primary" })
+          O.progressIndicator === "linear" && /* @__PURE__ */ o(Ze, { color: "primary" })
         ] })
       })
     )
   ] });
 }
-function eo() {
+function to() {
   const e = Ye(kt);
   if (e === null)
     throw new ke("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
   return e;
 }
-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 = ({
+const Ho = X(
+  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(eo, S(s({}, e), { overrideState: t, overrideActions: n, children: i }))
+), no = en(), Wo = ({
   children: e,
   store: t
-}) => /* @__PURE__ */ o(ct, { store: t != null ? t : to, children: e }), Dt = "domainCode";
+}) => /* @__PURE__ */ o(lt, { store: t != null ? t : no, children: e }), Dt = "domainCode";
 var Xe;
-const qe = M(
+const qe = R(
   JSON.parse((Xe = localStorage.getItem(Dt)) != null ? Xe : '{"domainCode": ""}').domainCode
-), yt = M(
+), yt = R(
   (e) => e(qe),
   (e, t, n) => {
     t(qe, n), localStorage.setItem(Dt, JSON.stringify({ domainCode: n }));
   }
-), no = {
+), oo = {
   act: "ACT",
   nsw: "NSW",
   nt: "NT",
@@ -1436,10 +1440,10 @@ const qe = M(
   ag: "AG",
   fedmps: "Fedmps",
   "": ""
-}, oo = (e) => {
+}, io = (e) => {
   var t;
-  return e === null ? "N/A" : (t = no[e]) != null ? t : "";
-}, Mo = ({
+  return e === null ? "N/A" : (t = oo[e]) != null ? t : "";
+}, zo = ({
   isLoading: e,
   isOpen: t,
   onClose: n,
@@ -1447,31 +1451,31 @@ const qe = M(
   applicationName: r,
   handleLogout: a
 }) => {
-  const [c, d] = V(yt), [l, u] = E(c), { enqueueSuccessNotification: w } = eo(), C = i.length === 0, A = !!c && !i.includes(c) && !i.includes(l), g = !c || C || A, k = () => P(void 0, null, function* () {
-    l ? (d(l), w(`Set domain to ${l}`), n()) : d("");
-  }), b = () => P(void 0, null, function* () {
-    c && !C && !A ? (u(c), n()) : g && a();
+  const [c, d] = V(yt), [l, u] = E(c), { enqueueSuccessNotification: v } = to(), C = i.length === 0, w = !!c && !i.includes(c) && !i.includes(l), g = !c || C || w, D = () => N(void 0, null, function* () {
+    l ? (d(l), v(`Set domain to ${l}`), n()) : d("");
+  }), A = () => N(void 0, null, function* () {
+    c && !C && !w ? (u(c), n()) : g && a();
   });
-  let D;
-  return C ? D = "Unable to retrieve your active organisations. Try logging in again." : A && (D = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ p(
+  let k;
+  return C ? k = "Unable to retrieve your active organisations. Try logging in again." : w && (k = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ p(
     ft,
     {
       isOpen: t,
       dialogTitle: "Select an organisation",
       primaryButton: {
         text: "Confirm",
-        onClick: k,
-        disabled: !l || C || A,
+        onClick: D,
+        disabled: !l || C || w,
         buttonColor: "primary"
       },
       secondaryButton: {
         text: g ? "Logout" : "Cancel",
-        onClick: b
+        onClick: A
       },
       onClose: g ? () => {
       } : n,
       children: [
-        /* @__PURE__ */ p(F, { marginBottom: 2, children: [
+        /* @__PURE__ */ p(P, { marginBottom: 2, children: [
           "Select the default organisation that you want to use with the ",
           r,
           "."
@@ -1483,8 +1487,8 @@ const qe = M(
             multiple: !1,
             disableClearable: !1,
             value: l !== "" ? l : null,
-            onChange: (I, x) => u(x != null ? x : ""),
-            getOptionLabel: oo,
+            onChange: (I, T) => u(T != null ? T : ""),
+            getOptionLabel: io,
             options: [...i],
             renderInput: (I) => /* @__PURE__ */ o(
               Ae,
@@ -1492,7 +1496,7 @@ const qe = M(
                 variant: "filled",
                 label: "Select organisation",
                 InputProps: S(s({}, I.InputProps), {
-                  endAdornment: /* @__PURE__ */ p(_, { children: [
+                  endAdornment: /* @__PURE__ */ p(M, { children: [
                     e ? /* @__PURE__ */ o(be, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
                     I.InputProps.endAdornment
                   ] })
@@ -1501,11 +1505,11 @@ const qe = M(
             )
           }
         ),
-        D && /* @__PURE__ */ o(Xt, { error: !0, children: D })
+        k && /* @__PURE__ */ o(Xt, { error: !0, children: k })
       ]
     }
   );
-}, Ro = ot({
+}, Uo = ot({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1556,7 +1560,7 @@ const qe = M(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), Ho = ot({
+}), Go = ot({
   palette: {
     primary: {
       main: "#007236",
@@ -1647,76 +1651,77 @@ const qe = M(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), io = {
+}), ro = {
   domainCode: yt,
-  navBarOpen: Y,
+  navBarOpen: K,
   navBarWidthOpen: vt,
   navBarWidthClosed: wt,
   titleText: xe,
   topBarHeight: At,
   navBarTop: bt
-}, Wo = K(() => ({ children: e }) => /* @__PURE__ */ o(ct, { children: e })), ro = ({
+}, Vo = X(() => ({ children: e }) => /* @__PURE__ */ o(lt, { children: e })), ao = ({
   initialValues: e,
   children: t
-}) => (dt(e), /* @__PURE__ */ o(_, { children: t })), zo = K(
+}) => (dt(e), /* @__PURE__ */ o(M, { children: t })), qo = X(
   (e) => ({ children: t }) => /* @__PURE__ */ o(
-    ro,
+    ao,
     {
       initialValues: Object.entries(e).map(
         ([n, i]) => [
-          io[n],
+          ro[n],
           i
         ]
       ),
       children: t
     }
   )
-), Uo = K(() => ({ children: e }) => {
-  const t = new nn();
-  return /* @__PURE__ */ o(on, { client: t, children: e });
+), Xo = X(() => ({ children: e }) => {
+  const t = new rn();
+  return /* @__PURE__ */ o(an, { client: t, children: e });
 });
 export {
   ft as AgDialog,
-  No as AppLayout,
-  _o as AtomProvider,
-  Fo as AuthGuard,
+  Ro as AppLayout,
+  Wo as AtomProvider,
+  _o as AuthGuard,
   kt as Context,
   ke as ContextError,
-  Mo as DomainCodeDialog,
-  Do as ExampleComponent,
-  Oo as FetchAutocomplete,
-  ro as HydrateAtoms,
+  zo as DomainCodeDialog,
+  Io as ExampleComponent,
+  Po as FetchAutocomplete,
+  ao as HydrateAtoms,
   pt as NAVBAR_WIDTH_CLOSED,
   ut 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,
+  Fo as NavBar,
+  Bo as NavBarDarkStyledList,
+  Eo as NavBarLightStyledList,
+  fn as NavBarProvider,
+  Mo as PageLayout,
+  eo as SaladBarProvider,
+  Lo as SessionExpiryDialog,
+  No as SingleAutocomplete,
+  no as atomStore,
+  Cn as buildNavBarState,
   yt as domainCodeAtom,
-  Ro as fed21Theme,
-  Cn as getAuth0Expiry,
-  Ho as internalAgSystemsTheme,
+  Uo as fed21Theme,
+  xn as getAuth0Expiry,
+  Go as internalAgSystemsTheme,
   q as navBarClasses,
-  Y as navBarOpenAtom,
+  K as navBarOpenAtom,
   bt as navBarTopAtom,
   wt as navBarWidthClosedAtom,
   vt as navBarWidthOpenAtom,
   xe as titleTextAtom,
   At as topBarHeightAtom,
-  Fn as topBarMiddleAtom,
+  Pn as topBarMiddleAtom,
   mt as useAutocompleteOptions,
-  fn as useNavBar,
-  eo as useSaladBar,
-  Wo as withAtomProvider,
-  yo as withNavBarProvider,
-  zo as withOverrideDefaults,
-  Uo as withQueryClient,
-  Lo as withSaladBarProvider
+  mn as useNavBar,
+  to as useSaladBar,
+  Vo as withAtomProvider,
+  Oo as withBrowserRouter,
+  To as withNavBarProvider,
+  qo as withOverrideDefaults,
+  Xo as withQueryClient,
+  Ho as withSaladBarProvider
 };
 //# sourceMappingURL=index.js.map