@australiangreens/ag-internal-components 0.0.44 → 0.0.45

package/dist/esm/index.js

@@ -1,15 +1,15 @@
-var ht = Object.defineProperty, ft = Object.defineProperties;
-var mt = Object.getOwnPropertyDescriptors;
+var xt = Object.defineProperty, Ct = Object.defineProperties;
+var wt = Object.getOwnPropertyDescriptors;
 var J = Object.getOwnPropertySymbols;
 var we = Object.prototype.hasOwnProperty, be = Object.prototype.propertyIsEnumerable;
-var de = (e, t, n) => t in e ? ht(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, i = (e, t) => {
+var de = (e, t, n) => t in e ? xt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, i = (e, t) => {
   for (var n in t || (t = {}))
     we.call(t, n) && de(e, n, t[n]);
   if (J)
     for (var n of J(t))
       be.call(t, n) && de(e, n, t[n]);
   return e;
-}, x = (e, t) => ft(e, mt(t));
+}, x = (e, t) => Ct(e, wt(t));
 var Ae = (e, t) => {
   var n = {};
   for (var r in e)
@@ -21,45 +21,46 @@ var Ae = (e, t) => {
 };
 var Se = (e, t, n) => (de(e, typeof t != "symbol" ? t + "" : t, n), n);
 var K = (e, t, n) => new Promise((r, a) => {
-  var s = (l) => {
+  var l = (s) => {
     try {
-      u(n.next(l));
+      u(n.next(s));
     } catch (d) {
       a(d);
     }
-  }, c = (l) => {
+  }, p = (s) => {
     try {
-      u(n.throw(l));
+      u(n.throw(s));
     } catch (d) {
       a(d);
     }
-  }, u = (l) => l.done ? r(l.value) : Promise.resolve(l.value).then(s, c);
+  }, u = (s) => s.done ? r(s.value) : Promise.resolve(s.value).then(l, p);
   u((n = n.apply(e, t)).next());
 });
-import { jsxs as p, Fragment as _, jsx as o } from "react/jsx-runtime";
-import { useState as O, createContext as ye, useCallback as te, useContext as _e, useEffect as ne, useRef as ce } from "react";
-import { Typography as P, Button as vt, Paper as oe, styled as X, Box as A, IconButton as V, Drawer as xt, Container as Me, Divider as Te, CssBaseline as Ct, Snackbar as wt, Alert as bt, CircularProgress as He, LinearProgress as At, Autocomplete as St, TextField as Tt, FormHelperText as It } from "@mui/material";
-import Ot from "@mui/material/CssBaseline";
-import { styled as M, createTheme as Re, alpha as pe } from "@mui/material/styles";
-import We from "@mui/material/Drawer";
-import { AgError as Dt } from "@australiangreens/ag-error";
+import { jsxs as c, Fragment as M, jsx as o } from "react/jsx-runtime";
+import { useState as D, createContext as He, useCallback as ne, useContext as Re, useEffect as oe, useRef as ce } from "react";
+import { Typography as $, Button as bt, Paper as We, styled as X, Box as T, IconButton as V, Drawer as At, Container as ze, Avatar as Ie, Skeleton as Te, Divider as Oe, CssBaseline as St, Snackbar as It, Alert as Tt, CircularProgress as Ge, LinearProgress as Ot, Autocomplete as Dt, TextField as $t, FormHelperText as kt } from "@mui/material";
+import Bt from "@mui/material/CssBaseline";
+import { styled as _, createTheme as Ue, alpha as pe } from "@mui/material/styles";
+import Ve from "@mui/material/Drawer";
+import { AgError as Nt } from "@australiangreens/ag-error";
 import { createHelper as re } from "souvlaki";
-import ze from "@mui/material/List";
-import Ie from "@mui/material/Button";
-import $t from "@mui/material/Dialog";
-import kt from "@mui/material/DialogActions";
-import Bt from "@mui/material/DialogContent";
-import Nt from "@mui/material/DialogTitle";
-import { ArrowForward as Ge, ArrowBack as Ue, ViewHeadline as Et } from "@mui/icons-material";
-import { atom as $, useSetAtom as Ft, useAtom as E, getDefaultStore as Pt, Provider as Ve } from "jotai";
-import { useHydrateAtoms as Lt } from "jotai/utils";
-function Un({ text: e }) {
-  const [t, n] = O(0);
-  return /* @__PURE__ */ p(_, { 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" }) }),
+import Xe from "@mui/material/List";
+import De from "@mui/material/Button";
+import Et from "@mui/material/Dialog";
+import Ft from "@mui/material/DialogActions";
+import Lt from "@mui/material/DialogContent";
+import yt from "@mui/material/DialogTitle";
+import { ArrowForward as qe, ArrowBack as je, ViewHeadline as Pt } from "@mui/icons-material";
+import { useSetLibraryAtom as Mt, useLibraryAtom as y } from "src/providers";
+import { atom as k, getDefaultStore as _t, Provider as Ye, useAtom as Ht, useSetAtom as Rt } from "jotai";
+import { useHydrateAtoms as Wt } from "jotai/utils";
+function no({ text: e }) {
+  const [t, n] = D(0);
+  return /* @__PURE__ */ c(M, { children: [
+    /* @__PURE__ */ o($, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
+    /* @__PURE__ */ o($, { variant: "caption", display: "block", children: /* @__PURE__ */ o("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
     /* @__PURE__ */ o(
-      vt,
+      bt,
       {
         variant: "outlined",
         onClick: () => n((r) => r + 1),
@@ -67,44 +68,44 @@ function Un({ text: e }) {
         children: "Hello I am a button"
       }
     ),
-    /* @__PURE__ */ p("p", { children: [
+    /* @__PURE__ */ c("p", { children: [
       "This is some text: ",
       /* @__PURE__ */ o("span", { children: e })
     ] }),
-    /* @__PURE__ */ p(oe, { children: [
+    /* @__PURE__ */ c(We, { children: [
       "This number will incremember when button pressed: ",
       t
     ] })
   ] });
 }
-const Xe = 330, qe = 73, N = "Navbar", y = {
-  root: `${N}-root`,
-  menuButton: `${N}-menuButton`,
-  hide: `${N}-hide`,
-  content: `${N}-content`,
-  userInfoHolder: `${N}-userInfoHolder`,
-  settings: `${N}-settings`,
-  pieChartIcon: `${N}-pieChartIcon`
-}, yt = M("div", { name: "NavBar" })(({ theme: e }) => ({
-  [`&.${y.root}`]: {
+const Qe = 330, Je = 73, E = "Navbar", P = {
+  root: `${E}-root`,
+  menuButton: `${E}-menuButton`,
+  hide: `${E}-hide`,
+  content: `${E}-content`,
+  userInfoHolder: `${E}-userInfoHolder`,
+  settings: `${E}-settings`,
+  pieChartIcon: `${E}-pieChartIcon`
+}, zt = _("div", { name: "NavBar" })(({ theme: e }) => ({
+  [`&.${P.root}`]: {
     display: "flex"
   },
-  [`& .${y.menuButton}`]: {
+  [`& .${P.menuButton}`]: {
     marginRight: 36
   },
-  [`& .${y.hide}`]: {
+  [`& .${P.hide}`]: {
     display: "none"
   },
-  [`& .${y.content}`]: {
+  [`& .${P.content}`]: {
     flexGrow: 1,
     padding: e.spacing(3)
   },
-  [`& .${y.userInfoHolder}`]: {
+  [`& .${P.userInfoHolder}`]: {
     height: "148px",
     marginTop: "64px",
     marginBottom: "16px"
   }
-})), je = () => ({
+})), Ke = () => ({
   position: "absolute",
   height: "100%",
   overflowX: "hidden",
@@ -112,51 +113,51 @@ const Xe = 330, qe = 73, N = "Navbar", y = {
   color: "white",
   backgroundColor: "black"
   // backgroundColor: '#e8e8e8',
-}), _t = () => i({
-  width: Xe
-}, je()), Mt = () => i({
-  width: qe
-}, je()), Ht = M(We, {
+}), Gt = () => i({
+  width: Qe
+}, Ke()), Ut = () => i({
+  width: Je
+}, Ke()), Vt = _(Ve, {
   shouldForwardProp: (e) => e !== "open"
 })(({ theme: e, open: t }) => i(i({
-  width: t ? Xe : qe,
+  width: t ? Qe : Je,
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box",
   zIndex: e.zIndex.drawer + 100
 }, t && {
-  "& .MuiDrawer-paper": _t()
+  "& .MuiDrawer-paper": Gt()
 }), !t && {
-  "& .MuiDrawer-paper": Mt()
+  "& .MuiDrawer-paper": Ut()
 }));
-class he extends Dt {
+class he extends Nt {
 }
 Se(he, "errorName", "ContextError");
-const Qe = ye(null), Rt = {}, Wt = {}, zt = ({
-  overrideState: e = Rt,
-  overrideActions: t = Wt,
+const Ze = He(null), Xt = {}, qt = {}, jt = ({
+  overrideState: e = Xt,
+  overrideActions: t = qt,
   children: n
 }) => {
-  const [{ open: r }, a] = O({ open: !0 }), s = te((l) => {
-    a({ open: l });
-  }, []), c = te(() => {
-    a((l) => x(i({}, l), { open: !l.open }));
+  const [{ open: r }, a] = D({ open: !0 }), l = ne((s) => {
+    a({ open: s });
+  }, []), p = ne(() => {
+    a((s) => x(i({}, s), { open: !s.open }));
   }, []), u = i(i({
     open: r,
-    setOpen: s,
-    toggleOpen: c
+    setOpen: l,
+    toggleOpen: p
   }, e), t);
-  return /* @__PURE__ */ o(Qe.Provider, { value: u, children: n });
-}, Gt = () => {
-  const e = _e(Qe);
+  return /* @__PURE__ */ o(Ze.Provider, { value: u, children: n });
+}, Yt = () => {
+  const e = Re(Ze);
   if (e === null)
     throw new he("Error: Tried to useNavBar outside of a <NavBarProvider>");
   return e;
-}, Ut = (e = {}) => i({
+}, Qt = (e = {}) => i({
   open: !0
-}, e), Vn = re(
-  (e = Ut(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(zt, { overrideState: e, overrideActions: t, children: n })
-), Oe = 7, Xn = M(ze)(({ theme: e }) => ({
+}, e), oo = re(
+  (e = Qt(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(jt, { overrideState: e, overrideActions: t, children: n })
+), $e = 7, ro = _(Xe)(({ theme: e }) => ({
   backgroundColor: "black",
   color: "white",
   "& .MuiListItem-root": {
@@ -165,7 +166,7 @@ const Qe = ye(null), Rt = {}, Wt = {}, zt = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "white",
-      padding: `${Oe}px`
+      padding: `${$e}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -176,7 +177,7 @@ const Qe = ye(null), Rt = {}, Wt = {}, zt = ({
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${Oe}px)`
+      paddingLeft: `calc(${e.spacing(2)} - ${$e}px)`
     },
     // Hover state
     "&:hover": {
@@ -194,7 +195,7 @@ const Qe = ye(null), Rt = {}, Wt = {}, zt = ({
     // '&.Mui-selected.Mui-focusVisible:hover': {
     // },
   }
-})), De = 7, qn = M(ze)(({ theme: e }) => ({
+})), ke = 7, io = _(Xe)(({ theme: e }) => ({
   backgroundColor: "#e8e8e8",
   color: "inherit",
   "& .MuiListItem-root": {
@@ -203,7 +204,7 @@ const Qe = ye(null), Rt = {}, Wt = {}, zt = ({
   "& .MuiListItemButton-root": {
     " .MuiListItemIcon-root": {
       color: "inherit",
-      padding: `${De}px`
+      padding: `${ke}px`
     },
     // Focus state
     "&.Mui-focusVisible": {
@@ -214,7 +215,7 @@ const Qe = ye(null), Rt = {}, Wt = {}, zt = ({
       borderLeftStyle: "solid",
       borderLeftWidth: "7px",
       borderLeftColor: e.palette.primary.main,
-      paddingLeft: `calc(${e.spacing(2)} - ${De}px)`
+      paddingLeft: `calc(${e.spacing(2)} - ${ke}px)`
     },
     // Hover state
     "&:hover": {
@@ -233,15 +234,15 @@ const Qe = ye(null), Rt = {}, Wt = {}, zt = ({
     // },
   }
 }));
-function jn({
+function ao({
   "data-testid": e,
   children: t
 }) {
-  const { open: n } = Gt();
-  return /* @__PURE__ */ p(yt, { className: y.root, "data-testid": e, children: [
-    /* @__PURE__ */ o(Ot, {}),
+  const { open: n } = Yt();
+  return /* @__PURE__ */ c(zt, { className: P.root, "data-testid": e, children: [
+    /* @__PURE__ */ o(Bt, {}),
     /* @__PURE__ */ o(
-      Ht,
+      Vt,
       {
         variant: "permanent",
         anchor: "left",
@@ -252,46 +253,46 @@ function jn({
     )
   ] });
 }
-const Vt = ({
+const Jt = ({
   isOpen: e,
   dialogTitle: t,
   children: n,
   maxWidth: r,
   primaryButton: a,
-  secondaryButton: s,
-  onClose: c
+  secondaryButton: l,
+  onClose: p
 }) => {
   var d, v;
-  const [u, l] = O(!1);
-  return /* @__PURE__ */ p(
-    $t,
+  const [u, s] = D(!1);
+  return /* @__PURE__ */ c(
+    Et,
     {
       open: e,
       onClose: () => {
-        u || c();
+        u || p();
       },
       fullWidth: !0,
       maxWidth: r != null ? r : "xs",
       children: [
-        /* @__PURE__ */ o(Nt, { children: t }),
-        /* @__PURE__ */ o(Bt, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
-        /* @__PURE__ */ p(kt, { children: [
+        /* @__PURE__ */ o(yt, { children: t }),
+        /* @__PURE__ */ o(Lt, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
+        /* @__PURE__ */ c(Ft, { children: [
           /* @__PURE__ */ o(
-            Ie,
+            De,
             {
-              onClick: (d = s == null ? void 0 : s.onClick) != null ? d : c,
-              "data-testid": s == null ? void 0 : s.testId,
-              disabled: (s == null ? void 0 : s.disabled) || u,
-              color: s == null ? void 0 : s.buttonColor,
-              children: (v = s == null ? void 0 : s.text) != null ? v : "Cancel"
+              onClick: (d = l == null ? void 0 : l.onClick) != null ? d : p,
+              "data-testid": l == null ? void 0 : l.testId,
+              disabled: (l == null ? void 0 : l.disabled) || u,
+              color: l == null ? void 0 : l.buttonColor,
+              children: (v = l == null ? void 0 : l.text) != null ? v : "Cancel"
             }
           ),
           a && /* @__PURE__ */ o(
-            Ie,
+            De,
             {
               onClick: () => K(void 0, null, function* () {
-                var m;
-                l(!0), yield (m = a.onClick) == null ? void 0 : m.call(a), l(!1);
+                var f;
+                s(!0), yield (f = a.onClick) == null ? void 0 : f.call(a), s(!1);
               }),
               "data-testid": a.testId,
               disabled: a.disabled || u,
@@ -303,14 +304,14 @@ const Vt = ({
       ]
     }
   );
-}, Xt = 24, qt = 64, F = "TopBar", b = {
+}, Kt = 24, Zt = 64, F = "TopBar", b = {
   topStripe: `${F}-topStripe`,
   titleBar: `${F}-titleBar`,
   titleSlider: `${F}-titleSlider`,
   titleText: `${F}-titleText`,
   leftPanelButton: `${F}-leftPanelButton`,
   rightPanelButton: `${F}-leftPanelButton`
-}, jt = X("div", {
+}, en = X("div", {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: F
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
@@ -319,12 +320,12 @@ const Vt = ({
     width: "100%",
     [`& .${b.topStripe}`]: {
       width: "100%",
-      height: `${Xt}px`,
+      height: `${Kt}px`,
       backgroundColor: e.palette.primary.main
     },
     [`& .${b.titleBar}`]: {
       backgroundColor: e.palette.primary.light,
-      height: `${qt}px`,
+      height: `${Zt}px`,
       padding: e.spacing(0, 3),
       width: "100%"
     },
@@ -362,16 +363,16 @@ const Vt = ({
     })
   };
 });
-function Qt({
+function tn({
   titleText: e = "",
   leftPanel: t,
   rightPanel: n,
   "data-testid": r
 }) {
-  return /* @__PURE__ */ p(jt, { leftPanel: t, rightPanel: n, "data-testid": r, children: [
+  return /* @__PURE__ */ c(en, { leftPanel: t, rightPanel: n, "data-testid": r, children: [
     /* @__PURE__ */ o("div", { className: b.topStripe }),
-    /* @__PURE__ */ o("div", { className: b.titleBar, children: /* @__PURE__ */ p(A, { className: b.titleSlider, children: [
-      t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ p(
+    /* @__PURE__ */ o("div", { className: b.titleBar, children: /* @__PURE__ */ c(T, { className: b.titleSlider, children: [
+      t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ c(
         V,
         {
           className: b.leftPanelButton,
@@ -382,12 +383,12 @@ function Qt({
           size: "large",
           children: [
             " ",
-            /* @__PURE__ */ o(Ge, {})
+            /* @__PURE__ */ o(qe, {})
           ]
         }
       ),
-      /* @__PURE__ */ o(P, { className: b.titleText, variant: "h6", noWrap: !0, children: e }),
-      n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ p(
+      /* @__PURE__ */ o($, { className: b.titleText, variant: "h6", noWrap: !0, children: e }),
+      n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ c(
         V,
         {
           className: b.rightPanelButton,
@@ -398,14 +399,14 @@ function Qt({
           size: "large",
           children: [
             " ",
-            /* @__PURE__ */ o(Ue, {})
+            /* @__PURE__ */ o(je, {})
           ]
         }
       )
     ] }) })
   ] });
 }
-const Ye = 400, Yt = X(xt, {
+const et = 400, nn = X(At, {
   shouldForwardProp: (e) => (
     // Note we do want anchor to be forwarded to the Drawer component
     ![
@@ -419,7 +420,7 @@ const Ye = 400, Yt = X(xt, {
   ),
   name: "SidePanelDrawer"
 })(
-  ({ width: e, debugOpacity: t = !1, anchor: n, navBarOpen: r, navBarWidthOpen: a, navBarWidthClosed: s }) => ({
+  ({ width: e, debugOpacity: t = !1, anchor: n, navBarOpen: r, navBarWidthOpen: a, navBarWidthClosed: l }) => ({
     width: e,
     "& .MuiDrawer-paper": i(i({
       position: "absolute",
@@ -430,12 +431,12 @@ const Ye = 400, Yt = X(xt, {
     }, t && {
       opacity: "50%"
     }), n === "left" && i({
-      marginLeft: `${s}px`
+      marginLeft: `${l}px`
     }, r && {
       marginLeft: `${a}px`
     }))
   })
-), Jt = X(A, {
+), on = X(T, {
   shouldForwardProp: (e) => !["anchor"].includes(e)
 })(({ theme: e, anchor: t }) => x(i({
   display: "flex",
@@ -455,26 +456,26 @@ const Ye = 400, Yt = X(xt, {
     marginRight: t === "right" ? e.spacing(2) : 0
   }
 }));
-function $e({
+function Be({
   children: e,
   anchor: t = "left",
   open: n,
   onClose: r = () => {
   },
   titleText: a = "",
-  width: s = Ye,
-  showCloseArrow: c = !0,
+  width: l = et,
+  showCloseArrow: p = !0,
   debugOpacity: u = !1,
-  headerBoxProps: l = {},
+  headerBoxProps: s = {},
   onOpened: d,
   onClosed: v,
-  "data-testid": m,
+  "data-testid": f,
   navBarOpen: C = !1,
-  navBarWidthOpen: f = 0,
-  navBarWidthClosed: w = 0
+  navBarWidthOpen: m = 0,
+  navBarWidthClosed: I = 0
 }) {
-  return /* @__PURE__ */ p(
-    Yt,
+  return /* @__PURE__ */ c(
+    nn,
     {
       SlideProps: {
         onEntered: () => d == null ? void 0 : d(),
@@ -483,32 +484,32 @@ function $e({
       variant: "persistent",
       anchor: t,
       open: n,
-      width: s,
+      width: l,
       debugOpacity: u,
-      "data-testid": m,
+      "data-testid": f,
       navBarOpen: C,
-      navBarWidthOpen: f,
-      navBarWidthClosed: w,
+      navBarWidthOpen: m,
+      navBarWidthClosed: I,
       children: [
-        /* @__PURE__ */ o(Jt, x(i({ anchor: t }, l), { children: t === "left" ? /* @__PURE__ */ p(_, { children: [
-          /* @__PURE__ */ o(P, { variant: "h6", color: "inherit", component: "div", children: a }),
-          c && /* @__PURE__ */ p(V, { onClick: r, size: "large", "aria-label": "Close left side panel", children: [
-            /* @__PURE__ */ o(Ue, { "data-testid": "arrowbackicon" }),
+        /* @__PURE__ */ o(on, x(i({ anchor: t }, s), { children: t === "left" ? /* @__PURE__ */ c(M, { children: [
+          /* @__PURE__ */ o($, { variant: "h6", color: "inherit", component: "div", children: a }),
+          p && /* @__PURE__ */ c(V, { onClick: r, size: "large", "aria-label": "Close left side panel", children: [
+            /* @__PURE__ */ o(je, { "data-testid": "arrowbackicon" }),
             " "
           ] })
-        ] }) : /* @__PURE__ */ p(_, { children: [
-          c && /* @__PURE__ */ p(V, { onClick: r, size: "large", "aria-label": "Close right side panel", children: [
-            /* @__PURE__ */ o(Ge, {}),
+        ] }) : /* @__PURE__ */ c(M, { children: [
+          p && /* @__PURE__ */ c(V, { onClick: r, size: "large", "aria-label": "Close right side panel", children: [
+            /* @__PURE__ */ o(qe, {}),
             " "
           ] }),
-          /* @__PURE__ */ o(P, { variant: "h6", color: "inherit", component: "div", children: a })
+          /* @__PURE__ */ o($, { variant: "h6", color: "inherit", component: "div", children: a })
         ] }) })),
         e
       ]
     }
   );
 }
-const Kt = X("div", {
+const rn = X("div", {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: "PanelAwareMargins"
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
@@ -531,7 +532,7 @@ const Kt = X("div", {
     }),
     marginRight: `${(a = n == null ? void 0 : n.width) != null ? a : 0}px`
   });
-}), Zt = X(Me, {
+}), an = X(ze, {
   name: "PageContainer"
 })(({ theme: e }) => ({
   // Horizontal padding comes from the Container's gutter
@@ -540,32 +541,32 @@ const Kt = X("div", {
 })), ue = !1, ge = !1, Z = {
   titleText: "",
   flavour: "push",
-  width: Ye,
+  width: et,
   arrowButtons: "both",
   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 Qn({
+function so({
   children: e,
   titleText: t = "",
   leftPanel: n,
   rightPanel: r,
   sidePanelsAreMutuallyExclusive: a = !0,
-  debugOpacity: s = !1,
-  pageContainerProps: c,
+  debugOpacity: l = !1,
+  pageContainerProps: p,
   pageContentDataTestId: u,
-  topBarDataTestId: l,
+  topBarDataTestId: s,
   navBarOpen: d,
   navBarWidthOpen: v,
-  navBarWidthClosed: m
+  navBarWidthClosed: f
 }) {
-  const [C, f] = O(ue), [w, S] = O(ge), [D, T] = O(ue), [k, H] = O(ge), R = n !== void 0, W = r !== void 0, {
-    titleText: I,
+  const [C, m] = D(ue), [I, A] = D(ge), [w, S] = D(ue), [B, H] = D(ge), R = n !== void 0, W = r !== void 0, {
+    titleText: O,
     content: q,
     flavour: j,
     open: z,
@@ -573,76 +574,76 @@ function Qn({
     width: g,
     arrowButtons: h,
     startOpen: L,
-    onOpened: at,
-    onClosed: st,
-    dataTestId: lt
+    onOpened: ct,
+    onClosed: pt,
+    dataTestId: ut
   } = n ? i(i({}, Z), n) : i({}, Z), {
-    titleText: dt,
-    content: ct,
+    titleText: gt,
+    content: ht,
     flavour: me,
     open: ie,
     onChangeOpen: ve,
     width: ae,
-    arrowButtons: Q,
-    startOpen: Y,
-    onOpened: pt,
-    onClosed: ut,
-    dataTestId: gt
+    arrowButtons: Y,
+    startOpen: Q,
+    onOpened: ft,
+    onClosed: mt,
+    dataTestId: vt
   } = r ? i(i({}, Z), r) : i({}, Z);
-  ne(() => {
-    L !== ue && (f(L), T(L));
-  }, [L]), ne(() => {
-    Y !== ge && (S(Y), H(Y));
-  }, [Y]);
-  const se = z === void 0 ? C : z, le = ie === void 0 ? w : ie, xe = (B) => {
-    z === void 0 && (f(B), a && W && (B ? (S(!1), H(w)) : S(k))), G && G(B);
-  }, Ce = (B) => {
-    ie === void 0 && (S(B), a && R && (B ? (f(!1), T(C)) : f(D))), ve && ve(B);
+  oe(() => {
+    L !== ue && (m(L), S(L));
+  }, [L]), oe(() => {
+    Q !== ge && (A(Q), H(Q));
+  }, [Q]);
+  const se = z === void 0 ? C : z, le = ie === void 0 ? I : ie, xe = (N) => {
+    z === void 0 && (m(N), a && W && (N ? (A(!1), H(I)) : A(B))), G && G(N);
+  }, Ce = (N) => {
+    ie === void 0 && (A(N), a && R && (N ? (m(!1), S(C)) : m(w))), ve && ve(N);
   };
-  return /* @__PURE__ */ p(A, { children: [
+  return /* @__PURE__ */ c(T, { children: [
     R && /* @__PURE__ */ o(
-      $e,
+      Be,
       {
-        "data-testid": lt,
+        "data-testid": ut,
         anchor: "left",
         open: se,
         onClose: () => xe(!1),
         width: g,
-        titleText: I,
-        debugOpacity: s,
+        titleText: O,
+        debugOpacity: l,
         showCloseArrow: h === "both" || h === "close",
-        onOpened: at,
-        onClosed: st,
+        onOpened: ct,
+        onClosed: pt,
         navBarOpen: d,
         navBarWidthOpen: v,
-        navBarWidthClosed: m,
+        navBarWidthClosed: f,
         children: q
       }
     ),
     W && /* @__PURE__ */ o(
-      $e,
+      Be,
       {
-        "data-testid": gt,
+        "data-testid": vt,
         anchor: "right",
         open: le,
         onClose: () => Ce(!1),
         width: ae,
-        titleText: dt,
-        debugOpacity: s,
-        showCloseArrow: Q === "both" || Q === "close",
-        onOpened: pt,
-        onClosed: ut,
+        titleText: gt,
+        debugOpacity: l,
+        showCloseArrow: Y === "both" || Y === "close",
+        onOpened: ft,
+        onClosed: mt,
         navBarOpen: d,
         navBarWidthOpen: v,
-        navBarWidthClosed: m,
-        children: ct
+        navBarWidthClosed: f,
+        children: ht
       }
     ),
     /* @__PURE__ */ o(
-      Qt,
+      tn,
       i(i({
         titleText: t,
-        "data-testid": l
+        "data-testid": s
       }, R && j === "push" ? {
         leftPanel: {
           open: se,
@@ -655,12 +656,12 @@ function Qn({
           open: le,
           width: ae,
           onOpen: () => Ce(!0),
-          showOpenArrow: Q === "both" || Q === "open"
+          showOpenArrow: Y === "both" || Y === "open"
         }
       } : {})
     ),
     /* @__PURE__ */ o(
-      Kt,
+      rn,
       x(i(i({}, j === "push" ? {
         leftPanel: {
           open: se,
@@ -672,39 +673,11 @@ function Qn({
           width: ae
         }
       } : {}), {
-        children: /* @__PURE__ */ o(Zt, x(i({ "data-testid": u }, c), { children: e }))
+        children: /* @__PURE__ */ o(an, x(i({ "data-testid": u }, p), { children: e }))
       })
     )
   ] });
 }
-const en = 64, tn = 64, nn = 256, fe = $(!0), Je = $(nn), Ke = $(tn), Ze = $(""), et = $(en), tt = $(void 0), on = "TopBar", rn = {
-  titleText: `${on}-titleText`
-};
-function an({ titleText: e = "", height: t, "data-testid": n }) {
-  const r = Ft(fe);
-  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ p(
-    oe,
-    {
-      square: !0,
-      elevation: 0,
-      sx: {
-        width: "100%",
-        position: "sticky",
-        color: "primary.contrastText",
-        backgroundColor: "primary.main",
-        display: "flex",
-        alignItems: "center",
-        gap: 2,
-        flexShrink: 0,
-        height: t
-      },
-      children: [
-        /* @__PURE__ */ o(V, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: () => r((s) => !s), children: /* @__PURE__ */ o(Et, { fontSize: "medium" }) }),
-        /* @__PURE__ */ o(P, { className: rn.titleText, variant: "h6", children: e })
-      ]
-    }
-  ) });
-}
 const ee = "Navbar", U = {
   root: `${ee}-root`,
   menuButton: `${ee}-menuButton`,
@@ -713,7 +686,7 @@ const ee = "Navbar", U = {
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, sn = M("div", { name: "NavBar" })(({ theme: e }) => ({
+}, sn = _("div", { name: "NavBar" })(({ theme: e }) => ({
   [`&.${U.root}`]: {
     display: "flex"
   },
@@ -732,7 +705,7 @@ const ee = "Navbar", U = {
   //   marginTop: '64px',
   //   marginBottom: '16px',
   // },
-})), nt = (e, t) => {
+})), tt = (e, t) => {
   var n, r;
   return {
     height: `calc(100vh - ${t})`,
@@ -743,42 +716,73 @@ const ee = "Navbar", U = {
     backgroundColor: (r = (n = e == null ? void 0 : e.navBar) == null ? void 0 : n.backgroundColor) != null ? r : "white"
     // Provide default so tests don't need to wrap theme provider
   };
-}, ke = (e, t, n) => i({
+}, Ne = (e, t, n) => i({
   width: t,
   transition: e.transitions.create("width", {
     easing: e.transitions.easing.sharp,
     duration: e.transitions.duration.enteringScreen
   })
-}, nt(e, n)), Be = (e, t, n) => i({
+}, tt(e, n)), Ee = (e, t, n) => i({
   width: t,
   transition: e.transitions.create("width", {
     easing: e.transitions.easing.sharp,
     duration: e.transitions.duration.leavingScreen
   }),
   overflowX: "hidden"
-}, nt(e, n)), ln = M(We, {
+}, tt(e, n)), ln = _(Ve, {
   shouldForwardProp: (e) => !["open", "widthOpen", "widthClosed", "offsetTop"].includes(e)
 })(({ theme: e, open: t, widthOpen: n, widthClosed: r, offsetTop: a }) => i(i({
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box"
-}, t && x(i({}, ke(e, n, a)), {
-  "& .MuiDrawer-paper": ke(e, n, a)
-})), !t && x(i({}, Be(e, r, a)), {
-  "& .MuiDrawer-paper": Be(e, r, a)
+}, t && x(i({}, Ne(e, n, a)), {
+  "& .MuiDrawer-paper": Ne(e, n, a)
+})), !t && x(i({}, Ee(e, r, a)), {
+  "& .MuiDrawer-paper": Ee(e, r, a)
 })));
 function dn({ links: e }) {
   return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
 }
-function cn({
+function cn(e) {
+  let t = 0;
+  for (let n = 0, r = e.length; n < r; n++) {
+    const a = e.charCodeAt(n);
+    t = (t << 5) - t + a, t |= 0;
+  }
+  return t;
+}
+const te = {
+  width: "5rem",
+  height: "5rem"
+}, Fe = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], pn = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
+function un({ user: e, domainCode: t }) {
+  return /* @__PURE__ */ c(T, { marginY: "2rem", display: "flex", flexDirection: "column", alignItems: "center", gap: "1rem", children: [
+    e != null && e.name ? /* @__PURE__ */ o(
+      Ie,
+      {
+        src: e == null ? void 0 : e.picture,
+        sx: x(i({}, te), {
+          bgcolor: Fe[Math.abs(cn(e.name)) % Fe.length]
+        }),
+        children: pn(e.name)
+      }
+    ) : /* @__PURE__ */ o(Ie, { sx: te }),
+    /* @__PURE__ */ c(T, { alignItems: "center", display: "flex", flexDirection: "column", children: [
+      e != null && e.name ? /* @__PURE__ */ o($, { children: e.name }) : /* @__PURE__ */ o(Te, { animation: !1, width: te.width }),
+      t ? /* @__PURE__ */ o($, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Te, { animation: !1, width: te.width })
+    ] })
+  ] });
+}
+function gn({
   open: e,
   offsetTop: t = 0,
   widthOpen: n,
   widthClosed: r,
   "data-testid": a,
-  top: s,
-  middle: c,
-  bottom: u
+  top: l,
+  middle: p,
+  user: u,
+  domainCode: s
 }) {
   return /* @__PURE__ */ o(sn, { className: U.root, "data-testid": a, children: /* @__PURE__ */ o(
     ln,
@@ -789,23 +793,21 @@ function cn({
       widthOpen: n,
       widthClosed: r,
       offsetTop: t,
-      children: /* @__PURE__ */ p(A, { component: "nav", sx: {}, children: [
-        s && /* @__PURE__ */ p(A, { sx: { flexGrow: 1 }, children: [
-          s,
-          /* @__PURE__ */ o(Te, { variant: "middle" })
+      children: /* @__PURE__ */ c(T, { component: "nav", sx: {}, children: [
+        l && /* @__PURE__ */ c(T, { sx: { flexGrow: 1 }, children: [
+          l,
+          /* @__PURE__ */ o(Oe, { variant: "middle" })
         ] }),
-        Array.isArray(c) ? /* @__PURE__ */ o(dn, { links: c }) : c,
-        u && /* @__PURE__ */ p(A, { sx: {}, children: [
-          /* @__PURE__ */ o(Te, { variant: "middle" }),
-          u
-        ] })
+        Array.isArray(p) ? /* @__PURE__ */ o(dn, { links: p }) : p,
+        /* @__PURE__ */ o(Oe, { variant: "middle" }),
+        /* @__PURE__ */ o(un, { user: u, domainCode: s })
       ] })
     }
   ) });
 }
-function pn({ children: e, topBarHeight: t }) {
+function hn({ children: e, topBarHeight: t }) {
   return /* @__PURE__ */ o(
-    A,
+    T,
     {
       sx: {
         overflow: "auto",
@@ -815,7 +817,7 @@ function pn({ children: e, topBarHeight: t }) {
         flexGrow: 1
       },
       children: /* @__PURE__ */ o(
-        Me,
+        ze,
         {
           component: "main",
           id: "main-content",
@@ -826,40 +828,71 @@ function pn({ children: e, topBarHeight: t }) {
     }
   );
 }
-function Yn({
+const fn = 64, mn = 64, vn = 256, fe = k(!0), nt = k(vn), ot = k(mn), rt = k(""), it = k(fn), at = k(void 0), xn = "TopBar", Cn = {
+  titleText: `${xn}-titleText`
+};
+function wn({ titleText: e = "", height: t, "data-testid": n }) {
+  const r = Mt(fe);
+  return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ c(
+    We,
+    {
+      square: !0,
+      elevation: 0,
+      sx: {
+        width: "100%",
+        position: "sticky",
+        color: "primary.contrastText",
+        backgroundColor: "primary.main",
+        display: "flex",
+        alignItems: "center",
+        gap: 2,
+        flexShrink: 0,
+        height: t
+      },
+      children: [
+        /* @__PURE__ */ o(V, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: () => r((l) => !l), children: /* @__PURE__ */ o(Pt, { fontSize: "medium" }) }),
+        /* @__PURE__ */ o($, { className: Cn.titleText, variant: "h6", children: e })
+      ]
+    }
+  ) });
+}
+function lo({
   children: e,
   initialTitleText: t,
   initialNavBarOpen: n,
   pageContainerProps: r,
   pageContentDataTestId: a,
-  topBarDataTestId: s,
-  navBarDataTestId: c,
-  navBarMiddle: u
+  topBarDataTestId: l,
+  navBarDataTestId: p,
+  navBarMiddle: u,
+  user: s,
+  domainCode: d
 }) {
-  const [l, d] = E(fe), [v] = E(Je), [m] = E(Ke), [C, f] = E(Ze), [w] = E(et), [S] = E(tt);
-  return ne(() => {
-    t !== void 0 && f(t);
-  }, [t, f]), ne(() => {
-    n !== void 0 && d(n);
-  }, [n, d]), /* @__PURE__ */ p(A, { children: [
-    /* @__PURE__ */ o(Ct, {}),
-    /* @__PURE__ */ o(an, { titleText: C, "data-testid": s, height: w }),
-    /* @__PURE__ */ p(A, { sx: { display: "flex" }, children: [
+  const [v, f] = y(fe), [C] = y(nt), [m] = y(ot), [I, A] = y(rt), [w] = y(it), [S] = y(at);
+  return oe(() => {
+    t !== void 0 && A(t);
+  }, [t, A]), oe(() => {
+    n !== void 0 && f(n);
+  }, [n, f]), /* @__PURE__ */ c(T, { children: [
+    /* @__PURE__ */ o(St, {}),
+    /* @__PURE__ */ o(wn, { titleText: I, "data-testid": l, height: w }),
+    /* @__PURE__ */ c(T, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ o(
-        cn,
+        gn,
         {
-          open: l,
+          open: v,
           top: S,
           middle: u,
-          bottom: l ? /* @__PURE__ */ o(A, { sx: { padding: 2 }, children: /* @__PURE__ */ o(oe, { sx: { padding: 2, textWrap: "initial" }, variant: "outlined", children: "Placeholder for standard user settings, domain selector etc. It should be at the very bottom, but WIP" }) }) : /* @__PURE__ */ o(A, { sx: { paddingTop: 2 }, children: /* @__PURE__ */ o(oe, { sx: { padding: 2, textWrap: "initial" }, variant: "outlined", children: "WIP" }) }),
-          widthOpen: v,
+          user: s,
+          domainCode: d,
+          widthOpen: C,
           widthClosed: m,
           offsetTop: w,
-          "data-testid": c
+          "data-testid": p
         }
       ),
       /* @__PURE__ */ o(
-        pn,
+        hn,
         x(i({
           "data-testid": a,
           topBarHeight: w
@@ -870,75 +903,75 @@ function Yn({
     ] })
   ] });
 }
-const un = {
+const bn = {
   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
-}, gn = {
+}, An = {
   shouldClose: (e, t) => t !== "clickaway"
-}, Ne = {
+}, Le = {
   message: "",
   severity: "info",
   variant: "standard",
   progressIndicator: void 0
   // Can use 'circular' or 'linear'
-}, Ee = 100, Fe = 2e3, hn = 2e3, fn = (() => {
+}, ye = 100, Pe = 2e3, Sn = 2e3, In = (() => {
   let e = 0;
   return () => (e += 1, e);
-})(), mn = {
+})(), Tn = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
-}, vn = {}, xn = {}, ot = ye(null);
-function Cn(s) {
-  var c = s, {
-    overrideState: e = vn,
-    overrideActions: t = xn,
-    shouldClose: n = gn.shouldClose,
+}, On = {}, Dn = {}, st = He(null);
+function $n(l) {
+  var p = l, {
+    overrideState: e = On,
+    overrideActions: t = Dn,
+    shouldClose: n = An.shouldClose,
     children: r
-  } = c, a = Ae(c, [
+  } = p, a = Ae(p, [
     "overrideState",
     "overrideActions",
     "shouldClose",
     "children"
   ]);
   var G;
-  const [{ open: u }, l] = O({ open: !1 }), d = ce([]), v = ce(Date.now()), m = ce(0), C = te((g) => {
-    l({ open: g });
-  }, []), f = te((g = {}) => {
-    m.current += 1, d.current.length >= Ee && Date.now() - v.current >= Fe && (v.current = Date.now(), console.error(
-      `SaladBarProvider: MAX_QUEUE_LENGTH (${Ee}) hit ${m.current} times in last ${Fe}ms)`
-    ), m.current = 0);
-    const h = i(x(i({}, Ne), {
-      key: fn()
+  const [{ open: u }, s] = D({ open: !1 }), d = ce([]), v = ce(Date.now()), f = ce(0), C = ne((g) => {
+    s({ open: g });
+  }, []), m = ne((g = {}) => {
+    f.current += 1, d.current.length >= ye && Date.now() - v.current >= Pe && (v.current = Date.now(), console.error(
+      `SaladBarProvider: MAX_QUEUE_LENGTH (${ye}) hit ${f.current} times in last ${Pe}ms)`
+    ), f.current = 0);
+    const h = i(x(i({}, Le), {
+      key: In()
     }), g);
-    return d.current.push(h), d.current.length === 1 && l({ open: !0 }), h.key;
-  }, []), w = (g = "", h = {}) => f(i({ message: g, severity: "success" }, h)), S = (g = "", h = {}) => f(i({ message: g, severity: "info" }, h)), D = (g = "", h = {}) => f(i({ message: g, severity: "warning" }, h)), T = (g = "", h = {}) => f(i({ message: g, severity: "error" }, h)), k = (g) => {
+    return d.current.push(h), d.current.length === 1 && s({ open: !0 }), h.key;
+  }, []), I = (g = "", h = {}) => m(i({ message: g, severity: "success" }, h)), A = (g = "", h = {}) => m(i({ message: g, severity: "info" }, h)), w = (g = "", h = {}) => m(i({ message: g, severity: "warning" }, h)), S = (g = "", h = {}) => m(i({ message: g, severity: "error" }, h)), B = (g) => {
     const h = d.current.findIndex((L) => L.key === g);
     if (h !== -1)
-      return h === 0 ? (l({ open: !1 }), d.current[0]) : d.current.splice(h, 1);
+      return h === 0 ? (s({ open: !1 }), d.current[0]) : d.current.splice(h, 1);
   }, H = (g, h) => {
-    n(g, h) && l({ open: !1 });
+    n(g, h) && s({ open: !1 });
   }, R = () => {
   }, W = () => {
-    d.current.shift(), d.current.length > 0 && l({ open: !0 });
-  }, I = (G = d.current[0]) != null ? G : i({}, Ne), q = {};
-  "autoHideDuration" in I && (q.autoHideDuration = I.autoHideDuration);
-  const j = i(i({}, un), a), z = i(i({
+    d.current.shift(), d.current.length > 0 && s({ open: !0 });
+  }, O = (G = d.current[0]) != null ? G : i({}, Le), q = {};
+  "autoHideDuration" in O && (q.autoHideDuration = O.autoHideDuration);
+  const j = i(i({}, bn), a), z = i(i({
     open: u,
     setOpen: C,
-    enqueueNotification: f,
-    enqueueSuccessNotification: w,
-    enqueueInfoNotification: S,
-    enqueueWarningNotification: D,
-    enqueueErrorNotification: T,
-    removeNotification: k
+    enqueueNotification: m,
+    enqueueSuccessNotification: I,
+    enqueueInfoNotification: A,
+    enqueueWarningNotification: w,
+    enqueueErrorNotification: S,
+    removeNotification: B
   }, e), t);
-  return /* @__PURE__ */ p(ot.Provider, { value: z, children: [
+  return /* @__PURE__ */ c(st.Provider, { value: z, children: [
     r,
     /* @__PURE__ */ o(
-      wt,
+      It,
       x(i(i({}, j), q), {
         open: u,
         onClose: H,
@@ -946,46 +979,46 @@ function Cn(s) {
           onExited: W,
           onExit: R
         },
-        sx: { zIndex: hn },
-        children: /* @__PURE__ */ p("div", { children: [
+        sx: { zIndex: Sn },
+        children: /* @__PURE__ */ c("div", { children: [
           /* @__PURE__ */ o(
-            bt,
+            Tt,
             {
               onClose: (g) => H(g, "closeAlert"),
-              severity: I.severity,
+              severity: O.severity,
               variant: "filled",
-              icon: I.progressIndicator === "circular" ? /* @__PURE__ */ o(He, { size: "1em" }) : void 0,
-              style: I.progressIndicator === "linear" ? mn : void 0,
-              children: I.message
+              icon: O.progressIndicator === "circular" ? /* @__PURE__ */ o(Ge, { size: "1em" }) : void 0,
+              style: O.progressIndicator === "linear" ? Tn : void 0,
+              children: O.message
             }
           ),
-          I.progressIndicator === "linear" && /* @__PURE__ */ o(At, { color: "primary" })
+          O.progressIndicator === "linear" && /* @__PURE__ */ o(Ot, { color: "primary" })
         ] })
       })
     )
   ] });
 }
-function wn() {
-  const e = _e(ot);
+function kn() {
+  const e = Re(st);
   if (e === null)
     throw new he("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
   return e;
 }
-const Jn = re(
-  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: r }) => /* @__PURE__ */ o(Cn, x(i({}, e), { overrideState: t, overrideActions: n, children: r }))
-), bn = Pt(), Kn = ({
+const co = re(
+  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: r }) => /* @__PURE__ */ o($n, x(i({}, e), { overrideState: t, overrideActions: n, children: r }))
+), Bn = _t(), po = ({
   children: e,
   store: t
-}) => /* @__PURE__ */ o(Ve, { store: t != null ? t : bn, children: e }), rt = "domainCode";
-var Le;
-const Pe = $(
-  JSON.parse((Le = localStorage.getItem(rt)) != null ? Le : '{"domainCode": ""}').domainCode
-), it = $(
-  (e) => e(Pe),
+}) => /* @__PURE__ */ o(Ye, { store: t != null ? t : Bn, children: e }), Nn = (...e) => Ht(...e), uo = (...e) => Rt(...e), En = (...e) => En(...e), lt = "domainCode";
+var _e;
+const Me = k(
+  JSON.parse((_e = localStorage.getItem(lt)) != null ? _e : '{"domainCode": ""}').domainCode
+), dt = k(
+  (e) => e(Me),
   (e, t, n) => {
-    t(Pe, n), localStorage.setItem(rt, JSON.stringify({ domainCode: n }));
+    t(Me, n), localStorage.setItem(lt, JSON.stringify({ domainCode: n }));
   }
-), An = {
+), Fn = {
   act: "ACT",
   nsw: "NSW",
   nt: "NT",
@@ -997,76 +1030,76 @@ const Pe = $(
   ag: "AG",
   fedmps: "Fedmps",
   "": ""
-}, Sn = (e) => {
+}, Ln = (e) => {
   var t;
-  return e === null ? "N/A" : (t = An[e]) != null ? t : "";
-}, Zn = ({
+  return e === null ? "N/A" : (t = Fn[e]) != null ? t : "";
+}, go = ({
   isLoading: e,
   isOpen: t,
   onClose: n,
   domainOptions: r,
   applicationName: a,
-  handleLogout: s
+  handleLogout: l
 }) => {
-  const [c, u] = E(it), [l, d] = O(c), { enqueueSuccessNotification: v } = wn(), m = r.length === 0, C = !!c && !r.includes(c) && !r.includes(l), f = !c || m || C, w = () => K(void 0, null, function* () {
-    l ? (u(l), v(`Set domain to ${l}`), n()) : u("");
-  }), S = () => K(void 0, null, function* () {
-    c && !m && !C ? (d(c), n()) : f && s();
+  const [p, u] = Nn(dt), [s, d] = D(p), { enqueueSuccessNotification: v } = kn(), f = r.length === 0, C = !!p && !r.includes(p) && !r.includes(s), m = !p || f || C, I = () => K(void 0, null, function* () {
+    s ? (u(s), v(`Set domain to ${s}`), n()) : u("");
+  }), A = () => K(void 0, null, function* () {
+    p && !f && !C ? (d(p), n()) : m && l();
   });
-  let D;
-  return m ? D = "Unable to retrieve your active organisations. Try logging in again." : C && (D = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ p(
-    Vt,
+  let w;
+  return f ? w = "Unable to retrieve your active organisations. Try logging in again." : C && (w = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ c(
+    Jt,
     {
       isOpen: t,
       dialogTitle: "Select an organisation",
       primaryButton: {
         text: "Confirm",
-        onClick: w,
-        disabled: !l || m || C,
+        onClick: I,
+        disabled: !s || f || C,
         buttonColor: "primary"
       },
       secondaryButton: {
-        text: f ? "Logout" : "Cancel",
-        onClick: S
+        text: m ? "Logout" : "Cancel",
+        onClick: A
       },
-      onClose: f ? () => {
+      onClose: m ? () => {
       } : n,
       children: [
-        /* @__PURE__ */ p(P, { marginBottom: 2, children: [
+        /* @__PURE__ */ c($, { marginBottom: 2, children: [
           "Select the default organisation that you want to use with the ",
           a,
           "."
         ] }),
         /* @__PURE__ */ o(
-          St,
+          Dt,
           {
             loading: e,
             multiple: !1,
             disableClearable: !1,
-            value: l !== "" ? l : null,
-            onChange: (T, k) => d(k != null ? k : ""),
-            getOptionLabel: Sn,
+            value: s !== "" ? s : null,
+            onChange: (S, B) => d(B != null ? B : ""),
+            getOptionLabel: Ln,
             options: [...r],
-            renderInput: (T) => /* @__PURE__ */ o(
-              Tt,
-              x(i({}, T), {
+            renderInput: (S) => /* @__PURE__ */ o(
+              $t,
+              x(i({}, S), {
                 variant: "filled",
                 label: "Select organisation",
-                InputProps: x(i({}, T.InputProps), {
-                  endAdornment: /* @__PURE__ */ p(_, { children: [
-                    e ? /* @__PURE__ */ o(He, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
-                    T.InputProps.endAdornment
+                InputProps: x(i({}, S.InputProps), {
+                  endAdornment: /* @__PURE__ */ c(M, { children: [
+                    e ? /* @__PURE__ */ o(Ge, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
+                    S.InputProps.endAdornment
                   ] })
                 })
               })
             )
           }
         ),
-        D && /* @__PURE__ */ o(It, { error: !0, children: D })
+        w && /* @__PURE__ */ o(kt, { error: !0, children: w })
       ]
     }
   );
-}, eo = Re({
+}, ho = Ue({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1117,7 +1150,7 @@ const Pe = $(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), to = Re({
+}), fo = Ue({
   palette: {
     primary: {
       main: "#007236",
@@ -1208,24 +1241,24 @@ const Pe = $(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), Tn = {
-  domainCode: it,
+}), yn = {
+  domainCode: dt,
   navBarOpen: fe,
-  navBarWidthOpen: Je,
-  navBarWidthClosed: Ke,
-  titleText: Ze,
-  topBarHeight: et,
-  navBarTop: tt
-}, no = re(() => ({ children: e }) => /* @__PURE__ */ o(Ve, { children: e })), In = ({
+  navBarWidthOpen: nt,
+  navBarWidthClosed: ot,
+  titleText: rt,
+  topBarHeight: it,
+  navBarTop: at
+}, mo = re(() => ({ children: e }) => /* @__PURE__ */ o(Ye, { children: e })), Pn = ({
   initialValues: e,
   children: t
-}) => (Lt(e), /* @__PURE__ */ o(_, { children: t })), oo = re(
+}) => (Wt(e), /* @__PURE__ */ o(M, { children: t })), vo = re(
   (e) => ({ children: t }) => /* @__PURE__ */ o(
-    In,
+    Pn,
     {
       initialValues: Object.entries(e).map(
         ([n, r]) => [
-          Tn[n],
+          yn[n],
           r
         ]
       ),
@@ -1234,39 +1267,42 @@ const Pe = $(
   )
 );
 export {
-  Vt as AgDialog,
-  Yn as AppLayout,
-  Kn as AtomProvider,
-  ot as Context,
+  Jt as AgDialog,
+  lo as AppLayout,
+  po as AtomProvider,
+  st as Context,
   he as ContextError,
-  Zn as DomainCodeDialog,
-  Un as ExampleComponent,
-  In as HydrateAtoms,
-  qe as NAVBAR_WIDTH_CLOSED,
-  Xe as NAVBAR_WIDTH_OPENED,
-  jn as NavBar,
-  Xn as NavBarDarkStyledList,
-  qn as NavBarLightStyledList,
-  zt as NavBarProvider,
-  Qn as PageLayout,
-  Cn as SaladBarProvider,
-  bn as atomStore,
-  Ut as buildNavBarState,
-  it as domainCodeAtom,
-  eo as fed21Theme,
-  to as internalAgSystemsTheme,
-  y as navBarClasses,
+  go as DomainCodeDialog,
+  no as ExampleComponent,
+  Pn as HydrateAtoms,
+  Je as NAVBAR_WIDTH_CLOSED,
+  Qe as NAVBAR_WIDTH_OPENED,
+  ao as NavBar,
+  ro as NavBarDarkStyledList,
+  io as NavBarLightStyledList,
+  jt as NavBarProvider,
+  so as PageLayout,
+  $n as SaladBarProvider,
+  Bn as atomStore,
+  Qt as buildNavBarState,
+  dt as domainCodeAtom,
+  ho as fed21Theme,
+  fo as internalAgSystemsTheme,
+  P as navBarClasses,
   fe as navBarOpenAtom,
-  tt as navBarTopAtom,
-  Ke as navBarWidthClosedAtom,
-  Je as navBarWidthOpenAtom,
-  Ze as titleTextAtom,
-  et as topBarHeightAtom,
-  Gt as useNavBar,
-  wn as useSaladBar,
-  no as withAtomProvider,
-  Vn as withNavBarProvider,
-  oo as withOverrideDefaults,
-  Jn as withSaladBarProvider
+  at as navBarTopAtom,
+  ot as navBarWidthClosedAtom,
+  nt as navBarWidthOpenAtom,
+  rt as titleTextAtom,
+  it as topBarHeightAtom,
+  Nn as useLibraryAtom,
+  En as useLibraryAtomValue,
+  Yt as useNavBar,
+  kn as useSaladBar,
+  uo as useSetLibraryAtom,
+  mo as withAtomProvider,
+  oo as withNavBarProvider,
+  vo as withOverrideDefaults,
+  co as withSaladBarProvider
 };
 //# sourceMappingURL=index.js.map