@australiangreens/ag-internal-components 0.0.97 → 0.0.99

package/dist/esm/index.js

@@ -49,14 +49,13 @@ import { ArrowForward as lt, ArrowBack as ct, ViewHeadline as jt, Cancel as en,
 import { atom as _, useSetAtom as dt, useAtomValue as _e, useAtom as V, getDefaultStore as nn, Provider as pt } from "jotai";
 import { useHydrateAtoms as ut } from "jotai/utils";
 import Me from "react-avatar";
-import { simpleHashCode as on } from "src/utils";
-import rn from "autosuggest-highlight/match";
-import an from "autosuggest-highlight/parse";
-import { useQuery as sn, QueryClient as ln, QueryClientProvider as cn } from "@tanstack/react-query";
+import on from "autosuggest-highlight/match";
+import rn from "autosuggest-highlight/parse";
+import { useQuery as an, QueryClient as sn, QueryClientProvider as ln } from "@tanstack/react-query";
 import { useAuth0 as ht } from "@auth0/auth0-react";
-import { Buffer as dn } from "buffer";
-import pn from "@mui/material/Skeleton";
-function To({ text: e }) {
+import { Buffer as cn } from "buffer";
+import dn from "@mui/material/Skeleton";
+function Oo({ text: e }) {
   const [t, n] = B(0);
   return /* @__PURE__ */ u(E, { children: [
     /* @__PURE__ */ o(F, { variant: "h6", color: "inherit", component: "div", sx: { fontSize: "22px" }, children: "Hello world" }),
@@ -88,7 +87,7 @@ const gt = 330, ft = 73, U = "Navbar", q = {
   userInfoHolder: `${U}-userInfoHolder`,
   settings: `${U}-settings`,
   pieChartIcon: `${U}-pieChartIcon`
-}, un = R(y, {
+}, pn = R(y, {
   name: "NavBar"
 })(({ theme: e }) => ({
   [`&.${q.root}`]: {
@@ -117,11 +116,11 @@ const gt = 330, ft = 73, U = "Navbar", q = {
   color: "white",
   backgroundColor: "black"
   // backgroundColor: '#e8e8e8',
-}), hn = () => a({
+}), un = () => a({
   width: gt
-}, mt()), gn = () => a({
+}, mt()), hn = () => a({
   width: ft
-}, mt()), fn = R(we, {
+}, mt()), gn = R(we, {
   shouldForwardProp: (e) => e !== "open"
 })(({ theme: e, open: t }) => a(a({
   width: t ? gt : ft,
@@ -130,16 +129,16 @@ const gt = 330, ft = 73, U = "Navbar", q = {
   boxSizing: "border-box",
   zIndex: e.zIndex.drawer + 100
 }, t && {
-  "& .MuiDrawer-paper": hn()
+  "& .MuiDrawer-paper": un()
 }), !t && {
-  "& .MuiDrawer-paper": gn()
+  "& .MuiDrawer-paper": hn()
 }));
 class De extends Jt {
 }
 Fe(De, "errorName", "ContextError");
-const Ct = Je(null), mn = {}, Cn = {}, xn = ({
-  overrideState: e = mn,
-  overrideActions: t = Cn,
+const Ct = Je(null), fn = {}, mn = {}, Cn = ({
+  overrideState: e = fn,
+  overrideActions: t = mn,
   children: n
 }) => {
   const [{ open: i }, r] = B({ open: !0 }), s = ie((l) => {
@@ -152,16 +151,16 @@ const Ct = Je(null), mn = {}, Cn = {}, xn = ({
     toggleOpen: c
   }, e), t);
   return /* @__PURE__ */ o(Ct.Provider, { value: d, children: n });
-}, vn = () => {
+}, xn = () => {
   const e = Ze(Ct);
   if (e === null)
     throw new De("Error: Tried to useNavBar outside of a <NavBarProvider>");
   return e;
-}, wn = (e = {}) => a({
+}, vn = (e = {}) => a({
   open: !0
-}, e), Bo = Q(
-  (e = wn(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(xn, { overrideState: e, overrideActions: t, children: n })
-), Eo = Q(() => ({ children: e }) => /* @__PURE__ */ o(Zt, { children: e })), Re = 7, Fo = R(st)(({ theme: e }) => ({
+}, e), To = Q(
+  (e = vn(), t = {}) => ({ children: n }) => /* @__PURE__ */ o(Cn, { overrideState: e, overrideActions: t, children: n })
+), Bo = Q(() => ({ children: e }) => /* @__PURE__ */ o(Zt, { children: e })), Re = 7, Eo = R(st)(({ theme: e }) => ({
   backgroundColor: "black",
   color: "white",
   "& .MuiListItem-root": {
@@ -199,7 +198,7 @@ const Ct = Je(null), mn = {}, Cn = {}, xn = ({
     // '&.Mui-selected.Mui-focusVisible:hover': {
     // },
   }
-})), He = 7, Po = R(st)(({ theme: e }) => ({
+})), He = 7, Fo = R(st)(({ theme: e }) => ({
   backgroundColor: "#e8e8e8",
   color: "inherit",
   "& .MuiListItem-root": {
@@ -238,15 +237,15 @@ const Ct = Je(null), mn = {}, Cn = {}, xn = ({
     // },
   }
 }));
-function No({
+function Po({
   "data-testid": e,
   children: t
 }) {
-  const { open: n } = vn();
-  return /* @__PURE__ */ u(un, { className: q.root, "data-testid": e, children: [
+  const { open: n } = xn();
+  return /* @__PURE__ */ u(pn, { className: q.root, "data-testid": e, children: [
     /* @__PURE__ */ o(Kt, {}),
     /* @__PURE__ */ o(
-      fn,
+      gn,
       {
         variant: "permanent",
         anchor: "left",
@@ -257,14 +256,14 @@ function No({
     )
   ] });
 }
-const An = 24, bn = 64, G = "TopBar", T = {
+const wn = 24, An = 64, G = "TopBar", T = {
   topStripe: `${G}-topStripe`,
   titleBar: `${G}-titleBar`,
   titleSlider: `${G}-titleSlider`,
   titleText: `${G}-titleText`,
   leftPanelButton: `${G}-leftPanelButton`,
   rightPanelButton: `${G}-leftPanelButton`
-}, Sn = Ae("div", {
+}, bn = Ae("div", {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: G
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
@@ -273,12 +272,12 @@ const An = 24, bn = 64, G = "TopBar", T = {
     width: "100%",
     [`& .${T.topStripe}`]: {
       width: "100%",
-      height: `${An}px`,
+      height: `${wn}px`,
       backgroundColor: e.palette.primary.main
     },
     [`& .${T.titleBar}`]: {
       backgroundColor: e.palette.primary.light,
-      height: `${bn}px`,
+      height: `${An}px`,
       padding: e.spacing(0, 3),
       width: "100%"
     },
@@ -316,13 +315,13 @@ const An = 24, bn = 64, G = "TopBar", T = {
     })
   };
 });
-function kn({
+function Sn({
   titleText: e = "",
   leftPanel: t,
   rightPanel: n,
   "data-testid": i
 }) {
-  return /* @__PURE__ */ u(Sn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
+  return /* @__PURE__ */ u(bn, { leftPanel: t, rightPanel: n, "data-testid": i, children: [
     /* @__PURE__ */ o("div", { className: T.topStripe }),
     /* @__PURE__ */ o("div", { className: T.titleBar, children: /* @__PURE__ */ u(y, { className: T.titleSlider, children: [
       t !== void 0 && !t.open && t.showOpenArrow && /* @__PURE__ */ u(
@@ -359,7 +358,7 @@ function kn({
     ] }) })
   ] });
 }
-const xt = 400, Dn = Ae(we, {
+const xt = 400, kn = Ae(we, {
   shouldForwardProp: (e) => (
     // Note we do want anchor to be forwarded to the Drawer component
     ![
@@ -389,7 +388,7 @@ const xt = 400, Dn = Ae(we, {
       marginLeft: `${r}px`
     }))
   })
-), yn = Ae(y, {
+), Dn = Ae(y, {
   shouldForwardProp: (e) => !["anchor"].includes(e)
 })(({ theme: e, anchor: t }) => k(a({
   display: "flex",
@@ -428,7 +427,7 @@ function We({
   navBarWidthClosed: $ = 0
 }) {
   return /* @__PURE__ */ u(
-    Dn,
+    kn,
     {
       SlideProps: {
         onEntered: () => p == null ? void 0 : p(),
@@ -444,7 +443,7 @@ function We({
       navBarWidthOpen: g,
       navBarWidthClosed: $,
       children: [
-        /* @__PURE__ */ o(yn, k(a({ anchor: t }, l), { children: t === "left" ? /* @__PURE__ */ u(E, { children: [
+        /* @__PURE__ */ o(Dn, k(a({ anchor: t }, l), { children: t === "left" ? /* @__PURE__ */ u(E, { children: [
           /* @__PURE__ */ o(F, { variant: "h6", color: "inherit", component: "div", children: r }),
           c && /* @__PURE__ */ u(K, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
             /* @__PURE__ */ o(ct, { "data-testid": "arrowbackicon" }),
@@ -462,7 +461,7 @@ function We({
     }
   );
 }
-const $n = R(y, {
+const yn = R(y, {
   shouldForwardProp: (e) => !["leftPanel", "rightPanel"].includes(e),
   name: "PanelAwareMargins"
 })(({ theme: e, leftPanel: t, rightPanel: n }) => {
@@ -485,7 +484,7 @@ const $n = R(y, {
     }),
     marginRight: `${(r = n == null ? void 0 : n.width) != null ? r : 0}px`
   });
-}), In = R(et, {
+}), $n = R(et, {
   name: "PageContainer"
 })(({ theme: e }) => ({
   // Horizontal padding comes from the Container's gutter
@@ -505,7 +504,7 @@ const $n = R(y, {
   onClosed: void 0,
   dataTestId: void 0
 };
-function Lo({
+function No({
   children: e,
   titleText: t = "",
   leftPanel: n,
@@ -519,7 +518,7 @@ function Lo({
   navBarWidthOpen: v,
   navBarWidthClosed: C
 }) {
-  const [A, g] = B(me), [$, b] = B(Ce), [D, I] = B(me), [O, P] = B(Ce), N = n !== void 0, S = i !== void 0, {
+  const [A, g] = B(me), [$, D] = B(Ce), [b, I] = B(me), [O, P] = B(Ce), N = n !== void 0, S = i !== void 0, {
     titleText: w,
     content: H,
     flavour: W,
@@ -547,12 +546,12 @@ function Lo({
   re(() => {
     M !== me && (g(M), I(M));
   }, [M]), re(() => {
-    ee !== Ce && (b(ee), P(ee));
+    ee !== Ce && (D(ee), P(ee));
   }, [ee]);
   const pe = h === void 0 ? A : h, ue = ce === void 0 ? $ : ce, Ie = (z) => {
-    h === void 0 && (g(z), r && S && (z ? (b(!1), P($)) : b(O))), f && f(z);
+    h === void 0 && (g(z), r && S && (z ? (D(!1), P($)) : D(O))), f && f(z);
   }, Oe = (z) => {
-    ce === void 0 && (b(z), r && N && (z ? (g(!1), I(A)) : g(D))), $e && $e(z);
+    ce === void 0 && (D(z), r && N && (z ? (g(!1), I(A)) : g(b))), $e && $e(z);
   };
   return /* @__PURE__ */ u(y, { children: [
     N && /* @__PURE__ */ o(
@@ -594,7 +593,7 @@ function Lo({
       }
     ),
     /* @__PURE__ */ o(
-      kn,
+      Sn,
       a(a({
         titleText: t,
         "data-testid": l
@@ -615,7 +614,7 @@ function Lo({
       } : {})
     ),
     /* @__PURE__ */ o(
-      $n,
+      yn,
       k(a(a({}, W === "push" ? {
         leftPanel: {
           open: pe,
@@ -627,7 +626,7 @@ function Lo({
           width: de
         }
       } : {}), {
-        children: /* @__PURE__ */ o(In, k(a({ "data-testid": d }, c), { children: e }))
+        children: /* @__PURE__ */ o($n, k(a({ "data-testid": d }, c), { children: e }))
       })
     )
   ] });
@@ -635,8 +634,8 @@ function Lo({
 const vt = () => {
   const e = se();
   return Rt(e.breakpoints.down("sm"));
-}, On = 64, Tn = 72, Bn = 256, J = _(!0), wt = _(Bn), At = _(Tn), ve = _(""), En = _(void 0), bt = _(On), St = _(void 0);
-function Fn({ links: e }) {
+}, In = 64, On = 72, Tn = 256, J = _(!0), wt = _(Tn), At = _(On), ve = _(""), Bn = _(void 0), bt = _(In), St = _(void 0);
+function En({ links: e }) {
   return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
 }
 const oe = "Navbar", Y = {
@@ -647,7 +646,7 @@ const oe = "Navbar", Y = {
   // userInfoHolder: `${PREFIX}-userInfoHolder`,
   // settings: `${PREFIX}-settings`,
   // pieChartIcon: `${PREFIX}-pieChartIcon`,
-}, Pn = R(y, { name: "NavBar" })(({ theme: e }) => ({
+}, Fn = R(y, { name: "NavBar" })(({ theme: e }) => ({
   [`&.${Y.root}`]: {
     display: "flex"
   },
@@ -669,7 +668,7 @@ const oe = "Navbar", Y = {
 })), X = (e, t, n) => e.transitions.create(t, {
   easing: e.transitions.easing.sharp,
   duration: n === "leaving" ? e.transitions.duration.leavingScreen : e.transitions.duration.enteringScreen
-}), Nn = (e) => {
+}), Pn = (e) => {
   const t = se();
   return /* @__PURE__ */ o(
     Ht,
@@ -695,7 +694,7 @@ const oe = "Navbar", Y = {
 }, kt(e)), Ue = (e, t) => a({
   width: t,
   transition: X(e, "width", "leaving")
-}, kt(e)), Ln = R(we, {
+}, kt(e)), Nn = R(we, {
   shouldForwardProp: (e) => !["widthOpen", "widthClosed", "isSmallScreen"].includes(e)
 })(({ theme: e, open: t, widthOpen: n, widthClosed: i, isSmallScreen: r }) => a(a({
   flexShrink: 0,
@@ -709,7 +708,16 @@ const oe = "Navbar", Y = {
 })), !t && k(a({}, Ue(e, r ? n : i)), {
   backgroundColor: "",
   "& .MuiDrawer-paper": Ue(e, r ? n : i)
-}))), Ge = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], Ve = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
+})));
+function Ln(e) {
+  let t = 0;
+  for (let n = 0, i = e.length; n < i; n++) {
+    const r = e.charCodeAt(n);
+    t = (t << 5) - t + r, t |= 0;
+  }
+  return t;
+}
+const Ge = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], Ve = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
 function _n({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
   const r = se();
   return /* @__PURE__ */ u(
@@ -738,7 +746,7 @@ function _n({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
                 sx: {
                   width: "100%",
                   height: "100%",
-                  bgcolor: Ge[Math.abs(on(e == null ? void 0 : e.name)) % Ge.length]
+                  bgcolor: Ge[Math.abs(Ln(e == null ? void 0 : e.name)) % Ge.length]
                 },
                 children: Ve(e == null ? void 0 : e.name)
               }
@@ -761,7 +769,7 @@ function _n({ user: e, domainCode: t, open: n, useNewAvatar: i = !1 }) {
             ] }) }) : /* @__PURE__ */ o(Me, {})
           }
         ),
-        /* @__PURE__ */ o(Nn, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Wt, { in: n, children: /* @__PURE__ */ u(y, { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", children: [
+        /* @__PURE__ */ o(Pn, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Wt, { in: n, children: /* @__PURE__ */ u(y, { 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(Ne, { animation: !1, width: "50%" }),
           t ? /* @__PURE__ */ o(F, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Ne, { animation: !1, width: "25%" })
         ] }) }) })
@@ -782,8 +790,8 @@ function Mn({
   useNewAvatar: p = !1
 }) {
   const v = vt(), C = dt(J);
-  return /* @__PURE__ */ o(Pn, { className: Y.root, "data-testid": i, children: /* @__PURE__ */ u(
-    Ln,
+  return /* @__PURE__ */ o(Fn, { className: Y.root, "data-testid": i, children: /* @__PURE__ */ u(
+    Nn,
     {
       open: e,
       widthOpen: n,
@@ -803,7 +811,7 @@ function Mn({
           r,
           /* @__PURE__ */ o(Le, { variant: "middle", sx: { marginY: "0.5rem" } })
         ] }),
-        /* @__PURE__ */ o(y, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ o(Fn, { links: s }) : s }),
+        /* @__PURE__ */ o(y, { flexGrow: "1", children: Array.isArray(s) ? /* @__PURE__ */ o(En, { links: s }) : s }),
         /* @__PURE__ */ u(y, { flexGrow: "0", children: [
           /* @__PURE__ */ o(Le, { variant: "middle", sx: { marginY: "0.5rem" } }),
           /* @__PURE__ */ o(_n, { user: d, domainCode: l, open: e, useNewAvatar: p }),
@@ -884,7 +892,7 @@ function zn({
     }
   ) });
 }
-function _o({
+function Lo({
   children: e,
   initialTitleText: t,
   initialNavBarOpen: n,
@@ -895,39 +903,40 @@ function _o({
   navBarMiddle: d,
   navBarBottom: l,
   user: p,
-  domainCode: v
+  domainCode: v,
+  useNewAvatar: C = !1
 }) {
   ut([
     [J, n != null ? n : !0],
     [ve, t != null ? t : ""]
   ]);
-  const C = _e(J), [A] = V(wt), [g] = V(At), $ = _e(ve), [b] = V(bt), [D] = V(En), [I] = V(St);
+  const A = _e(J), [g] = V(wt), [$] = V(At), D = _e(ve), [b] = V(bt), [I] = V(Bn), [O] = V(St);
   return /* @__PURE__ */ u(y, { children: [
     /* @__PURE__ */ o(Ut, {}),
     /* @__PURE__ */ o(
       zn,
       {
-        titleText: $,
+        titleText: D,
         "data-testid": s,
         height: b,
-        middle: D
+        middle: I
       }
     ),
     /* @__PURE__ */ u(y, { sx: { display: "flex" }, children: [
       /* @__PURE__ */ o(
         Mn,
         {
-          open: C,
-          top: I,
+          open: A,
+          top: O,
           middle: d,
           bottom: l,
           user: p,
           domainCode: v,
-          widthOpen: A,
-          widthClosed: g,
+          widthOpen: g,
+          widthClosed: $,
           offsetTop: b,
           "data-testid": c,
-          useNewAvatar: !0
+          useNewAvatar: C
         }
       ),
       /* @__PURE__ */ o(
@@ -961,8 +970,8 @@ const Dt = ({
     tt,
     {
       open: e,
-      onClose: (b, D) => L(void 0, null, function* () {
-        p && (D === "backdropClick" || D === "escapeKeyDown") || C || (s != null && s.onClick ? yield s.onClick() : c());
+      onClose: (D, b) => L(void 0, null, function* () {
+        p && (b === "backdropClick" || b === "escapeKeyDown") || C || (s != null && s.onClick ? yield s.onClick() : c());
       }),
       fullWidth: !0,
       maxWidth: i != null ? i : "xs",
@@ -987,8 +996,8 @@ const Dt = ({
             ae,
             {
               onClick: () => L(void 0, null, function* () {
-                var b;
-                A(!0), yield (b = r.onClick) == null ? void 0 : b.call(r), A(!1);
+                var D;
+                A(!0), yield (D = r.onClick) == null ? void 0 : D.call(r), A(!1);
               }),
               "data-testid": r.testId,
               disabled: r.disabled || C,
@@ -1006,13 +1015,13 @@ const Dt = ({
   lookup: n,
   label: i,
   inputValue: r
-}) => sn({
+}) => an({
   queryFn: () => e && r.length < e ? t != null ? t : [] : t ? t.filter(
     (s) => s.label.toLowerCase().includes(r.toLowerCase())
   ) : n(r),
   queryKey: ["autocomplete", i, r]
 });
-function Mo({
+function _o({
   lookup: e = () => L(this, null, function* () {
   }),
   enableHighlighting: t = !0,
@@ -1029,8 +1038,8 @@ function Mo({
   noOptionsText: A = "No options",
   popupIcon: g = /* @__PURE__ */ o(tn, {}),
   error: $ = !1,
-  helperText: b = "",
-  preLoadedOptions: D = void 0,
+  helperText: D = "",
+  preLoadedOptions: b = void 0,
   disablePortal: I = !1,
   disableIconFlip: O = !1
 }) {
@@ -1042,7 +1051,7 @@ function Mo({
     label: r,
     lookup: e,
     minLength: i,
-    preLoadedOptions: D
+    preLoadedOptions: b
   }), W = P.length >= i;
   return /* @__PURE__ */ u("div", { "data-testid": c, children: [
     /* @__PURE__ */ o(
@@ -1072,7 +1081,7 @@ function Mo({
             fullWidth: !0,
             variant: v,
             error: $,
-            helperText: b,
+            helperText: D,
             InputProps: k(a({}, h.InputProps), {
               endAdornment: /* @__PURE__ */ u(E, { children: [
                 H ? /* @__PURE__ */ o(ke, { color: "inherit", size: 20 }) : null,
@@ -1090,10 +1099,10 @@ function Mo({
         isOptionEqualToValue: (h, f) => h.id === f.id,
         renderOption: (h, f, m) => {
           if (t) {
-            const x = rn(f.label, m.inputValue, {
+            const x = on(f.label, m.inputValue, {
               insideWords: !0,
               findAllOccurrences: !0
-            }), M = an(f.label, x);
+            }), M = rn(f.label, x);
             return /* @__PURE__ */ xe(
               "li",
               k(a({}, h), {
@@ -1162,7 +1171,7 @@ function Mo({
     )) })
   ] });
 }
-const Ro = ({
+const Mo = ({
   lookup: e = () => L(void 0, null, function* () {
   }),
   onChange: t,
@@ -1179,19 +1188,19 @@ const Ro = ({
   helperText: A = "",
   disabled: g,
   popupIcon: $,
-  disableIconFlip: b
+  disableIconFlip: D
 }) => {
-  const [D, I] = B(""), { data: O, isLoading: P } = yt({
-    inputValue: D,
+  const [b, I] = B(""), { data: O, isLoading: P } = yt({
+    inputValue: b,
     label: n,
     lookup: e,
     minLength: p != null ? p : 0,
     preLoadedOptions: C
-  }), N = D.length >= p;
+  }), N = b.length >= p;
   return /* @__PURE__ */ o("div", { "data-testid": d, children: /* @__PURE__ */ o(qt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
     be,
     {
-      sx: a(a({}, r), b ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
+      sx: a(a({}, r), D ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
       "data-testid": d ? `${d}:Autocomplete` : void 0,
       loading: N ? P : !1,
       options: O != null ? O : [],
@@ -1235,7 +1244,7 @@ const Ro = ({
     return -1;
   try {
     const n = e.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"), i = decodeURIComponent(
-      dn.from(n, "base64").toString("utf8").split("").map(function(s) {
+      cn.from(n, "base64").toString("utf8").split("").map(function(s) {
         return "%" + ("00" + s.charCodeAt(0).toString(16)).slice(-2);
       }).join("")
     ), r = JSON.parse(i);
@@ -1243,7 +1252,7 @@ const Ro = ({
   } catch (t) {
     return -1;
   }
-}, Ho = ({
+}, Ro = ({
   open: e = !1,
   closeHandler: t,
   setAuth0ExpiryTime: n
@@ -1301,7 +1310,7 @@ 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 Wo({
+function Ho({
   children: e,
   appName: t = "the app"
 }) {
@@ -1323,7 +1332,7 @@ function Wo({
       /* @__PURE__ */ o(rt, { children: /* @__PURE__ */ o(ae, { onClick: () => c({ logoutParams: { returnTo: window.location.origin } }), children: "Logout" }) })
     ] });
   }
-  return n ? /* @__PURE__ */ o(E, { children: e }) : /* @__PURE__ */ o(pn, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
+  return n ? /* @__PURE__ */ o(E, { children: e }) : /* @__PURE__ */ o(dn, { variant: "rectangular", animation: "pulse", height: "100vh", width: "100vw" });
 }
 const Qn = {
   autoHideDuration: 6e3,
@@ -1369,7 +1378,7 @@ function to(s) {
       key: Jn()
     }), m);
     return p.current.push(x), p.current.length === 1 && l({ open: !0 }), x.key;
-  }, []), $ = (m = "", x = {}) => g(a({ message: m, severity: "success" }, x)), b = (m = "", x = {}) => g(a({ message: m, severity: "info" }, x)), D = (m = "", x = {}) => g(a({ message: m, severity: "warning" }, x)), I = (m = "", x = {}) => g(a({ message: m, severity: "error" }, x)), O = (m) => {
+  }, []), $ = (m = "", x = {}) => g(a({ message: m, severity: "success" }, x)), D = (m = "", x = {}) => g(a({ message: m, severity: "info" }, x)), b = (m = "", x = {}) => g(a({ message: m, severity: "warning" }, x)), I = (m = "", x = {}) => g(a({ message: m, severity: "error" }, x)), O = (m) => {
     const x = p.current.findIndex((M) => M.key === m);
     if (x !== -1)
       return x === 0 ? (l({ open: !1 }), p.current[0]) : p.current.splice(x, 1);
@@ -1385,8 +1394,8 @@ function to(s) {
     setOpen: A,
     enqueueNotification: g,
     enqueueSuccessNotification: $,
-    enqueueInfoNotification: b,
-    enqueueWarningNotification: D,
+    enqueueInfoNotification: D,
+    enqueueWarningNotification: b,
     enqueueErrorNotification: I,
     removeNotification: O
   }, e), t);
@@ -1426,9 +1435,9 @@ function no() {
     throw new De("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
   return e;
 }
-const zo = Q(
+const Wo = Q(
   (e = { autoHideDuration: 1 }, t = {}, n = {}) => ({ children: i }) => /* @__PURE__ */ o(to, k(a({}, e), { overrideState: t, overrideActions: n, children: i }))
-), oo = nn(), Uo = ({
+), oo = nn(), zo = ({
   children: e,
   store: t
 }) => /* @__PURE__ */ o(pt, { store: t != null ? t : oo, children: e }), It = "domainCode";
@@ -1455,7 +1464,7 @@ const Ye = _(
 }, ro = (e) => {
   var t;
   return e === null ? "N/A" : (t = io[e]) != null ? t : "";
-}, Go = ({
+}, Uo = ({
   isLoading: e,
   isOpen: t,
   onClose: n,
@@ -1465,11 +1474,11 @@ const Ye = _(
 }) => {
   const [c, d] = V(Ot), [l, p] = B(c), { enqueueSuccessNotification: v } = no(), C = i.length === 0, A = !!c && !i.includes(c) && !i.includes(l), g = !c || C || A, $ = () => L(void 0, null, function* () {
     l ? (d(l), v(`Set domain to ${l}`), n()) : d("");
-  }), b = () => L(void 0, null, function* () {
+  }), D = () => L(void 0, null, function* () {
     c && !C && !A ? (p(c), n()) : g && s();
   });
-  let D;
-  return C ? D = "Unable to retrieve your active organisations. Try logging in again." : A && (D = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ u(
+  let b;
+  return C ? b = "Unable to retrieve your active organisations. Try logging in again." : A && (b = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ u(
     Dt,
     {
       isOpen: t,
@@ -1482,7 +1491,7 @@ const Ye = _(
       },
       secondaryButton: {
         text: g ? "Logout" : "Cancel",
-        onClick: b
+        onClick: D
       },
       onClose: g ? () => {
       } : n,
@@ -1517,11 +1526,11 @@ const Ye = _(
             )
           }
         ),
-        D && /* @__PURE__ */ o(Yt, { error: !0, children: D })
+        b && /* @__PURE__ */ o(Yt, { error: !0, children: b })
       ]
     }
   );
-}, Vo = at({
+}, Go = at({
   palette: {
     primary: {
       dark: "#00A651",
@@ -1572,7 +1581,7 @@ const Ye = _(
   navBar: {
     backgroundColor: "#E8E8E8"
   }
-}), qo = at({
+}), Vo = at({
   palette: {
     primary: {
       main: "#007236",
@@ -1674,10 +1683,10 @@ const Ye = _(
   titleText: ve,
   topBarHeight: bt,
   navBarTop: St
-}, Xo = Q(() => ({ children: e }) => /* @__PURE__ */ o(pt, { children: e })), so = ({
+}, qo = Q(() => ({ children: e }) => /* @__PURE__ */ o(pt, { children: e })), so = ({
   initialValues: e,
   children: t
-}) => (ut(e), /* @__PURE__ */ o(E, { children: t })), Qo = Q(
+}) => (ut(e), /* @__PURE__ */ o(E, { children: t })), Xo = Q(
   (e) => ({ children: t }) => /* @__PURE__ */ o(
     so,
     {
@@ -1690,37 +1699,37 @@ const Ye = _(
       children: t
     }
   )
-), Yo = Q(() => ({ children: e }) => {
-  const t = new ln();
-  return /* @__PURE__ */ o(cn, { client: t, children: e });
+), Qo = Q(() => ({ children: e }) => {
+  const t = new sn();
+  return /* @__PURE__ */ o(ln, { client: t, children: e });
 });
 export {
   Dt as AgDialog,
-  _o as AppLayout,
-  Uo as AtomProvider,
-  Wo as AuthGuard,
+  Lo as AppLayout,
+  zo as AtomProvider,
+  Ho as AuthGuard,
   $t as Context,
   De as ContextError,
-  Go as DomainCodeDialog,
-  To as ExampleComponent,
-  Mo as FetchAutocomplete,
+  Uo as DomainCodeDialog,
+  Oo as ExampleComponent,
+  _o as FetchAutocomplete,
   so as HydrateAtoms,
   ft as NAVBAR_WIDTH_CLOSED,
   gt as NAVBAR_WIDTH_OPENED,
-  No as NavBar,
-  Fo as NavBarDarkStyledList,
-  Po as NavBarLightStyledList,
-  xn as NavBarProvider,
-  Lo as PageLayout,
+  Po as NavBar,
+  Eo as NavBarDarkStyledList,
+  Fo as NavBarLightStyledList,
+  Cn as NavBarProvider,
+  No as PageLayout,
   to as SaladBarProvider,
-  Ho as SessionExpiryDialog,
-  Ro as SingleAutocomplete,
+  Ro as SessionExpiryDialog,
+  Mo as SingleAutocomplete,
   oo as atomStore,
-  wn as buildNavBarState,
+  vn as buildNavBarState,
   Ot as domainCodeAtom,
-  Vo as fed21Theme,
+  Go as fed21Theme,
   Un as getAuth0Expiry,
-  qo as internalAgSystemsTheme,
+  Vo as internalAgSystemsTheme,
   q as navBarClasses,
   J as navBarOpenAtom,
   St as navBarTopAtom,
@@ -1728,15 +1737,15 @@ export {
   wt as navBarWidthOpenAtom,
   ve as titleTextAtom,
   bt as topBarHeightAtom,
-  En as topBarMiddleAtom,
+  Bn as topBarMiddleAtom,
   yt as useAutocompleteOptions,
-  vn as useNavBar,
+  xn as useNavBar,
   no as useSaladBar,
-  Xo as withAtomProvider,
-  Eo as withBrowserRouter,
-  Bo as withNavBarProvider,
-  Qo as withOverrideDefaults,
-  Yo as withQueryClient,
-  zo as withSaladBarProvider
+  qo as withAtomProvider,
+  Bo as withBrowserRouter,
+  To as withNavBarProvider,
+  Xo as withOverrideDefaults,
+  Qo as withQueryClient,
+  Wo as withSaladBarProvider
 };
 //# sourceMappingURL=index.js.map