@apolitical/component-library 1.16.0 → 1.17.0

package/index.mjs

@@ -1,22 +1,22 @@
-import D, { memo as We, useState as R, useEffect as G, useRef as ae, useMemo as bt, Children as Vt, createContext as Kt, useContext as we, Fragment as Yt, useCallback as Ae, useReducer as ws, Suspense as ks } from "react";
-import js from "lodash.clonedeep";
-import ys from "lodash.set";
-import { useIntl as C, IntlProvider as Es, createIntl as Ss, FormattedMessage as Pe } from "react-intl";
+import P, { memo as We, useState as A, useEffect as Y, useRef as ae, useMemo as bt, Children as Vt, createContext as Kt, useContext as we, Fragment as Yt, useCallback as Ae, useReducer as vs, Suspense as ws } from "react";
+import ks from "lodash.clonedeep";
+import js from "lodash.set";
+import { useIntl as C, IntlProvider as ys, createIntl as Es, FormattedMessage as De } from "react-intl";
 import He from "truncate";
 import vt from "markdown-to-jsx";
-import { QueryClient as $s, QueryClientProvider as Ts, useMutation as ne, useQueryClient as wt, useQuery as Pn } from "@tanstack/react-query";
-import { ReactQueryDevtools as Ms } from "@tanstack/react-query-devtools";
+import { QueryClient as Ss, QueryClientProvider as $s, useMutation as ne, useQueryClient as wt, useInfiniteQuery as Ts, useQuery as Ms } from "@tanstack/react-query";
+import { ReactQueryDevtools as Ns } from "@tanstack/react-query-devtools";
 import dt from "posthog-js";
-import { CookiesProvider as Cs, useCookies as Ns } from "react-cookie";
+import { CookiesProvider as Cs, useCookies as Ps } from "react-cookie";
 import { ReactMultiEmail as Ds } from "react-multi-email";
-import Rn from "lodash.get";
-import { ErrorBoundary as Ps } from "react-error-boundary";
-import Rs from "react-textarea-autosize";
-import As from "lodash.isequal";
-function Fs(e) {
+import Pn from "lodash.get";
+import { ErrorBoundary as Rs } from "react-error-boundary";
+import As from "react-textarea-autosize";
+import Fs from "lodash.isequal";
+function Ls(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var An = { exports: {} };
+var Dn = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -51,9 +51,9 @@ var An = { exports: {} };
     }
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(An);
-var Ls = An.exports;
-const E = /* @__PURE__ */ Fs(Ls), Is = ({ element: e = "span", showOnFocus: t = !0, children: n, ...r }) => D.createElement(e, { ...r, className: E("hidden", { "show-on-focus": t }), children: n }), ue = We(Is), Os = ({ element: e = "span", children: t = null, ...n }) => D.createElement(e, { ...n, "aria-hidden": !0 }, t), Fn = We(Os);
+})(Dn);
+var Is = Dn.exports;
+const E = /* @__PURE__ */ Ls(Is), Os = ({ element: e = "span", showOnFocus: t = !0, children: n, ...r }) => P.createElement(e, { ...r, className: E("hidden", { "show-on-focus": t }), children: n }), me = We(Os), Bs = ({ element: e = "span", children: t = null, ...n }) => P.createElement(e, { ...n, "aria-hidden": !0 }, t), Rn = We(Bs);
 var Gt = { exports: {} }, Ye = {};
 /**
  * @license React
@@ -64,12 +64,12 @@ var Gt = { exports: {} }, Ye = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var _n;
-function Bs() {
-  if (_n)
+var gn;
+function Hs() {
+  if (gn)
     return Ye;
-  _n = 1;
-  var e = D, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+  gn = 1;
+  var e = P, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
   function l(a, u, c) {
     var m, d = {}, p = null, h = null;
     c !== void 0 && (p = "" + c), u.key !== void 0 && (p = "" + u.key), u.ref !== void 0 && (h = u.ref);
@@ -92,42 +92,42 @@ var Ge = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var xn;
-function Hs() {
-  return xn || (xn = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = D, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), a = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), g = Symbol.iterator, v = "@@iterator";
-    function _(f) {
+var _n;
+function Qs() {
+  return _n || (_n = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = P, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), a = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), g = Symbol.iterator, v = "@@iterator";
+    function w(f) {
       if (f === null || typeof f != "object")
         return null;
       var j = g && f[g] || f[v];
       return typeof j == "function" ? j : null;
     }
     var y = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function w(f) {
+    function x(f) {
       {
         for (var j = arguments.length, S = new Array(j > 1 ? j - 1 : 0), T = 1; T < j; T++)
           S[T - 1] = arguments[T];
-        x("error", f, S);
+        _("error", f, S);
       }
     }
-    function x(f, j, S) {
+    function _(f, j, S) {
       {
         var T = y.ReactDebugCurrentFrame, H = T.getStackAddendum();
         H !== "" && (j += "%s", S = S.concat([H]));
-        var z = S.map(function(I) {
-          return String(I);
+        var W = S.map(function(O) {
+          return String(O);
         });
-        z.unshift("Warning: " + j), Function.prototype.apply.call(console[f], console, z);
+        W.unshift("Warning: " + j), Function.prototype.apply.call(console[f], console, W);
       }
     }
-    var $ = !1, M = !1, A = !1, N = !1, O = !1, Q;
-    Q = Symbol.for("react.module.reference");
+    var $ = !1, N = !1, D = !1, G = !1, B = !1, M;
+    M = Symbol.for("react.module.reference");
     function F(f) {
-      return !!(typeof f == "string" || typeof f == "function" || f === r || f === i || O || f === o || f === c || f === m || N || f === h || $ || M || A || typeof f == "object" && f !== null && (f.$$typeof === p || f.$$typeof === d || f.$$typeof === l || f.$$typeof === a || f.$$typeof === u || // This needs to include all possible module reference object
+      return !!(typeof f == "string" || typeof f == "function" || f === r || f === i || B || f === o || f === c || f === m || G || f === h || $ || N || D || typeof f == "object" && f !== null && (f.$$typeof === p || f.$$typeof === d || f.$$typeof === l || f.$$typeof === a || f.$$typeof === u || // 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.
-      f.$$typeof === Q || f.getModuleId !== void 0));
+      f.$$typeof === M || f.getModuleId !== void 0));
     }
     function b(f, j, S) {
       var T = f.displayName;
@@ -136,13 +136,13 @@ function Hs() {
       var H = j.displayName || j.name || "";
       return H !== "" ? S + "(" + H + ")" : S;
     }
-    function V(f) {
+    function z(f) {
       return f.displayName || "Context";
     }
     function k(f) {
       if (f == null)
         return null;
-      if (typeof f.tag == "number" && w("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof f == "function")
+      if (typeof f.tag == "number" && x("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof f == "function")
         return f.displayName || f.name || null;
       if (typeof f == "string")
         return f;
@@ -164,19 +164,19 @@ function Hs() {
         switch (f.$$typeof) {
           case a:
             var j = f;
-            return V(j) + ".Consumer";
+            return z(j) + ".Consumer";
           case l:
             var S = f;
-            return V(S._context) + ".Provider";
+            return z(S._context) + ".Provider";
           case u:
             return b(f, f.render, "ForwardRef");
           case d:
             var T = f.displayName || null;
             return T !== null ? T : k(f.type) || "Memo";
           case p: {
-            var H = f, z = H._payload, I = H._init;
+            var H = f, W = H._payload, O = H._init;
             try {
-              return k(I(z));
+              return k(O(W));
             } catch {
               return null;
             }
@@ -184,18 +184,18 @@ function Hs() {
         }
       return null;
     }
-    var L = Object.assign, J = 0, q, ie, Y, se, ce, le, pe;
-    function B() {
+    var L = Object.assign, J = 0, q, ce, le, de, V, se, oe;
+    function I() {
     }
-    B.__reactDisabledLog = !0;
-    function de() {
+    I.__reactDisabledLog = !0;
+    function ue() {
       {
         if (J === 0) {
-          q = console.log, ie = console.info, Y = console.warn, se = console.error, ce = console.group, le = console.groupCollapsed, pe = console.groupEnd;
+          q = console.log, ce = console.info, le = console.warn, de = console.error, V = console.group, se = console.groupCollapsed, oe = console.groupEnd;
           var f = {
             configurable: !0,
             enumerable: !0,
-            value: B,
+            value: I,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -224,29 +224,29 @@ function Hs() {
               value: q
             }),
             info: L({}, f, {
-              value: ie
+              value: ce
             }),
             warn: L({}, f, {
-              value: Y
+              value: le
             }),
             error: L({}, f, {
-              value: se
+              value: de
             }),
             group: L({}, f, {
-              value: ce
+              value: V
             }),
             groupCollapsed: L({}, f, {
-              value: le
+              value: se
             }),
             groupEnd: L({}, f, {
-              value: pe
+              value: oe
             })
           });
         }
-        J < 0 && w("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        J < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var me = y.ReactCurrentDispatcher, ke;
+    var fe = y.ReactCurrentDispatcher, ke;
     function xe(f, j, S) {
       {
         if (ke === void 0)
@@ -277,31 +277,31 @@ function Hs() {
       je = !0;
       var H = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var z;
-      z = me.current, me.current = null, de();
+      var W;
+      W = fe.current, fe.current = null, ue();
       try {
         if (j) {
-          var I = function() {
+          var O = function() {
             throw Error();
           };
-          if (Object.defineProperty(I.prototype, "props", {
+          if (Object.defineProperty(O.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(I, []);
+              Reflect.construct(O, []);
             } catch (Me) {
               T = Me;
             }
-            Reflect.construct(f, [], I);
+            Reflect.construct(f, [], O);
           } else {
             try {
-              I.call();
+              O.call();
             } catch (Me) {
               T = Me;
             }
-            f.call(I.prototype);
+            f.call(O.prototype);
           }
         } else {
           try {
@@ -313,17 +313,17 @@ function Hs() {
         }
       } catch (Me) {
         if (Me && T && typeof Me.stack == "string") {
-          for (var P = Me.stack.split(`
-`), he = T.stack.split(`
-`), X = P.length - 1, te = he.length - 1; X >= 1 && te >= 0 && P[X] !== he[te]; )
+          for (var R = Me.stack.split(`
+`), pe = T.stack.split(`
+`), X = R.length - 1, te = pe.length - 1; X >= 1 && te >= 0 && R[X] !== pe[te]; )
             te--;
           for (; X >= 1 && te >= 0; X--, te--)
-            if (P[X] !== he[te]) {
+            if (R[X] !== pe[te]) {
               if (X !== 1 || te !== 1)
                 do
-                  if (X--, te--, te < 0 || P[X] !== he[te]) {
+                  if (X--, te--, te < 0 || R[X] !== pe[te]) {
                     var ye = `
-` + P[X].replace(" at new ", " at ");
+` + R[X].replace(" at new ", " at ");
                     return f.displayName && ye.includes("<anonymous>") && (ye = ye.replace("<anonymous>", f.displayName)), typeof f == "function" && be.set(f, ye), ye;
                   }
                 while (X >= 1 && te >= 0);
@@ -331,19 +331,19 @@ function Hs() {
             }
         }
       } finally {
-        je = !1, me.current = z, _e(), Error.prepareStackTrace = H;
+        je = !1, fe.current = W, _e(), Error.prepareStackTrace = H;
       }
-      var Oe = f ? f.displayName || f.name : "", gn = Oe ? xe(Oe) : "";
-      return typeof f == "function" && be.set(f, gn), gn;
+      var Oe = f ? f.displayName || f.name : "", pn = Oe ? xe(Oe) : "";
+      return typeof f == "function" && be.set(f, pn), pn;
     }
-    function fe(f, j, S) {
+    function he(f, j, S) {
       return re(f, !1);
     }
     function K(f) {
       var j = f.prototype;
       return !!(j && j.isReactComponent);
     }
-    function oe(f, j, S) {
+    function ie(f, j, S) {
       if (f == null)
         return "";
       if (typeof f == "function")
@@ -359,43 +359,43 @@ function Hs() {
       if (typeof f == "object")
         switch (f.$$typeof) {
           case u:
-            return fe(f.render);
+            return he(f.render);
           case d:
-            return oe(f.type, j, S);
+            return ie(f.type, j, S);
           case p: {
-            var T = f, H = T._payload, z = T._init;
+            var T = f, H = T._payload, W = T._init;
             try {
-              return oe(z(H), j, S);
+              return ie(W(H), j, S);
             } catch {
             }
           }
         }
       return "";
     }
-    var ve = Object.prototype.hasOwnProperty, De = {}, ze = y.ReactDebugCurrentFrame;
+    var ve = Object.prototype.hasOwnProperty, Pe = {}, ze = y.ReactDebugCurrentFrame;
     function Fe(f) {
       if (f) {
-        var j = f._owner, S = oe(f.type, f._source, j ? j.type : null);
+        var j = f._owner, S = ie(f.type, f._source, j ? j.type : null);
         ze.setExtraStackFrame(S);
       } else
         ze.setExtraStackFrame(null);
     }
     function et(f, j, S, T, H) {
       {
-        var z = Function.call.bind(ve);
-        for (var I in f)
-          if (z(f, I)) {
-            var P = void 0;
+        var W = Function.call.bind(ve);
+        for (var O in f)
+          if (W(f, O)) {
+            var R = void 0;
             try {
-              if (typeof f[I] != "function") {
-                var he = Error((T || "React class") + ": " + S + " type `" + I + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof f[I] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw he.name = "Invariant Violation", he;
+              if (typeof f[O] != "function") {
+                var pe = Error((T || "React class") + ": " + S + " type `" + O + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof f[O] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw pe.name = "Invariant Violation", pe;
               }
-              P = f[I](j, I, T, S, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              R = f[O](j, O, T, S, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (X) {
-              P = X;
+              R = X;
             }
-            P && !(P instanceof Error) && (Fe(H), w("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", T || "React class", S, I, typeof P), Fe(null)), P instanceof Error && !(P.message in De) && (De[P.message] = !0, Fe(H), w("Failed %s type: %s", S, P.message), Fe(null));
+            R && !(R instanceof Error) && (Fe(H), x("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", T || "React class", S, O, typeof R), Fe(null)), R instanceof Error && !(R.message in Pe) && (Pe[R.message] = !0, Fe(H), x("Failed %s type: %s", S, R.message), Fe(null));
           }
       }
     }
@@ -419,18 +419,18 @@ function Hs() {
     function nt(f) {
       return "" + f;
     }
-    function on(f) {
+    function an(f) {
       if (tt(f))
-        return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Le(f)), nt(f);
+        return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Le(f)), nt(f);
     }
-    var Ve = y.ReactCurrentOwner, as = {
+    var Ve = y.ReactCurrentOwner, rs = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, cn, ln, Tt;
+    }, on, cn, Tt;
     Tt = {};
-    function os(f) {
+    function as(f) {
       if (ve.call(f, "ref")) {
         var j = Object.getOwnPropertyDescriptor(f, "ref").get;
         if (j && j.isReactWarning)
@@ -438,7 +438,7 @@ function Hs() {
       }
       return f.ref !== void 0;
     }
-    function is(f) {
+    function os(f) {
       if (ve.call(f, "key")) {
         var j = Object.getOwnPropertyDescriptor(f, "key").get;
         if (j && j.isReactWarning)
@@ -446,16 +446,16 @@ function Hs() {
       }
       return f.key !== void 0;
     }
-    function cs(f, j) {
+    function is(f, j) {
       if (typeof f.ref == "string" && Ve.current && j && Ve.current.stateNode !== j) {
         var S = k(Ve.current.type);
-        Tt[S] || (w('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', k(Ve.current.type), f.ref), Tt[S] = !0);
+        Tt[S] || (x('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', k(Ve.current.type), f.ref), Tt[S] = !0);
       }
     }
-    function ls(f, j) {
+    function cs(f, j) {
       {
         var S = function() {
-          cn || (cn = !0, w("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", j));
+          on || (on = !0, x("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", j));
         };
         S.isReactWarning = !0, Object.defineProperty(f, "key", {
           get: S,
@@ -463,10 +463,10 @@ function Hs() {
         });
       }
     }
-    function ds(f, j) {
+    function ls(f, j) {
       {
         var S = function() {
-          ln || (ln = !0, w("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", j));
+          cn || (cn = !0, x("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", j));
         };
         S.isReactWarning = !0, Object.defineProperty(f, "ref", {
           get: S,
@@ -474,67 +474,67 @@ function Hs() {
         });
       }
     }
-    var us = function(f, j, S, T, H, z, I) {
-      var P = {
+    var ds = function(f, j, S, T, H, W, O) {
+      var R = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: f,
         key: j,
         ref: S,
-        props: I,
+        props: O,
         // Record the component responsible for creating this element.
-        _owner: z
+        _owner: W
       };
-      return P._store = {}, Object.defineProperty(P._store, "validated", {
+      return R._store = {}, Object.defineProperty(R._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(P, "_self", {
+      }), Object.defineProperty(R, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: T
-      }), Object.defineProperty(P, "_source", {
+      }), Object.defineProperty(R, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: H
-      }), Object.freeze && (Object.freeze(P.props), Object.freeze(P)), P;
+      }), Object.freeze && (Object.freeze(R.props), Object.freeze(R)), R;
     };
-    function ms(f, j, S, T, H) {
+    function us(f, j, S, T, H) {
       {
-        var z, I = {}, P = null, he = null;
-        S !== void 0 && (on(S), P = "" + S), is(j) && (on(j.key), P = "" + j.key), os(j) && (he = j.ref, cs(j, H));
-        for (z in j)
-          ve.call(j, z) && !as.hasOwnProperty(z) && (I[z] = j[z]);
+        var W, O = {}, R = null, pe = null;
+        S !== void 0 && (an(S), R = "" + S), os(j) && (an(j.key), R = "" + j.key), as(j) && (pe = j.ref, is(j, H));
+        for (W in j)
+          ve.call(j, W) && !rs.hasOwnProperty(W) && (O[W] = j[W]);
         if (f && f.defaultProps) {
           var X = f.defaultProps;
-          for (z in X)
-            I[z] === void 0 && (I[z] = X[z]);
+          for (W in X)
+            O[W] === void 0 && (O[W] = X[W]);
         }
-        if (P || he) {
+        if (R || pe) {
           var te = typeof f == "function" ? f.displayName || f.name || "Unknown" : f;
-          P && ls(I, te), he && ds(I, te);
+          R && cs(O, te), pe && ls(O, te);
         }
-        return us(f, P, he, H, T, Ve.current, I);
+        return ds(f, R, pe, H, T, Ve.current, O);
       }
     }
-    var Mt = y.ReactCurrentOwner, dn = y.ReactDebugCurrentFrame;
+    var Mt = y.ReactCurrentOwner, ln = y.ReactDebugCurrentFrame;
     function Ie(f) {
       if (f) {
-        var j = f._owner, S = oe(f.type, f._source, j ? j.type : null);
-        dn.setExtraStackFrame(S);
+        var j = f._owner, S = ie(f.type, f._source, j ? j.type : null);
+        ln.setExtraStackFrame(S);
       } else
-        dn.setExtraStackFrame(null);
+        ln.setExtraStackFrame(null);
     }
-    var Ct;
-    Ct = !1;
-    function Nt(f) {
+    var Nt;
+    Nt = !1;
+    function Ct(f) {
       return typeof f == "object" && f !== null && f.$$typeof === t;
     }
-    function un() {
+    function dn() {
       {
         if (Mt.current) {
           var f = k(Mt.current.type);
@@ -546,7 +546,7 @@ Check the render method of \`` + f + "`.";
         return "";
       }
     }
-    function fs(f) {
+    function ms(f) {
       {
         if (f !== void 0) {
           var j = f.fileName.replace(/^.*[\\\/]/, ""), S = f.lineNumber;
@@ -557,10 +557,10 @@ Check your code at ` + j + ":" + S + ".";
         return "";
       }
     }
-    var mn = {};
-    function hs(f) {
+    var un = {};
+    function fs(f) {
       {
-        var j = un();
+        var j = dn();
         if (!j) {
           var S = typeof f == "string" ? f : f.displayName || f.name;
           S && (j = `
@@ -570,39 +570,39 @@ Check the top-level render call using <` + S + ">.");
         return j;
       }
     }
-    function fn(f, j) {
+    function mn(f, j) {
       {
         if (!f._store || f._store.validated || f.key != null)
           return;
         f._store.validated = !0;
-        var S = hs(j);
-        if (mn[S])
+        var S = fs(j);
+        if (un[S])
           return;
-        mn[S] = !0;
+        un[S] = !0;
         var T = "";
-        f && f._owner && f._owner !== Mt.current && (T = " It was passed a child from " + k(f._owner.type) + "."), Ie(f), w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', S, T), Ie(null);
+        f && f._owner && f._owner !== Mt.current && (T = " It was passed a child from " + k(f._owner.type) + "."), Ie(f), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', S, T), Ie(null);
       }
     }
-    function hn(f, j) {
+    function fn(f, j) {
       {
         if (typeof f != "object")
           return;
         if (Ee(f))
           for (var S = 0; S < f.length; S++) {
             var T = f[S];
-            Nt(T) && fn(T, j);
+            Ct(T) && mn(T, j);
           }
-        else if (Nt(f))
+        else if (Ct(f))
           f._store && (f._store.validated = !0);
         else if (f) {
-          var H = _(f);
+          var H = w(f);
           if (typeof H == "function" && H !== f.entries)
-            for (var z = H.call(f), I; !(I = z.next()).done; )
-              Nt(I.value) && fn(I.value, j);
+            for (var W = H.call(f), O; !(O = W.next()).done; )
+              Ct(O.value) && mn(O.value, j);
         }
       }
     }
-    function ps(f) {
+    function hs(f) {
       {
         var j = f.type;
         if (j == null || typeof j == "string")
@@ -619,159 +619,159 @@ Check the top-level render call using <` + S + ">.");
         if (S) {
           var T = k(j);
           et(S, f.props, "prop", T, f);
-        } else if (j.PropTypes !== void 0 && !Ct) {
-          Ct = !0;
+        } else if (j.PropTypes !== void 0 && !Nt) {
+          Nt = !0;
           var H = k(j);
-          w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", H || "Unknown");
+          x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", H || "Unknown");
         }
-        typeof j.getDefaultProps == "function" && !j.getDefaultProps.isReactClassApproved && w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof j.getDefaultProps == "function" && !j.getDefaultProps.isReactClassApproved && x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function gs(f) {
+    function ps(f) {
       {
         for (var j = Object.keys(f.props), S = 0; S < j.length; S++) {
           var T = j[S];
           if (T !== "children" && T !== "key") {
-            Ie(f), w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", T), Ie(null);
+            Ie(f), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", T), Ie(null);
             break;
           }
         }
-        f.ref !== null && (Ie(f), w("Invalid attribute `ref` supplied to `React.Fragment`."), Ie(null));
+        f.ref !== null && (Ie(f), x("Invalid attribute `ref` supplied to `React.Fragment`."), Ie(null));
       }
     }
-    function pn(f, j, S, T, H, z) {
+    function hn(f, j, S, T, H, W) {
       {
-        var I = F(f);
-        if (!I) {
-          var P = "";
-          (f === void 0 || typeof f == "object" && f !== null && Object.keys(f).length === 0) && (P += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var he = fs(H);
-          he ? P += he : P += un();
+        var O = F(f);
+        if (!O) {
+          var R = "";
+          (f === void 0 || typeof f == "object" && f !== null && Object.keys(f).length === 0) && (R += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var pe = ms(H);
+          pe ? R += pe : R += dn();
           var X;
-          f === null ? X = "null" : Ee(f) ? X = "array" : f !== void 0 && f.$$typeof === t ? (X = "<" + (k(f.type) || "Unknown") + " />", P = " Did you accidentally export a JSX literal instead of a component?") : X = typeof f, w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", X, P);
+          f === null ? X = "null" : Ee(f) ? X = "array" : f !== void 0 && f.$$typeof === t ? (X = "<" + (k(f.type) || "Unknown") + " />", R = " Did you accidentally export a JSX literal instead of a component?") : X = typeof f, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", X, R);
         }
-        var te = ms(f, j, S, H, z);
+        var te = us(f, j, S, H, W);
         if (te == null)
           return te;
-        if (I) {
+        if (O) {
           var ye = j.children;
           if (ye !== void 0)
             if (T)
               if (Ee(ye)) {
                 for (var Oe = 0; Oe < ye.length; Oe++)
-                  hn(ye[Oe], f);
+                  fn(ye[Oe], f);
                 Object.freeze && Object.freeze(ye);
               } else
-                w("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                x("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              hn(ye, f);
+              fn(ye, f);
         }
-        return f === r ? gs(te) : ps(te), te;
+        return f === r ? ps(te) : hs(te), te;
       }
     }
-    function _s(f, j, S) {
-      return pn(f, j, S, !0);
+    function gs(f, j, S) {
+      return hn(f, j, S, !0);
     }
-    function xs(f, j, S) {
-      return pn(f, j, S, !1);
+    function _s(f, j, S) {
+      return hn(f, j, S, !1);
     }
-    var bs = xs, vs = _s;
-    Ge.Fragment = r, Ge.jsx = bs, Ge.jsxs = vs;
+    var xs = _s, bs = gs;
+    Ge.Fragment = r, Ge.jsx = xs, Ge.jsxs = bs;
   }()), Ge;
 }
-process.env.NODE_ENV === "production" ? Gt.exports = Bs() : Gt.exports = Hs();
+process.env.NODE_ENV === "production" ? Gt.exports = Hs() : Gt.exports = Qs();
 var s = Gt.exports;
-const Qs = () => {
-  const [e, t] = R(window.location.pathname), n = () => {
+const Us = () => {
+  const [e, t] = A(window.location.pathname), n = () => {
     const r = window.location.pathname;
     t(r);
   };
-  return G(() => (window.addEventListener("popstate", n), () => {
+  return Y(() => (window.addEventListener("popstate", n), () => {
     window.removeEventListener("popstate", n);
   }), []), e;
 }, Qe = (e, t) => {
   const n = ae(!1);
-  G(() => {
+  Y(() => {
     n.current ? e() : n.current = !0;
   }, t);
 };
-function Us(e, t, n) {
+function Ws(e, t, n) {
   var r = this, o = ae(null), i = ae(0), l = ae(null), a = ae([]), u = ae(), c = ae(), m = ae(e), d = ae(!0);
   m.current = e;
   var p = typeof window < "u", h = !t && t !== 0 && p;
   if (typeof e != "function")
     throw new TypeError("Expected a function");
   t = +t || 0;
-  var g = !!(n = n || {}).leading, v = !("trailing" in n) || !!n.trailing, _ = "maxWait" in n, y = "debounceOnServer" in n && !!n.debounceOnServer, w = _ ? Math.max(+n.maxWait || 0, t) : null;
-  G(function() {
+  var g = !!(n = n || {}).leading, v = !("trailing" in n) || !!n.trailing, w = "maxWait" in n, y = "debounceOnServer" in n && !!n.debounceOnServer, x = w ? Math.max(+n.maxWait || 0, t) : null;
+  Y(function() {
     return d.current = !0, function() {
       d.current = !1;
     };
   }, []);
-  var x = bt(function() {
+  var _ = bt(function() {
     var $ = function(F) {
-      var b = a.current, V = u.current;
-      return a.current = u.current = null, i.current = F, c.current = m.current.apply(V, b);
-    }, M = function(F, b) {
+      var b = a.current, z = u.current;
+      return a.current = u.current = null, i.current = F, c.current = m.current.apply(z, b);
+    }, N = function(F, b) {
       h && cancelAnimationFrame(l.current), l.current = h ? requestAnimationFrame(F) : setTimeout(F, b);
-    }, A = function(F) {
+    }, D = function(F) {
       if (!d.current)
         return !1;
       var b = F - o.current;
-      return !o.current || b >= t || b < 0 || _ && F - i.current >= w;
-    }, N = function(F) {
+      return !o.current || b >= t || b < 0 || w && F - i.current >= x;
+    }, G = function(F) {
       return l.current = null, v && a.current ? $(F) : (a.current = u.current = null, c.current);
-    }, O = function F() {
+    }, B = function F() {
       var b = Date.now();
-      if (A(b))
-        return N(b);
+      if (D(b))
+        return G(b);
       if (d.current) {
-        var V = t - (b - o.current), k = _ ? Math.min(V, w - (b - i.current)) : V;
-        M(F, k);
+        var z = t - (b - o.current), k = w ? Math.min(z, x - (b - i.current)) : z;
+        N(F, k);
       }
-    }, Q = function() {
+    }, M = function() {
       if (p || y) {
-        var F = Date.now(), b = A(F);
+        var F = Date.now(), b = D(F);
         if (a.current = [].slice.call(arguments), u.current = r, o.current = F, b) {
           if (!l.current && d.current)
-            return i.current = o.current, M(O, t), g ? $(o.current) : c.current;
-          if (_)
-            return M(O, t), $(o.current);
+            return i.current = o.current, N(B, t), g ? $(o.current) : c.current;
+          if (w)
+            return N(B, t), $(o.current);
         }
-        return l.current || M(O, t), c.current;
+        return l.current || N(B, t), c.current;
       }
     };
-    return Q.cancel = function() {
+    return M.cancel = function() {
       l.current && (h ? cancelAnimationFrame(l.current) : clearTimeout(l.current)), i.current = 0, a.current = o.current = u.current = l.current = null;
-    }, Q.isPending = function() {
+    }, M.isPending = function() {
       return !!l.current;
-    }, Q.flush = function() {
-      return l.current ? N(Date.now()) : c.current;
-    }, Q;
-  }, [g, _, t, w, v, h, p, y]);
-  return x;
+    }, M.flush = function() {
+      return l.current ? G(Date.now()) : c.current;
+    }, M;
+  }, [g, w, t, x, v, h, p, y]);
+  return _;
 }
-function Ln(e, t, n) {
+function An(e, t, n) {
   var r = n === void 0 ? {} : n, o = r.leading, i = r.trailing;
-  return Us(e, t, { maxWait: t, leading: o === void 0 || o, trailing: i === void 0 || i });
+  return Ws(e, t, { maxWait: t, leading: o === void 0 || o, trailing: i === void 0 || i });
 }
-let Dt;
+let Pt;
 const kt = (e = !0, t = !1, n = "window") => {
   if (!e)
     return;
-  const [r, o] = D.useState(0) || [!1, () => {
+  const [r, o] = P.useState(0) || [!1, () => {
   }];
-  G(() => (a(), window.addEventListener("resize", u), () => {
-    clearTimeout(Dt), u.flush(), window.removeEventListener("resize", u);
+  Y(() => (a(), window.addEventListener("resize", u), () => {
+    clearTimeout(Pt), u.flush(), window.removeEventListener("resize", u);
   }), n === "window" ? [] : [n]);
   const l = () => {
     if (n)
       return n === "window" ? window.innerWidth : n.offsetWidth;
   }, a = () => {
     o(l());
-  }, u = Ln(
+  }, u = An(
     () => {
-      l() !== r && (t && (clearTimeout(Dt), document.body.classList.add("is-resizing"), Dt = setTimeout(() => {
+      l() !== r && (t && (clearTimeout(Pt), document.body.classList.add("is-resizing"), Pt = setTimeout(() => {
         document.body.classList.remove("is-resizing");
       }, 550)), a());
     },
@@ -779,7 +779,7 @@ const kt = (e = !0, t = !1, n = "window") => {
     { leading: !0 }
   );
   return r;
-}, Ws = ({
+}, zs = ({
   scrollPosition: e = 0,
   // The position on the page to scroll past
   offset: t = { down: 0, up: 10 },
@@ -790,10 +790,10 @@ const kt = (e = !0, t = !1, n = "window") => {
 }) => {
   if (!window)
     return;
-  const [o, i] = D.useState({ current: 0, past: 0 }) || [!1, () => {
-  }], [l, a] = D.useState({ scrollDown: !1, scrollUp: !1 }) || [!1, () => {
+  const [o, i] = P.useState({ current: 0, past: 0 }) || [!1, () => {
+  }], [l, a] = P.useState({ scrollDown: !1, scrollUp: !1 }) || [!1, () => {
   }];
-  G(() => (u(), window.addEventListener("scroll", c), () => {
+  Y(() => (u(), window.addEventListener("scroll", c), () => {
     c.flush(), window.removeEventListener("scroll", c);
   }), []);
   const u = () => {
@@ -803,11 +803,11 @@ const kt = (e = !0, t = !1, n = "window") => {
       return;
     }
     Math.abs(p) >= t.up && !l.scrollUp && (r(), a({ scrollUp: !0, scrollDown: !1 }));
-  }, c = Ln(() => {
+  }, c = An(() => {
     u();
   }, 250);
   return o;
-}, zs = (e = [], t = !0) => {
+}, Vs = (e = [], t = !0) => {
   e = Array.isArray(e) ? e : [e];
   const n = ae(!1);
   Qe(() => {
@@ -818,13 +818,13 @@ const kt = (e = !0, t = !1, n = "window") => {
       r && (r.scrollIntoView(t ? { behavior: "smooth" } : null), n.current = !0);
     }
   }, e);
-}, In = (e) => {
+}, Fn = (e) => {
   const t = [];
   return e.forEach((n) => {
     const r = parseInt(n);
     isNaN(r) || t.push(r);
   }), t.sort((n, r) => n - r);
-}, On = (e, t, n) => {
+}, Ln = (e, t, n) => {
   let r = n.mobile;
   for (const o in t) {
     const i = parseInt(String(t[o]));
@@ -834,14 +834,14 @@ const kt = (e = !0, t = !1, n = "window") => {
       break;
   }
   return r;
-}, Vs = (e) => e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`), Ys = (e, t = "en") => new Date(e).toLocaleString(t, { day: "numeric", month: "short" }), Bn = (e, t = "en") => new Date(e).toLocaleString(t, {
+}, Ys = (e) => e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`), Gs = (e, t = "en") => new Date(e).toLocaleString(t, { day: "numeric", month: "short" }), In = (e, t = "en") => new Date(e).toLocaleString(t, {
   weekday: "long",
   day: "numeric",
   month: "short",
   year: "numeric"
 }), Jt = (e) => {
   let i;
-  const l = bn(), a = bn(new Date(e));
+  const l = xn(), a = xn(new Date(e));
   try {
     i = l.getTime() - a.getTime();
   } catch {
@@ -854,7 +854,7 @@ const kt = (e = !0, t = !1, n = "window") => {
     return { path: "days", number: c };
   const m = Math.floor(c / 7);
   return m <= 52 ? { path: "weeks", number: m } : { path: "years", number: Math.floor(c / 365) };
-}, bn = (e) => {
+}, xn = (e) => {
   const n = (e || /* @__PURE__ */ new Date()).toUTCString();
   return new Date(n);
 }, en = {
@@ -1174,35 +1174,35 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   signup_success_text: "<p>Once we've vetted your application, you'll get a secure login link to help you get started.</p><p>Please note that trust is everything to our community, so you can't login until your identity has been verified.</p>",
   tags_community: "From the community",
   tooltip_loading: "Loading..."
-}, Gs = {
+}, Js = {
   languageSwitcher_label: "Me gustaría leer este artículo en...",
   languageSwitcher_translation_original: "idioma original",
   languageSwitcher_translation_human: "traducido por un humano",
   languageSwitcher_translation_machine: "traducido por máquina",
   languageSwitcher_disclaimer: "Este contenido fue traducido automáticamente y ocasionalmente tendrá errores de género u otras traducciones directas. Estamos intentando resolver este problema, pero mientras tanto, si notas algún error grave, escríbenos a <link>{email}</link>"
-}, Js = {
+}, qs = {
   collapsibleSection_summary: "En savoir plus",
   languageSwitcher_label: "Je voudrais lire cet article dans...",
   languageSwitcher_translation_original: "langue originale",
   languageSwitcher_translation_human: "traduit par un humain",
   languageSwitcher_translation_machine: "traduit par machine",
   languageSwitcher_disclaimer: "Ce contenu est traduit automatiquement et contiendra d’évantuelles erreurs de genre ou d’autres traductions directes. Nous essayons de résoudre ce problème, mais en attendant, si vous remarquez une erreur importante, faites-le nous savoir à <link>{email}</link>"
-}, qs = {
+}, Xs = {
   languageSwitcher_label: "Eu gostaria de ler este artigo em...",
   languageSwitcher_translation_original: "linguagem original",
   languageSwitcher_translation_human: "traduzido por um humano",
   languageSwitcher_translation_machine: "traduzido por máquina",
   languageSwitcher_disclaimer: "Este conteúdo foi traduzido automaticamente e, ocasionalmente, poderão ocorrer erros de linguagem de gênero ou outras traduções diretas. Estamos tentando resolver isso, porém se perceber algo errado por favor nos avise em <link>{email}</link>"
-}, Xs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Zs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   en,
-  es: Gs,
-  fr: Js,
-  pt: qs
-}, Symbol.toStringTag, { value: "Module" })), Hn = (e) => e in en, $e = (e, t, n, r, o = {}) => {
+  es: Js,
+  fr: qs,
+  pt: Xs
+}, Symbol.toStringTag, { value: "Module" })), On = (e) => e in en, $e = (e, t, n, r, o = {}) => {
   let i = "";
-  return Hn(`${t}_${n}`) ? i = e({ id: `${t}_${n}` }, o) : i = e({ id: t }, { [r]: n, ...o }), i;
-}, Zs = (e, t, n) => {
+  return On(`${t}_${n}`) ? i = e({ id: `${t}_${n}` }, o) : i = e({ id: t }, { [r]: n, ...o }), i;
+}, Ks = (e, t, n) => {
   if (!e || e === 0)
     return "0";
   t || (t = 0), n || (n = ["k", "m", "b", "t"]);
@@ -1216,20 +1216,20 @@ Thank you for helping to protect the Apolitical community from abusive content.`
     }
   }
   return r;
-}, Ks = (e = 0) => {
+}, er = (e = 0) => {
   setTimeout(() => {
     const t = document.querySelector(".splash-screen");
     t && t.remove(), window.prerenderReady = !0;
   }, e);
-}, er = (e) => e.replace(/\s+/g, "").length > 0, tr = (e, t) => {
+}, tr = (e) => e.replace(/\s+/g, "").length > 0, nr = (e, t) => {
   Array.isArray(t) || (t = [t]);
-  const n = js(e);
+  const n = ks(e);
   return t.forEach(({ type: r, value: o }) => {
-    ys(n, r, o);
+    js(n, r, o);
   }), n;
-}, nr = (e) => new Promise((t) => setTimeout(t, e)), ut = (e, t) => D.Children.map(e, (n) => D.cloneElement(n, {
+}, sr = (e) => new Promise((t) => setTimeout(t, e)), ut = (e, t) => P.Children.map(e, (n) => P.cloneElement(n, {
   ...t
-})), W = ({
+})), U = ({
   variant: e = "primary",
   size: t = "medium",
   styling: n = { muted: !1, fullWidth: !1 },
@@ -1245,8 +1245,8 @@ Thank you for helping to protect the Apolitical community from abusive content.`
 }) => {
   const h = kt(typeof t == "object");
   if (typeof t == "object" && typeof h == "number") {
-    const _ = Object.assign({}, t), y = In(Object.keys(_));
-    t = On(h, y, _);
+    const w = Object.assign({}, t), y = Fn(Object.keys(w));
+    t = Ln(h, y, w);
   }
   const g = [];
   typeof t == "string" && g.push(t), r && (g.push("icon"), typeof r == "object" ? (g.push(r.icon), r.position ? g.push(r.position) : g.push("left"), r.hover && g.push(`hover_${r.hover}`), r.animate && (g.push("animate"), typeof r.animate == "string" && g.push(r.animate))) : (g.push(r), !r.includes("right") && !r.includes("left") && g.push("left"))), n.muted && g.push("muted"), n.fullWidth && g.push("full-width");
@@ -1257,19 +1257,19 @@ Thank you for helping to protect the Apolitical community from abusive content.`
       disabled: u,
       button: o
     }),
-    onClick: (_) => {
-      (!o || o[0] === "#") && l && (_.preventDefault(), _.stopPropagation()), l && l(_);
+    onClick: (w) => {
+      (!o || o[0] === "#") && l && (w.preventDefault(), w.stopPropagation()), l && l(w);
     },
     disabled: typeof u == "object" && "isClickable" in u ? !u.isClickable : u
   };
-  return o && (i = "a", v.href = o), D.createElement(
+  return o && (i = "a", v.href = o), P.createElement(
     i,
     v,
-    m || (c ? /* @__PURE__ */ s.jsx(ue, { showOnFocus: !1, children: c }) : null)
+    m || (c ? /* @__PURE__ */ s.jsx(me, { showOnFocus: !1, children: c }) : null)
   );
 }, jt = ({ buttons: e, className: t = "", ...n }) => {
-  const r = e.length > 1 ? "ul" : "p", o = e.map((i, l) => r === "p" ? /* @__PURE__ */ s.jsx(W, { ...i }, l) : /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(W, { ...i }) }, l));
-  return D.createElement(r, { className: E("button-wrapper", t), ...n, children: o });
+  const r = e.length > 1 ? "ul" : "p", o = e.map((i, l) => r === "p" ? /* @__PURE__ */ s.jsx(U, { ...i }, l) : /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(U, { ...i }) }, l));
+  return P.createElement(r, { className: E("button-wrapper", t), ...n, children: o });
 };
 const Ue = ({ className: e = "", maxWidth: t = !1 }) => {
   const n = t ? { "--max-width": `${t / 16}rem` } : {};
@@ -1296,8 +1296,8 @@ const Ue = ({ className: e = "", maxWidth: t = !1 }) => {
       }
     );
   }
-  return n ? D.createElement(n, { children: t, className: r, ...a }) : t;
-}, vn = {
+  return n ? P.createElement(n, { children: t, className: r, ...a }) : t;
+}, bn = {
   card: {
     range: [
       {
@@ -1400,23 +1400,23 @@ const Ue = ({ className: e = "", maxWidth: t = !1 }) => {
     ],
     sizes: "(min-width: 1024px) 453px, 20vw"
   }
-}, sr = ({
+}, rr = ({
   aspect: e,
   range: t,
   sizes: n
 }) => {
-  const { range: r, sizes: o } = e ? vn[e] : vn.fallback;
+  const { range: r, sizes: o } = e ? bn[e] : bn.fallback;
   return { range: t && t.length > 0 ? t : r, sizes: n || o };
-}, rr = ({ format: e, height: t, query: n, width: r }) => {
+}, ar = ({ format: e, height: t, query: n, width: r }) => {
   let o = `w=${r}&h=${t}`;
   return o = e ? `${o}&fm=${e}` : o, o = n ? `${o}&${n}` : o, o;
-}, Pt = ({ format: e, range: t, url: n, query: r }) => t.map(({ height: o, width: i }) => `${n}?${rr({
+}, Dt = ({ format: e, range: t, url: n, query: r }) => t.map(({ height: o, width: i }) => `${n}?${ar({
   format: e,
   height: o,
   query: r,
   width: i
 })} ${i}w`).join(", ");
-const Qn = ({ image: e, className: t, testId: n }) => {
+const Bn = ({ image: e, className: t, testId: n }) => {
   const {
     description: r,
     height: o,
@@ -1427,7 +1427,7 @@ const Qn = ({ image: e, className: t, testId: n }) => {
     loading: c,
     decoding: m,
     fetchPriority: d
-  } = e, { range: p, sizes: h } = sr(e), g = Pt({ format: "avif", query: l, range: p, url: a }), v = Pt({ format: "webp", query: l, range: p, url: a }), _ = Pt({ format: "", query: l, range: p, url: a });
+  } = e, { range: p, sizes: h } = rr(e), g = Dt({ format: "avif", query: l, range: p, url: a }), v = Dt({ format: "webp", query: l, range: p, url: a }), w = Dt({ format: "", query: l, range: p, url: a });
   return /* @__PURE__ */ s.jsxs("picture", { className: t, children: [
     i !== "image/gif" && /* @__PURE__ */ s.jsx(
       "source",
@@ -1450,7 +1450,7 @@ const Qn = ({ image: e, className: t, testId: n }) => {
     /* @__PURE__ */ s.jsx(
       "img",
       {
-        srcSet: _,
+        srcSet: w,
         sizes: h,
         src: a,
         alt: r,
@@ -1465,9 +1465,9 @@ const Qn = ({ image: e, className: t, testId: n }) => {
   ] });
 };
 let Je = !1;
-const ar = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
-  const r = C(), o = ae(null), [i, l] = R("hidden");
-  G(() => {
+const or = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
+  const r = C(), o = ae(null), [i, l] = A("hidden");
+  Y(() => {
     const u = o.current;
     if (u)
       return u.addEventListener("transitionend", a), () => {
@@ -1486,7 +1486,7 @@ const ar = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
   }, [e]), /* @__PURE__ */ s.jsx("aside", { ref: o, className: E("tooltip text-medium", i, { loading: t }), hidden: i === "hidden", children: t ? /* @__PURE__ */ s.jsx("p", { children: r.formatMessage({ id: "tooltip_loading" }) }) : typeof n == "string" ? /* @__PURE__ */ s.jsx("p", { children: n }) : n });
 };
 const tn = ({ children: e, className: t = "", ...n }) => /* @__PURE__ */ s.jsx("section", { className: E("full-width-section", t), ...n, children: e });
-const Ka = ({ text: e, buttons: t, className: n = "" }) => {
+const eo = ({ text: e, buttons: t, className: n = "" }) => {
   const r = [];
   return t.forEach((o) => {
     r.push({
@@ -1500,11 +1500,11 @@ const Ka = ({ text: e, buttons: t, className: n = "" }) => {
       children: o.text
     });
   }), /* @__PURE__ */ s.jsx(tn, { className: E("download-section", n), children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    D.createElement(typeof e == "string" ? "h2" : e.element, { className: "text" }, typeof e == "string" ? e : e.text),
+    P.createElement(typeof e == "string" ? "h2" : e.element, { className: "text" }, typeof e == "string" ? e : e.text),
     /* @__PURE__ */ s.jsx(jt, { buttons: r })
   ] }) });
 };
-const eo = ({ title: e = !1, logos: t = [], className: n = "" }) => {
+const to = ({ title: e = !1, logos: t = [], className: n = "" }) => {
   const r = t.length;
   if (r === 0)
     return null;
@@ -1513,7 +1513,7 @@ const eo = ({ title: e = !1, logos: t = [], className: n = "" }) => {
     text: typeof e == "string" ? e : typeof e == "object" ? e.text : ""
   };
   return /* @__PURE__ */ s.jsxs("div", { className: E("logos", n), children: [
-    e && D.createElement(o.element, { className: "title" }, o.text),
+    e && P.createElement(o.element, { className: "title" }, o.text),
     /* @__PURE__ */ s.jsx(
       "ul",
       {
@@ -1549,7 +1549,7 @@ const eo = ({ title: e = !1, logos: t = [], className: n = "" }) => {
     )
   ] });
 };
-const or = [
+const ir = [
   "small",
   "span",
   "strong",
@@ -1563,7 +1563,7 @@ const or = [
   "h6",
   "blockquote",
   "q"
-], ir = ({
+], cr = ({
   className: e = "",
   content: t,
   image: n,
@@ -1587,7 +1587,7 @@ const or = [
       if (typeof t[d] == "object") {
         m[d] = t[d];
         const { text: p, element: h } = t[d];
-        if (h && or.includes(h.toLowerCase()))
+        if (h && ir.includes(h.toLowerCase()))
           return;
         m[d] = {
           text: p,
@@ -1616,7 +1616,7 @@ const or = [
           u.map((d) => {
             if (m[d] && typeof m[d] == "object") {
               const { text: p, element: h = "" } = m[d];
-              return D.createElement(
+              return P.createElement(
                 h.toLowerCase(),
                 { key: d, className: d },
                 p
@@ -1626,7 +1626,7 @@ const or = [
           }),
           a,
           l && l.text && l.link && /* @__PURE__ */ s.jsx(
-            W,
+            U,
             {
               variant: n || r === "light" ? "primary" : "secondary",
               size: { mobile: "medium", 768: "large" },
@@ -1636,12 +1636,12 @@ const or = [
             }
           )
         ] }),
-        n && /* @__PURE__ */ s.jsx(Qn, { image: { ...n, aspect: "banner" } })
+        n && /* @__PURE__ */ s.jsx(Bn, { image: { ...n, aspect: "banner" } })
       ] })
     }
   );
-}, to = We(ir);
-const no = ({
+}, no = We(cr);
+const so = ({
   variant: e = "primary",
   button: t = null,
   title: n,
@@ -1650,7 +1650,7 @@ const no = ({
 }) => !n && !r ? null : /* @__PURE__ */ s.jsxs("aside", { className: E("marketing-block", e), children: [
   n && /* @__PURE__ */ s.jsx("p", { className: "title", children: n }),
   r && /* @__PURE__ */ s.jsx("p", { children: r }),
-  t && /* @__PURE__ */ s.jsx(W, { variant: "secondary", size: "medium", href: t.link, className: "gtm-trackable", "data-gtm-event-context": o, "data-gtm-event-type": "learn-more-click", children: t.text })
+  t && /* @__PURE__ */ s.jsx(U, { variant: "secondary", size: "medium", href: t.link, className: "gtm-trackable", "data-gtm-event-context": o, "data-gtm-event-type": "learn-more-click", children: t.text })
 ] }), mt = "https://storage.googleapis.com/apolitical-assets/", Xe = {
   general: "hello@apolitical.co",
   support: "concierge@apolitical.co",
@@ -1658,8 +1658,8 @@ const no = ({
     default: "dpo@apolitical.co",
     eu: "dpo.agl@apolitical.foundation"
   }
-}, so = "200,000+";
-const Un = ({ label: e = !1, className: t = "", children: n }) => {
+}, ro = "200,000+";
+const Hn = ({ label: e = !1, className: t = "", children: n }) => {
   const r = C();
   return /* @__PURE__ */ s.jsxs("details", { className: E("collapsible-section", t), children: [
     /* @__PURE__ */ s.jsx("summary", { children: e || r.formatMessage({ id: "collapsibleSection_summary" }) }),
@@ -1676,8 +1676,8 @@ const Et = ({
   let o = n && !!Object.keys(n).length;
   const i = typeof n == "object" && "breakpoints" in n, l = kt(i);
   if (i && typeof n == "object" && typeof l == "number") {
-    const d = Object.assign({}, n.breakpoints), p = In(Object.keys(d));
-    o = On(l, p, d);
+    const d = Object.assign({}, n.breakpoints), p = Fn(Object.keys(d));
+    o = Ln(l, p, d);
   }
   const {
     breakpoints: a,
@@ -1693,7 +1693,7 @@ const Et = ({
       children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
         t && /* @__PURE__ */ s.jsx(vt, { options: { forceBlock: !0 }, children: t }),
         o && typeof n == "object" && (c || /* @__PURE__ */ s.jsx(
-          W,
+          U,
           {
             ...m,
             variant: n.variant ? n.variant : "secondary",
@@ -1704,39 +1704,39 @@ const Et = ({
     }
   );
 };
-const qt = ({ children: e, ...t }) => /* @__PURE__ */ s.jsx("p", { ...t, children: e }), Wn = { q: qt, blockquote: qt };
+const qt = ({ children: e, ...t }) => /* @__PURE__ */ s.jsx("p", { ...t, children: e }), Qn = { q: qt, blockquote: qt };
 for (let e = 1; e <= 6; e++)
-  Wn[`h${e}`] = { component: qt, props: { className: "title" } };
-const cr = ({ type: e = "default", className: t = "", heading: n = !1, children: r }) => /* @__PURE__ */ s.jsxs("div", { className: E("helper-text-box text-small", e, t), children: [
+  Qn[`h${e}`] = { component: qt, props: { className: "title" } };
+const lr = ({ type: e = "default", className: t = "", heading: n = !1, children: r }) => /* @__PURE__ */ s.jsxs("div", { className: E("helper-text-box text-small", e, t), children: [
   n && /* @__PURE__ */ s.jsx("p", { className: "title", children: n }),
   typeof r == "string" ? /* @__PURE__ */ s.jsx(
     vt,
     {
       options: {
-        wrapper: D.Fragment,
+        wrapper: P.Fragment,
         forceBlock: !0,
-        overrides: Wn
+        overrides: Qn
       },
       children: r
     }
   ) : /* @__PURE__ */ s.jsx("p", { children: r })
 ] });
-const ro = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children: o }) => {
-  const i = C(), l = ae(null), [a, u] = R(""), [c, m] = R("closed");
-  G(() => {
+const ao = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children: o }) => {
+  const i = C(), l = ae(null), [a, u] = A(""), [c, m] = A("closed");
+  Y(() => {
     const h = l.current;
     if (h)
       return h.addEventListener("transitionend", d), () => {
         h.removeEventListener("transitionend", d);
       };
-  }, []), G(() => {
+  }, []), Y(() => {
     if (!r || typeof r != "string")
       return;
     const h = r.split(`
 `);
     u(h.length < 3 ? `${r.substring(0, 400)}...` : h.slice(0, 3).join(`
 `));
-  }, [r]), G(() => {
+  }, [r]), Y(() => {
     c === "ready-to-close" && m("closing");
   }, [c]);
   const d = ({ propertyName: h }) => {
@@ -1751,7 +1751,7 @@ const ro = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
       c !== "closed" && o
     ] }),
     /* @__PURE__ */ s.jsx("p", { className: "cta", children: /* @__PURE__ */ s.jsx(
-      W,
+      U,
       {
         variant: "tertiary",
         icon: { icon: "navigation_arrow", position: "left", animate: !0 },
@@ -1764,7 +1764,7 @@ const ro = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
       }
     ) })
   ] });
-}, lr = () => D.Fragment, dr = ({ children: e }) => /* @__PURE__ */ s.jsx(Re, { variant: "secondary", children: e }), ur = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], mr = ({ children: e }) => {
+}, dr = () => P.Fragment, ur = ({ children: e }) => /* @__PURE__ */ s.jsx(Re, { variant: "secondary", children: e }), mr = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], fr = ({ children: e }) => {
   const t = C();
   if (!e)
     return null;
@@ -1772,12 +1772,12 @@ const ro = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
   const r = [];
   for (const i of Vt.toArray(e))
     if (!(!i || typeof i == "string" || typeof i == "number"))
-      if (D.isValidElement(i) && i.type === "summary") {
+      if (P.isValidElement(i) && i.type === "summary") {
         if (i.props && i.props.children) {
           for (const l of Vt.toArray(i.props.children))
-            if (!(!l || typeof l == "string" || typeof l == "number") && D.isValidElement(l)) {
+            if (!(!l || typeof l == "string" || typeof l == "number") && P.isValidElement(l)) {
               const a = l.type;
-              if (ur.includes(a)) {
+              if (mr.includes(a)) {
                 for (n = l.props.children; typeof n != "string" && (Array.isArray(n) && n[0].props && n[0].props.children && n[0].props.children[0]); )
                   n = n[0].props.children[0];
                 break;
@@ -1788,14 +1788,14 @@ const ro = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
         r.push(i);
   const o = n ? n.toString() : "";
   return /* @__PURE__ */ s.jsx(
-    Un,
+    Hn,
     {
       label: o,
       className: ["Sources", "Resources"].includes(o) ? "discrete-links" : "",
       children: r.map((i) => i)
     }
   );
-}, fr = ({ children: e, ...t }) => {
+}, hr = ({ children: e, ...t }) => {
   if (t.class)
     switch (t.class) {
       case "casestudy":
@@ -1809,57 +1809,57 @@ const ro = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
         return /* @__PURE__ */ s.jsx("div", { ...t, children: e });
     }
   return /* @__PURE__ */ s.jsx("div", { ...t, children: e });
-}, hr = (e) => {
+}, pr = (e) => {
   const t = C(), n = Date.now().toString();
   let r = "default";
   const o = e.src;
   return o.includes("youtube") || o.includes("vimeo") ? r = "video" : o.includes("riddle") || o.includes("sli.do") ? r = "poll" : o.includes("padlet") && (r = "padlet"), /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsx(ue, { children: /* @__PURE__ */ s.jsx("a", { href: `#content-after-iframe-${n}`, children: t.formatMessage({ id: `markdown_skip${r === "default" ? "" : `_${r}`}` }) }) }),
+    /* @__PURE__ */ s.jsx(me, { children: /* @__PURE__ */ s.jsx("a", { href: `#content-after-iframe-${n}`, children: t.formatMessage({ id: `markdown_skip${r === "default" ? "" : `_${r}`}` }) }) }),
     /* @__PURE__ */ s.jsx("iframe", { ...e, title: t.formatMessage({ id: `markdown_iframe${r === "default" ? "" : `_${r}`}` }) }),
     /* @__PURE__ */ s.jsx("span", { id: `content-after-iframe-${n}`, tabIndex: -1 })
   ] });
-}, wn = (e) => {
+}, vn = (e) => {
   let t = "";
   return e && typeof e != "string" && typeof e != "number" && typeof e != "boolean" && "type" in e && (t = e.type), t;
-}, pr = ({ children: e, ...t }) => {
+}, gr = ({ children: e, ...t }) => {
   let n = { ...t };
   t.href && (t.href.includes("http:") || t.href.includes("https:")) && !t.target && (n.target = "_blank");
   let r = e, o = !1;
   for (const i of Vt.toArray(e))
-    if (!(!i || typeof i == "string" || typeof i == "number") && D.isValidElement(i)) {
+    if (!(!i || typeof i == "string" || typeof i == "number") && P.isValidElement(i)) {
       const l = i.type;
       if (["button", "center", "span", "strong"].includes(l) && i.props && i.props.children && i.props.children[0])
-        for ((l === "button" || wn(i.props.children[0]) === "button") && (o = !0), r = i.props.children[0]; r && typeof r != "string" && !(typeof r == "boolean" || typeof r == "number" || !D.isValidElement(r)); )
+        for ((l === "button" || vn(i.props.children[0]) === "button") && (o = !0), r = i.props.children[0]; r && typeof r != "string" && !(typeof r == "boolean" || typeof r == "number" || !P.isValidElement(r)); )
           if (r.props && r.props.children && r.props.children[0])
-            r = r.props.children[0], r && wn(r) === "button" && (o = !0);
+            r = r.props.children[0], r && vn(r) === "button" && (o = !0);
           else
             break;
     }
-  return o ? (n = { ...n, className: "button primary medium" }, /* @__PURE__ */ s.jsx("p", { className: "center", children: /* @__PURE__ */ s.jsx(W, { variant: "primary", size: "medium", ...n, children: r }) })) : /* @__PURE__ */ s.jsx("a", { ...n, children: r });
-}, gr = ({ children: e }) => /* @__PURE__ */ s.jsx("span", { children: e });
-const kn = ({ className: e = "", options: t = {}, children: n }) => {
+  return o ? (n = { ...n, className: "button primary medium" }, /* @__PURE__ */ s.jsx("p", { className: "center", children: /* @__PURE__ */ s.jsx(U, { variant: "primary", size: "medium", ...n, children: r }) })) : /* @__PURE__ */ s.jsx("a", { ...n, children: r });
+}, _r = ({ children: e }) => /* @__PURE__ */ s.jsx("span", { children: e });
+const wn = ({ className: e = "", options: t = {}, children: n }) => {
   n = n.replace(/^<br\/?>/, "");
   const r = {
-    wrapper: D.Fragment,
+    wrapper: P.Fragment,
     forceBlock: !0,
     overrides: {
-      a: pr,
+      a: gr,
       // Override psuedo-code
       // We give the content team psuedo-code short cuts to use in Contentful
-      CollapsibleSection: Un,
+      CollapsibleSection: Hn,
       TextBox: Re,
-      CaseStudy: dr,
+      CaseStudy: ur,
       // Override embedded HTML
       // Our content team previously used real HTML, which we need to tear out and replace with React components
-      style: lr,
-      details: mr,
-      div: fr,
-      iframe: hr
+      style: dr,
+      details: fr,
+      div: hr,
+      iframe: pr
     }
   };
   return /* @__PURE__ */ s.jsx("div", { className: E("markdown-text", e), children: /* @__PURE__ */ s.jsx(vt, { options: { ...r, ...t }, children: n }) });
 };
-const _r = ({
+const xr = ({
   maxWidth: e = !1,
   title: t,
   subtitle: n,
@@ -1869,8 +1869,8 @@ const _r = ({
   const i = e ? { "--max-width": `${e / 16}rem` } : {};
   return /* @__PURE__ */ s.jsxs("section", { className: E("page-heading", o), children: [
     /* @__PURE__ */ s.jsxs("div", { className: E("content", { "has-max-width": e }), style: i, children: [
-      t && t.text && D.createElement(t.element || "h1", { className: "title" }, t.text),
-      n && n.text && D.createElement(
+      t && t.text && P.createElement(t.element || "h1", { className: "title" }, t.text),
+      n && n.text && P.createElement(
         n.element || "h2",
         { className: "text-medium" },
         n.text
@@ -1886,12 +1886,12 @@ const ft = ({
   children: r,
   ...o
 }) => /* @__PURE__ */ s.jsx("span", { className: E("pill", e, t, n), ...o, children: r });
-const Xt = ({ element: e = "p", children: t = null, className: n = "", ...r }) => D.createElement(e, { ...r, className: E("status-banner text-small", n), "aria-live": "assertive" }, t);
-const xr = ({ progress: e = 0, text: t = !1, className: n = "" }) => {
+const Xt = ({ element: e = "p", children: t = null, className: n = "", ...r }) => P.createElement(e, { ...r, className: E("status-banner text-small", n), "aria-live": "assertive" }, t);
+const br = ({ progress: e = 0, text: t = !1, className: n = "" }) => {
   const r = C(), o = e > 75 ? 100 : e > 50 ? 75 : e > 25 ? 50 : e > 5 ? 25 : 0, i = { "--progress": `${e}%` };
-  return /* @__PURE__ */ s.jsx("span", { className: E(`progress-bar section-${o}`, n), style: i, children: /* @__PURE__ */ s.jsx(ue, { children: t ? `${e} ${t}` : r.formatMessage({ id: "progressBar" }, { number: e }) }) });
-}, br = We(xr);
-const Rt = "loadingBlock_", vr = ({ progress: e = 0, steps: t = !1, className: n = "" }) => {
+  return /* @__PURE__ */ s.jsx("span", { className: E(`progress-bar section-${o}`, n), style: i, children: /* @__PURE__ */ s.jsx(me, { children: t ? `${e} ${t}` : r.formatMessage({ id: "progressBar" }, { number: e }) }) });
+}, vr = We(br);
+const Rt = "loadingBlock_", wr = ({ progress: e = 0, steps: t = !1, className: n = "" }) => {
   const r = C();
   t || (t = {
     0: { text: r.formatMessage({ id: `${Rt}loading` }) },
@@ -1911,12 +1911,12 @@ const Rt = "loadingBlock_", vr = ({ progress: e = 0, steps: t = !1, className: n
       style: l,
       children: [
         o && /* @__PURE__ */ s.jsx("span", { className: "step", children: t[o].text }),
-        /* @__PURE__ */ s.jsx(br, { progress: e })
+        /* @__PURE__ */ s.jsx(vr, { progress: e })
       ]
     }
   );
-}, ao = We(vr);
-const Te = ({ element: e = "div", className: t = "", ...n }) => /* @__PURE__ */ s.jsx(Fn, { element: e, className: E("loading-placeholder", t), ...n });
+}, oo = We(wr);
+const Te = ({ element: e = "div", className: t = "", ...n }) => /* @__PURE__ */ s.jsx(Rn, { element: e, className: E("loading-placeholder", t), ...n });
 const Zt = {
   header: ["logo", "link", "link", "search"],
   sidebar: ["text", "text", "text", "text", "text"],
@@ -1934,11 +1934,11 @@ const Zt = {
     "cards-section",
     "footer"
   ]
-}, zn = (e, t) => e in Zt ? /* @__PURE__ */ s.jsx("div", { className: e, children: Zt[e].map((n, r) => zn(n, r)) }, t) : /* @__PURE__ */ s.jsx(Te, { className: e }, t), oo = ({ layout: e = "overview-page", ...t }) => /* @__PURE__ */ s.jsx("div", { className: E("loading-state", e), ...t, children: Zt[e].map((n, r) => zn(n, r)) }), Vn = (e) => {
+}, Un = (e, t) => e in Zt ? /* @__PURE__ */ s.jsx("div", { className: e, children: Zt[e].map((n, r) => Un(n, r)) }, t) : /* @__PURE__ */ s.jsx(Te, { className: e }, t), io = ({ layout: e = "overview-page", ...t }) => /* @__PURE__ */ s.jsx("div", { className: E("loading-state", e), ...t, children: Zt[e].map((n, r) => Un(n, r)) }), Wn = (e) => {
   const t = e && e.toUpperCase().split(" ");
   return Array.isArray(t) && t.length > 1 && t[0] !== "" ? t[1] === "" ? t[0][0] : t[0][0] + t[t.length - 1][0] : e ? e.substr(0, 1) : "";
-}, st = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], wr = (e) => {
-  const t = Math.ceil(26 / st.length), n = Vn(e).toLowerCase();
+}, st = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], kr = (e) => {
+  const t = Math.ceil(26 / st.length), n = Wn(e).toLowerCase();
   if (n === "")
     return st[0];
   const r = n.charCodeAt(0) - 96;
@@ -1946,17 +1946,17 @@ const Zt = {
     if (r <= t * (o + 1))
       return st[o];
 };
-const jn = 256, Ke = ({
+const kn = 256, Ke = ({
   className: e = "",
   src: t = "",
   name: n,
   alt: r,
-  width: o = jn,
-  height: i = jn,
+  width: o = kn,
+  height: i = kn,
   ...l
 }) => {
-  const [a, u] = R(!1), c = ae(null);
-  G(() => {
+  const [a, u] = A(!1), c = ae(null);
+  Y(() => {
     const d = c.current;
     if (!d)
       return;
@@ -1964,7 +1964,7 @@ const jn = 256, Ke = ({
     if (!p)
       return;
     const h = o, g = i;
-    typeof window < "u" && window.devicePixelRatio && (d.width = h * window.devicePixelRatio, d.height = g * window.devicePixelRatio, p.scale(window.devicePixelRatio, window.devicePixelRatio)), p.fillStyle = wr(n), p.fillRect(0, 0, h, g), p.font = `${h / 3}px Arial`, p.textAlign = "center", p.fillStyle = "white", p.fillText(Vn(n), h / 2, g / 1.6);
+    typeof window < "u" && window.devicePixelRatio && (d.width = h * window.devicePixelRatio, d.height = g * window.devicePixelRatio, p.scale(window.devicePixelRatio, window.devicePixelRatio)), p.fillStyle = kr(n), p.fillRect(0, 0, h, g), p.font = `${h / 3}px Arial`, p.textAlign = "center", p.fillStyle = "white", p.fillText(Wn(n), h / 2, g / 1.6);
   }, [n]);
   let m = !1;
   return t && t !== "" && !a && (t.includes("http") || t.includes("//")) && (m = !0), /* @__PURE__ */ s.jsx(
@@ -1986,7 +1986,7 @@ const jn = 256, Ke = ({
       ) : /* @__PURE__ */ s.jsx("canvas", { ref: c })
     }
   );
-}, Yn = (e) => e === "apolitical" ? {
+}, zn = (e) => e === "apolitical" ? {
   image: `${mt}logos/member_apolitical.svg`
 } : e === "community" || typeof e == "object" && !e.name ? {
   image: `${mt}logos/member_community.svg`
@@ -1997,7 +1997,7 @@ const jn = 256, Ke = ({
   country: e.location && e.location.country || "",
   url: `/profiles/${e.id}`,
   image: e.image && e.image.thumbnail
-}, kr = ({
+}, jr = ({
   role: e = "",
   organisation: t = "",
   country: n = "",
@@ -2018,10 +2018,10 @@ const nn = ({
   gtmType: o = "member-click",
   className: i = ""
 }) => {
-  const l = C(), a = Yn(t);
+  const l = C(), a = zn(t);
   a.name || (a.name = l.formatMessage({ id: `member_${typeof t == "string" ? t : "community"}` }));
-  const { name: u, url: c, image: m } = a, d = kr(a), p = n && n.createdAt ? Jt(n.createdAt) : !1, h = n && n.createdAt ? Bn(n.createdAt) : "";
-  return D.createElement(e, {
+  const { name: u, url: c, image: m } = a, d = jr(a), p = n && n.createdAt ? Jt(n.createdAt) : !1, h = n && n.createdAt ? In(n.createdAt) : "";
+  return P.createElement(e, {
     className: E("member text-medium", i),
     children: /* @__PURE__ */ s.jsxs(
       yt,
@@ -2047,10 +2047,10 @@ const nn = ({
     )
   });
 };
-const yn = {
+const jn = {
   small: 24,
   medium: 48
-}, Gn = ({
+}, Vn = ({
   element: e = "div",
   contributors: { total: t, data: n } = { total: void 0, data: [] },
   styling: { showText: r, size: o, showGap: i, showPlaceholders: l } = {
@@ -2064,23 +2064,23 @@ const yn = {
   ...c
 }) => {
   const m = C();
-  return !n || n.length === 0 ? null : D.createElement(e, {
+  return !n || n.length === 0 ? null : P.createElement(e, {
     ...c,
     className: E("contributors", u, o, { "has-gap": i }),
     children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
       /* @__PURE__ */ s.jsx("ul", { children: n.map((d, p) => {
         let h, g = "";
         if (p < a) {
-          const { name: v = "", image: _ = "" } = Yn(d);
+          const { name: v = "", image: w = "" } = zn(d);
           if (l)
             return /* @__PURE__ */ s.jsx(Te, { element: "li", className: "contributor" }, p);
           h = /* @__PURE__ */ s.jsx(
             Ke,
             {
               name: v,
-              src: _,
-              width: yn[o || "medium"],
-              height: yn[o || "medium"]
+              src: w,
+              width: jn[o || "medium"],
+              height: jn[o || "medium"]
             }
           );
         } else if (p === a) {
@@ -2091,7 +2091,7 @@ const yn = {
               className: E({ "large-number": v > 99 }),
               children: [
                 "+",
-                Zs(v, 0)
+                Ks(v, 0)
               ]
             }
           ), g = "number-left";
@@ -2101,8 +2101,8 @@ const yn = {
       r && /* @__PURE__ */ s.jsx("span", { className: "label", children: typeof r == "string" ? r : n.length === 1 ? typeof n[0] == "string" ? m.formatMessage({ id: `member_${n[0]}` }) : He(n[0].name || "", 20) : null })
     ] })
   });
-}, jr = ({ showDevTools: e = !0, children: t }) => {
-  const n = new $s({
+}, yr = ({ showDevTools: e = !0, children: t }) => {
+  const n = new Ss({
     // default options we would like on all queries can be overridden individually
     defaultOptions: {
       queries: {
@@ -2113,20 +2113,20 @@ const yn = {
       }
     }
   });
-  return /* @__PURE__ */ s.jsxs(Ts, { client: n, children: [
+  return /* @__PURE__ */ s.jsxs($s, { client: n, children: [
     t,
-    e && /* @__PURE__ */ s.jsx(Ms, { initialIsOpen: !1 })
+    e && /* @__PURE__ */ s.jsx(Ns, { initialIsOpen: !1 })
   ] });
 };
-var yr = Kt({ client: dt });
-function Er(e) {
+var Er = Kt({ client: dt });
+function Sr(e) {
   var t = e.children, n = e.client, r = e.apiKey, o = e.options, i = bt(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 && o && 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 && (dt.__loaded && console.warn("[PostHog.js] was already loaded elsewhere. This may cause issues."), dt.init(r, o)), dt);
   }, [n, r]);
-  return D.createElement(yr.Provider, { value: { client: i } }, t);
+  return P.createElement(Er.Provider, { value: { client: i } }, t);
 }
-const Sr = ({ children: e, user: t }) => t.isLoading ? null : process.env.REACT_APP_PUBLIC_POSTHOG_KEY ? /* @__PURE__ */ s.jsx(
-  Er,
+const $r = ({ children: e, user: t }) => t.isLoading ? null : process.env.REACT_APP_PUBLIC_POSTHOG_KEY ? /* @__PURE__ */ s.jsx(
+  Sr,
   {
     apiKey: atob(process.env.REACT_APP_PUBLIC_POSTHOG_KEY),
     options: {
@@ -2142,34 +2142,34 @@ const Sr = ({ children: e, user: t }) => t.isLoading ? null : process.env.REACT_
     },
     children: e
   }
-) : e, $r = ({ children: e, locale: t, messages: n }) => {
+) : e, Tr = ({ children: e, locale: t, messages: n }) => {
   const r = t || "en", o = {
-    ...Xs[r],
+    ...Zs[r],
     ...n || {}
   };
-  return /* @__PURE__ */ s.jsx(Es, { locale: r, messages: o, children: e });
+  return /* @__PURE__ */ s.jsx(ys, { locale: r, messages: o, children: e });
 }, Se = Kt({ isLoading: !0 });
-function Tr() {
+function Mr() {
   return we(Se);
 }
-const Mr = ({ children: e, user: t }) => /* @__PURE__ */ s.jsx(Se.Provider, { value: t, children: e }), io = ({ bootstrap: e, children: t, intl: n }) => {
-  const [r, o] = R({ isLoading: !0 });
-  return G(() => {
+const Nr = ({ children: e, user: t }) => /* @__PURE__ */ s.jsx(Se.Provider, { value: t, children: e }), co = ({ bootstrap: e, children: t, intl: n }) => {
+  const [r, o] = A({ isLoading: !0 });
+  return Y(() => {
     e().then((i) => {
-      o({ ...i, isLoading: !1 }), Ks(5e3);
+      o({ ...i, isLoading: !1 }), er(5e3);
     }).catch(() => o({ isLoading: !1 }));
-  }, []), /* @__PURE__ */ s.jsx($r, { locale: n == null ? void 0 : n.locale, messages: n == null ? void 0 : n.messages, children: /* @__PURE__ */ s.jsx(Cs, { children: /* @__PURE__ */ s.jsx(Mr, { user: r, children: /* @__PURE__ */ s.jsx(jr, { children: /* @__PURE__ */ s.jsx(Sr, { user: r, children: t }) }) }) }) });
+  }, []), /* @__PURE__ */ s.jsx(Tr, { locale: n == null ? void 0 : n.locale, messages: n == null ? void 0 : n.messages, children: /* @__PURE__ */ s.jsx(Cs, { children: /* @__PURE__ */ s.jsx(Nr, { user: r, children: /* @__PURE__ */ s.jsx(yr, { children: /* @__PURE__ */ s.jsx($r, { user: r, children: t }) }) }) }) });
 };
-const At = "joinCommunityButton", Jn = ({ isMember: e = !1, isShort: t = !1, functions: { join: n, leave: r } = { join: () => {
+const At = "joinCommunityButton", Yn = ({ isMember: e = !1, isShort: t = !1, functions: { join: n, leave: r } = { join: () => {
 }, leave: () => {
 } } }) => {
-  const o = C(), i = we(Se), l = i && typeof i.id == "string", [a, u] = R(e), [c, m] = R(e ? "joined" : "notJoined");
-  G(() => {
+  const o = C(), i = we(Se), l = i && typeof i.id == "string", [a, u] = A(e), [c, m] = A(e ? "joined" : "notJoined");
+  Y(() => {
     c === "joining" ? m("joined") : c === "leaving" && m("notJoined");
   }, [a]);
   const d = {}, p = {};
   return a && c !== "leaving" && (d["data-hover-text"] = o.formatMessage({ id: `${At}_leave` }), d["aria-label"] = o.formatMessage({ id: `${At}_member_aria` }), p["aria-hidden"] = "true"), /* @__PURE__ */ s.jsx(
-    W,
+    U,
     {
       variant: a ? "secondary" : "primary",
       size: "medium",
@@ -2185,7 +2185,7 @@ const At = "joinCommunityButton", Jn = ({ isMember: e = !1, isShort: t = !1, fun
     }
   );
 };
-const Ft = "communityDetails_", co = ({
+const Ft = "communityDetails_", lo = ({
   className: e = "",
   isMember: t = !1,
   slug: n,
@@ -2204,7 +2204,7 @@ const Ft = "communityDetails_", co = ({
         !d && /* @__PURE__ */ s.jsx("p", { className: "text-small", children: /* @__PURE__ */ s.jsx("a", { href: `/communities/${n}/members`, children: a.formatMessage({ id: `${Ft}viewAll` }) }) })
       ] }),
       /* @__PURE__ */ s.jsx(
-        Gn,
+        Vn,
         {
           contributors: {
             total: r,
@@ -2219,9 +2219,9 @@ const Ft = "communityDetails_", co = ({
         }
       )
     ] }),
-    /* @__PURE__ */ s.jsx(Jn, { isMember: t, functions: { ...l } }),
+    /* @__PURE__ */ s.jsx(Yn, { isMember: t, functions: { ...l } }),
     t && /* @__PURE__ */ s.jsx(
-      W,
+      U,
       {
         variant: "primary",
         onClick: i,
@@ -2232,21 +2232,21 @@ const Ft = "communityDetails_", co = ({
     )
   ] });
 };
-const lo = ({
+const uo = ({
   breadcrumbs: e,
   cutoff: t = 20,
   className: n = ""
 }) => {
   const r = C();
   return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsx(ue, { element: "p", children: r.formatMessage({ id: "breadcrumbs_label" }) }),
+    /* @__PURE__ */ s.jsx(me, { element: "p", children: r.formatMessage({ id: "breadcrumbs_label" }) }),
     /* @__PURE__ */ s.jsx("ul", { className: E("breadcrumbs text-small", n), children: e.map(({ text: o, href: i, current: l = !1 }, a) => /* @__PURE__ */ s.jsxs("li", { children: [
-      l && /* @__PURE__ */ s.jsx(ue, { element: "span", children: r.formatMessage({ id: "breadcrumbs_currentPage" }) }),
+      l && /* @__PURE__ */ s.jsx(me, { element: "span", children: r.formatMessage({ id: "breadcrumbs_currentPage" }) }),
       /* @__PURE__ */ s.jsx(yt, { href: l ? void 0 : i, children: He(o, t) })
     ] }, `${window.btoa(o)}_${a}`)) })
   ] });
 };
-const uo = ({
+const mo = ({
   options: e,
   allOption: t = !1,
   allowMultiple: n = !0,
@@ -2254,7 +2254,7 @@ const uo = ({
   },
   className: o = ""
 }) => {
-  const i = C(), l = t ? [{ id: "all", text: typeof t != "boolean" && t.text || i.formatMessage({ id: "filters_all" }) }, ...e] : e, [a, u] = R(t ? ["all"] : []), c = (m, d) => {
+  const i = C(), l = t ? [{ id: "all", text: typeof t != "boolean" && t.text || i.formatMessage({ id: "filters_all" }) }, ...e] : e, [a, u] = A(t ? ["all"] : []), c = (m, d) => {
     let p = [];
     a.includes(m) ? p = a.filter((h) => h !== m) : m === "all" ? p = ["all"] : n ? p = [...a.filter((h) => h !== "all"), m] : p = [m], u((h) => (r && typeof r == "function" && r({ current: p, previous: h }), p)), d && typeof d == "function" && d();
   };
@@ -2282,7 +2282,7 @@ const uo = ({
     i === "before-lang" ? r += `/${o}` : (r.includes(`/${n}/`) || (r += `/${n}`), r += `/${o}`);
   }), r.includes(`/${n}/`) || (r += `/${n}`), r;
 };
-const Lt = { en: "English", es: "Español", fr: "Français", pt: "Português" }, rt = "languageSwitcher_", mo = ({
+const Lt = { en: "English", es: "Español", fr: "Français", pt: "Português" }, rt = "languageSwitcher_", fo = ({
   currentLanguage: e,
   isOriginalLanguage: t = !1,
   isHumanTranslation: n = !1,
@@ -2294,8 +2294,8 @@ const Lt = { en: "English", es: "Español", fr: "Français", pt: "Português" },
   label: a,
   className: u = ""
 }) => {
-  const c = C(), [m, d] = R(e);
-  if (G(() => {
+  const c = C(), [m, d] = A(e);
+  if (Y(() => {
     e !== m && d(e);
   }, [e]), !r || !Object.values(r).some((v) => v && v.post_name))
     return null;
@@ -2306,14 +2306,14 @@ const Lt = { en: "English", es: "Español", fr: "Français", pt: "Português" },
       /* @__PURE__ */ s.jsx("ul", { children: h.map((v) => {
         if (!Lt[v])
           return null;
-        let _ = { className: v };
-        return m === v ? _["aria-label"] = c.formatMessage({ id: `${rt}selected` }, { language: Lt[v] }) : _ = {
-          ..._,
+        let w = { className: v };
+        return m === v ? w["aria-label"] = c.formatMessage({ id: `${rt}selected` }, { language: Lt[v] }) : w = {
+          ...w,
           href: Cr(v, i),
           onClick: (y) => {
             y.preventDefault(), y.stopPropagation(), d(v), o(v);
           }
-        }, /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(yt, { ..._, fallbackElement: "span", children: Lt[v] }) }, v);
+        }, /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(yt, { ...w, fallbackElement: "span", children: Lt[v] }) }, v);
       }) }),
       l !== "short" && !g && /* @__PURE__ */ s.jsx("p", { children: c.formatMessage({ id: `${rt}translation_${t ? "original" : n ? "human" : "machine"}` }) })
     ] }),
@@ -2324,16 +2324,17 @@ const Lt = { en: "English", es: "Español", fr: "Français", pt: "Português" },
       children: c.formatMessage({ id: `${rt}disclaimer` }, {
         email: Xe.support,
         link: (v) => {
-          const _ = `mailto:${v}`;
-          return /* @__PURE__ */ s.jsx("a", { href: _, children: v });
+          const w = `mailto:${v}`;
+          return /* @__PURE__ */ s.jsx("a", { href: w, children: v });
         }
       })
     })
   ] });
 };
-const It = Ss({ locale: "en", messages: en }), Nr = ({
-  hasNextPage: e,
-  loadNextPage: t,
+const It = Es({ locale: "en", messages: en }), Gn = ({
+  hasNextPage: e = !0,
+  loadNextPage: t = () => {
+  },
   icon: n = !1,
   messages: r = {
     button: It.formatMessage({ id: "loadMore_button" }),
@@ -2343,44 +2344,41 @@ const It = Ss({ locale: "en", messages: en }), Nr = ({
   className: o = "",
   gtmContext: i = "LoadMore"
 }) => {
-  const [l, a] = R(!1), [u, c] = R(e), m = async (d) => {
+  const [l, a] = A(""), u = async (c) => {
     try {
-      await t(d);
-    } catch (p) {
-      p instanceof Error && p.message && p.message.includes("Cannot read items") ? c(!1) : a(!0);
+      await t(c);
+    } catch (m) {
+      m instanceof Error ? a(m.message) : a("Unknown error");
     }
   };
-  return /* @__PURE__ */ s.jsxs("footer", { className: E("load-more", o), children: [
-    l && /* @__PURE__ */ s.jsx("p", { className: "error", children: r.error }),
-    u ? /* @__PURE__ */ s.jsx(
-      W,
-      {
-        variant: "secondary",
-        icon: n,
-        onClick: m,
-        "data-gtm-event-context": i,
-        "data-gtm-event-type": "load-more-click",
-        className: "gtm-trackable",
-        "data-testid": "load-more-button",
-        children: r.button
-      }
-    ) : /* @__PURE__ */ s.jsx("p", { children: r.endOfFeed })
-  ] });
+  return /* @__PURE__ */ s.jsx("footer", { className: E("load-more", o), children: !l && e ? /* @__PURE__ */ s.jsx(
+    U,
+    {
+      variant: "secondary",
+      icon: n,
+      onClick: u,
+      "data-gtm-event-context": i,
+      "data-gtm-event-type": "load-more-click",
+      className: "gtm-trackable",
+      "data-testid": "load-more-button",
+      children: r.button
+    }
+  ) : !l || l != null && l.includes("Cannot read items") ? /* @__PURE__ */ s.jsx("p", { children: r.endOfFeed }) : /* @__PURE__ */ s.jsx("p", { className: "error", children: r.error }) });
 };
-const qn = ({ variant: e = "default", version: t = "default", className: n = "", ...r }) => /* @__PURE__ */ s.jsx("p", { className: "logo-wrapper", children: /* @__PURE__ */ s.jsx("a", { href: "/home/", className: E("logo", e, t, n), ...r, children: /* @__PURE__ */ s.jsx(ue, { children: /* @__PURE__ */ s.jsx(Pe, { id: "apolitical" }) }) }) });
+const Jn = ({ variant: e = "default", version: t = "default", className: n = "", ...r }) => /* @__PURE__ */ s.jsx("p", { className: "logo-wrapper", children: /* @__PURE__ */ s.jsx("a", { href: "/home/", className: E("logo", e, t, n), ...r, children: /* @__PURE__ */ s.jsx(me, { children: /* @__PURE__ */ s.jsx(De, { id: "apolitical" }) }) }) });
 let at = !1;
-const Dr = ({ element: e = "div", id: t = "more-menu", options: n, className: r = "" }) => {
-  const o = C(), i = ae(null), [l, a] = R(!1), u = (c) => {
+const Pr = ({ element: e = "div", id: t = "more-menu", options: n, className: r = "" }) => {
+  const o = C(), i = ae(null), [l, a] = A(!1), u = (c) => {
     i.current && c.target instanceof HTMLElement && !i.current.contains(c.target) && a(!1);
   };
-  return G(() => (document.addEventListener("click", u, !0), () => {
+  return Y(() => (document.addEventListener("click", u, !0), () => {
     document.removeEventListener("click", u, !0);
-  })), D.createElement(e, {
+  })), P.createElement(e, {
     ref: i,
     className: E("more-menu text-medium", r),
     children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
       /* @__PURE__ */ s.jsx(
-        W,
+        U,
         {
           variant: "tertiary",
           size: "medium",
@@ -2395,8 +2393,8 @@ const Dr = ({ element: e = "div", id: t = "more-menu", options: n, className: r
       /* @__PURE__ */ s.jsx("ul", { id: t, hidden: !l, children: n.map(({ href: c, onClick: m, text: d, icon: p, ...h }, g) => {
         const v = {
           ...h,
-          onClick: (_) => {
-            a(!1), typeof m == "function" && m(_);
+          onClick: (w) => {
+            a(!1), typeof m == "function" && m(w);
           },
           onFocus: () => {
             at && (clearTimeout(at), at = !1);
@@ -2408,7 +2406,7 @@ const Dr = ({ element: e = "div", id: t = "more-menu", options: n, className: r
           }
         };
         return c && (v.href = c), /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
-          W,
+          U,
           {
             variant: "tertiary",
             size: "medium",
@@ -2420,7 +2418,7 @@ const Dr = ({ element: e = "div", id: t = "more-menu", options: n, className: r
       }) })
     ] })
   });
-}, Pr = (e, t = !1) => t ? e.replaceAll("/", "") === t : typeof window < "u" && window.location && window.location.pathname === e;
+}, Dr = (e, t = !1) => t ? e.replaceAll("/", "") === t : typeof window < "u" && window.location && window.location.pathname === e;
 const Rr = [
   {
     key: "homepage",
@@ -2448,7 +2446,7 @@ const Rr = [
     Rr.map(({ key: o, href: i }) => /* @__PURE__ */ s.jsx(
       "li",
       {
-        className: E(o, { active: Pr(i, e) }),
+        className: E(o, { active: Dr(i, e) }),
         children: /* @__PURE__ */ s.jsx(
           "a",
           {
@@ -2525,7 +2523,7 @@ ${qe(t, "mailto", n)}&src=email`
     onClick: (r, o) => (r.preventDefault(), r.stopPropagation(), navigator.clipboard.writeText(o))
   }
 ];
-const Lr = "shareLinks_", fo = ({
+const Lr = "shareLinks_", ho = ({
   title: e,
   link: t,
   referrer: n,
@@ -2542,7 +2540,7 @@ const Lr = "shareLinks_", fo = ({
         return null;
       const g = {};
       return h && (g.onClick = (v) => h(v, d)), /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
-        W,
+        U,
         {
           size: o,
           variant: "tertiary",
@@ -2561,7 +2559,7 @@ const Lr = "shareLinks_", fo = ({
     }) })
   ] });
 };
-const ho = ({ tabs: e, className: t = "" }) => {
+const po = ({ tabs: e, className: t = "" }) => {
   var u;
   const n = (c, m, d) => (c || (c = `panel-${window.btoa(m)}-${d}`), c);
   let r = e.findIndex((c) => c.current === !0);
@@ -2575,14 +2573,14 @@ const ho = ({ tabs: e, className: t = "" }) => {
         }
     }
   }
-  const [o, i] = R(
+  const [o, i] = A(
     (u = e[r]) != null && u.id ? e[r].id : n(e[r].id, e[r].text, r)
   ), l = [], a = [];
   return e.forEach(({ id: c, text: m, content: d, href: p }, h) => {
     c = n(c, m, h);
     const g = o === c, v = {};
-    p || (v["aria-controls"] = c, v.onClick = (_) => {
-      _.preventDefault(), _.stopPropagation(), i(c), window.location.hash = `#${c}`;
+    p || (v["aria-controls"] = c, v.onClick = (w) => {
+      w.preventDefault(), w.stopPropagation(), i(c), window.location.hash = `#${c}`;
     }, a.push(
       /* @__PURE__ */ s.jsx(
         "section",
@@ -2626,13 +2624,13 @@ const Ir = {
 }) => {
   const o = kt(!0);
   let i = r;
-  return D.Children.count(r) === 1 && (i = D.Children.toArray(r)[0], i.props && (i = i.props.children)), /* @__PURE__ */ s.jsx("section", { className: E("columns", `layout-${e}`, n), children: D.Children.map(i, (l, a) => t !== !1 && a === t && o && o < Ir[e] ? null : l) });
-}, po = ({ activeLink: e, ...t }) => /* @__PURE__ */ s.jsx(Or, { layout: "1-3", children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+  return P.Children.count(r) === 1 && (i = P.Children.toArray(r)[0], i.props && (i = i.props.children)), /* @__PURE__ */ s.jsx("section", { className: E("columns", `layout-${e}`, n), children: P.Children.map(i, (l, a) => t !== !1 && a === t && o && o < Ir[e] ? null : l) });
+}, go = ({ activeLink: e, ...t }) => /* @__PURE__ */ s.jsx(Or, { layout: "1-3", children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
   /* @__PURE__ */ s.jsx(Ar, { activeLink: e }),
-  /* @__PURE__ */ s.jsx(_r, { ...t })
+  /* @__PURE__ */ s.jsx(xr, { ...t })
 ] }) });
 const Ot = "cookieBanner_", Bt = ["apol-cookie-banner", "apolitical-performance-cookie-consent", "functional-cookie-consent"], Ht = new Date(Date.now() + 12 * 30 * 24 * 60 * 60 * 1e3), Br = () => {
-  const e = C(), [t, n, r] = Ns(Bt), [o, i] = R(!t["apol-cookie-banner"]), l = () => {
+  const e = C(), [t, n, r] = Ps(Bt), [o, i] = A(!t["apol-cookie-banner"]), l = () => {
     Bt.forEach((m) => {
       n(m, !0, {
         path: "/",
@@ -2677,7 +2675,7 @@ const Ot = "cookieBanner_", Bt = ["apol-cookie-banner", "apolitical-performance-
     /* @__PURE__ */ s.jsx("p", { children: e.formatMessage({ id: `${Ot}text` }) }),
     /* @__PURE__ */ s.jsx(jt, { buttons: c })
   ] });
-}, Ne = {
+}, Ce = {
   platform: {
     order: ["events", "courses", "qanda", "articles"],
     // An array guarantees the right order
@@ -2771,15 +2769,15 @@ const Ot = "cookieBanner_", Bt = ["apol-cookie-banner", "apolitical-performance-
     facebook: { href: "https://www.facebook.com/apoliticalco" }
   }
 };
-const Be = "footer_", ht = "SiteFooter", En = ({ group: e }) => {
-  const t = Ne[e].order || [];
+const Be = "footer_", ht = "SiteFooter", yn = ({ group: e }) => {
+  const t = Ce[e].order || [];
   let n = !1;
-  return "text" in Ne[e] && (n = Ne[e].text), /* @__PURE__ */ s.jsxs(Yt, { children: [
-    /* @__PURE__ */ s.jsx("p", { className: "pre-title", children: /* @__PURE__ */ s.jsx(Pe, { id: `${Be}${e}` }) }),
+  return "text" in Ce[e] && (n = Ce[e].text), /* @__PURE__ */ s.jsxs(Yt, { children: [
+    /* @__PURE__ */ s.jsx("p", { className: "pre-title", children: /* @__PURE__ */ s.jsx(De, { id: `${Be}${e}` }) }),
     Array.isArray(t) && t.length > 0 && /* @__PURE__ */ s.jsx("ul", { className: "text-medium", children: t.map((r) => {
       if (["order", "child", "text"].includes(r))
         return null;
-      const { href: o, gtmType: i } = Ne[e][r], l = {};
+      const { href: o, gtmType: i } = Ce[e][r], l = {};
       return ["legal"].includes(e) && (l.target = "_blank", l.rel = "noopener"), /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
         "a",
         {
@@ -2788,14 +2786,14 @@ const Be = "footer_", ht = "SiteFooter", En = ({ group: e }) => {
           "data-gtm-event-context": ht,
           "data-gtm-event-type": i,
           ...l,
-          children: /* @__PURE__ */ s.jsx(Pe, { id: `${Be}${e}_${r}` })
+          children: /* @__PURE__ */ s.jsx(De, { id: `${Be}${e}_${r}` })
         }
       ) }, `${e}_${r}`);
     }) }),
     typeof n != "boolean" && "order" in n && Array.isArray(n.order) && /* @__PURE__ */ s.jsx("dl", { className: "text-medium", children: n.order.map((r) => /* @__PURE__ */ s.jsxs(Yt, { children: [
-      /* @__PURE__ */ s.jsx("dt", { children: /* @__PURE__ */ s.jsx(Pe, { id: `${Be}${e}_${r}` }) }),
+      /* @__PURE__ */ s.jsx("dt", { children: /* @__PURE__ */ s.jsx(De, { id: `${Be}${e}_${r}` }) }),
       /* @__PURE__ */ s.jsxs("dd", { children: [
-        typeof n != "boolean" && n[r].address && /* @__PURE__ */ s.jsx("address", { children: /* @__PURE__ */ s.jsx(Pe, { id: `${Be}${e}_${r}_address`, values: { br: /* @__PURE__ */ s.jsx("br", {}) } }) }),
+        typeof n != "boolean" && n[r].address && /* @__PURE__ */ s.jsx("address", { children: /* @__PURE__ */ s.jsx(De, { id: `${Be}${e}_${r}_address`, values: { br: /* @__PURE__ */ s.jsx("br", {}) } }) }),
         typeof n != "boolean" && n[r].email && /* @__PURE__ */ s.jsx(
           "a",
           {
@@ -2809,10 +2807,10 @@ const Be = "footer_", ht = "SiteFooter", En = ({ group: e }) => {
       ] })
     ] }, `dl-${e}-${r}`)) })
   ] }, e);
-}, Xn = () => /* @__PURE__ */ s.jsx("div", { id: "footer", children: /* @__PURE__ */ s.jsxs("div", { className: "wrapper", children: [
-  /* @__PURE__ */ s.jsx(Fn, { element: "hr" }),
+}, qn = () => /* @__PURE__ */ s.jsx("div", { id: "footer", children: /* @__PURE__ */ s.jsxs("div", { className: "wrapper", children: [
+  /* @__PURE__ */ s.jsx(Rn, { element: "hr" }),
   /* @__PURE__ */ s.jsx(
-    qn,
+    Jn,
     {
       variant: "inverted",
       version: "full",
@@ -2822,13 +2820,13 @@ const Be = "footer_", ht = "SiteFooter", En = ({ group: e }) => {
     }
   ),
   /* @__PURE__ */ s.jsx("footer", { children: ["platform", "community", "company", "contact"].map((e) => /* @__PURE__ */ s.jsxs("div", { className: "group", children: [
-    /* @__PURE__ */ s.jsx(En, { group: e }),
-    Object.keys(Ne[e]).includes("child") && /* @__PURE__ */ s.jsx(En, { group: Ne[e].child })
+    /* @__PURE__ */ s.jsx(yn, { group: e }),
+    Object.keys(Ce[e]).includes("child") && /* @__PURE__ */ s.jsx(yn, { group: Ce[e].child })
   ] }, e)) }),
   /* @__PURE__ */ s.jsx("hr", {}),
   /* @__PURE__ */ s.jsxs("div", { className: "sub-footer", children: [
-    /* @__PURE__ */ s.jsx("ul", { children: Array.isArray(Ne.social.order) && Ne.social.order.map((e) => {
-      const t = Ne.social[e];
+    /* @__PURE__ */ s.jsx("ul", { children: Array.isArray(Ce.social.order) && Ce.social.order.map((e) => {
+      const t = Ce.social[e];
       return /* @__PURE__ */ s.jsx("li", { className: e, children: /* @__PURE__ */ s.jsx(
         "a",
         {
@@ -2838,15 +2836,15 @@ const Be = "footer_", ht = "SiteFooter", En = ({ group: e }) => {
           className: "gtm-trackable",
           "data-gtm-event-context": ht,
           "data-gtm-event-type": "social-click",
-          children: /* @__PURE__ */ s.jsx("span", { className: "hidden", children: /* @__PURE__ */ s.jsx(Pe, { id: `${Be}social_${e}` }) })
+          children: /* @__PURE__ */ s.jsx("span", { className: "hidden", children: /* @__PURE__ */ s.jsx(De, { id: `${Be}social_${e}` }) })
         }
       ) }, e);
     }) }),
-    /* @__PURE__ */ s.jsx("small", { children: /* @__PURE__ */ s.jsx(Pe, { id: `${Be}copyright`, values: { currentYear: (/* @__PURE__ */ new Date()).getFullYear() } }) })
+    /* @__PURE__ */ s.jsx("small", { children: /* @__PURE__ */ s.jsx(De, { id: `${Be}copyright`, values: { currentYear: (/* @__PURE__ */ new Date()).getFullYear() } }) })
   ] })
 ] }) });
-const ot = "emailHelperTextBox_", go = ({ type: e, email: t, redirectPath: n, resendVerificationCode: r }) => {
-  const o = C(), [i, l] = R({ path: `${ot}default`, type: "default", link: {}, mail: {}, error: "" }), [a, u] = R(!1), c = Ae(
+const ot = "emailHelperTextBox_", _o = ({ type: e, email: t, redirectPath: n, resendVerificationCode: r }) => {
+  const o = C(), [i, l] = A({ path: `${ot}default`, type: "default", link: {}, mail: {}, error: "" }), [a, u] = A(!1), c = Ae(
     (h) => {
       h.preventDefault(), h.stopPropagation();
       const g = (v) => {
@@ -2857,7 +2855,7 @@ const ot = "emailHelperTextBox_", go = ({ type: e, email: t, redirectPath: n, re
             "data-gtm-event-context": "VerifyEmailBox",
             "data-gtm-event-type": "SendEmailClick",
             className: "gtm-trackable",
-            onClick: (_) => c(_),
+            onClick: (w) => c(w),
             href: "#",
             "data-testid": "send-verify-email-click"
           },
@@ -2885,9 +2883,9 @@ const ot = "emailHelperTextBox_", go = ({ type: e, email: t, redirectPath: n, re
     /* eslint-disable react-hooks/exhaustive-deps */
     [t, n, r]
   );
-  G(
+  Y(
     () => {
-      let h = ot, g = "default", v = {}, _ = {};
+      let h = ot, g = "default", v = {}, w = {};
       switch (e) {
         case "gov":
           h += "autoApproved", g = "success";
@@ -2900,7 +2898,7 @@ const ot = "emailHelperTextBox_", go = ({ type: e, email: t, redirectPath: n, re
           };
           break;
         case "pending":
-          h += "pendingApproval", g = "error", _ = {
+          h += "pendingApproval", g = "error", w = {
             href: "mailto:concierge@apolitical.co",
             className: "gtm-trackable",
             "data-gtm-event-context": "EmailExistsBox",
@@ -2922,7 +2920,7 @@ const ot = "emailHelperTextBox_", go = ({ type: e, email: t, redirectPath: n, re
             href: "/user-onboarding/login",
             "data-gtm-event-context": "EmailExistsBox",
             "data-gtm-event-type": "login-click"
-          }, _ = {
+          }, w = {
             href: "mailto:concierge@apolitical.co",
             className: "gtm-trackable",
             "data-gtm-event-context": "EmailExistsBox",
@@ -2937,7 +2935,7 @@ const ot = "emailHelperTextBox_", go = ({ type: e, email: t, redirectPath: n, re
           };
           break;
       }
-      l({ ...i, path: h, type: g, link: v, mail: _ });
+      l({ ...i, path: h, type: g, link: v, mail: w });
     },
     /* eslint-disable react-hooks/exhaustive-deps */
     [e]
@@ -2945,7 +2943,7 @@ const ot = "emailHelperTextBox_", go = ({ type: e, email: t, redirectPath: n, re
   const m = {};
   return ["link", "mail"].forEach((h) => {
     m[h] = Object.keys(i[h]).length ? (g) => /* @__PURE__ */ s.jsx("a", { ...i[h], children: g }) : (g) => g;
-  }), /* @__PURE__ */ s.jsx(cr, { type: i.type, heading: a ? !1 : o.formatMessage({ id: `${i.path}_title` }), children: a ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+  }), /* @__PURE__ */ s.jsx(lr, { type: i.type, heading: a ? !1 : o.formatMessage({ id: `${i.path}_title` }), children: a ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx(Te, { element: "span" }),
     /* @__PURE__ */ s.jsx(Te, { element: "span" })
   ] }) : (
@@ -2967,29 +2965,29 @@ const ot = "emailHelperTextBox_", go = ({ type: e, email: t, redirectPath: n, re
     )
   ) });
 };
-const it = "passwordRules_", Zn = "isMoreThanEightCharacters", Kn = "includesNumberAndSymbol", es = "includesLowerAndUppercase", Hr = {
-  [Zn]: "8Characters",
-  [Kn]: "numberSymbol",
-  [es]: "lowercaseUppercase"
+const it = "passwordRules_", Xn = "isMoreThanEightCharacters", Zn = "includesNumberAndSymbol", Kn = "includesLowerAndUppercase", Hr = {
+  [Xn]: "8Characters",
+  [Zn]: "numberSymbol",
+  [Kn]: "lowercaseUppercase"
 }, Qr = ({ matchingRules: e = { isMoreThanEightCharacters: !1, includesNumberAndSymbol: !1, includesLowerAndUppercase: !1 }, className: t = "" }) => {
   const n = C();
   return /* @__PURE__ */ s.jsxs("aside", { className: E("password-rules", t), children: [
     /* @__PURE__ */ s.jsx("small", { children: n.formatMessage({ id: `${it}intro` }) }),
-    /* @__PURE__ */ s.jsx("ul", { children: [Zn, Kn, es].map((r) => /* @__PURE__ */ s.jsxs("li", { className: E({ matches: e[r] }), children: [
-      /* @__PURE__ */ s.jsxs(ue, { children: [
+    /* @__PURE__ */ s.jsx("ul", { children: [Xn, Zn, Kn].map((r) => /* @__PURE__ */ s.jsxs("li", { className: E({ matches: e[r] }), children: [
+      /* @__PURE__ */ s.jsxs(me, { children: [
         n.formatMessage({ id: `${it}rule_label` }),
         " "
       ] }),
       /* @__PURE__ */ s.jsx("span", { children: n.formatMessage({ id: `${it}rule_${Hr[r]}` }) }),
-      !e[r] && /* @__PURE__ */ s.jsxs(ue, { element: "strong", children: [
+      !e[r] && /* @__PURE__ */ s.jsxs(me, { element: "strong", children: [
         " ",
         " ",
         n.formatMessage({ id: `${it}notMet` })
       ] })
     ] }, `rule-${r}`)) })
   ] });
-}, _o = We(Qr);
-const xo = ({
+}, xo = We(Qr);
+const bo = ({
   text: e = {},
   topRating: t = 5,
   functions: { createRating: n = () => null, updateRating: r = () => {
@@ -2998,15 +2996,15 @@ const xo = ({
   className: i = "",
   hasLoaded: l = !1
 }) => {
-  const a = C(), [u, c] = R({ setUp: !1, id: null, rating: null, disabled: !0 }), m = async () => {
+  const a = C(), [u, c] = A({ setUp: !1, id: null, rating: null, disabled: !0 }), m = async () => {
     try {
       const y = await n();
-      c((w) => ({ ...w, setUp: !0, id: y && y.id, disabled: !1 }));
+      c((x) => ({ ...x, setUp: !0, id: y && y.id, disabled: !1 }));
     } catch (y) {
-      c((w) => ({ ...w, setUp: !0, disabled: !0 })), o(y);
+      c((x) => ({ ...x, setUp: !0, disabled: !0 })), o(y);
     }
   };
-  if (G(() => {
+  if (Y(() => {
     l && !u.setUp && m();
   }, [l]), !l)
     return /* @__PURE__ */ s.jsx(Te, { className: "rating-placeholder" });
@@ -3016,36 +3014,36 @@ const xo = ({
     high: a.formatMessage({ id: `${g}high` }),
     success: a.formatMessage({ id: `${g}success` }),
     ...e
-  }, _ = async (y) => {
+  }, w = async (y) => {
     if (!(!d || h))
       try {
-        c((w) => ({ ...w, rating: y, disabled: !0 })), await r({ id: d, value: y });
-      } catch (w) {
-        c((x) => ({ ...x, rating: null })), o(w);
+        c((x) => ({ ...x, rating: y, disabled: !0 })), await r({ id: d, value: y });
+      } catch (x) {
+        c((_) => ({ ..._, rating: null })), o(x);
       } finally {
-        c((w) => ({ ...w, disabled: !1 }));
+        c((x) => ({ ...x, disabled: !1 }));
       }
   };
   return /* @__PURE__ */ s.jsxs("div", { className: E("rating", i), children: [
     /* @__PURE__ */ s.jsx("span", { className: "label", children: v[p ? "success" : "text"] }),
     /* @__PURE__ */ s.jsx("ol", { children: Array.from(new Array(t).keys()).map((y) => {
-      const w = y + 1;
-      return /* @__PURE__ */ s.jsx("li", { className: E({ selected: p && w <= p }), children: /* @__PURE__ */ s.jsx(
-        W,
+      const x = y + 1;
+      return /* @__PURE__ */ s.jsx("li", { className: E({ selected: p && x <= p }), children: /* @__PURE__ */ s.jsx(
+        U,
         {
           variant: "tertiary",
           size: "small",
-          icon: { icon: `star${!p || w > p ? "_empty" : ""}`, position: "left", hover: "star" },
+          icon: { icon: `star${!p || x > p ? "_empty" : ""}`, position: "left", hover: "star" },
           screenreaderText: `${a.formatMessage(
             { id: `${g}stars` },
-            { number: w, total: t }
-          )}${w === 1 || w === t ? ` - ${v[w === 1 ? "low" : "high"]}` : ""}`,
-          onClick: (x) => {
-            x.preventDefault(), x.stopPropagation(), _(w);
+            { number: x, total: t }
+          )}${x === 1 || x === t ? ` - ${v[x === 1 ? "low" : "high"]}` : ""}`,
+          onClick: (_) => {
+            _.preventDefault(), _.stopPropagation(), w(x);
           },
           disabled: h
         }
-      ) }, `rating-${w}`);
+      ) }, `rating-${x}`);
     }) })
   ] });
 };
@@ -3072,7 +3070,7 @@ const Ur = ({
       "data-gtm-event-context": o,
       "data-gtm-event-type": i,
       children: /* @__PURE__ */ s.jsx("fieldset", { id: `${e}-form`, hidden: n ? !l : !1, role: "search", children: /* @__PURE__ */ s.jsxs("p", { children: [
-        /* @__PURE__ */ s.jsx(ue, { element: "label", htmlFor: e, children: u.formatMessage({ id: "search_label" }) }),
+        /* @__PURE__ */ s.jsx(me, { element: "label", htmlFor: e, children: u.formatMessage({ id: "search_label" }) }),
         /* @__PURE__ */ s.jsx(
           "input",
           {
@@ -3094,10 +3092,10 @@ const Ur = ({
             onClick: (d) => {
               d.preventDefault(), d.stopPropagation(), c.current && c.current.value && (c.current.value = "");
             },
-            children: /* @__PURE__ */ s.jsx(ue, { children: u.formatMessage({ id: "search_clear" }) })
+            children: /* @__PURE__ */ s.jsx(me, { children: u.formatMessage({ id: "search_clear" }) })
           }
         ),
-        /* @__PURE__ */ s.jsx("button", { className: "search", onClick: m, children: /* @__PURE__ */ s.jsx(ue, { children: u.formatMessage({ id: "search_cta" }) }) })
+        /* @__PURE__ */ s.jsx("button", { className: "search", onClick: m, children: /* @__PURE__ */ s.jsx(me, { children: u.formatMessage({ id: "search_cta" }) }) })
       ] }) })
     }
   );
@@ -3115,40 +3113,40 @@ const Wr = ({
   initialFormStatus: c = "NOT_SUBMITTED"
   /* NOT_SUBMITTED */
 }) => {
-  const [m, d] = R([]), [p, h] = R(!0), [g, v] = R(c), { formatMessage: _ } = C(), y = async ($) => {
+  const [m, d] = A([]), [p, h] = A(!0), [g, v] = A(c), { formatMessage: w } = C(), y = async ($) => {
     $.preventDefault();
     try {
       await u(m), d([]), v(
         "SUCCESS"
         /* SUCCESS */
       );
-    } catch (M) {
+    } catch (N) {
       v(
         "ERROR"
         /* ERROR */
-      ), a(M);
+      ), a(N);
     }
-  }, w = ($) => {
+  }, x = ($) => {
     $.preventDefault(), v(
       "NOT_SUBMITTED"
       /* NOT_SUBMITTED */
     ), h(!0), d([]);
-  }, x = ($) => {
+  }, _ = ($) => {
     $.preventDefault(), l(), v(
       "CLOSED"
       /* CLOSED */
     );
   };
   return g === "CLOSED" ? null : g === "ERROR" || g === "SUCCESS" ? /* @__PURE__ */ s.jsxs("div", { className: "invite-form-wrapper", children: [
-    /* @__PURE__ */ s.jsx("div", { className: "content centred", children: g === "SUCCESS" ? /* @__PURE__ */ s.jsx("h2", { className: "success-title", children: _({ id: "inviteForm_success" }) }) : /* @__PURE__ */ s.jsxs("h2", { className: "error-title", children: [
+    /* @__PURE__ */ s.jsx("div", { className: "content centred", children: g === "SUCCESS" ? /* @__PURE__ */ s.jsx("h2", { className: "success-title", children: w({ id: "inviteForm_success" }) }) : /* @__PURE__ */ s.jsxs("h2", { className: "error-title", children: [
       " ",
-      _({ id: "inviteForm_error" })
+      w({ id: "inviteForm_error" })
     ] }) }),
     /* @__PURE__ */ s.jsx(Ue, {}),
     /* @__PURE__ */ s.jsx("div", { className: "footer", children: g === "SUCCESS" ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-      /* @__PURE__ */ s.jsx(W, { variant: "secondary", onClick: w, children: _({ id: "inviteForm_ctaSendMoreInvites" }) }),
-      /* @__PURE__ */ s.jsx(W, { onClick: x, children: _({ id: "inviteForm_ctaDone" }) })
-    ] }) : /* @__PURE__ */ s.jsx(W, { onClick: w, children: _({ id: "inviteForm_ctaTryAgain" }) }) })
+      /* @__PURE__ */ s.jsx(U, { variant: "secondary", onClick: x, children: w({ id: "inviteForm_ctaSendMoreInvites" }) }),
+      /* @__PURE__ */ s.jsx(U, { onClick: _, children: w({ id: "inviteForm_ctaDone" }) })
+    ] }) : /* @__PURE__ */ s.jsx(U, { onClick: x, children: w({ id: "inviteForm_ctaTryAgain" }) }) })
   ] }) : /* @__PURE__ */ s.jsx("div", { className: "invite-form-wrapper", children: /* @__PURE__ */ s.jsxs(
     "form",
     {
@@ -3164,37 +3162,37 @@ const Wr = ({
             {
               id: "email-input",
               inputClassName: "email-input input",
-              placeholder: _({ id: "inviteForm_email_placeholder" }),
+              placeholder: w({ id: "inviteForm_email_placeholder" }),
               emails: m,
               onChange: ($) => {
                 d($), h(!$.length);
               },
               autoFocus: !1,
-              getLabel: ($, M, A) => /* @__PURE__ */ s.jsxs("div", { className: "email text-medium", children: [
+              getLabel: ($, N, D) => /* @__PURE__ */ s.jsxs("div", { className: "email text-medium", children: [
                 /* @__PURE__ */ s.jsx("div", { "data-tag-item": !0, children: $ }),
                 /* @__PURE__ */ s.jsx(
-                  W,
+                  U,
                   {
                     variant: "tertiary",
                     size: "small",
                     icon: { icon: "close" },
                     onClick: () => {
-                      A(M), h(!m.length);
+                      D(N), h(!m.length);
                     },
                     className: "remove-email-button",
-                    screenreaderText: _({ id: "overlay_close" })
+                    screenreaderText: w({ id: "overlay_close" })
                   }
                 )
-              ] }, M)
+              ] }, N)
             }
           )
         ] }),
         /* @__PURE__ */ s.jsx(Ue, {}),
-        /* @__PURE__ */ s.jsx("fieldset", { className: "footer", children: /* @__PURE__ */ s.jsx(W, { className: "sendEmailsButton", disabled: p, children: n }) })
+        /* @__PURE__ */ s.jsx("fieldset", { className: "footer", children: /* @__PURE__ */ s.jsx(U, { className: "sendEmailsButton", disabled: p, children: n }) })
       ]
     }
   ) });
-}, U = {
+}, Q = {
   timeouts: {},
   handlerCalled: {},
   getIsDesktopVersion: (e, t) => {
@@ -3217,9 +3215,9 @@ const Wr = ({
     if (n[e] === t || e === "account" && t === !1 && n.navigation === !0)
       return;
     const o = Date.now();
-    if (!t && U.handlerCalled[e] && o - U.handlerCalled[e] < 500)
+    if (!t && Q.handlerCalled[e] && o - Q.handlerCalled[e] < 500)
       return;
-    U.handlerCalled[e] = o;
+    Q.handlerCalled[e] = o;
     let i = [{ type: `menus.${e}`, value: t }];
     t === !0 && Object.keys(n).forEach((l) => {
       l === e || n[l] === !1 || i.push({ type: `menus.${l}`, value: !1 });
@@ -3240,11 +3238,11 @@ const Wr = ({
         return e[r];
       if (!t.includes("."))
         continue;
-      const o = Rn(e[r], t);
+      const o = Pn(e[r], t);
       if (!(typeof o > "u") && (!n || o[t] && o[t].includes(n) || o.value && o.value.includes(n) || o.toString().includes(n)))
         return e[r];
     }
-    return e[0].children ? U.findFirstChild(e[0].children, t, n) : !1;
+    return e[0].children ? Q.findFirstChild(e[0].children, t, n) : !1;
   },
   autoFocus: ({ menu: e, navigationRef: t, isDesktopVersion: n, focusElements: r, dispatch: o }) => {
     if (!t.current || !t.current.children)
@@ -3258,20 +3256,20 @@ const Wr = ({
     switch (e) {
       case "navigation":
         if (n) {
-          const u = U.findFirstChild(
+          const u = Q.findFirstChild(
             t.current.children,
             "attributes.aria-controls",
             "navigation"
           );
-          l = U.findFirstChild(u.children, "href");
+          l = Q.findFirstChild(u.children, "href");
         } else
-          l = U.findFirstChild(t.current.children, "href");
+          l = Q.findFirstChild(t.current.children, "href");
         l || (l = t.current);
         break;
       case "account":
-        if (a = U.findFirstChild(t.current.children, "className", "account"), !a || !a.children)
+        if (a = Q.findFirstChild(t.current.children, "className", "account"), !a || !a.children)
           return;
-        l = U.findFirstChild(a.children, "href");
+        l = Q.findFirstChild(a.children, "href");
         break;
       default:
         return;
@@ -3280,16 +3278,16 @@ const Wr = ({
   },
   events: {
     onClick: (e, { id: t, callback: n, isOpen: r }) => {
-      e.target && e.target.attributes && e.target.attributes.href || (e.preventDefault(), e.stopPropagation(), clearTimeout(U.timeouts[t]), n(t, !r));
+      e.target && e.target.attributes && e.target.attributes.href || (e.preventDefault(), e.stopPropagation(), clearTimeout(Q.timeouts[t]), n(t, !r));
     },
     onFocus: ({ id: e }) => {
-      clearTimeout(U.timeouts[e]);
+      clearTimeout(Q.timeouts[e]);
     },
     onMouseEnter: ({ id: e, callback: t }) => {
-      clearTimeout(U.timeouts[e]), t(e, !0);
+      clearTimeout(Q.timeouts[e]), t(e, !0);
     },
     onBlur: ({ id: e, callback: t }) => {
-      U.timeouts[e] = setTimeout(() => {
+      Q.timeouts[e] = setTimeout(() => {
         t(e, !1);
       }, 250);
     }
@@ -3379,7 +3377,7 @@ const Wr = ({
   },
   doTrack: i = null
 }) => {
-  const l = C(), a = Rn(pt, e);
+  const l = C(), a = Pn(pt, e);
   if (!a || a.onlyShow && (a.onlyShow === "logged-in" && !t || a.onlyShow === "logged-out" && t))
     return null;
   const u = "doTrack" in a, c = i === null ? u ? a.doTrack : !0 : i, m = e.includes("buttons.");
@@ -3387,10 +3385,10 @@ const Wr = ({
   a.hasVariantText && (d += `_logged${t ? "In" : "Out"}`);
   let p = !1;
   if (a.href) {
-    let w = a.gtmType || `${e}-click`;
-    if (w.includes(".")) {
-      const x = w.split("."), $ = x[x.length - 2];
-      w = `${$ === "topics" ? `${$}-` : ""}${x[x.length - 1]}`;
+    let x = a.gtmType || `${e}-click`;
+    if (x.includes(".")) {
+      const _ = x.split("."), $ = _[_.length - 2];
+      x = `${$ === "topics" ? `${$}-` : ""}${_[_.length - 1]}`;
     }
     p = {
       href: a.href,
@@ -3398,7 +3396,7 @@ const Wr = ({
     }, c && (p = {
       ...p,
       className: "gtm-trackable",
-      "data-gtm-event-type": w,
+      "data-gtm-event-type": x,
       "data-gtm-event-context": "HeaderButtons"
     }), m && (p = {
       ...p,
@@ -3408,54 +3406,54 @@ const Wr = ({
     });
   }
   const h = a.order && a.order[0] && a[a.order[0]], g = h && a[a.order[0]].order, v = p && window.location.pathname === a.href;
-  let _ = {}, y = {};
+  let w = {}, y = {};
   if (h) {
-    const w = a.menuId || e, x = {
-      onClick: ($) => U.events.onClick($, { id: w, callback: o, isOpen: r[w] }),
-      onFocus: () => U.events.onFocus({ id: w }),
-      onBlur: () => U.events.onBlur({ id: w, callback: o }),
-      onMouseLeave: () => U.events.onBlur({ id: w, callback: o }),
-      onMouseEnter: () => U.events.onMouseEnter({ id: w, callback: o })
+    const x = a.menuId || e, _ = {
+      onClick: ($) => Q.events.onClick($, { id: x, callback: o, isOpen: r[x] }),
+      onFocus: () => Q.events.onFocus({ id: x }),
+      onBlur: () => Q.events.onBlur({ id: x, callback: o }),
+      onMouseLeave: () => Q.events.onBlur({ id: x, callback: o }),
+      onMouseEnter: () => Q.events.onMouseEnter({ id: x, callback: o })
     };
-    n && (g && (_ = {
-      ...x,
+    n && (g && (w = {
+      ..._,
       onKeyPress: ($) => {
-        $.key === "Enter" && U.events.onClick($, { id: w, callback: o, isOpen: r[w] });
+        $.key === "Enter" && Q.events.onClick($, { id: x, callback: o, isOpen: r[x] });
       },
       tabIndex: "0",
       // Add a `tabIndex` so keyboard users can focus on the `li`
       "aria-haspopup": !0,
-      "aria-expanded": r[w],
-      "aria-controls": w
-    }), y = { hidden: w in r ? !r[w] : !0 }), g || (y = {
+      "aria-expanded": r[x],
+      "aria-controls": x
+    }), y = { hidden: x in r ? !r[x] : !0 }), g || (y = {
       ...y,
-      ...x
+      ..._
     });
   }
-  return /* @__PURE__ */ s.jsxs("li", { className: E({ [a.className]: a.className, "has-submenu": h, parent: g, active: v }), role: "none", ..._, children: [
-    p ? D.createElement(m ? W : "a", p, l.formatMessage({ id: d })) : l.formatMessage({ id: d }),
-    a.order && /* @__PURE__ */ s.jsx("ul", { ...y, children: a.order.map((w) => {
-      if (!a[w])
+  return /* @__PURE__ */ s.jsxs("li", { className: E({ [a.className]: a.className, "has-submenu": h, parent: g, active: v }), role: "none", ...w, children: [
+    p ? P.createElement(m ? U : "a", p, l.formatMessage({ id: d })) : l.formatMessage({ id: d }),
+    a.order && /* @__PURE__ */ s.jsx("ul", { ...y, children: a.order.map((x) => {
+      if (!a[x])
         return null;
-      const x = {
+      const _ = {
         isLoggedIn: t,
         isDesktopVersion: n,
         menus: r,
         callback: o,
         doTrack: u ? c : null
       };
-      return a[w].order ? /* @__PURE__ */ s.jsxs("li", { className: E({ [a[w].className]: a[w].className }), children: [
-        l.formatMessage({ id: `${d}_${w}` }),
-        /* @__PURE__ */ s.jsx("ul", { children: a[w].order.map(($) => /* @__PURE__ */ s.jsx(gt, { id: `${e}.${w}.${$}`, ...x }, $)) })
-      ] }, w) : /* @__PURE__ */ s.jsx(gt, { id: `${e}.${w}`, ...x }, w);
+      return a[x].order ? /* @__PURE__ */ s.jsxs("li", { className: E({ [a[x].className]: a[x].className }), children: [
+        l.formatMessage({ id: `${d}_${x}` }),
+        /* @__PURE__ */ s.jsx("ul", { children: a[x].order.map(($) => /* @__PURE__ */ s.jsx(gt, { id: `${e}.${x}.${$}`, ..._ }, $)) })
+      ] }, x) : /* @__PURE__ */ s.jsx(gt, { id: `${e}.${x}`, ..._ }, x);
     }) })
   ] }, e);
 };
-const zr = { height: 67, height_desktop: 83 }, ts = ({ showNavigation: e = !0 }) => {
+const zr = { height: 67, height_desktop: 83 }, es = ({ showNavigation: e = !0 }) => {
   const t = C(), n = we(Se), r = kt(!0, !0), o = n && typeof n.id == "string", i = bt(
-    () => U.getIsDesktopVersion(o, r),
+    () => Q.getIsDesktopVersion(o, r),
     [o, r]
-  ), [l, a] = ws(tr, {
+  ), [l, a] = vs(nr, {
     headerIsVisible: !0,
     menus: { navigation: !1, search: !1, account: !1 },
     focusElements: {
@@ -3463,22 +3461,22 @@ const zr = { height: 67, height_desktop: 83 }, ts = ({ showNavigation: e = !0 })
       account: { desktop: !1, default: !1 }
     }
   }), { headerIsVisible: u, menus: c, focusElements: m } = l;
-  Ws({
+  zs({
     scrollPosition: zr[`height${i.navigation ? "_desktop" : ""}`],
     callbacks: {
       scrollUp: () => {
-        !i && c.navigation || U.shouldChangeHeaderIsVisible(!0, c, a);
+        !i && c.navigation || Q.shouldChangeHeaderIsVisible(!0, c, a);
       },
       scrollDown: () => {
-        !i && c.navigation || U.shouldChangeHeaderIsVisible(!1, c, a);
+        !i && c.navigation || Q.shouldChangeHeaderIsVisible(!1, c, a);
       }
     }
   });
   const d = (h, g) => {
-    U.handleMenus({ id: h, value: g, menus: c, dispatch: a });
+    Q.handleMenus({ id: h, value: g, menus: c, dispatch: a });
   }, p = ae(null);
   return Qe(() => {
-    c.navigation && U.autoFocus({
+    c.navigation && Q.autoFocus({
       menu: "navigation",
       navigationRef: p,
       isDesktopVersion: i.navigation,
@@ -3486,7 +3484,7 @@ const zr = { height: 67, height_desktop: 83 }, ts = ({ showNavigation: e = !0 })
       dispatch: a
     });
   }, [c.navigation]), Qe(() => {
-    c.account && U.autoFocus({
+    c.account && Q.autoFocus({
       menu: "account",
       navigationRef: p,
       isDesktopVersion: i.navigation,
@@ -3505,14 +3503,14 @@ const zr = { height: 67, height_desktop: 83 }, ts = ({ showNavigation: e = !0 })
         }),
         children: [
           /* @__PURE__ */ s.jsx(
-            ue,
+            me,
             {
               element: "a",
               href: "#content-of-page",
               children: t.formatMessage({ id: "header_skip" })
             }
           ),
-          /* @__PURE__ */ s.jsx(qn, {}),
+          /* @__PURE__ */ s.jsx(Jn, {}),
           e && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
             !i.navigation && /* @__PURE__ */ s.jsx(
               "button",
@@ -3526,7 +3524,7 @@ const zr = { height: 67, height_desktop: 83 }, ts = ({ showNavigation: e = !0 })
                 "aria-haspopup": "true",
                 "aria-expanded": c.navigation,
                 "aria-controls": "navigation",
-                children: /* @__PURE__ */ s.jsx(ue, { children: t.formatMessage({
+                children: /* @__PURE__ */ s.jsx(me, { children: t.formatMessage({
                   id: `header_menu_${c.navigation ? "hide" : "show"}`
                 }) })
               }
@@ -3563,7 +3561,7 @@ const zr = { height: 67, height_desktop: 83 }, ts = ({ showNavigation: e = !0 })
                 "aria-expanded": c.search,
                 "aria-controls": "search-form",
                 children: /* @__PURE__ */ s.jsx(
-                  ue,
+                  me,
                   {
                     children: t.formatMessage({
                       id: `header_search_${c.search ? "hide" : "show"}`
@@ -3588,18 +3586,18 @@ const zr = { height: 67, height_desktop: 83 }, ts = ({ showNavigation: e = !0 })
               "button",
               {
                 className: "account-button",
-                onClick: (h) => U.events.onClick(h, {
+                onClick: (h) => Q.events.onClick(h, {
                   id: "account",
                   callback: d,
                   isOpen: c.account
                 }),
-                onMouseEnter: () => U.events.onMouseEnter({ id: "account", callback: d }),
-                onMouseLeave: () => U.events.onBlur({ id: "account", callback: d }),
+                onMouseEnter: () => Q.events.onMouseEnter({ id: "account", callback: d }),
+                onMouseLeave: () => Q.events.onBlur({ id: "account", callback: d }),
                 "aria-haspopup": "true",
                 "aria-expanded": c.account,
                 "aria-controls": "navigation",
                 children: [
-                  /* @__PURE__ */ s.jsx(ue, { children: t.formatMessage({
+                  /* @__PURE__ */ s.jsx(me, { children: t.formatMessage({
                     id: `header_account_${c.account ? "hide" : "show"}`
                   }) }),
                   /* @__PURE__ */ s.jsx(
@@ -3627,7 +3625,7 @@ const zr = { height: 67, height_desktop: 83 }, ts = ({ showNavigation: e = !0 })
     )
   ] });
 };
-const ns = ({ element: e = "section", children: t, className: n, ...r }) => D.createElement(
+const ts = ({ element: e = "section", children: t, className: n, ...r }) => P.createElement(
   e,
   {
     className: E("modal", n),
@@ -3635,7 +3633,7 @@ const ns = ({ element: e = "section", children: t, className: n, ...r }) => D.cr
     ...r
   }
 );
-const ss = ({
+const ns = ({
   id: e = "content-overlay",
   isOpen: t = !1,
   showDivider: n = !0,
@@ -3650,25 +3648,25 @@ const ss = ({
   className: m = "",
   gtmContext: d = "Modal"
 }) => {
-  const p = C(), [h, g] = R(t), v = (y) => {
+  const p = C(), [h, g] = A(t), v = (y) => {
     g(y), y ? (o(), document.body.classList.add("has-overlay")) : (i(), document.body.classList.remove("has-overlay"));
   };
-  G(() => {
+  Y(() => {
     v(t);
   }, [t]);
-  const _ = r ? { "--max-width": `${r / 16}rem` } : {};
+  const w = r ? { "--max-width": `${r / 16}rem` } : {};
   return /* @__PURE__ */ s.jsx("div", { className: E("overlay", { open: h }), children: /* @__PURE__ */ s.jsx(
-    ns,
+    ts,
     {
       id: e,
       className: E("overlay-modal", m, { "has-max-width": r }),
       hidden: !h,
-      style: _,
+      style: w,
       children: t && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
         /* @__PURE__ */ s.jsxs("div", { className: "top", children: [
           a && /* @__PURE__ */ s.jsx("h2", { className: "modal-title", children: a }),
           /* @__PURE__ */ s.jsx(
-            W,
+            U,
             {
               variant: "tertiary",
               size: "medium",
@@ -3696,7 +3694,7 @@ const ss = ({
   "aria-expanded": t,
   "aria-controls": e
 });
-const bo = ({
+const vo = ({
   className: e,
   showModal: t = !0,
   title: n,
@@ -3709,7 +3707,7 @@ const bo = ({
   },
   sendInvites: c
 }) => /* @__PURE__ */ s.jsx(
-  ss,
+  ns,
   {
     title: n,
     isOpen: t,
@@ -3733,7 +3731,7 @@ const bo = ({
 const Yr = () => {
   const e = C();
   return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsx(ts, {}),
+    /* @__PURE__ */ s.jsx(es, {}),
     /* @__PURE__ */ s.jsx("div", { id: "content", children: /* @__PURE__ */ s.jsx(
       Et,
       {
@@ -3741,7 +3739,7 @@ const Yr = () => {
         text: e.formatMessage({ id: "pageLayout_error" })
       }
     ) }),
-    /* @__PURE__ */ s.jsx(Xn, {})
+    /* @__PURE__ */ s.jsx(qn, {})
   ] });
 }, Gr = ({
   children: e,
@@ -3752,36 +3750,36 @@ const Yr = () => {
   className: l = "",
   locale: a = "en"
 }) => {
-  const { navigation: u = !0, footer: c = !0 } = o, { background: m = "default", variant: d = "default", circle: p = "default" } = i, h = Qs();
-  G(() => {
+  const { navigation: u = !0, footer: c = !0 } = o, { background: m = "default", variant: d = "default", circle: p = "default" } = i, h = Us();
+  Y(() => {
     window.scrollTo(0, 0);
   }, [h]);
   const g = ut(e, { locale: a }), v = ut(t, {
     locale: a
-  }), _ = ut(n, {
+  }), w = ut(n, {
     locale: a
   }), y = {};
-  return m !== "default" && (y[m] = !0), d !== "default" && (y[d] = !0), p !== "default" && (y[p] = !0), /* @__PURE__ */ s.jsx(Ps, { onError: r, fallback: /* @__PURE__ */ s.jsx(Yr, {}), children: /* @__PURE__ */ s.jsx(ks, { fallback: null, children: /* @__PURE__ */ s.jsxs(
+  return m !== "default" && (y[m] = !0), d !== "default" && (y[d] = !0), p !== "default" && (y[p] = !0), /* @__PURE__ */ s.jsx(Rs, { onError: r, fallback: /* @__PURE__ */ s.jsx(Yr, {}), children: /* @__PURE__ */ s.jsx(ws, { fallback: null, children: /* @__PURE__ */ s.jsxs(
     "div",
     {
       id: "wrapper",
       className: E(l, y, { "has-footer": c }),
       children: [
-        /* @__PURE__ */ s.jsx(ts, { showNavigation: u }),
+        /* @__PURE__ */ s.jsx(es, { showNavigation: u }),
         /* @__PURE__ */ s.jsxs("section", { id: "content-wrapper", children: [
           v && /* @__PURE__ */ s.jsx("div", { className: "additional-content prepended", children: v }),
-          D.createElement(m === "bold" ? ns : "div", {
+          P.createElement(m === "bold" ? ts : "div", {
             id: "content",
             children: g
           })
         ] }),
-        _ && /* @__PURE__ */ s.jsx("div", { className: "additional-content appended", children: _ }),
-        c && /* @__PURE__ */ s.jsx(Xn, {}),
+        w && /* @__PURE__ */ s.jsx("div", { className: "additional-content appended", children: w }),
+        c && /* @__PURE__ */ s.jsx(qn, {}),
         /* @__PURE__ */ s.jsx(Br, {})
       ]
     }
   ) }) });
-}, Sn = {
+}, En = {
   default: "tags_",
   headerTopics: "header_topics_topics_"
 }, Qt = {
@@ -3805,14 +3803,14 @@ const Yr = () => {
     if (e.includes("topic_")) {
       if (e = Qt.topic[e.replace("topic_", "")], e) {
         const t = pt.topics.topics[e].href;
-        return t ? { id: e, href: t, text: `${Sn.headerTopics}${e}` } : null;
+        return t ? { id: e, href: t, text: `${En.headerTopics}${e}` } : null;
       }
       return null;
     }
-    return Qt[e] ? (e = Qt[e], { id: e, text: `${Sn.default}${e}` }) : null;
+    return Qt[e] ? (e = Qt[e], { id: e, text: `${En.default}${e}` }) : null;
   }
 };
-const vo = ({
+const wo = ({
   tags: e = [],
   color: t = "default",
   forceOneLine: n = !1,
@@ -3844,7 +3842,7 @@ const vo = ({
     ) : m }, c.id);
   }) });
 };
-const wo = ({
+const ko = ({
   members: { data: e = [], total: t = e.length },
   hasNextPage: n = !1,
   loadNextPage: r = () => {
@@ -3864,7 +3862,7 @@ const wo = ({
       u.isAdmin && /* @__PURE__ */ s.jsx(ft, { children: a.formatMessage({ id: "membersList_admin" }) })
     ] }, c)) }),
     n && /* @__PURE__ */ s.jsx(
-      Nr,
+      Gn,
       {
         hasNextPage: n,
         loadNextPage: r,
@@ -3875,7 +3873,7 @@ const wo = ({
   ] });
 };
 let ct = null;
-const ge = "discussion_form_", rs = ({
+const ge = "discussion_form_", ss = ({
   content: e = { type: "response", slugs: {} },
   userHasPermissions: t = !0,
   meta: n = {
@@ -3906,10 +3904,10 @@ const ge = "discussion_form_", rs = ({
   },
   gtmContext: u = "DiscussionForm"
 }) => {
-  var Q, F;
-  const c = C(), m = we(Se), [d, p] = R(
+  var M, F;
+  const c = C(), m = we(Se), [d, p] = A(
     n.isEditing && n.isEditing.text || ""
-  ), [h, g] = R(l.error || !1), [v, _] = R(!1), y = ae(null);
+  ), [h, g] = A(l.error || !1), [v, w] = A(!1), y = ae(null);
   if (r || (r = y), n.isLoading)
     return /* @__PURE__ */ s.jsx(
       Te,
@@ -3918,33 +3916,33 @@ const ge = "discussion_form_", rs = ({
         "data-testid": "loading-placeholder"
       }
     );
-  const w = (b) => {
-    const V = b.target.value;
-    p(V);
+  const x = (b) => {
+    const z = b.target.value;
+    p(z);
     let k;
     !m || !m.id ? k = $e(
       c.formatMessage,
       `${ge}error_loggedOut`,
       e.type,
       "action"
-    ) : t ? V.length >= o && (k = `${ge}error_tooLong`) : k = $e(
+    ) : t ? z.length >= o && (k = `${ge}error_tooLong`) : k = $e(
       c.formatMessage,
       `${ge}error_noPermission`,
       e.type,
       "action"
     ), k ? g(k) : h && g(!1);
   };
-  let x = `${e.type}-form`;
+  let _ = `${e.type}-form`;
   if (e.type === "response" || e.type === "reply") {
-    const b = e.type === "response" ? ((Q = e.slugs) == null ? void 0 : Q.question) || "" : ((F = e.slugs) == null ? void 0 : F.answer) || "";
-    b && (x = `${x}-${b.slice(-15)}`);
+    const b = e.type === "response" ? ((M = e.slugs) == null ? void 0 : M.question) || "" : ((F = e.slugs) == null ? void 0 : F.answer) || "";
+    b && (_ = `${_}-${b.slice(-15)}`);
   }
   const $ = async (b) => {
     var k;
-    if (b.preventDefault(), b.stopPropagation(), !m || !m.id || !t || A)
+    if (b.preventDefault(), b.stopPropagation(), !m || !m.id || !t || D)
       return;
-    ct && clearTimeout(ct), _("submitting");
-    const V = window.location.pathname;
+    ct && clearTimeout(ct), w("submitting");
+    const z = window.location.pathname;
     try {
       let L;
       switch (e.type) {
@@ -3961,20 +3959,20 @@ const ge = "discussion_form_", rs = ({
         case "response":
           L = await a.create(
             { question: e.slugs.question },
-            { body: d, authorId: m && m.id, contentPath: V }
+            { body: d, authorId: m && m.id, contentPath: z }
           );
           break;
         case "reply":
           L = await a.create(
             { question: e.slugs.question, answer: e.slugs.answer },
-            { body: d, authorId: m && m.id, contentPath: V }
+            { body: d, authorId: m && m.id, contentPath: z }
           );
           break;
         default:
           break;
       }
-      await nr(1e3), a.callback && await a.callback(L), ct = setTimeout(() => {
-        p(""), _("submitted"), M();
+      await sr(1e3), a.callback && await a.callback(L), ct = setTimeout(() => {
+        p(""), w("submitted"), N();
       }, 500);
     } catch (L) {
       const J = L;
@@ -3989,14 +3987,14 @@ const ge = "discussion_form_", rs = ({
         `${ge}error_tooMany`,
         e.type,
         "action"
-      ) : J.message.includes("400") && (q = `${ge}error`), g(q), M();
+      ) : J.message.includes("400") && (q = `${ge}error`), g(q), N();
     }
-  }, M = () => {
+  }, N = () => {
     ct = setTimeout(() => {
-      g(!1), _(!1);
+      g(!1), w(!1);
     }, 5e3);
-  }, A = !d || !er(d), N = v === "submitting", O = [];
-  return (n.isEditing && !N || l.cancel) && O.push({
+  }, D = !d || !tr(d), G = v === "submitting", B = [];
+  return (n.isEditing && !G || l.cancel) && B.push({
     variant: "secondary",
     size: { mobile: "small", 600: "medium" },
     onClick: a.handleCancel,
@@ -4005,12 +4003,12 @@ const ge = "discussion_form_", rs = ({
     "data-gtm-event-type": `cancel-${e.type}-click`,
     disabled: !l.cancel && (!m || !m.id || !d),
     children: c.formatMessage({ id: `${ge}cancel` })
-  }), O.push({
+  }), B.push({
     variant: "primary",
     size: { mobile: "small", 600: "medium" },
     onClick: (b) => {
       if (n.isEditing) {
-        _("submitting"), a.handleSaveEdit && a.handleSaveEdit(
+        w("submitting"), a.handleSaveEdit && a.handleSaveEdit(
           y.current && "value" in y.current ? y.current.value : ""
         );
         return;
@@ -4021,14 +4019,14 @@ const ge = "discussion_form_", rs = ({
     "data-gtm-event-context": u,
     "data-gtm-event-type": `${n.isEditing ? "save" : "submit"}-${e.type}-click`,
     "data-testid": "save-button",
-    disabled: !m || !m.id || !t || A || N || n.isEditing && d === n.isEditing.text,
+    disabled: !m || !m.id || !t || D || G || n.isEditing && d === n.isEditing.text,
     children: c.formatMessage({
-      id: `${ge}${N ? n.isEditing ? "saving" : "posting" : n.isEditing ? "save" : "post"}`
+      id: `${ge}${G ? n.isEditing ? "saving" : "posting" : n.isEditing ? "save" : "post"}`
     })
   }), /* @__PURE__ */ s.jsxs(
     "form",
     {
-      id: x,
+      id: _,
       className: E("discussion-card discussion-form", {
         "no-styling": n.isInWrapper && n.isEditing
       }),
@@ -4043,12 +4041,12 @@ const ge = "discussion_form_", rs = ({
             gtmType: "profile-click"
           }
         ),
-        /* @__PURE__ */ s.jsx(ue, { element: "label", showOnFocus: !1, htmlFor: `${x}-input`, children: $e(c.formatMessage, `${ge}label`, e.type, "action") }),
+        /* @__PURE__ */ s.jsx(me, { element: "label", showOnFocus: !1, htmlFor: `${_}-input`, children: $e(c.formatMessage, `${ge}label`, e.type, "action") }),
         /* @__PURE__ */ s.jsx(
-          Rs,
+          As,
           {
             ref: r,
-            id: `${x}-input`,
+            id: `${_}-input`,
             name: e.type,
             placeholder: $e(
               c.formatMessage,
@@ -4056,7 +4054,7 @@ const ge = "discussion_form_", rs = ({
               e.type,
               "action"
             ),
-            onChange: w,
+            onChange: x,
             value: d,
             maxLength: o,
             "aria-invalid": !!h,
@@ -4079,7 +4077,7 @@ const ge = "discussion_form_", rs = ({
             }
           )
         }) }),
-        /* @__PURE__ */ s.jsx(jt, { buttons: O }),
+        /* @__PURE__ */ s.jsx(jt, { buttons: B }),
         v === "submitted" && /* @__PURE__ */ s.jsx(Xt, { className: "success", "data-testid": "success", children: $e(c.formatMessage, `${ge}success`, e.type, "action") }),
         h && /* @__PURE__ */ s.jsx(Xt, { id: "error-message", className: "error", "data-testid": "error", children: l.error ? l.error : typeof h == "string" ? h.includes(" ") ? h : c.formatMessage(
           { id: h },
@@ -4103,11 +4101,11 @@ const ge = "discussion_form_", rs = ({
     text: l,
     button: {
       breakpoints: { mobile: !0, 901: !1 },
-      component: /* @__PURE__ */ s.jsx(Jn, { isShort: !0, functions: { join: o, leave: i } })
+      component: /* @__PURE__ */ s.jsx(Yn, { isShort: !0, functions: { join: o, leave: i } })
     }
   }
 ) : /* @__PURE__ */ s.jsx(
-  rs,
+  ss,
   {
     content: { type: e, slugs: {} },
     functions: {
@@ -4118,7 +4116,7 @@ const ge = "discussion_form_", rs = ({
   showThread: !1,
   showForm: !1
 }, St = Kt(qr), Xr = ({ children: e }) => {
-  const [t, n] = R({
+  const [t, n] = A({
     showThread: !1,
     showForm: !1
   });
@@ -4148,11 +4146,11 @@ const Ut = () => {
   } } = {}
 }) => {
   const c = C();
-  G(() => {
+  Y(() => {
     h(o);
   }, [o]);
-  const [m, d] = R(t), [p, h] = R(o), [g, v] = R(!1), [_, y] = R(!1), w = bt(() => Kr(n, Wt), [n]), x = (M) => {
-    if (M.preventDefault(), M.stopPropagation(), y(!1), Ze)
+  const [m, d] = A(t), [p, h] = A(o), [g, v] = A(!1), [w, y] = A(!1), x = bt(() => Kr(n, Wt), [n]), _ = (N) => {
+    if (N.preventDefault(), N.stopPropagation(), y(!1), Ze)
       return Ut(), !1;
     if (Ut(), g || !l)
       return !1;
@@ -4160,12 +4158,12 @@ const Ut = () => {
   }, $ = async () => {
     if (Ut(), g || !l)
       return !1;
-    let M = p ? m - 1 : m + 1;
-    M < 0 && (M = 0), v(!0), d(M), h(!p);
+    let N = p ? m - 1 : m + 1;
+    N < 0 && (N = 0), v(!0), d(N), h(!p);
     try {
       if (i && i.slugs) {
-        const A = Zr(i.slugs);
-        p ? await u(A) : await a(A, { contentPath: window.location.pathname });
+        const D = Zr(i.slugs);
+        p ? await u(D) : await a(D, { contentPath: window.location.pathname });
       }
     } catch {
       d(t), h(o);
@@ -4173,11 +4171,11 @@ const Ut = () => {
       v(!1);
     }
   };
-  return D.createElement(
+  return P.createElement(
     e,
     {
       className: E("likes-wrapper text-medium action-button", { "show-spinner": g, "is-liked": p, disabled: !l }),
-      onClick: x,
+      onClick: _,
       onMouseEnter: () => {
         y(!0);
       },
@@ -4192,7 +4190,7 @@ const Ut = () => {
       },
       children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
         /* @__PURE__ */ s.jsx(
-          W,
+          U,
           {
             variant: "tertiary",
             size: "medium",
@@ -4201,7 +4199,7 @@ const Ut = () => {
             screenreaderText: l ? c.formatMessage({
               id: `discussion_likes_${p ? "unlike" : "like"}`
             }, { action: c.formatMessage({ id: `discussion_action_${i.type}` }) }) : !1,
-            onClick: x,
+            onClick: _,
             disabled: !l,
             "aria-hidden": !l,
             "data-testid": "like-button",
@@ -4210,27 +4208,27 @@ const Ut = () => {
           }
         ),
         /* @__PURE__ */ s.jsx("span", { className: E("number-of-likes", { "no-likes": m === 0 }), "data-testid": "number-of-likes", children: c.formatMessage({ id: `discussion_likes${r ? "_short" : ""}` }, { number: m }) }),
-        n && /* @__PURE__ */ s.jsx(ar, { isOpen: _, isLoading: n.length === 0, children: n.length && /* @__PURE__ */ s.jsxs("ul", { children: [
-          w.map((M) => typeof M == "string" || !M.name ? null : /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
+        n && /* @__PURE__ */ s.jsx(or, { isOpen: w, isLoading: n.length === 0, children: n.length && /* @__PURE__ */ s.jsxs("ul", { children: [
+          x.map((N) => typeof N == "string" || !N.name ? null : /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
             yt,
             {
-              href: M.id ? `/profiles/${M.id}` : void 0,
+              href: N.id ? `/profiles/${N.id}` : void 0,
               gtmContext: "Likes",
               gtmType: "liked-name-click",
-              onClick: (A) => A == null ? void 0 : A.stopPropagation(),
-              children: M.name
+              onClick: (D) => D == null ? void 0 : D.stopPropagation(),
+              children: N.name
             }
-          ) }, M.id || window.btoa(M.name))),
+          ) }, N.id || window.btoa(N.name))),
           n.length > Wt && /* @__PURE__ */ s.jsx("li", { children: c.formatMessage({ id: "discussion_likes_more" }, { number: n.length - Wt }) })
         ] }) })
       ] })
     }
   );
-}, $n = (e) => {
+}, Sn = (e) => {
   const t = {};
   return Object.keys(e).forEach((n) => n.includes("Id") ? t[n] = e[n] : t[`${n}Slug`] = e[n]), t;
 }, rn = (e, t) => e && !t;
-const Ce = "discussion_", ta = 280, $t = ({
+const Ne = "discussion_", ta = 280, $t = ({
   element: e = "div",
   content: t,
   userHasPermissions: n = !0,
@@ -4257,50 +4255,50 @@ const Ce = "discussion_", ta = 280, $t = ({
   children: g,
   isTruncated: v = !1
 }) => {
-  const _ = C(), y = we(Se), w = we(St), [x, $] = R({
+  const w = C(), y = we(Se), x = we(St), [_, $] = A({
     body: t && t.body || "",
     isEditing: !1,
     didEdit: t && t.isEdited || !1
-  }), [M, A] = R(!1), [N, O] = R("");
-  if (G(() => {
+  }), [N, D] = A(!1), [G, B] = A("");
+  if (Y(() => {
     $({
-      ...x,
+      ..._,
       body: t && t.body || "",
       didEdit: t && t.isEdited || !1
     });
   }, [t.isEdited]), r || !t || t.type === "answer" && (!t.slugs || !t.slugs.question))
     return /* @__PURE__ */ s.jsx(Te, { className: "discussion-card discussion-post" });
-  const { author: Q, canLike: F, createdAt: b, id: V, likes: k = 0, userLiked: L, comments: J = 0 } = t, q = v ? He(x.body, ta) : x.body, ie = y && y.id && typeof Q != "string" && Q.id && Q.id === y.id || !1, Y = typeof F == "boolean" ? F : n ? !ie : !1, se = async (B) => {
-    B || (B = ""), O("");
+  const { author: M, canLike: F, createdAt: b, id: z, likes: k = 0, userLiked: L, comments: J = 0 } = t, q = v ? He(_.body, ta) : _.body, ce = y && y.id && typeof M != "string" && M.id && M.id === y.id || !1, le = typeof F == "boolean" ? F : n ? !ce : !1, de = async (I) => {
+    I || (I = ""), B("");
     try {
-      if (!As(B, x.body)) {
-        const de = t.type === "question" ? { title: B } : { body: B };
-        await a($n(t.slugs), de);
+      if (!Fs(I, _.body)) {
+        const ue = t.type === "question" ? { title: I } : { body: I };
+        await a(Sn(t.slugs), ue);
       }
-      $({ body: B, isEditing: !1, didEdit: !0 });
+      $({ body: I, isEditing: !1, didEdit: !0 });
     } catch {
-      O(`${Ce}form_error`);
+      B(`${Ne}form_error`);
     }
-  }, ce = () => {
-    w && w.updateConversation && w.updateConversation({ showThread: !0, showForm: !0 }), setTimeout(() => {
-      const de = `reply-form-${(t.type === "answer" ? t.slug : t.slugs.answer || "").toLowerCase().slice(-15)}`, _e = document.getElementById(de), me = document.getElementById(`${de}-input`);
-      me && me.focus(), _e && _e.scrollIntoView({ behavior: "smooth" });
+  }, V = () => {
+    x && x.updateConversation && x.updateConversation({ showThread: !0, showForm: !0 }), setTimeout(() => {
+      const ue = `reply-form-${(t.type === "answer" ? t.slug : t.slugs.answer || "").toLowerCase().slice(-15)}`, _e = document.getElementById(ue), fe = document.getElementById(`${ue}-input`);
+      fe && fe.focus(), _e && _e.scrollIntoView({ behavior: "smooth" });
     }, 0);
-  }, le = () => {
-    A(!1);
+  }, se = () => {
+    D(!1);
     try {
-      l($n(t.slugs));
+      l(Sn(t.slugs));
     } catch {
-      O("delete-error");
+      B("delete-error");
     }
-  }, pe = [
+  }, oe = [
     {
-      text: _.formatMessage({ id: `${Ce}moreMenu_report` }),
+      text: w.formatMessage({ id: `${Ne}moreMenu_report` }),
       href: `mailto:community@apolitical.co?subject=${encodeURI(
-        _.formatMessage({ id: `${Ce}report_subject` })
+        w.formatMessage({ id: `${Ne}report_subject` })
       )}&body=${encodeURI(
-        _.formatMessage(
-          { id: `${Ce}report_body` },
+        w.formatMessage(
+          { id: `${Ne}report_body` },
           {
             contentType: t.type || "",
             contentSlug: t.slug || "",
@@ -4311,68 +4309,68 @@ const Ce = "discussion_", ta = 280, $t = ({
       icon: "flag"
     }
   ];
-  return n && ie && pe.push(
+  return n && ce && oe.push(
     {
-      text: _.formatMessage({ id: `${Ce}moreMenu_edit` }),
-      onClick: () => $({ ...x, isEditing: !0 }),
+      text: w.formatMessage({ id: `${Ne}moreMenu_edit` }),
+      onClick: () => $({ ..._, isEditing: !0 }),
       icon: "pencil-paper",
       className: "gtm-trackable",
       "data-gtm-event-context": h,
       "data-gtm-event-type": `edit-${t.type}-click`
     },
     {
-      text: _.formatMessage({ id: `${Ce}moreMenu_delete` }),
-      onClick: (B) => {
-        B.preventDefault(), B.stopPropagation(), A(!0);
+      text: w.formatMessage({ id: `${Ne}moreMenu_delete` }),
+      onClick: (I) => {
+        I.preventDefault(), I.stopPropagation(), D(!0);
       },
       icon: "trash",
       className: "gtm-trackable",
       "data-gtm-event-context": h,
       "data-gtm-event-type": `delete-${t.type}-click`,
-      ...Vr(`delete-${t.slug}-modal`, M)
+      ...Vr(`delete-${t.slug}-modal`, N)
     }
-  ), D.createElement(e, {
+  ), P.createElement(e, {
     className: E("discussion-post", p),
     "data-testid": `discussion-${t.type}-thread`,
     children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
       /* @__PURE__ */ s.jsxs(
         "div",
         {
-          id: V || t.slug,
+          id: z || t.slug,
           className: E("discussion-card", t.type, {
-            editing: x.isEditing,
-            "has-link": d.post && !x.isEditing
+            editing: _.isEditing,
+            "has-link": d.post && !_.isEditing
           }),
-          onClick: (B) => {
-            !d.post || x.isEditing || (B.preventDefault(), B.stopPropagation(), window.location.href = d.post);
+          onClick: (I) => {
+            !d.post || _.isEditing || (I.preventDefault(), I.stopPropagation(), window.location.href = d.post);
           },
           children: [
-            !x.isEditing && /* @__PURE__ */ s.jsx(
+            !_.isEditing && /* @__PURE__ */ s.jsx(
               nn,
               {
-                member: Q,
-                additionalContent: { createdAt: b, didEdit: x.didEdit },
-                className: typeof Q != "string" && Q.id === o ? "highlighted" : "",
+                member: M,
+                additionalContent: { createdAt: b, didEdit: _.didEdit },
+                className: typeof M != "string" && M.id === o ? "highlighted" : "",
                 gtmContext: h,
                 gtmType: "profile-click"
               }
             ),
-            x.isEditing ? /* @__PURE__ */ s.jsx(
-              rs,
+            _.isEditing ? /* @__PURE__ */ s.jsx(
+              ss,
               {
                 content: { type: t.type, slugs: t.slugs },
                 userHasPermissions: n,
                 meta: {
                   isLoading: r,
                   isInWrapper: !0,
-                  isEditing: { text: x.body }
+                  isEditing: { text: _.body }
                 },
                 maxLength: t.type === "question" ? 250 : 5e4,
                 forceShow: {
-                  error: N !== "" && N !== "delete-error" ? _.formatMessage(
-                    { id: N },
+                  error: G !== "" && G !== "delete-error" ? w.formatMessage(
+                    { id: G },
                     {
-                      action: _.formatMessage({
+                      action: w.formatMessage({
                         id: `discussion_action_${t.type}`
                       })
                     }
@@ -4380,9 +4378,9 @@ const Ce = "discussion_", ta = 280, $t = ({
                 },
                 functions: {
                   create: i,
-                  handleSaveEdit: se,
+                  handleSaveEdit: de,
                   handleCancel: () => {
-                    O(""), $({ ...x, isEditing: !1 });
+                    B(""), $({ ..._, isEditing: !1 });
                   }
                 },
                 gtmContext: `${h}Form`
@@ -4394,13 +4392,13 @@ const Ce = "discussion_", ta = 280, $t = ({
                 className: "gtm-trackable",
                 "data-gtm-event-context": h,
                 "data-gtm-event-type": "title-click",
-                children: /* @__PURE__ */ s.jsx(kn, { options: { overrides: { a: gr } }, children: q })
+                children: /* @__PURE__ */ s.jsx(wn, { options: { overrides: { a: _r } }, children: q })
               }
             ) : /* @__PURE__ */ s.jsx(
-              kn,
+              wn,
               {
                 options: {
-                  wrapper: t.type === "question" ? "h1" : D.Fragment,
+                  wrapper: t.type === "question" ? "h1" : P.Fragment,
                   forceWrapper: t.type === "question",
                   forceInline: t.type === "question",
                   forceBlock: t.type !== "question"
@@ -4408,7 +4406,7 @@ const Ce = "discussion_", ta = 280, $t = ({
                 children: q
               }
             ),
-            !x.isEditing && /* @__PURE__ */ s.jsxs(
+            !_.isEditing && /* @__PURE__ */ s.jsxs(
               "ul",
               {
                 className: E("actions text-medium", t.type),
@@ -4422,7 +4420,7 @@ const Ce = "discussion_", ta = 280, $t = ({
                       isShort: !1,
                       userLiked: L,
                       content: { type: t.type, slugs: t.slugs },
-                      canLike: Y,
+                      canLike: le,
                       peopleWhoLiked: t.peopleWhoLiked,
                       functions: {
                         createLike: u,
@@ -4434,12 +4432,12 @@ const Ce = "discussion_", ta = 280, $t = ({
                     "li",
                     {
                       className: "action-button",
-                      onClick: (B) => {
-                        B.preventDefault(), B.stopPropagation(), d.comments && (window.location.href = d.comments), typeof m == "function" && m();
+                      onClick: (I) => {
+                        I.preventDefault(), I.stopPropagation(), d.comments && (window.location.href = d.comments), typeof m == "function" && m();
                       },
                       children: [
                         /* @__PURE__ */ s.jsx(
-                          W,
+                          U,
                           {
                             variant: "tertiary",
                             size: "medium",
@@ -4450,35 +4448,35 @@ const Ce = "discussion_", ta = 280, $t = ({
                             className: "gtm-trackable",
                             "data-gtm-event-context": h,
                             "data-gtm-event-type": `answer-${t.type}-click`,
-                            screenreaderText: _.formatMessage(
-                              { id: `${Ce}comments_screenReader` },
+                            screenreaderText: w.formatMessage(
+                              { id: `${Ne}comments_screenReader` },
                               { count: J }
                             )
                           }
                         ),
-                        /* @__PURE__ */ s.jsx("span", { children: _.formatMessage(
-                          { id: `${Ce}comments` },
+                        /* @__PURE__ */ s.jsx("span", { children: w.formatMessage(
+                          { id: `${Ne}comments` },
                           { count: J }
                         ) })
                       ]
                     }
                   ),
                   (t.type === "answer" || t.type === "reply") && /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
-                    W,
+                    U,
                     {
                       variant: "tertiary",
                       size: "medium",
                       styling: { muted: !0 },
-                      onClick: ce,
-                      children: _.formatMessage({ id: `${Ce}reply` })
+                      onClick: V,
+                      children: w.formatMessage({ id: `${Ne}reply` })
                     }
                   ) }),
                   /* @__PURE__ */ s.jsx(
-                    Dr,
+                    Pr,
                     {
                       element: "li",
                       id: `more-${t.slug}`,
-                      options: pe
+                      options: oe
                     }
                   )
                 ]
@@ -4489,47 +4487,47 @@ const Ce = "discussion_", ta = 280, $t = ({
       ),
       g,
       /* @__PURE__ */ s.jsx(
-        ss,
+        ns,
         {
           id: `delete-${t.slug}-modal`,
-          isOpen: M,
+          isOpen: N,
           functions: { onOpen: () => {
-          }, onClose: () => A(!1) },
+          }, onClose: () => D(!1) },
           forceShow: {
-            error: N === "delete-error" ? _.formatMessage(
+            error: G === "delete-error" ? w.formatMessage(
               { id: "discussion_delete_error" },
               {
-                action: _.formatMessage({
+                action: w.formatMessage({
                   id: `discussion_action_${t.type}`
                 })
               }
             ) : !1
           },
-          title: _.formatMessage(
+          title: w.formatMessage(
             { id: "discussion_delete_title" },
-            { action: _.formatMessage({ id: `discussion_action_${t.type}` }) }
+            { action: w.formatMessage({ id: `discussion_action_${t.type}` }) }
           ),
           buttons: [
             {
               variant: "secondary",
-              onClick: () => A(!1),
-              children: _.formatMessage({ id: "discussion_delete_cancel" })
+              onClick: () => D(!1),
+              children: w.formatMessage({ id: "discussion_delete_cancel" })
             },
             {
               variant: "primary",
               className: "destructive",
-              onClick: le,
-              children: _.formatMessage({ id: "discussion_delete_delete" })
+              onClick: se,
+              children: w.formatMessage({ id: "discussion_delete_delete" })
             }
           ],
           gtmContext: `${t.type.charAt(0).toUpperCase()}${t.type.slice(1)}:${t.slug}`,
           children: /* @__PURE__ */ s.jsx(
-            Pe,
+            De,
             {
               id: "discussion_delete_text",
               values: {
-                p: (B) => /* @__PURE__ */ s.jsx("p", { children: B }),
-                action: _.formatMessage({
+                p: (I) => /* @__PURE__ */ s.jsx("p", { children: I }),
+                action: w.formatMessage({
                   id: `discussion_action_${t.type}`
                 })
               }
@@ -4540,7 +4538,7 @@ const Ce = "discussion_", ta = 280, $t = ({
     ] })
   });
 };
-const zt = "discussion_responses_", ko = ({ type: e = "answer", responses: t = 0 }) => {
+const zt = "discussion_responses_", jo = ({ type: e = "answer", responses: t = 0 }) => {
   const n = C();
   return /* @__PURE__ */ s.jsxs("div", { className: "responses-heading", children: [
     /* @__PURE__ */ s.jsx("h3", { children: n.formatMessage({ id: `${zt}title` }, { action: n.formatMessage({ id: `${zt}${e}` }), count: t }) }),
@@ -4548,11 +4546,11 @@ const zt = "discussion_responses_", ko = ({ type: e = "answer", responses: t = 0
   ] });
 };
 const na = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
-  const r = C(), o = ae(null), i = we(St), [l, a] = R(
+  const r = C(), o = ae(null), i = we(St), [l, a] = A(
     "closed"
     /* Closed */
   );
-  G(() => {
+  Y(() => {
     const d = o.current;
     if (d)
       return d.addEventListener("transitionend", u), () => {
@@ -4567,7 +4565,7 @@ const na = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
       ].includes(l) ? "ready-to-close" : "opening"
       /* Opening */
     );
-  }, [i.showThread]), G(() => {
+  }, [i.showThread]), Y(() => {
     l === "ready-to-close" && a(
       "closing"
       /* Closing */
@@ -4584,7 +4582,7 @@ const na = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   });
   return /* @__PURE__ */ s.jsxs("div", { className: "thread-wrapper", children: [
     t && /* @__PURE__ */ s.jsx(
-      W,
+      U,
       {
         variant: "secondary",
         size: "small",
@@ -4614,7 +4612,21 @@ const na = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     )
   ] });
 };
-function sa(e) {
+function sa({ queryClient: e, queryKey: t }) {
+  function n(r, o, i) {
+    e.setQueryData(t, i);
+  }
+  return n;
+}
+function ra({ queryClient: e, queryKey: t }) {
+  async function n(r) {
+    await e.cancelQueries({ queryKey: t });
+    const o = e.getQueryData(t);
+    return e.setQueryData(t, r), o;
+  }
+  return n;
+}
+function aa(e) {
   const { id: t = "", name: n = "", organization: r = "", jobTitle: o = "", image: i = {} } = e, { thumbnail: l = "" } = i;
   return {
     actor: {
@@ -4628,7 +4640,7 @@ function sa(e) {
     }
   };
 }
-function ra() {
+function oa() {
   return {
     latest_reactions: {
       like: [],
@@ -4644,11 +4656,11 @@ function ra() {
     }
   };
 }
-function Tn({ activity: e, user: t }) {
+function $n({ activity: e, user: t }) {
   const n = {
     ...e,
-    ...sa(t),
-    ...ra()
+    ...aa(t),
+    ...oa()
   };
   return n.id ? n : {
     ...n,
@@ -4657,42 +4669,46 @@ function Tn({ activity: e, user: t }) {
     verb: "post"
   };
 }
-function Mn({ activity: e, reaction: t }) {
+function Tn({ activity: e, reaction: t }) {
   const { latest_reactions: n, own_reactions: r, reaction_counts: o } = e;
   n && t && (n.like = [...n.like || [], t]), r && t && (r.like = [...r.like || [], t]), o && (o.like = o.like + 1 || 1);
 }
-function aa({ activity: e, user: t }) {
+function ia({ activity: e, user: t }) {
   const { latest_reactions: n, own_reactions: r, reaction_counts: o } = e;
   o && (o.like = o.like - 1 || 0), n && (t != null && t.id) && (n.like = n.like.filter(({ user_id: i }) => i !== t.id)), r && (t != null && t.id) && (r.like = r.like.filter(({ user_id: i }) => i !== t.id));
 }
-function Cn(e, t) {
-  return [e, ...t];
+function Mn(e, t, n = !1) {
+  return t ? (n ? t.pages[0].results[0] = e : t.pages[0].results = [e, ...t.pages[0].results], t) : {
+    pages: [{
+      next: "",
+      results: [e]
+    }],
+    pageParams: [""]
+  };
 }
 function _t(e, t) {
-  return t.find(({ id: n }) => n === e);
-}
-function oa(e, t) {
-  return t.filter(({ id: n }) => n !== e);
-}
-function an(e) {
-  return (e == null ? void 0 : e.data) || [];
+  if (t)
+    for (const { results: n } of t.pages) {
+      const r = n.find(({ id: o }) => o === e);
+      if (r)
+        return r;
+    }
 }
-function ia({ queryClient: e, queryKey: t }) {
-  function n(r, o, i) {
-    const l = an(i);
-    e.setQueryData(t, l);
+function ca(e, t) {
+  for (const { results: n } of t.pages) {
+    const r = n.findIndex(({ id: o }) => o === e);
+    if (r !== -1) {
+      n.splice(r, 1);
+      break;
+    }
   }
-  return n;
+  return t;
 }
-function ca({ queryClient: e, queryKey: t }) {
-  async function n(r) {
-    await e.cancelQueries({ queryKey: t });
-    const o = e.getQueryData(t);
-    return e.setQueryData(t, r), { data: o };
-  }
-  return n;
+function la(e) {
+  var t;
+  return ((t = e == null ? void 0 : e.pages) == null ? void 0 : t.reduce((n, { results: r }) => [...n, ...r], [])) || [];
 }
-function la({
+function da({
   mutationFn: e,
   mutationHandlers: {
     mutate: t,
@@ -4705,18 +4721,18 @@ function la({
   const { mutate: l } = ne({
     mutationFn: e,
     onMutate: (a) => t((u) => {
-      const c = Tn({ activity: a, user: i });
-      return Cn(c, u);
+      const c = $n({ activity: a, user: i });
+      return Mn(c, u);
     }),
     onError: n,
     onSuccess: (a, u, c) => {
-      const m = an(c), d = Tn({ activity: a, user: i });
-      r.setQueryData(o, Cn(d, m));
+      const m = $n({ activity: a, user: i });
+      r.setQueryData(o, Mn(m, c, !0));
     }
   });
   return l;
 }
-function da({
+function ua({
   mutationFn: e,
   mutationHandlers: {
     mutate: t,
@@ -4733,7 +4749,7 @@ function da({
   });
   return r;
 }
-function ua({
+function ma({
   queryFns: {
     create: e,
     edit: t,
@@ -4744,16 +4760,16 @@ function ua({
   },
   queryKey: l
 }) {
-  const a = wt(), u = Tr(), c = { queryClient: a, queryKey: l }, m = {
+  const a = wt(), u = Mr(), c = { queryClient: a, queryKey: l }, m = {
     mutationHandlers: {
-      error: ia(c),
-      mutate: ca(c)
+      error: sa(c),
+      mutate: ra(c)
     },
     user: u,
     ...c
-  }, d = la({ ...m, mutationFn: e }), p = da({ ...m, mutationFn: t }), h = ma({ ...m, mutationFn: n }), g = ha({ ...m, mutationFn: o }), v = pa({ ...m, mutationFn: i }), { activities: _, ...y } = fa({ queryKey: l, queryFn: r });
+  }, d = da({ ...m, mutationFn: e }), p = ua({ ...m, mutationFn: t }), h = fa({ ...m, mutationFn: n }), g = pa({ ...m, mutationFn: o }), v = ga({ ...m, mutationFn: i }), { activities: w, ...y } = ha({ queryKey: l, queryFn: r });
   return {
-    activities: _,
+    activities: w,
     mutations: {
       create: d,
       edit: p,
@@ -4765,7 +4781,7 @@ function ua({
     ...y
   };
 }
-function ma({
+function fa({
   mutationFn: e,
   mutationHandlers: {
     mutate: t,
@@ -4778,31 +4794,38 @@ function ma({
     mutationFn: e,
     onMutate: ({ activityId: l }) => t((a) => {
       const u = _t(l, a);
-      return u && Mn({ activity: u }), a;
+      return u && Tn({ activity: u }), a;
     }),
     onError: n,
     onSuccess: (l, { activityId: a }, u) => {
-      const c = an(u), m = _t(a, c);
-      m && Mn({ activity: m, reaction: l }), r.setQueryData(o, c);
+      const c = _t(a, u);
+      c && Tn({ activity: c, reaction: l }), r.setQueryData(o, u);
     }
   });
   return i;
 }
-function fa({ queryKey: e, queryFn: t }) {
+function ha({ queryFn: e, queryKey: t }) {
   const {
     data: n,
     error: r,
-    isFetching: o,
-    isLoading: i
-  } = Pn({ queryKey: e, queryFn: t });
+    isLoading: o,
+    hasNextPage: i,
+    fetchNextPage: l
+  } = Ts({
+    queryKey: t,
+    queryFn: e,
+    initialPageParam: { next: null },
+    getNextPageParam: (a) => a == null ? void 0 : a.next
+  });
   return {
-    activities: n,
+    activities: la(n),
     error: r,
-    isFetching: o,
-    isLoading: i
+    isLoading: o,
+    hasNextPage: i,
+    fetchNextPage: l
   };
 }
-function ha({
+function pa({
   mutationFn: e,
   mutationHandlers: {
     mutate: t,
@@ -4811,12 +4834,12 @@ function ha({
 }) {
   const { mutate: r } = ne({
     mutationFn: e,
-    onMutate: ({ activityId: o }) => t((i) => oa(o, i)),
+    onMutate: ({ activityId: o }) => t((i) => ca(o, i)),
     onError: n
   });
   return r;
 }
-function pa({
+function ga({
   mutationFn: e,
   mutationHandlers: {
     mutate: t,
@@ -4828,13 +4851,13 @@ function pa({
     mutationFn: e,
     onMutate: ({ activityId: i }) => t((l) => {
       const a = _t(i, l);
-      return a && aa({ activity: a, user: r }), l;
+      return a && ia({ activity: a, user: r }), l;
     }),
     onError: n
   });
   return o;
 }
-const jo = ({
+const yo = ({
   basePath: e,
   parentId: t,
   isMember: n,
@@ -4843,22 +4866,24 @@ const jo = ({
   const l = C(), {
     activities: a,
     error: u,
-    isFetching: c,
+    fetchNextPage: c,
+    hasNextPage: m,
+    isLoading: d,
     mutations: {
-      create: m,
-      edit: d,
-      remove: p,
-      like: h,
-      unlike: g
+      create: p,
+      edit: h,
+      remove: g,
+      like: v,
+      unlike: w
     },
-    user: v
-  } = ua({ queryKey: [e, t], queryFns: i });
+    user: y
+  } = ma({ queryKey: [e, t], queryFns: i });
   return u ? /* @__PURE__ */ s.jsx(Et, { variant: "error", text: u.message }) : /* @__PURE__ */ s.jsxs("section", { children: [
     /* @__PURE__ */ s.jsx(
       sn,
       {
         contentType: "post",
-        createPost: m,
+        createPost: p,
         membershipRequiredToPost: {
           isMember: n,
           required: !0,
@@ -4868,55 +4893,55 @@ const jo = ({
         }
       }
     ),
-    !c && Array.isArray(a) && (a == null ? void 0 : a.map((_) => {
-      var Q, F, b, V, k, L, J, q, ie;
-      const { own_reactions: y, latest_reactions: w } = _, x = (((Q = w == null ? void 0 : w.like) == null ? void 0 : Q.length) || 0) > 0, $ = (((F = y == null ? void 0 : y.like) == null ? void 0 : F.length) || 0) > 0, M = $ ? y == null ? void 0 : y.like[0].id : null, A = x ? (b = w == null ? void 0 : w.like) == null ? void 0 : b.map((Y) => {
-        var se, ce, le;
+    a == null ? void 0 : a.map((x) => {
+      var b, z, k, L, J, q, ce, le, de;
+      const { own_reactions: _, latest_reactions: $ } = x, N = (((b = $ == null ? void 0 : $.like) == null ? void 0 : b.length) || 0) > 0, D = (((z = _ == null ? void 0 : _.like) == null ? void 0 : z.length) || 0) > 0, G = D ? _ == null ? void 0 : _.like[0].id : null, B = N ? (k = $ == null ? void 0 : $.like) == null ? void 0 : k.map((V) => {
+        var se, oe, I;
         return {
-          id: (se = Y == null ? void 0 : Y.user) == null ? void 0 : se.id,
-          name: (le = (ce = Y == null ? void 0 : Y.user) == null ? void 0 : ce.data) == null ? void 0 : le.name
+          id: (se = V == null ? void 0 : V.user) == null ? void 0 : se.id,
+          name: (I = (oe = V == null ? void 0 : V.user) == null ? void 0 : oe.data) == null ? void 0 : I.name
         };
-      }) : !1, N = _ == null ? void 0 : _.actor, O = (N == null ? void 0 : N.id) === (v == null ? void 0 : v.id);
+      }) : !1, M = x == null ? void 0 : x.actor, F = (M == null ? void 0 : M.id) === (y == null ? void 0 : y.id);
       return /* @__PURE__ */ s.jsxs(Yt, { children: [
         /* @__PURE__ */ s.jsx(
           $t,
           {
             content: {
               type: "post",
-              body: _ == null ? void 0 : _.content,
-              canLike: rn(n, O),
-              createdAt: (_ == null ? void 0 : _.time) || "",
-              slugs: { parentId: t, activityId: _ == null ? void 0 : _.id },
-              slug: _ == null ? void 0 : _.id,
+              body: x == null ? void 0 : x.content,
+              canLike: rn(n, F),
+              createdAt: (x == null ? void 0 : x.time) || "",
+              slugs: { parentId: t, activityId: x == null ? void 0 : x.id },
+              slug: x == null ? void 0 : x.id,
               author: {
-                id: N == null ? void 0 : N.id,
-                name: (V = N == null ? void 0 : N.data) == null ? void 0 : V.name,
-                organization: (k = N == null ? void 0 : N.data) == null ? void 0 : k.organization,
-                jobTitle: (L = N == null ? void 0 : N.data) == null ? void 0 : L.jobTitle,
+                id: M == null ? void 0 : M.id,
+                name: (L = M == null ? void 0 : M.data) == null ? void 0 : L.name,
+                organization: (J = M == null ? void 0 : M.data) == null ? void 0 : J.organization,
+                jobTitle: (q = M == null ? void 0 : M.data) == null ? void 0 : q.jobTitle,
                 image: {
-                  thumbnail: ((J = N == null ? void 0 : N.data) == null ? void 0 : J.thumbnail) || void 0
+                  thumbnail: ((ce = M == null ? void 0 : M.data) == null ? void 0 : ce.thumbnail) || void 0
                 }
               },
-              userLiked: $,
-              likes: ((q = _ == null ? void 0 : _.reaction_counts) == null ? void 0 : q.like) || 0,
-              comments: ((ie = _ == null ? void 0 : _.reaction_counts) == null ? void 0 : ie.reply) || 0,
-              peopleWhoLiked: A
+              userLiked: D,
+              likes: ((le = x == null ? void 0 : x.reaction_counts) == null ? void 0 : le.like) || 0,
+              comments: ((de = x == null ? void 0 : x.reaction_counts) == null ? void 0 : de.reply) || 0,
+              peopleWhoLiked: B
             },
             links: {
-              post: `${e}/${t}/${_ == null ? void 0 : _.id}`,
-              comments: `${e}/${t}/${_ == null ? void 0 : _.id}`
+              post: `${e}/${t}/${x == null ? void 0 : x.id}`,
+              comments: `${e}/${t}/${x == null ? void 0 : x.id}`
             },
             functions: {
               content: {
                 createContent: () => null,
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                deleteContent: (Y) => p(Y),
+                deleteContent: (V) => g(V),
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                updateContent: (Y, se) => d({ ...Y, ...se })
+                updateContent: (V, se) => h({ ...V, ...se })
               },
               likes: {
-                createLike: () => h({ activityId: _ == null ? void 0 : _.id }),
-                deleteLike: () => g({ activityId: _ == null ? void 0 : _.id, reactionId: M })
+                createLike: () => v({ activityId: x == null ? void 0 : x.id }),
+                deleteLike: () => w({ activityId: x == null ? void 0 : x.id, reactionId: G })
               },
               comments: {
                 openComments: () => null
@@ -4926,10 +4951,19 @@ const jo = ({
           }
         ),
         /* @__PURE__ */ s.jsx(Ue, {})
-      ] }, _ == null ? void 0 : _.id);
-    }))
+      ] }, x == null ? void 0 : x.id);
+    }),
+    !d && /* @__PURE__ */ s.jsx(
+      Gn,
+      {
+        hasNextPage: m,
+        loadNextPage: () => c(),
+        gtmContext: "LoadMore",
+        icon: { icon: "arrow-down", position: "right" }
+      }
+    )
   ] });
-}, ga = ({
+}, _a = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4948,7 +4982,7 @@ const jo = ({
     })), { previousActivity: u };
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
-} }), _a = ({
+} }), xa = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4974,7 +5008,7 @@ const jo = ({
   onError: (i, l, a) => {
     e.setQueryData(t, a.previousActivity);
   }
-}), xa = ({
+}), ba = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4993,7 +5027,7 @@ const jo = ({
   })), { previousActivity: l };
 }, onError: (i, l, a) => {
   e.setQueryData(t, a.previousActivity);
-} }), ba = ({
+} }), va = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -5020,7 +5054,7 @@ const jo = ({
     ...a,
     latest_reactions: { reply: u }
   })), { previousActivity: a };
-} }), va = ({
+} }), wa = ({
   queryClient: e,
   queryKey: t,
   user: n,
@@ -5046,12 +5080,12 @@ const jo = ({
   const m = (d = c.latest_reactions.reply) == null ? void 0 : d.map((p) => {
     var h, g, v;
     if (p.id === u) {
-      let _ = (h = p.latest_children.reply) == null ? void 0 : h.filter(
+      let w = (h = p.latest_children.reply) == null ? void 0 : h.filter(
         (y) => y.user_id !== (n == null ? void 0 : n.id)
       );
-      return _ = (v = (g = p == null ? void 0 : p.own_children) == null ? void 0 : g.reply) == null ? void 0 : v.filter(
+      return w = (v = (g = p == null ? void 0 : p.own_children) == null ? void 0 : g.reply) == null ? void 0 : v.filter(
         (y) => y.user_id !== (n == null ? void 0 : n.id)
-      ), _;
+      ), w;
     }
     return p;
   });
@@ -5059,7 +5093,7 @@ const jo = ({
     ...c,
     latest_reactions: { reply: m }
   })), { previousActivity: c };
-} }), wa = ({
+} }), ka = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -5082,7 +5116,7 @@ const jo = ({
   onSettled: () => {
     e.invalidateQueries({ queryKey: t });
   }
-}), ka = ({
+}), ja = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -5107,7 +5141,7 @@ const jo = ({
     ...a,
     latest_reactions: { reply: u }
   })), { previousActivity: a };
-} }), ja = ({
+} }), ya = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -5132,7 +5166,7 @@ const jo = ({
     ...a,
     latest_reactions: { reply: u }
   })), { previousActivity: a };
-} }), ya = ({
+} }), Ea = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -5165,7 +5199,7 @@ const jo = ({
     ...u,
     latest_reactions: { reply: c }
   })), { previousActivity: u };
-} }), Ea = ({
+} }), Sa = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n,
@@ -5194,10 +5228,10 @@ const jo = ({
   const c = e.getQueryData(t), m = (d = c == null ? void 0 : c.latest_reactions.reply) == null ? void 0 : d.map((p) => {
     var h;
     return p.id === u.replyParentId && ((h = p.latest_children.reply) == null || h.map((g) => {
-      var v, _;
+      var v, w;
       return g.id === u.replyId && ((v = g.own_children) != null && v.like && (g.own_children.like = g.own_children.like.filter(
         (y) => y.user_id !== (r == null ? void 0 : r.id)
-      )), (_ = g.latest_children) != null && _.like && (g.latest_children.like = g.latest_children.like.filter(
+      )), (w = g.latest_children) != null && w.like && (g.latest_children.like = g.latest_children.like.filter(
         (y) => y.user_id !== (r == null ? void 0 : r.id)
       ))), g;
     })), p;
@@ -5206,7 +5240,7 @@ const jo = ({
     ...c,
     latest_reactions: { reply: m }
   })), { previousActivity: c };
-} }), Sa = ({
+} }), $a = ({
   basePath: e,
   parentId: t,
   replyParentId: n,
@@ -5215,39 +5249,39 @@ const jo = ({
   replies: i,
   functions: { create: l, edit: a, remove: u, join: c, leave: m, like: d, unlike: p }
 }) => {
-  const h = C(), g = wt(), v = we(Se), _ = we(St), y = wa({
+  const h = C(), g = wt(), v = we(Se), w = we(St), y = ka({
     queryClient: g,
     queryKey: [e, t, r],
     mutationFn: async (k) => l({ replyId: n, content: k.body })
-  }), { mutate: w } = ne(y), x = ka({
+  }), { mutate: x } = ne(y), _ = ja({
     queryClient: g,
     queryKey: [e, t, r],
     mutationFn: a
   }), {
     mutate: $
-  } = ne(x), M = ja({
+  } = ne(_), N = ya({
     queryClient: g,
     queryKey: [e, t, r],
     mutationFn: async ({ replyId: k }) => u({ replyId: k })
   }), {
-    mutate: A
-  } = ne(M), N = ya({
+    mutate: D
+  } = ne(N), G = Ea({
     queryClient: g,
     queryKey: [e, t, r],
     mutationFn: d
   }), {
-    mutate: O
-  } = ne(N), Q = Ea({
+    mutate: B
+  } = ne(G), M = Sa({
     queryClient: g,
     queryKey: [e, t, r],
     user: v,
     mutationFn: p
   }), {
     mutate: F
-  } = ne(Q), b = Ae(
-    ({ replyId: k, replyParentId: L }) => O({ replyId: k, replyParentId: L }),
-    [O]
-  ), V = Ae(
+  } = ne(M), b = Ae(
+    ({ replyId: k, replyParentId: L }) => B({ replyId: k, replyParentId: L }),
+    [B]
+  ), z = Ae(
     ({ replyId: k, replyParentId: L }) => F({ replyId: k, replyParentId: L }),
     [F]
   );
@@ -5255,13 +5289,13 @@ const jo = ({
     na,
     {
       count: o,
-      showRepliesButton: o > 0 || _.showForm,
+      showRepliesButton: o > 0 || w.showForm,
       children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-        _.showForm && /* @__PURE__ */ s.jsx(
+        w.showForm && /* @__PURE__ */ s.jsx(
           sn,
           {
             contentType: "reply",
-            createPost: (k, L) => w(L),
+            createPost: (k, L) => x(L),
             membershipRequiredToPost: {
               isMember: !0,
               required: !0,
@@ -5272,7 +5306,7 @@ const jo = ({
           }
         ),
         (i == null ? void 0 : i.length) === 0 || (i == null ? void 0 : i.map((k) => {
-          var L, J, q, ie, Y, se, ce, le, pe, B, de, _e, me, ke, xe, je, be;
+          var L, J, q, ce, le, de, V, se, oe, I, ue, _e, fe, ke, xe, je, be;
           return /* @__PURE__ */ s.jsx(
             $t,
             {
@@ -5288,21 +5322,21 @@ const jo = ({
                 },
                 slug: "",
                 author: {
-                  id: (ie = k == null ? void 0 : k.user) == null ? void 0 : ie.id,
-                  name: (se = (Y = k == null ? void 0 : k.user) == null ? void 0 : Y.data) == null ? void 0 : se.name,
-                  organization: (le = (ce = k == null ? void 0 : k.user) == null ? void 0 : ce.data) == null ? void 0 : le.organization,
-                  jobTitle: (B = (pe = k == null ? void 0 : k.user) == null ? void 0 : pe.data) == null ? void 0 : B.jobTitle,
+                  id: (ce = k == null ? void 0 : k.user) == null ? void 0 : ce.id,
+                  name: (de = (le = k == null ? void 0 : k.user) == null ? void 0 : le.data) == null ? void 0 : de.name,
+                  organization: (se = (V = k == null ? void 0 : k.user) == null ? void 0 : V.data) == null ? void 0 : se.organization,
+                  jobTitle: (I = (oe = k == null ? void 0 : k.user) == null ? void 0 : oe.data) == null ? void 0 : I.jobTitle,
                   image: {
-                    thumbnail: ((_e = (de = k == null ? void 0 : k.user) == null ? void 0 : de.data) == null ? void 0 : _e.thumbnail) || void 0
+                    thumbnail: ((_e = (ue = k == null ? void 0 : k.user) == null ? void 0 : ue.data) == null ? void 0 : _e.thumbnail) || void 0
                   }
                 },
-                userLiked: ((me = k == null ? void 0 : k.own_children) == null ? void 0 : me.like) && ((ke = k == null ? void 0 : k.own_children) == null ? void 0 : ke.like.length) > 0,
+                userLiked: ((fe = k == null ? void 0 : k.own_children) == null ? void 0 : fe.like) && ((ke = k == null ? void 0 : k.own_children) == null ? void 0 : ke.like.length) > 0,
                 likes: ((xe = k == null ? void 0 : k.children_counts) == null ? void 0 : xe.like) || 0,
                 peopleWhoLiked: ((je = k == null ? void 0 : k.latest_children) == null ? void 0 : je.like) && ((be = k == null ? void 0 : k.latest_children) == null ? void 0 : be.like.map((Z) => {
-                  var re, fe;
+                  var re, he;
                   return {
                     id: Z == null ? void 0 : Z.user_id,
-                    name: (fe = (re = Z == null ? void 0 : Z.user) == null ? void 0 : re.data) == null ? void 0 : fe.name
+                    name: (he = (re = Z == null ? void 0 : Z.user) == null ? void 0 : re.data) == null ? void 0 : he.name
                   };
                 }))
               },
@@ -5310,8 +5344,8 @@ const jo = ({
                 content: {
                   createContent: () => console.log("create"),
                   deleteContent: (Z) => {
-                    const { replySlug: re, replyParentId: fe } = Z;
-                    return A({ replyId: re, replyParentId: fe });
+                    const { replySlug: re, replyParentId: he } = Z;
+                    return D({ replyId: re, replyParentId: he });
                   },
                   updateContent: (Z, re) => $({ replyInfo: Z, content: re })
                 },
@@ -5321,9 +5355,9 @@ const jo = ({
                     replyParentId: k == null ? void 0 : k.parent
                   }),
                   deleteLike: () => {
-                    var re, fe, K;
-                    const Z = ((re = k == null ? void 0 : k.own_children) == null ? void 0 : re.like) && ((K = (fe = k == null ? void 0 : k.own_children) == null ? void 0 : fe.like[0]) == null ? void 0 : K.id);
-                    return V({
+                    var re, he, K;
+                    const Z = ((re = k == null ? void 0 : k.own_children) == null ? void 0 : re.like) && ((K = (he = k == null ? void 0 : k.own_children) == null ? void 0 : he.like[0]) == null ? void 0 : K.id);
+                    return z({
                       replyId: Z || ""
                     });
                   }
@@ -5337,7 +5371,7 @@ const jo = ({
       ] })
     }
   );
-}, $a = ({
+}, Ta = ({
   basePath: e,
   parentId: t,
   activityId: n,
@@ -5345,48 +5379,48 @@ const jo = ({
   isMember: o,
   functions: { create: i, edit: l, remove: a, like: u, unlike: c, join: m, leave: d }
 }) => {
-  const p = C(), h = wt(), g = we(Se), v = ga({
+  const p = C(), h = wt(), g = we(Se), v = _a({
     queryClient: h,
     queryKey: [e, t, n],
     mutationFn: async (b) => i({ activityId: n, content: b.body })
-  }), { mutate: _ } = ne(v), y = _a({
+  }), { mutate: w } = ne(v), y = xa({
     queryClient: h,
     queryKey: [e, t, n],
     mutationFn: async (b) => l(b)
   }), {
-    mutate: w
-  } = ne(y), x = xa({
+    mutate: x
+  } = ne(y), _ = ba({
     queryClient: h,
     queryKey: [e, t, n],
     mutationFn: async ({ replyId: b }) => a({ replyId: b })
   }), {
     mutate: $
-  } = ne(x), M = ba({
+  } = ne(_), N = va({
     queryClient: h,
     queryKey: [e, t, n],
     mutationFn: u
   }), {
-    mutate: A
-  } = ne(M), N = va({
+    mutate: D
+  } = ne(N), G = wa({
     queryClient: h,
     queryKey: [e, t, n],
     user: g,
     mutationFn: c
   }), {
-    mutate: O
-  } = ne(N), Q = Ae(
-    ({ replyId: b }) => A({ replyId: b }),
-    [A]
+    mutate: B
+  } = ne(G), M = Ae(
+    ({ replyId: b }) => D({ replyId: b }),
+    [D]
   ), F = Ae(
-    ({ replyId: b }) => O({ replyId: b }),
-    [O]
+    ({ replyId: b }) => B({ replyId: b }),
+    [B]
   );
-  return zs(), /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+  return Vs(), /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx(
       sn,
       {
         contentType: "reply",
-        createPost: (b, V) => _(V),
+        createPost: (b, z) => w(z),
         membershipRequiredToPost: {
           isMember: o,
           required: !0,
@@ -5397,14 +5431,14 @@ const jo = ({
       }
     ),
     (r == null ? void 0 : r.length) === 0 || (r == null ? void 0 : r.map((b) => {
-      var L, J, q, ie, Y, se, ce, le, pe, B, de, _e, me, ke, xe, je, be, Z, re, fe;
-      const V = ((L = b == null ? void 0 : b.user) == null ? void 0 : L.id) === (g == null ? void 0 : g.id), k = rn(o, V);
+      var L, J, q, ce, le, de, V, se, oe, I, ue, _e, fe, ke, xe, je, be, Z, re, he;
+      const z = ((L = b == null ? void 0 : b.user) == null ? void 0 : L.id) === (g == null ? void 0 : g.id), k = rn(o, z);
       return /* @__PURE__ */ s.jsx(Xr, { children: /* @__PURE__ */ s.jsx(
         $t,
         {
           content: {
             type: "reply",
-            body: typeof b.data.content == "string" ? (J = b == null ? void 0 : b.data) == null ? void 0 : J.content : ((ie = (q = b == null ? void 0 : b.data) == null ? void 0 : q.content) == null ? void 0 : ie.text) || "",
+            body: typeof b.data.content == "string" ? (J = b == null ? void 0 : b.data) == null ? void 0 : J.content : ((ce = (q = b == null ? void 0 : b.data) == null ? void 0 : q.content) == null ? void 0 : ce.text) || "",
             canLike: k,
             createdAt: b == null ? void 0 : b.created_at,
             slugs: {
@@ -5414,21 +5448,21 @@ const jo = ({
             },
             slug: b == null ? void 0 : b.id,
             author: {
-              id: (Y = b == null ? void 0 : b.user) == null ? void 0 : Y.id,
-              name: (ce = (se = b == null ? void 0 : b.user) == null ? void 0 : se.data) == null ? void 0 : ce.name,
-              organization: (pe = (le = b == null ? void 0 : b.user) == null ? void 0 : le.data) == null ? void 0 : pe.organization,
-              jobTitle: (de = (B = b == null ? void 0 : b.user) == null ? void 0 : B.data) == null ? void 0 : de.jobTitle,
+              id: (le = b == null ? void 0 : b.user) == null ? void 0 : le.id,
+              name: (V = (de = b == null ? void 0 : b.user) == null ? void 0 : de.data) == null ? void 0 : V.name,
+              organization: (oe = (se = b == null ? void 0 : b.user) == null ? void 0 : se.data) == null ? void 0 : oe.organization,
+              jobTitle: (ue = (I = b == null ? void 0 : b.user) == null ? void 0 : I.data) == null ? void 0 : ue.jobTitle,
               image: {
-                thumbnail: ((me = (_e = b == null ? void 0 : b.user) == null ? void 0 : _e.data) == null ? void 0 : me.thumbnail) || void 0
+                thumbnail: ((fe = (_e = b == null ? void 0 : b.user) == null ? void 0 : _e.data) == null ? void 0 : fe.thumbnail) || void 0
               }
             },
             userLiked: ((ke = b == null ? void 0 : b.own_children) == null ? void 0 : ke.like) && ((xe = b == null ? void 0 : b.own_children) == null ? void 0 : xe.like.length) > 0,
             likes: ((je = b == null ? void 0 : b.children_counts) == null ? void 0 : je.like) || 0,
             peopleWhoLiked: ((be = b == null ? void 0 : b.latest_children) == null ? void 0 : be.like) && ((Z = b == null ? void 0 : b.latest_children) == null ? void 0 : Z.like.map((K) => {
-              var oe, ve;
+              var ie, ve;
               return {
                 id: K == null ? void 0 : K.user_id,
-                name: (ve = (oe = K == null ? void 0 : K.user) == null ? void 0 : oe.data) == null ? void 0 : ve.name
+                name: (ve = (ie = K == null ? void 0 : K.user) == null ? void 0 : ie.data) == null ? void 0 : ve.name
               };
             }))
           },
@@ -5436,30 +5470,30 @@ const jo = ({
             content: {
               createContent: () => null,
               deleteContent: (K) => {
-                const { replySlug: oe } = K;
-                return $({ replyId: oe });
+                const { replySlug: ie } = K;
+                return $({ replyId: ie });
               },
-              updateContent: (K, oe) => w({ replyInfo: K, content: oe })
+              updateContent: (K, ie) => x({ replyInfo: K, content: ie })
             },
             likes: {
-              createLike: () => Q({ replyId: b == null ? void 0 : b.id }),
+              createLike: () => M({ replyId: b == null ? void 0 : b.id }),
               deleteLike: () => {
-                var oe, ve, De;
-                const K = ((oe = b == null ? void 0 : b.own_children) == null ? void 0 : oe.like) && ((De = (ve = b == null ? void 0 : b.own_children) == null ? void 0 : ve.like[0]) == null ? void 0 : De.id);
+                var ie, ve, Pe;
+                const K = ((ie = b == null ? void 0 : b.own_children) == null ? void 0 : ie.like) && ((Pe = (ve = b == null ? void 0 : b.own_children) == null ? void 0 : ve.like[0]) == null ? void 0 : Pe.id);
                 return F({ replyId: K || "" });
               }
             },
             comments: {}
           },
           children: /* @__PURE__ */ s.jsx(
-            Sa,
+            $a,
             {
               basePath: e,
               parentId: t,
               replyParentId: b == null ? void 0 : b.id,
               activityId: n,
               replyCount: ((re = b == null ? void 0 : b.children_counts) == null ? void 0 : re.reply) || 0,
-              replies: (fe = b == null ? void 0 : b.latest_children) == null ? void 0 : fe.reply,
+              replies: (he = b == null ? void 0 : b.latest_children) == null ? void 0 : he.reply,
               isMember: o,
               functions: {
                 create: i,
@@ -5477,7 +5511,7 @@ const jo = ({
       ) }, b == null ? void 0 : b.id);
     }))
   ] });
-}, Ta = ({
+}, Ma = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -5501,7 +5535,7 @@ const jo = ({
   onSettled: () => {
     e.invalidateQueries({ queryKey: t });
   }
-}), Ma = ({
+}), Na = ({
   queryClient: e,
   queryKey: t,
   redirectUrl: n,
@@ -5528,7 +5562,7 @@ const jo = ({
   })), { previousActivity: u };
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
-} }), Na = ({
+} }), Pa = ({
   queryClient: e,
   queryKey: t,
   user: n,
@@ -5561,7 +5595,7 @@ const jo = ({
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
 } });
-const yo = ({
+const Eo = ({
   basePath: e,
   parentId: t,
   activityId: n,
@@ -5581,91 +5615,91 @@ const yo = ({
     leave: v
   }
 }) => {
-  var Y, se, ce, le, pe, B, de, _e, me, ke, xe, je, be, Z, re, fe, K, oe, ve, De, ze, Fe, et;
-  const _ = C(), y = we(Se), w = wt(), {
-    data: x,
+  var le, de, V, se, oe, I, ue, _e, fe, ke, xe, je, be, Z, re, he, K, ie, ve, Pe, ze, Fe, et;
+  const w = C(), y = we(Se), x = wt(), {
+    data: _,
     isLoading: $,
-    isFetching: M
-  } = Pn({
+    isFetching: N
+  } = Ms({
     queryKey: [e, t, n],
     queryFn: o
-  }), A = Ta({
-    queryClient: w,
+  }), D = Ma({
+    queryClient: x,
     queryKey: [e, t, n],
     mutationFn: async (ee) => await i(ee)
   }), {
-    mutate: N
-  } = ne(A), O = Ma({
-    queryClient: w,
+    mutate: G
+  } = ne(D), B = Na({
+    queryClient: x,
     queryKey: [e, t, n],
     mutationFn: async ({ activityId: ee }) => l({ activityId: ee }),
     redirectUrl: `${e}/${t}`
-  }), { mutate: Q } = ne(O), F = Ca({
-    queryClient: w,
+  }), { mutate: M } = ne(B), F = Ca({
+    queryClient: x,
     queryKey: [e, t, n],
     mutationFn: a
   }), {
     mutate: b
-  } = ne(F), V = Na({
-    queryClient: w,
+  } = ne(F), z = Pa({
+    queryClient: x,
     queryKey: [e, t, n],
     user: y,
     mutationFn: async () => {
       var Ee, Le, tt;
-      const ee = (tt = (Le = (Ee = x == null ? void 0 : x.own_reactions) == null ? void 0 : Ee.like) == null ? void 0 : Le.find(
+      const ee = (tt = (Le = (Ee = _ == null ? void 0 : _.own_reactions) == null ? void 0 : Ee.like) == null ? void 0 : Le.find(
         (nt) => nt.user_id === (y == null ? void 0 : y.id)
       )) == null ? void 0 : tt.id;
       await u({ activityId: n, reactionId: ee });
     },
-    activity: x
+    activity: _
   }), {
     mutate: k
-  } = ne(V), L = Ae(
+  } = ne(z), L = Ae(
     ({ activityId: ee }) => b({ activityId: ee }),
     [b]
   ), J = Ae(
     async ({ activityId: ee }) => k({ activityId: ee }),
     [k]
   );
-  if ($ || M)
+  if ($ || N)
     return /* @__PURE__ */ s.jsx(Te, { style: { height: "400px" } });
-  if (!x)
+  if (!_)
     return /* @__PURE__ */ s.jsx(
       Et,
       {
         variant: "error",
-        text: _.formatMessage({ id: "activitySection_notFoundError" })
+        text: w.formatMessage({ id: "activitySection_notFoundError" })
       }
     );
-  const q = ((Y = x == null ? void 0 : x.actor) == null ? void 0 : Y.id) === (y == null ? void 0 : y.id), ie = rn(r, q);
+  const q = ((le = _ == null ? void 0 : _.actor) == null ? void 0 : le.id) === (y == null ? void 0 : y.id), ce = rn(r, q);
   return /* @__PURE__ */ s.jsx(
     $t,
     {
       className: "activity-section",
       content: {
         type: "post",
-        body: x == null ? void 0 : x.content,
-        canLike: ie,
-        createdAt: (x == null ? void 0 : x.time) || "",
+        body: _ == null ? void 0 : _.content,
+        canLike: ce,
+        createdAt: (_ == null ? void 0 : _.time) || "",
         slugs: {
           question: `${t}/${n}`,
           parentId: t,
-          activityId: x == null ? void 0 : x.id
+          activityId: _ == null ? void 0 : _.id
         },
         slug: n,
         author: {
-          id: (se = x == null ? void 0 : x.actor) == null ? void 0 : se.id,
-          name: ((ce = x == null ? void 0 : x.actor) == null ? void 0 : ce.data) && ((pe = (le = x == null ? void 0 : x.actor) == null ? void 0 : le.data) == null ? void 0 : pe.name),
-          organization: ((B = x == null ? void 0 : x.actor) == null ? void 0 : B.data) && ((_e = (de = x == null ? void 0 : x.actor) == null ? void 0 : de.data) == null ? void 0 : _e.organization),
-          jobTitle: ((me = x == null ? void 0 : x.actor) == null ? void 0 : me.data) && ((xe = (ke = x == null ? void 0 : x.actor) == null ? void 0 : ke.data) == null ? void 0 : xe.jobTitle),
+          id: (de = _ == null ? void 0 : _.actor) == null ? void 0 : de.id,
+          name: ((V = _ == null ? void 0 : _.actor) == null ? void 0 : V.data) && ((oe = (se = _ == null ? void 0 : _.actor) == null ? void 0 : se.data) == null ? void 0 : oe.name),
+          organization: ((I = _ == null ? void 0 : _.actor) == null ? void 0 : I.data) && ((_e = (ue = _ == null ? void 0 : _.actor) == null ? void 0 : ue.data) == null ? void 0 : _e.organization),
+          jobTitle: ((fe = _ == null ? void 0 : _.actor) == null ? void 0 : fe.data) && ((xe = (ke = _ == null ? void 0 : _.actor) == null ? void 0 : ke.data) == null ? void 0 : xe.jobTitle),
           image: {
-            thumbnail: ((je = x == null ? void 0 : x.actor) == null ? void 0 : je.data) && ((Z = (be = x == null ? void 0 : x.actor) == null ? void 0 : be.data) == null ? void 0 : Z.thumbnail) || void 0
+            thumbnail: ((je = _ == null ? void 0 : _.actor) == null ? void 0 : je.data) && ((Z = (be = _ == null ? void 0 : _.actor) == null ? void 0 : be.data) == null ? void 0 : Z.thumbnail) || void 0
           }
         },
-        userLiked: ((re = x == null ? void 0 : x.own_reactions) == null ? void 0 : re.like) && ((fe = x == null ? void 0 : x.own_reactions) == null ? void 0 : fe.like.length) > 0,
-        likes: x && ((K = x == null ? void 0 : x.reaction_counts) == null ? void 0 : K.like),
-        comments: x && ((oe = x == null ? void 0 : x.reaction_counts) == null ? void 0 : oe.reply),
-        peopleWhoLiked: ((ve = x == null ? void 0 : x.latest_reactions) == null ? void 0 : ve.like) && ((De = x == null ? void 0 : x.latest_reactions) == null ? void 0 : De.like.map((ee) => {
+        userLiked: ((re = _ == null ? void 0 : _.own_reactions) == null ? void 0 : re.like) && ((he = _ == null ? void 0 : _.own_reactions) == null ? void 0 : he.like.length) > 0,
+        likes: _ && ((K = _ == null ? void 0 : _.reaction_counts) == null ? void 0 : K.like),
+        comments: _ && ((ie = _ == null ? void 0 : _.reaction_counts) == null ? void 0 : ie.reply),
+        peopleWhoLiked: ((ve = _ == null ? void 0 : _.latest_reactions) == null ? void 0 : ve.like) && ((Pe = _ == null ? void 0 : _.latest_reactions) == null ? void 0 : Pe.like.map((ee) => {
           var Ee, Le;
           return {
             id: ee == null ? void 0 : ee.user_id,
@@ -5673,12 +5707,12 @@ const yo = ({
           };
         }))
       },
-      originalAuthorId: (ze = x == null ? void 0 : x.actor) == null ? void 0 : ze.id,
+      originalAuthorId: (ze = _ == null ? void 0 : _.actor) == null ? void 0 : ze.id,
       functions: {
         content: {
           createContent: () => console.log("create"),
-          deleteContent: () => Q({ activityId: n }),
-          updateContent: (ee, Ee) => N({ activityInfo: ee, content: Ee })
+          deleteContent: () => M({ activityId: n }),
+          updateContent: (ee, Ee) => G({ activityInfo: ee, content: Ee })
         },
         likes: {
           createLike: () => L({ activityId: n }),
@@ -5692,16 +5726,16 @@ const yo = ({
       children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
         /* @__PURE__ */ s.jsxs("h3", { children: [
           "Comments (",
-          ((Fe = x == null ? void 0 : x.reaction_counts) == null ? void 0 : Fe.reply) || 0,
+          ((Fe = _ == null ? void 0 : _.reaction_counts) == null ? void 0 : Fe.reply) || 0,
           ")"
         ] }),
         /* @__PURE__ */ s.jsx(
-          $a,
+          Ta,
           {
             basePath: e,
             parentId: t,
             activityId: n,
-            repliesList: (et = x == null ? void 0 : x.latest_reactions) == null ? void 0 : et.reply,
+            repliesList: (et = _ == null ? void 0 : _.latest_reactions) == null ? void 0 : et.reply,
             isMember: r,
             functions: {
               create: c,
@@ -5718,7 +5752,7 @@ const yo = ({
     },
     n
   );
-}, Eo = ({ id: e, data: { jobTitle: t, name: n, organization: r, thumbnail: o } }) => ({
+}, So = ({ id: e, data: { jobTitle: t, name: n, organization: r, thumbnail: o } }) => ({
   id: e,
   name: n,
   jobTitle: t,
@@ -5756,7 +5790,7 @@ const yo = ({
     ] });
   }
   if (m && !i || l)
-    return /* @__PURE__ */ s.jsx("p", { className: "details", children: l ? n.formatMessage({ id: "card_bootcamp" }) : Bn(m) });
+    return /* @__PURE__ */ s.jsx("p", { className: "details", children: l ? n.formatMessage({ id: "card_bootcamp" }) : In(m) });
   if (a)
     return /* @__PURE__ */ s.jsx(
       ft,
@@ -5840,13 +5874,13 @@ const yo = ({
     },
     gtmEvent: "learning-hub"
   }
-}, Pa = ({ data: e, cta: t, link: n, gtmContext: r }) => {
+}, Ra = ({ data: e, cta: t, link: n, gtmContext: r }) => {
   var g;
-  const o = C(), [i, l] = R({
+  const o = C(), [i, l] = A({
     loading: !1,
     registered: e.registered || !1
   });
-  G(() => {
+  Y(() => {
     e.registered && l((v) => ({ ...v, registered: !0 }));
   }, [e.registered]);
   const { startDate: a, dateHasPassed: u, pill: c, slug: m } = e, d = e.contentType;
@@ -5864,7 +5898,7 @@ const yo = ({
     );
   if (d === "people")
     return /* @__PURE__ */ s.jsx(
-      W,
+      U,
       {
         variant: "tertiary",
         size: "small",
@@ -5877,21 +5911,21 @@ const yo = ({
     );
   const h = ["microcourse", "event"];
   if (t && t.onClick && h.includes(d) && c !== "premium") {
-    const v = i.loading || i.registered, _ = async (y) => {
+    const v = i.loading || i.registered, w = async (y) => {
       if (y.preventDefault(), y.stopPropagation(), !(v || !t || !t.onClick)) {
-        l((w) => ({ ...w, loading: !0 }));
+        l((x) => ({ ...x, loading: !0 }));
         try {
-          const w = await t.onClick(e);
-          l(w === "success" ? () => ({ registered: !0, loading: !1 }) : (x) => ({ ...x, loading: !1 }));
+          const x = await t.onClick(e);
+          l(x === "success" ? () => ({ registered: !0, loading: !1 }) : (_) => ({ ..._, loading: !1 }));
         } catch {
-          l((x) => ({ ...x, loading: !1 }));
+          l((_) => ({ ..._, loading: !1 }));
         }
       }
     };
     return /* @__PURE__ */ s.jsx(
-      W,
+      U,
       {
-        onClick: _,
+        onClick: w,
         className: "gtm-trackable",
         size: "small",
         styling: { fullWidth: !0 },
@@ -5912,16 +5946,16 @@ const yo = ({
   person: "user",
   speech: "speech-bubble_round",
   star: "star_empty_thin"
-}, Ra = (e) => {
+}, Aa = (e) => {
   let t = e;
   return Object.keys(Nn).includes(e) && (t = Nn[e]), `url(${mt}icons/${t}.svg)`;
 };
-const Aa = {
+const Fa = {
   title: 66,
   text: 3e3,
   secondaryText: 1e3,
   partner: 25
-}, Fa = ({
+}, La = ({
   id: e = "",
   card: t,
   buildCardData: n,
@@ -5929,15 +5963,15 @@ const Aa = {
   gtmContext: o = "Carousel",
   className: i = ""
 }) => {
-  const l = C(), a = we(Se), u = a && typeof a.id == "string", [c, m] = R({
+  const l = C(), a = we(Se), u = a && typeof a.id == "string", [c, m] = A({
     data: null,
     isLoading: !0
   }), { data: d, isLoading: p } = c, h = Ae(() => {
-    n(t, u).then((O) => {
-      m(() => ({ data: O, isLoading: !1 }));
-    }).catch(() => m((O) => ({ ...O, isLoading: !1 })));
+    n(t, u).then((B) => {
+      m(() => ({ data: B, isLoading: !1 }));
+    }).catch(() => m((B) => ({ ...B, isLoading: !1 })));
   }, [e]);
-  if (G(() => {
+  if (Y(() => {
     h();
   }, []), p || !d)
     return /* @__PURE__ */ s.jsx(
@@ -5953,48 +5987,48 @@ const Aa = {
     return /* @__PURE__ */ s.jsx(Te, { element: "li", className: "card-wrapper" });
   const {
     basePath: v = "",
-    className: _,
+    className: w,
     length: y,
-    gtmEvent: w
-  } = xt[g], x = Hn(`card_label_${g}`) ? l.formatMessage({ id: `card_label_${g}` }) : !1, $ = d.slug ? `${v}${d.slug}` : !1, M = { ...Aa, ...y };
-  let A = { className: "card" };
-  $ && (A = {
+    gtmEvent: x
+  } = xt[g], _ = On(`card_label_${g}`) ? l.formatMessage({ id: `card_label_${g}` }) : !1, $ = d.slug ? `${v}${d.slug}` : !1, N = { ...Fa, ...y };
+  let D = { className: "card" };
+  $ && (D = {
     href: $,
     className: "card gtm-trackable",
     "data-gtm-event-context": `${o}-CarouselCard`,
-    "data-gtm-event-type": `${w}-click`,
+    "data-gtm-event-type": `${x}-click`,
     "data-testid": "link"
-  }, d.openInNewTab && (A.target = "_blank"));
-  const N = d.customIcon ? { "--custom-icon": Ra(d.customIcon) } : {};
+  }, d.openInNewTab && (D.target = "_blank"));
+  const G = d.customIcon ? { "--custom-icon": Aa(d.customIcon) } : {};
   return /* @__PURE__ */ s.jsx(
     "li",
     {
-      className: E("card-wrapper text-medium", _, i, {
+      className: E("card-wrapper text-medium", w, i, {
         "has-link": $,
         "no-link": !$,
         "has-custom-icon": d.customIcon,
         "has-image": d.banner
       }),
-      style: N,
+      style: G,
       "data-testid": `${g}-card`,
-      children: D.createElement(
+      children: P.createElement(
         $ ? "a" : "div",
-        A,
+        D,
         /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-          (d.customLabel || x) && /* @__PURE__ */ s.jsx("small", { className: E("card-label text-small", _), children: d.customLabel || x }),
+          (d.customLabel || _) && /* @__PURE__ */ s.jsx("small", { className: E("card-label text-small", w), children: d.customLabel || _ }),
           d.startDate && !d.isOngoingEvent && /* @__PURE__ */ s.jsx(
             ft,
             {
               size: "small",
               variant: d.dateHasPassed ? "default" : "information",
               "data-testid": "date",
-              children: d.dateHasPassed ? l.formatMessage({ id: "card_ended" }) : Ys(d.startDate)
+              children: d.dateHasPassed ? l.formatMessage({ id: "card_ended" }) : Gs(d.startDate)
             }
           ),
           d.banner ? /* @__PURE__ */ s.jsxs("p", { className: "img", children: [
             d.registered && /* @__PURE__ */ s.jsx(ft, { size: "small", variant: "registered", children: l.formatMessage({ id: "card_registered" }) }),
-            /* @__PURE__ */ s.jsx(Qn, { image: d.banner })
-          ] }) : _ === "people" ? /* @__PURE__ */ s.jsx(
+            /* @__PURE__ */ s.jsx(Bn, { image: d.banner })
+          ] }) : w === "people" ? /* @__PURE__ */ s.jsx(
             Ke,
             {
               name: d.title || "",
@@ -6003,37 +6037,37 @@ const Aa = {
             }
           ) : null,
           d.contributors && /* @__PURE__ */ s.jsx(
-            Gn,
+            Vn,
             {
               contributors: { data: d.contributors },
               styling: {
                 size: "small",
-                showGap: _ !== "question",
+                showGap: w !== "question",
                 showText: !0
               },
               "data-testid": "contributors"
             }
           ),
-          d.partner && /* @__PURE__ */ s.jsx("p", { className: "partners", "data-testid": "partners", children: He(d.partner.title, M.partner) }),
+          d.partner && /* @__PURE__ */ s.jsx("p", { className: "partners", "data-testid": "partners", children: He(d.partner.title, N.partner) }),
           /* Text */
-          ["title", "text", "secondaryText"].map((O) => {
-            const Q = d[O];
-            if (!Q)
+          ["title", "text", "secondaryText"].map((B) => {
+            const M = d[B];
+            if (!M)
               return null;
-            const F = Vs(O);
-            return /* @__PURE__ */ s.jsx("p", { className: F, "data-testid": F, children: He(Q, M[O]) }, O);
+            const F = Ys(B);
+            return /* @__PURE__ */ s.jsx("p", { className: F, "data-testid": F, children: He(M, N[B]) }, B);
           }),
-          /* @__PURE__ */ s.jsx(Da, { type: _ || "", data: d }),
-          /* @__PURE__ */ s.jsx(Pa, { data: d, cta: r, link: $ || "", gtmContext: o })
+          /* @__PURE__ */ s.jsx(Da, { type: w || "", data: d }),
+          /* @__PURE__ */ s.jsx(Ra, { data: d, cta: r, link: $ || "", gtmContext: o })
         ] })
       )
     }
   );
 };
-const La = ({ cards: e, cardTypes: t, className: n = "", ...r }) => /* @__PURE__ */ s.jsx("ul", { className: E("card-block", n), children: e.map((o, i) => {
+const Ia = ({ cards: e, cardTypes: t, className: n = "", ...r }) => /* @__PURE__ */ s.jsx("ul", { className: E("card-block", n), children: e.map((o, i) => {
   const l = o.slug ? `${o.slug}-${t[i]}` : `${t[i]}-${i}`;
   return /* @__PURE__ */ s.jsx(
-    Fa,
+    La,
     {
       id: l,
       card: { ...o, contentType: t[i] },
@@ -6042,7 +6076,7 @@ const La = ({ cards: e, cardTypes: t, className: n = "", ...r }) => /* @__PURE__
     l
   );
 }) });
-const Dn = [
+const Cn = [
   {
     contentType: "solutionArticle",
     banner: {
@@ -6086,9 +6120,9 @@ const Dn = [
     contributors: ["community"]
   }
 ];
-const lt = "notFoundError_", So = () => {
+const lt = "notFoundError_", $o = () => {
   const e = C(), t = [];
-  return Dn.forEach((n, r) => {
+  return Cn.forEach((n, r) => {
     n.title = e.formatMessage({ id: `${lt}post_${r + 1}` }), t.push("solutionArticle");
   }), /* @__PURE__ */ s.jsxs(
     Gr,
@@ -6097,16 +6131,16 @@ const lt = "notFoundError_", So = () => {
       additionalContent: {
         appended: /* @__PURE__ */ s.jsxs(tn, { children: [
           /* @__PURE__ */ s.jsx(
-            La,
+            Ia,
             {
-              cards: Dn,
+              cards: Cn,
               cardTypes: t,
               buildCardData: (n) => new Promise((r, o) => {
                 r(n);
               })
             }
           ),
-          /* @__PURE__ */ s.jsx(W, { href: "/solution-articles/", children: e.formatMessage({ id: `${lt}cta` }) })
+          /* @__PURE__ */ s.jsx(U, { href: "/solution-articles/", children: e.formatMessage({ id: `${lt}cta` }) })
         ] })
       },
       reportError: () => {
@@ -6121,92 +6155,92 @@ const lt = "notFoundError_", So = () => {
 };
 export {
   mt as ASSETS_BUCKET,
-  jo as ActivitiesFeed,
-  yo as ActivitySection,
+  yo as ActivitiesFeed,
+  Eo as ActivitySection,
   sn as AddPost,
-  to as BannerSection,
-  lo as Breadcrumbs,
-  W as Button,
+  no as BannerSection,
+  uo as Breadcrumbs,
+  U as Button,
   jt as ButtonWrapper,
-  jr as CacheProvider,
-  Un as CollapsibleSection,
+  yr as CacheProvider,
+  Hn as CollapsibleSection,
   Or as Columns,
-  co as CommunityDetails,
-  Gn as Contributors,
+  lo as CommunityDetails,
+  Vn as Contributors,
   St as ConversationContext,
   Br as CookieBanner,
   Xr as DiscussionConversation,
-  rs as DiscussionForm,
+  ss as DiscussionForm,
   ea as DiscussionLikes,
   $t as DiscussionPost,
   na as DiscussionThread,
   Ue as Divider,
-  Ka as DownloadSection,
+  eo as DownloadSection,
   Xe as EMAILS,
-  go as EmailHelperTextBox,
+  _o as EmailHelperTextBox,
   Et as EmptyStateBox,
-  uo as Filters,
-  Sr as FlagsProvider,
-  Xn as Footer,
+  mo as Filters,
+  $r as FlagsProvider,
+  qn as Footer,
   tn as FullWidthSection,
-  io as GlobalProviders,
-  ts as Header,
-  cr as HelperTextBox,
-  Fn as HiddenFromScreenReaders,
-  ro as HideShowTextBox,
+  co as GlobalProviders,
+  es as Header,
+  lr as HelperTextBox,
+  Rn as HiddenFromScreenReaders,
+  ao as HideShowTextBox,
   Re as HighlightedTextBox,
-  $r as IntlProvider,
+  Tr as IntlProvider,
   Wr as InviteForm,
-  bo as InviteModal,
-  Jn as JoinButton,
-  mo as LanguageSwitcher,
+  vo as InviteModal,
+  Yn as JoinButton,
+  fo as LanguageSwitcher,
   yt as Link,
-  Nr as LoadMore,
-  ao as LoadingBlock,
+  Gn as LoadMore,
+  oo as LoadingBlock,
   Te as LoadingPlaceholder,
-  oo as LoadingState,
-  qn as Logo,
-  eo as LogoSection,
-  kn as MarkdownText,
-  no as MarketingBox,
+  io as LoadingState,
+  Jn as Logo,
+  to as LogoSection,
+  wn as MarkdownText,
+  so as MarketingBox,
   nn as Member,
-  wo as MembersList,
-  ns as Modal,
-  Dr as MoreMenu,
-  so as NUMBER_OF_USERS,
+  ko as MembersList,
+  ts as Modal,
+  Pr as MoreMenu,
+  ro as NUMBER_OF_USERS,
   Ar as NavigationMenu,
-  So as NotFoundError,
-  ss as Overlay,
-  _r as PageHeading,
+  $o as NotFoundError,
+  ns as Overlay,
+  xr as PageHeading,
   Gr as PageLayout,
-  _o as PasswordRules,
+  xo as PasswordRules,
   ft as Pill,
   Ke as ProfilePicture,
-  br as ProgressBar,
-  xo as Rating,
-  $a as RepliesFeed,
-  ko as ResponsesHeading,
-  Qn as ResponsiveImage,
+  vr as ProgressBar,
+  bo as Rating,
+  Ta as RepliesFeed,
+  jo as ResponsesHeading,
+  Bn as ResponsiveImage,
   Ur as SearchForm,
-  fo as ShareLinks,
-  gr as Span,
+  ho as ShareLinks,
+  _r as Span,
   Xt as StatusBanner,
-  ho as Tabs,
-  vo as Tags,
-  ar as Tooltip,
-  po as TopLevelPage,
+  po as Tabs,
+  wo as Tags,
+  or as Tooltip,
+  go as TopLevelPage,
   Se as UserContext,
-  Mr as UserProvider,
-  ue as VisuallyHidden,
+  Nr as UserProvider,
+  me as VisuallyHidden,
   Vr as addAriaProps,
-  Yn as getMember,
+  zn as getMember,
   pt as headerData,
-  Eo as mapGetStreamData,
-  Ks as pageReady,
-  Qs as useCurrentPath,
+  So as mapGetStreamData,
+  er as pageReady,
+  Us as useCurrentPath,
   Qe as useEffectAfterMount,
   kt as useElementWidth,
-  Ws as useScrollListener,
-  zs as useScrollToHash,
-  Tr as useUser
+  zs as useScrollListener,
+  Vs as useScrollToHash,
+  Mr as useUser
 };