@apolitical/component-library 1.13.2 → 1.13.3-beta.1

package/index.mjs

@@ -1,9 +1,9 @@
-import A, { memo as Ae, useState as P, useEffect as z, useRef as ee, useMemo as qe, Children as jt, createContext as Nt, useContext as ye, Fragment as Et, useCallback as Ee, useReducer as rr, Suspense as sr } from "react";
+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 or from "lodash.clonedeep";
 import ar from "lodash.set";
-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 { 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 { ReactQueryDevtools as dr } from "@tanstack/react-query-devtools";
 import Ge from "posthog-js";
@@ -29,15 +29,15 @@ var dn = { exports: {} };
       for (var s = [], o = 0; o < arguments.length; o++) {
         var l = arguments[o];
         if (l) {
-          var d = typeof l;
-          if (d === "string" || d === "number")
+          var m = typeof l;
+          if (m === "string" || m === "number")
             s.push(l);
           else if (Array.isArray(l)) {
             if (l.length) {
               var a = n.apply(null, l);
               a && s.push(a);
             }
-          } else if (d === "object") {
+          } else if (m === "object") {
             if (l.toString !== Object.prototype.toString && !l.toString.toString().includes("[native code]")) {
               s.push(l.toString());
               continue;
@@ -52,9 +52,9 @@ var dn = { exports: {} };
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
 })(dn);
-var vr = dn.exports;
-const j = /* @__PURE__ */ xr(vr), br = ({ element: e = "span", showOnFocus: t = !0, children: n, ...s }) => A.createElement(e, { ...s, className: j("hidden", { "show-on-focus": t }), children: n }), re = Ae(br), wr = ({ element: e = "span", children: t = null, ...n }) => A.createElement(e, { ...n, "aria-hidden": !0 }, t), mn = Ae(wr);
-var St = { exports: {} }, Pe = {};
+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 = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -67,10 +67,10 @@ var St = { exports: {} }, Pe = {};
 var qt;
 function kr() {
   if (qt)
-    return Pe;
+    return De;
   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 };
-  function d(a, i, c) {
+  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);
     for (u in i)
@@ -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 Pe.Fragment = n, Pe.jsx = d, Pe.jsxs = d, Pe;
+  return De.Fragment = n, De.jsx = m, De.jsxs = m, De;
 }
-var Fe = {};
+var Pe = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -95,58 +95,58 @@ var Fe = {};
 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"), d = 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(m) {
-      if (m === null || typeof m != "object")
+    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";
+    function g(d) {
+      if (d === null || typeof d != "object")
         return null;
-      var x = _ && m[_] || m[k];
-      return typeof x == "function" ? x : null;
+      var v = _ && d[_] || d[b];
+      return typeof v == "function" ? v : null;
     }
     var E = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function b(m) {
+    function x(d) {
       {
-        for (var x = arguments.length, y = new Array(x > 1 ? x - 1 : 0), $ = 1; $ < x; $++)
-          y[$ - 1] = arguments[$];
-        S("error", m, y);
+        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);
       }
     }
-    function S(m, x, y) {
+    function $(d, v, y) {
       {
-        var $ = E.ReactDebugCurrentFrame, O = $.getStackAddendum();
-        O !== "" && (x += "%s", y = y.concat([O]));
-        var H = y.map(function(D) {
-          return String(D);
+        var S = E.ReactDebugCurrentFrame, O = S.getStackAddendum();
+        O !== "" && (v += "%s", y = y.concat([O]));
+        var H = y.map(function(N) {
+          return String(N);
         });
-        H.unshift("Warning: " + x), Function.prototype.apply.call(console[m], console, H);
+        H.unshift("Warning: " + v), Function.prototype.apply.call(console[d], console, H);
       }
     }
-    var T = !1, M = !1, Q = !1, V = !1, v = !1, N;
-    N = Symbol.for("react.module.reference");
-    function q(m) {
-      return !!(typeof m == "string" || typeof m == "function" || m === s || m === l || v || m === o || m === c || m === u || V || m === h || T || M || Q || typeof m == "object" && m !== null && (m.$$typeof === p || m.$$typeof === f || m.$$typeof === d || m.$$typeof === a || m.$$typeof === i || // This needs to include all possible module reference object
+    var T = !1, M = !1, Q = !1, V = !1, w = !1, F;
+    F = 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
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      m.$$typeof === N || m.getModuleId !== void 0));
+      d.$$typeof === F || d.getModuleId !== void 0));
     }
-    function w(m, x, y) {
-      var $ = m.displayName;
-      if ($)
-        return $;
-      var O = x.displayName || x.name || "";
+    function k(d, v, y) {
+      var S = d.displayName;
+      if (S)
+        return S;
+      var O = v.displayName || v.name || "";
       return O !== "" ? y + "(" + O + ")" : y;
     }
-    function G(m) {
-      return m.displayName || "Context";
+    function Y(d) {
+      return d.displayName || "Context";
     }
-    function L(m) {
-      if (m == null)
+    function B(d) {
+      if (d == null)
         return null;
-      if (typeof m.tag == "number" && b("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof m == "function")
-        return m.displayName || m.name || null;
-      if (typeof m == "string")
-        return m;
-      switch (m) {
+      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")
+        return d.displayName || d.name || null;
+      if (typeof d == "string")
+        return d;
+      switch (d) {
         case s:
           return "Fragment";
         case n:
@@ -160,23 +160,23 @@ function yr() {
         case u:
           return "SuspenseList";
       }
-      if (typeof m == "object")
-        switch (m.$$typeof) {
+      if (typeof d == "object")
+        switch (d.$$typeof) {
           case a:
-            var x = m;
-            return G(x) + ".Consumer";
-          case d:
-            var y = m;
-            return G(y._context) + ".Provider";
+            var v = d;
+            return Y(v) + ".Consumer";
+          case m:
+            var y = d;
+            return Y(y._context) + ".Provider";
           case i:
-            return w(m, m.render, "ForwardRef");
+            return k(d, d.render, "ForwardRef");
           case f:
-            var $ = m.displayName || null;
-            return $ !== null ? $ : L(m.type) || "Memo";
+            var S = d.displayName || null;
+            return S !== null ? S : B(d.type) || "Memo";
           case p: {
-            var O = m, H = O._payload, D = O._init;
+            var O = d, H = O._payload, N = O._init;
             try {
-              return L(D(H));
+              return B(N(H));
             } catch {
               return null;
             }
@@ -184,80 +184,80 @@ function yr() {
         }
       return null;
     }
-    var B = Object.assign, U = 0, Y, K, ie, le, ce, ue, oe;
-    function R() {
+    var L = Object.assign, U = 0, G, K, ie, le, se, R, ee;
+    function oe() {
     }
-    R.__reactDisabledLog = !0;
-    function te() {
+    oe.__reactDisabledLog = !0;
+    function ce() {
       {
         if (U === 0) {
-          Y = console.log, K = console.info, ie = console.warn, le = console.error, ce = console.group, ue = console.groupCollapsed, oe = console.groupEnd;
-          var m = {
+          G = console.log, K = console.info, ie = console.warn, le = console.error, se = console.group, R = console.groupCollapsed, ee = console.groupEnd;
+          var d = {
             configurable: !0,
             enumerable: !0,
-            value: R,
+            value: oe,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: m,
-            log: m,
-            warn: m,
-            error: m,
-            group: m,
-            groupCollapsed: m,
-            groupEnd: m
+            info: d,
+            log: d,
+            warn: d,
+            error: d,
+            group: d,
+            groupCollapsed: d,
+            groupEnd: d
           });
         }
         U++;
       }
     }
-    function X() {
+    function te() {
       {
         if (U--, U === 0) {
-          var m = {
+          var d = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: B({}, m, {
-              value: Y
+            log: L({}, d, {
+              value: G
             }),
-            info: B({}, m, {
+            info: L({}, d, {
               value: K
             }),
-            warn: B({}, m, {
+            warn: L({}, d, {
               value: ie
             }),
-            error: B({}, m, {
+            error: L({}, d, {
               value: le
             }),
-            group: B({}, m, {
-              value: ce
+            group: L({}, d, {
+              value: se
             }),
-            groupCollapsed: B({}, m, {
-              value: ue
+            groupCollapsed: L({}, d, {
+              value: R
             }),
-            groupEnd: B({}, m, {
-              value: oe
+            groupEnd: L({}, d, {
+              value: ee
             })
           });
         }
-        U < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        U < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var ne = E.ReactCurrentDispatcher, me;
-    function pe(m, x, y) {
+    var ue = E.ReactCurrentDispatcher, me;
+    function pe(d, v, y) {
       {
         if (me === void 0)
           try {
             throw Error();
           } catch (O) {
-            var $ = O.stack.trim().match(/\n( *(at )?)/);
-            me = $ && $[1] || "";
+            var S = O.stack.trim().match(/\n( *(at )?)/);
+            me = S && S[1] || "";
           }
         return `
-` + me + m;
+` + me + d;
       }
     }
     var ge = !1, Se;
@@ -265,224 +265,224 @@ function yr() {
       var Pn = typeof WeakMap == "function" ? WeakMap : Map;
       Se = new Pn();
     }
-    function Lt(m, x) {
-      if (!m || ge)
+    function Ot(d, v) {
+      if (!d || ge)
         return "";
       {
-        var y = Se.get(m);
+        var y = Se.get(d);
         if (y !== void 0)
           return y;
       }
-      var $;
+      var S;
       ge = !0;
       var O = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var H;
-      H = ne.current, ne.current = null, te();
+      H = ue.current, ue.current = null, ce();
       try {
-        if (x) {
-          var D = function() {
+        if (v) {
+          var N = function() {
             throw Error();
           };
-          if (Object.defineProperty(D.prototype, "props", {
+          if (Object.defineProperty(N.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(D, []);
+              Reflect.construct(N, []);
             } catch (_e) {
-              $ = _e;
+              S = _e;
             }
-            Reflect.construct(m, [], D);
+            Reflect.construct(d, [], N);
           } else {
             try {
-              D.call();
+              N.call();
             } catch (_e) {
-              $ = _e;
+              S = _e;
             }
-            m.call(D.prototype);
+            d.call(N.prototype);
           }
         } else {
           try {
             throw Error();
           } catch (_e) {
-            $ = _e;
+            S = _e;
           }
-          m();
+          d();
         }
       } catch (_e) {
-        if (_e && $ && typeof _e.stack == "string") {
+        if (_e && S && typeof _e.stack == "string") {
           for (var C = _e.stack.split(`
-`), 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)
+`), 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)
                 do
-                  if (J--, Z--, Z < 0 || C[J] !== se[Z]) {
+                  if (J--, X--, X < 0 || C[J] !== re[X]) {
                     var de = `
 ` + C[J].replace(" at new ", " at ");
-                    return m.displayName && de.includes("<anonymous>") && (de = de.replace("<anonymous>", m.displayName)), typeof m == "function" && Se.set(m, de), de;
+                    return d.displayName && de.includes("<anonymous>") && (de = de.replace("<anonymous>", d.displayName)), typeof d == "function" && Se.set(d, de), de;
                   }
-                while (J >= 1 && Z >= 0);
+                while (J >= 1 && X >= 0);
               break;
             }
         }
       } finally {
-        ge = !1, ne.current = H, X(), Error.prepareStackTrace = O;
+        ge = !1, ue.current = H, te(), Error.prepareStackTrace = O;
       }
-      var Te = m ? m.displayName || m.name : "", Zt = Te ? pe(Te) : "";
-      return typeof m == "function" && Se.set(m, Zt), Zt;
+      var Te = d ? d.displayName || d.name : "", Xt = Te ? pe(Te) : "";
+      return typeof d == "function" && Se.set(d, Xt), Xt;
     }
-    function Fn(m, x, y) {
-      return Lt(m, !1);
+    function Fn(d, v, y) {
+      return Ot(d, !1);
     }
-    function Rn(m) {
-      var x = m.prototype;
-      return !!(x && x.isReactComponent);
+    function Rn(d) {
+      var v = d.prototype;
+      return !!(v && v.isReactComponent);
     }
-    function Be(m, x, y) {
-      if (m == null)
+    function Be(d, v, y) {
+      if (d == null)
         return "";
-      if (typeof m == "function")
-        return Lt(m, Rn(m));
-      if (typeof m == "string")
-        return pe(m);
-      switch (m) {
+      if (typeof d == "function")
+        return Ot(d, Rn(d));
+      if (typeof d == "string")
+        return pe(d);
+      switch (d) {
         case c:
           return pe("Suspense");
         case u:
           return pe("SuspenseList");
       }
-      if (typeof m == "object")
-        switch (m.$$typeof) {
+      if (typeof d == "object")
+        switch (d.$$typeof) {
           case i:
-            return Fn(m.render);
+            return Fn(d.render);
           case f:
-            return Be(m.type, x, y);
+            return Be(d.type, v, y);
           case p: {
-            var $ = m, O = $._payload, H = $._init;
+            var S = d, O = S._payload, H = S._init;
             try {
-              return Be(H(O), x, y);
+              return Be(H(O), v, y);
             } catch {
             }
           }
         }
       return "";
     }
-    var Ie = Object.prototype.hasOwnProperty, Bt = {}, It = E.ReactDebugCurrentFrame;
-    function He(m) {
-      if (m) {
-        var x = m._owner, y = Be(m.type, m._source, x ? x.type : null);
-        It.setExtraStackFrame(y);
+    var Ie = Object.prototype.hasOwnProperty, Lt = {}, Bt = E.ReactDebugCurrentFrame;
+    function He(d) {
+      if (d) {
+        var v = d._owner, y = Be(d.type, d._source, v ? v.type : null);
+        Bt.setExtraStackFrame(y);
       } else
-        It.setExtraStackFrame(null);
+        Bt.setExtraStackFrame(null);
     }
-    function On(m, x, y, $, O) {
+    function On(d, v, y, S, O) {
       {
         var H = Function.call.bind(Ie);
-        for (var D in m)
-          if (H(m, D)) {
+        for (var N in d)
+          if (H(d, N)) {
             var C = void 0;
             try {
-              if (typeof m[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 m[D] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw se.name = "Invariant Violation", se;
+              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;
               }
-              C = m[D](x, D, $, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              C = d[N](v, N, S, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (J) {
               C = J;
             }
-            C && !(C instanceof Error) && (He(O), b("%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), b("Failed %s type: %s", y, C.message), He(null));
+            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));
           }
       }
     }
     var Ln = Array.isArray;
-    function ot(m) {
-      return Ln(m);
+    function st(d) {
+      return Ln(d);
     }
-    function Bn(m) {
+    function Bn(d) {
       {
-        var x = typeof Symbol == "function" && Symbol.toStringTag, y = x && m[Symbol.toStringTag] || m.constructor.name || "Object";
+        var v = typeof Symbol == "function" && Symbol.toStringTag, y = v && d[Symbol.toStringTag] || d.constructor.name || "Object";
         return y;
       }
     }
-    function In(m) {
+    function In(d) {
       try {
-        return Ht(m), !1;
+        return It(d), !1;
       } catch {
         return !0;
       }
     }
-    function Ht(m) {
-      return "" + m;
+    function It(d) {
+      return "" + d;
     }
-    function Qt(m) {
-      if (In(m))
-        return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Bn(m)), Ht(m);
+    function Ht(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);
     }
-    var De = E.ReactCurrentOwner, Hn = {
+    var Ne = E.ReactCurrentOwner, Hn = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Ut, Wt, at;
-    at = {};
-    function Qn(m) {
-      if (Ie.call(m, "ref")) {
-        var x = Object.getOwnPropertyDescriptor(m, "ref").get;
-        if (x && x.isReactWarning)
+    }, Qt, Ut, ot;
+    ot = {};
+    function Qn(d) {
+      if (Ie.call(d, "ref")) {
+        var v = Object.getOwnPropertyDescriptor(d, "ref").get;
+        if (v && v.isReactWarning)
           return !1;
       }
-      return m.ref !== void 0;
+      return d.ref !== void 0;
     }
-    function Un(m) {
-      if (Ie.call(m, "key")) {
-        var x = Object.getOwnPropertyDescriptor(m, "key").get;
-        if (x && x.isReactWarning)
+    function Un(d) {
+      if (Ie.call(d, "key")) {
+        var v = Object.getOwnPropertyDescriptor(d, "key").get;
+        if (v && v.isReactWarning)
           return !1;
       }
-      return m.key !== void 0;
+      return d.key !== void 0;
     }
-    function Wn(m, x) {
-      if (typeof m.ref == "string" && De.current && x && De.current.stateNode !== x) {
-        var y = L(De.current.type);
-        at[y] || (b('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', L(De.current.type), m.ref), at[y] = !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 zn(m, x) {
+    function zn(d, v) {
       {
         var y = function() {
-          Ut || (Ut = !0, b("%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));
+          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));
         };
-        y.isReactWarning = !0, Object.defineProperty(m, "key", {
+        y.isReactWarning = !0, Object.defineProperty(d, "key", {
           get: y,
           configurable: !0
         });
       }
     }
-    function Vn(m, x) {
+    function Vn(d, v) {
       {
         var y = function() {
-          Wt || (Wt = !0, b("%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));
+          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));
         };
-        y.isReactWarning = !0, Object.defineProperty(m, "ref", {
+        y.isReactWarning = !0, Object.defineProperty(d, "ref", {
           get: y,
           configurable: !0
         });
       }
     }
-    var Yn = function(m, x, y, $, O, H, D) {
+    var Yn = function(d, v, y, S, O, H, N) {
       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: m,
-        key: x,
+        type: d,
+        key: v,
         ref: y,
-        props: D,
+        props: N,
         // Record the component responsible for creating this element.
         _owner: H
       };
@@ -495,7 +495,7 @@ function yr() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: $
+        value: S
       }), Object.defineProperty(C, "_source", {
         configurable: !1,
         enumerable: !1,
@@ -503,186 +503,186 @@ function yr() {
         value: O
       }), Object.freeze && (Object.freeze(C.props), Object.freeze(C)), C;
     };
-    function Gn(m, x, y, $, O) {
+    function Gn(d, v, y, S, O) {
       {
-        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 (m && m.defaultProps) {
-          var J = m.defaultProps;
+        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]);
+        if (d && d.defaultProps) {
+          var J = d.defaultProps;
           for (H in J)
-            D[H] === void 0 && (D[H] = J[H]);
+            N[H] === void 0 && (N[H] = J[H]);
         }
-        if (C || se) {
-          var Z = typeof m == "function" ? m.displayName || m.name || "Unknown" : m;
-          C && zn(D, Z), se && Vn(D, Z);
+        if (C || re) {
+          var X = typeof d == "function" ? d.displayName || d.name || "Unknown" : d;
+          C && zn(N, X), re && Vn(N, X);
         }
-        return Yn(m, C, se, O, $, De.current, D);
+        return Yn(d, C, re, O, S, Ne.current, N);
       }
     }
-    var it = E.ReactCurrentOwner, zt = E.ReactDebugCurrentFrame;
-    function $e(m) {
-      if (m) {
-        var x = m._owner, y = Be(m.type, m._source, x ? x.type : null);
-        zt.setExtraStackFrame(y);
+    var at = E.ReactCurrentOwner, Wt = E.ReactDebugCurrentFrame;
+    function $e(d) {
+      if (d) {
+        var v = d._owner, y = Be(d.type, d._source, v ? v.type : null);
+        Wt.setExtraStackFrame(y);
       } else
-        zt.setExtraStackFrame(null);
+        Wt.setExtraStackFrame(null);
     }
-    var lt;
-    lt = !1;
-    function ct(m) {
-      return typeof m == "object" && m !== null && m.$$typeof === t;
+    var it;
+    it = !1;
+    function lt(d) {
+      return typeof d == "object" && d !== null && d.$$typeof === t;
     }
-    function Vt() {
+    function zt() {
       {
-        if (it.current) {
-          var m = L(it.current.type);
-          if (m)
+        if (at.current) {
+          var d = B(at.current.type);
+          if (d)
             return `
 
-Check the render method of \`` + m + "`.";
+Check the render method of \`` + d + "`.";
         }
         return "";
       }
     }
-    function Jn(m) {
+    function Jn(d) {
       {
-        if (m !== void 0) {
-          var x = m.fileName.replace(/^.*[\\\/]/, ""), y = m.lineNumber;
+        if (d !== void 0) {
+          var v = d.fileName.replace(/^.*[\\\/]/, ""), y = d.lineNumber;
           return `
 
-Check your code at ` + x + ":" + y + ".";
+Check your code at ` + v + ":" + y + ".";
         }
         return "";
       }
     }
-    var Yt = {};
-    function Xn(m) {
+    var Vt = {};
+    function Xn(d) {
       {
-        var x = Vt();
-        if (!x) {
-          var y = typeof m == "string" ? m : m.displayName || m.name;
-          y && (x = `
+        var v = zt();
+        if (!v) {
+          var y = typeof d == "string" ? d : d.displayName || d.name;
+          y && (v = `
 
 Check the top-level render call using <` + y + ">.");
         }
-        return x;
+        return v;
       }
     }
-    function Gt(m, x) {
+    function Yt(d, v) {
       {
-        if (!m._store || m._store.validated || m.key != null)
+        if (!d._store || d._store.validated || d.key != null)
           return;
-        m._store.validated = !0;
-        var y = Xn(x);
-        if (Yt[y])
+        d._store.validated = !0;
+        var y = Xn(v);
+        if (Vt[y])
           return;
-        Yt[y] = !0;
-        var $ = "";
-        m && m._owner && m._owner !== it.current && ($ = " It was passed a child from " + L(m._owner.type) + "."), $e(m), b('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);
+        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);
       }
     }
-    function Jt(m, x) {
+    function Gt(d, v) {
       {
-        if (typeof m != "object")
+        if (typeof d != "object")
           return;
-        if (ot(m))
-          for (var y = 0; y < m.length; y++) {
-            var $ = m[y];
-            ct($) && Gt($, x);
+        if (st(d))
+          for (var y = 0; y < d.length; y++) {
+            var S = d[y];
+            lt(S) && Yt(S, v);
           }
-        else if (ct(m))
-          m._store && (m._store.validated = !0);
-        else if (m) {
-          var O = g(m);
-          if (typeof O == "function" && O !== m.entries)
-            for (var H = O.call(m), D; !(D = H.next()).done; )
-              ct(D.value) && Gt(D.value, x);
+        else if (lt(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);
         }
       }
     }
-    function Zn(m) {
+    function Zn(d) {
       {
-        var x = m.type;
-        if (x == null || typeof x == "string")
+        var v = d.type;
+        if (v == null || typeof v == "string")
           return;
         var y;
-        if (typeof x == "function")
-          y = x.propTypes;
-        else if (typeof x == "object" && (x.$$typeof === i || // Note: Memo only checks outer props here.
+        if (typeof v == "function")
+          y = v.propTypes;
+        else if (typeof v == "object" && (v.$$typeof === i || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        x.$$typeof === f))
-          y = x.propTypes;
+        v.$$typeof === f))
+          y = v.propTypes;
         else
           return;
         if (y) {
-          var $ = L(x);
-          On(y, m.props, "prop", $, m);
-        } else if (x.PropTypes !== void 0 && !lt) {
-          lt = !0;
-          var O = L(x);
-          b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", O || "Unknown");
+          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");
         }
-        typeof x.getDefaultProps == "function" && !x.getDefaultProps.isReactClassApproved && b("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof v.getDefaultProps == "function" && !v.getDefaultProps.isReactClassApproved && x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function qn(m) {
+    function qn(d) {
       {
-        for (var x = Object.keys(m.props), y = 0; y < x.length; y++) {
-          var $ = x[y];
-          if ($ !== "children" && $ !== "key") {
-            $e(m), b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", $), $e(null);
+        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);
             break;
           }
         }
-        m.ref !== null && ($e(m), b("Invalid attribute `ref` supplied to `React.Fragment`."), $e(null));
+        d.ref !== null && ($e(d), x("Invalid attribute `ref` supplied to `React.Fragment`."), $e(null));
       }
     }
-    function Xt(m, x, y, $, O, H) {
+    function Jt(d, v, y, S, O, H) {
       {
-        var D = q(m);
-        if (!D) {
+        var N = q(d);
+        if (!N) {
           var C = "";
-          (m === void 0 || typeof m == "object" && m !== null && Object.keys(m).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 se = Jn(O);
-          se ? C += se : C += Vt();
+          (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 J;
-          m === null ? J = "null" : ot(m) ? J = "array" : m !== void 0 && m.$$typeof === t ? (J = "<" + (L(m.type) || "Unknown") + " />", C = " Did you accidentally export a JSX literal instead of a component?") : J = typeof m, b("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" : 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);
         }
-        var Z = Gn(m, x, y, O, H);
-        if (Z == null)
-          return Z;
-        if (D) {
-          var de = x.children;
+        var X = Gn(d, v, y, O, H);
+        if (X == null)
+          return X;
+        if (N) {
+          var de = v.children;
           if (de !== void 0)
-            if ($)
-              if (ot(de)) {
+            if (S)
+              if (st(de)) {
                 for (var Te = 0; Te < de.length; Te++)
-                  Jt(de[Te], m);
+                  Gt(de[Te], d);
                 Object.freeze && Object.freeze(de);
               } else
-                b("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                x("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Jt(de, m);
+              Gt(de, d);
         }
-        return m === s ? qn(Z) : Zn(Z), Z;
+        return d === s ? qn(X) : Zn(X), X;
       }
     }
-    function Kn(m, x, y) {
-      return Xt(m, x, y, !0);
+    function Kn(d, v, y) {
+      return Jt(d, v, y, !0);
     }
-    function er(m, x, y) {
-      return Xt(m, x, y, !1);
+    function er(d, v, y) {
+      return Jt(d, v, y, !1);
     }
     var tr = er, nr = Kn;
-    Fe.Fragment = s, Fe.jsx = tr, Fe.jsxs = nr;
-  }()), Fe;
+    Pe.Fragment = s, Pe.jsx = tr, Pe.jsxs = nr;
+  }()), Pe;
 }
-process.env.NODE_ENV === "production" ? St.exports = kr() : St.exports = yr();
-var r = St.exports;
+process.env.NODE_ENV === "production" ? jt.exports = kr() : jt.exports = yr();
+var r = jt.exports;
 const jr = () => {
-  const [e, t] = P(window.location.pathname), n = () => {
+  const [e, t] = D(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 = ee(!1);
+  const n = Z(!1);
   z(() => {
     n.current ? e() : n.current = !0;
   }, t);
 };
 function Er(e, t, n) {
-  var s = this, o = ee(null), l = ee(0), d = ee(null), a = ee([]), i = ee(), c = ee(), u = ee(e), f = ee(!0);
+  var s = this, o = Z(null), l = Z(0), m = Z(null), a = Z([]), i = Z(), c = Z(), u = Z(e), f = Z(!0);
   z(function() {
     u.current = e;
   }, [e]);
@@ -704,71 +704,71 @@ 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, k = "maxWait" in n, g = k ? Math.max(+n.maxWait || 0, t) : null;
+  var h = !!(n = n || {}).leading, _ = !("trailing" in n) || !!n.trailing, b = "maxWait" in n, g = b ? Math.max(+n.maxWait || 0, t) : null;
   z(function() {
     return f.current = !0, function() {
       f.current = !1;
     };
   }, []);
   var E = qe(function() {
-    var b = function(v) {
-      var N = a.current, q = i.current;
-      return a.current = i.current = null, l.current = v, c.current = u.current.apply(q, N);
-    }, S = function(v, N) {
-      p && cancelAnimationFrame(d.current), d.current = p ? requestAnimationFrame(v) : setTimeout(v, N);
-    }, T = function(v) {
+    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) {
       if (!f.current)
         return !1;
-      var N = v - o.current;
-      return !o.current || N >= t || N < 0 || k && v - l.current >= g;
-    }, M = function(v) {
-      return d.current = null, _ && a.current ? b(v) : (a.current = i.current = null, c.current);
-    }, Q = function v() {
-      var N = Date.now();
-      if (T(N))
-        return M(N);
+      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);
       if (f.current) {
-        var q = t - (N - o.current), w = k ? Math.min(q, g - (N - l.current)) : q;
-        S(v, w);
+        var q = t - (F - o.current), k = b ? Math.min(q, g - (F - l.current)) : q;
+        $(w, k);
       }
     }, V = function() {
-      var v = Date.now(), N = T(v);
-      if (a.current = [].slice.call(arguments), i.current = s, o.current = v, N) {
-        if (!d.current && f.current)
-          return l.current = o.current, S(Q, t), h ? b(o.current) : c.current;
-        if (k)
-          return S(Q, t), b(o.current);
+      var w = Date.now(), F = T(w);
+      if (a.current = [].slice.call(arguments), i.current = s, o.current = w, F) {
+        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 d.current || S(Q, t), c.current;
+      return m.current || $(Q, t), c.current;
     };
     return V.cancel = function() {
-      d.current && (p ? cancelAnimationFrame(d.current) : clearTimeout(d.current)), l.current = 0, a.current = o.current = i.current = d.current = null;
+      m.current && (p ? cancelAnimationFrame(m.current) : clearTimeout(m.current)), l.current = 0, a.current = o.current = i.current = m.current = null;
     }, V.isPending = function() {
-      return !!d.current;
+      return !!m.current;
     }, V.flush = function() {
-      return d.current ? M(Date.now()) : c.current;
+      return m.current ? M(Date.now()) : c.current;
     }, V;
-  }, [h, k, t, g, _, p]);
+  }, [h, b, 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 ut;
-const tt = (e = !0, t = !1) => {
+let ct;
+const et = (e = !0, t = !1) => {
   if (!e)
     return;
   const [n, s] = A.useState(0) || [!1, () => {
   }];
-  z(() => (l(), window.addEventListener("resize", d), () => {
-    clearTimeout(ut), d.flush(), window.removeEventListener("resize", d);
+  z(() => (l(), window.addEventListener("resize", m), () => {
+    clearTimeout(ct), m.flush(), window.removeEventListener("resize", m);
   }), []);
   const o = () => window.innerWidth, l = () => {
     s(o());
-  }, d = fn(
+  }, m = fn(
     () => {
-      o() !== n && (t && (clearTimeout(ut), document.body.classList.add("is-resizing"), ut = setTimeout(() => {
+      o() !== n && (t && (clearTimeout(ct), document.body.classList.add("is-resizing"), ct = setTimeout(() => {
         document.body.classList.remove("is-resizing");
       }, 550)), l());
     },
@@ -788,7 +788,7 @@ const tt = (e = !0, t = !1) => {
   if (!window)
     return;
   const [o, l] = A.useState({ current: 0, past: 0 }) || [!1, () => {
-  }], [d, a] = A.useState({ scrollDown: !1, scrollUp: !1 }) || [!1, () => {
+  }], [m, a] = A.useState({ scrollDown: !1, scrollUp: !1 }) || [!1, () => {
   }];
   z(() => (i(), window.addEventListener("scroll", c), () => {
     c.flush(), window.removeEventListener("scroll", c);
@@ -796,17 +796,17 @@ const tt = (e = !0, t = !1) => {
   const i = () => {
     const u = window.scrollY, f = o.current, p = u - f, h = p > 0 ? "down" : "up";
     if (l({ current: u, past: f }), h === "down") {
-      u >= e + t.down && !d.scrollDown && (!d.scrollUp || p > t.up) && (n(), a({ scrollUp: !1, scrollDown: !0 }));
+      u >= e + t.down && !m.scrollDown && (!m.scrollUp || p > t.up) && (n(), a({ scrollUp: !1, scrollDown: !0 }));
       return;
     }
-    Math.abs(p) >= t.up && !d.scrollUp && (s(), a({ scrollUp: !0, scrollDown: !1 }));
+    Math.abs(p) >= t.up && !m.scrollUp && (s(), a({ scrollUp: !0, scrollDown: !1 }));
   }, c = fn(() => {
     i();
   }, 250);
   return o;
-}, oo = (e = [], t = !0) => {
+}, so = (e = [], t = !0) => {
   e = Array.isArray(e) ? e : [e];
-  const n = ee(!1);
+  const n = Z(!1);
   Ce(() => {
     if (window && window.location && window.location.hash) {
       if (n.current)
@@ -849,14 +849,14 @@ const tt = (e = !0, t = !1) => {
   } catch {
     return "";
   }
-  const d = l / 36e5, a = Math.floor(l / 864e5);
+  const m = l / 36e5, a = Math.floor(l / 864e5);
   if (a < 1)
-    return d < 1 ? { path: "now" } : { path: "hours", number: Math.floor(d) };
+    return m < 1 ? { path: "now" } : { path: "hours", number: Math.floor(m) };
   if (a < 7)
     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)), Dt = {
+}, Cr = (e) => new Promise((t) => setTimeout(t, e)), Nt = {
   apolitical: "Apolitical",
   breadcrumbs_label: "Go back to:",
   breadcrumbs_currentPage: "Current page:",
@@ -1139,13 +1139,13 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   sharedLinks_copy_text: "Copy link",
   tags_community: "From the community",
   tooltip_loading: "Loading..."
-}, Nr = {
+}, Ar = {
   languageSwitcher_label: "Me gustaría leer este artículo en...",
   languageSwitcher_translation_original: "idioma original",
   languageSwitcher_translation_human: "traducido por un humano",
   languageSwitcher_translation_machine: "traducido por máquina",
   languageSwitcher_disclaimer: "Este contenido fue traducido automáticamente y ocasionalmente tendrá errores de género u otras traducciones directas. Estamos intentando resolver este problema, pero mientras tanto, si notas algún error grave, escríbenos a <link>{email}</link>"
-}, Ar = {
+}, Nr = {
   collapsibleSection_summary: "En savoir plus",
   languageSwitcher_label: "Je voudrais lire cet article dans...",
   languageSwitcher_translation_original: "langue originale",
@@ -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: Dt,
-  es: Nr,
-  fr: Ar,
+  en: Nt,
+  es: Ar,
+  fr: Nr,
   pt: Dr
 }, Symbol.toStringTag, { value: "Module" })), he = (e, t, n, s, o = {}) => {
   let l = "";
-  return `${t}_${n}` in Dt ? l = e({ id: `${t}_${n}` }, o) : l = e({ id: t }, { [s]: n, ...o }), l;
+  return `${t}_${n}` in Nt ? l = e({ id: `${t}_${n}` }, o) : l = e({ id: t }, { [s]: n, ...o }), l;
 }, Fr = (e, t, n) => {
   if (!e || e === 0)
     return "0";
@@ -1190,21 +1190,21 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   icon: s = !1,
   href: o = !1,
   element: l = "button",
-  onClick: d = !1,
+  onClick: m = !1,
   className: a = "",
   disabled: i = !1,
   screenreaderText: c = !1,
   children: u = !1,
   ...f
 }) => {
-  const h = tt(typeof t == "object");
+  const h = et(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 k = {
+  const b = {
     ...f,
     className: j(e, a, _, {
       "no-text": !u,
@@ -1212,35 +1212,35 @@ Thank you for helping to protect the Apolitical community from abusive content.`
       button: o
     }),
     onClick: (g) => {
-      (!o || o[0] === "#") && d && (g.preventDefault(), g.stopPropagation()), d && d(g);
+      (!o || o[0] === "#") && m && (g.preventDefault(), g.stopPropagation()), m && m(g);
     },
     disabled: typeof i == "object" && "isClickable" in i ? !i.isClickable : i
   };
-  return o && (l = "a", k.href = o), A.createElement(
+  return o && (l = "a", b.href = o), A.createElement(
     l,
-    k,
-    u || (c ? /* @__PURE__ */ r.jsx(re, { showOnFocus: !1, children: c }) : null)
+    b,
+    u || (c ? /* @__PURE__ */ r.jsx(ne, { showOnFocus: !1, children: c }) : null)
   );
-}, nt = ({ buttons: e, className: t = "", ...n }) => {
-  const s = e.length > 1 ? "ul" : "p", o = e.map((l, d) => s === "p" ? /* @__PURE__ */ r.jsx(W, { ...l }, d) : /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(W, { ...l }) }, d));
+}, tt = ({ 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 });
 };
-const Ne = ({ maxWidth: e = !1 }) => {
+const Le = ({ maxWidth: e = !1 }) => {
   const t = e ? { "--max-width": `${e / 16}rem` } : {};
   return /* @__PURE__ */ r.jsx("hr", { className: j({ "has-max-width": e }), style: t });
-}, rt = ({
+}, nt = ({
   href: e,
   children: t,
   fallbackElement: n,
   className: s = "",
   onClick: o,
   gtmContext: l,
-  gtmType: d,
+  gtmType: m,
   ...a
 }) => {
   if (e) {
     const i = { ...a };
-    return o && (i.onClick = o), l && (i["data-gtm-event-context"] = l), d && (i["data-gtm-event-type"] = d), /* @__PURE__ */ r.jsx(
+    return o && (i.onClick = o), l && (i["data-gtm-event-context"] = l), m && (i["data-gtm-event-type"] = m), /* @__PURE__ */ r.jsx(
       "a",
       {
         href: e,
@@ -1364,7 +1364,7 @@ const Ne = ({ 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;
-}, dt = ({ format: e, range: t, url: n, query: s }) => t.map(({ height: o, width: l }) => `${n}?${Lr({
+}, ut = ({ format: e, range: t, url: n, query: s }) => t.map(({ height: o, width: l }) => `${n}?${Lr({
   format: e,
   height: o,
   query: s,
@@ -1375,13 +1375,13 @@ const Br = ({ image: e, className: t, testId: n }) => {
     description: s,
     height: o,
     type: l,
-    query: d,
+    query: m,
     url: a,
     width: i,
     loading: c,
     decoding: u,
     fetchPriority: f
-  } = e, { range: p, sizes: h } = Or(e), _ = dt({ format: "avif", query: d, range: p, url: a }), k = dt({ format: "webp", query: d, range: p, url: a }), g = dt({ format: "", query: d, range: p, url: a });
+  } = 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 });
   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: k,
+        srcSet: b,
         sizes: h,
         "data-testid": "source"
       }
@@ -1418,9 +1418,9 @@ const Br = ({ image: e, className: t, testId: n }) => {
     )
   ] });
 };
-let Re = !1;
+let Fe = !1;
 const Ir = ({ isOpen: e = !1, isLoading: t = !1, children: n }) => {
-  const s = F(), o = ee(null), [l, d] = P("hidden");
+  const s = P(), o = Z(null), [l, m] = D("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" && (Re !== !1 && clearTimeout(Re), d((c) => c === "opening" ? "open" : c === "closing" ? "closed" : c === "closed" ? "hidden" : c));
+    i === "opacity" && (Fe !== !1 && clearTimeout(Fe), m((c) => c === "opening" ? "open" : c === "closing" ? "closed" : c === "closed" ? "hidden" : c));
   };
   return Ce(() => {
-    Re !== !1 && clearTimeout(Re);
+    Fe !== !1 && clearTimeout(Fe);
     let i = "open";
-    e ? d("opening") : (d("closing"), i = "hidden"), Re = setTimeout(() => {
-      d(i);
+    e ? m("opening") : (m("closing"), i = "hidden"), Fe = 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 ao = ({ text: e, buttons: t, className: n = "" }) => {
+const oo = ({ text: e, buttons: t, className: n = "" }) => {
   const s = [];
   return t.forEach((o) => {
     s.push({
@@ -1455,10 +1455,10 @@ const ao = ({ text: e, buttons: t, className: n = "" }) => {
     });
   }), /* @__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(nt, { buttons: s })
+    /* @__PURE__ */ r.jsx(tt, { buttons: s })
   ] }) });
 };
-const io = ({ title: e = !1, logos: t = [], className: n = "" }) => {
+const ao = ({ title: e = !1, logos: t = [], className: n = "" }) => {
   const s = t.length;
   if (s === 0)
     return null;
@@ -1473,7 +1473,7 @@ const io = ({ title: e = !1, logos: t = [], className: n = "" }) => {
       {
         className: j({ "two-col": s === 2 || s === 4, "three-col": s === 5 || s <= 10 && s % 3 === 0 }),
         children: t.map(
-          ({ logo: l, nameOfBusiness: d, link: a = !1, description: i = !1 }, c) => {
+          ({ logo: l, nameOfBusiness: m, link: a = !1, description: i = !1 }, c) => {
             if (!l || !l.url)
               return null;
             const u = /* @__PURE__ */ r.jsx(
@@ -1482,7 +1482,7 @@ const io = ({ title: e = !1, logos: t = [], className: n = "" }) => {
                 src: l.url,
                 width: l.width || "auto",
                 height: l.height || "auto",
-                alt: d
+                alt: m
               }
             );
             return /* @__PURE__ */ r.jsxs("li", { children: [
@@ -1518,8 +1518,8 @@ const Hr = [
   "blockquote",
   "q"
 ], Qr = ({ content: e, image: t, variant: n = "default", spacing: s = "normal", cta: o, children: l }) => {
-  const d = ["eyebrow", "title", "text"], a = { eyebrow: "small", title: "h1", text: "p" }, i = {};
-  return d.forEach((c) => {
+  const m = ["eyebrow", "title", "text"], a = { eyebrow: "small", title: "h1", text: "p" }, i = {};
+  return m.forEach((c) => {
     if (!e[c]) {
       i[c] = !1;
       return;
@@ -1542,7 +1542,7 @@ const Hr = [
     u && u.scrollIntoView({ behavior: "smooth" });
   }), /* @__PURE__ */ r.jsx(_n, { className: j("banner-section", n, s, { "has-image": t, "has-extra-spacing": s === "normal" && i.eyebrow && i.title }), children: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs("div", { className: "content-wrapper", children: [
-      d.map((c) => {
+      m.map((c) => {
         if (i[c] && typeof i[c] == "object") {
           const { text: u, element: f = "" } = i[c];
           return A.createElement(
@@ -1567,8 +1567,8 @@ const Hr = [
     ] }),
     t && /* @__PURE__ */ r.jsx(Br, { image: { ...t, aspect: "banner" } })
   ] }) });
-}, lo = Ae(Qr);
-const co = ({
+}, io = Ae(Qr);
+const lo = ({
   variant: e = "primary",
   button: t = null,
   title: n,
@@ -1578,32 +1578,32 @@ const co = ({
   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 })
-] }), $t = "https://storage.googleapis.com/apolitical-assets/", Oe = {
+] }), Et = "https://storage.googleapis.com/apolitical-assets/", Re = {
   general: "hello@apolitical.co",
   support: "concierge@apolitical.co",
   "data-protection": {
     default: "dpo@apolitical.co",
     eu: "dpo.agl@apolitical.foundation"
   }
-}, uo = "200,000+";
+}, co = "200,000+";
 const xn = ({ label: e = !1, className: t = "", children: n }) => {
-  const s = F();
+  const s = P();
   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 st = ({ variant: e = "empty", text: t = !1, button: n = !1, className: s = "" }) => {
+const rt = ({ 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, d = tt(l);
-  if (l && typeof n == "object" && typeof d == "number") {
+  const l = typeof n == "object" && "breakpoints" in n, m = et(l);
+  if (l && typeof n == "object" && typeof m == "number") {
     const f = Object.assign({}, n.breakpoints), p = pn(Object.keys(f));
-    o = hn(d, p, 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(et, { options: { forceBlock: !0 }, children: t }),
+    t && /* @__PURE__ */ r.jsx(Ke, { options: { forceBlock: !0 }, children: t }),
     o && typeof n == "object" && (c || /* @__PURE__ */ r.jsx(
       W,
       {
@@ -1614,27 +1614,27 @@ const st = ({ variant: e = "empty", text: t = !1, button: n = !1, className: s =
     ))
   ] }) });
 };
-const Tt = ({ children: e, ...t }) => /* @__PURE__ */ r.jsx("p", { ...t, children: e }), vn = { q: Tt, blockquote: Tt };
+const St = ({ children: e, ...t }) => /* @__PURE__ */ r.jsx("p", { ...t, children: e }), bn = { q: St, blockquote: St };
 for (let e = 1; e <= 6; e++)
-  vn[`h${e}`] = { component: Tt, props: { className: "title" } };
+  bn[`h${e}`] = { component: St, 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(
-    et,
+    Ke,
     {
       options: {
         wrapper: A.Fragment,
         forceBlock: !0,
-        overrides: vn
+        overrides: bn
       },
       children: s
     }
   ) : /* @__PURE__ */ r.jsx("p", { children: s })
 ] });
-const mo = ({ className: e = "", show: t = !1, hide: n = !1, text: s, children: o }) => {
-  const l = F(), d = ee(null), [a, i] = P(""), [c, u] = P("closed");
+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");
   z(() => {
-    const h = d.current;
+    const h = m.current;
     if (h)
       return h.addEventListener("transitionend", f), () => {
         h.removeEventListener("transitionend", f);
@@ -1656,8 +1656,8 @@ const mo = ({ className: e = "", show: t = !1, hide: n = !1, text: s, children:
     return null;
   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: d, className: j("content", c), children: [
-      /* @__PURE__ */ r.jsx(et, { options: { forceBlock: !0 }, children: c === "closed" ? a : s }),
+    /* @__PURE__ */ r.jsxs("div", { ref: m, className: j("content", c), children: [
+      /* @__PURE__ */ r.jsx(Ke, { options: { forceBlock: !0 }, children: c === "closed" ? a : s }),
       c !== "closed" && o
     ] }),
     /* @__PURE__ */ r.jsx("p", { className: "cta", children: /* @__PURE__ */ r.jsx(
@@ -1675,20 +1675,20 @@ const mo = ({ 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 = F();
+  const t = P();
   if (!e)
     return null;
   let n = t.formatMessage({ id: "markdown_collapsibleSection_summary" });
   const s = [];
-  for (const l of jt.toArray(e))
+  for (const l of yt.toArray(e))
     if (!(!l || typeof l == "string" || typeof l == "number"))
       if (A.isValidElement(l) && l.type === "summary") {
         if (l.props && l.props.children) {
-          for (const d of jt.toArray(l.props.children))
-            if (!(!d || typeof d == "string" || typeof d == "number") && A.isValidElement(d)) {
-              const a = d.type;
+          for (const m of yt.toArray(l.props.children))
+            if (!(!m || typeof m == "string" || typeof m == "number") && A.isValidElement(m)) {
+              const a = m.type;
               if (Vr.includes(a)) {
-                for (n = d.props.children; typeof n != "string" && (Array.isArray(n) && n[0].props && n[0].props.children && n[0].props.children[0]); )
+                for (n = m.props.children; typeof n != "string" && (Array.isArray(n) && n[0].props && n[0].props.children && n[0].props.children[0]); )
                   n = n[0].props.children[0];
                 break;
               }
@@ -1720,11 +1720,11 @@ const mo = ({ className: e = "", show: t = !1, hide: n = !1, text: s, children:
     }
   return /* @__PURE__ */ r.jsx("div", { ...t, children: e });
 }, Jr = (e) => {
-  const t = F(), n = Date.now().toString();
+  const t = P(), 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(re, { children: /* @__PURE__ */ r.jsx("a", { href: `#content-after-iframe-${n}`, children: t.formatMessage({ id: `markdown_skip${s === "default" ? "" : `_${s}`}` }) }) }),
+    /* @__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("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 mo = ({ 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 jt.toArray(e))
+  for (const l of yt.toArray(e))
     if (!(!l || typeof l == "string" || typeof l == "number") && A.isValidElement(l)) {
-      const d = l.type;
-      if (["button", "center", "span", "strong"].includes(d) && l.props && l.props.children && l.props.children[0])
-        for ((d === "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)); )
+      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)); )
           if (s.props && s.props.children && s.props.children[0])
             s = s.props.children[0], s && tn(s) === "button" && (o = !0);
           else
@@ -1767,47 +1767,47 @@ const nn = ({ className: e = "", options: t = {}, children: n }) => {
       iframe: Jr
     }
   };
-  return /* @__PURE__ */ r.jsx("div", { className: j("markdown-text", e), children: /* @__PURE__ */ r.jsx(et, { options: { ...s, ...t }, children: n }) });
+  return /* @__PURE__ */ r.jsx("div", { className: j("markdown-text", e), children: /* @__PURE__ */ r.jsx(Ke, { 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 Mt = ({ 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 $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 Kr = ({ progress: e = 0, text: t = !1, className: n = "" }) => {
-  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 }) }) });
+  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 mt = "loadingBlock_", ts = ({ progress: e = 0, steps: t = !1, className: n = "" }) => {
-  const s = F();
+const dt = "loadingBlock_", ts = ({ progress: e = 0, steps: t = !1, className: n = "" }) => {
+  const s = P();
   t || (t = {
-    0: { text: s.formatMessage({ id: `${mt}loading` }) },
-    75: { text: s.formatMessage({ id: `${mt}almostDone` }) },
-    100: { text: s.formatMessage({ id: `${mt}complete` }) }
+    0: { text: s.formatMessage({ id: `${dt}loading` }) },
+    75: { text: s.formatMessage({ id: `${dt}almostDone` }) },
+    100: { text: s.formatMessage({ id: `${dt}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 d = o && t[o].icon ? { "--icon": `url(${$t}icons/${t[o].icon}.svg)` } : {};
+  const m = o && t[o].icon ? { "--icon": `url(${Et}icons/${t[o].icon}.svg)` } : {};
   return /* @__PURE__ */ r.jsxs(
     ke,
     {
       className: j("loading-block", n, { "has-icon": o && t[o].icon }),
       variant: "subtle",
-      style: d,
+      style: m,
       children: [
         o && /* @__PURE__ */ r.jsx("span", { className: "step", children: t[o].text }),
         /* @__PURE__ */ r.jsx(es, { progress: e })
       ]
     }
   );
-}, fo = Ae(ts);
-const be = ({ element: e = "div", className: t = "", ...n }) => /* @__PURE__ */ r.jsx(mn, { element: e, className: j("loading-placeholder", t), ...n });
-const Ct = {
+}, mo = Ae(ts);
+const ve = ({ element: e = "div", className: t = "", ...n }) => /* @__PURE__ */ r.jsx(mn, { element: e, className: j("loading-placeholder", t), ...n });
+const Tt = {
   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"]
-}, bn = (e, t) => e in Ct ? /* @__PURE__ */ r.jsx("div", { className: e, children: Ct[e].map((n, s) => bn(n, s)) }, t) : /* @__PURE__ */ r.jsx(be, { className: e }, t), ns = ({ layout: e = "overview-page" }) => /* @__PURE__ */ r.jsx("div", { className: j("loading-state", e), children: Ct[e].map((t, n) => bn(t, n)) }), wn = (e) => {
+}, 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) => {
   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 Ct = {
     if (s <= t * (o + 1))
       return Qe[o];
 };
-const rn = 256, Pt = ({ className: e = "", src: t = "", name: n, alt: s, width: o = rn, height: l = rn, ...d }) => {
-  const [a, i] = P(!1), c = ee(null);
+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);
   z(() => {
     const f = c.current;
     if (!f)
@@ -1832,7 +1832,7 @@ const rn = 256, Pt = ({ className: e = "", src: t = "", name: n, alt: s, width:
     typeof window < "u" && window.devicePixelRatio && (f.width = h * window.devicePixelRatio, f.height = _ * window.devicePixelRatio, p.scale(window.devicePixelRatio, window.devicePixelRatio)), p.fillStyle = rs(n), p.fillRect(0, 0, h, _), p.font = `${h / 3}px Arial`, p.textAlign = "center", p.fillStyle = "white", p.fillText(wn(n), h / 2, _ / 1.6);
   }, [n]);
   let u = !1;
-  return t && t !== "" && !a && (t.includes("http") || t.includes("//")) && (u = !0), /* @__PURE__ */ r.jsx("figure", { className: j("profile-picture", e, { error: a }), ...d, children: u ? /* @__PURE__ */ r.jsx(
+  return t && t !== "" && !a && (t.includes("http") || t.includes("//")) && (u = !0), /* @__PURE__ */ r.jsx("figure", { className: j("profile-picture", e, { error: a }), ...m, children: u ? /* @__PURE__ */ r.jsx(
     "img",
     {
       src: t,
@@ -1845,9 +1845,9 @@ const rn = 256, Pt = ({ className: e = "", src: t = "", name: n, alt: s, width:
     }
   ) : /* @__PURE__ */ r.jsx("canvas", { ref: c }) });
 }, kn = (e) => e === "apolitical" ? {
-  image: `${$t}logos/member_apolitical.svg`
+  image: `${Et}logos/member_apolitical.svg`
 } : e === "community" || typeof e == "object" && !e.name ? {
-  image: `${$t}logos/member_community.svg`
+  image: `${Et}logos/member_community.svg`
 } : {
   name: e.name,
   role: e.jobTitle || "",
@@ -1861,14 +1861,14 @@ const rn = 256, Pt = ({ className: e = "", src: t = "", name: n, alt: s, width:
   country: n = "",
   maximumCharacters: s = 80
 }) => {
-  const o = e !== "", l = t !== "", d = n !== "";
-  if (!o && !l && !d)
+  const o = e !== "", l = t !== "", m = n !== "";
+  if (!o && !l && !m)
     return "";
   const a = `${e}${o && l ? ` — ${t}` : t}`;
-  let i = `${a}${(o || l) && d ? `, ${n}` : n}`;
-  return i.length > s && (i = a), i.length > s && (i = Ke(i, s)), i;
+  let i = `${a}${(o || l) && m ? `, ${n}` : n}`;
+  return i.length > s && (i = a), i.length > s && (i = Ct(i, s)), i;
 };
-const Ft = ({
+const Pt = ({
   element: e = "div",
   member: t = "community",
   additionalContent: n = !1,
@@ -1876,13 +1876,13 @@ const Ft = ({
   gtmType: o = "member-click",
   className: l = ""
 }) => {
-  const d = F(), a = kn(t);
-  a.name || (a.name = d.formatMessage({ id: `member_${typeof t == "string" ? t : "community"}` }));
+  const m = P(), 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, {
     className: j("member text-medium", l),
     children: /* @__PURE__ */ r.jsxs(
-      rt,
+      nt,
       {
         href: c,
         gtmType: o,
@@ -1891,12 +1891,12 @@ const Ft = ({
           _ == null || _.stopPropagation();
         },
         children: [
-          /* @__PURE__ */ r.jsx(Pt, { name: i, src: u }),
+          /* @__PURE__ */ r.jsx(Dt, { 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: [
-              n.createdAt && p && /* @__PURE__ */ r.jsx("span", { className: "date", title: h, "aria-label": h, children: d.formatMessage({ id: `dates_${p.path}` }, { number: p.number }) }),
-              n.didEdit && /* @__PURE__ */ r.jsx("em", { children: d.formatMessage({ id: "discussion_edited" }) })
+              n.createdAt && p && /* @__PURE__ */ r.jsx("span", { className: "date", title: h, "aria-label": h, children: m.formatMessage({ id: `dates_${p.path}` }, { number: p.number }) }),
+              n.didEdit && /* @__PURE__ */ r.jsx("em", { children: m.formatMessage({ id: "discussion_edited" }) })
             ] }),
             f && /* @__PURE__ */ r.jsx("small", { children: f })
           ] })
@@ -1908,18 +1908,18 @@ const Ft = ({
 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: d } = { showText: !0, size: "medium", showGap: !0, showPlaceholders: !1 }, cutoff: a = 2, className: i = "" }) => {
-  const c = F();
+}, 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(
     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: k = "" } = kn(u);
-          if (d)
-            return /* @__PURE__ */ r.jsx(be, { element: "li", className: "contributor" }, f);
-          p = /* @__PURE__ */ r.jsx(Pt, { name: _, src: k, width: sn[o || "medium"], height: sn[o || "medium"] });
+          const { name: _ = "", image: b = "" } = 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"] });
         } 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]}` }) : Ke(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]}` }) : Ct(n[0].name || "", 20) : null })
     ] }) }
   );
 }, as = ({ showDevTools: e = !0, children: t }) => {
@@ -1949,7 +1949,7 @@ const sn = {
     e && /* @__PURE__ */ r.jsx(dr, { initialIsOpen: !1 })
   ] });
 };
-var is = Nt({ client: Ge });
+var is = Mt({ 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);
@@ -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 = Nt(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 });
+}, 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 });
   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 ft = "joinCommunityButton", yn = ({ isMember: e = !1, isShort: t = !1, functions: { join: n, leave: s } = { join: () => {
+const mt = "joinCommunityButton", yn = ({ isMember: e = !1, isShort: t = !1, functions: { join: n, leave: s } = { join: () => {
 }, leave: () => {
 } } }) => {
-  const o = F(), l = ye(je), d = l && typeof l.id == "string", [a, i] = P(e), [c, u] = P(e ? "joined" : "notJoined");
+  const o = P(), l = ye(je), m = l && typeof l.id == "string", [a, i] = D(e), [c, u] = D(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: `${ft}_leave` }), f["aria-label"] = o.formatMessage({ id: `${ft}_member_aria` }), p["aria-hidden"] = "true"), /* @__PURE__ */ r.jsx(
+  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(
     W,
     {
       variant: a ? "secondary" : "primary",
@@ -2000,48 +2000,77 @@ const ft = "joinCommunityButton", yn = ({ isMember: e = !1, isShort: t = !1, fun
       styling: { fullWidth: !0 },
       icon: a && c !== "leaving" ? { icon: "tick", position: "left" } : !1,
       onClick: async (h) => {
-        d && (h.currentTarget.blur(), a ? (u("leaving"), typeof s == "function" && await s()) : (u("joining"), typeof n == "function" && await n()), i(!a));
+        m && (h.currentTarget.blur(), a ? (u("leaving"), typeof s == "function" && await s()) : (u("joining"), typeof n == "function" && await n()), i(!a));
       },
       className: j("join-community-button", c, { active: c === "joining" }),
-      disabled: !d,
+      disabled: !m,
       ...f,
-      children: /* @__PURE__ */ r.jsx("span", { className: "text", ...p, children: o.formatMessage({ id: `${ft}${["joining", "leaving"].includes(c) ? `_${c}` : a ? "_member" : t ? "_short" : ""}` }) })
+      children: /* @__PURE__ */ r.jsx("span", { className: "text", ...p, children: o.formatMessage({ id: `${mt}${["joining", "leaving"].includes(c) ? `_${c}` : a ? "_member" : t ? "_short" : ""}` }) })
     }
   );
 };
-const pt = "communityDetails_", ho = ({ isMember: e = !1, slug: t, members: { number: n, data: s } = { number: void 0, data: [] }, className: o = "", ...l }) => {
-  const d = F(), a = n || (s == null ? void 0 : s.length) || 0;
-  return /* @__PURE__ */ r.jsxs("div", { className: j("community-details", o), children: [
-    /* @__PURE__ */ r.jsx(Ne, {}),
+const ft = "communityDetails_", po = ({
+  className: e = "",
+  isMember: t = !1,
+  slug: n,
+  members: { number: s = 0, data: o = [] } = { number: 0, data: [] },
+  functions: { onInviteClick: l, ...m }
+}) => {
+  const a = P(), 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.jsxs("div", { className: "member-details", children: [
       /* @__PURE__ */ r.jsxs("div", { className: "top", children: [
         /* @__PURE__ */ r.jsxs("h3", { children: [
-          d.formatMessage({ id: `${pt}members` }),
-          /* @__PURE__ */ r.jsx("span", { className: "count", children: a })
+          a.formatMessage({ id: `${ft}members` }),
+          /* @__PURE__ */ r.jsx("span", { className: "count", children: c })
         ] }),
-        /* @__PURE__ */ r.jsx("p", { className: "text-small", children: /* @__PURE__ */ r.jsx("a", { href: `/communities/${t}/members`, children: d.formatMessage({ id: `${pt}viewAll` }) }) })
+        /* @__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(os, { contributors: { total: n, data: s != null && s.length ? s : [{}, {}, {}, {}, {}] }, styling: { size: "medium", showGap: !0, showPlaceholders: a === 0 }, cutoff: 5 })
+      /* @__PURE__ */ r.jsx(
+        os,
+        {
+          contributors: {
+            total: s,
+            data: u
+          },
+          styling: {
+            size: "medium",
+            showGap: !0,
+            showPlaceholders: c === 0
+          },
+          cutoff: i
+        }
+      )
     ] }),
-    /* @__PURE__ */ r.jsx(yn, { isMember: e, ...l }),
-    e && /* @__PURE__ */ r.jsx(W, { variant: "primary", icon: { icon: "plus" }, styling: { fullWidth: !0 }, children: d.formatMessage({ id: `${pt}invite` }) })
+    /* @__PURE__ */ r.jsx(yn, { isMember: t, ...m }),
+    t && /* @__PURE__ */ r.jsx(
+      W,
+      {
+        variant: "primary",
+        onClick: l,
+        icon: { icon: "plus" },
+        styling: { fullWidth: !0 },
+        children: a.formatMessage({ id: `${ft}invite` })
+      }
+    )
   ] });
 };
-const go = ({
+const ho = ({
   breadcrumbs: e,
   cutoff: t = 20,
   className: n = ""
 }) => {
-  const s = F();
+  const s = P();
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__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: d = !1 }, a) => /* @__PURE__ */ r.jsxs("li", { children: [
-      d && /* @__PURE__ */ r.jsx(re, { element: "span", children: s.formatMessage({ id: "breadcrumbs_currentPage" }) }),
-      /* @__PURE__ */ r.jsx(rt, { href: d ? void 0 : l, children: Ke(o, t) })
+    /* @__PURE__ */ r.jsx(ne, { 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) })
     ] }, `${window.btoa(o)}_${a}`)) })
   ] });
 };
-const _o = ({
+const go = ({
   options: e,
   allOption: t = !1,
   allowMultiple: n = !0,
@@ -2049,19 +2078,19 @@ const _o = ({
   },
   className: o = ""
 }) => {
-  const l = F(), d = t ? [{ id: "all", text: typeof t != "boolean" && t.text || l.formatMessage({ id: "filters_all" }) }, ...e] : e, [a, i] = P(t ? ["all"] : []), c = (u, f) => {
+  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) => {
     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();
   };
-  return /* @__PURE__ */ r.jsx("ul", { className: j("filters", o), children: d.map(({ id: u, text: f, disabled: p = !1, callback: h = () => {
+  return /* @__PURE__ */ r.jsx("ul", { className: j("filters", o), children: m.map(({ id: u, text: f, disabled: p = !1, callback: h = () => {
   } }) => {
     let _ = {};
     return p && (_ = { disabled: !0, "aria-label": l.formatMessage({ id: "filters_disabled" }, { name: f }) }), /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
       "button",
       {
         className: j(u, { selected: a.includes(u) }),
-        onClick: (k) => {
-          k.preventDefault(), k.stopPropagation(), c(u, h);
+        onClick: (b) => {
+          b.preventDefault(), b.stopPropagation(), c(u, h);
         },
         ..._,
         children: f
@@ -2077,7 +2106,7 @@ const _o = ({
     l === "before-lang" ? s += `/${o}` : (s.includes(`/${n}/`) || (s += `/${n}`), s += `/${o}`);
   }), s.includes(`/${n}/`) || (s += `/${n}`), s;
 };
-const ht = { en: "English", es: "Español", fr: "Français", pt: "Português" }, Ue = "languageSwitcher_", xo = ({
+const pt = { en: "English", es: "Español", fr: "Français", pt: "Português" }, Ue = "languageSwitcher_", _o = ({
   currentLanguage: e,
   isOriginalLanguage: t = !1,
   isHumanTranslation: n = !1,
@@ -2085,48 +2114,48 @@ const ht = { en: "English", es: "Español", fr: "Français", pt: "Português" },
   onChange: o = () => {
   },
   urlParts: l,
-  variant: d = "default",
+  variant: m = "default",
   label: a,
   className: i = ""
 }) => {
-  const c = F(), [u, f] = P(e);
+  const c = P(), [u, f] = D(e);
   if (z(() => {
     e !== u && f(e);
-  }, [e]), !s || !Object.values(s).some((k) => k && k.post_name))
+  }, [e]), !s || !Object.values(s).some((b) => b && b.post_name))
     return null;
   const h = Object.keys(s), _ = u !== e;
-  return /* @__PURE__ */ r.jsxs("div", { className: j("language-switcher text-small", d, i), children: [
+  return /* @__PURE__ */ r.jsxs("div", { className: j("language-switcher text-small", m, i), children: [
     /* @__PURE__ */ r.jsxs("nav", { children: [
-      d !== "short" && /* @__PURE__ */ r.jsx("p", { children: a || c.formatMessage({ id: `${Ue}label` }) }),
-      /* @__PURE__ */ r.jsx("ul", { children: h.map((k) => {
-        if (!ht[k])
+      m !== "short" && /* @__PURE__ */ r.jsx("p", { children: a || c.formatMessage({ id: `${Ue}label` }) }),
+      /* @__PURE__ */ r.jsx("ul", { children: h.map((b) => {
+        if (!pt[b])
           return null;
-        let g = { className: k };
-        return u === k ? g["aria-label"] = c.formatMessage({ id: `${Ue}selected` }, { language: ht[k] }) : g = {
+        let g = { className: b };
+        return u === b ? g["aria-label"] = c.formatMessage({ id: `${Ue}selected` }, { language: pt[b] }) : g = {
           ...g,
-          href: ms(k, l),
+          href: ms(b, l),
           onClick: (E) => {
-            E.preventDefault(), E.stopPropagation(), f(k), o(k);
+            E.preventDefault(), E.stopPropagation(), f(b), o(b);
           }
-        }, /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(rt, { ...g, fallbackElement: "span", children: ht[k] }) }, k);
+        }, /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(nt, { ...g, fallbackElement: "span", children: pt[b] }) }, b);
       }) }),
-      d !== "short" && !_ && /* @__PURE__ */ r.jsx("p", { children: c.formatMessage({ id: `${Ue}translation_${t ? "original" : n ? "human" : "machine"}` }) })
+      m !== "short" && !_ && /* @__PURE__ */ r.jsx("p", { children: c.formatMessage({ id: `${Ue}translation_${t ? "original" : n ? "human" : "machine"}` }) })
     ] }),
-    d !== "short" && !_ && !t && !n && /* @__PURE__ */ r.jsx("small", {
+    m !== "short" && !_ && !t && !n && /* @__PURE__ */ r.jsx("small", {
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
       // `values` are throwing a type error: https://github.com/formatjs/formatjs/issues/3633
       children: c.formatMessage({ id: `${Ue}disclaimer` }, {
-        email: Oe.support,
-        link: (k) => {
-          const g = `mailto:${k}`;
-          return /* @__PURE__ */ r.jsx("a", { href: g, children: k });
+        email: Re.support,
+        link: (b) => {
+          const g = `mailto:${b}`;
+          return /* @__PURE__ */ r.jsx("a", { href: g, children: b });
         }
       })
     })
   ] });
 };
-const gt = lr({ locale: "en", messages: Dt }), fs = ({
+const ht = lr({ locale: "en", messages: Nt }), fs = ({
   page: e = 1,
   length: t = 0,
   limit: n = 10,
@@ -2134,14 +2163,14 @@ const gt = lr({ locale: "en", messages: Dt }), fs = ({
   },
   icon: o = !1,
   messages: l = {
-    button: gt.formatMessage({ id: "loadMore_button" }),
-    endOfFeed: gt.formatMessage({ id: "loadMore_endOfFeed" }),
-    error: gt.formatMessage({ id: "loadMore_error" })
+    button: ht.formatMessage({ id: "loadMore_button" }),
+    endOfFeed: ht.formatMessage({ id: "loadMore_endOfFeed" }),
+    error: ht.formatMessage({ id: "loadMore_error" })
   },
-  className: d = "",
+  className: m = "",
   gtmContext: a = "LoadMore"
 }) => {
-  const [i, c] = P(!1), [u, f] = P(!1);
+  const [i, c] = D(!1), [u, f] = D(!1);
   if (t <= 0 || t < n * e)
     return null;
   const p = async (h) => {
@@ -2151,7 +2180,7 @@ const gt = lr({ locale: "en", messages: Dt }), fs = ({
       _ instanceof Error && _.message && _.message.includes("Cannot read items") ? f(!0) : c(!0);
     }
   };
-  return /* @__PURE__ */ r.jsxs("footer", { className: j("load-more", d), children: [
+  return /* @__PURE__ */ r.jsxs("footer", { className: j("load-more", m), children: [
     i && /* @__PURE__ */ r.jsx("p", { className: "error", children: l.error }),
     u ? /* @__PURE__ */ r.jsx("p", { children: l.endOfFeed }) : /* @__PURE__ */ r.jsx(
       W,
@@ -2170,7 +2199,7 @@ const gt = lr({ locale: "en", messages: Dt }), fs = ({
 };
 let We = !1;
 const ps = ({ element: e = "div", id: t = "more-menu", options: n, className: s = "" }) => {
-  const o = F(), l = ee(null), [d, a] = P(!1), i = (c) => {
+  const o = P(), l = Z(null), [m, a] = D(!1), i = (c) => {
     l.current && c.target instanceof HTMLElement && !l.current.contains(c.target) && a(!1);
   };
   return z(() => (document.addEventListener("click", i, !0), () => {
@@ -2185,15 +2214,15 @@ const ps = ({ element: e = "div", id: t = "more-menu", options: n, className: s
           variant: "tertiary",
           size: "medium",
           icon: { icon: "ellipsis" },
-          onClick: () => a(!d),
+          onClick: () => a(!m),
           "aria-haspopup": "true",
-          "aria-expanded": d,
+          "aria-expanded": m,
           "aria-controls": t,
           screenreaderText: o.formatMessage({ id: "moreMenu" })
         }
       ),
-      /* @__PURE__ */ r.jsx("ul", { id: t, hidden: !d, children: n.map(({ href: c, onClick: u, text: f, icon: p, ...h }, _) => {
-        const k = {
+      /* @__PURE__ */ r.jsx("ul", { id: t, hidden: !m, children: n.map(({ href: c, onClick: u, text: f, icon: p, ...h }, _) => {
+        const b = {
           ...h,
           onClick: (g) => {
             a(!1), typeof u == "function" && u(g);
@@ -2207,13 +2236,13 @@ const ps = ({ element: e = "div", id: t = "more-menu", options: n, className: s
             }, 100);
           }
         };
-        return c && (k.href = c), /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
+        return c && (b.href = c), /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
           W,
           {
             variant: "tertiary",
             size: "medium",
             icon: p ? { icon: p, position: "left" } : !1,
-            ...k,
+            ...b,
             children: f
           }
         ) }, `${window.btoa(f)}_${_}`);
@@ -2221,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(re, { 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(ne, { children: /* @__PURE__ */ r.jsx(we, { id: "apolitical" }) }) }) });
 const hs = {
   "2-1": 901
-}, vo = ({ layout: e = "2-1", hideOnMobile: t = !1, className: n = "", children: s }) => {
-  const o = tt(!0);
+}, xo = ({ layout: e = "2-1", hideOnMobile: t = !1, className: n = "", children: s }) => {
+  const o = et(!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, (d, a) => t !== !1 && a === t && o && o < hs[e] ? null : d) });
+  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) });
 };
-const _t = "cookieBanner_", xt = ["apol-cookie-banner", "apolitical-performance-cookie-consent", "functional-cookie-consent"], vt = 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"]), d = () => {
-    xt.forEach((u) => {
+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) => {
       n(u, !0, {
         path: "/",
-        expires: vt,
+        expires: xt,
         domain: u === "apolitical-performance-cookie-consent" ? ".apolitical.co" : void 0
       });
     }), l(!1), window.location.reload();
   }, a = () => {
     n("apol-cookie-banner", !0, {
       path: "/",
-      expires: vt
-    }), xt.forEach((u) => {
+      expires: xt
+    }), _t.forEach((u) => {
       if (u === "apol-cookie-banner") {
         n(u, !0, {
           path: "/",
-          expires: vt
+          expires: xt
         });
         return;
       }
@@ -2258,7 +2287,7 @@ const _t = "cookieBanner_", xt = ["apol-cookie-banner", "apolitical-performance-
   const i = [
     { id: "settings", href: "/pages/cookie-policy", gtmType: "policy-page" },
     { id: "reject", onClick: a, gtmType: "reject-all" },
-    { id: "accept", onClick: d, gtmType: "accepted-all" }
+    { id: "accept", onClick: m, gtmType: "accepted-all" }
   ], c = [];
   return i.forEach((u) => {
     c.push({
@@ -2268,14 +2297,14 @@ const _t = "cookieBanner_", xt = ["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: `${_t}buttons_${u.id}` })
+      children: e.formatMessage({ id: `${gt}buttons_${u.id}` })
     });
   }), /* @__PURE__ */ r.jsxs("aside", { id: "cookie-banner", className: "text-medium", children: [
-    /* @__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 })
+    /* @__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 })
   ] });
-}, ve = {
+}, be = {
   platform: {
     order: ["events", "courses", "qanda", "articles"],
     // An array guarantees the right order
@@ -2340,11 +2369,11 @@ const _t = "cookieBanner_", xt = ["apol-cookie-banner", "apolitical-performance-
     text: {
       order: ["dataProtection", "euDataProtection"],
       dataProtection: {
-        email: Oe["data-protection"].default,
+        email: Re["data-protection"].default,
         gtmType: "email-dpo-link"
       },
       euDataProtection: {
-        email: Oe["data-protection"].eu,
+        email: Re["data-protection"].eu,
         gtmType: "email-eu-dpo-link"
       }
     }
@@ -2356,10 +2385,10 @@ const _t = "cookieBanner_", xt = ["apol-cookie-banner", "apolitical-performance-
       registered: { address: !0 },
       berlin: { address: !0 },
       support: {
-        email: Oe.support,
+        email: Re.support,
         gtmType: "concierge-email-click"
       },
-      business: { email: Oe.general, gtmType: "hello-email-click" }
+      business: { email: Re.general, gtmType: "hello-email-click" }
     }
   },
   social: {
@@ -2370,27 +2399,27 @@ const _t = "cookieBanner_", xt = ["apol-cookie-banner", "apolitical-performance-
   }
 };
 const Me = "footer_", Je = "SiteFooter", on = ({ group: e }) => {
-  const t = ve[e].order || [];
+  const t = be[e].order || [];
   let n = !1;
-  return "text" in ve[e] && (n = ve[e].text), /* @__PURE__ */ r.jsxs(Et, { children: [
+  return "text" in be[e] && (n = be[e].text), /* @__PURE__ */ r.jsxs(Zt, { 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))
         return null;
-      const { href: o, gtmType: l } = ve[e][s], d = {};
-      return ["legal"].includes(e) && (d.target = "_blank", d.rel = "noopener"), /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
+      const { href: o, gtmType: l } = be[e][s], m = {};
+      return ["legal"].includes(e) && (m.target = "_blank", m.rel = "noopener"), /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
         "a",
         {
           href: o,
           className: "gtm-trackable",
           "data-gtm-event-context": Je,
           "data-gtm-event-type": l,
-          ...d,
+          ...m,
           children: /* @__PURE__ */ r.jsx(we, { id: `${Me}${e}_${s}` })
         }
       ) }, `${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(Et, { 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(Zt, { 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", {}) } }) }),
@@ -2421,12 +2450,12 @@ const Me = "footer_", Je = "SiteFooter", on = ({ group: e }) => {
   ),
   /* @__PURE__ */ r.jsx("footer", { children: ["platform", "community", "company", "contact"].map((e) => /* @__PURE__ */ r.jsxs("div", { className: "group", children: [
     /* @__PURE__ */ r.jsx(on, { group: e }),
-    Object.keys(ve[e]).includes("child") && /* @__PURE__ */ r.jsx(on, { group: ve[e].child })
+    Object.keys(be[e]).includes("child") && /* @__PURE__ */ r.jsx(on, { group: be[e].child })
   ] }, e)) }),
   /* @__PURE__ */ r.jsx("hr", {}),
   /* @__PURE__ */ r.jsxs("div", { className: "sub-footer", children: [
-    /* @__PURE__ */ r.jsx("ul", { children: Array.isArray(ve.social.order) && ve.social.order.map((e) => {
-      const t = ve.social[e];
+    /* @__PURE__ */ r.jsx("ul", { children: Array.isArray(be.social.order) && be.social.order.map((e) => {
+      const t = be.social[e];
       return /* @__PURE__ */ r.jsx("li", { className: e, children: /* @__PURE__ */ r.jsx(
         "a",
         {
@@ -2444,11 +2473,11 @@ const Me = "footer_", Je = "SiteFooter", on = ({ group: e }) => {
   ] })
 ] }) });
 const ze = "emailHelperTextBox_", bo = ({ type: e, email: t, redirectPath: n, resendVerificationCode: s }) => {
-  const o = F(), [l, d] = P({ path: `${ze}default`, type: "default", link: {}, mail: {}, error: "" }), [a, i] = P(!1), c = Ee(
+  const o = P(), [l, m] = D({ path: `${ze}default`, type: "default", link: {}, mail: {}, error: "" }), [a, i] = D(!1), c = Ee(
     (h) => {
       h.preventDefault(), h.stopPropagation();
-      const _ = (k) => {
-        d({
+      const _ = (b) => {
+        m({
           path: `${ze}error_verificationFailedToSend`,
           type: "error",
           link: {
@@ -2465,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: k
+          error: b
         });
       };
       if (typeof s != "function") {
@@ -2474,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((k) => {
-        _(k.message);
+      }).catch((b) => {
+        _(b.message);
       }).finally(() => {
         i(!1);
       });
@@ -2485,13 +2514,13 @@ const ze = "emailHelperTextBox_", bo = ({ type: e, email: t, redirectPath: n, re
   );
   z(
     () => {
-      let h = ze, _ = "default", k = {}, g = {};
+      let h = ze, _ = "default", b = {}, g = {};
       switch (e) {
         case "gov":
           h += "autoApproved", _ = "success";
           break;
         case "nonGov":
-          h += "unrecognisedEmail", _ = "error", k = {
+          h += "unrecognisedEmail", _ = "error", b = {
             href: "https://about.apolitical.co/who-can-join-the-community",
             "data-gtm-event-context": "NonGovEmailHelperTextBox",
             "data-gtm-event-type": "LearnMoreClick"
@@ -2506,7 +2535,7 @@ const ze = "emailHelperTextBox_", bo = ({ type: e, email: t, redirectPath: n, re
           };
           break;
         case "verify":
-          h += "emailUnverified", _ = "error", k = {
+          h += "emailUnverified", _ = "error", b = {
             href: "#",
             "data-gtm-event-context": "VerifyEmailBox",
             "data-gtm-event-type": "SendEmailClick",
@@ -2516,7 +2545,7 @@ const ze = "emailHelperTextBox_", bo = ({ type: e, email: t, redirectPath: n, re
           };
           break;
         case "exists":
-          h += "emailAlreadyExists", _ = "error", k = {
+          h += "emailAlreadyExists", _ = "error", b = {
             href: "/user-onboarding/login",
             "data-gtm-event-context": "EmailExistsBox",
             "data-gtm-event-type": "login-click"
@@ -2528,14 +2557,14 @@ const ze = "emailHelperTextBox_", bo = ({ type: e, email: t, redirectPath: n, re
           };
           break;
         default:
-          h += "default", k = {
+          h += "default", b = {
             href: "https://about.apolitical.co/who-can-join-the-community",
             "data-gtm-event-context": "DefaultEmailHelperTextBox",
             "data-gtm-event-type": "LearnMoreClick"
           };
           break;
       }
-      d({ ...l, path: h, type: _, link: k, mail: g });
+      m({ ...l, path: h, type: _, link: b, mail: g });
     },
     /* eslint-disable react-hooks/exhaustive-deps */
     [e]
@@ -2544,8 +2573,8 @@ const ze = "emailHelperTextBox_", bo = ({ type: e, email: t, redirectPath: n, re
   return ["link", "mail"].forEach((h) => {
     u[h] = Object.keys(l[h]).length ? (_) => /* @__PURE__ */ r.jsx("a", { ...l[h], children: _ }) : (_) => _;
   }), /* @__PURE__ */ r.jsx(Ur, { type: l.type, heading: a ? !1 : o.formatMessage({ id: `${l.path}_title` }), children: a ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(be, { element: "span" }),
-    /* @__PURE__ */ r.jsx(be, { element: "span" })
+    /* @__PURE__ */ r.jsx(ve, { element: "span" }),
+    /* @__PURE__ */ r.jsx(ve, { element: "span" })
   ] }) : (
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
@@ -2570,45 +2599,45 @@ const Ve = "passwordRules_", Sn = "isMoreThanEightCharacters", $n = "includesNum
   [$n]: "numberSymbol",
   [Tn]: "lowercaseUppercase"
 }, xs = ({ matchingRules: e = { isMoreThanEightCharacters: !1, includesNumberAndSymbol: !1, includesLowerAndUppercase: !1 }, className: t = "" }) => {
-  const n = F();
+  const n = P();
   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(re, { children: [
+      /* @__PURE__ */ r.jsxs(ne, { children: [
         n.formatMessage({ id: `${Ve}rule_label` }),
         " "
       ] }),
       /* @__PURE__ */ r.jsx("span", { children: n.formatMessage({ id: `${Ve}rule_${_s[s]}` }) }),
-      !e[s] && /* @__PURE__ */ r.jsxs(re, { element: "strong", children: [
+      !e[s] && /* @__PURE__ */ r.jsxs(ne, { element: "strong", children: [
         " ",
         " ",
         n.formatMessage({ id: `${Ve}notMet` })
       ] })
     ] }, `rule-${s}`)) })
   ] });
-}, wo = Ae(xs);
-const ko = ({
+}, vo = Ae(xs);
+const wo = ({
   text: e = {},
   topRating: t = 5,
   functions: { createRating: n = () => null, updateRating: s = () => {
   }, reportError: o = () => {
   } },
   className: l = "",
-  hasLoaded: d = !1
+  hasLoaded: m = !1
 }) => {
-  const a = F(), [i, c] = P({ setUp: !1, id: null, rating: null, disabled: !0 }), u = async () => {
+  const a = P(), [i, c] = D({ setUp: !1, id: null, rating: null, disabled: !0 }), u = async () => {
     try {
       const E = await n();
-      c((b) => ({ ...b, setUp: !0, id: E && E.id, disabled: !1 }));
+      c((x) => ({ ...x, setUp: !0, id: E && E.id, disabled: !1 }));
     } catch (E) {
-      c((b) => ({ ...b, setUp: !0, disabled: !0 })), o(E);
+      c((x) => ({ ...x, setUp: !0, disabled: !0 })), o(E);
     }
   };
   if (z(() => {
-    d && !i.setUp && u();
-  }, [d]), !d)
-    return /* @__PURE__ */ r.jsx(be, { className: "rating-placeholder" });
-  const { id: f, rating: p, disabled: h } = i, _ = "ratings_", k = {
+    m && !i.setUp && u();
+  }, [m]), !m)
+    return /* @__PURE__ */ r.jsx(ve, { className: "rating-placeholder" });
+  const { id: f, rating: p, disabled: h } = i, _ = "ratings_", b = {
     text: a.formatMessage({ id: `${_}text` }),
     low: a.formatMessage({ id: `${_}low` }),
     high: a.formatMessage({ id: `${_}high` }),
@@ -2617,37 +2646,37 @@ const ko = ({
   }, g = async (E) => {
     if (!(!f || h))
       try {
-        c((b) => ({ ...b, rating: E, disabled: !0 })), await s({ id: f, value: E });
-      } catch (b) {
-        c((S) => ({ ...S, rating: null })), o(b);
+        c((x) => ({ ...x, rating: E, disabled: !0 })), await s({ id: f, value: E });
+      } catch (x) {
+        c(($) => ({ ...$, rating: null })), o(x);
       } finally {
-        c((b) => ({ ...b, disabled: !1 }));
+        c((x) => ({ ...x, disabled: !1 }));
       }
   };
   return /* @__PURE__ */ r.jsxs("div", { className: j("rating", l), children: [
-    /* @__PURE__ */ r.jsx("span", { className: "label", children: k[p ? "success" : "text"] }),
+    /* @__PURE__ */ r.jsx("span", { className: "label", children: b[p ? "success" : "text"] }),
     /* @__PURE__ */ r.jsx("ol", { children: Array.from(new Array(t).keys()).map((E) => {
-      const b = E + 1;
-      return /* @__PURE__ */ r.jsx("li", { className: j({ selected: p && b <= p }), children: /* @__PURE__ */ r.jsx(
+      const x = E + 1;
+      return /* @__PURE__ */ r.jsx("li", { className: j({ selected: p && x <= p }), children: /* @__PURE__ */ r.jsx(
         W,
         {
           variant: "tertiary",
           size: "small",
-          icon: { icon: `star${!p || b > p ? "_empty" : ""}`, position: "left", hover: "star" },
+          icon: { icon: `star${!p || x > p ? "_empty" : ""}`, position: "left", hover: "star" },
           screenreaderText: `${a.formatMessage(
             { id: `${_}stars` },
-            { number: b, total: t }
-          )}${b === 1 || b === t ? ` - ${k[b === 1 ? "low" : "high"]}` : ""}`,
-          onClick: (S) => {
-            S.preventDefault(), S.stopPropagation(), g(b);
+            { number: x, total: t }
+          )}${x === 1 || x === t ? ` - ${b[x === 1 ? "low" : "high"]}` : ""}`,
+          onClick: ($) => {
+            $.preventDefault(), $.stopPropagation(), g(x);
           },
           disabled: h
         }
-      ) }, `rating-${b}`);
+      ) }, `rating-${x}`);
     }) })
   ] });
 };
-const vs = ({
+const bs = ({
   id: e = "search",
   className: t = "",
   handleToggle: n = !1,
@@ -2655,10 +2684,10 @@ const vs = ({
   gtmContext: o = "search-bar",
   gtmEvent: l = "form-submission"
 }) => {
-  const { searchIsOpen: d = !0, isDesktopVersion: a = !1 } = n || {}, i = F(), c = ee(null);
+  const { searchIsOpen: m = !0, isDesktopVersion: a = !1 } = n || {}, i = P(), c = Z(null);
   Ce(() => {
-    !n || a || !d || c.current && c.current.focus();
-  }, [d]);
+    !n || a || !m || c.current && c.current.focus();
+  }, [m]);
   const u = (f) => {
     f.preventDefault(), f.stopPropagation(), !(!c.current || !c.current.value || c.current.value.length < 1) && (window.location.href = `/search?search=${encodeURIComponent(c.current.value)}`);
   };
@@ -2669,8 +2698,8 @@ const vs = ({
       className: j("search-form gtm-trackable", t),
       "data-gtm-event-context": o,
       "data-gtm-event-type": l,
-      children: /* @__PURE__ */ r.jsx("fieldset", { id: `${e}-form`, hidden: n ? !d : !1, role: "search", children: /* @__PURE__ */ r.jsxs("p", { children: [
-        /* @__PURE__ */ r.jsx(re, { element: "label", htmlFor: e, children: i.formatMessage({ id: "search_label" }) }),
+      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(
           "input",
           {
@@ -2692,47 +2721,47 @@ const vs = ({
             onClick: (f) => {
               f.preventDefault(), f.stopPropagation(), c.current && c.current.value && (c.current.value = "");
             },
-            children: /* @__PURE__ */ r.jsx(re, { children: i.formatMessage({ id: "search_clear" }) })
+            children: /* @__PURE__ */ r.jsx(ne, { children: i.formatMessage({ id: "search_clear" }) })
           }
         ),
-        /* @__PURE__ */ r.jsx("button", { className: "search", onClick: u, children: /* @__PURE__ */ r.jsx(re, { children: i.formatMessage({ id: "search_cta" }) }) })
+        /* @__PURE__ */ r.jsx("button", { className: "search", onClick: u, children: /* @__PURE__ */ r.jsx(ne, { children: i.formatMessage({ id: "search_cta" }) }) })
       ] }) })
     }
   );
 };
-const bs = ({
+const vs = ({
   title: e,
   label: t,
   ctaMessage: n,
   titleColor: s,
   labelColor: o,
   backgroundColor: l,
-  onClose: d,
+  onClose: m,
   reportError: a,
   sendInvites: i,
   initialFormStatus: c = "NOT_SUBMITTED"
   /* NOT_SUBMITTED */
 }) => {
-  const [u, f] = P([]), [p, h] = P(!0), [_, k] = P(c), { formatMessage: g } = F(), E = async (T) => {
+  const [u, f] = D([]), [p, h] = D(!0), [_, b] = D(c), { formatMessage: g } = P(), E = async (T) => {
     T.preventDefault();
     try {
-      await i(u), f([]), k(
+      await i(u), f([]), b(
         "SUCCESS"
         /* SUCCESS */
       );
     } catch (M) {
-      k(
+      b(
         "ERROR"
         /* ERROR */
       ), a(M);
     }
-  }, b = (T) => {
-    T.preventDefault(), k(
+  }, x = (T) => {
+    T.preventDefault(), b(
       "NOT_SUBMITTED"
       /* NOT_SUBMITTED */
     ), h(!0), f([]);
-  }, S = (T) => {
-    T.preventDefault(), d(), k(
+  }, $ = (T) => {
+    T.preventDefault(), m(), b(
       "CLOSED"
       /* CLOSED */
     );
@@ -2742,11 +2771,11 @@ const bs = ({
       " ",
       g({ id: "inviteForm_error" })
     ] }) }),
-    /* @__PURE__ */ r.jsx(Ne, {}),
+    /* @__PURE__ */ r.jsx(Le, {}),
     /* @__PURE__ */ r.jsx("div", { className: "footer", children: _ === "SUCCESS" ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-      /* @__PURE__ */ r.jsx(W, { variant: "secondary", onClick: b, children: g({ id: "inviteForm_ctaSendMoreInvites" }) }),
-      /* @__PURE__ */ r.jsx(W, { onClick: S, children: g({ id: "inviteForm_ctaDone" }) })
-    ] }) : /* @__PURE__ */ r.jsx(W, { onClick: b, children: g({ id: "inviteForm_ctaTryAgain" }) }) })
+      /* @__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.jsxs(
     "form",
     {
@@ -2787,7 +2816,7 @@ const bs = ({
             }
           )
         ] }),
-        /* @__PURE__ */ r.jsx(Ne, {}),
+        /* @__PURE__ */ r.jsx(Le, {}),
         /* @__PURE__ */ r.jsx("fieldset", { className: "footer", children: /* @__PURE__ */ r.jsx(W, { className: "sendEmailsButton", disabled: p, children: n }) })
       ]
     }
@@ -2800,8 +2829,8 @@ const bs = ({
       navigation: { loggedIn: 769, loggedOut: 881 },
       search: { loggedIn: 961, loggedOut: 1121 }
     }, s = (l) => {
-      const d = `logged${e ? "In" : "Out"}`;
-      return t >= n[l][d];
+      const m = `logged${e ? "In" : "Out"}`;
+      return t >= n[l][m];
     };
     let o = {};
     return ["navigation", "search"].forEach((l) => {
@@ -2819,8 +2848,8 @@ const bs = ({
       return;
     I.handlerCalled[e] = o;
     let l = [{ type: `menus.${e}`, value: t }];
-    t === !0 && Object.keys(n).forEach((d) => {
-      d === e || n[d] === !1 || l.push({ type: `menus.${d}`, value: !1 });
+    t === !0 && Object.keys(n).forEach((m) => {
+      m === e || n[m] === !1 || l.push({ type: `menus.${m}`, value: !1 });
     }), s(l);
   },
   // Find the first child inside a ref that matches the `key` (and optional `value`) we're looking for,
@@ -2852,7 +2881,7 @@ const bs = ({
       s[e][l].focus();
       return;
     }
-    let d, a;
+    let m, a;
     switch (e) {
       case "navigation":
         if (n) {
@@ -2861,20 +2890,20 @@ const bs = ({
             "attributes.aria-controls",
             "navigation"
           );
-          d = I.findFirstChild(i.children, "href");
+          m = I.findFirstChild(i.children, "href");
         } else
-          d = I.findFirstChild(t.current.children, "href");
-        d || (d = t.current);
+          m = I.findFirstChild(t.current.children, "href");
+        m || (m = t.current);
         break;
       case "account":
         if (a = I.findFirstChild(t.current.children, "className", "account"), !a || !a.children)
           return;
-        d = I.findFirstChild(a.children, "href");
+        m = I.findFirstChild(a.children, "href");
         break;
       default:
         return;
     }
-    d && (o([{ type: `focusElements.${e}.${l}`, value: d }]), d.focus());
+    m && (o([{ type: `focusElements.${e}.${l}`, value: m }]), m.focus());
   },
   events: {
     onClick: (e, { id: t, callback: n, isOpen: s }) => {
@@ -2977,7 +3006,7 @@ const bs = ({
   },
   doTrack: l = null
 }) => {
-  const d = F(), a = un(Xe, e);
+  const m = P(), 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.");
@@ -2985,10 +3014,10 @@ const bs = ({
   a.hasVariantText && (f += `_logged${t ? "In" : "Out"}`);
   let p = !1;
   if (a.href) {
-    let b = a.gtmType || `${e}-click`;
-    if (b.includes(".")) {
-      const S = b.split("."), T = S[S.length - 2];
-      b = `${T === "topics" ? `${T}-` : ""}${S[S.length - 1]}`;
+    let x = a.gtmType || `${e}-click`;
+    if (x.includes(".")) {
+      const $ = x.split("."), T = $[$.length - 2];
+      x = `${T === "topics" ? `${T}-` : ""}${$[$.length - 1]}`;
     }
     p = {
       href: a.href,
@@ -2996,7 +3025,7 @@ const bs = ({
     }, c && (p = {
       ...p,
       className: "gtm-trackable",
-      "data-gtm-event-type": b,
+      "data-gtm-event-type": x,
       "data-gtm-event-context": "HeaderButtons"
     }), u && (p = {
       ...p,
@@ -3005,55 +3034,55 @@ const bs = ({
       ...a.props || {}
     });
   }
-  const h = a.order && a.order[0] && a[a.order[0]], _ = h && a[a.order[0]].order, k = p && window.location.pathname === a.href;
+  const h = a.order && a.order[0] && a[a.order[0]], _ = h && a[a.order[0]].order, b = p && window.location.pathname === a.href;
   let g = {}, E = {};
   if (h) {
-    const b = a.menuId || e, S = {
-      onClick: (T) => I.events.onClick(T, { id: b, callback: o, isOpen: s[b] }),
-      onFocus: () => I.events.onFocus({ id: b }),
-      onBlur: () => I.events.onBlur({ id: b, callback: o }),
-      onMouseLeave: () => I.events.onBlur({ id: b, callback: o }),
-      onMouseEnter: () => I.events.onMouseEnter({ id: b, callback: o })
+    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 })
     };
     n && (_ && (g = {
-      ...S,
+      ...$,
       onKeyPress: (T) => {
-        T.key === "Enter" && I.events.onClick(T, { id: b, callback: o, isOpen: s[b] });
+        T.key === "Enter" && I.events.onClick(T, { id: x, callback: o, isOpen: s[x] });
       },
       tabIndex: "0",
       // Add a `tabIndex` so keyboard users can focus on the `li`
       "aria-haspopup": !0,
-      "aria-expanded": s[b],
-      "aria-controls": b
-    }), E = { hidden: b in s ? !s[b] : !0 }), _ || (E = {
+      "aria-expanded": s[x],
+      "aria-controls": x
+    }), E = { hidden: x in s ? !s[x] : !0 }), _ || (E = {
       ...E,
-      ...S
+      ...$
     });
   }
-  return /* @__PURE__ */ r.jsxs("li", { className: j({ [a.className]: a.className, "has-submenu": h, parent: _, active: k }), role: "none", ...g, children: [
-    p ? A.createElement(u ? W : "a", p, d.formatMessage({ id: f })) : d.formatMessage({ id: f }),
-    a.order && /* @__PURE__ */ r.jsx("ul", { ...E, children: a.order.map((b) => {
-      if (!a[b])
+  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 null;
-      const S = {
+      const $ = {
         isLoggedIn: t,
         isDesktopVersion: n,
         menus: s,
         callback: o,
         doTrack: i ? c : null
       };
-      return a[b].order ? /* @__PURE__ */ r.jsxs("li", { className: j({ [a[b].className]: a[b].className }), children: [
-        d.formatMessage({ id: `${f}_${b}` }),
-        /* @__PURE__ */ r.jsx("ul", { children: a[b].order.map((T) => /* @__PURE__ */ r.jsx(Ze, { id: `${e}.${b}.${T}`, ...S }, T)) })
-      ] }, b) : /* @__PURE__ */ r.jsx(Ze, { id: `${e}.${b}`, ...S }, b);
+      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);
     }) })
   ] }, e);
 };
 const ws = { height: 67, height_desktop: 83 }, Mn = () => {
-  const e = F(), t = ye(je), n = tt(!0, !0), s = t && typeof t.id == "string", o = qe(
+  const e = P(), t = ye(je), n = et(!0, !0), s = t && typeof t.id == "string", o = qe(
     () => I.getIsDesktopVersion(s, n),
     [s, n]
-  ), [l, d] = rr($r, {
+  ), [l, m] = rr($r, {
     headerIsVisible: !0,
     menus: { navigation: !1, search: !1, account: !1 },
     focusElements: {
@@ -3065,23 +3094,23 @@ const ws = { height: 67, height_desktop: 83 }, Mn = () => {
     scrollPosition: ws[`height${o.navigation ? "_desktop" : ""}`],
     callbacks: {
       scrollUp: () => {
-        !o && i.navigation || I.shouldChangeHeaderIsVisible(!0, i, d);
+        !o && i.navigation || I.shouldChangeHeaderIsVisible(!0, i, m);
       },
       scrollDown: () => {
-        !o && i.navigation || I.shouldChangeHeaderIsVisible(!1, i, d);
+        !o && i.navigation || I.shouldChangeHeaderIsVisible(!1, i, m);
       }
     }
   });
   const u = (p, h) => {
-    I.handleMenus({ id: p, value: h, menus: i, dispatch: d });
-  }, f = ee(null);
+    I.handleMenus({ id: p, value: h, menus: i, dispatch: m });
+  }, f = Z(null);
   return Ce(() => {
     i.navigation && I.autoFocus({
       menu: "navigation",
       navigationRef: f,
       isDesktopVersion: o.navigation,
       focusElements: c,
-      dispatch: d
+      dispatch: m
     });
   }, [i.navigation]), Ce(() => {
     i.account && I.autoFocus({
@@ -3089,11 +3118,11 @@ const ws = { height: 67, height_desktop: 83 }, Mn = () => {
       navigationRef: f,
       isDesktopVersion: o.navigation,
       focusElements: c,
-      dispatch: d
+      dispatch: m
     });
   }, [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(re, { element: "a", href: "#content-of-page", children: e.formatMessage({ id: "header_skip" }) }),
+      /* @__PURE__ */ r.jsx(ne, { element: "a", href: "#content-of-page", children: e.formatMessage({ id: "header_skip" }) }),
       /* @__PURE__ */ r.jsx(jn, {}),
       !o.navigation && /* @__PURE__ */ r.jsx(
         "button",
@@ -3107,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(re, { children: e.formatMessage({ id: `header_menu_${i.navigation ? "hide" : "show"}` }) })
+          children: /* @__PURE__ */ r.jsx(ne, { children: e.formatMessage({ id: `header_menu_${i.navigation ? "hide" : "show"}` }) })
         }
       ),
       /* @__PURE__ */ r.jsx(
@@ -3141,11 +3170,11 @@ const ws = { height: 67, height_desktop: 83 }, Mn = () => {
           "aria-haspopup": "true",
           "aria-expanded": i.search,
           "aria-controls": "search-form",
-          children: /* @__PURE__ */ r.jsx(re, { children: e.formatMessage({ id: `header_search_${i.search ? "hide" : "show"}` }) })
+          children: /* @__PURE__ */ r.jsx(ne, { children: e.formatMessage({ id: `header_search_${i.search ? "hide" : "show"}` }) })
         }
       ),
       /* @__PURE__ */ r.jsx(
-        vs,
+        bs,
         {
           id: "global-search",
           handleToggle: { searchIsOpen: i.search, isDesktopVersion: o.search },
@@ -3164,8 +3193,8 @@ const ws = { height: 67, height_desktop: 83 }, Mn = () => {
           "aria-expanded": i.account,
           "aria-controls": "navigation",
           children: [
-            /* @__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(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("ul", { className: "sign-in-buttons", children: Xe.buttons.order.map((p) => /* @__PURE__ */ r.jsx(Ze, { id: `buttons.${p}` }, p)) })
@@ -3180,21 +3209,21 @@ const ws = { height: 67, height_desktop: 83 }, Mn = () => {
   ] });
 };
 const ks = () => {
-  const e = F();
+  const e = P();
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(Mn, {}),
-    /* @__PURE__ */ r.jsx("div", { className: "content", children: /* @__PURE__ */ r.jsx(st, { variant: "error", text: e.formatMessage({ id: "pageLayout_error" }) }) }),
+    /* @__PURE__ */ r.jsx("div", { id: "content", children: /* @__PURE__ */ r.jsx(rt, { variant: "error", text: e.formatMessage({ id: "pageLayout_error" }) }) }),
     /* @__PURE__ */ r.jsx(En, {})
   ] });
-}, yo = ({ children: e, reportError: t, showFooter: n = !0, background: s = "default", className: o = "", locale: l = "en" }) => {
-  const d = jr();
+}, ko = ({ children: e, reportError: t, showFooter: n = !0, background: s = "default", className: o = "", locale: l = "en" }) => {
+  const m = jr();
   z(() => {
     window.scrollTo(0, 0);
-  }, [d]);
+  }, [m]);
   const a = gn(e, { locale: l });
   return /* @__PURE__ */ r.jsx(hr, { onError: t, fallback: /* @__PURE__ */ r.jsx(ks, {}), children: /* @__PURE__ */ r.jsx(sr, { fallback: /* @__PURE__ */ r.jsx(ns, { layout: "overview-page" }), children: /* @__PURE__ */ r.jsx("div", { id: "wrapper", className: j(o, { [s]: s !== "default" }), children: /* @__PURE__ */ r.jsxs(fr, { children: [
     /* @__PURE__ */ r.jsx(Mn, {}),
-    /* @__PURE__ */ r.jsx("div", { className: "content", children: a }),
+    /* @__PURE__ */ r.jsx("div", { id: "content", children: a }),
     n && /* @__PURE__ */ r.jsx(En, {}),
     /* @__PURE__ */ r.jsx(gs, {})
   ] }) }) }) });
@@ -3229,16 +3258,16 @@ const ks = () => {
     return bt[e] ? (e = bt[e], { id: e, text: `${an.default}${e}` }) : null;
   }
 };
-const jo = ({
+const yo = ({
   tags: e = [],
   color: t = "default",
   forceOneLine: n = !1,
   canHaveLinks: s = !0,
   className: o = "",
   gtmType: l = "tag-click",
-  gtmContext: d = "tags"
+  gtmContext: m = "tags"
 }) => {
-  const a = F();
+  const a = P();
   if (!e || e.length < 1)
     return null;
   const i = [];
@@ -3255,28 +3284,28 @@ const jo = ({
         href: c.href,
         className: "gtm-trackable",
         "data-gtm-event-type": l,
-        "data-gtm-event-context": d,
+        "data-gtm-event-context": m,
         children: u
       }
     ) : u }, c.id);
   }) });
 };
-const Eo = ({
+const jo = ({
   members: { total: e, data: t = [] },
   pagination: n,
   gtmContext: s = "member",
   gtmType: o = "member-click",
   className: l = ""
 }) => {
-  const d = F();
+  const m = P();
   return t.length === 0 ? null : (e || (e = t.length), /* @__PURE__ */ r.jsxs("div", { className: j("members-list", l), children: [
     /* @__PURE__ */ r.jsxs("h1", { children: [
-      d.formatMessage({ id: "membersList" }),
+      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(Ft, { member: a, gtmContext: s, gtmType: o }),
-      a.isAdmin && /* @__PURE__ */ r.jsx(qr, { children: d.formatMessage({ id: "membersList_admin" }) })
+      /* @__PURE__ */ r.jsx(Pt, { member: a, gtmContext: s, gtmType: o }),
+      a.isAdmin && /* @__PURE__ */ r.jsx(qr, { children: m.formatMessage({ id: "membersList_admin" }) })
     ] }, i)) }),
     n && /* @__PURE__ */ r.jsx(
       fs,
@@ -3301,7 +3330,7 @@ const ae = "discussion_form_", Cn = ({
   inputRef: s,
   maxLength: o = 5e4,
   minRows: l = 4,
-  forceShow: d = {
+  forceShow: m = {
     cancel: !1,
     error: !1
   },
@@ -3320,116 +3349,116 @@ const ae = "discussion_form_", Cn = ({
   },
   gtmContext: i = "DiscussionForm"
 }) => {
-  var N, q;
-  const c = F(), u = ye(je), [f, p] = P(
+  var F, q;
+  const c = P(), u = ye(je), [f, p] = D(
     n.isEditing && n.isEditing.text || ""
-  ), [h, _] = P(d.error || !1), [k, g] = P(!1), E = ee(null);
+  ), [h, _] = D(m.error || !1), [b, g] = D(!1), E = Z(null);
   if (s || (s = E), n.isLoading)
     return /* @__PURE__ */ r.jsx(
-      be,
+      ve,
       {
         className: "discussion-card discussion-form",
         "data-testid": "loading-placeholder"
       }
     );
-  const b = (w) => {
-    const G = w.target.value;
-    p(G);
-    let L;
-    !u || !u.id ? L = he(
+  const x = (k) => {
+    const Y = k.target.value;
+    p(Y);
+    let B;
+    !u || !u.id ? B = he(
       c.formatMessage,
       `${ae}error_loggedOut`,
       e.type,
       "action"
-    ) : t ? G.length >= o && (L = `${ae}error_tooLong`) : L = he(
+    ) : t ? Y.length >= o && (B = `${ae}error_tooLong`) : B = he(
       c.formatMessage,
       `${ae}error_noPermission`,
       e.type,
       "action"
-    ), L ? _(L) : h && _(!1);
+    ), B ? _(B) : h && _(!1);
   };
-  let S = `${e.type}-form`;
+  let $ = `${e.type}-form`;
   if (e.type === "response" || e.type === "reply") {
-    const w = e.type === "response" ? ((N = e.slugs) == null ? void 0 : N.question) || "" : ((q = e.slugs) == null ? void 0 : q.answer) || "";
-    w && (S = `${S}-${w.slice(-15)}`);
+    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 T = async (w) => {
-    var L;
-    if (w.preventDefault(), w.stopPropagation(), !u || !u.id || !t || Q)
+  const T = async (k) => {
+    var B;
+    if (k.preventDefault(), k.stopPropagation(), !u || !u.id || !t || Q)
       return;
     Ye && clearTimeout(Ye), g("submitting");
-    const G = window.location.pathname;
+    const Y = window.location.pathname;
     try {
-      let B;
+      let L;
       switch (e.type) {
         case "post":
-          B = await a.create({ content: f });
+          L = await a.create({ content: f });
           break;
         case "question":
-          B = await a.create({
+          L = await a.create({
             title: f,
             authorId: u && u.id,
-            ...(L = a.props) == null ? void 0 : L.create
+            ...(B = a.props) == null ? void 0 : B.create
           });
           break;
         case "response":
-          B = await a.create(
+          L = await a.create(
             { question: e.slugs.question },
-            { body: f, authorId: u && u.id, contentPath: G }
+            { body: f, authorId: u && u.id, contentPath: Y }
           );
           break;
         case "reply":
-          B = await a.create(
+          L = await a.create(
             { question: e.slugs.question, answer: e.slugs.answer },
-            { body: f, authorId: u && u.id, contentPath: G }
+            { body: f, authorId: u && u.id, contentPath: Y }
           );
           break;
         default:
           break;
       }
-      await Cr(1e3), a.callback && await a.callback(B), Ye = setTimeout(() => {
+      await Cr(1e3), a.callback && await a.callback(L), Ye = setTimeout(() => {
         p(""), g("submitted"), M();
       }, 500);
-    } catch (B) {
-      const U = B;
-      let Y = `${ae}error`;
-      U.message.includes("entry already exists") && (Y = he(
+    } catch (L) {
+      const U = L;
+      let G = `${ae}error`;
+      U.message.includes("entry already exists") && (G = he(
         c.formatMessage,
         `${ae}error_alreadyExists`,
         e.type,
         "action"
-      )), U.message.includes("429") ? Y = he(
+      )), U.message.includes("429") ? G = he(
         c.formatMessage,
         `${ae}error_tooMany`,
         e.type,
         "action"
-      ) : U.message.includes("400") && (Y = `${ae}error`), _(Y), M();
+      ) : U.message.includes("400") && (G = `${ae}error`), _(G), M();
     }
   }, M = () => {
     Ye = setTimeout(() => {
       _(!1), g(!1);
     }, 5e3);
-  }, Q = !f || !Rr(f), V = k === "submitting", v = [];
-  return (n.isEditing && !V || d.cancel) && v.push({
+  }, Q = !f || !Rr(f), V = b === "submitting", w = [];
+  return (n.isEditing && !V || m.cancel) && w.push({
     variant: "secondary",
     size: { mobile: "small", 600: "medium" },
     onClick: a.handleCancel,
     className: "gtm-trackable",
     "data-gtm-event-context": i,
     "data-gtm-event-type": `cancel-${e.type}-click`,
-    disabled: !d.cancel && (!u || !u.id || !f),
+    disabled: !m.cancel && (!u || !u.id || !f),
     children: c.formatMessage({ id: `${ae}cancel` })
-  }), v.push({
+  }), w.push({
     variant: "primary",
     size: { mobile: "small", 600: "medium" },
-    onClick: (w) => {
+    onClick: (k) => {
       if (n.isEditing) {
         g("submitting"), a.handleSaveEdit && a.handleSaveEdit(
           E.current && "value" in E.current ? E.current.value : ""
         );
         return;
       }
-      T(w);
+      T(k);
     },
     className: "gtm-trackable",
     "data-gtm-event-context": i,
@@ -3442,7 +3471,7 @@ const ae = "discussion_form_", Cn = ({
   }), /* @__PURE__ */ r.jsxs(
     "form",
     {
-      id: S,
+      id: $,
       className: j("discussion-card discussion-form", {
         "no-styling": n.isInWrapper && n.isEditing
       }),
@@ -3450,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(
-          Ft,
+          Pt,
           {
             member: u || "community",
             gtmContext: i,
             gtmType: "profile-click"
           }
         ),
-        /* @__PURE__ */ r.jsx(re, { element: "label", showOnFocus: !1, htmlFor: `${S}-input`, children: he(c.formatMessage, `${ae}label`, e.type, "action") }),
+        /* @__PURE__ */ r.jsx(ne, { element: "label", showOnFocus: !1, htmlFor: `${$}-input`, children: he(c.formatMessage, `${ae}label`, e.type, "action") }),
         /* @__PURE__ */ r.jsx(
           gr,
           {
             ref: s,
-            id: `${S}-input`,
+            id: `${$}-input`,
             name: e.type,
             placeholder: he(
               c.formatMessage,
@@ -3470,7 +3499,7 @@ const ae = "discussion_form_", Cn = ({
               e.type,
               "action"
             ),
-            onChange: b,
+            onChange: x,
             value: f,
             maxLength: o,
             "aria-invalid": !!h,
@@ -3480,7 +3509,7 @@ const ae = "discussion_form_", Cn = ({
           }
         ),
         /* @__PURE__ */ r.jsx("small", { children: he(c.formatMessage, `${ae}explainer`, e.type, "action", {
-          a: (w) => /* @__PURE__ */ r.jsx(
+          a: (k) => /* @__PURE__ */ r.jsx(
             "a",
             {
               href: "https://about.apolitical.co/q-and-a-community-guidelines",
@@ -3489,13 +3518,13 @@ const ae = "discussion_form_", Cn = ({
               "data-gtm-event-context": i,
               "data-gtm-event-type": "community-guidelines-link",
               rel: "noreferrer",
-              children: w
+              children: k
             }
           )
         }) }),
-        /* @__PURE__ */ r.jsx(nt, { buttons: v }),
-        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: d.error ? d.error : typeof h == "string" ? h.includes(" ") ? h : c.formatMessage(
+        /* @__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(
           { id: h },
           {
             action: c.formatMessage({
@@ -3507,14 +3536,14 @@ const ae = "discussion_form_", Cn = ({
       ]
     }
   );
-}, Nn = ({
+}, An = ({
   contentType: e,
   createPost: t,
-  membershipRequiredToPost: { isMember: n, required: s, join: o, leave: l, notMemberStateText: d }
+  membershipRequiredToPost: { isMember: n, required: s, join: o, leave: l, notMemberStateText: m }
 }) => s && !n ? /* @__PURE__ */ r.jsx(
-  st,
+  rt,
   {
-    text: d,
+    text: m,
     button: {
       component: /* @__PURE__ */ r.jsx(yn, { functions: { join: o, leave: l } })
     }
@@ -3530,12 +3559,12 @@ const ae = "discussion_form_", Cn = ({
 ), js = {
   showThread: !1,
   showForm: !1
-}, An = Nt(js), So = ({ children: e }) => {
-  const [t, n] = P({
+}, Nn = Mt(js), Eo = ({ children: e }) => {
+  const [t, n] = D({
     showThread: !1,
     showForm: !1
   });
-  return /* @__PURE__ */ r.jsx(An.Provider, { value: { ...t, updateConversation: n }, children: e });
+  return /* @__PURE__ */ r.jsx(Nn.Provider, { value: { ...t, updateConversation: n }, children: e });
 }, Es = ({
   question: e,
   answer: t,
@@ -3545,36 +3574,36 @@ const ae = "discussion_form_", Cn = ({
   ...t && { answerSlug: t },
   ...n && { replySlug: n }
 }), Ss = (e, t = 10) => !e || e.length === 0 ? [] : e.slice(0, t);
-let Le = !1;
-const wt = () => {
-  Le !== !1 && (clearTimeout(Le), Le = !1);
-}, kt = 10, $s = ({
+let Oe = !1;
+const vt = () => {
+  Oe !== !1 && (clearTimeout(Oe), Oe = !1);
+}, wt = 10, $s = ({
   element: e = "div",
   likes: t = 0,
   peopleWhoLiked: n = !1,
   isShort: s = !0,
   userLiked: o = !1,
   content: l = { type: "reply", slugs: {} },
-  canLike: d = !0,
+  canLike: m = !0,
   functions: { createLike: a = () => {
   }, deleteLike: i = () => {
   } } = {}
 }) => {
-  const c = F();
+  const c = P();
   z(() => {
     h(o);
   }, [o]);
-  const [u, f] = P(t), [p, h] = P(o), [_, k] = P(!1), [g, E] = P(!1), b = qe(() => Ss(n, kt), [n]), S = (M) => {
-    if (M.preventDefault(), M.stopPropagation(), E(!1), Le)
-      return wt(), !1;
-    if (wt(), _ || !d)
+  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)
       return !1;
-    Le = setTimeout(T, 350);
+    Oe = setTimeout(T, 350);
   }, T = async () => {
-    if (wt(), _ || !d)
+    if (vt(), _ || !m)
       return !1;
     let M = p ? u - 1 : u + 1;
-    M < 0 && (M = 0), k(!0), f(M), h(!p);
+    M < 0 && (M = 0), b(!0), f(M), h(!p);
     try {
       if (l && l.slugs) {
         const Q = Es(l.slugs);
@@ -3583,14 +3612,14 @@ const wt = () => {
     } catch {
       f(t), h(o);
     } finally {
-      k(!1);
+      b(!1);
     }
   };
   return A.createElement(
     e,
     {
-      className: j("likes-wrapper text-medium action-button", { "show-spinner": _, "is-liked": p, disabled: !d }),
-      onClick: S,
+      className: j("likes-wrapper text-medium action-button", { "show-spinner": _, "is-liked": p, disabled: !m }),
+      onClick: $,
       onMouseEnter: () => {
         E(!0);
       },
@@ -3611,12 +3640,12 @@ const wt = () => {
             size: "medium",
             icon: { icon: p ? "heart" : "heart_empty", animate: "bounce" },
             className: j({ "do-animation": p && !o }),
-            screenreaderText: d ? c.formatMessage({
+            screenreaderText: m ? c.formatMessage({
               id: `discussion_likes_${p ? "unlike" : "like"}`
             }, { action: c.formatMessage({ id: `discussion_action_${l.type}` }) }) : !1,
-            onClick: S,
-            disabled: !d,
-            "aria-hidden": !d,
+            onClick: $,
+            disabled: !m,
+            "aria-hidden": !m,
             "data-testid": "like-button",
             "data-gtm-event-context": "Likes",
             "data-gtm-event-type": `like-${l.type}-click`
@@ -3624,8 +3653,8 @@ const wt = () => {
         ),
         /* @__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: [
-          b.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 }) })
+          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 }) })
         ] }) })
       ] })
     }
@@ -3647,18 +3676,18 @@ const Dn = ({
   functions: { onOpen: o = () => {
   }, onClose: l = () => {
   } } = {},
-  forceShow: { error: d = !1 } = {},
+  forceShow: { error: m = !1 } = {},
   title: a,
   children: i,
   buttons: c,
   className: u = "",
   gtmContext: f = "Modal"
 }) => {
-  const p = F(), [h, _] = P(t), k = (E) => {
+  const p = P(), [h, _] = D(t), b = (E) => {
     _(E), E ? (o(), document.body.classList.add("has-overlay")) : (l(), document.body.classList.remove("has-overlay"));
   };
   z(() => {
-    k(t);
+    b(t);
   }, [t]);
   const g = s ? { "--max-width": `${s / 16}rem` } : {};
   return /* @__PURE__ */ r.jsx("div", { className: j("overlay", { open: h }), children: /* @__PURE__ */ r.jsx(
@@ -3677,7 +3706,7 @@ const Dn = ({
               variant: "tertiary",
               size: "medium",
               icon: { icon: "close" },
-              onClick: () => k(!1),
+              onClick: () => b(!1),
               className: "gtm-trackable",
               "data-gtm-event-type": "close-modal-click",
               "data-gtm-event-context": f,
@@ -3685,13 +3714,13 @@ const Dn = ({
             }
           )
         ] }),
-        n && /* @__PURE__ */ r.jsx(Ne, {}),
+        n && /* @__PURE__ */ r.jsx(Le, {}),
         i,
         c && /* @__PURE__ */ r.jsxs("div", { className: "bottom", children: [
-          /* @__PURE__ */ r.jsx(Ne, {}),
-          /* @__PURE__ */ r.jsx(nt, { buttons: c })
+          /* @__PURE__ */ r.jsx(Le, {}),
+          /* @__PURE__ */ r.jsx(tt, { buttons: c })
         ] }),
-        d && /* @__PURE__ */ r.jsx(Mt, { className: "error", children: d })
+        m && /* @__PURE__ */ r.jsx($t, { className: "error", children: m })
       ] })
     }
   ) });
@@ -3700,14 +3729,14 @@ const Dn = ({
   "aria-expanded": t,
   "aria-controls": e
 });
-const $o = ({
+const So = ({
   className: e,
   showModal: t = !0,
   title: n,
   formTitle: s = "Know someone who might like to join this workshop?",
-  formLabel: o = "Send an invitation to your colleagues below",
-  ctaMessage: l = "Send invites",
-  showIcon: d,
+  formLabel: o = "Invite your colleagues by typing or pasting their emails below.",
+  ctaMessage: l = "Send",
+  showIcon: m,
   onClose: a,
   reportError: i = () => {
   },
@@ -3718,10 +3747,11 @@ const $o = ({
     title: n,
     isOpen: t,
     showDivider: !1,
-    showIcon: d,
+    showIcon: m,
+    functions: { onClose: a },
     className: j("invite-modal", e, { success: !!n }),
     children: /* @__PURE__ */ r.jsx(
-      bs,
+      vs,
       {
         title: s,
         label: o,
@@ -3735,22 +3765,18 @@ const $o = ({
 ), ln = (e) => {
   const t = {};
   return Object.keys(e).forEach((n) => n.includes("Id") ? t[n] = e[n] : t[`${n}Slug`] = e[n]), t;
-}, Rt = (e, t) => e && !t;
-const xe = "discussion_", Cs = 280, Ot = ({
+}, Ft = (e, t) => e && !t;
+const xe = "discussion_", Rt = ({
   element: e = "div",
   content: t,
   userHasPermissions: n = !0,
   isLoading: s = !1,
   originalAuthorId: o,
   functions: {
-    content: { createContent: l, deleteContent: d, updateContent: a } = {
-      createContent: () => {
-      },
-      deleteContent: () => {
-      },
-      updateContent: () => {
-      }
-    },
+    content: { createContent: l, deleteContent: m, updateContent: a } = { createContent: () => {
+    }, deleteContent: () => {
+    }, updateContent: () => {
+    } },
     likes: { createLike: i, deleteLike: c } = { createLike: () => {
     }, deleteLike: () => {
     } },
@@ -3760,81 +3786,76 @@ const xe = "discussion_", Cs = 280, Ot = ({
   links: f = {},
   className: p,
   gtmContext: h = "DiscussionAnswer",
-  children: _,
-  isTruncated: k = !1
+  children: _
 }) => {
-  const g = F(), E = ye(je), b = ye(An), [S, T] = P({
+  const b = P(), g = ye(je), E = ye(Nn), [x, $] = D({
     body: t && t.body || "",
     isEditing: !1,
     didEdit: t && t.isEdited || !1
-  }), [M, Q] = P(!1), [V, v] = P("");
+  }), [T, M] = D(!1), [Q, V] = D("");
   if (z(() => {
-    T({
-      ...S,
+    $({
+      ...x,
       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(be, { className: "discussion-card discussion-post" });
-  const { author: N, 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 N != "string" && N.id && N.id === E.id || !1, ie = typeof q == "boolean" ? q : n ? !K : !1, le = async (R) => {
-    R || (R = ""), v("");
+    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("");
     try {
-      if (!_r(R, S.body)) {
-        const te = t.type === "question" ? { title: R } : { body: R };
-        await a(ln(t.slugs), te);
+      if (!_r(R, x.body)) {
+        const ee = t.type === "question" ? { title: R } : { body: R };
+        await a(ln(t.slugs), ee);
       }
-      T({ body: R, isEditing: !1, didEdit: !0 });
+      $({ body: R, isEditing: !1, didEdit: !0 });
     } catch {
-      v(`${xe}form_error`);
+      V(`${xe}form_error`);
     }
-  }, ce = () => {
-    b && b.updateConversation && b.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" });
+  }, 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" });
     }, 0);
-  }, ue = () => {
+  }, le = () => {
     try {
-      d(ln(t.slugs));
+      m(ln(t.slugs));
     } catch {
-      v("delete-error");
+      V("delete-error");
     }
-  }, oe = [
-    {
-      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(
+  }, 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(
     {
-      text: g.formatMessage({ id: `${xe}moreMenu_edit` }),
-      onClick: () => T({ ...S, isEditing: !0 }),
+      text: b.formatMessage({ id: `${xe}moreMenu_edit` }),
+      onClick: () => $({ ...x, isEditing: !0 }),
       icon: "pencil-paper",
       className: "gtm-trackable",
       "data-gtm-event-context": h,
       "data-gtm-event-type": `edit-${t.type}-click`
     },
     {
-      text: g.formatMessage({ id: `${xe}moreMenu_delete` }),
+      text: b.formatMessage({ id: `${xe}moreMenu_delete` }),
       onClick: (R) => {
-        R.preventDefault(), R.stopPropagation(), Q(!0);
+        R.preventDefault(), R.stopPropagation(), M(!0);
       },
       icon: "trash",
       className: "gtm-trackable",
       "data-gtm-event-context": h,
       "data-gtm-event-type": `delete-${t.type}-click`,
-      ...Ms(`delete-${t.slug}-modal`, M)
+      ...Ms(`delete-${t.slug}-modal`, T)
     }
   ), A.createElement(e, {
     className: j("discussion-post", p),
@@ -3843,151 +3864,92 @@ const xe = "discussion_", Cs = 280, Ot = ({
       /* @__PURE__ */ r.jsxs(
         "div",
         {
-          id: G || t.slug,
-          className: j("discussion-card", t.type, {
-            editing: S.isEditing,
-            "has-link": f.post && !S.isEditing
-          }),
+          id: k || t.slug,
+          className: j("discussion-card", t.type, { editing: x.isEditing, "has-link": f.post && !x.isEditing }),
           onClick: (R) => {
-            !f.post || S.isEditing || (R.preventDefault(), R.stopPropagation(), window.location.href = f.post);
+            !f.post || x.isEditing || (R.preventDefault(), R.stopPropagation(), window.location.href = f.post);
           },
           children: [
-            !S.isEditing && /* @__PURE__ */ r.jsx(
-              Ft,
+            !x.isEditing && /* @__PURE__ */ r.jsx(
+              Pt,
               {
-                member: N,
-                additionalContent: { createdAt: w, didEdit: S.didEdit },
-                className: typeof N != "string" && N.id === o ? "highlighted" : "",
+                member: w,
+                additionalContent: { createdAt: q, didEdit: x.didEdit },
+                className: typeof w != "string" && w.id === o ? "highlighted" : "",
                 gtmContext: h,
                 gtmType: "profile-click"
               }
             ),
-            S.isEditing ? /* @__PURE__ */ r.jsx(
+            x.isEditing ? /* @__PURE__ */ r.jsx(
               Cn,
               {
                 content: { type: t.type, slugs: t.slugs },
                 userHasPermissions: n,
-                meta: {
-                  isLoading: s,
-                  isInWrapper: !0,
-                  isEditing: { text: S.body }
-                },
+                meta: { isLoading: s, isInWrapper: !0, isEditing: { text: x.body } },
                 maxLength: t.type === "question" ? 250 : 5e4,
-                forceShow: {
-                  error: V !== "" && V !== "delete-error" ? g.formatMessage(
-                    { id: V },
-                    {
-                      action: g.formatMessage({
-                        id: `discussion_action_${t.type}`
-                      })
-                    }
-                  ) : !1
-                },
+                forceShow: { error: Q !== "" && Q !== "delete-error" ? b.formatMessage({ id: Q }, {
+                  action: b.formatMessage({
+                    id: `discussion_action_${t.type}`
+                  })
+                }) : !1 },
                 functions: {
                   create: l,
-                  handleSaveEdit: le,
+                  handleSaveEdit: K,
                   handleCancel: () => {
-                    v(""), T({ ...S, isEditing: !1 });
+                    V(""), $({ ...x, 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: Y })
-              }
-            ) : /* @__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: 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
-                    }
-                  )
-                ]
-              }
-            )
+            ) : 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 })
+            ] })
           ]
         }
       ),
@@ -3996,35 +3958,21 @@ const xe = "discussion_", Cs = 280, Ot = ({
         Dn,
         {
           id: `delete-${t.slug}-modal`,
-          isOpen: M,
+          isOpen: T,
           functions: { onOpen: () => {
-          }, 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(
+          }, 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(
             { id: "discussion_delete_title" },
-            { action: g.formatMessage({ id: `discussion_action_${t.type}` }) }
+            { action: b.formatMessage({ id: `discussion_action_${t.type}` }) }
           ),
           buttons: [
-            {
-              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" })
-            }
+            { 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" }) }
           ],
           gtmContext: `${t.type.charAt(0).toUpperCase()}${t.type.slice(1)}:${t.slug}`,
           children: /* @__PURE__ */ r.jsx(
@@ -4033,7 +3981,7 @@ const xe = "discussion_", Cs = 280, Ot = ({
               id: "discussion_delete_text",
               values: {
                 p: (R) => /* @__PURE__ */ r.jsx("p", { children: R }),
-                action: g.formatMessage({
+                action: b.formatMessage({
                   id: `discussion_action_${t.type}`
                 })
               }
@@ -4044,15 +3992,15 @@ const xe = "discussion_", Cs = 280, Ot = ({
     ] })
   });
 };
-const yt = "discussion_responses_", To = ({ type: e = "answer", responses: t = 0 }) => {
-  const n = F();
+const kt = "discussion_responses_", $o = ({ type: e = "answer", responses: t = 0 }) => {
+  const n = P();
   return /* @__PURE__ */ r.jsxs("div", { className: "responses-heading", children: [
-    /* @__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) })
+    /* @__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) })
   ] });
 };
-const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
-  const s = F(), o = ee(null), [l, d] = P(e), [a, i] = P("closed");
+const To = ({ isOpen: e = !1, count: t = 0, children: n }) => {
+  const s = P(), o = Z(null), [l, m] = D(e), [a, i] = D("closed");
   z(() => {
     const p = o.current;
     if (p)
@@ -4076,14 +4024,14 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
         styling: { muted: !0 },
         icon: { icon: `arrow_corner-down_${u ? "left" : "right"}` },
         onClick: () => {
-          d(!l);
+          m(!l);
         },
         children: s.formatMessage({ id: `discussion_thread_${u ? "hide" : "show"}` }, { count: t })
       }
     ),
     /* @__PURE__ */ r.jsx("ul", { ref: o, className: j("thread", a), hidden: !l, children: f })
   ] });
-}, Ns = ({
+}, Cs = ({
   user: e,
   content: t,
   verb: n = "post"
@@ -4112,7 +4060,7 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
 }) => ({ mutationFn: s, onMutate: async ({ content: a }) => {
   if (!n)
     return;
-  const i = Ns({ user: n, content: a, verb: "post" });
+  const i = Cs({ 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 };
@@ -4120,29 +4068,29 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   e.setQueryData(t, c.previousActivities);
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
-} }), Ds = ({
+} }), Ns = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
 }) => ({
   mutationFn: n,
   onMutate: async ({
-    activityInfo: d,
+    activityInfo: m,
     content: { body: a }
   }) => {
     if (a.length === 0)
       return;
     await e.cancelQueries({ queryKey: t });
-    const i = e.getQueryData(t), c = i == null ? void 0 : i.map((u) => ((u == null ? void 0 : u.id) === (d == null ? void 0 : d.activityId) && (u.content = a), u));
+    const i = e.getQueryData(t), c = i == null ? void 0 : i.map((u) => ((u == null ? void 0 : u.id) === (m == null ? void 0 : m.activityId) && (u.content = a), u));
     return e.setQueryData(t, () => c && [...c]), { previousActivities: c };
   },
-  onError: (d, a, i) => {
+  onError: (m, a, i) => {
     e.setQueryData(t, i.previousActivities);
   },
   onSettled: () => {
     e.invalidateQueries({ queryKey: t });
   }
-}), Ps = ({
+}), Ds = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4162,7 +4110,7 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   e.invalidateQueries({
     queryKey: [...t, c.activityId]
   });
-} }), Fs = ({
+} }), Ps = ({
   queryClient: e,
   queryKey: t,
   user: n,
@@ -4178,13 +4126,13 @@ const Mo = ({ 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, _, k, g;
+    var h, _, b, g;
     if (p.id === c) {
-      const E = (k = (_ = (h = p.latest_reactions) == null ? void 0 : h.like) == null ? void 0 : _.find(
-        (b) => b.user_id === (n == null ? void 0 : n.id)
-      )) == null ? void 0 : k.id;
+      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;
       return p.latest_reactions.like = (g = p.latest_reactions.like) == null ? void 0 : g.filter(
-        (b) => b.id !== E
+        (x) => x.id !== E
       ), p;
     } else
       return p;
@@ -4194,16 +4142,16 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   e.invalidateQueries({
     queryKey: [...t, u.activityId]
   });
-} }), Co = ({
+} }), Mo = ({
   basePath: e,
   parentId: t,
   isMember: n,
-  functions: { list: s, create: o, edit: l, like: d, unlike: a, join: i, leave: c }
+  functions: { list: s, create: o, edit: l, like: m, unlike: a, join: i, leave: c }
 }) => {
-  const u = F(), f = At(), p = ye(je), {
+  const u = P(), f = At(), p = ye(je), {
     data: h,
     error: _,
-    isLoading: k,
+    isLoading: b,
     isFetching: g
   } = cn({
     queryKey: [e, t],
@@ -4213,46 +4161,46 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
     queryKey: [e, t],
     user: p,
     mutationFn: o
-  }), { mutate: b } = fe(E), S = Ds({
+  }), { mutate: x } = fe(E), $ = Ns({
     queryClient: f,
     queryKey: [e, t],
-    mutationFn: async (w) => await l(w)
+    mutationFn: async (k) => await l(k)
   }), {
     mutate: T
-  } = fe(S), M = Ps({
+  } = fe($), M = Ds({
     queryClient: f,
     queryKey: [e, t],
-    mutationFn: d
+    mutationFn: m
   }), {
     mutate: Q
-  } = fe(M), V = Fs({
+  } = fe(M), V = Ps({
     queryClient: f,
     queryKey: [e, t],
     user: p,
-    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(
+    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(
         (K) => K.user_id === (p == null ? void 0 : p.id)
-      )) == null ? void 0 : Y.id;
-      await a({ reactionId: L || "", activityId: w });
+      )) == null ? void 0 : G.id;
+      await a({ reactionId: B || "", activityId: k });
     }
   }), {
-    mutate: v
-  } = fe(V), N = Ee(
-    ({ activityId: w }) => Q({ activityId: w }),
+    mutate: w
+  } = fe(V), F = Ee(
+    ({ activityId: k }) => Q({ activityId: k }),
     [Q]
   ), q = Ee(
-    ({ activityId: w }) => v({ activityId: w }),
-    [v]
+    ({ activityId: k }) => w({ activityId: k }),
+    [w]
   );
-  return _ ? /* @__PURE__ */ r.jsx(st, { variant: "error", text: _.message }) : k ? /* @__PURE__ */ r.jsx(be, { style: { height: "400px" } }) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+  return _ ? /* @__PURE__ */ r.jsx(rt, { variant: "error", text: _.message }) : b ? /* @__PURE__ */ r.jsx(ve, { style: { height: "400px" } }) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(
-      Nn,
+      An,
       {
         contentType: "post",
-        createPost: b,
+        createPost: x,
         membershipRequiredToPost: {
           isMember: n,
           required: !0,
@@ -4262,63 +4210,60 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
         }
       }
     ),
-    !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: {
-              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
+    !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
+              }
             },
-            links: {
-              post: `${e}/${t}/${w == null ? void 0 : w.id}`,
-              comments: `${e}/${t}/${w == null ? void 0 : w.id}`
+            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: {
+            content: {
+              createContent: () => null,
+              deleteContent: () => null,
+              updateContent: (ue, me) => T({ activityInfo: ue, content: me })
             },
-            functions: {
-              content: {
-                createContent: () => null,
-                deleteContent: () => null,
-                updateContent: (ne, me) => T({ activityInfo: ne, content: me })
-              },
-              likes: {
-                createLike: () => {
-                  N({ activityId: w == null ? void 0 : w.id });
-                },
-                deleteLike: () => {
-                  q({ activityId: w == null ? void 0 : w.id });
-                }
+            likes: {
+              createLike: () => {
+                F({ activityId: k == null ? void 0 : k.id });
               },
-              comments: {
-                openComments: () => null
+              deleteLike: () => {
+                q({ activityId: k == null ? void 0 : k.id });
               }
             },
-            isTruncated: !0
+            comments: {
+              openComments: () => null
+            }
           }
-        ),
-        /* @__PURE__ */ r.jsx(Ne, {})
-      ] }, w == null ? void 0 : w.id);
+        },
+        k == null ? void 0 : k.id
+      );
     }))
   ] });
-}, Rs = ({
+}, Fs = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4337,7 +4282,7 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
     })), { previousActivity: i };
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
-} }), Os = ({
+} }), Rs = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4345,49 +4290,49 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   mutationFn: n,
   onMutate: async ({
     replyInfo: l,
-    content: { body: d }
+    content: { body: m }
   }) => {
     var c, u, f;
-    if (d.length === 0)
+    if (m.length === 0)
       return;
     await e.cancelQueries({ queryKey: t });
     const a = e.getQueryData(t);
     if (!a || !((c = a == null ? void 0 : a.latest_reactions) != null && c.reply))
       return;
-    const i = (f = (u = a == null ? void 0 : a.latest_reactions) == null ? void 0 : u.reply) == null ? void 0 : f.map((p) => (p.id === l.replySlug && (p.data.content = d), p));
+    const i = (f = (u = a == null ? void 0 : a.latest_reactions) == null ? void 0 : u.reply) == null ? void 0 : f.map((p) => (p.id === l.replySlug && (p.data.content = m), p));
     return e.setQueryData(t, () => ({
       ...a,
       latest_reactions: { reply: i }
     })), { previousActivity: a };
   },
-  onError: (l, d, a) => {
+  onError: (l, m, a) => {
     e.setQueryData(t, a.previousActivity);
   }
-}), Ls = ({
+}), Os = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
-}) => ({ mutationFn: n, onMutate: async ({ replyId: d }) => {
+}) => ({ mutationFn: n, onMutate: async ({ replyId: m }) => {
   var c, u;
   await e.cancelQueries({ queryKey: t });
   const a = e.getQueryData(t), i = (u = (c = a == null ? void 0 : a.latest_reactions) == null ? void 0 : c.reply) == null ? void 0 : u.map((f) => {
     var p;
-    return f.id === d && ((p = f.children_counts) != null && p.like ? f.children_counts.like += 1 : f.children_counts = { like: 1 }), f;
+    return f.id === m && ((p = f.children_counts) != null && p.like ? f.children_counts.like += 1 : f.children_counts = { like: 1 }), f;
   });
   return e.setQueryData(t, () => ({
     ...a,
     latest_reactions: { reply: i }
   })), { previousActivity: a };
-}, onError: (d, a, i) => {
+}, onError: (m, a, i) => {
   e.setQueryData(t, i.previousActivity);
-}, onSuccess: (d) => {
+}, onSuccess: (m) => {
   var c;
-  const a = e.getQueryData(t), i = (c = a == null ? void 0 : a.latest_reactions.reply) == null ? void 0 : c.map((u) => (u.id === d.id && (u.latest_children.like ? u.latest_children.like.push(d) : u.latest_children.like = [d]), u));
+  const a = e.getQueryData(t), i = (c = a == null ? void 0 : a.latest_reactions.reply) == null ? void 0 : c.map((u) => (u.id === m.id && (u.latest_children.like ? u.latest_children.like.push(m) : u.latest_children.like = [m]), u));
   return e.setQueryData(t, () => ({
     ...a,
     latest_reactions: { reply: i }
   })), { previousActivity: a };
-} }), Bs = ({
+} }), Ls = ({
   queryClient: e,
   queryKey: t,
   user: n,
@@ -4413,38 +4358,38 @@ const Mo = ({ 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(
-      (k) => k.user_id !== (n == null ? void 0 : n.id)
+      (b) => b.user_id !== (n == null ? void 0 : n.id)
     ) : p;
   });
   return e.setQueryData(t, () => ({
     ...c,
     latest_reactions: { reply: u }
   })), { previousActivity: c };
-} }), Is = ({
+} }), Bs = ({
   basePath: e,
   parentId: t,
   activityId: n,
   repliesList: s,
   isMember: o,
-  functions: { createReply: l, editReply: d, like: a, unlike: i, join: c, leave: u }
+  functions: { createReply: l, editReply: m, like: a, unlike: i, join: c, leave: u }
 }) => {
-  const f = F(), p = At(), h = ye(je), _ = Rs({
+  const f = P(), p = At(), h = ye(je), _ = Fs({
     queryClient: p,
     queryKey: [e, t, n],
     mutationFn: l
-  }), { mutate: k } = fe(_), g = Os({
+  }), { mutate: b } = fe(_), g = Rs({
     queryClient: p,
     queryKey: [e, t, n],
-    mutationFn: async (v) => d(v)
+    mutationFn: async (w) => m(w)
   }), {
     mutate: E
-  } = fe(g), b = Ls({
+  } = fe(g), x = Os({
     queryClient: p,
     queryKey: [e, t, n],
     mutationFn: a
   }), {
-    mutate: S
-  } = fe(b), T = Bs({
+    mutate: $
+  } = fe(x), T = Ls({
     queryClient: p,
     queryKey: [e, t, n],
     user: h,
@@ -4452,18 +4397,18 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   }), {
     mutate: M
   } = fe(T), Q = Ee(
-    ({ replyId: v }) => S({ replyId: v }),
-    [S]
+    ({ replyId: w }) => $({ replyId: w }),
+    [$]
   ), V = Ee(
-    ({ replyId: v }) => M({ replyId: v }),
+    ({ replyId: w }) => M({ replyId: w }),
     [M]
   );
   return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsx(
-      Nn,
+      An,
       {
         contentType: "post",
-        createPost: k,
+        createPost: b,
         membershipRequiredToPost: {
           isMember: o,
           required: !0,
@@ -4473,37 +4418,37 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
         }
       }
     ),
-    (s == null ? void 0 : s.length) === 0 || (s == null ? void 0 : s.map((v) => {
-      var G, L, B, U, Y, K, ie, le, ce, ue, oe, R, te, X, ne, me, pe;
-      const N = ((G = v == null ? void 0 : v.latest_children) == null ? void 0 : G.like) && ((L = v == null ? void 0 : v.latest_children) == null ? void 0 : L.like.filter(
+    (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(
         (ge) => ge.user_id === (h == null ? void 0 : h.id)
-      )), q = ((B = v == null ? void 0 : v.user) == null ? void 0 : B.id) === (h == null ? void 0 : h.id), w = Rt(o, q);
+      )), q = ((L = w == null ? void 0 : w.user) == null ? void 0 : L.id) === (h == null ? void 0 : h.id), k = Ft(o, q);
       return /* @__PURE__ */ r.jsx(
-        Ot,
+        Rt,
         {
           content: {
             type: "post",
-            body: typeof v.data.content == "string" ? (U = v == null ? void 0 : v.data) == null ? void 0 : U.content : ((K = (Y = v == null ? void 0 : v.data) == null ? void 0 : Y.content) == null ? void 0 : K.text) || "",
-            canLike: w,
-            createdAt: v == null ? void 0 : v.created_at,
+            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,
             slugs: {
               question: `${e}/${t}/${n}`,
               parentId: t,
-              reply: v == null ? void 0 : v.id
+              reply: w == null ? void 0 : w.id
             },
-            slug: `${e}/${t}/${n}#${v == null ? void 0 : v.id}`,
+            slug: `${e}/${t}/${n}#${w == null ? void 0 : w.id}`,
             author: {
-              id: (ie = v == null ? void 0 : v.user) == null ? void 0 : ie.id,
-              name: (ce = (le = v == null ? void 0 : v.user) == null ? void 0 : le.data) == null ? void 0 : ce.name,
-              organization: (oe = (ue = v == null ? void 0 : v.user) == null ? void 0 : ue.data) == null ? void 0 : oe.organization,
-              jobTitle: (te = (R = v == null ? void 0 : v.user) == null ? void 0 : R.data) == null ? void 0 : te.jobTitle,
+              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,
               image: {
-                thumbnail: ((ne = (X = v == null ? void 0 : v.user) == null ? void 0 : X.data) == null ? void 0 : ne.thumbnail) || void 0
+                thumbnail: ((ue = (te = w == null ? void 0 : w.user) == null ? void 0 : te.data) == null ? void 0 : ue.thumbnail) || void 0
               }
             },
-            userLiked: !!(N != null && N.length),
-            likes: ((me = v == null ? void 0 : v.children_counts) == null ? void 0 : me.like) || 0,
-            comments: ((pe = v == null ? void 0 : v.children_counts) == null ? void 0 : pe.reply) || 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
           },
           functions: {
             content: {
@@ -4512,8 +4457,8 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
               updateContent: (ge, Se) => E({ replyInfo: ge, content: Se })
             },
             likes: {
-              createLike: () => Q({ replyId: v == null ? void 0 : v.id }),
-              deleteLike: () => V({ replyId: v == null ? void 0 : v.id })
+              createLike: () => Q({ replyId: w == null ? void 0 : w.id }),
+              deleteLike: () => V({ replyId: w == null ? void 0 : w.id })
             },
             comments: {
               openComments: () => {
@@ -4521,35 +4466,35 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
             }
           }
         },
-        v == null ? void 0 : v.id
+        w == null ? void 0 : w.id
       );
     }))
   ] });
-}, Hs = ({
+}, Is = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
 }) => ({
   mutationFn: n,
   onMutate: async ({
-    activityInfo: d,
+    activityInfo: m,
     content: { body: a }
   }) => {
     if (a.length === 0)
       return;
     await e.cancelQueries({ queryKey: t });
     const i = e.getQueryData(t);
-    return i && i.id === (d == null ? void 0 : d.activityId) && (i.content = a), e.setQueryData(t, () => ({
+    return i && i.id === (m == null ? void 0 : m.activityId) && (i.content = a), e.setQueryData(t, () => ({
       ...i
     })), { previousActivity: i };
   },
-  onError: (d, a, i) => {
+  onError: (m, a, i) => {
     e.setQueryData(t, i.previousActivity);
   },
   onSettled: () => {
     e.invalidateQueries({ queryKey: t });
   }
-}), Qs = ({
+}), Hs = ({
   queryClient: e,
   queryKey: t,
   mutationFn: n
@@ -4569,7 +4514,7 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   })), { previousActivity: i };
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
-} }), Us = ({
+} }), Qs = ({
   queryClient: e,
   queryKey: t,
   user: n,
@@ -4599,7 +4544,7 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
     })), { previousActivity: u };
 }, onSettled: () => {
   e.invalidateQueries({ queryKey: t });
-} }), No = ({
+} }), Co = ({
   basePath: e,
   parentId: t,
   activityId: n,
@@ -4607,7 +4552,7 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   functions: {
     get: o,
     editActivity: l,
-    likeActivity: d,
+    likeActivity: m,
     unlikeActivity: a,
     createReply: i,
     editReply: c,
@@ -4617,60 +4562,60 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
     leave: h
   }
 }) => {
-  var B, U, Y, K, ie, le, ce, ue, oe, R, te;
-  const _ = ye(je), k = At(), {
+  var L, U, G, K, ie, le, se, R, ee, oe, ce;
+  const _ = ye(je), b = At(), {
     data: g,
     error: E,
-    isLoading: b,
-    isFetching: S
+    isLoading: x,
+    isFetching: $
   } = cn({
     queryKey: [e, t, n],
     queryFn: o
-  }), T = Hs({
-    queryClient: k,
+  }), T = Is({
+    queryClient: b,
     queryKey: [e, t, n],
-    mutationFn: async (X) => await l(X)
+    mutationFn: async (te) => await l(te)
   }), {
     mutate: M
-  } = fe(T), Q = Qs({
-    queryClient: k,
+  } = fe(T), Q = Hs({
+    queryClient: b,
     queryKey: [e, t, n],
-    mutationFn: d
+    mutationFn: m
   }), {
     mutate: V
-  } = fe(Q), v = Us({
-    queryClient: k,
+  } = fe(Q), w = Qs({
+    queryClient: b,
     queryKey: [e, t, n],
     user: _,
     mutationFn: async () => {
-      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(
+      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(
         (ge) => ge.user_id === (_ == null ? void 0 : _.id)
       )) == null ? void 0 : pe.id;
-      await a({ activityId: n, reactionId: X });
+      await a({ activityId: n, reactionId: te });
     },
     activity: g
   }), {
-    mutate: N
-  } = fe(v), q = Ee(
-    ({ activityId: X }) => V({ activityId: X }),
+    mutate: F
+  } = fe(w), q = Ee(
+    ({ activityId: te }) => V({ activityId: te }),
     [V]
-  ), w = Ee(
-    async ({ activityId: X }) => N({ activityId: X }),
-    [N]
+  ), k = Ee(
+    async ({ activityId: te }) => F({ activityId: te }),
+    [F]
   );
   if (E)
-    return /* @__PURE__ */ r.jsx(st, { variant: "error", text: E.message });
-  if (b || S)
-    return /* @__PURE__ */ r.jsx(be, { style: { height: "400px" } });
-  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, { variant: "error", text: E.message });
+  if (x || $)
+    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);
   return /* @__PURE__ */ r.jsx(
-    Ot,
+    Rt,
     {
       content: {
         type: "post",
         body: g == null ? void 0 : g.content,
-        canLike: L,
+        canLike: B,
         createdAt: (g == null ? void 0 : g.time) || "",
         slugs: {
           question: `${t}/${n}`,
@@ -4680,27 +4625,27 @@ const Mo = ({ 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: (Y = g == null ? void 0 : g.actor) == null ? void 0 : Y.data.name,
+          name: (G = g == null ? void 0 : g.actor) == null ? void 0 : G.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: ((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,
+        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,
         likes: g && (g == null ? void 0 : g.reaction_counts.like),
         comments: g && (g == null ? void 0 : g.reaction_counts.reply)
       },
-      originalAuthorId: (oe = g == null ? void 0 : g.actor) == null ? void 0 : oe.id,
+      originalAuthorId: (ee = g == null ? void 0 : g.actor) == null ? void 0 : ee.id,
       functions: {
         content: {
           createContent: () => console.log("create"),
           deleteContent: () => console.log("delete"),
-          updateContent: (X, ne) => M({ activityInfo: X, content: ne })
+          updateContent: (te, ue) => M({ activityInfo: te, content: ue })
         },
         likes: {
           createLike: () => q({ activityId: n }),
-          deleteLike: () => w({ activityId: n })
+          deleteLike: () => k({ activityId: n })
         },
         comments: {
           openComments: () => {
@@ -4710,16 +4655,16 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
       children: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
         /* @__PURE__ */ r.jsxs("h3", { children: [
           "Comments (",
-          ((R = g == null ? void 0 : g.reaction_counts) == null ? void 0 : R.reply) || 0,
+          ((oe = g == null ? void 0 : g.reaction_counts) == null ? void 0 : oe.reply) || 0,
           ")"
         ] }),
         /* @__PURE__ */ r.jsx(
-          Is,
+          Bs,
           {
             basePath: e,
             parentId: t,
             activityId: n,
-            repliesList: (te = g == null ? void 0 : g.latest_reactions) == null ? void 0 : te.reply,
+            repliesList: (ce = g == null ? void 0 : g.latest_reactions) == null ? void 0 : ce.reply,
             isMember: s,
             functions: {
               createReply: i,
@@ -4743,85 +4688,85 @@ const Mo = ({ isOpen: e = !1, count: t = 0, children: n }) => {
   image: { thumbnail: o }
 });
 export {
-  $t as ASSETS_BUCKET,
-  Co as ActivitiesFeed,
-  No as ActivitySection,
-  Nn as AddPost,
-  lo as BannerSection,
-  go as Breadcrumbs,
+  Et as ASSETS_BUCKET,
+  Mo as ActivitiesFeed,
+  Co as ActivitySection,
+  An as AddPost,
+  io as BannerSection,
+  ho as Breadcrumbs,
   W as Button,
-  nt as ButtonWrapper,
+  tt as ButtonWrapper,
   as as CacheProvider,
   xn as CollapsibleSection,
-  vo as Columns,
-  ho as CommunityDetails,
+  xo as Columns,
+  po as CommunityDetails,
   os as Contributors,
-  An as ConversationContext,
+  Nn as ConversationContext,
   gs as CookieBanner,
-  So as DiscussionConversation,
+  Eo as DiscussionConversation,
   Cn as DiscussionForm,
   $s as DiscussionLikes,
-  Ot as DiscussionPost,
-  Mo as DiscussionThread,
-  Ne as Divider,
-  ao as DownloadSection,
-  Oe as EMAILS,
+  Rt as DiscussionPost,
+  To as DiscussionThread,
+  Le as Divider,
+  oo as DownloadSection,
+  Re as EMAILS,
   bo as EmailHelperTextBox,
-  st as EmptyStateBox,
-  _o as Filters,
+  rt as EmptyStateBox,
+  go as Filters,
   cs as FlagsProvider,
   En as Footer,
   _n as FullWidthSection,
-  po as GlobalProviders,
+  fo as GlobalProviders,
   Mn as Header,
   Ur as HelperTextBox,
   mn as HiddenFromScreenReaders,
-  mo as HideShowTextBox,
+  uo as HideShowTextBox,
   ke as HighlightedTextBox,
   us as IntlProvider,
-  bs as InviteForm,
-  $o as InviteModal,
+  vs as InviteForm,
+  So as InviteModal,
   yn as JoinButton,
-  xo as LanguageSwitcher,
-  rt as Link,
+  _o as LanguageSwitcher,
+  nt as Link,
   fs as LoadMore,
-  fo as LoadingBlock,
-  be as LoadingPlaceholder,
+  mo as LoadingBlock,
+  ve as LoadingPlaceholder,
   ns as LoadingState,
   jn as Logo,
-  io as LogoSection,
+  ao as LogoSection,
   nn as MarkdownText,
-  co as MarketingBox,
-  Ft as Member,
-  Eo as MembersList,
+  lo as MarketingBox,
+  Pt as Member,
+  jo as MembersList,
   Ts as Modal,
   ps as MoreMenu,
-  uo as NUMBER_OF_USERS,
+  co as NUMBER_OF_USERS,
   Dn as Overlay,
-  yo as PageLayout,
-  wo as PasswordRules,
+  ko as PageLayout,
+  vo as PasswordRules,
   qr as Pill,
-  Pt as ProfilePicture,
+  Dt as ProfilePicture,
   es as ProgressBar,
-  ko as Rating,
-  Is as RepliesFeed,
-  To as ResponsesHeading,
+  wo as Rating,
+  Bs as RepliesFeed,
+  $o as ResponsesHeading,
   Br as ResponsiveImage,
-  vs as SearchForm,
+  bs as SearchForm,
   Zr as Span,
-  Mt as StatusBanner,
-  jo as Tags,
+  $t as StatusBanner,
+  yo as Tags,
   Ir as Tooltip,
   je as UserContext,
   ds as UserProvider,
-  re as VisuallyHidden,
+  ne as VisuallyHidden,
   Ms as addAriaProps,
   kn as getMember,
   Xe as headerData,
   Ao as mapGetStreamData,
   jr as useCurrentPath,
   Ce as useEffectAfterMount,
-  tt as useScreenWidth,
+  et as useScreenWidth,
   Sr as useScrollListener,
-  oo as useScrollToHash
+  so as useScrollToHash
 };