@apolitical/component-library 3.4.0 → 3.4.1

package/index.mjs

@@ -1,7 +1,7 @@
-import K, { memo as De, useState as J, useEffect as ae, useRef as pe, useMemo as xt, Children as Bn, createContext as nn, useContext as Ee, useCallback as sa, useReducer as Yn, Fragment as yt, Suspense as xs } from "react";
+import Y, { memo as De, useState as X, useEffect as ae, useRef as pe, useMemo as xt, Children as Bn, createContext as nn, useContext as Ee, useCallback as sa, useReducer as Yn, Fragment as yt, Suspense as xs } from "react";
 import pt from "lodash.clonedeep";
 import ws from "lodash.set";
-import { FormattedMessage as ye, useIntl as V, IntlProvider as js, createIntl as ks } from "react-intl";
+import { FormattedMessage as ye, useIntl as H, IntlProvider as js, createIntl as ks } from "react-intl";
 import Fe from "markdown-to-jsx";
 import et from "truncate";
 import { QueryClient as Ts, QueryClientProvider as Es, useMutation as je, useQueryClient as Kn, useInfiniteQuery as ia, useQuery as Ss } from "@tanstack/react-query";
@@ -80,7 +80,7 @@ const S = /* @__PURE__ */ la(Fs), Os = ({
   children: n,
   className: r = "",
   ...s
-}) => K.createElement(t, {
+}) => Y.createElement(t, {
   ...s,
   className: S("hidden", r, { "show-on-focus": e }),
   children: n
@@ -88,7 +88,7 @@ const S = /* @__PURE__ */ la(Fs), Os = ({
   element: t = "span",
   children: e = null,
   ...n
-}) => K.createElement(t, { ...n, "aria-hidden": !0 }, e), Gn = De(As);
+}) => Y.createElement(t, { ...n, "aria-hidden": !0 }, e), Gn = De(As);
 var qn = { exports: {} }, it = {};
 /**
  * @license React
@@ -104,7 +104,7 @@ function Ds() {
   if (xr)
     return it;
   xr = 1;
-  var t = K, e = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, s = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var t = Y, e = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, s = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
   function o(c, f, l) {
     var u, d = {}, m = null, p = null;
     l !== void 0 && (m = "" + l), f.key !== void 0 && (m = "" + f.key), f.ref !== void 0 && (p = f.ref);
@@ -130,7 +130,7 @@ var ot = {};
 var wr;
 function Is() {
   return wr || (wr = 1, process.env.NODE_ENV !== "production" && function() {
-    var t = K, e = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), c = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), l = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), g = Symbol.iterator, _ = "@@iterator";
+    var t = Y, e = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), c = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), l = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), g = Symbol.iterator, _ = "@@iterator";
     function y(h) {
       if (h === null || typeof h != "object")
         return null;
@@ -142,10 +142,10 @@ function Is() {
       {
         for (var M = arguments.length, L = new Array(M > 1 ? M - 1 : 0), ne = 1; ne < M; ne++)
           L[ne - 1] = arguments[ne];
-        j("error", h, L);
+        k("error", h, L);
       }
     }
-    function j(h, M, L) {
+    function k(h, M, L) {
       {
         var ne = v.ReactDebugCurrentFrame, le = ne.getStackAddendum();
         le !== "" && (M += "%s", L = L.concat([le]));
@@ -155,26 +155,26 @@ function Is() {
         me.unshift("Warning: " + M), Function.prototype.apply.call(console[h], console, me);
       }
     }
-    var k = !1, x = !1, q = !1, R = !1, Z = !1, P;
-    P = Symbol.for("react.module.reference");
+    var j = !1, w = !1, I = !1, R = !1, Q = !1, C;
+    C = Symbol.for("react.module.reference");
     function F(h) {
-      return !!(typeof h == "string" || typeof h == "function" || h === r || h === i || Z || h === s || h === l || h === u || R || h === p || k || x || q || typeof h == "object" && h !== null && (h.$$typeof === m || h.$$typeof === d || h.$$typeof === o || h.$$typeof === c || h.$$typeof === f || // This needs to include all possible module reference object
+      return !!(typeof h == "string" || typeof h == "function" || h === r || h === i || Q || h === s || h === l || h === u || R || h === p || j || w || I || typeof h == "object" && h !== null && (h.$$typeof === m || h.$$typeof === d || h.$$typeof === o || h.$$typeof === c || h.$$typeof === f || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      h.$$typeof === P || h.getModuleId !== void 0));
+      h.$$typeof === C || h.getModuleId !== void 0));
     }
-    function C(h, M, L) {
+    function $(h, M, L) {
       var ne = h.displayName;
       if (ne)
         return ne;
       var le = M.displayName || M.name || "";
       return le !== "" ? L + "(" + le + ")" : L;
     }
-    function E(h) {
+    function T(h) {
       return h.displayName || "Context";
     }
-    function w(h) {
+    function x(h) {
       if (h == null)
         return null;
       if (typeof h.tag == "number" && b("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof h == "function")
@@ -199,19 +199,19 @@ function Is() {
         switch (h.$$typeof) {
           case c:
             var M = h;
-            return E(M) + ".Consumer";
+            return T(M) + ".Consumer";
           case o:
             var L = h;
-            return E(L._context) + ".Provider";
+            return T(L._context) + ".Provider";
           case f:
-            return C(h, h.render, "ForwardRef");
+            return $(h, h.render, "ForwardRef");
           case d:
             var ne = h.displayName || null;
-            return ne !== null ? ne : w(h.type) || "Memo";
+            return ne !== null ? ne : x(h.type) || "Memo";
           case m: {
             var le = h, me = le._payload, ce = le._init;
             try {
-              return w(ce(me));
+              return x(ce(me));
             } catch {
               return null;
             }
@@ -219,14 +219,14 @@ function Is() {
         }
       return null;
     }
-    var $ = Object.assign, I = 0, U, D, z, X, T, N, W;
+    var N = Object.assign, A = 0, W, Z, z, K, E, P, q;
     function B() {
     }
     B.__reactDisabledLog = !0;
-    function H() {
+    function U() {
       {
-        if (I === 0) {
-          U = console.log, D = console.info, z = console.warn, X = console.error, T = console.group, N = console.groupCollapsed, W = console.groupEnd;
+        if (A === 0) {
+          W = console.log, Z = console.info, z = console.warn, K = console.error, E = console.group, P = console.groupCollapsed, q = console.groupEnd;
           var h = {
             configurable: !0,
             enumerable: !0,
@@ -243,56 +243,56 @@ function Is() {
             groupEnd: h
           });
         }
-        I++;
+        A++;
       }
     }
     function te() {
       {
-        if (I--, I === 0) {
+        if (A--, A === 0) {
           var h = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: $({}, h, {
-              value: U
+            log: N({}, h, {
+              value: W
             }),
-            info: $({}, h, {
-              value: D
+            info: N({}, h, {
+              value: Z
             }),
-            warn: $({}, h, {
+            warn: N({}, h, {
               value: z
             }),
-            error: $({}, h, {
-              value: X
+            error: N({}, h, {
+              value: K
             }),
-            group: $({}, h, {
-              value: T
+            group: N({}, h, {
+              value: E
             }),
-            groupCollapsed: $({}, h, {
-              value: N
+            groupCollapsed: N({}, h, {
+              value: P
             }),
-            groupEnd: $({}, h, {
-              value: W
+            groupEnd: N({}, h, {
+              value: q
             })
           });
         }
-        I < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        A < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var G = v.ReactCurrentDispatcher, Y;
+    var G = v.ReactCurrentDispatcher, V;
     function ee(h, M, L) {
       {
-        if (Y === void 0)
+        if (V === void 0)
           try {
             throw Error();
           } catch (le) {
             var ne = le.stack.trim().match(/\n( *(at )?)/);
-            Y = ne && ne[1] || "";
+            V = ne && ne[1] || "";
           }
         return `
-` + Y + h;
+` + V + h;
       }
     }
     var re = !1, O;
@@ -300,7 +300,7 @@ function Is() {
       var oe = typeof WeakMap == "function" ? WeakMap : Map;
       O = new oe();
     }
-    function A(h, M) {
+    function D(h, M) {
       if (!h || re)
         return "";
       {
@@ -313,7 +313,7 @@ function Is() {
       var le = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var me;
-      me = G.current, G.current = null, H();
+      me = G.current, G.current = null, U();
       try {
         if (M) {
           var ce = function() {
@@ -372,7 +372,7 @@ function Is() {
       return typeof h == "function" && O.set(h, _r), _r;
     }
     function ve(h, M, L) {
-      return A(h, !1);
+      return D(h, !1);
     }
     function Ne(h) {
       var M = h.prototype;
@@ -382,7 +382,7 @@ function Is() {
       if (h == null)
         return "";
       if (typeof h == "function")
-        return A(h, Ne(h));
+        return D(h, Ne(h));
       if (typeof h == "string")
         return ee(h);
       switch (h) {
@@ -483,8 +483,8 @@ function Is() {
     }
     function cs(h, M) {
       if (typeof h.ref == "string" && st.current && M && st.current.stateNode !== M) {
-        var L = w(st.current.type);
-        un[L] || (b('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', w(st.current.type), h.ref), un[L] = !0);
+        var L = x(st.current.type);
+        un[L] || (b('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', x(st.current.type), h.ref), un[L] = !0);
       }
     }
     function ls(h, M) {
@@ -572,7 +572,7 @@ function Is() {
     function hr() {
       {
         if (dn.current) {
-          var h = w(dn.current.type);
+          var h = x(dn.current.type);
           if (h)
             return `
 
@@ -615,7 +615,7 @@ Check the top-level render call using <` + L + ">.");
           return;
         gr[L] = !0;
         var ne = "";
-        h && h._owner && h._owner !== dn.current && (ne = " It was passed a child from " + w(h._owner.type) + "."), Ke(h), b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', L, ne), Ke(null);
+        h && h._owner && h._owner !== dn.current && (ne = " It was passed a child from " + x(h._owner.type) + "."), Ke(h), b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', L, ne), Ke(null);
       }
     }
     function br(h, M) {
@@ -652,11 +652,11 @@ Check the top-level render call using <` + L + ">.");
         else
           return;
         if (L) {
-          var ne = w(M);
+          var ne = x(M);
           ts(L, h.props, "prop", ne, h);
         } else if (M.PropTypes !== void 0 && !fn) {
           fn = !0;
-          var le = w(M);
+          var le = x(M);
           b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", le || "Unknown");
         }
         typeof M.getDefaultProps == "function" && !M.getDefaultProps.isReactClassApproved && b("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
@@ -683,7 +683,7 @@ Check the top-level render call using <` + L + ">.");
           var xe = ms(le);
           xe ? ie += xe : ie += hr();
           var he;
-          h === null ? he = "null" : ln(h) ? he = "array" : h !== void 0 && h.$$typeof === e ? (he = "<" + (w(h.type) || "Unknown") + " />", ie = " Did you accidentally export a JSX literal instead of a component?") : he = typeof h, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", he, ie);
+          h === null ? he = "null" : ln(h) ? he = "array" : h !== void 0 && h.$$typeof === e ? (he = "<" + (x(h.type) || "Unknown") + " />", ie = " Did you accidentally export a JSX literal instead of a component?") : he = typeof h, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", he, ie);
         }
         var ge = fs(h, M, L, le, me);
         if (ge == null)
@@ -717,7 +717,7 @@ Check the top-level render call using <` + L + ">.");
 process.env.NODE_ENV === "production" ? qn.exports = Ds() : qn.exports = Is();
 var a = qn.exports;
 const Ls = () => {
-  const [t, e] = J(window.location.pathname), n = () => {
+  const [t, e] = X(window.location.pathname), n = () => {
     const r = window.location.pathname;
     e(r);
   };
@@ -743,48 +743,48 @@ function Bs(t, e, n) {
       d.current = !1;
     };
   }, []);
-  var j = xt(function() {
-    var k = function(F) {
-      var C = c.current, E = f.current;
-      return c.current = f.current = null, i.current = F, l.current = u.current.apply(E, C);
-    }, x = function(F, C) {
-      p && cancelAnimationFrame(o.current), o.current = p ? requestAnimationFrame(F) : setTimeout(F, C);
-    }, q = function(F) {
+  var k = xt(function() {
+    var j = function(F) {
+      var $ = c.current, T = f.current;
+      return c.current = f.current = null, i.current = F, l.current = u.current.apply(T, $);
+    }, w = function(F, $) {
+      p && cancelAnimationFrame(o.current), o.current = p ? requestAnimationFrame(F) : setTimeout(F, $);
+    }, I = function(F) {
       if (!d.current)
         return !1;
-      var C = F - s.current;
-      return !s.current || C >= e || C < 0 || y && F - i.current >= b;
+      var $ = F - s.current;
+      return !s.current || $ >= e || $ < 0 || y && F - i.current >= b;
     }, R = function(F) {
-      return o.current = null, _ && c.current ? k(F) : (c.current = f.current = null, l.current);
-    }, Z = function F() {
-      var C = Date.now();
-      if (q(C))
-        return R(C);
+      return o.current = null, _ && c.current ? j(F) : (c.current = f.current = null, l.current);
+    }, Q = function F() {
+      var $ = Date.now();
+      if (I($))
+        return R($);
       if (d.current) {
-        var E = e - (C - s.current), w = y ? Math.min(E, b - (C - i.current)) : E;
-        x(F, w);
+        var T = e - ($ - s.current), x = y ? Math.min(T, b - ($ - i.current)) : T;
+        w(F, x);
       }
-    }, P = function() {
+    }, C = function() {
       if (m || v) {
-        var F = Date.now(), C = q(F);
-        if (c.current = [].slice.call(arguments), f.current = r, s.current = F, C) {
+        var F = Date.now(), $ = I(F);
+        if (c.current = [].slice.call(arguments), f.current = r, s.current = F, $) {
           if (!o.current && d.current)
-            return i.current = s.current, x(Z, e), g ? k(s.current) : l.current;
+            return i.current = s.current, w(Q, e), g ? j(s.current) : l.current;
           if (y)
-            return x(Z, e), k(s.current);
+            return w(Q, e), j(s.current);
         }
-        return o.current || x(Z, e), l.current;
+        return o.current || w(Q, e), l.current;
       }
     };
-    return P.cancel = function() {
+    return C.cancel = function() {
       o.current && (p ? cancelAnimationFrame(o.current) : clearTimeout(o.current)), i.current = 0, c.current = s.current = f.current = o.current = null;
-    }, P.isPending = function() {
+    }, C.isPending = function() {
       return !!o.current;
-    }, P.flush = function() {
+    }, C.flush = function() {
       return o.current ? R(Date.now()) : l.current;
-    }, P;
+    }, C;
   }, [g, y, e, b, _, p, m, v]);
-  return j;
+  return k;
 }
 function fa(t, e, n) {
   var r = n === void 0 ? {} : n, s = r.leading, i = r.trailing;
@@ -794,7 +794,7 @@ let pn;
 const wt = (t = !0, e = !1, n = "window") => {
   if (!t)
     return;
-  const [r, s] = K.useState(0) || [!1, () => {
+  const [r, s] = Y.useState(0) || [!1, () => {
   }];
   ae(() => (c(), window.addEventListener("resize", l), window.addEventListener("hashchange", l), window.addEventListener("hiddenSectionVisible", f), () => {
     clearTimeout(pn), l.flush(), window.removeEventListener("resize", l), window.removeEventListener("hashchange", l), window.removeEventListener("hiddenSectionVisible", f);
@@ -828,11 +828,11 @@ const wt = (t = !0, e = !1, n = "window") => {
 }) => {
   if (!window)
     return;
-  const [s, i] = K.useState({
+  const [s, i] = Y.useState({
     current: 0,
     past: 0
   }) || [!1, () => {
-  }], [o, c] = K.useState({
+  }], [o, c] = Y.useState({
     scrollDown: !1,
     scrollUp: !1
   }) || [!1, () => {
@@ -1417,7 +1417,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
     }
   }
   return r;
-}, Lt = (t, e) => K.Children.map(t, (n) => Object.is(n, null) ? n : K.cloneElement(n, {
+}, Lt = (t, e) => Y.Children.map(t, (n) => Object.is(n, null) ? n : Y.cloneElement(n, {
   ...e
 })), ti = (t = 0) => {
   setTimeout(() => {
@@ -1467,14 +1467,14 @@ Thank you for helping to protect the Apolitical community from abusive content.`
     },
     disabled: typeof f == "object" && "isClickable" in f ? !f.isClickable : f
   };
-  return s && (i = "a", _.href = s), K.createElement(
+  return s && (i = "a", _.href = s), Y.createElement(
     i,
     _,
     u || (l ? /* @__PURE__ */ a.jsx(be, { showOnFocus: !1, children: l }) : null)
   );
 }, jt = ({ buttons: t, className: e = "", ...n }) => {
   const r = t.length > 1 ? "ul" : "p", s = t.map((i, o) => r === "p" ? /* @__PURE__ */ a.jsx(se, { ...i }, o) : /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(se, { ...i }) }, o));
-  return K.createElement(r, {
+  return Y.createElement(r, {
     className: S("button-wrapper", e),
     ...n,
     children: s
@@ -1663,7 +1663,7 @@ const Nl = ({ image: t, className: e, testId: n }) => /* @__PURE__ */ a.jsx(
     const f = { ...c };
     return s && (f.onClick = s), i && (f["data-gtm-event-context"] = i), o && (f["data-gtm-event-type"] = o), /* @__PURE__ */ a.jsx("a", { href: t, className: S("gtm-trackable", r), ...f, children: e });
   }
-  return n ? K.createElement(n, { children: e, className: r, ...c }) : /* @__PURE__ */ a.jsx(a.Fragment, { children: e });
+  return n ? Y.createElement(n, { children: e, className: r, ...c }) : /* @__PURE__ */ a.jsx(a.Fragment, { children: e });
 };
 const Pl = ({ currentStep: t = 1, steps: e = 1 }) => /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
   /* @__PURE__ */ a.jsx(be, { children: /* @__PURE__ */ a.jsx(
@@ -1698,7 +1698,7 @@ const Pl = ({ currentStep: t = 1, steps: e = 1 }) => /* @__PURE__ */ a.jsxs(a.Fr
   }) }) })
 ] });
 const Ml = ({ elementId: t, offset: e = 20 }) => {
-  const n = V(), r = () => {
+  const n = H(), r = () => {
     const s = document.getElementById(t);
     if (!s)
       return;
@@ -1768,7 +1768,7 @@ const Jn = ({
   children: n,
   shouldAnimate: r = !1
 }) => {
-  const s = V(), i = pe(null);
+  const s = H(), i = pe(null);
   return ae(() => {
     let o;
     return r && (o = new si(i.current)), () => {
@@ -1810,7 +1810,7 @@ const Cr = {
   customLabel: n,
   className: r = ""
 }) => {
-  const s = V(), i = e ? { "--custom-icon": ii(e) } : {}, o = Qn(`contentTypeLabel_${t}`) ? s.formatMessage({ id: `contentTypeLabel_${t}` }) : !1;
+  const s = H(), i = e ? { "--custom-icon": ii(e) } : {}, o = Qn(`contentTypeLabel_${t}`) ? s.formatMessage({ id: `contentTypeLabel_${t}` }) : !1;
   return !n && !o ? null : /* @__PURE__ */ a.jsx(
     "small",
     {
@@ -1902,7 +1902,7 @@ const ci = ({
     Fe,
     {
       options: {
-        wrapper: K.Fragment,
+        wrapper: Y.Fragment,
         forceBlock: !0,
         overrides: va
       },
@@ -1917,7 +1917,7 @@ const Rl = ({
   text: r,
   children: s
 }) => {
-  const i = V(), o = pe(null), [c, f] = J(""), [l, u] = J("closed");
+  const i = H(), o = pe(null), [c, f] = X(""), [l, u] = X("closed");
   ae(() => {
     const p = o.current;
     if (p)
@@ -1978,24 +1978,24 @@ const Fl = ({
   className: i = ""
 }) => {
   const { hasBorder: o = !1, zebraStriping: c = !1 } = s;
-  return K.createElement(t, {
+  return Y.createElement(t, {
     className: S("icon-bulleted-list text-medium", n, i, {
       "has-border": o,
       "has-zebra-stripes": c,
       [e]: t !== "dl"
     }),
     children: r.map((f, l) => {
-      const u = { wrapper: K.Fragment, forceInline: !0 }, d = {
+      const u = { wrapper: Y.Fragment, forceInline: !0 }, d = {
         "--icon": `url(${Be}icons/${f.icon}.svg)`
       };
-      return t === "dl" ? /* @__PURE__ */ a.jsxs(K.Fragment, { children: [
+      return t === "dl" ? /* @__PURE__ */ a.jsxs(Y.Fragment, { children: [
         /* @__PURE__ */ a.jsx("dt", { style: d, children: /* @__PURE__ */ a.jsx(Fe, { options: u, children: f.dt || "" }) }, `dt-${l}`),
         /* @__PURE__ */ a.jsx("dd", { children: typeof f.text == "string" ? /* @__PURE__ */ a.jsx(Fe, { options: u, children: f.text }) : f.text }, `dd-${l}`)
       ] }, `dl-${l}`) : /* @__PURE__ */ a.jsx("li", { style: d, children: typeof f.text == "string" ? /* @__PURE__ */ a.jsx(Fe, { options: u, children: f.text }) : f.text }, l);
     })
   });
-}, _e = () => K.Fragment, li = ({ children: t }) => /* @__PURE__ */ a.jsx(Oe, { variant: "secondary", children: t }), ui = ({ children: t }) => typeof t == "object" && Object.keys(t || {}).length === 1 ? /* @__PURE__ */ a.jsx("p", { className: "center", children: t }) : /* @__PURE__ */ a.jsx("div", { className: "center", children: t }), di = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], fi = ({ children: t }) => {
-  const e = V();
+}, _e = () => Y.Fragment, li = ({ children: t }) => /* @__PURE__ */ a.jsx(Oe, { variant: "secondary", children: t }), ui = ({ children: t }) => typeof t == "object" && Object.keys(t || {}).length === 1 ? /* @__PURE__ */ a.jsx("p", { className: "center", children: t }) : /* @__PURE__ */ a.jsx("div", { className: "center", children: t }), di = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], fi = ({ children: t }) => {
+  const e = H();
   if (!t)
     return null;
   let n = e.formatMessage({
@@ -2004,10 +2004,10 @@ const Fl = ({
   const r = [];
   for (const i of Bn.toArray(t))
     if (!(!i || typeof i == "string" || typeof i == "number"))
-      if (K.isValidElement(i) && i.type === "summary") {
+      if (Y.isValidElement(i) && i.type === "summary") {
         if (i.props && i.props.children) {
           for (const o of Bn.toArray(i.props.children))
-            if (!(!o || typeof o == "string" || typeof o == "number") && K.isValidElement(o)) {
+            if (!(!o || typeof o == "string" || typeof o == "number") && Y.isValidElement(o)) {
               const c = o.type;
               if (di.includes(c)) {
                 for (n = o.props.children; typeof n != "string" && (Array.isArray(n) && n[0].props && n[0].props.children && n[0].props.children[0]); )
@@ -2047,7 +2047,7 @@ const Fl = ({
     }
   return /* @__PURE__ */ a.jsx("div", { ...e, children: t });
 }, pi = (t) => {
-  const e = V(), n = Date.now().toString();
+  const e = H(), n = Date.now().toString();
   let r = "default";
   const s = t.src;
   return s.includes("youtube") || s.includes("vimeo") ? r = "video" : s.includes("riddle") || s.includes("sli.do") ? r = "poll" : s.includes("padlet") && (r = "padlet"), /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
@@ -2076,10 +2076,10 @@ const Fl = ({
   e.href && (e.href.includes("http:") || e.href.includes("https:")) && !e.target && (n.target = "_blank");
   let r = t, s = !1;
   for (const i of Bn.toArray(t))
-    if (!(!i || typeof i == "string" || typeof i == "number") && K.isValidElement(i)) {
+    if (!(!i || typeof i == "string" || typeof i == "number") && Y.isValidElement(i)) {
       const o = i.type;
       if (["button", "center", "span", "strong"].includes(o) && i.props && i.props.children && i.props.children[0])
-        for ((o === "button" || $r(i.props.children[0]) === "button") && (s = !0), r = i.props.children[0]; r && typeof r != "string" && !(typeof r == "boolean" || typeof r == "number" || !K.isValidElement(r)); )
+        for ((o === "button" || $r(i.props.children[0]) === "button") && (s = !0), r = i.props.children[0]; r && typeof r != "string" && !(typeof r == "boolean" || typeof r == "number" || !Y.isValidElement(r)); )
           if (r.props && r.props.children && r.props.children[0])
             r = r.props.children[0], r && $r(r) === "button" && (s = !0);
           else
@@ -2130,7 +2130,7 @@ const vi = {
   const { highlightTitles: i = !1 } = s;
   n = n.replace(/^<br\/?>/, "");
   const o = {
-    wrapper: K.Fragment,
+    wrapper: Y.Fragment,
     forceBlock: !0,
     overrides: vi[r]
   };
@@ -2154,8 +2154,8 @@ const bi = ({
   const i = t ? { "--max-width": `${t / 16}rem` } : {};
   return /* @__PURE__ */ a.jsxs("section", { className: S("page-heading", s), children: [
     /* @__PURE__ */ a.jsxs("div", { className: S("content", { "has-max-width": t }), style: i, children: [
-      e && e.text && K.createElement(e.element || "h1", { className: "title" }, e.text),
-      n && n.text && K.createElement(
+      e && e.text && Y.createElement(e.element || "h1", { className: "title" }, e.text),
+      n && n.text && Y.createElement(
         n.element || "h2",
         { className: "text-medium" },
         n.text
@@ -2192,7 +2192,7 @@ const Wt = ({
   children: e = null,
   className: n = "",
   ...r
-}) => K.createElement(
+}) => Y.createElement(
   t,
   {
     ...r,
@@ -2211,7 +2211,7 @@ const Al = ({
   selector: e = "",
   className: n = ""
 }) => {
-  const r = V(), [s, i] = J(t);
+  const r = H(), [s, i] = X(t);
   return ae(() => {
     if (t.length)
       return;
@@ -2245,7 +2245,7 @@ const Xn = ({
   appendedText: r,
   className: s = ""
 }) => {
-  const i = V(), o = "timeToComplete_";
+  const i = H(), o = "timeToComplete_";
   if (!t || typeof t != "number")
     return null;
   const c = (u) => {
@@ -2276,7 +2276,7 @@ const Xn = ({
 };
 let ct = !1;
 const _i = ({ isOpen: t = !1, isLoading: e = !1, children: n }) => {
-  const r = V(), s = pe(null), [i, o] = J("hidden");
+  const r = H(), s = pe(null), [i, o] = X("hidden");
   ae(() => {
     const f = s.current;
     if (f)
@@ -2351,8 +2351,8 @@ const Il = ({ text: t, buttons: e, className: n = "" }) => {
       target: "_blank",
       children: s.text
     });
-  }), /* @__PURE__ */ a.jsx(Ve, { className: S("download-section", n), children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    K.createElement(
+  }), /* @__PURE__ */ a.jsx(Ve, { className: S("download-section", n), children: /* @__PURE__ */ a.jsxs("div", { className: "content-default", children: [
+    Y.createElement(
       typeof t == "string" ? "h2" : t.element,
       { className: "text" },
       typeof t == "string" ? t : t.text
@@ -2364,7 +2364,7 @@ function ba({ href: t, setShowModal: e }) {
   typeof t != "string" && e(!0);
 }
 const xi = ({ icon: t, description: e, ctaMessage: n, href: r, showEditButton: s, setShowModal: i }) => {
-  const { formatMessage: o } = V();
+  const { formatMessage: o } = H();
   return /* @__PURE__ */ a.jsxs("div", { className: S("edit-section-placeholder", { "has-icon": !!t }), style: Hs(t), children: [
     /* @__PURE__ */ a.jsx("p", { children: e || o({ id: "edit_section_placeholder_description" }) }),
     s && /* @__PURE__ */ a.jsx(se, { href: r, variant: "secondary", size: "small", onClick: () => ba({ href: r, setShowModal: i }), children: n || o({ id: "edit_section_placeholder_cta" }) })
@@ -2379,7 +2379,7 @@ const xi = ({ icon: t, description: e, ctaMessage: n, href: r, showEditButton: s
   placeholder: o,
   showDivider: c = !0
 }) => {
-  const [f, l] = K.useState(!1), u = typeof r == "string" || !!n, d = () => l(!1);
+  const [f, l] = Y.useState(!1), u = typeof r == "string" || !!n, d = () => l(!1);
   return /* @__PURE__ */ a.jsxs("section", { className: S("edit-section", e), children: [
     n && /* @__PURE__ */ a.jsx(
       an,
@@ -2435,7 +2435,7 @@ const Bl = ({
         "wrap-logos": o
       }),
       children: [
-        t && K.createElement(
+        t && Y.createElement(
           i.element,
           { className: S("title", i.className) },
           i.text
@@ -2537,7 +2537,7 @@ const wi = [
           f.map((d) => {
             if (u[d] && typeof u[d] == "object") {
               const { text: m, element: p = "" } = u[d];
-              return d === "text" ? /* @__PURE__ */ a.jsx(Ut, { overrideType: "text-only", className: "text", children: m }, d) : K.createElement(p, { key: d, className: d }, m);
+              return d === "text" ? /* @__PURE__ */ a.jsx(Ut, { overrideType: "text-only", className: "text", children: m }, d) : Y.createElement(p, { key: d, className: d }, m);
             }
             return null;
           }),
@@ -2655,7 +2655,7 @@ function Si(t) {
   var e = t.children, n = t.client, r = t.apiKey, s = t.options, i = xt(function() {
     return n && r && console.warn("[PostHog.js] You have provided both a client and an apiKey to PostHogProvider. The apiKey will be ignored in favour of the client."), n && s && console.warn("[PostHog.js] You have provided both a client and options to PostHogProvider. The options will be ignored in favour of the client."), n || (r && (It.__loaded && console.warn("[PostHog.js] was already loaded elsewhere. This may cause issues."), It.init(r, s)), It);
   }, [n, r]);
-  return K.createElement(Ei.Provider, { value: { client: i } }, e);
+  return Y.createElement(Ei.Provider, { value: { client: i } }, e);
 }
 const Ci = ({ children: t, user: e }) => e.isLoading ? null : process.env.REACT_APP_PUBLIC_POSTHOG_KEY ? /* @__PURE__ */ a.jsx(
   Si,
@@ -2692,7 +2692,7 @@ function er() {
   return Ee(Ie);
 }
 const Ni = ({ children: t, user: e }) => /* @__PURE__ */ a.jsx(Ie.Provider, { value: e, children: t }), Zl = ({ bootstrap: t, children: e, intl: n, showDevTools: r }) => {
-  const [s, i] = J({ isLoading: !0 }), o = (n == null ? void 0 : n.locale) || localStorage.getItem("language") || "en", [c, f] = J(o), l = (u) => {
+  const [s, i] = X({ isLoading: !0 }), o = (n == null ? void 0 : n.locale) || localStorage.getItem("language") || "en", [c, f] = X(o), l = (u) => {
     localStorage.setItem("language", u), f(u);
   };
   return ae(() => {
@@ -2714,7 +2714,7 @@ const Pi = ({
   text: n = !1,
   className: r = ""
 }) => {
-  const s = V(), {
+  const s = H(), {
     showText: i = !1,
     layout: o = "bar",
     size: c = "default",
@@ -2728,7 +2728,7 @@ const Pi = ({
         [f !== "default" ? f : ""]: f !== "default"
       }),
       style: u,
-      children: K.createElement(i ? "span" : be, {
+      children: Y.createElement(i ? "span" : be, {
         className: i ? "text" : "",
         children: n || s.formatMessage({ id: "progressBar" }, { number: e })
       })
@@ -2736,7 +2736,7 @@ const Pi = ({
   );
 }, _a = De(Pi);
 const vn = "loadingBlock_", Mi = ({ progress: t = 0, steps: e = !1, className: n = "" }) => {
-  const r = V();
+  const r = H();
   e || (e = {
     0: { text: r.formatMessage({ id: `${vn}loading` }) },
     75: { text: r.formatMessage({ id: `${vn}almostDone` }) },
@@ -2842,7 +2842,7 @@ const Nr = 256, Ye = ({
   height: i = Nr,
   ...o
 }) => {
-  const [c, f] = J(!1), l = pe(null);
+  const [c, f] = X(!1), l = pe(null);
   ae(() => {
     const d = l.current;
     if (!d)
@@ -2905,12 +2905,12 @@ const tr = ({
   gtmType: s = "member-click",
   className: i = ""
 }) => {
-  const o = V(), c = ka(e);
+  const o = H(), c = ka(e);
   c.name || (c.name = o.formatMessage({
     id: `member_${typeof e == "string" ? e : "community"}`
   }));
   const { name: f, url: l, image: u } = c, d = Fi(c), m = n && n.createdAt ? Un(n.createdAt) : !1, p = n && n.createdAt ? ga(n.createdAt) : "";
-  return K.createElement(t, {
+  return Y.createElement(t, {
     className: S("member text-medium", i),
     children: /* @__PURE__ */ a.jsxs(
       at,
@@ -2956,8 +2956,8 @@ const Pr = {
   className: l = "",
   ...u
 }) => {
-  const d = V();
-  return !n || n.length === 0 ? null : K.createElement(t, {
+  const d = H();
+  return !n || n.length === 0 ? null : Y.createElement(t, {
     ...u,
     className: S("contributors", l, s, { "has-gap": i }),
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
@@ -3001,13 +3001,13 @@ const Ct = "emailHelperTextBox_", Oi = ({
   redirectPath: n,
   resendVerificationCode: r
 }) => {
-  const s = V(), [i, o] = J({
+  const s = H(), [i, o] = X({
     path: `${Ct}default`,
     type: "default",
     link: {},
     mail: {},
     error: ""
-  }), [c, f] = J(!1), l = sa(
+  }), [c, f] = X(!1), l = sa(
     (p) => {
       p.preventDefault(), p.stopPropagation();
       const g = (_) => {
@@ -3148,7 +3148,7 @@ const Ct = "emailHelperTextBox_", Oi = ({
   ...l
 }) => {
   const u = pe(), d = r || u;
-  return K.createElement(e, {
+  return Y.createElement(e, {
     ref: d,
     ...l,
     type: c,
@@ -3182,15 +3182,15 @@ const Qe = {
 }) => {
   const { onChange: r = () => {
   }, onKeyInput: s = async () => {
-  } } = n, [{ input: i, displayInput: o, debouncedInput: c }, f] = J({
+  } } = n, [{ input: i, displayInput: o, debouncedInput: c }, f] = X({
     input: t,
     displayInput: t,
     debouncedInput: t
-  }), [{ predictions: l, activePredictionIndex: u, isPredictionSelected: d }, m] = J({
+  }), [{ predictions: l, activePredictionIndex: u, isPredictionSelected: d }, m] = X({
     predictions: [],
     activePredictionIndex: -1,
     isPredictionSelected: !!t
-  }), { formatMessage: p } = V();
+  }), { formatMessage: p } = H();
   e || (e = p({ id: "inputAutocomplete_placeholder" })), ae(() => {
     const v = setTimeout(() => {
       d || f((b) => ({ ...b, debouncedInput: i }));
@@ -3202,9 +3202,9 @@ const Qe = {
     c && !d ? (async () => {
       try {
         const b = await s(c) || [];
-        m((j) => ({ ...j, predictions: b }));
+        m((k) => ({ ...k, predictions: b }));
       } catch (b) {
-        console.error("Error fetching predictions:", b), m((j) => ({ ...j, predictions: [] }));
+        console.error("Error fetching predictions:", b), m((k) => ({ ...k, predictions: [] }));
       }
     })() : m((v) => ({ ...v, predictions: [] }));
   }, [c, d]), ae(() => {
@@ -3232,7 +3232,7 @@ const Qe = {
       "li",
       {
         onClick: () => y(v),
-        onMouseEnter: () => m((j) => ({ ...j, activePredictionIndex: b })),
+        onMouseEnter: () => m((k) => ({ ...k, activePredictionIndex: b })),
         className: S("predictions-list-item", { active: b === u }),
         children: v.description
       },
@@ -3255,7 +3255,7 @@ const Ea = ({
   value: u,
   ...d
 }) => {
-  const m = V(), { onChange: p, ...g } = r, _ = () => {
+  const m = H(), { onChange: p, ...g } = r, _ = () => {
     e || p(u ? null : f);
   }, y = /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsx(
@@ -3279,7 +3279,7 @@ const Ea = ({
       id: o ? `${o}_${s}` : s
     }) })
   ] });
-  return K.createElement(
+  return Y.createElement(
     n,
     {
       onClick: (v) => {
@@ -3317,21 +3317,21 @@ const Li = ({
   multiSelectOptions: f,
   id: l
 }) => {
-  const u = V(), [d, m] = J(!1), p = r || n, g = Array.isArray(p) ? [...p] : p ? [p] : [], [_, y] = J(g);
+  const u = H(), [d, m] = X(!1), p = r || n, g = Array.isArray(p) ? [...p] : p ? [p] : [], [_, y] = X(g);
   let v;
   Array.isArray(_) && _.length === 1 && typeof _[0] == "string" ? v = e && _ ? e.find((R) => R.id === _[0]) : e ? e[0] : { id: "", label: "" } : Array.isArray(_) && _.length === 1 && typeof _[0] != "string" ? v = _[0] : v = { id: "", label: "" }, ae(() => {
     y(g);
   }, [r, n]);
-  const { onChange: b, onMultiSelectSubmit: j, ...k } = s, x = (R) => {
+  const { onChange: b, onMultiSelectSubmit: k, ...j } = s, w = (R) => {
     if (c) {
-      let Z = [];
-      _ != null && _.includes(R.id) ? Z = _.filter((P) => P !== R.id) : Z = [..._, R.id], y([...Z]), b && b([...Z]);
+      let Q = [];
+      _ != null && _.includes(R.id) ? Q = _.filter((C) => C !== R.id) : Q = [..._, R.id], y([...Q]), b && b([...Q]);
     } else
       y([R]), b && b(R.id), m(!1);
-  }, q = (R) => {
+  }, I = (R) => {
     if (R === "all") {
-      const Z = (e == null ? void 0 : e.map((P) => P.id)) || [];
-      y(Z), b && b(Z);
+      const Q = (e == null ? void 0 : e.map((C) => C.id)) || [];
+      y(Q), b && b(Q);
     } else
       y([]), b && b([]);
   };
@@ -3347,7 +3347,7 @@ const Li = ({
           R.preventDefault(), R.stopPropagation(), m(!d);
         },
         "data-testid": "dropdown-selector",
-        ...k,
+        ...j,
         children: [
           c ? `${o} · ${_.length}` : v.label,
           /* @__PURE__ */ a.jsx(Ii, { direction: d ? "up" : "down" })
@@ -3360,11 +3360,11 @@ const Li = ({
         defaultValue: v.id,
         onChange: (R) => {
           R.preventDefault(), R.stopPropagation();
-          const Z = e && e.find((P) => P.id === R.target.value);
-          x(Z);
+          const Q = e && e.find((C) => C.id === R.target.value);
+          w(Q);
         },
         hidden: !d,
-        ...k,
+        ...j,
         children: e == null ? void 0 : e.map((R) => /* @__PURE__ */ a.jsx("option", { value: R.id, children: R.label }, R.id))
       }
     ),
@@ -3384,7 +3384,7 @@ const Li = ({
                   {
                     variant: "tertiary",
                     size: "small",
-                    onClick: () => q("all"),
+                    onClick: () => I("all"),
                     className: "gtm-trackable",
                     children: u.formatMessage({ id: "dropdown_menu_multiselect_all" })
                   }
@@ -3394,7 +3394,7 @@ const Li = ({
                   {
                     variant: "tertiary",
                     size: "small",
-                    onClick: () => q("none"),
+                    onClick: () => I("none"),
                     className: "gtm-trackable",
                     children: u.formatMessage({ id: "dropdown_menu_multiselect_none" })
                   }
@@ -3402,22 +3402,22 @@ const Li = ({
               ] })
             ] }),
             /* @__PURE__ */ a.jsx("ul", { children: e == null ? void 0 : e.map((R) => {
-              const Z = R.id === v.id || (_ == null ? void 0 : _.includes(R)) || (_ == null ? void 0 : _.includes(R.id));
+              const Q = R.id === v.id || (_ == null ? void 0 : _.includes(R)) || (_ == null ? void 0 : _.includes(R.id));
               return /* @__PURE__ */ a.jsx("li", { "data-testid": "dropdown-options", children: /* @__PURE__ */ a.jsxs(
                 "button",
                 {
                   className: S("gtm-trackable", {
-                    selected: Z,
-                    "selected-single": Z && !c
+                    selected: Q,
+                    "selected-single": Q && !c
                   }),
                   "data-gtm-event-type": `${R}-click`,
                   "data-gtm-event-context": i,
-                  onClick: (P) => {
-                    P.preventDefault(), P.stopPropagation(), x(R);
+                  onClick: (C) => {
+                    C.preventDefault(), C.stopPropagation(), w(R);
                   },
                   role: "menuitem",
-                  "aria-current": Z,
-                  "data-testid": Z ? "current-selection" : "",
+                  "aria-current": Q,
+                  "data-testid": Q ? "current-selection" : "",
                   children: [
                     c && /* @__PURE__ */ a.jsx("span", { className: "pretty-checkbox", "data-testid": "pretty-checkbox" }),
                     /* @__PURE__ */ a.jsx("span", { className: S({ "menu-option-label": c }), children: R.label })
@@ -3431,7 +3431,7 @@ const Li = ({
             {
               variant: "secondary",
               onClick: () => {
-                j && j(_), document.dispatchEvent(
+                k && k(_), document.dispatchEvent(
                   new CustomEvent("dropdownMultiSelectSubmit", {
                     detail: {
                       id: l || "dropdown-multi-select",
@@ -3463,7 +3463,7 @@ const Bi = ({
   value: u,
   ...d
 }) => {
-  const m = V(), p = i ? u : [], g = u;
+  const m = H(), p = i ? u : [], g = u;
   return /* @__PURE__ */ a.jsx(
     "ul",
     {
@@ -3477,28 +3477,28 @@ const Bi = ({
           value: v = _,
           disabled: b = !1
         }) => {
-          const j = `${r}_${_}`, k = () => {
+          const k = `${r}_${_}`, j = () => {
             if (b)
               return;
-            let x;
+            let w;
             if (i) {
-              const q = p == null ? void 0 : p.indexOf(v);
-              Array.isArray(p) && q >= 0 ? (x = p, x.splice(q, 1)) : (!p || p.length === 0 ? x = [] : x = p, x.push(v));
+              const I = p == null ? void 0 : p.indexOf(v);
+              Array.isArray(p) && I >= 0 ? (w = p, w.splice(I, 1)) : (!p || p.length === 0 ? w = [] : w = p, w.push(v));
             } else
-              x = g === v ? void 0 : v;
-            e.onChange(x);
+              w = g === v ? void 0 : v;
+            e.onChange(w);
           };
           return /* @__PURE__ */ a.jsx(
             Ea,
             {
               element: "li",
-              id: j,
+              id: k,
               type: l === "checkboxes" ? "checkbox" : "radio",
               shownValue: v,
               value: i ? p == null ? void 0 : p.includes(v) : g === v,
               functions: {
                 ...e,
-                onChange: k
+                onChange: j
               },
               intlPath: n,
               label: y || m.formatMessage({
@@ -3506,7 +3506,7 @@ const Bi = ({
               }),
               disabled: b
             },
-            j
+            k
           );
         }
       )
@@ -3519,7 +3519,7 @@ const qi = ({
   gtm: { context: n } = { context: void 0 },
   ...r
 }) => {
-  const s = V(), i = pe(), o = t || i, [c, f] = J(!1), [l, u] = J(e), d = () => {
+  const s = H(), i = pe(), o = t || i, [c, f] = X(!1), [l, u] = X(e), d = () => {
     var m;
     f(!c), u(c ? "password" : "text"), (m = o.current) == null || m.focus();
   };
@@ -3568,7 +3568,7 @@ const Je = {
   value: l,
   ...u
 }) => {
-  const d = V(), m = f && f.some(({ condition: k }) => k === "required"), p = (l == null ? void 0 : l.toString().length) || 0, g = c && Je[c] && Je[c].component ? Je[c].component : gt, _ = {};
+  const d = H(), m = f && f.some(({ condition: j }) => j === "required"), p = (l == null ? void 0 : l.toString().length) || 0, g = c && Je[c] && Je[c].component ? Je[c].component : gt, _ = {};
   c && ["checkboxes"].includes(c) ? _.element = "span" : _.htmlFor = t;
   let y = {
     ...u,
@@ -3581,17 +3581,17 @@ const Je = {
     functions: pt(s),
     value: l
   };
-  i > 0 && (y["data-character-limit"] = i, y.functions && (y.functions.onChange = (k) => {
-    ((k == null ? void 0 : k.toString().length) || 0) > i && (k = k == null ? void 0 : k.toString().slice(0, i)), s.onChange(k);
+  i > 0 && (y["data-character-limit"] = i, y.functions && (y.functions.onChange = (j) => {
+    ((j == null ? void 0 : j.toString().length) || 0) > i && (j = j == null ? void 0 : j.toString().slice(0, i)), s.onChange(j);
   })), c && Je[c] && Je[c].props && (y = { ...y, ...Je[c].props }), c && ["checkboxes"].includes(c) && (y.intlPath = `${e}_${t}`), r && (y["aria-invalid"] = !0, y["aria-describedby"] = `error-${t}`);
-  const v = u.label || d.formatMessage({ id: e ? `${e}_${t}` : t }), b = ({ ...k }) => r ? K.createElement(
-    k.as || "dd",
+  const v = u.label || d.formatMessage({ id: e ? `${e}_${t}` : t }), b = ({ ...j }) => r ? Y.createElement(
+    j.as || "dd",
     {
       id: `error-${t}`,
       className: "error text-small",
       role: "alert",
       "aria-live": "assertive",
-      ...k
+      ...j
     },
     r
   ) : null;
@@ -3607,13 +3607,13 @@ const Je = {
       ),
       /* @__PURE__ */ a.jsx(b, { as: "p" })
     ] });
-  const j = (k) => K.createElement(k.element || "label", {
-    ...k,
+  const k = (j) => Y.createElement(j.element || "label", {
+    ...j,
     className: "checkboxes-label text-small",
     "data-testid": `label-${t}`
   });
   return /* @__PURE__ */ a.jsxs("dl", { className: S("field-wrapper text-medium", n), children: [
-    /* @__PURE__ */ a.jsx("dt", { children: /* @__PURE__ */ a.jsxs(j, { ..._, children: [
+    /* @__PURE__ */ a.jsx("dt", { children: /* @__PURE__ */ a.jsxs(k, { ..._, children: [
       v,
       m && o && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         " ",
@@ -3758,26 +3758,16 @@ const rn = ({
     variant: "secondary",
     size: "large"
   },
-  meta: {
-    shouldShowCancelButton: c = !1,
-    shouldReset: f = !0,
-    showRequiredLabels: l = !0,
-    showSuccessMessage: u = !1
-  } = {
-    shouldShowCancelButton: !1,
-    shouldReset: !0,
-    showRequiredLabels: !0,
-    showSuccessMessage: !1
-  },
-  gtm: d = { context: "Form", event: "form-submit-click" },
+  meta: c,
+  gtm: f = { context: "Form", event: "form-submit-click" },
   functions: {
-    onSuccess: m = async () => {
+    onSuccess: l = async () => {
     },
-    onCancel: p = () => {
+    onCancel: u = () => {
     },
-    onCatch: g = () => {
+    onCatch: d = () => {
     },
-    onFailure: _ = () => {
+    onFailure: m = () => {
     }
   } = {
     onSuccess: async () => {
@@ -3789,174 +3779,179 @@ const rn = ({
     onFailure: () => {
     }
   },
-  ...y
+  ...p
 }) => {
-  const { customOnSubmit: v, hideButton: b, ...j } = i, k = 40, x = V(), q = {};
-  t.length && t.forEach((D) => {
-    const z = D.id || D.name;
-    z && (q[z] = D.value || "");
+  const { customOnSubmit: g, hideButton: _, ...y } = i, v = 40, {
+    shouldShowCancelButton: b = !1,
+    shouldReset: k = !0,
+    showRequiredLabels: j = !0,
+    showSuccessMessage: w = !1
+  } = c || {}, I = H(), R = {};
+  t.length && t.forEach((z) => {
+    const K = z.id || z.name;
+    K && (R[K] = z.value || "");
   });
-  const [R, Z] = Yn(Wi, {
+  const [Q, C] = Yn(Wi, {
     isSubmitting: !1,
     formSubmitted: !1,
     errors: {},
-    values: q
-  }), { errors: P, isSubmitting: F, formSubmitted: C, values: E } = R;
+    values: R
+  }), { errors: F, isSubmitting: $, formSubmitted: T, values: x } = Q;
   ae(() => {
-    f && C && (bn = setTimeout(() => {
-      Z({
+    k && T && (bn = setTimeout(() => {
+      C({
         type: "updateValue",
         payload: { key: "formSubmitted", value: !1 }
       });
     }, 3e3));
-  }, [C]), ae(() => () => {
+  }, [T]), ae(() => () => {
     bn && clearTimeout(bn);
   }, []), ae(() => {
-    const D = (z) => {
-      Z({
+    const z = (K) => {
+      C({
         type: "updateValue",
-        payload: { key: z.detail.id, value: z.detail.value }
+        payload: { key: K.detail.id, value: K.detail.value }
       });
     };
     return document.addEventListener(
       "dropdownMultiSelectSubmit",
-      D
+      z
     ), () => {
       document.removeEventListener(
         "dropdownMultiSelectSubmit",
-        D
+        z
       );
     };
   }, []);
-  const w = pe(null), $ = r || w;
+  const N = pe(null), A = r || N;
   if (!t.length)
     return null;
-  i.text || (i.text = x.formatMessage({ id: "form_submit" }));
-  const U = [
+  i.text || (i.text = I.formatMessage({ id: "form_submit" }));
+  const Z = [
     {
-      ...j,
-      icon: C ? { icon: "tick", position: "left" } : !1,
+      ...y,
+      icon: T ? { icon: "tick", position: "left" } : !1,
       className: "gtm-trackable",
-      onClick: (D) => {
-        var T;
-        if (D.preventDefault(), D.stopPropagation(), F)
+      onClick: (z) => {
+        var P;
+        if (z.preventDefault(), z.stopPropagation(), $)
           return;
-        let z = 0;
-        if ((T = $ == null ? void 0 : $.current) != null && T.id) {
-          const N = document.getElementById($.current.id);
-          N && (z = N.getBoundingClientRect().top + window.scrollY);
+        let K = 0;
+        if ((P = A == null ? void 0 : A.current) != null && P.id) {
+          const q = document.getElementById(A.current.id);
+          q && (K = q.getBoundingClientRect().top + window.scrollY);
         }
-        const X = document.getElementById("header");
-        if (X && (z = z - X.offsetHeight - k), z < 0 && (z = 0), window.scrollTo({ top: z, behavior: "smooth" }), Z({ type: "toggleSubmitting" }), i.disabled) {
-          typeof i.disabled == "object" && i.disabled.isClickable && Z({
+        const E = document.getElementById("header");
+        if (E && (K = K - E.offsetHeight - v), K < 0 && (K = 0), window.scrollTo({ top: K, behavior: "smooth" }), C({ type: "toggleSubmitting" }), i.disabled) {
+          typeof i.disabled == "object" && i.disabled.isClickable && C({
             type: "submitForm",
             payload: {
               fields: t,
-              dispatch: Z,
-              intl: x
+              dispatch: C,
+              intl: I
             }
           });
           return;
         }
-        Z({
+        C({
           type: "submitForm",
           payload: {
             fields: t,
-            dispatch: Z,
-            onSuccess: async (N) => {
+            dispatch: C,
+            onSuccess: async (q) => {
               try {
-                await m(N), Z({ type: f ? "formSubmittedAndReset" : "formSubmitted" });
-              } catch (W) {
-                g(W), Z({
+                await l(q), C({ type: k ? "formSubmittedAndReset" : "formSubmitted" });
+              } catch (B) {
+                d(B), C({
                   type: "updateValue",
                   payload: { key: "isSubmitting", value: !1 }
                 });
               }
             },
-            onFailure: (N, W) => {
-              _(N, W), Z({
+            onFailure: (q, B) => {
+              m(q, B), C({
                 type: "updateValue",
                 payload: { key: "isSubmitting", value: !1 }
               });
             },
-            intl: x
+            intl: I
           }
         });
       },
-      disabled: F || C || i.disabled,
-      "data-gtm-event-context": d.context,
-      "data-gtm-event-type": d.event,
-      children: F || C ? x.formatMessage({
-        id: `form_${F ? "submitting" : "submitted"}`
+      disabled: $ || T || i.disabled,
+      "data-gtm-event-context": f.context,
+      "data-gtm-event-type": f.event,
+      children: $ || T ? I.formatMessage({
+        id: `form_${$ ? "submitting" : "submitted"}`
       }) : i.text
     }
   ];
-  return c && U.unshift({
+  return b && Z.unshift({
     ...o,
     className: "gtm-trackable",
-    "data-gtm-event-context": d.context,
-    "data-gtm-event-type": d.event,
-    disabled: F || C,
-    onClick: p,
-    children: o.text || x.formatMessage({ id: "form_cancel" })
+    "data-gtm-event-context": f.context,
+    "data-gtm-event-type": f.event,
+    disabled: $ || T,
+    onClick: u,
+    children: o.text || I.formatMessage({ id: "form_cancel" })
   }), /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsxs(
       "form",
       {
-        ...y,
+        ...p,
         id: n,
         className: S("form", e),
-        ref: $,
+        ref: A,
         children: [
-          P != null && P.general ? /* @__PURE__ */ a.jsx(
+          F != null && F.general ? /* @__PURE__ */ a.jsx(
             He,
             {
               variant: "error",
-              text: x.formatMessage({ id: "form_error_generalError" })
+              text: I.formatMessage({ id: "form_error_generalError" })
             }
           ) : null,
-          (!F && !C || v) && t.map((D, z) => {
+          (!k || !$ && !T || g) && t.map((z, K) => {
             const {
-              id: X = D.name || z,
-              component: T,
-              functions: N = { onChange: () => {
+              id: E = z.name || K,
+              component: P,
+              functions: q = { onChange: () => {
               } }
-            } = D;
-            if (T)
-              return /* @__PURE__ */ a.jsx(T, { ...D.props || {} }, `component-${X}-${z}`);
-            const W = E ? E[X] : "";
+            } = z;
+            if (P)
+              return /* @__PURE__ */ a.jsx(P, { ...z.props || {} }, `component-${E}-${K}`);
+            const B = x ? x[E] : "";
             return /* @__PURE__ */ a.jsx(
               Ui,
               {
                 intlPath: s,
-                ...D,
-                showRequiredLabels: l,
-                value: W,
-                error: P == null ? void 0 : P[X],
+                ...z,
+                showRequiredLabels: j,
+                value: B,
+                error: F == null ? void 0 : F[E],
                 functions: {
-                  ...N,
-                  onChange: (B) => {
-                    Z({ type: "updateValue", payload: { key: X, value: B } }), N.onChange(B && B.toString(), Z);
+                  ...q,
+                  onChange: (U) => {
+                    C({ type: "updateValue", payload: { key: E, value: U } }), q.onChange(U && U.toString(), C);
                   }
                 }
               },
-              X
+              E
             );
           }),
-          b ? null : (F || C) && v ? v : /* @__PURE__ */ a.jsx(
+          _ ? null : ($ || T) && g ? g : /* @__PURE__ */ a.jsx(
             jt,
             {
               className: S("cta", {
-                center: F || C,
-                submitted: C
+                center: $ || T,
+                submitted: T
               }),
-              buttons: U
+              buttons: Z
             }
           )
         ]
       }
     ),
-    u && C && /* @__PURE__ */ a.jsx(Wt, { className: "success", children: typeof u == "string" ? u : x.formatMessage({ id: "form_success" }) })
+    w && T && /* @__PURE__ */ a.jsx(Wt, { className: "success", children: typeof w == "string" ? w : I.formatMessage({ id: "form_success" }) })
   ] });
 };
 const $t = "passwordRules_", Sa = "isMoreThanEightCharacters", Ca = "includesNumberAndSymbol", $a = "includesLowerAndUppercase", zi = {
@@ -3971,7 +3966,7 @@ const $t = "passwordRules_", Sa = "isMoreThanEightCharacters", Ca = "includesNum
   },
   className: e = ""
 }) => {
-  const n = V();
+  const n = H();
   return /* @__PURE__ */ a.jsxs("aside", { className: S("password-rules", e), children: [
     /* @__PURE__ */ a.jsx("small", { children: n.formatMessage({ id: `${$t}intro` }) }),
     /* @__PURE__ */ a.jsx("ul", { children: [Sa, Ca, $a].map(
@@ -4009,7 +4004,7 @@ const Vl = ({
   className: i = "",
   hasLoaded: o = !1
 }) => {
-  const c = V(), [f, l] = J({
+  const c = H(), [f, l] = X({
     setUp: !1,
     id: null,
     rating: null,
@@ -4042,7 +4037,7 @@ const Vl = ({
       try {
         l((b) => ({ ...b, rating: v, disabled: !0 })), await r({ id: d, value: v });
       } catch (b) {
-        l((j) => ({ ...j, rating: null })), s(b);
+        l((k) => ({ ...k, rating: null })), s(b);
       } finally {
         l((b) => ({ ...b, disabled: !1 }));
       }
@@ -4069,8 +4064,8 @@ const Vl = ({
                 { id: `${g}stars` },
                 { number: b, total: e }
               )}${b === 1 || b === e ? ` - ${_[b === 1 ? "low" : "high"]}` : ""}`,
-              onClick: (j) => {
-                j.preventDefault(), j.stopPropagation(), y(b);
+              onClick: (k) => {
+                k.preventDefault(), k.stopPropagation(), y(b);
               },
               disabled: p
             }
@@ -4091,7 +4086,7 @@ const Yl = ({
   isDisabled: i = !1,
   className: o = ""
 }) => {
-  const [c, f] = J(
+  const [c, f] = X(
     typeof r == "boolean" || typeof r == "string" ? r : n[0].value
   );
   ae(() => {
@@ -4141,7 +4136,7 @@ const Yl = ({
   );
 };
 function Kl({ className: t = "", userId: e, userName: n, src: r, setUserImage: s, uploadImage: i }) {
-  const [o, c] = J(!1), [f, l] = J(!1), u = pe(null), d = async (m) => {
+  const [o, c] = X(!1), [f, l] = X(!1), u = pe(null), d = async (m) => {
     c(!0), l(!1);
     try {
       const p = m.target.files && m.target.files[0];
@@ -4252,26 +4247,26 @@ const Yi = ({
   initialFormStatus: l = "NOT_SUBMITTED"
   /* NOT_SUBMITTED */
 }) => {
-  const [u, d] = J([]), [m, p] = J(!0), [g, _] = J(l), { formatMessage: y } = V(), v = async (k) => {
-    k.preventDefault();
+  const [u, d] = X([]), [m, p] = X(!0), [g, _] = X(l), { formatMessage: y } = H(), v = async (j) => {
+    j.preventDefault();
     try {
       await f(u), d([]), _(
         "SUCCESS"
         /* SUCCESS */
       );
-    } catch (x) {
+    } catch (w) {
       _(
         "ERROR"
         /* ERROR */
-      ), c(x);
+      ), c(w);
     }
-  }, b = (k) => {
-    k.preventDefault(), _(
+  }, b = (j) => {
+    j.preventDefault(), _(
       "NOT_SUBMITTED"
       /* NOT_SUBMITTED */
     ), p(!0), d([]);
-  }, j = (k) => {
-    k.preventDefault(), o(), _(
+  }, k = (j) => {
+    j.preventDefault(), o(), _(
       "CLOSED"
       /* CLOSED */
     );
@@ -4284,7 +4279,7 @@ const Yi = ({
     /* @__PURE__ */ a.jsx(Ae, {}),
     /* @__PURE__ */ a.jsx("div", { className: "footer", children: g === "SUCCESS" ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsx(se, { variant: "secondary", onClick: b, children: y({ id: "inviteForm_ctaSendMoreInvites" }) }),
-      /* @__PURE__ */ a.jsx(se, { onClick: j, children: y({ id: "inviteForm_ctaDone" }) })
+      /* @__PURE__ */ a.jsx(se, { onClick: k, children: y({ id: "inviteForm_ctaDone" }) })
     ] }) : /* @__PURE__ */ a.jsx(se, { onClick: b, children: y({ id: "inviteForm_ctaTryAgain" }) }) })
   ] }) : /* @__PURE__ */ a.jsx("div", { className: "invite-form-wrapper", children: /* @__PURE__ */ a.jsxs(
     "form",
@@ -4303,12 +4298,12 @@ const Yi = ({
               inputClassName: "email-input input",
               placeholder: y({ id: "inviteForm_email_placeholder" }),
               emails: u,
-              onChange: (k) => {
-                d(k), p(!k.length);
+              onChange: (j) => {
+                d(j), p(!j.length);
               },
               autoFocus: !1,
-              getLabel: (k, x, q) => /* @__PURE__ */ a.jsxs("div", { className: "email text-medium", children: [
-                /* @__PURE__ */ a.jsx("div", { "data-tag-item": !0, children: k }),
+              getLabel: (j, w, I) => /* @__PURE__ */ a.jsxs("div", { className: "email text-medium", children: [
+                /* @__PURE__ */ a.jsx("div", { "data-tag-item": !0, children: j }),
                 /* @__PURE__ */ a.jsx(
                   se,
                   {
@@ -4316,13 +4311,13 @@ const Yi = ({
                     size: "small",
                     icon: { icon: "close" },
                     onClick: () => {
-                      q(x), p(!u.length);
+                      I(w), p(!u.length);
                     },
                     className: "remove-email-button",
                     screenreaderText: y({ id: "overlay_close" })
                   }
                 )
-              ] }, x)
+              ] }, w)
             }
           )
         ] }),
@@ -4337,7 +4332,7 @@ const Yi = ({
   CONFIRMED_PASSWORD: "confirmedPassword",
   CURRENT_PASSWORD: "oldPassword"
 }, Gl = ({ functions: t, ...e }) => {
-  const { formatMessage: n } = V(), [r, s] = J(null), [i, o] = J(!1), [c, f] = J({
+  const { formatMessage: n } = H(), [r, s] = X(null), [i, o] = X(!1), [c, f] = X({
     isMoreThanEightCharacters: !1,
     includesNumberAndSymbol: !1,
     includesLowerAndUppercase: !1
@@ -4408,7 +4403,7 @@ const Ki = ({
   gtmContext: s = "search-bar",
   gtmEvent: i = "form-submission"
 }) => {
-  const { searchIsOpen: o = !0, isDesktopVersion: c = !1 } = n || {}, f = V(), l = pe(null);
+  const { searchIsOpen: o = !0, isDesktopVersion: c = !1 } = n || {}, f = H(), l = pe(null);
   _t(() => {
     !n || c || !o || l.current && l.current.focus();
   }, [o]);
@@ -4501,6 +4496,7 @@ const Ki = ({
   const { valid: c = !1, autoApproved: f = !1, exists: l } = o;
   let u = "";
   return c ? u = f ? "gov" : "nonGov" : l.registration ? l.engagement && !l.user ? u = l.auth ? "verify" : "pending" : u = "exists" : l.auth && (u = "exists"), n([
+    { type: "shouldDisableButton", value: !1 },
     { type: "shouldManuallyApprove", value: !f },
     {
       type: "emailDetails",
@@ -4517,7 +4513,7 @@ const Ki = ({
   for (const n of t.entries())
     e[n[0]] = n[1];
   return {
-    name: e.full_name,
+    name: e.full_name.toString().trim(),
     email: e.email_address.toString().toLowerCase().trim(),
     jobTitle: e.job_title,
     organization: e.organization,
@@ -4582,7 +4578,7 @@ const Ki = ({
           Mr({ ref: r.email, validateEmail: e, dispatch: i });
         },
         onChange: (d, m) => {
-          m && m({
+          i([{ type: "shouldDisableButton", value: !0 }]), m && m({
             type: "updateValue",
             payload: { key: "terms", value: !1 }
           });
@@ -4729,6 +4725,7 @@ const eo = {
   },
   emailDetails: { email: "", boxType: "", isEnd2End: !1 },
   shouldManuallyApprove: !1,
+  shouldDisableButton: !0,
   loadRecaptcha: !1,
   showSuccessMessage: !1,
   showError: !1
@@ -4742,65 +4739,69 @@ const eo = {
     resendVerificationCode: () => {
     }
   },
-  shouldShow: n = {
-    title: !0,
-    expectation: !1,
-    url: !0,
-    logInButton: !0,
-    successMessage: !0
-  },
+  shouldShow: n = {},
   submitButton: r,
   dataToSubmit: s = { ref: "sign-up-form" },
   ...i
 }) => {
-  const o = V(), [c, f] = Yn(ma, eo), {
-    validFields: l,
-    emailDetails: u,
-    shouldManuallyApprove: d,
-    showSuccessMessage: m,
-    showError: p
-  } = c, [g, _] = oa([
+  const o = H(), {
+    title: c = !0,
+    expectation: f = !1,
+    url: l = !0,
+    logInButton: u = !0,
+    successMessage: d = !0
+  } = n, m = {
+    title: c,
+    expectation: f,
+    url: l,
+    logInButton: u,
+    successMessage: d
+  }, [p, g] = Yn(ma, eo), {
+    validFields: _,
+    emailDetails: y,
+    shouldManuallyApprove: v,
+    shouldDisableButton: b,
+    showSuccessMessage: k,
+    showError: j
+  } = p, [w, I] = oa([
     "signup-this-session",
     "functional-cookie-consent"
-  ]), y = {
-    form: K.createRef(),
-    name: K.createRef(),
-    email: K.createRef(),
-    jobTitle: K.createRef(),
-    organisation: K.createRef(),
-    tc: K.createRef(),
-    hiddenValidation: K.createRef()
+  ]), R = {
+    form: Y.createRef(),
+    name: Y.createRef(),
+    email: Y.createRef(),
+    jobTitle: Y.createRef(),
+    organisation: Y.createRef(),
+    tc: Y.createRef(),
+    hiddenValidation: Y.createRef()
   };
   ae(() => {
-    d === !0 && y.jobTitle.current && y.jobTitle.current.focus();
-  }, [d]), ae(() => {
-    (i.showSuccessMessage || g["signup-this-session"]) && f([{ type: "showSuccessMessage", value: !0 }]);
-  }, [g]), ae(() => {
-    if (m && g["functional-cookie-consent"]) {
-      const j = {
-        path: "/",
-        maxAge: 3600
-      };
-      i.showSuccessMessage || _("signup-this-session", "true", j);
-    }
-  }, [m]);
-  const v = xt(() => Ji({
-    shouldShow: n,
+    v === !0 && R.jobTitle.current && R.jobTitle.current.focus();
+  }, [v]), ae(() => {
+    w["signup-this-session"] && g([{ type: "showSuccessMessage", value: !0 }]);
+  }, [w]), ae(() => {
+    k && w["functional-cookie-consent"] && I("signup-this-session", "true", {
+      path: "/",
+      maxAge: 3600
+    });
+  }, [k]);
+  const Q = xt(() => Ji({
+    shouldShow: m,
     functions: e,
-    refs: y,
-    state: c,
-    dispatch: f,
+    refs: R,
+    state: p,
+    dispatch: g,
     dataToSubmit: s,
     intl: o
-  }), [s, e, o, y, n, c]), b = d ? !Object.values(l).every((j) => j === !0) : !l.name || !l.email || ["exists", "pending", "verify"].includes(u.boxType);
-  return n.successMessage && m ? /* @__PURE__ */ a.jsx(Xi, { className: t }) : /* @__PURE__ */ a.jsxs(
+  }), [s, e, o, R, m, p]), C = b ? !0 : v ? !Object.values(_).every((F) => F === !0) : !_.name || !_.email || ["exists", "pending", "verify"].includes(y.boxType);
+  return m.successMessage && k ? /* @__PURE__ */ a.jsx(Xi, { className: t }) : /* @__PURE__ */ a.jsxs(
     "fieldset",
     {
       className: S("signup-form-fieldset", t),
       "data-testid": "signup-form",
       children: [
-        n.title && /* @__PURE__ */ a.jsx("p", { className: "signup-title", children: /* @__PURE__ */ a.jsx(ye, { id: "signup_title" }) }),
-        p && /* @__PURE__ */ a.jsx(
+        m.title && /* @__PURE__ */ a.jsx("p", { className: "signup-title", children: /* @__PURE__ */ a.jsx(ye, { id: "signup_title" }) }),
+        j && /* @__PURE__ */ a.jsx(
           He,
           {
             variant: "error",
@@ -4811,21 +4812,32 @@ const eo = {
           rn,
           {
             className: "signup-form",
-            formRef: y.form,
+            formRef: R.form,
             id: "sign-up-form",
-            fields: v,
+            fields: Q,
             intlPath: "signup",
             button: {
               variant: "primary",
               size: "medium",
               text: r || o.formatMessage({ id: "signup_button_join" }),
-              disabled: b ? { isClickable: !0 } : !1,
+              disabled: C ? { isClickable: !0 } : !1,
               styling: { fullWidth: !0 },
               "data-testid": "signup-button"
             },
+            secondaryActionButton: {
+              className: "login-button",
+              styling: { fullWidth: !0 },
+              variant: "tertiary",
+              size: "medium",
+              href: "/user-onboarding/login",
+              "data-gtm-event-context": "SignupForm",
+              "data-gtm-event-type": "login-click",
+              text: o.formatMessage({ id: "signup_button_login" })
+            },
             meta: {
               shouldReset: !1,
-              showRequiredLabels: !1
+              showRequiredLabels: !1,
+              shouldShowCancelButton: m.logInButton
             },
             gtm: {
               context: "SignupForm",
@@ -4834,16 +4846,16 @@ const eo = {
             functions: {
               onSuccess: async () => {
                 Qi({
-                  refs: y,
+                  refs: R,
                   dataToSubmit: s,
                   createAccount: e.createAccount,
                   onSuccess: e.onSuccess,
-                  dispatch: f,
-                  state: c
+                  dispatch: g,
+                  state: p
                 });
               },
-              onCatch: (j) => {
-                e.handleError(j), f([
+              onCatch: (F) => {
+                e.handleError(F), g([
                   { type: "showSuccessMessage", value: !1 },
                   { type: "showError", value: !0 }
                 ]);
@@ -4851,20 +4863,7 @@ const eo = {
             }
           }
         ),
-        /* @__PURE__ */ a.jsx("button", { className: "validation-button", ref: y.hiddenValidation }),
-        n.logInButton && /* @__PURE__ */ a.jsx(
-          se,
-          {
-            className: "login-button",
-            styling: { fullWidth: !0 },
-            variant: "tertiary",
-            size: "medium",
-            href: "/user-onboarding/login",
-            "data-gtm-event-context": "SignupForm",
-            "data-gtm-event-type": "login-click",
-            children: o.formatMessage({ id: "signup_button_login" })
-          }
-        )
+        /* @__PURE__ */ a.jsx("button", { className: "validation-button", ref: R.hiddenValidation })
       ]
     }
   );
@@ -4884,66 +4883,66 @@ function to() {
     return ue;
   Rr = 1;
   var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, n = t ? Symbol.for("react.portal") : 60106, r = t ? Symbol.for("react.fragment") : 60107, s = t ? Symbol.for("react.strict_mode") : 60108, i = t ? Symbol.for("react.profiler") : 60114, o = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, f = t ? Symbol.for("react.async_mode") : 60111, l = t ? Symbol.for("react.concurrent_mode") : 60111, u = t ? Symbol.for("react.forward_ref") : 60112, d = t ? Symbol.for("react.suspense") : 60113, m = t ? Symbol.for("react.suspense_list") : 60120, p = t ? Symbol.for("react.memo") : 60115, g = t ? Symbol.for("react.lazy") : 60116, _ = t ? Symbol.for("react.block") : 60121, y = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, b = t ? Symbol.for("react.scope") : 60119;
-  function j(x) {
-    if (typeof x == "object" && x !== null) {
-      var q = x.$$typeof;
-      switch (q) {
+  function k(w) {
+    if (typeof w == "object" && w !== null) {
+      var I = w.$$typeof;
+      switch (I) {
         case e:
-          switch (x = x.type, x) {
+          switch (w = w.type, w) {
             case f:
             case l:
             case r:
             case i:
             case s:
             case d:
-              return x;
+              return w;
             default:
-              switch (x = x && x.$$typeof, x) {
+              switch (w = w && w.$$typeof, w) {
                 case c:
                 case u:
                 case g:
                 case p:
                 case o:
-                  return x;
+                  return w;
                 default:
-                  return q;
+                  return I;
               }
           }
         case n:
-          return q;
+          return I;
       }
     }
   }
-  function k(x) {
-    return j(x) === l;
+  function j(w) {
+    return k(w) === l;
   }
-  return ue.AsyncMode = f, ue.ConcurrentMode = l, ue.ContextConsumer = c, ue.ContextProvider = o, ue.Element = e, ue.ForwardRef = u, ue.Fragment = r, ue.Lazy = g, ue.Memo = p, ue.Portal = n, ue.Profiler = i, ue.StrictMode = s, ue.Suspense = d, ue.isAsyncMode = function(x) {
-    return k(x) || j(x) === f;
-  }, ue.isConcurrentMode = k, ue.isContextConsumer = function(x) {
-    return j(x) === c;
-  }, ue.isContextProvider = function(x) {
-    return j(x) === o;
-  }, ue.isElement = function(x) {
-    return typeof x == "object" && x !== null && x.$$typeof === e;
-  }, ue.isForwardRef = function(x) {
-    return j(x) === u;
-  }, ue.isFragment = function(x) {
-    return j(x) === r;
-  }, ue.isLazy = function(x) {
-    return j(x) === g;
-  }, ue.isMemo = function(x) {
-    return j(x) === p;
-  }, ue.isPortal = function(x) {
-    return j(x) === n;
-  }, ue.isProfiler = function(x) {
-    return j(x) === i;
-  }, ue.isStrictMode = function(x) {
-    return j(x) === s;
-  }, ue.isSuspense = function(x) {
-    return j(x) === d;
-  }, ue.isValidElementType = function(x) {
-    return typeof x == "string" || typeof x == "function" || x === r || x === l || x === i || x === s || x === d || x === m || typeof x == "object" && x !== null && (x.$$typeof === g || x.$$typeof === p || x.$$typeof === o || x.$$typeof === c || x.$$typeof === u || x.$$typeof === y || x.$$typeof === v || x.$$typeof === b || x.$$typeof === _);
-  }, ue.typeOf = j, ue;
+  return ue.AsyncMode = f, ue.ConcurrentMode = l, ue.ContextConsumer = c, ue.ContextProvider = o, ue.Element = e, ue.ForwardRef = u, ue.Fragment = r, ue.Lazy = g, ue.Memo = p, ue.Portal = n, ue.Profiler = i, ue.StrictMode = s, ue.Suspense = d, ue.isAsyncMode = function(w) {
+    return j(w) || k(w) === f;
+  }, ue.isConcurrentMode = j, ue.isContextConsumer = function(w) {
+    return k(w) === c;
+  }, ue.isContextProvider = function(w) {
+    return k(w) === o;
+  }, ue.isElement = function(w) {
+    return typeof w == "object" && w !== null && w.$$typeof === e;
+  }, ue.isForwardRef = function(w) {
+    return k(w) === u;
+  }, ue.isFragment = function(w) {
+    return k(w) === r;
+  }, ue.isLazy = function(w) {
+    return k(w) === g;
+  }, ue.isMemo = function(w) {
+    return k(w) === p;
+  }, ue.isPortal = function(w) {
+    return k(w) === n;
+  }, ue.isProfiler = function(w) {
+    return k(w) === i;
+  }, ue.isStrictMode = function(w) {
+    return k(w) === s;
+  }, ue.isSuspense = function(w) {
+    return k(w) === d;
+  }, ue.isValidElementType = function(w) {
+    return typeof w == "string" || typeof w == "function" || w === r || w === l || w === i || w === s || w === d || w === m || typeof w == "object" && w !== null && (w.$$typeof === g || w.$$typeof === p || w.$$typeof === o || w.$$typeof === c || w.$$typeof === u || w.$$typeof === y || w.$$typeof === v || w.$$typeof === b || w.$$typeof === _);
+  }, ue.typeOf = k, ue;
 }
 var de = {};
 /** @license React v16.13.1
@@ -4958,16 +4957,16 @@ var Fr;
 function no() {
   return Fr || (Fr = 1, process.env.NODE_ENV !== "production" && function() {
     var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, n = t ? Symbol.for("react.portal") : 60106, r = t ? Symbol.for("react.fragment") : 60107, s = t ? Symbol.for("react.strict_mode") : 60108, i = t ? Symbol.for("react.profiler") : 60114, o = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, f = t ? Symbol.for("react.async_mode") : 60111, l = t ? Symbol.for("react.concurrent_mode") : 60111, u = t ? Symbol.for("react.forward_ref") : 60112, d = t ? Symbol.for("react.suspense") : 60113, m = t ? Symbol.for("react.suspense_list") : 60120, p = t ? Symbol.for("react.memo") : 60115, g = t ? Symbol.for("react.lazy") : 60116, _ = t ? Symbol.for("react.block") : 60121, y = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, b = t ? Symbol.for("react.scope") : 60119;
-    function j(A) {
-      return typeof A == "string" || typeof A == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      A === r || A === l || A === i || A === s || A === d || A === m || typeof A == "object" && A !== null && (A.$$typeof === g || A.$$typeof === p || A.$$typeof === o || A.$$typeof === c || A.$$typeof === u || A.$$typeof === y || A.$$typeof === v || A.$$typeof === b || A.$$typeof === _);
+    function k(D) {
+      return typeof D == "string" || typeof D == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      D === r || D === l || D === i || D === s || D === d || D === m || typeof D == "object" && D !== null && (D.$$typeof === g || D.$$typeof === p || D.$$typeof === o || D.$$typeof === c || D.$$typeof === u || D.$$typeof === y || D.$$typeof === v || D.$$typeof === b || D.$$typeof === _);
     }
-    function k(A) {
-      if (typeof A == "object" && A !== null) {
-        var ve = A.$$typeof;
+    function j(D) {
+      if (typeof D == "object" && D !== null) {
+        var ve = D.$$typeof;
         switch (ve) {
           case e:
-            var Ne = A.type;
+            var Ne = D.type;
             switch (Ne) {
               case f:
               case l:
@@ -4994,47 +4993,47 @@ function no() {
         }
       }
     }
-    var x = f, q = l, R = c, Z = o, P = e, F = u, C = r, E = g, w = p, $ = n, I = i, U = s, D = d, z = !1;
-    function X(A) {
-      return z || (z = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), T(A) || k(A) === f;
+    var w = f, I = l, R = c, Q = o, C = e, F = u, $ = r, T = g, x = p, N = n, A = i, W = s, Z = d, z = !1;
+    function K(D) {
+      return z || (z = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), E(D) || j(D) === f;
     }
-    function T(A) {
-      return k(A) === l;
+    function E(D) {
+      return j(D) === l;
     }
-    function N(A) {
-      return k(A) === c;
+    function P(D) {
+      return j(D) === c;
     }
-    function W(A) {
-      return k(A) === o;
+    function q(D) {
+      return j(D) === o;
     }
-    function B(A) {
-      return typeof A == "object" && A !== null && A.$$typeof === e;
+    function B(D) {
+      return typeof D == "object" && D !== null && D.$$typeof === e;
     }
-    function H(A) {
-      return k(A) === u;
+    function U(D) {
+      return j(D) === u;
     }
-    function te(A) {
-      return k(A) === r;
+    function te(D) {
+      return j(D) === r;
     }
-    function G(A) {
-      return k(A) === g;
+    function G(D) {
+      return j(D) === g;
     }
-    function Y(A) {
-      return k(A) === p;
+    function V(D) {
+      return j(D) === p;
     }
-    function ee(A) {
-      return k(A) === n;
+    function ee(D) {
+      return j(D) === n;
     }
-    function re(A) {
-      return k(A) === i;
+    function re(D) {
+      return j(D) === i;
     }
-    function O(A) {
-      return k(A) === s;
+    function O(D) {
+      return j(D) === s;
     }
-    function oe(A) {
-      return k(A) === d;
+    function oe(D) {
+      return j(D) === d;
     }
-    de.AsyncMode = x, de.ConcurrentMode = q, de.ContextConsumer = R, de.ContextProvider = Z, de.Element = P, de.ForwardRef = F, de.Fragment = C, de.Lazy = E, de.Memo = w, de.Portal = $, de.Profiler = I, de.StrictMode = U, de.Suspense = D, de.isAsyncMode = X, de.isConcurrentMode = T, de.isContextConsumer = N, de.isContextProvider = W, de.isElement = B, de.isForwardRef = H, de.isFragment = te, de.isLazy = G, de.isMemo = Y, de.isPortal = ee, de.isProfiler = re, de.isStrictMode = O, de.isSuspense = oe, de.isValidElementType = j, de.typeOf = k;
+    de.AsyncMode = w, de.ConcurrentMode = I, de.ContextConsumer = R, de.ContextProvider = Q, de.Element = C, de.ForwardRef = F, de.Fragment = $, de.Lazy = T, de.Memo = x, de.Portal = N, de.Profiler = A, de.StrictMode = W, de.Suspense = Z, de.isAsyncMode = K, de.isConcurrentMode = E, de.isContextConsumer = P, de.isContextProvider = q, de.isElement = B, de.isForwardRef = U, de.isFragment = te, de.isLazy = G, de.isMemo = V, de.isPortal = ee, de.isProfiler = re, de.isStrictMode = O, de.isSuspense = oe, de.isValidElementType = k, de.typeOf = j;
   }()), de;
 }
 var Or;
@@ -5175,10 +5174,10 @@ function so() {
   }
   return kn = function(c, f) {
     var l = typeof Symbol == "function" && Symbol.iterator, u = "@@iterator";
-    function d(T) {
-      var N = T && (l && T[l] || T[u]);
-      if (typeof N == "function")
-        return N;
+    function d(E) {
+      var P = E && (l && E[l] || E[u]);
+      if (typeof P == "function")
+        return P;
     }
     var m = "<<anonymous>>", p = {
       array: v("array"),
@@ -5190,245 +5189,245 @@ function so() {
       string: v("string"),
       symbol: v("symbol"),
       any: b(),
-      arrayOf: j,
-      element: k(),
-      elementType: x(),
-      instanceOf: q,
+      arrayOf: k,
+      element: j(),
+      elementType: w(),
+      instanceOf: I,
       node: F(),
-      objectOf: Z,
+      objectOf: Q,
       oneOf: R,
-      oneOfType: P,
-      shape: E,
-      exact: w
+      oneOfType: C,
+      shape: T,
+      exact: x
     };
-    function g(T, N) {
-      return T === N ? T !== 0 || 1 / T === 1 / N : T !== T && N !== N;
+    function g(E, P) {
+      return E === P ? E !== 0 || 1 / E === 1 / P : E !== E && P !== P;
     }
-    function _(T, N) {
-      this.message = T, this.data = N && typeof N == "object" ? N : {}, this.stack = "";
+    function _(E, P) {
+      this.message = E, this.data = P && typeof P == "object" ? P : {}, this.stack = "";
     }
     _.prototype = Error.prototype;
-    function y(T) {
+    function y(E) {
       if (process.env.NODE_ENV !== "production")
-        var N = {}, W = 0;
-      function B(te, G, Y, ee, re, O, oe) {
-        if (ee = ee || m, O = O || Y, oe !== n) {
+        var P = {}, q = 0;
+      function B(te, G, V, ee, re, O, oe) {
+        if (ee = ee || m, O = O || V, oe !== n) {
           if (f) {
-            var A = new Error(
+            var D = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
-            throw A.name = "Invariant Violation", A;
+            throw D.name = "Invariant Violation", D;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var ve = ee + ":" + Y;
-            !N[ve] && // Avoid spamming the console because they are often not actionable except for lib authors
-            W < 3 && (i(
+            var ve = ee + ":" + V;
+            !P[ve] && // Avoid spamming the console because they are often not actionable except for lib authors
+            q < 3 && (i(
               "You are manually calling a React.PropTypes validation function for the `" + O + "` prop on `" + ee + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), N[ve] = !0, W++);
+            ), P[ve] = !0, q++);
           }
         }
-        return G[Y] == null ? te ? G[Y] === null ? new _("The " + re + " `" + O + "` is marked as required " + ("in `" + ee + "`, but its value is `null`.")) : new _("The " + re + " `" + O + "` is marked as required in " + ("`" + ee + "`, but its value is `undefined`.")) : null : T(G, Y, ee, re, O);
+        return G[V] == null ? te ? G[V] === null ? new _("The " + re + " `" + O + "` is marked as required " + ("in `" + ee + "`, but its value is `null`.")) : new _("The " + re + " `" + O + "` is marked as required in " + ("`" + ee + "`, but its value is `undefined`.")) : null : E(G, V, ee, re, O);
       }
-      var H = B.bind(null, !1);
-      return H.isRequired = B.bind(null, !0), H;
+      var U = B.bind(null, !1);
+      return U.isRequired = B.bind(null, !0), U;
     }
-    function v(T) {
-      function N(W, B, H, te, G, Y) {
-        var ee = W[B], re = U(ee);
-        if (re !== T) {
-          var O = D(ee);
+    function v(E) {
+      function P(q, B, U, te, G, V) {
+        var ee = q[B], re = W(ee);
+        if (re !== E) {
+          var O = Z(ee);
           return new _(
-            "Invalid " + te + " `" + G + "` of type " + ("`" + O + "` supplied to `" + H + "`, expected ") + ("`" + T + "`."),
-            { expectedType: T }
+            "Invalid " + te + " `" + G + "` of type " + ("`" + O + "` supplied to `" + U + "`, expected ") + ("`" + E + "`."),
+            { expectedType: E }
           );
         }
         return null;
       }
-      return y(N);
+      return y(P);
     }
     function b() {
       return y(o);
     }
-    function j(T) {
-      function N(W, B, H, te, G) {
-        if (typeof T != "function")
-          return new _("Property `" + G + "` of component `" + H + "` has invalid PropType notation inside arrayOf.");
-        var Y = W[B];
-        if (!Array.isArray(Y)) {
-          var ee = U(Y);
-          return new _("Invalid " + te + " `" + G + "` of type " + ("`" + ee + "` supplied to `" + H + "`, expected an array."));
+    function k(E) {
+      function P(q, B, U, te, G) {
+        if (typeof E != "function")
+          return new _("Property `" + G + "` of component `" + U + "` has invalid PropType notation inside arrayOf.");
+        var V = q[B];
+        if (!Array.isArray(V)) {
+          var ee = W(V);
+          return new _("Invalid " + te + " `" + G + "` of type " + ("`" + ee + "` supplied to `" + U + "`, expected an array."));
         }
-        for (var re = 0; re < Y.length; re++) {
-          var O = T(Y, re, H, te, G + "[" + re + "]", n);
+        for (var re = 0; re < V.length; re++) {
+          var O = E(V, re, U, te, G + "[" + re + "]", n);
           if (O instanceof Error)
             return O;
         }
         return null;
       }
-      return y(N);
+      return y(P);
     }
-    function k() {
-      function T(N, W, B, H, te) {
-        var G = N[W];
+    function j() {
+      function E(P, q, B, U, te) {
+        var G = P[q];
         if (!c(G)) {
-          var Y = U(G);
-          return new _("Invalid " + H + " `" + te + "` of type " + ("`" + Y + "` supplied to `" + B + "`, expected a single ReactElement."));
+          var V = W(G);
+          return new _("Invalid " + U + " `" + te + "` of type " + ("`" + V + "` supplied to `" + B + "`, expected a single ReactElement."));
         }
         return null;
       }
-      return y(T);
+      return y(E);
     }
-    function x() {
-      function T(N, W, B, H, te) {
-        var G = N[W];
+    function w() {
+      function E(P, q, B, U, te) {
+        var G = P[q];
         if (!t.isValidElementType(G)) {
-          var Y = U(G);
-          return new _("Invalid " + H + " `" + te + "` of type " + ("`" + Y + "` supplied to `" + B + "`, expected a single ReactElement type."));
+          var V = W(G);
+          return new _("Invalid " + U + " `" + te + "` of type " + ("`" + V + "` supplied to `" + B + "`, expected a single ReactElement type."));
         }
         return null;
       }
-      return y(T);
+      return y(E);
     }
-    function q(T) {
-      function N(W, B, H, te, G) {
-        if (!(W[B] instanceof T)) {
-          var Y = T.name || m, ee = X(W[B]);
-          return new _("Invalid " + te + " `" + G + "` of type " + ("`" + ee + "` supplied to `" + H + "`, expected ") + ("instance of `" + Y + "`."));
+    function I(E) {
+      function P(q, B, U, te, G) {
+        if (!(q[B] instanceof E)) {
+          var V = E.name || m, ee = K(q[B]);
+          return new _("Invalid " + te + " `" + G + "` of type " + ("`" + ee + "` supplied to `" + U + "`, expected ") + ("instance of `" + V + "`."));
         }
         return null;
       }
-      return y(N);
+      return y(P);
     }
-    function R(T) {
-      if (!Array.isArray(T))
+    function R(E) {
+      if (!Array.isArray(E))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : i("Invalid argument supplied to oneOf, expected an array.")), o;
-      function N(W, B, H, te, G) {
-        for (var Y = W[B], ee = 0; ee < T.length; ee++)
-          if (g(Y, T[ee]))
+      function P(q, B, U, te, G) {
+        for (var V = q[B], ee = 0; ee < E.length; ee++)
+          if (g(V, E[ee]))
             return null;
-        var re = JSON.stringify(T, function(oe, A) {
-          var ve = D(A);
-          return ve === "symbol" ? String(A) : A;
+        var re = JSON.stringify(E, function(oe, D) {
+          var ve = Z(D);
+          return ve === "symbol" ? String(D) : D;
         });
-        return new _("Invalid " + te + " `" + G + "` of value `" + String(Y) + "` " + ("supplied to `" + H + "`, expected one of " + re + "."));
+        return new _("Invalid " + te + " `" + G + "` of value `" + String(V) + "` " + ("supplied to `" + U + "`, expected one of " + re + "."));
       }
-      return y(N);
+      return y(P);
     }
-    function Z(T) {
-      function N(W, B, H, te, G) {
-        if (typeof T != "function")
-          return new _("Property `" + G + "` of component `" + H + "` has invalid PropType notation inside objectOf.");
-        var Y = W[B], ee = U(Y);
+    function Q(E) {
+      function P(q, B, U, te, G) {
+        if (typeof E != "function")
+          return new _("Property `" + G + "` of component `" + U + "` has invalid PropType notation inside objectOf.");
+        var V = q[B], ee = W(V);
         if (ee !== "object")
-          return new _("Invalid " + te + " `" + G + "` of type " + ("`" + ee + "` supplied to `" + H + "`, expected an object."));
-        for (var re in Y)
-          if (r(Y, re)) {
-            var O = T(Y, re, H, te, G + "." + re, n);
+          return new _("Invalid " + te + " `" + G + "` of type " + ("`" + ee + "` supplied to `" + U + "`, expected an object."));
+        for (var re in V)
+          if (r(V, re)) {
+            var O = E(V, re, U, te, G + "." + re, n);
             if (O instanceof Error)
               return O;
           }
         return null;
       }
-      return y(N);
+      return y(P);
     }
-    function P(T) {
-      if (!Array.isArray(T))
+    function C(E) {
+      if (!Array.isArray(E))
         return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), o;
-      for (var N = 0; N < T.length; N++) {
-        var W = T[N];
-        if (typeof W != "function")
+      for (var P = 0; P < E.length; P++) {
+        var q = E[P];
+        if (typeof q != "function")
           return i(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + z(W) + " at index " + N + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + z(q) + " at index " + P + "."
           ), o;
       }
-      function B(H, te, G, Y, ee) {
-        for (var re = [], O = 0; O < T.length; O++) {
-          var oe = T[O], A = oe(H, te, G, Y, ee, n);
-          if (A == null)
+      function B(U, te, G, V, ee) {
+        for (var re = [], O = 0; O < E.length; O++) {
+          var oe = E[O], D = oe(U, te, G, V, ee, n);
+          if (D == null)
             return null;
-          A.data && r(A.data, "expectedType") && re.push(A.data.expectedType);
+          D.data && r(D.data, "expectedType") && re.push(D.data.expectedType);
         }
         var ve = re.length > 0 ? ", expected one of type [" + re.join(", ") + "]" : "";
-        return new _("Invalid " + Y + " `" + ee + "` supplied to " + ("`" + G + "`" + ve + "."));
+        return new _("Invalid " + V + " `" + ee + "` supplied to " + ("`" + G + "`" + ve + "."));
       }
       return y(B);
     }
     function F() {
-      function T(N, W, B, H, te) {
-        return $(N[W]) ? null : new _("Invalid " + H + " `" + te + "` supplied to " + ("`" + B + "`, expected a ReactNode."));
+      function E(P, q, B, U, te) {
+        return N(P[q]) ? null : new _("Invalid " + U + " `" + te + "` supplied to " + ("`" + B + "`, expected a ReactNode."));
       }
-      return y(T);
+      return y(E);
     }
-    function C(T, N, W, B, H) {
+    function $(E, P, q, B, U) {
       return new _(
-        (T || "React class") + ": " + N + " type `" + W + "." + B + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + H + "`."
+        (E || "React class") + ": " + P + " type `" + q + "." + B + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + U + "`."
       );
     }
-    function E(T) {
-      function N(W, B, H, te, G) {
-        var Y = W[B], ee = U(Y);
+    function T(E) {
+      function P(q, B, U, te, G) {
+        var V = q[B], ee = W(V);
         if (ee !== "object")
-          return new _("Invalid " + te + " `" + G + "` of type `" + ee + "` " + ("supplied to `" + H + "`, expected `object`."));
-        for (var re in T) {
-          var O = T[re];
+          return new _("Invalid " + te + " `" + G + "` of type `" + ee + "` " + ("supplied to `" + U + "`, expected `object`."));
+        for (var re in E) {
+          var O = E[re];
           if (typeof O != "function")
-            return C(H, te, G, re, D(O));
-          var oe = O(Y, re, H, te, G + "." + re, n);
+            return $(U, te, G, re, Z(O));
+          var oe = O(V, re, U, te, G + "." + re, n);
           if (oe)
             return oe;
         }
         return null;
       }
-      return y(N);
+      return y(P);
     }
-    function w(T) {
-      function N(W, B, H, te, G) {
-        var Y = W[B], ee = U(Y);
+    function x(E) {
+      function P(q, B, U, te, G) {
+        var V = q[B], ee = W(V);
         if (ee !== "object")
-          return new _("Invalid " + te + " `" + G + "` of type `" + ee + "` " + ("supplied to `" + H + "`, expected `object`."));
-        var re = e({}, W[B], T);
+          return new _("Invalid " + te + " `" + G + "` of type `" + ee + "` " + ("supplied to `" + U + "`, expected `object`."));
+        var re = e({}, q[B], E);
         for (var O in re) {
-          var oe = T[O];
-          if (r(T, O) && typeof oe != "function")
-            return C(H, te, G, O, D(oe));
+          var oe = E[O];
+          if (r(E, O) && typeof oe != "function")
+            return $(U, te, G, O, Z(oe));
           if (!oe)
             return new _(
-              "Invalid " + te + " `" + G + "` key `" + O + "` supplied to `" + H + "`.\nBad object: " + JSON.stringify(W[B], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(T), null, "  ")
+              "Invalid " + te + " `" + G + "` key `" + O + "` supplied to `" + U + "`.\nBad object: " + JSON.stringify(q[B], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(E), null, "  ")
             );
-          var A = oe(Y, O, H, te, G + "." + O, n);
-          if (A)
-            return A;
+          var D = oe(V, O, U, te, G + "." + O, n);
+          if (D)
+            return D;
         }
         return null;
       }
-      return y(N);
+      return y(P);
     }
-    function $(T) {
-      switch (typeof T) {
+    function N(E) {
+      switch (typeof E) {
         case "number":
         case "string":
         case "undefined":
           return !0;
         case "boolean":
-          return !T;
+          return !E;
         case "object":
-          if (Array.isArray(T))
-            return T.every($);
-          if (T === null || c(T))
+          if (Array.isArray(E))
+            return E.every(N);
+          if (E === null || c(E))
             return !0;
-          var N = d(T);
-          if (N) {
-            var W = N.call(T), B;
-            if (N !== T.entries) {
-              for (; !(B = W.next()).done; )
-                if (!$(B.value))
+          var P = d(E);
+          if (P) {
+            var q = P.call(E), B;
+            if (P !== E.entries) {
+              for (; !(B = q.next()).done; )
+                if (!N(B.value))
                   return !1;
             } else
-              for (; !(B = W.next()).done; ) {
-                var H = B.value;
-                if (H && !$(H[1]))
+              for (; !(B = q.next()).done; ) {
+                var U = B.value;
+                if (U && !N(U[1]))
                   return !1;
               }
           } else
@@ -5438,41 +5437,41 @@ Valid keys: ` + JSON.stringify(Object.keys(T), null, "  ")
           return !1;
       }
     }
-    function I(T, N) {
-      return T === "symbol" ? !0 : N ? N["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && N instanceof Symbol : !1;
+    function A(E, P) {
+      return E === "symbol" ? !0 : P ? P["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && P instanceof Symbol : !1;
     }
-    function U(T) {
-      var N = typeof T;
-      return Array.isArray(T) ? "array" : T instanceof RegExp ? "object" : I(N, T) ? "symbol" : N;
+    function W(E) {
+      var P = typeof E;
+      return Array.isArray(E) ? "array" : E instanceof RegExp ? "object" : A(P, E) ? "symbol" : P;
     }
-    function D(T) {
-      if (typeof T > "u" || T === null)
-        return "" + T;
-      var N = U(T);
-      if (N === "object") {
-        if (T instanceof Date)
+    function Z(E) {
+      if (typeof E > "u" || E === null)
+        return "" + E;
+      var P = W(E);
+      if (P === "object") {
+        if (E instanceof Date)
           return "date";
-        if (T instanceof RegExp)
+        if (E instanceof RegExp)
           return "regexp";
       }
-      return N;
+      return P;
     }
-    function z(T) {
-      var N = D(T);
-      switch (N) {
+    function z(E) {
+      var P = Z(E);
+      switch (P) {
         case "array":
         case "object":
-          return "an " + N;
+          return "an " + P;
         case "boolean":
         case "date":
         case "regexp":
-          return "a " + N;
+          return "a " + P;
         default:
-          return N;
+          return P;
       }
     }
-    function X(T) {
-      return !T.constructor || !T.constructor.name ? m : T.constructor.name;
+    function K(E) {
+      return !E.constructor || !E.constructor.name ? m : E.constructor.name;
     }
     return p.checkPropTypes = s, p.resetWarningCache = s.resetWarningCache, p.PropTypes = p, p;
   }, kn;
@@ -5863,69 +5862,69 @@ var Zr = {
     delayInitialFocusTimer: void 0,
     // the most recent KeyboardEvent for the configured nav key (typically [SHIFT+]TAB), if any
     recentNavEvent: void 0
-  }, c, f = function(E, w, $) {
-    return E && E[w] !== void 0 ? E[w] : i[$ || w];
-  }, l = function(E, w) {
-    var $ = typeof (w == null ? void 0 : w.composedPath) == "function" ? w.composedPath() : void 0;
-    return o.containerGroups.findIndex(function(I) {
-      var U = I.container, D = I.tabbableNodes;
-      return U.contains(E) || // fall back to explicit tabbable search which will take into consideration any
+  }, c, f = function(T, x, N) {
+    return T && T[x] !== void 0 ? T[x] : i[N || x];
+  }, l = function(T, x) {
+    var N = typeof (x == null ? void 0 : x.composedPath) == "function" ? x.composedPath() : void 0;
+    return o.containerGroups.findIndex(function(A) {
+      var W = A.container, Z = A.tabbableNodes;
+      return W.contains(T) || // fall back to explicit tabbable search which will take into consideration any
       //  web components if the `tabbableOptions.getShadowRoot` option was used for
       //  the trap, enabling shadow DOM support in tabbable (`Node.contains()` doesn't
       //  look inside web components even if open)
-      ($ == null ? void 0 : $.includes(U)) || D.find(function(z) {
-        return z === E;
+      (N == null ? void 0 : N.includes(W)) || Z.find(function(z) {
+        return z === T;
       });
     });
-  }, u = function(E) {
-    var w = i[E];
-    if (typeof w == "function") {
-      for (var $ = arguments.length, I = new Array($ > 1 ? $ - 1 : 0), U = 1; U < $; U++)
-        I[U - 1] = arguments[U];
-      w = w.apply(void 0, I);
-    }
-    if (w === !0 && (w = void 0), !w) {
-      if (w === void 0 || w === !1)
-        return w;
-      throw new Error("`".concat(E, "` was specified but was not a node, or did not return a node"));
-    }
-    var D = w;
-    if (typeof w == "string" && (D = r.querySelector(w), !D))
-      throw new Error("`".concat(E, "` as selector refers to no known node"));
-    return D;
+  }, u = function(T) {
+    var x = i[T];
+    if (typeof x == "function") {
+      for (var N = arguments.length, A = new Array(N > 1 ? N - 1 : 0), W = 1; W < N; W++)
+        A[W - 1] = arguments[W];
+      x = x.apply(void 0, A);
+    }
+    if (x === !0 && (x = void 0), !x) {
+      if (x === void 0 || x === !1)
+        return x;
+      throw new Error("`".concat(T, "` was specified but was not a node, or did not return a node"));
+    }
+    var Z = x;
+    if (typeof x == "string" && (Z = r.querySelector(x), !Z))
+      throw new Error("`".concat(T, "` as selector refers to no known node"));
+    return Z;
   }, d = function() {
-    var E = u("initialFocus");
-    if (E === !1)
+    var T = u("initialFocus");
+    if (T === !1)
       return !1;
-    if (E === void 0 || !Bt(E, i.tabbableOptions))
+    if (T === void 0 || !Bt(T, i.tabbableOptions))
       if (l(r.activeElement) >= 0)
-        E = r.activeElement;
+        T = r.activeElement;
       else {
-        var w = o.tabbableGroups[0], $ = w && w.firstTabbableNode;
-        E = $ || u("fallbackFocus");
+        var x = o.tabbableGroups[0], N = x && x.firstTabbableNode;
+        T = N || u("fallbackFocus");
       }
-    if (!E)
+    if (!T)
       throw new Error("Your focus-trap needs to have at least one focusable element");
-    return E;
+    return T;
   }, m = function() {
-    if (o.containerGroups = o.containers.map(function(E) {
-      var w = Ia(E, i.tabbableOptions), $ = La(E, i.tabbableOptions), I = w.length > 0 ? w[0] : void 0, U = w.length > 0 ? w[w.length - 1] : void 0, D = $.find(function(T) {
-        return We(T);
-      }), z = $.slice().reverse().find(function(T) {
-        return We(T);
-      }), X = !!w.find(function(T) {
-        return Le(T) > 0;
+    if (o.containerGroups = o.containers.map(function(T) {
+      var x = Ia(T, i.tabbableOptions), N = La(T, i.tabbableOptions), A = x.length > 0 ? x[0] : void 0, W = x.length > 0 ? x[x.length - 1] : void 0, Z = N.find(function(E) {
+        return We(E);
+      }), z = N.slice().reverse().find(function(E) {
+        return We(E);
+      }), K = !!x.find(function(E) {
+        return Le(E) > 0;
       });
       return {
-        container: E,
-        tabbableNodes: w,
-        focusableNodes: $,
+        container: T,
+        tabbableNodes: x,
+        focusableNodes: N,
         /** True if at least one node with positive `tabindex` was found in this container. */
-        posTabIndexesFound: X,
+        posTabIndexesFound: K,
         /** First tabbable node in container, __tabindex__ order; `undefined` if none. */
-        firstTabbableNode: I,
+        firstTabbableNode: A,
         /** Last tabbable node in container, __tabindex__ order; `undefined` if none. */
-        lastTabbableNode: U,
+        lastTabbableNode: W,
         // NOTE: DOM order is NOT NECESSARILY "document position" order, but figuring that out
         //  would require more than just https://developer.mozilla.org/en-US/docs/Web/API/Node/compareDocumentPosition
         //  because that API doesn't work with Shadow DOM as well as it should (@see
@@ -5934,7 +5933,7 @@ var Zr = {
         //  "close enough most of the time" alternative for positive tabindexes which should generally
         //  be avoided anyway...
         /** First tabbable node in container, __DOM__ order; `undefined` if none. */
-        firstDomTabbableNode: D,
+        firstDomTabbableNode: Z,
         /** Last tabbable node in container, __DOM__ order; `undefined` if none. */
         lastDomTabbableNode: z,
         /**
@@ -5945,76 +5944,76 @@ var Zr = {
          *  in reverse.
          * @returns {HTMLElement|undefined} The next tabbable node, if any.
          */
-        nextTabbableNode: function(N) {
-          var W = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, B = w.indexOf(N);
-          return B < 0 ? W ? $.slice($.indexOf(N) + 1).find(function(H) {
-            return We(H);
-          }) : $.slice(0, $.indexOf(N)).reverse().find(function(H) {
-            return We(H);
-          }) : w[B + (W ? 1 : -1)];
+        nextTabbableNode: function(P) {
+          var q = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, B = x.indexOf(P);
+          return B < 0 ? q ? N.slice(N.indexOf(P) + 1).find(function(U) {
+            return We(U);
+          }) : N.slice(0, N.indexOf(P)).reverse().find(function(U) {
+            return We(U);
+          }) : x[B + (q ? 1 : -1)];
         }
       };
-    }), o.tabbableGroups = o.containerGroups.filter(function(E) {
-      return E.tabbableNodes.length > 0;
+    }), o.tabbableGroups = o.containerGroups.filter(function(T) {
+      return T.tabbableNodes.length > 0;
     }), o.tabbableGroups.length <= 0 && !u("fallbackFocus"))
       throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");
-    if (o.containerGroups.find(function(E) {
-      return E.posTabIndexesFound;
+    if (o.containerGroups.find(function(T) {
+      return T.posTabIndexesFound;
     }) && o.containerGroups.length > 1)
       throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.");
-  }, p = function C(E) {
-    var w = E.activeElement;
-    if (w)
-      return w.shadowRoot && w.shadowRoot.activeElement !== null ? C(w.shadowRoot) : w;
-  }, g = function C(E) {
-    if (E !== !1 && E !== p(document)) {
-      if (!E || !E.focus) {
-        C(d());
+  }, p = function $(T) {
+    var x = T.activeElement;
+    if (x)
+      return x.shadowRoot && x.shadowRoot.activeElement !== null ? $(x.shadowRoot) : x;
+  }, g = function $(T) {
+    if (T !== !1 && T !== p(document)) {
+      if (!T || !T.focus) {
+        $(d());
         return;
       }
-      E.focus({
+      T.focus({
         preventScroll: !!i.preventScroll
-      }), o.mostRecentlyFocusedNode = E, No(E) && E.select();
-    }
-  }, _ = function(E) {
-    var w = u("setReturnFocus", E);
-    return w || (w === !1 ? !1 : E);
-  }, y = function(E) {
-    var w = E.target, $ = E.event, I = E.isBackward, U = I === void 0 ? !1 : I;
-    w = w || Pt($), m();
-    var D = null;
+      }), o.mostRecentlyFocusedNode = T, No(T) && T.select();
+    }
+  }, _ = function(T) {
+    var x = u("setReturnFocus", T);
+    return x || (x === !1 ? !1 : T);
+  }, y = function(T) {
+    var x = T.target, N = T.event, A = T.isBackward, W = A === void 0 ? !1 : A;
+    x = x || Pt(N), m();
+    var Z = null;
     if (o.tabbableGroups.length > 0) {
-      var z = l(w, $), X = z >= 0 ? o.containerGroups[z] : void 0;
+      var z = l(x, N), K = z >= 0 ? o.containerGroups[z] : void 0;
       if (z < 0)
-        U ? D = o.tabbableGroups[o.tabbableGroups.length - 1].lastTabbableNode : D = o.tabbableGroups[0].firstTabbableNode;
-      else if (U) {
-        var T = Vr(o.tabbableGroups, function(G) {
-          var Y = G.firstTabbableNode;
-          return w === Y;
+        W ? Z = o.tabbableGroups[o.tabbableGroups.length - 1].lastTabbableNode : Z = o.tabbableGroups[0].firstTabbableNode;
+      else if (W) {
+        var E = Vr(o.tabbableGroups, function(G) {
+          var V = G.firstTabbableNode;
+          return x === V;
         });
-        if (T < 0 && (X.container === w || Bt(w, i.tabbableOptions) && !We(w, i.tabbableOptions) && !X.nextTabbableNode(w, !1)) && (T = z), T >= 0) {
-          var N = T === 0 ? o.tabbableGroups.length - 1 : T - 1, W = o.tabbableGroups[N];
-          D = Le(w) >= 0 ? W.lastTabbableNode : W.lastDomTabbableNode;
+        if (E < 0 && (K.container === x || Bt(x, i.tabbableOptions) && !We(x, i.tabbableOptions) && !K.nextTabbableNode(x, !1)) && (E = z), E >= 0) {
+          var P = E === 0 ? o.tabbableGroups.length - 1 : E - 1, q = o.tabbableGroups[P];
+          Z = Le(x) >= 0 ? q.lastTabbableNode : q.lastDomTabbableNode;
         } else
-          vt($) || (D = X.nextTabbableNode(w, !1));
+          vt(N) || (Z = K.nextTabbableNode(x, !1));
       } else {
         var B = Vr(o.tabbableGroups, function(G) {
-          var Y = G.lastTabbableNode;
-          return w === Y;
+          var V = G.lastTabbableNode;
+          return x === V;
         });
-        if (B < 0 && (X.container === w || Bt(w, i.tabbableOptions) && !We(w, i.tabbableOptions) && !X.nextTabbableNode(w)) && (B = z), B >= 0) {
-          var H = B === o.tabbableGroups.length - 1 ? 0 : B + 1, te = o.tabbableGroups[H];
-          D = Le(w) >= 0 ? te.firstTabbableNode : te.firstDomTabbableNode;
+        if (B < 0 && (K.container === x || Bt(x, i.tabbableOptions) && !We(x, i.tabbableOptions) && !K.nextTabbableNode(x)) && (B = z), B >= 0) {
+          var U = B === o.tabbableGroups.length - 1 ? 0 : B + 1, te = o.tabbableGroups[U];
+          Z = Le(x) >= 0 ? te.firstTabbableNode : te.firstDomTabbableNode;
         } else
-          vt($) || (D = X.nextTabbableNode(w));
+          vt(N) || (Z = K.nextTabbableNode(x));
       }
     } else
-      D = u("fallbackFocus");
-    return D;
-  }, v = function(E) {
-    var w = Pt(E);
-    if (!(l(w, E) >= 0)) {
-      if (lt(i.clickOutsideDeactivates, E)) {
+      Z = u("fallbackFocus");
+    return Z;
+  }, v = function(T) {
+    var x = Pt(T);
+    if (!(l(x, T) >= 0)) {
+      if (lt(i.clickOutsideDeactivates, T)) {
         c.deactivate({
           // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
           //  which will result in the outside click setting focus to the node
@@ -6026,58 +6025,58 @@ var Zr = {
         });
         return;
       }
-      lt(i.allowOutsideClick, E) || E.preventDefault();
+      lt(i.allowOutsideClick, T) || T.preventDefault();
     }
-  }, b = function(E) {
-    var w = Pt(E), $ = l(w, E) >= 0;
-    if ($ || w instanceof Document)
-      $ && (o.mostRecentlyFocusedNode = w);
+  }, b = function(T) {
+    var x = Pt(T), N = l(x, T) >= 0;
+    if (N || x instanceof Document)
+      N && (o.mostRecentlyFocusedNode = x);
     else {
-      E.stopImmediatePropagation();
-      var I, U = !0;
+      T.stopImmediatePropagation();
+      var A, W = !0;
       if (o.mostRecentlyFocusedNode)
         if (Le(o.mostRecentlyFocusedNode) > 0) {
-          var D = l(o.mostRecentlyFocusedNode), z = o.containerGroups[D].tabbableNodes;
+          var Z = l(o.mostRecentlyFocusedNode), z = o.containerGroups[Z].tabbableNodes;
           if (z.length > 0) {
-            var X = z.findIndex(function(T) {
-              return T === o.mostRecentlyFocusedNode;
+            var K = z.findIndex(function(E) {
+              return E === o.mostRecentlyFocusedNode;
             });
-            X >= 0 && (i.isKeyForward(o.recentNavEvent) ? X + 1 < z.length && (I = z[X + 1], U = !1) : X - 1 >= 0 && (I = z[X - 1], U = !1));
+            K >= 0 && (i.isKeyForward(o.recentNavEvent) ? K + 1 < z.length && (A = z[K + 1], W = !1) : K - 1 >= 0 && (A = z[K - 1], W = !1));
           }
         } else
-          o.containerGroups.some(function(T) {
-            return T.tabbableNodes.some(function(N) {
-              return Le(N) > 0;
+          o.containerGroups.some(function(E) {
+            return E.tabbableNodes.some(function(P) {
+              return Le(P) > 0;
             });
-          }) || (U = !1);
+          }) || (W = !1);
       else
-        U = !1;
-      U && (I = y({
+        W = !1;
+      W && (A = y({
         // move FROM the MRU node, not event-related node (which will be the node that is
         //  outside the trap causing the focus escape we're trying to fix)
         target: o.mostRecentlyFocusedNode,
         isBackward: i.isKeyBackward(o.recentNavEvent)
-      })), g(I || o.mostRecentlyFocusedNode || d());
+      })), g(A || o.mostRecentlyFocusedNode || d());
     }
     o.recentNavEvent = void 0;
-  }, j = function(E) {
-    var w = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
-    o.recentNavEvent = E;
-    var $ = y({
-      event: E,
-      isBackward: w
+  }, k = function(T) {
+    var x = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+    o.recentNavEvent = T;
+    var N = y({
+      event: T,
+      isBackward: x
     });
-    $ && (vt(E) && E.preventDefault(), g($));
-  }, k = function(E) {
-    if (Po(E) && lt(i.escapeDeactivates, E) !== !1) {
-      E.preventDefault(), c.deactivate();
+    N && (vt(T) && T.preventDefault(), g(N));
+  }, j = function(T) {
+    if (Po(T) && lt(i.escapeDeactivates, T) !== !1) {
+      T.preventDefault(), c.deactivate();
       return;
     }
-    (i.isKeyForward(E) || i.isKeyBackward(E)) && j(E, i.isKeyBackward(E));
-  }, x = function(E) {
-    var w = Pt(E);
-    l(w, E) >= 0 || lt(i.clickOutsideDeactivates, E) || lt(i.allowOutsideClick, E) || (E.preventDefault(), E.stopImmediatePropagation());
-  }, q = function() {
+    (i.isKeyForward(T) || i.isKeyBackward(T)) && k(T, i.isKeyBackward(T));
+  }, w = function(T) {
+    var x = Pt(T);
+    l(x, T) >= 0 || lt(i.clickOutsideDeactivates, T) || lt(i.allowOutsideClick, T) || (T.preventDefault(), T.stopImmediatePropagation());
+  }, I = function() {
     if (o.active)
       return Zr.activateTrap(s, c), o.delayInitialFocusTimer = i.delayInitialFocus ? Hr(function() {
         g(d());
@@ -6087,27 +6086,27 @@ var Zr = {
       }), r.addEventListener("touchstart", v, {
         capture: !0,
         passive: !1
-      }), r.addEventListener("click", x, {
+      }), r.addEventListener("click", w, {
         capture: !0,
         passive: !1
-      }), r.addEventListener("keydown", k, {
+      }), r.addEventListener("keydown", j, {
         capture: !0,
         passive: !1
       }), c;
   }, R = function() {
     if (o.active)
-      return r.removeEventListener("focusin", b, !0), r.removeEventListener("mousedown", v, !0), r.removeEventListener("touchstart", v, !0), r.removeEventListener("click", x, !0), r.removeEventListener("keydown", k, !0), c;
-  }, Z = function(E) {
-    var w = E.some(function($) {
-      var I = Array.from($.removedNodes);
-      return I.some(function(U) {
-        return U === o.mostRecentlyFocusedNode;
+      return r.removeEventListener("focusin", b, !0), r.removeEventListener("mousedown", v, !0), r.removeEventListener("touchstart", v, !0), r.removeEventListener("click", w, !0), r.removeEventListener("keydown", j, !0), c;
+  }, Q = function(T) {
+    var x = T.some(function(N) {
+      var A = Array.from(N.removedNodes);
+      return A.some(function(W) {
+        return W === o.mostRecentlyFocusedNode;
       });
     });
-    w && g(d());
-  }, P = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(Z) : void 0, F = function() {
-    P && (P.disconnect(), o.active && !o.paused && o.containers.map(function(E) {
-      P.observe(E, {
+    x && g(d());
+  }, C = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(Q) : void 0, F = function() {
+    C && (C.disconnect(), o.active && !o.paused && o.containers.map(function(T) {
+      C.observe(T, {
         subtree: !0,
         childList: !0
       });
@@ -6120,50 +6119,50 @@ var Zr = {
     get paused() {
       return o.paused;
     },
-    activate: function(E) {
+    activate: function(T) {
       if (o.active)
         return this;
-      var w = f(E, "onActivate"), $ = f(E, "onPostActivate"), I = f(E, "checkCanFocusTrap");
-      I || m(), o.active = !0, o.paused = !1, o.nodeFocusedBeforeActivation = r.activeElement, w == null || w();
-      var U = function() {
-        I && m(), q(), F(), $ == null || $();
+      var x = f(T, "onActivate"), N = f(T, "onPostActivate"), A = f(T, "checkCanFocusTrap");
+      A || m(), o.active = !0, o.paused = !1, o.nodeFocusedBeforeActivation = r.activeElement, x == null || x();
+      var W = function() {
+        A && m(), I(), F(), N == null || N();
       };
-      return I ? (I(o.containers.concat()).then(U, U), this) : (U(), this);
+      return A ? (A(o.containers.concat()).then(W, W), this) : (W(), this);
     },
-    deactivate: function(E) {
+    deactivate: function(T) {
       if (!o.active)
         return this;
-      var w = zr({
+      var x = zr({
         onDeactivate: i.onDeactivate,
         onPostDeactivate: i.onPostDeactivate,
         checkCanReturnFocus: i.checkCanReturnFocus
-      }, E);
+      }, T);
       clearTimeout(o.delayInitialFocusTimer), o.delayInitialFocusTimer = void 0, R(), o.active = !1, o.paused = !1, F(), Zr.deactivateTrap(s, c);
-      var $ = f(w, "onDeactivate"), I = f(w, "onPostDeactivate"), U = f(w, "checkCanReturnFocus"), D = f(w, "returnFocus", "returnFocusOnDeactivate");
-      $ == null || $();
+      var N = f(x, "onDeactivate"), A = f(x, "onPostDeactivate"), W = f(x, "checkCanReturnFocus"), Z = f(x, "returnFocus", "returnFocusOnDeactivate");
+      N == null || N();
       var z = function() {
         Hr(function() {
-          D && g(_(o.nodeFocusedBeforeActivation)), I == null || I();
+          Z && g(_(o.nodeFocusedBeforeActivation)), A == null || A();
         });
       };
-      return D && U ? (U(_(o.nodeFocusedBeforeActivation)).then(z, z), this) : (z(), this);
+      return Z && W ? (W(_(o.nodeFocusedBeforeActivation)).then(z, z), this) : (z(), this);
     },
-    pause: function(E) {
+    pause: function(T) {
       if (o.paused || !o.active)
         return this;
-      var w = f(E, "onPause"), $ = f(E, "onPostPause");
-      return o.paused = !0, w == null || w(), R(), F(), $ == null || $(), this;
+      var x = f(T, "onPause"), N = f(T, "onPostPause");
+      return o.paused = !0, x == null || x(), R(), F(), N == null || N(), this;
     },
-    unpause: function(E) {
+    unpause: function(T) {
       if (!o.paused || !o.active)
         return this;
-      var w = f(E, "onUnpause"), $ = f(E, "onPostUnpause");
-      return o.paused = !1, w == null || w(), m(), q(), F(), $ == null || $(), this;
+      var x = f(T, "onUnpause"), N = f(T, "onPostUnpause");
+      return o.paused = !1, x == null || x(), m(), I(), F(), N == null || N(), this;
     },
-    updateContainerElements: function(E) {
-      var w = [].concat(E).filter(Boolean);
-      return o.containers = w.map(function($) {
-        return typeof $ == "string" ? r.querySelector($) : $;
+    updateContainerElements: function(T) {
+      var x = [].concat(T).filter(Boolean);
+      return o.containers = x.map(function(N) {
+        return typeof N == "string" ? r.querySelector(N) : N;
       }), o.active && m(), F(), this;
     }
   }, c.updateContainerElements(e), c;
@@ -6263,7 +6262,7 @@ function Ho(t, e) {
   }
   return (e === "string" ? String : Number)(t);
 }
-var Mt = K, Q = lo, Vo = Do, Yo = Vo.createFocusTrap, Ko = Io, Go = Ko.isFocusable, rr = /* @__PURE__ */ function(t) {
+var Mt = Y, J = lo, Vo = Do, Yo = Vo.createFocusTrap, Ko = Io, Go = Ko.isFocusable, rr = /* @__PURE__ */ function(t) {
   qo(n, t);
   var e = Uo(n);
   function n(r) {
@@ -6452,47 +6451,47 @@ var Mt = K, Q = lo, Vo = Do, Yo = Vo.createFocusTrap, Ko = Io, Go = Ko.isFocusab
   }]), n;
 }(Mt.Component), ut = typeof Element > "u" ? Function : Element;
 rr.propTypes = {
-  active: Q.bool,
-  paused: Q.bool,
-  focusTrapOptions: Q.shape({
-    document: Q.object,
-    onActivate: Q.func,
-    onPostActivate: Q.func,
-    checkCanFocusTrap: Q.func,
-    onPause: Q.func,
-    onPostPause: Q.func,
-    onUnpause: Q.func,
-    onPostUnpause: Q.func,
-    onDeactivate: Q.func,
-    onPostDeactivate: Q.func,
-    checkCanReturnFocus: Q.func,
-    initialFocus: Q.oneOfType([Q.instanceOf(ut), Q.string, Q.bool, Q.func]),
-    fallbackFocus: Q.oneOfType([
-      Q.instanceOf(ut),
-      Q.string,
+  active: J.bool,
+  paused: J.bool,
+  focusTrapOptions: J.shape({
+    document: J.object,
+    onActivate: J.func,
+    onPostActivate: J.func,
+    checkCanFocusTrap: J.func,
+    onPause: J.func,
+    onPostPause: J.func,
+    onUnpause: J.func,
+    onPostUnpause: J.func,
+    onDeactivate: J.func,
+    onPostDeactivate: J.func,
+    checkCanReturnFocus: J.func,
+    initialFocus: J.oneOfType([J.instanceOf(ut), J.string, J.bool, J.func]),
+    fallbackFocus: J.oneOfType([
+      J.instanceOf(ut),
+      J.string,
       // NOTE: does not support `false` as value (or return value from function)
-      Q.func
+      J.func
     ]),
-    escapeDeactivates: Q.oneOfType([Q.bool, Q.func]),
-    clickOutsideDeactivates: Q.oneOfType([Q.bool, Q.func]),
-    returnFocusOnDeactivate: Q.bool,
-    setReturnFocus: Q.oneOfType([Q.instanceOf(ut), Q.string, Q.bool, Q.func]),
-    allowOutsideClick: Q.oneOfType([Q.bool, Q.func]),
-    preventScroll: Q.bool,
-    tabbableOptions: Q.shape({
-      displayCheck: Q.oneOf(["full", "legacy-full", "non-zero-area", "none"]),
-      getShadowRoot: Q.oneOfType([Q.bool, Q.func])
+    escapeDeactivates: J.oneOfType([J.bool, J.func]),
+    clickOutsideDeactivates: J.oneOfType([J.bool, J.func]),
+    returnFocusOnDeactivate: J.bool,
+    setReturnFocus: J.oneOfType([J.instanceOf(ut), J.string, J.bool, J.func]),
+    allowOutsideClick: J.oneOfType([J.bool, J.func]),
+    preventScroll: J.bool,
+    tabbableOptions: J.shape({
+      displayCheck: J.oneOf(["full", "legacy-full", "non-zero-area", "none"]),
+      getShadowRoot: J.oneOfType([J.bool, J.func])
     }),
-    trapStack: Q.array,
-    isKeyForward: Q.func,
-    isKeyBackward: Q.func
+    trapStack: J.array,
+    isKeyForward: J.func,
+    isKeyBackward: J.func
   }),
-  containerElements: Q.arrayOf(Q.instanceOf(ut)),
+  containerElements: J.arrayOf(J.instanceOf(ut)),
   // DOM element ONLY
-  children: Q.oneOfType([
-    Q.element,
+  children: J.oneOfType([
+    J.element,
     // React element
-    Q.instanceOf(ut)
+    J.instanceOf(ut)
     // DOM element
   ])
   // NOTE: _createFocusTrap is internal, for testing purposes only, so we don't
@@ -6507,7 +6506,7 @@ rr.defaultProps = {
 };
 var Qo = rr;
 const Jo = /* @__PURE__ */ la(Qo);
-const qa = ({ element: t = "section", children: e, className: n, ...r }) => K.createElement(t, {
+const qa = ({ element: t = "section", children: e, className: n, ...r }) => Y.createElement(t, {
   className: S("modal", n),
   children: typeof e == "string" ? /* @__PURE__ */ a.jsx("p", { children: e }) : e,
   ...r
@@ -6527,7 +6526,7 @@ const an = ({
   className: u = "",
   gtmContext: d = "Modal"
 }) => {
-  const m = V(), [p, g] = J(e), _ = (b) => {
+  const m = H(), [p, g] = X(e), _ = (b) => {
     b.key === "Escape" && y(!1);
   };
   ae(() => (window.addEventListener("keyup", _), () => {
@@ -6594,7 +6593,7 @@ const Jl = ({
   },
   sendInvites: l
 }) => {
-  const u = V();
+  const u = H();
   return r || (r = u.formatMessage({ id: "inviteModal_formTitle" })), s || (s = u.formatMessage({ id: "inviteModal_formLabel" })), i || (i = u.formatMessage({ id: "inviteModal_cta" })), /* @__PURE__ */ a.jsx(
     an,
     {
@@ -6619,7 +6618,7 @@ const Jl = ({
   );
 };
 const Xl = ({ members: t }) => {
-  const [e, n] = J(!1), r = (s) => {
+  const [e, n] = X(!1), r = (s) => {
     const { fullName: i, jobTitle: o, organisation: c, photo: f } = s || {};
     return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsx(Ye, { name: i, src: f }),
@@ -6658,7 +6657,7 @@ const Xl = ({ members: t }) => {
     )
   ] });
 }, ec = ({ type: t, data: e }) => {
-  const n = V(), {
+  const n = H(), {
     answers: r,
     createdAt: s,
     dateHasPassed: i,
@@ -6780,7 +6779,7 @@ const Xl = ({ members: t }) => {
   }
 }, tc = ({ data: t, cta: e, link: n, gtmContext: r }) => {
   var _;
-  const s = V(), [i, o] = J({
+  const s = H(), [i, o] = X({
     loading: !1,
     registered: t.registered || !1
   });
@@ -6817,12 +6816,12 @@ const Xl = ({ members: t }) => {
   if (e && e.onClick && g.includes(m) && u !== "premium") {
     const y = i.loading || i.registered, v = async (b) => {
       if (b.preventDefault(), b.stopPropagation(), !(y || !e || !e.onClick)) {
-        o((j) => ({ ...j, loading: !0 }));
+        o((k) => ({ ...k, loading: !0 }));
         try {
-          const j = await e.onClick(t);
-          o(j === "success" ? () => ({ registered: !0, loading: !1 }) : (k) => ({ ...k, loading: !1 }));
+          const k = await e.onClick(t);
+          o(k === "success" ? () => ({ registered: !0, loading: !1 }) : (j) => ({ ...j, loading: !1 }));
         } catch {
-          o((k) => ({ ...k, loading: !1 }));
+          o((j) => ({ ...j, loading: !1 }));
         }
       }
     };
@@ -6858,14 +6857,14 @@ const nc = {
   gtmContext: s = "Carousel",
   className: i = ""
 }) => {
-  var q, R, Z;
-  const o = V(), c = Ee(Ie), f = c && typeof c.id == "string", [l, u] = J({
+  var I, R, Q;
+  const o = H(), c = Ee(Ie), f = c && typeof c.id == "string", [l, u] = X({
     data: null,
     isLoading: !0
   }), { data: d, isLoading: m } = l, p = sa(() => {
-    n(e, f).then((P) => {
-      u(() => ({ data: P, isLoading: !1 }));
-    }).catch(() => u((P) => ({ ...P, isLoading: !1 })));
+    n(e, f).then((C) => {
+      u(() => ({ data: C, isLoading: !1 }));
+    }).catch(() => u((C) => ({ ...C, isLoading: !1 })));
   }, [t]);
   if (ae(() => {
     p();
@@ -6887,28 +6886,28 @@ const nc = {
     length: v,
     gtmEvent: b
   } = Kt[g];
-  let j = d.slug ? `${_}${d.slug}` : !1;
-  d.slug && (d.slug.slice(0, 4) === "http" || d.slug.slice(0, 2) === "//" || d.slug.slice(0, 6) === "mailto" || d.slug.slice(0, 3) === "tel") && (j = d.slug);
-  const k = { ...nc, ...v };
-  let x = { className: "card" };
-  return j && (x = {
-    href: j,
+  let k = d.slug ? `${_}${d.slug}` : !1;
+  d.slug && (d.slug.slice(0, 4) === "http" || d.slug.slice(0, 2) === "//" || d.slug.slice(0, 6) === "mailto" || d.slug.slice(0, 3) === "tel") && (k = d.slug);
+  const j = { ...nc, ...v };
+  let w = { className: "card" };
+  return k && (w = {
+    href: k,
     className: "card gtm-trackable",
     "data-gtm-event-context": `${s}-CarouselCard`,
     "data-gtm-event-type": `${b}-click`,
     "data-testid": "link"
-  }, d.openInNewTab && (x.target = "_blank")), /* @__PURE__ */ a.jsx(
+  }, d.openInNewTab && (w.target = "_blank")), /* @__PURE__ */ a.jsx(
     "li",
     {
       className: S("card-wrapper text-medium", y, i, {
-        "has-link": j,
-        "no-link": !j,
+        "has-link": k,
+        "no-link": !k,
         "has-image": d.banner
       }),
       "data-testid": `${g}-card`,
-      children: K.createElement(
-        j ? "a" : "div",
-        x,
+      children: Y.createElement(
+        k ? "a" : "div",
+        w,
         /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
           /* @__PURE__ */ a.jsx(
             oi,
@@ -6955,24 +6954,24 @@ const nc = {
           d.partner && /* @__PURE__ */ a.jsx("p", { className: "partners", "data-testid": "partners", children: d.partner.length > 1 ? o.formatMessage(
             { id: "card_partner" },
             { partner: d.partner[0], number: d.partner.length - 1 }
-          ) : et(d.partner[0], k.partner) }),
+          ) : et(d.partner[0], j.partner) }),
           /* Text */
-          ["title", "text", "secondaryText"].map((P) => {
-            const F = d[P];
+          ["title", "text", "secondaryText"].map((C) => {
+            const F = d[C];
             if (!F)
               return null;
-            const C = Ws(P);
-            return /* @__PURE__ */ a.jsx("p", { className: C, "data-testid": C, children: et(F, k[P]) }, P);
+            const $ = Ws(C);
+            return /* @__PURE__ */ a.jsx("p", { className: $, "data-testid": $, children: et(F, j[C]) }, C);
           }),
           (d == null ? void 0 : d.members) && /* @__PURE__ */ a.jsxs("span", { className: "member-information", children: [
-            ((q = d == null ? void 0 : d.members) == null ? void 0 : q.isMember) && /* @__PURE__ */ a.jsx(
+            ((I = d == null ? void 0 : d.members) == null ? void 0 : I.isMember) && /* @__PURE__ */ a.jsx(
               ht,
               {
                 size: "small",
                 variant: "registered",
                 icon: ((R = d == null ? void 0 : d.members) == null ? void 0 : R.memberType) === "owner" ? "user" : "tick",
                 children: o.formatMessage({
-                  id: `card_member_type_${(Z = d == null ? void 0 : d.members) == null ? void 0 : Z.memberType}`
+                  id: `card_member_type_${(Q = d == null ? void 0 : d.members) == null ? void 0 : Q.memberType}`
                 })
               }
             ),
@@ -6983,7 +6982,7 @@ const nc = {
             ) })
           ] }),
           /* @__PURE__ */ a.jsx(ec, { type: y || "", data: d }),
-          /* @__PURE__ */ a.jsx(tc, { data: d, cta: r, link: j || "", gtmContext: s })
+          /* @__PURE__ */ a.jsx(tc, { data: d, cta: r, link: k || "", gtmContext: s })
         ] })
       )
     }
@@ -7004,11 +7003,11 @@ const rc = ({ cards: t, cardTypes: e, className: n = "", ...r }) => /* @__PURE__
   const s = e * n <= t, i = t < e * (n + 1), o = r.includes(Math.floor(t / e));
   return s && i || o;
 }, sc = ({ id: t, title: e }) => {
-  const n = V();
+  const n = H();
   if (!e || !e.text)
     return null;
   const { text: r, element: s = "h2", variant: i = "default", size: o = "medium", link: c } = e;
-  return K.createElement(s, {
+  return Y.createElement(s, {
     className: S("title", i, o, {
       "highlighted-title": i === "highlighted"
     }),
@@ -7042,25 +7041,25 @@ const ic = ({
   className: i,
   gtmContext: o
 }) => {
-  const c = V(), [f, l] = J({
+  const c = H(), [f, l] = X({
     cardsPerPage: 4,
     isLoading: !0
-  }), { cardsPerPage: u, isLoading: d } = f, [m, p] = J({
+  }), { cardsPerPage: u, isLoading: d } = f, [m, p] = X({
     currentPage: 0,
     loadedPages: [0]
-  }), { currentPage: g, loadedPages: _ } = m, y = e.length, v = Math.ceil(y / u), b = pe(null), j = wt(!0, !0, b == null ? void 0 : b.current);
+  }), { currentPage: g, loadedPages: _ } = m, y = e.length, v = Math.ceil(y / u), b = pe(null), k = wt(!0, !0, b == null ? void 0 : b.current);
   ae(() => {
-    let P = 1;
-    j && (j >= En.fourCards ? P = 4 : j >= En.threeCards ? P = 3 : j >= En.twoCards && (P = 2), P > y && (P = y)), l((F) => ({
+    let C = 1;
+    k && (k >= En.fourCards ? C = 4 : k >= En.threeCards ? C = 3 : k >= En.twoCards && (C = 2), C > y && (C = y)), l((F) => ({
       ...F,
-      cardsPerPage: P,
+      cardsPerPage: C,
       isLoading: !1
     }));
-  }, [j, y]);
-  const k = (P = "next") => {
+  }, [k, y]);
+  const j = (C = "next") => {
     let F = g;
-    if (typeof P == "string")
-      if (P === "next")
+    if (typeof C == "string")
+      if (C === "next")
         if (g < v - 1)
           F = g + 1;
         else
@@ -7070,31 +7069,31 @@ const ic = ({
       else
         return;
     else
-      F = P;
-    p((C) => ({
-      ...C,
+      F = C;
+    p(($) => ({
+      ...$,
       currentPage: F,
       loadedPages: [.../* @__PURE__ */ new Set([..._, F])]
     }));
-  }, x = (P) => {
-    Rt = P.touches[0].clientX;
-  }, q = (P) => {
+  }, w = (C) => {
+    Rt = C.touches[0].clientX;
+  }, I = (C) => {
     if (Rt === null)
       return;
-    const F = P.touches[0].clientX, C = Rt - F;
-    C > 5 ? k("next") : C < -5 && k("previous"), Rt = null;
+    const F = C.touches[0].clientX, $ = Rt - F;
+    $ > 5 ? j("next") : $ < -5 && j("previous"), Rt = null;
   }, R = {
-    "--width": `${j || 0}px`,
+    "--width": `${k || 0}px`,
     "--total-cards": y,
     "--cards-per-page": u,
     "--page": g
   };
   if (d)
     return /* @__PURE__ */ a.jsx(wa, { layout: `carousel${s ? "-with-title" : ""}` });
-  const Z = (P, F) => {
-    var E;
-    let C = null;
-    return (E = P == null ? void 0 : P.sys) != null && E.id ? C = `card-${P.sys.id}` : P != null && P.slug ? C = `card-${P.slug}` : [n[F], P.contentType].includes("customCard") && (C = `card-${window.btoa(`${P.title} ${P.createdAt}`)}-${F}`), C;
+  const Q = (C, F) => {
+    var T;
+    let $ = null;
+    return (T = C == null ? void 0 : C.sys) != null && T.id ? $ = `card-${C.sys.id}` : C != null && C.slug ? $ = `card-${C.slug}` : [n[F], C.contentType].includes("customCard") && ($ = `card-${window.btoa(`${C.title} ${C.createdAt}`)}-${F}`), $;
   };
   return /* @__PURE__ */ a.jsxs(
     "section",
@@ -7108,29 +7107,29 @@ const ic = ({
           "ul",
           {
             className: "carousel",
-            onTouchStart: x,
-            onTouchMove: q,
+            onTouchStart: w,
+            onTouchMove: I,
             style: R,
             "data-testid": "carousel-list",
-            children: e.map((P, F) => {
-              let C = Z(P, F);
-              return C && ac(F, u, g, _) ? /* @__PURE__ */ a.jsx(
+            children: e.map((C, F) => {
+              let $ = Q(C, F);
+              return $ && ac(F, u, g, _) ? /* @__PURE__ */ a.jsx(
                 Ua,
                 {
-                  id: C,
-                  card: { ...P, contentType: n[F] },
+                  id: $,
+                  card: { ...C, contentType: n[F] },
                   buildCardData: r,
                   gtmContext: o
                 },
-                C
-              ) : (C = C || `${t}-card-${F}`, /* @__PURE__ */ a.jsx(
+                $
+              ) : ($ = $ || `${t}-card-${F}`, /* @__PURE__ */ a.jsx(
                 Se,
                 {
                   element: "li",
                   className: "card-wrapper",
                   "data-testid": "card-placeholder"
                 },
-                C
+                $
               ));
             })
           }
@@ -7142,8 +7141,8 @@ const ic = ({
               variant: "secondary",
               size: "large",
               icon: { icon: "chevron_left" },
-              onClick: (P) => {
-                P.preventDefault(), P.stopPropagation(), k("previous");
+              onClick: (C) => {
+                C.preventDefault(), C.stopPropagation(), j("previous");
               },
               screenreaderText: c.formatMessage({
                 id: "carousel_pagination_previous"
@@ -7151,14 +7150,14 @@ const ic = ({
               disabled: g <= 0
             }
           ) }),
-          [...Array(v)].map((P, F) => /* @__PURE__ */ a.jsx("li", { "data-testid": "carousel-controls-button", children: /* @__PURE__ */ a.jsx(
+          [...Array(v)].map((C, F) => /* @__PURE__ */ a.jsx("li", { "data-testid": "carousel-controls-button", children: /* @__PURE__ */ a.jsx(
             "button",
             {
               className: S("page-indicator", {
                 selected: F === g
               }),
-              onClick: (C) => {
-                C.preventDefault(), C.stopPropagation(), k(F);
+              onClick: ($) => {
+                $.preventDefault(), $.stopPropagation(), j(F);
               },
               children: /* @__PURE__ */ a.jsx(be, { showOnFocus: !1, children: c.formatMessage(
                 { id: "carousel_pagination_page" },
@@ -7172,8 +7171,8 @@ const ic = ({
               variant: "secondary",
               size: "large",
               icon: { icon: "chevron_right" },
-              onClick: (P) => {
-                P.preventDefault(), P.stopPropagation(), k("next");
+              onClick: (C) => {
+                C.preventDefault(), C.stopPropagation(), j("next");
               },
               screenreaderText: c.formatMessage({ id: "carousel_pagination_next" }),
               disabled: g >= v - 1
@@ -7222,7 +7221,7 @@ const Sn = "joinCommunityButton", Wa = ({
   }, leave: () => {
   } }
 }) => {
-  const s = V(), i = Ee(Ie), o = i && typeof i.id == "string", [c, f] = J(t), [l, u] = J(t ? "joined" : "notJoined");
+  const s = H(), i = Ee(Ie), o = i && typeof i.id == "string", [c, f] = X(t), [l, u] = X(t ? "joined" : "notJoined");
   ae(() => {
     l === "joining" ? u("joined") : l === "leaving" && u("notJoined");
   }, [c]);
@@ -7255,7 +7254,7 @@ const Cn = "communityDetails_", tu = ({
   members: { number: r = 0, data: s = [] } = { number: 0, data: [] },
   functions: { invite: i, ...o }
 }) => {
-  const c = V(), f = 5, l = r || s.length, u = s.length ? s : Array(f).fill({}), d = `/communities/${n}/members` === window.location.pathname;
+  const c = H(), f = 5, l = r || s.length, u = s.length ? s : Array(f).fill({}), d = `/communities/${n}/members` === window.location.pathname;
   return /* @__PURE__ */ a.jsxs("div", { className: S("community-details", t), children: [
     /* @__PURE__ */ a.jsx(Ae, {}),
     /* @__PURE__ */ a.jsxs("div", { className: "member-details", children: [
@@ -7296,7 +7295,7 @@ const Cn = "communityDetails_", tu = ({
   ] });
 };
 const nu = ({ breadcrumbs: t, cutoff: e = 20, className: n = "" }) => {
-  const r = V();
+  const r = H();
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsx(
       be,
@@ -7327,13 +7326,13 @@ const ru = ({
   },
   className: s = ""
 }) => {
-  const i = V(), o = e ? [
+  const i = H(), o = e ? [
     {
       id: "all",
       text: typeof e != "boolean" && e.text || i.formatMessage({ id: "filters_all" })
     },
     ...t
-  ] : t, [c, f] = J(e ? ["all"] : []), l = (u, d) => {
+  ] : t, [c, f] = X(e ? ["all"] : []), l = (u, d) => {
     let m = [];
     c.includes(u) ? m = c.filter((p) => p !== u) : u === "all" ? m = ["all"] : n ? m = [...c.filter((p) => p !== "all"), u] : m = [u], f((p) => (r && typeof r == "function" && r({ current: m, previous: p }), m)), d && typeof d == "function" && d();
   };
@@ -7378,8 +7377,8 @@ const Ft = "languageSwitcher_", au = ({
   label: c,
   className: f = ""
 }) => {
-  const l = V(), { updateLanguage: u = () => {
-  } } = Ee(ya), [d, m] = J(t);
+  const l = H(), { updateLanguage: u = () => {
+  } } = Ee(ya), [d, m] = X(t);
   if (ae(() => {
     t !== d && m(t);
   }, [t]), !r || !Object.values(r).some(
@@ -7391,10 +7390,10 @@ const Ft = "languageSwitcher_", au = ({
     /* @__PURE__ */ a.jsxs("nav", { children: [
       o !== "short" && /* @__PURE__ */ a.jsx("p", { children: c || l.formatMessage({ id: `${Ft}label` }) }),
       /* @__PURE__ */ a.jsx("ul", { children: g.map((y) => {
-        var j;
+        var k;
         if (!gn[y])
           return null;
-        const v = (j = r[y]) == null ? void 0 : j.post_name;
+        const v = (k = r[y]) == null ? void 0 : k.post_name;
         let b = { className: y };
         if (d === y)
           b["aria-label"] = l.formatMessage(
@@ -7402,14 +7401,14 @@ const Ft = "languageSwitcher_", au = ({
             { language: gn[y] }
           );
         else {
-          const k = oc(y, v, i);
+          const j = oc(y, v, i);
           b = {
             ...b,
-            href: typeof k == "string" ? k : k.url,
-            onClick: (x) => {
-              m(y), u(y), typeof s < "u" && (x.preventDefault(), x.stopPropagation(), s(
+            href: typeof j == "string" ? j : j.url,
+            onClick: (w) => {
+              m(y), u(y), typeof s < "u" && (w.preventDefault(), w.stopPropagation(), s(
                 y,
-                typeof k == "string" ? k : k.urlForRouter
+                typeof j == "string" ? j : j.urlForRouter
               ));
             }
           };
@@ -7454,7 +7453,7 @@ const $n = ks({ locale: "en", messages: rt }), sn = ({
   className: f = "",
   gtmContext: l = "LoadMore"
 }) => {
-  const [u, d] = J(""), m = async (p) => {
+  const [u, d] = X(""), m = async (p) => {
     if (!n)
       try {
         await e(p);
@@ -7500,14 +7499,14 @@ const cc = ({
   options: n,
   className: r = ""
 }) => {
-  const s = V(), i = pe(
+  const s = H(), i = pe(
     null
-  ), [o, c] = J(!1), f = (l) => {
+  ), [o, c] = X(!1), f = (l) => {
     i.current && l.target instanceof HTMLElement && !i.current.contains(l.target) && c(!1);
   };
   return ae(() => (document.addEventListener("click", f, !0), () => {
     document.removeEventListener("click", f, !0);
-  })), K.createElement(t, {
+  })), Y.createElement(t, {
     ref: i,
     className: S("more-menu text-medium", r),
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
@@ -7575,7 +7574,7 @@ const uc = [
     href: "/communities/"
   }
 ], dc = ({ activeLink: t }) => {
-  const e = V(), n = Ee(Ie), r = n && typeof n.id == "string";
+  const e = H(), n = Ee(Ie), r = n && typeof n.id == "string";
   return /* @__PURE__ */ a.jsxs("ul", { id: "navigation-menu", className: "text-medium", children: [
     uc.map(({ key: s, href: i }) => /* @__PURE__ */ a.jsx(
       "li",
@@ -7666,7 +7665,7 @@ const mc = "shareLinks_", su = ({
   variant: i = "default",
   className: o = ""
 }) => {
-  const c = V(), f = fc({ title: t, link: e, referrer: n });
+  const c = H(), f = fc({ title: t, link: e, referrer: n });
   return /* @__PURE__ */ a.jsxs("aside", { className: S("share-links", s, i, o), children: [
     /* @__PURE__ */ a.jsx("p", { className: "text-small", children: c.formatMessage({ id: "shareLinks_label" }) }),
     /* @__PURE__ */ a.jsx("ul", { children: f.map(({ key: l, icon: u, url: d, shouldRender: m = !0, onClick: p }) => {
@@ -7707,7 +7706,7 @@ const iu = ({ tabs: t, className: e = "", preventLocationChange: n }) => {
         }
     }
   }
-  const [i, o] = J(
+  const [i, o] = X(
     (l = t[s]) != null && l.id ? t[s].id : r(t[s].id, t[s].text, s)
   );
   ae(() => {
@@ -7768,13 +7767,13 @@ const pc = {
 }) => {
   const s = wt(!0);
   let i = r;
-  return K.Children.count(r) === 1 && (i = K.Children.toArray(r)[0], i.props && (i = i.props.children)), /* @__PURE__ */ a.jsx("section", { className: S("columns", `layout-${t}`, n), children: K.Children.map(i, (o, c) => e !== !1 && c === e && s && s < pc[t] ? null : o) });
+  return Y.Children.count(r) === 1 && (i = Y.Children.toArray(r)[0], i.props && (i = i.props.children)), /* @__PURE__ */ a.jsx("section", { className: S("columns", `layout-${t}`, n), children: Y.Children.map(i, (o, c) => e !== !1 && c === e && s && s < pc[t] ? null : o) });
 };
 let Nn;
 const Pn = "contactFooter_", ou = ({ onSuccess: t = async () => {
 }, onFailure: e = () => {
 } }) => {
-  const n = pe(null), [r, s] = K.useState(0), [i, o] = K.useState(!1), c = () => {
+  const n = pe(null), [r, s] = Y.useState(0), [i, o] = Y.useState(!1), c = () => {
     n.current && s(n.current.clientHeight);
   }, f = () => {
     i || (o(!0), clearTimeout(Nn), Nn = setTimeout(() => {
@@ -7817,7 +7816,7 @@ const Mn = "cookieBanner_", Rn = [
   "apolitical-performance-cookie-consent",
   "functional-cookie-consent"
 ], Fn = new Date(Date.now() + 12 * 30 * 24 * 60 * 60 * 1e3), gc = () => {
-  const t = V(), [e, n, r] = oa(Rn), [s, i] = J(
+  const t = H(), [e, n, r] = oa(Rn), [s, i] = X(
     !e["apol-cookie-banner"]
   ), o = () => {
     Rn.forEach((u) => {
@@ -8236,7 +8235,7 @@ const Xe = "footer_", Gt = "SiteFooter", Kr = ({ group: t }) => {
   },
   doTrack: i = null
 }) => {
-  const o = V(), c = ca(Qt, t);
+  const o = H(), c = ca(Qt, t);
   if (!c || c.onlyShow && (c.onlyShow === "logged-in" && !e || c.onlyShow === "logged-out" && e))
     return null;
   const f = "doTrack" in c, l = i === null ? f ? c.doTrack : !0 : i, u = t.includes("buttons.");
@@ -8246,8 +8245,8 @@ const Xe = "footer_", Gt = "SiteFooter", Kr = ({ group: t }) => {
   if (c.href) {
     let b = c.gtmType || `${t}-click`;
     if (b.includes(".")) {
-      const j = b.split("."), k = j[j.length - 2];
-      b = `${k === "topics" ? `${k}-` : ""}${j[j.length - 1]}`;
+      const k = b.split("."), j = k[k.length - 2];
+      b = `${j === "topics" ? `${j}-` : ""}${k[k.length - 1]}`;
     }
     m = {
       href: c.href,
@@ -8267,17 +8266,17 @@ const Xe = "footer_", Gt = "SiteFooter", Kr = ({ group: t }) => {
   const p = c.order && c.order[0] && c[c.order[0]], g = p && c[c.order[0]].order, _ = m && window.location.pathname === c.href;
   let y = {}, v = {};
   if (p) {
-    const b = c.menuId || t, j = {
-      onClick: (k) => fe.events.onClick(k, { id: b, callback: s, isOpen: r[b] }),
+    const b = c.menuId || t, k = {
+      onClick: (j) => fe.events.onClick(j, { id: b, callback: s, isOpen: r[b] }),
       onFocus: () => fe.events.onFocus({ id: b }),
       onBlur: () => fe.events.onBlur({ id: b, callback: s }),
       onMouseLeave: () => fe.events.onBlur({ id: b, callback: s }),
       onMouseEnter: () => fe.events.onMouseEnter({ id: b, callback: s })
     };
     n && (g && (y = {
-      ...j,
-      onKeyPress: (k) => {
-        k.key === "Enter" && fe.events.onClick(k, { id: b, callback: s, isOpen: r[b] });
+      ...k,
+      onKeyPress: (j) => {
+        j.key === "Enter" && fe.events.onClick(j, { id: b, callback: s, isOpen: r[b] });
       },
       tabIndex: "0",
       // Add a `tabIndex` so keyboard users can focus on the `li`
@@ -8286,7 +8285,7 @@ const Xe = "footer_", Gt = "SiteFooter", Kr = ({ group: t }) => {
       "aria-controls": b
     }), v = { hidden: b in r ? !r[b] : !0 }), g || (v = {
       ...v,
-      ...j
+      ...k
     });
   }
   return /* @__PURE__ */ a.jsxs(
@@ -8301,7 +8300,7 @@ const Xe = "footer_", Gt = "SiteFooter", Kr = ({ group: t }) => {
       role: "none",
       ...y,
       children: [
-        m ? K.createElement(
+        m ? Y.createElement(
           u ? se : "a",
           m,
           o.formatMessage({ id: d })
@@ -8309,7 +8308,7 @@ const Xe = "footer_", Gt = "SiteFooter", Kr = ({ group: t }) => {
         c.order && /* @__PURE__ */ a.jsx("ul", { ...v, children: c.order.map((b) => {
           if (!c[b])
             return null;
-          const j = {
+          const k = {
             isLoggedIn: e,
             isDesktopVersion: n,
             menus: r,
@@ -8324,13 +8323,13 @@ const Xe = "footer_", Gt = "SiteFooter", Kr = ({ group: t }) => {
               }),
               children: [
                 o.formatMessage({ id: `${d}_${b}` }),
-                /* @__PURE__ */ a.jsx("ul", { children: c[b].order.map((k) => /* @__PURE__ */ a.jsx(
+                /* @__PURE__ */ a.jsx("ul", { children: c[b].order.map((j) => /* @__PURE__ */ a.jsx(
                   Jt,
                   {
-                    id: `${t}.${b}.${k}`,
-                    ...j
+                    id: `${t}.${b}.${j}`,
+                    ...k
                   },
-                  k
+                  j
                 )) })
               ]
             },
@@ -8339,7 +8338,7 @@ const Xe = "footer_", Gt = "SiteFooter", Kr = ({ group: t }) => {
             Jt,
             {
               id: `${t}.${b}`,
-              ...j
+              ...k
             },
             b
           );
@@ -8350,7 +8349,7 @@ const Xe = "footer_", Gt = "SiteFooter", Kr = ({ group: t }) => {
   );
 };
 const vc = { height: 67, height_desktop: 83 }, Ha = ({ showNavigation: t = !0 }) => {
-  const e = V(), n = Ee(Ie), r = wt(!0, !0), s = n && typeof n.id == "string", i = xt(
+  const e = H(), n = Ee(Ie), r = wt(!0, !0), s = n && typeof n.id == "string", i = xt(
     () => fe.getIsDesktopVersion(s, r),
     [s, r]
   ), [o, c] = Yn(ma, {
@@ -8526,7 +8525,7 @@ const vc = { height: 67, height_desktop: 83 }, Ha = ({ showNavigation: t = !0 })
   ] });
 };
 const bc = () => {
-  const t = V();
+  const t = H();
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsx(Ha, {}),
     /* @__PURE__ */ a.jsx("div", { id: "content", children: /* @__PURE__ */ a.jsx(
@@ -8578,7 +8577,7 @@ const bc = () => {
               children: y
             }
           ),
-          K.createElement(u === "bold" ? qa : "div", {
+          Y.createElement(u === "bold" ? qa : "div", {
             id: "content",
             children: _,
             className: S({ "large-modal": p === "large" })
@@ -8630,7 +8629,7 @@ const lu = ({
   gtmType: i = "tag-click",
   gtmContext: o = "tags"
 }) => {
-  const c = V();
+  const c = H();
   if (!t || t.length < 1)
     return null;
   const f = [];
@@ -8670,7 +8669,7 @@ const uu = ({
   gtmType: i = "member-click",
   className: o = ""
 }) => {
-  const c = V();
+  const c = H();
   return t.length === 0 ? null : /* @__PURE__ */ a.jsxs("div", { className: S("members-list", o), children: [
     /* @__PURE__ */ a.jsxs("h1", { children: [
       c.formatMessage({ id: "membersList" }),
@@ -8702,11 +8701,11 @@ const du = ({
   styling: o = {},
   className: c = ""
 }) => {
-  const f = V();
+  const f = H();
   let l = s ? n : r;
   l > 99 ? l = 100 : l < 1 && (l = 0);
   const { highlightPercentage: u = !1 } = o;
-  return K.createElement(t, {
+  return Y.createElement(t, {
     className: S("course-progression", c, {
       "highlight-percentage": u,
       "has-circle-graph": i === "circle"
@@ -8745,7 +8744,7 @@ const xc = ({
   subsectionId: n,
   title: r,
   className: s = ""
-}) => K.createElement(t, {
+}) => Y.createElement(t, {
   className: S("lesson-name", s),
   "data-number": `${e}.${n}`,
   children: r
@@ -8758,7 +8757,7 @@ const wc = ({
   type: s,
   children: i
 }) => {
-  const o = V(), c = Qn(`lessonType_${s}`) ? o.formatMessage({ id: `lessonType_${s}` }) : Zs(s || "");
+  const o = H(), c = Qn(`lessonType_${s}`) ? o.formatMessage({ id: `lessonType_${s}` }) : Zs(s || "");
   return /* @__PURE__ */ a.jsxs("small", { className: S("content-type", { [t]: t !== "default" }), children: [
     /* @__PURE__ */ a.jsx("span", { className: S("type", n), children: c }),
     " ",
@@ -8782,7 +8781,7 @@ const fu = ({
   },
   quizScores: u
 }) => {
-  const d = V(), m = "courseStructure_", p = l.toLowerCase().includes("course conclusion");
+  const d = H(), m = "courseStructure_", p = l.toLowerCase().includes("course conclusion");
   return /* @__PURE__ */ a.jsxs(
     Jn,
     {
@@ -8814,14 +8813,14 @@ const fu = ({
             contentType: y,
             icon: v,
             image: b,
-            isIntroduction: j,
-            optional: k,
-            slug: x,
-            subsectionId: q,
+            isIntroduction: k,
+            optional: j,
+            slug: w,
+            subsectionId: I,
             title: R,
-            type: Z
+            type: Q
           }) => {
-            const P = s && e || j, F = {};
+            const C = s && e || k, F = {};
             return b && (F.style = { "--image": `url(${b})` }), /* @__PURE__ */ a.jsx(
               "li",
               {
@@ -8830,13 +8829,13 @@ const fu = ({
                   discussion: y === Et.DISCUSSION,
                   quiz: y === Et.QUIZ,
                   completed: g && y === Et.ARTICLE,
-                  locked: !P
+                  locked: !C
                 }),
                 ...F,
                 children: /* @__PURE__ */ a.jsx(
                   at,
                   {
-                    href: P ? `/microcourses/en/${c}/${x}` : void 0,
+                    href: C ? `/microcourses/en/${c}/${w}` : void 0,
                     fallbackElement: "span",
                     className: "inner",
                     gtmContext: `MicrocourseOutline${zs(R)}`,
@@ -8846,7 +8845,7 @@ const fu = ({
                         xc,
                         {
                           sectionId: i,
-                          subsectionId: q,
+                          subsectionId: I,
                           title: R,
                           className: "course-title"
                         }
@@ -8857,16 +8856,16 @@ const fu = ({
                         {
                           completionTime: _,
                           icon: v,
-                          optional: k,
-                          type: Z,
-                          children: u && u[x] && /* @__PURE__ */ a.jsx("span", { className: "quiz-score", children: `${u[x]}%` })
+                          optional: j,
+                          type: Q,
+                          children: u && u[w] && /* @__PURE__ */ a.jsx("span", { className: "quiz-score", children: `${u[w]}%` })
                         }
                       )
                     ] })
                   }
                 )
               },
-              x
+              w
             );
           }
         ) })
@@ -8879,7 +8878,7 @@ const mu = ({
   onClick: e,
   ...n
 }) => {
-  const r = V();
+  const r = H();
   return n["data-gtm-event-context"] || (n["data-gtm-event-context"] = "LessonIntroduction"), /* @__PURE__ */ a.jsx(
     se,
     {
@@ -8933,10 +8932,10 @@ const we = "discussion_form_", ar = ({
   },
   gtmContext: l = "DiscussionForm"
 }) => {
-  var F, C, E;
-  const u = V(), d = Ee(Ie), [m, p] = J(
+  var F, $, T;
+  const u = H(), d = Ee(Ie), [m, p] = X(
     n.isEditing && n.isEditing.text || ""
-  ), [g, _] = J(c.error || !1), [y, v] = J(!1), b = pe(null);
+  ), [g, _] = X(c.error || !1), [y, v] = X(!1), b = pe(null);
   if (r || (r = b), n.isLoading)
     return /* @__PURE__ */ a.jsx(
       Se,
@@ -8945,87 +8944,87 @@ const we = "discussion_form_", ar = ({
         "data-testid": "loading-placeholder"
       }
     );
-  const j = (w) => {
-    const $ = w.target.value;
-    p($);
-    let I;
-    !d || !d.id ? I = $e(
+  const k = (x) => {
+    const N = x.target.value;
+    p(N);
+    let A;
+    !d || !d.id ? A = $e(
       u.formatMessage,
       `${we}error_loggedOut`,
       t.type,
       "action"
-    ) : e ? $.length >= i && (I = `${we}error_tooLong`) : I = $e(
+    ) : e ? N.length >= i && (A = `${we}error_tooLong`) : A = $e(
       u.formatMessage,
       `${we}error_noPermission`,
       t.type,
       "action"
-    ), I ? _(I) : g && _(!1);
+    ), A ? _(A) : g && _(!1);
   };
-  let k = `${t.type}-form`;
+  let j = `${t.type}-form`;
   if (t.type === "response" || t.type === "reply") {
-    const w = ((F = t.slugs) == null ? void 0 : F.reply) || ((C = t.slugs) == null ? void 0 : C.answer) || ((E = t.slugs) == null ? void 0 : E.question) || "";
-    w && (k = `${k}-${w.slice(-15)}`);
+    const x = ((F = t.slugs) == null ? void 0 : F.reply) || (($ = t.slugs) == null ? void 0 : $.answer) || ((T = t.slugs) == null ? void 0 : T.question) || "";
+    x && (j = `${j}-${x.slice(-15)}`);
   }
-  const x = async (w) => {
-    var I;
-    if (w.preventDefault(), w.stopPropagation(), !d || !d.id || !e || R)
+  const w = async (x) => {
+    var A;
+    if (x.preventDefault(), x.stopPropagation(), !d || !d.id || !e || R)
       return;
     At && clearTimeout(At), v("submitting");
-    const $ = window.location.pathname;
+    const N = window.location.pathname;
     try {
-      let U;
+      let W;
       switch (t.type) {
         case "post":
-          U = await f.create({ content: m });
+          W = await f.create({ content: m });
           break;
         case "question":
-          U = await f.create({
+          W = await f.create({
             title: m,
             authorId: d && d.id,
-            ...(I = f.props) == null ? void 0 : I.create
+            ...(A = f.props) == null ? void 0 : A.create
           });
           break;
         case "response":
-          U = await f.create(
+          W = await f.create(
             { questionSlug: t.slugs.question },
-            { body: m, authorId: d && d.id, contentPath: $ }
+            { body: m, authorId: d && d.id, contentPath: N }
           );
           break;
         case "reply":
-          U = await f.create(
+          W = await f.create(
             { questionSlug: t.slugs.question, answerSlug: t.slugs.answer },
-            { body: m, authorId: d && d.id, contentPath: $ }
+            { body: m, authorId: d && d.id, contentPath: N }
           );
           break;
         default:
           break;
       }
-      await Ks(1e3), f.callback && await f.callback(U), At = setTimeout(() => {
+      await Ks(1e3), f.callback && await f.callback(W), At = setTimeout(() => {
         p(""), v("submitted");
-        const D = new Event("discussionFormSubmitted");
-        document.dispatchEvent(D), q();
+        const Z = new Event("discussionFormSubmitted");
+        document.dispatchEvent(Z), I();
       }, 500);
-    } catch (U) {
-      const D = U;
+    } catch (W) {
+      const Z = W;
       let z = `${we}error`;
-      D != null && D.message.includes("entry already exists") && (z = $e(
+      Z != null && Z.message.includes("entry already exists") && (z = $e(
         u.formatMessage,
         `${we}error_alreadyExists`,
         t.type,
         "action"
-      )), D != null && D.message.includes("429") ? z = $e(
+      )), Z != null && Z.message.includes("429") ? z = $e(
         u.formatMessage,
         `${we}error_tooMany`,
         t.type,
         "action"
-      ) : D != null && D.message.includes("400") && (z = `${we}error`), _(z), q();
+      ) : Z != null && Z.message.includes("400") && (z = `${we}error`), _(z), I();
     }
-  }, q = () => {
+  }, I = () => {
     At = setTimeout(() => {
       _(!1), v(!1);
     }, 5e3);
-  }, R = !m || !ni(m), Z = y === "submitting", P = [];
-  return (n.isEditing && !Z || c.cancel) && P.push({
+  }, R = !m || !ni(m), Q = y === "submitting", C = [];
+  return (n.isEditing && !Q || c.cancel) && C.push({
     variant: "secondary",
     size: { mobile: "small", 600: "medium" },
     onClick: f.handleCancel,
@@ -9034,30 +9033,30 @@ const we = "discussion_form_", ar = ({
     "data-gtm-event-type": `cancel-${t.type}-click`,
     disabled: !c.cancel && (!d || !d.id || !m),
     children: u.formatMessage({ id: `${we}cancel` })
-  }), P.push({
+  }), C.push({
     variant: "primary",
     size: { mobile: "small", 600: "medium" },
-    onClick: (w) => {
+    onClick: (x) => {
       if (n.isEditing) {
         v("submitting"), f.handleSaveEdit && f.handleSaveEdit(
           b.current && "value" in b.current ? b.current.value : ""
         );
         return;
       }
-      x(w);
+      w(x);
     },
     className: "gtm-trackable",
     "data-gtm-event-context": l,
     "data-gtm-event-type": `${n.isEditing ? "save" : "submit"}-${t.type}-click`,
     "data-testid": "save-button",
-    disabled: !d || !d.id || !e || R || Z || n.isEditing && m === n.isEditing.text,
+    disabled: !d || !d.id || !e || R || Q || n.isEditing && m === n.isEditing.text,
     children: u.formatMessage({
-      id: `${we}${Z ? n.isEditing ? "saving" : "posting" : n.isEditing ? "save" : "post"}`
+      id: `${we}${Q ? n.isEditing ? "saving" : "posting" : n.isEditing ? "save" : "post"}`
     })
   }), /* @__PURE__ */ a.jsxs(
     "form",
     {
-      id: k,
+      id: j,
       className: S("discussion-card discussion-form", {
         "no-styling": n.isInWrapper && n.isEditing
       }),
@@ -9072,12 +9071,12 @@ const we = "discussion_form_", ar = ({
             gtmType: "profile-click"
           }
         ),
-        /* @__PURE__ */ a.jsx(be, { element: "label", showOnFocus: !1, htmlFor: `${k}-input`, children: $e(u.formatMessage, `${we}label`, t.type, "action") }),
+        /* @__PURE__ */ a.jsx(be, { element: "label", showOnFocus: !1, htmlFor: `${j}-input`, children: $e(u.formatMessage, `${we}label`, t.type, "action") }),
         /* @__PURE__ */ a.jsx(
           Ms,
           {
             ref: r,
-            id: `${k}-input`,
+            id: `${j}-input`,
             name: t.type,
             placeholder: s || $e(
               u.formatMessage,
@@ -9085,7 +9084,7 @@ const we = "discussion_form_", ar = ({
               t.type,
               "action"
             ),
-            onChange: j,
+            onChange: k,
             value: y === "submitting" && !g ? "" : m,
             maxLength: i,
             "aria-invalid": !!g,
@@ -9095,7 +9094,7 @@ const we = "discussion_form_", ar = ({
           }
         ),
         /* @__PURE__ */ a.jsx("small", { children: $e(u.formatMessage, `${we}explainer`, t.type, "action", {
-          a: (w) => /* @__PURE__ */ a.jsx(
+          a: (x) => /* @__PURE__ */ a.jsx(
             "a",
             {
               href: "https://about.apolitical.co/q-and-a-community-guidelines",
@@ -9104,11 +9103,11 @@ const we = "discussion_form_", ar = ({
               "data-gtm-event-context": l,
               "data-gtm-event-type": "community-guidelines-link",
               rel: "noreferrer",
-              children: w
+              children: x
             }
           )
         }) }),
-        /* @__PURE__ */ a.jsx(jt, { buttons: P }),
+        /* @__PURE__ */ a.jsx(jt, { buttons: C }),
         y === "submitted" && n.showSuccessMessage && /* @__PURE__ */ a.jsx(Wt, { className: "success", "data-testid": "success", children: $e(u.formatMessage, `${we}success`, t.type, "action") }),
         g && /* @__PURE__ */ a.jsx(Wt, { id: "error-message", className: "error", "data-testid": "error", children: c.error ? c.error : typeof g == "string" ? g.includes(" ") ? g : u.formatMessage(
           { id: g },
@@ -9151,7 +9150,7 @@ const we = "discussion_form_", ar = ({
 }, jc = {
   showForm: !1
 }, sr = nn(jc), kc = ({ children: t }) => {
-  const [e, n] = J({
+  const [e, n] = X({
     showForm: !1
   });
   return /* @__PURE__ */ a.jsx(sr.Provider, { value: { ...e, updateConversation: n }, children: t });
@@ -9179,29 +9178,29 @@ const An = () => {
   }, deleteLike: f = () => {
   } } = {}
 }) => {
-  const l = V();
+  const l = H();
   ae(() => {
     p(s);
   }, [s]);
-  const [u, d] = J(e), [m, p] = J(s), [g, _] = J(!1), [y, v] = J(!1), b = xt(
+  const [u, d] = X(e), [m, p] = X(s), [g, _] = X(!1), [y, v] = X(!1), b = xt(
     () => Ec(n, Dn),
     [n]
-  ), j = (x) => {
-    if (x.preventDefault(), x.stopPropagation(), v(!1), bt)
+  ), k = (w) => {
+    if (w.preventDefault(), w.stopPropagation(), v(!1), bt)
       return An(), !1;
     if (An(), g || !o)
       return !1;
-    bt = setTimeout(k, 350);
-  }, k = async () => {
+    bt = setTimeout(j, 350);
+  }, j = async () => {
     if (An(), g || !o)
       return !1;
-    let x = m ? u - 1 : u + 1;
-    x < 0 && (x = 0), _(!0), d(x), p(!m);
+    let w = m ? u - 1 : u + 1;
+    w < 0 && (w = 0), _(!0), d(w), p(!m);
     try {
       if (i && i.slugs) {
-        const q = Tc(i.slugs);
-        m ? await f(q) : await c({
-          ...q,
+        const I = Tc(i.slugs);
+        m ? await f(I) : await c({
+          ...I,
           payload: { contentPath: window.location.pathname }
         });
       }
@@ -9211,13 +9210,13 @@ const An = () => {
       _(!1);
     }
   };
-  return K.createElement(t, {
+  return Y.createElement(t, {
     className: S("likes-wrapper text-medium action-button", {
       "show-spinner": g,
       "is-liked": m,
       disabled: !o
     }),
-    onClick: j,
+    onClick: k,
     onMouseEnter: () => {
       v(!0);
     },
@@ -9248,7 +9247,7 @@ const An = () => {
               })
             }
           ) : !1,
-          onClick: j,
+          onClick: k,
           disabled: !o,
           "aria-hidden": !o,
           "data-testid": "like-button",
@@ -9268,16 +9267,16 @@ const An = () => {
         }
       ),
       n && /* @__PURE__ */ a.jsx(_i, { isOpen: y, isLoading: n.length === 0, children: n.length && /* @__PURE__ */ a.jsxs("ul", { children: [
-        b.map((x) => typeof x == "string" || !x.name ? null : /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
+        b.map((w) => typeof w == "string" || !w.name ? null : /* @__PURE__ */ a.jsx("li", { children: /* @__PURE__ */ a.jsx(
           at,
           {
-            href: x.id ? `/profiles/${x.id}` : void 0,
+            href: w.id ? `/profiles/${w.id}` : void 0,
             gtmContext: "Likes",
             gtmType: "liked-name-click",
-            onClick: (q) => q == null ? void 0 : q.stopPropagation(),
-            children: x.name
+            onClick: (I) => I == null ? void 0 : I.stopPropagation(),
+            children: w.name
           }
-        ) }, x.id || window.btoa(x.name))),
+        ) }, w.id || window.btoa(w.name))),
         e > Dn && /* @__PURE__ */ a.jsx("li", { children: l.formatMessage(
           { id: "discussion_likes_more" },
           { number: e - Dn }
@@ -9321,62 +9320,62 @@ const Me = "discussion_", Cc = 280, cn = ({
   children: _,
   isTruncated: y = !1
 }) => {
-  const v = V(), b = Ee(Ie), j = Ee(sr), { author: k, canLike: x, createdAt: q, id: R, likes: Z = 0, userLiked: P, comments: F = 0 } = e, C = b && b.id && typeof k != "string" && k.id && k.id === b.id || !1, E = typeof x == "boolean" ? x : n ? !C : !1, w = C && (!e.createdAt || Ys(e.createdAt, 10, "seconds")), $ = pe(null), [I, U] = J({
+  const v = H(), b = Ee(Ie), k = Ee(sr), { author: j, canLike: w, createdAt: I, id: R, likes: Q = 0, userLiked: C, comments: F = 0 } = e, $ = b && b.id && typeof j != "string" && j.id && j.id === b.id || !1, T = typeof w == "boolean" ? w : n ? !$ : !1, x = $ && (!e.createdAt || Ys(e.createdAt, 10, "seconds")), N = pe(null), [A, W] = X({
     body: e && e.body || "",
     isEditing: !1,
     didEdit: e && e.isEdited || !1
-  }), [D, z] = J(!1), [X, T] = J(
-    w ? "highlighted" : "default"
+  }), [Z, z] = X(!1), [K, E] = X(
+    x ? "highlighted" : "default"
     /* Default */
-  ), [N, W] = J("");
+  ), [P, q] = X("");
   ae(() => {
-    const O = $.current;
-    if (!(!O || X === "default"))
-      return document.addEventListener("discussionFormSubmitted", B), O.addEventListener("transitionend", H), () => {
-        document.removeEventListener("discussionFormSubmitted", B), O.removeEventListener("transitionend", H);
+    const O = N.current;
+    if (!(!O || K === "default"))
+      return document.addEventListener("discussionFormSubmitted", B), O.addEventListener("transitionend", U), () => {
+        document.removeEventListener("discussionFormSubmitted", B), O.removeEventListener("transitionend", U);
       };
   }, []), ae(() => {
-    U({
-      ...I,
+    W({
+      ...A,
       body: e && e.body || "",
       didEdit: e && e.isEdited || !1
     });
   }, [e.isEdited]);
   const B = () => {
     setTimeout(() => {
-      T(
+      E(
         "fading"
         /* Fading */
       );
     }, 1e3);
-  }, H = ({ propertyName: O }) => {
-    O === "background-color" && T((oe) => (oe === "default" && (document.removeEventListener("discussionFormSubmitted", B), $.current && $.current.removeEventListener("transitionend", H)), oe === "fading" ? "default" : oe));
+  }, U = ({ propertyName: O }) => {
+    O === "background-color" && E((oe) => (oe === "default" && (document.removeEventListener("discussionFormSubmitted", B), N.current && N.current.removeEventListener("transitionend", U)), oe === "fading" ? "default" : oe));
   };
   if (r || !e || e.type === "answer" && (!e.slugs || !e.slugs.question))
     return /* @__PURE__ */ a.jsx(Se, { className: "discussion-card discussion-post" });
-  const te = y ? et(I.body, Cc) : I.body, G = async (O) => {
-    O || (O = ""), W("");
+  const te = y ? et(A.body, Cc) : A.body, G = async (O) => {
+    O || (O = ""), q("");
     try {
-      if (!Rs(O, I.body)) {
+      if (!Rs(O, A.body)) {
         const oe = e.type === "question" ? { title: O } : { body: O };
         await f(Qr(e.slugs), oe);
       }
-      U({ body: O, isEditing: !1, didEdit: !0 });
+      W({ body: O, isEditing: !1, didEdit: !0 });
     } catch {
-      W(`${Me}form_error`);
+      q(`${Me}form_error`);
     }
-  }, Y = () => {
-    j && j.updateConversation && j.updateConversation({ showForm: !0 }), setTimeout(() => {
+  }, V = () => {
+    k && k.updateConversation && k.updateConversation({ showForm: !0 }), setTimeout(() => {
       var Ne, Ce, Ue;
-      const oe = `reply-form-${(e.type === "answer" ? e.slug : ((Ne = e.slugs) == null ? void 0 : Ne.reply) || ((Ce = e.slugs) == null ? void 0 : Ce.answer) || ((Ue = e.slugs) == null ? void 0 : Ue.question) || "").toLowerCase().slice(-15)}`, A = document.getElementById(oe), ve = document.getElementById(`${oe}-input`);
-      ve && ve.focus(), A && A.scrollIntoView({ behavior: "smooth" });
+      const oe = `reply-form-${(e.type === "answer" ? e.slug : ((Ne = e.slugs) == null ? void 0 : Ne.reply) || ((Ce = e.slugs) == null ? void 0 : Ce.answer) || ((Ue = e.slugs) == null ? void 0 : Ue.question) || "").toLowerCase().slice(-15)}`, D = document.getElementById(oe), ve = document.getElementById(`${oe}-input`);
+      ve && ve.focus(), D && D.scrollIntoView({ behavior: "smooth" });
     }, 0);
   }, ee = async () => {
     z(!1);
     try {
       await c(Qr(e.slugs));
     } catch {
-      W("delete-error");
+      q("delete-error");
     }
   }, re = [
     {
@@ -9399,10 +9398,10 @@ const Me = "discussion_", Cc = 280, cn = ({
       icon: "flag"
     }
   ];
-  return n && C && re.push(
+  return n && $ && re.push(
     {
       text: v.formatMessage({ id: `${Me}moreMenu_edit` }),
-      onClick: () => U({ ...I, isEditing: !0 }),
+      onClick: () => W({ ...A, isEditing: !0 }),
       icon: "pencil-paper",
       className: "gtm-trackable",
       "data-gtm-event-context": g,
@@ -9417,13 +9416,13 @@ const Me = "discussion_", Cc = 280, cn = ({
       className: "gtm-trackable",
       "data-gtm-event-context": g,
       "data-gtm-event-type": `delete-${e.type}-click`,
-      ...Xo(`delete-${e.slug}-modal`, D)
+      ...Xo(`delete-${e.slug}-modal`, Z)
     }
-  ), K.createElement(t, {
+  ), Y.createElement(t, {
     className: S("discussion-post", p, {
-      [X]: !p || !p.includes("highlighted-text-box")
+      [K]: !p || !p.includes("highlighted-text-box")
     }),
-    ref: $,
+    ref: N,
     "data-testid": `discussion-${e.type}-thread`,
     children: /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsxs(
@@ -9431,24 +9430,24 @@ const Me = "discussion_", Cc = 280, cn = ({
         {
           id: R || e.slug,
           className: S("discussion-card", e.type, {
-            editing: I.isEditing,
-            "has-link": m.post && !I.isEditing
+            editing: A.isEditing,
+            "has-link": m.post && !A.isEditing
           }),
           onClick: (O) => {
-            !m.post || I.isEditing || (O.preventDefault(), O.stopPropagation(), window.location.href = m.post);
+            !m.post || A.isEditing || (O.preventDefault(), O.stopPropagation(), window.location.href = m.post);
           },
           children: [
-            !I.isEditing && /* @__PURE__ */ a.jsx(
+            !A.isEditing && /* @__PURE__ */ a.jsx(
               tr,
               {
-                member: k,
-                additionalContent: { createdAt: q, didEdit: I.didEdit },
-                className: typeof k != "string" && k.id === s ? "highlighted" : "",
+                member: j,
+                additionalContent: { createdAt: I, didEdit: A.didEdit },
+                className: typeof j != "string" && j.id === s ? "highlighted" : "",
                 gtmContext: g,
                 gtmType: "profile-click"
               }
             ),
-            I.isEditing ? /* @__PURE__ */ a.jsx(
+            A.isEditing ? /* @__PURE__ */ a.jsx(
               ar,
               {
                 content: { type: e.type, slugs: e.slugs },
@@ -9456,12 +9455,12 @@ const Me = "discussion_", Cc = 280, cn = ({
                 meta: {
                   isLoading: r,
                   isInWrapper: !0,
-                  isEditing: { text: I.body }
+                  isEditing: { text: A.body }
                 },
                 maxLength: e.type === "question" ? 250 : 5e4,
                 forceShow: {
-                  error: N !== "" && N !== "delete-error" ? v.formatMessage(
-                    { id: N },
+                  error: P !== "" && P !== "delete-error" ? v.formatMessage(
+                    { id: P },
                     {
                       action: v.formatMessage({
                         id: `discussion_action_${e.type}`
@@ -9473,7 +9472,7 @@ const Me = "discussion_", Cc = 280, cn = ({
                   create: o,
                   handleSaveEdit: G,
                   handleCancel: () => {
-                    W(""), U({ ...I, isEditing: !1 });
+                    q(""), W({ ...A, isEditing: !1 });
                   }
                 },
                 gtmContext: `${g}Form`
@@ -9491,7 +9490,7 @@ const Me = "discussion_", Cc = 280, cn = ({
               Ut,
               {
                 options: {
-                  wrapper: e.type === "question" ? "h1" : K.Fragment,
+                  wrapper: e.type === "question" ? "h1" : Y.Fragment,
                   forceWrapper: e.type === "question",
                   forceInline: e.type === "question",
                   forceBlock: e.type !== "question"
@@ -9499,7 +9498,7 @@ const Me = "discussion_", Cc = 280, cn = ({
                 children: te
               }
             ),
-            !I.isEditing && !(i != null && i.actionBar) && /* @__PURE__ */ a.jsxs(
+            !A.isEditing && !(i != null && i.actionBar) && /* @__PURE__ */ a.jsxs(
               "ul",
               {
                 className: S("actions text-medium", e.type),
@@ -9509,11 +9508,11 @@ const Me = "discussion_", Cc = 280, cn = ({
                     Sc,
                     {
                       element: "li",
-                      likes: Z,
+                      likes: Q,
                       isShort: !1,
-                      userLiked: P,
+                      userLiked: C,
                       content: { type: e.type, slugs: e.slugs },
-                      canLike: E,
+                      canLike: T,
                       peopleWhoLiked: e.peopleWhoLiked,
                       functions: {
                         createLike: l,
@@ -9560,7 +9559,7 @@ const Me = "discussion_", Cc = 280, cn = ({
                       variant: "tertiary",
                       size: "medium",
                       styling: { muted: !0 },
-                      onClick: Y,
+                      onClick: V,
                       children: v.formatMessage({ id: `${Me}reply` })
                     }
                   ) }),
@@ -9583,11 +9582,11 @@ const Me = "discussion_", Cc = 280, cn = ({
         an,
         {
           id: `delete-${e.slug}-modal`,
-          isOpen: D,
+          isOpen: Z,
           functions: { onOpen: () => {
           }, onClose: () => z(!1) },
           forceShow: {
-            error: N === "delete-error" ? v.formatMessage(
+            error: P === "delete-error" ? v.formatMessage(
               { id: "discussion_delete_error" },
               {
                 action: v.formatMessage({
@@ -9632,7 +9631,7 @@ const Me = "discussion_", Cc = 280, cn = ({
   });
 };
 const In = "discussion_responses_", $c = ({ type: t = "answer", responses: e = 0 }) => {
-  const n = V();
+  const n = H();
   return e = parseInt(e), /* @__PURE__ */ a.jsxs("div", { className: "responses-heading", children: [
     /* @__PURE__ */ a.jsx("h4", { children: n.formatMessage(
       { id: `${In}title` },
@@ -9651,7 +9650,7 @@ const Nc = ({
   form: r,
   children: s
 }) => {
-  const i = V(), o = Ee(sr), c = Lt(s, {
+  const i = H(), o = Ee(sr), c = Lt(s, {
     element: "li"
   });
   return /* @__PURE__ */ a.jsxs("div", { className: "thread-wrapper", children: [
@@ -10190,7 +10189,7 @@ const pu = ({
   isMember: n,
   functions: { activities: r, join: s, leave: i }
 }) => {
-  const o = V(), {
+  const o = H(), {
     activities: c,
     error: f,
     fetchNextPage: l,
@@ -10223,63 +10222,63 @@ const pu = ({
         }
       }
     ),
-    c == null ? void 0 : c.map((j, k) => {
-      var I, U, D, z, X, T, N, W;
+    c == null ? void 0 : c.map((k, j) => {
+      var A, W, Z, z, K, E, P, q;
       const {
-        id: x,
-        own_reactions: q,
+        id: w,
+        own_reactions: I,
         latest_reactions: R,
-        reaction_counts: Z
-      } = j, P = (((I = R == null ? void 0 : R.like) == null ? void 0 : I.length) || 0) > 0, F = (((U = q == null ? void 0 : q.like) == null ? void 0 : U.length) || 0) > 0, C = F ? q == null ? void 0 : q.like[0].id : "", E = P ? (D = R == null ? void 0 : R.like) == null ? void 0 : D.map((B) => {
-        var H, te, G;
+        reaction_counts: Q
+      } = k, C = (((A = R == null ? void 0 : R.like) == null ? void 0 : A.length) || 0) > 0, F = (((W = I == null ? void 0 : I.like) == null ? void 0 : W.length) || 0) > 0, $ = F ? I == null ? void 0 : I.like[0].id : "", T = C ? (Z = R == null ? void 0 : R.like) == null ? void 0 : Z.map((B) => {
+        var U, te, G;
         return {
-          id: (H = B == null ? void 0 : B.user) == null ? void 0 : H.id,
+          id: (U = B == null ? void 0 : B.user) == null ? void 0 : U.id,
           name: (G = (te = B == null ? void 0 : B.user) == null ? void 0 : te.data) == null ? void 0 : G.name
         };
-      }) : !1, w = j == null ? void 0 : j.actor, $ = (w == null ? void 0 : w.id) === (v == null ? void 0 : v.id);
+      }) : !1, x = k == null ? void 0 : k.actor, N = (x == null ? void 0 : x.id) === (v == null ? void 0 : v.id);
       return /* @__PURE__ */ a.jsxs(yt, { children: [
         /* @__PURE__ */ a.jsx(
           cn,
           {
             content: {
               type: "post",
-              body: j == null ? void 0 : j.content,
-              canLike: on(n, $),
-              createdAt: (j == null ? void 0 : j.time) || "",
+              body: k == null ? void 0 : k.content,
+              canLike: on(n, N),
+              createdAt: (k == null ? void 0 : k.time) || "",
               slugs: {
                 question: `${t}/${e}`,
-                answer: x
+                answer: w
               },
-              slug: x,
+              slug: w,
               author: {
-                id: w == null ? void 0 : w.id,
-                name: (z = w == null ? void 0 : w.data) == null ? void 0 : z.name,
-                organization: (X = w == null ? void 0 : w.data) == null ? void 0 : X.organization,
-                jobTitle: (T = w == null ? void 0 : w.data) == null ? void 0 : T.jobTitle,
-                location: (N = w == null ? void 0 : w.data) == null ? void 0 : N.location,
+                id: x == null ? void 0 : x.id,
+                name: (z = x == null ? void 0 : x.data) == null ? void 0 : z.name,
+                organization: (K = x == null ? void 0 : x.data) == null ? void 0 : K.organization,
+                jobTitle: (E = x == null ? void 0 : x.data) == null ? void 0 : E.jobTitle,
+                location: (P = x == null ? void 0 : x.data) == null ? void 0 : P.location,
                 image: {
-                  thumbnail: ((W = w == null ? void 0 : w.data) == null ? void 0 : W.thumbnail) || void 0
+                  thumbnail: ((q = x == null ? void 0 : x.data) == null ? void 0 : q.thumbnail) || void 0
                 }
               },
               userLiked: F,
-              likes: (Z == null ? void 0 : Z.like) || 0,
-              comments: (Z == null ? void 0 : Z.reply) || 0,
-              peopleWhoLiked: E
+              likes: (Q == null ? void 0 : Q.like) || 0,
+              comments: (Q == null ? void 0 : Q.reply) || 0,
+              peopleWhoLiked: T
             },
             links: {
-              post: `${t}/${e}/${x}`,
-              comments: `${t}/${e}/${x}`
+              post: `${t}/${e}/${w}`,
+              comments: `${t}/${e}/${w}`
             },
             functions: {
               content: {
                 createContent: () => null,
-                deleteContent: () => g({ activityId: x }),
+                deleteContent: () => g({ activityId: w }),
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                updateContent: (B, { body: H }) => p({ activityId: x, content: H })
+                updateContent: (B, { body: U }) => p({ activityId: w, content: U })
               },
               likes: {
-                createLike: () => _({ activityId: x }),
-                deleteLike: () => y({ activityId: x, reactionId: C })
+                createLike: () => _({ activityId: w }),
+                deleteLike: () => y({ activityId: w, reactionId: $ })
               },
               comments: {
                 openComments: () => null
@@ -10288,8 +10287,8 @@ const pu = ({
             isTruncated: !0
           }
         ),
-        b > k + 1 && /* @__PURE__ */ a.jsx(Ae, {})
-      ] }, x);
+        b > j + 1 && /* @__PURE__ */ a.jsx(Ae, {})
+      ] }, w);
     }),
     !d && /* @__PURE__ */ a.jsx(
       sn,
@@ -11095,24 +11094,24 @@ const ol = ({
         meta: { isEditing: !1, showSuccessMessage: !1 }
       },
       children: o && o.length > 0 ? o == null ? void 0 : o.map((y) => {
-        var I, U, D, z, X, T, N, W, B, H, te, G;
+        var A, W, Z, z, K, E, P, q, B, U, te, G;
         const {
           id: v,
           own_children: b,
-          latest_children: j,
-          children_counts: k
-        } = y, q = (((I = b == null ? void 0 : b.like) == null ? void 0 : I.length) || 0) > 0 ? (U = b == null ? void 0 : b.like) == null ? void 0 : U.find((Y) => {
+          latest_children: k,
+          children_counts: j
+        } = y, I = (((A = b == null ? void 0 : b.like) == null ? void 0 : A.length) || 0) > 0 ? (W = b == null ? void 0 : b.like) == null ? void 0 : W.find((V) => {
           var ee;
-          return ((ee = Y == null ? void 0 : Y.user) == null ? void 0 : ee.id) === (_ == null ? void 0 : _.id);
-        }) : !1, R = q ? q == null ? void 0 : q.id : "", Z = !!q, F = (((D = j == null ? void 0 : j.like) == null ? void 0 : D.length) || 0) > 0 ? (z = j == null ? void 0 : j.like) == null ? void 0 : z.map((Y) => {
+          return ((ee = V == null ? void 0 : V.user) == null ? void 0 : ee.id) === (_ == null ? void 0 : _.id);
+        }) : !1, R = I ? I == null ? void 0 : I.id : "", Q = !!I, F = (((Z = k == null ? void 0 : k.like) == null ? void 0 : Z.length) || 0) > 0 ? (z = k == null ? void 0 : k.like) == null ? void 0 : z.map((V) => {
           var ee, re, O;
           return {
-            id: (ee = Y == null ? void 0 : Y.user) == null ? void 0 : ee.id,
-            name: (O = (re = Y == null ? void 0 : Y.user) == null ? void 0 : re.data) == null ? void 0 : O.name
+            id: (ee = V == null ? void 0 : V.user) == null ? void 0 : ee.id,
+            name: (O = (re = V == null ? void 0 : V.user) == null ? void 0 : re.data) == null ? void 0 : O.name
           };
-        }) : !1, C = y == null ? void 0 : y.user, E = (C == null ? void 0 : C.id) === (_ == null ? void 0 : _.id), w = on(s, E), $ = typeof y.data.content == "string" ? (X = y == null ? void 0 : y.data) == null ? void 0 : X.content : (
+        }) : !1, $ = y == null ? void 0 : y.user, T = ($ == null ? void 0 : $.id) === (_ == null ? void 0 : _.id), x = on(s, T), N = typeof y.data.content == "string" ? (K = y == null ? void 0 : y.data) == null ? void 0 : K.content : (
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          ((N = (T = y == null ? void 0 : y.data) == null ? void 0 : T.content) == null ? void 0 : N.text) || ""
+          ((P = (E = y == null ? void 0 : y.data) == null ? void 0 : E.content) == null ? void 0 : P.text) || ""
         );
         return /* @__PURE__ */ a.jsx(
           cn,
@@ -11120,8 +11119,8 @@ const ol = ({
             content: {
               id: v,
               type: "reply",
-              body: $,
-              canLike: w,
+              body: N,
+              canLike: x,
               createdAt: y == null ? void 0 : y.created_at,
               slugs: {
                 question: `${t}/${e}`,
@@ -11132,17 +11131,17 @@ const ol = ({
               },
               slug: "",
               author: {
-                id: C == null ? void 0 : C.id,
-                name: (W = C.data) == null ? void 0 : W.name,
-                organization: (B = C.data) == null ? void 0 : B.organization,
-                jobTitle: (H = C.data) == null ? void 0 : H.jobTitle,
-                location: (te = C.data) == null ? void 0 : te.location,
+                id: $ == null ? void 0 : $.id,
+                name: (q = $.data) == null ? void 0 : q.name,
+                organization: (B = $.data) == null ? void 0 : B.organization,
+                jobTitle: (U = $.data) == null ? void 0 : U.jobTitle,
+                location: (te = $.data) == null ? void 0 : te.location,
                 image: {
-                  thumbnail: ((G = C.data) == null ? void 0 : G.thumbnail) || void 0
+                  thumbnail: ((G = $.data) == null ? void 0 : G.thumbnail) || void 0
                 }
               },
-              userLiked: Z,
-              likes: (k == null ? void 0 : k.like) || 0,
+              userLiked: Q,
+              likes: (j == null ? void 0 : j.like) || 0,
               peopleWhoLiked: F
             },
             functions: {
@@ -11150,7 +11149,7 @@ const ol = ({
                 createContent: () => null,
                 deleteContent: () => p({ replyId: v }),
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                updateContent: (Y, { body: ee }) => d({ replyId: v, content: ee })
+                updateContent: (V, { body: ee }) => d({ replyId: v, content: ee })
               },
               likes: {
                 createLike: () => m({ replyId: v }),
@@ -11171,7 +11170,7 @@ const ol = ({
   isMember: r,
   functions: { reactions: s, join: i, leave: o }
 }) => {
-  const c = V(), {
+  const c = H(), {
     replies: f,
     repliesCount: l,
     fetchNextPage: u,
@@ -11192,7 +11191,7 @@ const ol = ({
           content: { type: "reply", slugs: {} },
           functions: {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            create: (j, { body: k }) => p({ activityId: n, content: k })
+            create: (k, { body: j }) => p({ activityId: n, content: j })
           },
           meta: { isEditing: !1, showSuccessMessage: !1 },
           placeholder: c.formatMessage({ id: "discussion_responses_placeholder" })
@@ -11206,60 +11205,60 @@ const ol = ({
         }
       }
     ),
-    f == null ? void 0 : f.map((j) => {
-      var z, X, T, N, W, B, H, te, G, Y, ee, re;
-      const { id: k, own_children: x, latest_children: q, children_counts: R } = j, P = (((z = x == null ? void 0 : x.like) == null ? void 0 : z.length) || 0) > 0 ? (X = x == null ? void 0 : x.like) == null ? void 0 : X.find((O) => {
+    f == null ? void 0 : f.map((k) => {
+      var z, K, E, P, q, B, U, te, G, V, ee, re;
+      const { id: j, own_children: w, latest_children: I, children_counts: R } = k, C = (((z = w == null ? void 0 : w.like) == null ? void 0 : z.length) || 0) > 0 ? (K = w == null ? void 0 : w.like) == null ? void 0 : K.find((O) => {
         var oe;
         return ((oe = O == null ? void 0 : O.user) == null ? void 0 : oe.id) === (b == null ? void 0 : b.id);
-      }) : !1, F = P ? P == null ? void 0 : P.id : "", C = !!P, w = (((T = q == null ? void 0 : q.like) == null ? void 0 : T.length) || 0) > 0 ? (N = q == null ? void 0 : q.like) == null ? void 0 : N.map((O) => {
-        var oe, A, ve;
+      }) : !1, F = C ? C == null ? void 0 : C.id : "", $ = !!C, x = (((E = I == null ? void 0 : I.like) == null ? void 0 : E.length) || 0) > 0 ? (P = I == null ? void 0 : I.like) == null ? void 0 : P.map((O) => {
+        var oe, D, ve;
         return {
           id: (oe = O == null ? void 0 : O.user) == null ? void 0 : oe.id,
-          name: (ve = (A = O == null ? void 0 : O.user) == null ? void 0 : A.data) == null ? void 0 : ve.name
+          name: (ve = (D = O == null ? void 0 : O.user) == null ? void 0 : D.data) == null ? void 0 : ve.name
         };
-      }) : !1, $ = j == null ? void 0 : j.user, I = ($ == null ? void 0 : $.id) === (b == null ? void 0 : b.id), U = on(r, I), D = typeof j.data.content == "string" ? (W = j == null ? void 0 : j.data) == null ? void 0 : W.content : (
+      }) : !1, N = k == null ? void 0 : k.user, A = (N == null ? void 0 : N.id) === (b == null ? void 0 : b.id), W = on(r, A), Z = typeof k.data.content == "string" ? (q = k == null ? void 0 : k.data) == null ? void 0 : q.content : (
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        ((H = (B = j == null ? void 0 : j.data) == null ? void 0 : B.content) == null ? void 0 : H.text) || ""
+        ((U = (B = k == null ? void 0 : k.data) == null ? void 0 : B.content) == null ? void 0 : U.text) || ""
       );
       return /* @__PURE__ */ a.jsx(kc, { children: /* @__PURE__ */ a.jsx(
         cn,
         {
           content: {
-            id: k,
+            id: j,
             type: "reply",
-            body: D,
-            canLike: U,
-            createdAt: j == null ? void 0 : j.created_at,
+            body: Z,
+            canLike: W,
+            createdAt: k == null ? void 0 : k.created_at,
             slugs: {
               question: `${t}/${e}`,
               answer: n,
-              reply: k
+              reply: j
             },
-            slug: k,
+            slug: j,
             author: {
-              id: $ == null ? void 0 : $.id,
-              name: (te = $.data) == null ? void 0 : te.name,
-              organization: (G = $.data) == null ? void 0 : G.organization,
-              jobTitle: (Y = $.data) == null ? void 0 : Y.jobTitle,
-              location: (ee = $.data) == null ? void 0 : ee.location,
+              id: N == null ? void 0 : N.id,
+              name: (te = N.data) == null ? void 0 : te.name,
+              organization: (G = N.data) == null ? void 0 : G.organization,
+              jobTitle: (V = N.data) == null ? void 0 : V.jobTitle,
+              location: (ee = N.data) == null ? void 0 : ee.location,
               image: {
-                thumbnail: ((re = $.data) == null ? void 0 : re.thumbnail) || void 0
+                thumbnail: ((re = N.data) == null ? void 0 : re.thumbnail) || void 0
               }
             },
-            userLiked: C,
+            userLiked: $,
             likes: (R == null ? void 0 : R.like) || 0,
-            peopleWhoLiked: w
+            peopleWhoLiked: x
           },
           functions: {
             content: {
               createContent: () => null,
-              deleteContent: () => y({ replyId: k }),
+              deleteContent: () => y({ replyId: j }),
               // eslint-disable-next-line @typescript-eslint/no-explicit-any
-              updateContent: (O, { body: oe }) => g({ replyId: k, content: oe })
+              updateContent: (O, { body: oe }) => g({ replyId: j, content: oe })
             },
             likes: {
-              createLike: () => _({ replyId: k }),
-              deleteLike: () => v({ replyId: k, reactionId: F })
+              createLike: () => _({ replyId: j }),
+              deleteLike: () => v({ replyId: j, reactionId: F })
             },
             comments: {}
           },
@@ -11269,7 +11268,7 @@ const ol = ({
               basePath: t,
               parentId: e,
               activityId: n,
-              replyId: k,
+              replyId: j,
               isMember: r,
               functions: {
                 ...s
@@ -11277,8 +11276,8 @@ const ol = ({
             }
           )
         },
-        k
-      ) }, k);
+        j
+      ) }, j);
     }),
     !m && /* @__PURE__ */ a.jsx(
       sn,
@@ -11399,8 +11398,8 @@ const gu = ({
     leave: f
   }
 }) => {
-  var P, F, C, E, w, $, I, U, D, z;
-  const l = V(), u = Ee(Ie), {
+  var C, F, $, T, x, N, A, W, Z, z;
+  const l = H(), u = Ee(Ie), {
     activity: d,
     error: m,
     isLoading: p,
@@ -11419,13 +11418,13 @@ const gu = ({
         text: l.formatMessage({ id: "activitySection_notFoundError" })
       }
     );
-  const { own_reactions: v, latest_reactions: b } = d, j = (((P = b == null ? void 0 : b.like) == null ? void 0 : P.length) || 0) > 0, k = (((F = v == null ? void 0 : v.like) == null ? void 0 : F.length) || 0) > 0, x = k ? v == null ? void 0 : v.like[0].id : "", q = j ? (C = b == null ? void 0 : b.like) == null ? void 0 : C.map((X) => {
-    var T, N, W;
+  const { own_reactions: v, latest_reactions: b } = d, k = (((C = b == null ? void 0 : b.like) == null ? void 0 : C.length) || 0) > 0, j = (((F = v == null ? void 0 : v.like) == null ? void 0 : F.length) || 0) > 0, w = j ? v == null ? void 0 : v.like[0].id : "", I = k ? ($ = b == null ? void 0 : b.like) == null ? void 0 : $.map((K) => {
+    var E, P, q;
     return {
-      id: (T = X == null ? void 0 : X.user) == null ? void 0 : T.id,
-      name: (W = (N = X == null ? void 0 : X.user) == null ? void 0 : N.data) == null ? void 0 : W.name
+      id: (E = K == null ? void 0 : K.user) == null ? void 0 : E.id,
+      name: (q = (P = K == null ? void 0 : K.user) == null ? void 0 : P.data) == null ? void 0 : q.name
     };
-  }) : !1, R = d == null ? void 0 : d.actor, Z = (R == null ? void 0 : R.id) === (u == null ? void 0 : u.id);
+  }) : !1, R = d == null ? void 0 : d.actor, Q = (R == null ? void 0 : R.id) === (u == null ? void 0 : u.id);
   return /* @__PURE__ */ a.jsxs("section", { className: "activity-section", children: [
     /* @__PURE__ */ a.jsx(
       cn,
@@ -11435,7 +11434,7 @@ const gu = ({
           id: n,
           type: "post",
           body: d == null ? void 0 : d.content,
-          canLike: on(r, Z),
+          canLike: on(r, Q),
           createdAt: (d == null ? void 0 : d.time) || "",
           slugs: {
             question: `${t}/${e}`,
@@ -11444,18 +11443,18 @@ const gu = ({
           slug: n,
           author: {
             id: R.id,
-            name: (E = R.data) == null ? void 0 : E.name,
-            organization: (w = R.data) == null ? void 0 : w.organization,
-            jobTitle: ($ = R.data) == null ? void 0 : $.jobTitle,
-            location: (I = R.data) == null ? void 0 : I.location,
+            name: (T = R.data) == null ? void 0 : T.name,
+            organization: (x = R.data) == null ? void 0 : x.organization,
+            jobTitle: (N = R.data) == null ? void 0 : N.jobTitle,
+            location: (A = R.data) == null ? void 0 : A.location,
             image: {
-              thumbnail: ((U = R.data) == null ? void 0 : U.thumbnail) || void 0
+              thumbnail: ((W = R.data) == null ? void 0 : W.thumbnail) || void 0
             }
           },
-          userLiked: k,
-          likes: ((D = d == null ? void 0 : d.reaction_counts) == null ? void 0 : D.like) || 0,
+          userLiked: j,
+          likes: ((Z = d == null ? void 0 : d.reaction_counts) == null ? void 0 : Z.like) || 0,
           comments: ((z = d == null ? void 0 : d.reaction_counts) == null ? void 0 : z.reply) || 0,
-          peopleWhoLiked: q
+          peopleWhoLiked: I
         },
         originalAuthorId: R == null ? void 0 : R.id,
         forceHide: { comments: !0 },
@@ -11464,11 +11463,11 @@ const gu = ({
             createContent: () => null,
             deleteContent: s,
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            updateContent: (X, { body: T }) => g({ content: T })
+            updateContent: (K, { body: E }) => g({ content: E })
           },
           likes: {
             createLike: () => _({ activityId: n }),
-            deleteLike: () => y({ activityId: n, reactionId: x })
+            deleteLike: () => y({ activityId: n, reactionId: w })
           },
           comments: {
             openComments: () => {
@@ -11547,7 +11546,7 @@ const gu = ({
   }
 ];
 const Dt = "notFoundError_", bu = () => {
-  const t = V(), e = [];
+  const t = H(), e = [];
   return aa.forEach((n, r) => {
     n.title = t.formatMessage({ id: `${Dt}post_${r + 1}` }), e.push("solutionArticle");
   }), /* @__PURE__ */ a.jsxs(