@australiangreens/ag-internal-components 0.0.79 → 0.0.80

package/dist/components/AuthGuard/AuthGuard.d.ts

@@ -1,4 +1,7 @@
 import { PropsWithChildren } from 'react';
+export interface AuthGuardProps {
+    appName?: string;
+}
 /**
  * Use as parent of main app (but within Auth0Provider) so when an anonymous
  * user visits the will be redirected to the login page and returned to the page
@@ -12,5 +15,5 @@ import { PropsWithChildren } from 'react';
  *
  * Do not use this if any routes need to be accessible to anonymous users.
  */
-export default function AuthGuard({ children }: PropsWithChildren): JSX.Element;
+export default function AuthGuard({ children, appName, }: PropsWithChildren<AuthGuardProps>): JSX.Element;
 //# sourceMappingURL=AuthGuard.d.ts.map

package/dist/components/AuthGuard/AuthGuard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AuthGuard.d.ts","sourceRoot":"","sources":["../../../src/components/AuthGuard/AuthGuard.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,iBAAiB,EAAa,MAAM,OAAO,CAAC;AASrD;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,eAmDhE"}
+{"version":3,"file":"AuthGuard.d.ts","sourceRoot":"","sources":["../../../src/components/AuthGuard/AuthGuard.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,iBAAiB,EAAa,MAAM,OAAO,CAAC;AASrD,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,QAAQ,EACR,OAAmB,GACpB,EAAE,iBAAiB,CAAC,cAAc,CAAC,eAkDnC"}

package/dist/esm/index.js

@@ -1,5 +1,5 @@
 var Ft = Object.defineProperty, Et = Object.defineProperties;
-var Nt = Object.getOwnPropertyDescriptors;
+var Pt = Object.getOwnPropertyDescriptors;
 var j = Object.getOwnPropertySymbols;
 var Te = Object.prototype.hasOwnProperty, ye = Object.prototype.propertyIsEnumerable;
 var de = (e, t, n) => t in e ? Ft(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, a = (e, t) => {
@@ -9,7 +9,7 @@ var de = (e, t, n) => t in e ? Ft(e, t, { enumerable: !0, configurable: !0, writ
     for (var n of j(t))
       ye.call(t, n) && de(e, n, t[n]);
   return e;
-}, b = (e, t) => Et(e, Nt(t));
+}, b = (e, t) => Et(e, Pt(t));
 var Oe = (e, t) => {
   var n = {};
   for (var i in e)
@@ -21,24 +21,24 @@ var Oe = (e, t) => {
 };
 var Fe = (e, t, n) => (de(e, typeof t != "symbol" ? t + "" : t, n), n);
 var z = (e, t, n) => new Promise((i, r) => {
-  var s = (c) => {
+  var s = (l) => {
     try {
-      d(n.next(c));
+      d(n.next(l));
     } catch (u) {
       r(u);
     }
-  }, l = (c) => {
+  }, c = (l) => {
     try {
-      d(n.throw(c));
+      d(n.throw(l));
     } catch (u) {
       r(u);
     }
-  }, d = (c) => c.done ? i(c.value) : Promise.resolve(c.value).then(s, l);
+  }, d = (l) => l.done ? i(l.value) : Promise.resolve(l.value).then(s, c);
   d((n = n.apply(e, t)).next());
 });
 import { jsxs as p, Fragment as B, jsx as o } from "react/jsx-runtime";
 import { useState as F, createContext as Xe, useCallback as ne, useContext as Qe, createElement as fe, useEffect as me, useRef as ue } from "react";
-import { Typography as E, Button as oe, Paper as Ke, Box as $, Drawer as ve, Dialog as Ye, DialogTitle as Je, DialogContent as Ze, DialogActions as je, Autocomplete as xe, TextField as we, CircularProgress as Ae, Chip as Pt, Tooltip as Bt, Stack as Lt, styled as Se, IconButton as Q, Container as et, useTheme as re, useMediaQuery as _t, Collapse as Mt, Avatar as Ee, Fade as Rt, Skeleton as Ne, Toolbar as Ht, Divider as Pe, CssBaseline as Wt, Snackbar as zt, Alert as Ut, LinearProgress as Gt, FormHelperText as Vt } from "@mui/material";
+import { Typography as E, Button as oe, Paper as Ke, Box as $, Drawer as ve, Dialog as Ye, DialogTitle as Je, DialogContent as Ze, DialogActions as je, Autocomplete as xe, TextField as we, CircularProgress as Ae, Chip as Nt, Tooltip as Bt, Stack as Lt, styled as Se, IconButton as Q, Container as et, useTheme as re, useMediaQuery as _t, Collapse as Mt, Avatar as Ee, Fade as Rt, Skeleton as Pe, Toolbar as Ht, Divider as Ne, CssBaseline as Wt, Snackbar as zt, Alert as Ut, LinearProgress as Gt, FormHelperText as Vt } from "@mui/material";
 import qt from "@mui/material/CssBaseline";
 import { styled as R, createTheme as tt, alpha as pe } from "@mui/material/styles";
 import { AgError as Xt } from "@australiangreens/ag-error";
@@ -138,14 +138,14 @@ const ut = Xe(null), dn = {}, un = {}, pn = ({
   overrideActions: t = un,
   children: n
 }) => {
-  const [{ open: i }, r] = F({ open: !0 }), s = ne((c) => {
-    r({ open: c });
-  }, []), l = ne(() => {
-    r((c) => b(a({}, c), { open: !c.open }));
+  const [{ open: i }, r] = F({ open: !0 }), s = ne((l) => {
+    r({ open: l });
+  }, []), c = ne(() => {
+    r((l) => b(a({}, l), { open: !l.open }));
   }, []), d = a(a({
     open: i,
     setOpen: s,
-    toggleOpen: l
+    toggleOpen: c
   }, e), t);
   return /* @__PURE__ */ o(ut.Provider, { value: d, children: n });
 }, hn = () => {
@@ -260,9 +260,9 @@ const fn = ({
   maxWidth: i,
   primaryButton: r,
   secondaryButton: s,
-  onClose: l,
+  onClose: c,
   sx: d,
-  "data-testid": c,
+  "data-testid": l,
   disableCloseOnBackdropOrEscape: u = !1
 }) => {
   var A, m;
@@ -272,11 +272,11 @@ const fn = ({
     {
       open: e,
       onClose: (S, k) => z(void 0, null, function* () {
-        u && (k === "backdropClick" || k === "escapeKeyDown") || v || (s != null && s.onClick ? yield s.onClick() : l());
+        u && (k === "backdropClick" || k === "escapeKeyDown") || v || (s != null && s.onClick ? yield s.onClick() : c());
       }),
       fullWidth: !0,
       maxWidth: i != null ? i : "xs",
-      "data-testid": c,
+      "data-testid": l,
       sx: d,
       children: [
         /* @__PURE__ */ o(Je, { children: t }),
@@ -285,7 +285,7 @@ const fn = ({
           /* @__PURE__ */ o(
             oe,
             {
-              onClick: (A = s == null ? void 0 : s.onClick) != null ? A : l,
+              onClick: (A = s == null ? void 0 : s.onClick) != null ? A : c,
               "data-testid": s == null ? void 0 : s.testId,
               disabled: (s == null ? void 0 : s.disabled) || v,
               color: s == null ? void 0 : s.buttonColor,
@@ -329,9 +329,9 @@ function Io({
   minLength: i = 0,
   label: r,
   value: s,
-  "data-testid": l,
+  "data-testid": c,
   sx: d,
-  textFieldColor: c,
+  textFieldColor: l,
   textFieldVariant: u = "filled",
   loadingText: v = "Loading...",
   noOptionsText: w = "No options",
@@ -342,26 +342,26 @@ function Io({
   disablePortal: I = !1
 }) {
   const [g, D] = F(""), H = (h, f) => {
-    const O = s.filter((P) => P.id !== f);
+    const O = s.filter((N) => N.id !== f);
     n(O, "delete", h);
-  }, { data: N, isLoading: _ } = pt({
+  }, { data: P, isLoading: _ } = pt({
     inputValue: g,
     label: r,
     lookup: e,
     minLength: i,
     preLoadedOptions: k
   }), T = g.length >= i;
-  return /* @__PURE__ */ p("div", { "data-testid": l, children: [
+  return /* @__PURE__ */ p("div", { "data-testid": c, children: [
     /* @__PURE__ */ o(
       xe,
       {
         sx: d,
-        "data-testid": l ? `${l}:Autocomplete` : void 0,
+        "data-testid": c ? `${c}:Autocomplete` : void 0,
         disablePortal: I,
         multiple: !0,
         getOptionLabel: (h) => typeof h == "string" ? h : h.label,
         loading: T ? _ : !1,
-        options: [...s, ...N != null ? N : []],
+        options: [...s, ...P != null ? P : []],
         filterSelectedOptions: !0,
         includeInputInList: !0,
         value: s,
@@ -386,26 +386,26 @@ function Io({
                 h.InputProps.endAdornment
               ] })
             }),
-            "data-testid": l ? `${l}:Autocomplete:TextField` : void 0,
+            "data-testid": c ? `${c}:Autocomplete:TextField` : void 0,
             onKeyDown: (f) => {
               (f.key === "Backspace" || f.key === "Delete") && f.stopPropagation();
             },
-            color: c
+            color: l
           })
         ),
         renderTags: () => null,
         isOptionEqualToValue: (h, f) => h.id === f.id,
         renderOption: (h, f, O) => {
           if (t) {
-            const P = Jt(f.label, O.inputValue, {
+            const N = Jt(f.label, O.inputValue, {
               insideWords: !0,
               findAllOccurrences: !0
-            }), x = Zt(f.label, P);
+            }), x = Zt(f.label, N);
             return /* @__PURE__ */ fe(
               "li",
               b(a({}, h), {
                 key: f.id,
-                "data-testid": l ? `${l}:Autocomplete:option(${f.id.toString()})` : void 0
+                "data-testid": c ? `${c}:Autocomplete:option(${f.id.toString()})` : void 0
               }),
               /* @__PURE__ */ o("div", { children: x.map((C, M) => /* @__PURE__ */ o(
                 "span",
@@ -423,7 +423,7 @@ function Io({
               "li",
               b(a({}, h), {
                 key: f.id,
-                "data-testid": l ? `${l}:option(${f.id.toString()})` : void 0
+                "data-testid": c ? `${c}:option(${f.id.toString()})` : void 0
               }),
               f.label
             );
@@ -431,7 +431,7 @@ function Io({
       }
     ),
     s.length > 0 && /* @__PURE__ */ o($, { children: s.map((h) => /* @__PURE__ */ o(
-      Pt,
+      Nt,
       {
         sx: {
           marginTop: 1,
@@ -456,12 +456,12 @@ function Io({
             children: /* @__PURE__ */ o(E, { style: { whiteSpace: "normal" }, children: h.chipLabel ? h.chipLabel : h.label })
           }
         ),
-        "data-testid": l ? `${l}:Chip(${h.id.toString()})` : void 0,
+        "data-testid": c ? `${c}:Chip(${h.id.toString()})` : void 0,
         onDelete: (f) => H(f, h.id),
         deleteIcon: /* @__PURE__ */ o(
           Qt,
           {
-            "data-testid": l ? `${l}:Chip(${h.id.toString()}):deleteIcon` : void 0
+            "data-testid": c ? `${c}:Chip(${h.id.toString()}):deleteIcon` : void 0
           }
         )
       },
@@ -477,9 +477,9 @@ const To = ({
   value: i,
   sx: r,
   textFieldColor: s,
-  textFieldVariant: l = "filled",
+  textFieldVariant: c = "filled",
   "data-testid": d,
-  noOptionsText: c = "No options",
+  noOptionsText: l = "No options",
   minLength: u = 3,
   disablePortal: v = !1,
   preLoadedOptions: w
@@ -504,14 +504,14 @@ const To = ({
       disablePortal: v,
       filterOptions: (g) => g,
       value: i,
-      noOptionsText: I ? c : "Start typing to search",
+      noOptionsText: I ? l : "Start typing to search",
       getOptionLabel: (g) => g.label,
       renderInput: (g) => /* @__PURE__ */ o(
         we,
         b(a({
           "data-testid": d ? `${d}:Autocomplete:TextField` : void 0
         }, g), {
-          variant: l,
+          variant: c,
           label: n,
           color: s
         })
@@ -547,26 +547,29 @@ function xn(e) {
   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 yo({ children: e }) {
-  const { isAuthenticated: t, isLoading: n, error: i, loginWithRedirect: r, logout: s } = nn();
+function yo({
+  children: e,
+  appName: t = "the app"
+}) {
+  const { isAuthenticated: n, isLoading: i, error: r, loginWithRedirect: s, logout: c } = nn();
   if (me(() => {
-    if (n || t || i)
+    if (i || n || r)
       return;
-    const l = {
+    const d = {
       appState: {
         returnTo: `${window.location.pathname}${window.location.search}`
       }
     };
-    r(l);
-  }, [n, t, i, r]), i && mn(i)) {
-    let l = "Auth error", d = "An unknown Auth0 error occurred.";
-    return vn(i) ? (l = "Unauthorised", d = "You are not authorised to access the app.") : xn(i) ? (l = "App not authorised", d = "You have not authorised the application to access your user profile. This is necessary to use the app.") : Cn(i) && (l = "Unauthorised", d = "Authorisation with auth0 failed for an unknown reason."), /* @__PURE__ */ p(Ye, { open: !0, children: [
-      /* @__PURE__ */ o(Je, { children: l }),
-      /* @__PURE__ */ o(Ze, { children: /* @__PURE__ */ o(E, { children: d }) }),
-      /* @__PURE__ */ o(je, { children: /* @__PURE__ */ o(oe, { onClick: () => s({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" }) })
+    s(d);
+  }, [i, n, r, s]), r && mn(r)) {
+    let d = "Auth error", l = "An unknown Auth0 error occurred.";
+    return vn(r) ? (d = "Unauthorised", l = `You are not authorised to access ${t}.`) : xn(r) ? (d = "App not authorised", l = `You have not authorised ${t} to access your user profile. This is necessary to use ${t}.`) : Cn(r) && (d = "Unauthorised", l = "Authorisation with auth0 failed for an unknown reason."), /* @__PURE__ */ p(Ye, { open: !0, children: [
+      /* @__PURE__ */ o(Je, { children: d }),
+      /* @__PURE__ */ o(Ze, { children: /* @__PURE__ */ o(E, { children: l }) }),
+      /* @__PURE__ */ o(je, { children: /* @__PURE__ */ o(oe, { onClick: () => c({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" }) })
     ] });
   }
-  return t ? /* @__PURE__ */ o(B, { children: e }) : /* @__PURE__ */ o(on, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
+  return n ? /* @__PURE__ */ o(B, { children: e }) : /* @__PURE__ */ o(on, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
 }
 const wn = 24, An = 64, G = "TopBar", y = {
   topStripe: `${G}-topStripe`,
@@ -728,9 +731,9 @@ function Me({
   },
   titleText: r = "",
   width: s = ht,
-  showCloseArrow: l = !0,
+  showCloseArrow: c = !0,
   debugOpacity: d = !1,
-  headerBoxProps: c = {},
+  headerBoxProps: l = {},
   onOpened: u,
   onClosed: v,
   "data-testid": w,
@@ -755,14 +758,14 @@ function Me({
       navBarWidthOpen: m,
       navBarWidthClosed: S,
       children: [
-        /* @__PURE__ */ o(Dn, b(a({ anchor: t }, c), { children: t === "left" ? /* @__PURE__ */ p(B, { children: [
+        /* @__PURE__ */ o(Dn, b(a({ anchor: t }, l), { children: t === "left" ? /* @__PURE__ */ p(B, { children: [
           /* @__PURE__ */ o(E, { variant: "h6", color: "inherit", component: "div", children: r }),
-          l && /* @__PURE__ */ p(Q, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
+          c && /* @__PURE__ */ p(Q, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
             /* @__PURE__ */ o(it, { "data-testid": "arrowbackicon" }),
             " "
           ] })
         ] }) : /* @__PURE__ */ p(B, { children: [
-          l && /* @__PURE__ */ p(Q, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
+          c && /* @__PURE__ */ p(Q, { onClick: i, size: "large", "aria-label": "Close right side panel", children: [
             /* @__PURE__ */ o(ot, {}),
             " "
           ] }),
@@ -823,19 +826,19 @@ function Oo({
   rightPanel: i,
   sidePanelsAreMutuallyExclusive: r = !0,
   debugOpacity: s = !1,
-  pageContainerProps: l,
+  pageContainerProps: c,
   pageContentDataTestId: d,
-  topBarDataTestId: c,
+  topBarDataTestId: l,
   navBarOpen: u,
   navBarWidthOpen: v,
   navBarWidthClosed: w
 }) {
-  const [A, m] = F(he), [S, k] = F(ge), [I, g] = F(he), [D, H] = F(ge), N = n !== void 0, _ = i !== void 0, {
+  const [A, m] = F(he), [S, k] = F(ge), [I, g] = F(he), [D, H] = F(ge), P = n !== void 0, _ = i !== void 0, {
     titleText: T,
     content: h,
     flavour: f,
     open: O,
-    onChangeOpen: P,
+    onChangeOpen: N,
     width: x,
     arrowButtons: C,
     startOpen: M,
@@ -861,12 +864,12 @@ function Oo({
     Z !== ge && (k(Z), H(Z));
   }, [Z]);
   const le = O === void 0 ? A : O, ce = ae === void 0 ? S : ae, $e = (W) => {
-    O === void 0 && (m(W), r && _ && (W ? (k(!1), H(S)) : k(D))), P && P(W);
+    O === void 0 && (m(W), r && _ && (W ? (k(!1), H(S)) : k(D))), N && N(W);
   }, Ie = (W) => {
-    ae === void 0 && (k(W), r && N && (W ? (m(!1), g(A)) : m(I))), De && De(W);
+    ae === void 0 && (k(W), r && P && (W ? (m(!1), g(A)) : m(I))), De && De(W);
   };
   return /* @__PURE__ */ p($, { children: [
-    N && /* @__PURE__ */ o(
+    P && /* @__PURE__ */ o(
       Me,
       {
         "data-testid": Dt,
@@ -908,8 +911,8 @@ function Oo({
       bn,
       a(a({
         titleText: t,
-        "data-testid": c
-      }, N && f === "push" ? {
+        "data-testid": l
+      }, P && f === "push" ? {
         leftPanel: {
           open: le,
           width: x,
@@ -938,7 +941,7 @@ function Oo({
           width: se
         }
       } : {}), {
-        children: /* @__PURE__ */ o(In, b(a({ "data-testid": d }, l), { children: e }))
+        children: /* @__PURE__ */ o(In, b(a({ "data-testid": d }, c), { children: e }))
       })
     )
   ] });
@@ -958,7 +961,7 @@ const te = "Navbar", X = {
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, Nn = R($, { name: "NavBar" })(({ theme: e }) => ({
+}, Pn = R($, { name: "NavBar" })(({ theme: e }) => ({
   [`&.${X.root}`]: {
     display: "flex"
   },
@@ -980,7 +983,7 @@ const te = "Navbar", X = {
 })), ie = (e, t, n) => e.transitions.create(t, {
   easing: e.transitions.easing.sharp,
   duration: n === "leaving" ? e.transitions.duration.leavingScreen : e.transitions.duration.enteringScreen
-}), Pn = (e) => {
+}), Nn = (e) => {
   const t = re();
   return /* @__PURE__ */ o(
     Mt,
@@ -1065,9 +1068,9 @@ function Mn({ user: e, domainCode: t, open: n }) {
             ) : /* @__PURE__ */ o(Ee, { sx: { width: "100%", height: "100%" } })
           }
         ),
-        /* @__PURE__ */ o(Pn, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Rt, { in: n, children: /* @__PURE__ */ p($, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
-          e != null && e.name ? /* @__PURE__ */ o(E, { children: e.name }) : /* @__PURE__ */ o(Ne, { animation: !1, width: "50%" }),
-          t ? /* @__PURE__ */ o(E, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Ne, { animation: !1, width: "25%" })
+        /* @__PURE__ */ o(Nn, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Rt, { in: n, children: /* @__PURE__ */ p($, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
+          e != null && e.name ? /* @__PURE__ */ o(E, { children: e.name }) : /* @__PURE__ */ o(Pe, { animation: !1, width: "50%" }),
+          t ? /* @__PURE__ */ o(E, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Pe, { animation: !1, width: "25%" })
         ] }) }) })
       ]
     }
@@ -1080,12 +1083,12 @@ function Rn({
   "data-testid": i,
   top: r,
   middle: s,
-  bottom: l,
+  bottom: c,
   user: d,
-  domainCode: c
+  domainCode: l
 }) {
   const u = gt(), v = rt(K);
-  return /* @__PURE__ */ o(Nn, { className: X.root, "data-testid": i, children: /* @__PURE__ */ p(
+  return /* @__PURE__ */ o(Pn, { className: X.root, "data-testid": i, children: /* @__PURE__ */ p(
     Bn,
     {
       open: e,
@@ -1104,13 +1107,13 @@ function Rn({
         !u && /* @__PURE__ */ o(Ht, {}),
         r && /* @__PURE__ */ p($, { flexGrow: "0", children: [
           r,
-          /* @__PURE__ */ o(Pe, { variant: "middle" })
+          /* @__PURE__ */ o(Ne, { variant: "middle" })
         ] }),
         /* @__PURE__ */ o($, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ o(En, { links: s }) : s }),
         /* @__PURE__ */ p($, { flexGrow: "0", children: [
-          /* @__PURE__ */ o(Pe, { variant: "middle" }),
-          /* @__PURE__ */ o(Mn, { user: d, domainCode: c, open: e }),
-          l && /* @__PURE__ */ o(B, { children: l })
+          /* @__PURE__ */ o(Ne, { variant: "middle" }),
+          /* @__PURE__ */ o(Mn, { user: d, domainCode: l, open: e }),
+          c && /* @__PURE__ */ o(B, { children: c })
         ] })
       ]
     }
@@ -1153,7 +1156,7 @@ function Un({
   "data-testid": n,
   middle: i
 }) {
-  const r = rt(K), s = () => r((c) => !c), l = re(), d = gt();
+  const r = rt(K), s = () => r((l) => !l), c = re(), d = gt();
   return /* @__PURE__ */ o("header", { "data-testid": n, children: /* @__PURE__ */ p(
     Ke,
     {
@@ -1169,7 +1172,7 @@ function Un({
         gap: 2,
         flexShrink: 0,
         height: t,
-        zIndex: d ? 0 : l.zIndex.drawer + 1
+        zIndex: d ? 0 : c.zIndex.drawer + 1
       },
       children: [
         /* @__PURE__ */ o(Q, { size: "medium", color: "inherit", sx: { padding: 1.5 }, onClick: s, children: /* @__PURE__ */ o(Yt, { fontSize: "medium" }) }),
@@ -1186,9 +1189,9 @@ function Fo({
   pageContainerProps: i,
   pageContentDataTestId: r,
   topBarDataTestId: s,
-  navBarDataTestId: l,
+  navBarDataTestId: c,
   navBarMiddle: d,
-  navBarBottom: c,
+  navBarBottom: l,
   user: u,
   domainCode: v
 }) {
@@ -1215,13 +1218,13 @@ function Fo({
           open: w,
           top: g,
           middle: d,
-          bottom: c,
+          bottom: l,
           user: u,
           domainCode: v,
           widthOpen: A,
           widthClosed: m,
           offsetTop: k,
-          "data-testid": l
+          "data-testid": c
         }
       ),
       /* @__PURE__ */ o(
@@ -1258,20 +1261,20 @@ const Gn = {
   borderBottomRightRadius: "0px"
 }, Kn = {}, Yn = {}, wt = Xe(null);
 function Jn(s) {
-  var l = s, {
+  var c = s, {
     overrideState: e = Kn,
     overrideActions: t = Yn,
     shouldClose: n = Vn.shouldClose,
     children: i
-  } = l, r = Oe(l, [
+  } = c, r = Oe(c, [
     "overrideState",
     "overrideActions",
     "shouldClose",
     "children"
   ]);
-  var P;
-  const [{ open: d }, c] = F({ open: !1 }), u = ue([]), v = ue(Date.now()), w = ue(0), A = ne((x) => {
-    c({ open: x });
+  var N;
+  const [{ open: d }, l] = F({ open: !1 }), u = ue([]), v = ue(Date.now()), w = ue(0), A = ne((x) => {
+    l({ open: x });
   }, []), m = ne((x = {}) => {
     w.current += 1, u.current.length >= Ue && Date.now() - v.current >= Ge && (v.current = Date.now(), console.error(
       `SaladBarProvider: MAX_QUEUE_LENGTH (${Ue}) hit ${w.current} times in last ${Ge}ms)`
@@ -1279,17 +1282,17 @@ function Jn(s) {
     const C = a(b(a({}, ze), {
       key: Xn()
     }), x);
-    return u.current.push(C), u.current.length === 1 && c({ open: !0 }), C.key;
+    return u.current.push(C), u.current.length === 1 && l({ open: !0 }), C.key;
   }, []), S = (x = "", C = {}) => m(a({ message: x, severity: "success" }, C)), k = (x = "", C = {}) => m(a({ message: x, severity: "info" }, C)), I = (x = "", C = {}) => m(a({ message: x, severity: "warning" }, C)), g = (x = "", C = {}) => m(a({ message: x, severity: "error" }, C)), D = (x) => {
     const C = u.current.findIndex((M) => M.key === x);
     if (C !== -1)
-      return C === 0 ? (c({ open: !1 }), u.current[0]) : u.current.splice(C, 1);
+      return C === 0 ? (l({ open: !1 }), u.current[0]) : u.current.splice(C, 1);
   }, H = (x, C) => {
-    n(x, C) && c({ open: !1 });
-  }, N = () => {
+    n(x, C) && l({ open: !1 });
+  }, P = () => {
   }, _ = () => {
-    u.current.shift(), u.current.length > 0 && c({ open: !0 });
-  }, T = (P = u.current[0]) != null ? P : a({}, ze), h = {};
+    u.current.shift(), u.current.length > 0 && l({ open: !0 });
+  }, T = (N = u.current[0]) != null ? N : a({}, ze), h = {};
   "autoHideDuration" in T && (h.autoHideDuration = T.autoHideDuration);
   const f = a(a({}, Gn), r), O = a(a({
     open: d,
@@ -1310,7 +1313,7 @@ function Jn(s) {
         onClose: H,
         TransitionProps: {
           onExited: _,
-          onExit: N
+          onExit: P
         },
         sx: { zIndex: qn },
         children: /* @__PURE__ */ p("div", { children: [
@@ -1339,7 +1342,7 @@ function Zn() {
 }
 const Eo = Y(
   (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(Jn, b(a({}, e), { overrideState: t, overrideActions: n, children: i }))
-), jn = rn(), No = ({
+), jn = rn(), Po = ({
   children: e,
   store: t
 }) => /* @__PURE__ */ o(at, { store: t != null ? t : jn, children: e }), At = "domainCode";
@@ -1366,7 +1369,7 @@ const Ve = L(
 }, to = (e) => {
   var t;
   return e === null ? "N/A" : (t = eo[e]) != null ? t : "";
-}, Po = ({
+}, No = ({
   isLoading: e,
   isOpen: t,
   onClose: n,
@@ -1374,10 +1377,10 @@ const Ve = L(
   applicationName: r,
   handleLogout: s
 }) => {
-  const [l, d] = V(St), [c, u] = F(l), { enqueueSuccessNotification: v } = Zn(), w = i.length === 0, A = !!l && !i.includes(l) && !i.includes(c), m = !l || w || A, S = () => z(void 0, null, function* () {
-    c ? (d(c), v(`Set domain to ${c}`), n()) : d("");
+  const [c, d] = V(St), [l, u] = F(c), { enqueueSuccessNotification: v } = Zn(), w = i.length === 0, A = !!c && !i.includes(c) && !i.includes(l), m = !c || w || A, S = () => z(void 0, null, function* () {
+    l ? (d(l), v(`Set domain to ${l}`), n()) : d("");
   }), k = () => z(void 0, null, function* () {
-    l && !w && !A ? (u(l), n()) : m && s();
+    c && !w && !A ? (u(c), n()) : m && s();
   });
   let I;
   return w ? I = "Unable to retrieve your active organisations. Try logging in again." : A && (I = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ p(
@@ -1388,7 +1391,7 @@ const Ve = L(
       primaryButton: {
         text: "Confirm",
         onClick: S,
-        disabled: !c || w || A,
+        disabled: !l || w || A,
         buttonColor: "primary"
       },
       secondaryButton: {
@@ -1409,7 +1412,7 @@ const Ve = L(
             loading: e,
             multiple: !1,
             disableClearable: !1,
-            value: c !== "" ? c : null,
+            value: l !== "" ? l : null,
             onChange: (g, D) => u(D != null ? D : ""),
             getOptionLabel: to,
             options: [...i],
@@ -1605,11 +1608,11 @@ const Ve = L(
 export {
   fn as AgDialog,
   Fo as AppLayout,
-  No as AtomProvider,
+  Po as AtomProvider,
   yo as AuthGuard,
   wt as Context,
   be as ContextError,
-  Po as DomainCodeDialog,
+  No as DomainCodeDialog,
   So as ExampleComponent,
   Io as FetchAutocomplete,
   oo as HydrateAtoms,