@australiangreens/ag-internal-components 0.0.93 → 0.0.95

package/dist/esm/index.js

@@ -38,7 +38,7 @@ var N = (e, t, n) => new Promise((i, r) => {
 });
 import { jsxs as h, Fragment as L, jsx as o } from "react/jsx-runtime";
 import { useState as B, createContext as Ye, useCallback as oe, useContext as Ke, useEffect as ie, createElement as xe, useRef as ge } from "react";
-import { Typography as E, Button as re, Paper as Je, Box as $, Drawer as we, styled as Ae, IconButton as Y, Container as Ze, useTheme as se, useMediaQuery as _t, Collapse as Mt, Avatar as Pe, Fade as Rt, Skeleton as Ne, Toolbar as Ht, Divider as Le, CssBaseline as Wt, Dialog as je, LinearProgress as et, DialogTitle as tt, DialogContent as nt, DialogActions as ot, Autocomplete as Se, TextField as be, CircularProgress as ke, Chip as zt, Tooltip as Ut, Stack as Gt, Snackbar as Vt, Alert as qt, FormHelperText as Xt } from "@mui/material";
+import { Typography as E, Button as re, Paper as Je, Box as $, Drawer as we, styled as Ae, IconButton as Y, Container as Ze, useTheme as se, useMediaQuery as _t, Collapse as Mt, Avatar as Pe, Fade as Rt, Skeleton as Ne, Toolbar as Ht, Divider as Le, CssBaseline as Wt, Dialog as je, LinearProgress as et, DialogTitle as tt, DialogContent as nt, DialogActions as ot, Autocomplete as be, TextField as Se, CircularProgress as ke, Chip as zt, Tooltip as Ut, Stack as Gt, Snackbar as Vt, Alert as qt, FormHelperText as Xt } from "@mui/material";
 import Qt from "@mui/material/CssBaseline";
 import { styled as R, createTheme as it, alpha as fe } from "@mui/material/styles";
 import { AgError as Yt } from "@australiangreens/ag-error";
@@ -132,9 +132,9 @@ const pt = 330, ht = 73, U = "Navbar", q = {
 }), !t && {
   "& .MuiDrawer-paper": un()
 }));
-class De extends Yt {
+class ye extends Yt {
 }
-Fe(De, "errorName", "ContextError");
+Fe(ye, "errorName", "ContextError");
 const ft = Ye(null), hn = {}, gn = {}, fn = ({
   overrideState: e = hn,
   overrideActions: t = gn,
@@ -153,7 +153,7 @@ const ft = Ye(null), hn = {}, gn = {}, fn = ({
 }, mn = () => {
   const e = Ke(ft);
   if (e === null)
-    throw new De("Error: Tried to useNavBar outside of a <NavBarProvider>");
+    throw new ye("Error: Tried to useNavBar outside of a <NavBarProvider>");
   return e;
 }, Cn = (e = {}) => a({
   open: !0
@@ -357,7 +357,7 @@ function An({
     ] }) })
   ] });
 }
-const mt = 400, Sn = Ae(we, {
+const mt = 400, bn = Ae(we, {
   shouldForwardProp: (e) => (
     // Note we do want anchor to be forwarded to the Drawer component
     ![
@@ -387,7 +387,7 @@ const mt = 400, Sn = Ae(we, {
       marginLeft: `${r}px`
     }))
   })
-), bn = Ae($, {
+), Sn = Ae($, {
   shouldForwardProp: (e) => !["anchor"].includes(e)
 })(({ theme: e, anchor: t }) => k(a({
   display: "flex",
@@ -423,10 +423,10 @@ function He({
   "data-testid": x,
   navBarOpen: A = !1,
   navBarWidthOpen: g = 0,
-  navBarWidthClosed: y = 0
+  navBarWidthClosed: D = 0
 }) {
   return /* @__PURE__ */ h(
-    Sn,
+    bn,
     {
       SlideProps: {
         onEntered: () => u == null ? void 0 : u(),
@@ -440,9 +440,9 @@ function He({
       "data-testid": x,
       navBarOpen: A,
       navBarWidthOpen: g,
-      navBarWidthClosed: y,
+      navBarWidthClosed: D,
       children: [
-        /* @__PURE__ */ o(bn, k(a({ anchor: t }, l), { children: t === "left" ? /* @__PURE__ */ h(L, { children: [
+        /* @__PURE__ */ o(Sn, k(a({ anchor: t }, l), { children: t === "left" ? /* @__PURE__ */ h(L, { children: [
           /* @__PURE__ */ o(E, { variant: "h6", color: "inherit", component: "div", children: r }),
           c && /* @__PURE__ */ h(Y, { onClick: i, size: "large", "aria-label": "Close left side panel", children: [
             /* @__PURE__ */ o(st, { "data-testid": "arrowbackicon" }),
@@ -483,7 +483,7 @@ const kn = R($, {
     }),
     marginRight: `${(r = n == null ? void 0 : n.width) != null ? r : 0}px`
   });
-}), Dn = R(Ze, {
+}), yn = R(Ze, {
   name: "PageContainer"
 })(({ theme: e }) => ({
   // Horizontal padding comes from the Container's gutter
@@ -517,7 +517,7 @@ function Fo({
   navBarWidthOpen: w,
   navBarWidthClosed: x
 }) {
-  const [A, g] = B(me), [y, S] = B(Ce), [D, I] = B(me), [O, F] = B(Ce), P = n !== void 0, b = i !== void 0, {
+  const [A, g] = B(me), [D, b] = B(Ce), [y, I] = B(me), [O, F] = B(Ce), P = n !== void 0, S = i !== void 0, {
     titleText: v,
     content: H,
     flavour: W,
@@ -532,7 +532,7 @@ function Fo({
   } = n ? a(a({}, te), n) : a({}, te), {
     titleText: Ot,
     content: Tt,
-    flavour: ye,
+    flavour: De,
     open: ce,
     onChangeOpen: $e,
     width: de,
@@ -545,12 +545,12 @@ function Fo({
   ie(() => {
     M !== me && (g(M), I(M));
   }, [M]), ie(() => {
-    j !== Ce && (S(j), F(j));
+    j !== Ce && (b(j), F(j));
   }, [j]);
-  const ue = p === void 0 ? A : p, pe = ce === void 0 ? y : ce, Ie = (z) => {
-    p === void 0 && (g(z), r && b && (z ? (S(!1), F(y)) : S(O))), f && f(z);
+  const ue = p === void 0 ? A : p, pe = ce === void 0 ? D : ce, Ie = (z) => {
+    p === void 0 && (g(z), r && S && (z ? (b(!1), F(D)) : b(O))), f && f(z);
   }, Oe = (z) => {
-    ce === void 0 && (S(z), r && P && (z ? (g(!1), I(A)) : g(D))), $e && $e(z);
+    ce === void 0 && (b(z), r && P && (z ? (g(!1), I(A)) : g(y))), $e && $e(z);
   };
   return /* @__PURE__ */ h($, { children: [
     P && /* @__PURE__ */ o(
@@ -572,7 +572,7 @@ function Fo({
         children: H
       }
     ),
-    b && /* @__PURE__ */ o(
+    S && /* @__PURE__ */ o(
       He,
       {
         "data-testid": Ft,
@@ -603,7 +603,7 @@ function Fo({
           onOpen: () => Ie(!0),
           showOpenArrow: C === "both" || C === "open"
         }
-      } : {}), b && ye === "push" ? {
+      } : {}), S && De === "push" ? {
         rightPanel: {
           open: pe,
           width: de,
@@ -619,13 +619,13 @@ function Fo({
           open: ue,
           width: m
         }
-      } : {}), ye === "push" ? {
+      } : {}), De === "push" ? {
         rightPanel: {
           open: pe,
           width: de
         }
       } : {}), {
-        children: /* @__PURE__ */ o(Dn, k(a({ "data-testid": d }, c), { children: e }))
+        children: /* @__PURE__ */ o(yn, k(a({ "data-testid": d }, c), { children: e }))
       })
     )
   ] });
@@ -633,7 +633,7 @@ function Fo({
 const Ct = () => {
   const e = se();
   return _t(e.breakpoints.down("sm"));
-}, yn = 64, $n = 72, In = 256, K = _(!0), xt = _(In), vt = _($n), ve = _(""), On = _(void 0), wt = _(yn), At = _(void 0);
+}, Dn = 64, $n = 72, In = 256, K = _(!0), xt = _(In), vt = _($n), ve = _(""), On = _(void 0), wt = _(Dn), At = _(void 0);
 function Tn({ links: e }) {
   return /* @__PURE__ */ o("div", { children: "LinksMenu not implemented yet" });
 }
@@ -679,7 +679,7 @@ const ne = "Navbar", Q = {
       }
     }, e)
   );
-}, St = (e) => {
+}, bt = (e) => {
   var t, n;
   return {
     overflowX: "hidden",
@@ -690,10 +690,10 @@ const ne = "Navbar", Q = {
 }, We = (e, t) => a({
   width: t,
   transition: ae(e, "width", "entering")
-}, St(e)), ze = (e, t) => a({
+}, bt(e)), ze = (e, t) => a({
   width: t,
   transition: ae(e, "width", "leaving")
-}, St(e)), Fn = R(we, {
+}, bt(e)), Fn = R(we, {
   shouldForwardProp: (e) => !["widthOpen", "widthClosed", "isSmallScreen"].includes(e)
 })(({ theme: e, open: t, widthOpen: n, widthClosed: i, isSmallScreen: r }) => a(a({
   flexShrink: 0,
@@ -719,7 +719,8 @@ function Pn(e) {
 const Ue = ["#A62A21", "#7e3794", "#0B51C1", "#3A6024", "#A81563", "#B3003C"], Nn = (e) => e.split(/\s/).map((t) => t.substring(0, 1).toUpperCase()).filter((t) => !!t).slice(0, 2).join("").toUpperCase();
 function Ln({ user: e, domainCode: t, open: n }) {
   const i = se();
-  return /* @__PURE__ */ h(
+  let r;
+  return e ? e.given_name && e.family_name ? r = `${e.given_name} ${e.family_name}` : e.name ? r = e.name : r = "" : r = "", /* @__PURE__ */ h(
     $,
     {
       sx: {
@@ -738,22 +739,22 @@ function Ln({ user: e, domainCode: t, open: n }) {
               transition: n ? ae(i, ["width", "height"], "entering") : ae(i, ["width", "height"], "leaving"),
               aspectRatio: 1
             },
-            children: e != null && e.name ? /* @__PURE__ */ o(
+            children: r ? /* @__PURE__ */ o(
               Pe,
               {
                 src: e == null ? void 0 : e.picture,
                 sx: {
                   width: "100%",
                   height: "100%",
-                  bgcolor: Ue[Math.abs(Pn(e.name)) % Ue.length]
+                  bgcolor: Ue[Math.abs(Pn(r)) % Ue.length]
                 },
-                children: Nn(e.name)
+                children: Nn(r)
               }
             ) : /* @__PURE__ */ o(Pe, { sx: { width: "100%", height: "100%" } })
           }
         ),
         /* @__PURE__ */ o(En, { sx: { width: "100%" }, in: n, children: /* @__PURE__ */ o(Rt, { in: n, children: /* @__PURE__ */ h($, { 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%" }),
+          r ? /* @__PURE__ */ o(E, { children: r }) : /* @__PURE__ */ o(Ne, { animation: !1, width: "50%" }),
           t ? /* @__PURE__ */ o(E, { children: t.toUpperCase() }) : /* @__PURE__ */ o(Ne, { animation: !1, width: "25%" })
         ] }) }) })
       ]
@@ -868,7 +869,7 @@ function Wn({
             children: /* @__PURE__ */ o(Jt, { fontSize: "medium" })
           }
         ),
-        /* @__PURE__ */ o(E, { className: Hn.titleText, variant: "h1", children: e }),
+        /* @__PURE__ */ o(E, { className: Hn.titleText, variant: "h6", component: "h1", children: e }),
         i
       ]
     }
@@ -891,16 +892,16 @@ function Po({
     [K, n != null ? n : !0],
     [ve, t != null ? t : ""]
   ]);
-  const x = _e(K), [A] = V(xt), [g] = V(vt), y = _e(ve), [S] = V(wt), [D] = V(On), [I] = V(At);
+  const x = _e(K), [A] = V(xt), [g] = V(vt), D = _e(ve), [b] = V(wt), [y] = V(On), [I] = V(At);
   return /* @__PURE__ */ h($, { children: [
     /* @__PURE__ */ o(Wt, {}),
     /* @__PURE__ */ o(
       Wn,
       {
-        titleText: y,
+        titleText: D,
         "data-testid": s,
-        height: S,
-        middle: D
+        height: b,
+        middle: y
       }
     ),
     /* @__PURE__ */ h($, { sx: { display: "flex" }, children: [
@@ -915,7 +916,7 @@ function Po({
           domainCode: w,
           widthOpen: A,
           widthClosed: g,
-          offsetTop: S,
+          offsetTop: b,
           "data-testid": c
         }
       ),
@@ -923,7 +924,7 @@ function Po({
         Mn,
         k(a({
           "data-testid": r,
-          topBarHeight: S
+          topBarHeight: b
         }, i), {
           children: e
         })
@@ -931,7 +932,7 @@ function Po({
     ] })
   ] });
 }
-const bt = ({
+const St = ({
   isOpen: e,
   dialogTitle: t,
   children: n,
@@ -944,14 +945,14 @@ const bt = ({
   disableCloseOnBackdropOrEscape: u = !1,
   isLoading: w = !1
 }) => {
-  var g, y;
+  var g, D;
   const [x, A] = B(!1);
   return /* @__PURE__ */ h(
     je,
     {
       open: e,
-      onClose: (S, D) => N(void 0, null, function* () {
-        u && (D === "backdropClick" || D === "escapeKeyDown") || x || (s != null && s.onClick ? yield s.onClick() : c());
+      onClose: (b, y) => N(void 0, null, function* () {
+        u && (y === "backdropClick" || y === "escapeKeyDown") || x || (s != null && s.onClick ? yield s.onClick() : c());
       }),
       fullWidth: !0,
       maxWidth: i != null ? i : "xs",
@@ -969,15 +970,15 @@ const bt = ({
               "data-testid": s == null ? void 0 : s.testId,
               disabled: (s == null ? void 0 : s.disabled) || x,
               color: s == null ? void 0 : s.buttonColor,
-              children: (y = s == null ? void 0 : s.text) != null ? y : "Cancel"
+              children: (D = s == null ? void 0 : s.text) != null ? D : "Cancel"
             }
           ),
           r && /* @__PURE__ */ o(
             re,
             {
               onClick: () => N(void 0, null, function* () {
-                var S;
-                A(!0), yield (S = r.onClick) == null ? void 0 : S.call(r), A(!1);
+                var b;
+                A(!0), yield (b = r.onClick) == null ? void 0 : b.call(r), A(!1);
               }),
               "data-testid": r.testId,
               disabled: r.disabled || x,
@@ -1017,13 +1018,13 @@ function No({
   loadingText: x = "Loading...",
   noOptionsText: A = "No options",
   popupIcon: g = /* @__PURE__ */ o(jt, {}),
-  error: y = !1,
-  helperText: S = "",
-  preLoadedOptions: D = void 0,
+  error: D = !1,
+  helperText: b = "",
+  preLoadedOptions: y = void 0,
   disablePortal: I = !1,
   disableIconFlip: O = !1
 }) {
-  const [F, P] = B(""), b = (p, f) => {
+  const [F, P] = B(""), S = (p, f) => {
     const m = s.filter((C) => C.id !== f);
     n(m, "delete", p);
   }, { data: v, isLoading: H } = kt({
@@ -1031,11 +1032,11 @@ function No({
     label: r,
     lookup: e,
     minLength: i,
-    preLoadedOptions: D
+    preLoadedOptions: y
   }), W = F.length >= i;
   return /* @__PURE__ */ h("div", { "data-testid": c, children: [
     /* @__PURE__ */ o(
-      Se,
+      be,
       {
         sx: a(a({}, d), O ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
         "data-testid": c ? `${c}:Autocomplete` : void 0,
@@ -1055,13 +1056,13 @@ function No({
         loadingText: x,
         popupIcon: g,
         renderInput: (p) => /* @__PURE__ */ o(
-          be,
+          Se,
           k(a({}, p), {
             label: r,
             fullWidth: !0,
             variant: w,
-            error: y,
-            helperText: S,
+            error: D,
+            helperText: b,
             InputProps: k(a({}, p.InputProps), {
               endAdornment: /* @__PURE__ */ h(L, { children: [
                 H ? /* @__PURE__ */ o(ke, { color: "inherit", size: 20 }) : null,
@@ -1139,7 +1140,7 @@ function No({
           }
         ),
         "data-testid": c ? `${c}:Chip(${p.id.toString()})` : void 0,
-        onDelete: (f) => b(f, p.id),
+        onDelete: (f) => S(f, p.id),
         deleteIcon: /* @__PURE__ */ o(
           Zt,
           {
@@ -1167,50 +1168,50 @@ const Lo = ({
   preLoadedOptions: x,
   helperText: A = "",
   disabled: g,
-  popupIcon: y,
-  disableIconFlip: S
+  popupIcon: D,
+  disableIconFlip: b
 }) => {
-  const [D, I] = B(""), { data: O, isLoading: F } = kt({
-    inputValue: D,
+  const [y, I] = B(""), { data: O, isLoading: F } = kt({
+    inputValue: y,
     label: n,
     lookup: e,
     minLength: u != null ? u : 0,
     preLoadedOptions: x
-  }), P = D.length >= u;
+  }), P = y.length >= u;
   return /* @__PURE__ */ o("div", { "data-testid": d, children: /* @__PURE__ */ o(Gt, { direction: "row", spacing: 1, children: /* @__PURE__ */ o(
-    Se,
+    be,
     {
-      sx: a(a({}, r), S ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
+      sx: a(a({}, r), b ? { ".MuiAutocomplete-popupIndicatorOpen": { transform: "rotate(0deg)" } } : {}),
       "data-testid": d ? `${d}:Autocomplete` : void 0,
       loading: P ? F : !1,
       options: O != null ? O : [],
-      onChange: (b, v) => {
-        t(b, v);
+      onChange: (S, v) => {
+        t(S, v);
       },
       disablePortal: w,
-      filterOptions: (b) => b,
+      filterOptions: (S) => S,
       value: i,
       noOptionsText: P ? l : "Start typing to search",
-      getOptionLabel: (b) => b.label,
-      popupIcon: y,
-      renderInput: (b) => /* @__PURE__ */ o(
-        be,
+      getOptionLabel: (S) => S.label,
+      popupIcon: D,
+      renderInput: (S) => /* @__PURE__ */ o(
+        Se,
         k(a({
           "data-testid": d ? `${d}:Autocomplete:TextField` : void 0
-        }, b), {
+        }, S), {
           variant: c,
           label: n,
           color: s,
           helperText: A
         })
       ),
-      isOptionEqualToValue: (b, v) => b.id === v.id,
-      onInputChange: (b, v) => {
+      isOptionEqualToValue: (S, v) => S.id === v.id,
+      onInputChange: (S, v) => {
         I(v);
       },
-      renderOption: (b, v) => /* @__PURE__ */ xe(
+      renderOption: (S, v) => /* @__PURE__ */ xe(
         "li",
-        k(a({}, b), {
+        k(a({}, S), {
           key: v.id,
           "data-testid": d ? `${d}:Autocomplete:option(${v.id.toString()})` : void 0
         }),
@@ -1250,7 +1251,7 @@ const Lo = ({
       }
     }))();
   }, [s, r, n]), /* @__PURE__ */ o(
-    bt,
+    St,
     {
       isOpen: e,
       primaryButton: {
@@ -1334,7 +1335,7 @@ const Xn = {
 })(), Jn = {
   borderBottomLeftRadius: "0px",
   borderBottomRightRadius: "0px"
-}, Zn = {}, jn = {}, Dt = Ye(null);
+}, Zn = {}, jn = {}, yt = Ye(null);
 function eo(s) {
   var c = s, {
     overrideState: e = Zn,
@@ -1358,14 +1359,14 @@ function eo(s) {
       key: Kn()
     }), m);
     return u.current.push(C), u.current.length === 1 && l({ open: !0 }), C.key;
-  }, []), y = (m = "", C = {}) => g(a({ message: m, severity: "success" }, C)), S = (m = "", C = {}) => g(a({ message: m, severity: "info" }, C)), D = (m = "", C = {}) => g(a({ message: m, severity: "warning" }, C)), I = (m = "", C = {}) => g(a({ message: m, severity: "error" }, C)), O = (m) => {
+  }, []), D = (m = "", C = {}) => g(a({ message: m, severity: "success" }, C)), b = (m = "", C = {}) => g(a({ message: m, severity: "info" }, C)), y = (m = "", C = {}) => g(a({ message: m, severity: "warning" }, C)), I = (m = "", C = {}) => g(a({ message: m, severity: "error" }, C)), O = (m) => {
     const C = u.current.findIndex((M) => M.key === m);
     if (C !== -1)
       return C === 0 ? (l({ open: !1 }), u.current[0]) : u.current.splice(C, 1);
   }, F = (m, C) => {
     n(m, C) && l({ open: !1 });
   }, P = () => {
-  }, b = () => {
+  }, S = () => {
     u.current.shift(), u.current.length > 0 && l({ open: !0 });
   }, v = (f = u.current[0]) != null ? f : a({}, Ge), H = {};
   "autoHideDuration" in v && (H.autoHideDuration = v.autoHideDuration);
@@ -1373,13 +1374,13 @@ function eo(s) {
     open: d,
     setOpen: A,
     enqueueNotification: g,
-    enqueueSuccessNotification: y,
-    enqueueInfoNotification: S,
-    enqueueWarningNotification: D,
+    enqueueSuccessNotification: D,
+    enqueueInfoNotification: b,
+    enqueueWarningNotification: y,
     enqueueErrorNotification: I,
     removeNotification: O
   }, e), t);
-  return /* @__PURE__ */ h(Dt.Provider, { value: p, children: [
+  return /* @__PURE__ */ h(yt.Provider, { value: p, children: [
     i,
     /* @__PURE__ */ o(
       Vt,
@@ -1387,7 +1388,7 @@ function eo(s) {
         open: d,
         onClose: F,
         TransitionProps: {
-          onExited: b,
+          onExited: S,
           onExit: P
         },
         sx: { zIndex: Yn },
@@ -1410,9 +1411,9 @@ function eo(s) {
   ] });
 }
 function to() {
-  const e = Ke(Dt);
+  const e = Ke(yt);
   if (e === null)
-    throw new De("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
+    throw new ye("Error: Tried to useSaladBar outside of a <SaladBarProvider>");
   return e;
 }
 const Ro = X(
@@ -1420,14 +1421,14 @@ const Ro = X(
 ), no = en(), Ho = ({
   children: e,
   store: t
-}) => /* @__PURE__ */ o(ct, { store: t != null ? t : no, children: e }), yt = "domainCode";
+}) => /* @__PURE__ */ o(ct, { store: t != null ? t : no, children: e }), Dt = "domainCode";
 var Qe;
 const Xe = _(
-  JSON.parse((Qe = localStorage.getItem(yt)) != null ? Qe : '{"domainCode": ""}').domainCode
+  JSON.parse((Qe = localStorage.getItem(Dt)) != null ? Qe : '{"domainCode": ""}').domainCode
 ), $t = _(
   (e) => e(Xe),
   (e, t, n) => {
-    t(Xe, n), localStorage.setItem(yt, JSON.stringify({ domainCode: n }));
+    t(Xe, n), localStorage.setItem(Dt, JSON.stringify({ domainCode: n }));
   }
 ), oo = {
   act: "ACT",
@@ -1452,26 +1453,26 @@ const Xe = _(
   applicationName: r,
   handleLogout: s
 }) => {
-  const [c, d] = V($t), [l, u] = B(c), { enqueueSuccessNotification: w } = to(), x = i.length === 0, A = !!c && !i.includes(c) && !i.includes(l), g = !c || x || A, y = () => N(void 0, null, function* () {
+  const [c, d] = V($t), [l, u] = B(c), { enqueueSuccessNotification: w } = to(), x = i.length === 0, A = !!c && !i.includes(c) && !i.includes(l), g = !c || x || A, D = () => N(void 0, null, function* () {
     l ? (d(l), w(`Set domain to ${l}`), n()) : d("");
-  }), S = () => N(void 0, null, function* () {
+  }), b = () => N(void 0, null, function* () {
     c && !x && !A ? (u(c), n()) : g && s();
   });
-  let D;
-  return x ? 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__ */ h(
-    bt,
+  let y;
+  return x ? y = "Unable to retrieve your active organisations. Try logging in again." : A && (y = "You no longer have any roles in your chosen organisation. Please choose another."), /* @__PURE__ */ h(
+    St,
     {
       isOpen: t,
       dialogTitle: "Select an organisation",
       primaryButton: {
         text: "Confirm",
-        onClick: y,
+        onClick: D,
         disabled: !l || x || A,
         buttonColor: "primary"
       },
       secondaryButton: {
         text: g ? "Logout" : "Cancel",
-        onClick: S
+        onClick: b
       },
       onClose: g ? () => {
       } : n,
@@ -1482,7 +1483,7 @@ const Xe = _(
           "."
         ] }),
         /* @__PURE__ */ o(
-          Se,
+          be,
           {
             loading: e,
             multiple: !1,
@@ -1492,7 +1493,7 @@ const Xe = _(
             getOptionLabel: io,
             options: [...i],
             renderInput: (I) => /* @__PURE__ */ o(
-              be,
+              Se,
               k(a({}, I), {
                 variant: "filled",
                 label: "Select organisation",
@@ -1506,7 +1507,7 @@ const Xe = _(
             )
           }
         ),
-        D && /* @__PURE__ */ o(Xt, { error: !0, children: D })
+        y && /* @__PURE__ */ o(Xt, { error: !0, children: y })
       ]
     }
   );
@@ -1637,11 +1638,12 @@ const Xe = _(
     }
   },
   typography: {
-    h1: {
-      fontSize: "1.5rem",
-      fontWeight: 400,
-      lineHeight: "1.334",
-      letterSpacing: "0em"
+    h4: {
+      fontSize: "1.88rem",
+      fontWeight: 500
+    },
+    h5: {
+      fontWeight: 500
     },
     // I couldn't think of what to call this. It is an attempt to match
     // https://www.figma.com/file/atonRPl2YD9A1NCntbDtKR/List-Filter-and-Product-Concept?node-id=1187%3A43730
@@ -1649,10 +1651,6 @@ const Xe = _(
     explainer: {
       fontSize: "14px",
       marginBlockStart: "1em"
-    },
-    h3: {
-      fontSize: "1rem",
-      fontWeight: 700
     }
   },
   navBar: {
@@ -1687,12 +1685,12 @@ const Xe = _(
   return /* @__PURE__ */ o(an, { client: t, children: e });
 });
 export {
-  bt as AgDialog,
+  St as AgDialog,
   Po as AppLayout,
   Ho as AtomProvider,
   Mo as AuthGuard,
-  Dt as Context,
-  De as ContextError,
+  yt as Context,
+  ye as ContextError,
   Wo as DomainCodeDialog,
   $o as ExampleComponent,
   No as FetchAutocomplete,