@australiangreens/ag-internal-components 0.3.7 → 0.3.8

package/dist/esm/index.js

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