@australiangreens/ag-internal-components 0.3.5 → 0.3.7

package/dist/esm/index.js

@@ -1,26 +1,26 @@
-var et = Object.defineProperty, tt = Object.defineProperties;
-var ot = Object.getOwnPropertyDescriptors;
+var ot = Object.defineProperty, nt = Object.defineProperties;
+var it = Object.getOwnPropertyDescriptors;
 var X = Object.getOwnPropertySymbols;
-var ce = Object.prototype.hasOwnProperty, de = Object.prototype.propertyIsEnumerable;
-var ee = (e, t, o) => t in e ? et(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, u = (e, t) => {
+var pe = Object.prototype.hasOwnProperty, he = Object.prototype.propertyIsEnumerable;
+var te = (e, t, o) => t in e ? ot(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, u = (e, t) => {
   for (var o in t || (t = {}))
-    ce.call(t, o) && ee(e, o, t[o]);
+    pe.call(t, o) && te(e, o, t[o]);
   if (X)
     for (var o of X(t))
-      de.call(t, o) && ee(e, o, t[o]);
+      he.call(t, o) && te(e, o, t[o]);
   return e;
-}, F = (e, t) => tt(e, ot(t));
-var ue = (e, t) => {
+}, b = (e, t) => nt(e, it(t));
+var fe = (e, t) => {
   var o = {};
   for (var n in e)
-    ce.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
+    pe.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
   if (e != null && X)
     for (var n of X(e))
-      t.indexOf(n) < 0 && de.call(e, n) && (o[n] = e[n]);
+      t.indexOf(n) < 0 && he.call(e, n) && (o[n] = e[n]);
   return o;
 };
-var pe = (e, t, o) => ee(e, typeof t != "symbol" ? t + "" : t, o);
-var P = (e, t, o) => new Promise((n, s) => {
+var me = (e, t, o) => te(e, typeof t != "symbol" ? t + "" : t, o);
+var M = (e, t, o) => new Promise((n, s) => {
   var a = (c) => {
     try {
       r(o.next(c));
@@ -36,30 +36,30 @@ var P = (e, t, o) => new Promise((n, s) => {
   }, r = (c) => c.done ? n(c.value) : Promise.resolve(c.value).then(a, p);
   r((o = o.apply(e, t)).next());
 });
-import { jsxs as m, Fragment as O, jsx as i } from "react/jsx-runtime";
-import { useState as G, createElement as ne, useEffect as he, useMemo as nt, createContext as it, useRef as te, useCallback as fe, useContext as rt } from "react";
-import { Typography as _, Button as z, Paper as Me, Dialog as Pe, LinearProgress as Ne, DialogTitle as $e, DialogContent as Te, DialogActions as Le, Autocomplete as ie, TextField as re, CircularProgress as se, Box as M, Chip as st, Tooltip as at, Stack as lt, Snackbar as ct, Alert as dt, FormHelperText as ut, useTheme as Z, useMediaQuery as pt, Drawer as ht, Collapse as ft, Avatar as me, Fade as mt, Skeleton as ge, Toolbar as gt, Divider as xe, Container as xt, IconButton as At } from "@mui/material";
-import { Cancel as Ct, ArrowDropDown as St, ViewHeadline as vt } from "@mui/icons-material";
-import wt from "autosuggest-highlight/match";
-import kt from "autosuggest-highlight/parse";
-import { useQuery as Oe } from "@tanstack/react-query";
-import { useAuth0 as ae } from "@auth0/auth0-react";
-import { Buffer as Dt } from "buffer";
-import yt from "@mui/material/Skeleton";
-import { atom as T, useAtom as W, useSetAtom as Re, useAtomValue as Ae } from "jotai";
-import { createHelper as bt } from "souvlaki";
-import Ft from "@mui/material/CssBaseline";
-import Ce from "@mui/material/Box";
-import { useHydrateAtoms as Et } from "jotai/utils";
-import { styled as Ue, createTheme as Be, alpha as oe } from "@mui/material/styles";
-import Se from "react-avatar";
-function _o({ text: e }) {
-  const [t, o] = G(0);
-  return /* @__PURE__ */ m(O, { children: [
-    /* @__PURE__ */ i(_, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
-    /* @__PURE__ */ i(_, { variant: "caption", display: "block", children: /* @__PURE__ */ i("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
+import { jsxs as m, Fragment as $, jsx as i } from "react/jsx-runtime";
+import { useState as z, createElement as ie, useEffect as ge, useMemo as rt, createContext as st, useRef as oe, useCallback as xe, useContext as at } from "react";
+import { Typography as I, Button as q, Paper as Te, Dialog as $e, LinearProgress as Le, DialogTitle as Oe, DialogContent as Re, DialogActions as Ue, Autocomplete as re, TextField as se, CircularProgress as ae, Box as P, Chip as lt, Tooltip as ct, Stack as dt, Snackbar as ut, Alert as pt, FormHelperText as ht, useTheme as Z, useMediaQuery as ft, Drawer as mt, Collapse as gt, Avatar as Ae, Fade as xt, Skeleton as Ce, Toolbar as At, Divider as Se, Container as Ct, IconButton as St } from "@mui/material";
+import { Cancel as vt, ArrowDropDown as wt, ViewHeadline as Dt } from "@mui/icons-material";
+import kt from "autosuggest-highlight/match";
+import yt from "autosuggest-highlight/parse";
+import { useQuery as Be } from "@tanstack/react-query";
+import { useAuth0 as le } from "@auth0/auth0-react";
+import { Buffer as bt } from "buffer";
+import Ft from "@mui/material/Skeleton";
+import { atom as T, useAtom as H, useSetAtom as He, useAtomValue as ve } from "jotai";
+import { createHelper as Et } from "souvlaki";
+import _t from "@mui/material/CssBaseline";
+import we from "@mui/material/Box";
+import { useHydrateAtoms as It } from "jotai/utils";
+import { styled as We, createTheme as qe, alpha as ne } from "@mui/material/styles";
+import De from "react-avatar";
+function Mo({ text: e }) {
+  const [t, o] = z(0);
+  return /* @__PURE__ */ m($, { children: [
+    /* @__PURE__ */ i(I, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
+    /* @__PURE__ */ i(I, { variant: "caption", display: "block", children: /* @__PURE__ */ i("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
     /* @__PURE__ */ i(
-      z,
+      q,
       {
         variant: "outlined",
         onClick: () => o((n) => n + 1),
@@ -71,13 +71,13 @@ function _o({ text: e }) {
       "This is some text: ",
       /* @__PURE__ */ i("span", { children: e })
     ] }),
-    /* @__PURE__ */ m(Me, { children: [
+    /* @__PURE__ */ m(Te, { children: [
       "This number will incremember when button pressed: ",
       t
     ] })
   ] });
 }
-const He = ({
+const ze = ({
   isOpen: e,
   dialogTitle: t,
   children: o,
@@ -91,52 +91,52 @@ const He = ({
   disableCloseOnBackdropOrEscape: x = !1,
   isLoading: C = !1
 }) => {
-  var w, D;
-  const [v, g] = G(!1);
+  var w, k;
+  const [v, g] = z(!1);
   return /* @__PURE__ */ m(
-    Pe,
+    $e,
     {
       open: e,
-      onClose: (f, k) => P(null, null, function* () {
-        x && (k === "backdropClick" || k === "escapeKeyDown") || v || (a != null && a.onClick ? yield a.onClick() : r());
+      onClose: (f, D) => M(null, null, function* () {
+        x && (D === "backdropClick" || D === "escapeKeyDown") || v || (a != null && a.onClick ? yield a.onClick() : r());
       }),
       fullWidth: !0,
       maxWidth: n != null ? n : "xs",
       "data-testid": l,
       sx: c,
       children: [
-        C && /* @__PURE__ */ i(Ne, { sx: { height: "4px", marginBottom: "-4px" } }),
-        /* @__PURE__ */ i($e, { children: t }),
-        /* @__PURE__ */ i(Te, { sx: { "& > :last-child": { marginBottom: 0 } }, children: o }),
-        /* @__PURE__ */ m(Le, { children: [
+        C && /* @__PURE__ */ i(Le, { sx: { height: "4px", marginBottom: "-4px" } }),
+        /* @__PURE__ */ i(Oe, { children: t }),
+        /* @__PURE__ */ i(Re, { sx: { "& > :last-child": { marginBottom: 0 } }, children: o }),
+        /* @__PURE__ */ m(Ue, { children: [
           /* @__PURE__ */ i(
-            z,
+            q,
             {
               onClick: (w = a == null ? void 0 : a.onClick) != null ? w : r,
               "data-testid": a == null ? void 0 : a.testId,
               disabled: (a == null ? void 0 : a.disabled) || v,
               color: a == null ? void 0 : a.buttonColor,
-              children: (D = a == null ? void 0 : a.text) != null ? D : "Cancel"
+              children: (k = a == null ? void 0 : a.text) != null ? k : "Cancel"
             }
           ),
-          p && p.map((f, k) => {
+          p && p.map((f, D) => {
             var y;
             return /* @__PURE__ */ i(
-              z,
+              q,
               {
                 onClick: f == null ? void 0 : f.onClick,
                 "data-testid": f == null ? void 0 : f.testId,
                 disabled: (f == null ? void 0 : f.disabled) || v,
                 color: f == null ? void 0 : f.buttonColor,
-                children: (y = f.text) != null ? y : `Button ${k}`
+                children: (y = f.text) != null ? y : `Button ${D}`
               },
-              k
+              D
             );
           }),
           s && /* @__PURE__ */ i(
-            z,
+            q,
             {
-              onClick: () => P(null, null, function* () {
+              onClick: () => M(null, null, function* () {
                 var f;
                 g(!0), yield (f = s.onClick) == null ? void 0 : f.call(s), g(!1);
               }),
@@ -150,7 +150,7 @@ const He = ({
       ]
     }
   );
-}, It = {
+}, Pt = {
   popper: {
     modifiers: [
       {
@@ -161,22 +161,22 @@ const He = ({
       }
     ]
   }
-}, We = {
+}, Ge = {
   right: 2
-}, qe = ({
+}, Ve = ({
   minLength: e,
   preLoadedOptions: t,
   lookup: o,
   label: n,
   inputValue: s
-}) => Oe({
+}) => Be({
   queryFn: () => e && s.length < e ? t != null ? t : [] : t ? t.filter(
     (a) => a.label.toLowerCase().includes(s.toLowerCase())
   ) : o(s),
   queryKey: ["autocomplete", n, s]
 });
-function Mo({
-  lookup: e = () => P(null, null, function* () {
+function No({
+  lookup: e = () => M(null, null, function* () {
   }),
   enableHighlighting: t = !0,
   onChange: o,
@@ -189,76 +189,69 @@ function Mo({
   boxSx: l,
   textFieldColor: x,
   textFieldVariant: C = "filled",
-  loadingText: v = "Loading...",
-  noOptionsText: g = "No options",
-  popupIcon: w = /* @__PURE__ */ i(St, {}),
+  textFieldFocused: v,
+  textFieldSx: g,
+  loadingText: w = "Loading...",
+  noOptionsText: k = "No options",
+  popupIcon: f = /* @__PURE__ */ i(wt, {}),
   error: D = !1,
-  helperText: f = "",
-  preLoadedOptions: k = void 0,
-  disablePortal: y = !1,
-  disableIconFlip: I = !1,
-  chipToolTipSlotProps: V = It,
-  isTemplatePlaceholder: N = !1,
-  placeholderText: E = void 0,
-  onRightClick: U = () => {
+  helperText: y = "",
+  preLoadedOptions: E = void 0,
+  disablePortal: G = !1,
+  disableIconFlip: R = !1,
+  chipToolTipSlotProps: _ = Pt,
+  placeholderText: U = void 0,
+  onRightClick: L = () => {
   },
-  disableDefaultRightClickBehaviour: L = !1
+  disableDefaultRightClickBehaviour: B = !1,
+  readOnly: O,
+  hideInputEndAdornment: S
 }) {
-  const [B, R] = G(""), S = (h, A) => {
-    const $ = p.filter((j) => j.id !== A);
-    o($, "delete", h);
-  }, { data: d, isLoading: b } = qe({
-    inputValue: B,
+  const [d, F] = z(""), V = (h, A) => {
+    const N = p.filter((ee) => ee.id !== A);
+    o(N, "delete", h);
+  }, { data: j, isLoading: ce } = Ve({
+    inputValue: d,
     label: a,
     lookup: e,
     minLength: s,
-    preLoadedOptions: k
-  }), H = B.length >= s, Je = N ? {
-    sx: {
-      "& .MuiFilledInput-root.Mui-focused": {
-        backgroundColor: "hsla(201, 98%, 41%, 0.08)"
-      },
-      "& .MuiOutlinedInput-root.Mui-focused": {
-        backgroundColor: "hsla(201, 98%, 41%, 0.08)"
-      }
-    },
-    focused: !0
-  } : {};
+    preLoadedOptions: E
+  }), de = d.length >= s;
   return /* @__PURE__ */ m("div", { "data-testid": r, children: [
     /* @__PURE__ */ i(
-      ie,
+      re,
       {
-        sx: u(u({}, c), I ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
+        sx: u(u({}, c), R ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
         "data-testid": r ? `${r}:Autocomplete` : void 0,
-        disablePortal: y,
+        disablePortal: G,
         multiple: !0,
         getOptionLabel: (h) => typeof h == "string" ? h : h.label,
-        loading: H ? b : !1,
-        options: [...p, ...d != null ? d : []],
+        loading: de ? ce : !1,
+        options: [...p, ...j != null ? j : []],
         filterSelectedOptions: !0,
         includeInputInList: !0,
         value: p,
-        onChange: (h, A, $) => {
-          o(A, $, h);
+        onChange: (h, A, N) => {
+          o(A, N, h);
         },
-        onInputChange: (h, A, $) => {
-          R(A), n && n(p, $, h);
+        onInputChange: (h, A, N) => {
+          F(A), n && n(p, N, h);
         },
-        noOptionsText: H ? g : "Start typing to search",
-        loadingText: v,
-        popupIcon: w,
+        noOptionsText: de ? k : "Start typing to search",
+        loadingText: w,
+        popupIcon: f,
         renderInput: (h) => /* @__PURE__ */ i(
-          re,
-          u(F(u({}, h), {
+          se,
+          b(u({}, h), {
             label: a,
             fullWidth: !0,
             variant: C,
             error: D,
-            helperText: f,
+            helperText: y,
             slotProps: {
-              input: F(u({}, h.InputProps), {
-                endAdornment: N ? void 0 : /* @__PURE__ */ m(O, { children: [
-                  b ? /* @__PURE__ */ i(se, { color: "inherit", size: 20 }) : null,
+              input: b(u({}, h.InputProps), {
+                endAdornment: S ? void 0 : /* @__PURE__ */ m($, { children: [
+                  ce ? /* @__PURE__ */ i(ae, { color: "inherit", size: 20 }) : null,
                   h.InputProps.endAdornment
                 ] })
               })
@@ -268,38 +261,40 @@ function Mo({
               (A.key === "Backspace" || A.key === "Delete") && A.stopPropagation();
             },
             color: x,
-            placeholder: E != null ? E : N ? "Placeholder field" : void 0
-          }), Je)
+            placeholder: U,
+            sx: g,
+            focused: v
+          })
         ),
         renderValue: () => null,
         isOptionEqualToValue: (h, A) => h.id === A.id,
-        renderOption: (h, A, $) => {
+        renderOption: (h, A, N) => {
           if (t) {
-            const j = wt(A.label, $.inputValue, {
+            const ee = kt(A.label, N.inputValue, {
               insideWords: !0,
               findAllOccurrences: !0
-            }), Ze = kt(A.label, j);
-            return /* @__PURE__ */ ne(
+            }), et = yt(A.label, ee);
+            return /* @__PURE__ */ ie(
               "li",
-              F(u({}, h), {
+              b(u({}, h), {
                 key: A.id,
                 "data-testid": r ? `${r}:Autocomplete:option(${A.id.toString()})` : void 0
               }),
-              /* @__PURE__ */ i("div", { children: Ze.map((le, je) => /* @__PURE__ */ i(
+              /* @__PURE__ */ i("div", { children: et.map((ue, tt) => /* @__PURE__ */ i(
                 "span",
                 {
                   style: {
-                    fontWeight: le.highlight ? 700 : 400
+                    fontWeight: ue.highlight ? 700 : 400
                   },
-                  children: le.text
+                  children: ue.text
                 },
-                je
+                tt
               )) })
             );
           } else
-            return /* @__PURE__ */ ne(
+            return /* @__PURE__ */ ie(
               "li",
-              F(u({}, h), {
+              b(u({}, h), {
                 key: A.id,
                 "data-testid": r ? `${r}:option(${A.id.toString()})` : void 0
               }),
@@ -307,18 +302,18 @@ function Mo({
             );
         },
         onMouseDownCapture: (h) => {
-          h.button === We.right && L && (h.preventDefault(), h.stopPropagation());
+          h.button === Ge.right && B && (h.preventDefault(), h.stopPropagation());
         },
         onContextMenuCapture: (h) => {
-          L && (h.preventDefault(), h.stopPropagation()), U(h);
+          B && (h.preventDefault(), h.stopPropagation()), L(h);
         },
-        readOnly: N
+        readOnly: O
       }
     ),
-    p.length > 0 && /* @__PURE__ */ i(M, { sx: l, children: p.map((h) => {
+    p.length > 0 && /* @__PURE__ */ i(P, { sx: l, children: p.map((h) => {
       var A;
       return /* @__PURE__ */ i(
-        st,
+        lt,
         {
           sx: {
             marginTop: 1,
@@ -326,18 +321,18 @@ function Mo({
             height: "auto"
           },
           label: /* @__PURE__ */ i(
-            at,
+            ct,
             {
               title: (A = h.tooltipContent) != null ? A : "",
               placement: "bottom-start",
-              slotProps: V,
-              children: /* @__PURE__ */ i(_, { style: { whiteSpace: "normal" }, children: h.chipLabel ? h.chipLabel : h.label })
+              slotProps: _,
+              children: /* @__PURE__ */ i(I, { style: { whiteSpace: "normal" }, children: h.chipLabel ? h.chipLabel : h.label })
             }
           ),
           "data-testid": r ? `${r}:Chip(${h.id.toString()})` : void 0,
-          onDelete: ($) => S($, h.id),
+          onDelete: (N) => V(N, h.id),
           deleteIcon: /* @__PURE__ */ i(
-            Ct,
+            vt,
             {
               "data-testid": r ? `${r}:Chip(${h.id.toString()}):deleteIcon` : void 0
             }
@@ -348,8 +343,8 @@ function Mo({
     }) })
   ] });
 }
-const Po = /MUI: The value provided to.*is invalid/i, No = ({
-  lookup: e = () => P(null, null, function* () {
+const To = /MUI: The value provided to.*is invalid/i, $o = ({
+  lookup: e = () => M(null, null, function* () {
   }),
   onChange: t,
   onInputChange: o,
@@ -365,22 +360,22 @@ const Po = /MUI: The value provided to.*is invalid/i, No = ({
   disablePortal: v = !1,
   preLoadedOptions: g,
   helperText: w = "",
-  disabled: D,
+  disabled: k,
   popupIcon: f,
-  disableIconFlip: k,
+  disableIconFlip: D,
   isTemplatePlaceholder: y = !1,
-  placeholderText: I = void 0,
-  onRightClick: V = () => {
+  placeholderText: E = void 0,
+  onRightClick: G = () => {
   },
-  disableDefaultRightClickBehaviour: N = !1
+  disableDefaultRightClickBehaviour: R = !1
 }) => {
-  const [E, U] = G(""), { data: L, isLoading: B } = qe({
-    inputValue: E,
+  const [_, U] = z(""), { data: L, isLoading: B } = Ve({
+    inputValue: _,
     label: n,
     lookup: e,
     minLength: C != null ? C : 0,
     preLoadedOptions: g
-  }), R = E.length >= C, S = y ? {
+  }), O = _.length >= C, S = y ? {
     sx: {
       "& .MuiFilledInput-root.Mui-focused": {
         backgroundColor: "hsla(201, 98%, 41%, 0.08)"
@@ -393,35 +388,35 @@ const Po = /MUI: The value provided to.*is invalid/i, No = ({
     slotProps: { input: { endAdornment: void 0 } }
   } : {};
   return /* @__PURE__ */ i("div", { "data-testid": l, children: /* @__PURE__ */ i(
-    lt,
+    dt,
     {
       direction: "row",
       spacing: 1,
       onMouseDownCapture: (d) => {
-        d.button === We.right && N && (d.preventDefault(), d.stopPropagation());
+        d.button === Ge.right && R && (d.preventDefault(), d.stopPropagation());
       },
       onContextMenuCapture: (d) => {
-        N && (d.preventDefault(), d.stopPropagation()), V(d);
+        R && (d.preventDefault(), d.stopPropagation()), G(d);
       },
       children: /* @__PURE__ */ i(
-        ie,
+        re,
         {
-          sx: u(u({}, a), k ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
+          sx: u(u({}, a), D ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
           "data-testid": l ? `${l}:Autocomplete` : void 0,
-          loading: R ? B : !1,
+          loading: O ? B : !1,
           options: L != null ? L : [],
-          onChange: (d, b, H) => {
-            t(d, b, H);
+          onChange: (d, F, V) => {
+            t(d, F, V);
           },
           disablePortal: v,
           filterOptions: (d) => d,
           value: s,
-          noOptionsText: R ? x : "Start typing to search",
+          noOptionsText: O ? x : "Start typing to search",
           getOptionLabel: (d) => d.label,
           popupIcon: f,
           renderInput: (d) => /* @__PURE__ */ i(
-            re,
-            u(F(u({
+            se,
+            u(b(u({
               "data-testid": l ? `${l}:Autocomplete:TextField` : void 0
             }, d), {
               variant: r,
@@ -429,33 +424,33 @@ const Po = /MUI: The value provided to.*is invalid/i, No = ({
               color: p,
               error: c,
               helperText: w,
-              placeholder: I != null ? I : y ? "Placeholder field" : void 0
+              placeholder: E != null ? E : y ? "Placeholder field" : void 0
             }), S)
           ),
-          isOptionEqualToValue: (d, b) => d.id === b.id,
-          onInputChange: (d, b, H) => {
-            U(b), o && o(b, H, d);
+          isOptionEqualToValue: (d, F) => d.id === F.id,
+          onInputChange: (d, F, V) => {
+            U(F), o && o(F, V, d);
           },
-          renderOption: (d, b) => /* @__PURE__ */ ne(
+          renderOption: (d, F) => /* @__PURE__ */ ie(
             "li",
-            F(u({}, d), {
-              key: b.id,
-              "data-testid": l ? `${l}:Autocomplete:option(${b.id.toString()})` : void 0
+            b(u({}, d), {
+              key: F.id,
+              "data-testid": l ? `${l}:Autocomplete:option(${F.id.toString()})` : void 0
             }),
-            b.label
+            F.label
           ),
-          disabled: D,
+          disabled: k,
           readOnly: y
         }
       )
     }
   ) });
-}, _t = (e) => {
+}, Mt = (e) => {
   if (!e)
     return -1;
   try {
     const o = e.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"), n = decodeURIComponent(
-      Dt.from(o, "base64").toString("utf8").split("").map(function(a) {
+      bt.from(o, "base64").toString("utf8").split("").map(function(a) {
         return "%" + ("00" + a.charCodeAt(0).toString(16)).slice(-2);
       }).join("")
     ), s = JSON.parse(n);
@@ -463,20 +458,20 @@ const Po = /MUI: The value provided to.*is invalid/i, No = ({
   } catch (t) {
     return -1;
   }
-}, $o = ({
+}, Lo = ({
   open: e = !1,
   closeHandler: t,
   setAuth0ExpiryTime: o
 }) => {
-  const { logout: n, getAccessTokenSilently: s } = ae();
+  const { logout: n, getAccessTokenSilently: s } = le();
   return /* @__PURE__ */ i(
-    He,
+    ze,
     {
       isOpen: e,
       primaryButton: {
         text: "Continue",
-        onClick: () => P(null, null, function* () {
-          const l = yield s({ cacheMode: "off" }), x = _t(l) * 1e3;
+        onClick: () => M(null, null, function* () {
+          const l = yield s({ cacheMode: "off" }), x = Mt(l) * 1e3;
           o(x), t();
         }),
         disabled: !1,
@@ -485,7 +480,7 @@ const Po = /MUI: The value provided to.*is invalid/i, No = ({
       },
       secondaryButton: {
         text: "Log out",
-        onClick: () => P(null, null, function* () {
+        onClick: () => M(null, null, function* () {
           n({ logoutParams: { returnTo: `${window.location.origin}` } });
         }),
         disabled: !1,
@@ -499,25 +494,25 @@ const Po = /MUI: The value provided to.*is invalid/i, No = ({
     }
   );
 };
-function Mt(e) {
+function Nt(e) {
   return "error" in e;
 }
-function Pt(e) {
+function Tt(e) {
   var n;
   const t = e.error, o = (n = e == null ? void 0 : e.error_description) != null ? n : "";
   return t === "access_denied" && o.startsWith("You do not have the required authorization");
 }
-function Nt(e) {
+function $t(e) {
   var n;
   const t = e.error, o = (n = e == null ? void 0 : e.error_description) != null ? n : "";
   return t === "access_denied" && o.startsWith("User did not authorize the request");
 }
-function $t(e) {
+function Lt(e) {
   var n;
   const t = e.error, o = (n = e == null ? void 0 : e.error_description) != null ? n : "";
   return t === "access_denied" && o.match(/Script.*time.*exceeded/);
 }
-function To({
+function Oo({
   children: e,
   appName: t = "the app",
   throwErrors: o = "none",
@@ -526,11 +521,11 @@ function To({
   }
 }) {
   var C, v;
-  const { isAuthenticated: a, isLoading: p, error: r, loginWithRedirect: c, logout: l } = ae();
-  he(() => {
+  const { isAuthenticated: a, isLoading: p, error: r, loginWithRedirect: c, logout: l } = le();
+  ge(() => {
     r && s(r);
   }, [r, s]);
-  const x = nt(
+  const x = rt(
     () => ({
       appState: {
         returnTo: `${window.location.pathname}${window.location.search}`
@@ -538,7 +533,7 @@ function To({
     }),
     []
   );
-  if (he(() => {
+  if (ge(() => {
     p || a || r || c(x);
   }, [p, a, r, c, s, x]), r) {
     if (n || console.error(
@@ -546,158 +541,158 @@ function To({
       r
     ), o === "all")
       throw r;
-    if (Mt(r)) {
+    if (Nt(r)) {
       let g = "Auth error", w = "An unknown Auth0 error occurred.";
-      if (Pt(r))
+      if (Tt(r))
         g = "Unauthorised", w = `You are not authorised to access ${t}.`;
-      else if (Nt(r))
-        g = "App not authorised", w = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`;
       else if ($t(r))
+        g = "App not authorised", w = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`;
+      else if (Lt(r))
         g = "Auth0 script execution time exceeded", w = "The Auth0 login flow exceeded the time limit (20s). Try again in a minute by clicking the RELOAD button below.";
       else if (r.message === "Invalid state") {
-        const D = localStorage.getItem("auth0_redirect_count");
-        D ? D && parseInt(D) < 2 && (localStorage.setItem("auth0_redirect_count", String(parseInt(D) + 1)), c(x)) : (localStorage.setItem("auth0_redirect_count", "1"), c(x));
+        const k = localStorage.getItem("auth0_redirect_count");
+        k ? k && parseInt(k) < 2 && (localStorage.setItem("auth0_redirect_count", String(parseInt(k) + 1)), c(x)) : (localStorage.setItem("auth0_redirect_count", "1"), c(x));
       } else if (o === "unknown") throw r;
-      return /* @__PURE__ */ m(Pe, { open: !0, children: [
-        /* @__PURE__ */ i($e, { children: g }),
-        /* @__PURE__ */ m(Te, { children: [
-          /* @__PURE__ */ i(_, { children: w }),
+      return /* @__PURE__ */ m($e, { open: !0, children: [
+        /* @__PURE__ */ i(Oe, { children: g }),
+        /* @__PURE__ */ m(Re, { children: [
+          /* @__PURE__ */ i(I, { children: w }),
           /* @__PURE__ */ i("br", {}),
-          /* @__PURE__ */ i(_, { variant: "subtitle2", children: "Details from Auth0" }),
-          /* @__PURE__ */ m(_, { variant: "body2", children: [
+          /* @__PURE__ */ i(I, { variant: "subtitle2", children: "Details from Auth0" }),
+          /* @__PURE__ */ m(I, { variant: "body2", children: [
             "error: ",
             (C = r == null ? void 0 : r.error) != null ? C : "N/A"
           ] }),
-          /* @__PURE__ */ m(_, { variant: "body2", children: [
+          /* @__PURE__ */ m(I, { variant: "body2", children: [
             "description: ",
             (v = r == null ? void 0 : r.error_description) != null ? v : "N/A"
           ] })
         ] }),
-        /* @__PURE__ */ m(Le, { children: [
-          g === "Auth0 script execution time exceeded" && /* @__PURE__ */ i(z, { href: window.location.origin + window.location.pathname, children: "Reload" }),
-          /* @__PURE__ */ i(z, { onClick: () => l({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" })
+        /* @__PURE__ */ m(Ue, { children: [
+          g === "Auth0 script execution time exceeded" && /* @__PURE__ */ i(q, { href: window.location.origin + window.location.pathname, children: "Reload" }),
+          /* @__PURE__ */ i(q, { onClick: () => l({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" })
         ] })
       ] });
     } else if (o === "unknown") throw r;
   }
-  return a ? (localStorage.removeItem("auth0_redirect_count"), /* @__PURE__ */ i(O, { children: e })) : /* @__PURE__ */ i(yt, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
+  return a ? (localStorage.removeItem("auth0_redirect_count"), /* @__PURE__ */ i($, { children: e })) : /* @__PURE__ */ i(Ft, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
 }
-const Tt = {
+const Ot = {
   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
-}, Lt = {
+}, Rt = {
   shouldClose: (e, t) => t !== "clickaway"
-}, ve = {
+}, ke = {
   message: "",
   severity: "info",
   variant: "standard",
   progressIndicator: void 0
   // Can use 'circular' or 'linear'
-}, we = 100, ke = 2e3, Ot = 2e3, Rt = /* @__PURE__ */ (() => {
+}, ye = 100, be = 2e3, Ut = 2e3, Bt = /* @__PURE__ */ (() => {
   let e = 0;
   return () => (e += 1, e);
-})(), Ut = {
+})(), Ht = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
-}, Bt = {}, Ht = {}, ze = it(null);
-function Wt(a) {
+}, Wt = {}, qt = {}, Ke = st(null);
+function zt(a) {
   var p = a, {
-    overrideState: e = Bt,
-    overrideActions: t = Ht,
-    shouldClose: o = Lt.shouldClose,
+    overrideState: e = Wt,
+    overrideActions: t = qt,
+    shouldClose: o = Rt.shouldClose,
     children: n
-  } = p, s = ue(p, [
+  } = p, s = fe(p, [
     "overrideState",
     "overrideActions",
     "shouldClose",
     "children"
   ]);
-  var R;
-  const [{ open: r }, c] = G({ open: !1 }), l = te([]), x = te(Date.now()), C = te(0), v = fe((S) => {
+  var O;
+  const [{ open: r }, c] = z({ open: !1 }), l = oe([]), x = oe(Date.now()), C = oe(0), v = xe((S) => {
     c({ open: S });
-  }, []), g = fe((S = {}) => {
-    C.current += 1, l.current.length >= we && Date.now() - x.current >= ke && (x.current = Date.now(), console.error(
-      `SaladBarProvider: MAX_QUEUE_LENGTH (${we}) hit ${C.current} times in last ${ke}ms)`
+  }, []), g = xe((S = {}) => {
+    C.current += 1, l.current.length >= ye && Date.now() - x.current >= be && (x.current = Date.now(), console.error(
+      `SaladBarProvider: MAX_QUEUE_LENGTH (${ye}) hit ${C.current} times in last ${be}ms)`
     ), C.current = 0);
-    const d = u(F(u({}, ve), {
-      key: Rt()
+    const d = u(b(u({}, ke), {
+      key: Bt()
     }), S);
     return l.current.push(d), l.current.length === 1 && c({ open: !0 }), d.key;
-  }, []), w = (S = "", d = {}) => g(u({ message: S, severity: "success" }, d)), D = (S = "", d = {}) => g(u({ message: S, severity: "info" }, d)), f = (S = "", d = {}) => g(u({ message: S, severity: "warning" }, d)), k = (S = "", d = {}) => g(u({ message: S, severity: "error" }, d)), y = (S) => {
-    const d = l.current.findIndex((b) => b.key === S);
+  }, []), w = (S = "", d = {}) => g(u({ message: S, severity: "success" }, d)), k = (S = "", d = {}) => g(u({ message: S, severity: "info" }, d)), f = (S = "", d = {}) => g(u({ message: S, severity: "warning" }, d)), D = (S = "", d = {}) => g(u({ message: S, severity: "error" }, d)), y = (S) => {
+    const d = l.current.findIndex((F) => F.key === S);
     if (d !== -1)
       return d === 0 ? (c({ open: !1 }), l.current[0]) : l.current.splice(d, 1);
-  }, I = (S, d) => {
+  }, E = (S, d) => {
     o(S, d) && c({ open: !1 });
-  }, V = () => {
-  }, N = () => {
+  }, G = () => {
+  }, R = () => {
     l.current.shift(), l.current.length > 0 && c({ open: !0 });
-  }, E = (R = l.current[0]) != null ? R : u({}, ve), U = {};
-  "autoHideDuration" in E && (U.autoHideDuration = E.autoHideDuration);
-  const L = u(u({}, Tt), s), B = u(u({
+  }, _ = (O = l.current[0]) != null ? O : u({}, ke), U = {};
+  "autoHideDuration" in _ && (U.autoHideDuration = _.autoHideDuration);
+  const L = u(u({}, Ot), s), B = u(u({
     open: r,
     setOpen: v,
     enqueueNotification: g,
     enqueueSuccessNotification: w,
-    enqueueInfoNotification: D,
+    enqueueInfoNotification: k,
     enqueueWarningNotification: f,
-    enqueueErrorNotification: k,
+    enqueueErrorNotification: D,
     removeNotification: y
   }, e), t);
-  return /* @__PURE__ */ m(ze.Provider, { value: B, children: [
+  return /* @__PURE__ */ m(Ke.Provider, { value: B, children: [
     n,
     /* @__PURE__ */ i(
-      ct,
-      F(u(u({}, L), U), {
+      ut,
+      b(u(u({}, L), U), {
         open: r,
-        onClose: I,
+        onClose: E,
         TransitionProps: {
-          onExited: N,
-          onExit: V
+          onExited: R,
+          onExit: G
         },
-        sx: { zIndex: Ot },
+        sx: { zIndex: Ut },
         children: /* @__PURE__ */ m("div", { children: [
           /* @__PURE__ */ i(
-            dt,
+            pt,
             {
-              onClose: (S) => I(S, "closeAlert"),
-              severity: E.severity,
+              onClose: (S) => E(S, "closeAlert"),
+              severity: _.severity,
               variant: "filled",
-              icon: E.progressIndicator === "circular" ? /* @__PURE__ */ i(se, { size: "1em" }) : void 0,
-              style: E.progressIndicator === "linear" ? Ut : void 0,
-              children: E.message
+              icon: _.progressIndicator === "circular" ? /* @__PURE__ */ i(ae, { size: "1em" }) : void 0,
+              style: _.progressIndicator === "linear" ? Ht : void 0,
+              children: _.message
             }
           ),
-          E.progressIndicator === "linear" && /* @__PURE__ */ i(Ne, { color: "primary" })
+          _.progressIndicator === "linear" && /* @__PURE__ */ i(Le, { color: "primary" })
         ] })
       })
     )
   ] });
 }
-class Ge extends Error {
+class Xe extends Error {
 }
-pe(Ge, "errorName", "ContextError");
-function qt() {
-  const e = rt(ze);
+me(Xe, "errorName", "ContextError");
+function Gt() {
+  const e = at(Ke);
   if (e === null)
-    throw new Ge("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
+    throw new Xe("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
   return e;
 }
-const Lo = bt(
-  (e = { autoHideDuration: 1 }, t = {}, o = {}) => ({ children: n }) => /* @__PURE__ */ i(Wt, F(u({}, e), { overrideState: t, overrideActions: o, children: /* @__PURE__ */ i(O, { children: n }) }))
-), Ve = "domainCode";
-var _e;
-const De = T(
-  JSON.parse((_e = localStorage.getItem(Ve)) != null ? _e : '{"domainCode": ""}').domainCode
-), zt = T(
-  (e) => e(De),
+const Ro = Et(
+  (e = { autoHideDuration: 1 }, t = {}, o = {}) => ({ children: n }) => /* @__PURE__ */ i(zt, b(u({}, e), { overrideState: t, overrideActions: o, children: /* @__PURE__ */ i($, { children: n }) }))
+), Ye = "domainCode";
+var Ne;
+const Fe = T(
+  JSON.parse((Ne = localStorage.getItem(Ye)) != null ? Ne : '{"domainCode": ""}').domainCode
+), Vt = T(
+  (e) => e(Fe),
   (e, t, o) => {
-    t(De, o), localStorage.setItem(Ve, JSON.stringify({ domainCode: o }));
+    t(Fe, o), localStorage.setItem(Ye, JSON.stringify({ domainCode: o }));
   }
-), Gt = {
+), Kt = {
   act: "ACT",
   nsw: "NSW",
   nt: "NT",
@@ -709,10 +704,10 @@ const De = T(
   ag: "AG",
   fedmps: "FedMPs",
   "": ""
-}, Ke = (e) => {
+}, Qe = (e) => {
   var t;
-  return e === null ? "N/A" : (t = Gt[e]) != null ? t : "";
-}, Oo = ({
+  return e === null ? "N/A" : (t = Kt[e]) != null ? t : "";
+}, Uo = ({
   isLoading: e,
   isOpen: t,
   onClose: o,
@@ -721,20 +716,20 @@ const De = T(
   applicationName: a,
   handleLogout: p
 }) => {
-  const [r, c] = W(zt), [l, x] = G(r), { enqueueSuccessNotification: C } = qt(), v = s.length === 0, g = !!r && !s.includes(r) && !s.includes(l), w = !r || v || g, D = () => P(null, null, function* () {
+  const [r, c] = H(Vt), [l, x] = z(r), { enqueueSuccessNotification: C } = Gt(), v = s.length === 0, g = !!r && !s.includes(r) && !s.includes(l), w = !r || v || g, k = () => M(null, null, function* () {
     l ? (c(l), n == null || n(l), C(`Set organisation to ${l}`), o()) : (c(""), n == null || n(""));
-  }), f = () => P(null, null, function* () {
+  }), f = () => M(null, null, function* () {
     r && !v && !g ? (x(r), o()) : w && p();
   });
-  let k;
-  return v ? k = "Unable to retrieve your active organisations. Try logging in again." : g && (k = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ m(
-    He,
+  let D;
+  return v ? D = "Unable to retrieve your active organisations. Try logging in again." : g && (D = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ m(
+    ze,
     {
       isOpen: t,
       dialogTitle: "Select an organisation",
       primaryButton: {
         text: "Confirm",
-        onClick: D,
+        onClick: k,
         disabled: !l || v || g,
         buttonColor: "primary"
       },
@@ -745,29 +740,29 @@ const De = T(
       onClose: w ? () => {
       } : o,
       children: [
-        /* @__PURE__ */ m(_, { marginBottom: 2, children: [
+        /* @__PURE__ */ m(I, { marginBottom: 2, children: [
           "Select the default organisation that you want to use with the ",
           a,
           "."
         ] }),
         /* @__PURE__ */ i(
-          ie,
+          re,
           {
             loading: e,
             multiple: !1,
             disableClearable: !1,
             value: l !== "" ? l : null,
-            onChange: (y, I) => x(I != null ? I : ""),
-            getOptionLabel: Ke,
+            onChange: (y, E) => x(E != null ? E : ""),
+            getOptionLabel: Qe,
             options: [...s.toSorted()],
             renderInput: (y) => /* @__PURE__ */ i(
-              re,
-              F(u({}, y), {
+              se,
+              b(u({}, y), {
                 variant: "filled",
                 label: "Select organisation",
-                InputProps: F(u({}, y.InputProps), {
-                  endAdornment: /* @__PURE__ */ m(O, { children: [
-                    e ? /* @__PURE__ */ i(se, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
+                InputProps: b(u({}, y.InputProps), {
+                  endAdornment: /* @__PURE__ */ m($, { children: [
+                    e ? /* @__PURE__ */ i(ae, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
                     y.InputProps.endAdornment
                   ] })
                 })
@@ -775,15 +770,15 @@ const De = T(
             )
           }
         ),
-        k && /* @__PURE__ */ i(ut, { error: !0, children: k })
+        D && /* @__PURE__ */ i(ht, { error: !0, children: D })
       ]
     }
   );
-}, Xe = () => {
+}, Je = () => {
   const e = Z();
-  return pt(e.breakpoints.down("sm"));
-}, Vt = 64, Kt = 72, Xt = 256, J = T(!0), Yt = T(Xt), Qt = T(Kt), ye = T(""), Jt = T(void 0), Zt = T(Vt), jt = T(void 0);
-function eo({ links: e }) {
+  return ft(e.breakpoints.down("sm"));
+}, Xt = 64, Yt = 72, Qt = 256, J = T(!0), Jt = T(Qt), Zt = T(Yt), Ee = T(""), jt = T(void 0), eo = T(Xt), to = T(void 0);
+function oo({ links: e }) {
   return /* @__PURE__ */ i("div", { children: "LinksMenu not implemented yet" });
 }
 const Y = "Navbar", K = {
@@ -794,7 +789,7 @@ const Y = "Navbar", K = {
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, to = Ue(M, { name: "NavBar" })(({ theme: e }) => ({
+}, no = We(P, { name: "NavBar" })(({ theme: e }) => ({
   [`&.${K.root}`]: {
     display: "flex"
   },
@@ -813,13 +808,13 @@ const Y = "Navbar", K = {
   //   marginTop: '64px',
   //   marginBottom: '16px',
   // },
-})), q = (e, t, o) => e.transitions.create(t, {
+})), W = (e, t, o) => e.transitions.create(t, {
   easing: e.transitions.easing.sharp,
   duration: o === "leaving" ? e.transitions.duration.leavingScreen : e.transitions.duration.enteringScreen
-}), oo = (e) => {
+}), io = (e) => {
   const t = Z();
   return /* @__PURE__ */ i(
-    ft,
+    gt,
     u({
       easing: t.transitions.easing.sharp,
       timeout: {
@@ -828,7 +823,7 @@ const Y = "Navbar", K = {
       }
     }, e)
   );
-}, Ye = (e) => {
+}, Ze = (e) => {
   var t, o;
   return {
     overflowX: "hidden",
@@ -836,13 +831,13 @@ const Y = "Navbar", K = {
     backgroundColor: (o = (t = e == null ? void 0 : e.navBar) == null ? void 0 : t.backgroundColor) != null ? o : "white"
     // Provide default so tests don't need to wrap theme provider
   };
-}, be = (e, t) => u({
+}, _e = (e, t) => u({
   width: t,
-  transition: q(e, "width", "entering")
-}, Ye(e)), Fe = (e, t) => u({
+  transition: W(e, "width", "entering")
+}, Ze(e)), Ie = (e, t) => u({
   width: t,
-  transition: q(e, "width", "leaving")
-}, Ye(e)), no = Ue(ht, {
+  transition: W(e, "width", "leaving")
+}, Ze(e)), ro = We(mt, {
   shouldForwardProp: (e) => !["widthOpen", "widthClosed", "isSmallScreen"].includes(e)
 })(({ theme: e, open: t, widthOpen: o, widthClosed: n, isSmallScreen: s }) => u(u({
   flexShrink: 0,
@@ -850,20 +845,20 @@ const Y = "Navbar", K = {
   boxSizing: "border-box",
   display: "flex",
   flexDirection: "column"
-}, t && F(u({}, be(e, o)), {
+}, t && b(u({}, _e(e, o)), {
   backgroundColor: "",
-  "& .MuiDrawer-paper": be(e, o)
-})), !t && F(u({}, Fe(e, s ? o : n)), {
+  "& .MuiDrawer-paper": _e(e, o)
+})), !t && b(u({}, Ie(e, s ? o : n)), {
   backgroundColor: "",
-  "& .MuiDrawer-paper": Fe(e, s ? o : n)
+  "& .MuiDrawer-paper": Ie(e, s ? o : n)
 })));
-function Qe(e) {
+function je(e) {
   return e.replace(
     /(^|-)([a-z])/g,
     (t, o, n) => o === "-" ? " " + n.toUpperCase() : n.toUpperCase()
   );
 }
-function Ro(e, t, o, n) {
+function Bo(e, t, o, n) {
   var p;
   if (!e) return "None";
   const a = Object.entries(e).filter(
@@ -871,27 +866,27 @@ function Ro(e, t, o, n) {
   ).map(
     ([r]) => {
       var c;
-      return Qe((c = r.split("/").at(-1)) != null ? c : "");
+      return je((c = r.split("/").at(-1)) != null ? c : "");
     }
   );
   return (p = n.find(
     (r) => o[r].some((c) => a.includes(c))
   )) != null ? p : "None";
 }
-const Uo = (e) => {
-  const { getIdTokenClaims: t, user: o } = ae();
-  return Oe({
+const Ho = (e) => {
+  const { getIdTokenClaims: t, user: o } = le();
+  return Be({
     queryKey: ["availableDomains", o == null ? void 0 : o.sub],
-    queryFn: () => P(null, null, function* () {
+    queryFn: () => M(null, null, function* () {
       const n = yield t();
       return n ? Object.entries(n).reduce((s, [a, p]) => {
         var l;
-        const r = Qe((l = a.split("/").at(-1)) != null ? l : ""), c = a.startsWith("https://greens.org.au/roles/") && e.includes(r) ? p : [];
+        const r = je((l = a.split("/").at(-1)) != null ? l : ""), c = a.startsWith("https://greens.org.au/roles/") && e.includes(r) ? p : [];
         return [.../* @__PURE__ */ new Set([...s, ...c])];
       }, []) : [];
     })
   });
-}, Bo = (e) => Object.values(e).reduce(
+}, Wo = (e) => Object.values(e).reduce(
   (t, o) => [.../* @__PURE__ */ new Set([...t, ...o])],
   []
 ), Q = {
@@ -901,7 +896,7 @@ const Uo = (e) => {
   info: console.info.bind(console),
   debug: console.debug.bind(console)
 };
-function Ho(e, t) {
+function qo(e, t) {
   console[e] = (...o) => {
     for (const n of t)
       if (typeof n == "function") {
@@ -914,14 +909,14 @@ function Ho(e, t) {
     Q[e](o);
   };
 }
-function Wo(e) {
+function zo(e) {
   if (e)
     console[e] = Q[e];
   else
     for (const t of Object.keys(Q))
       console[t] = Q[t];
 }
-function io(e) {
+function so(e) {
   let t = 0;
   for (let o = 0, n = e.length; o < n; o++) {
     const s = e.charCodeAt(o);
@@ -929,11 +924,11 @@ function io(e) {
   }
   return t;
 }
-const Ee = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], Ie = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
-function ro({ user: e, domainCode: t, open: o, useNewAvatar: n = !1 }) {
+const Pe = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], Me = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
+function ao({ user: e, domainCode: t, open: o, useNewAvatar: n = !1 }) {
   const s = Z();
   return /* @__PURE__ */ m(
-    M,
+    P,
     {
       sx: {
         paddingTop: 3,
@@ -944,52 +939,52 @@ function ro({ user: e, domainCode: t, open: o, useNewAvatar: n = !1 }) {
       },
       children: [
         !n && /* @__PURE__ */ i(
-          M,
+          P,
           {
             sx: {
               width: o ? "5rem" : "2rem",
-              transition: o ? q(s, ["width", "height"], "entering") : q(s, ["width", "height"], "leaving"),
+              transition: o ? W(s, ["width", "height"], "entering") : W(s, ["width", "height"], "leaving"),
               aspectRatio: 1
             },
-            children: e != null && e.name ? /* @__PURE__ */ i(O, { children: /* @__PURE__ */ i(
-              me,
+            children: e != null && e.name ? /* @__PURE__ */ i($, { children: /* @__PURE__ */ i(
+              Ae,
               {
                 src: e == null ? void 0 : e.picture,
                 sx: {
                   width: "100%",
                   height: "100%",
-                  bgcolor: Ee[Math.abs(io(e == null ? void 0 : e.name)) % Ee.length]
+                  bgcolor: Pe[Math.abs(so(e == null ? void 0 : e.name)) % Pe.length]
                 },
-                children: Ie(e == null ? void 0 : e.name)
+                children: Me(e == null ? void 0 : e.name)
               }
-            ) }) : /* @__PURE__ */ i(me, { sx: { width: "100%", height: "100%" } })
+            ) }) : /* @__PURE__ */ i(Ae, { sx: { width: "100%", height: "100%" } })
           }
         ),
         n && /* @__PURE__ */ i(
-          M,
+          P,
           {
             sx: {
               width: o ? "5rem" : "2rem",
-              transition: o ? q(s, ["width", "height"], "entering") : q(s, ["width", "height"], "leaving"),
+              transition: o ? W(s, ["width", "height"], "entering") : W(s, ["width", "height"], "leaving"),
               aspectRatio: 1
             },
-            children: e != null && e.name ? /* @__PURE__ */ i(O, { children: /* @__PURE__ */ m(Se, { src: e == null ? void 0 : e.picture, name: e == null ? void 0 : e.name, round: !0, size: o ? "80" : "32", children: [
+            children: e != null && e.name ? /* @__PURE__ */ i($, { children: /* @__PURE__ */ m(De, { src: e == null ? void 0 : e.picture, name: e == null ? void 0 : e.name, round: !0, size: o ? "80" : "32", children: [
               " ",
-              Ie(e == null ? void 0 : e.name),
+              Me(e == null ? void 0 : e.name),
               " ",
               "ab"
-            ] }) }) : /* @__PURE__ */ i(Se, {})
+            ] }) }) : /* @__PURE__ */ i(De, {})
           }
         ),
-        /* @__PURE__ */ i(oo, { sx: { width: "100%" }, in: o, children: /* @__PURE__ */ i(mt, { in: o, children: /* @__PURE__ */ m(M, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
-          e != null && e.name ? /* @__PURE__ */ i(_, { children: e == null ? void 0 : e.name }) : /* @__PURE__ */ i(ge, { animation: !1, width: "50%" }),
-          t ? /* @__PURE__ */ i(_, { children: Ke(t) }) : /* @__PURE__ */ i(ge, { animation: !1, width: "25%" })
+        /* @__PURE__ */ i(io, { sx: { width: "100%" }, in: o, children: /* @__PURE__ */ i(xt, { in: o, children: /* @__PURE__ */ m(P, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
+          e != null && e.name ? /* @__PURE__ */ i(I, { children: e == null ? void 0 : e.name }) : /* @__PURE__ */ i(Ce, { animation: !1, width: "50%" }),
+          t ? /* @__PURE__ */ i(I, { children: Qe(t) }) : /* @__PURE__ */ i(Ce, { animation: !1, width: "25%" })
         ] }) }) })
       ]
     }
   );
 }
-function so({
+function lo({
   open: e,
   widthClosed: t,
   widthOpen: o,
@@ -1001,9 +996,9 @@ function so({
   domainCode: c,
   useNewAvatar: l = !1
 }) {
-  const x = Xe(), C = Re(J);
-  return /* @__PURE__ */ i(to, { className: K.root, "data-testid": n, children: /* @__PURE__ */ m(
-    no,
+  const x = Je(), C = He(J);
+  return /* @__PURE__ */ i(no, { className: K.root, "data-testid": n, children: /* @__PURE__ */ m(
+    ro,
     {
       open: e,
       widthOpen: o,
@@ -1018,37 +1013,37 @@ function so({
       },
       isSmallScreen: x,
       children: [
-        !x && /* @__PURE__ */ i(gt, {}),
-        s && /* @__PURE__ */ m(M, { flexGrow: "0", children: [
+        !x && /* @__PURE__ */ i(At, {}),
+        s && /* @__PURE__ */ m(P, { flexGrow: "0", children: [
           s,
-          /* @__PURE__ */ i(xe, { variant: "middle", sx: { marginY: "0.5rem" } })
+          /* @__PURE__ */ i(Se, { variant: "middle", sx: { marginY: "0.5rem" } })
         ] }),
-        /* @__PURE__ */ i(M, { flexGrow: "1", children: Array.isArray(a) ? /* @__PURE__ */ i(eo, { links: a }) : a }),
-        /* @__PURE__ */ m(M, { flexGrow: "0", children: [
-          /* @__PURE__ */ i(xe, { variant: "middle", sx: { marginY: "0.5rem" } }),
-          /* @__PURE__ */ i(ro, { user: r, domainCode: c, open: e, useNewAvatar: l }),
-          p && /* @__PURE__ */ i(O, { children: p })
+        /* @__PURE__ */ i(P, { flexGrow: "1", children: Array.isArray(a) ? /* @__PURE__ */ i(oo, { links: a }) : a }),
+        /* @__PURE__ */ m(P, { flexGrow: "0", children: [
+          /* @__PURE__ */ i(Se, { variant: "middle", sx: { marginY: "0.5rem" } }),
+          /* @__PURE__ */ i(ao, { user: r, domainCode: c, open: e, useNewAvatar: l }),
+          p && /* @__PURE__ */ i($, { children: p })
         ] })
       ]
     }
   ) });
 }
-function ao({
+function co({
   children: e,
   topBarHeight: t,
   maxWidth: o = !1,
   noPadding: n
 }) {
   return /* @__PURE__ */ i(
-    M,
+    P,
     {
       sx: {
         overflow: "auto",
         height: `calc(100vh - ${t}px)`,
         flexGrow: 1
       },
-      children: n ? /* @__PURE__ */ i(M, { component: "main", id: "main-content", height: "inherit", children: e }) : /* @__PURE__ */ i(
-        xt,
+      children: n ? /* @__PURE__ */ i(P, { component: "main", id: "main-content", height: "inherit", children: e }) : /* @__PURE__ */ i(
+        Ct,
         {
           component: "main",
           id: "main-content",
@@ -1060,18 +1055,18 @@ function ao({
     }
   );
 }
-const lo = "TopBar", co = {
-  titleText: `${lo}-titleText`
+const uo = "TopBar", po = {
+  titleText: `${uo}-titleText`
 };
-function uo({
+function ho({
   titleText: e = "",
   height: t,
   "data-testid": o,
   middle: n
 }) {
-  const s = Re(J), a = () => s((c) => !c), p = Z(), r = Xe();
+  const s = He(J), a = () => s((c) => !c), p = Z(), r = Je();
   return /* @__PURE__ */ i("header", { "data-testid": o, children: /* @__PURE__ */ m(
-    Me,
+    Te,
     {
       square: !0,
       elevation: 0,
@@ -1089,22 +1084,22 @@ function uo({
       },
       children: [
         /* @__PURE__ */ i(
-          At,
+          St,
           {
             size: "medium",
             color: "inherit",
             sx: { padding: 1.5, marginLeft: "12px" },
             onClick: a,
-            children: /* @__PURE__ */ i(vt, { fontSize: "medium" })
+            children: /* @__PURE__ */ i(Dt, { fontSize: "medium" })
           }
         ),
-        /* @__PURE__ */ i(_, { className: co.titleText, variant: "h6", component: "h1", children: e }),
+        /* @__PURE__ */ i(I, { className: po.titleText, variant: "h6", component: "h1", children: e }),
         n
       ]
     }
   ) });
 }
-function qo({
+function Go({
   children: e,
   initialTitleText: t,
   initialNavBarOpen: o,
@@ -1118,25 +1113,25 @@ function qo({
   domainCode: x,
   useNewAvatar: C = !1
 }) {
-  Et([
+  It([
     [J, o != null ? o : !0],
-    [ye, t != null ? t : ""]
+    [Ee, t != null ? t : ""]
   ]);
-  const v = Ae(J), [g] = W(Yt), [w] = W(Qt), D = Ae(ye), [f] = W(Zt), [k] = W(Jt), [y] = W(jt);
-  return /* @__PURE__ */ m(Ce, { children: [
-    /* @__PURE__ */ i(Ft, {}),
+  const v = ve(J), [g] = H(Jt), [w] = H(Zt), k = ve(Ee), [f] = H(eo), [D] = H(jt), [y] = H(to);
+  return /* @__PURE__ */ m(we, { children: [
+    /* @__PURE__ */ i(_t, {}),
     /* @__PURE__ */ i(
-      uo,
+      ho,
       {
-        titleText: D,
+        titleText: k,
         "data-testid": a,
         height: f,
-        middle: k
+        middle: D
       }
     ),
-    /* @__PURE__ */ m(Ce, { sx: { display: "flex" }, children: [
+    /* @__PURE__ */ m(we, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ i(
-        so,
+        lo,
         {
           open: v,
           top: y,
@@ -1152,8 +1147,8 @@ function qo({
         }
       ),
       /* @__PURE__ */ i(
-        ao,
-        F(u({
+        co,
+        b(u({
           "data-testid": s,
           topBarHeight: f
         }, n), {
@@ -1163,7 +1158,7 @@ function qo({
     ] })
   ] });
 }
-const zo = Be({
+const Vo = qe({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1214,7 +1209,7 @@ const zo = Be({
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), Go = Be({
+}), Ko = qe({
   palette: {
     primary: {
       main: "#007236",
@@ -1268,18 +1263,18 @@ const zo = Be({
       styleOverrides: {
         root: ({ theme: e }) => ({
           "&.Mui-selected": {
-            backgroundColor: oe(
+            backgroundColor: ne(
               e.palette.secondary.main,
               e.palette.action.selectedOpacity
             ),
             "&:hover": {
-              backgroundColor: oe(
+              backgroundColor: ne(
                 e.palette.secondary.main,
                 e.palette.action.selectedOpacity
               )
             },
             "&.Mui-focusVisible": {
-              backgroundColor: oe(
+              backgroundColor: ne(
                 e.palette.secondary.main,
                 e.palette.action.focusOpacity
               )
@@ -1310,39 +1305,39 @@ const zo = Be({
   }
 });
 export {
-  He as AgDialog,
-  qo as AppLayout,
-  To as AuthGuard,
-  ze as Context,
-  Ge as ContextError,
-  Gt as DOMAIN_CODE_LABELS,
-  Oo as DomainCodeDialog,
-  _o as ExampleComponent,
-  Mo as FetchAutocomplete,
-  Po as MUI_AUTOCOMPLETE_VALUE_WARNING_REGEX,
-  Wt as SaladBarProvider,
-  $o as SessionExpiryDialog,
-  No as SingleAutocomplete,
-  Ro as determineUserLevelFromClaims,
-  zt as domainCodeAtom,
-  zo as fed21Theme,
-  _t as getAuth0Expiry,
-  Ke as getDomainOptionLabel,
-  Bo as getValidBusinessRoles,
-  Go as internalAgSystemsTheme,
+  ze as AgDialog,
+  Go as AppLayout,
+  Oo as AuthGuard,
+  Ke as Context,
+  Xe as ContextError,
+  Kt as DOMAIN_CODE_LABELS,
+  Uo as DomainCodeDialog,
+  Mo as ExampleComponent,
+  No as FetchAutocomplete,
+  To as MUI_AUTOCOMPLETE_VALUE_WARNING_REGEX,
+  zt as SaladBarProvider,
+  Lo as SessionExpiryDialog,
+  $o as SingleAutocomplete,
+  Bo as determineUserLevelFromClaims,
+  Vt as domainCodeAtom,
+  Vo as fed21Theme,
+  Mt as getAuth0Expiry,
+  Qe as getDomainOptionLabel,
+  Wo as getValidBusinessRoles,
+  Ko as internalAgSystemsTheme,
   J as navBarOpenAtom,
-  jt as navBarTopAtom,
-  Qt as navBarWidthClosedAtom,
-  Yt as navBarWidthOpenAtom,
-  io as simpleHashCode,
-  Ho as suppressConsole,
-  ye as titleTextAtom,
-  Zt as topBarHeightAtom,
-  Jt as topBarMiddleAtom,
-  Wo as unsuppressConsole,
-  qe as useAutocompleteOptions,
-  qt as useSaladBar,
-  Uo as useValidDomains,
-  Lo as withSaladBarProvider
+  to as navBarTopAtom,
+  Zt as navBarWidthClosedAtom,
+  Jt as navBarWidthOpenAtom,
+  so as simpleHashCode,
+  qo as suppressConsole,
+  Ee as titleTextAtom,
+  eo as topBarHeightAtom,
+  jt as topBarMiddleAtom,
+  zo as unsuppressConsole,
+  Ve as useAutocompleteOptions,
+  Gt as useSaladBar,
+  Ho as useValidDomains,
+  Ro as withSaladBarProvider
 };
 //# sourceMappingURL=index.js.map