@australiangreens/ag-internal-components 0.3.18 → 0.3.21

package/dist/esm/index.js

@@ -12,64 +12,64 @@ var ie = (e, t, o) => t in e ? ot(e, t, { enumerable: !0, configurable: !0, writ
 }, b = (e, t) => nt(e, it(t));
 var fe = (e, t) => {
   var o = {};
-  for (var i in e)
-    pe.call(e, i) && t.indexOf(i) < 0 && (o[i] = e[i]);
+  for (var n in e)
+    pe.call(e, n) && t.indexOf(n) < 0 && (o[n] = e[n]);
   if (e != null && J)
-    for (var i of J(e))
-      t.indexOf(i) < 0 && he.call(e, i) && (o[i] = e[i]);
+    for (var n of J(e))
+      t.indexOf(n) < 0 && he.call(e, n) && (o[n] = e[n]);
   return o;
 };
 var me = (e, t, o) => ie(e, typeof t != "symbol" ? t + "" : t, o);
-var N = (e, t, o) => new Promise((i, s) => {
-  var a = (l) => {
+var N = (e, t, o) => new Promise((n, r) => {
+  var s = (c) => {
     try {
-      r(o.next(l));
-    } catch (c) {
-      s(c);
+      a(o.next(c));
+    } catch (l) {
+      r(l);
     }
-  }, u = (l) => {
+  }, u = (c) => {
     try {
-      r(o.throw(l));
-    } catch (c) {
-      s(c);
+      a(o.throw(c));
+    } catch (l) {
+      r(l);
     }
-  }, r = (l) => l.done ? i(l.value) : Promise.resolve(l.value).then(a, u);
-  r((o = o.apply(e, t)).next());
+  }, a = (c) => c.done ? n(c.value) : Promise.resolve(c.value).then(s, u);
+  a((o = o.apply(e, t)).next());
 });
-import { jsxs as m, Fragment as M, jsx as n } from "react/jsx-runtime";
-import { useState as G, createElement as ae, useEffect as ge, useMemo as rt, createContext as st, useRef as re, useCallback as xe, useContext as at } from "react";
-import { Typography as I, Button as z, Paper as $e, Dialog as Me, LinearProgress as Le, DialogTitle as Oe, DialogContent as Re, DialogActions as Ue, Autocomplete as le, TextField as ce, CircularProgress as te, Box as P, Chip as lt, Tooltip as ct, Stack as dt, Snackbar as ut, Alert as pt, FormHelperText as ht, useTheme as oe, 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 wt, ArrowDropDown as vt, ViewHeadline as Dt } from "@mui/icons-material";
+import { jsxs as m, Fragment as M, jsx as i } from "react/jsx-runtime";
+import { useState as G, createElement as se, useEffect as ge, useMemo as rt, createContext as at, useRef as re, useCallback as xe, useContext as st } from "react";
+import { Typography as P, Button as W, Paper as $e, Dialog as Me, LinearProgress as Le, DialogTitle as Oe, DialogContent as Re, DialogActions as Ue, Autocomplete as le, TextField as ce, CircularProgress as te, Box as T, Chip as lt, Tooltip as ct, Stack as dt, Snackbar as ut, Alert as pt, FormHelperText as ht, useTheme as oe, 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 { useQuery as Be } from "@tanstack/react-query";
 import kt from "autosuggest-highlight/match";
 import yt from "autosuggest-highlight/parse";
 import { useAuth0 as de } from "@auth0/auth0-react";
 import { Buffer as bt } from "buffer";
 import Ft from "@mui/material/Skeleton";
-import { atom as L, useAtom as W, useSetAtom as He, useAtomValue as we } from "jotai";
+import { atom as L, useAtom as q, useSetAtom as He, useAtomValue as ve } from "jotai";
 import { createHelper as Et } from "souvlaki";
 import _t from "@mui/material/CssBaseline";
-import ve from "@mui/material/Box";
+import we from "@mui/material/Box";
 import { useHydrateAtoms as It } from "jotai/utils";
-import { styled as We, createTheme as qe, alpha as se } from "@mui/material/styles";
+import { styled as qe, createTheme as ze, alpha as ae } from "@mui/material/styles";
 import De from "react-avatar";
-function No({ text: e }) {
+function $o({ text: e }) {
   const [t, o] = G(0);
   return /* @__PURE__ */ m(M, { children: [
-    /* @__PURE__ */ n(I, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
-    /* @__PURE__ */ n(I, { variant: "caption", display: "block", children: /* @__PURE__ */ n("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
-    /* @__PURE__ */ n(
-      z,
+    /* @__PURE__ */ i(P, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
+    /* @__PURE__ */ i(P, { 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(
+      W,
       {
         variant: "outlined",
-        onClick: () => o((i) => i + 1),
+        onClick: () => o((n) => n + 1),
         "aria-label": "Increment",
         children: "Hello I am a button"
       }
     ),
     /* @__PURE__ */ m("p", { children: [
       "This is some text: ",
-      /* @__PURE__ */ n("span", { children: e })
+      /* @__PURE__ */ i("span", { children: e })
     ] }),
     /* @__PURE__ */ m($e, { children: [
       "This number will incremember when button pressed: ",
@@ -77,17 +77,17 @@ function No({ text: e }) {
     ] })
   ] });
 }
-const ze = ({
+const We = ({
   isOpen: e,
   dialogTitle: t,
   children: o,
-  maxWidth: i,
-  primaryButton: s,
-  secondaryButton: a,
+  maxWidth: n,
+  primaryButton: r,
+  secondaryButton: s,
   additionalButtons: u,
-  onClose: r,
-  sx: l,
-  "data-testid": c,
+  onClose: a,
+  sx: c,
+  "data-testid": l,
   disableCloseOnBackdropOrEscape: x = !1,
   isLoading: A = !1
 }) => {
@@ -98,31 +98,31 @@ const ze = ({
     {
       open: e,
       onClose: (h, k) => N(null, null, function* () {
-        x && (k === "backdropClick" || k === "escapeKeyDown") || D || (a != null && a.onClick ? yield a.onClick() : r());
+        x && (k === "backdropClick" || k === "escapeKeyDown") || D || (s != null && s.onClick ? yield s.onClick() : a());
       }),
       fullWidth: !0,
-      maxWidth: i != null ? i : "xs",
-      "data-testid": c,
-      sx: l,
+      maxWidth: n != null ? n : "xs",
+      "data-testid": l,
+      sx: c,
       children: [
-        A && /* @__PURE__ */ n(Le, { sx: { height: "4px", marginBottom: "-4px" } }),
-        /* @__PURE__ */ n(Oe, { children: t }),
-        /* @__PURE__ */ n(Re, { sx: { "& > :last-child": { marginBottom: 0 } }, children: o }),
+        A && /* @__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__ */ n(
-            z,
+          /* @__PURE__ */ i(
+            W,
             {
-              onClick: (S = a == null ? void 0 : a.onClick) != null ? S : r,
-              "data-testid": a == null ? void 0 : a.testId,
-              disabled: (a == null ? void 0 : a.disabled) || D,
-              color: a == null ? void 0 : a.buttonColor,
-              children: (y = a == null ? void 0 : a.text) != null ? y : "Cancel"
+              onClick: (S = s == null ? void 0 : s.onClick) != null ? S : a,
+              "data-testid": s == null ? void 0 : s.testId,
+              disabled: (s == null ? void 0 : s.disabled) || D,
+              color: s == null ? void 0 : s.buttonColor,
+              children: (y = s == null ? void 0 : s.text) != null ? y : "Cancel"
             }
           ),
           u && u.map((h, k) => {
             var F;
-            return /* @__PURE__ */ n(
-              z,
+            return /* @__PURE__ */ i(
+              W,
               {
                 onClick: h == null ? void 0 : h.onClick,
                 "data-testid": h == null ? void 0 : h.testId,
@@ -133,17 +133,17 @@ const ze = ({
               k
             );
           }),
-          s && /* @__PURE__ */ n(
-            z,
+          r && /* @__PURE__ */ i(
+            W,
             {
               onClick: () => N(null, null, function* () {
                 var h;
-                g(!0), yield (h = s.onClick) == null ? void 0 : h.call(s), g(!1);
+                g(!0), yield (h = r.onClick) == null ? void 0 : h.call(r), g(!1);
               }),
-              "data-testid": s.testId,
-              disabled: s.disabled || D,
-              color: s == null ? void 0 : s.buttonColor,
-              children: s.text
+              "data-testid": r.testId,
+              disabled: r.disabled || D,
+              color: r == null ? void 0 : r.buttonColor,
+              children: r.text
             }
           )
         ] })
@@ -167,62 +167,62 @@ const ze = ({
   minLength: e,
   preLoadedOptions: t,
   lookup: o,
-  label: i,
-  inputValue: s
+  label: n,
+  inputValue: r
 }) => Be({
-  queryFn: () => e && s.length < e ? t != null ? t : [] : t ? t.filter(
-    (a) => a.label.toLowerCase().includes(s.toLowerCase())
-  ) : o(s),
-  queryKey: ["autocomplete", i, s]
+  queryFn: () => e && r.length < e ? t != null ? t : [] : t ? t.filter(
+    (s) => s.label.toLowerCase().includes(r.toLowerCase())
+  ) : o(r),
+  queryKey: ["autocomplete", n, r]
 });
-function $o({
+function Mo({
   lookup: e = () => N(null, null, function* () {
   }),
   enableHighlighting: t = !0,
   onChange: o,
-  onInputChange: i,
-  minLength: s = 0,
-  label: a,
+  onInputChange: n,
+  minLength: r = 0,
+  label: s,
   value: u,
-  "data-testid": r,
-  sx: l,
-  boxSx: c,
+  "data-testid": a,
+  sx: c,
+  boxSx: l,
   textFieldColor: x,
   textFieldVariant: A = "filled",
   textFieldFocused: D,
   textFieldSx: g,
   loadingText: S = "Loading...",
   noOptionsText: y = "No options",
-  popupIcon: h = /* @__PURE__ */ n(vt, {}),
+  popupIcon: h = /* @__PURE__ */ i(wt, {}),
   error: k = !1,
   helperText: F = "",
-  preLoadedOptions: T = void 0,
+  preLoadedOptions: _ = void 0,
   disablePortal: V = !1,
   disableIconFlip: K = !1,
-  chipToolTipSlotProps: _ = Pt,
+  chipToolTipSlotProps: I = Pt,
   placeholderText: O = void 0,
   onRightClick: X = () => {
   },
   disableDefaultRightClickBehaviour: U = !1,
   readOnly: R,
-  hideInputEndAdornment: v
+  hideInputEndAdornment: w
 }) {
-  const [C, B] = G(""), Q = (p, w) => {
-    const $ = u.filter((ne) => ne.id !== w);
+  const [C, B] = G(""), Q = (p, v) => {
+    const $ = u.filter((ne) => ne.id !== v);
     o($, "delete", p);
   }, { data: f, isLoading: E } = Ve({
     inputValue: C,
-    label: a,
+    label: s,
     lookup: e,
-    minLength: s,
-    preLoadedOptions: T
-  }), H = C.length >= s;
-  return /* @__PURE__ */ m("div", { "data-testid": r, children: [
-    /* @__PURE__ */ n(
+    minLength: r,
+    preLoadedOptions: _
+  }), H = C.length >= r;
+  return /* @__PURE__ */ m("div", { "data-testid": a, children: [
+    /* @__PURE__ */ i(
       le,
       {
-        sx: d(d({}, l), K ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
-        "data-testid": r ? `${r}:Autocomplete` : void 0,
+        sx: d(d({}, c), K ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
+        "data-testid": a ? `${a}:Autocomplete` : void 0,
         disablePortal: V,
         multiple: !0,
         getOptionLabel: (p) => typeof p == "string" ? p : p.label,
@@ -231,19 +231,19 @@ function $o({
         filterSelectedOptions: !0,
         includeInputInList: !0,
         value: u,
-        onChange: (p, w, $) => {
-          o(w, $, p);
+        onChange: (p, v, $) => {
+          o(v, $, p);
         },
-        onInputChange: (p, w, $) => {
-          B(w), i && i(u, $, p);
+        onInputChange: (p, v, $) => {
+          B(v), n && n(u, $, p);
         },
         noOptionsText: H ? y : "Start typing to search",
         loadingText: S,
         popupIcon: h,
-        renderInput: (p) => /* @__PURE__ */ n(
+        renderInput: (p) => /* @__PURE__ */ i(
           ce,
           b(d({}, p), {
-            label: a,
+            label: s,
             fullWidth: !0,
             variant: A,
             error: k,
@@ -251,15 +251,15 @@ function $o({
             autoComplete: "off",
             slotProps: {
               input: b(d({}, p.InputProps), {
-                endAdornment: v ? void 0 : /* @__PURE__ */ m(M, { children: [
-                  E ? /* @__PURE__ */ n(te, { color: "inherit", size: 20 }) : null,
+                endAdornment: w ? void 0 : /* @__PURE__ */ m(M, { children: [
+                  E ? /* @__PURE__ */ i(te, { color: "inherit", size: 20 }) : null,
                   p.InputProps.endAdornment
                 ] })
               })
             },
-            "data-testid": r ? `${r}:Autocomplete:TextField` : void 0,
-            onKeyDown: (w) => {
-              (w.key === "Backspace" || w.key === "Delete") && w.stopPropagation();
+            "data-testid": a ? `${a}:Autocomplete:TextField` : void 0,
+            onKeyDown: (v) => {
+              (v.key === "Backspace" || v.key === "Delete") && v.stopPropagation();
             },
             color: x,
             placeholder: O,
@@ -268,20 +268,20 @@ function $o({
           })
         ),
         renderValue: () => null,
-        isOptionEqualToValue: (p, w) => p.id === w.id,
-        renderOption: (p, w, $) => {
+        isOptionEqualToValue: (p, v) => p.id === v.id,
+        renderOption: (p, v, $) => {
           if (t) {
-            const ne = kt(w.label, $.inputValue, {
+            const ne = kt(v.label, $.inputValue, {
               insideWords: !0,
               findAllOccurrences: !0
-            }), et = yt(w.label, ne);
-            return /* @__PURE__ */ ae(
+            }), et = yt(v.label, ne);
+            return /* @__PURE__ */ se(
               "li",
               b(d({}, p), {
-                key: w.id,
-                "data-testid": r ? `${r}:Autocomplete:option(${w.id.toString()})` : void 0
+                key: v.id,
+                "data-testid": a ? `${a}:Autocomplete:option(${v.id.toString()})` : void 0
               }),
-              /* @__PURE__ */ n("div", { children: et.map((ue, tt) => /* @__PURE__ */ n(
+              /* @__PURE__ */ i("div", { children: et.map((ue, tt) => /* @__PURE__ */ i(
                 "span",
                 {
                   style: {
@@ -293,13 +293,13 @@ function $o({
               )) })
             );
           } else
-            return /* @__PURE__ */ ae(
+            return /* @__PURE__ */ se(
               "li",
               b(d({}, p), {
-                key: w.id,
-                "data-testid": r ? `${r}:option(${w.id.toString()})` : void 0
+                key: v.id,
+                "data-testid": a ? `${a}:option(${v.id.toString()})` : void 0
               }),
-              w.label
+              v.label
             );
         },
         onMouseDownCapture: (p) => {
@@ -311,9 +311,9 @@ function $o({
         readOnly: R
       }
     ),
-    u.length > 0 && /* @__PURE__ */ n(P, { sx: c, children: u.map((p) => {
-      var w;
-      return /* @__PURE__ */ n(
+    u.length > 0 && /* @__PURE__ */ i(T, { sx: l, children: u.map((p) => {
+      var v;
+      return /* @__PURE__ */ i(
         lt,
         {
           sx: {
@@ -321,21 +321,21 @@ function $o({
             marginRight: 1,
             height: "auto"
           },
-          label: /* @__PURE__ */ n(
+          label: /* @__PURE__ */ i(
             ct,
             {
-              title: (w = p.tooltipContent) != null ? w : "",
+              title: (v = p.tooltipContent) != null ? v : "",
               placement: "bottom-start",
-              slotProps: _,
-              children: /* @__PURE__ */ n(I, { style: { whiteSpace: "normal" }, children: p.chipLabel ? p.chipLabel : p.label })
+              slotProps: I,
+              children: /* @__PURE__ */ i(P, { style: { whiteSpace: "normal" }, children: p.chipLabel ? p.chipLabel : p.label })
             }
           ),
-          "data-testid": r ? `${r}:Chip(${p.id.toString()})` : void 0,
+          "data-testid": a ? `${a}:Chip(${p.id.toString()})` : void 0,
           onDelete: ($) => Q($, p.id),
-          deleteIcon: /* @__PURE__ */ n(
-            wt,
+          deleteIcon: /* @__PURE__ */ i(
+            vt,
             {
-              "data-testid": r ? `${r}:Chip(${p.id.toString()}):deleteIcon` : void 0
+              "data-testid": a ? `${a}:Chip(${p.id.toString()}):deleteIcon` : void 0
             }
           )
         },
@@ -344,18 +344,18 @@ function $o({
     }) })
   ] });
 }
-const Mo = /MUI: The value provided to.*is invalid/i, Lo = ({
+const Lo = /MUI: The value provided to.*is invalid/i, Oo = ({
   lookup: e = () => N(null, null, function* () {
   }),
   onChange: t,
   onInputChange: o,
-  label: i,
-  value: s,
-  sx: a,
+  label: n,
+  value: r,
+  sx: s,
   textFieldColor: u,
-  textFieldVariant: r = "filled",
-  textFieldFocused: l,
-  textFieldSx: c,
+  textFieldVariant: a = "filled",
+  textFieldFocused: c,
+  textFieldSx: l,
   error: x = !1,
   "data-testid": A,
   loadingText: D = "Loading...",
@@ -365,23 +365,23 @@ const Mo = /MUI: The value provided to.*is invalid/i, Lo = ({
   preLoadedOptions: h,
   helperText: k = "",
   disabled: F,
-  popupIcon: T,
+  popupIcon: _,
   disableIconFlip: V,
   placeholderText: K = void 0,
-  onRightClick: _ = () => {
+  onRightClick: I = () => {
   },
   disableDefaultRightClickBehaviour: O = !1,
   readOnly: X,
   hideInputEndAdornment: U
 }) => {
-  const [R, v] = G(""), { data: C, isLoading: B } = Ve({
+  const [R, w] = G(""), { data: C, isLoading: B } = Ve({
     inputValue: R,
-    label: i,
+    label: n,
     lookup: e,
     minLength: S != null ? S : 0,
     preLoadedOptions: h
   }), Q = R.length >= S;
-  return /* @__PURE__ */ n("div", { "data-testid": A, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ i("div", { "data-testid": A, children: /* @__PURE__ */ i(
     dt,
     {
       direction: "row",
@@ -390,12 +390,12 @@ const Mo = /MUI: The value provided to.*is invalid/i, Lo = ({
         f.button === Ge.right && O && (f.preventDefault(), f.stopPropagation());
       },
       onContextMenuCapture: (f) => {
-        O && (f.preventDefault(), f.stopPropagation()), _(f);
+        O && (f.preventDefault(), f.stopPropagation()), I(f);
       },
-      children: /* @__PURE__ */ n(
+      children: /* @__PURE__ */ i(
         le,
         {
-          sx: d(d({}, a), V ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
+          sx: d(d({}, s), V ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
           "data-testid": A ? `${A}:Autocomplete` : void 0,
           loading: Q ? B : !1,
           options: C != null ? C : [],
@@ -404,18 +404,18 @@ const Mo = /MUI: The value provided to.*is invalid/i, Lo = ({
           },
           disablePortal: y,
           filterOptions: (f) => f,
-          value: s,
+          value: r,
           noOptionsText: Q ? g : "Start typing to search",
           loadingText: D,
           getOptionLabel: (f) => f.label,
-          popupIcon: T,
-          renderInput: (f) => /* @__PURE__ */ n(
+          popupIcon: _,
+          renderInput: (f) => /* @__PURE__ */ i(
             ce,
             b(d({
               "data-testid": A ? `${A}:Autocomplete:TextField` : void 0
             }, f), {
-              variant: r,
-              label: i,
+              variant: a,
+              label: n,
               color: u,
               error: x,
               helperText: k,
@@ -423,21 +423,21 @@ const Mo = /MUI: The value provided to.*is invalid/i, Lo = ({
               slotProps: {
                 input: b(d({}, f.InputProps), {
                   endAdornment: U ? void 0 : /* @__PURE__ */ m(M, { children: [
-                    B ? /* @__PURE__ */ n(te, { color: "inherit", size: 20 }) : null,
+                    B ? /* @__PURE__ */ i(te, { color: "inherit", size: 20 }) : null,
                     f.InputProps.endAdornment
                   ] })
                 })
               },
               placeholder: K,
-              sx: c,
-              focused: l
+              sx: l,
+              focused: c
             })
           ),
           isOptionEqualToValue: (f, E) => f.id === E.id,
           onInputChange: (f, E, H) => {
-            v(E), o && o(E, H, f);
+            w(E), o && o(E, H, f);
           },
-          renderOption: (f, E) => /* @__PURE__ */ ae(
+          renderOption: (f, E) => /* @__PURE__ */ se(
             "li",
             b(d({}, f), {
               key: E.id,
@@ -455,29 +455,29 @@ const Mo = /MUI: The value provided to.*is invalid/i, Lo = ({
   if (!e)
     return -1;
   try {
-    const o = e.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"), i = decodeURIComponent(
-      bt.from(o, "base64").toString("utf8").split("").map(function(a) {
-        return "%" + ("00" + a.charCodeAt(0).toString(16)).slice(-2);
+    const o = e.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"), n = decodeURIComponent(
+      bt.from(o, "base64").toString("utf8").split("").map(function(s) {
+        return "%" + ("00" + s.charCodeAt(0).toString(16)).slice(-2);
       }).join("")
-    ), s = JSON.parse(i);
-    return s != null && s.exp ? s.exp : -1;
+    ), r = JSON.parse(n);
+    return r != null && r.exp ? r.exp : -1;
   } catch (t) {
     return -1;
   }
-}, Oo = ({
+}, Ro = ({
   open: e = !1,
   closeHandler: t,
   setAuth0ExpiryTime: o
 }) => {
-  const { logout: i, getAccessTokenSilently: s } = de();
-  return /* @__PURE__ */ n(
-    ze,
+  const { logout: n, getAccessTokenSilently: r } = de();
+  return /* @__PURE__ */ i(
+    We,
     {
       isOpen: e,
       primaryButton: {
         text: "Continue",
         onClick: () => N(null, null, function* () {
-          const c = yield s({ cacheMode: "off" }), x = Tt(c) * 1e3;
+          const l = yield r({ cacheMode: "off" }), x = Tt(l) * 1e3;
           o(x), t();
         }),
         disabled: !1,
@@ -487,7 +487,7 @@ const Mo = /MUI: The value provided to.*is invalid/i, Lo = ({
       secondaryButton: {
         text: "Log out",
         onClick: () => N(null, null, function* () {
-          i({ logoutParams: { returnTo: `${window.location.origin}` } });
+          n({ logoutParams: { returnTo: `${window.location.origin}` } });
         }),
         disabled: !1,
         testId: "PreferencesDialog",
@@ -496,7 +496,7 @@ const Mo = /MUI: The value provided to.*is invalid/i, Lo = ({
       onClose: t,
       dialogTitle: "Session expiry",
       disableCloseOnBackdropOrEscape: !0,
-      children: /* @__PURE__ */ n("p", { style: { marginBottom: 0 }, children: "Your session is about to time out due to inactivity. Do you want to continue?" })
+      children: /* @__PURE__ */ i("p", { style: { marginBottom: 0 }, children: "Your session is about to time out due to inactivity. Do you want to continue?" })
     }
   );
 };
@@ -504,33 +504,33 @@ function Nt(e) {
   return "error" in e;
 }
 function $t(e) {
-  var i;
-  const t = e.error, o = (i = e == null ? void 0 : e.error_description) != null ? i : "";
+  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 Mt(e) {
-  var i;
-  const t = e.error, o = (i = e == null ? void 0 : e.error_description) != null ? i : "";
+  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 Lt(e) {
-  var i;
-  const t = e.error, o = (i = e == null ? void 0 : e.error_description) != null ? i : "";
+  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 Ro({
+function Uo({
   children: e,
   appName: t = "the app",
   throwErrors: o = "none",
-  disableConsoleLogging: i = !1,
-  onError: s = () => {
+  disableConsoleLogging: n = !1,
+  onError: r = () => {
   }
 }) {
   var A, D;
-  const { isAuthenticated: a, isLoading: u, error: r, loginWithRedirect: l, logout: c } = de();
+  const { isAuthenticated: s, isLoading: u, error: a, loginWithRedirect: c, logout: l } = de();
   ge(() => {
-    r && s(r);
-  }, [r, s]);
+    a && r(a);
+  }, [a, r]);
   const x = rt(
     () => ({
       appState: {
@@ -540,48 +540,48 @@ function Ro({
     []
   );
   if (ge(() => {
-    u || a || r || l(x);
-  }, [u, a, r, l, s, x]), r) {
-    if (i || console.error(
-      `Error detected in AuthGuard [isAuthenticated=${a},isLoading=${u}]`,
-      r
+    u || s || a || c(x);
+  }, [u, s, a, c, r, x]), a) {
+    if (n || console.error(
+      `Error detected in AuthGuard [isAuthenticated=${s},isLoading=${u}]`,
+      a
     ), o === "all")
-      throw r;
-    if (Nt(r)) {
+      throw a;
+    if (Nt(a)) {
       let g = "Auth error", S = "An unknown Auth0 error occurred.";
-      if ($t(r))
+      if ($t(a))
         g = "Unauthorised", S = `You are not authorised to access ${t}.`;
-      else if (Mt(r))
+      else if (Mt(a))
         g = "App not authorised", S = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`;
-      else if (Lt(r))
+      else if (Lt(a))
         g = "Auth0 script execution time exceeded", S = "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") {
+      else if (a.message === "Invalid state") {
         const y = localStorage.getItem("auth0_redirect_count");
-        y ? y && parseInt(y) < 2 && (localStorage.setItem("auth0_redirect_count", String(parseInt(y) + 1)), l(x)) : (localStorage.setItem("auth0_redirect_count", "1"), l(x));
-      } else if (o === "unknown") throw r;
+        y ? y && parseInt(y) < 2 && (localStorage.setItem("auth0_redirect_count", String(parseInt(y) + 1)), c(x)) : (localStorage.setItem("auth0_redirect_count", "1"), c(x));
+      } else if (o === "unknown") throw a;
       return /* @__PURE__ */ m(Me, { open: !0, children: [
-        /* @__PURE__ */ n(Oe, { children: g }),
+        /* @__PURE__ */ i(Oe, { children: g }),
         /* @__PURE__ */ m(Re, { children: [
-          /* @__PURE__ */ n(I, { children: S }),
-          /* @__PURE__ */ n("br", {}),
-          /* @__PURE__ */ n(I, { variant: "subtitle2", children: "Details from Auth0" }),
-          /* @__PURE__ */ m(I, { variant: "body2", children: [
+          /* @__PURE__ */ i(P, { children: S }),
+          /* @__PURE__ */ i("br", {}),
+          /* @__PURE__ */ i(P, { variant: "subtitle2", children: "Details from Auth0" }),
+          /* @__PURE__ */ m(P, { variant: "body2", children: [
             "error: ",
-            (A = r == null ? void 0 : r.error) != null ? A : "N/A"
+            (A = a == null ? void 0 : a.error) != null ? A : "N/A"
           ] }),
-          /* @__PURE__ */ m(I, { variant: "body2", children: [
+          /* @__PURE__ */ m(P, { variant: "body2", children: [
             "description: ",
-            (D = r == null ? void 0 : r.error_description) != null ? D : "N/A"
+            (D = a == null ? void 0 : a.error_description) != null ? D : "N/A"
           ] })
         ] }),
         /* @__PURE__ */ m(Ue, { children: [
-          g === "Auth0 script execution time exceeded" && /* @__PURE__ */ n(z, { href: window.location.origin + window.location.pathname, children: "Reload" }),
-          /* @__PURE__ */ n(z, { onClick: () => c({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" })
+          g === "Auth0 script execution time exceeded" && /* @__PURE__ */ i(W, { href: window.location.origin + window.location.pathname, children: "Reload" }),
+          /* @__PURE__ */ i(W, { onClick: () => l({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" })
         ] })
       ] });
-    } else if (o === "unknown") throw r;
+    } else if (o === "unknown") throw a;
   }
-  return a ? (localStorage.removeItem("auth0_redirect_count"), /* @__PURE__ */ n(M, { children: e })) : /* @__PURE__ */ n(Ft, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
+  return s ? (localStorage.removeItem("auth0_redirect_count"), /* @__PURE__ */ i(M, { children: e })) : /* @__PURE__ */ i(Ft, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
 }
 const Ot = {
   autoHideDuration: 6e3,
@@ -603,43 +603,43 @@ const Ot = {
 })(), Ht = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
-}, Wt = {}, qt = {}, Ke = st(null);
-function zt(a) {
-  var u = a, {
-    overrideState: e = Wt,
-    overrideActions: t = qt,
+}, qt = {}, zt = {}, Ke = at(null);
+function Wt(s) {
+  var u = s, {
+    overrideState: e = qt,
+    overrideActions: t = zt,
     shouldClose: o = Rt.shouldClose,
-    children: i
-  } = u, s = fe(u, [
+    children: n
+  } = u, r = fe(u, [
     "overrideState",
     "overrideActions",
     "shouldClose",
     "children"
   ]);
   var R;
-  const [{ open: r }, l] = G({ open: !1 }), c = re([]), x = re(Date.now()), A = re(0), D = xe((v) => {
-    l({ open: v });
-  }, []), g = xe((v = {}) => {
-    A.current += 1, c.current.length >= ye && Date.now() - x.current >= be && (x.current = Date.now(), console.error(
+  const [{ open: a }, c] = G({ open: !1 }), l = re([]), x = re(Date.now()), A = re(0), D = xe((w) => {
+    c({ open: w });
+  }, []), g = xe((w = {}) => {
+    A.current += 1, l.current.length >= ye && Date.now() - x.current >= be && (x.current = Date.now(), console.error(
       `SaladBarProvider: MAX_QUEUE_LENGTH (${ye}) hit ${A.current} times in last ${be}ms)`
     ), A.current = 0);
     const C = d(b(d({}, ke), {
       key: Bt()
-    }), v);
-    return c.current.push(C), c.current.length === 1 && l({ open: !0 }), C.key;
-  }, []), S = (v = "", C = {}) => g(d({ message: v, severity: "success" }, C)), y = (v = "", C = {}) => g(d({ message: v, severity: "info" }, C)), h = (v = "", C = {}) => g(d({ message: v, severity: "warning" }, C)), k = (v = "", C = {}) => g(d({ message: v, severity: "error" }, C)), F = (v) => {
-    const C = c.current.findIndex((B) => B.key === v);
+    }), w);
+    return l.current.push(C), l.current.length === 1 && c({ open: !0 }), C.key;
+  }, []), S = (w = "", C = {}) => g(d({ message: w, severity: "success" }, C)), y = (w = "", C = {}) => g(d({ message: w, severity: "info" }, C)), h = (w = "", C = {}) => g(d({ message: w, severity: "warning" }, C)), k = (w = "", C = {}) => g(d({ message: w, severity: "error" }, C)), F = (w) => {
+    const C = l.current.findIndex((B) => B.key === w);
     if (C !== -1)
-      return C === 0 ? (l({ open: !1 }), c.current[0]) : c.current.splice(C, 1);
-  }, T = (v, C) => {
-    o(v, C) && l({ open: !1 });
+      return C === 0 ? (c({ open: !1 }), l.current[0]) : l.current.splice(C, 1);
+  }, _ = (w, C) => {
+    o(w, C) && c({ open: !1 });
   }, V = () => {
   }, K = () => {
-    c.current.shift(), c.current.length > 0 && l({ open: !0 });
-  }, _ = (R = c.current[0]) != null ? R : d({}, ke), O = {};
-  "autoHideDuration" in _ && (O.autoHideDuration = _.autoHideDuration);
-  const X = d(d({}, Ot), s), U = d(d({
-    open: r,
+    l.current.shift(), l.current.length > 0 && c({ open: !0 });
+  }, I = (R = l.current[0]) != null ? R : d({}, ke), O = {};
+  "autoHideDuration" in I && (O.autoHideDuration = I.autoHideDuration);
+  const X = d(d({}, Ot), r), U = d(d({
+    open: a,
     setOpen: D,
     enqueueNotification: g,
     enqueueSuccessNotification: S,
@@ -649,30 +649,30 @@ function zt(a) {
     removeNotification: F
   }, e), t);
   return /* @__PURE__ */ m(Ke.Provider, { value: U, children: [
-    i,
-    /* @__PURE__ */ n(
+    n,
+    /* @__PURE__ */ i(
       ut,
       b(d(d({}, X), O), {
-        open: r,
-        onClose: T,
+        open: a,
+        onClose: _,
         TransitionProps: {
           onExited: K,
           onExit: V
         },
         sx: { zIndex: Ut },
         children: /* @__PURE__ */ m("div", { children: [
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ i(
             pt,
             {
-              onClose: (v) => T(v, "closeAlert"),
-              severity: _.severity,
+              onClose: (w) => _(w, "closeAlert"),
+              severity: I.severity,
               variant: "filled",
-              icon: _.progressIndicator === "circular" ? /* @__PURE__ */ n(te, { size: "1em" }) : void 0,
-              style: _.progressIndicator === "linear" ? Ht : void 0,
-              children: _.message
+              icon: I.progressIndicator === "circular" ? /* @__PURE__ */ i(te, { size: "1em" }) : void 0,
+              style: I.progressIndicator === "linear" ? Ht : void 0,
+              children: I.message
             }
           ),
-          _.progressIndicator === "linear" && /* @__PURE__ */ n(Le, { color: "primary" })
+          I.progressIndicator === "linear" && /* @__PURE__ */ i(Le, { color: "primary" })
         ] })
       })
     )
@@ -682,13 +682,13 @@ class Xe extends Error {
 }
 me(Xe, "errorName", "ContextError");
 function Gt() {
-  const e = at(Ke);
+  const e = st(Ke);
   if (e === null)
     throw new Xe("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
   return e;
 }
-const Uo = Et(
-  (e = { autoHideDuration: 1 }, t = {}, o = {}) => ({ children: i }) => /* @__PURE__ */ n(zt, b(d({}, e), { overrideState: t, overrideActions: o, children: /* @__PURE__ */ n(M, { children: i }) }))
+const Bo = Et(
+  (e = { autoHideDuration: 1 }, t = {}, o = {}) => ({ children: n }) => /* @__PURE__ */ i(Wt, b(d({}, e), { overrideState: t, overrideActions: o, children: /* @__PURE__ */ i(M, { children: n }) }))
 ), Ye = "domainCode";
 var Ne;
 const Fe = L(
@@ -713,30 +713,30 @@ const Fe = L(
 }, Qe = (e) => {
   var t;
   return e === null ? "N/A" : (t = Kt[e]) != null ? t : "";
-}, Bo = ({
+}, Ho = ({
   isLoading: e,
   isOpen: t,
   onClose: o,
-  onDomainChange: i,
-  domainOptions: s,
-  applicationName: a,
+  onDomainChange: n,
+  domainOptions: r,
+  applicationName: s,
   handleLogout: u
 }) => {
-  const [r, l] = W(Vt), [c, x] = G(r), { enqueueSuccessNotification: A } = Gt(), D = s.length === 0, g = !!r && !s.includes(r) && !s.includes(c), S = !r || D || g, y = () => N(null, null, function* () {
-    c ? (l(c), i == null || i(c), A(`Set organisation to ${c}`), o()) : (l(""), i == null || i(""));
+  const [a, c] = q(Vt), [l, x] = G(a), { enqueueSuccessNotification: A } = Gt(), D = r.length === 0, g = !!a && !r.includes(a) && !r.includes(l), S = !a || D || g, y = () => N(null, null, function* () {
+    l ? (c(l), n == null || n(l), A(`Set organisation to ${l}`), o()) : (c(""), n == null || n(""));
   }), h = () => N(null, null, function* () {
-    r && !D && !g ? (x(r), o()) : S && u();
+    a && !D && !g ? (x(a), o()) : S && u();
   });
   let k;
   return D ? 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(
-    ze,
+    We,
     {
       isOpen: t,
       dialogTitle: "Select an organisation",
       primaryButton: {
         text: "Confirm",
         onClick: y,
-        disabled: !c || D || g,
+        disabled: !l || D || g,
         buttonColor: "primary"
       },
       secondaryButton: {
@@ -746,29 +746,29 @@ const Fe = L(
       onClose: S ? () => {
       } : o,
       children: [
-        /* @__PURE__ */ m(I, { marginBottom: 2, children: [
+        /* @__PURE__ */ m(P, { marginBottom: 2, children: [
           "Select the default organisation that you want to use with the ",
-          a,
+          s,
           "."
         ] }),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ i(
           le,
           {
             loading: e,
             multiple: !1,
             disableClearable: !1,
-            value: c !== "" ? c : null,
-            onChange: (F, T) => x(T != null ? T : ""),
+            value: l !== "" ? l : null,
+            onChange: (F, _) => x(_ != null ? _ : ""),
             getOptionLabel: Qe,
-            options: [...s.toSorted()],
-            renderInput: (F) => /* @__PURE__ */ n(
+            options: [...r.toSorted()],
+            renderInput: (F) => /* @__PURE__ */ i(
               ce,
               b(d({}, F), {
                 variant: "filled",
                 label: "Select organisation",
                 InputProps: b(d({}, F.InputProps), {
                   endAdornment: /* @__PURE__ */ m(M, { children: [
-                    e ? /* @__PURE__ */ n(te, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
+                    e ? /* @__PURE__ */ i(te, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
                     F.InputProps.endAdornment
                   ] })
                 })
@@ -776,7 +776,7 @@ const Fe = L(
             )
           }
         ),
-        k && /* @__PURE__ */ n(ht, { error: !0, children: k })
+        k && /* @__PURE__ */ i(ht, { error: !0, children: k })
       ]
     }
   );
@@ -785,7 +785,7 @@ const Fe = L(
   return ft(e.breakpoints.down("sm"));
 }, Xt = 64, Yt = 72, Qt = 256, ee = L(!0), Jt = L(Qt), Zt = L(Yt), Ee = L(""), jt = L(void 0), eo = L(Xt), to = L(void 0);
 function oo({ links: e }) {
-  return /* @__PURE__ */ n("div", { children: "LinksMenu not implemented yet" });
+  return /* @__PURE__ */ i("div", { children: "LinksMenu not implemented yet" });
 }
 const Z = "Navbar", Y = {
   root: `${Z}-root`,
@@ -795,7 +795,7 @@ const Z = "Navbar", Y = {
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, no = We(P, { name: "NavBar" })(({ theme: e }) => ({
+}, no = qe(T, { name: "NavBar" })(({ theme: e }) => ({
   [`&.${Y.root}`]: {
     display: "flex"
   },
@@ -814,12 +814,12 @@ const Z = "Navbar", Y = {
   //   marginTop: '64px',
   //   marginBottom: '16px',
   // },
-})), q = (e, t, o) => e.transitions.create(t, {
+})), z = (e, t, o) => e.transitions.create(t, {
   easing: e.transitions.easing.sharp,
   duration: o === "leaving" ? e.transitions.duration.leavingScreen : e.transitions.duration.enteringScreen
 }), io = (e) => {
   const t = oe();
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ i(
     gt,
     d({
       easing: t.transitions.easing.sharp,
@@ -839,13 +839,13 @@ const Z = "Navbar", Y = {
   };
 }, _e = (e, t) => d({
   width: t,
-  transition: q(e, "width", "entering")
+  transition: z(e, "width", "entering")
 }, Ze(e)), Ie = (e, t) => d({
   width: t,
-  transition: q(e, "width", "leaving")
-}, Ze(e)), ro = We(mt, {
+  transition: z(e, "width", "leaving")
+}, Ze(e)), ro = qe(mt, {
   shouldForwardProp: (e) => !["widthOpen", "widthClosed", "isSmallScreen"].includes(e)
-})(({ theme: e, open: t, widthOpen: o, widthClosed: i, isSmallScreen: s }) => d(d({
+})(({ theme: e, open: t, widthOpen: o, widthClosed: n, isSmallScreen: r }) => d(d({
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box",
@@ -854,45 +854,44 @@ const Z = "Navbar", Y = {
 }, t && b(d({}, _e(e, o)), {
   backgroundColor: "",
   "& .MuiDrawer-paper": _e(e, o)
-})), !t && b(d({}, Ie(e, s ? o : i)), {
+})), !t && b(d({}, Ie(e, r ? o : n)), {
   backgroundColor: "",
-  "& .MuiDrawer-paper": Ie(e, s ? o : i)
+  "& .MuiDrawer-paper": Ie(e, r ? o : n)
 })));
 function je(e) {
   return e.replace(
     /(^|-)([a-z])/g,
-    (t, o, i) => o === "-" ? " " + i.toUpperCase() : i.toUpperCase()
+    (t, o, n) => o === "-" ? " " + n.toUpperCase() : n.toUpperCase()
   );
 }
-function Ho(e, t, o, i) {
+function qo(e, t, o, n) {
   var u;
   if (!e) return "None";
-  const a = Object.entries(e).filter(
-    ([r, l]) => r.startsWith("https://greens.org.au/roles/") && l.includes(t)
-  ).map(
-    ([r]) => {
-      var l;
-      return je((l = r.split("/").at(-1)) != null ? l : "");
-    }
-  );
-  return (u = i.find(
-    (r) => o[r].some((l) => a.includes(l))
+  const r = e["https://greens.org.au/roles"];
+  if (!r) return "None";
+  const s = Object.entries(r).filter(([, a]) => a.includes(t)).map(([a]) => je(a));
+  return (u = n.find(
+    (a) => o[a].some((c) => s.includes(c))
   )) != null ? u : "None";
 }
-const Wo = (e) => {
+function ao(e, t) {
+  return Object.entries(e).reduce((o, [n, r]) => {
+    const s = je(n), u = t.includes(s) ? r : [];
+    return [.../* @__PURE__ */ new Set([...o, ...u])];
+  }, []);
+}
+const zo = (e) => {
   const { getIdTokenClaims: t, user: o } = de();
   return Be({
     queryKey: ["availableDomains", o == null ? void 0 : o.sub],
     queryFn: () => N(null, null, function* () {
-      const i = yield t();
-      return i ? Object.entries(i).reduce((s, [a, u]) => {
-        var c;
-        const r = je((c = a.split("/").at(-1)) != null ? c : ""), l = a.startsWith("https://greens.org.au/roles/") && e.includes(r) ? u : [];
-        return [.../* @__PURE__ */ new Set([...s, ...l])];
-      }, []) : [];
+      const n = yield t();
+      if (!n) return [];
+      const r = n["https://greens.org.au/roles"];
+      return r ? ao(r, e) : [];
     })
   });
-}, qo = (e) => Object.values(e).reduce(
+}, Wo = (e) => Object.values(e).reduce(
   (t, o) => [.../* @__PURE__ */ new Set([...t, ...o])],
   []
 ), j = {
@@ -902,20 +901,20 @@ const Wo = (e) => {
   info: console.info.bind(console),
   debug: console.debug.bind(console)
 };
-function zo(e, t) {
+function Go(e, t) {
   console[e] = (...o) => {
-    for (const i of t)
-      if (typeof i == "function") {
-        if (i(...o)) return;
-      } else if (i instanceof RegExp && o.length > 0) {
-        for (const s of o)
-          if (typeof s == "string" && i.test(s))
+    for (const n of t)
+      if (typeof n == "function") {
+        if (n(...o)) return;
+      } else if (n instanceof RegExp && o.length > 0) {
+        for (const r of o)
+          if (typeof r == "string" && n.test(r))
             return;
       }
     j[e](o);
   };
 }
-function Go(e) {
+function Vo(e) {
   if (e)
     console[e] = j[e];
   else
@@ -925,23 +924,23 @@ function Go(e) {
 function so(e, t) {
   return e != null && typeof e == "object" && "error" in e && e.error === t;
 }
-function Vo(e, t) {
+function Ko(e, t) {
   const o = t == null ? void 0 : t.originalException;
   return so(o, "login_required") ? null : e;
 }
-function ao(e) {
+function lo(e) {
   let t = 0;
-  for (let o = 0, i = e.length; o < i; o++) {
-    const s = e.charCodeAt(o);
-    t = (t << 5) - t + s, t |= 0;
+  for (let o = 0, n = e.length; o < n; o++) {
+    const r = e.charCodeAt(o);
+    t = (t << 5) - t + r, t |= 0;
   }
   return t;
 }
 const Pe = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], Te = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
-function lo({ user: e, domainCode: t, open: o, useNewAvatar: i = !1 }) {
-  const s = oe();
+function co({ user: e, domainCode: t, open: o, useNewAvatar: n = !1 }) {
+  const r = oe();
   return /* @__PURE__ */ m(
-    P,
+    T,
     {
       sx: {
         paddingTop: 3,
@@ -951,66 +950,66 @@ function lo({ user: e, domainCode: t, open: o, useNewAvatar: i = !1 }) {
         gap: "0.5rem"
       },
       children: [
-        !i && /* @__PURE__ */ n(
-          P,
+        !n && /* @__PURE__ */ i(
+          T,
           {
             sx: {
               width: o ? "5rem" : "2rem",
-              transition: o ? q(s, ["width", "height"], "entering") : q(s, ["width", "height"], "leaving"),
+              transition: o ? z(r, ["width", "height"], "entering") : z(r, ["width", "height"], "leaving"),
               aspectRatio: 1
             },
-            children: e != null && e.name ? /* @__PURE__ */ n(M, { children: /* @__PURE__ */ n(
+            children: e != null && e.name ? /* @__PURE__ */ i(M, { children: /* @__PURE__ */ i(
               Ae,
               {
                 src: e == null ? void 0 : e.picture,
                 sx: {
                   width: "100%",
                   height: "100%",
-                  bgcolor: Pe[Math.abs(ao(e == null ? void 0 : e.name)) % Pe.length]
+                  bgcolor: Pe[Math.abs(lo(e == null ? void 0 : e.name)) % Pe.length]
                 },
                 children: Te(e == null ? void 0 : e.name)
               }
-            ) }) : /* @__PURE__ */ n(Ae, { sx: { width: "100%", height: "100%" } })
+            ) }) : /* @__PURE__ */ i(Ae, { sx: { width: "100%", height: "100%" } })
           }
         ),
-        i && /* @__PURE__ */ n(
-          P,
+        n && /* @__PURE__ */ i(
+          T,
           {
             sx: {
               width: o ? "5rem" : "2rem",
-              transition: o ? q(s, ["width", "height"], "entering") : q(s, ["width", "height"], "leaving"),
+              transition: o ? z(r, ["width", "height"], "entering") : z(r, ["width", "height"], "leaving"),
               aspectRatio: 1
             },
-            children: e != null && e.name ? /* @__PURE__ */ n(M, { 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: [
+            children: e != null && e.name ? /* @__PURE__ */ i(M, { 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: [
               " ",
               Te(e == null ? void 0 : e.name),
               " ",
               "ab"
-            ] }) }) : /* @__PURE__ */ n(De, {})
+            ] }) }) : /* @__PURE__ */ i(De, {})
           }
         ),
-        /* @__PURE__ */ n(io, { sx: { width: "100%" }, in: o, children: /* @__PURE__ */ n(xt, { in: o, children: /* @__PURE__ */ m(P, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
-          e != null && e.name ? /* @__PURE__ */ n(I, { children: e == null ? void 0 : e.name }) : /* @__PURE__ */ n(Ce, { animation: !1, width: "50%" }),
-          t ? /* @__PURE__ */ n(I, { children: Qe(t) }) : /* @__PURE__ */ n(Ce, { animation: !1, width: "25%" })
+        /* @__PURE__ */ i(io, { sx: { width: "100%" }, in: o, children: /* @__PURE__ */ i(xt, { in: o, children: /* @__PURE__ */ m(T, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
+          e != null && e.name ? /* @__PURE__ */ i(P, { children: e == null ? void 0 : e.name }) : /* @__PURE__ */ i(Ce, { animation: !1, width: "50%" }),
+          t ? /* @__PURE__ */ i(P, { children: Qe(t) }) : /* @__PURE__ */ i(Ce, { animation: !1, width: "25%" })
         ] }) }) })
       ]
     }
   );
 }
-function co({
+function uo({
   open: e,
   widthClosed: t,
   widthOpen: o,
-  "data-testid": i,
-  top: s,
-  middle: a,
+  "data-testid": n,
+  top: r,
+  middle: s,
   bottom: u,
-  user: r,
-  domainCode: l,
-  useNewAvatar: c = !1
+  user: a,
+  domainCode: c,
+  useNewAvatar: l = !1
 }) {
   const x = Je(), A = He(ee);
-  return /* @__PURE__ */ n(no, { className: Y.root, "data-testid": i, children: /* @__PURE__ */ m(
+  return /* @__PURE__ */ i(no, { className: Y.root, "data-testid": n, children: /* @__PURE__ */ m(
     ro,
     {
       open: e,
@@ -1026,50 +1025,51 @@ function co({
       },
       isSmallScreen: x,
       children: [
-        !x && /* @__PURE__ */ n(At, {}),
-        s && /* @__PURE__ */ m(P, { flexGrow: "0", children: [
-          s,
-          /* @__PURE__ */ n(Se, { variant: "middle", sx: { marginY: "0.5rem" } })
+        !x && /* @__PURE__ */ i(At, {}),
+        r && /* @__PURE__ */ m(T, { flexGrow: "0", children: [
+          r,
+          /* @__PURE__ */ i(Se, { variant: "middle", sx: { marginY: "0.5rem" } })
         ] }),
-        /* @__PURE__ */ n(P, { flexGrow: "1", children: Array.isArray(a) ? /* @__PURE__ */ n(oo, { links: a }) : a }),
-        /* @__PURE__ */ m(P, { flexGrow: "0", children: [
-          /* @__PURE__ */ n(Se, { variant: "middle", sx: { marginY: "0.5rem" } }),
-          /* @__PURE__ */ n(lo, { user: r, domainCode: l, open: e, useNewAvatar: c }),
-          u && /* @__PURE__ */ n(M, { children: u })
+        /* @__PURE__ */ i(T, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ i(oo, { links: s }) : s }),
+        /* @__PURE__ */ m(T, { flexGrow: "0", children: [
+          /* @__PURE__ */ i(Se, { variant: "middle", sx: { marginY: "0.5rem" } }),
+          /* @__PURE__ */ i(co, { user: a, domainCode: c, open: e, useNewAvatar: l }),
+          u && /* @__PURE__ */ i(M, { children: u })
         ] })
       ]
     }
   ) });
 }
-function uo({
+function po({
   children: e,
   topBarHeight: t,
   maxWidth: o = !1,
-  noPadding: i
+  noPadding: n
 }) {
-  return /* @__PURE__ */ n(
-    P,
+  return /* @__PURE__ */ i(
+    T,
     {
       sx: {
         overflow: "auto",
         height: `calc(100vh - ${t}px)`,
         flexGrow: 1
       },
-      children: i ? /* @__PURE__ */ n(P, { height: "inherit", children: e }) : /* @__PURE__ */ n(Ct, { maxWidth: o, sx: { paddingTop: 3, paddingBottom: 3, flexGrow: 1 }, children: e })
+      children: n ? /* @__PURE__ */ i(T, { height: "inherit", children: e }) : /* @__PURE__ */ i(Ct, { maxWidth: o, sx: { paddingTop: 3, paddingBottom: 3, flexGrow: 1 }, children: e })
     }
   );
 }
-const po = "TopBar", ho = {
-  titleText: `${po}-titleText`
+const ho = "TopBar", fo = {
+  titleText: `${ho}-titleText`
 };
-function fo({
+function mo({
   titleText: e = "",
   height: t,
   "data-testid": o,
-  middle: i
+  middle: n,
+  menuButtonAriaLabel: r = "Open navigation menu"
 }) {
-  const s = He(ee), a = () => s((l) => !l), u = oe(), r = Je();
-  return /* @__PURE__ */ n("header", { "data-testid": o, children: /* @__PURE__ */ m(
+  const s = He(ee), u = () => s((l) => !l), a = oe(), c = Je();
+  return /* @__PURE__ */ i("header", { "data-testid": o, children: /* @__PURE__ */ m(
     $e,
     {
       square: !0,
@@ -1084,85 +1084,88 @@ function fo({
         gap: 2,
         flexShrink: 0,
         height: t,
-        zIndex: r ? 0 : u.zIndex.drawer + 99
+        zIndex: c ? 0 : a.zIndex.drawer + 99
       },
       children: [
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ i(
           St,
           {
             size: "medium",
             color: "inherit",
             sx: { padding: 1.5, marginLeft: "12px" },
-            onClick: a,
-            children: /* @__PURE__ */ n(Dt, { fontSize: "medium" })
+            onClick: u,
+            "aria-label": r,
+            children: /* @__PURE__ */ i(Dt, { fontSize: "medium" })
           }
         ),
-        /* @__PURE__ */ n(I, { className: ho.titleText, variant: "h6", component: "h1", children: e }),
-        i
+        /* @__PURE__ */ i(P, { className: fo.titleText, variant: "h6", component: "h1", children: e }),
+        n
       ]
     }
   ) });
 }
-function Ko({
+function Xo({
   children: e,
   initialTitleText: t,
   initialNavBarOpen: o,
-  pageContainerProps: i,
-  pageContentDataTestId: s,
-  topBarDataTestId: a,
-  navBarDataTestId: u,
-  navBarMiddle: r,
+  pageContainerProps: n,
+  pageContentDataTestId: r,
+  topBarDataTestId: s,
+  menuButtonAriaLabel: u,
+  navBarDataTestId: a,
+  navBarMiddle: c,
   navBarBottom: l,
-  user: c,
-  domainCode: x,
-  useNewAvatar: A = !1
+  user: x,
+  domainCode: A,
+  useNewAvatar: D = !1
 }) {
   It([
     [ee, o != null ? o : !0],
     [Ee, t != null ? t : ""]
   ]);
-  const D = we(ee), [g] = W(Jt), [S] = W(Zt), y = we(Ee), [h] = W(eo), [k] = W(jt), [F] = W(to);
-  return /* @__PURE__ */ m(ve, { children: [
-    /* @__PURE__ */ n(_t, {}),
-    /* @__PURE__ */ n(
-      fo,
+  const g = ve(ee), [S] = q(Jt), [y] = q(Zt), h = ve(Ee), [k] = q(eo), [F] = q(jt), [_] = q(to);
+  return /* @__PURE__ */ m(we, { children: [
+    /* @__PURE__ */ i(_t, {}),
+    /* @__PURE__ */ i(
+      mo,
       {
-        titleText: y,
-        "data-testid": a,
-        height: h,
-        middle: k
+        titleText: h,
+        "data-testid": s,
+        height: k,
+        middle: F,
+        menuButtonAriaLabel: u
       }
     ),
-    /* @__PURE__ */ m(ve, { sx: { display: "flex" }, children: [
-      /* @__PURE__ */ n(
-        co,
+    /* @__PURE__ */ m(we, { sx: { display: "flex" }, children: [
+      /* @__PURE__ */ i(
+        uo,
         {
-          open: D,
-          top: F,
-          middle: r,
+          open: g,
+          top: _,
+          middle: c,
           bottom: l,
-          user: c,
-          domainCode: x,
-          widthOpen: g,
-          widthClosed: S,
-          offsetTop: h,
-          "data-testid": u,
-          useNewAvatar: A
+          user: x,
+          domainCode: A,
+          widthOpen: S,
+          widthClosed: y,
+          offsetTop: k,
+          "data-testid": a,
+          useNewAvatar: D
         }
       ),
-      /* @__PURE__ */ n(
-        uo,
+      /* @__PURE__ */ i(
+        po,
         b(d({
-          "data-testid": s,
-          topBarHeight: h
-        }, i), {
+          "data-testid": r,
+          topBarHeight: k
+        }, n), {
           children: e
         })
       )
     ] })
   ] });
 }
-const Xo = qe({
+const Yo = ze({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1213,7 +1216,7 @@ const Xo = qe({
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), Yo = qe({
+}), Qo = ze({
   palette: {
     primary: {
       main: "#007236",
@@ -1267,18 +1270,18 @@ const Xo = qe({
       styleOverrides: {
         root: ({ theme: e }) => ({
           "&.Mui-selected": {
-            backgroundColor: se(
+            backgroundColor: ae(
               e.palette.secondary.main,
               e.palette.action.selectedOpacity
             ),
             "&:hover": {
-              backgroundColor: se(
+              backgroundColor: ae(
                 e.palette.secondary.main,
                 e.palette.action.selectedOpacity
               )
             },
             "&.Mui-focusVisible": {
-              backgroundColor: se(
+              backgroundColor: ae(
                 e.palette.secondary.main,
                 e.palette.action.focusOpacity
               )
@@ -1309,40 +1312,41 @@ const Xo = qe({
   }
 });
 export {
-  ze as AgDialog,
-  Ko as AppLayout,
-  Ro as AuthGuard,
+  We as AgDialog,
+  Xo as AppLayout,
+  Uo as AuthGuard,
   Ke as Context,
   Xe as ContextError,
   Kt as DOMAIN_CODE_LABELS,
-  Bo as DomainCodeDialog,
-  No as ExampleComponent,
-  $o as FetchAutocomplete,
-  Mo as MUI_AUTOCOMPLETE_VALUE_WARNING_REGEX,
-  zt as SaladBarProvider,
-  Oo as SessionExpiryDialog,
-  Lo as SingleAutocomplete,
-  Ho as determineUserLevelFromClaims,
+  Ho as DomainCodeDialog,
+  $o as ExampleComponent,
+  Mo as FetchAutocomplete,
+  Lo as MUI_AUTOCOMPLETE_VALUE_WARNING_REGEX,
+  Wt as SaladBarProvider,
+  Ro as SessionExpiryDialog,
+  Oo as SingleAutocomplete,
+  qo as determineUserLevelFromClaims,
   Vt as domainCodeAtom,
-  Xo as fed21Theme,
+  Yo as fed21Theme,
   Tt as getAuth0Expiry,
   Qe as getDomainOptionLabel,
-  qo as getValidBusinessRoles,
-  Yo as internalAgSystemsTheme,
+  ao as getDomainsFromRolesClaim,
+  Wo as getValidBusinessRoles,
+  Qo as internalAgSystemsTheme,
   ee as navBarOpenAtom,
   to as navBarTopAtom,
   Zt as navBarWidthClosedAtom,
   Jt as navBarWidthOpenAtom,
-  Vo as sentryBeforeSend,
-  ao as simpleHashCode,
-  zo as suppressConsole,
+  Ko as sentryBeforeSend,
+  lo as simpleHashCode,
+  Go as suppressConsole,
   Ee as titleTextAtom,
   eo as topBarHeightAtom,
   jt as topBarMiddleAtom,
-  Go as unsuppressConsole,
+  Vo as unsuppressConsole,
   Ve as useAutocompleteOptions,
   Gt as useSaladBar,
-  Wo as useValidDomains,
-  Uo as withSaladBarProvider
+  zo as useValidDomains,
+  Bo as withSaladBarProvider
 };
 //# sourceMappingURL=index.js.map