npm - @apolitical/component-library - Versions diffs - 1.13.5 → 1.13.7-beta.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/communities/community-details/community-details.d.ts +8 -2
package/index.js +13 -13
package/index.mjs +932 -885
package/package.json +1 -1
package/style.css +1 -1

package/index.mjs CHANGED Viewed

@@ -1,22 +1,22 @@
-import N, { memo as Ne, 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 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 as from "lodash.clonedeep";
 import is from "lodash.set";
-import { useIntl as A, 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 { 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 { ReactQueryDevtools as ms } from "@tanstack/react-query-devtools";
-import Xe from "posthog-js";
+import Ke from "posthog-js";
 import { useCookies as fs, CookiesProvider as hs } from "react-cookie";
 import { ReactMultiEmail as ps } from "react-multi-email";
-import hn from "lodash.get";
+import gn 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 pn = { exports: {} };
+var _n = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -51,10 +51,10 @@ var pn = { exports: {} };
     }
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
-})(pn);
-var vs = pn.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 }), le = Ne(ws), ks = ({ element: e = "span", children: t = null, ...n }) => N.createElement(e, { ...n, "aria-hidden": !0 }, t), gn = Ne(ks);
-var Dt = { exports: {} }, Re = {};
+})(_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 = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -64,11 +64,11 @@ var Dt = { exports: {} }, Re = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var tn;
+var sn;
 function js() {
-  if (tn)
-    return Re;
-  tn = 1;
+  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 };
   function d(o, a, u) {
     var l, f = {}, h = null, p = null;
@@ -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 Re.Fragment = n, Re.jsx = d, Re.jsxs = d, Re;
+  return Fe.Fragment = n, Fe.jsx = d, Fe.jsxs = d, Fe;
 }
-var Fe = {};
+var Le = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -92,54 +92,54 @@ var Fe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var nn;
+var rn;
 function ys() {
-  return nn || (nn = 1, process.env.NODE_ENV !== "production" && function() {
+  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";
     function g(m) {
       if (m === null || typeof m != "object")
         return null;
-      var v = _ && m[_] || m[j];
-      return typeof v == "function" ? v : null;
+      var w = _ && m[_] || m[j];
+      return typeof w == "function" ? w : null;
     }
     var E = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function k(m) {
       {
-        for (var v = arguments.length, y = new Array(v > 1 ? v - 1 : 0), $ = 1; $ < v; $++)
+        for (var w = arguments.length, y = new Array(w > 1 ? w - 1 : 0), $ = 1; $ < w; $++)
           y[$ - 1] = arguments[$];
         T("error", m, y);
       }
     }
-    function T(m, v, y) {
+    function T(m, w, y) {
       {
-        var $ = E.ReactDebugCurrentFrame, B = $.getStackAddendum();
-        B !== "" && (v += "%s", y = y.concat([B]));
+        var $ = E.ReactDebugCurrentFrame, I = $.getStackAddendum();
+        I !== "" && (w += "%s", y = y.concat([I]));
         var z = y.map(function(R) {
           return String(R);
         });
-        z.unshift("Warning: " + v), Function.prototype.apply.call(console[m], console, z);
+        z.unshift("Warning: " + w), Function.prototype.apply.call(console[m], console, z);
       }
     }
-    var M = !1, C = !1, I = !1, V = !1, x = !1, b;
+    var M = !1, C = !1, H = !1, Y = !1, x = !1, b;
     b = Symbol.for("react.module.reference");
-    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
+    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
       // 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 w(m, v, y) {
+    function v(m, w, y) {
       var $ = m.displayName;
       if ($)
         return $;
-      var B = v.displayName || v.name || "";
-      return B !== "" ? y + "(" + B + ")" : y;
+      var I = w.displayName || w.name || "";
+      return I !== "" ? y + "(" + I + ")" : y;
     }
-    function Y(m) {
+    function G(m) {
       return m.displayName || "Context";
     }
-    function L(m) {
+    function O(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 v = m;
-            return Y(v) + ".Consumer";
+            var w = m;
+            return G(w) + ".Consumer";
           case d:
             var y = m;
-            return Y(y._context) + ".Provider";
+            return G(y._context) + ".Provider";
           case a:
-            return w(m, m.render, "ForwardRef");
+            return v(m, m.render, "ForwardRef");
           case f:
             var $ = m.displayName || null;
-            return $ !== null ? $ : L(m.type) || "Memo";
+            return $ !== null ? $ : O(m.type) || "Memo";
           case h: {
-            var B = m, z = B._payload, R = B._init;
+            var I = m, z = I._payload, R = I._init;
             try {
-              return L(R(z));
+              return O(R(z));
             } catch {
               return null;
             }
@@ -184,14 +184,14 @@ function ys() {
         }
       return null;
     }
-    var O = Object.assign, U = 0, W, Z, re, oe, ae, ie, se;
+    var B = Object.assign, W = 0, V, K, oe, ae, ie, le, re;
     function P() {
     }
     P.__reactDisabledLog = !0;
     function te() {
       {
-        if (U === 0) {
-          W = console.log, Z = console.info, re = console.warn, oe = console.error, ae = console.group, ie = console.groupCollapsed, se = console.groupEnd;
+        if (W === 0) {
+          V = console.log, K = console.info, oe = console.warn, ae = console.error, ie = console.group, le = console.groupCollapsed, re = console.groupEnd;
           var m = {
             configurable: !0,
             enumerable: !0,
@@ -208,79 +208,79 @@ function ys() {
             groupEnd: m
           });
         }
-        U++;
+        W++;
       }
     }
-    function G() {
+    function ce() {
       {
-        if (U--, U === 0) {
+        if (W--, W === 0) {
           var m = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: O({}, m, {
-              value: W
+            log: B({}, m, {
+              value: V
             }),
-            info: O({}, m, {
-              value: Z
+            info: B({}, m, {
+              value: K
             }),
-            warn: O({}, m, {
-              value: re
-            }),
-            error: O({}, m, {
+            warn: B({}, m, {
               value: oe
             }),
-            group: O({}, m, {
+            error: B({}, m, {
               value: ae
             }),
-            groupCollapsed: O({}, m, {
+            group: B({}, m, {
               value: ie
             }),
-            groupEnd: O({}, m, {
-              value: se
+            groupCollapsed: B({}, m, {
+              value: le
+            }),
+            groupEnd: B({}, m, {
+              value: re
             })
           });
         }
-        U < 0 && k("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        W < 0 && k("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var K = E.ReactCurrentDispatcher, ue;
-    function fe(m, v, y) {
+    var ne = E.ReactCurrentDispatcher, F;
+    function J(m, w, y) {
       {
-        if (ue === void 0)
+        if (F === void 0)
           try {
             throw Error();
-          } catch (B) {
-            var $ = B.stack.trim().match(/\n( *(at )?)/);
-            ue = $ && $[1] || "";
+          } catch (I) {
+            var $ = I.stack.trim().match(/\n( *(at )?)/);
+            F = $ && $[1] || "";
           }
         return `
-` + ue + m;
+` + F + m;
       }
     }
-    var _e = !1, xe;
+    var fe = !1, pe;
     {
-      var Ie = typeof WeakMap == "function" ? WeakMap : Map;
-      xe = new Ie();
+      var ge = typeof WeakMap == "function" ? WeakMap : Map;
+      pe = new ge();
     }
-    function Ae(m, v) {
-      if (!m || _e)
+    function $e(m, w) {
+      if (!m || fe)
         return "";
       {
-        var y = xe.get(m);
+        var y = pe.get(m);
         if (y !== void 0)
           return y;
       }
       var $;
-      _e = !0;
-      var B = Error.prepareStackTrace;
+      fe = !0;
+      var I = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var z;
-      z = K.current, K.current = null, te();
+      z = ne.current, ne.current = null, te();
       try {
-        if (v) {
+        if (w) {
           var R = function() {
             throw Error();
           };
@@ -291,171 +291,171 @@ function ys() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(R, []);
-            } catch (be) {
-              $ = be;
+            } catch (ve) {
+              $ = ve;
             }
             Reflect.construct(m, [], R);
           } else {
             try {
               R.call();
-            } catch (be) {
-              $ = be;
+            } catch (ve) {
+              $ = ve;
             }
             m.call(R.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (be) {
-            $ = be;
+          } catch (ve) {
+            $ = ve;
           }
           m();
         }
-      } catch (be) {
-        if (be && $ && typeof be.stack == "string") {
-          for (var D = be.stack.split(`
-`), ce = $.stack.split(`
-`), q = D.length - 1, ee = ce.length - 1; q >= 1 && ee >= 0 && D[q] !== ce[ee]; )
+      } 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]; )
             ee--;
           for (; q >= 1 && ee >= 0; q--, ee--)
-            if (D[q] !== ce[ee]) {
+            if (D[q] !== ue[ee]) {
               if (q !== 1 || ee !== 1)
                 do
-                  if (q--, ee--, ee < 0 || D[q] !== ce[ee]) {
-                    var he = `
+                  if (q--, ee--, ee < 0 || D[q] !== ue[ee]) {
+                    var _e = `
 ` + D[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;
+                    return m.displayName && _e.includes("<anonymous>") && (_e = _e.replace("<anonymous>", m.displayName)), typeof m == "function" && pe.set(m, _e), _e;
                   }
                 while (q >= 1 && ee >= 0);
               break;
             }
         }
       } finally {
-        _e = !1, K.current = z, G(), Error.prepareStackTrace = B;
+        fe = !1, ne.current = z, ce(), Error.prepareStackTrace = I;
       }
-      var $e = m ? m.displayName || m.name : "", en = $e ? fe($e) : "";
-      return typeof m == "function" && xe.set(m, en), en;
+      var Ce = m ? m.displayName || m.name : "", nn = Ce ? J(Ce) : "";
+      return typeof m == "function" && pe.set(m, nn), nn;
     }
-    function Fn(m, v, y) {
-      return Ae(m, !1);
+    function He(m, w, y) {
+      return $e(m, !1);
     }
-    function Ln(m) {
-      var v = m.prototype;
-      return !!(v && v.isReactComponent);
+    function Qe(m) {
+      var w = m.prototype;
+      return !!(w && w.isReactComponent);
     }
-    function He(m, v, y) {
+    function Ue(m, w, y) {
       if (m == null)
         return "";
       if (typeof m == "function")
-        return Ae(m, Ln(m));
+        return $e(m, Qe(m));
       if (typeof m == "string")
-        return fe(m);
+        return J(m);
       switch (m) {
         case u:
-          return fe("Suspense");
+          return J("Suspense");
         case l:
-          return fe("SuspenseList");
+          return J("SuspenseList");
       }
       if (typeof m == "object")
         switch (m.$$typeof) {
           case a:
-            return Fn(m.render);
+            return He(m.render);
           case f:
-            return He(m.type, v, y);
+            return Ue(m.type, w, y);
           case h: {
-            var $ = m, B = $._payload, z = $._init;
+            var $ = m, I = $._payload, z = $._init;
             try {
-              return He(z(B), v, y);
+              return Ue(z(I), w, y);
             } catch {
             }
           }
         }
       return "";
     }
-    var Qe = Object.prototype.hasOwnProperty, Qt = {}, Ut = E.ReactDebugCurrentFrame;
-    function Ue(m) {
+    var We = Object.prototype.hasOwnProperty, Wt = {}, zt = E.ReactDebugCurrentFrame;
+    function ze(m) {
       if (m) {
-        var v = m._owner, y = He(m.type, m._source, v ? v.type : null);
-        Ut.setExtraStackFrame(y);
+        var w = m._owner, y = Ue(m.type, m._source, w ? w.type : null);
+        zt.setExtraStackFrame(y);
       } else
-        Ut.setExtraStackFrame(null);
+        zt.setExtraStackFrame(null);
     }
-    function On(m, v, y, $, B) {
+    function On(m, w, y, $, I) {
       {
-        var z = Function.call.bind(Qe);
+        var z = Function.call.bind(We);
         for (var R in m)
           if (z(m, R)) {
             var D = void 0;
             try {
               if (typeof m[R] != "function") {
-                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;
+                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;
               }
-              D = m[R](v, R, $, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              D = m[R](w, R, $, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (q) {
               D = q;
             }
-            D && !(D 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 D), Ue(null)), D instanceof Error && !(D.message in Qt) && (Qt[D.message] = !0, Ue(B), k("Failed %s type: %s", y, D.message), Ue(null));
+            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));
           }
       }
     }
     var Bn = Array.isArray;
-    function dt(m) {
+    function mt(m) {
       return Bn(m);
     }
     function In(m) {
       {
-        var v = typeof Symbol == "function" && Symbol.toStringTag, y = v && m[Symbol.toStringTag] || m.constructor.name || "Object";
+        var w = typeof Symbol == "function" && Symbol.toStringTag, y = w && m[Symbol.toStringTag] || m.constructor.name || "Object";
         return y;
       }
     }
     function Hn(m) {
       try {
-        return zt(m), !1;
+        return Vt(m), !1;
       } catch {
         return !0;
       }
     }
-    function zt(m) {
+    function Vt(m) {
       return "" + m;
     }
-    function Wt(m) {
+    function Yt(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)), zt(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);
     }
-    var Pe = E.ReactCurrentOwner, Qn = {
+    var Re = E.ReactCurrentOwner, Qn = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Vt, Yt, ut;
-    ut = {};
+    }, Gt, Jt, ft;
+    ft = {};
     function Un(m) {
-      if (Qe.call(m, "ref")) {
-        var v = Object.getOwnPropertyDescriptor(m, "ref").get;
-        if (v && v.isReactWarning)
+      if (We.call(m, "ref")) {
+        var w = Object.getOwnPropertyDescriptor(m, "ref").get;
+        if (w && w.isReactWarning)
           return !1;
       }
       return m.ref !== void 0;
     }
-    function zn(m) {
-      if (Qe.call(m, "key")) {
-        var v = Object.getOwnPropertyDescriptor(m, "key").get;
-        if (v && v.isReactWarning)
+    function Wn(m) {
+      if (We.call(m, "key")) {
+        var w = Object.getOwnPropertyDescriptor(m, "key").get;
+        if (w && w.isReactWarning)
           return !1;
       }
       return m.key !== void 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 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 Vn(m, v) {
+    function Vn(m, w) {
       {
         var y = function() {
-          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));
+          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));
         };
         y.isReactWarning = !0, Object.defineProperty(m, "key", {
           get: y,
@@ -463,10 +463,10 @@ function ys() {
         });
       }
     }
-    function Yn(m, v) {
+    function Yn(m, w) {
       {
         var y = function() {
-          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));
+          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));
         };
         y.isReactWarning = !0, Object.defineProperty(m, "ref", {
           get: y,
@@ -474,13 +474,13 @@ function ys() {
         });
       }
     }
-    var Gn = function(m, v, y, $, B, z, R) {
+    var Gn = function(m, w, y, $, I, z, R) {
       var D = {
         // 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: v,
+        key: w,
         ref: y,
         props: R,
         // Record the component responsible for creating this element.
@@ -500,44 +500,44 @@ function ys() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: B
+        value: I
       }), Object.freeze && (Object.freeze(D.props), Object.freeze(D)), D;
     };
-    function Jn(m, v, y, $, B) {
+    function Jn(m, w, y, $, I) {
       {
-        var z, R = {}, D = null, ce = null;
-        y !== void 0 && (Wt(y), D = "" + y), zn(v) && (Wt(v.key), D = "" + 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]);
+        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]);
         if (m && m.defaultProps) {
           var q = m.defaultProps;
           for (z in q)
             R[z] === void 0 && (R[z] = q[z]);
         }
-        if (D || ce) {
+        if (D || ue) {
           var ee = typeof m == "function" ? m.displayName || m.name || "Unknown" : m;
-          D && Vn(R, ee), ce && Yn(R, ee);
+          D && Vn(R, ee), ue && Yn(R, ee);
         }
-        return Gn(m, D, ce, B, $, Pe.current, R);
+        return Gn(m, D, ue, I, $, Re.current, R);
       }
     }
-    var mt = E.ReactCurrentOwner, Gt = E.ReactDebugCurrentFrame;
-    function Te(m) {
+    var ht = E.ReactCurrentOwner, Xt = E.ReactDebugCurrentFrame;
+    function Me(m) {
       if (m) {
-        var v = m._owner, y = He(m.type, m._source, v ? v.type : null);
-        Gt.setExtraStackFrame(y);
+        var w = m._owner, y = Ue(m.type, m._source, w ? w.type : null);
+        Xt.setExtraStackFrame(y);
       } else
-        Gt.setExtraStackFrame(null);
+        Xt.setExtraStackFrame(null);
     }
-    var ft;
-    ft = !1;
-    function ht(m) {
+    var pt;
+    pt = !1;
+    function gt(m) {
       return typeof m == "object" && m !== null && m.$$typeof === t;
     }
-    function Jt() {
+    function Zt() {
       {
-        if (mt.current) {
-          var m = L(mt.current.type);
+        if (ht.current) {
+          var m = O(ht.current.type);
           if (m)
             return `
@@ -549,155 +549,155 @@ Check the render method of \`` + m + "`.";
     function Xn(m) {
       {
         if (m !== void 0) {
-          var v = m.fileName.replace(/^.*[\\\/]/, ""), y = m.lineNumber;
+          var w = m.fileName.replace(/^.*[\\\/]/, ""), y = m.lineNumber;
           return `
-Check your code at ` + v + ":" + y + ".";
+Check your code at ` + w + ":" + y + ".";
         }
         return "";
       }
     }
-    var Xt = {};
+    var Kt = {};
     function Zn(m) {
       {
-        var v = Jt();
-        if (!v) {
+        var w = Zt();
+        if (!w) {
           var y = typeof m == "string" ? m : m.displayName || m.name;
-          y && (v = `
+          y && (w = `
 Check the top-level render call using <` + y + ">.");
         }
-        return v;
+        return w;
       }
     }
-    function Zt(m, v) {
+    function qt(m, w) {
       {
         if (!m._store || m._store.validated || m.key != null)
           return;
         m._store.validated = !0;
-        var y = Zn(v);
-        if (Xt[y])
+        var y = Zn(w);
+        if (Kt[y])
           return;
-        Xt[y] = !0;
+        Kt[y] = !0;
         var $ = "";
-        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);
+        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);
       }
     }
-    function Kt(m, v) {
+    function en(m, w) {
       {
         if (typeof m != "object")
           return;
-        if (dt(m))
+        if (mt(m))
           for (var y = 0; y < m.length; y++) {
             var $ = m[y];
-            ht($) && Zt($, v);
+            gt($) && qt($, w);
           }
-        else if (ht(m))
+        else if (gt(m))
           m._store && (m._store.validated = !0);
         else if (m) {
-          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);
+          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);
         }
       }
     }
     function Kn(m) {
       {
-        var v = m.type;
-        if (v == null || typeof v == "string")
+        var w = m.type;
+        if (w == null || typeof w == "string")
           return;
         var y;
-        if (typeof v == "function")
-          y = v.propTypes;
-        else if (typeof v == "object" && (v.$$typeof === a || // Note: Memo only checks outer props here.
+        if (typeof w == "function")
+          y = w.propTypes;
+        else if (typeof w == "object" && (w.$$typeof === a || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        v.$$typeof === f))
-          y = v.propTypes;
+        w.$$typeof === f))
+          y = w.propTypes;
         else
           return;
         if (y) {
-          var $ = L(v);
+          var $ = O(w);
           On(y, m.props, "prop", $, m);
-        } 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");
+        } 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");
         }
-        typeof v.getDefaultProps == "function" && !v.getDefaultProps.isReactClassApproved && k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof w.getDefaultProps == "function" && !w.getDefaultProps.isReactClassApproved && k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function qn(m) {
       {
-        for (var v = Object.keys(m.props), y = 0; y < v.length; y++) {
-          var $ = v[y];
+        for (var w = Object.keys(m.props), y = 0; y < w.length; y++) {
+          var $ = w[y];
           if ($ !== "children" && $ !== "key") {
-            Te(m), k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", $), Te(null);
+            Me(m), k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", $), Me(null);
             break;
           }
         }
-        m.ref !== null && (Te(m), k("Invalid attribute `ref` supplied to `React.Fragment`."), Te(null));
+        m.ref !== null && (Me(m), k("Invalid attribute `ref` supplied to `React.Fragment`."), Me(null));
       }
     }
-    function qt(m, v, y, $, B, z) {
+    function tn(m, w, y, $, I, z) {
       {
-        var R = Q(m);
+        var R = U(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 ce = Xn(B);
-          ce ? D += ce : D += Jt();
+          var ue = Xn(I);
+          ue ? D += ue : D += Zt();
           var q;
-          m === null ? q = "null" : dt(m) ? q = "array" : m !== void 0 && m.$$typeof === t ? (q = "<" + (L(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" : 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);
         }
-        var ee = Jn(m, v, y, B, z);
+        var ee = Jn(m, w, y, I, z);
         if (ee == null)
           return ee;
         if (R) {
-          var he = v.children;
-          if (he !== void 0)
+          var _e = w.children;
+          if (_e !== void 0)
             if ($)
-              if (dt(he)) {
-                for (var $e = 0; $e < he.length; $e++)
-                  Kt(he[$e], m);
-                Object.freeze && Object.freeze(he);
+              if (mt(_e)) {
+                for (var Ce = 0; Ce < _e.length; Ce++)
+                  en(_e[Ce], m);
+                Object.freeze && Object.freeze(_e);
               } 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
-              Kt(he, m);
+              en(_e, m);
         }
         return m === r ? qn(ee) : Kn(ee), ee;
       }
     }
-    function es(m, v, y) {
-      return qt(m, v, y, !0);
+    function es(m, w, y) {
+      return tn(m, w, y, !0);
     }
-    function ts(m, v, y) {
-      return qt(m, v, y, !1);
+    function ts(m, w, y) {
+      return tn(m, w, y, !1);
     }
     var ns = ts, ss = es;
-    Fe.Fragment = r, Fe.jsx = ns, Fe.jsxs = ss;
-  }()), Fe;
+    Le.Fragment = r, Le.jsx = ns, Le.jsxs = ss;
+  }()), Le;
 }
-process.env.NODE_ENV === "production" ? Dt.exports = js() : Dt.exports = ys();
-var s = Dt.exports;
+process.env.NODE_ENV === "production" ? At.exports = js() : At.exports = ys();
+var s = At.exports;
 const Es = () => {
-  const [e, t] = F(window.location.pathname), n = () => {
+  const [e, t] = L(window.location.pathname), n = () => {
     const r = window.location.pathname;
     t(r);
   };
-  return X(() => (window.addEventListener("popstate", n), () => {
+  return Z(() => (window.addEventListener("popstate", n), () => {
     window.removeEventListener("popstate", n);
   }), []), e;
-}, Ce = (e, t) => {
-  const n = ne(!1);
-  X(() => {
+}, Ne = (e, t) => {
+  const n = se(!1);
+  Z(() => {
     n.current ? e() : n.current = !0;
   }, t);
 };
 function Ss(e, t, n) {
-  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() {
+  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() {
     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;
-  X(function() {
+  Z(function() {
     return f.current = !0, function() {
       f.current = !1;
     };
   }, []);
-  var E = et(function() {
+  var E = nt(function() {
     var k = function(x) {
-      var b = o.current, Q = a.current;
-      return o.current = a.current = null, c.current = x, u.current = l.current.apply(Q, b);
+      var b = o.current, U = a.current;
+      return o.current = a.current = null, c.current = x, u.current = l.current.apply(U, b);
     }, T = function(x, b) {
       h && cancelAnimationFrame(d.current), d.current = h ? requestAnimationFrame(x) : setTimeout(x, b);
     }, M = function(x) {
@@ -723,52 +723,52 @@ 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);
-    }, I = function x() {
+    }, H = function x() {
       var b = Date.now();
       if (M(b))
         return C(b);
       if (f.current) {
-        var Q = t - (b - i.current), w = j ? Math.min(Q, g - (b - c.current)) : Q;
-        T(x, w);
+        var U = t - (b - i.current), v = j ? Math.min(U, g - (b - c.current)) : U;
+        T(x, v);
       }
-    }, V = function() {
+    }, Y = 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(I, t), p ? k(i.current) : u.current;
+          return c.current = i.current, T(H, t), p ? k(i.current) : u.current;
         if (j)
-          return T(I, t), k(i.current);
+          return T(H, t), k(i.current);
       }
-      return d.current || T(I, t), u.current;
+      return d.current || T(H, t), u.current;
     };
-    return V.cancel = function() {
+    return Y.cancel = function() {
       d.current && (h ? cancelAnimationFrame(d.current) : clearTimeout(d.current)), c.current = 0, o.current = i.current = a.current = d.current = null;
-    }, V.isPending = function() {
+    }, Y.isPending = function() {
       return !!d.current;
-    }, V.flush = function() {
+    }, Y.flush = function() {
       return d.current ? C(Date.now()) : u.current;
-    }, V;
+    }, Y;
   }, [p, j, t, g, _, h]);
   return E;
 }
-function _n(e, t, n) {
+function bn(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 pt;
-const rt = (e = !0, t = !1) => {
+let _t;
+const at = (e = !0, t = !1) => {
   if (!e)
     return;
   const [n, r] = N.useState(0) || [!1, () => {
   }];
-  X(() => (c(), window.addEventListener("resize", d), () => {
-    clearTimeout(pt), d.flush(), window.removeEventListener("resize", d);
+  Z(() => (c(), window.addEventListener("resize", d), () => {
+    clearTimeout(_t), d.flush(), window.removeEventListener("resize", d);
   }), []);
   const i = () => window.innerWidth, c = () => {
     r(i());
-  }, d = _n(
+  }, d = bn(
     () => {
-      i() !== n && (t && (clearTimeout(pt), document.body.classList.add("is-resizing"), pt = setTimeout(() => {
+      i() !== n && (t && (clearTimeout(_t), document.body.classList.add("is-resizing"), _t = setTimeout(() => {
         document.body.classList.remove("is-resizing");
       }, 550)), c());
     },
@@ -790,7 +790,7 @@ const rt = (e = !0, t = !1) => {
   const [i, c] = N.useState({ current: 0, past: 0 }) || [!1, () => {
   }], [d, o] = N.useState({ scrollDown: !1, scrollUp: !1 }) || [!1, () => {
   }];
-  X(() => (a(), window.addEventListener("scroll", u), () => {
+  Z(() => (a(), window.addEventListener("scroll", u), () => {
     u.flush(), window.removeEventListener("scroll", u);
   }), []);
   const a = () => {
@@ -800,14 +800,14 @@ const rt = (e = !0, t = !1) => {
       return;
     }
     Math.abs(h) >= t.up && !d.scrollUp && (r(), o({ scrollUp: !0, scrollDown: !1 }));
-  }, u = _n(() => {
+  }, u = bn(() => {
     a();
   }, 250);
   return i;
 }, mo = (e = [], t = !0) => {
   e = Array.isArray(e) ? e : [e];
-  const n = ne(!1);
-  Ce(() => {
+  const n = se(!1);
+  Ne(() => {
     if (window && window.location && window.location.hash) {
       if (n.current)
         return;
@@ -821,13 +821,13 @@ const rt = (e = !0, t = !1) => {
   return t.forEach(({ type: r, value: i }) => {
     is(n, r, i);
   }), n;
-}, xn = (e) => {
+}, vn = (e) => {
   const t = [];
   return e.forEach((n) => {
     const r = parseInt(n);
     isNaN(r) || t.push(r);
   }), t.sort((n, r) => n - r);
-}, bn = (e, t, n) => {
+}, wn = (e, t, n) => {
   let r = n.mobile;
   for (const i in t) {
     const c = parseInt(String(t[i]));
@@ -856,7 +856,7 @@ const rt = (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)), Lt = {
+}, Ds = (e) => new Promise((t) => setTimeout(t, e)), Bt = {
   apolitical: "Apolitical",
   breadcrumbs_label: "Go back to:",
   breadcrumbs_currentPage: "Current page:",
@@ -1160,13 +1160,13 @@ 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: Lt,
+  en: Bt,
   es: Ns,
   fr: As,
   pt: Ps
-}, Symbol.toStringTag, { value: "Module" })), pe = (e, t, n, r, i = {}) => {
+}, Symbol.toStringTag, { value: "Module" })), xe = (e, t, n, r, i = {}) => {
   let c = "";
-  return `${t}_${n}` in Lt ? c = e({ id: `${t}_${n}` }, i) : c = e({ id: t }, { [r]: n, ...i }), c;
+  return `${t}_${n}` in Bt ? c = e({ id: `${t}_${n}` }, i) : c = e({ id: t }, { [r]: n, ...i }), c;
 }, Fs = (e, t, n) => {
   if (!e || e === 0)
     return "0";
@@ -1181,9 +1181,9 @@ Thank you for helping to protect the Apolitical community from abusive content.`
     }
   }
   return r;
-}, vn = (e, t) => N.Children.map(e, (n) => N.cloneElement(n, {
+}, kn = (e, t) => N.Children.map(e, (n) => N.cloneElement(n, {
   ...t
-})), Ls = (e) => e.replace(/\s+/g, "").length > 0, J = ({
+})), Ls = (e) => e.replace(/\s+/g, "").length > 0, X = ({
   variant: e = "primary",
   size: t = "medium",
   styling: n = { muted: !1, fullWidth: !1 },
@@ -1197,10 +1197,10 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   children: l = !1,
   ...f
 }) => {
-  const p = rt(typeof t == "object");
+  const p = at(typeof t == "object");
   if (typeof t == "object" && typeof p == "number") {
-    const g = Object.assign({}, t), E = xn(Object.keys(g));
-    t = bn(p, E, g);
+    const g = Object.assign({}, t), E = vn(Object.keys(g));
+    t = wn(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");
@@ -1219,16 +1219,16 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   return i && (c = "a", j.href = i), N.createElement(
     c,
     j,
-    l || (u ? /* @__PURE__ */ s.jsx(le, { showOnFocus: !1, children: u }) : null)
+    l || (u ? /* @__PURE__ */ s.jsx(de, { showOnFocus: !1, children: u }) : null)
   );
-}, 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));
+}, 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 });
 };
-const De = ({ className: e = "", maxWidth: t = !1 }) => {
+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 });
-}, at = ({
+}, lt = ({
   href: e,
   children: t,
   fallbackElement: n,
@@ -1251,7 +1251,7 @@ const De = ({ className: e = "", maxWidth: t = !1 }) => {
     );
   }
   return n ? N.createElement(n, { children: t, className: r, ...o }) : t;
-}, sn = {
+}, on = {
   card: {
     range: [
       {
@@ -1359,12 +1359,12 @@ const De = ({ className: e = "", maxWidth: t = !1 }) => {
   range: t,
   sizes: n
 }) => {
-  const { range: r, sizes: i } = e ? sn[e] : sn.fallback;
+  const { range: r, sizes: i } = e ? on[e] : on.fallback;
   return { range: t && t.length > 0 ? t : r, sizes: n || i };
 }, Bs = ({ 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;
-}, gt = ({ format: e, range: t, url: n, query: r }) => t.map(({ height: i, width: c }) => `${n}?${Bs({
+}, xt = ({ format: e, range: t, url: n, query: r }) => t.map(({ height: i, width: c }) => `${n}?${Bs({
   format: e,
   height: i,
   query: r,
@@ -1381,7 +1381,7 @@ const Is = ({ image: e, className: t, testId: n }) => {
     loading: u,
     decoding: l,
     fetchPriority: f
-  } = e, { range: h, sizes: p } = Os(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 });
+  } = 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 });
   return /* @__PURE__ */ s.jsxs("picture", { className: t, children: [
     c !== "image/gif" && /* @__PURE__ */ s.jsx(
       "source",
@@ -1418,10 +1418,10 @@ const Is = ({ image: e, className: t, testId: n }) => {
     )
   ] });
 };
-let Le = !1;
+let Oe = !1;
 const Hs = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
-  const r = A(), i = ne(null), [c, d] = F("hidden");
-  X(() => {
+  const r = A(), i = se(null), [c, d] = L("hidden");
+  Z(() => {
     const a = i.current;
     if (a)
       return a.addEventListener("transitionend", o), () => {
@@ -1429,17 +1429,17 @@ const Hs = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
       };
   }, []);
   const o = ({ propertyName: a }) => {
-    a === "opacity" && (Le !== !1 && clearTimeout(Le), d((u) => u === "opening" ? "open" : u === "closing" ? "closed" : u === "closed" ? "hidden" : u));
+    a === "opacity" && (Oe !== !1 && clearTimeout(Oe), d((u) => u === "opening" ? "open" : u === "closing" ? "closed" : u === "closed" ? "hidden" : u));
   };
-  return Ce(() => {
-    Le !== !1 && clearTimeout(Le);
+  return Ne(() => {
+    Oe !== !1 && clearTimeout(Oe);
     let a = "open";
-    e ? d("opening") : (d("closing"), a = "hidden"), Le = setTimeout(() => {
+    e ? d("opening") : (d("closing"), a = "hidden"), Oe = 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 wn = ({ children: e, className: t = "", ...n }) => /* @__PURE__ */ s.jsx("section", { className: S("full-width-section", t), ...n, children: e });
+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 r = [];
   return t.forEach((i) => {
@@ -1453,9 +1453,9 @@ const fo = ({ text: e, buttons: t, className: n = "" }) => {
       target: "_blank",
       children: i.text
     });
-  }), /* @__PURE__ */ s.jsx(wn, { className: S("download-section", n), children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+  }), /* @__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(ot, { buttons: r })
+    /* @__PURE__ */ s.jsx(it, { buttons: r })
   ] }) });
 };
 const ho = ({ title: e = !1, logos: t = [], className: n = "" }) => {
@@ -1552,7 +1552,7 @@ const Qs = [
     const f = document.getElementById(c.link.substring(1));
     f && f.scrollIntoView({ behavior: "smooth" });
   }), /* @__PURE__ */ s.jsx(
-    wn,
+    jn,
     {
       className: S("banner-section", r, i, e, {
         "has-image": n,
@@ -1573,7 +1573,7 @@ const Qs = [
           }),
           d,
           c && c.text && c.link && /* @__PURE__ */ s.jsx(
-            J,
+            X,
             {
               variant: n || r === "light" ? "primary" : "secondary",
               size: { mobile: "medium", 768: "large" },
@@ -1587,7 +1587,7 @@ const Qs = [
       ] })
     }
   );
-}, po = Ne(Us);
+}, po = Pe(Us);
 const go = ({
   variant: e = "primary",
   button: t = null,
@@ -1597,8 +1597,8 @@ 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(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 })
-] }), Nt = "https://storage.googleapis.com/apolitical-assets/", Oe = {
+  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 = {
   general: "hello@apolitical.co",
   support: "concierge@apolitical.co",
   "data-protection": {
@@ -1606,26 +1606,26 @@ const go = ({
     eu: "dpo.agl@apolitical.foundation"
   }
 }, _o = "200,000+";
-const kn = ({ label: e = !1, className: t = "", children: n }) => {
+const yn = ({ label: e = !1, className: t = "", children: n }) => {
   const r = A();
   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 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 = "" }) => {
+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 = "" }) => {
   let i = n && !!Object.keys(n).length;
-  const c = typeof n == "object" && "breakpoints" in n, d = rt(c);
+  const c = typeof n == "object" && "breakpoints" in n, d = at(c);
   if (c && typeof n == "object" && typeof d == "number") {
-    const f = Object.assign({}, n.breakpoints), h = xn(Object.keys(f));
-    i = bn(d, h, f);
+    const f = Object.assign({}, n.breakpoints), h = vn(Object.keys(f));
+    i = wn(d, h, f);
   }
   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 }),
+  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(
-      J,
+      X,
       {
         ...l,
         variant: n.variant ? n.variant : "secondary",
@@ -1634,39 +1634,39 @@ const it = ({ variant: e = "empty", text: t = !1, button: n = !1, className: r =
     ))
   ] }) });
 };
-const At = ({ children: e, ...t }) => /* @__PURE__ */ s.jsx("p", { ...t, children: e }), jn = { q: At, blockquote: At };
+const Rt = ({ children: e, ...t }) => /* @__PURE__ */ s.jsx("p", { ...t, children: e }), En = { q: Rt, blockquote: Rt };
 for (let e = 1; e <= 6; e++)
-  jn[`h${e}`] = { component: At, props: { className: "title" } };
-const zs = ({ type: e = "default", className: t = "", heading: n = !1, children: r }) => /* @__PURE__ */ s.jsxs("div", { className: S("helper-text-box text-small", e, t), children: [
+  En[`h${e}`] = { component: Rt, 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(
-    nt,
+    rt,
     {
       options: {
         wrapper: N.Fragment,
         forceBlock: !0,
-        overrides: jn
+        overrides: En
       },
       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 = ne(null), [o, a] = F(""), [u, l] = F("closed");
-  X(() => {
+  const c = A(), d = se(null), [o, a] = L(""), [u, l] = L("closed");
+  Z(() => {
     const p = d.current;
     if (p)
       return p.addEventListener("transitionend", f), () => {
         p.removeEventListener("transitionend", f);
       };
-  }, []), X(() => {
+  }, []), Z(() => {
     if (!r || typeof r != "string")
       return;
     const p = r.split(`
 `);
     a(p.length < 3 ? `${r.substring(0, 400)}...` : p.slice(0, 3).join(`
 `));
-  }, [r]), X(() => {
+  }, [r]), Z(() => {
     u === "ready-to-close" && l("closing");
   }, [u]);
   const f = ({ propertyName: p }) => {
@@ -1675,13 +1675,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(Ee, { variant: "subtle", className: S("hide-show-text-box", e), children: [
+  return /* @__PURE__ */ s.jsxs(Se, { variant: "subtle", className: S("hide-show-text-box", e), children: [
     /* @__PURE__ */ s.jsxs("div", { ref: d, className: S("content", u), children: [
-      /* @__PURE__ */ s.jsx(nt, { options: { forceBlock: !0 }, children: u === "closed" ? o : r }),
+      /* @__PURE__ */ s.jsx(rt, { options: { forceBlock: !0 }, children: u === "closed" ? o : r }),
       u !== "closed" && i
     ] }),
     /* @__PURE__ */ s.jsx("p", { className: "cta", children: /* @__PURE__ */ s.jsx(
-      J,
+      X,
       {
         variant: "tertiary",
         icon: { icon: "navigation_arrow", position: "left", animate: !0 },
@@ -1694,17 +1694,17 @@ const xo = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
       }
     ) })
   ] });
-}, Ws = () => N.Fragment, Vs = ({ children: e }) => /* @__PURE__ */ s.jsx(Ee, { variant: "secondary", children: e }), Ys = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], Gs = ({ children: e }) => {
+}, 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();
   if (!e)
     return null;
   let n = t.formatMessage({ id: "markdown_collapsibleSection_summary" });
   const r = [];
-  for (const c of Mt.toArray(e))
+  for (const c of Dt.toArray(e))
     if (!(!c || typeof c == "string" || typeof c == "number"))
       if (N.isValidElement(c) && c.type === "summary") {
         if (c.props && c.props.children) {
-          for (const d of Mt.toArray(c.props.children))
+          for (const d of Dt.toArray(c.props.children))
             if (!(!d || typeof d == "string" || typeof d == "number") && N.isValidElement(d)) {
               const o = d.type;
               if (Ys.includes(o)) {
@@ -1718,7 +1718,7 @@ 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(
-    kn,
+    yn,
     {
       label: i,
       className: ["Sources", "Resources"].includes(i) ? "discrete-links" : "",
@@ -1729,12 +1729,12 @@ const xo = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
   if (t.class)
     switch (t.class) {
       case "casestudy":
-        return /* @__PURE__ */ s.jsx(Ee, { variant: "secondary", children: e });
+        return /* @__PURE__ */ s.jsx(Se, { variant: "secondary", children: e });
       case "general-textbox":
       case "highlight-box":
-        return /* @__PURE__ */ s.jsx(Ee, { variant: "primary", children: e });
+        return /* @__PURE__ */ s.jsx(Se, { variant: "primary", children: e });
       case "pink-textbox":
-        return /* @__PURE__ */ s.jsx(Ee, { variant: "tertiary", children: e });
+        return /* @__PURE__ */ s.jsx(Se, { variant: "tertiary", children: e });
       default:
         return /* @__PURE__ */ s.jsx("div", { ...t, children: e });
     }
@@ -1744,30 +1744,30 @@ const xo = ({ className: e = "", show: t = !1, hide: n = !1, text: r, children:
   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(le, { children: /* @__PURE__ */ s.jsx("a", { href: `#content-after-iframe-${n}`, children: t.formatMessage({ id: `markdown_skip${r === "default" ? "" : `_${r}`}` }) }) }),
+    /* @__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("iframe", { ...e, title: t.formatMessage({ id: `markdown_iframe${r === "default" ? "" : `_${r}`}` }) }),
     /* @__PURE__ */ s.jsx("span", { id: `content-after-iframe-${n}`, tabIndex: -1 })
   ] });
-}, rn = (e) => {
+}, an = (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 }) => {
   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 Mt.toArray(e))
+  for (const c of Dt.toArray(e))
     if (!(!c || typeof c == "string" || typeof c == "number") && N.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" || rn(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" || 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)); )
           if (r.props && r.props.children && r.props.children[0])
-            r = r.props.children[0], r && rn(r) === "button" && (i = !0);
+            r = r.props.children[0], r && an(r) === "button" && (i = !0);
           else
             break;
     }
-  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 });
+  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 on = ({ className: e = "", options: t = {}, children: n }) => {
+const ln = ({ className: e = "", options: t = {}, children: n }) => {
   n = n.replace(/^<br\/?>/, "");
   const r = {
     wrapper: N.Fragment,
@@ -1776,39 +1776,39 @@ const on = ({ className: e = "", options: t = {}, children: n }) => {
       a: Zs,
       // Override psuedo-code
       // We give the content team psuedo-code short cuts to use in Contentful
-      CollapsibleSection: kn,
-      TextBox: Ee,
+      CollapsibleSection: yn,
+      TextBox: Se,
       CaseStudy: Vs,
       // Override embedded HTML
       // Our content team previously used real HTML, which we need to tear out and replace with React components
-      style: Ws,
+      style: zs,
       details: Gs,
       div: Js,
       iframe: Xs
     }
   };
-  return /* @__PURE__ */ s.jsx("div", { className: S("markdown-text", e), children: /* @__PURE__ */ s.jsx(nt, { options: { ...r, ...t }, children: n }) });
+  return /* @__PURE__ */ s.jsx("div", { className: S("markdown-text", e), children: /* @__PURE__ */ s.jsx(rt, { 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 Pt = ({ 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 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(le, { children: t ? `${e} ${t}` : r.formatMessage({ id: "progressBar" }, { number: e }) }) });
-}, tr = Ne(er);
-const _t = "loadingBlock_", nr = ({ progress: e = 0, steps: t = !1, className: n = "" }) => {
+  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();
   t || (t = {
-    0: { text: r.formatMessage({ id: `${_t}loading` }) },
-    75: { text: r.formatMessage({ id: `${_t}almostDone` }) },
-    100: { text: r.formatMessage({ id: `${_t}complete` }) }
+    0: { text: r.formatMessage({ id: `${bt}loading` }) },
+    75: { text: r.formatMessage({ id: `${bt}almostDone` }) },
+    100: { text: r.formatMessage({ id: `${bt}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(${Nt}icons/${t[i].icon}.svg)` } : {};
+  const d = i && t[i].icon ? { "--icon": `url(${Pt}icons/${t[i].icon}.svg)` } : {};
   return /* @__PURE__ */ s.jsxs(
-    Ee,
+    Se,
     {
       className: S("loading-block", n, { "has-icon": i && t[i].icon }),
       variant: "subtle",
@@ -1819,29 +1819,29 @@ const _t = "loadingBlock_", nr = ({ progress: e = 0, steps: t = !1, className: n
       ]
     }
   );
-}, bo = Ne(nr);
-const je = ({ element: e = "div", className: t = "", ...n }) => /* @__PURE__ */ s.jsx(gn, { element: e, className: S("loading-placeholder", t), ...n });
-const Rt = {
+}, 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 = {
   header: ["logo", "link", "link", "search"],
   sidebar: ["text", "text", "text", "text", "text"],
   "cards-section": ["subtitle", "cards"],
   cards: ["card", "card", "card", "card"],
   "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), sr = ({ layout: e = "overview-page" }) => /* @__PURE__ */ s.jsx("div", { className: S("loading-state", e), children: Rt[e].map((t, n) => yn(t, n)) }), En = (e) => {
+}, 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) => {
   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) : "";
-}, ze = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], rr = (e) => {
-  const t = Math.ceil(26 / ze.length), n = En(e).toLowerCase();
+}, Ve = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], rr = (e) => {
+  const t = Math.ceil(26 / Ve.length), n = Tn(e).toLowerCase();
   if (n === "")
-    return ze[0];
+    return Ve[0];
   const r = n.charCodeAt(0) - 96;
-  for (let i = 0; i < ze.length; i++)
+  for (let i = 0; i < Ve.length; i++)
     if (r <= t * (i + 1))
-      return ze[i];
+      return Ve[i];
 };
-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 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 f = u.current;
     if (!f)
       return;
@@ -1849,7 +1849,7 @@ const an = 256, Ot = ({ 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(En(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 = 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);
   }, [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(
@@ -1864,10 +1864,10 @@ const an = 256, Ot = ({ className: e = "", src: t = "", name: n, alt: r, width:
       height: c
     }
   ) : /* @__PURE__ */ s.jsx("canvas", { ref: u }) });
-}, Sn = (e) => e === "apolitical" ? {
-  image: `${Nt}logos/member_apolitical.svg`
+}, $n = (e) => e === "apolitical" ? {
+  image: `${Pt}logos/member_apolitical.svg`
 } : e === "community" || typeof e == "object" && !e.name ? {
-  image: `${Nt}logos/member_community.svg`
+  image: `${Pt}logos/member_community.svg`
 } : {
   name: e.name,
   role: e.jobTitle || "",
@@ -1886,9 +1886,9 @@ const an = 256, Ot = ({ 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 = tt(a, r)), a;
+  return a.length > r && (a = o), a.length > r && (a = st(a, r)), a;
 };
-const Bt = ({
+const Ht = ({
   element: e = "div",
   member: t = "community",
   additionalContent: n = !1,
@@ -1896,13 +1896,13 @@ const Bt = ({
   gtmType: i = "member-click",
   className: c = ""
 }) => {
-  const d = A(), o = Sn(t);
+  const d = A(), o = $n(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, {
     className: S("member text-medium", c),
     children: /* @__PURE__ */ s.jsxs(
-      at,
+      lt,
       {
         href: u,
         gtmType: i,
@@ -1911,7 +1911,7 @@ const Bt = ({
           _ == null || _.stopPropagation();
         },
         children: [
-          /* @__PURE__ */ s.jsx(Ot, { name: a, src: l }),
+          /* @__PURE__ */ s.jsx(It, { 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,7 +1925,7 @@ const Bt = ({
     )
   });
 };
-const ln = {
+const dn = {
   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 = "" }) => {
@@ -1936,10 +1936,10 @@ const ln = {
       /* @__PURE__ */ s.jsx("ul", { children: n.map((l, f) => {
         let h, p = "";
         if (f < o) {
-          const { name: _ = "", image: j = "" } = Sn(l);
+          const { name: _ = "", image: j = "" } = $n(l);
           if (d)
-            return /* @__PURE__ */ s.jsx(je, { element: "li", className: "contributor" }, f);
-          h = /* @__PURE__ */ s.jsx(Ot, { name: _, src: j, width: ln[i || "medium"], height: ln[i || "medium"] });
+            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: [
@@ -1949,7 +1949,7 @@ const ln = {
         }
         return h ? /* @__PURE__ */ s.jsx("li", { className: S("contributor", p), children: h }, f) : 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]}` }) : tt(n[0].name || "", 20) : 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 }) => {
@@ -1969,10 +1969,10 @@ const ln = {
     e && /* @__PURE__ */ s.jsx(ms, { initialIsOpen: !1 })
   ] });
 };
-var lr = Ft({ client: Xe });
+var lr = Ot({ client: Ke });
 function cr(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);
+  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);
   }, [n, r]);
   return N.createElement(lr.Provider, { value: { client: c } }, t);
 }
@@ -1998,22 +1998,22 @@ const dr = ({ children: e, user: t }) => t.isLoading ? /* @__PURE__ */ s.jsx(s.F
     ...n || {}
   };
   return /* @__PURE__ */ s.jsx(ls, { locale: r, messages: i, children: e });
-}, Se = Ft(null), mr = ({ children: e, user: t }) => /* @__PURE__ */ s.jsx(Se.Provider, { value: t, children: e }), vo = ({ bootstrap: e, children: t, intl: n }) => {
-  const [r, i] = F({ isLoading: !0 });
-  return X(() => {
+}, 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(() => {
     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 }) }) }) });
 };
-const xt = "joinCommunityButton", Tn = ({ isMember: e = !1, isShort: t = !1, functions: { join: n, leave: r } = { join: () => {
+const vt = "joinCommunityButton", Mn = ({ isMember: e = !1, isShort: t = !1, functions: { join: n, leave: r } = { join: () => {
 }, leave: () => {
 } } }) => {
-  const i = A(), c = ge(Se), d = c && typeof c.id == "string", [o, a] = F(e), [u, l] = F(e ? "joined" : "notJoined");
-  X(() => {
+  const i = A(), c = be(Te), d = c && typeof c.id == "string", [o, a] = L(e), [u, l] = L(e ? "joined" : "notJoined");
+  Z(() => {
     u === "joining" ? l("joined") : u === "leaving" && l("notJoined");
   }, [o]);
   const f = {}, h = {};
-  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,
+  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,
     {
       variant: o ? "secondary" : "primary",
       size: "medium",
@@ -2025,26 +2025,55 @@ const xt = "joinCommunityButton", Tn = ({ 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: `${xt}${["joining", "leaving"].includes(u) ? `_${u}` : o ? "_member" : t ? "_short" : ""}` }) })
+      children: /* @__PURE__ */ s.jsx("span", { className: "text", ...h, children: i.formatMessage({ id: `${vt}${["joining", "leaving"].includes(u) ? `_${u}` : o ? "_member" : t ? "_short" : ""}` }) })
     }
   );
 };
-const bt = "communityDetails_", wo = ({ isMember: e = !1, slug: t, members: { number: n, data: r } = { number: void 0, data: [] }, className: i = "", ...c }) => {
-  const d = A(), o = n || (r == null ? void 0 : r.length) || 0;
-  return /* @__PURE__ */ s.jsxs("div", { className: S("community-details", i), children: [
-    /* @__PURE__ */ s.jsx(De, {}),
+const wt = "communityDetails_", wo = ({
+  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({});
+  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: [
-          d.formatMessage({ id: `${bt}members` }),
-          /* @__PURE__ */ s.jsx("span", { className: "count", children: o })
+          o.formatMessage({ id: `${wt}members` }),
+          /* @__PURE__ */ s.jsx("span", { className: "count", children: u })
         ] }),
-        /* @__PURE__ */ s.jsx("p", { className: "text-small", children: /* @__PURE__ */ s.jsx("a", { href: `/communities/${t}/members`, children: d.formatMessage({ id: `${bt}viewAll` }) }) })
+        /* @__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(ar, { contributors: { total: n, data: r != null && r.length ? r : [{}, {}, {}, {}, {}] }, styling: { size: "medium", showGap: !0, showPlaceholders: o === 0 }, cutoff: 5 })
+      /* @__PURE__ */ s.jsx(
+        ar,
+        {
+          contributors: {
+            total: r,
+            data: l
+          },
+          styling: {
+            size: "medium",
+            showGap: !0,
+            showPlaceholders: u === 0
+          },
+          cutoff: a
+        }
+      )
     ] }),
-    /* @__PURE__ */ s.jsx(Tn, { isMember: e, ...c }),
-    e && /* @__PURE__ */ s.jsx(J, { variant: "primary", icon: { icon: "plus" }, styling: { fullWidth: !0 }, children: d.formatMessage({ id: `${bt}invite` }) })
+    /* @__PURE__ */ s.jsx(Mn, { isMember: t, functions: { ...d } }),
+    t && /* @__PURE__ */ s.jsx(
+      X,
+      {
+        variant: "primary",
+        onClick: c,
+        icon: { icon: "plus" },
+        styling: { fullWidth: !0 },
+        children: o.formatMessage({ id: `${wt}invite` })
+      }
+    )
   ] });
 };
 const ko = ({
@@ -2054,10 +2083,10 @@ const ko = ({
 }) => {
   const r = A();
   return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsx(le, { element: "p", children: r.formatMessage({ id: "breadcrumbs_label" }) }),
+    /* @__PURE__ */ s.jsx(de, { 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(le, { element: "span", children: r.formatMessage({ id: "breadcrumbs_currentPage" }) }),
-      /* @__PURE__ */ s.jsx(at, { href: d ? void 0 : c, children: tt(i, t) })
+      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) })
     ] }, `${window.btoa(i)}_${o}`)) })
   ] });
 };
@@ -2069,7 +2098,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] = F(t ? ["all"] : []), u = (l, f) => {
+  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) => {
     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();
   };
@@ -2097,7 +2126,7 @@ const jo = ({
     c === "before-lang" ? r += `/${i}` : (r.includes(`/${n}/`) || (r += `/${n}`), r += `/${i}`);
   }), r.includes(`/${n}/`) || (r += `/${n}`), r;
 };
-const vt = { en: "English", es: "Español", fr: "Français", pt: "Português" }, We = "languageSwitcher_", yo = ({
+const kt = { en: "English", es: "Español", fr: "Français", pt: "Português" }, Ye = "languageSwitcher_", yo = ({
   currentLanguage: e,
   isOriginalLanguage: t = !1,
   isHumanTranslation: n = !1,
@@ -2109,35 +2138,35 @@ const vt = { en: "English", es: "Español", fr: "Français", pt: "Português" },
   label: o,
   className: a = ""
 }) => {
-  const u = A(), [l, f] = F(e);
-  if (X(() => {
+  const u = A(), [l, f] = L(e);
+  if (Z(() => {
     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: `${We}label` }) }),
+      d !== "short" && /* @__PURE__ */ s.jsx("p", { children: o || u.formatMessage({ id: `${Ye}label` }) }),
       /* @__PURE__ */ s.jsx("ul", { children: p.map((j) => {
-        if (!vt[j])
+        if (!kt[j])
           return null;
         let g = { className: j };
-        return l === j ? g["aria-label"] = u.formatMessage({ id: `${We}selected` }, { language: vt[j] }) : g = {
+        return l === j ? g["aria-label"] = u.formatMessage({ id: `${Ye}selected` }, { language: kt[j] }) : g = {
           ...g,
           href: fr(j, c),
           onClick: (E) => {
             E.preventDefault(), E.stopPropagation(), f(j), i(j);
           }
-        }, /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(at, { ...g, fallbackElement: "span", children: vt[j] }) }, j);
+        }, /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(lt, { ...g, fallbackElement: "span", children: kt[j] }) }, j);
       }) }),
-      d !== "short" && !_ && /* @__PURE__ */ s.jsx("p", { children: u.formatMessage({ id: `${We}translation_${t ? "original" : n ? "human" : "machine"}` }) })
+      d !== "short" && !_ && /* @__PURE__ */ s.jsx("p", { children: u.formatMessage({ id: `${Ye}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: `${We}disclaimer` }, {
-        email: Oe.support,
+      children: u.formatMessage({ id: `${Ye}disclaimer` }, {
+        email: Be.support,
         link: (j) => {
           const g = `mailto:${j}`;
           return /* @__PURE__ */ s.jsx("a", { href: g, children: j });
@@ -2146,7 +2175,7 @@ const vt = { en: "English", es: "Español", fr: "Français", pt: "Português" },
     })
   ] });
 };
-const wt = cs({ locale: "en", messages: Lt }), hr = ({
+const jt = cs({ locale: "en", messages: Bt }), hr = ({
   page: e = 1,
   length: t = 0,
   limit: n = 10,
@@ -2154,14 +2183,14 @@ const wt = cs({ locale: "en", messages: Lt }), hr = ({
   },
   icon: i = !1,
   messages: c = {
-    button: wt.formatMessage({ id: "loadMore_button" }),
-    endOfFeed: wt.formatMessage({ id: "loadMore_endOfFeed" }),
-    error: wt.formatMessage({ id: "loadMore_error" })
+    button: jt.formatMessage({ id: "loadMore_button" }),
+    endOfFeed: jt.formatMessage({ id: "loadMore_endOfFeed" }),
+    error: jt.formatMessage({ id: "loadMore_error" })
   },
   className: d = "",
   gtmContext: o = "LoadMore"
 }) => {
-  const [a, u] = F(!1), [l, f] = F(!1);
+  const [a, u] = L(!1), [l, f] = L(!1);
   if (t <= 0 || t < n * e)
     return null;
   const h = async (p) => {
@@ -2174,7 +2203,7 @@ const wt = cs({ locale: "en", messages: Lt }), 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(
-      J,
+      X,
       {
         variant: "secondary",
         icon: i,
@@ -2188,19 +2217,19 @@ const wt = cs({ locale: "en", messages: Lt }), hr = ({
     )
   ] });
 };
-let Ve = !1;
+let Ge = !1;
 const pr = ({ element: e = "div", id: t = "more-menu", options: n, className: r = "" }) => {
-  const i = A(), c = ne(null), [d, o] = F(!1), a = (u) => {
+  const i = A(), c = se(null), [d, o] = L(!1), a = (u) => {
     c.current && u.target instanceof HTMLElement && !c.current.contains(u.target) && o(!1);
   };
-  return X(() => (document.addEventListener("click", a, !0), () => {
+  return Z(() => (document.addEventListener("click", a, !0), () => {
     document.removeEventListener("click", a, !0);
   })), N.createElement(e, {
     ref: c,
     className: S("more-menu text-medium", r),
     children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
       /* @__PURE__ */ s.jsx(
-        J,
+        X,
         {
           variant: "tertiary",
           size: "medium",
@@ -2219,16 +2248,16 @@ const pr = ({ element: e = "div", id: t = "more-menu", options: n, className: r
             o(!1), typeof l == "function" && l(g);
           },
           onFocus: () => {
-            Ve && (clearTimeout(Ve), Ve = !1);
+            Ge && (clearTimeout(Ge), Ge = !1);
           },
           onBlur: () => {
-            Ve = setTimeout(() => {
+            Ge = setTimeout(() => {
               o(!1);
             }, 100);
           }
         };
         return u && (j.href = u), /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
-          J,
+          X,
           {
             variant: "tertiary",
             size: "medium",
@@ -2241,32 +2270,32 @@ const pr = ({ element: e = "div", id: t = "more-menu", options: n, className: r
     ] })
   });
 };
-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 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 = {
   "2-1": 901
 }, Eo = ({ layout: e = "2-1", hideOnMobile: t = !1, className: n = "", children: r }) => {
-  const i = rt(!0);
+  const i = at(!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) });
 };
-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), _r = () => {
-  const e = A(), [t, n, r] = fs(jt), [i, c] = F(!t["apol-cookie-banner"]), d = () => {
-    jt.forEach((l) => {
+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) => {
       n(l, !0, {
         path: "/",
-        expires: yt,
+        expires: St,
         domain: l === "apolitical-performance-cookie-consent" ? ".apolitical.co" : void 0
       });
     }), c(!1), window.location.reload();
   }, o = () => {
     n("apol-cookie-banner", !0, {
       path: "/",
-      expires: yt
-    }), jt.forEach((l) => {
+      expires: St
+    }), Et.forEach((l) => {
       if (l === "apol-cookie-banner") {
         n(l, !0, {
           path: "/",
-          expires: yt
+          expires: St
         });
         return;
       }
@@ -2288,14 +2317,14 @@ const kt = "cookieBanner_", jt = ["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: `${kt}buttons_${l.id}` })
+      children: e.formatMessage({ id: `${yt}buttons_${l.id}` })
     });
   }), /* @__PURE__ */ s.jsxs("aside", { id: "cookie-banner", className: "text-medium", children: [
-    /* @__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 })
+    /* @__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 })
   ] });
-}, we = {
+}, ke = {
   platform: {
     order: ["events", "courses", "qanda", "articles"],
     // An array guarantees the right order
@@ -2360,11 +2389,11 @@ const kt = "cookieBanner_", jt = ["apol-cookie-banner", "apolitical-performance-
     text: {
       order: ["dataProtection", "euDataProtection"],
       dataProtection: {
-        email: Oe["data-protection"].default,
+        email: Be["data-protection"].default,
         gtmType: "email-dpo-link"
       },
       euDataProtection: {
-        email: Oe["data-protection"].eu,
+        email: Be["data-protection"].eu,
         gtmType: "email-eu-dpo-link"
       }
     }
@@ -2376,10 +2405,10 @@ const kt = "cookieBanner_", jt = ["apol-cookie-banner", "apolitical-performance-
       registered: { address: !0 },
       berlin: { address: !0 },
       support: {
-        email: Oe.support,
+        email: Be.support,
         gtmType: "concierge-email-click"
       },
-      business: { email: Oe.general, gtmType: "hello-email-click" }
+      business: { email: Be.general, gtmType: "hello-email-click" }
     }
   },
   social: {
@@ -2389,37 +2418,37 @@ const kt = "cookieBanner_", jt = ["apol-cookie-banner", "apolitical-performance-
     facebook: { href: "https://www.facebook.com/apoliticalco" }
   }
 };
-const Me = "footer_", Ze = "SiteFooter", cn = ({ group: e }) => {
-  const t = we[e].order || [];
+const De = "footer_", qe = "SiteFooter", un = ({ group: e }) => {
+  const t = ke[e].order || [];
   let n = !1;
-  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}` }) }),
+  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}` }) }),
     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 } = we[e][r], d = {};
+      const { href: i, gtmType: c } = ke[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": Ze,
+          "data-gtm-event-context": qe,
           "data-gtm-event-type": c,
           ...d,
-          children: /* @__PURE__ */ s.jsx(ye, { id: `${Me}${e}_${r}` })
+          children: /* @__PURE__ */ s.jsx(Ee, { id: `${De}${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(Ct, { children: [
-      /* @__PURE__ */ s.jsx("dt", { children: /* @__PURE__ */ s.jsx(ye, { id: `${Me}${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}` }) }),
       /* @__PURE__ */ s.jsxs("dd", { children: [
-        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].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].email && /* @__PURE__ */ s.jsx(
           "a",
           {
             href: `mailto:${n[r].email}`,
             className: "gtm-trackable",
-            "data-gtm-event-context": Ze,
+            "data-gtm-event-context": qe,
             "data-gtm-event-type": n[r].gtmType,
             children: n[r].email
           }
@@ -2427,26 +2456,26 @@ const Me = "footer_", Ze = "SiteFooter", cn = ({ group: e }) => {
       ] })
     ] }, `dl-${e}-${r}`)) })
   ] }, e);
-}, Mn = () => /* @__PURE__ */ s.jsx("div", { id: "footer", children: /* @__PURE__ */ s.jsxs("div", { className: "wrapper", children: [
-  /* @__PURE__ */ s.jsx(gn, { element: "hr" }),
+}, Dn = () => /* @__PURE__ */ s.jsx("div", { id: "footer", children: /* @__PURE__ */ s.jsxs("div", { className: "wrapper", children: [
+  /* @__PURE__ */ s.jsx(xn, { element: "hr" }),
   /* @__PURE__ */ s.jsx(
-    $n,
+    Cn,
     {
       variant: "inverted",
       version: "full",
       className: "gtm-trackable",
-      "data-gtm-event-context": Ze,
+      "data-gtm-event-context": qe,
       "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(cn, { group: e }),
-    Object.keys(we[e]).includes("child") && /* @__PURE__ */ s.jsx(cn, { group: we[e].child })
+    /* @__PURE__ */ s.jsx(un, { group: e }),
+    Object.keys(ke[e]).includes("child") && /* @__PURE__ */ s.jsx(un, { group: ke[e].child })
   ] }, e)) }),
   /* @__PURE__ */ s.jsx("hr", {}),
   /* @__PURE__ */ s.jsxs("div", { className: "sub-footer", children: [
-    /* @__PURE__ */ s.jsx("ul", { children: Array.isArray(we.social.order) && we.social.order.map((e) => {
-      const t = we.social[e];
+    /* @__PURE__ */ s.jsx("ul", { children: Array.isArray(ke.social.order) && ke.social.order.map((e) => {
+      const t = ke.social[e];
       return /* @__PURE__ */ s.jsx("li", { className: e, children: /* @__PURE__ */ s.jsx(
         "a",
         {
@@ -2454,22 +2483,22 @@ const Me = "footer_", Ze = "SiteFooter", cn = ({ group: e }) => {
           target: "_blank",
           rel: "noopener noreferrer",
           className: "gtm-trackable",
-          "data-gtm-event-context": Ze,
+          "data-gtm-event-context": qe,
           "data-gtm-event-type": "social-click",
-          children: /* @__PURE__ */ s.jsx("span", { className: "hidden", children: /* @__PURE__ */ s.jsx(ye, { id: `${Me}social_${e}` }) })
+          children: /* @__PURE__ */ s.jsx("span", { className: "hidden", children: /* @__PURE__ */ s.jsx(Ee, { id: `${De}social_${e}` }) })
         }
       ) }, e);
     }) }),
-    /* @__PURE__ */ s.jsx("small", { children: /* @__PURE__ */ s.jsx(ye, { id: `${Me}copyright`, values: { currentYear: (/* @__PURE__ */ new Date()).getFullYear() } }) })
+    /* @__PURE__ */ s.jsx("small", { children: /* @__PURE__ */ s.jsx(Ee, { id: `${De}copyright`, values: { currentYear: (/* @__PURE__ */ new Date()).getFullYear() } }) })
   ] })
 ] }) });
-const Ye = "emailHelperTextBox_", So = ({ type: e, email: t, redirectPath: n, resendVerificationCode: r }) => {
-  const i = A(), [c, d] = F({ path: `${Ye}default`, type: "default", link: {}, mail: {}, error: "" }), [o, a] = F(!1), u = ke(
+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(
     (p) => {
       p.preventDefault(), p.stopPropagation();
       const _ = (j) => {
         d({
-          path: `${Ye}error_verificationFailedToSend`,
+          path: `${Je}error_verificationFailedToSend`,
           type: "error",
           link: {
             "data-gtm-event-context": "VerifyEmailBox",
@@ -2489,7 +2518,7 @@ const Ye = "emailHelperTextBox_", So = ({ type: e, email: t, redirectPath: n, re
         });
       };
       if (typeof r != "function") {
-        _(i.formatMessage({ id: `${Ye}error_noFunction` }));
+        _(i.formatMessage({ id: `${Je}error_noFunction` }));
         return;
       }
       a(!0), r(t).then(() => {
@@ -2503,9 +2532,9 @@ const Ye = "emailHelperTextBox_", So = ({ type: e, email: t, redirectPath: n, re
     /* eslint-disable react-hooks/exhaustive-deps */
     [t, n, r]
   );
-  X(
+  Z(
     () => {
-      let p = Ye, _ = "default", j = {}, g = {};
+      let p = Je, _ = "default", j = {}, g = {};
       switch (e) {
         case "gov":
           p += "autoApproved", _ = "success";
@@ -2563,9 +2592,9 @@ const Ye = "emailHelperTextBox_", So = ({ type: e, email: t, redirectPath: n, re
   const l = {};
   return ["link", "mail"].forEach((p) => {
     l[p] = Object.keys(c[p]).length ? (_) => /* @__PURE__ */ s.jsx("a", { ...c[p], children: _ }) : (_) => _;
-  }), /* @__PURE__ */ s.jsx(zs, { type: c.type, heading: o ? !1 : i.formatMessage({ id: `${c.path}_title` }), children: o ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsx(je, { element: "span" }),
-    /* @__PURE__ */ s.jsx(je, { element: "span" })
+  }), /* @__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" })
   ] }) : (
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
@@ -2585,28 +2614,28 @@ const Ye = "emailHelperTextBox_", So = ({ type: e, email: t, redirectPath: n, re
     )
   ) });
 };
-const Ge = "passwordRules_", Cn = "isMoreThanEightCharacters", Dn = "includesNumberAndSymbol", Nn = "includesLowerAndUppercase", xr = {
-  [Cn]: "8Characters",
-  [Dn]: "numberSymbol",
-  [Nn]: "lowercaseUppercase"
+const Xe = "passwordRules_", Nn = "isMoreThanEightCharacters", An = "includesNumberAndSymbol", Pn = "includesLowerAndUppercase", xr = {
+  [Nn]: "8Characters",
+  [An]: "numberSymbol",
+  [Pn]: "lowercaseUppercase"
 }, br = ({ matchingRules: e = { isMoreThanEightCharacters: !1, includesNumberAndSymbol: !1, includesLowerAndUppercase: !1 }, className: t = "" }) => {
   const n = A();
   return /* @__PURE__ */ s.jsxs("aside", { className: S("password-rules", t), children: [
-    /* @__PURE__ */ s.jsx("small", { children: n.formatMessage({ id: `${Ge}intro` }) }),
-    /* @__PURE__ */ s.jsx("ul", { children: [Cn, Dn, Nn].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("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("span", { children: n.formatMessage({ id: `${Ge}rule_${xr[r]}` }) }),
-      !e[r] && /* @__PURE__ */ s.jsxs(le, { element: "strong", children: [
+      /* @__PURE__ */ s.jsx("span", { children: n.formatMessage({ id: `${Xe}rule_${xr[r]}` }) }),
+      !e[r] && /* @__PURE__ */ s.jsxs(de, { element: "strong", children: [
         " ",
         " ",
-        n.formatMessage({ id: `${Ge}notMet` })
+        n.formatMessage({ id: `${Xe}notMet` })
       ] })
     ] }, `rule-${r}`)) })
   ] });
-}, To = Ne(br);
+}, To = Pe(br);
 const $o = ({
   text: e = {},
   topRating: t = 5,
@@ -2616,7 +2645,7 @@ const $o = ({
   className: c = "",
   hasLoaded: d = !1
 }) => {
-  const o = A(), [a, u] = F({ setUp: !1, id: null, rating: null, disabled: !0 }), l = async () => {
+  const o = A(), [a, u] = L({ 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 }));
@@ -2624,10 +2653,10 @@ const $o = ({
       u((k) => ({ ...k, setUp: !0, disabled: !0 })), i(E);
     }
   };
-  if (X(() => {
+  if (Z(() => {
     d && !a.setUp && l();
   }, [d]), !d)
-    return /* @__PURE__ */ s.jsx(je, { className: "rating-placeholder" });
+    return /* @__PURE__ */ s.jsx(ye, { className: "rating-placeholder" });
   const { id: f, rating: h, disabled: p } = a, _ = "ratings_", j = {
     text: o.formatMessage({ id: `${_}text` }),
     low: o.formatMessage({ id: `${_}low` }),
@@ -2649,7 +2678,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(
-        J,
+        X,
         {
           variant: "tertiary",
           size: "small",
@@ -2675,8 +2704,8 @@ const vr = ({
   gtmContext: i = "search-bar",
   gtmEvent: c = "form-submission"
 }) => {
-  const { searchIsOpen: d = !0, isDesktopVersion: o = !1 } = n || {}, a = A(), u = ne(null);
-  Ce(() => {
+  const { searchIsOpen: d = !0, isDesktopVersion: o = !1 } = n || {}, a = A(), u = se(null);
+  Ne(() => {
     !n || o || !d || u.current && u.current.focus();
   }, [d]);
   const l = (f) => {
@@ -2690,7 +2719,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(le, { element: "label", htmlFor: e, children: a.formatMessage({ id: "search_label" }) }),
+        /* @__PURE__ */ s.jsx(de, { element: "label", htmlFor: e, children: a.formatMessage({ id: "search_label" }) }),
         /* @__PURE__ */ s.jsx(
           "input",
           {
@@ -2712,10 +2741,10 @@ const vr = ({
             onClick: (f) => {
               f.preventDefault(), f.stopPropagation(), u.current && u.current.value && (u.current.value = "");
             },
-            children: /* @__PURE__ */ s.jsx(le, { children: a.formatMessage({ id: "search_clear" }) })
+            children: /* @__PURE__ */ s.jsx(de, { children: a.formatMessage({ id: "search_clear" }) })
           }
         ),
-        /* @__PURE__ */ s.jsx("button", { className: "search", onClick: l, children: /* @__PURE__ */ s.jsx(le, { children: a.formatMessage({ id: "search_cta" }) }) })
+        /* @__PURE__ */ s.jsx("button", { className: "search", onClick: l, children: /* @__PURE__ */ s.jsx(de, { children: a.formatMessage({ id: "search_cta" }) }) })
       ] }) })
     }
   );
@@ -2733,7 +2762,7 @@ const wr = ({
   initialFormStatus: u = "NOT_SUBMITTED"
   /* NOT_SUBMITTED */
 }) => {
-  const [l, f] = F([]), [h, p] = F(!0), [_, j] = F(u), { formatMessage: g } = A(), E = async (M) => {
+  const [l, f] = L([]), [h, p] = L(!0), [_, j] = L(u), { formatMessage: g } = A(), E = async (M) => {
     M.preventDefault();
     try {
       await a(l), f([]), j(
@@ -2762,11 +2791,11 @@ const wr = ({
       " ",
       g({ id: "inviteForm_error" })
     ] }) }),
-    /* @__PURE__ */ s.jsx(De, {}),
+    /* @__PURE__ */ s.jsx(Ae, {}),
     /* @__PURE__ */ s.jsx("div", { className: "footer", children: _ === "SUCCESS" ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-      /* @__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(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("div", { className: "invite-form-wrapper", children: /* @__PURE__ */ s.jsxs(
     "form",
     {
@@ -2788,16 +2817,16 @@ const wr = ({
                 f(M), p(!M.length);
               },
               autoFocus: !1,
-              getLabel: (M, C, I) => /* @__PURE__ */ s.jsxs("div", { className: "email text-medium", children: [
+              getLabel: (M, C, H) => /* @__PURE__ */ s.jsxs("div", { className: "email text-medium", children: [
                 /* @__PURE__ */ s.jsx("div", { "data-tag-item": !0, children: M }),
                 /* @__PURE__ */ s.jsx(
-                  J,
+                  X,
                   {
                     variant: "tertiary",
                     size: "small",
                     icon: { icon: "close" },
                     onClick: () => {
-                      I(C), p(!l.length);
+                      H(C), p(!l.length);
                     },
                     className: "remove-email-button",
                     screenreaderText: g({ id: "overlay_close" })
@@ -2807,12 +2836,12 @@ const wr = ({
             }
           )
         ] }),
-        /* @__PURE__ */ s.jsx(De, {}),
-        /* @__PURE__ */ s.jsx("fieldset", { className: "footer", children: /* @__PURE__ */ s.jsx(J, { className: "sendEmailsButton", disabled: h, children: n }) })
+        /* @__PURE__ */ s.jsx(Ae, {}),
+        /* @__PURE__ */ s.jsx("fieldset", { className: "footer", children: /* @__PURE__ */ s.jsx(X, { className: "sendEmailsButton", disabled: h, children: n }) })
       ]
     }
   ) });
-}, H = {
+}, Q = {
   timeouts: {},
   handlerCalled: {},
   getIsDesktopVersion: (e, t) => {
@@ -2835,9 +2864,9 @@ const wr = ({
     if (n[e] === t || e === "account" && t === !1 && n.navigation === !0)
       return;
     const i = Date.now();
-    if (!t && H.handlerCalled[e] && i - H.handlerCalled[e] < 500)
+    if (!t && Q.handlerCalled[e] && i - Q.handlerCalled[e] < 500)
       return;
-    H.handlerCalled[e] = i;
+    Q.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 });
@@ -2858,11 +2887,11 @@ const wr = ({
         return e[r];
       if (!t.includes("."))
         continue;
-      const i = hn(e[r], t);
+      const i = gn(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 ? H.findFirstChild(e[0].children, t, n) : !1;
+    return e[0].children ? Q.findFirstChild(e[0].children, t, n) : !1;
   },
   autoFocus: ({ menu: e, navigationRef: t, isDesktopVersion: n, focusElements: r, dispatch: i }) => {
     if (!t.current || !t.current.children)
@@ -2876,20 +2905,20 @@ const wr = ({
     switch (e) {
       case "navigation":
         if (n) {
-          const a = H.findFirstChild(
+          const a = Q.findFirstChild(
             t.current.children,
             "attributes.aria-controls",
             "navigation"
           );
-          d = H.findFirstChild(a.children, "href");
+          d = Q.findFirstChild(a.children, "href");
         } else
-          d = H.findFirstChild(t.current.children, "href");
+          d = Q.findFirstChild(t.current.children, "href");
         d || (d = t.current);
         break;
       case "account":
-        if (o = H.findFirstChild(t.current.children, "className", "account"), !o || !o.children)
+        if (o = Q.findFirstChild(t.current.children, "className", "account"), !o || !o.children)
           return;
-        d = H.findFirstChild(o.children, "href");
+        d = Q.findFirstChild(o.children, "href");
         break;
       default:
         return;
@@ -2898,21 +2927,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(H.timeouts[t]), n(t, !r));
+      e.target && e.target.attributes && e.target.attributes.href || (e.preventDefault(), e.stopPropagation(), clearTimeout(Q.timeouts[t]), n(t, !r));
     },
     onFocus: ({ id: e }) => {
-      clearTimeout(H.timeouts[e]);
+      clearTimeout(Q.timeouts[e]);
     },
     onMouseEnter: ({ id: e, callback: t }) => {
-      clearTimeout(H.timeouts[e]), t(e, !0);
+      clearTimeout(Q.timeouts[e]), t(e, !0);
     },
     onBlur: ({ id: e, callback: t }) => {
-      H.timeouts[e] = setTimeout(() => {
+      Q.timeouts[e] = setTimeout(() => {
         t(e, !1);
       }, 250);
     }
   }
-}, Ke = {
+}, et = {
   order: ["home", "topics", "partners", "account"],
   home: {
     href: "/home/",
@@ -2988,7 +3017,7 @@ const wr = ({
       props: { variant: "primary" }
     }
   }
-}, qe = ({
+}, tt = ({
   id: e,
   isLoggedIn: t = !1,
   isDesktopVersion: n = !1,
@@ -2997,7 +3026,7 @@ const wr = ({
   },
   doTrack: c = null
 }) => {
-  const d = A(), o = hn(Ke, e);
+  const d = A(), o = gn(et, 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.");
@@ -3029,16 +3058,16 @@ const wr = ({
   let g = {}, E = {};
   if (p) {
     const k = o.menuId || e, T = {
-      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 })
+      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 })
     };
     n && (_ && (g = {
       ...T,
       onKeyPress: (M) => {
-        M.key === "Enter" && H.events.onClick(M, { id: k, callback: i, isOpen: r[k] });
+        M.key === "Enter" && Q.events.onClick(M, { id: k, callback: i, isOpen: r[k] });
       },
       tabIndex: "0",
       // Add a `tabIndex` so keyboard users can focus on the `li`
@@ -3051,7 +3080,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 ? J : "a", h, d.formatMessage({ id: f })) : d.formatMessage({ id: f }),
+    h ? N.createElement(l ? X : "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;
@@ -3064,14 +3093,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(qe, { id: `${e}.${k}.${M}`, ...T }, M)) })
-      ] }, k) : /* @__PURE__ */ s.jsx(qe, { id: `${e}.${k}`, ...T }, 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);
     }) })
   ] }, e);
 };
-const kr = { height: 67, height_desktop: 83 }, An = () => {
-  const e = A(), t = ge(Se), n = rt(!0, !0), r = t && typeof t.id == "string", i = et(
-    () => H.getIsDesktopVersion(r, n),
+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),
     [r, n]
   ), [c, d] = rs($s, {
     headerIsVisible: !0,
@@ -3085,26 +3114,26 @@ const kr = { height: 67, height_desktop: 83 }, An = () => {
     scrollPosition: kr[`height${i.navigation ? "_desktop" : ""}`],
     callbacks: {
       scrollUp: () => {
-        !i && a.navigation || H.shouldChangeHeaderIsVisible(!0, a, d);
+        !i && a.navigation || Q.shouldChangeHeaderIsVisible(!0, a, d);
       },
       scrollDown: () => {
-        !i && a.navigation || H.shouldChangeHeaderIsVisible(!1, a, d);
+        !i && a.navigation || Q.shouldChangeHeaderIsVisible(!1, a, d);
       }
     }
   });
   const l = (h, p) => {
-    H.handleMenus({ id: h, value: p, menus: a, dispatch: d });
-  }, f = ne(null);
-  return Ce(() => {
-    a.navigation && H.autoFocus({
+    Q.handleMenus({ id: h, value: p, menus: a, dispatch: d });
+  }, f = se(null);
+  return Ne(() => {
+    a.navigation && Q.autoFocus({
       menu: "navigation",
       navigationRef: f,
       isDesktopVersion: i.navigation,
       focusElements: u,
       dispatch: d
     });
-  }, [a.navigation]), Ce(() => {
-    a.account && H.autoFocus({
+  }, [a.navigation]), Ne(() => {
+    a.account && Q.autoFocus({
       menu: "account",
       navigationRef: f,
       isDesktopVersion: i.navigation,
@@ -3113,8 +3142,8 @@ const kr = { height: 67, height_desktop: 83 }, An = () => {
     });
   }, [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(le, { element: "a", href: "#content-of-page", children: e.formatMessage({ id: "header_skip" }) }),
-      /* @__PURE__ */ s.jsx($n, {}),
+      /* @__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",
         {
@@ -3127,7 +3156,7 @@ const kr = { height: 67, height_desktop: 83 }, An = () => {
           "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"}` }) })
+          children: /* @__PURE__ */ s.jsx(de, { children: e.formatMessage({ id: `header_menu_${a.navigation ? "hide" : "show"}` }) })
         }
       ),
       /* @__PURE__ */ s.jsx(
@@ -3138,8 +3167,8 @@ const kr = { height: 67, height_desktop: 83 }, An = () => {
           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,
+          children: et.order.map((h) => /* @__PURE__ */ s.jsx(
+            tt,
             {
               id: h,
               isLoggedIn: r,
@@ -3161,7 +3190,7 @@ const kr = { height: 67, height_desktop: 83 }, An = () => {
           "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"}` }) })
+          children: /* @__PURE__ */ s.jsx(de, { children: e.formatMessage({ id: `header_search_${a.search ? "hide" : "show"}` }) })
         }
       ),
       /* @__PURE__ */ s.jsx(
@@ -3177,18 +3206,18 @@ const kr = { height: 67, height_desktop: 83 }, An = () => {
         "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 }),
+          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(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(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: Ke.buttons.order.map((h) => /* @__PURE__ */ s.jsx(qe, { id: `buttons.${h}` }, h)) })
+      ) : /* @__PURE__ */ s.jsx("ul", { className: "sign-in-buttons", children: et.buttons.order.map((h) => /* @__PURE__ */ s.jsx(tt, { id: `buttons.${h}` }, h)) })
     ] }),
     /* @__PURE__ */ s.jsx("hr", { id: "content-of-page" }),
     /* @__PURE__ */ s.jsx(
@@ -3202,26 +3231,26 @@ const kr = { height: 67, height_desktop: 83 }, An = () => {
 const jr = () => {
   const e = A();
   return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsx(An, {}),
-    /* @__PURE__ */ s.jsx("div", { className: "content", children: /* @__PURE__ */ s.jsx(it, { variant: "error", text: e.formatMessage({ id: "pageLayout_error" }) }) }),
-    /* @__PURE__ */ s.jsx(Mn, {})
+    /* @__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, {})
   ] });
 }, Mo = ({ children: e, reportError: t, showFooter: n = !0, background: r = "default", className: i = "", locale: c = "en" }) => {
   const d = Es();
-  X(() => {
+  Z(() => {
     window.scrollTo(0, 0);
   }, [d]);
-  const o = vn(e, { locale: c });
+  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(An, {}),
-    /* @__PURE__ */ s.jsx("div", { className: "content", children: o }),
-    n && /* @__PURE__ */ s.jsx(Mn, {}),
+    /* @__PURE__ */ s.jsx(Rn, {}),
+    /* @__PURE__ */ s.jsx("div", { id: "content", children: o }),
+    n && /* @__PURE__ */ s.jsx(Dn, {}),
     /* @__PURE__ */ s.jsx(_r, {})
   ] }) }) }) });
-}, dn = {
+}, mn = {
   default: "tags_",
   headerTopics: "header_topics_topics_"
-}, Et = {
+}, Tt = {
   topic: {
     Climate: "climate",
     CitiesAndLocalGovernment: "cities-and-local-government",
@@ -3240,13 +3269,13 @@ const jr = () => {
 }, yr = {
   getTagDetails: (e) => {
     if (e.includes("topic_")) {
-      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;
+      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;
       }
       return null;
     }
-    return Et[e] ? (e = Et[e], { id: e, text: `${dn.default}${e}` }) : null;
+    return Tt[e] ? (e = Tt[e], { id: e, text: `${mn.default}${e}` }) : null;
   }
 };
 const Co = ({
@@ -3295,7 +3324,7 @@ const Do = ({
       /* @__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(Bt, { member: o, gtmContext: r, gtmType: i }),
+      /* @__PURE__ */ s.jsx(Ht, { member: o, gtmContext: r, gtmType: i }),
       o.isAdmin && /* @__PURE__ */ s.jsx(qs, { children: d.formatMessage({ id: "membersList_admin" }) })
     ] }, a)) }),
     n && /* @__PURE__ */ s.jsx(
@@ -3308,8 +3337,8 @@ const Do = ({
     )
   ] }));
 };
-let Je = null;
-const me = "discussion_form_", Pn = ({
+let Ze = null;
+const he = "discussion_form_", Fn = ({
   content: e = { type: "response", slugs: {} },
   userHasPermissions: t = !0,
   meta: n = {
@@ -3340,97 +3369,97 @@ const me = "discussion_form_", Pn = ({
   },
   gtmContext: a = "DiscussionForm"
 }) => {
-  var b, Q;
-  const u = A(), l = ge(Se), [f, h] = F(
+  var b, U;
+  const u = A(), l = be(Te), [f, h] = L(
     n.isEditing && n.isEditing.text || ""
-  ), [p, _] = F(d.error || !1), [j, g] = F(!1), E = ne(null);
+  ), [p, _] = L(d.error || !1), [j, g] = L(!1), E = se(null);
   if (r || (r = E), n.isLoading)
     return /* @__PURE__ */ s.jsx(
-      je,
+      ye,
       {
         className: "discussion-card discussion-form",
         "data-testid": "loading-placeholder"
       }
     );
-  const k = (w) => {
-    const Y = w.target.value;
-    h(Y);
-    let L;
-    !l || !l.id ? L = pe(
+  const k = (v) => {
+    const G = v.target.value;
+    h(G);
+    let O;
+    !l || !l.id ? O = xe(
       u.formatMessage,
-      `${me}error_loggedOut`,
+      `${he}error_loggedOut`,
       e.type,
       "action"
-    ) : t ? Y.length >= i && (L = `${me}error_tooLong`) : L = pe(
+    ) : t ? G.length >= i && (O = `${he}error_tooLong`) : O = xe(
       u.formatMessage,
-      `${me}error_noPermission`,
+      `${he}error_noPermission`,
       e.type,
       "action"
-    ), L ? _(L) : p && _(!1);
+    ), O ? _(O) : p && _(!1);
   };
   let T = `${e.type}-form`;
   if (e.type === "response" || e.type === "reply") {
-    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 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 M = async (w) => {
-    var L;
-    if (w.preventDefault(), w.stopPropagation(), !l || !l.id || !t || I)
+  const M = async (v) => {
+    var O;
+    if (v.preventDefault(), v.stopPropagation(), !l || !l.id || !t || H)
       return;
-    Je && clearTimeout(Je), g("submitting");
-    const Y = window.location.pathname;
+    Ze && clearTimeout(Ze), g("submitting");
+    const G = window.location.pathname;
     try {
-      let O;
+      let B;
       switch (e.type) {
         case "post":
-          O = await o.create({ content: f });
+          B = await o.create({ content: f });
           break;
         case "question":
-          O = await o.create({
+          B = await o.create({
             title: f,
             authorId: l && l.id,
-            ...(L = o.props) == null ? void 0 : L.create
+            ...(O = o.props) == null ? void 0 : O.create
           });
           break;
         case "response":
-          O = await o.create(
+          B = await o.create(
             { question: e.slugs.question },
-            { body: f, authorId: l && l.id, contentPath: Y }
+            { body: f, authorId: l && l.id, contentPath: G }
           );
           break;
         case "reply":
-          O = await o.create(
+          B = await o.create(
             { question: e.slugs.question, answer: e.slugs.answer },
-            { body: f, authorId: l && l.id, contentPath: Y }
+            { body: f, authorId: l && l.id, contentPath: G }
           );
           break;
         default:
           break;
       }
-      await Ds(1e3), o.callback && await o.callback(O), Je = setTimeout(() => {
+      await Ds(1e3), o.callback && await o.callback(B), Ze = setTimeout(() => {
         h(""), g("submitted"), C();
       }, 500);
-    } catch (O) {
-      const U = O;
-      let W = `${me}error`;
-      U.message.includes("entry already exists") && (W = pe(
+    } catch (B) {
+      const W = B;
+      let V = `${he}error`;
+      W.message.includes("entry already exists") && (V = xe(
         u.formatMessage,
-        `${me}error_alreadyExists`,
+        `${he}error_alreadyExists`,
         e.type,
         "action"
-      )), U.message.includes("429") ? W = pe(
+      )), W.message.includes("429") ? V = xe(
         u.formatMessage,
-        `${me}error_tooMany`,
+        `${he}error_tooMany`,
         e.type,
         "action"
-      ) : U.message.includes("400") && (W = `${me}error`), _(W), C();
+      ) : W.message.includes("400") && (V = `${he}error`), _(V), C();
     }
   }, C = () => {
-    Je = setTimeout(() => {
+    Ze = setTimeout(() => {
       _(!1), g(!1);
     }, 5e3);
-  }, I = !f || !Ls(f), V = j === "submitting", x = [];
-  return (n.isEditing && !V || d.cancel) && x.push({
+  }, H = !f || !Ls(f), Y = j === "submitting", x = [];
+  return (n.isEditing && !Y || d.cancel) && x.push({
     variant: "secondary",
     size: { mobile: "small", 600: "medium" },
     onClick: o.handleCancel,
@@ -3438,26 +3467,26 @@ const me = "discussion_form_", Pn = ({
     "data-gtm-event-context": a,
     "data-gtm-event-type": `cancel-${e.type}-click`,
     disabled: !d.cancel && (!l || !l.id || !f),
-    children: u.formatMessage({ id: `${me}cancel` })
+    children: u.formatMessage({ id: `${he}cancel` })
   }), x.push({
     variant: "primary",
     size: { mobile: "small", 600: "medium" },
-    onClick: (w) => {
+    onClick: (v) => {
       if (n.isEditing) {
         g("submitting"), o.handleSaveEdit && o.handleSaveEdit(
           E.current && "value" in E.current ? E.current.value : ""
         );
         return;
       }
-      M(w);
+      M(v);
     },
     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 || I || V || n.isEditing && f === n.isEditing.text,
+    disabled: !l || !l.id || !t || H || Y || n.isEditing && f === n.isEditing.text,
     children: u.formatMessage({
-      id: `${me}${V ? n.isEditing ? "saving" : "posting" : n.isEditing ? "save" : "post"}`
+      id: `${he}${Y ? n.isEditing ? "saving" : "posting" : n.isEditing ? "save" : "post"}`
     })
   }), /* @__PURE__ */ s.jsxs(
     "form",
@@ -3468,25 +3497,25 @@ const me = "discussion_form_", Pn = ({
       }),
       "data-testid": `discussion-${e.type}-form`,
       children: [
-        (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") }),
+        (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") }),
         /* @__PURE__ */ s.jsx(
-          Bt,
+          Ht,
           {
             member: l || "community",
             gtmContext: a,
             gtmType: "profile-click"
           }
         ),
-        /* @__PURE__ */ s.jsx(le, { element: "label", showOnFocus: !1, htmlFor: `${T}-input`, children: pe(u.formatMessage, `${me}label`, e.type, "action") }),
+        /* @__PURE__ */ s.jsx(de, { element: "label", showOnFocus: !1, htmlFor: `${T}-input`, children: xe(u.formatMessage, `${he}label`, e.type, "action") }),
         /* @__PURE__ */ s.jsx(
           _s,
           {
             ref: r,
             id: `${T}-input`,
             name: e.type,
-            placeholder: pe(
+            placeholder: xe(
               u.formatMessage,
-              `${me}placeholder`,
+              `${he}placeholder`,
               e.type,
               "action"
             ),
@@ -3499,8 +3528,8 @@ const me = "discussion_form_", Pn = ({
             autoFocus: !!n.isEditing
           }
         ),
-        /* @__PURE__ */ s.jsx("small", { children: pe(u.formatMessage, `${me}explainer`, e.type, "action", {
-          a: (w) => /* @__PURE__ */ s.jsx(
+        /* @__PURE__ */ s.jsx("small", { children: xe(u.formatMessage, `${he}explainer`, e.type, "action", {
+          a: (v) => /* @__PURE__ */ s.jsx(
             "a",
             {
               href: "https://about.apolitical.co/q-and-a-community-guidelines",
@@ -3509,13 +3538,13 @@ const me = "discussion_form_", Pn = ({
               "data-gtm-event-context": a,
               "data-gtm-event-type": "community-guidelines-link",
               rel: "noreferrer",
-              children: w
+              children: v
             }
           )
         }) }),
-        /* @__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(
+        /* @__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(
           { id: p },
           {
             action: u.formatMessage({
@@ -3527,20 +3556,20 @@ const me = "discussion_form_", Pn = ({
       ]
     }
   );
-}, It = ({
+}, Qt = ({
   contentType: e,
   createPost: t,
   membershipRequiredToPost: { isMember: n, required: r, join: i, leave: c, notMemberStateText: d }
 }) => r && !n ? /* @__PURE__ */ s.jsx(
-  it,
+  ct,
   {
     text: d,
     button: {
-      component: /* @__PURE__ */ s.jsx(Tn, { functions: { join: i, leave: c } })
+      component: /* @__PURE__ */ s.jsx(Mn, { functions: { join: i, leave: c } })
     }
   }
 ) : /* @__PURE__ */ s.jsx(
-  Pn,
+  Fn,
   {
     content: { type: e, slugs: {} },
     functions: {
@@ -3550,12 +3579,12 @@ const me = "discussion_form_", Pn = ({
 ), Er = {
   showThread: !1,
   showForm: !1
-}, lt = Ft(Er), Sr = ({ children: e }) => {
-  const [t, n] = F({
+}, dt = Ot(Er), Sr = ({ children: e }) => {
+  const [t, n] = L({
     showThread: !1,
     showForm: !1
   });
-  return /* @__PURE__ */ s.jsx(lt.Provider, { value: { ...t, updateConversation: n }, children: e });
+  return /* @__PURE__ */ s.jsx(dt.Provider, { value: { ...t, updateConversation: n }, children: e });
 }, Tr = ({
   question: e,
   answer: t,
@@ -3565,10 +3594,10 @@ const me = "discussion_form_", Pn = ({
   ...t && { answerSlug: t },
   ...n && { replySlug: n }
 }), $r = (e, t = 10) => !e || e.length === 0 ? [] : e.slice(0, t);
-let Be = !1;
-const St = () => {
-  Be !== !1 && (clearTimeout(Be), Be = !1);
-}, Tt = 10, Mr = ({
+let Ie = !1;
+const $t = () => {
+  Ie !== !1 && (clearTimeout(Ie), Ie = !1);
+}, Mt = 10, Mr = ({
   element: e = "div",
   likes: t = 0,
   peopleWhoLiked: n = !1,
@@ -3581,24 +3610,24 @@ const St = () => {
   } } = {}
 }) => {
   const u = A();
-  X(() => {
+  Z(() => {
     p(i);
   }, [i]);
-  const [l, f] = F(t), [h, p] = F(i), [_, j] = F(!1), [g, E] = F(!1), k = et(() => $r(n, Tt), [n]), T = (C) => {
-    if (C.preventDefault(), C.stopPropagation(), E(!1), Be)
-      return St(), !1;
-    if (St(), _ || !d)
+  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)
       return !1;
-    Be = setTimeout(M, 350);
+    Ie = setTimeout(M, 350);
   }, M = async () => {
-    if (St(), _ || !d)
+    if ($t(), _ || !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 I = Tr(c.slugs);
-        h ? await a(I) : await o(I, { contentPath: window.location.pathname });
+        const H = Tr(c.slugs);
+        h ? await a(H) : await o(H, { contentPath: window.location.pathname });
       }
     } catch {
       f(t), p(i);
@@ -3625,7 +3654,7 @@ const St = () => {
       },
       children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
         /* @__PURE__ */ s.jsx(
-          J,
+          X,
           {
             variant: "tertiary",
             size: "medium",
@@ -3644,8 +3673,8 @@ const St = () => {
         ),
         /* @__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(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 }) })
+          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 }) })
         ] }) })
       ] })
     }
@@ -3659,7 +3688,7 @@ const Cr = ({ element: e = "section", children: t, className: n, ...r }) => N.cr
     ...r
   }
 );
-const Rn = ({
+const Ln = ({
   id: e = "content-overlay",
   isOpen: t = !1,
   showDivider: n = !0,
@@ -3674,10 +3703,10 @@ const Rn = ({
   className: l = "",
   gtmContext: f = "Modal"
 }) => {
-  const h = A(), [p, _] = F(t), j = (E) => {
+  const h = A(), [p, _] = L(t), j = (E) => {
     _(E), E ? (i(), document.body.classList.add("has-overlay")) : (c(), document.body.classList.remove("has-overlay"));
   };
-  X(() => {
+  Z(() => {
     j(t);
   }, [t]);
   const g = r ? { "--max-width": `${r / 16}rem` } : {};
@@ -3692,7 +3721,7 @@ const Rn = ({
         /* @__PURE__ */ s.jsxs("div", { className: "top", children: [
           o && /* @__PURE__ */ s.jsx("h2", { className: "modal-title", children: o }),
           /* @__PURE__ */ s.jsx(
-            J,
+            X,
             {
               variant: "tertiary",
               size: "medium",
@@ -3705,13 +3734,13 @@ const Rn = ({
             }
           )
         ] }),
-        n && /* @__PURE__ */ s.jsx(De, {}),
+        n && /* @__PURE__ */ s.jsx(Ae, {}),
         a,
         u && /* @__PURE__ */ s.jsxs("div", { className: "bottom", children: [
-          /* @__PURE__ */ s.jsx(De, {}),
-          /* @__PURE__ */ s.jsx(ot, { buttons: u })
+          /* @__PURE__ */ s.jsx(Ae, {}),
+          /* @__PURE__ */ s.jsx(it, { buttons: u })
         ] }),
-        d && /* @__PURE__ */ s.jsx(Pt, { className: "error", children: d })
+        d && /* @__PURE__ */ s.jsx(Ft, { className: "error", children: d })
       ] })
     }
   ) });
@@ -3725,20 +3754,21 @@ const No = ({
   showModal: t = !0,
   title: n,
   formTitle: r = "Know someone who might like to join this workshop?",
-  formLabel: i = "Send an invitation to your colleagues below",
-  ctaMessage: c = "Send invites",
+  formLabel: i = "Invite your colleagues by typing or pasting their emails below.",
+  ctaMessage: c = "Send",
   showIcon: d,
   onClose: o,
   reportError: a = () => {
   },
   sendInvites: u
 }) => /* @__PURE__ */ s.jsx(
-  Rn,
+  Ln,
   {
     title: n,
     isOpen: t,
     showDivider: !1,
     showIcon: d,
+    functions: { onClose: o },
     className: S("invite-modal", e, { success: !!n }),
     children: /* @__PURE__ */ s.jsx(
       wr,
@@ -3752,11 +3782,11 @@ const No = ({
       }
     )
   }
-), un = (e) => {
+), fn = (e) => {
   const t = {};
   return Object.keys(e).forEach((n) => n.includes("Id") ? t[n] = e[n] : t[`${n}Slug`] = e[n]), t;
-}, Ht = (e, t) => e && !t;
-const ve = "discussion_", Nr = 280, ct = ({
+}, Ut = (e, t) => e && !t;
+const we = "discussion_", Nr = 280, ut = ({
   element: e = "div",
   content: t,
   userHasPermissions: n = !0,
@@ -3783,49 +3813,49 @@ const ve = "discussion_", Nr = 280, ct = ({
   children: _,
   isTruncated: j = !1
 }) => {
-  const g = A(), E = ge(Se), k = ge(lt), [T, M] = F({
+  const g = A(), E = be(Te), k = be(dt), [T, M] = L({
     body: t && t.body || "",
     isEditing: !1,
     didEdit: t && t.isEdited || !1
-  }), [C, I] = F(!1), [V, x] = F("");
-  if (X(() => {
+  }), [C, H] = L(!1), [Y, x] = L("");
+  if (Z(() => {
     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(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) => {
+    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) => {
     P || (P = ""), x("");
     try {
       if (!xs(P, T.body)) {
         const te = t.type === "question" ? { title: P } : { body: P };
-        await o(un(t.slugs), te);
+        await o(fn(t.slugs), te);
       }
       M({ body: P, isEditing: !1, didEdit: !0 });
     } catch {
-      x(`${ve}form_error`);
+      x(`${we}form_error`);
     }
-  }, ae = () => {
+  }, ie = () => {
     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)}`, G = document.getElementById(te), K = document.getElementById(`${te}-input`);
-      K && K.focus(), G && G.scrollIntoView({ behavior: "smooth" });
+      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" });
     }, 0);
-  }, ie = () => {
+  }, le = () => {
     try {
-      d(un(t.slugs));
+      d(fn(t.slugs));
     } catch {
       x("delete-error");
     }
-  }, se = [
+  }, re = [
     {
-      text: g.formatMessage({ id: `${ve}moreMenu_report` }),
+      text: g.formatMessage({ id: `${we}moreMenu_report` }),
       href: `mailto:community@apolitical.co?subject=${encodeURI(
-        g.formatMessage({ id: `${ve}report_subject` })
+        g.formatMessage({ id: `${we}report_subject` })
       )}&body=${encodeURI(
         g.formatMessage(
-          { id: `${ve}report_body` },
+          { id: `${we}report_body` },
           {
             contentType: t.type || "",
             contentSlug: t.slug || "",
@@ -3836,9 +3866,9 @@ const ve = "discussion_", Nr = 280, ct = ({
       icon: "flag"
     }
   ];
-  return n && Z && se.push(
+  return n && K && re.push(
     {
-      text: g.formatMessage({ id: `${ve}moreMenu_edit` }),
+      text: g.formatMessage({ id: `${we}moreMenu_edit` }),
       onClick: () => M({ ...T, isEditing: !0 }),
       icon: "pencil-paper",
       className: "gtm-trackable",
@@ -3846,9 +3876,9 @@ const ve = "discussion_", Nr = 280, ct = ({
       "data-gtm-event-type": `edit-${t.type}-click`
     },
     {
-      text: g.formatMessage({ id: `${ve}moreMenu_delete` }),
+      text: g.formatMessage({ id: `${we}moreMenu_delete` }),
       onClick: (P) => {
-        P.preventDefault(), P.stopPropagation(), I(!0);
+        P.preventDefault(), P.stopPropagation(), H(!0);
       },
       icon: "trash",
       className: "gtm-trackable",
@@ -3863,7 +3893,7 @@ const ve = "discussion_", Nr = 280, ct = ({
       /* @__PURE__ */ s.jsxs(
         "div",
         {
-          id: Y || t.slug,
+          id: G || t.slug,
           className: S("discussion-card", t.type, {
             editing: T.isEditing,
             "has-link": f.post && !T.isEditing
@@ -3873,17 +3903,17 @@ const ve = "discussion_", Nr = 280, ct = ({
           },
           children: [
             !T.isEditing && /* @__PURE__ */ s.jsx(
-              Bt,
+              Ht,
               {
                 member: b,
-                additionalContent: { createdAt: w, didEdit: T.didEdit },
+                additionalContent: { createdAt: v, didEdit: T.didEdit },
                 className: typeof b != "string" && b.id === i ? "highlighted" : "",
                 gtmContext: p,
                 gtmType: "profile-click"
               }
             ),
             T.isEditing ? /* @__PURE__ */ s.jsx(
-              Pn,
+              Fn,
               {
                 content: { type: t.type, slugs: t.slugs },
                 userHasPermissions: n,
@@ -3894,8 +3924,8 @@ const ve = "discussion_", Nr = 280, ct = ({
                 },
                 maxLength: t.type === "question" ? 250 : 5e4,
                 forceShow: {
-                  error: V !== "" && V !== "delete-error" ? g.formatMessage(
-                    { id: V },
+                  error: Y !== "" && Y !== "delete-error" ? g.formatMessage(
+                    { id: Y },
                     {
                       action: g.formatMessage({
                         id: `discussion_action_${t.type}`
@@ -3905,7 +3935,7 @@ const ve = "discussion_", Nr = 280, ct = ({
                 },
                 functions: {
                   create: c,
-                  handleSaveEdit: oe,
+                  handleSaveEdit: ae,
                   handleCancel: () => {
                     x(""), M({ ...T, isEditing: !1 });
                   }
@@ -3919,10 +3949,10 @@ const ve = "discussion_", Nr = 280, ct = ({
                 className: "gtm-trackable",
                 "data-gtm-event-context": p,
                 "data-gtm-event-type": "title-click",
-                children: /* @__PURE__ */ s.jsx(on, { options: { overrides: { a: Ks } }, children: W })
+                children: /* @__PURE__ */ s.jsx(ln, { options: { overrides: { a: Ks } }, children: V })
               }
             ) : /* @__PURE__ */ s.jsx(
-              on,
+              ln,
               {
                 options: {
                   wrapper: t.type === "question" ? "h1" : N.Fragment,
@@ -3930,7 +3960,7 @@ const ve = "discussion_", Nr = 280, ct = ({
                   forceInline: t.type === "question",
                   forceBlock: t.type !== "question"
                 },
-                children: W
+                children: V
               }
             ),
             !T.isEditing && /* @__PURE__ */ s.jsxs(
@@ -3943,11 +3973,12 @@ const ve = "discussion_", Nr = 280, ct = ({
                     Mr,
                     {
                       element: "li",
-                      likes: L,
+                      likes: O,
                       isShort: !1,
-                      userLiked: O,
+                      userLiked: B,
                       content: { type: t.type, slugs: t.slugs },
-                      canLike: re,
+                      canLike: oe,
+                      peopleWhoLiked: t.peopleWhoLiked,
                       functions: {
                         createLike: a,
                         deleteLike: u
@@ -3963,7 +3994,7 @@ const ve = "discussion_", Nr = 280, ct = ({
                       },
                       children: [
                         /* @__PURE__ */ s.jsx(
-                          J,
+                          X,
                           {
                             variant: "tertiary",
                             size: "medium",
@@ -3975,26 +4006,26 @@ const ve = "discussion_", Nr = 280, ct = ({
                             "data-gtm-event-context": p,
                             "data-gtm-event-type": `answer-${t.type}-click`,
                             screenreaderText: g.formatMessage(
-                              { id: `${ve}comments_screenReader` },
-                              { count: U }
+                              { id: `${we}comments_screenReader` },
+                              { count: W }
                             )
                           }
                         ),
                         /* @__PURE__ */ s.jsx("span", { children: g.formatMessage(
-                          { id: `${ve}comments` },
-                          { count: U }
+                          { id: `${we}comments` },
+                          { count: W }
                         ) })
                       ]
                     }
                   ),
                   (t.type === "answer" || t.type === "reply") && /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
-                    J,
+                    X,
                     {
                       variant: "tertiary",
                       size: "medium",
                       styling: { muted: !0 },
-                      onClick: ae,
-                      children: g.formatMessage({ id: `${ve}reply` })
+                      onClick: ie,
+                      children: g.formatMessage({ id: `${we}reply` })
                     }
                   ) }),
                   /* @__PURE__ */ s.jsx(
@@ -4002,7 +4033,7 @@ const ve = "discussion_", Nr = 280, ct = ({
                     {
                       element: "li",
                       id: `more-${t.slug}`,
-                      options: se
+                      options: re
                     }
                   )
                 ]
@@ -4013,14 +4044,14 @@ const ve = "discussion_", Nr = 280, ct = ({
       ),
       _,
       /* @__PURE__ */ s.jsx(
-        Rn,
+        Ln,
         {
           id: `delete-${t.slug}-modal`,
           isOpen: C,
           functions: { onOpen: () => {
-          }, onClose: () => I(!1) },
+          }, onClose: () => H(!1) },
           forceShow: {
-            error: V === "delete-error" ? g.formatMessage(
+            error: Y === "delete-error" ? g.formatMessage(
               { id: "discussion_delete_error" },
               {
                 action: g.formatMessage({
@@ -4036,19 +4067,19 @@ const ve = "discussion_", Nr = 280, ct = ({
           buttons: [
             {
               variant: "secondary",
-              onClick: () => I(!1),
+              onClick: () => H(!1),
               children: g.formatMessage({ id: "discussion_delete_cancel" })
             },
             {
               variant: "primary",
               className: "destructive",
-              onClick: ie,
+              onClick: le,
               children: g.formatMessage({ id: "discussion_delete_delete" })
             }
           ],
           gtmContext: `${t.type.charAt(0).toUpperCase()}${t.type.slice(1)}:${t.slug}`,
           children: /* @__PURE__ */ s.jsx(
-            ye,
+            Ee,
             {
               id: "discussion_delete_text",
               values: {
@@ -4064,25 +4095,25 @@ const ve = "discussion_", Nr = 280, ct = ({
     ] })
   });
 };
-const $t = "discussion_responses_", Ao = ({ type: e = "answer", responses: t = 0 }) => {
+const Ct = "discussion_responses_", Ao = ({ type: e = "answer", responses: t = 0 }) => {
   const n = A();
   return /* @__PURE__ */ s.jsxs("div", { className: "responses-heading", children: [
-    /* @__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) })
+    /* @__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) })
   ] });
 };
 const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
-  const r = A(), i = ne(null), c = ge(lt), [d, o] = F(
+  const r = A(), i = se(null), c = be(dt), [d, o] = L(
     "closed"
     /* Closed */
   );
-  X(() => {
+  Z(() => {
     const f = i.current;
     if (f)
       return f.addEventListener("transitionend", a), () => {
         f.removeEventListener("transitionend", a);
       };
-  }, []), Ce(() => {
+  }, []), Ne(() => {
     d === "closed" && !c.showThread || o(
       [
         "opening",
@@ -4091,7 +4122,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
       ].includes(d) ? "ready-to-close" : "opening"
       /* Opening */
     );
-  }, [c.showThread]), X(() => {
+  }, [c.showThread]), Z(() => {
     d === "ready-to-close" && o(
       "closing"
       /* Closing */
@@ -4103,12 +4134,12 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     "opening",
     "open"
     /* Open */
-  ].includes(d), l = vn(n, {
+  ].includes(d), l = kn(n, {
     element: "li"
   });
   return /* @__PURE__ */ s.jsxs("div", { className: "thread-wrapper", children: [
     t && /* @__PURE__ */ s.jsx(
-      J,
+      X,
       {
         variant: "secondary",
         size: "small",
@@ -4212,7 +4243,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
 }, onSuccess: (o) => {
   const a = e.getQueryData(t), u = a == null ? void 0 : a.map((l) => {
     var f, h;
-    return (l == null ? void 0 : l.id) === (o == null ? void 0 : o.activity_id) && ((f = l.own_reactions) != null && f.like ? l.own_reactions.like.push(o) : l.own_reactions.like = [o], (h = l.latest_reactions) != null && h.like ? l.latest_reactions.like.push(o) : l.latest_reactions.like = [o]), l;
+    return (l == null ? void 0 : l.id) === (o == null ? void 0 : o.activity_id) && ((f = l.own_reactions) != null && f.like ? l.own_reactions.like.push(o) : l.own_reactions.like = [o], (h = l.latest_reactions) != null && h.like ? l.latest_reactions.like.push(o) : l.own_reactions.like = [o]), l;
   });
   return e.setQueryData(t, () => u && [...u]), { previousActivities: a };
 }, onSettled: (o, a, u) => {
@@ -4259,12 +4290,12 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   isMember: n,
   functions: { list: r, create: i, edit: c, like: d, unlike: o, join: a, leave: u }
 }) => {
-  const l = A(), f = st(), h = ge(Se), {
+  const l = A(), f = ot(), h = be(Te), {
     data: p,
     error: _,
     isLoading: j,
     isFetching: g
-  } = fn({
+  } = pn({
     queryKey: [e, t],
     queryFn: r
   }), E = Rr({
@@ -4272,43 +4303,43 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     queryKey: [e, t],
     user: h,
     mutationFn: i
-  }), { mutate: k } = de(E), T = Fr({
+  }), { mutate: k } = me(E), T = Fr({
     queryClient: f,
     queryKey: [e, t],
-    mutationFn: async (w) => await c(w)
+    mutationFn: async (v) => await c(v)
   }), {
     mutate: M
-  } = de(T), C = Lr({
+  } = me(T), C = Lr({
     queryClient: f,
     queryKey: [e, t],
     mutationFn: d
   }), {
-    mutate: I
-  } = de(C), V = Or({
+    mutate: H
+  } = me(C), Y = Or({
     queryClient: f,
     queryKey: [e, t],
     user: h,
-    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 });
+    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 });
     }
   }), {
     mutate: x
-  } = de(V), b = ke(
-    ({ activityId: w }) => I({ activityId: w }),
-    [I]
-  ), Q = ke(
-    ({ activityId: w }) => x({ activityId: w }),
+  } = me(Y), b = je(
+    ({ activityId: v }) => H({ activityId: v }),
+    [H]
+  ), U = je(
+    ({ activityId: v }) => x({ activityId: v }),
     [x]
   );
-  return _ ? /* @__PURE__ */ s.jsx(it, { variant: "error", text: _.message }) : j ? /* @__PURE__ */ s.jsx(je, { style: { height: "400px" } }) : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+  return _ ? /* @__PURE__ */ s.jsx(ct, { variant: "error", text: _.message }) : j ? /* @__PURE__ */ s.jsx(ye, { style: { height: "400px" } }) : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx(
-      It,
+      Qt,
       {
         contentType: "post",
         createPost: k,
@@ -4321,49 +4352,53 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
         }
       }
     ),
-    !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: [
+    !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: [
         /* @__PURE__ */ s.jsx(
-          ct,
+          ut,
           {
             content: {
               type: "post",
-              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,
+              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,
               author: {
-                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,
+                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,
                 image: {
-                  thumbnail: ((P = (se = w == null ? void 0 : w.actor) == null ? void 0 : se.data) == null ? void 0 : P.thumbnail) || void 0
+                  thumbnail: ((P = (re = v == null ? void 0 : v.actor) == null ? void 0 : re.data) == null ? void 0 : P.thumbnail) || void 0
                 }
               },
-              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
+              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
+              })))
             },
             links: {
-              post: `${e}/${t}/${w == null ? void 0 : w.id}`,
-              comments: `${e}/${t}/${w == null ? void 0 : w.id}`
+              post: `${e}/${t}/${v == null ? void 0 : v.id}`,
+              comments: `${e}/${t}/${v == null ? void 0 : v.id}`
             },
             functions: {
               content: {
                 createContent: () => null,
                 deleteContent: () => null,
-                updateContent: (K, ue) => M({ activityInfo: K, content: ue })
+                updateContent: (J, fe) => M({ activityInfo: J, content: fe })
               },
               likes: {
                 createLike: () => {
-                  b({ activityId: w == null ? void 0 : w.id });
+                  b({ activityId: v == null ? void 0 : v.id });
                 },
                 deleteLike: () => {
-                  Q({ activityId: w == null ? void 0 : w.id });
+                  U({ activityId: v == null ? void 0 : v.id });
                 }
               },
               comments: {
@@ -4373,8 +4408,8 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
             isTruncated: !0
           }
         ),
-        /* @__PURE__ */ s.jsx(De, {})
-      ] }, w == null ? void 0 : w.id);
+        /* @__PURE__ */ s.jsx(Ae, {})
+      ] }, v == null ? void 0 : v.id);
     }))
   ] });
 }, Br = ({
@@ -4511,7 +4546,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   onSettled: () => {
     e.invalidateQueries({ queryKey: t });
   }
-}), zr = ({
+}), Wr = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4536,7 +4571,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     ...o,
     latest_reactions: { reply: a }
   })), { previousActivity: o };
-} }), mn = ({
+} }), hn = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4569,7 +4604,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
     ...a,
     latest_reactions: { reply: u }
   })), { previousActivity: a };
-} }), Wr = ({
+} }), zr = ({
   basePath: e,
   parentId: t,
   replyParentId: n,
@@ -4578,34 +4613,34 @@ 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 = st(), _ = ge(lt), j = Ur({
+  const h = A(), p = ot(), _ = be(dt), j = Ur({
     queryClient: p,
     queryKey: [e, t, r],
     mutationFn: async (b) => d({ replyId: n, content: b.body })
-  }), { mutate: g } = de(j), E = zr({
+  }), { mutate: g } = me(j), E = Wr({
     queryClient: p,
     queryKey: [e, t, r],
     mutationFn: o
   }), {
     mutate: k
-  } = de(E), T = mn({
+  } = me(E), T = hn({
     queryClient: p,
     queryKey: [e, t, r],
     mutationFn: l
   }), {
     mutate: M
-  } = de(T), C = mn({
+  } = me(T), C = hn({
     queryClient: p,
     queryKey: [e, t, r],
     mutationFn: f
   }), {
-    mutate: I
-  } = de(C), V = ke(
-    ({ replyId: b, replyParentId: Q }) => M({ replyId: b, replyParentId: Q }),
+    mutate: H
+  } = me(C), Y = je(
+    ({ replyId: b, replyParentId: U }) => M({ replyId: b, replyParentId: U }),
     [M]
-  ), x = ke(
-    ({ replyId: b, replyParentId: Q }) => I({ replyId: b, replyParentId: Q }),
-    [I]
+  ), x = je(
+    ({ replyId: b, replyParentId: U }) => H({ replyId: b, replyParentId: U }),
+    [H]
   );
   return /* @__PURE__ */ s.jsx(
     Ar,
@@ -4614,10 +4649,10 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
       showRepliesButton: i > 0 || _.showForm,
       children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
         _.showForm && /* @__PURE__ */ s.jsx(
-          It,
+          Qt,
           {
             contentType: "reply",
-            createPost: (b, Q) => g(Q),
+            createPost: (b, U) => g(U),
             membershipRequiredToPost: {
               isMember: !0,
               required: !0,
@@ -4628,13 +4663,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 Q, w, Y, L, O, U, W, Z, re, oe, ae, ie, se, P, te;
+          var U, v, G, O, B, W, V, K, oe, ae, ie, le, re, P, te, ce, ne;
           return /* @__PURE__ */ s.jsx(
-            ct,
+            ut,
             {
               content: {
                 type: "reply",
-                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) || "",
+                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) || "",
                 createdAt: b == null ? void 0 : b.created_at,
                 slugs: {
                   parentId: t,
@@ -4644,33 +4679,37 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
                 },
                 slug: "",
                 author: {
-                  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,
+                  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,
                   image: {
-                    thumbnail: ((ie = (ae = b == null ? void 0 : b.user) == null ? void 0 : ae.data) == null ? void 0 : ie.thumbnail) || void 0
+                    thumbnail: ((le = (ie = b == null ? void 0 : b.user) == null ? void 0 : ie.data) == null ? void 0 : le.thumbnail) || void 0
                   }
                 },
-                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
+                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
+                })))
               },
               functions: {
                 content: {
                   createContent: () => console.log("create"),
                   deleteContent: () => console.log("delete"),
-                  updateContent: (G, K) => k({ replyInfo: G, content: K })
+                  updateContent: (F, J) => k({ replyInfo: F, content: J })
                 },
                 likes: {
-                  createLike: () => V({
+                  createLike: () => Y({
                     replyId: b == null ? void 0 : b.id,
                     replyParentId: b == null ? void 0 : b.parent
                   }),
                   deleteLike: () => {
-                    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);
+                    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);
                     return x({
-                      replyId: G || ""
+                      replyId: F || ""
                     });
                   }
                 },
@@ -4691,39 +4730,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 = st(), p = ge(Se), _ = Br({
+  const f = A(), h = ot(), p = be(Te), _ = Br({
     queryClient: h,
     queryKey: [e, t, n],
     mutationFn: async (x) => c({ activityId: n, content: x.body })
-  }), { mutate: j } = de(_), g = Ir({
+  }), { mutate: j } = me(_), g = Ir({
     queryClient: h,
     queryKey: [e, t, n],
     mutationFn: async (x) => d(x)
   }), {
     mutate: E
-  } = de(g), k = Hr({
+  } = me(g), k = Hr({
     queryClient: h,
     queryKey: [e, t, n],
     mutationFn: o
   }), {
     mutate: T
-  } = de(k), M = Qr({
+  } = me(k), M = Qr({
     queryClient: h,
     queryKey: [e, t, n],
     user: p,
     mutationFn: a
   }), {
     mutate: C
-  } = de(M), I = ke(
+  } = me(M), H = je(
     ({ replyId: x }) => T({ replyId: x }),
     [T]
-  ), V = ke(
+  ), Y = je(
     ({ replyId: x }) => C({ replyId: x }),
     [C]
   );
   return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     /* @__PURE__ */ s.jsx(
-      It,
+      Qt,
       {
         contentType: "reply",
         createPost: (x, b) => j(b),
@@ -4737,15 +4776,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 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);
+      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(
-        ct,
+        ut,
         {
           content: {
             type: "reply",
-            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,
+            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,
             createdAt: x == null ? void 0 : x.created_at,
             slugs: {
               question: `${e}/${t}/${n}`,
@@ -4754,42 +4793,46 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
             },
             slug: `${e}/${t}/${n}#${x == null ? void 0 : x.id}`,
             author: {
-              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,
+              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,
               image: {
-                thumbnail: ((P = (se = x == null ? void 0 : x.user) == null ? void 0 : se.data) == null ? void 0 : P.thumbnail) || void 0
+                thumbnail: ((P = (re = x == null ? void 0 : x.user) == null ? void 0 : re.data) == null ? void 0 : P.thumbnail) || void 0
               }
             },
-            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
+            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
+            })))
           },
           functions: {
             content: {
               createContent: () => console.log("create"),
               deleteContent: () => console.log("delete"),
-              updateContent: (_e, xe) => E({ replyInfo: _e, content: xe })
+              updateContent: (ge, $e) => E({ replyInfo: ge, content: $e })
             },
             likes: {
-              createLike: () => I({ replyId: x == null ? void 0 : x.id }),
+              createLike: () => H({ replyId: x == null ? void 0 : x.id }),
               deleteLike: () => {
-                var xe, Ie, Ae;
-                const _e = ((xe = x == null ? void 0 : x.own_children) == null ? void 0 : xe.like) && ((Ae = (Ie = x == null ? void 0 : x.own_children) == null ? void 0 : Ie.like[0]) == null ? void 0 : Ae.id);
-                return V({ replyId: _e || "" });
+                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 || "" });
               }
             },
             comments: {}
           },
           children: /* @__PURE__ */ s.jsx(
-            Wr,
+            zr,
             {
               basePath: e,
               parentId: t,
               replyParentId: x == null ? void 0 : x.id,
               activityId: n,
-              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,
+              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,
               isMember: i,
               functions: {
                 create: c,
@@ -4845,7 +4888,7 @@ const Ar = ({ count: e = 0, showRepliesButton: t = !0, children: n }) => {
   e.setQueryData(t, u.previousActivity);
 }, onSuccess: (o) => {
   const a = e.getQueryData(t);
-  return a != null && a.own_reactions.like ? a.own_reactions.like.push(o) : a && (a.own_reactions = { like: [o] }), a != null && a.latest_reactions.like ? a.latest_reactions.like.push(o) : a && (a.latest_reactions = { like: [o] }), e.setQueryData(t, () => ({
+  return a != null && a.own_reactions.like ? a.own_reactions.like.push(o) : a && (a.own_reactions = { like: [o] }), a != null && a.latest_reactions.like ? a.latest_reactions.like.push(o) : a && (a.own_reactions = { like: [o] }), e.setQueryData(t, () => ({
     ...a
   })), { previousActivity: a };
 }, onSettled: () => {
@@ -4901,61 +4944,61 @@ const Ro = ({
     leave: p
   }
 }) => {
-  var O, U, W, Z, re, oe, ae, ie, se, P, te;
-  const _ = ge(Se), j = st(), {
+  var B, W, V, K, oe, ae, ie, le, re, P, te, ce, ne;
+  const _ = be(Te), j = ot(), {
     data: g,
     error: E,
     isLoading: k,
     isFetching: T
-  } = fn({
+  } = pn({
     queryKey: [e, t, n],
     queryFn: i
   }), M = Yr({
     queryClient: j,
     queryKey: [e, t, n],
-    mutationFn: async (G) => await c(G)
+    mutationFn: async (F) => await c(F)
   }), {
     mutate: C
-  } = de(M), I = Gr({
+  } = me(M), H = Gr({
     queryClient: j,
     queryKey: [e, t, n],
     mutationFn: d
   }), {
-    mutate: V
-  } = de(I), x = Jr({
+    mutate: Y
+  } = me(H), x = Jr({
     queryClient: j,
     queryKey: [e, t, n],
     user: _,
     mutationFn: async () => {
-      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 });
+      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 });
     },
     activity: g
   }), {
     mutate: b
-  } = de(x), Q = ke(
-    ({ activityId: G }) => V({ activityId: G }),
-    [V]
-  ), w = ke(
-    async ({ activityId: G }) => b({ activityId: G }),
+  } = me(x), U = je(
+    ({ activityId: F }) => Y({ activityId: F }),
+    [Y]
+  ), v = je(
+    async ({ activityId: F }) => b({ activityId: F }),
     [b]
   );
   if (E)
-    return /* @__PURE__ */ s.jsx(it, { variant: "error", text: E.message });
+    return /* @__PURE__ */ s.jsx(ct, { variant: "error", text: E.message });
   if (k || T)
-    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(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(
-    ct,
+    ut,
     {
       className: "activity-section",
       content: {
         type: "post",
         body: g == null ? void 0 : g.content,
-        canLike: L,
+        canLike: O,
         createdAt: (g == null ? void 0 : g.time) || "",
         slugs: {
           question: `${t}/${n}`,
@@ -4964,28 +5007,32 @@ const Ro = ({
         },
         slug: n,
         author: {
-          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,
+          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,
           image: {
-            thumbnail: ((oe = g == null ? void 0 : g.actor) == null ? void 0 : oe.data.thumbnail) || void 0
+            thumbnail: ((ae = g == null ? void 0 : g.actor) == null ? void 0 : ae.data.thumbnail) || void 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,
+        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,
         likes: g && (g == null ? void 0 : g.reaction_counts.like),
-        comments: g && (g == null ? void 0 : g.reaction_counts.reply)
+        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
+        })))
       },
-      originalAuthorId: (se = g == null ? void 0 : g.actor) == null ? void 0 : se.id,
+      originalAuthorId: (te = g == null ? void 0 : g.actor) == null ? void 0 : te.id,
       functions: {
         content: {
           createContent: () => console.log("create"),
           deleteContent: () => console.log("delete"),
-          updateContent: (G, K) => C({ activityInfo: G, content: K })
+          updateContent: (F, J) => C({ activityInfo: F, content: J })
         },
         likes: {
-          createLike: () => Q({ activityId: n }),
-          deleteLike: () => w({ activityId: n })
+          createLike: () => U({ activityId: n }),
+          deleteLike: () => v({ activityId: n })
         },
         comments: {
           openComments: () => {
@@ -4995,7 +5042,7 @@ const Ro = ({
       children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
         /* @__PURE__ */ s.jsxs("h3", { children: [
           "Comments (",
-          ((P = g == null ? void 0 : g.reaction_counts) == null ? void 0 : P.reply) || 0,
+          ((ce = g == null ? void 0 : g.reaction_counts) == null ? void 0 : ce.reply) || 0,
           ")"
         ] }),
         /* @__PURE__ */ s.jsx(
@@ -5004,7 +5051,7 @@ const Ro = ({
             basePath: e,
             parentId: t,
             activityId: n,
-            repliesList: (te = g == null ? void 0 : g.latest_reactions) == null ? void 0 : te.reply,
+            repliesList: (ne = g == null ? void 0 : g.latest_reactions) == null ? void 0 : ne.reply,
             isMember: r,
             functions: {
               createReply: a,
@@ -5028,65 +5075,65 @@ const Ro = ({
   image: { thumbnail: i }
 });
 export {
-  Nt as ASSETS_BUCKET,
+  Pt as ASSETS_BUCKET,
   Po as ActivitiesFeed,
   Ro as ActivitySection,
-  It as AddPost,
+  Qt as AddPost,
   po as BannerSection,
   ko as Breadcrumbs,
-  J as Button,
-  ot as ButtonWrapper,
+  X as Button,
+  it as ButtonWrapper,
   ir as CacheProvider,
-  kn as CollapsibleSection,
+  yn as CollapsibleSection,
   Eo as Columns,
   wo as CommunityDetails,
   ar as Contributors,
-  lt as ConversationContext,
+  dt as ConversationContext,
   _r as CookieBanner,
   Sr as DiscussionConversation,
-  Pn as DiscussionForm,
+  Fn as DiscussionForm,
   Mr as DiscussionLikes,
-  ct as DiscussionPost,
+  ut as DiscussionPost,
   Ar as DiscussionThread,
-  De as Divider,
+  Ae as Divider,
   fo as DownloadSection,
-  Oe as EMAILS,
+  Be as EMAILS,
   So as EmailHelperTextBox,
-  it as EmptyStateBox,
+  ct as EmptyStateBox,
   jo as Filters,
   dr as FlagsProvider,
-  Mn as Footer,
-  wn as FullWidthSection,
+  Dn as Footer,
+  jn as FullWidthSection,
   vo as GlobalProviders,
-  An as Header,
-  zs as HelperTextBox,
-  gn as HiddenFromScreenReaders,
+  Rn as Header,
+  Ws as HelperTextBox,
+  xn as HiddenFromScreenReaders,
   xo as HideShowTextBox,
-  Ee as HighlightedTextBox,
+  Se as HighlightedTextBox,
   ur as IntlProvider,
   wr as InviteForm,
   No as InviteModal,
-  Tn as JoinButton,
+  Mn as JoinButton,
   yo as LanguageSwitcher,
-  at as Link,
+  lt as Link,
   hr as LoadMore,
   bo as LoadingBlock,
-  je as LoadingPlaceholder,
+  ye as LoadingPlaceholder,
   sr as LoadingState,
-  $n as Logo,
+  Cn as Logo,
   ho as LogoSection,
-  on as MarkdownText,
+  ln as MarkdownText,
   go as MarketingBox,
-  Bt as Member,
+  Ht as Member,
   Do as MembersList,
   Cr as Modal,
   pr as MoreMenu,
   _o as NUMBER_OF_USERS,
-  Rn as Overlay,
+  Ln as Overlay,
   Mo as PageLayout,
   To as PasswordRules,
   qs as Pill,
-  Ot as ProfilePicture,
+  It as ProfilePicture,
   tr as ProgressBar,
   $o as Rating,
   Vr as RepliesFeed,
@@ -5094,19 +5141,19 @@ export {
   Is as ResponsiveImage,
   vr as SearchForm,
   Ks as Span,
-  Pt as StatusBanner,
+  Ft as StatusBanner,
   Co as Tags,
   Hs as Tooltip,
-  Se as UserContext,
+  Te as UserContext,
   mr as UserProvider,
-  le as VisuallyHidden,
+  de as VisuallyHidden,
   Dr as addAriaProps,
-  Sn as getMember,
-  Ke as headerData,
+  $n as getMember,
+  et as headerData,
   Fo as mapGetStreamData,
   Es as useCurrentPath,
-  Ce as useEffectAfterMount,
-  rt as useScreenWidth,
+  Ne as useEffectAfterMount,
+  at as useScreenWidth,
   Ts as useScrollListener,
   mo as useScrollToHash
 };