@apolitical/component-library 1.13.7-beta.0 → 1.14.0

package/index.mjs

@@ -1,22 +1,22 @@
-import N, { memo as Pe, useState as L, useEffect as Z, useRef as se, useMemo as nt, Children as Dt, createContext as Ot, useContext as be, Fragment as Nt, useCallback as je, useReducer as rs, Suspense as os } from "react";
+import D, { memo as De, useState as F, useEffect as X, useRef as ne, useMemo as et, Children as Mt, createContext as Ft, useContext as ge, Fragment as Ct, useCallback as ke, useReducer as rs, Suspense as os } from "react";
 import as from "lodash.clonedeep";
 import is from "lodash.set";
-import { useIntl as A, IntlProvider as ls, createIntl as cs, FormattedMessage as Ee } from "react-intl";
-import st from "truncate";
-import rt from "markdown-to-jsx";
-import { QueryClient as ds, QueryClientProvider as us, useQueryClient as ot, useQuery as pn, useMutation as me } from "@tanstack/react-query";
+import { useIntl as N, IntlProvider as ls, createIntl as cs, FormattedMessage as ye } from "react-intl";
+import tt from "truncate";
+import nt from "markdown-to-jsx";
+import { QueryClient as ds, QueryClientProvider as us, useQueryClient as st, useQuery as fn, useMutation as de } from "@tanstack/react-query";
 import { ReactQueryDevtools as ms } from "@tanstack/react-query-devtools";
-import Ke from "posthog-js";
+import Xe from "posthog-js";
 import { useCookies as fs, CookiesProvider as hs } from "react-cookie";
 import { ReactMultiEmail as ps } from "react-multi-email";
-import gn from "lodash.get";
+import hn from "lodash.get";
 import { ErrorBoundary as gs } from "react-error-boundary";
 import _s from "react-textarea-autosize";
 import xs from "lodash.isequal";
 function bs(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var _n = { exports: {} };
+var pn = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -51,10 +51,10 @@ var _n = { exports: {} };
     }
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(_n);
-var vs = _n.exports;
-const S = /* @__PURE__ */ bs(vs), ws = ({ element: e = "span", showOnFocus: t = !0, children: n, ...r }) => N.createElement(e, { ...r, className: S("hidden", { "show-on-focus": t }), children: n }), de = Pe(ws), ks = ({ element: e = "span", children: t = null, ...n }) => N.createElement(e, { ...n, "aria-hidden": !0 }, t), xn = Pe(ks);
-var At = { exports: {} }, Fe = {};
+})(pn);
+var vs = pn.exports;
+const S = /* @__PURE__ */ bs(vs), ws = ({ element: e = "span", showOnFocus: t = !0, children: n, ...r }) => D.createElement(e, { ...r, className: S("hidden", { "show-on-focus": t }), children: n }), le = De(ws), ks = ({ element: e = "span", children: t = null, ...n }) => D.createElement(e, { ...n, "aria-hidden": !0 }, t), gn = De(ks);
+var At = { exports: {} }, Re = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -64,12 +64,12 @@ var At = { exports: {} }, Fe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var sn;
+var tn;
 function js() {
-  if (sn)
-    return Fe;
-  sn = 1;
-  var e = N, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
+  if (tn)
+    return Re;
+  tn = 1;
+  var e = D, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
   function d(o, a, u) {
     var l, f = {}, h = null, p = null;
     u !== void 0 && (h = "" + u), a.key !== void 0 && (h = "" + a.key), a.ref !== void 0 && (p = a.ref);
@@ -80,9 +80,9 @@ function js() {
         f[l] === void 0 && (f[l] = a[l]);
     return { $$typeof: t, type: o, key: h, ref: p, props: f, _owner: i.current };
   }
-  return Fe.Fragment = n, Fe.jsx = d, Fe.jsxs = d, Fe;
+  return Re.Fragment = n, Re.jsx = d, Re.jsxs = d, Re;
 }
-var Le = {};
+var Fe = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -92,54 +92,54 @@ var Le = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var rn;
+var nn;
 function ys() {
-  return rn || (rn = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = N, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), o = Symbol.for("react.context"), a = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), l = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), _ = Symbol.iterator, j = "@@iterator";
+  return nn || (nn = 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"), i = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), o = Symbol.for("react.context"), a = Symbol.for("react.forward_ref"), u = Symbol.for("react.suspense"), l = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), p = Symbol.for("react.offscreen"), _ = Symbol.iterator, j = "@@iterator";
     function g(m) {
       if (m === null || typeof m != "object")
         return null;
-      var w = _ && m[_] || m[j];
-      return typeof w == "function" ? w : null;
+      var v = _ && m[_] || m[j];
+      return typeof v == "function" ? v : null;
     }
     var E = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function k(m) {
       {
-        for (var w = arguments.length, y = new Array(w > 1 ? w - 1 : 0), $ = 1; $ < w; $++)
+        for (var v = arguments.length, y = new Array(v > 1 ? v - 1 : 0), $ = 1; $ < v; $++)
           y[$ - 1] = arguments[$];
         T("error", m, y);
       }
     }
-    function T(m, w, y) {
+    function T(m, v, y) {
       {
-        var $ = E.ReactDebugCurrentFrame, I = $.getStackAddendum();
-        I !== "" && (w += "%s", y = y.concat([I]));
+        var $ = E.ReactDebugCurrentFrame, B = $.getStackAddendum();
+        B !== "" && (v += "%s", y = y.concat([B]));
         var z = y.map(function(R) {
           return String(R);
         });
-        z.unshift("Warning: " + w), Function.prototype.apply.call(console[m], console, z);
+        z.unshift("Warning: " + v), Function.prototype.apply.call(console[m], console, z);
       }
     }
-    var M = !1, C = !1, H = !1, Y = !1, x = !1, b;
+    var M = !1, C = !1, I = !1, V = !1, x = !1, b;
     b = Symbol.for("react.module.reference");
-    function U(m) {
-      return !!(typeof m == "string" || typeof m == "function" || m === r || m === c || x || m === i || m === u || m === l || Y || m === p || M || C || H || typeof m == "object" && m !== null && (m.$$typeof === h || m.$$typeof === f || m.$$typeof === d || m.$$typeof === o || m.$$typeof === a || // This needs to include all possible module reference object
+    function Q(m) {
+      return !!(typeof m == "string" || typeof m == "function" || m === r || m === c || x || m === i || m === u || m === l || V || m === p || M || C || I || typeof m == "object" && m !== null && (m.$$typeof === h || m.$$typeof === f || m.$$typeof === d || m.$$typeof === o || m.$$typeof === a || // 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.
       m.$$typeof === b || m.getModuleId !== void 0));
     }
-    function v(m, w, y) {
+    function w(m, v, y) {
       var $ = m.displayName;
       if ($)
         return $;
-      var I = w.displayName || w.name || "";
-      return I !== "" ? y + "(" + I + ")" : y;
+      var B = v.displayName || v.name || "";
+      return B !== "" ? y + "(" + B + ")" : y;
     }
-    function G(m) {
+    function Y(m) {
       return m.displayName || "Context";
     }
-    function O(m) {
+    function L(m) {
       if (m == null)
         return null;
       if (typeof m.tag == "number" && k("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof m == "function")
@@ -163,20 +163,20 @@ function ys() {
       if (typeof m == "object")
         switch (m.$$typeof) {
           case o:
-            var w = m;
-            return G(w) + ".Consumer";
+            var v = m;
+            return Y(v) + ".Consumer";
           case d:
             var y = m;
-            return G(y._context) + ".Provider";
+            return Y(y._context) + ".Provider";
           case a:
-            return v(m, m.render, "ForwardRef");
+            return w(m, m.render, "ForwardRef");
           case f:
             var $ = m.displayName || null;
-            return $ !== null ? $ : O(m.type) || "Memo";
+            return $ !== null ? $ : L(m.type) || "Memo";
           case h: {
-            var I = m, z = I._payload, R = I._init;
+            var B = m, z = B._payload, R = B._init;
             try {
-              return O(R(z));
+              return L(R(z));
             } catch {
               return null;
             }
@@ -184,14 +184,14 @@ function ys() {
         }
       return null;
     }
-    var B = Object.assign, W = 0, V, K, oe, ae, ie, le, re;
+    var O = Object.assign, U = 0, W, Z, re, oe, ae, ie, se;
     function P() {
     }
     P.__reactDisabledLog = !0;
     function te() {
       {
-        if (W === 0) {
-          V = console.log, K = console.info, oe = console.warn, ae = console.error, ie = console.group, le = console.groupCollapsed, re = console.groupEnd;
+        if (U === 0) {
+          W = console.log, Z = console.info, re = console.warn, oe = console.error, ae = console.group, ie = console.groupCollapsed, se = console.groupEnd;
           var m = {
             configurable: !0,
             enumerable: !0,
@@ -208,79 +208,79 @@ function ys() {
             groupEnd: m
           });
         }
-        W++;
+        U++;
       }
     }
-    function ce() {
+    function G() {
       {
-        if (W--, W === 0) {
+        if (U--, U === 0) {
           var m = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: B({}, m, {
-              value: V
+            log: O({}, m, {
+              value: W
             }),
-            info: B({}, m, {
-              value: K
+            info: O({}, m, {
+              value: Z
             }),
-            warn: B({}, m, {
+            warn: O({}, m, {
+              value: re
+            }),
+            error: O({}, m, {
               value: oe
             }),
-            error: B({}, m, {
+            group: O({}, m, {
               value: ae
             }),
-            group: B({}, m, {
+            groupCollapsed: O({}, m, {
               value: ie
             }),
-            groupCollapsed: B({}, m, {
-              value: le
-            }),
-            groupEnd: B({}, m, {
-              value: re
+            groupEnd: O({}, m, {
+              value: se
             })
           });
         }
-        W < 0 && k("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        U < 0 && k("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var ne = E.ReactCurrentDispatcher, F;
-    function J(m, w, y) {
+    var K = E.ReactCurrentDispatcher, ue;
+    function fe(m, v, y) {
       {
-        if (F === void 0)
+        if (ue === void 0)
           try {
             throw Error();
-          } catch (I) {
-            var $ = I.stack.trim().match(/\n( *(at )?)/);
-            F = $ && $[1] || "";
+          } catch (B) {
+            var $ = B.stack.trim().match(/\n( *(at )?)/);
+            ue = $ && $[1] || "";
           }
         return `
-` + F + m;
+` + ue + m;
       }
     }
-    var fe = !1, pe;
+    var _e = !1, xe;
     {
-      var ge = typeof WeakMap == "function" ? WeakMap : Map;
-      pe = new ge();
+      var Ie = typeof WeakMap == "function" ? WeakMap : Map;
+      xe = new Ie();
     }
-    function $e(m, w) {
-      if (!m || fe)
+    function Ne(m, v) {
+      if (!m || _e)
         return "";
       {
-        var y = pe.get(m);
+        var y = xe.get(m);
         if (y !== void 0)
           return y;
       }
       var $;
-      fe = !0;
-      var I = Error.prepareStackTrace;
+      _e = !0;
+      var B = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var z;
-      z = ne.current, ne.current = null, te();
+      z = K.current, K.current = null, te();
       try {
-        if (w) {
+        if (v) {
           var R = function() {
             throw Error();
           };
@@ -291,171 +291,171 @@ function ys() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(R, []);
-            } catch (ve) {
-              $ = ve;
+            } catch (be) {
+              $ = be;
             }
             Reflect.construct(m, [], R);
           } else {
             try {
               R.call();
-            } catch (ve) {
-              $ = ve;
+            } catch (be) {
+              $ = be;
             }
             m.call(R.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (ve) {
-            $ = ve;
+          } catch (be) {
+            $ = be;
           }
           m();
         }
-      } catch (ve) {
-        if (ve && $ && typeof ve.stack == "string") {
-          for (var D = ve.stack.split(`
-`), ue = $.stack.split(`
-`), q = D.length - 1, ee = ue.length - 1; q >= 1 && ee >= 0 && D[q] !== ue[ee]; )
+      } catch (be) {
+        if (be && $ && typeof be.stack == "string") {
+          for (var A = be.stack.split(`
+`), ce = $.stack.split(`
+`), q = A.length - 1, ee = ce.length - 1; q >= 1 && ee >= 0 && A[q] !== ce[ee]; )
             ee--;
           for (; q >= 1 && ee >= 0; q--, ee--)
-            if (D[q] !== ue[ee]) {
+            if (A[q] !== ce[ee]) {
               if (q !== 1 || ee !== 1)
                 do
-                  if (q--, ee--, ee < 0 || D[q] !== ue[ee]) {
-                    var _e = `
-` + D[q].replace(" at new ", " at ");
-                    return m.displayName && _e.includes("<anonymous>") && (_e = _e.replace("<anonymous>", m.displayName)), typeof m == "function" && pe.set(m, _e), _e;
+                  if (q--, ee--, ee < 0 || A[q] !== ce[ee]) {
+                    var he = `
+` + A[q].replace(" at new ", " at ");
+                    return m.displayName && he.includes("<anonymous>") && (he = he.replace("<anonymous>", m.displayName)), typeof m == "function" && xe.set(m, he), he;
                   }
                 while (q >= 1 && ee >= 0);
               break;
             }
         }
       } finally {
-        fe = !1, ne.current = z, ce(), Error.prepareStackTrace = I;
+        _e = !1, K.current = z, G(), Error.prepareStackTrace = B;
       }
-      var Ce = m ? m.displayName || m.name : "", nn = Ce ? J(Ce) : "";
-      return typeof m == "function" && pe.set(m, nn), nn;
+      var $e = m ? m.displayName || m.name : "", en = $e ? fe($e) : "";
+      return typeof m == "function" && xe.set(m, en), en;
     }
-    function He(m, w, y) {
-      return $e(m, !1);
+    function Fn(m, v, y) {
+      return Ne(m, !1);
     }
-    function Qe(m) {
-      var w = m.prototype;
-      return !!(w && w.isReactComponent);
+    function Ln(m) {
+      var v = m.prototype;
+      return !!(v && v.isReactComponent);
     }
-    function Ue(m, w, y) {
+    function He(m, v, y) {
       if (m == null)
         return "";
       if (typeof m == "function")
-        return $e(m, Qe(m));
+        return Ne(m, Ln(m));
       if (typeof m == "string")
-        return J(m);
+        return fe(m);
       switch (m) {
         case u:
-          return J("Suspense");
+          return fe("Suspense");
         case l:
-          return J("SuspenseList");
+          return fe("SuspenseList");
       }
       if (typeof m == "object")
         switch (m.$$typeof) {
           case a:
-            return He(m.render);
+            return Fn(m.render);
           case f:
-            return Ue(m.type, w, y);
+            return He(m.type, v, y);
           case h: {
-            var $ = m, I = $._payload, z = $._init;
+            var $ = m, B = $._payload, z = $._init;
             try {
-              return Ue(z(I), w, y);
+              return He(z(B), v, y);
             } catch {
             }
           }
         }
       return "";
     }
-    var We = Object.prototype.hasOwnProperty, Wt = {}, zt = E.ReactDebugCurrentFrame;
-    function ze(m) {
+    var Qe = Object.prototype.hasOwnProperty, Qt = {}, Ut = E.ReactDebugCurrentFrame;
+    function Ue(m) {
       if (m) {
-        var w = m._owner, y = Ue(m.type, m._source, w ? w.type : null);
-        zt.setExtraStackFrame(y);
+        var v = m._owner, y = He(m.type, m._source, v ? v.type : null);
+        Ut.setExtraStackFrame(y);
       } else
-        zt.setExtraStackFrame(null);
+        Ut.setExtraStackFrame(null);
     }
-    function On(m, w, y, $, I) {
+    function On(m, v, y, $, B) {
       {
-        var z = Function.call.bind(We);
+        var z = Function.call.bind(Qe);
         for (var R in m)
           if (z(m, R)) {
-            var D = void 0;
+            var A = void 0;
             try {
               if (typeof m[R] != "function") {
-                var ue = Error(($ || "React class") + ": " + y + " type `" + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof m[R] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw ue.name = "Invariant Violation", ue;
+                var ce = Error(($ || "React class") + ": " + y + " type `" + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof m[R] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw ce.name = "Invariant Violation", ce;
               }
-              D = m[R](w, R, $, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              A = m[R](v, R, $, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (q) {
-              D = q;
+              A = q;
             }
-            D && !(D instanceof Error) && (ze(I), k("%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).", $ || "React class", y, R, typeof D), ze(null)), D instanceof Error && !(D.message in Wt) && (Wt[D.message] = !0, ze(I), k("Failed %s type: %s", y, D.message), ze(null));
+            A && !(A instanceof Error) && (Ue(B), k("%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).", $ || "React class", y, R, typeof A), Ue(null)), A instanceof Error && !(A.message in Qt) && (Qt[A.message] = !0, Ue(B), k("Failed %s type: %s", y, A.message), Ue(null));
           }
       }
     }
     var Bn = Array.isArray;
-    function mt(m) {
+    function dt(m) {
       return Bn(m);
     }
     function In(m) {
       {
-        var w = typeof Symbol == "function" && Symbol.toStringTag, y = w && m[Symbol.toStringTag] || m.constructor.name || "Object";
+        var v = typeof Symbol == "function" && Symbol.toStringTag, y = v && m[Symbol.toStringTag] || m.constructor.name || "Object";
         return y;
       }
     }
     function Hn(m) {
       try {
-        return Vt(m), !1;
+        return zt(m), !1;
       } catch {
         return !0;
       }
     }
-    function Vt(m) {
+    function zt(m) {
       return "" + m;
     }
-    function Yt(m) {
+    function Wt(m) {
       if (Hn(m))
-        return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", In(m)), Vt(m);
+        return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", In(m)), zt(m);
     }
-    var Re = E.ReactCurrentOwner, Qn = {
+    var Pe = E.ReactCurrentOwner, Qn = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Gt, Jt, ft;
-    ft = {};
+    }, Vt, Yt, ut;
+    ut = {};
     function Un(m) {
-      if (We.call(m, "ref")) {
-        var w = Object.getOwnPropertyDescriptor(m, "ref").get;
-        if (w && w.isReactWarning)
+      if (Qe.call(m, "ref")) {
+        var v = Object.getOwnPropertyDescriptor(m, "ref").get;
+        if (v && v.isReactWarning)
           return !1;
       }
       return m.ref !== void 0;
     }
-    function Wn(m) {
-      if (We.call(m, "key")) {
-        var w = Object.getOwnPropertyDescriptor(m, "key").get;
-        if (w && w.isReactWarning)
+    function zn(m) {
+      if (Qe.call(m, "key")) {
+        var v = Object.getOwnPropertyDescriptor(m, "key").get;
+        if (v && v.isReactWarning)
           return !1;
       }
       return m.key !== void 0;
     }
-    function zn(m, w) {
-      if (typeof m.ref == "string" && Re.current && w && Re.current.stateNode !== w) {
-        var y = O(Re.current.type);
-        ft[y] || (k('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', O(Re.current.type), m.ref), ft[y] = !0);
+    function Wn(m, v) {
+      if (typeof m.ref == "string" && Pe.current && v && Pe.current.stateNode !== v) {
+        var y = L(Pe.current.type);
+        ut[y] || (k('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', L(Pe.current.type), m.ref), ut[y] = !0);
       }
     }
-    function Vn(m, w) {
+    function Vn(m, v) {
       {
         var y = function() {
-          Gt || (Gt = !0, k("%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)", w));
+          Vt || (Vt = !0, k("%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)", v));
         };
         y.isReactWarning = !0, Object.defineProperty(m, "key", {
           get: y,
@@ -463,10 +463,10 @@ function ys() {
         });
       }
     }
-    function Yn(m, w) {
+    function Yn(m, v) {
       {
         var y = function() {
-          Jt || (Jt = !0, k("%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)", w));
+          Yt || (Yt = !0, k("%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)", v));
         };
         y.isReactWarning = !0, Object.defineProperty(m, "ref", {
           get: y,
@@ -474,70 +474,70 @@ function ys() {
         });
       }
     }
-    var Gn = function(m, w, y, $, I, z, R) {
-      var D = {
+    var Gn = function(m, v, y, $, B, z, R) {
+      var A = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: m,
-        key: w,
+        key: v,
         ref: y,
         props: R,
         // Record the component responsible for creating this element.
         _owner: z
       };
-      return D._store = {}, Object.defineProperty(D._store, "validated", {
+      return A._store = {}, Object.defineProperty(A._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(D, "_self", {
+      }), Object.defineProperty(A, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: $
-      }), Object.defineProperty(D, "_source", {
+      }), Object.defineProperty(A, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: I
-      }), Object.freeze && (Object.freeze(D.props), Object.freeze(D)), D;
+        value: B
+      }), Object.freeze && (Object.freeze(A.props), Object.freeze(A)), A;
     };
-    function Jn(m, w, y, $, I) {
+    function Jn(m, v, y, $, B) {
       {
-        var z, R = {}, D = null, ue = null;
-        y !== void 0 && (Yt(y), D = "" + y), Wn(w) && (Yt(w.key), D = "" + w.key), Un(w) && (ue = w.ref, zn(w, I));
-        for (z in w)
-          We.call(w, z) && !Qn.hasOwnProperty(z) && (R[z] = w[z]);
+        var z, R = {}, A = null, ce = null;
+        y !== void 0 && (Wt(y), A = "" + y), zn(v) && (Wt(v.key), A = "" + v.key), Un(v) && (ce = v.ref, Wn(v, B));
+        for (z in v)
+          Qe.call(v, z) && !Qn.hasOwnProperty(z) && (R[z] = v[z]);
         if (m && m.defaultProps) {
           var q = m.defaultProps;
           for (z in q)
             R[z] === void 0 && (R[z] = q[z]);
         }
-        if (D || ue) {
+        if (A || ce) {
           var ee = typeof m == "function" ? m.displayName || m.name || "Unknown" : m;
-          D && Vn(R, ee), ue && Yn(R, ee);
+          A && Vn(R, ee), ce && Yn(R, ee);
         }
-        return Gn(m, D, ue, I, $, Re.current, R);
+        return Gn(m, A, ce, B, $, Pe.current, R);
       }
     }
-    var ht = E.ReactCurrentOwner, Xt = E.ReactDebugCurrentFrame;
-    function Me(m) {
+    var mt = E.ReactCurrentOwner, Gt = E.ReactDebugCurrentFrame;
+    function Te(m) {
       if (m) {
-        var w = m._owner, y = Ue(m.type, m._source, w ? w.type : null);
-        Xt.setExtraStackFrame(y);
+        var v = m._owner, y = He(m.type, m._source, v ? v.type : null);
+        Gt.setExtraStackFrame(y);
       } else
-        Xt.setExtraStackFrame(null);
+        Gt.setExtraStackFrame(null);
     }
-    var pt;
-    pt = !1;
-    function gt(m) {
+    var ft;
+    ft = !1;
+    function ht(m) {
       return typeof m == "object" && m !== null && m.$$typeof === t;
     }
-    function Zt() {
+    function Jt() {
       {
-        if (ht.current) {
-          var m = O(ht.current.type);
+        if (mt.current) {
+          var m = L(mt.current.type);
           if (m)
             return `
 
@@ -549,155 +549,155 @@ Check the render method of \`` + m + "`.";
     function Xn(m) {
       {
         if (m !== void 0) {
-          var w = m.fileName.replace(/^.*[\\\/]/, ""), y = m.lineNumber;
+          var v = m.fileName.replace(/^.*[\\\/]/, ""), y = m.lineNumber;
           return `
 
-Check your code at ` + w + ":" + y + ".";
+Check your code at ` + v + ":" + y + ".";
         }
         return "";
       }
     }
-    var Kt = {};
+    var Xt = {};
     function Zn(m) {
       {
-        var w = Zt();
-        if (!w) {
+        var v = Jt();
+        if (!v) {
           var y = typeof m == "string" ? m : m.displayName || m.name;
-          y && (w = `
+          y && (v = `
 
 Check the top-level render call using <` + y + ">.");
         }
-        return w;
+        return v;
       }
     }
-    function qt(m, w) {
+    function Zt(m, v) {
       {
         if (!m._store || m._store.validated || m.key != null)
           return;
         m._store.validated = !0;
-        var y = Zn(w);
-        if (Kt[y])
+        var y = Zn(v);
+        if (Xt[y])
           return;
-        Kt[y] = !0;
+        Xt[y] = !0;
         var $ = "";
-        m && m._owner && m._owner !== ht.current && ($ = " It was passed a child from " + O(m._owner.type) + "."), Me(m), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', y, $), Me(null);
+        m && m._owner && m._owner !== mt.current && ($ = " It was passed a child from " + L(m._owner.type) + "."), Te(m), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', y, $), Te(null);
       }
     }
-    function en(m, w) {
+    function Kt(m, v) {
       {
         if (typeof m != "object")
           return;
-        if (mt(m))
+        if (dt(m))
           for (var y = 0; y < m.length; y++) {
             var $ = m[y];
-            gt($) && qt($, w);
+            ht($) && Zt($, v);
           }
-        else if (gt(m))
+        else if (ht(m))
           m._store && (m._store.validated = !0);
         else if (m) {
-          var I = g(m);
-          if (typeof I == "function" && I !== m.entries)
-            for (var z = I.call(m), R; !(R = z.next()).done; )
-              gt(R.value) && qt(R.value, w);
+          var B = g(m);
+          if (typeof B == "function" && B !== m.entries)
+            for (var z = B.call(m), R; !(R = z.next()).done; )
+              ht(R.value) && Zt(R.value, v);
         }
       }
     }
     function Kn(m) {
       {
-        var w = m.type;
-        if (w == null || typeof w == "string")
+        var v = m.type;
+        if (v == null || typeof v == "string")
           return;
         var y;
-        if (typeof w == "function")
-          y = w.propTypes;
-        else if (typeof w == "object" && (w.$$typeof === a || // Note: Memo only checks outer props here.
+        if (typeof v == "function")
+          y = v.propTypes;
+        else if (typeof v == "object" && (v.$$typeof === a || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        w.$$typeof === f))
-          y = w.propTypes;
+        v.$$typeof === f))
+          y = v.propTypes;
         else
           return;
         if (y) {
-          var $ = O(w);
+          var $ = L(v);
           On(y, m.props, "prop", $, m);
-        } else if (w.PropTypes !== void 0 && !pt) {
-          pt = !0;
-          var I = O(w);
-          k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", I || "Unknown");
+        } else if (v.PropTypes !== void 0 && !ft) {
+          ft = !0;
+          var B = L(v);
+          k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", B || "Unknown");
         }
-        typeof w.getDefaultProps == "function" && !w.getDefaultProps.isReactClassApproved && k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof v.getDefaultProps == "function" && !v.getDefaultProps.isReactClassApproved && k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function qn(m) {
       {
-        for (var w = Object.keys(m.props), y = 0; y < w.length; y++) {
-          var $ = w[y];
+        for (var v = Object.keys(m.props), y = 0; y < v.length; y++) {
+          var $ = v[y];
           if ($ !== "children" && $ !== "key") {
-            Me(m), k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", $), Me(null);
+            Te(m), k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", $), Te(null);
             break;
           }
         }
-        m.ref !== null && (Me(m), k("Invalid attribute `ref` supplied to `React.Fragment`."), Me(null));
+        m.ref !== null && (Te(m), k("Invalid attribute `ref` supplied to `React.Fragment`."), Te(null));
       }
     }
-    function tn(m, w, y, $, I, z) {
+    function qt(m, v, y, $, B, z) {
       {
-        var R = U(m);
+        var R = Q(m);
         if (!R) {
-          var D = "";
-          (m === void 0 || typeof m == "object" && m !== null && Object.keys(m).length === 0) && (D += " 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 ue = Xn(I);
-          ue ? D += ue : D += Zt();
+          var A = "";
+          (m === void 0 || typeof m == "object" && m !== null && Object.keys(m).length === 0) && (A += " 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 ce = Xn(B);
+          ce ? A += ce : A += Jt();
           var q;
-          m === null ? q = "null" : mt(m) ? q = "array" : m !== void 0 && m.$$typeof === t ? (q = "<" + (O(m.type) || "Unknown") + " />", D = " Did you accidentally export a JSX literal instead of a component?") : q = typeof m, k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", q, D);
+          m === null ? q = "null" : dt(m) ? q = "array" : m !== void 0 && m.$$typeof === t ? (q = "<" + (L(m.type) || "Unknown") + " />", A = " Did you accidentally export a JSX literal instead of a component?") : q = typeof m, k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", q, A);
         }
-        var ee = Jn(m, w, y, I, z);
+        var ee = Jn(m, v, y, B, z);
         if (ee == null)
           return ee;
         if (R) {
-          var _e = w.children;
-          if (_e !== void 0)
+          var he = v.children;
+          if (he !== void 0)
             if ($)
-              if (mt(_e)) {
-                for (var Ce = 0; Ce < _e.length; Ce++)
-                  en(_e[Ce], m);
-                Object.freeze && Object.freeze(_e);
+              if (dt(he)) {
+                for (var $e = 0; $e < he.length; $e++)
+                  Kt(he[$e], m);
+                Object.freeze && Object.freeze(he);
               } else
                 k("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
-              en(_e, m);
+              Kt(he, m);
         }
         return m === r ? qn(ee) : Kn(ee), ee;
       }
     }
-    function es(m, w, y) {
-      return tn(m, w, y, !0);
+    function es(m, v, y) {
+      return qt(m, v, y, !0);
     }
-    function ts(m, w, y) {
-      return tn(m, w, y, !1);
+    function ts(m, v, y) {
+      return qt(m, v, y, !1);
     }
     var ns = ts, ss = es;
-    Le.Fragment = r, Le.jsx = ns, Le.jsxs = ss;
-  }()), Le;
+    Fe.Fragment = r, Fe.jsx = ns, Fe.jsxs = ss;
+  }()), Fe;
 }
 process.env.NODE_ENV === "production" ? At.exports = js() : At.exports = ys();
 var s = At.exports;
 const Es = () => {
-  const [e, t] = L(window.location.pathname), n = () => {
+  const [e, t] = F(window.location.pathname), n = () => {
     const r = window.location.pathname;
     t(r);
   };
-  return Z(() => (window.addEventListener("popstate", n), () => {
+  return X(() => (window.addEventListener("popstate", n), () => {
     window.removeEventListener("popstate", n);
   }), []), e;
-}, Ne = (e, t) => {
-  const n = se(!1);
-  Z(() => {
+}, Ce = (e, t) => {
+  const n = ne(!1);
+  X(() => {
     n.current ? e() : n.current = !0;
   }, t);
 };
 function Ss(e, t, n) {
-  var r = this, i = se(null), c = se(0), d = se(null), o = se([]), a = se(), u = se(), l = se(e), f = se(!0);
-  Z(function() {
+  var r = this, i = ne(null), c = ne(0), d = ne(null), o = ne([]), a = ne(), u = ne(), l = ne(e), f = ne(!0);
+  X(function() {
     l.current = e;
   }, [e]);
   var h = !t && t !== 0 && typeof window < "u";
@@ -705,15 +705,15 @@ function Ss(e, t, n) {
     throw new TypeError("Expected a function");
   t = +t || 0;
   var p = !!(n = n || {}).leading, _ = !("trailing" in n) || !!n.trailing, j = "maxWait" in n, g = j ? Math.max(+n.maxWait || 0, t) : null;
-  Z(function() {
+  X(function() {
     return f.current = !0, function() {
       f.current = !1;
     };
   }, []);
-  var E = nt(function() {
+  var E = et(function() {
     var k = function(x) {
-      var b = o.current, U = a.current;
-      return o.current = a.current = null, c.current = x, u.current = l.current.apply(U, b);
+      var b = o.current, Q = a.current;
+      return o.current = a.current = null, c.current = x, u.current = l.current.apply(Q, b);
     }, T = function(x, b) {
       h && cancelAnimationFrame(d.current), d.current = h ? requestAnimationFrame(x) : setTimeout(x, b);
     }, M = function(x) {
@@ -723,59 +723,62 @@ function Ss(e, t, n) {
       return !i.current || b >= t || b < 0 || j && x - c.current >= g;
     }, C = function(x) {
       return d.current = null, _ && o.current ? k(x) : (o.current = a.current = null, u.current);
-    }, H = function x() {
+    }, I = function x() {
       var b = Date.now();
       if (M(b))
         return C(b);
       if (f.current) {
-        var U = t - (b - i.current), v = j ? Math.min(U, g - (b - c.current)) : U;
-        T(x, v);
+        var Q = t - (b - i.current), w = j ? Math.min(Q, g - (b - c.current)) : Q;
+        T(x, w);
       }
-    }, Y = function() {
+    }, V = function() {
       var x = Date.now(), b = M(x);
       if (o.current = [].slice.call(arguments), a.current = r, i.current = x, b) {
         if (!d.current && f.current)
-          return c.current = i.current, T(H, t), p ? k(i.current) : u.current;
+          return c.current = i.current, T(I, t), p ? k(i.current) : u.current;
         if (j)
-          return T(H, t), k(i.current);
+          return T(I, t), k(i.current);
       }
-      return d.current || T(H, t), u.current;
+      return d.current || T(I, t), u.current;
     };
-    return Y.cancel = function() {
+    return V.cancel = function() {
       d.current && (h ? cancelAnimationFrame(d.current) : clearTimeout(d.current)), c.current = 0, o.current = i.current = a.current = d.current = null;
-    }, Y.isPending = function() {
+    }, V.isPending = function() {
       return !!d.current;
-    }, Y.flush = function() {
+    }, V.flush = function() {
       return d.current ? C(Date.now()) : u.current;
-    }, Y;
+    }, V;
   }, [p, j, t, g, _, h]);
   return E;
 }
-function bn(e, t, n) {
+function _n(e, t, n) {
   var r = n === void 0 ? {} : n, i = r.leading, c = r.trailing;
   return Ss(e, t, { maxWait: t, leading: i === void 0 || i, trailing: c === void 0 || c });
 }
-let _t;
-const at = (e = !0, t = !1) => {
+let pt;
+const rt = (e = !0, t = !1, n = "window") => {
   if (!e)
     return;
-  const [n, r] = N.useState(0) || [!1, () => {
+  const [r, i] = D.useState(0) || [!1, () => {
   }];
-  Z(() => (c(), window.addEventListener("resize", d), () => {
-    clearTimeout(_t), d.flush(), window.removeEventListener("resize", d);
-  }), []);
-  const i = () => window.innerWidth, c = () => {
-    r(i());
-  }, d = bn(
+  X(() => (o(), window.addEventListener("resize", a), () => {
+    clearTimeout(pt), a.flush(), window.removeEventListener("resize", a);
+  }), n === "window" ? [] : [n]);
+  const d = () => {
+    if (n)
+      return n === "window" ? window.innerWidth : n.offsetWidth;
+  }, o = () => {
+    i(d());
+  }, a = _n(
     () => {
-      i() !== n && (t && (clearTimeout(_t), document.body.classList.add("is-resizing"), _t = setTimeout(() => {
+      d() !== r && (t && (clearTimeout(pt), document.body.classList.add("is-resizing"), pt = setTimeout(() => {
         document.body.classList.remove("is-resizing");
-      }, 550)), c());
+      }, 550)), o());
     },
     500,
     { leading: !0 }
   );
-  return n;
+  return r;
 }, Ts = ({
   scrollPosition: e = 0,
   // The position on the page to scroll past
@@ -787,10 +790,10 @@ const at = (e = !0, t = !1) => {
 }) => {
   if (!window)
     return;
-  const [i, c] = N.useState({ current: 0, past: 0 }) || [!1, () => {
-  }], [d, o] = N.useState({ scrollDown: !1, scrollUp: !1 }) || [!1, () => {
+  const [i, c] = D.useState({ current: 0, past: 0 }) || [!1, () => {
+  }], [d, o] = D.useState({ scrollDown: !1, scrollUp: !1 }) || [!1, () => {
   }];
-  Z(() => (a(), window.addEventListener("scroll", u), () => {
+  X(() => (a(), window.addEventListener("scroll", u), () => {
     u.flush(), window.removeEventListener("scroll", u);
   }), []);
   const a = () => {
@@ -800,14 +803,14 @@ const at = (e = !0, t = !1) => {
       return;
     }
     Math.abs(h) >= t.up && !d.scrollUp && (r(), o({ scrollUp: !0, scrollDown: !1 }));
-  }, u = bn(() => {
+  }, u = _n(() => {
     a();
   }, 250);
   return i;
-}, mo = (e = [], t = !0) => {
+}, fo = (e = [], t = !0) => {
   e = Array.isArray(e) ? e : [e];
-  const n = se(!1);
-  Ne(() => {
+  const n = ne(!1);
+  Ce(() => {
     if (window && window.location && window.location.hash) {
       if (n.current)
         return;
@@ -821,13 +824,13 @@ const at = (e = !0, t = !1) => {
   return t.forEach(({ type: r, value: i }) => {
     is(n, r, i);
   }), n;
-}, vn = (e) => {
+}, xn = (e) => {
   const t = [];
   return e.forEach((n) => {
     const r = parseInt(n);
     isNaN(r) || t.push(r);
   }), t.sort((n, r) => n - r);
-}, wn = (e, t, n) => {
+}, bn = (e, t, n) => {
   let r = n.mobile;
   for (const i in t) {
     const c = parseInt(String(t[i]));
@@ -856,10 +859,17 @@ const at = (e = !0, t = !1) => {
     return { path: "days", number: o };
   const a = Math.floor(o / 7);
   return a <= 52 ? { path: "weeks", number: a } : { path: "years", number: Math.floor(o / 365) };
-}, Ds = (e) => new Promise((t) => setTimeout(t, e)), Bt = {
+}, As = (e) => new Promise((t) => setTimeout(t, e)), Lt = {
   apolitical: "Apolitical",
   breadcrumbs_label: "Go back to:",
   breadcrumbs_currentPage: "Current page:",
+  card_carousel_viewAll: "View all",
+  card_label_event: "Event",
+  card_label_learningHub: "Programme",
+  card_label_listPage: "List",
+  card_label_microcourse: "Course",
+  card_label_qaQuestion: "Q&A",
+  card_label_solutionArticle: "Article",
   card_bootcamp: "Email boot camp",
   card_ended: "Ended",
   card_registered: "Registered",
@@ -868,6 +878,15 @@ const at = (e = !0, t = !1) => {
   card_time_read: "{time} min read",
   card_watch: "Watch recording",
   card_cta_people: "View profile",
+  card_cta_event: "Register now",
+  card_cta_microcourse: "Enrol now",
+  card_cta_event_loading: "Registering...",
+  card_cta_microcourse_loading: "Enrolling...",
+  card_cta_event_done: "Registered",
+  card_cta_microcourse_done: "Enrolled",
+  carousel_pagination_previous: "Previous",
+  carousel_pagination_next: "Next",
+  carousel_pagination_page: "Page {number} of {total}",
   collapsibleSection_summary: "Find out more",
   communityDetails_members: "Members",
   communityDetails_viewAll: "View all",
@@ -1139,13 +1158,13 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   sharedLinks_copy_text: "Copy link",
   tags_community: "From the community",
   tooltip_loading: "Loading..."
-}, Ns = {
+}, Ds = {
   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>"
-}, As = {
+}, Ns = {
   collapsibleSection_summary: "En savoir plus",
   languageSwitcher_label: "Je voudrais lire cet article dans...",
   languageSwitcher_translation_original: "langue originale",
@@ -1160,14 +1179,14 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   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>"
 }, Rs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  en: Bt,
-  es: Ns,
-  fr: As,
+  en: Lt,
+  es: Ds,
+  fr: Ns,
   pt: Ps
-}, Symbol.toStringTag, { value: "Module" })), xe = (e, t, n, r, i = {}) => {
+}, Symbol.toStringTag, { value: "Module" })), Fs = (e) => e in Lt, pe = (e, t, n, r, i = {}) => {
   let c = "";
-  return `${t}_${n}` in Bt ? c = e({ id: `${t}_${n}` }, i) : c = e({ id: t }, { [r]: n, ...i }), c;
-}, Fs = (e, t, n) => {
+  return Fs(`${t}_${n}`) ? c = e({ id: `${t}_${n}` }, i) : c = e({ id: t }, { [r]: n, ...i }), c;
+}, Ls = (e, t, n) => {
   if (!e || e === 0)
     return "0";
   t || (t = 0), n || (n = ["k", "m", "b", "t"]);
@@ -1181,9 +1200,9 @@ Thank you for helping to protect the Apolitical community from abusive content.`
     }
   }
   return r;
-}, kn = (e, t) => N.Children.map(e, (n) => N.cloneElement(n, {
+}, vn = (e, t) => D.Children.map(e, (n) => D.cloneElement(n, {
   ...t
-})), Ls = (e) => e.replace(/\s+/g, "").length > 0, X = ({
+})), Os = (e) => e.replace(/\s+/g, "").length > 0, J = ({
   variant: e = "primary",
   size: t = "medium",
   styling: n = { muted: !1, fullWidth: !1 },
@@ -1197,10 +1216,10 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   children: l = !1,
   ...f
 }) => {
-  const p = at(typeof t == "object");
+  const p = rt(typeof t == "object");
   if (typeof t == "object" && typeof p == "number") {
-    const g = Object.assign({}, t), E = vn(Object.keys(g));
-    t = wn(p, E, g);
+    const g = Object.assign({}, t), E = xn(Object.keys(g));
+    t = bn(p, E, g);
   }
   const _ = [];
   typeof t == "string" && _.push(t), r && (_.push("icon"), typeof r == "object" ? (_.push(r.icon), r.position ? _.push(r.position) : _.push("left"), r.hover && _.push(`hover_${r.hover}`), r.animate && (_.push("animate"), typeof r.animate == "string" && _.push(r.animate))) : (_.push(r), !r.includes("right") && !r.includes("left") && _.push("left"))), n.muted && _.push("muted"), n.fullWidth && _.push("full-width");
@@ -1216,19 +1235,19 @@ Thank you for helping to protect the Apolitical community from abusive content.`
     },
     disabled: typeof a == "object" && "isClickable" in a ? !a.isClickable : a
   };
-  return i && (c = "a", j.href = i), N.createElement(
+  return i && (c = "a", j.href = i), D.createElement(
     c,
     j,
-    l || (u ? /* @__PURE__ */ s.jsx(de, { showOnFocus: !1, children: u }) : null)
+    l || (u ? /* @__PURE__ */ s.jsx(le, { showOnFocus: !1, children: u }) : null)
   );
-}, it = ({ buttons: e, className: t = "", ...n }) => {
-  const r = e.length > 1 ? "ul" : "p", i = e.map((c, d) => r === "p" ? /* @__PURE__ */ s.jsx(X, { ...c }, d) : /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(X, { ...c }) }, d));
-  return N.createElement(r, { className: S("button-wrapper", t), ...n, children: i });
+}, ot = ({ buttons: e, className: t = "", ...n }) => {
+  const r = e.length > 1 ? "ul" : "p", i = e.map((c, d) => r === "p" ? /* @__PURE__ */ s.jsx(J, { ...c }, d) : /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(J, { ...c }) }, d));
+  return D.createElement(r, { className: S("button-wrapper", t), ...n, children: i });
 };
 const Ae = ({ className: e = "", maxWidth: t = !1 }) => {
   const n = t ? { "--max-width": `${t / 16}rem` } : {};
   return /* @__PURE__ */ s.jsx("hr", { className: S(e, { "has-max-width": t }), style: n });
-}, lt = ({
+}, at = ({
   href: e,
   children: t,
   fallbackElement: n,
@@ -1250,8 +1269,8 @@ const Ae = ({ className: e = "", maxWidth: t = !1 }) => {
       }
     );
   }
-  return n ? N.createElement(n, { children: t, className: r, ...o }) : t;
-}, on = {
+  return n ? D.createElement(n, { children: t, className: r, ...o }) : t;
+}, sn = {
   card: {
     range: [
       {
@@ -1354,23 +1373,23 @@ const Ae = ({ className: e = "", maxWidth: t = !1 }) => {
     ],
     sizes: "(min-width: 1024px) 453px, 20vw"
   }
-}, Os = ({
+}, Bs = ({
   aspect: e,
   range: t,
   sizes: n
 }) => {
-  const { range: r, sizes: i } = e ? on[e] : on.fallback;
+  const { range: r, sizes: i } = e ? sn[e] : sn.fallback;
   return { range: t && t.length > 0 ? t : r, sizes: n || i };
-}, Bs = ({ format: e, height: t, query: n, width: r }) => {
+}, Is = ({ format: e, height: t, query: n, width: r }) => {
   let i = `w=${r}&h=${t}`;
   return i = e ? `${i}&fm=${e}` : i, i = n ? `${i}&${n}` : i, i;
-}, xt = ({ format: e, range: t, url: n, query: r }) => t.map(({ height: i, width: c }) => `${n}?${Bs({
+}, gt = ({ format: e, range: t, url: n, query: r }) => t.map(({ height: i, width: c }) => `${n}?${Is({
   format: e,
   height: i,
   query: r,
   width: c
 })} ${c}w`).join(", ");
-const Is = ({ image: e, className: t, testId: n }) => {
+const Hs = ({ image: e, className: t, testId: n }) => {
   const {
     description: r,
     height: i,
@@ -1381,7 +1400,7 @@ const Is = ({ image: e, className: t, testId: n }) => {
     loading: u,
     decoding: l,
     fetchPriority: f
-  } = e, { range: h, sizes: p } = Os(e), _ = xt({ format: "avif", query: d, range: h, url: o }), j = xt({ format: "webp", query: d, range: h, url: o }), g = xt({ format: "", query: d, range: h, url: o });
+  } = e, { range: h, sizes: p } = Bs(e), _ = gt({ format: "avif", query: d, range: h, url: o }), j = gt({ format: "webp", query: d, range: h, url: o }), g = gt({ format: "", query: d, range: h, url: o });
   return /* @__PURE__ */ s.jsxs("picture", { className: t, children: [
     c !== "image/gif" && /* @__PURE__ */ s.jsx(
       "source",
@@ -1418,10 +1437,10 @@ const Is = ({ image: e, className: t, testId: n }) => {
     )
   ] });
 };
-let Oe = !1;
-const Hs = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
-  const r = A(), i = se(null), [c, d] = L("hidden");
-  Z(() => {
+let Le = !1;
+const Qs = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
+  const r = N(), i = ne(null), [c, d] = F("hidden");
+  X(() => {
     const a = i.current;
     if (a)
       return a.addEventListener("transitionend", o), () => {
@@ -1429,18 +1448,18 @@ const Hs = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
       };
   }, []);
   const o = ({ propertyName: a }) => {
-    a === "opacity" && (Oe !== !1 && clearTimeout(Oe), d((u) => u === "opening" ? "open" : u === "closing" ? "closed" : u === "closed" ? "hidden" : u));
+    a === "opacity" && (Le !== !1 && clearTimeout(Le), d((u) => u === "opening" ? "open" : u === "closing" ? "closed" : u === "closed" ? "hidden" : u));
   };
-  return Ne(() => {
-    Oe !== !1 && clearTimeout(Oe);
+  return Ce(() => {
+    Le !== !1 && clearTimeout(Le);
     let a = "open";
-    e ? d("opening") : (d("closing"), a = "hidden"), Oe = setTimeout(() => {
+    e ? d("opening") : (d("closing"), a = "hidden"), Le = setTimeout(() => {
       d(a);
     }, 300);
   }, [e]), /* @__PURE__ */ s.jsx("aside", { ref: i, className: S("tooltip text-medium", c, { loading: t }), hidden: c === "hidden", children: t ? /* @__PURE__ */ s.jsx("p", { children: r.formatMessage({ id: "tooltip_loading" }) }) : typeof n == "string" ? /* @__PURE__ */ s.jsx("p", { children: n }) : n });
 };
-const jn = ({ children: e, className: t = "", ...n }) => /* @__PURE__ */ s.jsx("section", { className: S("full-width-section", t), ...n, children: e });
-const fo = ({ text: e, buttons: t, className: n = "" }) => {
+const wn = ({ children: e, className: t = "", ...n }) => /* @__PURE__ */ s.jsx("section", { className: S("full-width-section", t), ...n, children: e });
+const ho = ({ text: e, buttons: t, className: n = "" }) => {
   const r = [];
   return t.forEach((i) => {
     r.push({
@@ -1453,12 +1472,12 @@ const fo = ({ text: e, buttons: t, className: n = "" }) => {
       target: "_blank",
       children: i.text
     });
-  }), /* @__PURE__ */ s.jsx(jn, { className: S("download-section", n), children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    N.createElement(typeof e == "string" ? "h2" : e.element, { className: "text" }, typeof e == "string" ? e : e.text),
-    /* @__PURE__ */ s.jsx(it, { buttons: r })
+  }), /* @__PURE__ */ s.jsx(wn, { className: S("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),
+    /* @__PURE__ */ s.jsx(ot, { buttons: r })
   ] }) });
 };
-const ho = ({ title: e = !1, logos: t = [], className: n = "" }) => {
+const po = ({ title: e = !1, logos: t = [], className: n = "" }) => {
   const r = t.length;
   if (r === 0)
     return null;
@@ -1467,7 +1486,7 @@ const ho = ({ title: e = !1, logos: t = [], className: n = "" }) => {
     text: typeof e == "string" ? e : typeof e == "object" ? e.text : ""
   };
   return /* @__PURE__ */ s.jsxs("div", { className: S("logos", n), children: [
-    e && N.createElement(i.element, { className: "title" }, i.text),
+    e && D.createElement(i.element, { className: "title" }, i.text),
     /* @__PURE__ */ s.jsx(
       "ul",
       {
@@ -1503,7 +1522,7 @@ const ho = ({ title: e = !1, logos: t = [], className: n = "" }) => {
     )
   ] });
 };
-const Qs = [
+const Us = [
   "small",
   "span",
   "strong",
@@ -1517,7 +1536,7 @@ const Qs = [
   "h6",
   "blockquote",
   "q"
-], Us = ({
+], zs = ({
   className: e = "",
   content: t,
   image: n,
@@ -1535,7 +1554,7 @@ const Qs = [
     if (typeof t[l] == "object") {
       u[l] = t[l];
       const { text: f, element: h } = t[l];
-      if (h && Qs.includes(h.toLowerCase()))
+      if (h && Us.includes(h.toLowerCase()))
         return;
       u[l] = {
         text: f,
@@ -1552,7 +1571,7 @@ const Qs = [
     const f = document.getElementById(c.link.substring(1));
     f && f.scrollIntoView({ behavior: "smooth" });
   }), /* @__PURE__ */ s.jsx(
-    jn,
+    wn,
     {
       className: S("banner-section", r, i, e, {
         "has-image": n,
@@ -1563,7 +1582,7 @@ const Qs = [
           o.map((l) => {
             if (u[l] && typeof u[l] == "object") {
               const { text: f, element: h = "" } = u[l];
-              return N.createElement(
+              return D.createElement(
                 h.toLowerCase(),
                 { key: l, className: l },
                 f
@@ -1573,7 +1592,7 @@ const Qs = [
           }),
           d,
           c && c.text && c.link && /* @__PURE__ */ s.jsx(
-            X,
+            J,
             {
               variant: n || r === "light" ? "primary" : "secondary",
               size: { mobile: "medium", 768: "large" },
@@ -1583,12 +1602,12 @@ const Qs = [
             }
           )
         ] }),
-        n && /* @__PURE__ */ s.jsx(Is, { image: { ...n, aspect: "banner" } })
+        n && /* @__PURE__ */ s.jsx(Hs, { image: { ...n, aspect: "banner" } })
       ] })
     }
   );
-}, po = Pe(Us);
-const go = ({
+}, go = De(zs);
+const _o = ({
   variant: e = "primary",
   button: t = null,
   title: n,
@@ -1597,76 +1616,93 @@ const go = ({
 }) => !n && !r ? null : /* @__PURE__ */ s.jsxs("aside", { className: S("marketing-block", e), children: [
   n && /* @__PURE__ */ s.jsx("p", { className: "title", children: n }),
   r && /* @__PURE__ */ s.jsx("p", { children: r }),
-  t && /* @__PURE__ */ s.jsx(X, { variant: "secondary", size: "medium", href: t.link, className: "gtm-trackable", "data-gtm-event-context": i, "data-gtm-event-type": "learn-more-click", children: t.text })
-] }), Pt = "https://storage.googleapis.com/apolitical-assets/", Be = {
+  t && /* @__PURE__ */ s.jsx(J, { variant: "secondary", size: "medium", href: t.link, className: "gtm-trackable", "data-gtm-event-context": i, "data-gtm-event-type": "learn-more-click", children: t.text })
+] }), Dt = "https://storage.googleapis.com/apolitical-assets/", Oe = {
   general: "hello@apolitical.co",
   support: "concierge@apolitical.co",
   "data-protection": {
     default: "dpo@apolitical.co",
     eu: "dpo.agl@apolitical.foundation"
   }
-}, _o = "200,000+";
-const yn = ({ label: e = !1, className: t = "", children: n }) => {
-  const r = A();
+}, xo = "200,000+";
+const kn = ({ label: e = !1, className: t = "", children: n }) => {
+  const r = N();
   return /* @__PURE__ */ s.jsxs("details", { className: S("collapsible-section", t), children: [
     /* @__PURE__ */ s.jsx("summary", { children: e || r.formatMessage({ id: "collapsibleSection_summary" }) }),
     /* @__PURE__ */ s.jsx("div", { className: "content", children: n })
   ] });
 };
-const Se = ({ variant: e = "primary", className: t = "", children: n, ...r }) => /* @__PURE__ */ s.jsx("div", { className: S("highlighted-text-box", e, t), ...r, children: n });
-const ct = ({ variant: e = "empty", text: t = !1, button: n = !1, className: r = "" }) => {
+const Ee = ({ variant: e = "primary", className: t = "", children: n, ...r }) => /* @__PURE__ */ s.jsx("div", { className: S("highlighted-text-box", e, t), ...r, children: n });
+const it = ({
+  variant: e = "empty",
+  text: t = !1,
+  button: n = !1,
+  className: r = ""
+}) => {
   let i = n && !!Object.keys(n).length;
-  const c = typeof n == "object" && "breakpoints" in n, d = at(c);
+  const c = typeof n == "object" && "breakpoints" in n, d = rt(c);
   if (c && typeof n == "object" && typeof d == "number") {
-    const f = Object.assign({}, n.breakpoints), h = vn(Object.keys(f));
-    i = wn(d, h, f);
+    const f = Object.assign({}, n.breakpoints), h = xn(Object.keys(f));
+    i = bn(d, h, f);
   }
-  const { breakpoints: o, text: a = "", component: u, ...l } = n;
-  return /* @__PURE__ */ s.jsx(Se, { variant: "subtle", className: S("empty-state-box", e, r), children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    t && /* @__PURE__ */ s.jsx(rt, { options: { forceBlock: !0 }, children: t }),
-    i && typeof n == "object" && (u || /* @__PURE__ */ s.jsx(
-      X,
-      {
-        ...l,
-        variant: n.variant ? n.variant : "secondary",
-        children: a
-      }
-    ))
-  ] }) });
+  const {
+    breakpoints: o,
+    text: a = "",
+    component: u,
+    ...l
+  } = n;
+  return /* @__PURE__ */ s.jsx(
+    Ee,
+    {
+      variant: "subtle",
+      className: S("empty-state-box", e, r),
+      children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+        t && /* @__PURE__ */ s.jsx(nt, { options: { forceBlock: !0 }, children: t }),
+        i && typeof n == "object" && (u || /* @__PURE__ */ s.jsx(
+          J,
+          {
+            ...l,
+            variant: n.variant ? n.variant : "secondary",
+            children: a
+          }
+        ))
+      ] })
+    }
+  );
 };
-const Rt = ({ children: e, ...t }) => /* @__PURE__ */ s.jsx("p", { ...t, children: e }), En = { q: Rt, blockquote: Rt };
+const Nt = ({ children: e, ...t }) => /* @__PURE__ */ s.jsx("p", { ...t, children: e }), jn = { q: Nt, blockquote: Nt };
 for (let e = 1; e <= 6; e++)
-  En[`h${e}`] = { component: Rt, props: { className: "title" } };
+  jn[`h${e}`] = { component: Nt, props: { className: "title" } };
 const Ws = ({ type: e = "default", className: t = "", heading: n = !1, children: r }) => /* @__PURE__ */ s.jsxs("div", { className: S("helper-text-box text-small", e, t), children: [
   n && /* @__PURE__ */ s.jsx("p", { className: "title", children: n }),
   typeof r == "string" ? /* @__PURE__ */ s.jsx(
-    rt,
+    nt,
     {
       options: {
-        wrapper: N.Fragment,
+        wrapper: D.Fragment,
         forceBlock: !0,
-        overrides: En
+        overrides: jn
       },
       children: r
     }
   ) : /* @__PURE__ */ s.jsx("p", { children: r })
 ] });
-const xo = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children: i }) => {
-  const c = A(), d = se(null), [o, a] = L(""), [u, l] = L("closed");
-  Z(() => {
+const bo = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children: i }) => {
+  const c = N(), d = ne(null), [o, a] = F(""), [u, l] = F("closed");
+  X(() => {
     const p = d.current;
     if (p)
       return p.addEventListener("transitionend", f), () => {
         p.removeEventListener("transitionend", f);
       };
-  }, []), Z(() => {
+  }, []), X(() => {
     if (!r || typeof r != "string")
       return;
     const p = r.split(`
 `);
     a(p.length < 3 ? `${r.substring(0, 400)}...` : p.slice(0, 3).join(`
 `));
-  }, [r]), Z(() => {
+  }, [r]), X(() => {
     u === "ready-to-close" && l("closing");
   }, [u]);
   const f = ({ propertyName: p }) => {
@@ -1675,13 +1711,13 @@ const xo = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
   if (!r)
     return null;
   const h = ["opening", "open"].includes(u);
-  return /* @__PURE__ */ s.jsxs(Se, { variant: "subtle", className: S("hide-show-text-box", e), children: [
+  return /* @__PURE__ */ s.jsxs(Ee, { variant: "subtle", className: S("hide-show-text-box", e), children: [
     /* @__PURE__ */ s.jsxs("div", { ref: d, className: S("content", u), children: [
-      /* @__PURE__ */ s.jsx(rt, { options: { forceBlock: !0 }, children: u === "closed" ? o : r }),
+      /* @__PURE__ */ s.jsx(nt, { options: { forceBlock: !0 }, children: u === "closed" ? o : r }),
       u !== "closed" && i
     ] }),
     /* @__PURE__ */ s.jsx("p", { className: "cta", children: /* @__PURE__ */ s.jsx(
-      X,
+      J,
       {
         variant: "tertiary",
         icon: { icon: "navigation_arrow", position: "left", animate: !0 },
@@ -1694,20 +1730,20 @@ const xo = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
       }
     ) })
   ] });
-}, zs = () => N.Fragment, Vs = ({ children: e }) => /* @__PURE__ */ s.jsx(Se, { variant: "secondary", children: e }), Ys = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], Gs = ({ children: e }) => {
-  const t = A();
+}, Vs = () => D.Fragment, Ys = ({ children: e }) => /* @__PURE__ */ s.jsx(Ee, { variant: "secondary", children: e }), Gs = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], Js = ({ children: e }) => {
+  const t = N();
   if (!e)
     return null;
   let n = t.formatMessage({ id: "markdown_collapsibleSection_summary" });
   const r = [];
-  for (const c of Dt.toArray(e))
+  for (const c of Mt.toArray(e))
     if (!(!c || typeof c == "string" || typeof c == "number"))
-      if (N.isValidElement(c) && c.type === "summary") {
+      if (D.isValidElement(c) && c.type === "summary") {
         if (c.props && c.props.children) {
-          for (const d of Dt.toArray(c.props.children))
-            if (!(!d || typeof d == "string" || typeof d == "number") && N.isValidElement(d)) {
+          for (const d of Mt.toArray(c.props.children))
+            if (!(!d || typeof d == "string" || typeof d == "number") && D.isValidElement(d)) {
               const o = d.type;
-              if (Ys.includes(o)) {
+              if (Gs.includes(o)) {
                 for (n = d.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;
@@ -1718,130 +1754,155 @@ const xo = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
         r.push(c);
   const i = n ? n.toString() : "";
   return /* @__PURE__ */ s.jsx(
-    yn,
+    kn,
     {
       label: i,
       className: ["Sources", "Resources"].includes(i) ? "discrete-links" : "",
       children: r.map((c) => c)
     }
   );
-}, Js = ({ children: e, ...t }) => {
+}, Xs = ({ children: e, ...t }) => {
   if (t.class)
     switch (t.class) {
       case "casestudy":
-        return /* @__PURE__ */ s.jsx(Se, { variant: "secondary", children: e });
+        return /* @__PURE__ */ s.jsx(Ee, { variant: "secondary", children: e });
       case "general-textbox":
       case "highlight-box":
-        return /* @__PURE__ */ s.jsx(Se, { variant: "primary", children: e });
+        return /* @__PURE__ */ s.jsx(Ee, { variant: "primary", children: e });
       case "pink-textbox":
-        return /* @__PURE__ */ s.jsx(Se, { variant: "tertiary", children: e });
+        return /* @__PURE__ */ s.jsx(Ee, { variant: "tertiary", children: e });
       default:
         return /* @__PURE__ */ s.jsx("div", { ...t, children: e });
     }
   return /* @__PURE__ */ s.jsx("div", { ...t, children: e });
-}, Xs = (e) => {
-  const t = A(), n = Date.now().toString();
+}, Zs = (e) => {
+  const t = N(), n = Date.now().toString();
   let r = "default";
   const i = e.src;
   return i.includes("youtube") || i.includes("vimeo") ? r = "video" : i.includes("riddle") || i.includes("sli.do") ? r = "poll" : i.includes("padlet") && (r = "padlet"), /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsx(de, { children: /* @__PURE__ */ s.jsx("a", { href: `#content-after-iframe-${n}`, children: t.formatMessage({ id: `markdown_skip${r === "default" ? "" : `_${r}`}` }) }) }),
+    /* @__PURE__ */ s.jsx(le, { 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 })
   ] });
-}, an = (e) => {
+}, rn = (e) => {
   let t = "";
   return e && typeof e != "string" && typeof e != "number" && typeof e != "boolean" && "type" in e && (t = e.type), t;
-}, Zs = ({ children: e, ...t }) => {
+}, Ks = ({ children: e, ...t }) => {
   let n = { ...t };
   t.href && (t.href.includes("http:") || t.href.includes("https:")) && !t.target && (n.target = "_blank");
   let r = e, i = !1;
-  for (const c of Dt.toArray(e))
-    if (!(!c || typeof c == "string" || typeof c == "number") && N.isValidElement(c)) {
+  for (const c of Mt.toArray(e))
+    if (!(!c || typeof c == "string" || typeof c == "number") && D.isValidElement(c)) {
       const d = c.type;
       if (["button", "center", "span", "strong"].includes(d) && c.props && c.props.children && c.props.children[0])
-        for ((d === "button" || an(c.props.children[0]) === "button") && (i = !0), r = c.props.children[0]; r && typeof r != "string" && !(typeof r == "boolean" || typeof r == "number" || !N.isValidElement(r)); )
+        for ((d === "button" || rn(c.props.children[0]) === "button") && (i = !0), r = c.props.children[0]; r && typeof r != "string" && !(typeof r == "boolean" || typeof r == "number" || !D.isValidElement(r)); )
           if (r.props && r.props.children && r.props.children[0])
-            r = r.props.children[0], r && an(r) === "button" && (i = !0);
+            r = r.props.children[0], r && rn(r) === "button" && (i = !0);
           else
             break;
     }
-  return i ? (n = { ...n, className: "button primary medium" }, /* @__PURE__ */ s.jsx("p", { className: "center", children: /* @__PURE__ */ s.jsx(X, { variant: "primary", size: "medium", ...n, children: r }) })) : /* @__PURE__ */ s.jsx("a", { ...n, children: r });
-}, Ks = ({ children: e }) => /* @__PURE__ */ s.jsx("span", { children: e });
-const ln = ({ className: e = "", options: t = {}, children: n }) => {
+  return i ? (n = { ...n, className: "button primary medium" }, /* @__PURE__ */ s.jsx("p", { className: "center", children: /* @__PURE__ */ s.jsx(J, { variant: "primary", size: "medium", ...n, children: r }) })) : /* @__PURE__ */ s.jsx("a", { ...n, children: r });
+}, qs = ({ children: e }) => /* @__PURE__ */ s.jsx("span", { children: e });
+const on = ({ className: e = "", options: t = {}, children: n }) => {
   n = n.replace(/^<br\/?>/, "");
   const r = {
-    wrapper: N.Fragment,
+    wrapper: D.Fragment,
     forceBlock: !0,
     overrides: {
-      a: Zs,
+      a: Ks,
       // Override psuedo-code
       // We give the content team psuedo-code short cuts to use in Contentful
-      CollapsibleSection: yn,
-      TextBox: Se,
-      CaseStudy: Vs,
+      CollapsibleSection: kn,
+      TextBox: Ee,
+      CaseStudy: Ys,
       // Override embedded HTML
       // Our content team previously used real HTML, which we need to tear out and replace with React components
-      style: zs,
-      details: Gs,
-      div: Js,
-      iframe: Xs
+      style: Vs,
+      details: Js,
+      div: Xs,
+      iframe: Zs
     }
   };
-  return /* @__PURE__ */ s.jsx("div", { className: S("markdown-text", e), children: /* @__PURE__ */ s.jsx(rt, { options: { ...r, ...t }, children: n }) });
+  return /* @__PURE__ */ s.jsx("div", { className: S("markdown-text", e), children: /* @__PURE__ */ s.jsx(nt, { options: { ...r, ...t }, children: n }) });
 };
-const qs = ({ size: e = "medium", variant: t = "default", className: n = "", children: r }) => /* @__PURE__ */ s.jsx("span", { className: S("pill", e, t, n), children: r });
-const Ft = ({ element: e = "p", children: t = null, className: n = "", ...r }) => N.createElement(e, { ...r, className: S("status-banner text-small", n), "aria-live": "assertive" }, t);
-const er = ({ progress: e = 0, text: t = !1, className: n = "" }) => {
-  const r = A(), i = e > 75 ? 100 : e > 50 ? 75 : e > 25 ? 50 : e > 5 ? 25 : 0, c = { "--progress": `${e}%` };
-  return /* @__PURE__ */ s.jsx("span", { className: S(`progress-bar section-${i}`, n), style: c, children: /* @__PURE__ */ s.jsx(de, { children: t ? `${e} ${t}` : r.formatMessage({ id: "progressBar" }, { number: e }) }) });
-}, tr = Pe(er);
-const bt = "loadingBlock_", nr = ({ progress: e = 0, steps: t = !1, className: n = "" }) => {
-  const r = A();
+const er = ({
+  size: e = "medium",
+  variant: t = "default",
+  className: n = "",
+  children: r,
+  ...i
+}) => /* @__PURE__ */ s.jsx("span", { className: S("pill", e, t, n), ...i, children: r });
+const Pt = ({ element: e = "p", children: t = null, className: n = "", ...r }) => D.createElement(e, { ...r, className: S("status-banner text-small", n), "aria-live": "assertive" }, t);
+const tr = ({ progress: e = 0, text: t = !1, className: n = "" }) => {
+  const r = N(), i = e > 75 ? 100 : e > 50 ? 75 : e > 25 ? 50 : e > 5 ? 25 : 0, c = { "--progress": `${e}%` };
+  return /* @__PURE__ */ s.jsx("span", { className: S(`progress-bar section-${i}`, n), style: c, children: /* @__PURE__ */ s.jsx(le, { children: t ? `${e} ${t}` : r.formatMessage({ id: "progressBar" }, { number: e }) }) });
+}, nr = De(tr);
+const _t = "loadingBlock_", sr = ({ progress: e = 0, steps: t = !1, className: n = "" }) => {
+  const r = N();
   t || (t = {
-    0: { text: r.formatMessage({ id: `${bt}loading` }) },
-    75: { text: r.formatMessage({ id: `${bt}almostDone` }) },
-    100: { text: r.formatMessage({ id: `${bt}complete` }) }
+    0: { text: r.formatMessage({ id: `${_t}loading` }) },
+    75: { text: r.formatMessage({ id: `${_t}almostDone` }) },
+    100: { text: r.formatMessage({ id: `${_t}complete` }) }
   });
   let i = null;
   const c = Object.keys(t);
   for (let o = 0; o < c.length && !(e < parseInt(c[o])); o++)
     i = c[o];
-  const d = i && t[i].icon ? { "--icon": `url(${Pt}icons/${t[i].icon}.svg)` } : {};
+  const d = i && t[i].icon ? { "--icon": `url(${Dt}icons/${t[i].icon}.svg)` } : {};
   return /* @__PURE__ */ s.jsxs(
-    Se,
+    Ee,
     {
       className: S("loading-block", n, { "has-icon": i && t[i].icon }),
       variant: "subtle",
       style: d,
       children: [
         i && /* @__PURE__ */ s.jsx("span", { className: "step", children: t[i].text }),
-        /* @__PURE__ */ s.jsx(tr, { progress: e })
+        /* @__PURE__ */ s.jsx(nr, { progress: e })
       ]
     }
   );
-}, bo = Pe(nr);
-const ye = ({ element: e = "div", className: t = "", ...n }) => /* @__PURE__ */ s.jsx(xn, { element: e, className: S("loading-placeholder", t), ...n });
-const Lt = {
+}, vo = De(sr);
+const je = ({ element: e = "div", className: t = "", ...n }) => /* @__PURE__ */ s.jsx(gn, { element: e, className: S("loading-placeholder", t), ...n });
+const Rt = {
   header: ["logo", "link", "link", "search"],
   sidebar: ["text", "text", "text", "text", "text"],
   "cards-section": ["subtitle", "cards"],
+  heading: ["title"],
   cards: ["card", "card", "card", "card"],
-  "overview-page": ["header", "sidebar", "title", "text", "cards-section", "cards-section", "footer"]
-}, Sn = (e, t) => e in Lt ? /* @__PURE__ */ s.jsx("div", { className: e, children: Lt[e].map((n, r) => Sn(n, r)) }, t) : /* @__PURE__ */ s.jsx(ye, { className: e }, t), sr = ({ layout: e = "overview-page" }) => /* @__PURE__ */ s.jsx("div", { className: S("loading-state", e), children: Lt[e].map((t, n) => Sn(t, n)) }), Tn = (e) => {
+  carousel: ["cards", "controls"],
+  "carousel-with-title": ["title", "cards", "controls"],
+  "overview-page": [
+    "header",
+    "sidebar",
+    "title",
+    "text",
+    "cards-section",
+    "cards-section",
+    "footer"
+  ]
+}, yn = (e, t) => e in Rt ? /* @__PURE__ */ s.jsx("div", { className: e, children: Rt[e].map((n, r) => yn(n, r)) }, t) : /* @__PURE__ */ s.jsx(je, { className: e }, t), rr = ({ layout: e = "overview-page", ...t }) => /* @__PURE__ */ s.jsx("div", { className: S("loading-state", e), ...t, children: Rt[e].map((n, r) => yn(n, r)) }), En = (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) : "";
-}, Ve = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], rr = (e) => {
-  const t = Math.ceil(26 / Ve.length), n = Tn(e).toLowerCase();
+}, ze = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], or = (e) => {
+  const t = Math.ceil(26 / ze.length), n = En(e).toLowerCase();
   if (n === "")
-    return Ve[0];
+    return ze[0];
   const r = n.charCodeAt(0) - 96;
-  for (let i = 0; i < Ve.length; i++)
+  for (let i = 0; i < ze.length; i++)
     if (r <= t * (i + 1))
-      return Ve[i];
+      return ze[i];
 };
-const cn = 256, It = ({ className: e = "", src: t = "", name: n, alt: r, width: i = cn, height: c = cn, ...d }) => {
-  const [o, a] = L(!1), u = se(null);
-  Z(() => {
+const an = 256, Ot = ({
+  className: e = "",
+  src: t = "",
+  name: n,
+  alt: r,
+  width: i = an,
+  height: c = an,
+  ...d
+}) => {
+  const [o, a] = F(!1), u = ne(null);
+  X(() => {
     const f = u.current;
     if (!f)
       return;
@@ -1849,25 +1910,32 @@ const cn = 256, It = ({ className: e = "", src: t = "", name: n, alt: r, width:
     if (!h)
       return;
     const p = i, _ = c;
-    typeof window < "u" && window.devicePixelRatio && (f.width = p * window.devicePixelRatio, f.height = _ * window.devicePixelRatio, h.scale(window.devicePixelRatio, window.devicePixelRatio)), h.fillStyle = rr(n), h.fillRect(0, 0, p, _), h.font = `${p / 3}px Arial`, h.textAlign = "center", h.fillStyle = "white", h.fillText(Tn(n), p / 2, _ / 1.6);
+    typeof window < "u" && window.devicePixelRatio && (f.width = p * window.devicePixelRatio, f.height = _ * window.devicePixelRatio, h.scale(window.devicePixelRatio, window.devicePixelRatio)), h.fillStyle = or(n), h.fillRect(0, 0, p, _), h.font = `${p / 3}px Arial`, h.textAlign = "center", h.fillStyle = "white", h.fillText(En(n), p / 2, _ / 1.6);
   }, [n]);
   let l = !1;
-  return t && t !== "" && !o && (t.includes("http") || t.includes("//")) && (l = !0), /* @__PURE__ */ s.jsx("figure", { className: S("profile-picture", e, { error: o }), ...d, children: l ? /* @__PURE__ */ s.jsx(
-    "img",
+  return t && t !== "" && !o && (t.includes("http") || t.includes("//")) && (l = !0), /* @__PURE__ */ s.jsx(
+    "figure",
     {
-      src: t,
-      alt: r || n,
-      onError: () => {
-        a(!0);
-      },
-      width: i,
-      height: c
+      className: S("profile-picture", e, { error: o }),
+      ...d,
+      children: l ? /* @__PURE__ */ s.jsx(
+        "img",
+        {
+          src: t,
+          alt: r || n,
+          onError: () => {
+            a(!0);
+          },
+          width: i,
+          height: c
+        }
+      ) : /* @__PURE__ */ s.jsx("canvas", { ref: u })
     }
-  ) : /* @__PURE__ */ s.jsx("canvas", { ref: u }) });
-}, $n = (e) => e === "apolitical" ? {
-  image: `${Pt}logos/member_apolitical.svg`
+  );
+}, Sn = (e) => e === "apolitical" ? {
+  image: `${Dt}logos/member_apolitical.svg`
 } : e === "community" || typeof e == "object" && !e.name ? {
-  image: `${Pt}logos/member_community.svg`
+  image: `${Dt}logos/member_community.svg`
 } : {
   name: e.name,
   role: e.jobTitle || "",
@@ -1875,7 +1943,7 @@ const cn = 256, It = ({ className: e = "", src: t = "", name: n, alt: r, width:
   country: e.location && e.location.country || "",
   url: `/profiles/${e.id}`,
   image: e.image && e.image.thumbnail
-}, or = ({
+}, ar = ({
   role: e = "",
   organisation: t = "",
   country: n = "",
@@ -1886,9 +1954,9 @@ const cn = 256, It = ({ className: e = "", src: t = "", name: n, alt: r, width:
     return "";
   const o = `${e}${i && c ? ` — ${t}` : t}`;
   let a = `${o}${(i || c) && d ? `, ${n}` : n}`;
-  return a.length > r && (a = o), a.length > r && (a = st(a, r)), a;
+  return a.length > r && (a = o), a.length > r && (a = tt(a, r)), a;
 };
-const Ht = ({
+const Bt = ({
   element: e = "div",
   member: t = "community",
   additionalContent: n = !1,
@@ -1896,13 +1964,13 @@ const Ht = ({
   gtmType: i = "member-click",
   className: c = ""
 }) => {
-  const d = A(), o = $n(t);
+  const d = N(), o = Sn(t);
   o.name || (o.name = d.formatMessage({ id: `member_${typeof t == "string" ? t : "community"}` }));
-  const { name: a, url: u, image: l } = o, f = or(o), h = n && n.createdAt ? Cs(n.createdAt) : !1, p = n && n.createdAt ? Ms(n.createdAt) : "";
-  return N.createElement(e, {
+  const { name: a, url: u, image: l } = o, f = ar(o), h = n && n.createdAt ? Cs(n.createdAt) : !1, p = n && n.createdAt ? Ms(n.createdAt) : "";
+  return D.createElement(e, {
     className: S("member text-medium", c),
     children: /* @__PURE__ */ s.jsxs(
-      lt,
+      at,
       {
         href: u,
         gtmType: i,
@@ -1911,7 +1979,7 @@ const Ht = ({
           _ == null || _.stopPropagation();
         },
         children: [
-          /* @__PURE__ */ s.jsx(It, { name: a, src: l }),
+          /* @__PURE__ */ s.jsx(Ot, { name: a, src: l }),
           /* @__PURE__ */ s.jsxs("p", { className: "details", children: [
             /* @__PURE__ */ s.jsx("strong", { children: a }),
             n && /* @__PURE__ */ s.jsxs("span", { className: "additional-content", children: [
@@ -1925,34 +1993,61 @@ const Ht = ({
     )
   });
 };
-const dn = {
+const ln = {
   small: 24,
   medium: 48
-}, ar = ({ element: e = "div", contributors: { total: t, data: n } = { total: void 0, data: [] }, styling: { showText: r, size: i, showGap: c, showPlaceholders: d } = { showText: !0, size: "medium", showGap: !0, showPlaceholders: !1 }, cutoff: o = 2, className: a = "" }) => {
-  const u = A();
-  return !n || n.length === 0 ? null : N.createElement(
-    e,
-    { className: S("contributors", a, i, { "has-gap": c }), children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-      /* @__PURE__ */ s.jsx("ul", { children: n.map((l, f) => {
-        let h, p = "";
-        if (f < o) {
-          const { name: _ = "", image: j = "" } = $n(l);
+}, ir = ({
+  element: e = "div",
+  contributors: { total: t, data: n } = { total: void 0, data: [] },
+  styling: { showText: r, size: i, showGap: c, showPlaceholders: d } = {
+    showText: !0,
+    size: "medium",
+    showGap: !0,
+    showPlaceholders: !1
+  },
+  cutoff: o = 2,
+  className: a = "",
+  ...u
+}) => {
+  const l = N();
+  return !n || n.length === 0 ? null : D.createElement(e, {
+    ...u,
+    className: S("contributors", a, i, { "has-gap": c }),
+    children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+      /* @__PURE__ */ s.jsx("ul", { children: n.map((f, h) => {
+        let p, _ = "";
+        if (h < o) {
+          const { name: j = "", image: g = "" } = Sn(f);
           if (d)
-            return /* @__PURE__ */ s.jsx(ye, { element: "li", className: "contributor" }, f);
-          h = /* @__PURE__ */ s.jsx(It, { name: _, src: j, width: dn[i || "medium"], height: dn[i || "medium"] });
-        } else if (f === o) {
-          const _ = (t || n.length) - o;
-          h = /* @__PURE__ */ s.jsxs("small", { className: S({ "large-number": _ > 99 }), children: [
-            "+",
-            Fs(_, 0)
-          ] }), p = "number-left";
+            return /* @__PURE__ */ s.jsx(je, { element: "li", className: "contributor" }, h);
+          p = /* @__PURE__ */ s.jsx(
+            Ot,
+            {
+              name: j,
+              src: g,
+              width: ln[i || "medium"],
+              height: ln[i || "medium"]
+            }
+          );
+        } else if (h === o) {
+          const j = (t || n.length) - o;
+          p = /* @__PURE__ */ s.jsxs(
+            "small",
+            {
+              className: S({ "large-number": j > 99 }),
+              children: [
+                "+",
+                Ls(j, 0)
+              ]
+            }
+          ), _ = "number-left";
         }
-        return h ? /* @__PURE__ */ s.jsx("li", { className: S("contributor", p), children: h }, f) : null;
+        return p ? /* @__PURE__ */ s.jsx("li", { className: S("contributor", _), children: p }, h) : null;
       }) }),
-      r && /* @__PURE__ */ s.jsx("span", { className: "label", children: typeof r == "string" ? r : n.length === 1 ? typeof n[0] == "string" ? u.formatMessage({ id: `member_${n[0]}` }) : st(n[0].name || "", 20) : null })
-    ] }) }
-  );
-}, ir = ({ showDevTools: e = !0, children: t }) => {
+      r && /* @__PURE__ */ s.jsx("span", { className: "label", children: typeof r == "string" ? r : n.length === 1 ? typeof n[0] == "string" ? l.formatMessage({ id: `member_${n[0]}` }) : tt(n[0].name || "", 20) : null })
+    ] })
+  });
+}, lr = ({ showDevTools: e = !0, children: t }) => {
   const n = new ds({
     // default options we would like on all queries can be overridden individually
     defaultOptions: {
@@ -1969,15 +2064,15 @@ const dn = {
     e && /* @__PURE__ */ s.jsx(ms, { initialIsOpen: !1 })
   ] });
 };
-var lr = Ot({ client: Ke });
-function cr(e) {
-  var t = e.children, n = e.client, r = e.apiKey, i = e.options, c = nt(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 && i && 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 && (Ke.__loaded && console.warn("[PostHog.js] was already loaded elsewhere. This may cause issues."), Ke.init(r, i)), Ke);
+var cr = Ft({ client: Xe });
+function dr(e) {
+  var t = e.children, n = e.client, r = e.apiKey, i = e.options, c = et(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 && i && 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 && (Xe.__loaded && console.warn("[PostHog.js] was already loaded elsewhere. This may cause issues."), Xe.init(r, i)), Xe);
   }, [n, r]);
-  return N.createElement(lr.Provider, { value: { client: c } }, t);
+  return D.createElement(cr.Provider, { value: { client: c } }, t);
 }
-const dr = ({ children: e, user: t }) => t.isLoading ? /* @__PURE__ */ s.jsx(s.Fragment, {}) : process.env.REACT_APP_PUBLIC_POSTHOG_KEY ? /* @__PURE__ */ s.jsx(
-  cr,
+const ur = ({ children: e, user: t }) => t.isLoading ? /* @__PURE__ */ s.jsx(s.Fragment, {}) : process.env.REACT_APP_PUBLIC_POSTHOG_KEY ? /* @__PURE__ */ s.jsx(
+  dr,
   {
     apiKey: atob(process.env.REACT_APP_PUBLIC_POSTHOG_KEY),
     options: {
@@ -1992,28 +2087,28 @@ const dr = ({ children: e, user: t }) => t.isLoading ? /* @__PURE__ */ s.jsx(s.F
     },
     children: e
   }
-) : e, ur = ({ children: e, locale: t, messages: n }) => {
+) : e, mr = ({ children: e, locale: t, messages: n }) => {
   const r = t || "en", i = {
     ...Rs[r],
     ...n || {}
   };
   return /* @__PURE__ */ s.jsx(ls, { locale: r, messages: i, children: e });
-}, Te = Ot(null), mr = ({ children: e, user: t }) => /* @__PURE__ */ s.jsx(Te.Provider, { value: t, children: e }), vo = ({ bootstrap: e, children: t, intl: n }) => {
-  const [r, i] = L({ isLoading: !0 });
-  return Z(() => {
+}, Se = Ft(null), fr = ({ children: e, user: t }) => /* @__PURE__ */ s.jsx(Se.Provider, { value: t, children: e }), wo = ({ bootstrap: e, children: t, intl: n }) => {
+  const [r, i] = F({ isLoading: !0 });
+  return X(() => {
     e().then((c) => i({ ...c, isLoading: !1 })).catch(() => i({ isLoading: !1 }));
-  }, []), /* @__PURE__ */ s.jsx(ur, { locale: n == null ? void 0 : n.locale, messages: n == null ? void 0 : n.messages, children: /* @__PURE__ */ s.jsx(mr, { user: r, children: /* @__PURE__ */ s.jsx(ir, { children: /* @__PURE__ */ s.jsx(dr, { user: r, children: t }) }) }) });
+  }, []), /* @__PURE__ */ s.jsx(mr, { locale: n == null ? void 0 : n.locale, messages: n == null ? void 0 : n.messages, children: /* @__PURE__ */ s.jsx(fr, { user: r, children: /* @__PURE__ */ s.jsx(lr, { children: /* @__PURE__ */ s.jsx(ur, { user: r, children: t }) }) }) });
 };
-const vt = "joinCommunityButton", Mn = ({ isMember: e = !1, isShort: t = !1, functions: { join: n, leave: r } = { join: () => {
+const xt = "joinCommunityButton", Tn = ({ isMember: e = !1, isShort: t = !1, functions: { join: n, leave: r } = { join: () => {
 }, leave: () => {
 } } }) => {
-  const i = A(), c = be(Te), d = c && typeof c.id == "string", [o, a] = L(e), [u, l] = L(e ? "joined" : "notJoined");
-  Z(() => {
+  const i = N(), c = ge(Se), d = c && typeof c.id == "string", [o, a] = F(e), [u, l] = F(e ? "joined" : "notJoined");
+  X(() => {
     u === "joining" ? l("joined") : u === "leaving" && l("notJoined");
   }, [o]);
   const f = {}, h = {};
-  return o && u !== "leaving" && (f["data-hover-text"] = i.formatMessage({ id: `${vt}_leave` }), f["aria-label"] = i.formatMessage({ id: `${vt}_member_aria` }), h["aria-hidden"] = "true"), /* @__PURE__ */ s.jsx(
-    X,
+  return o && u !== "leaving" && (f["data-hover-text"] = i.formatMessage({ id: `${xt}_leave` }), f["aria-label"] = i.formatMessage({ id: `${xt}_member_aria` }), h["aria-hidden"] = "true"), /* @__PURE__ */ s.jsx(
+    J,
     {
       variant: o ? "secondary" : "primary",
       size: "medium",
@@ -2025,30 +2120,30 @@ const vt = "joinCommunityButton", Mn = ({ isMember: e = !1, isShort: t = !1, fun
       className: S("join-community-button", u, { active: u === "joining" }),
       disabled: !d,
       ...f,
-      children: /* @__PURE__ */ s.jsx("span", { className: "text", ...h, children: i.formatMessage({ id: `${vt}${["joining", "leaving"].includes(u) ? `_${u}` : o ? "_member" : t ? "_short" : ""}` }) })
+      children: /* @__PURE__ */ s.jsx("span", { className: "text", ...h, children: i.formatMessage({ id: `${xt}${["joining", "leaving"].includes(u) ? `_${u}` : o ? "_member" : t ? "_short" : ""}` }) })
     }
   );
 };
-const wt = "communityDetails_", wo = ({
+const bt = "communityDetails_", ko = ({
   className: e = "",
   isMember: t = !1,
   slug: n,
   members: { number: r = 0, data: i = [] } = { number: 0, data: [] },
   functions: { invite: c, ...d }
 }) => {
-  const o = A(), a = 5, u = r || i.length, l = i.length ? i : Array(a).fill({});
+  const o = N(), a = 5, u = r || i.length, l = i.length ? i : Array(a).fill({});
   return /* @__PURE__ */ s.jsxs("div", { className: S("community-details", e), children: [
     /* @__PURE__ */ s.jsx(Ae, {}),
     /* @__PURE__ */ s.jsxs("div", { className: "member-details", children: [
       /* @__PURE__ */ s.jsxs("div", { className: "top", children: [
         /* @__PURE__ */ s.jsxs("h3", { children: [
-          o.formatMessage({ id: `${wt}members` }),
+          o.formatMessage({ id: `${bt}members` }),
           /* @__PURE__ */ s.jsx("span", { className: "count", children: u })
         ] }),
-        /* @__PURE__ */ s.jsx("p", { className: "text-small", children: /* @__PURE__ */ s.jsx("a", { href: `/communities/${n}/members`, children: o.formatMessage({ id: `${wt}viewAll` }) }) })
+        /* @__PURE__ */ s.jsx("p", { className: "text-small", children: /* @__PURE__ */ s.jsx("a", { href: `/communities/${n}/members`, children: o.formatMessage({ id: `${bt}viewAll` }) }) })
       ] }),
       /* @__PURE__ */ s.jsx(
-        ar,
+        ir,
         {
           contributors: {
             total: r,
@@ -2063,34 +2158,34 @@ const wt = "communityDetails_", wo = ({
         }
       )
     ] }),
-    /* @__PURE__ */ s.jsx(Mn, { isMember: t, functions: { ...d } }),
+    /* @__PURE__ */ s.jsx(Tn, { isMember: t, functions: { ...d } }),
     t && /* @__PURE__ */ s.jsx(
-      X,
+      J,
       {
         variant: "primary",
         onClick: c,
         icon: { icon: "plus" },
         styling: { fullWidth: !0 },
-        children: o.formatMessage({ id: `${wt}invite` })
+        children: o.formatMessage({ id: `${bt}invite` })
       }
     )
   ] });
 };
-const ko = ({
+const jo = ({
   breadcrumbs: e,
   cutoff: t = 20,
   className: n = ""
 }) => {
-  const r = A();
+  const r = N();
   return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsx(de, { element: "p", children: r.formatMessage({ id: "breadcrumbs_label" }) }),
+    /* @__PURE__ */ s.jsx(le, { element: "p", children: r.formatMessage({ id: "breadcrumbs_label" }) }),
     /* @__PURE__ */ s.jsx("ul", { className: S("breadcrumbs text-small", n), children: e.map(({ text: i, href: c, current: d = !1 }, o) => /* @__PURE__ */ s.jsxs("li", { children: [
-      d && /* @__PURE__ */ s.jsx(de, { element: "span", children: r.formatMessage({ id: "breadcrumbs_currentPage" }) }),
-      /* @__PURE__ */ s.jsx(lt, { href: d ? void 0 : c, children: st(i, t) })
+      d && /* @__PURE__ */ s.jsx(le, { element: "span", children: r.formatMessage({ id: "breadcrumbs_currentPage" }) }),
+      /* @__PURE__ */ s.jsx(at, { href: d ? void 0 : c, children: tt(i, t) })
     ] }, `${window.btoa(i)}_${o}`)) })
   ] });
 };
-const jo = ({
+const yo = ({
   options: e,
   allOption: t = !1,
   allowMultiple: n = !0,
@@ -2098,7 +2193,7 @@ const jo = ({
   },
   className: i = ""
 }) => {
-  const c = A(), d = t ? [{ id: "all", text: typeof t != "boolean" && t.text || c.formatMessage({ id: "filters_all" }) }, ...e] : e, [o, a] = L(t ? ["all"] : []), u = (l, f) => {
+  const c = N(), d = t ? [{ id: "all", text: typeof t != "boolean" && t.text || c.formatMessage({ id: "filters_all" }) }, ...e] : e, [o, a] = F(t ? ["all"] : []), u = (l, f) => {
     let h = [];
     o.includes(l) ? h = o.filter((p) => p !== l) : l === "all" ? h = ["all"] : n ? h = [...o.filter((p) => p !== "all"), l] : h = [l], a((p) => (r && typeof r == "function" && r({ current: h, previous: p }), h)), f && typeof f == "function" && f();
   };
@@ -2117,7 +2212,7 @@ const jo = ({
       }
     ) }, l);
   }) });
-}, fr = (e, t) => {
+}, hr = (e, t) => {
   const n = String(e);
   if (!t || !t.length)
     return `/${n}`;
@@ -2126,7 +2221,7 @@ const jo = ({
     c === "before-lang" ? r += `/${i}` : (r.includes(`/${n}/`) || (r += `/${n}`), r += `/${i}`);
   }), r.includes(`/${n}/`) || (r += `/${n}`), r;
 };
-const kt = { en: "English", es: "Español", fr: "Français", pt: "Português" }, Ye = "languageSwitcher_", yo = ({
+const vt = { en: "English", es: "Español", fr: "Français", pt: "Português" }, We = "languageSwitcher_", Eo = ({
   currentLanguage: e,
   isOriginalLanguage: t = !1,
   isHumanTranslation: n = !1,
@@ -2138,35 +2233,35 @@ const kt = { en: "English", es: "Español", fr: "Français", pt: "Português" },
   label: o,
   className: a = ""
 }) => {
-  const u = A(), [l, f] = L(e);
-  if (Z(() => {
+  const u = N(), [l, f] = F(e);
+  if (X(() => {
     e !== l && f(e);
   }, [e]), !r || !Object.values(r).some((j) => j && j.post_name))
     return null;
   const p = Object.keys(r), _ = l !== e;
   return /* @__PURE__ */ s.jsxs("div", { className: S("language-switcher text-small", d, a), children: [
     /* @__PURE__ */ s.jsxs("nav", { children: [
-      d !== "short" && /* @__PURE__ */ s.jsx("p", { children: o || u.formatMessage({ id: `${Ye}label` }) }),
+      d !== "short" && /* @__PURE__ */ s.jsx("p", { children: o || u.formatMessage({ id: `${We}label` }) }),
       /* @__PURE__ */ s.jsx("ul", { children: p.map((j) => {
-        if (!kt[j])
+        if (!vt[j])
           return null;
         let g = { className: j };
-        return l === j ? g["aria-label"] = u.formatMessage({ id: `${Ye}selected` }, { language: kt[j] }) : g = {
+        return l === j ? g["aria-label"] = u.formatMessage({ id: `${We}selected` }, { language: vt[j] }) : g = {
           ...g,
-          href: fr(j, c),
+          href: hr(j, c),
           onClick: (E) => {
             E.preventDefault(), E.stopPropagation(), f(j), i(j);
           }
-        }, /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(lt, { ...g, fallbackElement: "span", children: kt[j] }) }, j);
+        }, /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(at, { ...g, fallbackElement: "span", children: vt[j] }) }, j);
       }) }),
-      d !== "short" && !_ && /* @__PURE__ */ s.jsx("p", { children: u.formatMessage({ id: `${Ye}translation_${t ? "original" : n ? "human" : "machine"}` }) })
+      d !== "short" && !_ && /* @__PURE__ */ s.jsx("p", { children: u.formatMessage({ id: `${We}translation_${t ? "original" : n ? "human" : "machine"}` }) })
     ] }),
     d !== "short" && !_ && !t && !n && /* @__PURE__ */ s.jsx("small", {
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
       // `values` are throwing a type error: https://github.com/formatjs/formatjs/issues/3633
-      children: u.formatMessage({ id: `${Ye}disclaimer` }, {
-        email: Be.support,
+      children: u.formatMessage({ id: `${We}disclaimer` }, {
+        email: Oe.support,
         link: (j) => {
           const g = `mailto:${j}`;
           return /* @__PURE__ */ s.jsx("a", { href: g, children: j });
@@ -2175,7 +2270,7 @@ const kt = { en: "English", es: "Español", fr: "Français", pt: "Português" },
     })
   ] });
 };
-const jt = cs({ locale: "en", messages: Bt }), hr = ({
+const wt = cs({ locale: "en", messages: Lt }), pr = ({
   page: e = 1,
   length: t = 0,
   limit: n = 10,
@@ -2183,14 +2278,14 @@ const jt = cs({ locale: "en", messages: Bt }), hr = ({
   },
   icon: i = !1,
   messages: c = {
-    button: jt.formatMessage({ id: "loadMore_button" }),
-    endOfFeed: jt.formatMessage({ id: "loadMore_endOfFeed" }),
-    error: jt.formatMessage({ id: "loadMore_error" })
+    button: wt.formatMessage({ id: "loadMore_button" }),
+    endOfFeed: wt.formatMessage({ id: "loadMore_endOfFeed" }),
+    error: wt.formatMessage({ id: "loadMore_error" })
   },
   className: d = "",
   gtmContext: o = "LoadMore"
 }) => {
-  const [a, u] = L(!1), [l, f] = L(!1);
+  const [a, u] = F(!1), [l, f] = F(!1);
   if (t <= 0 || t < n * e)
     return null;
   const h = async (p) => {
@@ -2203,7 +2298,7 @@ const jt = cs({ locale: "en", messages: Bt }), hr = ({
   return /* @__PURE__ */ s.jsxs("footer", { className: S("load-more", d), children: [
     a && /* @__PURE__ */ s.jsx("p", { className: "error", children: c.error }),
     l ? /* @__PURE__ */ s.jsx("p", { children: c.endOfFeed }) : /* @__PURE__ */ s.jsx(
-      X,
+      J,
       {
         variant: "secondary",
         icon: i,
@@ -2217,19 +2312,19 @@ const jt = cs({ locale: "en", messages: Bt }), hr = ({
     )
   ] });
 };
-let Ge = !1;
-const pr = ({ element: e = "div", id: t = "more-menu", options: n, className: r = "" }) => {
-  const i = A(), c = se(null), [d, o] = L(!1), a = (u) => {
+let Ve = !1;
+const gr = ({ element: e = "div", id: t = "more-menu", options: n, className: r = "" }) => {
+  const i = N(), c = ne(null), [d, o] = F(!1), a = (u) => {
     c.current && u.target instanceof HTMLElement && !c.current.contains(u.target) && o(!1);
   };
-  return Z(() => (document.addEventListener("click", a, !0), () => {
+  return X(() => (document.addEventListener("click", a, !0), () => {
     document.removeEventListener("click", a, !0);
-  })), N.createElement(e, {
+  })), D.createElement(e, {
     ref: c,
     className: S("more-menu text-medium", r),
     children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
       /* @__PURE__ */ s.jsx(
-        X,
+        J,
         {
           variant: "tertiary",
           size: "medium",
@@ -2248,16 +2343,16 @@ const pr = ({ element: e = "div", id: t = "more-menu", options: n, className: r
             o(!1), typeof l == "function" && l(g);
           },
           onFocus: () => {
-            Ge && (clearTimeout(Ge), Ge = !1);
+            Ve && (clearTimeout(Ve), Ve = !1);
           },
           onBlur: () => {
-            Ge = setTimeout(() => {
+            Ve = setTimeout(() => {
               o(!1);
             }, 100);
           }
         };
         return u && (j.href = u), /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
-          X,
+          J,
           {
             variant: "tertiary",
             size: "medium",
@@ -2270,32 +2365,37 @@ const pr = ({ element: e = "div", id: t = "more-menu", options: n, className: r
     ] })
   });
 };
-const Cn = ({ variant: e = "default", version: t = "default", className: n = "", ...r }) => /* @__PURE__ */ s.jsx("p", { className: "logo-wrapper", children: /* @__PURE__ */ s.jsx("a", { href: "/home/", className: S("logo", e, t, n), ...r, children: /* @__PURE__ */ s.jsx(de, { children: /* @__PURE__ */ s.jsx(Ee, { id: "apolitical" }) }) }) });
-const gr = {
+const $n = ({ variant: e = "default", version: t = "default", className: n = "", ...r }) => /* @__PURE__ */ s.jsx("p", { className: "logo-wrapper", children: /* @__PURE__ */ s.jsx("a", { href: "/home/", className: S("logo", e, t, n), ...r, children: /* @__PURE__ */ s.jsx(le, { children: /* @__PURE__ */ s.jsx(ye, { id: "apolitical" }) }) }) });
+const _r = {
   "2-1": 901
-}, Eo = ({ layout: e = "2-1", hideOnMobile: t = !1, className: n = "", children: r }) => {
-  const i = at(!0);
+}, So = ({
+  layout: e = "2-1",
+  hideOnMobile: t = !1,
+  className: n = "",
+  children: r
+}) => {
+  const i = rt(!0);
   let c = r;
-  return N.Children.count(r) === 1 && (c = N.Children.toArray(r)[0], c.props && (c = c.props.children)), /* @__PURE__ */ s.jsx("section", { className: S("columns", `layout-${e}`, n), children: N.Children.map(c, (d, o) => t !== !1 && o === t && i && i < gr[e] ? null : d) });
+  return D.Children.count(r) === 1 && (c = D.Children.toArray(r)[0], c.props && (c = c.props.children)), /* @__PURE__ */ s.jsx("section", { className: S("columns", `layout-${e}`, n), children: D.Children.map(c, (d, o) => t !== !1 && o === t && i && i < _r[e] ? null : d) });
 };
-const yt = "cookieBanner_", Et = ["apol-cookie-banner", "apolitical-performance-cookie-consent", "functional-cookie-consent"], St = new Date(Date.now() + 12 * 30 * 24 * 60 * 60 * 1e3), _r = () => {
-  const e = A(), [t, n, r] = fs(Et), [i, c] = L(!t["apol-cookie-banner"]), d = () => {
-    Et.forEach((l) => {
+const kt = "cookieBanner_", jt = ["apol-cookie-banner", "apolitical-performance-cookie-consent", "functional-cookie-consent"], yt = new Date(Date.now() + 12 * 30 * 24 * 60 * 60 * 1e3), xr = () => {
+  const e = N(), [t, n, r] = fs(jt), [i, c] = F(!t["apol-cookie-banner"]), d = () => {
+    jt.forEach((l) => {
       n(l, !0, {
         path: "/",
-        expires: St,
+        expires: yt,
         domain: l === "apolitical-performance-cookie-consent" ? ".apolitical.co" : void 0
       });
     }), c(!1), window.location.reload();
   }, o = () => {
     n("apol-cookie-banner", !0, {
       path: "/",
-      expires: St
-    }), Et.forEach((l) => {
+      expires: yt
+    }), jt.forEach((l) => {
       if (l === "apol-cookie-banner") {
         n(l, !0, {
           path: "/",
-          expires: St
+          expires: yt
         });
         return;
       }
@@ -2317,14 +2417,14 @@ const yt = "cookieBanner_", Et = ["apol-cookie-banner", "apolitical-performance-
       className: "gtm-trackable",
       "data-gtm-event-context": "cookie-banner",
       "data-gtm-event-type": `cookie-${l.gtmType}-click`,
-      children: e.formatMessage({ id: `${yt}buttons_${l.id}` })
+      children: e.formatMessage({ id: `${kt}buttons_${l.id}` })
     });
   }), /* @__PURE__ */ s.jsxs("aside", { id: "cookie-banner", className: "text-medium", children: [
-    /* @__PURE__ */ s.jsx("h6", { children: e.formatMessage({ id: `${yt}title` }) }),
-    /* @__PURE__ */ s.jsx("p", { children: e.formatMessage({ id: `${yt}text` }) }),
-    /* @__PURE__ */ s.jsx(it, { buttons: u })
+    /* @__PURE__ */ s.jsx("h6", { children: e.formatMessage({ id: `${kt}title` }) }),
+    /* @__PURE__ */ s.jsx("p", { children: e.formatMessage({ id: `${kt}text` }) }),
+    /* @__PURE__ */ s.jsx(ot, { buttons: u })
   ] });
-}, ke = {
+}, we = {
   platform: {
     order: ["events", "courses", "qanda", "articles"],
     // An array guarantees the right order
@@ -2389,11 +2489,11 @@ const yt = "cookieBanner_", Et = ["apol-cookie-banner", "apolitical-performance-
     text: {
       order: ["dataProtection", "euDataProtection"],
       dataProtection: {
-        email: Be["data-protection"].default,
+        email: Oe["data-protection"].default,
         gtmType: "email-dpo-link"
       },
       euDataProtection: {
-        email: Be["data-protection"].eu,
+        email: Oe["data-protection"].eu,
         gtmType: "email-eu-dpo-link"
       }
     }
@@ -2405,10 +2505,10 @@ const yt = "cookieBanner_", Et = ["apol-cookie-banner", "apolitical-performance-
       registered: { address: !0 },
       berlin: { address: !0 },
       support: {
-        email: Be.support,
+        email: Oe.support,
         gtmType: "concierge-email-click"
       },
-      business: { email: Be.general, gtmType: "hello-email-click" }
+      business: { email: Oe.general, gtmType: "hello-email-click" }
     }
   },
   social: {
@@ -2418,37 +2518,37 @@ const yt = "cookieBanner_", Et = ["apol-cookie-banner", "apolitical-performance-
     facebook: { href: "https://www.facebook.com/apoliticalco" }
   }
 };
-const De = "footer_", qe = "SiteFooter", un = ({ group: e }) => {
-  const t = ke[e].order || [];
+const Me = "footer_", Ze = "SiteFooter", cn = ({ group: e }) => {
+  const t = we[e].order || [];
   let n = !1;
-  return "text" in ke[e] && (n = ke[e].text), /* @__PURE__ */ s.jsxs(Nt, { children: [
-    /* @__PURE__ */ s.jsx("p", { className: "pre-title", children: /* @__PURE__ */ s.jsx(Ee, { id: `${De}${e}` }) }),
+  return "text" in we[e] && (n = we[e].text), /* @__PURE__ */ s.jsxs(Ct, { children: [
+    /* @__PURE__ */ s.jsx("p", { className: "pre-title", children: /* @__PURE__ */ s.jsx(ye, { id: `${Me}${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: i, gtmType: c } = ke[e][r], d = {};
+      const { href: i, gtmType: c } = we[e][r], d = {};
       return ["legal"].includes(e) && (d.target = "_blank", d.rel = "noopener"), /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
         "a",
         {
           href: i,
           className: "gtm-trackable",
-          "data-gtm-event-context": qe,
+          "data-gtm-event-context": Ze,
           "data-gtm-event-type": c,
           ...d,
-          children: /* @__PURE__ */ s.jsx(Ee, { id: `${De}${e}_${r}` })
+          children: /* @__PURE__ */ s.jsx(ye, { id: `${Me}${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(Nt, { children: [
-      /* @__PURE__ */ s.jsx("dt", { children: /* @__PURE__ */ s.jsx(Ee, { id: `${De}${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(Ct, { children: [
+      /* @__PURE__ */ s.jsx("dt", { children: /* @__PURE__ */ s.jsx(ye, { id: `${Me}${e}_${r}` }) }),
       /* @__PURE__ */ s.jsxs("dd", { children: [
-        typeof n != "boolean" && n[r].address && /* @__PURE__ */ s.jsx("address", { children: /* @__PURE__ */ s.jsx(Ee, { id: `${De}${e}_${r}_address`, values: { br: /* @__PURE__ */ s.jsx("br", {}) } }) }),
+        typeof n != "boolean" && n[r].address && /* @__PURE__ */ s.jsx("address", { children: /* @__PURE__ */ s.jsx(ye, { id: `${Me}${e}_${r}_address`, values: { br: /* @__PURE__ */ s.jsx("br", {}) } }) }),
         typeof n != "boolean" && n[r].email && /* @__PURE__ */ s.jsx(
           "a",
           {
             href: `mailto:${n[r].email}`,
             className: "gtm-trackable",
-            "data-gtm-event-context": qe,
+            "data-gtm-event-context": Ze,
             "data-gtm-event-type": n[r].gtmType,
             children: n[r].email
           }
@@ -2456,26 +2556,26 @@ const De = "footer_", qe = "SiteFooter", un = ({ group: e }) => {
       ] })
     ] }, `dl-${e}-${r}`)) })
   ] }, e);
-}, Dn = () => /* @__PURE__ */ s.jsx("div", { id: "footer", children: /* @__PURE__ */ s.jsxs("div", { className: "wrapper", children: [
-  /* @__PURE__ */ s.jsx(xn, { element: "hr" }),
+}, Mn = () => /* @__PURE__ */ s.jsx("div", { id: "footer", children: /* @__PURE__ */ s.jsxs("div", { className: "wrapper", children: [
+  /* @__PURE__ */ s.jsx(gn, { element: "hr" }),
   /* @__PURE__ */ s.jsx(
-    Cn,
+    $n,
     {
       variant: "inverted",
       version: "full",
       className: "gtm-trackable",
-      "data-gtm-event-context": qe,
+      "data-gtm-event-context": Ze,
       "data-gtm-event-type": "logo-homepage-link"
     }
   ),
   /* @__PURE__ */ s.jsx("footer", { children: ["platform", "community", "company", "contact"].map((e) => /* @__PURE__ */ s.jsxs("div", { className: "group", children: [
-    /* @__PURE__ */ s.jsx(un, { group: e }),
-    Object.keys(ke[e]).includes("child") && /* @__PURE__ */ s.jsx(un, { group: ke[e].child })
+    /* @__PURE__ */ s.jsx(cn, { group: e }),
+    Object.keys(we[e]).includes("child") && /* @__PURE__ */ s.jsx(cn, { group: we[e].child })
   ] }, e)) }),
   /* @__PURE__ */ s.jsx("hr", {}),
   /* @__PURE__ */ s.jsxs("div", { className: "sub-footer", children: [
-    /* @__PURE__ */ s.jsx("ul", { children: Array.isArray(ke.social.order) && ke.social.order.map((e) => {
-      const t = ke.social[e];
+    /* @__PURE__ */ s.jsx("ul", { children: Array.isArray(we.social.order) && we.social.order.map((e) => {
+      const t = we.social[e];
       return /* @__PURE__ */ s.jsx("li", { className: e, children: /* @__PURE__ */ s.jsx(
         "a",
         {
@@ -2483,22 +2583,22 @@ const De = "footer_", qe = "SiteFooter", un = ({ group: e }) => {
           target: "_blank",
           rel: "noopener noreferrer",
           className: "gtm-trackable",
-          "data-gtm-event-context": qe,
+          "data-gtm-event-context": Ze,
           "data-gtm-event-type": "social-click",
-          children: /* @__PURE__ */ s.jsx("span", { className: "hidden", children: /* @__PURE__ */ s.jsx(Ee, { id: `${De}social_${e}` }) })
+          children: /* @__PURE__ */ s.jsx("span", { className: "hidden", children: /* @__PURE__ */ s.jsx(ye, { id: `${Me}social_${e}` }) })
         }
       ) }, e);
     }) }),
-    /* @__PURE__ */ s.jsx("small", { children: /* @__PURE__ */ s.jsx(Ee, { id: `${De}copyright`, values: { currentYear: (/* @__PURE__ */ new Date()).getFullYear() } }) })
+    /* @__PURE__ */ s.jsx("small", { children: /* @__PURE__ */ s.jsx(ye, { id: `${Me}copyright`, values: { currentYear: (/* @__PURE__ */ new Date()).getFullYear() } }) })
   ] })
 ] }) });
-const Je = "emailHelperTextBox_", So = ({ type: e, email: t, redirectPath: n, resendVerificationCode: r }) => {
-  const i = A(), [c, d] = L({ path: `${Je}default`, type: "default", link: {}, mail: {}, error: "" }), [o, a] = L(!1), u = je(
+const Ye = "emailHelperTextBox_", To = ({ type: e, email: t, redirectPath: n, resendVerificationCode: r }) => {
+  const i = N(), [c, d] = F({ path: `${Ye}default`, type: "default", link: {}, mail: {}, error: "" }), [o, a] = F(!1), u = ke(
     (p) => {
       p.preventDefault(), p.stopPropagation();
       const _ = (j) => {
         d({
-          path: `${Je}error_verificationFailedToSend`,
+          path: `${Ye}error_verificationFailedToSend`,
           type: "error",
           link: {
             "data-gtm-event-context": "VerifyEmailBox",
@@ -2518,7 +2618,7 @@ const Je = "emailHelperTextBox_", So = ({ type: e, email: t, redirectPath: n, re
         });
       };
       if (typeof r != "function") {
-        _(i.formatMessage({ id: `${Je}error_noFunction` }));
+        _(i.formatMessage({ id: `${Ye}error_noFunction` }));
         return;
       }
       a(!0), r(t).then(() => {
@@ -2532,9 +2632,9 @@ const Je = "emailHelperTextBox_", So = ({ type: e, email: t, redirectPath: n, re
     /* eslint-disable react-hooks/exhaustive-deps */
     [t, n, r]
   );
-  Z(
+  X(
     () => {
-      let p = Je, _ = "default", j = {}, g = {};
+      let p = Ye, _ = "default", j = {}, g = {};
       switch (e) {
         case "gov":
           p += "autoApproved", _ = "success";
@@ -2593,8 +2693,8 @@ const Je = "emailHelperTextBox_", So = ({ type: e, email: t, redirectPath: n, re
   return ["link", "mail"].forEach((p) => {
     l[p] = Object.keys(c[p]).length ? (_) => /* @__PURE__ */ s.jsx("a", { ...c[p], children: _ }) : (_) => _;
   }), /* @__PURE__ */ s.jsx(Ws, { type: c.type, heading: o ? !1 : i.formatMessage({ id: `${c.path}_title` }), children: o ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsx(ye, { element: "span" }),
-    /* @__PURE__ */ s.jsx(ye, { element: "span" })
+    /* @__PURE__ */ s.jsx(je, { element: "span" }),
+    /* @__PURE__ */ s.jsx(je, { element: "span" })
   ] }) : (
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
@@ -2614,29 +2714,29 @@ const Je = "emailHelperTextBox_", So = ({ type: e, email: t, redirectPath: n, re
     )
   ) });
 };
-const Xe = "passwordRules_", Nn = "isMoreThanEightCharacters", An = "includesNumberAndSymbol", Pn = "includesLowerAndUppercase", xr = {
-  [Nn]: "8Characters",
+const Ge = "passwordRules_", Cn = "isMoreThanEightCharacters", An = "includesNumberAndSymbol", Dn = "includesLowerAndUppercase", br = {
+  [Cn]: "8Characters",
   [An]: "numberSymbol",
-  [Pn]: "lowercaseUppercase"
-}, br = ({ matchingRules: e = { isMoreThanEightCharacters: !1, includesNumberAndSymbol: !1, includesLowerAndUppercase: !1 }, className: t = "" }) => {
-  const n = A();
+  [Dn]: "lowercaseUppercase"
+}, vr = ({ matchingRules: e = { isMoreThanEightCharacters: !1, includesNumberAndSymbol: !1, includesLowerAndUppercase: !1 }, className: t = "" }) => {
+  const n = N();
   return /* @__PURE__ */ s.jsxs("aside", { className: S("password-rules", t), children: [
-    /* @__PURE__ */ s.jsx("small", { children: n.formatMessage({ id: `${Xe}intro` }) }),
-    /* @__PURE__ */ s.jsx("ul", { children: [Nn, An, Pn].map((r) => /* @__PURE__ */ s.jsxs("li", { className: S({ matches: e[r] }), children: [
-      /* @__PURE__ */ s.jsxs(de, { children: [
-        n.formatMessage({ id: `${Xe}rule_label` }),
+    /* @__PURE__ */ s.jsx("small", { children: n.formatMessage({ id: `${Ge}intro` }) }),
+    /* @__PURE__ */ s.jsx("ul", { children: [Cn, An, Dn].map((r) => /* @__PURE__ */ s.jsxs("li", { className: S({ matches: e[r] }), children: [
+      /* @__PURE__ */ s.jsxs(le, { children: [
+        n.formatMessage({ id: `${Ge}rule_label` }),
         " "
       ] }),
-      /* @__PURE__ */ s.jsx("span", { children: n.formatMessage({ id: `${Xe}rule_${xr[r]}` }) }),
-      !e[r] && /* @__PURE__ */ s.jsxs(de, { element: "strong", children: [
+      /* @__PURE__ */ s.jsx("span", { children: n.formatMessage({ id: `${Ge}rule_${br[r]}` }) }),
+      !e[r] && /* @__PURE__ */ s.jsxs(le, { element: "strong", children: [
         " ",
         " ",
-        n.formatMessage({ id: `${Xe}notMet` })
+        n.formatMessage({ id: `${Ge}notMet` })
       ] })
     ] }, `rule-${r}`)) })
   ] });
-}, To = Pe(br);
-const $o = ({
+}, $o = De(vr);
+const Mo = ({
   text: e = {},
   topRating: t = 5,
   functions: { createRating: n = () => null, updateRating: r = () => {
@@ -2645,7 +2745,7 @@ const $o = ({
   className: c = "",
   hasLoaded: d = !1
 }) => {
-  const o = A(), [a, u] = L({ setUp: !1, id: null, rating: null, disabled: !0 }), l = async () => {
+  const o = N(), [a, u] = F({ setUp: !1, id: null, rating: null, disabled: !0 }), l = async () => {
     try {
       const E = await n();
       u((k) => ({ ...k, setUp: !0, id: E && E.id, disabled: !1 }));
@@ -2653,10 +2753,10 @@ const $o = ({
       u((k) => ({ ...k, setUp: !0, disabled: !0 })), i(E);
     }
   };
-  if (Z(() => {
+  if (X(() => {
     d && !a.setUp && l();
   }, [d]), !d)
-    return /* @__PURE__ */ s.jsx(ye, { className: "rating-placeholder" });
+    return /* @__PURE__ */ s.jsx(je, { className: "rating-placeholder" });
   const { id: f, rating: h, disabled: p } = a, _ = "ratings_", j = {
     text: o.formatMessage({ id: `${_}text` }),
     low: o.formatMessage({ id: `${_}low` }),
@@ -2678,7 +2778,7 @@ const $o = ({
     /* @__PURE__ */ s.jsx("ol", { children: Array.from(new Array(t).keys()).map((E) => {
       const k = E + 1;
       return /* @__PURE__ */ s.jsx("li", { className: S({ selected: h && k <= h }), children: /* @__PURE__ */ s.jsx(
-        X,
+        J,
         {
           variant: "tertiary",
           size: "small",
@@ -2696,7 +2796,7 @@ const $o = ({
     }) })
   ] });
 };
-const vr = ({
+const wr = ({
   id: e = "search",
   className: t = "",
   handleToggle: n = !1,
@@ -2704,8 +2804,8 @@ const vr = ({
   gtmContext: i = "search-bar",
   gtmEvent: c = "form-submission"
 }) => {
-  const { searchIsOpen: d = !0, isDesktopVersion: o = !1 } = n || {}, a = A(), u = se(null);
-  Ne(() => {
+  const { searchIsOpen: d = !0, isDesktopVersion: o = !1 } = n || {}, a = N(), u = ne(null);
+  Ce(() => {
     !n || o || !d || u.current && u.current.focus();
   }, [d]);
   const l = (f) => {
@@ -2719,7 +2819,7 @@ const vr = ({
       "data-gtm-event-context": i,
       "data-gtm-event-type": c,
       children: /* @__PURE__ */ s.jsx("fieldset", { id: `${e}-form`, hidden: n ? !d : !1, role: "search", children: /* @__PURE__ */ s.jsxs("p", { children: [
-        /* @__PURE__ */ s.jsx(de, { element: "label", htmlFor: e, children: a.formatMessage({ id: "search_label" }) }),
+        /* @__PURE__ */ s.jsx(le, { element: "label", htmlFor: e, children: a.formatMessage({ id: "search_label" }) }),
         /* @__PURE__ */ s.jsx(
           "input",
           {
@@ -2741,15 +2841,15 @@ const vr = ({
             onClick: (f) => {
               f.preventDefault(), f.stopPropagation(), u.current && u.current.value && (u.current.value = "");
             },
-            children: /* @__PURE__ */ s.jsx(de, { children: a.formatMessage({ id: "search_clear" }) })
+            children: /* @__PURE__ */ s.jsx(le, { children: a.formatMessage({ id: "search_clear" }) })
           }
         ),
-        /* @__PURE__ */ s.jsx("button", { className: "search", onClick: l, children: /* @__PURE__ */ s.jsx(de, { children: a.formatMessage({ id: "search_cta" }) }) })
+        /* @__PURE__ */ s.jsx("button", { className: "search", onClick: l, children: /* @__PURE__ */ s.jsx(le, { children: a.formatMessage({ id: "search_cta" }) }) })
       ] }) })
     }
   );
 };
-const wr = ({
+const kr = ({
   title: e,
   label: t,
   ctaMessage: n,
@@ -2762,7 +2862,7 @@ const wr = ({
   initialFormStatus: u = "NOT_SUBMITTED"
   /* NOT_SUBMITTED */
 }) => {
-  const [l, f] = L([]), [h, p] = L(!0), [_, j] = L(u), { formatMessage: g } = A(), E = async (M) => {
+  const [l, f] = F([]), [h, p] = F(!0), [_, j] = F(u), { formatMessage: g } = N(), E = async (M) => {
     M.preventDefault();
     try {
       await a(l), f([]), j(
@@ -2793,9 +2893,9 @@ const wr = ({
     ] }) }),
     /* @__PURE__ */ s.jsx(Ae, {}),
     /* @__PURE__ */ s.jsx("div", { className: "footer", children: _ === "SUCCESS" ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-      /* @__PURE__ */ s.jsx(X, { variant: "secondary", onClick: k, children: g({ id: "inviteForm_ctaSendMoreInvites" }) }),
-      /* @__PURE__ */ s.jsx(X, { onClick: T, children: g({ id: "inviteForm_ctaDone" }) })
-    ] }) : /* @__PURE__ */ s.jsx(X, { onClick: k, children: g({ id: "inviteForm_ctaTryAgain" }) }) })
+      /* @__PURE__ */ s.jsx(J, { variant: "secondary", onClick: k, children: g({ id: "inviteForm_ctaSendMoreInvites" }) }),
+      /* @__PURE__ */ s.jsx(J, { onClick: T, children: g({ id: "inviteForm_ctaDone" }) })
+    ] }) : /* @__PURE__ */ s.jsx(J, { onClick: k, children: g({ id: "inviteForm_ctaTryAgain" }) }) })
   ] }) : /* @__PURE__ */ s.jsx("div", { className: "invite-form-wrapper", children: /* @__PURE__ */ s.jsxs(
     "form",
     {
@@ -2817,16 +2917,16 @@ const wr = ({
                 f(M), p(!M.length);
               },
               autoFocus: !1,
-              getLabel: (M, C, H) => /* @__PURE__ */ s.jsxs("div", { className: "email text-medium", children: [
+              getLabel: (M, C, I) => /* @__PURE__ */ s.jsxs("div", { className: "email text-medium", children: [
                 /* @__PURE__ */ s.jsx("div", { "data-tag-item": !0, children: M }),
                 /* @__PURE__ */ s.jsx(
-                  X,
+                  J,
                   {
                     variant: "tertiary",
                     size: "small",
                     icon: { icon: "close" },
                     onClick: () => {
-                      H(C), p(!l.length);
+                      I(C), p(!l.length);
                     },
                     className: "remove-email-button",
                     screenreaderText: g({ id: "overlay_close" })
@@ -2837,11 +2937,11 @@ const wr = ({
           )
         ] }),
         /* @__PURE__ */ s.jsx(Ae, {}),
-        /* @__PURE__ */ s.jsx("fieldset", { className: "footer", children: /* @__PURE__ */ s.jsx(X, { className: "sendEmailsButton", disabled: h, children: n }) })
+        /* @__PURE__ */ s.jsx("fieldset", { className: "footer", children: /* @__PURE__ */ s.jsx(J, { className: "sendEmailsButton", disabled: h, children: n }) })
       ]
     }
   ) });
-}, Q = {
+}, H = {
   timeouts: {},
   handlerCalled: {},
   getIsDesktopVersion: (e, t) => {
@@ -2864,9 +2964,9 @@ const wr = ({
     if (n[e] === t || e === "account" && t === !1 && n.navigation === !0)
       return;
     const i = Date.now();
-    if (!t && Q.handlerCalled[e] && i - Q.handlerCalled[e] < 500)
+    if (!t && H.handlerCalled[e] && i - H.handlerCalled[e] < 500)
       return;
-    Q.handlerCalled[e] = i;
+    H.handlerCalled[e] = i;
     let c = [{ type: `menus.${e}`, value: t }];
     t === !0 && Object.keys(n).forEach((d) => {
       d === e || n[d] === !1 || c.push({ type: `menus.${d}`, value: !1 });
@@ -2887,11 +2987,11 @@ const wr = ({
         return e[r];
       if (!t.includes("."))
         continue;
-      const i = gn(e[r], t);
+      const i = hn(e[r], t);
       if (!(typeof i > "u") && (!n || i[t] && i[t].includes(n) || i.value && i.value.includes(n) || i.toString().includes(n)))
         return e[r];
     }
-    return e[0].children ? Q.findFirstChild(e[0].children, t, n) : !1;
+    return e[0].children ? H.findFirstChild(e[0].children, t, n) : !1;
   },
   autoFocus: ({ menu: e, navigationRef: t, isDesktopVersion: n, focusElements: r, dispatch: i }) => {
     if (!t.current || !t.current.children)
@@ -2905,20 +3005,20 @@ const wr = ({
     switch (e) {
       case "navigation":
         if (n) {
-          const a = Q.findFirstChild(
+          const a = H.findFirstChild(
             t.current.children,
             "attributes.aria-controls",
             "navigation"
           );
-          d = Q.findFirstChild(a.children, "href");
+          d = H.findFirstChild(a.children, "href");
         } else
-          d = Q.findFirstChild(t.current.children, "href");
+          d = H.findFirstChild(t.current.children, "href");
         d || (d = t.current);
         break;
       case "account":
-        if (o = Q.findFirstChild(t.current.children, "className", "account"), !o || !o.children)
+        if (o = H.findFirstChild(t.current.children, "className", "account"), !o || !o.children)
           return;
-        d = Q.findFirstChild(o.children, "href");
+        d = H.findFirstChild(o.children, "href");
         break;
       default:
         return;
@@ -2927,21 +3027,21 @@ 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(Q.timeouts[t]), n(t, !r));
+      e.target && e.target.attributes && e.target.attributes.href || (e.preventDefault(), e.stopPropagation(), clearTimeout(H.timeouts[t]), n(t, !r));
     },
     onFocus: ({ id: e }) => {
-      clearTimeout(Q.timeouts[e]);
+      clearTimeout(H.timeouts[e]);
     },
     onMouseEnter: ({ id: e, callback: t }) => {
-      clearTimeout(Q.timeouts[e]), t(e, !0);
+      clearTimeout(H.timeouts[e]), t(e, !0);
     },
     onBlur: ({ id: e, callback: t }) => {
-      Q.timeouts[e] = setTimeout(() => {
+      H.timeouts[e] = setTimeout(() => {
         t(e, !1);
       }, 250);
     }
   }
-}, et = {
+}, Ke = {
   order: ["home", "topics", "partners", "account"],
   home: {
     href: "/home/",
@@ -3017,7 +3117,7 @@ const wr = ({
       props: { variant: "primary" }
     }
   }
-}, tt = ({
+}, qe = ({
   id: e,
   isLoggedIn: t = !1,
   isDesktopVersion: n = !1,
@@ -3026,7 +3126,7 @@ const wr = ({
   },
   doTrack: c = null
 }) => {
-  const d = A(), o = gn(et, e);
+  const d = N(), o = hn(Ke, e);
   if (!o || o.onlyShow && (o.onlyShow === "logged-in" && !t || o.onlyShow === "logged-out" && t))
     return null;
   const a = "doTrack" in o, u = c === null ? a ? o.doTrack : !0 : c, l = e.includes("buttons.");
@@ -3058,16 +3158,16 @@ const wr = ({
   let g = {}, E = {};
   if (p) {
     const k = o.menuId || e, T = {
-      onClick: (M) => Q.events.onClick(M, { id: k, callback: i, isOpen: r[k] }),
-      onFocus: () => Q.events.onFocus({ id: k }),
-      onBlur: () => Q.events.onBlur({ id: k, callback: i }),
-      onMouseLeave: () => Q.events.onBlur({ id: k, callback: i }),
-      onMouseEnter: () => Q.events.onMouseEnter({ id: k, callback: i })
+      onClick: (M) => H.events.onClick(M, { id: k, callback: i, isOpen: r[k] }),
+      onFocus: () => H.events.onFocus({ id: k }),
+      onBlur: () => H.events.onBlur({ id: k, callback: i }),
+      onMouseLeave: () => H.events.onBlur({ id: k, callback: i }),
+      onMouseEnter: () => H.events.onMouseEnter({ id: k, callback: i })
     };
     n && (_ && (g = {
       ...T,
       onKeyPress: (M) => {
-        M.key === "Enter" && Q.events.onClick(M, { id: k, callback: i, isOpen: r[k] });
+        M.key === "Enter" && H.events.onClick(M, { id: k, callback: i, isOpen: r[k] });
       },
       tabIndex: "0",
       // Add a `tabIndex` so keyboard users can focus on the `li`
@@ -3080,7 +3180,7 @@ const wr = ({
     });
   }
   return /* @__PURE__ */ s.jsxs("li", { className: S({ [o.className]: o.className, "has-submenu": p, parent: _, active: j }), role: "none", ...g, children: [
-    h ? N.createElement(l ? X : "a", h, d.formatMessage({ id: f })) : d.formatMessage({ id: f }),
+    h ? D.createElement(l ? J : "a", h, d.formatMessage({ id: f })) : d.formatMessage({ id: f }),
     o.order && /* @__PURE__ */ s.jsx("ul", { ...E, children: o.order.map((k) => {
       if (!o[k])
         return null;
@@ -3093,14 +3193,14 @@ const wr = ({
       };
       return o[k].order ? /* @__PURE__ */ s.jsxs("li", { className: S({ [o[k].className]: o[k].className }), children: [
         d.formatMessage({ id: `${f}_${k}` }),
-        /* @__PURE__ */ s.jsx("ul", { children: o[k].order.map((M) => /* @__PURE__ */ s.jsx(tt, { id: `${e}.${k}.${M}`, ...T }, M)) })
-      ] }, k) : /* @__PURE__ */ s.jsx(tt, { id: `${e}.${k}`, ...T }, k);
+        /* @__PURE__ */ s.jsx("ul", { children: o[k].order.map((M) => /* @__PURE__ */ s.jsx(qe, { id: `${e}.${k}.${M}`, ...T }, M)) })
+      ] }, k) : /* @__PURE__ */ s.jsx(qe, { id: `${e}.${k}`, ...T }, k);
     }) })
   ] }, e);
 };
-const kr = { height: 67, height_desktop: 83 }, Rn = () => {
-  const e = A(), t = be(Te), n = at(!0, !0), r = t && typeof t.id == "string", i = nt(
-    () => Q.getIsDesktopVersion(r, n),
+const jr = { height: 67, height_desktop: 83 }, Nn = () => {
+  const e = N(), t = ge(Se), n = rt(!0, !0), r = t && typeof t.id == "string", i = et(
+    () => H.getIsDesktopVersion(r, n),
     [r, n]
   ), [c, d] = rs($s, {
     headerIsVisible: !0,
@@ -3111,29 +3211,29 @@ const kr = { height: 67, height_desktop: 83 }, Rn = () => {
     }
   }), { headerIsVisible: o, menus: a, focusElements: u } = c;
   Ts({
-    scrollPosition: kr[`height${i.navigation ? "_desktop" : ""}`],
+    scrollPosition: jr[`height${i.navigation ? "_desktop" : ""}`],
     callbacks: {
       scrollUp: () => {
-        !i && a.navigation || Q.shouldChangeHeaderIsVisible(!0, a, d);
+        !i && a.navigation || H.shouldChangeHeaderIsVisible(!0, a, d);
       },
       scrollDown: () => {
-        !i && a.navigation || Q.shouldChangeHeaderIsVisible(!1, a, d);
+        !i && a.navigation || H.shouldChangeHeaderIsVisible(!1, a, d);
       }
     }
   });
   const l = (h, p) => {
-    Q.handleMenus({ id: h, value: p, menus: a, dispatch: d });
-  }, f = se(null);
-  return Ne(() => {
-    a.navigation && Q.autoFocus({
+    H.handleMenus({ id: h, value: p, menus: a, dispatch: d });
+  }, f = ne(null);
+  return Ce(() => {
+    a.navigation && H.autoFocus({
       menu: "navigation",
       navigationRef: f,
       isDesktopVersion: i.navigation,
       focusElements: u,
       dispatch: d
     });
-  }, [a.navigation]), Ne(() => {
-    a.account && Q.autoFocus({
+  }, [a.navigation]), Ce(() => {
+    a.account && H.autoFocus({
       menu: "account",
       navigationRef: f,
       isDesktopVersion: i.navigation,
@@ -3141,116 +3241,160 @@ const kr = { height: 67, height_desktop: 83 }, Rn = () => {
       dispatch: d
     });
   }, [a.account]), t && t.isLoading ? null : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsxs("nav", { id: "header", className: S({ "logged-in": r, "logged-out": !r, visible: o }), children: [
-      /* @__PURE__ */ s.jsx(de, { element: "a", href: "#content-of-page", children: e.formatMessage({ id: "header_skip" }) }),
-      /* @__PURE__ */ s.jsx(Cn, {}),
-      !i.navigation && /* @__PURE__ */ s.jsx(
-        "button",
-        {
-          className: "menu-button gtm-trackable",
-          onClick: (h) => {
-            h.preventDefault(), h.stopPropagation(), l("navigation", !a.navigation);
-          },
-          "data-gtm-event-type": "open-tab-menu-click",
-          "data-gtm-event-context": "HeaderLeft-Chevron",
-          "aria-haspopup": "true",
-          "aria-expanded": a.navigation,
-          "aria-controls": "navigation",
-          children: /* @__PURE__ */ s.jsx(de, { children: e.formatMessage({ id: `header_menu_${a.navigation ? "hide" : "show"}` }) })
-        }
-      ),
-      /* @__PURE__ */ s.jsx(
-        "ul",
-        {
-          ref: f,
-          id: "navigation",
-          hidden: i.navigation || a.account ? !1 : !a.navigation,
-          role: "menu",
-          "data-showing": !i.navigation && a.account ? "account" : "default",
-          children: et.order.map((h) => /* @__PURE__ */ s.jsx(
-            tt,
+    /* @__PURE__ */ s.jsxs(
+      "nav",
+      {
+        id: "header",
+        className: S({
+          "logged-in": r,
+          "logged-out": !r,
+          visible: o
+        }),
+        children: [
+          /* @__PURE__ */ s.jsx(
+            le,
             {
-              id: h,
-              isLoggedIn: r,
-              isDesktopVersion: i.navigation,
-              menus: { navigation: a.navigation, account: a.account },
-              callback: l
-            },
-            h
-          ))
-        }
-      ),
-      !i.search && /* @__PURE__ */ s.jsx(
-        "button",
-        {
-          className: "search toggle-search-button",
-          onClick: (h) => {
-            h.preventDefault(), h.stopPropagation(), l("search", !a.search);
-          },
-          "aria-haspopup": "true",
-          "aria-expanded": a.search,
-          "aria-controls": "search-form",
-          children: /* @__PURE__ */ s.jsx(de, { children: e.formatMessage({ id: `header_search_${a.search ? "hide" : "show"}` }) })
-        }
-      ),
-      /* @__PURE__ */ s.jsx(
-        vr,
-        {
-          id: "global-search",
-          handleToggle: { searchIsOpen: a.search, isDesktopVersion: i.search },
-          gtmContext: "search-bar-header",
-          gtmEvent: "form-submission"
-        }
-      ),
-      r ? /* @__PURE__ */ s.jsxs(
-        "button",
-        {
-          className: "account-button",
-          onClick: (h) => Q.events.onClick(h, { id: "account", callback: l, isOpen: a.account }),
-          onMouseEnter: () => Q.events.onMouseEnter({ id: "account", callback: l }),
-          onMouseLeave: () => Q.events.onBlur({ id: "account", callback: l }),
-          "aria-haspopup": "true",
-          "aria-expanded": a.account,
-          "aria-controls": "navigation",
-          children: [
-            /* @__PURE__ */ s.jsx(de, { children: e.formatMessage({ id: `header_account_${a.account ? "hide" : "show"}` }) }),
-            /* @__PURE__ */ s.jsx(It, { name: t && t.name || "", src: t && t.image && t.image.thumbnail || "" })
-          ]
-        }
-      ) : /* @__PURE__ */ s.jsx("ul", { className: "sign-in-buttons", children: et.buttons.order.map((h) => /* @__PURE__ */ s.jsx(tt, { id: `buttons.${h}` }, h)) })
-    ] }),
+              element: "a",
+              href: "#content-of-page",
+              children: e.formatMessage({ id: "header_skip" })
+            }
+          ),
+          /* @__PURE__ */ s.jsx($n, {}),
+          !i.navigation && /* @__PURE__ */ s.jsx(
+            "button",
+            {
+              className: "menu-button gtm-trackable",
+              onClick: (h) => {
+                h.preventDefault(), h.stopPropagation(), l("navigation", !a.navigation);
+              },
+              "data-gtm-event-type": "open-tab-menu-click",
+              "data-gtm-event-context": "HeaderLeft-Chevron",
+              "aria-haspopup": "true",
+              "aria-expanded": a.navigation,
+              "aria-controls": "navigation",
+              children: /* @__PURE__ */ s.jsx(le, { children: e.formatMessage({
+                id: `header_menu_${a.navigation ? "hide" : "show"}`
+              }) })
+            }
+          ),
+          /* @__PURE__ */ s.jsx(
+            "ul",
+            {
+              ref: f,
+              id: "navigation",
+              hidden: i.navigation || a.account ? !1 : !a.navigation,
+              role: "menu",
+              "data-showing": !i.navigation && a.account ? "account" : "default",
+              children: Ke.order.map((h) => /* @__PURE__ */ s.jsx(
+                qe,
+                {
+                  id: h,
+                  isLoggedIn: r,
+                  isDesktopVersion: i.navigation,
+                  menus: { navigation: a.navigation, account: a.account },
+                  callback: l
+                },
+                h
+              ))
+            }
+          ),
+          !i.search && /* @__PURE__ */ s.jsx(
+            "button",
+            {
+              className: "search toggle-search-button",
+              onClick: (h) => {
+                h.preventDefault(), h.stopPropagation(), l("search", !a.search);
+              },
+              "aria-haspopup": "true",
+              "aria-expanded": a.search,
+              "aria-controls": "search-form",
+              children: /* @__PURE__ */ s.jsx(
+                le,
+                {
+                  children: e.formatMessage({
+                    id: `header_search_${a.search ? "hide" : "show"}`
+                  })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ s.jsx(
+            wr,
+            {
+              id: "global-search",
+              handleToggle: {
+                searchIsOpen: a.search,
+                isDesktopVersion: i.search
+              },
+              gtmContext: "search-bar-header",
+              gtmEvent: "form-submission"
+            }
+          ),
+          r ? /* @__PURE__ */ s.jsxs(
+            "button",
+            {
+              className: "account-button",
+              onClick: (h) => H.events.onClick(h, {
+                id: "account",
+                callback: l,
+                isOpen: a.account
+              }),
+              onMouseEnter: () => H.events.onMouseEnter({ id: "account", callback: l }),
+              onMouseLeave: () => H.events.onBlur({ id: "account", callback: l }),
+              "aria-haspopup": "true",
+              "aria-expanded": a.account,
+              "aria-controls": "navigation",
+              children: [
+                /* @__PURE__ */ s.jsx(le, { children: e.formatMessage({
+                  id: `header_account_${a.account ? "hide" : "show"}`
+                }) }),
+                /* @__PURE__ */ s.jsx(
+                  Ot,
+                  {
+                    name: t && t.name || "",
+                    src: t && t.image && t.image.thumbnail || ""
+                  }
+                )
+              ]
+            }
+          ) : /* @__PURE__ */ s.jsx("ul", { className: "sign-in-buttons", children: Ke.buttons.order.map((h) => /* @__PURE__ */ s.jsx(qe, { id: `buttons.${h}` }, h)) })
+        ]
+      }
+    ),
     /* @__PURE__ */ s.jsx("hr", { id: "content-of-page" }),
     /* @__PURE__ */ s.jsx(
       "div",
       {
-        className: S("overlay", { open: a.navigation || a.account || !i.search && a.search })
+        className: S("overlay", {
+          open: a.navigation || a.account || !i.search && a.search
+        })
       }
     )
   ] });
 };
-const jr = () => {
-  const e = A();
+const yr = () => {
+  const e = N();
   return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsx(Rn, {}),
-    /* @__PURE__ */ s.jsx("div", { id: "content", children: /* @__PURE__ */ s.jsx(ct, { variant: "error", text: e.formatMessage({ id: "pageLayout_error" }) }) }),
-    /* @__PURE__ */ s.jsx(Dn, {})
+    /* @__PURE__ */ s.jsx(Nn, {}),
+    /* @__PURE__ */ s.jsx("div", { id: "content", children: /* @__PURE__ */ s.jsx(it, { variant: "error", text: e.formatMessage({ id: "pageLayout_error" }) }) }),
+    /* @__PURE__ */ s.jsx(Mn, {})
   ] });
-}, Mo = ({ children: e, reportError: t, showFooter: n = !0, background: r = "default", className: i = "", locale: c = "en" }) => {
+}, Co = ({ children: e, reportError: t, showFooter: n = !0, background: r = "default", className: i = "", locale: c = "en" }) => {
   const d = Es();
-  Z(() => {
+  X(() => {
     window.scrollTo(0, 0);
   }, [d]);
-  const o = kn(e, { locale: c });
-  return /* @__PURE__ */ s.jsx(gs, { onError: t, fallback: /* @__PURE__ */ s.jsx(jr, {}), children: /* @__PURE__ */ s.jsx(os, { fallback: /* @__PURE__ */ s.jsx(sr, { layout: "overview-page" }), children: /* @__PURE__ */ s.jsx("div", { id: "wrapper", className: S(i, { [r]: r !== "default" }), children: /* @__PURE__ */ s.jsxs(hs, { children: [
-    /* @__PURE__ */ s.jsx(Rn, {}),
+  const o = vn(e, { locale: c });
+  return /* @__PURE__ */ s.jsx(gs, { onError: t, fallback: /* @__PURE__ */ s.jsx(yr, {}), children: /* @__PURE__ */ s.jsx(os, { fallback: /* @__PURE__ */ s.jsx(rr, { layout: "overview-page" }), children: /* @__PURE__ */ s.jsx("div", { id: "wrapper", className: S(i, { [r]: r !== "default" }), children: /* @__PURE__ */ s.jsxs(hs, { children: [
+    /* @__PURE__ */ s.jsx(Nn, {}),
     /* @__PURE__ */ s.jsx("div", { id: "content", children: o }),
-    n && /* @__PURE__ */ s.jsx(Dn, {}),
-    /* @__PURE__ */ s.jsx(_r, {})
+    n && /* @__PURE__ */ s.jsx(Mn, {}),
+    /* @__PURE__ */ s.jsx(xr, {})
   ] }) }) }) });
-}, mn = {
+}, dn = {
   default: "tags_",
   headerTopics: "header_topics_topics_"
-}, Tt = {
+}, Et = {
   topic: {
     Climate: "climate",
     CitiesAndLocalGovernment: "cities-and-local-government",
@@ -3266,19 +3410,19 @@ const jr = () => {
     WorkAndTheEconomy: "work-and-the-economy"
   },
   "from the community": "community"
-}, yr = {
+}, Er = {
   getTagDetails: (e) => {
     if (e.includes("topic_")) {
-      if (e = Tt.topic[e.replace("topic_", "")], e) {
-        const t = et.topics.topics[e].href;
-        return t ? { id: e, href: t, text: `${mn.headerTopics}${e}` } : null;
+      if (e = Et.topic[e.replace("topic_", "")], e) {
+        const t = Ke.topics.topics[e].href;
+        return t ? { id: e, href: t, text: `${dn.headerTopics}${e}` } : null;
       }
       return null;
     }
-    return Tt[e] ? (e = Tt[e], { id: e, text: `${mn.default}${e}` }) : null;
+    return Et[e] ? (e = Et[e], { id: e, text: `${dn.default}${e}` }) : null;
   }
 };
-const Co = ({
+const Ao = ({
   tags: e = [],
   color: t = "default",
   forceOneLine: n = !1,
@@ -3287,14 +3431,14 @@ const Co = ({
   gtmType: c = "tag-click",
   gtmContext: d = "tags"
 }) => {
-  const o = A();
+  const o = N();
   if (!e || e.length < 1)
     return null;
   const a = [];
   return e.forEach((u) => {
     if (!u)
       return;
-    const l = yr.getTagDetails(u);
+    const l = Er.getTagDetails(u);
     l && a.push(l);
   }), a.length < 1 ? null : /* @__PURE__ */ s.jsx("ul", { className: S("tags text-small", t, i, { "one-line": n }), children: a.map((u) => {
     const l = o.formatMessage({ id: u.text });
@@ -3317,18 +3461,18 @@ const Do = ({
   gtmType: i = "member-click",
   className: c = ""
 }) => {
-  const d = A();
+  const d = N();
   return t.length === 0 ? null : (e || (e = t.length), /* @__PURE__ */ s.jsxs("div", { className: S("members-list", c), children: [
     /* @__PURE__ */ s.jsxs("h1", { children: [
       d.formatMessage({ id: "membersList" }),
       /* @__PURE__ */ s.jsx("span", { className: "count", children: e })
     ] }),
     /* @__PURE__ */ s.jsx("ul", { children: t.map((o, a) => /* @__PURE__ */ s.jsxs("li", { children: [
-      /* @__PURE__ */ s.jsx(Ht, { member: o, gtmContext: r, gtmType: i }),
-      o.isAdmin && /* @__PURE__ */ s.jsx(qs, { children: d.formatMessage({ id: "membersList_admin" }) })
+      /* @__PURE__ */ s.jsx(Bt, { member: o, gtmContext: r, gtmType: i }),
+      o.isAdmin && /* @__PURE__ */ s.jsx(er, { children: d.formatMessage({ id: "membersList_admin" }) })
     ] }, a)) }),
     n && /* @__PURE__ */ s.jsx(
-      hr,
+      pr,
       {
         ...n,
         icon: { icon: "arrow-down", position: "right" },
@@ -3337,8 +3481,8 @@ const Do = ({
     )
   ] }));
 };
-let Ze = null;
-const he = "discussion_form_", Fn = ({
+let Je = null;
+const me = "discussion_form_", Pn = ({
   content: e = { type: "response", slugs: {} },
   userHasPermissions: t = !0,
   meta: n = {
@@ -3369,97 +3513,97 @@ const he = "discussion_form_", Fn = ({
   },
   gtmContext: a = "DiscussionForm"
 }) => {
-  var b, U;
-  const u = A(), l = be(Te), [f, h] = L(
+  var b, Q;
+  const u = N(), l = ge(Se), [f, h] = F(
     n.isEditing && n.isEditing.text || ""
-  ), [p, _] = L(d.error || !1), [j, g] = L(!1), E = se(null);
+  ), [p, _] = F(d.error || !1), [j, g] = F(!1), E = ne(null);
   if (r || (r = E), n.isLoading)
     return /* @__PURE__ */ s.jsx(
-      ye,
+      je,
       {
         className: "discussion-card discussion-form",
         "data-testid": "loading-placeholder"
       }
     );
-  const k = (v) => {
-    const G = v.target.value;
-    h(G);
-    let O;
-    !l || !l.id ? O = xe(
+  const k = (w) => {
+    const Y = w.target.value;
+    h(Y);
+    let L;
+    !l || !l.id ? L = pe(
       u.formatMessage,
-      `${he}error_loggedOut`,
+      `${me}error_loggedOut`,
       e.type,
       "action"
-    ) : t ? G.length >= i && (O = `${he}error_tooLong`) : O = xe(
+    ) : t ? Y.length >= i && (L = `${me}error_tooLong`) : L = pe(
       u.formatMessage,
-      `${he}error_noPermission`,
+      `${me}error_noPermission`,
       e.type,
       "action"
-    ), O ? _(O) : p && _(!1);
+    ), L ? _(L) : p && _(!1);
   };
   let T = `${e.type}-form`;
   if (e.type === "response" || e.type === "reply") {
-    const v = e.type === "response" ? ((b = e.slugs) == null ? void 0 : b.question) || "" : ((U = e.slugs) == null ? void 0 : U.answer) || "";
-    v && (T = `${T}-${v.slice(-15)}`);
+    const w = e.type === "response" ? ((b = e.slugs) == null ? void 0 : b.question) || "" : ((Q = e.slugs) == null ? void 0 : Q.answer) || "";
+    w && (T = `${T}-${w.slice(-15)}`);
   }
-  const M = async (v) => {
-    var O;
-    if (v.preventDefault(), v.stopPropagation(), !l || !l.id || !t || H)
+  const M = async (w) => {
+    var L;
+    if (w.preventDefault(), w.stopPropagation(), !l || !l.id || !t || I)
       return;
-    Ze && clearTimeout(Ze), g("submitting");
-    const G = window.location.pathname;
+    Je && clearTimeout(Je), g("submitting");
+    const Y = window.location.pathname;
     try {
-      let B;
+      let O;
       switch (e.type) {
         case "post":
-          B = await o.create({ content: f });
+          O = await o.create({ content: f });
           break;
         case "question":
-          B = await o.create({
+          O = await o.create({
             title: f,
             authorId: l && l.id,
-            ...(O = o.props) == null ? void 0 : O.create
+            ...(L = o.props) == null ? void 0 : L.create
           });
           break;
         case "response":
-          B = await o.create(
+          O = await o.create(
             { question: e.slugs.question },
-            { body: f, authorId: l && l.id, contentPath: G }
+            { body: f, authorId: l && l.id, contentPath: Y }
           );
           break;
         case "reply":
-          B = await o.create(
+          O = await o.create(
             { question: e.slugs.question, answer: e.slugs.answer },
-            { body: f, authorId: l && l.id, contentPath: G }
+            { body: f, authorId: l && l.id, contentPath: Y }
           );
           break;
         default:
           break;
       }
-      await Ds(1e3), o.callback && await o.callback(B), Ze = setTimeout(() => {
+      await As(1e3), o.callback && await o.callback(O), Je = setTimeout(() => {
         h(""), g("submitted"), C();
       }, 500);
-    } catch (B) {
-      const W = B;
-      let V = `${he}error`;
-      W.message.includes("entry already exists") && (V = xe(
+    } catch (O) {
+      const U = O;
+      let W = `${me}error`;
+      U.message.includes("entry already exists") && (W = pe(
         u.formatMessage,
-        `${he}error_alreadyExists`,
+        `${me}error_alreadyExists`,
         e.type,
         "action"
-      )), W.message.includes("429") ? V = xe(
+      )), U.message.includes("429") ? W = pe(
         u.formatMessage,
-        `${he}error_tooMany`,
+        `${me}error_tooMany`,
         e.type,
         "action"
-      ) : W.message.includes("400") && (V = `${he}error`), _(V), C();
+      ) : U.message.includes("400") && (W = `${me}error`), _(W), C();
     }
   }, C = () => {
-    Ze = setTimeout(() => {
+    Je = setTimeout(() => {
       _(!1), g(!1);
     }, 5e3);
-  }, H = !f || !Ls(f), Y = j === "submitting", x = [];
-  return (n.isEditing && !Y || d.cancel) && x.push({
+  }, I = !f || !Os(f), V = j === "submitting", x = [];
+  return (n.isEditing && !V || d.cancel) && x.push({
     variant: "secondary",
     size: { mobile: "small", 600: "medium" },
     onClick: o.handleCancel,
@@ -3467,26 +3611,26 @@ const he = "discussion_form_", Fn = ({
     "data-gtm-event-context": a,
     "data-gtm-event-type": `cancel-${e.type}-click`,
     disabled: !d.cancel && (!l || !l.id || !f),
-    children: u.formatMessage({ id: `${he}cancel` })
+    children: u.formatMessage({ id: `${me}cancel` })
   }), x.push({
     variant: "primary",
     size: { mobile: "small", 600: "medium" },
-    onClick: (v) => {
+    onClick: (w) => {
       if (n.isEditing) {
         g("submitting"), o.handleSaveEdit && o.handleSaveEdit(
           E.current && "value" in E.current ? E.current.value : ""
         );
         return;
       }
-      M(v);
+      M(w);
     },
     className: "gtm-trackable",
     "data-gtm-event-context": a,
     "data-gtm-event-type": `${n.isEditing ? "save" : "submit"}-${e.type}-click`,
     "data-testid": "save-button",
-    disabled: !l || !l.id || !t || H || Y || n.isEditing && f === n.isEditing.text,
+    disabled: !l || !l.id || !t || I || V || n.isEditing && f === n.isEditing.text,
     children: u.formatMessage({
-      id: `${he}${Y ? n.isEditing ? "saving" : "posting" : n.isEditing ? "save" : "post"}`
+      id: `${me}${V ? n.isEditing ? "saving" : "posting" : n.isEditing ? "save" : "post"}`
     })
   }), /* @__PURE__ */ s.jsxs(
     "form",
@@ -3497,25 +3641,25 @@ const he = "discussion_form_", Fn = ({
       }),
       "data-testid": `discussion-${e.type}-form`,
       children: [
-        (n == null ? void 0 : n.showTitle) && !n.isEditing && ["question"].includes(e.type) && /* @__PURE__ */ s.jsx("h2", { children: xe(u.formatMessage, `${he}title`, e.type, "action") }),
+        (n == null ? void 0 : n.showTitle) && !n.isEditing && ["question"].includes(e.type) && /* @__PURE__ */ s.jsx("h2", { children: pe(u.formatMessage, `${me}title`, e.type, "action") }),
         /* @__PURE__ */ s.jsx(
-          Ht,
+          Bt,
           {
             member: l || "community",
             gtmContext: a,
             gtmType: "profile-click"
           }
         ),
-        /* @__PURE__ */ s.jsx(de, { element: "label", showOnFocus: !1, htmlFor: `${T}-input`, children: xe(u.formatMessage, `${he}label`, e.type, "action") }),
+        /* @__PURE__ */ s.jsx(le, { element: "label", showOnFocus: !1, htmlFor: `${T}-input`, children: pe(u.formatMessage, `${me}label`, e.type, "action") }),
         /* @__PURE__ */ s.jsx(
           _s,
           {
             ref: r,
             id: `${T}-input`,
             name: e.type,
-            placeholder: xe(
+            placeholder: pe(
               u.formatMessage,
-              `${he}placeholder`,
+              `${me}placeholder`,
               e.type,
               "action"
             ),
@@ -3528,8 +3672,8 @@ const he = "discussion_form_", Fn = ({
             autoFocus: !!n.isEditing
           }
         ),
-        /* @__PURE__ */ s.jsx("small", { children: xe(u.formatMessage, `${he}explainer`, e.type, "action", {
-          a: (v) => /* @__PURE__ */ s.jsx(
+        /* @__PURE__ */ s.jsx("small", { children: pe(u.formatMessage, `${me}explainer`, e.type, "action", {
+          a: (w) => /* @__PURE__ */ s.jsx(
             "a",
             {
               href: "https://about.apolitical.co/q-and-a-community-guidelines",
@@ -3538,13 +3682,13 @@ const he = "discussion_form_", Fn = ({
               "data-gtm-event-context": a,
               "data-gtm-event-type": "community-guidelines-link",
               rel: "noreferrer",
-              children: v
+              children: w
             }
           )
         }) }),
-        /* @__PURE__ */ s.jsx(it, { buttons: x }),
-        j === "submitted" && /* @__PURE__ */ s.jsx(Ft, { className: "success", "data-testid": "success", children: xe(u.formatMessage, `${he}success`, e.type, "action") }),
-        p && /* @__PURE__ */ s.jsx(Ft, { id: "error-message", className: "error", "data-testid": "error", children: d.error ? d.error : typeof p == "string" ? p.includes(" ") ? p : u.formatMessage(
+        /* @__PURE__ */ s.jsx(ot, { buttons: x }),
+        j === "submitted" && /* @__PURE__ */ s.jsx(Pt, { className: "success", "data-testid": "success", children: pe(u.formatMessage, `${me}success`, e.type, "action") }),
+        p && /* @__PURE__ */ s.jsx(Pt, { id: "error-message", className: "error", "data-testid": "error", children: d.error ? d.error : typeof p == "string" ? p.includes(" ") ? p : u.formatMessage(
           { id: p },
           {
             action: u.formatMessage({
@@ -3556,36 +3700,36 @@ const he = "discussion_form_", Fn = ({
       ]
     }
   );
-}, Qt = ({
+}, It = ({
   contentType: e,
   createPost: t,
   membershipRequiredToPost: { isMember: n, required: r, join: i, leave: c, notMemberStateText: d }
 }) => r && !n ? /* @__PURE__ */ s.jsx(
-  ct,
+  it,
   {
     text: d,
     button: {
-      component: /* @__PURE__ */ s.jsx(Mn, { functions: { join: i, leave: c } })
+      component: /* @__PURE__ */ s.jsx(Tn, { functions: { join: i, leave: c } })
     }
   }
 ) : /* @__PURE__ */ s.jsx(
-  Fn,
+  Pn,
   {
     content: { type: e, slugs: {} },
     functions: {
       create: t
     }
   }
-), Er = {
+), Sr = {
   showThread: !1,
   showForm: !1
-}, dt = Ot(Er), Sr = ({ children: e }) => {
-  const [t, n] = L({
+}, lt = Ft(Sr), Tr = ({ children: e }) => {
+  const [t, n] = F({
     showThread: !1,
     showForm: !1
   });
-  return /* @__PURE__ */ s.jsx(dt.Provider, { value: { ...t, updateConversation: n }, children: e });
-}, Tr = ({
+  return /* @__PURE__ */ s.jsx(lt.Provider, { value: { ...t, updateConversation: n }, children: e });
+}, $r = ({
   question: e,
   answer: t,
   reply: n
@@ -3593,11 +3737,11 @@ const he = "discussion_form_", Fn = ({
   ...e && { questionSlug: e },
   ...t && { answerSlug: t },
   ...n && { replySlug: n }
-}), $r = (e, t = 10) => !e || e.length === 0 ? [] : e.slice(0, t);
-let Ie = !1;
-const $t = () => {
-  Ie !== !1 && (clearTimeout(Ie), Ie = !1);
-}, Mt = 10, Mr = ({
+}), Mr = (e, t = 10) => !e || e.length === 0 ? [] : e.slice(0, t);
+let Be = !1;
+const St = () => {
+  Be !== !1 && (clearTimeout(Be), Be = !1);
+}, Tt = 10, Cr = ({
   element: e = "div",
   likes: t = 0,
   peopleWhoLiked: n = !1,
@@ -3609,25 +3753,25 @@ const $t = () => {
   }, deleteLike: a = () => {
   } } = {}
 }) => {
-  const u = A();
-  Z(() => {
+  const u = N();
+  X(() => {
     p(i);
   }, [i]);
-  const [l, f] = L(t), [h, p] = L(i), [_, j] = L(!1), [g, E] = L(!1), k = nt(() => $r(n, Mt), [n]), T = (C) => {
-    if (C.preventDefault(), C.stopPropagation(), E(!1), Ie)
-      return $t(), !1;
-    if ($t(), _ || !d)
+  const [l, f] = F(t), [h, p] = F(i), [_, j] = F(!1), [g, E] = F(!1), k = et(() => Mr(n, Tt), [n]), T = (C) => {
+    if (C.preventDefault(), C.stopPropagation(), E(!1), Be)
+      return St(), !1;
+    if (St(), _ || !d)
       return !1;
-    Ie = setTimeout(M, 350);
+    Be = setTimeout(M, 350);
   }, M = async () => {
-    if ($t(), _ || !d)
+    if (St(), _ || !d)
       return !1;
     let C = h ? l - 1 : l + 1;
     C < 0 && (C = 0), j(!0), f(C), p(!h);
     try {
       if (c && c.slugs) {
-        const H = Tr(c.slugs);
-        h ? await a(H) : await o(H, { contentPath: window.location.pathname });
+        const I = $r(c.slugs);
+        h ? await a(I) : await o(I, { contentPath: window.location.pathname });
       }
     } catch {
       f(t), p(i);
@@ -3635,7 +3779,7 @@ const $t = () => {
       j(!1);
     }
   };
-  return N.createElement(
+  return D.createElement(
     e,
     {
       className: S("likes-wrapper text-medium action-button", { "show-spinner": _, "is-liked": h, disabled: !d }),
@@ -3654,7 +3798,7 @@ const $t = () => {
       },
       children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
         /* @__PURE__ */ s.jsx(
-          X,
+          J,
           {
             variant: "tertiary",
             size: "medium",
@@ -3672,15 +3816,15 @@ const $t = () => {
           }
         ),
         /* @__PURE__ */ s.jsx("span", { className: S("number-of-likes", { "no-likes": l === 0 }), "data-testid": "number-of-likes", children: u.formatMessage({ id: `discussion_likes${r ? "_short" : ""}` }, { number: l }) }),
-        n && /* @__PURE__ */ s.jsx(Hs, { isOpen: g, isLoading: n.length === 0, children: n.length && /* @__PURE__ */ s.jsxs("ul", { children: [
-          k.map((C) => typeof C == "string" || !C.name ? null : /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(lt, { href: C.id ? `/profiles/${C.id}` : void 0, gtmContext: "Likes", gtmType: "liked-name-click", children: C.name }) }, C.id || window.btoa(C.name))),
-          n.length > Mt && /* @__PURE__ */ s.jsx("li", { children: u.formatMessage({ id: "discussion_likes_more" }, { number: n.length - Mt }) })
+        n && /* @__PURE__ */ s.jsx(Qs, { isOpen: g, isLoading: n.length === 0, children: n.length && /* @__PURE__ */ s.jsxs("ul", { children: [
+          k.map((C) => typeof C == "string" || !C.name ? null : /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(at, { href: C.id ? `/profiles/${C.id}` : void 0, gtmContext: "Likes", gtmType: "liked-name-click", children: C.name }) }, C.id || window.btoa(C.name))),
+          n.length > Tt && /* @__PURE__ */ s.jsx("li", { children: u.formatMessage({ id: "discussion_likes_more" }, { number: n.length - Tt }) })
         ] }) })
       ] })
     }
   );
 };
-const Cr = ({ element: e = "section", children: t, className: n, ...r }) => N.createElement(
+const Ar = ({ element: e = "section", children: t, className: n, ...r }) => D.createElement(
   e,
   {
     className: S("modal", n),
@@ -3688,7 +3832,7 @@ const Cr = ({ element: e = "section", children: t, className: n, ...r }) => N.cr
     ...r
   }
 );
-const Ln = ({
+const Rn = ({
   id: e = "content-overlay",
   isOpen: t = !1,
   showDivider: n = !0,
@@ -3703,15 +3847,15 @@ const Ln = ({
   className: l = "",
   gtmContext: f = "Modal"
 }) => {
-  const h = A(), [p, _] = L(t), j = (E) => {
+  const h = N(), [p, _] = F(t), j = (E) => {
     _(E), E ? (i(), document.body.classList.add("has-overlay")) : (c(), document.body.classList.remove("has-overlay"));
   };
-  Z(() => {
+  X(() => {
     j(t);
   }, [t]);
   const g = r ? { "--max-width": `${r / 16}rem` } : {};
   return /* @__PURE__ */ s.jsx("div", { className: S("overlay", { open: p }), children: /* @__PURE__ */ s.jsx(
-    Cr,
+    Ar,
     {
       id: e,
       className: S("overlay-modal", l, { "has-max-width": r }),
@@ -3721,7 +3865,7 @@ const Ln = ({
         /* @__PURE__ */ s.jsxs("div", { className: "top", children: [
           o && /* @__PURE__ */ s.jsx("h2", { className: "modal-title", children: o }),
           /* @__PURE__ */ s.jsx(
-            X,
+            J,
             {
               variant: "tertiary",
               size: "medium",
@@ -3738,9 +3882,9 @@ const Ln = ({
         a,
         u && /* @__PURE__ */ s.jsxs("div", { className: "bottom", children: [
           /* @__PURE__ */ s.jsx(Ae, {}),
-          /* @__PURE__ */ s.jsx(it, { buttons: u })
+          /* @__PURE__ */ s.jsx(ot, { buttons: u })
         ] }),
-        d && /* @__PURE__ */ s.jsx(Ft, { className: "error", children: d })
+        d && /* @__PURE__ */ s.jsx(Pt, { className: "error", children: d })
       ] })
     }
   ) });
@@ -3762,7 +3906,7 @@ const No = ({
   },
   sendInvites: u
 }) => /* @__PURE__ */ s.jsx(
-  Ln,
+  Rn,
   {
     title: n,
     isOpen: t,
@@ -3771,7 +3915,7 @@ const No = ({
     functions: { onClose: o },
     className: S("invite-modal", e, { success: !!n }),
     children: /* @__PURE__ */ s.jsx(
-      wr,
+      kr,
       {
         title: r,
         label: i,
@@ -3782,11 +3926,11 @@ const No = ({
       }
     )
   }
-), fn = (e) => {
+), un = (e) => {
   const t = {};
   return Object.keys(e).forEach((n) => n.includes("Id") ? t[n] = e[n] : t[`${n}Slug`] = e[n]), t;
-}, Ut = (e, t) => e && !t;
-const we = "discussion_", Nr = 280, ut = ({
+}, Ht = (e, t) => e && !t;
+const ve = "discussion_", Nr = 280, ct = ({
   element: e = "div",
   content: t,
   userHasPermissions: n = !0,
@@ -3813,49 +3957,49 @@ const we = "discussion_", Nr = 280, ut = ({
   children: _,
   isTruncated: j = !1
 }) => {
-  const g = A(), E = be(Te), k = be(dt), [T, M] = L({
+  const g = N(), E = ge(Se), k = ge(lt), [T, M] = F({
     body: t && t.body || "",
     isEditing: !1,
     didEdit: t && t.isEdited || !1
-  }), [C, H] = L(!1), [Y, x] = L("");
-  if (Z(() => {
+  }), [C, I] = F(!1), [V, x] = F("");
+  if (X(() => {
     M({
       ...T,
       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(ye, { className: "discussion-card discussion-post" });
-  const { author: b, canLike: U, createdAt: v, id: G, likes: O = 0, userLiked: B, comments: W = 0 } = t, V = j ? st(T.body, Nr) : T.body, K = E && E.id && typeof b != "string" && b.id && b.id === E.id || !1, oe = typeof U == "boolean" ? U : n ? !K : !1, ae = async (P) => {
+    return /* @__PURE__ */ s.jsx(je, { className: "discussion-card discussion-post" });
+  const { author: b, canLike: Q, createdAt: w, id: Y, likes: L = 0, userLiked: O, comments: U = 0 } = t, W = j ? tt(T.body, Nr) : T.body, Z = E && E.id && typeof b != "string" && b.id && b.id === E.id || !1, re = typeof Q == "boolean" ? Q : n ? !Z : !1, oe = async (P) => {
     P || (P = ""), x("");
     try {
       if (!xs(P, T.body)) {
         const te = t.type === "question" ? { title: P } : { body: P };
-        await o(fn(t.slugs), te);
+        await o(un(t.slugs), te);
       }
       M({ body: P, isEditing: !1, didEdit: !0 });
     } catch {
-      x(`${we}form_error`);
+      x(`${ve}form_error`);
     }
-  }, ie = () => {
+  }, ae = () => {
     k && k.updateConversation && k.updateConversation({ showThread: !0, showForm: !0 }), setTimeout(() => {
-      const te = `reply-form-${(t.type === "answer" ? t.slug : t.slugs.answer || "").toLowerCase().slice(-15)}`, ce = document.getElementById(te), ne = document.getElementById(`${te}-input`);
-      ne && ne.focus(), ce && ce.scrollIntoView({ behavior: "smooth" });
+      const te = `reply-form-${(t.type === "answer" ? t.slug : t.slugs.answer || "").toLowerCase().slice(-15)}`, G = document.getElementById(te), K = document.getElementById(`${te}-input`);
+      K && K.focus(), G && G.scrollIntoView({ behavior: "smooth" });
     }, 0);
-  }, le = () => {
+  }, ie = () => {
     try {
-      d(fn(t.slugs));
+      d(un(t.slugs));
     } catch {
       x("delete-error");
     }
-  }, re = [
+  }, se = [
     {
-      text: g.formatMessage({ id: `${we}moreMenu_report` }),
+      text: g.formatMessage({ id: `${ve}moreMenu_report` }),
       href: `mailto:community@apolitical.co?subject=${encodeURI(
-        g.formatMessage({ id: `${we}report_subject` })
+        g.formatMessage({ id: `${ve}report_subject` })
       )}&body=${encodeURI(
         g.formatMessage(
-          { id: `${we}report_body` },
+          { id: `${ve}report_body` },
           {
             contentType: t.type || "",
             contentSlug: t.slug || "",
@@ -3866,9 +4010,9 @@ const we = "discussion_", Nr = 280, ut = ({
       icon: "flag"
     }
   ];
-  return n && K && re.push(
+  return n && Z && se.push(
     {
-      text: g.formatMessage({ id: `${we}moreMenu_edit` }),
+      text: g.formatMessage({ id: `${ve}moreMenu_edit` }),
       onClick: () => M({ ...T, isEditing: !0 }),
       icon: "pencil-paper",
       className: "gtm-trackable",
@@ -3876,9 +4020,9 @@ const we = "discussion_", Nr = 280, ut = ({
       "data-gtm-event-type": `edit-${t.type}-click`
     },
     {
-      text: g.formatMessage({ id: `${we}moreMenu_delete` }),
+      text: g.formatMessage({ id: `${ve}moreMenu_delete` }),
       onClick: (P) => {
-        P.preventDefault(), P.stopPropagation(), H(!0);
+        P.preventDefault(), P.stopPropagation(), I(!0);
       },
       icon: "trash",
       className: "gtm-trackable",
@@ -3886,14 +4030,14 @@ const we = "discussion_", Nr = 280, ut = ({
       "data-gtm-event-type": `delete-${t.type}-click`,
       ...Dr(`delete-${t.slug}-modal`, C)
     }
-  ), N.createElement(e, {
+  ), D.createElement(e, {
     className: S("discussion-post", h),
     "data-testid": `discussion-${t.type}-thread`,
     children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
       /* @__PURE__ */ s.jsxs(
         "div",
         {
-          id: G || t.slug,
+          id: Y || t.slug,
           className: S("discussion-card", t.type, {
             editing: T.isEditing,
             "has-link": f.post && !T.isEditing
@@ -3903,17 +4047,17 @@ const we = "discussion_", Nr = 280, ut = ({
           },
           children: [
             !T.isEditing && /* @__PURE__ */ s.jsx(
-              Ht,
+              Bt,
               {
                 member: b,
-                additionalContent: { createdAt: v, didEdit: T.didEdit },
+                additionalContent: { createdAt: w, didEdit: T.didEdit },
                 className: typeof b != "string" && b.id === i ? "highlighted" : "",
                 gtmContext: p,
                 gtmType: "profile-click"
               }
             ),
             T.isEditing ? /* @__PURE__ */ s.jsx(
-              Fn,
+              Pn,
               {
                 content: { type: t.type, slugs: t.slugs },
                 userHasPermissions: n,
@@ -3924,8 +4068,8 @@ const we = "discussion_", Nr = 280, ut = ({
                 },
                 maxLength: t.type === "question" ? 250 : 5e4,
                 forceShow: {
-                  error: Y !== "" && Y !== "delete-error" ? g.formatMessage(
-                    { id: Y },
+                  error: V !== "" && V !== "delete-error" ? g.formatMessage(
+                    { id: V },
                     {
                       action: g.formatMessage({
                         id: `discussion_action_${t.type}`
@@ -3935,7 +4079,7 @@ const we = "discussion_", Nr = 280, ut = ({
                 },
                 functions: {
                   create: c,
-                  handleSaveEdit: ae,
+                  handleSaveEdit: oe,
                   handleCancel: () => {
                     x(""), M({ ...T, isEditing: !1 });
                   }
@@ -3949,18 +4093,18 @@ const we = "discussion_", Nr = 280, ut = ({
                 className: "gtm-trackable",
                 "data-gtm-event-context": p,
                 "data-gtm-event-type": "title-click",
-                children: /* @__PURE__ */ s.jsx(ln, { options: { overrides: { a: Ks } }, children: V })
+                children: /* @__PURE__ */ s.jsx(on, { options: { overrides: { a: qs } }, children: W })
               }
             ) : /* @__PURE__ */ s.jsx(
-              ln,
+              on,
               {
                 options: {
-                  wrapper: t.type === "question" ? "h1" : N.Fragment,
+                  wrapper: t.type === "question" ? "h1" : D.Fragment,
                   forceWrapper: t.type === "question",
                   forceInline: t.type === "question",
                   forceBlock: t.type !== "question"
                 },
-                children: V
+                children: W
               }
             ),
             !T.isEditing && /* @__PURE__ */ s.jsxs(
@@ -3970,15 +4114,14 @@ const we = "discussion_", Nr = 280, ut = ({
                 "data-testid": `${t.type}-actions`,
                 children: [
                   /* @__PURE__ */ s.jsx(
-                    Mr,
+                    Cr,
                     {
                       element: "li",
-                      likes: O,
+                      likes: L,
                       isShort: !1,
-                      userLiked: B,
+                      userLiked: O,
                       content: { type: t.type, slugs: t.slugs },
-                      canLike: oe,
-                      peopleWhoLiked: t.peopleWhoLiked,
+                      canLike: re,
                       functions: {
                         createLike: a,
                         deleteLike: u
@@ -3994,7 +4137,7 @@ const we = "discussion_", Nr = 280, ut = ({
                       },
                       children: [
                         /* @__PURE__ */ s.jsx(
-                          X,
+                          J,
                           {
                             variant: "tertiary",
                             size: "medium",
@@ -4006,34 +4149,34 @@ const we = "discussion_", Nr = 280, ut = ({
                             "data-gtm-event-context": p,
                             "data-gtm-event-type": `answer-${t.type}-click`,
                             screenreaderText: g.formatMessage(
-                              { id: `${we}comments_screenReader` },
-                              { count: W }
+                              { id: `${ve}comments_screenReader` },
+                              { count: U }
                             )
                           }
                         ),
                         /* @__PURE__ */ s.jsx("span", { children: g.formatMessage(
-                          { id: `${we}comments` },
-                          { count: W }
+                          { id: `${ve}comments` },
+                          { count: U }
                         ) })
                       ]
                     }
                   ),
                   (t.type === "answer" || t.type === "reply") && /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
-                    X,
+                    J,
                     {
                       variant: "tertiary",
                       size: "medium",
                       styling: { muted: !0 },
-                      onClick: ie,
-                      children: g.formatMessage({ id: `${we}reply` })
+                      onClick: ae,
+                      children: g.formatMessage({ id: `${ve}reply` })
                     }
                   ) }),
                   /* @__PURE__ */ s.jsx(
-                    pr,
+                    gr,
                     {
                       element: "li",
                       id: `more-${t.slug}`,
-                      options: re
+                      options: se
                     }
                   )
                 ]
@@ -4044,14 +4187,14 @@ const we = "discussion_", Nr = 280, ut = ({
       ),
       _,
       /* @__PURE__ */ s.jsx(
-        Ln,
+        Rn,
         {
           id: `delete-${t.slug}-modal`,
           isOpen: C,
           functions: { onOpen: () => {
-          }, onClose: () => H(!1) },
+          }, onClose: () => I(!1) },
           forceShow: {
-            error: Y === "delete-error" ? g.formatMessage(
+            error: V === "delete-error" ? g.formatMessage(
               { id: "discussion_delete_error" },
               {
                 action: g.formatMessage({
@@ -4067,19 +4210,19 @@ const we = "discussion_", Nr = 280, ut = ({
           buttons: [
             {
               variant: "secondary",
-              onClick: () => H(!1),
+              onClick: () => I(!1),
               children: g.formatMessage({ id: "discussion_delete_cancel" })
             },
             {
               variant: "primary",
               className: "destructive",
-              onClick: le,
+              onClick: ie,
               children: g.formatMessage({ id: "discussion_delete_delete" })
             }
           ],
           gtmContext: `${t.type.charAt(0).toUpperCase()}${t.type.slice(1)}:${t.slug}`,
           children: /* @__PURE__ */ s.jsx(
-            Ee,
+            ye,
             {
               id: "discussion_delete_text",
               values: {
@@ -4095,25 +4238,25 @@ const we = "discussion_", Nr = 280, ut = ({
     ] })
   });
 };
-const Ct = "discussion_responses_", Ao = ({ type: e = "answer", responses: t = 0 }) => {
-  const n = A();
+const $t = "discussion_responses_", Po = ({ type: e = "answer", responses: t = 0 }) => {
+  const n = N();
   return /* @__PURE__ */ s.jsxs("div", { className: "responses-heading", children: [
-    /* @__PURE__ */ s.jsx("h3", { children: n.formatMessage({ id: `${Ct}title` }, { action: n.formatMessage({ id: `${Ct}${e}` }), count: t }) }),
-    t === 0 && /* @__PURE__ */ s.jsx("p", { children: xe(n.formatMessage, `${Ct}empty`, e, e) })
+    /* @__PURE__ */ s.jsx("h3", { children: n.formatMessage({ id: `${$t}title` }, { action: n.formatMessage({ id: `${$t}${e}` }), count: t }) }),
+    t === 0 && /* @__PURE__ */ s.jsx("p", { children: pe(n.formatMessage, `${$t}empty`, e, e) })
   ] });
 };
-const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
-  const r = A(), i = se(null), c = be(dt), [d, o] = L(
+const Pr = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
+  const r = N(), i = ne(null), c = ge(lt), [d, o] = F(
     "closed"
     /* Closed */
   );
-  Z(() => {
+  X(() => {
     const f = i.current;
     if (f)
       return f.addEventListener("transitionend", a), () => {
         f.removeEventListener("transitionend", a);
       };
-  }, []), Ne(() => {
+  }, []), Ce(() => {
     d === "closed" && !c.showThread || o(
       [
         "opening",
@@ -4122,7 +4265,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
       ].includes(d) ? "ready-to-close" : "opening"
       /* Opening */
     );
-  }, [c.showThread]), Z(() => {
+  }, [c.showThread]), X(() => {
     d === "ready-to-close" && o(
       "closing"
       /* Closing */
@@ -4134,12 +4277,12 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     "opening",
     "open"
     /* Open */
-  ].includes(d), l = kn(n, {
+  ].includes(d), l = vn(n, {
     element: "li"
   });
   return /* @__PURE__ */ s.jsxs("div", { className: "thread-wrapper", children: [
     t && /* @__PURE__ */ s.jsx(
-      X,
+      J,
       {
         variant: "secondary",
         size: "small",
@@ -4168,7 +4311,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
       }
     )
   ] });
-}, Pr = ({
+}, Rr = ({
   user: e,
   content: t,
   verb: n = "post"
@@ -4189,7 +4332,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     like: 0
   },
   verb: n
-}), Rr = ({
+}), Fr = ({
   queryClient: e,
   queryKey: t,
   user: n,
@@ -4197,7 +4340,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
 }) => ({ mutationFn: r, onMutate: async ({ content: o }) => {
   if (!n)
     return;
-  const a = Pr({ user: n, content: o, verb: "post" });
+  const a = Rr({ user: n, content: o, verb: "post" });
   await e.cancelQueries({ queryKey: t });
   const u = e.getQueryData(t);
   return e.setQueryData(t, (l) => [...l, a]), { previousActivities: u };
@@ -4205,7 +4348,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   e.setQueryData(t, u.previousActivities);
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
-} }), Fr = ({
+} }), Lr = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4227,7 +4370,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   onSettled: () => {
     e.invalidateQueries({ queryKey: t });
   }
-}), Lr = ({
+}), Or = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4250,7 +4393,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   e.invalidateQueries({
     queryKey: [...t, u.activityId]
   });
-} }), Or = ({
+} }), Br = ({
   queryClient: e,
   queryKey: t,
   user: n,
@@ -4284,62 +4427,62 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   e.invalidateQueries({
     queryKey: [...t, l.activityId]
   });
-} }), Po = ({
+} }), Ro = ({
   basePath: e,
   parentId: t,
   isMember: n,
   functions: { list: r, create: i, edit: c, like: d, unlike: o, join: a, leave: u }
 }) => {
-  const l = A(), f = ot(), h = be(Te), {
+  const l = N(), f = st(), h = ge(Se), {
     data: p,
     error: _,
     isLoading: j,
     isFetching: g
-  } = pn({
+  } = fn({
     queryKey: [e, t],
     queryFn: r
-  }), E = Rr({
+  }), E = Fr({
     queryClient: f,
     queryKey: [e, t],
     user: h,
     mutationFn: i
-  }), { mutate: k } = me(E), T = Fr({
+  }), { mutate: k } = de(E), T = Lr({
     queryClient: f,
     queryKey: [e, t],
-    mutationFn: async (v) => await c(v)
+    mutationFn: async (w) => await c(w)
   }), {
     mutate: M
-  } = me(T), C = Lr({
+  } = de(T), C = Or({
     queryClient: f,
     queryKey: [e, t],
     mutationFn: d
   }), {
-    mutate: H
-  } = me(C), Y = Or({
+    mutate: I
+  } = de(C), V = Br({
     queryClient: f,
     queryKey: [e, t],
     user: h,
-    mutationFn: async ({ activityId: v }) => {
-      var B, W, V;
-      const G = p && (p == null ? void 0 : p.find(
-        (K) => K.id === v
-      )), O = (V = (W = (B = G == null ? void 0 : G.own_reactions) == null ? void 0 : B.like) == null ? void 0 : W.find(
-        (K) => K.user_id === (h == null ? void 0 : h.id)
-      )) == null ? void 0 : V.id;
-      await o({ reactionId: O || "", activityId: v });
+    mutationFn: async ({ activityId: w }) => {
+      var O, U, W;
+      const Y = p && (p == null ? void 0 : p.find(
+        (Z) => Z.id === w
+      )), L = (W = (U = (O = Y == null ? void 0 : Y.own_reactions) == null ? void 0 : O.like) == null ? void 0 : U.find(
+        (Z) => Z.user_id === (h == null ? void 0 : h.id)
+      )) == null ? void 0 : W.id;
+      await o({ reactionId: L || "", activityId: w });
     }
   }), {
     mutate: x
-  } = me(Y), b = je(
-    ({ activityId: v }) => H({ activityId: v }),
-    [H]
-  ), U = je(
-    ({ activityId: v }) => x({ activityId: v }),
+  } = de(V), b = ke(
+    ({ activityId: w }) => I({ activityId: w }),
+    [I]
+  ), Q = ke(
+    ({ activityId: w }) => x({ activityId: w }),
     [x]
   );
-  return _ ? /* @__PURE__ */ s.jsx(ct, { variant: "error", text: _.message }) : j ? /* @__PURE__ */ s.jsx(ye, { style: { height: "400px" } }) : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+  return _ ? /* @__PURE__ */ s.jsx(it, { variant: "error", text: _.message }) : j ? /* @__PURE__ */ s.jsx(je, { style: { height: "400px" } }) : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx(
-      Qt,
+      It,
       {
         contentType: "post",
         createPost: k,
@@ -4352,53 +4495,49 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
         }
       }
     ),
-    !g && Array.isArray(p) && (p == null ? void 0 : p.map((v) => {
-      var B, W, V, K, oe, ae, ie, le, re, P, te, ce, ne, F;
-      const G = ((B = v == null ? void 0 : v.actor) == null ? void 0 : B.id) === (h == null ? void 0 : h.id), O = Ut(n, G);
-      return /* @__PURE__ */ s.jsxs(Nt, { children: [
+    !g && Array.isArray(p) && (p == null ? void 0 : p.map((w) => {
+      var O, U, W, Z, re, oe, ae, ie, se, P, te, G;
+      const Y = ((O = w == null ? void 0 : w.actor) == null ? void 0 : O.id) === (h == null ? void 0 : h.id), L = Ht(n, Y);
+      return /* @__PURE__ */ s.jsxs(Ct, { children: [
         /* @__PURE__ */ s.jsx(
-          ut,
+          ct,
           {
             content: {
               type: "post",
-              body: v == null ? void 0 : v.content,
-              canLike: O,
-              createdAt: (v == null ? void 0 : v.time) || "",
-              slugs: { parentId: t, activityId: v == null ? void 0 : v.id },
-              slug: v == null ? void 0 : v.id,
+              body: w == null ? void 0 : w.content,
+              canLike: L,
+              createdAt: (w == null ? void 0 : w.time) || "",
+              slugs: { parentId: t, activityId: w == null ? void 0 : w.id },
+              slug: w == null ? void 0 : w.id,
               author: {
-                id: (W = v == null ? void 0 : v.actor) == null ? void 0 : W.id,
-                name: `${(K = (V = v == null ? void 0 : v.actor) == null ? void 0 : V.data) == null ? void 0 : K.name}`,
-                organization: (ae = (oe = v == null ? void 0 : v.actor) == null ? void 0 : oe.data) == null ? void 0 : ae.organization,
-                jobTitle: (le = (ie = v == null ? void 0 : v.actor) == null ? void 0 : ie.data) == null ? void 0 : le.jobTitle,
+                id: (U = w == null ? void 0 : w.actor) == null ? void 0 : U.id,
+                name: `${(Z = (W = w == null ? void 0 : w.actor) == null ? void 0 : W.data) == null ? void 0 : Z.name}`,
+                organization: (oe = (re = w == null ? void 0 : w.actor) == null ? void 0 : re.data) == null ? void 0 : oe.organization,
+                jobTitle: (ie = (ae = w == null ? void 0 : w.actor) == null ? void 0 : ae.data) == null ? void 0 : ie.jobTitle,
                 image: {
-                  thumbnail: ((P = (re = v == null ? void 0 : v.actor) == null ? void 0 : re.data) == null ? void 0 : P.thumbnail) || void 0
+                  thumbnail: ((P = (se = w == null ? void 0 : w.actor) == null ? void 0 : se.data) == null ? void 0 : P.thumbnail) || void 0
                 }
               },
-              userLiked: ((te = v == null ? void 0 : v.own_reactions) == null ? void 0 : te.like) && ((ce = v == null ? void 0 : v.own_reactions) == null ? void 0 : ce.like.length) > 0,
-              likes: (v == null ? void 0 : v.reaction_counts.like) || 0,
-              comments: (v == null ? void 0 : v.reaction_counts.reply) || 0,
-              peopleWhoLiked: ((ne = v == null ? void 0 : v.latest_reactions) == null ? void 0 : ne.like) && ((F = v == null ? void 0 : v.latest_reactions) == null ? void 0 : F.like.map((J) => ({
-                id: J == null ? void 0 : J.user_id,
-                name: J.user.data.name
-              })))
+              userLiked: ((te = w == null ? void 0 : w.own_reactions) == null ? void 0 : te.like) && ((G = w == null ? void 0 : w.own_reactions) == null ? void 0 : G.like.length) > 0,
+              likes: (w == null ? void 0 : w.reaction_counts.like) || 0,
+              comments: (w == null ? void 0 : w.reaction_counts.reply) || 0
             },
             links: {
-              post: `${e}/${t}/${v == null ? void 0 : v.id}`,
-              comments: `${e}/${t}/${v == null ? void 0 : v.id}`
+              post: `${e}/${t}/${w == null ? void 0 : w.id}`,
+              comments: `${e}/${t}/${w == null ? void 0 : w.id}`
             },
             functions: {
               content: {
                 createContent: () => null,
                 deleteContent: () => null,
-                updateContent: (J, fe) => M({ activityInfo: J, content: fe })
+                updateContent: (K, ue) => M({ activityInfo: K, content: ue })
               },
               likes: {
                 createLike: () => {
-                  b({ activityId: v == null ? void 0 : v.id });
+                  b({ activityId: w == null ? void 0 : w.id });
                 },
                 deleteLike: () => {
-                  U({ activityId: v == null ? void 0 : v.id });
+                  Q({ activityId: w == null ? void 0 : w.id });
                 }
               },
               comments: {
@@ -4409,10 +4548,10 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
           }
         ),
         /* @__PURE__ */ s.jsx(Ae, {})
-      ] }, v == null ? void 0 : v.id);
+      ] }, w == null ? void 0 : w.id);
     }))
   ] });
-}, Br = ({
+}, Ir = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4431,7 +4570,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     })), { previousActivity: a };
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
-} }), Ir = ({
+} }), Hr = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4457,7 +4596,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   onError: (c, d, o) => {
     e.setQueryData(t, o.previousActivity);
   }
-}), Hr = ({
+}), Qr = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4484,7 +4623,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     ...o,
     latest_reactions: { reply: a }
   })), { previousActivity: o };
-} }), Qr = ({
+} }), Ur = ({
   queryClient: e,
   queryKey: t,
   user: n,
@@ -4523,7 +4662,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     ...u,
     latest_reactions: { reply: l }
   })), { previousActivity: u };
-} }), Ur = ({
+} }), zr = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4571,7 +4710,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     ...o,
     latest_reactions: { reply: a }
   })), { previousActivity: o };
-} }), hn = ({
+} }), mn = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4604,7 +4743,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     ...a,
     latest_reactions: { reply: u }
   })), { previousActivity: a };
-} }), zr = ({
+} }), Vr = ({
   basePath: e,
   parentId: t,
   replyParentId: n,
@@ -4613,46 +4752,46 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   replies: c,
   functions: { create: d, edit: o, join: a, leave: u, like: l, unlike: f }
 }) => {
-  const h = A(), p = ot(), _ = be(dt), j = Ur({
+  const h = N(), p = st(), _ = ge(lt), j = zr({
     queryClient: p,
     queryKey: [e, t, r],
     mutationFn: async (b) => d({ replyId: n, content: b.body })
-  }), { mutate: g } = me(j), E = Wr({
+  }), { mutate: g } = de(j), E = Wr({
     queryClient: p,
     queryKey: [e, t, r],
     mutationFn: o
   }), {
     mutate: k
-  } = me(E), T = hn({
+  } = de(E), T = mn({
     queryClient: p,
     queryKey: [e, t, r],
     mutationFn: l
   }), {
     mutate: M
-  } = me(T), C = hn({
+  } = de(T), C = mn({
     queryClient: p,
     queryKey: [e, t, r],
     mutationFn: f
   }), {
-    mutate: H
-  } = me(C), Y = je(
-    ({ replyId: b, replyParentId: U }) => M({ replyId: b, replyParentId: U }),
+    mutate: I
+  } = de(C), V = ke(
+    ({ replyId: b, replyParentId: Q }) => M({ replyId: b, replyParentId: Q }),
     [M]
-  ), x = je(
-    ({ replyId: b, replyParentId: U }) => H({ replyId: b, replyParentId: U }),
-    [H]
+  ), x = ke(
+    ({ replyId: b, replyParentId: Q }) => I({ replyId: b, replyParentId: Q }),
+    [I]
   );
   return /* @__PURE__ */ s.jsx(
-    Ar,
+    Pr,
     {
       count: i,
       showRepliesButton: i > 0 || _.showForm,
       children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
         _.showForm && /* @__PURE__ */ s.jsx(
-          Qt,
+          It,
           {
             contentType: "reply",
-            createPost: (b, U) => g(U),
+            createPost: (b, Q) => g(Q),
             membershipRequiredToPost: {
               isMember: !0,
               required: !0,
@@ -4663,13 +4802,13 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
           }
         ),
         (c == null ? void 0 : c.length) === 0 || (c == null ? void 0 : c.map((b) => {
-          var U, v, G, O, B, W, V, K, oe, ae, ie, le, re, P, te, ce, ne;
+          var Q, w, Y, L, O, U, W, Z, re, oe, ae, ie, se, P, te;
           return /* @__PURE__ */ s.jsx(
-            ut,
+            ct,
             {
               content: {
                 type: "reply",
-                body: typeof b.data.content == "string" ? (U = b == null ? void 0 : b.data) == null ? void 0 : U.content : ((G = (v = b == null ? void 0 : b.data) == null ? void 0 : v.content) == null ? void 0 : G.text) || "",
+                body: typeof b.data.content == "string" ? (Q = b == null ? void 0 : b.data) == null ? void 0 : Q.content : ((Y = (w = b == null ? void 0 : b.data) == null ? void 0 : w.content) == null ? void 0 : Y.text) || "",
                 createdAt: b == null ? void 0 : b.created_at,
                 slugs: {
                   parentId: t,
@@ -4679,37 +4818,33 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
                 },
                 slug: "",
                 author: {
-                  id: (O = b == null ? void 0 : b.user) == null ? void 0 : O.id,
-                  name: (W = (B = b == null ? void 0 : b.user) == null ? void 0 : B.data) == null ? void 0 : W.name,
-                  organization: (K = (V = b == null ? void 0 : b.user) == null ? void 0 : V.data) == null ? void 0 : K.organization,
-                  jobTitle: (ae = (oe = b == null ? void 0 : b.user) == null ? void 0 : oe.data) == null ? void 0 : ae.jobTitle,
+                  id: (L = b == null ? void 0 : b.user) == null ? void 0 : L.id,
+                  name: (U = (O = b == null ? void 0 : b.user) == null ? void 0 : O.data) == null ? void 0 : U.name,
+                  organization: (Z = (W = b == null ? void 0 : b.user) == null ? void 0 : W.data) == null ? void 0 : Z.organization,
+                  jobTitle: (oe = (re = b == null ? void 0 : b.user) == null ? void 0 : re.data) == null ? void 0 : oe.jobTitle,
                   image: {
-                    thumbnail: ((le = (ie = b == null ? void 0 : b.user) == null ? void 0 : ie.data) == null ? void 0 : le.thumbnail) || void 0
+                    thumbnail: ((ie = (ae = b == null ? void 0 : b.user) == null ? void 0 : ae.data) == null ? void 0 : ie.thumbnail) || void 0
                   }
                 },
-                userLiked: ((re = b == null ? void 0 : b.own_children) == null ? void 0 : re.like) && ((P = b == null ? void 0 : b.own_children) == null ? void 0 : P.like.length) > 0,
-                likes: ((te = b == null ? void 0 : b.children_counts) == null ? void 0 : te.like) || 0,
-                peopleWhoLiked: ((ce = b == null ? void 0 : b.latest_children) == null ? void 0 : ce.like) && ((ne = b == null ? void 0 : b.latest_children) == null ? void 0 : ne.like.map((F) => ({
-                  id: F == null ? void 0 : F.user_id,
-                  name: F.user.data.name
-                })))
+                userLiked: ((se = b == null ? void 0 : b.own_children) == null ? void 0 : se.like) && ((P = b == null ? void 0 : b.own_children) == null ? void 0 : P.like.length) > 0,
+                likes: ((te = b == null ? void 0 : b.children_counts) == null ? void 0 : te.like) || 0
               },
               functions: {
                 content: {
                   createContent: () => console.log("create"),
                   deleteContent: () => console.log("delete"),
-                  updateContent: (F, J) => k({ replyInfo: F, content: J })
+                  updateContent: (G, K) => k({ replyInfo: G, content: K })
                 },
                 likes: {
-                  createLike: () => Y({
+                  createLike: () => V({
                     replyId: b == null ? void 0 : b.id,
                     replyParentId: b == null ? void 0 : b.parent
                   }),
                   deleteLike: () => {
-                    var J, fe, pe;
-                    const F = ((J = b == null ? void 0 : b.own_children) == null ? void 0 : J.like) && ((pe = (fe = b == null ? void 0 : b.own_children) == null ? void 0 : fe.like[0]) == null ? void 0 : pe.id);
+                    var K, ue, fe;
+                    const G = ((K = b == null ? void 0 : b.own_children) == null ? void 0 : K.like) && ((fe = (ue = b == null ? void 0 : b.own_children) == null ? void 0 : ue.like[0]) == null ? void 0 : fe.id);
                     return x({
-                      replyId: F || ""
+                      replyId: G || ""
                     });
                   }
                 },
@@ -4722,7 +4857,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
       ] })
     }
   );
-}, Vr = ({
+}, Yr = ({
   basePath: e,
   parentId: t,
   activityId: n,
@@ -4730,39 +4865,39 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   isMember: i,
   functions: { createReply: c, editReply: d, like: o, unlike: a, join: u, leave: l }
 }) => {
-  const f = A(), h = ot(), p = be(Te), _ = Br({
+  const f = N(), h = st(), p = ge(Se), _ = Ir({
     queryClient: h,
     queryKey: [e, t, n],
     mutationFn: async (x) => c({ activityId: n, content: x.body })
-  }), { mutate: j } = me(_), g = Ir({
+  }), { mutate: j } = de(_), g = Hr({
     queryClient: h,
     queryKey: [e, t, n],
     mutationFn: async (x) => d(x)
   }), {
     mutate: E
-  } = me(g), k = Hr({
+  } = de(g), k = Qr({
     queryClient: h,
     queryKey: [e, t, n],
     mutationFn: o
   }), {
     mutate: T
-  } = me(k), M = Qr({
+  } = de(k), M = Ur({
     queryClient: h,
     queryKey: [e, t, n],
     user: p,
     mutationFn: a
   }), {
     mutate: C
-  } = me(M), H = je(
+  } = de(M), I = ke(
     ({ replyId: x }) => T({ replyId: x }),
     [T]
-  ), Y = je(
+  ), V = ke(
     ({ replyId: x }) => C({ replyId: x }),
     [C]
   );
   return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx(
-      Qt,
+      It,
       {
         contentType: "reply",
         createPost: (x, b) => j(b),
@@ -4776,15 +4911,15 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
       }
     ),
     (r == null ? void 0 : r.length) === 0 || (r == null ? void 0 : r.map((x) => {
-      var v, G, O, B, W, V, K, oe, ae, ie, le, re, P, te, ce, ne, F, J, fe, pe;
-      const b = ((v = x == null ? void 0 : x.user) == null ? void 0 : v.id) === (p == null ? void 0 : p.id), U = Ut(i, b);
-      return /* @__PURE__ */ s.jsx(Sr, { children: /* @__PURE__ */ s.jsx(
-        ut,
+      var w, Y, L, O, U, W, Z, re, oe, ae, ie, se, P, te, G, K, ue, fe;
+      const b = ((w = x == null ? void 0 : x.user) == null ? void 0 : w.id) === (p == null ? void 0 : p.id), Q = Ht(i, b);
+      return /* @__PURE__ */ s.jsx(Tr, { children: /* @__PURE__ */ s.jsx(
+        ct,
         {
           content: {
             type: "reply",
-            body: typeof x.data.content == "string" ? (G = x == null ? void 0 : x.data) == null ? void 0 : G.content : ((B = (O = x == null ? void 0 : x.data) == null ? void 0 : O.content) == null ? void 0 : B.text) || "",
-            canLike: U,
+            body: typeof x.data.content == "string" ? (Y = x == null ? void 0 : x.data) == null ? void 0 : Y.content : ((O = (L = x == null ? void 0 : x.data) == null ? void 0 : L.content) == null ? void 0 : O.text) || "",
+            canLike: Q,
             createdAt: x == null ? void 0 : x.created_at,
             slugs: {
               question: `${e}/${t}/${n}`,
@@ -4793,46 +4928,42 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
             },
             slug: `${e}/${t}/${n}#${x == null ? void 0 : x.id}`,
             author: {
-              id: (W = x == null ? void 0 : x.user) == null ? void 0 : W.id,
-              name: (K = (V = x == null ? void 0 : x.user) == null ? void 0 : V.data) == null ? void 0 : K.name,
-              organization: (ae = (oe = x == null ? void 0 : x.user) == null ? void 0 : oe.data) == null ? void 0 : ae.organization,
-              jobTitle: (le = (ie = x == null ? void 0 : x.user) == null ? void 0 : ie.data) == null ? void 0 : le.jobTitle,
+              id: (U = x == null ? void 0 : x.user) == null ? void 0 : U.id,
+              name: (Z = (W = x == null ? void 0 : x.user) == null ? void 0 : W.data) == null ? void 0 : Z.name,
+              organization: (oe = (re = x == null ? void 0 : x.user) == null ? void 0 : re.data) == null ? void 0 : oe.organization,
+              jobTitle: (ie = (ae = x == null ? void 0 : x.user) == null ? void 0 : ae.data) == null ? void 0 : ie.jobTitle,
               image: {
-                thumbnail: ((P = (re = x == null ? void 0 : x.user) == null ? void 0 : re.data) == null ? void 0 : P.thumbnail) || void 0
+                thumbnail: ((P = (se = x == null ? void 0 : x.user) == null ? void 0 : se.data) == null ? void 0 : P.thumbnail) || void 0
               }
             },
-            userLiked: ((te = x == null ? void 0 : x.own_children) == null ? void 0 : te.like) && ((ce = x == null ? void 0 : x.own_children) == null ? void 0 : ce.like.length) > 0,
-            likes: ((ne = x == null ? void 0 : x.children_counts) == null ? void 0 : ne.like) || 0,
-            peopleWhoLiked: ((F = x == null ? void 0 : x.latest_children) == null ? void 0 : F.like) && ((J = x == null ? void 0 : x.latest_children) == null ? void 0 : J.like.map((ge) => ({
-              id: ge == null ? void 0 : ge.user_id,
-              name: ge.user.data.name
-            })))
+            userLiked: ((te = x == null ? void 0 : x.own_children) == null ? void 0 : te.like) && ((G = x == null ? void 0 : x.own_children) == null ? void 0 : G.like.length) > 0,
+            likes: ((K = x == null ? void 0 : x.children_counts) == null ? void 0 : K.like) || 0
           },
           functions: {
             content: {
               createContent: () => console.log("create"),
               deleteContent: () => console.log("delete"),
-              updateContent: (ge, $e) => E({ replyInfo: ge, content: $e })
+              updateContent: (_e, xe) => E({ replyInfo: _e, content: xe })
             },
             likes: {
-              createLike: () => H({ replyId: x == null ? void 0 : x.id }),
+              createLike: () => I({ replyId: x == null ? void 0 : x.id }),
               deleteLike: () => {
-                var $e, He, Qe;
-                const ge = (($e = x == null ? void 0 : x.own_children) == null ? void 0 : $e.like) && ((Qe = (He = x == null ? void 0 : x.own_children) == null ? void 0 : He.like[0]) == null ? void 0 : Qe.id);
-                return Y({ replyId: ge || "" });
+                var xe, Ie, Ne;
+                const _e = ((xe = x == null ? void 0 : x.own_children) == null ? void 0 : xe.like) && ((Ne = (Ie = x == null ? void 0 : x.own_children) == null ? void 0 : Ie.like[0]) == null ? void 0 : Ne.id);
+                return V({ replyId: _e || "" });
               }
             },
             comments: {}
           },
           children: /* @__PURE__ */ s.jsx(
-            zr,
+            Vr,
             {
               basePath: e,
               parentId: t,
               replyParentId: x == null ? void 0 : x.id,
               activityId: n,
-              replyCount: ((fe = x == null ? void 0 : x.children_counts) == null ? void 0 : fe.reply) || 0,
-              replies: (pe = x == null ? void 0 : x.latest_children) == null ? void 0 : pe.reply,
+              replyCount: ((ue = x == null ? void 0 : x.children_counts) == null ? void 0 : ue.reply) || 0,
+              replies: (fe = x == null ? void 0 : x.latest_children) == null ? void 0 : fe.reply,
               isMember: i,
               functions: {
                 create: c,
@@ -4849,7 +4980,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
       ) }, x == null ? void 0 : x.id);
     }))
   ] });
-}, Yr = ({
+}, Gr = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4873,7 +5004,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   onSettled: () => {
     e.invalidateQueries({ queryKey: t });
   }
-}), Gr = ({
+}), Jr = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4893,7 +5024,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   })), { previousActivity: a };
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
-} }), Jr = ({
+} }), Xr = ({
   queryClient: e,
   queryKey: t,
   user: n,
@@ -4926,7 +5057,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
 } });
-const Ro = ({
+const Fo = ({
   basePath: e,
   parentId: t,
   activityId: n,
@@ -4944,61 +5075,61 @@ const Ro = ({
     leave: p
   }
 }) => {
-  var B, W, V, K, oe, ae, ie, le, re, P, te, ce, ne;
-  const _ = be(Te), j = ot(), {
+  var O, U, W, Z, re, oe, ae, ie, se, P, te;
+  const _ = ge(Se), j = st(), {
     data: g,
     error: E,
     isLoading: k,
     isFetching: T
-  } = pn({
+  } = fn({
     queryKey: [e, t, n],
     queryFn: i
-  }), M = Yr({
+  }), M = Gr({
     queryClient: j,
     queryKey: [e, t, n],
-    mutationFn: async (F) => await c(F)
+    mutationFn: async (G) => await c(G)
   }), {
     mutate: C
-  } = me(M), H = Gr({
+  } = de(M), I = Jr({
     queryClient: j,
     queryKey: [e, t, n],
     mutationFn: d
   }), {
-    mutate: Y
-  } = me(H), x = Jr({
+    mutate: V
+  } = de(I), x = Xr({
     queryClient: j,
     queryKey: [e, t, n],
     user: _,
     mutationFn: async () => {
-      var J, fe, pe;
-      const F = (pe = (fe = (J = g == null ? void 0 : g.own_reactions) == null ? void 0 : J.like) == null ? void 0 : fe.find(
-        (ge) => ge.user_id === (_ == null ? void 0 : _.id)
-      )) == null ? void 0 : pe.id;
-      await o({ activityId: n, reactionId: F });
+      var K, ue, fe;
+      const G = (fe = (ue = (K = g == null ? void 0 : g.own_reactions) == null ? void 0 : K.like) == null ? void 0 : ue.find(
+        (_e) => _e.user_id === (_ == null ? void 0 : _.id)
+      )) == null ? void 0 : fe.id;
+      await o({ activityId: n, reactionId: G });
     },
     activity: g
   }), {
     mutate: b
-  } = me(x), U = je(
-    ({ activityId: F }) => Y({ activityId: F }),
-    [Y]
-  ), v = je(
-    async ({ activityId: F }) => b({ activityId: F }),
+  } = de(x), Q = ke(
+    ({ activityId: G }) => V({ activityId: G }),
+    [V]
+  ), w = ke(
+    async ({ activityId: G }) => b({ activityId: G }),
     [b]
   );
   if (E)
-    return /* @__PURE__ */ s.jsx(ct, { variant: "error", text: E.message });
+    return /* @__PURE__ */ s.jsx(it, { variant: "error", text: E.message });
   if (k || T)
-    return /* @__PURE__ */ s.jsx(ye, { style: { height: "400px" } });
-  const G = ((B = g == null ? void 0 : g.actor) == null ? void 0 : B.id) === (_ == null ? void 0 : _.id), O = Ut(r, G);
+    return /* @__PURE__ */ s.jsx(je, { style: { height: "400px" } });
+  const Y = ((O = g == null ? void 0 : g.actor) == null ? void 0 : O.id) === (_ == null ? void 0 : _.id), L = Ht(r, Y);
   return /* @__PURE__ */ s.jsx(
-    ut,
+    ct,
     {
       className: "activity-section",
       content: {
         type: "post",
         body: g == null ? void 0 : g.content,
-        canLike: O,
+        canLike: L,
         createdAt: (g == null ? void 0 : g.time) || "",
         slugs: {
           question: `${t}/${n}`,
@@ -5007,32 +5138,28 @@ const Ro = ({
         },
         slug: n,
         author: {
-          id: (W = g == null ? void 0 : g.actor) == null ? void 0 : W.id,
-          name: (V = g == null ? void 0 : g.actor) == null ? void 0 : V.data.name,
-          organization: (K = g == null ? void 0 : g.actor) == null ? void 0 : K.data.organization,
-          jobTitle: (oe = g == null ? void 0 : g.actor) == null ? void 0 : oe.data.jobTitle,
+          id: (U = g == null ? void 0 : g.actor) == null ? void 0 : U.id,
+          name: (W = g == null ? void 0 : g.actor) == null ? void 0 : W.data.name,
+          organization: (Z = g == null ? void 0 : g.actor) == null ? void 0 : Z.data.organization,
+          jobTitle: (re = g == null ? void 0 : g.actor) == null ? void 0 : re.data.jobTitle,
           image: {
-            thumbnail: ((ae = g == null ? void 0 : g.actor) == null ? void 0 : ae.data.thumbnail) || void 0
+            thumbnail: ((oe = g == null ? void 0 : g.actor) == null ? void 0 : oe.data.thumbnail) || void 0
           }
         },
-        userLiked: ((ie = g == null ? void 0 : g.own_reactions) == null ? void 0 : ie.like) && ((le = g == null ? void 0 : g.own_reactions) == null ? void 0 : le.like.length) > 0,
+        userLiked: ((ae = g == null ? void 0 : g.own_reactions) == null ? void 0 : ae.like) && ((ie = g == null ? void 0 : g.own_reactions) == null ? void 0 : ie.like.length) > 0,
         likes: g && (g == null ? void 0 : g.reaction_counts.like),
-        comments: g && (g == null ? void 0 : g.reaction_counts.reply),
-        peopleWhoLiked: ((re = g == null ? void 0 : g.latest_reactions) == null ? void 0 : re.like) && ((P = g == null ? void 0 : g.latest_reactions) == null ? void 0 : P.like.map((F) => ({
-          id: F == null ? void 0 : F.user_id,
-          name: F.user.data.name
-        })))
+        comments: g && (g == null ? void 0 : g.reaction_counts.reply)
       },
-      originalAuthorId: (te = g == null ? void 0 : g.actor) == null ? void 0 : te.id,
+      originalAuthorId: (se = g == null ? void 0 : g.actor) == null ? void 0 : se.id,
       functions: {
         content: {
           createContent: () => console.log("create"),
           deleteContent: () => console.log("delete"),
-          updateContent: (F, J) => C({ activityInfo: F, content: J })
+          updateContent: (G, K) => C({ activityInfo: G, content: K })
         },
         likes: {
-          createLike: () => U({ activityId: n }),
-          deleteLike: () => v({ activityId: n })
+          createLike: () => Q({ activityId: n }),
+          deleteLike: () => w({ activityId: n })
         },
         comments: {
           openComments: () => {
@@ -5042,16 +5169,16 @@ const Ro = ({
       children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
         /* @__PURE__ */ s.jsxs("h3", { children: [
           "Comments (",
-          ((ce = g == null ? void 0 : g.reaction_counts) == null ? void 0 : ce.reply) || 0,
+          ((P = g == null ? void 0 : g.reaction_counts) == null ? void 0 : P.reply) || 0,
           ")"
         ] }),
         /* @__PURE__ */ s.jsx(
-          Vr,
+          Yr,
           {
             basePath: e,
             parentId: t,
             activityId: n,
-            repliesList: (ne = g == null ? void 0 : g.latest_reactions) == null ? void 0 : ne.reply,
+            repliesList: (te = g == null ? void 0 : g.latest_reactions) == null ? void 0 : te.reply,
             isMember: r,
             functions: {
               createReply: a,
@@ -5067,7 +5194,7 @@ const Ro = ({
     },
     n
   );
-}, Fo = ({ id: e, data: { jobTitle: t, name: n, organization: r, thumbnail: i } }) => ({
+}, Lo = ({ id: e, data: { jobTitle: t, name: n, organization: r, thumbnail: i } }) => ({
   id: e,
   name: n,
   jobTitle: t,
@@ -5075,85 +5202,85 @@ const Ro = ({
   image: { thumbnail: i }
 });
 export {
-  Pt as ASSETS_BUCKET,
-  Po as ActivitiesFeed,
-  Ro as ActivitySection,
-  Qt as AddPost,
-  po as BannerSection,
-  ko as Breadcrumbs,
-  X as Button,
-  it as ButtonWrapper,
-  ir as CacheProvider,
-  yn as CollapsibleSection,
-  Eo as Columns,
-  wo as CommunityDetails,
-  ar as Contributors,
-  dt as ConversationContext,
-  _r as CookieBanner,
-  Sr as DiscussionConversation,
-  Fn as DiscussionForm,
-  Mr as DiscussionLikes,
-  ut as DiscussionPost,
-  Ar as DiscussionThread,
+  Dt as ASSETS_BUCKET,
+  Ro as ActivitiesFeed,
+  Fo as ActivitySection,
+  It as AddPost,
+  go as BannerSection,
+  jo as Breadcrumbs,
+  J as Button,
+  ot as ButtonWrapper,
+  lr as CacheProvider,
+  kn as CollapsibleSection,
+  So as Columns,
+  ko as CommunityDetails,
+  ir as Contributors,
+  lt as ConversationContext,
+  xr as CookieBanner,
+  Tr as DiscussionConversation,
+  Pn as DiscussionForm,
+  Cr as DiscussionLikes,
+  ct as DiscussionPost,
+  Pr as DiscussionThread,
   Ae as Divider,
-  fo as DownloadSection,
-  Be as EMAILS,
-  So as EmailHelperTextBox,
-  ct as EmptyStateBox,
-  jo as Filters,
-  dr as FlagsProvider,
-  Dn as Footer,
-  jn as FullWidthSection,
-  vo as GlobalProviders,
-  Rn as Header,
+  ho as DownloadSection,
+  Oe as EMAILS,
+  To as EmailHelperTextBox,
+  it as EmptyStateBox,
+  yo as Filters,
+  ur as FlagsProvider,
+  Mn as Footer,
+  wn as FullWidthSection,
+  wo as GlobalProviders,
+  Nn as Header,
   Ws as HelperTextBox,
-  xn as HiddenFromScreenReaders,
-  xo as HideShowTextBox,
-  Se as HighlightedTextBox,
-  ur as IntlProvider,
-  wr as InviteForm,
+  gn as HiddenFromScreenReaders,
+  bo as HideShowTextBox,
+  Ee as HighlightedTextBox,
+  mr as IntlProvider,
+  kr as InviteForm,
   No as InviteModal,
-  Mn as JoinButton,
-  yo as LanguageSwitcher,
-  lt as Link,
-  hr as LoadMore,
-  bo as LoadingBlock,
-  ye as LoadingPlaceholder,
-  sr as LoadingState,
-  Cn as Logo,
-  ho as LogoSection,
-  ln as MarkdownText,
-  go as MarketingBox,
-  Ht as Member,
+  Tn as JoinButton,
+  Eo as LanguageSwitcher,
+  at as Link,
+  pr as LoadMore,
+  vo as LoadingBlock,
+  je as LoadingPlaceholder,
+  rr as LoadingState,
+  $n as Logo,
+  po as LogoSection,
+  on as MarkdownText,
+  _o as MarketingBox,
+  Bt as Member,
   Do as MembersList,
-  Cr as Modal,
-  pr as MoreMenu,
-  _o as NUMBER_OF_USERS,
-  Ln as Overlay,
-  Mo as PageLayout,
-  To as PasswordRules,
-  qs as Pill,
-  It as ProfilePicture,
-  tr as ProgressBar,
-  $o as Rating,
-  Vr as RepliesFeed,
-  Ao as ResponsesHeading,
-  Is as ResponsiveImage,
-  vr as SearchForm,
-  Ks as Span,
-  Ft as StatusBanner,
-  Co as Tags,
-  Hs as Tooltip,
-  Te as UserContext,
-  mr as UserProvider,
-  de as VisuallyHidden,
+  Ar as Modal,
+  gr as MoreMenu,
+  xo as NUMBER_OF_USERS,
+  Rn as Overlay,
+  Co as PageLayout,
+  $o as PasswordRules,
+  er as Pill,
+  Ot as ProfilePicture,
+  nr as ProgressBar,
+  Mo as Rating,
+  Yr as RepliesFeed,
+  Po as ResponsesHeading,
+  Hs as ResponsiveImage,
+  wr as SearchForm,
+  qs as Span,
+  Pt as StatusBanner,
+  Ao as Tags,
+  Qs as Tooltip,
+  Se as UserContext,
+  fr as UserProvider,
+  le as VisuallyHidden,
   Dr as addAriaProps,
-  $n as getMember,
-  et as headerData,
-  Fo as mapGetStreamData,
+  Sn as getMember,
+  Ke as headerData,
+  Lo as mapGetStreamData,
   Es as useCurrentPath,
-  Ne as useEffectAfterMount,
-  at as useScreenWidth,
+  Ce as useEffectAfterMount,
+  rt as useElementWidth,
   Ts as useScrollListener,
-  mo as useScrollToHash
+  fo as useScrollToHash
 };