@australiangreens/ag-internal-components 0.0.66 → 0.0.68

package/dist/esm/index.js

@@ -1,27 +1,27 @@
-var $t = Object.defineProperty, kt = Object.defineProperties;
+var Ot = Object.defineProperty, $t = Object.defineProperties;
 var It = Object.getOwnPropertyDescriptors;
 var ee = Object.getOwnPropertySymbols;
-var ye = Object.prototype.hasOwnProperty, Be = Object.prototype.propertyIsEnumerable;
-var ge = (e, t, n) => t in e ? $t(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, i = (e, t) => {
+var ye = Object.prototype.hasOwnProperty, Pe = Object.prototype.propertyIsEnumerable;
+var ge = (e, t, n) => t in e ? Ot(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, i = (e, t) => {
   for (var n in t || (t = {}))
     ye.call(t, n) && ge(e, n, t[n]);
   if (ee)
     for (var n of ee(t))
-      Be.call(t, n) && ge(e, n, t[n]);
+      Pe.call(t, n) && ge(e, n, t[n]);
   return e;
-}, S = (e, t) => kt(e, It(t));
-var Fe = (e, t) => {
+}, S = (e, t) => $t(e, It(t));
+var Ne = (e, t) => {
   var n = {};
   for (var r in e)
     ye.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
   if (e != null && ee)
     for (var r of ee(e))
-      t.indexOf(r) < 0 && Be.call(e, r) && (n[r] = e[r]);
+      t.indexOf(r) < 0 && Pe.call(e, r) && (n[r] = e[r]);
   return n;
 };
-var Pe = (e, t, n) => (ge(e, typeof t != "symbol" ? t + "" : t, n), n);
-var z = (e, t, n) => new Promise((r, s) => {
-  var c = (p) => {
+var Be = (e, t, n) => (ge(e, typeof t != "symbol" ? t + "" : t, n), n);
+var N = (e, t, n) => new Promise((r, s) => {
+  var l = (p) => {
     try {
       g(n.next(p));
     } catch (u) {
@@ -33,34 +33,29 @@ var z = (e, t, n) => new Promise((r, s) => {
     } catch (u) {
       s(u);
     }
-  }, g = (p) => p.done ? r(p.value) : Promise.resolve(p.value).then(c, d);
+  }, g = (p) => p.done ? r(p.value) : Promise.resolve(p.value).then(l, d);
   g((n = n.apply(e, t)).next());
 });
-import { jsxs as f, Fragment as P, jsx as o } from "react/jsx-runtime";
-import { useState as $, createContext as Je, useCallback as oe, useContext as Ye, useEffect as re, useMemo as Et, createElement as xe, useRef as fe } from "react";
-import { Typography as E, Button as Tt, Paper as Ze, Box as D, Drawer as be, Autocomplete as Ae, TextField as Se, CircularProgress as De, Chip as yt, Tooltip as Bt, Stack as Ft, styled as Oe, IconButton as Q, Container as et, useTheme as ae, useMediaQuery as Pt, Collapse as Nt, Avatar as Ne, Fade as Lt, Skeleton as Le, Toolbar as Mt, Divider as Me, CssBaseline as _t, Snackbar as Ht, Alert as Rt, LinearProgress as Wt, FormHelperText as zt } from "@mui/material";
-import Gt from "@mui/material/CssBaseline";
-import { styled as N, createTheme as tt, alpha as me } from "@mui/material/styles";
-import { AgError as Ut } from "@australiangreens/ag-error";
+import { jsxs as f, Fragment as B, jsx as o } from "react/jsx-runtime";
+import { useState as O, createContext as Je, useCallback as oe, useContext as Ye, useEffect as re, useMemo as Et, createElement as xe, useRef as fe } from "react";
+import { Typography as E, Button as we, Paper as Ze, Box as D, Drawer as Ae, Dialog as Tt, DialogTitle as Ft, DialogContent as yt, DialogActions as Pt, Autocomplete as Se, TextField as De, CircularProgress as ke, Chip as Nt, Tooltip as Bt, Stack as Lt, styled as Oe, IconButton as Q, Container as et, useTheme as ae, useMediaQuery as Mt, Collapse as _t, Avatar as Le, Fade as Ht, Skeleton as Me, Toolbar as Rt, Divider as _e, CssBaseline as Wt, Snackbar as zt, Alert as Gt, LinearProgress as Ut, FormHelperText as Vt } from "@mui/material";
+import qt from "@mui/material/CssBaseline";
+import { styled as L, createTheme as tt, alpha as me } from "@mui/material/styles";
+import { AgError as Xt } from "@australiangreens/ag-error";
 import { createHelper as se } from "souvlaki";
 import nt from "@mui/material/List";
-import _e from "@mui/material/Button";
-import Vt from "@mui/material/Dialog";
-import qt from "@mui/material/DialogActions";
-import Xt from "@mui/material/DialogContent";
-import jt from "@mui/material/DialogTitle";
-import { Cancel as Qt, ArrowDropDown as Kt, ArrowForward as ot, ArrowBack as rt, ViewHeadline as Jt } from "@mui/icons-material";
-import Yt from "autosuggest-highlight/parse";
-import Zt from "autosuggest-highlight/match";
-import { atom as L, useSetAtom as it, useAtomValue as He, useAtom as X, getDefaultStore as en, Provider as at } from "jotai";
+import { Cancel as jt, ArrowDropDown as Qt, ArrowForward as ot, ArrowBack as rt, ViewHeadline as Kt } from "@mui/icons-material";
+import Jt from "autosuggest-highlight/parse";
+import Yt from "autosuggest-highlight/match";
+import { atom as M, useSetAtom as it, useAtomValue as He, useAtom as X, getDefaultStore as Zt, Provider as at } from "jotai";
 import { useHydrateAtoms as st } from "jotai/utils";
-function fo({ text: e }) {
-  const [t, n] = $(0);
-  return /* @__PURE__ */ f(P, { children: [
+function lo({ text: e }) {
+  const [t, n] = O(0);
+  return /* @__PURE__ */ f(B, { children: [
     /* @__PURE__ */ o(E, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
     /* @__PURE__ */ o(E, { variant: "caption", display: "block", children: /* @__PURE__ */ o("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
     /* @__PURE__ */ o(
-      Tt,
+      we,
       {
         variant: "outlined",
         onClick: () => n((r) => r + 1),
@@ -86,7 +81,7 @@ const lt = 330, ct = 73, G = "Navbar", V = {
   userInfoHolder: `${G}-userInfoHolder`,
   settings: `${G}-settings`,
   pieChartIcon: `${G}-pieChartIcon`
-}, tn = N(D, {
+}, en = L(D, {
   name: "NavBar"
 })(({ theme: e }) => ({
   [`&.${V.root}`]: {
@@ -115,11 +110,11 @@ const lt = 330, ct = 73, G = "Navbar", V = {
   color: "white",
   backgroundColor: "black"
   // backgroundColor: '#e8e8e8',
-}), nn = () => i({
+}), tn = () => i({
   width: lt
-}, dt()), on = () => i({
+}, dt()), nn = () => i({
   width: ct
-}, dt()), rn = N(be, {
+}, dt()), on = L(Ae, {
   shouldForwardProp: (e) => e !== "open"
 })(({ theme: e, open: t }) => i(i({
   width: t ? lt : ct,
@@ -128,38 +123,38 @@ const lt = 330, ct = 73, G = "Navbar", V = {
   boxSizing: "border-box",
   zIndex: e.zIndex.drawer + 100
 }, t && {
-  "& .MuiDrawer-paper": nn()
+  "& .MuiDrawer-paper": tn()
 }), !t && {
-  "& .MuiDrawer-paper": on()
+  "& .MuiDrawer-paper": nn()
 }));
-class $e extends Ut {
+class $e extends Xt {
 }
-Pe($e, "errorName", "ContextError");
-const pt = Je(null), an = {}, sn = {}, ln = ({
-  overrideState: e = an,
-  overrideActions: t = sn,
+Be($e, "errorName", "ContextError");
+const pt = Je(null), rn = {}, an = {}, sn = ({
+  overrideState: e = rn,
+  overrideActions: t = an,
   children: n
 }) => {
-  const [{ open: r }, s] = $({ open: !0 }), c = oe((p) => {
+  const [{ open: r }, s] = O({ open: !0 }), l = oe((p) => {
     s({ open: p });
   }, []), d = oe(() => {
     s((p) => S(i({}, p), { open: !p.open }));
   }, []), g = i(i({
     open: r,
-    setOpen: c,
+    setOpen: l,
     toggleOpen: d
   }, e), t);
   return /* @__PURE__ */ o(pt.Provider, { value: g, children: n });
-}, cn = () => {
+}, ln = () => {
   const e = Ye(pt);
   if (e === null)
     throw new $e("Error: Tried to useNavBar outside of a <NavBarProvider>");
   return e;
-}, dn = (e = {}) => i({
+}, cn = (e = {}) => i({
   open: !0
-}, e), mo = se(
-  (e = dn(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(ln, { overrideState: e, overrideActions: t, children: n })
-), Re = 7, Co = N(nt)(({ theme: e }) => ({
+}, e), co = se(
+  (e = cn(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(sn, { overrideState: e, overrideActions: t, children: n })
+), Re = 7, po = L(nt)(({ theme: e }) => ({
   backgroundColor: "black",
   color: "white",
   "& .MuiListItem-root": {
@@ -197,7 +192,7 @@ const pt = Je(null), an = {}, sn = {}, ln = ({
     // '&.Mui-selected.Mui-focusVisible:hover': {
     // },
   }
-})), We = 7, vo = N(nt)(({ theme: e }) => ({
+})), We = 7, uo = L(nt)(({ theme: e }) => ({
   backgroundColor: "#e8e8e8",
   color: "inherit",
   "& .MuiListItem-root": {
@@ -236,15 +231,15 @@ const pt = Je(null), an = {}, sn = {}, ln = ({
     // },
   }
 }));
-function xo({
+function ho({
   "data-testid": e,
   children: t
 }) {
-  const { open: n } = cn();
-  return /* @__PURE__ */ f(tn, { className: V.root, "data-testid": e, children: [
-    /* @__PURE__ */ o(Gt, {}),
+  const { open: n } = ln();
+  return /* @__PURE__ */ f(en, { className: V.root, "data-testid": e, children: [
+    /* @__PURE__ */ o(qt, {}),
     /* @__PURE__ */ o(
-      rn,
+      on,
       {
         variant: "permanent",
         anchor: "left",
@@ -255,51 +250,53 @@ function xo({
     )
   ] });
 }
-const pn = ({
+const dn = ({
   isOpen: e,
   dialogTitle: t,
   children: n,
   maxWidth: r,
   primaryButton: s,
-  secondaryButton: c,
+  secondaryButton: l,
   onClose: d,
-  "data-testid": g
+  sx: g,
+  "data-testid": p
 }) => {
-  var w, b;
-  const [p, u] = $(!1);
+  var b, A;
+  const [u, w] = O(!1);
   return /* @__PURE__ */ f(
-    Vt,
+    Tt,
     {
       open: e,
-      onClose: () => {
-        p || d();
-      },
+      onClose: () => N(void 0, null, function* () {
+        u || (l != null && l.onClick ? yield l.onClick() : d());
+      }),
       fullWidth: !0,
       maxWidth: r != null ? r : "xs",
-      "data-testid": g,
+      "data-testid": p,
+      sx: g,
       children: [
-        /* @__PURE__ */ o(jt, { children: t }),
-        /* @__PURE__ */ o(Xt, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
-        /* @__PURE__ */ f(qt, { children: [
+        /* @__PURE__ */ o(Ft, { children: t }),
+        /* @__PURE__ */ o(yt, { sx: { "& > :last-child": { marginBottom: 0 } }, children: n }),
+        /* @__PURE__ */ f(Pt, { children: [
           /* @__PURE__ */ o(
-            _e,
+            we,
             {
-              onClick: (w = c == null ? void 0 : c.onClick) != null ? w : d,
-              "data-testid": c == null ? void 0 : c.testId,
-              disabled: (c == null ? void 0 : c.disabled) || p,
-              color: c == null ? void 0 : c.buttonColor,
-              children: (b = c == null ? void 0 : c.text) != null ? b : "Cancel"
+              onClick: (b = l == null ? void 0 : l.onClick) != null ? b : d,
+              "data-testid": l == null ? void 0 : l.testId,
+              disabled: (l == null ? void 0 : l.disabled) || u,
+              color: l == null ? void 0 : l.buttonColor,
+              children: (A = l == null ? void 0 : l.text) != null ? A : "Cancel"
             }
           ),
           s && /* @__PURE__ */ o(
-            _e,
+            we,
             {
-              onClick: () => z(void 0, null, function* () {
-                var A;
-                u(!0), yield (A = s.onClick) == null ? void 0 : A.call(s), u(!1);
+              onClick: () => N(void 0, null, function* () {
+                var C;
+                w(!0), yield (C = s.onClick) == null ? void 0 : C.call(s), w(!1);
               }),
               "data-testid": s.testId,
-              disabled: s.disabled || p,
+              disabled: s.disabled || u,
               color: s == null ? void 0 : s.buttonColor,
               children: s.text
             }
@@ -309,37 +306,37 @@ const pn = ({
     }
   );
 };
-function wo({
-  lookup: e = () => z(this, null, function* () {
+function go({
+  lookup: e = () => N(this, null, function* () {
   }),
   enableHighlighting: t = !0,
   onChange: n,
   minLength: r,
   label: s,
-  value: c,
+  value: l,
   "data-testid": d,
   sx: g,
   textFieldColor: p,
   textFieldVariant: u = "filled",
   loadingText: w = "Loading...",
   noOptionsText: b = "No options",
-  popupIcon: A = /* @__PURE__ */ o(Kt, {}),
-  error: v = !1,
-  helperText: O = "",
-  preLoadedOptions: C = void 0,
+  popupIcon: A = /* @__PURE__ */ o(Qt, {}),
+  error: C = !1,
+  helperText: k = "",
+  preLoadedOptions: v = void 0,
   disablePortal: m = !1
 }) {
-  const [h, T] = $(""), [M, y] = $(C || []), [B, k] = $(!1), [_, F] = $(!1), H = (a, l) => {
-    const x = c.filter((q) => q.id !== l);
+  const [h, T] = O(""), [_, F] = O(v || []), [y, $] = O(!1), [H, P] = O(!1), R = (a, c) => {
+    const x = l.filter((q) => q.id !== c);
     n(x, "delete", a);
   };
   re(() => {
     let a;
-    const l = () => z(this, null, function* () {
+    const c = () => N(this, null, function* () {
       a = new AbortController();
       try {
         const x = yield e(h, a.signal);
-        y(x != null ? x : []), F(!1);
+        F(x != null ? x : []), P(!1);
       } catch (x) {
         if (x instanceof Error && x.name === "AbortError")
           console.debug("Previous lookup request was cancelled");
@@ -348,73 +345,73 @@ function wo({
       }
     });
     if (h !== "")
-      return (!r || h.length >= r) && !C ? (F(!0), l()) : F(!1), function() {
+      return (!r || h.length >= r) && !v ? (P(!0), c()) : P(!1), function() {
         a && a.abort();
       };
-  }, [h, e, r, C]), re(() => {
-    !B && !C && y([]), !B && C && y(C);
-  }, [B, C]);
-  const R = Et(() => C ? (a, l) => a.filter(
-    (x) => x.label.toLowerCase().includes(l.inputValue.toLowerCase())
-  ) : (a) => a, [C]);
+  }, [h, e, r, v]), re(() => {
+    !y && !v && F([]), !y && v && F(v);
+  }, [y, v]);
+  const W = Et(() => v ? (a, c) => a.filter(
+    (x) => x.label.toLowerCase().includes(c.inputValue.toLowerCase())
+  ) : (a) => a, [v]);
   return /* @__PURE__ */ f("div", { "data-testid": d, children: [
     /* @__PURE__ */ o(
-      Ae,
+      Se,
       {
         sx: g,
         "data-testid": d ? `${d}:Autocomplete` : void 0,
         disablePortal: m,
         multiple: !0,
         getOptionLabel: (a) => typeof a == "string" ? a : a.label,
-        filterOptions: R,
-        loading: _,
-        options: [...c, ...M],
+        filterOptions: W,
+        loading: H,
+        options: [...l, ..._],
         filterSelectedOptions: !0,
         includeInputInList: !0,
-        value: c,
-        onOpen: () => k(!0),
-        onClose: () => k(!1),
-        onChange: (a, l, x) => {
-          n(l, x, a);
+        value: l,
+        onOpen: () => $(!0),
+        onClose: () => $(!1),
+        onChange: (a, c, x) => {
+          n(c, x, a);
         },
-        onInputChange: (a, l) => T(l),
+        onInputChange: (a, c) => T(c),
         noOptionsText: b,
         loadingText: w,
         popupIcon: A,
         renderInput: (a) => /* @__PURE__ */ o(
-          Se,
+          De,
           S(i({}, a), {
             label: s,
             fullWidth: !0,
             variant: u,
-            error: v,
-            helperText: O,
+            error: C,
+            helperText: k,
             InputProps: S(i({}, a.InputProps), {
-              endAdornment: /* @__PURE__ */ f(P, { children: [
-                _ ? /* @__PURE__ */ o(De, { color: "inherit", size: 20 }) : null,
+              endAdornment: /* @__PURE__ */ f(B, { children: [
+                H ? /* @__PURE__ */ o(ke, { color: "inherit", size: 20 }) : null,
                 a.InputProps.endAdornment
               ] })
             }),
             "data-testid": d ? `${d}:Autocomplete:TextField` : void 0,
-            onKeyDown: (l) => {
-              (l.key === "Backspace" || l.key === "Delete") && l.stopPropagation();
+            onKeyDown: (c) => {
+              (c.key === "Backspace" || c.key === "Delete") && c.stopPropagation();
             },
             color: p
           })
         ),
         renderTags: () => null,
-        isOptionEqualToValue: (a, l) => a.id === l.id,
-        renderOption: (a, l, x) => {
+        isOptionEqualToValue: (a, c) => a.id === c.id,
+        renderOption: (a, c, x) => {
           if (t) {
-            const q = Zt(l.label, x.inputValue, {
+            const q = Yt(c.label, x.inputValue, {
               insideWords: !0,
               findAllOccurrences: !0
-            }), le = Yt(l.label, q);
+            }), le = Jt(c.label, q);
             return /* @__PURE__ */ xe(
               "li",
               S(i({}, a), {
-                key: l.id,
-                "data-testid": d ? `${d}:Autocomplete:option(${l.id.toString()})` : void 0
+                key: c.id,
+                "data-testid": d ? `${d}:Autocomplete:option(${c.id.toString()})` : void 0
               }),
               /* @__PURE__ */ o("div", { children: le.map((J, ce) => /* @__PURE__ */ o(
                 "span",
@@ -431,16 +428,16 @@ function wo({
             return /* @__PURE__ */ xe(
               "li",
               S(i({}, a), {
-                key: l.id,
-                "data-testid": d ? `${d}:option(${l.id.toString()})` : void 0
+                key: c.id,
+                "data-testid": d ? `${d}:option(${c.id.toString()})` : void 0
               }),
-              l.label
+              c.label
             );
         }
       }
     ),
-    c.length > 0 && /* @__PURE__ */ o(D, { children: c.map((a) => /* @__PURE__ */ o(
-      yt,
+    l.length > 0 && /* @__PURE__ */ o(D, { children: l.map((a) => /* @__PURE__ */ o(
+      Nt,
       {
         sx: {
           marginTop: 1,
@@ -466,9 +463,9 @@ function wo({
           }
         ),
         "data-testid": d ? `${d}:Chip(${a.id.toString()})` : void 0,
-        onDelete: (l) => H(l, a.id),
+        onDelete: (c) => R(c, a.id),
         deleteIcon: /* @__PURE__ */ o(
-          Qt,
+          jt,
           {
             "data-testid": d ? `${d}:Chip(${a.id.toString()}):deleteIcon` : void 0
           }
@@ -478,25 +475,25 @@ function wo({
     )) })
   ] });
 }
-const bo = ({
+const fo = ({
   lookup: e,
   onChange: t,
   label: n,
   value: r,
   sx: s,
-  textFieldColor: c,
+  textFieldColor: l,
   textFieldVariant: d = "filled",
   "data-testid": g,
   minLength: p = 3,
   disablePortal: u = !1
 }) => {
-  const [w, b] = $([]), [A, v] = $(!1);
-  let O;
-  const C = (m) => z(void 0, null, function* () {
-    O = new AbortController();
+  const [w, b] = O([]), [A, C] = O(!1);
+  let k;
+  const v = (m) => N(void 0, null, function* () {
+    k = new AbortController();
     try {
-      const h = yield e(m, O.signal);
-      b(h != null ? h : []), v(!1);
+      const h = yield e(m, k.signal);
+      b(h != null ? h : []), C(!1);
     } catch (h) {
       if (h instanceof Error && h.name === "AbortError")
         console.debug("Previous lookup request was cancelled");
@@ -504,8 +501,8 @@ const bo = ({
         throw h;
     }
   });
-  return /* @__PURE__ */ o("div", { "data-testid": g, children: /* @__PURE__ */ o(Ft, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
-    Ae,
+  return /* @__PURE__ */ o("div", { "data-testid": g, children: /* @__PURE__ */ o(Lt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
+    Se,
     {
       sx: s,
       "data-testid": g ? `${g}:Autocomplete` : void 0,
@@ -519,18 +516,18 @@ const bo = ({
       value: r,
       getOptionLabel: (m) => m.label,
       renderInput: (m) => /* @__PURE__ */ o(
-        Se,
+        De,
         S(i({
           "data-testid": g ? `${g}:Autocomplete:TextField` : void 0
         }, m), {
           variant: d,
           label: n,
-          color: c
+          color: l
         })
       ),
       isOptionEqualToValue: (m, h) => m.id === h.id,
       onInputChange: (m, h) => {
-        (h == null ? void 0 : h.length) >= p && (v(!0), C(h));
+        (h == null ? void 0 : h.length) >= p && (C(!0), v(h));
       },
       renderOption: (m, h) => /* @__PURE__ */ xe(
         "li",
@@ -542,14 +539,14 @@ const bo = ({
       )
     }
   ) }) });
-}, un = 24, hn = 64, U = "TopBar", I = {
+}, pn = 24, un = 64, U = "TopBar", I = {
   topStripe: `${U}-topStripe`,
   titleBar: `${U}-titleBar`,
   titleSlider: `${U}-titleSlider`,
   titleText: `${U}-titleText`,
   leftPanelButton: `${U}-leftPanelButton`,
   rightPanelButton: `${U}-leftPanelButton`
-}, gn = Oe("div", {
+}, hn = Oe("div", {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: U
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
@@ -558,12 +555,12 @@ const bo = ({
     width: "100%",
     [`& .${I.topStripe}`]: {
       width: "100%",
-      height: `${un}px`,
+      height: `${pn}px`,
       backgroundColor: e.palette.primary.main
     },
     [`& .${I.titleBar}`]: {
       backgroundColor: e.palette.primary.light,
-      height: `${hn}px`,
+      height: `${un}px`,
       padding: e.spacing(0, 3),
       width: "100%"
     },
@@ -601,13 +598,13 @@ const bo = ({
     })
   };
 });
-function fn({
+function gn({
   titleText: e = "",
   leftPanel: t,
   rightPanel: n,
   "data-testid": r
 }) {
-  return /* @__PURE__ */ f(gn, { leftPanel: t, rightPanel: n, "data-testid": r, children: [
+  return /* @__PURE__ */ f(hn, { leftPanel: t, rightPanel: n, "data-testid": r, children: [
     /* @__PURE__ */ o("div", { className: I.topStripe }),
     /* @__PURE__ */ o("div", { className: I.titleBar, children: /* @__PURE__ */ f(D, { className: I.titleSlider, children: [
       t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ f(
@@ -644,7 +641,7 @@ function fn({
     ] }) })
   ] });
 }
-const ut = 400, mn = Oe(be, {
+const ut = 400, fn = Oe(Ae, {
   shouldForwardProp: (e) => (
     // Note we do want anchor to be forwarded to the Drawer component
     ![
@@ -658,7 +655,7 @@ const ut = 400, mn = Oe(be, {
   ),
   name: "SidePanelDrawer"
 })(
-  ({ width: e, debugOpacity: t = !1, anchor: n, navBarOpen: r, navBarWidthOpen: s, navBarWidthClosed: c }) => ({
+  ({ width: e, debugOpacity: t = !1, anchor: n, navBarOpen: r, navBarWidthOpen: s, navBarWidthClosed: l }) => ({
     width: e,
     "& .MuiDrawer-paper": i(i({
       position: "absolute",
@@ -669,12 +666,12 @@ const ut = 400, mn = Oe(be, {
     }, t && {
       opacity: "50%"
     }), n === "left" && i({
-      marginLeft: `${c}px`
+      marginLeft: `${l}px`
     }, r && {
       marginLeft: `${s}px`
     }))
   })
-), Cn = Oe(D, {
+), mn = Oe(D, {
   shouldForwardProp: (e) => !["anchor"].includes(e)
 })(({ theme: e, anchor: t }) => S(i({
   display: "flex",
@@ -701,7 +698,7 @@ function ze({
   onClose: r = () => {
   },
   titleText: s = "",
-  width: c = ut,
+  width: l = ut,
   showCloseArrow: d = !0,
   debugOpacity: g = !1,
   headerBoxProps: p = {},
@@ -709,11 +706,11 @@ function ze({
   onClosed: w,
   "data-testid": b,
   navBarOpen: A = !1,
-  navBarWidthOpen: v = 0,
-  navBarWidthClosed: O = 0
+  navBarWidthOpen: C = 0,
+  navBarWidthClosed: k = 0
 }) {
   return /* @__PURE__ */ f(
-    mn,
+    fn,
     {
       SlideProps: {
         onEntered: () => u == null ? void 0 : u(),
@@ -722,20 +719,20 @@ function ze({
       variant: "persistent",
       anchor: t,
       open: n,
-      width: c,
+      width: l,
       debugOpacity: g,
       "data-testid": b,
       navBarOpen: A,
-      navBarWidthOpen: v,
-      navBarWidthClosed: O,
+      navBarWidthOpen: C,
+      navBarWidthClosed: k,
       children: [
-        /* @__PURE__ */ o(Cn, S(i({ anchor: t }, p), { children: t === "left" ? /* @__PURE__ */ f(P, { children: [
+        /* @__PURE__ */ o(mn, S(i({ anchor: t }, p), { children: t === "left" ? /* @__PURE__ */ f(B, { children: [
           /* @__PURE__ */ o(E, { variant: "h6", color: "inherit", component: "div", children: s }),
           d && /* @__PURE__ */ f(Q, { onClick: r, size: "large", "aria-label": "Close left side panel", children: [
             /* @__PURE__ */ o(rt, { "data-testid": "arrowbackicon" }),
             " "
           ] })
-        ] }) : /* @__PURE__ */ f(P, { children: [
+        ] }) : /* @__PURE__ */ f(B, { children: [
           d && /* @__PURE__ */ f(Q, { onClick: r, size: "large", "aria-label": "Close right side panel", children: [
             /* @__PURE__ */ o(ot, {}),
             " "
@@ -747,7 +744,7 @@ function ze({
     }
   );
 }
-const vn = N(D, {
+const Cn = L(D, {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: "PanelAwareMargins"
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
@@ -770,7 +767,7 @@ const vn = N(D, {
     }),
     marginRight: `${(s = n == null ? void 0 : n.width) != null ? s : 0}px`
   });
-}), xn = N(et, {
+}), vn = L(et, {
   name: "PageContainer"
 })(({ theme: e }) => ({
   // Horizontal padding comes from the Container's gutter
@@ -785,18 +782,18 @@ const vn = N(D, {
   startOpen: !1,
   open: void 0,
   onChangeOpen: void 0,
-  content: /* @__PURE__ */ o(P, {}),
+  content: /* @__PURE__ */ o(B, {}),
   onOpened: void 0,
   onClosed: void 0,
   dataTestId: void 0
 };
-function Ao({
+function mo({
   children: e,
   titleText: t = "",
   leftPanel: n,
   rightPanel: r,
   sidePanelsAreMutuallyExclusive: s = !0,
-  debugOpacity: c = !1,
+  debugOpacity: l = !1,
   pageContainerProps: d,
   pageContentDataTestId: g,
   topBarDataTestId: p,
@@ -804,14 +801,14 @@ function Ao({
   navBarWidthOpen: w,
   navBarWidthClosed: b
 }) {
-  const [A, v] = $(Ce), [O, C] = $(ve), [m, h] = $(Ce), [T, M] = $(ve), y = n !== void 0, B = r !== void 0, {
-    titleText: k,
-    content: _,
-    flavour: F,
-    open: H,
-    onChangeOpen: R,
+  const [A, C] = O(Ce), [k, v] = O(ve), [m, h] = O(Ce), [T, _] = O(ve), F = n !== void 0, y = r !== void 0, {
+    titleText: $,
+    content: H,
+    flavour: P,
+    open: R,
+    onChangeOpen: W,
     width: a,
-    arrowButtons: l,
+    arrowButtons: c,
     startOpen: x,
     onOpened: q,
     onClosed: le,
@@ -819,56 +816,56 @@ function Ao({
   } = n ? i(i({}, te), n) : i({}, te), {
     titleText: ce,
     content: At,
-    flavour: ke,
+    flavour: Ie,
     open: de,
-    onChangeOpen: Ie,
+    onChangeOpen: Ee,
     width: pe,
     arrowButtons: Y,
     startOpen: Z,
     onOpened: St,
     onClosed: Dt,
-    dataTestId: Ot
+    dataTestId: kt
   } = r ? i(i({}, te), r) : i({}, te);
   re(() => {
-    x !== Ce && (v(x), h(x));
+    x !== Ce && (C(x), h(x));
   }, [x]), re(() => {
-    Z !== ve && (C(Z), M(Z));
+    Z !== ve && (v(Z), _(Z));
   }, [Z]);
-  const ue = H === void 0 ? A : H, he = de === void 0 ? O : de, Ee = (W) => {
-    H === void 0 && (v(W), s && B && (W ? (C(!1), M(O)) : C(T))), R && R(W);
-  }, Te = (W) => {
-    de === void 0 && (C(W), s && y && (W ? (v(!1), h(A)) : v(m))), Ie && Ie(W);
+  const ue = R === void 0 ? A : R, he = de === void 0 ? k : de, Te = (z) => {
+    R === void 0 && (C(z), s && y && (z ? (v(!1), _(k)) : v(T))), W && W(z);
+  }, Fe = (z) => {
+    de === void 0 && (v(z), s && F && (z ? (C(!1), h(A)) : C(m))), Ee && Ee(z);
   };
   return /* @__PURE__ */ f(D, { children: [
-    y && /* @__PURE__ */ o(
+    F && /* @__PURE__ */ o(
       ze,
       {
         "data-testid": J,
         anchor: "left",
         open: ue,
-        onClose: () => Ee(!1),
+        onClose: () => Te(!1),
         width: a,
-        titleText: k,
-        debugOpacity: c,
-        showCloseArrow: l === "both" || l === "close",
+        titleText: $,
+        debugOpacity: l,
+        showCloseArrow: c === "both" || c === "close",
         onOpened: q,
         onClosed: le,
         navBarOpen: u,
         navBarWidthOpen: w,
         navBarWidthClosed: b,
-        children: _
+        children: H
       }
     ),
-    B && /* @__PURE__ */ o(
+    y && /* @__PURE__ */ o(
       ze,
       {
-        "data-testid": Ot,
+        "data-testid": kt,
         anchor: "right",
         open: he,
-        onClose: () => Te(!1),
+        onClose: () => Fe(!1),
         width: pe,
         titleText: ce,
-        debugOpacity: c,
+        debugOpacity: l,
         showCloseArrow: Y === "both" || Y === "close",
         onOpened: St,
         onClosed: Dt,
@@ -879,49 +876,49 @@ function Ao({
       }
     ),
     /* @__PURE__ */ o(
-      fn,
+      gn,
       i(i({
         titleText: t,
         "data-testid": p
-      }, y && F === "push" ? {
+      }, F && P === "push" ? {
         leftPanel: {
           open: ue,
           width: a,
-          onOpen: () => Ee(!0),
-          showOpenArrow: l === "both" || l === "open"
+          onOpen: () => Te(!0),
+          showOpenArrow: c === "both" || c === "open"
         }
-      } : {}), B && ke === "push" ? {
+      } : {}), y && Ie === "push" ? {
         rightPanel: {
           open: he,
           width: pe,
-          onOpen: () => Te(!0),
+          onOpen: () => Fe(!0),
           showOpenArrow: Y === "both" || Y === "open"
         }
       } : {})
     ),
     /* @__PURE__ */ o(
-      vn,
-      S(i(i({}, F === "push" ? {
+      Cn,
+      S(i(i({}, P === "push" ? {
         leftPanel: {
           open: ue,
           width: a
         }
-      } : {}), ke === "push" ? {
+      } : {}), Ie === "push" ? {
         rightPanel: {
           open: he,
           width: pe
         }
       } : {}), {
-        children: /* @__PURE__ */ o(xn, S(i({ "data-testid": g }, d), { children: e }))
+        children: /* @__PURE__ */ o(vn, S(i({ "data-testid": g }, d), { children: e }))
       })
     )
   ] });
 }
 const ht = () => {
   const e = ae();
-  return Pt(e.breakpoints.down("sm"));
-}, wn = 64, bn = 64, An = 256, K = L(!0), gt = L(An), ft = L(bn), we = L(""), mt = L(wn), Ct = L(void 0);
-function Sn({ links: e }) {
+  return Mt(e.breakpoints.down("sm"));
+}, xn = 64, wn = 64, bn = 256, K = M(!0), gt = M(bn), ft = M(wn), be = M(""), mt = M(xn), Ct = M(void 0);
+function An({ links: e }) {
   return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
 }
 const ne = "Navbar", j = {
@@ -932,7 +929,7 @@ const ne = "Navbar", j = {
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, Dn = N(D, { name: "NavBar" })(({ theme: e }) => ({
+}, Sn = L(D, { name: "NavBar" })(({ theme: e }) => ({
   [`&.${j.root}`]: {
     display: "flex"
   },
@@ -954,10 +951,10 @@ const ne = "Navbar", j = {
 })), ie = (e, t, n) => e.transitions.create(t, {
   easing: e.transitions.easing.sharp,
   duration: n === "leaving" ? e.transitions.duration.leavingScreen : e.transitions.duration.enteringScreen
-}), On = (e) => {
+}), Dn = (e) => {
   const t = ae();
   return /* @__PURE__ */ o(
-    Nt,
+    _t,
     i({
       easing: t.transitions.easing.sharp,
       timeout: {
@@ -980,7 +977,7 @@ const ne = "Navbar", j = {
 }, vt(e)), Ue = (e, t) => i({
   width: t,
   transition: ie(e, "width", "leaving")
-}, vt(e)), $n = N(be, {
+}, vt(e)), kn = L(Ae, {
   shouldForwardProp: (e) => !["widthOpen", "widthClosed", "isSmallScreen"].includes(e)
 })(({ theme: e, open: t, widthOpen: n, widthClosed: r, isSmallScreen: s }) => i(i({
   flexShrink: 0,
@@ -995,7 +992,7 @@ const ne = "Navbar", j = {
   backgroundColor: "",
   "& .MuiDrawer-paper": Ue(e, s ? n : r)
 })));
-function kn(e) {
+function On(e) {
   let t = 0;
   for (let n = 0, r = e.length; n < r; n++) {
     const s = e.charCodeAt(n);
@@ -1003,8 +1000,8 @@ function kn(e) {
   }
   return t;
 }
-const Ve = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], In = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
-function En({ user: e, domainCode: t, open: n }) {
+const Ve = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], $n = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
+function In({ user: e, domainCode: t, open: n }) {
   const r = ae();
   return /* @__PURE__ */ f(
     D,
@@ -1026,41 +1023,41 @@ function En({ user: e, domainCode: t, open: n }) {
               aspectRatio: 1
             },
             children: e != null && e.name ? /* @__PURE__ */ o(
-              Ne,
+              Le,
               {
                 src: e == null ? void 0 : e.picture,
                 sx: {
                   width: "100%",
                   height: "100%",
-                  bgcolor: Ve[Math.abs(kn(e.name)) % Ve.length]
+                  bgcolor: Ve[Math.abs(On(e.name)) % Ve.length]
                 },
-                children: In(e.name)
+                children: $n(e.name)
               }
-            ) : /* @__PURE__ */ o(Ne, { sx: { width: "100%", height: "100%" } })
+            ) : /* @__PURE__ */ o(Le, { sx: { width: "100%", height: "100%" } })
           }
         ),
-        /* @__PURE__ */ o(On, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Lt, { in: n, children: /* @__PURE__ */ f(D, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
-          e != null && e.name ? /* @__PURE__ */ o(E, { children: e.name }) : /* @__PURE__ */ o(Le, { animation: !1, width: "50%" }),
-          t ? /* @__PURE__ */ o(E, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Le, { animation: !1, width: "25%" })
+        /* @__PURE__ */ o(Dn, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Ht, { in: n, children: /* @__PURE__ */ f(D, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
+          e != null && e.name ? /* @__PURE__ */ o(E, { children: e.name }) : /* @__PURE__ */ o(Me, { animation: !1, width: "50%" }),
+          t ? /* @__PURE__ */ o(E, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Me, { animation: !1, width: "25%" })
         ] }) }) })
       ]
     }
   );
 }
-function Tn({
+function En({
   open: e,
   widthClosed: t,
   widthOpen: n,
   "data-testid": r,
   top: s,
-  middle: c,
+  middle: l,
   bottom: d,
   user: g,
   domainCode: p
 }) {
   const u = ht(), w = it(K);
-  return /* @__PURE__ */ o(Dn, { className: j.root, "data-testid": r, children: /* @__PURE__ */ f(
-    $n,
+  return /* @__PURE__ */ o(Sn, { className: j.root, "data-testid": r, children: /* @__PURE__ */ f(
+    kn,
     {
       open: e,
       widthOpen: n,
@@ -1075,22 +1072,22 @@ function Tn({
       },
       isSmallScreen: u,
       children: [
-        !u && /* @__PURE__ */ o(Mt, {}),
+        !u && /* @__PURE__ */ o(Rt, {}),
         s && /* @__PURE__ */ f(D, { flexGrow: "0", children: [
           s,
-          /* @__PURE__ */ o(Me, { variant: "middle" })
+          /* @__PURE__ */ o(_e, { variant: "middle" })
         ] }),
-        /* @__PURE__ */ o(D, { flexGrow: "1", children: Array.isArray(c) ? /* @__PURE__ */ o(Sn, { links: c }) : c }),
+        /* @__PURE__ */ o(D, { flexGrow: "1", children: Array.isArray(l) ? /* @__PURE__ */ o(An, { links: l }) : l }),
         /* @__PURE__ */ f(D, { flexGrow: "0", children: [
-          /* @__PURE__ */ o(Me, { variant: "middle" }),
-          /* @__PURE__ */ o(En, { user: g, domainCode: p, open: e }),
-          d && /* @__PURE__ */ o(P, { children: d })
+          /* @__PURE__ */ o(_e, { variant: "middle" }),
+          /* @__PURE__ */ o(In, { user: g, domainCode: p, open: e }),
+          d && /* @__PURE__ */ o(B, { children: d })
         ] })
       ]
     }
   ) });
 }
-function yn({
+function Tn({
   children: e,
   topBarHeight: t,
   maxWidth: n = !1
@@ -1118,11 +1115,11 @@ function yn({
     }
   );
 }
-const Bn = "TopBar", Fn = {
-  titleText: `${Bn}-titleText`
+const Fn = "TopBar", yn = {
+  titleText: `${Fn}-titleText`
 };
 function Pn({ titleText: e = "", height: t, "data-testid": n }) {
-  const r = it(K), s = () => r((g) => !g), c = ae(), d = ht();
+  const r = it(K), s = () => r((g) => !g), l = ae(), d = ht();
   return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ f(
     Ze,
     {
@@ -1138,22 +1135,22 @@ function Pn({ titleText: e = "", height: t, "data-testid": n }) {
         gap: 2,
         flexShrink: 0,
         height: t,
-        zIndex: d ? 0 : c.zIndex.drawer + 1
+        zIndex: d ? 0 : l.zIndex.drawer + 1
       },
       children: [
-        /* @__PURE__ */ o(Q, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: s, children: /* @__PURE__ */ o(Jt, { fontSize: "medium" }) }),
-        /* @__PURE__ */ o(E, { className: Fn.titleText, variant: "h6", children: e })
+        /* @__PURE__ */ o(Q, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: s, children: /* @__PURE__ */ o(Kt, { fontSize: "medium" }) }),
+        /* @__PURE__ */ o(E, { className: yn.titleText, variant: "h6", children: e })
       ]
     }
   ) });
 }
-function So({
+function Co({
   children: e,
   initialTitleText: t,
   initialNavBarOpen: n,
   pageContainerProps: r,
   pageContentDataTestId: s,
-  topBarDataTestId: c,
+  topBarDataTestId: l,
   navBarDataTestId: d,
   navBarMiddle: g,
   navBarBottom: p,
@@ -1162,15 +1159,15 @@ function So({
 }) {
   st([
     [K, n != null ? n : !0],
-    [we, t != null ? t : ""]
+    [be, t != null ? t : ""]
   ]);
-  const b = He(K), [A] = X(gt), [v] = X(ft), O = He(we), [C] = X(mt), [m] = X(Ct);
+  const b = He(K), [A] = X(gt), [C] = X(ft), k = He(be), [v] = X(mt), [m] = X(Ct);
   return /* @__PURE__ */ f(D, { children: [
-    /* @__PURE__ */ o(_t, {}),
-    /* @__PURE__ */ o(Pn, { titleText: O, "data-testid": c, height: C }),
+    /* @__PURE__ */ o(Wt, {}),
+    /* @__PURE__ */ o(Pn, { titleText: k, "data-testid": l, height: v }),
     /* @__PURE__ */ f(D, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ o(
-        Tn,
+        En,
         {
           open: b,
           top: m,
@@ -1179,16 +1176,16 @@ function So({
           user: u,
           domainCode: w,
           widthOpen: A,
-          widthClosed: v,
-          offsetTop: C,
+          widthClosed: C,
+          offsetTop: v,
           "data-testid": d
         }
       ),
       /* @__PURE__ */ o(
-        yn,
+        Tn,
         S(i({
           "data-testid": s,
-          topBarHeight: C
+          topBarHeight: v
         }, r), {
           children: e
         })
@@ -1202,7 +1199,7 @@ const Nn = {
   // The default is false. If we prefer timer to continue when window loses
   // focus, change to true
   disableWindowBlurListener: !1
-}, Ln = {
+}, Bn = {
   shouldClose: (e, t) => t !== "clickaway"
 }, qe = {
   message: "",
@@ -1210,108 +1207,108 @@ const Nn = {
   variant: "standard",
   progressIndicator: void 0
   // Can use 'circular' or 'linear'
-}, Xe = 100, je = 2e3, Mn = 2e3, _n = (() => {
+}, Xe = 100, je = 2e3, Ln = 2e3, Mn = (() => {
   let e = 0;
   return () => (e += 1, e);
-})(), Hn = {
+})(), _n = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
-}, Rn = {}, Wn = {}, xt = Je(null);
-function zn(c) {
-  var d = c, {
-    overrideState: e = Rn,
-    overrideActions: t = Wn,
-    shouldClose: n = Ln.shouldClose,
+}, Hn = {}, Rn = {}, xt = Je(null);
+function Wn(l) {
+  var d = l, {
+    overrideState: e = Hn,
+    overrideActions: t = Rn,
+    shouldClose: n = Bn.shouldClose,
     children: r
-  } = d, s = Fe(d, [
+  } = d, s = Ne(d, [
     "overrideState",
     "overrideActions",
     "shouldClose",
     "children"
   ]);
-  var R;
-  const [{ open: g }, p] = $({ open: !1 }), u = fe([]), w = fe(Date.now()), b = fe(0), A = oe((a) => {
+  var W;
+  const [{ open: g }, p] = O({ open: !1 }), u = fe([]), w = fe(Date.now()), b = fe(0), A = oe((a) => {
     p({ open: a });
-  }, []), v = oe((a = {}) => {
+  }, []), C = oe((a = {}) => {
     b.current += 1, u.current.length >= Xe && Date.now() - w.current >= je && (w.current = Date.now(), console.error(
       `SaladBarProvider: MAX_QUEUE_LENGTH (${Xe}) hit ${b.current} times in last ${je}ms)`
     ), b.current = 0);
-    const l = i(S(i({}, qe), {
-      key: _n()
+    const c = i(S(i({}, qe), {
+      key: Mn()
     }), a);
-    return u.current.push(l), u.current.length === 1 && p({ open: !0 }), l.key;
-  }, []), O = (a = "", l = {}) => v(i({ message: a, severity: "success" }, l)), C = (a = "", l = {}) => v(i({ message: a, severity: "info" }, l)), m = (a = "", l = {}) => v(i({ message: a, severity: "warning" }, l)), h = (a = "", l = {}) => v(i({ message: a, severity: "error" }, l)), T = (a) => {
-    const l = u.current.findIndex((x) => x.key === a);
-    if (l !== -1)
-      return l === 0 ? (p({ open: !1 }), u.current[0]) : u.current.splice(l, 1);
-  }, M = (a, l) => {
-    n(a, l) && p({ open: !1 });
+    return u.current.push(c), u.current.length === 1 && p({ open: !0 }), c.key;
+  }, []), k = (a = "", c = {}) => C(i({ message: a, severity: "success" }, c)), v = (a = "", c = {}) => C(i({ message: a, severity: "info" }, c)), m = (a = "", c = {}) => C(i({ message: a, severity: "warning" }, c)), h = (a = "", c = {}) => C(i({ message: a, severity: "error" }, c)), T = (a) => {
+    const c = u.current.findIndex((x) => x.key === a);
+    if (c !== -1)
+      return c === 0 ? (p({ open: !1 }), u.current[0]) : u.current.splice(c, 1);
+  }, _ = (a, c) => {
+    n(a, c) && p({ open: !1 });
+  }, F = () => {
   }, y = () => {
-  }, B = () => {
     u.current.shift(), u.current.length > 0 && p({ open: !0 });
-  }, k = (R = u.current[0]) != null ? R : i({}, qe), _ = {};
-  "autoHideDuration" in k && (_.autoHideDuration = k.autoHideDuration);
-  const F = i(i({}, Nn), s), H = i(i({
+  }, $ = (W = u.current[0]) != null ? W : i({}, qe), H = {};
+  "autoHideDuration" in $ && (H.autoHideDuration = $.autoHideDuration);
+  const P = i(i({}, Nn), s), R = i(i({
     open: g,
     setOpen: A,
-    enqueueNotification: v,
-    enqueueSuccessNotification: O,
-    enqueueInfoNotification: C,
+    enqueueNotification: C,
+    enqueueSuccessNotification: k,
+    enqueueInfoNotification: v,
     enqueueWarningNotification: m,
     enqueueErrorNotification: h,
     removeNotification: T
   }, e), t);
-  return /* @__PURE__ */ f(xt.Provider, { value: H, children: [
+  return /* @__PURE__ */ f(xt.Provider, { value: R, children: [
     r,
     /* @__PURE__ */ o(
-      Ht,
-      S(i(i({}, F), _), {
+      zt,
+      S(i(i({}, P), H), {
         open: g,
-        onClose: M,
+        onClose: _,
         TransitionProps: {
-          onExited: B,
-          onExit: y
+          onExited: y,
+          onExit: F
         },
-        sx: { zIndex: Mn },
+        sx: { zIndex: Ln },
         children: /* @__PURE__ */ f("div", { children: [
           /* @__PURE__ */ o(
-            Rt,
+            Gt,
             {
-              onClose: (a) => M(a, "closeAlert"),
-              severity: k.severity,
+              onClose: (a) => _(a, "closeAlert"),
+              severity: $.severity,
               variant: "filled",
-              icon: k.progressIndicator === "circular" ? /* @__PURE__ */ o(De, { size: "1em" }) : void 0,
-              style: k.progressIndicator === "linear" ? Hn : void 0,
-              children: k.message
+              icon: $.progressIndicator === "circular" ? /* @__PURE__ */ o(ke, { size: "1em" }) : void 0,
+              style: $.progressIndicator === "linear" ? _n : void 0,
+              children: $.message
             }
           ),
-          k.progressIndicator === "linear" && /* @__PURE__ */ o(Wt, { color: "primary" })
+          $.progressIndicator === "linear" && /* @__PURE__ */ o(Ut, { color: "primary" })
         ] })
       })
     )
   ] });
 }
-function Gn() {
+function zn() {
   const e = Ye(xt);
   if (e === null)
     throw new $e("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
   return e;
 }
-const Do = se(
-  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: r }) => /* @__PURE__ */ o(zn, S(i({}, e), { overrideState: t, overrideActions: n, children: r }))
-), Un = en(), Oo = ({
+const vo = se(
+  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: r }) => /* @__PURE__ */ o(Wn, S(i({}, e), { overrideState: t, overrideActions: n, children: r }))
+), Gn = Zt(), xo = ({
   children: e,
   store: t
-}) => /* @__PURE__ */ o(at, { store: t != null ? t : Un, children: e }), wt = "domainCode";
+}) => /* @__PURE__ */ o(at, { store: t != null ? t : Gn, children: e }), wt = "domainCode";
 var Ke;
-const Qe = L(
+const Qe = M(
   JSON.parse((Ke = localStorage.getItem(wt)) != null ? Ke : '{"domainCode": ""}').domainCode
-), bt = L(
+), bt = M(
   (e) => e(Qe),
   (e, t, n) => {
     t(Qe, n), localStorage.setItem(wt, JSON.stringify({ domainCode: n }));
   }
-), Vn = {
+), Un = {
   act: "ACT",
   nsw: "NSW",
   nt: "NT",
@@ -1323,39 +1320,39 @@ const Qe = L(
   ag: "AG",
   fedmps: "Fedmps",
   "": ""
-}, qn = (e) => {
+}, Vn = (e) => {
   var t;
-  return e === null ? "N/A" : (t = Vn[e]) != null ? t : "";
-}, $o = ({
+  return e === null ? "N/A" : (t = Un[e]) != null ? t : "";
+}, wo = ({
   isLoading: e,
   isOpen: t,
   onClose: n,
   domainOptions: r,
   applicationName: s,
-  handleLogout: c
+  handleLogout: l
 }) => {
-  const [d, g] = X(bt), [p, u] = $(d), { enqueueSuccessNotification: w } = Gn(), b = r.length === 0, A = !!d && !r.includes(d) && !r.includes(p), v = !d || b || A, O = () => z(void 0, null, function* () {
+  const [d, g] = X(bt), [p, u] = O(d), { enqueueSuccessNotification: w } = zn(), b = r.length === 0, A = !!d && !r.includes(d) && !r.includes(p), C = !d || b || A, k = () => N(void 0, null, function* () {
     p ? (g(p), w(`Set domain to ${p}`), n()) : g("");
-  }), C = () => z(void 0, null, function* () {
-    d && !b && !A ? (u(d), n()) : v && c();
+  }), v = () => N(void 0, null, function* () {
+    d && !b && !A ? (u(d), n()) : C && l();
   });
   let m;
   return b ? m = "Unable to retrieve your active organisations. Try logging in again." : A && (m = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ f(
-    pn,
+    dn,
     {
       isOpen: t,
       dialogTitle: "Select an organisation",
       primaryButton: {
         text: "Confirm",
-        onClick: O,
+        onClick: k,
         disabled: !p || b || A,
         buttonColor: "primary"
       },
       secondaryButton: {
-        text: v ? "Logout" : "Cancel",
-        onClick: C
+        text: C ? "Logout" : "Cancel",
+        onClick: v
       },
-      onClose: v ? () => {
+      onClose: C ? () => {
       } : n,
       children: [
         /* @__PURE__ */ f(E, { marginBottom: 2, children: [
@@ -1364,23 +1361,23 @@ const Qe = L(
           "."
         ] }),
         /* @__PURE__ */ o(
-          Ae,
+          Se,
           {
             loading: e,
             multiple: !1,
             disableClearable: !1,
             value: p !== "" ? p : null,
             onChange: (h, T) => u(T != null ? T : ""),
-            getOptionLabel: qn,
+            getOptionLabel: Vn,
             options: [...r],
             renderInput: (h) => /* @__PURE__ */ o(
-              Se,
+              De,
               S(i({}, h), {
                 variant: "filled",
                 label: "Select organisation",
                 InputProps: S(i({}, h.InputProps), {
-                  endAdornment: /* @__PURE__ */ f(P, { children: [
-                    e ? /* @__PURE__ */ o(De, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
+                  endAdornment: /* @__PURE__ */ f(B, { children: [
+                    e ? /* @__PURE__ */ o(ke, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
                     h.InputProps.endAdornment
                   ] })
                 })
@@ -1388,11 +1385,11 @@ const Qe = L(
             )
           }
         ),
-        m && /* @__PURE__ */ o(zt, { error: !0, children: m })
+        m && /* @__PURE__ */ o(Vt, { error: !0, children: m })
       ]
     }
   );
-}, ko = tt({
+}, bo = tt({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1443,7 +1440,7 @@ const Qe = L(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), Io = tt({
+}), Ao = tt({
   palette: {
     primary: {
       main: "#007236",
@@ -1534,24 +1531,24 @@ const Qe = L(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), Xn = {
+}), qn = {
   domainCode: bt,
   navBarOpen: K,
   navBarWidthOpen: gt,
   navBarWidthClosed: ft,
-  titleText: we,
+  titleText: be,
   topBarHeight: mt,
   navBarTop: Ct
-}, Eo = se(() => ({ children: e }) => /* @__PURE__ */ o(at, { children: e })), jn = ({
+}, So = se(() => ({ children: e }) => /* @__PURE__ */ o(at, { children: e })), Xn = ({
   initialValues: e,
   children: t
-}) => (st(e), /* @__PURE__ */ o(P, { children: t })), To = se(
+}) => (st(e), /* @__PURE__ */ o(B, { children: t })), Do = se(
   (e) => ({ children: t }) => /* @__PURE__ */ o(
-    jn,
+    Xn,
     {
       initialValues: Object.entries(e).map(
         ([n, r]) => [
-          Xn[n],
+          qn[n],
           r
         ]
       ),
@@ -1560,41 +1557,41 @@ const Qe = L(
   )
 );
 export {
-  pn as AgDialog,
-  So as AppLayout,
-  Oo as AtomProvider,
+  dn as AgDialog,
+  Co as AppLayout,
+  xo as AtomProvider,
   xt as Context,
   $e as ContextError,
-  $o as DomainCodeDialog,
-  fo as ExampleComponent,
-  wo as FetchAutocomplete,
-  jn as HydrateAtoms,
+  wo as DomainCodeDialog,
+  lo as ExampleComponent,
+  go as FetchAutocomplete,
+  Xn as HydrateAtoms,
   ct as NAVBAR_WIDTH_CLOSED,
   lt as NAVBAR_WIDTH_OPENED,
-  xo as NavBar,
-  Co as NavBarDarkStyledList,
-  vo as NavBarLightStyledList,
-  ln as NavBarProvider,
-  Ao as PageLayout,
-  zn as SaladBarProvider,
-  bo as SingleAutocomplete,
-  Un as atomStore,
-  dn as buildNavBarState,
+  ho as NavBar,
+  po as NavBarDarkStyledList,
+  uo as NavBarLightStyledList,
+  sn as NavBarProvider,
+  mo as PageLayout,
+  Wn as SaladBarProvider,
+  fo as SingleAutocomplete,
+  Gn as atomStore,
+  cn as buildNavBarState,
   bt as domainCodeAtom,
-  ko as fed21Theme,
-  Io as internalAgSystemsTheme,
+  bo as fed21Theme,
+  Ao as internalAgSystemsTheme,
   V as navBarClasses,
   K as navBarOpenAtom,
   Ct as navBarTopAtom,
   ft as navBarWidthClosedAtom,
   gt as navBarWidthOpenAtom,
-  we as titleTextAtom,
+  be as titleTextAtom,
   mt as topBarHeightAtom,
-  cn as useNavBar,
-  Gn as useSaladBar,
-  Eo as withAtomProvider,
-  mo as withNavBarProvider,
-  To as withOverrideDefaults,
-  Do as withSaladBarProvider
+  ln as useNavBar,
+  zn as useSaladBar,
+  So as withAtomProvider,
+  co as withNavBarProvider,
+  Do as withOverrideDefaults,
+  vo as withSaladBarProvider
 };
 //# sourceMappingURL=index.js.map