@apolitical/component-library 1.13.3-beta.2 → 1.13.3-beta.3

package/index.mjs

@@ -1,10 +1,10 @@
-import A, { memo as Ae, useState as D, useEffect as z, useRef as Z, useMemo as qe, Children as yt, createContext as Mt, useContext as ye, Fragment as Zt, useCallback as Ee, useReducer as rr, Suspense as sr } from "react";
+import N, { memo as Ne, useState as P, useEffect as z, useRef as ee, useMemo as qe, Children as jt, createContext as At, useContext as ye, Fragment as Et, useCallback as Ee, useReducer as rr, Suspense as sr } from "react";
 import or from "lodash.clonedeep";
 import ar from "lodash.set";
-import { useIntl as P, IntlProvider as ir, createIntl as lr, FormattedMessage as we } from "react-intl";
-import Ct from "truncate";
-import Ke from "markdown-to-jsx";
-import { QueryClient as cr, QueryClientProvider as ur, useQueryClient as At, useQuery as cn, useMutation as fe } from "@tanstack/react-query";
+import { useIntl as F, IntlProvider as ir, createIntl as lr, FormattedMessage as we } from "react-intl";
+import Ke from "truncate";
+import et from "markdown-to-jsx";
+import { QueryClient as cr, QueryClientProvider as ur, useQueryClient as Nt, useQuery as cn, useMutation as fe } from "@tanstack/react-query";
 import { ReactQueryDevtools as dr } from "@tanstack/react-query-devtools";
 import Ge from "posthog-js";
 import { useCookies as mr, CookiesProvider as fr } from "react-cookie";
@@ -53,8 +53,8 @@ var dn = { exports: {} };
   })();
 })(dn);
 var br = dn.exports;
-const j = /* @__PURE__ */ xr(br), vr = ({ element: e = "span", showOnFocus: t = !0, children: n, ...s }) => A.createElement(e, { ...s, className: j("hidden", { "show-on-focus": t }), children: n }), ne = Ae(vr), wr = ({ element: e = "span", children: t = null, ...n }) => A.createElement(e, { ...n, "aria-hidden": !0 }, t), mn = Ae(wr);
-var jt = { exports: {} }, De = {};
+const j = /* @__PURE__ */ xr(br), vr = ({ element: e = "span", showOnFocus: t = !0, children: n, ...s }) => N.createElement(e, { ...s, className: j("hidden", { "show-on-focus": t }), children: n }), re = Ne(vr), wr = ({ element: e = "span", children: t = null, ...n }) => N.createElement(e, { ...n, "aria-hidden": !0 }, t), mn = Ne(wr);
+var St = { exports: {} }, Pe = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -67,9 +67,9 @@ var jt = { exports: {} }, De = {};
 var qt;
 function kr() {
   if (qt)
-    return De;
+    return Pe;
   qt = 1;
-  var e = A, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var e = N, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
   function m(a, i, c) {
     var u, f = {}, p = null, h = null;
     c !== void 0 && (p = "" + c), i.key !== void 0 && (p = "" + i.key), i.ref !== void 0 && (h = i.ref);
@@ -80,9 +80,9 @@ function kr() {
         f[u] === void 0 && (f[u] = i[u]);
     return { $$typeof: t, type: a, key: p, ref: h, props: f, _owner: o.current };
   }
-  return De.Fragment = n, De.jsx = m, De.jsxs = m, De;
+  return Pe.Fragment = n, Pe.jsx = m, Pe.jsxs = m, Pe;
 }
-var Pe = {};
+var Fe = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -95,54 +95,54 @@ var Pe = {};
 var Kt;
 function yr() {
   return Kt || (Kt = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = A, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), a = Symbol.for("react.context"), i = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), _ = Symbol.iterator, b = "@@iterator";
+    var e = N, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), m = Symbol.for("react.provider"), a = Symbol.for("react.context"), i = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), _ = Symbol.iterator, k = "@@iterator";
     function g(d) {
       if (d === null || typeof d != "object")
         return null;
-      var v = _ && d[_] || d[b];
-      return typeof v == "function" ? v : null;
+      var x = _ && d[_] || d[k];
+      return typeof x == "function" ? x : null;
     }
     var E = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function x(d) {
+    function v(d) {
       {
-        for (var v = arguments.length, y = new Array(v > 1 ? v - 1 : 0), S = 1; S < v; S++)
-          y[S - 1] = arguments[S];
-        $("error", d, y);
+        for (var x = arguments.length, y = new Array(x > 1 ? x - 1 : 0), $ = 1; $ < x; $++)
+          y[$ - 1] = arguments[$];
+        S("error", d, y);
       }
     }
-    function $(d, v, y) {
+    function S(d, x, y) {
       {
-        var S = E.ReactDebugCurrentFrame, O = S.getStackAddendum();
-        O !== "" && (v += "%s", y = y.concat([O]));
-        var H = y.map(function(N) {
-          return String(N);
+        var $ = E.ReactDebugCurrentFrame, O = $.getStackAddendum();
+        O !== "" && (x += "%s", y = y.concat([O]));
+        var H = y.map(function(D) {
+          return String(D);
         });
-        H.unshift("Warning: " + v), Function.prototype.apply.call(console[d], console, H);
+        H.unshift("Warning: " + x), Function.prototype.apply.call(console[d], console, H);
       }
     }
-    var T = !1, M = !1, Q = !1, V = !1, w = !1, F;
-    F = Symbol.for("react.module.reference");
+    var T = !1, M = !1, Q = !1, V = !1, b = !1, A;
+    A = Symbol.for("react.module.reference");
     function q(d) {
-      return !!(typeof d == "string" || typeof d == "function" || d === s || d === l || w || d === o || d === c || d === u || V || d === h || T || M || Q || typeof d == "object" && d !== null && (d.$$typeof === p || d.$$typeof === f || d.$$typeof === m || d.$$typeof === a || d.$$typeof === i || // This needs to include all possible module reference object
+      return !!(typeof d == "string" || typeof d == "function" || d === s || d === l || b || d === o || d === c || d === u || V || d === h || T || M || Q || typeof d == "object" && d !== null && (d.$$typeof === p || d.$$typeof === f || d.$$typeof === m || d.$$typeof === a || d.$$typeof === i || // 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.
-      d.$$typeof === F || d.getModuleId !== void 0));
+      d.$$typeof === A || d.getModuleId !== void 0));
     }
-    function k(d, v, y) {
-      var S = d.displayName;
-      if (S)
-        return S;
-      var O = v.displayName || v.name || "";
+    function w(d, x, y) {
+      var $ = d.displayName;
+      if ($)
+        return $;
+      var O = x.displayName || x.name || "";
       return O !== "" ? y + "(" + O + ")" : y;
     }
-    function Y(d) {
+    function G(d) {
       return d.displayName || "Context";
     }
-    function B(d) {
+    function L(d) {
       if (d == null)
         return null;
-      if (typeof d.tag == "number" && x("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof d == "function")
+      if (typeof d.tag == "number" && v("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof d == "function")
         return d.displayName || d.name || null;
       if (typeof d == "string")
         return d;
@@ -163,20 +163,20 @@ function yr() {
       if (typeof d == "object")
         switch (d.$$typeof) {
           case a:
-            var v = d;
-            return Y(v) + ".Consumer";
+            var x = d;
+            return G(x) + ".Consumer";
           case m:
             var y = d;
-            return Y(y._context) + ".Provider";
+            return G(y._context) + ".Provider";
           case i:
-            return k(d, d.render, "ForwardRef");
+            return w(d, d.render, "ForwardRef");
           case f:
-            var S = d.displayName || null;
-            return S !== null ? S : B(d.type) || "Memo";
+            var $ = d.displayName || null;
+            return $ !== null ? $ : L(d.type) || "Memo";
           case p: {
-            var O = d, H = O._payload, N = O._init;
+            var O = d, H = O._payload, D = O._init;
             try {
-              return B(N(H));
+              return L(D(H));
             } catch {
               return null;
             }
@@ -184,18 +184,18 @@ function yr() {
         }
       return null;
     }
-    var L = Object.assign, U = 0, G, K, ie, le, se, R, ee;
-    function oe() {
+    var B = Object.assign, U = 0, Y, K, ie, le, ce, ue, oe;
+    function R() {
     }
-    oe.__reactDisabledLog = !0;
-    function ce() {
+    R.__reactDisabledLog = !0;
+    function te() {
       {
         if (U === 0) {
-          G = console.log, K = console.info, ie = console.warn, le = console.error, se = console.group, R = console.groupCollapsed, ee = console.groupEnd;
+          Y = console.log, K = console.info, ie = console.warn, le = console.error, ce = console.group, ue = console.groupCollapsed, oe = console.groupEnd;
           var d = {
             configurable: !0,
             enumerable: !0,
-            value: oe,
+            value: R,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -211,7 +211,7 @@ function yr() {
         U++;
       }
     }
-    function te() {
+    function X() {
       {
         if (U--, U === 0) {
           var d = {
@@ -220,41 +220,41 @@ function yr() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: L({}, d, {
-              value: G
+            log: B({}, d, {
+              value: Y
             }),
-            info: L({}, d, {
+            info: B({}, d, {
               value: K
             }),
-            warn: L({}, d, {
+            warn: B({}, d, {
               value: ie
             }),
-            error: L({}, d, {
+            error: B({}, d, {
               value: le
             }),
-            group: L({}, d, {
-              value: se
+            group: B({}, d, {
+              value: ce
             }),
-            groupCollapsed: L({}, d, {
-              value: R
+            groupCollapsed: B({}, d, {
+              value: ue
             }),
-            groupEnd: L({}, d, {
-              value: ee
+            groupEnd: B({}, d, {
+              value: oe
             })
           });
         }
-        U < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        U < 0 && v("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var ue = E.ReactCurrentDispatcher, me;
-    function pe(d, v, y) {
+    var ne = E.ReactCurrentDispatcher, me;
+    function pe(d, x, y) {
       {
         if (me === void 0)
           try {
             throw Error();
           } catch (O) {
-            var S = O.stack.trim().match(/\n( *(at )?)/);
-            me = S && S[1] || "";
+            var $ = O.stack.trim().match(/\n( *(at )?)/);
+            me = $ && $[1] || "";
           }
         return `
 ` + me + d;
@@ -265,7 +265,7 @@ function yr() {
       var Pn = typeof WeakMap == "function" ? WeakMap : Map;
       Se = new Pn();
     }
-    function Ot(d, v) {
+    function Lt(d, x) {
       if (!d || ge)
         return "";
       {
@@ -273,81 +273,81 @@ function yr() {
         if (y !== void 0)
           return y;
       }
-      var S;
+      var $;
       ge = !0;
       var O = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var H;
-      H = ue.current, ue.current = null, ce();
+      H = ne.current, ne.current = null, te();
       try {
-        if (v) {
-          var N = function() {
+        if (x) {
+          var D = function() {
             throw Error();
           };
-          if (Object.defineProperty(N.prototype, "props", {
+          if (Object.defineProperty(D.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(N, []);
+              Reflect.construct(D, []);
             } catch (_e) {
-              S = _e;
+              $ = _e;
             }
-            Reflect.construct(d, [], N);
+            Reflect.construct(d, [], D);
           } else {
             try {
-              N.call();
+              D.call();
             } catch (_e) {
-              S = _e;
+              $ = _e;
             }
-            d.call(N.prototype);
+            d.call(D.prototype);
           }
         } else {
           try {
             throw Error();
           } catch (_e) {
-            S = _e;
+            $ = _e;
           }
           d();
         }
       } catch (_e) {
-        if (_e && S && typeof _e.stack == "string") {
+        if (_e && $ && typeof _e.stack == "string") {
           for (var C = _e.stack.split(`
-`), re = S.stack.split(`
-`), J = C.length - 1, X = re.length - 1; J >= 1 && X >= 0 && C[J] !== re[X]; )
-            X--;
-          for (; J >= 1 && X >= 0; J--, X--)
-            if (C[J] !== re[X]) {
-              if (J !== 1 || X !== 1)
+`), se = $.stack.split(`
+`), J = C.length - 1, Z = se.length - 1; J >= 1 && Z >= 0 && C[J] !== se[Z]; )
+            Z--;
+          for (; J >= 1 && Z >= 0; J--, Z--)
+            if (C[J] !== se[Z]) {
+              if (J !== 1 || Z !== 1)
                 do
-                  if (J--, X--, X < 0 || C[J] !== re[X]) {
+                  if (J--, Z--, Z < 0 || C[J] !== se[Z]) {
                     var de = `
 ` + C[J].replace(" at new ", " at ");
                     return d.displayName && de.includes("<anonymous>") && (de = de.replace("<anonymous>", d.displayName)), typeof d == "function" && Se.set(d, de), de;
                   }
-                while (J >= 1 && X >= 0);
+                while (J >= 1 && Z >= 0);
               break;
             }
         }
       } finally {
-        ge = !1, ue.current = H, te(), Error.prepareStackTrace = O;
+        ge = !1, ne.current = H, X(), Error.prepareStackTrace = O;
       }
-      var Te = d ? d.displayName || d.name : "", Xt = Te ? pe(Te) : "";
-      return typeof d == "function" && Se.set(d, Xt), Xt;
+      var Te = d ? d.displayName || d.name : "", Zt = Te ? pe(Te) : "";
+      return typeof d == "function" && Se.set(d, Zt), Zt;
     }
-    function Fn(d, v, y) {
-      return Ot(d, !1);
+    function Fn(d, x, y) {
+      return Lt(d, !1);
     }
     function Rn(d) {
-      var v = d.prototype;
-      return !!(v && v.isReactComponent);
+      var x = d.prototype;
+      return !!(x && x.isReactComponent);
     }
-    function Be(d, v, y) {
+    function Be(d, x, y) {
       if (d == null)
         return "";
       if (typeof d == "function")
-        return Ot(d, Rn(d));
+        return Lt(d, Rn(d));
       if (typeof d == "string")
         return pe(d);
       switch (d) {
@@ -361,101 +361,101 @@ function yr() {
           case i:
             return Fn(d.render);
           case f:
-            return Be(d.type, v, y);
+            return Be(d.type, x, y);
           case p: {
-            var S = d, O = S._payload, H = S._init;
+            var $ = d, O = $._payload, H = $._init;
             try {
-              return Be(H(O), v, y);
+              return Be(H(O), x, y);
             } catch {
             }
           }
         }
       return "";
     }
-    var Ie = Object.prototype.hasOwnProperty, Lt = {}, Bt = E.ReactDebugCurrentFrame;
+    var Ie = Object.prototype.hasOwnProperty, Bt = {}, It = E.ReactDebugCurrentFrame;
     function He(d) {
       if (d) {
-        var v = d._owner, y = Be(d.type, d._source, v ? v.type : null);
-        Bt.setExtraStackFrame(y);
+        var x = d._owner, y = Be(d.type, d._source, x ? x.type : null);
+        It.setExtraStackFrame(y);
       } else
-        Bt.setExtraStackFrame(null);
+        It.setExtraStackFrame(null);
     }
-    function On(d, v, y, S, O) {
+    function On(d, x, y, $, O) {
       {
         var H = Function.call.bind(Ie);
-        for (var N in d)
-          if (H(d, N)) {
+        for (var D in d)
+          if (H(d, D)) {
             var C = void 0;
             try {
-              if (typeof d[N] != "function") {
-                var re = Error((S || "React class") + ": " + y + " type `" + N + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof d[N] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw re.name = "Invariant Violation", re;
+              if (typeof d[D] != "function") {
+                var se = Error(($ || "React class") + ": " + y + " type `" + D + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof d[D] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw se.name = "Invariant Violation", se;
               }
-              C = d[N](v, N, S, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              C = d[D](x, D, $, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (J) {
               C = J;
             }
-            C && !(C instanceof Error) && (He(O), x("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", S || "React class", y, N, typeof C), He(null)), C instanceof Error && !(C.message in Lt) && (Lt[C.message] = !0, He(O), x("Failed %s type: %s", y, C.message), He(null));
+            C && !(C instanceof Error) && (He(O), v("%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, D, typeof C), He(null)), C instanceof Error && !(C.message in Bt) && (Bt[C.message] = !0, He(O), v("Failed %s type: %s", y, C.message), He(null));
           }
       }
     }
     var Ln = Array.isArray;
-    function st(d) {
+    function ot(d) {
       return Ln(d);
     }
     function Bn(d) {
       {
-        var v = typeof Symbol == "function" && Symbol.toStringTag, y = v && d[Symbol.toStringTag] || d.constructor.name || "Object";
+        var x = typeof Symbol == "function" && Symbol.toStringTag, y = x && d[Symbol.toStringTag] || d.constructor.name || "Object";
         return y;
       }
     }
     function In(d) {
       try {
-        return It(d), !1;
+        return Ht(d), !1;
       } catch {
         return !0;
       }
     }
-    function It(d) {
+    function Ht(d) {
       return "" + d;
     }
-    function Ht(d) {
+    function Qt(d) {
       if (In(d))
-        return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Bn(d)), It(d);
+        return v("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Bn(d)), Ht(d);
     }
-    var Ne = E.ReactCurrentOwner, Hn = {
+    var De = E.ReactCurrentOwner, Hn = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Qt, Ut, ot;
-    ot = {};
+    }, Ut, Wt, at;
+    at = {};
     function Qn(d) {
       if (Ie.call(d, "ref")) {
-        var v = Object.getOwnPropertyDescriptor(d, "ref").get;
-        if (v && v.isReactWarning)
+        var x = Object.getOwnPropertyDescriptor(d, "ref").get;
+        if (x && x.isReactWarning)
           return !1;
       }
       return d.ref !== void 0;
     }
     function Un(d) {
       if (Ie.call(d, "key")) {
-        var v = Object.getOwnPropertyDescriptor(d, "key").get;
-        if (v && v.isReactWarning)
+        var x = Object.getOwnPropertyDescriptor(d, "key").get;
+        if (x && x.isReactWarning)
           return !1;
       }
       return d.key !== void 0;
     }
-    function Wn(d, v) {
-      if (typeof d.ref == "string" && Ne.current && v && Ne.current.stateNode !== v) {
-        var y = B(Ne.current.type);
-        ot[y] || (x('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', B(Ne.current.type), d.ref), ot[y] = !0);
+    function Wn(d, x) {
+      if (typeof d.ref == "string" && De.current && x && De.current.stateNode !== x) {
+        var y = L(De.current.type);
+        at[y] || (v('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(De.current.type), d.ref), at[y] = !0);
       }
     }
-    function zn(d, v) {
+    function zn(d, x) {
       {
         var y = function() {
-          Qt || (Qt = !0, x("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", v));
+          Ut || (Ut = !0, v("%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)", x));
         };
         y.isReactWarning = !0, Object.defineProperty(d, "key", {
           get: y,
@@ -463,10 +463,10 @@ function yr() {
         });
       }
     }
-    function Vn(d, v) {
+    function Vn(d, x) {
       {
         var y = function() {
-          Ut || (Ut = !0, x("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", v));
+          Wt || (Wt = !0, v("%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)", x));
         };
         y.isReactWarning = !0, Object.defineProperty(d, "ref", {
           get: y,
@@ -474,15 +474,15 @@ function yr() {
         });
       }
     }
-    var Yn = function(d, v, y, S, O, H, N) {
+    var Yn = function(d, x, y, $, O, H, D) {
       var C = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: d,
-        key: v,
+        key: x,
         ref: y,
-        props: N,
+        props: D,
         // Record the component responsible for creating this element.
         _owner: H
       };
@@ -495,7 +495,7 @@ function yr() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: S
+        value: $
       }), Object.defineProperty(C, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -503,41 +503,41 @@ function yr() {
         value: O
       }), Object.freeze && (Object.freeze(C.props), Object.freeze(C)), C;
     };
-    function Gn(d, v, y, S, O) {
+    function Gn(d, x, y, $, O) {
       {
-        var H, N = {}, C = null, re = null;
-        y !== void 0 && (Ht(y), C = "" + y), Un(v) && (Ht(v.key), C = "" + v.key), Qn(v) && (re = v.ref, Wn(v, O));
-        for (H in v)
-          Ie.call(v, H) && !Hn.hasOwnProperty(H) && (N[H] = v[H]);
+        var H, D = {}, C = null, se = null;
+        y !== void 0 && (Qt(y), C = "" + y), Un(x) && (Qt(x.key), C = "" + x.key), Qn(x) && (se = x.ref, Wn(x, O));
+        for (H in x)
+          Ie.call(x, H) && !Hn.hasOwnProperty(H) && (D[H] = x[H]);
         if (d && d.defaultProps) {
           var J = d.defaultProps;
           for (H in J)
-            N[H] === void 0 && (N[H] = J[H]);
+            D[H] === void 0 && (D[H] = J[H]);
         }
-        if (C || re) {
-          var X = typeof d == "function" ? d.displayName || d.name || "Unknown" : d;
-          C && zn(N, X), re && Vn(N, X);
+        if (C || se) {
+          var Z = typeof d == "function" ? d.displayName || d.name || "Unknown" : d;
+          C && zn(D, Z), se && Vn(D, Z);
         }
-        return Yn(d, C, re, O, S, Ne.current, N);
+        return Yn(d, C, se, O, $, De.current, D);
       }
     }
-    var at = E.ReactCurrentOwner, Wt = E.ReactDebugCurrentFrame;
+    var it = E.ReactCurrentOwner, zt = E.ReactDebugCurrentFrame;
     function $e(d) {
       if (d) {
-        var v = d._owner, y = Be(d.type, d._source, v ? v.type : null);
-        Wt.setExtraStackFrame(y);
+        var x = d._owner, y = Be(d.type, d._source, x ? x.type : null);
+        zt.setExtraStackFrame(y);
       } else
-        Wt.setExtraStackFrame(null);
+        zt.setExtraStackFrame(null);
     }
-    var it;
-    it = !1;
-    function lt(d) {
+    var lt;
+    lt = !1;
+    function ct(d) {
       return typeof d == "object" && d !== null && d.$$typeof === t;
     }
-    function zt() {
+    function Vt() {
       {
-        if (at.current) {
-          var d = B(at.current.type);
+        if (it.current) {
+          var d = L(it.current.type);
           if (d)
             return `
 
@@ -549,140 +549,140 @@ Check the render method of \`` + d + "`.";
     function Jn(d) {
       {
         if (d !== void 0) {
-          var v = d.fileName.replace(/^.*[\\\/]/, ""), y = d.lineNumber;
+          var x = d.fileName.replace(/^.*[\\\/]/, ""), y = d.lineNumber;
           return `
 
-Check your code at ` + v + ":" + y + ".";
+Check your code at ` + x + ":" + y + ".";
         }
         return "";
       }
     }
-    var Vt = {};
+    var Yt = {};
     function Xn(d) {
       {
-        var v = zt();
-        if (!v) {
+        var x = Vt();
+        if (!x) {
           var y = typeof d == "string" ? d : d.displayName || d.name;
-          y && (v = `
+          y && (x = `
 
 Check the top-level render call using <` + y + ">.");
         }
-        return v;
+        return x;
       }
     }
-    function Yt(d, v) {
+    function Gt(d, x) {
       {
         if (!d._store || d._store.validated || d.key != null)
           return;
         d._store.validated = !0;
-        var y = Xn(v);
-        if (Vt[y])
+        var y = Xn(x);
+        if (Yt[y])
           return;
-        Vt[y] = !0;
-        var S = "";
-        d && d._owner && d._owner !== at.current && (S = " It was passed a child from " + B(d._owner.type) + "."), $e(d), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', y, S), $e(null);
+        Yt[y] = !0;
+        var $ = "";
+        d && d._owner && d._owner !== it.current && ($ = " It was passed a child from " + L(d._owner.type) + "."), $e(d), v('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', y, $), $e(null);
       }
     }
-    function Gt(d, v) {
+    function Jt(d, x) {
       {
         if (typeof d != "object")
           return;
-        if (st(d))
+        if (ot(d))
           for (var y = 0; y < d.length; y++) {
-            var S = d[y];
-            lt(S) && Yt(S, v);
+            var $ = d[y];
+            ct($) && Gt($, x);
           }
-        else if (lt(d))
+        else if (ct(d))
           d._store && (d._store.validated = !0);
         else if (d) {
           var O = g(d);
           if (typeof O == "function" && O !== d.entries)
-            for (var H = O.call(d), N; !(N = H.next()).done; )
-              lt(N.value) && Yt(N.value, v);
+            for (var H = O.call(d), D; !(D = H.next()).done; )
+              ct(D.value) && Gt(D.value, x);
         }
       }
     }
     function Zn(d) {
       {
-        var v = d.type;
-        if (v == null || typeof v == "string")
+        var x = d.type;
+        if (x == null || typeof x == "string")
           return;
         var y;
-        if (typeof v == "function")
-          y = v.propTypes;
-        else if (typeof v == "object" && (v.$$typeof === i || // Note: Memo only checks outer props here.
+        if (typeof x == "function")
+          y = x.propTypes;
+        else if (typeof x == "object" && (x.$$typeof === i || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        v.$$typeof === f))
-          y = v.propTypes;
+        x.$$typeof === f))
+          y = x.propTypes;
         else
           return;
         if (y) {
-          var S = B(v);
-          On(y, d.props, "prop", S, d);
-        } else if (v.PropTypes !== void 0 && !it) {
-          it = !0;
-          var O = B(v);
-          x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", O || "Unknown");
+          var $ = L(x);
+          On(y, d.props, "prop", $, d);
+        } else if (x.PropTypes !== void 0 && !lt) {
+          lt = !0;
+          var O = L(x);
+          v("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", O || "Unknown");
         }
-        typeof v.getDefaultProps == "function" && !v.getDefaultProps.isReactClassApproved && x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof x.getDefaultProps == "function" && !x.getDefaultProps.isReactClassApproved && v("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function qn(d) {
       {
-        for (var v = Object.keys(d.props), y = 0; y < v.length; y++) {
-          var S = v[y];
-          if (S !== "children" && S !== "key") {
-            $e(d), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", S), $e(null);
+        for (var x = Object.keys(d.props), y = 0; y < x.length; y++) {
+          var $ = x[y];
+          if ($ !== "children" && $ !== "key") {
+            $e(d), v("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", $), $e(null);
             break;
           }
         }
-        d.ref !== null && ($e(d), x("Invalid attribute `ref` supplied to `React.Fragment`."), $e(null));
+        d.ref !== null && ($e(d), v("Invalid attribute `ref` supplied to `React.Fragment`."), $e(null));
       }
     }
-    function Jt(d, v, y, S, O, H) {
+    function Xt(d, x, y, $, O, H) {
       {
-        var N = q(d);
-        if (!N) {
+        var D = q(d);
+        if (!D) {
           var C = "";
           (d === void 0 || typeof d == "object" && d !== null && Object.keys(d).length === 0) && (C += " 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 re = Jn(O);
-          re ? C += re : C += zt();
+          var se = Jn(O);
+          se ? C += se : C += Vt();
           var J;
-          d === null ? J = "null" : st(d) ? J = "array" : d !== void 0 && d.$$typeof === t ? (J = "<" + (B(d.type) || "Unknown") + " />", C = " Did you accidentally export a JSX literal instead of a component?") : J = typeof d, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", J, C);
+          d === null ? J = "null" : ot(d) ? J = "array" : d !== void 0 && d.$$typeof === t ? (J = "<" + (L(d.type) || "Unknown") + " />", C = " Did you accidentally export a JSX literal instead of a component?") : J = typeof d, v("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", J, C);
         }
-        var X = Gn(d, v, y, O, H);
-        if (X == null)
-          return X;
-        if (N) {
-          var de = v.children;
+        var Z = Gn(d, x, y, O, H);
+        if (Z == null)
+          return Z;
+        if (D) {
+          var de = x.children;
           if (de !== void 0)
-            if (S)
-              if (st(de)) {
+            if ($)
+              if (ot(de)) {
                 for (var Te = 0; Te < de.length; Te++)
-                  Gt(de[Te], d);
+                  Jt(de[Te], d);
                 Object.freeze && Object.freeze(de);
               } else
-                x("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                v("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
-              Gt(de, d);
+              Jt(de, d);
         }
-        return d === s ? qn(X) : Zn(X), X;
+        return d === s ? qn(Z) : Zn(Z), Z;
       }
     }
-    function Kn(d, v, y) {
-      return Jt(d, v, y, !0);
+    function Kn(d, x, y) {
+      return Xt(d, x, y, !0);
     }
-    function er(d, v, y) {
-      return Jt(d, v, y, !1);
+    function er(d, x, y) {
+      return Xt(d, x, y, !1);
     }
     var tr = er, nr = Kn;
-    Pe.Fragment = s, Pe.jsx = tr, Pe.jsxs = nr;
-  }()), Pe;
+    Fe.Fragment = s, Fe.jsx = tr, Fe.jsxs = nr;
+  }()), Fe;
 }
-process.env.NODE_ENV === "production" ? jt.exports = kr() : jt.exports = yr();
-var r = jt.exports;
+process.env.NODE_ENV === "production" ? St.exports = kr() : St.exports = yr();
+var r = St.exports;
 const jr = () => {
-  const [e, t] = D(window.location.pathname), n = () => {
+  const [e, t] = P(window.location.pathname), n = () => {
     const s = window.location.pathname;
     t(s);
   };
@@ -690,13 +690,13 @@ const jr = () => {
     window.removeEventListener("popstate", n);
   }), []), e;
 }, Ce = (e, t) => {
-  const n = Z(!1);
+  const n = ee(!1);
   z(() => {
     n.current ? e() : n.current = !0;
   }, t);
 };
 function Er(e, t, n) {
-  var s = this, o = Z(null), l = Z(0), m = Z(null), a = Z([]), i = Z(), c = Z(), u = Z(e), f = Z(!0);
+  var s = this, o = ee(null), l = ee(0), m = ee(null), a = ee([]), i = ee(), c = ee(), u = ee(e), f = ee(!0);
   z(function() {
     u.current = e;
   }, [e]);
@@ -704,42 +704,42 @@ function Er(e, t, n) {
   if (typeof e != "function")
     throw new TypeError("Expected a function");
   t = +t || 0;
-  var h = !!(n = n || {}).leading, _ = !("trailing" in n) || !!n.trailing, b = "maxWait" in n, g = b ? Math.max(+n.maxWait || 0, t) : null;
+  var h = !!(n = n || {}).leading, _ = !("trailing" in n) || !!n.trailing, k = "maxWait" in n, g = k ? Math.max(+n.maxWait || 0, t) : null;
   z(function() {
     return f.current = !0, function() {
       f.current = !1;
     };
   }, []);
   var E = qe(function() {
-    var x = function(w) {
-      var F = a.current, q = i.current;
-      return a.current = i.current = null, l.current = w, c.current = u.current.apply(q, F);
-    }, $ = function(w, F) {
-      p && cancelAnimationFrame(m.current), m.current = p ? requestAnimationFrame(w) : setTimeout(w, F);
-    }, T = function(w) {
+    var v = function(b) {
+      var A = a.current, q = i.current;
+      return a.current = i.current = null, l.current = b, c.current = u.current.apply(q, A);
+    }, S = function(b, A) {
+      p && cancelAnimationFrame(m.current), m.current = p ? requestAnimationFrame(b) : setTimeout(b, A);
+    }, T = function(b) {
       if (!f.current)
         return !1;
-      var F = w - o.current;
-      return !o.current || F >= t || F < 0 || b && w - l.current >= g;
-    }, M = function(w) {
-      return m.current = null, _ && a.current ? x(w) : (a.current = i.current = null, c.current);
-    }, Q = function w() {
-      var F = Date.now();
-      if (T(F))
-        return M(F);
+      var A = b - o.current;
+      return !o.current || A >= t || A < 0 || k && b - l.current >= g;
+    }, M = function(b) {
+      return m.current = null, _ && a.current ? v(b) : (a.current = i.current = null, c.current);
+    }, Q = function b() {
+      var A = Date.now();
+      if (T(A))
+        return M(A);
       if (f.current) {
-        var q = t - (F - o.current), k = b ? Math.min(q, g - (F - l.current)) : q;
-        $(w, k);
+        var q = t - (A - o.current), w = k ? Math.min(q, g - (A - l.current)) : q;
+        S(b, w);
       }
     }, V = function() {
-      var w = Date.now(), F = T(w);
-      if (a.current = [].slice.call(arguments), i.current = s, o.current = w, F) {
+      var b = Date.now(), A = T(b);
+      if (a.current = [].slice.call(arguments), i.current = s, o.current = b, A) {
         if (!m.current && f.current)
-          return l.current = o.current, $(Q, t), h ? x(o.current) : c.current;
-        if (b)
-          return $(Q, t), x(o.current);
+          return l.current = o.current, S(Q, t), h ? v(o.current) : c.current;
+        if (k)
+          return S(Q, t), v(o.current);
       }
-      return m.current || $(Q, t), c.current;
+      return m.current || S(Q, t), c.current;
     };
     return V.cancel = function() {
       m.current && (p ? cancelAnimationFrame(m.current) : clearTimeout(m.current)), l.current = 0, a.current = o.current = i.current = m.current = null;
@@ -748,27 +748,27 @@ function Er(e, t, n) {
     }, V.flush = function() {
       return m.current ? M(Date.now()) : c.current;
     }, V;
-  }, [h, b, t, g, _, p]);
+  }, [h, k, t, g, _, p]);
   return E;
 }
 function fn(e, t, n) {
   var s = n === void 0 ? {} : n, o = s.leading, l = s.trailing;
   return Er(e, t, { maxWait: t, leading: o === void 0 || o, trailing: l === void 0 || l });
 }
-let ct;
-const et = (e = !0, t = !1) => {
+let ut;
+const tt = (e = !0, t = !1) => {
   if (!e)
     return;
-  const [n, s] = A.useState(0) || [!1, () => {
+  const [n, s] = N.useState(0) || [!1, () => {
   }];
   z(() => (l(), window.addEventListener("resize", m), () => {
-    clearTimeout(ct), m.flush(), window.removeEventListener("resize", m);
+    clearTimeout(ut), m.flush(), window.removeEventListener("resize", m);
   }), []);
   const o = () => window.innerWidth, l = () => {
     s(o());
   }, m = fn(
     () => {
-      o() !== n && (t && (clearTimeout(ct), document.body.classList.add("is-resizing"), ct = setTimeout(() => {
+      o() !== n && (t && (clearTimeout(ut), document.body.classList.add("is-resizing"), ut = setTimeout(() => {
         document.body.classList.remove("is-resizing");
       }, 550)), l());
     },
@@ -787,8 +787,8 @@ const et = (e = !0, t = !1) => {
 }) => {
   if (!window)
     return;
-  const [o, l] = A.useState({ current: 0, past: 0 }) || [!1, () => {
-  }], [m, a] = A.useState({ scrollDown: !1, scrollUp: !1 }) || [!1, () => {
+  const [o, l] = N.useState({ current: 0, past: 0 }) || [!1, () => {
+  }], [m, a] = N.useState({ scrollDown: !1, scrollUp: !1 }) || [!1, () => {
   }];
   z(() => (i(), window.addEventListener("scroll", c), () => {
     c.flush(), window.removeEventListener("scroll", c);
@@ -804,9 +804,9 @@ const et = (e = !0, t = !1) => {
     i();
   }, 250);
   return o;
-}, so = (e = [], t = !0) => {
+}, oo = (e = [], t = !0) => {
   e = Array.isArray(e) ? e : [e];
-  const n = Z(!1);
+  const n = ee(!1);
   Ce(() => {
     if (window && window.location && window.location.hash) {
       if (n.current)
@@ -856,7 +856,7 @@ const et = (e = !0, t = !1) => {
     return { path: "days", number: a };
   const i = Math.floor(a / 7);
   return i <= 52 ? { path: "weeks", number: i } : { path: "years", number: Math.floor(a / 365) };
-}, Cr = (e) => new Promise((t) => setTimeout(t, e)), Nt = {
+}, Cr = (e) => new Promise((t) => setTimeout(t, e)), Dt = {
   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>"
 }, Pr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  en: Nt,
+  en: Dt,
   es: Ar,
   fr: Nr,
   pt: Dr
 }, Symbol.toStringTag, { value: "Module" })), he = (e, t, n, s, o = {}) => {
   let l = "";
-  return `${t}_${n}` in Nt ? l = e({ id: `${t}_${n}` }, o) : l = e({ id: t }, { [s]: n, ...o }), l;
+  return `${t}_${n}` in Dt ? l = e({ id: `${t}_${n}` }, o) : l = e({ id: t }, { [s]: n, ...o }), l;
 }, Fr = (e, t, n) => {
   if (!e || e === 0)
     return "0";
@@ -1181,7 +1181,7 @@ Thank you for helping to protect the Apolitical community from abusive content.`
     }
   }
   return s;
-}, gn = (e, t) => A.Children.map(e, (n) => A.cloneElement(n, {
+}, gn = (e, t) => N.Children.map(e, (n) => N.cloneElement(n, {
   ...t
 })), Rr = (e) => e.replace(/\s+/g, "").length > 0, W = ({
   variant: e = "primary",
@@ -1197,14 +1197,14 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   children: u = !1,
   ...f
 }) => {
-  const h = et(typeof t == "object");
+  const h = tt(typeof t == "object");
   if (typeof t == "object" && typeof h == "number") {
     const g = Object.assign({}, t), E = pn(Object.keys(g));
     t = hn(h, E, g);
   }
   const _ = [];
   typeof t == "string" && _.push(t), s && (_.push("icon"), typeof s == "object" ? (_.push(s.icon), s.position ? _.push(s.position) : _.push("left"), s.hover && _.push(`hover_${s.hover}`), s.animate && (_.push("animate"), typeof s.animate == "string" && _.push(s.animate))) : (_.push(s), !s.includes("right") && !s.includes("left") && _.push("left"))), n.muted && _.push("muted"), n.fullWidth && _.push("full-width");
-  const b = {
+  const k = {
     ...f,
     className: j(e, a, _, {
       "no-text": !u,
@@ -1216,19 +1216,19 @@ Thank you for helping to protect the Apolitical community from abusive content.`
     },
     disabled: typeof i == "object" && "isClickable" in i ? !i.isClickable : i
   };
-  return o && (l = "a", b.href = o), A.createElement(
+  return o && (l = "a", k.href = o), N.createElement(
     l,
-    b,
-    u || (c ? /* @__PURE__ */ r.jsx(ne, { showOnFocus: !1, children: c }) : null)
+    k,
+    u || (c ? /* @__PURE__ */ r.jsx(re, { showOnFocus: !1, children: c }) : null)
   );
-}, tt = ({ buttons: e, className: t = "", ...n }) => {
+}, nt = ({ buttons: e, className: t = "", ...n }) => {
   const s = e.length > 1 ? "ul" : "p", o = e.map((l, m) => s === "p" ? /* @__PURE__ */ r.jsx(W, { ...l }, m) : /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(W, { ...l }) }, m));
-  return A.createElement(s, { className: j("button-wrapper", t), ...n, children: o });
+  return N.createElement(s, { className: j("button-wrapper", t), ...n, children: o });
 };
-const Le = ({ maxWidth: e = !1 }) => {
+const Ae = ({ maxWidth: e = !1 }) => {
   const t = e ? { "--max-width": `${e / 16}rem` } : {};
   return /* @__PURE__ */ r.jsx("hr", { className: j({ "has-max-width": e }), style: t });
-}, nt = ({
+}, rt = ({
   href: e,
   children: t,
   fallbackElement: n,
@@ -1250,7 +1250,7 @@ const Le = ({ maxWidth: e = !1 }) => {
       }
     );
   }
-  return n ? A.createElement(n, { children: t, className: s, ...a }) : t;
+  return n ? N.createElement(n, { children: t, className: s, ...a }) : t;
 }, en = {
   card: {
     range: [
@@ -1364,7 +1364,7 @@ const Le = ({ maxWidth: e = !1 }) => {
 }, Lr = ({ format: e, height: t, query: n, width: s }) => {
   let o = `w=${s}&h=${t}`;
   return o = e ? `${o}&fm=${e}` : o, o = n ? `${o}&${n}` : o, o;
-}, ut = ({ format: e, range: t, url: n, query: s }) => t.map(({ height: o, width: l }) => `${n}?${Lr({
+}, dt = ({ format: e, range: t, url: n, query: s }) => t.map(({ height: o, width: l }) => `${n}?${Lr({
   format: e,
   height: o,
   query: s,
@@ -1381,7 +1381,7 @@ const Br = ({ image: e, className: t, testId: n }) => {
     loading: c,
     decoding: u,
     fetchPriority: f
-  } = e, { range: p, sizes: h } = Or(e), _ = ut({ format: "avif", query: m, range: p, url: a }), b = ut({ format: "webp", query: m, range: p, url: a }), g = ut({ format: "", query: m, range: p, url: a });
+  } = e, { range: p, sizes: h } = Or(e), _ = dt({ format: "avif", query: m, range: p, url: a }), k = dt({ format: "webp", query: m, range: p, url: a }), g = dt({ format: "", query: m, range: p, url: a });
   return /* @__PURE__ */ r.jsxs("picture", { className: t, children: [
     l !== "image/gif" && /* @__PURE__ */ r.jsx(
       "source",
@@ -1396,7 +1396,7 @@ const Br = ({ image: e, className: t, testId: n }) => {
       "source",
       {
         type: "image/webp",
-        srcSet: b,
+        srcSet: k,
         sizes: h,
         "data-testid": "source"
       }
@@ -1418,9 +1418,9 @@ const Br = ({ image: e, className: t, testId: n }) => {
     )
   ] });
 };
-let Fe = !1;
+let Re = !1;
 const Ir = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
-  const s = P(), o = Z(null), [l, m] = D("hidden");
+  const s = F(), o = ee(null), [l, m] = P("hidden");
   z(() => {
     const i = o.current;
     if (i)
@@ -1429,18 +1429,18 @@ const Ir = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
       };
   }, []);
   const a = ({ propertyName: i }) => {
-    i === "opacity" && (Fe !== !1 && clearTimeout(Fe), m((c) => c === "opening" ? "open" : c === "closing" ? "closed" : c === "closed" ? "hidden" : c));
+    i === "opacity" && (Re !== !1 && clearTimeout(Re), m((c) => c === "opening" ? "open" : c === "closing" ? "closed" : c === "closed" ? "hidden" : c));
   };
   return Ce(() => {
-    Fe !== !1 && clearTimeout(Fe);
+    Re !== !1 && clearTimeout(Re);
     let i = "open";
-    e ? m("opening") : (m("closing"), i = "hidden"), Fe = setTimeout(() => {
+    e ? m("opening") : (m("closing"), i = "hidden"), Re = setTimeout(() => {
       m(i);
     }, 300);
   }, [e]), /* @__PURE__ */ r.jsx("aside", { ref: o, className: j("tooltip text-medium", l, { loading: t }), hidden: l === "hidden", children: t ? /* @__PURE__ */ r.jsx("p", { children: s.formatMessage({ id: "tooltip_loading" }) }) : typeof n == "string" ? /* @__PURE__ */ r.jsx("p", { children: n }) : n });
 };
 const _n = ({ children: e, className: t = "", ...n }) => /* @__PURE__ */ r.jsx("section", { className: j("full-width-section", t), ...n, children: e });
-const oo = ({ text: e, buttons: t, className: n = "" }) => {
+const ao = ({ text: e, buttons: t, className: n = "" }) => {
   const s = [];
   return t.forEach((o) => {
     s.push({
@@ -1454,11 +1454,11 @@ const oo = ({ text: e, buttons: t, className: n = "" }) => {
       children: o.text
     });
   }), /* @__PURE__ */ r.jsx(_n, { className: j("download-section", n), children: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    A.createElement(typeof e == "string" ? "h2" : e.element, { className: "text" }, typeof e == "string" ? e : e.text),
-    /* @__PURE__ */ r.jsx(tt, { buttons: s })
+    N.createElement(typeof e == "string" ? "h2" : e.element, { className: "text" }, typeof e == "string" ? e : e.text),
+    /* @__PURE__ */ r.jsx(nt, { buttons: s })
   ] }) });
 };
-const ao = ({ title: e = !1, logos: t = [], className: n = "" }) => {
+const io = ({ title: e = !1, logos: t = [], className: n = "" }) => {
   const s = t.length;
   if (s === 0)
     return null;
@@ -1467,7 +1467,7 @@ const ao = ({ title: e = !1, logos: t = [], className: n = "" }) => {
     text: typeof e == "string" ? e : typeof e == "object" ? e.text : ""
   };
   return /* @__PURE__ */ r.jsxs("div", { className: j("logos", n), children: [
-    e && A.createElement(o.element, { className: "title" }, o.text),
+    e && N.createElement(o.element, { className: "title" }, o.text),
     /* @__PURE__ */ r.jsx(
       "ul",
       {
@@ -1545,7 +1545,7 @@ const Hr = [
       m.map((c) => {
         if (i[c] && typeof i[c] == "object") {
           const { text: u, element: f = "" } = i[c];
-          return A.createElement(
+          return N.createElement(
             f.toLowerCase(),
             { key: c, className: c },
             u
@@ -1567,8 +1567,8 @@ const Hr = [
     ] }),
     t && /* @__PURE__ */ r.jsx(Br, { image: { ...t, aspect: "banner" } })
   ] }) });
-}, io = Ae(Qr);
-const lo = ({
+}, lo = Ne(Qr);
+const co = ({
   variant: e = "primary",
   button: t = null,
   title: n,
@@ -1578,32 +1578,32 @@ const lo = ({
   n && /* @__PURE__ */ r.jsx("p", { className: "title", children: n }),
   s && /* @__PURE__ */ r.jsx("p", { children: s }),
   t && /* @__PURE__ */ r.jsx(W, { variant: "secondary", size: "medium", href: t.link, className: "gtm-trackable", "data-gtm-event-context": o, "data-gtm-event-type": "learn-more-click", children: t.text })
-] }), Et = "https://storage.googleapis.com/apolitical-assets/", Re = {
+] }), $t = "https://storage.googleapis.com/apolitical-assets/", Oe = {
   general: "hello@apolitical.co",
   support: "concierge@apolitical.co",
   "data-protection": {
     default: "dpo@apolitical.co",
     eu: "dpo.agl@apolitical.foundation"
   }
-}, co = "200,000+";
+}, uo = "200,000+";
 const xn = ({ label: e = !1, className: t = "", children: n }) => {
-  const s = P();
+  const s = F();
   return /* @__PURE__ */ r.jsxs("details", { className: j("collapsible-section", t), children: [
     /* @__PURE__ */ r.jsx("summary", { children: e || s.formatMessage({ id: "collapsibleSection_summary" }) }),
     /* @__PURE__ */ r.jsx("div", { className: "content", children: n })
   ] });
 };
 const ke = ({ variant: e = "primary", className: t = "", children: n, ...s }) => /* @__PURE__ */ r.jsx("div", { className: j("highlighted-text-box", e, t), ...s, children: n });
-const rt = ({ variant: e = "empty", text: t = !1, button: n = !1, className: s = "" }) => {
+const st = ({ variant: e = "empty", text: t = !1, button: n = !1, className: s = "" }) => {
   let o = n && !!Object.keys(n).length;
-  const l = typeof n == "object" && "breakpoints" in n, m = et(l);
+  const l = typeof n == "object" && "breakpoints" in n, m = tt(l);
   if (l && typeof n == "object" && typeof m == "number") {
     const f = Object.assign({}, n.breakpoints), p = pn(Object.keys(f));
     o = hn(m, p, f);
   }
   const { breakpoints: a, text: i = "", component: c, ...u } = n;
   return /* @__PURE__ */ r.jsx(ke, { variant: "subtle", className: j("empty-state-box", e, s), children: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    t && /* @__PURE__ */ r.jsx(Ke, { options: { forceBlock: !0 }, children: t }),
+    t && /* @__PURE__ */ r.jsx(et, { options: { forceBlock: !0 }, children: t }),
     o && typeof n == "object" && (c || /* @__PURE__ */ r.jsx(
       W,
       {
@@ -1614,16 +1614,16 @@ const rt = ({ variant: e = "empty", text: t = !1, button: n = !1, className: s =
     ))
   ] }) });
 };
-const St = ({ children: e, ...t }) => /* @__PURE__ */ r.jsx("p", { ...t, children: e }), bn = { q: St, blockquote: St };
+const Tt = ({ children: e, ...t }) => /* @__PURE__ */ r.jsx("p", { ...t, children: e }), bn = { q: Tt, blockquote: Tt };
 for (let e = 1; e <= 6; e++)
-  bn[`h${e}`] = { component: St, props: { className: "title" } };
+  bn[`h${e}`] = { component: Tt, props: { className: "title" } };
 const Ur = ({ type: e = "default", className: t = "", heading: n = !1, children: s }) => /* @__PURE__ */ r.jsxs("div", { className: j("helper-text-box text-small", e, t), children: [
   n && /* @__PURE__ */ r.jsx("p", { className: "title", children: n }),
   typeof s == "string" ? /* @__PURE__ */ r.jsx(
-    Ke,
+    et,
     {
       options: {
-        wrapper: A.Fragment,
+        wrapper: N.Fragment,
         forceBlock: !0,
         overrides: bn
       },
@@ -1631,8 +1631,8 @@ const Ur = ({ type: e = "default", className: t = "", heading: n = !1, children:
     }
   ) : /* @__PURE__ */ r.jsx("p", { children: s })
 ] });
-const uo = ({ className: e = "", show: t = !1, hide: n = !1, text: s, children: o }) => {
-  const l = P(), m = Z(null), [a, i] = D(""), [c, u] = D("closed");
+const mo = ({ className: e = "", show: t = !1, hide: n = !1, text: s, children: o }) => {
+  const l = F(), m = ee(null), [a, i] = P(""), [c, u] = P("closed");
   z(() => {
     const h = m.current;
     if (h)
@@ -1657,7 +1657,7 @@ const uo = ({ className: e = "", show: t = !1, hide: n = !1, text: s, children:
   const p = ["opening", "open"].includes(c);
   return /* @__PURE__ */ r.jsxs(ke, { variant: "subtle", className: j("hide-show-text-box", e), children: [
     /* @__PURE__ */ r.jsxs("div", { ref: m, className: j("content", c), children: [
-      /* @__PURE__ */ r.jsx(Ke, { options: { forceBlock: !0 }, children: c === "closed" ? a : s }),
+      /* @__PURE__ */ r.jsx(et, { options: { forceBlock: !0 }, children: c === "closed" ? a : s }),
       c !== "closed" && o
     ] }),
     /* @__PURE__ */ r.jsx("p", { className: "cta", children: /* @__PURE__ */ r.jsx(
@@ -1674,18 +1674,18 @@ const uo = ({ className: e = "", show: t = !1, hide: n = !1, text: s, children:
       }
     ) })
   ] });
-}, Wr = () => A.Fragment, zr = ({ children: e }) => /* @__PURE__ */ r.jsx(ke, { variant: "secondary", children: e }), Vr = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], Yr = ({ children: e }) => {
-  const t = P();
+}, Wr = () => N.Fragment, zr = ({ children: e }) => /* @__PURE__ */ r.jsx(ke, { variant: "secondary", children: e }), Vr = ["span", "strong", "h1", "h2", "h3", "h4", "h5", "h6", "p"], Yr = ({ children: e }) => {
+  const t = F();
   if (!e)
     return null;
   let n = t.formatMessage({ id: "markdown_collapsibleSection_summary" });
   const s = [];
-  for (const l of yt.toArray(e))
+  for (const l of jt.toArray(e))
     if (!(!l || typeof l == "string" || typeof l == "number"))
-      if (A.isValidElement(l) && l.type === "summary") {
+      if (N.isValidElement(l) && l.type === "summary") {
         if (l.props && l.props.children) {
-          for (const m of yt.toArray(l.props.children))
-            if (!(!m || typeof m == "string" || typeof m == "number") && A.isValidElement(m)) {
+          for (const m of jt.toArray(l.props.children))
+            if (!(!m || typeof m == "string" || typeof m == "number") && N.isValidElement(m)) {
               const a = m.type;
               if (Vr.includes(a)) {
                 for (n = m.props.children; typeof n != "string" && (Array.isArray(n) && n[0].props && n[0].props.children && n[0].props.children[0]); )
@@ -1720,11 +1720,11 @@ const uo = ({ className: e = "", show: t = !1, hide: n = !1, text: s, children:
     }
   return /* @__PURE__ */ r.jsx("div", { ...t, children: e });
 }, Jr = (e) => {
-  const t = P(), n = Date.now().toString();
+  const t = F(), n = Date.now().toString();
   let s = "default";
   const o = e.src;
   return o.includes("youtube") || o.includes("vimeo") ? s = "video" : o.includes("riddle") || o.includes("sli.do") ? s = "poll" : o.includes("padlet") && (s = "padlet"), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(ne, { children: /* @__PURE__ */ r.jsx("a", { href: `#content-after-iframe-${n}`, children: t.formatMessage({ id: `markdown_skip${s === "default" ? "" : `_${s}`}` }) }) }),
+    /* @__PURE__ */ r.jsx(re, { children: /* @__PURE__ */ r.jsx("a", { href: `#content-after-iframe-${n}`, children: t.formatMessage({ id: `markdown_skip${s === "default" ? "" : `_${s}`}` }) }) }),
     /* @__PURE__ */ r.jsx("iframe", { ...e, title: t.formatMessage({ id: `markdown_iframe${s === "default" ? "" : `_${s}`}` }) }),
     /* @__PURE__ */ r.jsx("span", { id: `content-after-iframe-${n}`, tabIndex: -1 })
   ] });
@@ -1735,11 +1735,11 @@ const uo = ({ className: e = "", show: t = !1, hide: n = !1, text: s, children:
   let n = { ...t };
   t.href && (t.href.includes("http:") || t.href.includes("https:")) && !t.target && (n.target = "_blank");
   let s = e, o = !1;
-  for (const l of yt.toArray(e))
-    if (!(!l || typeof l == "string" || typeof l == "number") && A.isValidElement(l)) {
+  for (const l of jt.toArray(e))
+    if (!(!l || typeof l == "string" || typeof l == "number") && N.isValidElement(l)) {
       const m = l.type;
       if (["button", "center", "span", "strong"].includes(m) && l.props && l.props.children && l.props.children[0])
-        for ((m === "button" || tn(l.props.children[0]) === "button") && (o = !0), s = l.props.children[0]; s && typeof s != "string" && !(typeof s == "boolean" || typeof s == "number" || !A.isValidElement(s)); )
+        for ((m === "button" || tn(l.props.children[0]) === "button") && (o = !0), s = l.props.children[0]; s && typeof s != "string" && !(typeof s == "boolean" || typeof s == "number" || !N.isValidElement(s)); )
           if (s.props && s.props.children && s.props.children[0])
             s = s.props.children[0], s && tn(s) === "button" && (o = !0);
           else
@@ -1750,7 +1750,7 @@ const uo = ({ className: e = "", show: t = !1, hide: n = !1, text: s, children:
 const nn = ({ className: e = "", options: t = {}, children: n }) => {
   n = n.replace(/^<br\/?>/, "");
   const s = {
-    wrapper: A.Fragment,
+    wrapper: N.Fragment,
     forceBlock: !0,
     overrides: {
       a: Xr,
@@ -1767,26 +1767,26 @@ const nn = ({ className: e = "", options: t = {}, children: n }) => {
       iframe: Jr
     }
   };
-  return /* @__PURE__ */ r.jsx("div", { className: j("markdown-text", e), children: /* @__PURE__ */ r.jsx(Ke, { options: { ...s, ...t }, children: n }) });
+  return /* @__PURE__ */ r.jsx("div", { className: j("markdown-text", e), children: /* @__PURE__ */ r.jsx(et, { options: { ...s, ...t }, children: n }) });
 };
 const qr = ({ size: e = "medium", variant: t = "default", className: n = "", children: s }) => /* @__PURE__ */ r.jsx("span", { className: j("pill", e, t, n), children: s });
-const $t = ({ element: e = "p", children: t = null, className: n = "", ...s }) => A.createElement(e, { ...s, className: j("status-banner text-small", n), "aria-live": "assertive" }, t);
+const Mt = ({ element: e = "p", children: t = null, className: n = "", ...s }) => N.createElement(e, { ...s, className: j("status-banner text-small", n), "aria-live": "assertive" }, t);
 const Kr = ({ progress: e = 0, text: t = !1, className: n = "" }) => {
-  const s = P(), o = e > 75 ? 100 : e > 50 ? 75 : e > 25 ? 50 : e > 5 ? 25 : 0, l = { "--progress": `${e}%` };
-  return /* @__PURE__ */ r.jsx("span", { className: j(`progress-bar section-${o}`, n), style: l, children: /* @__PURE__ */ r.jsx(ne, { children: t ? `${e} ${t}` : s.formatMessage({ id: "progressBar" }, { number: e }) }) });
-}, es = Ae(Kr);
-const dt = "loadingBlock_", ts = ({ progress: e = 0, steps: t = !1, className: n = "" }) => {
-  const s = P();
+  const s = F(), o = e > 75 ? 100 : e > 50 ? 75 : e > 25 ? 50 : e > 5 ? 25 : 0, l = { "--progress": `${e}%` };
+  return /* @__PURE__ */ r.jsx("span", { className: j(`progress-bar section-${o}`, n), style: l, children: /* @__PURE__ */ r.jsx(re, { children: t ? `${e} ${t}` : s.formatMessage({ id: "progressBar" }, { number: e }) }) });
+}, es = Ne(Kr);
+const mt = "loadingBlock_", ts = ({ progress: e = 0, steps: t = !1, className: n = "" }) => {
+  const s = F();
   t || (t = {
-    0: { text: s.formatMessage({ id: `${dt}loading` }) },
-    75: { text: s.formatMessage({ id: `${dt}almostDone` }) },
-    100: { text: s.formatMessage({ id: `${dt}complete` }) }
+    0: { text: s.formatMessage({ id: `${mt}loading` }) },
+    75: { text: s.formatMessage({ id: `${mt}almostDone` }) },
+    100: { text: s.formatMessage({ id: `${mt}complete` }) }
   });
   let o = null;
   const l = Object.keys(t);
   for (let a = 0; a < l.length && !(e < parseInt(l[a])); a++)
     o = l[a];
-  const m = o && t[o].icon ? { "--icon": `url(${Et}icons/${t[o].icon}.svg)` } : {};
+  const m = o && t[o].icon ? { "--icon": `url(${$t}icons/${t[o].icon}.svg)` } : {};
   return /* @__PURE__ */ r.jsxs(
     ke,
     {
@@ -1799,15 +1799,15 @@ const dt = "loadingBlock_", ts = ({ progress: e = 0, steps: t = !1, className: n
       ]
     }
   );
-}, mo = Ae(ts);
+}, fo = Ne(ts);
 const ve = ({ element: e = "div", className: t = "", ...n }) => /* @__PURE__ */ r.jsx(mn, { element: e, className: j("loading-placeholder", t), ...n });
-const Tt = {
+const Ct = {
   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"]
-}, vn = (e, t) => e in Tt ? /* @__PURE__ */ r.jsx("div", { className: e, children: Tt[e].map((n, s) => vn(n, s)) }, t) : /* @__PURE__ */ r.jsx(ve, { className: e }, t), ns = ({ layout: e = "overview-page" }) => /* @__PURE__ */ r.jsx("div", { className: j("loading-state", e), children: Tt[e].map((t, n) => vn(t, n)) }), wn = (e) => {
+}, vn = (e, t) => e in Ct ? /* @__PURE__ */ r.jsx("div", { className: e, children: Ct[e].map((n, s) => vn(n, s)) }, t) : /* @__PURE__ */ r.jsx(ve, { className: e }, t), ns = ({ layout: e = "overview-page" }) => /* @__PURE__ */ r.jsx("div", { className: j("loading-state", e), children: Ct[e].map((t, n) => vn(t, n)) }), wn = (e) => {
   const t = e && e.toUpperCase().split(" ");
   return Array.isArray(t) && t.length > 1 && t[0] !== "" ? t[1] === "" ? t[0][0] : t[0][0] + t[t.length - 1][0] : e ? e.substr(0, 1) : "";
 }, Qe = ["#5AB6A3", "#A2D7AF", "#806056", "#3962B3"], rs = (e) => {
@@ -1819,8 +1819,8 @@ const Tt = {
     if (s <= t * (o + 1))
       return Qe[o];
 };
-const rn = 256, Dt = ({ className: e = "", src: t = "", name: n, alt: s, width: o = rn, height: l = rn, ...m }) => {
-  const [a, i] = D(!1), c = Z(null);
+const rn = 256, Pt = ({ className: e = "", src: t = "", name: n, alt: s, width: o = rn, height: l = rn, ...m }) => {
+  const [a, i] = P(!1), c = ee(null);
   z(() => {
     const f = c.current;
     if (!f)
@@ -1845,9 +1845,9 @@ const rn = 256, Dt = ({ className: e = "", src: t = "", name: n, alt: s, width:
     }
   ) : /* @__PURE__ */ r.jsx("canvas", { ref: c }) });
 }, kn = (e) => e === "apolitical" ? {
-  image: `${Et}logos/member_apolitical.svg`
+  image: `${$t}logos/member_apolitical.svg`
 } : e === "community" || typeof e == "object" && !e.name ? {
-  image: `${Et}logos/member_community.svg`
+  image: `${$t}logos/member_community.svg`
 } : {
   name: e.name,
   role: e.jobTitle || "",
@@ -1866,9 +1866,9 @@ const rn = 256, Dt = ({ className: e = "", src: t = "", name: n, alt: s, width:
     return "";
   const a = `${e}${o && l ? ` — ${t}` : t}`;
   let i = `${a}${(o || l) && m ? `, ${n}` : n}`;
-  return i.length > s && (i = a), i.length > s && (i = Ct(i, s)), i;
+  return i.length > s && (i = a), i.length > s && (i = Ke(i, s)), i;
 };
-const Pt = ({
+const Ft = ({
   element: e = "div",
   member: t = "community",
   additionalContent: n = !1,
@@ -1876,13 +1876,13 @@ const Pt = ({
   gtmType: o = "member-click",
   className: l = ""
 }) => {
-  const m = P(), a = kn(t);
+  const m = F(), a = kn(t);
   a.name || (a.name = m.formatMessage({ id: `member_${typeof t == "string" ? t : "community"}` }));
   const { name: i, url: c, image: u } = a, f = ss(a), p = n && n.createdAt ? Mr(n.createdAt) : !1, h = n && n.createdAt ? Tr(n.createdAt) : "";
-  return A.createElement(e, {
+  return N.createElement(e, {
     className: j("member text-medium", l),
     children: /* @__PURE__ */ r.jsxs(
-      nt,
+      rt,
       {
         href: c,
         gtmType: o,
@@ -1891,7 +1891,7 @@ const Pt = ({
           _ == null || _.stopPropagation();
         },
         children: [
-          /* @__PURE__ */ r.jsx(Dt, { name: i, src: u }),
+          /* @__PURE__ */ r.jsx(Pt, { name: i, src: u }),
           /* @__PURE__ */ r.jsxs("p", { className: "details", children: [
             /* @__PURE__ */ r.jsx("strong", { children: i }),
             n && /* @__PURE__ */ r.jsxs("span", { className: "additional-content", children: [
@@ -1909,17 +1909,17 @@ const sn = {
   small: 24,
   medium: 48
 }, os = ({ element: e = "div", contributors: { total: t, data: n } = { total: void 0, data: [] }, styling: { showText: s, size: o, showGap: l, showPlaceholders: m } = { showText: !0, size: "medium", showGap: !0, showPlaceholders: !1 }, cutoff: a = 2, className: i = "" }) => {
-  const c = P();
-  return !n || n.length === 0 ? null : A.createElement(
+  const c = F();
+  return !n || n.length === 0 ? null : N.createElement(
     e,
     { className: j("contributors", i, o, { "has-gap": l }), children: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
       /* @__PURE__ */ r.jsx("ul", { children: n.map((u, f) => {
         let p, h = "";
         if (f < a) {
-          const { name: _ = "", image: b = "" } = kn(u);
+          const { name: _ = "", image: k = "" } = kn(u);
           if (m)
             return /* @__PURE__ */ r.jsx(ve, { element: "li", className: "contributor" }, f);
-          p = /* @__PURE__ */ r.jsx(Dt, { name: _, src: b, width: sn[o || "medium"], height: sn[o || "medium"] });
+          p = /* @__PURE__ */ r.jsx(Pt, { name: _, src: k, width: sn[o || "medium"], height: sn[o || "medium"] });
         } else if (f === a) {
           const _ = (t || n.length) - a;
           p = /* @__PURE__ */ r.jsxs("small", { className: j({ "large-number": _ > 99 }), children: [
@@ -1929,7 +1929,7 @@ const sn = {
         }
         return p ? /* @__PURE__ */ r.jsx("li", { className: j("contributor", h), children: p }, f) : null;
       }) }),
-      s && /* @__PURE__ */ r.jsx("span", { className: "label", children: typeof s == "string" ? s : n.length === 1 ? typeof n[0] == "string" ? c.formatMessage({ id: `member_${n[0]}` }) : Ct(n[0].name || "", 20) : null })
+      s && /* @__PURE__ */ r.jsx("span", { className: "label", children: typeof s == "string" ? s : n.length === 1 ? typeof n[0] == "string" ? c.formatMessage({ id: `member_${n[0]}` }) : Ke(n[0].name || "", 20) : null })
     ] }) }
   );
 }, as = ({ showDevTools: e = !0, children: t }) => {
@@ -1949,12 +1949,12 @@ const sn = {
     e && /* @__PURE__ */ r.jsx(dr, { initialIsOpen: !1 })
   ] });
 };
-var is = Mt({ client: Ge });
+var is = At({ client: Ge });
 function ls(e) {
   var t = e.children, n = e.client, s = e.apiKey, o = e.options, l = qe(function() {
     return n && s && console.warn("[PostHog.js] You have provided both a client and an apiKey to PostHogProvider. The apiKey will be ignored in favour of the client."), n && o && console.warn("[PostHog.js] You have provided both a client and options to PostHogProvider. The options will be ignored in favour of the client."), n || (s && (Ge.__loaded && console.warn("[PostHog.js] was already loaded elsewhere. This may cause issues."), Ge.init(s, o)), Ge);
   }, [n, s]);
-  return A.createElement(is.Provider, { value: { client: l } }, t);
+  return N.createElement(is.Provider, { value: { client: l } }, t);
 }
 const cs = ({ children: e, user: t }) => t.isLoading ? /* @__PURE__ */ r.jsx(r.Fragment, {}) : process.env.REACT_APP_PUBLIC_POSTHOG_KEY ? /* @__PURE__ */ r.jsx(
   ls,
@@ -1978,21 +1978,21 @@ const cs = ({ children: e, user: t }) => t.isLoading ? /* @__PURE__ */ r.jsx(r.F
     ...n || {}
   };
   return /* @__PURE__ */ r.jsx(ir, { locale: s, messages: o, children: e });
-}, je = Mt(null), ds = ({ children: e, user: t }) => /* @__PURE__ */ r.jsx(je.Provider, { value: t, children: e }), fo = ({ bootstrap: e, children: t, intl: n }) => {
-  const [s, o] = D({ isLoading: !0 });
+}, je = At(null), ds = ({ children: e, user: t }) => /* @__PURE__ */ r.jsx(je.Provider, { value: t, children: e }), po = ({ bootstrap: e, children: t, intl: n }) => {
+  const [s, o] = P({ isLoading: !0 });
   return z(() => {
     e().then((l) => o({ ...l, isLoading: !1 })).catch(() => o({ isLoading: !1 }));
   }, []), /* @__PURE__ */ r.jsx(us, { locale: n == null ? void 0 : n.locale, messages: n == null ? void 0 : n.messages, children: /* @__PURE__ */ r.jsx(ds, { user: s, children: /* @__PURE__ */ r.jsx(as, { children: /* @__PURE__ */ r.jsx(cs, { user: s, children: t }) }) }) });
 };
-const mt = "joinCommunityButton", yn = ({ isMember: e = !1, isShort: t = !1, functions: { join: n, leave: s } = { join: () => {
+const ft = "joinCommunityButton", yn = ({ isMember: e = !1, isShort: t = !1, functions: { join: n, leave: s } = { join: () => {
 }, leave: () => {
 } } }) => {
-  const o = P(), l = ye(je), m = l && typeof l.id == "string", [a, i] = D(e), [c, u] = D(e ? "joined" : "notJoined");
+  const o = F(), l = ye(je), m = l && typeof l.id == "string", [a, i] = P(e), [c, u] = P(e ? "joined" : "notJoined");
   z(() => {
     c === "joining" ? u("joined") : c === "leaving" && u("notJoined");
   }, [a]);
   const f = {}, p = {};
-  return a && c !== "leaving" && (f["data-hover-text"] = o.formatMessage({ id: `${mt}_leave` }), f["aria-label"] = o.formatMessage({ id: `${mt}_member_aria` }), p["aria-hidden"] = "true"), /* @__PURE__ */ r.jsx(
+  return a && c !== "leaving" && (f["data-hover-text"] = o.formatMessage({ id: `${ft}_leave` }), f["aria-label"] = o.formatMessage({ id: `${ft}_member_aria` }), p["aria-hidden"] = "true"), /* @__PURE__ */ r.jsx(
     W,
     {
       variant: a ? "secondary" : "primary",
@@ -2005,27 +2005,27 @@ const mt = "joinCommunityButton", yn = ({ isMember: e = !1, isShort: t = !1, fun
       className: j("join-community-button", c, { active: c === "joining" }),
       disabled: !m,
       ...f,
-      children: /* @__PURE__ */ r.jsx("span", { className: "text", ...p, children: o.formatMessage({ id: `${mt}${["joining", "leaving"].includes(c) ? `_${c}` : a ? "_member" : t ? "_short" : ""}` }) })
+      children: /* @__PURE__ */ r.jsx("span", { className: "text", ...p, children: o.formatMessage({ id: `${ft}${["joining", "leaving"].includes(c) ? `_${c}` : a ? "_member" : t ? "_short" : ""}` }) })
     }
   );
 };
-const ft = "communityDetails_", po = ({
+const pt = "communityDetails_", ho = ({
   className: e = "",
   isMember: t = !1,
   slug: n,
   members: { number: s = 0, data: o = [] } = { number: 0, data: [] },
   functions: { invite: l, ...m }
 }) => {
-  const a = P(), i = 5, c = s || o.length, u = o.length ? o : Array(i).fill({});
+  const a = F(), i = 5, c = s || o.length, u = o.length ? o : Array(i).fill({});
   return /* @__PURE__ */ r.jsxs("div", { className: j("community-details", e), children: [
-    /* @__PURE__ */ r.jsx(Le, {}),
+    /* @__PURE__ */ r.jsx(Ae, {}),
     /* @__PURE__ */ r.jsxs("div", { className: "member-details", children: [
       /* @__PURE__ */ r.jsxs("div", { className: "top", children: [
         /* @__PURE__ */ r.jsxs("h3", { children: [
-          a.formatMessage({ id: `${ft}members` }),
+          a.formatMessage({ id: `${pt}members` }),
           /* @__PURE__ */ r.jsx("span", { className: "count", children: c })
         ] }),
-        /* @__PURE__ */ r.jsx("p", { className: "text-small", children: /* @__PURE__ */ r.jsx("a", { href: `/communities/${n}/members`, children: a.formatMessage({ id: `${ft}viewAll` }) }) })
+        /* @__PURE__ */ r.jsx("p", { className: "text-small", children: /* @__PURE__ */ r.jsx("a", { href: `/communities/${n}/members`, children: a.formatMessage({ id: `${pt}viewAll` }) }) })
       ] }),
       /* @__PURE__ */ r.jsx(
         os,
@@ -2043,7 +2043,7 @@ const ft = "communityDetails_", po = ({
         }
       )
     ] }),
-    /* @__PURE__ */ r.jsx(yn, { isMember: t, ...m }),
+    /* @__PURE__ */ r.jsx(yn, { isMember: t, functions: { ...m } }),
     t && /* @__PURE__ */ r.jsx(
       W,
       {
@@ -2051,26 +2051,26 @@ const ft = "communityDetails_", po = ({
         onClick: l,
         icon: { icon: "plus" },
         styling: { fullWidth: !0 },
-        children: a.formatMessage({ id: `${ft}invite` })
+        children: a.formatMessage({ id: `${pt}invite` })
       }
     )
   ] });
 };
-const ho = ({
+const go = ({
   breadcrumbs: e,
   cutoff: t = 20,
   className: n = ""
 }) => {
-  const s = P();
+  const s = F();
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(ne, { element: "p", children: s.formatMessage({ id: "breadcrumbs_label" }) }),
+    /* @__PURE__ */ r.jsx(re, { element: "p", children: s.formatMessage({ id: "breadcrumbs_label" }) }),
     /* @__PURE__ */ r.jsx("ul", { className: j("breadcrumbs text-small", n), children: e.map(({ text: o, href: l, current: m = !1 }, a) => /* @__PURE__ */ r.jsxs("li", { children: [
-      m && /* @__PURE__ */ r.jsx(ne, { element: "span", children: s.formatMessage({ id: "breadcrumbs_currentPage" }) }),
-      /* @__PURE__ */ r.jsx(nt, { href: m ? void 0 : l, children: Ct(o, t) })
+      m && /* @__PURE__ */ r.jsx(re, { element: "span", children: s.formatMessage({ id: "breadcrumbs_currentPage" }) }),
+      /* @__PURE__ */ r.jsx(rt, { href: m ? void 0 : l, children: Ke(o, t) })
     ] }, `${window.btoa(o)}_${a}`)) })
   ] });
 };
-const go = ({
+const _o = ({
   options: e,
   allOption: t = !1,
   allowMultiple: n = !0,
@@ -2078,7 +2078,7 @@ const go = ({
   },
   className: o = ""
 }) => {
-  const l = P(), m = t ? [{ id: "all", text: typeof t != "boolean" && t.text || l.formatMessage({ id: "filters_all" }) }, ...e] : e, [a, i] = D(t ? ["all"] : []), c = (u, f) => {
+  const l = F(), m = t ? [{ id: "all", text: typeof t != "boolean" && t.text || l.formatMessage({ id: "filters_all" }) }, ...e] : e, [a, i] = P(t ? ["all"] : []), c = (u, f) => {
     let p = [];
     a.includes(u) ? p = a.filter((h) => h !== u) : u === "all" ? p = ["all"] : n ? p = [...a.filter((h) => h !== "all"), u] : p = [u], i((h) => (s && typeof s == "function" && s({ current: p, previous: h }), p)), f && typeof f == "function" && f();
   };
@@ -2089,8 +2089,8 @@ const go = ({
       "button",
       {
         className: j(u, { selected: a.includes(u) }),
-        onClick: (b) => {
-          b.preventDefault(), b.stopPropagation(), c(u, h);
+        onClick: (k) => {
+          k.preventDefault(), k.stopPropagation(), c(u, h);
         },
         ..._,
         children: f
@@ -2106,7 +2106,7 @@ const go = ({
     l === "before-lang" ? s += `/${o}` : (s.includes(`/${n}/`) || (s += `/${n}`), s += `/${o}`);
   }), s.includes(`/${n}/`) || (s += `/${n}`), s;
 };
-const pt = { en: "English", es: "Español", fr: "Français", pt: "Português" }, Ue = "languageSwitcher_", _o = ({
+const ht = { en: "English", es: "Español", fr: "Français", pt: "Português" }, Ue = "languageSwitcher_", xo = ({
   currentLanguage: e,
   isOriginalLanguage: t = !1,
   isHumanTranslation: n = !1,
@@ -2118,26 +2118,26 @@ const pt = { en: "English", es: "Español", fr: "Français", pt: "Português" },
   label: a,
   className: i = ""
 }) => {
-  const c = P(), [u, f] = D(e);
+  const c = F(), [u, f] = P(e);
   if (z(() => {
     e !== u && f(e);
-  }, [e]), !s || !Object.values(s).some((b) => b && b.post_name))
+  }, [e]), !s || !Object.values(s).some((k) => k && k.post_name))
     return null;
   const h = Object.keys(s), _ = u !== e;
   return /* @__PURE__ */ r.jsxs("div", { className: j("language-switcher text-small", m, i), children: [
     /* @__PURE__ */ r.jsxs("nav", { children: [
       m !== "short" && /* @__PURE__ */ r.jsx("p", { children: a || c.formatMessage({ id: `${Ue}label` }) }),
-      /* @__PURE__ */ r.jsx("ul", { children: h.map((b) => {
-        if (!pt[b])
+      /* @__PURE__ */ r.jsx("ul", { children: h.map((k) => {
+        if (!ht[k])
           return null;
-        let g = { className: b };
-        return u === b ? g["aria-label"] = c.formatMessage({ id: `${Ue}selected` }, { language: pt[b] }) : g = {
+        let g = { className: k };
+        return u === k ? g["aria-label"] = c.formatMessage({ id: `${Ue}selected` }, { language: ht[k] }) : g = {
           ...g,
-          href: ms(b, l),
+          href: ms(k, l),
           onClick: (E) => {
-            E.preventDefault(), E.stopPropagation(), f(b), o(b);
+            E.preventDefault(), E.stopPropagation(), f(k), o(k);
           }
-        }, /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(nt, { ...g, fallbackElement: "span", children: pt[b] }) }, b);
+        }, /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(rt, { ...g, fallbackElement: "span", children: ht[k] }) }, k);
       }) }),
       m !== "short" && !_ && /* @__PURE__ */ r.jsx("p", { children: c.formatMessage({ id: `${Ue}translation_${t ? "original" : n ? "human" : "machine"}` }) })
     ] }),
@@ -2146,16 +2146,16 @@ const pt = { en: "English", es: "Español", fr: "Français", pt: "Português" },
       // @ts-ignore
       // `values` are throwing a type error: https://github.com/formatjs/formatjs/issues/3633
       children: c.formatMessage({ id: `${Ue}disclaimer` }, {
-        email: Re.support,
-        link: (b) => {
-          const g = `mailto:${b}`;
-          return /* @__PURE__ */ r.jsx("a", { href: g, children: b });
+        email: Oe.support,
+        link: (k) => {
+          const g = `mailto:${k}`;
+          return /* @__PURE__ */ r.jsx("a", { href: g, children: k });
         }
       })
     })
   ] });
 };
-const ht = lr({ locale: "en", messages: Nt }), fs = ({
+const gt = lr({ locale: "en", messages: Dt }), fs = ({
   page: e = 1,
   length: t = 0,
   limit: n = 10,
@@ -2163,14 +2163,14 @@ const ht = lr({ locale: "en", messages: Nt }), fs = ({
   },
   icon: o = !1,
   messages: l = {
-    button: ht.formatMessage({ id: "loadMore_button" }),
-    endOfFeed: ht.formatMessage({ id: "loadMore_endOfFeed" }),
-    error: ht.formatMessage({ id: "loadMore_error" })
+    button: gt.formatMessage({ id: "loadMore_button" }),
+    endOfFeed: gt.formatMessage({ id: "loadMore_endOfFeed" }),
+    error: gt.formatMessage({ id: "loadMore_error" })
   },
   className: m = "",
   gtmContext: a = "LoadMore"
 }) => {
-  const [i, c] = D(!1), [u, f] = D(!1);
+  const [i, c] = P(!1), [u, f] = P(!1);
   if (t <= 0 || t < n * e)
     return null;
   const p = async (h) => {
@@ -2199,12 +2199,12 @@ const ht = lr({ locale: "en", messages: Nt }), fs = ({
 };
 let We = !1;
 const ps = ({ element: e = "div", id: t = "more-menu", options: n, className: s = "" }) => {
-  const o = P(), l = Z(null), [m, a] = D(!1), i = (c) => {
+  const o = F(), l = ee(null), [m, a] = P(!1), i = (c) => {
     l.current && c.target instanceof HTMLElement && !l.current.contains(c.target) && a(!1);
   };
   return z(() => (document.addEventListener("click", i, !0), () => {
     document.removeEventListener("click", i, !0);
-  })), A.createElement(e, {
+  })), N.createElement(e, {
     ref: l,
     className: j("more-menu text-medium", s),
     children: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
@@ -2222,7 +2222,7 @@ const ps = ({ element: e = "div", id: t = "more-menu", options: n, className: s
         }
       ),
       /* @__PURE__ */ r.jsx("ul", { id: t, hidden: !m, children: n.map(({ href: c, onClick: u, text: f, icon: p, ...h }, _) => {
-        const b = {
+        const k = {
           ...h,
           onClick: (g) => {
             a(!1), typeof u == "function" && u(g);
@@ -2236,13 +2236,13 @@ const ps = ({ element: e = "div", id: t = "more-menu", options: n, className: s
             }, 100);
           }
         };
-        return c && (b.href = c), /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
+        return c && (k.href = c), /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
           W,
           {
             variant: "tertiary",
             size: "medium",
             icon: p ? { icon: p, position: "left" } : !1,
-            ...b,
+            ...k,
             children: f
           }
         ) }, `${window.btoa(f)}_${_}`);
@@ -2250,32 +2250,32 @@ const ps = ({ element: e = "div", id: t = "more-menu", options: n, className: s
     ] })
   });
 };
-const jn = ({ variant: e = "default", version: t = "default", className: n = "", ...s }) => /* @__PURE__ */ r.jsx("p", { className: "logo-wrapper", children: /* @__PURE__ */ r.jsx("a", { href: "/home/", className: j("logo", e, t, n), ...s, children: /* @__PURE__ */ r.jsx(ne, { children: /* @__PURE__ */ r.jsx(we, { id: "apolitical" }) }) }) });
+const jn = ({ variant: e = "default", version: t = "default", className: n = "", ...s }) => /* @__PURE__ */ r.jsx("p", { className: "logo-wrapper", children: /* @__PURE__ */ r.jsx("a", { href: "/home/", className: j("logo", e, t, n), ...s, children: /* @__PURE__ */ r.jsx(re, { children: /* @__PURE__ */ r.jsx(we, { id: "apolitical" }) }) }) });
 const hs = {
   "2-1": 901
-}, xo = ({ layout: e = "2-1", hideOnMobile: t = !1, className: n = "", children: s }) => {
-  const o = et(!0);
+}, bo = ({ layout: e = "2-1", hideOnMobile: t = !1, className: n = "", children: s }) => {
+  const o = tt(!0);
   let l = s;
-  return A.Children.count(s) === 1 && (l = A.Children.toArray(s)[0], l.props && (l = l.props.children)), /* @__PURE__ */ r.jsx("section", { className: j("columns", `layout-${e}`, n), children: A.Children.map(l, (m, a) => t !== !1 && a === t && o && o < hs[e] ? null : m) });
+  return N.Children.count(s) === 1 && (l = N.Children.toArray(s)[0], l.props && (l = l.props.children)), /* @__PURE__ */ r.jsx("section", { className: j("columns", `layout-${e}`, n), children: N.Children.map(l, (m, a) => t !== !1 && a === t && o && o < hs[e] ? null : m) });
 };
-const gt = "cookieBanner_", _t = ["apol-cookie-banner", "apolitical-performance-cookie-consent", "functional-cookie-consent"], xt = new Date(Date.now() + 12 * 30 * 24 * 60 * 60 * 1e3), gs = () => {
-  const e = P(), [t, n, s] = mr(_t), [o, l] = D(!t["apol-cookie-banner"]), m = () => {
-    _t.forEach((u) => {
+const _t = "cookieBanner_", xt = ["apol-cookie-banner", "apolitical-performance-cookie-consent", "functional-cookie-consent"], bt = new Date(Date.now() + 12 * 30 * 24 * 60 * 60 * 1e3), gs = () => {
+  const e = F(), [t, n, s] = mr(xt), [o, l] = P(!t["apol-cookie-banner"]), m = () => {
+    xt.forEach((u) => {
       n(u, !0, {
         path: "/",
-        expires: xt,
+        expires: bt,
         domain: u === "apolitical-performance-cookie-consent" ? ".apolitical.co" : void 0
       });
     }), l(!1), window.location.reload();
   }, a = () => {
     n("apol-cookie-banner", !0, {
       path: "/",
-      expires: xt
-    }), _t.forEach((u) => {
+      expires: bt
+    }), xt.forEach((u) => {
       if (u === "apol-cookie-banner") {
         n(u, !0, {
           path: "/",
-          expires: xt
+          expires: bt
         });
         return;
       }
@@ -2297,12 +2297,12 @@ const gt = "cookieBanner_", _t = ["apol-cookie-banner", "apolitical-performance-
       className: "gtm-trackable",
       "data-gtm-event-context": "cookie-banner",
       "data-gtm-event-type": `cookie-${u.gtmType}-click`,
-      children: e.formatMessage({ id: `${gt}buttons_${u.id}` })
+      children: e.formatMessage({ id: `${_t}buttons_${u.id}` })
     });
   }), /* @__PURE__ */ r.jsxs("aside", { id: "cookie-banner", className: "text-medium", children: [
-    /* @__PURE__ */ r.jsx("h6", { children: e.formatMessage({ id: `${gt}title` }) }),
-    /* @__PURE__ */ r.jsx("p", { children: e.formatMessage({ id: `${gt}text` }) }),
-    /* @__PURE__ */ r.jsx(tt, { buttons: c })
+    /* @__PURE__ */ r.jsx("h6", { children: e.formatMessage({ id: `${_t}title` }) }),
+    /* @__PURE__ */ r.jsx("p", { children: e.formatMessage({ id: `${_t}text` }) }),
+    /* @__PURE__ */ r.jsx(nt, { buttons: c })
   ] });
 }, be = {
   platform: {
@@ -2369,11 +2369,11 @@ const gt = "cookieBanner_", _t = ["apol-cookie-banner", "apolitical-performance-
     text: {
       order: ["dataProtection", "euDataProtection"],
       dataProtection: {
-        email: Re["data-protection"].default,
+        email: Oe["data-protection"].default,
         gtmType: "email-dpo-link"
       },
       euDataProtection: {
-        email: Re["data-protection"].eu,
+        email: Oe["data-protection"].eu,
         gtmType: "email-eu-dpo-link"
       }
     }
@@ -2385,10 +2385,10 @@ const gt = "cookieBanner_", _t = ["apol-cookie-banner", "apolitical-performance-
       registered: { address: !0 },
       berlin: { address: !0 },
       support: {
-        email: Re.support,
+        email: Oe.support,
         gtmType: "concierge-email-click"
       },
-      business: { email: Re.general, gtmType: "hello-email-click" }
+      business: { email: Oe.general, gtmType: "hello-email-click" }
     }
   },
   social: {
@@ -2401,7 +2401,7 @@ const gt = "cookieBanner_", _t = ["apol-cookie-banner", "apolitical-performance-
 const Me = "footer_", Je = "SiteFooter", on = ({ group: e }) => {
   const t = be[e].order || [];
   let n = !1;
-  return "text" in be[e] && (n = be[e].text), /* @__PURE__ */ r.jsxs(Zt, { children: [
+  return "text" in be[e] && (n = be[e].text), /* @__PURE__ */ r.jsxs(Et, { children: [
     /* @__PURE__ */ r.jsx("p", { className: "pre-title", children: /* @__PURE__ */ r.jsx(we, { id: `${Me}${e}` }) }),
     Array.isArray(t) && t.length > 0 && /* @__PURE__ */ r.jsx("ul", { className: "text-medium", children: t.map((s) => {
       if (["order", "child", "text"].includes(s))
@@ -2419,7 +2419,7 @@ const Me = "footer_", Je = "SiteFooter", on = ({ group: e }) => {
         }
       ) }, `${e}_${s}`);
     }) }),
-    typeof n != "boolean" && "order" in n && Array.isArray(n.order) && /* @__PURE__ */ r.jsx("dl", { className: "text-medium", children: n.order.map((s) => /* @__PURE__ */ r.jsxs(Zt, { children: [
+    typeof n != "boolean" && "order" in n && Array.isArray(n.order) && /* @__PURE__ */ r.jsx("dl", { className: "text-medium", children: n.order.map((s) => /* @__PURE__ */ r.jsxs(Et, { children: [
       /* @__PURE__ */ r.jsx("dt", { children: /* @__PURE__ */ r.jsx(we, { id: `${Me}${e}_${s}` }) }),
       /* @__PURE__ */ r.jsxs("dd", { children: [
         typeof n != "boolean" && n[s].address && /* @__PURE__ */ r.jsx("address", { children: /* @__PURE__ */ r.jsx(we, { id: `${Me}${e}_${s}_address`, values: { br: /* @__PURE__ */ r.jsx("br", {}) } }) }),
@@ -2472,11 +2472,11 @@ const Me = "footer_", Je = "SiteFooter", on = ({ group: e }) => {
     /* @__PURE__ */ r.jsx("small", { children: /* @__PURE__ */ r.jsx(we, { id: `${Me}copyright`, values: { currentYear: (/* @__PURE__ */ new Date()).getFullYear() } }) })
   ] })
 ] }) });
-const ze = "emailHelperTextBox_", bo = ({ type: e, email: t, redirectPath: n, resendVerificationCode: s }) => {
-  const o = P(), [l, m] = D({ path: `${ze}default`, type: "default", link: {}, mail: {}, error: "" }), [a, i] = D(!1), c = Ee(
+const ze = "emailHelperTextBox_", vo = ({ type: e, email: t, redirectPath: n, resendVerificationCode: s }) => {
+  const o = F(), [l, m] = P({ path: `${ze}default`, type: "default", link: {}, mail: {}, error: "" }), [a, i] = P(!1), c = Ee(
     (h) => {
       h.preventDefault(), h.stopPropagation();
-      const _ = (b) => {
+      const _ = (k) => {
         m({
           path: `${ze}error_verificationFailedToSend`,
           type: "error",
@@ -2494,7 +2494,7 @@ const ze = "emailHelperTextBox_", bo = ({ type: e, email: t, redirectPath: n, re
             "data-gtm-event-context": "ErrorVerifyingBox",
             "data-gtm-event-type": "email-concierge-click"
           },
-          error: b
+          error: k
         });
       };
       if (typeof s != "function") {
@@ -2503,8 +2503,8 @@ const ze = "emailHelperTextBox_", bo = ({ type: e, email: t, redirectPath: n, re
       }
       i(!0), s(t).then(() => {
         localStorage.setItem("email", t), window.location.href = n || "/signup/verify-email";
-      }).catch((b) => {
-        _(b.message);
+      }).catch((k) => {
+        _(k.message);
       }).finally(() => {
         i(!1);
       });
@@ -2514,13 +2514,13 @@ const ze = "emailHelperTextBox_", bo = ({ type: e, email: t, redirectPath: n, re
   );
   z(
     () => {
-      let h = ze, _ = "default", b = {}, g = {};
+      let h = ze, _ = "default", k = {}, g = {};
       switch (e) {
         case "gov":
           h += "autoApproved", _ = "success";
           break;
         case "nonGov":
-          h += "unrecognisedEmail", _ = "error", b = {
+          h += "unrecognisedEmail", _ = "error", k = {
             href: "https://about.apolitical.co/who-can-join-the-community",
             "data-gtm-event-context": "NonGovEmailHelperTextBox",
             "data-gtm-event-type": "LearnMoreClick"
@@ -2535,7 +2535,7 @@ const ze = "emailHelperTextBox_", bo = ({ type: e, email: t, redirectPath: n, re
           };
           break;
         case "verify":
-          h += "emailUnverified", _ = "error", b = {
+          h += "emailUnverified", _ = "error", k = {
             href: "#",
             "data-gtm-event-context": "VerifyEmailBox",
             "data-gtm-event-type": "SendEmailClick",
@@ -2545,7 +2545,7 @@ const ze = "emailHelperTextBox_", bo = ({ type: e, email: t, redirectPath: n, re
           };
           break;
         case "exists":
-          h += "emailAlreadyExists", _ = "error", b = {
+          h += "emailAlreadyExists", _ = "error", k = {
             href: "/user-onboarding/login",
             "data-gtm-event-context": "EmailExistsBox",
             "data-gtm-event-type": "login-click"
@@ -2557,14 +2557,14 @@ const ze = "emailHelperTextBox_", bo = ({ type: e, email: t, redirectPath: n, re
           };
           break;
         default:
-          h += "default", b = {
+          h += "default", k = {
             href: "https://about.apolitical.co/who-can-join-the-community",
             "data-gtm-event-context": "DefaultEmailHelperTextBox",
             "data-gtm-event-type": "LearnMoreClick"
           };
           break;
       }
-      m({ ...l, path: h, type: _, link: b, mail: g });
+      m({ ...l, path: h, type: _, link: k, mail: g });
     },
     /* eslint-disable react-hooks/exhaustive-deps */
     [e]
@@ -2599,24 +2599,24 @@ const Ve = "passwordRules_", Sn = "isMoreThanEightCharacters", $n = "includesNum
   [$n]: "numberSymbol",
   [Tn]: "lowercaseUppercase"
 }, xs = ({ matchingRules: e = { isMoreThanEightCharacters: !1, includesNumberAndSymbol: !1, includesLowerAndUppercase: !1 }, className: t = "" }) => {
-  const n = P();
+  const n = F();
   return /* @__PURE__ */ r.jsxs("aside", { className: j("password-rules", t), children: [
     /* @__PURE__ */ r.jsx("small", { children: n.formatMessage({ id: `${Ve}intro` }) }),
     /* @__PURE__ */ r.jsx("ul", { children: [Sn, $n, Tn].map((s) => /* @__PURE__ */ r.jsxs("li", { className: j({ matches: e[s] }), children: [
-      /* @__PURE__ */ r.jsxs(ne, { children: [
+      /* @__PURE__ */ r.jsxs(re, { children: [
         n.formatMessage({ id: `${Ve}rule_label` }),
         " "
       ] }),
       /* @__PURE__ */ r.jsx("span", { children: n.formatMessage({ id: `${Ve}rule_${_s[s]}` }) }),
-      !e[s] && /* @__PURE__ */ r.jsxs(ne, { element: "strong", children: [
+      !e[s] && /* @__PURE__ */ r.jsxs(re, { element: "strong", children: [
         " ",
         " ",
         n.formatMessage({ id: `${Ve}notMet` })
       ] })
     ] }, `rule-${s}`)) })
   ] });
-}, vo = Ae(xs);
-const wo = ({
+}, wo = Ne(xs);
+const ko = ({
   text: e = {},
   topRating: t = 5,
   functions: { createRating: n = () => null, updateRating: s = () => {
@@ -2625,19 +2625,19 @@ const wo = ({
   className: l = "",
   hasLoaded: m = !1
 }) => {
-  const a = P(), [i, c] = D({ setUp: !1, id: null, rating: null, disabled: !0 }), u = async () => {
+  const a = F(), [i, c] = P({ setUp: !1, id: null, rating: null, disabled: !0 }), u = async () => {
     try {
       const E = await n();
-      c((x) => ({ ...x, setUp: !0, id: E && E.id, disabled: !1 }));
+      c((v) => ({ ...v, setUp: !0, id: E && E.id, disabled: !1 }));
     } catch (E) {
-      c((x) => ({ ...x, setUp: !0, disabled: !0 })), o(E);
+      c((v) => ({ ...v, setUp: !0, disabled: !0 })), o(E);
     }
   };
   if (z(() => {
     m && !i.setUp && u();
   }, [m]), !m)
     return /* @__PURE__ */ r.jsx(ve, { className: "rating-placeholder" });
-  const { id: f, rating: p, disabled: h } = i, _ = "ratings_", b = {
+  const { id: f, rating: p, disabled: h } = i, _ = "ratings_", k = {
     text: a.formatMessage({ id: `${_}text` }),
     low: a.formatMessage({ id: `${_}low` }),
     high: a.formatMessage({ id: `${_}high` }),
@@ -2646,33 +2646,33 @@ const wo = ({
   }, g = async (E) => {
     if (!(!f || h))
       try {
-        c((x) => ({ ...x, rating: E, disabled: !0 })), await s({ id: f, value: E });
-      } catch (x) {
-        c(($) => ({ ...$, rating: null })), o(x);
+        c((v) => ({ ...v, rating: E, disabled: !0 })), await s({ id: f, value: E });
+      } catch (v) {
+        c((S) => ({ ...S, rating: null })), o(v);
       } finally {
-        c((x) => ({ ...x, disabled: !1 }));
+        c((v) => ({ ...v, disabled: !1 }));
       }
   };
   return /* @__PURE__ */ r.jsxs("div", { className: j("rating", l), children: [
-    /* @__PURE__ */ r.jsx("span", { className: "label", children: b[p ? "success" : "text"] }),
+    /* @__PURE__ */ r.jsx("span", { className: "label", children: k[p ? "success" : "text"] }),
     /* @__PURE__ */ r.jsx("ol", { children: Array.from(new Array(t).keys()).map((E) => {
-      const x = E + 1;
-      return /* @__PURE__ */ r.jsx("li", { className: j({ selected: p && x <= p }), children: /* @__PURE__ */ r.jsx(
+      const v = E + 1;
+      return /* @__PURE__ */ r.jsx("li", { className: j({ selected: p && v <= p }), children: /* @__PURE__ */ r.jsx(
         W,
         {
           variant: "tertiary",
           size: "small",
-          icon: { icon: `star${!p || x > p ? "_empty" : ""}`, position: "left", hover: "star" },
+          icon: { icon: `star${!p || v > p ? "_empty" : ""}`, position: "left", hover: "star" },
           screenreaderText: `${a.formatMessage(
             { id: `${_}stars` },
-            { number: x, total: t }
-          )}${x === 1 || x === t ? ` - ${b[x === 1 ? "low" : "high"]}` : ""}`,
-          onClick: ($) => {
-            $.preventDefault(), $.stopPropagation(), g(x);
+            { number: v, total: t }
+          )}${v === 1 || v === t ? ` - ${k[v === 1 ? "low" : "high"]}` : ""}`,
+          onClick: (S) => {
+            S.preventDefault(), S.stopPropagation(), g(v);
           },
           disabled: h
         }
-      ) }, `rating-${x}`);
+      ) }, `rating-${v}`);
     }) })
   ] });
 };
@@ -2684,7 +2684,7 @@ const bs = ({
   gtmContext: o = "search-bar",
   gtmEvent: l = "form-submission"
 }) => {
-  const { searchIsOpen: m = !0, isDesktopVersion: a = !1 } = n || {}, i = P(), c = Z(null);
+  const { searchIsOpen: m = !0, isDesktopVersion: a = !1 } = n || {}, i = F(), c = ee(null);
   Ce(() => {
     !n || a || !m || c.current && c.current.focus();
   }, [m]);
@@ -2699,7 +2699,7 @@ const bs = ({
       "data-gtm-event-context": o,
       "data-gtm-event-type": l,
       children: /* @__PURE__ */ r.jsx("fieldset", { id: `${e}-form`, hidden: n ? !m : !1, role: "search", children: /* @__PURE__ */ r.jsxs("p", { children: [
-        /* @__PURE__ */ r.jsx(ne, { element: "label", htmlFor: e, children: i.formatMessage({ id: "search_label" }) }),
+        /* @__PURE__ */ r.jsx(re, { element: "label", htmlFor: e, children: i.formatMessage({ id: "search_label" }) }),
         /* @__PURE__ */ r.jsx(
           "input",
           {
@@ -2721,10 +2721,10 @@ const bs = ({
             onClick: (f) => {
               f.preventDefault(), f.stopPropagation(), c.current && c.current.value && (c.current.value = "");
             },
-            children: /* @__PURE__ */ r.jsx(ne, { children: i.formatMessage({ id: "search_clear" }) })
+            children: /* @__PURE__ */ r.jsx(re, { children: i.formatMessage({ id: "search_clear" }) })
           }
         ),
-        /* @__PURE__ */ r.jsx("button", { className: "search", onClick: u, children: /* @__PURE__ */ r.jsx(ne, { children: i.formatMessage({ id: "search_cta" }) }) })
+        /* @__PURE__ */ r.jsx("button", { className: "search", onClick: u, children: /* @__PURE__ */ r.jsx(re, { children: i.formatMessage({ id: "search_cta" }) }) })
       ] }) })
     }
   );
@@ -2742,26 +2742,26 @@ const vs = ({
   initialFormStatus: c = "NOT_SUBMITTED"
   /* NOT_SUBMITTED */
 }) => {
-  const [u, f] = D([]), [p, h] = D(!0), [_, b] = D(c), { formatMessage: g } = P(), E = async (T) => {
+  const [u, f] = P([]), [p, h] = P(!0), [_, k] = P(c), { formatMessage: g } = F(), E = async (T) => {
     T.preventDefault();
     try {
-      await i(u), f([]), b(
+      await i(u), f([]), k(
         "SUCCESS"
         /* SUCCESS */
       );
     } catch (M) {
-      b(
+      k(
         "ERROR"
         /* ERROR */
       ), a(M);
     }
-  }, x = (T) => {
-    T.preventDefault(), b(
+  }, v = (T) => {
+    T.preventDefault(), k(
       "NOT_SUBMITTED"
       /* NOT_SUBMITTED */
     ), h(!0), f([]);
-  }, $ = (T) => {
-    T.preventDefault(), m(), b(
+  }, S = (T) => {
+    T.preventDefault(), m(), k(
       "CLOSED"
       /* CLOSED */
     );
@@ -2771,11 +2771,11 @@ const vs = ({
       " ",
       g({ id: "inviteForm_error" })
     ] }) }),
-    /* @__PURE__ */ r.jsx(Le, {}),
+    /* @__PURE__ */ r.jsx(Ae, {}),
     /* @__PURE__ */ r.jsx("div", { className: "footer", children: _ === "SUCCESS" ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-      /* @__PURE__ */ r.jsx(W, { variant: "secondary", onClick: x, children: g({ id: "inviteForm_ctaSendMoreInvites" }) }),
-      /* @__PURE__ */ r.jsx(W, { onClick: $, children: g({ id: "inviteForm_ctaDone" }) })
-    ] }) : /* @__PURE__ */ r.jsx(W, { onClick: x, children: g({ id: "inviteForm_ctaTryAgain" }) }) })
+      /* @__PURE__ */ r.jsx(W, { variant: "secondary", onClick: v, children: g({ id: "inviteForm_ctaSendMoreInvites" }) }),
+      /* @__PURE__ */ r.jsx(W, { onClick: S, children: g({ id: "inviteForm_ctaDone" }) })
+    ] }) : /* @__PURE__ */ r.jsx(W, { onClick: v, children: g({ id: "inviteForm_ctaTryAgain" }) }) })
   ] }) : /* @__PURE__ */ r.jsxs(
     "form",
     {
@@ -2816,7 +2816,7 @@ const vs = ({
             }
           )
         ] }),
-        /* @__PURE__ */ r.jsx(Le, {}),
+        /* @__PURE__ */ r.jsx(Ae, {}),
         /* @__PURE__ */ r.jsx("fieldset", { className: "footer", children: /* @__PURE__ */ r.jsx(W, { className: "sendEmailsButton", disabled: p, children: n }) })
       ]
     }
@@ -3006,7 +3006,7 @@ const vs = ({
   },
   doTrack: l = null
 }) => {
-  const m = P(), a = un(Xe, e);
+  const m = F(), a = un(Xe, e);
   if (!a || a.onlyShow && (a.onlyShow === "logged-in" && !t || a.onlyShow === "logged-out" && t))
     return null;
   const i = "doTrack" in a, c = l === null ? i ? a.doTrack : !0 : l, u = e.includes("buttons.");
@@ -3014,10 +3014,10 @@ const vs = ({
   a.hasVariantText && (f += `_logged${t ? "In" : "Out"}`);
   let p = !1;
   if (a.href) {
-    let x = a.gtmType || `${e}-click`;
-    if (x.includes(".")) {
-      const $ = x.split("."), T = $[$.length - 2];
-      x = `${T === "topics" ? `${T}-` : ""}${$[$.length - 1]}`;
+    let v = a.gtmType || `${e}-click`;
+    if (v.includes(".")) {
+      const S = v.split("."), T = S[S.length - 2];
+      v = `${T === "topics" ? `${T}-` : ""}${S[S.length - 1]}`;
     }
     p = {
       href: a.href,
@@ -3025,7 +3025,7 @@ const vs = ({
     }, c && (p = {
       ...p,
       className: "gtm-trackable",
-      "data-gtm-event-type": x,
+      "data-gtm-event-type": v,
       "data-gtm-event-context": "HeaderButtons"
     }), u && (p = {
       ...p,
@@ -3034,52 +3034,52 @@ const vs = ({
       ...a.props || {}
     });
   }
-  const h = a.order && a.order[0] && a[a.order[0]], _ = h && a[a.order[0]].order, b = p && window.location.pathname === a.href;
+  const h = a.order && a.order[0] && a[a.order[0]], _ = h && a[a.order[0]].order, k = p && window.location.pathname === a.href;
   let g = {}, E = {};
   if (h) {
-    const x = a.menuId || e, $ = {
-      onClick: (T) => I.events.onClick(T, { id: x, callback: o, isOpen: s[x] }),
-      onFocus: () => I.events.onFocus({ id: x }),
-      onBlur: () => I.events.onBlur({ id: x, callback: o }),
-      onMouseLeave: () => I.events.onBlur({ id: x, callback: o }),
-      onMouseEnter: () => I.events.onMouseEnter({ id: x, callback: o })
+    const v = a.menuId || e, S = {
+      onClick: (T) => I.events.onClick(T, { id: v, callback: o, isOpen: s[v] }),
+      onFocus: () => I.events.onFocus({ id: v }),
+      onBlur: () => I.events.onBlur({ id: v, callback: o }),
+      onMouseLeave: () => I.events.onBlur({ id: v, callback: o }),
+      onMouseEnter: () => I.events.onMouseEnter({ id: v, callback: o })
     };
     n && (_ && (g = {
-      ...$,
+      ...S,
       onKeyPress: (T) => {
-        T.key === "Enter" && I.events.onClick(T, { id: x, callback: o, isOpen: s[x] });
+        T.key === "Enter" && I.events.onClick(T, { id: v, callback: o, isOpen: s[v] });
       },
       tabIndex: "0",
       // Add a `tabIndex` so keyboard users can focus on the `li`
       "aria-haspopup": !0,
-      "aria-expanded": s[x],
-      "aria-controls": x
-    }), E = { hidden: x in s ? !s[x] : !0 }), _ || (E = {
+      "aria-expanded": s[v],
+      "aria-controls": v
+    }), E = { hidden: v in s ? !s[v] : !0 }), _ || (E = {
       ...E,
-      ...$
+      ...S
     });
   }
-  return /* @__PURE__ */ r.jsxs("li", { className: j({ [a.className]: a.className, "has-submenu": h, parent: _, active: b }), role: "none", ...g, children: [
-    p ? A.createElement(u ? W : "a", p, m.formatMessage({ id: f })) : m.formatMessage({ id: f }),
-    a.order && /* @__PURE__ */ r.jsx("ul", { ...E, children: a.order.map((x) => {
-      if (!a[x])
+  return /* @__PURE__ */ r.jsxs("li", { className: j({ [a.className]: a.className, "has-submenu": h, parent: _, active: k }), role: "none", ...g, children: [
+    p ? N.createElement(u ? W : "a", p, m.formatMessage({ id: f })) : m.formatMessage({ id: f }),
+    a.order && /* @__PURE__ */ r.jsx("ul", { ...E, children: a.order.map((v) => {
+      if (!a[v])
         return null;
-      const $ = {
+      const S = {
         isLoggedIn: t,
         isDesktopVersion: n,
         menus: s,
         callback: o,
         doTrack: i ? c : null
       };
-      return a[x].order ? /* @__PURE__ */ r.jsxs("li", { className: j({ [a[x].className]: a[x].className }), children: [
-        m.formatMessage({ id: `${f}_${x}` }),
-        /* @__PURE__ */ r.jsx("ul", { children: a[x].order.map((T) => /* @__PURE__ */ r.jsx(Ze, { id: `${e}.${x}.${T}`, ...$ }, T)) })
-      ] }, x) : /* @__PURE__ */ r.jsx(Ze, { id: `${e}.${x}`, ...$ }, x);
+      return a[v].order ? /* @__PURE__ */ r.jsxs("li", { className: j({ [a[v].className]: a[v].className }), children: [
+        m.formatMessage({ id: `${f}_${v}` }),
+        /* @__PURE__ */ r.jsx("ul", { children: a[v].order.map((T) => /* @__PURE__ */ r.jsx(Ze, { id: `${e}.${v}.${T}`, ...S }, T)) })
+      ] }, v) : /* @__PURE__ */ r.jsx(Ze, { id: `${e}.${v}`, ...S }, v);
     }) })
   ] }, e);
 };
 const ws = { height: 67, height_desktop: 83 }, Mn = () => {
-  const e = P(), t = ye(je), n = et(!0, !0), s = t && typeof t.id == "string", o = qe(
+  const e = F(), t = ye(je), n = tt(!0, !0), s = t && typeof t.id == "string", o = qe(
     () => I.getIsDesktopVersion(s, n),
     [s, n]
   ), [l, m] = rr($r, {
@@ -3103,7 +3103,7 @@ const ws = { height: 67, height_desktop: 83 }, Mn = () => {
   });
   const u = (p, h) => {
     I.handleMenus({ id: p, value: h, menus: i, dispatch: m });
-  }, f = Z(null);
+  }, f = ee(null);
   return Ce(() => {
     i.navigation && I.autoFocus({
       menu: "navigation",
@@ -3122,7 +3122,7 @@ const ws = { height: 67, height_desktop: 83 }, Mn = () => {
     });
   }, [i.account]), t && t.isLoading ? null : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs("nav", { id: "header", className: j({ "logged-in": s, "logged-out": !s, visible: a }), children: [
-      /* @__PURE__ */ r.jsx(ne, { element: "a", href: "#content-of-page", children: e.formatMessage({ id: "header_skip" }) }),
+      /* @__PURE__ */ r.jsx(re, { element: "a", href: "#content-of-page", children: e.formatMessage({ id: "header_skip" }) }),
       /* @__PURE__ */ r.jsx(jn, {}),
       !o.navigation && /* @__PURE__ */ r.jsx(
         "button",
@@ -3136,7 +3136,7 @@ const ws = { height: 67, height_desktop: 83 }, Mn = () => {
           "aria-haspopup": "true",
           "aria-expanded": i.navigation,
           "aria-controls": "navigation",
-          children: /* @__PURE__ */ r.jsx(ne, { children: e.formatMessage({ id: `header_menu_${i.navigation ? "hide" : "show"}` }) })
+          children: /* @__PURE__ */ r.jsx(re, { children: e.formatMessage({ id: `header_menu_${i.navigation ? "hide" : "show"}` }) })
         }
       ),
       /* @__PURE__ */ r.jsx(
@@ -3170,7 +3170,7 @@ const ws = { height: 67, height_desktop: 83 }, Mn = () => {
           "aria-haspopup": "true",
           "aria-expanded": i.search,
           "aria-controls": "search-form",
-          children: /* @__PURE__ */ r.jsx(ne, { children: e.formatMessage({ id: `header_search_${i.search ? "hide" : "show"}` }) })
+          children: /* @__PURE__ */ r.jsx(re, { children: e.formatMessage({ id: `header_search_${i.search ? "hide" : "show"}` }) })
         }
       ),
       /* @__PURE__ */ r.jsx(
@@ -3193,8 +3193,8 @@ const ws = { height: 67, height_desktop: 83 }, Mn = () => {
           "aria-expanded": i.account,
           "aria-controls": "navigation",
           children: [
-            /* @__PURE__ */ r.jsx(ne, { children: e.formatMessage({ id: `header_account_${i.account ? "hide" : "show"}` }) }),
-            /* @__PURE__ */ r.jsx(Dt, { name: t && t.name || "", src: t && t.image && t.image.thumbnail || "" })
+            /* @__PURE__ */ r.jsx(re, { children: e.formatMessage({ id: `header_account_${i.account ? "hide" : "show"}` }) }),
+            /* @__PURE__ */ r.jsx(Pt, { name: t && t.name || "", src: t && t.image && t.image.thumbnail || "" })
           ]
         }
       ) : /* @__PURE__ */ r.jsx("ul", { className: "sign-in-buttons", children: Xe.buttons.order.map((p) => /* @__PURE__ */ r.jsx(Ze, { id: `buttons.${p}` }, p)) })
@@ -3209,13 +3209,13 @@ const ws = { height: 67, height_desktop: 83 }, Mn = () => {
   ] });
 };
 const ks = () => {
-  const e = P();
+  const e = F();
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(Mn, {}),
-    /* @__PURE__ */ r.jsx("div", { id: "content", children: /* @__PURE__ */ r.jsx(rt, { variant: "error", text: e.formatMessage({ id: "pageLayout_error" }) }) }),
+    /* @__PURE__ */ r.jsx("div", { id: "content", children: /* @__PURE__ */ r.jsx(st, { variant: "error", text: e.formatMessage({ id: "pageLayout_error" }) }) }),
     /* @__PURE__ */ r.jsx(En, {})
   ] });
-}, ko = ({ children: e, reportError: t, showFooter: n = !0, background: s = "default", className: o = "", locale: l = "en" }) => {
+}, yo = ({ children: e, reportError: t, showFooter: n = !0, background: s = "default", className: o = "", locale: l = "en" }) => {
   const m = jr();
   z(() => {
     window.scrollTo(0, 0);
@@ -3230,7 +3230,7 @@ const ks = () => {
 }, an = {
   default: "tags_",
   headerTopics: "header_topics_topics_"
-}, bt = {
+}, vt = {
   topic: {
     Climate: "climate",
     CitiesAndLocalGovernment: "cities-and-local-government",
@@ -3249,16 +3249,16 @@ const ks = () => {
 }, ys = {
   getTagDetails: (e) => {
     if (e.includes("topic_")) {
-      if (e = bt.topic[e.replace("topic_", "")], e) {
+      if (e = vt.topic[e.replace("topic_", "")], e) {
         const t = Xe.topics.topics[e].href;
         return t ? { id: e, href: t, text: `${an.headerTopics}${e}` } : null;
       }
       return null;
     }
-    return bt[e] ? (e = bt[e], { id: e, text: `${an.default}${e}` }) : null;
+    return vt[e] ? (e = vt[e], { id: e, text: `${an.default}${e}` }) : null;
   }
 };
-const yo = ({
+const jo = ({
   tags: e = [],
   color: t = "default",
   forceOneLine: n = !1,
@@ -3267,7 +3267,7 @@ const yo = ({
   gtmType: l = "tag-click",
   gtmContext: m = "tags"
 }) => {
-  const a = P();
+  const a = F();
   if (!e || e.length < 1)
     return null;
   const i = [];
@@ -3290,21 +3290,21 @@ const yo = ({
     ) : u }, c.id);
   }) });
 };
-const jo = ({
+const Eo = ({
   members: { total: e, data: t = [] },
   pagination: n,
   gtmContext: s = "member",
   gtmType: o = "member-click",
   className: l = ""
 }) => {
-  const m = P();
+  const m = F();
   return t.length === 0 ? null : (e || (e = t.length), /* @__PURE__ */ r.jsxs("div", { className: j("members-list", l), children: [
     /* @__PURE__ */ r.jsxs("h1", { children: [
       m.formatMessage({ id: "membersList" }),
       /* @__PURE__ */ r.jsx("span", { className: "count", children: e })
     ] }),
     /* @__PURE__ */ r.jsx("ul", { children: t.map((a, i) => /* @__PURE__ */ r.jsxs("li", { children: [
-      /* @__PURE__ */ r.jsx(Pt, { member: a, gtmContext: s, gtmType: o }),
+      /* @__PURE__ */ r.jsx(Ft, { member: a, gtmContext: s, gtmType: o }),
       a.isAdmin && /* @__PURE__ */ r.jsx(qr, { children: m.formatMessage({ id: "membersList_admin" }) })
     ] }, i)) }),
     n && /* @__PURE__ */ r.jsx(
@@ -3349,10 +3349,10 @@ const ae = "discussion_form_", Cn = ({
   },
   gtmContext: i = "DiscussionForm"
 }) => {
-  var F, q;
-  const c = P(), u = ye(je), [f, p] = D(
+  var A, q;
+  const c = F(), u = ye(je), [f, p] = P(
     n.isEditing && n.isEditing.text || ""
-  ), [h, _] = D(m.error || !1), [b, g] = D(!1), E = Z(null);
+  ), [h, _] = P(m.error || !1), [k, g] = P(!1), E = ee(null);
   if (s || (s = E), n.isLoading)
     return /* @__PURE__ */ r.jsx(
       ve,
@@ -3361,85 +3361,85 @@ const ae = "discussion_form_", Cn = ({
         "data-testid": "loading-placeholder"
       }
     );
-  const x = (k) => {
-    const Y = k.target.value;
-    p(Y);
-    let B;
-    !u || !u.id ? B = he(
+  const v = (w) => {
+    const G = w.target.value;
+    p(G);
+    let L;
+    !u || !u.id ? L = he(
       c.formatMessage,
       `${ae}error_loggedOut`,
       e.type,
       "action"
-    ) : t ? Y.length >= o && (B = `${ae}error_tooLong`) : B = he(
+    ) : t ? G.length >= o && (L = `${ae}error_tooLong`) : L = he(
       c.formatMessage,
       `${ae}error_noPermission`,
       e.type,
       "action"
-    ), B ? _(B) : h && _(!1);
+    ), L ? _(L) : h && _(!1);
   };
-  let $ = `${e.type}-form`;
+  let S = `${e.type}-form`;
   if (e.type === "response" || e.type === "reply") {
-    const k = e.type === "response" ? ((F = e.slugs) == null ? void 0 : F.question) || "" : ((q = e.slugs) == null ? void 0 : q.answer) || "";
-    k && ($ = `${$}-${k.slice(-15)}`);
+    const w = e.type === "response" ? ((A = e.slugs) == null ? void 0 : A.question) || "" : ((q = e.slugs) == null ? void 0 : q.answer) || "";
+    w && (S = `${S}-${w.slice(-15)}`);
   }
-  const T = async (k) => {
-    var B;
-    if (k.preventDefault(), k.stopPropagation(), !u || !u.id || !t || Q)
+  const T = async (w) => {
+    var L;
+    if (w.preventDefault(), w.stopPropagation(), !u || !u.id || !t || Q)
       return;
     Ye && clearTimeout(Ye), g("submitting");
-    const Y = window.location.pathname;
+    const G = window.location.pathname;
     try {
-      let L;
+      let B;
       switch (e.type) {
         case "post":
-          L = await a.create({ content: f });
+          B = await a.create({ content: f });
           break;
         case "question":
-          L = await a.create({
+          B = await a.create({
             title: f,
             authorId: u && u.id,
-            ...(B = a.props) == null ? void 0 : B.create
+            ...(L = a.props) == null ? void 0 : L.create
           });
           break;
         case "response":
-          L = await a.create(
+          B = await a.create(
             { question: e.slugs.question },
-            { body: f, authorId: u && u.id, contentPath: Y }
+            { body: f, authorId: u && u.id, contentPath: G }
           );
           break;
         case "reply":
-          L = await a.create(
+          B = await a.create(
             { question: e.slugs.question, answer: e.slugs.answer },
-            { body: f, authorId: u && u.id, contentPath: Y }
+            { body: f, authorId: u && u.id, contentPath: G }
           );
           break;
         default:
           break;
       }
-      await Cr(1e3), a.callback && await a.callback(L), Ye = setTimeout(() => {
+      await Cr(1e3), a.callback && await a.callback(B), Ye = setTimeout(() => {
         p(""), g("submitted"), M();
       }, 500);
-    } catch (L) {
-      const U = L;
-      let G = `${ae}error`;
-      U.message.includes("entry already exists") && (G = he(
+    } catch (B) {
+      const U = B;
+      let Y = `${ae}error`;
+      U.message.includes("entry already exists") && (Y = he(
         c.formatMessage,
         `${ae}error_alreadyExists`,
         e.type,
         "action"
-      )), U.message.includes("429") ? G = he(
+      )), U.message.includes("429") ? Y = he(
         c.formatMessage,
         `${ae}error_tooMany`,
         e.type,
         "action"
-      ) : U.message.includes("400") && (G = `${ae}error`), _(G), M();
+      ) : U.message.includes("400") && (Y = `${ae}error`), _(Y), M();
     }
   }, M = () => {
     Ye = setTimeout(() => {
       _(!1), g(!1);
     }, 5e3);
-  }, Q = !f || !Rr(f), V = b === "submitting", w = [];
-  return (n.isEditing && !V || m.cancel) && w.push({
+  }, Q = !f || !Rr(f), V = k === "submitting", b = [];
+  return (n.isEditing && !V || m.cancel) && b.push({
     variant: "secondary",
     size: { mobile: "small", 600: "medium" },
     onClick: a.handleCancel,
@@ -3448,17 +3448,17 @@ const ae = "discussion_form_", Cn = ({
     "data-gtm-event-type": `cancel-${e.type}-click`,
     disabled: !m.cancel && (!u || !u.id || !f),
     children: c.formatMessage({ id: `${ae}cancel` })
-  }), w.push({
+  }), b.push({
     variant: "primary",
     size: { mobile: "small", 600: "medium" },
-    onClick: (k) => {
+    onClick: (w) => {
       if (n.isEditing) {
         g("submitting"), a.handleSaveEdit && a.handleSaveEdit(
           E.current && "value" in E.current ? E.current.value : ""
         );
         return;
       }
-      T(k);
+      T(w);
     },
     className: "gtm-trackable",
     "data-gtm-event-context": i,
@@ -3471,7 +3471,7 @@ const ae = "discussion_form_", Cn = ({
   }), /* @__PURE__ */ r.jsxs(
     "form",
     {
-      id: $,
+      id: S,
       className: j("discussion-card discussion-form", {
         "no-styling": n.isInWrapper && n.isEditing
       }),
@@ -3479,19 +3479,19 @@ const ae = "discussion_form_", Cn = ({
       children: [
         (n == null ? void 0 : n.showTitle) && !n.isEditing && ["question"].includes(e.type) && /* @__PURE__ */ r.jsx("h2", { children: he(c.formatMessage, `${ae}title`, e.type, "action") }),
         /* @__PURE__ */ r.jsx(
-          Pt,
+          Ft,
           {
             member: u || "community",
             gtmContext: i,
             gtmType: "profile-click"
           }
         ),
-        /* @__PURE__ */ r.jsx(ne, { element: "label", showOnFocus: !1, htmlFor: `${$}-input`, children: he(c.formatMessage, `${ae}label`, e.type, "action") }),
+        /* @__PURE__ */ r.jsx(re, { element: "label", showOnFocus: !1, htmlFor: `${S}-input`, children: he(c.formatMessage, `${ae}label`, e.type, "action") }),
         /* @__PURE__ */ r.jsx(
           gr,
           {
             ref: s,
-            id: `${$}-input`,
+            id: `${S}-input`,
             name: e.type,
             placeholder: he(
               c.formatMessage,
@@ -3499,7 +3499,7 @@ const ae = "discussion_form_", Cn = ({
               e.type,
               "action"
             ),
-            onChange: x,
+            onChange: v,
             value: f,
             maxLength: o,
             "aria-invalid": !!h,
@@ -3509,7 +3509,7 @@ const ae = "discussion_form_", Cn = ({
           }
         ),
         /* @__PURE__ */ r.jsx("small", { children: he(c.formatMessage, `${ae}explainer`, e.type, "action", {
-          a: (k) => /* @__PURE__ */ r.jsx(
+          a: (w) => /* @__PURE__ */ r.jsx(
             "a",
             {
               href: "https://about.apolitical.co/q-and-a-community-guidelines",
@@ -3518,13 +3518,13 @@ const ae = "discussion_form_", Cn = ({
               "data-gtm-event-context": i,
               "data-gtm-event-type": "community-guidelines-link",
               rel: "noreferrer",
-              children: k
+              children: w
             }
           )
         }) }),
-        /* @__PURE__ */ r.jsx(tt, { buttons: w }),
-        b === "submitted" && /* @__PURE__ */ r.jsx($t, { className: "success", "data-testid": "success", children: he(c.formatMessage, `${ae}success`, e.type, "action") }),
-        h && /* @__PURE__ */ r.jsx($t, { id: "error-message", className: "error", "data-testid": "error", children: m.error ? m.error : typeof h == "string" ? h.includes(" ") ? h : c.formatMessage(
+        /* @__PURE__ */ r.jsx(nt, { buttons: b }),
+        k === "submitted" && /* @__PURE__ */ r.jsx(Mt, { className: "success", "data-testid": "success", children: he(c.formatMessage, `${ae}success`, e.type, "action") }),
+        h && /* @__PURE__ */ r.jsx(Mt, { id: "error-message", className: "error", "data-testid": "error", children: m.error ? m.error : typeof h == "string" ? h.includes(" ") ? h : c.formatMessage(
           { id: h },
           {
             action: c.formatMessage({
@@ -3541,7 +3541,7 @@ const ae = "discussion_form_", Cn = ({
   createPost: t,
   membershipRequiredToPost: { isMember: n, required: s, join: o, leave: l, notMemberStateText: m }
 }) => s && !n ? /* @__PURE__ */ r.jsx(
-  rt,
+  st,
   {
     text: m,
     button: {
@@ -3559,8 +3559,8 @@ const ae = "discussion_form_", Cn = ({
 ), js = {
   showThread: !1,
   showForm: !1
-}, Nn = Mt(js), Eo = ({ children: e }) => {
-  const [t, n] = D({
+}, Nn = At(js), So = ({ children: e }) => {
+  const [t, n] = P({
     showThread: !1,
     showForm: !1
   });
@@ -3574,10 +3574,10 @@ const ae = "discussion_form_", Cn = ({
   ...t && { answerSlug: t },
   ...n && { replySlug: n }
 }), Ss = (e, t = 10) => !e || e.length === 0 ? [] : e.slice(0, t);
-let Oe = !1;
-const vt = () => {
-  Oe !== !1 && (clearTimeout(Oe), Oe = !1);
-}, wt = 10, $s = ({
+let Le = !1;
+const wt = () => {
+  Le !== !1 && (clearTimeout(Le), Le = !1);
+}, kt = 10, $s = ({
   element: e = "div",
   likes: t = 0,
   peopleWhoLiked: n = !1,
@@ -3589,21 +3589,21 @@ const vt = () => {
   }, deleteLike: i = () => {
   } } = {}
 }) => {
-  const c = P();
+  const c = F();
   z(() => {
     h(o);
   }, [o]);
-  const [u, f] = D(t), [p, h] = D(o), [_, b] = D(!1), [g, E] = D(!1), x = qe(() => Ss(n, wt), [n]), $ = (M) => {
-    if (M.preventDefault(), M.stopPropagation(), E(!1), Oe)
-      return vt(), !1;
-    if (vt(), _ || !m)
+  const [u, f] = P(t), [p, h] = P(o), [_, k] = P(!1), [g, E] = P(!1), v = qe(() => Ss(n, kt), [n]), S = (M) => {
+    if (M.preventDefault(), M.stopPropagation(), E(!1), Le)
+      return wt(), !1;
+    if (wt(), _ || !m)
       return !1;
-    Oe = setTimeout(T, 350);
+    Le = setTimeout(T, 350);
   }, T = async () => {
-    if (vt(), _ || !m)
+    if (wt(), _ || !m)
       return !1;
     let M = p ? u - 1 : u + 1;
-    M < 0 && (M = 0), b(!0), f(M), h(!p);
+    M < 0 && (M = 0), k(!0), f(M), h(!p);
     try {
       if (l && l.slugs) {
         const Q = Es(l.slugs);
@@ -3612,14 +3612,14 @@ const vt = () => {
     } catch {
       f(t), h(o);
     } finally {
-      b(!1);
+      k(!1);
     }
   };
-  return A.createElement(
+  return N.createElement(
     e,
     {
       className: j("likes-wrapper text-medium action-button", { "show-spinner": _, "is-liked": p, disabled: !m }),
-      onClick: $,
+      onClick: S,
       onMouseEnter: () => {
         E(!0);
       },
@@ -3643,7 +3643,7 @@ const vt = () => {
             screenreaderText: m ? c.formatMessage({
               id: `discussion_likes_${p ? "unlike" : "like"}`
             }, { action: c.formatMessage({ id: `discussion_action_${l.type}` }) }) : !1,
-            onClick: $,
+            onClick: S,
             disabled: !m,
             "aria-hidden": !m,
             "data-testid": "like-button",
@@ -3653,14 +3653,14 @@ const vt = () => {
         ),
         /* @__PURE__ */ r.jsx("span", { className: j("number-of-likes", { "no-likes": u === 0 }), "data-testid": "number-of-likes", children: c.formatMessage({ id: `discussion_likes${s ? "_short" : ""}` }, { number: u }) }),
         n && /* @__PURE__ */ r.jsx(Ir, { isOpen: g, isLoading: n.length === 0, children: n.length && /* @__PURE__ */ r.jsxs("ul", { children: [
-          x.map((M) => typeof M == "string" || !M.name ? null : /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(nt, { href: M.id ? `/profiles/${M.id}` : void 0, gtmContext: "Likes", gtmType: "liked-name-click", children: M.name }) }, M.id || window.btoa(M.name))),
-          n.length > wt && /* @__PURE__ */ r.jsx("li", { children: c.formatMessage({ id: "discussion_likes_more" }, { number: n.length - wt }) })
+          v.map((M) => typeof M == "string" || !M.name ? null : /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(rt, { href: M.id ? `/profiles/${M.id}` : void 0, gtmContext: "Likes", gtmType: "liked-name-click", children: M.name }) }, M.id || window.btoa(M.name))),
+          n.length > kt && /* @__PURE__ */ r.jsx("li", { children: c.formatMessage({ id: "discussion_likes_more" }, { number: n.length - kt }) })
         ] }) })
       ] })
     }
   );
 };
-const Ts = ({ element: e = "section", children: t, className: n, ...s }) => A.createElement(
+const Ts = ({ element: e = "section", children: t, className: n, ...s }) => N.createElement(
   e,
   {
     className: j("modal", n),
@@ -3683,11 +3683,11 @@ const Dn = ({
   className: u = "",
   gtmContext: f = "Modal"
 }) => {
-  const p = P(), [h, _] = D(t), b = (E) => {
+  const p = F(), [h, _] = P(t), k = (E) => {
     _(E), E ? (o(), document.body.classList.add("has-overlay")) : (l(), document.body.classList.remove("has-overlay"));
   };
   z(() => {
-    b(t);
+    k(t);
   }, [t]);
   const g = s ? { "--max-width": `${s / 16}rem` } : {};
   return /* @__PURE__ */ r.jsx("div", { className: j("overlay", { open: h }), children: /* @__PURE__ */ r.jsx(
@@ -3706,7 +3706,7 @@ const Dn = ({
               variant: "tertiary",
               size: "medium",
               icon: { icon: "close" },
-              onClick: () => b(!1),
+              onClick: () => k(!1),
               className: "gtm-trackable",
               "data-gtm-event-type": "close-modal-click",
               "data-gtm-event-context": f,
@@ -3714,13 +3714,13 @@ const Dn = ({
             }
           )
         ] }),
-        n && /* @__PURE__ */ r.jsx(Le, {}),
+        n && /* @__PURE__ */ r.jsx(Ae, {}),
         i,
         c && /* @__PURE__ */ r.jsxs("div", { className: "bottom", children: [
-          /* @__PURE__ */ r.jsx(Le, {}),
-          /* @__PURE__ */ r.jsx(tt, { buttons: c })
+          /* @__PURE__ */ r.jsx(Ae, {}),
+          /* @__PURE__ */ r.jsx(nt, { buttons: c })
         ] }),
-        m && /* @__PURE__ */ r.jsx($t, { className: "error", children: m })
+        m && /* @__PURE__ */ r.jsx(Mt, { className: "error", children: m })
       ] })
     }
   ) });
@@ -3729,7 +3729,7 @@ const Dn = ({
   "aria-expanded": t,
   "aria-controls": e
 });
-const So = ({
+const $o = ({
   className: e,
   showModal: t = !0,
   title: n,
@@ -3765,18 +3765,22 @@ const So = ({
 ), ln = (e) => {
   const t = {};
   return Object.keys(e).forEach((n) => n.includes("Id") ? t[n] = e[n] : t[`${n}Slug`] = e[n]), t;
-}, Ft = (e, t) => e && !t;
-const xe = "discussion_", Rt = ({
+}, Rt = (e, t) => e && !t;
+const xe = "discussion_", Cs = 280, Ot = ({
   element: e = "div",
   content: t,
   userHasPermissions: n = !0,
   isLoading: s = !1,
   originalAuthorId: o,
   functions: {
-    content: { createContent: l, deleteContent: m, updateContent: a } = { createContent: () => {
-    }, deleteContent: () => {
-    }, updateContent: () => {
-    } },
+    content: { createContent: l, deleteContent: m, updateContent: a } = {
+      createContent: () => {
+      },
+      deleteContent: () => {
+      },
+      updateContent: () => {
+      }
+    },
     likes: { createLike: i, deleteLike: c } = { createLike: () => {
     }, deleteLike: () => {
     } },
@@ -3786,170 +3790,234 @@ const xe = "discussion_", Rt = ({
   links: f = {},
   className: p,
   gtmContext: h = "DiscussionAnswer",
-  children: _
+  children: _,
+  isTruncated: k = !1
 }) => {
-  const b = P(), g = ye(je), E = ye(Nn), [x, $] = D({
+  const g = F(), E = ye(je), v = ye(Nn), [S, T] = P({
     body: t && t.body || "",
     isEditing: !1,
     didEdit: t && t.isEdited || !1
-  }), [T, M] = D(!1), [Q, V] = D("");
+  }), [M, Q] = P(!1), [V, b] = P("");
   if (z(() => {
-    $({
-      ...x,
+    T({
+      ...S,
       body: t && t.body || "",
       didEdit: t && t.isEdited || !1
     });
   }, [t.isEdited]), s || !t || t.type === "answer" && (!t.slugs || !t.slugs.question))
     return /* @__PURE__ */ r.jsx(ve, { className: "discussion-card discussion-post" });
-  const { author: w, canLike: F, createdAt: q, id: k, likes: Y = 0, userLiked: B, comments: L = 0 } = t, U = g && g.id && typeof w != "string" && w.id && w.id === g.id || !1, G = typeof F == "boolean" ? F : n ? !U : !1, K = async (R) => {
-    R || (R = ""), V("");
+  const { author: A, canLike: q, createdAt: w, id: G, likes: L = 0, userLiked: B, comments: U = 0 } = t, Y = k ? Ke(S.body, Cs) : S.body, K = E && E.id && typeof A != "string" && A.id && A.id === E.id || !1, ie = typeof q == "boolean" ? q : n ? !K : !1, le = async (R) => {
+    R || (R = ""), b("");
     try {
-      if (!_r(R, x.body)) {
-        const ee = t.type === "question" ? { title: R } : { body: R };
-        await a(ln(t.slugs), ee);
+      if (!_r(R, S.body)) {
+        const te = t.type === "question" ? { title: R } : { body: R };
+        await a(ln(t.slugs), te);
       }
-      $({ body: R, isEditing: !1, didEdit: !0 });
+      T({ body: R, isEditing: !1, didEdit: !0 });
     } catch {
-      V(`${xe}form_error`);
+      b(`${xe}form_error`);
     }
-  }, ie = () => {
-    E && E.updateConversation && E.updateConversation({ showThread: !0, showForm: !0 }), setTimeout(() => {
-      const ee = `reply-form-${(t.type === "answer" ? t.slug : t.slugs.answer || "").toLowerCase().slice(-15)}`, oe = document.getElementById(ee), ce = document.getElementById(`${ee}-input`);
-      ce && ce.focus(), oe && oe.scrollIntoView({ behavior: "smooth" });
+  }, ce = () => {
+    v && v.updateConversation && v.updateConversation({ showThread: !0, showForm: !0 }), setTimeout(() => {
+      const te = `reply-form-${(t.type === "answer" ? t.slug : t.slugs.answer || "").toLowerCase().slice(-15)}`, X = document.getElementById(te), ne = document.getElementById(`${te}-input`);
+      ne && ne.focus(), X && X.scrollIntoView({ behavior: "smooth" });
     }, 0);
-  }, le = () => {
+  }, ue = () => {
     try {
       m(ln(t.slugs));
     } catch {
-      V("delete-error");
+      b("delete-error");
     }
-  }, se = [{
-    text: b.formatMessage({ id: `${xe}moreMenu_report` }),
-    href: `mailto:community@apolitical.co?subject=${encodeURI(b.formatMessage({ id: `${xe}report_subject` }))}&body=${encodeURI(
-      b.formatMessage(
-        { id: `${xe}report_body` },
-        {
-          contentType: t.type || "",
-          contentSlug: t.slug || "",
-          contentUrl: `${window.origin}${typeof process < "u" && process.env.PUBLIC_URL || ""}/${t.slugs.question || ""}`
-        }
-      )
-    )}`,
-    icon: "flag"
-  }];
-  return n && U && se.push(
+  }, oe = [
     {
-      text: b.formatMessage({ id: `${xe}moreMenu_edit` }),
-      onClick: () => $({ ...x, isEditing: !0 }),
+      text: g.formatMessage({ id: `${xe}moreMenu_report` }),
+      href: `mailto:community@apolitical.co?subject=${encodeURI(
+        g.formatMessage({ id: `${xe}report_subject` })
+      )}&body=${encodeURI(
+        g.formatMessage(
+          { id: `${xe}report_body` },
+          {
+            contentType: t.type || "",
+            contentSlug: t.slug || "",
+            contentUrl: `${window.origin}${typeof process < "u" && process.env.PUBLIC_URL || ""}/${t.slugs.question || ""}`
+          }
+        )
+      )}`,
+      icon: "flag"
+    }
+  ];
+  return n && K && oe.push(
+    {
+      text: g.formatMessage({ id: `${xe}moreMenu_edit` }),
+      onClick: () => T({ ...S, isEditing: !0 }),
       icon: "pencil-paper",
       className: "gtm-trackable",
       "data-gtm-event-context": h,
       "data-gtm-event-type": `edit-${t.type}-click`
     },
     {
-      text: b.formatMessage({ id: `${xe}moreMenu_delete` }),
+      text: g.formatMessage({ id: `${xe}moreMenu_delete` }),
       onClick: (R) => {
-        R.preventDefault(), R.stopPropagation(), M(!0);
+        R.preventDefault(), R.stopPropagation(), Q(!0);
       },
       icon: "trash",
       className: "gtm-trackable",
       "data-gtm-event-context": h,
       "data-gtm-event-type": `delete-${t.type}-click`,
-      ...Ms(`delete-${t.slug}-modal`, T)
+      ...Ms(`delete-${t.slug}-modal`, M)
     }
-  ), A.createElement(e, {
+  ), N.createElement(e, {
     className: j("discussion-post", p),
     "data-testid": `discussion-${t.type}-thread`,
     children: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
       /* @__PURE__ */ r.jsxs(
         "div",
         {
-          id: k || t.slug,
-          className: j("discussion-card", t.type, { editing: x.isEditing, "has-link": f.post && !x.isEditing }),
+          id: G || t.slug,
+          className: j("discussion-card", t.type, {
+            editing: S.isEditing,
+            "has-link": f.post && !S.isEditing
+          }),
           onClick: (R) => {
-            !f.post || x.isEditing || (R.preventDefault(), R.stopPropagation(), window.location.href = f.post);
+            !f.post || S.isEditing || (R.preventDefault(), R.stopPropagation(), window.location.href = f.post);
           },
           children: [
-            !x.isEditing && /* @__PURE__ */ r.jsx(
-              Pt,
+            !S.isEditing && /* @__PURE__ */ r.jsx(
+              Ft,
               {
-                member: w,
-                additionalContent: { createdAt: q, didEdit: x.didEdit },
-                className: typeof w != "string" && w.id === o ? "highlighted" : "",
+                member: A,
+                additionalContent: { createdAt: w, didEdit: S.didEdit },
+                className: typeof A != "string" && A.id === o ? "highlighted" : "",
                 gtmContext: h,
                 gtmType: "profile-click"
               }
             ),
-            x.isEditing ? /* @__PURE__ */ r.jsx(
+            S.isEditing ? /* @__PURE__ */ r.jsx(
               Cn,
               {
                 content: { type: t.type, slugs: t.slugs },
                 userHasPermissions: n,
-                meta: { isLoading: s, isInWrapper: !0, isEditing: { text: x.body } },
+                meta: {
+                  isLoading: s,
+                  isInWrapper: !0,
+                  isEditing: { text: S.body }
+                },
                 maxLength: t.type === "question" ? 250 : 5e4,
-                forceShow: { error: Q !== "" && Q !== "delete-error" ? b.formatMessage({ id: Q }, {
-                  action: b.formatMessage({
-                    id: `discussion_action_${t.type}`
-                  })
-                }) : !1 },
+                forceShow: {
+                  error: V !== "" && V !== "delete-error" ? g.formatMessage(
+                    { id: V },
+                    {
+                      action: g.formatMessage({
+                        id: `discussion_action_${t.type}`
+                      })
+                    }
+                  ) : !1
+                },
                 functions: {
                   create: l,
-                  handleSaveEdit: K,
+                  handleSaveEdit: le,
                   handleCancel: () => {
-                    V(""), $({ ...x, isEditing: !1 });
+                    b(""), T({ ...S, isEditing: !1 });
                   }
                 },
                 gtmContext: `${h}Form`
               }
-            ) : f.post ? /* @__PURE__ */ r.jsx("a", { href: f.post, className: "gtm-trackable", "data-gtm-event-context": h, "data-gtm-event-type": "title-click", children: /* @__PURE__ */ r.jsx(nn, { options: { overrides: { a: Zr } }, children: x.body }) }) : /* @__PURE__ */ r.jsx(nn, { options: { wrapper: t.type === "question" ? "h1" : A.Fragment, forceWrapper: t.type === "question", forceInline: t.type === "question", forceBlock: t.type !== "question" }, children: x.body }),
-            !x.isEditing && /* @__PURE__ */ r.jsxs("ul", { className: j("actions text-medium", t.type), "data-testid": `${t.type}-actions`, children: [
-              /* @__PURE__ */ r.jsx(
-                $s,
-                {
-                  element: "li",
-                  likes: Y,
-                  isShort: !1,
-                  userLiked: B,
-                  content: { type: t.type, slugs: t.slugs },
-                  canLike: G,
-                  functions: {
-                    createLike: i,
-                    deleteLike: c
-                  }
-                }
-              ),
-              (["question", "post"].includes(t.type) || f.comments || typeof u == "function") && /* @__PURE__ */ r.jsxs("li", { className: "action-button", onClick: (R) => {
-                R.preventDefault(), R.stopPropagation(), f.comments && (window.location.href = f.comments), typeof u == "function" && u();
-              }, children: [
-                /* @__PURE__ */ r.jsx(
-                  W,
-                  {
-                    variant: "tertiary",
-                    size: "medium",
-                    styling: { muted: !0 },
-                    icon: { icon: "speech-bubble_square_thick" },
-                    href: f.comments ? f.comments : !1,
-                    onClick: f.comments || typeof u != "function" ? !1 : u,
-                    className: "gtm-trackable",
-                    "data-gtm-event-context": h,
-                    "data-gtm-event-type": `answer-${t.type}-click`,
-                    screenreaderText: b.formatMessage({ id: `${xe}comments_screenReader` }, { count: L })
-                  }
-                ),
-                /* @__PURE__ */ r.jsx("span", { children: b.formatMessage({ id: `${xe}comments` }, { count: L }) })
-              ] }),
-              (t.type === "answer" || t.type === "reply") && /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
-                W,
-                {
-                  variant: "tertiary",
-                  size: "medium",
-                  styling: { muted: !0 },
-                  onClick: ie,
-                  children: b.formatMessage({ id: `${xe}reply` })
-                }
-              ) }),
-              /* @__PURE__ */ r.jsx(ps, { element: "li", id: `more-${t.slug}`, options: se })
-            ] })
+            ) : f.post ? /* @__PURE__ */ r.jsx(
+              "a",
+              {
+                href: f.post,
+                className: "gtm-trackable",
+                "data-gtm-event-context": h,
+                "data-gtm-event-type": "title-click",
+                children: /* @__PURE__ */ r.jsx(nn, { options: { overrides: { a: Zr } }, children: Y })
+              }
+            ) : /* @__PURE__ */ r.jsx(
+              nn,
+              {
+                options: {
+                  wrapper: t.type === "question" ? "h1" : N.Fragment,
+                  forceWrapper: t.type === "question",
+                  forceInline: t.type === "question",
+                  forceBlock: t.type !== "question"
+                },
+                children: Y
+              }
+            ),
+            !S.isEditing && /* @__PURE__ */ r.jsxs(
+              "ul",
+              {
+                className: j("actions text-medium", t.type),
+                "data-testid": `${t.type}-actions`,
+                children: [
+                  /* @__PURE__ */ r.jsx(
+                    $s,
+                    {
+                      element: "li",
+                      likes: L,
+                      isShort: !1,
+                      userLiked: B,
+                      content: { type: t.type, slugs: t.slugs },
+                      canLike: ie,
+                      functions: {
+                        createLike: i,
+                        deleteLike: c
+                      }
+                    }
+                  ),
+                  (["question", "post"].includes(t.type) || f.comments || typeof u == "function") && /* @__PURE__ */ r.jsxs(
+                    "li",
+                    {
+                      className: "action-button",
+                      onClick: (R) => {
+                        R.preventDefault(), R.stopPropagation(), f.comments && (window.location.href = f.comments), typeof u == "function" && u();
+                      },
+                      children: [
+                        /* @__PURE__ */ r.jsx(
+                          W,
+                          {
+                            variant: "tertiary",
+                            size: "medium",
+                            styling: { muted: !0 },
+                            icon: { icon: "speech-bubble_square_thick" },
+                            href: f.comments ? f.comments : !1,
+                            onClick: f.comments || typeof u != "function" ? !1 : u,
+                            className: "gtm-trackable",
+                            "data-gtm-event-context": h,
+                            "data-gtm-event-type": `answer-${t.type}-click`,
+                            screenreaderText: g.formatMessage(
+                              { id: `${xe}comments_screenReader` },
+                              { count: U }
+                            )
+                          }
+                        ),
+                        /* @__PURE__ */ r.jsx("span", { children: g.formatMessage(
+                          { id: `${xe}comments` },
+                          { count: U }
+                        ) })
+                      ]
+                    }
+                  ),
+                  (t.type === "answer" || t.type === "reply") && /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
+                    W,
+                    {
+                      variant: "tertiary",
+                      size: "medium",
+                      styling: { muted: !0 },
+                      onClick: ce,
+                      children: g.formatMessage({ id: `${xe}reply` })
+                    }
+                  ) }),
+                  /* @__PURE__ */ r.jsx(
+                    ps,
+                    {
+                      element: "li",
+                      id: `more-${t.slug}`,
+                      options: oe
+                    }
+                  )
+                ]
+              }
+            )
           ]
         }
       ),
@@ -3958,21 +4026,35 @@ const xe = "discussion_", Rt = ({
         Dn,
         {
           id: `delete-${t.slug}-modal`,
-          isOpen: T,
+          isOpen: M,
           functions: { onOpen: () => {
-          }, onClose: () => M(!1) },
-          forceShow: { error: Q === "delete-error" ? b.formatMessage({ id: "discussion_delete_error" }, {
-            action: b.formatMessage({
-              id: `discussion_action_${t.type}`
-            })
-          }) : !1 },
-          title: b.formatMessage(
+          }, onClose: () => Q(!1) },
+          forceShow: {
+            error: V === "delete-error" ? g.formatMessage(
+              { id: "discussion_delete_error" },
+              {
+                action: g.formatMessage({
+                  id: `discussion_action_${t.type}`
+                })
+              }
+            ) : !1
+          },
+          title: g.formatMessage(
             { id: "discussion_delete_title" },
-            { action: b.formatMessage({ id: `discussion_action_${t.type}` }) }
+            { action: g.formatMessage({ id: `discussion_action_${t.type}` }) }
           ),
           buttons: [
-            { variant: "secondary", onClick: () => M(!1), children: b.formatMessage({ id: "discussion_delete_cancel" }) },
-            { variant: "primary", className: "destructive", onClick: le, children: b.formatMessage({ id: "discussion_delete_delete" }) }
+            {
+              variant: "secondary",
+              onClick: () => Q(!1),
+              children: g.formatMessage({ id: "discussion_delete_cancel" })
+            },
+            {
+              variant: "primary",
+              className: "destructive",
+              onClick: ue,
+              children: g.formatMessage({ id: "discussion_delete_delete" })
+            }
           ],
           gtmContext: `${t.type.charAt(0).toUpperCase()}${t.type.slice(1)}:${t.slug}`,
           children: /* @__PURE__ */ r.jsx(
@@ -3981,7 +4063,7 @@ const xe = "discussion_", Rt = ({
               id: "discussion_delete_text",
               values: {
                 p: (R) => /* @__PURE__ */ r.jsx("p", { children: R }),
-                action: b.formatMessage({
+                action: g.formatMessage({
                   id: `discussion_action_${t.type}`
                 })
               }
@@ -3992,15 +4074,15 @@ const xe = "discussion_", Rt = ({
     ] })
   });
 };
-const kt = "discussion_responses_", $o = ({ type: e = "answer", responses: t = 0 }) => {
-  const n = P();
+const yt = "discussion_responses_", To = ({ type: e = "answer", responses: t = 0 }) => {
+  const n = F();
   return /* @__PURE__ */ r.jsxs("div", { className: "responses-heading", children: [
-    /* @__PURE__ */ r.jsx("h3", { children: n.formatMessage({ id: `${kt}title` }, { action: n.formatMessage({ id: `${kt}${e}` }), count: t }) }),
-    t === 0 && /* @__PURE__ */ r.jsx("p", { children: he(n.formatMessage, `${kt}empty`, e, e) })
+    /* @__PURE__ */ r.jsx("h3", { children: n.formatMessage({ id: `${yt}title` }, { action: n.formatMessage({ id: `${yt}${e}` }), count: t }) }),
+    t === 0 && /* @__PURE__ */ r.jsx("p", { children: he(n.formatMessage, `${yt}empty`, e, e) })
   ] });
 };
-const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
-  const s = P(), o = Z(null), [l, m] = D(e), [a, i] = D("closed");
+const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
+  const s = F(), o = ee(null), [l, m] = P(e), [a, i] = P("closed");
   z(() => {
     const p = o.current;
     if (p)
@@ -4031,7 +4113,7 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
     ),
     /* @__PURE__ */ r.jsx("ul", { ref: o, className: j("thread", a), hidden: !l, children: f })
   ] });
-}, Cs = ({
+}, As = ({
   user: e,
   content: t,
   verb: n = "post"
@@ -4052,7 +4134,7 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
     like: 0
   },
   verb: n
-}), As = ({
+}), Ns = ({
   queryClient: e,
   queryKey: t,
   user: n,
@@ -4060,7 +4142,7 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
 }) => ({ mutationFn: s, onMutate: async ({ content: a }) => {
   if (!n)
     return;
-  const i = Cs({ user: n, content: a, verb: "post" });
+  const i = As({ user: n, content: a, verb: "post" });
   await e.cancelQueries({ queryKey: t });
   const c = e.getQueryData(t);
   return e.setQueryData(t, (u) => [...u, i]), { previousActivities: c };
@@ -4068,7 +4150,7 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   e.setQueryData(t, c.previousActivities);
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
-} }), Ns = ({
+} }), Ds = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4090,7 +4172,7 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   onSettled: () => {
     e.invalidateQueries({ queryKey: t });
   }
-}), Ds = ({
+}), Ps = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4110,7 +4192,7 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   e.invalidateQueries({
     queryKey: [...t, c.activityId]
   });
-} }), Ps = ({
+} }), Fs = ({
   queryClient: e,
   queryKey: t,
   user: n,
@@ -4126,13 +4208,13 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   e.setQueryData(t, u.previousActivities);
 }, onSuccess: (i, { activityId: c }) => {
   const u = e.getQueryData(t), f = u == null ? void 0 : u.map((p) => {
-    var h, _, b, g;
+    var h, _, k, g;
     if (p.id === c) {
-      const E = (b = (_ = (h = p.latest_reactions) == null ? void 0 : h.like) == null ? void 0 : _.find(
-        (x) => x.user_id === (n == null ? void 0 : n.id)
-      )) == null ? void 0 : b.id;
+      const E = (k = (_ = (h = p.latest_reactions) == null ? void 0 : h.like) == null ? void 0 : _.find(
+        (v) => v.user_id === (n == null ? void 0 : n.id)
+      )) == null ? void 0 : k.id;
       return p.latest_reactions.like = (g = p.latest_reactions.like) == null ? void 0 : g.filter(
-        (x) => x.id !== E
+        (v) => v.id !== E
       ), p;
     } else
       return p;
@@ -4142,65 +4224,65 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   e.invalidateQueries({
     queryKey: [...t, u.activityId]
   });
-} }), Mo = ({
+} }), Co = ({
   basePath: e,
   parentId: t,
   isMember: n,
   functions: { list: s, create: o, edit: l, like: m, unlike: a, join: i, leave: c }
 }) => {
-  const u = P(), f = At(), p = ye(je), {
+  const u = F(), f = Nt(), p = ye(je), {
     data: h,
     error: _,
-    isLoading: b,
+    isLoading: k,
     isFetching: g
   } = cn({
     queryKey: [e, t],
     queryFn: s
-  }), E = As({
+  }), E = Ns({
     queryClient: f,
     queryKey: [e, t],
     user: p,
     mutationFn: o
-  }), { mutate: x } = fe(E), $ = Ns({
+  }), { mutate: v } = fe(E), S = Ds({
     queryClient: f,
     queryKey: [e, t],
-    mutationFn: async (k) => await l(k)
+    mutationFn: async (w) => await l(w)
   }), {
     mutate: T
-  } = fe($), M = Ds({
+  } = fe(S), M = Ps({
     queryClient: f,
     queryKey: [e, t],
     mutationFn: m
   }), {
     mutate: Q
-  } = fe(M), V = Ps({
+  } = fe(M), V = Fs({
     queryClient: f,
     queryKey: [e, t],
     user: p,
-    mutationFn: async ({ activityId: k }) => {
-      var L, U, G;
-      const Y = h && (h == null ? void 0 : h.find(
-        (K) => K.id === k
-      )), B = (G = (U = (L = Y == null ? void 0 : Y.latest_reactions) == null ? void 0 : L.like) == null ? void 0 : U.find(
+    mutationFn: async ({ activityId: w }) => {
+      var B, U, Y;
+      const G = h && (h == null ? void 0 : h.find(
+        (K) => K.id === w
+      )), L = (Y = (U = (B = G == null ? void 0 : G.latest_reactions) == null ? void 0 : B.like) == null ? void 0 : U.find(
         (K) => K.user_id === (p == null ? void 0 : p.id)
-      )) == null ? void 0 : G.id;
-      await a({ reactionId: B || "", activityId: k });
+      )) == null ? void 0 : Y.id;
+      await a({ reactionId: L || "", activityId: w });
     }
   }), {
-    mutate: w
-  } = fe(V), F = Ee(
-    ({ activityId: k }) => Q({ activityId: k }),
+    mutate: b
+  } = fe(V), A = Ee(
+    ({ activityId: w }) => Q({ activityId: w }),
     [Q]
   ), q = Ee(
-    ({ activityId: k }) => w({ activityId: k }),
-    [w]
+    ({ activityId: w }) => b({ activityId: w }),
+    [b]
   );
-  return _ ? /* @__PURE__ */ r.jsx(rt, { variant: "error", text: _.message }) : b ? /* @__PURE__ */ r.jsx(ve, { style: { height: "400px" } }) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+  return _ ? /* @__PURE__ */ r.jsx(st, { variant: "error", text: _.message }) : k ? /* @__PURE__ */ r.jsx(ve, { style: { height: "400px" } }) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(
       An,
       {
         contentType: "post",
-        createPost: x,
+        createPost: v,
         membershipRequiredToPost: {
           isMember: n,
           required: !0,
@@ -4210,60 +4292,63 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
         }
       }
     ),
-    !g && Array.isArray(h) && (h == null ? void 0 : h.map((k) => {
-      var L, U, G, K, ie, le, se, R, ee, oe, ce, te;
-      const Y = ((L = k == null ? void 0 : k.actor) == null ? void 0 : L.id) === (p == null ? void 0 : p.id), B = Ft(n, Y);
-      return /* @__PURE__ */ r.jsx(
-        Rt,
-        {
-          content: {
-            type: "post",
-            body: k == null ? void 0 : k.content,
-            canLike: B,
-            createdAt: (k == null ? void 0 : k.time) || "",
-            slugs: { parentId: t, activityId: k == null ? void 0 : k.id },
-            slug: k == null ? void 0 : k.id,
-            author: {
-              id: (U = k == null ? void 0 : k.actor) == null ? void 0 : U.id,
-              name: `${(K = (G = k == null ? void 0 : k.actor) == null ? void 0 : G.data) == null ? void 0 : K.name}`,
-              organization: (le = (ie = k == null ? void 0 : k.actor) == null ? void 0 : ie.data) == null ? void 0 : le.organization,
-              jobTitle: (R = (se = k == null ? void 0 : k.actor) == null ? void 0 : se.data) == null ? void 0 : R.jobTitle,
-              image: {
-                thumbnail: ((oe = (ee = k == null ? void 0 : k.actor) == null ? void 0 : ee.data) == null ? void 0 : oe.thumbnail) || void 0
-              }
-            },
-            userLiked: ((ce = k == null ? void 0 : k.own_reactions) == null ? void 0 : ce.like) && ((te = k == null ? void 0 : k.own_reactions) == null ? void 0 : te.like.length) > 0,
-            likes: (k == null ? void 0 : k.reaction_counts.like) || 0,
-            comments: (k == null ? void 0 : k.reaction_counts.reply) || 0
-          },
-          links: {
-            post: `${e}/${t}/${k == null ? void 0 : k.id}`,
-            comments: `${e}/${t}/${k == null ? void 0 : k.id}`
-          },
-          functions: {
+    !g && Array.isArray(h) && (h == null ? void 0 : h.map((w) => {
+      var B, U, Y, K, ie, le, ce, ue, oe, R, te, X;
+      const G = ((B = w == null ? void 0 : w.actor) == null ? void 0 : B.id) === (p == null ? void 0 : p.id), L = Rt(n, G);
+      return /* @__PURE__ */ r.jsxs(Et, { children: [
+        /* @__PURE__ */ r.jsx(
+          Ot,
+          {
             content: {
-              createContent: () => null,
-              deleteContent: () => null,
-              updateContent: (ue, me) => T({ activityInfo: ue, content: me })
+              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,
+              author: {
+                id: (U = w == null ? void 0 : w.actor) == null ? void 0 : U.id,
+                name: `${(K = (Y = w == null ? void 0 : w.actor) == null ? void 0 : Y.data) == null ? void 0 : K.name}`,
+                organization: (le = (ie = w == null ? void 0 : w.actor) == null ? void 0 : ie.data) == null ? void 0 : le.organization,
+                jobTitle: (ue = (ce = w == null ? void 0 : w.actor) == null ? void 0 : ce.data) == null ? void 0 : ue.jobTitle,
+                image: {
+                  thumbnail: ((R = (oe = w == null ? void 0 : w.actor) == null ? void 0 : oe.data) == null ? void 0 : R.thumbnail) || void 0
+                }
+              },
+              userLiked: ((te = w == null ? void 0 : w.own_reactions) == null ? void 0 : te.like) && ((X = w == null ? void 0 : w.own_reactions) == null ? void 0 : X.like.length) > 0,
+              likes: (w == null ? void 0 : w.reaction_counts.like) || 0,
+              comments: (w == null ? void 0 : w.reaction_counts.reply) || 0
             },
-            likes: {
-              createLike: () => {
-                F({ activityId: k == null ? void 0 : k.id });
+            links: {
+              post: `${e}/${t}/${w == null ? void 0 : w.id}`,
+              comments: `${e}/${t}/${w == null ? void 0 : w.id}`
+            },
+            functions: {
+              content: {
+                createContent: () => null,
+                deleteContent: () => null,
+                updateContent: (ne, me) => T({ activityInfo: ne, content: me })
+              },
+              likes: {
+                createLike: () => {
+                  A({ activityId: w == null ? void 0 : w.id });
+                },
+                deleteLike: () => {
+                  q({ activityId: w == null ? void 0 : w.id });
+                }
               },
-              deleteLike: () => {
-                q({ activityId: k == null ? void 0 : k.id });
+              comments: {
+                openComments: () => null
               }
             },
-            comments: {
-              openComments: () => null
-            }
+            isTruncated: !0
           }
-        },
-        k == null ? void 0 : k.id
-      );
+        ),
+        /* @__PURE__ */ r.jsx(Ae, {})
+      ] }, w == null ? void 0 : w.id);
     }))
   ] });
-}, Fs = ({
+}, Rs = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4282,7 +4367,7 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
     })), { previousActivity: i };
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
-} }), Rs = ({
+} }), Os = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4308,7 +4393,7 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   onError: (l, m, a) => {
     e.setQueryData(t, a.previousActivity);
   }
-}), Os = ({
+}), Ls = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4332,7 +4417,7 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
     ...a,
     latest_reactions: { reply: i }
   })), { previousActivity: a };
-} }), Ls = ({
+} }), Bs = ({
   queryClient: e,
   queryKey: t,
   user: n,
@@ -4358,14 +4443,14 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   const u = (f = c.latest_reactions.reply) == null ? void 0 : f.map((p) => {
     var h;
     return p.id === i ? (h = p.latest_children.reply) == null ? void 0 : h.filter(
-      (b) => b.user_id !== (n == null ? void 0 : n.id)
+      (k) => k.user_id !== (n == null ? void 0 : n.id)
     ) : p;
   });
   return e.setQueryData(t, () => ({
     ...c,
     latest_reactions: { reply: u }
   })), { previousActivity: c };
-} }), Bs = ({
+} }), Is = ({
   basePath: e,
   parentId: t,
   activityId: n,
@@ -4373,23 +4458,23 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   isMember: o,
   functions: { createReply: l, editReply: m, like: a, unlike: i, join: c, leave: u }
 }) => {
-  const f = P(), p = At(), h = ye(je), _ = Fs({
+  const f = F(), p = Nt(), h = ye(je), _ = Rs({
     queryClient: p,
     queryKey: [e, t, n],
     mutationFn: l
-  }), { mutate: b } = fe(_), g = Rs({
+  }), { mutate: k } = fe(_), g = Os({
     queryClient: p,
     queryKey: [e, t, n],
-    mutationFn: async (w) => m(w)
+    mutationFn: async (b) => m(b)
   }), {
     mutate: E
-  } = fe(g), x = Os({
+  } = fe(g), v = Ls({
     queryClient: p,
     queryKey: [e, t, n],
     mutationFn: a
   }), {
-    mutate: $
-  } = fe(x), T = Ls({
+    mutate: S
+  } = fe(v), T = Bs({
     queryClient: p,
     queryKey: [e, t, n],
     user: h,
@@ -4397,10 +4482,10 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   }), {
     mutate: M
   } = fe(T), Q = Ee(
-    ({ replyId: w }) => $({ replyId: w }),
-    [$]
+    ({ replyId: b }) => S({ replyId: b }),
+    [S]
   ), V = Ee(
-    ({ replyId: w }) => M({ replyId: w }),
+    ({ replyId: b }) => M({ replyId: b }),
     [M]
   );
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
@@ -4408,7 +4493,7 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
       An,
       {
         contentType: "post",
-        createPost: b,
+        createPost: k,
         membershipRequiredToPost: {
           isMember: o,
           required: !0,
@@ -4418,37 +4503,37 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
         }
       }
     ),
-    (s == null ? void 0 : s.length) === 0 || (s == null ? void 0 : s.map((w) => {
-      var Y, B, L, U, G, K, ie, le, se, R, ee, oe, ce, te, ue, me, pe;
-      const F = ((Y = w == null ? void 0 : w.latest_children) == null ? void 0 : Y.like) && ((B = w == null ? void 0 : w.latest_children) == null ? void 0 : B.like.filter(
+    (s == null ? void 0 : s.length) === 0 || (s == null ? void 0 : s.map((b) => {
+      var G, L, B, U, Y, K, ie, le, ce, ue, oe, R, te, X, ne, me, pe;
+      const A = ((G = b == null ? void 0 : b.latest_children) == null ? void 0 : G.like) && ((L = b == null ? void 0 : b.latest_children) == null ? void 0 : L.like.filter(
         (ge) => ge.user_id === (h == null ? void 0 : h.id)
-      )), q = ((L = w == null ? void 0 : w.user) == null ? void 0 : L.id) === (h == null ? void 0 : h.id), k = Ft(o, q);
+      )), q = ((B = b == null ? void 0 : b.user) == null ? void 0 : B.id) === (h == null ? void 0 : h.id), w = Rt(o, q);
       return /* @__PURE__ */ r.jsx(
-        Rt,
+        Ot,
         {
           content: {
             type: "post",
-            body: typeof w.data.content == "string" ? (U = w == null ? void 0 : w.data) == null ? void 0 : U.content : ((K = (G = w == null ? void 0 : w.data) == null ? void 0 : G.content) == null ? void 0 : K.text) || "",
-            canLike: k,
-            createdAt: w == null ? void 0 : w.created_at,
+            body: typeof b.data.content == "string" ? (U = b == null ? void 0 : b.data) == null ? void 0 : U.content : ((K = (Y = b == null ? void 0 : b.data) == null ? void 0 : Y.content) == null ? void 0 : K.text) || "",
+            canLike: w,
+            createdAt: b == null ? void 0 : b.created_at,
             slugs: {
               question: `${e}/${t}/${n}`,
               parentId: t,
-              reply: w == null ? void 0 : w.id
+              reply: b == null ? void 0 : b.id
             },
-            slug: `${e}/${t}/${n}#${w == null ? void 0 : w.id}`,
+            slug: `${e}/${t}/${n}#${b == null ? void 0 : b.id}`,
             author: {
-              id: (ie = w == null ? void 0 : w.user) == null ? void 0 : ie.id,
-              name: (se = (le = w == null ? void 0 : w.user) == null ? void 0 : le.data) == null ? void 0 : se.name,
-              organization: (ee = (R = w == null ? void 0 : w.user) == null ? void 0 : R.data) == null ? void 0 : ee.organization,
-              jobTitle: (ce = (oe = w == null ? void 0 : w.user) == null ? void 0 : oe.data) == null ? void 0 : ce.jobTitle,
+              id: (ie = b == null ? void 0 : b.user) == null ? void 0 : ie.id,
+              name: (ce = (le = b == null ? void 0 : b.user) == null ? void 0 : le.data) == null ? void 0 : ce.name,
+              organization: (oe = (ue = b == null ? void 0 : b.user) == null ? void 0 : ue.data) == null ? void 0 : oe.organization,
+              jobTitle: (te = (R = b == null ? void 0 : b.user) == null ? void 0 : R.data) == null ? void 0 : te.jobTitle,
               image: {
-                thumbnail: ((ue = (te = w == null ? void 0 : w.user) == null ? void 0 : te.data) == null ? void 0 : ue.thumbnail) || void 0
+                thumbnail: ((ne = (X = b == null ? void 0 : b.user) == null ? void 0 : X.data) == null ? void 0 : ne.thumbnail) || void 0
               }
             },
-            userLiked: !!(F != null && F.length),
-            likes: ((me = w == null ? void 0 : w.children_counts) == null ? void 0 : me.like) || 0,
-            comments: ((pe = w == null ? void 0 : w.children_counts) == null ? void 0 : pe.reply) || 0
+            userLiked: !!(A != null && A.length),
+            likes: ((me = b == null ? void 0 : b.children_counts) == null ? void 0 : me.like) || 0,
+            comments: ((pe = b == null ? void 0 : b.children_counts) == null ? void 0 : pe.reply) || 0
           },
           functions: {
             content: {
@@ -4457,8 +4542,8 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
               updateContent: (ge, Se) => E({ replyInfo: ge, content: Se })
             },
             likes: {
-              createLike: () => Q({ replyId: w == null ? void 0 : w.id }),
-              deleteLike: () => V({ replyId: w == null ? void 0 : w.id })
+              createLike: () => Q({ replyId: b == null ? void 0 : b.id }),
+              deleteLike: () => V({ replyId: b == null ? void 0 : b.id })
             },
             comments: {
               openComments: () => {
@@ -4466,11 +4551,11 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
             }
           }
         },
-        w == null ? void 0 : w.id
+        b == null ? void 0 : b.id
       );
     }))
   ] });
-}, Is = ({
+}, Hs = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4494,7 +4579,7 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   onSettled: () => {
     e.invalidateQueries({ queryKey: t });
   }
-}), Hs = ({
+}), Qs = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4514,7 +4599,7 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   })), { previousActivity: i };
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
-} }), Qs = ({
+} }), Us = ({
   queryClient: e,
   queryKey: t,
   user: n,
@@ -4544,7 +4629,7 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
     })), { previousActivity: u };
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
-} }), Co = ({
+} }), Ao = ({
   basePath: e,
   parentId: t,
   activityId: n,
@@ -4562,60 +4647,60 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
     leave: h
   }
 }) => {
-  var L, U, G, K, ie, le, se, R, ee, oe, ce;
-  const _ = ye(je), b = At(), {
+  var B, U, Y, K, ie, le, ce, ue, oe, R, te;
+  const _ = ye(je), k = Nt(), {
     data: g,
     error: E,
-    isLoading: x,
-    isFetching: $
+    isLoading: v,
+    isFetching: S
   } = cn({
     queryKey: [e, t, n],
     queryFn: o
-  }), T = Is({
-    queryClient: b,
+  }), T = Hs({
+    queryClient: k,
     queryKey: [e, t, n],
-    mutationFn: async (te) => await l(te)
+    mutationFn: async (X) => await l(X)
   }), {
     mutate: M
-  } = fe(T), Q = Hs({
-    queryClient: b,
+  } = fe(T), Q = Qs({
+    queryClient: k,
     queryKey: [e, t, n],
     mutationFn: m
   }), {
     mutate: V
-  } = fe(Q), w = Qs({
-    queryClient: b,
+  } = fe(Q), b = Us({
+    queryClient: k,
     queryKey: [e, t, n],
     user: _,
     mutationFn: async () => {
-      var ue, me, pe;
-      const te = (pe = (me = (ue = g == null ? void 0 : g.latest_reactions) == null ? void 0 : ue.like) == null ? void 0 : me.find(
+      var ne, me, pe;
+      const X = (pe = (me = (ne = g == null ? void 0 : g.latest_reactions) == null ? void 0 : ne.like) == null ? void 0 : me.find(
         (ge) => ge.user_id === (_ == null ? void 0 : _.id)
       )) == null ? void 0 : pe.id;
-      await a({ activityId: n, reactionId: te });
+      await a({ activityId: n, reactionId: X });
     },
     activity: g
   }), {
-    mutate: F
-  } = fe(w), q = Ee(
-    ({ activityId: te }) => V({ activityId: te }),
+    mutate: A
+  } = fe(b), q = Ee(
+    ({ activityId: X }) => V({ activityId: X }),
     [V]
-  ), k = Ee(
-    async ({ activityId: te }) => F({ activityId: te }),
-    [F]
+  ), w = Ee(
+    async ({ activityId: X }) => A({ activityId: X }),
+    [A]
   );
   if (E)
-    return /* @__PURE__ */ r.jsx(rt, { variant: "error", text: E.message });
-  if (x || $)
+    return /* @__PURE__ */ r.jsx(st, { variant: "error", text: E.message });
+  if (v || S)
     return /* @__PURE__ */ r.jsx(ve, { style: { height: "400px" } });
-  const Y = ((L = g == null ? void 0 : g.actor) == null ? void 0 : L.id) === (_ == null ? void 0 : _.id), B = Ft(s, Y);
+  const G = ((B = g == null ? void 0 : g.actor) == null ? void 0 : B.id) === (_ == null ? void 0 : _.id), L = Rt(s, G);
   return /* @__PURE__ */ r.jsx(
-    Rt,
+    Ot,
     {
       content: {
         type: "post",
         body: g == null ? void 0 : g.content,
-        canLike: B,
+        canLike: L,
         createdAt: (g == null ? void 0 : g.time) || "",
         slugs: {
           question: `${t}/${n}`,
@@ -4625,27 +4710,27 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
         slug: n,
         author: {
           id: (U = g == null ? void 0 : g.actor) == null ? void 0 : U.id,
-          name: (G = g == null ? void 0 : g.actor) == null ? void 0 : G.data.name,
+          name: (Y = g == null ? void 0 : g.actor) == null ? void 0 : Y.data.name,
           organization: (K = g == null ? void 0 : g.actor) == null ? void 0 : K.data.organization,
           jobTitle: (ie = g == null ? void 0 : g.actor) == null ? void 0 : ie.data.jobTitle,
           image: {
             thumbnail: ((le = g == null ? void 0 : g.actor) == null ? void 0 : le.data.thumbnail) || void 0
           }
         },
-        userLiked: ((se = g == null ? void 0 : g.own_reactions) == null ? void 0 : se.like) && ((R = g == null ? void 0 : g.own_reactions) == null ? void 0 : R.like.length) > 0,
+        userLiked: ((ce = g == null ? void 0 : g.own_reactions) == null ? void 0 : ce.like) && ((ue = g == null ? void 0 : g.own_reactions) == null ? void 0 : ue.like.length) > 0,
         likes: g && (g == null ? void 0 : g.reaction_counts.like),
         comments: g && (g == null ? void 0 : g.reaction_counts.reply)
       },
-      originalAuthorId: (ee = g == null ? void 0 : g.actor) == null ? void 0 : ee.id,
+      originalAuthorId: (oe = g == null ? void 0 : g.actor) == null ? void 0 : oe.id,
       functions: {
         content: {
           createContent: () => console.log("create"),
           deleteContent: () => console.log("delete"),
-          updateContent: (te, ue) => M({ activityInfo: te, content: ue })
+          updateContent: (X, ne) => M({ activityInfo: X, content: ne })
         },
         likes: {
           createLike: () => q({ activityId: n }),
-          deleteLike: () => k({ activityId: n })
+          deleteLike: () => w({ activityId: n })
         },
         comments: {
           openComments: () => {
@@ -4655,16 +4740,16 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
       children: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
         /* @__PURE__ */ r.jsxs("h3", { children: [
           "Comments (",
-          ((oe = g == null ? void 0 : g.reaction_counts) == null ? void 0 : oe.reply) || 0,
+          ((R = g == null ? void 0 : g.reaction_counts) == null ? void 0 : R.reply) || 0,
           ")"
         ] }),
         /* @__PURE__ */ r.jsx(
-          Bs,
+          Is,
           {
             basePath: e,
             parentId: t,
             activityId: n,
-            repliesList: (ce = g == null ? void 0 : g.latest_reactions) == null ? void 0 : ce.reply,
+            repliesList: (te = g == null ? void 0 : g.latest_reactions) == null ? void 0 : te.reply,
             isMember: s,
             functions: {
               createReply: i,
@@ -4680,7 +4765,7 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
     },
     n
   );
-}, Ao = ({ id: e, data: { jobTitle: t, name: n, organization: s, thumbnail: o } }) => ({
+}, No = ({ id: e, data: { jobTitle: t, name: n, organization: s, thumbnail: o } }) => ({
   id: e,
   name: n,
   jobTitle: t,
@@ -4688,85 +4773,85 @@ const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   image: { thumbnail: o }
 });
 export {
-  Et as ASSETS_BUCKET,
-  Mo as ActivitiesFeed,
-  Co as ActivitySection,
+  $t as ASSETS_BUCKET,
+  Co as ActivitiesFeed,
+  Ao as ActivitySection,
   An as AddPost,
-  io as BannerSection,
-  ho as Breadcrumbs,
+  lo as BannerSection,
+  go as Breadcrumbs,
   W as Button,
-  tt as ButtonWrapper,
+  nt as ButtonWrapper,
   as as CacheProvider,
   xn as CollapsibleSection,
-  xo as Columns,
-  po as CommunityDetails,
+  bo as Columns,
+  ho as CommunityDetails,
   os as Contributors,
   Nn as ConversationContext,
   gs as CookieBanner,
-  Eo as DiscussionConversation,
+  So as DiscussionConversation,
   Cn as DiscussionForm,
   $s as DiscussionLikes,
-  Rt as DiscussionPost,
-  To as DiscussionThread,
-  Le as Divider,
-  oo as DownloadSection,
-  Re as EMAILS,
-  bo as EmailHelperTextBox,
-  rt as EmptyStateBox,
-  go as Filters,
+  Ot as DiscussionPost,
+  Mo as DiscussionThread,
+  Ae as Divider,
+  ao as DownloadSection,
+  Oe as EMAILS,
+  vo as EmailHelperTextBox,
+  st as EmptyStateBox,
+  _o as Filters,
   cs as FlagsProvider,
   En as Footer,
   _n as FullWidthSection,
-  fo as GlobalProviders,
+  po as GlobalProviders,
   Mn as Header,
   Ur as HelperTextBox,
   mn as HiddenFromScreenReaders,
-  uo as HideShowTextBox,
+  mo as HideShowTextBox,
   ke as HighlightedTextBox,
   us as IntlProvider,
   vs as InviteForm,
-  So as InviteModal,
+  $o as InviteModal,
   yn as JoinButton,
-  _o as LanguageSwitcher,
-  nt as Link,
+  xo as LanguageSwitcher,
+  rt as Link,
   fs as LoadMore,
-  mo as LoadingBlock,
+  fo as LoadingBlock,
   ve as LoadingPlaceholder,
   ns as LoadingState,
   jn as Logo,
-  ao as LogoSection,
+  io as LogoSection,
   nn as MarkdownText,
-  lo as MarketingBox,
-  Pt as Member,
-  jo as MembersList,
+  co as MarketingBox,
+  Ft as Member,
+  Eo as MembersList,
   Ts as Modal,
   ps as MoreMenu,
-  co as NUMBER_OF_USERS,
+  uo as NUMBER_OF_USERS,
   Dn as Overlay,
-  ko as PageLayout,
-  vo as PasswordRules,
+  yo as PageLayout,
+  wo as PasswordRules,
   qr as Pill,
-  Dt as ProfilePicture,
+  Pt as ProfilePicture,
   es as ProgressBar,
-  wo as Rating,
-  Bs as RepliesFeed,
-  $o as ResponsesHeading,
+  ko as Rating,
+  Is as RepliesFeed,
+  To as ResponsesHeading,
   Br as ResponsiveImage,
   bs as SearchForm,
   Zr as Span,
-  $t as StatusBanner,
-  yo as Tags,
+  Mt as StatusBanner,
+  jo as Tags,
   Ir as Tooltip,
   je as UserContext,
   ds as UserProvider,
-  ne as VisuallyHidden,
+  re as VisuallyHidden,
   Ms as addAriaProps,
   kn as getMember,
   Xe as headerData,
-  Ao as mapGetStreamData,
+  No as mapGetStreamData,
   jr as useCurrentPath,
   Ce as useEffectAfterMount,
-  et as useScreenWidth,
+  tt as useScreenWidth,
   Sr as useScrollListener,
-  so as useScrollToHash
+  oo as useScrollToHash
 };