@australiangreens/ag-internal-components 0.1.21 → 0.1.22

package/dist/esm/index.js

@@ -1,27 +1,27 @@
-var Et = Object.defineProperty, Ot = Object.defineProperties;
-var Ft = Object.getOwnPropertyDescriptors;
+var Et = Object.defineProperty, Ft = Object.defineProperties;
+var Ot = Object.getOwnPropertyDescriptors;
 var te = Object.getOwnPropertySymbols;
-var Ee = Object.prototype.hasOwnProperty, Oe = Object.prototype.propertyIsEnumerable;
-var he = (e, t, n) => t in e ? Et(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, a = (e, t) => {
+var Ee = Object.prototype.hasOwnProperty, Fe = Object.prototype.propertyIsEnumerable;
+var he = (e, t, n) => t in e ? Et(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, s = (e, t) => {
   for (var n in t || (t = {}))
     Ee.call(t, n) && he(e, n, t[n]);
   if (te)
     for (var n of te(t))
-      Oe.call(t, n) && he(e, n, t[n]);
+      Fe.call(t, n) && he(e, n, t[n]);
   return e;
-}, I = (e, t) => Ot(e, Ft(t));
-var Fe = (e, t) => {
+}, I = (e, t) => Ft(e, Ot(t));
+var Oe = (e, t) => {
   var n = {};
   for (var i in e)
     Ee.call(e, i) && t.indexOf(i) < 0 && (n[i] = e[i]);
   if (e != null && te)
     for (var i of te(e))
-      t.indexOf(i) < 0 && Oe.call(e, i) && (n[i] = e[i]);
+      t.indexOf(i) < 0 && Fe.call(e, i) && (n[i] = e[i]);
   return n;
 };
-var Be = (e, t, n) => he(e, typeof t != "symbol" ? t + "" : t, n);
-var P = (e, t, n) => new Promise((i, r) => {
-  var s = (c) => {
+var Ne = (e, t, n) => he(e, typeof t != "symbol" ? t + "" : t, n);
+var _ = (e, t, n) => new Promise((i, r) => {
+  var a = (c) => {
     try {
       l(n.next(c));
     } catch (u) {
@@ -33,19 +33,19 @@ var P = (e, t, n) => new Promise((i, r) => {
     } catch (u) {
       r(u);
     }
-  }, l = (c) => c.done ? i(c.value) : Promise.resolve(c.value).then(s, d);
+  }, l = (c) => c.done ? i(c.value) : Promise.resolve(c.value).then(a, d);
   l((n = n.apply(e, t)).next());
 });
-import { jsxs as p, Fragment as _, jsx as o } from "react/jsx-runtime";
-import { useState as B, createContext as Ze, useCallback as re, useContext as je, useEffect as K, createElement as Ce, useMemo as Bt, useRef as ge } from "react";
-import { Typography as O, Button as Q, Paper as et, Box as k, Drawer as we, styled as ve, IconButton as J, Container as tt, useTheme as se, useMediaQuery as Nt, Collapse as Pt, Avatar as Ne, Fade as _t, Skeleton as Pe, Toolbar as Lt, Divider as _e, CssBaseline as Mt, Dialog as nt, LinearProgress as ot, DialogTitle as it, DialogContent as rt, DialogActions as at, Autocomplete as Ae, TextField as be, CircularProgress as Se, Chip as Rt, Tooltip as Ht, Stack as Wt, Snackbar as Ut, Alert as zt, FormHelperText as Gt } from "@mui/material";
+import { jsxs as p, Fragment as L, jsx as o } from "react/jsx-runtime";
+import { useState as N, createContext as Ze, useCallback as re, useContext as je, useEffect as K, createElement as Ce, useMemo as Nt, useRef as ge } from "react";
+import { Typography as F, Button as Q, Paper as et, Box as k, Drawer as we, styled as ve, IconButton as J, Container as tt, useTheme as se, useMediaQuery as Bt, Collapse as _t, Avatar as Be, Fade as Lt, Skeleton as _e, Toolbar as Pt, Divider as Le, CssBaseline as Mt, Dialog as nt, LinearProgress as ot, DialogTitle as it, DialogContent as rt, DialogActions as at, Autocomplete as Ae, TextField as be, CircularProgress as Se, Chip as Rt, Tooltip as Ht, Stack as Ut, Snackbar as Wt, Alert as zt, FormHelperText as Gt } from "@mui/material";
 import Vt from "@mui/material/CssBaseline";
-import { styled as W, createTheme as st, alpha as fe } from "@mui/material/styles";
+import { styled as U, createTheme as st, alpha as fe } from "@mui/material/styles";
 import { createHelper as Ie } from "souvlaki";
 import { BrowserRouter as qt } from "react-router-dom";
 import lt from "@mui/material/List";
 import { ArrowForward as ct, ArrowBack as dt, ViewHeadline as Xt, Cancel as Yt, ArrowDropDown as Kt } from "@mui/icons-material";
-import { atom as R, useSetAtom as ut, useAtomValue as Le, useAtom as V } from "jotai";
+import { atom as R, useSetAtom as ut, useAtomValue as Pe, useAtom as V } from "jotai";
 import { useHydrateAtoms as Qt } from "jotai/utils";
 import Me from "react-avatar";
 import Jt from "autosuggest-highlight/match";
@@ -54,11 +54,11 @@ import { useQuery as jt } from "@tanstack/react-query";
 import { useAuth0 as pt } from "@auth0/auth0-react";
 import { Buffer as en } from "buffer";
 import tn from "@mui/material/Skeleton";
-function bo({ text: e }) {
-  const [t, n] = B(0);
-  return /* @__PURE__ */ p(_, { children: [
-    /* @__PURE__ */ o(O, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
-    /* @__PURE__ */ o(O, { variant: "caption", display: "block", children: /* @__PURE__ */ o("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
+function So({ text: e }) {
+  const [t, n] = N(0);
+  return /* @__PURE__ */ p(L, { children: [
+    /* @__PURE__ */ o(F, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
+    /* @__PURE__ */ o(F, { variant: "caption", display: "block", children: /* @__PURE__ */ o("span", { children: "Just ensuring MUI is working as planned as a peer dependency. v0.0.11" }) }),
     /* @__PURE__ */ o(
       Q,
       {
@@ -86,7 +86,7 @@ const ht = 330, gt = 73, z = "Navbar", q = {
   userInfoHolder: `${z}-userInfoHolder`,
   settings: `${z}-settings`,
   pieChartIcon: `${z}-pieChartIcon`
-}, nn = W(k, {
+}, nn = U(k, {
   name: "NavBar"
 })(({ theme: e }) => ({
   [`&.${q.root}`]: {
@@ -115,13 +115,13 @@ const ht = 330, gt = 73, z = "Navbar", q = {
   color: "white",
   backgroundColor: "black"
   // backgroundColor: '#e8e8e8',
-}), on = () => a({
+}), on = () => s({
   width: ht
-}, ft()), rn = () => a({
+}, ft()), rn = () => s({
   width: gt
-}, ft()), an = W(we, {
+}, ft()), an = U(we, {
   shouldForwardProp: (e) => e !== "open"
-})(({ theme: e, open: t }) => a(a({
+})(({ theme: e, open: t }) => s(s({
   width: t ? ht : gt,
   flexShrink: 0,
   whiteSpace: "nowrap",
@@ -134,19 +134,19 @@ const ht = 330, gt = 73, z = "Navbar", q = {
 }));
 class ke extends Error {
 }
-Be(ke, "errorName", "ContextError");
+Ne(ke, "errorName", "ContextError");
 const mt = Ze(null), sn = {}, ln = {}, cn = ({
   overrideState: e = sn,
   overrideActions: t = ln,
   children: n
 }) => {
-  const [{ open: i }, r] = B({ open: !0 }), s = re((c) => {
+  const [{ open: i }, r] = N({ open: !0 }), a = re((c) => {
     r({ open: c });
   }, []), d = re(() => {
-    r((c) => I(a({}, c), { open: !c.open }));
-  }, []), l = a(a({
+    r((c) => I(s({}, c), { open: !c.open }));
+  }, []), l = s(s({
     open: i,
-    setOpen: s,
+    setOpen: a,
     toggleOpen: d
   }, e), t);
   return /* @__PURE__ */ o(mt.Provider, { value: l, children: n });
@@ -155,11 +155,11 @@ const mt = Ze(null), sn = {}, ln = {}, cn = ({
   if (e === null)
     throw new ke("Error: Tried to useNavBar outside of a <NavBarProvider>");
   return e;
-}, un = (e = {}) => a({
+}, un = (e = {}) => s({
   open: !0
-}, e), So = Ie(
+}, e), Io = Ie(
   (e = un(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(cn, { overrideState: e, overrideActions: t, children: n })
-), Io = Ie(() => ({ children: e }) => /* @__PURE__ */ o(qt, { children: e })), Re = 7, ko = W(lt)(({ theme: e }) => ({
+), ko = Ie(() => ({ children: e }) => /* @__PURE__ */ o(qt, { children: e })), Re = 7, yo = U(lt)(({ theme: e }) => ({
   backgroundColor: "black",
   color: "white",
   "& .MuiListItem-root": {
@@ -197,7 +197,7 @@ const mt = Ze(null), sn = {}, ln = {}, cn = ({
     // '&.Mui-selected.Mui-focusVisible:hover': {
     // },
   }
-})), He = 7, yo = W(lt)(({ theme: e }) => ({
+})), He = 7, $o = U(lt)(({ theme: e }) => ({
   backgroundColor: "#e8e8e8",
   color: "inherit",
   "& .MuiListItem-root": {
@@ -236,7 +236,7 @@ const mt = Ze(null), sn = {}, ln = {}, cn = ({
     // },
   }
 }));
-function $o({
+function Do({
   "data-testid": e,
   children: t
 }) {
@@ -255,7 +255,7 @@ function $o({
     )
   ] });
 }
-const pn = 24, hn = 64, G = "TopBar", F = {
+const pn = 24, hn = 64, G = "TopBar", O = {
   topStripe: `${G}-topStripe`,
   titleBar: `${G}-titleBar`,
   titleSlider: `${G}-titleSlider`,
@@ -269,18 +269,18 @@ const pn = 24, hn = 64, G = "TopBar", F = {
   var i, r;
   return {
     width: "100%",
-    [`& .${F.topStripe}`]: {
+    [`& .${O.topStripe}`]: {
       width: "100%",
       height: `${pn}px`,
       backgroundColor: e.palette.primary.main
     },
-    [`& .${F.titleBar}`]: {
+    [`& .${O.titleBar}`]: {
       backgroundColor: e.palette.primary.light,
       height: `${hn}px`,
       padding: e.spacing(0, 3),
       width: "100%"
     },
-    [`& .${F.titleSlider}`]: a(a({
+    [`& .${O.titleSlider}`]: s(s({
       height: "100%",
       display: "flex",
       alignItems: "center",
@@ -289,14 +289,14 @@ const pn = 24, hn = 64, G = "TopBar", F = {
         easing: e.transitions.easing.sharp,
         duration: e.transitions.duration.leavingScreen
       }),
-      [`& .${F.leftPanelButton}`]: {
+      [`& .${O.leftPanelButton}`]: {
         marginRight: e.spacing(2),
         flexGrow: 0
       },
-      [`& .${F.titleText}`]: {
+      [`& .${O.titleText}`]: {
         flexGrow: 1
       },
-      [`& .${F.rightPanelButton}`]: {
+      [`& .${O.rightPanelButton}`]: {
         flexGrow: 0
       }
     }, (t == null ? void 0 : t.open) && {
@@ -321,12 +321,12 @@ function fn({
   "data-testid": i
 }) {
   return /* @__PURE__ */ p(gn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
-    /* @__PURE__ */ o("div", { className: F.topStripe }),
-    /* @__PURE__ */ o("div", { className: F.titleBar, children: /* @__PURE__ */ p(k, { className: F.titleSlider, children: [
+    /* @__PURE__ */ o("div", { className: O.topStripe }),
+    /* @__PURE__ */ o("div", { className: O.titleBar, children: /* @__PURE__ */ p(k, { className: O.titleSlider, children: [
       t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ p(
         J,
         {
-          className: F.leftPanelButton,
+          className: O.leftPanelButton,
           color: "inherit",
           "aria-label": "Open left side panel",
           onClick: t == null ? void 0 : t.onOpen,
@@ -338,11 +338,11 @@ function fn({
           ]
         }
       ),
-      /* @__PURE__ */ o(O, { className: F.titleText, variant: "h6", noWrap: !0, children: e }),
+      /* @__PURE__ */ o(F, { className: O.titleText, variant: "h6", noWrap: !0, children: e }),
       n !== void 0 && !n.open && n.showOpenArrow && /* @__PURE__ */ p(
         J,
         {
-          className: F.rightPanelButton,
+          className: O.rightPanelButton,
           color: "inherit",
           "aria-label": "Open right side panel",
           onClick: n == null ? void 0 : n.onOpen,
@@ -371,9 +371,9 @@ const xt = 400, mn = ve(we, {
   ),
   name: "SidePanelDrawer"
 })(
-  ({ width: e, debugOpacity: t = !1, anchor: n, navBarOpen: i, navBarWidthOpen: r, navBarWidthClosed: s }) => ({
+  ({ width: e, debugOpacity: t = !1, anchor: n, navBarOpen: i, navBarWidthOpen: r, navBarWidthClosed: a }) => ({
     width: e,
-    "& .MuiDrawer-paper": a(a({
+    "& .MuiDrawer-paper": s(s({
       position: "absolute",
       width: e,
       boxSizing: "border-box",
@@ -381,15 +381,15 @@ const xt = 400, mn = ve(we, {
       boxShadow: "0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.2)"
     }, t && {
       opacity: "50%"
-    }), n === "left" && a({
-      marginLeft: `${s}px`
+    }), n === "left" && s({
+      marginLeft: `${a}px`
     }, i && {
       marginLeft: `${r}px`
     }))
   })
 ), xn = ve(k, {
   shouldForwardProp: (e) => !["anchor"].includes(e)
-})(({ theme: e, anchor: t }) => I(a({
+})(({ theme: e, anchor: t }) => I(s({
   display: "flex",
   alignItems: "center",
   padding: e.spacing(2)
@@ -407,14 +407,14 @@ const xt = 400, mn = ve(we, {
     marginRight: t === "right" ? e.spacing(2) : 0
   }
 }));
-function We({
+function Ue({
   children: e,
   anchor: t = "left",
   open: n,
   onClose: i = () => {
   },
   titleText: r = "",
-  width: s = xt,
+  width: a = xt,
   showCloseArrow: d = !0,
   debugOpacity: l = !1,
   headerBoxProps: c = {},
@@ -435,37 +435,37 @@ function We({
       variant: "persistent",
       anchor: t,
       open: n,
-      width: s,
+      width: a,
       debugOpacity: l,
       "data-testid": C,
       navBarOpen: v,
       navBarWidthOpen: h,
       navBarWidthClosed: b,
       children: [
-        /* @__PURE__ */ o(xn, I(a({ anchor: t }, c), { children: t === "left" ? /* @__PURE__ */ p(_, { children: [
-          /* @__PURE__ */ o(O, { variant: "h6", color: "inherit", component: "div", children: r }),
+        /* @__PURE__ */ o(xn, I(s({ anchor: t }, c), { children: t === "left" ? /* @__PURE__ */ p(L, { children: [
+          /* @__PURE__ */ o(F, { variant: "h6", color: "inherit", component: "div", children: r }),
           d && /* @__PURE__ */ p(J, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
             /* @__PURE__ */ o(dt, { "data-testid": "arrowbackicon" }),
             " "
           ] })
-        ] }) : /* @__PURE__ */ p(_, { children: [
+        ] }) : /* @__PURE__ */ p(L, { children: [
           d && /* @__PURE__ */ p(J, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
             /* @__PURE__ */ o(ct, {}),
             " "
           ] }),
-          /* @__PURE__ */ o(O, { variant: "h6", color: "inherit", component: "div", children: r })
+          /* @__PURE__ */ o(F, { variant: "h6", color: "inherit", component: "div", children: r })
         ] }) })),
         e
       ]
     }
   );
 }
-const Cn = W(k, {
+const Cn = U(k, {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: "PanelAwareMargins"
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
   var i, r;
-  return a(a({
+  return s(s({
     transition: e.transitions.create("margin", {
       easing: e.transitions.easing.sharp,
       duration: e.transitions.duration.leavingScreen
@@ -483,7 +483,7 @@ const Cn = W(k, {
     }),
     marginRight: `${(r = n == null ? void 0 : n.width) != null ? r : 0}px`
   });
-}), wn = W(tt, {
+}), wn = U(tt, {
   name: "PageContainer"
 })(({ theme: e }) => ({
   // Horizontal padding comes from the Container's gutter
@@ -498,18 +498,18 @@ const Cn = W(k, {
   startOpen: !1,
   open: void 0,
   onChangeOpen: void 0,
-  content: /* @__PURE__ */ o(_, {}),
+  content: /* @__PURE__ */ o(L, {}),
   onOpened: void 0,
   onClosed: void 0,
   dataTestId: void 0
 };
-function Do({
+function To({
   children: e,
   titleText: t = "",
   leftPanel: n,
   rightPanel: i,
   sidePanelsAreMutuallyExclusive: r = !0,
-  debugOpacity: s = !1,
+  debugOpacity: a = !1,
   pageContainerProps: d,
   pageContentDataTestId: l,
   topBarDataTestId: c,
@@ -517,7 +517,7 @@ function Do({
   navBarWidthOpen: g,
   navBarWidthClosed: C
 }) {
-  const [v, h] = B(me), [b, S] = B(xe), [$, D] = B(me), [E, T] = B(xe), L = n !== void 0, N = i !== void 0, {
+  const [v, h] = N(me), [b, S] = N(xe), [$, D] = N(me), [E, T] = N(xe), P = n !== void 0, B = i !== void 0, {
     titleText: w,
     content: y,
     flavour: M,
@@ -529,7 +529,7 @@ function Do({
     onOpened: Z,
     onClosed: le,
     dataTestId: It
-  } = n ? a(a({}, ne), n) : a({}, ne), {
+  } = n ? s(s({}, ne), n) : s({}, ne), {
     titleText: kt,
     content: yt,
     flavour: ye,
@@ -541,20 +541,20 @@ function Do({
     onOpened: $t,
     onClosed: Dt,
     dataTestId: Tt
-  } = i ? a(a({}, ne), i) : a({}, ne);
+  } = i ? s(s({}, ne), i) : s({}, ne);
   K(() => {
     H !== me && (h(H), D(H));
   }, [H]), K(() => {
     ee !== xe && (S(ee), T(ee));
   }, [ee]);
-  const ue = f === void 0 ? v : f, pe = ce === void 0 ? b : ce, De = (U) => {
-    f === void 0 && (h(U), r && N && (U ? (S(!1), T(b)) : S(E))), m && m(U);
-  }, Te = (U) => {
-    ce === void 0 && (S(U), r && L && (U ? (h(!1), D(v)) : h($))), $e && $e(U);
+  const ue = f === void 0 ? v : f, pe = ce === void 0 ? b : ce, De = (W) => {
+    f === void 0 && (h(W), r && B && (W ? (S(!1), T(b)) : S(E))), m && m(W);
+  }, Te = (W) => {
+    ce === void 0 && (S(W), r && P && (W ? (h(!1), D(v)) : h($))), $e && $e(W);
   };
   return /* @__PURE__ */ p(k, { children: [
-    L && /* @__PURE__ */ o(
-      We,
+    P && /* @__PURE__ */ o(
+      Ue,
       {
         "data-testid": It,
         anchor: "left",
@@ -562,7 +562,7 @@ function Do({
         onClose: () => De(!1),
         width: x,
         titleText: w,
-        debugOpacity: s,
+        debugOpacity: a,
         showCloseArrow: A === "both" || A === "close",
         onOpened: Z,
         onClosed: le,
@@ -572,8 +572,8 @@ function Do({
         children: y
       }
     ),
-    N && /* @__PURE__ */ o(
-      We,
+    B && /* @__PURE__ */ o(
+      Ue,
       {
         "data-testid": Tt,
         anchor: "right",
@@ -581,7 +581,7 @@ function Do({
         onClose: () => Te(!1),
         width: de,
         titleText: kt,
-        debugOpacity: s,
+        debugOpacity: a,
         showCloseArrow: j === "both" || j === "close",
         onOpened: $t,
         onClosed: Dt,
@@ -593,17 +593,17 @@ function Do({
     ),
     /* @__PURE__ */ o(
       fn,
-      a(a({
+      s(s({
         titleText: t,
         "data-testid": c
-      }, L && M === "push" ? {
+      }, P && M === "push" ? {
         leftPanel: {
           open: ue,
           width: x,
           onOpen: () => De(!0),
           showOpenArrow: A === "both" || A === "open"
         }
-      } : {}), N && ye === "push" ? {
+      } : {}), B && ye === "push" ? {
         rightPanel: {
           open: pe,
           width: de,
@@ -614,7 +614,7 @@ function Do({
     ),
     /* @__PURE__ */ o(
       Cn,
-      I(a(a({}, M === "push" ? {
+      I(s(s({}, M === "push" ? {
         leftPanel: {
           open: ue,
           width: x
@@ -625,15 +625,15 @@ function Do({
           width: de
         }
       } : {}), {
-        children: /* @__PURE__ */ o(wn, I(a({ "data-testid": l }, d), { children: e }))
+        children: /* @__PURE__ */ o(wn, I(s({ "data-testid": l }, d), { children: e }))
       })
     )
   ] });
 }
 const Ct = () => {
   const e = se();
-  return Nt(e.breakpoints.down("sm"));
-}, vn = 64, An = 72, bn = 256, ae = R(!0), Sn = R(bn), In = R(An), Ue = R(""), kn = R(void 0), yn = R(vn), $n = R(void 0);
+  return Bt(e.breakpoints.down("sm"));
+}, vn = 64, An = 72, bn = 256, ae = R(!0), Sn = R(bn), In = R(An), We = R(""), kn = R(void 0), yn = R(vn), $n = R(void 0);
 function Dn({ links: e }) {
   return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
 }
@@ -645,7 +645,7 @@ const oe = "Navbar", Y = {
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, Tn = W(k, { name: "NavBar" })(({ theme: e }) => ({
+}, Tn = U(k, { name: "NavBar" })(({ theme: e }) => ({
   [`&.${Y.root}`]: {
     display: "flex"
   },
@@ -670,8 +670,8 @@ const oe = "Navbar", Y = {
 }), En = (e) => {
   const t = se();
   return /* @__PURE__ */ o(
-    Pt,
-    a({
+    _t,
+    s({
       easing: t.transitions.easing.sharp,
       timeout: {
         enter: t.transitions.duration.enteringScreen,
@@ -687,24 +687,24 @@ const oe = "Navbar", Y = {
     backgroundColor: (n = (t = e == null ? void 0 : e.navBar) == null ? void 0 : t.backgroundColor) != null ? n : "white"
     // Provide default so tests don't need to wrap theme provider
   };
-}, ze = (e, t) => a({
+}, ze = (e, t) => s({
   width: t,
   transition: X(e, "width", "entering")
-}, wt(e)), Ge = (e, t) => a({
+}, wt(e)), Ge = (e, t) => s({
   width: t,
   transition: X(e, "width", "leaving")
-}, wt(e)), On = W(we, {
+}, wt(e)), Fn = U(we, {
   shouldForwardProp: (e) => !["widthOpen", "widthClosed", "isSmallScreen"].includes(e)
-})(({ theme: e, open: t, widthOpen: n, widthClosed: i, isSmallScreen: r }) => a(a({
+})(({ theme: e, open: t, widthOpen: n, widthClosed: i, isSmallScreen: r }) => s(s({
   flexShrink: 0,
   whiteSpace: "nowrap",
   boxSizing: "border-box",
   display: "flex",
   flexDirection: "column"
-}, t && I(a({}, ze(e, n)), {
+}, t && I(s({}, ze(e, n)), {
   backgroundColor: "",
   "& .MuiDrawer-paper": ze(e, n)
-})), !t && I(a({}, Ge(e, r ? n : i)), {
+})), !t && I(s({}, Ge(e, r ? n : i)), {
   backgroundColor: "",
   "& .MuiDrawer-paper": Ge(e, r ? n : i)
 }))), ie = {
@@ -714,7 +714,7 @@ const oe = "Navbar", Y = {
   info: console.info.bind(console),
   debug: console.debug.bind(console)
 };
-function To(e, t) {
+function Eo(e, t) {
   console[e] = (...n) => {
     for (const i of t)
       if (typeof i == "function") {
@@ -727,14 +727,35 @@ function To(e, t) {
     ie[e](n);
   };
 }
-function Eo(e) {
+function Fo(e) {
   if (e)
     console[e] = ie[e];
   else
     for (const t of Object.keys(ie))
       console[t] = ie[t];
 }
-function Fn(e) {
+function On(e) {
+  return e.replace(
+    /(^|-)([a-z])/g,
+    (t, n, i) => n === "-" ? " " + i.toUpperCase() : i.toUpperCase()
+  );
+}
+function Oo(e, t, n, i) {
+  var d;
+  if (!e) return "None";
+  const a = Object.entries(e).filter(
+    ([l, c]) => l.startsWith("https://greens.org.au/roles/") && c.includes(t)
+  ).map(
+    ([l]) => {
+      var c;
+      return On((c = l.split("/").at(-1)) != null ? c : "");
+    }
+  );
+  return (d = i.find(
+    (l) => n[l].some((c) => a.includes(c))
+  )) != null ? d : "None";
+}
+function Nn(e) {
   let t = 0;
   for (let n = 0, i = e.length; n < i; n++) {
     const r = e.charCodeAt(n);
@@ -764,18 +785,18 @@ function Bn({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
               transition: n ? X(r, ["width", "height"], "entering") : X(r, ["width", "height"], "leaving"),
               aspectRatio: 1
             },
-            children: e != null && e.name ? /* @__PURE__ */ o(_, { children: /* @__PURE__ */ o(
-              Ne,
+            children: e != null && e.name ? /* @__PURE__ */ o(L, { children: /* @__PURE__ */ o(
+              Be,
               {
                 src: e == null ? void 0 : e.picture,
                 sx: {
                   width: "100%",
                   height: "100%",
-                  bgcolor: Ve[Math.abs(Fn(e == null ? void 0 : e.name)) % Ve.length]
+                  bgcolor: Ve[Math.abs(Nn(e == null ? void 0 : e.name)) % Ve.length]
                 },
                 children: qe(e == null ? void 0 : e.name)
               }
-            ) }) : /* @__PURE__ */ o(Ne, { sx: { width: "100%", height: "100%" } })
+            ) }) : /* @__PURE__ */ o(Be, { sx: { width: "100%", height: "100%" } })
           }
         ),
         i && /* @__PURE__ */ o(
@@ -786,7 +807,7 @@ function Bn({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
               transition: n ? X(r, ["width", "height"], "entering") : X(r, ["width", "height"], "leaving"),
               aspectRatio: 1
             },
-            children: e != null && e.name ? /* @__PURE__ */ o(_, { children: /* @__PURE__ */ p(Me, { src: e == null ? void 0 : e.picture, name: e == null ? void 0 : e.name, round: !0, size: n ? "80" : "32", children: [
+            children: e != null && e.name ? /* @__PURE__ */ o(L, { children: /* @__PURE__ */ p(Me, { src: e == null ? void 0 : e.picture, name: e == null ? void 0 : e.name, round: !0, size: n ? "80" : "32", children: [
               " ",
               qe(e == null ? void 0 : e.name),
               " ",
@@ -794,21 +815,21 @@ function Bn({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
             ] }) }) : /* @__PURE__ */ o(Me, {})
           }
         ),
-        /* @__PURE__ */ o(En, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(_t, { in: n, children: /* @__PURE__ */ p(k, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
-          e != null && e.name ? /* @__PURE__ */ o(O, { children: e == null ? void 0 : e.name }) : /* @__PURE__ */ o(Pe, { animation: !1, width: "50%" }),
-          t ? /* @__PURE__ */ o(O, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Pe, { animation: !1, width: "25%" })
+        /* @__PURE__ */ o(En, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Lt, { in: n, children: /* @__PURE__ */ p(k, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
+          e != null && e.name ? /* @__PURE__ */ o(F, { children: e == null ? void 0 : e.name }) : /* @__PURE__ */ o(_e, { animation: !1, width: "50%" }),
+          t ? /* @__PURE__ */ o(F, { children: t.toUpperCase() }) : /* @__PURE__ */ o(_e, { animation: !1, width: "25%" })
         ] }) }) })
       ]
     }
   );
 }
-function Nn({
+function _n({
   open: e,
   widthClosed: t,
   widthOpen: n,
   "data-testid": i,
   top: r,
-  middle: s,
+  middle: a,
   bottom: d,
   user: l,
   domainCode: c,
@@ -816,7 +837,7 @@ function Nn({
 }) {
   const g = Ct(), C = ut(ae);
   return /* @__PURE__ */ o(Tn, { className: Y.root, "data-testid": i, children: /* @__PURE__ */ p(
-    On,
+    Fn,
     {
       open: e,
       widthOpen: n,
@@ -831,22 +852,22 @@ function Nn({
       },
       isSmallScreen: g,
       children: [
-        !g && /* @__PURE__ */ o(Lt, {}),
+        !g && /* @__PURE__ */ o(Pt, {}),
         r && /* @__PURE__ */ p(k, { flexGrow: "0", children: [
           r,
-          /* @__PURE__ */ o(_e, { variant: "middle", sx: { marginY: "0.5rem" } })
+          /* @__PURE__ */ o(Le, { variant: "middle", sx: { marginY: "0.5rem" } })
         ] }),
-        /* @__PURE__ */ o(k, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ o(Dn, { links: s }) : s }),
+        /* @__PURE__ */ o(k, { flexGrow: "1", children: Array.isArray(a) ? /* @__PURE__ */ o(Dn, { links: a }) : a }),
         /* @__PURE__ */ p(k, { flexGrow: "0", children: [
-          /* @__PURE__ */ o(_e, { variant: "middle", sx: { marginY: "0.5rem" } }),
+          /* @__PURE__ */ o(Le, { variant: "middle", sx: { marginY: "0.5rem" } }),
           /* @__PURE__ */ o(Bn, { user: l, domainCode: c, open: e, useNewAvatar: u }),
-          d && /* @__PURE__ */ o(_, { children: d })
+          d && /* @__PURE__ */ o(L, { children: d })
         ] })
       ]
     }
   ) });
 }
-function Pn({
+function Ln({
   children: e,
   topBarHeight: t,
   maxWidth: n = !1,
@@ -873,16 +894,16 @@ function Pn({
     }
   );
 }
-const _n = "TopBar", Ln = {
-  titleText: `${_n}-titleText`
+const Pn = "TopBar", Mn = {
+  titleText: `${Pn}-titleText`
 };
-function Mn({
+function Rn({
   titleText: e = "",
   height: t,
   "data-testid": n,
   middle: i
 }) {
-  const r = ut(ae), s = () => r((c) => !c), d = se(), l = Ct();
+  const r = ut(ae), a = () => r((c) => !c), d = se(), l = Ct();
   return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ p(
     et,
     {
@@ -907,23 +928,23 @@ function Mn({
             size: "medium",
             color: "inherit",
             sx: { padding: 1.5, marginLeft: "12px" },
-            onClick: s,
+            onClick: a,
             children: /* @__PURE__ */ o(Xt, { fontSize: "medium" })
           }
         ),
-        /* @__PURE__ */ o(O, { className: Ln.titleText, variant: "h6", component: "h1", children: e }),
+        /* @__PURE__ */ o(F, { className: Mn.titleText, variant: "h6", component: "h1", children: e }),
         i
       ]
     }
   ) });
 }
-function Oo({
+function No({
   children: e,
   initialTitleText: t,
   initialNavBarOpen: n,
   pageContainerProps: i,
   pageContentDataTestId: r,
-  topBarDataTestId: s,
+  topBarDataTestId: a,
   navBarDataTestId: d,
   navBarMiddle: l,
   navBarBottom: c,
@@ -933,23 +954,23 @@ function Oo({
 }) {
   Qt([
     [ae, n != null ? n : !0],
-    [Ue, t != null ? t : ""]
+    [We, t != null ? t : ""]
   ]);
-  const v = Le(ae), [h] = V(Sn), [b] = V(In), S = Le(Ue), [$] = V(yn), [D] = V(kn), [E] = V($n);
+  const v = Pe(ae), [h] = V(Sn), [b] = V(In), S = Pe(We), [$] = V(yn), [D] = V(kn), [E] = V($n);
   return /* @__PURE__ */ p(k, { children: [
     /* @__PURE__ */ o(Mt, {}),
     /* @__PURE__ */ o(
-      Mn,
+      Rn,
       {
         titleText: S,
-        "data-testid": s,
+        "data-testid": a,
         height: $,
         middle: D
       }
     ),
     /* @__PURE__ */ p(k, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ o(
-        Nn,
+        _n,
         {
           open: v,
           top: E,
@@ -965,8 +986,8 @@ function Oo({
         }
       ),
       /* @__PURE__ */ o(
-        Pn,
-        I(a({
+        Ln,
+        I(s({
           "data-testid": r,
           topBarHeight: $
         }, i), {
@@ -982,7 +1003,7 @@ const vt = ({
   children: n,
   maxWidth: i,
   primaryButton: r,
-  secondaryButton: s,
+  secondaryButton: a,
   onClose: d,
   sx: l,
   "data-testid": c,
@@ -990,13 +1011,13 @@ const vt = ({
   isLoading: g = !1
 }) => {
   var h, b;
-  const [C, v] = B(!1);
+  const [C, v] = N(!1);
   return /* @__PURE__ */ p(
     nt,
     {
       open: e,
-      onClose: (S, $) => P(void 0, null, function* () {
-        u && ($ === "backdropClick" || $ === "escapeKeyDown") || C || (s != null && s.onClick ? yield s.onClick() : d());
+      onClose: (S, $) => _(void 0, null, function* () {
+        u && ($ === "backdropClick" || $ === "escapeKeyDown") || C || (a != null && a.onClick ? yield a.onClick() : d());
       }),
       fullWidth: !0,
       maxWidth: i != null ? i : "xs",
@@ -1010,17 +1031,17 @@ const vt = ({
           /* @__PURE__ */ o(
             Q,
             {
-              onClick: (h = s == null ? void 0 : s.onClick) != null ? h : d,
-              "data-testid": s == null ? void 0 : s.testId,
-              disabled: (s == null ? void 0 : s.disabled) || C,
-              color: s == null ? void 0 : s.buttonColor,
-              children: (b = s == null ? void 0 : s.text) != null ? b : "Cancel"
+              onClick: (h = a == null ? void 0 : a.onClick) != null ? h : d,
+              "data-testid": a == null ? void 0 : a.testId,
+              disabled: (a == null ? void 0 : a.disabled) || C,
+              color: a == null ? void 0 : a.buttonColor,
+              children: (b = a == null ? void 0 : a.text) != null ? b : "Cancel"
             }
           ),
           r && /* @__PURE__ */ o(
             Q,
             {
-              onClick: () => P(void 0, null, function* () {
+              onClick: () => _(void 0, null, function* () {
                 var S;
                 v(!0), yield (S = r.onClick) == null ? void 0 : S.call(r), v(!1);
               }),
@@ -1042,18 +1063,18 @@ const vt = ({
   inputValue: r
 }) => jt({
   queryFn: () => e && r.length < e ? t != null ? t : [] : t ? t.filter(
-    (s) => s.label.toLowerCase().includes(r.toLowerCase())
+    (a) => a.label.toLowerCase().includes(r.toLowerCase())
   ) : n(r),
   queryKey: ["autocomplete", i, r]
 });
-function Fo({
-  lookup: e = () => P(this, null, function* () {
+function Bo({
+  lookup: e = () => _(this, null, function* () {
   }),
   enableHighlighting: t = !0,
   onChange: n,
   minLength: i = 0,
   label: r,
-  value: s,
+  value: a,
   "data-testid": d,
   sx: l,
   boxSx: c,
@@ -1068,8 +1089,8 @@ function Fo({
   disablePortal: D = !1,
   disableIconFlip: E = !1
 }) {
-  const [T, L] = B(""), N = (f, m) => {
-    const x = s.filter((A) => A.id !== m);
+  const [T, P] = N(""), B = (f, m) => {
+    const x = a.filter((A) => A.id !== m);
     n(x, "delete", f);
   }, { data: w, isLoading: y } = At({
     inputValue: T,
@@ -1082,33 +1103,33 @@ function Fo({
     /* @__PURE__ */ o(
       Ae,
       {
-        sx: a(a({}, l), E ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
+        sx: s(s({}, l), E ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
         "data-testid": d ? `${d}:Autocomplete` : void 0,
         disablePortal: D,
         multiple: !0,
         getOptionLabel: (f) => typeof f == "string" ? f : f.label,
         loading: M ? y : !1,
-        options: [...s, ...w != null ? w : []],
+        options: [...a, ...w != null ? w : []],
         filterSelectedOptions: !0,
         includeInputInList: !0,
-        value: s,
+        value: a,
         onChange: (f, m, x) => {
           n(m, x, f);
         },
-        onInputChange: (f, m) => L(m),
+        onInputChange: (f, m) => P(m),
         noOptionsText: M ? v : "Start typing to search",
         loadingText: C,
         popupIcon: h,
         renderInput: (f) => /* @__PURE__ */ o(
           be,
-          I(a({}, f), {
+          I(s({}, f), {
             label: r,
             fullWidth: !0,
             variant: g,
             error: b,
             helperText: S,
-            InputProps: I(a({}, f.InputProps), {
-              endAdornment: /* @__PURE__ */ p(_, { children: [
+            InputProps: I(s({}, f.InputProps), {
+              endAdornment: /* @__PURE__ */ p(L, { children: [
                 y ? /* @__PURE__ */ o(Se, { color: "inherit", size: 20 }) : null,
                 f.InputProps.endAdornment
               ] })
@@ -1130,7 +1151,7 @@ function Fo({
             }), H = Zt(m.label, A);
             return /* @__PURE__ */ Ce(
               "li",
-              I(a({}, f), {
+              I(s({}, f), {
                 key: m.id,
                 "data-testid": d ? `${d}:Autocomplete:option(${m.id.toString()})` : void 0
               }),
@@ -1148,7 +1169,7 @@ function Fo({
           } else
             return /* @__PURE__ */ Ce(
               "li",
-              I(a({}, f), {
+              I(s({}, f), {
                 key: m.id,
                 "data-testid": d ? `${d}:option(${m.id.toString()})` : void 0
               }),
@@ -1157,7 +1178,7 @@ function Fo({
         }
       }
     ),
-    s.length > 0 && /* @__PURE__ */ o(k, { sx: c, children: s.map((f) => /* @__PURE__ */ o(
+    a.length > 0 && /* @__PURE__ */ o(k, { sx: c, children: a.map((f) => /* @__PURE__ */ o(
       Rt,
       {
         sx: {
@@ -1180,11 +1201,11 @@ function Fo({
                 }
               ]
             },
-            children: /* @__PURE__ */ o(O, { style: { whiteSpace: "normal" }, children: f.chipLabel ? f.chipLabel : f.label })
+            children: /* @__PURE__ */ o(F, { style: { whiteSpace: "normal" }, children: f.chipLabel ? f.chipLabel : f.label })
           }
         ),
         "data-testid": d ? `${d}:Chip(${f.id.toString()})` : void 0,
-        onDelete: (m) => N(m, f.id),
+        onDelete: (m) => B(m, f.id),
         deleteIcon: /* @__PURE__ */ o(
           Yt,
           {
@@ -1196,14 +1217,14 @@ function Fo({
     )) })
   ] });
 }
-const Bo = /MUI: The value provided to.*is invalid/i, No = ({
-  lookup: e = () => P(void 0, null, function* () {
+const _o = /MUI: The value provided to.*is invalid/i, Lo = ({
+  lookup: e = () => _(void 0, null, function* () {
   }),
   onChange: t,
   label: n,
   value: i,
   sx: r,
-  textFieldColor: s,
+  textFieldColor: a,
   textFieldVariant: d = "filled",
   error: l = !1,
   "data-testid": c,
@@ -1216,19 +1237,19 @@ const Bo = /MUI: The value provided to.*is invalid/i, No = ({
   popupIcon: S,
   disableIconFlip: $
 }) => {
-  const [D, E] = B(""), { data: T, isLoading: L } = At({
+  const [D, E] = N(""), { data: T, isLoading: P } = At({
     inputValue: D,
     label: n,
     lookup: e,
     minLength: g != null ? g : 0,
     preLoadedOptions: v
-  }), N = D.length >= g;
-  return /* @__PURE__ */ o("div", { "data-testid": c, children: /* @__PURE__ */ o(Wt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
+  }), B = D.length >= g;
+  return /* @__PURE__ */ o("div", { "data-testid": c, children: /* @__PURE__ */ o(Ut, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
     Ae,
     {
-      sx: a(a({}, r), $ ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
+      sx: s(s({}, r), $ ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
       "data-testid": c ? `${c}:Autocomplete` : void 0,
-      loading: N ? L : !1,
+      loading: B ? P : !1,
       options: T != null ? T : [],
       onChange: (w, y, M) => {
         t(w, y, M);
@@ -1236,17 +1257,17 @@ const Bo = /MUI: The value provided to.*is invalid/i, No = ({
       disablePortal: C,
       filterOptions: (w) => w,
       value: i,
-      noOptionsText: N ? u : "Start typing to search",
+      noOptionsText: B ? u : "Start typing to search",
       getOptionLabel: (w) => w.label,
       popupIcon: S,
       renderInput: (w) => /* @__PURE__ */ o(
         be,
-        I(a({
+        I(s({
           "data-testid": c ? `${c}:Autocomplete:TextField` : void 0
         }, w), {
           variant: d,
           label: n,
-          color: s,
+          color: a,
           error: l,
           helperText: h
         })
@@ -1257,7 +1278,7 @@ const Bo = /MUI: The value provided to.*is invalid/i, No = ({
       },
       renderOption: (w, y) => /* @__PURE__ */ Ce(
         "li",
-        I(a({}, w), {
+        I(s({}, w), {
           key: y.id,
           "data-testid": c ? `${c}:Autocomplete:option(${y.id.toString()})` : void 0
         }),
@@ -1266,13 +1287,13 @@ const Bo = /MUI: The value provided to.*is invalid/i, No = ({
       disabled: b
     }
   ) }) });
-}, Rn = (e) => {
+}, Hn = (e) => {
   if (!e)
     return -1;
   try {
     const n = e.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"), i = decodeURIComponent(
-      en.from(n, "base64").toString("utf8").split("").map(function(s) {
-        return "%" + ("00" + s.charCodeAt(0).toString(16)).slice(-2);
+      en.from(n, "base64").toString("utf8").split("").map(function(a) {
+        return "%" + ("00" + a.charCodeAt(0).toString(16)).slice(-2);
       }).join("")
     ), r = JSON.parse(i);
     return r != null && r.exp ? r.exp : -1;
@@ -1284,19 +1305,19 @@ const Bo = /MUI: The value provided to.*is invalid/i, No = ({
   closeHandler: t,
   setAuth0ExpiryTime: n
 }) => {
-  const { logout: i, getAccessTokenSilently: r } = pt(), [s, d] = B(0), l = () => P(void 0, null, function* () {
+  const { logout: i, getAccessTokenSilently: r } = pt(), [a, d] = N(0), l = () => _(void 0, null, function* () {
     i({ logoutParams: { returnTo: `${window.location.origin}` } });
-  }), c = () => P(void 0, null, function* () {
-    d(s + 1), t();
+  }), c = () => _(void 0, null, function* () {
+    d(a + 1), t();
   });
   return K(() => {
-    P(void 0, null, function* () {
-      if (s > 0) {
-        const v = yield r({ cacheMode: "off" }), h = Rn(v) * 1e3;
+    _(void 0, null, function* () {
+      if (a > 0) {
+        const v = yield r({ cacheMode: "off" }), h = Hn(v) * 1e3;
         n(h);
       }
     });
-  }, [s, r, n]), /* @__PURE__ */ o(
+  }, [a, r, n]), /* @__PURE__ */ o(
     vt,
     {
       isOpen: e,
@@ -1321,7 +1342,7 @@ const Bo = /MUI: The value provided to.*is invalid/i, No = ({
     }
   );
 };
-function Hn(e) {
+function Un(e) {
   return "error" in e;
 }
 function Wn(e) {
@@ -1329,17 +1350,17 @@ function Wn(e) {
   const t = e.error, n = (i = e == null ? void 0 : e.error_description) != null ? i : "";
   return t === "access_denied" && n.startsWith("You do not have the required authorization");
 }
-function Un(e) {
+function zn(e) {
   var i;
   const t = e.error, n = (i = e == null ? void 0 : e.error_description) != null ? i : "";
   return t === "access_denied" && n.startsWith("User did not authorize the request");
 }
-function zn(e) {
+function Gn(e) {
   var i;
   const t = e.error, n = (i = e == null ? void 0 : e.error_description) != null ? i : "";
   return t === "access_denied" && n.match(/Script.*time.*exceeded/);
 }
-function _o({
+function Mo({
   children: e,
   appName: t = "the app",
   throwErrors: n = "none",
@@ -1348,11 +1369,11 @@ function _o({
   }
 }) {
   var C, v;
-  const { isAuthenticated: s, isLoading: d, error: l, loginWithRedirect: c, logout: u } = pt();
+  const { isAuthenticated: a, isLoading: d, error: l, loginWithRedirect: c, logout: u } = pt();
   K(() => {
     l && r(l);
   }, [l, r]);
-  const g = Bt(
+  const g = Nt(
     () => ({
       appState: {
         returnTo: `${window.location.pathname}${window.location.search}`
@@ -1361,20 +1382,20 @@ function _o({
     []
   );
   if (K(() => {
-    d || s || l || c(g);
-  }, [d, s, l, c, r, g]), l) {
+    d || a || l || c(g);
+  }, [d, a, l, c, r, g]), l) {
     if (i || console.error(
-      `Error detected in AuthGuard [isAuthenticated=${s},isLoading=${d}]`,
+      `Error detected in AuthGuard [isAuthenticated=${a},isLoading=${d}]`,
       l
     ), n === "all")
       throw l;
-    if (Hn(l)) {
+    if (Un(l)) {
       let h = "Auth error", b = "An unknown Auth0 error occurred.";
       if (Wn(l))
         h = "Unauthorised", b = `You are not authorised to access ${t}.`;
-      else if (Un(l))
-        h = "App not authorised", b = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`;
       else if (zn(l))
+        h = "App not authorised", b = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`;
+      else if (Gn(l))
         h = "Auth0 script execution time exceeded", b = "The Auth0 login flow exceeded the time limit (20s). Try again in a minute by clicking the RELOAD button below.";
       else if (l.message === "Invalid state") {
         const S = localStorage.getItem("auth0_redirect_count");
@@ -1383,14 +1404,14 @@ function _o({
       return /* @__PURE__ */ p(nt, { open: !0, children: [
         /* @__PURE__ */ o(it, { children: h }),
         /* @__PURE__ */ p(rt, { children: [
-          /* @__PURE__ */ o(O, { children: b }),
+          /* @__PURE__ */ o(F, { children: b }),
           /* @__PURE__ */ o("br", {}),
-          /* @__PURE__ */ o(O, { variant: "subtitle2", children: "Details from Auth0" }),
-          /* @__PURE__ */ p(O, { variant: "body2", children: [
+          /* @__PURE__ */ o(F, { variant: "subtitle2", children: "Details from Auth0" }),
+          /* @__PURE__ */ p(F, { variant: "body2", children: [
             "error: ",
             (C = l == null ? void 0 : l.error) != null ? C : "N/A"
           ] }),
-          /* @__PURE__ */ p(O, { variant: "body2", children: [
+          /* @__PURE__ */ p(F, { variant: "body2", children: [
             "description: ",
             (v = l == null ? void 0 : l.error_description) != null ? v : "N/A"
           ] })
@@ -1402,15 +1423,15 @@ function _o({
       ] });
     } else if (n === "unknown") throw l;
   }
-  return s ? (localStorage.removeItem("auth0_redirect_count"), /* @__PURE__ */ o(_, { children: e })) : /* @__PURE__ */ o(tn, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
+  return a ? (localStorage.removeItem("auth0_redirect_count"), /* @__PURE__ */ o(L, { children: e })) : /* @__PURE__ */ o(tn, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
 }
-const Gn = {
+const Vn = {
   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
-}, Vn = {
+}, qn = {
   shouldClose: (e, t) => t !== "clickaway"
 }, Xe = {
   message: "",
@@ -1418,48 +1439,48 @@ const Gn = {
   variant: "standard",
   progressIndicator: void 0
   // Can use 'circular' or 'linear'
-}, Ye = 100, Ke = 2e3, qn = 2e3, Xn = /* @__PURE__ */ (() => {
+}, Ye = 100, Ke = 2e3, Xn = 2e3, Yn = /* @__PURE__ */ (() => {
   let e = 0;
   return () => (e += 1, e);
-})(), Yn = {
+})(), Kn = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
-}, Kn = {}, Qn = {}, bt = Ze(null);
-function Jn(s) {
-  var d = s, {
-    overrideState: e = Kn,
-    overrideActions: t = Qn,
-    shouldClose: n = Vn.shouldClose,
+}, Qn = {}, Jn = {}, bt = Ze(null);
+function Zn(a) {
+  var d = a, {
+    overrideState: e = Qn,
+    overrideActions: t = Jn,
+    shouldClose: n = qn.shouldClose,
     children: i
-  } = d, r = Fe(d, [
+  } = d, r = Oe(d, [
     "overrideState",
     "overrideActions",
     "shouldClose",
     "children"
   ]);
   var m;
-  const [{ open: l }, c] = B({ open: !1 }), u = ge([]), g = ge(Date.now()), C = ge(0), v = re((x) => {
+  const [{ open: l }, c] = N({ open: !1 }), u = ge([]), g = ge(Date.now()), C = ge(0), v = re((x) => {
     c({ open: x });
   }, []), h = re((x = {}) => {
     C.current += 1, u.current.length >= Ye && Date.now() - g.current >= Ke && (g.current = Date.now(), console.error(
       `SaladBarProvider: MAX_QUEUE_LENGTH (${Ye}) hit ${C.current} times in last ${Ke}ms)`
     ), C.current = 0);
-    const A = a(I(a({}, Xe), {
-      key: Xn()
+    const A = s(I(s({}, Xe), {
+      key: Yn()
     }), x);
     return u.current.push(A), u.current.length === 1 && c({ open: !0 }), A.key;
-  }, []), b = (x = "", A = {}) => h(a({ message: x, severity: "success" }, A)), S = (x = "", A = {}) => h(a({ message: x, severity: "info" }, A)), $ = (x = "", A = {}) => h(a({ message: x, severity: "warning" }, A)), D = (x = "", A = {}) => h(a({ message: x, severity: "error" }, A)), E = (x) => {
+  }, []), b = (x = "", A = {}) => h(s({ message: x, severity: "success" }, A)), S = (x = "", A = {}) => h(s({ message: x, severity: "info" }, A)), $ = (x = "", A = {}) => h(s({ message: x, severity: "warning" }, A)), D = (x = "", A = {}) => h(s({ message: x, severity: "error" }, A)), E = (x) => {
     const A = u.current.findIndex((H) => H.key === x);
     if (A !== -1)
       return A === 0 ? (c({ open: !1 }), u.current[0]) : u.current.splice(A, 1);
   }, T = (x, A) => {
     n(x, A) && c({ open: !1 });
-  }, L = () => {
-  }, N = () => {
+  }, P = () => {
+  }, B = () => {
     u.current.shift(), u.current.length > 0 && c({ open: !0 });
-  }, w = (m = u.current[0]) != null ? m : a({}, Xe), y = {};
+  }, w = (m = u.current[0]) != null ? m : s({}, Xe), y = {};
   "autoHideDuration" in w && (y.autoHideDuration = w.autoHideDuration);
-  const M = a(a({}, Gn), r), f = a(a({
+  const M = s(s({}, Vn), r), f = s(s({
     open: l,
     setOpen: v,
     enqueueNotification: h,
@@ -1472,15 +1493,15 @@ function Jn(s) {
   return /* @__PURE__ */ p(bt.Provider, { value: f, children: [
     i,
     /* @__PURE__ */ o(
-      Ut,
-      I(a(a({}, M), y), {
+      Wt,
+      I(s(s({}, M), y), {
         open: l,
         onClose: T,
         TransitionProps: {
-          onExited: N,
-          onExit: L
+          onExited: B,
+          onExit: P
         },
-        sx: { zIndex: qn },
+        sx: { zIndex: Xn },
         children: /* @__PURE__ */ p("div", { children: [
           /* @__PURE__ */ o(
             zt,
@@ -1489,7 +1510,7 @@ function Jn(s) {
               severity: w.severity,
               variant: "filled",
               icon: w.progressIndicator === "circular" ? /* @__PURE__ */ o(Se, { size: "1em" }) : void 0,
-              style: w.progressIndicator === "linear" ? Yn : void 0,
+              style: w.progressIndicator === "linear" ? Kn : void 0,
               children: w.message
             }
           ),
@@ -1499,24 +1520,24 @@ function Jn(s) {
     )
   ] });
 }
-function Zn() {
+function jn() {
   const e = je(bt);
   if (e === null)
     throw new ke("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
   return e;
 }
-const Lo = Ie(
-  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(Jn, I(a({}, e), { overrideState: t, overrideActions: n, children: i }))
+const Ro = Ie(
+  (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(Zn, I(s({}, e), { overrideState: t, overrideActions: n, children: i }))
 ), St = "domainCode";
 var Je;
 const Qe = R(
   JSON.parse((Je = localStorage.getItem(St)) != null ? Je : '{"domainCode": ""}').domainCode
-), jn = R(
+), eo = R(
   (e) => e(Qe),
   (e, t, n) => {
     t(Qe, n), localStorage.setItem(St, JSON.stringify({ domainCode: n }));
   }
-), eo = {
+), to = {
   act: "ACT",
   nsw: "NSW",
   nt: "NT",
@@ -1528,21 +1549,21 @@ const Qe = R(
   ag: "AG",
   fedmps: "Fedmps",
   "": ""
-}, to = (e) => {
+}, no = (e) => {
   var t;
-  return e === null ? "N/A" : (t = eo[e]) != null ? t : "";
-}, Mo = ({
+  return e === null ? "N/A" : (t = to[e]) != null ? t : "";
+}, Ho = ({
   isLoading: e,
   isOpen: t,
   onClose: n,
   onDomainChange: i,
   domainOptions: r,
-  applicationName: s,
+  applicationName: a,
   handleLogout: d
 }) => {
-  const [l, c] = V(jn), [u, g] = B(l), { enqueueSuccessNotification: C } = Zn(), v = r.length === 0, h = !!l && !r.includes(l) && !r.includes(u), b = !l || v || h, S = () => P(void 0, null, function* () {
+  const [l, c] = V(eo), [u, g] = N(l), { enqueueSuccessNotification: C } = jn(), v = r.length === 0, h = !!l && !r.includes(l) && !r.includes(u), b = !l || v || h, S = () => _(void 0, null, function* () {
     u ? (c(u), i == null || i(u), C(`Set organisation to ${u}`), n()) : (c(""), i == null || i(""));
-  }), $ = () => P(void 0, null, function* () {
+  }), $ = () => _(void 0, null, function* () {
     l && !v && !h ? (g(l), n()) : b && d();
   });
   let D;
@@ -1564,9 +1585,9 @@ const Qe = R(
       onClose: b ? () => {
       } : n,
       children: [
-        /* @__PURE__ */ p(O, { marginBottom: 2, children: [
+        /* @__PURE__ */ p(F, { marginBottom: 2, children: [
           "Select the default organisation that you want to use with the ",
-          s,
+          a,
           "."
         ] }),
         /* @__PURE__ */ o(
@@ -1577,15 +1598,15 @@ const Qe = R(
             disableClearable: !1,
             value: u !== "" ? u : null,
             onChange: (E, T) => g(T != null ? T : ""),
-            getOptionLabel: to,
+            getOptionLabel: no,
             options: [...r],
             renderInput: (E) => /* @__PURE__ */ o(
               be,
-              I(a({}, E), {
+              I(s({}, E), {
                 variant: "filled",
                 label: "Select organisation",
-                InputProps: I(a({}, E.InputProps), {
-                  endAdornment: /* @__PURE__ */ p(_, { children: [
+                InputProps: I(s({}, E.InputProps), {
+                  endAdornment: /* @__PURE__ */ p(L, { children: [
                     e ? /* @__PURE__ */ o(Se, { color: "inherit", size: 20, sx: { marginTop: "-20px" } }) : null,
                     E.InputProps.endAdornment
                   ] })
@@ -1598,7 +1619,7 @@ const Qe = R(
       ]
     }
   );
-}, Ro = st({
+}, Uo = st({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1649,7 +1670,7 @@ const Qe = R(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), Ho = st({
+}), Wo = st({
   palette: {
     primary: {
       main: "#007236",
@@ -1746,45 +1767,46 @@ const Qe = R(
 });
 export {
   vt as AgDialog,
-  Oo as AppLayout,
-  _o as AuthGuard,
+  No as AppLayout,
+  Mo as AuthGuard,
   bt as Context,
   ke as ContextError,
-  Mo as DomainCodeDialog,
-  bo as ExampleComponent,
-  Fo as FetchAutocomplete,
-  Bo as MUI_AUTOCOMPLETE_VALUE_WARNING_REGEX,
+  Ho as DomainCodeDialog,
+  So as ExampleComponent,
+  Bo as FetchAutocomplete,
+  _o as MUI_AUTOCOMPLETE_VALUE_WARNING_REGEX,
   gt as NAVBAR_WIDTH_CLOSED,
   ht as NAVBAR_WIDTH_OPENED,
-  $o as NavBar,
-  ko as NavBarDarkStyledList,
-  yo as NavBarLightStyledList,
+  Do as NavBar,
+  yo as NavBarDarkStyledList,
+  $o as NavBarLightStyledList,
   cn as NavBarProvider,
-  Do as PageLayout,
-  Jn as SaladBarProvider,
+  To as PageLayout,
+  Zn as SaladBarProvider,
   Po as SessionExpiryDialog,
-  No as SingleAutocomplete,
+  Lo as SingleAutocomplete,
   un as buildNavBarState,
-  jn as domainCodeAtom,
-  Ro as fed21Theme,
-  Rn as getAuth0Expiry,
-  Ho as internalAgSystemsTheme,
+  Oo as determineUserLevelFromClaims,
+  eo as domainCodeAtom,
+  Uo as fed21Theme,
+  Hn as getAuth0Expiry,
+  Wo as internalAgSystemsTheme,
   q as navBarClasses,
   ae as navBarOpenAtom,
   $n as navBarTopAtom,
   In as navBarWidthClosedAtom,
   Sn as navBarWidthOpenAtom,
-  Fn as simpleHashCode,
-  To as suppressConsole,
-  Ue as titleTextAtom,
+  Nn as simpleHashCode,
+  Eo as suppressConsole,
+  We as titleTextAtom,
   yn as topBarHeightAtom,
   kn as topBarMiddleAtom,
-  Eo as unsuppressConsole,
+  Fo as unsuppressConsole,
   At as useAutocompleteOptions,
   dn as useNavBar,
-  Zn as useSaladBar,
-  Io as withBrowserRouter,
-  So as withNavBarProvider,
-  Lo as withSaladBarProvider
+  jn as useSaladBar,
+  ko as withBrowserRouter,
+  Io as withNavBarProvider,
+  Ro as withSaladBarProvider
 };
 //# sourceMappingURL=index.js.map