@australiangreens/ag-internal-components 0.0.96 → 0.0.97

package/dist/esm/index.js

@@ -1,66 +1,68 @@
-var Pt = Object.defineProperty, Nt = Object.defineProperties;
-var Lt = Object.getOwnPropertyDescriptors;
-var ee = Object.getOwnPropertySymbols;
+var Lt = Object.defineProperty, _t = Object.defineProperties;
+var Mt = Object.getOwnPropertyDescriptors;
+var te = Object.getOwnPropertySymbols;
 var Te = Object.prototype.hasOwnProperty, Be = Object.prototype.propertyIsEnumerable;
-var he = (e, t, n) => t in e ? Pt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, a = (e, t) => {
+var he = (e, t, n) => t in e ? Lt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, a = (e, t) => {
   for (var n in t || (t = {}))
     Te.call(t, n) && he(e, n, t[n]);
-  if (ee)
-    for (var n of ee(t))
+  if (te)
+    for (var n of te(t))
       Be.call(t, n) && he(e, n, t[n]);
   return e;
-}, k = (e, t) => Nt(e, Lt(t));
+}, k = (e, t) => _t(e, Mt(t));
 var Ee = (e, t) => {
   var n = {};
   for (var i in e)
     Te.call(e, i) && t.indexOf(i) < 0 && (n[i] = e[i]);
-  if (e != null && ee)
-    for (var i of ee(e))
+  if (e != null && te)
+    for (var i of te(e))
       t.indexOf(i) < 0 && Be.call(e, i) && (n[i] = e[i]);
   return n;
 };
 var Fe = (e, t, n) => (he(e, typeof t != "symbol" ? t + "" : t, n), n);
-var N = (e, t, n) => new Promise((i, r) => {
+var L = (e, t, n) => new Promise((i, r) => {
   var s = (l) => {
     try {
       d(n.next(l));
-    } catch (u) {
-      r(u);
+    } catch (p) {
+      r(p);
     }
   }, c = (l) => {
     try {
       d(n.throw(l));
-    } catch (u) {
-      r(u);
+    } catch (p) {
+      r(p);
     }
   }, d = (l) => l.done ? i(l.value) : Promise.resolve(l.value).then(s, c);
   d((n = n.apply(e, t)).next());
 });
-import { jsxs as h, Fragment as L, jsx as o } from "react/jsx-runtime";
-import { useState as B, createContext as Ye, useCallback as oe, useContext as Ke, useEffect as ie, createElement as xe, useRef as ge } from "react";
-import { Typography as E, Button as re, Paper as Je, Box as $, Drawer as we, styled as Ae, IconButton as Y, Container as Ze, useTheme as se, useMediaQuery as _t, Collapse as Mt, Avatar as Pe, Fade as Rt, Skeleton as Ne, Toolbar as Ht, Divider as Le, CssBaseline as Wt, Dialog as je, LinearProgress as et, DialogTitle as tt, DialogContent as nt, DialogActions as ot, Autocomplete as be, TextField as Se, CircularProgress as ke, Chip as zt, Tooltip as Ut, Stack 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 it, alpha as fe } from "@mui/material/styles";
-import { AgError as Yt } from "@australiangreens/ag-error";
-import { createHelper as X } from "souvlaki";
-import { BrowserRouter as Kt } from "react-router-dom";
-import rt from "@mui/material/List";
-import { ArrowForward as at, ArrowBack as st, ViewHeadline as Jt, Cancel as Zt, ArrowDropDown as jt } from "@mui/icons-material";
-import { atom as _, useSetAtom as lt, useAtomValue as _e, useAtom as V, getDefaultStore as en, Provider as ct } from "jotai";
-import { useHydrateAtoms as dt } from "jotai/utils";
-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 ut } from "@auth0/auth0-react";
-import { Buffer as sn } from "buffer";
-import ln from "@mui/material/Skeleton";
-function $o({ text: e }) {
+import { jsxs as u, Fragment as E, jsx as o } from "react/jsx-runtime";
+import { useState as B, createContext as Je, useCallback as ie, useContext as Ze, useEffect as re, createElement as xe, useRef as ge } from "react";
+import { Typography as F, Button as ae, Paper as je, Box as y, Drawer as we, styled as Ae, IconButton as K, Container as et, useTheme as se, useMediaQuery as Rt, Collapse as Ht, Avatar as Pe, Fade as Wt, Skeleton as Ne, Toolbar as zt, Divider as Le, CssBaseline as Ut, Dialog as tt, LinearProgress as nt, DialogTitle as ot, DialogContent as it, DialogActions as rt, Autocomplete as be, TextField as Se, CircularProgress as ke, Chip as Gt, Tooltip as Vt, Stack as qt, Snackbar as Xt, Alert as Qt, FormHelperText as Yt } from "@mui/material";
+import Kt from "@mui/material/CssBaseline";
+import { styled as R, createTheme as at, alpha as fe } from "@mui/material/styles";
+import { AgError as Jt } from "@australiangreens/ag-error";
+import { createHelper as Q } from "souvlaki";
+import { BrowserRouter as Zt } from "react-router-dom";
+import st from "@mui/material/List";
+import { ArrowForward as lt, ArrowBack as ct, ViewHeadline as jt, Cancel as en, ArrowDropDown as tn } from "@mui/icons-material";
+import { atom as _, useSetAtom as dt, useAtomValue as _e, useAtom as V, getDefaultStore as nn, Provider as pt } from "jotai";
+import { useHydrateAtoms as ut } from "jotai/utils";
+import Me from "react-avatar";
+import { simpleHashCode as on } from "src/utils";
+import rn from "autosuggest-highlight/match";
+import an from "autosuggest-highlight/parse";
+import { useQuery as sn, QueryClient as ln, QueryClientProvider as cn } from "@tanstack/react-query";
+import { useAuth0 as ht } from "@auth0/auth0-react";
+import { Buffer as dn } from "buffer";
+import pn from "@mui/material/Skeleton";
+function To({ text: e }) {
   const [t, n] = B(0);
-  return /* @__PURE__ */ h(L, { 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" }) }),
+  return /* @__PURE__ */ u(E, { children: [
+    /* @__PURE__ */ o(F, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
+    /* @__PURE__ */ o(F, { variant: "caption", display: "block", children: /* @__PURE__ */ o("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
     /* @__PURE__ */ o(
-      re,
+      ae,
       {
         variant: "outlined",
         onClick: () => n((i) => i + 1),
@@ -68,17 +70,17 @@ function $o({ text: e }) {
         children: "Hello I am a button"
       }
     ),
-    /* @__PURE__ */ h("p", { children: [
+    /* @__PURE__ */ u("p", { children: [
       "This is some text: ",
       /* @__PURE__ */ o("span", { children: e })
     ] }),
-    /* @__PURE__ */ h(Je, { children: [
+    /* @__PURE__ */ u(je, { children: [
       "This number will incremember when button pressed: ",
       t
     ] })
   ] });
 }
-const pt = 330, ht = 73, U = "Navbar", q = {
+const gt = 330, ft = 73, U = "Navbar", q = {
   root: `${U}-root`,
   menuButton: `${U}-menuButton`,
   hide: `${U}-hide`,
@@ -86,7 +88,7 @@ const pt = 330, ht = 73, U = "Navbar", q = {
   userInfoHolder: `${U}-userInfoHolder`,
   settings: `${U}-settings`,
   pieChartIcon: `${U}-pieChartIcon`
-}, cn = R($, {
+}, un = R(y, {
   name: "NavBar"
 })(({ theme: e }) => ({
   [`&.${q.root}`]: {
@@ -107,7 +109,7 @@ const pt = 330, ht = 73, U = "Navbar", q = {
     marginTop: "64px",
     marginBottom: "16px"
   }
-})), gt = () => ({
+})), mt = () => ({
   position: "absolute",
   height: "100%",
   overflowX: "hidden",
@@ -115,51 +117,51 @@ const pt = 330, ht = 73, U = "Navbar", q = {
   color: "white",
   backgroundColor: "black"
   // backgroundColor: '#e8e8e8',
-}), dn = () => a({
-  width: pt
-}, gt()), un = () => a({
-  width: ht
-}, gt()), pn = R(we, {
+}), hn = () => a({
+  width: gt
+}, mt()), gn = () => a({
+  width: ft
+}, mt()), fn = R(we, {
   shouldForwardProp: (e) => e !== "open"
 })(({ theme: e, open: t }) => a(a({
-  width: t ? pt : ht,
+  width: t ? gt : ft,
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box",
   zIndex: e.zIndex.drawer + 100
 }, t && {
-  "& .MuiDrawer-paper": dn()
+  "& .MuiDrawer-paper": hn()
 }), !t && {
-  "& .MuiDrawer-paper": un()
+  "& .MuiDrawer-paper": gn()
 }));
-class De extends Yt {
+class De extends Jt {
 }
 Fe(De, "errorName", "ContextError");
-const ft = Ye(null), hn = {}, gn = {}, fn = ({
-  overrideState: e = hn,
-  overrideActions: t = gn,
+const Ct = Je(null), mn = {}, Cn = {}, xn = ({
+  overrideState: e = mn,
+  overrideActions: t = Cn,
   children: n
 }) => {
-  const [{ open: i }, r] = B({ open: !0 }), s = oe((l) => {
+  const [{ open: i }, r] = B({ open: !0 }), s = ie((l) => {
     r({ open: l });
-  }, []), c = oe(() => {
+  }, []), c = ie(() => {
     r((l) => k(a({}, l), { open: !l.open }));
   }, []), d = a(a({
     open: i,
     setOpen: s,
     toggleOpen: c
   }, e), t);
-  return /* @__PURE__ */ o(ft.Provider, { value: d, children: n });
-}, mn = () => {
-  const e = Ke(ft);
+  return /* @__PURE__ */ o(Ct.Provider, { value: d, children: n });
+}, vn = () => {
+  const e = Ze(Ct);
   if (e === null)
     throw new De("Error: Tried to useNavBar outside of a <NavBarProvider>");
   return e;
-}, Cn = (e = {}) => a({
+}, wn = (e = {}) => a({
   open: !0
-}, e), Io = X(
-  (e = Cn(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(fn, { overrideState: e, overrideActions: t, children: n })
-), Oo = X(() => ({ children: e }) => /* @__PURE__ */ o(Kt, { children: e })), Me = 7, To = R(rt)(({ theme: e }) => ({
+}, e), Bo = Q(
+  (e = wn(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(xn, { overrideState: e, overrideActions: t, children: n })
+), Eo = Q(() => ({ children: e }) => /* @__PURE__ */ o(Zt, { children: e })), Re = 7, Fo = R(st)(({ theme: e }) => ({
   backgroundColor: "black",
   color: "white",
   "& .MuiListItem-root": {
@@ -168,7 +170,7 @@ const ft = Ye(null), hn = {}, gn = {}, fn = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "white",
-      padding: `${Me}px`
+      padding: `${Re}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -179,7 +181,7 @@ const ft = Ye(null), hn = {}, gn = {}, fn = ({
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${Me}px)`
+      paddingLeft: `calc(${e.spacing(2)} - ${Re}px)`
     },
     // Hover state
     "&:hover": {
@@ -197,7 +199,7 @@ const ft = Ye(null), hn = {}, gn = {}, fn = ({
     // '&.Mui-selected.Mui-focusVisible:hover': {
     // },
   }
-})), Re = 7, Bo = R(rt)(({ theme: e }) => ({
+})), He = 7, Po = R(st)(({ theme: e }) => ({
   backgroundColor: "#e8e8e8",
   color: "inherit",
   "& .MuiListItem-root": {
@@ -206,7 +208,7 @@ const ft = Ye(null), hn = {}, gn = {}, fn = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "inherit",
-      padding: `${Re}px`
+      padding: `${He}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -217,7 +219,7 @@ const ft = Ye(null), hn = {}, gn = {}, fn = ({
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${Re}px)`
+      paddingLeft: `calc(${e.spacing(2)} - ${He}px)`
     },
     // Hover state
     "&:hover": {
@@ -236,15 +238,15 @@ const ft = Ye(null), hn = {}, gn = {}, fn = ({
     // },
   }
 }));
-function Eo({
+function No({
   "data-testid": e,
   children: t
 }) {
-  const { open: n } = mn();
-  return /* @__PURE__ */ h(cn, { className: q.root, "data-testid": e, children: [
-    /* @__PURE__ */ o(Qt, {}),
+  const { open: n } = vn();
+  return /* @__PURE__ */ u(un, { className: q.root, "data-testid": e, children: [
+    /* @__PURE__ */ o(Kt, {}),
     /* @__PURE__ */ o(
-      pn,
+      fn,
       {
         variant: "permanent",
         anchor: "left",
@@ -255,14 +257,14 @@ function Eo({
     )
   ] });
 }
-const xn = 24, vn = 64, G = "TopBar", T = {
+const An = 24, bn = 64, G = "TopBar", T = {
   topStripe: `${G}-topStripe`,
   titleBar: `${G}-titleBar`,
   titleSlider: `${G}-titleSlider`,
   titleText: `${G}-titleText`,
   leftPanelButton: `${G}-leftPanelButton`,
   rightPanelButton: `${G}-leftPanelButton`
-}, wn = Ae("div", {
+}, Sn = Ae("div", {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: G
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
@@ -271,12 +273,12 @@ const xn = 24, vn = 64, G = "TopBar", T = {
     width: "100%",
     [`& .${T.topStripe}`]: {
       width: "100%",
-      height: `${xn}px`,
+      height: `${An}px`,
       backgroundColor: e.palette.primary.main
     },
     [`& .${T.titleBar}`]: {
       backgroundColor: e.palette.primary.light,
-      height: `${vn}px`,
+      height: `${bn}px`,
       padding: e.spacing(0, 3),
       width: "100%"
     },
@@ -314,17 +316,17 @@ const xn = 24, vn = 64, G = "TopBar", T = {
     })
   };
 });
-function An({
+function kn({
   titleText: e = "",
   leftPanel: t,
   rightPanel: n,
   "data-testid": i
 }) {
-  return /* @__PURE__ */ h(wn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
+  return /* @__PURE__ */ u(Sn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
     /* @__PURE__ */ o("div", { className: T.topStripe }),
-    /* @__PURE__ */ o("div", { className: T.titleBar, children: /* @__PURE__ */ h($, { className: T.titleSlider, children: [
-      t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ h(
-        Y,
+    /* @__PURE__ */ o("div", { className: T.titleBar, children: /* @__PURE__ */ u(y, { className: T.titleSlider, children: [
+      t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ u(
+        K,
         {
           className: T.leftPanelButton,
           color: "inherit",
@@ -334,13 +336,13 @@ function An({
           size: "large",
           children: [
             " ",
-            /* @__PURE__ */ o(at, {})
+            /* @__PURE__ */ o(lt, {})
           ]
         }
       ),
-      /* @__PURE__ */ o(E, { className: T.titleText, variant: "h6", noWrap: !0, children: e }),
-      n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ h(
-        Y,
+      /* @__PURE__ */ o(F, { className: T.titleText, variant: "h6", noWrap: !0, children: e }),
+      n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ u(
+        K,
         {
           className: T.rightPanelButton,
           color: "inherit",
@@ -350,14 +352,14 @@ function An({
           size: "large",
           children: [
             " ",
-            /* @__PURE__ */ o(st, {})
+            /* @__PURE__ */ o(ct, {})
           ]
         }
       )
     ] }) })
   ] });
 }
-const mt = 400, bn = Ae(we, {
+const xt = 400, Dn = Ae(we, {
   shouldForwardProp: (e) => (
     // Note we do want anchor to be forwarded to the Drawer component
     ![
@@ -387,7 +389,7 @@ const mt = 400, bn = Ae(we, {
       marginLeft: `${r}px`
     }))
   })
-), Sn = Ae($, {
+), yn = Ae(y, {
   shouldForwardProp: (e) => !["anchor"].includes(e)
 })(({ theme: e, anchor: t }) => k(a({
   display: "flex",
@@ -407,60 +409,60 @@ const mt = 400, bn = Ae(we, {
     marginRight: t === "right" ? e.spacing(2) : 0
   }
 }));
-function He({
+function We({
   children: e,
   anchor: t = "left",
   open: n,
   onClose: i = () => {
   },
   titleText: r = "",
-  width: s = mt,
+  width: s = xt,
   showCloseArrow: c = !0,
   debugOpacity: d = !1,
   headerBoxProps: l = {},
-  onOpened: u,
-  onClosed: w,
-  "data-testid": x,
+  onOpened: p,
+  onClosed: v,
+  "data-testid": C,
   navBarOpen: A = !1,
   navBarWidthOpen: g = 0,
-  navBarWidthClosed: y = 0
+  navBarWidthClosed: $ = 0
 }) {
-  return /* @__PURE__ */ h(
-    bn,
+  return /* @__PURE__ */ u(
+    Dn,
     {
       SlideProps: {
-        onEntered: () => u == null ? void 0 : u(),
-        onExited: () => w == null ? void 0 : w()
+        onEntered: () => p == null ? void 0 : p(),
+        onExited: () => v == null ? void 0 : v()
       },
       variant: "persistent",
       anchor: t,
       open: n,
       width: s,
       debugOpacity: d,
-      "data-testid": x,
+      "data-testid": C,
       navBarOpen: A,
       navBarWidthOpen: g,
-      navBarWidthClosed: y,
+      navBarWidthClosed: $,
       children: [
-        /* @__PURE__ */ o(Sn, k(a({ anchor: t }, l), { children: t === "left" ? /* @__PURE__ */ h(L, { children: [
-          /* @__PURE__ */ o(E, { variant: "h6", color: "inherit", component: "div", children: r }),
-          c && /* @__PURE__ */ h(Y, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
-            /* @__PURE__ */ o(st, { "data-testid": "arrowbackicon" }),
+        /* @__PURE__ */ o(yn, k(a({ anchor: t }, l), { children: t === "left" ? /* @__PURE__ */ u(E, { children: [
+          /* @__PURE__ */ o(F, { variant: "h6", color: "inherit", component: "div", children: r }),
+          c && /* @__PURE__ */ u(K, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
+            /* @__PURE__ */ o(ct, { "data-testid": "arrowbackicon" }),
             " "
           ] })
-        ] }) : /* @__PURE__ */ h(L, { children: [
-          c && /* @__PURE__ */ h(Y, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
-            /* @__PURE__ */ o(at, {}),
+        ] }) : /* @__PURE__ */ u(E, { children: [
+          c && /* @__PURE__ */ u(K, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
+            /* @__PURE__ */ o(lt, {}),
             " "
           ] }),
-          /* @__PURE__ */ o(E, { variant: "h6", color: "inherit", component: "div", children: r })
+          /* @__PURE__ */ o(F, { variant: "h6", color: "inherit", component: "div", children: r })
         ] }) })),
         e
       ]
     }
   );
 }
-const kn = R($, {
+const $n = R(y, {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: "PanelAwareMargins"
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
@@ -483,27 +485,27 @@ const kn = R($, {
     }),
     marginRight: `${(r = n == null ? void 0 : n.width) != null ? r : 0}px`
   });
-}), Dn = R(Ze, {
+}), In = R(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
-})), me = !1, Ce = !1, te = {
+})), me = !1, Ce = !1, ne = {
   titleText: "",
   flavour: "push",
-  width: mt,
+  width: xt,
   arrowButtons: "both",
   startOpen: !1,
   open: void 0,
   onChangeOpen: void 0,
-  content: /* @__PURE__ */ o(L, {}),
+  content: /* @__PURE__ */ o(E, {}),
   onOpened: void 0,
   onClosed: void 0,
   dataTestId: void 0
 };
-function Fo({
+function Lo({
   children: e,
   titleText: t = "",
   leftPanel: n,
@@ -513,149 +515,149 @@ function Fo({
   pageContainerProps: c,
   pageContentDataTestId: d,
   topBarDataTestId: l,
-  navBarOpen: u,
-  navBarWidthOpen: w,
-  navBarWidthClosed: x
+  navBarOpen: p,
+  navBarWidthOpen: v,
+  navBarWidthClosed: C
 }) {
-  const [A, g] = B(me), [y, b] = B(Ce), [D, I] = B(me), [O, F] = B(Ce), P = n !== void 0, S = i !== void 0, {
-    titleText: v,
+  const [A, g] = B(me), [$, b] = B(Ce), [D, I] = B(me), [O, P] = B(Ce), N = n !== void 0, S = i !== void 0, {
+    titleText: w,
     content: H,
     flavour: W,
-    open: p,
+    open: h,
     onChangeOpen: f,
     width: m,
-    arrowButtons: C,
+    arrowButtons: x,
     startOpen: M,
-    onOpened: J,
+    onOpened: Z,
     onClosed: le,
-    dataTestId: It
-  } = n ? a(a({}, te), n) : a({}, te), {
-    titleText: Ot,
-    content: Tt,
+    dataTestId: Tt
+  } = n ? a(a({}, ne), n) : a({}, ne), {
+    titleText: Bt,
+    content: Et,
     flavour: ye,
     open: ce,
     onChangeOpen: $e,
     width: de,
-    arrowButtons: Z,
-    startOpen: j,
-    onOpened: Bt,
-    onClosed: Et,
-    dataTestId: Ft
-  } = i ? a(a({}, te), i) : a({}, te);
-  ie(() => {
+    arrowButtons: j,
+    startOpen: ee,
+    onOpened: Ft,
+    onClosed: Pt,
+    dataTestId: Nt
+  } = i ? a(a({}, ne), i) : a({}, ne);
+  re(() => {
     M !== me && (g(M), I(M));
-  }, [M]), ie(() => {
-    j !== Ce && (b(j), F(j));
-  }, [j]);
-  const ue = p === void 0 ? A : p, pe = ce === void 0 ? y : ce, Ie = (z) => {
-    p === void 0 && (g(z), r && S && (z ? (b(!1), F(y)) : b(O))), f && f(z);
+  }, [M]), re(() => {
+    ee !== Ce && (b(ee), P(ee));
+  }, [ee]);
+  const pe = h === void 0 ? A : h, ue = ce === void 0 ? $ : ce, Ie = (z) => {
+    h === void 0 && (g(z), r && S && (z ? (b(!1), P($)) : b(O))), f && f(z);
   }, Oe = (z) => {
-    ce === void 0 && (b(z), r && P && (z ? (g(!1), I(A)) : g(D))), $e && $e(z);
+    ce === void 0 && (b(z), r && N && (z ? (g(!1), I(A)) : g(D))), $e && $e(z);
   };
-  return /* @__PURE__ */ h($, { children: [
-    P && /* @__PURE__ */ o(
-      He,
+  return /* @__PURE__ */ u(y, { children: [
+    N && /* @__PURE__ */ o(
+      We,
       {
-        "data-testid": It,
+        "data-testid": Tt,
         anchor: "left",
-        open: ue,
+        open: pe,
         onClose: () => Ie(!1),
         width: m,
-        titleText: v,
+        titleText: w,
         debugOpacity: s,
-        showCloseArrow: C === "both" || C === "close",
-        onOpened: J,
+        showCloseArrow: x === "both" || x === "close",
+        onOpened: Z,
         onClosed: le,
-        navBarOpen: u,
-        navBarWidthOpen: w,
-        navBarWidthClosed: x,
+        navBarOpen: p,
+        navBarWidthOpen: v,
+        navBarWidthClosed: C,
         children: H
       }
     ),
     S && /* @__PURE__ */ o(
-      He,
+      We,
       {
-        "data-testid": Ft,
+        "data-testid": Nt,
         anchor: "right",
-        open: pe,
+        open: ue,
         onClose: () => Oe(!1),
         width: de,
-        titleText: Ot,
+        titleText: Bt,
         debugOpacity: s,
-        showCloseArrow: Z === "both" || Z === "close",
-        onOpened: Bt,
-        onClosed: Et,
-        navBarOpen: u,
-        navBarWidthOpen: w,
-        navBarWidthClosed: x,
-        children: Tt
+        showCloseArrow: j === "both" || j === "close",
+        onOpened: Ft,
+        onClosed: Pt,
+        navBarOpen: p,
+        navBarWidthOpen: v,
+        navBarWidthClosed: C,
+        children: Et
       }
     ),
     /* @__PURE__ */ o(
-      An,
+      kn,
       a(a({
         titleText: t,
         "data-testid": l
-      }, P && W === "push" ? {
+      }, N && W === "push" ? {
         leftPanel: {
-          open: ue,
+          open: pe,
           width: m,
           onOpen: () => Ie(!0),
-          showOpenArrow: C === "both" || C === "open"
+          showOpenArrow: x === "both" || x === "open"
         }
       } : {}), S && ye === "push" ? {
         rightPanel: {
-          open: pe,
+          open: ue,
           width: de,
           onOpen: () => Oe(!0),
-          showOpenArrow: Z === "both" || Z === "open"
+          showOpenArrow: j === "both" || j === "open"
         }
       } : {})
     ),
     /* @__PURE__ */ o(
-      kn,
+      $n,
       k(a(a({}, W === "push" ? {
         leftPanel: {
-          open: ue,
+          open: pe,
           width: m
         }
       } : {}), ye === "push" ? {
         rightPanel: {
-          open: pe,
+          open: ue,
           width: de
         }
       } : {}), {
-        children: /* @__PURE__ */ o(Dn, k(a({ "data-testid": d }, c), { children: e }))
+        children: /* @__PURE__ */ o(In, k(a({ "data-testid": d }, c), { children: e }))
       })
     )
   ] });
 }
-const Ct = () => {
+const vt = () => {
   const e = se();
-  return _t(e.breakpoints.down("sm"));
-}, yn = 64, $n = 72, In = 256, K = _(!0), xt = _(In), vt = _($n), ve = _(""), On = _(void 0), wt = _(yn), At = _(void 0);
-function Tn({ links: e }) {
+  return Rt(e.breakpoints.down("sm"));
+}, On = 64, Tn = 72, Bn = 256, J = _(!0), wt = _(Bn), At = _(Tn), ve = _(""), En = _(void 0), bt = _(On), St = _(void 0);
+function Fn({ links: e }) {
   return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
 }
-const ne = "Navbar", Q = {
-  root: `${ne}-root`,
-  menuButton: `${ne}-menuButton`,
-  hide: `${ne}-hide`,
-  content: `${ne}-content`
+const oe = "Navbar", Y = {
+  root: `${oe}-root`,
+  menuButton: `${oe}-menuButton`,
+  hide: `${oe}-hide`,
+  content: `${oe}-content`
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, Bn = R($, { name: "NavBar" })(({ theme: e }) => ({
-  [`&.${Q.root}`]: {
+}, Pn = R(y, { name: "NavBar" })(({ theme: e }) => ({
+  [`&.${Y.root}`]: {
     display: "flex"
   },
-  [`& .${Q.menuButton}`]: {
+  [`& .${Y.menuButton}`]: {
     marginRight: 36
   },
-  [`& .${Q.hide}`]: {
+  [`& .${Y.hide}`]: {
     display: "none"
   },
-  [`& .${Q.content}`]: {
+  [`& .${Y.content}`]: {
     flexGrow: 1,
     padding: e.spacing(3)
   }
@@ -664,13 +666,13 @@ const ne = "Navbar", Q = {
   //   marginTop: '64px',
   //   marginBottom: '16px',
   // },
-})), ae = (e, t, n) => e.transitions.create(t, {
+})), X = (e, t, n) => e.transitions.create(t, {
   easing: e.transitions.easing.sharp,
   duration: n === "leaving" ? e.transitions.duration.leavingScreen : e.transitions.duration.enteringScreen
-}), En = (e) => {
+}), Nn = (e) => {
   const t = se();
   return /* @__PURE__ */ o(
-    Mt,
+    Ht,
     a({
       easing: t.transitions.easing.sharp,
       timeout: {
@@ -679,7 +681,7 @@ const ne = "Navbar", Q = {
       }
     }, e)
   );
-}, bt = (e) => {
+}, kt = (e) => {
   var t, n;
   return {
     overflowX: "hidden",
@@ -687,13 +689,13 @@ const ne = "Navbar", Q = {
     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
   };
-}, We = (e, t) => a({
+}, ze = (e, t) => a({
   width: t,
-  transition: ae(e, "width", "entering")
-}, bt(e)), ze = (e, t) => a({
+  transition: X(e, "width", "entering")
+}, kt(e)), Ue = (e, t) => a({
   width: t,
-  transition: ae(e, "width", "leaving")
-}, bt(e)), Fn = R(we, {
+  transition: X(e, "width", "leaving")
+}, kt(e)), Ln = R(we, {
   shouldForwardProp: (e) => !["widthOpen", "widthClosed", "isSmallScreen"].includes(e)
 })(({ theme: e, open: t, widthOpen: n, widthClosed: i, isSmallScreen: r }) => a(a({
   flexShrink: 0,
@@ -701,26 +703,17 @@ const ne = "Navbar", Q = {
   boxSizing: "border-box",
   display: "flex",
   flexDirection: "column"
-}, t && k(a({}, We(e, n)), {
+}, t && k(a({}, ze(e, n)), {
   backgroundColor: "",
-  "& .MuiDrawer-paper": We(e, n)
-})), !t && k(a({}, ze(e, r ? n : i)), {
+  "& .MuiDrawer-paper": ze(e, n)
+})), !t && k(a({}, Ue(e, r ? n : i)), {
   backgroundColor: "",
-  "& .MuiDrawer-paper": ze(e, r ? n : i)
-})));
-function Pn(e) {
-  let t = 0;
-  for (let n = 0, i = e.length; n < i; n++) {
-    const r = e.charCodeAt(n);
-    t = (t << 5) - t + r, t |= 0;
-  }
-  return t;
-}
-const Ue = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], Nn = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
-function Ln({ user: e, domainCode: t, open: n }) {
-  const i = se();
-  return /* @__PURE__ */ h(
-    $,
+  "& .MuiDrawer-paper": Ue(e, r ? n : i)
+}))), Ge = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], Ve = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
+function _n({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
+  const r = se();
+  return /* @__PURE__ */ u(
+    y,
     {
       sx: {
         paddingTop: 3,
@@ -730,37 +723,53 @@ function Ln({ user: e, domainCode: t, open: n }) {
         gap: "0.5rem"
       },
       children: [
-        /* @__PURE__ */ o(
-          $,
+        !i && /* @__PURE__ */ o(
+          y,
           {
             sx: {
               width: n ? "5rem" : "2rem",
-              transition: n ? ae(i, ["width", "height"], "entering") : ae(i, ["width", "height"], "leaving"),
+              transition: n ? X(r, ["width", "height"], "entering") : X(r, ["width", "height"], "leaving"),
               aspectRatio: 1
             },
-            children: e != null && e.name ? /* @__PURE__ */ o(
+            children: e != null && e.name ? /* @__PURE__ */ o(E, { children: /* @__PURE__ */ o(
               Pe,
               {
                 src: e == null ? void 0 : e.picture,
                 sx: {
                   width: "100%",
                   height: "100%",
-                  bgcolor: Ue[Math.abs(Pn(e == null ? void 0 : e.name)) % Ue.length]
+                  bgcolor: Ge[Math.abs(on(e == null ? void 0 : e.name)) % Ge.length]
                 },
-                children: Nn(e == null ? void 0 : e.name)
+                children: Ve(e == null ? void 0 : e.name)
               }
-            ) : /* @__PURE__ */ o(Pe, { sx: { width: "100%", height: "100%" } })
+            ) }) : /* @__PURE__ */ o(Pe, { sx: { width: "100%", height: "100%" } })
           }
         ),
-        /* @__PURE__ */ o(En, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Rt, { in: n, children: /* @__PURE__ */ h($, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
-          e != null && e.name ? /* @__PURE__ */ o(E, { children: e == null ? void 0 : e.name }) : /* @__PURE__ */ o(Ne, { animation: !1, width: "50%" }),
-          t ? /* @__PURE__ */ o(E, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Ne, { animation: !1, width: "25%" })
+        i && /* @__PURE__ */ o(
+          y,
+          {
+            sx: {
+              width: n ? "5rem" : "2rem",
+              transition: n ? X(r, ["width", "height"], "entering") : X(r, ["width", "height"], "leaving"),
+              aspectRatio: 1
+            },
+            children: e != null && e.name ? /* @__PURE__ */ o(E, { children: /* @__PURE__ */ u(Me, { src: e == null ? void 0 : e.picture, name: e == null ? void 0 : e.name, round: !0, size: n ? "80" : "32", children: [
+              " ",
+              Ve(e == null ? void 0 : e.name),
+              " ",
+              "ab"
+            ] }) }) : /* @__PURE__ */ o(Me, {})
+          }
+        ),
+        /* @__PURE__ */ o(Nn, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Wt, { in: n, children: /* @__PURE__ */ u(y, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
+          e != null && e.name ? /* @__PURE__ */ o(F, { children: e == null ? void 0 : e.name }) : /* @__PURE__ */ o(Ne, { animation: !1, width: "50%" }),
+          t ? /* @__PURE__ */ o(F, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Ne, { animation: !1, width: "25%" })
         ] }) }) })
       ]
     }
   );
 }
-function _n({
+function Mn({
   open: e,
   widthClosed: t,
   widthOpen: n,
@@ -769,56 +778,57 @@ function _n({
   middle: s,
   bottom: c,
   user: d,
-  domainCode: l
+  domainCode: l,
+  useNewAvatar: p = !1
 }) {
-  const u = Ct(), w = lt(K);
-  return /* @__PURE__ */ o(Bn, { className: Q.root, "data-testid": i, children: /* @__PURE__ */ h(
-    Fn,
+  const v = vt(), C = dt(J);
+  return /* @__PURE__ */ o(Pn, { className: Y.root, "data-testid": i, children: /* @__PURE__ */ u(
+    Ln,
     {
       open: e,
       widthOpen: n,
       widthClosed: t,
       anchor: "left",
-      variant: u ? "temporary" : "permanent",
+      variant: v ? "temporary" : "permanent",
       PaperProps: {
         component: "nav"
       },
       onClose: () => {
-        w(!1);
+        C(!1);
       },
-      isSmallScreen: u,
+      isSmallScreen: v,
       children: [
-        !u && /* @__PURE__ */ o(Ht, {}),
-        r && /* @__PURE__ */ h($, { flexGrow: "0", children: [
+        !v && /* @__PURE__ */ o(zt, {}),
+        r && /* @__PURE__ */ u(y, { flexGrow: "0", children: [
           r,
           /* @__PURE__ */ o(Le, { variant: "middle", sx: { marginY: "0.5rem" } })
         ] }),
-        /* @__PURE__ */ o($, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ o(Tn, { links: s }) : s }),
-        /* @__PURE__ */ h($, { flexGrow: "0", children: [
+        /* @__PURE__ */ o(y, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ o(Fn, { links: s }) : s }),
+        /* @__PURE__ */ u(y, { flexGrow: "0", children: [
           /* @__PURE__ */ o(Le, { variant: "middle", sx: { marginY: "0.5rem" } }),
-          /* @__PURE__ */ o(Ln, { user: d, domainCode: l, open: e }),
-          c && /* @__PURE__ */ o(L, { children: c })
+          /* @__PURE__ */ o(_n, { user: d, domainCode: l, open: e, useNewAvatar: p }),
+          c && /* @__PURE__ */ o(E, { children: c })
         ] })
       ]
     }
   ) });
 }
-function Mn({
+function Rn({
   children: e,
   topBarHeight: t,
   maxWidth: n = !1,
   noPadding: i
 }) {
   return /* @__PURE__ */ o(
-    $,
+    y,
     {
       sx: {
         overflow: "auto",
         height: `calc(100vh - ${t}px)`,
         flexGrow: 1
       },
-      children: i ? /* @__PURE__ */ o($, { component: "main", id: "main-content", height: "inherit", children: e }) : /* @__PURE__ */ o(
-        Ze,
+      children: i ? /* @__PURE__ */ o(y, { component: "main", id: "main-content", height: "inherit", children: e }) : /* @__PURE__ */ o(
+        et,
         {
           component: "main",
           id: "main-content",
@@ -830,18 +840,18 @@ function Mn({
     }
   );
 }
-const Rn = "TopBar", Hn = {
-  titleText: `${Rn}-titleText`
+const Hn = "TopBar", Wn = {
+  titleText: `${Hn}-titleText`
 };
-function Wn({
+function zn({
   titleText: e = "",
   height: t,
   "data-testid": n,
   middle: i
 }) {
-  const r = lt(K), s = () => r((l) => !l), c = se(), d = Ct();
-  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ h(
-    Je,
+  const r = dt(J), s = () => r((l) => !l), c = se(), d = vt();
+  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ u(
+    je,
     {
       square: !0,
       elevation: 0,
@@ -859,22 +869,22 @@ function Wn({
       },
       children: [
         /* @__PURE__ */ o(
-          Y,
+          K,
           {
             size: "medium",
             color: "inherit",
             sx: { padding: 1.5, marginLeft: "12px" },
             onClick: s,
-            children: /* @__PURE__ */ o(Jt, { fontSize: "medium" })
+            children: /* @__PURE__ */ o(jt, { fontSize: "medium" })
           }
         ),
-        /* @__PURE__ */ o(E, { className: Hn.titleText, variant: "h6", component: "h1", children: e }),
+        /* @__PURE__ */ o(F, { className: Wn.titleText, variant: "h6", component: "h1", children: e }),
         i
       ]
     }
   ) });
 }
-function Po({
+function _o({
   children: e,
   initialTitleText: t,
   initialNavBarOpen: n,
@@ -884,43 +894,44 @@ function Po({
   navBarDataTestId: c,
   navBarMiddle: d,
   navBarBottom: l,
-  user: u,
-  domainCode: w
+  user: p,
+  domainCode: v
 }) {
-  dt([
-    [K, n != null ? n : !0],
+  ut([
+    [J, n != null ? n : !0],
     [ve, t != null ? t : ""]
   ]);
-  const x = _e(K), [A] = V(xt), [g] = V(vt), y = _e(ve), [b] = V(wt), [D] = V(On), [I] = V(At);
-  return /* @__PURE__ */ h($, { children: [
-    /* @__PURE__ */ o(Wt, {}),
+  const C = _e(J), [A] = V(wt), [g] = V(At), $ = _e(ve), [b] = V(bt), [D] = V(En), [I] = V(St);
+  return /* @__PURE__ */ u(y, { children: [
+    /* @__PURE__ */ o(Ut, {}),
     /* @__PURE__ */ o(
-      Wn,
+      zn,
       {
-        titleText: y,
+        titleText: $,
         "data-testid": s,
         height: b,
         middle: D
       }
     ),
-    /* @__PURE__ */ h($, { sx: { display: "flex" }, children: [
+    /* @__PURE__ */ u(y, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ o(
-        _n,
+        Mn,
         {
-          open: x,
+          open: C,
           top: I,
           middle: d,
           bottom: l,
-          user: u,
-          domainCode: w,
+          user: p,
+          domainCode: v,
           widthOpen: A,
           widthClosed: g,
           offsetTop: b,
-          "data-testid": c
+          "data-testid": c,
+          useNewAvatar: !0
         }
       ),
       /* @__PURE__ */ o(
-        Mn,
+        Rn,
         k(a({
           "data-testid": r,
           topBarHeight: b
@@ -931,7 +942,7 @@ function Po({
     ] })
   ] });
 }
-const St = ({
+const Dt = ({
   isOpen: e,
   dialogTitle: t,
   children: n,
@@ -941,46 +952,46 @@ const St = ({
   onClose: c,
   sx: d,
   "data-testid": l,
-  disableCloseOnBackdropOrEscape: u = !1,
-  isLoading: w = !1
+  disableCloseOnBackdropOrEscape: p = !1,
+  isLoading: v = !1
 }) => {
-  var g, y;
-  const [x, A] = B(!1);
-  return /* @__PURE__ */ h(
-    je,
+  var g, $;
+  const [C, A] = B(!1);
+  return /* @__PURE__ */ u(
+    tt,
     {
       open: e,
-      onClose: (b, D) => N(void 0, null, function* () {
-        u && (D === "backdropClick" || D === "escapeKeyDown") || x || (s != null && s.onClick ? yield s.onClick() : c());
+      onClose: (b, D) => L(void 0, null, function* () {
+        p && (D === "backdropClick" || D === "escapeKeyDown") || C || (s != null && s.onClick ? yield s.onClick() : c());
       }),
       fullWidth: !0,
       maxWidth: i != null ? i : "xs",
       "data-testid": l,
       sx: d,
       children: [
-        w && /* @__PURE__ */ o(et, { sx: { height: "4px", marginBottom: "-4px" } }),
-        /* @__PURE__ */ o(tt, { children: t }),
-        /* @__PURE__ */ o(nt, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
-        /* @__PURE__ */ h(ot, { children: [
+        v && /* @__PURE__ */ o(nt, { sx: { height: "4px", marginBottom: "-4px" } }),
+        /* @__PURE__ */ o(ot, { children: t }),
+        /* @__PURE__ */ o(it, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
+        /* @__PURE__ */ u(rt, { children: [
           /* @__PURE__ */ o(
-            re,
+            ae,
             {
               onClick: (g = s == null ? void 0 : s.onClick) != null ? g : c,
               "data-testid": s == null ? void 0 : s.testId,
-              disabled: (s == null ? void 0 : s.disabled) || x,
+              disabled: (s == null ? void 0 : s.disabled) || C,
               color: s == null ? void 0 : s.buttonColor,
-              children: (y = s == null ? void 0 : s.text) != null ? y : "Cancel"
+              children: ($ = s == null ? void 0 : s.text) != null ? $ : "Cancel"
             }
           ),
           r && /* @__PURE__ */ o(
-            re,
+            ae,
             {
-              onClick: () => N(void 0, null, function* () {
+              onClick: () => L(void 0, null, function* () {
                 var b;
                 A(!0), yield (b = r.onClick) == null ? void 0 : b.call(r), A(!1);
               }),
               "data-testid": r.testId,
-              disabled: r.disabled || x,
+              disabled: r.disabled || C,
               color: r == null ? void 0 : r.buttonColor,
               children: r.text
             }
@@ -989,20 +1000,20 @@ const St = ({
       ]
     }
   );
-}, kt = ({
+}, yt = ({
   minLength: e,
   preLoadedOptions: t,
   lookup: n,
   label: i,
   inputValue: r
-}) => on({
+}) => sn({
   queryFn: () => e && r.length < e ? t != null ? t : [] : t ? t.filter(
     (s) => s.label.toLowerCase().includes(r.toLowerCase())
   ) : n(r),
   queryKey: ["autocomplete", i, r]
 });
-function No({
-  lookup: e = () => N(this, null, function* () {
+function Mo({
+  lookup: e = () => L(this, null, function* () {
   }),
   enableHighlighting: t = !0,
   onChange: n,
@@ -1012,28 +1023,28 @@ function No({
   "data-testid": c,
   sx: d,
   boxSx: l,
-  textFieldColor: u,
-  textFieldVariant: w = "filled",
-  loadingText: x = "Loading...",
+  textFieldColor: p,
+  textFieldVariant: v = "filled",
+  loadingText: C = "Loading...",
   noOptionsText: A = "No options",
-  popupIcon: g = /* @__PURE__ */ o(jt, {}),
-  error: y = !1,
+  popupIcon: g = /* @__PURE__ */ o(tn, {}),
+  error: $ = !1,
   helperText: b = "",
   preLoadedOptions: D = void 0,
   disablePortal: I = !1,
   disableIconFlip: O = !1
 }) {
-  const [F, P] = B(""), S = (p, f) => {
-    const m = s.filter((C) => C.id !== f);
-    n(m, "delete", p);
-  }, { data: v, isLoading: H } = kt({
-    inputValue: F,
+  const [P, N] = B(""), S = (h, f) => {
+    const m = s.filter((x) => x.id !== f);
+    n(m, "delete", h);
+  }, { data: w, isLoading: H } = yt({
+    inputValue: P,
     label: r,
     lookup: e,
     minLength: i,
     preLoadedOptions: D
-  }), W = F.length >= i;
-  return /* @__PURE__ */ h("div", { "data-testid": c, children: [
+  }), W = P.length >= i;
+  return /* @__PURE__ */ u("div", { "data-testid": c, children: [
     /* @__PURE__ */ o(
       be,
       {
@@ -1041,61 +1052,61 @@ function No({
         "data-testid": c ? `${c}:Autocomplete` : void 0,
         disablePortal: I,
         multiple: !0,
-        getOptionLabel: (p) => typeof p == "string" ? p : p.label,
+        getOptionLabel: (h) => typeof h == "string" ? h : h.label,
         loading: W ? H : !1,
-        options: [...s, ...v != null ? v : []],
+        options: [...s, ...w != null ? w : []],
         filterSelectedOptions: !0,
         includeInputInList: !0,
         value: s,
-        onChange: (p, f, m) => {
-          n(f, m, p);
+        onChange: (h, f, m) => {
+          n(f, m, h);
         },
-        onInputChange: (p, f) => P(f),
+        onInputChange: (h, f) => N(f),
         noOptionsText: W ? A : "Start typing to search",
-        loadingText: x,
+        loadingText: C,
         popupIcon: g,
-        renderInput: (p) => /* @__PURE__ */ o(
+        renderInput: (h) => /* @__PURE__ */ o(
           Se,
-          k(a({}, p), {
+          k(a({}, h), {
             label: r,
             fullWidth: !0,
-            variant: w,
-            error: y,
+            variant: v,
+            error: $,
             helperText: b,
-            InputProps: k(a({}, p.InputProps), {
-              endAdornment: /* @__PURE__ */ h(L, { children: [
+            InputProps: k(a({}, h.InputProps), {
+              endAdornment: /* @__PURE__ */ u(E, { children: [
                 H ? /* @__PURE__ */ o(ke, { color: "inherit", size: 20 }) : null,
-                p.InputProps.endAdornment
+                h.InputProps.endAdornment
               ] })
             }),
             "data-testid": c ? `${c}:Autocomplete:TextField` : void 0,
             onKeyDown: (f) => {
               (f.key === "Backspace" || f.key === "Delete") && f.stopPropagation();
             },
-            color: u
+            color: p
           })
         ),
         renderTags: () => null,
-        isOptionEqualToValue: (p, f) => p.id === f.id,
-        renderOption: (p, f, m) => {
+        isOptionEqualToValue: (h, f) => h.id === f.id,
+        renderOption: (h, f, m) => {
           if (t) {
-            const C = tn(f.label, m.inputValue, {
+            const x = rn(f.label, m.inputValue, {
               insideWords: !0,
               findAllOccurrences: !0
-            }), M = nn(f.label, C);
+            }), M = an(f.label, x);
             return /* @__PURE__ */ xe(
               "li",
-              k(a({}, p), {
+              k(a({}, h), {
                 key: f.id,
                 "data-testid": c ? `${c}:Autocomplete:option(${f.id.toString()})` : void 0
               }),
-              /* @__PURE__ */ o("div", { children: M.map((J, le) => /* @__PURE__ */ o(
+              /* @__PURE__ */ o("div", { children: M.map((Z, le) => /* @__PURE__ */ o(
                 "span",
                 {
                   style: {
-                    fontWeight: J.highlight ? 700 : 400
+                    fontWeight: Z.highlight ? 700 : 400
                   },
-                  children: J.text
+                  children: Z.text
                 },
                 le
               )) })
@@ -1103,7 +1114,7 @@ function No({
           } else
             return /* @__PURE__ */ xe(
               "li",
-              k(a({}, p), {
+              k(a({}, h), {
                 key: f.id,
                 "data-testid": c ? `${c}:option(${f.id.toString()})` : void 0
               }),
@@ -1112,8 +1123,8 @@ function No({
         }
       }
     ),
-    s.length > 0 && /* @__PURE__ */ o($, { sx: l, children: s.map((p) => /* @__PURE__ */ o(
-      zt,
+    s.length > 0 && /* @__PURE__ */ o(y, { sx: l, children: s.map((h) => /* @__PURE__ */ o(
+      Gt,
       {
         sx: {
           marginTop: 1,
@@ -1121,9 +1132,9 @@ function No({
           height: "auto"
         },
         label: /* @__PURE__ */ o(
-          Ut,
+          Vt,
           {
-            title: p.tooltipContent || "",
+            title: h.tooltipContent || "",
             placement: "bottom-start",
             PopperProps: {
               modifiers: [
@@ -1135,24 +1146,24 @@ function No({
                 }
               ]
             },
-            children: /* @__PURE__ */ o(E, { style: { whiteSpace: "normal" }, children: p.chipLabel ? p.chipLabel : p.label })
+            children: /* @__PURE__ */ o(F, { style: { whiteSpace: "normal" }, children: h.chipLabel ? h.chipLabel : h.label })
           }
         ),
-        "data-testid": c ? `${c}:Chip(${p.id.toString()})` : void 0,
-        onDelete: (f) => S(f, p.id),
+        "data-testid": c ? `${c}:Chip(${h.id.toString()})` : void 0,
+        onDelete: (f) => S(f, h.id),
         deleteIcon: /* @__PURE__ */ o(
-          Zt,
+          en,
           {
-            "data-testid": c ? `${c}:Chip(${p.id.toString()}):deleteIcon` : void 0
+            "data-testid": c ? `${c}:Chip(${h.id.toString()}):deleteIcon` : void 0
           }
         )
       },
-      p.id
+      h.id
     )) })
   ] });
 }
-const Lo = ({
-  lookup: e = () => N(void 0, null, function* () {
+const Ro = ({
+  lookup: e = () => L(void 0, null, function* () {
   }),
   onChange: t,
   label: n,
@@ -1162,37 +1173,37 @@ const Lo = ({
   textFieldVariant: c = "filled",
   "data-testid": d,
   noOptionsText: l = "No options",
-  minLength: u = 3,
-  disablePortal: w = !1,
-  preLoadedOptions: x,
+  minLength: p = 3,
+  disablePortal: v = !1,
+  preLoadedOptions: C,
   helperText: A = "",
   disabled: g,
-  popupIcon: y,
+  popupIcon: $,
   disableIconFlip: b
 }) => {
-  const [D, I] = B(""), { data: O, isLoading: F } = kt({
+  const [D, I] = B(""), { data: O, isLoading: P } = yt({
     inputValue: D,
     label: n,
     lookup: e,
-    minLength: u != null ? u : 0,
-    preLoadedOptions: x
-  }), P = D.length >= u;
-  return /* @__PURE__ */ o("div", { "data-testid": d, children: /* @__PURE__ */ o(Gt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
+    minLength: p != null ? p : 0,
+    preLoadedOptions: C
+  }), N = D.length >= p;
+  return /* @__PURE__ */ o("div", { "data-testid": d, children: /* @__PURE__ */ o(qt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
     be,
     {
       sx: a(a({}, r), b ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
       "data-testid": d ? `${d}:Autocomplete` : void 0,
-      loading: P ? F : !1,
+      loading: N ? P : !1,
       options: O != null ? O : [],
-      onChange: (S, v) => {
-        t(S, v);
+      onChange: (S, w) => {
+        t(S, w);
       },
-      disablePortal: w,
+      disablePortal: v,
       filterOptions: (S) => S,
       value: i,
-      noOptionsText: P ? l : "Start typing to search",
+      noOptionsText: N ? l : "Start typing to search",
       getOptionLabel: (S) => S.label,
-      popupIcon: y,
+      popupIcon: $,
       renderInput: (S) => /* @__PURE__ */ o(
         Se,
         k(a({
@@ -1204,27 +1215,27 @@ const Lo = ({
           helperText: A
         })
       ),
-      isOptionEqualToValue: (S, v) => S.id === v.id,
-      onInputChange: (S, v) => {
-        I(v);
+      isOptionEqualToValue: (S, w) => S.id === w.id,
+      onInputChange: (S, w) => {
+        I(w);
       },
-      renderOption: (S, v) => /* @__PURE__ */ xe(
+      renderOption: (S, w) => /* @__PURE__ */ xe(
         "li",
         k(a({}, S), {
-          key: v.id,
-          "data-testid": d ? `${d}:Autocomplete:option(${v.id.toString()})` : void 0
+          key: w.id,
+          "data-testid": d ? `${d}:Autocomplete:option(${w.id.toString()})` : void 0
         }),
-        v.label
+        w.label
       ),
       disabled: g
     }
   ) }) });
-}, zn = (e) => {
+}, Un = (e) => {
   if (!e)
     return -1;
   try {
     const n = e.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"), i = decodeURIComponent(
-      sn.from(n, "base64").toString("utf8").split("").map(function(s) {
+      dn.from(n, "base64").toString("utf8").split("").map(function(s) {
         return "%" + ("00" + s.charCodeAt(0).toString(16)).slice(-2);
       }).join("")
     ), r = JSON.parse(i);
@@ -1232,25 +1243,25 @@ const Lo = ({
   } catch (t) {
     return -1;
   }
-}, _o = ({
+}, Ho = ({
   open: e = !1,
   closeHandler: t,
   setAuth0ExpiryTime: n
 }) => {
-  const { logout: i, getAccessTokenSilently: r } = ut(), [s, c] = B(0), d = () => N(void 0, null, function* () {
+  const { logout: i, getAccessTokenSilently: r } = ht(), [s, c] = B(0), d = () => L(void 0, null, function* () {
     i({ logoutParams: { returnTo: `${window.location.origin}` } });
-  }), l = () => N(void 0, null, function* () {
+  }), l = () => L(void 0, null, function* () {
     c(s + 1), t();
   });
-  return ie(() => {
-    (() => N(void 0, null, function* () {
+  return re(() => {
+    (() => L(void 0, null, function* () {
       if (s > 0) {
-        const A = yield r({ cacheMode: "off" }), g = zn(A) * 1e3;
+        const A = yield r({ cacheMode: "off" }), g = Un(A) * 1e3;
         n(g);
       }
     }))();
   }, [s, r, n]), /* @__PURE__ */ o(
-    St,
+    Dt,
     {
       isOpen: e,
       primaryButton: {
@@ -1274,28 +1285,28 @@ const Lo = ({
     }
   );
 };
-function Un(e) {
+function Gn(e) {
   return "error" in e;
 }
-function Gn(e) {
+function Vn(e) {
   return e.error === "access_denied";
 }
-function Vn(e) {
+function qn(e) {
   var i;
   const t = e.error, n = (i = e == null ? void 0 : e.error_description) != null ? i : "";
   return t === "access_denied" && n.startsWith("You do not have the required authorization");
 }
-function qn(e) {
+function Xn(e) {
   var i;
   const t = e.error, n = (i = e == null ? void 0 : e.error_description) != null ? i : "";
   return t === "access_denied" && n.startsWith("User did not authorize the request");
 }
-function Mo({
+function Wo({
   children: e,
   appName: t = "the app"
 }) {
-  const { isAuthenticated: n, isLoading: i, error: r, loginWithRedirect: s, logout: c } = ut();
-  if (ie(() => {
+  const { isAuthenticated: n, isLoading: i, error: r, loginWithRedirect: s, logout: c } = ht();
+  if (re(() => {
     if (i || n || r)
       return;
     const d = {
@@ -1304,42 +1315,42 @@ function Mo({
       }
     };
     s(d);
-  }, [i, n, r, s]), r && Un(r)) {
+  }, [i, n, r, s]), r && Gn(r)) {
     let d = "Auth error", l = "An unknown Auth0 error occurred.";
-    return Vn(r) ? (d = "Unauthorised", l = `You are not authorised to access ${t}.`) : qn(r) ? (d = "App not authorised", l = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`) : Gn(r) && (d = "Unauthorised", l = "Authorisation with auth0 failed for an unknown reason."), /* @__PURE__ */ h(je, { open: !0, children: [
-      /* @__PURE__ */ o(tt, { children: d }),
-      /* @__PURE__ */ o(nt, { children: /* @__PURE__ */ o(E, { children: l }) }),
-      /* @__PURE__ */ o(ot, { children: /* @__PURE__ */ o(re, { onClick: () => c({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" }) })
+    return qn(r) ? (d = "Unauthorised", l = `You are not authorised to access ${t}.`) : Xn(r) ? (d = "App not authorised", l = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`) : Vn(r) && (d = "Unauthorised", l = "Authorisation with auth0 failed for an unknown reason."), /* @__PURE__ */ u(tt, { open: !0, children: [
+      /* @__PURE__ */ o(ot, { children: d }),
+      /* @__PURE__ */ o(it, { children: /* @__PURE__ */ o(F, { children: l }) }),
+      /* @__PURE__ */ o(rt, { children: /* @__PURE__ */ o(ae, { onClick: () => c({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" }) })
     ] });
   }
-  return n ? /* @__PURE__ */ o(L, { children: e }) : /* @__PURE__ */ o(ln, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
+  return n ? /* @__PURE__ */ o(E, { children: e }) : /* @__PURE__ */ o(pn, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
 }
-const Xn = {
+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
-}, Qn = {
+}, Yn = {
   shouldClose: (e, t) => t !== "clickaway"
-}, Ge = {
+}, qe = {
   message: "",
   severity: "info",
   variant: "standard",
   progressIndicator: void 0
   // Can use 'circular' or 'linear'
-}, Ve = 100, qe = 2e3, Yn = 2e3, Kn = (() => {
+}, Xe = 100, Qe = 2e3, Kn = 2e3, Jn = (() => {
   let e = 0;
   return () => (e += 1, e);
-})(), Jn = {
+})(), Zn = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
-}, Zn = {}, jn = {}, Dt = Ye(null);
-function eo(s) {
+}, jn = {}, eo = {}, $t = Je(null);
+function to(s) {
   var c = s, {
-    overrideState: e = Zn,
-    overrideActions: t = jn,
-    shouldClose: n = Qn.shouldClose,
+    overrideState: e = jn,
+    overrideActions: t = eo,
+    shouldClose: n = Yn.shouldClose,
     children: i
   } = c, r = Ee(c, [
     "overrideState",
@@ -1348,88 +1359,88 @@ function eo(s) {
     "children"
   ]);
   var f;
-  const [{ open: d }, l] = B({ open: !1 }), u = ge([]), w = ge(Date.now()), x = ge(0), A = oe((m) => {
+  const [{ open: d }, l] = B({ open: !1 }), p = ge([]), v = ge(Date.now()), C = ge(0), A = ie((m) => {
     l({ open: m });
-  }, []), g = oe((m = {}) => {
-    x.current += 1, u.current.length >= Ve && Date.now() - w.current >= qe && (w.current = Date.now(), console.error(
-      `SaladBarProvider: MAX_QUEUE_LENGTH (${Ve}) hit ${x.current} times in last ${qe}ms)`
-    ), x.current = 0);
-    const C = a(k(a({}, Ge), {
-      key: Kn()
+  }, []), g = ie((m = {}) => {
+    C.current += 1, p.current.length >= Xe && Date.now() - v.current >= Qe && (v.current = Date.now(), console.error(
+      `SaladBarProvider: MAX_QUEUE_LENGTH (${Xe}) hit ${C.current} times in last ${Qe}ms)`
+    ), C.current = 0);
+    const x = a(k(a({}, qe), {
+      key: Jn()
     }), m);
-    return u.current.push(C), u.current.length === 1 && l({ open: !0 }), C.key;
-  }, []), y = (m = "", C = {}) => g(a({ message: m, severity: "success" }, C)), b = (m = "", C = {}) => g(a({ message: m, severity: "info" }, C)), D = (m = "", C = {}) => g(a({ message: m, severity: "warning" }, C)), I = (m = "", C = {}) => g(a({ message: m, severity: "error" }, C)), O = (m) => {
-    const C = u.current.findIndex((M) => M.key === m);
-    if (C !== -1)
-      return C === 0 ? (l({ open: !1 }), u.current[0]) : u.current.splice(C, 1);
-  }, F = (m, C) => {
-    n(m, C) && l({ open: !1 });
-  }, P = () => {
+    return p.current.push(x), p.current.length === 1 && l({ open: !0 }), x.key;
+  }, []), $ = (m = "", x = {}) => g(a({ message: m, severity: "success" }, x)), b = (m = "", x = {}) => g(a({ message: m, severity: "info" }, x)), D = (m = "", x = {}) => g(a({ message: m, severity: "warning" }, x)), I = (m = "", x = {}) => g(a({ message: m, severity: "error" }, x)), O = (m) => {
+    const x = p.current.findIndex((M) => M.key === m);
+    if (x !== -1)
+      return x === 0 ? (l({ open: !1 }), p.current[0]) : p.current.splice(x, 1);
+  }, P = (m, x) => {
+    n(m, x) && l({ open: !1 });
+  }, N = () => {
   }, S = () => {
-    u.current.shift(), u.current.length > 0 && l({ open: !0 });
-  }, v = (f = u.current[0]) != null ? f : a({}, Ge), H = {};
-  "autoHideDuration" in v && (H.autoHideDuration = v.autoHideDuration);
-  const W = a(a({}, Xn), r), p = a(a({
+    p.current.shift(), p.current.length > 0 && l({ open: !0 });
+  }, w = (f = p.current[0]) != null ? f : a({}, qe), H = {};
+  "autoHideDuration" in w && (H.autoHideDuration = w.autoHideDuration);
+  const W = a(a({}, Qn), r), h = a(a({
     open: d,
     setOpen: A,
     enqueueNotification: g,
-    enqueueSuccessNotification: y,
+    enqueueSuccessNotification: $,
     enqueueInfoNotification: b,
     enqueueWarningNotification: D,
     enqueueErrorNotification: I,
     removeNotification: O
   }, e), t);
-  return /* @__PURE__ */ h(Dt.Provider, { value: p, children: [
+  return /* @__PURE__ */ u($t.Provider, { value: h, children: [
     i,
     /* @__PURE__ */ o(
-      Vt,
+      Xt,
       k(a(a({}, W), H), {
         open: d,
-        onClose: F,
+        onClose: P,
         TransitionProps: {
           onExited: S,
-          onExit: P
+          onExit: N
         },
-        sx: { zIndex: Yn },
-        children: /* @__PURE__ */ h("div", { children: [
+        sx: { zIndex: Kn },
+        children: /* @__PURE__ */ u("div", { children: [
           /* @__PURE__ */ o(
-            qt,
+            Qt,
             {
-              onClose: (m) => F(m, "closeAlert"),
-              severity: v.severity,
+              onClose: (m) => P(m, "closeAlert"),
+              severity: w.severity,
               variant: "filled",
-              icon: v.progressIndicator === "circular" ? /* @__PURE__ */ o(ke, { size: "1em" }) : void 0,
-              style: v.progressIndicator === "linear" ? Jn : void 0,
-              children: v.message
+              icon: w.progressIndicator === "circular" ? /* @__PURE__ */ o(ke, { size: "1em" }) : void 0,
+              style: w.progressIndicator === "linear" ? Zn : void 0,
+              children: w.message
             }
           ),
-          v.progressIndicator === "linear" && /* @__PURE__ */ o(et, { color: "primary" })
+          w.progressIndicator === "linear" && /* @__PURE__ */ o(nt, { color: "primary" })
         ] })
       })
     )
   ] });
 }
-function to() {
-  const e = Ke(Dt);
+function no() {
+  const e = Ze($t);
   if (e === null)
     throw new De("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
   return e;
 }
-const Ro = X(
-  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(eo, k(a({}, e), { overrideState: t, overrideActions: n, children: i }))
-), no = en(), Ho = ({
+const zo = Q(
+  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(to, k(a({}, e), { overrideState: t, overrideActions: n, children: i }))
+), oo = nn(), Uo = ({
   children: e,
   store: t
-}) => /* @__PURE__ */ o(ct, { store: t != null ? t : no, children: e }), yt = "domainCode";
-var Qe;
-const Xe = _(
-  JSON.parse((Qe = localStorage.getItem(yt)) != null ? Qe : '{"domainCode": ""}').domainCode
-), $t = _(
-  (e) => e(Xe),
+}) => /* @__PURE__ */ o(pt, { store: t != null ? t : oo, children: e }), It = "domainCode";
+var Ke;
+const Ye = _(
+  JSON.parse((Ke = localStorage.getItem(It)) != null ? Ke : '{"domainCode": ""}').domainCode
+), Ot = _(
+  (e) => e(Ye),
   (e, t, n) => {
-    t(Xe, n), localStorage.setItem(yt, JSON.stringify({ domainCode: n }));
+    t(Ye, n), localStorage.setItem(It, JSON.stringify({ domainCode: n }));
   }
-), oo = {
+), io = {
   act: "ACT",
   nsw: "NSW",
   nt: "NT",
@@ -1441,10 +1452,10 @@ const Xe = _(
   ag: "AG",
   fedmps: "Fedmps",
   "": ""
-}, io = (e) => {
+}, ro = (e) => {
   var t;
-  return e === null ? "N/A" : (t = oo[e]) != null ? t : "";
-}, Wo = ({
+  return e === null ? "N/A" : (t = io[e]) != null ? t : "";
+}, Go = ({
   isLoading: e,
   isOpen: t,
   onClose: n,
@@ -1452,21 +1463,21 @@ const Xe = _(
   applicationName: r,
   handleLogout: s
 }) => {
-  const [c, d] = V($t), [l, u] = B(c), { enqueueSuccessNotification: w } = to(), x = i.length === 0, A = !!c && !i.includes(c) && !i.includes(l), g = !c || x || A, y = () => N(void 0, null, function* () {
-    l ? (d(l), w(`Set domain to ${l}`), n()) : d("");
-  }), b = () => N(void 0, null, function* () {
-    c && !x && !A ? (u(c), n()) : g && s();
+  const [c, d] = V(Ot), [l, p] = B(c), { enqueueSuccessNotification: v } = no(), C = i.length === 0, A = !!c && !i.includes(c) && !i.includes(l), g = !c || C || A, $ = () => L(void 0, null, function* () {
+    l ? (d(l), v(`Set domain to ${l}`), n()) : d("");
+  }), b = () => L(void 0, null, function* () {
+    c && !C && !A ? (p(c), n()) : g && s();
   });
   let D;
-  return x ? 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__ */ h(
-    St,
+  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__ */ u(
+    Dt,
     {
       isOpen: t,
       dialogTitle: "Select an organisation",
       primaryButton: {
         text: "Confirm",
-        onClick: y,
-        disabled: !l || x || A,
+        onClick: $,
+        disabled: !l || C || A,
         buttonColor: "primary"
       },
       secondaryButton: {
@@ -1476,7 +1487,7 @@ const Xe = _(
       onClose: g ? () => {
       } : n,
       children: [
-        /* @__PURE__ */ h(E, { marginBottom: 2, children: [
+        /* @__PURE__ */ u(F, { marginBottom: 2, children: [
           "Select the default organisation that you want to use with the ",
           r,
           "."
@@ -1488,8 +1499,8 @@ const Xe = _(
             multiple: !1,
             disableClearable: !1,
             value: l !== "" ? l : null,
-            onChange: (I, O) => u(O != null ? O : ""),
-            getOptionLabel: io,
+            onChange: (I, O) => p(O != null ? O : ""),
+            getOptionLabel: ro,
             options: [...i],
             renderInput: (I) => /* @__PURE__ */ o(
               Se,
@@ -1497,7 +1508,7 @@ const Xe = _(
                 variant: "filled",
                 label: "Select organisation",
                 InputProps: k(a({}, I.InputProps), {
-                  endAdornment: /* @__PURE__ */ h(L, { children: [
+                  endAdornment: /* @__PURE__ */ u(E, { children: [
                     e ? /* @__PURE__ */ o(ke, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
                     I.InputProps.endAdornment
                   ] })
@@ -1506,11 +1517,11 @@ const Xe = _(
             )
           }
         ),
-        D && /* @__PURE__ */ o(Xt, { error: !0, children: D })
+        D && /* @__PURE__ */ o(Yt, { error: !0, children: D })
       ]
     }
   );
-}, zo = it({
+}, Vo = at({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1561,7 +1572,7 @@ const Xe = _(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), Uo = it({
+}), qo = at({
   palette: {
     primary: {
       main: "#007236",
@@ -1655,77 +1666,77 @@ const Xe = _(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), ro = {
-  domainCode: $t,
-  navBarOpen: K,
-  navBarWidthOpen: xt,
-  navBarWidthClosed: vt,
+}), ao = {
+  domainCode: Ot,
+  navBarOpen: J,
+  navBarWidthOpen: wt,
+  navBarWidthClosed: At,
   titleText: ve,
-  topBarHeight: wt,
-  navBarTop: At
-}, Go = X(() => ({ children: e }) => /* @__PURE__ */ o(ct, { children: e })), ao = ({
+  topBarHeight: bt,
+  navBarTop: St
+}, Xo = Q(() => ({ children: e }) => /* @__PURE__ */ o(pt, { children: e })), so = ({
   initialValues: e,
   children: t
-}) => (dt(e), /* @__PURE__ */ o(L, { children: t })), Vo = X(
+}) => (ut(e), /* @__PURE__ */ o(E, { children: t })), Qo = Q(
   (e) => ({ children: t }) => /* @__PURE__ */ o(
-    ao,
+    so,
     {
       initialValues: Object.entries(e).map(
         ([n, i]) => [
-          ro[n],
+          ao[n],
           i
         ]
       ),
       children: t
     }
   )
-), qo = X(() => ({ children: e }) => {
-  const t = new rn();
-  return /* @__PURE__ */ o(an, { client: t, children: e });
+), Yo = Q(() => ({ children: e }) => {
+  const t = new ln();
+  return /* @__PURE__ */ o(cn, { client: t, children: e });
 });
 export {
-  St as AgDialog,
-  Po as AppLayout,
-  Ho as AtomProvider,
-  Mo as AuthGuard,
-  Dt as Context,
+  Dt as AgDialog,
+  _o as AppLayout,
+  Uo as AtomProvider,
+  Wo as AuthGuard,
+  $t as Context,
   De as ContextError,
-  Wo as DomainCodeDialog,
-  $o as ExampleComponent,
-  No as FetchAutocomplete,
-  ao as HydrateAtoms,
-  ht as NAVBAR_WIDTH_CLOSED,
-  pt as NAVBAR_WIDTH_OPENED,
-  Eo as NavBar,
-  To as NavBarDarkStyledList,
-  Bo as NavBarLightStyledList,
-  fn as NavBarProvider,
-  Fo as PageLayout,
-  eo as SaladBarProvider,
-  _o as SessionExpiryDialog,
-  Lo as SingleAutocomplete,
-  no as atomStore,
-  Cn as buildNavBarState,
-  $t as domainCodeAtom,
-  zo as fed21Theme,
-  zn as getAuth0Expiry,
-  Uo as internalAgSystemsTheme,
+  Go as DomainCodeDialog,
+  To as ExampleComponent,
+  Mo as FetchAutocomplete,
+  so as HydrateAtoms,
+  ft as NAVBAR_WIDTH_CLOSED,
+  gt as NAVBAR_WIDTH_OPENED,
+  No as NavBar,
+  Fo as NavBarDarkStyledList,
+  Po as NavBarLightStyledList,
+  xn as NavBarProvider,
+  Lo as PageLayout,
+  to as SaladBarProvider,
+  Ho as SessionExpiryDialog,
+  Ro as SingleAutocomplete,
+  oo as atomStore,
+  wn as buildNavBarState,
+  Ot as domainCodeAtom,
+  Vo as fed21Theme,
+  Un as getAuth0Expiry,
+  qo as internalAgSystemsTheme,
   q as navBarClasses,
-  K as navBarOpenAtom,
-  At as navBarTopAtom,
-  vt as navBarWidthClosedAtom,
-  xt as navBarWidthOpenAtom,
+  J as navBarOpenAtom,
+  St as navBarTopAtom,
+  At as navBarWidthClosedAtom,
+  wt as navBarWidthOpenAtom,
   ve as titleTextAtom,
-  wt as topBarHeightAtom,
-  On as topBarMiddleAtom,
-  kt as useAutocompleteOptions,
-  mn as useNavBar,
-  to as useSaladBar,
-  Go as withAtomProvider,
-  Oo as withBrowserRouter,
-  Io as withNavBarProvider,
-  Vo as withOverrideDefaults,
-  qo as withQueryClient,
-  Ro as withSaladBarProvider
+  bt as topBarHeightAtom,
+  En as topBarMiddleAtom,
+  yt as useAutocompleteOptions,
+  vn as useNavBar,
+  no as useSaladBar,
+  Xo as withAtomProvider,
+  Eo as withBrowserRouter,
+  Bo as withNavBarProvider,
+  Qo as withOverrideDefaults,
+  Yo as withQueryClient,
+  zo as withSaladBarProvider
 };
 //# sourceMappingURL=index.js.map